@skodaflow/web-library 3.4.0-alpha.0 → 4.0.0

package/build/organisms/cardTypeOnly/cardTypeOnly.d.ts

@@ -1,59 +1,60 @@
-import React 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 React.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
- */
-export declare const CardTypeOnly: React.ForwardRefExoticComponent<CardTypeOnlyProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
+import { ButtonVariants } from '../..';
+/**
+ * @interface ChipProps
+ * @description Base definition of SkodaFlow Chip independent on core implementation.
+ * Properties are inherited from HTML div element
+ * @deprecated
+ */
+export interface CardTypeOnlyProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 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
+ */
+export declare const CardTypeOnly: React.ForwardRefExoticComponent<CardTypeOnlyProps & React.RefAttributes<HTMLDivElement>>;

package/build/organisms/cardTypeOnly/cardTypeOnly.js

@@ -0,0 +1,73 @@
+import{jsx as e}from"react/jsx-runtime";import t from"react";import r from"@emotion/styled";import i from"@mui/material/Card";import a from"./cardTypeOnlyComponent.js";import{CardStandardWrapperStyled as o}from"../common/styled/cardStandardWrapperStyled.js";import{opacityLayerSwitchLightStatement as n,opacityLayerSwitchDarkStatement as d}from"../../utils/utilities.js";const p=t.forwardRef(((t,r)=>e(o,{isBorderRadius:t.isBorderRadius,ref:r,children:e(m,{children:e(a,Object.assign({isCompact:!0},t))})}))),m=r(i)`
+  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=>d(e.children.props.darkOpacity,"background")}
+  }
+`;export{p as CardTypeOnly};
+//# sourceMappingURL=cardTypeOnly.js.map

package/build/organisms/cardTypeOnly/cardTypeOnly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardTypeOnly.js","sources":["../../../src/organisms/cardTypeOnly/cardTypeOnly.tsx"],"sourcesContent":[null],"names":["CardTypeOnly","React","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","children","CardTypeOnlyStyled","CardTypeOnlyComponent","Object","assign","isCompact","styled","MuiCard","emptyCardText","theme","palette","onSurface","os0","lightOpacity","darkOpacity","text","primary","shape","borderRadius","cardTypeOnlyText","breakpoints","values","xl","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"mXAuEO,MAAMA,EAAeC,EAAMC,YAA8C,CAACC,EAAOC,IAEpFC,EAACC,EAAyB,CAACC,eAAgBJ,EAAMI,eAAgBH,IAAKA,EAAGI,SACvEH,EAACI,EACC,CAAAD,SAAAH,EAACK,EAAqBC,OAAAC,OAAA,CAACC,WAAW,GAAUV,UAS9CM,EAAqBK,EAAOC,EAAwD;;;;;;IAMrFZ,IACD,GAAIA,EAAMK,SAASL,MAAMa,cACvB,MAAO,wBACR;;sBAGkBb,GACZA,EAAMc,MAAMC,QAAQC,UAAUC;;WAG7BjB,GACkC,aAAtCA,EAAMK,SAASL,MAAMkB,cAAoE,aAArClB,EAAMK,SAASL,MAAMmB,YACpEnB,EAAMc,MAAMC,QAAQK,KAAKC,QACc,aAArCrB,EAAMK,SAASL,MAAMmB,YACvBnB,EAAMc,MAAMC,QAAQC,UAAUC,SADhC;;IAKNjB,IACD,GAAIA,EAAMc,MAAMQ,MAAMC,aACpB,MAAO,mBACR;;IAGAvB,IACD,GAAIA,EAAMK,SAASL,MAAMI,eACvB,MAAO,qBACR;;;MAIEJ,IACD,GAAIA,EAAMK,SAASL,MAAMwB,iBACvB,MAAO,yBACR;;;;2BAKqBxB,GAAUA,EAAMc,MAAMW,YAAYC,OAAOC;;;;;;;;;;;;;;;yBAe3C3B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;;;;;;yBAYzC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;;;2BASvC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;2BAGzC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;MAO9D5B,GACM6B,EAAiC7B,EAAMK,SAASL,MAAMkB,aAAc;;MAG1ElB,GACM8B,EAAgC9B,EAAMK,SAASL,MAAMmB,YAAa;;"}

package/build/organisms/cardTypeOnly/cardTypeOnlyComponent.d.ts

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

