https://metlifewelfare.org/app2/etc.clientlibs/MetlifeMarketCore/c…mmersive-brand-navigation/clientlibs.min.js

1if (0 < $(".immersive-brand-navigation").length) {
2  var ImmersiveBrandNavigation = (function () {
3    function k() {
4      var a = Math.min(2, e),
5        f = Math.min(5, e);
6      b.slick({
7        // main 슬라이드
8        asNavFor: ".immersive-brand-navigation .category",
9        accessibility: !0,
10        arrows: !1,
11        dots: !1,
12        fade: !1,
13        infinite: !1,
14        mobileFirst: !0,
15        speed: 900,
16        slidesToShow: 1,
17        slidesToScroll: 1,
18      });
19      c.slick({
20        asNavFor: ".immersive-brand-navigation .headline",
21        accessibility: !1,
22        arrows: !1,
23        dots: !1,
24        infinite: !1,
25        variableWidth: !1,
26        mobileFirst: !0,
27        centerMode: !1,
28        speed: 500,
29        slidesToShow: a,
30        slidesToScroll: 1,
31        responsive: [
32          { breakpoint: 767, settings: { slidesToShow: f, slidesToScroll: f } },
33        ],
34      });
35    }
36    var g = $(".immersive-brand-navigation.component"),
37      h = g.find(".background").find(".background__image"),
38      b = g.find(".headline"),
39      c = g.find(".category"),
40      e = b.find(".headline__item").length;
41    return {
42      init: function () {
43        1 < e &&
44          (k(),
45          b.on("beforeChange", function (a, f, e, d) {
46            h.removeClass("active").attr("aria-hidden", "true");
47            h.eq(d).addClass("active").attr("aria-hidden", "false");
48            b.find(".headline__item")
49              .removeClass("active")
50              .attr("aria-hidden", "true");
51            b.find(".headline__item").eq(d).attr("aria-hidden", "false");
52            c.find(".category__item").removeClass("active");
53            c.find(".category__item").find(".state").text("");
54            b.find(".headline__item").eq(d).addClass("active");
55            c.find(".category__item").eq(d).addClass("active");
56            c.find(".category__item").eq(d).find(".state").text(": selected");
57            b.find(".headline__item").attr("tabindex", -1);
58            b.find(".headline__item").eq(d).attr("tabindex", 0);
59            c.find(".category__item").attr("tabindex", 0);
60          }),
61          c.on("setPosition", function (a, b) {
62            $(this).find(".category__item").attr("tabindex", -1);
63            $(this).find(".category__item.slick-active").attr("tabindex", 0);
64          }),
65          c
66            .find(".category__item")
67            .on("click", function () {
68              c.find(".category__item").removeClass("expand-left");
69              c.find(".category__item").removeClass("expand-right");
70              $(this).attr("data-slick-index") >
71              $(this)
72                .closest(".category")
73                .find(".category__item.active")
74                .attr("data-slick-index")
75                ? $(this).addClass("expand-left")
76                : $(this).addClass("expand-right");
77              b.slick("slickGoTo", $(this).attr("data-slick-index"));
78            })
79            .on("keydown", function (a) {
80              if (13 === a.keyCode || 32 === a.keyCode)
81                a.preventDefault(), $(this)[0].click();
82            }));
83        $(window).on("load resize", function () {
84          UtilityModule.setImagePath(h, "background");
85        });
86        b.find(".headline__item")
87          .on("click", function () {
88            var a = $(this).find(".headline__item-text").text().trim();
89            AnalyticsModule.linkClick("", "Immersive Brand Navigation", a);
90          })
91          .on("keydown", function (a) {
92            if (13 === a.keyCode || 32 === a.keyCode)
93              a.preventDefault(), $(this)[0].click();
94          });
95      },
96    };
97  })();
98  ImmersiveBrandNavigation.init();
99}