{"version":3,"sources":["webpack:///./es6/components/tabs.js"],"names":["Tabs","this","selectors","characteristicsTabs","acnhorTab","scrollWrapper","tabContent","$window","on","setTimeout","$acnhorTab","target","$","each","idx","ele","event","$this","currentTarget","$parent","closest","find","removeClass","$tabContent","addClass","anchorPosition","offsetLeft","parentwrapperwidth","$scrollWrapper","outerWidth","thisWidth","window","isRTL","animate","scrollLeft","tagid","data","length","slick","$characteristicsTabs","initSelector","initEvent"],"mappings":"kSAaMA,E,WACL,c,6FAAe,CAAD,QACbC,KAAKC,UAAY,CAChBC,oBAAqB,WACrBC,UAAW,iBACXC,cAAe,gBACfC,WAAY,gB,mIAWd,WAAa,IAAD,OACXC,IAAQC,GAAG,QAAQ,eACnBD,IAAQC,GAAG,UAAU,eACrBD,IAAQC,GAAG,UAAU,WACpBC,YAAW,WACV,EAAKN,oBAAoB,EAAKO,cAC5B,U,iCAWL,SAAoBC,GAAS,IAAD,OACXC,IAAED,GACVE,MAAK,SAACC,EAAKC,GACLH,IAAEG,GACVP,GAAG,SAAS,SAACQ,GAAW,IACtBC,EAAQL,IAAEI,EAAME,eAChBC,EAAUF,EAAMG,QAAQ,6BAG9BD,EAAQE,KAAK,EAAKX,YAAYY,YAAY,cAC1CH,EAAQE,KAAK,EAAKE,aAAaD,YAAY,UAAUE,SAAS,QANnC,IAOrBC,EAAiBR,EAAM,GAAGS,WAC1BC,EAAqB,EAAKC,eAAeC,aAAe,EACxDC,EAAYb,EAAMY,aAAe,EAEf,KAApBE,OAAOF,aACNG,IACH,EAAKJ,eAAeK,QAAQ,CAAEC,WAAYT,EAAiBE,EAAqBG,EAAY,GAAK,KAEjG,EAAKF,eAAeK,QAAQ,CAAEC,WAAYT,EAAiBE,EAAqBG,EAAY,GAAK,MAInGb,EAAMO,SAAS,cACf,IAAMW,EAAQlB,EAAMmB,KAAK,OACzBxB,IAAE,IAAD,OAAKuB,IAASX,SAAS,UAAUF,YAAY,QAC1CV,IAAE,sBAAsByB,SAC3BzB,IAAE,IAAD,OAAKuB,IAASd,KAAK,sBAAsBiB,MAAM,YAAa,GAC7D1B,IAAE,IAAD,OAAKuB,IAASd,KAAK,sBAAsBiB,MAAM,wB,0BAYpD,WACCrC,KAAKsC,qBAAuB3B,IAAEX,KAAKC,UAAUC,qBAC7CF,KAAKS,WAAaE,IAAEX,KAAKC,UAAUE,WACnCH,KAAK2B,eAAiBhB,IAAEX,KAAKC,UAAUG,eACvCJ,KAAKsB,YAAcX,IAAEX,KAAKC,UAAUI,c,kBASrC,WACCL,KAAKuC,eACLvC,KAAKE,oBAAoBF,KAAKS,YAC9BT,KAAKwC,gB,KAIQzC","file":"js/tabs.js","sourcesContent":["/**\r\n * @fileoverview\r\n */\r\nimport $ from 'jquery';\r\nimport {\r\n\t$window, isRTL,\r\n} from '../util/helpers';\r\n\r\n/**\r\n * Characteristics Tabs\r\n * @class Tabs\r\n */\r\n\r\nclass Tabs {\r\n\tconstructor() {\r\n\t\tthis.selectors = {\r\n\t\t\tcharacteristicsTabs: '.js-tabs',\r\n\t\t\tacnhorTab: '.js-tab-acnhor',\r\n\t\t\tscrollWrapper: '.js-tabs-link',\r\n\t\t\ttabContent: '.tab-content',\r\n\t\t};\r\n\t}\r\n\r\n\t/**\r\n     * Characteristics Tabs init Event\r\n     * @function initEvent\r\n     * @memberof Tabs\r\n     * @returns {Void}\r\n     */\r\n\r\n\tinitEvent() {\r\n\t\t$window.on('load', () => {});\r\n\t\t$window.on('scroll', () => {});\r\n\t\t$window.on('resize', () => {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.characteristicsTabs(this.$acnhorTab);\r\n\t\t\t}, 500);\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n     * Characteristics Tabs Init method\r\n     * @function characteristicsTabs\r\n     * @memberof Tabs\r\n     * @returns {Void}\r\n     */\r\n\r\n\tcharacteristicsTabs(target) {\r\n\t\tconst $target = $(target);\r\n\t\t$target.each((idx, ele) => {\r\n\t\t\tconst $ele = $(ele);\r\n\t\t\t$ele.on('click', (event) => {\r\n\t\t\t\tconst $this = $(event.currentTarget);\r\n\t\t\t\tconst $parent = $this.closest('.comp-tabs-detail-wrapper');\r\n\t\t\t\t// Hide other Tabs on Click\r\n\r\n\t\t\t\t$parent.find(this.$acnhorTab).removeClass('activelink');\r\n\t\t\t\t$parent.find(this.$tabContent).removeClass('active').addClass('hide');\r\n\t\t\t\tconst anchorPosition = $this[0].offsetLeft;\r\n\t\t\t\tconst parentwrapperwidth = this.$scrollWrapper.outerWidth() / 2;\r\n\t\t\t\tconst thisWidth = $this.outerWidth() / 2;\r\n\t\t\t\t// Set Anchor Position on click\r\n\t\t\t\tif (window.outerWidth < 1023) {\r\n\t\t\t\t\tif (isRTL) {\r\n\t\t\t\t\t\tthis.$scrollWrapper.animate({ scrollLeft: anchorPosition - parentwrapperwidth + thisWidth + 6 }, 400);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.$scrollWrapper.animate({ scrollLeft: anchorPosition - parentwrapperwidth + thisWidth - 8 }, 400);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t// Show Current Tabs on Click\r\n\t\t\t\t$this.addClass('activelink');\r\n\t\t\t\tconst tagid = $this.data('tag');\r\n\t\t\t\t$(`#${tagid}`).addClass('active').removeClass('hide');\r\n\t\t\t\tif ($('.slick-initialized').length) {\r\n\t\t\t\t\t$(`#${tagid}`).find('.slick-initialized').slick('slickGoTo', 0);\r\n\t\t\t\t\t$(`#${tagid}`).find('.slick-initialized').slick('setPosition');\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n     * Characteristics Tabs init Selector\r\n     * @function initSelector\r\n     * @memberof Tabs\r\n     * @returns {Void}\r\n     */\r\n\tinitSelector() {\r\n\t\tthis.$characteristicsTabs = $(this.selectors.characteristicsTabs);\r\n\t\tthis.$acnhorTab = $(this.selectors.acnhorTab);\r\n\t\tthis.$scrollWrapper = $(this.selectors.scrollWrapper);\r\n\t\tthis.$tabContent = $(this.selectors.tabContent);\r\n\t}\r\n\r\n\t/**\r\n     * Characteristics Tabs init method\r\n     * @function init\r\n     * @memberof Tabs\r\n     * @returns {Void}\r\n     */\r\n\tinit() {\r\n\t\tthis.initSelector();\r\n\t\tthis.characteristicsTabs(this.$acnhorTab);\r\n\t\tthis.initEvent();\r\n\t}\r\n}\r\n\r\nexport default Tabs;\r\n"],"sourceRoot":""}