package/build/organisms/cardTypeOnly/cardTypeOnlyComponent.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"cardTypeOnlyComponent.js","sources":["../../../src/organisms/cardTypeOnly/cardTypeOnlyComponent.tsx"],"sourcesContent":[null],"names":["CardTypeOnlyComponent","React","forwardRef","cardTypeOnlyText","mandatoryButtonObject","optionalButtonObject","isCompact","ref","_jsxs","_jsx","className","children","handleMaxChars","label","ButtonCardComponent","buttonObject","compact"],"mappings":"mNAKA,MAAMA,EAAwBC,EAAMC,YAClC,EAAGC,mBAAkBC,wBAAuBC,uBAAsBC,aAAaC,IAE3EC,eACEC,EAAK,MAAA,CAAAC,UAAU,0BACfF,EAAA,MAAA,CAAKE,UAAU,gBACZC,SAAA,CAAAR,GAAoBM,EAAM,OAAA,CAAAC,UAAU,gBAAeC,SAAEC,EAAeT,EAAkB,OACvFM,EAAK,MAAA,CAAAC,UAAU,4BAA2BC,SACxCF,EAAK,MAAA,CAAAC,UAAU,4CACbF,EAAK,MAAA,CAAAE,UAAU,mBACZC,SAAA,EAAAP,aAAA,EAAAA,EAAuBS,QACtBJ,EAACK,EACC,CAAAJ,UAAU,mBACVK,aAAcX,EACdY,QAASV,KAGZD,aAAoB,EAApBA,EAAsBQ,QACrBJ,EAACK,EAAmB,CAClBJ,UAAU,mBACVK,aAAcV,EACdW,QAASV"}

package/build/organisms/cardTypeOnly/index.d.ts

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

package/build/organisms/carousel/carousel.d.ts

