{"version":3,"sources":["webpack:///./node_modules/ui-theme/js/components/_toggle.js"],"names":["$","UX","$body","toggle","$toggle","toggleClasses","init","on","build","control","e","preventDefault","this","find","off","toggleFacet","each","moreCount","$target","$lis","children","$select","$options","lisNum","length","optionsNum","shownItems","val","isToggle","facetsMoreText","closest","data","facetsLessText","attr","after","mis","magicSuggest","hideTrigger","allowFreeEntries","expandOnFocus","maxSelection","placeholder","m","selection","undefined","window","location","href","id","elem","slideToggle","toggleClass","hasClass","html","firstChild","focus","blur","jQuery"],"mappings":"6EAEA,SAAWA,EAAGC,GACV,IAAIC,EAAQF,EAAE,QAEVG,EAAS,CACTC,QAASJ,EAAE,2BACXK,cAAe,kBACfC,KAAM,SAANA,OACIH,EAAOI,GAAGC,QACVL,EAAOM,WAEXA,QAAS,SAATA,UACIP,EAAMK,GAAG,QAAS,qBAAqB,SAAUG,GAC7CA,EAAEC,iBACFR,EAAOI,GAAGJ,OAAOH,EAAEY,UAEvBV,EAAMW,KAAK,4BAA4BC,MACvCZ,EAAMK,GAAG,QAAS,4BAA4B,SAAUG,GACpDA,EAAEC,iBACFR,EAAOI,GAAGQ,YAAYf,EAAEY,WAGhCL,GAAI,CACAC,MAAO,SAAPA,QACIL,EAAOC,QAAQY,MAAK,WAChB,IAUIC,EAVAC,EAAUlB,EAAEY,MAAMC,KAAK,kBACvBM,EAAOD,EAAQE,SAAS,MAExBC,EAAUrB,EAAEY,MAAMC,KAAK,mBACvBS,EAAWD,EAAQD,SAAS,UAE5BG,EAASJ,EAAKK,OACdC,EAAaH,EAASE,OACtBE,EAAaR,EAAQL,KAAK,4BAA4Bc,MACtDC,EAAWL,EAASG,EAExBvB,EAAO0B,eAAiB7B,EAAEY,MAAMkB,QAAQ,iBAAiBC,KAAK,aAC9D5B,EAAO6B,eAAiBhC,EAAEY,MAAMkB,QAAQ,iBAAiBC,KAAK,aAE9Dd,EAAYQ,EAAaF,EAASG,EAE9BR,EAAQL,KAAK,6BAA6BW,SAC1CP,EAAYC,EAAQL,KAAK,6BAA6Bc,OAC1DT,EAAQY,QAAQ,UAAUG,KAAK,kBAAmBhB,GAE9CW,GACAV,EAAQgB,MACJ,6EACI/B,EAAO0B,eACP,2CACAZ,EACA,qEAGZI,EAAQL,MAAK,WACT,IAAImB,EAAMnC,EAAEY,MAAMwB,aAAa,CAC3BC,YAAa,OACbC,iBAAkB,QAClBC,eAAe,EACfC,aAAc,EACdC,YAAazC,EAAEY,MAAMmB,KAAK,iBAE9B/B,EAAEmC,GAAK5B,GAAG,mBAAmB,SAAUG,EAAGgC,EAAGC,QACvBC,IAAdD,IACAE,OAAOC,SAASC,KAAOJ,EAAU,GAAGK,cAMxD7C,OAAQ,SAARA,OAAkB8C,GACd,IAAI7C,EAAU6C,EAAKnB,QAAQ,UACb1B,EAAQS,KAAK,kBAEnBA,KAAK,eAAeqC,cAC5B9C,EAAQS,KAAK,0BAA0BV,SAEvC8C,EAAKE,YAAY,YACbF,EAAKG,SAAS,aACdH,EAAKI,KAAKlD,EAAO6B,eAAiB,uDAClCiB,EAAKnB,QAAQ,uBAAuBjB,KAAK,iBAAiB,GAAGyC,WAAWC,QACxEN,EAAKhB,KAAK,iBAAiB,KAE3BgB,EAAKI,KACDlD,EAAO0B,eACH,2CACAzB,EAAQ2B,KAAK,cACb,iEAERkB,EAAKnB,QAAQ,uBAAuBjB,KAAK,oBAAoB2C,OAC7DP,EAAKhB,KAAK,iBAAiB,KAGnClB,YAAa,SAAbA,YAAuBkC,GACnB,IACI/B,EADU+B,EAAKnB,QAAQ,MACLV,SAAS,2BAE/BF,EAAQgC,cACRD,EAAKE,YAAY,YACjBF,EAAKpC,KAAK,KAAKsC,YAAYhD,EAAOE,eAE9B4C,EAAKG,SAAS,YACdlC,EAAQe,KAAK,eAAe,GAE5Bf,EAAQe,KAAK,eAAe,MAM5ChC,EAAGE,OAASA,EA7GhB,CA8GGsD,OAAQxD","file":"js/toggle-e96226e8e1132f8bc080.js","sourcesContent":["//todo: needs to be refactored...\n\n(function ($, UX) {\n    var $body = $('body');\n\n    var toggle = {\n        $toggle: $('.facet:not(.displayAll)'),\n        toggleClasses: 'icon-chevron-up',\n        init: function () {\n            toggle.on.build();\n            toggle.control();\n        },\n        control: function () {\n            $body.on('click', '.facet__show-more', function (e) {\n                e.preventDefault();\n                toggle.on.toggle($(this));\n            });\n            $body.find('.facet .dropdown__toggle').off();\n            $body.on('click', '.facet .dropdown__toggle', function (e) {\n                e.preventDefault();\n                toggle.on.toggleFacet($(this));\n            });\n        },\n        on: {\n            build: function () {\n                toggle.$toggle.each(function () {\n                    var $target = $(this).find('ul.facet__list');\n                    var $lis = $target.children('li');\n\n                    var $select = $(this).find('.facet__select ');\n                    var $options = $select.children('option');\n\n                    var lisNum = $lis.length;\n                    var optionsNum = $options.length;\n                    var shownItems = $target.find('[name=facet-shown-items]').val();\n                    var isToggle = lisNum > shownItems;\n                    let moreCount;\n                    toggle.facetsMoreText = $(this).closest('.facets-group').data('more-text');\n                    toggle.facetsLessText = $(this).closest('.facets-group').data('less-text');\n\n                    moreCount = optionsNum + lisNum - shownItems;\n\n                    if ($target.find('[name=facet-hidden-items]').length)\n                        moreCount = $target.find('[name=facet-hidden-items]').val();\n                    $target.closest('.facet').attr('data-more-count', moreCount);\n\n                    if (isToggle)\n                        $target.after(\n                            '<a href=\"#\" class=\"facet__show-more\" aria-expanded=\"false\" rel=\"nofollow\">' +\n                                toggle.facetsMoreText +\n                                ' <span class=\"facet__show-more__count\">(' +\n                                moreCount +\n                                ')</span> <i class=\"icon-chevron-down\" aria-hidden=\"true\"></i></a>'\n                        );\n\n                    $select.each(function () {\n                        var mis = $(this).magicSuggest({\n                            hideTrigger: 'true',\n                            allowFreeEntries: 'false',\n                            expandOnFocus: true,\n                            maxSelection: 1,\n                            placeholder: $(this).data('placeholder'),\n                        });\n                        $(mis).on('selectionchange', function (e, m, selection) {\n                            if (selection !== undefined) {\n                                window.location.href = selection[0].id;\n                            }\n                        });\n                    });\n                });\n            },\n            toggle: function (elem) {\n                var $toggle = elem.closest('.facet');\n                var $target = $toggle.find('ul.facet__list');\n\n                $target.find('.js--toggle').slideToggle();\n                $toggle.find('.facet__select--hidden').toggle();\n\n                elem.toggleClass('js--open');\n                if (elem.hasClass('js--open')) {\n                    elem.html(toggle.facetsLessText + ' <i class=\"icon-chevron-up\" aria-hidden=\"true\"></i>');\n                    elem.closest('.accordion__content').find('li.js--toggle')[0].firstChild.focus();\n                    elem.attr('aria-expanded', true);\n                } else {\n                    elem.html(\n                        toggle.facetsMoreText +\n                            ' <span class=\"facet__show-more__count\">(' +\n                            $toggle.data('more-count') +\n                            ')</span> <i class=\"icon-chevron-down\" aria-hidden=\"true\"></i>'\n                    );\n                    elem.closest('.accordion__content').find('li:first-child a').blur();\n                    elem.attr('aria-expanded', false);\n                }\n            },\n            toggleFacet: function (elem) {\n                var $toggle = elem.closest('li');\n                var $target = $toggle.children('ul.facet-dropdown__menu');\n\n                $target.slideToggle();\n                elem.toggleClass('js--open');\n                elem.find('i').toggleClass(toggle.toggleClasses);\n\n                if (elem.hasClass('js--open')) {\n                    $target.attr('aria-hidden', false);\n                } else {\n                    $target.attr('aria-hidden', true);\n                }\n            },\n        },\n    };\n\n    UX.toggle = toggle; // add to global namespace\n})(jQuery, UX);\n"],"sourceRoot":""}