@skodaflow/web-library 8.0.0 → 8.0.1
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/README.md +2 -2
- package/cjs/components/advancedTable/agGrid.js +1 -1
- package/cjs/components/advancedTable/agGrid.js.map +1 -1
- package/cjs/components/advancedTable/index.d.ts +1 -0
- package/cjs/components/carousel/Carousel.js +1 -1
- package/cjs/components/carousel/Carousel.js.map +1 -1
- package/cjs/components/carousel/Navigation.js +1 -1
- package/cjs/components/carousel/Navigation.js.map +1 -1
- package/cjs/components/carousel/Pagination.js +1 -1
- package/cjs/components/carousel/Pagination.js.map +1 -1
- package/cjs/components/carousel/Slide.js +1 -1
- package/cjs/components/carousel/Slide.js.map +1 -1
- package/cjs/components/playPauseButton/PlayPauseButton.d.ts +0 -2
- package/cjs/components/playPauseButton/PlayPauseButton.js.map +1 -1
- package/cjs/components/quickLink/QuickLink.js +1 -1
- package/cjs/components/quickLink/QuickLink.js.map +1 -1
- package/cjs/index.js +1 -1
- package/cjs/materialui/avatar/avatar.theme.js +1 -1
- package/cjs/materialui/avatar/avatar.theme.js.map +1 -1
- package/cjs/materialui/chip/chip.theme.js +1 -1
- package/cjs/materialui/chip/chip.theme.js.map +1 -1
- package/cjs/materialui/datepicker/PickersActionBar.js +1 -1
- package/cjs/materialui/datepicker/PickersActionBar.js.map +1 -1
- package/cjs/materialui/datepicker/PickersCalendarHeader.js +1 -1
- package/cjs/materialui/datepicker/PickersCalendarHeader.js.map +1 -1
- package/cjs/materialui/datepicker/datecalendar.theme.js.map +1 -1
- package/cjs/materialui/datepicker/datepicker.theme.d.ts +1 -0
- package/cjs/materialui/datepicker/datepicker.theme.js +1 -1
- package/cjs/materialui/datepicker/datepicker.theme.js.map +1 -1
- package/cjs/materialui/datepicker/datetimepicker.theme.d.ts +1 -0
- package/cjs/materialui/datepicker/datetimepicker.theme.js +1 -1
- package/cjs/materialui/datepicker/datetimepicker.theme.js.map +1 -1
- package/cjs/materialui/datepicker/daycalendar.theme.js +1 -1
- package/cjs/materialui/datepicker/daycalendar.theme.js.map +1 -1
- package/cjs/materialui/datepicker/index.d.ts +2 -2
- package/cjs/materialui/datepicker/pickerslayout.theme.d.ts +3 -0
- package/cjs/materialui/datepicker/pickerslayout.theme.js +2 -0
- package/cjs/materialui/datepicker/pickerslayout.theme.js.map +1 -0
- package/cjs/materialui/datepicker/timepicker.theme.d.ts +1 -0
- package/cjs/materialui/datepicker/timepicker.theme.js +1 -1
- package/cjs/materialui/datepicker/timepicker.theme.js.map +1 -1
- package/cjs/materialui/dialog/DialogTitle.d.ts +1 -1
- package/cjs/materialui/dialog/DialogTitle.js +1 -1
- package/cjs/materialui/dialog/DialogTitle.js.map +1 -1
- package/cjs/materialui/dialog/dialogTitle.theme.js +1 -1
- package/cjs/materialui/dialog/dialogTitle.theme.js.map +1 -1
- package/cjs/materialui/slider/slider.theme.js +1 -1
- package/cjs/materialui/slider/slider.theme.js.map +1 -1
- package/cjs/materialui/tabs/TabsScrollButton.js +1 -1
- package/cjs/materialui/tabs/TabsScrollButton.js.map +1 -1
- package/cjs/materialui/textfield/FormHelperText.js +1 -1
- package/cjs/materialui/textfield/FormHelperText.js.map +1 -1
- package/cjs/materialui/theme/theme.extensions.d.ts +10 -1
- package/cjs/materialui/theme/theme.js +1 -1
- package/cjs/materialui/theme/theme.js.map +1 -1
- package/cjs/materialui/theme/theme.zIndex.d.ts +1 -0
- package/cjs/materialui/theme/theme.zIndex.js +1 -1
- package/cjs/materialui/theme/theme.zIndex.js.map +1 -1
- package/cjs/utils/rgbaToRgb/index.d.ts +1 -0
- package/cjs/utils/rgbaToRgb/rgbaToRgb.d.ts +6 -0
- package/components/advancedTable/agGrid.js +1 -1
- package/components/advancedTable/agGrid.js.map +1 -1
- package/components/advancedTable/index.d.ts +1 -0
- package/components/carousel/Carousel.js +1 -1
- package/components/carousel/Carousel.js.map +1 -1
- package/components/carousel/Navigation.js +1 -1
- package/components/carousel/Navigation.js.map +1 -1
- package/components/carousel/Pagination.js +1 -1
- package/components/carousel/Pagination.js.map +1 -1
- package/components/carousel/Slide.js +1 -1
- package/components/carousel/Slide.js.map +1 -1
- package/components/playPauseButton/PlayPauseButton.d.ts +0 -2
- package/components/playPauseButton/PlayPauseButton.js.map +1 -1
- package/components/quickLink/QuickLink.js +1 -1
- package/components/quickLink/QuickLink.js.map +1 -1
- package/index.js +1 -1
- package/materialui/avatar/avatar.theme.js +1 -1
- package/materialui/avatar/avatar.theme.js.map +1 -1
- package/materialui/chip/chip.theme.js +1 -1
- package/materialui/chip/chip.theme.js.map +1 -1
- package/materialui/datepicker/PickersActionBar.js +1 -1
- package/materialui/datepicker/PickersActionBar.js.map +1 -1
- package/materialui/datepicker/PickersCalendarHeader.js +1 -1
- package/materialui/datepicker/PickersCalendarHeader.js.map +1 -1
- package/materialui/datepicker/datecalendar.theme.js.map +1 -1
- package/materialui/datepicker/datepicker.theme.d.ts +1 -0
- package/materialui/datepicker/datepicker.theme.js +1 -1
- package/materialui/datepicker/datepicker.theme.js.map +1 -1
- package/materialui/datepicker/datetimepicker.theme.d.ts +1 -0
- package/materialui/datepicker/datetimepicker.theme.js +1 -1
- package/materialui/datepicker/datetimepicker.theme.js.map +1 -1
- package/materialui/datepicker/daycalendar.theme.js +1 -1
- package/materialui/datepicker/daycalendar.theme.js.map +1 -1
- package/materialui/datepicker/index.d.ts +2 -2
- package/materialui/datepicker/pickerslayout.theme.d.ts +3 -0
- package/materialui/datepicker/pickerslayout.theme.js +2 -0
- package/materialui/datepicker/pickerslayout.theme.js.map +1 -0
- package/materialui/datepicker/timepicker.theme.d.ts +1 -0
- package/materialui/datepicker/timepicker.theme.js +1 -1
- package/materialui/datepicker/timepicker.theme.js.map +1 -1
- package/materialui/dialog/DialogTitle.d.ts +1 -1
- package/materialui/dialog/DialogTitle.js +1 -1
- package/materialui/dialog/DialogTitle.js.map +1 -1
- package/materialui/dialog/dialogTitle.theme.js +1 -1
- package/materialui/dialog/dialogTitle.theme.js.map +1 -1
- package/materialui/slider/slider.theme.js +1 -1
- package/materialui/slider/slider.theme.js.map +1 -1
- package/materialui/tabs/TabsScrollButton.js +1 -1
- package/materialui/tabs/TabsScrollButton.js.map +1 -1
- package/materialui/textfield/FormHelperText.js +1 -1
- package/materialui/textfield/FormHelperText.js.map +1 -1
- package/materialui/theme/theme.extensions.d.ts +10 -1
- package/materialui/theme/theme.js +1 -1
- package/materialui/theme/theme.js.map +1 -1
- package/materialui/theme/theme.zIndex.d.ts +1 -0
- package/materialui/theme/theme.zIndex.js +1 -1
- package/materialui/theme/theme.zIndex.js.map +1 -1
- package/package.json +1 -1
- package/utils/rgbaToRgb/index.d.ts +1 -0
- package/utils/rgbaToRgb/rgbaToRgb.d.ts +6 -0
- package/cjs/materialui/textfield/textfield.component.d.ts +0 -3
- package/materialui/textfield/textfield.component.d.ts +0 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),
|
|
1
|
+
"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),l=require("@mui/material"),n=require("../../components/icon/filled/WarningFilledIcon.js"),i=require("../../utils/useElementScrollable/useElementScrollable.js"),o=require("../../components/focusring/focusring.js");const s=r.forwardRef((s,a)=>{var c,u,d,{children:x,sx:p,className:m,truncate:f}=s,b=e.__rest(s,["children","sx","className","truncate"]);const g=r.useRef(null);r.useImperativeHandle(a,()=>g.current);const[,v]=r.useState(0),{isScrollable:h,elementRef:j}=i.useElementScrollable("x",e=>v((null==e?void 0:e.offsetWidth)||0)),w=(null==m?void 0:m.includes("Mui-error"))&&!1!==f&&(h||!!(null===(c=null==g?void 0:g.current)||void 0===c?void 0:c.querySelector(".Flow-scrollable")));return t.jsx(l.Tooltip,Object.assign({title:x,placement:"bottom-start",slotProps:{tooltip:{sx:{maxWidth:(null===(d=null===(u=null==g?void 0:g.current)||void 0===u?void 0:u.getBoundingClientRect())||void 0===d?void 0:d.width)?g.current.getBoundingClientRect().width-24+"px":"398px","& .FlowHelperTextContent-textRight":{display:"none"}}},arrow:{sx:{transform:"none !important",left:"17px !important"}}}},!w&&{open:!1},{children:t.jsxs(l.Box,Object.assign({component:"p",className:m,sx:p},(null==m?void 0:m.includes("Mui-error"))&&{role:"alert",sx:Object.assign({"&&":Object.assign({display:"flex",alignItems:"flex-start",justifyContent:"flex-start"},!1!==f&&{overflow:"visible"})},p)},{ref:g},b,{children:[(null==m?void 0:m.includes("Mui-error"))&&t.jsx(l.ButtonBase,Object.assign({sx:e=>Object.assign({cursor:"default",borderRadius:"1px",ml:"2px",mr:"4px"},o.getFocusRingStyle(e,!0,"0px")),"aria-label":"Error",className:"FlowHelperText-error-button-active"},!w&&{tabIndex:-1,className:"FlowHelperText-error-button"},{children:t.jsx(n.WarningFilledIcon,{sx:{fontSize:"17px"}})})),t.jsx(l.Box,{sx:{display:"block",overflow:!1!==f?"hidden":"inherit",textOverflow:"inherit",whiteSpace:"inherit",flexGrow:"1"},component:"span","data-testid":"FormHelperText-content",ref:j,children:x})]}))}),w?"long-error-message":"disabled-tooltip")});exports.FormHelperText=s;
|
|
2
2
|
//# sourceMappingURL=FormHelperText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormHelperText.js","sources":["../../../../../src/materialui/textfield/FormHelperText.tsx"],"sourcesContent":["import React, { FC, forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport { Box, FormHelperTextProps, Tooltip, ButtonBase } from '@mui/material';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\nimport { getFocusRingStyle } from '@/src/components/focusring';\n\n/**\n * Custom extension of FormHelperText component to add interactive error icon\n */\nexport const FormHelperText: FC<FormHelperTextProps> = forwardRef(\n ({ children, sx, className, truncate, ...rest }, forwardedRef) => {\n const ref = useRef<HTMLParagraphElement>(null);\n useImperativeHandle(forwardedRef, () => ref.current);\n // changing width triggers re-render and updates max-width of tooltip that uses parent\n const [, setWidth] = useState(0);\n const { isScrollable, elementRef } = useElementScrollable('x', (el) => setWidth(el?.offsetWidth || 0));\n const tooltipActive =\n // contains error\n className?.includes('Mui-error') &&\n // we are truncating\n truncate !== false &&\n // HelperText or HelperTextContent scrollable\n (isScrollable || !!ref?.current?.querySelector('.Flow-scrollable'));\n\n return (\n <Tooltip\n title={children}\n placement=\"bottom-start\"\n slotProps={{\n tooltip: {\n sx: {\n // match size of helper text\n maxWidth: ref?.current?.getBoundingClientRect()?.width\n ? `${ref.current.getBoundingClientRect().width - 24}px`\n : '398px',\n // hide right side of HelperTextContent\n '& .FlowHelperTextContent-textRight': {\n display: 'none',\n },\n },\n },\n arrow: {\n sx: {\n // remove default transform\n transform: 'none !important',\n // align with icon\n left: '17px !important',\n },\n },\n }}\n key={tooltipActive ? 'long-error-message' : 'disabled-tooltip'}\n {...(!tooltipActive && {\n open: false,\n })}\n >\n <Box\n component=\"p\"\n className={className}\n sx={sx}\n {...(className?.includes('Mui-error') && {\n role: 'alert',\n sx: {\n '&&': {\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n ...(truncate !== false && {\n // make sure interactive FocusRing from error is visible\n overflow: 'visible',\n }),\n },\n ...sx,\n },\n })}\n ref={ref}\n {...rest}\n >\n {className?.includes('Mui-error') && (\n <ButtonBase\n sx={(theme) => ({\n cursor: 'default',\n borderRadius: '1px',\n ml: '2px',\n mr: '4px',\n ...getFocusRingStyle(theme, true, '0px'),\n })}\n aria-label=\"Error\"\n className=\"FlowHelperText-error-button-active\"\n {...(!tooltipActive && { tabIndex: -1, className: 'FlowHelperText-error-button' })}\n >\n <WarningFilledIcon sx={{ fontSize: '17px' }} />\n </ButtonBase>\n )}\n <Box\n sx={{\n display: 'block',\n overflow: truncate !== false ? 'hidden' : 'inherit',\n textOverflow: 'inherit',\n whiteSpace: 'inherit',\n flexGrow: '1',\n }}\n component=\"span\"\n ref={elementRef}\n >\n {children}\n </Box>\n </Box>\n </Tooltip>\n );\n },\n);\n"],"names":["FormHelperText","forwardRef","_a","forwardedRef","children","sx","className","truncate","rest","__rest","ref","useRef","useImperativeHandle","current","setWidth","useState","isScrollable","elementRef","useElementScrollable","el","offsetWidth","tooltipActive","includes","_b","querySelector","_jsx","Tooltip","Object","assign","title","placement","slotProps","tooltip","maxWidth","_d","_c","getBoundingClientRect","width","display","arrow","transform","left","open","_jsxs","Box","component","role","alignItems","justifyContent","overflow","ButtonBase","theme","cursor","borderRadius","ml","mr","getFocusRingStyle","tabIndex","WarningFilledIcon","fontSize","textOverflow","whiteSpace","flexGrow"],"mappings":"2SASO,MAAMA,EAA0CC,EAAAA,WACrD,CAACC,EAAgDC,gBAAhDC,SAAEA,EAAQC,GAAEA,EAAEC,UAAEA,EAASC,SAAEA,GAAQL,EAAKM,EAAIC,EAAAA,OAAAP,EAA5C,CAAA,WAAA,KAAA,YAAA,aACC,MAAMQ,EAAMC,EAAAA,OAA6B,MACzCC,EAAAA,oBAAoBT,EAAc,IAAMO,EAAIG,SAE5C,OAASC,GAAYC,EAAAA,SAAS,IACxBC,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,IAAMC,GAAOL,GAASK,aAAE,EAAFA,EAAIC,cAAe,IAC7FC,GAEJf,aAAS,EAATA,EAAWgB,SAAS,gBAEP,IAAbf,IAECS,cAAkBO,EAAAb,aAAG,EAAHA,EAAKG,8BAASW,cAAc,sBAEjD,OACEC,EAAAA,IAACC,UAAOC,OAAAC,OAAA,CACNC,MAAOzB,EACP0B,UAAU,eACVC,UAAW,CACTC,QAAS,CACP3B,GAAI,CAEF4B,kBAAUC,EAAY,QAAZC,EAAAzB,aAAG,EAAHA,EAAKG,eAAO,IAAAsB,OAAA,EAAAA,EAAEC,8CAAyBC,OAC1C3B,EAAIG,QAAQuB,wBAAwBC,MAAQ,GAA/C,KACA,QAEJ,qCAAsC,CACpCC,QAAS,UAIfC,MAAO,CACLlC,GAAI,CAEFmC,UAAW,kBAEXC,KAAM,uBAKNpB,GAAiB,CACrBqB,MAAM,GACN,CAAAtC,SAEFuC,EAAAA,KAACC,MAAGjB,OAAAC,OAAA,CACFiB,UAAU,IACVvC,UAAWA,EACXD,GAAIA,IACCC,aAAS,EAATA,EAAWgB,SAAS,eAAgB,CACvCwB,KAAM,QACNzC,kBACE,KAAIsB,OAAAC,OAAA,CACFU,QAAS,OACTS,WAAY,aACZC,eAAgB,eACC,IAAbzC,GAAsB,CAExB0C,SAAU,aAGX5C,IAEL,CACFK,IAAKA,GACDF,EAAI,CAAAJ,SAAA,EAEPE,aAAS,EAATA,EAAWgB,SAAS,eACnBG,EAAAA,IAACyB,EAAAA,WAAUvB,OAAAC,OAAA,CACTvB,GAAK8C,GAAUxB,OAAAC,OAAA,CACbwB,OAAQ,UACRC,aAAc,MACdC,GAAI,MACJC,GAAI,OACDC,EAAAA,kBAAkBL,GAAO,EAAM,QAClC,aACS,QACX7C,UAAU,uCACJe,GAAiB,CAAEoC,UAAU,EAAInD,UAAW,+BAAgC,CAAAF,SAElFqB,EAAAA,IAACiC,EAAAA,kBAAiB,CAACrD,GAAI,CAAEsD,SAAU,aAGvClC,EAAAA,IAACmB,EAAAA,IAAG,CACFvC,GAAI,CACFiC,QAAS,QACTW,UAAuB,IAAb1C,EAAqB,SAAW,UAC1CqD,aAAc,UACdC,WAAY,UACZC,SAAU,KAEZjB,UAAU,
|
|
1
|
+
{"version":3,"file":"FormHelperText.js","sources":["../../../../../src/materialui/textfield/FormHelperText.tsx"],"sourcesContent":["import React, { FC, forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport { Box, FormHelperTextProps, Tooltip, ButtonBase } from '@mui/material';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\nimport { getFocusRingStyle } from '@/src/components/focusring';\n\n/**\n * Custom extension of FormHelperText component to add interactive error icon\n */\nexport const FormHelperText: FC<FormHelperTextProps> = forwardRef(\n ({ children, sx, className, truncate, ...rest }, forwardedRef) => {\n const ref = useRef<HTMLParagraphElement>(null);\n useImperativeHandle(forwardedRef, () => ref.current);\n // changing width triggers re-render and updates max-width of tooltip that uses parent\n const [, setWidth] = useState(0);\n const { isScrollable, elementRef } = useElementScrollable('x', (el) => setWidth(el?.offsetWidth || 0));\n const tooltipActive =\n // contains error\n className?.includes('Mui-error') &&\n // we are truncating\n truncate !== false &&\n // HelperText or HelperTextContent scrollable\n (isScrollable || !!ref?.current?.querySelector('.Flow-scrollable'));\n\n return (\n <Tooltip\n title={children}\n placement=\"bottom-start\"\n slotProps={{\n tooltip: {\n sx: {\n // match size of helper text\n maxWidth: ref?.current?.getBoundingClientRect()?.width\n ? `${ref.current.getBoundingClientRect().width - 24}px`\n : '398px',\n // hide right side of HelperTextContent\n '& .FlowHelperTextContent-textRight': {\n display: 'none',\n },\n },\n },\n arrow: {\n sx: {\n // remove default transform\n transform: 'none !important',\n // align with icon\n left: '17px !important',\n },\n },\n }}\n key={tooltipActive ? 'long-error-message' : 'disabled-tooltip'}\n {...(!tooltipActive && {\n open: false,\n })}\n >\n <Box\n component=\"p\"\n className={className}\n sx={sx}\n {...(className?.includes('Mui-error') && {\n role: 'alert',\n sx: {\n '&&': {\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n ...(truncate !== false && {\n // make sure interactive FocusRing from error is visible\n overflow: 'visible',\n }),\n },\n ...sx,\n },\n })}\n ref={ref}\n {...rest}\n >\n {className?.includes('Mui-error') && (\n <ButtonBase\n sx={(theme) => ({\n cursor: 'default',\n borderRadius: '1px',\n ml: '2px',\n mr: '4px',\n ...getFocusRingStyle(theme, true, '0px'),\n })}\n aria-label=\"Error\"\n className=\"FlowHelperText-error-button-active\"\n {...(!tooltipActive && { tabIndex: -1, className: 'FlowHelperText-error-button' })}\n >\n <WarningFilledIcon sx={{ fontSize: '17px' }} />\n </ButtonBase>\n )}\n <Box\n sx={{\n display: 'block',\n overflow: truncate !== false ? 'hidden' : 'inherit',\n textOverflow: 'inherit',\n whiteSpace: 'inherit',\n flexGrow: '1',\n }}\n component=\"span\"\n data-testid=\"FormHelperText-content\"\n ref={elementRef}\n >\n {children}\n </Box>\n </Box>\n </Tooltip>\n );\n },\n);\n"],"names":["FormHelperText","forwardRef","_a","forwardedRef","children","sx","className","truncate","rest","__rest","ref","useRef","useImperativeHandle","current","setWidth","useState","isScrollable","elementRef","useElementScrollable","el","offsetWidth","tooltipActive","includes","_b","querySelector","_jsx","Tooltip","Object","assign","title","placement","slotProps","tooltip","maxWidth","_d","_c","getBoundingClientRect","width","display","arrow","transform","left","open","_jsxs","Box","component","role","alignItems","justifyContent","overflow","ButtonBase","theme","cursor","borderRadius","ml","mr","getFocusRingStyle","tabIndex","WarningFilledIcon","fontSize","textOverflow","whiteSpace","flexGrow"],"mappings":"2SASO,MAAMA,EAA0CC,EAAAA,WACrD,CAACC,EAAgDC,gBAAhDC,SAAEA,EAAQC,GAAEA,EAAEC,UAAEA,EAASC,SAAEA,GAAQL,EAAKM,EAAIC,EAAAA,OAAAP,EAA5C,CAAA,WAAA,KAAA,YAAA,aACC,MAAMQ,EAAMC,EAAAA,OAA6B,MACzCC,EAAAA,oBAAoBT,EAAc,IAAMO,EAAIG,SAE5C,OAASC,GAAYC,EAAAA,SAAS,IACxBC,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,IAAMC,GAAOL,GAASK,aAAE,EAAFA,EAAIC,cAAe,IAC7FC,GAEJf,aAAS,EAATA,EAAWgB,SAAS,gBAEP,IAAbf,IAECS,cAAkBO,EAAAb,aAAG,EAAHA,EAAKG,8BAASW,cAAc,sBAEjD,OACEC,EAAAA,IAACC,UAAOC,OAAAC,OAAA,CACNC,MAAOzB,EACP0B,UAAU,eACVC,UAAW,CACTC,QAAS,CACP3B,GAAI,CAEF4B,kBAAUC,EAAY,QAAZC,EAAAzB,aAAG,EAAHA,EAAKG,eAAO,IAAAsB,OAAA,EAAAA,EAAEC,8CAAyBC,OAC1C3B,EAAIG,QAAQuB,wBAAwBC,MAAQ,GAA/C,KACA,QAEJ,qCAAsC,CACpCC,QAAS,UAIfC,MAAO,CACLlC,GAAI,CAEFmC,UAAW,kBAEXC,KAAM,uBAKNpB,GAAiB,CACrBqB,MAAM,GACN,CAAAtC,SAEFuC,EAAAA,KAACC,MAAGjB,OAAAC,OAAA,CACFiB,UAAU,IACVvC,UAAWA,EACXD,GAAIA,IACCC,aAAS,EAATA,EAAWgB,SAAS,eAAgB,CACvCwB,KAAM,QACNzC,kBACE,KAAIsB,OAAAC,OAAA,CACFU,QAAS,OACTS,WAAY,aACZC,eAAgB,eACC,IAAbzC,GAAsB,CAExB0C,SAAU,aAGX5C,IAEL,CACFK,IAAKA,GACDF,EAAI,CAAAJ,SAAA,EAEPE,aAAS,EAATA,EAAWgB,SAAS,eACnBG,EAAAA,IAACyB,EAAAA,WAAUvB,OAAAC,OAAA,CACTvB,GAAK8C,GAAUxB,OAAAC,OAAA,CACbwB,OAAQ,UACRC,aAAc,MACdC,GAAI,MACJC,GAAI,OACDC,EAAAA,kBAAkBL,GAAO,EAAM,QAClC,aACS,QACX7C,UAAU,uCACJe,GAAiB,CAAEoC,UAAU,EAAInD,UAAW,+BAAgC,CAAAF,SAElFqB,EAAAA,IAACiC,EAAAA,kBAAiB,CAACrD,GAAI,CAAEsD,SAAU,aAGvClC,EAAAA,IAACmB,EAAAA,IAAG,CACFvC,GAAI,CACFiC,QAAS,QACTW,UAAuB,IAAb1C,EAAqB,SAAW,UAC1CqD,aAAc,UACdC,WAAY,UACZC,SAAU,KAEZjB,UAAU,OAAM,cACJ,yBACZnC,IAAKO,EAAUb,SAEdA,UAvDAiB,EAAgB,qBAAuB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BoxProps, SvgIconProps, DialogProps, IconButtonProps } from '@mui/material';
|
|
1
|
+
import { BoxProps, SvgIconProps, DialogProps, IconButtonProps, ChipProps } from '@mui/material';
|
|
2
2
|
import { ComponentType, CSSProperties, ElementType } from 'react';
|
|
3
3
|
declare module '@mui/material/styles' {
|
|
4
4
|
interface TypographyVariants {
|
|
@@ -126,6 +126,7 @@ declare module '@mui/material/styles' {
|
|
|
126
126
|
}
|
|
127
127
|
interface ZIndex {
|
|
128
128
|
hotspotCard: number;
|
|
129
|
+
carousel: number;
|
|
129
130
|
}
|
|
130
131
|
}
|
|
131
132
|
declare module '@mui/material/Alert' {
|
|
@@ -465,6 +466,14 @@ declare module '@mui/material/LinearProgress' {
|
|
|
465
466
|
size?: 'small' | 'medium';
|
|
466
467
|
}
|
|
467
468
|
}
|
|
469
|
+
declare module '@mui/x-date-pickers' {
|
|
470
|
+
/**
|
|
471
|
+
* Extend pickers shortcut with chip properties that are applied in code already
|
|
472
|
+
* https://github.com/mui/mui-x/blob/master/packages/x-date-pickers/src/PickersShortcuts/PickersShortcuts.tsx#L79
|
|
473
|
+
*/
|
|
474
|
+
interface PickersShortcutsItem<TValue> extends Omit<ChipProps, 'disabled'> {
|
|
475
|
+
}
|
|
476
|
+
}
|
|
468
477
|
/**
|
|
469
478
|
* Currently custom *OwnProps properties are passed to DOM elements
|
|
470
479
|
* and React throws a warning (in case we are not overwriting default component).
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("@mui/material"),
|
|
1
|
+
"use strict";var e=require("@mui/material"),i=require("./mixins.js"),t=require("../accordion/accordion.theme.js"),r=require("../alert/alert.theme.js"),o=require("../alert/alertTitle.theme.js"),a=require("../avatar/avatar.theme.js"),l=require("../avatar/avatarGroup.theme.js"),u=require("../accordion/accordionSummary.theme.js"),s=require("../accordion/accordionDetails.theme.js"),n=require("../accordion/accordionActions.theme.js"),c=require("../appbar/appbar.theme.js"),m=require("../appbar/toolbar.theme.js"),p=require("../autocomplete/autocomplete.theme.js"),d=require("../backdrop/backdrop.theme.js"),h=require("../badge/badge.theme.js"),f=require("../themeProvider/baseline.theme.js"),w=require("../breadcrumbs/breadcrumbs.theme.js"),M=require("../button/button.theme.js"),k=require("../button/buttonBase.theme.js"),q=require("../link/link.theme.js"),b=require("../checkbox/checkbox.theme.js"),j=require("../chip/chip.theme.js"),T=require("../dialog/dialog.theme.js"),g=require("../dialog/dialogActions.theme.js"),C=require("../dialog/dialogContent.theme.js"),P=require("../dialog/dialogContentText.theme.js"),I=require("../dialog/dialogTitle.theme.js"),D=require("../divider/divider.theme.js"),S=require("../drawer/drawer.theme.js"),x=require("../textfield/filledInput.theme.js"),A=require("../textfield/outlinedInput.theme.js"),L=require("../textfield/formControl.theme.js"),B=require("../textfield/formControlLabel.theme.js"),v=require("../textfield/formHelperText.theme.js"),y=require("../textfield/formLabel.theme.js"),F=require("../textfield/input.theme.js"),H=require("../textfield/inputAdornment.theme.js"),R=require("../textfield/inputBase.theme.js"),O=require("../textfield/inputLabel.theme.js"),G=require("../radio/radio.theme.js"),z=require("../textfield/select.theme.js"),Y=require("../slider/slider.theme.js"),E=require("../switch/switch.theme.js"),Z=require("../textfield/textField.theme.js"),J=require("../svgIcon/svgIcon.theme.js"),K=require("../iconButton/iconButton.theme.js"),N=require("../linearprogress/linearprogress.theme.js"),Q=require("../circularprogress/circularprogress.theme.js"),U=require("../container/container.theme.js"),V=require("../list/list.theme.js"),W=require("../list/listItem.theme.js"),X=require("../list/listItemButton.theme.js"),$=require("../list/listItemText.theme.js"),_=require("../list/listItemIcon.theme.js"),ee=require("../list/listItemAvatar.theme.js"),ie=require("../list/listItemSecondaryAction.theme.js"),te=require("../list/listSubheader.theme.js"),re=require("../menu/menu.theme.js"),oe=require("../menu/menuItem.theme.js"),ae=require("../modal/modal.theme.js"),le=require("../pagination/pagination.theme.js"),ue=require("../pagination/paginationItem.theme.js"),se=require("../paper/paper.theme.js"),ne=require("../popover/popover.theme.js"),ce=require("../rating/rating.theme.js"),me=require("../skeleton/skeleton.theme.js"),pe=require("../snackbar/snackbar.theme.js"),de=require("../snackbar/snackbarContent.theme.js"),he=require("../stepper/stepper.theme.js"),fe=require("../stepper/step.theme.js"),we=require("../stepper/stepButton.theme.js"),Me=require("../stepper/stepConnector.theme.js"),ke=require("../stepper/stepLabel.theme.js"),qe=require("../stepper/stepContent.theme.js"),be=require("../tabs/tab.theme.js"),je=require("../tabs/tabs.theme.js"),Te=require("../tooltip/tooltip.theme.js"),ge=require("../card/card.theme.js"),Ce=require("../card/cardContent.theme.js"),Pe=require("../card/cardHeader.theme.js"),Ie=require("../card/cardActionArea.theme.js"),De=require("../table/tableContainer.theme.js"),Se=require("../table/table.theme.js"),xe=require("../table/tableHead.theme.js"),Ae=require("../table/tableBody.theme.js"),Le=require("../table/tableRow.theme.js"),Be=require("../table/tableCell.theme.js"),ve=require("../table/tableSortLabel.theme.js"),ye=require("../table/tablePagination.theme.js"),Fe=require("../fab/fab.theme.js"),He=require("./paletteLight.theme.js"),Re=require("./paletteDark.theme.js"),Oe=require("./theme.breakpoints.js"),Ge=require("./theme.elevations.js"),ze=require("./theme.zIndex.js"),Ye=require("../datepicker/datepicker.theme.js"),Ee=require("../datepicker/timepicker.theme.js"),Ze=require("../datepicker/datetimepicker.theme.js"),Je=require("../datepicker/datecalendar.theme.js"),Ke=require("../datepicker/pickerstextfield.theme.js"),Ne=require("../datepicker/pickerpopper.theme.js"),Qe=require("../datepicker/pickerslayout.theme.js"),Ue=require("../datepicker/pickersday.theme.js"),Ve=require("../datepicker/daycalendar.theme.js"),We=require("../datepicker/monthcalendar.theme.js"),Xe=require("../datepicker/yearcalendar.theme.js"),$e=require("../datepicker/timeclock.theme.js"),_e=require("../datepicker/digitalclock.theme.js"),ei=require("../datepicker/multisectiondigitalclock.theme.js"),ii=require("../datepicker/mobiledatepicker.theme.js"),ti=require("../datepicker/mobiletimepicker.theme.js"),ri=require("../datepicker/mobiledatetimepicker.theme.js"),oi=require("../datepicker/datepickertoolbar.theme.js"),ai=require("../datepicker/timepickertoolbar.theme.js"),li=require("../datepicker/datetimepickertoolbar.theme.js"),ui=require("../typography/typography.theme.js");function si({mode:si="light",direction:ni="ltr",breakpointsOptions:ci=Oe.flowBreakpoints}){return e.createTheme({breakpoints:ci,mixins:i.flowMixins,palette:"dark"===si?Re.paletteDark:He.paletteLight,direction:ni,typography:ui.getTypographyOptions(ci,"rtl"===ni),flowShadows:Ge.flowElevations,zIndex:ze.flowZIndex,components:{MuiAlert:r.flowAlert,MuiAlertTitle:o.flowAlertTitle,MuiAvatar:a.flowAvatar,MuiAvatarGroup:l.flowAvatarGroup,MuiAppBar:c.flowAppBar,MuiToolbar:m.flowToolbar,MuiContainer:U.flowContainer,MuiCssBaseline:f.getFlowCssBaseline(ci,"rtl"===ni),MuiScopedCssBaseline:f.getFlowScopedCssBaseline(ci,"rtl"===ni),MuiButtonBase:k.flowButtonBase,MuiButton:M.flowButton,MuiIconButton:K.flowIconButton,MuiSvgIcon:J.flowSvgIcon,MuiLink:q.flowLink,MuiLinearProgress:N.flowLinearProgress,MuiCircularProgress:Q.flowCircularProgress,MuiSwitch:E.flowSwitch,MuiCheckbox:b.flowCheckbox,MuiRadio:G.flowRadio,MuiSlider:Y.flowSlider,MuiTooltip:Te.flowTooltip,MuiDivider:D.flowDivider,MuiBadge:h.flowBadge,MuiChip:j.flowChip,MuiPaper:se.flowPaper,MuiTextField:Z.flowTextField,MuiSelect:z.flowSelect,MuiMenu:re.flowMenu,MuiMenuItem:oe.flowMenuItem,MuiTab:be.flowTab,MuiTabs:je.flowTabs,MuiCard:ge.flowCard,MuiCardContent:Ce.flowCardContent,MuiCardHeader:Pe.flowCardHeader,MuiCardActionArea:Ie.flowCardActionArea,MuiPaginationItem:ue.flowPaginationItem,MuiPagination:le.flowPagination,MuiRating:ce.flowRating,MuiSnackbar:pe.flowSnackbar,MuiSnackbarContent:de.flowSnackbarContent,MuiModal:ae.getFlowModal(ci,"rtl"===ni),MuiBackdrop:d.flowBackdrop,MuiDrawer:S.flowDrawer,MuiAccordion:t.flowAccordion,MuiAccordionSummary:u.flowAccordionSummary,MuiAccordionDetails:s.flowAccordionDetails,MuiAccordionActions:n.flowAccordionActions,MuiInputBase:R.flowInputBase,MuiInputLabel:O.flowInputLabel,MuiInput:F.flowInput,MuiFormControl:L.flowFormControl,MuiFilledInput:x.flowFilledInput,MuiOutlinedInput:A.flowOutlinedInput,MuiFormLabel:y.flowFormLabel,MuiFormControlLabel:B.flowFormControlLabel,MuiInputAdornment:H.flowInputAdornment,MuiFormHelperText:v.flowFormHelperText,MuiDialogActions:g.flowDialogActions,MuiDialog:T.flowDialog,MuiDialogContent:C.flowDialogContent,MuiDialogContentText:P.flowDialogContentText,MuiDialogTitle:I.flowDialogTitle,MuiList:V.flowList,MuiListItem:W.flowListItem,MuiListItemButton:X.flowListItemButton,MuiListItemText:$.flowListItemText,MuiListItemIcon:_.flowListItemIcon,MuiListItemAvatar:ee.flowListItemAvatar,MuiListItemSecondaryAction:ie.flowListItemSecondaryAction,MuiListSubheader:te.flowListSubheader,MuiPopover:ne.flowPopover,MuiAutocomplete:p.flowAutocomplete,MuiBreadcrumbs:w.flowBreadCrumbs,MuiSkeleton:me.flowSkeleton,MuiStepper:he.flowStepper,MuiStep:fe.flowStep,MuiStepButton:we.flowStepButton,MuiStepConnector:Me.flowStepConnector,MuiStepLabel:ke.flowStepLabel,MuiStepContent:qe.flowStepContent,MuiTableContainer:De.flowTableContainer,MuiTable:Se.flowTable,MuiTableHead:xe.flowTableHead,MuiTableBody:Ae.flowTableBody,MuiTableRow:Le.flowTableRow,MuiTableCell:Be.flowTableCell,MuiTableSortLabel:ve.flowTableSortLabel,MuiTablePagination:ye.flowTablePagination,MuiFab:Fe.flowFab,MuiDatePicker:Ye.flowDatePicker,MuiTimePicker:Ee.flowTimePicker,MuiDateTimePicker:Ze.flowDateTimePicker,MuiDateCalendar:Je.flowDateCalendar,MuiPickersTextField:Ke.flowPickersTextField,MuiPickersInputBase:Ke.flowPickersInputBase,MuiPickersInput:Ke.flowPickersInput,MuiPickersOutlinedInput:Ke.flowPickersOutlinedInput,MuiPickersFilledInput:Ke.flowPickersFilledInput,MuiPickerPopper:Ne.flowPickerPopper,MuiPickersDay:Ue.flowPickersDay,MuiDayCalendar:Ve.flowDayCalendar,MuiMonthCalendar:We.flowMonthCalendar,MuiYearCalendar:Xe.flowYearCalendar,MuiTimeClock:$e.flowTimeClock,MuiDigitalClock:_e.flowDigitalClock,MuiMultiSectionDigitalClock:ei.flowMultiSectionDigitalClock,MuiMobileDatePicker:ii.flowMobileDatePicker,MuiMobileDateTimePicker:ri.flowMobileDateTimePicker,MuiMobileTimePicker:ti.flowMobileTimePicker,MuiDatePickerToolbar:oi.flowDatePickerToolbar,MuiDateTimePickerToolbar:li.flowDateTimePickerToolbar,MuiTimePickerToolbar:ai.flowTimePickerToolbar,MuiDesktopDatePicker:Ye.flowDesktopDatePicker,MuiDesktopTimePicker:Ee.flowDesktopTimePicker,MuiDesktopDateTimePicker:Ze.flowDesktopDateTimePicker,MuiStaticDatePicker:Ye.flowStaticDatePicker,MuiStaticTimePicker:Ee.flowStaticTimePicker,MuiStaticDateTimePicker:Ze.flowStaticDateTimePicker,MuiPickersLayout:Qe.flowPickersLayout}})}require("@mui/x-date-pickers/themeAugmentation");const ni=si({}),ci=si({mode:"dark"}),mi=si({direction:"rtl"}),pi=si({direction:"rtl",mode:"dark"});exports.createSkodaTheme=si,exports.darkTheme=ci,exports.rtlDarkTheme=pi,exports.rtlTheme=mi,exports.theme=ni;
|
|
2
2
|
//# sourceMappingURL=theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sources":["../../../../../src/materialui/theme/theme.ts"],"sourcesContent":["import { PaletteMode, BreakpointsOptions, Direction, createTheme } from '@mui/material';\nimport { flowMixins } from './mixins';\nimport { flowAccordion } from '../accordion/accordion.theme';\nimport { flowAlert } from '../alert/alert.theme';\nimport { flowAlertTitle } from '../alert/alertTitle.theme';\nimport { flowAvatar } from '../avatar/avatar.theme';\nimport { flowAvatarGroup } from '../avatar/avatarGroup.theme';\nimport { flowAccordionSummary } from '../accordion/accordionSummary.theme';\nimport { flowAccordionDetails } from '../accordion/accordionDetails.theme';\nimport { flowAccordionActions } from '../accordion/accordionActions.theme';\nimport { flowAppBar } from '../appbar/appbar.theme';\nimport { flowToolbar } from '../appbar/toolbar.theme';\nimport { flowAutocomplete } from '../autocomplete/autocomplete.theme';\nimport { flowBackdrop } from '../backdrop/backdrop.theme';\nimport { flowBadge } from '../badge/badge.theme';\nimport { getFlowScopedCssBaseline, getFlowCssBaseline } from '../themeProvider/baseline.theme';\nimport { flowBreadCrumbs } from '../breadcrumbs/breadcrumbs.theme';\nimport { flowButton } from '../button/button.theme';\nimport { flowButtonBase } from '../button/buttonBase.theme';\nimport { flowLink } from '../link/link.theme';\nimport { flowCheckbox } from '../checkbox/checkbox.theme';\nimport { flowChip } from '../chip/chip.theme';\nimport { flowDialog } from '../dialog/dialog.theme';\nimport { flowDialogActions } from '../dialog/dialogActions.theme';\nimport { flowDialogContent } from '../dialog/dialogContent.theme';\nimport { flowDialogContentText } from '../dialog/dialogContentText.theme';\nimport { flowDialogTitle } from '../dialog/dialogTitle.theme';\nimport { flowDivider } from '../divider/divider.theme';\nimport { flowDrawer } from '../drawer/drawer.theme';\nimport { flowFilledInput } from '../textfield/filledInput.theme';\nimport { flowOutlinedInput } from '../textfield/outlinedInput.theme';\nimport { flowFormControl } from '../textfield/formControl.theme';\nimport { flowFormControlLabel } from '../textfield/formControlLabel.theme';\nimport { flowFormHelperText } from '../textfield/formHelperText.theme';\nimport { flowFormLabel } from '../textfield/formLabel.theme';\nimport { flowInput } from '../textfield/input.theme';\nimport { flowInputAdornment } from '../textfield/inputAdornment.theme';\nimport { flowInputBase } from '../textfield/inputBase.theme';\nimport { flowInputLabel } from '../textfield/inputLabel.theme';\nimport { flowRadio } from '../radio/radio.theme';\nimport { flowSelect } from '../textfield/select.theme';\nimport { flowSlider } from '../slider/slider.theme';\nimport { flowSwitch } from '../switch/switch.theme';\nimport { flowTextField } from '../textfield/textField.theme';\nimport { flowSvgIcon } from '../svgIcon/svgIcon.theme';\nimport { flowIconButton } from '../iconButton/iconButton.theme';\nimport { flowLinearProgress } from '../linearprogress/linearprogress.theme';\nimport { flowCircularProgress } from '../circularprogress/circularprogress.theme';\nimport { flowContainer } from '../container/container.theme';\nimport { flowList } from '../list/list.theme';\nimport { flowListItem } from '../list/listItem.theme';\nimport { flowListItemButton } from '../list/listItemButton.theme';\nimport { flowListItemText } from '../list/listItemText.theme';\nimport { flowListItemIcon } from '../list/listItemIcon.theme';\nimport { flowListItemAvatar } from '../list/listItemAvatar.theme';\nimport { flowListItemSecondaryAction } from '../list/listItemSecondaryAction.theme';\nimport { flowListSubheader } from '../list/listSubheader.theme';\nimport { flowMenu } from '../menu/menu.theme';\nimport { flowMenuItem } from '../menu/menuItem.theme';\nimport { getFlowModal } from '../modal/modal.theme';\nimport { flowPagination } from '../pagination/pagination.theme';\nimport { flowPaginationItem } from '../pagination/paginationItem.theme';\nimport { flowPaper } from '../paper/paper.theme';\nimport { flowPopover } from '../popover/popover.theme';\nimport { flowRating } from '../rating/rating.theme';\nimport { flowSkeleton } from '../skeleton/skeleton.theme';\nimport { flowSnackbar } from '../snackbar/snackbar.theme';\nimport { flowSnackbarContent } from '../snackbar/snackbarContent.theme';\nimport { flowStepper } from '../stepper/stepper.theme';\nimport { flowStep } from '../stepper/step.theme';\nimport { flowStepButton } from '../stepper/stepButton.theme';\nimport { flowStepConnector } from '../stepper/stepConnector.theme';\nimport { flowStepLabel } from '../stepper/stepLabel.theme';\nimport { flowStepContent } from '../stepper/stepContent.theme';\nimport { flowTab } from '../tabs/tab.theme';\nimport { flowTabs } from '../tabs/tabs.theme';\nimport { flowTooltip } from '../tooltip/tooltip.theme';\nimport { flowCard } from '../card/card.theme';\nimport { flowCardContent } from '../card/cardContent.theme';\nimport { flowCardHeader } from '../card/cardHeader.theme';\nimport { flowCardActionArea } from '../card/cardActionArea.theme';\nimport { flowTableContainer } from '../table/tableContainer.theme';\nimport { flowTable } from '../table/table.theme';\nimport { flowTableHead } from '../table/tableHead.theme';\nimport { flowTableBody } from '../table/tableBody.theme';\nimport { flowTableRow } from '../table/tableRow.theme';\nimport { flowTableCell } from '../table/tableCell.theme';\nimport { flowTableSortLabel } from '../table/tableSortLabel.theme';\nimport { flowTablePagination } from '../table/tablePagination.theme';\nimport { flowFab } from '../fab/fab.theme';\nimport { paletteLight } from './paletteLight.theme';\nimport { paletteDark } from './paletteDark.theme';\nimport { flowBreakpoints } from './theme.breakpoints';\nimport { flowElevations } from './theme.elevations';\nimport { flowZIndex } from './theme.zIndex';\nimport { flowDatePicker, flowDesktopDatePicker } from '../datepicker/datepicker.theme';\nimport { flowTimePicker, flowDesktopTimePicker } from '../datepicker/timepicker.theme';\nimport { flowDateTimePicker, flowDesktopDateTimePicker } from '../datepicker/datetimepicker.theme';\nimport { flowDateCalendar } from '../datepicker/datecalendar.theme';\nimport {\n flowPickersFilledInput,\n flowPickersInput,\n flowPickersInputBase,\n flowPickersOutlinedInput,\n flowPickersTextField,\n} from '../datepicker/pickerstextfield.theme';\nimport { flowPickerPopper } from '../datepicker/pickerpopper.theme';\nimport { flowPickersDay } from '../datepicker/pickersday.theme';\nimport { flowDayCalendar } from '../datepicker/daycalendar.theme';\nimport { flowMonthCalendar } from '../datepicker/monthcalendar.theme';\nimport { flowYearCalendar } from '../datepicker/yearcalendar.theme';\nimport { flowTimeClock } from '../datepicker/timeclock.theme';\nimport { flowDigitalClock } from '../datepicker/digitalclock.theme';\nimport { flowMultiSectionDigitalClock } from '../datepicker/multisectiondigitalclock.theme';\nimport { flowMobileDatePicker } from '../datepicker/mobiledatepicker.theme';\nimport { flowMobileTimePicker } from '../datepicker/mobiletimepicker.theme';\nimport { flowMobileDateTimePicker } from '../datepicker/mobiledatetimepicker.theme';\nimport { flowDatePickerToolbar } from '../datepicker/datepickertoolbar.theme';\nimport { flowTimePickerToolbar } from '../datepicker/timepickertoolbar.theme';\nimport { flowDateTimePickerToolbar } from '../datepicker/datetimepickertoolbar.theme';\nimport './theme.extensions';\nimport { getTypographyOptions } from '../typography/typography.theme';\nimport '@mui/x-date-pickers/themeAugmentation';\n\nexport function createSkodaTheme({\n mode = 'light',\n direction = 'ltr',\n breakpointsOptions = flowBreakpoints,\n}: {\n mode?: PaletteMode;\n direction?: Direction;\n breakpointsOptions?: BreakpointsOptions;\n}) {\n return createTheme({\n breakpoints: breakpointsOptions,\n mixins: flowMixins,\n palette: mode === 'dark' ? paletteDark : paletteLight,\n direction: direction,\n typography: getTypographyOptions(breakpointsOptions, direction === 'rtl'),\n flowShadows: flowElevations,\n zIndex: flowZIndex,\n components: {\n MuiAlert: flowAlert,\n MuiAlertTitle: flowAlertTitle,\n MuiAvatar: flowAvatar,\n MuiAvatarGroup: flowAvatarGroup,\n MuiAppBar: flowAppBar,\n MuiToolbar: flowToolbar,\n MuiContainer: flowContainer,\n MuiCssBaseline: getFlowCssBaseline(breakpointsOptions, direction === 'rtl'),\n MuiScopedCssBaseline: getFlowScopedCssBaseline(breakpointsOptions, direction === 'rtl'),\n MuiButtonBase: flowButtonBase,\n MuiButton: flowButton,\n MuiIconButton: flowIconButton,\n MuiSvgIcon: flowSvgIcon,\n MuiLink: flowLink,\n MuiLinearProgress: flowLinearProgress,\n MuiCircularProgress: flowCircularProgress,\n MuiSwitch: flowSwitch,\n MuiCheckbox: flowCheckbox,\n MuiRadio: flowRadio,\n MuiSlider: flowSlider,\n MuiTooltip: flowTooltip,\n MuiDivider: flowDivider,\n MuiBadge: flowBadge,\n MuiChip: flowChip,\n MuiPaper: flowPaper,\n MuiTextField: flowTextField,\n MuiSelect: flowSelect,\n MuiMenu: flowMenu,\n MuiMenuItem: flowMenuItem,\n MuiTab: flowTab,\n MuiTabs: flowTabs,\n MuiCard: flowCard,\n MuiCardContent: flowCardContent,\n MuiCardHeader: flowCardHeader,\n MuiCardActionArea: flowCardActionArea,\n MuiPaginationItem: flowPaginationItem,\n MuiPagination: flowPagination,\n MuiRating: flowRating,\n MuiSnackbar: flowSnackbar,\n MuiSnackbarContent: flowSnackbarContent,\n MuiModal: getFlowModal(breakpointsOptions, direction === 'rtl'),\n MuiBackdrop: flowBackdrop,\n MuiDrawer: flowDrawer,\n MuiAccordion: flowAccordion,\n MuiAccordionSummary: flowAccordionSummary,\n MuiAccordionDetails: flowAccordionDetails,\n MuiAccordionActions: flowAccordionActions,\n MuiInputBase: flowInputBase,\n MuiInputLabel: flowInputLabel,\n MuiInput: flowInput,\n MuiFormControl: flowFormControl,\n MuiFilledInput: flowFilledInput,\n MuiOutlinedInput: flowOutlinedInput,\n MuiFormLabel: flowFormLabel,\n MuiFormControlLabel: flowFormControlLabel,\n MuiInputAdornment: flowInputAdornment,\n MuiFormHelperText: flowFormHelperText,\n MuiDialogActions: flowDialogActions,\n MuiDialog: flowDialog,\n MuiDialogContent: flowDialogContent,\n MuiDialogContentText: flowDialogContentText,\n MuiDialogTitle: flowDialogTitle,\n MuiList: flowList,\n MuiListItem: flowListItem,\n MuiListItemButton: flowListItemButton,\n MuiListItemText: flowListItemText,\n MuiListItemIcon: flowListItemIcon,\n MuiListItemAvatar: flowListItemAvatar,\n MuiListItemSecondaryAction: flowListItemSecondaryAction,\n MuiListSubheader: flowListSubheader,\n MuiPopover: flowPopover,\n MuiAutocomplete: flowAutocomplete,\n MuiBreadcrumbs: flowBreadCrumbs,\n MuiSkeleton: flowSkeleton,\n MuiStepper: flowStepper,\n MuiStep: flowStep,\n MuiStepButton: flowStepButton,\n MuiStepConnector: flowStepConnector,\n MuiStepLabel: flowStepLabel,\n MuiStepContent: flowStepContent,\n MuiTableContainer: flowTableContainer,\n MuiTable: flowTable,\n MuiTableHead: flowTableHead,\n MuiTableBody: flowTableBody,\n MuiTableRow: flowTableRow,\n MuiTableCell: flowTableCell,\n MuiTableSortLabel: flowTableSortLabel,\n MuiTablePagination: flowTablePagination,\n MuiFab: flowFab,\n MuiDatePicker: flowDatePicker,\n MuiTimePicker: flowTimePicker,\n MuiDateTimePicker: flowDateTimePicker,\n MuiDateCalendar: flowDateCalendar,\n MuiPickersTextField: flowPickersTextField,\n MuiPickersInputBase: flowPickersInputBase,\n MuiPickersInput: flowPickersInput,\n MuiPickersOutlinedInput: flowPickersOutlinedInput,\n MuiPickersFilledInput: flowPickersFilledInput,\n MuiPickerPopper: flowPickerPopper,\n MuiPickersDay: flowPickersDay,\n MuiDayCalendar: flowDayCalendar,\n MuiMonthCalendar: flowMonthCalendar,\n MuiYearCalendar: flowYearCalendar,\n MuiTimeClock: flowTimeClock,\n MuiDigitalClock: flowDigitalClock,\n MuiMultiSectionDigitalClock: flowMultiSectionDigitalClock,\n MuiMobileDatePicker: flowMobileDatePicker,\n MuiMobileDateTimePicker: flowMobileDateTimePicker,\n MuiMobileTimePicker: flowMobileTimePicker,\n MuiDatePickerToolbar: flowDatePickerToolbar,\n MuiDateTimePickerToolbar: flowDateTimePickerToolbar,\n MuiTimePickerToolbar: flowTimePickerToolbar,\n MuiDesktopDatePicker: flowDesktopDatePicker,\n MuiDesktopTimePicker: flowDesktopTimePicker,\n MuiDesktopDateTimePicker: flowDesktopDateTimePicker,\n },\n });\n}\n\nexport const theme = createSkodaTheme({});\nexport const darkTheme = createSkodaTheme({ mode: 'dark' });\nexport const rtlTheme = createSkodaTheme({ direction: 'rtl' });\nexport const rtlDarkTheme = createSkodaTheme({ direction: 'rtl', mode: 'dark' });\n"],"names":["createSkodaTheme","mode","direction","breakpointsOptions","flowBreakpoints","createTheme","breakpoints","mixins","flowMixins","palette","paletteDark","paletteLight","typography","getTypographyOptions","flowShadows","flowElevations","zIndex","flowZIndex","components","MuiAlert","flowAlert","MuiAlertTitle","flowAlertTitle","MuiAvatar","flowAvatar","MuiAvatarGroup","flowAvatarGroup","MuiAppBar","flowAppBar","MuiToolbar","flowToolbar","MuiContainer","flowContainer","MuiCssBaseline","getFlowCssBaseline","MuiScopedCssBaseline","getFlowScopedCssBaseline","MuiButtonBase","flowButtonBase","MuiButton","flowButton","MuiIconButton","flowIconButton","MuiSvgIcon","flowSvgIcon","MuiLink","flowLink","MuiLinearProgress","flowLinearProgress","MuiCircularProgress","flowCircularProgress","MuiSwitch","flowSwitch","MuiCheckbox","flowCheckbox","MuiRadio","flowRadio","MuiSlider","flowSlider","MuiTooltip","flowTooltip","MuiDivider","flowDivider","MuiBadge","flowBadge","MuiChip","flowChip","MuiPaper","flowPaper","MuiTextField","flowTextField","MuiSelect","flowSelect","MuiMenu","flowMenu","MuiMenuItem","flowMenuItem","MuiTab","flowTab","MuiTabs","flowTabs","MuiCard","flowCard","MuiCardContent","flowCardContent","MuiCardHeader","flowCardHeader","MuiCardActionArea","flowCardActionArea","MuiPaginationItem","flowPaginationItem","MuiPagination","flowPagination","MuiRating","flowRating","MuiSnackbar","flowSnackbar","MuiSnackbarContent","flowSnackbarContent","MuiModal","getFlowModal","MuiBackdrop","flowBackdrop","MuiDrawer","flowDrawer","MuiAccordion","flowAccordion","MuiAccordionSummary","flowAccordionSummary","MuiAccordionDetails","flowAccordionDetails","MuiAccordionActions","flowAccordionActions","MuiInputBase","flowInputBase","MuiInputLabel","flowInputLabel","MuiInput","flowInput","MuiFormControl","flowFormControl","MuiFilledInput","flowFilledInput","MuiOutlinedInput","flowOutlinedInput","MuiFormLabel","flowFormLabel","MuiFormControlLabel","flowFormControlLabel","MuiInputAdornment","flowInputAdornment","MuiFormHelperText","flowFormHelperText","MuiDialogActions","flowDialogActions","MuiDialog","flowDialog","MuiDialogContent","flowDialogContent","MuiDialogContentText","flowDialogContentText","MuiDialogTitle","flowDialogTitle","MuiList","flowList","MuiListItem","flowListItem","MuiListItemButton","flowListItemButton","MuiListItemText","flowListItemText","MuiListItemIcon","flowListItemIcon","MuiListItemAvatar","flowListItemAvatar","MuiListItemSecondaryAction","flowListItemSecondaryAction","MuiListSubheader","flowListSubheader","MuiPopover","flowPopover","MuiAutocomplete","flowAutocomplete","MuiBreadcrumbs","flowBreadCrumbs","MuiSkeleton","flowSkeleton","MuiStepper","flowStepper","MuiStep","flowStep","MuiStepButton","flowStepButton","MuiStepConnector","flowStepConnector","MuiStepLabel","flowStepLabel","MuiStepContent","flowStepContent","MuiTableContainer","flowTableContainer","MuiTable","flowTable","MuiTableHead","flowTableHead","MuiTableBody","flowTableBody","MuiTableRow","flowTableRow","MuiTableCell","flowTableCell","MuiTableSortLabel","flowTableSortLabel","MuiTablePagination","flowTablePagination","MuiFab","flowFab","MuiDatePicker","flowDatePicker","MuiTimePicker","flowTimePicker","MuiDateTimePicker","flowDateTimePicker","MuiDateCalendar","flowDateCalendar","MuiPickersTextField","flowPickersTextField","MuiPickersInputBase","flowPickersInputBase","MuiPickersInput","flowPickersInput","MuiPickersOutlinedInput","flowPickersOutlinedInput","MuiPickersFilledInput","flowPickersFilledInput","MuiPickerPopper","flowPickerPopper","MuiPickersDay","flowPickersDay","MuiDayCalendar","flowDayCalendar","MuiMonthCalendar","flowMonthCalendar","MuiYearCalendar","flowYearCalendar","MuiTimeClock","flowTimeClock","MuiDigitalClock","flowDigitalClock","MuiMultiSectionDigitalClock","flowMultiSectionDigitalClock","MuiMobileDatePicker","flowMobileDatePicker","MuiMobileDateTimePicker","flowMobileDateTimePicker","MuiMobileTimePicker","flowMobileTimePicker","MuiDatePickerToolbar","flowDatePickerToolbar","MuiDateTimePickerToolbar","flowDateTimePickerToolbar","MuiTimePickerToolbar","flowTimePickerToolbar","MuiDesktopDatePicker","flowDesktopDatePicker","MuiDesktopTimePicker","flowDesktopTimePicker","MuiDesktopDateTimePicker","flowDesktopDateTimePicker","theme","darkTheme","rtlTheme","rtlDarkTheme"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"theme.js","sources":["../../../../../src/materialui/theme/theme.ts"],"sourcesContent":["import { PaletteMode, BreakpointsOptions, Direction, createTheme } from '@mui/material';\nimport { flowMixins } from './mixins';\nimport { flowAccordion } from '../accordion/accordion.theme';\nimport { flowAlert } from '../alert/alert.theme';\nimport { flowAlertTitle } from '../alert/alertTitle.theme';\nimport { flowAvatar } from '../avatar/avatar.theme';\nimport { flowAvatarGroup } from '../avatar/avatarGroup.theme';\nimport { flowAccordionSummary } from '../accordion/accordionSummary.theme';\nimport { flowAccordionDetails } from '../accordion/accordionDetails.theme';\nimport { flowAccordionActions } from '../accordion/accordionActions.theme';\nimport { flowAppBar } from '../appbar/appbar.theme';\nimport { flowToolbar } from '../appbar/toolbar.theme';\nimport { flowAutocomplete } from '../autocomplete/autocomplete.theme';\nimport { flowBackdrop } from '../backdrop/backdrop.theme';\nimport { flowBadge } from '../badge/badge.theme';\nimport { getFlowScopedCssBaseline, getFlowCssBaseline } from '../themeProvider/baseline.theme';\nimport { flowBreadCrumbs } from '../breadcrumbs/breadcrumbs.theme';\nimport { flowButton } from '../button/button.theme';\nimport { flowButtonBase } from '../button/buttonBase.theme';\nimport { flowLink } from '../link/link.theme';\nimport { flowCheckbox } from '../checkbox/checkbox.theme';\nimport { flowChip } from '../chip/chip.theme';\nimport { flowDialog } from '../dialog/dialog.theme';\nimport { flowDialogActions } from '../dialog/dialogActions.theme';\nimport { flowDialogContent } from '../dialog/dialogContent.theme';\nimport { flowDialogContentText } from '../dialog/dialogContentText.theme';\nimport { flowDialogTitle } from '../dialog/dialogTitle.theme';\nimport { flowDivider } from '../divider/divider.theme';\nimport { flowDrawer } from '../drawer/drawer.theme';\nimport { flowFilledInput } from '../textfield/filledInput.theme';\nimport { flowOutlinedInput } from '../textfield/outlinedInput.theme';\nimport { flowFormControl } from '../textfield/formControl.theme';\nimport { flowFormControlLabel } from '../textfield/formControlLabel.theme';\nimport { flowFormHelperText } from '../textfield/formHelperText.theme';\nimport { flowFormLabel } from '../textfield/formLabel.theme';\nimport { flowInput } from '../textfield/input.theme';\nimport { flowInputAdornment } from '../textfield/inputAdornment.theme';\nimport { flowInputBase } from '../textfield/inputBase.theme';\nimport { flowInputLabel } from '../textfield/inputLabel.theme';\nimport { flowRadio } from '../radio/radio.theme';\nimport { flowSelect } from '../textfield/select.theme';\nimport { flowSlider } from '../slider/slider.theme';\nimport { flowSwitch } from '../switch/switch.theme';\nimport { flowTextField } from '../textfield/textField.theme';\nimport { flowSvgIcon } from '../svgIcon/svgIcon.theme';\nimport { flowIconButton } from '../iconButton/iconButton.theme';\nimport { flowLinearProgress } from '../linearprogress/linearprogress.theme';\nimport { flowCircularProgress } from '../circularprogress/circularprogress.theme';\nimport { flowContainer } from '../container/container.theme';\nimport { flowList } from '../list/list.theme';\nimport { flowListItem } from '../list/listItem.theme';\nimport { flowListItemButton } from '../list/listItemButton.theme';\nimport { flowListItemText } from '../list/listItemText.theme';\nimport { flowListItemIcon } from '../list/listItemIcon.theme';\nimport { flowListItemAvatar } from '../list/listItemAvatar.theme';\nimport { flowListItemSecondaryAction } from '../list/listItemSecondaryAction.theme';\nimport { flowListSubheader } from '../list/listSubheader.theme';\nimport { flowMenu } from '../menu/menu.theme';\nimport { flowMenuItem } from '../menu/menuItem.theme';\nimport { getFlowModal } from '../modal/modal.theme';\nimport { flowPagination } from '../pagination/pagination.theme';\nimport { flowPaginationItem } from '../pagination/paginationItem.theme';\nimport { flowPaper } from '../paper/paper.theme';\nimport { flowPopover } from '../popover/popover.theme';\nimport { flowRating } from '../rating/rating.theme';\nimport { flowSkeleton } from '../skeleton/skeleton.theme';\nimport { flowSnackbar } from '../snackbar/snackbar.theme';\nimport { flowSnackbarContent } from '../snackbar/snackbarContent.theme';\nimport { flowStepper } from '../stepper/stepper.theme';\nimport { flowStep } from '../stepper/step.theme';\nimport { flowStepButton } from '../stepper/stepButton.theme';\nimport { flowStepConnector } from '../stepper/stepConnector.theme';\nimport { flowStepLabel } from '../stepper/stepLabel.theme';\nimport { flowStepContent } from '../stepper/stepContent.theme';\nimport { flowTab } from '../tabs/tab.theme';\nimport { flowTabs } from '../tabs/tabs.theme';\nimport { flowTooltip } from '../tooltip/tooltip.theme';\nimport { flowCard } from '../card/card.theme';\nimport { flowCardContent } from '../card/cardContent.theme';\nimport { flowCardHeader } from '../card/cardHeader.theme';\nimport { flowCardActionArea } from '../card/cardActionArea.theme';\nimport { flowTableContainer } from '../table/tableContainer.theme';\nimport { flowTable } from '../table/table.theme';\nimport { flowTableHead } from '../table/tableHead.theme';\nimport { flowTableBody } from '../table/tableBody.theme';\nimport { flowTableRow } from '../table/tableRow.theme';\nimport { flowTableCell } from '../table/tableCell.theme';\nimport { flowTableSortLabel } from '../table/tableSortLabel.theme';\nimport { flowTablePagination } from '../table/tablePagination.theme';\nimport { flowFab } from '../fab/fab.theme';\nimport { paletteLight } from './paletteLight.theme';\nimport { paletteDark } from './paletteDark.theme';\nimport { flowBreakpoints } from './theme.breakpoints';\nimport { flowElevations } from './theme.elevations';\nimport { flowZIndex } from './theme.zIndex';\nimport { flowDatePicker, flowDesktopDatePicker, flowStaticDatePicker } from '../datepicker/datepicker.theme';\nimport { flowTimePicker, flowDesktopTimePicker, flowStaticTimePicker } from '../datepicker/timepicker.theme';\nimport {\n flowDateTimePicker,\n flowDesktopDateTimePicker,\n flowStaticDateTimePicker,\n} from '../datepicker/datetimepicker.theme';\nimport { flowDateCalendar } from '../datepicker/datecalendar.theme';\nimport {\n flowPickersFilledInput,\n flowPickersInput,\n flowPickersInputBase,\n flowPickersOutlinedInput,\n flowPickersTextField,\n} from '../datepicker/pickerstextfield.theme';\nimport { flowPickerPopper } from '../datepicker/pickerpopper.theme';\nimport { flowPickersLayout } from '../datepicker/pickerslayout.theme';\nimport { flowPickersDay } from '../datepicker/pickersday.theme';\nimport { flowDayCalendar } from '../datepicker/daycalendar.theme';\nimport { flowMonthCalendar } from '../datepicker/monthcalendar.theme';\nimport { flowYearCalendar } from '../datepicker/yearcalendar.theme';\nimport { flowTimeClock } from '../datepicker/timeclock.theme';\nimport { flowDigitalClock } from '../datepicker/digitalclock.theme';\nimport { flowMultiSectionDigitalClock } from '../datepicker/multisectiondigitalclock.theme';\nimport { flowMobileDatePicker } from '../datepicker/mobiledatepicker.theme';\nimport { flowMobileTimePicker } from '../datepicker/mobiletimepicker.theme';\nimport { flowMobileDateTimePicker } from '../datepicker/mobiledatetimepicker.theme';\nimport { flowDatePickerToolbar } from '../datepicker/datepickertoolbar.theme';\nimport { flowTimePickerToolbar } from '../datepicker/timepickertoolbar.theme';\nimport { flowDateTimePickerToolbar } from '../datepicker/datetimepickertoolbar.theme';\nimport './theme.extensions';\nimport { getTypographyOptions } from '../typography/typography.theme';\nimport '@mui/x-date-pickers/themeAugmentation';\n\nexport function createSkodaTheme({\n mode = 'light',\n direction = 'ltr',\n breakpointsOptions = flowBreakpoints,\n}: {\n mode?: PaletteMode;\n direction?: Direction;\n breakpointsOptions?: BreakpointsOptions;\n}) {\n return createTheme({\n breakpoints: breakpointsOptions,\n mixins: flowMixins,\n palette: mode === 'dark' ? paletteDark : paletteLight,\n direction: direction,\n typography: getTypographyOptions(breakpointsOptions, direction === 'rtl'),\n flowShadows: flowElevations,\n zIndex: flowZIndex,\n components: {\n MuiAlert: flowAlert,\n MuiAlertTitle: flowAlertTitle,\n MuiAvatar: flowAvatar,\n MuiAvatarGroup: flowAvatarGroup,\n MuiAppBar: flowAppBar,\n MuiToolbar: flowToolbar,\n MuiContainer: flowContainer,\n MuiCssBaseline: getFlowCssBaseline(breakpointsOptions, direction === 'rtl'),\n MuiScopedCssBaseline: getFlowScopedCssBaseline(breakpointsOptions, direction === 'rtl'),\n MuiButtonBase: flowButtonBase,\n MuiButton: flowButton,\n MuiIconButton: flowIconButton,\n MuiSvgIcon: flowSvgIcon,\n MuiLink: flowLink,\n MuiLinearProgress: flowLinearProgress,\n MuiCircularProgress: flowCircularProgress,\n MuiSwitch: flowSwitch,\n MuiCheckbox: flowCheckbox,\n MuiRadio: flowRadio,\n MuiSlider: flowSlider,\n MuiTooltip: flowTooltip,\n MuiDivider: flowDivider,\n MuiBadge: flowBadge,\n MuiChip: flowChip,\n MuiPaper: flowPaper,\n MuiTextField: flowTextField,\n MuiSelect: flowSelect,\n MuiMenu: flowMenu,\n MuiMenuItem: flowMenuItem,\n MuiTab: flowTab,\n MuiTabs: flowTabs,\n MuiCard: flowCard,\n MuiCardContent: flowCardContent,\n MuiCardHeader: flowCardHeader,\n MuiCardActionArea: flowCardActionArea,\n MuiPaginationItem: flowPaginationItem,\n MuiPagination: flowPagination,\n MuiRating: flowRating,\n MuiSnackbar: flowSnackbar,\n MuiSnackbarContent: flowSnackbarContent,\n MuiModal: getFlowModal(breakpointsOptions, direction === 'rtl'),\n MuiBackdrop: flowBackdrop,\n MuiDrawer: flowDrawer,\n MuiAccordion: flowAccordion,\n MuiAccordionSummary: flowAccordionSummary,\n MuiAccordionDetails: flowAccordionDetails,\n MuiAccordionActions: flowAccordionActions,\n MuiInputBase: flowInputBase,\n MuiInputLabel: flowInputLabel,\n MuiInput: flowInput,\n MuiFormControl: flowFormControl,\n MuiFilledInput: flowFilledInput,\n MuiOutlinedInput: flowOutlinedInput,\n MuiFormLabel: flowFormLabel,\n MuiFormControlLabel: flowFormControlLabel,\n MuiInputAdornment: flowInputAdornment,\n MuiFormHelperText: flowFormHelperText,\n MuiDialogActions: flowDialogActions,\n MuiDialog: flowDialog,\n MuiDialogContent: flowDialogContent,\n MuiDialogContentText: flowDialogContentText,\n MuiDialogTitle: flowDialogTitle,\n MuiList: flowList,\n MuiListItem: flowListItem,\n MuiListItemButton: flowListItemButton,\n MuiListItemText: flowListItemText,\n MuiListItemIcon: flowListItemIcon,\n MuiListItemAvatar: flowListItemAvatar,\n MuiListItemSecondaryAction: flowListItemSecondaryAction,\n MuiListSubheader: flowListSubheader,\n MuiPopover: flowPopover,\n MuiAutocomplete: flowAutocomplete,\n MuiBreadcrumbs: flowBreadCrumbs,\n MuiSkeleton: flowSkeleton,\n MuiStepper: flowStepper,\n MuiStep: flowStep,\n MuiStepButton: flowStepButton,\n MuiStepConnector: flowStepConnector,\n MuiStepLabel: flowStepLabel,\n MuiStepContent: flowStepContent,\n MuiTableContainer: flowTableContainer,\n MuiTable: flowTable,\n MuiTableHead: flowTableHead,\n MuiTableBody: flowTableBody,\n MuiTableRow: flowTableRow,\n MuiTableCell: flowTableCell,\n MuiTableSortLabel: flowTableSortLabel,\n MuiTablePagination: flowTablePagination,\n MuiFab: flowFab,\n MuiDatePicker: flowDatePicker,\n MuiTimePicker: flowTimePicker,\n MuiDateTimePicker: flowDateTimePicker,\n MuiDateCalendar: flowDateCalendar,\n MuiPickersTextField: flowPickersTextField,\n MuiPickersInputBase: flowPickersInputBase,\n MuiPickersInput: flowPickersInput,\n MuiPickersOutlinedInput: flowPickersOutlinedInput,\n MuiPickersFilledInput: flowPickersFilledInput,\n MuiPickerPopper: flowPickerPopper,\n MuiPickersDay: flowPickersDay,\n MuiDayCalendar: flowDayCalendar,\n MuiMonthCalendar: flowMonthCalendar,\n MuiYearCalendar: flowYearCalendar,\n MuiTimeClock: flowTimeClock,\n MuiDigitalClock: flowDigitalClock,\n MuiMultiSectionDigitalClock: flowMultiSectionDigitalClock,\n MuiMobileDatePicker: flowMobileDatePicker,\n MuiMobileDateTimePicker: flowMobileDateTimePicker,\n MuiMobileTimePicker: flowMobileTimePicker,\n MuiDatePickerToolbar: flowDatePickerToolbar,\n MuiDateTimePickerToolbar: flowDateTimePickerToolbar,\n MuiTimePickerToolbar: flowTimePickerToolbar,\n MuiDesktopDatePicker: flowDesktopDatePicker,\n MuiDesktopTimePicker: flowDesktopTimePicker,\n MuiDesktopDateTimePicker: flowDesktopDateTimePicker,\n MuiStaticDatePicker: flowStaticDatePicker,\n MuiStaticTimePicker: flowStaticTimePicker,\n MuiStaticDateTimePicker: flowStaticDateTimePicker,\n MuiPickersLayout: flowPickersLayout,\n },\n });\n}\n\nexport const theme = createSkodaTheme({});\nexport const darkTheme = createSkodaTheme({ mode: 'dark' });\nexport const rtlTheme = createSkodaTheme({ direction: 'rtl' });\nexport const rtlDarkTheme = createSkodaTheme({ direction: 'rtl', mode: 'dark' });\n"],"names":["createSkodaTheme","mode","direction","breakpointsOptions","flowBreakpoints","createTheme","breakpoints","mixins","flowMixins","palette","paletteDark","paletteLight","typography","getTypographyOptions","flowShadows","flowElevations","zIndex","flowZIndex","components","MuiAlert","flowAlert","MuiAlertTitle","flowAlertTitle","MuiAvatar","flowAvatar","MuiAvatarGroup","flowAvatarGroup","MuiAppBar","flowAppBar","MuiToolbar","flowToolbar","MuiContainer","flowContainer","MuiCssBaseline","getFlowCssBaseline","MuiScopedCssBaseline","getFlowScopedCssBaseline","MuiButtonBase","flowButtonBase","MuiButton","flowButton","MuiIconButton","flowIconButton","MuiSvgIcon","flowSvgIcon","MuiLink","flowLink","MuiLinearProgress","flowLinearProgress","MuiCircularProgress","flowCircularProgress","MuiSwitch","flowSwitch","MuiCheckbox","flowCheckbox","MuiRadio","flowRadio","MuiSlider","flowSlider","MuiTooltip","flowTooltip","MuiDivider","flowDivider","MuiBadge","flowBadge","MuiChip","flowChip","MuiPaper","flowPaper","MuiTextField","flowTextField","MuiSelect","flowSelect","MuiMenu","flowMenu","MuiMenuItem","flowMenuItem","MuiTab","flowTab","MuiTabs","flowTabs","MuiCard","flowCard","MuiCardContent","flowCardContent","MuiCardHeader","flowCardHeader","MuiCardActionArea","flowCardActionArea","MuiPaginationItem","flowPaginationItem","MuiPagination","flowPagination","MuiRating","flowRating","MuiSnackbar","flowSnackbar","MuiSnackbarContent","flowSnackbarContent","MuiModal","getFlowModal","MuiBackdrop","flowBackdrop","MuiDrawer","flowDrawer","MuiAccordion","flowAccordion","MuiAccordionSummary","flowAccordionSummary","MuiAccordionDetails","flowAccordionDetails","MuiAccordionActions","flowAccordionActions","MuiInputBase","flowInputBase","MuiInputLabel","flowInputLabel","MuiInput","flowInput","MuiFormControl","flowFormControl","MuiFilledInput","flowFilledInput","MuiOutlinedInput","flowOutlinedInput","MuiFormLabel","flowFormLabel","MuiFormControlLabel","flowFormControlLabel","MuiInputAdornment","flowInputAdornment","MuiFormHelperText","flowFormHelperText","MuiDialogActions","flowDialogActions","MuiDialog","flowDialog","MuiDialogContent","flowDialogContent","MuiDialogContentText","flowDialogContentText","MuiDialogTitle","flowDialogTitle","MuiList","flowList","MuiListItem","flowListItem","MuiListItemButton","flowListItemButton","MuiListItemText","flowListItemText","MuiListItemIcon","flowListItemIcon","MuiListItemAvatar","flowListItemAvatar","MuiListItemSecondaryAction","flowListItemSecondaryAction","MuiListSubheader","flowListSubheader","MuiPopover","flowPopover","MuiAutocomplete","flowAutocomplete","MuiBreadcrumbs","flowBreadCrumbs","MuiSkeleton","flowSkeleton","MuiStepper","flowStepper","MuiStep","flowStep","MuiStepButton","flowStepButton","MuiStepConnector","flowStepConnector","MuiStepLabel","flowStepLabel","MuiStepContent","flowStepContent","MuiTableContainer","flowTableContainer","MuiTable","flowTable","MuiTableHead","flowTableHead","MuiTableBody","flowTableBody","MuiTableRow","flowTableRow","MuiTableCell","flowTableCell","MuiTableSortLabel","flowTableSortLabel","MuiTablePagination","flowTablePagination","MuiFab","flowFab","MuiDatePicker","flowDatePicker","MuiTimePicker","flowTimePicker","MuiDateTimePicker","flowDateTimePicker","MuiDateCalendar","flowDateCalendar","MuiPickersTextField","flowPickersTextField","MuiPickersInputBase","flowPickersInputBase","MuiPickersInput","flowPickersInput","MuiPickersOutlinedInput","flowPickersOutlinedInput","MuiPickersFilledInput","flowPickersFilledInput","MuiPickerPopper","flowPickerPopper","MuiPickersDay","flowPickersDay","MuiDayCalendar","flowDayCalendar","MuiMonthCalendar","flowMonthCalendar","MuiYearCalendar","flowYearCalendar","MuiTimeClock","flowTimeClock","MuiDigitalClock","flowDigitalClock","MuiMultiSectionDigitalClock","flowMultiSectionDigitalClock","MuiMobileDatePicker","flowMobileDatePicker","MuiMobileDateTimePicker","flowMobileDateTimePicker","MuiMobileTimePicker","flowMobileTimePicker","MuiDatePickerToolbar","flowDatePickerToolbar","MuiDateTimePickerToolbar","flowDateTimePickerToolbar","MuiTimePickerToolbar","flowTimePickerToolbar","MuiDesktopDatePicker","flowDesktopDatePicker","MuiDesktopTimePicker","flowDesktopTimePicker","MuiDesktopDateTimePicker","flowDesktopDateTimePicker","MuiStaticDatePicker","flowStaticDatePicker","MuiStaticTimePicker","flowStaticTimePicker","MuiStaticDateTimePicker","flowStaticDateTimePicker","MuiPickersLayout","flowPickersLayout","theme","darkTheme","rtlTheme","rtlDarkTheme"],"mappings":"8jKAiIM,SAAUA,IAAiBC,KAC/BA,GAAO,QAAOC,UACdA,GAAY,MAAKC,mBACjBA,GAAqBC,GAAAA,kBAMrB,OAAOC,cAAY,CACjBC,YAAaH,GACbI,OAAQC,EAAAA,WACRC,QAAkB,SAATR,GAAkBS,GAAAA,YAAcC,GAAAA,aACzCT,UAAWA,GACXU,WAAYC,GAAAA,qBAAqBV,GAAkC,QAAdD,IACrDY,YAAaC,GAAAA,eACbC,OAAQC,GAAAA,WACRC,WAAY,CACVC,SAAUC,EAAAA,UACVC,cAAeC,EAAAA,eACfC,UAAWC,EAAAA,WACXC,eAAgBC,EAAAA,gBAChBC,UAAWC,EAAAA,WACXC,WAAYC,EAAAA,YACZC,aAAcC,EAAAA,cACdC,eAAgBC,EAAAA,mBAAmB/B,GAAkC,QAAdD,IACvDiC,qBAAsBC,EAAAA,yBAAyBjC,GAAkC,QAAdD,IACnEmC,cAAeC,EAAAA,eACfC,UAAWC,EAAAA,WACXC,cAAeC,EAAAA,eACfC,WAAYC,EAAAA,YACZC,QAASC,EAAAA,SACTC,kBAAmBC,EAAAA,mBACnBC,oBAAqBC,EAAAA,qBACrBC,UAAWC,EAAAA,WACXC,YAAaC,EAAAA,aACbC,SAAUC,EAAAA,UACVC,UAAWC,EAAAA,WACXC,WAAYC,GAAAA,YACZC,WAAYC,EAAAA,YACZC,SAAUC,EAAAA,UACVC,QAASC,EAAAA,SACTC,SAAUC,GAAAA,UACVC,aAAcC,EAAAA,cACdC,UAAWC,EAAAA,WACXC,QAASC,GAAAA,SACTC,YAAaC,GAAAA,aACbC,OAAQC,GAAAA,QACRC,QAASC,GAAAA,SACTC,QAASC,GAAAA,SACTC,eAAgBC,GAAAA,gBAChBC,cAAeC,GAAAA,eACfC,kBAAmBC,GAAAA,mBACnBC,kBAAmBC,GAAAA,mBACnBC,cAAeC,GAAAA,eACfC,UAAWC,GAAAA,WACXC,YAAaC,GAAAA,aACbC,mBAAoBC,GAAAA,oBACpBC,SAAUC,GAAAA,aAAajG,GAAkC,QAAdD,IAC3CmG,YAAaC,EAAAA,aACbC,UAAWC,EAAAA,WACXC,aAAcC,EAAAA,cACdC,oBAAqBC,EAAAA,qBACrBC,oBAAqBC,EAAAA,qBACrBC,oBAAqBC,EAAAA,qBACrBC,aAAcC,EAAAA,cACdC,cAAeC,EAAAA,eACfC,SAAUC,EAAAA,UACVC,eAAgBC,EAAAA,gBAChBC,eAAgBC,EAAAA,gBAChBC,iBAAkBC,EAAAA,kBAClBC,aAAcC,EAAAA,cACdC,oBAAqBC,EAAAA,qBACrBC,kBAAmBC,EAAAA,mBACnBC,kBAAmBC,EAAAA,mBACnBC,iBAAkBC,EAAAA,kBAClBC,UAAWC,EAAAA,WACXC,iBAAkBC,EAAAA,kBAClBC,qBAAsBC,EAAAA,sBACtBC,eAAgBC,EAAAA,gBAChBC,QAASC,EAAAA,SACTC,YAAaC,EAAAA,aACbC,kBAAmBC,EAAAA,mBACnBC,gBAAiBC,EAAAA,iBACjBC,gBAAiBC,EAAAA,iBACjBC,kBAAmBC,GAAAA,mBACnBC,2BAA4BC,GAAAA,4BAC5BC,iBAAkBC,GAAAA,kBAClBC,WAAYC,GAAAA,YACZC,gBAAiBC,EAAAA,iBACjBC,eAAgBC,EAAAA,gBAChBC,YAAaC,GAAAA,aACbC,WAAYC,GAAAA,YACZC,QAASC,GAAAA,SACTC,cAAeC,GAAAA,eACfC,iBAAkBC,GAAAA,kBAClBC,aAAcC,GAAAA,cACdC,eAAgBC,GAAAA,gBAChBC,kBAAmBC,GAAAA,mBACnBC,SAAUC,GAAAA,UACVC,aAAcC,GAAAA,cACdC,aAAcC,GAAAA,cACdC,YAAaC,GAAAA,aACbC,aAAcC,GAAAA,cACdC,kBAAmBC,GAAAA,mBACnBC,mBAAoBC,GAAAA,oBACpBC,OAAQC,GAAAA,QACRC,cAAeC,GAAAA,eACfC,cAAeC,GAAAA,eACfC,kBAAmBC,GAAAA,mBACnBC,gBAAiBC,GAAAA,iBACjBC,oBAAqBC,GAAAA,qBACrBC,oBAAqBC,GAAAA,qBACrBC,gBAAiBC,GAAAA,iBACjBC,wBAAyBC,GAAAA,yBACzBC,sBAAuBC,GAAAA,uBACvBC,gBAAiBC,GAAAA,iBACjBC,cAAeC,GAAAA,eACfC,eAAgBC,GAAAA,gBAChBC,iBAAkBC,GAAAA,kBAClBC,gBAAiBC,GAAAA,iBACjBC,aAAcC,GAAAA,cACdC,gBAAiBC,GAAAA,iBACjBC,4BAA6BC,GAAAA,6BAC7BC,oBAAqBC,GAAAA,qBACrBC,wBAAyBC,GAAAA,yBACzBC,oBAAqBC,GAAAA,qBACrBC,qBAAsBC,GAAAA,sBACtBC,yBAA0BC,GAAAA,0BAC1BC,qBAAsBC,GAAAA,sBACtBC,qBAAsBC,GAAAA,sBACtBC,qBAAsBC,GAAAA,sBACtBC,yBAA0BC,GAAAA,0BAC1BC,oBAAqBC,GAAAA,qBACrBC,oBAAqBC,GAAAA,qBACrBC,wBAAyBC,GAAAA,yBACzBC,iBAAkBC,GAAAA,oBAGxB,wDAEaC,GAAQjQ,GAAiB,CAAA,GACzBkQ,GAAYlQ,GAAiB,CAAEC,KAAM,SACrCkQ,GAAWnQ,GAAiB,CAAEE,UAAW,QACzCkQ,GAAepQ,GAAiB,CAAEE,UAAW,MAAOD,KAAM"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";exports.flowZIndex={hotspotCard:900};
|
|
1
|
+
"use strict";exports.flowZIndex={hotspotCard:900,carousel:50};
|
|
2
2
|
//# sourceMappingURL=theme.zIndex.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.zIndex.js","sources":["../../../../../src/materialui/theme/theme.zIndex.ts"],"sourcesContent":["// Flow additional zIndexes\nexport const flowZIndex = {\n hotspotCard: 900,\n};\n"],"names":["hotspotCard"],"mappings":"gCAC0B,CACxBA,YAAa"}
|
|
1
|
+
{"version":3,"file":"theme.zIndex.js","sources":["../../../../../src/materialui/theme/theme.zIndex.ts"],"sourcesContent":["// Flow additional zIndexes\nexport const flowZIndex = {\n hotspotCard: 900,\n carousel: 50,\n};\n"],"names":["hotspotCard","carousel"],"mappings":"gCAC0B,CACxBA,YAAa,IACbC,SAAU"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './rgbaToRgb';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as a}from"tslib";import{jsx as e}from"react/jsx-runtime";import{Box as o}from"@mui/material";import{forwardRef as i}from"react";import{agGridVariables as n}from"./agGridVariables.js";import{skodaAgThemeParams as r}from"./agGridSkodaTheme.js";import{agGridCssIcons as t,agGridIconsDefinition as g}from"./agGridIcons.js";const p=a=>{const e=r(a);return Object.assign(Object.assign({width:"100%",'&:not(:has([class*="ag-theme-params-"])),&.ag-theme-material':Object.assign({},n(a)),".ag-row-last":{borderBottom:"none"},".ag-column-last .ag-header-cell-resize":{display:"none"},".ag-center-cols-container":{minWidth:"100%"},".ag-center-cols-viewport":{minHeight:"56px"},"& .ag-header-cell .ag-header-cell-text":{fontWeight:`${e.headerFontWeight}`},"& .ag-header-cell:not(.ag-column-last) > .ag-header-cell-resize.ag-hidden":{display:"block !important",cursor:"initial"},"& .ag-body-horizontal-scroll":{alignItems:"center",px:"22px",borderTop:"1px solid",borderTopColor:a.palette.surface.secondary,maxHeight:"none !important",height:"auto !important"},"& .ag-body-horizontal-scroll .ag-body-horizontal-scroll-viewport":{mt:"16px",mb:"23px"},"& .ag-body-horizontal-scroll.ag-invisible .ag-body-horizontal-scroll-viewport":{my:0},"& .ag-paging-panel":{justifyContent:"center",px:"24px"},"& .ag-paging-panel .ag-paging-page-size":{position:"absolute"},"& .ag-paging-panel .ag-paging-page-summary-panel":{marginLeft:"auto"},"& .ag-paging-row-summary-panel":{display:"none"},"& .ag-paging-description":{fontSize:"18px",px:"18px"},"& .ag-paging-panel .ag-paging-description span":{color:"text.primary",px:"2px"},"& .ag-paging-panel .ag-paging-description .ag-paging-number":{fontWeight:"700"},"& .ag-paging-panel .ag-paging-description span:last-child":{fontWeight:"300"},"& .ag-paging-panel .ag-icon-first, & .ag-paging-panel .ag-icon-last":{display:"none"},"& .ag-paging-panel .ag-picker-field-wrapper":{border:"none",px:"0",cursor:"pointer",minWidth:"auto"},"& .ag-paging-panel .ag-picker-field-display":{minWidth:"28px",width:"auto",pr:"6px",fontSize:"18px",fontWeight:"700",textAlign:"center"},"& .ag-paging-panel .ag-label":{mr:"6px",fontSize:"18px"},"& .ag-popup > *":{backgroundColor:"onSurface.os0",cursor:"pointer",borderRadius:"0px"},"& .skoda-ag-row-pointer .ag-row:hover":{cursor:"pointer"}},t),{"& .ag-icon-asc, & .ag-icon-desc":{color:a.palette.onSurface.os600},"& .ag-icon-asc:hover, & .ag-icon-desc:hover":{color:a.palette.text.primary},"& .ag-header-cell-sortable .ag-sort-indicator-container:has(.ag-sort-descending-icon.ag-hidden) .ag-hidden:has(.ag-icon-asc)":{display:"inline-block !important"},"& .ag-header-cell-sortable .ag-hidden .ag-icon-asc::before":{content:'""',display:"flex",width:"17px",height:"17px",maskSize:"contain",maskRepeat:"no-repeat",maskPosition:"center",verticalAlign:"middle",maskImage:`url(data:image/svg+xml;utf8,${encodeURIComponent(g.ascHover.svg)})`},"& .ag-header-cell-sortable .ag-hidden .ag-icon-asc:hover::before":{maskImage:`url(data:image/svg+xml;utf8,${encodeURIComponent(g.asc.svg)})`},fontFamily:e.fontFamily})},l=i((i,n)=>{var{sx:r,children:t}=i,g=a(i,["sx","children"]);return e(o,Object.assign({sx:a=>Object.assign(Object.assign({},p(a)),r),ref:n},g,{children:t}))});export{l as SkodaAgGridProvider,p as agGridStyles};
|
|
1
|
+
import{__rest as a}from"tslib";import{jsx as e}from"react/jsx-runtime";import{Box as o}from"@mui/material";import{forwardRef as i}from"react";import{agGridVariables as n}from"./agGridVariables.js";import{skodaAgThemeParams as r}from"./agGridSkodaTheme.js";import{agGridCssIcons as t,agGridIconsDefinition as g}from"./agGridIcons.js";const p=a=>{const e=r(a);return Object.assign(Object.assign({width:"100%","*":{maxWidth:"none"},'&:not(:has([class*="ag-theme-params-"])),&.ag-theme-material':Object.assign({},n(a)),".ag-row-last":{borderBottom:"none"},".ag-column-last .ag-header-cell-resize":{display:"none"},".ag-center-cols-container":{minWidth:"100%"},".ag-center-cols-viewport":{minHeight:"56px"},"& .ag-header-cell .ag-header-cell-text":{fontWeight:`${e.headerFontWeight}`},"& .ag-header-cell:not(.ag-column-last) > .ag-header-cell-resize.ag-hidden":{display:"block !important",cursor:"initial"},"& .ag-body-horizontal-scroll":{alignItems:"center",px:"22px",borderTop:"1px solid",borderTopColor:a.palette.surface.secondary,maxHeight:"none !important",height:"auto !important"},"& .ag-body-horizontal-scroll .ag-body-horizontal-scroll-viewport":{mt:"16px",mb:"23px"},"& .ag-body-horizontal-scroll.ag-invisible .ag-body-horizontal-scroll-viewport":{my:0},"& .ag-paging-panel":{justifyContent:"center",px:"24px"},"& .ag-paging-panel .ag-paging-page-size":{position:"absolute"},"& .ag-paging-panel .ag-paging-page-summary-panel":{marginLeft:"auto"},"& .ag-paging-row-summary-panel":{display:"none"},"& .ag-paging-description":{fontSize:"18px",px:"18px"},"& .ag-paging-panel .ag-paging-description span":{color:"text.primary",px:"2px"},"& .ag-paging-panel .ag-paging-description .ag-paging-number":{fontWeight:"700"},"& .ag-paging-panel .ag-paging-description span:last-child":{fontWeight:"300"},"& .ag-paging-panel .ag-icon-first, & .ag-paging-panel .ag-icon-last":{display:"none"},"& .ag-paging-panel .ag-picker-field-wrapper":{border:"none",px:"0",cursor:"pointer",minWidth:"auto"},"& .ag-paging-panel .ag-picker-field-display":{minWidth:"28px",width:"auto",pr:"6px",fontSize:"18px",fontWeight:"700",textAlign:"center"},"& .ag-paging-panel .ag-label":{mr:"6px",fontSize:"18px"},"& .ag-popup > *":{backgroundColor:"onSurface.os0",cursor:"pointer",borderRadius:"0px"},"& .skoda-ag-row-pointer .ag-row:hover":{cursor:"pointer"}},t),{"& .ag-icon-asc, & .ag-icon-desc":{color:a.palette.onSurface.os600},"& .ag-icon-asc:hover, & .ag-icon-desc:hover":{color:a.palette.text.primary},"& .ag-header-cell-sortable .ag-sort-indicator-container:has(.ag-sort-descending-icon.ag-hidden) .ag-hidden:has(.ag-icon-asc)":{display:"inline-block !important"},"& .ag-header-cell-sortable .ag-hidden .ag-icon-asc::before":{content:'""',display:"flex",width:"17px",height:"17px",maskSize:"contain",maskRepeat:"no-repeat",maskPosition:"center",verticalAlign:"middle",maskImage:`url(data:image/svg+xml;utf8,${encodeURIComponent(g.ascHover.svg)})`},"& .ag-header-cell-sortable .ag-hidden .ag-icon-asc:hover::before":{maskImage:`url(data:image/svg+xml;utf8,${encodeURIComponent(g.asc.svg)})`},fontFamily:e.fontFamily})},l=i((i,n)=>{var{sx:r,children:t}=i,g=a(i,["sx","children"]);return e(o,Object.assign({sx:a=>Object.assign(Object.assign({},p(a)),r),ref:n},g,{children:t}))});export{l as SkodaAgGridProvider,p as agGridStyles};
|
|
2
2
|
//# sourceMappingURL=agGrid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"agGrid.js","sources":["../../../src/components/advancedTable/agGrid.tsx"],"sourcesContent":["import { Box, BoxProps, CSSObject, Theme } from '@mui/material';\nimport React, { forwardRef } from 'react';\nimport { agGridVariables } from './agGridVariables';\nimport { skodaAgThemeParams } from './agGridSkodaTheme';\nimport { agGridCssIcons, agGridIconsDefinition } from './agGridIcons';\n\nexport const agGridStyles = (theme: Theme): CSSObject => {\n const agTheme = skodaAgThemeParams(theme);\n\n return {\n width: '100%',\n // Apply CSS variables only for non-themed tables of the old versions of ag grid (old versions of ag-grid, <v33, themes does not have ag-theme-params-* class)\n '&:not(:has([class*=\"ag-theme-params-\"])),&.ag-theme-material': {\n ...agGridVariables(theme),\n },\n\n '.ag-row-last': { borderBottom: 'none' },\n '.ag-column-last .ag-header-cell-resize': { display: 'none' },\n\n // Row lines full width\n '.ag-center-cols-container': {\n minWidth: '100%',\n },\n\n '.ag-center-cols-viewport': {\n // reduce to 1 row from default 150px\n minHeight: '56px',\n },\n\n // # Header styles\n '& .ag-header-cell .ag-header-cell-text': {\n fontWeight: `${agTheme.headerFontWeight}`,\n },\n\n // # Header Separators (only when column resizing is not activated and not for the last column)\n '& .ag-header-cell:not(.ag-column-last) > .ag-header-cell-resize.ag-hidden': {\n display: 'block !important',\n cursor: 'initial',\n },\n\n // # Horizontal Scrollbar\n '& .ag-body-horizontal-scroll': {\n alignItems: 'center',\n px: '22px',\n borderTop: '1px solid',\n borderTopColor: theme.palette.surface.secondary,\n maxHeight: 'none !important',\n height: 'auto !important',\n },\n '& .ag-body-horizontal-scroll .ag-body-horizontal-scroll-viewport': {\n mt: '16px',\n mb: '23px',\n },\n '& .ag-body-horizontal-scroll.ag-invisible .ag-body-horizontal-scroll-viewport': {\n my: 0,\n },\n\n // # Pagination styles\n '& .ag-paging-panel': {\n justifyContent: 'center',\n px: '24px',\n },\n\n // Pagination layout - rows per page centered, arrows right-aligned\n '& .ag-paging-panel .ag-paging-page-size': {\n position: 'absolute',\n },\n '& .ag-paging-panel .ag-paging-page-summary-panel': {\n marginLeft: 'auto',\n },\n\n // Disable pagination summary\n '& .ag-paging-row-summary-panel': {\n display: 'none',\n },\n\n // Text styling within pagination arrows\n '& .ag-paging-description': {\n fontSize: '18px',\n px: '18px',\n },\n '& .ag-paging-panel .ag-paging-description span': {\n color: 'text.primary',\n px: '2px',\n },\n '& .ag-paging-panel .ag-paging-description .ag-paging-number': {\n fontWeight: '700',\n },\n '& .ag-paging-panel .ag-paging-description span:last-child': {\n fontWeight: '300',\n },\n\n // Disable AG-grid pagination icons - start, end\n '& .ag-paging-panel .ag-icon-first, & .ag-paging-panel .ag-icon-last': {\n display: 'none',\n },\n\n // Pagination - rows per page\n '& .ag-paging-panel .ag-picker-field-wrapper': {\n border: 'none',\n px: '0',\n cursor: 'pointer',\n minWidth: 'auto',\n },\n '& .ag-paging-panel .ag-picker-field-display': {\n minWidth: '28px',\n width: 'auto',\n pr: '6px',\n fontSize: '18px',\n fontWeight: '700',\n textAlign: 'center',\n },\n '& .ag-paging-panel .ag-label': {\n mr: '6px',\n fontSize: '18px',\n },\n\n '& .ag-popup > *': {\n backgroundColor: 'onSurface.os0',\n cursor: 'pointer',\n borderRadius: '0px',\n },\n\n // # Opt-in className=\"skoda-ag-pointer\"\n '& .skoda-ag-row-pointer .ag-row:hover': {\n cursor: 'pointer',\n },\n\n // Additional icons\n ...agGridCssIcons,\n\n // Show icons according to the SkodaFlow design\n '& .ag-icon-asc, & .ag-icon-desc': {\n color: theme.palette.onSurface.os600,\n },\n '& .ag-icon-asc:hover, & .ag-icon-desc:hover': {\n color: theme.palette.text.primary,\n },\n '& .ag-header-cell-sortable .ag-sort-indicator-container:has(.ag-sort-descending-icon.ag-hidden) .ag-hidden:has(.ag-icon-asc)':\n {\n display: 'inline-block !important', // Ag grid also uses !important so we have to override it\n },\n\n '& .ag-header-cell-sortable .ag-hidden .ag-icon-asc::before': {\n content: '\"\"',\n display: 'flex',\n width: '17px',\n height: '17px',\n maskSize: 'contain',\n maskRepeat: 'no-repeat',\n maskPosition: 'center',\n verticalAlign: 'middle',\n maskImage: `url(data:image/svg+xml;utf8,${encodeURIComponent(agGridIconsDefinition.ascHover.svg)})`,\n },\n '& .ag-header-cell-sortable .ag-hidden .ag-icon-asc:hover::before': {\n maskImage: `url(data:image/svg+xml;utf8,${encodeURIComponent(agGridIconsDefinition.asc.svg)})`,\n },\n\n // Legacy class approach, no theme\n fontFamily: agTheme.fontFamily,\n };\n};\n\ninterface SkodaAgGridProviderProps extends BoxProps {}\n\n/**\n * A provider wrapper that applies Skoda AG Grid theming via sx.\n */\nexport const SkodaAgGridProvider: React.FC<SkodaAgGridProviderProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n return (\n <Box\n sx={(theme) => ({\n ...agGridStyles(theme),\n ...sx,\n })}\n ref={ref}\n {...rest}\n >\n {children}\n </Box>\n );\n});\n"],"names":["agGridStyles","theme","agTheme","skodaAgThemeParams","Object","assign","width","agGridVariables","borderBottom","display","minWidth","minHeight","fontWeight","headerFontWeight","cursor","alignItems","px","borderTop","borderTopColor","palette","surface","secondary","maxHeight","height","mt","mb","my","justifyContent","position","marginLeft","fontSize","color","border","pr","textAlign","mr","backgroundColor","borderRadius","agGridCssIcons","onSurface","os600","text","primary","content","maskSize","maskRepeat","maskPosition","verticalAlign","maskImage","encodeURIComponent","agGridIconsDefinition","ascHover","svg","asc","fontFamily","SkodaAgGridProvider","forwardRef","_a","ref","sx","children","rest","__rest","_jsx","Box"],"mappings":"6UAMO,MAAMA,EAAgBC,IAC3B,MAAMC,EAAUC,EAAmBF,GAEnC,OAAAG,OAAAC,OAAAD,OAAAC,OAAA,CACEC,MAAO,OAEP,+
|
|
1
|
+
{"version":3,"file":"agGrid.js","sources":["../../../src/components/advancedTable/agGrid.tsx"],"sourcesContent":["import { Box, BoxProps, CSSObject, Theme } from '@mui/material';\nimport React, { forwardRef } from 'react';\nimport { agGridVariables } from './agGridVariables';\nimport { skodaAgThemeParams } from './agGridSkodaTheme';\nimport { agGridCssIcons, agGridIconsDefinition } from './agGridIcons';\n\nexport const agGridStyles = (theme: Theme): CSSObject => {\n const agTheme = skodaAgThemeParams(theme);\n\n return {\n width: '100%',\n // support applying global style on all elements maxWidth: '100%'\n '*': {\n maxWidth: 'none',\n },\n // Apply CSS variables only for non-themed tables of the old versions of ag grid (old versions of ag-grid, <v33, themes does not have ag-theme-params-* class)\n '&:not(:has([class*=\"ag-theme-params-\"])),&.ag-theme-material': {\n ...agGridVariables(theme),\n },\n\n '.ag-row-last': { borderBottom: 'none' },\n '.ag-column-last .ag-header-cell-resize': { display: 'none' },\n\n // Row lines full width\n '.ag-center-cols-container': {\n minWidth: '100%',\n },\n\n '.ag-center-cols-viewport': {\n // reduce to 1 row from default 150px\n minHeight: '56px',\n },\n\n // # Header styles\n '& .ag-header-cell .ag-header-cell-text': {\n fontWeight: `${agTheme.headerFontWeight}`,\n },\n\n // # Header Separators (only when column resizing is not activated and not for the last column)\n '& .ag-header-cell:not(.ag-column-last) > .ag-header-cell-resize.ag-hidden': {\n display: 'block !important',\n cursor: 'initial',\n },\n\n // # Horizontal Scrollbar\n '& .ag-body-horizontal-scroll': {\n alignItems: 'center',\n px: '22px',\n borderTop: '1px solid',\n borderTopColor: theme.palette.surface.secondary,\n maxHeight: 'none !important',\n height: 'auto !important',\n },\n '& .ag-body-horizontal-scroll .ag-body-horizontal-scroll-viewport': {\n mt: '16px',\n mb: '23px',\n },\n '& .ag-body-horizontal-scroll.ag-invisible .ag-body-horizontal-scroll-viewport': {\n my: 0,\n },\n\n // # Pagination styles\n '& .ag-paging-panel': {\n justifyContent: 'center',\n px: '24px',\n },\n\n // Pagination layout - rows per page centered, arrows right-aligned\n '& .ag-paging-panel .ag-paging-page-size': {\n position: 'absolute',\n },\n '& .ag-paging-panel .ag-paging-page-summary-panel': {\n marginLeft: 'auto',\n },\n\n // Disable pagination summary\n '& .ag-paging-row-summary-panel': {\n display: 'none',\n },\n\n // Text styling within pagination arrows\n '& .ag-paging-description': {\n fontSize: '18px',\n px: '18px',\n },\n '& .ag-paging-panel .ag-paging-description span': {\n color: 'text.primary',\n px: '2px',\n },\n '& .ag-paging-panel .ag-paging-description .ag-paging-number': {\n fontWeight: '700',\n },\n '& .ag-paging-panel .ag-paging-description span:last-child': {\n fontWeight: '300',\n },\n\n // Disable AG-grid pagination icons - start, end\n '& .ag-paging-panel .ag-icon-first, & .ag-paging-panel .ag-icon-last': {\n display: 'none',\n },\n\n // Pagination - rows per page\n '& .ag-paging-panel .ag-picker-field-wrapper': {\n border: 'none',\n px: '0',\n cursor: 'pointer',\n minWidth: 'auto',\n },\n '& .ag-paging-panel .ag-picker-field-display': {\n minWidth: '28px',\n width: 'auto',\n pr: '6px',\n fontSize: '18px',\n fontWeight: '700',\n textAlign: 'center',\n },\n '& .ag-paging-panel .ag-label': {\n mr: '6px',\n fontSize: '18px',\n },\n\n '& .ag-popup > *': {\n backgroundColor: 'onSurface.os0',\n cursor: 'pointer',\n borderRadius: '0px',\n },\n\n // # Opt-in className=\"skoda-ag-pointer\"\n '& .skoda-ag-row-pointer .ag-row:hover': {\n cursor: 'pointer',\n },\n\n // Additional icons\n ...agGridCssIcons,\n\n // Show icons according to the SkodaFlow design\n '& .ag-icon-asc, & .ag-icon-desc': {\n color: theme.palette.onSurface.os600,\n },\n '& .ag-icon-asc:hover, & .ag-icon-desc:hover': {\n color: theme.palette.text.primary,\n },\n '& .ag-header-cell-sortable .ag-sort-indicator-container:has(.ag-sort-descending-icon.ag-hidden) .ag-hidden:has(.ag-icon-asc)':\n {\n display: 'inline-block !important', // Ag grid also uses !important so we have to override it\n },\n\n '& .ag-header-cell-sortable .ag-hidden .ag-icon-asc::before': {\n content: '\"\"',\n display: 'flex',\n width: '17px',\n height: '17px',\n maskSize: 'contain',\n maskRepeat: 'no-repeat',\n maskPosition: 'center',\n verticalAlign: 'middle',\n maskImage: `url(data:image/svg+xml;utf8,${encodeURIComponent(agGridIconsDefinition.ascHover.svg)})`,\n },\n '& .ag-header-cell-sortable .ag-hidden .ag-icon-asc:hover::before': {\n maskImage: `url(data:image/svg+xml;utf8,${encodeURIComponent(agGridIconsDefinition.asc.svg)})`,\n },\n\n // Legacy class approach, no theme\n fontFamily: agTheme.fontFamily,\n };\n};\n\ninterface SkodaAgGridProviderProps extends BoxProps {}\n\n/**\n * A provider wrapper that applies Skoda AG Grid theming via sx.\n */\nexport const SkodaAgGridProvider: React.FC<SkodaAgGridProviderProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n return (\n <Box\n sx={(theme) => ({\n ...agGridStyles(theme),\n ...sx,\n })}\n ref={ref}\n {...rest}\n >\n {children}\n </Box>\n );\n});\n"],"names":["agGridStyles","theme","agTheme","skodaAgThemeParams","Object","assign","width","maxWidth","agGridVariables","borderBottom","display","minWidth","minHeight","fontWeight","headerFontWeight","cursor","alignItems","px","borderTop","borderTopColor","palette","surface","secondary","maxHeight","height","mt","mb","my","justifyContent","position","marginLeft","fontSize","color","border","pr","textAlign","mr","backgroundColor","borderRadius","agGridCssIcons","onSurface","os600","text","primary","content","maskSize","maskRepeat","maskPosition","verticalAlign","maskImage","encodeURIComponent","agGridIconsDefinition","ascHover","svg","asc","fontFamily","SkodaAgGridProvider","forwardRef","_a","ref","sx","children","rest","__rest","_jsx","Box"],"mappings":"6UAMO,MAAMA,EAAgBC,IAC3B,MAAMC,EAAUC,EAAmBF,GAEnC,OAAAG,OAAAC,OAAAD,OAAAC,OAAA,CACEC,MAAO,OAEP,IAAK,CACHC,SAAU,QAGZ,+DAA8DH,OAAAC,OAAA,CAAA,EACzDG,EAAgBP,IAGrB,eAAgB,CAAEQ,aAAc,QAChC,yCAA0C,CAAEC,QAAS,QAGrD,4BAA6B,CAC3BC,SAAU,QAGZ,2BAA4B,CAE1BC,UAAW,QAIb,yCAA0C,CACxCC,WAAY,GAAGX,EAAQY,oBAIzB,4EAA6E,CAC3EJ,QAAS,mBACTK,OAAQ,WAIV,+BAAgC,CAC9BC,WAAY,SACZC,GAAI,OACJC,UAAW,YACXC,eAAgBlB,EAAMmB,QAAQC,QAAQC,UACtCC,UAAW,kBACXC,OAAQ,mBAEV,mEAAoE,CAClEC,GAAI,OACJC,GAAI,QAEN,gFAAiF,CAC/EC,GAAI,GAIN,qBAAsB,CACpBC,eAAgB,SAChBX,GAAI,QAIN,0CAA2C,CACzCY,SAAU,YAEZ,mDAAoD,CAClDC,WAAY,QAId,iCAAkC,CAChCpB,QAAS,QAIX,2BAA4B,CAC1BqB,SAAU,OACVd,GAAI,QAEN,iDAAkD,CAChDe,MAAO,eACPf,GAAI,OAEN,8DAA+D,CAC7DJ,WAAY,OAEd,4DAA6D,CAC3DA,WAAY,OAId,sEAAuE,CACrEH,QAAS,QAIX,8CAA+C,CAC7CuB,OAAQ,OACRhB,GAAI,IACJF,OAAQ,UACRJ,SAAU,QAEZ,8CAA+C,CAC7CA,SAAU,OACVL,MAAO,OACP4B,GAAI,MACJH,SAAU,OACVlB,WAAY,MACZsB,UAAW,UAEb,+BAAgC,CAC9BC,GAAI,MACJL,SAAU,QAGZ,kBAAmB,CACjBM,gBAAiB,gBACjBtB,OAAQ,UACRuB,aAAc,OAIhB,wCAAyC,CACvCvB,OAAQ,YAIPwB,GAAc,CAGjB,kCAAmC,CACjCP,MAAO/B,EAAMmB,QAAQoB,UAAUC,OAEjC,8CAA+C,CAC7CT,MAAO/B,EAAMmB,QAAQsB,KAAKC,SAE5B,+HACE,CACEjC,QAAS,2BAGb,6DAA8D,CAC5DkC,QAAS,KACTlC,QAAS,OACTJ,MAAO,OACPkB,OAAQ,OACRqB,SAAU,UACVC,WAAY,YACZC,aAAc,SACdC,cAAe,SACfC,UAAW,+BAA+BC,mBAAmBC,EAAsBC,SAASC,SAE9F,mEAAoE,CAClEJ,UAAW,+BAA+BC,mBAAmBC,EAAsBG,IAAID,SAIzFE,WAAYrD,EAAQqD,cASXC,EAA0DC,EAAW,CAACC,EAA2BC,SAA3BC,GAAEA,EAAEC,SAAEA,GAAQH,EAAKI,EAAIC,EAAAL,EAAvB,mBACjF,OACEM,EAACC,EAAG7D,OAAAC,OAAA,CACFuD,GAAK3D,GAAUG,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACVL,EAAaC,IACb2D,GAELD,IAAKA,GACDG,EAAI,CAAAD,SAEPA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import{forwardRef as
|
|
1
|
+
import{__rest as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Box as t}from"@mui/material";import{Swiper as a}from"swiper/react";import{Keyboard as n,EffectFade as o,Autoplay as p,Parallax as s}from"swiper/modules";const l=r((r,l)=>{var{children:c,sx:d,onInit:m,effect:f,autoplay:w,parallax:u,peekDistance:x=100,peekSpeed:h=150}=r,b=e(r,["children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed"]);return i(t,Object.assign({component:a,spaceBetween:0,autoHeight:!0,loop:!0,keyboard:{enabled:!0},modules:[n,..."fade"===f?[o]:[],...w?[p]:[],...u?[s]:[]],parallax:u,effect:f,autoplay:w,ref:l},b,{onSwiper:m,"data-peekspeed":h,sx:Object.assign(Object.assign(Object.assign({display:"block",ml:"auto",mr:"auto",p:"0",maxWidth:"100%",position:"relative",zIndex:e=>e.zIndex.carousel,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:e=>e.zIndex.carousel,display:"flex",transitionProperty:"transform",transitionTimingFunction:"var(--swiper-wrapper-transition-timing-function, initial)",boxSizing:"content-box",transform:"translate3d(0px, 0, 0)"}},"fade"!==f&&{"&.peeking .swiper-wrapper > .swiper-slide":{transitionProperty:"transform",transitionDuration:`${h}ms`,transitionTimingFunction:"var(--swiper-wrapper-transition-timing-function, initial)"},"&.peek-next .swiper-wrapper > .swiper-slide":{transform:e=>`translate3D(${"rtl"===e.direction?"":"-"}${x}px, 0, 0)`},"&.peek-prev .swiper-wrapper > .swiper-slide":{transform:e=>`translate3D(${"rtl"===e.direction?"-":""}${x}px, 0, 0)`}}),{".swiper-slide-invisible-blank":{visibility:"hidden"},".swiper-backface-hidden .swiper-slide":{transform:"translateZ(0)",WebkitBackfaceVisibility:"hidden",backfaceVisibility:"hidden"}}),d),children:c}))});export{l as Carousel};
|
|
2
2
|
//# sourceMappingURL=Carousel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sources":["../../../src/components/carousel/Carousel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { Swiper, SwiperProps } from 'swiper/react';\nimport { Keyboard, EffectFade, Autoplay, Parallax } from 'swiper/modules';\n\nexport interface CarouselProps\n // `cssMode` not supported\n // instead of `navigation` use <CarouselNavigation />\n // instead of `pagination` use <CarouselPagination />\n // instead of `onSwiper` use `onInit`\n extends Omit<SwiperProps, 'children' | 'cssMode' | 'navigation' | 'pagination' | 'onSwiper'>,\n Omit<BoxProps, keyof Omit<SwiperProps, 'children'> | 'component'> {\n /**\n * Callback that receives Swiper instance\n */\n onInit?: SwiperProps['onSwiper'];\n /**\n * Travelled distance in px for peek effect\n * @default 100\n */\n peekDistance?: number;\n /**\n * Speed of peek effect\n * @default 150 (half of default Carousel's speed)\n */\n peekSpeed?: number;\n}\n\n/**\n * Modern mobile friendly carousel for slideshows, built with Swiper\n */\nexport const Carousel: React.FC<CarouselProps> = forwardRef(\n ({ children, sx, onInit, effect, autoplay, parallax, peekDistance = 100, peekSpeed = 150, ...rest }, ref) => {\n return (\n <Box\n component={Swiper}\n spaceBetween={0}\n autoHeight\n loop\n keyboard={{\n enabled: true,\n }}\n modules={[\n Keyboard,\n ...(effect === 'fade' ? [EffectFade] : []),\n ...(autoplay ? [Autoplay] : []),\n ...(parallax ? [Parallax] : []),\n ]}\n parallax={parallax}\n effect={effect}\n autoplay={autoplay}\n ref={ref}\n {...rest}\n onSwiper={onInit}\n data-peekspeed={peekSpeed}\n sx={{\n // generic root styling, based on the `import 'swiper/css'`\n display: 'block',\n ml: 'auto',\n mr: 'auto',\n p: '0',\n maxWidth: '100%',\n // ensure correct position\n position: 'relative',\n zIndex:
|
|
1
|
+
{"version":3,"file":"Carousel.js","sources":["../../../src/components/carousel/Carousel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { Swiper, SwiperProps } from 'swiper/react';\nimport { Keyboard, EffectFade, Autoplay, Parallax } from 'swiper/modules';\n\nexport interface CarouselProps\n // `cssMode` not supported\n // instead of `navigation` use <CarouselNavigation />\n // instead of `pagination` use <CarouselPagination />\n // instead of `onSwiper` use `onInit`\n extends Omit<SwiperProps, 'children' | 'cssMode' | 'navigation' | 'pagination' | 'onSwiper'>,\n Omit<BoxProps, keyof Omit<SwiperProps, 'children'> | 'component'> {\n /**\n * Callback that receives Swiper instance\n */\n onInit?: SwiperProps['onSwiper'];\n /**\n * Travelled distance in px for peek effect\n * @default 100\n */\n peekDistance?: number;\n /**\n * Speed of peek effect\n * @default 150 (half of default Carousel's speed)\n */\n peekSpeed?: number;\n}\n\n/**\n * Modern mobile friendly carousel for slideshows, built with Swiper\n */\nexport const Carousel: React.FC<CarouselProps> = forwardRef(\n ({ children, sx, onInit, effect, autoplay, parallax, peekDistance = 100, peekSpeed = 150, ...rest }, ref) => {\n return (\n <Box\n component={Swiper}\n spaceBetween={0}\n autoHeight\n loop\n keyboard={{\n enabled: true,\n }}\n modules={[\n Keyboard,\n ...(effect === 'fade' ? [EffectFade] : []),\n ...(autoplay ? [Autoplay] : []),\n ...(parallax ? [Parallax] : []),\n ]}\n parallax={parallax}\n effect={effect}\n autoplay={autoplay}\n ref={ref}\n {...rest}\n onSwiper={onInit}\n data-peekspeed={peekSpeed}\n sx={{\n // generic root styling, based on the `import 'swiper/css'`\n display: 'block',\n ml: 'auto',\n mr: 'auto',\n p: '0',\n maxWidth: '100%',\n // ensure correct position\n position: 'relative',\n zIndex: (theme) => theme.zIndex.carousel,\n overflow: 'hidden',\n // support for ul-type\n listStyle: 'none',\n // variants\n '&.swiper-horizontal': {\n touchAction: 'pan-y',\n },\n '&.swiper-vertical': {\n touchAction: 'pan-x',\n '& > .swiper-wrapper': {\n flexDirection: 'column',\n },\n },\n '&.swiper-autoheight': {\n height: 'auto',\n '& > .swiper-wrapper': {\n alignItems: 'flex-start',\n transitionProperty: 'transform, height',\n },\n },\n // wrapper of all slides\n '& .swiper-wrapper': {\n position: 'relative',\n width: '100%',\n height: '100%',\n zIndex: (theme) => theme.zIndex.carousel,\n display: 'flex',\n transitionProperty: 'transform',\n transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n boxSizing: 'content-box',\n transform: 'translate3d(0px, 0, 0)',\n },\n // peek effect\n ...(effect !== 'fade' && {\n '&.peeking .swiper-wrapper > .swiper-slide': {\n transitionProperty: 'transform',\n transitionDuration: `${peekSpeed}ms`,\n transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n },\n '&.peek-next .swiper-wrapper > .swiper-slide': {\n transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '' : '-'}${peekDistance}px, 0, 0)`,\n },\n '&.peek-prev .swiper-wrapper > .swiper-slide': {\n transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '-' : ''}${peekDistance}px, 0, 0)`,\n },\n }),\n // swiper internal\n '.swiper-slide-invisible-blank': {\n visibility: 'hidden',\n },\n '.swiper-backface-hidden .swiper-slide': {\n transform: 'translateZ(0)',\n WebkitBackfaceVisibility: 'hidden',\n backfaceVisibility: 'hidden',\n },\n // does not include CSS Mode, 3D Shadows, lazy loading\n ...sx,\n }}\n >\n {children}\n </Box>\n );\n },\n);\n"],"names":["Carousel","forwardRef","_a","ref","children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed","rest","__rest","_jsx","Box","Object","assign","component","Swiper","spaceBetween","autoHeight","loop","keyboard","enabled","modules","Keyboard","EffectFade","Autoplay","Parallax","onSwiper","display","ml","mr","p","maxWidth","position","zIndex","theme","carousel","overflow","listStyle","touchAction","flexDirection","height","alignItems","transitionProperty","width","transitionTimingFunction","boxSizing","transform","transitionDuration","direction","visibility","WebkitBackfaceVisibility","backfaceVisibility"],"mappings":"0QA+BO,MAAMA,EAAoCC,EAC/C,CAACC,EAAoGC,SAApGC,SAAEA,EAAQC,GAAEA,EAAEC,OAAEA,EAAMC,OAAEA,EAAMC,SAAEA,EAAQC,SAAEA,EAAQC,aAAEA,EAAe,IAAGC,UAAEA,EAAY,OAAQC,EAAIC,EAAAX,EAAhG,CAAA,WAAA,KAAA,SAAA,SAAA,WAAA,WAAA,eAAA,cACC,OACEY,EAACC,EAAGC,OAAAC,OAAA,CACFC,UAAWC,EACXC,aAAc,EACdC,cACAC,MAAI,EACJC,SAAU,CACRC,SAAS,GAEXC,QAAS,CACPC,KACe,SAAXnB,EAAoB,CAACoB,GAAc,MACnCnB,EAAW,CAACoB,GAAY,MACxBnB,EAAW,CAACoB,GAAY,IAE9BpB,SAAUA,EACVF,OAAQA,EACRC,SAAUA,EACVL,IAAKA,GACDS,EAAI,CACRkB,SAAUxB,EAAM,iBACAK,EAChBN,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAEAc,QAAS,QACTC,GAAI,OACJC,GAAI,OACJC,EAAG,IACHC,SAAU,OAEVC,SAAU,WACVC,OAASC,GAAUA,EAAMD,OAAOE,SAChCC,SAAU,SAEVC,UAAW,OAEX,sBAAuB,CACrBC,YAAa,SAEf,oBAAqB,CACnBA,YAAa,QACb,sBAAuB,CACrBC,cAAe,WAGnB,sBAAuB,CACrBC,OAAQ,OACR,sBAAuB,CACrBC,WAAY,aACZC,mBAAoB,sBAIxB,oBAAqB,CACnBV,SAAU,WACVW,MAAO,OACPH,OAAQ,OACRP,OAASC,GAAUA,EAAMD,OAAOE,SAChCR,QAAS,OACTe,mBAAoB,YACpBE,yBAA0B,4DAC1BC,UAAW,cACXC,UAAW,2BAGE,SAAX3C,GAAqB,CACvB,4CAA6C,CAC3CuC,mBAAoB,YACpBK,mBAAoB,GAAGxC,MACvBqC,yBAA0B,6DAE5B,8CAA+C,CAC7CE,UAAYZ,GAAU,eAAmC,QAApBA,EAAMc,UAAsB,GAAK,MAAM1C,cAE9E,8CAA+C,CAC7CwC,UAAYZ,GAAU,eAAmC,QAApBA,EAAMc,UAAsB,IAAM,KAAK1C,gBAE9E,CAEF,gCAAiC,CAC/B2C,WAAY,UAEd,wCAAyC,CACvCH,UAAW,gBACXI,yBAA0B,SAC1BC,mBAAoB,YAGnBlD,GAAED,SAGNA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as
|
|
1
|
+
import{__rest as o}from"tslib";import{jsxs as r,Fragment as e,jsx as n}from"react/jsx-runtime";import{useMemo as s}from"react";import{useCarousel as t,useCarouselPeekEffect as i}from"./hooks.js";import{useTheme as a,useMediaQuery as c,IconButton as l}from"@mui/material";import{ChevronLeftIcon as p}from"../icon/stroke/ChevronLeftIcon.js";import{ChevronRightIcon as d}from"../icon/stroke/ChevronRightIcon.js";import{ArrowLeftIcon as u}from"../icon/stroke/ArrowLeftIcon.js";import{ArrowRightIcon as m}from"../icon/stroke/ArrowRightIcon.js";import{getInteractiveStyle as x}from"../../materialui/button/interactive.js";function b({carousel:b,peekEffect:g=!1,prevButtonProps:f,prevIconProps:v,PrevIconComponent:j,nextButtonProps:k,nextIconProps:O,NextIconComponent:I,arrows:h=!0,onBackground:C=!1,autoHideNavigation:P=!1}){var y,M,E;const L=t(),w=b||L,B="fade"!==(null===(y=null==w?void 0:w.params)||void 0===y?void 0:y.effect)&&g,N=a(),S=c(N.breakpoints.up("md")),z=f||{},{sx:A}=z,R=o(z,["sx"]),H=k||{},{sx:q}=H,D=o(H,["sx"]),[F,G]=i(w),J=j||(h?u:p),K=I||(h?m:d),Q=s(()=>Object.assign(Object.assign({position:"absolute",zIndex:"100",top:"50%",width:{xs:"32px",md:"40px",xl:"44px"},height:{xs:"32px",md:"40px",xl:"44px"},mt:{xs:"-16px",md:"-20px",xl:"-22px"},"& .MuiSvgIcon-root":{fontSize:{xs:"17px",xl:"20px"}}},x({color:"text.primary",borderColor:C?"transparent.transparent":"onSurface.os100",backgroundColor:C?"transparent.transparent":"surface.primary"},{backgroundColor:"surface.secondary"})),{"&.Mui-disabled":{color:"disabled.tertiary",borderColor:C?"transparent.transparent":"disabled.secondary",backgroundColor:C?"transparent.transparent":"disabled.secondary"}}),[]);return P&&(null==w?void 0:w.isLocked)?null:r(e,{children:[n(l,Object.assign({disabled:w&&!(null===(M=w.params)||void 0===M?void 0:M.loop)&&w.isBeginning,onClick:()=>{null==w||w.slidePrev(),B&&F&&G("reset")},onMouseEnter:()=>S&&B&&G("prev"),onMouseLeave:()=>B&&F&&G("reset"),sx:Object.assign(Object.assign(Object.assign({},Q),{insetInlineStart:"16px"}),A),"aria-label":"Previous slide","aria-controls":"carousel",color:"surface",size:"medium"},R,{children:"rtl"===N.direction?n(K,Object.assign({},v)):n(J,Object.assign({},v))})),n(l,Object.assign({disabled:w&&!(null===(E=w.params)||void 0===E?void 0:E.loop)&&w.isEnd,onClick:()=>{null==w||w.slideNext(),B&&F&&G("reset")},onMouseEnter:()=>S&&B&&G("next"),onMouseLeave:()=>B&&F&&G("reset"),sx:Object.assign(Object.assign(Object.assign({},Q),{insetInlineEnd:"16px"}),q),"aria-label":"Next slide","aria-controls":"carousel",color:"surface"},D,{children:"rtl"===N.direction?n(J,Object.assign({},O)):n(K,Object.assign({},O))}))]})}export{b as CarouselNavigation};
|
|
2
2
|
//# sourceMappingURL=Navigation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navigation.js","sources":["../../../src/components/carousel/Navigation.tsx"],"sourcesContent":["import React, { useMemo, ComponentType } 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?: ComponentType<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?: ComponentType<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 * Hide navigation buttons on case there are not enough slides for sliding\n * @default false\n */\n autoHideNavigation?: 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 autoHideNavigation = false,\n}: CarouselNavigationProps) {\n const carouselHook = useCarousel();\n const carousel = carouselProp || carouselHook;\n const peekEffect = carousel?.
|
|
1
|
+
{"version":3,"file":"Navigation.js","sources":["../../../src/components/carousel/Navigation.tsx"],"sourcesContent":["import React, { useMemo, ComponentType } 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?: ComponentType<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?: ComponentType<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 * Hide navigation buttons on case there are not enough slides for sliding\n * @default false\n */\n autoHideNavigation?: 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 autoHideNavigation = false,\n}: CarouselNavigationProps) {\n const carouselHook = useCarousel();\n const carousel = carouselProp || carouselHook;\n const peekEffect = carousel?.params?.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 // responsive\n width: { xs: '32px', md: '40px', xl: '44px' },\n height: { xs: '32px', md: '40px', xl: '44px' },\n // manual v-align, half the icon size\n mt: { xs: '-16px', md: '-20px', xl: '-22px' },\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 // hide navigation when not needed\n if (autoHideNavigation && carousel?.isLocked) {\n return null;\n }\n return (\n <>\n <IconButton\n disabled={carousel && !carousel.params?.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 insetInlineStart: '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.params?.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 insetInlineEnd: '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":["CarouselNavigation","carousel","carouselProp","peekEffect","propPeekEffect","prevButtonProps","prevIconProps","PrevIconComponent","nextButtonProps","nextIconProps","NextIconComponent","arrows","onBackground","autoHideNavigation","carouselHook","useCarousel","_a","params","effect","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_d","sx","prevSx","restPrev","__rest","_e","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","PrevIcon","ArrowLeftIcon","ChevronLeftIcon","NextIcon","ArrowRightIcon","ChevronRightIcon","sharedSx","useMemo","Object","assign","position","zIndex","top","width","xs","md","xl","height","mt","fontSize","getInteractiveStyle","color","borderColor","backgroundColor","isLocked","_jsxs","_Fragment","children","_jsx","IconButton","disabled","_b","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","insetInlineStart","size","direction","_c","isEnd","slideNext","insetInlineEnd"],"mappings":"inBAgEgBA,GACdC,SAAUC,EACVC,WAAYC,GAAiB,EAAKC,gBAClCA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,gBACjBA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,OACjBA,GAAS,EAAIC,aACbA,GAAe,EAAKC,mBACpBA,GAAqB,cAErB,MAAMC,EAAeC,IACfd,EAAWC,GAAgBY,EAC3BX,EAA0C,UAAb,QAAhBa,EAAAf,aAAQ,EAARA,EAAUgB,cAAM,IAAAD,OAAA,EAAAA,EAAEE,SAAqBd,EACpDe,EAAQC,IACRC,EAAOC,EAAcH,EAAMI,YAAYC,GAAG,OAC1CC,EAA8BpB,GAAmB,IAA/CqB,GAAIC,KAAWC,EAAQC,EAAAJ,EAAzB,CAAA,OACAK,EAA8BtB,GAAmB,IAA/CkB,GAAIK,KAAWC,EAAQH,EAAAC,EAAzB,CAAA,QACCG,EAAMC,GAAWC,EAAsBlC,GACxCmC,EAAW7B,IAAsBI,EAAS0B,EAAgBC,GAC1DC,EAAW7B,IAAsBC,EAAS6B,EAAiBC,GAG3DC,EAAWC,EACf,IAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAEJC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,MAAO,CAAEC,GAAI,OAAQC,GAAI,OAAQC,GAAI,QACrCC,OAAQ,CAAEH,GAAI,OAAQC,GAAI,OAAQC,GAAI,QAEtCE,GAAI,CAAEJ,GAAI,QAASC,GAAI,QAASC,GAAI,SACpC,qBAAsB,CACpBG,SAAU,CAAEL,GAAI,OAAQE,GAAI,UAG3BI,EACD,CACEC,MAAO,eACPC,YAAa9C,EAAe,0BAA4B,kBACxD+C,gBAAiB/C,EAAe,0BAA4B,mBAE9D,CACE+C,gBAAiB,uBAEpB,CAED,iBAAkB,CAChBF,MAAO,oBACPC,YAAa9C,EAAe,0BAA4B,qBACxD+C,gBAAiB/C,EAAe,0BAA4B,wBAGhE,IAIF,OAAIC,IAAsBZ,aAAQ,EAARA,EAAU2D,UAC3B,KAGPC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAUrB,OAAAC,OAAA,CACTqB,SAAUjE,KAA4B,QAAfkE,EAAAlE,EAASgB,cAAM,IAAAkD,OAAA,EAAAA,EAAEC,OAAQnE,EAASoE,YACzDC,QAAS,KACPrE,SAAAA,EAAUsE,YACVpE,GAAc8B,GAAQC,EAAQ,UAEhCsC,aAAc,IAAMnD,GAAQlB,GAAc+B,EAAQ,QAClDuC,aAAc,IAAMtE,GAAc8B,GAAQC,EAAQ,SAClDR,gDACKgB,GAAQ,CACXgC,iBAAkB,SACf/C,GAAM,aAEA,iCACG,WACd8B,MAAM,UACNkB,KAAK,UACD/C,EAAQ,CAAAmC,SAES,QAApB5C,EAAMyD,UAAsBZ,EAACzB,mBAAajC,IAAoB0D,EAAC5B,EAAQQ,OAAAC,OAAA,CAAA,EAAKvC,OAE/E0D,EAACC,EAAUrB,OAAAC,OAAA,CACTqB,SAAUjE,aAAa4E,EAAA5E,EAASgB,6BAAQmD,OAAQnE,EAAS6E,MACzDR,QAAS,KACPrE,SAAAA,EAAU8E,YACV5E,GAAc8B,GAAQC,EAAQ,UAEhCsC,aAAc,IAAMnD,GAAQlB,GAAc+B,EAAQ,QAClDuC,aAAc,IAAMtE,GAAc8B,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACGH,GAAQ,CACXsC,eAAgB,SACbjD,GAAM,aAEA,aAAY,gBACT,WACd0B,MAAM,WACFzB,EAAQ,CAAA+B,SAES,QAApB5C,EAAMyD,UAAsBZ,EAAC5B,EAAQQ,OAAAC,OAAA,CAAA,EAAKpC,IAAoBuD,EAACzB,mBAAa9B,SAIrF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as o}from"tslib";import{jsx as
|
|
1
|
+
import{__rest as o}from"tslib";import{jsx as r,jsxs as s}from"react/jsx-runtime";import{forwardRef as e,useMemo as n,useState as i,useRef as l,useEffect as t}from"react";import{Box as a,Button as d,Slider as u}from"@mui/material";import{useCarousel as c}from"./hooks.js";import{getInteractiveStyle as p}from"../../materialui/button/interactive.js";import{SliderContainer as v}from"../../materialui/slider/SliderContainer.js";const x=e((s,e)=>{var{carousel:i,position:l,variant:t,sx:a}=s,d=o(s,["carousel","position","variant","sx"]);const u=c(),p=i||u,v=n(()=>{switch(t){case"scrollbar":return b;case"slider":return h;case"fraction":return m;case"lines":return f;default:return g}},[t]),x=n(()=>"inside"===l?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0"},a):a,[l,JSON.stringify(a)]);return r(v,Object.assign({carousel:p,sx:x,ref:e,position:l},d))}),g=e((s,e)=>{var{carousel:n,dotsWrapperProps:i,dotProps:l,position:t,sx:d}=s,u=o(s,["carousel","dotsWrapperProps","dotProps","position","sx"]);const c=null!=i?i:{},{sx:p}=c,v=o(c,["sx"]),x=null!=l?l:{},{sx:g}=x,m=o(x,["sx"]);return r(a,Object.assign({sx:Object.assign({p:2,display:"flex",alignItems:"center",justifyContent:"center"},d),ref:e},u,{children:r(a,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"===t&&{backgroundColor:o=>"dark"===o.palette.mode?"surface.primary":"transparent.backdrop"}),p)},v,{children:[...new Array((null==n?void 0:n.slides.length)||0)].map((o,s)=>{var e,i;return r(a,Object.assign({className:!(null===(e=null==n?void 0:n.params)||void 0===e?void 0:e.loop)&&(null==n?void 0:n.isEnd)&&s===((null==n?void 0:n.slides.length)||0)-1?"active":(null==n?void 0:n.isEnd)&&!(null===(i=n.params)||void 0===i?void 0:i.loop)||s!==(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"}},g)},m),s)})}))}))}),m=e((e,n)=>{var{carousel:i,buttonProps:l,position:t,sx:u}=e,c=o(e,["carousel","buttonProps","position","sx"]);const v=null!=l?l:{},{sx:x}=v,g=o(v,["sx"]);return r(a,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"center",p:2},u),ref:n},c,{children:r(d,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"},p({backgroundColor:"transparent.backdrop"},{backgroundColor:"onSurface.os100"})),x),onClick:()=>{var o;return(null==i?void 0:i.isEnd)&&!(null===(o=i.params)||void 0===o?void 0:o.loop)?null==i?void 0:i.slideTo(0):null==i?void 0:i.slideNext()}},g,{children:s(a,{component:"span",children:[r(a,{component:"span",sx:{fontWeight:"700",color:"onSurface.os900"},children:`${((null==i?void 0:i.realIndex)||0)+1}`}),r(a,{component:"span",sx:{color:"onSurface.os700",fontWeight:"400",mx:.5},children:" / "}),r(a,{component:"span",sx:{color:"onSurface.os700",fontWeight:"300"},children:`${(null==i?void 0:i.slides.length)||0}`})]})}))}))}),f=e((e,n)=>{var{carousel:i,sx:l,linesProps:t,lineProgress:u,lineProgressProps:c,position:v}=e,x=o(e,["carousel","sx","linesProps","lineProgress","lineProgressProps","position"]);const g=null!=t?t:{},{sx:m}=g,f=o(g,["sx"]),h=null!=c?c:{},{sx:b}=h,j=o(h,["sx"]);return r(a,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:{xs:"stretch",md:"center"},flexGrow:{xs:"1",md:"0"},gap:1,p:2},l),ref:n},x,{children:[...new Array((null==i?void 0:i.slides.length)||0)].map((o,e)=>{var n,l;const t=!(null===(n=null==i?void 0:i.params)||void 0===n?void 0:n.loop)&&(null==i?void 0:i.isEnd)&&e===((null==i?void 0:i.slides.length)||0)-1||(!(null==i?void 0:i.isEnd)||(null===(l=i.params)||void 0===l?void 0:l.loop))&&e===(null==i?void 0:i.realIndex),c=e<=((null==i?void 0:i.realIndex)||0);return s(d,Object.assign({color:"inherit",className:t?"active":void 0,sx:Object.assign(Object.assign({p:0,minHeight:"0",height:t||c?"8px":"4px",borderRadius:t||c?"4px":"2px",width:{xs:"auto",md:"56px"},flexGrow:{xs:"1",md:"0"},justifyContent:"flex-start"},p({backgroundColor:"surface.primary","& .progress-line":{backgroundColor:"brand.secondary"}},{backgroundColor:"surface.secondary","& .progress-line":{backgroundColor:"brandHover.secondary"}})),m),"aria-controls":"carousel",onClick:()=>{var o;return null==i?void 0:i[(null===(o=i.params)||void 0===o?void 0:o.loop)?"slideToLoop":"slideTo"](e)}},f,{children:[r(a,{sx:{position:"absolute",top:"50%",left:"0",right:"0",height:"24px",transform:"translateY(-50%)",pointerEvents:"auto"}}),r(a,{sx:{borderRadius:"4px",height:"100%",width:"100%",overflow:"hidden"},children:r(a,Object.assign({className:"progress-line",role:t?"progress":void 0,"aria-valuenow":t?u:void 0,"aria-valuemin":0,"aria-valuemax":100,sx:Object.assign({opacity:void 0!==u||c?"1":"0",width:"100%",backgroundColor:"brand.secondary",height:"100%",transformOrigin:"left",transform:`scaleX(${void 0!==u&&t?u/100:c?1:0})`,transition:(void 0!==u?"transform 300ms ease-in-out, ":"")+"opacity 300ms ease-out, background-color 300ms ease-out"},b)},j))})]}),e)})}))}),h=e((s,e)=>{var n,d,{carousel:c,sliderProps:p,sx:v,progressProps:x,position:g}=s,m=o(s,["carousel","sliderProps","sx","progressProps","position"]);const f=null!=p?p:{},{sx:h}=f,b=o(f,["sx"]),[j,O]=i(Math.round(100*((null==c?void 0:c.progress)||0))),y=l(!1),[,C]=i({});return t(()=>{y.current||O(Math.round(100*((null==c?void 0:c.progress)||0)))},[null==c?void 0:c.progress]),t(()=>{if(c){const o=()=>{y.current||C({})};return c.on("sliderMove",o),()=>{c.off("sliderMove",o)}}},[c]),r(a,Object.assign({sx:Object.assign({my:2},v),ref:e},m,{children:r(u,Object.assign({value:j,min:0,max:100,onChange:(o,r)=>{y.current=!0,null==c||c.setProgress(r/100,150),O(r)},onChangeCommitted:()=>{null==c||c.slideToClosest(300),y.current=!1},sx:Object.assign({display:"block",height:"4px",py:"14px",".MuiSlider-rail":{color:"surface.primary"},".MuiSlider-track":{color:"onSurface.os500",transitionDuration:`${null!==(d=null===(n=null==c?void 0:c.params)||void 0===n?void 0:n.speed)&&void 0!==d?d:300}ms`},".MuiSlider-thumb":{display:"none"}},h),"aria-controls":"carousel"},b))}))}),b=e((s,e)=>{var l,a,d,{carousel:u,sliderProps:c,position:p}=s,x=o(s,["carousel","sliderProps","position"]);const g=null!=c?c:{},{sx:m}=g,f=o(g,["sx"]),[b,j]=i(!1),[,O]=i({});t(()=>{if(u){const o=()=>j(!0),r=()=>j(!1),s=()=>O({});return u.on("touchStart",o),u.on("touchEnd",r),u.on("resize",s),()=>{u.off("touchStart",o),u.off("touchEnd",r),u.off("resize",s)}}},[u]);const y=n(()=>{var o,r;if((null===(o=null==u?void 0:u.wrapperEl)||void 0===o?void 0:o.scrollWidth)&&(null==u?void 0:u.width)){const o=Math.ceil((null==u?void 0:u.width)**2/(null===(r=null==u?void 0:u.wrapperEl)||void 0===r?void 0:r.scrollWidth));return Math.max(o,40)}return 40},[null===(l=null==u?void 0:u.wrapperEl)||void 0===l?void 0:l.scrollWidth,null==u?void 0:u.width]);return r(h,Object.assign({ref:e,carousel:u,component:v,thumbSize:y,sliderProps:Object.assign({tabIndex:-1,valueLabelDisplay:"off",sx:Object.assign({".MuiSlider-rail, .MuiSlider-track":{color:"surface.primary"},".MuiSlider-thumb":Object.assign(Object.assign({display:"flex",width:`${y}px`,maxWidth:"none",height:"4px",border:"none",backgroundColor:"onSurface.os500","&:after":{width:`${y}px`}},!b&&{transition:`left ${null!==(d=null===(a=null==u?void 0:u.params)||void 0===a?void 0:a.speed)&&void 0!==d?d:300}ms ease-out`}),{"&.Mui-focusVisible":{boxShadow:"none","&:before":{content:"none"}}})},m)},f)},x))});export{x as CarouselPagination,g as DotsVariant,m as FractionVariant,f as LinesVariant,b as ScrollbarVariant,h as SliderVariant};
|
|
2
2
|
//# sourceMappingURL=Pagination.js.map
|