@skodaflow/web-library 6.0.0 → 7.0.0

package/cjs/layout/Header/HeaderNavigationMenu.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 export type HeaderNavigationMenuProps = {
     menuItems: React.ReactNode;
     label: string;
+    children?: React.ReactNode;
 };
 export declare function HeaderNavigationMenu(props: HeaderNavigationMenuProps): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Header/HeaderNavigationMenu.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("react"),o=require("../../components/icon/icon.js");require("../../utils/enum.js");var n=require("../../utils/useClosure/useClosure.js"),t=require("@mui/base");const s=r.styled(t.Button)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),a=r.styled(r.Box)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",lineHeight:"24px",fontWeight:"400 !important",fontSize:16,paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),l=r.styled(o.Icon)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));exports.HeaderNavigationMenu=function(o){const{label:t,menuItems:c}=o,{isOpen:p,onOpen:u,onClose:d}=n.useClosure(),h=i.useRef(null);return e.jsxs(r.Box,{ref:h,display:"flex",alignItems:"center",children:[e.jsxs(s,{onClick:u,children:[e.jsx(a,{className:"FwlNavigationItem-label",children:t}),e.jsx(l,{className:p?"chevron-up":"chevron-down"})]}),e.jsx(r.Menu,{anchorEl:h.current,open:p,onClose:d,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{marginTop:1}},componentsProps:{backdrop:{className:"MuiBackdrop-transparent"}},children:e.jsx("div",{children:c})})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("react"),o=require("../../components/icon/icon.js");require("../../utils/enum.js");var t=require("../../utils/useClosure/useClosure.js"),n=require("@mui/base");const s=r.styled(n.Button)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),a=r.styled(r.Box)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",lineHeight:"24px",fontWeight:"400 !important",fontSize:16,paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),l=r.styled(o.Icon)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));exports.HeaderNavigationMenu=function(o){const{children:n,label:c,menuItems:p}=o,{isOpen:d,onOpen:u,onClose:h}=t.useClosure(),m=i.useRef(null);return e.jsxs(r.Box,{ref:m,display:"flex",alignItems:"center",children:[e.jsxs(s,{onClick:u,children:[e.jsx(a,{className:"FwlNavigationItem-label",children:c||n}),e.jsx(l,{name:d?"chevron-up":"chevron-down"})]}),e.jsx(r.Menu,{anchorEl:m.current,open:d,onClose:h,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{sx:{mt:1}}},componentsProps:{backdrop:{className:"MuiBackdrop-transparent"}},children:e.jsx("div",{children:p})})]})};
 //# sourceMappingURL=HeaderNavigationMenu.js.map

