@skodaflow/web-library 7.14.0 → 7.15.1

package/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map

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

package/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoAdjustableComponent.js","sources":["../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.tsx"],"sourcesContent":["import { FC, useCallback } from 'react';\nimport { CardPhotoAdjustableProps } from '.';\nimport { Button } from '../../components/button';\nimport { handleMaxChars } from '../../utils/utilities';\nimport { Label } from '@/src/components/label';\n\nconst CardPhotoFixedComponent: FC<CardPhotoAdjustableProps> = ({\n  cardImage,\n  altImageDescription,\n  labelText,\n  labelVariants,\n  title,\n  subtitle,\n  buttonLink,\n  buttonLabel,\n  buttonVariant,\n  optionalButton,\n  optionalButtonLink,\n  optionalButtonLabel,\n  optionalButtonVariant,\n  analyticsCallback,\n}) => {\n  const handleOnClick = useCallback(\n    (e: string) => {\n      analyticsCallback?.(e);\n    },\n    [analyticsCallback],\n  );\n  return (\n    <>\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"CardImageText\">\n        <div className=\"CardImageTextContainer\">\n          <div className=\"CardImageHeader\">\n            {labelText && (\n              <Label type=\"feature\" className=\"Label\" variant={labelVariants} label={handleMaxChars(labelText, 30)} />\n            )}\n            {title && <h2 className=\"h4\">{handleMaxChars(title, 30)}</h2>}\n            {subtitle && <span className=\"CardImageSubtitle\">{handleMaxChars(subtitle, 30)}</span>}\n          </div>\n          <div className=\"CardImageButtonsContainer\">\n            <div className=\"CardImageButtonsContainerContent\">\n              <div className=\"CardImageButtons\">\n                <a tabIndex={-1} className=\"cta-button\" href={encodeURI(buttonLink)} style={{ textDecoration: 'none' }}>\n                  <Button\n                    label={handleMaxChars(buttonLabel, 30)}\n                    variant={buttonVariant}\n                    compact={true}\n                    onClick={() => handleOnClick(buttonLabel)}\n                  />\n                </a>\n                {optionalButton && optionalButtonLabel && optionalButtonLink && (\n                  <a\n                    tabIndex={-1}\n                    className=\"cta-button\"\n                    href={encodeURI(optionalButtonLink)}\n                    style={{ textDecoration: 'none' }}\n                  >\n                    <Button\n                      label={handleMaxChars(optionalButtonLabel, 30)}\n                      variant={optionalButtonVariant}\n                      compact={true}\n                      onClick={() => handleOnClick(optionalButtonLabel)}\n                    />\n                  </a>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className=\"CardImageMedia\">\n        <div className=\"CardImagePicture\">\n          <img src={cardImage} alt={altImageDescription} />\n        </div>\n      </div>\n    </>\n  );\n};\nexport default CardPhotoFixedComponent;\n"],"names":["CardPhotoFixedComponent","cardImage","altImageDescription","labelText","labelVariants","title","subtitle","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","analyticsCallback","handleOnClick","useCallback","e","_jsxs","_Fragment","children","_jsx","className","Label","type","variant","label","handleMaxChars","tabIndex","href","encodeURI","style","textDecoration","Button","compact","onClick","src","alt"],"mappings":"iRAMA,MAAMA,EAAwD,EAC5DC,YACAC,sBACAC,YACAC,gBACAC,QACAC,WACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,wBAEA,MAAMC,EAAgBC,GACnBC,IACCH,SAAAA,EAAoBG,EAAE,GAExB,CAACH,IAEH,OACEI,EACEC,EAAA,CAAAC,SAAA,CAAAC,EAAA,MAAA,CAAKC,UAAU,0BACfD,EAAA,MAAA,CAAKC,UAAU,gBAAeF,SAC5BF,EAAK,MAAA,CAAAI,UAAU,yBACbF,SAAA,CAAAF,EAAA,MAAA,CAAKI,UAAU,kBAAiBF,SAAA,CAC7BjB,GACCkB,EAACE,EAAK,CAACC,KAAK,UAAUF,UAAU,QAAQG,QAASrB,EAAesB,MAAOC,EAAexB,EAAW,MAElGE,GAASgB,EAAA,KAAA,CAAIC,UAAU,KAAIF,SAAEO,EAAetB,EAAO,MACnDC,GAAYe,EAAA,OAAA,CAAMC,UAAU,oBAAmBF,SAAEO,EAAerB,EAAU,SAE7Ee,EAAA,MAAA,CAAKC,UAAU,4BAA2BF,SACxCC,EAAK,MAAA,CAAAC,UAAU,mCACbF,SAAAF,EAAA,MAAA,CAAKI,UAAU,mBAAkBF,SAAA,CAC/BC,EAAG,IAAA,CAAAO,UAAU,EAAIN,UAAU,aAAaO,KAAMC,UAAUvB,GAAawB,MAAO,CAAEC,eAAgB,QAC5FZ,SAAAC,EAACY,EACC,CAAAP,MAAOC,EAAenB,EAAa,IACnCiB,QAAShB,EACTyB,SAAS,EACTC,QAAS,IAAMpB,EAAcP,OAGhCE,GAAkBE,GAAuBD,GACxCU,EAAA,IAAA,CACEO,UAAU,EACVN,UAAU,aACVO,KAAMC,UAAUnB,GAChBoB,MAAO,CAAEC,eAAgB,QAAQZ,SAEjCC,EAACY,EAAM,CACLP,MAAOC,EAAef,EAAqB,IAC3Ca,QAASZ,EACTqB,SAAS,EACTC,QAAS,IAAMpB,EAAcH,mBAS7CS,EAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC7BC,EAAK,MAAA,CAAAC,UAAU,mBACbF,SAAAC,EAAA,MAAA,CAAKe,IAAKnC,EAAWoC,IAAKnC,UAG7B"}
+{"version":3,"file":"cardPhotoAdjustableComponent.js","sources":["../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.tsx"],"sourcesContent":["import { FC, useCallback } from 'react';\nimport { CardPhotoAdjustableProps } from '.';\nimport { Button } from '../../components/button';\nimport { handleMaxChars } from '../../utils/utilities';\nimport { Label } from '@/src/components/label';\n\nconst CardPhotoFixedComponent: FC<CardPhotoAdjustableProps> = ({\n  cardImage,\n  altImageDescription,\n  labelText,\n  labelVariants,\n  title,\n  subtitle,\n  buttonLink,\n  buttonLabel,\n  buttonVariant,\n  optionalButton,\n  optionalButtonLink,\n  optionalButtonLabel,\n  optionalButtonVariant,\n  analyticsCallback,\n}) => {\n  const handleOnClick = useCallback(\n    (e: string) => {\n      analyticsCallback?.(e);\n    },\n    [analyticsCallback],\n  );\n  return (\n    <>\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"CardImageText\">\n        <div className=\"CardImageTextContainer\">\n          <div className=\"CardImageHeader\">\n            {labelText && (\n              <Label type=\"feature\" className=\"Label\" variant={labelVariants} label={handleMaxChars(labelText, 30)} />\n            )}\n            {title && <h2 className=\"h4\">{handleMaxChars(title, 30)}</h2>}\n            {subtitle && <span className=\"CardImageSubtitle\">{handleMaxChars(subtitle, 30)}</span>}\n          </div>\n          <div className=\"CardImageButtonsContainer\">\n            <div className=\"CardImageButtonsContainerContent\">\n              <div className=\"CardImageButtons\">\n                <a tabIndex={-1} className=\"cta-button\" href={encodeURI(buttonLink)} style={{ textDecoration: 'none' }}>\n                  <Button\n                    label={handleMaxChars(buttonLabel, 30)}\n                    variant={buttonVariant}\n                    compact={true}\n                    onClick={() => handleOnClick(buttonLabel)}\n                  />\n                </a>\n                {optionalButton && optionalButtonLabel && optionalButtonLink && (\n                  <a\n                    tabIndex={-1}\n                    className=\"cta-button\"\n                    href={encodeURI(optionalButtonLink)}\n                    style={{ textDecoration: 'none' }}\n                  >\n                    <Button\n                      label={handleMaxChars(optionalButtonLabel, 30)}\n                      variant={optionalButtonVariant}\n                      compact={true}\n                      onClick={() => handleOnClick(optionalButtonLabel)}\n                    />\n                  </a>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className=\"CardImageMedia\">\n        <div className=\"CardImagePicture\">\n          <img src={cardImage} alt={altImageDescription} />\n        </div>\n      </div>\n    </>\n  );\n};\nexport default CardPhotoFixedComponent;\n"],"names":["CardPhotoFixedComponent","cardImage","altImageDescription","labelText","labelVariants","title","subtitle","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","analyticsCallback","handleOnClick","useCallback","e","_jsxs","_Fragment","children","_jsx","className","Label","type","variant","label","handleMaxChars","tabIndex","href","encodeURI","style","textDecoration","Button","compact","onClick","src","alt"],"mappings":"iRAMA,MAAMA,EAAwD,EAC5DC,YACAC,sBACAC,YACAC,gBACAC,QACAC,WACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,wBAEA,MAAMC,EAAgBC,GACnBC,IACCH,SAAAA,EAAoBG,EAAE,GAExB,CAACH,IAEH,OACEI,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAAA,MAAA,CAAKC,UAAU,0BACfD,EAAA,MAAA,CAAKC,UAAU,gBAAeF,SAC5BF,EAAA,MAAA,CAAKI,UAAU,yBAAwBF,SAAA,CACrCF,EAAA,MAAA,CAAKI,UAAU,kBAAiBF,SAAA,CAC7BjB,GACCkB,EAACE,EAAK,CAACC,KAAK,UAAUF,UAAU,QAAQG,QAASrB,EAAesB,MAAOC,EAAexB,EAAW,MAElGE,GAASgB,EAAA,KAAA,CAAIC,UAAU,KAAIF,SAAEO,EAAetB,EAAO,MACnDC,GAAYe,EAAA,OAAA,CAAMC,UAAU,oBAAmBF,SAAEO,EAAerB,EAAU,SAE7Ee,EAAA,MAAA,CAAKC,UAAU,4BAA2BF,SACxCC,EAAA,MAAA,CAAKC,UAAU,mCAAkCF,SAC/CF,EAAA,MAAA,CAAKI,UAAU,mBAAkBF,SAAA,CAC/BC,EAAA,IAAA,CAAGO,UAAU,EAAIN,UAAU,aAAaO,KAAMC,UAAUvB,GAAawB,MAAO,CAAEC,eAAgB,QAAQZ,SACpGC,EAACY,EAAM,CACLP,MAAOC,EAAenB,EAAa,IACnCiB,QAAShB,EACTyB,SAAS,EACTC,QAAS,IAAMpB,EAAcP,OAGhCE,GAAkBE,GAAuBD,GACxCU,EAAA,IAAA,CACEO,UAAU,EACVN,UAAU,aACVO,KAAMC,UAAUnB,GAChBoB,MAAO,CAAEC,eAAgB,QAAQZ,SAEjCC,EAACY,EAAM,CACLP,MAAOC,EAAef,EAAqB,IAC3Ca,QAASZ,EACTqB,SAAS,EACTC,QAAS,IAAMpB,EAAcH,mBAS7CS,EAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC7BC,EAAA,MAAA,CAAKC,UAAU,mBAAkBF,SAC/BC,EAAA,MAAA,CAAKe,IAAKnC,EAAWoC,IAAKnC,UAG7B"}

