npm - @skodaflow/web-library - Versions diffs - 7.15.0 → 7.16.0 - Mend

@skodaflow/web-library 7.15.0 → 7.16.0

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

Files changed (4125) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"cardOwnedVehicleComponent.js","sources":["../../../src/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.tsx"],"sourcesContent":["import { 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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"}
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/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{styled as i,Card as a}from"@mui/material";import r from"./cardPhotoAdjustableComponent.js";import{opacityLayerSwitchLightStatement as o,opacityLayerSwitchDarkStatement as n}from"../../utils/utilities.js";const p=t(((t,i)=>e(d,{ref:i,children:e(r,Object.assign({},t))}))),d=i(a)`
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{styled as i,Card as a}from"@mui/material";import r from"./cardPhotoAdjustableComponent.js";import{opacityLayerSwitchLightStatement as o,opacityLayerSwitchDarkStatement as n}from"../../utils/utilities.js";const p=t((t,i)=>e(d,{ref:i,children:e(r,Object.assign({},t))})),d=i(a)`
   height: ${e=>{switch(e.children.props.heightSize){case"small":return"180px";case"medium":case"normal":return"400px";default:return""}}};
   @media (min-width: ${e=>e.theme.breakpoints.values.sm}px) {

package/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","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":"8RA8Ga,MAAAA,EAAsBC,GAAqD,CAACC,EAAOC,IAE5FC,EAACC,EAAyB,CAACF,IAAKA,EAC9BG,SAAAF,EAACG,EAA4BC,OAAAC,OAAA,CAAA,EAAAP,QAS7BG,EAA4BK,EAAOC,EAAwD;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;;IAIRzB,IACD,GAAIA,EAAMI,SAASJ,MAAM0B,eACvB,MAAO;;;;;;;;;aAWC1B,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,EAAiC7B,EAAMI,SAASJ,MAAMmB,aAAc;;MAG1EnB,GACM8B,EAAgC9B,EAAMI,SAASJ,MAAMoB,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":"8RA8GO,MAAMA,EAAsBC,EAAqD,CAACC,EAAOC,IAE5FC,EAACC,EAAyB,CAACF,IAAKA,EAAGG,SACjCF,EAACG,EAAuBC,OAAAC,OAAA,CAAA,EAAKP,OAS7BG,EAA4BK,EAAOC,EAAwD;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;;IAIRzB,IACD,GAAIA,EAAMI,SAASJ,MAAM0B,eACvB,MAAO;;;;;;;;;aAWC1B,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,EAAiC7B,EAAMI,SAASJ,MAAMmB,aAAc;;MAG1EnB,GACM8B,EAAgC9B,EAAMI,SAASJ,MAAMoB,YAAa;;"}

package/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as a,Fragment as e,jsx as t}from"react/jsx-runtime";import{useCallback as n}from"react";import{Button as l}from"../../components/button/button.js";import{handleMaxChars as i}from"../../utils/utilities.js";import{Label as r}from"../../components/label/label.js";const o=({cardImage:o,altImageDescription:c,labelText:s,labelVariants:m,title:d,subtitle:u,buttonLink:b,buttonLabel:h,buttonVariant:p,optionalButton:C,optionalButtonLink:I,optionalButtonLabel:N,optionalButtonVariant:g,analyticsCallback:v})=>{const f=n((a=>{null==v||v(a)}),[v]);return a(e,{children:[t("div",{className:"CardImageOverlayTheme"}),t("div",{className:"CardImageText",children:a("div",{className:"CardImageTextContainer",children:[a("div",{className:"CardImageHeader",children:[s&&t(r,{type:"feature",className:"Label",variant:m,label:i(s,30)}),d&&t("h2",{className:"h4",children:i(d,30)}),u&&t("span",{className:"CardImageSubtitle",children:i(u,30)})]}),t("div",{className:"CardImageButtonsContainer",children:t("div",{className:"CardImageButtonsContainerContent",children:a("div",{className:"CardImageButtons",children:[t("a",{tabIndex:-1,className:"cta-button",href:encodeURI(b),style:{textDecoration:"none"},children:t(l,{label:i(h,30),variant:p,compact:!0,onClick:()=>f(h)})}),C&&N&&I&&t("a",{tabIndex:-1,className:"cta-button",href:encodeURI(I),style:{textDecoration:"none"},children:t(l,{label:i(N,30),variant:g,compact:!0,onClick:()=>f(N)})})]})})})]})}),t("div",{className:"CardImageMedia",children:t("div",{className:"CardImagePicture",children:t("img",{src:o,alt:c})})})]})};export{o as default};
+import{jsxs as a,Fragment as e,jsx as t}from"react/jsx-runtime";import{useCallback as n}from"react";import{Button as l}from"../../components/button/button.js";import{handleMaxChars as i}from"../../utils/utilities.js";import{Label as r}from"../../components/label/label.js";const o=({cardImage:o,altImageDescription:c,labelText:s,labelVariants:m,title:d,subtitle:u,buttonLink:b,buttonLabel:h,buttonVariant:p,optionalButton:C,optionalButtonLink:I,optionalButtonLabel:N,optionalButtonVariant:g,analyticsCallback:v})=>{const f=n(a=>{null==v||v(a)},[v]);return a(e,{children:[t("div",{className:"CardImageOverlayTheme"}),t("div",{className:"CardImageText",children:a("div",{className:"CardImageTextContainer",children:[a("div",{className:"CardImageHeader",children:[s&&t(r,{type:"feature",className:"Label",variant:m,label:i(s,30)}),d&&t("h2",{className:"h4",children:i(d,30)}),u&&t("span",{className:"CardImageSubtitle",children:i(u,30)})]}),t("div",{className:"CardImageButtonsContainer",children:t("div",{className:"CardImageButtonsContainerContent",children:a("div",{className:"CardImageButtons",children:[t("a",{tabIndex:-1,className:"cta-button",href:encodeURI(b),style:{textDecoration:"none"},children:t(l,{label:i(h,30),variant:p,compact:!0,onClick:()=>f(h)})}),C&&N&&I&&t("a",{tabIndex:-1,className:"cta-button",href:encodeURI(I),style:{textDecoration:"none"},children:t(l,{label:i(N,30),variant:g,compact:!0,onClick:()=>f(N)})})]})})})]})}),t("div",{className:"CardImageMedia",children:t("div",{className:"CardImagePicture",children:t("img",{src:o,alt:c})})})]})};export{o as default};
 //# sourceMappingURL=cardPhotoAdjustableComponent.js.map

