npm - @skodaflow/web-library - Versions diffs - 7.14.0 → 7.15.1 - Mend

@skodaflow/web-library 7.14.0 → 7.15.1

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 (2582) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"cardOwnedVehicleComponent.js","sources":["../../../../../src/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { Indicator } from '../../components/indicator';\nimport { CardOwnedVehicleProps } from './cardOwnedVehicle';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { Card as MuiCard, CardProps as MuiCardProps, Theme, styled } from '@mui/material';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nimport { Label } from '@/src/components/label';\n\nexport const CardOwnedVehicleComponent: FC<CardOwnedVehicleProps> = ({\n label,\n labelVariant,\n vehicleName,\n equipment,\n vehicleStatus,\n vehicleStatusVariant,\n image,\n fallbackImage,\n altDescriptionImage,\n mandatoryButtonObject,\n optionalButtonObject,\n darkOpacityLayer,\n lightOpacityLayer,\n menuCardComponentProps,\n isMenuDropdown,\n vehicleSpecs,\n vehicleSpecsObject,\n isCompact,\n size,\n}) => {\n return (\n <CardOwnVehicleComponentStyled\n size={size}\n darkOpacityLayer={darkOpacityLayer}\n lightOpacityLayer={lightOpacityLayer}\n >\n <div className=\"CardImageOverlayTheme\"></div>\n <div className=\"ownedVehicleContainer\">\n <div className=\"ownedVehicleContainerContent\">\n <div className=\"vehicleTitleContainer\">\n {label &&\n (labelVariant === 'feature' ? (\n <Label type=\"feature\" className=\"CardImageLabelFeature\" variant=\"primary\">\n {handleMaxChars(label, 30)}\n </Label>\n ) : (\n <Label className=\"CardImageLabel\" label={handleMaxChars(label, 30)}></Label>\n ))}\n {vehicleName && (\n <h2 style={{ margin: 0 }} className=\"vehicleName\">\n {handleMaxChars(vehicleName, 20)}\n </h2>\n )}\n {equipment && (\n <h4 style={{ margin: 0 }} className=\"vehicleEquipment\">\n {handleMaxChars(equipment, 20)}\n </h4>\n )}\n {vehicleStatus && <Indicator className=\"disclamer\" label={vehicleStatus} color={vehicleStatusVariant} />}\n </div>\n <div className=\"ownedVehicleImage\">\n <ImageComponent image={image} alt={altDescriptionImage} fallbackImage={fallbackImage} />\n </div>\n <div className=\"ownedVehicleSpecsContainer\">\n <div className=\"ownedVehicleButtons\">\n {mandatoryButtonObject?.label && (\n <ButtonCardComponent\n className=\"button-component\"\n buttonObject={mandatoryButtonObject}\n compact={isCompact}\n />\n )}\n {optionalButtonObject?.label && (\n <ButtonCardComponent\n className=\"button-component\"\n buttonObject={optionalButtonObject}\n compact={isCompact}\n />\n )}\n </div>\n {vehicleSpecs && (\n <div className=\"ownedVehicleSpecs\">\n {vehicleSpecsObject.map((item) => {\n return (\n <div key={item.value}>\n {item.subtitle && <p>{item.subtitle}</p>}\n {item.value && (\n <p>\n <b>{item.value}</b>\n </p>\n )}\n </div>\n );\n })}\n </div>\n )}\n </div>\n {isMenuDropdown && <MenuCardComponent {...menuCardComponentProps} />}\n </div>\n </div>\n </CardOwnVehicleComponentStyled>\n );\n};\nexport default CardOwnedVehicleComponent;\n\nconst handleOpacity = (darkOpacityLayer?: string, lightOpacityLayer?: string): string => {\n let opacity = '';\n\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\n return opacity;\n};\n\nconst handleTextColor = (darkOpacityLayer?: string, lightOpacityLayer?: string, theme?: Theme): string => {\n let color = '';\n\n if (lightOpacityLayer !== 'opacity0' && darkOpacityLayer === 'opacity0') {\n color = theme.palette.onSurface.os900;\n }\n if (darkOpacityLayer !== 'opacity0') {\n color = theme.palette.onSurface.os0;\n } else color = theme.palette.onSurface.os900;\n\n return color;\n};\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})<MuiCardProps & { darkOpacityLayer?: string; lightOpacityLayer?: string; size?: string }>(({ theme, ...props }) => {\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\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\n ' & > div:first-of-type': {\n marginRight: '24px',\n },\n ' & > div > p': {\n margin: 0,\n },\n },\n },\n\n ' & >.menuCardComponent': {\n top: '-7px',\n right: '-5px',\n },\n },\n ' & >.CardImageOverlayTheme': {\n background: opacityLayer,\n },\n };\n\n return style;\n});\n"],"names":["CardOwnedVehicleComponent","label","labelVariant","vehicleName","equipment","vehicleStatus","vehicleStatusVariant","image","fallbackImage","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","vehicleSpecs","vehicleSpecsObject","isCompact","size","_jsxs","CardOwnVehicleComponentStyled","_jsx","className","children","jsxs","Label","type","variant","handleMaxChars","jsx","style","margin","Indicator","color","ImageComponent","default","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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"}
1	+ {"version":3,"file":"cardOwnedVehicleComponent.js","sources":["../../../../../src/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { Indicator } from '../../components/indicator';\nimport { CardOwnedVehicleProps } from './cardOwnedVehicle';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { Card as MuiCard, CardProps as MuiCardProps, Theme, styled } from '@mui/material';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nimport { Label } from '@/src/components/label';\n\nexport const CardOwnedVehicleComponent: FC<CardOwnedVehicleProps> = ({\n label,\n labelVariant,\n vehicleName,\n equipment,\n vehicleStatus,\n vehicleStatusVariant,\n image,\n fallbackImage,\n altDescriptionImage,\n mandatoryButtonObject,\n optionalButtonObject,\n darkOpacityLayer,\n lightOpacityLayer,\n menuCardComponentProps,\n isMenuDropdown,\n vehicleSpecs,\n vehicleSpecsObject,\n isCompact,\n size,\n}) => {\n return (\n <CardOwnVehicleComponentStyled\n size={size}\n darkOpacityLayer={darkOpacityLayer}\n lightOpacityLayer={lightOpacityLayer}\n >\n <div className=\"CardImageOverlayTheme\"></div>\n <div className=\"ownedVehicleContainer\">\n <div className=\"ownedVehicleContainerContent\">\n <div className=\"vehicleTitleContainer\">\n {label &&\n (labelVariant === 'feature' ? (\n <Label type=\"feature\" className=\"CardImageLabelFeature\" variant=\"primary\">\n {handleMaxChars(label, 30)}\n </Label>\n ) : (\n <Label className=\"CardImageLabel\" label={handleMaxChars(label, 30)}></Label>\n ))}\n {vehicleName && (\n <h2 style={{ margin: 0 }} className=\"vehicleName\">\n {handleMaxChars(vehicleName, 20)}\n </h2>\n )}\n {equipment && (\n <h4 style={{ margin: 0 }} className=\"vehicleEquipment\">\n {handleMaxChars(equipment, 20)}\n </h4>\n )}\n {vehicleStatus && <Indicator className=\"disclamer\" label={vehicleStatus} color={vehicleStatusVariant} />}\n </div>\n <div className=\"ownedVehicleImage\">\n <ImageComponent image={image} alt={altDescriptionImage} fallbackImage={fallbackImage} />\n </div>\n <div className=\"ownedVehicleSpecsContainer\">\n <div className=\"ownedVehicleButtons\">\n {mandatoryButtonObject?.label && (\n <ButtonCardComponent\n className=\"button-component\"\n buttonObject={mandatoryButtonObject}\n compact={isCompact}\n />\n )}\n {optionalButtonObject?.label && (\n <ButtonCardComponent\n className=\"button-component\"\n buttonObject={optionalButtonObject}\n compact={isCompact}\n />\n )}\n </div>\n {vehicleSpecs && (\n <div className=\"ownedVehicleSpecs\">\n {vehicleSpecsObject.map((item) => {\n return (\n <div key={item.value}>\n {item.subtitle && <p>{item.subtitle}</p>}\n {item.value && (\n <p>\n <b>{item.value}</b>\n </p>\n )}\n </div>\n );\n })}\n </div>\n )}\n </div>\n {isMenuDropdown && <MenuCardComponent {...menuCardComponentProps} />}\n </div>\n </div>\n </CardOwnVehicleComponentStyled>\n );\n};\nexport default CardOwnedVehicleComponent;\n\nconst handleOpacity = (darkOpacityLayer?: string, lightOpacityLayer?: string): string => {\n let opacity = '';\n\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\n return opacity;\n};\n\nconst handleTextColor = (darkOpacityLayer?: string, lightOpacityLayer?: string, theme?: Theme): string => {\n let color = '';\n\n if (lightOpacityLayer !== 'opacity0' && darkOpacityLayer === 'opacity0') {\n color = theme.palette.onSurface.os900;\n }\n if (darkOpacityLayer !== 'opacity0') {\n color = theme.palette.onSurface.os0;\n } else color = theme.palette.onSurface.os900;\n\n return color;\n};\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})<MuiCardProps & { darkOpacityLayer?: string; lightOpacityLayer?: string; size?: string }>(({ theme, ...props }) => {\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\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\n ' & > div:first-of-type': {\n marginRight: '24px',\n },\n ' & > div > p': {\n margin: 0,\n },\n },\n },\n\n ' & >.menuCardComponent': {\n top: '-7px',\n right: '-5px',\n },\n },\n ' & >.CardImageOverlayTheme': {\n background: opacityLayer,\n },\n };\n\n return style;\n});\n"],"names":["CardOwnedVehicleComponent","label","labelVariant","vehicleName","equipment","vehicleStatus","vehicleStatusVariant","image","fallbackImage","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","vehicleSpecs","vehicleSpecsObject","isCompact","size","_jsxs","CardOwnVehicleComponentStyled","_jsx","className","children","Label","type","variant","handleMaxChars","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/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cardPhotoAdjustable.js","sources":["../../../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustable.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { Card as MuiCard, CardProps as MuiCardProps, styled } from '@mui/material';\nimport CardPhotoFixedComponent from './cardPhotoAdjustableComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface CardPhotoAdjustableProps extends HTMLAttributes<HTMLDivElement> {\n /\n Label text\n /\n labelText?: string;\n\n /\n If labelVariant is feature, it is possible to select a variant of the Feature Label\n /\n labelVariants?: 'primary' \| 'neutral' \| 'secondary';\n\n /\n Title text\n /\n title?: string;\n\n /\n Description text\n /\n subtitle?: string;\n\n /\n Mandatory Button link.\n /\n buttonLink?: string;\n\n /\n Mandatory Button label\n /\n buttonLabel?: string;\n\n /\n Mandatory Button variant.\n /\n buttonVariant?: ButtonVariants;\n\n /\n If true, button is showing\n /\n optionalButton?: boolean;\n\n /\n Optional Button label. Button displays only if it has a label text\n /\n optionalButtonLabel?: string;\n\n /\n Optional Button link.\n /\n optionalButtonLink?: string;\n\n /\n Optional Button variant.\n /\n optionalButtonVariant?: ButtonVariants;\n\n /\n Height of the component\n /\n heightSize?: 'small' \| 'medium' \| 'normal';\n\n /\n If true borderRadius was added to entire card\n /\n isBorderRadius?: boolean;\n\n /\n An image of the component\n /\n cardImage?: string;\n\n /\n alt HTML tag apply to the image\n /\n altImageDescription?: string;\n\n /\n A dark gradient layer was added\n /\n darkOpacity?: DarkOpacity;\n\n /\n A light gradient layer was added\n /\n lightOpacity?: LightOpacity;\n\n /\n Callback for analytics\n /\n analyticsCallback?: (payload?: any) => void;\n}\n\n/\n @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const CardPhotoAdjustable = forwardRef<HTMLDivElement, CardPhotoAdjustableProps>((props, ref) => {\n return (\n <CardPhotoAdjustableStyled ref={ref}>\n <CardPhotoFixedComponent {...props} />\n </CardPhotoAdjustableStyled>\n );\n});\n\n/\n @description Card Photo Fixed styling definition based on props\n */\n\nconst CardPhotoAdjustableStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n height: ${(props) => {\n switch (props.children.props.heightSize) {\n case 'small':\n return '180px';\n\n case 'medium':\n return '400px';\n\n case 'normal':\n return '400px';\n\n default:\n return '';\n }\n }};\n\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n height: ${(props) => {\n switch (props.children.props.heightSize) {\n case 'small':\n return '150px';\n\n case 'medium':\n return '240px';\n\n case 'normal':\n return '300px';\n\n default:\n return '';\n }\n }};\n }\n\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n height: ${(props) => {\n switch (props.children.props.heightSize) {\n case 'small':\n return '200px';\n\n case 'medium':\n return '300px';\n\n case 'normal':\n return '400px';\n\n default:\n return '';\n }\n }};\n }\n\n padding: 0;\n .CardImagePicture {\n display: block;\n }\n background-color: ${(props) => {\n return props.theme.palette.onSurface.os0;\n }};\n\n color: ${(props) => {\n if (\n (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') \|\|\n props.children.props.cardType === 'configurator'\n ) {\n return props.theme.palette.text.primary;\n }\n if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n return props.theme.palette.onSurface.os0;\n } else return props.theme.palette.onSurface.os0;\n }};\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n }}\n\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n }}\n\n\t.CardImageHeader {\n width: 100%;\n }\n .CardImageHeader {\n .Label {\n margin: 0;\n }\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.text.primary;\n }\n if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.onSurface.os0;\n }\n }};\n }\n .CardImageMedia {\n position: relative;\n height: auto;\n }\n .CardImageTextContainer {\n padding: 24px;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n }\n .CardImageText {\n position: absolute;\n .CardImageSubtitle {\n font-weight: bold;\n font-size: 16px;\n line-height: 24px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n font-size: 18px;\n line-height: 28px;\n }\n }\n .CardImageTitle {\n font-size: 27px;\n line-height: 32px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n font-size: 30px;\n line-height: 36px;\n }\n }\n }\n .CardImageButtonsContainerContent {\n display: flex;\n justify-content: space-between;\n width: 100%;\n flex-direction: column-reverse;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n }\n }\n .CardImageButtonsContainer {\n display: flex;\n justify-content: space-between;\n width: 100%;\n }\n .CardImageButtons {\n gap: 12px 16px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n flex-wrap: wrap;\n }\n .cta-button {\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n }\n }\n .cta-button button {\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n font-size: 14px;\n }\n }\n }\n .LabelsOptional {\n display: flex;\n flex-wrap: wrap;\n margin-top: 8px;\n span:first-of-type {\n margin-bottom: 4px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n span:first-of-type {\n margin-bottom: 0;\n }\n }\n }\n .InfoVehicle {\n font-size: 14px;\n line-height: 20px;\n margin-bottom: 12px;\n text-align: left;\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n margin-bottom: 0;\n text-align: right;\n }\n margin-bottom: 16px;\n .InfoVehicleTotal {\n font-weight: bold;\n }\n .infoVehicleDealerInfoContainer {\n display: inline-flex;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n text-align: right;\n margin-bottom: 0;\n width: auto;\n }\n }\n .infoVehicleDealerInfo {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n .CardImageOverlayTheme {\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n }};\n\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n }}\n }\n`;\n"],"names":["CardPhotoAdjustable","forwardRef","props","ref","_jsx","jsx","CardPhotoAdjustableStyled","children","CardPhotoFixedComponent","default","Object","assign","styled","MuiCard","heightSize","theme","breakpoints","values","sm","md","palette","onSurface","os0","lightOpacity","darkOpacity","cardType","text","primary","shape","borderRadius","isBorderRadius","lg","xl","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"mLA8Ga,MAAAA,EAAsBC,EAAUA,YAA2C,CAACC,EAAOC,IAE5FC,EAAAC,IAACC,EAAyB,CAACH,IAAKA,EAC9BI,SAAAH,EAAAA,IAACI,EAAuBC,QAAKC,OAAAC,OAAA,CAAA,EAAAT,QAS7BI,EAA4BM,EAAAA,OAAOC,EAAAA,KAAwD;YACpFX,IACT,OAAQA,EAAMK,SAASL,MAAMY,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SAGL,IAAK,SACH,MAAO,QAET,QACE,MAAO;;uBAISZ,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;cAClDhB,IACT,OAAQA,EAAMK,SAASL,MAAMY,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,QACE,MAAO;;;uBAKOZ,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;cAClDjB,IACT,OAAQA,EAAMK,SAASL,MAAMY,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,QACE,MAAO;;;;;;;sBASMZ,GACZA,EAAMa,MAAMK,QAAQC,UAAUC;;WAG7BpB,GAEiC,aAAtCA,EAAMK,SAASL,MAAMqB,cAAoE,aAArCrB,EAAMK,SAASL,MAAMsB,aACxC,iBAAlCtB,EAAMK,SAASL,MAAMuB,SAEdvB,EAAMa,MAAMK,QAAQM,KAAKC,SAEO,aAArCzB,EAAMK,SAASL,MAAMsB,aAA8BtB,EAAMK,SAASL,MAAMuB,SACnEvB,EAAMa,MAAMK,QAAQC,UAAUC;IAGtCpB,IACD,GAAIA,EAAMa,MAAMa,MAAMC,aACpB,MAAO;;IAIR3B,IACD,GAAIA,EAAMK,SAASL,MAAM4B,eACvB,MAAO;;;;;;;;;aAWC5B,GACkC,aAAtCA,EAAMK,SAASL,MAAMqB,cAAoE,aAArCrB,EAAMK,SAASL,MAAMsB,YACpEtB,EAAMa,MAAMK,QAAQM,KAAKC,QAEO,aAArCzB,EAAMK,SAASL,MAAMsB,YAChBtB,EAAMa,MAAMK,QAAQC,UAAUC,SADvC;;;;;;;;;;;;;;;;;;;;;2BAwBsBpB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOc;;;;;;;;2BAQzC7B,GAAUA,EAAMa,MAAMC,YAAYC,OAAOe;;;;;;;;;;;yBAW3C9B,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;yBAWzCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;2BAKvCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;2BAKzCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;yBAa3CjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;yBAYzChB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;;2BAcvCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;;MAa9DhB,GACM+B,EAAAA,iCAAiC/B,EAAMK,SAASL,MAAMqB,aAAc;;MAG1ErB,GACMgC,EAAAA,gCAAgChC,EAAMK,SAASL,MAAMsB,YAAa;;"}
1	+ {"version":3,"file":"cardPhotoAdjustable.js","sources":["../../../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustable.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { Card as MuiCard, CardProps as MuiCardProps, styled } from '@mui/material';\nimport CardPhotoFixedComponent from './cardPhotoAdjustableComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface CardPhotoAdjustableProps extends HTMLAttributes<HTMLDivElement> {\n /\n Label text\n /\n labelText?: string;\n\n /\n If labelVariant is feature, it is possible to select a variant of the Feature Label\n /\n labelVariants?: 'primary' \| 'neutral' \| 'secondary';\n\n /\n Title text\n /\n title?: string;\n\n /\n Description text\n /\n subtitle?: string;\n\n /\n Mandatory Button link.\n /\n buttonLink?: string;\n\n /\n Mandatory Button label\n /\n buttonLabel?: string;\n\n /\n Mandatory Button variant.\n /\n buttonVariant?: ButtonVariants;\n\n /\n If true, button is showing\n /\n optionalButton?: boolean;\n\n /\n Optional Button label. Button displays only if it has a label text\n /\n optionalButtonLabel?: string;\n\n /\n Optional Button link.\n /\n optionalButtonLink?: string;\n\n /\n Optional Button variant.\n /\n optionalButtonVariant?: ButtonVariants;\n\n /\n Height of the component\n /\n heightSize?: 'small' \| 'medium' \| 'normal';\n\n /\n If true borderRadius was added to entire card\n /\n isBorderRadius?: boolean;\n\n /\n An image of the component\n /\n cardImage?: string;\n\n /\n alt HTML tag apply to the image\n /\n altImageDescription?: string;\n\n /\n A dark gradient layer was added\n /\n darkOpacity?: DarkOpacity;\n\n /\n A light gradient layer was added\n /\n lightOpacity?: LightOpacity;\n\n /\n Callback for analytics\n /\n analyticsCallback?: (payload?: any) => void;\n}\n\n/\n @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const CardPhotoAdjustable = forwardRef<HTMLDivElement, CardPhotoAdjustableProps>((props, ref) => {\n return (\n <CardPhotoAdjustableStyled ref={ref}>\n <CardPhotoFixedComponent {...props} />\n </CardPhotoAdjustableStyled>\n );\n});\n\n/\n @description Card Photo Fixed styling definition based on props\n */\n\nconst CardPhotoAdjustableStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n height: ${(props) => {\n switch (props.children.props.heightSize) {\n case 'small':\n return '180px';\n\n case 'medium':\n return '400px';\n\n case 'normal':\n return '400px';\n\n default:\n return '';\n }\n }};\n\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n height: ${(props) => {\n switch (props.children.props.heightSize) {\n case 'small':\n return '150px';\n\n case 'medium':\n return '240px';\n\n case 'normal':\n return '300px';\n\n default:\n return '';\n }\n }};\n }\n\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n height: ${(props) => {\n switch (props.children.props.heightSize) {\n case 'small':\n return '200px';\n\n case 'medium':\n return '300px';\n\n case 'normal':\n return '400px';\n\n default:\n return '';\n }\n }};\n }\n\n padding: 0;\n .CardImagePicture {\n display: block;\n }\n background-color: ${(props) => {\n return props.theme.palette.onSurface.os0;\n }};\n\n color: ${(props) => {\n if (\n (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') \|\|\n props.children.props.cardType === 'configurator'\n ) {\n return props.theme.palette.text.primary;\n }\n if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n return props.theme.palette.onSurface.os0;\n } else return props.theme.palette.onSurface.os0;\n }};\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n }}\n\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n }}\n\n\t.CardImageHeader {\n width: 100%;\n }\n .CardImageHeader {\n .Label {\n margin: 0;\n }\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.text.primary;\n }\n if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.onSurface.os0;\n }\n }};\n }\n .CardImageMedia {\n position: relative;\n height: auto;\n }\n .CardImageTextContainer {\n padding: 24px;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n }\n .CardImageText {\n position: absolute;\n .CardImageSubtitle {\n font-weight: bold;\n font-size: 16px;\n line-height: 24px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n font-size: 18px;\n line-height: 28px;\n }\n }\n .CardImageTitle {\n font-size: 27px;\n line-height: 32px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n font-size: 30px;\n line-height: 36px;\n }\n }\n }\n .CardImageButtonsContainerContent {\n display: flex;\n justify-content: space-between;\n width: 100%;\n flex-direction: column-reverse;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n }\n }\n .CardImageButtonsContainer {\n display: flex;\n justify-content: space-between;\n width: 100%;\n }\n .CardImageButtons {\n gap: 12px 16px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n flex-wrap: wrap;\n }\n .cta-button {\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n }\n }\n .cta-button button {\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n font-size: 14px;\n }\n }\n }\n .LabelsOptional {\n display: flex;\n flex-wrap: wrap;\n margin-top: 8px;\n span:first-of-type {\n margin-bottom: 4px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n span:first-of-type {\n margin-bottom: 0;\n }\n }\n }\n .InfoVehicle {\n font-size: 14px;\n line-height: 20px;\n margin-bottom: 12px;\n text-align: left;\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n margin-bottom: 0;\n text-align: right;\n }\n margin-bottom: 16px;\n .InfoVehicleTotal {\n font-weight: bold;\n }\n .infoVehicleDealerInfoContainer {\n display: inline-flex;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n text-align: right;\n margin-bottom: 0;\n width: auto;\n }\n }\n .infoVehicleDealerInfo {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n .CardImageOverlayTheme {\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n }};\n\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n }}\n }\n`;\n"],"names":["CardPhotoAdjustable","forwardRef","props","ref","_jsx","CardPhotoAdjustableStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","heightSize","theme","breakpoints","values","sm","md","palette","onSurface","os0","lightOpacity","darkOpacity","cardType","text","primary","shape","borderRadius","isBorderRadius","lg","xl","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"mLA8GO,MAAMA,EAAsBC,EAAAA,YAAqD,CAACC,EAAOC,IAE5FC,EAAAA,IAACC,EAAyB,CAACF,IAAKA,EAAGG,SACjCF,EAAAA,IAACG,EAAAA,QAAuBC,OAAAC,OAAA,CAAA,EAAKP,QAS7BG,EAA4BK,EAAAA,OAAOC,EAAAA,KAAwD;YACpFT,IACT,OAAQA,EAAMI,SAASJ,MAAMU,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SAGL,IAAK,SACH,MAAO,QAET,QACE,MAAO;;uBAISV,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;cAClDd,IACT,OAAQA,EAAMI,SAASJ,MAAMU,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,QACE,MAAO;;;uBAKOV,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;cAClDf,IACT,OAAQA,EAAMI,SAASJ,MAAMU,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,QACE,MAAO;;;;;;;sBASMV,GACZA,EAAMW,MAAMK,QAAQC,UAAUC;;WAG7BlB,GAEiC,aAAtCA,EAAMI,SAASJ,MAAMmB,cAAoE,aAArCnB,EAAMI,SAASJ,MAAMoB,aACxC,iBAAlCpB,EAAMI,SAASJ,MAAMqB,SAEdrB,EAAMW,MAAMK,QAAQM,KAAKC,SAEO,aAArCvB,EAAMI,SAASJ,MAAMoB,aAA8BpB,EAAMI,SAASJ,MAAMqB,SACnErB,EAAMW,MAAMK,QAAQC,UAAUC;IAGtClB,IACD,GAAIA,EAAMW,MAAMa,MAAMC,aACpB,MAAO,mBACT;;IAGCzB,IACD,GAAIA,EAAMI,SAASJ,MAAM0B,eACvB,MAAO,qBACT;;;;;;;;;aAUU1B,GACkC,aAAtCA,EAAMI,SAASJ,MAAMmB,cAAoE,aAArCnB,EAAMI,SAASJ,MAAMoB,YACpEpB,EAAMW,MAAMK,QAAQM,KAAKC,QAEO,aAArCvB,EAAMI,SAASJ,MAAMoB,YAChBpB,EAAMW,MAAMK,QAAQC,UAAUC,SADvC;;;;;;;;;;;;;;;;;;;;;2BAwBsBlB,GAAUA,EAAMW,MAAMC,YAAYC,OAAOc;;;;;;;;2BAQzC3B,GAAUA,EAAMW,MAAMC,YAAYC,OAAOe;;;;;;;;;;;yBAW3C5B,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;yBAWzCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;2BAKvCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;2BAKzCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;yBAa3Cf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;yBAYzCd,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;;2BAcvCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;;MAa9Dd,GACM6B,EAAAA,iCAAiC7B,EAAMI,SAASJ,MAAMmB,aAAc;;MAG1EnB,GACM8B,EAAAA,gCAAgC9B,EAAMI,SAASJ,MAAMoB,YAAa;;"}

package/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cardPhotoAdjustableComponent.js","sources":["../../../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.tsx"],"sourcesContent":["import { FC, useCallback } from 'react';\nimport { CardPhotoAdjustableProps } from '.';\nimport { Button } from '../../components/button';\nimport { handleMaxChars } from '../../utils/utilities';\nimport { Label } from '@/src/components/label';\n\nconst CardPhotoFixedComponent: FC<CardPhotoAdjustableProps> = ({\n cardImage,\n altImageDescription,\n labelText,\n labelVariants,\n title,\n subtitle,\n buttonLink,\n buttonLabel,\n buttonVariant,\n optionalButton,\n optionalButtonLink,\n optionalButtonLabel,\n optionalButtonVariant,\n analyticsCallback,\n}) => {\n const handleOnClick = useCallback(\n (e: string) => {\n analyticsCallback?.(e);\n },\n [analyticsCallback],\n );\n return (\n <>\n <div className=\"CardImageOverlayTheme\"></div>\n <div className=\"CardImageText\">\n <div className=\"CardImageTextContainer\">\n <div className=\"CardImageHeader\">\n {labelText && (\n <Label type=\"feature\" className=\"Label\" variant={labelVariants} label={handleMaxChars(labelText, 30)} />\n )}\n {title && <h2 className=\"h4\">{handleMaxChars(title, 30)}</h2>}\n {subtitle && <span className=\"CardImageSubtitle\">{handleMaxChars(subtitle, 30)}</span>}\n </div>\n <div className=\"CardImageButtonsContainer\">\n <div className=\"CardImageButtonsContainerContent\">\n <div className=\"CardImageButtons\">\n <a tabIndex={-1} className=\"cta-button\" href={encodeURI(buttonLink)} style={{ textDecoration: 'none' }}>\n <Button\n label={handleMaxChars(buttonLabel, 30)}\n variant={buttonVariant}\n compact={true}\n onClick={() => handleOnClick(buttonLabel)}\n />\n </a>\n {optionalButton && optionalButtonLabel && optionalButtonLink && (\n <a\n tabIndex={-1}\n className=\"cta-button\"\n href={encodeURI(optionalButtonLink)}\n style={{ textDecoration: 'none' }}\n >\n <Button\n label={handleMaxChars(optionalButtonLabel, 30)}\n variant={optionalButtonVariant}\n compact={true}\n onClick={() => handleOnClick(optionalButtonLabel)}\n />\n </a>\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n <div className=\"CardImageMedia\">\n <div className=\"CardImagePicture\">\n <img src={cardImage} alt={altImageDescription} />\n </div>\n </div>\n </>\n );\n};\nexport default CardPhotoFixedComponent;\n"],"names":["cardImage","altImageDescription","labelText","labelVariants","title","subtitle","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","analyticsCallback","handleOnClick","useCallback","e","_jsxs","~~jsxs","~~_Fragment","children","_jsx","~~jsx","~~className","Label","type","variant","label","handleMaxChars","tabIndex","href","encodeURI","style","textDecoration","Button","compact","onClick","src","alt"],"mappings":"4QAM8D,EAC5DA,YACAC,sBACAC,YACAC,gBACAC,QACAC,WACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,wBAEA,MAAMC,EAAgBC,eACnBC,IACCH,SAAAA,EAAoBG,EAAE,GAExB,CAACH,IAEH,OACEI,~~EACEC~~,KAAAC,WAAA,CAAAC,SAAA,~~CAAAC~~,~~EAAAC~~,IAAA,MAAA,CAAKC,UAAU,~~0BACfF~~,~~EAAAC~~,IAAA,MAAA,CAAKC,UAAU,~~gBAAeH~~,~~SAC5BH~~,~~OAAK~~,MAAA,~~CAAAM~~,UAAU,~~yBACbH~~,SAAA,~~CAAAH~~,~~EAAAC~~,KAAA,MAAA,~~CAAKK~~,UAAU,~~kBAAiBH~~,SAAA,~~CAC7BlB~~,~~GACCmB~~,~~EAAAC~~,IAACE,QAAK,CAACC,KAAK,UAAUF,UAAU,QAAQG,~~QAASvB~~,~~EAAewB~~,MAAOC,~~iBAAe1B~~,EAAW,MAElGE,~~GAASiB~~,~~EAAAC~~,IAAA,KAAA,CAAIC,UAAU,~~KAAIH~~,~~SAAEQ~~,~~EAAcA~~,~~eAACxB~~,EAAO,MACnDC,~~GAAYgB~~,~~EAAAC~~,IAAA,OAAA,CAAMC,UAAU,~~oBAAmBH~~,~~SAAEQ~~,~~iBAAevB~~,EAAU,~~SAE7EgB~~,~~EAAAC~~,IAAA,MAAA,CAAKC,UAAU,~~4BAA2BH~~,SACxCC,~~EAAKC~~,IAAA,MAAA,~~CAAAC~~,UAAU,~~mCACbH~~,~~SAAAH~~,~~EAAAC~~,KAAA,MAAA,~~CAAKK~~,UAAU,~~mBAAkBH~~,SAAA,CAC/BC,~~EAAGC~~,IAAA,IAAA,~~CAAAO~~,UAAU,EAAIN,UAAU,aAAaO,KAAMC,~~UAAUzB~~,~~GAAa0B~~,MAAO,CAAEC,eAAgB,~~QAC5Fb~~,~~SAAAC~~,~~MAACa~~,EAAAA,~~OACC~~,~~CAAAP~~,MAAOC,EAAAA,~~eAAerB~~,EAAa,~~IACnCmB~~,~~QAASlB~~,~~EACT2B~~,SAAS,EACTC,QAAS,~~IAAMtB~~,EAAcP,OAGhCE,GAAkBE,GAAuBD,~~GACxCW~~,~~EAAAC~~,IAAA,IAAA,CACEO,UAAU,EACVN,UAAU,aACVO,KAAMC,~~UAAUrB~~,~~GAChBsB~~,MAAO,CAAEC,eAAgB,~~QAAQb~~,SAEjCC,EAAAA,~~IAACa~~,EAAAA,OAAM,CACLP,MAAOC,~~EAAcA~~,~~eAACjB~~,EAAqB,~~IAC3Ce~~,~~QAASd~~,~~EACTuB~~,SAAS,EACTC,QAAS,~~IAAMtB~~,EAAcH,~~mBAS7CU~~,EAAAA,IAAA,MAAA,~~CAAKE~~,UAAU,~~iBAAgBH~~,SAC7BC,EAAAA,~~IAAK~~,MAAA,~~CAAAE~~,UAAU,~~mBACbH~~,~~SAAAC~~,EAAAA,IAAA,MAAA,~~CAAKgB~~,~~IAAKrC~~,~~EAAWsC~~,~~IAAKrC~~,UAG7B"}
1	+ {"version":3,"file":"cardPhotoAdjustableComponent.js","sources":["../../../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.tsx"],"sourcesContent":["import { FC, useCallback } from 'react';\nimport { CardPhotoAdjustableProps } from '.';\nimport { Button } from '../../components/button';\nimport { handleMaxChars } from '../../utils/utilities';\nimport { Label } from '@/src/components/label';\n\nconst CardPhotoFixedComponent: FC<CardPhotoAdjustableProps> = ({\n cardImage,\n altImageDescription,\n labelText,\n labelVariants,\n title,\n subtitle,\n buttonLink,\n buttonLabel,\n buttonVariant,\n optionalButton,\n optionalButtonLink,\n optionalButtonLabel,\n optionalButtonVariant,\n analyticsCallback,\n}) => {\n const handleOnClick = useCallback(\n (e: string) => {\n analyticsCallback?.(e);\n },\n [analyticsCallback],\n );\n return (\n <>\n <div className=\"CardImageOverlayTheme\"></div>\n <div className=\"CardImageText\">\n <div className=\"CardImageTextContainer\">\n <div className=\"CardImageHeader\">\n {labelText && (\n <Label type=\"feature\" className=\"Label\" variant={labelVariants} label={handleMaxChars(labelText, 30)} />\n )}\n {title && <h2 className=\"h4\">{handleMaxChars(title, 30)}</h2>}\n {subtitle && <span className=\"CardImageSubtitle\">{handleMaxChars(subtitle, 30)}</span>}\n </div>\n <div className=\"CardImageButtonsContainer\">\n <div className=\"CardImageButtonsContainerContent\">\n <div className=\"CardImageButtons\">\n <a tabIndex={-1} className=\"cta-button\" href={encodeURI(buttonLink)} style={{ textDecoration: 'none' }}>\n <Button\n label={handleMaxChars(buttonLabel, 30)}\n variant={buttonVariant}\n compact={true}\n onClick={() => handleOnClick(buttonLabel)}\n />\n </a>\n {optionalButton && optionalButtonLabel && optionalButtonLink && (\n <a\n tabIndex={-1}\n className=\"cta-button\"\n href={encodeURI(optionalButtonLink)}\n style={{ textDecoration: 'none' }}\n >\n <Button\n label={handleMaxChars(optionalButtonLabel, 30)}\n variant={optionalButtonVariant}\n compact={true}\n onClick={() => handleOnClick(optionalButtonLabel)}\n />\n </a>\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n <div className=\"CardImageMedia\">\n <div className=\"CardImagePicture\">\n <img src={cardImage} alt={altImageDescription} />\n </div>\n </div>\n </>\n );\n};\nexport default CardPhotoFixedComponent;\n"],"names":["cardImage","altImageDescription","labelText","labelVariants","title","subtitle","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","analyticsCallback","handleOnClick","useCallback","e","_jsxs","_Fragment","children","_jsx","className","Label","type","variant","label","handleMaxChars","tabIndex","href","encodeURI","style","textDecoration","Button","compact","onClick","src","alt"],"mappings":"4QAM8D,EAC5DA,YACAC,sBACAC,YACAC,gBACAC,QACAC,WACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,wBAEA,MAAMC,EAAgBC,eACnBC,IACCH,SAAAA,EAAoBG,EAAE,GAExB,CAACH,IAEH,OACEI,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CACEC,EAAAA,IAAA,MAAA,CAAKC,UAAU,0BACfD,EAAAA,IAAA,MAAA,CAAKC,UAAU,gBAAeF,SAC5BF,OAAA,MAAA,CAAKI,UAAU,yBAAwBF,SAAA,CACrCF,EAAAA,KAAA,MAAA,CAAKI,UAAU,kBAAiBF,SAAA,CAC7BjB,GACCkB,EAAAA,IAACE,QAAK,CAACC,KAAK,UAAUF,UAAU,QAAQG,QAASrB,EAAesB,MAAOC,iBAAexB,EAAW,MAElGE,GAASgB,EAAAA,IAAA,KAAA,CAAIC,UAAU,KAAIF,SAAEO,EAAAA,eAAetB,EAAO,MACnDC,GAAYe,EAAAA,IAAA,OAAA,CAAMC,UAAU,oBAAmBF,SAAEO,iBAAerB,EAAU,SAE7Ee,EAAAA,IAAA,MAAA,CAAKC,UAAU,4BAA2BF,SACxCC,EAAAA,IAAA,MAAA,CAAKC,UAAU,mCAAkCF,SAC/CF,EAAAA,KAAA,MAAA,CAAKI,UAAU,mBAAkBF,SAAA,CAC/BC,EAAAA,IAAA,IAAA,CAAGO,UAAU,EAAIN,UAAU,aAAaO,KAAMC,UAAUvB,GAAawB,MAAO,CAAEC,eAAgB,QAAQZ,SACpGC,MAACY,EAAAA,OAAM,CACLP,MAAOC,EAAAA,eAAenB,EAAa,IACnCiB,QAAShB,EACTyB,SAAS,EACTC,QAAS,IAAMpB,EAAcP,OAGhCE,GAAkBE,GAAuBD,GACxCU,EAAAA,IAAA,IAAA,CACEO,UAAU,EACVN,UAAU,aACVO,KAAMC,UAAUnB,GAChBoB,MAAO,CAAEC,eAAgB,QAAQZ,SAEjCC,EAAAA,IAACY,EAAAA,OAAM,CACLP,MAAOC,EAAAA,eAAef,EAAqB,IAC3Ca,QAASZ,EACTqB,SAAS,EACTC,QAAS,IAAMpB,EAAcH,mBAS7CS,EAAAA,IAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC7BC,EAAAA,IAAA,MAAA,CAAKC,UAAU,mBAAkBF,SAC/BC,EAAAA,IAAA,MAAA,CAAKe,IAAKnC,EAAWoC,IAAKnC,UAG7B"}

package/cjs/organisms/cardPhotoFixed/cardPhotoFixed.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cardPhotoFixed.js","sources":["../../../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Card as MuiCard, CardProps as MuiCardProps, useTheme, useMediaQuery } from '@mui/material';\nimport CardPhotoFixedComponent from './cardPhotoFixedComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/*\n @interface CardPhotoFixedProps\n * @description Properties are inherited from HTML div element\n /\nexport interface CardPhotoFixedProps extends HTMLAttributes<HTMLDivElement> {\n /\n Label text\n /\n label?: string;\n /\n Title name text\n /\n title?: string;\n /\n Subtitle text\n /\n subTitle?: string;\n /\n Description text\n /\n description?: string;\n /\n if true, first label is showing\n /\n labelInfoFirst?: boolean;\n /\n First label information label text\n /\n labelInfoFirstText?: string;\n /\n First label variant\n /\n labelInfoFirstVariant?: 'primary' \| 'neutral';\n /\n if true, second optional label is showing\n /\n labelInfoSecond?: boolean;\n /\n Second label text\n /\n labelInfoSecondText?: string;\n /\n Second label variant\n /\n labelInfoSecondVariant?: 'primary' \| 'neutral';\n /\n An image of the component\n /\n cardImage?: string;\n /\n alt HTML tag apply to the image\n /\n altImageDescription?: string;\n /\n Mandatory Button link.\n /\n buttonLink?: string;\n\n /\n Mandatory Button label. Button displays only if it has a label text\n /\n buttonLabel?: string;\n\n /\n Mandatory Button variant.\n /\n buttonVariant?: ButtonVariants;\n /\n If true, button is showing\n /\n optionalButton?: boolean;\n /\n Optional Button label. Button displays only if it has a label text\n /\n optionalButtonLabel?: string;\n /\n Optional Button link.\n /\n optionalButtonLink?: string;\n /\n Mandatory Button variant.\n /\n optionalButtonVariant?: ButtonVariants;\n /\n If true borderRadius was added to entire card\n /\n isBorderRadius?: boolean;\n /\n Info text\n /\n infoText?: string;\n /\n Info text second position text\n /\n infoTextSecond?: string;\n /\n info text third position text\n /\n infoTextThird?: string;\n /\n A dark gradient layer was added\n /\n darkOpacity?: DarkOpacity;\n\n /\n A light gradient layer was added\n /\n lightOpacity?: LightOpacity;\n\n /\n Uses for setting button size based on screensize\n /\n isCompact?: boolean;\n /\n Callback for analytics\n /\n analyticsCallback?: (payload?: any) => void;\n}\n\n/\n @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const CardPhotoFixed = forwardRef<HTMLDivElement, CardPhotoFixedProps>((props, ref) => {\n const themeBreakpoint = useTheme();\n const isCompact = useMediaQuery(themeBreakpoint.breakpoints.up('md'));\n return (\n <CardPhotoFixedsStyled ref={ref}>\n <CardPhotoFixedComponent isCompact={isCompact} {...props} />\n </CardPhotoFixedsStyled>\n );\n});\n\n/\n @description Card Photo Fixed styling definition based on props\n /\n\nconst CardPhotoFixedsStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n background-color: ${(props) => {\n return props.theme.palette.common.white;\n }};\n\n color: ${(props) => {\n if (\n (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') \|\|\n props.children.props.cardType === 'configurator'\n ) {\n return props.theme.palette.common.black;\n }\n if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n return props.theme.palette.common.white;\n } else return props.theme.palette.common.white;\n }};\n\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n }}\n\n / Height of the component */\n height: 500px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n height: 440px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n height: 400px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n height: 440px;\n }\n\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n }}\n\n .CardImageHeader {\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n max-width: 560px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n max-width: 640px;\n }\n }\n\n .CardImageHeader {\n .VehicleEquipment {\n margin: 0;\n font-size: 16px;\n line-height: 24px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n font-size: 23px;\n line-height: 28px;\n }\n }\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.text.primary;\n }\n if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.onSurface.os0;\n }\n }};\n }\n\n .CardImageText {\n .CardImageSubtitleContainer {\n display: inline-flex;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n }\n .CardImageSubtitle {\n font-size: 16px;\n line-height: 24px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n font-size: 18px;\n line-height: 28px;\n }\n }\n .CardImageTitle {\n font-size: 23px;\n line-height: 28px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n font-size: 32px;\n line-height: 38px;\n ${(props) => {\n if (props.children.props.cardSize === 'small') {\n return 'font-size: 27px; line-height: 32px';\n }\n }};\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n font-size: 36px;\n line-height: 44px;\n ${(props) => {\n if (props.children.props.cardSize === 'small') {\n return 'font-size: 30px; line-height: 36px';\n }\n }};\n }\n }\n }\n .CardImageButtonsContainer {\n display: flex;\n justify-content: space-between;\n flex-direction: column-reverse;\n flex-wrap: wrap-reverse;\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n }\n }\n .CardImageButtonsGroup {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n width: 100%;\n gap: 12px 16px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n flex-direction: row;\n flex-wrap: wrap;\n width: auto;\n }\n .cta-button {\n text-decoration: none;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n width: auto;\n }\n div {\n width: 100%;\n }\n button {\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n width: auto;\n font-size: 14px;\n }\n }\n }\n }\n\n .LabelsOptional {\n display: flex;\n flex-wrap: wrap;\n margin-top: 6px;\n }\n .infoText {\n font-size: 14px;\n margin-bottom: 12px;\n margin-bottom: 12px;\n width: 100%;\n align-self: end;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n margin-bottom: 0;\n }\n .infoTextFirst {\n font-weight: bold;\n span {\n font-weight: 300;\n }\n }\n .infoTextThirdContainer {\n display: inline-flex;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n display: inline;\n text-align: right;\n margin-bottom: 0;\n width: auto;\n }\n }\n .infoTextThird {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n .CardImageOverlayTheme {\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n }};\n\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n }}\n }\n`;\n"],"names":["CardPhotoFixed","forwardRef","props","ref","themeBreakpoint","useTheme","isCompact","useMediaQuery","breakpoints","up","_jsx","CardPhotoFixedsStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"gNAqIa,MAAAA,EAAiBC,EAAUA,YAAsC,CAACC,EAAOC,KACpF,MAAMC,EAAkBC,EAAAA,WAClBC,EAAYC,EAAAA,cAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OACEC,EAAAA,IAACC,GAAsBR,IAAKA,EAC1BS,SAAAF,MAACG,EAAAA,QAAwBC,OAAAC,OAAA,CAAAT,UAAWA,GAAeJ,KAC7B,IAQtBS,EAAwBK,EAAAA,OAAOC,EAAAA,KAAwD;sBACtEf,GACZA,EAAMgB,MAAMC,QAAQC,OAAOC;;WAG1BnB,GAEiC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,aACxC,iBAAlCrB,EAAMU,SAASV,MAAMsB,SAEdtB,EAAMgB,MAAMC,QAAQC,OAAOK,OAEK,aAArCvB,EAAMU,SAASV,MAAMqB,aAA8BrB,EAAMU,SAASV,MAAMsB,SACnEtB,EAAMgB,MAAMC,QAAQC,OAAOC;;IAInCnB,IACD,GAAIA,EAAMgB,MAAMQ,MAAMC,aACpB,MAAO;;;;uBAMWzB,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;uBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;uBAGzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;IAI5D7B,IACD,GAAIA,EAAMU,SAASV,MAAM8B,eACvB,MAAO;;;;yBAMa9B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;yBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;;;;;;;;2BAUvC/B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;aAKvD5B,GACkC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,YACpErB,EAAMgB,MAAMC,QAAQe,KAAKC,QAEO,aAArCjC,EAAMU,SAASV,MAAMqB,YAChBrB,EAAMgB,MAAMC,QAAQiB,UAAUC,SADvC;;;;;;;;;;;;;;;;;;2BAqBsBnC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;;;;;2BAQzC7B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;UAG1D5B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO;;2BAISpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;UAG1D/B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO;;;;;;;;;;yBAYOpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;yBAUzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;2BAOvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;6BAQvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;MAc9D3B,GACMqC,EAAAA,iCAAiCrC,EAAMU,SAASV,MAAMoB,aAAc;;MAG1EpB,GACMsC,EAAAA,gCAAgCtC,EAAMU,SAASV,MAAMqB,YAAa;;"}
1	+ {"version":3,"file":"cardPhotoFixed.js","sources":["../../../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Card as MuiCard, CardProps as MuiCardProps, useTheme, useMediaQuery } from '@mui/material';\nimport CardPhotoFixedComponent from './cardPhotoFixedComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/*\n @interface CardPhotoFixedProps\n * @description Properties are inherited from HTML div element\n /\nexport interface CardPhotoFixedProps extends HTMLAttributes<HTMLDivElement> {\n /\n Label text\n /\n label?: string;\n /\n Title name text\n /\n title?: string;\n /\n Subtitle text\n /\n subTitle?: string;\n /\n Description text\n /\n description?: string;\n /\n if true, first label is showing\n /\n labelInfoFirst?: boolean;\n /\n First label information label text\n /\n labelInfoFirstText?: string;\n /\n First label variant\n /\n labelInfoFirstVariant?: 'primary' \| 'neutral';\n /\n if true, second optional label is showing\n /\n labelInfoSecond?: boolean;\n /\n Second label text\n /\n labelInfoSecondText?: string;\n /\n Second label variant\n /\n labelInfoSecondVariant?: 'primary' \| 'neutral';\n /\n An image of the component\n /\n cardImage?: string;\n /\n alt HTML tag apply to the image\n /\n altImageDescription?: string;\n /\n Mandatory Button link.\n /\n buttonLink?: string;\n\n /\n Mandatory Button label. Button displays only if it has a label text\n /\n buttonLabel?: string;\n\n /\n Mandatory Button variant.\n /\n buttonVariant?: ButtonVariants;\n /\n If true, button is showing\n /\n optionalButton?: boolean;\n /\n Optional Button label. Button displays only if it has a label text\n /\n optionalButtonLabel?: string;\n /\n Optional Button link.\n /\n optionalButtonLink?: string;\n /\n Mandatory Button variant.\n /\n optionalButtonVariant?: ButtonVariants;\n /\n If true borderRadius was added to entire card\n /\n isBorderRadius?: boolean;\n /\n Info text\n /\n infoText?: string;\n /\n Info text second position text\n /\n infoTextSecond?: string;\n /\n info text third position text\n /\n infoTextThird?: string;\n /\n A dark gradient layer was added\n /\n darkOpacity?: DarkOpacity;\n\n /\n A light gradient layer was added\n /\n lightOpacity?: LightOpacity;\n\n /\n Uses for setting button size based on screensize\n /\n isCompact?: boolean;\n /\n Callback for analytics\n /\n analyticsCallback?: (payload?: any) => void;\n}\n\n/\n @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const CardPhotoFixed = forwardRef<HTMLDivElement, CardPhotoFixedProps>((props, ref) => {\n const themeBreakpoint = useTheme();\n const isCompact = useMediaQuery(themeBreakpoint.breakpoints.up('md'));\n return (\n <CardPhotoFixedsStyled ref={ref}>\n <CardPhotoFixedComponent isCompact={isCompact} {...props} />\n </CardPhotoFixedsStyled>\n );\n});\n\n/\n @description Card Photo Fixed styling definition based on props\n /\n\nconst CardPhotoFixedsStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n background-color: ${(props) => {\n return props.theme.palette.common.white;\n }};\n\n color: ${(props) => {\n if (\n (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') \|\|\n props.children.props.cardType === 'configurator'\n ) {\n return props.theme.palette.common.black;\n }\n if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n return props.theme.palette.common.white;\n } else return props.theme.palette.common.white;\n }};\n\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n }}\n\n / Height of the component */\n height: 500px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n height: 440px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n height: 400px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n height: 440px;\n }\n\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n }}\n\n .CardImageHeader {\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n max-width: 560px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n max-width: 640px;\n }\n }\n\n .CardImageHeader {\n .VehicleEquipment {\n margin: 0;\n font-size: 16px;\n line-height: 24px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n font-size: 23px;\n line-height: 28px;\n }\n }\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.text.primary;\n }\n if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.onSurface.os0;\n }\n }};\n }\n\n .CardImageText {\n .CardImageSubtitleContainer {\n display: inline-flex;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n }\n .CardImageSubtitle {\n font-size: 16px;\n line-height: 24px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n font-size: 18px;\n line-height: 28px;\n }\n }\n .CardImageTitle {\n font-size: 23px;\n line-height: 28px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n font-size: 32px;\n line-height: 38px;\n ${(props) => {\n if (props.children.props.cardSize === 'small') {\n return 'font-size: 27px; line-height: 32px';\n }\n }};\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n font-size: 36px;\n line-height: 44px;\n ${(props) => {\n if (props.children.props.cardSize === 'small') {\n return 'font-size: 30px; line-height: 36px';\n }\n }};\n }\n }\n }\n .CardImageButtonsContainer {\n display: flex;\n justify-content: space-between;\n flex-direction: column-reverse;\n flex-wrap: wrap-reverse;\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n }\n }\n .CardImageButtonsGroup {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n width: 100%;\n gap: 12px 16px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n flex-direction: row;\n flex-wrap: wrap;\n width: auto;\n }\n .cta-button {\n text-decoration: none;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n width: auto;\n }\n div {\n width: 100%;\n }\n button {\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n width: auto;\n font-size: 14px;\n }\n }\n }\n }\n\n .LabelsOptional {\n display: flex;\n flex-wrap: wrap;\n margin-top: 6px;\n }\n .infoText {\n font-size: 14px;\n margin-bottom: 12px;\n margin-bottom: 12px;\n width: 100%;\n align-self: end;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n margin-bottom: 0;\n }\n .infoTextFirst {\n font-weight: bold;\n span {\n font-weight: 300;\n }\n }\n .infoTextThirdContainer {\n display: inline-flex;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n display: inline;\n text-align: right;\n margin-bottom: 0;\n width: auto;\n }\n }\n .infoTextThird {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n .CardImageOverlayTheme {\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n }};\n\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n }}\n }\n`;\n"],"names":["CardPhotoFixed","forwardRef","props","ref","themeBreakpoint","useTheme","isCompact","useMediaQuery","breakpoints","up","_jsx","CardPhotoFixedsStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"gNAqIO,MAAMA,EAAiBC,EAAAA,YAAgD,CAACC,EAAOC,KACpF,MAAMC,EAAkBC,EAAAA,WAClBC,EAAYC,EAAAA,cAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OACEC,EAAAA,IAACC,GAAsBR,IAAKA,EAAGS,SAC7BF,MAACG,EAAAA,QAAuBC,OAAAC,OAAA,CAACT,UAAWA,GAAeJ,KAC7B,IAQtBS,EAAwBK,EAAAA,OAAOC,EAAAA,KAAwD;sBACtEf,GACZA,EAAMgB,MAAMC,QAAQC,OAAOC;;WAG1BnB,GAEiC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,aACxC,iBAAlCrB,EAAMU,SAASV,MAAMsB,SAEdtB,EAAMgB,MAAMC,QAAQC,OAAOK,OAEK,aAArCvB,EAAMU,SAASV,MAAMqB,aAA8BrB,EAAMU,SAASV,MAAMsB,SACnEtB,EAAMgB,MAAMC,QAAQC,OAAOC;;IAInCnB,IACD,GAAIA,EAAMgB,MAAMQ,MAAMC,aACpB,MAAO,mBACT;;;;uBAKoBzB,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;uBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;uBAGzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;IAI5D7B,IACD,GAAIA,EAAMU,SAASV,MAAM8B,eACvB,MAAO,qBACT;;;;yBAKsB9B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;yBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;;;;;;;;2BAUvC/B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;aAKvD5B,GACkC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,YACpErB,EAAMgB,MAAMC,QAAQe,KAAKC,QAEO,aAArCjC,EAAMU,SAASV,MAAMqB,YAChBrB,EAAMgB,MAAMC,QAAQiB,UAAUC,SADvC;;;;;;;;;;;;;;;;;;2BAqBsBnC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;;;;;2BAQzC7B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;UAG1D5B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO,oCACT;;2BAGkBpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;UAG1D/B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO,oCACT;;;;;;;;;;yBAWgBpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;yBAUzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;2BAOvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;6BAQvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;MAc9D3B,GACMqC,EAAAA,iCAAiCrC,EAAMU,SAASV,MAAMoB,aAAc;;MAG1EpB,GACMsC,EAAAA,gCAAgCtC,EAAMU,SAASV,MAAMqB,YAAa;;"}

