{"version":3,"sources":["webpack://[name]/./src/js/components/StackSliderComponent.js"],"names":["StackSliderComponent","_BaseComponent","element","_this","_classCallCheck","_callSuper","bindEvents","debounce","handleResizeScreen","_inherits","_createClass","key","value","this","$on","event","match","parent","target","parentNode","itemToMove","removeChild","appendChild","currentTarget","closest","$countWrapper","querySelector","$currentIndex","$totalCount","slideNumber","childNodes","length","textContent","String","parseInt","nodeValue","padStart","_this2","imageHeight","document","offsetHeight","style","height","clearTimeout","setTimeout","window","BaseComponent"],"mappings":"ofACuD,IAClCA,EAAoB,SAAAC,GAEvC,SAAAD,EAAYE,GAAS,IAAAC,EAIc,OAJdC,IAAA,KAAAJ,IACnBG,EAAAE,EAAA,KAAAL,EAAA,CAAME,KACDI,aACLH,EAAKI,SAAW,GAChBJ,EAAKK,mBAAmBN,GAASC,EAClC,OAAAM,IAAAT,EAAAC,GAAAS,IAAAV,EAAA,EAAAW,IAAA,aAAAC,MAID,WACEC,KAAKC,IAAI,qBAAqB,SAACC,GAG7B,IAAIC,YAAM,SAAU,SAApB,CAIA,IAAIC,EAASF,EAAMG,OAAOC,WACtBC,EAAaL,EAAMG,OAMvB,GAJAD,EAAOI,YAAYD,GACnBH,EAAOK,YAAYF,GAGdL,EAAMQ,cAAcC,QAAQ,gCAAjC,CACA,IAAIC,EAAgBV,EAAMQ,cAAcC,QAAQ,gCAAgCE,cAAc,qBAC9F,GAAID,EAAe,CACjB,IAAIE,EAAgBF,EAAcC,cAAc,6BAC5CE,EAAcH,EAAcC,cAAc,2BAC1CG,EAAcZ,EAAOa,WAAWC,OACpCJ,EAAcK,YAAcC,OAAOC,SAAWP,EAAcG,WAAW,GAAGK,UAAYN,EAAe,IAAMO,SAAS,EAAG,KACvHR,EAAYI,YAAcC,OAAOJ,GAAaO,SAAS,EAAG,aAI/D,CAAAzB,IAAA,qBAAAC,MAGD,SAAmBV,GAAS,IAAAmC,EAAA,KAEtBC,EAAcC,SAASb,cAAc,gBAAgBc,aAAe,GAExED,SAASb,cAAc,eAAee,MAAMC,OAAQJ,EAAc,KAElEzB,KAAKC,IAAI,sBAAsB,WACzBuB,EAAK9B,WACPoC,aAAaN,EAAK9B,UAClB8B,EAAK9B,SAAW,MAGlB8B,EAAK9B,SAAWqC,YAAW,WACzB,IAAIN,EAAcC,SAASb,cAAc,gBAAgBc,aAAe,GACxED,SAASb,cAAc,eAAee,MAAMC,OAAQJ,EAAc,OACjE,OAEFO,YAzDkC,CAASC","file":"js/component-StackSliderComponent-js.chunks.js","sourcesContent":["import BaseComponent from '../abstracts/BaseComponent';\nimport { match } from '../utilities/ResolutionHandler';\nexport default class StackSliderComponent extends BaseComponent {\n  \n  constructor(element) {\n    super(element);\n    this.bindEvents();\n    this.debounce = {};\n    this.handleResizeScreen(element);\n  }\n\n\n\n  bindEvents() {\n    this.$on('click.stackSlider', (event) => {\n\n\n      if (match('medium', 'small')) {\n        return;\n      }\n\n      let parent = event.target.parentNode;\n      let itemToMove = event.target;\n\n      parent.removeChild(itemToMove);\n      parent.appendChild(itemToMove);\n\n      //change index\n      if (!event.currentTarget.closest('.js-wrapper-carousel-gallery')){return;}\n      var $countWrapper = event.currentTarget.closest('.js-wrapper-carousel-gallery').querySelector('.js-gallery-count');\n      if ($countWrapper) {\n        var $currentIndex = $countWrapper.querySelector('.js-gallery-current-index');\n        var $totalCount = $countWrapper.querySelector('.js-gallery-total-count');\n        var slideNumber = parent.childNodes.length;\n        $currentIndex.textContent = String(parseInt(( $currentIndex.childNodes[0].nodeValue % slideNumber) + 1)  ).padStart(2, '0');\n        $totalCount.textContent = String(slideNumber).padStart(2, '0');\n      }\n\n    });\n  }\n\n\n  handleResizeScreen(element) {\n\n    let imageHeight = document.querySelector('.stack-slide').offsetHeight + 20;\n\n    document.querySelector('.cnt-images').style.height= imageHeight + 'px';\n\n    this.$on('resize.stackSlider', () => {\n      if (this.debounce) {\n        clearTimeout(this.debounce);\n        this.debounce = null;\n      }\n\n      this.debounce = setTimeout(() => {\n        let imageHeight = document.querySelector('.stack-slide').offsetHeight + 20;\n        document.querySelector('.cnt-images').style.height= imageHeight + 'px';\n      }, 300);\n\n    }, window);\n  }\n\n}"],"sourceRoot":""}