package/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":["CardPhotoFixedComponent","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":"iRAMA,MAAMA,EAAwD,EAC5DC,YACAC,sBACAC,YACAC,gBACAC,QACAC,WACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,wBAEA,MAAMC,EAAgBC,~~GACnBC~~,IACCH,SAAAA,EAAoBG,~~EAAE~~,~~GAExB,~~CAACH,IAEH,OACEI,~~EACEC~~,EAAA,CAAAC,SAAA,~~CAAAC~~,EAAA,MAAA,CAAKC,UAAU,0BACfD,EAAA,MAAA,CAAKC,UAAU,gBAAeF,SAC5BF,~~EAAK~~,MAAA,~~CAAAI~~,UAAU,~~yBACbF~~,SAAA,~~CAAAF~~,EAAA,MAAA,CAAKI,UAAU,kBAAiBF,SAAA,CAC7BjB,GACCkB,EAACE,EAAK,CAACC,KAAK,UAAUF,UAAU,QAAQG,QAASrB,EAAesB,MAAOC,EAAexB,EAAW,MAElGE,GAASgB,EAAA,KAAA,CAAIC,UAAU,KAAIF,SAAEO,EAAetB,EAAO,MACnDC,GAAYe,EAAA,OAAA,CAAMC,UAAU,oBAAmBF,SAAEO,EAAerB,EAAU,SAE7Ee,EAAA,MAAA,CAAKC,UAAU,4BAA2BF,SACxCC,~~EAAK~~,MAAA,~~CAAAC~~,UAAU,~~mCACbF~~,~~SAAAF~~,EAAA,MAAA,CAAKI,UAAU,mBAAkBF,SAAA,CAC/BC,~~EAAG~~,IAAA,~~CAAAO~~,UAAU,EAAIN,UAAU,aAAaO,KAAMC,UAAUvB,GAAawB,MAAO,CAAEC,eAAgB,~~QAC5FZ~~,~~SAAAC~~,EAACY,~~EACC~~,~~CAAAP~~,MAAOC,EAAenB,EAAa,IACnCiB,QAAShB,EACTyB,SAAS,EACTC,QAAS,IAAMpB,EAAcP,OAGhCE,GAAkBE,GAAuBD,GACxCU,EAAA,IAAA,CACEO,UAAU,EACVN,UAAU,aACVO,KAAMC,UAAUnB,GAChBoB,MAAO,CAAEC,eAAgB,QAAQZ,SAEjCC,EAACY,EAAM,CACLP,MAAOC,EAAef,EAAqB,IAC3Ca,QAASZ,EACTqB,SAAS,EACTC,QAAS,IAAMpB,EAAcH,mBAS7CS,EAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC7BC,~~EAAK~~,MAAA,~~CAAAC~~,UAAU,~~mBACbF~~,~~SAAAC~~,EAAA,MAAA,CAAKe,IAAKnC,EAAWoC,IAAKnC~~,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":["CardPhotoFixedComponent","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":"iRAMA,MAAMA,EAAwD,EAC5DC,YACAC,sBACAC,YACAC,gBACAC,QACAC,WACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,wBAEA,MAAMC,EAAgBC,EACnBC,IACCH,SAAAA,EAAoBG,IAEtB,CAACH,IAEH,OACEI,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAAA,MAAA,CAAKC,UAAU,0BACfD,EAAA,MAAA,CAAKC,UAAU,gBAAeF,SAC5BF,EAAA,MAAA,CAAKI,UAAU,yBAAwBF,SAAA,CACrCF,EAAA,MAAA,CAAKI,UAAU,kBAAiBF,SAAA,CAC7BjB,GACCkB,EAACE,EAAK,CAACC,KAAK,UAAUF,UAAU,QAAQG,QAASrB,EAAesB,MAAOC,EAAexB,EAAW,MAElGE,GAASgB,EAAA,KAAA,CAAIC,UAAU,KAAIF,SAAEO,EAAetB,EAAO,MACnDC,GAAYe,EAAA,OAAA,CAAMC,UAAU,oBAAmBF,SAAEO,EAAerB,EAAU,SAE7Ee,EAAA,MAAA,CAAKC,UAAU,4BAA2BF,SACxCC,EAAA,MAAA,CAAKC,UAAU,mCAAkCF,SAC/CF,EAAA,MAAA,CAAKI,UAAU,mBAAkBF,SAAA,CAC/BC,EAAA,IAAA,CAAGO,UAAU,EAAIN,UAAU,aAAaO,KAAMC,UAAUvB,GAAawB,MAAO,CAAEC,eAAgB,QAAQZ,SACpGC,EAACY,EAAM,CACLP,MAAOC,EAAenB,EAAa,IACnCiB,QAAShB,EACTyB,SAAS,EACTC,QAAS,IAAMpB,EAAcP,OAGhCE,GAAkBE,GAAuBD,GACxCU,EAAA,IAAA,CACEO,UAAU,EACVN,UAAU,aACVO,KAAMC,UAAUnB,GAChBoB,MAAO,CAAEC,eAAgB,QAAQZ,SAEjCC,EAACY,EAAM,CACLP,MAAOC,EAAef,EAAqB,IAC3Ca,QAASZ,EACTqB,SAAS,EACTC,QAAS,IAAMpB,EAAcH,mBAS7CS,EAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC7BC,EAAA,MAAA,CAAKC,UAAU,mBAAkBF,SAC/BC,EAAA,MAAA,CAAKe,IAAKnC,EAAWoC,IAAKnC"}

package/organisms/cardPhotoFixed/cardPhotoFixed.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{styled as t}from"@mui/material/styles";import{useTheme as a,useMediaQuery as r,Card as p}from"@mui/material";import o from"./cardPhotoFixedComponent.js";import{opacityLayerSwitchLightStatement as n,opacityLayerSwitchDarkStatement as d}from"../../utils/utilities.js";const m=i(((i,t)=>{const p=a(),n=r(p.breakpoints.up("md"));return e(h,{ref:t,children:e(o,Object.assign({isCompact:n},i))})})),h=t(p)`
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{styled as t}from"@mui/material/styles";import{useTheme as a,useMediaQuery as r,Card as p}from"@mui/material";import o from"./cardPhotoFixedComponent.js";import{opacityLayerSwitchLightStatement as n,opacityLayerSwitchDarkStatement as d}from"../../utils/utilities.js";const m=i((i,t)=>{const p=a(),n=r(p.breakpoints.up("md"));return e(h,{ref:t,children:e(o,Object.assign({isCompact:n},i))})}),h=t(p)`
   background-color: ${e=>e.theme.palette.common.white};
   color: ${e=>"opacity0"!==e.children.props.lightOpacity&&"opacity0"===e.children.props.darkOpacity||"configurator"===e.children.props.cardType?e.theme.palette.common.black:("opacity0"!==e.children.props.darkOpacity&&e.children.props.cardType,e.theme.palette.common.white)};