package/cjs/organisms/cardPhotoFixed/cardPhotoFixedComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cardPhotoFixedComponent.js","sources":["../../../../../src/organisms/cardPhotoFixed/cardPhotoFixedComponent.tsx"],"sourcesContent":["import { useCallback, FC } from 'react';\nimport { CardPhotoFixedProps } from '.';\nimport { Label } from '../../components/label';\nimport { Button } from '../../components/button';\nimport InfoTextCardComponent from '../common/infoTextCardComponent/infoTextCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\n\nconst CardPhotoFixedComponent: FC<CardPhotoFixedProps> = ({\n label,\n title,\n subTitle,\n description,\n labelInfoFirst,\n labelInfoFirstText,\n labelInfoFirstVariant,\n labelInfoSecond,\n labelInfoSecondText,\n labelInfoSecondVariant,\n cardImage,\n altImageDescription,\n buttonLink,\n buttonLabel,\n buttonVariant,\n optionalButton,\n optionalButtonLink,\n optionalButtonLabel,\n optionalButtonVariant,\n infoText,\n infoTextSecond,\n infoTextThird,\n isCompact,\n analyticsCallback,\n}) => {\n const handleOnClick = useCallback(\n (e: string) => {\n analyticsCallback?.(e);\n },\n [analyticsCallback],\n );\n\n return (\n <>\n <div className=\"CardImageOverlayTheme\"></div>\n <div className=\"CardImageText\">\n <div className=\"CardImageHeader\">\n <Label className=\"CardImageLabel\" label={handleMaxChars(label, 30)}></Label>\n {title && <h2 className=\"CardImageTitle\">{handleMaxChars(title, 35)}</h2>}\n {subTitle && <h4 className=\"VehicleEquipment\">{handleMaxChars(subTitle, 20)}</h4>}\n {description && (\n <div className=\"CardImageSubtitleContainer\">\n <span className=\"CardImageSubtitle\">{handleMaxChars(description, 50)}</span>\n </div>\n )}\n <div className=\"LabelsOptional\">\n {labelInfoFirst && labelInfoFirstText && (\n <div>\n <Label type=\"feature\" variant={labelInfoFirstVariant} label={handleMaxChars(labelInfoFirstText, 30)} />\n </div>\n )}\n {labelInfoSecond && labelInfoSecondText && (\n <div>\n <Label\n type=\"feature\"\n variant={labelInfoSecondVariant}\n label={handleMaxChars(labelInfoSecondText, 30)}\n />\n </div>\n )}\n </div>\n </div>\n <div className=\"CardImageButtonsContainer\">\n <div className=\"CardImageButtonsGroup\">\n <a tabIndex={-1} className=\"cta-button\" href={encodeURI(buttonLink)}>\n <Button\n label={handleMaxChars(buttonLabel, 30)}\n variant={buttonVariant}\n compact={isCompact}\n onClick={() => handleOnClick(buttonLabel)}\n />\n </a>\n {optionalButton && optionalButtonLabel && optionalButtonLink && (\n <a tabIndex={-1} className=\"cta-button\" href={encodeURI(optionalButtonLink)}>\n <Button\n label={handleMaxChars(optionalButtonLabel, 30)}\n variant={optionalButtonVariant}\n compact={isCompact}\n onClick={() => handleOnClick(optionalButtonLabel)}\n />\n </a>\n )}\n </div>\n <InfoTextCardComponent\n infoText={infoText}\n infoTextSecond={infoTextSecond}\n infoTextThird={infoTextThird}\n className=\"infoText\"\n />\n </div>\n </div>\n <div className=\"CardImageMedia\">\n <div className=\"CardImagePicture\">\n <img src={cardImage} alt={altImageDescription} />\n </div>\n </div>\n </>\n );\n};\n\nexport default CardPhotoFixedComponent;\n"],"names":["label","title","subTitle","description","labelInfoFirst","labelInfoFirstText","labelInfoFirstVariant","labelInfoSecond","labelInfoSecondText","labelInfoSecondVariant","cardImage","altImageDescription","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","infoText","infoTextSecond","infoTextThird","isCompact","analyticsCallback","handleOnClick","useCallback","e","_jsxs","~~jsxs","~~_Fragment","~~Fragment","~~children","_jsx","className","Label","handleMaxChars","~~jsx","~~type","variant","tabIndex","href","encodeURI","Button","compact","onClick","InfoTextCardComponent","src","alt"],"mappings":"kVAOyD,~~EACvDA~~,~~MAAAA~~,EACAC,QACAC,WACAC,cACAC,iBACAC,qBACAC,wBACAC,kBACAC,sBACAC,yBACAC,YACAC,sBACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,WACAC,iBACAC,gBACAC,YACAC,wBAEA,MAAMC,EAAgBC,eACnBC,IACCH,SAAAA,EAAoBG,EAAE,GAExB,CAACH,IAGH,OACEI,~~EAAAC~~,KAAAC,~~EAAAC~~,SAAA,CAAAC,SAAA,CACEC,EAAAA,~~IAAK~~,MAAA,~~CAAAC~~,UAAU,~~0BACfN~~,~~EAAAC~~,KAAA,MAAA,~~CAAKK~~,UAAU,~~gBACbF~~,SAAA,~~CAAAJ~~,EAAAA,KAAA,MAAA,~~CAAKM~~,UAAU,~~kBACbF~~,SAAA,~~CAAAC~~,EAAAA,IAACE,EAAAA,~~MAAM~~,~~CAAAD~~,UAAU,~~iBAAiBjC~~,~~MAAOmC~~,~~iBAAenC~~,EAAO,MAC9DC,~~GAAS+B~~,EAAAA,~~IAAI~~,KAAA,~~CAAAC~~,UAAU,iBAAgBF,SAAEI,~~EAAcA~~,~~eAAClC~~,EAAO,MAC/DC,~~GAAY8B~~,~~EAAII~~,IAAA,KAAA,~~CAAAH~~,UAAU,mBAAkBF,SAAEI,EAAAA,~~eAAejC~~,EAAU,MACvEC,~~GACC6B~~,~~EAAAI~~,IAAA,MAAA,~~CAAKH~~,UAAU,~~6BACbF~~,~~SAAAC~~,EAAAA,IAAA,OAAA,CAAMC,UAAU,~~oBAAqBF~~,~~SAAAI~~,EAAAA,~~eAAehC~~,EAAa,QAGrEwB,EAAAA,KAAA,MAAA,~~CAAKM~~,UAAU,~~iBACZF~~,SAAA,~~CAAA3B~~,GAAkBC,~~GACjB2B~~,EAAAA,IAAA,MAAA,CAAAD,SACEC,~~MAACE~~,QAAK,~~CAACG~~,KAAK,UAAUC,~~QAAShC~~,EAAuBN,~~MAAOmC~~,EAAAA,~~eAAe9B~~,EAAoB,QAGnGE,GAAmBC,~~GAClBwB~~,~~MACE~~,MAAA,CAAAD,~~SAAAC~~,MAACE,EAAAA,~~MACC~~,~~CAAAG~~,KAAK,UACLC,~~QAAS7B~~,EACTT,~~MAAOmC~~,EAAAA,~~eAAe3B~~,EAAqB,cAMrDmB,EAAAA,KAAA,MAAA,~~CAAKM~~,UAAU,~~4BACbF~~,SAAA,~~CAAAJ~~,EAAAA,KAAA,MAAA,~~CAAKM~~,UAAU,~~wBACbF~~,SAAA,~~CAAAC~~,MAAA,IAAA,~~CAAGO~~,~~YAAcN~~,UAAU,~~aAAaO~~,KAAMC,~~UAAU7B~~,~~YACtDoB~~,~~MAACU~~,EAAAA,~~OACC~~,~~CAAA1C~~,~~MAAOmC~~,~~iBAAetB~~,EAAa,~~IACnCyB~~,~~QAASxB~~,~~EACT6B~~,~~QAASrB~~,~~EACTsB~~,QAAS,~~IAAMpB~~,EAAcX,OAGhCE,GAAkBE,GAAuBD,~~GACxCgB~~,EAAAA,~~SAAGO~~,UAAU,~~EAAIN~~,UAAU,~~aAAaO~~,KAAMC,~~UAAUzB~~,~~GACtDe~~,~~SAAAC~~,EAAAA,~~IAACU~~,EAAAA,OAAM,~~CACL1C~~,~~MAAOmC~~,EAAAA,~~eAAelB~~,EAAqB,~~IAC3CqB~~,~~QAASpB~~,~~EACTyB~~,~~QAASrB~~,~~EACTsB~~,QAAS,~~IAAMpB~~,EAAcP,~~UAKrCe~~,~~MAACa~~,EAAAA,~~QACC~~,~~CAAA1B~~,SAAUA,EACVC,eAAgBA,EAChBC,cAAeA,~~EACfY~~,UAAU,mBAIhBD,~~MAAK~~,MAAA,~~CAAAC~~,UAAU,iBAAgBF,SAC7BC,~~EAAKI~~,IAAA,MAAA,~~CAAAH~~,UAAU,mBAAkBF,SAC/BC,~~MAAK~~,MAAA,~~CAAAc~~,~~IAAKpC~~,~~EAAWqC~~,~~IAAKpC~~,UAG7B"}
1	+ {"version":3,"file":"cardPhotoFixedComponent.js","sources":["../../../../../src/organisms/cardPhotoFixed/cardPhotoFixedComponent.tsx"],"sourcesContent":["import { useCallback, FC } from 'react';\nimport { CardPhotoFixedProps } from '.';\nimport { Label } from '../../components/label';\nimport { Button } from '../../components/button';\nimport InfoTextCardComponent from '../common/infoTextCardComponent/infoTextCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\n\nconst CardPhotoFixedComponent: FC<CardPhotoFixedProps> = ({\n label,\n title,\n subTitle,\n description,\n labelInfoFirst,\n labelInfoFirstText,\n labelInfoFirstVariant,\n labelInfoSecond,\n labelInfoSecondText,\n labelInfoSecondVariant,\n cardImage,\n altImageDescription,\n buttonLink,\n buttonLabel,\n buttonVariant,\n optionalButton,\n optionalButtonLink,\n optionalButtonLabel,\n optionalButtonVariant,\n infoText,\n infoTextSecond,\n infoTextThird,\n isCompact,\n analyticsCallback,\n}) => {\n const handleOnClick = useCallback(\n (e: string) => {\n analyticsCallback?.(e);\n },\n [analyticsCallback],\n );\n\n return (\n <>\n <div className=\"CardImageOverlayTheme\"></div>\n <div className=\"CardImageText\">\n <div className=\"CardImageHeader\">\n <Label className=\"CardImageLabel\" label={handleMaxChars(label, 30)}></Label>\n {title && <h2 className=\"CardImageTitle\">{handleMaxChars(title, 35)}</h2>}\n {subTitle && <h4 className=\"VehicleEquipment\">{handleMaxChars(subTitle, 20)}</h4>}\n {description && (\n <div className=\"CardImageSubtitleContainer\">\n <span className=\"CardImageSubtitle\">{handleMaxChars(description, 50)}</span>\n </div>\n )}\n <div className=\"LabelsOptional\">\n {labelInfoFirst && labelInfoFirstText && (\n <div>\n <Label type=\"feature\" variant={labelInfoFirstVariant} label={handleMaxChars(labelInfoFirstText, 30)} />\n </div>\n )}\n {labelInfoSecond && labelInfoSecondText && (\n <div>\n <Label\n type=\"feature\"\n variant={labelInfoSecondVariant}\n label={handleMaxChars(labelInfoSecondText, 30)}\n />\n </div>\n )}\n </div>\n </div>\n <div className=\"CardImageButtonsContainer\">\n <div className=\"CardImageButtonsGroup\">\n <a tabIndex={-1} className=\"cta-button\" href={encodeURI(buttonLink)}>\n <Button\n label={handleMaxChars(buttonLabel, 30)}\n variant={buttonVariant}\n compact={isCompact}\n onClick={() => handleOnClick(buttonLabel)}\n />\n </a>\n {optionalButton && optionalButtonLabel && optionalButtonLink && (\n <a tabIndex={-1} className=\"cta-button\" href={encodeURI(optionalButtonLink)}>\n <Button\n label={handleMaxChars(optionalButtonLabel, 30)}\n variant={optionalButtonVariant}\n compact={isCompact}\n onClick={() => handleOnClick(optionalButtonLabel)}\n />\n </a>\n )}\n </div>\n <InfoTextCardComponent\n infoText={infoText}\n infoTextSecond={infoTextSecond}\n infoTextThird={infoTextThird}\n className=\"infoText\"\n />\n </div>\n </div>\n <div className=\"CardImageMedia\">\n <div className=\"CardImagePicture\">\n <img src={cardImage} alt={altImageDescription} />\n </div>\n </div>\n </>\n );\n};\n\nexport default CardPhotoFixedComponent;\n"],"names":["label","title","subTitle","description","labelInfoFirst","labelInfoFirstText","labelInfoFirstVariant","labelInfoSecond","labelInfoSecondText","labelInfoSecondVariant","cardImage","altImageDescription","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","infoText","infoTextSecond","infoTextThird","isCompact","analyticsCallback","handleOnClick","useCallback","e","_jsxs","_Fragment","children","_jsx","className","Label","handleMaxChars","type","variant","tabIndex","href","encodeURI","Button","compact","onClick","InfoTextCardComponent","src","alt"],"mappings":"kVAOyD,EAACA,MACxDA,EACAC,QACAC,WACAC,cACAC,iBACAC,qBACAC,wBACAC,kBACAC,sBACAC,yBACAC,YACAC,sBACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,WACAC,iBACAC,gBACAC,YACAC,wBAEA,MAAMC,EAAgBC,eACnBC,IACCH,SAAAA,EAAoBG,EAAE,GAExB,CAACH,IAGH,OACEI,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,EAAAA,IAAA,MAAA,CAAKC,UAAU,0BACfJ,EAAAA,KAAA,MAAA,CAAKI,UAAU,gBAAeF,SAAA,CAC5BF,EAAAA,KAAA,MAAA,CAAKI,UAAU,kBAAiBF,SAAA,CAC9BC,EAAAA,IAACE,EAAAA,MAAK,CAACD,UAAU,iBAAiB/B,MAAOiC,iBAAejC,EAAO,MAC9DC,GAAS6B,EAAAA,IAAA,KAAA,CAAIC,UAAU,iBAAgBF,SAAEI,EAAAA,eAAehC,EAAO,MAC/DC,GAAY4B,EAAAA,IAAA,KAAA,CAAIC,UAAU,mBAAkBF,SAAEI,EAAAA,eAAe/B,EAAU,MACvEC,GACC2B,EAAAA,IAAA,MAAA,CAAKC,UAAU,6BAA4BF,SACzCC,EAAAA,IAAA,OAAA,CAAMC,UAAU,oBAAmBF,SAAEI,EAAAA,eAAe9B,EAAa,QAGrEwB,EAAAA,KAAA,MAAA,CAAKI,UAAU,iBAAgBF,SAAA,CAC5BzB,GAAkBC,GACjByB,EAAAA,IAAA,MAAA,CAAAD,SACEC,EAAAA,IAACE,QAAK,CAACE,KAAK,UAAUC,QAAS7B,EAAuBN,MAAOiC,EAAAA,eAAe5B,EAAoB,QAGnGE,GAAmBC,GAClBsB,MAAA,MAAA,CAAAD,SACEC,MAACE,EAAAA,MAAK,CACJE,KAAK,UACLC,QAAS1B,EACTT,MAAOiC,EAAAA,eAAezB,EAAqB,cAMrDmB,EAAAA,KAAA,MAAA,CAAKI,UAAU,4BAA2BF,SAAA,CACxCF,EAAAA,KAAA,MAAA,CAAKI,UAAU,wBAAuBF,SAAA,CACpCC,MAAA,IAAA,CAAGM,YAAcL,UAAU,aAAaM,KAAMC,UAAU1B,YACtDkB,MAACS,EAAAA,OAAM,CACLvC,MAAOiC,iBAAepB,EAAa,IACnCsB,QAASrB,EACT0B,QAASlB,EACTmB,QAAS,IAAMjB,EAAcX,OAGhCE,GAAkBE,GAAuBD,GACxCc,EAAAA,SAAGM,UAAU,EAAIL,UAAU,aAAaM,KAAMC,UAAUtB,GAAmBa,SACzEC,EAAAA,IAACS,EAAAA,OAAM,CACLvC,MAAOiC,EAAAA,eAAehB,EAAqB,IAC3CkB,QAASjB,EACTsB,QAASlB,EACTmB,QAAS,IAAMjB,EAAcP,UAKrCa,MAACY,EAAAA,QAAqB,CACpBvB,SAAUA,EACVC,eAAgBA,EAChBC,cAAeA,EACfU,UAAU,mBAIhBD,MAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC7BC,EAAAA,IAAA,MAAA,CAAKC,UAAU,mBAAkBF,SAC/BC,MAAA,MAAA,CAAKa,IAAKjC,EAAWkC,IAAKjC,UAG7B"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"cardPromoVehicle.js","sources":["../../../../../src/organisms/cardPromoVehicle/cardPromoVehicle.tsx"],"sourcesContent":["import { FC, HTMLAttributes, ReactNode } from 'react';\nimport CardPromoVehicleComponent from './cardPromoVehicleComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { ButtonVariants } from '../../components/button';\nimport { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface CardPromoVehicleProps extends HTMLAttributes<HTMLDivElement> {\n /\n Label text\n /\n label: string;\n /\n Variants of the label\n /\n labelVariant: 'general' \| 'feature';\n /\n Vehicle name text\n /\n vehicleName?: string;\n /\n Vehicle equipment text\n /\n equipment?: string;\n /\n Description text\n /\n description?: string;\n /\n First label information label text. If this prop is empty, the label isn't showing\n /\n labelInfoFirstText?: string;\n /\n First label variant\n /\n labelInfoFirstVariant?: 'primary' \| 'neutral';\n /\n Second label text. If this prop is empty, the label isn't showing\n /\n labelInfoSecondText?: string;\n /\n Second label variant\n /\n labelInfoSecondVariant?: 'primary' \| 'neutral';\n /\n If the main image is not found this image will be used.\n /\n image?: string;\n /\n The source of the onError image.\n /\n fallbackImage?: string;\n /\n Alternative description Image\n /\n altDescriptionImage?: string;\n /\n Mandatory button object. The button is displayed if the label text is present\n /\n mandatoryButtonObject?: {\n label?: string;\n variant?: ButtonVariants;\n url?: string;\n target?: string;\n callback?: (payload?: any) => void;\n callbackAnalytics?: (payload?: any) => void;\n };\n\n /\n Optional button object. The button is displayed if the label text is present\n /\n optionalButtonObject?: {\n label?: string;\n variant?: ButtonVariants;\n url?: string;\n target?: string;\n callback?: (payload?: any) => void;\n callbackAnalytics?: (payload?: any) => void;\n };\n /\n If true borderRadius was added to entire card\n /\n isBorderRadius?: boolean;\n /\n Set element's opacity.\n /\n darkOpacityLayer: DarkOpacity;\n /\n Set element's opacity.\n /\n lightOpacityLayer: LightOpacity;\n /\n if true, dropdownMenu is showing\n /\n isMenuDropdown: boolean;\n /\n Height size of the component\n /\n size?: 'fixed' \| 'adjustable';\n /\n Info text\n /\n infoText?: string;\n /\n Info text second position text\n /\n infoTextSecond?: string;\n /\n info text third position text\n /\n infoTextThird?: string;\n /\n Custom Info accept react node element\n /\n customInfo?: ReactNode;\n /\n Uses for setting button size based on screensize\n /\n isCompact?: boolean;\n /\n MenuCardComponent props.\n /\n menuCardComponentProps?: MenuCardComponentProps;\n}\n\n/\n @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPromoVehicle: FC<CardPromoVehicleProps> = (props) => {\n return (\n <CardStandardWrapperStyled isBorderRadius={props.isBorderRadius} size={props.size}>\n <CardPromoVehicleComponent isCompact={true} {...props} />\n </CardStandardWrapperStyled>\n );\n};\n"],"names":["props","_jsx","~~jsx","~~CardStandardWrapperStyled","isBorderRadius","size","children","CardPromoVehicleComponent","Object","assign","isCompact"],"mappings":"gLAyI4DA,GAExDC,~~EAACC~~,~~IAAAC~~,~~EAAyBA~~,~~0BAAC~~,~~CAAAC~~,~~eAAgBJ~~,~~EAAMI~~,eAAgBC,~~KAAML~~,~~EAAMK~~,~~KAC3EC~~,~~SAAAL~~,EAAAA,~~IAACM~~,~~EAAyBA~~,~~0BAAAC~~,OAAAC,OAAA,CAACC,WAAW,~~GAAUV~~"}
1	+ {"version":3,"file":"cardPromoVehicle.js","sources":["../../../../../src/organisms/cardPromoVehicle/cardPromoVehicle.tsx"],"sourcesContent":["import { FC, HTMLAttributes, ReactNode } from 'react';\nimport CardPromoVehicleComponent from './cardPromoVehicleComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { ButtonVariants } from '../../components/button';\nimport { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface CardPromoVehicleProps extends HTMLAttributes<HTMLDivElement> {\n /\n Label text\n /\n label: string;\n /\n Variants of the label\n /\n labelVariant: 'general' \| 'feature';\n /\n Vehicle name text\n /\n vehicleName?: string;\n /\n Vehicle equipment text\n /\n equipment?: string;\n /\n Description text\n /\n description?: string;\n /\n First label information label text. If this prop is empty, the label isn't showing\n /\n labelInfoFirstText?: string;\n /\n First label variant\n /\n labelInfoFirstVariant?: 'primary' \| 'neutral';\n /\n Second label text. If this prop is empty, the label isn't showing\n /\n labelInfoSecondText?: string;\n /\n Second label variant\n /\n labelInfoSecondVariant?: 'primary' \| 'neutral';\n /\n If the main image is not found this image will be used.\n /\n image?: string;\n /\n The source of the onError image.\n /\n fallbackImage?: string;\n /\n Alternative description Image\n /\n altDescriptionImage?: string;\n /\n Mandatory button object. The button is displayed if the label text is present\n /\n mandatoryButtonObject?: {\n label?: string;\n variant?: ButtonVariants;\n url?: string;\n target?: string;\n callback?: (payload?: any) => void;\n callbackAnalytics?: (payload?: any) => void;\n };\n\n /\n Optional button object. The button is displayed if the label text is present\n /\n optionalButtonObject?: {\n label?: string;\n variant?: ButtonVariants;\n url?: string;\n target?: string;\n callback?: (payload?: any) => void;\n callbackAnalytics?: (payload?: any) => void;\n };\n /\n If true borderRadius was added to entire card\n /\n isBorderRadius?: boolean;\n /\n Set element's opacity.\n /\n darkOpacityLayer: DarkOpacity;\n /\n Set element's opacity.\n /\n lightOpacityLayer: LightOpacity;\n /\n if true, dropdownMenu is showing\n /\n isMenuDropdown: boolean;\n /\n Height size of the component\n /\n size?: 'fixed' \| 'adjustable';\n /\n Info text\n /\n infoText?: string;\n /\n Info text second position text\n /\n infoTextSecond?: string;\n /\n info text third position text\n /\n infoTextThird?: string;\n /\n Custom Info accept react node element\n /\n customInfo?: ReactNode;\n /\n Uses for setting button size based on screensize\n /\n isCompact?: boolean;\n /\n MenuCardComponent props.\n /\n menuCardComponentProps?: MenuCardComponentProps;\n}\n\n/\n @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPromoVehicle: FC<CardPromoVehicleProps> = (props) => {\n return (\n <CardStandardWrapperStyled isBorderRadius={props.isBorderRadius} size={props.size}>\n <CardPromoVehicleComponent isCompact={true} {...props} />\n </CardStandardWrapperStyled>\n );\n};\n"],"names":["props","_jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardPromoVehicleComponent","Object","assign","isCompact"],"mappings":"gLAyI4DA,GAExDC,EAAAA,IAACC,EAAAA,0BAAyB,CAACC,eAAgBH,EAAMG,eAAgBC,KAAMJ,EAAMI,KAAIC,SAC/EJ,EAAAA,IAACK,EAAAA,0BAAyBC,OAAAC,OAAA,CAACC,WAAW,GAAUT"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"cardPromoVehicleComponent.js","sources":["../../../../../src/organisms/cardPromoVehicle/cardPromoVehicleComponent.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { Label } from '../../components/label';\nimport { CardPromoVehicleProps } from './cardPromoVehicle';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport InfoTextCardComponent from '../common/infoTextCardComponent/infoTextCardComponent';\nimport { Card as MuiCard, CardProps as MuiCardProps, Theme, styled } from '@mui/material';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\n\nexport const CardPromoVehicleComponent: FC<CardPromoVehicleProps> = ({\n label,\n labelVariant,\n vehicleName,\n equipment,\n image,\n altDescriptionImage,\n mandatoryButtonObject,\n optionalButtonObject,\n darkOpacityLayer,\n lightOpacityLayer,\n menuCardComponentProps,\n isMenuDropdown,\n infoText,\n infoTextSecond,\n infoTextThird,\n customInfo,\n description,\n labelInfoFirstVariant,\n labelInfoFirstText,\n labelInfoSecondVariant,\n labelInfoSecondText,\n isCompact,\n size,\n fallbackImage,\n}) => {\n return (\n <CardPromoVehicleComponentStyled\n size={size}\n darkOpacityLayer={darkOpacityLayer}\n lightOpacityLayer={lightOpacityLayer}\n >\n <div className=\"CardImageOverlayTheme\"></div>\n <div className=\"promoVehicleContainerPadding\">\n <div className=\"promoVehicleContainer\">\n <div className=\"vehicleTitleContainer\">\n {label &&\n (labelVariant === 'feature' ? (\n <Label type=\"feature\" className=\"CardImageLabelFeature\" variant=\"primary\">\n {handleMaxChars(label, 30)}\n </Label>\n ) : (\n <Label className=\"CardImageLabel\" label={handleMaxChars(label, 30)}></Label>\n ))}\n {vehicleName && (\n <h2 style={{ margin: 0 }} className=\"vehicleName\">\n {handleMaxChars(vehicleName, 20)}\n </h2>\n )}\n {equipment && (\n <h4 style={{ margin: 0 }} className=\"vehicleEquipment\">\n {handleMaxChars(equipment, 20)}\n </h4>\n )}\n {description && (\n <div className=\"CardImageSubtitleContainer\">\n <span className=\"CardImageSubtitle\">{handleMaxChars(description, 50)}</span>\n </div>\n )}\n <div className=\"LabelsOptional\">\n {labelInfoFirstText && (\n <div>\n <Label\n type=\"feature\"\n variant={labelInfoFirstVariant}\n label={handleMaxChars(labelInfoFirstText, 30)}\n />\n </div>\n )}\n {labelInfoSecondText && (\n <div>\n <Label\n type=\"feature\"\n variant={labelInfoSecondVariant}\n label={handleMaxChars(labelInfoSecondText, 30)}\n />\n </div>\n )}\n </div>\n </div>\n <div className=\"promoVehicleImage\">\n <ImageComponent image={image} alt={altDescriptionImage} fallbackImage={fallbackImage} />\n </div>\n <div className=\"promoVehicleInfo\">\n <div className=\"promoVehicleButtons\">\n {mandatoryButtonObject?.label && (\n <ButtonCardComponent\n className=\"button-component\"\n buttonObject={mandatoryButtonObject}\n compact={isCompact}\n />\n )}\n {optionalButtonObject?.label && (\n <ButtonCardComponent\n className=\"button-component\"\n buttonObject={optionalButtonObject}\n compact={isCompact}\n />\n )}\n </div>\n {customInfo ? (\n <div className=\"infoText\">{customInfo}</div>\n ) : (\n <InfoTextCardComponent\n infoText={infoText}\n infoTextSecond={infoTextSecond}\n infoTextThird={infoTextThird}\n className=\"infoText\"\n />\n )}\n </div>\n {isMenuDropdown && <MenuCardComponent {...menuCardComponentProps} />}\n </div>\n </div>\n </CardPromoVehicleComponentStyled>\n );\n};\n\nexport default CardPromoVehicleComponent;\n\nconst handleOpacity = (darkOpacityLayer?: string, lightOpacityLayer?: string): string => {\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};\n\nconst handleTextColor = (darkOpacityLayer?: string, lightOpacityLayer?: string, theme?: Theme): string => {\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 } else color = theme.palette.text.primary;\n return color;\n};\n\n/*\n @description cardPromoVehicleComponent styling definition based on props\n */\n\nconst CardPromoVehicleComponentStyled = styled(MuiCard, {\n shouldForwardProp: (prop) => prop !== 'darkOpacityLayer' && prop !== 'lightOpacityLayer' && prop !== 'size',\n})<MuiCardProps & { darkOpacityLayer?: string; lightOpacityLayer?: string; size?: string }>(({ theme, ...props }) => {\n const opacityLayer = handleOpacity(props.darkOpacityLayer, props.lightOpacityLayer);\n const textColor = handleTextColor(props.darkOpacityLayer, props.lightOpacityLayer, theme);\n let style = {};\n\n style = {\n position: 'relative',\n width: '100%',\n padding: '24px',\n backgroundColor: theme.palette.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\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\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"],"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","_jsx","className","children","jsxs","Label","type","variant","handleMaxChars","style","margin","jsx","ImageComponent","default","alt","ButtonCardComponent","buttonObject","compact","InfoTextCardComponent","MenuCardComponent","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","palette","text","primary","onSurface","os0","handleTextColor","position","width","padding","backgroundColor","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 { FC } from 'react';\nimport { Label } from '../../components/label';\nimport { CardPromoVehicleProps } from './cardPromoVehicle';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport InfoTextCardComponent from '../common/infoTextCardComponent/infoTextCardComponent';\nimport { Card as MuiCard, CardProps as MuiCardProps, Theme, styled } from '@mui/material';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\n\nexport const CardPromoVehicleComponent: FC<CardPromoVehicleProps> = ({\n label,\n labelVariant,\n vehicleName,\n equipment,\n image,\n altDescriptionImage,\n mandatoryButtonObject,\n optionalButtonObject,\n darkOpacityLayer,\n lightOpacityLayer,\n menuCardComponentProps,\n isMenuDropdown,\n infoText,\n infoTextSecond,\n infoTextThird,\n customInfo,\n description,\n labelInfoFirstVariant,\n labelInfoFirstText,\n labelInfoSecondVariant,\n labelInfoSecondText,\n isCompact,\n size,\n fallbackImage,\n}) => {\n return (\n <CardPromoVehicleComponentStyled\n size={size}\n darkOpacityLayer={darkOpacityLayer}\n lightOpacityLayer={lightOpacityLayer}\n >\n <div className=\"CardImageOverlayTheme\"></div>\n <div className=\"promoVehicleContainerPadding\">\n <div className=\"promoVehicleContainer\">\n <div className=\"vehicleTitleContainer\">\n {label &&\n (labelVariant === 'feature' ? (\n <Label type=\"feature\" className=\"CardImageLabelFeature\" variant=\"primary\">\n {handleMaxChars(label, 30)}\n </Label>\n ) : (\n <Label className=\"CardImageLabel\" label={handleMaxChars(label, 30)}></Label>\n ))}\n {vehicleName && (\n <h2 style={{ margin: 0 }} className=\"vehicleName\">\n {handleMaxChars(vehicleName, 20)}\n </h2>\n )}\n {equipment && (\n <h4 style={{ margin: 0 }} className=\"vehicleEquipment\">\n {handleMaxChars(equipment, 20)}\n </h4>\n )}\n {description && (\n <div className=\"CardImageSubtitleContainer\">\n <span className=\"CardImageSubtitle\">{handleMaxChars(description, 50)}</span>\n </div>\n )}\n <div className=\"LabelsOptional\">\n {labelInfoFirstText && (\n <div>\n <Label\n type=\"feature\"\n variant={labelInfoFirstVariant}\n label={handleMaxChars(labelInfoFirstText, 30)}\n />\n </div>\n )}\n {labelInfoSecondText && (\n <div>\n <Label\n type=\"feature\"\n variant={labelInfoSecondVariant}\n label={handleMaxChars(labelInfoSecondText, 30)}\n />\n </div>\n )}\n </div>\n </div>\n <div className=\"promoVehicleImage\">\n <ImageComponent image={image} alt={altDescriptionImage} fallbackImage={fallbackImage} />\n </div>\n <div className=\"promoVehicleInfo\">\n <div className=\"promoVehicleButtons\">\n {mandatoryButtonObject?.label && (\n <ButtonCardComponent\n className=\"button-component\"\n buttonObject={mandatoryButtonObject}\n compact={isCompact}\n />\n )}\n {optionalButtonObject?.label && (\n <ButtonCardComponent\n className=\"button-component\"\n buttonObject={optionalButtonObject}\n compact={isCompact}\n />\n )}\n </div>\n {customInfo ? (\n <div className=\"infoText\">{customInfo}</div>\n ) : (\n <InfoTextCardComponent\n infoText={infoText}\n infoTextSecond={infoTextSecond}\n infoTextThird={infoTextThird}\n className=\"infoText\"\n />\n )}\n </div>\n {isMenuDropdown && <MenuCardComponent {...menuCardComponentProps} />}\n </div>\n </div>\n </CardPromoVehicleComponentStyled>\n );\n};\n\nexport default CardPromoVehicleComponent;\n\nconst handleOpacity = (darkOpacityLayer?: string, lightOpacityLayer?: string): string => {\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};\n\nconst handleTextColor = (darkOpacityLayer?: string, lightOpacityLayer?: string, theme?: Theme): string => {\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 } else color = theme.palette.text.primary;\n return color;\n};\n\n/*\n @description cardPromoVehicleComponent styling definition based on props\n */\n\nconst CardPromoVehicleComponentStyled = styled(MuiCard, {\n shouldForwardProp: (prop) => prop !== 'darkOpacityLayer' && prop !== 'lightOpacityLayer' && prop !== 'size',\n})<MuiCardProps & { darkOpacityLayer?: string; lightOpacityLayer?: string; size?: string }>(({ theme, ...props }) => {\n const opacityLayer = handleOpacity(props.darkOpacityLayer, props.lightOpacityLayer);\n const textColor = handleTextColor(props.darkOpacityLayer, props.lightOpacityLayer, theme);\n let style = {};\n\n style = {\n position: 'relative',\n width: '100%',\n padding: '24px',\n backgroundColor: theme.palette.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\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\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"],"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","_jsx","className","children","Label","type","variant","handleMaxChars","style","margin","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","InfoTextCardComponent","MenuCardComponent","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","palette","text","primary","onSurface","os0","handleTextColor","position","width","padding","backgroundColor","transparent","display","flexWrap","zIndex","marginTop","breakpoints","up","height","justifyContent","minHeight","maxWidth","maxHeight","objectFit","overflow","flexDirection","boxSizing","fontSize","lineHeight","marginLeft","marginBottom","whiteSpace","textOverflow","alignItems","gap","alignSelf","fontWeight","span","top","right","background"],"mappings":"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"}

