{"version":3,"sources":["app/tabs.js"],"names":["define","$","$tabContainer","$tabs","$overviewHead","$tabLlinks","$tabList","find","$tabLabel","not","click","tabName","this","attr","$curContent","$offscreen","slideDown","slideUp","fadeOut","css","addClass","removeClass","fadeIn","tabListClose","$tabsContext","$currentActiveText","$this","$navItems","$contextTabs","closest","window","innerWidth","text","prev","each","e","$currentActiveTab","$mobileForm","on","_self","hasClass","next","addEventListener","event","$fancyBorder","contents","borderTimer","setTimeout","setBorder","$item","clearTimeout","animate","left","position","width","hover"],"mappings":"AAAAA,QAAQ,UAAW,SAAUC,IACzB,WACI,aAEA,IAAIC,EAAgBD,EAAE,gBAClBE,EAAQF,EAAE,aACVG,EAAgBH,EAAE,cAClBI,EAAaJ,EAAE,qBACfK,EAAWH,EAAMI,KAAK,SACtBC,EAAYP,EAAE,gBAsDlB,GApDAA,EAAE,cAAcQ,IAAI,aAAaC,MAAM,WACnC,IAAIC,EAAUV,EAAEW,MAAMC,KAAK,gBACvBC,EAAcb,EAAE,aAAaQ,IAAI,cACjCM,EAAad,EAAE,2BAA6BU,EAAU,KAEtDA,IAAYG,EAAYD,KAAK,kBAChB,aAAZF,EACDP,EAAcY,UAAU,OACpBZ,EAAca,QAAQ,OAE1BH,EAAYI,QAAQ,WAChBhB,EAAciB,IAAI,SAAUJ,EAAWI,IAAI,UAAY,IACvDL,EAAYM,SAAS,aACrBL,EAAWM,YAAY,aAAaC,OAAO,YAyBvDjB,EAAWK,MApBX,WACI,IAcyBa,EAOTC,EACZC,EAtBAC,EAAQzB,EAAEW,MACVe,EAAY1B,EAAE,oBACd2B,EAAeF,EAAMG,QAAQ,SAEjCF,EAAUlB,IAAIiB,GAAOL,YAAY,aAEjCK,EAAMN,SAAS,aAEXU,OAAOC,WAAa,MAcpBN,GADYD,EAZDI,GAauBrB,KAAK,cAAcyB,OACzDR,EAAaS,OAAOD,KAAKP,IATAF,EAJDK,GAKXK,KAAK,gBAAgBZ,YAAY,gBAC9CE,EAAaN,QAAQ,UAUzBX,EAAS4B,KAAK,SAAUC,GACpB,IAAIT,EAAQzB,EAAEW,MACVwB,EAAoBV,EAAMnB,KAAK,cAAcyB,OACjDN,EAAMO,OAAOD,KAAKI,KAIlBN,OAAOC,WAAa,IAAK,CAEzB,IAAIM,EAAcpC,EAAE,gBAEpB,GAAMoC,EACiBA,EAAY9B,KAAK,4BACX8B,EAAY9B,KAAK,yBACnB8B,EAAY9B,KAAK,uBAIhDC,EAAU8B,GAAG,QAAS,WAClB,IAAIC,EAAQtC,EAAEW,MAET2B,EAAMC,SAAS,iBAIhBD,EAAMlB,YAAY,gBAClBkB,EAAME,KAAK,SAASxB,QAAQ,SAJ5BsB,EAAMnB,SAAS,gBACfmB,EAAME,KAAK,SAASzB,UAAU,UAQtCc,OAAOY,iBAAiB,WAAY,SAAUC,MAI9CxC,EAAM+B,KAAK,SAAUC,GACjB,IAAIT,EAAQzB,EAAEW,MACVgC,EAAelB,EAAMmB,SAAS,iBAC9BC,EAAchB,OAAOiB,WAAW,IAEhCC,EAAY,SAAUC,GACtBnB,OAAOoB,aAAaJ,GACpBA,EAAchB,OAAOiB,WAAW,WAC5B,IACIH,EAAaO,SACTC,KAAQH,EAAMI,WAAWD,KACzBE,MAASL,EAAM9B,IAAI,UACpB,KACL,MAAOgB,MACV,MAGP,IACIS,EAAazB,IAAI,OAAQO,EAAMnB,KAAK,oBAAoB8C,WAAWD,MAAMjC,IAAI,QAASO,EAAMnB,KAAK,oBAAoBY,IAAI,UAC3H,MAAOgB,IAGTa,EAAUtB,EAAMnB,KAAK,qBACrBmB,EAAMnB,KAAK,oBAAoBgD,MAAM,WACjCP,EAAU/C,EAAEW,SAEhBc,EAAMnB,KAAK,SAASgD,WAAM,EAAQ,WAC9BP,EAAUtB,EAAMnB,KAAK,yBArHjC","file":"tabs.js","sourcesContent":["define(['jquery'], function ($) {\r\n    (function () {\r\n        'use strict';\r\n\r\n        var $tabContainer = $('.tab-wrapper'),\r\n            $tabs = $('.tabs-mod'),\r\n            $overviewHead = $('.mod-intro'),\r\n            $tabLlinks = $('.tabs  .nav__link'),\r\n            $tabList = $tabs.find('.tabs'),\r\n            $tabLabel = $('.tabs__label');\r\n\r\n        $('.nav__item').not('.pro_link').click(function () {\r\n            var tabName = $(this).attr('data-tabName'),\r\n                $curContent = $('.tab-item').not('.offscreen'),\r\n                $offscreen = $('.offscreen[data-tabName=' + tabName + ']');\r\n\r\n            if (tabName !== $curContent.attr('data-tabName')) {\r\n                (tabName === 'overview') ?\r\n                $overviewHead.slideDown('300') :\r\n                    $overviewHead.slideUp('300');\r\n\r\n                $curContent.fadeOut(function () {\r\n                    $tabContainer.css('height', $offscreen.css('height') + 10);\r\n                    $curContent.addClass('offscreen');\r\n                    $offscreen.removeClass('offscreen').fadeIn('300');\r\n                });\r\n            }\r\n        });\r\n\r\n        function addItemClass() {\r\n            var $this = $(this),\r\n                $navItems = $('.tabs .nav__link'),\r\n                $contextTabs = $this.closest('.tabs');\r\n\r\n            $navItems.not($this).removeClass('is-active');\r\n\r\n            $this.addClass('is-active');\r\n\r\n            if (window.innerWidth < 750) {\r\n                updateText($contextTabs);\r\n                closeMobileDropdown($contextTabs);\r\n            }\r\n        }\r\n\r\n        function closeMobileDropdown(tabListClose) {\r\n            tabListClose.prev('.tabs__label').removeClass('js-is-active');\r\n            tabListClose.slideUp('300');\r\n        }\r\n\r\n        $tabLlinks.click(addItemClass);\r\n\r\n        function updateText($tabsContext) {\r\n            var $currentActiveText = $tabsContext.find('.is-active').text();\r\n            $tabsContext.prev().text($currentActiveText);\r\n        }\r\n\r\n        $tabList.each(function (e) {\r\n            var $this = $(this),\r\n                $currentActiveTab = $this.find('.is-active').text();\r\n            $this.prev().text($currentActiveTab);\r\n\r\n        });\r\n\r\n        if (window.innerWidth < 750) {\r\n\r\n            var $mobileForm = $('.mobile-form');\r\n\r\n            if (!!$mobileForm) {\r\n                var $keyworkList = $mobileForm.find('.filter-options__keyword'),\r\n                    $mobileFormContent = $mobileForm.find('.mobile-form__content'),\r\n                    $mobileFormLabel = $mobileForm.find('.mobile-form__label');\r\n            }\r\n        }\r\n\r\n        $tabLabel.on('click', function () {\r\n            var _self = $(this);\r\n\r\n            if (!_self.hasClass('js-is-active')) {\r\n                _self.addClass('js-is-active');\r\n                _self.next('.tabs').slideDown('300');\r\n            } else {\r\n                _self.removeClass('js-is-active');\r\n                _self.next('.tabs').slideUp('300');\r\n\r\n            }\r\n        });\r\n\r\n        window.addEventListener('popstate', function (event) {\r\n            //look for tab\r\n        });\r\n\r\n        $tabs.each(function (e) {\r\n            var $this = $(this),\r\n                $fancyBorder = $this.contents('.tabs__border'),\r\n                borderTimer = window.setTimeout('');\r\n\r\n            var setBorder = function ($item) {\r\n                window.clearTimeout(borderTimer);\r\n                borderTimer = window.setTimeout(function () {\r\n                    try {\r\n                        $fancyBorder.animate({\r\n                            'left': $item.position().left,\r\n                            'width': $item.css('width')\r\n                        }, 100);\r\n                    } catch (e) { }\r\n                }, 100);\r\n            };\r\n\r\n            try {\r\n                $fancyBorder.css('left', $this.find('.tabs .is-active').position().left).css('width', $this.find('.tabs .is-active').css('width'));\r\n            } catch (e) {\r\n\r\n            }\r\n            setBorder($this.find('.tabs .is-active'));\r\n            $this.find('.tabs .nav__link').hover(function () {\r\n                setBorder($(this));\r\n            });\r\n            $this.find('.tabs').hover(void 0, function () {\r\n                setBorder($this.find('.tabs .is-active'));\r\n            })\r\n        });\r\n\r\n    })();\r\n});"]}