package/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":"4VAqIa,MAAAA,EAAiBC,GAAgD,CAACC,EAAOC,KACpF,MAAMC,EAAkBC,IAClBC,EAAYC,EAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OACEC,EAACC,GAAsBR,IAAKA,EAC1BS,SAAAF,EAACG,EAAwBC,OAAAC,OAAA,CAAAT,UAAWA,GAAeJ,KAC7B,IAQtBS,EAAwBK,EAAOC,EAAwD;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,EAAiCrC,EAAMU,SAASV,MAAMoB,aAAc;;MAG1EpB,GACMsC,EAAgCtC,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":"4VAqIO,MAAMA,EAAiBC,EAAgD,CAACC,EAAOC,KACpF,MAAMC,EAAkBC,IAClBC,EAAYC,EAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OACEC,EAACC,GAAsBR,IAAKA,EAAGS,SAC7BF,EAACG,EAAuBC,OAAAC,OAAA,CAACT,UAAWA,GAAeJ,QASnDS,EAAwBK,EAAOC,EAAwD;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,EAAiCrC,EAAMU,SAASV,MAAMoB,aAAc;;MAG1EpB,GACMsC,EAAgCtC,EAAMU,SAASV,MAAMqB,YAAa;;"}

package/organisms/cardPhotoFixed/cardPhotoFixedComponent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as a,Fragment as e,jsx as t}from"react/jsx-runtime";import{useCallback as n}from"react";import{Label as l}from"../../components/label/label.js";import{Button as i}from"../../components/button/button.js";import o from"../common/infoTextCardComponent/infoTextCardComponent.js";import{handleMaxChars as r}from"../../utils/utilities.js";const c=({label:c,title:s,subTitle:d,description:m,labelInfoFirst:b,labelInfoFirstText:u,labelInfoFirstVariant:f,labelInfoSecond:p,labelInfoSecondText:h,labelInfoSecondVariant:I,cardImage:C,altImageDescription:T,buttonLink:v,buttonLabel:x,buttonVariant:N,optionalButton:g,optionalButtonLink:S,optionalButtonLabel:B,optionalButtonVariant:L,infoText:j,infoTextSecond:k,infoTextThird:V,isCompact:y,analyticsCallback:F})=>{const O=n((a=>{null==F||F(a)}),[F]);return a(e,{children:[t("div",{className:"CardImageOverlayTheme"}),a("div",{className:"CardImageText",children:[a("div",{className:"CardImageHeader",children:[t(l,{className:"CardImageLabel",label:r(c,30)}),s&&t("h2",{className:"CardImageTitle",children:r(s,35)}),d&&t("h4",{className:"VehicleEquipment",children:r(d,20)}),m&&t("div",{className:"CardImageSubtitleContainer",children:t("span",{className:"CardImageSubtitle",children:r(m,50)})}),a("div",{className:"LabelsOptional",children:[b&&u&&t("div",{children:t(l,{type:"feature",variant:f,label:r(u,30)})}),p&&h&&t("div",{children:t(l,{type:"feature",variant:I,label:r(h,30)})})]})]}),a("div",{className:"CardImageButtonsContainer",children:[a("div",{className:"CardImageButtonsGroup",children:[t("a",{tabIndex:-1,className:"cta-button",href:encodeURI(v),children:t(i,{label:r(x,30),variant:N,compact:y,onClick:()=>O(x)})}),g&&B&&S&&t("a",{tabIndex:-1,className:"cta-button",href:encodeURI(S),children:t(i,{label:r(B,30),variant:L,compact:y,onClick:()=>O(B)})})]}),t(o,{infoText:j,infoTextSecond:k,infoTextThird:V,className:"infoText"})]})]}),t("div",{className:"CardImageMedia",children:t("div",{className:"CardImagePicture",children:t("img",{src:C,alt:T})})})]})};export{c as default};
+import{jsxs as a,Fragment as e,jsx as t}from"react/jsx-runtime";import{useCallback as n}from"react";import{Label as l}from"../../components/label/label.js";import{Button as i}from"../../components/button/button.js";import o from"../common/infoTextCardComponent/infoTextCardComponent.js";import{handleMaxChars as r}from"../../utils/utilities.js";const c=({label:c,title:s,subTitle:d,description:m,labelInfoFirst:b,labelInfoFirstText:u,labelInfoFirstVariant:f,labelInfoSecond:p,labelInfoSecondText:h,labelInfoSecondVariant:I,cardImage:C,altImageDescription:T,buttonLink:v,buttonLabel:x,buttonVariant:N,optionalButton:g,optionalButtonLink:S,optionalButtonLabel:B,optionalButtonVariant:L,infoText:j,infoTextSecond:k,infoTextThird:V,isCompact:y,analyticsCallback:F})=>{const O=n(a=>{null==F||F(a)},[F]);return a(e,{children:[t("div",{className:"CardImageOverlayTheme"}),a("div",{className:"CardImageText",children:[a("div",{className:"CardImageHeader",children:[t(l,{className:"CardImageLabel",label:r(c,30)}),s&&t("h2",{className:"CardImageTitle",children:r(s,35)}),d&&t("h4",{className:"VehicleEquipment",children:r(d,20)}),m&&t("div",{className:"CardImageSubtitleContainer",children:t("span",{className:"CardImageSubtitle",children:r(m,50)})}),a("div",{className:"LabelsOptional",children:[b&&u&&t("div",{children:t(l,{type:"feature",variant:f,label:r(u,30)})}),p&&h&&t("div",{children:t(l,{type:"feature",variant:I,label:r(h,30)})})]})]}),a("div",{className:"CardImageButtonsContainer",children:[a("div",{className:"CardImageButtonsGroup",children:[t("a",{tabIndex:-1,className:"cta-button",href:encodeURI(v),children:t(i,{label:r(x,30),variant:N,compact:y,onClick:()=>O(x)})}),g&&B&&S&&t("a",{tabIndex:-1,className:"cta-button",href:encodeURI(S),children:t(i,{label:r(B,30),variant:L,compact:y,onClick:()=>O(B)})})]}),t(o,{infoText:j,infoTextSecond:k,infoTextThird:V,className:"infoText"})]})]}),t("div",{className:"CardImageMedia",children:t("div",{className:"CardImagePicture",children:t("img",{src:C,alt:T})})})]})};export{c as default};
 //# sourceMappingURL=cardPhotoFixedComponent.js.map

