@skodaflow/web-library 7.16.1 → 8.0.1

package/organisms/cardPromoVehicle/cardPromoVehicle.d.ts

@@ -1,133 +0,0 @@
-import { FC, HTMLAttributes, ReactNode } from 'react';
-import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
-import { ButtonVariants } from '../../components/button';
-import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';
-/**
- * @interface ChipProps
- * @description Base definition of SkodaFlow Chip independent on core implementation.
- * Properties are inherited from HTML div element
- */
-export interface CardPromoVehicleProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Label text
-     */
-    label: string;
-    /**
-     * Variants of the label
-     */
-    labelVariant: 'general' | 'feature';
-    /**
-     * Vehicle name text
-     */
-    vehicleName?: string;
-    /**
-     * Vehicle equipment text
-     */
-    equipment?: string;
-    /**
-     * Description text
-     */
-    description?: string;
-    /**
-     * First label information label text. If this prop is empty, the label isn't showing
-     */
-    labelInfoFirstText?: string;
-    /**
-     * First label variant
-     */
-    labelInfoFirstVariant?: 'primary' | 'neutral';
-    /**
-     * Second label text. If this prop is empty, the label isn't showing
-     */
-    labelInfoSecondText?: string;
-    /**
-     * Second label variant
-     */
-    labelInfoSecondVariant?: 'primary' | 'neutral';
-    /**
-     * If the main image is not found this image will be used.
-     */
-    image?: string;
-    /**
-     * The source of the onError image.
-     */
-    fallbackImage?: string;
-    /**
-     * Alternative description Image
-     */
-    altDescriptionImage?: string;
-    /**
-     * Mandatory button object. The button is displayed if the label text is present
-     */
-    mandatoryButtonObject?: {
-        label?: string;
-        variant?: ButtonVariants;
-        url?: string;
-        target?: string;
-        callback?: (payload?: any) => void;
-        callbackAnalytics?: (payload?: any) => void;
-    };
-    /**
-     * Optional button object. The button is displayed if the label text is present
-     */
-    optionalButtonObject?: {
-        label?: string;
-        variant?: ButtonVariants;
-        url?: string;
-        target?: string;
-        callback?: (payload?: any) => void;
-        callbackAnalytics?: (payload?: any) => void;
-    };
-    /**
-     * If true borderRadius was added to entire card
-     */
-    isBorderRadius?: boolean;
-    /**
-     * Set element's opacity.
-     */
-    darkOpacityLayer: DarkOpacity;
-    /**
-     * Set element's opacity.
-     */
-    lightOpacityLayer: LightOpacity;
-    /**
-     * if true, dropdownMenu is showing
-     */
-    isMenuDropdown: boolean;
-    /**
-     * Height size of the component
-     */
-    size?: 'fixed' | 'adjustable';
-    /**
-     * Info text
-     */
-    infoText?: string;
-    /**
-     * Info text second position text
-     */
-    infoTextSecond?: string;
-    /**
-     * info text third position text
-     */
-    infoTextThird?: string;
-    /**
-     * Custom Info accept react node element
-     */
-    customInfo?: ReactNode;
-    /**
-     * Uses for setting button size based on screensize
-     */
-    isCompact?: boolean;
-    /**
-     * MenuCardComponent props.
-     */
-    menuCardComponentProps?: MenuCardComponentProps;
-}
-/**
- * @description SkodaFlow Chip component.
- * Properties are inherited from HTML Div element.
- * @param props ChipProps
- * @returns React Functional Component
- * @deprecated
- */
-export declare const CardPromoVehicle: FC<CardPromoVehicleProps>;

package/organisms/cardPromoVehicle/cardPromoVehicle.js

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

package/organisms/cardPromoVehicle/cardPromoVehicle.js.map

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

package/organisms/cardPromoVehicle/cardPromoVehicleComponent.d.ts

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

package/organisms/cardPromoVehicle/cardPromoVehicleComponent.js

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

package/organisms/cardPromoVehicle/cardPromoVehicleComponent.js.map

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

package/organisms/cardPromoVehicle/index.d.ts

@@ -1 +0,0 @@
-export * from './cardPromoVehicle';

package/organisms/cardTypeOnly/cardTypeOnly.d.ts

