@skodaflow/web-library 5.0.0 → 6.0.0

package/layout/cookieModal/CookieModalItem.d.ts

@@ -0,0 +1,37 @@
+import { FC, ReactNode, ChangeEvent } from 'react';
+export type CookieModalItemProps = {
+    /**
+     * Title of the cookie item
+     * @requires
+     */
+    title: string;
+    /**
+     * Description of the cookie item
+     * @requires
+     */
+    children: ReactNode;
+    /**
+     * Specifies if the switch element is checked
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * Callback that is invoked when user interacts with a switch
+     * @param checked
+     * @param event
+     * @returns void
+     * @default undefined
+     */
+    onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Renders the switch element as disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Specifies name property of the switch element
+     * @default undefined
+     */
+    switchName?: string;
+};
+export declare const CookieModalItem: FC<CookieModalItemProps>;

package/layout/cookieModal/CookieModalItem.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{Stack as i,InputLabel as r,Typography as c,Switch as t}from"@mui/material";import{useId as o,useState as d,useEffect as a,useCallback as h}from"react";const l=l=>{var s;const m=o(),[p,u]=d(null!==(s=l.checked)&&void 0!==s&&s);a((()=>u(l.checked)),[l.checked,u]);const g=h(((e,n)=>{l.onChange?l.onChange(n,e):u(n)}),[l.onChange,u]);return e(i,{direction:"column",spacing:2,children:[e(i,{direction:"row",spacing:1,justifyContent:"space-between",children:[n(r,{htmlFor:m,sx:{cursor:"pointer"},children:n(c,{variant:"subheadline",children:l.title})}),n(t,{disabled:l.disabled,id:m,checked:p,onChange:g,name:l.switchName})]}),"string"==typeof l.children?n(c,{children:l.children}):l.children]})};export{l as CookieModalItem};
+//# sourceMappingURL=CookieModalItem.js.map

