@skodaflow/web-library 4.0.3 → 4.2.0

package/organisms/cardPhotoFixed/cardPhotoFixed.d.ts

@@ -1,12 +1,11 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
 import { ButtonVariants } from '../..';
 /**
  * @interface CardPhotoFixedProps
  * @description  Properties are inherited from HTML div element
- * @deprecated
  */
-export interface CardPhotoFixedProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CardPhotoFixedProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Label text
      */
@@ -121,5 +120,6 @@ export interface CardPhotoFixedProps extends React.HTMLAttributes<HTMLDivElement
  * Properties are inherited from HTML Div element.
  * @param props CardPhotoFixedProps
  * @returns React Functional Component
+ * @deprecated
  */
 export declare const CardPhotoFixed: React.ForwardRefExoticComponent<CardPhotoFixedProps & React.RefAttributes<HTMLDivElement>>;

package/organisms/cardPhotoFixed/cardPhotoFixed.js

@@ -1,4 +1,4 @@
-import{jsx as e}from"react/jsx-runtime";import i from"react";import t from"@emotion/styled";import a from"@mui/material/Card";import{useTheme as r}from"@mui/material/styles";import o from"@mui/material/useMediaQuery";import p from"./cardPhotoFixedComponent.js";import{opacityLayerSwitchLightStatement as n,opacityLayerSwitchDarkStatement as d}from"../../utils/utilities.js";const m=i.forwardRef(((i,t)=>{const a=r(),n=o(a.breakpoints.up("md"));return e(l,{ref:t,children:e(p,Object.assign({isCompact:n},i))})})),l=t(a)`
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import t from"@emotion/styled";import a from"@mui/material/Card";import{useTheme as r}from"@mui/material/styles";import o from"@mui/material/useMediaQuery";import p from"./cardPhotoFixedComponent.js";import{opacityLayerSwitchLightStatement as n,opacityLayerSwitchDarkStatement as d}from"../../utils/utilities.js";const m=i(((i,t)=>{const a=r(),n=o(a.breakpoints.up("md"));return e(l,{ref:t,children:e(p,Object.assign({isCompact:n},i))})})),l=t(a)`
   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

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoFixed.js","sources":["../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":[null],"names":["CardPhotoFixed","React","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":"sXAuIO,MAAMA,EAAiBC,EAAMC,YAAgD,CAACC,EAAOC,KAC1F,MAAMC,EAAkBC,IAClBC,EAAYC,EAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OACEC,EAACC,GAAsBR,IAAKA,EAC1BS,SAAAF,EAACG,EAAwBC,OAAAC,OAAA,CAAAT,UAAWA,GAAeJ,KAErD,IAOES,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,mBACR;;;;uBAKmBzB,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,qBACR;;;;yBAKqB9B,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,oCACR;;2BAGiBpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;UAG1D/B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO,oCACR;;;;;;;;;;yBAWepC,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;;"}
+{"version":3,"file":"cardPhotoFixed.js","sources":["../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport { useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport CardPhotoFixedComponent from './cardPhotoFixedComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\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((props, ref) => {\n    const themeBreakpoint = useTheme();\n    const isCompact = useMediaQuery(themeBreakpoint.breakpoints.up('md'));\n    return (_jsx(CardPhotoFixedsStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({ isCompact: isCompact }, props)) }));\n});\n/**\n * @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoFixedsStyled = styled(MuiCard) `\r\n  background-color: ${(props) => {\n    return props.theme.palette.common.white;\n}};\r\n\r\n  color: ${(props) => {\n    if ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n        props.children.props.cardType === 'configurator') {\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    }\n    else\n        return props.theme.palette.common.white;\n}};\r\n\r\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\r\n\r\n  /* Height of the component */\r\n  height: 500px;\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n    height: 440px;\r\n  }\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n    height: 400px;\r\n  }\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n    height: 440px;\r\n  }\r\n\r\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\r\n\r\n  .CardImageHeader {\r\n    width: 100%;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n      max-width: 560px;\r\n    }\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n      max-width: 640px;\r\n    }\r\n  }\r\n\r\n  .CardImageHeader {\r\n    .VehicleEquipment {\r\n      margin: 0;\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        font-size: 23px;\r\n        line-height: 28px;\r\n      }\r\n    }\r\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}};\r\n  }\r\n\r\n  .CardImageText {\r\n    .CardImageSubtitleContainer {\r\n      display: inline-flex;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      width: 100%;\r\n    }\r\n    .CardImageSubtitle {\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n        font-size: 18px;\r\n        line-height: 28px;\r\n      }\r\n    }\r\n    .CardImageTitle {\r\n      font-size: 23px;\r\n      line-height: 28px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        font-size: 32px;\r\n        line-height: 38px;\r\n        ${(props) => {\n    if (props.children.props.cardSize === 'small') {\n        return 'font-size: 27px; line-height: 32px';\n    }\n}};\r\n      }\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n        font-size: 36px;\r\n        line-height: 44px;\r\n        ${(props) => {\n    if (props.children.props.cardSize === 'small') {\n        return 'font-size: 30px; line-height: 36px';\n    }\n}};\r\n      }\r\n    }\r\n  }\r\n  .CardImageButtonsContainer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-direction: column-reverse;\r\n    flex-wrap: wrap-reverse;\r\n    width: 100%;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n    }\r\n  }\r\n  .CardImageButtonsGroup {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    gap: 12px 16px;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n      width: auto;\r\n    }\r\n    .cta-button {\r\n      text-decoration: none;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n        width: auto;\r\n      }\r\n      div {\r\n        width: 100%;\r\n      }\r\n      button {\r\n        width: 100%;\r\n        @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n          width: auto;\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .LabelsOptional {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-top: 6px;\r\n  }\r\n  .infoText {\r\n    font-size: 14px;\r\n    margin-bottom: 12px;\r\n    margin-bottom: 12px;\r\n    width: 100%;\r\n    align-self: end;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      width: auto;\r\n      margin-bottom: 0;\r\n    }\r\n    .infoTextFirst {\r\n      font-weight: bold;\r\n      span {\r\n        font-weight: 300;\r\n      }\r\n    }\r\n    .infoTextThirdContainer {\r\n      display: inline-flex;\r\n      width: 100%;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n        display: inline;\r\n        text-align: right;\r\n        margin-bottom: 0;\r\n        width: auto;\r\n      }\r\n    }\r\n    .infoTextThird {\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n  }\r\n  .CardImageOverlayTheme {\r\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n  }\r\n`;\n//# sourceMappingURL=cardPhotoFixed.js.map"],"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":"oYAeY,MAACA,EAAiBC,GAAW,CAACC,EAAOC,KAC7C,MAAMC,EAAkBC,IAClBC,EAAYC,EAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OAAQC,EAAKC,EAAuB,CAAER,IAAKA,EAAKS,SAAUF,EAAKG,EAAyBC,OAAOC,OAAO,CAAET,UAAWA,GAAaJ,KAAY,IAK1IS,EAAwBK,EAAOC,EAAS;sBACvBf,GACZA,EAAMgB,MAAMC,QAAQC,OAAOC;;WAG1BnB,GACmC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,aACxC,iBAAlCrB,EAAMU,SAASV,MAAMsB,SACdtB,EAAMgB,MAAMC,QAAQC,OAAOK,OAEG,aAArCvB,EAAMU,SAASV,MAAMqB,aAA8BrB,EAAMU,SAASV,MAAMsB,SACjEtB,EAAMgB,MAAMC,QAAQC,OAAOC;;IAMrCnB,IACD,GAAIA,EAAMgB,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;;;uBAKmBzB,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;uBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;uBAGzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;IAI5D7B,IACD,GAAIA,EAAMU,SAASV,MAAM8B,eACrB,MAAO,qBACV;;;;yBAKqB9B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;yBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;;;;;;;;2BAUvC/B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;aAKvD5B,GACgC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,YAClErB,EAAMgB,MAAMC,QAAQe,KAAKC,QAEK,aAArCjC,EAAMU,SAASV,MAAMqB,YACdrB,EAAMgB,MAAMC,QAAQiB,UAAUC,SADzC;;;;;;;;;;;;;;;;;;2BAqBwBnC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;;;;;2BAQzC7B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;UAG1D5B,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACrB,MAAO,oCACV;;2BAGuBpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;UAG1D/B,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACrB,MAAO,oCACV;;;;;;;;;;yBAWqBpC,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,GACIqC,EAAiCrC,EAAMU,SAASV,MAAMoB,aAAc;;MAGxEpB,GACIsC,EAAgCtC,EAAMU,SAASV,MAAMqB,YAAa;;"}