@@ -1,60 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
-import { ButtonVariants } from '../..';
-/**
- * @interface ChipProps
- * @description Base definition of SkodaFlow Chip independent on core implementation.
- * Properties are inherited from HTML div element
- */
-export interface CardTypeOnlyProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * If true borderRadius was added to entire card
-     */
-    isBorderRadius?: boolean;
-    /**
-     * Text is showing if the card configurator is empty
-     */
-    cardTypeOnlyText?: string;
-    /**
-     * Mandatory button object. The button is displayed if the label text is present
-     */
-    mandatoryButtonObject?: {
-        label?: string;
-        variant?: ButtonVariants;
-        url?: string;
-        target?: string;
-        callback?: (payload?: any) => void;
-        callbackAnalytics?: (payload?: any) => void;
-    };
-    /**
-     * Optional button object. The button is displayed if the label text is present
-     */
-    optionalButtonObject?: {
-        label?: string;
-        variant?: ButtonVariants;
-        url?: string;
-        target?: string;
-        callback?: (payload?: any) => void;
-        callbackAnalytics?: (payload?: any) => void;
-    };
-    /**
-     * A dark gradient layer was added
-     */
-    darkOpacity?: DarkOpacity;
-    /**
-     * A light gradient layer was added
-     */
-    lightOpacity?: LightOpacity;
-    /**
-     * Uses for setting button size based on screensize
-     */
-    isCompact?: boolean;
-}
-/**
- * @description SkodaFlow Chip component.
- * Properties are inherited from HTML Div element.
- * @param props ChipProps
- * @returns React Functional Component
- * @deprecated
- */
-export declare const CardTypeOnly: React.ForwardRefExoticComponent<CardTypeOnlyProps & React.RefAttributes<HTMLDivElement>>;

package/organisms/cardTypeOnly/cardTypeOnly.js

@@ -1,73 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{styled as r,Card as i}from"@mui/material";import a from"./cardTypeOnlyComponent.js";import{CardStandardWrapperStyled as o}from"../common/styled/cardStandardWrapperStyled.js";import{opacityLayerSwitchLightStatement as n,opacityLayerSwitchDarkStatement as p}from"../../utils/utilities.js";const d=t((t,r)=>e(o,{isBorderRadius:t.isBorderRadius,ref:r,children:e(m,{children:e(a,Object.assign({isCompact:!0},t))})})),m=r(i)`
-  width: 100%;
-  box-shadow: none;
-  background-color: #f6f7f8ff !important;
-  padding: 24px;
-  min-height: 300px;
-  ${e=>{if(e.children.props.emptyCardText)return"background-image: none"}};
-  background-repeat: no-repeat, repeat;
-  background-color: ${e=>e.theme.palette.onSurface.os0};
-
-  color: ${e=>"opacity0"!==e.children.props.lightOpacity&&"opacity0"===e.children.props.darkOpacity?e.theme.palette.text.primary:"opacity0"!==e.children.props.darkOpacity?e.theme.palette.onSurface.os0:void 0};
-
-  ${e=>{if(e.theme.shape.borderRadius)return"border-radius: 0;"}}
-
-  ${e=>{if(e.children.props.isBorderRadius)return"border-radius: 8px;"}}
-	.CardImageText {
-    text-align: center;
-    ${e=>{if(e.children.props.cardTypeOnlyText)return"justify-content: center"}};
-    .CardImageSubtitle {
-      font-size: 16px;
-      line-height: 24px;
-      @media (min-width: ${e=>e.theme.breakpoints.values.xl}px) {
-        font-size: 18px;
-        line-height: 28px;
-      }
-    }
-    .emptyCardText {
-      align-self: center;
-      margin-bottom: 17px;
-    }
-  }
-  .CardImageButtonsContainerContent {
-    display: flex;
-    justify-content: space-between;
-    width: 100%;
-    flex-direction: column-reverse;
-    @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
-      flex-direction: row;
-    }
-  }
-  .CardImageButtonsContainer {
-    display: flex;
-    justify-content: space-between;
-    width: 100%;
-  }
-  .CardImageButtons {
-    justify-content: center;
-    gap: 12px 16px;
-    @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
-      flex-direction: row;
-      flex-wrap: wrap;
-    }
-    .button-component {
-      width: 100%;
-      div {
-        width: 100%;
-      }
-      @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
-        width: auto;
-      }
-      @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
-        width: auto;
-        font-size: 14px;
-      }
-    }
-  }
-  .CardImageOverlayTheme {
-    ${e=>n(e.children.props.lightOpacity,"background")};
-
-    ${e=>p(e.children.props.darkOpacity,"background")}
-  }
-`;export{d as CardTypeOnly};
-//# sourceMappingURL=cardTypeOnly.js.map

package/organisms/cardTypeOnly/cardTypeOnly.js.map

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

package/organisms/cardTypeOnly/cardTypeOnlyComponent.d.ts

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

package/organisms/cardTypeOnly/cardTypeOnlyComponent.js

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

package/organisms/cardTypeOnly/cardTypeOnlyComponent.js.map

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

package/organisms/cardTypeOnly/index.d.ts

@@ -1 +0,0 @@
-export * from './cardTypeOnly';