package/organisms/cardPhotoFixed/cardPhotoFixed.js.map

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

package/organisms/cardPhotoFixed/cardPhotoFixedComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoFixedComponent.js","sources":["../../../src/organisms/cardPhotoFixed/cardPhotoFixedComponent.tsx"],"sourcesContent":["import { useCallback, FC } from 'react';\nimport { CardPhotoFixedProps } from '.';\nimport { Label } from '../../components/label';\nimport { Button } from '../../components/button';\nimport InfoTextCardComponent from '../common/infoTextCardComponent/infoTextCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\n\nconst CardPhotoFixedComponent: FC<CardPhotoFixedProps> = ({\n  label,\n  title,\n  subTitle,\n  description,\n  labelInfoFirst,\n  labelInfoFirstText,\n  labelInfoFirstVariant,\n  labelInfoSecond,\n  labelInfoSecondText,\n  labelInfoSecondVariant,\n  cardImage,\n  altImageDescription,\n  buttonLink,\n  buttonLabel,\n  buttonVariant,\n  optionalButton,\n  optionalButtonLink,\n  optionalButtonLabel,\n  optionalButtonVariant,\n  infoText,\n  infoTextSecond,\n  infoTextThird,\n  isCompact,\n  analyticsCallback,\n}) => {\n  const handleOnClick = useCallback(\n    (e: string) => {\n      analyticsCallback?.(e);\n    },\n    [analyticsCallback],\n  );\n\n  return (\n    <>\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"CardImageText\">\n        <div className=\"CardImageHeader\">\n          <Label className=\"CardImageLabel\" label={handleMaxChars(label, 30)}></Label>\n          {title && <h2 className=\"CardImageTitle\">{handleMaxChars(title, 35)}</h2>}\n          {subTitle && <h4 className=\"VehicleEquipment\">{handleMaxChars(subTitle, 20)}</h4>}\n          {description && (\n            <div className=\"CardImageSubtitleContainer\">\n              <span className=\"CardImageSubtitle\">{handleMaxChars(description, 50)}</span>\n            </div>\n          )}\n          <div className=\"LabelsOptional\">\n            {labelInfoFirst && labelInfoFirstText && (\n              <div>\n                <Label type=\"feature\" variant={labelInfoFirstVariant} label={handleMaxChars(labelInfoFirstText, 30)} />\n              </div>\n            )}\n            {labelInfoSecond && labelInfoSecondText && (\n              <div>\n                <Label\n                  type=\"feature\"\n                  variant={labelInfoSecondVariant}\n                  label={handleMaxChars(labelInfoSecondText, 30)}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n        <div className=\"CardImageButtonsContainer\">\n          <div className=\"CardImageButtonsGroup\">\n            <a tabIndex={-1} className=\"cta-button\" href={encodeURI(buttonLink)}>\n              <Button\n                label={handleMaxChars(buttonLabel, 30)}\n                variant={buttonVariant}\n                compact={isCompact}\n                onClick={() => handleOnClick(buttonLabel)}\n              />\n            </a>\n            {optionalButton && optionalButtonLabel && optionalButtonLink && (\n              <a tabIndex={-1} className=\"cta-button\" href={encodeURI(optionalButtonLink)}>\n                <Button\n                  label={handleMaxChars(optionalButtonLabel, 30)}\n                  variant={optionalButtonVariant}\n                  compact={isCompact}\n                  onClick={() => handleOnClick(optionalButtonLabel)}\n                />\n              </a>\n            )}\n          </div>\n          <InfoTextCardComponent\n            infoText={infoText}\n            infoTextSecond={infoTextSecond}\n            infoTextThird={infoTextThird}\n            className=\"infoText\"\n          />\n        </div>\n      </div>\n      <div className=\"CardImageMedia\">\n        <div className=\"CardImagePicture\">\n          <img src={cardImage} alt={altImageDescription} />\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default CardPhotoFixedComponent;\n"],"names":["CardPhotoFixedComponent","label","title","subTitle","description","labelInfoFirst","labelInfoFirstText","labelInfoFirstVariant","labelInfoSecond","labelInfoSecondText","labelInfoSecondVariant","cardImage","altImageDescription","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","infoText","infoTextSecond","infoTextThird","isCompact","analyticsCallback","handleOnClick","useCallback","e","_jsxs","_Fragment","children","_jsx","className","Label","handleMaxChars","type","variant","tabIndex","href","encodeURI","Button","compact","onClick","InfoTextCardComponent","src","alt"],"mappings":"yVAOM,MAAAA,EAAmD,EACvDC,QACAC,QACAC,WACAC,cACAC,iBACAC,qBACAC,wBACAC,kBACAC,sBACAC,yBACAC,YACAC,sBACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,WACAC,iBACAC,gBACAC,YACAC,wBAEA,MAAMC,EAAgBC,GACnBC,IACCH,SAAAA,EAAoBG,EAAE,GAExB,CAACH,IAGH,OACEI,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAAK,MAAA,CAAAC,UAAU,0BACfJ,EAAA,MAAA,CAAKI,UAAU,gBACbF,SAAA,CAAAF,EAAA,MAAA,CAAKI,UAAU,kBACbF,SAAA,CAAAC,EAACE,EAAM,CAAAD,UAAU,iBAAiB/B,MAAOiC,EAAejC,EAAO,MAC9DC,GAAS6B,EAAI,KAAA,CAAAC,UAAU,iBAAgBF,SAAEI,EAAehC,EAAO,MAC/DC,GAAY4B,EAAI,KAAA,CAAAC,UAAU,mBAAkBF,SAAEI,EAAe/B,EAAU,MACvEC,GACC2B,EAAA,MAAA,CAAKC,UAAU,6BACbF,SAAAC,EAAA,OAAA,CAAMC,UAAU,oBAAqBF,SAAAI,EAAe9B,EAAa,QAGrEwB,EAAA,MAAA,CAAKI,UAAU,iBACZF,SAAA,CAAAzB,GAAkBC,GACjByB,EAAA,MAAA,CAAAD,SACEC,EAACE,EAAK,CAACE,KAAK,UAAUC,QAAS7B,EAAuBN,MAAOiC,EAAe5B,EAAoB,QAGnGE,GAAmBC,GAClBsB,EACE,MAAA,CAAAD,SAAAC,EAACE,EACC,CAAAE,KAAK,UACLC,QAAS1B,EACTT,MAAOiC,EAAezB,EAAqB,cAMrDmB,EAAA,MAAA,CAAKI,UAAU,4BACbF,SAAA,CAAAF,EAAA,MAAA,CAAKI,UAAU,wBACbF,SAAA,CAAAC,EAAA,IAAA,CAAGM,YAAcL,UAAU,aAAaM,KAAMC,UAAU1B,YACtDkB,EAACS,EACC,CAAAvC,MAAOiC,EAAepB,EAAa,IACnCsB,QAASrB,EACT0B,QAASlB,EACTmB,QAAS,IAAMjB,EAAcX,OAGhCE,GAAkBE,GAAuBD,GACxCc,OAAGM,UAAU,EAAIL,UAAU,aAAaM,KAAMC,UAAUtB,GACtDa,SAAAC,EAACS,EAAM,CACLvC,MAAOiC,EAAehB,EAAqB,IAC3CkB,QAASjB,EACTsB,QAASlB,EACTmB,QAAS,IAAMjB,EAAcP,UAKrCa,EAACY,EACC,CAAAvB,SAAUA,EACVC,eAAgBA,EAChBC,cAAeA,EACfU,UAAU,mBAIhBD,EAAK,MAAA,CAAAC,UAAU,iBAAgBF,SAC7BC,EAAK,MAAA,CAAAC,UAAU,mBAAkBF,SAC/BC,EAAK,MAAA,CAAAa,IAAKjC,EAAWkC,IAAKjC,UAG7B"}
+{"version":3,"file":"cardPhotoFixedComponent.js","sources":["../../../src/organisms/cardPhotoFixed/cardPhotoFixedComponent.tsx"],"sourcesContent":["import { useCallback, FC } from 'react';\nimport { CardPhotoFixedProps } from '.';\nimport { Label } from '../../components/label';\nimport { Button } from '../../components/button';\nimport InfoTextCardComponent from '../common/infoTextCardComponent/infoTextCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\n\nconst CardPhotoFixedComponent: FC<CardPhotoFixedProps> = ({\n  label,\n  title,\n  subTitle,\n  description,\n  labelInfoFirst,\n  labelInfoFirstText,\n  labelInfoFirstVariant,\n  labelInfoSecond,\n  labelInfoSecondText,\n  labelInfoSecondVariant,\n  cardImage,\n  altImageDescription,\n  buttonLink,\n  buttonLabel,\n  buttonVariant,\n  optionalButton,\n  optionalButtonLink,\n  optionalButtonLabel,\n  optionalButtonVariant,\n  infoText,\n  infoTextSecond,\n  infoTextThird,\n  isCompact,\n  analyticsCallback,\n}) => {\n  const handleOnClick = useCallback(\n    (e: string) => {\n      analyticsCallback?.(e);\n    },\n    [analyticsCallback],\n  );\n\n  return (\n    <>\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"CardImageText\">\n        <div className=\"CardImageHeader\">\n          <Label className=\"CardImageLabel\" label={handleMaxChars(label, 30)}></Label>\n          {title && <h2 className=\"CardImageTitle\">{handleMaxChars(title, 35)}</h2>}\n          {subTitle && <h4 className=\"VehicleEquipment\">{handleMaxChars(subTitle, 20)}</h4>}\n          {description && (\n            <div className=\"CardImageSubtitleContainer\">\n              <span className=\"CardImageSubtitle\">{handleMaxChars(description, 50)}</span>\n            </div>\n          )}\n          <div className=\"LabelsOptional\">\n            {labelInfoFirst && labelInfoFirstText && (\n              <div>\n                <Label type=\"feature\" variant={labelInfoFirstVariant} label={handleMaxChars(labelInfoFirstText, 30)} />\n              </div>\n            )}\n            {labelInfoSecond && labelInfoSecondText && (\n              <div>\n                <Label\n                  type=\"feature\"\n                  variant={labelInfoSecondVariant}\n                  label={handleMaxChars(labelInfoSecondText, 30)}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n        <div className=\"CardImageButtonsContainer\">\n          <div className=\"CardImageButtonsGroup\">\n            <a tabIndex={-1} className=\"cta-button\" href={encodeURI(buttonLink)}>\n              <Button\n                label={handleMaxChars(buttonLabel, 30)}\n                variant={buttonVariant}\n                compact={isCompact}\n                onClick={() => handleOnClick(buttonLabel)}\n              />\n            </a>\n            {optionalButton && optionalButtonLabel && optionalButtonLink && (\n              <a tabIndex={-1} className=\"cta-button\" href={encodeURI(optionalButtonLink)}>\n                <Button\n                  label={handleMaxChars(optionalButtonLabel, 30)}\n                  variant={optionalButtonVariant}\n                  compact={isCompact}\n                  onClick={() => handleOnClick(optionalButtonLabel)}\n                />\n              </a>\n            )}\n          </div>\n          <InfoTextCardComponent\n            infoText={infoText}\n            infoTextSecond={infoTextSecond}\n            infoTextThird={infoTextThird}\n            className=\"infoText\"\n          />\n        </div>\n      </div>\n      <div className=\"CardImageMedia\">\n        <div className=\"CardImagePicture\">\n          <img src={cardImage} alt={altImageDescription} />\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default CardPhotoFixedComponent;\n"],"names":["CardPhotoFixedComponent","label","title","subTitle","description","labelInfoFirst","labelInfoFirstText","labelInfoFirstVariant","labelInfoSecond","labelInfoSecondText","labelInfoSecondVariant","cardImage","altImageDescription","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","infoText","infoTextSecond","infoTextThird","isCompact","analyticsCallback","handleOnClick","useCallback","e","_jsxs","_Fragment","children","_jsx","className","Label","handleMaxChars","type","variant","tabIndex","href","encodeURI","Button","compact","onClick","InfoTextCardComponent","src","alt"],"mappings":"yVAOA,MAAMA,EAAmD,EACvDC,QACAC,QACAC,WACAC,cACAC,iBACAC,qBACAC,wBACAC,kBACAC,sBACAC,yBACAC,YACAC,sBACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,WACAC,iBACAC,gBACAC,YACAC,wBAEA,MAAMC,EAAgBC,GACnBC,IACCH,SAAAA,EAAoBG,EAAE,GAExB,CAACH,IAGH,OACEI,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAAA,MAAA,CAAKC,UAAU,0BACfJ,EAAA,MAAA,CAAKI,UAAU,gBAAeF,SAAA,CAC5BF,EAAA,MAAA,CAAKI,UAAU,kBAAiBF,SAAA,CAC9BC,EAACE,EAAK,CAACD,UAAU,iBAAiB/B,MAAOiC,EAAejC,EAAO,MAC9DC,GAAS6B,EAAA,KAAA,CAAIC,UAAU,iBAAgBF,SAAEI,EAAehC,EAAO,MAC/DC,GAAY4B,EAAA,KAAA,CAAIC,UAAU,mBAAkBF,SAAEI,EAAe/B,EAAU,MACvEC,GACC2B,EAAA,MAAA,CAAKC,UAAU,6BAA4BF,SACzCC,EAAA,OAAA,CAAMC,UAAU,oBAAmBF,SAAEI,EAAe9B,EAAa,QAGrEwB,EAAA,MAAA,CAAKI,UAAU,iBAAgBF,SAAA,CAC5BzB,GAAkBC,GACjByB,EAAA,MAAA,CAAAD,SACEC,EAACE,EAAK,CAACE,KAAK,UAAUC,QAAS7B,EAAuBN,MAAOiC,EAAe5B,EAAoB,QAGnGE,GAAmBC,GAClBsB,EAAA,MAAA,CAAAD,SACEC,EAACE,EAAK,CACJE,KAAK,UACLC,QAAS1B,EACTT,MAAOiC,EAAezB,EAAqB,cAMrDmB,EAAA,MAAA,CAAKI,UAAU,4BAA2BF,SAAA,CACxCF,EAAA,MAAA,CAAKI,UAAU,wBAAuBF,SAAA,CACpCC,EAAA,IAAA,CAAGM,YAAcL,UAAU,aAAaM,KAAMC,UAAU1B,YACtDkB,EAACS,EAAM,CACLvC,MAAOiC,EAAepB,EAAa,IACnCsB,QAASrB,EACT0B,QAASlB,EACTmB,QAAS,IAAMjB,EAAcX,OAGhCE,GAAkBE,GAAuBD,GACxCc,OAAGM,UAAU,EAAIL,UAAU,aAAaM,KAAMC,UAAUtB,GAAmBa,SACzEC,EAACS,EAAM,CACLvC,MAAOiC,EAAehB,EAAqB,IAC3CkB,QAASjB,EACTsB,QAASlB,EACTmB,QAAS,IAAMjB,EAAcP,UAKrCa,EAACY,EAAqB,CACpBvB,SAAUA,EACVC,eAAgBA,EAChBC,cAAeA,EACfU,UAAU,mBAIhBD,EAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC7BC,EAAA,MAAA,CAAKC,UAAU,mBAAkBF,SAC/BC,EAAA,MAAA,CAAKa,IAAKjC,EAAWkC,IAAKjC,UAG7B"}