package/organisms/cardPhotoFixed/cardPhotoFixedComponent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { CardPhotoFixedProps } from '.';
-declare const CardPhotoFixedComponent: React.ForwardRefExoticComponent<CardPhotoFixedProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardPhotoFixedComponent: FC<CardPhotoFixedProps>;
 export default CardPhotoFixedComponent;

package/organisms/cardPhotoFixed/cardPhotoFixedComponent.js

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

package/organisms/cardPhotoFixed/cardPhotoFixedComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoFixedComponent.js","sources":["../../../src/organisms/cardPhotoFixed/cardPhotoFixedComponent.tsx"],"sourcesContent":[null],"names":["CardPhotoFixedComponent","React","forwardRef","label","title","subTitle","description","labelInfoFirst","labelInfoFirstText","labelInfoFirstVariant","labelInfoSecond","labelInfoSecondText","labelInfoSecondVariant","cardImage","altImageDescription","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","infoText","infoTextSecond","infoTextThird","isCompact","analyticsCallback","ref","handleOnClick","useCallback","e","_jsxs","_Fragment","children","_jsx","className","Label","handleMaxChars","LabelFeature","variant","tabIndex","href","encodeURI","Button","compact","onClick","InfoTextCardComponent","src","alt"],"mappings":"yaAQM,MAAAA,EAA0BC,EAAMC,YACpC,EAEIC,QACAC,QACAC,WACAC,cACAC,iBACAC,qBACAC,wBACAC,kBACAC,sBACAC,yBACAC,YACAC,sBACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,WACAC,iBACAC,gBACAC,YACAC,qBAEFC,KAEA,MAAMC,EAAgBC,GACnBC,IACCJ,GAAqBA,EAAkBI,EAAE,GAE3C,CAACJ,IAGH,OACEK,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,EAAK,CAACD,UAAU,iBAAiBhC,MAAOkC,EAAelC,EAAO,MAC9DC,GAAS8B,EAAA,KAAA,CAAIC,UAAU,iBAAgBF,SAAEI,EAAejC,EAAO,MAC/DC,GAAY6B,QAAIC,UAAU,mBAAkBF,SAAEI,EAAehC,EAAU,MACvEC,GACC4B,EAAK,MAAA,CAAAC,UAAU,sCACbD,EAAM,OAAA,CAAAC,UAAU,oBAAqBF,SAAAI,EAAe/B,EAAa,QAGrEyB,EAAA,MAAA,CAAKI,UAAU,iBACZF,SAAA,CAAA1B,GAAkBC,GACjB0B,EAAA,MAAA,CAAAD,SACEC,EAACI,GAAaC,QAAS9B,EAAuBN,MAAOkC,EAAe7B,EAAoB,QAG3FE,GAAmBC,GAClBuB,EACE,MAAA,CAAAD,SAAAC,EAACI,EAAa,CAAAC,QAAS3B,EAAwBT,MAAOkC,EAAe1B,EAAqB,cAKlGoB,SAAKI,UAAU,4BAA2BF,SAAA,CACxCF,SAAKI,UAAU,wBAAuBF,SAAA,CACpCC,EAAG,IAAA,CAAAM,UAAW,EAAGL,UAAU,aAAaM,KAAMC,UAAU3B,GAAWkB,SACjEC,EAACS,GACCxC,MAAOkC,EAAerB,EAAa,IACnCuB,QAAStB,EACT2B,QAASnB,EACToB,QAAS,IAAMjB,EAAcZ,OAGhCE,GAAkBE,GAAuBD,GACxCe,EAAG,IAAA,CAAAM,UAAW,EAAGL,UAAU,aAAaM,KAAMC,UAAUvB,GAAmBc,SACzEC,EAACS,EAAM,CACLxC,MAAOkC,EAAejB,EAAqB,IAC3CmB,QAASlB,EACTuB,QAASnB,EACToB,QAAS,IAAMjB,EAAcR,UAKrCc,EAACY,EAAqB,CACpBxB,SAAUA,EACVC,eAAgBA,EAChBC,cAAeA,EACfW,UAAU,mBAIhBD,EAAK,MAAA,CAAAC,UAAU,iBAAgBF,SAC7BC,EAAK,MAAA,CAAAC,UAAU,mBAAkBF,SAC/BC,EAAK,MAAA,CAAAa,IAAKlC,EAAWmC,IAAKlC,UAIhC"}
+{"version":3,"file":"cardPhotoFixedComponent.js","sources":["../../../src/organisms/cardPhotoFixed/cardPhotoFixedComponent.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useCallback } from 'react';\nimport { Label } from '../../components/label';\nimport { Button } from '../../components/button';\nimport { LabelFeature } from '../../components/labelFeature';\nimport InfoTextCardComponent from '../common/infoTextCardComponent/infoTextCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nconst 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, }) => {\n    const handleOnClick = useCallback((e) => {\n        analyticsCallback === null || analyticsCallback === void 0 ? void 0 : analyticsCallback(e);\n    }, [analyticsCallback]);\n    return (_jsxs(_Fragment, { children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsxs(\"div\", { className: \"CardImageText\", children: [_jsxs(\"div\", { className: \"CardImageHeader\", children: [_jsx(Label, { className: \"CardImageLabel\", label: handleMaxChars(label, 30) }), title && _jsx(\"h2\", { className: \"CardImageTitle\", children: handleMaxChars(title, 35) }), subTitle && _jsx(\"h4\", { className: \"VehicleEquipment\", children: handleMaxChars(subTitle, 20) }), description && (_jsx(\"div\", { className: \"CardImageSubtitleContainer\", children: _jsx(\"span\", { className: \"CardImageSubtitle\", children: handleMaxChars(description, 50) }) })), _jsxs(\"div\", { className: \"LabelsOptional\", children: [labelInfoFirst && labelInfoFirstText && (_jsx(\"div\", { children: _jsx(LabelFeature, { variant: labelInfoFirstVariant, label: handleMaxChars(labelInfoFirstText, 30) }) })), labelInfoSecond && labelInfoSecondText && (_jsx(\"div\", { children: _jsx(LabelFeature, { variant: labelInfoSecondVariant, label: handleMaxChars(labelInfoSecondText, 30) }) }))] })] }), _jsxs(\"div\", { className: \"CardImageButtonsContainer\", children: [_jsxs(\"div\", { className: \"CardImageButtonsGroup\", children: [_jsx(\"a\", { tabIndex: -1, className: \"cta-button\", href: encodeURI(buttonLink), children: _jsx(Button, { label: handleMaxChars(buttonLabel, 30), variant: buttonVariant, compact: isCompact, onClick: () => handleOnClick(buttonLabel) }) }), optionalButton && optionalButtonLabel && optionalButtonLink && (_jsx(\"a\", { tabIndex: -1, className: \"cta-button\", href: encodeURI(optionalButtonLink), children: _jsx(Button, { label: handleMaxChars(optionalButtonLabel, 30), variant: optionalButtonVariant, compact: isCompact, onClick: () => handleOnClick(optionalButtonLabel) }) }))] }), _jsx(InfoTextCardComponent, { infoText: infoText, infoTextSecond: infoTextSecond, infoTextThird: infoTextThird, className: \"infoText\" })] })] }), _jsx(\"div\", { className: \"CardImageMedia\", children: _jsx(\"div\", { className: \"CardImagePicture\", children: _jsx(\"img\", { src: cardImage, alt: altImageDescription }) }) })] }));\n};\nexport default CardPhotoFixedComponent;\n//# sourceMappingURL=cardPhotoFixedComponent.js.map"],"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","LabelFeature","variant","tabIndex","href","encodeURI","Button","compact","onClick","InfoTextCardComponent","src","alt"],"mappings":"saAOK,MAACA,EAA0B,EAAGC,QAAOC,QAAOC,WAAUC,cAAaC,iBAAgBC,qBAAoBC,wBAAuBC,kBAAiBC,sBAAqBC,yBAAwBC,YAAWC,sBAAqBC,aAAYC,cAAaC,gBAAeC,iBAAgBC,qBAAoBC,sBAAqBC,wBAAuBC,WAAUC,iBAAgBC,gBAAeC,YAAWC,wBACzY,MAAMC,EAAgBC,GAAaC,IAC/BH,SAAsEA,EAAkBG,EAAE,GAC3F,CAACH,IACJ,OAAQI,EAAMC,EAAW,CAAEC,SAAU,CAACC,EAAK,MAAO,CAAEC,UAAW,0BAA4BJ,EAAM,MAAO,CAAEI,UAAW,gBAAiBF,SAAU,CAACF,EAAM,MAAO,CAAEI,UAAW,kBAAmBF,SAAU,CAACC,EAAKE,EAAO,CAAED,UAAW,iBAAkB/B,MAAOiC,EAAejC,EAAO,MAAQC,GAAS6B,EAAK,KAAM,CAAEC,UAAW,iBAAkBF,SAAUI,EAAehC,EAAO,MAAQC,GAAY4B,EAAK,KAAM,CAAEC,UAAW,mBAAoBF,SAAUI,EAAe/B,EAAU,MAAQC,GAAgB2B,EAAK,MAAO,CAAEC,UAAW,6BAA8BF,SAAUC,EAAK,OAAQ,CAAEC,UAAW,oBAAqBF,SAAUI,EAAe9B,EAAa,QAAYwB,EAAM,MAAO,CAAEI,UAAW,iBAAkBF,SAAU,CAACzB,GAAkBC,GAAuByB,EAAK,MAAO,CAAED,SAAUC,EAAKI,EAAc,CAAEC,QAAS7B,EAAuBN,MAAOiC,EAAe5B,EAAoB,QAAYE,GAAmBC,GAAwBsB,EAAK,MAAO,CAAED,SAAUC,EAAKI,EAAc,CAAEC,QAAS1B,EAAwBT,MAAOiC,EAAezB,EAAqB,cAAoBmB,EAAM,MAAO,CAAEI,UAAW,4BAA6BF,SAAU,CAACF,EAAM,MAAO,CAAEI,UAAW,wBAAyBF,SAAU,CAACC,EAAK,IAAK,CAAEM,UAAW,EAAGL,UAAW,aAAcM,KAAMC,UAAU1B,GAAaiB,SAAUC,EAAKS,EAAQ,CAAEvC,MAAOiC,EAAepB,EAAa,IAAKsB,QAASrB,EAAe0B,QAASlB,EAAWmB,QAAS,IAAMjB,EAAcX,OAAoBE,GAAkBE,GAAuBD,GAAuBc,EAAK,IAAK,CAAEM,UAAW,EAAGL,UAAW,aAAcM,KAAMC,UAAUtB,GAAqBa,SAAUC,EAAKS,EAAQ,CAAEvC,MAAOiC,EAAehB,EAAqB,IAAKkB,QAASjB,EAAuBsB,QAASlB,EAAWmB,QAAS,IAAMjB,EAAcP,UAAiCa,EAAKY,EAAuB,CAAEvB,SAAUA,EAAUC,eAAgBA,EAAgBC,cAAeA,EAAeU,UAAW,mBAAuBD,EAAK,MAAO,CAAEC,UAAW,iBAAkBF,SAAUC,EAAK,MAAO,CAAEC,UAAW,mBAAoBF,SAAUC,EAAK,MAAO,CAAEa,IAAKjC,EAAWkC,IAAKjC,UAAkC"}