package/cjs/layout/Header/HeaderNavigationMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderNavigationMenu.js","sources":["../../../../src/layout/Header/HeaderNavigationMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Menu, styled } from '@mui/material';\nimport { useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { useClosure } from '../../utils';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationMenu(props) {\n    const { label, menuItems } = props;\n    const { isOpen, onOpen, onClose } = useClosure();\n    const anchor = useRef(null);\n    return (_jsxs(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: [_jsxs(ItemButton, { onClick: onOpen, children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label }), _jsx(ItemIcon, { className: isOpen ? 'chevron-up' : 'chevron-down' })] }), _jsx(Menu, { anchorEl: anchor.current, open: isOpen, onClose: onClose, anchorOrigin: {\n                    vertical: 'bottom',\n                    horizontal: 'right',\n                }, transformOrigin: {\n                    vertical: 'top',\n                    horizontal: 'right',\n                }, PaperProps: {\n                    sx: {\n                        marginTop: 1,\n                    },\n                }, componentsProps: {\n                    backdrop: {\n                        className: 'MuiBackdrop-transparent',\n                    },\n                }, children: _jsx(\"div\", { children: menuItems }) })] }));\n}\nconst ItemButton = styled(Button)(() => ({\n    paddingLeft: 6,\n    paddingRight: 6,\n    '&:hover .FwlNavigationItem-label': {\n        borderBottomColor: 'currentColor',\n    },\n    appearance: 'inherit',\n    border: 'inherit',\n    background: 'inherit',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', lineHeight: '24px', fontWeight: '400 !important', fontSize: 16, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n    width: '15px',\n    height: '15px',\n    marginLeft: '5px',\n    lineHeight: '5px',\n    '&::before': {\n        fontSize: '16px',\n    },\n}));\n//# sourceMappingURL=HeaderNavigationMenu.js.map"],"names":["ItemButton","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","display","alignItems","color","ItemLabel","Box","theme","Object","assign","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","transition","ItemIcon","Icon","width","height","marginLeft","props","label","menuItems","isOpen","onOpen","onClose","useClosure","anchor","useRef","_jsxs","jsxs","ref","children","onClick","_jsx","className","Menu","anchorEl","current","open","anchorOrigin","vertical","horizontal","transformOrigin","PaperProps","sx","marginTop","componentsProps","backdrop"],"mappings":"qPA0BA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,QAAS,OACTC,WAAY,SACZC,MAAO,cAELC,EAAYZ,EAAMA,OAACa,MAAPb,EAAY,EAAGc,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEP,MAAO,UAAWQ,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAInB,YAAa,EAAGC,aAAc,EAAGmB,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAChTC,EAAW1B,EAAAA,OAAO2B,EAAIA,KAAX3B,EAAa,KAAO,CACjC4B,MAAO,OACPC,OAAQ,OACRC,WAAY,MACZX,WAAY,MACZ,YAAa,CACTE,SAAU,yCAzCX,SAA8BU,GACjC,MAAMC,MAAEA,EAAKC,UAAEA,GAAcF,GACvBG,OAAEA,EAAMC,OAAEA,EAAMC,QAAEA,GAAYC,EAAUA,aACxCC,EAASC,SAAO,MACtB,OAAQC,EAAKC,KAAC5B,MAAK,CAAE6B,IAAKJ,EAAQ7B,QAAS,OAAQC,WAAY,SAAUiC,SAAU,CAACH,EAAAA,KAAMzC,EAAY,CAAE6C,QAAST,EAAQQ,SAAU,CAACE,EAAAA,IAAKjC,EAAW,CAAEkC,UAAW,0BAA2BH,SAAUX,IAAUa,MAAKnB,EAAU,CAAEoB,UAAWZ,EAAS,aAAe,oBAAuBW,EAAAA,IAAKE,EAAIA,KAAE,CAAEC,SAAUV,EAAOW,QAASC,KAAMhB,EAAQE,QAASA,EAASe,aAAc,CAChWC,SAAU,SACVC,WAAY,SACbC,gBAAiB,CAChBF,SAAU,MACVC,WAAY,SACbE,WAAY,CACXC,GAAI,CACAC,UAAW,IAEhBC,gBAAiB,CAChBC,SAAU,CACNb,UAAW,4BAEhBH,SAAUE,MAAK,MAAO,CAAEF,SAAUV,QACrD"}
+{"version":3,"file":"HeaderNavigationMenu.js","sources":["../../../../src/layout/Header/HeaderNavigationMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Menu, styled } from '@mui/material';\nimport { useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { useClosure } from '../../utils';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationMenu(props) {\n    const { children, label, menuItems } = props;\n    const { isOpen, onOpen, onClose } = useClosure();\n    const anchor = useRef(null);\n    return (_jsxs(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: [_jsxs(ItemButton, { onClick: onOpen, children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label || children }), _jsx(ItemIcon, { name: isOpen ? 'chevron-up' : 'chevron-down' })] }), _jsx(Menu, { anchorEl: anchor.current, open: isOpen, onClose: onClose, anchorOrigin: {\n                    vertical: 'bottom',\n                    horizontal: 'right',\n                }, transformOrigin: {\n                    vertical: 'top',\n                    horizontal: 'right',\n                }, slotProps: {\n                    paper: {\n                        sx: { mt: 1 },\n                    },\n                }, componentsProps: {\n                    backdrop: {\n                        className: 'MuiBackdrop-transparent',\n                    },\n                }, children: _jsx(\"div\", { children: menuItems }) })] }));\n}\nconst ItemButton = styled(Button)(() => ({\n    paddingLeft: 6,\n    paddingRight: 6,\n    '&:hover .FwlNavigationItem-label': {\n        borderBottomColor: 'currentColor',\n    },\n    appearance: 'inherit',\n    border: 'inherit',\n    background: 'inherit',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', lineHeight: '24px', fontWeight: '400 !important', fontSize: 16, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n    width: '15px',\n    height: '15px',\n    marginLeft: '5px',\n    lineHeight: '5px',\n    '&::before': {\n        fontSize: '16px',\n    },\n}));\n//# sourceMappingURL=HeaderNavigationMenu.js.map"],"names":["ItemButton","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","display","alignItems","color","ItemLabel","Box","theme","Object","assign","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","transition","ItemIcon","Icon","width","height","marginLeft","props","children","label","menuItems","isOpen","onOpen","onClose","useClosure","anchor","useRef","_jsxs","jsxs","ref","onClick","_jsx","jsx","className","name","Menu","anchorEl","current","open","anchorOrigin","vertical","horizontal","transformOrigin","slotProps","paper","sx","mt","componentsProps","backdrop"],"mappings":"qPA0BA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,QAAS,OACTC,WAAY,SACZC,MAAO,cAELC,EAAYZ,EAAMA,OAACa,MAAPb,EAAY,EAAGc,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEP,MAAO,UAAWQ,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAInB,YAAa,EAAGC,aAAc,EAAGmB,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAChTC,EAAW1B,EAAAA,OAAO2B,EAAIA,KAAX3B,EAAa,KAAO,CACjC4B,MAAO,OACPC,OAAQ,OACRC,WAAY,MACZX,WAAY,MACZ,YAAa,CACTE,SAAU,yCAzCX,SAA8BU,GACjC,MAAMC,SAAEA,EAAQC,MAAEA,EAAKC,UAAEA,GAAcH,GACjCI,OAAEA,EAAMC,OAAEA,EAAMC,QAAEA,GAAYC,EAAUA,aACxCC,EAASC,SAAO,MACtB,OAAQC,EAAKC,KAAC7B,MAAK,CAAE8B,IAAKJ,EAAQ9B,QAAS,OAAQC,WAAY,SAAUsB,SAAU,CAACS,EAAKC,KAAC3C,EAAY,CAAE6C,QAASR,EAAQJ,SAAU,CAACa,EAAIC,IAAClC,EAAW,CAAEmC,UAAW,0BAA2Bf,SAAUC,GAASD,IAAaa,EAAIC,IAACpB,EAAU,CAAEsB,KAAMb,EAAS,aAAe,oBAAuBU,EAAAA,IAAKI,EAAIA,KAAE,CAAEC,SAAUX,EAAOY,QAASC,KAAMjB,EAAQE,QAASA,EAASgB,aAAc,CACvWC,SAAU,SACVC,WAAY,SACbC,gBAAiB,CAChBF,SAAU,MACVC,WAAY,SACbE,UAAW,CACVC,MAAO,CACHC,GAAI,CAAEC,GAAI,KAEfC,gBAAiB,CAChBC,SAAU,CACNf,UAAW,4BAEhBf,SAAUa,MAAK,MAAO,CAAEb,SAAUE,QACrD"}

package/cjs/layout/container/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sources":["../../../../src/layout/container/container.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport MuiContainer from '@mui/material/Container';\n/**\n * @description SkodaFlow Container component.\n * Properties are inherited from HTML Container element.\n * @param props ContainerProps\n * @returns React Functional Component\n * @deprecated this Component is deprecated. Use Container from @mui/material instead\n */\nexport const Container = (props) => {\n    return (_jsx(MuiContainer, Object.assign({}, props, { className: props.className + ' ' + (props.narrow && 'narrow'), \"data-testid\": \"Container\", children: props.children })));\n};\n//# sourceMappingURL=container.js.map"],"names":["props","_jsx","jsx","MuiContainer","Object","assign","className","narrow","children"],"mappings":"iKAS0BA,GACdC,EAAIC,IAACC,UAAcC,OAAOC,OAAO,CAAE,EAAEL,EAAO,CAAEM,UAAWN,EAAMM,UAAY,KAAON,EAAMO,QAAU,UAAW,cAAe,YAAaC,SAAUR,EAAMQ"}

package/cjs/layout/index.d.ts

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

package/cjs/organisms/cardPromoVehicle/cardPromoVehicleComponent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),i=require("@mui/material/Card"),t=require("../../components/label/label.js"),r=require("../common/menuCardComponent/menuCardComponent.js"),n=require("../common/infoTextCardComponent/infoTextCardComponent.js"),o=require("../../components/labelFeature/labelFeature.js"),l=require("@mui/material/styles"),s=require("../common/buttonCardComponent/buttonCardComponent.js"),p=require("../../utils/utilities.js"),d=require("../../components/common/imageComponent.js"),c=require("../../design/skoda/palette.theme.js");function m(e){return e&&e.__esModule?e:{default:e}}var x=m(i);const h=({label:e,labelVariant:i,vehicleName:l,equipment:c,image:m,altDescriptionImage:x,mandatoryButtonObject:h,optionalButtonObject:g,darkOpacityLayer:b,lightOpacityLayer:f,menuCardComponentProps:y,isMenuDropdown:C,infoText:v,infoTextSecond:j,infoTextThird:w,customInfo:T,description:I,labelInfoFirstVariant:k,labelInfoFirstText:O,labelInfoSecondVariant:S,labelInfoSecondText:L,isCompact:N,size:z,fallbackImage:q})=>a.jsxs(u,{size:z,darkOpacityLayer:b,lightOpacityLayer:f,children:[a.jsx("div",{className:"CardImageOverlayTheme"}),a.jsx("div",{className:"promoVehicleContainerPadding",children:a.jsxs("div",{className:"promoVehicleContainer",children:[a.jsxs("div",{className:"vehicleTitleContainer",children:[e&&("feature"===i?a.jsx(o.LabelFeature,{className:"CardImageLabelFeature",variant:"primary",children:p.handleMaxChars(e,30)}):a.jsx(t.Label,{className:"CardImageLabel",label:p.handleMaxChars(e,30)})),l&&a.jsx("h2",{style:{margin:0},className:"vehicleName",children:p.handleMaxChars(l,20)}),c&&a.jsx("h4",{style:{margin:0},className:"vehicleEquipment",children:p.handleMaxChars(c,20)}),I&&a.jsx("div",{className:"CardImageSubtitleContainer",children:a.jsx("span",{className:"CardImageSubtitle",children:p.handleMaxChars(I,50)})}),a.jsxs("div",{className:"LabelsOptional",children:[O&&a.jsx("div",{children:a.jsx(o.LabelFeature,{variant:k,label:p.handleMaxChars(O,30)})}),L&&a.jsx("div",{children:a.jsx(o.LabelFeature,{variant:S,label:p.handleMaxChars(L,30)})})]})]}),a.jsx("div",{className:"promoVehicleImage",children:a.jsx(d.default,{image:m,alt:x,fallbackImage:q})}),a.jsxs("div",{className:"promoVehicleInfo",children:[a.jsxs("div",{className:"promoVehicleButtons",children:[(null==h?void 0:h.label)&&a.jsx(s.default,{className:"button-component",buttonObject:h,compact:N}),(null==g?void 0:g.label)&&a.jsx(s.default,{className:"button-component",buttonObject:g,compact:N})]}),T?a.jsx("div",{className:"infoText",children:T}):a.jsx(n.default,{infoText:v,infoTextSecond:j,infoTextThird:w,className:"infoText"})]}),C&&a.jsx(r.default,Object.assign({},y))]})})]}),u=l.styled(x.default,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((a=>{var{theme:i}=a,t=e.__rest(a,["theme"]);const r=((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),n=((e,a,i)=>{let t="";return"opacity0"!==a&&"opacity0"===e&&(t=i.palette.text.primary),t="opacity0"!==e?i.palette.onSurface.os0:i.palette.text.primary,t})(t.darkOpacityLayer,t.lightOpacityLayer,i);let o={};return o={position:"relative",width:"100%",padding:"24px",backgroundColor:c.flowColors.transparent.primary,color:n,"& .LabelsOptional":{display:"flex",flexWrap:"wrap",position:"relative",zIndex:2},"& .promoVehicleImage":{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"}},"& .promoVehicleContainerPadding":{position:"relative",height:"100%",width:"100%"},"& .promoVehicleContainer":{overflow:"hidden",height:"100%",width:"100%",flexDirection:"column",display:"flex",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%",position:"relative","& > .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"},"& > .CardImageSubtitleContainer":{display:"inline-flex",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",width:"100%","& > .CardImageSubtitle":{fontSize:"16px",lineHeight:"24px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",[i.breakpoints.up("lg")]:{fontSize:"18px",lineHeight:"28px"}}}},"& > .promoVehicleInfo":{marginTop:"-25px",position:"relative",[i.breakpoints.up("md")]:{marginTop:"fixed"===t.size?0:"-25px"},display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[i.breakpoints.up("md")]:{flexDirection:"row"},"& > .promoVehicleButtons":{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"}}}}," & > .infoText":{display:"block",maxWidth:"100%",fontSize:"14px",[i.breakpoints.up("md")]:{width:"auto",alignSelf:"end"}," & > div > p":{margin:0},".infoTextFirst":{fontWeight:"bold",span:{fontWeight:"300"}},".infoTextThirdContainer":{display:"inline-flex",maxWidth:"100%",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},".infoTextThird":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:r}},o}));exports.CardPromoVehicleComponent=h,exports.default=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),i=require("@mui/material/Card"),t=require("../../components/label/label.js"),r=require("../common/menuCardComponent/menuCardComponent.js"),n=require("../common/infoTextCardComponent/infoTextCardComponent.js"),o=require("../../components/labelFeature/labelFeature.js"),l=require("@mui/material/styles"),s=require("../common/buttonCardComponent/buttonCardComponent.js"),p=require("../../utils/utilities.js"),d=require("../../components/common/imageComponent.js"),c=require("../../design/skoda/paletteLight.theme.js");function m(e){return e&&e.__esModule?e:{default:e}}var x=m(i);const h=({label:e,labelVariant:i,vehicleName:l,equipment:c,image:m,altDescriptionImage:x,mandatoryButtonObject:h,optionalButtonObject:g,darkOpacityLayer:b,lightOpacityLayer:f,menuCardComponentProps:y,isMenuDropdown:v,infoText:C,infoTextSecond:j,infoTextThird:w,customInfo:T,description:I,labelInfoFirstVariant:k,labelInfoFirstText:O,labelInfoSecondVariant:L,labelInfoSecondText:S,isCompact:N,size:z,fallbackImage:q})=>a.jsxs(u,{size:z,darkOpacityLayer:b,lightOpacityLayer:f,children:[a.jsx("div",{className:"CardImageOverlayTheme"}),a.jsx("div",{className:"promoVehicleContainerPadding",children:a.jsxs("div",{className:"promoVehicleContainer",children:[a.jsxs("div",{className:"vehicleTitleContainer",children:[e&&("feature"===i?a.jsx(o.LabelFeature,{className:"CardImageLabelFeature",variant:"primary",children:p.handleMaxChars(e,30)}):a.jsx(t.Label,{className:"CardImageLabel",label:p.handleMaxChars(e,30)})),l&&a.jsx("h2",{style:{margin:0},className:"vehicleName",children:p.handleMaxChars(l,20)}),c&&a.jsx("h4",{style:{margin:0},className:"vehicleEquipment",children:p.handleMaxChars(c,20)}),I&&a.jsx("div",{className:"CardImageSubtitleContainer",children:a.jsx("span",{className:"CardImageSubtitle",children:p.handleMaxChars(I,50)})}),a.jsxs("div",{className:"LabelsOptional",children:[O&&a.jsx("div",{children:a.jsx(o.LabelFeature,{variant:k,label:p.handleMaxChars(O,30)})}),S&&a.jsx("div",{children:a.jsx(o.LabelFeature,{variant:L,label:p.handleMaxChars(S,30)})})]})]}),a.jsx("div",{className:"promoVehicleImage",children:a.jsx(d.default,{image:m,alt:x,fallbackImage:q})}),a.jsxs("div",{className:"promoVehicleInfo",children:[a.jsxs("div",{className:"promoVehicleButtons",children:[(null==h?void 0:h.label)&&a.jsx(s.default,{className:"button-component",buttonObject:h,compact:N}),(null==g?void 0:g.label)&&a.jsx(s.default,{className:"button-component",buttonObject:g,compact:N})]}),T?a.jsx("div",{className:"infoText",children:T}):a.jsx(n.default,{infoText:C,infoTextSecond:j,infoTextThird:w,className:"infoText"})]}),v&&a.jsx(r.default,Object.assign({},y))]})})]}),u=l.styled(x.default,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((a=>{var{theme:i}=a,t=e.__rest(a,["theme"]);const r=((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),n=((e,a,i)=>{let t="";return"opacity0"!==a&&"opacity0"===e&&(t=i.palette.text.primary),t="opacity0"!==e?i.palette.onSurface.os0:i.palette.text.primary,t})(t.darkOpacityLayer,t.lightOpacityLayer,i);let o={};return o={position:"relative",width:"100%",padding:"24px",backgroundColor:c.paletteLight.transparent.primary,color:n,"& .LabelsOptional":{display:"flex",flexWrap:"wrap",position:"relative",zIndex:2},"& .promoVehicleImage":{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"}},"& .promoVehicleContainerPadding":{position:"relative",height:"100%",width:"100%"},"& .promoVehicleContainer":{overflow:"hidden",height:"100%",width:"100%",flexDirection:"column",display:"flex",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%",position:"relative","& > .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"},"& > .CardImageSubtitleContainer":{display:"inline-flex",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",width:"100%","& > .CardImageSubtitle":{fontSize:"16px",lineHeight:"24px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",[i.breakpoints.up("lg")]:{fontSize:"18px",lineHeight:"28px"}}}},"& > .promoVehicleInfo":{marginTop:"-25px",position:"relative",[i.breakpoints.up("md")]:{marginTop:"fixed"===t.size?0:"-25px"},display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[i.breakpoints.up("md")]:{flexDirection:"row"},"& > .promoVehicleButtons":{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"}}}}," & > .infoText":{display:"block",maxWidth:"100%",fontSize:"14px",[i.breakpoints.up("md")]:{width:"auto",alignSelf:"end"}," & > div > p":{margin:0},".infoTextFirst":{fontWeight:"bold",span:{fontWeight:"300"}},".infoTextThirdContainer":{display:"inline-flex",maxWidth:"100%",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},".infoTextThird":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:r}},o}));exports.CardPromoVehicleComponent=h,exports.default=h;
 //# sourceMappingURL=cardPromoVehicleComponent.js.map

package/cjs/organisms/cardPromoVehicle/cardPromoVehicleComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPromoVehicleComponent.js","sources":["../../../../src/organisms/cardPromoVehicle/cardPromoVehicleComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport MuiCard from '@mui/material/Card';\nimport { Label } from '../../components/label';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport InfoTextCardComponent from '../common/infoTextCardComponent/infoTextCardComponent';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { styled } from '@mui/material/styles';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nimport { flowColors } from '../../design/skoda/palette.theme';\nexport const CardPromoVehicleComponent = ({ label, labelVariant, vehicleName, equipment, image, altDescriptionImage, mandatoryButtonObject, optionalButtonObject, darkOpacityLayer, lightOpacityLayer, menuCardComponentProps, isMenuDropdown, infoText, infoTextSecond, infoTextThird, customInfo, description, labelInfoFirstVariant, labelInfoFirstText, labelInfoSecondVariant, labelInfoSecondText, isCompact, size, fallbackImage, }) => {\n    return (_jsxs(CardPromoVehicleComponentStyled, { size: size, darkOpacityLayer: darkOpacityLayer, lightOpacityLayer: lightOpacityLayer, children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsx(\"div\", { className: \"promoVehicleContainerPadding\", children: _jsxs(\"div\", { className: \"promoVehicleContainer\", 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) })), description && (_jsx(\"div\", { className: \"CardImageSubtitleContainer\", children: _jsx(\"span\", { className: \"CardImageSubtitle\", children: handleMaxChars(description, 50) }) })), _jsxs(\"div\", { className: \"LabelsOptional\", children: [labelInfoFirstText && (_jsx(\"div\", { children: _jsx(LabelFeature, { variant: labelInfoFirstVariant, label: handleMaxChars(labelInfoFirstText, 30) }) })), labelInfoSecondText && (_jsx(\"div\", { children: _jsx(LabelFeature, { variant: labelInfoSecondVariant, label: handleMaxChars(labelInfoSecondText, 30) }) }))] })] }), _jsx(\"div\", { className: \"promoVehicleImage\", children: _jsx(ImageComponent, { image: image, alt: altDescriptionImage, fallbackImage: fallbackImage }) }), _jsxs(\"div\", { className: \"promoVehicleInfo\", children: [_jsxs(\"div\", { className: \"promoVehicleButtons\", 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 }))] }), customInfo ? (_jsx(\"div\", { className: \"infoText\", children: customInfo })) : (_jsx(InfoTextCardComponent, { infoText: infoText, infoTextSecond: infoTextSecond, infoTextThird: infoTextThird, className: \"infoText\" }))] }), isMenuDropdown && _jsx(MenuCardComponent, Object.assign({}, menuCardComponentProps))] }) })] }));\n};\nexport default CardPromoVehicleComponent;\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.text.primary;\n    }\n    if (darkOpacityLayer !== 'opacity0') {\n        color = theme.palette.onSurface.os0;\n    }\n    else\n        color = theme.palette.text.primary;\n    return color;\n};\n/**\n * @description cardPromoVehicleComponent styling definition based on props\n */\nconst CardPromoVehicleComponentStyled = 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: flowColors.transparent.primary,\n        color: textColor,\n        '& .LabelsOptional': {\n            display: 'flex',\n            flexWrap: 'wrap',\n            position: 'relative',\n            zIndex: 2,\n        },\n        '& .promoVehicleImage': {\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        '& .promoVehicleContainerPadding': {\n            position: 'relative',\n            height: '100%',\n            width: '100%',\n        },\n        '& .promoVehicleContainer': {\n            overflow: 'hidden',\n            height: '100%',\n            width: '100%',\n            flexDirection: 'column',\n            display: 'flex',\n            justifyContent: props.size === 'fixed' ? 'space-between' : 'normal',\n            boxSizing: 'border-box',\n            ' & > .vehicleTitleContainer': {\n                zIndex: 2,\n                width: '100%',\n                position: 'relative',\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                '& > .CardImageSubtitleContainer': {\n                    display: 'inline-flex',\n                    whiteSpace: 'nowrap',\n                    overflow: 'hidden',\n                    textOverflow: 'ellipsis',\n                    width: '100%',\n                    '& > .CardImageSubtitle': {\n                        fontSize: '16px',\n                        lineHeight: '24px',\n                        whiteSpace: 'nowrap',\n                        overflow: 'hidden',\n                        textOverflow: 'ellipsis',\n                        [theme.breakpoints.up('lg')]: {\n                            fontSize: '18px',\n                            lineHeight: '28px',\n                        },\n                    },\n                },\n            },\n            '& > .promoVehicleInfo': {\n                marginTop: '-25px',\n                position: 'relative',\n                [theme.breakpoints.up('md')]: {\n                    marginTop: props.size === 'fixed' ? 0 : '-25px',\n                },\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                },\n                '& > .promoVehicleButtons': {\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                ' & > .infoText': {\n                    display: 'block',\n                    maxWidth: '100%',\n                    fontSize: '14px',\n                    [theme.breakpoints.up('md')]: {\n                        width: 'auto',\n                        alignSelf: 'end',\n                    },\n                    ' & > div > p': {\n                        margin: 0,\n                    },\n                    '.infoTextFirst': {\n                        fontWeight: 'bold',\n                        span: { fontWeight: '300' },\n                    },\n                    '.infoTextThirdContainer': {\n                        display: 'inline-flex',\n                        maxWidth: '100%',\n                        whiteSpace: 'nowrap',\n                        overflow: 'hidden',\n                        textOverflow: 'ellipsis',\n                    },\n                    '.infoTextThird': {\n                        whiteSpace: 'nowrap',\n                        overflow: 'hidden',\n                        textOverflow: 'ellipsis',\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=cardPromoVehicleComponent.js.map"],"names":["CardPromoVehicleComponent","label","labelVariant","vehicleName","equipment","image","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","infoText","infoTextSecond","infoTextThird","customInfo","description","labelInfoFirstVariant","labelInfoFirstText","labelInfoSecondVariant","labelInfoSecondText","isCompact","size","fallbackImage","_jsxs","CardPromoVehicleComponentStyled","children","_jsx","className","jsxs","LabelFeature","variant","handleMaxChars","Label","style","margin","jsx","ImageComponent","default","alt","ButtonCardComponent","buttonObject","compact","InfoTextCardComponent","MenuCardComponent","Object","assign","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","palette","text","primary","onSurface","os0","handleTextColor","position","width","padding","backgroundColor","flowColors","transparent","display","flexWrap","zIndex","marginTop","breakpoints","up","height","justifyContent","minHeight","maxWidth","maxHeight","objectFit","overflow","flexDirection","boxSizing","fontSize","lineHeight","marginLeft","marginBottom","whiteSpace","textOverflow","alignItems","gap","alignSelf","fontWeight","span","top","right","background"],"mappings":"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"}
+{"version":3,"file":"cardPromoVehicleComponent.js","sources":["../../../../src/organisms/cardPromoVehicle/cardPromoVehicleComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport MuiCard from '@mui/material/Card';\nimport { Label } from '../../components/label';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport InfoTextCardComponent from '../common/infoTextCardComponent/infoTextCardComponent';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { styled } from '@mui/material/styles';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nexport const CardPromoVehicleComponent = ({ label, labelVariant, vehicleName, equipment, image, altDescriptionImage, mandatoryButtonObject, optionalButtonObject, darkOpacityLayer, lightOpacityLayer, menuCardComponentProps, isMenuDropdown, infoText, infoTextSecond, infoTextThird, customInfo, description, labelInfoFirstVariant, labelInfoFirstText, labelInfoSecondVariant, labelInfoSecondText, isCompact, size, fallbackImage, }) => {\n    return (_jsxs(CardPromoVehicleComponentStyled, { size: size, darkOpacityLayer: darkOpacityLayer, lightOpacityLayer: lightOpacityLayer, children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsx(\"div\", { className: \"promoVehicleContainerPadding\", children: _jsxs(\"div\", { className: \"promoVehicleContainer\", 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) })), description && (_jsx(\"div\", { className: \"CardImageSubtitleContainer\", children: _jsx(\"span\", { className: \"CardImageSubtitle\", children: handleMaxChars(description, 50) }) })), _jsxs(\"div\", { className: \"LabelsOptional\", children: [labelInfoFirstText && (_jsx(\"div\", { children: _jsx(LabelFeature, { variant: labelInfoFirstVariant, label: handleMaxChars(labelInfoFirstText, 30) }) })), labelInfoSecondText && (_jsx(\"div\", { children: _jsx(LabelFeature, { variant: labelInfoSecondVariant, label: handleMaxChars(labelInfoSecondText, 30) }) }))] })] }), _jsx(\"div\", { className: \"promoVehicleImage\", children: _jsx(ImageComponent, { image: image, alt: altDescriptionImage, fallbackImage: fallbackImage }) }), _jsxs(\"div\", { className: \"promoVehicleInfo\", children: [_jsxs(\"div\", { className: \"promoVehicleButtons\", 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 }))] }), customInfo ? (_jsx(\"div\", { className: \"infoText\", children: customInfo })) : (_jsx(InfoTextCardComponent, { infoText: infoText, infoTextSecond: infoTextSecond, infoTextThird: infoTextThird, className: \"infoText\" }))] }), isMenuDropdown && _jsx(MenuCardComponent, Object.assign({}, menuCardComponentProps))] }) })] }));\n};\nexport default CardPromoVehicleComponent;\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.text.primary;\n    }\n    if (darkOpacityLayer !== 'opacity0') {\n        color = theme.palette.onSurface.os0;\n    }\n    else\n        color = theme.palette.text.primary;\n    return color;\n};\n/**\n * @description cardPromoVehicleComponent styling definition based on props\n */\nconst CardPromoVehicleComponentStyled = 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: flowColors.transparent.primary,\n        color: textColor,\n        '& .LabelsOptional': {\n            display: 'flex',\n            flexWrap: 'wrap',\n            position: 'relative',\n            zIndex: 2,\n        },\n        '& .promoVehicleImage': {\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        '& .promoVehicleContainerPadding': {\n            position: 'relative',\n            height: '100%',\n            width: '100%',\n        },\n        '& .promoVehicleContainer': {\n            overflow: 'hidden',\n            height: '100%',\n            width: '100%',\n            flexDirection: 'column',\n            display: 'flex',\n            justifyContent: props.size === 'fixed' ? 'space-between' : 'normal',\n            boxSizing: 'border-box',\n            ' & > .vehicleTitleContainer': {\n                zIndex: 2,\n                width: '100%',\n                position: 'relative',\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                '& > .CardImageSubtitleContainer': {\n                    display: 'inline-flex',\n                    whiteSpace: 'nowrap',\n                    overflow: 'hidden',\n                    textOverflow: 'ellipsis',\n                    width: '100%',\n                    '& > .CardImageSubtitle': {\n                        fontSize: '16px',\n                        lineHeight: '24px',\n                        whiteSpace: 'nowrap',\n                        overflow: 'hidden',\n                        textOverflow: 'ellipsis',\n                        [theme.breakpoints.up('lg')]: {\n                            fontSize: '18px',\n                            lineHeight: '28px',\n                        },\n                    },\n                },\n            },\n            '& > .promoVehicleInfo': {\n                marginTop: '-25px',\n                position: 'relative',\n                [theme.breakpoints.up('md')]: {\n                    marginTop: props.size === 'fixed' ? 0 : '-25px',\n                },\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                },\n                '& > .promoVehicleButtons': {\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                ' & > .infoText': {\n                    display: 'block',\n                    maxWidth: '100%',\n                    fontSize: '14px',\n                    [theme.breakpoints.up('md')]: {\n                        width: 'auto',\n                        alignSelf: 'end',\n                    },\n                    ' & > div > p': {\n                        margin: 0,\n                    },\n                    '.infoTextFirst': {\n                        fontWeight: 'bold',\n                        span: { fontWeight: '300' },\n                    },\n                    '.infoTextThirdContainer': {\n                        display: 'inline-flex',\n                        maxWidth: '100%',\n                        whiteSpace: 'nowrap',\n                        overflow: 'hidden',\n                        textOverflow: 'ellipsis',\n                    },\n                    '.infoTextThird': {\n                        whiteSpace: 'nowrap',\n                        overflow: 'hidden',\n                        textOverflow: 'ellipsis',\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=cardPromoVehicleComponent.js.map"],"names":["CardPromoVehicleComponent","label","labelVariant","vehicleName","equipment","image","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","infoText","infoTextSecond","infoTextThird","customInfo","description","labelInfoFirstVariant","labelInfoFirstText","labelInfoSecondVariant","labelInfoSecondText","isCompact","size","fallbackImage","_jsxs","CardPromoVehicleComponentStyled","children","_jsx","className","jsxs","LabelFeature","variant","handleMaxChars","Label","style","margin","jsx","ImageComponent","default","alt","ButtonCardComponent","buttonObject","compact","InfoTextCardComponent","MenuCardComponent","Object","assign","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","palette","text","primary","onSurface","os0","handleTextColor","position","width","padding","backgroundColor","flowColors","transparent","display","flexWrap","zIndex","marginTop","breakpoints","up","height","justifyContent","minHeight","maxWidth","maxHeight","objectFit","overflow","flexDirection","boxSizing","fontSize","lineHeight","marginLeft","marginBottom","whiteSpace","textOverflow","alignItems","gap","alignSelf","fontWeight","span","top","right","background"],"mappings":"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"}

package/cjs/organisms/carousel/carousel.d.ts

@@ -132,4 +132,7 @@ export declare const handleScrollNext: (emblaApi: EmblaCarouselType, direction:
 export declare const handleScrollTo: (emblaApi: EmblaCarouselType, index: number) => void;
 export declare const getHoveredClass: (direction: 'next' | 'prev', hovered: boolean, isBtnEnabled: boolean) => string;
 export declare const emblaWidthSize: (apiParam: any, slideToShowParam: any) => void;
+/**
+ * @deprecated this component does not meet quality standards and will be removed in the future
+ */
 export declare const Carousel: (props: CarouselPropType) => import("react/jsx-runtime").JSX.Element;

package/cjs/organisms/carousel/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":["../../../../src/organisms/carousel/carousel.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport ClassNames from 'embla-carousel-class-names';\nimport Autoplay from 'embla-carousel-autoplay';\nimport { CarouselStyledHorizontal } from './styledComponents/styledCarouselHorizontal';\nimport { CarouselStyledVertical } from './styledComponents/styledCarouselVertical';\nimport { useTheme } from '@mui/material';\nimport { template } from './carouselTemplate';\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollPrev = (emblaApi, direction) => {\n    if (emblaApi) {\n        direction === 'ltr' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n    }\n};\nexport const handleScrollNext = (emblaApi, direction) => {\n    if (emblaApi) {\n        direction === 'rtl' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n    }\n};\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollTo = (emblaApi, index) => {\n    if (emblaApi) {\n        emblaApi.scrollTo(index);\n    }\n};\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const getHoveredClass = (direction, hovered, isBtnEnabled) => {\n    return hovered && isBtnEnabled ? `${direction}--hovered` : '';\n};\nexport const emblaWidthSize = (apiParam, slideToShowParam) => {\n    const slideNode = apiParam.slideNodes();\n    if (slideToShowParam <= 1) {\n        slideNode.forEach((item) => {\n            if (item) {\n                const img = item.querySelector('img');\n                if (img)\n                    return (item.style.width = `${img.naturalWidth}px`);\n            }\n        });\n    }\n};\nexport const Carousel = (props) => {\n    const { align = 'start', autoPlay = false, axis = 'x', buttonAreaControlsHeight = '50%', buttonControls = true, buttonControlsPosition = '0', cssClass = '', direction = 'ltr', heightSlide, isSlideDifferentWidth = false, loop = false, numberingSeparator = '/', numberingSlides = true, progressbar = false, slidesItems, slideToScroll = 1, slideToShow = 1, slideSelectedClass = 'slide-selected', speed = 10, startIndex = 0, bulletScroll = false, bulletStyle = 'dot', bulletTheme = 'dark', prevControlIcon = 'arrow-left', nextControlIcon = 'arrow-right', controlIconStyle = 'regular', controlIconFontSize = 'medium', controlVariant = 'standard', controlColor = 'dark', } = props;\n    const optionsAutoplay = {\n        playOnInit: autoPlay ? true : false,\n    };\n    const autoplay = Autoplay(optionsAutoplay);\n    const optionsClassNames = { selected: slideSelectedClass };\n    const optionAlign = align !== 'center' ? 'trimSnaps' : '';\n    const [selectedIndex, setSelectedIndex] = useState(startIndex);\n    const [prevBtnEnabled, setPrevBtnEnabled] = useState(true);\n    const [nextBtnEnabled, setNextBtnEnabled] = useState(true);\n    const [scrollProgress, setScrollProgress] = useState(0);\n    const [hovered, setHovered] = useState(false);\n    const [isMobile, setIsMobile] = useState();\n    const [classEmbla, setClassEmbla] = useState('');\n    const emblaOptions = {\n        align: align,\n        axis: axis,\n        containScroll: optionAlign,\n        direction: direction,\n        loop: loop,\n        slidesToScroll: isMobile ? 1 : slideToScroll,\n        skipSnaps: false,\n        speed: speed,\n        startIndex: startIndex,\n    };\n    const [emblaRef, emblaApi] = useEmblaCarousel(emblaOptions, [autoplay, ClassNames(optionsClassNames)]);\n    const theme = useTheme();\n    const controllerHover = (controller) => {\n        switch (true) {\n            case controller === 'prev' && prevBtnEnabled:\n                return setClassEmbla('embla-container-prev');\n            case controller === 'next' && nextBtnEnabled:\n                return setClassEmbla('embla-container-next');\n            default:\n                return setClassEmbla('');\n        }\n    };\n    const toggleHover = (element) => {\n        setHovered(!hovered);\n        controllerHover(element);\n    };\n    const onScroll = useCallback(() => {\n        if (!emblaApi && !progressbar)\n            return;\n        const progress = Math.max(0, Math.min(1, emblaApi.scrollProgress()));\n        setScrollProgress(progress * 100);\n    }, [emblaApi, progressbar, setScrollProgress]);\n    useEffect(() => {\n        if (emblaApi) {\n            emblaWidthSize(emblaApi, slideToShow);\n            const onSelect = () => {\n                const index = emblaApi.selectedScrollSnap();\n                setSelectedIndex(index);\n                setSelectedIndex(emblaApi.selectedScrollSnap());\n                setPrevBtnEnabled(emblaApi.canScrollPrev());\n                setNextBtnEnabled(emblaApi.canScrollNext());\n            };\n            emblaApi.on('select', onSelect);\n            onSelect();\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi, progressbar, onScroll, slideToShow]);\n    useEffect(() => {\n        const mq = window.matchMedia(`(max-width: ${theme.breakpoints.values.md}px)`);\n        setIsMobile(mq.matches);\n    }, [theme.breakpoints.values.md]);\n    return axis === 'y' ? (_jsx(CarouselStyledVertical, Object.assign({ align: align, slidesItems: slidesItems, slideToShow: slideToShow, bulletTheme: bulletTheme }, props, { children: template(cssClass, hovered, prevBtnEnabled, emblaApi, direction, emblaRef, slidesItems, heightSlide, buttonControls, buttonAreaControlsHeight, buttonControlsPosition, nextBtnEnabled, numberingSlides, selectedIndex, numberingSeparator, progressbar, scrollProgress, (element) => toggleHover(element), slideToShow, classEmbla, bulletScroll, bulletStyle, handleScrollTo, handleScrollPrev, handleScrollNext, prevControlIcon, nextControlIcon, controlIconStyle, controlIconFontSize, controlVariant, controlColor) }))) : (_jsx(CarouselStyledHorizontal, Object.assign({ isSlideDifferentWidth: isSlideDifferentWidth, align: align, slidesItems: slidesItems, slideToShow: slideToShow, bulletTheme: bulletTheme }, props, { children: template(cssClass, hovered, prevBtnEnabled, emblaApi, direction, emblaRef, slidesItems, heightSlide, buttonControls, buttonAreaControlsHeight, buttonControlsPosition, nextBtnEnabled, numberingSlides, selectedIndex, numberingSeparator, progressbar, scrollProgress, (element) => toggleHover(element), slideToShow, classEmbla, bulletScroll, bulletStyle, handleScrollTo, handleScrollPrev, handleScrollNext, prevControlIcon, nextControlIcon, controlIconStyle, controlIconFontSize, controlVariant, controlColor) })));\n};\n//# sourceMappingURL=carousel.js.map"],"names":["handleScrollPrev","emblaApi","direction","scrollPrev","scrollNext","handleScrollNext","handleScrollTo","index","scrollTo","emblaWidthSize","apiParam","slideToShowParam","slideNode","slideNodes","forEach","item","img","querySelector","style","width","naturalWidth","props","align","autoPlay","axis","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","heightSlide","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slidesItems","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","optionsAutoplay","playOnInit","autoplay","Autoplay","optionsClassNames","selected","optionAlign","selectedIndex","setSelectedIndex","useState","prevBtnEnabled","setPrevBtnEnabled","nextBtnEnabled","setNextBtnEnabled","scrollProgress","setScrollProgress","hovered","setHovered","isMobile","setIsMobile","classEmbla","setClassEmbla","emblaOptions","containScroll","slidesToScroll","skipSnaps","emblaRef","useEmblaCarousel","ClassNames","default","theme","useTheme","toggleHover","element","controller","controllerHover","onScroll","useCallback","progress","Math","max","min","useEffect","onSelect","selectedScrollSnap","canScrollPrev","canScrollNext","on","mq","window","matchMedia","breakpoints","values","md","matches","_jsx","jsx","CarouselStyledVertical","Object","assign","children","template","CarouselStyledHorizontal","isBtnEnabled"],"mappings":"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"}
+{"version":3,"file":"carousel.js","sources":["../../../../src/organisms/carousel/carousel.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport ClassNames from 'embla-carousel-class-names';\nimport Autoplay from 'embla-carousel-autoplay';\nimport { CarouselStyledHorizontal } from './styledComponents/styledCarouselHorizontal';\nimport { CarouselStyledVertical } from './styledComponents/styledCarouselVertical';\nimport { useTheme } from '@mui/material';\nimport { template } from './carouselTemplate';\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollPrev = (emblaApi, direction) => {\n    if (emblaApi) {\n        direction === 'ltr' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n    }\n};\nexport const handleScrollNext = (emblaApi, direction) => {\n    if (emblaApi) {\n        direction === 'rtl' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n    }\n};\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollTo = (emblaApi, index) => {\n    if (emblaApi) {\n        emblaApi.scrollTo(index);\n    }\n};\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const getHoveredClass = (direction, hovered, isBtnEnabled) => {\n    return hovered && isBtnEnabled ? `${direction}--hovered` : '';\n};\nexport const emblaWidthSize = (apiParam, slideToShowParam) => {\n    const slideNode = apiParam.slideNodes();\n    if (slideToShowParam <= 1) {\n        slideNode.forEach((item) => {\n            if (item) {\n                const img = item.querySelector('img');\n                if (img)\n                    return (item.style.width = `${img.naturalWidth}px`);\n            }\n        });\n    }\n};\n/**\n * @deprecated this component does not meet quality standards and will be removed in the future\n */\nexport const Carousel = (props) => {\n    const { align = 'start', autoPlay = false, axis = 'x', buttonAreaControlsHeight = '50%', buttonControls = true, buttonControlsPosition = '0', cssClass = '', direction = 'ltr', heightSlide, isSlideDifferentWidth = false, loop = false, numberingSeparator = '/', numberingSlides = true, progressbar = false, slidesItems, slideToScroll = 1, slideToShow = 1, slideSelectedClass = 'slide-selected', speed = 10, startIndex = 0, bulletScroll = false, bulletStyle = 'dot', bulletTheme = 'dark', prevControlIcon = 'arrow-left', nextControlIcon = 'arrow-right', controlIconStyle = 'regular', controlIconFontSize = 'medium', controlVariant = 'standard', controlColor = 'dark', } = props;\n    const optionsAutoplay = {\n        playOnInit: autoPlay ? true : false,\n    };\n    const autoplay = Autoplay(optionsAutoplay);\n    const optionsClassNames = { selected: slideSelectedClass };\n    const optionAlign = align !== 'center' ? 'trimSnaps' : '';\n    const [selectedIndex, setSelectedIndex] = useState(startIndex);\n    const [prevBtnEnabled, setPrevBtnEnabled] = useState(true);\n    const [nextBtnEnabled, setNextBtnEnabled] = useState(true);\n    const [scrollProgress, setScrollProgress] = useState(0);\n    const [hovered, setHovered] = useState(false);\n    const [isMobile, setIsMobile] = useState();\n    const [classEmbla, setClassEmbla] = useState('');\n    const emblaOptions = {\n        align: align,\n        axis: axis,\n        containScroll: optionAlign,\n        direction: direction,\n        loop: loop,\n        slidesToScroll: isMobile ? 1 : slideToScroll,\n        skipSnaps: false,\n        speed: speed,\n        startIndex: startIndex,\n    };\n    const [emblaRef, emblaApi] = useEmblaCarousel(emblaOptions, [autoplay, ClassNames(optionsClassNames)]);\n    const theme = useTheme();\n    const controllerHover = (controller) => {\n        switch (true) {\n            case controller === 'prev' && prevBtnEnabled:\n                return setClassEmbla('embla-container-prev');\n            case controller === 'next' && nextBtnEnabled:\n                return setClassEmbla('embla-container-next');\n            default:\n                return setClassEmbla('');\n        }\n    };\n    const toggleHover = (element) => {\n        setHovered(!hovered);\n        controllerHover(element);\n    };\n    const onScroll = useCallback(() => {\n        if (!emblaApi && !progressbar)\n            return;\n        const progress = Math.max(0, Math.min(1, emblaApi.scrollProgress()));\n        setScrollProgress(progress * 100);\n    }, [emblaApi, progressbar, setScrollProgress]);\n    useEffect(() => {\n        if (emblaApi) {\n            emblaWidthSize(emblaApi, slideToShow);\n            const onSelect = () => {\n                const index = emblaApi.selectedScrollSnap();\n                setSelectedIndex(index);\n                setSelectedIndex(emblaApi.selectedScrollSnap());\n                setPrevBtnEnabled(emblaApi.canScrollPrev());\n                setNextBtnEnabled(emblaApi.canScrollNext());\n            };\n            emblaApi.on('select', onSelect);\n            onSelect();\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi, progressbar, onScroll, slideToShow]);\n    useEffect(() => {\n        const mq = window.matchMedia(`(max-width: ${theme.breakpoints.values.md}px)`);\n        setIsMobile(mq.matches);\n    }, [theme.breakpoints.values.md]);\n    return axis === 'y' ? (_jsx(CarouselStyledVertical, Object.assign({ align: align, slidesItems: slidesItems, slideToShow: slideToShow, bulletTheme: bulletTheme }, props, { children: template(cssClass, hovered, prevBtnEnabled, emblaApi, direction, emblaRef, slidesItems, heightSlide, buttonControls, buttonAreaControlsHeight, buttonControlsPosition, nextBtnEnabled, numberingSlides, selectedIndex, numberingSeparator, progressbar, scrollProgress, (element) => toggleHover(element), slideToShow, classEmbla, bulletScroll, bulletStyle, handleScrollTo, handleScrollPrev, handleScrollNext, prevControlIcon, nextControlIcon, controlIconStyle, controlIconFontSize, controlVariant, controlColor) }))) : (_jsx(CarouselStyledHorizontal, Object.assign({ isSlideDifferentWidth: isSlideDifferentWidth, align: align, slidesItems: slidesItems, slideToShow: slideToShow, bulletTheme: bulletTheme }, props, { children: template(cssClass, hovered, prevBtnEnabled, emblaApi, direction, emblaRef, slidesItems, heightSlide, buttonControls, buttonAreaControlsHeight, buttonControlsPosition, nextBtnEnabled, numberingSlides, selectedIndex, numberingSeparator, progressbar, scrollProgress, (element) => toggleHover(element), slideToShow, classEmbla, bulletScroll, bulletStyle, handleScrollTo, handleScrollPrev, handleScrollNext, prevControlIcon, nextControlIcon, controlIconStyle, controlIconFontSize, controlVariant, controlColor) })));\n};\n//# sourceMappingURL=carousel.js.map"],"names":["handleScrollPrev","emblaApi","direction","scrollPrev","scrollNext","handleScrollNext","handleScrollTo","index","scrollTo","emblaWidthSize","apiParam","slideToShowParam","slideNode","slideNodes","forEach","item","img","querySelector","style","width","naturalWidth","props","align","autoPlay","axis","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","heightSlide","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slidesItems","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","optionsAutoplay","playOnInit","autoplay","Autoplay","optionsClassNames","selected","optionAlign","selectedIndex","setSelectedIndex","useState","prevBtnEnabled","setPrevBtnEnabled","nextBtnEnabled","setNextBtnEnabled","scrollProgress","setScrollProgress","hovered","setHovered","isMobile","setIsMobile","classEmbla","setClassEmbla","emblaOptions","containScroll","slidesToScroll","skipSnaps","emblaRef","useEmblaCarousel","ClassNames","default","theme","useTheme","toggleHover","element","controller","controllerHover","onScroll","useCallback","progress","Math","max","min","useEffect","onSelect","selectedScrollSnap","canScrollPrev","canScrollNext","on","mq","window","matchMedia","breakpoints","values","md","matches","_jsx","jsx","CarouselStyledVertical","Object","assign","children","template","CarouselStyledHorizontal","isBtnEnabled"],"mappings":"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"}

package/cjs/organisms/carousel/styledComponents/styledCarouselHorizontal.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("@emotion/styled"),o=require("../../../design/skoda/palette.theme.js"),i=require("../../../utils/utilities.js");function r(e){return e&&e.__esModule?e:{default:e}}var n,a=r(t);exports.controlButtonsHover=void 0,(n=exports.controlButtonsHover||(exports.controlButtonsHover={})).NEXT="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K",n.PREV="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==";const l=a.default("div",{shouldForwardProp:e=>"isSlideDifferentWidth"!==e&&"slidesItems"!==e&&"slideToShow"!==e&&"bulletTheme"!==e&&"numberingSeparator"!==e&&"numberingSlides"!==e&&"startIndex"!==e&&"cssClass"!==e&&"buttonControls"!==e&&"buttonAreaControlsHeight"!==e&&"slideToScroll"!==e&&"prevControlIcon"!==e&&"nextControlIcon"!==e&&"controlColor"!==e&&"controlIconStyle"!==e&&"controlVariant"!==e&&"controlIconFontSize"!==e&&"slideSelectedClass"!==e&&"heightSlide"!==e&&"bulletScroll"!==e&&"bulletStyle"!==e})((t=>{var{theme:r}=t;const n=e.__rest(t,["theme"]);let a={};switch(a=Object.assign(Object.assign({},a),{"& .embla":{position:"relative",padding:"0px",maxWidth:"100%",marginLeft:"auto",marginRight:"auto",boxSizing:"border-box","& *":{boxSizing:"border-box"},[r.breakpoints.up("md")]:{"&.embla-container-next":{"& .embla__container":{left:"center"===n.align?"-6%":"-3%"}},"&.embla-container-prev":{"& .embla__container":{left:"center"===n.align?"-2%":"3%"}}}},"& .embla__viewport":{overflow:"hidden",width:"100%"},"& .embla__viewport.is-draggable":{cursor:"move"},"& .embla__viewport.is-dragging":{cursor:"grabbing"},"& .embla__container":{display:"flex",userSelect:"none",webkitTouchCallout:"none",khtmlUserSelect:"none",webkitTapHighlightColor:"transparent",marginLeft:"-24px",transition:"left .4s",[r.breakpoints.up("md")]:{position:"relative",left:"center"===n.align?"-4%":"0"}},"& .embla__slide":{position:"relative",flex:"0 0 auto",paddingLeft:"24px",[r.breakpoints.down("md")]:{width:n.isSlideDifferentWidth?"":"100%"}},"& .embla__slide__inner":{position:"relative",overflow:"hidden",height:"100%",display:n.isSlideDifferentWidth?"flex":"","& img":{maxWidth:"100%",height:"100%",objectFit:"cover"}},"& .embla__button":{position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",top:"0",height:"100%",zIndex:"2",border:"0",boxShadow:"none",backgroundColor:"transparent",cursor:"auto",borderRadius:0,"& .MuiIcon-fontSizeSmall":{width:"24px",height:"24px"},"& .MuiIcon-fontSizeMedium":{width:"32px",height:"32px"},"&:disabled":{"& .MuiIcon-root":{color:r.palette.disabled.primary},"&:hover":{[r.breakpoints.up("lg")]:{"& .MuiIcon-root":{backgroundColor:"transparent"}}}}},"& .embla__button--prev":{left:"0",width:"12%"},"& .embla__button--prev.prev--hovered":{[r.breakpoints.up("lg")]:{cursor:`url(${exports.controlButtonsHover.PREV}), auto`,"& button":{transform:"scale(0)"}}},"& .embla__button--next":{right:"0",width:"12%"},"& .embla__button--next.next--hovered":{[r.breakpoints.up("lg")]:{cursor:`url(${exports.controlButtonsHover.NEXT}), auto`,"& button":{transform:"scale(0)"}}},"& .embla__progress":{position:"relative",backgroundColor:"transparent",marginTop:!0===n.numberingSlides?"30px":"10px",maxWidth:"100%",width:"100%",height:"4px",overflow:"hidden",borderRadius:"4px",marginLeft:"auto",marginRight:"auto"},"& .embla__progress__bar":{position:"absolute",backgroundColor:r.palette.onSurface.os200,width:"100%",top:"0",bottom:"0",left:"-100%"},"& .carousel_numbering":{[r.breakpoints.up("md")]:{position:"absolute",right:"11%"},[r.breakpoints.down("md")]:{textAlign:"center"}},"& .embla__dots":{display:"flex",listStyle:"none",justifyContent:"center",paddingTop:"10px","& .embla__dot":{backgroundColor:"transparent",cursor:"pointer",position:"relative",padding:"0",outline:"0",border:"0",width:"30px",height:"30px",marginRight:"7.5px",marginLeft:"7.5px",display:"flex",alignItems:"center","&:after":{backgroundColor:o.flowColors.disabled.secondary,width:"50px",height:"4px",borderRadius:"2px",content:'""'},"&.is-selected":{"&:after":{backgroundColor:o.flowColors.onSurface.os900,opacity:"1"}}},"& .embla__dot_small":{backgroundColor:"transparent",cursor:"pointer",position:"relative",padding:"0",outline:"0",border:"0",width:"12px",height:"6px",marginRight:"6px",marginLeft:"6px",display:"flex",alignItems:"center","&:after":{backgroundColor:i.ternaryCondition(n.bulletTheme,"dark",o.flowColors.onSurface.os900,o.flowColors.surface.tertiary),width:"6px",height:"6px",borderRadius:"50%",content:'""'},"&.is-selected":{"&:after":{backgroundColor:"transparent",height:"12px",width:"12px",border:i.ternaryCondition(n.bulletTheme,"dark",o.flowColors.onSurface.os900,o.flowColors.surface.tertiary),borderRadius:"50%",opacity:"1"}}}}}),n.slideToShow){case 1:return Object.assign(Object.assign({},a),{"& .embla__slide":{position:"relative",flex:"0 0 100%",paddingLeft:"24px",[r.breakpoints.up("md")]:{flex:n.isSlideDifferentWidth?"0 0 auto":"0 0 100%",maxWidth:!0===n.isSlideDifferentWidth?" 100%":"80%"}}});case 2:return Object.assign(Object.assign({},a),{"& .embla__slide":{position:"relative",flex:"0 0 100%",[r.breakpoints.up("md")]:{flex:"0 0 50%"},paddingLeft:"24px"}});case 3:return Object.assign(Object.assign({},a),{"& .embla__slide":{position:"relative",flex:"0 0 100%",[r.breakpoints.up("md")]:{flex:"0 0 33.33%"},paddingLeft:"24px"}});case 4:return Object.assign(Object.assign({},a),{"& .embla__slide":{position:"relative",flex:"0 0 100%",[r.breakpoints.up("md")]:{flex:"0 0 25%"},paddingLeft:"24px"}})}return a}));exports.CarouselStyledHorizontal=l;
+"use strict";var e=require("tslib"),t=require("@emotion/styled"),i=require("../../../design/skoda/paletteLight.theme.js"),o=require("../../../utils/utilities.js");function r(e){return e&&e.__esModule?e:{default:e}}var n,a=r(t);exports.controlButtonsHover=void 0,(n=exports.controlButtonsHover||(exports.controlButtonsHover={})).NEXT="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K",n.PREV="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==";const l=a.default("div",{shouldForwardProp:e=>"isSlideDifferentWidth"!==e&&"slidesItems"!==e&&"slideToShow"!==e&&"bulletTheme"!==e&&"numberingSeparator"!==e&&"numberingSlides"!==e&&"startIndex"!==e&&"cssClass"!==e&&"buttonControls"!==e&&"buttonAreaControlsHeight"!==e&&"slideToScroll"!==e&&"prevControlIcon"!==e&&"nextControlIcon"!==e&&"controlColor"!==e&&"controlIconStyle"!==e&&"controlVariant"!==e&&"controlIconFontSize"!==e&&"slideSelectedClass"!==e&&"heightSlide"!==e&&"bulletScroll"!==e&&"bulletStyle"!==e})((t=>{var{theme:r}=t;const n=e.__rest(t,["theme"]);let a={};switch(a=Object.assign(Object.assign({},a),{"& .embla":{position:"relative",padding:"0px",maxWidth:"100%",marginLeft:"auto",marginRight:"auto",boxSizing:"border-box","& *":{boxSizing:"border-box"},[r.breakpoints.up("md")]:{"&.embla-container-next":{"& .embla__container":{left:"center"===n.align?"-6%":"-3%"}},"&.embla-container-prev":{"& .embla__container":{left:"center"===n.align?"-2%":"3%"}}}},"& .embla__viewport":{overflow:"hidden",width:"100%"},"& .embla__viewport.is-draggable":{cursor:"move"},"& .embla__viewport.is-dragging":{cursor:"grabbing"},"& .embla__container":{display:"flex",userSelect:"none",webkitTouchCallout:"none",khtmlUserSelect:"none",webkitTapHighlightColor:"transparent",marginLeft:"-24px",transition:"left .4s",[r.breakpoints.up("md")]:{position:"relative",left:"center"===n.align?"-4%":"0"}},"& .embla__slide":{position:"relative",flex:"0 0 auto",paddingLeft:"24px",[r.breakpoints.down("md")]:{width:n.isSlideDifferentWidth?"":"100%"}},"& .embla__slide__inner":{position:"relative",overflow:"hidden",height:"100%",display:n.isSlideDifferentWidth?"flex":"","& img":{maxWidth:"100%",height:"100%",objectFit:"cover"}},"& .embla__button":{position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",top:"0",height:"100%",zIndex:"2",border:"0",boxShadow:"none",backgroundColor:"transparent",cursor:"auto",borderRadius:0,"& .MuiIcon-fontSizeSmall":{width:"24px",height:"24px"},"& .MuiIcon-fontSizeMedium":{width:"32px",height:"32px"},"&:disabled":{"& .MuiIcon-root":{color:r.palette.disabled.primary},"&:hover":{[r.breakpoints.up("lg")]:{"& .MuiIcon-root":{backgroundColor:"transparent"}}}}},"& .embla__button--prev":{left:"0",width:"12%"},"& .embla__button--prev.prev--hovered":{[r.breakpoints.up("lg")]:{cursor:`url(${exports.controlButtonsHover.PREV}), auto`,"& button":{transform:"scale(0)"}}},"& .embla__button--next":{right:"0",width:"12%"},"& .embla__button--next.next--hovered":{[r.breakpoints.up("lg")]:{cursor:`url(${exports.controlButtonsHover.NEXT}), auto`,"& button":{transform:"scale(0)"}}},"& .embla__progress":{position:"relative",backgroundColor:"transparent",marginTop:!0===n.numberingSlides?"30px":"10px",maxWidth:"100%",width:"100%",height:"4px",overflow:"hidden",borderRadius:"4px",marginLeft:"auto",marginRight:"auto"},"& .embla__progress__bar":{position:"absolute",backgroundColor:r.palette.onSurface.os200,width:"100%",top:"0",bottom:"0",left:"-100%"},"& .carousel_numbering":{[r.breakpoints.up("md")]:{position:"absolute",right:"11%"},[r.breakpoints.down("md")]:{textAlign:"center"}},"& .embla__dots":{display:"flex",listStyle:"none",justifyContent:"center",paddingTop:"10px","& .embla__dot":{backgroundColor:"transparent",cursor:"pointer",position:"relative",padding:"0",outline:"0",border:"0",width:"30px",height:"30px",marginRight:"7.5px",marginLeft:"7.5px",display:"flex",alignItems:"center","&:after":{backgroundColor:i.paletteLight.disabled.secondary,width:"50px",height:"4px",borderRadius:"2px",content:'""'},"&.is-selected":{"&:after":{backgroundColor:i.paletteLight.onSurface.os900,opacity:"1"}}},"& .embla__dot_small":{backgroundColor:"transparent",cursor:"pointer",position:"relative",padding:"0",outline:"0",border:"0",width:"12px",height:"6px",marginRight:"6px",marginLeft:"6px",display:"flex",alignItems:"center","&:after":{backgroundColor:o.ternaryCondition(n.bulletTheme,"dark",i.paletteLight.onSurface.os900,i.paletteLight.surface.tertiary),width:"6px",height:"6px",borderRadius:"50%",content:'""'},"&.is-selected":{"&:after":{backgroundColor:"transparent",height:"12px",width:"12px",border:o.ternaryCondition(n.bulletTheme,"dark",i.paletteLight.onSurface.os900,i.paletteLight.surface.tertiary),borderRadius:"50%",opacity:"1"}}}}}),n.slideToShow){case 1:return Object.assign(Object.assign({},a),{"& .embla__slide":{position:"relative",flex:"0 0 100%",paddingLeft:"24px",[r.breakpoints.up("md")]:{flex:n.isSlideDifferentWidth?"0 0 auto":"0 0 100%",maxWidth:!0===n.isSlideDifferentWidth?" 100%":"80%"}}});case 2:return Object.assign(Object.assign({},a),{"& .embla__slide":{position:"relative",flex:"0 0 100%",[r.breakpoints.up("md")]:{flex:"0 0 50%"},paddingLeft:"24px"}});case 3:return Object.assign(Object.assign({},a),{"& .embla__slide":{position:"relative",flex:"0 0 100%",[r.breakpoints.up("md")]:{flex:"0 0 33.33%"},paddingLeft:"24px"}});case 4:return Object.assign(Object.assign({},a),{"& .embla__slide":{position:"relative",flex:"0 0 100%",[r.breakpoints.up("md")]:{flex:"0 0 25%"},paddingLeft:"24px"}})}return a}));exports.CarouselStyledHorizontal=l;
 //# sourceMappingURL=styledCarouselHorizontal.js.map

package/cjs/organisms/carousel/styledComponents/styledCarouselHorizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"styledCarouselHorizontal.js","sources":["../../../../../src/organisms/carousel/styledComponents/styledCarouselHorizontal.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport styled from '@emotion/styled';\nimport { flowColors } from '../../../design/skoda/palette.theme';\nimport { ternaryCondition } from '../../../utils/utilities';\nexport var controlButtonsHover;\n(function (controlButtonsHover) {\n    controlButtonsHover[\"NEXT\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K\";\n    controlButtonsHover[\"PREV\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==\";\n})(controlButtonsHover || (controlButtonsHover = {}));\nexport const CarouselStyledHorizontal = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'isSlideDifferentWidth' &&\n        prop !== 'slidesItems' &&\n        prop !== 'slideToShow' &&\n        prop !== 'bulletTheme' &&\n        prop !== 'numberingSeparator' &&\n        prop !== 'numberingSlides' &&\n        prop !== 'startIndex' &&\n        prop !== 'cssClass' &&\n        prop !== 'buttonControls' &&\n        prop !== 'buttonAreaControlsHeight' &&\n        prop !== 'slideToScroll' &&\n        prop !== 'prevControlIcon' &&\n        prop !== 'nextControlIcon' &&\n        prop !== 'controlColor' &&\n        prop !== 'controlIconStyle' &&\n        prop !== 'controlVariant' &&\n        prop !== 'controlIconFontSize' &&\n        prop !== 'slideSelectedClass' &&\n        prop !== 'heightSlide' &&\n        prop !== 'bulletScroll' &&\n        prop !== 'bulletStyle',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const props = args;\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { '& .embla': {\n            position: 'relative',\n            padding: '0px',\n            maxWidth: '100%',\n            marginLeft: 'auto',\n            marginRight: 'auto',\n            boxSizing: 'border-box',\n            '& *': {\n                boxSizing: 'border-box',\n            },\n            [theme.breakpoints.up('md')]: {\n                '&.embla-container-next': {\n                    '& .embla__container': {\n                        left: props.align === 'center' ? '-6%' : '-3%',\n                    },\n                },\n                '&.embla-container-prev': {\n                    '& .embla__container': {\n                        left: props.align === 'center' ? '-2%' : '3%',\n                    },\n                },\n            },\n        }, '& .embla__viewport': {\n            overflow: 'hidden',\n            width: '100%',\n        }, '& .embla__viewport.is-draggable': {\n            cursor: 'move',\n        }, '& .embla__viewport.is-dragging': {\n            cursor: 'grabbing',\n        }, '& .embla__container': {\n            display: 'flex',\n            userSelect: 'none',\n            webkitTouchCallout: 'none',\n            khtmlUserSelect: 'none',\n            webkitTapHighlightColor: 'transparent',\n            marginLeft: '-24px',\n            transition: 'left .4s',\n            [theme.breakpoints.up('md')]: {\n                position: 'relative',\n                left: props.align === 'center' ? '-4%' : '0',\n            },\n        }, '& .embla__slide': {\n            position: 'relative',\n            flex: '0 0 auto',\n            paddingLeft: '24px',\n            [theme.breakpoints.down('md')]: {\n                width: props.isSlideDifferentWidth ? '' : '100%',\n            },\n        }, '& .embla__slide__inner': {\n            position: 'relative',\n            overflow: 'hidden',\n            height: '100%',\n            display: props.isSlideDifferentWidth ? 'flex' : '',\n            '& img': {\n                maxWidth: '100%',\n                height: '100%',\n                objectFit: 'cover',\n            },\n        }, '& .embla__button': {\n            position: 'absolute',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            top: '0',\n            height: '100%',\n            zIndex: '2',\n            border: '0',\n            boxShadow: 'none',\n            backgroundColor: 'transparent',\n            cursor: 'auto',\n            borderRadius: 0,\n            '& .MuiIcon-fontSizeSmall': {\n                width: '24px',\n                height: '24px',\n            },\n            '& .MuiIcon-fontSizeMedium': {\n                width: '32px',\n                height: '32px',\n            },\n            '&:disabled': {\n                '& .MuiIcon-root': {\n                    color: theme.palette.disabled.primary,\n                },\n                '&:hover': {\n                    [theme.breakpoints.up('lg')]: {\n                        '& .MuiIcon-root': {\n                            backgroundColor: 'transparent',\n                        },\n                    },\n                },\n            },\n        }, '& .embla__button--prev': {\n            left: '0',\n            width: '12%',\n        }, '& .embla__button--prev.prev--hovered': {\n            [theme.breakpoints.up('lg')]: {\n                cursor: `url(${controlButtonsHover.PREV}), auto`,\n                '& button': {\n                    transform: 'scale(0)',\n                },\n            },\n        }, '& .embla__button--next': {\n            right: '0',\n            width: '12%',\n        }, '& .embla__button--next.next--hovered': {\n            [theme.breakpoints.up('lg')]: {\n                cursor: `url(${controlButtonsHover.NEXT}), auto`,\n                '& button': {\n                    transform: 'scale(0)',\n                },\n            },\n        }, '& .embla__progress': {\n            position: 'relative',\n            backgroundColor: 'transparent',\n            marginTop: props.numberingSlides === true ? '30px' : '10px',\n            maxWidth: '100%',\n            width: '100%',\n            height: '4px',\n            overflow: 'hidden',\n            borderRadius: '4px',\n            marginLeft: 'auto',\n            marginRight: 'auto',\n        }, '& .embla__progress__bar': {\n            position: 'absolute',\n            backgroundColor: theme.palette.onSurface.os200,\n            width: '100%',\n            top: '0',\n            bottom: '0',\n            left: '-100%',\n        }, '& .carousel_numbering': {\n            [theme.breakpoints.up('md')]: {\n                position: 'absolute',\n                right: '11%',\n            },\n            [theme.breakpoints.down('md')]: {\n                textAlign: 'center',\n            },\n        }, '& .embla__dots': {\n            display: 'flex',\n            listStyle: 'none',\n            justifyContent: 'center',\n            paddingTop: '10px',\n            '& .embla__dot': {\n                backgroundColor: 'transparent',\n                cursor: 'pointer',\n                position: 'relative',\n                padding: '0',\n                outline: '0',\n                border: '0',\n                width: '30px',\n                height: '30px',\n                marginRight: '7.5px',\n                marginLeft: '7.5px',\n                display: 'flex',\n                alignItems: 'center',\n                '&:after': {\n                    backgroundColor: flowColors.disabled.secondary,\n                    width: '50px',\n                    height: '4px',\n                    borderRadius: '2px',\n                    content: '\"\"',\n                },\n                '&.is-selected': {\n                    '&:after': {\n                        backgroundColor: flowColors.onSurface.os900,\n                        opacity: '1',\n                    },\n                },\n            },\n            '& .embla__dot_small': {\n                backgroundColor: 'transparent',\n                cursor: 'pointer',\n                position: 'relative',\n                padding: '0',\n                outline: '0',\n                border: '0',\n                width: '12px',\n                height: '6px',\n                marginRight: '6px',\n                marginLeft: '6px',\n                display: 'flex',\n                alignItems: 'center',\n                '&:after': {\n                    backgroundColor: ternaryCondition(props.bulletTheme, 'dark', flowColors.onSurface.os900, flowColors.surface.tertiary),\n                    width: '6px',\n                    height: '6px',\n                    borderRadius: '50%',\n                    content: '\"\"',\n                },\n                '&.is-selected': {\n                    '&:after': {\n                        backgroundColor: 'transparent',\n                        height: '12px',\n                        width: '12px',\n                        border: ternaryCondition(props.bulletTheme, 'dark', flowColors.onSurface.os900, flowColors.surface.tertiary),\n                        borderRadius: '50%',\n                        opacity: '1',\n                    },\n                },\n            },\n        } });\n    switch (props.slideToShow) {\n        case 1:\n            return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n                    position: 'relative',\n                    flex: '0 0 100%',\n                    paddingLeft: '24px',\n                    [theme.breakpoints.up('md')]: {\n                        flex: props.isSlideDifferentWidth ? '0 0 auto' : '0 0 100%',\n                        maxWidth: props.isSlideDifferentWidth === true ? ' 100%' : '80%',\n                    },\n                } }));\n        case 2:\n            return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n                    position: 'relative',\n                    flex: '0 0 100%',\n                    [theme.breakpoints.up('md')]: {\n                        flex: '0 0 50%',\n                    },\n                    paddingLeft: '24px',\n                } }));\n        case 3:\n            return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n                    position: 'relative',\n                    flex: '0 0 100%',\n                    [theme.breakpoints.up('md')]: {\n                        flex: '0 0 33.33%',\n                    },\n                    paddingLeft: '24px',\n                } }));\n        case 4:\n            return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n                    position: 'relative',\n                    flex: '0 0 100%',\n                    [theme.breakpoints.up('md')]: {\n                        flex: '0 0 25%',\n                    },\n                    paddingLeft: '24px',\n                } }));\n    }\n    return styles;\n});\n//# sourceMappingURL=styledCarouselHorizontal.js.map"],"names":["controlButtonsHover","CarouselStyledHorizontal","styled","default","shouldForwardProp","prop","_a","theme","props","__rest","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","boxSizing","breakpoints","up","left","align","overflow","width","cursor","display","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","transition","flex","paddingLeft","down","isSlideDifferentWidth","height","objectFit","alignItems","justifyContent","top","zIndex","border","boxShadow","backgroundColor","borderRadius","color","palette","disabled","primary","PREV","transform","right","NEXT","marginTop","numberingSlides","onSurface","os200","bottom","textAlign","listStyle","paddingTop","outline","flowColors","secondary","content","os900","opacity","ternaryCondition","bulletTheme","surface","tertiary","slideToShow"],"mappings":"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"}
+{"version":3,"file":"styledCarouselHorizontal.js","sources":["../../../../../src/organisms/carousel/styledComponents/styledCarouselHorizontal.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport styled from '@emotion/styled';\nimport { paletteLight as flowColors } from '../../../design/skoda/paletteLight.theme';\nimport { ternaryCondition } from '../../../utils/utilities';\nexport var controlButtonsHover;\n(function (controlButtonsHover) {\n    controlButtonsHover[\"NEXT\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K\";\n    controlButtonsHover[\"PREV\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==\";\n})(controlButtonsHover || (controlButtonsHover = {}));\nexport const CarouselStyledHorizontal = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'isSlideDifferentWidth' &&\n        prop !== 'slidesItems' &&\n        prop !== 'slideToShow' &&\n        prop !== 'bulletTheme' &&\n        prop !== 'numberingSeparator' &&\n        prop !== 'numberingSlides' &&\n        prop !== 'startIndex' &&\n        prop !== 'cssClass' &&\n        prop !== 'buttonControls' &&\n        prop !== 'buttonAreaControlsHeight' &&\n        prop !== 'slideToScroll' &&\n        prop !== 'prevControlIcon' &&\n        prop !== 'nextControlIcon' &&\n        prop !== 'controlColor' &&\n        prop !== 'controlIconStyle' &&\n        prop !== 'controlVariant' &&\n        prop !== 'controlIconFontSize' &&\n        prop !== 'slideSelectedClass' &&\n        prop !== 'heightSlide' &&\n        prop !== 'bulletScroll' &&\n        prop !== 'bulletStyle',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const props = args;\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { '& .embla': {\n            position: 'relative',\n            padding: '0px',\n            maxWidth: '100%',\n            marginLeft: 'auto',\n            marginRight: 'auto',\n            boxSizing: 'border-box',\n            '& *': {\n                boxSizing: 'border-box',\n            },\n            [theme.breakpoints.up('md')]: {\n                '&.embla-container-next': {\n                    '& .embla__container': {\n                        left: props.align === 'center' ? '-6%' : '-3%',\n                    },\n                },\n                '&.embla-container-prev': {\n                    '& .embla__container': {\n                        left: props.align === 'center' ? '-2%' : '3%',\n                    },\n                },\n            },\n        }, '& .embla__viewport': {\n            overflow: 'hidden',\n            width: '100%',\n        }, '& .embla__viewport.is-draggable': {\n            cursor: 'move',\n        }, '& .embla__viewport.is-dragging': {\n            cursor: 'grabbing',\n        }, '& .embla__container': {\n            display: 'flex',\n            userSelect: 'none',\n            webkitTouchCallout: 'none',\n            khtmlUserSelect: 'none',\n            webkitTapHighlightColor: 'transparent',\n            marginLeft: '-24px',\n            transition: 'left .4s',\n            [theme.breakpoints.up('md')]: {\n                position: 'relative',\n                left: props.align === 'center' ? '-4%' : '0',\n            },\n        }, '& .embla__slide': {\n            position: 'relative',\n            flex: '0 0 auto',\n            paddingLeft: '24px',\n            [theme.breakpoints.down('md')]: {\n                width: props.isSlideDifferentWidth ? '' : '100%',\n            },\n        }, '& .embla__slide__inner': {\n            position: 'relative',\n            overflow: 'hidden',\n            height: '100%',\n            display: props.isSlideDifferentWidth ? 'flex' : '',\n            '& img': {\n                maxWidth: '100%',\n                height: '100%',\n                objectFit: 'cover',\n            },\n        }, '& .embla__button': {\n            position: 'absolute',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            top: '0',\n            height: '100%',\n            zIndex: '2',\n            border: '0',\n            boxShadow: 'none',\n            backgroundColor: 'transparent',\n            cursor: 'auto',\n            borderRadius: 0,\n            '& .MuiIcon-fontSizeSmall': {\n                width: '24px',\n                height: '24px',\n            },\n            '& .MuiIcon-fontSizeMedium': {\n                width: '32px',\n                height: '32px',\n            },\n            '&:disabled': {\n                '& .MuiIcon-root': {\n                    color: theme.palette.disabled.primary,\n                },\n                '&:hover': {\n                    [theme.breakpoints.up('lg')]: {\n                        '& .MuiIcon-root': {\n                            backgroundColor: 'transparent',\n                        },\n                    },\n                },\n            },\n        }, '& .embla__button--prev': {\n            left: '0',\n            width: '12%',\n        }, '& .embla__button--prev.prev--hovered': {\n            [theme.breakpoints.up('lg')]: {\n                cursor: `url(${controlButtonsHover.PREV}), auto`,\n                '& button': {\n                    transform: 'scale(0)',\n                },\n            },\n        }, '& .embla__button--next': {\n            right: '0',\n            width: '12%',\n        }, '& .embla__button--next.next--hovered': {\n            [theme.breakpoints.up('lg')]: {\n                cursor: `url(${controlButtonsHover.NEXT}), auto`,\n                '& button': {\n                    transform: 'scale(0)',\n                },\n            },\n        }, '& .embla__progress': {\n            position: 'relative',\n            backgroundColor: 'transparent',\n            marginTop: props.numberingSlides === true ? '30px' : '10px',\n            maxWidth: '100%',\n            width: '100%',\n            height: '4px',\n            overflow: 'hidden',\n            borderRadius: '4px',\n            marginLeft: 'auto',\n            marginRight: 'auto',\n        }, '& .embla__progress__bar': {\n            position: 'absolute',\n            backgroundColor: theme.palette.onSurface.os200,\n            width: '100%',\n            top: '0',\n            bottom: '0',\n            left: '-100%',\n        }, '& .carousel_numbering': {\n            [theme.breakpoints.up('md')]: {\n                position: 'absolute',\n                right: '11%',\n            },\n            [theme.breakpoints.down('md')]: {\n                textAlign: 'center',\n            },\n        }, '& .embla__dots': {\n            display: 'flex',\n            listStyle: 'none',\n            justifyContent: 'center',\n            paddingTop: '10px',\n            '& .embla__dot': {\n                backgroundColor: 'transparent',\n                cursor: 'pointer',\n                position: 'relative',\n                padding: '0',\n                outline: '0',\n                border: '0',\n                width: '30px',\n                height: '30px',\n                marginRight: '7.5px',\n                marginLeft: '7.5px',\n                display: 'flex',\n                alignItems: 'center',\n                '&:after': {\n                    backgroundColor: flowColors.disabled.secondary,\n                    width: '50px',\n                    height: '4px',\n                    borderRadius: '2px',\n                    content: '\"\"',\n                },\n                '&.is-selected': {\n                    '&:after': {\n                        backgroundColor: flowColors.onSurface.os900,\n                        opacity: '1',\n                    },\n                },\n            },\n            '& .embla__dot_small': {\n                backgroundColor: 'transparent',\n                cursor: 'pointer',\n                position: 'relative',\n                padding: '0',\n                outline: '0',\n                border: '0',\n                width: '12px',\n                height: '6px',\n                marginRight: '6px',\n                marginLeft: '6px',\n                display: 'flex',\n                alignItems: 'center',\n                '&:after': {\n                    backgroundColor: ternaryCondition(props.bulletTheme, 'dark', flowColors.onSurface.os900, flowColors.surface.tertiary),\n                    width: '6px',\n                    height: '6px',\n                    borderRadius: '50%',\n                    content: '\"\"',\n                },\n                '&.is-selected': {\n                    '&:after': {\n                        backgroundColor: 'transparent',\n                        height: '12px',\n                        width: '12px',\n                        border: ternaryCondition(props.bulletTheme, 'dark', flowColors.onSurface.os900, flowColors.surface.tertiary),\n                        borderRadius: '50%',\n                        opacity: '1',\n                    },\n                },\n            },\n        } });\n    switch (props.slideToShow) {\n        case 1:\n            return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n                    position: 'relative',\n                    flex: '0 0 100%',\n                    paddingLeft: '24px',\n                    [theme.breakpoints.up('md')]: {\n                        flex: props.isSlideDifferentWidth ? '0 0 auto' : '0 0 100%',\n                        maxWidth: props.isSlideDifferentWidth === true ? ' 100%' : '80%',\n                    },\n                } }));\n        case 2:\n            return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n                    position: 'relative',\n                    flex: '0 0 100%',\n                    [theme.breakpoints.up('md')]: {\n                        flex: '0 0 50%',\n                    },\n                    paddingLeft: '24px',\n                } }));\n        case 3:\n            return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n                    position: 'relative',\n                    flex: '0 0 100%',\n                    [theme.breakpoints.up('md')]: {\n                        flex: '0 0 33.33%',\n                    },\n                    paddingLeft: '24px',\n                } }));\n        case 4:\n            return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n                    position: 'relative',\n                    flex: '0 0 100%',\n                    [theme.breakpoints.up('md')]: {\n                        flex: '0 0 25%',\n                    },\n                    paddingLeft: '24px',\n                } }));\n    }\n    return styles;\n});\n//# sourceMappingURL=styledCarouselHorizontal.js.map"],"names":["controlButtonsHover","CarouselStyledHorizontal","styled","default","shouldForwardProp","prop","_a","theme","props","__rest","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","boxSizing","breakpoints","up","left","align","overflow","width","cursor","display","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","transition","flex","paddingLeft","down","isSlideDifferentWidth","height","objectFit","alignItems","justifyContent","top","zIndex","border","boxShadow","backgroundColor","borderRadius","color","palette","disabled","primary","PREV","transform","right","NEXT","marginTop","numberingSlides","onSurface","os200","bottom","textAlign","listStyle","paddingTop","outline","flowColors","secondary","content","os900","opacity","ternaryCondition","bulletTheme","surface","tertiary","slideToShow"],"mappings":"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"}

package/cjs/organisms/carousel/styledComponents/styledCarouselVertical.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@emotion/styled"),t=require("../../../design/skoda/palette.theme.js");function o(e){return e&&e.__esModule?e:{default:e}}const i=o(e).default("div",{shouldForwardProp:e=>"isSlideDifferentWidth"!==e&&"slidesItems"!==e&&"slideToShow"!==e&&"bulletTheme"!==e&&"numberingSeparator"!==e&&"numberingSlides"!==e&&"startIndex"!==e&&"cssClass"!==e&&"buttonControls"!==e&&"buttonAreaControlsHeight"!==e&&"slideToScroll"!==e&&"prevControlIcon"!==e&&"nextControlIcon"!==e&&"controlColor"!==e&&"controlIconStyle"!==e&&"controlVariant"!==e&&"controlIconFontSize"!==e&&"slideSelectedClass"!==e&&"heightSlide"!==e&&"bulletScroll"!==e&&"bulletStyle"!==e})((({theme:e})=>{let o={};return o=Object.assign(Object.assign({},o),{"& .embla":{position:"relative",padding:"0px",maxWidth:"100%",marginLeft:"auto",marginRight:"auto"},"& .embla__viewport":{overflow:"hidden",width:"100%"},"& .embla__viewport.is-draggable":{cursor:"move grab"},"& .embla__viewport.is-dragging":{cursor:"grabbing"},"& .embla__container":{userSelect:"none",webkitTouchCallout:"none",khtmlUserSelect:"none",webkitTapHighlightColor:"transparent",marginTop:NaN,height:"450px"},"& .embla__slide":{position:"relative",overflow:"hidden",height:"100%",width:"100%",maxWidth:"100%","& *":{maxwidth:"100%"},"& .MuiButton-root":{[e.breakpoints.up("md")]:{width:"auto"}}},"& .embla__slide__inner":{position:"relative",overflow:"hidden",height:"100%"},"& .embla__slide__img":{position:"absolute",display:"block",top:" 50%",left:"50%",width:"auto",minHeight:"100%",minWidth:"100%",maxWidth:"none",transform:"translate(-50%, -50%)"},"& .embla__button":{position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",top:"0",height:"100%",zIndex:"2",border:"0",boxShadow:"none",backgroundColor:"transparent",cursor:"pointer","& .MuiIcon-fontSizeSmall":{width:"24px",height:"24px"},"& .MuiIcon-fontSizeMedium":{width:"32px",height:"32px"},"&:hover":{"& .MuiIcon-root":{borderRadius:"50%",backgroundColor:t.flowColors.onSurface.os100,transfrom:"translateY(-3px)"}},"&:disabled":{"& .MuiIcon-root":{color:e.palette.disabled.primary},"&:hover":{"& .MuiIcon-root":{backgroundColor:"transparent"}}}},"& .embla__button--prev":{left:"0",width:"12%"},"& .embla__button--next":{right:"0",width:"20%"},"& .embla__progress":{position:"relative",backgroundColor:"transparent",marginTop:"10px",maxWidth:"100%",width:"100%",height:"4px",overflow:"hidden",borderRadius:"4px",marginLeft:"auto",marginRight:"auto"},"& .embla__progress__bar":{position:"absolute",backgroundColor:e.palette.onSurface.os200,width:"100%",top:"0",bottom:"0",left:"-100%"}}),o}));exports.CarouselStyledVertical=i;
+"use strict";var e=require("@emotion/styled"),t=require("../../../design/skoda/paletteLight.theme.js");function o(e){return e&&e.__esModule?e:{default:e}}const i=o(e).default("div",{shouldForwardProp:e=>"isSlideDifferentWidth"!==e&&"slidesItems"!==e&&"slideToShow"!==e&&"bulletTheme"!==e&&"numberingSeparator"!==e&&"numberingSlides"!==e&&"startIndex"!==e&&"cssClass"!==e&&"buttonControls"!==e&&"buttonAreaControlsHeight"!==e&&"slideToScroll"!==e&&"prevControlIcon"!==e&&"nextControlIcon"!==e&&"controlColor"!==e&&"controlIconStyle"!==e&&"controlVariant"!==e&&"controlIconFontSize"!==e&&"slideSelectedClass"!==e&&"heightSlide"!==e&&"bulletScroll"!==e&&"bulletStyle"!==e})((({theme:e})=>{let o={};return o=Object.assign(Object.assign({},o),{"& .embla":{position:"relative",padding:"0px",maxWidth:"100%",marginLeft:"auto",marginRight:"auto"},"& .embla__viewport":{overflow:"hidden",width:"100%"},"& .embla__viewport.is-draggable":{cursor:"move grab"},"& .embla__viewport.is-dragging":{cursor:"grabbing"},"& .embla__container":{userSelect:"none",webkitTouchCallout:"none",khtmlUserSelect:"none",webkitTapHighlightColor:"transparent",marginTop:NaN,height:"450px"},"& .embla__slide":{position:"relative",overflow:"hidden",height:"100%",width:"100%",maxWidth:"100%","& *":{maxwidth:"100%"},"& .MuiButton-root":{[e.breakpoints.up("md")]:{width:"auto"}}},"& .embla__slide__inner":{position:"relative",overflow:"hidden",height:"100%"},"& .embla__slide__img":{position:"absolute",display:"block",top:" 50%",left:"50%",width:"auto",minHeight:"100%",minWidth:"100%",maxWidth:"none",transform:"translate(-50%, -50%)"},"& .embla__button":{position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",top:"0",height:"100%",zIndex:"2",border:"0",boxShadow:"none",backgroundColor:"transparent",cursor:"pointer","& .MuiIcon-fontSizeSmall":{width:"24px",height:"24px"},"& .MuiIcon-fontSizeMedium":{width:"32px",height:"32px"},"&:hover":{"& .MuiIcon-root":{borderRadius:"50%",backgroundColor:t.paletteLight.onSurface.os100,transfrom:"translateY(-3px)"}},"&:disabled":{"& .MuiIcon-root":{color:e.palette.disabled.primary},"&:hover":{"& .MuiIcon-root":{backgroundColor:"transparent"}}}},"& .embla__button--prev":{left:"0",width:"12%"},"& .embla__button--next":{right:"0",width:"20%"},"& .embla__progress":{position:"relative",backgroundColor:"transparent",marginTop:"10px",maxWidth:"100%",width:"100%",height:"4px",overflow:"hidden",borderRadius:"4px",marginLeft:"auto",marginRight:"auto"},"& .embla__progress__bar":{position:"absolute",backgroundColor:e.palette.onSurface.os200,width:"100%",top:"0",bottom:"0",left:"-100%"}}),o}));exports.CarouselStyledVertical=i;
 //# sourceMappingURL=styledCarouselVertical.js.map

package/cjs/organisms/carousel/styledComponents/styledCarouselVertical.js.map

@@ -1 +1 @@
-{"version":3,"file":"styledCarouselVertical.js","sources":["../../../../../src/organisms/carousel/styledComponents/styledCarouselVertical.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { flowColors } from '../../../design/skoda/palette.theme';\nexport const CarouselStyledVertical = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'isSlideDifferentWidth' &&\n        prop !== 'slidesItems' &&\n        prop !== 'slideToShow' &&\n        prop !== 'bulletTheme' &&\n        prop !== 'numberingSeparator' &&\n        prop !== 'numberingSlides' &&\n        prop !== 'startIndex' &&\n        prop !== 'cssClass' &&\n        prop !== 'buttonControls' &&\n        prop !== 'buttonAreaControlsHeight' &&\n        prop !== 'slideToScroll' &&\n        prop !== 'prevControlIcon' &&\n        prop !== 'nextControlIcon' &&\n        prop !== 'controlColor' &&\n        prop !== 'controlIconStyle' &&\n        prop !== 'controlVariant' &&\n        prop !== 'controlIconFontSize' &&\n        prop !== 'slideSelectedClass' &&\n        prop !== 'heightSlide' &&\n        prop !== 'bulletScroll' &&\n        prop !== 'bulletStyle',\n})(({ theme }) => {\n    // const props = args as CarouselPropType;\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { '& .embla': {\n            position: 'relative',\n            padding: '0px',\n            maxWidth: '100%',\n            marginLeft: 'auto',\n            marginRight: 'auto',\n        }, '& .embla__viewport': {\n            overflow: 'hidden',\n            width: '100%',\n        }, '& .embla__viewport.is-draggable': {\n            cursor: 'move grab',\n        }, '& .embla__viewport.is-dragging': {\n            cursor: 'grabbing',\n        }, '& .embla__container': {\n            //display: 'flex',\n            userSelect: 'none',\n            webkitTouchCallout: 'none',\n            khtmlUserSelect: 'none',\n            webkitTapHighlightColor: 'transparent',\n            marginTop: -'10px',\n            height: '450px',\n        }, '& .embla__slide': {\n            position: 'relative',\n            overflow: 'hidden',\n            height: '100%',\n            width: '100%',\n            maxWidth: '100%',\n            '& *': {\n                maxwidth: '100%',\n            },\n            '& .MuiButton-root': {\n                [theme.breakpoints.up('md')]: {\n                    width: 'auto',\n                },\n            },\n        }, '& .embla__slide__inner': {\n            position: 'relative',\n            overflow: 'hidden',\n            height: '100%',\n        }, '& .embla__slide__img': {\n            position: 'absolute',\n            display: 'block',\n            top: ' 50%',\n            left: '50%',\n            width: 'auto',\n            minHeight: '100%',\n            minWidth: '100%',\n            maxWidth: 'none',\n            transform: 'translate(-50%, -50%)',\n        }, '& .embla__button': {\n            position: 'absolute',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            top: '0',\n            height: '100%',\n            zIndex: '2',\n            border: '0',\n            boxShadow: 'none',\n            backgroundColor: 'transparent',\n            cursor: 'pointer',\n            '& .MuiIcon-fontSizeSmall': {\n                width: '24px',\n                height: '24px',\n            },\n            '& .MuiIcon-fontSizeMedium': {\n                width: '32px',\n                height: '32px',\n            },\n            '&:hover': {\n                '& .MuiIcon-root': {\n                    borderRadius: '50%',\n                    backgroundColor: flowColors.onSurface.os100,\n                    transfrom: 'translateY(-3px)',\n                },\n            },\n            '&:disabled': {\n                '& .MuiIcon-root': {\n                    color: theme.palette.disabled.primary,\n                },\n                '&:hover': {\n                    '& .MuiIcon-root': {\n                        backgroundColor: 'transparent',\n                    },\n                },\n            },\n        }, '& .embla__button--prev': {\n            left: '0',\n            width: '12%',\n        }, '& .embla__button--next': {\n            right: '0',\n            width: '20%',\n        }, '& .embla__progress': {\n            position: 'relative',\n            backgroundColor: 'transparent',\n            marginTop: '10px',\n            maxWidth: '100%',\n            width: '100%',\n            height: '4px',\n            overflow: 'hidden',\n            borderRadius: '4px',\n            marginLeft: 'auto',\n            marginRight: 'auto',\n        }, '& .embla__progress__bar': {\n            position: 'absolute',\n            backgroundColor: theme.palette.onSurface.os200,\n            width: '100%',\n            top: '0',\n            bottom: '0',\n            left: '-100%',\n        } });\n    return styles;\n});\n//# sourceMappingURL=styledCarouselVertical.js.map"],"names":["CarouselStyledVertical","default","shouldForwardProp","prop","styled","theme","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","overflow","width","cursor","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","marginTop","height","maxwidth","breakpoints","up","display","top","left","minHeight","minWidth","transform","alignItems","justifyContent","zIndex","border","boxShadow","backgroundColor","borderRadius","flowColors","onSurface","os100","transfrom","color","palette","disabled","primary","right","os200","bottom"],"mappings":"qJAEY,MAACA,OAA+BC,QAAC,MAAO,CAChDC,kBAAoBC,GAAkB,0BAATA,GAChB,gBAATA,GACS,gBAATA,GACS,gBAATA,GACS,uBAATA,GACS,oBAATA,GACS,eAATA,GACS,aAATA,GACS,mBAATA,GACS,6BAATA,GACS,kBAATA,GACS,oBAATA,GACS,oBAATA,GACS,iBAATA,GACS,qBAATA,GACS,mBAATA,GACS,wBAATA,GACS,uBAATA,GACS,gBAATA,GACS,iBAATA,GACS,gBAATA,GArB8BC,EAsBnC,EAAGC,YAEF,IAAIC,EAAS,CAAA,EAgHb,OA/GAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAE,WAAY,CACxDG,SAAU,WACVC,QAAS,MACTC,SAAU,OACVC,WAAY,OACZC,YAAa,QACd,qBAAsB,CACrBC,SAAU,SACVC,MAAO,QACR,kCAAmC,CAClCC,OAAQ,aACT,iCAAkC,CACjCA,OAAQ,YACT,sBAAuB,CAEtBC,WAAY,OACZC,mBAAoB,OACpBC,gBAAiB,OACjBC,wBAAyB,cACzBC,UAAW,IACXC,OAAQ,SACT,kBAAmB,CAClBb,SAAU,WACVK,SAAU,SACVQ,OAAQ,OACRP,MAAO,OACPJ,SAAU,OACV,MAAO,CACHY,SAAU,QAEd,oBAAqB,CACjB,CAAClB,EAAMmB,YAAYC,GAAG,OAAQ,CAC1BV,MAAO,UAGhB,yBAA0B,CACzBN,SAAU,WACVK,SAAU,SACVQ,OAAQ,QACT,uBAAwB,CACvBb,SAAU,WACViB,QAAS,QACTC,IAAK,OACLC,KAAM,MACNb,MAAO,OACPc,UAAW,OACXC,SAAU,OACVnB,SAAU,OACVoB,UAAW,yBACZ,mBAAoB,CACnBtB,SAAU,WACViB,QAAS,OACTM,WAAY,SACZC,eAAgB,SAChBN,IAAK,IACLL,OAAQ,OACRY,OAAQ,IACRC,OAAQ,IACRC,UAAW,OACXC,gBAAiB,cACjBrB,OAAQ,UACR,2BAA4B,CACxBD,MAAO,OACPO,OAAQ,QAEZ,4BAA6B,CACzBP,MAAO,OACPO,OAAQ,QAEZ,UAAW,CACP,kBAAmB,CACfgB,aAAc,MACdD,gBAAiBE,EAAAA,WAAWC,UAAUC,MACtCC,UAAW,qBAGnB,aAAc,CACV,kBAAmB,CACfC,MAAOtC,EAAMuC,QAAQC,SAASC,SAElC,UAAW,CACP,kBAAmB,CACfT,gBAAiB,kBAI9B,yBAA0B,CACzBT,KAAM,IACNb,MAAO,OACR,yBAA0B,CACzBgC,MAAO,IACPhC,MAAO,OACR,qBAAsB,CACrBN,SAAU,WACV4B,gBAAiB,cACjBhB,UAAW,OACXV,SAAU,OACVI,MAAO,OACPO,OAAQ,MACRR,SAAU,SACVwB,aAAc,MACd1B,WAAY,OACZC,YAAa,QACd,0BAA2B,CAC1BJ,SAAU,WACV4B,gBAAiBhC,EAAMuC,QAAQJ,UAAUQ,MACzCjC,MAAO,OACPY,IAAK,IACLsB,OAAQ,IACRrB,KAAM,WAEPtB,CAAM"}
+{"version":3,"file":"styledCarouselVertical.js","sources":["../../../../../src/organisms/carousel/styledComponents/styledCarouselVertical.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { paletteLight as flowColors } from '../../../design/skoda/paletteLight.theme';\nexport const CarouselStyledVertical = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'isSlideDifferentWidth' &&\n        prop !== 'slidesItems' &&\n        prop !== 'slideToShow' &&\n        prop !== 'bulletTheme' &&\n        prop !== 'numberingSeparator' &&\n        prop !== 'numberingSlides' &&\n        prop !== 'startIndex' &&\n        prop !== 'cssClass' &&\n        prop !== 'buttonControls' &&\n        prop !== 'buttonAreaControlsHeight' &&\n        prop !== 'slideToScroll' &&\n        prop !== 'prevControlIcon' &&\n        prop !== 'nextControlIcon' &&\n        prop !== 'controlColor' &&\n        prop !== 'controlIconStyle' &&\n        prop !== 'controlVariant' &&\n        prop !== 'controlIconFontSize' &&\n        prop !== 'slideSelectedClass' &&\n        prop !== 'heightSlide' &&\n        prop !== 'bulletScroll' &&\n        prop !== 'bulletStyle',\n})(({ theme }) => {\n    // const props = args as CarouselPropType;\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { '& .embla': {\n            position: 'relative',\n            padding: '0px',\n            maxWidth: '100%',\n            marginLeft: 'auto',\n            marginRight: 'auto',\n        }, '& .embla__viewport': {\n            overflow: 'hidden',\n            width: '100%',\n        }, '& .embla__viewport.is-draggable': {\n            cursor: 'move grab',\n        }, '& .embla__viewport.is-dragging': {\n            cursor: 'grabbing',\n        }, '& .embla__container': {\n            //display: 'flex',\n            userSelect: 'none',\n            webkitTouchCallout: 'none',\n            khtmlUserSelect: 'none',\n            webkitTapHighlightColor: 'transparent',\n            marginTop: -'10px',\n            height: '450px',\n        }, '& .embla__slide': {\n            position: 'relative',\n            overflow: 'hidden',\n            height: '100%',\n            width: '100%',\n            maxWidth: '100%',\n            '& *': {\n                maxwidth: '100%',\n            },\n            '& .MuiButton-root': {\n                [theme.breakpoints.up('md')]: {\n                    width: 'auto',\n                },\n            },\n        }, '& .embla__slide__inner': {\n            position: 'relative',\n            overflow: 'hidden',\n            height: '100%',\n        }, '& .embla__slide__img': {\n            position: 'absolute',\n            display: 'block',\n            top: ' 50%',\n            left: '50%',\n            width: 'auto',\n            minHeight: '100%',\n            minWidth: '100%',\n            maxWidth: 'none',\n            transform: 'translate(-50%, -50%)',\n        }, '& .embla__button': {\n            position: 'absolute',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            top: '0',\n            height: '100%',\n            zIndex: '2',\n            border: '0',\n            boxShadow: 'none',\n            backgroundColor: 'transparent',\n            cursor: 'pointer',\n            '& .MuiIcon-fontSizeSmall': {\n                width: '24px',\n                height: '24px',\n            },\n            '& .MuiIcon-fontSizeMedium': {\n                width: '32px',\n                height: '32px',\n            },\n            '&:hover': {\n                '& .MuiIcon-root': {\n                    borderRadius: '50%',\n                    backgroundColor: flowColors.onSurface.os100,\n                    transfrom: 'translateY(-3px)',\n                },\n            },\n            '&:disabled': {\n                '& .MuiIcon-root': {\n                    color: theme.palette.disabled.primary,\n                },\n                '&:hover': {\n                    '& .MuiIcon-root': {\n                        backgroundColor: 'transparent',\n                    },\n                },\n            },\n        }, '& .embla__button--prev': {\n            left: '0',\n            width: '12%',\n        }, '& .embla__button--next': {\n            right: '0',\n            width: '20%',\n        }, '& .embla__progress': {\n            position: 'relative',\n            backgroundColor: 'transparent',\n            marginTop: '10px',\n            maxWidth: '100%',\n            width: '100%',\n            height: '4px',\n            overflow: 'hidden',\n            borderRadius: '4px',\n            marginLeft: 'auto',\n            marginRight: 'auto',\n        }, '& .embla__progress__bar': {\n            position: 'absolute',\n            backgroundColor: theme.palette.onSurface.os200,\n            width: '100%',\n            top: '0',\n            bottom: '0',\n            left: '-100%',\n        } });\n    return styles;\n});\n//# sourceMappingURL=styledCarouselVertical.js.map"],"names":["CarouselStyledVertical","default","shouldForwardProp","prop","styled","theme","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","overflow","width","cursor","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","marginTop","height","maxwidth","breakpoints","up","display","top","left","minHeight","minWidth","transform","alignItems","justifyContent","zIndex","border","boxShadow","backgroundColor","borderRadius","flowColors","onSurface","os100","transfrom","color","palette","disabled","primary","right","os200","bottom"],"mappings":"0JAEY,MAACA,OAA+BC,QAAC,MAAO,CAChDC,kBAAoBC,GAAkB,0BAATA,GAChB,gBAATA,GACS,gBAATA,GACS,gBAATA,GACS,uBAATA,GACS,oBAATA,GACS,eAATA,GACS,aAATA,GACS,mBAATA,GACS,6BAATA,GACS,kBAATA,GACS,oBAATA,GACS,oBAATA,GACS,iBAATA,GACS,qBAATA,GACS,mBAATA,GACS,wBAATA,GACS,uBAATA,GACS,gBAATA,GACS,iBAATA,GACS,gBAATA,GArB8BC,EAsBnC,EAAGC,YAEF,IAAIC,EAAS,CAAA,EAgHb,OA/GAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAE,WAAY,CACxDG,SAAU,WACVC,QAAS,MACTC,SAAU,OACVC,WAAY,OACZC,YAAa,QACd,qBAAsB,CACrBC,SAAU,SACVC,MAAO,QACR,kCAAmC,CAClCC,OAAQ,aACT,iCAAkC,CACjCA,OAAQ,YACT,sBAAuB,CAEtBC,WAAY,OACZC,mBAAoB,OACpBC,gBAAiB,OACjBC,wBAAyB,cACzBC,UAAW,IACXC,OAAQ,SACT,kBAAmB,CAClBb,SAAU,WACVK,SAAU,SACVQ,OAAQ,OACRP,MAAO,OACPJ,SAAU,OACV,MAAO,CACHY,SAAU,QAEd,oBAAqB,CACjB,CAAClB,EAAMmB,YAAYC,GAAG,OAAQ,CAC1BV,MAAO,UAGhB,yBAA0B,CACzBN,SAAU,WACVK,SAAU,SACVQ,OAAQ,QACT,uBAAwB,CACvBb,SAAU,WACViB,QAAS,QACTC,IAAK,OACLC,KAAM,MACNb,MAAO,OACPc,UAAW,OACXC,SAAU,OACVnB,SAAU,OACVoB,UAAW,yBACZ,mBAAoB,CACnBtB,SAAU,WACViB,QAAS,OACTM,WAAY,SACZC,eAAgB,SAChBN,IAAK,IACLL,OAAQ,OACRY,OAAQ,IACRC,OAAQ,IACRC,UAAW,OACXC,gBAAiB,cACjBrB,OAAQ,UACR,2BAA4B,CACxBD,MAAO,OACPO,OAAQ,QAEZ,4BAA6B,CACzBP,MAAO,OACPO,OAAQ,QAEZ,UAAW,CACP,kBAAmB,CACfgB,aAAc,MACdD,gBAAiBE,EAAAA,aAAWC,UAAUC,MACtCC,UAAW,qBAGnB,aAAc,CACV,kBAAmB,CACfC,MAAOtC,EAAMuC,QAAQC,SAASC,SAElC,UAAW,CACP,kBAAmB,CACfT,gBAAiB,kBAI9B,yBAA0B,CACzBT,KAAM,IACNb,MAAO,OACR,yBAA0B,CACzBgC,MAAO,IACPhC,MAAO,OACR,qBAAsB,CACrBN,SAAU,WACV4B,gBAAiB,cACjBhB,UAAW,OACXV,SAAU,OACVI,MAAO,OACPO,OAAQ,MACRR,SAAU,SACVwB,aAAc,MACd1B,WAAY,OACZC,YAAa,QACd,0BAA2B,CAC1BJ,SAAU,WACV4B,gBAAiBhC,EAAMuC,QAAQJ,UAAUQ,MACzCjC,MAAO,OACPY,IAAK,IACLsB,OAAQ,IACRrB,KAAM,WAEPtB,CAAM"}

package/cjs/organisms/carousel2/cardCarousel/cardCarousel.d.ts

@@ -31,4 +31,7 @@ export type CardCarouselProps = {
      */
     startIndex?: number;
 };
+/**
+ * @deprecated this component does not meet quality standards and will be removed in the future
+ */
 export declare const CardCarousel: React.FC<CardCarouselProps>;

package/cjs/organisms/carousel2/cardCarousel/cardCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardCarousel.js","sources":["../../../../../src/organisms/carousel2/cardCarousel/cardCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEmbla } from '../hooks/useEmbla';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { Box, Container, Stack } from '@mui/material';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { NavButton } from '../components/NavButton';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { ScrollSnapDots } from '../components/ScrollSnapDots';\nexport const CardCarousel = (inProps) => {\n    const props = useDefaultProps(inProps);\n    const [emblaRef, emblaApi] = useEmbla(props);\n    const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n    return (_jsxs(Box, { className: \"card-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"CardCarousel\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), sx: { overflow: 'hidden' }, children: [_jsx(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: _jsxs(ViewPort, { emblaRef: emblaRef, sx: {\n                        height: props.height,\n                        width: '100%',\n                    }, children: [_jsx(ItemsContainer, { sx: {\n                                left: containerLeft,\n                                gap: '24px',\n                                '&>*': {\n                                    flexBasis: 'inherit',\n                                    flexGrow: 0,\n                                    flexShrink: 0,\n                                },\n                            }, children: props.children }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n                                top: 0,\n                                bottom: '30px',\n                                '& button': {\n                                    backgroundColor: '#F1F1F1 !important',\n                                },\n                            } }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n                                top: 0,\n                                bottom: '30px',\n                                '& button': {\n                                    backgroundColor: '#F1F1F1 !important',\n                                },\n                            } })] }) }), _jsx(ScrollSnapDots, { emblaApi: emblaApi })] }));\n};\n//# sourceMappingURL=cardCarousel.js.map"],"names":["inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","jsxs","Box","className","position","dir","selectedScrollSnap","sx","overflow","children","_jsx","Stack","component","Container","spacing","fixed","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","jsx","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"8XAS6BA,IACzB,MAAMC,EAAQC,kBAAgBF,IACvBG,EAAUC,GAAYC,EAAQA,SAACJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,iBAAiBN,EAAUH,EAAMU,WACxG,OAAQC,EAAKC,KAACC,MAAK,CAAEC,UAAW,gBAAiBC,SAAU,WAAYC,IAAKhB,EAAMU,UAAW,cAAe,eAAgB,aAAcP,aAA2C,EAASA,EAASc,qBAAsBC,GAAI,CAAEC,SAAU,UAAYC,SAAU,CAACC,MAAKC,EAAAA,MAAO,CAAEC,UAAWC,EAASA,UAAEC,QAAS,EAAGC,OAAO,EAAMR,GAAI,CAAES,OAAQ,QAAUP,SAAUT,OAAMiB,EAAAA,SAAU,CAAE1B,SAAUA,EAAUgB,GAAI,CACzXS,OAAQ3B,EAAM2B,OACdE,MAAO,QACRT,SAAU,CAACC,EAAAA,IAAKS,EAAcA,eAAE,CAAEZ,GAAI,CAC7Ba,KAAM1B,EACN2B,IAAK,OACL,MAAO,CACHC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEjBf,SAAUpB,EAAMoB,WAAaC,EAAIe,IAACC,YAAW,CAAEC,MAAO,OAAQ5B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUoC,KAAM,OAAQC,aAAcjC,EAAiBkC,aAAcjC,EAAWU,GAAI,CACvLwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,yBAEnBvB,EAAAA,IAAKgB,EAASA,UAAE,CAAEC,MAAO,OAAQ5B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUoC,KAAM,OAAQC,aAAclC,EAAiBmC,aAAcjC,EAAWU,GAAI,CAC7JwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,8BAEZvB,EAAIe,IAACS,iBAAgB,CAAE1C,SAAUA,MAAiB"}
+{"version":3,"file":"cardCarousel.js","sources":["../../../../../src/organisms/carousel2/cardCarousel/cardCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEmbla } from '../hooks/useEmbla';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { Box, Container, Stack } from '@mui/material';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { NavButton } from '../components/NavButton';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { ScrollSnapDots } from '../components/ScrollSnapDots';\n/**\n * @deprecated this component does not meet quality standards and will be removed in the future\n */\nexport const CardCarousel = (inProps) => {\n    const props = useDefaultProps(inProps);\n    const [emblaRef, emblaApi] = useEmbla(props);\n    const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n    return (_jsxs(Box, { className: \"card-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"CardCarousel\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), sx: { overflow: 'hidden' }, children: [_jsx(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: _jsxs(ViewPort, { emblaRef: emblaRef, sx: {\n                        height: props.height,\n                        width: '100%',\n                    }, children: [_jsx(ItemsContainer, { sx: {\n                                left: containerLeft,\n                                gap: '24px',\n                                '&>*': {\n                                    flexBasis: 'inherit',\n                                    flexGrow: 0,\n                                    flexShrink: 0,\n                                },\n                            }, children: props.children }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n                                top: 0,\n                                bottom: '30px',\n                                '& button': {\n                                    backgroundColor: '#F1F1F1 !important',\n                                },\n                            } }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n                                top: 0,\n                                bottom: '30px',\n                                '& button': {\n                                    backgroundColor: '#F1F1F1 !important',\n                                },\n                            } })] }) }), _jsx(ScrollSnapDots, { emblaApi: emblaApi })] }));\n};\n//# sourceMappingURL=cardCarousel.js.map"],"names":["inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","jsxs","Box","className","position","dir","selectedScrollSnap","sx","overflow","children","_jsx","Stack","component","Container","spacing","fixed","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","jsx","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"8XAY6BA,IACzB,MAAMC,EAAQC,kBAAgBF,IACvBG,EAAUC,GAAYC,EAAQA,SAACJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,iBAAiBN,EAAUH,EAAMU,WACxG,OAAQC,EAAKC,KAACC,MAAK,CAAEC,UAAW,gBAAiBC,SAAU,WAAYC,IAAKhB,EAAMU,UAAW,cAAe,eAAgB,aAAcP,aAA2C,EAASA,EAASc,qBAAsBC,GAAI,CAAEC,SAAU,UAAYC,SAAU,CAACC,MAAKC,EAAAA,MAAO,CAAEC,UAAWC,EAASA,UAAEC,QAAS,EAAGC,OAAO,EAAMR,GAAI,CAAES,OAAQ,QAAUP,SAAUT,OAAMiB,EAAAA,SAAU,CAAE1B,SAAUA,EAAUgB,GAAI,CACzXS,OAAQ3B,EAAM2B,OACdE,MAAO,QACRT,SAAU,CAACC,EAAAA,IAAKS,EAAcA,eAAE,CAAEZ,GAAI,CAC7Ba,KAAM1B,EACN2B,IAAK,OACL,MAAO,CACHC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEjBf,SAAUpB,EAAMoB,WAAaC,EAAIe,IAACC,YAAW,CAAEC,MAAO,OAAQ5B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUoC,KAAM,OAAQC,aAAcjC,EAAiBkC,aAAcjC,EAAWU,GAAI,CACvLwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,yBAEnBvB,EAAAA,IAAKgB,EAASA,UAAE,CAAEC,MAAO,OAAQ5B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUoC,KAAM,OAAQC,aAAclC,EAAiBmC,aAAcjC,EAAWU,GAAI,CAC7JwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,8BAEZvB,EAAIe,IAACS,iBAAgB,CAAE1C,SAAUA,MAAiB"}