@skodaflow/web-library 7.13.0 → 7.14.0

package/cjs/components/carousel/navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sources":["../../../../../src/components/carousel/navigation.tsx"],"sourcesContent":[null],"names":["carousel","carouselProp","peekEffect","propPeekEffect","prevButtonProps","prevIconProps","PrevIconComponent","nextButtonProps","nextIconProps","NextIconComponent","arrows","onBackground","carouselHook","useCarousel","originalParams","effect","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","PrevIcon","ArrowLeftIcon","ChevronLeftIcon","NextIcon","ArrowRightIcon","ChevronRightIcon","sharedSx","useMemo","Object","assign","position","zIndex","top","mt","getInteractiveStyle","color","borderColor","backgroundColor","_jsxs","_jsx","IconButton","disabled","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","left","children","direction","isEnd","slideNext","right"],"mappings":"2aA4DgB,UACdA,SAAUC,EACVC,WAAYC,GAAiB,EAAKC,gBAClCA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,gBACjBA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,OACjBA,GAAS,EAAIC,aACbA,GAAe,IAEf,MAAMC,EAAeC,EAAAA,cACfb,EAAWC,GAAgBW,EAC3BV,EAAiD,UAApCF,aAAA,EAAAA,EAAUc,eAAeC,SAAqBZ,EAC3Da,EAAQC,EAAAA,WACRC,EAAOC,EAAAA,cAAcH,EAAMI,YAAYC,GAAG,OAC1CC,EAA8BlB,GAAmB,IAA/CmB,GAAIC,KAAWC,EAAjBC,EAAAA,OAAAJ,EAAA,CAAA,OACAK,EAA8BpB,GAAmB,IAA/CgB,GAAIK,KAAWC,EAAjBH,EAAAA,OAAAC,EAAA,CAAA,QACCG,EAAMC,GAAWC,EAAAA,sBAAsBhC,GACxCiC,EAAW3B,IAAsBI,EAASwB,EAAAA,cAAgBC,EAAAA,iBAC1DC,EAAW3B,IAAsBC,EAAS2B,EAAAA,eAAiBC,EAAAA,kBAG3DC,EAAWC,EAAAA,SACf,IAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAEJC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,GAAI,SAEDC,sBACD,CACEC,MAAO,eACPC,YAAatC,EAAe,0BAA4B,kBACxDuC,gBAAiBvC,EAAe,0BAA4B,mBAE9D,CACEuC,gBAAiB,uBAEpB,CAED,iBAAkB,CAChBF,MAAO,oBACPC,YAAa,mBACbC,gBAAiBvC,EAAe,0BAA4B,yBAGhE,IAGF,OACEwC,EAAAA,2BACEC,MAACC,EAAAA,0BACCC,SAAUtD,IAAaA,EAASc,eAAeyC,MAAQvD,EAASwD,YAChEC,QAAS,KACPzD,SAAAA,EAAU0D,YACVxD,GAAc4B,GAAQC,EAAQ,QAAQ,EAExC4B,aAAc,IAAMzC,GAAQhB,GAAc6B,EAAQ,QAClD6B,aAAc,IAAM1D,GAAc4B,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGH,GACH,CAAAsB,KAAM,SACHrC,GAEM,aAAA,iCACG,WACdwB,MAAM,WACFvB,EAAQ,CAAAqC,SAES,QAApB9C,EAAM+C,UAAsBX,EAAAA,IAAChB,EAAaK,OAAAC,OAAA,CAAA,EAAArC,IAAoB+C,EAAAA,IAACnB,mBAAa5B,OAE/E+C,EAAAA,IAACC,EAAAA,WACCZ,OAAAC,OAAA,CAAAY,SAAUtD,IAAaA,EAASc,eAAeyC,MAAQvD,EAASgE,MAChEP,QAAS,KACPzD,SAAAA,EAAUiE,YACV/D,GAAc4B,GAAQC,EAAQ,QAAQ,EAExC4B,aAAc,IAAMzC,GAAQhB,GAAc6B,EAAQ,QAClD6B,aAAc,IAAM1D,GAAc4B,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGH,GAAQ,CACX2B,MAAO,SACJtC,GAEM,aAAA,aACG,gBAAA,WACdoB,MAAM,WACFnB,EAEH,CAAAiC,SAAoB,QAApB9C,EAAM+C,UAAsBX,EAAAA,IAACnB,EAAQQ,OAAAC,OAAA,CAAA,EAAKlC,IAAoB4C,EAAAA,IAAChB,mBAAa5B,SAIrF"}
+{"version":3,"file":"navigation.js","sources":["../../../../../src/components/carousel/navigation.tsx"],"sourcesContent":["import React, { useMemo, ElementType } from 'react';\nimport { useCarousel, useCarouselPeekEffect } from './hooks';\nimport { useTheme, IconButton, IconButtonProps, SvgIconProps, useMediaQuery } from '@mui/material';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface CarouselNavigationProps {\n  /**\n   * Optional Carousel instance from useCarouselInstance hook\n   */\n  carousel?: CarouselInstance;\n  /**\n   * Enable/disable peek effect on hover\n   * @default: false\n   */\n  peekEffect?: boolean;\n  /**\n   * Previous Slide IconButton\n   */\n  prevButtonProps?: Partial<IconButtonProps>;\n  /**\n   * Previous icon props\n   */\n  prevIconProps?: SvgIconProps;\n  /**\n   * Previous icon node\n   */\n  PrevIconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Next Slide IconButton\n   */\n  nextButtonProps?: Partial<IconButtonProps>;\n  /**\n   * Previous icon props\n   */\n  nextIconProps?: SvgIconProps;\n  /**\n   * Next icon node\n   */\n  NextIconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Replaces Chevrons with Arrows\n   * @default true\n   */\n  arrows?: boolean;\n  /**\n   * Enable if placing on a plain background (not on top of an image/video)\n   * @default false\n   */\n  onBackground?: boolean;\n}\n\n/**\n * Left & Right navigation arrows\n */\nexport function CarouselNavigation({\n  carousel: carouselProp,\n  peekEffect: propPeekEffect = false,\n  prevButtonProps,\n  prevIconProps,\n  PrevIconComponent,\n  nextButtonProps,\n  nextIconProps,\n  NextIconComponent,\n  arrows = true,\n  onBackground = false,\n}: CarouselNavigationProps) {\n  const carouselHook = useCarousel();\n  const carousel = carouselProp || carouselHook;\n  const peekEffect = carousel?.originalParams.effect !== 'fade' && propPeekEffect;\n  const theme = useTheme();\n  const upMD = useMediaQuery(theme.breakpoints.up('md'));\n  const { sx: prevSx, ...restPrev } = prevButtonProps || {};\n  const { sx: nextSx, ...restNext } = nextButtonProps || {};\n  const [peek, setPeek] = useCarouselPeekEffect(carousel);\n  const PrevIcon = PrevIconComponent || (arrows ? ArrowLeftIcon : ChevronLeftIcon);\n  const NextIcon = NextIconComponent || (arrows ? ArrowRightIcon : ChevronRightIcon);\n\n  // shared style between buttons\n  const sharedSx = useMemo(\n    () => ({\n      // absolute inside the carousel position\n      position: 'absolute',\n      zIndex: '100',\n      top: '50%',\n      // manual v-align, half the icon size\n      mt: '-22px',\n      // responsive\n      width: { xs: '32px', md: '40px', xl: '44px' },\n      height: { xs: '32px', md: '40px', xl: '44px' },\n      '& .MuiSvgIcon-root': {\n        fontSize: { xs: '17px', xl: '20px' },\n      },\n      // highlight border\n      ...getInteractiveStyle(\n        {\n          color: 'text.primary',\n          borderColor: onBackground ? 'transparent.transparent' : 'onSurface.os100',\n          backgroundColor: onBackground ? 'transparent.transparent' : 'surface.primary',\n        },\n        {\n          backgroundColor: 'surface.secondary',\n        },\n      ),\n      // disabled state\n      '&.Mui-disabled': {\n        color: 'disabled.tertiary',\n        borderColor: onBackground ? 'transparent.transparent' : 'disabled.secondary',\n        backgroundColor: onBackground ? 'transparent.transparent' : 'disabled.secondary',\n      },\n    }),\n    [],\n  );\n\n  return (\n    <>\n      <IconButton\n        disabled={carousel && !carousel.originalParams.loop && carousel.isBeginning}\n        onClick={() => {\n          carousel?.slidePrev();\n          peekEffect && peek && setPeek('reset');\n        }}\n        onMouseEnter={() => upMD && peekEffect && setPeek('prev')}\n        onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n        sx={{\n          ...sharedSx,\n          left: '16px',\n          ...prevSx,\n        }}\n        aria-label=\"Previous slide\"\n        aria-controls=\"carousel\"\n        color=\"surface\"\n        size=\"medium\"\n        {...restPrev}\n      >\n        {theme.direction === 'rtl' ? <NextIcon {...prevIconProps} /> : <PrevIcon {...prevIconProps} />}\n      </IconButton>\n      <IconButton\n        disabled={carousel && !carousel.originalParams.loop && carousel.isEnd}\n        onClick={() => {\n          carousel?.slideNext();\n          peekEffect && peek && setPeek('reset');\n        }}\n        onMouseEnter={() => upMD && peekEffect && setPeek('next')}\n        onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n        sx={{\n          ...sharedSx,\n          right: '16px',\n          ...nextSx,\n        }}\n        aria-label=\"Next slide\"\n        aria-controls=\"carousel\"\n        color=\"surface\"\n        {...restNext}\n      >\n        {theme.direction === 'rtl' ? <PrevIcon {...nextIconProps} /> : <NextIcon {...nextIconProps} />}\n      </IconButton>\n    </>\n  );\n}\n"],"names":["carousel","carouselProp","peekEffect","propPeekEffect","prevButtonProps","prevIconProps","PrevIconComponent","nextButtonProps","nextIconProps","NextIconComponent","arrows","onBackground","carouselHook","useCarousel","originalParams","effect","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","PrevIcon","ArrowLeftIcon","ChevronLeftIcon","NextIcon","ArrowRightIcon","ChevronRightIcon","sharedSx","useMemo","Object","assign","position","zIndex","top","mt","width","xs","md","xl","height","fontSize","getInteractiveStyle","color","borderColor","backgroundColor","_jsxs","_jsx","IconButton","disabled","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","left","size","children","direction","jsx","isEnd","slideNext","right"],"mappings":"kZA2DgB,UACdA,SAAUC,EACVC,WAAYC,GAAiB,EAAKC,gBAClCA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,gBACjBA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,OACjBA,GAAS,EAAIC,aACbA,GAAe,IAEf,MAAMC,EAAeC,EAAAA,cACfb,EAAWC,GAAgBW,EAC3BV,EAAiD,UAApCF,aAAA,EAAAA,EAAUc,eAAeC,SAAqBZ,EAC3Da,EAAQC,EAAAA,WACRC,EAAOC,EAAAA,cAAcH,EAAMI,YAAYC,GAAG,OAC1CC,EAA8BlB,GAAmB,IAA/CmB,GAAIC,KAAWC,EAAjBC,EAAAA,OAAAJ,EAAA,CAAA,OACAK,EAA8BpB,GAAmB,IAA/CgB,GAAIK,KAAWC,EAAjBH,EAAAA,OAAAC,EAAA,CAAA,QACCG,EAAMC,GAAWC,EAAAA,sBAAsBhC,GACxCiC,EAAW3B,IAAsBI,EAASwB,EAAAA,cAAgBC,EAAAA,iBAC1DC,EAAW3B,IAAsBC,EAAS2B,EAAAA,eAAiBC,EAAAA,kBAG3DC,EAAWC,EAAAA,SACf,IAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAEJC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,GAAI,QAEJC,MAAO,CAAEC,GAAI,OAAQC,GAAI,OAAQC,GAAI,QACrCC,OAAQ,CAAEH,GAAI,OAAQC,GAAI,OAAQC,GAAI,QACtC,qBAAsB,CACpBE,SAAU,CAAEJ,GAAI,OAAQE,GAAI,UAG3BG,EAAAA,oBACD,CACEC,MAAO,eACPC,YAAa5C,EAAe,0BAA4B,kBACxD6C,gBAAiB7C,EAAe,0BAA4B,mBAE9D,CACE6C,gBAAiB,uBAEpB,CAED,iBAAkB,CAChBF,MAAO,oBACPC,YAAa5C,EAAe,0BAA4B,qBACxD6C,gBAAiB7C,EAAe,0BAA4B,yBAGhE,IAGF,OACE8C,EAAAA,2BACEC,MAACC,EAAAA,0BACCC,SAAU5D,IAAaA,EAASc,eAAe+C,MAAQ7D,EAAS8D,YAChEC,QAAS,KACP/D,SAAAA,EAAUgE,YACV9D,GAAc4B,GAAQC,EAAQ,QAAQ,EAExCkC,aAAc,IAAM/C,GAAQhB,GAAc6B,EAAQ,QAClDmC,aAAc,IAAMhE,GAAc4B,GAAQC,EAAQ,SAClDR,GACKkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GAAAH,IACH4B,KAAM,SACH3C,gBAEM,iBAAgB,gBACb,WACd8B,MAAM,UACNc,KAAK,UACD3C,EAEH,CAAA4C,SAAoB,QAApBrD,EAAMsD,UAAsBZ,EAACa,IAAAnC,mBAAa/B,IAAoBqD,EAACa,IAAAtC,EAAaQ,OAAAC,OAAA,CAAA,EAAArC,OAE/EqD,EAAAA,IAACC,EAAAA,WAAUlB,OAAAC,OAAA,CACTkB,SAAU5D,IAAaA,EAASc,eAAe+C,MAAQ7D,EAASwE,MAChET,QAAS,KACP/D,SAAAA,EAAUyE,YACVvE,GAAc4B,GAAQC,EAAQ,QAAQ,EAExCkC,aAAc,IAAM/C,GAAQhB,GAAc6B,EAAQ,QAClDmC,aAAc,IAAMhE,GAAc4B,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGH,GAAQ,CACXmC,MAAO,SACJ9C,GAEM,aAAA,aACG,gBAAA,WACd0B,MAAM,WACFzB,EAEH,CAAAwC,SAAoB,QAApBrD,EAAMsD,UAAsBZ,EAAAA,IAACzB,EAAQQ,OAAAC,OAAA,CAAA,EAAKlC,IAAoBkD,EAAAA,IAACtB,mBAAa5B,SAIrF"}

package/cjs/components/carousel/pagination.d.ts