package/organisms/cardPromoVehicle/cardPromoVehicle.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { FC, HTMLAttributes, ReactNode } from 'react';
 import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
 import { ButtonVariants } from '../../components/button';
 import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';
@@ -6,9 +6,8 @@ import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComp
  * @interface ChipProps
  * @description Base definition of SkodaFlow Chip independent on core implementation.
  * Properties are inherited from HTML div element
- * @deprecated
  */
-export interface CardPromoVehicleProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CardPromoVehicleProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Label text
      */
@@ -129,5 +128,6 @@ export interface CardPromoVehicleProps extends React.HTMLAttributes<HTMLDivEleme
  * Properties are inherited from HTML Div element.
  * @param props ChipProps
  * @returns React Functional Component
+ * @deprecated
  */
-export declare const CardPromoVehicle: React.ForwardRefExoticComponent<CardPromoVehicleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardPromoVehicle: FC<CardPromoVehicleProps>;

package/organisms/cardPromoVehicle/cardPromoVehicle.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import o from"react";import{CardPromoVehicleComponent as e}from"./cardPromoVehicleComponent.js";import{CardStandardWrapperStyled as i}from"../common/styled/cardStandardWrapperStyled.js";const t=o.forwardRef(((o,t)=>r(i,{isBorderRadius:o.isBorderRadius,size:o.size,children:r(e,Object.assign({isCompact:!0},o))})));export{t as CardPromoVehicle};
+import{jsx as r}from"react/jsx-runtime";import{CardPromoVehicleComponent as o}from"./cardPromoVehicleComponent.js";import{CardStandardWrapperStyled as e}from"../common/styled/cardStandardWrapperStyled.js";const i=i=>r(e,{isBorderRadius:i.isBorderRadius,size:i.size,children:r(o,Object.assign({isCompact:!0},i))});export{i as CardPromoVehicle};
 //# sourceMappingURL=cardPromoVehicle.js.map