package/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":["CardPhotoFixedComponent","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":"~~yVAOM~~,~~MAAAA~~,EAAmD,EACvDC,QACAC,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,~~GACnBC~~,IACCH,SAAAA,EAAoBG,~~EAAE~~,~~GAExB,~~CAACH,IAGH,OACEI,EAAAC,EAAA,CAAAC,SAAA,CACEC,~~EAAK~~,MAAA,~~CAAAC~~,UAAU,0BACfJ,EAAA,MAAA,CAAKI,UAAU,~~gBACbF~~,SAAA,~~CAAAF~~,EAAA,MAAA,CAAKI,UAAU,~~kBACbF~~,SAAA,~~CAAAC~~,EAACE,~~EAAM~~,~~CAAAD~~,UAAU,iBAAiB/B,MAAOiC,EAAejC,EAAO,MAC9DC,GAAS6B,~~EAAI~~,KAAA,~~CAAAC~~,UAAU,iBAAgBF,SAAEI,EAAehC,EAAO,MAC/DC,GAAY4B,~~EAAI~~,KAAA,~~CAAAC~~,UAAU,mBAAkBF,SAAEI,EAAe/B,EAAU,MACvEC,GACC2B,EAAA,MAAA,CAAKC,UAAU,~~6BACbF~~,~~SAAAC~~,EAAA,OAAA,CAAMC,UAAU,~~oBAAqBF~~,~~SAAAI~~,EAAe9B,EAAa,QAGrEwB,EAAA,MAAA,CAAKI,UAAU,~~iBACZF~~,SAAA,~~CAAAzB~~,GAAkBC,GACjByB,EAAA,MAAA,CAAAD,SACEC,EAACE,EAAK,CAACE,KAAK,UAAUC,QAAS7B,EAAuBN,MAAOiC,EAAe5B,EAAoB,QAGnGE,GAAmBC,GAClBsB,~~EACE~~,MAAA,CAAAD,~~SAAAC~~,EAACE,~~EACC~~,~~CAAAE~~,KAAK,UACLC,QAAS1B,EACTT,MAAOiC,EAAezB,EAAqB,cAMrDmB,EAAA,MAAA,CAAKI,UAAU,~~4BACbF~~,SAAA,~~CAAAF~~,EAAA,MAAA,CAAKI,UAAU,~~wBACbF~~,SAAA,~~CAAAC~~,EAAA,IAAA,CAAGM,YAAcL,UAAU,aAAaM,KAAMC,UAAU1B,YACtDkB,EAACS,~~EACC~~,~~CAAAvC~~,MAAOiC,EAAepB,EAAa,IACnCsB,QAASrB,EACT0B,QAASlB,EACTmB,QAAS,IAAMjB,EAAcX,OAGhCE,GAAkBE,GAAuBD,GACxCc,OAAGM,UAAU,EAAIL,UAAU,aAAaM,KAAMC,UAAUtB,~~GACtDa~~,~~SAAAC~~,EAACS,EAAM,CACLvC,MAAOiC,EAAehB,EAAqB,IAC3CkB,QAASjB,EACTsB,QAASlB,EACTmB,QAAS,IAAMjB,EAAcP,UAKrCa,EAACY,~~EACC~~,~~CAAAvB~~,SAAUA,EACVC,eAAgBA,EAChBC,cAAeA,EACfU,UAAU,mBAIhBD,~~EAAK~~,MAAA,~~CAAAC~~,UAAU,iBAAgBF,SAC7BC,~~EAAK~~,MAAA,~~CAAAC~~,UAAU,mBAAkBF,SAC/BC,~~EAAK~~,MAAA,~~CAAAa~~,IAAKjC,EAAWkC,IAAKjC~~,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":["CardPhotoFixedComponent","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":"yVAOA,MAAMA,EAAmD,EACvDC,QACAC,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,IAEtB,CAACH,IAGH,OACEI,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAAA,MAAA,CAAKC,UAAU,0BACfJ,EAAA,MAAA,CAAKI,UAAU,gBAAeF,SAAA,CAC5BF,EAAA,MAAA,CAAKI,UAAU,kBAAiBF,SAAA,CAC9BC,EAACE,EAAK,CAACD,UAAU,iBAAiB/B,MAAOiC,EAAejC,EAAO,MAC9DC,GAAS6B,EAAA,KAAA,CAAIC,UAAU,iBAAgBF,SAAEI,EAAehC,EAAO,MAC/DC,GAAY4B,EAAA,KAAA,CAAIC,UAAU,mBAAkBF,SAAEI,EAAe/B,EAAU,MACvEC,GACC2B,EAAA,MAAA,CAAKC,UAAU,6BAA4BF,SACzCC,EAAA,OAAA,CAAMC,UAAU,oBAAmBF,SAAEI,EAAe9B,EAAa,QAGrEwB,EAAA,MAAA,CAAKI,UAAU,iBAAgBF,SAAA,CAC5BzB,GAAkBC,GACjByB,EAAA,MAAA,CAAAD,SACEC,EAACE,EAAK,CAACE,KAAK,UAAUC,QAAS7B,EAAuBN,MAAOiC,EAAe5B,EAAoB,QAGnGE,GAAmBC,GAClBsB,EAAA,MAAA,CAAAD,SACEC,EAACE,EAAK,CACJE,KAAK,UACLC,QAAS1B,EACTT,MAAOiC,EAAezB,EAAqB,cAMrDmB,EAAA,MAAA,CAAKI,UAAU,4BAA2BF,SAAA,CACxCF,EAAA,MAAA,CAAKI,UAAU,wBAAuBF,SAAA,CACpCC,EAAA,IAAA,CAAGM,YAAcL,UAAU,aAAaM,KAAMC,UAAU1B,YACtDkB,EAACS,EAAM,CACLvC,MAAOiC,EAAepB,EAAa,IACnCsB,QAASrB,EACT0B,QAASlB,EACTmB,QAAS,IAAMjB,EAAcX,OAGhCE,GAAkBE,GAAuBD,GACxCc,OAAGM,UAAU,EAAIL,UAAU,aAAaM,KAAMC,UAAUtB,GAAmBa,SACzEC,EAACS,EAAM,CACLvC,MAAOiC,EAAehB,EAAqB,IAC3CkB,QAASjB,EACTsB,QAASlB,EACTmB,QAAS,IAAMjB,EAAcP,UAKrCa,EAACY,EAAqB,CACpBvB,SAAUA,EACVC,eAAgBA,EAChBC,cAAeA,EACfU,UAAU,mBAIhBD,EAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC7BC,EAAA,MAAA,CAAKC,UAAU,mBAAkBF,SAC/BC,EAAA,MAAA,CAAKa,IAAKjC,EAAWkC,IAAKjC"}