package/organisms/cardPromoVehicle/cardPromoVehicle.js.map

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

package/organisms/cardPromoVehicle/cardPromoVehicleComponent.js.map

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

package/organisms/cardTypeOnly/cardTypeOnly.js.map

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

package/organisms/cardTypeOnly/cardTypeOnlyComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardTypeOnlyComponent.js","sources":["../../../src/organisms/cardTypeOnly/cardTypeOnlyComponent.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { CardTypeOnlyProps } from '.';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\n\nconst CardTypeOnlyComponent: FC<CardTypeOnlyProps> = ({\n  cardTypeOnlyText,\n  mandatoryButtonObject,\n  optionalButtonObject,\n  isCompact,\n}) => {\n  return (\n    <>\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"CardImageText\">\n        {cardTypeOnlyText && <span className=\"emptyCardText\">{handleMaxChars(cardTypeOnlyText, 120)}</span>}\n        <div className=\"CardImageButtonsContainer\">\n          <div className=\"CardImageButtonsContainerContent\">\n            <div className=\"CardImageButtons\">\n              {mandatoryButtonObject?.label && (\n                <ButtonCardComponent\n                  className=\"button-component\"\n                  buttonObject={mandatoryButtonObject}\n                  compact={isCompact}\n                />\n              )}\n              {optionalButtonObject?.label && (\n                <ButtonCardComponent\n                  className=\"button-component\"\n                  buttonObject={optionalButtonObject}\n                  compact={isCompact}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default CardTypeOnlyComponent;\n"],"names":["CardTypeOnlyComponent","cardTypeOnlyText","mandatoryButtonObject","optionalButtonObject","isCompact","_jsxs","_jsx","className","children","handleMaxChars","label","ButtonCardComponent","buttonObject","compact"],"mappings":"8LAKA,MAAMA,EAA+C,EACnDC,mBACAC,wBACAC,uBACAC,eAGEC,eACEC,EAAK,MAAA,CAAAC,UAAU,0BACfF,EAAA,MAAA,CAAKE,UAAU,gBACZC,SAAA,CAAAP,GAAoBK,EAAM,OAAA,CAAAC,UAAU,gBAAeC,SAAEC,EAAeR,EAAkB,OACvFK,EAAK,MAAA,CAAAC,UAAU,4BAA2BC,SACxCF,EAAK,MAAA,CAAAC,UAAU,4CACbF,EAAK,MAAA,CAAAE,UAAU,mBACZC,SAAA,EAAAN,aAAA,EAAAA,EAAuBQ,QACtBJ,EAACK,EACC,CAAAJ,UAAU,mBACVK,aAAcV,EACdW,QAAST,KAGZD,aAAoB,EAApBA,EAAsBO,QACrBJ,EAACK,EAAmB,CAClBJ,UAAU,mBACVK,aAAcT,EACdU,QAAST"}
+{"version":3,"file":"cardTypeOnlyComponent.js","sources":["../../../src/organisms/cardTypeOnly/cardTypeOnlyComponent.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { CardTypeOnlyProps } from '.';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\n\nconst CardTypeOnlyComponent: FC<CardTypeOnlyProps> = ({\n  cardTypeOnlyText,\n  mandatoryButtonObject,\n  optionalButtonObject,\n  isCompact,\n}) => {\n  return (\n    <>\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"CardImageText\">\n        {cardTypeOnlyText && <span className=\"emptyCardText\">{handleMaxChars(cardTypeOnlyText, 120)}</span>}\n        <div className=\"CardImageButtonsContainer\">\n          <div className=\"CardImageButtonsContainerContent\">\n            <div className=\"CardImageButtons\">\n              {mandatoryButtonObject?.label && (\n                <ButtonCardComponent\n                  className=\"button-component\"\n                  buttonObject={mandatoryButtonObject}\n                  compact={isCompact}\n                />\n              )}\n              {optionalButtonObject?.label && (\n                <ButtonCardComponent\n                  className=\"button-component\"\n                  buttonObject={optionalButtonObject}\n                  compact={isCompact}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default CardTypeOnlyComponent;\n"],"names":["CardTypeOnlyComponent","cardTypeOnlyText","mandatoryButtonObject","optionalButtonObject","isCompact","_jsxs","_jsx","className","children","handleMaxChars","label","ButtonCardComponent","buttonObject","compact"],"mappings":"8LAKA,MAAMA,EAA+C,EACnDC,mBACAC,wBACAC,uBACAC,eAGEC,eACEC,EAAA,MAAA,CAAKC,UAAU,0BACfF,EAAA,MAAA,CAAKE,UAAU,gBAAeC,SAAA,CAC3BP,GAAoBK,EAAA,OAAA,CAAMC,UAAU,gBAAeC,SAAEC,EAAeR,EAAkB,OACvFK,EAAA,MAAA,CAAKC,UAAU,4BAA2BC,SACxCF,EAAA,MAAA,CAAKC,UAAU,4CACbF,EAAA,MAAA,CAAKE,UAAU,mBAAkBC,SAAA,EAC9BN,aAAqB,EAArBA,EAAuBQ,QACtBJ,EAACK,EAAmB,CAClBJ,UAAU,mBACVK,aAAcV,EACdW,QAAST,KAGZD,aAAoB,EAApBA,EAAsBO,QACrBJ,EAACK,EAAmB,CAClBJ,UAAU,mBACVK,aAAcT,EACdU,QAAST"}