package/layout/cookieModal/CookieModalItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieModalItem.js","sources":["../../../src/layout/cookieModal/CookieModalItem.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { InputLabel, Stack, Switch, Typography } from '@mui/material';\nimport { useId, useState, useEffect, useCallback } from 'react';\nexport const CookieModalItem = (props) => {\n    var _a;\n    const switchId = useId();\n    const [checked, setChecked] = useState((_a = props.checked) !== null && _a !== void 0 ? _a : false);\n    useEffect(() => setChecked(props.checked), [props.checked, setChecked]);\n    const handleChange = useCallback((event, _checked) => {\n        if (props.onChange) {\n            props.onChange(_checked, event);\n        }\n        else {\n            setChecked(_checked);\n        }\n    }, [props.onChange, setChecked]);\n    return (_jsxs(Stack, { direction: \"column\", spacing: 2, children: [_jsxs(Stack, { direction: \"row\", spacing: 1, justifyContent: \"space-between\", children: [_jsx(InputLabel, { htmlFor: switchId, sx: { cursor: 'pointer' }, children: _jsx(Typography, { variant: \"subheadline\", children: props.title }) }), _jsx(Switch, { disabled: props.disabled, id: switchId, checked: checked, onChange: handleChange, name: props.switchName })] }), typeof props.children === 'string' ? _jsx(Typography, { children: props.children }) : props.children] }));\n};\n//# sourceMappingURL=CookieModalItem.js.map"],"names":["CookieModalItem","props","_a","switchId","useId","checked","setChecked","useState","useEffect","handleChange","useCallback","event","_checked","onChange","_jsxs","Stack","direction","spacing","children","justifyContent","_jsx","InputLabel","htmlFor","sx","cursor","Typography","variant","title","Switch","disabled","id","name","switchName"],"mappings":"gNAGY,MAACA,EAAmBC,IAC5B,IAAIC,EACJ,MAAMC,EAAWC,KACVC,EAASC,GAAcC,EAAkC,QAAxBL,EAAKD,EAAMI,eAA4B,IAAPH,GAAgBA,GACxFM,GAAU,IAAMF,EAAWL,EAAMI,UAAU,CAACJ,EAAMI,QAASC,IAC3D,MAAMG,EAAeC,GAAY,CAACC,EAAOC,KACjCX,EAAMY,SACNZ,EAAMY,SAASD,EAAUD,GAGzBL,EAAWM,EACd,GACF,CAACX,EAAMY,SAAUP,IACpB,OAAQQ,EAAMC,EAAO,CAAEC,UAAW,SAAUC,QAAS,EAAGC,SAAU,CAACJ,EAAMC,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGE,eAAgB,gBAAiBD,SAAU,CAACE,EAAKC,EAAY,CAAEC,QAASnB,EAAUoB,GAAI,CAAEC,OAAQ,WAAaN,SAAUE,EAAKK,EAAY,CAAEC,QAAS,cAAeR,SAAUjB,EAAM0B,UAAaP,EAAKQ,EAAQ,CAAEC,SAAU5B,EAAM4B,SAAUC,GAAI3B,EAAUE,QAASA,EAASQ,SAAUJ,EAAcsB,KAAM9B,EAAM+B,gBAA6C,iBAAnB/B,EAAMiB,SAAwBE,EAAKK,EAAY,CAAEP,SAAUjB,EAAMiB,WAAcjB,EAAMiB,WAAc"}

package/layout/cookieModal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CookieModal';
+export * from './CookieModalItem';

package/layout/index.d.ts

@@ -4,3 +4,4 @@ export * from './Footer';
 export * from './Error';
 export * from './PageLayout';
 export * from './SecondaryNavigation';
+export * from './cookieModal';

package/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as a,jsx as i}from"react/jsx-runtime";import{Indicator as t}from"../../components/indicator/indicator.js";import n from"@mui/material/Card";import{Label as r}from"../../components/label/label.js";import o from"../common/menuCardComponent/menuCardComponent.js";import l from"../common/buttonCardComponent/buttonCardComponent.js";import{LabelFeature as p}from"../../components/labelFeature/labelFeature.js";import{styled as c}from"@mui/material/styles";import{handleMaxChars as m}from"../../utils/utilities.js";import d from"../../components/common/imageComponent.js";const s=({label:e,labelVariant:n,vehicleName:c,equipment:s,vehicleStatus:h,vehicleStatusVariant:b,image:u,fallbackImage:x,altDescriptionImage:f,mandatoryButtonObject:y,optionalButtonObject:v,darkOpacityLayer:C,lightOpacityLayer:w,menuCardComponentProps:k,isMenuDropdown:j,vehicleSpecs:N,vehicleSpecsObject:O,isCompact:S,size:z})=>a(g,{size:z,darkOpacityLayer:C,lightOpacityLayer:w,children:[i("div",{className:"CardImageOverlayTheme"}),i("div",{className:"ownedVehicleContainer",children:a("div",{className:"ownedVehicleContainerContent",children:[a("div",{className:"vehicleTitleContainer",children:[e&&("feature"===n?i(p,{className:"CardImageLabelFeature",variant:"primary",children:m(e,30)}):i(r,{className:"CardImageLabel",label:m(e,30)})),c&&i("h2",{style:{margin:0},className:"vehicleName",children:m(c,20)}),s&&i("h4",{style:{margin:0},className:"vehicleEquipment",children:m(s,20)}),h&&i(t,{className:"disclamer",label:h,variant:b})]}),i("div",{className:"ownedVehicleImage",children:i(d,{image:u,alt:f,fallbackImage:x})}),a("div",{className:"ownedVehicleSpecsContainer",children:[a("div",{className:"ownedVehicleButtons",children:[(null==y?void 0:y.label)&&i(l,{className:"button-component",buttonObject:y,compact:S}),(null==v?void 0:v.label)&&i(l,{className:"button-component",buttonObject:v,compact:S})]}),N&&a("div",{className:"ownedVehicleSpecs",children:[O.map((e=>a("div",{children:[e.subtitle&&i("p",{children:e.subtitle}),e.value&&i("p",{children:i("b",{children:e.value})})]},e.value)))," "]})]}),j&&i(o,Object.assign({},k))]})})]}),g=c(n,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((a=>{var{theme:i}=a,t=e(a,["theme"]);const n=((e,a)=>{let i="";switch(a){case"opacity25":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return i})(t.darkOpacityLayer,t.lightOpacityLayer),r=((e,a,i)=>{let t="";return"opacity0"!==a&&"opacity0"===e&&(t=i.palette.onSurface.os900),t="opacity0"!==e?i.palette.onSurface.os0:i.palette.onSurface.os900,t})(t.darkOpacityLayer,t.lightOpacityLayer,i);let o={};return o={position:"relative",width:"100%",padding:"24px",backgroundColor:i.palette.transparent.primary,color:r,"& .ownedVehicleImage":{marginTop:"-45px",position:"relative",[i.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .disclamer":{fontSize:"14px",lineHeight:"20px",marginTop:"4px",color:r},"& .ownedVehicleContainer":{position:"relative",height:"100%",width:"100%"},"& .ownedVehicleContainerContent":{overflow:"hidden",height:"100%",width:"100%",display:"flex",flexDirection:"column",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%","& > .vehicleName":{fontSize:"23px",[i.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[i.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"}},"& > .ownedVehicleSpecsContainer":{marginTop:"-25px",fontSize:"14px",lineHeight:"20px",display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[i.breakpoints.up("md")]:{flexDirection:"row",marginTop:"fixed"===t.size?0:"-25px"},"& > .ownedVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[i.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[i.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .ownedVehicleSpecs":{display:"flex",flexDirection:"row",alignItems:"end",marginBottom:i.breakpoints.values.md?0:"12px"," & > div:first-of-type":{marginRight:"24px"}," & > div > p":{margin:0}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:n}},o}));export{s as CardOwnedVehicleComponent,s as default};
+import{__rest as e}from"tslib";import{jsxs as i,jsx as a}from"react/jsx-runtime";import{Indicator as t}from"../../components/indicator/indicator.js";import n from"@mui/material/Card";import{Label as r}from"../../components/label/label.js";import o from"../common/menuCardComponent/menuCardComponent.js";import l from"../common/buttonCardComponent/buttonCardComponent.js";import{LabelFeature as p}from"../../components/labelFeature/labelFeature.js";import{styled as c}from"@mui/material/styles";import{handleMaxChars as m}from"../../utils/utilities.js";import d from"../../components/common/imageComponent.js";const s=({label:e,labelVariant:n,vehicleName:c,equipment:s,vehicleStatus:h,vehicleStatusVariant:b,image:u,fallbackImage:x,altDescriptionImage:f,mandatoryButtonObject:y,optionalButtonObject:v,darkOpacityLayer:C,lightOpacityLayer:w,menuCardComponentProps:k,isMenuDropdown:j,vehicleSpecs:N,vehicleSpecsObject:O,isCompact:S,size:z})=>i(g,{size:z,darkOpacityLayer:C,lightOpacityLayer:w,children:[a("div",{className:"CardImageOverlayTheme"}),a("div",{className:"ownedVehicleContainer",children:i("div",{className:"ownedVehicleContainerContent",children:[i("div",{className:"vehicleTitleContainer",children:[e&&("feature"===n?a(p,{className:"CardImageLabelFeature",variant:"primary",children:m(e,30)}):a(r,{className:"CardImageLabel",label:m(e,30)})),c&&a("h2",{style:{margin:0},className:"vehicleName",children:m(c,20)}),s&&a("h4",{style:{margin:0},className:"vehicleEquipment",children:m(s,20)}),h&&a(t,{className:"disclamer",label:h,color:b})]}),a("div",{className:"ownedVehicleImage",children:a(d,{image:u,alt:f,fallbackImage:x})}),i("div",{className:"ownedVehicleSpecsContainer",children:[i("div",{className:"ownedVehicleButtons",children:[(null==y?void 0:y.label)&&a(l,{className:"button-component",buttonObject:y,compact:S}),(null==v?void 0:v.label)&&a(l,{className:"button-component",buttonObject:v,compact:S})]}),N&&i("div",{className:"ownedVehicleSpecs",children:[O.map((e=>i("div",{children:[e.subtitle&&a("p",{children:e.subtitle}),e.value&&a("p",{children:a("b",{children:e.value})})]},e.value)))," "]})]}),j&&a(o,Object.assign({},k))]})})]}),g=c(n,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((i=>{var{theme:a}=i,t=e(i,["theme"]);const n=((e,i)=>{let a="";switch(i){case"opacity25":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return a})(t.darkOpacityLayer,t.lightOpacityLayer),r=((e,i,a)=>{let t="";return"opacity0"!==i&&"opacity0"===e&&(t=a.palette.onSurface.os900),t="opacity0"!==e?a.palette.onSurface.os0:a.palette.onSurface.os900,t})(t.darkOpacityLayer,t.lightOpacityLayer,a);let o={};return o={position:"relative",width:"100%",padding:"24px",backgroundColor:a.palette.transparent.primary,color:r,"& .ownedVehicleImage":{marginTop:"-45px",position:"relative",[a.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .disclamer":{fontSize:"14px",lineHeight:"20px",marginTop:"4px",color:r},"& .ownedVehicleContainer":{position:"relative",height:"100%",width:"100%"},"& .ownedVehicleContainerContent":{overflow:"hidden",height:"100%",width:"100%",display:"flex",flexDirection:"column",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%","& > .vehicleName":{fontSize:"23px",[a.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[a.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"}},"& > .ownedVehicleSpecsContainer":{marginTop:"-25px",fontSize:"14px",lineHeight:"20px",display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[a.breakpoints.up("md")]:{flexDirection:"row",marginTop:"fixed"===t.size?0:"-25px"},"& > .ownedVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[a.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[a.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .ownedVehicleSpecs":{display:"flex",flexDirection:"row",alignItems:"end",marginBottom:a.breakpoints.values.md?0:"12px"," & > div:first-of-type":{marginRight:"24px"}," & > div > p":{margin:0}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:n}},o}));export{s as CardOwnedVehicleComponent,s as default};
 //# sourceMappingURL=cardOwnedVehicleComponent.js.map

package/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardOwnedVehicleComponent.js","sources":["../../../src/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '../../components/indicator';\nimport MuiCard from '@mui/material/Card';\nimport { Label } from '../../components/label';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { styled } from '@mui/material/styles';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nexport const CardOwnedVehicleComponent = ({ label, labelVariant, vehicleName, equipment, vehicleStatus, vehicleStatusVariant, image, fallbackImage, altDescriptionImage, mandatoryButtonObject, optionalButtonObject, darkOpacityLayer, lightOpacityLayer, menuCardComponentProps, isMenuDropdown, vehicleSpecs, vehicleSpecsObject, isCompact, size, }) => {\n    return (_jsxs(CardOwnVehicleComponentStyled, { size: size, darkOpacityLayer: darkOpacityLayer, lightOpacityLayer: lightOpacityLayer, children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsx(\"div\", { className: \"ownedVehicleContainer\", children: _jsxs(\"div\", { className: \"ownedVehicleContainerContent\", children: [_jsxs(\"div\", { className: \"vehicleTitleContainer\", children: [label &&\n                                    (labelVariant === 'feature' ? (_jsx(LabelFeature, { className: \"CardImageLabelFeature\", variant: \"primary\", children: handleMaxChars(label, 30) })) : (_jsx(Label, { className: \"CardImageLabel\", label: handleMaxChars(label, 30) }))), vehicleName && (_jsx(\"h2\", { style: { margin: 0 }, className: \"vehicleName\", children: handleMaxChars(vehicleName, 20) })), equipment && (_jsx(\"h4\", { style: { margin: 0 }, className: \"vehicleEquipment\", children: handleMaxChars(equipment, 20) })), vehicleStatus && _jsx(Indicator, { className: \"disclamer\", label: vehicleStatus, variant: vehicleStatusVariant })] }), _jsx(\"div\", { className: \"ownedVehicleImage\", children: _jsx(ImageComponent, { image: image, alt: altDescriptionImage, fallbackImage: fallbackImage }) }), _jsxs(\"div\", { className: \"ownedVehicleSpecsContainer\", children: [_jsxs(\"div\", { className: \"ownedVehicleButtons\", children: [(mandatoryButtonObject === null || mandatoryButtonObject === void 0 ? void 0 : mandatoryButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: mandatoryButtonObject, compact: isCompact })), (optionalButtonObject === null || optionalButtonObject === void 0 ? void 0 : optionalButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: optionalButtonObject, compact: isCompact }))] }), vehicleSpecs && (_jsxs(\"div\", { className: \"ownedVehicleSpecs\", children: [vehicleSpecsObject.map((item) => {\n                                            return (_jsxs(\"div\", { children: [item.subtitle && _jsx(\"p\", { children: item.subtitle }), item.value && (_jsx(\"p\", { children: _jsx(\"b\", { children: item.value }) }))] }, item.value));\n                                        }), ' '] }))] }), isMenuDropdown && _jsx(MenuCardComponent, Object.assign({}, menuCardComponentProps))] }) })] }));\n};\nexport default CardOwnedVehicleComponent;\nconst handleOpacity = (darkOpacityLayer, lightOpacityLayer) => {\n    let opacity = '';\n    switch (lightOpacityLayer) {\n        case 'opacity25':\n            opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)';\n            break;\n        case 'opacity50':\n            opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)';\n            break;\n        case 'opacity75':\n            opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)';\n            break;\n    }\n    switch (darkOpacityLayer) {\n        case 'opacity25':\n            opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)';\n            break;\n        case 'opacity50':\n            opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)';\n            break;\n        case 'opacity75':\n            opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)';\n            break;\n    }\n    return opacity;\n};\nconst handleTextColor = (darkOpacityLayer, lightOpacityLayer, theme) => {\n    let color = '';\n    if (lightOpacityLayer !== 'opacity0' && darkOpacityLayer === 'opacity0') {\n        color = theme.palette.onSurface.os900;\n    }\n    if (darkOpacityLayer !== 'opacity0') {\n        color = theme.palette.onSurface.os0;\n    }\n    else\n        color = theme.palette.onSurface.os900;\n    return color;\n};\n/**\n * @description cardOwnedVehicleComponent styling definition based on props\n */\nconst CardOwnVehicleComponentStyled = styled(MuiCard, {\n    shouldForwardProp: (prop) => prop !== 'darkOpacityLayer' && prop !== 'lightOpacityLayer' && prop !== 'size',\n})((_a) => {\n    var { theme } = _a, props = __rest(_a, [\"theme\"]);\n    const opacityLayer = handleOpacity(props.darkOpacityLayer, props.lightOpacityLayer);\n    const textColor = handleTextColor(props.darkOpacityLayer, props.lightOpacityLayer, theme);\n    let style = {};\n    style = {\n        position: 'relative',\n        width: '100%',\n        padding: '24px',\n        backgroundColor: theme.palette.transparent.primary,\n        color: textColor,\n        '& .ownedVehicleImage': {\n            marginTop: '-45px',\n            position: 'relative',\n            [theme.breakpoints.up('md')]: {\n                position: props.size === 'fixed' ? 'absolute' : 'relative',\n                marginTop: props.size === 'fixed' ? 0 : '-45px',\n            },\n            zIndex: 0,\n            width: '100%',\n            height: '100%',\n            display: 'flex',\n            justifyContent: 'center',\n            ' & > img': {\n                minHeight: '176px',\n                maxWidth: '100%',\n                maxHeight: '100%',\n                position: 'relative',\n                objectFit: 'contain',\n            },\n        },\n        '& .disclamer': {\n            fontSize: '14px',\n            lineHeight: '20px',\n            marginTop: '4px',\n            color: textColor,\n        },\n        '& .ownedVehicleContainer': {\n            position: 'relative',\n            height: '100%',\n            width: '100%',\n        },\n        '& .ownedVehicleContainerContent': {\n            overflow: 'hidden',\n            height: '100%',\n            width: '100%',\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: props.size === 'fixed' ? 'space-between' : 'normal',\n            boxSizing: 'border-box',\n            ' & > .vehicleTitleContainer': {\n                zIndex: 2,\n                width: '100%',\n                '& > .vehicleName': {\n                    fontSize: '23px',\n                    [theme.breakpoints.up('md')]: {\n                        fontSize: '24px',\n                    },\n                    lineHeight: '28px',\n                },\n                '& > .vehicleEquipment': {\n                    fontSize: '16px',\n                    [theme.breakpoints.up('md')]: {\n                        fontSize: '18px',\n                    },\n                    lineHeight: '24px',\n                },\n                '& > .CardImageLabelFeature': {\n                    marginLeft: '0px !important',\n                    marginBottom: '8px',\n                },\n                '& > .CardImageLabel': {\n                    lineHeight: '12px !important',\n                    marginBottom: '8px',\n                },\n            },\n            '& > .ownedVehicleSpecsContainer': {\n                marginTop: '-25px',\n                fontSize: '14px',\n                lineHeight: '20px',\n                display: 'flex',\n                flexDirection: 'column-reverse',\n                flexWrap: 'wrap-reverse',\n                width: '100%',\n                justifyContent: 'space-between',\n                zIndex: 2,\n                [theme.breakpoints.up('md')]: {\n                    flexDirection: 'row',\n                    marginTop: props.size === 'fixed' ? 0 : '-25px',\n                },\n                '& > .ownedVehicleButtons': {\n                    display: 'flex',\n                    flexDirection: 'column',\n                    alignItems: 'end',\n                    flexWrap: 'wrap',\n                    gap: '12px 16px',\n                    marginTop: '8px',\n                    '& > .button-component': {\n                        width: '100%',\n                        [theme.breakpoints.up('md')]: {\n                            width: 'auto',\n                            padding: '0 0 2px 2px',\n                        },\n                        ' > div': {\n                            width: '100%',\n                        },\n                    },\n                    '& .MuiButton-root': {\n                        width: '100%',\n                    },\n                    [theme.breakpoints.up('md')]: {\n                        flexDirection: 'row',\n                        '& > a': {\n                            '& + a': {\n                                marginTop: '0',\n                            },\n                        },\n                    },\n                },\n                ' & > .ownedVehicleSpecs': {\n                    display: 'flex',\n                    flexDirection: 'row',\n                    alignItems: 'end',\n                    marginBottom: theme.breakpoints.values.md ? 0 : '12px',\n                    ' & > div:first-of-type': {\n                        marginRight: '24px',\n                    },\n                    ' & > div > p': {\n                        margin: 0,\n                    },\n                },\n            },\n            ' & >.menuCardComponent': {\n                top: '-7px',\n                right: '-5px',\n            },\n        },\n        ' & >.CardImageOverlayTheme': {\n            background: opacityLayer,\n        },\n    };\n    return style;\n});\n//# sourceMappingURL=cardOwnedVehicleComponent.js.map"],"names":["CardOwnedVehicleComponent","label","labelVariant","vehicleName","equipment","vehicleStatus","vehicleStatusVariant","image","fallbackImage","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","vehicleSpecs","vehicleSpecsObject","isCompact","size","_jsxs","CardOwnVehicleComponentStyled","children","_jsx","className","LabelFeature","variant","handleMaxChars","Label","style","margin","Indicator","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","map","item","subtitle","value","MenuCardComponent","Object","assign","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","palette","onSurface","os900","os0","handleTextColor","position","width","padding","backgroundColor","transparent","primary","marginTop","breakpoints","up","zIndex","height","display","justifyContent","minHeight","maxWidth","maxHeight","objectFit","fontSize","lineHeight","overflow","flexDirection","boxSizing","marginLeft","marginBottom","flexWrap","alignItems","gap","values","md","marginRight","top","right","background"],"mappings":"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"}
+{"version":3,"file":"cardOwnedVehicleComponent.js","sources":["../../../src/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '../../components/indicator';\nimport MuiCard from '@mui/material/Card';\nimport { Label } from '../../components/label';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { styled } from '@mui/material/styles';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nexport const CardOwnedVehicleComponent = ({ label, labelVariant, vehicleName, equipment, vehicleStatus, vehicleStatusVariant, image, fallbackImage, altDescriptionImage, mandatoryButtonObject, optionalButtonObject, darkOpacityLayer, lightOpacityLayer, menuCardComponentProps, isMenuDropdown, vehicleSpecs, vehicleSpecsObject, isCompact, size, }) => {\n    return (_jsxs(CardOwnVehicleComponentStyled, { size: size, darkOpacityLayer: darkOpacityLayer, lightOpacityLayer: lightOpacityLayer, children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsx(\"div\", { className: \"ownedVehicleContainer\", children: _jsxs(\"div\", { className: \"ownedVehicleContainerContent\", children: [_jsxs(\"div\", { className: \"vehicleTitleContainer\", children: [label &&\n                                    (labelVariant === 'feature' ? (_jsx(LabelFeature, { className: \"CardImageLabelFeature\", variant: \"primary\", children: handleMaxChars(label, 30) })) : (_jsx(Label, { className: \"CardImageLabel\", label: handleMaxChars(label, 30) }))), vehicleName && (_jsx(\"h2\", { style: { margin: 0 }, className: \"vehicleName\", children: handleMaxChars(vehicleName, 20) })), equipment && (_jsx(\"h4\", { style: { margin: 0 }, className: \"vehicleEquipment\", children: handleMaxChars(equipment, 20) })), vehicleStatus && _jsx(Indicator, { className: \"disclamer\", label: vehicleStatus, color: vehicleStatusVariant })] }), _jsx(\"div\", { className: \"ownedVehicleImage\", children: _jsx(ImageComponent, { image: image, alt: altDescriptionImage, fallbackImage: fallbackImage }) }), _jsxs(\"div\", { className: \"ownedVehicleSpecsContainer\", children: [_jsxs(\"div\", { className: \"ownedVehicleButtons\", children: [(mandatoryButtonObject === null || mandatoryButtonObject === void 0 ? void 0 : mandatoryButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: mandatoryButtonObject, compact: isCompact })), (optionalButtonObject === null || optionalButtonObject === void 0 ? void 0 : optionalButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: optionalButtonObject, compact: isCompact }))] }), vehicleSpecs && (_jsxs(\"div\", { className: \"ownedVehicleSpecs\", children: [vehicleSpecsObject.map((item) => {\n                                            return (_jsxs(\"div\", { children: [item.subtitle && _jsx(\"p\", { children: item.subtitle }), item.value && (_jsx(\"p\", { children: _jsx(\"b\", { children: item.value }) }))] }, item.value));\n                                        }), ' '] }))] }), isMenuDropdown && _jsx(MenuCardComponent, Object.assign({}, menuCardComponentProps))] }) })] }));\n};\nexport default CardOwnedVehicleComponent;\nconst handleOpacity = (darkOpacityLayer, lightOpacityLayer) => {\n    let opacity = '';\n    switch (lightOpacityLayer) {\n        case 'opacity25':\n            opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)';\n            break;\n        case 'opacity50':\n            opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)';\n            break;\n        case 'opacity75':\n            opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)';\n            break;\n    }\n    switch (darkOpacityLayer) {\n        case 'opacity25':\n            opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)';\n            break;\n        case 'opacity50':\n            opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)';\n            break;\n        case 'opacity75':\n            opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)';\n            break;\n    }\n    return opacity;\n};\nconst handleTextColor = (darkOpacityLayer, lightOpacityLayer, theme) => {\n    let color = '';\n    if (lightOpacityLayer !== 'opacity0' && darkOpacityLayer === 'opacity0') {\n        color = theme.palette.onSurface.os900;\n    }\n    if (darkOpacityLayer !== 'opacity0') {\n        color = theme.palette.onSurface.os0;\n    }\n    else\n        color = theme.palette.onSurface.os900;\n    return color;\n};\n/**\n * @description cardOwnedVehicleComponent styling definition based on props\n */\nconst CardOwnVehicleComponentStyled = styled(MuiCard, {\n    shouldForwardProp: (prop) => prop !== 'darkOpacityLayer' && prop !== 'lightOpacityLayer' && prop !== 'size',\n})((_a) => {\n    var { theme } = _a, props = __rest(_a, [\"theme\"]);\n    const opacityLayer = handleOpacity(props.darkOpacityLayer, props.lightOpacityLayer);\n    const textColor = handleTextColor(props.darkOpacityLayer, props.lightOpacityLayer, theme);\n    let style = {};\n    style = {\n        position: 'relative',\n        width: '100%',\n        padding: '24px',\n        backgroundColor: theme.palette.transparent.primary,\n        color: textColor,\n        '& .ownedVehicleImage': {\n            marginTop: '-45px',\n            position: 'relative',\n            [theme.breakpoints.up('md')]: {\n                position: props.size === 'fixed' ? 'absolute' : 'relative',\n                marginTop: props.size === 'fixed' ? 0 : '-45px',\n            },\n            zIndex: 0,\n            width: '100%',\n            height: '100%',\n            display: 'flex',\n            justifyContent: 'center',\n            ' & > img': {\n                minHeight: '176px',\n                maxWidth: '100%',\n                maxHeight: '100%',\n                position: 'relative',\n                objectFit: 'contain',\n            },\n        },\n        '& .disclamer': {\n            fontSize: '14px',\n            lineHeight: '20px',\n            marginTop: '4px',\n            color: textColor,\n        },\n        '& .ownedVehicleContainer': {\n            position: 'relative',\n            height: '100%',\n            width: '100%',\n        },\n        '& .ownedVehicleContainerContent': {\n            overflow: 'hidden',\n            height: '100%',\n            width: '100%',\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: props.size === 'fixed' ? 'space-between' : 'normal',\n            boxSizing: 'border-box',\n            ' & > .vehicleTitleContainer': {\n                zIndex: 2,\n                width: '100%',\n                '& > .vehicleName': {\n                    fontSize: '23px',\n                    [theme.breakpoints.up('md')]: {\n                        fontSize: '24px',\n                    },\n                    lineHeight: '28px',\n                },\n                '& > .vehicleEquipment': {\n                    fontSize: '16px',\n                    [theme.breakpoints.up('md')]: {\n                        fontSize: '18px',\n                    },\n                    lineHeight: '24px',\n                },\n                '& > .CardImageLabelFeature': {\n                    marginLeft: '0px !important',\n                    marginBottom: '8px',\n                },\n                '& > .CardImageLabel': {\n                    lineHeight: '12px !important',\n                    marginBottom: '8px',\n                },\n            },\n            '& > .ownedVehicleSpecsContainer': {\n                marginTop: '-25px',\n                fontSize: '14px',\n                lineHeight: '20px',\n                display: 'flex',\n                flexDirection: 'column-reverse',\n                flexWrap: 'wrap-reverse',\n                width: '100%',\n                justifyContent: 'space-between',\n                zIndex: 2,\n                [theme.breakpoints.up('md')]: {\n                    flexDirection: 'row',\n                    marginTop: props.size === 'fixed' ? 0 : '-25px',\n                },\n                '& > .ownedVehicleButtons': {\n                    display: 'flex',\n                    flexDirection: 'column',\n                    alignItems: 'end',\n                    flexWrap: 'wrap',\n                    gap: '12px 16px',\n                    marginTop: '8px',\n                    '& > .button-component': {\n                        width: '100%',\n                        [theme.breakpoints.up('md')]: {\n                            width: 'auto',\n                            padding: '0 0 2px 2px',\n                        },\n                        ' > div': {\n                            width: '100%',\n                        },\n                    },\n                    '& .MuiButton-root': {\n                        width: '100%',\n                    },\n                    [theme.breakpoints.up('md')]: {\n                        flexDirection: 'row',\n                        '& > a': {\n                            '& + a': {\n                                marginTop: '0',\n                            },\n                        },\n                    },\n                },\n                ' & > .ownedVehicleSpecs': {\n                    display: 'flex',\n                    flexDirection: 'row',\n                    alignItems: 'end',\n                    marginBottom: theme.breakpoints.values.md ? 0 : '12px',\n                    ' & > div:first-of-type': {\n                        marginRight: '24px',\n                    },\n                    ' & > div > p': {\n                        margin: 0,\n                    },\n                },\n            },\n            ' & >.menuCardComponent': {\n                top: '-7px',\n                right: '-5px',\n            },\n        },\n        ' & >.CardImageOverlayTheme': {\n            background: opacityLayer,\n        },\n    };\n    return style;\n});\n//# sourceMappingURL=cardOwnedVehicleComponent.js.map"],"names":["CardOwnedVehicleComponent","label","labelVariant","vehicleName","equipment","vehicleStatus","vehicleStatusVariant","image","fallbackImage","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","vehicleSpecs","vehicleSpecsObject","isCompact","size","_jsxs","CardOwnVehicleComponentStyled","children","_jsx","className","LabelFeature","variant","handleMaxChars","Label","style","margin","Indicator","color","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","map","item","subtitle","value","MenuCardComponent","Object","assign","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","palette","onSurface","os900","os0","handleTextColor","position","width","padding","backgroundColor","transparent","primary","marginTop","breakpoints","up","zIndex","height","display","justifyContent","minHeight","maxWidth","maxHeight","objectFit","fontSize","lineHeight","overflow","flexDirection","boxSizing","marginLeft","marginBottom","flexWrap","alignItems","gap","values","md","marginRight","top","right","background"],"mappings":"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"}

package/organisms/carousel/carousel.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel-react';
 import { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';
+import { IconNameProp } from '@/src/components';
 export type CarouselPropType = {
     /**
      * Align the slides relative to the carousel viewport. Use one of the predefined alignments start, center or end. Alternatively, provide a number between 0 - 1 to align the slides, where 0.5 equals 50%.
@@ -80,7 +81,7 @@ export type CarouselPropType = {
     /**
      * next control icon.
      */
-    nextControlIcon?: string;
+    nextControlIcon?: IconNameProp;
     /**
      * Label of numbering length sliders.
      */
@@ -96,7 +97,7 @@ export type CarouselPropType = {
     /**
      * previous control icon.
      */
-    prevControlIcon?: string;
+    prevControlIcon?: IconNameProp;
     /**
      * Progress bar status, if true the progress bar will be visible. Default is false.
      */

package/organisms/carousel/carouselTemplate.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { EmblaCarouselType } from 'embla-carousel-react';
+import { IconNameProp } from '@/src/components';
 export declare const DotButton: ({ selected, onClick, bulletStyle }: {
     selected: any;
     onClick: any;
     bulletStyle: any;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const template: (cssClass: string, hovered: boolean, prevBtnEnabled: boolean, emblaApi: EmblaCarouselType, direction: any, emblaRef: any, slidesItems: React.ReactNode[], heightSlide: string, buttonControls: boolean, buttonAreaControlsHeight: string, buttonControlsPosition: string, nextBtnEnabled: boolean, numberingSlides: boolean, selectedIndex: number, numberingSeparator: string, progressbar: boolean, scrollProgress: number, toggleHover: (element: string) => void, slideToShow: number, classEmbla: string, bulletScroll: boolean, bulletStyle: string, handleScrollTo: (emblaApi: any, index: any) => void, handleScrollPrev: (emblaApi: any, index: any) => void, handleScrollNext: (emblaApi: any, index: any) => void, prevControlIcon: string, nextControlIcon: string, controlIconStyle: any, controlIconFontSize: any, controlVariant: any, controlColor: any) => import("react/jsx-runtime").JSX.Element;
+export declare const template: (cssClass: string, hovered: boolean, prevBtnEnabled: boolean, emblaApi: EmblaCarouselType, direction: any, emblaRef: any, slidesItems: React.ReactNode[], heightSlide: string, buttonControls: boolean, buttonAreaControlsHeight: string, buttonControlsPosition: string, nextBtnEnabled: boolean, numberingSlides: boolean, selectedIndex: number, numberingSeparator: string, progressbar: boolean, scrollProgress: number, toggleHover: (element: string) => void, slideToShow: number, classEmbla: string, bulletScroll: boolean, bulletStyle: string, handleScrollTo: (emblaApi: any, index: any) => void, handleScrollPrev: (emblaApi: any, index: any) => void, handleScrollNext: (emblaApi: any, index: any) => void, prevControlIcon: IconNameProp, nextControlIcon: IconNameProp, controlIconStyle: any, controlIconFontSize: any, controlVariant: any, controlColor: any) => import("react/jsx-runtime").JSX.Element;

package/organisms/carousel2/carousel2.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { EmblaOptionsType } from 'embla-carousel-react';
 import { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';
 import { ResponsiveType } from '../../utils/ResponsiveType';
+import { IconNameProp } from '@/src/components';
 export type Carousel2Props = {
     /**
      * Align the slides relative to the carousel viewport. Use one of the predefined alignments start, center or end. Alternatively, provide a number between 0 - 1 to align the slides, where 0.5 equals 50%.
@@ -98,11 +99,11 @@ export type Carousel2Props = {
         /**
          * previous control icon.
          */
-        prevIcon?: string;
+        prevIcon?: IconNameProp;
         /**
          * next control icon.
          */
-        nextIcon?: string;
+        nextIcon?: IconNameProp;
         /**
          * Definition of height or clickable area for buttons next and prev. value should be in "px" or "%".
          */

package/organisms/carousel2/components/NavButton.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{Box as e}from"@mui/material";import{useState as r,useEffect as i,useCallback as n}from"react";import"../../../components/accordion/accordion.js";import"../../../components/backdrop/backdrop.js";import"../../../components/button/button.js";import"../../../components/banner/banner.js";import"../../../components/cardContainer/cardContainer.js";import"../../../components/cardMenu/cardMenu.js";import"../../../components/checkbox/checkbox.js";import"../../../components/chip/chipImage/chipImage.js";import"../../../components/chip/regular/chip.js";import"../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import{Controller as s}from"../../../components/controls/controls.js";import"../../../components/divider/divider.js";import"../../../components/drawer/drawer.js";import"../../../components/flag/flag.js";import"@mui/material/Grid";import"../../../components/icon/icon.js";import"../../../components/indicator/indicator.js";import"../../../components/label/label.js";import"../../../components/labelCO2/labelCO2.js";import"../../../components/labelFeature/labelFeature.js";import"../../../components/labelPromotional/labelPromotional.js";import"../../../components/labelStatus/labelStatus.js";import"../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../../components/mobileStepper/mobileStepperButton.js";import"../../../components/modal/modal.js";import"../../../components/modal/modalTitle.js";import"../../../components/numbering/numbering.js";import"../../../components/pagination/pagination.js";import"../../../components/progressBar/progressBar.js";import"../../../components/radioButton/radioButton.js";import"../../../components/selectInput/selectInput.js";import"../../../components/slider/slider.js";import"../../../components/snackbar/snackbar.js";import"../../../components/stepper/stepper.js";import"../../../components/tab/tab.js";import"../../../components/tab/tabs.js";import"../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../components/textArea/textArea.js";import"../../../components/common/styled/textFieldStyled.js";import"../../../components/helperTextContent/index.js";import a from"lodash/noop";import"../../../components/toggleSwitch/toggleSwitch.js";import"../../../components/agGrid/agGrid.js";import"../../../components/avatar/Avatar.js";import"../../../components/iconButton/index.js";import"../../../components/alert/AlertButton.js";import"../../gallery/Gallery.js";import"../../gallery/GalleryItem.js";import"@mui/material/styles";import"../../../design/skoda/palette.theme.js";import"../../../design/skoda/components/accordion/accordionSummary.theme.js";import"../../../design/skoda/components/autocomplete.theme.js";import"../../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../../design/skoda/theme.breakpoints.js";import"../../../design/skoda/theme.constants.js";import"@mui/x-date-pickers/internals";import"../../../design/skoda/components/divider.theme.js";import"../../../design/skoda/components/drawer.theme.js";import"../../../design/skoda/components/form/slider.theme.js";import"../../../design/skoda/components/icon.theme.js";import"../../../design/skoda/components/mobileStepper.theme.js";import"../../../design/skoda/components/modal.theme.js";import"../../../design/skoda/components/pagination.theme.js";import"../../../design/skoda/components/snackbar.theme.js";import"../../../design/skoda/components/stepper/stepIcon/errorStepIcon.js";import"../../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js";import"../../../design/skoda/components/tabs/tabs.theme.js";import"../../../design/skoda/components/tooltip.theme.js";import"react-use";import"../../cardOwnedVehicle/cardOwnedVehicle.js";import"../../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../cardPhotoFixed/cardPhotoFixed.js";import"../../cardPromoVehicle/cardPromoVehicleComponent.js";import"../../common/styled/cardStandardWrapperStyled.js";import"../../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../carousel/styledComponents/styledCarouselHorizontal.js";import"../../carousel/styledComponents/styledCarouselVertical.js";import"../../../utils/enum.js";import"../../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../maps/utils/mapIcons.js";import"../../maps/mapComponents/mapStyled.js";import"../../shortcutLink/shortcutLink.js";import"../../textCta/textCta.js";import"../../tile/tile.js";import"lodash/merge";import"../galleryCarousel/galleryContext.js";import"../galleryCarousel/galleryItemContext.js";import"../heroCarousel/heroCarouselContext.js";import"../../notification/Notification.js";import"../../notification/NotificationCenter.js";import"../../../layout/Header/HeaderContext.js";import"../../../layout/Header/HeaderButton.js";import"../../../layout/Header/HeaderNavigationHero.js";import"../../../layout/Header/HeaderNavigationLink.js";import"../../../layout/Header/HeaderNavigationMenu.js";import"../../../layout/Header/PredefinedHeaderButtons.js";import"../../../layout/Header/HeaderOverheadItem.js";import"../../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../production/Button/Button.js";import"minimatch";const m=n=>{var{emblaApi:a,type:m,color:c,style:d,variant:j,onMouseEnter:u,onMouseLeave:g,direction:h}=n,b=o(n,["emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction"]);const M=l(a,h,m),[y,v]=r(!0),{hover:I,handleMouseEnter:x,handleMouseLeave:N}=p(a,m,h,{onMouseEnter:u,onMouseLeave:g});return i((()=>{if(a){const o=()=>{const o="prev"===m?a.canScrollPrev():a.canScrollNext(),t="next"===m?a.canScrollPrev():a.canScrollNext();v(!("rtl"===h?t:o))};a.on("scroll",o),o()}}),[a,m,h]),t(e,{sx:{cursor:I?`url(${"next"===m?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="}) 17 17, auto`:void 0},"data-testid":"Carousel.nav",children:t(e,Object.assign({},b,{sx:Object.assign({position:"absolute",top:"33%",bottom:"33%",width:"10%",minWidth:"50px",left:"prev"===m?"0px":void 0,right:"next"===m?"0px":void 0,button:{position:"absolute !important",left:{sm:"prev"===m?"15px":void 0,xl:"prev"===m?"34px":void 0},right:{sm:"next"===m?"15px":void 0,xl:"next"===m?"34px":void 0},top:"50%",transform:"translate(0, -50%)","&:active":{transform:"translate(0, -50%) scale(0.95) !important"},visibility:I?"hidden":void 0}},b.sx),onMouseEnter:x,onMouseLeave:N,children:t(s,{controlType:"prev"===m?"arrow-left":"arrow-right",controllerColor:null!=c?c:"light",iconStyle:null!=d?d:"regular",controlVariant:null!=j?j:"standard",onClickCallback:M,isDisabled:y,customHeight:"100%"})}))})},p=(o,t,e,i)=>{const[s,m]=r(!1);return{hover:s,handleMouseEnter:n((()=>{var r;if(o){const r="prev"===t?o.canScrollPrev():o.canScrollNext(),i="next"===t?o.canScrollPrev():o.canScrollNext();("rtl"===e?i:r)&&m(!0)}(null!==(r=null==i?void 0:i.onMouseEnter)&&void 0!==r?r:a)()}),[o,m,i,t,e]),handleMouseLeave:n((()=>{var o;m(!1),(null!==(o=null==i?void 0:i.onMouseLeave)&&void 0!==o?o:a)()}),[i,m])}},l=(o,t,e)=>n((()=>{"prev"===e&&("ltr"===t?o.scrollPrev():o.scrollNext()),"next"===e&&("ltr"===t?o.scrollNext():o.scrollPrev())}),[o,t,e]);export{m as NavButton};
+import{__rest as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{Box as e}from"@mui/material";import{useState as r,useEffect as i,useCallback as n}from"react";import"../../../components/accordion/accordion.js";import"../../../components/backdrop/backdrop.js";import"../../../components/button/button.js";import"@mui/material/styles";import"../../../design/skoda/palette.theme.js";import"../../../design/skoda/components/accordion/accordionSummary.theme.js";import"../../../design/skoda/components/autocomplete.theme.js";import"../../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../../design/skoda/theme.breakpoints.js";import"../../../design/skoda/theme.constants.js";import"@mui/x-date-pickers/internals";import"../../../design/skoda/components/divider.theme.js";import"../../../design/skoda/components/drawer.theme.js";import"../../../design/skoda/components/form/slider.theme.js";import"../../../design/skoda/components/icon.theme.js";import"../../../design/skoda/components/mobileStepper.theme.js";import"../../../design/skoda/components/modal.theme.js";import"../../../design/skoda/components/pagination.theme.js";import"../../../design/skoda/components/snackbar.theme.js";import"../../../design/skoda/components/stepper/stepIcon/errorStepIcon.js";import"../../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js";import"../../../design/skoda/components/tabs/tabs.theme.js";import"../../../design/skoda/components/tooltip.theme.js";import"react-use";import"../../cardOwnedVehicle/cardOwnedVehicle.js";import"../../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../cardPhotoFixed/cardPhotoFixed.js";import"../../cardPromoVehicle/cardPromoVehicleComponent.js";import"../../common/styled/cardStandardWrapperStyled.js";import"../../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../carousel/styledComponents/styledCarouselHorizontal.js";import"../../carousel/styledComponents/styledCarouselVertical.js";import{Controller as s}from"../../../components/controls/controls.js";import"../../../components/numbering/numbering.js";import"../../../utils/enum.js";import"../../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../maps/utils/mapIcons.js";import"../../maps/mapComponents/mapStyled.js";import"../../shortcutLink/shortcutLink.js";import"../../textCta/textCta.js";import"../../tile/tile.js";import"lodash/merge";import a from"lodash/noop";import"../galleryCarousel/galleryContext.js";import"../galleryCarousel/galleryItemContext.js";import"../heroCarousel/heroCarouselContext.js";import"../../notification/Notification.js";import"../../notification/NotificationCenter.js";import"../../../layout/Header/HeaderContext.js";import"../../../layout/Header/HeaderButton.js";import"../../../layout/Header/HeaderNavigationHero.js";import"../../../layout/Header/HeaderNavigationLink.js";import"../../../layout/Header/HeaderNavigationMenu.js";import"../../../layout/Header/PredefinedHeaderButtons.js";import"../../../layout/Header/HeaderOverheadItem.js";import"../../../components/icon/icon.js";import"../../../components/icon/icon.definitions.js";import"../../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../production/Button/Button.js";import"../../../components/cardContainer/cardContainer.js";import"../../../components/cardMenu/cardMenu.js";import"../../../components/checkbox/checkbox.js";import"../../../components/chip/chipImage/chipImage.js";import"../../../components/chip/regular/chip.js";import"../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../../components/divider/divider.js";import"../../../components/drawer/drawer.js";import"../../../components/flag/flag.js";import"@mui/material/Grid";import"../../../components/indicator/indicator.js";import"../../../components/label/label.js";import"../../../components/labelCO2/labelCO2.js";import"../../../components/labelFeature/labelFeature.js";import"../../../components/labelPromotional/labelPromotional.js";import"../../../components/labelStatus/labelStatus.js";import"../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../../components/mobileStepper/mobileStepperButton.js";import"../../../components/modal/modal.js";import"../../../components/modal/modalTitle.js";import"../../../components/pagination/pagination.js";import"../../../components/progressBar/progressBar.js";import"../../../components/radioButton/radioButton.js";import"../../../components/selectInput/selectInput.js";import"../../../components/slider/slider.js";import"../../../components/snackbar/snackbar.js";import"../../../components/stepper/stepper.js";import"../../../components/tab/tab.js";import"../../../components/tab/tabs.js";import"../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../components/textArea/textArea.js";import"../../../components/common/styled/textFieldStyled.js";import"../../../components/helperTextContent/index.js";import"../../../components/toggleSwitch/toggleSwitch.js";import"../../../components/agGrid/agGrid.js";import"../../../components/avatar/Avatar.js";import"../../../components/iconButton/index.js";import"../../../components/alert/AlertButton.js";import"../../gallery/Gallery.js";import"../../gallery/GalleryItem.js";import"minimatch";const m=n=>{var{emblaApi:a,type:m,color:c,style:d,variant:j,onMouseEnter:u,onMouseLeave:g,direction:h}=n,M=o(n,["emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction"]);const b=l(a,h,m),[y,v]=r(!0),{hover:I,handleMouseEnter:x,handleMouseLeave:N}=p(a,m,h,{onMouseEnter:u,onMouseLeave:g});return i((()=>{if(a){const o=()=>{const o="prev"===m?a.canScrollPrev():a.canScrollNext(),t="next"===m?a.canScrollPrev():a.canScrollNext();v(!("rtl"===h?t:o))};a.on("scroll",o),o()}}),[a,m,h]),t(e,{sx:{cursor:I?`url(${"next"===m?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="}) 17 17, auto`:void 0},"data-testid":"Carousel.nav",children:t(e,Object.assign({},M,{sx:Object.assign({position:"absolute",top:"33%",bottom:"33%",width:"10%",minWidth:"50px",left:"prev"===m?"0px":void 0,right:"next"===m?"0px":void 0,button:{position:"absolute !important",left:{sm:"prev"===m?"15px":void 0,xl:"prev"===m?"34px":void 0},right:{sm:"next"===m?"15px":void 0,xl:"next"===m?"34px":void 0},top:"50%",transform:"translate(0, -50%)","&:active":{transform:"translate(0, -50%) scale(0.95) !important"},visibility:I?"hidden":void 0}},M.sx),onMouseEnter:x,onMouseLeave:N,children:t(s,{controlType:"prev"===m?"arrow-left":"arrow-right",controllerColor:null!=c?c:"light",iconStyle:null!=d?d:"regular",controlVariant:null!=j?j:"standard",onClickCallback:b,isDisabled:y,customHeight:"100%"})}))})},p=(o,t,e,i)=>{const[s,m]=r(!1);return{hover:s,handleMouseEnter:n((()=>{var r;if(o){const r="prev"===t?o.canScrollPrev():o.canScrollNext(),i="next"===t?o.canScrollPrev():o.canScrollNext();("rtl"===e?i:r)&&m(!0)}(null!==(r=null==i?void 0:i.onMouseEnter)&&void 0!==r?r:a)()}),[o,m,i,t,e]),handleMouseLeave:n((()=>{var o;m(!1),(null!==(o=null==i?void 0:i.onMouseLeave)&&void 0!==o?o:a)()}),[i,m])}},l=(o,t,e)=>n((()=>{"prev"===e&&("ltr"===t?o.scrollPrev():o.scrollNext()),"next"===e&&("ltr"===t?o.scrollNext():o.scrollPrev())}),[o,t,e]);export{m as NavButton};
 //# sourceMappingURL=NavButton.js.map

package/organisms/carousel2/components/NavButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavButton.js","sources":["../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '../../../components';\nimport noop from 'lodash/noop';\nconst nextCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\nexport const NavButton = (_a) => {\n    var { emblaApi, type, color, style, variant, onMouseEnter, onMouseLeave, direction } = _a, rest = __rest(_a, [\"emblaApi\", \"type\", \"color\", \"style\", \"variant\", \"onMouseEnter\", \"onMouseLeave\", \"direction\"]);\n    const handleScroll = useNavCallback(emblaApi, direction, type);\n    const [disabled, setDisabled] = useState(true);\n    const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n        onMouseEnter,\n        onMouseLeave,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n                setDisabled(!canScroll);\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi, type, direction]);\n    return (_jsx(Box, { sx: {\n            cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n        }, \"data-testid\": \"Carousel.nav\", children: _jsx(Box, Object.assign({}, rest, { sx: Object.assign({ position: 'absolute', top: '33%', bottom: '33%', width: '10%', minWidth: '50px', left: type === 'prev' ? '0px' : undefined, right: type === 'next' ? '0px' : undefined, button: {\n                    position: 'absolute !important',\n                    left: {\n                        sm: type === 'prev' ? '15px' : undefined,\n                        xl: type === 'prev' ? '34px' : undefined,\n                    },\n                    right: {\n                        sm: type === 'next' ? '15px' : undefined,\n                        xl: type === 'next' ? '34px' : undefined,\n                    },\n                    top: '50%',\n                    transform: 'translate(0, -50%)',\n                    '&:active': {\n                        transform: 'translate(0, -50%) scale(0.95) !important',\n                    },\n                    visibility: hover ? 'hidden' : undefined,\n                } }, rest.sx), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx(Controller, { controlType: type === 'prev' ? 'arrow-left' : 'arrow-right', controllerColor: color !== null && color !== void 0 ? color : 'light', iconStyle: style !== null && style !== void 0 ? style : 'regular', controlVariant: variant !== null && variant !== void 0 ? variant : 'standard', onClickCallback: handleScroll, isDisabled: disabled, customHeight: '100%' }) })) }));\n};\nconst useNavHoverEffect = (api, type, direction, options) => {\n    const [hover, setHover] = useState(false);\n    const handleMouseEnter = useCallback(() => {\n        var _a;\n        if (api) {\n            const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n            const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n            const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n            if (canScroll) {\n                setHover(true);\n            }\n        }\n        ((_a = options === null || options === void 0 ? void 0 : options.onMouseEnter) !== null && _a !== void 0 ? _a : noop)();\n    }, [api, setHover, options, type, direction]);\n    const handleMouseLeave = useCallback(() => {\n        var _a;\n        setHover(false);\n        ((_a = options === null || options === void 0 ? void 0 : options.onMouseLeave) !== null && _a !== void 0 ? _a : noop)();\n    }, [options, setHover]);\n    return { hover, handleMouseEnter, handleMouseLeave };\n};\nconst useNavCallback = (api, direction, type) => {\n    return useCallback(() => {\n        if (type === 'prev') {\n            direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n        }\n        if (type === 'next') {\n            direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n        }\n    }, [api, direction, type]);\n};\n//# sourceMappingURL=NavButton.js.map"],"names":["NavButton","_a","emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction","rest","__rest","handleScroll","useNavCallback","disabled","setDisabled","useState","hover","handleMouseEnter","handleMouseLeave","useNavHoverEffect","useEffect","onScroll","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","on","_jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight","api","options","setHover","useCallback","noop","scrollPrev","scrollNext"],"mappings":"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"}
+{"version":3,"file":"NavButton.js","sources":["../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '../../../components';\nimport noop from 'lodash/noop';\nconst nextCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\nexport const NavButton = (_a) => {\n    var { emblaApi, type, color, style, variant, onMouseEnter, onMouseLeave, direction } = _a, rest = __rest(_a, [\"emblaApi\", \"type\", \"color\", \"style\", \"variant\", \"onMouseEnter\", \"onMouseLeave\", \"direction\"]);\n    const handleScroll = useNavCallback(emblaApi, direction, type);\n    const [disabled, setDisabled] = useState(true);\n    const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n        onMouseEnter,\n        onMouseLeave,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n                setDisabled(!canScroll);\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi, type, direction]);\n    return (_jsx(Box, { sx: {\n            cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n        }, \"data-testid\": \"Carousel.nav\", children: _jsx(Box, Object.assign({}, rest, { sx: Object.assign({ position: 'absolute', top: '33%', bottom: '33%', width: '10%', minWidth: '50px', left: type === 'prev' ? '0px' : undefined, right: type === 'next' ? '0px' : undefined, button: {\n                    position: 'absolute !important',\n                    left: {\n                        sm: type === 'prev' ? '15px' : undefined,\n                        xl: type === 'prev' ? '34px' : undefined,\n                    },\n                    right: {\n                        sm: type === 'next' ? '15px' : undefined,\n                        xl: type === 'next' ? '34px' : undefined,\n                    },\n                    top: '50%',\n                    transform: 'translate(0, -50%)',\n                    '&:active': {\n                        transform: 'translate(0, -50%) scale(0.95) !important',\n                    },\n                    visibility: hover ? 'hidden' : undefined,\n                } }, rest.sx), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx(Controller, { controlType: type === 'prev' ? 'arrow-left' : 'arrow-right', controllerColor: color !== null && color !== void 0 ? color : 'light', iconStyle: style !== null && style !== void 0 ? style : 'regular', controlVariant: variant !== null && variant !== void 0 ? variant : 'standard', onClickCallback: handleScroll, isDisabled: disabled, customHeight: '100%' }) })) }));\n};\nconst useNavHoverEffect = (api, type, direction, options) => {\n    const [hover, setHover] = useState(false);\n    const handleMouseEnter = useCallback(() => {\n        var _a;\n        if (api) {\n            const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n            const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n            const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n            if (canScroll) {\n                setHover(true);\n            }\n        }\n        ((_a = options === null || options === void 0 ? void 0 : options.onMouseEnter) !== null && _a !== void 0 ? _a : noop)();\n    }, [api, setHover, options, type, direction]);\n    const handleMouseLeave = useCallback(() => {\n        var _a;\n        setHover(false);\n        ((_a = options === null || options === void 0 ? void 0 : options.onMouseLeave) !== null && _a !== void 0 ? _a : noop)();\n    }, [options, setHover]);\n    return { hover, handleMouseEnter, handleMouseLeave };\n};\nconst useNavCallback = (api, direction, type) => {\n    return useCallback(() => {\n        if (type === 'prev') {\n            direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n        }\n        if (type === 'next') {\n            direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n        }\n    }, [api, direction, type]);\n};\n//# sourceMappingURL=NavButton.js.map"],"names":["NavButton","_a","emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction","rest","__rest","handleScroll","useNavCallback","disabled","setDisabled","useState","hover","handleMouseEnter","handleMouseLeave","useNavHoverEffect","useEffect","onScroll","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","on","_jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight","api","options","setHover","useCallback","noop","scrollPrev","scrollNext"],"mappings":"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"}

package/organisms/common/menuCardComponent/menuCardComponent.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useState as e,useRef as n,useCallback as i}from"react";import{Icon as s}from"../../../components/icon/icon.js";import m from"@emotion/styled";import{CardMenu as p}from"../../../components/cardMenu/cardMenu.js";const c=m=>{var c=o(m,[]);const[l,d]=e(!1),u=n(null),x=i((()=>d(!0)),[]),f=i((()=>d(!1)),[]);return t(a,{className:"menuCardComponent",children:[r(s,{ref:u,onClick:x,className:"more-vertical"}),r(p,Object.assign({},c,{open:l,onClose:f,anchorRef:u}))]})},a=m("div")((()=>{let o={};return o=Object.assign(Object.assign({},o),{position:"absolute",zIndex:4,cursor:"pointer",top:"24px",width:"20px",height:"30px",right:"24px","& > .MuiIcon-root":{width:"20px",height:"30px",fontSize:"20px"},"& > div":{marginRight:"40px"}}),o}));export{c as default};
+import{__rest as o}from"tslib";import{jsxs as t,jsx as n}from"react/jsx-runtime";import{useState as i,useRef as e,useCallback as r}from"react";import{Icon as s}from"../../../components/icon/icon.js";import"../../../components/icon/icon.definitions.js";import p from"@emotion/styled";import{CardMenu as c}from"../../../components/cardMenu/cardMenu.js";const m=p=>{var m=o(p,[]);const[d,l]=i(!1),f=e(null),u=r((()=>l(!0)),[]),x=r((()=>l(!1)),[]);return t(a,{className:"menuCardComponent",children:[n(s,{ref:f,onClick:u,name:"vertical"}),n(c,Object.assign({},m,{open:d,onClose:x,anchorRef:f}))]})},a=p("div")((()=>{let o={};return o=Object.assign(Object.assign({},o),{position:"absolute",zIndex:4,cursor:"pointer",top:"24px",width:"20px",height:"30px",right:"24px","& > .MuiIcon-root":{width:"20px",height:"30px",fontSize:"20px"},"& > div":{marginRight:"40px"}}),o}));export{m as default};
 //# sourceMappingURL=menuCardComponent.js.map

package/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":["MenuCardComponent","_a","props","__rest","isOpen","setIsOpen","useState","anchorRef","useRef","setOpen","useCallback","setClosed","_jsxs","MenuCardStyled","className","children","_jsx","Icon","ref","onClick","CardMenu","Object","assign","open","onClose","styled","style","position","zIndex","cursor","top","width","height","right","fontSize","marginRight"],"mappings":"0SAMK,MAACA,EAAqBC,IACvB,IAAIC,EAAQC,EAAOF,EAAI,IACvB,MAAOG,EAAQC,GAAaC,GAAS,GAC/BC,EAAYC,EAAO,MACnBC,EAAUC,GAAY,IAAML,GAAU,IAAO,IAC7CM,EAAYD,GAAY,IAAML,GAAU,IAAQ,IACtD,OAAQO,EAAMC,EAAgB,CAAEC,UAAW,oBAAqBC,SAAU,CAACC,EAAKC,EAAM,CAAEC,IAAKX,EAAWY,QAASV,EAASK,UAAW,kBAAoBE,EAAKI,EAAUC,OAAOC,OAAO,CAAA,EAAIpB,EAAO,CAAEqB,KAAMnB,EAAQoB,QAASb,EAAWJ,UAAWA,OAAmB,EAEjQM,EAAiBY,EAAO,MAAPA,EAAc,KACjC,IAAIC,EAAQ,CAAA,EAQZ,OAPAA,EAAQL,OAAOC,OAAOD,OAAOC,OAAO,GAAII,GAAQ,CAAEC,SAAU,WAAYC,OAAQ,EAAGC,OAAQ,UAAWC,IAAK,OAAQC,MAAO,OAAQC,OAAQ,OAAQC,MAAO,OAAQ,oBAAqB,CAC9KF,MAAO,OACPC,OAAQ,OACRE,SAAU,QACX,UAAW,CACVC,YAAa,UAEdT,CAAK"}
+{"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":["MenuCardComponent","_a","props","__rest","isOpen","setIsOpen","useState","anchorRef","useRef","setOpen","useCallback","setClosed","_jsxs","MenuCardStyled","className","children","_jsx","Icon","ref","onClick","name","CardMenu","Object","assign","open","onClose","styled","style","position","zIndex","cursor","top","width","height","right","fontSize","marginRight"],"mappings":"+VAMK,MAACA,EAAqBC,IACvB,IAAIC,EAAQC,EAAOF,EAAI,IACvB,MAAOG,EAAQC,GAAaC,GAAS,GAC/BC,EAAYC,EAAO,MACnBC,EAAUC,GAAY,IAAML,GAAU,IAAO,IAC7CM,EAAYD,GAAY,IAAML,GAAU,IAAQ,IACtD,OAAQO,EAAMC,EAAgB,CAAEC,UAAW,oBAAqBC,SAAU,CAACC,EAAKC,EAAM,CAAEC,IAAKX,EAAWY,QAASV,EAASW,KAAM,aAAeJ,EAAKK,EAAUC,OAAOC,OAAO,CAAA,EAAIrB,EAAO,CAAEsB,KAAMpB,EAAQqB,QAASd,EAAWJ,UAAWA,OAAmB,EAEvPM,EAAiBa,EAAO,MAAPA,EAAc,KACjC,IAAIC,EAAQ,CAAA,EAQZ,OAPAA,EAAQL,OAAOC,OAAOD,OAAOC,OAAO,GAAII,GAAQ,CAAEC,SAAU,WAAYC,OAAQ,EAAGC,OAAQ,UAAWC,IAAK,OAAQC,MAAO,OAAQC,OAAQ,OAAQC,MAAO,OAAQ,oBAAqB,CAC9KF,MAAO,OACPC,OAAQ,OACRE,SAAU,QACX,UAAW,CACVC,YAAa,UAEdT,CAAK"}

package/organisms/gallery/Gallery.js

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

package/organisms/gallery/Gallery.js.map

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

package/organisms/gallery/GalleryTrigger.js

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

package/organisms/gallery/GalleryTrigger.js.map

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