package/organisms/carousel/carousel.d.ts

@@ -1,137 +0,0 @@
-import { ReactNode } from 'react';
-import { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel-react';
-import { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';
-import { IconNameProp } from '@/src/components/icon';
-export type CarouselPropType = {
-    /**
-     * 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%.
-     */
-    align?: 'start' | 'center' | 'end' | number;
-    /**
-     * Autoplay, if true the autoplay functionality will be added to the carousel. Default is false.
-     */
-    autoPlay?: boolean;
-    /**
-     * Choose scroll axis between x and y.
-     */
-    axis?: 'x' | 'y';
-    /**
-     * if true, the scrollbar is replaced with bullet scroll. visible only with SlideToShow 1.Default is false.
-     */
-    bulletScroll?: boolean;
-    /**
-     * defines the bullet-scroller style. can be 'dash' or 'dot'.
-     */
-    bulletStyle?: 'dash' | 'dot';
-    /**
-     * defines the bullet-scroller color theme. can be 'light' or 'dark'.
-     */
-    bulletTheme?: 'light' | 'dark';
-    /**
-     * Definition of height or clickable area for buttons next and prev. value should be in "px" or "%".
-     */
-    buttonAreaControlsHeight?: string;
-    /**
-     * Buttons controls, if true the buttons will be visible. Default is true.
-     */
-    buttonControls?: boolean;
-    /**
-     * Definition of position or clickable area for buttons next and prev. value should be in "px" and default position is top: 0.
-     */
-    buttonControlsPosition?: string;
-    /**
-     * control color, can be "dark" or "light".
-     */
-    controlColor?: DarkLightOptions;
-    /**
-     * icon font size, can be "small" or "medium".
-     */
-    controlIconFontSize?: ControllerSize;
-    /**
-     * icon style, can be "regular" or "filled".
-     */
-    controlIconStyle?: IconsStyle;
-    /**
-     * control variant, can be "standard" or "outline".
-     */
-    controlVariant?: ControlVariant;
-    /**
-     * Class applied to the main container carousel. Default value ''.
-     * this class can be used also to provide a prefix name for ID applied to each slide inside the carousel.
-     * eg. class applied to container carousel : my-carousel
-     * ID applied for each slide : my-carousel__slide-0 (number is the index of slide).
-     */
-    cssClass?: string;
-    /**
-     * Direction carousel ltr or rtl. Default ltr.
-     */
-    direction?: 'ltr' | 'rtl';
-    /**
-     * set height for slide carousel.
-     */
-    heightSlide?: string;
-    /**
-     * Slide with different width. if true the slide width is base on his content. Default false.
-     */
-    isSlideDifferentWidth?: boolean;
-    /**
-     * Loop, if true the loop functionality will be added to the carousel. Default is false.
-     */
-    loop?: boolean;
-    /**
-     * next control icon.
-     */
-    nextControlIcon?: IconNameProp;
-    /**
-     * Label of numbering length sliders.
-     */
-    numberingSeparator?: string;
-    /**
-     * Numbering Slides, if true the numbering slides will be visible. Default is true.
-     */
-    numberingSlides?: boolean;
-    /**
-     * Options setting carousel.
-     */
-    options?: EmblaOptionsType;
-    /**
-     * previous control icon.
-     */
-    prevControlIcon?: IconNameProp;
-    /**
-     * Progress bar status, if true the progress bar will be visible. Default is false.
-     */
-    progressbar?: boolean;
-    /**
-     * Add Class to selected slide.
-     */
-    slideSelectedClass?: string;
-    /**
-     * Slides reactNode carousel.
-     */
-    slidesItems: ReactNode[];
-    /**
-     * Number of visible slides. Default value 1.
-     */
-    slideToShow?: number;
-    /**
-     * Number of slides to scroll.
-     */
-    slideToScroll: number;
-    /**
-     * speed transition slide, Higher numbers enables faster scrolling. Default is 10.
-     */
-    speed?: number;
-    /**
-     * StartIndex slide. Default is 0.
-     */
-    startIndex?: number;
-};
-export declare const handleScrollPrev: (emblaApi: EmblaCarouselType, direction: "rtl" | "ltr") => void;
-export declare const handleScrollNext: (emblaApi: EmblaCarouselType, direction: "rtl" | "ltr") => void;
-export declare const handleScrollTo: (emblaApi: EmblaCarouselType, index: number) => void;
-export declare const emblaWidthSize: (apiParam: any, slideToShowParam: any) => void;
-/**
- * @deprecated this component does not meet quality standards and will be removed in the future
- */
-export declare const DeprecatedCarousel: (props: CarouselPropType) => import("react/jsx-runtime").JSX.Element;

package/organisms/carousel/carousel.js

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

package/organisms/carousel/carousel.js.map

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

package/organisms/carousel/carouselButton.d.ts

@@ -1,10 +0,0 @@
-export declare const PrevButton: ({ enabled, onClick, height }: {
-    enabled: any;
-    onClick: any;
-    height: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const NextButton: ({ enabled, onClick, height }: {
-    enabled: any;
-    onClick: any;
-    height: any;
-}) => import("react/jsx-runtime").JSX.Element;

package/organisms/carousel/carouselTemplate.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { EmblaCarouselType } from 'embla-carousel-react';
-import { IconNameProp } from '@/src/components/icon';
-export declare const getHoveredClass: (direction: "next" | "prev", hovered: boolean, isBtnEnabled: boolean) => string;
-export declare const DotButton: ({ selected, onClick, bulletStyle }: {
-    selected: any;
-    onClick: any;
-    bulletStyle: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const template: (cssClass: string, hovered: boolean, prevBtnEnabled: boolean, emblaApi: EmblaCarouselType, direction: any, emblaRef: any, slidesItems: React.ReactNode[], heightSlide: string, buttonControls: boolean, buttonAreaControlsHeight: string, buttonControlsPosition: string, nextBtnEnabled: boolean, numberingSlides: boolean, selectedIndex: number, numberingSeparator: string, progressbar: boolean, scrollProgress: number, toggleHover: (element: string) => void, slideToShow: number, classEmbla: string, bulletScroll: boolean, bulletStyle: string, handleScrollTo: (emblaApi: any, index: any) => void, handleScrollPrev: (emblaApi: any, index: any) => void, handleScrollNext: (emblaApi: any, index: any) => void, prevControlIcon: IconNameProp, nextControlIcon: IconNameProp, controlIconStyle: any, controlIconFontSize: any, controlVariant: any, controlColor: any) => import("react/jsx-runtime").JSX.Element;

package/organisms/carousel/carouselTemplate.js

@@ -1,2 +0,0 @@
-import{jsxs as e,Fragment as l,jsx as t}from"react/jsx-runtime";import{Controller as o}from"../../components/controls/controls.js";import{Numbering as n}from"../../components/numbering/numbering.js";import{NumberingSizes as s,NumberingColors as r}from"../../utils/enum.js";const a=(e,l,t)=>l&&t?`${e}--hovered`:"",i=({selected:e,onClick:l,bulletStyle:o})=>t("button",{className:o&&"dot"===o?"embla__dot_small "+(e?"is-selected":""):"embla__dot "+(e?"is-selected":""),type:"button",onClick:l}),c=(c,m,d,_,b,u,p,h,v,N,y,g,$,C,x,k,S,f,j,M,z,D,E,L,T,A,F,H,R,V,w)=>{const G="rtl"===b;return e(l,{children:[t("div",{className:`embla ${c} ${M}`,dir:b,children:e("div",{className:"embla__viewport",ref:u,children:[t("div",{className:"embla__container",children:p.map((e,l)=>t("div",{id:`embla ${c}__${l}`,className:"embla__slide",children:t("div",{className:"embla__slide__inner",style:{height:h},children:e})},l))}),v&&e(l,{children:[t(o,{style:{top:`${y}px`},controlType:A,controllerColor:w,iconStyle:H,iconFontSize:R,controlVariant:V,className:`embla__button embla__button--prev ${a("prev",m,d)}`,onClickCallback:()=>L(_,b),isDisabled:G?d&&!g:!d,customHeight:N,onMouseEnter:()=>f("prev"),onMouseLeave:()=>f("")}),t(o,{style:{top:`${y}px`},controlType:F,controllerColor:w,iconStyle:H,iconFontSize:R,controlVariant:V,className:`embla__button embla__button--next ${a("next",m,g)}`,onClickCallback:()=>T(_,b),isDisabled:G?!d&&g:!g,customHeight:N,onMouseEnter:()=>f("next"),onMouseLeave:()=>f("")})]})]})}),$&&t(l,{children:t(n,{className:"carousel_numbering",index:C+j,total:p.length,customSeparator:x,colorTheme:r.DARK,size:s.LARGE})}),k&&!z&&t("div",{className:"embla__progress",children:t("div",{className:"embla__progress__bar",style:{transform:`translateX(${S}%)`}})}),z&&1===j&&t("div",{className:"embla__dots",children:p.map((e,l)=>{const o=p.length-l-1;return t(i,{bulletStyle:D,selected:G?o===C:l===C,onClick:()=>E(_,l)},l)})})]})};export{i as DotButton,a as getHoveredClass,c as template};
-//# sourceMappingURL=carouselTemplate.js.map