package/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":["CardPromoVehicle","props","_jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardPromoVehicleComponent","Object","assign","isCompact"],"mappings":"~~6MAyIa~~,~~MAAAA~~,EAA+CC,GAExDC,EAACC,~~EAA0B~~,~~CAAAC~~,eAAgBH,EAAMG,eAAgBC,KAAMJ,EAAMI,~~KAC3EC~~,~~SAAAJ~~,EAACK,EAAyBC,OAAAC,OAAA,CAACC,WAAW,GAAUT"}
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":["CardPromoVehicle","props","_jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardPromoVehicleComponent","Object","assign","isCompact"],"mappings":"6MAyIO,MAAMA,EAA+CC,GAExDC,EAACC,EAAyB,CAACC,eAAgBH,EAAMG,eAAgBC,KAAMJ,EAAMI,KAAIC,SAC/EJ,EAACK,EAAyBC,OAAAC,OAAA,CAACC,WAAW,GAAUT"}

package/organisms/cardPromoVehicle/cardPromoVehicleComponent.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"cardPromoVehicleComponent.js","sources":["../../../src/organisms/cardPromoVehicle/cardPromoVehicleComponent.tsx"],"sourcesContent":["import { 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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"}
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":"yfAUO,MAAMA,EAAuD,EAClEC,QACAC,eACAC,cACAC,YACAC,QACAC,sBACAC,wBACAC,uBACAC,mBACAC,oBACAC,yBACAC,iBACAC,WACAC,iBACAC,gBACAC,aACAC,cACAC,wBACAC,qBACAC,yBACAC,sBACAC,YACAC,OACAC,mBAGEC,EAACC,EAA+B,CAC9BH,KAAMA,EACNd,iBAAkBA,EAClBC,kBAAmBA,YAEnBiB,EAAA,MAAA,CAAKC,UAAU,0BACfD,EAAA,MAAA,CAAKC,UAAU,+BAA8BC,SAC3CJ,EAAA,MAAA,CAAKG,UAAU,wBAAuBC,SAAA,CACpCJ,EAAA,MAAA,CAAKG,UAAU,kCACZ3B,GAEG0B,EAACG,EADe,YAAjB5B,EACO,CAAC6B,KAAK,UAAUH,UAAU,wBAAwBI,QAAQ,UAASH,SACtEI,EAAehC,EAAO,MAGlB2B,UAAU,iBAAiB3B,MAAOgC,EAAehC,EAAO,MAElEE,GACCwB,QAAIO,MAAO,CAAEC,OAAQ,GAAKP,UAAU,cAAaC,SAC9CI,EAAe9B,EAAa,MAGhCC,GACCuB,EAAA,KAAA,CAAIO,MAAO,CAAEC,OAAQ,GAAKP,UAAU,mBAAkBC,SACnDI,EAAe7B,EAAW,MAG9Ba,GACCU,EAAA,MAAA,CAAKC,UAAU,6BAA4BC,SACzCF,EAAA,OAAA,CAAMC,UAAU,6BAAqBK,EAAehB,EAAa,QAGrEQ,EAAA,MAAA,CAAKG,UAAU,iBAAgBC,SAAA,CAC5BV,GACCQ,EAAA,MAAA,CAAAE,SACEF,EAACG,EAAK,CACJC,KAAK,UACLC,QAASd,EACTjB,MAAOgC,EAAed,EAAoB,QAI/CE,GACCM,EAAA,MAAA,CAAAE,SACEF,EAACG,GACCC,KAAK,UACLC,QAASZ,EACTnB,MAAOgC,EAAeZ,EAAqB,cAMrDM,EAAA,MAAA,CAAKC,UAAU,oBAAmBC,SAChCF,EAACS,GAAe/B,MAAOA,EAAOgC,IAAK/B,EAAqBkB,cAAeA,MAEzEC,EAAA,MAAA,CAAKG,UAAU,mBAAkBC,SAAA,CAC/BJ,EAAA,MAAA,CAAKG,UAAU,sBAAqBC,SAAA,EACjCtB,aAAqB,EAArBA,EAAuBN,QACtB0B,EAACW,EAAmB,CAClBV,UAAU,mBACVW,aAAchC,EACdiC,QAASlB,KAGZd,aAAoB,EAApBA,EAAsBP,QACrB0B,EAACW,EAAmB,CAClBV,UAAU,mBACVW,aAAc/B,EACdgC,QAASlB,OAIdN,EACCW,SAAKC,UAAU,WAAUC,SAAEb,IAE3BW,EAACc,EAAqB,CACpB5B,SAAUA,EACVC,eAAgBA,EAChBC,cAAeA,EACfa,UAAU,gBAIfhB,GAAkBe,EAACe,mBAAsB/B,YAmD9Ce,EAAkCiB,EAAOC,EAAS,CACtDC,kBAAoBC,GAAkB,qBAATA,GAAwC,sBAATA,GAAyC,SAATA,GADtDH,CAEqDI,IAAA,IAAAC,MAAEA,GAAKD,EAAKE,EAAKC,EAAAH,EAAjB,WAC3F,MAAMI,EA7Cc,EAAC1C,EAA2BC,KAChD,IAAI0C,EAAU,GACd,OAAQ1C,GACN,IAAK,YACH0C,EAAU,6FACV,MACF,IAAK,YACHA,EAAU,4FACV,MACF,IAAK,YACHA,EAAU,6FAGd,OAAQ3C,GACN,IAAK,YACH2C,EAAU,iFACV,MACF,IAAK,YACHA,EAAU,gFACV,MACF,IAAK,YACHA,EAAU,iFAGd,OAAOA,GAqBcC,CAAcJ,EAAMxC,iBAAkBwC,EAAMvC,mBAC3D4C,EAnBgB,EAAC7C,EAA2BC,EAA4BsC,KAC9E,IAAIO,EAAQ,GAOZ,MAN0B,aAAtB7C,GAAyD,aAArBD,IACtC8C,EAAQP,EAAMQ,QAAQC,KAAKC,SAG3BH,EADuB,aAArB9C,EACMuC,EAAMQ,QAAQG,UAAUC,IACnBZ,EAAMQ,QAAQC,KAAKC,QAC3BH,GAWWM,CAAgBZ,EAAMxC,iBAAkBwC,EAAMvC,kBAAmBsC,GACnF,IAAId,EAAQ,CAAA,EAgLZ,OA9KAA,EAAQ,CACN4B,SAAU,WACVC,MAAO,OACPC,QAAS,OACTC,gBAAiBjB,EAAMQ,QAAQU,YAAYR,QAC3CH,MAAOD,EACP,oBAAqB,CACnBa,QAAS,OACTC,SAAU,OACVN,SAAU,WACVO,OAAQ,GAEV,uBAAwB,CACtBC,UAAW,QACXR,SAAU,WACV,CAACd,EAAMuB,YAAYC,GAAG,OAAQ,CAC5BV,SAAyB,UAAfb,EAAM1B,KAAmB,WAAa,WAChD+C,UAA0B,UAAfrB,EAAM1B,KAAmB,EAAI,SAG1C8C,OAAQ,EACRN,MAAO,OACPU,OAAQ,OACRN,QAAS,OACTO,eAAgB,SAChB,WAAY,CACVC,UAAW,QACXC,SAAU,OACVC,UAAW,OACXf,SAAU,WACVgB,UAAW,YAGf,kCAAmC,CACjChB,SAAU,WACVW,OAAQ,OACRV,MAAO,QAET,2BAA4B,CAC1BgB,SAAU,SACVN,OAAQ,OACRV,MAAO,OACPiB,cAAe,SACfb,QAAS,OACTO,eAA+B,UAAfzB,EAAM1B,KAAmB,gBAAkB,SAC3D0D,UAAW,aACX,8BAA+B,CAC7BZ,OAAQ,EACRN,MAAO,OACPD,SAAU,WACV,mBAAoB,CAClBoB,SAAU,OACV,CAAClC,EAAMuB,YAAYC,GAAG,OAAQ,CAC5BU,SAAU,QAEZC,WAAY,QAEd,wBAAyB,CACvBD,SAAU,OACV,CAAClC,EAAMuB,YAAYC,GAAG,OAAQ,CAC5BU,SAAU,QAEZC,WAAY,QAEd,6BAA8B,CAC5BC,WAAY,iBACZC,aAAc,OAEhB,sBAAuB,CACrBF,WAAY,kBACZE,aAAc,OAEhB,kCAAmC,CACjClB,QAAS,cACTmB,WAAY,SACZP,SAAU,SACVQ,aAAc,WACdxB,MAAO,OACP,yBAA0B,CACxBmB,SAAU,OACVC,WAAY,OACZG,WAAY,SACZP,SAAU,SACVQ,aAAc,WACd,CAACvC,EAAMuB,YAAYC,GAAG,OAAQ,CAC5BU,SAAU,OACVC,WAAY,WAKpB,wBAAyB,CACvBb,UAAW,QACXR,SAAU,WACV,CAACd,EAAMuB,YAAYC,GAAG,OAAQ,CAC5BF,UAA0B,UAAfrB,EAAM1B,KAAmB,EAAI,SAG1C4C,QAAS,OACTa,cAAe,iBACfZ,SAAU,eACVL,MAAO,OACPW,eAAgB,gBAChBL,OAAQ,EACR,CAACrB,EAAMuB,YAAYC,GAAG,OAAQ,CAC5BQ,cAAe,OAEjB,2BAA4B,CAC1Bb,QAAS,OACTa,cAAe,SACfQ,WAAY,MACZpB,SAAU,OACVqB,IAAK,YACLnB,UAAW,MACX,wBAAyB,CACvBP,MAAO,OACP,CAACf,EAAMuB,YAAYC,GAAG,OAAQ,CAC5BT,MAAO,OACPC,QAAS,eAEX,SAAU,CACRD,MAAO,SAGX,oBAAqB,CACnBA,MAAO,QAET,CAACf,EAAMuB,YAAYC,GAAG,OAAQ,CAC5BQ,cAAe,MACf,QAAS,CACP,QAAS,CACPV,UAAW,QAKnB,iBAAkB,CAChBH,QAAS,QACTS,SAAU,OACVM,SAAU,OACV,CAAClC,EAAMuB,YAAYC,GAAG,OAAQ,CAC5BT,MAAO,OACP2B,UAAW,OAEb,eAAgB,CACdvD,OAAQ,GAEV,iBAAkB,CAChBwD,WAAY,OACZC,KAAM,CAAED,WAAY,QAEtB,0BAA2B,CACzBxB,QAAS,cACTS,SAAU,OACVU,WAAY,SACZP,SAAU,SACVQ,aAAc,YAEhB,iBAAkB,CAChBD,WAAY,SACZP,SAAU,SACVQ,aAAc,cAIpB,yBAA0B,CACxBM,IAAK,OACLC,MAAO,SAGX,6BAA8B,CAC5BC,WAAY5C,IAGTjB"}

