{"version":3,"sources":["webpack:///./node_modules/@logitravel/alex-comp-cru/components/card-effect-mask-carousel/client/js/config.js","webpack:///./node_modules/@logitravel/alex-comp-cru/components/card-effect-mask/client/js/config.js","webpack:///./node_modules/@logitravel/alex-comp-cru/components/card-effect-mask/client/js/index.js","webpack:///./node_modules/@logitravel/alex-comp-cru/components/card-effect-mask-carousel/client/js/index.js"],"names":["config","component","type","card","carousel","init","hasPagination","hasNavigation","swiper","slidesPerView","slidesPerGroup","spaceBetween","breakpoints","600","1100","1450","module","exports","imgConfig","width","height","css","image","elementExist","require","Image","selector","arguments","length","undefined","configuration","instance","element","document","querySelector","_objectSpread","concat","Carousel","CardEffect","dataset","result","JSON","parse","cards","_toConsumableArray","querySelectorAll","map","index"],"mappings":";8EAOA,IAAMA,EAAS,CACXC,UAAW,yBACXC,KAAM,CACFC,KAAM,oBAEVC,SAAU,CACNC,MAAM,EACNC,eAAe,EACfC,eAAe,EACfC,OAAQ,CACJH,MAAM,EAENI,cAAe,EACfC,eAAgB,EAChBC,aAAc,GAGdC,YAAa,CAETC,IAAK,CACDJ,cAAe,EACfC,eAAgB,GAGpBI,KAAM,CACFL,cAAe,EACfC,eAAgB,GAGpBK,KAAM,CACFN,cAAe,EACfC,eAAgB,OAOpCM,EAAOC,QAAU,kBAAMjB,I,mBCtCvB,IAAMA,EAAS,CACXC,UAAW,iBACXiB,UAAW,CACPC,MAAO,IACPC,OAAQ,KAEZC,IAAK,CACDC,MAAO,4BAIfN,EAAOC,QAAU,kBAAMjB,I,0qBCbvB,IAAQuB,EAAiBC,EAAQ,QAAzBD,aACFE,EAAQD,EAAQ,QAChBxB,EAASwB,EAAQ,QAMvBR,EAAOC,QAAU,WAA0F,IAAlES,EAAQC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,kCAAmCG,EAAaH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GACnG,GAAIJ,EAAaG,GAAW,CACxB,IAAMK,EAAW,GAQjB,OANAA,EAASC,QAAUC,SAASC,cAAcR,GAE1CK,EAAS/B,OAAMmC,IAAA,GAAQnC,KAAa8B,GAEpCC,EAAST,MAAQG,EAAM,GAADW,OAAIV,EAAQ,kCAE3BK,K,0sBClBf,IAAQR,EAAiBC,EAAQ,QAAzBD,aACFc,EAAWb,EAAQ,QACnBc,EAAad,EAAQ,QACrBxB,EAASwB,EAAQ,QAMvBR,EAAOC,QAAU,WAGf,IAFES,EAAQC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,0CACXG,EAAaH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAEhB,GAAIJ,EAAaG,GAAW,CACxB,IAAMK,EAAW,GAyBjB,OAvBAA,EAASC,QAAUC,SAASC,cAAcR,GAE1CK,EAAS/B,OAAMmC,MAAA,GACRnC,KACA8B,GACC,WACA,IAAKC,EAASC,QAAQO,QAAQvC,OAAQ,MAAO,GAE7C,IAAMwC,EAASC,KAAKC,MAAMX,EAASC,QAAQO,QAAQvC,QAGnD,OAFA+B,EAASC,QAAQO,QAAQvC,OAAS,GAE3BwC,EANP,IAURT,EAASY,MAAQC,EACVb,EAASC,QAAQa,iBAAiB,GAADT,OAAIV,EAAQ,wCAClDoB,KAAI,SAAC3C,EAAM4C,GAAK,OACdT,EAAW,GAADF,OAAIV,EAAQ,kDAAAU,OAAiDpC,IAASE,KAAKC,KAAI,KAAAiC,OAAIW,EAAK,UAGtGhB,EAAS3B,SAAWiC,EAAS,GAADD,OAAIV,EAAQ,oCAAoCK,EAAS/B,OAAOI,UAErF2B","file":"card-effect-mask-carousel.17f1116adcdcf99ef16e.bundle.js","sourcesContent":["/* ==========================================================================\n   CardEffectMaskCarousel > Client > Config\n   ========================================================================== */\n\n/* Import modules */\n\n/* Config */\nconst config = {\n    component: 'CardEffectMaskCarousel',\n    type: {\n        card: 'card-effect-mask'\n    },\n    carousel: {\n        init: true,\n        hasPagination: true,\n        hasNavigation: true,\n        swiper: {\n            init: true,\n            // Default parameters\n            slidesPerView: 4,\n            slidesPerGroup: 4,\n            spaceBetween: 16,\n\n            // Responsive breakpoints\n            breakpoints: {\n                // when window width is <= 480px\n                600: {\n                    slidesPerView: 1,\n                    slidesPerGroup: 1\n                },\n                // when window width is <= 720px\n                1100: {\n                    slidesPerView: 2,\n                    slidesPerGroup: 2\n                },\n                // when window width is <= 1200px\n                1450: {\n                    slidesPerView: 3,\n                    slidesPerGroup: 3\n                }\n            }\n        }\n    }\n};\n\nmodule.exports = () => config;\n","/* ==========================================================================\n   CardEffectMask > Client > Config\n   ========================================================================== */\n\n/* Import modules */\n\n/* Config */\nconst config = {\n    component: 'CardEffectMask',\n    imgConfig: {\n        width: 346,\n        height: 370\n    },\n    css: {\n        image: 'card-effect-mask__image'\n    }\n};\n\nmodule.exports = () => config;\n","/* ==========================================================================\n   CardEffectMask > Client\n   ========================================================================== */\n\n/* Import modules */\nconst { elementExist } = require('@bluekiri/alexandria/helpers/domHelpers');\nconst Image = require('@bluekiri/alexandria-contrib-components/components/image-rxjs/client/js');\nconst config = require('./config');\n\n/**\n * CardEffectMask component\n * @param {selector} String selector for the component in the client side.\n */\nmodule.exports = function CardEffectMask(selector = '[data-component=CardEffectMask]', configuration = {}) {\n    if (elementExist(selector)) {\n        const instance = {};\n\n        instance.element = document.querySelector(selector);\n\n        instance.config = { ...config(), ...configuration };\n\n        instance.image = Image(`${selector} [data-component=\"ImageRxjs\"]`);\n\n        return instance;\n    }\n};\n","/* ==========================================================================\n   CardEffectMaskCarousel > Client\n   ========================================================================== */\n\n/* Import modules */\nconst { elementExist } = require('@bluekiri/alexandria/helpers/domHelpers');\nconst Carousel = require('@bluekiri/alexandria-contrib-components/components/carousel-rxjs/client/js');\nconst CardEffect = require('../../../card-effect-mask/client/js');\nconst config = require('./config');\n\n/**\n * CardEffectMaskCarousel component\n * @param {selector} String selector for the component in the client side.\n */\nmodule.exports = function CardEffectMaskCarousel(\n    selector = '[data-component=CardEffectMaskCarousel]',\n    configuration = {}\n) {\n    if (elementExist(selector)) {\n        const instance = {};\n\n        instance.element = document.querySelector(selector);\n\n        instance.config = {\n            ...config(),\n            ...configuration,\n            ...(function getConfig() {\n                if (!instance.element.dataset.config) return '';\n\n                const result = JSON.parse(instance.element.dataset.config);\n                instance.element.dataset.config = '';\n\n                return result;\n            })()\n        };\n\n        instance.cards = [\n            ...instance.element.querySelectorAll(`${selector} [data-component=\"CardEffectMask\"]`)\n        ].map((card, index) =>\n            CardEffect(`${selector} [data-component=\"CardEffectMask\"][data-type=\"${config().type.card}-${index}\"]`)\n        );\n\n        instance.carousel = Carousel(`${selector} [data-component=\"CarouselRxjs\"]`, instance.config.carousel);\n\n        return instance;\n    }\n};\n"],"sourceRoot":""}