@skodaflow/web-library 7.3.0 → 7.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/accordion/accordion.d.ts +7 -0
- package/cjs/components/accordion/accordion.js +1 -1
- package/cjs/components/accordion/accordion.js.map +1 -1
- package/cjs/components/banner/banner.d.ts +24 -7
- package/cjs/components/banner/banner.js +1 -1
- package/cjs/components/banner/banner.js.map +1 -1
- package/cjs/components/bottomSheet/bottomSheet.js +1 -1
- package/cjs/components/bottomSheet/bottomSheet.js.map +1 -1
- package/cjs/components/button/button.js +1 -1
- package/cjs/components/button/button.js.map +1 -1
- package/cjs/components/cardMenu/styled/menuListStyled.d.ts +1 -1
- package/cjs/components/carousel/autoplay.d.ts +49 -0
- package/cjs/components/carousel/autoplay.js +2 -0
- package/cjs/components/carousel/autoplay.js.map +1 -0
- package/cjs/components/carousel/carousel.js +1 -1
- package/cjs/components/carousel/hooks.js +1 -1
- package/cjs/components/carousel/hooks.js.map +1 -1
- package/cjs/components/carousel/index.d.ts +1 -1
- package/cjs/components/carousel/navigation.js +1 -1
- package/cjs/components/carousel/navigation.js.map +1 -1
- package/cjs/components/carousel/pagination.d.ts +16 -1
- package/cjs/components/carousel/pagination.js +1 -1
- package/cjs/components/carousel/pagination.js.map +1 -1
- package/cjs/components/common/styled/textFieldStyled.d.ts +1 -1
- package/cjs/components/drawer/drawer.d.ts +7 -59
- package/cjs/components/drawer/drawer.js +1 -1
- package/cjs/components/drawer/drawer.js.map +1 -1
- package/cjs/components/icon/icon.d.ts +1 -0
- package/cjs/components/icon/icon.definitions.js +1 -1
- package/cjs/components/icon/icon.definitions.js.map +1 -1
- package/cjs/components/indicator/indicator.d.ts +19 -5
- package/cjs/components/indicator/indicator.js +1 -1
- package/cjs/components/indicator/indicator.js.map +1 -1
- package/cjs/components/logo/Logo.d.ts +9 -2
- package/cjs/components/logo/Logo.js +1 -1
- package/cjs/components/logo/Logo.js.map +1 -1
- package/cjs/components/selectInput/formControlSelectStyled.d.ts +1 -1
- package/cjs/components/selectInput/hook/useSelectInput.js +1 -1
- package/cjs/components/selectInput/hook/useSelectInput.js.map +1 -1
- package/cjs/index.js +1 -1
- package/cjs/layout/Header/Header.js +1 -1
- package/cjs/layout/Header/Header.js.map +1 -1
- package/cjs/layout/Header/HeaderButton.js +1 -1
- package/cjs/layout/Header/HeaderButton.js.map +1 -1
- package/cjs/layout/SideMenu/SideMenu.d.ts +6 -0
- package/cjs/layout/SideMenu/SideMenu.js +1 -1
- package/cjs/layout/SideMenu/SideMenu.js.map +1 -1
- package/cjs/layout/SideMenu/SideMenuItem.d.ts +9 -0
- package/cjs/layout/SideMenu/SideMenuItem.js +1 -1
- package/cjs/layout/SideMenu/SideMenuItem.js.map +1 -1
- package/cjs/materialui/accordion/accordion.theme.js +1 -1
- package/cjs/materialui/accordion/accordion.theme.js.map +1 -1
- package/cjs/materialui/accordion/accordionActions.theme.d.ts +3 -0
- package/cjs/materialui/accordion/accordionActions.theme.js +2 -0
- package/cjs/materialui/accordion/accordionActions.theme.js.map +1 -0
- package/cjs/materialui/accordion/accordionDetails.theme.d.ts +3 -0
- package/cjs/materialui/accordion/accordionDetails.theme.js +2 -0
- package/cjs/materialui/accordion/accordionDetails.theme.js.map +1 -0
- package/cjs/materialui/accordion/accordionSummary.theme.d.ts +2 -1
- package/cjs/materialui/accordion/accordionSummary.theme.js +1 -1
- package/cjs/materialui/accordion/accordionSummary.theme.js.map +1 -1
- package/cjs/materialui/autocomplete/autocomplete.theme.js +1 -1
- package/cjs/materialui/autocomplete/autocomplete.theme.js.map +1 -1
- package/cjs/materialui/button/button.theme.js +1 -1
- package/cjs/materialui/button/button.theme.js.map +1 -1
- package/cjs/materialui/drawer/drawer.d.ts +2 -0
- package/cjs/materialui/drawer/drawer.theme.d.ts +2 -1
- package/cjs/materialui/drawer/drawer.theme.js +1 -1
- package/cjs/materialui/drawer/drawer.theme.js.map +1 -1
- package/cjs/materialui/form/select.theme.js +1 -1
- package/cjs/materialui/form/select.theme.js.map +1 -1
- package/cjs/materialui/iconButton/iconButton.theme.js +1 -1
- package/cjs/materialui/iconButton/iconButton.theme.js.map +1 -1
- package/cjs/materialui/link/link.theme.d.ts +3 -0
- package/cjs/materialui/link/link.theme.js +2 -0
- package/cjs/materialui/link/link.theme.js.map +1 -0
- package/cjs/materialui/skeleton/index.d.ts +2 -0
- package/cjs/materialui/skeleton/skeleton.theme.d.ts +10 -0
- package/cjs/materialui/skeleton/skeleton.theme.js +2 -0
- package/cjs/materialui/skeleton/skeleton.theme.js.map +1 -0
- package/cjs/materialui/tabs/tab.theme.js +1 -1
- package/cjs/materialui/tabs/tab.theme.js.map +1 -1
- package/cjs/materialui/tabs/tabs.theme.js +1 -1
- package/cjs/materialui/tabs/tabs.theme.js.map +1 -1
- package/cjs/materialui/theme/theme.extensions.d.ts +29 -1
- package/cjs/materialui/theme/theme.js +1 -1
- package/cjs/materialui/theme/theme.js.map +1 -1
- package/cjs/materialui/themeProvider/baseline.theme.js +1 -1
- package/cjs/materialui/themeProvider/baseline.theme.js.map +1 -1
- package/cjs/organisms/carousel2/components/NavButton.js +1 -1
- package/cjs/organisms/carousel2/components/NavButton.js.map +1 -1
- package/cjs/organisms/carousel2/hooks/useContainerPeek.js +1 -1
- package/cjs/organisms/carousel2/hooks/useContainerPeek.js.map +1 -1
- package/cjs/organisms/common/styled/cardStandardWrapperStyled.d.ts +1 -1
- package/cjs/organisms/gallery/Gallery.js +1 -1
- package/cjs/organisms/gallery/Gallery.js.map +1 -1
- package/cjs/organisms/gallery/GalleryTrigger.js +1 -1
- package/cjs/organisms/gallery/GalleryTrigger.js.map +1 -1
- package/cjs/organisms/notification/Notification.js +1 -1
- package/cjs/organisms/notification/Notification.js.map +1 -1
- package/cjs/production/Button/Button.d.ts +1 -1
- package/components/accordion/accordion.d.ts +7 -0
- package/components/accordion/accordion.js +1 -1
- package/components/accordion/accordion.js.map +1 -1
- package/components/banner/banner.d.ts +24 -7
- package/components/banner/banner.js +1 -1
- package/components/banner/banner.js.map +1 -1
- package/components/bottomSheet/bottomSheet.js +1 -1
- package/components/bottomSheet/bottomSheet.js.map +1 -1
- package/components/button/button.js +1 -1
- package/components/button/button.js.map +1 -1
- package/components/cardMenu/styled/menuListStyled.d.ts +1 -1
- package/components/carousel/autoplay.d.ts +49 -0
- package/components/carousel/autoplay.js +2 -0
- package/components/carousel/autoplay.js.map +1 -0
- package/components/carousel/carousel.js +1 -1
- package/components/carousel/hooks.js +1 -1
- package/components/carousel/hooks.js.map +1 -1
- package/components/carousel/index.d.ts +1 -1
- package/components/carousel/navigation.js +1 -1
- package/components/carousel/navigation.js.map +1 -1
- package/components/carousel/pagination.d.ts +16 -1
- package/components/carousel/pagination.js +1 -1
- package/components/carousel/pagination.js.map +1 -1
- package/components/common/styled/textFieldStyled.d.ts +1 -1
- package/components/drawer/drawer.d.ts +7 -59
- package/components/drawer/drawer.js +1 -1
- package/components/drawer/drawer.js.map +1 -1
- package/components/icon/icon.d.ts +1 -0
- package/components/icon/icon.definitions.js +1 -1
- package/components/icon/icon.definitions.js.map +1 -1
- package/components/indicator/indicator.d.ts +19 -5
- package/components/indicator/indicator.js +1 -1
- package/components/indicator/indicator.js.map +1 -1
- package/components/logo/Logo.d.ts +9 -2
- package/components/logo/Logo.js +1 -1
- package/components/logo/Logo.js.map +1 -1
- package/components/selectInput/formControlSelectStyled.d.ts +1 -1
- package/components/selectInput/hook/useSelectInput.js +1 -1
- package/components/selectInput/hook/useSelectInput.js.map +1 -1
- package/eula.txt +1 -1
- package/index.js +1 -1
- package/layout/Header/Header.js +1 -1
- package/layout/Header/Header.js.map +1 -1
- package/layout/Header/HeaderButton.js +1 -1
- package/layout/Header/HeaderButton.js.map +1 -1
- package/layout/SideMenu/SideMenu.d.ts +6 -0
- package/layout/SideMenu/SideMenu.js +1 -1
- package/layout/SideMenu/SideMenu.js.map +1 -1
- package/layout/SideMenu/SideMenuItem.d.ts +9 -0
- package/layout/SideMenu/SideMenuItem.js +1 -1
- package/layout/SideMenu/SideMenuItem.js.map +1 -1
- package/materialui/accordion/accordion.theme.js +1 -1
- package/materialui/accordion/accordion.theme.js.map +1 -1
- package/materialui/accordion/accordionActions.theme.d.ts +3 -0
- package/materialui/accordion/accordionActions.theme.js +2 -0
- package/materialui/accordion/accordionActions.theme.js.map +1 -0
- package/materialui/accordion/accordionDetails.theme.d.ts +3 -0
- package/materialui/accordion/accordionDetails.theme.js +2 -0
- package/materialui/accordion/accordionDetails.theme.js.map +1 -0
- package/materialui/accordion/accordionSummary.theme.d.ts +2 -1
- package/materialui/accordion/accordionSummary.theme.js +1 -1
- package/materialui/accordion/accordionSummary.theme.js.map +1 -1
- package/materialui/autocomplete/autocomplete.theme.js +1 -1
- package/materialui/autocomplete/autocomplete.theme.js.map +1 -1
- package/materialui/button/button.theme.js +1 -1
- package/materialui/button/button.theme.js.map +1 -1
- package/materialui/drawer/drawer.d.ts +2 -0
- package/materialui/drawer/drawer.theme.d.ts +2 -1
- package/materialui/drawer/drawer.theme.js +1 -1
- package/materialui/drawer/drawer.theme.js.map +1 -1
- package/materialui/form/select.theme.js +1 -1
- package/materialui/form/select.theme.js.map +1 -1
- package/materialui/iconButton/iconButton.theme.js +1 -1
- package/materialui/iconButton/iconButton.theme.js.map +1 -1
- package/materialui/link/link.theme.d.ts +3 -0
- package/materialui/link/link.theme.js +2 -0
- package/materialui/link/link.theme.js.map +1 -0
- package/materialui/skeleton/index.d.ts +2 -0
- package/materialui/skeleton/skeleton.theme.d.ts +10 -0
- package/materialui/skeleton/skeleton.theme.js +2 -0
- package/materialui/skeleton/skeleton.theme.js.map +1 -0
- package/materialui/tabs/tab.theme.js +1 -1
- package/materialui/tabs/tab.theme.js.map +1 -1
- package/materialui/tabs/tabs.theme.js +1 -1
- package/materialui/tabs/tabs.theme.js.map +1 -1
- package/materialui/theme/theme.extensions.d.ts +29 -1
- package/materialui/theme/theme.js +1 -1
- package/materialui/theme/theme.js.map +1 -1
- package/materialui/themeProvider/baseline.theme.js +1 -1
- package/materialui/themeProvider/baseline.theme.js.map +1 -1
- package/organisms/carousel2/components/NavButton.js +1 -1
- package/organisms/carousel2/components/NavButton.js.map +1 -1
- package/organisms/carousel2/hooks/useContainerPeek.js +1 -1
- package/organisms/carousel2/hooks/useContainerPeek.js.map +1 -1
- package/organisms/common/styled/cardStandardWrapperStyled.d.ts +1 -1
- package/organisms/gallery/Gallery.js +1 -1
- package/organisms/gallery/Gallery.js.map +1 -1
- package/organisms/gallery/GalleryTrigger.js +1 -1
- package/organisms/gallery/GalleryTrigger.js.map +1 -1
- package/organisms/notification/Notification.js +1 -1
- package/organisms/notification/Notification.js.map +1 -1
- package/package.json +1 -1
- package/production/Button/Button.d.ts +1 -1
- package/cjs/components/carousel/autoplayProgress.d.ts +0 -32
- package/cjs/components/carousel/autoplayProgress.js +0 -2
- package/cjs/components/carousel/autoplayProgress.js.map +0 -1
- package/cjs/components/common/type/ButtonVariant.d.ts +0 -1
- package/cjs/components/drawer/drawer.control.d.ts +0 -12
- package/cjs/materialui/iconButton/iconButton.component.d.ts +0 -2
- package/cjs/materialui/tabs/tabs.component.d.ts +0 -5
- package/components/carousel/autoplayProgress.d.ts +0 -32
- package/components/carousel/autoplayProgress.js +0 -2
- package/components/carousel/autoplayProgress.js.map +0 -1
- package/components/common/type/ButtonVariant.d.ts +0 -1
- package/components/drawer/drawer.control.d.ts +0 -12
- package/materialui/iconButton/iconButton.component.d.ts +0 -2
- package/materialui/tabs/tabs.component.d.ts +0 -5
|
@@ -38,10 +38,12 @@ export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
|
|
|
38
38
|
sx?: SxProps<Theme>;
|
|
39
39
|
/**
|
|
40
40
|
* If true, the preview text is showed. If the item.content is no typeof string, no preview will be show.
|
|
41
|
+
* @deprecated has no effect
|
|
41
42
|
*/
|
|
42
43
|
previewContent?: boolean;
|
|
43
44
|
/**
|
|
44
45
|
* The component used for the transition.
|
|
46
|
+
* @deprecated has no effect
|
|
45
47
|
*/
|
|
46
48
|
TransitionComponent?: JSXElementConstructor<TransitionProps & {
|
|
47
49
|
children?: ReactElement<any, any>;
|
|
@@ -52,6 +54,7 @@ export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
|
|
|
52
54
|
TransitionProps?: object;
|
|
53
55
|
/**
|
|
54
56
|
* If true, the transition is disabled.
|
|
57
|
+
* @deprecated has no effect
|
|
55
58
|
*/
|
|
56
59
|
disableAnimation?: boolean;
|
|
57
60
|
/**
|
|
@@ -60,6 +63,7 @@ export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
|
|
|
60
63
|
accordionContainerProps?: object;
|
|
61
64
|
/**
|
|
62
65
|
* If provided, a max height will be given to every accordion panel. The string provided should be in pixels, eg. {number}px . No max height by default.
|
|
66
|
+
* @deprecated has no effect
|
|
63
67
|
*/
|
|
64
68
|
accordionPanelMaxHeight?: string;
|
|
65
69
|
/**
|
|
@@ -67,4 +71,7 @@ export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
|
|
|
67
71
|
*/
|
|
68
72
|
allowMultipleExpand?: boolean;
|
|
69
73
|
}
|
|
74
|
+
/**
|
|
75
|
+
* @deprecated Use Accordion component from @mui/material
|
|
76
|
+
*/
|
|
70
77
|
export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),
|
|
1
|
+
"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),i=require("@mui/material"),t=require("react");const a=t.forwardRef(((a,r)=>{var{items:o,onChange:c,disableAnimation:d,accordionContainerProps:s,accordionPanelMaxHeight:l,allowMultipleExpand:u}=a,p=e.__rest(a,["items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand"]);const[x,m]=t.useState(!1);t.useEffect((()=>{if(u){const e={};for(let n=0;n<o.length;n++){const i=o[n].id||`panel${n}`;e[i]=!!o[n].isDefaultExpanded}m((()=>e))}else{let e;const n=o.find(((n,i)=>{if(n.isDefaultExpanded)return e=i,n}));n&&m(n.id||`panel${e}`)}}),[u,JSON.stringify(o)]);const f=t.useCallback((e=>(n,i)=>{c&&c(e,i),m(u?n=>Object.assign(Object.assign({},n),{[e]:i}):!!i&&e)}),[u,c]);return n.jsx(i.Box,Object.assign({ref:r},s,{"data-testid":"Accordion",children:o.map(((e,t)=>{const a=(null==e?void 0:e.id)&&`${e.id}`||`panel${t}`,r=u?!!x[a]:x===a;return n.jsxs(i.Accordion,Object.assign({id:a,expanded:r,onChange:f(a),"data-testid":"Accordion.item"},p,{children:[n.jsx(i.AccordionSummary,{"aria-controls":`${a}d-content`,id:`${a}d-header`,"data-testid":"Accordion.summary",children:e.title}),n.jsx(i.AccordionDetails,{"data-testid":"Accordion.content",children:e.content})]}),a)}))}))}));exports.Accordion=a;
|
|
2
2
|
//# sourceMappingURL=accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sources":["../../../../../src/components/accordion/accordion.tsx"],"sourcesContent":[null],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","
|
|
1
|
+
{"version":3,"file":"accordion.js","sources":["../../../../../src/components/accordion/accordion.tsx"],"sourcesContent":[null],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","JSON","stringify","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","_jsx","Box","children","map","_jsxs","MuiAccordion","expanded","AccordionSummary","title","AccordionDetails","content"],"mappings":"iHA0Fa,MAAAA,EAAYC,EAAUA,YACjC,CACEC,EASAC,KATA,IAAAC,MACEA,EAAKC,SACLA,EAAQC,iBACRA,EAAgBC,wBAChBA,EAAuBC,wBACvBA,EAAuBC,oBACvBA,GAEDP,EADIQ,EAAKC,EAAAA,OAAAT,EAPV,mHAWA,MAAOU,EAAQC,GAAeC,EAAQA,UAA0B,GAEhEC,EAAAA,WAAU,KACR,GAAKN,EAaE,CACL,MAAMO,EAAc,CAAA,EACpB,IAAK,IAAIC,EAAQ,EAAGA,EAAQb,EAAMc,OAAQD,IAAS,CACjD,MAAME,EAASf,EAAMa,GAAOG,IAAM,QAAQH,IAE1CD,EAAYG,KAAYf,EAAMa,GAAOI,iBACtC,CAEDR,GAAY,IAAMG,GACnB,KAtByB,CACxB,IAAII,EACJ,MAAME,EAA2BlB,EAAMmB,MAAK,CAACC,EAAMP,KACjD,GAAIO,EAAKH,kBAEP,OADAD,EAAKH,EACEO,CAEO,IAGdF,GACFT,EAAYS,EAAyBF,IAAM,QAAQA,IAEtD,CASA,GACA,CAACX,EAAqBgB,KAAKC,UAAUtB,KAExC,MAAMuB,EAAeC,EAAAA,aAClBC,GAAkB,CAACC,EAAGC,KACrB1B,GAAYA,EAASwB,EAAOE,GAK1BlB,EAHGJ,EAGUuB,GACXC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYF,GAAM,CAAAH,CAACA,GAAQE,MAHjBA,GAAaF,EAK1B,GAEH,CAACpB,EAAqBJ,IAGxB,OACE8B,EAAAA,IAACC,EAAAA,IAAGH,OAAAC,OAAA,CAAC/B,IAAKA,GAASI,EAAuB,CAAA,cAAc,YACrD8B,SAAAjC,EAAMkC,KAAI,CAACd,EAAMP,KAChB,MAAMY,GAASL,aAAA,EAAAA,EAAMJ,KAAM,GAAGI,EAAKJ,MAAS,QAAQH,IAC9Cc,EAAatB,IAAwBG,EAAOiB,GAASjB,IAAWiB,EAEtE,OACEU,OAACC,EAAAA,UACCP,OAAAC,OAAA,CAAAd,GAAIS,EAEJY,SAAUV,EACV1B,SAAUsB,EAAaE,GACX,cAAA,kBACRnB,EAEJ,CAAA2B,SAAA,CAAAF,EAAAA,IAACO,EAAgBA,iBAAA,CAAA,gBACA,GAAGb,aAClBT,GAAI,GAAGS,YACK,cAAA,oBAEXQ,SAAAb,EAAKmB,QAERR,MAACS,mBAAgB,CAAA,cAAa,oBAAmBP,SAAEb,EAAKqB,aAbnDhB,EAeP,MAGN"}
|
|
@@ -1,21 +1,38 @@
|
|
|
1
|
+
import { IconProps } from '@/src';
|
|
2
|
+
import { BoxProps, TypographyProps } from '@mui/material';
|
|
1
3
|
import React, { ReactNode } from 'react';
|
|
2
|
-
export
|
|
4
|
+
export interface BannerProps extends BoxProps {
|
|
3
5
|
/**
|
|
4
6
|
* Defines which variant of Banner component should be rendered
|
|
5
7
|
* @default info
|
|
6
8
|
*/
|
|
7
|
-
variant?: '
|
|
9
|
+
variant?: 'info' | 'warning' | 'error';
|
|
10
|
+
/**
|
|
11
|
+
* Set the proportions
|
|
12
|
+
* @default large
|
|
13
|
+
*/
|
|
14
|
+
size?: 'large' | 'small';
|
|
15
|
+
/**
|
|
16
|
+
* Properties passed to indicator icon
|
|
17
|
+
*/
|
|
18
|
+
iconProps?: IconProps;
|
|
19
|
+
/**
|
|
20
|
+
* Properties passed to wrapper of children
|
|
21
|
+
*/
|
|
22
|
+
typographyProps?: TypographyProps;
|
|
23
|
+
/**
|
|
24
|
+
* Properties applied to wrapper of content (Icon and Typography)
|
|
25
|
+
*/
|
|
26
|
+
wrapperProps?: BoxProps;
|
|
8
27
|
/**
|
|
9
28
|
* ReactNode that renders buttons. If multiple buttons are needed, wrap them in React.Fragment
|
|
10
|
-
* @default undefined
|
|
11
29
|
*/
|
|
12
30
|
buttons?: ReactNode;
|
|
13
31
|
/**
|
|
14
|
-
*
|
|
15
|
-
* @requires
|
|
32
|
+
* Properties applied to wrapper element of buttons
|
|
16
33
|
*/
|
|
17
|
-
|
|
18
|
-
}
|
|
34
|
+
buttonsWrapperProps?: BoxProps;
|
|
35
|
+
}
|
|
19
36
|
/**
|
|
20
37
|
* Alert notification banner
|
|
21
38
|
*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime");require("../accordion/accordion.js"),require("../backdrop/backdrop.js"),require("../button/button.js");var
|
|
1
|
+
"use strict";var e=require("tslib"),r=require("react/jsx-runtime");require("../accordion/accordion.js"),require("../backdrop/backdrop.js"),require("../button/button.js");var i=require("@mui/material"),s=require("react");require("../cardContainer/cardContainer.js"),require("../cardMenu/cardMenu.js"),require("../checkbox/checkbox.js"),require("../chip/chipImage/chipImage.js"),require("../chip/regular/chip.js"),require("../chip/chipMultiselect/multiSelectChip.js"),require("../chip/chipDropdownChildren/chipDropdownChildren.js"),require("../controls/controls.js"),require("swiper/react"),require("swiper/modules"),require("../carousel/slide.js"),require("@mui/system"),require("country-flag-icons/react/3x2"),require("country-flag-icons/react/1x1"),require("@mui/material/Grid");var a=require("../icon/icon.js");require("../icon/icon.definitions.js"),require("../indicator/indicator.js"),require("../label/label.js"),require("../labelCO2/labelCO2.js"),require("../labelFeature/labelFeature.js"),require("../labelPromotional/labelPromotional.js"),require("../labelStatus/labelStatus.js"),require("../menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../mobileStepper/mobileStepperButton.js"),require("../modal/modal.js"),require("../modal/modalTitle.js"),require("../numbering/numbering.js"),require("../pagination/pagination.js"),require("../progressBar/progressBar.js"),require("../radioButton/radioButton.js"),require("../selectInput/selectInput.js"),require("@emotion/react"),require("@emotion/cache"),require("stylis"),require("stylis-plugin-rtl"),require("../skodaThemeProvider/plugins/stylisContainerPlugin.js"),require("../../materialui/theme/theme.js"),require("../../materialui/theme/theme.breakpoints.js"),require("@mui/material/styles"),require("../slider/slider.js"),require("../snackbar/snackbar.js"),require("../stepper/stepper.js"),require("../stepper/model.js"),require("../textArea/textArea.js"),require("../common/styled/textFieldStyled.js"),require("../helperTextContent/index.js"),require("../toggleSwitch/toggleSwitch.js"),require("../alert/AlertButton.js"),require("minimatch"),require("../../utils/enum.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/Footer/PredefinedFooterIconButtons.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../organisms/maps/utils/mapIcons.js"),require("../../organisms/maps/mapComponents/mapStyled.js"),require("../../organisms/shortcutLink/shortcutLink.js"),require("../../organisms/textCta/textCta.js"),require("../../organisms/tile/tile.js"),require("../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../organisms/notification/Notification.js"),require("../../organisms/notification/NotificationCenter.js"),require("../../organisms/gallery/Gallery.js"),require("../../organisms/gallery/GalleryItem.js"),require("../../production/Button/Button.js");exports.Banner=t=>{var{children:o,variant:n="info",size:u="large",sx:l,iconProps:c,typographyProps:m,wrapperProps:d,buttons:p,buttonsWrapperProps:q}=t,j=e.__rest(t,["children","variant","size","sx","iconProps","typographyProps","wrapperProps","buttons","buttonsWrapperProps"]);const g=c||{},{sx:x}=g,h=e.__rest(g,["sx"]),y=m||{},{sx:b}=y,C=e.__rest(y,["sx"]),f=d||{},{sx:w}=f,P=e.__rest(f,["sx"]),B=q||{},{sx:S}=B,H=e.__rest(B,["sx"]),I=i.useTheme(),[O,v,k]=s.useMemo((()=>{switch(n){case"error":return["error.main",i.lighten(I.palette.error.light,.9),"circle-exclamation"];case"warning":return["warning.main",i.lighten(I.palette.warning.light,.9),"circle-exclamation"];default:return[I.palette.info.main,i.lighten(I.palette.info.light,.9),"circle-info"]}}),[n,I]);return r.jsxs(i.Box,Object.assign({"data-testid":"Banner",sx:Object.assign({display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"flex-start",md:"center"},justifyContent:"space-between",px:2,py:"small"===u?1:{xs:2,md:1},gap:1,borderLeft:6,borderColor:O,backgroundColor:v},l)},j,{children:[r.jsxs(i.Box,Object.assign({"data-testid":"Banner.wrapper",sx:Object.assign({flexGrow:"1",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:1,py:.5},w)},P,{children:[r.jsx(a.Icon,Object.assign({name:k,iconStyle:"filled",sx:Object.assign({color:O},x)},h)),r.jsx(i.Typography,Object.assign({"data-testid":"Banner.text",sx:Object.assign({flexGrow:"1",my:"2px",fontWeight:{xs:"400"},fontSize:{xs:"14px"},lineHeight:{xs:"20px"}},b)},C,{children:o}))]})),p&&r.jsx(i.Box,Object.assign({"data-testid":"Banner.buttons",sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,flexShrink:"0",ml:{xs:4,md:0}},S)},H,{children:p}))]}))};
|
|
2
2
|
//# sourceMappingURL=banner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner.js","sources":["../../../../../src/components/banner/banner.tsx"],"sourcesContent":[null],"names":["children","variant","buttons","theme","useTheme","borderColor","backgroundColor","
|
|
1
|
+
{"version":3,"file":"banner.js","sources":["../../../../../src/components/banner/banner.tsx"],"sourcesContent":[null],"names":["_a","children","variant","size","sx","iconProps","typographyProps","wrapperProps","buttons","buttonsWrapperProps","rest","__rest","_b","iconSx","restIcon","_c","typographySx","restTypography","_d","wrapperSx","restWrapper","_e","buttonsWrapperSx","restButtonsWrapper","theme","useTheme","borderColor","backgroundColor","iconName","useMemo","lighten","palette","error","light","warning","info","main","_jsxs","Box","Object","assign","display","flexDirection","xs","md","alignItems","justifyContent","px","py","gap","borderLeft","jsxs","flexGrow","_jsx","jsx","Icon","name","iconStyle","color","Typography","my","fontWeight","fontSize","lineHeight","flexShrink","ml"],"mappings":"ouIAwC8CA,QAAAC,SAC5CA,EAAQC,QACRA,EAAU,OAAMC,KAChBA,EAAO,QAAOC,GACdA,EAAEC,UACFA,EAASC,gBACTA,EAAeC,aACfA,EAAYC,QACZA,EAAOC,oBACPA,GAAmBT,EAChBU,EAVyCC,EAAAA,OAAAX,EAAA,CAAA,WAAA,UAAA,OAAA,KAAA,YAAA,kBAAA,eAAA,UAAA,wBAY5C,MAAMY,EAA8BP,GAAa,IAAzCD,GAAIS,KAAWC,EAAjBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAA0CT,GAAmB,IAA3DF,GAAIY,KAAiBC,EAAvBN,EAAAA,OAAAI,EAAA,CAAA,OACAG,EAAoCX,GAAgB,IAAlDH,GAAIe,KAAcC,EAApBT,EAAAA,OAAAO,EAAA,CAAA,OACAG,EAAkDZ,GAAuB,IAAvEL,GAAIkB,KAAqBC,EAA3BZ,EAAAA,OAAAU,EAAA,CAAA,OACAG,EAAQC,EAAAA,YAEPC,EAAaC,EAAiBC,GAAYC,EAAOA,SAAC,KACvD,OAAQ3B,GACN,IAAK,QACH,MAAO,CAAC,aAAc4B,EAAOA,QAACN,EAAMO,QAAQC,MAAMC,MAAO,IAAM,sBACjE,IAAK,UACH,MAAO,CAAC,eAAgBH,EAAOA,QAACN,EAAMO,QAAQG,QAAQD,MAAO,IAAM,sBAErE,QACE,MAAO,CAACT,EAAMO,QAAQI,KAAKC,KAAMN,EAAOA,QAACN,EAAMO,QAAQI,KAAKF,MAAO,IAAM,eAC5E,GACA,CAAC/B,EAASsB,IAEb,OACEa,OAACC,EAAAA,IACaC,OAAAC,OAAA,CAAA,cAAA,SACZpC,GAAEmC,OAAAC,OAAA,CACAC,QAAS,OAETC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,eAAgB,gBAEhBC,GAAI,EACJC,GAAa,UAAT7C,EAAmB,EAAI,CAAEwC,GAAI,EAAGC,GAAI,GACxCK,IAAK,EAELC,WAAY,EACZxB,YAAaA,EACbC,gBAAiBA,GACdvB,IAEDM,EAEJ,CAAAT,SAAA,CAAAoC,EAAAc,KAACb,MACaC,OAAAC,OAAA,CAAA,cAAA,iBACZpC,GAAEmC,OAAAC,OAAA,CAEAY,SAAU,IACVX,QAAS,OACTI,WAAY,aACZC,eAAgB,aAChBG,IAAK,EACLD,GAAI,IACD7B,IAEDC,EAAW,CAAAnB,SAAA,CAEfoD,EAACC,IAAAC,sBACCC,KAAM5B,EACN6B,UAAU,SACVrD,GAAEmC,OAAAC,OAAA,CACAkB,MAAOhC,GACJb,IAEDC,IAENuC,EAAAC,IAACK,aAAUpB,OAAAC,OAAA,CAAA,cACG,cACZpC,GAAEmC,OAAAC,OAAA,CACAY,SAAU,IAEVQ,GAAI,MAEJC,WAAY,CAAElB,GAAI,OAClBmB,SAAU,CAAEnB,GAAI,QAChBoB,WAAY,CAAEpB,GAAI,SACf3B,IAEDC,EAAc,CAAAhB,SAEjBA,SAGJO,GACC6C,EAAAA,IAACf,EAAGA,IACUC,OAAAC,OAAA,CAAA,cAAA,iBACZpC,GACEmC,OAAAC,OAAA,CAAAC,QAAS,OACTI,WAAY,SACZC,eAAgB,gBAChBG,IAAK,EAELe,WAAY,IAEZC,GAAI,CAAEtB,GAAI,EAAGC,GAAI,IACdtB,IAEDC,EAEH,CAAAtB,SAAAO,QAIP"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),o=require("react"),r=require("@mui/material"),s=require("../icon/icon.js");require("../icon/icon.definitions.js");exports.BottomSheet=i=>{var{children:n,open:a,setOpen:p,puller:l,closeButton:c,footerSlot:d,title:x,titleProps:h={},headerWrapper:u,contentWrapper:b,footerWrapper:j,maxHeight:
|
|
1
|
+
"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),o=require("react"),r=require("@mui/material"),s=require("../icon/icon.js");require("../icon/icon.definitions.js");exports.BottomSheet=i=>{var{children:n,open:a,setOpen:p,puller:l,closeButton:c,footerSlot:d,title:x,titleProps:h={},headerWrapper:u,contentWrapper:b,footerWrapper:j,maxHeight:m=60}=i,g=e.__rest(i,["children","open","setOpen","puller","closeButton","footerSlot","title","titleProps","headerWrapper","contentWrapper","footerWrapper","maxHeight"]);const f=u||{},{sx:B}=f,S=e.__rest(f,["sx"]),O=b||{},{sx:w}=O,v=e.__rest(O,["sx"]),_=j||{},{sx:y}=_,C=e.__rest(_,["sx"]),[q,T]=o.useState(!1),W=()=>p(!a),H=r.useTheme(),P=o.useCallback((e=>{const t=new ResizeObserver((()=>{T(e.offsetHeight<e.scrollHeight)}));null!==e?t.observe(e):t.disconnect()}),[]);return t.jsxs(r.SwipeableDrawer,Object.assign({dir:H.direction,anchor:"bottom",PaperProps:{sx:{borderTopLeftRadius:"16px",borderTopRightRadius:"16px",maxHeight:`${m}%`}},open:a,onClose:W,onOpen:W,disableSwipeToOpen:!0,ModalProps:{keepMounted:!0},"data-testid":"BottomSheet"},g,{children:[(x||c||l)&&t.jsxs(r.Box,Object.assign({sx:Object.assign({px:2},B),"data-testid":"BottomSheet-header"},S,{children:[l&&t.jsx(r.Box,{sx:{position:"relative",display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},children:t.jsx(r.Box,{"data-testid":"BottomSheet-puller",sx:{width:"28px",height:"4px",backgroundColor:"onSurface.os200",mt:1.5,mb:2.25,borderRadius:8}})}),(x||c&&!l)&&t.jsxs(r.Box,{sx:{display:"flex",justifyContent:x?"space-between":"flex-end",gap:1,pb:2,pt:l?0:2},children:[x&&t.jsx(r.Typography,Object.assign({"data-testid":"BottomSheet-title",variant:"h4"},h,{children:x})),c&&!l&&t.jsx(r.IconButton,{"data-testid":"BottomSheet-closeButton",variant:"standard",size:"small",onClick:W,children:t.jsx(s.Icon,{name:"close",color:"action"})})]})]})),t.jsx(r.Box,Object.assign({"data-testid":"BottomSheet-content",ref:P,sx:Object.assign({overflow:"auto",borderTop:q?1:0,borderColor:"surface.secondary",p:2},w)},v,{children:n})),d&&t.jsx(r.Box,Object.assign({"data-testid":"BottomSheet-footer",sx:Object.assign({px:2,pt:3,pb:4,boxShadow:d?"0px 0px 8px rgba(0, 0, 0, 0.15)":"none"},y)},C,{children:d}))]}))};
|
|
2
2
|
//# sourceMappingURL=bottomSheet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bottomSheet.js","sources":["../../../../../src/components/bottomSheet/bottomSheet.tsx"],"sourcesContent":[null],"names":["_a","children","open","setOpen","puller","closeButton","footerSlot","title","titleProps","headerWrapper","contentWrapper","footerWrapper","maxHeight","rest","__rest","_b","sx","headerSx","restHeader","_c","contentSx","restContent","_d","footerSx","restFooter","contentOverflow","setContentOverflow","useState","onToggle","contentRef","useCallback","element","resizeObserver","ResizeObserver","offsetHeight","scrollHeight","observe","disconnect","_jsxs","SwipeableDrawer","Object","assign","anchor","PaperProps","borderTopLeftRadius","borderTopRightRadius","onClose","onOpen","disableSwipeToOpen","ModalProps","keepMounted","Box","px","_jsx","position","display","flexDirection","justifyContent","alignItems","width","height","backgroundColor","mt","mb","borderRadius","gap","pb","pt","Typography","variant","IconButton","size","onClick","Icon","name","color","
|
|
1
|
+
{"version":3,"file":"bottomSheet.js","sources":["../../../../../src/components/bottomSheet/bottomSheet.tsx"],"sourcesContent":[null],"names":["_a","children","open","setOpen","puller","closeButton","footerSlot","title","titleProps","headerWrapper","contentWrapper","footerWrapper","maxHeight","rest","__rest","_b","sx","headerSx","restHeader","_c","contentSx","restContent","_d","footerSx","restFooter","contentOverflow","setContentOverflow","useState","onToggle","theme","useTheme","contentRef","useCallback","element","resizeObserver","ResizeObserver","offsetHeight","scrollHeight","observe","disconnect","_jsxs","SwipeableDrawer","Object","assign","dir","direction","anchor","PaperProps","borderTopLeftRadius","borderTopRightRadius","onClose","onOpen","disableSwipeToOpen","ModalProps","keepMounted","Box","px","_jsx","position","display","flexDirection","justifyContent","alignItems","width","height","backgroundColor","mt","mb","borderRadius","gap","pb","pt","Typography","variant","jsx","IconButton","size","onClick","Icon","name","color","ref","overflow","borderTop","borderColor","p","boxShadow"],"mappings":"yMA6DwDA,IAAA,IAAAC,SACtDA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,YACNA,EAAWC,WACXA,EAAUC,MACVA,EAAKC,WACLA,EAAa,CAAA,EAAEC,cACfA,EAAaC,eACbA,EAAcC,cACdA,EAAaC,UACbA,EAAY,IAEbZ,EADIa,EAAIC,EAAAA,OAAAd,EAb+C,qJAetD,MAAMe,EAAkCN,GAAiB,IAAjDO,GAAIC,KAAaC,EAAnBJ,EAAAA,OAAAC,EAAA,CAAA,OACAI,EAAoCT,GAAkB,IAApDM,GAAII,KAAcC,EAApBP,EAAAA,OAAAK,EAAA,CAAA,OACAG,EAAkCX,GAAiB,IAAjDK,GAAIO,KAAaC,EAAnBV,EAAAA,OAAAQ,EAAA,CAAA,QACCG,EAAiBC,GAAsBC,EAAQA,UAAU,GAC1DC,EAAW,IAAMzB,GAASD,GAC1B2B,EAAQC,EAAAA,WAGRC,EAAaC,eAAaC,IAC9B,MAAMC,EAAiB,IAAIC,gBAAe,KACxCT,EAAmBO,EAAQG,aAAeH,EAAQI,aAAa,IAGjD,OAAZJ,EACFC,EAAeI,QAAQL,GAEvBC,EAAeK,YAChB,GACA,IAEH,OACEC,OAACC,EAAAA,gBAAeC,OAAAC,OAAA,CACdC,IAAKf,EAAMgB,UACXC,OAAO,SACPC,WAAY,CACV/B,GAAI,CACFgC,oBAAqB,OACrBC,qBAAsB,OACtBrC,UAAW,GAAGA,OAGlBV,KAAMA,EACNgD,QAAStB,EACTuB,OAAQvB,EACRwB,oBAAkB,EAClBC,WAAY,CACVC,aAAa,GACd,cACW,eACRzC,EAAI,CAAAZ,SAAA,EAENM,GAASF,GAAeD,IACxBoC,EAAAA,KAACe,EAAAA,IAAIb,OAAAC,OAAA,CAAA3B,GAAM0B,OAAAC,OAAA,CAAAa,GAAI,GAAMvC,GAAQ,cAAgB,sBAAyBC,EACnE,CAAAjB,SAAA,CAAAG,GACCqD,EAAAA,IAACF,EAAAA,IAAG,CACFvC,GAAI,CACF0C,SAAU,WACVC,QAAS,OACTC,cAAe,MACfC,eAAgB,SAChBC,WAAY,UACb7D,SAEDwD,EAAAA,IAACF,EAAAA,IAAG,CAAA,cACU,qBACZvC,GAAI,CACF+C,MAAO,OACPC,OAAQ,MACRC,gBAAiB,kBACjBC,GAAI,IACJC,GAAI,KACJC,aAAc,QAKpB7D,GAAUF,IAAgBD,IAC1BoC,EAAAA,KAACe,EAAGA,IAAA,CACFvC,GAAI,CACF2C,QAAS,OACTE,eAAgBtD,EAAQ,gBAAkB,WAC1C8D,IAAK,EACLC,GAAI,EACJC,GAAInE,EAAS,EAAI,GAClBH,SAAA,CAEAM,GACCkD,EAAAA,IAACe,EAAAA,WAAuB9B,OAAAC,OAAA,CAAA,cAAA,oBAAoB8B,QAAQ,MAASjE,YAC1DD,KAGJF,IAAgBD,GACfqD,EAAAiB,IAACC,EAAUA,WAAA,CAAA,cAAa,0BAA0BF,QAAQ,WAAWG,KAAK,QAAQC,QAASjD,EAAQ3B,SACjGwD,EAAAA,IAACqB,EAAIA,KAAA,CAACC,KAAK,QAAQC,MAAM,oBAOrCvB,EAAAA,IAACF,EAAGA,IAAAb,OAAAC,OAAA,CAAA,cACU,sBACZsC,IAAKlD,EACLf,kBACEkE,SAAU,OACVC,UAAW1D,EAAkB,EAAI,EACjC2D,YAAa,oBACbC,EAAG,GACAjE,IAEDC,EAEH,CAAApB,SAAAA,KAEFK,GACCmD,MAACF,EAAAA,iCACa,qBACZvC,GAAE0B,OAAAC,OAAA,CAAIa,GAAI,EAAGe,GAAI,EAAGD,GAAI,EAAGgB,UAAWhF,EAAa,kCAAoC,QAAWiB,IAC9FC,YAEHlB,QAIP"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),a=require("@mui/material/Button");require("../accordion/accordion.js"),require("../backdrop/backdrop.js"),require("@mui/material"),require("../cardContainer/cardContainer.js"),require("../cardMenu/cardMenu.js"),require("../checkbox/checkbox.js"),require("../chip/chipImage/chipImage.js"),require("../chip/regular/chip.js"),require("../chip/chipMultiselect/multiSelectChip.js"),require("../chip/chipDropdownChildren/chipDropdownChildren.js"),require("../controls/controls.js"),require("swiper/react"),require("swiper/modules"),require("../carousel/slide.js"),require("@mui/system"),require("
|
|
1
|
+
"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),a=require("@mui/material/Button");require("../accordion/accordion.js"),require("../backdrop/backdrop.js"),require("@mui/material"),require("../cardContainer/cardContainer.js"),require("../cardMenu/cardMenu.js"),require("../checkbox/checkbox.js"),require("../chip/chipImage/chipImage.js"),require("../chip/regular/chip.js"),require("../chip/chipMultiselect/multiSelectChip.js"),require("../chip/chipDropdownChildren/chipDropdownChildren.js"),require("../controls/controls.js"),require("swiper/react"),require("swiper/modules"),require("../carousel/slide.js"),require("@mui/system"),require("country-flag-icons/react/3x2"),require("country-flag-icons/react/1x1"),require("@mui/material/Grid");var t=require("../icon/icon.js");require("../icon/icon.definitions.js"),require("../indicator/indicator.js"),require("../label/label.js"),require("../labelCO2/labelCO2.js"),require("../labelFeature/labelFeature.js"),require("../labelPromotional/labelPromotional.js"),require("../labelStatus/labelStatus.js"),require("../menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../mobileStepper/mobileStepperButton.js"),require("../modal/modal.js"),require("../modal/modalTitle.js"),require("../numbering/numbering.js"),require("../pagination/pagination.js"),require("../progressBar/progressBar.js"),require("../radioButton/radioButton.js"),require("../selectInput/selectInput.js"),require("@emotion/react"),require("@emotion/cache"),require("stylis"),require("stylis-plugin-rtl"),require("../skodaThemeProvider/plugins/stylisContainerPlugin.js"),require("../../materialui/theme/theme.js"),require("../../materialui/theme/theme.breakpoints.js"),require("@mui/material/styles"),require("../slider/slider.js"),require("../snackbar/snackbar.js"),require("../stepper/stepper.js"),require("../stepper/model.js"),require("../textArea/textArea.js"),require("../common/styled/textFieldStyled.js"),require("../helperTextContent/index.js"),require("../toggleSwitch/toggleSwitch.js"),require("../alert/AlertButton.js"),require("minimatch");var o=require("../../utils/enum.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/Footer/PredefinedFooterIconButtons.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../organisms/maps/utils/mapIcons.js"),require("../../organisms/maps/mapComponents/mapStyled.js"),require("../../organisms/shortcutLink/shortcutLink.js"),require("../../organisms/textCta/textCta.js"),require("../../organisms/tile/tile.js"),require("../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../organisms/notification/Notification.js"),require("../../organisms/notification/NotificationCenter.js"),require("../../organisms/gallery/Gallery.js"),require("../../organisms/gallery/GalleryItem.js"),require("../../production/Button/Button.js");var n,u=s(a);exports.ButtonVariants=void 0,(n=exports.ButtonVariants||(exports.ButtonVariants={})).PRIMARY="primary",n.SECONDARY="secondary",n.GHOST="ghost",n.TERTIARY="tertiary",n.NAVIGATION="navigation",exports.Button=function(a){var{children:s,label:n,colourScheme:l,icon:c,compact:m,direction:d,variant:q,color:j,startIcon:p,endIcon:g,sx:y,size:h}=a,x=e.__rest(a,["children","label","colourScheme","icon","compact","direction","variant","color","startIcon","endIcon","sx","size"]);const[I,b]=i.useMemo((()=>Object.values(exports.ButtonVariants).includes(q)?[{[exports.ButtonVariants.PRIMARY]:"contained",[exports.ButtonVariants.SECONDARY]:"contained",[exports.ButtonVariants.GHOST]:"outlined",[exports.ButtonVariants.TERTIARY]:"text",[exports.ButtonVariants.NAVIGATION]:"navigation"}[q],j||{[exports.ButtonVariants.PRIMARY]:"primary",[exports.ButtonVariants.SECONDARY]:"secondary",[exports.ButtonVariants.GHOST]:"secondary",[exports.ButtonVariants.TERTIARY]:"secondary",[exports.ButtonVariants.NAVIGATION]:"secondary"}[q]]:[q,j]),[q,j]),C=i.useMemo((()=>Object.assign(Object.assign({},l===o.ColourSheme.LIGHT_MODE?{color:"common.white"}:{}),y)),[l,y]),B=i.useMemo((()=>c?r.jsx(t.Icon,{name:c}):I===exports.ButtonVariants.NAVIGATION?"forward"===d?r.jsx(t.Icon,{name:"arrow-right"}):r.jsx(t.Icon,{name:"arrow-left"}):null),[c,I,d]),S=i.useMemo((()=>h||m?"small":"medium"),[h,m]);return r.jsx(u.default,Object.assign({variant:I,color:b,sx:C,size:S,startIcon:p||"forward"!==d&&B,endIcon:g||"forward"===d&&B},x,{children:n||s}))};
|
|
2
2
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":["../../../../../src/components/button/button.tsx"],"sourcesContent":[null],"names":["ButtonVariants","_a","children","label","colourScheme","icon","compact","direction","variant","rawVariant","color","rawColor","startIcon","rawStartIcon","endIcon","rawEndIcon","sx","rawSx","size","rawSize","rest","__rest","useMemo","Object","values","includes","PRIMARY","SECONDARY","GHOST","TERTIARY","NAVIGATION","assign","ColourSheme","LIGHT_MODE","iconEl","_jsx","Icon","name","MuiButton"],"mappings":"+
|
|
1
|
+
{"version":3,"file":"button.js","sources":["../../../../../src/components/button/button.tsx"],"sourcesContent":[null],"names":["ButtonVariants","_a","children","label","colourScheme","icon","compact","direction","variant","rawVariant","color","rawColor","startIcon","rawStartIcon","endIcon","rawEndIcon","sx","rawSx","size","rawSize","rest","__rest","useMemo","Object","values","includes","PRIMARY","SECONDARY","GHOST","TERTIARY","NAVIGATION","assign","ColourSheme","LIGHT_MODE","iconEl","_jsx","Icon","name","MuiButton"],"mappings":"+wIAkCYA,SAAAA,QAMXA,oBAAA,GANWA,EAAAA,yBAAAA,QAAAA,eAMX,CAAA,IALC,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,WAAA,4BAMI,SAAiBC,GAAA,IAAAC,SACrBA,EAAQC,MACRA,EAAKC,aACLA,EACAC,KAAAA,EAAIC,QACJA,EAAOC,UACPA,EACAC,QAASC,EACTC,MAAOC,EACPC,UAAWC,EACXC,QAASC,EACTC,GAAIC,EACJC,KAAMC,GAAOlB,EACVmB,EAAIC,EAAAA,OAAApB,EAbc,sHAgBrB,MAAOO,EAASE,GAASY,EAAOA,SAAuD,IACjFC,OAAOC,OAAOxB,QAAAA,gBAAgByB,SAAShB,GAClC,CAEL,CACE,CAACT,QAAAA,eAAe0B,SAAU,YAC1B,CAAC1B,QAAAA,eAAe2B,WAAY,YAC5B,CAAC3B,QAAAA,eAAe4B,OAAQ,WACxB,CAAC5B,QAAAA,eAAe6B,UAAW,OAC3B,CAAC7B,QAAAA,eAAe8B,YAAa,cAC7BrB,GAEFE,GACE,CACE,CAACX,QAAAA,eAAe0B,SAAU,UAC1B,CAAC1B,QAAAA,eAAe2B,WAAY,YAC5B,CAAC3B,QAAAA,eAAe4B,OAAQ,YACxB,CAAC5B,QAAAA,eAAe6B,UAAW,YAC3B,CAAC7B,QAAAA,eAAe8B,YAAa,aAC7BrB,IAGC,CAACA,EAAYE,IAErB,CAACF,EAAYE,IAEVK,EAAKM,EAAAA,SAAQ,IAEZC,OAAAQ,OAAAR,OAAAQ,OAAA,CAAA,EAAC3B,IAAiB4B,EAAAA,YAAYC,WAAa,CAAEvB,MAAO,gBAAmB,CAAA,GACvEO,IAEJ,CAACb,EAAca,IAEZiB,EAASZ,EAAAA,SAAQ,IACjBjB,EACK8B,MAACC,EAAIA,KAAA,CAACC,KAAMhC,IACVG,IAAYR,QAAcA,eAAC8B,WAClB,YAAdvB,EACK4B,MAACC,EAAIA,KAAA,CAACC,KAAK,gBAEXF,MAACC,EAAIA,KAAA,CAACC,KAAK,eAGb,MAER,CAAChC,EAAMG,EAASD,IAEbW,EAAOI,EAAAA,SAAQ,IACZH,GAAWb,EAAU,QAAU,UACrC,CAACa,EAASb,IAEb,OACE6B,EAAAA,IAACG,EAAAA,QAASf,OAAAQ,OAAA,CACRvB,QAASA,EACTE,MAAOA,EACPM,GAAIA,EACJE,KAAMA,EACNN,UAAWC,GAA+B,YAAdN,GAA2B2B,EACvDpB,QAASC,GAA6B,YAAdR,GAA2B2B,GAC/Cd,EAAI,CAAAlB,SAEPC,GAASD,IAGhB"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const MenuListStyled: import("@emotion/styled").StyledComponent<import("@mui/material/MenuList").MenuListOwnProps & import("@mui/material").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
|
|
3
3
|
ref?: import("react").Ref<HTMLUListElement>;
|
|
4
|
-
},
|
|
4
|
+
}, "autoFocus" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "dense" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "disablePadding" | "subheader"> & {
|
|
5
5
|
theme?: import("@emotion/react").Theme;
|
|
6
6
|
} & {
|
|
7
7
|
theme?: any;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { IconButtonProps, CircularProgressProps, BoxProps } from '@mui/material';
|
|
2
|
+
import { IconProps } from '@/src';
|
|
3
|
+
import { Swiper as CarouselInstance } from 'swiper';
|
|
4
|
+
export interface CarouselAutoplayProgressProps extends Omit<BoxProps, 'children' | 'position'> {
|
|
5
|
+
/**
|
|
6
|
+
* Optional Carousel instance from useCarouselInstance hook
|
|
7
|
+
*/
|
|
8
|
+
carousel?: CarouselInstance;
|
|
9
|
+
/**
|
|
10
|
+
* Foreground Circular Progress (main) props
|
|
11
|
+
*/
|
|
12
|
+
foregroundCircleProps?: CircularProgressProps;
|
|
13
|
+
/**
|
|
14
|
+
* Background Circular Progress props
|
|
15
|
+
*/
|
|
16
|
+
backgroundCircleProps?: CircularProgressProps;
|
|
17
|
+
/**
|
|
18
|
+
* Append style to wrapper box to change position of component
|
|
19
|
+
*/
|
|
20
|
+
position?: 'outside' | 'inside';
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Spinner with autoplay progress value
|
|
24
|
+
*/
|
|
25
|
+
export declare const CarouselAutoplayProgress: ({ carousel: carouselProp, sx: rawSx, foregroundCircleProps, backgroundCircleProps, position, ...rest }: CarouselAutoplayProgressProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export interface CarouselAutoplayIconButtonProps extends IconButtonProps {
|
|
27
|
+
/**
|
|
28
|
+
* Optional Carousel instance from useCarouselInstance hook
|
|
29
|
+
*/
|
|
30
|
+
carousel?: CarouselInstance;
|
|
31
|
+
/**
|
|
32
|
+
* Properties passed to the Icon component
|
|
33
|
+
*/
|
|
34
|
+
iconProps?: IconProps;
|
|
35
|
+
/**
|
|
36
|
+
* Icon displayed when the carousel is paused
|
|
37
|
+
* @default play
|
|
38
|
+
*/
|
|
39
|
+
pausedIcon?: IconProps['name'];
|
|
40
|
+
/**
|
|
41
|
+
* Icon displayed when the carousel is running
|
|
42
|
+
* @default pause
|
|
43
|
+
*/
|
|
44
|
+
playingIcon?: IconProps['name'];
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* IconButton controlling play/paused state of the autoplay
|
|
48
|
+
*/
|
|
49
|
+
export declare function CarouselAutoplayIconButton({ carousel: carouselProp, children, iconProps, pausedIcon, playingIcon, ...rest }: CarouselAutoplayIconButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@mui/material");require("../accordion/accordion.js"),require("../backdrop/backdrop.js"),require("../button/button.js");var s=require("react");require("../cardContainer/cardContainer.js"),require("../cardMenu/cardMenu.js"),require("../checkbox/checkbox.js"),require("../chip/chipImage/chipImage.js"),require("../chip/regular/chip.js"),require("../chip/chipMultiselect/multiSelectChip.js"),require("../chip/chipDropdownChildren/chipDropdownChildren.js"),require("../controls/controls.js");var a=require("swiper/react");require("swiper/modules"),require("./slide.js");var o=require("./hooks.js");require("@mui/system"),require("country-flag-icons/react/3x2"),require("country-flag-icons/react/1x1"),require("@mui/material/Grid");var t=require("../icon/icon.js");require("../icon/icon.definitions.js"),require("../indicator/indicator.js"),require("../label/label.js"),require("../labelCO2/labelCO2.js"),require("../labelFeature/labelFeature.js"),require("../labelPromotional/labelPromotional.js"),require("../labelStatus/labelStatus.js"),require("../menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../mobileStepper/mobileStepperButton.js"),require("../modal/modal.js"),require("../modal/modalTitle.js"),require("../numbering/numbering.js"),require("../pagination/pagination.js"),require("../progressBar/progressBar.js"),require("../radioButton/radioButton.js"),require("../selectInput/selectInput.js"),require("@emotion/react"),require("@emotion/cache"),require("stylis"),require("stylis-plugin-rtl"),require("../skodaThemeProvider/plugins/stylisContainerPlugin.js"),require("../../materialui/theme/theme.js"),require("../../materialui/theme/theme.breakpoints.js"),require("@mui/material/styles"),require("../slider/slider.js"),require("../snackbar/snackbar.js"),require("../stepper/stepper.js"),require("../stepper/model.js"),require("../textArea/textArea.js"),require("../common/styled/textFieldStyled.js"),require("../helperTextContent/index.js"),require("../toggleSwitch/toggleSwitch.js"),require("../alert/AlertButton.js"),require("minimatch"),require("../../utils/enum.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/Footer/PredefinedFooterIconButtons.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../organisms/maps/utils/mapIcons.js"),require("../../organisms/maps/mapComponents/mapStyled.js"),require("../../organisms/shortcutLink/shortcutLink.js"),require("../../organisms/textCta/textCta.js"),require("../../organisms/tile/tile.js"),require("../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../organisms/notification/Notification.js"),require("../../organisms/notification/NotificationCenter.js"),require("../../organisms/gallery/Gallery.js"),require("../../organisms/gallery/GalleryItem.js"),require("../../production/Button/Button.js");exports.CarouselAutoplayIconButton=function(s){var a,{carousel:u,children:n,iconProps:l,pausedIcon:c="play",playingIcon:d="pause"}=s,m=e.__rest(s,["carousel","children","iconProps","pausedIcon","playingIcon"]);const q=o.useCarousel(),p=u||q;return r.jsx(i.IconButton,Object.assign({onClick:()=>{var e,r;return null===(e=null==p?void 0:p.autoplay)||void 0===e?void 0:e[(null===(r=null==p?void 0:p.autoplay)||void 0===r?void 0:r.running)?"stop":"start"]()}},m,{children:n||r.jsx(t.Icon,Object.assign({name:(null===(a=null==p?void 0:p.autoplay)||void 0===a?void 0:a.running)?d:c},l))}))},exports.CarouselAutoplayProgress=o=>{var{carousel:t,sx:u,foregroundCircleProps:n,backgroundCircleProps:l,position:c="outside"}=o,d=e.__rest(o,["carousel","sx","foregroundCircleProps","backgroundCircleProps","position"]);const[m,q]=s.useState(0),p=a.useSwiper(),j=t||p,g=n||{},{sx:y}=g,h=e.__rest(g,["sx"]),b=l||{},{sx:C}=b,x=e.__rest(b,["sx"]),v=s.useMemo((()=>"inside"===c?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0",m:2},u):u),[c,JSON.stringify(u)]);return s.useEffect((()=>{j&&j.autoplay&&j.on("autoplayTimeLeft",((e,r,i)=>{q(e.autoplay.paused?0:Math.round(100-100*i))}))}),[!!j]),r.jsxs(i.Box,Object.assign({sx:Object.assign({position:"relative",display:"flex",m:2},v),"data-testid":"CarouselAutoplayProgress"},d,{children:[r.jsx(i.CircularProgress,Object.assign({variant:"determinate","data-testid":"CarouselAutoplayProgress.Foreground",value:m,sx:Object.assign({position:"relative",zIndex:"10",".MuiCircularProgress-circle":{transition:"none"}},y)},h)),r.jsx(i.CircularProgress,Object.assign({variant:"determinate","data-testid":"CarouselAutoplayProgress.Background",value:100,sx:Object.assign({position:"absolute",color:"surface.main"},C)},x))]}))};
|
|
2
|
+
//# sourceMappingURL=autoplay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autoplay.js","sources":["../../../../../src/components/carousel/autoplay.tsx"],"sourcesContent":[null],"names":["_a","carousel","carouselProp","children","iconProps","pausedIcon","playingIcon","rest","__rest","carouselHook","useCarousel","_jsx","jsx","IconButton","Object","assign","onClick","_b","autoplay","running","Icon","name","sx","rawSx","foregroundCircleProps","backgroundCircleProps","position","value","setValue","useState","useSwiper","foregroundCircleSx","restForegroundCircle","_c","backgroundCircleSx","restBackgroundCircle","useMemo","zIndex","bottom","left","right","m","JSON","stringify","useEffect","on","instance","_timeLeft","percentage","paused","Math","round","_jsxs","Box","display","CircularProgress","variant","transition","color"],"mappings":"gxIAiIM,SAAqCA,UACzCC,SAAUC,EAAYC,SACtBA,EAAQC,UACRA,EAASC,WACTA,EAAa,OAAMC,YACnBA,EAAc,SAAON,EAClBO,EAAIC,EAAAA,OAAAR,EANkC,gEAQzC,MAAMS,EAAeC,EAAAA,cACfT,EAAWC,GAAgBO,EAEjC,OACEE,EAAAC,IAACC,EAAUA,WAAAC,OAAAC,OAAA,CAACC,QAAS,KAAK,IAAAhB,EAAAiB,EAAC,OAAkB,QAAlBjB,EAAAC,eAAAA,EAAUiB,gBAAQ,IAAAlB,OAAA,EAAAA,GAAqB,QAAlBiB,EAAAhB,eAAAA,EAAUiB,gBAAQ,IAAAD,OAAA,EAAAA,EAAEE,SAAU,OAAS,UAAU,GAAMZ,EAAI,CAAAJ,SACxGA,GAAYQ,EAAAC,IAACQ,EAAIA,KAAAN,OAAAC,OAAA,CAACM,MAA0B,QAApBJ,EAAAhB,aAAQ,EAARA,EAAUiB,gBAAU,IAAAD,OAAA,EAAAA,EAAAE,SAAUb,EAAcD,GAAgBD,MAG3F,mCA5GyCJ,QACvCC,SAAUC,EACVoB,GAAIC,EAAKC,sBACTA,EAAqBC,sBACrBA,EAAqBC,SACrBA,EAAW,WAAS1B,EACjBO,EAAIC,EAAAA,OAAAR,EANgC,8EAQvC,MAAO2B,EAAOC,GAAYC,EAAQA,SAAS,GACrCpB,EAAeqB,EAAAA,YACf7B,EAAWC,GAAgBO,EAC3BQ,EAAsDO,GAAyB,IAA7EF,GAAIS,KAAuBC,EAA7BxB,EAAAA,OAAAS,EAAA,CAAA,OACAgB,EAAsDR,GAAyB,IAA7EH,GAAIY,KAAuBC,EAA7B3B,EAAAA,OAAAyB,EAAA,CAAA,OAGAX,EAAKc,EAAAA,SAAoC,IAC5B,WAAbV,EAEAZ,OAAAC,OAAA,CAAAW,SAAU,WACVW,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPC,EAAG,GACAlB,GAGEA,GAER,CAACG,EAAUgB,KAAKC,UAAUpB,KAW7B,OATAqB,EAAAA,WAAU,KAEJ3C,GAAYA,EAASiB,UACvBjB,EAAS4C,GAAG,oBAAoB,CAACC,EAAUC,EAAWC,KACpDpB,EAASkB,EAAS5B,SAAS+B,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,GAAkB,GAE9E,GACA,GAAG/C,IAGJmD,EAAAA,KAACC,EAAAA,IAAIvC,OAAAC,OAAA,CAAAO,kBAAMI,SAAU,WAAY4B,QAAS,OAAQb,EAAG,GAAMnB,GAAE,cAAgB,4BAA+Bf,EAC1G,CAAAJ,SAAA,CAAAQ,EAAAC,IAAC2C,EAAgBA,iBACfzC,OAAAC,OAAA,CAAAyC,QAAQ,4BACI,sCACZ7B,MAAOA,EACPL,GAAER,OAAAC,OAAA,CAEAW,SAAU,WACVW,OAAQ,KACR,8BAA+B,CAC7BoB,WAAY,SAEX1B,IAEDC,IAENrB,EAAAA,IAAC4C,EAAAA,iBACCzC,OAAAC,OAAA,CAAAyC,QAAQ,cAAa,cACT,sCACZ7B,MAAO,IACPL,GAAMR,OAAAC,OAAA,CAAAW,SAAU,WAAYgC,MAAO,gBAAmBxB,IAClDC,OAGR"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),r=require("@mui/material"),t=require("swiper/react"),a=require("swiper/modules");exports.Carousel=function(n){var{children:s,sx:p,onInit:o,effect:l,autoplay:c,parallax:d,peekDistance:w=100,peekSpeed:u=150}=n,f=e.__rest(n,["children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed"]);return i.jsx(r.Box,Object.assign({component:t.Swiper,spaceBetween:0,autoHeight:!0,loop:!0,keyboard:{enabled:!0},modules:[a.Keyboard,..."fade"===l?[a.EffectFade]:[],...c?[a.Autoplay]:[],...d?[a.Parallax]:[]],parallax:d,effect:l,autoplay:c},f,{onSwiper:o,"data-
|
|
1
|
+
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),r=require("@mui/material"),t=require("swiper/react"),a=require("swiper/modules");exports.Carousel=function(n){var{children:s,sx:p,onInit:o,effect:l,autoplay:c,parallax:d,peekDistance:w=100,peekSpeed:u=150}=n,f=e.__rest(n,["children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed"]);return i.jsx(r.Box,Object.assign({component:t.Swiper,spaceBetween:0,autoHeight:!0,loop:!0,keyboard:{enabled:!0},modules:[a.Keyboard,..."fade"===l?[a.EffectFade]:[],...c?[a.Autoplay]:[],...d?[a.Parallax]:[]],parallax:d,effect:l,autoplay:c},f,{onSwiper:o,"data-peekspeed":u,sx:Object.assign({display:"block",ml:"auto",mr:"auto",p:"0",maxWidth:"100%",position:"relative",zIndex:"50",overflow:"hidden",listStyle:"none","&.swiper-horizontal":{touchAction:"pan-y"},"&.swiper-vertical":{touchAction:"pan-x","& > .swiper-wrapper":{flexDirection:"column"}},"&.swiper-autoheight":{height:"auto","& > .swiper-wrapper":{alignItems:"flex-start",transitionProperty:"transform, height"}},"& .swiper-wrapper":{position:"relative",width:"100%",height:"100%",zIndex:"50",display:"flex",transitionProperty:"transform",transitionTimingFunction:"var(--swiper-wrapper-transition-timing-function, initial)",boxSizing:"content-box",transform:"translate3d(0px, 0, 0)"},"&.peeking .swiper-wrapper > .swiper-slide":{transitionProperty:"transform",transitionDuration:`${u}ms`,transitionTimingFunction:"var(--swiper-wrapper-transition-timing-function, initial)"},"&.peek-next .swiper-wrapper > .swiper-slide":{transform:`translate3D(-${w}px, 0, 0)`},"&.peek-prev .swiper-wrapper > .swiper-slide":{transform:`translate3D(${w}px, 0, 0)`},".swiper-slide-invisible-blank":{visibility:"hidden"},".swiper-backface-hidden .swiper-slide":{transform:"translateZ(0)",WebkitBackfaceVisibility:"hidden",backfaceVisibility:"hidden"}},p),children:s}))};
|
|
2
2
|
//# sourceMappingURL=carousel.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("swiper/react");function l(t,l){const[,s]=e.useState({});e.useEffect((()=>{t&&(void 0!==l?l:["slideChange","afterInit","reachBeginning","reachEnd"]).forEach((e=>{t.on(e,(()=>{s({})}))}))}),[t]),e.useLayoutEffect((()=>{s({})}),[])}exports.useCarousel=function(e){const s=t.useSwiper();return l(s,e),s},exports.useCarouselInstance=function(t){const[s,u]=e.useState(null);return l(s,t),[s,u]},exports.useCarouselPeekEffect=function(t){const[l,s]=e.useState(null),u=e.useRef(null),[n,r]=e.useState(!1);return e.useEffect((()=>("reset"===l?(null==t||t.el.classList.remove("peek-prev"),null==t||t.el.classList.remove("peek-next"),u.current=setTimeout((()=>{s(null)}),+((null==t?void 0:t.el.getAttribute("data-
|
|
1
|
+
"use strict";var e=require("react"),t=require("swiper/react");function l(t,l){const[,s]=e.useState({});e.useEffect((()=>{t&&(void 0!==l?l:["slideChange","afterInit","reachBeginning","reachEnd","autoplayStart","autoplayStop"]).forEach((e=>{t.on(e,(()=>{s({})}))}))}),[t]),e.useLayoutEffect((()=>{s({})}),[])}exports.useCarousel=function(e){const s=t.useSwiper();return l(s,e),s},exports.useCarouselInstance=function(t){const[s,u]=e.useState(null);return l(s,t),[s,u]},exports.useCarouselPeekEffect=function(t){const[l,s]=e.useState(null),u=e.useRef(null),[n,r]=e.useState(!1);return e.useEffect((()=>("reset"===l?(null==t||t.el.classList.remove("peek-prev"),null==t||t.el.classList.remove("peek-next"),u.current=setTimeout((()=>{s(null)}),+((null==t?void 0:t.el.getAttribute("data-peekspeed"))||150))):l?n||(null==t||t.slideReset(0),"prev"===l?(null==t||t.slidePrev(0),null==t||t.slideNext(0)):(null==t||t.slideNext(0),null==t||t.slidePrev(0)),null==t||t.el.classList.add("peeking"),null==t||t.el.classList.add(`peek-${l}`)):(null==t||t.el.classList.remove("peeking"),null==t||t.el.classList.remove("peek-prev"),null==t||t.el.classList.remove("peek-next")),()=>{u.current&&clearTimeout(u.current)})),[l]),e.useEffect((()=>{null==t||t.on("touchStart",(()=>{s("reset"),r(!0)})),null==t||t.on("touchEnd",(()=>{s("reset"),r(!1)}))}),[!!t]),[l,s]};
|
|
2
2
|
//# sourceMappingURL=hooks.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.js","sources":["../../../../../src/components/carousel/hooks.ts"],"sourcesContent":[null],"names":["useRefreshInstance","carousel","events","setRerender","useState","useEffect","undefined","forEach","evt","on","useLayoutEffect","useSwiper","setCarousel","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","el","classList","remove","current","setTimeout","getAttribute","slideReset","slidePrev","slideNext","add","clearTimeout"],"mappings":"8DA6BA,SAASA,EAAmBC,EAA4BC,GAEtD,OAASC,GAAeC,EAAQA,SAAC,CAAE,GACnCC,EAAAA,WAAU,KACJJ,SAEUK,IAAXJ,
|
|
1
|
+
{"version":3,"file":"hooks.js","sources":["../../../../../src/components/carousel/hooks.ts"],"sourcesContent":[null],"names":["useRefreshInstance","carousel","events","setRerender","useState","useEffect","undefined","forEach","evt","on","useLayoutEffect","useSwiper","setCarousel","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","el","classList","remove","current","setTimeout","getAttribute","slideReset","slidePrev","slideNext","add","clearTimeout"],"mappings":"8DA6BA,SAASA,EAAmBC,EAA4BC,GAEtD,OAASC,GAAeC,EAAQA,SAAC,CAAE,GACnCC,EAAAA,WAAU,KACJJ,SAEUK,IAAXJ,EACGA,EACA,CAAC,cAAe,YAAa,iBAAkB,WAAY,gBAAiB,iBAC9EK,SAASC,IACTP,EAASQ,GAAGD,GAAK,KACfL,EAAY,CAAE,EAAC,GACf,GAEL,GACA,CAACF,IAEJS,EAAAA,iBAAgB,KACdP,EAAY,CAAE,EAAC,GACd,GACL,qBA/BM,SAAsBD,GAC1B,MAAMD,EAAWU,EAAAA,YAGjB,OAFAX,EAAmBC,EAAUC,GAEtBD,CACT,8BAfM,SAA8BC,GAClC,MAAOD,EAAUW,GAAeR,EAAQA,SAA0B,MAGlE,OAFAJ,EAAmBC,EAAUC,GAEtB,CAACD,EAAUW,EACpB,gCAyCM,SAAgCX,GACpC,MAAOY,EAAMC,GAAWV,EAAQA,SAAmC,MAC7DW,EAAcC,SAA8B,OAC3CC,EAAUC,GAAed,EAAQA,UAAU,GAsDlD,OApDAC,EAAAA,WAAU,KACK,UAATQ,GACFZ,SAAAA,EAAUkB,GAAGC,UAAUC,OAAO,aAC9BpB,SAAAA,EAAUkB,GAAGC,UAAUC,OAAO,aAC9BN,EAAYO,QAAUC,YACpB,KACET,EAAQ,KAAK,MAEbb,aAAA,EAAAA,EAAUkB,GAAGK,aAAa,oBAAqB,OAE1CX,EACJI,IAEHhB,SAAAA,EAAUwB,WAAW,GACR,SAATZ,GACFZ,SAAAA,EAAUyB,UAAU,GACpBzB,SAAAA,EAAU0B,UAAU,KAEpB1B,SAAAA,EAAU0B,UAAU,GACpB1B,SAAAA,EAAUyB,UAAU,IAEtBzB,SAAAA,EAAUkB,GAAGC,UAAUQ,IAAI,WAC3B3B,SAAAA,EAAUkB,GAAGC,UAAUQ,IAAI,QAAQf,OAGrCZ,SAAAA,EAAUkB,GAAGC,UAAUC,OAAO,WAC9BpB,SAAAA,EAAUkB,GAAGC,UAAUC,OAAO,aAC9BpB,SAAAA,EAAUkB,GAAGC,UAAUC,OAAO,cAGzB,KACDN,EAAYO,SACdO,aAAad,EAAYO,QAC1B,IAEF,CAACT,IAKJR,EAAAA,WAAU,KAERJ,SAAAA,EAAUQ,GAAG,cAAc,KACzBK,EAAQ,SACRI,GAAY,EAAK,IAEnBjB,SAAAA,EAAUQ,GAAG,YAAY,KACvBK,EAAQ,SACRI,GAAY,EAAM,GAClB,GACD,GAAGjB,IAEC,CAACY,EAAMC,EAChB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),s=require("./hooks.js"),a=require("@mui/system"),o=require("@mui/material");require("../accordion/accordion.js"),require("../backdrop/backdrop.js"),require("../button/button.js"),require("../cardContainer/cardContainer.js"),require("../cardMenu/cardMenu.js"),require("../checkbox/checkbox.js"),require("../chip/chipImage/chipImage.js"),require("../chip/regular/chip.js"),require("../chip/chipMultiselect/multiSelectChip.js"),require("../chip/chipDropdownChildren/chipDropdownChildren.js"),require("../controls/controls.js"),require("swiper/react"),require("swiper/modules"),require("./slide.js"),require("
|
|
1
|
+
"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),s=require("./hooks.js"),a=require("@mui/system"),o=require("@mui/material");require("../accordion/accordion.js"),require("../backdrop/backdrop.js"),require("../button/button.js"),require("../cardContainer/cardContainer.js"),require("../cardMenu/cardMenu.js"),require("../checkbox/checkbox.js"),require("../chip/chipImage/chipImage.js"),require("../chip/regular/chip.js"),require("../chip/chipMultiselect/multiSelectChip.js"),require("../chip/chipDropdownChildren/chipDropdownChildren.js"),require("../controls/controls.js"),require("swiper/react"),require("swiper/modules"),require("./slide.js"),require("country-flag-icons/react/3x2"),require("country-flag-icons/react/1x1"),require("@mui/material/Grid");var t=require("../icon/icon.js");require("../icon/icon.definitions.js"),require("../indicator/indicator.js"),require("../label/label.js"),require("../labelCO2/labelCO2.js"),require("../labelFeature/labelFeature.js"),require("../labelPromotional/labelPromotional.js"),require("../labelStatus/labelStatus.js"),require("../menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../mobileStepper/mobileStepperButton.js"),require("../modal/modal.js"),require("../modal/modalTitle.js"),require("../numbering/numbering.js"),require("../pagination/pagination.js"),require("../progressBar/progressBar.js"),require("../radioButton/radioButton.js"),require("../selectInput/selectInput.js"),require("@emotion/react"),require("@emotion/cache"),require("stylis"),require("stylis-plugin-rtl"),require("../skodaThemeProvider/plugins/stylisContainerPlugin.js"),require("../../materialui/theme/theme.js"),require("../../materialui/theme/theme.breakpoints.js"),require("@mui/material/styles"),require("../slider/slider.js"),require("../snackbar/snackbar.js"),require("../stepper/stepper.js"),require("../stepper/model.js"),require("../textArea/textArea.js"),require("../common/styled/textFieldStyled.js"),require("../helperTextContent/index.js"),require("../toggleSwitch/toggleSwitch.js"),require("../alert/AlertButton.js"),require("minimatch"),require("../../utils/enum.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/Footer/PredefinedFooterIconButtons.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../organisms/maps/utils/mapIcons.js"),require("../../organisms/maps/mapComponents/mapStyled.js"),require("../../organisms/shortcutLink/shortcutLink.js"),require("../../organisms/textCta/textCta.js"),require("../../organisms/tile/tile.js"),require("../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../organisms/notification/Notification.js"),require("../../organisms/notification/NotificationCenter.js"),require("../../organisms/gallery/Gallery.js"),require("../../organisms/gallery/GalleryItem.js"),require("../../production/Button/Button.js"),exports.CarouselNavigation=function({carousel:u,peekEffect:n=!0,prevButtonProps:l,prevIconProps:c,nextButtonProps:m,nextIconProps:d}){const q=s.useCarousel(),j=u||q,g=a.useTheme(),p=o.useMediaQuery(g.breakpoints.up("md")),h=l||{},{sx:b}=h,y=e.__rest(h,["sx"]),x=m||{},{sx:C}=x,v=e.__rest(x,["sx"]),[k,I]=s.useCarouselPeekEffect(j),P=i.useMemo((()=>({position:"absolute",zIndex:"100",top:"50%",mt:"-22px",backgroundColor:"common.white","&:hover":{backgroundColor:"surface.primary"},"&.Mui-disabled":{opacity:"0"}})),[]);return r.jsxs(r.Fragment,{children:[r.jsx(o.IconButton,Object.assign({disabled:j&&!j.originalParams.loop&&j.isBeginning,onClick:()=>{null==j||j.slidePrev(),n&&k&&I("reset")},onMouseEnter:()=>p&&n&&I("prev"),onMouseLeave:()=>n&&k&&I("reset"),sx:Object.assign(Object.assign(Object.assign({},P),{left:"16px"}),b),"aria-label":"prev","aria-controls":"carousel"},y,{children:r.jsx(t.Icon,Object.assign({name:"chevron-"+("rtl"===g.direction?"right":"left")},c))})),r.jsx(o.IconButton,Object.assign({disabled:j&&!j.originalParams.loop&&j.isEnd,onClick:()=>{null==j||j.slideNext(),n&&k&&I("reset")},onMouseEnter:()=>p&&n&&I("next"),onMouseLeave:()=>n&&k&&I("reset"),sx:Object.assign(Object.assign(Object.assign({},P),{right:"16px"}),C),"aria-label":"next","aria-controls":"carousel"},v,{children:r.jsx(t.Icon,Object.assign({name:"chevron-"+("rtl"===g.direction?"left":"right")},d))}))]})};
|
|
2
2
|
//# sourceMappingURL=navigation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation.js","sources":["../../../../../src/components/carousel/navigation.tsx"],"sourcesContent":[null],"names":["carousel","carouselProp","peekEffect","prevButtonProps","prevIconProps","nextButtonProps","nextIconProps","carouselHook","useCarousel","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","sharedSx","useMemo","position","zIndex","top","mt","backgroundColor","opacity","_jsxs","_jsx","IconButton","disabled","originalParams","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","left","children","Icon","Object","assign","name","direction","isEnd","slideNext","right","jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"navigation.js","sources":["../../../../../src/components/carousel/navigation.tsx"],"sourcesContent":[null],"names":["carousel","carouselProp","peekEffect","prevButtonProps","prevIconProps","nextButtonProps","nextIconProps","carouselHook","useCarousel","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","sharedSx","useMemo","position","zIndex","top","mt","backgroundColor","opacity","_jsxs","_jsx","IconButton","disabled","originalParams","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","left","children","Icon","Object","assign","name","direction","isEnd","slideNext","right","jsx"],"mappings":"swIAuCEA,SAAUC,EAAYC,WACtBA,GAAa,EAAIC,gBACjBA,EAAeC,cACfA,EAAaC,gBACbA,EAAeC,cACfA,IAEA,MAAMC,EAAeC,EAAAA,cACfR,EAAWC,GAAgBM,EAC3BE,EAAQC,EAAAA,WACRC,EAAOC,EAAAA,cAAcH,EAAMI,YAAYC,GAAG,OAC1CC,EAA8BZ,GAAmB,IAA/Ca,GAAIC,KAAWC,EAAjBC,EAAAA,OAAAJ,EAAA,CAAA,OACAK,EAA8Bf,GAAmB,IAA/CW,GAAIK,KAAWC,EAAjBH,EAAAA,OAAAC,EAAA,CAAA,QACCG,EAAMC,GAAWC,EAAqBA,sBAACzB,GAGxC0B,EAAWC,EAAAA,SACf,KAAO,CAELC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,GAAI,QAEJC,gBAAiB,eACjB,UAAW,CACTA,gBAAiB,mBAGnB,iBAAkB,CAChBC,QAAS,QAGb,IAGF,OACEC,EAAAA,2BACEC,MAACC,EAAAA,0BACCC,SAAUrC,IAAaA,EAASsC,eAAeC,MAAQvC,EAASwC,YAChEC,QAAS,KACPzC,SAAAA,EAAU0C,YACVxC,GAAcqB,GAAQC,EAAQ,QAAQ,EAExCmB,aAAc,IAAMhC,GAAQT,GAAcsB,EAAQ,QAClDoB,aAAc,IAAM1C,GAAcqB,GAAQC,EAAQ,SAClDR,gDACKU,GAAQ,CACXmB,KAAM,SACH5B,GAAM,aAEA,OACG,gBAAA,YACVC,EAAQ,CAAA4B,SAEZX,MAACY,EAAIA,KAAAC,OAAAC,OAAA,CAACC,KAAM,YAA+B,QAApBzC,EAAM0C,UAAsB,QAAU,SAAc/C,OAE7E+B,EAAAA,IAACC,EAAAA,0BACCC,SAAUrC,IAAaA,EAASsC,eAAeC,MAAQvC,EAASoD,MAChEX,QAAS,KACPzC,SAAAA,EAAUqD,YACVnD,GAAcqB,GAAQC,EAAQ,QAAQ,EAExCmB,aAAc,IAAMhC,GAAQT,GAAcsB,EAAQ,QAClDoB,aAAc,IAAM1C,GAAcqB,GAAQC,EAAQ,SAClDR,GACKgC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAvB,IACH4B,MAAO,SACJjC,GAAM,aAEA,OAAM,gBACH,YACVC,EAEJ,CAAAwB,SAAAX,EAAAoB,IAACR,EAAIA,KAACC,OAAAC,OAAA,CAAAC,KAAM,YAA+B,QAApBzC,EAAM0C,UAAsB,OAAS,UAAe7C,SAInF"}
|
|
@@ -20,6 +20,21 @@ export interface CarouselPaginationFractionProps extends CarouselPaginationVaria
|
|
|
20
20
|
*/
|
|
21
21
|
buttonProps?: ButtonProps;
|
|
22
22
|
}
|
|
23
|
+
export interface CarouselPaginationLinesProps extends CarouselPaginationVariantProps {
|
|
24
|
+
variant?: 'lines';
|
|
25
|
+
/**
|
|
26
|
+
* Properties applied to each line
|
|
27
|
+
*/
|
|
28
|
+
linesProps?: ButtonProps;
|
|
29
|
+
/**
|
|
30
|
+
* Show progress in active line instead
|
|
31
|
+
*/
|
|
32
|
+
lineProgress?: number;
|
|
33
|
+
/**
|
|
34
|
+
* Properties applied to active line progress
|
|
35
|
+
*/
|
|
36
|
+
lineProgressProps?: BoxProps;
|
|
37
|
+
}
|
|
23
38
|
export interface CarouselPaginationProgressProps extends CarouselPaginationVariantProps {
|
|
24
39
|
variant?: 'progress';
|
|
25
40
|
/**
|
|
@@ -44,7 +59,7 @@ export interface CarouselPaginationBaseProps {
|
|
|
44
59
|
*/
|
|
45
60
|
position?: 'outside' | 'inside';
|
|
46
61
|
}
|
|
47
|
-
export type CarouselPaginationProps = CarouselPaginationBaseProps & (Omit<CarouselPaginationDotsProps, 'carousel'> | Omit<CarouselPaginationFractionProps, 'carousel'> | Omit<CarouselPaginationProgressProps, 'carousel'> | Omit<CarouselPaginationSliderProps, 'carousel'>);
|
|
62
|
+
export type CarouselPaginationProps = CarouselPaginationBaseProps & (Omit<CarouselPaginationDotsProps, 'carousel'> | Omit<CarouselPaginationFractionProps, 'carousel'> | Omit<CarouselPaginationLinesProps, 'carousel'> | Omit<CarouselPaginationProgressProps, 'carousel'> | Omit<CarouselPaginationSliderProps, 'carousel'>);
|
|
48
63
|
/**
|
|
49
64
|
* Pagination controls
|
|
50
65
|
*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var s=require("tslib"),r=require("react/jsx-runtime"),e=require("react"),o=require("@mui/material"),n=require("./hooks.js");function i(e){var{carousel:n,dotProps:i,sx:a}=e,
|
|
1
|
+
"use strict";var s=require("tslib"),r=require("react/jsx-runtime"),e=require("react"),o=require("@mui/material"),n=require("./hooks.js");function i(e){var{carousel:n,dotProps:i,sx:a}=e,l=s.__rest(e,["carousel","dotProps","sx"]);const t=i||{},{sx:c}=t,u=s.__rest(t,["sx"]);return r.jsx(o.Box,Object.assign({sx:Object.assign({p:2,display:"flex",alignItems:"center",justifyContent:"center",gap:.5},a),"aria-controls":"carousel"},l,{children:[...Array((null==n?void 0:n.slides.length)||0)].map(((s,e)=>r.jsx(o.IconButton,Object.assign({onClick:()=>null==n?void 0:n[n.originalParams.loop?"slideToLoop":"slideTo"](e),className:!(null==n?void 0:n.originalParams.loop)&&(null==n?void 0:n.isEnd)&&e===((null==n?void 0:n.slides.length)||0)-1?"active":(null==n?void 0:n.isEnd)&&!n.originalParams.loop||e!==(null==n?void 0:n.realIndex)?void 0:"active",sx:Object.assign({p:"0",width:"8px",height:"8px",borderRadius:"100%",backgroundColor:"transparent.backdrop","&.active":{backgroundColor:"brand.tertiary"},"&:hover":{backgroundColor:"brand.tertiary"}},c)},u),e)))}))}function a(e){var{carousel:n,buttonProps:i,sx:a}=e,l=s.__rest(e,["carousel","buttonProps","sx"]);const t=i||{},{sx:c}=t,u=s.__rest(t,["sx"]);return r.jsx(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"center",p:2},a)},l,{children:r.jsx(o.Button,Object.assign({variant:"text",color:"inherit","aria-controls":"carousel",sx:Object.assign({px:2,py:1,borderRadius:1,backgroundColor:"transparent.backdrop",color:"text.primary","&:hover":{backgroundColor:"onSurface.os100"}},c),onClick:()=>(null==n?void 0:n.isEnd)&&!n.originalParams.loop?null==n?void 0:n.slideTo(0):null==n?void 0:n.slideNext()},u,{children:r.jsxs(o.Box,{children:[r.jsx(o.Box,{component:"span",children:`${((null==n?void 0:n.realIndex)||0)+1}`}),r.jsx(o.Box,{component:"span",sx:{color:"text.secondary"},children:" / "}),r.jsx(o.Box,{component:"span",sx:{color:"text.secondary"},children:`${(null==n?void 0:n.slides.length)||0}`})]})}))}))}function l(e){var{carousel:n,sx:i,linesProps:a,lineProgress:l,lineProgressProps:t}=e,c=s.__rest(e,["carousel","sx","linesProps","lineProgress","lineProgressProps"]);const u=a||{},{sx:d}=u,x=s.__rest(u,["sx"]),g=t||{},{sx:p}=g,v=s.__rest(g,["sx"]);return r.jsx(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"center",gap:1,p:2},i)},c,{children:[...Array((null==n?void 0:n.slides.length)||0)].map(((s,e)=>r.jsx(o.Button,Object.assign({color:"inherit",className:!(null==n?void 0:n.originalParams.loop)&&(null==n?void 0:n.isEnd)&&e===((null==n?void 0:n.slides.length)||0)-1?"active":(null==n?void 0:n.isEnd)&&!n.originalParams.loop||e!==(null==n?void 0:n.realIndex)?void 0:"active",sx:Object.assign({p:0,minHeight:"0",height:"4px",borderRadius:"4px",width:"56px",backgroundColor:"surface.primary",justifyContent:"flex-start",overflow:"hidden","&:hover":{backgroundColor:"surface.secondary"},"&.active .progress-line":{opacity:"1",width:`${void 0!==l?l:100}%`}},d),"aria-controls":"carousel",onClick:()=>null==n?void 0:n[n.originalParams.loop?"slideToLoop":"slideTo"](e)},x,{children:r.jsx(o.Box,Object.assign({className:"progress-line",sx:Object.assign({opacity:"0",width:0===l?"0%":"100%",backgroundColor:"brand.secondary",height:"100%",transition:(0===l?"":"width 300ms ease-in-out, ")+"opacity 300ms ease-out"},p),"aria-valuenow":void 0!==l?l:100},v))}),e)))}))}function t(e){var{carousel:n,progressProps:i}=e,a=s.__rest(e,["carousel","progressProps"]);const l=i||{},{sx:t}=l,c=s.__rest(l,["sx"]);return r.jsx(o.Box,Object.assign({},a,{children:r.jsx(o.LinearProgress,Object.assign({variant:"determinate",value:(null==n?void 0:n.originalParams.loop)?Math.round(((null==n?void 0:n.realIndex)||0)/((n.slides.length||1)-1)*100):100*((null==n?void 0:n.progress)||0),sx:Object.assign({display:"block",".MuiLinearProgress-bar":{transitionDuration:`${(null==n?void 0:n.originalParams.speed)||300}ms`}},t)},c))}))}function c(n){var{carousel:i,sliderProps:a,sx:l}=n,t=s.__rest(n,["carousel","sliderProps","sx"]);const c=a||{},{sx:u}=c,d=s.__rest(c,["sx"]),[x,g]=e.useState(Math.round(100*((null==i?void 0:i.progress)||0))),[p,v]=e.useState(!1);return e.useEffect((()=>{p||g(Math.round(100*((null==i?void 0:i.progress)||0)))}),[null==i?void 0:i.progress]),r.jsx(o.Box,Object.assign({sx:Object.assign({my:2},l)},t,{children:r.jsx(o.Slider,Object.assign({value:x,min:0,max:100,onChange:(s,r)=>{v(!0),null==i||i.setProgress(r/100,150),g(r)},onChangeCommitted:()=>{null==i||i.slideToClosest(300),v(!1)},sx:Object.assign({display:"block",".MuiSlider-rail":{color:"surface.primary"},".MuiSlider-track":{color:"onSurface.os200",transitionDuration:`${(null==i?void 0:i.originalParams.speed)||300}ms`},".MuiSlider-thumb":{display:"none"}},u),"aria-controls":"carousel"},d))}))}exports.CarouselPagination=function(o){var{carousel:u,position:d,variant:x,sx:g}=o,p=s.__rest(o,["carousel","position","variant","sx"]);const v=n.useCarousel(),b=u||v,j=e.useMemo((()=>{switch(x){case"slider":return c;case"progress":return t;case"fraction":return a;case"lines":return l;default:return i}}),[x]),h=e.useMemo((()=>"inside"===d?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0"},g):g),[d,JSON.stringify(g)]);return r.jsx(j,Object.assign({carousel:b,sx:h},p))};
|
|
2
2
|
//# sourceMappingURL=pagination.js.map
|