@skodaflow/web-library 4.2.0 → 6.0.0

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

@@ -1 +1 @@
-{"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"}
+{"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, name: \"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","name","CardMenu","open","onClose"],"mappings":"6XAMK,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,EAASU,KAAM,aAAeJ,EAAAA,IAAKK,EAAAA,SAAU9B,OAAOC,OAAO,CAAA,EAAIW,EAAO,CAAEmB,KAAMjB,EAAQkB,QAASX,EAAWJ,UAAWA,OAAmB"}

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 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>;
-}, "className" | "style" | "classes" | "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/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("minimatch"),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("@mui/x-date-pickers/internals"),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 a=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 n=require("use-keyboard-shortcut");function i(e){return e&&e.__esModule?e:{default:e}}var l=i(s),u=i(n);const c=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 n;const i=r.useMemo((()=>s.galleryItems.length>1),[s.galleryItems]),{isOpen:q,onOpen:j,onClose:g}=a.useClosure(!1),[h,y]=r.useState(!0),[x,b]=r.useState(!0),[k,C]=l.default({align:"center",axis:"x",startIndex:null!==(n=s.startIndex)&&void 0!==n?n: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(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(c,{open:q,"data-testid":"Gallery.backdrop",children:q&&e.jsxs(e.Fragment,{children:[e.jsx(d,{ref:k,children:e.jsx(o.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(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==C?void 0:C.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==C?void 0:C.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/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/icon/icon.definitions.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("../../utils/enum.js");var s=require("../../utils/useClosure/useClosure.js");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 n=require("embla-carousel-react");require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.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");var i=require("use-keyboard-shortcut");function a(e){return e&&e.__esModule?e:{default:e}}var l=a(n),u=a(i);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=n=>{var i;const a=r.useMemo((()=>n.galleryItems.length>1),[n.galleryItems]),{isOpen:q,onOpen:j,onClose:g}=s.useClosure(!1),[h,y]=r.useState(!0),[x,b]=r.useState(!0),[k,C]=l.default({align:"center",axis:"x",startIndex:null!==(i=n.startIndex)&&void 0!==i?i:0,slidesToScroll:1,draggable:n.galleryItems.length>1});r.useEffect((()=>{if(C){const e=()=>{y(!C.canScrollNext()),b(!C.canScrollPrev())};C.on("scroll",e),e()}}),[C]),r.useEffect((()=>{n.galleryItems&&0!==n.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[n.galleryItems]);const f=r.useCallback((()=>{n.galleryItems&&n.galleryItems.length>0&&j()}),[j,n.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:n.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:n.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:[a&&e.jsx(p,{size:"large",disabled:x,onClick:()=>null==C?void 0:C.scrollPrev(),"data-testid":"Gallery.prev",children:e.jsx(o.Icon,{name:"arrow-left"})}),e.jsx(p,{size:"large",onClick:g,"data-testid":"Gallery.close",children:e.jsx(o.Icon,{name:"close"})}),a&&e.jsx(p,{size:"large",disabled:h,onClick:()=>null==C?void 0:C.scrollNext(),"data-testid":"Gallery.next",children:e.jsx(o.Icon,{name:"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":["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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"}
+{"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, { name: \"arrow-left\" }) })), _jsx(GalleryControlButton, { size: \"large\", onClick: onClose, \"data-testid\": \"Gallery.close\", children: _jsx(Icon, { name: \"close\" }) }), showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: nextDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext(), \"data-testid\": \"Gallery.next\", children: _jsx(Icon, { name: \"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","name"],"mappings":"wzLAMY,MAsCNA,EAAkBC,EAAAA,OAAOC,EAAAA,SAAPD,EAAiB,EAAGE,YAAa,CACrDC,gBAAiBD,EAAME,QAAQC,QAAQC,YACvCC,WAAY,OACZC,QAAS,OACTC,eAAgB,gBAChBC,cAAe,aAEbC,EAAqBX,EAAAA,OAAOY,EAAGA,IAAVZ,EAAY,KAAO,CAC1Ca,MAAO,OACPC,OAAQ,MACRC,SAAU,SACVP,QAAS,OACTC,eAAgB,SAChBO,WAAY,SACZ,UAAW,CACPH,MAAO,OACPC,OAAQ,YAGVG,EAAsBjB,EAAAA,OAAOY,EAAGA,IAAVZ,EAAY,KAAO,CAC3Ca,MAAO,OACPC,OAAQ,MACRN,QAAS,OACTC,eAAgB,SAChBO,WAAY,aAEVE,EAAuBlB,EAAAA,OAAOmB,EAAAA,WAAPnB,EAAmB,EAAGE,YAAa,CAC5DkB,MAAOlB,EAAME,QAAQC,QAAQgB,4BAjETC,IACpB,IAAIC,EACJ,MAAMC,EAAiBC,EAAAA,SAAQ,IAAMH,EAAMI,aAAaC,OAAS,GAAG,CAACL,EAAMI,gBACrEE,OAAEA,EAAQC,OAAQC,EAAOC,QAAEA,GAAYC,EAAAA,YAAW,IACjDC,EAAcC,GAAmBC,EAAQA,UAAC,IAC1CC,EAAcC,GAAmBF,EAAQA,UAAC,IAC1CG,EAAUC,GAAYC,UAAiB,CAC1CC,MAAO,SACPC,KAAM,IACNC,WAAwC,QAA3BpB,EAAKD,EAAMqB,kBAA+B,IAAPpB,EAAgBA,EAAK,EACrEqB,eAAgB,EAChBC,UAAWvB,EAAMI,aAAaC,OAAS,IAE3CmB,EAAAA,WAAU,KACN,GAAIP,EAAU,CACV,MAAMQ,EAAW,KACbb,GAAiBK,EAASS,iBAC1BX,GAAiBE,EAASU,gBAAgB,EAE9CV,EAASW,GAAG,SAAUH,GACtBA,GACH,IACF,CAACR,IACJO,EAAAA,WAAU,KACDxB,EAAMI,cAA8C,IAA9BJ,EAAMI,aAAaC,QAC1CwB,QAAQC,KAAK,6FAChB,GACF,CAAC9B,EAAMI,eACV,MAAMG,EAASwB,EAAAA,aAAY,KACnB/B,EAAMI,cAAgBJ,EAAMI,aAAaC,OAAS,GAClDG,GACH,GACF,CAACA,EAASR,EAAMgC,WAInB,OAHAC,EAAAA,QAAoB,CAAC,UAAWxB,GAChCwB,EAAAA,QAAoB,CAAC,eAAe,IAAMhB,aAA2C,EAASA,EAASiB,eACvGD,EAAAA,QAAoB,CAAC,cAAc,IAAMhB,aAA2C,EAASA,EAASkB,eAC9FC,EAAKC,KAAC/C,EAAGA,IAAE,CAAE,cAAe,UAAW0C,SAAU,CAACM,MAAKhD,EAAAA,IAAK,CAAEiD,UAAW,OAAQC,QAASjC,EAAQkC,GAAI,CAAEC,OAAQ,WAAa,cAAe,kBAAmBV,SAAUhC,EAAMgC,WAAaM,EAAAA,IAAK7D,EAAiB,CAAEkE,KAAMrC,EAAQ,cAAe,mBAAoB0B,SAAU1B,GAAW8B,OAAMQ,EAAAA,SAAW,CAAEZ,SAAU,CAACM,EAAAA,IAAKjD,EAAoB,CAAEwD,IAAK7B,EAAUgB,SAAUM,EAAAA,IAAKhD,EAAAA,IAAK,CAAEmD,GAAI,CAAEvD,QAAS,OAAQ,QAAS,CAAE4D,KAAM,aAAgB,cAAe,gBAAiB,aAAc7B,aAA2C,EAASA,EAAS8B,qBAAsBf,SAAUhC,EAAMI,iBAAoBkC,EAAIU,IAACrD,EAAqB,CAAE,cAAe,kBAAmBqC,SAAUI,EAAKC,KAACY,QAAO,CAAEC,UAAW,MAAOC,QAAS,CAAEC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GAAKxB,SAAU,CAAC9B,GAAmBoC,EAAIU,IAACpD,EAAsB,CAAE6D,KAAM,QAASC,SAAU5C,EAAc0B,QAAS,IAAMvB,aAA2C,EAASA,EAASkB,aAAc,cAAe,eAAgBH,SAAUM,EAAIU,IAACW,OAAM,CAAEC,KAAM,iBAAqBtB,EAAIU,IAACpD,EAAsB,CAAE6D,KAAM,QAASjB,QAAS/B,EAAS,cAAe,gBAAiBuB,SAAUM,EAAIU,IAACW,EAAIA,KAAE,CAAEC,KAAM,YAAe1D,GAAmBoC,MAAK1C,EAAsB,CAAE6D,KAAM,QAASC,SAAU/C,EAAc6B,QAAS,IAAMvB,aAA2C,EAASA,EAASiB,aAAc,cAAe,eAAgBF,SAAUM,EAAAA,IAAKqB,EAAIA,KAAE,CAAEC,KAAM,8BAAyC"}

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("minimatch"),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("@mui/x-date-pickers/internals"),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("../../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=i=>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"})}),i.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/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/icon/icon.definitions.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("../../utils/enum.js"),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("../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 i={position:"absolute",top:0,right:0,left:0,background:"linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)",display:"inline-block",height:"100%","& .sa-i":{position:"absolute",right:"8px",top:"8px",color:"white"}};exports.GalleryHighlightSx=i,exports.GalleryTrigger=s=>e.jsxs(r.Box,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[e.jsx(r.Box,{component:"span",sx:i,children:e.jsx(r.Box,{component:o.Icon,className:"search-plus"})}),s.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":["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":"m7KAGY,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"}
+{"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":"0qLAGY,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":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport HeroImageCardComponent from './heroImageCardComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const HeroImageCard = forwardRef((props, ref) => {\n    return (_jsx(HeroImageCardStyled, { ref: ref, children: _jsx(HeroImageCardComponent, Object.assign({}, props)) }));\n});\n/**\n * @description Hero Image Card styling definition based on props\n */\nconst HeroImageCardStyled = styled(MuiCard) `\r\n  color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.common.black;\n    }\n    else if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.common.white;\n    }\n    else\n        return props.theme.palette.common.white;\n}};\r\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\r\n  height: 500px;\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n    ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'height: 340px';\n    }\n    else\n        return 'height: 440px';\n}}\r\n  }\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n    ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'height: 400px';\n    }\n    else\n        return 'height: 500px';\n}}\r\n  }\r\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\r\n  .CardImageText {\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n      max-width: 540px;\r\n    }\r\n    .CardImageTitle {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        font-size: 38px;\r\n        line-height: 48px;\r\n        ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'font-size: 27px; line-height: 32px';\n    }\n}};\r\n      }\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n        font-size: 44px;\r\n        line-height: 52px;\r\n        ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'font-size: 30px; line-height: 36px';\n    }\n}};\r\n      }\r\n      color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.common.black;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.common.white;\n    }\n}};\r\n    }\r\n  }\r\n  .CardImageButtons {\r\n    gap: 12px 16px;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n    }\r\n    .cta-button {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n      }\r\n    }\r\n    .cta-button button {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  .CardImageOverlayTheme {\r\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n  }\r\n`;\n//# sourceMappingURL=heroImageCard.js.map"],"names":["HeroImageCard","forwardRef","props","ref","_jsx","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;;"}
+{"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/videoCardController.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../components/icon/icon.js"),i=require("@emotion/styled"),n=require("@mui/material/styles");function o(e){return e&&e.__esModule?e:{default:e}}const s=o(i).default("div")((({theme:e})=>{let t={};return t={[e.breakpoints.up("md")]:Object.assign(Object.assign({},t),{position:"absolute",zIndex:1e3,cursor:"pointer",bottom:"24px",right:"24px","& > div":{width:"44px",height:"44px",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${e.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:e.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}),[e.breakpoints.down("md")]:{position:"absolute",zIndex:1e3,left:"50%",top:"50%",width:"312px",height:"132px",transform:" translate(-50%, -50%)",transitionDelay:"2s",transitionDuration:"0.3s",transitionProperty:"opacity",transitionTimingFunction:"ease-out","& > div":{position:"absolute",left:"50%",top:"50%",transform:" translate(-50%, -50%)",width:"44px",height:"44px",margin:"0 auto",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${e.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:e.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}},t}));exports.default=({videoRef:i,playPauseCallback:o})=>{const[a,l]=t.useState(!1),u=t.useRef(null),p=n.useTheme(),c=t.useCallback((e=>{a?(o&&o("play",e),i.current.play()):(o&&o("pause",e),i.current.pause()),l(!a)}),[a,o,i]);return t.useEffect((()=>{window.innerWidth<p.breakpoints.values.md&&(i.current.pause(),l(!0))}),[i,p.breakpoints.values.md]),t.useEffect((()=>{window.innerWidth<p.breakpoints.values.md?a?(u.current.style.transitionDelay="0s",u.current.style.opacity=1):(u.current.style.transitionDelay="2s",u.current.style.opacity=0):(u.current.style.transitionDelay="0s",u.current.style.opacity=1)}),[a,p.breakpoints.values.md]),e.jsx(s,{ref:u,onClick:e=>c(e),children:e.jsx("div",{children:e.jsx(r.Icon,{className:a?"play-right":"pause"})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");var i=require("@emotion/styled"),n=require("@mui/material/styles");function o(e){return e&&e.__esModule?e:{default:e}}const s=o(i).default("div")((({theme:e})=>{let t={};return t={[e.breakpoints.up("md")]:Object.assign(Object.assign({},t),{position:"absolute",zIndex:1e3,cursor:"pointer",bottom:"24px",right:"24px","& > div":{width:"44px",height:"44px",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${e.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:e.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}),[e.breakpoints.down("md")]:{position:"absolute",zIndex:1e3,left:"50%",top:"50%",width:"312px",height:"132px",transform:" translate(-50%, -50%)",transitionDelay:"2s",transitionDuration:"0.3s",transitionProperty:"opacity",transitionTimingFunction:"ease-out","& > div":{position:"absolute",left:"50%",top:"50%",transform:" translate(-50%, -50%)",width:"44px",height:"44px",margin:"0 auto",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${e.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:e.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}},t}));exports.default=({videoRef:i,playPauseCallback:o})=>{const[a,u]=t.useState(!1),l=t.useRef(null),p=n.useTheme(),c=t.useCallback((e=>{a?(o&&o("play",e),i.current.play()):(o&&o("pause",e),i.current.pause()),u(!a)}),[a,o,i]);return t.useEffect((()=>{window.innerWidth<p.breakpoints.values.md&&(i.current.pause(),u(!0))}),[i,p.breakpoints.values.md]),t.useEffect((()=>{window.innerWidth<p.breakpoints.values.md?a?(l.current.style.transitionDelay="0s",l.current.style.opacity=1):(l.current.style.transitionDelay="2s",l.current.style.opacity=0):(l.current.style.transitionDelay="0s",l.current.style.opacity=1)}),[a,p.breakpoints.values.md]),e.jsx(s,{ref:l,onClick:e=>c(e),children:e.jsx("div",{children:e.jsx(r.Icon,{name:a?"play":"pause"})})})};
 //# sourceMappingURL=videoCardController.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"videoCardController.js","sources":["../../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { Icon } from '../../components/icon';\nimport styled from '@emotion/styled';\nimport { useTheme } from '@mui/material/styles';\nconst VideoCardController = ({ videoRef, playPauseCallback }) => {\n    const [isPaused, setIsPaused] = useState(false);\n    const videoControllerRef = useRef(null);\n    const theme = useTheme();\n    //When the videoController is clicked, pause or play the video\n    const handlePlayClick = useCallback((event) => {\n        if (isPaused) {\n            playPauseCallback && playPauseCallback('play', event);\n            videoRef.current.play();\n        }\n        else {\n            playPauseCallback && playPauseCallback('pause', event);\n            videoRef.current.pause();\n        }\n        setIsPaused(!isPaused);\n    }, [isPaused, playPauseCallback, videoRef]);\n    //set the video puased as default if we are on mobile view\n    useEffect(() => {\n        if (window.innerWidth < theme.breakpoints.values.md) {\n            videoRef.current.pause();\n            setIsPaused(true);\n        }\n    }, [videoRef, theme.breakpoints.values.md]);\n    //Add the transition effect from play to pause if on mobile view\n    useEffect(() => {\n        if (window.innerWidth < theme.breakpoints.values.md) {\n            if (isPaused) {\n                videoControllerRef.current.style.transitionDelay = '0s';\n                videoControllerRef.current.style.opacity = 1;\n            }\n            else {\n                videoControllerRef.current.style.transitionDelay = '2s';\n                videoControllerRef.current.style.opacity = 0;\n            }\n        }\n        else {\n            videoControllerRef.current.style.transitionDelay = '0s';\n            videoControllerRef.current.style.opacity = 1;\n        }\n    }, [isPaused, theme.breakpoints.values.md]);\n    return (_jsx(VideoControllerStyled, { ref: videoControllerRef, onClick: (event) => handlePlayClick(event), children: _jsx(\"div\", { children: _jsx(Icon, { className: isPaused ? 'play-right' : 'pause' }) }) }));\n};\nconst VideoControllerStyled = styled('div')(({ theme }) => {\n    let style = {};\n    style = {\n        [theme.breakpoints.up('md')]: Object.assign(Object.assign({}, style), { position: 'absolute', zIndex: 1000, cursor: 'pointer', bottom: '24px', right: '24px', '& > div': {\n                width: '44px',\n                height: '44px',\n                borderRadius: '100%',\n                textAlign: 'center',\n                border: `2.5px solid ${theme.palette.background.primary}`,\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                '& > .MuiIcon-root': {\n                    color: theme.palette.background.primary,\n                    width: '20px',\n                    height: '20px',\n                    fontSize: '22px',\n                },\n            } }),\n        [theme.breakpoints.down('md')]: {\n            position: 'absolute',\n            zIndex: 1000,\n            left: '50%',\n            top: '50%',\n            width: '312px',\n            height: '132px',\n            transform: ' translate(-50%, -50%)',\n            transitionDelay: '2s',\n            transitionDuration: '0.3s',\n            transitionProperty: 'opacity',\n            transitionTimingFunction: 'ease-out',\n            '& > div': {\n                position: 'absolute',\n                left: '50%',\n                top: '50%',\n                transform: ' translate(-50%, -50%)',\n                width: '44px',\n                height: '44px',\n                margin: '0 auto',\n                borderRadius: '100%',\n                textAlign: 'center',\n                border: `2.5px solid ${theme.palette.background.primary}`,\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                '& > .MuiIcon-root': {\n                    color: theme.palette.background.primary,\n                    width: '20px',\n                    height: '20px',\n                    fontSize: '22px',\n                },\n            },\n        },\n    };\n    return style;\n});\nexport default VideoCardController;\n//# sourceMappingURL=videoCardController.js.map"],"names":["VideoControllerStyled","styled","theme","style","breakpoints","up","Object","assign","position","zIndex","cursor","bottom","right","width","height","borderRadius","textAlign","border","palette","background","primary","display","flexDirection","alignItems","justifyContent","color","fontSize","down","left","top","transform","transitionDelay","transitionDuration","transitionProperty","transitionTimingFunction","margin","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","values","md","opacity","_jsx","ref","onClick","children","Icon","className"],"mappings":"uRAKK,MA0CCA,OAAwBC,QAAO,MAAPA,EAAc,EAAGC,YAC3C,IAAIC,EAAQ,CAAA,EAuDZ,OAtDAA,EAAQ,CACJ,CAACD,EAAME,YAAYC,GAAG,OAAQC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIJ,GAAQ,CAAEK,SAAU,WAAYC,OAAQ,IAAMC,OAAQ,UAAWC,OAAQ,OAAQC,MAAO,OAAQ,UAAW,CACjKC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAGtB,CAACxB,EAAME,YAAYuB,KAAK,OAAQ,CAC5BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXC,gBAAiB,KACjBC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACP1B,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRqB,OAAQ,SACRpB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKnBvB,CAAK,oBAlGY,EAAGiC,WAAUC,wBACrC,MAAOC,EAAUC,GAAeC,EAAQA,UAAC,GACnCC,EAAqBC,SAAO,MAC5BxC,EAAQyC,EAAAA,WAERC,EAAkBC,eAAaC,IAC7BR,GACAD,GAAqBA,EAAkB,OAAQS,GAC/CV,EAASW,QAAQC,SAGjBX,GAAqBA,EAAkB,QAASS,GAChDV,EAASW,QAAQE,SAErBV,GAAaD,EAAS,GACvB,CAACA,EAAUD,EAAmBD,IAyBjC,OAvBAc,EAAAA,WAAU,KACFC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,KAC7ClB,EAASW,QAAQE,QACjBV,GAAY,GACf,GACF,CAACH,EAAUlC,EAAME,YAAYiD,OAAOC,KAEvCJ,EAAAA,WAAU,KACFC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,GACzChB,GACAG,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAG3Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAI/Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,EAC9C,GACF,CAACjB,EAAUpC,EAAME,YAAYiD,OAAOC,KAC/BE,MAAKxD,EAAuB,CAAEyD,IAAKhB,EAAoBiB,QAAUZ,GAAUF,EAAgBE,GAAQa,SAAUH,EAAAA,IAAK,MAAO,CAAEG,SAAUH,MAAKI,EAAAA,KAAM,CAAEC,UAAWvB,EAAW,aAAe,aAAkB"}
+{"version":3,"file":"videoCardController.js","sources":["../../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { Icon } from '../../components/icon';\nimport styled from '@emotion/styled';\nimport { useTheme } from '@mui/material/styles';\nconst VideoCardController = ({ videoRef, playPauseCallback }) => {\n    const [isPaused, setIsPaused] = useState(false);\n    const videoControllerRef = useRef(null);\n    const theme = useTheme();\n    //When the videoController is clicked, pause or play the video\n    const handlePlayClick = useCallback((event) => {\n        if (isPaused) {\n            playPauseCallback && playPauseCallback('play', event);\n            videoRef.current.play();\n        }\n        else {\n            playPauseCallback && playPauseCallback('pause', event);\n            videoRef.current.pause();\n        }\n        setIsPaused(!isPaused);\n    }, [isPaused, playPauseCallback, videoRef]);\n    //set the video puased as default if we are on mobile view\n    useEffect(() => {\n        if (window.innerWidth < theme.breakpoints.values.md) {\n            videoRef.current.pause();\n            setIsPaused(true);\n        }\n    }, [videoRef, theme.breakpoints.values.md]);\n    //Add the transition effect from play to pause if on mobile view\n    useEffect(() => {\n        if (window.innerWidth < theme.breakpoints.values.md) {\n            if (isPaused) {\n                videoControllerRef.current.style.transitionDelay = '0s';\n                videoControllerRef.current.style.opacity = 1;\n            }\n            else {\n                videoControllerRef.current.style.transitionDelay = '2s';\n                videoControllerRef.current.style.opacity = 0;\n            }\n        }\n        else {\n            videoControllerRef.current.style.transitionDelay = '0s';\n            videoControllerRef.current.style.opacity = 1;\n        }\n    }, [isPaused, theme.breakpoints.values.md]);\n    return (_jsx(VideoControllerStyled, { ref: videoControllerRef, onClick: (event) => handlePlayClick(event), children: _jsx(\"div\", { children: _jsx(Icon, { name: isPaused ? 'play' : 'pause' }) }) }));\n};\nconst VideoControllerStyled = styled('div')(({ theme }) => {\n    let style = {};\n    style = {\n        [theme.breakpoints.up('md')]: Object.assign(Object.assign({}, style), { position: 'absolute', zIndex: 1000, cursor: 'pointer', bottom: '24px', right: '24px', '& > div': {\n                width: '44px',\n                height: '44px',\n                borderRadius: '100%',\n                textAlign: 'center',\n                border: `2.5px solid ${theme.palette.background.primary}`,\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                '& > .MuiIcon-root': {\n                    color: theme.palette.background.primary,\n                    width: '20px',\n                    height: '20px',\n                    fontSize: '22px',\n                },\n            } }),\n        [theme.breakpoints.down('md')]: {\n            position: 'absolute',\n            zIndex: 1000,\n            left: '50%',\n            top: '50%',\n            width: '312px',\n            height: '132px',\n            transform: ' translate(-50%, -50%)',\n            transitionDelay: '2s',\n            transitionDuration: '0.3s',\n            transitionProperty: 'opacity',\n            transitionTimingFunction: 'ease-out',\n            '& > div': {\n                position: 'absolute',\n                left: '50%',\n                top: '50%',\n                transform: ' translate(-50%, -50%)',\n                width: '44px',\n                height: '44px',\n                margin: '0 auto',\n                borderRadius: '100%',\n                textAlign: 'center',\n                border: `2.5px solid ${theme.palette.background.primary}`,\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                '& > .MuiIcon-root': {\n                    color: theme.palette.background.primary,\n                    width: '20px',\n                    height: '20px',\n                    fontSize: '22px',\n                },\n            },\n        },\n    };\n    return style;\n});\nexport default VideoCardController;\n//# sourceMappingURL=videoCardController.js.map"],"names":["VideoControllerStyled","styled","theme","style","breakpoints","up","Object","assign","position","zIndex","cursor","bottom","right","width","height","borderRadius","textAlign","border","palette","background","primary","display","flexDirection","alignItems","justifyContent","color","fontSize","down","left","top","transform","transitionDelay","transitionDuration","transitionProperty","transitionTimingFunction","margin","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","values","md","opacity","_jsx","ref","onClick","children","Icon","name"],"mappings":"gVAKK,MA0CCA,OAAwBC,QAAO,MAAPA,EAAc,EAAGC,YAC3C,IAAIC,EAAQ,CAAA,EAuDZ,OAtDAA,EAAQ,CACJ,CAACD,EAAME,YAAYC,GAAG,OAAQC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIJ,GAAQ,CAAEK,SAAU,WAAYC,OAAQ,IAAMC,OAAQ,UAAWC,OAAQ,OAAQC,MAAO,OAAQ,UAAW,CACjKC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAGtB,CAACxB,EAAME,YAAYuB,KAAK,OAAQ,CAC5BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXC,gBAAiB,KACjBC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACP1B,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRqB,OAAQ,SACRpB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKnBvB,CAAK,oBAlGY,EAAGiC,WAAUC,wBACrC,MAAOC,EAAUC,GAAeC,EAAQA,UAAC,GACnCC,EAAqBC,SAAO,MAC5BxC,EAAQyC,EAAAA,WAERC,EAAkBC,eAAaC,IAC7BR,GACAD,GAAqBA,EAAkB,OAAQS,GAC/CV,EAASW,QAAQC,SAGjBX,GAAqBA,EAAkB,QAASS,GAChDV,EAASW,QAAQE,SAErBV,GAAaD,EAAS,GACvB,CAACA,EAAUD,EAAmBD,IAyBjC,OAvBAc,EAAAA,WAAU,KACFC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,KAC7ClB,EAASW,QAAQE,QACjBV,GAAY,GACf,GACF,CAACH,EAAUlC,EAAME,YAAYiD,OAAOC,KAEvCJ,EAAAA,WAAU,KACFC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,GACzChB,GACAG,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAG3Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAI/Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,EAC9C,GACF,CAACjB,EAAUpC,EAAME,YAAYiD,OAAOC,KAC/BE,MAAKxD,EAAuB,CAAEyD,IAAKhB,EAAoBiB,QAAUZ,GAAUF,EAAgBE,GAAQa,SAAUH,EAAAA,IAAK,MAAO,CAAEG,SAAUH,MAAKI,EAAAA,KAAM,CAAEC,KAAMvB,EAAW,OAAS,aAAkB"}

package/cjs/organisms/hotspotCard/hotspotCard.d.ts

@@ -1,36 +1,30 @@
 import React, { ReactNode, HTMLAttributes } from 'react';
+import { ResponsiveType } from '@/src/utils/ResponsiveType';
 /**
  * @interface HotspotCardProps
  * @description Base definition of SkodaFlow HotspotCard independent on core implementation.
  * Properties are inherited from HTML div element
  */
-type Responsive = {
-    xl?: string | number;
-    lg?: string | number;
-    md?: string | number;
-    sm?: string | number;
-    xs?: string | number;
-};
 export interface HotspotCardProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * top position of hotspot card
      * @default 0
      */
-    top?: string | number | Responsive;
+    top?: ResponsiveType<string | number>;
     /**
      * left position of hotspot card
      * @default 0
      */
-    left?: string | number | Responsive;
+    left?: ResponsiveType<string | number>;
     /**
      * bottom position of hotspot card
      */
-    bottom?: string | number | Responsive;
+    bottom?: ResponsiveType<string | number>;
     /**
      * right position of hotspot card
      * @default 0
      */
-    right?: string | number | Responsive;
+    right?: ResponsiveType<string | number>;
     /**
      * headline of hotspot card
      */
@@ -59,4 +53,3 @@ export interface HotspotCardProps extends HTMLAttributes<HTMLDivElement> {
  * @returns React Functional Component
  */
 export declare const HotspotCard: React.ForwardRefExoticComponent<HotspotCardProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/cjs/organisms/maps/mapComponents/infoWindowConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"infoWindowConfig.js","sources":["../../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":["import { MapIconVariant } from '../utils/mapIcons';\nconst titleSection = (title) => title &&\n    `<h4 id=\"infoWindowContent\" class=\"firstHeading\">\r\n ${title}\r\n </h4>`;\nconst streetSection = (street, city) => `<div id=\"streetInfo\">\r\n<p>${street || ''}</p>\r\n<p>${city || ''}</p>\r\n </div>`;\nconst phoneSection = (phone) => phone\n    ? `<div id=\"phoneNumber\">\r\n\t<a href=\"tel:${phone}\">${phone}</a>\r\n </div>`\n    : '';\nconst openStatusSection = (isOpen) => isOpen !== null &&\n    `\r\n<div id=\"info-dealer-status\">\r\n${isOpen ? '<div id=\"info-dealer-opened\">Open now</div>' : '<div id=\"info-dealer-closed\">Closed</div>'}\r\n   </div>\r\n   `;\nconst distanceSection = (distance) => (distance ? `<div>${distance}</div>` : '');\nconst ctaLabelSection = (ctaLabel) => ctaLabel\n    ? `<div id=\"detail-cta-container\">\r\n<span id=\"info-detail-cta\">${ctaLabel}</span>\r\n<img src=\"${MapIconVariant.ARROW_DETAIL}\"/>\r\n  </div>`\n    : '';\nconst contentString = (params) => params\n    ? `<div id=\"content\">\r\n\t${titleSection(params.title)}\r\n\t${streetSection(params.street, params.city)}\r\n\t${phoneSection(params.phone)}\r\n\t<div id=\"openStatus\">\r\n\t${openStatusSection(params.isOpen)}\r\n\t${distanceSection(params.distance)}\r\n\t</div>\r\n\t${ctaLabelSection(params.ctaLabel)}\r\n\t </div>`\n    : '';\nconst infoWindow = (windowConfig) => {\n    return new google.maps.InfoWindow({\n        content: contentString(windowConfig),\n    });\n};\n//CLOSE ALL THE PREOVIOUS INFO WINDOW AND OPEN THE NEW ONE ON THE SELECTED MARKER\nconst handleRenderInfoWindow = (marker, setInfoWindow, infoWindowState, currentMap) => {\n    if (infoWindowState) {\n        infoWindowState.close();\n    }\n    const currentInfoWindow = infoWindow({});\n    currentInfoWindow.open({\n        anchor: marker,\n        map: currentMap,\n    });\n    setInfoWindow(currentInfoWindow);\n};\nexport { infoWindow, handleRenderInfoWindow, contentString };\n//# sourceMappingURL=infoWindowConfig.js.map"],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","windowConfig","google","maps","InfoWindow","content"],"mappings":"mDACA,MA0BMA,EAAiBC,IAAWA,SAC5B,yBA3BgBC,EA4BND,EAAOC,MA5BSA,GAC5B,sDACDA,kBAEoBC,EAyBNF,EAAOE,OAzBOC,EAyBCH,EAAOG,KAzBC,6BACnCD,GAAU,cACVC,GAAQ,wBAESC,EAsBNJ,EAAOI,MAtBSA,EAC1B,0CACUA,MAAUA,iBAEpB,kCACqBC,EAmBNL,EAAOK,OAnBqB,OAAXA,GAClC,oCAEFA,EAAS,8CAAgD,oEAGlCC,EAcNN,EAAOM,SAdaA,EAAW,QAAQA,UAAmB,mBACpDC,EAeNP,EAAOO,SAfYA,EAChC,+DACuBA,uBACjBC,EAAAA,eAAeC,4BAErB,gBAYA,GAjBkB,IAACF,EADAD,EANED,EALLD,EAJCF,EAAQC,EAJTF,CAqCb,6CACWS,GACT,IAAIC,OAAOC,KAAKC,WAAW,CAC9BC,QAASf,EAAcW"}
+{"version":3,"file":"infoWindowConfig.js","sources":["../../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":["import { MapIconVariant } from '../utils/mapIcons';\nconst titleSection = (title) => title &&\n    `<h4 id=\"infoWindowContent\" class=\"firstHeading\">\n ${title}\n </h4>`;\nconst streetSection = (street, city) => `<div id=\"streetInfo\">\n<p>${street || ''}</p>\n<p>${city || ''}</p>\n </div>`;\nconst phoneSection = (phone) => phone\n    ? `<div id=\"phoneNumber\">\n\t<a href=\"tel:${phone}\">${phone}</a>\n </div>`\n    : '';\nconst openStatusSection = (isOpen) => isOpen !== null &&\n    `\n<div id=\"info-dealer-status\">\n${isOpen ? '<div id=\"info-dealer-opened\">Open now</div>' : '<div id=\"info-dealer-closed\">Closed</div>'}\n   </div>\n   `;\nconst distanceSection = (distance) => (distance ? `<div>${distance}</div>` : '');\nconst ctaLabelSection = (ctaLabel) => ctaLabel\n    ? `<div id=\"detail-cta-container\">\n<span id=\"info-detail-cta\">${ctaLabel}</span>\n<img src=\"${MapIconVariant.ARROW_DETAIL}\"/>\n  </div>`\n    : '';\nconst contentString = (params) => params\n    ? `<div id=\"content\">\n\t${titleSection(params.title)}\n\t${streetSection(params.street, params.city)}\n\t${phoneSection(params.phone)}\n\t<div id=\"openStatus\">\n\t${openStatusSection(params.isOpen)}\n\t${distanceSection(params.distance)}\n\t</div>\n\t${ctaLabelSection(params.ctaLabel)}\n\t </div>`\n    : '';\nconst infoWindow = (windowConfig) => {\n    return new google.maps.InfoWindow({\n        content: contentString(windowConfig),\n    });\n};\n//CLOSE ALL THE PREOVIOUS INFO WINDOW AND OPEN THE NEW ONE ON THE SELECTED MARKER\nconst handleRenderInfoWindow = (marker, setInfoWindow, infoWindowState, currentMap) => {\n    if (infoWindowState) {\n        infoWindowState.close();\n    }\n    const currentInfoWindow = infoWindow({});\n    currentInfoWindow.open({\n        anchor: marker,\n        map: currentMap,\n    });\n    setInfoWindow(currentInfoWindow);\n};\nexport { infoWindow, handleRenderInfoWindow, contentString };\n//# sourceMappingURL=infoWindowConfig.js.map"],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","windowConfig","google","maps","InfoWindow","content"],"mappings":"mDACA,MA0BMA,EAAiBC,IAAWA,SAC5B,yBA3BgBC,EA4BND,EAAOC,MA5BSA,GAC5B,sDACDA,kBAEoBC,EAyBNF,EAAOE,OAzBOC,EAyBCH,EAAOG,KAzBC,6BACnCD,GAAU,cACVC,GAAQ,wBAESC,EAsBNJ,EAAOI,MAtBSA,EAC1B,0CACUA,MAAUA,iBAEpB,kCACqBC,EAmBNL,EAAOK,OAnBqB,OAAXA,GAClC,oCAEFA,EAAS,8CAAgD,oEAGlCC,EAcNN,EAAOM,SAdaA,EAAW,QAAQA,UAAmB,mBACpDC,EAeNP,EAAOO,SAfYA,EAChC,+DACuBA,uBACjBC,EAAAA,eAAeC,4BAErB,gBAYA,GAjBkB,IAACF,EADAD,EANED,EALLD,EAJCF,EAAQC,EAJTF,CAqCb,6CACWS,GACT,IAAIC,OAAOC,KAAKC,WAAW,CAC9BC,QAASf,EAAcW"}

package/cjs/organisms/maps/maps.js.map

@@ -1 +1 @@
-{"version":3,"file":"maps.js","sources":["../../../../src/organisms/maps/maps.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport { Wrapper } from '@googlemaps/react-wrapper';\nimport Map from './mapComponents/mapComponent';\nimport Marker from './mapComponents/markerComponent';\nimport useMap from './hook/useMap';\nimport { contentString } from './mapComponents/infoWindowConfig';\nimport MapStyled from './mapComponents/mapStyled';\n/**\n * @description SkodaFlow Map component.\n * Properties are inherited from HTML Map element.\n * @param props MapProps\n * @returns React Functional Component\n */\nexport const Maps = ({ apiKey, enableFitBound, hideControlsOnMobile, markers, center, zoom, enableMoveSearch, canOpenInfoWindow = true, markerSelectedId, callbackMarkerClicked, onDragEndCallback, onInfoWindowCtaClick, }) => {\n    const [registeredMarkers, setRegisteredMarkers] = useState([]);\n    const { onMarkerClick } = useMap();\n    const [currentMap, setCurrentMap] = useState(null);\n    const [markerList, setMarkerList] = useState([]);\n    const [infoWindow, setInfoWindow] = useState(null);\n    useEffect(() => {\n        onMarkerClick(markerSelectedId, registeredMarkers);\n    }, [markerSelectedId, registeredMarkers, onMarkerClick]);\n    //ON CLICK ON MAP EVENT\n    const onClick = () => {\n        if (infoWindow) {\n            infoWindow.close();\n        }\n    };\n    //METHOD CALLED CLICK ON MORE DETAIL CTA IN INFO WINDOW\n    const onClickMoreDetail = (currentInfo, _onInfoWindowCtaClick) => {\n        _onInfoWindowCtaClick && _onInfoWindowCtaClick();\n        currentInfo.close();\n    };\n    //Change the icon on marker selected\n    //FIRE THE CALLBACK FROM THE OUTSIDE RETURN THE CLICKED MARKER\n    //OPEN THE INFO WINDOW ON THE SELECTED MARKER IF IT IS POSSIBLE AND PUSH IN THE CONTENT STRING WITH ALL THE INFORMATIONS NEEDED\n    const handleMarkerClicked = async (marker, currentInfo, canOpen, infoWindowConfig, _onInfoWindowCtaClick) => {\n        onMarkerClick(marker.id, registeredMarkers);\n        callbackMarkerClicked && callbackMarkerClicked(marker);\n        //TODO: SET ANCHOR MARKER TO THE INFO WINDOW WITH THE CLICKE DONE\n        if (canOpen && infoWindowConfig) {\n            const content = contentString(infoWindowConfig);\n            currentInfo.setContent(content);\n            await currentInfo.open({\n                anchor: marker,\n                map: currentMap,\n            });\n            const moreDetailBtn = document.getElementById('info-detail-cta');\n            if (moreDetailBtn) {\n                moreDetailBtn.removeEventListener('click', () => onClickMoreDetail(currentInfo, _onInfoWindowCtaClick));\n                moreDetailBtn.addEventListener('click', () => onClickMoreDetail(currentInfo, _onInfoWindowCtaClick));\n            }\n        }\n    };\n    //Save the registered markers on the map\n    //Registered markers will be used to change markers already visible on the map (ex. icon type)\n    const handleRegisteredMarkers = useCallback((marker) => {\n        setRegisteredMarkers((prevArr) => [marker, ...prevArr]);\n    }, []);\n    // Deletes all markers in the array by removing references to them.\n    const deleteMarkers = useCallback(() => {\n        if (registeredMarkers && registeredMarkers.length > 0) {\n            registeredMarkers.forEach((currentMarker) => {\n                currentMarker.setMap(null);\n            });\n        }\n        setRegisteredMarkers([]);\n        setMarkerList([]);\n    }, [registeredMarkers]);\n    //WHENEVER A NEW MARKER LIST IS GIVEN, DELETE ALL THE PREVIOUS ONES\n    useEffect(() => {\n        deleteMarkers();\n    }, [markers]); // eslint-disable-line\n    //SET A NEW MARKER LIST WHENEVER A NEW LIST IS GIVEN\n    useEffect(() => {\n        if (markerList.length <= 0 && registeredMarkers.length <= 0) {\n            setMarkerList(markers);\n        }\n    }, [markerList, markers, registeredMarkers]);\n    //FIRE THE FITBOUNDS EVENT WHEN THE MARKERS ON THE MAP CHANGES\n    //THE FITBOUD EVENT MAKES THE MAP ZOOM TO FIT IN THE VIEW ALL THE MARKERS VISIBLE\n    useEffect(() => {\n        if (enableFitBound && currentMap && registeredMarkers.length > 0) {\n            const bounds = new google.maps.LatLngBounds();\n            for (let i = 0; i < registeredMarkers.length; i++) {\n                const registeredPos = registeredMarkers[i].getPosition();\n                const position = {\n                    lat: registeredPos.lat(),\n                    lng: registeredPos.lng(),\n                };\n                bounds.extend(position);\n            }\n            currentMap.fitBounds(bounds);\n        }\n    }, [registeredMarkers, currentMap, enableFitBound]);\n    //SAVE INTO THE STATE THE REGISTERED GOOGLE MAP\n    const handleCurrentMap = useCallback((map) => {\n        if (map) {\n            setCurrentMap(map);\n        }\n    }, []);\n    //CALLBACK FIRED ON DRAG END EVENT OF THE GOOGLE MAP\n    const onDragEnd = useCallback((m) => {\n        const centerObj = m.getCenter();\n        const centerMap = {\n            lat: centerObj.lat(),\n            lng: centerObj.lng(),\n        };\n        onDragEndCallback && onDragEndCallback(m, centerMap);\n    }, [onDragEndCallback]);\n    const handleRecordMatchMedia = useCallback(() => {\n        const isMobile = window.matchMedia('(max-width: 719px)').matches;\n        const controlsContainer = document.getElementById('map-controls-container');\n        if (controlsContainer) {\n            if (isMobile) {\n                controlsContainer.style.display = hideControlsOnMobile ? 'none' : 'block';\n            }\n            else {\n                controlsContainer.style.display = 'block';\n            }\n        }\n    }, [hideControlsOnMobile]);\n    useEffect(() => {\n        handleRecordMatchMedia();\n        window.addEventListener('resize', handleRecordMatchMedia);\n        return () => {\n            window.removeEventListener('resize', handleRecordMatchMedia);\n        };\n    }, [currentMap, handleRecordMatchMedia]);\n    return (_jsx(MapStyled, { children: apiKey && (_jsx(Wrapper, { apiKey: apiKey, children: _jsx(Map, { setInfoWindow: setInfoWindow, currentInfoWindow: infoWindow, enableMoveSearch: enableMoveSearch, onDragEnd: onDragEnd, center: center, onClick: onClick, zoom: zoom, registeredMarkers: registeredMarkers, handleCurrentMap: handleCurrentMap, style: { flexGrow: '1', height: '100%', width: '100%' }, children: markerList &&\n                    markerList.length > 0 &&\n                    markerList.map((marker, i) => {\n                        return (_jsx(Marker, { infoWindow: infoWindow, handleRegisteredMarkers: handleRegisteredMarkers, isSelected: marker.isSelected, id: marker.id, onInfoWindowCtaClick: onInfoWindowCtaClick, canOpenInfoWindow: canOpenInfoWindow, resultIcon: marker.resultIcon, selectedIcon: marker.selectedIcon, resultIconHover: marker.resultIconHover, selectedIconHover: marker.selectedIconHover, infoWindowConfig: marker.infoWindowConfig, handleMarkerClicked: handleMarkerClicked, position: { lat: marker.lat, lng: marker.lng } }, i));\n                    }) }) })) }));\n};\n//# sourceMappingURL=maps.js.map"],"names":["apiKey","enableFitBound","hideControlsOnMobile","markers","center","zoom","enableMoveSearch","canOpenInfoWindow","markerSelectedId","callbackMarkerClicked","onDragEndCallback","onInfoWindowCtaClick","registeredMarkers","setRegisteredMarkers","useState","onMarkerClick","useMap","currentMap","setCurrentMap","markerList","setMarkerList","infoWindow","setInfoWindow","useEffect","onClickMoreDetail","currentInfo","_onInfoWindowCtaClick","close","handleMarkerClicked","async","marker","canOpen","infoWindowConfig","id","content","contentString","setContent","open","anchor","map","moreDetailBtn","document","getElementById","removeEventListener","addEventListener","handleRegisteredMarkers","useCallback","prevArr","deleteMarkers","length","forEach","currentMarker","setMap","bounds","google","maps","LatLngBounds","i","registeredPos","getPosition","position","lat","lng","extend","fitBounds","handleCurrentMap","onDragEnd","m","centerObj","getCenter","centerMap","handleRecordMatchMedia","isMobile","window","matchMedia","matches","controlsContainer","style","display","_jsx","jsx","MapStyled","default","children","Wrapper","Map","currentInfoWindow","onClick","flexGrow","height","width","Marker","isSelected","resultIcon","selectedIcon","resultIconHover","selectedIconHover"],"mappings":"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"}
+{"version":3,"file":"maps.js","sources":["../../../../src/organisms/maps/maps.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport { Wrapper } from '@googlemaps/react-wrapper';\nimport Map from './mapComponents/mapComponent';\nimport Marker from './mapComponents/markerComponent';\nimport useMap from './hook/useMap';\nimport { contentString } from './mapComponents/infoWindowConfig';\nimport MapStyled from './mapComponents/mapStyled';\n/**\n * @description SkodaFlow Map component.\n * Properties are inherited from HTML Map element.\n * @param props MapProps\n * @returns React Functional Component\n */\nexport const Maps = ({ apiKey, enableFitBound, hideControlsOnMobile, markers, center, zoom, enableMoveSearch, canOpenInfoWindow = true, markerSelectedId, callbackMarkerClicked, onDragEndCallback, onInfoWindowCtaClick, }) => {\n    const [registeredMarkers, setRegisteredMarkers] = useState([]);\n    const { onMarkerClick } = useMap();\n    const [currentMap, setCurrentMap] = useState(null);\n    const [markerList, setMarkerList] = useState([]);\n    const [infoWindow, setInfoWindow] = useState(null);\n    useEffect(() => {\n        onMarkerClick(markerSelectedId, registeredMarkers);\n    }, [markerSelectedId, registeredMarkers, onMarkerClick]);\n    //ON CLICK ON MAP EVENT\n    const onClick = () => {\n        if (infoWindow) {\n            infoWindow.close();\n        }\n    };\n    //METHOD CALLED CLICK ON MORE DETAIL CTA IN INFO WINDOW\n    const onClickMoreDetail = (currentInfo, _onInfoWindowCtaClick) => {\n        _onInfoWindowCtaClick && _onInfoWindowCtaClick();\n        currentInfo.close();\n    };\n    //Change the icon on marker selected\n    //FIRE THE CALLBACK FROM THE OUTSIDE RETURN THE CLICKED MARKER\n    //OPEN THE INFO WINDOW ON THE SELECTED MARKER IF IT IS POSSIBLE AND PUSH IN THE CONTENT STRING WITH ALL THE INFORMATIONS NEEDED\n    const handleMarkerClicked = async (marker, currentInfo, canOpen, infoWindowConfig, _onInfoWindowCtaClick) => {\n        onMarkerClick(marker.id, registeredMarkers);\n        callbackMarkerClicked && callbackMarkerClicked(marker);\n        if (canOpen && infoWindowConfig) {\n            const content = contentString(infoWindowConfig);\n            currentInfo.setContent(content);\n            await currentInfo.open({\n                anchor: marker,\n                map: currentMap,\n            });\n            const moreDetailBtn = document.getElementById('info-detail-cta');\n            if (moreDetailBtn) {\n                moreDetailBtn.removeEventListener('click', () => onClickMoreDetail(currentInfo, _onInfoWindowCtaClick));\n                moreDetailBtn.addEventListener('click', () => onClickMoreDetail(currentInfo, _onInfoWindowCtaClick));\n            }\n        }\n    };\n    //Save the registered markers on the map\n    //Registered markers will be used to change markers already visible on the map (ex. icon type)\n    const handleRegisteredMarkers = useCallback((marker) => {\n        setRegisteredMarkers((prevArr) => [marker, ...prevArr]);\n    }, []);\n    // Deletes all markers in the array by removing references to them.\n    const deleteMarkers = useCallback(() => {\n        if (registeredMarkers && registeredMarkers.length > 0) {\n            registeredMarkers.forEach((currentMarker) => {\n                currentMarker.setMap(null);\n            });\n        }\n        setRegisteredMarkers([]);\n        setMarkerList([]);\n    }, [registeredMarkers]);\n    //WHENEVER A NEW MARKER LIST IS GIVEN, DELETE ALL THE PREVIOUS ONES\n    useEffect(() => {\n        deleteMarkers();\n    }, [markers]); // eslint-disable-line\n    //SET A NEW MARKER LIST WHENEVER A NEW LIST IS GIVEN\n    useEffect(() => {\n        if (markerList.length <= 0 && registeredMarkers.length <= 0) {\n            setMarkerList(markers);\n        }\n    }, [markerList, markers, registeredMarkers]);\n    //FIRE THE FITBOUNDS EVENT WHEN THE MARKERS ON THE MAP CHANGES\n    //THE FITBOUD EVENT MAKES THE MAP ZOOM TO FIT IN THE VIEW ALL THE MARKERS VISIBLE\n    useEffect(() => {\n        if (enableFitBound && currentMap && registeredMarkers.length > 0) {\n            const bounds = new google.maps.LatLngBounds();\n            for (let i = 0; i < registeredMarkers.length; i++) {\n                const registeredPos = registeredMarkers[i].getPosition();\n                const position = {\n                    lat: registeredPos.lat(),\n                    lng: registeredPos.lng(),\n                };\n                bounds.extend(position);\n            }\n            currentMap.fitBounds(bounds);\n        }\n    }, [registeredMarkers, currentMap, enableFitBound]);\n    //SAVE INTO THE STATE THE REGISTERED GOOGLE MAP\n    const handleCurrentMap = useCallback((map) => {\n        if (map) {\n            setCurrentMap(map);\n        }\n    }, []);\n    //CALLBACK FIRED ON DRAG END EVENT OF THE GOOGLE MAP\n    const onDragEnd = useCallback((m) => {\n        const centerObj = m.getCenter();\n        const centerMap = {\n            lat: centerObj.lat(),\n            lng: centerObj.lng(),\n        };\n        onDragEndCallback && onDragEndCallback(m, centerMap);\n    }, [onDragEndCallback]);\n    const handleRecordMatchMedia = useCallback(() => {\n        const isMobile = window.matchMedia('(max-width: 719px)').matches;\n        const controlsContainer = document.getElementById('map-controls-container');\n        if (controlsContainer) {\n            if (isMobile) {\n                controlsContainer.style.display = hideControlsOnMobile ? 'none' : 'block';\n            }\n            else {\n                controlsContainer.style.display = 'block';\n            }\n        }\n    }, [hideControlsOnMobile]);\n    useEffect(() => {\n        handleRecordMatchMedia();\n        window.addEventListener('resize', handleRecordMatchMedia);\n        return () => {\n            window.removeEventListener('resize', handleRecordMatchMedia);\n        };\n    }, [currentMap, handleRecordMatchMedia]);\n    return (_jsx(MapStyled, { children: apiKey && (_jsx(Wrapper, { apiKey: apiKey, children: _jsx(Map, { setInfoWindow: setInfoWindow, currentInfoWindow: infoWindow, enableMoveSearch: enableMoveSearch, onDragEnd: onDragEnd, center: center, onClick: onClick, zoom: zoom, registeredMarkers: registeredMarkers, handleCurrentMap: handleCurrentMap, style: { flexGrow: '1', height: '100%', width: '100%' }, children: markerList &&\n                    markerList.length > 0 &&\n                    markerList.map((marker, i) => {\n                        return (_jsx(Marker, { infoWindow: infoWindow, handleRegisteredMarkers: handleRegisteredMarkers, isSelected: marker.isSelected, id: marker.id, onInfoWindowCtaClick: onInfoWindowCtaClick, canOpenInfoWindow: canOpenInfoWindow, resultIcon: marker.resultIcon, selectedIcon: marker.selectedIcon, resultIconHover: marker.resultIconHover, selectedIconHover: marker.selectedIconHover, infoWindowConfig: marker.infoWindowConfig, handleMarkerClicked: handleMarkerClicked, position: { lat: marker.lat, lng: marker.lng } }, i));\n                    }) }) })) }));\n};\n//# sourceMappingURL=maps.js.map"],"names":["apiKey","enableFitBound","hideControlsOnMobile","markers","center","zoom","enableMoveSearch","canOpenInfoWindow","markerSelectedId","callbackMarkerClicked","onDragEndCallback","onInfoWindowCtaClick","registeredMarkers","setRegisteredMarkers","useState","onMarkerClick","useMap","currentMap","setCurrentMap","markerList","setMarkerList","infoWindow","setInfoWindow","useEffect","onClickMoreDetail","currentInfo","_onInfoWindowCtaClick","close","handleMarkerClicked","async","marker","canOpen","infoWindowConfig","id","content","contentString","setContent","open","anchor","map","moreDetailBtn","document","getElementById","removeEventListener","addEventListener","handleRegisteredMarkers","useCallback","prevArr","deleteMarkers","length","forEach","currentMarker","setMap","bounds","google","maps","LatLngBounds","i","registeredPos","getPosition","position","lat","lng","extend","fitBounds","handleCurrentMap","onDragEnd","m","centerObj","getCenter","centerMap","handleRecordMatchMedia","isMobile","window","matchMedia","matches","controlsContainer","style","display","_jsx","jsx","MapStyled","default","children","Wrapper","Map","currentInfoWindow","onClick","flexGrow","height","width","Marker","isSelected","resultIcon","selectedIcon","resultIconHover","selectedIconHover"],"mappings":"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"}

package/cjs/organisms/notification/Notification.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");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"),require("../../components/icon/icon.js");var r=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");var o=require("@mui/material");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("react"),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/Gallery.js"),require("../gallery/GalleryItem.js"),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("../../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("@mui/x-date-pickers/internals"),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("./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("../../layout/Footer/FooterNavItem.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../production/Button.js"),require("minimatch");const i=o.styled(o.Box)((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:e.palette.onSurface.os200,flexShrink:0})));exports.Notification=t=>{const s=o.useTheme();return e.jsxs(o.Box,{sx:{background:"grey"===t.color?s.palette.surface.primary:s.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[t.icon&&e.jsx(i,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:t.icon}),e.jsxs(o.Box,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column"},children:[e.jsxs(o.Box,{display:"flex",alignItems:"center",children:[t.isNew&&e.jsx(r.Indicator,{variant:"neutral"}),e.jsx(o.Box,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.jsx(o.Typography,{variant:"subheadline","data-testid":"Notification.headline",children:t.headline})})]}),e.jsx(o.Box,{"data-testid":"Notification.description",children:"string"==typeof t.description?e.jsx(o.Typography,{sx:{lineHeight:"16px",maxHeight:"32px",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer",children:t.description}):t.description}),t.footer&&e.jsx(o.Typography,{variant:"disclaimer",color:s.palette.onSurface.os500,"data-testid":"Notification.footer",children:t.footer}),t.buttons&&e.jsx(o.Stack,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:t.buttons})]}),t.onDismiss&&e.jsx(o.IconButton,{onClick:t.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px",".sa-i":{height:"28px"}},"data-testid":"Notification.dismiss",children:e.jsx(o.Icon,{fontSize:"small",className:"ballotx"})})]})};
+"use strict";var e=require("react/jsx-runtime");require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),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("../../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("../../components/controls/controls.js"),require("../../components/numbering/numbering.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("lodash/noop"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("./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("../../components/icon/icon.js"),require("../../components/icon/icon.definitions.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"),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/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var o=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/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("../../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/Gallery.js"),require("../gallery/GalleryItem.js"),require("minimatch");const i=r.styled(r.Box)((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:e.palette.onSurface.os200,flexShrink:0})));exports.Notification=t=>{const s=r.useTheme();return e.jsxs(r.Box,{sx:{background:"grey"===t.color?s.palette.surface.primary:s.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[t.icon&&e.jsx(i,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:t.icon}),e.jsxs(r.Box,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column"},children:[e.jsxs(r.Box,{display:"flex",alignItems:"center",children:[t.isNew&&e.jsx(o.Indicator,{color:"neutral"}),e.jsx(r.Box,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.jsx(r.Typography,{variant:"subheadline","data-testid":"Notification.headline",children:t.headline})})]}),e.jsx(r.Box,{"data-testid":"Notification.description",children:"string"==typeof t.description?e.jsx(r.Typography,{sx:{lineHeight:"16px",maxHeight:"32px",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer",children:t.description}):t.description}),t.footer&&e.jsx(r.Typography,{variant:"disclaimer",color:s.palette.onSurface.os500,"data-testid":"Notification.footer",children:t.footer}),t.buttons&&e.jsx(r.Stack,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:t.buttons})]}),t.onDismiss&&e.jsx(r.IconButton,{onClick:t.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px",".sa-i":{height:"28px"}},"data-testid":"Notification.dismiss",children:e.jsx(r.Icon,{fontSize:"small",className:"ballotx close"})})]})};
 //# sourceMappingURL=Notification.js.map

package/cjs/organisms/notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../../src/organisms/notification/Notification.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '@/src/components';\nimport { Box, Icon, IconButton, Stack, Typography, styled, useTheme } from '@mui/material';\nexport const Notification = (props) => {\n    const theme = useTheme();\n    return (_jsxs(Box, { sx: {\n            background: props.color === 'grey' ? theme.palette.surface.primary : theme.palette.onSurface.os0,\n            padding: '24px 32px',\n            display: 'flex',\n            flexDirection: 'row',\n            gap: '24px',\n            alignItems: 'center',\n            position: 'relative',\n        }, \"data-testid\": \"Notification\", children: [props.icon && (_jsx(IconBox, { sx: {\n                    display: { sm: 'flex', xs: 'none' },\n                    overflow: 'hidden',\n                    img: { width: '100%', height: '100%', objectFit: 'cover' },\n                }, \"data-testid\": \"Notification.icon\", children: props.icon })), _jsxs(Box, { sx: {\n                    width: '100%',\n                    maxWidth: '100%',\n                    overflow: 'hidden',\n                    display: 'flex',\n                    gap: '8px',\n                    flexDirection: 'column',\n                }, children: [_jsxs(Box, { display: \"flex\", alignItems: \"center\", children: [props.isNew && _jsx(Indicator, { variant: \"neutral\" }), _jsx(Box, { sx: {\n                                    whiteSpace: 'nowrap',\n                                    overflow: 'hidden',\n                                    textOverflow: 'ellipsis',\n                                }, children: _jsx(Typography, { variant: \"subheadline\", \"data-testid\": \"Notification.headline\", children: props.headline }) })] }), _jsx(Box, { \"data-testid\": \"Notification.description\", children: typeof props.description === 'string' ? (_jsx(Typography, { sx: {\n                                lineHeight: '16px',\n                                maxHeight: '32px',\n                                overflow: 'hidden',\n                                textOverflow: 'ellipsis',\n                                display: '-webkit-box',\n                                WebkitLineClamp: '2',\n                                WebkitBoxOrient: 'vertical',\n                            }, variant: \"disclaimer\", children: props.description })) : (props.description) }), props.footer && (_jsx(Typography, { variant: \"disclaimer\", color: theme.palette.onSurface.os500, \"data-testid\": \"Notification.footer\", children: props.footer })), props.buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, \"data-testid\": \"Notification.buttons\", children: props.buttons }))] }), props.onDismiss && (_jsx(IconButton, { onClick: props.onDismiss, size: \"small\", sx: {\n                    position: 'absolute',\n                    right: '8px',\n                    top: '8px',\n                    '.sa-i': {\n                        height: '28px',\n                    },\n                }, \"data-testid\": \"Notification.dismiss\", children: _jsx(Icon, { fontSize: \"small\", className: \"ballotx\" }) }))] }));\n};\nconst IconBox = styled(Box)(({ theme }) => ({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    borderRadius: '50%',\n    width: '56px',\n    height: '56px',\n    background: theme.palette.onSurface.os200,\n    flexShrink: 0,\n}));\n//# sourceMappingURL=Notification.js.map"],"names":["IconBox","styled","Box","theme","display","justifyContent","alignItems","borderRadius","width","height","background","palette","onSurface","os200","flexShrink","props","useTheme","_jsxs","jsxs","sx","color","surface","primary","os0","padding","flexDirection","gap","position","children","icon","_jsx","jsx","sm","xs","overflow","img","objectFit","maxWidth","isNew","Indicator","variant","whiteSpace","textOverflow","Typography","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className"],"mappings":"44KAGY,MA0CNA,EAAUC,EAAAA,OAAOC,EAAAA,IAAPD,EAAY,EAAGE,YAAa,CACxCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,OACPC,OAAQ,OACRC,WAAYP,EAAMQ,QAAQC,UAAUC,MACpCC,WAAY,2BAlDaC,IACzB,MAAMZ,EAAQa,EAAAA,WACd,OAAQC,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CACjBT,WAA4B,SAAhBK,EAAMK,MAAmBjB,EAAMQ,QAAQU,QAAQC,QAAUnB,EAAMQ,QAAQC,UAAUW,IAC7FC,QAAS,YACTpB,QAAS,OACTqB,cAAe,MACfC,IAAK,OACLpB,WAAY,SACZqB,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACb,EAAMc,MAASC,EAAIC,IAAC/B,EAAS,CAAEmB,GAAI,CACpEf,QAAS,CAAE4B,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAE3B,MAAO,OAAQC,OAAQ,OAAQ2B,UAAW,UAClD,cAAe,oBAAqBR,SAAUb,EAAMc,OAAUZ,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CAC9EX,MAAO,OACP6B,SAAU,OACVH,SAAU,SACV9B,QAAS,OACTsB,IAAK,MACLD,cAAe,UAChBG,SAAU,CAACX,EAAKC,KAAChB,MAAK,CAAEE,QAAS,OAAQE,WAAY,SAAUsB,SAAU,CAACb,EAAMuB,OAASR,EAAAA,IAAKS,EAASA,UAAE,CAAEC,QAAS,YAAcV,EAAIC,IAAC7B,MAAK,CAAEiB,GAAI,CACjIsB,WAAY,SACZP,SAAU,SACVQ,aAAc,YACfd,SAAUE,EAAIC,IAACY,aAAY,CAAEH,QAAS,cAAe,cAAe,wBAAyBZ,SAAUb,EAAM6B,gBAAoBd,EAAIC,IAAC7B,EAAGA,IAAE,CAAE,cAAe,2BAA4B0B,SAAuC,iBAAtBb,EAAM8B,YAA4Bf,EAAIC,IAACY,EAAUA,WAAE,CAAExB,GAAI,CACrQ2B,WAAY,OACZC,UAAW,OACXb,SAAU,SACVQ,aAAc,WACdtC,QAAS,cACT4C,gBAAiB,IACjBC,gBAAiB,YAClBT,QAAS,aAAcZ,SAAUb,EAAM8B,cAAmB9B,EAAiB,cAAMA,EAAMmC,QAAWpB,EAAIC,IAACY,aAAY,CAAEH,QAAS,aAAcpB,MAAOjB,EAAMQ,QAAQC,UAAUuC,MAAO,cAAe,sBAAuBvB,SAAUb,EAAMmC,SAAYnC,EAAMqC,SAAYtB,EAAAA,IAAKuB,EAAKA,MAAE,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB3B,SAAUb,EAAMqC,aAAiBrC,EAAMyC,WAAc1B,EAAAA,IAAK2B,EAAAA,WAAY,CAAEC,QAAS3C,EAAMyC,UAAWG,KAAM,QAASxC,GAAI,CACzdQ,SAAU,WACViC,MAAO,MACPC,IAAK,MACL,QAAS,CACLpD,OAAQ,SAEb,cAAe,uBAAwBmB,SAAUE,EAAIC,IAAC+B,EAAIA,KAAE,CAAEC,SAAU,QAASC,UAAW,gBAAsB"}
+{"version":3,"file":"Notification.js","sources":["../../../../src/organisms/notification/Notification.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '@/src/components';\nimport { Box, Icon, IconButton, Stack, Typography, styled, useTheme } from '@mui/material';\nexport const Notification = (props) => {\n    const theme = useTheme();\n    return (_jsxs(Box, { sx: {\n            background: props.color === 'grey' ? theme.palette.surface.primary : theme.palette.onSurface.os0,\n            padding: '24px 32px',\n            display: 'flex',\n            flexDirection: 'row',\n            gap: '24px',\n            alignItems: 'center',\n            position: 'relative',\n        }, \"data-testid\": \"Notification\", children: [props.icon && (_jsx(IconBox, { sx: {\n                    display: { sm: 'flex', xs: 'none' },\n                    overflow: 'hidden',\n                    img: { width: '100%', height: '100%', objectFit: 'cover' },\n                }, \"data-testid\": \"Notification.icon\", children: props.icon })), _jsxs(Box, { sx: {\n                    width: '100%',\n                    maxWidth: '100%',\n                    overflow: 'hidden',\n                    display: 'flex',\n                    gap: '8px',\n                    flexDirection: 'column',\n                }, children: [_jsxs(Box, { display: \"flex\", alignItems: \"center\", children: [props.isNew && _jsx(Indicator, { color: \"neutral\" }), _jsx(Box, { sx: {\n                                    whiteSpace: 'nowrap',\n                                    overflow: 'hidden',\n                                    textOverflow: 'ellipsis',\n                                }, children: _jsx(Typography, { variant: \"subheadline\", \"data-testid\": \"Notification.headline\", children: props.headline }) })] }), _jsx(Box, { \"data-testid\": \"Notification.description\", children: typeof props.description === 'string' ? (_jsx(Typography, { sx: {\n                                lineHeight: '16px',\n                                maxHeight: '32px',\n                                overflow: 'hidden',\n                                textOverflow: 'ellipsis',\n                                display: '-webkit-box',\n                                WebkitLineClamp: '2',\n                                WebkitBoxOrient: 'vertical',\n                            }, variant: \"disclaimer\", children: props.description })) : (props.description) }), props.footer && (_jsx(Typography, { variant: \"disclaimer\", color: theme.palette.onSurface.os500, \"data-testid\": \"Notification.footer\", children: props.footer })), props.buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, \"data-testid\": \"Notification.buttons\", children: props.buttons }))] }), props.onDismiss && (_jsx(IconButton, { onClick: props.onDismiss, size: \"small\", sx: {\n                    position: 'absolute',\n                    right: '8px',\n                    top: '8px',\n                    '.sa-i': {\n                        height: '28px',\n                    },\n                }, \"data-testid\": \"Notification.dismiss\", children: _jsx(Icon, { fontSize: \"small\", className: \"ballotx close\" }) }))] }));\n};\nconst IconBox = styled(Box)(({ theme }) => ({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    borderRadius: '50%',\n    width: '56px',\n    height: '56px',\n    background: theme.palette.onSurface.os200,\n    flexShrink: 0,\n}));\n//# sourceMappingURL=Notification.js.map"],"names":["IconBox","styled","Box","theme","display","justifyContent","alignItems","borderRadius","width","height","background","palette","onSurface","os200","flexShrink","props","useTheme","_jsxs","jsxs","sx","color","surface","primary","os0","padding","flexDirection","gap","position","children","icon","_jsx","jsx","sm","xs","overflow","img","objectFit","maxWidth","isNew","Indicator","whiteSpace","textOverflow","Typography","variant","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className"],"mappings":"moLAGY,MA0CNA,EAAUC,EAAAA,OAAOC,EAAAA,IAAPD,EAAY,EAAGE,YAAa,CACxCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,OACPC,OAAQ,OACRC,WAAYP,EAAMQ,QAAQC,UAAUC,MACpCC,WAAY,2BAlDaC,IACzB,MAAMZ,EAAQa,EAAAA,WACd,OAAQC,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CACjBT,WAA4B,SAAhBK,EAAMK,MAAmBjB,EAAMQ,QAAQU,QAAQC,QAAUnB,EAAMQ,QAAQC,UAAUW,IAC7FC,QAAS,YACTpB,QAAS,OACTqB,cAAe,MACfC,IAAK,OACLpB,WAAY,SACZqB,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACb,EAAMc,MAASC,EAAIC,IAAC/B,EAAS,CAAEmB,GAAI,CACpEf,QAAS,CAAE4B,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAE3B,MAAO,OAAQC,OAAQ,OAAQ2B,UAAW,UAClD,cAAe,oBAAqBR,SAAUb,EAAMc,OAAUZ,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CAC9EX,MAAO,OACP6B,SAAU,OACVH,SAAU,SACV9B,QAAS,OACTsB,IAAK,MACLD,cAAe,UAChBG,SAAU,CAACX,EAAKC,KAAChB,MAAK,CAAEE,QAAS,OAAQE,WAAY,SAAUsB,SAAU,CAACb,EAAMuB,OAASR,EAAAA,IAAKS,EAASA,UAAE,CAAEnB,MAAO,YAAcU,EAAIC,IAAC7B,MAAK,CAAEiB,GAAI,CAC/HqB,WAAY,SACZN,SAAU,SACVO,aAAc,YACfb,SAAUE,EAAIC,IAACW,aAAY,CAAEC,QAAS,cAAe,cAAe,wBAAyBf,SAAUb,EAAM6B,gBAAoBd,EAAIC,IAAC7B,EAAGA,IAAE,CAAE,cAAe,2BAA4B0B,SAAuC,iBAAtBb,EAAM8B,YAA4Bf,EAAIC,IAACW,EAAUA,WAAE,CAAEvB,GAAI,CACrQ2B,WAAY,OACZC,UAAW,OACXb,SAAU,SACVO,aAAc,WACdrC,QAAS,cACT4C,gBAAiB,IACjBC,gBAAiB,YAClBN,QAAS,aAAcf,SAAUb,EAAM8B,cAAmB9B,EAAiB,cAAMA,EAAMmC,QAAWpB,EAAIC,IAACW,aAAY,CAAEC,QAAS,aAAcvB,MAAOjB,EAAMQ,QAAQC,UAAUuC,MAAO,cAAe,sBAAuBvB,SAAUb,EAAMmC,SAAYnC,EAAMqC,SAAYtB,EAAAA,IAAKuB,EAAKA,MAAE,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB3B,SAAUb,EAAMqC,aAAiBrC,EAAMyC,WAAc1B,EAAAA,IAAK2B,EAAAA,WAAY,CAAEC,QAAS3C,EAAMyC,UAAWG,KAAM,QAASxC,GAAI,CACzdQ,SAAU,WACViC,MAAO,MACPC,IAAK,MACL,QAAS,CACLpD,OAAQ,SAEb,cAAe,uBAAwBmB,SAAUE,EAAIC,IAAC+B,EAAIA,KAAE,CAAEC,SAAU,QAASC,UAAW,sBAA4B"}

package/cjs/organisms/notification/NotificationCenterHeaderButton.d.ts

@@ -2,6 +2,6 @@
 import { NotificationCenterProps } from './NotificationCenter';
 import { IndicatorProps } from '@/src/components';
 export type NotificationCenterHeaderButtonProps = NotificationCenterProps & {
-    indicator?: IndicatorProps['variant'];
+    indicator?: IndicatorProps['color'];
 };
 export declare const NotificationCenterHeaderButton: React.FC<NotificationCenterHeaderButtonProps>;

package/cjs/organisms/shortcutLink/shortcutLink.d.ts

@@ -1,5 +1,6 @@
+import { IconNameProp } from '../../components/icon';
 export interface ShortcutLinkProps {
-    iconName: string;
+    iconName: IconNameProp;
     title: string;
     subTitle: string;
     linkLabel: string;

package/cjs/organisms/shortcutLink/shortcutLink.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=require("../../components/button/button.js"),i=require("../../components/icon/icon.js");const a=require("@mui/material").styled("div")((({theme:e})=>{let t={};return t=Object.assign(Object.assign({},t),{display:"flex",alignItems:"center",justifyContent:"space-between",a:{textDecoration:"none"},button:{paddingLeft:"0"},".text-wrapper":{paddingTop:"20px",paddingBottom:"6px"},span:{display:"block"},"> .sa-i":{display:"none"},h4:{marginTop:"0",letterSpacing:"0.4px"},".body":{letterSpacing:"0.4px"},".sl-icon":{fontSize:"32px"},[e.breakpoints.down("md")]:{h4:{marginBottom:"2px",fontSize:"16px",lineHeight:"24px",letterSpacing:"0.2px"},".body":{letterSpacing:"0.2px",lineHeight:"16px",fontSize:"12px"}},[e.breakpoints.up("md")]:{flexDirection:"column",alignItems:"flex-start","> .sa-i":{display:"block"},h4:{marginBottom:"0"}}}),t}));exports.ShortcutLink=({iconName:r,title:s,subTitle:o,linkLabel:l,linkURL:c,isExternalLink:p,analyticsCallback:x})=>{const d=t.useCallback((e=>{x&&x(e)}),[x]);return e.jsxs(a,{children:[e.jsx(i.Icon,{className:`${r} sl-icon`,fontSize:"large"}),e.jsxs("div",{className:"text-wrapper",children:[e.jsx("h4",{children:s}),e.jsx("span",{className:"body",children:o})]}),e.jsx("a",{href:c,target:p?"_blank":"_self",rel:"noreferrer",children:e.jsx(n.Button,{variant:n.ButtonVariants.NAVIGATION,label:l,direction:"forward",onClick:d})})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=require("../../components/button/button.js"),i=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");const a=require("@mui/material").styled("div")((({theme:e})=>{let t={};return t=Object.assign(Object.assign({},t),{display:"flex",alignItems:"center",justifyContent:"space-between",a:{textDecoration:"none"},button:{paddingLeft:"0"},".text-wrapper":{paddingTop:"20px",paddingBottom:"6px"},span:{display:"block"},"> .sa-i":{display:"none"},h4:{marginTop:"0",letterSpacing:"0.4px"},".body":{letterSpacing:"0.4px"},".sl-icon":{fontSize:"32px"},[e.breakpoints.down("md")]:{h4:{marginBottom:"2px",fontSize:"16px",lineHeight:"24px",letterSpacing:"0.2px"},".body":{letterSpacing:"0.2px",lineHeight:"16px",fontSize:"12px"}},[e.breakpoints.up("md")]:{flexDirection:"column",alignItems:"flex-start","> .sa-i":{display:"block"},h4:{marginBottom:"0"}}}),t}));exports.ShortcutLink=({iconName:r,title:s,subTitle:o,linkLabel:l,linkURL:c,isExternalLink:p,analyticsCallback:x})=>{const d=t.useCallback((e=>{x&&x(e)}),[x]);return e.jsxs(a,{children:[e.jsx(i.Icon,{name:r,className:"sl-icon",fontSize:"large"}),e.jsxs("div",{className:"text-wrapper",children:[e.jsx("h4",{children:s}),e.jsx("span",{className:"body",children:o})]}),e.jsx("a",{href:c,target:p?"_blank":"_self",rel:"noreferrer",children:e.jsx(n.Button,{variant:n.ButtonVariants.NAVIGATION,label:l,direction:"forward",onClick:d})})]})};
 //# sourceMappingURL=shortcutLink.js.map