package/organisms/carousel/carousel.js.map

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

package/organisms/carousel/carouselTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"carouselTemplate.js","sources":["../../../src/organisms/carousel/carouselTemplate.tsx"],"sourcesContent":["import React from 'react';\nimport { EmblaCarouselType } from 'embla-carousel-react';\nimport { Controller } from '../../components/controls';\nimport { Numbering } from '../../components/numbering';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\nimport { IconNameProp } from '@/src/components/icon';\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const getHoveredClass = (direction: 'next' | 'prev', hovered: boolean, isBtnEnabled: boolean) => {\n  return hovered && isBtnEnabled ? `${direction}--hovered` : '';\n};\n\nexport const DotButton = ({ selected, onClick, bulletStyle }) => (\n  <button\n    className={\n      bulletStyle && bulletStyle === 'dot'\n        ? `embla__dot_small ${selected ? 'is-selected' : ''}`\n        : `embla__dot ${selected ? 'is-selected' : ''}`\n    }\n    type=\"button\"\n    onClick={onClick}\n  />\n);\n\nexport const template = (\n  cssClass: string,\n  hovered: boolean,\n  prevBtnEnabled: boolean,\n  emblaApi: EmblaCarouselType,\n  direction: any,\n  emblaRef: any,\n  slidesItems: React.ReactNode[],\n  heightSlide: string,\n  buttonControls: boolean,\n  buttonAreaControlsHeight: string,\n  buttonControlsPosition: string,\n  nextBtnEnabled: boolean,\n  numberingSlides: boolean,\n  selectedIndex: number,\n  numberingSeparator: string,\n  progressbar: boolean,\n  scrollProgress: number,\n  toggleHover: (element: string) => void,\n  slideToShow: number,\n  classEmbla: string,\n  bulletScroll: boolean,\n  bulletStyle: string,\n  handleScrollTo: (emblaApi, index) => void,\n  handleScrollPrev: (emblaApi, index) => void,\n  handleScrollNext: (emblaApi, index) => void,\n  prevControlIcon: IconNameProp,\n  nextControlIcon: IconNameProp,\n  controlIconStyle: any,\n  controlIconFontSize: any,\n  controlVariant: any,\n  controlColor: any,\n) => {\n  const isMirrored = direction === 'rtl';\n\n  return (\n    <>\n      <div className={`embla ${cssClass} ${classEmbla}`} dir={direction}>\n        <div className=\"embla__viewport\" ref={emblaRef}>\n          <div className=\"embla__container\">\n            {slidesItems.map((slide, index) => (\n              <div id={`embla ${cssClass}__${index}`} className=\"embla__slide\" key={index}>\n                <div className=\"embla__slide__inner\" style={{ height: heightSlide }}>\n                  {slide}\n                </div>\n              </div>\n            ))}\n          </div>\n          {buttonControls && (\n            <>\n              <Controller\n                style={{ top: `${buttonControlsPosition}px` }}\n                controlType={prevControlIcon}\n                controllerColor={controlColor}\n                iconStyle={controlIconStyle}\n                iconFontSize={controlIconFontSize}\n                controlVariant={controlVariant}\n                className={`embla__button embla__button--prev ${getHoveredClass('prev', hovered, prevBtnEnabled)}`}\n                onClickCallback={() => handleScrollPrev(emblaApi, direction)}\n                isDisabled={isMirrored ? prevBtnEnabled && !nextBtnEnabled : !prevBtnEnabled}\n                customHeight={buttonAreaControlsHeight}\n                onMouseEnter={() => toggleHover('prev')}\n                onMouseLeave={() => toggleHover('')}\n              />\n              <Controller\n                style={{ top: `${buttonControlsPosition}px` }}\n                controlType={nextControlIcon}\n                controllerColor={controlColor}\n                iconStyle={controlIconStyle}\n                iconFontSize={controlIconFontSize}\n                controlVariant={controlVariant}\n                className={`embla__button embla__button--next ${getHoveredClass('next', hovered, nextBtnEnabled)}`}\n                onClickCallback={() => handleScrollNext(emblaApi, direction)}\n                isDisabled={isMirrored ? !prevBtnEnabled && nextBtnEnabled : !nextBtnEnabled}\n                customHeight={buttonAreaControlsHeight}\n                onMouseEnter={() => toggleHover('next')}\n                onMouseLeave={() => toggleHover('')}\n              />\n            </>\n          )}\n        </div>\n      </div>\n      {numberingSlides && (\n        <>\n          <Numbering\n            className=\"carousel_numbering\"\n            index={selectedIndex + slideToShow}\n            total={slidesItems.length}\n            customSeparator={numberingSeparator}\n            colorTheme={NumberingColors.DARK}\n            size={NumberingSizes.LARGE}\n          />\n        </>\n      )}\n      {progressbar && !bulletScroll && (\n        <div className=\"embla__progress\">\n          <div className=\"embla__progress__bar\" style={{ transform: `translateX(${scrollProgress}%)` }} />\n        </div>\n      )}\n\n      {bulletScroll && slideToShow === 1 && (\n        <div className=\"embla__dots\">\n          {slidesItems.map((_, index: any) => {\n            const mirroredIndex = slidesItems.length - index - 1;\n            return (\n              <DotButton\n                bulletStyle={bulletStyle}\n                key={index}\n                selected={isMirrored ? mirroredIndex === selectedIndex : index === selectedIndex}\n                onClick={() => handleScrollTo(emblaApi, index)}\n              />\n            );\n          })}\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["getHoveredClass","direction","hovered","isBtnEnabled","DotButton","selected","onClick","bulletStyle","_jsx","className","type","template","cssClass","prevBtnEnabled","emblaApi","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","onClickCallback","isDisabled","customHeight","onMouseEnter","onMouseLeave","Numbering","total","length","customSeparator","colorTheme","NumberingColors","DARK","size","NumberingSizes","LARGE","transform","_","mirroredIndex"],"mappings":"iRAQa,MAAAA,EAAkB,CAACC,EAA4BC,EAAkBC,IACrED,GAAWC,EAAe,GAAGF,aAAuB,GAGhDG,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,EACAV,EACAW,EACAC,EACAb,EACAc,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAvB,EACAwB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAA2B,QAAdvC,EAEnB,OACEwC,EACEC,EAAA,CAAAC,SAAA,CAAAnC,EAAA,MAAA,CAAKC,UAAW,SAASG,KAAYiB,IAAce,IAAK3C,EAAS0C,SAC/DF,SAAKhC,UAAU,kBAAkBoC,IAAK9B,EAAQ4B,SAAA,CAC5CnC,SAAKC,UAAU,mBACZkC,SAAA3B,EAAY8B,KAAI,CAACC,EAAOC,IACvBxC,EAAA,MAAA,CAAKyC,GAAI,SAASrC,MAAaoC,IAASvC,UAAU,wBAChDD,EAAK,MAAA,CAAAC,UAAU,sBAAsByC,MAAO,CAAEC,OAAQlC,GACnD0B,SAAAI,KAFiEC,OAOzE9B,GACCuB,EAAAC,EAAA,CAAAC,SAAA,CACEnC,EAAC4C,EAAU,CACTF,MAAO,CAAEG,IAAK,GAAGjC,OACjBkC,YAAapB,EACbqB,gBAAiBhB,EACjBiB,UAAWpB,EACXqB,aAAcpB,EACdC,eAAgBA,EAChB7B,UAAW,qCAAqCT,EAAgB,OAAQE,EAASW,KACjF6C,gBAAiB,IAAM1B,EAAiBlB,EAAUb,GAClD0D,WAAYnB,EAAa3B,IAAmBQ,GAAkBR,EAC9D+C,aAAczC,EACd0C,aAAc,IAAMlC,EAAY,QAChCmC,aAAc,IAAMnC,EAAY,MAElCnB,EAAC4C,GACCF,MAAO,CAAEG,IAAK,GAAGjC,OACjBkC,YAAanB,EACboB,gBAAiBhB,EACjBiB,UAAWpB,EACXqB,aAAcpB,EACdC,eAAgBA,EAChB7B,UAAW,qCAAqCT,EAAgB,OAAQE,EAASmB,KACjFqC,gBAAiB,IAAMzB,EAAiBnB,EAAUb,GAClD0D,WAAYnB,GAAc3B,GAAkBQ,GAAkBA,EAC9DuC,aAAczC,EACd0C,aAAc,IAAMlC,EAAY,QAChCmC,aAAc,IAAMnC,EAAY,cAMzCL,GACCd,EAAAkC,EAAA,CAAAC,SACEnC,EAACuD,EAAS,CACRtD,UAAU,qBACVuC,MAAOzB,EAAgBK,EACvBoC,MAAOhD,EAAYiD,OACnBC,gBAAiB1C,EACjB2C,WAAYC,EAAgBC,KAC5BC,KAAMC,EAAeC,UAI1B/C,IAAgBK,GACftB,EAAA,MAAA,CAAKC,UAAU,2BACbD,EAAK,MAAA,CAAAC,UAAU,uBAAuByC,MAAO,CAAEuB,UAAW,cAAc/C,WAI3EI,GAAgC,IAAhBF,GACfpB,EAAA,MAAA,CAAKC,UAAU,uBACZO,EAAY8B,KAAI,CAAC4B,EAAG1B,KACnB,MAAM2B,EAAgB3D,EAAYiD,OAASjB,EAAQ,EACnD,OACExC,EAACJ,EACC,CAAAG,YAAaA,EAEbF,SAAUmC,EAAamC,IAAkBpD,EAAgByB,IAAUzB,EACnEjB,QAAS,IAAMyB,EAAejB,EAAUkC,IAFnCA,EAGL,QAKT"}
+{"version":3,"file":"carouselTemplate.js","sources":["../../../src/organisms/carousel/carouselTemplate.tsx"],"sourcesContent":["import React from 'react';\nimport { EmblaCarouselType } from 'embla-carousel-react';\nimport { Controller } from '../../components/controls';\nimport { Numbering } from '../../components/numbering';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\nimport { IconNameProp } from '@/src/components/icon';\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const getHoveredClass = (direction: 'next' | 'prev', hovered: boolean, isBtnEnabled: boolean) => {\n  return hovered && isBtnEnabled ? `${direction}--hovered` : '';\n};\n\nexport const DotButton = ({ selected, onClick, bulletStyle }) => (\n  <button\n    className={\n      bulletStyle && bulletStyle === 'dot'\n        ? `embla__dot_small ${selected ? 'is-selected' : ''}`\n        : `embla__dot ${selected ? 'is-selected' : ''}`\n    }\n    type=\"button\"\n    onClick={onClick}\n  />\n);\n\nexport const template = (\n  cssClass: string,\n  hovered: boolean,\n  prevBtnEnabled: boolean,\n  emblaApi: EmblaCarouselType,\n  direction: any,\n  emblaRef: any,\n  slidesItems: React.ReactNode[],\n  heightSlide: string,\n  buttonControls: boolean,\n  buttonAreaControlsHeight: string,\n  buttonControlsPosition: string,\n  nextBtnEnabled: boolean,\n  numberingSlides: boolean,\n  selectedIndex: number,\n  numberingSeparator: string,\n  progressbar: boolean,\n  scrollProgress: number,\n  toggleHover: (element: string) => void,\n  slideToShow: number,\n  classEmbla: string,\n  bulletScroll: boolean,\n  bulletStyle: string,\n  handleScrollTo: (emblaApi, index) => void,\n  handleScrollPrev: (emblaApi, index) => void,\n  handleScrollNext: (emblaApi, index) => void,\n  prevControlIcon: IconNameProp,\n  nextControlIcon: IconNameProp,\n  controlIconStyle: any,\n  controlIconFontSize: any,\n  controlVariant: any,\n  controlColor: any,\n) => {\n  const isMirrored = direction === 'rtl';\n\n  return (\n    <>\n      <div className={`embla ${cssClass} ${classEmbla}`} dir={direction}>\n        <div className=\"embla__viewport\" ref={emblaRef}>\n          <div className=\"embla__container\">\n            {slidesItems.map((slide, index) => (\n              <div id={`embla ${cssClass}__${index}`} className=\"embla__slide\" key={index}>\n                <div className=\"embla__slide__inner\" style={{ height: heightSlide }}>\n                  {slide}\n                </div>\n              </div>\n            ))}\n          </div>\n          {buttonControls && (\n            <>\n              <Controller\n                style={{ top: `${buttonControlsPosition}px` }}\n                controlType={prevControlIcon}\n                controllerColor={controlColor}\n                iconStyle={controlIconStyle}\n                iconFontSize={controlIconFontSize}\n                controlVariant={controlVariant}\n                className={`embla__button embla__button--prev ${getHoveredClass('prev', hovered, prevBtnEnabled)}`}\n                onClickCallback={() => handleScrollPrev(emblaApi, direction)}\n                isDisabled={isMirrored ? prevBtnEnabled && !nextBtnEnabled : !prevBtnEnabled}\n                customHeight={buttonAreaControlsHeight}\n                onMouseEnter={() => toggleHover('prev')}\n                onMouseLeave={() => toggleHover('')}\n              />\n              <Controller\n                style={{ top: `${buttonControlsPosition}px` }}\n                controlType={nextControlIcon}\n                controllerColor={controlColor}\n                iconStyle={controlIconStyle}\n                iconFontSize={controlIconFontSize}\n                controlVariant={controlVariant}\n                className={`embla__button embla__button--next ${getHoveredClass('next', hovered, nextBtnEnabled)}`}\n                onClickCallback={() => handleScrollNext(emblaApi, direction)}\n                isDisabled={isMirrored ? !prevBtnEnabled && nextBtnEnabled : !nextBtnEnabled}\n                customHeight={buttonAreaControlsHeight}\n                onMouseEnter={() => toggleHover('next')}\n                onMouseLeave={() => toggleHover('')}\n              />\n            </>\n          )}\n        </div>\n      </div>\n      {numberingSlides && (\n        <>\n          <Numbering\n            className=\"carousel_numbering\"\n            index={selectedIndex + slideToShow}\n            total={slidesItems.length}\n            customSeparator={numberingSeparator}\n            colorTheme={NumberingColors.DARK}\n            size={NumberingSizes.LARGE}\n          />\n        </>\n      )}\n      {progressbar && !bulletScroll && (\n        <div className=\"embla__progress\">\n          <div className=\"embla__progress__bar\" style={{ transform: `translateX(${scrollProgress}%)` }} />\n        </div>\n      )}\n\n      {bulletScroll && slideToShow === 1 && (\n        <div className=\"embla__dots\">\n          {slidesItems.map((_, index: any) => {\n            const mirroredIndex = slidesItems.length - index - 1;\n            return (\n              <DotButton\n                bulletStyle={bulletStyle}\n                key={index}\n                selected={isMirrored ? mirroredIndex === selectedIndex : index === selectedIndex}\n                onClick={() => handleScrollTo(emblaApi, index)}\n              />\n            );\n          })}\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["getHoveredClass","direction","hovered","isBtnEnabled","DotButton","selected","onClick","bulletStyle","_jsx","className","type","template","cssClass","prevBtnEnabled","emblaApi","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","onClickCallback","isDisabled","customHeight","onMouseEnter","onMouseLeave","Numbering","total","length","customSeparator","colorTheme","NumberingColors","DARK","size","NumberingSizes","LARGE","transform","_","mirroredIndex"],"mappings":"iRAQO,MAAMA,EAAkB,CAACC,EAA4BC,EAAkBC,IACrED,GAAWC,EAAe,GAAGF,aAAuB,GAGhDG,EAAY,EAAGC,WAAUC,UAASC,iBAC7CC,EAAA,SAAA,CACEC,UACEF,GAA+B,QAAhBA,EACX,qBAAoBF,EAAW,cAAgB,IAC/C,eAAcA,EAAW,cAAgB,IAE/CK,KAAK,SACLJ,QAASA,IAIAK,EAAW,CACtBC,EACAV,EACAW,EACAC,EACAb,EACAc,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAvB,EACAwB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAA2B,QAAdvC,EAEnB,OACEwC,EAAAC,EAAA,CAAAC,SAAA,CACEnC,EAAA,MAAA,CAAKC,UAAW,SAASG,KAAYiB,IAAce,IAAK3C,EAAS0C,SAC/DF,SAAKhC,UAAU,kBAAkBoC,IAAK9B,EAAQ4B,SAAA,CAC5CnC,SAAKC,UAAU,mBAAkBkC,SAC9B3B,EAAY8B,KAAI,CAACC,EAAOC,IACvBxC,EAAA,MAAA,CAAKyC,GAAI,SAASrC,MAAaoC,IAASvC,UAAU,wBAChDD,EAAA,MAAA,CAAKC,UAAU,sBAAsByC,MAAO,CAAEC,OAAQlC,GAAa0B,SAChEI,KAFiEC,OAOzE9B,GACCuB,EAAAC,EAAA,CAAAC,SAAA,CACEnC,EAAC4C,EAAU,CACTF,MAAO,CAAEG,IAAK,GAAGjC,OACjBkC,YAAapB,EACbqB,gBAAiBhB,EACjBiB,UAAWpB,EACXqB,aAAcpB,EACdC,eAAgBA,EAChB7B,UAAW,qCAAqCT,EAAgB,OAAQE,EAASW,KACjF6C,gBAAiB,IAAM1B,EAAiBlB,EAAUb,GAClD0D,WAAYnB,EAAa3B,IAAmBQ,GAAkBR,EAC9D+C,aAAczC,EACd0C,aAAc,IAAMlC,EAAY,QAChCmC,aAAc,IAAMnC,EAAY,MAElCnB,EAAC4C,GACCF,MAAO,CAAEG,IAAK,GAAGjC,OACjBkC,YAAanB,EACboB,gBAAiBhB,EACjBiB,UAAWpB,EACXqB,aAAcpB,EACdC,eAAgBA,EAChB7B,UAAW,qCAAqCT,EAAgB,OAAQE,EAASmB,KACjFqC,gBAAiB,IAAMzB,EAAiBnB,EAAUb,GAClD0D,WAAYnB,GAAc3B,GAAkBQ,GAAkBA,EAC9DuC,aAAczC,EACd0C,aAAc,IAAMlC,EAAY,QAChCmC,aAAc,IAAMnC,EAAY,cAMzCL,GACCd,EAAAkC,EAAA,CAAAC,SACEnC,EAACuD,EAAS,CACRtD,UAAU,qBACVuC,MAAOzB,EAAgBK,EACvBoC,MAAOhD,EAAYiD,OACnBC,gBAAiB1C,EACjB2C,WAAYC,EAAgBC,KAC5BC,KAAMC,EAAeC,UAI1B/C,IAAgBK,GACftB,EAAA,MAAA,CAAKC,UAAU,2BACbD,EAAA,MAAA,CAAKC,UAAU,uBAAuByC,MAAO,CAAEuB,UAAW,cAAc/C,WAI3EI,GAAgC,IAAhBF,GACfpB,EAAA,MAAA,CAAKC,UAAU,uBACZO,EAAY8B,KAAI,CAAC4B,EAAG1B,KACnB,MAAM2B,EAAgB3D,EAAYiD,OAASjB,EAAQ,EACnD,OACExC,EAACJ,EAAS,CACRG,YAAaA,EAEbF,SAAUmC,EAAamC,IAAkBpD,EAAgByB,IAAUzB,EACnEjB,QAAS,IAAMyB,EAAejB,EAAUkC,IAFnCA,EAGL,QAKT"}