{"version":3,"file":"./modules/DownloadGallery.xxxxxxxx.js","mappings":"gKAIMA,EAAoBC,SAASC,IAC7BC,EAAiB,kCAEvB,aASI,WAAmBC,GAAnB,WAAmB,KAAAA,QAAAA,EAEf,SAAWC,MAAM,WACb,cAAgB,sCAAuC,CACnDC,UAAU,IAEd,IAAIC,EAAiBC,OAAOC,WAAa,EACnCD,OAAOC,WACPC,OAAOH,OAET,WAAcA,GAAS,KACvBI,MAAMC,KAAKR,EAAQS,iBAAiB,mFAAmFC,QAAQ,SAACC,GAC5H,IAAIC,EAAS,WAAaD,EAAe,CAAC,GACtCE,EAAgCF,EAAcG,cAAc,yBAEhE,SAAWC,GAAGH,EAAOI,IAAK,WAAY,SAACC,GACnC,IAAMC,EAAmCD,EAAEC,OACvCC,EAAwBD,EAAOJ,cAAc,OACRI,EAAOE,QAAQ,wBACGN,cAAc,gBACvDO,MAAMC,IAAM,IAAOH,EAAII,OAAS,EAAK,KACvD,EAAKC,qBAAqBN,EAAQL,EACtC,EACJ,EAER,EACJ,CA4CJ,OA7EW,EAAAY,MAAP,SAAaC,QAAA,IAAAA,IAAAA,EAAA,GACTnB,MAAMC,KAAKX,SAASY,iBAAiBiB,IAAWC,OAAO,SAACC,GAAsB,OAACA,EAAKC,QAAQC,iBAAd,GAAiCpB,QAAQ,SAACV,GACpH,IAAI+B,EAAgB/B,GACpBA,EAAQ6B,QAAQC,kBAAoB,MACxC,EACJ,EA8BA,YAAAE,eAAA,SAAed,GACX,OAAOX,MAAMC,KAAKU,EAAOe,WAAWC,UAAUC,QAAQjB,EAC1D,EAEA,YAAAM,qBAAA,SAAqBN,EAAqBL,GACtC,IAAMuB,EAA6BvB,EAAiBC,cAAc,kBAG9DuB,EAAuBC,KAAKN,eAAed,GAC3CqB,EAHsB,IAGIF,EAFD,GAGzBG,EAA8BjC,MAAMC,KAAK4B,EAAcF,UACvDO,EAAgBD,EAAaE,OAC7BC,EAAoBC,KAAKC,IAAI,EAAGJ,GAEhCK,EAAsB,IACtBC,EAAeP,EAAaQ,MAAM,EAAG,GAAGN,OACxCO,EAAgBT,EAAaE,OATJ,EAYzBQ,EAAWb,GAAgBU,GAAgBV,EAAeY,EAC1DE,EAAUd,GAAgBY,EAEb,OAAbrD,IAAsBkD,EAAsB,IAJjCT,EAAeU,KAO1B,QAAoBP,EAAc,oBAClC,QAAe,CAACA,EAAaG,EAAoB,IAAK,mBACtDP,EAAcf,MAAM+B,UAAY,qBAAcN,GAAmB,OAAG,EAAC,QAGrEI,KACA,QAAoBV,EAAc,oBAClC,QAAe,CAACA,EAAaH,EAzBJ,GAyBoCG,EAAaH,EAzBjD,IAyBkF,mBAC3GD,EAAcf,MAAM+B,UAAY,qBAAcN,GAAmB,OAAGP,EAAc,QAGlFY,KACA,QAAoBX,EAAc,oBAClC,QAAe,CAACA,EAAaC,EAAgBE,IAAqB,mBAClEP,EAAcf,MAAM+B,UAAY,qBAAcN,GAAmB,OAAGG,EAAiC,GAAjB,EAAmB,OAE/G,EACJ,EA/EA,G,UA8FI,IAAIlB,EAAgBN,MAAM1B,GAE9B,IAAIgC,EAAgBN,K","sources":["webpack:///./modules/DownloadGallery.ts"],"sourcesContent":["/// <reference path=\"../typings/bdfcw.d.ts\"/>\r\nimport UIkit from 'uikit';\r\nimport { isMobile } from '../helpers/helperFunctions';\r\nimport { removeClassFromList, addClassToList } from '../helpers/DOMHelpers';\r\nconst direction: string = document.dir;\r\nconst moduleSelector = '[data-module=\"DownloadGallery\"]';\r\n\r\nexport default class DownloadGallery {\r\n\r\n    static setup(selector: string = moduleSelector): void {\r\n        Array.from(document.querySelectorAll(selector)).filter((node: HTMLElement) => !node.dataset.moduleInitialized).forEach((element: HTMLElement) => {\r\n            new DownloadGallery(element);\r\n            element.dataset.moduleInitialized = 'true';\r\n        });\r\n    }\r\n\r\n    constructor(public element?: HTMLElement) {\r\n\r\n        UIkit.util.ready(() => {\r\n            UIkit.accordion(\".cp-download-gallery-accordion-list\", {\r\n                multiple: false\r\n            });\r\n            var width: number = (window.innerWidth > 0)\r\n                ? window.innerWidth\r\n                : screen.width;\r\n\r\n            if (isMobile() && width <= 768) {\r\n                Array.from(element.querySelectorAll('.cw-download-gallery-accordion-item .uk-accordion-content .media-items-wrapper')).forEach((sliderElement) => {\r\n                    var slider = UIkit.slider(sliderElement, {}),\r\n                        customPagination = <HTMLElement>sliderElement.querySelector('.cw-custom_pagination');\r\n\r\n                    UIkit.util.on(slider.$el, 'itemshow', (e) => {\r\n                        const target: HTMLElement = <HTMLElement>e.target,\r\n                            img: HTMLImageElement = target.querySelector('img'),\r\n                            sliderUl: HTMLElement = <HTMLElement>target.closest('.media-items-wrapper'),\r\n                            naviationChevrons: HTMLElement = <HTMLElement>sliderUl.querySelector('.cw-controls');\r\n                        naviationChevrons.style.top = 330 - (img.height / 2) + 'px';\r\n                        this.animateCustomNavDots(target, customPagination);\r\n                    });\r\n                });\r\n            }\r\n        });\r\n    }\r\n\r\n    getSliderIndex(target): number {\r\n        return Array.from(target.parentNode.children).indexOf(target);\r\n    }\r\n\r\n    animateCustomNavDots(target: HTMLElement, customPagination: HTMLElement) {\r\n        const naviationDots = <HTMLElement>customPagination.querySelector('.uk-slider-nav'),\r\n            dotDistance: number = 18,\r\n            leftCorrection: number = 3,\r\n            currentIndex: number = this.getSliderIndex(target),\r\n            transformValue: number = (currentIndex - leftCorrection) * dotDistance,\r\n            navItemsList = <HTMLElement[]>Array.from(naviationDots.children),\r\n            navItemLength = navItemsList.length,\r\n            visibleDotsToShow = Math.min(7, navItemLength);\r\n\r\n        let directionCorrection = \"-\",\r\n            leftPosition = navItemsList.slice(0, 4).length,\r\n            rightPosition = navItemsList.length - leftCorrection;\r\n\r\n        const isLeft = currentIndex < leftPosition,\r\n            isCenter = currentIndex >= leftPosition && currentIndex < rightPosition,\r\n            isRight = currentIndex >= rightPosition;\r\n\r\n        if (direction == 'rtl') { directionCorrection = '' };\r\n\r\n        if (isLeft) {\r\n            removeClassFromList(navItemsList, 'uk-dotnav_small');\r\n            addClassToList([navItemsList[visibleDotsToShow - 1]], 'uk-dotnav_small');\r\n            naviationDots.style.transform = `translateX(${directionCorrection}${0}px)`;\r\n        }\r\n\r\n        if (isCenter) {\r\n            removeClassFromList(navItemsList, 'uk-dotnav_small');\r\n            addClassToList([navItemsList[currentIndex + leftCorrection], navItemsList[currentIndex - leftCorrection]], 'uk-dotnav_small');\r\n            naviationDots.style.transform = `translateX(${directionCorrection}${transformValue}px)`;\r\n        }\r\n\r\n        if (isRight) {\r\n            removeClassFromList(navItemsList, 'uk-dotnav_small');\r\n            addClassToList([navItemsList[navItemLength - visibleDotsToShow]], 'uk-dotnav_small');\r\n            naviationDots.style.transform = `translateX(${directionCorrection}${rightPosition - (leftPosition) * 18}px)`;\r\n        }\r\n    }\r\n}\r\n\r\n// Hot Module Replacement\r\nif (module.hot) {\r\n    let nodesCache: HMRNodes[] = Array.from(document.querySelectorAll(moduleSelector)).map((element: Node) => ({ nodeToReplace: element, nodeOrigin: element.cloneNode(true) }));\r\n\r\n    new DownloadGallery.setup(moduleSelector);\r\n\r\n    module.hot.accept(() => {\r\n        new DownloadGallery.setup(moduleSelector);\r\n    });\r\n    module.hot.dispose(() => {\r\n        nodesCache.forEach(({ nodeToReplace, nodeOrigin }) => { nodeToReplace = nodeToReplace.parentElement.replaceChild(nodeOrigin.cloneNode(true), nodeToReplace) });\r\n    });\r\n} else {\r\n    new DownloadGallery.setup(moduleSelector);\r\n}\r\nnew DownloadGallery.setup();"],"names":["direction","document","dir","moduleSelector","element","ready","multiple","width","window","innerWidth","screen","Array","from","querySelectorAll","forEach","sliderElement","slider","customPagination","querySelector","on","$el","e","target","img","closest","style","top","height","animateCustomNavDots","setup","selector","filter","node","dataset","moduleInitialized","DownloadGallery","getSliderIndex","parentNode","children","indexOf","naviationDots","currentIndex","this","transformValue","navItemsList","navItemLength","length","visibleDotsToShow","Math","min","directionCorrection","leftPosition","slice","rightPosition","isCenter","isRight","transform"],"sourceRoot":""}