@skodaflow/web-library 4.1.0 → 4.2.0

package/organisms/carousel2/heroCarousel/heroCarousel.d.ts

@@ -2,20 +2,54 @@ import React from 'react';
 import { ResponsiveType } from '../../../utils/ResponsiveType';
 export type HeroCarouselProps = {
     /**
-     * Delay in ms between automatic slides
+     * Enables autoplay functionality, which can be used to automatically trigger slide changes after certain delay.
+     * @default false
+     */
+    autoPlay?: boolean;
+    /**
+     * Delay in ms between automatic slides.
+     * @default 4000
      */
     autoPlayDelay?: number;
     /**
-     * Slide speeds
+     * Adjust slide speed when using buttons to change Slide. Higher numbers enables faster scrolling. Values between `1`-`20` are recommended.
+     * @default 10
      */
     speed?: number;
+    /**
+     * Carousel slides. Any ReactNode can be used here, however `GalleryCarouselItem` component is suggested.
+     * @requires
+     */
     children: React.ReactNode;
+    /**
+     * Direction of content.
+     * @default ltr
+     */
     direction?: 'rtl' | 'ltr';
-    autoPlay?: boolean;
+    /**
+     * Separator of numbering component.
+     * @default /
+     */
     numberingSeparator?: string;
+    /**
+     * Index of Slide that is active by default.
+     * @default 0
+     */
     startIndex?: number;
+    /**
+     * Optional height of carousel, this prop is added to height style property.
+     * @default undefined
+     */
     height?: ResponsiveType<string>;
+    /**
+     * Heading of the carousel. Any ReactElement can be used, however `Typography` component is suggested.
+     * @default undefined
+     */
     heading?: React.ReactNode;
+    /**
+     * Enables numbering component, which shows number of active slide and number of total slides.
+     * @default false
+     */
     numbering?: boolean;
 };
 export declare const HeroCarousel: React.FC<HeroCarouselProps>;

package/organisms/carousel2/heroCarousel/heroCarousel.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as o,useState as i,useCallback as r,useEffect as n}from"react";import{useDefaultProps as s}from"../hooks/useDefaultProps.js";import{useEmbla as l}from"../hooks/useEmbla.js";import{ViewPort as a}from"../components/ViewPort.js";import{ItemsContainer as d}from"../components/ItemsContainer.js";import{useContainerPeek as m}from"../hooks/useContainerPeek.js";import{Container as p}from"../../../components/container/container.js";import{NavButton as c}from"../components/NavButton.js";import{Box as h,Stack as u,Typography as g,useMediaQuery as f}from"@mui/material";import{Numbering as x}from"../components/Numbering.js";import{NumberingColors as v,NumberingSizes as b}from"../../../utils/enum.js";import w from"lodash/merge";import{HeroCarouselContext as j}from"./heroCarouselContext.js";const C={direction:"ltr"},k=r=>{const n=w({},C,r),f=s(n),[k,F]=l(f),A=o(null),y=o(null),{containerLeft:L,peekNextOnHover:P,peekPrevOnHover:R,resetPeek:B}=m(F,f.direction),[H,M]=i(null),N=E(F,A.current,y.current,f.direction);return e(j.Provider,{value:{emblaApi:F,activeFooter:H,setActiveFooter:M},children:t(h,{className:"hero-carousel",position:"relative",dir:f.direction,"data-testid":"HeroCarousel","data-state":null==F?void 0:F.slidesInView(),children:[t(u,{component:p,spacing:3,fixed:!0,sx:{height:"100%"},children:[n.heading&&e(h,{ref:A,"data-testid":"HeroCarousel.heading",children:"string"==typeof n.heading?e(g,{variant:"h1",children:n.heading}):n.heading}),t(a,{emblaRef:e=>{k(e),y.current=e},sx:{width:{xl:"85%",md:"85%",sm:"95%",xs:"100%"},height:f.height},children:[e(d,{left:L,sx:{gap:"24px"},children:f.children}),e(c,{direction:f.direction,emblaApi:F,type:"prev",onMouseEnter:R,onMouseLeave:B,sx:{width:"21%",button:{visibility:"hidden"}}}),e(c,{direction:f.direction,emblaApi:F,type:"next",onMouseEnter:P,onMouseLeave:B,sx:{width:"30%",button:{visibility:"hidden"}}})]}),H&&e(h,{sx:{width:{xl:"860px",lg:"740px",md:"100%"},paddingRight:{lg:"0px",sm:"130px"}},"data-testid":"HeroCarousel.footer",children:"string"==typeof H?e(g,{children:H}):H})]}),!1!==n.numbering&&e(x,{sx:N,emblaApi:F,separator:f.numberingSeparator,color:v.DARK,size:b.LARGE,direction:f.direction})]})})},E=(e,t,o,s)=>{const l=f((e=>e.breakpoints.only("sm"))),a=f((e=>e.breakpoints.only("xs"))),[d,m]=i(),[p,c]=i(),h=r((()=>{var i,r;if(e){const e=o.getBoundingClientRect(),n=null==t?void 0:t.getBoundingClientRect();m({md:`${"ltr"===s?e.right:e.left-90}px`,sm:("ltr"===s?e.right-50:e.left-50)+"px",xs:`${"ltr"===s?e.right-100:e.left+10}px`}),c({sm:`${e.height+(null!==(i=null==n?void 0:n.height)&&void 0!==i?i:0)+20}px`,xs:e.height+(null!==(r=null==n?void 0:n.height)&&void 0!==r?r:0)-25+"px"})}}),[e,c,m,l,a,window.innerWidth,s]);return n(h,[h]),n((()=>{const t=()=>h();return window.addEventListener("resize",t),e&&e.on("select",t),()=>{window.removeEventListener("resize",t),e&&e.off("select",t)}}),[h,e]),{top:p,left:d,right:"inherit",backgroundColor:a?"#000000BF !important":"transparent",".total-container":{color:a?"##9E9FA0 !important":"#5A5B5C !important"},".separator-container":{color:"#E4E4E4 !important"},".index-container":{color:a?"#FFFFFF !important":"#161718 !important"}}};export{k as HeroCarousel};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as o,useState as i,useCallback as r,useEffect as n}from"react";import{useDefaultProps as s}from"../hooks/useDefaultProps.js";import{useEmbla as l}from"../hooks/useEmbla.js";import{ViewPort as a}from"../components/ViewPort.js";import{ItemsContainer as d}from"../components/ItemsContainer.js";import{useContainerPeek as m}from"../hooks/useContainerPeek.js";import{Container as p}from"../../../components/container/container.js";import{NavButton as c}from"../components/NavButton.js";import{Box as h,Stack as u,Typography as g,useMediaQuery as f}from"@mui/material";import{Numbering as x}from"../components/Numbering.js";import{NumberingColors as v,NumberingSizes as b}from"../../../utils/enum.js";import w from"lodash/merge";import{HeroCarouselContext as j}from"./heroCarouselContext.js";const C={direction:"ltr"},k=r=>{const n=w({},C,r),f=s(n),[k,F]=l(f),A=o(null),y=o(null),{containerLeft:L,peekNextOnHover:P,peekPrevOnHover:R,resetPeek:B}=m(F,f.direction),[H,M]=i(null),N=E(F,A.current,y.current,f.direction);return e(j.Provider,{value:{emblaApi:F,activeFooter:H,setActiveFooter:M},children:t(h,{className:"hero-carousel",position:"relative",dir:f.direction,"data-testid":"HeroCarousel","data-state":null==F?void 0:F.slidesInView(),sx:{overflow:"hidden"},children:[t(u,{component:p,spacing:3,fixed:!0,sx:{height:"100%"},children:[n.heading&&e(h,{ref:A,"data-testid":"HeroCarousel.heading",children:"string"==typeof n.heading?e(g,{variant:"h1",children:n.heading}):n.heading}),t(a,{emblaRef:e=>{k(e),y.current=e},sx:{width:{xl:"85%",md:"85%",sm:"95%",xs:"100%"},height:f.height},children:[e(d,{left:L,sx:{gap:"24px"},children:f.children}),e(c,{direction:f.direction,emblaApi:F,type:"prev",onMouseEnter:R,onMouseLeave:B,sx:{width:"21%",button:{visibility:"hidden"}}}),e(c,{direction:f.direction,emblaApi:F,type:"next",onMouseEnter:P,onMouseLeave:B,sx:{width:"30%",button:{visibility:"hidden"}}})]}),H&&e(h,{sx:{width:{xl:"860px",lg:"740px",md:"100%"},paddingRight:{lg:"0px",sm:"130px"}},"data-testid":"HeroCarousel.footer",children:"string"==typeof H?e(g,{children:H}):H})]}),!1!==n.numbering&&e(x,{sx:N,emblaApi:F,separator:f.numberingSeparator,color:v.DARK,size:b.LARGE,direction:f.direction})]})})},E=(e,t,o,s)=>{const l=f((e=>e.breakpoints.only("sm"))),a=f((e=>e.breakpoints.only("xs"))),[d,m]=i(),[p,c]=i(),h=r((()=>{var i,r;if(e){const e=o.getBoundingClientRect(),n=null==t?void 0:t.getBoundingClientRect();m({md:`${"ltr"===s?e.right:e.left-90}px`,sm:("ltr"===s?e.right-50:e.left-50)+"px",xs:`${"ltr"===s?e.right-100:e.left+10}px`}),c({sm:`${e.height+(null!==(i=null==n?void 0:n.height)&&void 0!==i?i:0)+20}px`,xs:e.height+(null!==(r=null==n?void 0:n.height)&&void 0!==r?r:0)-25+"px"})}}),[e,c,m,l,a,window.innerWidth,s]);return n(h,[h]),n((()=>{const t=()=>h();return window.addEventListener("resize",t),e&&e.on("select",t),()=>{window.removeEventListener("resize",t),e&&e.off("select",t)}}),[h,e]),{top:p,left:d,right:"inherit",backgroundColor:a?"#000000BF !important":"transparent",".total-container":{color:a?"##9E9FA0 !important":"#5A5B5C !important"},".separator-container":{color:"#E4E4E4 !important"},".index-container":{color:a?"#FFFFFF !important":"#161718 !important"}}};export{k as HeroCarousel};
 //# sourceMappingURL=heroCarousel.js.map