package/organisms/cardTypeOnly/cardTypeOnly.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{styled as r,Card as i}from"@mui/material";import a from"./cardTypeOnlyComponent.js";import{CardStandardWrapperStyled as o}from"../common/styled/cardStandardWrapperStyled.js";import{opacityLayerSwitchLightStatement as n,opacityLayerSwitchDarkStatement as p}from"../../utils/utilities.js";const d=t(((t,r)=>e(o,{isBorderRadius:t.isBorderRadius,ref:r,children:e(m,{children:e(a,Object.assign({isCompact:!0},t))})}))),m=r(i)`
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{styled as r,Card as i}from"@mui/material";import a from"./cardTypeOnlyComponent.js";import{CardStandardWrapperStyled as o}from"../common/styled/cardStandardWrapperStyled.js";import{opacityLayerSwitchLightStatement as n,opacityLayerSwitchDarkStatement as p}from"../../utils/utilities.js";const d=t((t,r)=>e(o,{isBorderRadius:t.isBorderRadius,ref:r,children:e(m,{children:e(a,Object.assign({isCompact:!0},t))})})),m=r(i)`
   width: 100%;
   box-shadow: none;
   background-color: #f6f7f8ff !important;

package/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":"~~iXAsEa~~,~~MAAAA~~,EAAeC,~~GAA8C~~,CAACC,EAAOC,IAE9EC,EAACC,EAAyB,CAACC,eAAgBJ,EAAMI,eAAgBH,IAAKA,EAAGI,SACvEH,EAACI,~~EACC~~,CAAAD,~~SAAAH~~,EAACK,EAAqBC,OAAAC,OAAA,CAACC,WAAW,GAAUV,~~UAS9CM~~,EAAqBK,EAAOC,EAAwD;;;;;;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,EAAiC7B,EAAMK,SAASL,MAAMkB,aAAc;;MAG1ElB,GACM8B,EAAgC9B,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":"iXAsEO,MAAMA,EAAeC,EAA8C,CAACC,EAAOC,IAE9EC,EAACC,EAAyB,CAACC,eAAgBJ,EAAMI,eAAgBH,IAAKA,EAAGI,SACvEH,EAACI,EAAkB,CAAAD,SACjBH,EAACK,EAAqBC,OAAAC,OAAA,CAACC,WAAW,GAAUV,SAS9CM,EAAqBK,EAAOC,EAAwD;;;;;;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,EAAiC7B,EAAMK,SAASL,MAAMkB,aAAc;;MAG1ElB,GACM8B,EAAgC9B,EAAMK,SAASL,MAAMmB,YAAa;;"}

