@skodaflow/web-library 4.1.0 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"HeroCarouselSlide.js","sources":["../../../../../../src/organisms/carousel2/heroCarousel/HeroCarouselSlide.tsx"],"sourcesContent":[null],"names":["useActivateFooter","containerRef","footer","emblaApi","setActiveFooter","useContext","HeroCarouselContext","activateFooter","useCallback","slideIndex","selectedScrollSnap","activeSlide","slideNodes","useEffect","e","on","off","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","useRef","current","_jsx","Box","ref","sx","flexBasis","_a","width","children","_jsxs","component","display","position","height","media","breakpoints","values","xl","srcSet","jsx","lg","md","sm","xs","objectFit","src","alt"],"mappings":"kLAea,MA8CPA,EAAoB,CAACC,EAA8BC,KACvD,MAAMC,SAAEA,EAAQC,gBAAEA,GAAoBC,EAAUA,WAACC,EAAmBA,qBAE9DC,EAAiBC,EAAAA,aAAY,KACjC,GAAIL,EAAU,CACZ,MAAMM,EAAaN,EAASO,qBAEtBC,EADSR,EAASS,aACGH,GACvBR,IAAiBU,GACnBP,EAAgBF,EAEnB,IACA,CAACA,EAAQE,EAAiBD,IAE7BU,EAAAA,WAAU,KACR,GAAIV,EAAU,CACZ,MAAMW,EAAI,IAAMP,IAEhB,OADAJ,EAASY,GAAG,SAAUD,GACf,KACLX,EAASa,IAAI,SAAUF,EAAE,CAE5B,IACA,GAAGX,IAENU,EAAAA,UAAUN,EAAgB,CAACJ,GAAU,4BAtE6Bc,UAClE,MAAMC,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBJ,EAAMG,UACnCE,EAAWD,EAAAA,kBAAkBJ,EAAMK,UAEnCrB,EAAesB,SAAO,MAG5B,OAFAvB,EAAkBC,EAAauB,QAASP,EAAMf,QAG5CuB,MAACC,EAAGA,IAAA,CACFC,IAAK1B,EACL2B,GAAI,CACF,KAAM,CACJC,kBAAWC,EAAAb,EAAMc,qBAAS,SAGlB,cAAA,iBAEZC,SAAAC,EAAAA,KAACP,EAAAA,IAAG,CACFQ,UAAU,UACVN,GAAI,CACFO,QAAS,OACTC,SAAU,WACVC,OAAQ,QAGVL,SAAA,CAAAP,EAAAA,IAAA,SAAA,CAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOC,QAASC,OAAQtB,EAASqB,KACjFhB,EAAQkB,IAAA,SAAA,CAAAL,MAAO,eAAepB,EAAMqB,YAAYC,OAAOI,QAASF,OAAQtB,EAASwB,KACjFnB,EAAAA,cAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOK,QAASH,OAAQtB,EAASyB,KACjFpB,MAAA,SAAA,CAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOM,QAASJ,OAAQtB,EAAS0B,KACjFrB,EAAQkB,IAAA,SAAA,CAAAL,MAAO,eAAepB,EAAMqB,YAAYC,OAAOM,QAASJ,OAAQtB,EAAS2B,KACjFtB,EAAAA,IAACC,EAAAA,IAAG,CACFQ,UAAU,MACVN,GAAI,CACFS,OAAQ,OACRN,MAAO,OACPiB,UAAW1B,QAAAA,EAAY,SAEzB2B,IAAK7B,EAAS2B,GACdG,IAAKjC,EAAMiC,UAIjB"}
+{"version":3,"file":"HeroCarouselSlide.js","sources":["../../../../../src/organisms/carousel2/heroCarousel/HeroCarouselSlide.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, useTheme } from '@mui/material';\nimport { useCallback, useContext, useEffect, useRef } from 'react';\nimport { useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { HeroCarouselContext } from './heroCarouselContext';\nexport const HeroCarouselSlide = (props) => {\n    var _a;\n    const theme = useTheme();\n    const imageSrc = useResponsiveProp(props.imageSrc);\n    const imageFit = useResponsiveProp(props.imageFit);\n    const containerRef = useRef(null);\n    useActivateFooter(containerRef.current, props.footer);\n    return (_jsx(Box, { ref: containerRef, sx: {\n            '&&': {\n                flexBasis: (_a = props.width) !== null && _a !== void 0 ? _a : '100%',\n            },\n        }, \"data-testid\": \"Carousel.slide\", children: _jsxs(Box, { component: \"picture\", sx: {\n                display: 'flex',\n                position: 'relative',\n                height: '100%',\n            }, 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\", sx: {\n                        height: '100%',\n                        width: '100%',\n                        objectFit: imageFit !== null && imageFit !== void 0 ? imageFit : 'cover',\n                    }, src: imageSrc.xs, alt: props.alt })] }) }));\n};\nconst useActivateFooter = (containerRef, footer) => {\n    const { emblaApi, setActiveFooter } = useContext(HeroCarouselContext);\n    const activateFooter = useCallback(() => {\n        if (emblaApi) {\n            const slideIndex = emblaApi.selectedScrollSnap();\n            const slides = emblaApi.slideNodes();\n            const activeSlide = slides[slideIndex];\n            if (containerRef === activeSlide) {\n                setActiveFooter(footer);\n            }\n        }\n    }, [footer, setActiveFooter, emblaApi]);\n    useEffect(() => {\n        if (emblaApi) {\n            const e = () => activateFooter();\n            emblaApi.on('select', e);\n            return () => {\n                emblaApi.off('select', e);\n            };\n        }\n    }, [!!emblaApi]);\n    useEffect(activateFooter, [emblaApi]);\n};\n//# sourceMappingURL=HeroCarouselSlide.js.map"],"names":["useActivateFooter","containerRef","footer","emblaApi","setActiveFooter","useContext","HeroCarouselContext","activateFooter","useCallback","slideIndex","selectedScrollSnap","activeSlide","slideNodes","useEffect","e","on","off","props","_a","theme","useTheme","imageSrc","useResponsiveProp","imageFit","useRef","current","_jsx","jsx","Box","ref","sx","flexBasis","width","children","_jsxs","component","display","position","height","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","objectFit","src","alt"],"mappings":"kLAKY,MAqBNA,EAAoB,CAACC,EAAcC,KACrC,MAAMC,SAAEA,EAAQC,gBAAEA,GAAoBC,EAAUA,WAACC,EAAmBA,qBAC9DC,EAAiBC,EAAAA,aAAY,KAC/B,GAAIL,EAAU,CACV,MAAMM,EAAaN,EAASO,qBAEtBC,EADSR,EAASS,aACGH,GACvBR,IAAiBU,GACjBP,EAAgBF,EAEvB,IACF,CAACA,EAAQE,EAAiBD,IAC7BU,EAAAA,WAAU,KACN,GAAIV,EAAU,CACV,MAAMW,EAAI,IAAMP,IAEhB,OADAJ,EAASY,GAAG,SAAUD,GACf,KACHX,EAASa,IAAI,SAAUF,EAAE,CAEhC,IACF,GAAGX,IACNU,EAAAA,UAAUN,EAAgB,CAACJ,GAAU,4BA1CPc,IAC9B,IAAIC,EACJ,MAAMC,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBL,EAAMI,UACnCE,EAAWD,EAAAA,kBAAkBL,EAAMM,UACnCtB,EAAeuB,SAAO,MAE5B,OADAxB,EAAkBC,EAAawB,QAASR,EAAMf,QACtCwB,EAAIC,IAACC,EAAGA,IAAE,CAAEC,IAAK5B,EAAc6B,GAAI,CACnC,KAAM,CACFC,UAAkC,QAAtBb,EAAKD,EAAMe,aAA0B,IAAPd,EAAgBA,EAAK,SAEpE,cAAe,iBAAkBe,SAAUC,EAAAA,KAAMN,EAAAA,IAAK,CAAEO,UAAW,UAAWL,GAAI,CAC7EM,QAAS,OACTC,SAAU,WACVC,OAAQ,QACTL,SAAU,CAACP,EAAAA,IAAK,SAAU,CAAEa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOC,QAASC,OAAQtB,EAASqB,KAAOhB,EAAIC,IAAC,SAAU,CAAEY,MAAO,eAAepB,EAAMqB,YAAYC,OAAOG,QAASD,OAAQtB,EAASuB,KAAOlB,EAAAA,IAAK,SAAU,CAAEa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOI,QAASF,OAAQtB,EAASwB,KAAOnB,MAAK,SAAU,CAAEa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOK,QAASH,OAAQtB,EAASyB,KAAOpB,EAAIC,IAAC,SAAU,CAAEY,MAAO,eAAepB,EAAMqB,YAAYC,OAAOK,QAASH,OAAQtB,EAAS0B,KAAOrB,EAAAA,IAAKE,EAAAA,IAAK,CAAEO,UAAW,MAAOL,GAAI,CACzgBQ,OAAQ,OACRN,MAAO,OACPgB,UAAWzB,QAA2CA,EAAW,SAClE0B,IAAK5B,EAAS0B,GAAIG,IAAKjC,EAAMiC,UAAe"}