package/cjs/organisms/cardTypeOnly/cardTypeOnly.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cardTypeOnly.js","sources":["../../../../../src/organisms/cardTypeOnly/cardTypeOnly.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { Card as MuiCard, CardProps as MuiCardProps, styled } from '@mui/material';\nimport CardTypeOnlyComponent from './cardTypeOnlyComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface CardTypeOnlyProps extends HTMLAttributes<HTMLDivElement> {\n /\n If true borderRadius was added to entire card\n /\n isBorderRadius?: boolean;\n\n /\n Text is showing if the card configurator is empty\n /\n cardTypeOnlyText?: string;\n /\n Mandatory button object. The button is displayed if the label text is present\n /\n mandatoryButtonObject?: {\n label?: string;\n variant?: ButtonVariants;\n url?: string;\n target?: string;\n callback?: (payload?: any) => void;\n callbackAnalytics?: (payload?: any) => void;\n };\n\n /\n Optional button object. The button is displayed if the label text is present\n /\n optionalButtonObject?: {\n label?: string;\n variant?: ButtonVariants;\n url?: string;\n target?: string;\n callback?: (payload?: any) => void;\n callbackAnalytics?: (payload?: any) => void;\n };\n\n /\n A dark gradient layer was added\n /\n darkOpacity?: DarkOpacity;\n\n /\n A light gradient layer was added\n /\n lightOpacity?: LightOpacity;\n\n /\n Uses for setting button size based on screensize\n /\n isCompact?: boolean;\n}\n\n/\n @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const CardTypeOnly = forwardRef<HTMLDivElement, CardTypeOnlyProps>((props, ref) => {\n return (\n <CardStandardWrapperStyled isBorderRadius={props.isBorderRadius} ref={ref}>\n <CardTypeOnlyStyled>\n <CardTypeOnlyComponent isCompact={true} {...props} />\n </CardTypeOnlyStyled>\n </CardStandardWrapperStyled>\n );\n});\n\n/\n @description Hero Image Card styling definition based on props\n */\nconst CardTypeOnlyStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n width: 100%;\n box-shadow: none;\n background-color: #f6f7f8ff !important;\n padding: 24px;\n min-height: 300px;\n ${(props) => {\n if (props.children.props.emptyCardText) {\n return 'background-image: none';\n }\n }};\n background-repeat: no-repeat, repeat;\n background-color: ${(props) => {\n return props.theme.palette.onSurface.os0;\n }};\n\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.text.primary;\n } else if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.onSurface.os0;\n }\n }};\n\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n }}\n\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n }}\n\t.CardImageText {\n text-align: center;\n ${(props) => {\n if (props.children.props.cardTypeOnlyText) {\n return 'justify-content: center';\n }\n }};\n .CardImageSubtitle {\n font-size: 16px;\n line-height: 24px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n font-size: 18px;\n line-height: 28px;\n }\n }\n .emptyCardText {\n align-self: center;\n margin-bottom: 17px;\n }\n }\n .CardImageButtonsContainerContent {\n display: flex;\n justify-content: space-between;\n width: 100%;\n flex-direction: column-reverse;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n }\n }\n .CardImageButtonsContainer {\n display: flex;\n justify-content: space-between;\n width: 100%;\n }\n .CardImageButtons {\n justify-content: center;\n gap: 12px 16px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n flex-wrap: wrap;\n }\n .button-component {\n width: 100%;\n div {\n width: 100%;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n font-size: 14px;\n }\n }\n }\n .CardImageOverlayTheme {\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n }};\n\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n }}\n }\n`;\n"],"names":["CardTypeOnly","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","children","CardTypeOnlyStyled","CardTypeOnlyComponent","Object","assign","isCompact","styled","MuiCard","emptyCardText","theme","palette","onSurface","os0","lightOpacity","darkOpacity","text","primary","shape","borderRadius","cardTypeOnlyText","breakpoints","values","xl","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"~~uOAsEa~~,~~MAAAA~~,EAAeC,~~EAAUA~~,~~YAAoC~~,CAACC,EAAOC,IAE9EC,MAACC,EAAAA,0BAAyB,CAACC,eAAgBJ,EAAMI,eAAgBH,IAAKA,EAAGI,SACvEH,EAAAA,IAACI,~~EACC~~,CAAAD,~~SAAAH~~,MAACK,EAAAA,QAAqBC,OAAAC,OAAA,CAACC,WAAW,GAAUV,UAS9CM,EAAqBK,EAAAA,OAAOC,EAAAA,KAAwD;;;;;;IAMrFZ,IACD,GAAIA,EAAMK,SAASL,MAAMa,cACvB,MAAO;;~~sBAIUb~~,GACZA,EAAMc,MAAMC,QAAQC,UAAUC;;WAG7BjB,GACkC,aAAtCA,EAAMK,SAASL,MAAMkB,cAAoE,aAArClB,EAAMK,SAASL,MAAMmB,YACpEnB,EAAMc,MAAMC,QAAQK,KAAKC,QACc,aAArCrB,EAAMK,SAASL,MAAMmB,YACvBnB,EAAMc,MAAMC,QAAQC,UAAUC,SADhC;;IAKNjB,IACD,GAAIA,EAAMc,MAAMQ,MAAMC,aACpB,MAAO;;~~IAIRvB~~,IACD,GAAIA,EAAMK,SAASL,MAAMI,eACvB,MAAO;;;~~MAKNJ~~,IACD,GAAIA,EAAMK,SAASL,MAAMwB,iBACvB,MAAO;;;;~~2BAMaxB~~,GAAUA,EAAMc,MAAMW,YAAYC,OAAOC;;;;;;;;;;;;;;;yBAe3C3B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;;;;;;yBAYzC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;;;2BASvC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;2BAGzC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;MAO9D5B,GACM6B,EAAAA,iCAAiC7B,EAAMK,SAASL,MAAMkB,aAAc;;MAG1ElB,GACM8B,EAAAA,gCAAgC9B,EAAMK,SAASL,MAAMmB,YAAa;;"}
1	+ {"version":3,"file":"cardTypeOnly.js","sources":["../../../../../src/organisms/cardTypeOnly/cardTypeOnly.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { Card as MuiCard, CardProps as MuiCardProps, styled } from '@mui/material';\nimport CardTypeOnlyComponent from './cardTypeOnlyComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface CardTypeOnlyProps extends HTMLAttributes<HTMLDivElement> {\n /\n If true borderRadius was added to entire card\n /\n isBorderRadius?: boolean;\n\n /\n Text is showing if the card configurator is empty\n /\n cardTypeOnlyText?: string;\n /\n Mandatory button object. The button is displayed if the label text is present\n /\n mandatoryButtonObject?: {\n label?: string;\n variant?: ButtonVariants;\n url?: string;\n target?: string;\n callback?: (payload?: any) => void;\n callbackAnalytics?: (payload?: any) => void;\n };\n\n /\n Optional button object. The button is displayed if the label text is present\n /\n optionalButtonObject?: {\n label?: string;\n variant?: ButtonVariants;\n url?: string;\n target?: string;\n callback?: (payload?: any) => void;\n callbackAnalytics?: (payload?: any) => void;\n };\n\n /\n A dark gradient layer was added\n /\n darkOpacity?: DarkOpacity;\n\n /\n A light gradient layer was added\n /\n lightOpacity?: LightOpacity;\n\n /\n Uses for setting button size based on screensize\n /\n isCompact?: boolean;\n}\n\n/\n @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const CardTypeOnly = forwardRef<HTMLDivElement, CardTypeOnlyProps>((props, ref) => {\n return (\n <CardStandardWrapperStyled isBorderRadius={props.isBorderRadius} ref={ref}>\n <CardTypeOnlyStyled>\n <CardTypeOnlyComponent isCompact={true} {...props} />\n </CardTypeOnlyStyled>\n </CardStandardWrapperStyled>\n );\n});\n\n/\n @description Hero Image Card styling definition based on props\n */\nconst CardTypeOnlyStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n width: 100%;\n box-shadow: none;\n background-color: #f6f7f8ff !important;\n padding: 24px;\n min-height: 300px;\n ${(props) => {\n if (props.children.props.emptyCardText) {\n return 'background-image: none';\n }\n }};\n background-repeat: no-repeat, repeat;\n background-color: ${(props) => {\n return props.theme.palette.onSurface.os0;\n }};\n\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.text.primary;\n } else if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.onSurface.os0;\n }\n }};\n\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n }}\n\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n }}\n\t.CardImageText {\n text-align: center;\n ${(props) => {\n if (props.children.props.cardTypeOnlyText) {\n return 'justify-content: center';\n }\n }};\n .CardImageSubtitle {\n font-size: 16px;\n line-height: 24px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n font-size: 18px;\n line-height: 28px;\n }\n }\n .emptyCardText {\n align-self: center;\n margin-bottom: 17px;\n }\n }\n .CardImageButtonsContainerContent {\n display: flex;\n justify-content: space-between;\n width: 100%;\n flex-direction: column-reverse;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n }\n }\n .CardImageButtonsContainer {\n display: flex;\n justify-content: space-between;\n width: 100%;\n }\n .CardImageButtons {\n justify-content: center;\n gap: 12px 16px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n flex-wrap: wrap;\n }\n .button-component {\n width: 100%;\n div {\n width: 100%;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n font-size: 14px;\n }\n }\n }\n .CardImageOverlayTheme {\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n }};\n\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n }}\n }\n`;\n"],"names":["CardTypeOnly","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","children","CardTypeOnlyStyled","CardTypeOnlyComponent","Object","assign","isCompact","styled","MuiCard","emptyCardText","theme","palette","onSurface","os0","lightOpacity","darkOpacity","text","primary","shape","borderRadius","cardTypeOnlyText","breakpoints","values","xl","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"uOAsEO,MAAMA,EAAeC,EAAAA,YAA8C,CAACC,EAAOC,IAE9EC,MAACC,EAAAA,0BAAyB,CAACC,eAAgBJ,EAAMI,eAAgBH,IAAKA,EAAGI,SACvEH,EAAAA,IAACI,EAAkB,CAAAD,SACjBH,MAACK,EAAAA,QAAqBC,OAAAC,OAAA,CAACC,WAAW,GAAUV,UAS9CM,EAAqBK,EAAAA,OAAOC,EAAAA,KAAwD;;;;;;IAMrFZ,IACD,GAAIA,EAAMK,SAASL,MAAMa,cACvB,MAAO,wBACT;;sBAGmBb,GACZA,EAAMc,MAAMC,QAAQC,UAAUC;;WAG7BjB,GACkC,aAAtCA,EAAMK,SAASL,MAAMkB,cAAoE,aAArClB,EAAMK,SAASL,MAAMmB,YACpEnB,EAAMc,MAAMC,QAAQK,KAAKC,QACc,aAArCrB,EAAMK,SAASL,MAAMmB,YACvBnB,EAAMc,MAAMC,QAAQC,UAAUC,SADhC;;IAKNjB,IACD,GAAIA,EAAMc,MAAMQ,MAAMC,aACpB,MAAO,mBACT;;IAGCvB,IACD,GAAIA,EAAMK,SAASL,MAAMI,eACvB,MAAO,qBACT;;;MAIGJ,IACD,GAAIA,EAAMK,SAASL,MAAMwB,iBACvB,MAAO,yBACT;;;;2BAKsBxB,GAAUA,EAAMc,MAAMW,YAAYC,OAAOC;;;;;;;;;;;;;;;yBAe3C3B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;;;;;;yBAYzC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;;;2BASvC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;2BAGzC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;MAO9D5B,GACM6B,EAAAA,iCAAiC7B,EAAMK,SAASL,MAAMkB,aAAc;;MAG1ElB,GACM8B,EAAAA,gCAAgC9B,EAAMK,SAASL,MAAMmB,YAAa;;"}

package/cjs/organisms/cardTypeOnly/cardTypeOnlyComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cardTypeOnlyComponent.js","sources":["../../../../../src/organisms/cardTypeOnly/cardTypeOnlyComponent.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { CardTypeOnlyProps } from '.';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\n\nconst CardTypeOnlyComponent: FC<CardTypeOnlyProps> = ({\n cardTypeOnlyText,\n mandatoryButtonObject,\n optionalButtonObject,\n isCompact,\n}) => {\n return (\n <>\n <div className=\"CardImageOverlayTheme\"></div>\n <div className=\"CardImageText\">\n {cardTypeOnlyText && <span className=\"emptyCardText\">{handleMaxChars(cardTypeOnlyText, 120)}</span>}\n <div className=\"CardImageButtonsContainer\">\n <div className=\"CardImageButtonsContainerContent\">\n <div className=\"CardImageButtons\">\n {mandatoryButtonObject?.label && (\n <ButtonCardComponent\n className=\"button-component\"\n buttonObject={mandatoryButtonObject}\n compact={isCompact}\n />\n )}\n {optionalButtonObject?.label && (\n <ButtonCardComponent\n className=\"button-component\"\n buttonObject={optionalButtonObject}\n compact={isCompact}\n />\n )}\n </div>\n </div>\n </div>\n </div>\n </>\n );\n};\n\nexport default CardTypeOnlyComponent;\n"],"names":["cardTypeOnlyText","mandatoryButtonObject","optionalButtonObject","isCompact","_jsxs","_jsx","className","children","handleMaxChars","~~jsx","jsxs","~~label","ButtonCardComponent","~~default","~~buttonObject","compact"],"mappings":"+NAKqD,EACnDA,mBACAC,wBACAC,uBACAC,eAGEC,~~6BACEC~~,EAAAA,~~IAAK~~,MAAA,~~CAAAC~~,UAAU,0BACfF,EAAAA,KAAA,MAAA,CAAKE,UAAU,~~gBACZC~~,SAAA,~~CAAAP~~,GAAoBK,EAAAA,~~IAAM~~,OAAA,~~CAAAC~~,UAAU,gBAAeC,SAAEC,EAAAA,eAAeR,EAAkB,OACvFK,~~EAAKI~~,IAAA,MAAA,~~CAAAH~~,UAAU,4BAA2BC,SACxCF,~~EAAKI~~,IAAA,MAAA,~~CAAAH~~,UAAU,4CACbF,~~EAAKM~~,KAAA,MAAA,~~CAAAJ~~,UAAU,~~mBACZC~~,SAAA,~~EAAAN~~,~~aAAA~~,~~EAAAA~~,~~EAAuBU~~,~~QACtBN~~,~~EAAAI~~,~~IAACG~~,~~EAAmBC~~,~~QAClB~~,~~CAAAP~~,UAAU,~~mBACVQ~~,~~aAAcb~~,~~EACdc~~,~~QAASZ~~,KAGZD,aAAoB,EAApBA,~~EAAsBS~~,~~QACrBN~~,~~MAACO~~,UAAmB,~~CAClBN~~,UAAU,~~mBACVQ~~,~~aAAcZ~~,~~EACda~~,~~QAASZ~~"}
1	+ {"version":3,"file":"cardTypeOnlyComponent.js","sources":["../../../../../src/organisms/cardTypeOnly/cardTypeOnlyComponent.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { CardTypeOnlyProps } from '.';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\n\nconst CardTypeOnlyComponent: FC<CardTypeOnlyProps> = ({\n cardTypeOnlyText,\n mandatoryButtonObject,\n optionalButtonObject,\n isCompact,\n}) => {\n return (\n <>\n <div className=\"CardImageOverlayTheme\"></div>\n <div className=\"CardImageText\">\n {cardTypeOnlyText && <span className=\"emptyCardText\">{handleMaxChars(cardTypeOnlyText, 120)}</span>}\n <div className=\"CardImageButtonsContainer\">\n <div className=\"CardImageButtonsContainerContent\">\n <div className=\"CardImageButtons\">\n {mandatoryButtonObject?.label && (\n <ButtonCardComponent\n className=\"button-component\"\n buttonObject={mandatoryButtonObject}\n compact={isCompact}\n />\n )}\n {optionalButtonObject?.label && (\n <ButtonCardComponent\n className=\"button-component\"\n buttonObject={optionalButtonObject}\n compact={isCompact}\n />\n )}\n </div>\n </div>\n </div>\n </div>\n </>\n );\n};\n\nexport default CardTypeOnlyComponent;\n"],"names":["cardTypeOnlyText","mandatoryButtonObject","optionalButtonObject","isCompact","_jsxs","_jsx","className","children","handleMaxChars","label","ButtonCardComponent","buttonObject","compact"],"mappings":"+NAKqD,EACnDA,mBACAC,wBACAC,uBACAC,eAGEC,EAAAA,2BACEC,EAAAA,IAAA,MAAA,CAAKC,UAAU,0BACfF,EAAAA,KAAA,MAAA,CAAKE,UAAU,gBAAeC,SAAA,CAC3BP,GAAoBK,EAAAA,IAAA,OAAA,CAAMC,UAAU,gBAAeC,SAAEC,EAAAA,eAAeR,EAAkB,OACvFK,EAAAA,IAAA,MAAA,CAAKC,UAAU,4BAA2BC,SACxCF,EAAAA,IAAA,MAAA,CAAKC,UAAU,4CACbF,EAAAA,KAAA,MAAA,CAAKE,UAAU,mBAAkBC,SAAA,EAC9BN,aAAqB,EAArBA,EAAuBQ,QACtBJ,EAAAA,IAACK,EAAAA,QAAmB,CAClBJ,UAAU,mBACVK,aAAcV,EACdW,QAAST,KAGZD,aAAoB,EAApBA,EAAsBO,QACrBJ,EAAAA,IAACK,UAAmB,CAClBJ,UAAU,mBACVK,aAAcT,EACdU,QAAST"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel.js","sources":["../../../../../src/organisms/carousel/carousel.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useEffect, useState } from 'react';\nimport useEmblaCarousel, { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel-react';\nimport ClassNames from 'embla-carousel-class-names';\nimport Autoplay from 'embla-carousel-autoplay';\nimport { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';\nimport { CarouselStyledHorizontal } from './styledComponents/styledCarouselHorizontal';\nimport { CarouselStyledVertical } from './styledComponents/styledCarouselVertical';\nimport { useTheme } from '@mui/material';\nimport { template } from './carouselTemplate';\nimport { IconNameProp } from '@/src/components/icon';\n\nexport type CarouselPropType = {\n /*\n 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%.\n /\n align?: 'start' \| 'center' \| 'end' \| number;\n /\n Autoplay, if true the autoplay functionality will be added to the carousel. Default is false.\n /\n autoPlay?: boolean;\n /\n Choose scroll axis between x and y.\n /\n axis?: 'x' \| 'y';\n /\n if true, the scrollbar is replaced with bullet scroll. visible only with SlideToShow 1.Default is false.\n /\n bulletScroll?: boolean;\n /\n defines the bullet-scroller style. can be 'dash' or 'dot'.\n /\n bulletStyle?: 'dash' \| 'dot';\n /\n defines the bullet-scroller color theme. can be 'light' or 'dark'.\n /\n bulletTheme?: 'light' \| 'dark';\n /\n Definition of height or clickable area for buttons next and prev. value should be in \"px\" or \"%\".\n /\n buttonAreaControlsHeight?: string;\n /\n Buttons controls, if true the buttons will be visible. Default is true.\n /\n buttonControls?: boolean;\n /\n Definition of position or clickable area for buttons next and prev. value should be in \"px\" and default position is top: 0.\n /\n buttonControlsPosition?: string;\n /\n control color, can be \"dark\" or \"light\".\n /\n controlColor?: DarkLightOptions;\n /\n icon font size, can be \"small\" or \"medium\".\n /\n controlIconFontSize?: ControllerSize;\n /\n icon style, can be \"regular\" or \"filled\".\n /\n controlIconStyle?: IconsStyle;\n /\n control variant, can be \"standard\" or \"outline\".\n /\n controlVariant?: ControlVariant;\n /\n Class applied to the main container carousel. Default value ''.\n * this class can be used also to provide a prefix name for ID applied to each slide inside the carousel.\n * eg. class applied to container carousel : my-carousel\n * ID applied for each slide : my-carousel__slide-0 (number is the index of slide).\n /\n cssClass?: string;\n /\n Direction carousel ltr or rtl. Default ltr.\n /\n direction?: 'ltr' \| 'rtl';\n /\n set height for slide carousel.\n /\n heightSlide?: string;\n /\n Slide with different width. if true the slide width is base on his content. Default false.\n /\n isSlideDifferentWidth?: boolean;\n /\n Loop, if true the loop functionality will be added to the carousel. Default is false.\n /\n loop?: boolean;\n /\n next control icon.\n /\n nextControlIcon?: IconNameProp;\n /\n Label of numbering length sliders.\n /\n numberingSeparator?: string;\n /\n Numbering Slides, if true the numbering slides will be visible. Default is true.\n /\n numberingSlides?: boolean;\n /\n Options setting carousel.\n /\n options?: EmblaOptionsType;\n /\n previous control icon.\n /\n prevControlIcon?: IconNameProp;\n /\n Progress bar status, if true the progress bar will be visible. Default is false.\n /\n progressbar?: boolean;\n /\n Add Class to selected slide.\n /\n slideSelectedClass?: string;\n /\n Slides reactNode carousel.\n /\n slidesItems: ReactNode[];\n /\n Number of visible slides. Default value 1.\n /\n slideToShow?: number;\n /\n Number of slides to scroll.\n /\n slideToScroll: number;\n /\n speed transition slide, Higher numbers enables faster scrolling. Default is 10.\n /\n speed?: number;\n /\n StartIndex slide. Default is 0.\n /\n startIndex?: number;\n};\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollPrev = (emblaApi: EmblaCarouselType, direction: 'rtl' \| 'ltr') => {\n if (emblaApi) {\n direction === 'ltr' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n }\n};\nexport const handleScrollNext = (emblaApi: EmblaCarouselType, direction: 'rtl' \| 'ltr') => {\n if (emblaApi) {\n direction === 'rtl' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n }\n};\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollTo = (emblaApi: EmblaCarouselType, index: number) => {\n if (emblaApi) {\n emblaApi.scrollTo(index);\n }\n};\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) return (item.style.width = `${img.naturalWidth}px`);\n }\n });\n }\n};\n\n/\n @deprecated this component does not meet quality standards and will be removed in the future\n /\nexport const DeprecatedCarousel = (props: CarouselPropType) => {\n const {\n align = 'start',\n autoPlay = false,\n axis = 'x',\n buttonAreaControlsHeight = '50%',\n buttonControls = true,\n buttonControlsPosition = '0',\n cssClass = '',\n direction = 'ltr',\n heightSlide,\n isSlideDifferentWidth = false,\n loop = false,\n numberingSeparator = '/',\n numberingSlides = true,\n progressbar = false,\n slidesItems,\n slideToScroll = 1,\n slideToShow = 1,\n slideSelectedClass = 'slide-selected',\n speed = 10,\n startIndex = 0,\n bulletScroll = false,\n bulletStyle = 'dot',\n bulletTheme = 'dark',\n prevControlIcon = 'arrow-left',\n nextControlIcon = 'arrow-right',\n controlIconStyle = 'regular',\n controlIconFontSize = 'medium',\n controlVariant = 'standard',\n controlColor = 'dark',\n } = props;\n\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<boolean>();\n const [classEmbla, setClassEmbla] = useState('');\n\n const emblaOptions: Partial<EmblaOptionsType> = {\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\n const [emblaRef, emblaApi] = useEmblaCarousel(emblaOptions, [autoplay, ClassNames(optionsClassNames)]);\n const theme = useTheme();\n\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: string) => {\n setHovered(!hovered);\n controllerHover(element);\n };\n\n const onScroll = useCallback(() => {\n if (!emblaApi && !progressbar) return;\n const progress = Math.max(0, Math.min(1, emblaApi.scrollProgress()));\n setScrollProgress(progress 100);\n }, [emblaApi, progressbar, setScrollProgress]);\n\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\n useEffect(() => {\n const mq = window.matchMedia(`(max-width: ${theme.breakpoints.values.md}px)`);\n setIsMobile(mq.matches);\n }, [theme.breakpoints.values.md]);\n\n return axis === 'y' ? (\n <CarouselStyledVertical\n align={align}\n slidesItems={slidesItems}\n slideToShow={slideToShow}\n bulletTheme={bulletTheme}\n {...props}\n >\n {template(\n cssClass,\n hovered,\n prevBtnEnabled,\n emblaApi,\n direction,\n emblaRef,\n slidesItems,\n heightSlide,\n buttonControls,\n buttonAreaControlsHeight,\n buttonControlsPosition,\n nextBtnEnabled,\n numberingSlides,\n selectedIndex,\n numberingSeparator,\n progressbar,\n scrollProgress,\n (element) => toggleHover(element),\n slideToShow,\n classEmbla,\n bulletScroll,\n bulletStyle,\n handleScrollTo,\n handleScrollPrev,\n handleScrollNext,\n prevControlIcon,\n nextControlIcon,\n controlIconStyle,\n controlIconFontSize,\n controlVariant,\n controlColor,\n )}\n </CarouselStyledVertical>\n ) : (\n <CarouselStyledHorizontal\n isSlideDifferentWidth={isSlideDifferentWidth}\n align={align}\n slidesItems={slidesItems}\n slideToShow={slideToShow}\n bulletTheme={bulletTheme}\n {...props}\n >\n {template(\n cssClass,\n hovered,\n prevBtnEnabled,\n emblaApi,\n direction,\n emblaRef,\n slidesItems,\n heightSlide,\n buttonControls,\n buttonAreaControlsHeight,\n buttonControlsPosition,\n nextBtnEnabled,\n numberingSlides,\n selectedIndex,\n numberingSeparator,\n progressbar,\n scrollProgress,\n (element) => toggleHover(element),\n slideToShow,\n classEmbla,\n bulletScroll,\n bulletStyle,\n handleScrollTo,\n handleScrollPrev,\n handleScrollNext,\n prevControlIcon,\n nextControlIcon,\n controlIconStyle,\n controlIconFontSize,\n controlVariant,\n controlColor,\n )}\n </CarouselStyledHorizontal>\n );\n};\n"],"names":["handleScrollPrev","emblaApi","direction","scrollPrev","scrollNext","handleScrollNext","handleScrollTo","index","scrollTo","emblaWidthSize","apiParam","slideToShowParam","slideNode","slideNodes","forEach","item","img","querySelector","style","width","naturalWidth","props","align","autoPlay","axis","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","heightSlide","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slidesItems","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","optionsAutoplay","playOnInit","autoplay","Autoplay","default","optionsClassNames","selected","optionAlign","selectedIndex","setSelectedIndex","useState","prevBtnEnabled","setPrevBtnEnabled","nextBtnEnabled","setNextBtnEnabled","scrollProgress","setScrollProgress","hovered","setHovered","isMobile","setIsMobile","classEmbla","setClassEmbla","emblaOptions","containScroll","slidesToScroll","skipSnaps","emblaRef","useEmblaCarousel","ClassNames","theme","useTheme","toggleHover","element","controller","controllerHover","onScroll","useCallback","progress","Math","max","min","useEffect","onSelect","selectedScrollSnap","canScrollPrev","canScrollNext","on","mq","window","matchMedia","breakpoints","values","md","matches","_jsx","jsx","CarouselStyledVertical","Object","assign","template","CarouselStyledHorizontal","children"],"mappings":"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"}
1	+ {"version":3,"file":"carousel.js","sources":["../../../../../src/organisms/carousel/carousel.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useEffect, useState } from 'react';\nimport useEmblaCarousel, { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel-react';\nimport ClassNames from 'embla-carousel-class-names';\nimport Autoplay from 'embla-carousel-autoplay';\nimport { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';\nimport { CarouselStyledHorizontal } from './styledComponents/styledCarouselHorizontal';\nimport { CarouselStyledVertical } from './styledComponents/styledCarouselVertical';\nimport { useTheme } from '@mui/material';\nimport { template } from './carouselTemplate';\nimport { IconNameProp } from '@/src/components/icon';\n\nexport type CarouselPropType = {\n /*\n 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%.\n /\n align?: 'start' \| 'center' \| 'end' \| number;\n /\n Autoplay, if true the autoplay functionality will be added to the carousel. Default is false.\n /\n autoPlay?: boolean;\n /\n Choose scroll axis between x and y.\n /\n axis?: 'x' \| 'y';\n /\n if true, the scrollbar is replaced with bullet scroll. visible only with SlideToShow 1.Default is false.\n /\n bulletScroll?: boolean;\n /\n defines the bullet-scroller style. can be 'dash' or 'dot'.\n /\n bulletStyle?: 'dash' \| 'dot';\n /\n defines the bullet-scroller color theme. can be 'light' or 'dark'.\n /\n bulletTheme?: 'light' \| 'dark';\n /\n Definition of height or clickable area for buttons next and prev. value should be in \"px\" or \"%\".\n /\n buttonAreaControlsHeight?: string;\n /\n Buttons controls, if true the buttons will be visible. Default is true.\n /\n buttonControls?: boolean;\n /\n Definition of position or clickable area for buttons next and prev. value should be in \"px\" and default position is top: 0.\n /\n buttonControlsPosition?: string;\n /\n control color, can be \"dark\" or \"light\".\n /\n controlColor?: DarkLightOptions;\n /\n icon font size, can be \"small\" or \"medium\".\n /\n controlIconFontSize?: ControllerSize;\n /\n icon style, can be \"regular\" or \"filled\".\n /\n controlIconStyle?: IconsStyle;\n /\n control variant, can be \"standard\" or \"outline\".\n /\n controlVariant?: ControlVariant;\n /\n Class applied to the main container carousel. Default value ''.\n * this class can be used also to provide a prefix name for ID applied to each slide inside the carousel.\n * eg. class applied to container carousel : my-carousel\n * ID applied for each slide : my-carousel__slide-0 (number is the index of slide).\n /\n cssClass?: string;\n /\n Direction carousel ltr or rtl. Default ltr.\n /\n direction?: 'ltr' \| 'rtl';\n /\n set height for slide carousel.\n /\n heightSlide?: string;\n /\n Slide with different width. if true the slide width is base on his content. Default false.\n /\n isSlideDifferentWidth?: boolean;\n /\n Loop, if true the loop functionality will be added to the carousel. Default is false.\n /\n loop?: boolean;\n /\n next control icon.\n /\n nextControlIcon?: IconNameProp;\n /\n Label of numbering length sliders.\n /\n numberingSeparator?: string;\n /\n Numbering Slides, if true the numbering slides will be visible. Default is true.\n /\n numberingSlides?: boolean;\n /\n Options setting carousel.\n /\n options?: EmblaOptionsType;\n /\n previous control icon.\n /\n prevControlIcon?: IconNameProp;\n /\n Progress bar status, if true the progress bar will be visible. Default is false.\n /\n progressbar?: boolean;\n /\n Add Class to selected slide.\n /\n slideSelectedClass?: string;\n /\n Slides reactNode carousel.\n /\n slidesItems: ReactNode[];\n /\n Number of visible slides. Default value 1.\n /\n slideToShow?: number;\n /\n Number of slides to scroll.\n /\n slideToScroll: number;\n /\n speed transition slide, Higher numbers enables faster scrolling. Default is 10.\n /\n speed?: number;\n /\n StartIndex slide. Default is 0.\n /\n startIndex?: number;\n};\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollPrev = (emblaApi: EmblaCarouselType, direction: 'rtl' \| 'ltr') => {\n if (emblaApi) {\n direction === 'ltr' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n }\n};\nexport const handleScrollNext = (emblaApi: EmblaCarouselType, direction: 'rtl' \| 'ltr') => {\n if (emblaApi) {\n direction === 'rtl' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n }\n};\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollTo = (emblaApi: EmblaCarouselType, index: number) => {\n if (emblaApi) {\n emblaApi.scrollTo(index);\n }\n};\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) return (item.style.width = `${img.naturalWidth}px`);\n }\n });\n }\n};\n\n/\n @deprecated this component does not meet quality standards and will be removed in the future\n /\nexport const DeprecatedCarousel = (props: CarouselPropType) => {\n const {\n align = 'start',\n autoPlay = false,\n axis = 'x',\n buttonAreaControlsHeight = '50%',\n buttonControls = true,\n buttonControlsPosition = '0',\n cssClass = '',\n direction = 'ltr',\n heightSlide,\n isSlideDifferentWidth = false,\n loop = false,\n numberingSeparator = '/',\n numberingSlides = true,\n progressbar = false,\n slidesItems,\n slideToScroll = 1,\n slideToShow = 1,\n slideSelectedClass = 'slide-selected',\n speed = 10,\n startIndex = 0,\n bulletScroll = false,\n bulletStyle = 'dot',\n bulletTheme = 'dark',\n prevControlIcon = 'arrow-left',\n nextControlIcon = 'arrow-right',\n controlIconStyle = 'regular',\n controlIconFontSize = 'medium',\n controlVariant = 'standard',\n controlColor = 'dark',\n } = props;\n\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<boolean>();\n const [classEmbla, setClassEmbla] = useState('');\n\n const emblaOptions: Partial<EmblaOptionsType> = {\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\n const [emblaRef, emblaApi] = useEmblaCarousel(emblaOptions, [autoplay, ClassNames(optionsClassNames)]);\n const theme = useTheme();\n\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: string) => {\n setHovered(!hovered);\n controllerHover(element);\n };\n\n const onScroll = useCallback(() => {\n if (!emblaApi && !progressbar) return;\n const progress = Math.max(0, Math.min(1, emblaApi.scrollProgress()));\n setScrollProgress(progress 100);\n }, [emblaApi, progressbar, setScrollProgress]);\n\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\n useEffect(() => {\n const mq = window.matchMedia(`(max-width: ${theme.breakpoints.values.md}px)`);\n setIsMobile(mq.matches);\n }, [theme.breakpoints.values.md]);\n\n return axis === 'y' ? (\n <CarouselStyledVertical\n align={align}\n slidesItems={slidesItems}\n slideToShow={slideToShow}\n bulletTheme={bulletTheme}\n {...props}\n >\n {template(\n cssClass,\n hovered,\n prevBtnEnabled,\n emblaApi,\n direction,\n emblaRef,\n slidesItems,\n heightSlide,\n buttonControls,\n buttonAreaControlsHeight,\n buttonControlsPosition,\n nextBtnEnabled,\n numberingSlides,\n selectedIndex,\n numberingSeparator,\n progressbar,\n scrollProgress,\n (element) => toggleHover(element),\n slideToShow,\n classEmbla,\n bulletScroll,\n bulletStyle,\n handleScrollTo,\n handleScrollPrev,\n handleScrollNext,\n prevControlIcon,\n nextControlIcon,\n controlIconStyle,\n controlIconFontSize,\n controlVariant,\n controlColor,\n )}\n </CarouselStyledVertical>\n ) : (\n <CarouselStyledHorizontal\n isSlideDifferentWidth={isSlideDifferentWidth}\n align={align}\n slidesItems={slidesItems}\n slideToShow={slideToShow}\n bulletTheme={bulletTheme}\n {...props}\n >\n {template(\n cssClass,\n hovered,\n prevBtnEnabled,\n emblaApi,\n direction,\n emblaRef,\n slidesItems,\n heightSlide,\n buttonControls,\n buttonAreaControlsHeight,\n buttonControlsPosition,\n nextBtnEnabled,\n numberingSlides,\n selectedIndex,\n numberingSeparator,\n progressbar,\n scrollProgress,\n (element) => toggleHover(element),\n slideToShow,\n classEmbla,\n bulletScroll,\n bulletStyle,\n handleScrollTo,\n handleScrollPrev,\n handleScrollNext,\n prevControlIcon,\n nextControlIcon,\n controlIconStyle,\n controlIconFontSize,\n controlVariant,\n controlColor,\n )}\n </CarouselStyledHorizontal>\n );\n};\n"],"names":["handleScrollPrev","emblaApi","direction","scrollPrev","scrollNext","handleScrollNext","handleScrollTo","index","scrollTo","emblaWidthSize","apiParam","slideToShowParam","slideNode","slideNodes","forEach","item","img","querySelector","style","width","naturalWidth","props","align","autoPlay","axis","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","heightSlide","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slidesItems","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","optionsAutoplay","playOnInit","autoplay","Autoplay","optionsClassNames","selected","optionAlign","selectedIndex","setSelectedIndex","useState","prevBtnEnabled","setPrevBtnEnabled","nextBtnEnabled","setNextBtnEnabled","scrollProgress","setScrollProgress","hovered","setHovered","isMobile","setIsMobile","classEmbla","setClassEmbla","emblaOptions","containScroll","slidesToScroll","skipSnaps","emblaRef","useEmblaCarousel","ClassNames","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","template","CarouselStyledHorizontal","children"],"mappings":"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"}