@@ -1,134 +1,134 @@
-import React, { ReactNode } from 'react';
-import { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel-react';
-import { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';
-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?: any;
-    /**
-     * 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?: string;
-    /**
-     * 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?: string;
-    /**
-     * 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 getHoveredClass: (direction: 'next' | 'prev', hovered: boolean, isBtnEnabled: boolean) => string;
-export declare const emblaWidthSize: (apiParam: any, slideToShowParam: any) => void;
-export declare const Carousel: (props: CarouselPropType) => React.JSX.Element;
+import { ReactNode } from 'react';
+import { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel-react';
+import { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';
+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?: any;
+    /**
+     * 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?: string;
+    /**
+     * 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?: string;
+    /**
+     * 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 getHoveredClass: (direction: 'next' | 'prev', hovered: boolean, isBtnEnabled: boolean) => string;
+export declare const emblaWidthSize: (apiParam: any, slideToShowParam: any) => void;
+export declare const Carousel: (props: CarouselPropType) => import("react/jsx-runtime").JSX.Element;

package/build/organisms/carousel/carousel.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import{useState as t,useCallback as o,useEffect as l}from"react";import r from"embla-carousel-react";import s from"embla-carousel-class-names";import n from"embla-carousel-autoplay";import{CarouselStyledHorizontal as i}from"./styledComponents/styledCarouselHorizontal.js";import{CarouselStyledVertical as a}from"./styledComponents/styledCarouselVertical.js";import{useTheme as c}from"@mui/material";import{template as d}from"./carouselTemplate.js";const m=(e,t)=>{e&&("ltr"===t?e.scrollPrev():e.scrollNext())},p=(e,t)=>{e&&("rtl"===t?e.scrollPrev():e.scrollNext())},u=(e,t)=>{e&&e.scrollTo(t)},S=(e,t,o)=>t&&o?`${e}--hovered`:"",h=(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`}}))},b=S=>{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:$="slide-selected",speed:z=10,startIndex:D=0,bulletScroll:H=!1,bulletStyle:V="dot",bulletTheme:q="dark",prevControlIcon:A="arrow-left",nextControlIcon:E="arrow-right",controlIconStyle:F="regular",controlIconFontSize:B="medium",controlVariant:G="standard",controlColor:J="dark"}=S,K=n({playOnInit:!!f}),L={selected:$},Q="center"!==b?"trimSnaps":"",[R,U]=t(D),[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:z,startIndex:D},[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){h(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},S,{children:d(w,oe,X,de,I,ce,M,T,y,g,C,Z,k,R,P,N,ee,(e=>pe(e)),W,ne,H,V,u,m,p,A,E,F,B,G,J)})):e(i,Object.assign({isSlideDifferentWidth:v,align:b,slidesItems:M,slideToShow:W,bulletTheme:q},S,{children:d(w,oe,X,de,I,ce,M,T,y,g,C,Z,k,R,P,N,ee,(e=>pe(e)),W,ne,H,V,u,m,p,A,E,F,B,G,J)}))};export{b as Carousel,h as emblaWidthSize,S as getHoveredClass,p as handleScrollNext,m as handleScrollPrev,u as handleScrollTo};
+//# sourceMappingURL=carousel.js.map

package/build/organisms/carousel/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sources":["../../../src/organisms/carousel/carousel.tsx"],"sourcesContent":[null],"names":["handleScrollPrev","emblaApi","direction","scrollPrev","scrollNext","handleScrollNext","handleScrollTo","index","scrollTo","getHoveredClass","hovered","isBtnEnabled","emblaWidthSize","apiParam","slideToShowParam","slideNode","slideNodes","forEach","item","img","querySelector","style","width","naturalWidth","Carousel","props","align","autoPlay","axis","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","heightSlide","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slidesItems","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","autoplay","Autoplay","playOnInit","optionsClassNames","selected","optionAlign","selectedIndex","setSelectedIndex","useState","prevBtnEnabled","setPrevBtnEnabled","nextBtnEnabled","setNextBtnEnabled","scrollProgress","setScrollProgress","setHovered","isMobile","setIsMobile","classEmbla","setClassEmbla","emblaOptions","containScroll","slidesToScroll","skipSnaps","emblaRef","useEmblaCarousel","ClassNames","theme","useTheme","toggleHover","element","controller","controllerHover","onScroll","useCallback","progress","Math","max","min","useEffect","onSelect","selectedScrollSnap","canScrollPrev","canScrollNext","on","mq","window","matchMedia","breakpoints","values","md","matches","_jsx","CarouselStyledVertical","Object","assign","template","CarouselStyledHorizontal","children"],"mappings":"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"}

package/build/organisms/carousel/carouselButton.d.ts

@@ -1,11 +1,10 @@
-import React from 'react';
-export declare const PrevButton: ({ enabled, onClick, height }: {
-    enabled: any;
-    onClick: any;
-    height: any;
-}) => React.JSX.Element;
-export declare const NextButton: ({ enabled, onClick, height }: {
-    enabled: any;
-    onClick: any;
-    height: any;
-}) => React.JSX.Element;
+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/build/organisms/carousel/carouselTemplate.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { EmblaCarouselType } from 'embla-carousel-react';
-export declare const DotButton: ({ selected, onClick, bulletStyle }: {
-    selected: any;
-    onClick: any;
-    bulletStyle: any;
-}) => React.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: string, nextControlIcon: string, controlIconStyle: any, controlIconFontSize: any, controlVariant: any, controlColor: any) => React.JSX.Element;
+import React from 'react';
+import { EmblaCarouselType } from 'embla-carousel-react';
+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: string, nextControlIcon: string, controlIconStyle: any, controlIconFontSize: any, controlVariant: any, controlColor: any) => import("react/jsx-runtime").JSX.Element;

package/build/organisms/carousel/carouselTemplate.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"carouselTemplate.js","sources":["../../../src/organisms/carousel/carouselTemplate.tsx"],"sourcesContent":[null],"names":["DotButton","selected","onClick","bulletStyle","_jsx","className","type","template","cssClass","hovered","prevBtnEnabled","emblaApi","direction","emblaRef","slidesItems","heightSlide","buttonControls","buttonAreaControlsHeight","buttonControlsPosition","nextBtnEnabled","numberingSlides","selectedIndex","numberingSeparator","progressbar","scrollProgress","toggleHover","slideToShow","classEmbla","bulletScroll","handleScrollTo","handleScrollPrev","handleScrollNext","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","isMirrored","_jsxs","_Fragment","children","dir","ref","map","slide","index","id","style","height","Controller","top","controlType","controllerColor","iconStyle","iconFontSize","getHoveredClass","onClickCallback","isDisabled","customHeight","onMouseEnter","onMouseLeave","Numbering","total","length","customSeparator","colorTheme","NumberingColors","DARK","size","NumberingSizes","LARGE","transform","_","mirroredIndex"],"mappings":"uUAOaA,EAAY,EAAGC,WAAUC,UAASC,iBAC7CC,EACE,SAAA,CAAAC,UACEF,GAA+B,QAAhBA,EACX,qBAAoBF,EAAW,cAAgB,IAC/C,eAAcA,EAAW,cAAgB,IAE/CK,KAAK,SACLJ,QAASA,IAIAK,EAAW,CACtBC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAzB,EACA0B,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAA2B,QAAd1B,EAEnB,OACE2B,EACEC,EAAA,CAAAC,SAAA,CAAArC,EAAA,MAAA,CAAKC,UAAW,SAASG,KAAYmB,IAAce,IAAK9B,EAAS6B,SAC/DF,SAAKlC,UAAU,kBAAkBsC,IAAK9B,EAAQ4B,SAAA,CAC5CrC,SAAKC,UAAU,mBACZoC,SAAA3B,EAAY8B,KAAI,CAACC,EAAOC,IACvB1C,EAAA,MAAA,CAAK2C,GAAI,SAASvC,MAAasC,IAASzC,UAAU,wBAChDD,EAAK,MAAA,CAAAC,UAAU,sBAAsB2C,MAAO,CAAEC,OAAQlC,GACnD0B,SAAAI,KAFiEC,OAOzE9B,GACCuB,EAAAC,EAAA,CAAAC,SAAA,CACErC,EAAC8C,EAAU,CACTF,MAAO,CAAEG,IAAK,GAAGjC,OACjBkC,YAAapB,EACbqB,gBAAiBhB,EACjBiB,UAAWpB,EACXqB,aAAcpB,EACdC,eAAgBA,EAChB/B,UAAW,qCAAqCmD,EAAgB,OAAQ/C,EAASC,KACjF+C,gBAAiB,IAAM3B,EAAiBnB,EAAUC,GAClD8C,WAAYpB,EAAa5B,IAAmBS,GAAkBT,EAC9DiD,aAAc1C,EACd2C,aAAc,IAAMnC,EAAY,QAChCoC,aAAc,IAAMpC,EAAY,MAElCrB,EAAC8C,GACCF,MAAO,CAAEG,IAAK,GAAGjC,OACjBkC,YAAanB,EACboB,gBAAiBhB,EACjBiB,UAAWpB,EACXqB,aAAcpB,EACdC,eAAgBA,EAChB/B,UAAW,qCAAqCmD,EAAgB,OAAQ/C,EAASU,KACjFsC,gBAAiB,IAAM1B,EAAiBpB,EAAUC,GAClD8C,WAAYpB,GAAc5B,GAAkBS,GAAkBA,EAC9DwC,aAAc1C,EACd2C,aAAc,IAAMnC,EAAY,QAChCoC,aAAc,IAAMpC,EAAY,cAMzCL,GACChB,EAAAoC,EAAA,CAAAC,SACErC,EAAC0D,EAAS,CACRzD,UAAU,qBACVyC,MAAOzB,EAAgBK,EACvBqC,MAAOjD,EAAYkD,OACnBC,gBAAiB3C,EACjB4C,WAAYC,EAAgBC,KAC5BC,KAAMC,EAAeC,UAI1BhD,IAAgBK,GACfxB,EAAA,MAAA,CAAKC,UAAU,2BACbD,EAAK,MAAA,CAAAC,UAAU,uBAAuB2C,MAAO,CAAEwB,UAAW,cAAchD,WAI3EI,GAAgC,IAAhBF,GACftB,EAAA,MAAA,CAAKC,UAAU,uBACZS,EAAY8B,KAAI,CAAC6B,EAAG3B,KACnB,MAAM4B,EAAgB5D,EAAYkD,OAASlB,EAAQ,EACnD,OACE1C,EAACJ,EACC,CAAAG,YAAaA,EAEbF,SAAUqC,EAAaoC,IAAkBrD,EAAgByB,IAAUzB,EACnEnB,QAAS,IAAM2B,EAAelB,EAAUmC,IAFnCA,EAIP,QAKV"}

package/build/organisms/carousel/index.d.ts

@@ -1 +1 @@
-export * from './carousel';
+export * from './carousel';

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

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