package/cjs/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/cjs/organisms/carousel2/heroCarousel/heroCarousel.js

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

package/cjs/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","useNumberingStyles","emblaApi","headingRef","viewportRef","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","useState","y","setY","updateNumberingPosition","useCallback","viewport","getBoundingClientRect","heading","md","right","left","sm","xs","height","_a","_b","window","innerWidth","useEffect","e","addEventListener","on","removeEventListener","off","top","backgroundColor","color","inProps","heroProps","merge","default","props","useDefaultProps","emblaRef","useEmbla","useRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","numberingStyles","current","_jsx","HeroCarouselContext","Provider","value","children","_jsxs","jsxs","Box","className","position","dir","slidesInView","Stack","component","Container","spacing","fixed","sx","ref","Typography","variant","ViewPort","width","xl","ItemsContainer","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"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 { NavButton } from '../components/NavButton';\nimport { Box, Container, 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","useNumberingStyles","emblaApi","headingRef","viewportRef","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","useState","y","setY","updateNumberingPosition","useCallback","_a","_b","viewport","getBoundingClientRect","heading","md","right","left","sm","xs","height","window","innerWidth","useEffect","e","addEventListener","on","removeEventListener","off","top","backgroundColor","color","inProps","heroProps","merge","default","props","useDefaultProps","emblaRef","useEmbla","useRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","numberingStyles","current","_jsx","jsx","HeroCarouselContext","Provider","value","children","_jsxs","Box","className","position","dir","slidesInView","sx","overflow","Stack","component","Container","spacing","fixed","ref","Typography","variant","jsxs","ViewPort","width","xl","ItemsContainer","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"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"}

package/cjs/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","default"],"mappings":"2HAUO,MAAMA,EAAsBC,EAAAA,cAAuC,CACxEC,aAAc,KACdC,gBAAiBC,EAAIC"}
+{"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","default"],"mappings":"2HAEY,MAACA,EAAsBC,EAAAA,cAAc,CAC7CC,aAAc,KACdC,gBAAiBC,EAAIC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useContainerPeek.js","sources":["../../../../../../src/organisms/carousel2/hooks/useContainerPeek.ts"],"sourcesContent":[null],"names":["emblaApi","direction","positions","containerLeft","setContainerLeft","useState","peekNextOnHover","useCallback","canScrollNext","canScrollPrev","_a","next","peekPrevOnHover","prev","resetPeek","useEffect","on"],"mappings":"6DAMgC,CAC9BA,EACAC,EACAC,KAEA,MAAOC,EAAeC,GAAoBC,EAAQA,WAE5CC,EAAkBC,EAAAA,aAAY,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,EAAAA,aAAY,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,EAAAA,aAAY,KAC5BH,EAAiB,MAAM,GACtB,CAACA,IAUJ,OARAW,EAAAA,WAAU,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":["emblaApi","direction","positions","containerLeft","setContainerLeft","useState","peekNextOnHover","useCallback","_a","canScrollNext","canScrollPrev","next","peekPrevOnHover","prev","resetPeek","useEffect","on"],"mappings":"6DAIgC,CAACA,EAAUC,EAAWC,KAClD,MAAOC,EAAeC,GAAoBC,EAAQA,WAC5CC,EAAkBC,EAAAA,aAAY,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,EAAAA,aAAY,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,EAAAA,aAAY,KAC1BH,EAAiB,MAAM,GACxB,CAACA,IAQJ,OAPAW,EAAAA,WAAU,KACFf,GACAA,EAASgB,GAAG,UAAU,KAClBZ,EAAiB,MAAM,GAE9B,GACF,CAACJ,IACG,CACHG,gBACAG,kBACAM,kBACAE,YACH"}

