{"version":3,"sources":["webpack:///./app/components/component-navigation/component-navigation--breadcrumbs.js"],"names":["componentNavigationBreadcrumbs","init","utils","elementsExist","$context","returnJqueryElement","$items","find","$lastitem","handleWidth","containerWidth","width","combinedItemWidth","widthOfFirstItems","currentBreakpoint","each","i","e","$item","$","removeClass","hasClass","widthLeft","addClass","prev","hide","contextWidth","anime","targets","opacity","duration","delay","stagger","window","resize","css"],"mappings":"0FAAA,2CAIIA,EAAiC,CACnCC,KADmC,WAMjC,IAFuBC,UAAMC,cAFT,qCAIG,OAAO,EAE9B,IAAMC,EAAWF,UAAMG,oBANH,qCAQhBC,EAASF,EAASG,KAAK,cACvBC,EAAYJ,EAASG,KAAK,YAE1BE,EAAc,WAChB,IAAIC,EAAiBN,EAASO,QAC1BC,EAAoB,EACpBC,EAAoB,EAiBxB,GAfIX,UAAMY,kBAAkB,UAK5BR,EAAOS,MAAK,SAACC,EAAGC,GACd,IAAIC,EAAQC,IAAEF,GACdC,EAAMX,KAAK,SAASa,YAAY,YAChCF,EAAMX,KAAK,SAASI,MAAMO,EAAMX,KAAK,SAASI,SAC9CC,GAAqBM,EAAMP,QACtBO,EAAMG,SAAS,aAClBR,GAAqBK,EAAMP,YAI3BC,EAAoBF,EAAgB,CACtC,IAAIY,EAAYZ,EAAiBG,EAAoB,GACrD,GAAIS,EAAY,EACdd,EAAUD,KAAK,SAASgB,SAAS,YACjCf,EAAUD,KAAK,SAASI,MAAMW,QAM9B,GAHAA,EAAYZ,EAAiBG,EAAoBL,EAAUgB,OAAOb,QAAU,GAC5EH,EAAUiB,OACVjB,EAAUgB,OAAOjB,KAAK,KAAKA,KAAK,QAAQgB,SAAS,YAC7CrB,UAAMY,kBAAkB,UAAW,QAAS,CAC9C,IAAIY,EAAetB,EAASO,QAC5BH,EAAUgB,OAAOjB,KAAK,KAAKA,KAAK,QAAQI,MAAMe,EAAe,IAC7DlB,EAAUgB,OAAOjB,KAAK,KAAKI,MAAMe,EAAe,SAGhDlB,EAAUgB,OAAOjB,KAAK,KAAKA,KAAK,QAAQI,MAAMW,GAC9Cd,EAAUgB,OAAOjB,KAAK,KAAKI,MAAMW,GAKvCK,YAAM,CACJC,QAAS,oCACTC,QAAS,CAAC,EAAG,GACbC,SAAU,IACVC,MAAOJ,IAAMK,QAAQ,QAIzBvB,IAEAU,IAAEc,QAAQC,QAAO,WACf9B,EAAS+B,IAAI,UAAW,KACxB1B,SAKST","file":"js/breadcrumbs.8b307171aec6455a854e.js","sourcesContent":["import $ from 'jquery';\r\nimport utils from '../../framework/js/app.utils';\r\nimport anime from 'animejs';\r\n\r\nlet componentNavigationBreadcrumbs = {\r\n init() {\r\n const contextAttr = '.component-navigation--breadcrumb';\r\n\r\n let contextElmExists = utils.elementsExist(contextAttr);\r\n\r\n if (!contextElmExists) return false;\r\n\r\n const $context = utils.returnJqueryElement(contextAttr);\r\n\r\n let $items = $context.find('.link-item');\r\n let $lastitem = $context.find('.current');\r\n\r\n let handleWidth = () => {\r\n let containerWidth = $context.width();\r\n let combinedItemWidth = 0;\r\n let widthOfFirstItems = 0;\r\n\r\n if (utils.currentBreakpoint('medium')) {\r\n \r\n }\r\n\r\n\r\n $items.each((i, e) => {\r\n let $item = $(e);\r\n $item.find('.text').removeClass('truncate');\r\n $item.find('.text').width($item.find('.text').width());\r\n combinedItemWidth += $item.width();\r\n if (!$item.hasClass('current')) {\r\n widthOfFirstItems += $item.width();\r\n }\r\n });\r\n \r\n if (combinedItemWidth > containerWidth) {\r\n let widthLeft = containerWidth - widthOfFirstItems - 10;\r\n if (widthLeft > 0) {\r\n $lastitem.find('.text').addClass('truncate');\r\n $lastitem.find('.text').width(widthLeft);\r\n }\r\n else {\r\n widthLeft = containerWidth - widthOfFirstItems + $lastitem.prev().width() - 30;\r\n $lastitem.hide();\r\n $lastitem.prev().find('a').find('span').addClass('truncate');\r\n if (utils.currentBreakpoint('smedium', 'down')) {\r\n let contextWidth = $context.width();\r\n $lastitem.prev().find('a').find('span').width(contextWidth - 20);\r\n $lastitem.prev().find('a').width(contextWidth - 20);\r\n }\r\n else {\r\n $lastitem.prev().find('a').find('span').width(widthLeft);\r\n $lastitem.prev().find('a').width(widthLeft);\r\n }\r\n }\r\n }\r\n \r\n anime({\r\n targets: '.component-navigation--breadcrumb',\r\n opacity: [0, 1],\r\n duration: 2000,\r\n delay: anime.stagger(100)\r\n });\r\n }\r\n\r\n handleWidth();\r\n\r\n $(window).resize(() => {\r\n $context.css('opacity', '0');\r\n handleWidth();\r\n });\r\n },\r\n};\r\n\r\nexport default componentNavigationBreadcrumbs;\r\n"],"sourceRoot":""}