@@ -9,10 +9,14 @@ export interface CarouselPaginationVariantProps extends Omit<BoxProps<ElementTyp
 }
 export interface CarouselPaginationDotsProps extends CarouselPaginationVariantProps {
     variant?: 'dots';
+    /**
+     * Properties applied to wrapper of dots
+     */
+    dotsWrapperProps?: BoxProps<ElementType>;
     /**
      * Properties applied to each dot
      */
-    dotProps?: Partial<BoxProps<ElementType>>;
+    dotProps?: BoxProps<ElementType>;
 }
 export interface CarouselPaginationFractionProps extends CarouselPaginationVariantProps {
     variant?: 'fraction';

package/cjs/components/carousel/pagination.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),o=require("@mui/material"),i=require("./hooks.js"),n=require("../../materialui/button/interactive.js"),t=require("../../materialui/slider/sliderContainer.js");const a=s.forwardRef(((o,n)=>{var{carousel:t,position:a,variant:p,sx:g}=o,f=e.__rest(o,["carousel","position","variant","sx"]);const h=i.useCarousel(),v=t||h,b=s.useMemo((()=>{switch(p){case"scrollbar":return x;case"slider":case"progress":return d;case"fraction":return c;case"lines":return u;default:return l}}),[p]),m=s.useMemo((()=>"inside"===a?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0"},g):g),[a,JSON.stringify(g)]);return r.jsx(b,Object.assign({carousel:v,sx:m,ref:n},f))})),l=s.forwardRef(((s,i)=>{var{carousel:n,dotProps:t,sx:a}=s,l=e.__rest(s,["carousel","dotProps","sx"]);const c=t||{},{sx:u}=c,d=e.__rest(c,["sx"]);return r.jsx(o.Box,Object.assign({sx:Object.assign({px:2,height:"40px",display:"flex",alignItems:"center",justifyContent:"center",gap:1,pointerEvents:"none"},a),ref:i},l,{children:[...Array((null==n?void 0:n.slides.length)||0)].map(((e,s)=>r.jsx(o.Box,Object.assign({className:!(null==n?void 0:n.originalParams.loop)&&(null==n?void 0:n.isEnd)&&s===((null==n?void 0:n.slides.length)||0)-1?"active":(null==n?void 0:n.isEnd)&&!n.originalParams.loop||s!==(null==n?void 0:n.realIndex)?void 0:"active",sx:Object.assign({p:"0",width:"8px",height:"8px",borderRadius:"100%",backgroundColor:"onSurface.os500",transition:"all 0.3s ease-out","&.active":{width:"12px",height:"12px",backgroundColor:"text.primary"}},u)},d),s)))}))})),c=s.forwardRef(((s,i)=>{var{carousel:t,buttonProps:a,sx:l}=s,c=e.__rest(s,["carousel","buttonProps","sx"]);const u=a||{},{sx:d}=u,x=e.__rest(u,["sx"]);return r.jsx(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"center",p:2},l),ref:i},c,{children:r.jsx(o.Button,Object.assign({variant:"text","aria-controls":"carousel",sx:Object.assign(Object.assign({px:2,py:.25,borderRadius:"4px",fontSize:"18px",lineHeight:"28px",letterSpacing:"0.02em"},n.getInteractiveStyle({backgroundColor:"transparent.backdrop"},{backgroundColor:"onSurface.os100"})),d),onClick:()=>(null==t?void 0:t.isEnd)&&!t.originalParams.loop?null==t?void 0:t.slideTo(0):null==t?void 0:t.slideNext()},x,{children:r.jsxs(o.Box,{component:"span",children:[r.jsx(o.Box,{component:"span",sx:{fontWeight:"700",color:"onSurface.os900"},children:`${((null==t?void 0:t.realIndex)||0)+1}`}),r.jsx(o.Box,{component:"span",sx:{color:"onSurface.os700",fontWeight:"400",mx:.5},children:" / "}),r.jsx(o.Box,{component:"span",sx:{color:"onSurface.os700",fontWeight:"300"},children:`${(null==t?void 0:t.slides.length)||0}`})]})}))}))})),u=s.forwardRef(((s,i)=>{var{carousel:t,sx:a,linesProps:l,lineProgress:c,lineProgressProps:u}=s,d=e.__rest(s,["carousel","sx","linesProps","lineProgress","lineProgressProps"]);const x=l||{},{sx:p}=x,g=e.__rest(x,["sx"]),f=u||{},{sx:h}=f,v=e.__rest(f,["sx"]);return r.jsx(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:{xs:"stretch",md:"center"},flexGrow:{xs:"1",md:0},gap:1,p:2},a),ref:i},d,{children:[...Array((null==t?void 0:t.slides.length)||0)].map(((e,s)=>{const i=!(null==t?void 0:t.originalParams.loop)&&(null==t?void 0:t.isEnd)&&s===((null==t?void 0:t.slides.length)||0)-1||(!(null==t?void 0:t.isEnd)||t.originalParams.loop)&&s===(null==t?void 0:t.realIndex),a=s<=((null==t?void 0:t.realIndex)||0);return r.jsxs(o.Button,Object.assign({color:"inherit",className:i?"active":void 0,sx:Object.assign(Object.assign({p:0,minHeight:"0",height:i||a?"8px":"4px",borderRadius:i||a?"4px":"2px",width:{xs:"100%",md:"56px"},justifyContent:"flex-start"},n.getInteractiveStyle({backgroundColor:"surface.primary","& .progress-line":{backgroundColor:"brand.secondary"}},{backgroundColor:"surface.secondary","& .progress-line":{backgroundColor:"brandHover.secondary"}})),p),"aria-controls":"carousel",onClick:()=>null==t?void 0:t[t.originalParams.loop?"slideToLoop":"slideTo"](s)},g,{children:[r.jsx(o.Box,{sx:{position:"absolute",top:"50%",left:"0",right:"0",height:"24px",transform:"translateY(-50%)",pointerEvents:"auto"}}),r.jsx(o.Box,{sx:{borderRadius:"4px",height:"100%",width:"100%",overflow:"hidden"},children:r.jsx(o.Box,Object.assign({className:"progress-line",role:i?"progress":void 0,"aria-valuenow":i?c:void 0,"aria-valuemin":0,"aria-valuemax":100,sx:Object.assign({opacity:void 0!==c||a?"1":"0",width:"100%",backgroundColor:"brand.secondary",height:"100%",transformOrigin:"left",transform:`scaleX(${void 0!==c&&i?c/100:a?1:0})`,transition:(void 0!==c?"transform 300ms ease-in-out, ":"")+"opacity 300ms ease-out, background-color 300ms ease-out"},h)},v))})]}),s)}))}))})),d=s.forwardRef(((i,n)=>{var t,{carousel:a,sliderProps:l,sx:c,progressProps:u}=i,d=e.__rest(i,["carousel","sliderProps","sx","progressProps"]);const x=l||{},{sx:p}=x,g=e.__rest(x,["sx"]),[f,h]=s.useState(Math.round(100*((null==a?void 0:a.progress)||0))),v=s.useRef(!1),[,b]=s.useState({});return s.useEffect((()=>{v.current||h(Math.round(100*((null==a?void 0:a.progress)||0)))}),[null==a?void 0:a.progress]),s.useEffect((()=>{if(a){const e=()=>{v.current||b({})};return a.on("sliderMove",e),()=>{a.off("sliderMove",e)}}}),[a]),r.jsx(o.Box,Object.assign({sx:Object.assign({my:2},c),ref:n},d,{children:r.jsx(o.Slider,Object.assign({value:f,min:0,max:100,onChange:(e,r)=>{v.current=!0,null==a||a.setProgress(r/100,150),h(r)},onChangeCommitted:()=>{null==a||a.slideToClosest(300),v.current=!1},sx:Object.assign({display:"block",height:"4px",".MuiSlider-rail":{color:"surface.primary"},".MuiSlider-track":{color:"onSurface.os500",transitionDuration:`${null!==(t=null==a?void 0:a.originalParams.speed)&&void 0!==t?t:300}ms`},".MuiSlider-thumb":{display:"none"}},p),"aria-controls":"carousel"},g))}))})),x=s.forwardRef(((o,i)=>{var n,a,{carousel:l,sliderProps:c}=o,u=e.__rest(o,["carousel","sliderProps"]);const x=c||{},{sx:p}=x,g=e.__rest(x,["sx"]),[f,h]=s.useState(!1),[,v]=s.useState({});s.useEffect((()=>{if(l){const e=()=>h(!0),r=()=>h(!1),s=()=>v({});return l.on("touchStart",e),l.on("touchEnd",r),l.on("resize",s),()=>{l.off("touchStart",e),l.off("touchEnd",r),l.off("resize",s)}}}),[l]);const b=s.useMemo((()=>{var e,r;if((null===(e=null==l?void 0:l.wrapperEl)||void 0===e?void 0:e.scrollWidth)&&(null==l?void 0:l.width)){const e=Math.ceil((null==l?void 0:l.width)**2/(null===(r=null==l?void 0:l.wrapperEl)||void 0===r?void 0:r.scrollWidth));return Math.max(e,40)}return 40}),[null===(n=null==l?void 0:l.wrapperEl)||void 0===n?void 0:n.scrollWidth,null==l?void 0:l.width]);return r.jsx(d,Object.assign({ref:i,carousel:l,component:t.SliderContainer,thumbSize:b,sliderProps:Object.assign({tabIndex:-1,valueLabelDisplay:"off",sx:Object.assign({display:"block",height:"4px",".MuiSlider-rail, .MuiSlider-track":{color:"surface.primary"},".MuiSlider-thumb":Object.assign(Object.assign({display:"flex",width:`${b}px`,height:"4px",border:"none",backgroundColor:"onSurface.os500"},!f&&{transition:`left ${null!==(a=null==l?void 0:l.originalParams.speed)&&void 0!==a?a:300}ms ease-out`}),{"&.Mui-focusVisible":{boxShadow:"none","&:before":{content:"none"}}})},p)},g)},u))}));exports.CarouselPagination=a,exports.DotsVariant=l,exports.FractionVariant=c,exports.LinesVariant=u,exports.ScrollbarVariant=x,exports.SliderVariant=d;
+"use strict";var s=require("tslib"),e=require("react/jsx-runtime"),r=require("react"),o=require("@mui/material"),i=require("./hooks.js"),n=require("../../materialui/button/interactive.js"),t=require("../../materialui/slider/sliderContainer.js");const a=r.forwardRef(((o,n)=>{var{carousel:t,position:a,variant:x,sx:g}=o,f=s.__rest(o,["carousel","position","variant","sx"]);const v=i.useCarousel(),b=t||v,h=r.useMemo((()=>{switch(x){case"scrollbar":return p;case"slider":case"progress":return c;case"fraction":return u;case"lines":return d;default:return l}}),[x]),m=r.useMemo((()=>"inside"===a?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0"},g):g),[a,JSON.stringify(g)]);return e.jsx(h,Object.assign({carousel:b,sx:m,ref:n,position:a},f))})),l=r.forwardRef(((r,i)=>{var{carousel:n,dotsWrapperProps:t,dotProps:a,position:l,sx:u}=r,d=s.__rest(r,["carousel","dotsWrapperProps","dotProps","position","sx"]);const c=null!=t?t:{},{sx:p}=c,x=s.__rest(c,["sx"]),g=null!=a?a:{},{sx:f}=g,v=s.__rest(g,["sx"]);return e.jsx(o.Box,Object.assign({sx:Object.assign({p:2,display:"flex",alignItems:"center",justifyContent:"center"},u),ref:i},d,{children:e.jsx(o.Box,Object.assign({sx:Object.assign(Object.assign({display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"1000px",py:.5,px:1,gap:.5,width:12*((null==n?void 0:n.slides.length)||0)+4*(((null==n?void 0:n.slides.length)||1)-1)+4+16+"px"},"inside"===l&&{backgroundColor:s=>"dark"===s.palette.mode?"surface.primary":"transparent.backdrop"}),p)},x,{children:[...Array((null==n?void 0:n.slides.length)||0)].map(((s,r)=>e.jsx(o.Box,Object.assign({className:!(null==n?void 0:n.originalParams.loop)&&(null==n?void 0:n.isEnd)&&r===((null==n?void 0:n.slides.length)||0)-1?"active":(null==n?void 0:n.isEnd)&&!n.originalParams.loop||r!==(null==n?void 0:n.realIndex)?void 0:"active",sx:Object.assign({p:"0",width:"12px",height:"12px",transform:"scale(0.6667)",borderRadius:"100%",backgroundColor:"onSurface.os500",transition:"transform 0.3s ease-out, background-color 0.3s ease-out, margin 0.3s ease-out","&.active":{transform:"scale(1)",backgroundColor:"text.primary",margin:"0 2px"}},f)},v),r)))}))}))})),u=r.forwardRef(((r,i)=>{var{carousel:t,buttonProps:a,position:l,sx:u}=r,d=s.__rest(r,["carousel","buttonProps","position","sx"]);const c=null!=a?a:{},{sx:p}=c,x=s.__rest(c,["sx"]);return e.jsx(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"center",p:2},u),ref:i},d,{children:e.jsx(o.Button,Object.assign({variant:"text","aria-controls":"carousel",sx:Object.assign(Object.assign({px:2,py:.25,borderRadius:"4px",fontSize:"18px",lineHeight:"28px",letterSpacing:"0.02em"},n.getInteractiveStyle({backgroundColor:"transparent.backdrop"},{backgroundColor:"onSurface.os100"})),p),onClick:()=>(null==t?void 0:t.isEnd)&&!t.originalParams.loop?null==t?void 0:t.slideTo(0):null==t?void 0:t.slideNext()},x,{children:e.jsxs(o.Box,{component:"span",children:[e.jsx(o.Box,{component:"span",sx:{fontWeight:"700",color:"onSurface.os900"},children:`${((null==t?void 0:t.realIndex)||0)+1}`}),e.jsx(o.Box,{component:"span",sx:{color:"onSurface.os700",fontWeight:"400",mx:.5},children:" / "}),e.jsx(o.Box,{component:"span",sx:{color:"onSurface.os700",fontWeight:"300"},children:`${(null==t?void 0:t.slides.length)||0}`})]})}))}))})),d=r.forwardRef(((r,i)=>{var{carousel:t,sx:a,linesProps:l,lineProgress:u,lineProgressProps:d,position:c}=r,p=s.__rest(r,["carousel","sx","linesProps","lineProgress","lineProgressProps","position"]);const x=null!=l?l:{},{sx:g}=x,f=s.__rest(x,["sx"]),v=null!=d?d:{},{sx:b}=v,h=s.__rest(v,["sx"]);return e.jsx(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:{xs:"stretch",md:"center"},flexGrow:{xs:"1",md:0},gap:1,p:2},a),ref:i},p,{children:[...Array((null==t?void 0:t.slides.length)||0)].map(((s,r)=>{const i=!(null==t?void 0:t.originalParams.loop)&&(null==t?void 0:t.isEnd)&&r===((null==t?void 0:t.slides.length)||0)-1||(!(null==t?void 0:t.isEnd)||t.originalParams.loop)&&r===(null==t?void 0:t.realIndex),a=r<=((null==t?void 0:t.realIndex)||0);return e.jsxs(o.Button,Object.assign({color:"inherit",className:i?"active":void 0,sx:Object.assign(Object.assign({p:0,minHeight:"0",height:i||a?"8px":"4px",borderRadius:i||a?"4px":"2px",width:{xs:"100%",md:"56px"},justifyContent:"flex-start"},n.getInteractiveStyle({backgroundColor:"surface.primary","& .progress-line":{backgroundColor:"brand.secondary"}},{backgroundColor:"surface.secondary","& .progress-line":{backgroundColor:"brandHover.secondary"}})),g),"aria-controls":"carousel",onClick:()=>null==t?void 0:t[t.originalParams.loop?"slideToLoop":"slideTo"](r)},f,{children:[e.jsx(o.Box,{sx:{position:"absolute",top:"50%",left:"0",right:"0",height:"24px",transform:"translateY(-50%)",pointerEvents:"auto"}}),e.jsx(o.Box,{sx:{borderRadius:"4px",height:"100%",width:"100%",overflow:"hidden"},children:e.jsx(o.Box,Object.assign({className:"progress-line",role:i?"progress":void 0,"aria-valuenow":i?u:void 0,"aria-valuemin":0,"aria-valuemax":100,sx:Object.assign({opacity:void 0!==u||a?"1":"0",width:"100%",backgroundColor:"brand.secondary",height:"100%",transformOrigin:"left",transform:`scaleX(${void 0!==u&&i?u/100:a?1:0})`,transition:(void 0!==u?"transform 300ms ease-in-out, ":"")+"opacity 300ms ease-out, background-color 300ms ease-out"},b)},h))})]}),r)}))}))})),c=r.forwardRef(((i,n)=>{var t,{carousel:a,sliderProps:l,sx:u,progressProps:d,position:c}=i,p=s.__rest(i,["carousel","sliderProps","sx","progressProps","position"]);const x=null!=l?l:{},{sx:g}=x,f=s.__rest(x,["sx"]),[v,b]=r.useState(Math.round(100*((null==a?void 0:a.progress)||0))),h=r.useRef(!1),[,m]=r.useState({});return r.useEffect((()=>{h.current||b(Math.round(100*((null==a?void 0:a.progress)||0)))}),[null==a?void 0:a.progress]),r.useEffect((()=>{if(a){const s=()=>{h.current||m({})};return a.on("sliderMove",s),()=>{a.off("sliderMove",s)}}}),[a]),e.jsx(o.Box,Object.assign({sx:Object.assign({my:2},u),ref:n},p,{children:e.jsx(o.Slider,Object.assign({value:v,min:0,max:100,onChange:(s,e)=>{h.current=!0,null==a||a.setProgress(e/100,150),b(e)},onChangeCommitted:()=>{null==a||a.slideToClosest(300),h.current=!1},sx:Object.assign({display:"block",height:"4px",".MuiSlider-rail":{color:"surface.primary"},".MuiSlider-track":{color:"onSurface.os500",transitionDuration:`${null!==(t=null==a?void 0:a.originalParams.speed)&&void 0!==t?t:300}ms`},".MuiSlider-thumb":{display:"none"}},g),"aria-controls":"carousel"},f))}))})),p=r.forwardRef(((o,i)=>{var n,a,{carousel:l,sliderProps:u,position:d}=o,p=s.__rest(o,["carousel","sliderProps","position"]);const x=null!=u?u:{},{sx:g}=x,f=s.__rest(x,["sx"]),[v,b]=r.useState(!1),[,h]=r.useState({});r.useEffect((()=>{if(l){const s=()=>b(!0),e=()=>b(!1),r=()=>h({});return l.on("touchStart",s),l.on("touchEnd",e),l.on("resize",r),()=>{l.off("touchStart",s),l.off("touchEnd",e),l.off("resize",r)}}}),[l]);const m=r.useMemo((()=>{var s,e;if((null===(s=null==l?void 0:l.wrapperEl)||void 0===s?void 0:s.scrollWidth)&&(null==l?void 0:l.width)){const s=Math.ceil((null==l?void 0:l.width)**2/(null===(e=null==l?void 0:l.wrapperEl)||void 0===e?void 0:e.scrollWidth));return Math.max(s,40)}return 40}),[null===(n=null==l?void 0:l.wrapperEl)||void 0===n?void 0:n.scrollWidth,null==l?void 0:l.width]);return e.jsx(c,Object.assign({ref:i,carousel:l,component:t.SliderContainer,thumbSize:m,sliderProps:Object.assign({tabIndex:-1,valueLabelDisplay:"off",sx:Object.assign({display:"block",height:"4px",".MuiSlider-rail, .MuiSlider-track":{color:"surface.primary"},".MuiSlider-thumb":Object.assign(Object.assign({display:"flex",width:`${m}px`,height:"4px",border:"none",backgroundColor:"onSurface.os500"},!v&&{transition:`left ${null!==(a=null==l?void 0:l.originalParams.speed)&&void 0!==a?a:300}ms ease-out`}),{"&.Mui-focusVisible":{boxShadow:"none","&:before":{content:"none"}}})},g)},f)},p))}));exports.CarouselPagination=a,exports.DotsVariant=l,exports.FractionVariant=u,exports.LinesVariant=d,exports.ScrollbarVariant=p,exports.SliderVariant=c;
 //# sourceMappingURL=pagination.js.map

package/cjs/components/carousel/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../../../../src/components/carousel/pagination.tsx"],"sourcesContent":[null],"names":["CarouselPagination","forwardRef","_a","ref","carousel","carouselProp","position","variant","sx","rawSx","rest","__rest","carouselHook","useCarousel","VariantComponent","useMemo","ScrollbarVariant","SliderVariant","FractionVariant","LinesVariant","DotsVariant","Object","assign","zIndex","bottom","left","right","JSON","stringify","_jsx","dotProps","_b","dotSx","restDot","jsx","Box","px","height","display","alignItems","justifyContent","gap","pointerEvents","children","Array","slides","length","map","_","idx","className","originalParams","loop","isEnd","realIndex","undefined","p","width","borderRadius","backgroundColor","transition","buttonProps","buttonSx","restButton","Button","py","fontSize","lineHeight","letterSpacing","getInteractiveStyle","onClick","slideTo","slideNext","_jsxs","component","fontWeight","color","mx","linesProps","lineProgress","lineProgressProps","lineSx","lineRest","_c","lineProgressSx","lineProgressRest","xs","md","flexGrow","active","seen","jsxs","minHeight","top","transform","overflow","role","opacity","transformOrigin","sliderProps","progressProps","__","sliderSx","restSlider","value","setValue","useState","Math","round","progress","dragging","useRef","setRerender","useEffect","current","handleMove","on","off","my","Slider","min","max","onChange","newValue","setProgress","onChangeCommitted","slideToClosest","transitionDuration","speed","_d","carouselDragging","setCarouselDragging","handleDragStart","handleDragEnd","handleResize","thumbSize","wrapperEl","scrollWidth","size","ceil","SliderContainer","tabIndex","valueLabelDisplay","border","boxShadow","content"],"mappings":"qPA8Fa,MAAAA,EAAwDC,EAAUA,YAC7E,CAACC,EAAmEC,KAAnE,IAAEC,SAAUC,EAAYC,SAAEA,EAAQC,QAAEA,EAASC,GAAIC,GAAgBP,EAANQ,EAAIC,EAAAA,OAAAT,EAA/D,wCACC,MAAMU,EAAeC,EAAAA,cACfT,EAAWC,GAAgBO,EAE3BE,EAAmBC,EAAAA,SAAQ,KAC/B,OAAQR,GACN,IAAK,YACH,OAAOS,EACT,IAAK,SACL,IAAK,WACH,OAAOC,EACT,IAAK,WACH,OAAOC,EACT,IAAK,QACH,OAAOC,EAGT,QACE,OAAOC,KAEV,CAACb,IAEEC,EAAKO,EAAAA,SAAoC,IAC5B,WAAbT,EAEAe,OAAAC,OAAA,CAAAhB,SAAU,WACViB,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,KACJjB,GAGEA,GAER,CAACH,EAAUqB,KAAKC,UAAUnB,KAE7B,OAAOoB,MAACf,EAAgBO,OAAAC,OAAA,CAAClB,SAAUA,EAAUI,GAAIA,EAAIL,IAAKA,GAASO,GAAQ,IAOlEU,EAAqDnB,EAAUA,YAC1E,CAACC,EAAqCC,SAArCC,SAAEA,EAAQ0B,SAAEA,EAAQtB,GAAEA,KAAOE,EAA7BC,EAAAA,OAAAT,EAAA,CAAA,WAAA,WAAA,OACC,MAAM6B,EAA4BD,GAAY,IAAtCtB,GAAIwB,KAAUC,EAAhBtB,EAAAA,OAAAoB,EAAA,CAAA,OAEN,OACEF,EAACK,IAAAC,EAAGA,IACFd,OAAAC,OAAA,CAAAd,kBACE4B,GAAI,EACJC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,IAAK,EACLC,cAAe,QACZlC,GAELL,IAAKA,GACDO,EAAI,CAAAiC,SAEP,IAAIC,OAAMxC,aAAQ,EAARA,EAAUyC,OAAOC,SAAU,IAAIC,KAAI,CAACC,EAAGC,IAChDpB,EAAAK,IAACC,EAAGA,IAEFd,OAAAC,OAAA,CAAA4B,YACG9C,aAAA,EAAAA,EAAU+C,eAAeC,QAAQhD,aAAA,EAAAA,EAAUiD,QAASJ,MAAS7C,aAAA,EAAAA,EAAUyC,OAAOC,SAAU,GAAK,EAC1F,UACE1C,aAAQ,EAARA,EAAUiD,SAASjD,EAAS+C,eAAeC,MAASH,KAAQ7C,aAAQ,EAARA,EAAUkD,gBAEtEC,EADA,SAGR/C,GACEa,OAAAC,OAAA,CAAAkC,EAAG,IACHC,MAAO,MACPpB,OAAQ,MACRqB,aAAc,OACdC,gBAAiB,kBACjBC,WAAY,oBACZ,WAAY,CACVH,MAAO,OACPpB,OAAQ,OACRsB,gBAAiB,iBAEhB3B,IAEDC,GAtBCgB,OAyBL,IAQC/B,EAA6DjB,EAAUA,YAClF,CAACC,EAAwCC,SAAxCC,SAAEA,EAAQyD,YAAEA,EAAWrD,GAAEA,KAAOE,EAAhCC,EAAAA,OAAAT,EAAA,CAAA,WAAA,cAAA,OACC,MAAM6B,EAAkC8B,GAAe,IAA/CrD,GAAIsD,KAAaC,EAAnBpD,EAAAA,OAAAoB,EAAA,CAAA,OAEN,OACEF,EAACK,IAAAC,EAAGA,IACFd,OAAAC,OAAA,CAAAd,kBACE8B,QAAS,OACTC,WAAY,SACZC,eAAgB,SAEhBgB,EAAG,GACAhD,GAELL,IAAKA,GACDO,EAAI,CAAAiC,SAERd,EAACK,IAAA8B,EAAMA,sBACLzD,QAAQ,OAAM,gBACA,WACdC,GAAEa,OAAAC,OAAAD,OAAAC,OAAA,CACAc,GAAI,EACJ6B,GAAI,IACJP,aAAc,MAEdQ,SAAU,OACVC,WAAY,OACZC,cAAe,UACZC,sBACD,CACEV,gBAAiB,wBAEnB,CACEA,gBAAiB,qBAGlBG,GAELQ,QAAS,KAEPlE,aAAQ,EAARA,EAAUiD,SAAUjD,EAAS+C,eAAeC,KAAOhD,aAAQ,EAARA,EAAUmE,QAAQ,GAAKnE,eAAAA,EAAUoE,aAElFT,EAEJ,CAAApB,SAAA8B,EAAAA,KAACtC,EAAAA,IAAI,CAAAuC,UAAU,iBACb7C,EAACK,IAAAC,EAAGA,IAAC,CAAAuC,UAAU,OAAOlE,GAAI,CAAEmE,WAAY,MAAOC,MAAO,4BACnD,KAAIxE,aAAQ,EAARA,EAAUkD,YAAa,GAAK,MAEnCzB,EAAAA,IAACM,EAAGA,IAAA,CAACuC,UAAU,OAAOlE,GAAI,CAAEoE,MAAO,kBAAmBD,WAAY,MAAOE,GAAI,IAC1ElC,SAAA,QAEHd,EAAAK,IAACC,EAAGA,IAAA,CAACuC,UAAU,OAAOlE,GAAI,CAAEoE,MAAO,kBAAmBD,WAAY,OAC/DhC,SAAA,IAAGvC,aAAQ,EAARA,EAAUyC,OAAOC,SAAU,cAIjC,IAQC3B,EAAuDlB,EAAUA,YAC5E,CAACC,EAAwEC,KAAxE,IAAAC,SAAEA,EAAQI,GAAEA,EAAEsE,WAAEA,EAAUC,aAAEA,EAAYC,kBAAEA,GAA4B9E,EAANQ,EAAIC,EAAAA,OAAAT,EAApE,mEACC,MAAM6B,EAA8B+C,GAAc,IAA1CtE,GAAIyE,KAAWC,EAAjBvE,EAAAA,OAAAoB,EAAA,CAAA,OACAoD,EAA8CH,GAAqB,IAAjExE,GAAI4E,KAAmBC,EAAzB1E,EAAAA,OAAAwE,EAAA,CAAA,OAEN,OACEtD,MAACM,EAAAA,mBACC3B,GAAEa,OAAAC,OAAA,CACAgB,QAAS,OACTC,WAAY,SACZC,eAAgB,CAAE8C,GAAI,UAAWC,GAAI,UACrCC,SAAU,CAAEF,GAAI,IAAKC,GAAI,GACzB9C,IAAK,EAELe,EAAG,GACAhD,GAELL,IAAKA,GACDO,YAEH,IAAIkC,OAAMxC,aAAQ,EAARA,EAAUyC,OAAOC,SAAU,IAAIC,KAAI,CAACC,EAAGC,KAChD,MAAMwC,IACFrF,aAAQ,EAARA,EAAU+C,eAAeC,QAAQhD,aAAA,EAAAA,EAAUiD,QAASJ,MAAS7C,aAAQ,EAARA,EAAUyC,OAAOC,SAAU,GAAK,MAC5F1C,aAAA,EAAAA,EAAUiD,QAASjD,EAAS+C,eAAeC,OAASH,KAAQ7C,aAAQ,EAARA,EAAUkD,WACrEoC,EAAOzC,KAAQ7C,aAAQ,EAARA,EAAUkD,YAAa,GAE5C,OACEmB,EAAAkB,KAAC3B,EAAMA,OAAA3C,OAAAC,OAAA,CAELsD,MAAM,UACN1B,UAAWuC,EAAS,cAAWlC,EAC/B/C,GAAEa,OAAAC,OAAAD,OAAAC,OAAA,CACAkC,EAAG,EACHoC,UAAW,IACXvD,OAAQoD,GAAUC,EAAO,MAAQ,MACjChC,aAAc+B,GAAUC,EAAO,MAAQ,MACvCjC,MAAO,CAAE6B,GAAI,OAAQC,GAAI,QACzB/C,eAAgB,cACb6B,sBACD,CACEV,gBAAiB,kBACjB,mBAAoB,CAClBA,gBAAiB,oBAGrB,CACEA,gBAAiB,oBACjB,mBAAoB,CAClBA,gBAAiB,2BAIpBsB,GAAM,gBAEG,WACdX,QAAS,IAAMlE,eAAAA,EAAWA,EAAS+C,eAAeC,KAAO,cAAgB,WAAWH,IAChFiC,EAAQ,CAAAvC,SAAA,CAEZd,EAAAA,IAACM,EAAGA,IAAA,CACF3B,GAAI,CAEFF,SAAU,WACVuF,IAAK,MACLpE,KAAM,IACNC,MAAO,IACPW,OAAQ,OACRyD,UAAW,mBACXpD,cAAe,UAGnBb,EAAAK,IAACC,MAAG,CAAC3B,GAAI,CAAEkD,aAAc,MAAOrB,OAAQ,OAAQoB,MAAO,OAAQsC,SAAU,UACvEpD,SAAAd,MAACM,EAAAA,IAAGd,OAAAC,OAAA,CACF4B,UAAU,gBACV8C,KAAMP,EAAS,gBAAalC,EACb,gBAAAkC,EAASV,OAAexB,EAAS,gBACjC,EAAC,gBACD,IACf/C,GAAEa,OAAAC,OAAA,CACA2E,aAA0B1C,IAAjBwB,GAA8BW,EAAO,IAAM,IACpDjC,MAAO,OACPE,gBAAiB,kBACjBtB,OAAQ,OACR6D,gBAAiB,OACjBJ,UAAW,eAA2BvC,IAAjBwB,GAA8BU,EAASV,EAAe,IAAMW,EAAO,EAAI,KAC5F9B,iBAAgCL,IAAjBwB,EAA6B,gCAAkC,IAAlE,2DACTK,IAEDC,SA3DHpC,EA8DE,MAGT,IAQChC,EAAyDhB,EAAUA,YAC9E,CAACC,EAA2DC,YAA3DC,SAAEA,EAAQ+F,YAAEA,EAAW3F,GAAEA,EAAI4F,cAAeC,GAAanG,EAANQ,EAAIC,EAAAA,OAAAT,EAAvD,iDACC,MAAMiF,EAAkCgB,GAAe,IAA/C3F,GAAI8F,KAAaC,EAAnB5F,EAAAA,OAAAwE,EAAA,CAAA,QAECqB,EAAOC,GAAYC,EAAQA,SAASC,KAAKC,MAAkC,MAA3BxG,aAAQ,EAARA,EAAUyG,WAAY,KAEvEC,EAAWC,EAAMA,QAAU,KACxBC,GAAeN,EAAQA,SAAC,IAyBjC,OAvBAO,EAAAA,WAAU,KACHH,EAASI,SACZT,EAASE,KAAKC,MAAkC,MAA3BxG,eAAAA,EAAUyG,WAAY,OAE5C,CAACzG,aAAA,EAAAA,EAAUyG,WAEdI,EAAAA,WAAU,KACR,GAAI7G,EAAU,CACZ,MAAM+G,EAAa,KACZL,EAASI,SACZF,EAAY,CAAA,IAOhB,OAFA5G,EAASgH,GAAG,aAAcD,GAEnB,KACL/G,EAASiH,IAAI,aAAcF,EAAW,KAGzC,CAAC/G,IAGFyB,EAAAA,IAACM,EAAAA,mBAAI3B,GAAEa,OAAAC,OAAA,CAAIgG,GAAI,GAAM9G,GAAML,IAAKA,GAASO,YACvCmB,EAACK,IAAAqF,EAAMA,OACLlG,OAAAC,OAAA,CAAAkF,MAAOA,EACPgB,IAAK,EACLC,IAAK,IACLC,SAAU,CAAC1E,EAAG2E,KAEZb,EAASI,SAAU,EAEnB9G,SAAAA,EAAUwH,YAAYD,EAAW,IAAK,KAEtClB,EAASkB,EAAS,EAEpBE,kBAAmB,KAEjBzH,SAAAA,EAAU0H,eAAe,KAEzBhB,EAASI,SAAU,CAAK,EAE1B1G,GACEa,OAAAC,OAAA,CAAAgB,QAAS,QACTD,OAAQ,MAER,kBAAmB,CACjBuC,MAAO,mBAET,mBAAoB,CAClBA,MAAO,kBAEPmD,mBAAoB,GAAiC,QAA9BhG,EAAA3B,aAAQ,EAARA,EAAU+C,eAAe6E,aAAK,IAAAjG,EAAAA,EAAI,SAG3D,mBAAoB,CAClBO,QAAS,SAERgE,mBAES,YACVC,MAEF,IAQCvF,EAA4Df,EAAUA,YACjF,CAACC,EAAoCC,cAApCC,SAAEA,EAAQ+F,YAAEA,GAAWjG,EAAKQ,EAAIC,EAAAA,OAAAT,EAAhC,4BACC,MAAM+H,EAAkC9B,GAAe,IAA/C3F,GAAI8F,KAAaC,EAAnB5F,EAAAA,OAAAsH,EAAA,CAAA,QAECC,EAAkBC,GAAuBzB,EAAAA,UAAkB,KACzDM,GAAeN,EAAQA,SAAC,IAEjCO,EAAAA,WAAU,KACR,GAAI7G,EAAU,CACZ,MAAMgI,EAAkB,IAAMD,GAAoB,GAC5CE,EAAgB,IAAMF,GAAoB,GAC1CG,EAAe,IAAMtB,EAAY,IAQvC,OALA5G,EAASgH,GAAG,aAAcgB,GAC1BhI,EAASgH,GAAG,WAAYiB,GAExBjI,EAASgH,GAAG,SAAUkB,GAEf,KACLlI,EAASiH,IAAI,aAAce,GAC3BhI,EAASiH,IAAI,WAAYgB,GACzBjI,EAASiH,IAAI,SAAUiB,EAAa,KAGvC,CAAClI,IAEJ,MAAMmI,EAAYxH,EAAAA,SAAgB,aAChC,IAAuB,UAAnBX,aAAA,EAAAA,EAAUoI,iBAAS,IAAAtI,OAAA,EAAAA,EAAEuI,eAAerI,aAAQ,EAARA,EAAUqD,OAAO,CACvD,MAAMiF,EAAO/B,KAAKgC,MAAKvI,aAAA,EAAAA,EAAUqD,QAAS,GAAuB,QAAnB1B,EAAA3B,aAAQ,EAARA,EAAUoI,iBAAS,IAAAzG,OAAA,EAAAA,EAAE0G,cACnE,OAAO9B,KAAKc,IAAIiB,EAAM,IAExB,OAAO,EAAE,GACR,CAAoB,QAAnB3G,EAAA3B,aAAQ,EAARA,EAAUoI,iBAAS,IAAAzG,OAAA,EAAAA,EAAE0G,YAAarI,aAAQ,EAARA,EAAUqD,QAEhD,OACE5B,EAAAA,IAACZ,EAAaI,OAAAC,OAAA,CACZnB,IAAKA,EACLC,SAAUA,EACVsE,UAAWkE,EAAAA,gBACXL,UAAWA,EACXpC,YAAW9E,OAAAC,OAAA,CAETuH,UAAY,EAEZC,kBAAmB,MACnBtI,GAAEa,OAAAC,OAAA,CACAgB,QAAS,QACTD,OAAQ,MAER,oCAAqC,CACnCuC,MAAO,mBAET,mBACEvD,OAAAC,OAAAD,OAAAC,OAAA,CAAAgB,QAAS,OACTmB,MAAO,GAAG8E,MACVlG,OAAQ,MACR0G,OAAQ,OACRpF,gBAAiB,oBAEZuE,GAAoB,CACvBtE,WAAY,QAAsC,QAA9BuB,EAAA/E,aAAQ,EAARA,EAAU+C,eAAe6E,aAAK,IAAA7C,EAAAA,EAAI,mBACtD,CAEF,qBAAsB,CACpB6D,UAAW,OACX,WAAY,CACVC,QAAS,YAIZ3C,IAEFC,IAED7F,GACJ"}
+{"version":3,"file":"pagination.js","sources":["../../../../../src/components/carousel/pagination.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useEffect, useMemo, useState, useRef } from 'react';\nimport { Box, BoxProps, Button, ButtonProps, Slider, SliderProps, LinearProgressProps, CSSObject } from '@mui/material';\nimport { useCarousel } from './hooks';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { SliderContainer } from '@/src/materialui/slider/sliderContainer';\n\nexport interface CarouselPaginationVariantProps extends Omit<BoxProps<ElementType>, 'children' | 'position'> {\n  /**\n   * Carousel instance from useCarousel hook\n   */\n  carousel: CarouselInstance;\n}\nexport interface CarouselPaginationDotsProps extends CarouselPaginationVariantProps {\n  variant?: 'dots';\n  /**\n   * Properties applied to wrapper of dots\n   */\n  dotsWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to each dot\n   */\n  dotProps?: BoxProps<ElementType>;\n}\nexport interface CarouselPaginationFractionProps extends CarouselPaginationVariantProps {\n  variant?: 'fraction';\n  /**\n   * Properties applied to button used to render text\n   */\n  buttonProps?: ButtonProps;\n}\nexport interface CarouselPaginationLinesProps extends CarouselPaginationVariantProps {\n  variant?: 'lines';\n  /**\n   * Properties applied to each line\n   */\n  linesProps?: ButtonProps;\n  /**\n   * Show progress in active line instead\n   */\n  lineProgress?: number;\n  /**\n   * Properties applied to active line progress\n   */\n  lineProgressProps?: BoxProps<ElementType>;\n}\n/**\n * @deprecated use `slider` variant instead\n */\nexport interface CarouselPaginationProgressProps extends CarouselPaginationVariantProps {\n  variant?: 'progress';\n  /**\n   * @deprecated\n   */\n  progressProps?: LinearProgressProps;\n  /**\n   * Properties applied to Slider\n   */\n  sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationSliderProps extends CarouselPaginationVariantProps {\n  variant?: 'slider';\n  /**\n   * Properties applied to Slider\n   */\n  sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationScrollbarProps extends CarouselPaginationVariantProps {\n  variant?: 'scrollbar';\n  /**\n   * Properties applied to Slider\n   */\n  sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationBaseProps {\n  /**\n   * Optional Carousel instance from useCarouselInstance hook\n   */\n  carousel?: CarouselInstance;\n  /**\n   * Append style to wrapper box to change position of control\n   * @default outside\n   */\n  position?: 'outside' | 'inside';\n}\nexport type CarouselPaginationProps = CarouselPaginationBaseProps &\n  (\n    | Omit<CarouselPaginationDotsProps, 'carousel'>\n    | Omit<CarouselPaginationFractionProps, 'carousel'>\n    | Omit<CarouselPaginationLinesProps, 'carousel'>\n    | Omit<CarouselPaginationProgressProps, 'carousel'>\n    | Omit<CarouselPaginationSliderProps, 'carousel'>\n    | Omit<CarouselPaginationScrollbarProps, 'carousel'>\n  );\n\n/**\n * Pagination controls\n */\nexport const CarouselPagination: React.FC<CarouselPaginationProps> = forwardRef(\n  ({ carousel: carouselProp, position, variant, sx: rawSx, ...rest }, ref) => {\n    const carouselHook = useCarousel();\n    const carousel = carouselProp || carouselHook;\n    // decide on component used\n    const VariantComponent = useMemo(() => {\n      switch (variant) {\n        case 'scrollbar':\n          return ScrollbarVariant;\n        case 'slider':\n        case 'progress':\n          return SliderVariant;\n        case 'fraction':\n          return FractionVariant;\n        case 'lines':\n          return LinesVariant;\n        case 'dots':\n          return DotsVariant;\n        default:\n          return DotsVariant;\n      }\n    }, [variant]);\n    // position extra styling applied to wrapper\n    const sx = useMemo<CSSObject | BoxProps['sx']>(() => {\n      if (position === 'inside') {\n        return {\n          position: 'absolute',\n          zIndex: '90',\n          bottom: '0',\n          left: '0',\n          right: '0',\n          ...rawSx,\n        };\n      } else {\n        return rawSx;\n      }\n    }, [position, JSON.stringify(rawSx)]);\n\n    return <VariantComponent carousel={carousel} sx={sx} ref={ref} position={position} {...rest} />;\n  },\n);\n\n/**\n * Dots variant (...)\n */\nexport const DotsVariant: React.FC<CarouselPaginationDotsProps> = forwardRef(\n  ({ carousel, dotsWrapperProps, dotProps, position, sx, ...rest }, ref) => {\n    const { sx: dotsWrapperSx, ...restDotsWrapper } = dotsWrapperProps ?? {};\n    const { sx: dotSx, ...restDot } = dotProps ?? {};\n\n    return (\n      <Box\n        sx={{\n          p: 2,\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            borderRadius: '1000px',\n            py: 0.5,\n            px: 1,\n            gap: 0.5,\n            // ensure width does not change during transition\n            //  dots width space + gap space + extra active dot space + padding\n            width: `${(carousel?.slides.length || 0) * 12 + ((carousel?.slides.length || 1) - 1) * 4 + 4 + 16}px`,\n            // on image variant from Figma\n            ...(position === 'inside' && {\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'surface.primary' : 'transparent.backdrop'),\n            }),\n            ...dotsWrapperSx,\n          }}\n          {...restDotsWrapper}\n        >\n          {[...Array(carousel?.slides.length || 0)].map((_, idx) => (\n            <Box\n              key={idx}\n              className={\n                !carousel?.originalParams.loop && carousel?.isEnd && idx === (carousel?.slides.length || 0) - 1\n                  ? 'active'\n                  : (!carousel?.isEnd || carousel.originalParams.loop) && idx === carousel?.realIndex\n                    ? 'active'\n                    : undefined\n              }\n              sx={{\n                p: '0',\n                width: '12px',\n                height: '12px',\n                // scale to 8px\n                transform: 'scale(0.6667)',\n                borderRadius: '100%',\n                backgroundColor: 'onSurface.os500',\n                transition: 'transform 0.3s ease-out, background-color 0.3s ease-out, margin 0.3s ease-out',\n                '&.active': {\n                  transform: 'scale(1)',\n                  backgroundColor: 'text.primary',\n                  margin: '0 2px',\n                },\n                ...dotSx,\n              }}\n              {...restDot}\n            />\n          ))}\n        </Box>\n      </Box>\n    );\n  },\n);\n\n/**\n * Fraction variant (text 1/3)\n */\nexport const FractionVariant: React.FC<CarouselPaginationFractionProps> = forwardRef(\n  ({ carousel, buttonProps, position, sx, ...rest }, ref) => {\n    const { sx: buttonSx, ...restButton } = buttonProps ?? {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          // space is needed for focus overflow\n          p: 2,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <Button\n          variant=\"text\"\n          aria-controls=\"carousel\"\n          sx={{\n            px: 2,\n            py: 0.25,\n            borderRadius: '4px',\n            // custom typography according to Figma (Pagination/Compact)\n            fontSize: '18px',\n            lineHeight: '28px',\n            letterSpacing: '0.02em',\n            ...getInteractiveStyle(\n              {\n                backgroundColor: 'transparent.backdrop',\n              },\n              {\n                backgroundColor: 'onSurface.os100',\n              },\n            ),\n            ...buttonSx,\n          }}\n          onClick={() =>\n            // at the end, slide to beginning\n            carousel?.isEnd && !carousel.originalParams.loop ? carousel?.slideTo(0) : carousel?.slideNext()\n          }\n          {...restButton}\n        >\n          <Box component=\"span\">\n            <Box component=\"span\" sx={{ fontWeight: '700', color: 'onSurface.os900' }}>\n              {`${(carousel?.realIndex || 0) + 1}`}\n            </Box>\n            <Box component=\"span\" sx={{ color: 'onSurface.os700', fontWeight: '400', mx: 0.5 }}>\n              {' / '}\n            </Box>\n            <Box component=\"span\" sx={{ color: 'onSurface.os700', fontWeight: '300' }}>\n              {`${carousel?.slides.length || 0}`}\n            </Box>\n          </Box>\n        </Button>\n      </Box>\n    );\n  },\n);\n\n/**\n * Lines variant (- - -)\n */\nexport const LinesVariant: React.FC<CarouselPaginationLinesProps> = forwardRef(\n  ({ carousel, sx, linesProps, lineProgress, lineProgressProps, position, ...rest }, ref) => {\n    const { sx: lineSx, ...lineRest } = linesProps ?? {};\n    const { sx: lineProgressSx, ...lineProgressRest } = lineProgressProps ?? {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: { xs: 'stretch', md: 'center' },\n          flexGrow: { xs: '1', md: 0 },\n          gap: 1,\n          // space is needed for focus overflow\n          p: 2,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {[...Array(carousel?.slides.length || 0)].map((_, idx) => {\n          const active =\n            (!carousel?.originalParams.loop && carousel?.isEnd && idx === (carousel?.slides.length || 0) - 1) ||\n            ((!carousel?.isEnd || carousel.originalParams.loop) && idx === carousel?.realIndex);\n          const seen = idx <= (carousel?.realIndex || 0);\n\n          return (\n            <Button\n              key={idx}\n              color=\"inherit\"\n              className={active ? 'active' : undefined}\n              sx={{\n                p: 0,\n                minHeight: '0',\n                height: active || seen ? '8px' : '4px',\n                borderRadius: active || seen ? '4px' : '2px',\n                width: { xs: '100%', md: '56px' },\n                justifyContent: 'flex-start',\n                ...getInteractiveStyle(\n                  {\n                    backgroundColor: 'surface.primary',\n                    '& .progress-line': {\n                      backgroundColor: 'brand.secondary',\n                    },\n                  },\n                  {\n                    backgroundColor: 'surface.secondary',\n                    '& .progress-line': {\n                      backgroundColor: 'brandHover.secondary',\n                    },\n                  },\n                ),\n                ...lineSx,\n              }}\n              aria-controls=\"carousel\"\n              onClick={() => carousel?.[carousel.originalParams.loop ? 'slideToLoop' : 'slideTo'](idx)}\n              {...lineRest}\n            >\n              <Box\n                sx={{\n                  // invisible hitbox expanding clickable area\n                  position: 'absolute',\n                  top: '50%',\n                  left: '0',\n                  right: '0',\n                  height: '24px', // Minimum a11y click area\n                  transform: 'translateY(-50%)',\n                  pointerEvents: 'auto',\n                }}\n              />\n              <Box sx={{ borderRadius: '4px', height: '100%', width: '100%', overflow: 'hidden' }}>\n                <Box\n                  className=\"progress-line\"\n                  role={active ? 'progress' : undefined} // Only the active one gets a role\n                  aria-valuenow={active ? lineProgress : undefined}\n                  aria-valuemin={0}\n                  aria-valuemax={100}\n                  sx={{\n                    opacity: lineProgress !== undefined || seen ? '1' : '0',\n                    width: '100%',\n                    backgroundColor: 'brand.secondary',\n                    height: '100%',\n                    transformOrigin: 'left',\n                    transform: `scaleX(${lineProgress !== undefined && active ? lineProgress / 100 : seen ? 1 : 0})`,\n                    transition: `${lineProgress !== undefined ? 'transform 300ms ease-in-out, ' : ''}opacity 300ms ease-out, background-color 300ms ease-out`,\n                    ...lineProgressSx,\n                  }}\n                  {...lineProgressRest}\n                />\n              </Box>\n            </Button>\n          );\n        })}\n      </Box>\n    );\n  },\n);\n\n/**\n * Slider variant (___)\n */\nexport const SliderVariant: React.FC<CarouselPaginationSliderProps> = forwardRef(\n  ({ carousel, sliderProps, sx, progressProps: __, position, ...rest }, ref) => {\n    const { sx: sliderSx, ...restSlider } = sliderProps ?? {};\n    // slider current value that might not match carousel progress\n    const [value, setValue] = useState<number>(Math.round((carousel?.progress || 0) * 100));\n    // watch user manipulating slider\n    const dragging = useRef<boolean>(false);\n    const [, setRerender] = useState({});\n    // monitor carousel progress to update slider value\n    useEffect(() => {\n      if (!dragging.current) {\n        setValue(Math.round((carousel?.progress || 0) * 100));\n      }\n    }, [carousel?.progress]);\n    // extra monitor of states\n    useEffect(() => {\n      if (carousel) {\n        const handleMove = () => {\n          if (!dragging.current) {\n            setRerender({});\n          }\n        };\n\n        // monitor of movement to immediately move thumb\n        carousel.on('sliderMove', handleMove);\n\n        return () => {\n          carousel.off('sliderMove', handleMove);\n        };\n      }\n    }, [carousel]);\n\n    return (\n      <Box sx={{ my: 2, ...sx }} ref={ref} {...rest}>\n        <Slider\n          value={value}\n          min={0}\n          max={100}\n          onChange={(_, newValue: number) => {\n            // prevent value updates from carousel progress\n            dragging.current = true;\n            // smoothly move carousel\n            carousel?.setProgress(newValue / 100, 150);\n            // update slider value\n            setValue(newValue);\n          }}\n          onChangeCommitted={() => {\n            // make sure to slide to correct position after user stop touching slider\n            carousel?.slideToClosest(300);\n            // enable changing value from carousel progress\n            dragging.current = false;\n          }}\n          sx={{\n            display: 'block',\n            height: '4px',\n            // restyle to less prominent variant\n            '.MuiSlider-rail': {\n              color: 'surface.primary',\n            },\n            '.MuiSlider-track': {\n              color: 'onSurface.os500',\n              // match transition speed of carousel\n              transitionDuration: `${carousel?.originalParams.speed ?? 300}ms`,\n            },\n            // hide control thumb\n            '.MuiSlider-thumb': {\n              display: 'none',\n            },\n            ...sliderSx,\n          }}\n          aria-controls=\"carousel\"\n          {...restSlider}\n        />\n      </Box>\n    );\n  },\n);\n\n/**\n * Scrollbar variant (_--)\n */\nexport const ScrollbarVariant: React.FC<CarouselPaginationSliderProps> = forwardRef(\n  ({ carousel, sliderProps, position, ...rest }, ref) => {\n    const { sx: sliderSx, ...restSlider } = sliderProps ?? {};\n    // watch states\n    const [carouselDragging, setCarouselDragging] = useState<boolean>(false);\n    const [, setRerender] = useState({});\n    // extra monitor of states\n    useEffect(() => {\n      if (carousel) {\n        const handleDragStart = () => setCarouselDragging(true);\n        const handleDragEnd = () => setCarouselDragging(false);\n        const handleResize = () => setRerender({});\n\n        // monitor of dragging to remove thumb transition for immediate feedback\n        carousel.on('touchStart', handleDragStart);\n        carousel.on('touchEnd', handleDragEnd);\n        // monitor resize to change size of the thumb\n        carousel.on('resize', handleResize);\n\n        return () => {\n          carousel.off('touchStart', handleDragStart);\n          carousel.off('touchEnd', handleDragEnd);\n          carousel.off('resize', handleResize);\n        };\n      }\n    }, [carousel]);\n    // calculate size of the thumb based on the visible content and full content\n    const thumbSize = useMemo<number>(() => {\n      if (carousel?.wrapperEl?.scrollWidth && carousel?.width) {\n        const size = Math.ceil(carousel?.width ** 2 / carousel?.wrapperEl?.scrollWidth);\n        return Math.max(size, 40);\n      }\n      return 40;\n    }, [carousel?.wrapperEl?.scrollWidth, carousel?.width]);\n\n    return (\n      <SliderVariant\n        ref={ref}\n        carousel={carousel}\n        component={SliderContainer}\n        thumbSize={thumbSize}\n        sliderProps={{\n          // prevent selection via keyboard, Carousel can be already controlled with Keyboard and we are not showing focus ring\n          tabIndex: -1,\n          // remove valueLabel tooltip above thumb\n          valueLabelDisplay: 'off',\n          sx: {\n            display: 'block',\n            height: '4px',\n            // restyle to match scrollbar\n            '.MuiSlider-rail, .MuiSlider-track': {\n              color: 'surface.primary',\n            },\n            '.MuiSlider-thumb': {\n              display: 'flex',\n              width: `${thumbSize}px`,\n              height: '4px',\n              border: 'none',\n              backgroundColor: 'onSurface.os500',\n              // match transition speed of carousel\n              ...(!carouselDragging && {\n                transition: `left ${carousel?.originalParams.speed ?? 300}ms ease-out`,\n              }),\n              // remove focus style\n              '&.Mui-focusVisible': {\n                boxShadow: 'none',\n                '&:before': {\n                  content: 'none',\n                },\n              },\n            },\n            ...sliderSx,\n          },\n          ...restSlider,\n        }}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["CarouselPagination","forwardRef","_a","ref","carousel","carouselProp","position","variant","sx","rawSx","rest","__rest","carouselHook","useCarousel","VariantComponent","useMemo","ScrollbarVariant","SliderVariant","FractionVariant","LinesVariant","DotsVariant","Object","assign","zIndex","bottom","left","right","JSON","stringify","_jsx","dotsWrapperProps","dotProps","_b","dotsWrapperSx","restDotsWrapper","_c","dotSx","restDot","Box","p","display","alignItems","justifyContent","children","jsx","borderRadius","py","px","gap","width","slides","length","backgroundColor","theme","palette","mode","Array","map","_","idx","className","originalParams","loop","isEnd","realIndex","undefined","height","transform","transition","margin","buttonProps","buttonSx","restButton","Button","fontSize","lineHeight","letterSpacing","getInteractiveStyle","onClick","slideTo","slideNext","_jsxs","component","fontWeight","color","mx","linesProps","lineProgress","lineProgressProps","lineSx","lineRest","lineProgressSx","lineProgressRest","xs","md","flexGrow","active","seen","jsxs","minHeight","top","pointerEvents","overflow","role","opacity","transformOrigin","sliderProps","progressProps","__","sliderSx","restSlider","value","setValue","useState","Math","round","progress","dragging","useRef","setRerender","useEffect","current","handleMove","on","off","my","Slider","min","max","onChange","newValue","setProgress","onChangeCommitted","slideToClosest","transitionDuration","speed","_d","carouselDragging","setCarouselDragging","handleDragStart","handleDragEnd","handleResize","thumbSize","wrapperEl","scrollWidth","size","ceil","SliderContainer","tabIndex","valueLabelDisplay","border","boxShadow","content"],"mappings":"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"}

package/cjs/components/carousel/slide.js.map

@@ -1 +1 @@
-{"version":3,"file":"slide.js","sources":["../../../../../src/components/carousel/slide.tsx"],"sourcesContent":[null],"names":["CarouselSlide","forwardRef","_a","ref","children","sx","rest","__rest","originalParams","swiperOptions","useSwiper","_jsx","jsx","Box","Object","assign","component","SwiperSlide","display","width","slidesPerView","height","autoHeight","position","zIndex","transform","flexShrink","transitionProperty","effect","maxWidth","displayName"],"mappings":"wKAaa,MAAAA,EAA8CC,EAAUA,YAAC,CAACC,EAA2BC,SAA3BC,SAAEA,EAAQC,GAAEA,GAAEH,EAAKI,EAAIC,EAAAA,OAAAL,EAAvB,mBACrE,MAAQM,eAAgBC,GAAkBC,cAE1C,OACEC,EAACC,IAAAC,MACCC,OAAAC,OAAA,CAAAC,UAAWC,EAAWA,YACtBd,IAAKA,GACDG,GACJD,GAAES,OAAAC,OAAA,CACAG,QAAS,QACTC,MAAuC,SAAhCV,EAAcW,cAA2B,OAAS,OACzDC,OAAQZ,EAAca,WAAa,OAAS,OAC5CC,SAAU,WACVC,OAAQ,KACRC,UAAW,yBACXC,WAAY,IACZC,mBAA6C,SAAzBlB,EAAcmB,OAAoB,UAAY,YAClE,QAAS,CACPV,QAAS,QACTW,SAAU,SAETxB,GAAED,SAGNA,IACG,IAGVJ,EAAc8B,YAAc"}
+{"version":3,"file":"slide.js","sources":["../../../../../src/components/carousel/slide.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { SwiperSlide, SwiperSlideProps, useSwiper } from 'swiper/react';\n\nexport interface CarouselSlideProps\n  extends Omit<SwiperSlideProps, 'children'>,\n    Omit<BoxProps, keyof SwiperSlideProps | 'component'> {\n  children?: BoxProps['children'];\n}\n\n/**\n * One slide in the carousel\n */\nexport const CarouselSlide: React.FC<CarouselSlideProps> = forwardRef(({ children, sx, ...rest }, ref) => {\n  const { originalParams: swiperOptions } = useSwiper();\n\n  return (\n    <Box\n      component={SwiperSlide}\n      ref={ref}\n      {...rest}\n      sx={{\n        display: 'block',\n        width: swiperOptions.slidesPerView === 'auto' ? 'auto' : '100%',\n        height: swiperOptions.autoHeight ? 'auto' : '100%',\n        position: 'relative',\n        zIndex: '50',\n        transform: 'translate3d(0px, 0, 0)',\n        flexShrink: '0',\n        transitionProperty: swiperOptions.effect === 'fade' ? 'opacity' : 'transform',\n        '& img': {\n          display: 'block',\n          maxWidth: '100%',\n        },\n        ...sx,\n      }}\n    >\n      {children}\n    </Box>\n  );\n});\nCarouselSlide.displayName = 'SwiperSlide';\n"],"names":["CarouselSlide","forwardRef","_a","ref","children","sx","rest","__rest","originalParams","swiperOptions","useSwiper","_jsx","jsx","Box","Object","assign","component","SwiperSlide","display","width","slidesPerView","height","autoHeight","position","zIndex","transform","flexShrink","transitionProperty","effect","maxWidth","displayName"],"mappings":"wKAaa,MAAAA,EAA8CC,EAAUA,YAAC,CAACC,EAA2BC,SAA3BC,SAAEA,EAAQC,GAAEA,GAAEH,EAAKI,EAAIC,EAAAA,OAAAL,EAAvB,mBACrE,MAAQM,eAAgBC,GAAkBC,cAE1C,OACEC,EAACC,IAAAC,MACCC,OAAAC,OAAA,CAAAC,UAAWC,EAAWA,YACtBd,IAAKA,GACDG,GACJD,GAAES,OAAAC,OAAA,CACAG,QAAS,QACTC,MAAuC,SAAhCV,EAAcW,cAA2B,OAAS,OACzDC,OAAQZ,EAAca,WAAa,OAAS,OAC5CC,SAAU,WACVC,OAAQ,KACRC,UAAW,yBACXC,WAAY,IACZC,mBAA6C,SAAzBlB,EAAcmB,OAAoB,UAAY,YAClE,QAAS,CACPV,QAAS,QACTW,SAAU,SAETxB,GAAED,SAGNA,IACG,IAGVJ,EAAc8B,YAAc"}

package/cjs/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":[null],"names":["Checkbox","forwardRef","_a","ref","error","props","__rest","label","defaultChecked","indeterminate","onChange","disabled","_checkState","setCheck","useState","_checkbox","_jsx","jsx","CheckboxStyled","children","MuiCheckbox","Object","assign","color","undefined","e","target","checked","FormGroup","FormControlLabelStyled","default","control","styled","shouldForwardProp","prop","styles","display","textDecoration","fontWeight","margin"],"mappings":"yKAmEa,MAAAA,EAAWC,EAAUA,YAAmC,CAACC,EAAqBC,KAArB,IAAAC,MAAEA,GAAiBF,EAAPG,EAAKC,EAAAA,OAAAJ,EAAjB,WACpE,MAAMK,MAAEA,EAAKC,eAAEA,EAAcC,cAAEA,EAAaC,SAAEA,EAAQC,SAAEA,GAAaN,GAC9DO,EAAaC,GAAYC,EAAAA,SAASN,IAAkB,GAOrDO,EACJC,EAAAC,IAACC,EACC,CAAAC,SAAAH,EAAAA,IAACI,EAAAA,SACKC,OAAAC,OAAA,CAAA,EAAAjB,GACJG,eAAgBA,EAChBC,cAAeA,GAAiBG,EAChCD,SAAUA,EACVY,MAAOnB,EAAQ,aAAUoB,EACzBrB,IAAKA,EACLO,SAdqBe,IACzBZ,EAASY,EAAEC,OAAOC,SACE,mBAAbjB,GAA2BA,EAASe,EAAGA,EAAEC,OAAOC,QAAQ,OAiBjE,OACEX,EAAAA,IAACY,EAAAA,UACC,CAAAT,SAAAH,EAAAC,IAACY,EAAsBC,QAAC,CAAAC,QAAShB,EAAWR,MAAOA,EAAOI,SAAUA,EAAUP,MAAOA,KAC3E,IAQVc,EAAiBc,EAAMA,OAAC,MAAO,CACnCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GAD5BF,EAEkC,KACvD,IAAIG,EAAS,CAAE,EAcf,OAbAA,EAAS,CACPC,QAAS,OACT,0BAA2B,CACzB,MAAO,CACLb,MAAO,UACPc,eAAgB,YAChBC,WAAY,OAEd,MAAO,CACLC,OAAQ,KAIPJ,CAAM"}
+{"version":3,"file":"checkbox.js","sources":["../../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import React, { ReactNode, ChangeEvent, useState, forwardRef, HTMLAttributes } from 'react';\nimport { Checkbox as MuiCheckbox, styled, FormGroup } from '@mui/material';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\n\n/**\n * @interface CheckboxProps\n * @description Base definition of SkodaFlow Checkbox independent on core implementation.\n * Properties are inherited from HTML Button element\n */\nexport interface CheckboxProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange' | 'color'> {\n  /**\n   *  Indeterminate state of checkbox, half checked.\n   */\n  indeterminate?: boolean;\n\n  /**\n   *  Disabled state, not changeable.\n   */\n  disabled?: boolean;\n\n  /**\n   *  Uncontrolled component. Set initial value. Do not use with \"checked\" together.\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * Controlled component. Set current value. Do not use with \"defaultChecked\" together.\n   */\n  checked?: boolean;\n\n  /**\n   * Error state of checkbox.\n   */\n  error?: boolean;\n\n  /**\n   * Is checkbox required field in form?\n   */\n  required?: boolean;\n\n  /**\n   * The value referenced with checkbox element\n   */\n  value?: string;\n\n  /**\n   * The value referenced with checkbox element\n   */\n  label?: string | ReactNode;\n\n  customNode?: ReactNode;\n\n  /**\n   * @description Triggered when element is changed.\n   * @param e React original event object\n   * @param value Current changed value\n   */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: boolean) => void;\n}\n\n/**\n * @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props CheckboxProps\n * @returns React Functional Component\n * @deprecated Use Checkbox component from '@mui/material' module instead.\n */\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(({ error, ...props }, ref) => {\n  const { label, defaultChecked, indeterminate, onChange, disabled } = props;\n  const [_checkState, setCheck] = useState(defaultChecked || false);\n\n  const _checkStateChange = (e: ChangeEvent<HTMLInputElement>) => {\n    setCheck(e.target.checked);\n    typeof onChange === 'function' && onChange(e, e.target.checked);\n  };\n\n  const _checkbox = (\n    <CheckboxStyled>\n      <MuiCheckbox\n        {...props}\n        defaultChecked={defaultChecked}\n        indeterminate={indeterminate && _checkState}\n        disabled={disabled}\n        color={error ? 'error' : undefined}\n        ref={ref}\n        onChange={_checkStateChange}\n      />\n    </CheckboxStyled>\n  );\n\n  return (\n    <FormGroup>\n      <FormControlLabelStyled control={_checkbox} label={label} disabled={disabled} error={error} />\n    </FormGroup>\n  );\n});\n\n/**\n * @description Checkbox styling definition based on props\n */\n\nconst CheckboxStyled = styled('div', {\n  shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled',\n})<{ theme?: any; disabled?: boolean; error?: boolean }>(() => {\n  let styles = {};\n  styles = {\n    display: 'flex',\n    '& + .MuiTypography-root': {\n      '& a': {\n        color: 'inherit',\n        textDecoration: 'underline',\n        fontWeight: '700',\n      },\n      '& *': {\n        margin: 0,\n      },\n    },\n  };\n  return styles;\n});\n"],"names":["Checkbox","forwardRef","_a","ref","error","props","__rest","label","defaultChecked","indeterminate","onChange","disabled","_checkState","setCheck","useState","_checkbox","_jsx","jsx","CheckboxStyled","children","MuiCheckbox","Object","assign","color","undefined","e","target","checked","FormGroup","FormControlLabelStyled","default","control","styled","shouldForwardProp","prop","styles","display","textDecoration","fontWeight","margin"],"mappings":"yKAmEa,MAAAA,EAAWC,EAAUA,YAAmC,CAACC,EAAqBC,KAArB,IAAAC,MAAEA,GAAiBF,EAAPG,EAAKC,EAAAA,OAAAJ,EAAjB,WACpE,MAAMK,MAAEA,EAAKC,eAAEA,EAAcC,cAAEA,EAAaC,SAAEA,EAAQC,SAAEA,GAAaN,GAC9DO,EAAaC,GAAYC,EAAAA,SAASN,IAAkB,GAOrDO,EACJC,EAAAC,IAACC,EACC,CAAAC,SAAAH,EAAAA,IAACI,EAAAA,SACKC,OAAAC,OAAA,CAAA,EAAAjB,GACJG,eAAgBA,EAChBC,cAAeA,GAAiBG,EAChCD,SAAUA,EACVY,MAAOnB,EAAQ,aAAUoB,EACzBrB,IAAKA,EACLO,SAdqBe,IACzBZ,EAASY,EAAEC,OAAOC,SACE,mBAAbjB,GAA2BA,EAASe,EAAGA,EAAEC,OAAOC,QAAQ,OAiBjE,OACEX,EAAAA,IAACY,EAAAA,UACC,CAAAT,SAAAH,EAAAC,IAACY,EAAsBC,QAAC,CAAAC,QAAShB,EAAWR,MAAOA,EAAOI,SAAUA,EAAUP,MAAOA,KAC3E,IAQVc,EAAiBc,EAAMA,OAAC,MAAO,CACnCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GAD5BF,EAEkC,KACvD,IAAIG,EAAS,CAAE,EAcf,OAbAA,EAAS,CACPC,QAAS,OACT,0BAA2B,CACzB,MAAO,CACLb,MAAO,UACPc,eAAgB,YAChBC,WAAY,OAEd,MAAO,CACLC,OAAQ,KAIPJ,CAAM"}

package/cjs/components/chip/chipDropdownChildren/chipDropdownChildren.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipDropdownChildren.js","sources":["../../../../../../src/components/chip/chipDropdownChildren/chipDropdownChildren.tsx"],"sourcesContent":[null],"names":["ChipDropdownChildren","forwardRef","_a","ref","variant","props","__rest","focusVisibled","setFocusVisible","useState","isOpen","setIsOpen","handleClickAway","useCallback","renderLabel","useMemo","_jsxs","jsxs","_Fragment","Fragment","children","label","_jsx","jsx","Icon","name","className","fontSize","onFocusVisibleHandler","onBlur","e","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","default","focusVisible","ChipDropdownChildrenStyled","icon","undefined","disabled","onClick","onFocusVisible","MenuContainer","marginTop","isEmptyMenu","styled","MuiChip","shouldForwardProp","prop","marginLeft","transform","top","transition","transformOrigin"],"mappings":"gRAoCa,MAAAA,EAAuBC,EAAUA,YAC5C,CAACC,EAAuBC,KAAvB,IAAAC,QAAEA,GAAmBF,EAAPG,EAAKC,EAAAA,OAAAJ,EAAnB,aACC,MAAOK,EAAeC,GAAmBC,EAAAA,UAAS,IAC3CC,EAAQC,GAAaF,EAAAA,UAAS,GAE/BG,EAAkBC,EAAAA,aAAY,KAClCF,GAAU,EAAM,GACf,IAEGG,EAAcC,EAAAA,SAAQ,IAExBC,EAAAC,KAAAC,EAAAC,SAAA,CAAAC,SAAA,CACGf,EAAMgB,MACPC,EAACC,IAAAC,OAAK,CAAAC,KAAK,eAAeC,UAAWhB,EAAS,SAAW,GAAIiB,SAAS,cAGzE,CAACjB,EAAQL,EAAMgB,QAEZO,EAAwBf,EAAAA,aAAY,KACxCL,GAAgB,EAAK,GACpB,IAEGqB,EAAShB,eACZiB,IACCtB,GAAgB,GACZH,EAAMwB,QAAQxB,EAAMwB,OAAOC,EAAE,GAEnC,CAACzB,IAGH,OACEiB,EAAAA,IAACS,EAAAA,kBAAkB,CAAAC,YAAapB,EAC9BQ,SAAAJ,EAAAC,KAAA,OAAA,CAAAG,SAAA,CACEE,EAAAA,IACE,MAAA,CAAAF,SAAAE,EAAAA,IAACW,EAAsBC,QAAA,CAACC,aAAc5B,EAAeH,QAASA,EAC5DgB,SAAAE,MAACc,EAA0B,CACzBV,UAAuB,WAAZtB,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACTiC,KAAMhC,EAAMgC,KAAOf,EAAAC,IAACC,OAAI,CAACE,UAAWrB,EAAMgC,YAAWC,EACrDC,SAAUlC,EAAMkC,SAChBlB,MAAOP,EACP0B,QAAS,IAAM7B,GAAWD,GAC1B+B,eAAgBb,EAChBC,OAAQA,EACRnB,OAAQA,QAIdY,EAACC,IAAAmB,UAAc,CAAAhC,OAAQA,EAAQiC,UAAW,GAAIC,aAC3C,EAAAxB,SAAAf,EAAMe,eAGO,IAQpBgB,EAA6BS,EAAMA,OAACC,OAAS,CACjDC,kBAAoBC,GAAkB,WAATA,GADIH,EAEuD,KAAO,CAC/F,kBAAmB,CACjBI,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB"}
+{"version":3,"file":"chipDropdownChildren.js","sources":["../../../../../../src/components/chip/chipDropdownChildren/chipDropdownChildren.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo, forwardRef, HTMLAttributes } from 'react';\nimport { ClickAwayListener, Chip as MuiChip, ChipProps as MuiChipProps, styled } from '@mui/material';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport MenuContainer from '../../common/menuContainer';\nimport { Icon } from '../../icon';\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 ChipDropdownChildrenProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * The label referenced to the text field\n   */\n  label?: string;\n\n  /**\n   * Disabled, not clickable chip\n   */\n  disabled?: boolean;\n\n  /**\n   * Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n   */\n  icon?: string;\n\n  /**\n   * Variant of chip defines different look and style\n   */\n  variant?: 'solid' | 'transparent' | 'shadow';\n}\n\n/**\n * @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n */\nexport const ChipDropdownChildren = forwardRef<HTMLDivElement, ChipDropdownChildrenProps>(\n  ({ variant, ...props }, ref) => {\n    const [focusVisibled, setFocusVisible] = useState(false);\n    const [isOpen, setIsOpen] = useState(false);\n\n    const handleClickAway = useCallback(() => {\n      setIsOpen(false);\n    }, []);\n\n    const renderLabel = useMemo(() => {\n      return (\n        <>\n          {props.label}\n          <Icon name=\"chevron-down\" className={isOpen ? 'isOpen' : ''} fontSize=\"small\" />\n        </>\n      );\n    }, [isOpen, props.label]);\n\n    const onFocusVisibleHandler = useCallback(() => {\n      setFocusVisible(true);\n    }, []);\n\n    const onBlur = useCallback(\n      (e: any) => {\n        setFocusVisible(false);\n        if (props.onBlur) props.onBlur(e);\n      },\n      [props],\n    );\n\n    return (\n      <ClickAwayListener onClickAway={handleClickAway}>\n        <span>\n          <div>\n            <ChipFocusVisibleStyled focusVisible={focusVisibled} variant={variant}>\n              <ChipDropdownChildrenStyled\n                className={variant === 'shadow' && 'MuiChip-shadow'}\n                ref={ref}\n                variant={'filled'}\n                icon={props.icon ? <Icon className={props.icon} /> : undefined}\n                disabled={props.disabled}\n                label={renderLabel}\n                onClick={() => setIsOpen(!isOpen)}\n                onFocusVisible={onFocusVisibleHandler}\n                onBlur={onBlur}\n                isOpen={isOpen}\n              />\n            </ChipFocusVisibleStyled>\n          </div>\n          <MenuContainer isOpen={isOpen} marginTop={14} isEmptyMenu>\n            {props.children}\n          </MenuContainer>\n        </span>\n      </ClickAwayListener>\n    );\n  },\n);\n\n/**\n * @description Chip styling definition based on props\n */\nconst ChipDropdownChildrenStyled = styled(MuiChip, {\n  shouldForwardProp: (prop) => prop !== 'isOpen',\n})<MuiChipProps & { isOpen: boolean } & { onFocusVisible: React.FocusEventHandler<any> }>(() => ({\n  '& .chevron-down': {\n    marginLeft: '8px',\n    transform: 'rotate(0deg)',\n    top: '4px',\n    transition: 'transform 0.6s',\n    '&.isOpen': {\n      transform: 'rotate(180deg) translateY(2px)',\n      transformOrigin: '50%',\n    },\n  },\n}));\n"],"names":["ChipDropdownChildren","forwardRef","_a","ref","variant","props","__rest","focusVisibled","setFocusVisible","useState","isOpen","setIsOpen","handleClickAway","useCallback","renderLabel","useMemo","_jsxs","jsxs","_Fragment","Fragment","children","label","_jsx","jsx","Icon","name","className","fontSize","onFocusVisibleHandler","onBlur","e","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","default","focusVisible","ChipDropdownChildrenStyled","icon","undefined","disabled","onClick","onFocusVisible","MenuContainer","marginTop","isEmptyMenu","styled","MuiChip","shouldForwardProp","prop","marginLeft","transform","top","transition","transformOrigin"],"mappings":"gRAoCa,MAAAA,EAAuBC,EAAUA,YAC5C,CAACC,EAAuBC,KAAvB,IAAAC,QAAEA,GAAmBF,EAAPG,EAAKC,EAAAA,OAAAJ,EAAnB,aACC,MAAOK,EAAeC,GAAmBC,EAAAA,UAAS,IAC3CC,EAAQC,GAAaF,EAAAA,UAAS,GAE/BG,EAAkBC,EAAAA,aAAY,KAClCF,GAAU,EAAM,GACf,IAEGG,EAAcC,EAAAA,SAAQ,IAExBC,EAAAC,KAAAC,EAAAC,SAAA,CAAAC,SAAA,CACGf,EAAMgB,MACPC,EAACC,IAAAC,OAAK,CAAAC,KAAK,eAAeC,UAAWhB,EAAS,SAAW,GAAIiB,SAAS,cAGzE,CAACjB,EAAQL,EAAMgB,QAEZO,EAAwBf,EAAAA,aAAY,KACxCL,GAAgB,EAAK,GACpB,IAEGqB,EAAShB,eACZiB,IACCtB,GAAgB,GACZH,EAAMwB,QAAQxB,EAAMwB,OAAOC,EAAE,GAEnC,CAACzB,IAGH,OACEiB,EAAAA,IAACS,EAAAA,kBAAkB,CAAAC,YAAapB,EAC9BQ,SAAAJ,EAAAC,KAAA,OAAA,CAAAG,SAAA,CACEE,EAAAA,IACE,MAAA,CAAAF,SAAAE,EAAAA,IAACW,EAAsBC,QAAA,CAACC,aAAc5B,EAAeH,QAASA,EAC5DgB,SAAAE,MAACc,EAA0B,CACzBV,UAAuB,WAAZtB,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACTiC,KAAMhC,EAAMgC,KAAOf,EAAAC,IAACC,OAAI,CAACE,UAAWrB,EAAMgC,YAAWC,EACrDC,SAAUlC,EAAMkC,SAChBlB,MAAOP,EACP0B,QAAS,IAAM7B,GAAWD,GAC1B+B,eAAgBb,EAChBC,OAAQA,EACRnB,OAAQA,QAIdY,EAACC,IAAAmB,UAAc,CAAAhC,OAAQA,EAAQiC,UAAW,GAAIC,aAC3C,EAAAxB,SAAAf,EAAMe,eAGO,IAQpBgB,EAA6BS,EAAMA,OAACC,OAAS,CACjDC,kBAAoBC,GAAkB,WAATA,GADIH,EAEuD,KAAO,CAC/F,kBAAmB,CACjBI,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB"}

package/cjs/components/chip/chipFocusVisibleStyled.d.ts

@@ -1,4 +1,4 @@
-declare const ChipFocusVisibleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+declare const ChipFocusVisibleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     focusVisible: boolean;
     variant: any;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/cjs/components/chip/chipFocusVisibleStyled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@mui/system").styled("div")((({theme:e,focusVisible:i,variant:t})=>({display:"inline-flex",borderRadius:"image"===t?6:50,transition:"none",boxShadow:i?`0 0 0 2px ${e.palette.onSurface.os900}`:void 0})));exports.default=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@mui/material/styles").styled("div")((({theme:e,focusVisible:i,variant:t})=>({display:"inline-flex",borderRadius:"image"===t?6:50,transition:"none",boxShadow:i?`0 0 0 2px ${e.palette.onSurface.os900}`:void 0})));exports.default=e;
 //# sourceMappingURL=chipFocusVisibleStyled.js.map

package/cjs/components/chip/chipFocusVisibleStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipFocusVisibleStyled.js","sources":["../../../../../src/components/chip/chipFocusVisibleStyled.tsx"],"sourcesContent":[null],"names":["ChipFocusVisibleStyled","styled","theme","focusVisible","variant","display","borderRadius","transition","boxShadow","palette","onSurface","os900","undefined"],"mappings":"oEAEA,MAAMA,yBAA+BC,OAAC,MAAPA,EAAuD,EACpFC,QACAC,eACAC,cAEO,CACLC,QAAS,cACTC,aAA0B,UAAZF,EAAsB,EAAI,GACxCG,WAAY,OACZC,UAAWL,EAAe,aAAaD,EAAMO,QAAQC,UAAUC,aAAUC"}
+{"version":3,"file":"chipFocusVisibleStyled.js","sources":["../../../../../src/components/chip/chipFocusVisibleStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nconst ChipFocusVisibleStyled = styled('div')<{ focusVisible: boolean; variant: any }>(({\n  theme,\n  focusVisible,\n  variant,\n}) => {\n  return {\n    display: 'inline-flex',\n    borderRadius: variant === 'image' ? 6 : 50,\n    transition: 'none',\n    boxShadow: focusVisible ? `0 0 0 2px ${theme.palette.onSurface.os900}` : undefined,\n  };\n});\n\nexport default ChipFocusVisibleStyled;\n"],"names":["ChipFocusVisibleStyled","styled","theme","focusVisible","variant","display","borderRadius","transition","boxShadow","palette","onSurface","os900","undefined"],"mappings":"oEAEA,MAAMA,kCAA+BC,OAAC,MAAPA,EAAuD,EACpFC,QACAC,eACAC,cAEO,CACLC,QAAS,cACTC,aAA0B,UAAZF,EAAsB,EAAI,GACxCG,WAAY,OACZC,UAAWL,EAAe,aAAaD,EAAMO,QAAQC,UAAUC,aAAUC"}

package/cjs/components/chip/chipImage/chipImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipImage.js","sources":["../../../../../../src/components/chip/chipImage/chipImage.tsx"],"sourcesContent":[null],"names":["ChipImage","forwardRef","props","ref","onBlur","children","label","disabled","variant","imageUrl","imageAlt","isChecked","onChange","name","id","Date","now","_focusVisibled","_setFocusVisible","useState","_checkboxComponent","useRef","_onChangeTrigger","evt","_onBlurHandler","useCallback","e","_onClickHandler","current","click","_onFocusVisibleHandler","ImageComponent","_a","_ref","_onChange","componentProps","__rest","_jsxs","Object","assign","_jsx","jsx","type","value","checked","readOnly","src","alt","ChipFocusVisibleStyled","focusVisible","ChipImageStyled","component","onClick","className","onFocusVisible","color","styled","MuiChip","theme","width","whiteSpace","backgroundColor","palette","surface","primary","borderRadius","height","display","flexDirection","alignItems","justifyContent","padding","overflow","span","onSurface","os600","brand","quarternary","brandHover","boxShadow","div","flexGrow","textAlign","fontSize","lineHeight","fontWeight","os800","objectFit","marginBottom"],"mappings":"2JAyDa,MAAAA,EAAYC,EAAUA,YAAiC,CAACC,EAAOC,KAC1E,MAAMC,OACJA,EAAMC,SACNA,EAAQC,MACRA,EAAKC,SACLA,EAAQC,QACRA,EAAU,QAAOC,SACjBA,EAAQC,SACRA,EAAQC,UACRA,EAASC,SACTA,EAAQC,KACRA,EAAIC,GACJA,EAAK,cAAcC,KAAKC,SACtBd,GACGe,EAAgBC,GAAoBC,EAAAA,UAAS,GAC9CC,EAAqBC,EAAAA,SAErBC,EAAoBC,IACpBX,GACFA,EAASW,GAAMZ,IAIba,EAAiBC,eACpBC,IACCR,GAAiB,GACbd,GACFA,EAAOsB,KAGX,CAACtB,IAGGuB,EAAkBF,EAAAA,aAAY,KAC9BL,GACFA,EAAmBQ,QAAQC,UAE5B,IAEGC,EAAyBL,EAAAA,aAAY,KACzCP,GAAiB,EAAK,GACrB,IAEGa,EAAiB9B,EAAAA,YACrB,CAAC+B,EAA4CC,SAA1CrB,SAAUsB,GAASF,EAAKG,EAAcC,SAAAJ,EAAxC,cAAqD,OACpDK,OAAS,MAAAC,OAAAC,OAAA,CAAA,EAAAJ,EAAgB,CAAAhC,IAAK8B,EAC5B5B,SAAA,CAAAmC,EAAAC,IAAA,QAAA,CACEtC,IAAKiB,EACLR,SAAUU,EACVoB,KAAK,WACL5B,GAAIA,EACJD,KAAMA,EACN8B,MAAO7B,EACP8B,QAASjC,EACTkC,UAAQ,IAEVL,EAAAC,IAAA,MAAA,CAAKK,IAAKrC,EAAUsC,IAAKrC,IACzB8B,MAAA,MAAA,CAAAnC,SACEmC,EAAOC,IAAA,OAAA,CAAApC,SAAAA,GAAYC,SAEjB,IAIV,OACEkC,EAAAA,IAACQ,EAAAA,QAAsB,CAACC,aAAchC,EAAgBT,QAASA,EAAOH,SACpEmC,EAACC,IAAAS,GACC/C,IAAKA,EACLgD,UAAWpB,EACXzB,MAAOA,EACPC,SAAUA,EACV6C,QAASzB,EACT0B,UAAW1C,EAAY,cAAgB,GACvC2C,eAAgBxB,EAChB1B,OAAQoB,EACRhB,QAAS,SACT+C,MAAO5C,EAAY,UAAY,aAEV,IAOvBuC,EAAkBM,EAAAA,OAAOC,EAAAA,KAAPD,EAEtB,EAAGE,YAAa,CAChB,QAAS,CACPC,MAAO,OACPC,WAAY,YAEd,iBAAkB,CAChBC,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCC,aAAc,MACdC,OAAQ,OACRP,MAAO,QACPQ,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,aAChBC,QAAS,gBACTC,SAAU,SACV,UAAW,CACTC,KAAM,CACJlB,MAAOG,EAAMI,QAAQY,UAAUC,QAGnC,gBAAiB,CACfd,gBAAiBH,EAAMI,QAAQc,MAAMC,YACrCJ,KAAM,CACJlB,MAAOG,EAAMI,QAAQc,MAAMZ,SAE7B,UAAW,CACTS,KAAM,CACJlB,MAAOG,EAAMI,QAAQgB,WAAWd,WAItC,iBAAkB,CAChBH,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCS,KAAM,CACJlB,MAAOG,EAAMI,QAAQvD,SAASyD,UAGlC,WAAY,CACVe,UAAW,QAEb,YAAa,CACXZ,QAAS,QAEXa,IAAK,CACHb,QAAS,OACTc,SAAU,GAEZR,KAAM,CACJN,QAAS,cACTE,WAAY,SACZC,eAAgB,SAChBY,UAAW,SACXC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZ9B,MAAOG,EAAMI,QAAQY,UAAUY,MAC/B3B,MAAO,OACPY,QAAS,UAEX,QAAS,CACPZ,MAAO,OACPO,OAAQ,OACRqB,UAAW,QACXC,aAAc"}
+{"version":3,"file":"chipImage.js","sources":["../../../../../../src/components/chip/chipImage/chipImage.tsx"],"sourcesContent":["import React, { useCallback, useState, useRef, forwardRef, HTMLAttributes } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled } from '@mui/material';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\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 ChipImageProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /**\n   * The label referenced to the text field.\n   */\n  label?: string;\n  /**\n   * Disabled, not clickable chip.\n   */\n  disabled?: boolean;\n  /**\n   * Image of a chip to display.\n   */\n  component?: any;\n  /**\n   * Variant of a chip.\n   */\n  variant?: 'image' | 'multiselect';\n  /**\n   * The url of the image.\n   */\n  imageUrl: string;\n  /**\n   * The alt attribute of the image.\n   */\n  imageAlt: string;\n  /**\n   * State of the chip image. If true the chip image is checked.\n   */\n  isChecked?: boolean;\n  /**\n   * Event triggered whenever the chip image is clicked.\n   */\n  onChange?(e: React.ChangeEvent<HTMLInputElement>, checked: boolean): void;\n  /**\n   * Name attribute of the component.\n   */\n  name?: string;\n  /**\n   * id attribute of the component, defaults to chip-image-{current UNIX date}.\n   */\n  id?: string;\n\n  debug?: boolean;\n}\n\n/**\n * @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n */\nexport const ChipImage = forwardRef<HTMLDivElement, ChipImageProps>((props, ref) => {\n  const {\n    onBlur,\n    children,\n    label,\n    disabled,\n    variant = 'image',\n    imageUrl,\n    imageAlt,\n    isChecked,\n    onChange,\n    name,\n    id = `chip-image-${Date.now()}`,\n  } = props;\n  const [_focusVisibled, _setFocusVisible] = useState(false);\n  const _checkboxComponent = useRef<HTMLInputElement>();\n\n  const _onChangeTrigger = (evt: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) {\n      onChange(evt, !isChecked);\n    }\n  };\n\n  const _onBlurHandler = useCallback(\n    (e: React.FocusEvent<HTMLDivElement>) => {\n      _setFocusVisible(false);\n      if (onBlur) {\n        onBlur(e);\n      }\n    },\n    [onBlur],\n  );\n\n  const _onClickHandler = useCallback(() => {\n    if (_checkboxComponent) {\n      _checkboxComponent.current.click();\n    }\n  }, []);\n\n  const _onFocusVisibleHandler = useCallback(() => {\n    _setFocusVisible(true);\n  }, []);\n\n  const ImageComponent = forwardRef<HTMLDivElement, ChipImageProps>(\n    ({ onChange: _onChange, ...componentProps }, _ref) => (\n      <div {...componentProps} ref={_ref as any}>\n        <input\n          ref={_checkboxComponent}\n          onChange={_onChangeTrigger}\n          type=\"checkbox\"\n          id={id}\n          name={name}\n          value={id}\n          checked={isChecked}\n          readOnly\n        />\n        <img src={imageUrl} alt={imageAlt} />\n        <div>\n          <span>{children || label}</span>\n        </div>\n      </div>\n    ),\n  );\n\n  return (\n    <ChipFocusVisibleStyled focusVisible={_focusVisibled} variant={variant}>\n      <ChipImageStyled\n        ref={ref}\n        component={ImageComponent as any}\n        label={label}\n        disabled={disabled}\n        onClick={_onClickHandler}\n        className={isChecked ? 'Mui-checked' : ''}\n        onFocusVisible={_onFocusVisibleHandler}\n        onBlur={_onBlurHandler}\n        variant={'filled'}\n        color={isChecked ? 'primary' : 'default'}\n      />\n    </ChipFocusVisibleStyled>\n  );\n});\n\n/**\n * @description Chip styling definition based on props\n */\nconst ChipImageStyled = styled(MuiChip)<\n  MuiChipProps & { onFocusVisible?: React.FocusEventHandler<any>; component?: any }\n>(({ theme }) => ({\n  '& div': {\n    width: '100%',\n    whiteSpace: 'pre-wrap',\n  },\n  '&.MuiChip-root': {\n    backgroundColor: theme.palette.surface.primary,\n    borderRadius: '4px',\n    height: 'auto',\n    width: '120px',\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    padding: '11px 0 13px 0',\n    overflow: 'hidden',\n    '&:hover': {\n      span: {\n        color: theme.palette.onSurface.os600,\n      },\n    },\n    '&.Mui-checked': {\n      backgroundColor: theme.palette.brand.quarternary,\n      span: {\n        color: theme.palette.brand.primary,\n      },\n      '&:hover': {\n        span: {\n          color: theme.palette.brandHover.primary,\n        },\n      },\n    },\n    '&.Mui-disabled': {\n      backgroundColor: theme.palette.surface.primary,\n      span: {\n        color: theme.palette.disabled.primary,\n      },\n    },\n    '&:active': {\n      boxShadow: 'none',\n    },\n    '& > input': {\n      display: 'none',\n    },\n    div: {\n      display: 'flex',\n      flexGrow: 1,\n    },\n    span: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      textAlign: 'center',\n      fontSize: '14px',\n      lineHeight: '16px',\n      fontWeight: '400',\n      color: theme.palette.onSurface.os800,\n      width: '100%',\n      padding: '0 10px',\n    },\n    '& img': {\n      width: '100%',\n      height: '68px',\n      objectFit: 'cover',\n      marginBottom: '2px',\n    },\n  },\n}));\n"],"names":["ChipImage","forwardRef","props","ref","onBlur","children","label","disabled","variant","imageUrl","imageAlt","isChecked","onChange","name","id","Date","now","_focusVisibled","_setFocusVisible","useState","_checkboxComponent","useRef","_onChangeTrigger","evt","_onBlurHandler","useCallback","e","_onClickHandler","current","click","_onFocusVisibleHandler","ImageComponent","_a","_ref","_onChange","componentProps","__rest","_jsxs","Object","assign","_jsx","jsx","type","value","checked","readOnly","src","alt","ChipFocusVisibleStyled","focusVisible","ChipImageStyled","component","onClick","className","onFocusVisible","color","styled","MuiChip","theme","width","whiteSpace","backgroundColor","palette","surface","primary","borderRadius","height","display","flexDirection","alignItems","justifyContent","padding","overflow","span","onSurface","os600","brand","quarternary","brandHover","boxShadow","div","flexGrow","textAlign","fontSize","lineHeight","fontWeight","os800","objectFit","marginBottom"],"mappings":"2JAyDa,MAAAA,EAAYC,EAAUA,YAAiC,CAACC,EAAOC,KAC1E,MAAMC,OACJA,EAAMC,SACNA,EAAQC,MACRA,EAAKC,SACLA,EAAQC,QACRA,EAAU,QAAOC,SACjBA,EAAQC,SACRA,EAAQC,UACRA,EAASC,SACTA,EAAQC,KACRA,EAAIC,GACJA,EAAK,cAAcC,KAAKC,SACtBd,GACGe,EAAgBC,GAAoBC,EAAAA,UAAS,GAC9CC,EAAqBC,EAAAA,SAErBC,EAAoBC,IACpBX,GACFA,EAASW,GAAMZ,IAIba,EAAiBC,eACpBC,IACCR,GAAiB,GACbd,GACFA,EAAOsB,KAGX,CAACtB,IAGGuB,EAAkBF,EAAAA,aAAY,KAC9BL,GACFA,EAAmBQ,QAAQC,UAE5B,IAEGC,EAAyBL,EAAAA,aAAY,KACzCP,GAAiB,EAAK,GACrB,IAEGa,EAAiB9B,EAAAA,YACrB,CAAC+B,EAA4CC,SAA1CrB,SAAUsB,GAASF,EAAKG,EAAcC,SAAAJ,EAAxC,cAAqD,OACpDK,OAAS,MAAAC,OAAAC,OAAA,CAAA,EAAAJ,EAAgB,CAAAhC,IAAK8B,EAC5B5B,SAAA,CAAAmC,EAAAC,IAAA,QAAA,CACEtC,IAAKiB,EACLR,SAAUU,EACVoB,KAAK,WACL5B,GAAIA,EACJD,KAAMA,EACN8B,MAAO7B,EACP8B,QAASjC,EACTkC,UAAQ,IAEVL,EAAAC,IAAA,MAAA,CAAKK,IAAKrC,EAAUsC,IAAKrC,IACzB8B,MAAA,MAAA,CAAAnC,SACEmC,EAAOC,IAAA,OAAA,CAAApC,SAAAA,GAAYC,SAEjB,IAIV,OACEkC,EAAAA,IAACQ,EAAAA,QAAsB,CAACC,aAAchC,EAAgBT,QAASA,EAAOH,SACpEmC,EAACC,IAAAS,GACC/C,IAAKA,EACLgD,UAAWpB,EACXzB,MAAOA,EACPC,SAAUA,EACV6C,QAASzB,EACT0B,UAAW1C,EAAY,cAAgB,GACvC2C,eAAgBxB,EAChB1B,OAAQoB,EACRhB,QAAS,SACT+C,MAAO5C,EAAY,UAAY,aAEV,IAOvBuC,EAAkBM,EAAAA,OAAOC,EAAAA,KAAPD,EAEtB,EAAGE,YAAa,CAChB,QAAS,CACPC,MAAO,OACPC,WAAY,YAEd,iBAAkB,CAChBC,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCC,aAAc,MACdC,OAAQ,OACRP,MAAO,QACPQ,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,aAChBC,QAAS,gBACTC,SAAU,SACV,UAAW,CACTC,KAAM,CACJlB,MAAOG,EAAMI,QAAQY,UAAUC,QAGnC,gBAAiB,CACfd,gBAAiBH,EAAMI,QAAQc,MAAMC,YACrCJ,KAAM,CACJlB,MAAOG,EAAMI,QAAQc,MAAMZ,SAE7B,UAAW,CACTS,KAAM,CACJlB,MAAOG,EAAMI,QAAQgB,WAAWd,WAItC,iBAAkB,CAChBH,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCS,KAAM,CACJlB,MAAOG,EAAMI,QAAQvD,SAASyD,UAGlC,WAAY,CACVe,UAAW,QAEb,YAAa,CACXZ,QAAS,QAEXa,IAAK,CACHb,QAAS,OACTc,SAAU,GAEZR,KAAM,CACJN,QAAS,cACTE,WAAY,SACZC,eAAgB,SAChBY,UAAW,SACXC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZ9B,MAAOG,EAAMI,QAAQY,UAAUY,MAC/B3B,MAAO,OACPY,QAAS,UAEX,QAAS,CACPZ,MAAO,OACPO,OAAQ,OACRqB,UAAW,QACXC,aAAc"}

package/cjs/components/chip/chipMultiselect/multiSelectChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"multiSelectChip.js","sources":["../../../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":[null],"names":["MultiSelectChip","forwardRef","_a","ref","variant","label","disabled","icon","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","isOpen","setIsOpen","onClickCloseHandler","useCallback","e","stopPropagation","reactHook","setState","Count","useMemo","_jsxs","state","length","_jsx","jsx","className","children","Icon","color","name","fontSize","onClick","onBlur","onSelectHandler","curr","handleClickAway","onFocusVisibleHandler","ClickAwayListener","onClickAway","jsxs","ChipFocusVisibleStyled","focusVisible","MultiSelectChipStyled","undefined","onFocusVisible","count","MenuContainer","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","width","marginTop","toggleLabel","styled","MuiChip","shouldForwardProp","prop","theme","flowColors","palette","style","marginLeft","transform","top","transition","transformOrigin","onSurface","os0","borderRadius","backgroundColor","brand","primary","minWidth","height","display","alignItems","justifyContent","lineHeight","fontWeight","margin","padding","Object","assign"],"mappings":"oRA4Ca,MAAAA,EAAkBC,EAAUA,YACvC,CAACC,EAA8CC,KAA9C,IAAAC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQC,KAAEA,GAAIL,EAAKM,EAArCC,EAAAA,OAAAP,EAAA,CAAA,UAAA,QAAA,WAAA,SACC,MAAOQ,EAAeC,GAAmBC,EAAAA,UAAS,IAC3CC,EAAUC,GAAeF,EAAAA,UAAS,IAClCG,EAAQC,GAAaJ,EAAAA,UAAS,GAE/BK,EAAsBC,eACzBC,IACCA,EAAEC,kBAEFZ,EAAMa,UAAUC,SAAS,GAAG,GAE9B,CAACd,EAAMa,YAGHE,EAAQC,EAAAA,SAAQ,IAElBC,6BACGpB,EACAG,EAAMa,UAAUK,MAAMC,OAAS,GAC9BC,EAAAC,IAAA,OAAA,CAAMC,UAAU,iBACdF,EAAOC,IAAA,OAAA,CAAAE,SAAAvB,EAAMa,UAAUK,MAAMC,WAG/BnB,EAAMa,UAAUK,MAAMC,OAAS,GAC/BC,EAAAA,IAACI,EAAAA,KAAI,CAACC,MAAM,UAAUC,KAAK,QAAQC,SAAS,QAAQC,QAASnB,KACzDW,MAACI,EAAAA,KAAK,CAAAC,MAAM,UAAUC,KAAK,eAAeJ,UAAWf,EAAS,SAAW,GAAIoB,SAAS,cAG/F,CAACpB,EAAQV,EAAOY,EAAqBT,EAAMa,UAAUK,MAAMC,SAExDU,EAASnB,eACZC,IACCR,GAAgB,GACZH,EAAM6B,QAAQ7B,EAAM6B,OAAOlB,EAAE,GAEnC,CAACX,IAGG8B,EAAkBpB,EAAAA,aAAY,KAClCF,GAAWuB,IAAUA,IACrBzB,GAAayB,IAAUA,GAAK,GAC3B,IAEGC,EAAkBtB,EAAAA,aAAY,KAClCF,GAAU,GACVF,GAAY,EAAM,GACjB,IAEG2B,EAAwBvB,EAAAA,aAAY,KACxCP,GAAgB,EAAK,GACpB,IAEH,OACEiB,2BACEA,EAACC,IAAAa,EAAiBA,mBAACC,YAAaH,EAC9BT,SAAAN,EAAAmB,KAAA,OAAA,CAAAb,SAAA,CACEH,sBACEA,MAACiB,EAAAA,SAAuBC,aAAcpC,EAAeN,QAASA,EAAO2B,SACnEH,EAAAA,IAACmB,EAAqB,CACpBjB,UAAuB,WAAZ1B,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACTG,KAAMA,EAAOqB,EAAAA,IAACI,EAAAA,KAAI,CAACE,KAAM3B,SAAWyC,EACpC3C,MAAOkB,EACPjB,SAAUA,EACV8B,QAASE,EACTL,MAAOpB,GAAYL,EAAMa,UAAUK,MAAMC,OAAS,UAAY,UAC9DsB,eAAgBR,EAChBJ,OAAQA,EACRa,MAAO1C,EAAMa,UAAUK,MAAMC,oBACjB,GAAGnB,EAAMa,UAAUK,MAAMC,2BACrCZ,OAAQA,QAKda,MAACuB,EAAAA,QAAa,CACZ7C,SAAUA,EACVS,OAAQA,EACRqC,MAAO5C,EAAM4C,MACbC,QAAS7C,EAAM6C,QACfC,mBAAmB,EACnBC,qBAAsB/C,EAAM+C,qBAC5BC,WAAYhD,EAAMgD,WAClBnC,UAAWb,EAAMa,UACjBoC,MAAO,IACPC,UAAW,GACX1C,UAAWA,EACX2C,YAAanD,EAAMmD,oBAIxB,IAQHZ,EAAwBa,EAAMA,OAACC,OAAS,CAC5CC,kBAAoBC,GAAkB,WAATA,GADDH,EAM5B,EAAGI,YACH,MAAMC,EAAaD,EAAME,QA8BzB,IAAIC,EAAQ,CACV,kBAAmB,CACjBlC,MAAO,UACPmC,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB,QAGrB,aAAc,CACZvC,MAAO,WAET,WAAY,CACVA,MAAOgC,EAAWQ,UAAUC,IAC5BC,aAAc,MACdC,gBAAiBX,EAAWY,MAAMC,QAClCC,SAAU,OACVC,OAAQ,OACRC,QAAS,cACTC,WAAY,SACZC,eAAgB,SAChBhD,SAAU,OACViD,WAAY,OACZC,WAAY,MACZC,OAAQ,QACRC,QAAS,UAMb,OAFApB,EAAaqB,OAAAC,OAAAD,OAAAC,OAAA,GAAAtB,GA5DM,CAAE,GA8DdA,CAAK"}
+{"version":3,"file":"multiSelectChip.js","sources":["../../../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useMemo, useState } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled, ClickAwayListener } from '@mui/material';\nimport { Icon, IconNameProp } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport { FlowMenuProps } from '../../menu';\nimport MenuContainer from '../../common/menuContainer';\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 MultiSelectChipProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Omit<FlowMenuProps, 'setIsOpen' | 'variant'> {\n  /**\n   * The label referenced to the text field\n   */\n  label?: string;\n\n  /**\n   * Disabled, not clickable chip\n   */\n  disabled?: boolean;\n\n  /**\n   * Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n   */\n  icon?: IconNameProp;\n\n  /**\n   * Variant of chip defines different look and style\n   */\n  variant?: 'solid' | 'transparent' | 'shadow';\n\n  /**\n   * The toggle label displayed when groupToggleSelection is true. Default is \"Select All\".\n   */\n  toggleLabel?: string;\n}\n\n/**\n * @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n */\nexport const MultiSelectChip = forwardRef<HTMLDivElement, MultiSelectChipProps>(\n  ({ variant, label, disabled, icon, ...props }, ref) => {\n    const [focusVisibled, setFocusVisible] = useState(false);\n    const [selected, setSelected] = useState(false);\n    const [isOpen, setIsOpen] = useState(false);\n\n    const onClickCloseHandler = useCallback(\n      (e) => {\n        e.stopPropagation();\n\n        props.reactHook.setState([]);\n      },\n      [props.reactHook],\n    );\n\n    const Count = useMemo(() => {\n      return (\n        <>\n          {label}\n          {props.reactHook.state.length > 0 && (\n            <span className=\"count\">\n              <span>{props.reactHook.state.length}</span>\n            </span>\n          )}\n          {(props.reactHook.state.length > 0 && (\n            <Icon color=\"inherit\" name=\"close\" fontSize=\"small\" onClick={onClickCloseHandler} />\n          )) || <Icon color=\"inherit\" name=\"chevron-down\" className={isOpen ? 'isOpen' : ''} fontSize=\"small\" />}\n        </>\n      );\n    }, [isOpen, label, onClickCloseHandler, props.reactHook.state.length]);\n\n    const onBlur = useCallback(\n      (e: any) => {\n        setFocusVisible(false);\n        if (props.onBlur) props.onBlur(e);\n      },\n      [props],\n    );\n\n    const onSelectHandler = useCallback(() => {\n      setIsOpen((curr) => !curr);\n      setSelected((curr) => !curr);\n    }, []);\n\n    const handleClickAway = useCallback(() => {\n      setIsOpen(false);\n      setSelected(false);\n    }, []);\n\n    const onFocusVisibleHandler = useCallback(() => {\n      setFocusVisible(true);\n    }, []);\n\n    return (\n      <>\n        <ClickAwayListener onClickAway={handleClickAway}>\n          <span>\n            <div>\n              <ChipFocusVisibleStyled focusVisible={focusVisibled} variant={variant}>\n                <MultiSelectChipStyled\n                  className={variant === 'shadow' && 'MuiChip-shadow'}\n                  ref={ref}\n                  variant={'filled'}\n                  icon={icon ? <Icon name={icon} /> : undefined}\n                  label={Count}\n                  disabled={disabled}\n                  onClick={onSelectHandler}\n                  color={selected || props.reactHook.state.length ? 'primary' : 'default'}\n                  onFocusVisible={onFocusVisibleHandler}\n                  onBlur={onBlur}\n                  count={props.reactHook.state.length}\n                  aria-label={`${props.reactHook.state.length} elements selected`}\n                  isOpen={isOpen}\n                />\n              </ChipFocusVisibleStyled>\n            </div>\n\n            <MenuContainer\n              disabled={disabled}\n              isOpen={isOpen}\n              items={props.items}\n              hasIcon={props.hasIcon}\n              multipleSelection={true}\n              groupToggleSelection={props.groupToggleSelection}\n              groupLabel={props.groupLabel}\n              reactHook={props.reactHook}\n              width={182}\n              marginTop={14}\n              setIsOpen={setIsOpen}\n              toggleLabel={props.toggleLabel}\n            />\n          </span>\n        </ClickAwayListener>\n      </>\n    );\n  },\n);\n\n/**\n * @description Chip styling definition based on props\n */\nconst MultiSelectChipStyled = styled(MuiChip, {\n  shouldForwardProp: (prop) => prop !== 'isOpen',\n})<\n  MuiChipProps & { count: number; isOpen: boolean } & {\n    onFocusVisible: React.FocusEventHandler<any>;\n  }\n>(({ theme }) => {\n  const flowColors = theme.palette;\n\n  const stateStyle = {};\n\n  // if (count > 0) {\n  // \tstateStyle = {\n  // \t\t'&.MuiChip-root': {\n  // \t\t\tbackgroundColor: flowColors.brand.quarternary,\n  // \t\t\tcolor: flowColors.brand.primary,\n  // \t\t\t'& .MuiIcon-root': {\n  // \t\t\t\tcolor: flowColors.brand.primary,\n  // \t\t\t},\n  // \t\t\t'&: hover': {\n  // \t\t\t\tcolor: flowColors.brandHover.primary,\n  // \t\t\t\t'& .MuiIcon-root': {\n  // \t\t\t\t\tcolor: flowColors.brandHover.primary,\n  // \t\t\t\t},\n  // \t\t\t\t'& .count': {\n  // \t\t\t\t\tbackgroundColor: flowColors.brandHover.primary,\n  // \t\t\t\t},\n  // \t\t\t},\n  // \t\t\t'&.Mui-disabled': {\n  // \t\t\t\tbackgroundColor: flowColors.transparent.primary,\n  // \t\t\t},\n  // \t\t},\n  // \t};\n  // } else {\n  // \tstateStyle = {};\n  // }\n\n  let style = {\n    '& .chevron-down': {\n      color: 'inherit',\n      marginLeft: '8px',\n      transform: 'rotate(0deg)',\n      top: '4px',\n      transition: 'transform 0.6s',\n      '&.isOpen': {\n        transform: 'rotate(180deg) translateY(2px)',\n        transformOrigin: '50%',\n      },\n    },\n    '& .ballotx': {\n      color: 'inherit',\n    },\n    '& .count': {\n      color: flowColors.onSurface.os0,\n      borderRadius: '50%',\n      backgroundColor: flowColors.brand.primary,\n      minWidth: '20px',\n      height: '20px',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      fontSize: '14px',\n      lineHeight: '16px',\n      fontWeight: '700',\n      margin: '0 8px',\n      padding: '0 4px',\n    },\n  };\n\n  style = { ...style, ...stateStyle };\n\n  return style;\n});\n"],"names":["MultiSelectChip","forwardRef","_a","ref","variant","label","disabled","icon","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","isOpen","setIsOpen","onClickCloseHandler","useCallback","e","stopPropagation","reactHook","setState","Count","useMemo","_jsxs","state","length","_jsx","jsx","className","children","Icon","color","name","fontSize","onClick","onBlur","onSelectHandler","curr","handleClickAway","onFocusVisibleHandler","ClickAwayListener","onClickAway","jsxs","ChipFocusVisibleStyled","focusVisible","MultiSelectChipStyled","undefined","onFocusVisible","count","MenuContainer","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","width","marginTop","toggleLabel","styled","MuiChip","shouldForwardProp","prop","theme","flowColors","palette","style","marginLeft","transform","top","transition","transformOrigin","onSurface","os0","borderRadius","backgroundColor","brand","primary","minWidth","height","display","alignItems","justifyContent","lineHeight","fontWeight","margin","padding","Object","assign"],"mappings":"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"}

package/cjs/components/chip/regular/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sources":["../../../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":[null],"names":["ChipStyled","styled","MuiChip","_a","variant","label","disabled","isSelected","icon","onClickCallback","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","useEffect","_jsx","ChipFocusVisibleStyled","focusVisible","className","jsx","Icon","name","fontSize","undefined","onClick","e","onSelect","color","onFocusVisible","onBlur"],"mappings":"yOA2Ca,MA0CPA,EAAaC,EAAMA,OAACC,OAA0E,gBA1ChEC,IAAA,IAAAC,QAClCA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,WACRA,GAAa,EACbC,KAAAA,EAAIC,gBACJA,GAAeN,EACZO,EAAKC,SAAAR,EAP0B,sEASlC,MAAOS,EAAeC,GAAmBC,EAAAA,UAAS,IAC3CC,EAAUC,GAAeF,EAAAA,UAAS,GACzCG,EAAAA,WAAU,KACRD,EAAYT,EAAW,GACtB,CAACA,IASJ,OACEW,MAACC,EAAAA,QAAsB,CAACf,QAASA,EAASgB,aAAcR,WACtDM,MAAClB,GACCqB,UAAuB,WAAZjB,GAAwB,iBACnCA,QAAS,SACTI,KAAMA,EAAOU,EAACI,IAAAC,OAAK,CAAAC,KAAMhB,EAAMa,UAAU,cAAcI,SAAS,eAAaC,EAC7ErB,MAAOA,EACPC,SAAUA,EACVqB,QAAUC,GAZC,CAACA,IAChBZ,GAAaD,GACbN,GAAmBA,EAAgBmB,GAAIb,EAAS,EAUMc,CAASD,GAC3DE,MAAOf,EAAW,UAAY,UAC9BgB,eAAgB,IAAMlB,GAAgB,GACtCmB,OAnBUJ,IACdf,GAAgB,GACZH,EAAMsB,QAAQtB,EAAMsB,OAAOJ,EAAE,KAmBR"}
+{"version":3,"file":"chip.js","sources":["../../../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, useEffect, useState } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled } from '@mui/material';\nimport { Icon, IconNameProp } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\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 ChipProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * The label referenced to the text field\n   */\n  label?: string;\n\n  /**\n   * Disabled, not clickable chip\n   */\n  disabled?: boolean;\n\n  /**\n   * Boolean to display icon\n   */\n  icon?: IconNameProp;\n\n  /**\n   * Variant of chip defines different look and style\n   */\n  variant?: 'solid' | 'transparent' | 'shadow';\n  /**\n   * if true chips is checked\n   */\n  isSelected?: boolean;\n  /**\n   * onClick callback to handle the chip state\n   */\n  onClickCallback?: (e: React.MouseEvent<HTMLDivElement>, selected: boolean) => void;\n}\n\n/**\n * @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n */\nexport const Chip: FC<ChipProps> = ({\n  variant,\n  label,\n  disabled,\n  isSelected = false,\n  icon,\n  onClickCallback,\n  ...props\n}) => {\n  const [focusVisibled, setFocusVisible] = useState(false);\n  const [selected, setSelected] = useState(false);\n  useEffect(() => {\n    setSelected(isSelected);\n  }, [isSelected]);\n  const onBlur = (e: any) => {\n    setFocusVisible(false);\n    if (props.onBlur) props.onBlur(e);\n  };\n  const onSelect = (e: React.MouseEvent<HTMLDivElement>) => {\n    setSelected(!selected);\n    onClickCallback && onClickCallback(e, !selected);\n  };\n  return (\n    <ChipFocusVisibleStyled variant={variant} focusVisible={focusVisibled}>\n      <ChipStyled\n        className={variant === 'shadow' && 'MuiChip-shadow'}\n        variant={'filled'}\n        icon={icon ? <Icon name={icon} className=\"beforeLabel\" fontSize=\"small\" /> : undefined}\n        label={label}\n        disabled={disabled}\n        onClick={(e: React.MouseEvent<HTMLDivElement>) => onSelect(e)}\n        color={selected ? 'primary' : 'default'}\n        onFocusVisible={() => setFocusVisible(true)}\n        onBlur={onBlur}\n      />\n    </ChipFocusVisibleStyled>\n  );\n};\n\n/**\n * @description Chip styling defintion based on props\n */\nconst ChipStyled = styled(MuiChip)<MuiChipProps & { onFocusVisible?: React.FocusEventHandler<any> }>``;\n"],"names":["ChipStyled","styled","MuiChip","_a","variant","label","disabled","isSelected","icon","onClickCallback","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","useEffect","_jsx","ChipFocusVisibleStyled","focusVisible","className","jsx","Icon","name","fontSize","undefined","onClick","e","onSelect","color","onFocusVisible","onBlur"],"mappings":"yOA2Ca,MA0CPA,EAAaC,EAAMA,OAACC,OAA0E,gBA1ChEC,IAAA,IAAAC,QAClCA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,WACRA,GAAa,EACbC,KAAAA,EAAIC,gBACJA,GAAeN,EACZO,EAAKC,SAAAR,EAP0B,sEASlC,MAAOS,EAAeC,GAAmBC,EAAAA,UAAS,IAC3CC,EAAUC,GAAeF,EAAAA,UAAS,GACzCG,EAAAA,WAAU,KACRD,EAAYT,EAAW,GACtB,CAACA,IASJ,OACEW,MAACC,EAAAA,QAAsB,CAACf,QAASA,EAASgB,aAAcR,WACtDM,MAAClB,GACCqB,UAAuB,WAAZjB,GAAwB,iBACnCA,QAAS,SACTI,KAAMA,EAAOU,EAACI,IAAAC,OAAK,CAAAC,KAAMhB,EAAMa,UAAU,cAAcI,SAAS,eAAaC,EAC7ErB,MAAOA,EACPC,SAAUA,EACVqB,QAAUC,GAZC,CAACA,IAChBZ,GAAaD,GACbN,GAAmBA,EAAgBmB,GAAIb,EAAS,EAUMc,CAASD,GAC3DE,MAAOf,EAAW,UAAY,UAC9BgB,eAAgB,IAAMlB,GAAgB,GACtCmB,OAnBUJ,IACdf,GAAgB,GACZH,EAAMsB,QAAQtB,EAAMsB,OAAOJ,EAAE,KAmBR"}

package/cjs/components/closeDialogButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/closeDialogButton/index.tsx"],"sourcesContent":[null],"names":["props","_jsx","IconButton","Object","assign","size","children","CloseIcon"],"mappings":"8IASkCA,GAE9BC,EAAAA,IAACC,EAAAA,WAAsBC,OAAAC,OAAA,CAAA,aAAA,eAAeC,KAAK,UAAaL,EACtD,CAAAM,SAAAL,EAAAA,IAACM,EAAAA,UAAY,CAAA"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/closeDialogButton/index.tsx"],"sourcesContent":["import { IconButton, IconButtonProps } from '@mui/material';\nimport { CloseIcon } from '../icon/stroke/CloseIcon';\nimport React from 'react';\n\nexport type CloseDialogButtonProps = IconButtonProps;\n\n/**\n * @deprecated Use <DialogTitle onClose={fn} /> instead\n */\nexport const CloseDialogButton = (props: CloseDialogButtonProps) => {\n  return (\n    <IconButton aria-label=\"Close dialog\" size=\"medium\" {...props}>\n      <CloseIcon />\n    </IconButton>\n  );\n};\n"],"names":["props","_jsx","IconButton","Object","assign","size","children","CloseIcon"],"mappings":"8IASkCA,GAE9BC,EAAAA,IAACC,EAAAA,WAAsBC,OAAAC,OAAA,CAAA,aAAA,eAAeC,KAAK,UAAaL,EACtD,CAAAM,SAAAL,EAAAA,IAACM,EAAAA,UAAY,CAAA"}

package/cjs/components/common/helperText.js.map

@@ -1 +1 @@
-{"version":3,"file":"helperText.js","sources":["../../../../../src/components/common/helperText.tsx"],"sourcesContent":[null],"names":["helpText","maxChars","currentValue","type","_jsx","jsx","HelperTextContent","textLeft","textRight","toString","length","undefined"],"mappings":"8KAsBmB,EAAGA,WAAUC,WAAUC,eAAcC,UAEpDC,EAACC,IAAAC,EAAiBA,kBAChB,CAAAC,SAAUP,EACVQ,UACW,WAATL,GAAqBF,GAAYA,EAAW,EAAI,GAAGC,EAAaO,WAAWC,YAAYT,SAAaU"}
+{"version":3,"file":"helperText.js","sources":["../../../../../src/components/common/helperText.tsx"],"sourcesContent":["import React from 'react';\nimport { HelperTextContent } from '../helperTextContent';\n\nexport interface HelperTextProps {\n  /**\n   * The value of the helper text\n   */\n  helpText?: string;\n  /**\n   * The max number of chars available in the text area. Max chars will be disabled when type = 'number'.\n   */\n  maxChars?: number;\n  /**\n   * Current value of the helper text.\n   */\n  currentValue: string;\n  /**\n   * Type of the input element. It should be 'text' or 'number'. Default is 'text'.\n   */\n  type?: 'number' | 'text';\n}\n\nconst HelperText = ({ helpText, maxChars, currentValue, type }: HelperTextProps) => {\n  return (\n    <HelperTextContent\n      textLeft={helpText}\n      textRight={\n        type !== 'number' && maxChars && maxChars > 0 ? `${currentValue.toString().length} / ${maxChars}` : undefined\n      }\n    />\n  );\n};\n\nexport default HelperText;\n"],"names":["helpText","maxChars","currentValue","type","_jsx","jsx","HelperTextContent","textLeft","textRight","toString","length","undefined"],"mappings":"8KAsBmB,EAAGA,WAAUC,WAAUC,eAAcC,UAEpDC,EAACC,IAAAC,EAAiBA,kBAChB,CAAAC,SAAUP,EACVQ,UACW,WAATL,GAAqBF,GAAYA,EAAW,EAAI,GAAGC,EAAaO,WAAWC,YAAYT,SAAaU"}

package/cjs/components/common/hook/backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop.js","sources":["../../../../../../src/components/common/hook/backdrop.tsx"],"sourcesContent":[null],"names":["openBackdrop","setOpenBackdrop","useState","handleCloseBackdrop","handleOpenBackdrop","handleToggleBackdrop"],"mappings":"2GAEoB,KAClB,MAAOA,EAAcC,GAAmBC,EAAAA,UAAS,GAUjD,MAAO,CACLF,eACAC,kBACAE,oBAZ0B,KAC1BF,GAAgB,EAAM,EAYtBG,mBAVyB,KACzBH,GAAgB,EAAK,EAUrBI,qBAR2B,KAC3BJ,GAAiBD,EAAa,EAQ/B"}
+{"version":3,"file":"backdrop.js","sources":["../../../../../../src/components/common/hook/backdrop.tsx"],"sourcesContent":["import { useState } from 'react';\n\nconst useBackdrop = () => {\n  const [openBackdrop, setOpenBackdrop] = useState(false);\n  const handleCloseBackdrop = () => {\n    setOpenBackdrop(false);\n  };\n  const handleOpenBackdrop = () => {\n    setOpenBackdrop(true);\n  };\n  const handleToggleBackdrop = () => {\n    setOpenBackdrop(!openBackdrop);\n  };\n  return {\n    openBackdrop,\n    setOpenBackdrop,\n    handleCloseBackdrop,\n    handleOpenBackdrop,\n    handleToggleBackdrop,\n  };\n};\nexport default useBackdrop;\n"],"names":["openBackdrop","setOpenBackdrop","useState","handleCloseBackdrop","handleOpenBackdrop","handleToggleBackdrop"],"mappings":"2GAEoB,KAClB,MAAOA,EAAcC,GAAmBC,EAAAA,UAAS,GAUjD,MAAO,CACLF,eACAC,kBACAE,oBAZ0B,KAC1BF,GAAgB,EAAM,EAYtBG,mBAVyB,KACzBH,GAAgB,EAAK,EAUrBI,qBAR2B,KAC3BJ,GAAiBD,EAAa,EAQ/B"}

package/cjs/components/common/hook/useWindowSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.js","sources":["../../../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":[null],"names":["isSSR","window","windowSize","setWindowSize","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","flowBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"uKAGc,WACZ,MAAMA,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,WAAS,CAC3CC,MAAOL,EAAQ,KAAOC,OAAOK,WAC7BC,OAAQP,EAAQ,IAAMC,OAAOO,YAC7BC,UAAU,IAGZ,SAASC,IACPP,EAAc,CACZE,MAAOJ,OAAOK,WACdC,OAAQN,OAAOO,YACfC,SAAUR,OAAOK,WAAaK,EAAAA,gBAAgBC,OAAW,KAc7D,OAVAC,EAAAA,WAAU,KACRH,IACAT,OAAOa,iBAAiB,SAAUJ,GAE3B,KACLA,IACAT,OAAOc,oBAAoB,SAAUL,EAAiB,IAEvD,IAEIR,CACT"}
+{"version":3,"file":"useWindowSize.js","sources":["../../../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { flowBreakpoints } from '../../../materialui/theme/theme.breakpoints';\n\nexport default function useWindowSize() {\n  const isSSR = typeof window !== 'undefined';\n  const [windowSize, setWindowSize] = useState({\n    width: isSSR ? 1440 : window.innerWidth,\n    height: isSSR ? 800 : window.innerHeight,\n    isMobile: false,\n  });\n\n  function changeWindowSize() {\n    setWindowSize({\n      width: window.innerWidth,\n      height: window.innerHeight,\n      isMobile: window.innerWidth < flowBreakpoints.values['md'],\n    });\n  }\n\n  useEffect(() => {\n    changeWindowSize();\n    window.addEventListener('resize', changeWindowSize);\n\n    return () => {\n      changeWindowSize();\n      window.removeEventListener('resize', changeWindowSize);\n    };\n  }, []);\n\n  return windowSize;\n}\n"],"names":["isSSR","window","windowSize","setWindowSize","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","flowBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"uKAGc,WACZ,MAAMA,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,WAAS,CAC3CC,MAAOL,EAAQ,KAAOC,OAAOK,WAC7BC,OAAQP,EAAQ,IAAMC,OAAOO,YAC7BC,UAAU,IAGZ,SAASC,IACPP,EAAc,CACZE,MAAOJ,OAAOK,WACdC,OAAQN,OAAOO,YACfC,SAAUR,OAAOK,WAAaK,EAAAA,gBAAgBC,OAAW,KAc7D,OAVAC,EAAAA,WAAU,KACRH,IACAT,OAAOa,iBAAiB,SAAUJ,GAE3B,KACLA,IACAT,OAAOc,oBAAoB,SAAUL,EAAiB,IAEvD,IAEIR,CACT"}

package/cjs/components/common/imageComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"imageComponent.js","sources":["../../../../../src/components/common/imageComponent.tsx"],"sourcesContent":[null],"names":["image","alt","fallbackImage","height","width","imgError","setImgError","useState","setImageError","useCallback","_jsx","src","jsx","onError"],"mappings":"0IAwBuB,EAAGA,QAAOC,MAAKC,gBAAeC,SAAQC,YAC3D,MAAOC,EAAUC,GAAeC,EAAAA,UAAS,GAEnCC,EAAgBC,EAAAA,aAAY,IAAMH,GAAY,IAAO,IAE3D,OAAKD,EAGIK,EAAAA,IAAA,MAAA,CAAKC,IAAKT,EAAeD,IAAKA,IAF9BS,EAAAE,IAAA,MAAA,CAAKD,IAAKX,EAAOG,OAAQA,EAAQC,MAAOA,EAAOH,IAAKA,EAAKY,QAASL"}
+{"version":3,"file":"imageComponent.js","sources":["../../../../../src/components/common/imageComponent.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\n\ninterface ImageComponentProps {\n  /**\n   * The source of the image.\n   */\n  image: string;\n  /**\n   * The alt description of the image.\n   */\n  alt?: string;\n  /**\n   * The height of the image.\n   */\n  height?: string;\n  /**\n   * The width of the image.\n   */\n  width?: string;\n  /**\n   * The source of the onError image.\n   */\n  fallbackImage?: string;\n}\nconst ImageComponent = ({ image, alt, fallbackImage, height, width }: ImageComponentProps) => {\n  const [imgError, setImgError] = useState(false);\n\n  const setImageError = useCallback(() => setImgError(true), []);\n\n  if (!imgError) {\n    return <img src={image} height={height} width={width} alt={alt} onError={setImageError} />;\n  } else {\n    return <img src={fallbackImage} alt={alt} />;\n  }\n};\n\nexport default ImageComponent;\n"],"names":["image","alt","fallbackImage","height","width","imgError","setImgError","useState","setImageError","useCallback","_jsx","src","jsx","onError"],"mappings":"0IAwBuB,EAAGA,QAAOC,MAAKC,gBAAeC,SAAQC,YAC3D,MAAOC,EAAUC,GAAeC,EAAAA,UAAS,GAEnCC,EAAgBC,EAAAA,aAAY,IAAMH,GAAY,IAAO,IAE3D,OAAKD,EAGIK,EAAAA,IAAA,MAAA,CAAKC,IAAKT,EAAeD,IAAKA,IAF9BS,EAAAE,IAAA,MAAA,CAAKD,IAAKX,EAAOG,OAAQA,EAAQC,MAAOA,EAAOH,IAAKA,EAAKY,QAASL"}

package/cjs/components/common/menuContainer.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@mui/system"),s=require("../menu/menu.js"),n=require("./menuEmpty.js");const r=t.styled("div")((i=>{var{theme:t}=i,s=e.__rest(i,["theme"]);let n={};return n={width:s.width,marginTop:s.marginTop,transition:"0.3s ease-out",display:"inline-block",position:"absolute",zIndex:"10"},n=s.isOpen&&!s.disabled?Object.assign(Object.assign({},n),{visibility:"visible",opacity:"100%"}):Object.assign(Object.assign({},n),{visibility:"hidden",opacity:"0%"}),n}));exports.default=t=>{var{setIsOpen:l,isEmptyMenu:o}=t,a=e.__rest(t,["setIsOpen","isEmptyMenu"]);return i.jsx(r,{marginTop:a.marginTop+"px",width:a.fullWidth?"100%":a.width+"px",isOpen:a.isOpen,disabled:a.disabled,children:o?i.jsx(n.MenuEmpty,{children:a.children}):i.jsx(s.Menu,{items:a.items,hasIcon:a.hasIcon,multipleSelection:a.multipleSelection,groupToggleSelection:a.groupToggleSelection,groupLabel:a.groupLabel,reactHook:a.reactHook,setIsOpen:l,toggleLabel:a.toggleLabel})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@mui/material/styles"),s=require("../menu/menu.js"),n=require("./menuEmpty.js");const r=t.styled("div")((i=>{var{theme:t}=i,s=e.__rest(i,["theme"]);let n={};return n={width:s.width,marginTop:s.marginTop,transition:"0.3s ease-out",display:"inline-block",position:"absolute",zIndex:"10"},n=s.isOpen&&!s.disabled?Object.assign(Object.assign({},n),{visibility:"visible",opacity:"100%"}):Object.assign(Object.assign({},n),{visibility:"hidden",opacity:"0%"}),n}));exports.default=t=>{var{setIsOpen:l,isEmptyMenu:o}=t,a=e.__rest(t,["setIsOpen","isEmptyMenu"]);return i.jsx(r,{marginTop:a.marginTop+"px",width:a.fullWidth?"100%":a.width+"px",isOpen:a.isOpen,disabled:a.disabled,children:o?i.jsx(n.MenuEmpty,{children:a.children}):i.jsx(s.Menu,{items:a.items,hasIcon:a.hasIcon,multipleSelection:a.multipleSelection,groupToggleSelection:a.groupToggleSelection,groupLabel:a.groupLabel,reactHook:a.reactHook,setIsOpen:l,toggleLabel:a.toggleLabel})})};
 //# sourceMappingURL=menuContainer.js.map

package/cjs/components/common/menuContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuContainer.js","sources":["../../../../../src/components/common/menuContainer.tsx"],"sourcesContent":[null],"names":["StyledDiv","styled","_a","theme","args","__rest","styles","width","marginTop","transition","display","position","zIndex","isOpen","disabled","Object","assign","visibility","opacity","setIsOpen","isEmptyMenu","props","_jsx","jsx","fullWidth","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel"],"mappings":"4MAuBA,MA0BMA,EAAYC,EAAMA,OAAC,MAAPA,EAKdC,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAA,OAAAH,EAAhB,WACF,IAAII,EAAS,CAAE,EAiBf,OAfAA,EAAS,CACPC,MAAOH,EAAKG,MACZC,UAAWJ,EAAKI,UAChBC,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAIRN,EADEF,EAAKS,SAAWT,EAAKU,SACjBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQV,GAAM,CAAEW,WAAY,UAAWC,QAAS,SAEhDH,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQV,GAAM,CAAEW,WAAY,SAAUC,QAAS,OAGhDZ,CAAM,oBAjDsCJ,QAAAiB,UAAEA,EAASC,YAAEA,GAAWlB,EAAKmB,EAAKhB,EAAAA,OAAAH,EAAlC,6BACnD,OACEoB,EAACC,IAAAvB,EACC,CAAAQ,UAAWa,EAAMb,UAAY,KAC7BD,MAAOc,EAAMG,UAAY,OAASH,EAAMd,MAAQ,KAChDM,OAAQQ,EAAMR,OACdC,SAAUO,EAAMP,SAEfW,SAAAL,EACCE,EAAAA,IAACI,EAAAA,UAAW,CAAAD,SAAAJ,EAAMI,WAElBH,EAAAA,IAACK,EAAAA,KAAI,CACHC,MAAOP,EAAMO,MACbC,QAASR,EAAMQ,QACfC,kBAAmBT,EAAMS,kBACzBC,qBAAsBV,EAAMU,qBAC5BC,WAAYX,EAAMW,WAClBC,UAAWZ,EAAMY,UACjBd,UAAWA,EACXe,YAAab,EAAMa,eAGb"}
+{"version":3,"file":"menuContainer.js","sources":["../../../../../src/components/common/menuContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Menu, MenuReactUseStateHook, MenuItems } from '../menu';\nimport MenuEmpty from './menuEmpty';\n\nexport interface MenuContainerProps {\n  disabled?: boolean;\n  items?: MenuItems;\n  hasIcon?: boolean;\n  multipleSelection?: boolean;\n  groupLabel?: string;\n  reactHook?: MenuReactUseStateHook;\n  groupToggleSelection?: boolean;\n  isOpen?: boolean;\n  marginTop?: number;\n  width?: number;\n  fullWidth?: boolean;\n  setIsOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n  isEmptyMenu?: boolean;\n  toggleLabel?: string;\n  children?: React.ReactNode;\n}\n\nconst MenuContainer: React.FC<MenuContainerProps> = ({ setIsOpen, isEmptyMenu, ...props }) => {\n  return (\n    <StyledDiv\n      marginTop={props.marginTop + 'px'}\n      width={props.fullWidth ? '100%' : props.width + 'px'}\n      isOpen={props.isOpen}\n      disabled={props.disabled}\n    >\n      {isEmptyMenu ? (\n        <MenuEmpty>{props.children}</MenuEmpty>\n      ) : (\n        <Menu\n          items={props.items}\n          hasIcon={props.hasIcon}\n          multipleSelection={props.multipleSelection}\n          groupToggleSelection={props.groupToggleSelection}\n          groupLabel={props.groupLabel}\n          reactHook={props.reactHook}\n          setIsOpen={setIsOpen}\n          toggleLabel={props.toggleLabel}\n        />\n      )}\n    </StyledDiv>\n  );\n};\n\nconst StyledDiv = styled('div')<{\n  marginTop?: string;\n  isOpen: boolean;\n  disabled: boolean;\n  width?: string;\n}>(({ theme, ...args }) => {\n  let styles = {};\n\n  styles = {\n    width: args.width,\n    marginTop: args.marginTop,\n    transition: '0.3s ease-out',\n    display: 'inline-block',\n    position: 'absolute',\n    zIndex: '10',\n  };\n\n  if (args.isOpen && !args.disabled) {\n    styles = { ...styles, visibility: 'visible', opacity: '100%' };\n  } else {\n    styles = { ...styles, visibility: 'hidden', opacity: '0%' };\n  }\n\n  return styles;\n});\n\nexport default MenuContainer;\n"],"names":["StyledDiv","styled","_a","theme","args","__rest","styles","width","marginTop","transition","display","position","zIndex","isOpen","disabled","Object","assign","visibility","opacity","setIsOpen","isEmptyMenu","props","_jsx","jsx","fullWidth","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel"],"mappings":"qNAuBA,MA0BMA,EAAYC,EAAMA,OAAC,MAAPA,EAKdC,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAA,OAAAH,EAAhB,WACF,IAAII,EAAS,CAAE,EAiBf,OAfAA,EAAS,CACPC,MAAOH,EAAKG,MACZC,UAAWJ,EAAKI,UAChBC,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAIRN,EADEF,EAAKS,SAAWT,EAAKU,SACjBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQV,GAAM,CAAEW,WAAY,UAAWC,QAAS,SAEhDH,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQV,GAAM,CAAEW,WAAY,SAAUC,QAAS,OAGhDZ,CAAM,oBAjDsCJ,QAAAiB,UAAEA,EAASC,YAAEA,GAAWlB,EAAKmB,EAAKhB,EAAAA,OAAAH,EAAlC,6BACnD,OACEoB,EAACC,IAAAvB,EACC,CAAAQ,UAAWa,EAAMb,UAAY,KAC7BD,MAAOc,EAAMG,UAAY,OAASH,EAAMd,MAAQ,KAChDM,OAAQQ,EAAMR,OACdC,SAAUO,EAAMP,SAEfW,SAAAL,EACCE,EAAAA,IAACI,EAAAA,UAAW,CAAAD,SAAAJ,EAAMI,WAElBH,EAAAA,IAACK,EAAAA,KAAI,CACHC,MAAOP,EAAMO,MACbC,QAASR,EAAMQ,QACfC,kBAAmBT,EAAMS,kBACzBC,qBAAsBV,EAAMU,qBAC5BC,WAAYX,EAAMW,WAClBC,UAAWZ,EAAMY,UACjBd,UAAWA,EACXe,YAAab,EAAMa,eAGb"}

package/cjs/components/common/menuEmpty.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuEmpty.js","sources":["../../../../../src/components/common/menuEmpty.tsx"],"sourcesContent":[null],"names":["MenuEmpty","forwardRef","_a","ref","props","__rest","_jsx","jsx","PaperStyled","Object","assign","children","styled","MuiPaper","Paper","styles","height","padding"],"mappings":"wKAgBa,MAAAA,EAAYC,EAAUA,YAAiC,CAACC,EAAcC,SAATC,EAAKC,EAAAA,OAAAH,EAAV,IACnE,OACEI,EAAAC,IAACC,EAAWC,OAAAC,OAAA,CAAA,EAAKN,EAAO,CAAAD,IAAKA,WAC1BC,EAAMO,WACK,IAMZH,EAAcI,EAAAA,OAAOC,EAAQC,MAAfF,EAA0B,KAC5C,IAAIG,EAAS,CAAE,EASf,OAJAA,iCACKA,GAAM,CACT,sBANsC,CACtCC,OAAQ,OACRC,QAAS,cAMJF,CAAM"}
+{"version":3,"file":"menuEmpty.js","sources":["../../../../../src/components/common/menuEmpty.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { styled, Paper as MuiPaper } from '@mui/material';\n\n/**\n * @interface MenuEmtpyProps\n * @description Base definition of SkodaFlow Menu independent on core implementation.\n * Properties are inherited from HTML Div element\n */\nexport interface MenuEmptyProps extends HTMLAttributes<HTMLDivElement> {}\n/**\n * @description SkodaFlow Menu component.\n * Properties are inherited from HTML Div element.\n * @param props PaperProps\n * @returns React Functional Component\n */\n\nexport const MenuEmpty = forwardRef<HTMLDivElement, MenuEmptyProps>(({ ...props }, ref) => {\n  return (\n    <PaperStyled {...props} ref={ref}>\n      {props.children}\n    </PaperStyled>\n  );\n});\n/**\n * @description Menu styling defintion based on props\n */\nconst PaperStyled = styled(MuiPaper)<unknown>(() => {\n  let styles = {};\n  const itemStyles: React.CSSProperties = {\n    height: '48px',\n    padding: '0px 24px',\n  };\n  styles = {\n    ...styles,\n    '& .MuiMenuItem-root': itemStyles,\n  };\n  return styles;\n});\n\nexport default MenuEmpty;\n"],"names":["MenuEmpty","forwardRef","_a","ref","props","__rest","_jsx","jsx","PaperStyled","Object","assign","children","styled","MuiPaper","Paper","styles","height","padding"],"mappings":"wKAgBa,MAAAA,EAAYC,EAAUA,YAAiC,CAACC,EAAcC,SAATC,EAAKC,EAAAA,OAAAH,EAAV,IACnE,OACEI,EAAAC,IAACC,EAAWC,OAAAC,OAAA,CAAA,EAAKN,EAAO,CAAAD,IAAKA,WAC1BC,EAAMO,WACK,IAMZH,EAAcI,EAAAA,OAAOC,EAAQC,MAAfF,EAA0B,KAC5C,IAAIG,EAAS,CAAE,EASf,OAJAA,iCACKA,GAAM,CACT,sBANsC,CACtCC,OAAQ,OACRC,QAAS,cAMJF,CAAM"}

package/cjs/components/common/resizableSliderInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizableSliderInput.js","sources":["../../../../../src/components/common/resizableSliderInput.tsx"],"sourcesContent":[null],"names":["SliderValuesStyled","styled","shouldForwardProp","prop","theme","isCurrencyInFront","background","palette","surface","primary","display","padding","borderRadius","minWidth","fontWeight","fontSize","color","onSurface","os700","flexDirection","paddingTop","paddingRight","value","values","onChange","onBlur","textDescription","labelText","className","id","thumb","disabled","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","clickCounter","setClickCounter","useState","lostFocus","setLostFocus","setBackground","inputRef","useRef","onChangeHandler","useCallback","e","onClickHandler","curr","onBlurHandler","getFormattedString","num","toFixed","replace","getInputValue","useEffect","current","style","width","length","_jsxs","jsxs","onMouseEnter","onMouseLeave","children","_jsx","htmlFor","ref","onClick"],"mappings":"0HAmBM,MAsGAA,2BAA2BC,OAAC,MAAO,CACvCC,kBAAoBC,GAAkB,sBAATA,GADJF,EAEyC,EAAGG,QAAOC,wBACrE,CACLC,WAAYF,EAAMG,QAAQC,QAAQC,QAClCC,QAAS,eACTC,QAAS,WACTC,aAAc,MACdC,SAAU,OACV,uBAAwB,CACtBC,WAAY,KAEd,gBAAiB,CACfC,SAAU,OACVC,MAAOZ,EAAMG,QAAQU,UAAUC,OAEjC,UAAW,CACTR,QAAS,cACTS,cAAed,EAAoB,MAAQ,cAC3C,YAAa,CACXe,WAAY,OAEd,WAAY,CACVC,aAAchB,EAAoB,MAAQ,4BA7HrB,EAC3BiB,MAAOC,EACPC,WACAC,SACApB,oBACAqB,kBAAkB,GAClBC,YAAY,GACZC,YAAY,GACZC,KAAK,GACLC,SAAQ,EACRC,YAAW,EACXC,qBAAqB,IACrBC,mBAAmB,IACnBC,6BAEA,MAAOC,EAAcC,GAAmBC,EAAAA,SAAS,IAC1CC,EAAWC,GAAgBF,EAAAA,UAAS,IACpC/B,EAAYkC,GAAiBH,EAAAA,SAAS,SAEvCI,EAAWC,EAAMA,OAA0B,MAE3CC,EAAkBC,eACrBC,IACCT,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBf,EAASqB,EAAGf,EAAM,GAEpB,CAACN,EAAUM,IAGPgB,EAAiBF,EAAAA,aAAY,KACjCR,GAAiBW,GAASA,EAAO,IACjCR,GAAa,KAAM,IACnBC,EAAc,OAAO,GACpB,IAEGQ,EAA2DJ,eAAaC,IAC5ET,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBC,EAAc,SACdf,SAAAA,EAASoB,EAAGf,EAAM,GACjB,IAEGmB,EAAqBL,eACxBM,GACKhB,EAA+BgB,EAAIC,UAAUC,QAAQ,wBAAyBpB,GAC3EkB,EACJC,QAAQ,GACRC,QAAQ,IAAKnB,GACbmB,QAAQ,wBAAyBpB,IAEtC,CAACC,EAAkBC,EAAwBF,IAGvCqB,EAAgBT,EAAAA,aAAY,IACX,IAAjBT,EAA2B,GAC3BG,IAA0B,IAAbf,EAAsB0B,EAAmB,GACtDX,EAAkBW,GAAoB1B,QACnCA,EAAgBA,EAAS,IAC/B,CAACY,EAAcc,EAAoBX,EAAWf,IAkBjD,OARA+B,EAAAA,WAAU,MAGJ/B,GAAU,IAAMA,KAAQkB,EAASc,QAAQC,MAAMC,MAAQ,OAC/BhB,EAASc,QAAQC,MAAMC,MAA/CvB,EAAuDe,GAAoB1B,GAAQmC,OAAS,EAAI,KAChET,GAAoB1B,GAAQmC,OAAS,IAAI,GAC5E,CAACvB,EAAcc,EAAoBI,EAAenB,EAAwBX,IAG3EoC,EAACC,KAAA5D,EACC,CAAA4B,UAAU,qBACVvB,kBAAmBA,EACnBC,WAAYA,EACZuD,aArBwB,KAC1BrB,EAAc,OAAO,EAqBnBsB,aAlBwB,KAC1BxB,GAAaE,EAAc,QAAQ,EAmBjCuB,SAAA,CAAAC,EAAAA,IAAA,QAAA,CAAOC,QAASpC,EAAKkC,SAAApC,IACrBgC,EAAAC,KAAA,MAAA,CAAAG,SAAA,CACGrC,GAAmBiC,yBAAOjC,EAAe,OAC1CsC,EAAAA,IAAA,QAAA,CACEnC,GAAIA,EACJqC,IAAKzB,EACLnB,MAAO+B,IACP5B,OAAQuB,EACRmB,QAASrB,EACTtB,SAAUmB,EACVf,UAAWA,EACXG,SAAUA,SAGK"}
+{"version":3,"file":"resizableSliderInput.js","sources":["../../../../../src/components/common/resizableSliderInput.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { styled } from '@mui/material';\n\nexport interface ResizableSliderInputInterface {\n  value: string | number;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>, thumb?: number) => void;\n  onBlur?: (e: React.ChangeEvent<HTMLInputElement>, thumb?: number) => void;\n  id?: string;\n  disabled?: boolean;\n  textDescription?: string;\n  labelText?: string;\n  className?: string;\n  thumb?: number;\n  isCurrencyInFront?: boolean;\n  thousandsSeparator?: '.' | ',' | ' ';\n  decimalSeparator?: '.' | ',';\n  hiddenDecimalSeparator?: boolean;\n}\n\nconst ResizableSliderInput = ({\n  value: values,\n  onChange,\n  onBlur,\n  isCurrencyInFront,\n  textDescription = '',\n  labelText = '',\n  className = '',\n  id = '',\n  thumb = -1,\n  disabled = false,\n  thousandsSeparator = '.',\n  decimalSeparator = '.',\n  hiddenDecimalSeparator,\n}: ResizableSliderInputInterface) => {\n  const [clickCounter, setClickCounter] = useState(0);\n  const [lostFocus, setLostFocus] = useState(true);\n  const [background, setBackground] = useState('light');\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const onChangeHandler = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setClickCounter(() => 2);\n      setLostFocus(() => false);\n      onChange(e, thumb);\n    },\n    [onChange, thumb],\n  );\n\n  const onClickHandler = useCallback(() => {\n    setClickCounter((curr) => curr + 1);\n    setLostFocus(() => false);\n    setBackground('dark');\n  }, []);\n\n  const onBlurHandler: React.FocusEventHandler<HTMLInputElement> = useCallback((e) => {\n    setClickCounter(() => 0);\n    setLostFocus(() => true);\n    setBackground('light');\n    onBlur?.(e, thumb);\n  }, []);\n\n  const getFormattedString = useCallback(\n    (num: number) => {\n      if (hiddenDecimalSeparator) return num.toFixed().replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n      return num\n        .toFixed(2)\n        .replace('.', decimalSeparator)\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n    },\n    [decimalSeparator, hiddenDecimalSeparator, thousandsSeparator],\n  );\n\n  const getInputValue = useCallback(() => {\n    if (clickCounter === 1) return '';\n    if (lostFocus && values === -1) return getFormattedString(0);\n    if (lostFocus) return getFormattedString(+values);\n    return values !== -1 ? values : '';\n  }, [clickCounter, getFormattedString, lostFocus, values]);\n\n  const onMouseEnterHandler = () => {\n    setBackground('dark');\n  };\n\n  const onMouseLeaveHandler = () => {\n    lostFocus && setBackground('light');\n  };\n\n  useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    if (values <= 0 || !values) inputRef.current.style.width = '4ch';\n    if (hiddenDecimalSeparator) inputRef.current.style.width = getFormattedString(+values).length + 1 + 'ch';\n    else inputRef.current.style.width = getFormattedString(+values).length + 'ch';\n  }, [clickCounter, getFormattedString, getInputValue, hiddenDecimalSeparator, values]);\n\n  return (\n    <SliderValuesStyled\n      className=\"single-value-input\"\n      isCurrencyInFront={isCurrencyInFront}\n      background={background}\n      onMouseEnter={onMouseEnterHandler}\n      onMouseLeave={onMouseLeaveHandler}\n    >\n      <label htmlFor={id}>{labelText}</label>\n      <div>\n        {textDescription && <span>{textDescription} </span>}\n        <input\n          id={id}\n          ref={inputRef}\n          value={getInputValue()}\n          onBlur={onBlurHandler}\n          onClick={onClickHandler}\n          onChange={onChangeHandler}\n          className={className}\n          disabled={disabled}\n        />\n      </div>\n    </SliderValuesStyled>\n  );\n};\nconst SliderValuesStyled = styled('div', {\n  shouldForwardProp: (prop) => prop !== 'isCurrencyInFront',\n})<{ theme?: any; background: string; isCurrencyInFront: boolean }>(({ theme, isCurrencyInFront }) => {\n  return {\n    background: theme.palette.surface.primary,\n    display: 'inline-block',\n    padding: '4px 12px',\n    borderRadius: '4px',\n    minWidth: '60px',\n    '& span, label, input': {\n      fontWeight: 500,\n    },\n    '& span, input': {\n      fontSize: '14px',\n      color: theme.palette.onSurface.os700,\n    },\n    '& > div': {\n      display: 'inline-flex',\n      flexDirection: isCurrencyInFront ? 'row' : 'row-reverse',\n      '& > input': {\n        paddingTop: '2px',\n      },\n      '& > span': {\n        paddingRight: isCurrencyInFront ? '2px' : '0px',\n      },\n    },\n  };\n});\n\nexport default ResizableSliderInput;\n"],"names":["SliderValuesStyled","styled","shouldForwardProp","prop","theme","isCurrencyInFront","background","palette","surface","primary","display","padding","borderRadius","minWidth","fontWeight","fontSize","color","onSurface","os700","flexDirection","paddingTop","paddingRight","value","values","onChange","onBlur","textDescription","labelText","className","id","thumb","disabled","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","clickCounter","setClickCounter","useState","lostFocus","setLostFocus","setBackground","inputRef","useRef","onChangeHandler","useCallback","e","onClickHandler","curr","onBlurHandler","getFormattedString","num","toFixed","replace","getInputValue","useEffect","current","style","width","length","_jsxs","jsxs","onMouseEnter","onMouseLeave","children","_jsx","htmlFor","ref","onClick"],"mappings":"0HAmBM,MAsGAA,2BAA2BC,OAAC,MAAO,CACvCC,kBAAoBC,GAAkB,sBAATA,GADJF,EAEyC,EAAGG,QAAOC,wBACrE,CACLC,WAAYF,EAAMG,QAAQC,QAAQC,QAClCC,QAAS,eACTC,QAAS,WACTC,aAAc,MACdC,SAAU,OACV,uBAAwB,CACtBC,WAAY,KAEd,gBAAiB,CACfC,SAAU,OACVC,MAAOZ,EAAMG,QAAQU,UAAUC,OAEjC,UAAW,CACTR,QAAS,cACTS,cAAed,EAAoB,MAAQ,cAC3C,YAAa,CACXe,WAAY,OAEd,WAAY,CACVC,aAAchB,EAAoB,MAAQ,4BA7HrB,EAC3BiB,MAAOC,EACPC,WACAC,SACApB,oBACAqB,kBAAkB,GAClBC,YAAY,GACZC,YAAY,GACZC,KAAK,GACLC,SAAQ,EACRC,YAAW,EACXC,qBAAqB,IACrBC,mBAAmB,IACnBC,6BAEA,MAAOC,EAAcC,GAAmBC,EAAAA,SAAS,IAC1CC,EAAWC,GAAgBF,EAAAA,UAAS,IACpC/B,EAAYkC,GAAiBH,EAAAA,SAAS,SAEvCI,EAAWC,EAAMA,OAA0B,MAE3CC,EAAkBC,eACrBC,IACCT,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBf,EAASqB,EAAGf,EAAM,GAEpB,CAACN,EAAUM,IAGPgB,EAAiBF,EAAAA,aAAY,KACjCR,GAAiBW,GAASA,EAAO,IACjCR,GAAa,KAAM,IACnBC,EAAc,OAAO,GACpB,IAEGQ,EAA2DJ,eAAaC,IAC5ET,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBC,EAAc,SACdf,SAAAA,EAASoB,EAAGf,EAAM,GACjB,IAEGmB,EAAqBL,eACxBM,GACKhB,EAA+BgB,EAAIC,UAAUC,QAAQ,wBAAyBpB,GAC3EkB,EACJC,QAAQ,GACRC,QAAQ,IAAKnB,GACbmB,QAAQ,wBAAyBpB,IAEtC,CAACC,EAAkBC,EAAwBF,IAGvCqB,EAAgBT,EAAAA,aAAY,IACX,IAAjBT,EAA2B,GAC3BG,IAA0B,IAAbf,EAAsB0B,EAAmB,GACtDX,EAAkBW,GAAoB1B,QACnCA,EAAgBA,EAAS,IAC/B,CAACY,EAAcc,EAAoBX,EAAWf,IAkBjD,OARA+B,EAAAA,WAAU,MAGJ/B,GAAU,IAAMA,KAAQkB,EAASc,QAAQC,MAAMC,MAAQ,OAC/BhB,EAASc,QAAQC,MAAMC,MAA/CvB,EAAuDe,GAAoB1B,GAAQmC,OAAS,EAAI,KAChET,GAAoB1B,GAAQmC,OAAS,IAAI,GAC5E,CAACvB,EAAcc,EAAoBI,EAAenB,EAAwBX,IAG3EoC,EAACC,KAAA5D,EACC,CAAA4B,UAAU,qBACVvB,kBAAmBA,EACnBC,WAAYA,EACZuD,aArBwB,KAC1BrB,EAAc,OAAO,EAqBnBsB,aAlBwB,KAC1BxB,GAAaE,EAAc,QAAQ,EAmBjCuB,SAAA,CAAAC,EAAAA,IAAA,QAAA,CAAOC,QAASpC,EAAKkC,SAAApC,IACrBgC,EAAAC,KAAA,MAAA,CAAAG,SAAA,CACGrC,GAAmBiC,yBAAOjC,EAAe,OAC1CsC,EAAAA,IAAA,QAAA,CACEnC,GAAIA,EACJqC,IAAKzB,EACLnB,MAAO+B,IACP5B,OAAQuB,EACRmB,QAASrB,EACTtB,SAAUmB,EACVf,UAAWA,EACXG,SAAUA,SAGK"}

package/cjs/components/common/styled/buttonFocusVisibleStyled.d.ts

@@ -1,4 +1,4 @@
-declare const ButtonFocusVisibleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+declare const ButtonFocusVisibleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     focusVisible: boolean;
     isNavigationVariant: boolean;
     fullWidth?: boolean;

package/cjs/components/common/styled/buttonFocusVisibleStyled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@mui/system").styled("div")((({theme:e,focusVisible:i,isNavigationVariant:t,fullWidth:s})=>({display:"inline-flex",padding:1,borderRadius:t?4:50,transition:"none",boxShadow:i?`0 0 0 2px ${e.palette.onSurface.os900}`:void 0,width:s?"100%":null})));exports.default=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@mui/material/styles").styled("div")((({theme:e,focusVisible:i,isNavigationVariant:t,fullWidth:s})=>({display:"inline-flex",padding:1,borderRadius:t?4:50,transition:"none",boxShadow:i?`0 0 0 2px ${e.palette.onSurface.os900}`:void 0,width:s?"100%":null})));exports.default=e;
 //# sourceMappingURL=buttonFocusVisibleStyled.js.map

package/cjs/components/common/styled/buttonFocusVisibleStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonFocusVisibleStyled.js","sources":["../../../../../../src/components/common/styled/buttonFocusVisibleStyled.tsx"],"sourcesContent":[null],"names":["ButtonFocusVisibleStyled","styled","theme","focusVisible","isNavigationVariant","fullWidth","display","padding","borderRadius","transition","boxShadow","palette","onSurface","os900","undefined","width"],"mappings":"oEAEA,MAAMA,yBAA2BC,OAAO,MAAPA,EAI9B,EAAGC,QAAOC,eAAcC,sBAAqBC,gBACvC,CACLC,QAAS,cACTC,QAAS,EACTC,aAAcJ,EAAsB,EAAI,GACxCK,WAAY,OACZC,UAAWP,EAAe,aAAaD,EAAMS,QAAQC,UAAUC,aAAUC,EACzEC,MAAOV,EAAY,OAAS"}
+{"version":3,"file":"buttonFocusVisibleStyled.js","sources":["../../../../../../src/components/common/styled/buttonFocusVisibleStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nconst ButtonFocusVisibleStyled = styled('div')<{\n  focusVisible: boolean;\n  isNavigationVariant: boolean;\n  fullWidth?: boolean;\n}>(({ theme, focusVisible, isNavigationVariant, fullWidth }) => {\n  return {\n    display: 'inline-flex',\n    padding: 1,\n    borderRadius: isNavigationVariant ? 4 : 50,\n    transition: 'none',\n    boxShadow: focusVisible ? `0 0 0 2px ${theme.palette.onSurface.os900}` : undefined,\n    width: fullWidth ? '100%' : null,\n  };\n});\n\nexport default ButtonFocusVisibleStyled;\n"],"names":["ButtonFocusVisibleStyled","styled","theme","focusVisible","isNavigationVariant","fullWidth","display","padding","borderRadius","transition","boxShadow","palette","onSurface","os900","undefined","width"],"mappings":"oEAEA,MAAMA,kCAA2BC,OAAO,MAAPA,EAI9B,EAAGC,QAAOC,eAAcC,sBAAqBC,gBACvC,CACLC,QAAS,cACTC,QAAS,EACTC,aAAcJ,EAAsB,EAAI,GACxCK,WAAY,OACZC,UAAWP,EAAe,aAAaD,EAAMS,QAAQC,UAAUC,aAAUC,EACzEC,MAAOV,EAAY,OAAS"}

package/cjs/components/common/styled/formControlLabelStyled.d.ts

@@ -1,5 +1,5 @@
 import { FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material';
-declare const FormControlLabelStyled: import("@emotion/styled").StyledComponent<MuiFormControlLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+declare const FormControlLabelStyled: import("@emotion/styled").StyledComponent<MuiFormControlLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     error?: boolean;
     theme?: any;
 }, {}, {}>;

package/cjs/components/common/styled/formControlLabelStyled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/system"),r=require("@mui/material");const o=e.styled(r.FormControlLabel,{shouldForwardProp:e=>"error"!==e})((({theme:e,error:r})=>({color:r?e.palette.alert.main:void 0})));exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material/styles"),r=require("@mui/material");const t=e.styled(r.FormControlLabel,{shouldForwardProp:e=>"error"!==e})((({theme:e,error:r})=>({color:r?e.palette.alert.main:void 0})));exports.default=t;
 //# sourceMappingURL=formControlLabelStyled.js.map

package/cjs/components/common/styled/formControlLabelStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"formControlLabelStyled.js","sources":["../../../../../../src/components/common/styled/formControlLabelStyled.tsx"],"sourcesContent":[null],"names":["FormControlLabelStyled","styled","MuiFormControlLabel","shouldForwardProp","prop","theme","error","color","palette","alert","undefined"],"mappings":"4HAMA,MAAMA,EAAyBC,EAAMA,OAACC,mBAAqB,CACzDC,kBAAoBC,GAAkB,UAATA,GADAH,EAEiC,EAAGI,QAAOC,YACjE,CACLC,MAAOD,EAAQD,EAAMG,QAAQC,MAAY,UAAIC"}
+{"version":3,"file":"formControlLabelStyled.js","sources":["../../../../../../src/components/common/styled/formControlLabelStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport {\n  FormControlLabelProps as MuiFormControlLabelProps,\n  FormControlLabel as MuiFormControlLabel,\n} from '@mui/material';\n\nconst FormControlLabelStyled = styled(MuiFormControlLabel, {\n  shouldForwardProp: (prop) => prop !== 'error',\n})<MuiFormControlLabelProps & { error?: boolean; theme?: any }>(({ theme, error }) => {\n  return {\n    color: error ? theme.palette.alert['main'] : undefined,\n  };\n});\n\nexport default FormControlLabelStyled;\n"],"names":["FormControlLabelStyled","styled","MuiFormControlLabel","shouldForwardProp","prop","theme","error","color","palette","alert","undefined"],"mappings":"qIAMA,MAAMA,EAAyBC,EAAMA,OAACC,mBAAqB,CACzDC,kBAAoBC,GAAkB,UAATA,GADAH,EAEiC,EAAGI,QAAOC,YACjE,CACLC,MAAOD,EAAQD,EAAMG,QAAQC,MAAY,UAAIC"}

package/cjs/components/common/styled/helperTextContainerStyled.d.ts

@@ -1,4 +1,4 @@
-declare const HelperTextContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+declare const HelperTextContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     theme?: any;
     disabled?: boolean;
     hasError?: boolean;

package/cjs/components/common/styled/sliderValuesStyled.d.ts

@@ -1,4 +1,4 @@
-declare const SliderValuesStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+declare const SliderValuesStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     theme?: any;
     disabled?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;