package/cjs/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","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":"oCAGA,MAAMA,EAAwB,CAC5BC,SAAU,aACVC,SAAU,cACVC,UAAW,UACXC,SAAU,SACVC,QAAS,WACTC,MAAO,gCAGuBC,IAC9B,MAAMC,EAAiBC,EAAAA,SAAQ,KAC7B,GAAIF,EAAMC,eACR,OAAOE,OAAOC,OAAO,CAAA,EAAIX,EAAuBO,EAAMC,eAExC,GACf,CAACD,EAAMC,iBAEV,OAAOC,EAAOA,SAAC,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","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":"oCACA,MAAMA,EAAwB,CAC1BC,SAAU,aACVC,SAAU,cACVC,UAAW,UACXC,SAAU,SACVC,QAAS,WACTC,MAAO,gCAEqBC,IAC5B,MAAMC,EAAiBC,EAAAA,SAAQ,KAC3B,GAAIF,EAAMC,eACN,OAAOE,OAAOC,OAAO,CAAA,EAAIX,EAAuBO,EAAMC,eAE1C,GACjB,CAACD,EAAMC,iBACV,OAAOC,EAAOA,SAAC,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/cjs/organisms/carousel2/hooks/useEmbla.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEmbla.js","sources":["../../../../../../src/organisms/carousel2/hooks/useEmbla.ts"],"sourcesContent":[null],"names":["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":"4NAMyBA,IACvB,MAAMC,EAAgBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAiBC,WACrB,IACEC,UAAS,CACPC,aAAYT,EAAMU,SAClBC,MAAOX,EAAMY,iBAEjB,CAACZ,EAAMU,WAGHG,EAAiCN,WACrC,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,UAAiBd,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":["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":"4NAIyBA,IACrB,MAAMC,EAAgBC,EAAaA,eAAEC,GAAUA,EAAMC,YAAYC,KAAK,QAChEC,EAAiBC,WAAQ,IAAMC,UAAS,CAC1CC,aAAYT,EAAMU,SAClBC,MAAOX,EAAMY,iBACb,CAACZ,EAAMU,WACLG,EAAeN,WAAQ,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,UAAiBd,EAAc,CAACP,GAAgB"}

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

@@ -1 +1 @@
-{"version":3,"file":"buttonCardComponent.js","sources":["../../../../../../src/organisms/common/buttonCardComponent/buttonCardComponent.tsx"],"sourcesContent":[null],"names":["buttonObject","compact","className","onClickButton","useCallback","button","callbackAnalytics","url","window","open","encodeURI","target","callback","_jsx","children","Button","onClick","variant","label","handleMaxChars"],"mappings":"qOAoBuD,EAAGA,eAAcC,UAASC,gBAC/E,MAAMC,EAAgBC,eAAaC,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,aAAKX,UAAWA,EACdY,SAAAD,MAACE,EAAAA,OACC,CAAAb,UAAU,aACVc,QAAS,IAAMb,EAAcH,GAC7BC,QAASA,EACTgB,QAASjB,EAAaiB,QACtBC,MAAOC,EAAcA,eAACnB,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":["buttonObject","compact","className","onClickButton","useCallback","button","callbackAnalytics","url","window","open","encodeURI","target","callback","_jsx","jsx","children","Button","onClick","variant","label","handleMaxChars"],"mappings":"qOAI4B,EAAGA,eAAcC,UAASC,gBAClD,MAAMC,EAAgBC,eAAaC,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,EAAIC,IAAC,MAAO,CAAEZ,UAAWA,EAAWa,SAAUF,MAAKG,EAAAA,OAAQ,CAAEd,UAAW,aAAce,QAAS,IAAMd,EAAcH,GAAeC,QAASA,EAASiB,QAASlB,EAAakB,QAASC,MAAOC,EAAcA,eAACpB,EAAamB,MAAO,OAAW"}

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

