npm - @skodaflow/web-library - Versions diffs - 5.0.0 → 7.0.0 - Mend

@skodaflow/web-library 5.0.0 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (649) hide show

package/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js.map CHANGED Viewed

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

package/organisms/cardPromoVehicle/cardPromoVehicleComponent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as i,jsx as a}from"react/jsx-runtime";import t from"@mui/material/Card";import{Label as o}from"../../components/label/label.js";import n from"../common/menuCardComponent/menuCardComponent.js";import r from"../common/infoTextCardComponent/infoTextCardComponent.js";import{LabelFeature as l}from"../../components/labelFeature/labelFeature.js";import{styled as p}from"@mui/material/styles";import m from"../common/buttonCardComponent/buttonCardComponent.js";import{handleMaxChars as d}from"../../utils/utilities.js";import s from"../../components/common/imageComponent.js";import{flowColors as c}from"../../design/skoda/palette.theme.js";const h=({label:e,labelVariant:t,vehicleName:p,equipment:c,image:h,altDescriptionImage:x,mandatoryButtonObject:f,optionalButtonObject:b,darkOpacityLayer:u,lightOpacityLayer:y,menuCardComponentProps:v,isMenuDropdown:C,infoText:w,infoTextSecond:T,infoTextThird:I,customInfo:k,description:O,labelInfoFirstVariant:S,labelInfoFirstText:N,labelInfoSecondVariant:z,labelInfoSecondText:j,isCompact:L,size:V,fallbackImage:F})=>i(g,{size:V,darkOpacityLayer:u,lightOpacityLayer:y,children:[a("div",{className:"CardImageOverlayTheme"}),a("div",{className:"promoVehicleContainerPadding",children:i("div",{className:"promoVehicleContainer",children:[i("div",{className:"vehicleTitleContainer",children:[e&&("feature"===t?a(l,{className:"CardImageLabelFeature",variant:"primary",children:d(e,30)}):a(o,{className:"CardImageLabel",label:d(e,30)})),p&&a("h2",{style:{margin:0},className:"vehicleName",children:d(p,20)}),c&&a("h4",{style:{margin:0},className:"vehicleEquipment",children:d(c,20)}),O&&a("div",{className:"CardImageSubtitleContainer",children:a("span",{className:"CardImageSubtitle",children:d(O,50)})}),i("div",{className:"LabelsOptional",children:[N&&a("div",{children:a(l,{variant:S,label:d(N,30)})}),j&&a("div",{children:a(l,{variant:z,label:d(j,30)})})]})]}),a("div",{className:"promoVehicleImage",children:a(s,{image:h,alt:x,fallbackImage:F})}),i("div",{className:"promoVehicleInfo",children:[i("div",{className:"promoVehicleButtons",children:[(null==f?void 0:f.label)&&a(m,{className:"button-component",buttonObject:f,compact:L}),(null==b?void 0:b.label)&&a(m,{className:"button-component",buttonObject:b,compact:L})]}),k?a("div",{className:"infoText",children:k}):a(r,{infoText:w,infoTextSecond:T,infoTextThird:I,className:"infoText"})]}),C&&a(n,Object.assign({},v))]})})]}),g=p(t,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((i=>{var{theme:a}=i,t=e(i,["theme"]);const o=((e,i)=>{let a="";switch(i){case"opacity25":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return a})(t.darkOpacityLayer,t.lightOpacityLayer),n=((e,i,a)=>{let t="";return"opacity0"!==i&&"opacity0"===e&&(t=a.palette.text.primary),t="opacity0"!==e?a.palette.onSurface.os0:a.palette.text.primary,t})(t.darkOpacityLayer,t.lightOpacityLayer,a);let r={};return r={position:"relative",width:"100%",padding:"24px",backgroundColor:c.transparent.primary,color:n,"& .LabelsOptional":{display:"flex",flexWrap:"wrap",position:"relative",zIndex:2},"& .promoVehicleImage":{marginTop:"-45px",position:"relative",[a.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .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",[a.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[a.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"},"& > .CardImageSubtitleContainer":{display:"inline-flex",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",width:"100%","& > .CardImageSubtitle":{fontSize:"16px",lineHeight:"24px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",[a.breakpoints.up("lg")]:{fontSize:"18px",lineHeight:"28px"}}}},"& > .promoVehicleInfo":{marginTop:"-25px",position:"relative",[a.breakpoints.up("md")]:{marginTop:"fixed"===t.size?0:"-25px"},display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[a.breakpoints.up("md")]:{flexDirection:"row"},"& > .promoVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[a.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[a.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .infoText":{display:"block",maxWidth:"100%",fontSize:"14px",[a.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:o}},r}));export{h as CardPromoVehicleComponent,h as default};
+import{__rest as e}from"tslib";import{jsxs as i,jsx as a}from"react/jsx-runtime";import t from"@mui/material/Card";import{Label as o}from"../../components/label/label.js";import n from"../common/menuCardComponent/menuCardComponent.js";import r from"../common/infoTextCardComponent/infoTextCardComponent.js";import{LabelFeature as l}from"../../components/labelFeature/labelFeature.js";import{styled as p}from"@mui/material/styles";import m from"../common/buttonCardComponent/buttonCardComponent.js";import{handleMaxChars as d}from"../../utils/utilities.js";import s from"../../components/common/imageComponent.js";import{paletteLight as c}from"../../design/skoda/paletteLight.theme.js";const h=({label:e,labelVariant:t,vehicleName:p,equipment:c,image:h,altDescriptionImage:x,mandatoryButtonObject:f,optionalButtonObject:b,darkOpacityLayer:u,lightOpacityLayer:y,menuCardComponentProps:v,isMenuDropdown:C,infoText:w,infoTextSecond:T,infoTextThird:I,customInfo:k,description:O,labelInfoFirstVariant:S,labelInfoFirstText:N,labelInfoSecondVariant:z,labelInfoSecondText:j,isCompact:L,size:V,fallbackImage:F})=>i(g,{size:V,darkOpacityLayer:u,lightOpacityLayer:y,children:[a("div",{className:"CardImageOverlayTheme"}),a("div",{className:"promoVehicleContainerPadding",children:i("div",{className:"promoVehicleContainer",children:[i("div",{className:"vehicleTitleContainer",children:[e&&("feature"===t?a(l,{className:"CardImageLabelFeature",variant:"primary",children:d(e,30)}):a(o,{className:"CardImageLabel",label:d(e,30)})),p&&a("h2",{style:{margin:0},className:"vehicleName",children:d(p,20)}),c&&a("h4",{style:{margin:0},className:"vehicleEquipment",children:d(c,20)}),O&&a("div",{className:"CardImageSubtitleContainer",children:a("span",{className:"CardImageSubtitle",children:d(O,50)})}),i("div",{className:"LabelsOptional",children:[N&&a("div",{children:a(l,{variant:S,label:d(N,30)})}),j&&a("div",{children:a(l,{variant:z,label:d(j,30)})})]})]}),a("div",{className:"promoVehicleImage",children:a(s,{image:h,alt:x,fallbackImage:F})}),i("div",{className:"promoVehicleInfo",children:[i("div",{className:"promoVehicleButtons",children:[(null==f?void 0:f.label)&&a(m,{className:"button-component",buttonObject:f,compact:L}),(null==b?void 0:b.label)&&a(m,{className:"button-component",buttonObject:b,compact:L})]}),k?a("div",{className:"infoText",children:k}):a(r,{infoText:w,infoTextSecond:T,infoTextThird:I,className:"infoText"})]}),C&&a(n,Object.assign({},v))]})})]}),g=p(t,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((i=>{var{theme:a}=i,t=e(i,["theme"]);const o=((e,i)=>{let a="";switch(i){case"opacity25":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return a})(t.darkOpacityLayer,t.lightOpacityLayer),n=((e,i,a)=>{let t="";return"opacity0"!==i&&"opacity0"===e&&(t=a.palette.text.primary),t="opacity0"!==e?a.palette.onSurface.os0:a.palette.text.primary,t})(t.darkOpacityLayer,t.lightOpacityLayer,a);let r={};return r={position:"relative",width:"100%",padding:"24px",backgroundColor:c.transparent.primary,color:n,"& .LabelsOptional":{display:"flex",flexWrap:"wrap",position:"relative",zIndex:2},"& .promoVehicleImage":{marginTop:"-45px",position:"relative",[a.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .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",[a.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[a.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"},"& > .CardImageSubtitleContainer":{display:"inline-flex",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",width:"100%","& > .CardImageSubtitle":{fontSize:"16px",lineHeight:"24px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",[a.breakpoints.up("lg")]:{fontSize:"18px",lineHeight:"28px"}}}},"& > .promoVehicleInfo":{marginTop:"-25px",position:"relative",[a.breakpoints.up("md")]:{marginTop:"fixed"===t.size?0:"-25px"},display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[a.breakpoints.up("md")]:{flexDirection:"row"},"& > .promoVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[a.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[a.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .infoText":{display:"block",maxWidth:"100%",fontSize:"14px",[a.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:o}},r}));export{h as CardPromoVehicleComponent,h as default};
 //# sourceMappingURL=cardPromoVehicleComponent.js.map

package/organisms/cardPromoVehicle/cardPromoVehicleComponent.js.map CHANGED Viewed

	@@ -1 +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","LabelFeature","variant","handleMaxChars","Label","style","margin","ImageComponent","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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"}
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 { 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","LabelFeature","variant","handleMaxChars","Label","style","margin","ImageComponent","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/organisms/carousel/carousel.d.ts CHANGED Viewed

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

	@@ -1 +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","getHoveredClass","hovered","isBtnEnabled","emblaWidthSize","apiParam","slideToShowParam","slideNode","slideNodes","forEach","item","img","querySelector","style","width","naturalWidth","Carousel","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","autoplay","Autoplay","playOnInit","optionsClassNames","selected","optionAlign","selectedIndex","setSelectedIndex","useState","prevBtnEnabled","setPrevBtnEnabled","nextBtnEnabled","setNextBtnEnabled","scrollProgress","setScrollProgress","setHovered","isMobile","setIsMobile","classEmbla","setClassEmbla","emblaOptions","containScroll","slidesToScroll","skipSnaps","emblaRef","useEmblaCarousel","ClassNames","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","CarouselStyledVertical","Object","assign","children","template","CarouselStyledHorizontal"],"mappings":"weAUY,MAACA,EAAmB,CAACC,EAAUC,KACnCD,IACc,QAAdC,EAAsBD,EAASE,aAAeF,EAASG,aAC1D,EAEQC,EAAmB,CAACJ,EAAUC,KACnCD,IACc,QAAdC,EAAsBD,EAASE,aAAeF,EAASG,aAC1D,EAGQE,EAAiB,CAACL,EAAUM,KACjCN,GACAA,EAASO,SAASD,EACrB,EAGQE,EAAkB,CAACP,EAAWQ,EAASC,IACzCD,GAAWC,EAAe,GAAGT,aAAuB,GAElDU,EAAiB,CAACC,EAAUC,KACrC,MAAMC,EAAYF,EAASG,aACvBF,GAAoB,GACpBC,EAAUE,SAASC,IACf,GAAIA,EAAM,CACN,MAAMC,EAAMD,EAAKE,cAAc,OAC/B,GAAID,EACA,OAAQD,EAAKG,MAAMC,MAAQ,GAAGH,EAAII,gBACzC,IAER,EAEQC,EAAYC,IACrB,MAAMC,MAAEA,EAAQ,QAAOC,SAAEA,GAAW,EAAKC,KAAEA,EAAO,IAAGC,yBAAEA,EAA2B,MAAKC,eAAEA,GAAiB,EAAIC,uBAAEA,EAAyB,IAAGC,SAAEA,EAAW,GAAE9B,UAAEA,EAAY,MAAK+B,YAAEA,EAAWC,sBAAEA,GAAwB,EAAKC,KAAEA,GAAO,EAAKC,mBAAEA,EAAqB,IAAGC,gBAAEA,GAAkB,EAAIC,YAAEA,GAAc,EAAKC,YAAEA,EAAWC,cAAEA,EAAgB,EAACC,YAAEA,EAAc,EAACC,mBAAEA,EAAqB,iBAAgBC,MAAEA,EAAQ,GAAEC,WAAEA,EAAa,EAACC,aAAEA,GAAe,EAAKC,YAAEA,EAAc,MAAKC,YAAEA,EAAc,OAAMC,gBAAEA,EAAkB,aAAYC,gBAAEA,EAAkB,cAAaC,iBAAEA,EAAmB,UAASC,oBAAEA,EAAsB,SAAQC,eAAEA,EAAiB,WAAUC,aAAEA,EAAe,QAAY5B,EAIvpB6B,EAAWC,EAHO,CACpBC,aAAY7B,IAGV8B,EAAoB,CAAEC,SAAUhB,GAChCiB,EAAwB,WAAVjC,EAAqB,YAAc,IAChDkC,EAAeC,GAAoBC,EAASlB,IAC5CmB,EAAgBC,GAAqBF,GAAS,IAC9CG,EAAgBC,GAAqBJ,GAAS,IAC9CK,GAAgBC,IAAqBN,EAAS,IAC9CpD,GAAS2D,IAAcP,GAAS,IAChCQ,GAAUC,IAAeT,KACzBU,GAAYC,IAAiBX,EAAS,IACvCY,GAAe,CACjBhD,MAAOA,EACPE,KAAMA,EACN+C,cAAehB,EACfzD,UAAWA,EACXiC,KAAMA,EACNyC,eAAgBN,GAAW,EAAI9B,EAC/BqC,WAAW,EACXlC,MAAOA,EACPC,WAAYA,IAETkC,GAAU7E,IAAY8E,EAAiBL,GAAc,CAACpB,EAAU0B,EAAWvB,KAC5EwB,GAAQC,IAWRC,GAAeC,IACjBf,IAAY3D,IAXQ,CAAC2E,IACrB,QAAQ,GACJ,IAAoB,SAAfA,GAAyBtB,EAC1B,OAAOU,GAAc,wBACzB,IAAoB,SAAfY,GAAyBpB,EAC1B,OAAOQ,GAAc,wBACzB,QACWA,GAAc,IAC5B,EAIDa,CAAgBF,EAAQ,EAEtBG,GAAWC,GAAY,KACzB,IAAKvF,KAAaqC,EACd,OACJ,MAAMmD,EAAWC,KAAKC,IAAI,EAAGD,KAAKE,IAAI,EAAG3F,GAASkE,mBAClDC,GAA6B,IAAXqB,EAAe,GAClC,CAACxF,GAAUqC,EAAa8B,KAqB3B,OApBAyB,GAAU,KACN,GAAI5F,GAAU,CACVW,EAAeX,GAAUwC,GACzB,MAAMqD,EAAW,KACb,MAAMvF,EAAQN,GAAS8F,qBACvBlC,EAAiBtD,GACjBsD,EAAiB5D,GAAS8F,sBAC1B/B,EAAkB/D,GAAS+F,iBAC3B9B,EAAkBjE,GAASgG,gBAAgB,EAE/ChG,GAASiG,GAAG,SAAUJ,GACtBA,IACA7F,GAASiG,GAAG,SAAUX,IACtBA,IACH,IACF,CAACtF,GAAUqC,EAAaiD,GAAU9C,IACrCoD,GAAU,KACN,MAAMM,EAAKC,OAAOC,WAAW,eAAepB,GAAMqB,YAAYC,OAAOC,SACrEjC,GAAY4B,EAAGM,QAAQ,GACxB,CAACxB,GAAMqB,YAAYC,OAAOC,KACb,MAAT5E,EAAgB8E,EAAKC,EAAwBC,OAAOC,OAAO,CAAEnF,MAAOA,EAAOa,YAAaA,EAAaE,YAAaA,EAAaM,YAAaA,GAAetB,EAAO,CAAEqF,SAAUC,EAAS/E,EAAUtB,GAASqD,EAAgB9D,GAAUC,EAAW4E,GAAUvC,EAAaN,EAAaH,EAAgBD,EAA0BE,EAAwBkC,EAAgB5B,EAAiBuB,EAAexB,EAAoBE,EAAa6B,IAAiBiB,GAAYD,GAAYC,IAAU3C,EAAa+B,GAAY3B,EAAcC,EAAaxC,EAAgBN,EAAkBK,EAAkB2C,EAAiBC,EAAiBC,EAAkBC,EAAqBC,EAAgBC,MAAsBqD,EAAKM,EAA0BJ,OAAOC,OAAO,CAAE3E,sBAAuBA,EAAuBR,MAAOA,EAAOa,YAAaA,EAAaE,YAAaA,EAAaM,YAAaA,GAAetB,EAAO,CAAEqF,SAAUC,EAAS/E,EAAUtB,GAASqD,EAAgB9D,GAAUC,EAAW4E,GAAUvC,EAAaN,EAAaH,EAAgBD,EAA0BE,EAAwBkC,EAAgB5B,EAAiBuB,EAAexB,EAAoBE,EAAa6B,IAAiBiB,GAAYD,GAAYC,IAAU3C,EAAa+B,GAAY3B,EAAcC,EAAaxC,EAAgBN,EAAkBK,EAAkB2C,EAAiBC,EAAiBC,EAAkBC,EAAqBC,EAAgBC,KAAkB"}
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};\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","getHoveredClass","hovered","isBtnEnabled","emblaWidthSize","apiParam","slideToShowParam","slideNode","slideNodes","forEach","item","img","querySelector","style","width","naturalWidth","Carousel","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","autoplay","Autoplay","playOnInit","optionsClassNames","selected","optionAlign","selectedIndex","setSelectedIndex","useState","prevBtnEnabled","setPrevBtnEnabled","nextBtnEnabled","setNextBtnEnabled","scrollProgress","setScrollProgress","setHovered","isMobile","setIsMobile","classEmbla","setClassEmbla","emblaOptions","containScroll","slidesToScroll","skipSnaps","emblaRef","useEmblaCarousel","ClassNames","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","CarouselStyledVertical","Object","assign","children","template","CarouselStyledHorizontal"],"mappings":"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"}

package/organisms/carousel/carouselTemplate.d.ts CHANGED Viewed

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

package/organisms/carousel/styledComponents/styledCarouselHorizontal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import t from"@emotion/styled";import{flowColors as i}from"../../../design/skoda/palette.theme.js";import{ternaryCondition as o}from"../../../utils/utilities.js";var r;!function(e){e.NEXT="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K",e.PREV="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="}(r||(r={}));const a=t("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:a}=t;const n=e(t,["theme"]);let l={};switch(l=Object.assign(Object.assign({},l),{"& .embla":{position:"relative",padding:"0px",maxWidth:"100%",marginLeft:"auto",marginRight:"auto",boxSizing:"border-box","& *":{boxSizing:"border-box"},[a.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",[a.breakpoints.up("md")]:{position:"relative",left:"center"===n.align?"-4%":"0"}},"& .embla__slide":{position:"relative",flex:"0 0 auto",paddingLeft:"24px",[a.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:a.palette.disabled.primary},"&:hover":{[a.breakpoints.up("lg")]:{"& .MuiIcon-root":{backgroundColor:"transparent"}}}}},"& .embla__button--prev":{left:"0",width:"12%"},"& .embla__button--prev.prev--hovered":{[a.breakpoints.up("lg")]:{cursor:`url(${r.PREV}), auto`,"& button":{transform:"scale(0)"}}},"& .embla__button--next":{right:"0",width:"12%"},"& .embla__button--next.next--hovered":{[a.breakpoints.up("lg")]:{cursor:`url(${r.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:a.palette.onSurface.os200,width:"100%",top:"0",bottom:"0",left:"-100%"},"& .carousel_numbering":{[a.breakpoints.up("md")]:{position:"absolute",right:"11%"},[a.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.disabled.secondary,width:"50px",height:"4px",borderRadius:"2px",content:'""'},"&.is-selected":{"&:after":{backgroundColor:i.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(n.bulletTheme,"dark",i.onSurface.os900,i.surface.tertiary),width:"6px",height:"6px",borderRadius:"50%",content:'""'},"&.is-selected":{"&:after":{backgroundColor:"transparent",height:"12px",width:"12px",border:o(n.bulletTheme,"dark",i.onSurface.os900,i.surface.tertiary),borderRadius:"50%",opacity:"1"}}}}}),n.slideToShow){case 1:return Object.assign(Object.assign({},l),{"& .embla__slide":{position:"relative",flex:"0 0 100%",paddingLeft:"24px",[a.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({},l),{"& .embla__slide":{position:"relative",flex:"0 0 100%",[a.breakpoints.up("md")]:{flex:"0 0 50%"},paddingLeft:"24px"}});case 3:return Object.assign(Object.assign({},l),{"& .embla__slide":{position:"relative",flex:"0 0 100%",[a.breakpoints.up("md")]:{flex:"0 0 33.33%"},paddingLeft:"24px"}});case 4:return Object.assign(Object.assign({},l),{"& .embla__slide":{position:"relative",flex:"0 0 100%",[a.breakpoints.up("md")]:{flex:"0 0 25%"},paddingLeft:"24px"}})}return l}));export{a as CarouselStyledHorizontal,r as controlButtonsHover};
+import{__rest as e}from"tslib";import t from"@emotion/styled";import{paletteLight as i}from"../../../design/skoda/paletteLight.theme.js";import{ternaryCondition as o}from"../../../utils/utilities.js";var r;!function(e){e.NEXT="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K",e.PREV="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="}(r||(r={}));const a=t("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:a}=t;const n=e(t,["theme"]);let l={};switch(l=Object.assign(Object.assign({},l),{"& .embla":{position:"relative",padding:"0px",maxWidth:"100%",marginLeft:"auto",marginRight:"auto",boxSizing:"border-box","& *":{boxSizing:"border-box"},[a.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",[a.breakpoints.up("md")]:{position:"relative",left:"center"===n.align?"-4%":"0"}},"& .embla__slide":{position:"relative",flex:"0 0 auto",paddingLeft:"24px",[a.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:a.palette.disabled.primary},"&:hover":{[a.breakpoints.up("lg")]:{"& .MuiIcon-root":{backgroundColor:"transparent"}}}}},"& .embla__button--prev":{left:"0",width:"12%"},"& .embla__button--prev.prev--hovered":{[a.breakpoints.up("lg")]:{cursor:`url(${r.PREV}), auto`,"& button":{transform:"scale(0)"}}},"& .embla__button--next":{right:"0",width:"12%"},"& .embla__button--next.next--hovered":{[a.breakpoints.up("lg")]:{cursor:`url(${r.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:a.palette.onSurface.os200,width:"100%",top:"0",bottom:"0",left:"-100%"},"& .carousel_numbering":{[a.breakpoints.up("md")]:{position:"absolute",right:"11%"},[a.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.disabled.secondary,width:"50px",height:"4px",borderRadius:"2px",content:'""'},"&.is-selected":{"&:after":{backgroundColor:i.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(n.bulletTheme,"dark",i.onSurface.os900,i.surface.tertiary),width:"6px",height:"6px",borderRadius:"50%",content:'""'},"&.is-selected":{"&:after":{backgroundColor:"transparent",height:"12px",width:"12px",border:o(n.bulletTheme,"dark",i.onSurface.os900,i.surface.tertiary),borderRadius:"50%",opacity:"1"}}}}}),n.slideToShow){case 1:return Object.assign(Object.assign({},l),{"& .embla__slide":{position:"relative",flex:"0 0 100%",paddingLeft:"24px",[a.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({},l),{"& .embla__slide":{position:"relative",flex:"0 0 100%",[a.breakpoints.up("md")]:{flex:"0 0 50%"},paddingLeft:"24px"}});case 3:return Object.assign(Object.assign({},l),{"& .embla__slide":{position:"relative",flex:"0 0 100%",[a.breakpoints.up("md")]:{flex:"0 0 33.33%"},paddingLeft:"24px"}});case 4:return Object.assign(Object.assign({},l),{"& .embla__slide":{position:"relative",flex:"0 0 100%",[a.breakpoints.up("md")]:{flex:"0 0 25%"},paddingLeft:"24px"}})}return l}));export{a as CarouselStyledHorizontal,r as controlButtonsHover};
 //# sourceMappingURL=styledCarouselHorizontal.js.map

package/organisms/carousel/styledComponents/styledCarouselHorizontal.js.map CHANGED Viewed

	@@ -1 +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","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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"}
1	+ {"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","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":"wMAIU,IAACA,GACX,SAAWA,GACPA,EAA0B,KAAI,ybAC9BA,EAA0B,KAAI,4bACjC,CAHD,CAGGA,IAAwBA,EAAsB,CAAE,IACvC,MAACC,EAA2BC,EAAO,MAAO,CAClDC,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,GArBgCF,EAsBpCG,IACA,IAAIC,MAAEA,GAAUD,EAChB,MAAME,EADqBC,EAAOH,EAAI,CAAC,UAEvC,IAAII,EAAS,CAAA,EA0Mb,OAzMAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAE,WAAY,CACxDG,SAAU,WACVC,QAAS,MACTC,SAAU,OACVC,WAAY,OACZC,YAAa,OACbC,UAAW,aACX,MAAO,CACHA,UAAW,cAEf,CAACX,EAAMY,YAAYC,GAAG,OAAQ,CAC1B,yBAA0B,CACtB,sBAAuB,CACnBC,KAAsB,WAAhBb,EAAMc,MAAqB,MAAQ,QAGjD,yBAA0B,CACtB,sBAAuB,CACnBD,KAAsB,WAAhBb,EAAMc,MAAqB,MAAQ,SAItD,qBAAsB,CACrBC,SAAU,SACVC,MAAO,QACR,kCAAmC,CAClCC,OAAQ,QACT,iCAAkC,CACjCA,OAAQ,YACT,sBAAuB,CACtBC,QAAS,OACTC,WAAY,OACZC,mBAAoB,OACpBC,gBAAiB,OACjBC,wBAAyB,cACzBd,WAAY,QACZe,WAAY,WACZ,CAACxB,EAAMY,YAAYC,GAAG,OAAQ,CAC1BP,SAAU,WACVQ,KAAsB,WAAhBb,EAAMc,MAAqB,MAAQ,MAE9C,kBAAmB,CAClBT,SAAU,WACVmB,KAAM,WACNC,YAAa,OACb,CAAC1B,EAAMY,YAAYe,KAAK,OAAQ,CAC5BV,MAAOhB,EAAM2B,sBAAwB,GAAK,SAE/C,yBAA0B,CACzBtB,SAAU,WACVU,SAAU,SACVa,OAAQ,OACRV,QAASlB,EAAM2B,sBAAwB,OAAS,GAChD,QAAS,CACLpB,SAAU,OACVqB,OAAQ,OACRC,UAAW,UAEhB,mBAAoB,CACnBxB,SAAU,WACVa,QAAS,OACTY,WAAY,SACZC,eAAgB,SAChBC,IAAK,IACLJ,OAAQ,OACRK,OAAQ,IACRC,OAAQ,IACRC,UAAW,OACXC,gBAAiB,cACjBnB,OAAQ,OACRoB,aAAc,EACd,2BAA4B,CACxBrB,MAAO,OACPY,OAAQ,QAEZ,4BAA6B,CACzBZ,MAAO,OACPY,OAAQ,QAEZ,aAAc,CACV,kBAAmB,CACfU,MAAOvC,EAAMwC,QAAQC,SAASC,SAElC,UAAW,CACP,CAAC1C,EAAMY,YAAYC,GAAG,OAAQ,CAC1B,kBAAmB,CACfwB,gBAAiB,mBAKlC,yBAA0B,CACzBvB,KAAM,IACNG,MAAO,OACR,uCAAwC,CACvC,CAACjB,EAAMY,YAAYC,GAAG,OAAQ,CAC1BK,OAAQ,OAAOxB,EAAoBiD,cACnC,WAAY,CACRC,UAAW,cAGpB,yBAA0B,CACzBC,MAAO,IACP5B,MAAO,OACR,uCAAwC,CACvC,CAACjB,EAAMY,YAAYC,GAAG,OAAQ,CAC1BK,OAAQ,OAAOxB,EAAoBoD,cACnC,WAAY,CACRF,UAAW,cAGpB,qBAAsB,CACrBtC,SAAU,WACV+B,gBAAiB,cACjBU,WAAqC,IAA1B9C,EAAM+C,gBAA2B,OAAS,OACrDxC,SAAU,OACVS,MAAO,OACPY,OAAQ,MACRb,SAAU,SACVsB,aAAc,MACd7B,WAAY,OACZC,YAAa,QACd,0BAA2B,CAC1BJ,SAAU,WACV+B,gBAAiBrC,EAAMwC,QAAQS,UAAUC,MACzCjC,MAAO,OACPgB,IAAK,IACLkB,OAAQ,IACRrC,KAAM,SACP,wBAAyB,CACxB,CAACd,EAAMY,YAAYC,GAAG,OAAQ,CAC1BP,SAAU,WACVuC,MAAO,OAEX,CAAC7C,EAAMY,YAAYe,KAAK,OAAQ,CAC5ByB,UAAW,WAEhB,iBAAkB,CACjBjC,QAAS,OACTkC,UAAW,OACXrB,eAAgB,SAChBsB,WAAY,OACZ,gBAAiB,CACbjB,gBAAiB,cACjBnB,OAAQ,UACRZ,SAAU,WACVC,QAAS,IACTgD,QAAS,IACTpB,OAAQ,IACRlB,MAAO,OACPY,OAAQ,OACRnB,YAAa,QACbD,WAAY,QACZU,QAAS,OACTY,WAAY,SACZ,UAAW,CACPM,gBAAiBmB,EAAWf,SAASgB,UACrCxC,MAAO,OACPY,OAAQ,MACRS,aAAc,MACdoB,QAAS,MAEb,gBAAiB,CACb,UAAW,CACPrB,gBAAiBmB,EAAWP,UAAUU,MACtCC,QAAS,OAIrB,sBAAuB,CACnBvB,gBAAiB,cACjBnB,OAAQ,UACRZ,SAAU,WACVC,QAAS,IACTgD,QAAS,IACTpB,OAAQ,IACRlB,MAAO,OACPY,OAAQ,MACRnB,YAAa,MACbD,WAAY,MACZU,QAAS,OACTY,WAAY,SACZ,UAAW,CACPM,gBAAiBwB,EAAiB5D,EAAM6D,YAAa,OAAQN,EAAWP,UAAUU,MAAOH,EAAWO,QAAQC,UAC5G/C,MAAO,MACPY,OAAQ,MACRS,aAAc,MACdoB,QAAS,MAEb,gBAAiB,CACb,UAAW,CACPrB,gBAAiB,cACjBR,OAAQ,OACRZ,MAAO,OACPkB,OAAQ0B,EAAiB5D,EAAM6D,YAAa,OAAQN,EAAWP,UAAUU,MAAOH,EAAWO,QAAQC,UACnG1B,aAAc,MACdsB,QAAS,UAKrB3D,EAAMgE,aACV,KAAK,EACD,OAAiB7D,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAE,kBAAmB,CACvEG,SAAU,WACVmB,KAAM,WACNC,YAAa,OACb,CAAC1B,EAAMY,YAAYC,GAAG,OAAQ,CAC1BY,KAAMxB,EAAM2B,sBAAwB,WAAa,WACjDpB,UAA0C,IAAhCP,EAAM2B,sBAAiC,QAAU,UAG3E,KAAK,EACD,OAAiBxB,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAE,kBAAmB,CACvEG,SAAU,WACVmB,KAAM,WACN,CAACzB,EAAMY,YAAYC,GAAG,OAAQ,CAC1BY,KAAM,WAEVC,YAAa,UAEzB,KAAK,EACD,OAAiBtB,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAE,kBAAmB,CACvEG,SAAU,WACVmB,KAAM,WACN,CAACzB,EAAMY,YAAYC,GAAG,OAAQ,CAC1BY,KAAM,cAEVC,YAAa,UAEzB,KAAK,EACD,OAAiBtB,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAE,kBAAmB,CACvEG,SAAU,WACVmB,KAAM,WACN,CAACzB,EAAMY,YAAYC,GAAG,OAAQ,CAC1BY,KAAM,WAEVC,YAAa,UAG7B,OAAOvB,CAAM"}

package/organisms/carousel/styledComponents/styledCarouselVertical.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@emotion/styled";import{flowColors as t}from"../../../design/skoda/palette.theme.js";const e=o("div",{shouldForwardProp:o=>"isSlideDifferentWidth"!==o&&"slidesItems"!==o&&"slideToShow"!==o&&"bulletTheme"!==o&&"numberingSeparator"!==o&&"numberingSlides"!==o&&"startIndex"!==o&&"cssClass"!==o&&"buttonControls"!==o&&"buttonAreaControlsHeight"!==o&&"slideToScroll"!==o&&"prevControlIcon"!==o&&"nextControlIcon"!==o&&"controlColor"!==o&&"controlIconStyle"!==o&&"controlVariant"!==o&&"controlIconFontSize"!==o&&"slideSelectedClass"!==o&&"heightSlide"!==o&&"bulletScroll"!==o&&"bulletStyle"!==o})((({theme:o})=>{let e={};return e=Object.assign(Object.assign({},e),{"& .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":{[o.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.onSurface.os100,transfrom:"translateY(-3px)"}},"&:disabled":{"& .MuiIcon-root":{color:o.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:o.palette.onSurface.os200,width:"100%",top:"0",bottom:"0",left:"-100%"}}),e}));export{e as CarouselStyledVertical};
+import o from"@emotion/styled";import{paletteLight as t}from"../../../design/skoda/paletteLight.theme.js";const e=o("div",{shouldForwardProp:o=>"isSlideDifferentWidth"!==o&&"slidesItems"!==o&&"slideToShow"!==o&&"bulletTheme"!==o&&"numberingSeparator"!==o&&"numberingSlides"!==o&&"startIndex"!==o&&"cssClass"!==o&&"buttonControls"!==o&&"buttonAreaControlsHeight"!==o&&"slideToScroll"!==o&&"prevControlIcon"!==o&&"nextControlIcon"!==o&&"controlColor"!==o&&"controlIconStyle"!==o&&"controlVariant"!==o&&"controlIconFontSize"!==o&&"slideSelectedClass"!==o&&"heightSlide"!==o&&"bulletScroll"!==o&&"bulletStyle"!==o})((({theme:o})=>{let e={};return e=Object.assign(Object.assign({},e),{"& .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":{[o.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.onSurface.os100,transfrom:"translateY(-3px)"}},"&:disabled":{"& .MuiIcon-root":{color:o.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:o.palette.onSurface.os200,width:"100%",top:"0",bottom:"0",left:"-100%"}}),e}));export{e as CarouselStyledVertical};
 //# sourceMappingURL=styledCarouselVertical.js.map

package/organisms/carousel/styledComponents/styledCarouselVertical.js.map CHANGED Viewed

	@@ -1 +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","styled","shouldForwardProp","prop","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":"~~mGAEY~~,MAACA,EAAyBC,EAAO,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,GArB8BF,EAsBnC,EAAGG,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,EAAWC,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"}
1	+ {"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","styled","shouldForwardProp","prop","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":"0GAEY,MAACA,EAAyBC,EAAO,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,GArB8BF,EAsBnC,EAAGG,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,EAAWC,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/organisms/carousel2/cardCarousel/cardCarousel.d.ts CHANGED Viewed

@@ -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>;