package/organisms/carousel2/heroCarousel/heroCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"heroCarousel.js","sources":["../../../../src/organisms/carousel2/heroCarousel/heroCarousel.tsx"],"sourcesContent":[null],"names":["HeroDefaultProps","direction","HeroCarousel","inProps","heroProps","merge","props","useDefaultProps","emblaRef","emblaApi","useEmbla","headingRef","useRef","viewportRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","useState","numberingStyles","useNumberingStyles","current","_jsx","HeroCarouselContext","Provider","value","children","_jsxs","Box","className","position","dir","slidesInView","Stack","component","Container","spacing","fixed","sx","height","heading","ref","Typography","variant","ViewPort","e","width","xl","md","sm","xs","ItemsContainer","left","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","color","NumberingColors","DARK","size","NumberingSizes","LARGE","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","y","setY","updateNumberingPosition","useCallback","viewport","getBoundingClientRect","right","_a","_b","window","innerWidth","useEffect","addEventListener","on","removeEventListener","off","top","backgroundColor"],"mappings":"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"}
+{"version":3,"file":"heroCarousel.js","sources":["../../../../src/organisms/carousel2/heroCarousel/heroCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { Container } from '../../../components/container';\nimport { NavButton } from '../components/NavButton';\nimport { Box, Stack, Typography, useMediaQuery } from '@mui/material';\nimport { Numbering } from '../components/Numbering';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport merge from 'lodash/merge';\nimport { HeroCarouselContext } from './heroCarouselContext';\nconst HeroDefaultProps = {\n    direction: 'ltr',\n};\nexport const HeroCarousel = (inProps) => {\n    const heroProps = merge({}, HeroDefaultProps, inProps);\n    const props = useDefaultProps(heroProps);\n    const [emblaRef, emblaApi] = useEmbla(props);\n    const headingRef = useRef(null);\n    const viewportRef = useRef(null);\n    const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n    const [activeFooter, setActiveFooter] = useState(null);\n    const numberingStyles = useNumberingStyles(emblaApi, headingRef.current, viewportRef.current, props.direction);\n    return (_jsx(HeroCarouselContext.Provider, { value: { emblaApi, activeFooter, setActiveFooter }, children: _jsxs(Box, { className: \"hero-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"HeroCarousel\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.slidesInView(), sx: { overflow: 'hidden' }, children: [_jsxs(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: [heroProps.heading && (_jsx(Box, { ref: headingRef, \"data-testid\": \"HeroCarousel.heading\", children: typeof heroProps.heading === 'string' ? (_jsx(Typography, { variant: \"h1\", children: heroProps.heading })) : (heroProps.heading) })), _jsxs(ViewPort, { emblaRef: (e) => {\n                                emblaRef(e);\n                                viewportRef.current = e;\n                            }, sx: {\n                                width: {\n                                    xl: '85%',\n                                    md: '85%',\n                                    sm: '95%',\n                                    xs: '100%',\n                                },\n                                height: props.height,\n                            }, children: [_jsx(ItemsContainer, { left: containerLeft, sx: {\n                                        gap: '24px',\n                                    }, children: props.children }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n                                        width: '21%',\n                                        button: { visibility: 'hidden' },\n                                    } }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n                                        width: '30%',\n                                        button: { visibility: 'hidden' },\n                                    } })] }), activeFooter && (_jsx(Box, { sx: {\n                                width: {\n                                    xl: '860px',\n                                    lg: '740px',\n                                    md: '100%',\n                                },\n                                paddingRight: {\n                                    lg: '0px',\n                                    sm: '130px',\n                                },\n                            }, \"data-testid\": \"HeroCarousel.footer\", children: typeof activeFooter === 'string' ? _jsx(Typography, { children: activeFooter }) : activeFooter }))] }), heroProps.numbering !== false && (_jsx(Numbering, { sx: numberingStyles, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction }))] }) }));\n};\n/* eslint-disable sonarjs/cognitive-complexity */\nconst useNumberingStyles = (emblaApi, headingRef, viewportRef, direction) => {\n    const isSm = useMediaQuery((theme) => theme.breakpoints.only('sm'));\n    const isXs = useMediaQuery((theme) => theme.breakpoints.only('xs'));\n    const [x, setX] = useState();\n    const [y, setY] = useState();\n    const updateNumberingPosition = useCallback(() => {\n        var _a, _b;\n        if (emblaApi) {\n            const viewport = viewportRef.getBoundingClientRect();\n            const heading = headingRef === null || headingRef === void 0 ? void 0 : headingRef.getBoundingClientRect();\n            setX({\n                md: `${direction === 'ltr' ? viewport.right : viewport.left - 90}px`,\n                sm: `${direction === 'ltr' ? viewport.right - 50 : viewport.left - 50}px`,\n                xs: `${direction === 'ltr' ? viewport.right - 100 : viewport.left + 10}px`,\n            });\n            setY({\n                sm: `${viewport.height + ((_a = heading === null || heading === void 0 ? void 0 : heading.height) !== null && _a !== void 0 ? _a : 0) + 20}px`,\n                xs: `${viewport.height + ((_b = heading === null || heading === void 0 ? void 0 : heading.height) !== null && _b !== void 0 ? _b : 0) - 25}px`,\n            });\n        }\n    }, [emblaApi, setY, setX, isSm, isXs, window.innerWidth, direction]);\n    useEffect(updateNumberingPosition, [updateNumberingPosition]);\n    useEffect(() => {\n        const e = () => updateNumberingPosition();\n        window.addEventListener('resize', e);\n        if (emblaApi) {\n            emblaApi.on('select', e);\n        }\n        return () => {\n            window.removeEventListener('resize', e);\n            if (emblaApi) {\n                emblaApi.off('select', e);\n            }\n        };\n    }, [updateNumberingPosition, emblaApi]);\n    return {\n        top: y,\n        left: x,\n        right: 'inherit',\n        backgroundColor: isXs ? '#000000BF !important' : 'transparent',\n        '.total-container': {\n            color: isXs ? '##9E9FA0 !important' : '#5A5B5C !important',\n        },\n        '.separator-container': {\n            color: '#E4E4E4 !important',\n        },\n        '.index-container': {\n            color: isXs ? '#FFFFFF !important' : '#161718 !important',\n        },\n    };\n};\n//# sourceMappingURL=heroCarousel.js.map"],"names":["HeroDefaultProps","direction","HeroCarousel","inProps","heroProps","merge","props","useDefaultProps","emblaRef","emblaApi","useEmbla","headingRef","useRef","viewportRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","useState","numberingStyles","useNumberingStyles","current","_jsx","HeroCarouselContext","Provider","value","children","_jsxs","Box","className","position","dir","slidesInView","sx","overflow","Stack","component","Container","spacing","fixed","height","heading","ref","Typography","variant","ViewPort","e","width","xl","md","sm","xs","ItemsContainer","left","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","color","NumberingColors","DARK","size","NumberingSizes","LARGE","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","y","setY","updateNumberingPosition","useCallback","_a","_b","viewport","getBoundingClientRect","right","window","innerWidth","useEffect","addEventListener","on","removeEventListener","off","top","backgroundColor"],"mappings":"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"}

package/organisms/carousel2/heroCarousel/heroCarouselContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"heroCarouselContext.js","sources":["../../../../src/organisms/carousel2/heroCarousel/heroCarouselContext.tsx"],"sourcesContent":[null],"names":["HeroCarouselContext","createContext","activeFooter","setActiveFooter","noop"],"mappings":"iEAUO,MAAMA,EAAsBC,EAAuC,CACxEC,aAAc,KACdC,gBAAiBC"}
+{"version":3,"file":"heroCarouselContext.js","sources":["../../../../src/organisms/carousel2/heroCarousel/heroCarouselContext.tsx"],"sourcesContent":["import noop from 'lodash/noop';\nimport { createContext } from 'react';\nexport const HeroCarouselContext = createContext({\n    activeFooter: null,\n    setActiveFooter: noop,\n});\n//# sourceMappingURL=heroCarouselContext.js.map"],"names":["HeroCarouselContext","createContext","activeFooter","setActiveFooter","noop"],"mappings":"iEAEY,MAACA,EAAsBC,EAAc,CAC7CC,aAAc,KACdC,gBAAiBC"}

package/organisms/carousel2/hooks/useContainerPeek.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContainerPeek.js","sources":["../../../../src/organisms/carousel2/hooks/useContainerPeek.ts"],"sourcesContent":[null],"names":["useContainerPeek","emblaApi","direction","positions","containerLeft","setContainerLeft","useState","peekNextOnHover","useCallback","canScrollNext","canScrollPrev","_a","next","peekPrevOnHover","prev","resetPeek","useEffect","on"],"mappings":"iEAMa,MAAAA,EAAmB,CAC9BC,EACAC,EACAC,KAEA,MAAOC,EAAeC,GAAoBC,IAEpCC,EAAkBC,GAAY,WAClC,GAAIP,EAAU,EACoB,QAAdC,EAAsBD,EAASQ,gBAAkBR,EAASS,kBAE1EL,EAAgC,QAAfM,EAAAR,aAAS,EAATA,EAAWS,YAAI,IAAAD,EAAAA,EAAI,MAEvC,IACA,CAACV,EAAUI,EAAkBF,EAAWD,IAErCW,EAAkBL,GAAY,WAClC,GAAIP,EAAU,EACoB,QAAdC,EAAsBD,EAASQ,gBAAkBR,EAASS,kBAE1EL,EAAgC,QAAfM,EAAAR,aAAS,EAATA,EAAWW,YAAI,IAAAH,EAAAA,EAAI,KAEvC,IACA,CAACV,EAAUI,EAAkBF,EAAWD,IAErCa,EAAYP,GAAY,KAC5BH,EAAiB,MAAM,GACtB,CAACA,IAUJ,OARAW,GAAU,KACJf,GACFA,EAASgB,GAAG,UAAU,KACpBZ,EAAiB,MAAM,GAE1B,GACA,CAACJ,IAEG,CACLG,gBACAG,kBACAM,kBACAE,YACD"}
+{"version":3,"file":"useContainerPeek.js","sources":["../../../../src/organisms/carousel2/hooks/useContainerPeek.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n/**\n * Provides functionality to peek over the next slide\n */\nexport const useContainerPeek = (emblaApi, direction, positions) => {\n    const [containerLeft, setContainerLeft] = useState();\n    const peekNextOnHover = useCallback(() => {\n        var _a;\n        if (emblaApi) {\n            const canScroll = direction === 'ltr' ? emblaApi.canScrollNext() : emblaApi.canScrollPrev();\n            if (canScroll) {\n                setContainerLeft((_a = positions === null || positions === void 0 ? void 0 : positions.next) !== null && _a !== void 0 ? _a : '-4%');\n            }\n        }\n    }, [emblaApi, setContainerLeft, positions, direction]);\n    const peekPrevOnHover = useCallback(() => {\n        var _a;\n        if (emblaApi) {\n            const canScroll = direction === 'rtl' ? emblaApi.canScrollNext() : emblaApi.canScrollPrev();\n            if (canScroll) {\n                setContainerLeft((_a = positions === null || positions === void 0 ? void 0 : positions.prev) !== null && _a !== void 0 ? _a : '4%');\n            }\n        }\n    }, [emblaApi, setContainerLeft, positions, direction]);\n    const resetPeek = useCallback(() => {\n        setContainerLeft('0px');\n    }, [setContainerLeft]);\n    useEffect(() => {\n        if (emblaApi) {\n            emblaApi.on('select', () => {\n                setContainerLeft('0px');\n            });\n        }\n    }, [emblaApi]);\n    return {\n        containerLeft,\n        peekNextOnHover,\n        peekPrevOnHover,\n        resetPeek,\n    };\n};\n//# sourceMappingURL=useContainerPeek.js.map"],"names":["useContainerPeek","emblaApi","direction","positions","containerLeft","setContainerLeft","useState","peekNextOnHover","useCallback","_a","canScrollNext","canScrollPrev","next","peekPrevOnHover","prev","resetPeek","useEffect","on"],"mappings":"iEAIY,MAACA,EAAmB,CAACC,EAAUC,EAAWC,KAClD,MAAOC,EAAeC,GAAoBC,IACpCC,EAAkBC,GAAY,KAChC,IAAIC,EACJ,GAAIR,EAAU,EACsB,QAAdC,EAAsBD,EAASS,gBAAkBT,EAASU,kBAExEN,EAAiG,QAA/EI,EAAKN,aAA6C,EAASA,EAAUS,YAAyB,IAAPH,EAAgBA,EAAK,MAErI,IACF,CAACR,EAAUI,EAAkBF,EAAWD,IACrCW,EAAkBL,GAAY,KAChC,IAAIC,EACJ,GAAIR,EAAU,EACsB,QAAdC,EAAsBD,EAASS,gBAAkBT,EAASU,kBAExEN,EAAiG,QAA/EI,EAAKN,aAA6C,EAASA,EAAUW,YAAyB,IAAPL,EAAgBA,EAAK,KAErI,IACF,CAACR,EAAUI,EAAkBF,EAAWD,IACrCa,EAAYP,GAAY,KAC1BH,EAAiB,MAAM,GACxB,CAACA,IAQJ,OAPAW,GAAU,KACFf,GACAA,EAASgB,GAAG,UAAU,KAClBZ,EAAiB,MAAM,GAE9B,GACF,CAACJ,IACG,CACHG,gBACAG,kBACAM,kBACAE,YACH"}

package/organisms/carousel2/hooks/useDefaultProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDefaultProps.js","sources":["../../../../src/organisms/carousel2/hooks/useDefaultProps.ts"],"sourcesContent":[null],"names":["defaultControlOptions","prevIcon","nextIcon","iconStyle","iconSize","variant","color","useDefaultProps","props","controlOptions","useMemo","Object","assign","align","autoPlay","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","direction","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","autoPlayDelay"],"mappings":"gCAGA,MAAMA,EAAwB,CAC5BC,SAAU,aACVC,SAAU,cACVC,UAAW,UACXC,SAAU,SACVC,QAAS,WACTC,MAAO,QAGIC,EAAmBC,IAC9B,MAAMC,EAAiBC,GAAQ,KAC7B,GAAIF,EAAMC,eACR,OAAOE,OAAOC,OAAO,CAAA,EAAIZ,EAAuBQ,EAAMC,eAExC,GACf,CAACD,EAAMC,iBAEV,OAAOC,GAAQ,IACbC,OAAAC,OAAAD,OAAAC,OAAA,CACEC,MAAO,QACPC,UAAU,EACVC,yBAA0B,MAC1BC,gBAAgB,EAChBC,uBAAwB,IACxBC,SAAU,GACVC,UAAW,MACXC,uBAAuB,EACvBC,MAAM,EACNC,mBAAoB,IACpBC,iBAAiB,EACjBC,aAAa,EACbC,cAAe,EACfC,YAAa,EACbC,mBAAoB,iBACpBC,MAAO,GACPC,WAAY,EACZC,cAAc,EACdC,YAAa,MACbC,YAAa,OACbC,cAAe,MACZzB,GAAK,CACRC,oBAED,CAACD,EAAOC,GAAgB"}
+{"version":3,"file":"useDefaultProps.js","sources":["../../../../src/organisms/carousel2/hooks/useDefaultProps.ts"],"sourcesContent":["import { useMemo } from 'react';\nconst defaultControlOptions = {\n    prevIcon: 'arrow-left',\n    nextIcon: 'arrow-right',\n    iconStyle: 'regular',\n    iconSize: 'medium',\n    variant: 'standard',\n    color: 'dark',\n};\nexport const useDefaultProps = (props) => {\n    const controlOptions = useMemo(() => {\n        if (props.controlOptions) {\n            return Object.assign({}, defaultControlOptions, props.controlOptions);\n        }\n        return undefined;\n    }, [props.controlOptions]);\n    return useMemo(() => {\n        return Object.assign(Object.assign({ align: 'start', autoPlay: false, buttonAreaControlsHeight: '50%', buttonControls: true, buttonControlsPosition: '0', cssClass: '', direction: 'ltr', isSlideDifferentWidth: false, loop: false, numberingSeparator: '/', numberingSlides: true, progressbar: false, slideToScroll: 1, slideToShow: 1, slideSelectedClass: 'slide-selected', speed: 10, startIndex: 0, bulletScroll: false, bulletStyle: 'dot', bulletTheme: 'dark', autoPlayDelay: 1600 }, props), { controlOptions });\n    }, [props, controlOptions]);\n};\n//# sourceMappingURL=useDefaultProps.js.map"],"names":["defaultControlOptions","prevIcon","nextIcon","iconStyle","iconSize","variant","color","useDefaultProps","props","controlOptions","useMemo","Object","assign","align","autoPlay","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","direction","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","autoPlayDelay"],"mappings":"gCACA,MAAMA,EAAwB,CAC1BC,SAAU,aACVC,SAAU,cACVC,UAAW,UACXC,SAAU,SACVC,QAAS,WACTC,MAAO,QAEEC,EAAmBC,IAC5B,MAAMC,EAAiBC,GAAQ,KAC3B,GAAIF,EAAMC,eACN,OAAOE,OAAOC,OAAO,CAAA,EAAIZ,EAAuBQ,EAAMC,eAE1C,GACjB,CAACD,EAAMC,iBACV,OAAOC,GAAQ,IACJC,OAAOC,OAAOD,OAAOC,OAAO,CAAEC,MAAO,QAASC,UAAU,EAAOC,yBAA0B,MAAOC,gBAAgB,EAAMC,uBAAwB,IAAKC,SAAU,GAAIC,UAAW,MAAOC,uBAAuB,EAAOC,MAAM,EAAOC,mBAAoB,IAAKC,iBAAiB,EAAMC,aAAa,EAAOC,cAAe,EAAGC,YAAa,EAAGC,mBAAoB,iBAAkBC,MAAO,GAAIC,WAAY,EAAGC,cAAc,EAAOC,YAAa,MAAOC,YAAa,OAAQC,cAAe,MAAQzB,GAAQ,CAAEC,oBAC3e,CAACD,EAAOC,GAAgB"}

package/organisms/carousel2/hooks/useEmbla.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEmbla.js","sources":["../../../../src/organisms/carousel2/hooks/useEmbla.ts"],"sourcesContent":[null],"names":["useEmbla","props","smallerThanSm","useMediaQuery","theme","breakpoints","down","autoplayPlugin","useMemo","Autoplay","playOnInit","autoPlay","delay","autoPlayDelay","emblaOptions","Object","assign","align","axis","containScroll","direction","loop","slidesToScroll","slideToScroll","skipSnaps","speed","startIndex","options","useEmblaCarousel"],"mappings":"yJAMa,MAAAA,EAAYC,IACvB,MAAMC,EAAgBC,GAAsBC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAiBC,GACrB,IACEC,EAAS,CACPC,aAAYT,EAAMU,SAClBC,MAAOX,EAAMY,iBAEjB,CAACZ,EAAMU,WAGHG,EAAiCN,GACrC,IACEO,OAAAC,OAAA,CAAAC,MAAOhB,EAAMgB,MACbC,KAAM,IACNC,cAA+B,WAAhBlB,EAAMgB,MAAqB,YAAc,GACxDG,UAAWnB,EAAMmB,UACjBC,KAAMpB,EAAMoB,KACZC,eAAgBpB,EAAgB,EAAID,EAAMsB,cAC1CC,WAAW,EACXC,MAAOxB,EAAMwB,MACbC,WAAYzB,EAAMyB,YACfzB,EAAM0B,UAEX,CAAC1B,EAAOC,IAGV,OAAO0B,EAAiBd,EAAc,CAACP,GAAgB"}
+{"version":3,"file":"useEmbla.js","sources":["../../../../src/organisms/carousel2/hooks/useEmbla.ts"],"sourcesContent":["import useEmblaCarousel from 'embla-carousel-react';\nimport { useMediaQuery } from '@mui/material';\nimport Autoplay from 'embla-carousel-autoplay';\nimport { useMemo } from 'react';\nexport const useEmbla = (props) => {\n    const smallerThanSm = useMediaQuery((theme) => theme.breakpoints.down('sm'));\n    const autoplayPlugin = useMemo(() => Autoplay({\n        playOnInit: props.autoPlay ? true : false,\n        delay: props.autoPlayDelay,\n    }), [props.autoPlay]);\n    const emblaOptions = useMemo(() => (Object.assign({ align: props.align, axis: 'x', containScroll: props.align !== 'center' ? 'trimSnaps' : '', direction: props.direction, loop: props.loop, slidesToScroll: smallerThanSm ? 1 : props.slideToScroll, skipSnaps: false, speed: props.speed, startIndex: props.startIndex }, props.options)), [props, smallerThanSm]);\n    return useEmblaCarousel(emblaOptions, [autoplayPlugin]);\n};\n//# sourceMappingURL=useEmbla.js.map"],"names":["useEmbla","props","smallerThanSm","useMediaQuery","theme","breakpoints","down","autoplayPlugin","useMemo","Autoplay","playOnInit","autoPlay","delay","autoPlayDelay","emblaOptions","Object","assign","align","axis","containScroll","direction","loop","slidesToScroll","slideToScroll","skipSnaps","speed","startIndex","options","useEmblaCarousel"],"mappings":"yJAIY,MAACA,EAAYC,IACrB,MAAMC,EAAgBC,GAAeC,GAAUA,EAAMC,YAAYC,KAAK,QAChEC,EAAiBC,GAAQ,IAAMC,EAAS,CAC1CC,aAAYT,EAAMU,SAClBC,MAAOX,EAAMY,iBACb,CAACZ,EAAMU,WACLG,EAAeN,GAAQ,IAAOO,OAAOC,OAAO,CAAEC,MAAOhB,EAAMgB,MAAOC,KAAM,IAAKC,cAA+B,WAAhBlB,EAAMgB,MAAqB,YAAc,GAAIG,UAAWnB,EAAMmB,UAAWC,KAAMpB,EAAMoB,KAAMC,eAAgBpB,EAAgB,EAAID,EAAMsB,cAAeC,WAAW,EAAOC,MAAOxB,EAAMwB,MAAOC,WAAYzB,EAAMyB,YAAczB,EAAM0B,UAAW,CAAC1B,EAAOC,IACrV,OAAO0B,EAAiBd,EAAc,CAACP,GAAgB"}

package/organisms/common/buttonCardComponent/buttonCardComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonCardComponent.js","sources":["../../../../src/organisms/common/buttonCardComponent/buttonCardComponent.tsx"],"sourcesContent":[null],"names":["ButtonCardComponent","buttonObject","compact","className","onClickButton","useCallback","button","callbackAnalytics","url","window","open","encodeURI","target","callback","_jsx","children","Button","onClick","variant","label","handleMaxChars"],"mappings":"uMAoBM,MAAAA,EAAiD,EAAGC,eAAcC,UAASC,gBAC/E,MAAMC,EAAgBC,GAAaC,IACjCA,EAAOC,mBAAqBD,EAAOC,oBAC/BD,EAAOE,IACTC,OAAOC,KAAKC,UAAUL,EAAOE,KAAMF,EAAOM,OAASN,EAAOM,OAAS,IAEnEN,EAAOO,UAAYP,EAAOO,UAC3B,GACA,IAEH,OACEC,SAAKX,UAAWA,EACdY,SAAAD,EAACE,EACC,CAAAb,UAAU,aACVc,QAAS,IAAMb,EAAcH,GAC7BC,QAASA,EACTgB,QAASjB,EAAaiB,QACtBC,MAAOC,EAAenB,EAAakB,MAAO,OAG9C"}
+{"version":3,"file":"buttonCardComponent.js","sources":["../../../../src/organisms/common/buttonCardComponent/buttonCardComponent.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback } from 'react';\nimport { Button } from '../../../components/button';\nimport { handleMaxChars } from '../../../utils/utilities';\nconst ButtonCardComponent = ({ buttonObject, compact, className }) => {\n    const onClickButton = useCallback((button) => {\n        button.callbackAnalytics && button.callbackAnalytics();\n        if (button.url) {\n            window.open(encodeURI(button.url), button.target ? button.target : '');\n        }\n        else {\n            button.callback && button.callback();\n        }\n    }, []);\n    return (_jsx(\"div\", { className: className, children: _jsx(Button, { className: \"cta-button\", onClick: () => onClickButton(buttonObject), compact: compact, variant: buttonObject.variant, label: handleMaxChars(buttonObject.label, 30) }) }));\n};\nexport default ButtonCardComponent;\n//# sourceMappingURL=buttonCardComponent.js.map"],"names":["ButtonCardComponent","buttonObject","compact","className","onClickButton","useCallback","button","callbackAnalytics","url","window","open","encodeURI","target","callback","_jsx","children","Button","onClick","variant","label","handleMaxChars"],"mappings":"uMAIK,MAACA,EAAsB,EAAGC,eAAcC,UAASC,gBAClD,MAAMC,EAAgBC,GAAaC,IAC/BA,EAAOC,mBAAqBD,EAAOC,oBAC/BD,EAAOE,IACPC,OAAOC,KAAKC,UAAUL,EAAOE,KAAMF,EAAOM,OAASN,EAAOM,OAAS,IAGnEN,EAAOO,UAAYP,EAAOO,UAC7B,GACF,IACH,OAAQC,EAAK,MAAO,CAAEX,UAAWA,EAAWY,SAAUD,EAAKE,EAAQ,CAAEb,UAAW,aAAcc,QAAS,IAAMb,EAAcH,GAAeC,QAASA,EAASgB,QAASjB,EAAaiB,QAASC,MAAOC,EAAenB,EAAakB,MAAO,OAAW"}

package/organisms/common/infoTextCardComponent/infoTextCardComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"infoTextCardComponent.js","sources":["../../../../src/organisms/common/infoTextCardComponent/infoTextCardComponent.tsx"],"sourcesContent":[null],"names":["InfoTextCardComponent","infoText","infoTextSecond","infoTextThird","className","_jsxs","children","_jsx","handleMaxChars"],"mappings":"+GAsBA,MAAMA,EAAqD,EAAGC,WAAUC,iBAAgBC,gBAAeC,eAEnGC,EAAA,MAAA,CAAKD,UAAWA,EAASE,SAAA,CACtBL,GACCI,EAAA,OAAA,CAAMD,UAAU,gBACbE,SAAA,CAAAL,GACCC,GAAkBC,IAAkBI,EAAgB,OAAA,CAAAD,SAAA,WAGzDJ,GACCG,EAAA,OAAA,CAAMD,UAAU,iBACbE,SAAA,CAAAJ,EACAC,GAAiBI,EAAA,OAAA,CAAAD,SAAA,WAGrBH,GACCI,EAAK,MAAA,CAAAH,UAAU,yBAAwBE,SACrCC,EAAM,OAAA,CAAAH,UAAU,gBAAiBE,SAAAE,EAAeL,EAAe"}
+{"version":3,"file":"infoTextCardComponent.js","sources":["../../../../src/organisms/common/infoTextCardComponent/infoTextCardComponent.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { handleMaxChars } from '../../../utils/utilities';\nconst InfoTextCardComponent = ({ infoText, infoTextSecond, infoTextThird, className }) => {\n    return (_jsxs(\"div\", { className: className, children: [infoText && (_jsxs(\"span\", { className: \"infoTextFirst\", children: [infoText, (infoTextSecond || infoTextThird) && _jsx(\"span\", { children: \" | \" })] })), infoTextSecond && (_jsxs(\"span\", { className: \"infoTextSecond\", children: [infoTextSecond, infoTextThird && _jsx(\"span\", { children: \" | \" })] })), infoTextThird && (_jsx(\"div\", { className: \"infoTextThirdContainer\", children: _jsx(\"span\", { className: \"infoTextThird\", children: handleMaxChars(infoTextThird, 50) }) }))] }));\n};\nexport default InfoTextCardComponent;\n//# sourceMappingURL=infoTextCardComponent.js.map"],"names":["InfoTextCardComponent","infoText","infoTextSecond","infoTextThird","className","_jsxs","children","_jsx","handleMaxChars"],"mappings":"+GAEK,MAACA,EAAwB,EAAGC,WAAUC,iBAAgBC,gBAAeC,eAC9DC,EAAM,MAAO,CAAED,UAAWA,EAAWE,SAAU,CAACL,GAAaI,EAAM,OAAQ,CAAED,UAAW,gBAAiBE,SAAU,CAACL,GAAWC,GAAkBC,IAAkBI,EAAK,OAAQ,CAAED,SAAU,WAAeJ,GAAmBG,EAAM,OAAQ,CAAED,UAAW,iBAAkBE,SAAU,CAACJ,EAAgBC,GAAiBI,EAAK,OAAQ,CAAED,SAAU,WAAeH,GAAkBI,EAAK,MAAO,CAAEH,UAAW,yBAA0BE,SAAUC,EAAK,OAAQ,CAAEH,UAAW,gBAAiBE,SAAUE,EAAeL,EAAe"}

package/organisms/common/menuCardComponent/menuCardComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuCardComponent.js","sources":["../../../../src/organisms/common/menuCardComponent/menuCardComponent.tsx"],"sourcesContent":[null],"names":["MenuCardComponent","_a","props","__rest","isOpen","setIsOpen","useState","anchorRef","useRef","setOpen","useCallback","setClosed","_jsxs","MenuCardStyled","className","children","_jsx","Icon","ref","onClick","CardMenu","Object","assign","open","onClose","styled","style","position","zIndex","cursor","top","width","height","right","fontSize","marginRight"],"mappings":"0SAiDA,MAAMA,EAAiDC,QAAKC,EAAKC,EAAAF,EAAV,IACrD,MAAOG,EAAQC,GAAaC,GAAS,GAC/BC,EAAYC,EAAwB,MAEpCC,EAAUC,GAAY,IAAML,GAAU,IAAO,IAE7CM,EAAYD,GAAY,IAAML,GAAU,IAAQ,IAEtD,OACEO,EAACC,GAAeC,UAAU,oBACxBC,SAAA,CAAAC,EAACC,EAAK,CAAAC,IAAKX,EAAWY,QAASV,EAASK,UAAU,kBAClDE,EAACI,EAAQC,OAAAC,OAAA,CAAA,EAAKpB,EAAO,CAAAqB,KAAMnB,EAAQoB,QAASb,EAAWJ,UAAWA,OAEpE,EAGEM,EAAiBY,EAAO,MAAPA,EAA0B,KAC/C,IAAIC,EAAQ,CAAA,EAqBZ,OAnBAA,EACKL,OAAAC,OAAAD,OAAAC,OAAA,GAAAI,GACH,CAAAC,SAAU,WACVC,OAAQ,EACRC,OAAQ,UACRC,IAAK,OACLC,MAAO,OACPC,OAAQ,OACRC,MAAO,OACP,oBAAqB,CACnBF,MAAO,OACPC,OAAQ,OACRE,SAAU,QAEZ,UAAW,CACTC,YAAa,UAIVT,CAAK"}
+{"version":3,"file":"menuCardComponent.js","sources":["../../../../src/organisms/common/menuCardComponent/menuCardComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useRef, useState } from 'react';\nimport { Icon } from '../../../components/icon';\nimport styled from '@emotion/styled';\nimport { CardMenu } from '../../../components/cardMenu/cardMenu';\nconst MenuCardComponent = (_a) => {\n    var props = __rest(_a, []);\n    const [isOpen, setIsOpen] = useState(false);\n    const anchorRef = useRef(null);\n    const setOpen = useCallback(() => setIsOpen(true), []);\n    const setClosed = useCallback(() => setIsOpen(false), []);\n    return (_jsxs(MenuCardStyled, { className: \"menuCardComponent\", children: [_jsx(Icon, { ref: anchorRef, onClick: setOpen, className: \"more-vertical\" }), _jsx(CardMenu, Object.assign({}, props, { open: isOpen, onClose: setClosed, anchorRef: anchorRef }))] }));\n};\nconst MenuCardStyled = styled('div')(() => {\n    let style = {};\n    style = Object.assign(Object.assign({}, style), { position: 'absolute', zIndex: 4, cursor: 'pointer', top: '24px', width: '20px', height: '30px', right: '24px', '& > .MuiIcon-root': {\n            width: '20px',\n            height: '30px',\n            fontSize: '20px',\n        }, '& > div': {\n            marginRight: '40px',\n        } });\n    return style;\n});\nexport default MenuCardComponent;\n//# sourceMappingURL=menuCardComponent.js.map"],"names":["MenuCardComponent","_a","props","__rest","isOpen","setIsOpen","useState","anchorRef","useRef","setOpen","useCallback","setClosed","_jsxs","MenuCardStyled","className","children","_jsx","Icon","ref","onClick","CardMenu","Object","assign","open","onClose","styled","style","position","zIndex","cursor","top","width","height","right","fontSize","marginRight"],"mappings":"0SAMK,MAACA,EAAqBC,IACvB,IAAIC,EAAQC,EAAOF,EAAI,IACvB,MAAOG,EAAQC,GAAaC,GAAS,GAC/BC,EAAYC,EAAO,MACnBC,EAAUC,GAAY,IAAML,GAAU,IAAO,IAC7CM,EAAYD,GAAY,IAAML,GAAU,IAAQ,IACtD,OAAQO,EAAMC,EAAgB,CAAEC,UAAW,oBAAqBC,SAAU,CAACC,EAAKC,EAAM,CAAEC,IAAKX,EAAWY,QAASV,EAASK,UAAW,kBAAoBE,EAAKI,EAAUC,OAAOC,OAAO,CAAA,EAAIpB,EAAO,CAAEqB,KAAMnB,EAAQoB,QAASb,EAAWJ,UAAWA,OAAmB,EAEjQM,EAAiBY,EAAO,MAAPA,EAAc,KACjC,IAAIC,EAAQ,CAAA,EAQZ,OAPAA,EAAQL,OAAOC,OAAOD,OAAOC,OAAO,GAAII,GAAQ,CAAEC,SAAU,WAAYC,OAAQ,EAAGC,OAAQ,UAAWC,IAAK,OAAQC,MAAO,OAAQC,OAAQ,OAAQC,MAAO,OAAQ,oBAAqB,CAC9KF,MAAO,OACPC,OAAQ,OACRE,SAAU,QACX,UAAW,CACVC,YAAa,UAEdT,CAAK"}

package/organisms/common/styled/cardStandardWrapperStyled.d.ts

@@ -1,11 +1,7 @@
 /// <reference types="react" />
-export declare const CardStandardWrapperStyled: import("@emotion/styled").StyledComponent<Omit<import("@mui/material").PaperOwnProps, "classes"> & {
-    classes?: Partial<import("@mui/material/Card").CardClasses>;
-    raised?: boolean;
-    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const CardStandardWrapperStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Card").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "square" | "elevation" | "variant" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+}, "className" | "style" | "classes" | "children" | "sx" | "square" | "elevation" | "variant" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     component?: import("react").ElementType<any>;
 } & {
     size?: string;

package/organisms/common/styled/cardStandardWrapperStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardStandardWrapperStyled.js","sources":["../../../../src/organisms/common/styled/cardStandardWrapperStyled.tsx"],"sourcesContent":[null],"names":["CardStandardWrapperStyled","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","styles","padding","borderRadius","isBorderRadius","boxShadow","size","height","breakpoints","up","undefined"],"mappings":"+GAIa,MAAAA,EAA4BC,EAAOC,EAAS,CACvDC,kBAAoBC,GAAkB,SAATA,GAA4B,mBAATA,GADTH,EAEuBI,IAAA,IAAAC,MAAEA,GAAiBD,EAAPE,EAAKC,EAAAH,EAAjB,WAC9D,IAAII,EAAoB,CACtBC,QAAS,EACTC,aAAcJ,EAAMK,eAAiB,MAAQ,MAC7CC,UAAW,QA6Bb,MA1BmB,UAAfN,EAAMO,OACRL,iCACKA,GAAM,CACTM,OAAQ,OACR,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,QAEV,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,SAEV,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,SAEV,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,YAKK,eAAfR,EAAMO,WAAwCI,IAAfX,EAAMO,OACvCL,iCACKA,GAAM,CACTM,OAAQ,UAILN,CAAM"}
+{"version":3,"file":"cardStandardWrapperStyled.js","sources":["../../../../src/organisms/common/styled/cardStandardWrapperStyled.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { styled } from '@mui/material/styles';\nimport MuiCard from '@mui/material/Card';\nexport const CardStandardWrapperStyled = styled(MuiCard, {\n    shouldForwardProp: (prop) => prop !== 'size' && prop !== 'isBorderRadius',\n})((_a) => {\n    var { theme } = _a, props = __rest(_a, [\"theme\"]);\n    let styles = {\n        padding: 0,\n        borderRadius: props.isBorderRadius ? '8px' : '0px',\n        boxShadow: 'none',\n    };\n    if (props.size === 'fixed') {\n        styles = Object.assign(Object.assign({}, styles), { height: 'auto', [theme.breakpoints.up('sm')]: {\n                height: 'auto',\n            }, [theme.breakpoints.up('md')]: {\n                height: '420px',\n            }, [theme.breakpoints.up('lg')]: {\n                height: '400px',\n            }, [theme.breakpoints.up('xl')]: {\n                height: '440px',\n            } });\n    }\n    if (props.size === 'adjustable' || props.size === undefined) {\n        styles = Object.assign(Object.assign({}, styles), { height: '100%' });\n    }\n    return styles;\n});\n//# sourceMappingURL=cardStandardWrapperStyled.js.map"],"names":["CardStandardWrapperStyled","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","styles","padding","borderRadius","isBorderRadius","boxShadow","size","Object","assign","height","breakpoints","up","undefined"],"mappings":"+GAGY,MAACA,EAA4BC,EAAOC,EAAS,CACrDC,kBAAoBC,GAAkB,SAATA,GAA4B,mBAATA,GADXH,EAErCI,IACA,IAAIC,MAAEA,GAAUD,EAAIE,EAAQC,EAAOH,EAAI,CAAC,UACxC,IAAII,EAAS,CACTC,QAAS,EACTC,aAAcJ,EAAMK,eAAiB,MAAQ,MAC7CC,UAAW,QAgBf,MAdmB,UAAfN,EAAMO,OACNL,EAASM,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEP,GAAS,CAAEQ,OAAQ,OAAQ,CAACX,EAAMY,YAAYC,GAAG,OAAQ,CAC1FF,OAAQ,QACT,CAACX,EAAMY,YAAYC,GAAG,OAAQ,CAC7BF,OAAQ,SACT,CAACX,EAAMY,YAAYC,GAAG,OAAQ,CAC7BF,OAAQ,SACT,CAACX,EAAMY,YAAYC,GAAG,OAAQ,CAC7BF,OAAQ,YAGD,eAAfV,EAAMO,WAAwCM,IAAfb,EAAMO,OACrCL,EAASM,OAAOC,OAAOD,OAAOC,OAAO,GAAIP,GAAS,CAAEQ,OAAQ,UAEzDR,CAAM"}

package/organisms/gallery/Gallery.d.ts

@@ -1,7 +1,19 @@
 /// <reference types="react" />
 export type GalleryProps = {
+    /**
+     * Trigger element that will be used to open gallery
+     * @requires
+     */
     children: React.ReactNode;
+    /**
+     * Array of gallery items nodes. Any array of react nodes can be used here, however `GalleryItem` component is suggested
+     * @requires
+     */
     galleryItems: Array<React.ReactNode>;
+    /**
+     * Index of gallery item that should be active by default
+     * @default 0
+     */
     startIndex?: number;
 };
 export declare const Gallery: React.FC<GalleryProps>;

package/organisms/gallery/Gallery.js

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as e,Fragment as t}from"react/jsx-runtime";import{useMemo as r,useState as s,useEffect as n,useCallback as i}from"react";import{styled as a,Backdrop as m,Box as l,IconButton as p,Stack as c}from"@mui/material";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/autocomplete.theme.js";import"../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../design/skoda/theme.breakpoints.js";import"../../design/skoda/theme.constants.js";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../../design/skoda/components/icon.theme.js";import"../../design/skoda/components/mobileStepper.theme.js";import"../../design/skoda/components/modal.theme.js";import"../../design/skoda/components/pagination.theme.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/banner/banner.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import{Icon as d}from"../../components/icon/icon.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"../../components/mobileStepper/mobileStepper.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/tab/tab.js";import"../../components/tab/tabs.js";import"../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/agGrid/agGrid.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./GalleryItem.js";import"../../design/skoda/components/slider.theme.js";import"../../design/skoda/components/snackbar.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"../../design/skoda/components/accordion/accordionSummary.theme.js";import"react-use";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import j from"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../../utils/enum.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"lodash/merge";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationItem.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import{useClosure as u}from"../../utils/useClosure/useClosure.js";import"../../layout/SideMenu/SideMenuItem.js";import"../../layout/Footer/FooterNavItem.js";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button.js";import g from"use-keyboard-shortcut";const h=a=>{var m;const p=r((()=>a.galleryItems.length>1),[a.galleryItems]),{isOpen:h,onOpen:x,onClose:f}=u(!1),[I,v]=s(!0),[S,w]=s(!0),[N,G]=j({align:"center",axis:"x",startIndex:null!==(m=a.startIndex)&&void 0!==m?m:0,slidesToScroll:1,draggable:a.galleryItems.length>1});n((()=>{if(G){const o=()=>{v(!G.canScrollNext()),w(!G.canScrollPrev())};G.on("scroll",o),o()}}),[G]),n((()=>{a.galleryItems&&0!==a.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[a.galleryItems]);const P=i((()=>{a.galleryItems&&a.galleryItems.length>0&&x()}),[x,a.children]);return g(["Escape"],f),g(["ArrowRight"],(()=>null==G?void 0:G.scrollNext())),g(["ArrowLeft"],(()=>null==G?void 0:G.scrollPrev())),o(l,{"data-testid":"Gallery",children:[e(l,{component:"span",onClick:P,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:a.children}),e(y,{open:h,"data-testid":"Gallery.backdrop",children:h&&o(t,{children:[e(b,{ref:N,children:e(l,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==G?void 0:G.selectedScrollSnap(),children:a.galleryItems})}),e(C,{"data-testid":"Gallery.control",children:o(c,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[p&&e(k,{size:"large",disabled:S,onClick:()=>null==G?void 0:G.scrollPrev(),"data-testid":"Gallery.prev",children:e(d,{className:"arrow-left"})}),e(k,{size:"large",onClick:f,"data-testid":"Gallery.close",children:e(d,{className:"ballotx"})}),p&&e(k,{size:"large",disabled:I,onClick:()=>null==G?void 0:G.scrollNext(),"data-testid":"Gallery.next",children:e(d,{className:"arrow-right"})})]})})]})})]})},y=a(m)((({theme:o})=>({backgroundColor:o.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),b=a(l)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),C=a(l)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),k=a(p)((({theme:o})=>({color:o.palette.surface.primary})));export{h as Gallery};
+import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import{useMemo as r,useState as s,useEffect as i,useCallback as n}from"react";import{styled as a,Backdrop as m,Box as l,IconButton as p,Stack as c}from"@mui/material";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/autocomplete.theme.js";import"../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../design/skoda/theme.breakpoints.js";import"../../design/skoda/theme.constants.js";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../../design/skoda/components/icon.theme.js";import"../../design/skoda/components/mobileStepper.theme.js";import"../../design/skoda/components/modal.theme.js";import"../../design/skoda/components/pagination.theme.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/banner/banner.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import{Icon as d}from"../../components/icon/icon.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"../../components/mobileStepper/mobileStepper.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/tab/tab.js";import"../../components/tab/tabs.js";import"../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/agGrid/agGrid.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./GalleryItem.js";import"minimatch";import"../../design/skoda/components/slider.theme.js";import"../../design/skoda/components/snackbar.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"../../design/skoda/components/accordion/accordionSummary.theme.js";import"@mui/x-date-pickers/internals";import"react-use";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import j from"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../../utils/enum.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"lodash/merge";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import{useClosure as u}from"../../utils/useClosure/useClosure.js";import"../../layout/SideMenu/SideMenuItem.js";import"../../layout/Footer/FooterNavItem.js";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button.js";import g from"use-keyboard-shortcut";const h=a=>{var m;const p=r((()=>a.galleryItems.length>1),[a.galleryItems]),{isOpen:h,onOpen:x,onClose:f}=u(!1),[v,I]=s(!0),[S,w]=s(!0),[N,H]=j({align:"center",axis:"x",startIndex:null!==(m=a.startIndex)&&void 0!==m?m:0,slidesToScroll:1,draggable:a.galleryItems.length>1});i((()=>{if(H){const e=()=>{I(!H.canScrollNext()),w(!H.canScrollPrev())};H.on("scroll",e),e()}}),[H]),i((()=>{a.galleryItems&&0!==a.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[a.galleryItems]);const G=n((()=>{a.galleryItems&&a.galleryItems.length>0&&x()}),[x,a.children]);return g(["Escape"],f),g(["ArrowRight"],(()=>null==H?void 0:H.scrollNext())),g(["ArrowLeft"],(()=>null==H?void 0:H.scrollPrev())),e(l,{"data-testid":"Gallery",children:[o(l,{component:"span",onClick:G,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:a.children}),o(y,{open:h,"data-testid":"Gallery.backdrop",children:h&&e(t,{children:[o(b,{ref:N,children:o(l,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==H?void 0:H.selectedScrollSnap(),children:a.galleryItems})}),o(C,{"data-testid":"Gallery.control",children:e(c,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[p&&o(k,{size:"large",disabled:S,onClick:()=>null==H?void 0:H.scrollPrev(),"data-testid":"Gallery.prev",children:o(d,{className:"arrow-left"})}),o(k,{size:"large",onClick:f,"data-testid":"Gallery.close",children:o(d,{className:"ballotx"})}),p&&o(k,{size:"large",disabled:v,onClick:()=>null==H?void 0:H.scrollNext(),"data-testid":"Gallery.next",children:o(d,{className:"arrow-right"})})]})})]})})]})},y=a(m)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),b=a(l)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),C=a(l)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),k=a(p)((({theme:e})=>({color:e.palette.surface.primary})));export{h as Gallery};
 //# sourceMappingURL=Gallery.js.map

package/organisms/gallery/Gallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gallery.js","sources":["../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":[null],"names":["Gallery","props","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","_a","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","scrollNext","scrollPrev","_jsxs","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","className","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"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"}
+{"version":3,"file":"Gallery.js","sources":["../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Icon, useClosure } from '@/src';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from 'use-keyboard-shortcut';\nexport const Gallery = (props) => {\n    var _a;\n    const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n    const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n    const [nextDisabled, setNextDisabled] = useState(true);\n    const [prevDisabled, setPrevDisabled] = useState(true);\n    const [emblaRef, emblaApi] = useEmblaCarousel({\n        align: 'center',\n        axis: 'x',\n        startIndex: (_a = props.startIndex) !== null && _a !== void 0 ? _a : 0,\n        slidesToScroll: 1,\n        draggable: props.galleryItems.length > 1,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                setNextDisabled(!emblaApi.canScrollNext());\n                setPrevDisabled(!emblaApi.canScrollPrev());\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi]);\n    useEffect(() => {\n        if (!props.galleryItems || props.galleryItems.length === 0) {\n            console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n        }\n    }, [props.galleryItems]);\n    const onOpen = useCallback(() => {\n        if (props.galleryItems && props.galleryItems.length > 0) {\n            _onOpen();\n        }\n    }, [_onOpen, props.children]);\n    useKeyboardShortcut(['Escape'], onClose);\n    useKeyboardShortcut(['ArrowRight'], () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext());\n    useKeyboardShortcut(['ArrowLeft'], () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev());\n    return (_jsxs(Box, { \"data-testid\": \"Gallery\", children: [_jsx(Box, { component: \"span\", onClick: onOpen, sx: { cursor: 'pointer' }, \"data-testid\": \"Gallery.trigger\", children: props.children }), _jsx(GalleryBackdrop, { open: isOpen, \"data-testid\": \"Gallery.backdrop\", children: isOpen && (_jsxs(_Fragment, { children: [_jsx(GalleryItemContent, { ref: emblaRef, children: _jsx(Box, { sx: { display: 'flex', '& > *': { flex: '0 0 100%' } }, \"data-testid\": \"Gallery.items\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: props.galleryItems }) }), _jsx(GalleryControlPanel, { \"data-testid\": \"Gallery.control\", children: _jsxs(Stack, { direction: \"row\", spacing: { xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }, children: [showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: prevDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev(), \"data-testid\": \"Gallery.prev\", children: _jsx(Icon, { className: \"arrow-left\" }) })), _jsx(GalleryControlButton, { size: \"large\", onClick: onClose, \"data-testid\": \"Gallery.close\", children: _jsx(Icon, { className: \"ballotx\" }) }), showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: nextDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext(), \"data-testid\": \"Gallery.next\", children: _jsx(Icon, { className: \"arrow-right\" }) }))] }) })] })) })] }));\n};\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n    backgroundColor: theme.palette.surface.quarternary,\n    paddingTop: '20px',\n    display: 'flex',\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n}));\nconst GalleryItemContent = styled(Box)(() => ({\n    width: '100%',\n    height: '85%',\n    overflow: 'hidden',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    '& > div': {\n        width: '100%',\n        height: '100%',\n    },\n}));\nconst GalleryControlPanel = styled(Box)(() => ({\n    width: '100%',\n    height: '15%',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n    color: theme.palette.surface.primary,\n}));\n//# sourceMappingURL=Gallery.js.map"],"names":["Gallery","props","_a","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","scrollNext","scrollPrev","_jsxs","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","className","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"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"}

package/organisms/gallery/GalleryItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryItem.js","sources":["../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":[null],"names":["GalleryItem","_a","description","alt","props","__rest","theme","useTheme","imageSrc","useResponsiveProp","width","windowWidth","useWindowSize","wrapperRef","useRef","imageRef","descRef","fixImageSize","useCallback","current","wrapperHeight","clientHeight","descHeight","style","maxHeight","Math","abs","useEffect","_jsxs","GalleryItemWrapper","ref","children","Box","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop","styled","position","height","display","flexDirection","justifyContent"],"mappings":"yVAWa,MAAAA,EAA2CC,QAAAC,YAAEA,EAAWC,IAAEA,GAAGF,EAAKG,EAAKC,EAAAJ,EAA5B,uBACtD,MAAMK,EAAQC,IACRC,EAAWC,EAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,IAEzBC,EAAaC,EAAyB,MACtCC,EAAWD,EAA2B,MACtCE,EAAUF,EAAuB,MAEjCG,EAAeC,GAAY,KAC/B,GAAIL,EAAWM,SAAWJ,EAASI,SAAWH,EAAQG,QAAS,CAC7D,MAAMC,EAAgBP,EAAWM,QAAQE,aACnCC,EAAaN,EAAQG,QAAQE,aAEnCN,EAASI,QAAQI,MAAMC,UAAYC,KAAKC,IAAIN,EAAgBE,GAAc,IAC3E,IACA,IAKH,OAHAK,EAAUV,GACVU,GAAU,IAAMV,GAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAASR,IAGpFiB,EAACC,EAAmB,CAAAC,IAAKjB,EAAU,cAAc,cAAakB,SAAA,CAC5DH,EAACI,GAAIF,IAAKf,EAAUkB,UAAU,UAAUC,GAAI,CAAEV,UAAW,OAAQW,SAAU,OAAQC,UAAW,UAC5FL,SAAA,CAAAM,EAAA,SAAA,CAAQC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOC,QAASC,OAAQlC,EAASiC,KACjFJ,EAAA,SAAA,CAAQC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOG,QAASD,OAAQlC,EAASmC,KACjFN,EAAA,SAAA,CAAQC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOI,QAASF,OAAQlC,EAASoC,KACjFP,EAAA,SAAA,CAAQC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOK,QAASH,OAAQlC,EAASqC,KACjFR,EAAA,SAAA,CAAQC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOK,QAASH,OAAQlC,EAASsC,KACjFT,EAACL,EAAI,CAAAC,UAAU,MAAMc,IAAKvC,EAASsC,GAAI3C,IAAKA,EAAK+B,GAAI,CAAEV,UAAW,OAAQW,SAAU,aAGrFjC,GACCmC,EAACW,EAAU,CAAAlB,IAAKd,gBAAqB,mBAAkBe,SAC7B,iBAAhB7B,EACNmC,EAACY,EAAU,CAACf,GAAI,CAAEgB,MAAO5C,EAAM6C,QAAQC,OAAOC,MAAOC,WAAY,EAAGlB,UAAW,UAAUL,SACtF7B,IACU,MAOrB,EAGE2B,EAAqB0B,EAAOvB,EAAPuB,EAAY,KAAO,CAC5CC,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB"}
+{"version":3,"file":"GalleryItem.js","sources":["../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Typography, styled, useTheme } from '@mui/material';\nimport { useResponsiveProp } from '../../utils/ResponsiveType';\nimport { useCallback, useEffect, useRef } from 'react';\nimport { useWindowSize } from 'react-use';\nexport const GalleryItem = (_a) => {\n    var { description, alt } = _a, props = __rest(_a, [\"description\", \"alt\"]);\n    const theme = useTheme();\n    const imageSrc = useResponsiveProp(props.imageSrc);\n    const { width: windowWidth } = useWindowSize();\n    const wrapperRef = useRef(null);\n    const imageRef = useRef(null);\n    const descRef = useRef(null);\n    const fixImageSize = useCallback(() => {\n        if (wrapperRef.current && imageRef.current && descRef.current) {\n            const wrapperHeight = wrapperRef.current.clientHeight;\n            const descHeight = descRef.current.clientHeight;\n            imageRef.current.style.maxHeight = Math.abs(wrapperHeight - descHeight) + 'px';\n        }\n    }, []);\n    useEffect(fixImageSize);\n    useEffect(() => fixImageSize, [imageRef.current, descRef.current, wrapperRef.current, windowWidth]);\n    return (_jsxs(GalleryItemWrapper, { ref: wrapperRef, \"data-testid\": \"GalleryItem\", children: [_jsxs(Box, { ref: imageRef, component: \"picture\", sx: { maxHeight: '100%', maxWidth: '100%', textAlign: 'center' }, children: [_jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.xl}px)`, srcSet: imageSrc.xl }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.lg}px)`, srcSet: imageSrc.lg }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.md}px)`, srcSet: imageSrc.md }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.sm }), _jsx(\"source\", { media: `(max-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.xs }), _jsx(Box, { component: \"img\", src: imageSrc.xs, alt: alt, sx: { maxHeight: '100%', maxWidth: '100%' } })] }), description && (_jsx(Container, { ref: descRef, \"data-testid\": \"GalleryItem.desc\", children: typeof description === 'string' ? (_jsx(Typography, { sx: { color: theme.palette.common.white, paddingTop: 1, textAlign: 'center' }, children: description })) : (description) }))] }));\n};\nconst GalleryItemWrapper = styled(Box)(() => ({\n    position: 'relative',\n    height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n}));\n//# sourceMappingURL=GalleryItem.js.map"],"names":["GalleryItem","_a","description","alt","props","__rest","theme","useTheme","imageSrc","useResponsiveProp","width","windowWidth","useWindowSize","wrapperRef","useRef","imageRef","descRef","fixImageSize","useCallback","current","wrapperHeight","clientHeight","descHeight","style","maxHeight","Math","abs","useEffect","_jsxs","GalleryItemWrapper","ref","children","Box","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop","styled","position","height","display","flexDirection","justifyContent"],"mappings":"yVAMY,MAACA,EAAeC,IACxB,IAAIC,YAAEA,EAAWC,IAAEA,GAAQF,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,cAAe,QAClE,MAAMK,EAAQC,IACRC,EAAWC,EAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,IACzBC,EAAaC,EAAO,MACpBC,EAAWD,EAAO,MAClBE,EAAUF,EAAO,MACjBG,EAAeC,GAAY,KAC7B,GAAIL,EAAWM,SAAWJ,EAASI,SAAWH,EAAQG,QAAS,CAC3D,MAAMC,EAAgBP,EAAWM,QAAQE,aACnCC,EAAaN,EAAQG,QAAQE,aACnCN,EAASI,QAAQI,MAAMC,UAAYC,KAAKC,IAAIN,EAAgBE,GAAc,IAC7E,IACF,IAGH,OAFAK,EAAUV,GACVU,GAAU,IAAMV,GAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAASR,IAC9EiB,EAAMC,EAAoB,CAAEC,IAAKjB,EAAY,cAAe,cAAekB,SAAU,CAACH,EAAMI,EAAK,CAAEF,IAAKf,EAAUkB,UAAW,UAAWC,GAAI,CAAEV,UAAW,OAAQW,SAAU,OAAQC,UAAW,UAAYL,SAAU,CAACM,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOC,QAASC,OAAQlC,EAASiC,KAAOJ,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOG,QAASD,OAAQlC,EAASmC,KAAON,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOI,QAASF,OAAQlC,EAASoC,KAAOP,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOK,QAASH,OAAQlC,EAASqC,KAAOR,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOK,QAASH,OAAQlC,EAASsC,KAAOT,EAAKL,EAAK,CAAEC,UAAW,MAAOc,IAAKvC,EAASsC,GAAI3C,IAAKA,EAAK+B,GAAI,CAAEV,UAAW,OAAQW,SAAU,aAAiBjC,GAAgBmC,EAAKW,EAAW,CAAElB,IAAKd,EAAS,cAAe,mBAAoBe,SAAiC,iBAAhB7B,EAA4BmC,EAAKY,EAAY,CAAEf,GAAI,CAAEgB,MAAO5C,EAAM6C,QAAQC,OAAOC,MAAOC,WAAY,EAAGlB,UAAW,UAAYL,SAAU7B,IAAc,MAA2B,EAEnkC2B,EAAqB0B,EAAOvB,EAAPuB,EAAY,KAAO,CAC1CC,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB"}

package/organisms/gallery/GalleryTrigger.js

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import"react";import{Box as e}from"@mui/material";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/autocomplete.theme.js";import"../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../design/skoda/theme.breakpoints.js";import"../../design/skoda/theme.constants.js";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../../design/skoda/components/icon.theme.js";import"../../design/skoda/components/mobileStepper.theme.js";import"../../design/skoda/components/modal.theme.js";import"../../design/skoda/components/pagination.theme.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/banner/banner.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import{Icon as r}from"../../components/icon/icon.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"../../components/mobileStepper/mobileStepper.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/tab/tab.js";import"../../components/tab/tabs.js";import"../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/agGrid/agGrid.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./Gallery.js";import"./GalleryItem.js";import"../../design/skoda/components/slider.theme.js";import"../../design/skoda/components/snackbar.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"../../design/skoda/components/accordion/accordionSummary.theme.js";import"react-use";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../../utils/enum.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"lodash/merge";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationItem.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"../../layout/Footer/FooterNavItem.js";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button.js";const s={position:"absolute",top:0,right:0,left:0,background:"linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)",display:"inline-block",height:"100%","& .sa-i":{position:"absolute",right:"8px",top:"8px",color:"white"}},i=i=>o(e,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[t(e,{component:"span",sx:s,children:t(e,{component:r,className:"search-plus"})}),i.children]});export{s as GalleryHighlightSx,i as GalleryTrigger};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import"react";import{Box as e}from"@mui/material";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/autocomplete.theme.js";import"../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../design/skoda/theme.breakpoints.js";import"../../design/skoda/theme.constants.js";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../../design/skoda/components/icon.theme.js";import"../../design/skoda/components/mobileStepper.theme.js";import"../../design/skoda/components/modal.theme.js";import"../../design/skoda/components/pagination.theme.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/banner/banner.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import{Icon as r}from"../../components/icon/icon.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"../../components/mobileStepper/mobileStepper.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/tab/tab.js";import"../../components/tab/tabs.js";import"../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/agGrid/agGrid.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./Gallery.js";import"./GalleryItem.js";import"minimatch";import"../../design/skoda/components/slider.theme.js";import"../../design/skoda/components/snackbar.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"../../design/skoda/components/accordion/accordionSummary.theme.js";import"@mui/x-date-pickers/internals";import"react-use";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../../utils/enum.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"lodash/merge";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"../../layout/Footer/FooterNavItem.js";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button.js";const i={position:"absolute",top:0,right:0,left:0,background:"linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)",display:"inline-block",height:"100%","& .sa-i":{position:"absolute",right:"8px",top:"8px",color:"white"}},s=s=>o(e,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[t(e,{component:"span",sx:i,children:t(e,{component:r,className:"search-plus"})}),s.children]});export{i as GalleryHighlightSx,s as GalleryTrigger};
 //# sourceMappingURL=GalleryTrigger.js.map

package/organisms/gallery/GalleryTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryTrigger.js","sources":["../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":[null],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","GalleryTrigger","props","_jsxs","Box","component","sx","children","_jsx","Icon","className"],"mappings":"m6JAOa,MAAAA,EAAqC,CAChDC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OAER,UAAW,CACTN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,UAIEC,EAAiDC,GAE1DC,EAACC,EAAG,CAACC,UAAU,OAAOC,GAAI,CAAEb,SAAU,WAAYK,QAAS,gBAA8B,cAAA,iBACvFS,SAAA,CAAAC,EAACJ,EAAG,CAACC,UAAU,OAAOC,GAAId,WACxBgB,EAACJ,EAAI,CAAAC,UAAWI,EAAMC,UAAU,kBAEjCR,EAAMK"}
+{"version":3,"file":"GalleryTrigger.js","sources":["../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box } from '@mui/material';\nexport const GalleryHighlightSx = {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    left: 0,\n    background: 'linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)',\n    display: 'inline-block',\n    height: '100%',\n    '& .sa-i': {\n        position: 'absolute',\n        right: '8px',\n        top: '8px',\n        color: 'white',\n    },\n};\nexport const GalleryTrigger = (props) => {\n    return (_jsxs(Box, { component: \"span\", sx: { position: 'relative', display: 'inline-block' }, \"data-testid\": \"GalleryTrigger\", children: [_jsx(Box, { component: \"span\", sx: GalleryHighlightSx, children: _jsx(Box, { component: Icon, className: \"search-plus\" }) }), props.children] }));\n};\n//# sourceMappingURL=GalleryTrigger.js.map"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","GalleryTrigger","props","_jsxs","Box","component","sx","children","_jsx","Icon","className"],"mappings":"gnKAGY,MAACA,EAAqB,CAC9BC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OACR,UAAW,CACPN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,UAGFC,EAAkBC,GACnBC,EAAMC,EAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEb,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBS,SAAU,CAACC,EAAKJ,EAAK,CAAEC,UAAW,OAAQC,GAAId,EAAoBe,SAAUC,EAAKJ,EAAK,CAAEC,UAAWI,EAAMC,UAAW,kBAAqBR,EAAMK"}

package/organisms/heroImageCard/heroImageCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"heroImageCard.js","sources":["../../../src/organisms/heroImageCard/heroImageCard.tsx"],"sourcesContent":[null],"names":["HeroImageCard","forwardRef","props","ref","_jsx","HeroImageCardStyled","children","HeroImageCardComponent","Object","assign","styled","MuiCard","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"wSA8Ga,MAAAA,EAAgBC,GAAsC,CAACC,EAAOC,IAEvEC,EAACC,EAAmB,CAACF,IAAKA,EACxBG,SAAAF,EAACG,EAA2BC,OAAAC,OAAA,CAAA,EAAAP,QAS5BG,EAAsBK,EAAOC,EAAwD;WAC/ET,GACkC,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YACpEX,EAAMY,MAAMC,QAAQC,OAAOC,OACzBf,EAAMI,SAASJ,MAAMW,YACvBX,EAAMY,MAAMC,QAAQC,OAAOE;IAGnChB,IACD,GAAIA,EAAMY,MAAMK,MAAMC,aACpB,MAAO,mBACR;;uBAGmBlB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOC;MAC1DrB,GACwC,UAArCA,EAAMI,SAASJ,MAAMsB,YAChB,gBACK;;uBAGItB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;MAC1DvB,GACwC,UAArCA,EAAMI,SAASJ,MAAMsB,YAChB,gBACK;;IAGftB,IACD,GAAIA,EAAMI,SAASJ,MAAMwB,eACvB,MAAO,qBACR;;yBAGqBxB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;;2BAIvCvB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;UAG1DzB,IACD,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACvB,MAAO,oCACR;;2BAGiBtB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;UAG1DvB,IACD,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACvB,MAAO,oCACR;;eAGKtB,GACkC,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YACpEX,EAAMY,MAAMC,QAAQC,OAAOC,MAEK,aAArCf,EAAMI,SAASJ,MAAMW,YAChBX,EAAMY,MAAMC,QAAQC,OAAOE,WADpC;;;;;yBAQkBhB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKvCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKzCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;;;MAO9DzB,GACM0B,EAAiC1B,EAAMI,SAASJ,MAAMU,aAAc;;MAG1EV,GACM2B,EAAgC3B,EAAMI,SAASJ,MAAMW,YAAa;;"}
+{"version":3,"file":"heroImageCard.js","sources":["../../../src/organisms/heroImageCard/heroImageCard.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport HeroImageCardComponent from './heroImageCardComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const HeroImageCard = forwardRef((props, ref) => {\n    return (_jsx(HeroImageCardStyled, { ref: ref, children: _jsx(HeroImageCardComponent, Object.assign({}, props)) }));\n});\n/**\n * @description Hero Image Card styling definition based on props\n */\nconst HeroImageCardStyled = styled(MuiCard) `\r\n  color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.common.black;\n    }\n    else if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.common.white;\n    }\n    else\n        return props.theme.palette.common.white;\n}};\r\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\r\n  height: 500px;\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n    ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'height: 340px';\n    }\n    else\n        return 'height: 440px';\n}}\r\n  }\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n    ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'height: 400px';\n    }\n    else\n        return 'height: 500px';\n}}\r\n  }\r\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\r\n  .CardImageText {\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n      max-width: 540px;\r\n    }\r\n    .CardImageTitle {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        font-size: 38px;\r\n        line-height: 48px;\r\n        ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'font-size: 27px; line-height: 32px';\n    }\n}};\r\n      }\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n        font-size: 44px;\r\n        line-height: 52px;\r\n        ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'font-size: 30px; line-height: 36px';\n    }\n}};\r\n      }\r\n      color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.common.black;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.common.white;\n    }\n}};\r\n    }\r\n  }\r\n  .CardImageButtons {\r\n    gap: 12px 16px;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n    }\r\n    .cta-button {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n      }\r\n    }\r\n    .cta-button button {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  .CardImageOverlayTheme {\r\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n  }\r\n`;\n//# sourceMappingURL=heroImageCard.js.map"],"names":["HeroImageCard","forwardRef","props","ref","_jsx","HeroImageCardStyled","children","HeroImageCardComponent","Object","assign","styled","MuiCard","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"wSAaY,MAACA,EAAgBC,GAAW,CAACC,EAAOC,IACpCC,EAAKC,EAAqB,CAAEF,IAAKA,EAAKG,SAAUF,EAAKG,EAAwBC,OAAOC,OAAO,CAAA,EAAIP,QAKrGG,EAAsBK,EAAOC,EAAS;WAChCT,GACkC,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YAClEX,EAAMY,MAAMC,QAAQC,OAAOC,OAE7Bf,EAAMI,SAASJ,MAAMW,YACnBX,EAAMY,MAAMC,QAAQC,OAAOE;IAKrChB,IACD,GAAIA,EAAMY,MAAMK,MAAMC,aAClB,MAAO,mBACV;;uBAGmBlB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOC;MAC1DrB,GACsC,UAArCA,EAAMI,SAASJ,MAAMsB,YACd,gBAGA;;uBAGStB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;MAC1DvB,GACsC,UAArCA,EAAMI,SAASJ,MAAMsB,YACd,gBAGA;;IAGVtB,IACD,GAAIA,EAAMI,SAASJ,MAAMwB,eACrB,MAAO,qBACV;;yBAGqBxB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;;2BAIvCvB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;UAG1DzB,IACP,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACrB,MAAO,oCACV;;2BAGuBtB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;UAG1DvB,IACP,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACrB,MAAO,oCACV;;eAGWtB,GAC8B,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YAClEX,EAAMY,MAAMC,QAAQC,OAAOC,MAEG,aAArCf,EAAMI,SAASJ,MAAMW,YACdX,EAAMY,MAAMC,QAAQC,OAAOE,WADtC;;;;;yBAQsBhB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKvCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKzCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;;;MAO9DzB,GACI0B,EAAiC1B,EAAMI,SAASJ,MAAMU,aAAc;;MAGxEV,GACI2B,EAAgC3B,EAAMI,SAASJ,MAAMW,YAAa;;"}

package/organisms/heroImageCard/heroImageCardComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"heroImageCardComponent.js","sources":["../../../src/organisms/heroImageCard/heroImageCardComponent.tsx"],"sourcesContent":[null],"names":["HeroImageCardComponent","label","title","firstButtonObject","secondButtonObject","thirdButtonObject","videoUrl","desktopImage","laptopImage","tabletImage","mobileImage","altImageDescription","playPauseCallback","videoRef","useRef","themeBreakpoint","useTheme","_jsxs","_Fragment","children","_jsx","className","Label","handleMaxCharsInHTML","ButtonCardComponent","buttonObject","compact","ref","loop","muted","autoPlay","src","encodeURI","type","media","breakpoints","values","xl","srcSet","lg","md","alt","VideoCardController"],"mappings":"mXAQA,MAAMA,EAAwC,EAC5CC,QACAC,QACAC,oBACAC,qBACAC,oBACAC,WACAC,eACAC,cACAC,cACAC,cACAC,sBACAC,wBAEA,MAAMC,EAAWC,EAAO,MAClBC,EAAkBC,IAExB,OACEC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAAK,MAAA,CAAAC,UAAU,0BACfJ,EAAK,MAAA,CAAAI,UAAU,0BACbJ,EAAK,MAAA,CAAAI,UAAU,kBACbF,SAAA,CAAAC,EAACE,EAAK,CAACD,UAAU,iBAAgBF,SAAEI,EAAqBtB,EAAO,MAC/DmB,EAAA,KAAA,CAAIC,UAAU,iBAAgBF,SAAEI,EAAqBrB,EAAO,SAE9De,EAAK,MAAA,CAAAI,UAAU,mBACZF,SAAA,EAAAhB,aAAiB,EAAjBA,EAAmBF,QAClBmB,EAACI,EAAoB,CAAAH,UAAU,mBAAmBI,aAActB,EAAmBuB,SAAS,KAE7FtB,aAAA,EAAAA,EAAoBH,QACnBmB,EAACI,EAAoB,CAAAH,UAAU,mBAAmBI,aAAcrB,EAAoBsB,SAAS,KAE9FrB,aAAA,EAAAA,EAAmBJ,QAClBmB,EAACI,EAAmB,CAACH,UAAU,mBAAmBI,aAAcpB,EAAmBqB,SAAS,UAIlGN,EAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC5Bb,EACCc,EAAAF,EAAA,CAAAC,SACEF,EAAO,QAAA,CAAAU,IAAKd,EAAUQ,UAAU,iBAAiBO,MAAI,EAACC,OAAK,EAACC,UAAQ,EAAAX,SAAA,CAClEC,EAAQ,SAAA,CAAAW,IAAKC,UAAU1B,GAAW2B,KAAK,cAAc,oDAKzDb,EAAK,MAAA,CAAAC,UAAU,mBAAkBF,SAC/BF,EACE,UAAA,CAAAE,SAAA,CAAAC,EAAA,SAAA,CAAQc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOC,QAASC,OAAQ/B,IAClFa,EAAQ,SAAA,CAAAc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOG,QAASD,OAAQ9B,IAClFY,EAAA,SAAA,CAAQc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOI,QAASF,OAAQ7B,IAClFW,EAAK,MAAA,CAAAW,IAAKrB,EAAa+B,IAAK9B,WAKnCL,GAAYc,EAACsB,EAAmB,CAAC9B,kBAAmBA,EAAmBC,SAAUA,MAEpF"}
+{"version":3,"file":"heroImageCardComponent.js","sources":["../../../src/organisms/heroImageCard/heroImageCardComponent.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useRef } from 'react';\nimport { Label } from '../../components/label';\nimport VideoCardController from './videoCardController';\nimport { useTheme } from '@mui/material/styles';\nimport { handleMaxCharsInHTML } from '../../utils/utilities';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nconst HeroImageCardComponent = ({ label, title, firstButtonObject, secondButtonObject, thirdButtonObject, videoUrl, desktopImage, laptopImage, tabletImage, mobileImage, altImageDescription, playPauseCallback, }) => {\n    const videoRef = useRef(null);\n    const themeBreakpoint = useTheme();\n    return (_jsxs(_Fragment, { children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsxs(\"div\", { className: \"CardImageText\", children: [_jsxs(\"div\", { className: \"CardImageHeader\", children: [_jsx(Label, { className: \"CardImageLabel\", children: handleMaxCharsInHTML(label, 30) }), _jsx(\"h2\", { className: \"CardImageTitle\", children: handleMaxCharsInHTML(title, 50) })] }), _jsxs(\"div\", { className: \"CardImageButtons\", children: [(firstButtonObject === null || firstButtonObject === void 0 ? void 0 : firstButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: firstButtonObject, compact: true })), (secondButtonObject === null || secondButtonObject === void 0 ? void 0 : secondButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: secondButtonObject, compact: true })), (thirdButtonObject === null || thirdButtonObject === void 0 ? void 0 : thirdButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: thirdButtonObject, compact: true }))] })] }), _jsx(\"div\", { className: \"CardImageMedia\", children: videoUrl ? (_jsx(_Fragment, { children: _jsxs(\"video\", { ref: videoRef, className: \"CardImageVideo\", loop: true, muted: true, autoPlay: true, children: [_jsx(\"source\", { src: encodeURI(videoUrl), type: \"video/mp4\" }), \"Your browser does not support the video tag.\"] }) })) : (_jsx(\"div\", { className: \"CardImagePicture\", children: _jsxs(\"picture\", { children: [_jsx(\"source\", { media: `(min-width: ${themeBreakpoint.breakpoints.values.xl}px)`, srcSet: desktopImage }), _jsx(\"source\", { media: `(min-width: ${themeBreakpoint.breakpoints.values.lg}px)`, srcSet: laptopImage }), _jsx(\"source\", { media: `(min-width: ${themeBreakpoint.breakpoints.values.md}px)`, srcSet: tabletImage }), _jsx(\"img\", { src: mobileImage, alt: altImageDescription })] }) })) }), videoUrl && _jsx(VideoCardController, { playPauseCallback: playPauseCallback, videoRef: videoRef })] }));\n};\nexport default HeroImageCardComponent;\n//# sourceMappingURL=heroImageCardComponent.js.map"],"names":["HeroImageCardComponent","label","title","firstButtonObject","secondButtonObject","thirdButtonObject","videoUrl","desktopImage","laptopImage","tabletImage","mobileImage","altImageDescription","playPauseCallback","videoRef","useRef","themeBreakpoint","useTheme","_jsxs","_Fragment","children","_jsx","className","Label","handleMaxCharsInHTML","ButtonCardComponent","buttonObject","compact","ref","loop","muted","autoPlay","src","encodeURI","type","media","breakpoints","values","xl","srcSet","lg","md","alt","VideoCardController"],"mappings":"mXAOK,MAACA,EAAyB,EAAGC,QAAOC,QAAOC,oBAAmBC,qBAAoBC,oBAAmBC,WAAUC,eAAcC,cAAaC,cAAaC,cAAaC,sBAAqBC,wBAC1L,MAAMC,EAAWC,EAAO,MAClBC,EAAkBC,IACxB,OAAQC,EAAMC,EAAW,CAAEC,SAAU,CAACC,EAAK,MAAO,CAAEC,UAAW,0BAA4BJ,EAAM,MAAO,CAAEI,UAAW,gBAAiBF,SAAU,CAACF,EAAM,MAAO,CAAEI,UAAW,kBAAmBF,SAAU,CAACC,EAAKE,EAAO,CAAED,UAAW,iBAAkBF,SAAUI,EAAqBtB,EAAO,MAAQmB,EAAK,KAAM,CAAEC,UAAW,iBAAkBF,SAAUI,EAAqBrB,EAAO,SAAYe,EAAM,MAAO,CAAEI,UAAW,mBAAoBF,SAAU,EAAEhB,aAA6D,EAASA,EAAkBF,QAAWmB,EAAKI,EAAqB,CAAEH,UAAW,mBAAoBI,aAActB,EAAmBuB,SAAS,KAAWtB,aAA+D,EAASA,EAAmBH,QAAWmB,EAAKI,EAAqB,CAAEH,UAAW,mBAAoBI,aAAcrB,EAAoBsB,SAAS,KAAWrB,aAA6D,EAASA,EAAkBJ,QAAWmB,EAAKI,EAAqB,CAAEH,UAAW,mBAAoBI,aAAcpB,EAAmBqB,SAAS,UAAkBN,EAAK,MAAO,CAAEC,UAAW,iBAAkBF,SAAUb,EAAYc,EAAKF,EAAW,CAAEC,SAAUF,EAAM,QAAS,CAAEU,IAAKd,EAAUQ,UAAW,iBAAkBO,MAAM,EAAMC,OAAO,EAAMC,UAAU,EAAMX,SAAU,CAACC,EAAK,SAAU,CAAEW,IAAKC,UAAU1B,GAAW2B,KAAM,cAAgB,oDAA0Db,EAAK,MAAO,CAAEC,UAAW,mBAAoBF,SAAUF,EAAM,UAAW,CAAEE,SAAU,CAACC,EAAK,SAAU,CAAEc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOC,QAASC,OAAQ/B,IAAiBa,EAAK,SAAU,CAAEc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOG,QAASD,OAAQ9B,IAAgBY,EAAK,SAAU,CAAEc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOI,QAASF,OAAQ7B,IAAgBW,EAAK,MAAO,CAAEW,IAAKrB,EAAa+B,IAAK9B,WAAmCL,GAAYc,EAAKsB,EAAqB,CAAE9B,kBAAmBA,EAAmBC,SAAUA,MAAiB"}

package/organisms/heroImageCard/videoCardController.js.map

@@ -1 +1 @@
-{"version":3,"file":"videoCardController.js","sources":["../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":[null],"names":["VideoCardController","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","theme","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","breakpoints","values","md","style","transitionDelay","opacity","_jsx","VideoControllerStyled","ref","onClick","children","Icon","className","styled","up","Object","assign","position","zIndex","cursor","bottom","right","width","height","borderRadius","textAlign","border","palette","background","primary","display","flexDirection","alignItems","justifyContent","color","fontSize","down","left","top","transform","transitionDuration","transitionProperty","transitionTimingFunction","margin"],"mappings":"yPAgBM,MAAAA,EAAsD,EAAGC,WAAUC,wBACvE,MAAOC,EAAUC,GAAeC,GAAS,GACnCC,EAAqBC,EAAO,MAC5BC,EAAQC,IAGRC,EAAkBC,GACrBC,IACKT,GACFD,GAAqBA,EAAkB,OAAQU,GAC/CX,EAASY,QAAQC,SAEjBZ,GAAqBA,EAAkB,QAASU,GAChDX,EAASY,QAAQE,SAEnBX,GAAaD,EAAS,GAExB,CAACA,EAAUD,EAAmBD,IA2BhC,OAvBAe,GAAU,KACJC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,KAC/CpB,EAASY,QAAQE,QACjBX,GAAY,GACb,GACA,CAACH,EAAUO,EAAMW,YAAYC,OAAOC,KAGvCL,GAAU,KACJC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,GAC3ClB,GACFG,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAE3ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAG7ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,EAC5C,GACA,CAACrB,EAAUK,EAAMW,YAAYC,OAAOC,KAGrCI,EAACC,EAAsB,CAAAC,IAAKrB,EAAoBsB,QAAUhB,GAAUF,EAAgBE,GAClFiB,SAAAJ,EAAA,MAAA,CAAAI,SACEJ,EAACK,EAAI,CAACC,UAAW5B,EAAW,aAAe,aAG/C,EAGEuB,EAAwBM,EAAO,MAAPA,EAA+B,EAAGxB,YAC9D,IAAIc,EAAQ,CAAA,EA+DZ,OA9DAA,EAAQ,CACN,CAACd,EAAMW,YAAYc,GAAG,OACjBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAb,GACH,CAAAc,SAAU,WACVC,OAAQ,IACRC,OAAQ,UACRC,OAAQ,OACRC,MAAO,OACP,UAAW,CACTC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAIhB,CAAC9C,EAAMW,YAAYoC,KAAK,OAAQ,CAC9BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXnC,gBAAiB,KACjBoC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACTzB,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRoB,OAAQ,SACRnB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKXhC,CAAK"}
+{"version":3,"file":"videoCardController.js","sources":["../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { Icon } from '../../components/icon';\nimport styled from '@emotion/styled';\nimport { useTheme } from '@mui/material/styles';\nconst VideoCardController = ({ videoRef, playPauseCallback }) => {\n    const [isPaused, setIsPaused] = useState(false);\n    const videoControllerRef = useRef(null);\n    const theme = useTheme();\n    //When the videoController is clicked, pause or play the video\n    const handlePlayClick = useCallback((event) => {\n        if (isPaused) {\n            playPauseCallback && playPauseCallback('play', event);\n            videoRef.current.play();\n        }\n        else {\n            playPauseCallback && playPauseCallback('pause', event);\n            videoRef.current.pause();\n        }\n        setIsPaused(!isPaused);\n    }, [isPaused, playPauseCallback, videoRef]);\n    //set the video puased as default if we are on mobile view\n    useEffect(() => {\n        if (window.innerWidth < theme.breakpoints.values.md) {\n            videoRef.current.pause();\n            setIsPaused(true);\n        }\n    }, [videoRef, theme.breakpoints.values.md]);\n    //Add the transition effect from play to pause if on mobile view\n    useEffect(() => {\n        if (window.innerWidth < theme.breakpoints.values.md) {\n            if (isPaused) {\n                videoControllerRef.current.style.transitionDelay = '0s';\n                videoControllerRef.current.style.opacity = 1;\n            }\n            else {\n                videoControllerRef.current.style.transitionDelay = '2s';\n                videoControllerRef.current.style.opacity = 0;\n            }\n        }\n        else {\n            videoControllerRef.current.style.transitionDelay = '0s';\n            videoControllerRef.current.style.opacity = 1;\n        }\n    }, [isPaused, theme.breakpoints.values.md]);\n    return (_jsx(VideoControllerStyled, { ref: videoControllerRef, onClick: (event) => handlePlayClick(event), children: _jsx(\"div\", { children: _jsx(Icon, { className: isPaused ? 'play-right' : 'pause' }) }) }));\n};\nconst VideoControllerStyled = styled('div')(({ theme }) => {\n    let style = {};\n    style = {\n        [theme.breakpoints.up('md')]: Object.assign(Object.assign({}, style), { position: 'absolute', zIndex: 1000, cursor: 'pointer', bottom: '24px', right: '24px', '& > div': {\n                width: '44px',\n                height: '44px',\n                borderRadius: '100%',\n                textAlign: 'center',\n                border: `2.5px solid ${theme.palette.background.primary}`,\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                '& > .MuiIcon-root': {\n                    color: theme.palette.background.primary,\n                    width: '20px',\n                    height: '20px',\n                    fontSize: '22px',\n                },\n            } }),\n        [theme.breakpoints.down('md')]: {\n            position: 'absolute',\n            zIndex: 1000,\n            left: '50%',\n            top: '50%',\n            width: '312px',\n            height: '132px',\n            transform: ' translate(-50%, -50%)',\n            transitionDelay: '2s',\n            transitionDuration: '0.3s',\n            transitionProperty: 'opacity',\n            transitionTimingFunction: 'ease-out',\n            '& > div': {\n                position: 'absolute',\n                left: '50%',\n                top: '50%',\n                transform: ' translate(-50%, -50%)',\n                width: '44px',\n                height: '44px',\n                margin: '0 auto',\n                borderRadius: '100%',\n                textAlign: 'center',\n                border: `2.5px solid ${theme.palette.background.primary}`,\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                '& > .MuiIcon-root': {\n                    color: theme.palette.background.primary,\n                    width: '20px',\n                    height: '20px',\n                    fontSize: '22px',\n                },\n            },\n        },\n    };\n    return style;\n});\nexport default VideoCardController;\n//# sourceMappingURL=videoCardController.js.map"],"names":["VideoCardController","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","theme","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","breakpoints","values","md","style","transitionDelay","opacity","_jsx","VideoControllerStyled","ref","onClick","children","Icon","className","styled","up","Object","assign","position","zIndex","cursor","bottom","right","width","height","borderRadius","textAlign","border","palette","background","primary","display","flexDirection","alignItems","justifyContent","color","fontSize","down","left","top","transform","transitionDuration","transitionProperty","transitionTimingFunction","margin"],"mappings":"yPAKK,MAACA,EAAsB,EAAGC,WAAUC,wBACrC,MAAOC,EAAUC,GAAeC,GAAS,GACnCC,EAAqBC,EAAO,MAC5BC,EAAQC,IAERC,EAAkBC,GAAaC,IAC7BT,GACAD,GAAqBA,EAAkB,OAAQU,GAC/CX,EAASY,QAAQC,SAGjBZ,GAAqBA,EAAkB,QAASU,GAChDX,EAASY,QAAQE,SAErBX,GAAaD,EAAS,GACvB,CAACA,EAAUD,EAAmBD,IAyBjC,OAvBAe,GAAU,KACFC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,KAC7CpB,EAASY,QAAQE,QACjBX,GAAY,GACf,GACF,CAACH,EAAUO,EAAMW,YAAYC,OAAOC,KAEvCL,GAAU,KACFC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,GACzClB,GACAG,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAG3ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAI/ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,EAC9C,GACF,CAACrB,EAAUK,EAAMW,YAAYC,OAAOC,KAC/BI,EAAKC,EAAuB,CAAEC,IAAKrB,EAAoBsB,QAAUhB,GAAUF,EAAgBE,GAAQiB,SAAUJ,EAAK,MAAO,CAAEI,SAAUJ,EAAKK,EAAM,CAAEC,UAAW5B,EAAW,aAAe,aAAkB,EAE/MuB,EAAwBM,EAAO,MAAPA,EAAc,EAAGxB,YAC3C,IAAIc,EAAQ,CAAA,EAuDZ,OAtDAA,EAAQ,CACJ,CAACd,EAAMW,YAAYc,GAAG,OAAQC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIb,GAAQ,CAAEc,SAAU,WAAYC,OAAQ,IAAMC,OAAQ,UAAWC,OAAQ,OAAQC,MAAO,OAAQ,UAAW,CACjKC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAGtB,CAAC9C,EAAMW,YAAYoC,KAAK,OAAQ,CAC5BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXnC,gBAAiB,KACjBoC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACPzB,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRoB,OAAQ,SACRnB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKnBhC,CAAK"}

package/organisms/maps/hook/useMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMap.js","sources":["../../../../src/organisms/maps/hook/useMap.ts"],"sourcesContent":[null],"names":["useMap","handleIconType","useCallback","marker","isSelected","isHover","selectedIconHover","selectedIcon","selectedLocationMedium","resultIconHover","resultIcon","resultMarkerSmall","renderer","render","count","position","google","maps","Marker","label","text","String","color","fontSize","fontWeight","icon","MapIconVariant","CLUSTER","onMarkerClick","markerId","registeredMarkers","forEach","item","isClickedMarker","id","iconType","setIcon","handleClusterRender","currentMap","setClickedCluster","markerClusterOptions","map","markers","onClusterClick","_","cluster","fitBounds","bounds","MarkerClusterer","Object","assign"],"mappings":"uUAMM,MAAAA,EAAS,KAEb,MAAMC,EAAiBC,GAAY,CAACC,EAAQC,EAAYC,IAClDD,EACKC,GAAWF,EAAOG,kBACrBH,EAAOG,kBACPH,EAAOI,cAAgBC,EAEpBH,GAAWF,EAAOM,gBAAkBN,EAAOM,gBAAkBN,EAAOO,YAAcC,GAE1F,IAcGC,EAAW,CACfC,OAAM,EAACC,MAAEA,EAAKC,SAAEA,KACP,IAAIC,OAAOC,KAAKC,OAAO,CAC5BC,MAAO,CAAEC,KAAMC,OAAOP,GAAQQ,MAAO,QAASC,SAAU,OAAQC,WAAY,QAC5ET,WACAU,KAAMC,EAAeC,WAoB3B,MAAO,CACLC,cArCoB,CAACC,EAAUC,KAC3BD,GACFC,EAAkBC,SAASC,IACzB,MAAMC,EAAkBD,EAAKE,KAAOL,EAC9BM,EAAWlC,EAAe+B,EAAMC,GAAiB,GACvDD,EAAKI,QAAQD,EAAS,GAEzB,EA+BDE,oBAhB0B,CAACP,EAAmBQ,EAAYC,KAC1D,GAAIT,GAAqBQ,EAAY,CACnC,MAAME,EAAuB,CAC3BC,IAAKH,EACLI,QAASZ,EACTa,eAAgB,CAACC,EAA8BC,EAAkBJ,KAC/DF,GAAkB,GAClBE,EAAIK,UAAUD,EAAQE,OAAO,GAGjC,OAAO,IAAIC,EAAeC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMV,GAAsB,CAAA5B,aACvD,GAMDX,iBACD"}
+{"version":3,"file":"useMap.js","sources":["../../../../src/organisms/maps/hook/useMap.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { MarkerClusterer } from '@googlemaps/markerclusterer';\nimport resultMarkerSmall from '../../../design/skoda/assets/images/maps/result_marker_small.svg';\nimport selectedLocationMedium from '../../../design/skoda/assets/images/maps/selected_location_pin_medium.svg';\nimport { MapIconVariant } from '../utils/mapIcons';\nconst useMap = () => {\n    //HANDLE THE ICON TYPE FOR THE MARKER\n    const handleIconType = useCallback((marker, isSelected, isHover) => {\n        if (isSelected) {\n            return isHover && marker.selectedIconHover\n                ? marker.selectedIconHover\n                : marker.selectedIcon || selectedLocationMedium;\n        }\n        else {\n            return isHover && marker.resultIconHover ? marker.resultIconHover : marker.resultIcon || resultMarkerSmall;\n        }\n    }, []);\n    //Change the icon to selected if clicked and make unselected the previous one\n    const onMarkerClick = (markerId, registeredMarkers) => {\n        if (markerId) {\n            registeredMarkers.forEach((item) => {\n                const isClickedMarker = item.id === markerId;\n                const iconType = handleIconType(item, isClickedMarker, false);\n                item.setIcon(iconType);\n            });\n        }\n    };\n    //RETURN THE CONFIGURATION FOR THE CLUSTER MARKER ICON\n    const renderer = {\n        render({ count, position }) {\n            return new google.maps.Marker({\n                label: { text: String(count), color: 'white', fontSize: '19px', fontWeight: 'bold' },\n                position,\n                icon: MapIconVariant.CLUSTER,\n            });\n        },\n    };\n    //ADD THE CLUSTER MARKERS TO THE MAP\n    const handleClusterRender = (registeredMarkers, currentMap, setClickedCluster) => {\n        if (registeredMarkers && currentMap) {\n            const markerClusterOptions = {\n                map: currentMap,\n                markers: registeredMarkers,\n                onClusterClick: (_, cluster, map) => {\n                    setClickedCluster(true);\n                    map.fitBounds(cluster.bounds);\n                },\n            };\n            return new MarkerClusterer(Object.assign(Object.assign({}, markerClusterOptions), { renderer }));\n        }\n    };\n    return {\n        onMarkerClick,\n        handleClusterRender,\n        handleIconType,\n    };\n};\nexport default useMap;\n//# sourceMappingURL=useMap.js.map"],"names":["useMap","handleIconType","useCallback","marker","isSelected","isHover","selectedIconHover","selectedIcon","selectedLocationMedium","resultIconHover","resultIcon","resultMarkerSmall","renderer","render","count","position","google","maps","Marker","label","text","String","color","fontSize","fontWeight","icon","MapIconVariant","CLUSTER","onMarkerClick","markerId","registeredMarkers","forEach","item","isClickedMarker","id","iconType","setIcon","handleClusterRender","currentMap","setClickedCluster","markerClusterOptions","map","markers","onClusterClick","_","cluster","fitBounds","bounds","MarkerClusterer","Object","assign"],"mappings":"uUAKK,MAACA,EAAS,KAEX,MAAMC,EAAiBC,GAAY,CAACC,EAAQC,EAAYC,IAChDD,EACOC,GAAWF,EAAOG,kBACnBH,EAAOG,kBACPH,EAAOI,cAAgBC,EAGtBH,GAAWF,EAAOM,gBAAkBN,EAAOM,gBAAkBN,EAAOO,YAAcC,GAE9F,IAYGC,EAAW,CACbC,OAAM,EAACC,MAAEA,EAAKC,SAAEA,KACL,IAAIC,OAAOC,KAAKC,OAAO,CAC1BC,MAAO,CAAEC,KAAMC,OAAOP,GAAQQ,MAAO,QAASC,SAAU,OAAQC,WAAY,QAC5ET,WACAU,KAAMC,EAAeC,WAkBjC,MAAO,CACHC,cAlCkB,CAACC,EAAUC,KACzBD,GACAC,EAAkBC,SAASC,IACvB,MAAMC,EAAkBD,EAAKE,KAAOL,EAC9BM,EAAWlC,EAAe+B,EAAMC,GAAiB,GACvDD,EAAKI,QAAQD,EAAS,GAE7B,EA4BDE,oBAfwB,CAACP,EAAmBQ,EAAYC,KACxD,GAAIT,GAAqBQ,EAAY,CACjC,MAAME,EAAuB,CACzBC,IAAKH,EACLI,QAASZ,EACTa,eAAgB,CAACC,EAAGC,EAASJ,KACzBF,GAAkB,GAClBE,EAAIK,UAAUD,EAAQE,OAAO,GAGrC,OAAO,IAAIC,EAAgBC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEV,GAAuB,CAAE5B,aACvF,GAKDX,iBACH"}