@@ -1 +1 @@
-{"version":3,"file":"infoTextCardComponent.js","sources":["../../../../../../src/organisms/common/infoTextCardComponent/infoTextCardComponent.tsx"],"sourcesContent":[null],"names":["infoText","infoTextSecond","infoTextThird","className","_jsxs","jsxs","children","_jsx","jsx","handleMaxChars"],"mappings":"gKAsB2D,EAAGA,WAAUC,iBAAgBC,gBAAeC,eAEnGC,EAAAC,KAAA,MAAA,CAAKF,UAAWA,EAASG,SAAA,CACtBN,GACCI,EAAAC,KAAA,OAAA,CAAMF,UAAU,gBACbG,SAAA,CAAAN,GACCC,GAAkBC,IAAkBK,EAAgBC,IAAA,OAAA,CAAAF,SAAA,WAGzDL,GACCG,EAAAA,KAAA,OAAA,CAAMD,UAAU,iBACbG,SAAA,CAAAL,EACAC,GAAiBK,EAAAC,IAAA,OAAA,CAAAF,SAAA,WAGrBJ,GACCK,EAAAA,IAAK,MAAA,CAAAJ,UAAU,yBAAwBG,SACrCC,EAAAA,IAAM,OAAA,CAAAJ,UAAU,gBAAiBG,SAAAG,EAAcA,eAACP,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":["infoText","infoTextSecond","infoTextThird","className","_jsxs","jsxs","children","_jsx","jsx","handleMaxChars"],"mappings":"gKAE8B,EAAGA,WAAUC,iBAAgBC,gBAAeC,eAC9DC,EAAKC,KAAC,MAAO,CAAEF,UAAWA,EAAWG,SAAU,CAACN,GAAaI,EAAKC,KAAC,OAAQ,CAAEF,UAAW,gBAAiBG,SAAU,CAACN,GAAWC,GAAkBC,IAAkBK,EAAIC,IAAC,OAAQ,CAAEF,SAAU,WAAeL,GAAmBG,EAAAA,KAAM,OAAQ,CAAED,UAAW,iBAAkBG,SAAU,CAACL,EAAgBC,GAAiBK,EAAIC,IAAC,OAAQ,CAAEF,SAAU,WAAeJ,GAAkBK,EAAAA,IAAK,MAAO,CAAEJ,UAAW,yBAA0BG,SAAUC,EAAAA,IAAK,OAAQ,CAAEJ,UAAW,gBAAiBG,SAAUG,EAAcA,eAACP,EAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"menuCardComponent.js","sources":["../../../../../../src/organisms/common/menuCardComponent/menuCardComponent.tsx"],"sourcesContent":[null],"names":["MenuCardStyled","styled","style","Object","assign","position","zIndex","cursor","top","width","height","right","fontSize","marginRight","_a","props","__rest","isOpen","setIsOpen","useState","anchorRef","useRef","setOpen","useCallback","setClosed","_jsxs","className","children","_jsx","Icon","ref","onClick","CardMenu","open","onClose"],"mappings":"iUAiDA,MAgBMA,OAAiBC,QAAO,MAAPA,EAA0B,KAC/C,IAAIC,EAAQ,CAAA,EAqBZ,OAnBAA,EACKC,OAAAC,OAAAD,OAAAC,OAAA,GAAAF,GACH,CAAAG,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,UAIVX,CAAK,oBAtCyCY,QAAKC,EAAKC,EAAAA,OAAAF,EAAV,IACrD,MAAOG,EAAQC,GAAaC,EAAQA,UAAC,GAC/BC,EAAYC,SAAwB,MAEpCC,EAAUC,EAAAA,aAAY,IAAML,GAAU,IAAO,IAE7CM,EAAYD,EAAAA,aAAY,IAAML,GAAU,IAAQ,IAEtD,OACEO,EAAAA,KAACzB,GAAe0B,UAAU,oBACxBC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,KAAK,CAAAC,IAAKV,EAAWW,QAAST,EAASI,UAAU,kBAClDE,EAAAA,IAACI,EAAAA,SAAQ7B,OAAAC,OAAA,CAAA,EAAKW,EAAO,CAAAkB,KAAMhB,EAAQiB,QAASV,EAAWJ,UAAWA,OAEpE"}
+{"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":["MenuCardStyled","styled","style","Object","assign","position","zIndex","cursor","top","width","height","right","fontSize","marginRight","_a","props","__rest","isOpen","setIsOpen","useState","anchorRef","useRef","setOpen","useCallback","setClosed","_jsxs","className","children","_jsx","Icon","ref","onClick","CardMenu","open","onClose"],"mappings":"iUAMK,MAQCA,OAAiBC,QAAO,MAAPA,EAAc,KACjC,IAAIC,EAAQ,CAAA,EAQZ,OAPAA,EAAQC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAQ,CAAEG,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,UAEdX,CAAK,oBAjBWY,IACvB,IAAIC,EAAQC,EAAAA,OAAOF,EAAI,IACvB,MAAOG,EAAQC,GAAaC,EAAQA,UAAC,GAC/BC,EAAYC,SAAO,MACnBC,EAAUC,EAAAA,aAAY,IAAML,GAAU,IAAO,IAC7CM,EAAYD,EAAAA,aAAY,IAAML,GAAU,IAAQ,IACtD,OAAQO,EAAAA,KAAMzB,EAAgB,CAAE0B,UAAW,oBAAqBC,SAAU,CAACC,EAAAA,IAAKC,EAAAA,KAAM,CAAEC,IAAKV,EAAWW,QAAST,EAASI,UAAW,kBAAoBE,EAAAA,IAAKI,EAAAA,SAAU7B,OAAOC,OAAO,CAAA,EAAIW,EAAO,CAAEkB,KAAMhB,EAAQiB,QAASV,EAAWJ,UAAWA,OAAmB"}

package/cjs/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" | "elevation" | "square" | "sx" | "variant" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     component?: import("react").ElementType<any>;
 } & {
     size?: string;

package/cjs/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":"gKAIa,MAAAA,EAA4BC,EAAMA,OAACC,UAAS,CACvDC,kBAAoBC,GAAkB,SAATA,GAA4B,mBAATA,GADTH,EAEuBI,IAAA,IAAAC,MAAEA,GAAiBD,EAAPE,EAAKC,EAAAA,OAAAH,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":"gKAGY,MAACA,EAA4BC,EAAMA,OAACC,UAAS,CACrDC,kBAAoBC,GAAkB,SAATA,GAA4B,mBAATA,GADXH,EAErCI,IACA,IAAIC,MAAEA,GAAUD,EAAIE,EAAQC,EAAAA,OAAOH,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/cjs/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/cjs/organisms/gallery/Gallery.js

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

package/cjs/organisms/gallery/Gallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gallery.js","sources":["../../../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":[null],"names":["GalleryBackdrop","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","display","justifyContent","flexDirection","GalleryItemContent","Box","width","height","overflow","alignItems","GalleryControlPanel","GalleryControlButton","IconButton","color","primary","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","jsxs","_jsx","component","onClick","sx","cursor","open","_Fragment","ref","flex","selectedScrollSnap","jsx","Stack","direction","spacing","xl","lg","md","sm","xs","size","disabled","Icon","className"],"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":["GalleryBackdrop","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","display","justifyContent","flexDirection","GalleryItemContent","Box","width","height","overflow","alignItems","GalleryControlPanel","GalleryControlButton","IconButton","color","primary","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","jsxs","_jsx","component","onClick","sx","cursor","open","_Fragment","ref","flex","selectedScrollSnap","jsx","Stack","direction","spacing","xl","lg","md","sm","xs","size","disabled","Icon","className"],"mappings":"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"}

package/cjs/organisms/gallery/GalleryItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryItem.js","sources":["../../../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":[null],"names":["GalleryItemWrapper","styled","Box","position","height","display","flexDirection","justifyContent","_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","ref","children","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","jsx","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop"],"mappings":"mLAWa,MA+CPA,EAAqBC,EAAAA,OAAOC,EAAGA,IAAVD,EAAY,KAAO,CAC5CE,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iCApDsCC,QAAAC,YAAEA,EAAWC,IAAEA,GAAGF,EAAKG,EAAKC,EAAAA,OAAAJ,EAA5B,uBACtD,MAAMK,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,EAAaA,gBAEtCC,EAAaC,SAAyB,MACtCC,EAAWD,SAA2B,MACtCE,EAAUF,SAAuB,MAEjCG,EAAeC,EAAAA,aAAY,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,EAASA,UAACV,GACVU,EAAAA,WAAU,IAAMV,GAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAASR,IAGpFiB,EAAAA,KAACnC,EAAmB,CAAAoC,IAAKhB,EAAU,cAAc,cAAaiB,SAAA,CAC5DF,EAAAA,KAACjC,EAAAA,KAAIkC,IAAKd,EAAUgB,UAAU,UAAUC,GAAI,CAAER,UAAW,OAAQS,SAAU,OAAQC,UAAW,UAC5FJ,SAAA,CAAAK,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOC,QAASC,OAAQhC,EAAS+B,KACjFJ,MAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOG,QAASD,OAAQhC,EAASiC,KACjFN,EAAAO,IAAA,SAAA,CAAQN,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOK,QAASH,OAAQhC,EAASmC,KACjFR,EAAAO,IAAA,SAAA,CAAQN,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOM,QAASJ,OAAQhC,EAASoC,KACjFT,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOM,QAASJ,OAAQhC,EAASqC,KACjFV,EAACO,IAAA/C,EAAGA,IAAC,CAAAoC,UAAU,MAAMe,IAAKtC,EAASqC,GAAI1C,IAAKA,EAAK6B,GAAI,CAAER,UAAW,OAAQS,SAAU,aAGrF/B,GACCiC,EAAAA,IAACY,EAAAA,UAAU,CAAAlB,IAAKb,gBAAqB,mBAAkBc,SAC7B,iBAAhB5B,EACNiC,EAAAO,IAACM,aAAU,CAAChB,GAAI,CAAEiB,MAAO3C,EAAM4C,QAAQC,OAAOC,MAAOC,WAAY,EAAGnB,UAAW,UAAUJ,SACtF5B,IACU,MAOrB"}
+{"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":["GalleryItemWrapper","styled","Box","position","height","display","flexDirection","justifyContent","_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","ref","children","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","jsx","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop"],"mappings":"mLAMY,MAmBNA,EAAqBC,EAAAA,OAAOC,EAAGA,IAAVD,EAAY,KAAO,CAC1CE,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iCAxBQC,IACxB,IAAIC,YAAEA,EAAWC,IAAEA,GAAQF,EAAIG,EAAQC,EAAMA,OAACJ,EAAI,CAAC,cAAe,QAClE,MAAMK,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,EAAaA,gBACtCC,EAAaC,SAAO,MACpBC,EAAWD,SAAO,MAClBE,EAAUF,SAAO,MACjBG,EAAeC,EAAAA,aAAY,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,EAASA,UAACV,GACVU,EAAAA,WAAU,IAAMV,GAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAASR,IAC9EiB,EAAAA,KAAMnC,EAAoB,CAAEoC,IAAKhB,EAAY,cAAe,cAAeiB,SAAU,CAACF,EAAAA,KAAMjC,EAAAA,IAAK,CAAEkC,IAAKd,EAAUgB,UAAW,UAAWC,GAAI,CAAER,UAAW,OAAQS,SAAU,OAAQC,UAAW,UAAYJ,SAAU,CAACK,EAAAA,IAAK,SAAU,CAAEC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOC,QAASC,OAAQhC,EAAS+B,KAAOJ,MAAK,SAAU,CAAEC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOG,QAASD,OAAQhC,EAASiC,KAAON,EAAIO,IAAC,SAAU,CAAEN,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOK,QAASH,OAAQhC,EAASmC,KAAOR,EAAIO,IAAC,SAAU,CAAEN,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOM,QAASJ,OAAQhC,EAASoC,KAAOT,EAAAA,IAAK,SAAU,CAAEC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOM,QAASJ,OAAQhC,EAASqC,KAAOV,EAAIO,IAAC/C,EAAGA,IAAE,CAAEoC,UAAW,MAAOe,IAAKtC,EAASqC,GAAI1C,IAAKA,EAAK6B,GAAI,CAAER,UAAW,OAAQS,SAAU,aAAiB/B,GAAgBiC,EAAAA,IAAKY,EAAAA,UAAW,CAAElB,IAAKb,EAAS,cAAe,mBAAoBc,SAAiC,iBAAhB5B,EAA4BiC,EAAIO,IAACM,aAAY,CAAEhB,GAAI,CAAEiB,MAAO3C,EAAM4C,QAAQC,OAAOC,MAAOC,WAAY,EAAGnB,UAAW,UAAYJ,SAAU5B,IAAc,MAA2B"}

package/cjs/organisms/gallery/GalleryTrigger.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("react");var r=require("@mui/material");require("@mui/material/styles"),require("../../design/skoda/palette.theme.js"),require("../../design/skoda/components/tabs/tabs.theme.js"),require("../../design/skoda/components/autocomplete.theme.js"),require("../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../design/skoda/theme.breakpoints.js"),require("../../design/skoda/theme.constants.js"),require("../../design/skoda/components/divider.theme.js"),require("../../design/skoda/components/drawer.theme.js"),require("../../design/skoda/components/icon.theme.js"),require("../../design/skoda/components/mobileStepper.theme.js"),require("../../design/skoda/components/modal.theme.js"),require("../../design/skoda/components/pagination.theme.js"),require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/banner/banner.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("tslib"),require("@mui/material/Grid");var o=require("../../components/icon/icon.js");require("../../components/indicator/indicator.js"),require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("../../components/mobileStepper/mobileStepper.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/tab/tab.js"),require("../../components/tab/tabs.js"),require("../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("lodash/noop"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/agGrid/agGrid.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("./Gallery.js"),require("./GalleryItem.js"),require("../../design/skoda/components/slider.theme.js"),require("../../design/skoda/components/snackbar.theme.js"),require("../../design/skoda/components/tooltip.theme.js"),require("../../design/skoda/components/accordion/accordionSummary.theme.js"),require("react-use"),require("../cardOwnedVehicle/cardOwnedVehicle.js"),require("../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../cardPhotoFixed/cardPhotoFixed.js"),require("../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../common/styled/cardStandardWrapperStyled.js"),require("../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.js"),require("../../utils/enum.js"),require("../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../maps/utils/mapIcons.js"),require("../maps/mapComponents/mapStyled.js"),require("../shortcutLink/shortcutLink.js"),require("../textCta/textCta.js"),require("../tile/tile.js"),require("lodash/merge"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("../notification/Notification.js"),require("../notification/NotificationCenter.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationItem.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("../../layout/Footer/FooterNavItem.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../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"}};exports.GalleryHighlightSx=s,exports.GalleryTrigger=t=>e.jsxs(r.Box,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[e.jsx(r.Box,{component:"span",sx:s,children:e.jsx(r.Box,{component:o.Icon,className:"search-plus"})}),t.children]});
+"use strict";var e=require("react/jsx-runtime");require("react");var r=require("@mui/material");require("@mui/material/styles"),require("../../design/skoda/palette.theme.js"),require("../../design/skoda/components/accordion/accordionSummary.theme.js"),require("../../design/skoda/components/autocomplete.theme.js"),require("../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../design/skoda/theme.breakpoints.js"),require("../../design/skoda/theme.constants.js"),require("tslib"),require("@mui/x-date-pickers/internals"),require("../../design/skoda/components/divider.theme.js"),require("../../design/skoda/components/drawer.theme.js"),require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/banner/banner.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var o=require("../../components/icon/icon.js");require("../../components/indicator/indicator.js"),require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../components/mobileStepper/mobileStepperButton.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/tab/tab.js"),require("../../components/tab/tabs.js"),require("../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("lodash/noop"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/agGrid/agGrid.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("./Gallery.js"),require("./GalleryItem.js"),require("minimatch"),require("../../design/skoda/components/form/slider.theme.js"),require("../../design/skoda/components/icon.theme.js"),require("../../design/skoda/components/mobileStepper.theme.js"),require("../../design/skoda/components/modal.theme.js"),require("../../design/skoda/components/pagination.theme.js"),require("../../design/skoda/components/snackbar.theme.js"),require("../../design/skoda/components/stepper/stepIcon/errorStepIcon.js"),require("../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js"),require("../../design/skoda/components/tabs/tabs.theme.js"),require("../../design/skoda/components/tooltip.theme.js"),require("react-use"),require("../cardOwnedVehicle/cardOwnedVehicle.js"),require("../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../cardPhotoFixed/cardPhotoFixed.js"),require("../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../common/styled/cardStandardWrapperStyled.js"),require("../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.js"),require("../../utils/enum.js"),require("../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../maps/utils/mapIcons.js"),require("../maps/mapComponents/mapStyled.js"),require("../shortcutLink/shortcutLink.js"),require("../textCta/textCta.js"),require("../tile/tile.js"),require("lodash/merge"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("../notification/Notification.js"),require("../notification/NotificationCenter.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../production/Button/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"}};exports.GalleryHighlightSx=s,exports.GalleryTrigger=t=>e.jsxs(r.Box,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[e.jsx(r.Box,{component:"span",sx:s,children:e.jsx(r.Box,{component:o.Icon,className:"search-plus"})}),t.children]});
 //# sourceMappingURL=GalleryTrigger.js.map

