@skodaflow/web-library 7.12.0 → 7.13.1

package/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoFixed.js","sources":["../../../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":[null],"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":"uMAqIa,MAAAA,EAAiBC,EAAUA,YAAsC,CAACC,EAAOC,KACpF,MAAMC,EAAkBC,EAAAA,WAClBC,EAAYC,EAAAA,cAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OACEC,EAAAA,IAACC,GAAsBR,IAAKA,EAC1BS,SAAAF,MAACG,EAAAA,QAAwBC,OAAAC,OAAA,CAAAT,UAAWA,GAAeJ,KAC7B,IAQtBS,EAAwBK,EAAAA,OAAOC,EAAAA,KAAwD;sBACtEf,GACZA,EAAMgB,MAAMC,QAAQC,OAAOC;;WAG1BnB,GAEiC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,aACxC,iBAAlCrB,EAAMU,SAASV,MAAMsB,SAEdtB,EAAMgB,MAAMC,QAAQC,OAAOK,OAEK,aAArCvB,EAAMU,SAASV,MAAMqB,aAA8BrB,EAAMU,SAASV,MAAMsB,SACnEtB,EAAMgB,MAAMC,QAAQC,OAAOC;;IAInCnB,IACD,GAAIA,EAAMgB,MAAMQ,MAAMC,aACpB,MAAO;;;;uBAMWzB,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;uBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;uBAGzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;IAI5D7B,IACD,GAAIA,EAAMU,SAASV,MAAM8B,eACvB,MAAO;;;;yBAMa9B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;yBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;;;;;;;;2BAUvC/B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;aAKvD5B,GACkC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,YACpErB,EAAMgB,MAAMC,QAAQe,KAAKC,QAEO,aAArCjC,EAAMU,SAASV,MAAMqB,YAChBrB,EAAMgB,MAAMC,QAAQiB,UAAUC,SADvC;;;;;;;;;;;;;;;;;;2BAqBsBnC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;;;;;2BAQzC7B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;UAG1D5B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO;;2BAISpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;UAG1D/B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO;;;;;;;;;;yBAYOpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;yBAUzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;2BAOvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;6BAQvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;MAc9D3B,GACMqC,EAAAA,iCAAiCrC,EAAMU,SAASV,MAAMoB,aAAc;;MAG1EpB,GACMsC,EAAAA,gCAAgCtC,EAAMU,SAASV,MAAMqB,YAAa;;"}
+{"version":3,"file":"cardPhotoFixed.js","sources":["../../../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { styled } from '@mui/system';\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":"uMAqIa,MAAAA,EAAiBC,EAAUA,YAAsC,CAACC,EAAOC,KACpF,MAAMC,EAAkBC,EAAAA,WAClBC,EAAYC,EAAAA,cAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OACEC,EAAAA,IAACC,GAAsBR,IAAKA,EAC1BS,SAAAF,MAACG,EAAAA,QAAwBC,OAAAC,OAAA,CAAAT,UAAWA,GAAeJ,KAC7B,IAQtBS,EAAwBK,EAAAA,OAAOC,EAAAA,KAAwD;sBACtEf,GACZA,EAAMgB,MAAMC,QAAQC,OAAOC;;WAG1BnB,GAEiC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,aACxC,iBAAlCrB,EAAMU,SAASV,MAAMsB,SAEdtB,EAAMgB,MAAMC,QAAQC,OAAOK,OAEK,aAArCvB,EAAMU,SAASV,MAAMqB,aAA8BrB,EAAMU,SAASV,MAAMsB,SACnEtB,EAAMgB,MAAMC,QAAQC,OAAOC;;IAInCnB,IACD,GAAIA,EAAMgB,MAAMQ,MAAMC,aACpB,MAAO;;;;uBAMWzB,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;uBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;uBAGzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;IAI5D7B,IACD,GAAIA,EAAMU,SAASV,MAAM8B,eACvB,MAAO;;;;yBAMa9B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;yBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;;;;;;;;2BAUvC/B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;aAKvD5B,GACkC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,YACpErB,EAAMgB,MAAMC,QAAQe,KAAKC,QAEO,aAArCjC,EAAMU,SAASV,MAAMqB,YAChBrB,EAAMgB,MAAMC,QAAQiB,UAAUC,SADvC;;;;;;;;;;;;;;;;;;2BAqBsBnC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;;;;;2BAQzC7B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;UAG1D5B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO;;2BAISpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;UAG1D/B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO;;;;;;;;;;yBAYOpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;yBAUzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;2BAOvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;6BAQvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;MAc9D3B,GACMqC,EAAAA,iCAAiCrC,EAAMU,SAASV,MAAMoB,aAAc;;MAG1EpB,GACMsC,EAAAA,gCAAgCtC,EAAMU,SAASV,MAAMqB,YAAa;;"}

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":["../../../../../src/organisms/carousel/carousel.tsx"],"sourcesContent":[null],"names":["handleScrollPrev","emblaApi","direction","scrollPrev","scrollNext","handleScrollNext","handleScrollTo","index","scrollTo","emblaWidthSize","apiParam","slideToShowParam","slideNode","slideNodes","forEach","item","img","querySelector","style","width","naturalWidth","props","align","autoPlay","axis","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","heightSlide","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slidesItems","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","optionsAutoplay","playOnInit","autoplay","Autoplay","default","optionsClassNames","selected","optionAlign","selectedIndex","setSelectedIndex","useState","prevBtnEnabled","setPrevBtnEnabled","nextBtnEnabled","setNextBtnEnabled","scrollProgress","setScrollProgress","hovered","setHovered","isMobile","setIsMobile","classEmbla","setClassEmbla","emblaOptions","containScroll","slidesToScroll","skipSnaps","emblaRef","useEmblaCarousel","ClassNames","theme","useTheme","toggleHover","element","controller","controllerHover","onScroll","useCallback","progress","Math","max","min","useEffect","onSelect","selectedScrollSnap","canScrollPrev","canScrollNext","on","mq","window","matchMedia","breakpoints","values","md","matches","_jsx","jsx","CarouselStyledVertical","Object","assign","template","CarouselStyledHorizontal","children"],"mappings":"wbA0IaA,EAAmB,CAACC,EAA6BC,KACxDD,IACY,QAAdC,EAAsBD,EAASE,aAAeF,EAASG,eAG9CC,EAAmB,CAACJ,EAA6BC,KACxDD,IACY,QAAdC,EAAsBD,EAASE,aAAeF,EAASG,eAK9CE,EAAiB,CAACL,EAA6BM,KACtDN,GACFA,EAASO,SAASD,IAITE,EAAiB,CAACC,EAAUC,KACvC,MAAMC,EAAYF,EAASG,aACvBF,GAAoB,GACtBC,EAAUE,SAASC,IACjB,GAAIA,EAAM,CACR,MAAMC,EAAMD,EAAKE,cAAc,OAC/B,GAAID,EAAK,OAAQD,EAAKG,MAAMC,MAAQ,GAAGH,EAAII,iDAShBC,IACjC,MAAMC,MACJA,EAAQ,QAAOC,SACfA,GAAW,EAAKC,KAChBA,EAAO,IAAGC,yBACVA,EAA2B,MAAKC,eAChCA,GAAiB,EAAIC,uBACrBA,EAAyB,IAAGC,SAC5BA,EAAW,GAAE1B,UACbA,EAAY,MAAK2B,YACjBA,EAAWC,sBACXA,GAAwB,EAAKC,KAC7BA,GAAO,EAAKC,mBACZA,EAAqB,IAAGC,gBACxBA,GAAkB,EAAIC,YACtBA,GAAc,EAAKC,YACnBA,EAAWC,cACXA,EAAgB,EAACC,YACjBA,EAAc,EAACC,mBACfA,EAAqB,iBAAgBC,MACrCA,EAAQ,GAAEC,WACVA,EAAa,EAACC,aACdA,GAAe,EAAKC,YACpBA,EAAc,MAAKC,YACnBA,EAAc,OAAMC,gBACpBA,EAAkB,aAAYC,gBAC9BA,EAAkB,cAAaC,iBAC/BA,EAAmB,UAASC,oBAC5BA,EAAsB,SAAQC,eAC9BA,EAAiB,WAAUC,aAC3BA,EAAe,QACb5B,EAEE6B,EAAkB,CACtBC,aAAY5B,GAER6B,EAAWC,EAAQC,QAACJ,GACpBK,EAAoB,CAAEC,SAAUlB,GAChCmB,EAAwB,WAAVnC,EAAqB,YAAc,IAChDoC,EAAeC,GAAoBC,EAAAA,SAASpB,IAC5CqB,EAAgBC,GAAqBF,EAAAA,UAAS,IAC9CG,EAAgBC,GAAqBJ,EAAAA,UAAS,IAC9CK,EAAgBC,IAAqBN,EAAAA,SAAS,IAC9CO,GAASC,IAAcR,EAAAA,UAAS,IAChCS,GAAUC,IAAeV,cACzBW,GAAYC,IAAiBZ,EAAAA,SAAS,IAEvCa,GAA0C,CAC9CnD,MAAOA,EACPE,KAAMA,EACNkD,cAAejB,EACfvD,UAAWA,EACX6B,KAAMA,EACN4C,eAAgBN,GAAW,EAAIjC,EAC/BwC,WAAW,EACXrC,MAAOA,EACPC,WAAYA,IAGPqC,GAAU5E,IAAY6E,EAAgBxB,QAACmB,GAAc,CAACrB,EAAU2B,EAAAA,QAAWxB,KAC5EyB,GAAQC,EAAAA,WAYRC,GAAeC,IACnBf,IAAYD,IAXU,CAACiB,IACvB,QAAQ,GACN,IAAoB,SAAfA,GAAyBvB,EAC5B,OAAOW,GAAc,wBACvB,IAAoB,SAAfY,GAAyBrB,EAC5B,OAAOS,GAAc,wBACvB,QACSA,GAAc,MAKzBa,CAAgBF,EAAQ,EAGpBG,GAAWC,EAAAA,aAAY,KAC3B,IAAKtF,KAAaiC,EAAa,OAC/B,MAAMsD,EAAWC,KAAKC,IAAI,EAAGD,KAAKE,IAAI,EAAG1F,GAASgE,mBAClDC,GAA6B,IAAXsB,EAAe,GAChC,CAACvF,GAAUiC,EAAagC,KAwB3B,OAtBA0B,EAAAA,WAAU,KACR,GAAI3F,GAAU,CACZQ,EAAeR,GAAUoC,GACzB,MAAMwD,EAAW,KACf,MAAMtF,EAAQN,GAAS6F,qBACvBnC,EAAiBpD,GACjBoD,EAAiB1D,GAAS6F,sBAC1BhC,EAAkB7D,GAAS8F,iBAC3B/B,EAAkB/D,GAAS+F,gBAAgB,EAE7C/F,GAASgG,GAAG,SAAUJ,GACtBA,IACA5F,GAASgG,GAAG,SAAUX,IACtBA,QAED,CAACrF,GAAUiC,EAAaoD,GAAUjD,IAErCuD,EAAAA,WAAU,KACR,MAAMM,EAAKC,OAAOC,WAAW,eAAepB,GAAMqB,YAAYC,OAAOC,SACrEjC,GAAY4B,EAAGM,QAAQ,GACtB,CAACxB,GAAMqB,YAAYC,OAAOC,KAEb,MAAT/E,EACLiF,EAACC,IAAAC,EAAsBA,uBACrBC,OAAAC,OAAA,CAAAvF,MAAOA,EACPa,YAAaA,EACbE,YAAaA,EACbM,YAAaA,GACTtB,YAEHyF,EAAAA,SACClF,EACAuC,GACAN,EACA5D,GACAC,EACA2E,GACA1C,EACAN,EACAH,EACAD,EACAE,EACAoC,EACA9B,EACAyB,EACA1B,EACAE,EACA+B,GACCkB,GAAYD,GAAYC,IACzB9C,EACAkC,GACA9B,EACAC,EACApC,EACAN,EACAK,EACAuC,EACAC,EACAC,EACAC,EACAC,EACAC,MAIJwD,EAACC,IAAAK,0CACCjF,sBAAuBA,EACvBR,MAAOA,EACPa,YAAaA,EACbE,YAAaA,EACbM,YAAaA,GACTtB,EAAK,CAAA2F,SAERF,EAAAA,SACClF,EACAuC,GACAN,EACA5D,GACAC,EACA2E,GACA1C,EACAN,EACAH,EACAD,EACAE,EACAoC,EACA9B,EACAyB,EACA1B,EACAE,EACA+B,GACCkB,GAAYD,GAAYC,IACzB9C,EACAkC,GACA9B,EACAC,EACApC,EACAN,EACAK,EACAuC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGL"}
+{"version":3,"file":"carousel.js","sources":["../../../../../src/organisms/carousel/carousel.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useEffect, useState } from 'react';\nimport useEmblaCarousel, { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel-react';\nimport ClassNames from 'embla-carousel-class-names';\nimport Autoplay from 'embla-carousel-autoplay';\nimport { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';\nimport { CarouselStyledHorizontal } from './styledComponents/styledCarouselHorizontal';\nimport { CarouselStyledVertical } from './styledComponents/styledCarouselVertical';\nimport { useTheme } from '@mui/material';\nimport { template } from './carouselTemplate';\nimport { IconNameProp } from '@/src/components/icon';\n\nexport type CarouselPropType = {\n  /**\n   * Align the slides relative to the carousel viewport. Use one of the predefined alignments start, center or end. Alternatively, provide a number between 0 - 1 to align the slides, where 0.5 equals 50%.\n   */\n  align?: 'start' | 'center' | 'end' | number;\n  /**\n   * Autoplay, if true the autoplay functionality will be added to the carousel. Default is false.\n   */\n  autoPlay?: boolean;\n  /**\n   * Choose scroll axis between x and y.\n   */\n  axis?: 'x' | 'y';\n  /**\n   * if true, the scrollbar is replaced with bullet scroll. visible only with SlideToShow 1.Default is false.\n   */\n  bulletScroll?: boolean;\n  /**\n   * defines the bullet-scroller style. can be 'dash' or 'dot'.\n   */\n  bulletStyle?: 'dash' | 'dot';\n  /**\n   * defines the bullet-scroller color theme. can be 'light' or 'dark'.\n   */\n  bulletTheme?: 'light' | 'dark';\n  /**\n   * Definition of height or clickable area for buttons next and prev. value should be in \"px\" or \"%\".\n   */\n  buttonAreaControlsHeight?: string;\n  /**\n   * Buttons controls, if true the buttons will be visible. Default is true.\n   */\n  buttonControls?: boolean;\n  /**\n   * Definition of position or clickable area for buttons next and prev. value should be in \"px\" and default position is top: 0.\n   */\n  buttonControlsPosition?: string;\n  /**\n   * control color, can be \"dark\" or \"light\".\n   */\n  controlColor?: DarkLightOptions;\n  /**\n   * icon font size, can be \"small\" or \"medium\".\n   */\n  controlIconFontSize?: ControllerSize;\n  /**\n   * icon style, can be \"regular\" or \"filled\".\n   */\n  controlIconStyle?: IconsStyle;\n  /**\n   * control variant, can be \"standard\" or \"outline\".\n   */\n  controlVariant?: ControlVariant;\n  /**\n   * Class applied to the main container carousel. Default value ''.\n   * this class can be used also to provide a prefix name for ID applied to each slide inside the carousel.\n   * eg. class applied to container carousel : my-carousel\n   * ID applied for each slide : my-carousel__slide-0 (number is the index of slide).\n   */\n  cssClass?: string;\n  /**\n   * Direction carousel ltr or rtl. Default ltr.\n   */\n  direction?: 'ltr' | 'rtl';\n  /**\n   * set height for slide carousel.\n   */\n  heightSlide?: string;\n  /**\n   * Slide with different width. if true the slide width is base on his content. Default false.\n   */\n  isSlideDifferentWidth?: boolean;\n  /**\n   * Loop, if true the loop functionality will be added to the carousel. Default is false.\n   */\n  loop?: boolean;\n  /**\n   * next control icon.\n   */\n  nextControlIcon?: IconNameProp;\n  /**\n   * Label of numbering length sliders.\n   */\n  numberingSeparator?: string;\n  /**\n   * Numbering Slides, if true the numbering slides will be visible. Default is true.\n   */\n  numberingSlides?: boolean;\n  /**\n   * Options setting carousel.\n   */\n  options?: EmblaOptionsType;\n  /**\n   * previous control icon.\n   */\n  prevControlIcon?: IconNameProp;\n  /**\n   * Progress bar status, if true the progress bar will be visible. Default is false.\n   */\n  progressbar?: boolean;\n  /**\n   * Add Class to selected slide.\n   */\n  slideSelectedClass?: string;\n  /**\n   * Slides reactNode carousel.\n   */\n  slidesItems: ReactNode[];\n  /**\n   * Number of visible slides. Default value 1.\n   */\n  slideToShow?: number;\n  /**\n   * Number of slides to scroll.\n   */\n  slideToScroll: number;\n  /**\n   * speed transition slide, Higher numbers enables faster scrolling. Default is 10.\n   */\n  speed?: number;\n  /**\n   * StartIndex slide. Default is 0.\n   */\n  startIndex?: number;\n};\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollPrev = (emblaApi: EmblaCarouselType, direction: 'rtl' | 'ltr') => {\n  if (emblaApi) {\n    direction === 'ltr' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n  }\n};\nexport const handleScrollNext = (emblaApi: EmblaCarouselType, direction: 'rtl' | 'ltr') => {\n  if (emblaApi) {\n    direction === 'rtl' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n  }\n};\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollTo = (emblaApi: EmblaCarouselType, index: number) => {\n  if (emblaApi) {\n    emblaApi.scrollTo(index);\n  }\n};\n\nexport const emblaWidthSize = (apiParam, slideToShowParam) => {\n  const slideNode = apiParam.slideNodes();\n  if (slideToShowParam <= 1) {\n    slideNode.forEach((item) => {\n      if (item) {\n        const img = item.querySelector('img');\n        if (img) return (item.style.width = `${img.naturalWidth}px`);\n      }\n    });\n  }\n};\n\n/**\n * @deprecated this component does not meet quality standards and will be removed in the future\n */\nexport const DeprecatedCarousel = (props: CarouselPropType) => {\n  const {\n    align = 'start',\n    autoPlay = false,\n    axis = 'x',\n    buttonAreaControlsHeight = '50%',\n    buttonControls = true,\n    buttonControlsPosition = '0',\n    cssClass = '',\n    direction = 'ltr',\n    heightSlide,\n    isSlideDifferentWidth = false,\n    loop = false,\n    numberingSeparator = '/',\n    numberingSlides = true,\n    progressbar = false,\n    slidesItems,\n    slideToScroll = 1,\n    slideToShow = 1,\n    slideSelectedClass = 'slide-selected',\n    speed = 10,\n    startIndex = 0,\n    bulletScroll = false,\n    bulletStyle = 'dot',\n    bulletTheme = 'dark',\n    prevControlIcon = 'arrow-left',\n    nextControlIcon = 'arrow-right',\n    controlIconStyle = 'regular',\n    controlIconFontSize = 'medium',\n    controlVariant = 'standard',\n    controlColor = 'dark',\n  } = props;\n\n  const optionsAutoplay = {\n    playOnInit: autoPlay ? true : false,\n  };\n  const autoplay = Autoplay(optionsAutoplay);\n  const optionsClassNames = { selected: slideSelectedClass };\n  const optionAlign = align !== 'center' ? 'trimSnaps' : '';\n  const [selectedIndex, setSelectedIndex] = useState(startIndex);\n  const [prevBtnEnabled, setPrevBtnEnabled] = useState(true);\n  const [nextBtnEnabled, setNextBtnEnabled] = useState(true);\n  const [scrollProgress, setScrollProgress] = useState(0);\n  const [hovered, setHovered] = useState(false);\n  const [isMobile, setIsMobile] = useState<boolean>();\n  const [classEmbla, setClassEmbla] = useState('');\n\n  const emblaOptions: Partial<EmblaOptionsType> = {\n    align: align,\n    axis: axis,\n    containScroll: optionAlign,\n    direction: direction,\n    loop: loop,\n    slidesToScroll: isMobile ? 1 : slideToScroll,\n    skipSnaps: false,\n    speed: speed,\n    startIndex: startIndex,\n  };\n\n  const [emblaRef, emblaApi] = useEmblaCarousel(emblaOptions, [autoplay, ClassNames(optionsClassNames)]);\n  const theme = useTheme();\n\n  const controllerHover = (controller) => {\n    switch (true) {\n      case controller === 'prev' && prevBtnEnabled:\n        return setClassEmbla('embla-container-prev');\n      case controller === 'next' && nextBtnEnabled:\n        return setClassEmbla('embla-container-next');\n      default:\n        return setClassEmbla('');\n    }\n  };\n  const toggleHover = (element: string) => {\n    setHovered(!hovered);\n    controllerHover(element);\n  };\n\n  const onScroll = useCallback(() => {\n    if (!emblaApi && !progressbar) return;\n    const progress = Math.max(0, Math.min(1, emblaApi.scrollProgress()));\n    setScrollProgress(progress * 100);\n  }, [emblaApi, progressbar, setScrollProgress]);\n\n  useEffect(() => {\n    if (emblaApi) {\n      emblaWidthSize(emblaApi, slideToShow);\n      const onSelect = () => {\n        const index = emblaApi.selectedScrollSnap();\n        setSelectedIndex(index);\n        setSelectedIndex(emblaApi.selectedScrollSnap());\n        setPrevBtnEnabled(emblaApi.canScrollPrev());\n        setNextBtnEnabled(emblaApi.canScrollNext());\n      };\n      emblaApi.on('select', onSelect);\n      onSelect();\n      emblaApi.on('scroll', onScroll);\n      onScroll();\n    }\n  }, [emblaApi, progressbar, onScroll, slideToShow]);\n\n  useEffect(() => {\n    const mq = window.matchMedia(`(max-width: ${theme.breakpoints.values.md}px)`);\n    setIsMobile(mq.matches);\n  }, [theme.breakpoints.values.md]);\n\n  return axis === 'y' ? (\n    <CarouselStyledVertical\n      align={align}\n      slidesItems={slidesItems}\n      slideToShow={slideToShow}\n      bulletTheme={bulletTheme}\n      {...props}\n    >\n      {template(\n        cssClass,\n        hovered,\n        prevBtnEnabled,\n        emblaApi,\n        direction,\n        emblaRef,\n        slidesItems,\n        heightSlide,\n        buttonControls,\n        buttonAreaControlsHeight,\n        buttonControlsPosition,\n        nextBtnEnabled,\n        numberingSlides,\n        selectedIndex,\n        numberingSeparator,\n        progressbar,\n        scrollProgress,\n        (element) => toggleHover(element),\n        slideToShow,\n        classEmbla,\n        bulletScroll,\n        bulletStyle,\n        handleScrollTo,\n        handleScrollPrev,\n        handleScrollNext,\n        prevControlIcon,\n        nextControlIcon,\n        controlIconStyle,\n        controlIconFontSize,\n        controlVariant,\n        controlColor,\n      )}\n    </CarouselStyledVertical>\n  ) : (\n    <CarouselStyledHorizontal\n      isSlideDifferentWidth={isSlideDifferentWidth}\n      align={align}\n      slidesItems={slidesItems}\n      slideToShow={slideToShow}\n      bulletTheme={bulletTheme}\n      {...props}\n    >\n      {template(\n        cssClass,\n        hovered,\n        prevBtnEnabled,\n        emblaApi,\n        direction,\n        emblaRef,\n        slidesItems,\n        heightSlide,\n        buttonControls,\n        buttonAreaControlsHeight,\n        buttonControlsPosition,\n        nextBtnEnabled,\n        numberingSlides,\n        selectedIndex,\n        numberingSeparator,\n        progressbar,\n        scrollProgress,\n        (element) => toggleHover(element),\n        slideToShow,\n        classEmbla,\n        bulletScroll,\n        bulletStyle,\n        handleScrollTo,\n        handleScrollPrev,\n        handleScrollNext,\n        prevControlIcon,\n        nextControlIcon,\n        controlIconStyle,\n        controlIconFontSize,\n        controlVariant,\n        controlColor,\n      )}\n    </CarouselStyledHorizontal>\n  );\n};\n"],"names":["handleScrollPrev","emblaApi","direction","scrollPrev","scrollNext","handleScrollNext","handleScrollTo","index","scrollTo","emblaWidthSize","apiParam","slideToShowParam","slideNode","slideNodes","forEach","item","img","querySelector","style","width","naturalWidth","props","align","autoPlay","axis","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","heightSlide","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slidesItems","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","optionsAutoplay","playOnInit","autoplay","Autoplay","default","optionsClassNames","selected","optionAlign","selectedIndex","setSelectedIndex","useState","prevBtnEnabled","setPrevBtnEnabled","nextBtnEnabled","setNextBtnEnabled","scrollProgress","setScrollProgress","hovered","setHovered","isMobile","setIsMobile","classEmbla","setClassEmbla","emblaOptions","containScroll","slidesToScroll","skipSnaps","emblaRef","useEmblaCarousel","ClassNames","theme","useTheme","toggleHover","element","controller","controllerHover","onScroll","useCallback","progress","Math","max","min","useEffect","onSelect","selectedScrollSnap","canScrollPrev","canScrollNext","on","mq","window","matchMedia","breakpoints","values","md","matches","_jsx","jsx","CarouselStyledVertical","Object","assign","template","CarouselStyledHorizontal","children"],"mappings":"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"}

package/cjs/organisms/carousel/carouselTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"carouselTemplate.js","sources":["../../../../../src/organisms/carousel/carouselTemplate.tsx"],"sourcesContent":[null],"names":["getHoveredClass","direction","hovered","isBtnEnabled","DotButton","selected","onClick","bulletStyle","_jsx","jsx","className","type","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","jsxs","_Fragment","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":"yLAQa,MAAAA,EAAkB,CAACC,EAA4BC,EAAkBC,IACrED,GAAWC,EAAe,GAAGF,aAAuB,GAGhDG,EAAY,EAAGC,WAAUC,UAASC,iBAC7CC,EACEC,IAAA,SAAA,CAAAC,UACEH,GAA+B,QAAhBA,EACX,qBAAoBF,EAAW,cAAgB,IAC/C,eAAcA,EAAW,cAAgB,IAE/CM,KAAK,SACLL,QAASA,mEAIW,CACtBM,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,KAAAC,EAAAC,SAAA,CAAAC,SAAA,CAAArC,EAAAA,IAAA,MAAA,CAAKE,UAAW,SAASE,KAAYiB,IAAciB,IAAK7C,EAAS4C,SAC/DJ,cAAK/B,UAAU,kBAAkBqC,IAAKhC,EAAQ8B,SAAA,CAC5CrC,aAAKE,UAAU,mBACZmC,SAAA7B,EAAYgC,KAAI,CAACC,EAAOC,IACvB1C,MAAA,MAAA,CAAK2C,GAAI,SAASvC,MAAasC,IAASxC,UAAU,wBAChDF,EAAAA,IAAK,MAAA,CAAAE,UAAU,sBAAsB0C,MAAO,CAAEC,OAAQpC,GACnD4B,SAAAI,KAFiEC,OAOzEhC,GACCuB,EAAAA,KAAAE,EAAAC,SAAA,CAAAC,SAAA,CACErC,MAAC8C,EAAUA,WAAA,CACTF,MAAO,CAAEG,IAAK,GAAGnC,OACjBoC,YAAatB,EACbuB,gBAAiBlB,EACjBmB,UAAWtB,EACXuB,aAActB,EACdC,eAAgBA,EAChB5B,UAAW,qCAAqCV,EAAgB,OAAQE,EAASW,KACjF+C,gBAAiB,IAAM5B,EAAiBlB,EAAUb,GAClD4D,WAAYrB,EAAa3B,IAAmBQ,GAAkBR,EAC9DiD,aAAc3C,EACd4C,aAAc,IAAMpC,EAAY,QAChCqC,aAAc,IAAMrC,EAAY,MAElCnB,EAACC,IAAA6C,EAAUA,YACTF,MAAO,CAAEG,IAAK,GAAGnC,OACjBoC,YAAarB,EACbsB,gBAAiBlB,EACjBmB,UAAWtB,EACXuB,aAActB,EACdC,eAAgBA,EAChB5B,UAAW,qCAAqCV,EAAgB,OAAQE,EAASmB,KACjFuC,gBAAiB,IAAM3B,EAAiBnB,EAAUb,GAClD4D,WAAYrB,GAAc3B,GAAkBQ,GAAkBA,EAC9DyC,aAAc3C,EACd4C,aAAc,IAAMpC,EAAY,QAChCqC,aAAc,IAAMrC,EAAY,cAMzCL,GACCd,EAAAC,IAAAkC,EAAAC,SAAA,CAAAC,SACErC,MAACyD,EAASA,UAAA,CACRvD,UAAU,qBACVwC,MAAO3B,EAAgBK,EACvBsC,MAAOlD,EAAYmD,OACnBC,gBAAiB5C,EACjB6C,WAAYC,EAAeA,gBAACC,KAC5BC,KAAMC,iBAAeC,UAI1BjD,IAAgBK,GACftB,EAAAC,IAAA,MAAA,CAAKC,UAAU,2BACbF,EAAKC,IAAA,MAAA,CAAAC,UAAU,uBAAuB0C,MAAO,CAAEuB,UAAW,cAAcjD,WAI3EI,GAAgC,IAAhBF,GACfpB,EAAAC,IAAA,MAAA,CAAKC,UAAU,uBACZM,EAAYgC,KAAI,CAAC4B,EAAG1B,KACnB,MAAM2B,EAAgB7D,EAAYmD,OAASjB,EAAQ,EACnD,OACE1C,EAAAA,IAACJ,EACC,CAAAG,YAAaA,EAEbF,SAAUmC,EAAaqC,IAAkBtD,EAAgB2B,IAAU3B,EACnEjB,QAAS,IAAMyB,EAAejB,EAAUoC,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","jsx","className","type","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","jsxs","_Fragment","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":"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"}

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

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

package/cjs/organisms/carousel/styledComponents/styledCarouselVertical.js.map

@@ -1 +1 @@
-{"version":3,"file":"styledCarouselVertical.js","sources":["../../../../../../src/organisms/carousel/styledComponents/styledCarouselVertical.tsx"],"sourcesContent":[null],"names":["CarouselStyledVertical","styled","shouldForwardProp","prop","theme","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","overflow","width","cursor","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","marginTop","NaN","height","maxwidth","breakpoints","up","display","top","left","minHeight","minWidth","transform","alignItems","justifyContent","zIndex","border","boxShadow","backgroundColor","borderRadius","palette","onSurface","os100","transfrom","color","disabled","primary","right","os200","bottom"],"mappings":"aAGa,MAAAA,yBAA+BC,OAAC,MAAO,CAClDC,kBAAoBC,GACT,0BAATA,GACS,gBAATA,GACS,gBAATA,GACS,gBAATA,GACS,uBAATA,GACS,oBAATA,GACS,eAATA,GACS,aAATA,GACS,mBAATA,GACS,6BAATA,GACS,kBAATA,GACS,oBAATA,GACS,oBAATA,GACS,iBAATA,GACS,qBAATA,GACS,mBAATA,GACS,wBAATA,GACS,uBAATA,GACS,gBAATA,GACS,iBAATA,GACS,gBAATA,GAtBkCF,EAuBJ,EAAGG,YAEnC,IAAIC,EAAS,CAAE,EA+Hf,OA9HAA,EACKC,OAAAC,OAAAD,OAAAC,OAAA,GAAAF,GACH,CAAA,WAAY,CACVG,SAAU,WACVC,QAAS,MACTC,SAAU,OACVC,WAAY,OACZC,YAAa,QAEf,qBAAsB,CACpBC,SAAU,SACVC,MAAO,QAET,kCAAmC,CACjCC,OAAQ,aAEV,iCAAkC,CAChCA,OAAQ,YAEV,sBAAuB,CAErBC,WAAY,OACZC,mBAAoB,OACpBC,gBAAiB,OACjBC,wBAAyB,cACzBC,UAAWC,IACXC,OAAQ,SAEV,kBAAmB,CACjBd,SAAU,WACVK,SAAU,SACVS,OAAQ,OACRR,MAAO,OACPJ,SAAU,OACV,MAAO,CACLa,SAAU,QAEZ,oBAAqB,CACnB,CAACnB,EAAMoB,YAAYC,GAAG,OAAQ,CAC5BX,MAAO,UAIb,yBAA0B,CACxBN,SAAU,WACVK,SAAU,SACVS,OAAQ,QAEV,uBAAwB,CACtBd,SAAU,WACVkB,QAAS,QACTC,IAAK,OACLC,KAAM,MACNd,MAAO,OACPe,UAAW,OACXC,SAAU,OACVpB,SAAU,OACVqB,UAAW,yBAEb,mBAAoB,CAClBvB,SAAU,WACVkB,QAAS,OACTM,WAAY,SACZC,eAAgB,SAChBN,IAAK,IACLL,OAAQ,OACRY,OAAQ,IACRC,OAAQ,IACRC,UAAW,OACXC,gBAAiB,cACjBtB,OAAQ,UACR,2BAA4B,CAC1BD,MAAO,OACPQ,OAAQ,QAEV,4BAA6B,CAC3BR,MAAO,OACPQ,OAAQ,QAEV,UAAW,CACT,kBAAmB,CACjBgB,aAAc,MACdD,gBAAiBjC,EAAMmC,QAAQC,UAAUC,MACzCC,UAAW,qBAGf,aAAc,CACZ,kBAAmB,CACjBC,MAAOvC,EAAMmC,QAAQK,SAASC,SAEhC,UAAW,CACT,kBAAmB,CACjBR,gBAAiB,kBAKzB,yBAA0B,CACxBT,KAAM,IACNd,MAAO,OAET,yBAA0B,CACxBgC,MAAO,IACPhC,MAAO,OAET,qBAAsB,CACpBN,SAAU,WACV6B,gBAAiB,cACjBjB,UAAW,OACXV,SAAU,OACVI,MAAO,OACPQ,OAAQ,MACRT,SAAU,SACVyB,aAAc,MACd3B,WAAY,OACZC,YAAa,QAEf,0BAA2B,CACzBJ,SAAU,WACV6B,gBAAiBjC,EAAMmC,QAAQC,UAAUO,MACzCjC,MAAO,OACPa,IAAK,IACLqB,OAAQ,IACRpB,KAAM,WAGHvB,CAAM"}
+{"version":3,"file":"styledCarouselVertical.js","sources":["../../../../../../src/organisms/carousel/styledComponents/styledCarouselVertical.tsx"],"sourcesContent":["import { styled } from '@mui/system';\nimport { CarouselPropType } from '../carousel';\n\nexport const CarouselStyledVertical = styled('div', {\n  shouldForwardProp: (prop) =>\n    prop !== 'isSlideDifferentWidth' &&\n    prop !== 'slidesItems' &&\n    prop !== 'slideToShow' &&\n    prop !== 'bulletTheme' &&\n    prop !== 'numberingSeparator' &&\n    prop !== 'numberingSlides' &&\n    prop !== 'startIndex' &&\n    prop !== 'cssClass' &&\n    prop !== 'buttonControls' &&\n    prop !== 'buttonAreaControlsHeight' &&\n    prop !== 'slideToScroll' &&\n    prop !== 'prevControlIcon' &&\n    prop !== 'nextControlIcon' &&\n    prop !== 'controlColor' &&\n    prop !== 'controlIconStyle' &&\n    prop !== 'controlVariant' &&\n    prop !== 'controlIconFontSize' &&\n    prop !== 'slideSelectedClass' &&\n    prop !== 'heightSlide' &&\n    prop !== 'bulletScroll' &&\n    prop !== 'bulletStyle',\n})<CarouselPropType & { theme? }>(({ theme }) => {\n  // const props = args as CarouselPropType;\n  let styles = {};\n  styles = {\n    ...styles,\n    '& .embla': {\n      position: 'relative',\n      padding: '0px',\n      maxWidth: '100%',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n    },\n    '& .embla__viewport': {\n      overflow: 'hidden',\n      width: '100%',\n    },\n    '& .embla__viewport.is-draggable': {\n      cursor: 'move grab',\n    },\n    '& .embla__viewport.is-dragging': {\n      cursor: 'grabbing',\n    },\n    '& .embla__container': {\n      //display: 'flex',\n      userSelect: 'none',\n      webkitTouchCallout: 'none',\n      khtmlUserSelect: 'none',\n      webkitTapHighlightColor: 'transparent',\n      marginTop: -'10px',\n      height: '450px',\n    },\n    '& .embla__slide': {\n      position: 'relative',\n      overflow: 'hidden',\n      height: '100%',\n      width: '100%',\n      maxWidth: '100%',\n      '& *': {\n        maxwidth: '100%',\n      },\n      '& .MuiButton-root': {\n        [theme.breakpoints.up('md')]: {\n          width: 'auto',\n        },\n      },\n    },\n    '& .embla__slide__inner': {\n      position: 'relative',\n      overflow: 'hidden',\n      height: '100%',\n    },\n    '& .embla__slide__img': {\n      position: 'absolute',\n      display: 'block',\n      top: ' 50%',\n      left: '50%',\n      width: 'auto',\n      minHeight: '100%',\n      minWidth: '100%',\n      maxWidth: 'none',\n      transform: 'translate(-50%, -50%)',\n    },\n    '& .embla__button': {\n      position: 'absolute',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      top: '0',\n      height: '100%',\n      zIndex: '2',\n      border: '0',\n      boxShadow: 'none',\n      backgroundColor: 'transparent',\n      cursor: 'pointer',\n      '& .MuiIcon-fontSizeSmall': {\n        width: '24px',\n        height: '24px',\n      },\n      '& .MuiIcon-fontSizeMedium': {\n        width: '32px',\n        height: '32px',\n      },\n      '&:hover': {\n        '& .MuiIcon-root': {\n          borderRadius: '50%',\n          backgroundColor: theme.palette.onSurface.os100,\n          transfrom: 'translateY(-3px)',\n        },\n      },\n      '&:disabled': {\n        '& .MuiIcon-root': {\n          color: theme.palette.disabled.primary,\n        },\n        '&:hover': {\n          '& .MuiIcon-root': {\n            backgroundColor: 'transparent',\n          },\n        },\n      },\n    },\n    '& .embla__button--prev': {\n      left: '0',\n      width: '12%',\n    },\n    '& .embla__button--next': {\n      right: '0',\n      width: '20%',\n    },\n    '& .embla__progress': {\n      position: 'relative',\n      backgroundColor: 'transparent',\n      marginTop: '10px',\n      maxWidth: '100%',\n      width: '100%',\n      height: '4px',\n      overflow: 'hidden',\n      borderRadius: '4px',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n    },\n    '& .embla__progress__bar': {\n      position: 'absolute',\n      backgroundColor: theme.palette.onSurface.os200,\n      width: '100%',\n      top: '0',\n      bottom: '0',\n      left: '-100%',\n    },\n  };\n  return styles;\n});\n"],"names":["CarouselStyledVertical","styled","shouldForwardProp","prop","theme","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","overflow","width","cursor","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","marginTop","NaN","height","maxwidth","breakpoints","up","display","top","left","minHeight","minWidth","transform","alignItems","justifyContent","zIndex","border","boxShadow","backgroundColor","borderRadius","palette","onSurface","os100","transfrom","color","disabled","primary","right","os200","bottom"],"mappings":"aAGa,MAAAA,yBAA+BC,OAAC,MAAO,CAClDC,kBAAoBC,GACT,0BAATA,GACS,gBAATA,GACS,gBAATA,GACS,gBAATA,GACS,uBAATA,GACS,oBAATA,GACS,eAATA,GACS,aAATA,GACS,mBAATA,GACS,6BAATA,GACS,kBAATA,GACS,oBAATA,GACS,oBAATA,GACS,iBAATA,GACS,qBAATA,GACS,mBAATA,GACS,wBAATA,GACS,uBAATA,GACS,gBAATA,GACS,iBAATA,GACS,gBAATA,GAtBkCF,EAuBJ,EAAGG,YAEnC,IAAIC,EAAS,CAAE,EA+Hf,OA9HAA,EACKC,OAAAC,OAAAD,OAAAC,OAAA,GAAAF,GACH,CAAA,WAAY,CACVG,SAAU,WACVC,QAAS,MACTC,SAAU,OACVC,WAAY,OACZC,YAAa,QAEf,qBAAsB,CACpBC,SAAU,SACVC,MAAO,QAET,kCAAmC,CACjCC,OAAQ,aAEV,iCAAkC,CAChCA,OAAQ,YAEV,sBAAuB,CAErBC,WAAY,OACZC,mBAAoB,OACpBC,gBAAiB,OACjBC,wBAAyB,cACzBC,UAAWC,IACXC,OAAQ,SAEV,kBAAmB,CACjBd,SAAU,WACVK,SAAU,SACVS,OAAQ,OACRR,MAAO,OACPJ,SAAU,OACV,MAAO,CACLa,SAAU,QAEZ,oBAAqB,CACnB,CAACnB,EAAMoB,YAAYC,GAAG,OAAQ,CAC5BX,MAAO,UAIb,yBAA0B,CACxBN,SAAU,WACVK,SAAU,SACVS,OAAQ,QAEV,uBAAwB,CACtBd,SAAU,WACVkB,QAAS,QACTC,IAAK,OACLC,KAAM,MACNd,MAAO,OACPe,UAAW,OACXC,SAAU,OACVpB,SAAU,OACVqB,UAAW,yBAEb,mBAAoB,CAClBvB,SAAU,WACVkB,QAAS,OACTM,WAAY,SACZC,eAAgB,SAChBN,IAAK,IACLL,OAAQ,OACRY,OAAQ,IACRC,OAAQ,IACRC,UAAW,OACXC,gBAAiB,cACjBtB,OAAQ,UACR,2BAA4B,CAC1BD,MAAO,OACPQ,OAAQ,QAEV,4BAA6B,CAC3BR,MAAO,OACPQ,OAAQ,QAEV,UAAW,CACT,kBAAmB,CACjBgB,aAAc,MACdD,gBAAiBjC,EAAMmC,QAAQC,UAAUC,MACzCC,UAAW,qBAGf,aAAc,CACZ,kBAAmB,CACjBC,MAAOvC,EAAMmC,QAAQK,SAASC,SAEhC,UAAW,CACT,kBAAmB,CACjBR,gBAAiB,kBAKzB,yBAA0B,CACxBT,KAAM,IACNd,MAAO,OAET,yBAA0B,CACxBgC,MAAO,IACPhC,MAAO,OAET,qBAAsB,CACpBN,SAAU,WACV6B,gBAAiB,cACjBjB,UAAW,OACXV,SAAU,OACVI,MAAO,OACPQ,OAAQ,MACRT,SAAU,SACVyB,aAAc,MACd3B,WAAY,OACZC,YAAa,QAEf,0BAA2B,CACzBJ,SAAU,WACV6B,gBAAiBjC,EAAMmC,QAAQC,UAAUO,MACzCjC,MAAO,OACPa,IAAK,IACLqB,OAAQ,IACRpB,KAAM,WAGHvB,CAAM"}

package/cjs/organisms/carousel2/cardCarousel/cardCarousel.d.ts

@@ -32,6 +32,6 @@ export type CardCarouselProps = {
     startIndex?: number;
 };
 /**
- * @deprecated this component does not meet quality standards and will be removed in the future
+ * @deprecated use Carousel instead
  */
 export declare const CardCarousel: React.FC<CardCarouselProps>;

package/cjs/organisms/carousel2/cardCarousel/cardCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardCarousel.js","sources":["../../../../../../src/organisms/carousel2/cardCarousel/cardCarousel.tsx"],"sourcesContent":[null],"names":["inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","jsxs","Box","className","position","dir","selectedScrollSnap","sx","overflow","children","_jsx","Stack","component","Container","spacing","fixed","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","jsx","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"8XA8C0DA,IACxD,MAAMC,EAAQC,EAAeA,gBAACF,IAEvBG,EAAUC,GAAYC,EAAAA,SAASJ,IAEhCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,mBAAiBN,EAAUH,EAAMU,WACxG,OACEC,EAAAC,KAACC,MAAG,CACFC,UAAU,gBACVC,SAAS,WACTC,IAAKhB,EAAMU,UACC,cAAA,eACA,aAAAP,aAAQ,EAARA,EAAUc,qBACtBC,GAAI,CAAEC,SAAU,UAAUC,SAAA,CAE1BC,MAACC,EAAAA,MAAM,CAAAC,UAAWC,EAASA,UAAEC,QAAS,EAAGC,OAAK,EAACR,GAAI,CAAES,OAAQ,QAC3DP,SAAAT,OAACiB,EAAAA,SAAQ,CACP1B,SAAUA,EACVgB,GAAI,CACFS,OAAQ3B,EAAM2B,OACdE,MAAO,QACRT,SAAA,CAEDC,EAAAA,IAACS,EAAcA,eACb,CAAAZ,GAAI,CACFa,KAAM1B,EACN2B,IAAK,OACL,MAAO,CACLC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEff,SAEApB,EAAMoB,WAGTC,EAACe,IAAAC,YACC,CAAAC,MAAM,OACN5B,UAAWV,EAAMU,UACjBP,SAAUA,EACVoC,KAAK,OACLC,aAAcjC,EACdkC,aAAcjC,EACdU,GAAI,CACFwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACVC,gBAAiB,yBAIvBvB,EAAAA,IAACgB,EAASA,UAAA,CACRC,MAAM,OACN5B,UAAWV,EAAMU,UACjBP,SAAUA,EACVoC,KAAK,OACLC,aAAclC,EACdmC,aAAcjC,EACdU,GAAI,CACFwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACVC,gBAAiB,8BAO3BvB,EAAAe,IAACS,iBAAc,CAAC1C,SAAUA,MACtB"}
+{"version":3,"file":"cardCarousel.js","sources":["../../../../../../src/organisms/carousel2/cardCarousel/cardCarousel.tsx"],"sourcesContent":["import React from 'react';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { Box, Container, Stack } from '@mui/material';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { NavButton } from '../components/NavButton';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { ScrollSnapDots } from '../components/ScrollSnapDots';\n\nexport type CardCarouselProps = {\n  /**\n   * Enables autoplay functionality, which can be used to automatically trigger slide changes after certain delay.\n   * @default false\n   */\n  autoPlay?: boolean;\n  /**\n   * Delay in ms between automatic slides\n   * @default 4000\n   */\n  autoPlayDelay?: number;\n  /**\n   * Adjust slide speed when using buttons to change Slide. Higher numbers enables faster scrolling. Values between `1`-`20` are recommended.\n   * @default 10\n   */\n  speed?: number;\n  /**\n   * Direction of content.\n   * @default ltr\n   */\n  direction?: 'rtl' | 'ltr';\n  /**\n   * Carousel slides. Any ReactNode can be used here.\n   * @requires\n   */\n  children: React.ReactNode;\n  /**\n   * Index of Slide that is active by default.\n   * @default 0\n   */\n  startIndex?: number;\n};\n\n/**\n * @deprecated use Carousel instead\n */\nexport const CardCarousel: React.FC<CardCarouselProps> = (inProps) => {\n  const props = useDefaultProps(inProps);\n\n  const [emblaRef, emblaApi] = useEmbla(props);\n\n  const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n  return (\n    <Box\n      className=\"card-carousel\"\n      position=\"relative\"\n      dir={props.direction}\n      data-testid=\"CardCarousel\"\n      data-state={emblaApi?.selectedScrollSnap()}\n      sx={{ overflow: 'hidden' }}\n    >\n      <Stack component={Container} spacing={3} fixed sx={{ height: '100%' }}>\n        <ViewPort\n          emblaRef={emblaRef}\n          sx={{\n            height: props.height,\n            width: '100%',\n          }}\n        >\n          <ItemsContainer\n            sx={{\n              left: containerLeft,\n              gap: '24px',\n              '&>*': {\n                flexBasis: 'inherit',\n                flexGrow: 0,\n                flexShrink: 0,\n              },\n            }}\n          >\n            {props.children}\n          </ItemsContainer>\n\n          <NavButton\n            color=\"dark\"\n            direction={props.direction}\n            emblaApi={emblaApi}\n            type=\"prev\"\n            onMouseEnter={peekPrevOnHover}\n            onMouseLeave={resetPeek}\n            sx={{\n              top: 0,\n              bottom: '30px',\n              '& button': {\n                backgroundColor: '#F1F1F1 !important',\n              },\n            }}\n          />\n          <NavButton\n            color=\"dark\"\n            direction={props.direction}\n            emblaApi={emblaApi}\n            type=\"next\"\n            onMouseEnter={peekNextOnHover}\n            onMouseLeave={resetPeek}\n            sx={{\n              top: 0,\n              bottom: '30px',\n              '& button': {\n                backgroundColor: '#F1F1F1 !important',\n              },\n            }}\n          />\n        </ViewPort>\n      </Stack>\n\n      <ScrollSnapDots emblaApi={emblaApi} />\n    </Box>\n  );\n};\n"],"names":["inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","jsxs","Box","className","position","dir","selectedScrollSnap","sx","overflow","children","_jsx","Stack","component","Container","spacing","fixed","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","jsx","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"8XA8C0DA,IACxD,MAAMC,EAAQC,EAAeA,gBAACF,IAEvBG,EAAUC,GAAYC,EAAAA,SAASJ,IAEhCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,mBAAiBN,EAAUH,EAAMU,WACxG,OACEC,EAAAC,KAACC,MAAG,CACFC,UAAU,gBACVC,SAAS,WACTC,IAAKhB,EAAMU,UACC,cAAA,eACA,aAAAP,aAAQ,EAARA,EAAUc,qBACtBC,GAAI,CAAEC,SAAU,UAAUC,SAAA,CAE1BC,MAACC,EAAAA,MAAM,CAAAC,UAAWC,EAASA,UAAEC,QAAS,EAAGC,OAAK,EAACR,GAAI,CAAES,OAAQ,QAC3DP,SAAAT,OAACiB,EAAAA,SAAQ,CACP1B,SAAUA,EACVgB,GAAI,CACFS,OAAQ3B,EAAM2B,OACdE,MAAO,QACRT,SAAA,CAEDC,EAAAA,IAACS,EAAcA,eACb,CAAAZ,GAAI,CACFa,KAAM1B,EACN2B,IAAK,OACL,MAAO,CACLC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEff,SAEApB,EAAMoB,WAGTC,EAACe,IAAAC,YACC,CAAAC,MAAM,OACN5B,UAAWV,EAAMU,UACjBP,SAAUA,EACVoC,KAAK,OACLC,aAAcjC,EACdkC,aAAcjC,EACdU,GAAI,CACFwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACVC,gBAAiB,yBAIvBvB,EAAAA,IAACgB,EAASA,UAAA,CACRC,MAAM,OACN5B,UAAWV,EAAMU,UACjBP,SAAUA,EACVoC,KAAK,OACLC,aAAclC,EACdmC,aAAcjC,EACdU,GAAI,CACFwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACVC,gBAAiB,8BAO3BvB,EAAAe,IAACS,iBAAc,CAAC1C,SAAUA,MACtB"}

package/cjs/organisms/carousel2/components/ItemsContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemsContainer.js","sources":["../../../../../../src/organisms/carousel2/components/ItemsContainer.tsx"],"sourcesContent":[null],"names":["_a","children","left","rest","__rest","_jsx","jsx","Box","Object","assign","sx","display","transition","userSelect","position","height","flexGrow","flexShrink","flexBasis"],"mappings":"qHAQ8DA,QAAAC,SAAEA,EAAQC,KAAEA,GAAIF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAzB,qBAC5D,OACEK,EAACC,IAAAC,EAAGA,IACEC,OAAAC,OAAA,CAAA,EAAAN,GACJO,GAAEF,OAAAC,OAAA,CACAE,QAAS,OACTC,WAAY,WACZC,WAAY,OACZC,SAAU,WACVC,OAAQ,OACRb,KAAMA,QAAAA,EAAQ,MACd,MAAO,CACLc,SAAU,EACVC,WAAY,EACZC,UAAW,SAEVf,EAAKO,IAAE,cAEA,qBAEXT,SAAAA,IACG"}
+{"version":3,"file":"ItemsContainer.js","sources":["../../../../../../src/organisms/carousel2/components/ItemsContainer.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React from 'react';\n\nexport type ItemsContainerProps = BoxProps & {\n  children: React.ReactNode;\n  left?: string;\n};\n\nexport const ItemsContainer: React.FC<ItemsContainerProps> = ({ children, left, ...rest }) => {\n  return (\n    <Box\n      {...rest}\n      sx={{\n        display: 'flex',\n        transition: 'left .4s',\n        userSelect: 'none',\n        position: 'relative',\n        height: '100%',\n        left: left ?? '0px',\n        '&>*': {\n          flexGrow: 0,\n          flexShrink: 0,\n          flexBasis: '100%',\n        },\n        ...rest.sx,\n      }}\n      data-testid=\"Carousel.container\"\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["_a","children","left","rest","__rest","_jsx","jsx","Box","Object","assign","sx","display","transition","userSelect","position","height","flexGrow","flexShrink","flexBasis"],"mappings":"qHAQ8DA,QAAAC,SAAEA,EAAQC,KAAEA,GAAIF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAzB,qBAC5D,OACEK,EAACC,IAAAC,EAAGA,IACEC,OAAAC,OAAA,CAAA,EAAAN,GACJO,GAAEF,OAAAC,OAAA,CACAE,QAAS,OACTC,WAAY,WACZC,WAAY,OACZC,SAAU,WACVC,OAAQ,OACRb,KAAMA,QAAAA,EAAQ,MACd,MAAO,CACLc,SAAU,EACVC,WAAY,EACZC,UAAW,SAEVf,EAAKO,IAAE,cAEA,qBAEXT,SAAAA,IACG"}

package/cjs/organisms/carousel2/components/NavButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavButton.js","sources":["../../../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":[null],"names":["useNavHoverEffect","api","type","direction","options","hover","setHover","useState","handleMouseEnter","useCallback","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","_a","onMouseEnter","handleMouseLeave","onMouseLeave","useNavCallback","scrollPrev","scrollNext","emblaApi","color","style","variant","rest","__rest","handleScroll","disabled","setDisabled","useEffect","onScroll","on","_jsx","jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight"],"mappings":"uKAKA,MA2GMA,EAAoB,CACxBC,EACAC,EACAC,EACAC,KAKA,MAAOC,EAAOC,GAAYC,EAAAA,UAAS,GAsBnC,MAAO,CAAEF,QAAOG,iBApBSC,EAAAA,aAAY,WACnC,GAAIR,EAAK,CACP,MAAMS,EAAwB,SAATR,EAAkBD,EAAIU,gBAAkBV,EAAIW,gBAE3DC,EAAwB,SAATX,EAAkBD,EAAIU,gBAAkBV,EAAIW,iBAEjC,QAAdT,EAAsBU,EAAeH,IAGrDJ,GAAS,WAGbQ,EAAAV,aAAO,EAAPA,EAASW,oCAAgB,GACxB,CAACd,EAAKK,EAAUF,EAASF,EAAMC,IAOAa,iBALTP,EAAAA,aAAY,WACnCH,GAAS,WACTQ,EAAAV,aAAO,EAAPA,EAASa,oCAAgB,GACxB,CAACb,EAASE,IAEuC,EAGhDY,EAAiB,CAACjB,EAAwBE,EAA0BD,IACjEO,EAAWA,aAAC,KACJ,SAATP,IACY,QAAdC,EAAsBF,EAAIkB,aAAelB,EAAImB,cAGlC,SAATlB,IACY,QAAdC,EAAsBF,EAAImB,aAAenB,EAAIkB,gBAE9C,CAAClB,EAAKE,EAAWD,sBAlI8BY,QAAAO,SAClDA,EAAQnB,KACRA,EAAIoB,MACJA,EAAKC,MACLA,EAAKC,QACLA,EAAOT,aACPA,EAAYE,aACZA,EAAYd,UACZA,GAASW,EACNW,EAAIC,EAAAA,OAAAZ,EAT2C,yFAWlD,MAAMa,EAAeT,EAAeG,EAAUlB,EAAWD,IAElD0B,EAAUC,GAAetB,EAAAA,UAAS,IACnCF,MAAEA,EAAKG,iBAAEA,EAAgBQ,iBAAEA,GAAqBhB,EAAkBqB,EAAUnB,EAAMC,EAAW,CACjGY,eACAE,iBAkBF,OAfAa,EAAAA,WAAU,KACR,GAAIT,EAAU,CACZ,MAAMU,EAAW,KACf,MAAMrB,EAAwB,SAATR,EAAkBmB,EAASV,gBAAkBU,EAAST,gBAErEC,EAAwB,SAATX,EAAkBmB,EAASV,gBAAkBU,EAAST,gBAG3EiB,IADgC,QAAd1B,EAAsBU,EAAeH,GAChC,EAEzBW,EAASW,GAAG,SAAUD,GACtBA,OAED,CAACV,EAAUnB,EAAMC,IAGlB8B,EAAAC,IAACC,MAAG,CACFC,GAAI,CACFC,OAAQhC,EAAQ,OAAgB,SAATH,EAxD7B,ybAEA,idAsDwFoC,GAExE,cAAA,eAEZC,SAAAN,EAAAC,IAACC,EAAGA,IAAAK,OAAAC,OAAA,CAAA,EACEhB,EAAI,CACRW,GAAEI,OAAAC,OAAA,CACAC,SAAU,WACVC,IAAK,MACLC,OAAQ,MACRC,MAAO,MACPC,SAAU,OACVC,KAAe,SAAT7C,EAAkB,WAAQoC,EAChCU,MAAgB,SAAT9C,EAAkB,WAAQoC,EACjCW,OAAQ,CACNP,SAAU,sBACVK,KAAM,CACJG,GAAa,SAAThD,EAAkB,YAASoC,EAC/Ba,GAAa,SAATjD,EAAkB,YAASoC,GAEjCU,MAAO,CACLE,GAAa,SAAThD,EAAkB,YAASoC,EAC/Ba,GAAa,SAATjD,EAAkB,YAASoC,GAEjCK,IAAK,MACLS,UAAW,qBACX,WAAY,CACVA,UAAW,6CAEbC,WAAYhD,EAAQ,cAAWiC,IAE9Bb,EAAKW,IAEVrB,aAAcP,EACdS,aAAcD,EAAgBuB,SAE9BN,EAAAA,IAACqB,EAAUA,YACTC,YAAsB,SAATrD,EAAkB,aAAe,cAC9CsD,gBAAiBlC,QAAAA,EAAS,QAC1BmC,UAAWlC,QAAAA,EAAS,UACpBmC,eAAgBlC,QAAAA,EAAW,WAC3BmC,gBAAiBhC,EACjBiC,WAAYhC,EACZiC,aAAc,aAGd"}
+{"version":3,"file":"NavButton.js","sources":["../../../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '@/src/components/controls';\nimport { EmblaCarouselType } from 'embla-carousel-react';\n\nconst nextCursor =\n  'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor =\n  'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\n\nexport type NavButtonProps = BoxProps & {\n  emblaApi: EmblaCarouselType;\n\n  type: 'prev' | 'next';\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n\n  color?: 'light' | 'dark';\n  style?: 'regular' | 'filled';\n  variant?: 'standard' | 'outline';\n\n  direction: 'rtl' | 'ltr';\n  skipInViewItems?: boolean;\n};\n\nexport const NavButton: React.FC<NavButtonProps> = ({\n  emblaApi,\n  type,\n  color,\n  style,\n  variant,\n  onMouseEnter,\n  onMouseLeave,\n  direction,\n  ...rest\n}) => {\n  const handleScroll = useNavCallback(emblaApi, direction, type);\n\n  const [disabled, setDisabled] = useState(true);\n  const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n    onMouseEnter,\n    onMouseLeave,\n  });\n\n  useEffect(() => {\n    if (emblaApi) {\n      const onScroll = () => {\n        const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n\n        const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n\n        const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n        setDisabled(!canScroll);\n      };\n      emblaApi.on('scroll', onScroll);\n      onScroll();\n    }\n  }, [emblaApi, type, direction]);\n\n  return (\n    <Box\n      sx={{\n        cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n      }}\n      data-testid=\"Carousel.nav\"\n    >\n      <Box\n        {...rest}\n        sx={{\n          position: 'absolute',\n          top: '33%',\n          bottom: '33%',\n          width: '10%',\n          minWidth: '50px',\n          left: type === 'prev' ? '0px' : undefined,\n          right: type === 'next' ? '0px' : undefined,\n          button: {\n            position: 'absolute !important',\n            left: {\n              sm: type === 'prev' ? '15px' : undefined,\n              xl: type === 'prev' ? '34px' : undefined,\n            },\n            right: {\n              sm: type === 'next' ? '15px' : undefined,\n              xl: type === 'next' ? '34px' : undefined,\n            },\n            top: '50%',\n            transform: 'translate(0, -50%)',\n            '&:active': {\n              transform: 'translate(0, -50%) scale(0.95) !important',\n            },\n            visibility: hover ? 'hidden' : undefined,\n          },\n          ...rest.sx,\n        }}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n      >\n        <Controller\n          controlType={type === 'prev' ? 'arrow-left' : 'arrow-right'}\n          controllerColor={color ?? 'light'}\n          iconStyle={style ?? 'regular'}\n          controlVariant={variant ?? 'standard'}\n          onClickCallback={handleScroll}\n          isDisabled={disabled}\n          customHeight={'100%'}\n        />\n      </Box>\n    </Box>\n  );\n};\n\nconst useNavHoverEffect = (\n  api: EmblaCarouselType,\n  type: 'next' | 'prev',\n  direction: 'ltr' | 'rtl',\n  options?: {\n    onMouseEnter?: () => void;\n    onMouseLeave?: () => void;\n  },\n) => {\n  const [hover, setHover] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    if (api) {\n      const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n\n      const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n\n      const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n\n      if (canScroll) {\n        setHover(true);\n      }\n    }\n    options?.onMouseEnter?.();\n  }, [api, setHover, options, type, direction]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHover(false);\n    options?.onMouseLeave?.();\n  }, [options, setHover]);\n\n  return { hover, handleMouseEnter, handleMouseLeave };\n};\n\nconst useNavCallback = (api: EmblaCarouselType, direction: 'ltr' | 'rtl', type: 'prev' | 'next') => {\n  return useCallback(() => {\n    if (type === 'prev') {\n      direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n    }\n\n    if (type === 'next') {\n      direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n    }\n  }, [api, direction, type]);\n};\n"],"names":["useNavHoverEffect","api","type","direction","options","hover","setHover","useState","handleMouseEnter","useCallback","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","_a","onMouseEnter","handleMouseLeave","onMouseLeave","useNavCallback","scrollPrev","scrollNext","emblaApi","color","style","variant","rest","__rest","handleScroll","disabled","setDisabled","useEffect","onScroll","on","_jsx","jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight"],"mappings":"uKAKA,MA2GMA,EAAoB,CACxBC,EACAC,EACAC,EACAC,KAKA,MAAOC,EAAOC,GAAYC,EAAAA,UAAS,GAsBnC,MAAO,CAAEF,QAAOG,iBApBSC,EAAAA,aAAY,WACnC,GAAIR,EAAK,CACP,MAAMS,EAAwB,SAATR,EAAkBD,EAAIU,gBAAkBV,EAAIW,gBAE3DC,EAAwB,SAATX,EAAkBD,EAAIU,gBAAkBV,EAAIW,iBAEjC,QAAdT,EAAsBU,EAAeH,IAGrDJ,GAAS,WAGbQ,EAAAV,aAAO,EAAPA,EAASW,oCAAgB,GACxB,CAACd,EAAKK,EAAUF,EAASF,EAAMC,IAOAa,iBALTP,EAAAA,aAAY,WACnCH,GAAS,WACTQ,EAAAV,aAAO,EAAPA,EAASa,oCAAgB,GACxB,CAACb,EAASE,IAEuC,EAGhDY,EAAiB,CAACjB,EAAwBE,EAA0BD,IACjEO,EAAWA,aAAC,KACJ,SAATP,IACY,QAAdC,EAAsBF,EAAIkB,aAAelB,EAAImB,cAGlC,SAATlB,IACY,QAAdC,EAAsBF,EAAImB,aAAenB,EAAIkB,gBAE9C,CAAClB,EAAKE,EAAWD,sBAlI8BY,QAAAO,SAClDA,EAAQnB,KACRA,EAAIoB,MACJA,EAAKC,MACLA,EAAKC,QACLA,EAAOT,aACPA,EAAYE,aACZA,EAAYd,UACZA,GAASW,EACNW,EAAIC,EAAAA,OAAAZ,EAT2C,yFAWlD,MAAMa,EAAeT,EAAeG,EAAUlB,EAAWD,IAElD0B,EAAUC,GAAetB,EAAAA,UAAS,IACnCF,MAAEA,EAAKG,iBAAEA,EAAgBQ,iBAAEA,GAAqBhB,EAAkBqB,EAAUnB,EAAMC,EAAW,CACjGY,eACAE,iBAkBF,OAfAa,EAAAA,WAAU,KACR,GAAIT,EAAU,CACZ,MAAMU,EAAW,KACf,MAAMrB,EAAwB,SAATR,EAAkBmB,EAASV,gBAAkBU,EAAST,gBAErEC,EAAwB,SAATX,EAAkBmB,EAASV,gBAAkBU,EAAST,gBAG3EiB,IADgC,QAAd1B,EAAsBU,EAAeH,GAChC,EAEzBW,EAASW,GAAG,SAAUD,GACtBA,OAED,CAACV,EAAUnB,EAAMC,IAGlB8B,EAAAC,IAACC,MAAG,CACFC,GAAI,CACFC,OAAQhC,EAAQ,OAAgB,SAATH,EAxD7B,ybAEA,idAsDwFoC,GAExE,cAAA,eAEZC,SAAAN,EAAAC,IAACC,EAAGA,IAAAK,OAAAC,OAAA,CAAA,EACEhB,EAAI,CACRW,GAAEI,OAAAC,OAAA,CACAC,SAAU,WACVC,IAAK,MACLC,OAAQ,MACRC,MAAO,MACPC,SAAU,OACVC,KAAe,SAAT7C,EAAkB,WAAQoC,EAChCU,MAAgB,SAAT9C,EAAkB,WAAQoC,EACjCW,OAAQ,CACNP,SAAU,sBACVK,KAAM,CACJG,GAAa,SAAThD,EAAkB,YAASoC,EAC/Ba,GAAa,SAATjD,EAAkB,YAASoC,GAEjCU,MAAO,CACLE,GAAa,SAAThD,EAAkB,YAASoC,EAC/Ba,GAAa,SAATjD,EAAkB,YAASoC,GAEjCK,IAAK,MACLS,UAAW,qBACX,WAAY,CACVA,UAAW,6CAEbC,WAAYhD,EAAQ,cAAWiC,IAE9Bb,EAAKW,IAEVrB,aAAcP,EACdS,aAAcD,EAAgBuB,SAE9BN,EAAAA,IAACqB,EAAUA,YACTC,YAAsB,SAATrD,EAAkB,aAAe,cAC9CsD,gBAAiBlC,QAAAA,EAAS,QAC1BmC,UAAWlC,QAAAA,EAAS,UACpBmC,eAAgBlC,QAAAA,EAAW,WAC3BmC,gBAAiBhC,EACjBiC,WAAYhC,EACZiC,aAAc,aAGd"}

package/cjs/organisms/carousel2/components/Numbering.js.map

@@ -1 +1 @@
-{"version":3,"file":"Numbering.js","sources":["../../../../../../src/organisms/carousel2/components/Numbering.tsx"],"sourcesContent":[null],"names":["_a","direction","separator","color","size","emblaApi","boxProps","__rest","total","setTotal","useState","index","setIndex","useEffect","onSlide","totalA","slideNodes","length","indexA","selectedScrollSnap","on","_jsx","Box","Object","assign","sx","position","padding","borderRadius","userSelect","transition","left","undefined","right","backgroundColor","NumberingComponent","customSeparator","colorTheme"],"mappings":"2LAcoDA,IAAA,IAAAC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,EAAKC,KAAEA,EAAIC,SAAEA,GAAuBL,EAAVM,EAAQC,EAAAA,OAAAP,EAA1D,qDAClD,MAAOQ,EAAOC,GAAYC,EAAAA,SAAiB,IACpCC,EAAOC,GAAYF,EAAAA,SAAiB,GAgB3C,OAdAG,EAAAA,WAAU,KACR,GAAIR,EAAU,CACZ,MAAMS,EAAU,KACd,MACMC,EADQV,EAASW,aACFC,OACfC,EAASb,EAASc,qBAAuB,EAC/CV,EAASM,GACTH,EAASM,EAAO,EAElBb,EAASe,GAAG,SAAUN,GACtBA,OAED,CAACT,IAGFgB,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,GACElB,EACJ,CAAAmB,GACEF,OAAAC,OAAA,CAAAE,SAAU,WACVC,QAAS,WACTC,aAAc,MACdC,WAAY,OACZC,WAAY,UACZC,KAAoB,QAAd9B,EAAsB,YAAS+B,EACrCC,MAAqB,QAAdhC,EAAsB,YAAS+B,EACtCE,gBAA2B,SAAV/B,EAAmB,YAAc,YAClD,mBAAoB,CAClBA,MAAO,sBAET,uBAAwB,CACtBA,MAAO,sBAET,mBAAoB,CAClBA,MAAiB,SAAVA,EAAmB,UAAY,YAErCG,EAASmB,IAEF,cAAA,8BAEZJ,EAAAA,IAACc,EAAAA,UACC,CAAAxB,MAAOA,EACPH,MAAOA,EACP4B,gBAAiBlC,QAAAA,EAAa,IAC9BmC,WAAYlC,EACZC,KAAMA,MAEJ"}
+{"version":3,"file":"Numbering.js","sources":["../../../../../../src/organisms/carousel2/components/Numbering.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React, { useEffect, useState } from 'react';\nimport { Numbering as NumberingComponent } from '../../../components/numbering';\nimport { NumberingColors, NumberingSizes } from '../../../utils';\nimport { EmblaCarouselType } from 'embla-carousel-react';\n\nexport type NumberingProps = BoxProps & {\n  emblaApi: EmblaCarouselType;\n  direction: 'rtl' | 'ltr';\n  color: NumberingColors;\n  size: NumberingSizes;\n  separator?: string;\n};\n\nexport const Numbering: React.FC<NumberingProps> = ({ direction, separator, color, size, emblaApi, ...boxProps }) => {\n  const [total, setTotal] = useState<number>(0);\n  const [index, setIndex] = useState<number>(0);\n\n  useEffect(() => {\n    if (emblaApi) {\n      const onSlide = () => {\n        const nodes = emblaApi.slideNodes();\n        const totalA = nodes.length;\n        const indexA = emblaApi.selectedScrollSnap() + 1;\n        setTotal(totalA);\n        setIndex(indexA);\n      };\n      emblaApi.on('scroll', onSlide);\n      onSlide();\n    }\n  }, [emblaApi]);\n\n  return (\n    <Box\n      {...boxProps}\n      sx={{\n        position: 'absolute',\n        padding: '5px 24px',\n        borderRadius: '4px',\n        userSelect: 'none',\n        transition: 'all .4s',\n        left: direction === 'rtl' ? '24px' : undefined,\n        right: direction === 'ltr' ? '24px' : undefined,\n        backgroundColor: color === 'dark' ? '#F3F3F31F' : '#1617180F',\n        '.total-container': {\n          color: '#9E9FA0 !important',\n        },\n        '.separator-container': {\n          color: '#9E9FA0 !important',\n        },\n        '.index-container': {\n          color: color === 'dark' ? '#FFFFFF' : '#161718',\n        },\n        ...boxProps.sx,\n      }}\n      data-testid=\"Carousel.numbering\"\n    >\n      <NumberingComponent\n        index={index}\n        total={total}\n        customSeparator={separator ?? '/'}\n        colorTheme={color}\n        size={size}\n      />\n    </Box>\n  );\n};\n"],"names":["_a","direction","separator","color","size","emblaApi","boxProps","__rest","total","setTotal","useState","index","setIndex","useEffect","onSlide","totalA","slideNodes","length","indexA","selectedScrollSnap","on","_jsx","Box","Object","assign","sx","position","padding","borderRadius","userSelect","transition","left","undefined","right","backgroundColor","NumberingComponent","customSeparator","colorTheme"],"mappings":"2LAcoDA,IAAA,IAAAC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,EAAKC,KAAEA,EAAIC,SAAEA,GAAuBL,EAAVM,EAAQC,EAAAA,OAAAP,EAA1D,qDAClD,MAAOQ,EAAOC,GAAYC,EAAAA,SAAiB,IACpCC,EAAOC,GAAYF,EAAAA,SAAiB,GAgB3C,OAdAG,EAAAA,WAAU,KACR,GAAIR,EAAU,CACZ,MAAMS,EAAU,KACd,MACMC,EADQV,EAASW,aACFC,OACfC,EAASb,EAASc,qBAAuB,EAC/CV,EAASM,GACTH,EAASM,EAAO,EAElBb,EAASe,GAAG,SAAUN,GACtBA,OAED,CAACT,IAGFgB,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,GACElB,EACJ,CAAAmB,GACEF,OAAAC,OAAA,CAAAE,SAAU,WACVC,QAAS,WACTC,aAAc,MACdC,WAAY,OACZC,WAAY,UACZC,KAAoB,QAAd9B,EAAsB,YAAS+B,EACrCC,MAAqB,QAAdhC,EAAsB,YAAS+B,EACtCE,gBAA2B,SAAV/B,EAAmB,YAAc,YAClD,mBAAoB,CAClBA,MAAO,sBAET,uBAAwB,CACtBA,MAAO,sBAET,mBAAoB,CAClBA,MAAiB,SAAVA,EAAmB,UAAY,YAErCG,EAASmB,IAEF,cAAA,8BAEZJ,EAAAA,IAACc,EAAAA,UACC,CAAAxB,MAAOA,EACPH,MAAOA,EACP4B,gBAAiBlC,QAAAA,EAAa,IAC9BmC,WAAYlC,EACZC,KAAMA,MAEJ"}

package/cjs/organisms/carousel2/components/ScrollSnapDots.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollSnapDots.js","sources":["../../../../../../src/organisms/carousel2/components/ScrollSnapDots.tsx"],"sourcesContent":[null],"names":["emblaApi","scrollSnapList","setScrollSnapList","useState","currentSnapIndex","setCurrentSnapIndex","currentSnap","useMemo","_a","useEffect","console","log","internalEngine","e","on","off","selectedScrollSnap","_jsx","jsx","Box","sx","display","justifyContent","gap","marginTop","children","map","snap","width","height","borderRadius","backgroundColor"],"mappings":"qHAQ6D,EAAGA,eAC9D,MAAOC,EAAgBC,GAAqBC,EAAAA,SAAwB,KAC7DC,EAAkBC,GAAuBF,EAAAA,SAAiB,GAC3DG,EAAcC,EAAOA,SAAC,KAAM,IAAAC,EAAA,OAAoC,QAApCA,EAAAP,EAAeG,UAAqB,IAAAI,EAAAA,EAAA,CAAC,GAAE,CAACP,EAAgBG,IAyB1F,OAvBAK,EAAAA,WAAU,KACR,GAAIT,EAAU,CACZU,QAAQC,IAAIX,EAASY,kBACrB,MAAMC,EAAI,IAAMX,EAAkBF,EAASC,kBAG3C,OAFAD,EAASc,GAAG,SAAUD,GACtBA,IACO,KACLb,EAASe,IAAI,SAAUF,EAAE,KAG5B,CAACb,EAAUE,IAEdO,EAAAA,WAAU,KACR,GAAIT,EAAU,CACZ,MAAMa,EAAI,IAAMR,EAAoBL,EAASgB,sBAG7C,OAFAhB,EAASc,GAAG,SAAUD,GACtBA,IACO,KACLb,EAASe,IAAI,SAAUF,EAAE,KAG5B,CAACb,EAAUK,IAGZY,EAAAC,IAACC,MAAG,CACFC,GAAI,CACFC,QAAS,OACTC,eAAgB,SAChBC,IAAK,MACLC,UAAW,QACZ,cACW,gBAEXC,SAAAxB,EAAeyB,KAAKC,GACnBV,EAAAC,IAACC,MAAG,CAEFC,GAAI,CACFQ,MAAO,MACPC,OAAQ,MACRC,aAAc,MACdC,gBAAiBzB,EAAcqB,EAAO,UAAY,YAL/CA,MASL"}
+{"version":3,"file":"ScrollSnapDots.js","sources":["../../../../../../src/organisms/carousel2/components/ScrollSnapDots.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport { EmblaCarouselType } from 'embla-carousel-react';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nexport type ScrollSnapDotsProps = {\n  emblaApi: EmblaCarouselType;\n};\n\nexport const ScrollSnapDots: React.FC<ScrollSnapDotsProps> = ({ emblaApi }) => {\n  const [scrollSnapList, setScrollSnapList] = useState<Array<number>>([]);\n  const [currentSnapIndex, setCurrentSnapIndex] = useState<number>(0);\n  const currentSnap = useMemo(() => scrollSnapList[currentSnapIndex] ?? 0, [scrollSnapList, currentSnapIndex]);\n\n  useEffect(() => {\n    if (emblaApi) {\n      console.log(emblaApi.internalEngine());\n      const e = () => setScrollSnapList(emblaApi.scrollSnapList());\n      emblaApi.on('reInit', e);\n      e();\n      return () => {\n        emblaApi.off('reInit', e);\n      };\n    }\n  }, [emblaApi, setScrollSnapList]);\n\n  useEffect(() => {\n    if (emblaApi) {\n      const e = () => setCurrentSnapIndex(emblaApi.selectedScrollSnap());\n      emblaApi.on('select', e);\n      e();\n      return () => {\n        emblaApi.off('select', e);\n      };\n    }\n  }, [emblaApi, setCurrentSnapIndex]);\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        gap: '8px',\n        marginTop: '23px',\n      }}\n      data-testid=\"Carousel.dots\"\n    >\n      {scrollSnapList.map((snap) => (\n        <Box\n          key={snap}\n          sx={{\n            width: '8px',\n            height: '8px',\n            borderRadius: '50%',\n            backgroundColor: currentSnap < snap ? '#D8D8D8' : '#161718',\n          }}\n        />\n      ))}\n    </Box>\n  );\n};\n"],"names":["emblaApi","scrollSnapList","setScrollSnapList","useState","currentSnapIndex","setCurrentSnapIndex","currentSnap","useMemo","_a","useEffect","console","log","internalEngine","e","on","off","selectedScrollSnap","_jsx","jsx","Box","sx","display","justifyContent","gap","marginTop","children","map","snap","width","height","borderRadius","backgroundColor"],"mappings":"qHAQ6D,EAAGA,eAC9D,MAAOC,EAAgBC,GAAqBC,EAAAA,SAAwB,KAC7DC,EAAkBC,GAAuBF,EAAAA,SAAiB,GAC3DG,EAAcC,EAAOA,SAAC,KAAM,IAAAC,EAAA,OAAoC,QAApCA,EAAAP,EAAeG,UAAqB,IAAAI,EAAAA,EAAA,CAAC,GAAE,CAACP,EAAgBG,IAyB1F,OAvBAK,EAAAA,WAAU,KACR,GAAIT,EAAU,CACZU,QAAQC,IAAIX,EAASY,kBACrB,MAAMC,EAAI,IAAMX,EAAkBF,EAASC,kBAG3C,OAFAD,EAASc,GAAG,SAAUD,GACtBA,IACO,KACLb,EAASe,IAAI,SAAUF,EAAE,KAG5B,CAACb,EAAUE,IAEdO,EAAAA,WAAU,KACR,GAAIT,EAAU,CACZ,MAAMa,EAAI,IAAMR,EAAoBL,EAASgB,sBAG7C,OAFAhB,EAASc,GAAG,SAAUD,GACtBA,IACO,KACLb,EAASe,IAAI,SAAUF,EAAE,KAG5B,CAACb,EAAUK,IAGZY,EAAAC,IAACC,MAAG,CACFC,GAAI,CACFC,QAAS,OACTC,eAAgB,SAChBC,IAAK,MACLC,UAAW,QACZ,cACW,gBAEXC,SAAAxB,EAAeyB,KAAKC,GACnBV,EAAAC,IAACC,MAAG,CAEFC,GAAI,CACFQ,MAAO,MACPC,OAAQ,MACRC,aAAc,MACdC,gBAAiBzB,EAAcqB,EAAO,UAAY,YAL/CA,MASL"}

package/cjs/organisms/carousel2/components/ViewPort.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewPort.js","sources":["../../../../../../src/organisms/carousel2/components/ViewPort.tsx"],"sourcesContent":[null],"names":["_a","children","emblaRef","rest","__rest","_jsx","jsx","Box","Object","assign","sx","overview","width","height","cursor","ref"],"mappings":"+GAUkDA,QAAAC,SAAEA,EAAQC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAA,OAAAJ,EAA7B,yBAChD,OACEK,EAACC,IAAAC,EAAGA,IACEC,OAAAC,OAAA,CAAA,EAAAN,GACJO,GAAEF,OAAAC,OAAA,CACAE,SAAU,SACVC,MAAO,OACPC,OAAQ,OACRC,OAAQ,QACLX,EAAKO,IAEVK,IAAKb,EACO,cAAA,6BAEXD,IACG"}
+{"version":3,"file":"ViewPort.js","sources":["../../../../../../src/organisms/carousel2/components/ViewPort.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React from 'react';\n\ntype RefType = <ViewportElement extends HTMLElement>(instance: ViewportElement | null) => void;\n\nexport type ViewportProps = BoxProps & {\n  children: React.ReactNode;\n  emblaRef: RefType;\n};\n\nexport const ViewPort: React.FC<ViewportProps> = ({ children, emblaRef, ...rest }) => {\n  return (\n    <Box\n      {...rest}\n      sx={{\n        overview: 'hidden',\n        width: '100%',\n        height: '100%',\n        cursor: 'grab',\n        ...rest.sx,\n      }}\n      ref={emblaRef}\n      data-testid=\"Carousel.viewport\"\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["_a","children","emblaRef","rest","__rest","_jsx","jsx","Box","Object","assign","sx","overview","width","height","cursor","ref"],"mappings":"+GAUkDA,QAAAC,SAAEA,EAAQC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAA,OAAAJ,EAA7B,yBAChD,OACEK,EAACC,IAAAC,EAAGA,IACEC,OAAAC,OAAA,CAAA,EAAAN,GACJO,GAAEF,OAAAC,OAAA,CACAE,SAAU,SACVC,MAAO,OACPC,OAAQ,OACRC,OAAQ,QACLX,EAAKO,IAEVK,IAAKb,EACO,cAAA,6BAEXD,IACG"}

package/cjs/organisms/carousel2/galleryCarousel/GalleryItemText.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryItemText.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/GalleryItemText.tsx"],"sourcesContent":[null],"names":["children","color","useContext","GalleryItemContext","smallerThanMd","useMediaQuery","theme","breakpoints","down","fontColor","useMemo","_jsx","Typography","sx","letterSpacing"],"mappings":"2JAQ+D,EAAGA,eAChE,MAAMC,MAAEA,GAAUC,EAAUA,WAACC,sBACvBC,EAAgBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAYC,EAAAA,SAAQ,IACpBN,EACK,UAEQ,UAAVH,EAAoB,OAAS,WACnC,CAACG,EAAeH,IAEnB,OACEU,MAACC,EAAUA,WAAA,CACTX,MAAOQ,EACPI,GAAI,CACFC,cAAe,qBAChB,cACW,gBAAed,SAE1BA,GACU"}
+{"version":3,"file":"GalleryItemText.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/GalleryItemText.tsx"],"sourcesContent":["import { Theme, Typography, useMediaQuery } from '@mui/material';\nimport React, { useContext, useMemo } from 'react';\nimport { GalleryItemContext } from './galleryItemContext';\n\nexport type GalleryItemTextProps = {\n  children: React.ReactNode;\n};\n\nexport const GalleryItemText: React.FC<GalleryItemTextProps> = ({ children }) => {\n  const { color } = useContext(GalleryItemContext);\n  const smallerThanMd = useMediaQuery<Theme>((theme) => theme.breakpoints.down('md'));\n\n  const fontColor = useMemo(() => {\n    if (smallerThanMd) {\n      return '#161718';\n    }\n    return color === 'light' ? '#fff' : '#161718';\n  }, [smallerThanMd, color]);\n\n  return (\n    <Typography\n      color={fontColor}\n      sx={{\n        letterSpacing: '0.02em !important',\n      }}\n      data-testid=\"Carousel.text\"\n    >\n      {children}\n    </Typography>\n  );\n};\n"],"names":["children","color","useContext","GalleryItemContext","smallerThanMd","useMediaQuery","theme","breakpoints","down","fontColor","useMemo","_jsx","Typography","sx","letterSpacing"],"mappings":"2JAQ+D,EAAGA,eAChE,MAAMC,MAAEA,GAAUC,EAAUA,WAACC,sBACvBC,EAAgBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAYC,EAAAA,SAAQ,IACpBN,EACK,UAEQ,UAAVH,EAAoB,OAAS,WACnC,CAACG,EAAeH,IAEnB,OACEU,MAACC,EAAUA,WAAA,CACTX,MAAOQ,EACPI,GAAI,CACFC,cAAe,qBAChB,cACW,gBAAed,SAE1BA,GACU"}

package/cjs/organisms/carousel2/galleryCarousel/galleryCarousel.d.ts

@@ -50,6 +50,6 @@ export type GalleryCarouselProps = {
     height?: ResponsiveType<string>;
 };
 /**
- * @deprecated this component does not meet quality standards and will be removed in the future
+ * @deprecated use Carousel instead
  */
 export declare const GalleryCarousel: React.FC<GalleryCarouselProps>;