package/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":["CardTypeOnlyComponent","cardTypeOnlyText","mandatoryButtonObject","optionalButtonObject","isCompact","_jsxs","_jsx","className","children","handleMaxChars","label","ButtonCardComponent","buttonObject","compact"],"mappings":"8LAKA,MAAMA,EAA+C,EACnDC,mBACAC,wBACAC,uBACAC,eAGEC,eACEC,~~EAAK~~,MAAA,~~CAAAC~~,UAAU,0BACfF,EAAA,MAAA,CAAKE,UAAU,~~gBACZC~~,SAAA,~~CAAAP~~,GAAoBK,~~EAAM~~,OAAA,~~CAAAC~~,UAAU,gBAAeC,SAAEC,EAAeR,EAAkB,OACvFK,~~EAAK~~,MAAA,~~CAAAC~~,UAAU,4BAA2BC,SACxCF,~~EAAK~~,MAAA,~~CAAAC~~,UAAU,4CACbF,~~EAAK~~,MAAA,~~CAAAE~~,UAAU,~~mBACZC~~,SAAA,~~EAAAN~~,~~aAAA~~,~~EAAAA~~,EAAuBQ,QACtBJ,EAACK,~~EACC~~,~~CAAAJ~~,UAAU,mBACVK,aAAcV,EACdW,QAAST,KAGZD,aAAoB,EAApBA,EAAsBO,QACrBJ,EAACK,EAAmB,CAClBJ,UAAU,mBACVK,aAAcT,EACdU,QAAST"}
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":["CardTypeOnlyComponent","cardTypeOnlyText","mandatoryButtonObject","optionalButtonObject","isCompact","_jsxs","_jsx","className","children","handleMaxChars","label","ButtonCardComponent","buttonObject","compact"],"mappings":"8LAKA,MAAMA,EAA+C,EACnDC,mBACAC,wBACAC,uBACAC,eAGEC,eACEC,EAAA,MAAA,CAAKC,UAAU,0BACfF,EAAA,MAAA,CAAKE,UAAU,gBAAeC,SAAA,CAC3BP,GAAoBK,EAAA,OAAA,CAAMC,UAAU,gBAAeC,SAAEC,EAAeR,EAAkB,OACvFK,EAAA,MAAA,CAAKC,UAAU,4BAA2BC,SACxCF,EAAA,MAAA,CAAKC,UAAU,4CACbF,EAAA,MAAA,CAAKE,UAAU,mBAAkBC,SAAA,EAC9BN,aAAqB,EAArBA,EAAuBQ,QACtBJ,EAACK,EAAmB,CAClBJ,UAAU,mBACVK,aAAcV,EACdW,QAAST,KAGZD,aAAoB,EAApBA,EAAsBO,QACrBJ,EAACK,EAAmB,CAClBJ,UAAU,mBACVK,aAAcT,EACdU,QAAST"}