package/organisms/cardPromoVehicle/cardPromoVehicle.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPromoVehicle.js","sources":["../../../src/organisms/cardPromoVehicle/cardPromoVehicle.tsx"],"sourcesContent":[null],"names":["CardPromoVehicle","React","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardPromoVehicleComponent","Object","assign","isCompact"],"mappings":"kOAyIO,MAAMA,EAAmBC,EAAMC,YAAkD,CAACC,EAAOC,IAE5FC,EAACC,EAA0B,CAAAC,eAAgBJ,EAAMI,eAAgBC,KAAML,EAAMK,KAC3EC,SAAAJ,EAACK,EAAyBC,OAAAC,OAAA,CAACC,WAAW,GAAUV"}
+{"version":3,"file":"cardPromoVehicle.js","sources":["../../../src/organisms/cardPromoVehicle/cardPromoVehicle.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport CardPromoVehicleComponent from './cardPromoVehicleComponent';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\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 = (props) => {\n    return (_jsx(CardStandardWrapperStyled, { isBorderRadius: props.isBorderRadius, size: props.size, children: _jsx(CardPromoVehicleComponent, Object.assign({ isCompact: true }, props)) }));\n};\n//# sourceMappingURL=cardPromoVehicle.js.map"],"names":["CardPromoVehicle","props","_jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardPromoVehicleComponent","Object","assign","isCompact"],"mappings":"6MAUY,MAACA,EAAoBC,GACrBC,EAAKC,EAA2B,CAAEC,eAAgBH,EAAMG,eAAgBC,KAAMJ,EAAMI,KAAMC,SAAUJ,EAAKK,EAA2BC,OAAOC,OAAO,CAAEC,WAAW,GAAQT"}

package/organisms/cardPromoVehicle/cardPromoVehicleComponent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { CardPromoVehicleProps } from './cardPromoVehicle';
-export declare const CardPromoVehicleComponent: React.ForwardRefExoticComponent<CardPromoVehicleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardPromoVehicleComponent: FC<CardPromoVehicleProps>;
 export default CardPromoVehicleComponent;

package/organisms/cardPromoVehicle/cardPromoVehicleComponent.js

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

package/organisms/cardPromoVehicle/cardPromoVehicleComponent.js.map

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

package/organisms/cardTypeOnly/cardTypeOnly.d.ts

@@ -1,13 +1,12 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
 import { ButtonVariants } from '../..';
 /**
  * @interface ChipProps
  * @description Base definition of SkodaFlow Chip independent on core implementation.
  * Properties are inherited from HTML div element
- * @deprecated
  */
-export interface CardTypeOnlyProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CardTypeOnlyProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * If true borderRadius was added to entire card
      */
@@ -56,5 +55,6 @@ export interface CardTypeOnlyProps extends React.HTMLAttributes<HTMLDivElement>
  * Properties are inherited from HTML Div element.
  * @param props ChipProps
  * @returns React Functional Component
+ * @deprecated
  */
 export declare const CardTypeOnly: React.ForwardRefExoticComponent<CardTypeOnlyProps & React.RefAttributes<HTMLDivElement>>;

package/organisms/cardTypeOnly/cardTypeOnly.js