package/cjs/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","props","_jsxs","Box","component","sx","children","_jsx","jsx","Icon","className"],"mappings":"utKAOa,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,8DAImDC,GAE1DC,EAAAA,KAACC,EAAAA,IAAG,CAACC,UAAU,OAAOC,GAAI,CAAEZ,SAAU,WAAYK,QAAS,gBAA8B,cAAA,iBACvFQ,SAAA,CAAAC,EAAAA,IAACJ,EAAGA,IAAA,CAACC,UAAU,OAAOC,GAAIb,WACxBe,EAACC,IAAAL,EAAGA,IAAC,CAAAC,UAAWK,EAAIA,KAAEC,UAAU,kBAEjCT,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","props","_jsxs","Box","component","sx","children","_jsx","jsx","Icon","className"],"mappings":"kqLAGY,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,8DAGgBC,GACnBC,EAAAA,KAAMC,EAAAA,IAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEZ,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBQ,SAAU,CAACC,EAAAA,IAAKJ,EAAGA,IAAE,CAAEC,UAAW,OAAQC,GAAIb,EAAoBc,SAAUC,EAAIC,IAACL,EAAGA,IAAE,CAAEC,UAAWK,EAAIA,KAAEC,UAAW,kBAAqBT,EAAMK"}

package/cjs/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","jsx","HeroImageCardStyled","children","HeroImageCardComponent","Object","assign","styled","MuiCard","default","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"oRA8Ga,MAAAA,EAAgBC,EAAUA,YAA4B,CAACC,EAAOC,IAEvEC,EAAAC,IAACC,EAAmB,CAACH,IAAKA,EACxBI,SAAAH,EAAAA,IAACI,EAAAA,QAA2BC,OAAAC,OAAA,CAAA,EAAAR,QAS5BI,EAAsBK,EAAAA,QAAOC,EAAOC,QAAiD;WAC/EX,GACkC,aAAtCA,EAAMK,SAASL,MAAMY,cAAoE,aAArCZ,EAAMK,SAASL,MAAMa,YACpEb,EAAMc,MAAMC,QAAQC,OAAOC,OACzBjB,EAAMK,SAASL,MAAMa,YACvBb,EAAMc,MAAMC,QAAQC,OAAOE;IAGnClB,IACD,GAAIA,EAAMc,MAAMK,MAAMC,aACpB,MAAO,mBACR;;uBAGmBpB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOC;MAC1DvB,GACwC,UAArCA,EAAMK,SAASL,MAAMwB,YAChB,gBACK;;uBAGIxB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;MAC1DzB,GACwC,UAArCA,EAAMK,SAASL,MAAMwB,YAChB,gBACK;;IAGfxB,IACD,GAAIA,EAAMK,SAASL,MAAM0B,eACvB,MAAO,qBACR;;yBAGqB1B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;;;;2BAIvCzB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;UAG1D3B,IACD,GAAyC,UAArCA,EAAMK,SAASL,MAAMwB,YACvB,MAAO,oCACR;;2BAGiBxB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;;;UAG1DzB,IACD,GAAyC,UAArCA,EAAMK,SAASL,MAAMwB,YACvB,MAAO,oCACR;;eAGKxB,GACkC,aAAtCA,EAAMK,SAASL,MAAMY,cAAoE,aAArCZ,EAAMK,SAASL,MAAMa,YACpEb,EAAMc,MAAMC,QAAQC,OAAOC,MAEK,aAArCjB,EAAMK,SAASL,MAAMa,YAChBb,EAAMc,MAAMC,QAAQC,OAAOE,WADpC;;;;;yBAQkBlB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;2BAKvC3B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;2BAKzC3B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;;;MAO9D3B,GACM4B,EAAAA,iCAAiC5B,EAAMK,SAASL,MAAMY,aAAc;;MAG1EZ,GACM6B,EAAAA,gCAAgC7B,EAAMK,SAASL,MAAMa,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) `\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}};\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\n  height: 500px;\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n    ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'height: 340px';\n    }\n    else\n        return 'height: 440px';\n}}\n  }\n  @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n    ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'height: 400px';\n    }\n    else\n        return 'height: 500px';\n}}\n  }\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\n  .CardImageText {\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n      max-width: 540px;\n    }\n    .CardImageTitle {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        font-size: 38px;\n        line-height: 48px;\n        ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'font-size: 27px; line-height: 32px';\n    }\n}};\n      }\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 44px;\n        line-height: 52px;\n        ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'font-size: 30px; line-height: 36px';\n    }\n}};\n      }\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}};\n    }\n  }\n  .CardImageButtons {\n    gap: 12px 16px;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n    .cta-button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n      }\n    }\n    .cta-button button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n        font-size: 14px;\n      }\n    }\n  }\n  .CardImageOverlayTheme {\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\n\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\n  }\n`;\n//# sourceMappingURL=heroImageCard.js.map"],"names":["HeroImageCard","forwardRef","props","ref","_jsx","jsx","HeroImageCardStyled","children","HeroImageCardComponent","Object","assign","styled","MuiCard","default","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"oRAaY,MAACA,EAAgBC,EAAUA,YAAC,CAACC,EAAOC,IACpCC,EAAIC,IAACC,EAAqB,CAAEH,IAAKA,EAAKI,SAAUH,EAAAA,IAAKI,EAAAA,QAAwBC,OAAOC,OAAO,CAAA,EAAIR,QAKrGI,EAAsBK,EAAAA,QAAOC,EAAOC,QAAE;WAChCX,GACkC,aAAtCA,EAAMK,SAASL,MAAMY,cAAoE,aAArCZ,EAAMK,SAASL,MAAMa,YAClEb,EAAMc,MAAMC,QAAQC,OAAOC,OAE7BjB,EAAMK,SAASL,MAAMa,YACnBb,EAAMc,MAAMC,QAAQC,OAAOE;IAKrClB,IACD,GAAIA,EAAMc,MAAMK,MAAMC,aAClB,MAAO,mBACV;;uBAGmBpB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOC;MAC1DvB,GACsC,UAArCA,EAAMK,SAASL,MAAMwB,YACd,gBAGA;;uBAGSxB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;MAC1DzB,GACsC,UAArCA,EAAMK,SAASL,MAAMwB,YACd,gBAGA;;IAGVxB,IACD,GAAIA,EAAMK,SAASL,MAAM0B,eACrB,MAAO,qBACV;;yBAGqB1B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;;;;2BAIvCzB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;UAG1D3B,IACP,GAAyC,UAArCA,EAAMK,SAASL,MAAMwB,YACrB,MAAO,oCACV;;2BAGuBxB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;;;UAG1DzB,IACP,GAAyC,UAArCA,EAAMK,SAASL,MAAMwB,YACrB,MAAO,oCACV;;eAGWxB,GAC8B,aAAtCA,EAAMK,SAASL,MAAMY,cAAoE,aAArCZ,EAAMK,SAASL,MAAMa,YAClEb,EAAMc,MAAMC,QAAQC,OAAOC,MAEG,aAArCjB,EAAMK,SAASL,MAAMa,YACdb,EAAMc,MAAMC,QAAQC,OAAOE,WADtC;;;;;yBAQsBlB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;2BAKvC3B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;2BAKzC3B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;;;MAO9D3B,GACI4B,EAAAA,iCAAiC5B,EAAMK,SAASL,MAAMY,aAAc;;MAGxEZ,GACI6B,EAAAA,gCAAgC7B,EAAMK,SAASL,MAAMa,YAAa;;"}

package/cjs/organisms/heroImageCard/heroImageCardComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"heroImageCardComponent.js","sources":["../../../../../src/organisms/heroImageCard/heroImageCardComponent.tsx"],"sourcesContent":[null],"names":["label","title","firstButtonObject","secondButtonObject","thirdButtonObject","videoUrl","desktopImage","laptopImage","tabletImage","mobileImage","altImageDescription","playPauseCallback","videoRef","useRef","themeBreakpoint","useTheme","_jsxs","_Fragment","children","_jsx","jsx","className","jsxs","Label","handleMaxCharsInHTML","ButtonCardComponent","buttonObject","compact","default","Fragment","ref","loop","muted","autoPlay","src","encodeURI","type","media","breakpoints","values","xl","srcSet","lg","md","alt","VideoCardController"],"mappings":"uWAQ8C,EAACA,MAC7CA,EACAC,QACAC,oBACAC,qBACAC,oBACAC,WACAC,eACAC,cACAC,cACAC,cACAC,sBACAC,wBAEA,MAAMC,EAAWC,SAAO,MAClBC,EAAkBC,EAAAA,WAExB,OACEC,OAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,EAAKC,IAAA,MAAA,CAAAC,UAAU,0BACfL,EAAAA,KAAK,MAAA,CAAAK,UAAU,0BACbL,EAAKM,KAAA,MAAA,CAAAD,UAAU,kBACbH,SAAA,CAAAC,EAAAA,IAACI,EAAKA,MAAA,CAACF,UAAU,iBAAgBH,SAAEM,uBAAqBxB,EAAO,MAC/DmB,EAAAA,IAAA,KAAA,CAAIE,UAAU,iBAAgBH,SAAEM,EAAoBA,qBAACvB,EAAO,SAE9De,EAAAA,KAAK,MAAA,CAAAK,UAAU,mBACZH,SAAA,EAAAhB,aAAiB,EAAjBA,EAAmBF,QAClBmB,EAAAA,IAACM,EAAAA,QAAoB,CAAAJ,UAAU,mBAAmBK,aAAcxB,EAAmByB,SAAS,KAE7FxB,aAAA,EAAAA,EAAoBH,QACnBmB,MAACM,EAAAA,QAAoB,CAAAJ,UAAU,mBAAmBK,aAAcvB,EAAoBwB,SAAS,KAE9FvB,aAAA,EAAAA,EAAmBJ,QAClBmB,EAAAC,IAACK,EAAmBG,QAAA,CAACP,UAAU,mBAAmBK,aAActB,EAAmBuB,SAAS,UAIlGR,EAAAC,IAAA,MAAA,CAAKC,UAAU,iBAAgBH,SAC5Bb,EACCc,EAAAC,IAAAH,EAAAY,SAAA,CAAAX,SACEF,EAAOM,KAAA,QAAA,CAAAQ,IAAKlB,EAAUS,UAAU,iBAAiBU,MAAI,EAACC,OAAK,EAACC,UAAQ,EAAAf,SAAA,CAClEC,EAAAA,IAAQ,SAAA,CAAAe,IAAKC,UAAU9B,GAAW+B,KAAK,cAAc,oDAKzDjB,MAAK,MAAA,CAAAE,UAAU,mBAAkBH,SAC/BF,EAAAA,KACE,UAAA,CAAAE,SAAA,CAAAC,EAAAC,IAAA,SAAA,CAAQiB,MAAO,eAAevB,EAAgBwB,YAAYC,OAAOC,QAASC,OAAQnC,IAClFa,EAAQC,IAAA,SAAA,CAAAiB,MAAO,eAAevB,EAAgBwB,YAAYC,OAAOG,QAASD,OAAQlC,IAClFY,EAAAC,IAAA,SAAA,CAAQiB,MAAO,eAAevB,EAAgBwB,YAAYC,OAAOI,QAASF,OAAQjC,IAClFW,EAAKC,IAAA,MAAA,CAAAc,IAAKzB,EAAamC,IAAKlC,WAKnCL,GAAYc,EAAAA,IAAC0B,EAAAA,QAAmB,CAAClC,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":["label","title","firstButtonObject","secondButtonObject","thirdButtonObject","videoUrl","desktopImage","laptopImage","tabletImage","mobileImage","altImageDescription","playPauseCallback","videoRef","useRef","themeBreakpoint","useTheme","_jsxs","_Fragment","children","_jsx","jsx","className","jsxs","Label","handleMaxCharsInHTML","ButtonCardComponent","buttonObject","compact","default","Fragment","ref","loop","muted","autoPlay","src","encodeURI","type","media","breakpoints","values","xl","srcSet","lg","md","alt","VideoCardController"],"mappings":"uWAO+B,EAACA,MAAEA,EAAOC,QAAOC,oBAAmBC,qBAAoBC,oBAAmBC,WAAUC,eAAcC,cAAaC,cAAaC,cAAaC,sBAAqBC,wBAC1L,MAAMC,EAAWC,SAAO,MAClBC,EAAkBC,EAAAA,WACxB,OAAQC,OAAMC,EAAAA,SAAW,CAAEC,SAAU,CAACC,EAAIC,IAAC,MAAO,CAAEC,UAAW,0BAA4BL,EAAAA,KAAM,MAAO,CAAEK,UAAW,gBAAiBH,SAAU,CAACF,EAAKM,KAAC,MAAO,CAAED,UAAW,kBAAmBH,SAAU,CAACC,EAAAA,IAAKI,EAAKA,MAAE,CAAEF,UAAW,iBAAkBH,SAAUM,uBAAqBxB,EAAO,MAAQmB,EAAAA,IAAK,KAAM,CAAEE,UAAW,iBAAkBH,SAAUM,EAAoBA,qBAACvB,EAAO,SAAYe,EAAAA,KAAM,MAAO,CAAEK,UAAW,mBAAoBH,SAAU,EAAEhB,aAA6D,EAASA,EAAkBF,QAAWmB,EAAAA,IAAKM,EAAAA,QAAqB,CAAEJ,UAAW,mBAAoBK,aAAcxB,EAAmByB,SAAS,KAAWxB,aAA+D,EAASA,EAAmBH,QAAWmB,MAAKM,EAAAA,QAAqB,CAAEJ,UAAW,mBAAoBK,aAAcvB,EAAoBwB,SAAS,KAAWvB,aAA6D,EAASA,EAAkBJ,QAAWmB,EAAIC,IAACK,EAAmBG,QAAE,CAAEP,UAAW,mBAAoBK,aAActB,EAAmBuB,SAAS,UAAkBR,EAAIC,IAAC,MAAO,CAAEC,UAAW,iBAAkBH,SAAUb,EAAYc,EAAIC,IAACH,EAASY,SAAE,CAAEX,SAAUF,EAAKM,KAAC,QAAS,CAAEQ,IAAKlB,EAAUS,UAAW,iBAAkBU,MAAM,EAAMC,OAAO,EAAMC,UAAU,EAAMf,SAAU,CAACC,EAAAA,IAAK,SAAU,CAAEe,IAAKC,UAAU9B,GAAW+B,KAAM,cAAgB,oDAA0DjB,MAAK,MAAO,CAAEE,UAAW,mBAAoBH,SAAUF,EAAAA,KAAM,UAAW,CAAEE,SAAU,CAACC,EAAIC,IAAC,SAAU,CAAEiB,MAAO,eAAevB,EAAgBwB,YAAYC,OAAOC,QAASC,OAAQnC,IAAiBa,EAAIC,IAAC,SAAU,CAAEiB,MAAO,eAAevB,EAAgBwB,YAAYC,OAAOG,QAASD,OAAQlC,IAAgBY,EAAIC,IAAC,SAAU,CAAEiB,MAAO,eAAevB,EAAgBwB,YAAYC,OAAOI,QAASF,OAAQjC,IAAgBW,EAAIC,IAAC,MAAO,CAAEc,IAAKzB,EAAamC,IAAKlC,WAAmCL,GAAYc,EAAAA,IAAK0B,EAAAA,QAAqB,CAAElC,kBAAmBA,EAAmBC,SAAUA,MAAiB"}