package/organisms/carousel/carousel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as t,useCallback as o,useEffect as l}from"react";import r from"embla-carousel-react";import s from"embla-carousel-class-names";import n from"embla-carousel-autoplay";import{CarouselStyledHorizontal as i}from"./styledComponents/styledCarouselHorizontal.js";import{CarouselStyledVertical as a}from"./styledComponents/styledCarouselVertical.js";import{useTheme as c}from"@mui/material";import{template as d}from"./carouselTemplate.js";const m=(e,t)=>{e&&("ltr"===t?e.scrollPrev():e.scrollNext())},p=(e,t)=>{e&&("rtl"===t?e.scrollPrev():e.scrollNext())},u=(e,t)=>{e&&e.scrollTo(t)},S=(e,t)=>{const o=e.slideNodes();t<=1&&o.forEach((e=>{if(e){const t=e.querySelector("img");if(t)return e.style.width=`${t.naturalWidth}px`}}))},h=h=>{const{align:b="start",autoPlay:f=!1,axis:x="x",buttonAreaControlsHeight:g="50%",buttonControls:y=!0,buttonControlsPosition:C="0",cssClass:w="",direction:I="ltr",heightSlide:T,isSlideDifferentWidth:v=!1,loop:j=!1,numberingSeparator:P="/",numberingSlides:k=!0,progressbar:N=!1,slidesItems:M,slideToScroll:O=1,slideToShow:W=1,slideSelectedClass:z="slide-selected",speed:D=10,startIndex:H=0,bulletScroll:V=!1,bulletStyle:$="dot",bulletTheme:q="dark",prevControlIcon:A="arrow-left",nextControlIcon:E="arrow-right",controlIconStyle:F="regular",controlIconFontSize:B="medium",controlVariant:G="standard",controlColor:J="dark"}=h,K=n({playOnInit:!!f}),L={selected:z},Q="center"!==b?"trimSnaps":"",[R,U]=t(H),[X,Y]=t(!0),[Z,_]=t(!0),[ee,te]=t(0),[oe,le]=t(!1),[re,se]=t(),[ne,ie]=t(""),ae={align:b,axis:x,containScroll:Q,direction:I,loop:j,slidesToScroll:re?1:O,skipSnaps:!1,speed:D,startIndex:H},[ce,de]=r(ae,[K,s(L)]),me=c(),pe=e=>{le(!oe),(e=>{switch(!0){case"prev"===e&&X:return ie("embla-container-prev");case"next"===e&&Z:return ie("embla-container-next");default:ie("")}})(e)},ue=o((()=>{if(!de&&!N)return;const e=Math.max(0,Math.min(1,de.scrollProgress()));te(100*e)}),[de,N,te]);return l((()=>{if(de){S(de,W);const e=()=>{const e=de.selectedScrollSnap();U(e),U(de.selectedScrollSnap()),Y(de.canScrollPrev()),_(de.canScrollNext())};de.on("select",e),e(),de.on("scroll",ue),ue()}}),[de,N,ue,W]),l((()=>{const e=window.matchMedia(`(max-width: ${me.breakpoints.values.md}px)`);se(e.matches)}),[me.breakpoints.values.md]),"y"===x?e(a,Object.assign({align:b,slidesItems:M,slideToShow:W,bulletTheme:q},h,{children:d(w,oe,X,de,I,ce,M,T,y,g,C,Z,k,R,P,N,ee,(e=>pe(e)),W,ne,V,$,u,m,p,A,E,F,B,G,J)})):e(i,Object.assign({isSlideDifferentWidth:v,align:b,slidesItems:M,slideToShow:W,bulletTheme:q},h,{children:d(w,oe,X,de,I,ce,M,T,y,g,C,Z,k,R,P,N,ee,(e=>pe(e)),W,ne,V,$,u,m,p,A,E,F,B,G,J)}))};export{h as DeprecatedCarousel,S as emblaWidthSize,p as handleScrollNext,m as handleScrollPrev,u as handleScrollTo};
+import{jsx as e}from"react/jsx-runtime";import{useState as t,useCallback as o,useEffect as l}from"react";import r from"embla-carousel-react";import s from"embla-carousel-class-names";import n from"embla-carousel-autoplay";import{CarouselStyledHorizontal as i}from"./styledComponents/styledCarouselHorizontal.js";import{CarouselStyledVertical as a}from"./styledComponents/styledCarouselVertical.js";import{useTheme as c}from"@mui/material";import{template as d}from"./carouselTemplate.js";const m=(e,t)=>{e&&("ltr"===t?e.scrollPrev():e.scrollNext())},p=(e,t)=>{e&&("rtl"===t?e.scrollPrev():e.scrollNext())},u=(e,t)=>{e&&e.scrollTo(t)},S=(e,t)=>{const o=e.slideNodes();t<=1&&o.forEach(e=>{if(e){const t=e.querySelector("img");if(t)return e.style.width=`${t.naturalWidth}px`}})},h=h=>{const{align:b="start",autoPlay:f=!1,axis:x="x",buttonAreaControlsHeight:g="50%",buttonControls:y=!0,buttonControlsPosition:C="0",cssClass:w="",direction:I="ltr",heightSlide:T,isSlideDifferentWidth:v=!1,loop:j=!1,numberingSeparator:P="/",numberingSlides:k=!0,progressbar:N=!1,slidesItems:M,slideToScroll:O=1,slideToShow:W=1,slideSelectedClass:z="slide-selected",speed:D=10,startIndex:H=0,bulletScroll:V=!1,bulletStyle:$="dot",bulletTheme:q="dark",prevControlIcon:A="arrow-left",nextControlIcon:E="arrow-right",controlIconStyle:F="regular",controlIconFontSize:B="medium",controlVariant:G="standard",controlColor:J="dark"}=h,K=n({playOnInit:!!f}),L={selected:z},Q="center"!==b?"trimSnaps":"",[R,U]=t(H),[X,Y]=t(!0),[Z,_]=t(!0),[ee,te]=t(0),[oe,le]=t(!1),[re,se]=t(),[ne,ie]=t(""),ae={align:b,axis:x,containScroll:Q,direction:I,loop:j,slidesToScroll:re?1:O,skipSnaps:!1,speed:D,startIndex:H},[ce,de]=r(ae,[K,s(L)]),me=c(),pe=e=>{le(!oe),(e=>{switch(!0){case"prev"===e&&X:return ie("embla-container-prev");case"next"===e&&Z:return ie("embla-container-next");default:ie("")}})(e)},ue=o(()=>{if(!de&&!N)return;const e=Math.max(0,Math.min(1,de.scrollProgress()));te(100*e)},[de,N,te]);return l(()=>{if(de){S(de,W);const e=()=>{const e=de.selectedScrollSnap();U(e),U(de.selectedScrollSnap()),Y(de.canScrollPrev()),_(de.canScrollNext())};de.on("select",e),e(),de.on("scroll",ue),ue()}},[de,N,ue,W]),l(()=>{const e=window.matchMedia(`(max-width: ${me.breakpoints.values.md}px)`);se(e.matches)},[me.breakpoints.values.md]),"y"===x?e(a,Object.assign({align:b,slidesItems:M,slideToShow:W,bulletTheme:q},h,{children:d(w,oe,X,de,I,ce,M,T,y,g,C,Z,k,R,P,N,ee,e=>pe(e),W,ne,V,$,u,m,p,A,E,F,B,G,J)})):e(i,Object.assign({isSlideDifferentWidth:v,align:b,slidesItems:M,slideToShow:W,bulletTheme:q},h,{children:d(w,oe,X,de,I,ce,M,T,y,g,C,Z,k,R,P,N,ee,e=>pe(e),W,ne,V,$,u,m,p,A,E,F,B,G,J)}))};export{h as DeprecatedCarousel,S as emblaWidthSize,p as handleScrollNext,m as handleScrollPrev,u as handleScrollTo};
 //# sourceMappingURL=carousel.js.map