@@ -1,4 +1,4 @@
-import{jsx as e}from"react/jsx-runtime";import t from"react";import r from"@emotion/styled";import i from"@mui/material/Card";import a from"./cardTypeOnlyComponent.js";import{CardStandardWrapperStyled as o}from"../common/styled/cardStandardWrapperStyled.js";import{opacityLayerSwitchLightStatement as n,opacityLayerSwitchDarkStatement as d}from"../../utils/utilities.js";const p=t.forwardRef(((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 r from"@emotion/styled";import i from"@mui/material/Card";import a from"./cardTypeOnlyComponent.js";import{CardStandardWrapperStyled as o}from"../common/styled/cardStandardWrapperStyled.js";import{opacityLayerSwitchLightStatement as n,opacityLayerSwitchDarkStatement as d}from"../../utils/utilities.js";const p=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

@@ -1 +1 @@
-{"version":3,"file":"cardTypeOnly.js","sources":["../../../src/organisms/cardTypeOnly/cardTypeOnly.tsx"],"sourcesContent":[null],"names":["CardTypeOnly","React","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":"mXAuEO,MAAMA,EAAeC,EAAMC,YAA8C,CAACC,EAAOC,IAEpFC,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,wBACR;;sBAGkBb,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,mBACR;;IAGAvB,IACD,GAAIA,EAAMK,SAASL,MAAMI,eACvB,MAAO,qBACR;;;MAIEJ,IACD,GAAIA,EAAMK,SAASL,MAAMwB,iBACvB,MAAO,yBACR;;;;2BAKqBxB,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;;"}
+{"version":3,"file":"cardTypeOnly.js","sources":["../../../src/organisms/cardTypeOnly/cardTypeOnly.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport CardTypeOnlyComponent from './cardTypeOnlyComponent';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\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((props, ref) => {\n    return (_jsx(CardStandardWrapperStyled, { isBorderRadius: props.isBorderRadius, ref: ref, children: _jsx(CardTypeOnlyStyled, { children: _jsx(CardTypeOnlyComponent, Object.assign({ isCompact: true }, props)) }) }));\n});\n/**\n * @description Hero Image Card styling definition based on props\n */\nconst CardTypeOnlyStyled = styled(MuiCard) `\r\n  width: 100%;\r\n  box-shadow: none;\r\n  background-color: #f6f7f8ff !important;\r\n  padding: 24px;\r\n  min-height: 300px;\r\n  ${(props) => {\n    if (props.children.props.emptyCardText) {\n        return 'background-image: none';\n    }\n}};\r\n  background-repeat: no-repeat, repeat;\r\n  background-color: ${(props) => {\n    return props.theme.palette.onSurface.os0;\n}};\r\n\r\n  color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n    }\n    else if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n    }\n}};\r\n\r\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\r\n\r\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\r\n\t.CardImageText {\r\n    text-align: center;\r\n    ${(props) => {\n    if (props.children.props.cardTypeOnlyText) {\n        return 'justify-content: center';\n    }\n}};\r\n    .CardImageSubtitle {\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n        font-size: 18px;\r\n        line-height: 28px;\r\n      }\r\n    }\r\n    .emptyCardText {\r\n      align-self: center;\r\n      margin-bottom: 17px;\r\n    }\r\n  }\r\n  .CardImageButtonsContainerContent {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    flex-direction: column-reverse;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n    }\r\n  }\r\n  .CardImageButtonsContainer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n  }\r\n  .CardImageButtons {\r\n    justify-content: center;\r\n    gap: 12px 16px;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n    }\r\n    .button-component {\r\n      width: 100%;\r\n      div {\r\n        width: 100%;\r\n      }\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n      }\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  .CardImageOverlayTheme {\r\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n  }\r\n`;\n//# sourceMappingURL=cardTypeOnly.js.map"],"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":"iYAcY,MAACA,EAAeC,GAAW,CAACC,EAAOC,IACnCC,EAAKC,EAA2B,CAAEC,eAAgBJ,EAAMI,eAAgBH,IAAKA,EAAKI,SAAUH,EAAKI,EAAoB,CAAED,SAAUH,EAAKK,EAAuBC,OAAOC,OAAO,CAAEC,WAAW,GAAQV,UAKtMM,EAAqBK,EAAOC,EAAS;;;;;;IAMtCZ,IACD,GAAIA,EAAMK,SAASL,MAAMa,cACrB,MAAO,wBACV;;sBAGkBb,GACZA,EAAMc,MAAMC,QAAQC,UAAUC;;WAG7BjB,GACkC,aAAtCA,EAAMK,SAASL,MAAMkB,cAAoE,aAArClB,EAAMK,SAASL,MAAMmB,YAClEnB,EAAMc,MAAMC,QAAQK,KAAKC,QAEU,aAArCrB,EAAMK,SAASL,MAAMmB,YACnBnB,EAAMc,MAAMC,QAAQC,UAAUC,SADpC;;IAKJjB,IACD,GAAIA,EAAMc,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;IAGAvB,IACD,GAAIA,EAAMK,SAASL,MAAMI,eACrB,MAAO,qBACV;;;MAIEJ,IACH,GAAIA,EAAMK,SAASL,MAAMwB,iBACrB,MAAO,yBACV;;;;2BAKuBxB,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,GACI6B,EAAiC7B,EAAMK,SAASL,MAAMkB,aAAc;;MAGxElB,GACI8B,EAAgC9B,EAAMK,SAASL,MAAMmB,YAAa;;"}

package/organisms/cardTypeOnly/cardTypeOnlyComponent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { CardTypeOnlyProps } from '.';
-declare const CardTypeOnlyComponent: React.ForwardRefExoticComponent<CardTypeOnlyProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardTypeOnlyComponent: FC<CardTypeOnlyProps>;
 export default CardTypeOnlyComponent;

package/organisms/cardTypeOnly/cardTypeOnlyComponent.js

@@ -1,2 +1,2 @@
-import{jsxs as t,Fragment as a,jsx as e}from"react/jsx-runtime";import o from"react";import{handleMaxChars as n}from"../../utils/utilities.js";import m from"../common/buttonCardComponent/buttonCardComponent.js";const r=o.forwardRef((({cardTypeOnlyText:o,mandatoryButtonObject:r,optionalButtonObject:c,isCompact:l},s)=>t(a,{children:[e("div",{className:"CardImageOverlayTheme"}),t("div",{className:"CardImageText",children:[o&&e("span",{className:"emptyCardText",children:n(o,120)}),e("div",{className:"CardImageButtonsContainer",children:e("div",{className:"CardImageButtonsContainerContent",children:t("div",{className:"CardImageButtons",children:[(null==r?void 0:r.label)&&e(m,{className:"button-component",buttonObject:r,compact:l}),(null==c?void 0:c.label)&&e(m,{className:"button-component",buttonObject:c,compact:l})]})})})]})]})));export{r as default};
+import{jsxs as t,Fragment as a,jsx as e}from"react/jsx-runtime";import{handleMaxChars as n}from"../../utils/utilities.js";import o from"../common/buttonCardComponent/buttonCardComponent.js";const m=({cardTypeOnlyText:m,mandatoryButtonObject:c,optionalButtonObject:l,isCompact:r})=>t(a,{children:[e("div",{className:"CardImageOverlayTheme"}),t("div",{className:"CardImageText",children:[m&&e("span",{className:"emptyCardText",children:n(m,120)}),e("div",{className:"CardImageButtonsContainer",children:e("div",{className:"CardImageButtonsContainerContent",children:t("div",{className:"CardImageButtons",children:[(null==c?void 0:c.label)&&e(o,{className:"button-component",buttonObject:c,compact:r}),(null==l?void 0:l.label)&&e(o,{className:"button-component",buttonObject:l,compact:r})]})})})]})]});export{m as default};
 //# sourceMappingURL=cardTypeOnlyComponent.js.map

package/organisms/cardTypeOnly/cardTypeOnlyComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardTypeOnlyComponent.js","sources":["../../../src/organisms/cardTypeOnly/cardTypeOnlyComponent.tsx"],"sourcesContent":[null],"names":["CardTypeOnlyComponent","React","forwardRef","cardTypeOnlyText","mandatoryButtonObject","optionalButtonObject","isCompact","ref","_jsxs","_jsx","className","children","handleMaxChars","label","ButtonCardComponent","buttonObject","compact"],"mappings":"mNAKA,MAAMA,EAAwBC,EAAMC,YAClC,EAAGC,mBAAkBC,wBAAuBC,uBAAsBC,aAAaC,IAE3EC,eACEC,EAAK,MAAA,CAAAC,UAAU,0BACfF,EAAA,MAAA,CAAKE,UAAU,gBACZC,SAAA,CAAAR,GAAoBM,EAAM,OAAA,CAAAC,UAAU,gBAAeC,SAAEC,EAAeT,EAAkB,OACvFM,EAAK,MAAA,CAAAC,UAAU,4BAA2BC,SACxCF,EAAK,MAAA,CAAAC,UAAU,4CACbF,EAAK,MAAA,CAAAE,UAAU,mBACZC,SAAA,EAAAP,aAAA,EAAAA,EAAuBS,QACtBJ,EAACK,EACC,CAAAJ,UAAU,mBACVK,aAAcX,EACdY,QAASV,KAGZD,aAAoB,EAApBA,EAAsBQ,QACrBJ,EAACK,EAAmB,CAClBJ,UAAU,mBACVK,aAAcV,EACdW,QAASV"}
+{"version":3,"file":"cardTypeOnlyComponent.js","sources":["../../../src/organisms/cardTypeOnly/cardTypeOnlyComponent.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { handleMaxChars } from '../../utils/utilities';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nconst CardTypeOnlyComponent = ({ cardTypeOnlyText, mandatoryButtonObject, optionalButtonObject, isCompact, }) => {\n    return (_jsxs(_Fragment, { children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsxs(\"div\", { className: \"CardImageText\", children: [cardTypeOnlyText && _jsx(\"span\", { className: \"emptyCardText\", children: handleMaxChars(cardTypeOnlyText, 120) }), _jsx(\"div\", { className: \"CardImageButtonsContainer\", children: _jsx(\"div\", { className: \"CardImageButtonsContainerContent\", children: _jsxs(\"div\", { className: \"CardImageButtons\", children: [(mandatoryButtonObject === null || mandatoryButtonObject === void 0 ? void 0 : mandatoryButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: mandatoryButtonObject, compact: isCompact })), (optionalButtonObject === null || optionalButtonObject === void 0 ? void 0 : optionalButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: optionalButtonObject, compact: isCompact }))] }) }) })] })] }));\n};\nexport default CardTypeOnlyComponent;\n//# sourceMappingURL=cardTypeOnlyComponent.js.map"],"names":["CardTypeOnlyComponent","cardTypeOnlyText","mandatoryButtonObject","optionalButtonObject","isCompact","_jsxs","_Fragment","children","_jsx","className","handleMaxChars","label","ButtonCardComponent","buttonObject","compact"],"mappings":"8LAGK,MAACA,EAAwB,EAAGC,mBAAkBC,wBAAuBC,uBAAsBC,eACpFC,EAAMC,EAAW,CAAEC,SAAU,CAACC,EAAK,MAAO,CAAEC,UAAW,0BAA4BJ,EAAM,MAAO,CAAEI,UAAW,gBAAiBF,SAAU,CAACN,GAAoBO,EAAK,OAAQ,CAAEC,UAAW,gBAAiBF,SAAUG,EAAeT,EAAkB,OAASO,EAAK,MAAO,CAAEC,UAAW,4BAA6BF,SAAUC,EAAK,MAAO,CAAEC,UAAW,mCAAoCF,SAAUF,EAAM,MAAO,CAAEI,UAAW,mBAAoBF,SAAU,EAAEL,aAAqE,EAASA,EAAsBS,QAAWH,EAAKI,EAAqB,CAAEH,UAAW,mBAAoBI,aAAcX,EAAuBY,QAASV,KAAgBD,aAAmE,EAASA,EAAqBQ,QAAWH,EAAKI,EAAqB,CAAEH,UAAW,mBAAoBI,aAAcV,EAAsBW,QAASV"}

package/organisms/carousel/carousel.d.ts

@@ -64,7 +64,7 @@ export type CarouselPropType = {
     /**
      * Direction carousel ltr or rtl. Default ltr.
      */
-    direction?: any;
+    direction?: 'ltr' | 'rtl';
     /**
      * set height for slide carousel.
      */

package/organisms/carousel/carousel.js.map

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

package/organisms/carousel/carouselTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"carouselTemplate.js","sources":["../../../src/organisms/carousel/carouselTemplate.tsx"],"sourcesContent":[null],"names":["DotButton","selected","onClick","bulletStyle","_jsx","className","type","template","cssClass","hovered","prevBtnEnabled","emblaApi","direction","emblaRef","slidesItems","heightSlide","buttonControls","buttonAreaControlsHeight","buttonControlsPosition","nextBtnEnabled","numberingSlides","selectedIndex","numberingSeparator","progressbar","scrollProgress","toggleHover","slideToShow","classEmbla","bulletScroll","handleScrollTo","handleScrollPrev","handleScrollNext","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","isMirrored","_jsxs","_Fragment","children","dir","ref","map","slide","index","id","style","height","Controller","top","controlType","controllerColor","iconStyle","iconFontSize","getHoveredClass","onClickCallback","isDisabled","customHeight","onMouseEnter","onMouseLeave","Numbering","total","length","customSeparator","colorTheme","NumberingColors","DARK","size","NumberingSizes","LARGE","transform","_","mirroredIndex"],"mappings":"uUAOaA,EAAY,EAAGC,WAAUC,UAASC,iBAC7CC,EACE,SAAA,CAAAC,UACEF,GAA+B,QAAhBA,EACX,qBAAoBF,EAAW,cAAgB,IAC/C,eAAcA,EAAW,cAAgB,IAE/CK,KAAK,SACLJ,QAASA,IAIAK,EAAW,CACtBC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAzB,EACA0B,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAA2B,QAAd1B,EAEnB,OACE2B,EACEC,EAAA,CAAAC,SAAA,CAAArC,EAAA,MAAA,CAAKC,UAAW,SAASG,KAAYmB,IAAce,IAAK9B,EAAS6B,SAC/DF,SAAKlC,UAAU,kBAAkBsC,IAAK9B,EAAQ4B,SAAA,CAC5CrC,SAAKC,UAAU,mBACZoC,SAAA3B,EAAY8B,KAAI,CAACC,EAAOC,IACvB1C,EAAA,MAAA,CAAK2C,GAAI,SAASvC,MAAasC,IAASzC,UAAU,wBAChDD,EAAK,MAAA,CAAAC,UAAU,sBAAsB2C,MAAO,CAAEC,OAAQlC,GACnD0B,SAAAI,KAFiEC,OAOzE9B,GACCuB,EAAAC,EAAA,CAAAC,SAAA,CACErC,EAAC8C,EAAU,CACTF,MAAO,CAAEG,IAAK,GAAGjC,OACjBkC,YAAapB,EACbqB,gBAAiBhB,EACjBiB,UAAWpB,EACXqB,aAAcpB,EACdC,eAAgBA,EAChB/B,UAAW,qCAAqCmD,EAAgB,OAAQ/C,EAASC,KACjF+C,gBAAiB,IAAM3B,EAAiBnB,EAAUC,GAClD8C,WAAYpB,EAAa5B,IAAmBS,GAAkBT,EAC9DiD,aAAc1C,EACd2C,aAAc,IAAMnC,EAAY,QAChCoC,aAAc,IAAMpC,EAAY,MAElCrB,EAAC8C,GACCF,MAAO,CAAEG,IAAK,GAAGjC,OACjBkC,YAAanB,EACboB,gBAAiBhB,EACjBiB,UAAWpB,EACXqB,aAAcpB,EACdC,eAAgBA,EAChB/B,UAAW,qCAAqCmD,EAAgB,OAAQ/C,EAASU,KACjFsC,gBAAiB,IAAM1B,EAAiBpB,EAAUC,GAClD8C,WAAYpB,GAAc5B,GAAkBS,GAAkBA,EAC9DwC,aAAc1C,EACd2C,aAAc,IAAMnC,EAAY,QAChCoC,aAAc,IAAMpC,EAAY,cAMzCL,GACChB,EAAAoC,EAAA,CAAAC,SACErC,EAAC0D,EAAS,CACRzD,UAAU,qBACVyC,MAAOzB,EAAgBK,EACvBqC,MAAOjD,EAAYkD,OACnBC,gBAAiB3C,EACjB4C,WAAYC,EAAgBC,KAC5BC,KAAMC,EAAeC,UAI1BhD,IAAgBK,GACfxB,EAAA,MAAA,CAAKC,UAAU,2BACbD,EAAK,MAAA,CAAAC,UAAU,uBAAuB2C,MAAO,CAAEwB,UAAW,cAAchD,WAI3EI,GAAgC,IAAhBF,GACftB,EAAA,MAAA,CAAKC,UAAU,uBACZS,EAAY8B,KAAI,CAAC6B,EAAG3B,KACnB,MAAM4B,EAAgB5D,EAAYkD,OAASlB,EAAQ,EACnD,OACE1C,EAACJ,EACC,CAAAG,YAAaA,EAEbF,SAAUqC,EAAaoC,IAAkBrD,EAAgByB,IAAUzB,EACnEnB,QAAS,IAAM2B,EAAelB,EAAUmC,IAFnCA,EAIP,QAKV"}
+{"version":3,"file":"carouselTemplate.js","sources":["../../../src/organisms/carousel/carouselTemplate.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Controller } from '../../components/controls';\nimport { getHoveredClass } from './carousel';\nimport { Numbering } from '../../components/numbering';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\nexport const DotButton = ({ selected, onClick, bulletStyle }) => (_jsx(\"button\", { className: bulletStyle && bulletStyle === 'dot'\n        ? `embla__dot_small ${selected ? 'is-selected' : ''}`\n        : `embla__dot ${selected ? 'is-selected' : ''}`, type: \"button\", onClick: onClick }));\nexport const template = (cssClass, hovered, prevBtnEnabled, emblaApi, direction, emblaRef, slidesItems, heightSlide, buttonControls, buttonAreaControlsHeight, buttonControlsPosition, nextBtnEnabled, numberingSlides, selectedIndex, numberingSeparator, progressbar, scrollProgress, toggleHover, slideToShow, classEmbla, bulletScroll, bulletStyle, handleScrollTo, handleScrollPrev, handleScrollNext, prevControlIcon, nextControlIcon, controlIconStyle, controlIconFontSize, controlVariant, controlColor) => {\n    const isMirrored = direction === 'rtl';\n    return (_jsxs(_Fragment, { children: [_jsx(\"div\", { className: `embla ${cssClass} ${classEmbla}`, dir: direction, children: _jsxs(\"div\", { className: \"embla__viewport\", ref: emblaRef, children: [_jsx(\"div\", { className: \"embla__container\", children: slidesItems.map((slide, index) => (_jsx(\"div\", { id: `embla ${cssClass}__${index}`, className: \"embla__slide\", children: _jsx(\"div\", { className: \"embla__slide__inner\", style: { height: heightSlide }, children: slide }) }, index))) }), buttonControls && (_jsxs(_Fragment, { children: [_jsx(Controller, { style: { top: `${buttonControlsPosition}px` }, controlType: prevControlIcon, controllerColor: controlColor, iconStyle: controlIconStyle, iconFontSize: controlIconFontSize, controlVariant: controlVariant, className: `embla__button embla__button--prev ${getHoveredClass('prev', hovered, prevBtnEnabled)}`, onClickCallback: () => handleScrollPrev(emblaApi, direction), isDisabled: isMirrored ? prevBtnEnabled && !nextBtnEnabled : !prevBtnEnabled, customHeight: buttonAreaControlsHeight, onMouseEnter: () => toggleHover('prev'), onMouseLeave: () => toggleHover('') }), _jsx(Controller, { style: { top: `${buttonControlsPosition}px` }, controlType: nextControlIcon, controllerColor: controlColor, iconStyle: controlIconStyle, iconFontSize: controlIconFontSize, controlVariant: controlVariant, className: `embla__button embla__button--next ${getHoveredClass('next', hovered, nextBtnEnabled)}`, onClickCallback: () => handleScrollNext(emblaApi, direction), isDisabled: isMirrored ? !prevBtnEnabled && nextBtnEnabled : !nextBtnEnabled, customHeight: buttonAreaControlsHeight, onMouseEnter: () => toggleHover('next'), onMouseLeave: () => toggleHover('') })] }))] }) }), numberingSlides && (_jsx(_Fragment, { children: _jsx(Numbering, { className: \"carousel_numbering\", index: selectedIndex + slideToShow, total: slidesItems.length, customSeparator: numberingSeparator, colorTheme: NumberingColors.DARK, size: NumberingSizes.LARGE }) })), progressbar && !bulletScroll && (_jsx(\"div\", { className: \"embla__progress\", children: _jsx(\"div\", { className: \"embla__progress__bar\", style: { transform: `translateX(${scrollProgress}%)` } }) })), bulletScroll && slideToShow === 1 && (_jsx(\"div\", { className: \"embla__dots\", children: slidesItems.map((_, index) => {\n                    const mirroredIndex = slidesItems.length - index - 1;\n                    return (_jsx(DotButton, { bulletStyle: bulletStyle, selected: isMirrored ? mirroredIndex === selectedIndex : index === selectedIndex, onClick: () => handleScrollTo(emblaApi, index) }, index));\n                }) }))] }));\n};\n//# sourceMappingURL=carouselTemplate.js.map"],"names":["DotButton","selected","onClick","bulletStyle","_jsx","className","type","template","cssClass","hovered","prevBtnEnabled","emblaApi","direction","emblaRef","slidesItems","heightSlide","buttonControls","buttonAreaControlsHeight","buttonControlsPosition","nextBtnEnabled","numberingSlides","selectedIndex","numberingSeparator","progressbar","scrollProgress","toggleHover","slideToShow","classEmbla","bulletScroll","handleScrollTo","handleScrollPrev","handleScrollNext","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","isMirrored","_jsxs","_Fragment","children","dir","ref","map","slide","index","id","style","height","Controller","top","controlType","controllerColor","iconStyle","iconFontSize","getHoveredClass","onClickCallback","isDisabled","customHeight","onMouseEnter","onMouseLeave","Numbering","total","length","customSeparator","colorTheme","NumberingColors","DARK","size","NumberingSizes","LARGE","transform","_","mirroredIndex"],"mappings":"iUAKY,MAACA,EAAY,EAAGC,WAAUC,UAASC,iBAAmBC,EAAK,SAAU,CAAEC,UAAWF,GAA+B,QAAhBA,EACnG,qBAAoBF,EAAW,cAAgB,IAC/C,eAAcA,EAAW,cAAgB,IAAMK,KAAM,SAAUJ,QAASA,IACrEK,EAAW,CAACC,EAAUC,EAASC,EAAgBC,EAAUC,EAAWC,EAAUC,EAAaC,EAAaC,EAAgBC,EAA0BC,EAAwBC,EAAgBC,EAAiBC,EAAeC,EAAoBC,EAAaC,EAAgBC,EAAaC,EAAaC,EAAYC,EAAczB,EAAa0B,EAAgBC,EAAkBC,EAAkBC,EAAiBC,EAAiBC,EAAkBC,EAAqBC,EAAgBC,KACle,MAAMC,EAA2B,QAAd1B,EACnB,OAAQ2B,EAAMC,EAAW,CAAEC,SAAU,CAACrC,EAAK,MAAO,CAAEC,UAAW,SAASG,KAAYmB,IAAce,IAAK9B,EAAW6B,SAAUF,EAAM,MAAO,CAAElC,UAAW,kBAAmBsC,IAAK9B,EAAU4B,SAAU,CAACrC,EAAK,MAAO,CAAEC,UAAW,mBAAoBoC,SAAU3B,EAAY8B,KAAI,CAACC,EAAOC,IAAW1C,EAAK,MAAO,CAAE2C,GAAI,SAASvC,MAAasC,IAASzC,UAAW,eAAgBoC,SAAUrC,EAAK,MAAO,CAAEC,UAAW,sBAAuB2C,MAAO,CAAEC,OAAQlC,GAAe0B,SAAUI,KAAYC,OAAa9B,GAAmBuB,EAAMC,EAAW,CAAEC,SAAU,CAACrC,EAAK8C,EAAY,CAAEF,MAAO,CAAEG,IAAK,GAAGjC,OAA8BkC,YAAapB,EAAiBqB,gBAAiBhB,EAAciB,UAAWpB,EAAkBqB,aAAcpB,EAAqBC,eAAgBA,EAAgB/B,UAAW,qCAAqCmD,EAAgB,OAAQ/C,EAASC,KAAmB+C,gBAAiB,IAAM3B,EAAiBnB,EAAUC,GAAY8C,WAAYpB,EAAa5B,IAAmBS,GAAkBT,EAAgBiD,aAAc1C,EAA0B2C,aAAc,IAAMnC,EAAY,QAASoC,aAAc,IAAMpC,EAAY,MAAQrB,EAAK8C,EAAY,CAAEF,MAAO,CAAEG,IAAK,GAAGjC,OAA8BkC,YAAanB,EAAiBoB,gBAAiBhB,EAAciB,UAAWpB,EAAkBqB,aAAcpB,EAAqBC,eAAgBA,EAAgB/B,UAAW,qCAAqCmD,EAAgB,OAAQ/C,EAASU,KAAmBsC,gBAAiB,IAAM1B,EAAiBpB,EAAUC,GAAY8C,WAAYpB,GAAc5B,GAAkBS,GAAkBA,EAAgBwC,aAAc1C,EAA0B2C,aAAc,IAAMnC,EAAY,QAASoC,aAAc,IAAMpC,EAAY,cAAoBL,GAAoBhB,EAAKoC,EAAW,CAAEC,SAAUrC,EAAK0D,EAAW,CAAEzD,UAAW,qBAAsByC,MAAOzB,EAAgBK,EAAaqC,MAAOjD,EAAYkD,OAAQC,gBAAiB3C,EAAoB4C,WAAYC,EAAgBC,KAAMC,KAAMC,EAAeC,UAAchD,IAAgBK,GAAiBxB,EAAK,MAAO,CAAEC,UAAW,kBAAmBoC,SAAUrC,EAAK,MAAO,CAAEC,UAAW,uBAAwB2C,MAAO,CAAEwB,UAAW,cAAchD,WAA6BI,GAAgC,IAAhBF,GAAsBtB,EAAK,MAAO,CAAEC,UAAW,cAAeoC,SAAU3B,EAAY8B,KAAI,CAAC6B,EAAG3B,KACluE,MAAM4B,EAAgB5D,EAAYkD,OAASlB,EAAQ,EACnD,OAAQ1C,EAAKJ,EAAW,CAAEG,YAAaA,EAAaF,SAAUqC,EAAaoC,IAAkBrD,EAAgByB,IAAUzB,EAAenB,QAAS,IAAM2B,EAAelB,EAAUmC,IAAUA,EAAQ,QACxL"}

package/organisms/carousel/styledComponents/styledCarouselHorizontal.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { CarouselPropType } from '../carousel';
+import { Theme } from '@mui/material';
 export declare enum controlButtonsHover {
     NEXT = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K",
     PREV = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="
@@ -8,5 +9,5 @@ export declare const CarouselStyledHorizontal: import("@emotion/styled").StyledC
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;
 } & CarouselPropType & {
-    theme?: any;
+    theme?: Theme;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

package/organisms/carousel/styledComponents/styledCarouselVertical.js

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