@skodaflow/web-library 7.0.3 → 7.1.0

package/layout/Footer/FooterMenu.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Icon as t}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../utils/enum.js";import{useClosure as n}from"../../utils/useClosure/useClosure.js";import{Stack as i,Box as r,IconButton as c,Collapse as a}from"@mui/material";import{useEffect as l}from"react";const s=({mainItem:s,subItems:m,variant:u="list"})=>{const{isOpen:p,onToggle:d,onOpen:f}=n("list"===u);return l((()=>{"list"===u&&f()}),[u,f]),e(i,{spacing:1,direction:"column","data-testid":"FooterMenu",children:[e(r,{sx:{fontSize:"12px",fontWeight:"bold",color:e=>e.palette.onSurface.os0,"& a":{color:e=>e.palette.onSurface.os0,textDecorationColor:e=>e.palette.onSurface.os0,textDecoration:"none","&:hover":{textDecoration:"underline"}},minHeight:"44px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[o(r,{"data-testid":"FooterMenu.label",children:s}),"accordion"===u&&o(c,{size:"small",onClick:d,"data-testId":"FooterMenu.toggle",children:o(t,{fontSize:"small",name:p?"chevron-up":"chevron-down"})})]}),o(a,{in:p,"data-testid":"FooterMenu.content",children:o(i,{direction:"column",spacing:1,sx:{fontSize:"12px",color:e=>e.palette.onSurface.os200,"& a":{color:e=>e.palette.onSurface.os200,textDecorationColor:e=>e.palette.onSurface.os200,textDecoration:"none","&:hover":{textDecoration:"underline"}}},children:m})})]})};export{s as FooterMenu};
+import{__rest as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Icon as n}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import{Box as i,IconButton as r,Collapse as a,Stack as c}from"@mui/material";import{useState as s,useEffect as l}from"react";function m(m){var{mainItem:p,subItems:d,variant:u="list",sx:f}=m,x=e(m,["mainItem","subItems","variant","sx"]);const[h,g]=s("list"===u);return l((()=>{"list"===u&&g(!0)}),[u,g]),t(i,Object.assign({"data-testid":"FooterMenu",sx:Object.assign({display:"flex",gap:1,flexDirection:"column"},f||{})},x,{children:[t(i,{sx:{fontSize:"12px",fontWeight:"bold",color:e=>e.palette.onSurface.os0,"& a":{color:e=>e.palette.onSurface.os0,textDecorationColor:e=>e.palette.onSurface.os0,textDecoration:"none","&:hover":{textDecoration:"underline"}},minHeight:"44px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[o(i,{"data-testid":"FooterMenu.label",children:p}),"accordion"===u&&o(r,{size:"small",onClick:()=>g(!h),"data-testId":"FooterMenu.toggle",children:o(n,{fontSize:"small",name:h?"chevron-up":"chevron-down"})})]}),o(a,{in:h,"data-testid":"FooterMenu.content",children:o(c,{direction:"column",spacing:1,sx:{fontSize:"12px",color:e=>e.palette.onSurface.os200,"& a":{color:e=>e.palette.onSurface.os200,textDecorationColor:e=>e.palette.onSurface.os200,textDecoration:"none","&:hover":{textDecoration:"underline"}}},children:d})})]}))}export{m as FooterMenu};
 //# sourceMappingURL=FooterMenu.js.map

package/layout/Footer/FooterMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterMenu.js","sources":["../../../src/layout/Footer/FooterMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src/components/icon';\nimport { useClosure } from '@/src/utils';\nimport { Box, Collapse, IconButton, Stack } from '@mui/material';\nimport { useEffect } from 'react';\nexport const FooterMenu = ({ mainItem, subItems, variant = 'list' }) => {\n    const { isOpen, onToggle, onOpen } = useClosure(variant === 'list');\n    useEffect(() => {\n        if (variant === 'list') {\n            onOpen();\n        }\n    }, [variant, onOpen]);\n    return (_jsxs(Stack, { spacing: 1, direction: \"column\", \"data-testid\": \"FooterMenu\", children: [_jsxs(Box, { sx: {\n                    fontSize: '12px',\n                    fontWeight: 'bold',\n                    color: (theme) => theme.palette.onSurface.os0,\n                    '& a': {\n                        color: (theme) => theme.palette.onSurface.os0,\n                        textDecorationColor: (theme) => theme.palette.onSurface.os0,\n                        textDecoration: 'none',\n                        '&:hover': {\n                            textDecoration: 'underline',\n                        },\n                    },\n                    minHeight: '44px',\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'space-between',\n                }, children: [_jsx(Box, { \"data-testid\": \"FooterMenu.label\", children: mainItem }), variant === 'accordion' && (_jsx(IconButton, { size: \"small\", onClick: onToggle, \"data-testId\": \"FooterMenu.toggle\", children: _jsx(Icon, { fontSize: \"small\", name: isOpen ? 'chevron-up' : 'chevron-down' }) }))] }), _jsx(Collapse, { in: isOpen, \"data-testid\": \"FooterMenu.content\", children: _jsx(Stack, { direction: \"column\", spacing: 1, sx: {\n                        fontSize: '12px',\n                        color: (theme) => theme.palette.onSurface.os200,\n                        '& a': {\n                            color: (theme) => theme.palette.onSurface.os200,\n                            textDecorationColor: (theme) => theme.palette.onSurface.os200,\n                            textDecoration: 'none',\n                            '&:hover': {\n                                textDecoration: 'underline',\n                            },\n                        },\n                    }, children: subItems }) })] }));\n};\n//# sourceMappingURL=FooterMenu.js.map"],"names":["FooterMenu","mainItem","subItems","variant","isOpen","onToggle","onOpen","useClosure","useEffect","_jsxs","Stack","spacing","direction","children","Box","sx","fontSize","fontWeight","color","theme","palette","onSurface","os0","textDecorationColor","textDecoration","minHeight","display","alignItems","justifyContent","_jsx","IconButton","size","onClick","Icon","name","Collapse","in","os200"],"mappings":"sWAKY,MAACA,EAAa,EAAGC,WAAUC,WAAUC,UAAU,WACvD,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,OAAEA,GAAWC,EAAuB,SAAZJ,GAMhD,OALAK,GAAU,KACU,SAAZL,GACAG,GACH,GACF,CAACH,EAASG,IACLG,EAAMC,EAAO,CAAEC,QAAS,EAAGC,UAAW,SAAU,cAAe,aAAcC,SAAU,CAACJ,EAAMK,EAAK,CAAEC,GAAI,CACjGC,SAAU,OACVC,WAAY,OACZC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1C,MAAO,CACHJ,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1CC,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUC,IACxDE,eAAgB,OAChB,UAAW,CACPA,eAAgB,cAGxBC,UAAW,OACXC,QAAS,OACTC,WAAY,SACZC,eAAgB,iBACjBf,SAAU,CAACgB,EAAKf,EAAK,CAAE,cAAe,mBAAoBD,SAAUZ,IAAyB,cAAZE,GAA4B0B,EAAKC,EAAY,CAAEC,KAAM,QAASC,QAAS3B,EAAU,cAAe,oBAAqBQ,SAAUgB,EAAKI,EAAM,CAAEjB,SAAU,QAASkB,KAAM9B,EAAS,aAAe,sBAA2ByB,EAAKM,EAAU,CAAEC,GAAIhC,EAAQ,cAAe,qBAAsBS,SAAUgB,EAAKnB,EAAO,CAAEE,UAAW,SAAUD,QAAS,EAAGI,GAAI,CACnaC,SAAU,OACVE,MAAQC,GAAUA,EAAMC,QAAQC,UAAUgB,MAC1C,MAAO,CACHnB,MAAQC,GAAUA,EAAMC,QAAQC,UAAUgB,MAC1Cd,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUgB,MACxDb,eAAgB,OAChB,UAAW,CACPA,eAAgB,eAGzBX,SAAUX,QAAoB"}
+{"version":3,"file":"FooterMenu.js","sources":["../../../src/layout/Footer/FooterMenu.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src/components/icon';\nimport { Box, Collapse, IconButton, Stack } from '@mui/material';\nimport { useEffect, useState } from 'react';\n/**\n * Renders a footer menu, is expected to be used with links. Allows a collapsible (accordion) variant.\n */\nexport function FooterMenu(_a) {\n    var { mainItem, subItems, variant = 'list', sx } = _a, rest = __rest(_a, [\"mainItem\", \"subItems\", \"variant\", \"sx\"]);\n    const [isOpen, setIsOpen] = useState(variant === 'list');\n    useEffect(() => {\n        if (variant === 'list') {\n            setIsOpen(true);\n        }\n    }, [variant, setIsOpen]);\n    return (_jsxs(Box, Object.assign({ \"data-testid\": \"FooterMenu\", sx: Object.assign({ display: 'flex', gap: 1, flexDirection: 'column' }, (sx || {})) }, rest, { children: [_jsxs(Box, { sx: {\n                    fontSize: '12px',\n                    fontWeight: 'bold',\n                    color: (theme) => theme.palette.onSurface.os0,\n                    '& a': {\n                        color: (theme) => theme.palette.onSurface.os0,\n                        textDecorationColor: (theme) => theme.palette.onSurface.os0,\n                        textDecoration: 'none',\n                        '&:hover': {\n                            textDecoration: 'underline',\n                        },\n                    },\n                    minHeight: '44px',\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'space-between',\n                }, children: [_jsx(Box, { \"data-testid\": \"FooterMenu.label\", children: mainItem }), variant === 'accordion' && (_jsx(IconButton, { size: \"small\", onClick: () => setIsOpen(!isOpen), \"data-testId\": \"FooterMenu.toggle\", children: _jsx(Icon, { fontSize: \"small\", name: isOpen ? 'chevron-up' : 'chevron-down' }) }))] }), _jsx(Collapse, { in: isOpen, \"data-testid\": \"FooterMenu.content\", children: _jsx(Stack, { direction: \"column\", spacing: 1, sx: {\n                        fontSize: '12px',\n                        color: (theme) => theme.palette.onSurface.os200,\n                        '& a': {\n                            color: (theme) => theme.palette.onSurface.os200,\n                            textDecorationColor: (theme) => theme.palette.onSurface.os200,\n                            textDecoration: 'none',\n                            '&:hover': {\n                                textDecoration: 'underline',\n                            },\n                        },\n                    }, children: subItems }) })] })));\n}\n//# sourceMappingURL=FooterMenu.js.map"],"names":["FooterMenu","_a","mainItem","subItems","variant","sx","rest","__rest","isOpen","setIsOpen","useState","useEffect","_jsxs","Box","Object","assign","display","gap","flexDirection","children","fontSize","fontWeight","color","theme","palette","onSurface","os0","textDecorationColor","textDecoration","minHeight","alignItems","justifyContent","_jsx","IconButton","size","onClick","Icon","name","Collapse","in","Stack","direction","spacing","os200"],"mappings":"qTAQO,SAASA,EAAWC,GACvB,IAAIC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAU,OAAMC,GAAEA,GAAOJ,EAAIK,EAAOC,EAAON,EAAI,CAAC,WAAY,WAAY,UAAW,OAC7G,MAAOO,EAAQC,GAAaC,EAAqB,SAAZN,GAMrC,OALAO,GAAU,KACU,SAAZP,GACAK,GAAU,EACb,GACF,CAACL,EAASK,IACLG,EAAMC,EAAKC,OAAOC,OAAO,CAAE,cAAe,aAAcV,GAAIS,OAAOC,OAAO,CAAEC,QAAS,OAAQC,IAAK,EAAGC,cAAe,UAAab,GAAM,CAAE,IAAMC,EAAM,CAAEa,SAAU,CAACP,EAAMC,EAAK,CAAER,GAAI,CAC3Ke,SAAU,OACVC,WAAY,OACZC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1C,MAAO,CACHJ,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1CC,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUC,IACxDE,eAAgB,OAChB,UAAW,CACPA,eAAgB,cAGxBC,UAAW,OACXb,QAAS,OACTc,WAAY,SACZC,eAAgB,iBACjBZ,SAAU,CAACa,EAAKnB,EAAK,CAAE,cAAe,mBAAoBM,SAAUjB,IAAyB,cAAZE,GAA4B4B,EAAKC,EAAY,CAAEC,KAAM,QAASC,QAAS,IAAM1B,GAAWD,GAAS,cAAe,oBAAqBW,SAAUa,EAAKI,EAAM,CAAEhB,SAAU,QAASiB,KAAM7B,EAAS,aAAe,sBAA2BwB,EAAKM,EAAU,CAAEC,GAAI/B,EAAQ,cAAe,qBAAsBW,SAAUa,EAAKQ,EAAO,CAAEC,UAAW,SAAUC,QAAS,EAAGrC,GAAI,CACnbe,SAAU,OACVE,MAAQC,GAAUA,EAAMC,QAAQC,UAAUkB,MAC1C,MAAO,CACHrB,MAAQC,GAAUA,EAAMC,QAAQC,UAAUkB,MAC1ChB,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUkB,MACxDf,eAAgB,OAChB,UAAW,CACPA,eAAgB,eAGzBT,SAAUhB,SACjC"}

package/layout/Footer/FooterSectionContact.d.ts

@@ -1,12 +1,18 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
+import { BoxProps } from '@mui/material';
 export type FooterSectionContactProps = {
     /**
      * Items that should be rendered in left side of the Footer.
      */
     contactSlot?: ReactNode;
+    contactSlotProps?: BoxProps;
     /**
      * Items that should be rendered in right side of the Footer.
      */
     socialSlot?: ReactNode;
-};
-export declare const FooterSectionContact: React.FC<FooterSectionContactProps>;
+    socialSlotProps?: BoxProps;
+} & BoxProps;
+/**
+ * Renders a footer section for links divided into two columns
+ */
+export declare function FooterSectionContact(props: FooterSectionContactProps): import("react/jsx-runtime").JSX.Element;

package/layout/Footer/FooterSectionContact.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import{Box as i,Stack as c}from"@mui/material";import n from"@mui/material/Unstable_Grid2";const e=e=>e.contactSlot||e.socialSlot?t(i,{"data-testid":"FooterSectionContact",children:o(n,{container:!0,spacing:6,children:[t(n,{lg:9,xs:12,"data-testid":"FooterSectionContact.contact",children:t(c,{direction:{xs:"column",md:"row"},spacing:4,children:e.contactSlot})}),t(n,{lg:3,xs:12,justifyContent:{xs:"flex-start",lg:"flex-end"},display:"flex","data-testid":"FooterSectionContact.social",children:t(c,{direction:"row",spacing:1,children:e.socialSlot})})]})}):null;export{e as FooterSectionContact};
+import{__rest as t}from"tslib";import{jsxs as o,jsx as s}from"react/jsx-runtime";import{Box as a}from"@mui/material";function e(e){const{sx:i}=e,l=t(e,["sx"]),c=e.contactSlotProps||{},{sx:r}=c,n=t(c,["sx"]),x=e.socialSlotProps||{},{sx:p}=x,d=t(x,["sx"]);return e.contactSlot||e.socialSlot?o(a,Object.assign({"data-testid":"FooterSectionContact",sx:Object.assign({display:"flex",rowGap:6,flexWrap:"wrap"},i||{})},l,{children:[s(a,Object.assign({"data-testid":"FooterSectionContact.contact",sx:Object.assign({display:"flex",flexWrap:"wrap",gap:4,flexDirection:{xs:"column",md:"row"},width:{xs:"100%",lg:.75}},r||{})},n,{children:e.contactSlot})),s(a,Object.assign({"data-testid":"FooterSectionContact.social",sx:Object.assign({display:"flex",flexWrap:"wrap",gap:1,flexDirection:"row",justifyContent:{xs:"flex-start",lg:"flex-end"},width:{xs:"100%",lg:.25}},p||{})},d,{children:e.socialSlot}))]})):null}export{e as FooterSectionContact};
 //# sourceMappingURL=FooterSectionContact.js.map

package/layout/Footer/FooterSectionContact.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterSectionContact.js","sources":["../../../src/layout/Footer/FooterSectionContact.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Stack } from '@mui/material';\nimport Grid from '@mui/material/Unstable_Grid2';\nexport const FooterSectionContact = (props) => {\n    if (!props.contactSlot && !props.socialSlot) {\n        return null;\n    }\n    return (_jsx(Box, { \"data-testid\": \"FooterSectionContact\", children: _jsxs(Grid, { container: true, spacing: 6, children: [_jsx(Grid, { lg: 9, xs: 12, \"data-testid\": \"FooterSectionContact.contact\", children: _jsx(Stack, { direction: { xs: 'column', md: 'row' }, spacing: 4, children: props.contactSlot }) }), _jsx(Grid, { lg: 3, xs: 12, justifyContent: { xs: 'flex-start', lg: 'flex-end' }, display: \"flex\", \"data-testid\": \"FooterSectionContact.social\", children: _jsx(Stack, { direction: \"row\", spacing: 1, children: props.socialSlot }) })] }) }));\n};\n//# sourceMappingURL=FooterSectionContact.js.map"],"names":["FooterSectionContact","props","contactSlot","socialSlot","_jsx","Box","children","_jsxs","Grid","container","spacing","lg","xs","Stack","direction","md","justifyContent","display"],"mappings":"6IAGY,MAACA,EAAwBC,GAC5BA,EAAMC,aAAgBD,EAAME,WAGzBC,EAAKC,EAAK,CAAE,cAAe,uBAAwBC,SAAUC,EAAMC,EAAM,CAAEC,WAAW,EAAMC,QAAS,EAAGJ,SAAU,CAACF,EAAKI,EAAM,CAAEG,GAAI,EAAGC,GAAI,GAAI,cAAe,+BAAgCN,SAAUF,EAAKS,EAAO,CAAEC,UAAW,CAAEF,GAAI,SAAUG,GAAI,OAASL,QAAS,EAAGJ,SAAUL,EAAMC,gBAAmBE,EAAKI,EAAM,CAAEG,GAAI,EAAGC,GAAI,GAAII,eAAgB,CAAEJ,GAAI,aAAcD,GAAI,YAAcM,QAAS,OAAQ,cAAe,8BAA+BX,SAAUF,EAAKS,EAAO,CAAEC,UAAW,MAAOJ,QAAS,EAAGJ,SAAUL,EAAME,oBAFjgB"}
+{"version":3,"file":"FooterSectionContact.js","sources":["../../../src/layout/Footer/FooterSectionContact.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\n/**\n * Renders a footer section for links divided into two columns\n */\nexport function FooterSectionContact(props) {\n    const { sx } = props, rest = __rest(props, [\"sx\"]);\n    const _a = props.contactSlotProps || {}, { sx: contactSlotSx } = _a, contactSlotRest = __rest(_a, [\"sx\"]);\n    const _b = props.socialSlotProps || {}, { sx: socialSlotSx } = _b, socialSlotRest = __rest(_b, [\"sx\"]);\n    if (!props.contactSlot && !props.socialSlot) {\n        return null;\n    }\n    return (_jsxs(Box, Object.assign({ \"data-testid\": \"FooterSectionContact\", sx: Object.assign({ display: 'flex', rowGap: 6, flexWrap: 'wrap' }, (sx || {})) }, rest, { children: [_jsx(Box, Object.assign({ \"data-testid\": \"FooterSectionContact.contact\", sx: Object.assign({ display: 'flex', flexWrap: 'wrap', gap: 4, flexDirection: {\n                        xs: 'column',\n                        md: 'row',\n                    }, width: {\n                        xs: '100%',\n                        lg: 9 / 12,\n                    } }, (contactSlotSx || {})) }, contactSlotRest, { children: props.contactSlot })), _jsx(Box, Object.assign({ \"data-testid\": \"FooterSectionContact.social\", sx: Object.assign({ display: 'flex', flexWrap: 'wrap', gap: 1, flexDirection: 'row', justifyContent: { xs: 'flex-start', lg: 'flex-end' }, width: {\n                        xs: '100%',\n                        lg: 3 / 12,\n                    } }, (socialSlotSx || {})) }, socialSlotRest, { children: props.socialSlot }))] })));\n}\n//# sourceMappingURL=FooterSectionContact.js.map"],"names":["FooterSectionContact","props","sx","rest","__rest","_a","contactSlotProps","contactSlotSx","contactSlotRest","_b","socialSlotProps","socialSlotSx","socialSlotRest","contactSlot","socialSlot","_jsxs","Box","Object","assign","display","rowGap","flexWrap","children","_jsx","gap","flexDirection","xs","md","width","lg","justifyContent"],"mappings":"qHAMO,SAASA,EAAqBC,GACjC,MAAMC,GAAEA,GAAOD,EAAOE,EAAOC,EAAOH,EAAO,CAAC,OACtCI,EAAKJ,EAAMK,kBAAoB,CAAE,GAAIJ,GAAIK,GAAkBF,EAAIG,EAAkBJ,EAAOC,EAAI,CAAC,OAC7FI,EAAKR,EAAMS,iBAAmB,CAAE,GAAIR,GAAIS,GAAiBF,EAAIG,EAAiBR,EAAOK,EAAI,CAAC,OAChG,OAAKR,EAAMY,aAAgBZ,EAAMa,WAGzBC,EAAMC,EAAKC,OAAOC,OAAO,CAAE,cAAe,uBAAwBhB,GAAIe,OAAOC,OAAO,CAAEC,QAAS,OAAQC,OAAQ,EAAGC,SAAU,QAAWnB,GAAM,KAAQC,EAAM,CAAEmB,SAAU,CAACC,EAAKP,EAAKC,OAAOC,OAAO,CAAE,cAAe,+BAAgChB,GAAIe,OAAOC,OAAO,CAAEC,QAAS,OAAQE,SAAU,OAAQG,IAAK,EAAGC,cAAe,CACnTC,GAAI,SACJC,GAAI,OACLC,MAAO,CACNF,GAAI,OACJG,GAAI,MACFtB,GAAiB,KAAQC,EAAiB,CAAEc,SAAUrB,EAAMY,eAAiBU,EAAKP,EAAKC,OAAOC,OAAO,CAAE,cAAe,8BAA+BhB,GAAIe,OAAOC,OAAO,CAAEC,QAAS,OAAQE,SAAU,OAAQG,IAAK,EAAGC,cAAe,MAAOK,eAAgB,CAAEJ,GAAI,aAAcG,GAAI,YAAcD,MAAO,CACzSF,GAAI,OACJG,GAAI,MACFlB,GAAgB,KAAQC,EAAgB,CAAEU,SAAUrB,EAAMa,kBAXrE,IAYf"}

package/layout/Footer/PredefinedFooterIconButtons.d.ts

@@ -1,6 +1,6 @@
-import { IconButtonProps } from '@mui/material';
 import { FC } from 'react';
-export type PredefinedFooterIconButtonProps = IconButtonProps;
+import { FooterIconButtonProps } from './FooterIconButton';
+export type PredefinedFooterIconButtonProps = Omit<FooterIconButtonProps<'button'>, 'icon' | 'iconSrc'>;
 export declare const FacebookFooterIconButton: FC<PredefinedFooterIconButtonProps>;
 export declare const InstagramFooterIconButton: FC<PredefinedFooterIconButtonProps>;
 export declare const TwitterFooterIconButton: FC<PredefinedFooterIconButtonProps>;

package/layout/Footer/PredefinedFooterIconButtons.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"tslib";import{jsx as r}from"react/jsx-runtime";import{IconButton as o,Icon as t}from"@mui/material";import i from"./assets/facebook_icon.svg.js";import e from"./assets/instagram_icon.svg.js";import m from"./assets/twitter_icon.svg.js";import n from"./assets/youtube_icon.svg.js";function a(i){return e=>{const m=s(e,["children"]);return r(o,Object.assign({size:"small"},m,{sx:{"&:hover":{backgroundColor:"#F3F3F317"}},children:r(t,{fontSize:"small",sx:{display:"flex","& img":{width:"100%",height:"100%"}},children:r("img",{src:i})})}))}}const c=a(i),l=a(e),f=a(m),g=a(n);export{c as FacebookFooterIconButton,l as InstagramFooterIconButton,f as TwitterFooterIconButton,g as YoutubeFooterIconButton};
+import{jsx as o}from"react/jsx-runtime";import{FooterIconButton as t}from"./FooterIconButton.js";import{FacebookIcon as s}from"./assets/FacebookIcon.js";import{InstagramIcon as r}from"./assets/InstagramIcon.js";import{YoutubeIcon as e}from"./assets/YoutubeIcon.js";import{TwitterIcon as m}from"./assets/TwitterIcon.js";function n(s){return r=>o(t,Object.assign({},r,{children:s}))}const c=n(o(s,{})),i=n(o(r,{})),a=n(o(m,{})),f=n(o(e,{}));export{c as FacebookFooterIconButton,i as InstagramFooterIconButton,a as TwitterFooterIconButton,f as YoutubeFooterIconButton};
 //# sourceMappingURL=PredefinedFooterIconButtons.js.map

package/layout/Footer/PredefinedFooterIconButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"PredefinedFooterIconButtons.js","sources":["../../../src/layout/Footer/PredefinedFooterIconButtons.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon, IconButton } from '@mui/material';\nimport FacebookIcon from './assets/facebook_icon.svg';\nimport InstagramIcon from './assets/instagram_icon.svg';\nimport TwitterIcon from './assets/twitter_icon.svg';\nimport YoutubeIcon from './assets/youtube_icon.svg';\nfunction createPredefinedButton(icon) {\n    return (props) => {\n        const { children } = props, rest = __rest(props, [\"children\"]);\n        return (_jsx(IconButton, Object.assign({ size: \"small\" }, rest, { sx: {\n                '&:hover': {\n                    backgroundColor: '#F3F3F317',\n                },\n            }, children: _jsx(Icon, { fontSize: \"small\", sx: {\n                    display: 'flex',\n                    '& img': { width: '100%', height: '100%' },\n                }, children: _jsx(\"img\", { src: icon }) }) })));\n    };\n}\nexport const FacebookFooterIconButton = createPredefinedButton(FacebookIcon);\nexport const InstagramFooterIconButton = createPredefinedButton(InstagramIcon);\nexport const TwitterFooterIconButton = createPredefinedButton(TwitterIcon);\nexport const YoutubeFooterIconButton = createPredefinedButton(YoutubeIcon);\n//# sourceMappingURL=PredefinedFooterIconButtons.js.map"],"names":["createPredefinedButton","icon","props","rest","__rest","_jsx","IconButton","Object","assign","size","sx","backgroundColor","children","Icon","fontSize","display","width","height","src","FacebookFooterIconButton","FacebookIcon","InstagramFooterIconButton","InstagramIcon","TwitterFooterIconButton","TwitterIcon","YoutubeFooterIconButton","YoutubeIcon"],"mappings":"+SAOA,SAASA,EAAuBC,GAC5B,OAAQC,IACC,MAAuBC,EAAOC,EAAOF,EAAO,CAAC,aAClD,OAAQG,EAAKC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWN,EAAM,CAAEO,GAAI,CAC9D,UAAW,CACPC,gBAAiB,cAEtBC,SAAUP,EAAKQ,EAAM,CAAEC,SAAU,QAASJ,GAAI,CACzCK,QAAS,OACT,QAAS,CAAEC,MAAO,OAAQC,OAAQ,SACnCL,SAAUP,EAAK,MAAO,CAAEa,IAAKjB,QAAgB,CAEhE,CACY,MAACkB,EAA2BnB,EAAuBoB,GAClDC,EAA4BrB,EAAuBsB,GACnDC,EAA0BvB,EAAuBwB,GACjDC,EAA0BzB,EAAuB0B"}
+{"version":3,"file":"PredefinedFooterIconButtons.js","sources":["../../../src/layout/Footer/PredefinedFooterIconButtons.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { FooterIconButton } from './FooterIconButton';\nimport { FacebookIcon, InstagramIcon, TwitterIcon, YoutubeIcon } from './assets';\nfunction createPredefinedButton(icon) {\n    return (props) => {\n        return _jsx(FooterIconButton, Object.assign({}, props, { children: icon }));\n    };\n}\nexport const FacebookFooterIconButton = createPredefinedButton(_jsx(FacebookIcon, {}));\nexport const InstagramFooterIconButton = createPredefinedButton(_jsx(InstagramIcon, {}));\nexport const TwitterFooterIconButton = createPredefinedButton(_jsx(TwitterIcon, {}));\nexport const YoutubeFooterIconButton = createPredefinedButton(_jsx(YoutubeIcon, {}));\n//# sourceMappingURL=PredefinedFooterIconButtons.js.map"],"names":["createPredefinedButton","icon","props","_jsx","FooterIconButton","Object","assign","children","FacebookFooterIconButton","FacebookIcon","InstagramFooterIconButton","InstagramIcon","TwitterFooterIconButton","TwitterIcon","YoutubeFooterIconButton","YoutubeIcon"],"mappings":"+TAGA,SAASA,EAAuBC,GAC5B,OAAQC,GACGC,EAAKC,EAAkBC,OAAOC,OAAO,CAAA,EAAIJ,EAAO,CAAEK,SAAUN,IAE3E,CACY,MAACO,EAA2BR,EAAuBG,EAAKM,EAAc,CAAE,IACvEC,EAA4BV,EAAuBG,EAAKQ,EAAe,CAAE,IACzEC,EAA0BZ,EAAuBG,EAAKU,EAAa,CAAE,IACrEC,EAA0Bd,EAAuBG,EAAKY,EAAa,CAAA"}

package/layout/Footer/assets/FacebookIcon.d.ts

@@ -0,0 +1 @@
+export declare const FacebookIcon: () => import("react/jsx-runtime").JSX.Element;

package/layout/Footer/assets/FacebookIcon.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{SvgIcon as o}from"@mui/material";const t=()=>r(o,{viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r("path",{d:"M3.10409 0C1.38456 0 0 1.38456 0 3.10409V13.8959C0 15.6154 1.38456 17 3.10409 17H8.95315V10.354H7.19578V7.9613H8.95315V5.91706C8.95315 4.31099 9.99149 2.83634 12.3834 2.83634C13.3519 2.83634 14.068 2.92932 14.068 2.92932L14.0117 5.16376C14.0117 5.16376 13.2813 5.15685 12.4843 5.15685C11.6218 5.15685 11.4835 5.55428 11.4835 6.21405V7.96132H14.0802L13.9671 10.3541H11.4835V17H13.8959C15.6154 17 17 15.6154 17 13.8959V3.10411C17 1.38458 15.6154 1.7e-05 13.8959 1.7e-05H3.10407L3.10409 0Z",fill:"currentColor"})});export{t as FacebookIcon};
+//# sourceMappingURL=FacebookIcon.js.map

package/layout/Footer/assets/FacebookIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacebookIcon.js","sources":["../../../../src/layout/Footer/assets/FacebookIcon.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { SvgIcon } from '@mui/material';\nexport const FacebookIcon = () => (_jsx(SvgIcon, { viewBox: \"0 0 17 17\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: _jsx(\"path\", { d: \"M3.10409 0C1.38456 0 0 1.38456 0 3.10409V13.8959C0 15.6154 1.38456 17 3.10409 17H8.95315V10.354H7.19578V7.9613H8.95315V5.91706C8.95315 4.31099 9.99149 2.83634 12.3834 2.83634C13.3519 2.83634 14.068 2.92932 14.068 2.92932L14.0117 5.16376C14.0117 5.16376 13.2813 5.15685 12.4843 5.15685C11.6218 5.15685 11.4835 5.55428 11.4835 6.21405V7.96132H14.0802L13.9671 10.3541H11.4835V17H13.8959C15.6154 17 17 15.6154 17 13.8959V3.10411C17 1.38458 15.6154 1.7e-05 13.8959 1.7e-05H3.10407L3.10409 0Z\", fill: \"currentColor\" }) }));\n//# sourceMappingURL=FacebookIcon.js.map"],"names":["FacebookIcon","_jsx","SvgIcon","viewBox","fill","xmlns","children","d"],"mappings":"gFAEY,MAACA,EAAe,IAAOC,EAAKC,EAAS,CAAEC,QAAS,YAAaC,KAAM,OAAQC,MAAO,6BAA8BC,SAAUL,EAAK,OAAQ,CAAEM,EAAG,yeAA0eH,KAAM"}

package/layout/Footer/assets/InstagramIcon.d.ts

@@ -0,0 +1 @@
+export declare const InstagramIcon: () => import("react/jsx-runtime").JSX.Element;

package/layout/Footer/assets/InstagramIcon.js

@@ -0,0 +1,2 @@
+import{jsx as C}from"react/jsx-runtime";import{SvgIcon as r}from"@mui/material";const o=()=>C(r,{viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:C("path",{d:"M8.49787 5.66546C6.93707 5.66546 5.66333 6.9392 5.66333 8.5C5.66333 10.0608 6.93707 11.3345 8.49787 11.3345C10.0587 11.3345 11.3324 10.0608 11.3324 8.5C11.3324 6.9392 10.0587 5.66546 8.49787 5.66546ZM16.9994 8.5C16.9994 7.32621 17.01 6.16305 16.9441 4.99138C16.8782 3.63046 16.5677 2.42264 15.5725 1.42747C14.5752 0.430173 13.3695 0.121839 12.0086 0.0559198C10.8348 -0.00999972 9.67167 0.000632496 8.5 0.000632496C7.32621 0.000632496 6.16305 -0.00999972 4.99138 0.0559198C3.63046 0.121839 2.42264 0.432299 1.42747 1.42747C0.430173 2.42477 0.121839 3.63046 0.0559198 4.99138C-0.00999972 6.16517 0.000632496 7.32833 0.000632496 8.5C0.000632496 9.67167 -0.00999972 10.837 0.0559198 12.0086C0.121839 13.3695 0.432299 14.5774 1.42747 15.5725C2.42477 16.5698 3.63046 16.8782 4.99138 16.9441C6.16517 17.01 7.32833 16.9994 8.5 16.9994C9.67379 16.9994 10.837 17.01 12.0086 16.9441C13.3695 16.8782 14.5774 16.5677 15.5725 15.5725C16.5698 14.5752 16.8782 13.3695 16.9441 12.0086C17.0121 10.837 16.9994 9.67379 16.9994 8.5ZM8.49787 12.8613C6.08437 12.8613 4.13655 10.9135 4.13655 8.5C4.13655 6.08649 6.08437 4.13868 8.49787 4.13868C10.9114 4.13868 12.8592 6.08649 12.8592 8.5C12.8592 10.9135 10.9114 12.8613 8.49787 12.8613ZM13.0378 4.97862C12.4743 4.97862 12.0193 4.52356 12.0193 3.96006C12.0193 3.39655 12.4743 2.94149 13.0378 2.94149C13.6013 2.94149 14.0564 3.39655 14.0564 3.96006C14.0566 4.09386 14.0303 4.22639 13.9792 4.35004C13.9281 4.4737 13.853 4.58605 13.7584 4.68067C13.6638 4.77528 13.5515 4.8503 13.4278 4.90143C13.3042 4.95256 13.1716 4.97879 13.0378 4.97862Z",fill:"currentColor"})});export{o as InstagramIcon};
+//# sourceMappingURL=InstagramIcon.js.map

package/layout/Footer/assets/InstagramIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstagramIcon.js","sources":["../../../../src/layout/Footer/assets/InstagramIcon.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { SvgIcon } from '@mui/material';\nexport const InstagramIcon = () => (_jsx(SvgIcon, { viewBox: \"0 0 17 17\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: _jsx(\"path\", { d: \"M8.49787 5.66546C6.93707 5.66546 5.66333 6.9392 5.66333 8.5C5.66333 10.0608 6.93707 11.3345 8.49787 11.3345C10.0587 11.3345 11.3324 10.0608 11.3324 8.5C11.3324 6.9392 10.0587 5.66546 8.49787 5.66546ZM16.9994 8.5C16.9994 7.32621 17.01 6.16305 16.9441 4.99138C16.8782 3.63046 16.5677 2.42264 15.5725 1.42747C14.5752 0.430173 13.3695 0.121839 12.0086 0.0559198C10.8348 -0.00999972 9.67167 0.000632496 8.5 0.000632496C7.32621 0.000632496 6.16305 -0.00999972 4.99138 0.0559198C3.63046 0.121839 2.42264 0.432299 1.42747 1.42747C0.430173 2.42477 0.121839 3.63046 0.0559198 4.99138C-0.00999972 6.16517 0.000632496 7.32833 0.000632496 8.5C0.000632496 9.67167 -0.00999972 10.837 0.0559198 12.0086C0.121839 13.3695 0.432299 14.5774 1.42747 15.5725C2.42477 16.5698 3.63046 16.8782 4.99138 16.9441C6.16517 17.01 7.32833 16.9994 8.5 16.9994C9.67379 16.9994 10.837 17.01 12.0086 16.9441C13.3695 16.8782 14.5774 16.5677 15.5725 15.5725C16.5698 14.5752 16.8782 13.3695 16.9441 12.0086C17.0121 10.837 16.9994 9.67379 16.9994 8.5ZM8.49787 12.8613C6.08437 12.8613 4.13655 10.9135 4.13655 8.5C4.13655 6.08649 6.08437 4.13868 8.49787 4.13868C10.9114 4.13868 12.8592 6.08649 12.8592 8.5C12.8592 10.9135 10.9114 12.8613 8.49787 12.8613ZM13.0378 4.97862C12.4743 4.97862 12.0193 4.52356 12.0193 3.96006C12.0193 3.39655 12.4743 2.94149 13.0378 2.94149C13.6013 2.94149 14.0564 3.39655 14.0564 3.96006C14.0566 4.09386 14.0303 4.22639 13.9792 4.35004C13.9281 4.4737 13.853 4.58605 13.7584 4.68067C13.6638 4.77528 13.5515 4.8503 13.4278 4.90143C13.3042 4.95256 13.1716 4.97879 13.0378 4.97862Z\", fill: \"currentColor\" }) }));\n//# sourceMappingURL=InstagramIcon.js.map"],"names":["InstagramIcon","_jsx","SvgIcon","viewBox","fill","xmlns","children","d"],"mappings":"gFAEY,MAACA,EAAgB,IAAOC,EAAKC,EAAS,CAAEC,QAAS,YAAaC,KAAM,OAAQC,MAAO,6BAA8BC,SAAUL,EAAK,OAAQ,CAAEM,EAAG,6hDAA8hDH,KAAM"}

package/layout/Footer/assets/TwitterIcon.d.ts

@@ -0,0 +1 @@
+export declare const TwitterIcon: () => import("react/jsx-runtime").JSX.Element;

package/layout/Footer/assets/TwitterIcon.js

@@ -0,0 +1,2 @@
+import{jsx as C}from"react/jsx-runtime";import{SvgIcon as r}from"@mui/material";const o=()=>C(r,{viewBox:"0 0 17 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:C("path",{d:"M17 1.64056C16.3748 1.91024 15.6945 2.10432 14.9938 2.17991C15.7213 1.74768 16.2661 1.06483 16.526 0.259472C15.8433 0.665603 15.0954 0.950389 14.3155 1.1012C13.9895 0.752712 13.5952 0.475093 13.1573 0.285638C12.7193 0.0961839 12.247 -0.00104559 11.7699 8.47937e-06C9.8392 8.47937e-06 8.2865 1.56496 8.2865 3.48541C8.2865 3.75509 8.31919 4.02477 8.37231 4.28423C5.48143 4.13305 2.90314 2.75196 1.18904 0.637432C0.876713 1.1709 0.713043 1.77831 0.715058 2.39647C0.715058 3.60594 1.33001 4.6724 2.26776 5.29961C1.71513 5.27785 1.17544 5.12595 0.692585 4.85628V4.89918C0.692585 6.59284 1.8898 7.9964 3.4854 8.3192C3.18581 8.39702 2.87761 8.43683 2.56808 8.4377C2.34131 8.4377 2.12679 8.41522 1.91023 8.38458C2.35152 9.76566 3.63658 10.7688 5.16681 10.8015C3.96959 11.7392 2.47002 12.2908 0.841726 12.2908C0.549573 12.2908 0.279894 12.2806 0 12.2479C1.54453 13.2388 3.37712 13.8108 5.35068 13.8108C11.7576 13.8108 15.2634 8.50307 15.2634 3.89605C15.2634 3.74487 15.2634 3.59369 15.2532 3.4425C15.9315 2.94605 16.526 2.3311 17 1.64056Z",fill:"currentColor"})});export{o as TwitterIcon};
+//# sourceMappingURL=TwitterIcon.js.map

package/layout/Footer/assets/TwitterIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwitterIcon.js","sources":["../../../../src/layout/Footer/assets/TwitterIcon.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { SvgIcon } from '@mui/material';\nexport const TwitterIcon = () => (_jsx(SvgIcon, { viewBox: \"0 0 17 14\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: _jsx(\"path\", { d: \"M17 1.64056C16.3748 1.91024 15.6945 2.10432 14.9938 2.17991C15.7213 1.74768 16.2661 1.06483 16.526 0.259472C15.8433 0.665603 15.0954 0.950389 14.3155 1.1012C13.9895 0.752712 13.5952 0.475093 13.1573 0.285638C12.7193 0.0961839 12.247 -0.00104559 11.7699 8.47937e-06C9.8392 8.47937e-06 8.2865 1.56496 8.2865 3.48541C8.2865 3.75509 8.31919 4.02477 8.37231 4.28423C5.48143 4.13305 2.90314 2.75196 1.18904 0.637432C0.876713 1.1709 0.713043 1.77831 0.715058 2.39647C0.715058 3.60594 1.33001 4.6724 2.26776 5.29961C1.71513 5.27785 1.17544 5.12595 0.692585 4.85628V4.89918C0.692585 6.59284 1.8898 7.9964 3.4854 8.3192C3.18581 8.39702 2.87761 8.43683 2.56808 8.4377C2.34131 8.4377 2.12679 8.41522 1.91023 8.38458C2.35152 9.76566 3.63658 10.7688 5.16681 10.8015C3.96959 11.7392 2.47002 12.2908 0.841726 12.2908C0.549573 12.2908 0.279894 12.2806 0 12.2479C1.54453 13.2388 3.37712 13.8108 5.35068 13.8108C11.7576 13.8108 15.2634 8.50307 15.2634 3.89605C15.2634 3.74487 15.2634 3.59369 15.2532 3.4425C15.9315 2.94605 16.526 2.3311 17 1.64056Z\", fill: \"currentColor\" }) }));\n//# sourceMappingURL=TwitterIcon.js.map"],"names":["TwitterIcon","_jsx","SvgIcon","viewBox","fill","xmlns","children","d"],"mappings":"gFAEY,MAACA,EAAc,IAAOC,EAAKC,EAAS,CAAEC,QAAS,YAAaC,KAAM,OAAQC,MAAO,6BAA8BC,SAAUL,EAAK,OAAQ,CAAEM,EAAG,wgCAAygCH,KAAM"}

package/layout/Footer/assets/YoutubeIcon.d.ts

@@ -0,0 +1 @@
+export declare const YoutubeIcon: () => import("react/jsx-runtime").JSX.Element;

package/layout/Footer/assets/YoutubeIcon.js

@@ -0,0 +1,2 @@
+import{jsx as C}from"react/jsx-runtime";import{SvgIcon as V}from"@mui/material";const H=()=>C(V,{viewBox:"0 0 15 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:C("path",{d:"M9.42578 11.8013V13.803C9.42578 14.2267 9.30245 14.4386 9.0558 14.4386C8.91034 14.4386 8.76804 14.369 8.6289 14.2299V11.3744C8.76804 11.2353 8.91034 11.1657 9.0558 11.1657C9.30245 11.1657 9.42578 11.3776 9.42578 11.8013ZM12.6323 11.8108V12.2472H11.7785V11.8108C11.7785 11.3808 11.9208 11.1657 12.2054 11.1657C12.49 11.1657 12.6323 11.3808 12.6323 11.8108ZM3.46819 9.74275H4.48326V8.851H1.52343V9.74275H2.51953V15.1406H3.46819V9.74275ZM6.20033 15.1406H7.04464V10.4542H6.20033V14.0402C6.0106 14.3058 5.83035 14.4386 5.6596 14.4386C5.54576 14.4386 5.47935 14.3722 5.46038 14.2394C5.45405 14.2204 5.45089 14.1097 5.45089 13.9074V10.4542H4.60658V14.1635C4.60658 14.4734 4.63188 14.7042 4.68247 14.856C4.75837 15.09 4.94178 15.207 5.2327 15.207C5.53627 15.207 5.85881 15.0141 6.20033 14.6283V15.1406ZM10.2701 13.7366V11.8677C10.2701 11.4061 10.2416 11.093 10.1847 10.9286C10.0772 10.5744 9.85268 10.3973 9.51116 10.3973C9.19494 10.3973 8.90085 10.5681 8.6289 10.9096V8.851H7.7846V15.1406H8.6289V14.6853C8.9135 15.0331 9.20759 15.207 9.51116 15.207C9.85268 15.207 10.0772 15.0331 10.1847 14.6853C10.2416 14.5145 10.2701 14.1983 10.2701 13.7366ZM13.4766 13.6417V13.5184H12.6133C12.6133 13.841 12.607 14.0339 12.5943 14.0971C12.55 14.3248 12.4235 14.4386 12.2148 14.4386C11.9239 14.4386 11.7785 14.2204 11.7785 13.784V12.9587H13.4766V11.9816C13.4766 11.482 13.3912 11.1151 13.2204 10.8811C12.9738 10.5586 12.6386 10.3973 12.2148 10.3973C11.7848 10.3973 11.4464 10.5586 11.1998 10.8811C11.0227 11.1151 10.9341 11.482 10.9341 11.9816V13.6228C10.9341 14.1224 11.0259 14.4892 11.2093 14.7232C11.4559 15.0458 11.7974 15.207 12.2338 15.207C12.6892 15.207 13.0307 15.0394 13.2584 14.7042C13.3722 14.5335 13.4386 14.3627 13.4576 14.192C13.4702 14.135 13.4766 13.9516 13.4766 13.6417ZM7.7087 4.98047V2.98828C7.7087 2.5519 7.57273 2.33371 7.30078 2.33371C7.02883 2.33371 6.89285 2.5519 6.89285 2.98828V4.98047C6.89285 5.42318 7.02883 5.64453 7.30078 5.64453C7.57273 5.64453 7.7087 5.42318 7.7087 4.98047ZM14.5296 12.1049C14.5296 13.5848 14.4474 14.6916 14.2829 15.4252C14.1944 15.7984 14.011 16.1114 13.7327 16.3644C13.4544 16.6174 13.1319 16.7628 12.7651 16.8008C11.6014 16.9336 9.84635 17 7.5 17C5.15364 17 3.39862 16.9336 2.23493 16.8008C1.86811 16.7628 1.54399 16.6174 1.26255 16.3644C0.981117 16.1114 0.79929 15.7984 0.717073 15.4252C0.552638 14.7169 0.470421 13.6101 0.470421 12.1049C0.470421 10.625 0.552638 9.51823 0.717073 8.7846C0.805614 8.41146 0.989022 8.0984 1.2673 7.84542C1.54557 7.59245 1.87128 7.44382 2.24442 7.39955C3.40178 7.27307 5.15364 7.20982 7.5 7.20982C9.84635 7.20982 11.6014 7.27307 12.7651 7.39955C13.1319 7.44382 13.456 7.59245 13.7374 7.84542C14.0189 8.0984 14.2007 8.41146 14.2829 8.7846C14.4474 9.49293 14.5296 10.5997 14.5296 12.1049ZM5.06194 0H6.02957L4.88169 3.78516V6.35603H3.93303V3.78516C3.84449 3.31715 3.6516 2.64676 3.35435 1.774C3.12035 1.12258 2.9148 0.53125 2.73772 0H3.7433L4.41685 2.49498L5.06194 0ZM8.57198 3.15904V4.8192C8.57198 5.33147 8.48344 5.70461 8.30636 5.93862C8.06603 6.26116 7.73084 6.42243 7.30078 6.42243C6.87704 6.42243 6.54501 6.26116 6.30468 5.93862C6.1276 5.69829 6.03906 5.32515 6.03906 4.8192V3.15904C6.03906 2.65309 6.1276 2.28311 6.30468 2.04911C6.54501 1.72656 6.87704 1.56529 7.30078 1.56529C7.73084 1.56529 8.06603 1.72656 8.30636 2.04911C8.48344 2.28311 8.57198 2.65309 8.57198 3.15904ZM11.75 1.62221V6.35603H10.8867V5.83426C10.5515 6.22638 10.2258 6.42243 9.9096 6.42243C9.61867 6.42243 9.4321 6.30543 9.34989 6.07143C9.29929 5.91964 9.27399 5.68248 9.27399 5.35993V1.62221H10.1373V5.10379C10.1373 5.3125 10.1404 5.42318 10.1468 5.43583C10.1657 5.57496 10.2321 5.64453 10.346 5.64453C10.5167 5.64453 10.697 5.50856 10.8867 5.23661V1.62221H11.75Z",fill:"currentColor"})});export{H as YoutubeIcon};
+//# sourceMappingURL=YoutubeIcon.js.map

package/layout/Footer/assets/YoutubeIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YoutubeIcon.js","sources":["../../../../src/layout/Footer/assets/YoutubeIcon.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { SvgIcon } from '@mui/material';\nexport const YoutubeIcon = () => (_jsx(SvgIcon, { viewBox: \"0 0 15 17\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: _jsx(\"path\", { d: \"M9.42578 11.8013V13.803C9.42578 14.2267 9.30245 14.4386 9.0558 14.4386C8.91034 14.4386 8.76804 14.369 8.6289 14.2299V11.3744C8.76804 11.2353 8.91034 11.1657 9.0558 11.1657C9.30245 11.1657 9.42578 11.3776 9.42578 11.8013ZM12.6323 11.8108V12.2472H11.7785V11.8108C11.7785 11.3808 11.9208 11.1657 12.2054 11.1657C12.49 11.1657 12.6323 11.3808 12.6323 11.8108ZM3.46819 9.74275H4.48326V8.851H1.52343V9.74275H2.51953V15.1406H3.46819V9.74275ZM6.20033 15.1406H7.04464V10.4542H6.20033V14.0402C6.0106 14.3058 5.83035 14.4386 5.6596 14.4386C5.54576 14.4386 5.47935 14.3722 5.46038 14.2394C5.45405 14.2204 5.45089 14.1097 5.45089 13.9074V10.4542H4.60658V14.1635C4.60658 14.4734 4.63188 14.7042 4.68247 14.856C4.75837 15.09 4.94178 15.207 5.2327 15.207C5.53627 15.207 5.85881 15.0141 6.20033 14.6283V15.1406ZM10.2701 13.7366V11.8677C10.2701 11.4061 10.2416 11.093 10.1847 10.9286C10.0772 10.5744 9.85268 10.3973 9.51116 10.3973C9.19494 10.3973 8.90085 10.5681 8.6289 10.9096V8.851H7.7846V15.1406H8.6289V14.6853C8.9135 15.0331 9.20759 15.207 9.51116 15.207C9.85268 15.207 10.0772 15.0331 10.1847 14.6853C10.2416 14.5145 10.2701 14.1983 10.2701 13.7366ZM13.4766 13.6417V13.5184H12.6133C12.6133 13.841 12.607 14.0339 12.5943 14.0971C12.55 14.3248 12.4235 14.4386 12.2148 14.4386C11.9239 14.4386 11.7785 14.2204 11.7785 13.784V12.9587H13.4766V11.9816C13.4766 11.482 13.3912 11.1151 13.2204 10.8811C12.9738 10.5586 12.6386 10.3973 12.2148 10.3973C11.7848 10.3973 11.4464 10.5586 11.1998 10.8811C11.0227 11.1151 10.9341 11.482 10.9341 11.9816V13.6228C10.9341 14.1224 11.0259 14.4892 11.2093 14.7232C11.4559 15.0458 11.7974 15.207 12.2338 15.207C12.6892 15.207 13.0307 15.0394 13.2584 14.7042C13.3722 14.5335 13.4386 14.3627 13.4576 14.192C13.4702 14.135 13.4766 13.9516 13.4766 13.6417ZM7.7087 4.98047V2.98828C7.7087 2.5519 7.57273 2.33371 7.30078 2.33371C7.02883 2.33371 6.89285 2.5519 6.89285 2.98828V4.98047C6.89285 5.42318 7.02883 5.64453 7.30078 5.64453C7.57273 5.64453 7.7087 5.42318 7.7087 4.98047ZM14.5296 12.1049C14.5296 13.5848 14.4474 14.6916 14.2829 15.4252C14.1944 15.7984 14.011 16.1114 13.7327 16.3644C13.4544 16.6174 13.1319 16.7628 12.7651 16.8008C11.6014 16.9336 9.84635 17 7.5 17C5.15364 17 3.39862 16.9336 2.23493 16.8008C1.86811 16.7628 1.54399 16.6174 1.26255 16.3644C0.981117 16.1114 0.79929 15.7984 0.717073 15.4252C0.552638 14.7169 0.470421 13.6101 0.470421 12.1049C0.470421 10.625 0.552638 9.51823 0.717073 8.7846C0.805614 8.41146 0.989022 8.0984 1.2673 7.84542C1.54557 7.59245 1.87128 7.44382 2.24442 7.39955C3.40178 7.27307 5.15364 7.20982 7.5 7.20982C9.84635 7.20982 11.6014 7.27307 12.7651 7.39955C13.1319 7.44382 13.456 7.59245 13.7374 7.84542C14.0189 8.0984 14.2007 8.41146 14.2829 8.7846C14.4474 9.49293 14.5296 10.5997 14.5296 12.1049ZM5.06194 0H6.02957L4.88169 3.78516V6.35603H3.93303V3.78516C3.84449 3.31715 3.6516 2.64676 3.35435 1.774C3.12035 1.12258 2.9148 0.53125 2.73772 0H3.7433L4.41685 2.49498L5.06194 0ZM8.57198 3.15904V4.8192C8.57198 5.33147 8.48344 5.70461 8.30636 5.93862C8.06603 6.26116 7.73084 6.42243 7.30078 6.42243C6.87704 6.42243 6.54501 6.26116 6.30468 5.93862C6.1276 5.69829 6.03906 5.32515 6.03906 4.8192V3.15904C6.03906 2.65309 6.1276 2.28311 6.30468 2.04911C6.54501 1.72656 6.87704 1.56529 7.30078 1.56529C7.73084 1.56529 8.06603 1.72656 8.30636 2.04911C8.48344 2.28311 8.57198 2.65309 8.57198 3.15904ZM11.75 1.62221V6.35603H10.8867V5.83426C10.5515 6.22638 10.2258 6.42243 9.9096 6.42243C9.61867 6.42243 9.4321 6.30543 9.34989 6.07143C9.29929 5.91964 9.27399 5.68248 9.27399 5.35993V1.62221H10.1373V5.10379C10.1373 5.3125 10.1404 5.42318 10.1468 5.43583C10.1657 5.57496 10.2321 5.64453 10.346 5.64453C10.5167 5.64453 10.697 5.50856 10.8867 5.23661V1.62221H11.75Z\", fill: \"currentColor\" }) }));\n//# sourceMappingURL=YoutubeIcon.js.map"],"names":["YoutubeIcon","_jsx","SvgIcon","viewBox","fill","xmlns","children","d"],"mappings":"gFAEY,MAACA,EAAc,IAAOC,EAAKC,EAAS,CAAEC,QAAS,YAAaC,KAAM,OAAQC,MAAO,6BAA8BC,SAAUL,EAAK,OAAQ,CAAEM,EAAG,unHAAwnHH,KAAM"}

package/layout/Footer/assets/index.d.ts

@@ -0,0 +1,4 @@
+export { FacebookIcon } from './FacebookIcon';
+export { InstagramIcon } from './InstagramIcon';
+export { YoutubeIcon } from './YoutubeIcon';
+export { TwitterIcon } from './TwitterIcon';

package/layout/Header/HeaderButton.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useTheme as r,Tooltip as i,IconButton as n}from"@mui/material";import{forwardRef as s}from"react";import{Icon as m}from"../../components/icon/icon.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../design/skoda/theme.js";import"@mui/material/styles";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../components/controls/controls.js";import"../../components/numbering/numbering.js";import"../../utils/enum.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"@mui/system";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"./HeaderContext.js";import"./HeaderNavigationHero.js";import"./HeaderNavigationLink.js";import"./HeaderNavigationMenu.js";import"./PredefinedHeaderButtons.js";import"./HeaderOverheadItem.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"../../components/icon/icon.definitions.js";import"../SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"../SecondaryNavigation/SecondaryNavigationCta.js";import"../SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Indicator as a}from"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"minimatch";const p=s((function(s,p){const{icon:c,label:l,color:d,indicator:j}=s,u=o(s,["icon","label","color","indicator"]),g=r();return t(i,{title:l,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:e(n,Object.assign({size:"large"},u,{ref:p,sx:{background:"grey"===d&&g.palette.surface.primary,".fwlIndicator":{position:"absolute",top:"15%",right:"20%"},".fwlIndicator::before":{margin:0}},children:[j&&t(a,{color:j,variant:"status"}),t(m,{name:c})]}))})}));export{p as HeaderButton};
+import{__rest as o}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useTheme as r,Tooltip as i,IconButton as s}from"@mui/material";import{forwardRef as n}from"react";import{Icon as m}from"../../components/icon/icon.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"@emotion/react";import"@emotion/cache";import"stylis";import"stylis-plugin-rtl";import"../../design/skoda/theme.js";import"../../design/skoda/theme.breakpoints.js";import"@mui/material/styles";import"@mui/system";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../components/controls/controls.js";import"../../components/numbering/numbering.js";import"../../utils/enum.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"./HeaderContext.js";import"./HeaderNavigationHero.js";import"./HeaderNavigationLink.js";import"./HeaderNavigationMenu.js";import"./PredefinedHeaderButtons.js";import"./HeaderOverheadItem.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"../../components/icon/icon.definitions.js";import"../SideMenu/SideMenuItem.js";import"../Footer/PredefinedFooterIconButtons.js";import"../SecondaryNavigation/SecondaryNavigationCta.js";import"../SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Indicator as a}from"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"minimatch";const p=n((function(n,p){const{icon:c,label:l,color:d,indicator:j}=n,u=o(n,["icon","label","color","indicator"]),g=r();return t(i,{title:l,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:e(s,Object.assign({size:"large"},u,{ref:p,sx:{background:"grey"===d&&g.palette.surface.primary,".fwlIndicator":{position:"absolute",top:"15%",right:"20%"},".fwlIndicator::before":{margin:0}},children:[j&&t(a,{color:j,variant:"status"}),t(m,{name:c})]}))})}));export{p as HeaderButton};
 //# sourceMappingURL=HeaderButton.js.map

package/layout/Header/HeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderButton.js","sources":["../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { IconButton, Tooltip, useTheme } from '@mui/material';\nimport { forwardRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Indicator } from '@/src/components';\nfunction HeaderButtonBase(props, ref) {\n    const { icon, label, color, indicator } = props, rest = __rest(props, [\"icon\", \"label\", \"color\", \"indicator\"]);\n    const theme = useTheme();\n    return (_jsx(Tooltip, { title: label, enterDelay: 1000, enterNextDelay: 1000, leaveDelay: 100, placement: \"bottom\", children: _jsxs(IconButton, Object.assign({ size: \"large\" }, rest, { ref: ref, sx: {\n                background: color === 'grey' && theme.palette.surface.primary,\n                '.fwlIndicator': {\n                    position: 'absolute',\n                    top: '15%',\n                    right: '20%',\n                },\n                '.fwlIndicator::before': {\n                    margin: 0,\n                },\n            }, children: [indicator && _jsx(Indicator, { color: indicator, variant: \"status\" }), _jsx(Icon, { name: icon })] })) }));\n}\nexport const HeaderButton = forwardRef(HeaderButtonBase);\n//# sourceMappingURL=HeaderButton.js.map"],"names":["HeaderButton","forwardRef","props","ref","icon","label","color","indicator","rest","__rest","theme","useTheme","_jsx","Tooltip","title","enterDelay","enterNextDelay","leaveDelay","placement","children","_jsxs","IconButton","Object","assign","size","sx","background","palette","surface","primary","position","top","right","margin","Indicator","variant","Icon","name"],"mappings":"6sIAqBY,MAACA,EAAeC,GAf5B,SAA0BC,EAAOC,GAC7B,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAcL,EAAOM,EAAOC,EAAOP,EAAO,CAAC,OAAQ,QAAS,QAAS,cAC3FQ,EAAQC,IACd,OAAQC,EAAKC,EAAS,CAAEC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAW,SAAUC,SAAUC,EAAMC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWhB,EAAM,CAAEL,IAAKA,EAAKsB,GAAI,CAC3LC,WAAsB,SAAVpB,GAAoBI,EAAMiB,QAAQC,QAAQC,QACtD,gBAAiB,CACbC,SAAU,WACVC,IAAK,MACLC,MAAO,OAEX,wBAAyB,CACrBC,OAAQ,IAEbd,SAAU,CAACZ,GAAaK,EAAKsB,EAAW,CAAE5B,MAAOC,EAAW4B,QAAS,WAAavB,EAAKwB,EAAM,CAAEC,KAAMjC,SACpH"}
+{"version":3,"file":"HeaderButton.js","sources":["../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { IconButton, Tooltip, useTheme } from '@mui/material';\nimport { forwardRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Indicator } from '@/src/components';\nfunction HeaderButtonBase(props, ref) {\n    const { icon, label, color, indicator } = props, rest = __rest(props, [\"icon\", \"label\", \"color\", \"indicator\"]);\n    const theme = useTheme();\n    return (_jsx(Tooltip, { title: label, enterDelay: 1000, enterNextDelay: 1000, leaveDelay: 100, placement: \"bottom\", children: _jsxs(IconButton, Object.assign({ size: \"large\" }, rest, { ref: ref, sx: {\n                background: color === 'grey' && theme.palette.surface.primary,\n                '.fwlIndicator': {\n                    position: 'absolute',\n                    top: '15%',\n                    right: '20%',\n                },\n                '.fwlIndicator::before': {\n                    margin: 0,\n                },\n            }, children: [indicator && _jsx(Indicator, { color: indicator, variant: \"status\" }), _jsx(Icon, { name: icon })] })) }));\n}\nexport const HeaderButton = forwardRef(HeaderButtonBase);\n//# sourceMappingURL=HeaderButton.js.map"],"names":["HeaderButton","forwardRef","props","ref","icon","label","color","indicator","rest","__rest","theme","useTheme","_jsx","Tooltip","title","enterDelay","enterNextDelay","leaveDelay","placement","children","_jsxs","IconButton","Object","assign","size","sx","background","palette","surface","primary","position","top","right","margin","Indicator","variant","Icon","name"],"mappings":"g2IAqBY,MAACA,EAAeC,GAf5B,SAA0BC,EAAOC,GAC7B,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAcL,EAAOM,EAAOC,EAAOP,EAAO,CAAC,OAAQ,QAAS,QAAS,cAC3FQ,EAAQC,IACd,OAAQC,EAAKC,EAAS,CAAEC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAW,SAAUC,SAAUC,EAAMC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWhB,EAAM,CAAEL,IAAKA,EAAKsB,GAAI,CAC3LC,WAAsB,SAAVpB,GAAoBI,EAAMiB,QAAQC,QAAQC,QACtD,gBAAiB,CACbC,SAAU,WACVC,IAAK,MACLC,MAAO,OAEX,wBAAyB,CACrBC,OAAQ,IAEbd,SAAU,CAACZ,GAAaK,EAAKsB,EAAW,CAAE5B,MAAOC,EAAW4B,QAAS,WAAavB,EAAKwB,EAAM,CAAEC,KAAMjC,SACpH"}

package/layout/SideMenu/SideMenu.d.ts

@@ -1,3 +1,4 @@
+import { DrawerProps } from '@mui/material';
 import React from 'react';
 export type SideMenuProps = {
     /**
@@ -11,8 +12,7 @@ export type SideMenuProps = {
      */
     handleClose: () => void;
     /**
-     * Direction of the component
-     * @default ltr
+     * @deprecated direction is taken from the theme
      */
     direction?: 'rtl' | 'ltr';
     /**
@@ -25,5 +25,5 @@ export type SideMenuProps = {
      * @default undefined
      */
     subItems?: React.ReactNode;
-};
+} & Partial<DrawerProps>;
 export declare const SideMenu: React.FC<SideMenuProps>;

package/layout/SideMenu/SideMenu.js

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as t}from"react/jsx-runtime";import{Drawer as e,IconButton as n,Box as o,Stack as r}from"@mui/material";import{Icon as d}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";const p=p=>{const{open:s,handleClose:a,direction:l="ltr",items:x,subItems:m}=p;return i(e,{dir:l,anchor:"ltr"===l?"right":"left",open:s,onClose:a,sx:{".MuiDrawer-paper":{borderRadius:"0 !important",width:{lg:"520px",xs:"100vw"},minWidth:"300px"}},"data-testid":"SideMenu",children:[t(n,{onClick:a,sx:{position:"absolute",top:"16px",right:"ltr"===l?"16px":void 0,left:"rtl"===l?"16px":void 0},"data-testid":"SideMenu.close",children:t(d,{name:"close",fontSize:"small"})}),i(o,{sx:{boxSizing:"border-box",width:"100%",padding:{md:"112px 48px 48px 48px",xs:"64px 24px 24px 24px"},height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[t(r,{direction:"column",spacing:3,sx:{padding:"0 !important","& hr":{marginTop:"24px !important"}},"data-testid":"SideMenu.items",children:x}),m&&t(o,{sx:{padding:"0 !important"},"data-testid":"SideMenu.sub",children:m})]})]})};export{p as SideMenu};
+import{__rest as i}from"tslib";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as n,Drawer as o,IconButton as s,Box as r,Stack as p}from"@mui/material";import{Icon as d}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";const a=a=>{const{open:m,handleClose:x,items:c,subItems:l,sx:h}=a,u=i(a,["open","handleClose","items","subItems","sx"]),b=n();return e(o,Object.assign({dir:b.direction,anchor:"right",open:m,onClose:x,sx:Object.assign({".MuiDrawer-paper":{borderRadius:"0 !important",width:{lg:"520px",xs:"100vw"},minWidth:"300px"}},h||{}),"data-testid":"SideMenu"},u,{children:[t(s,{onClick:x,sx:{position:"absolute",top:"16px",right:"16px"},"data-testid":"SideMenu.close",children:t(d,{name:"close",fontSize:"small"})}),e(r,{sx:{boxSizing:"border-box",width:"100%",padding:{md:"112px 48px 48px 48px",xs:"64px 24px 24px 24px"},height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[t(p,{direction:"column",spacing:3,sx:{padding:"0 !important","& hr":{marginTop:"24px !important"}},"data-testid":"SideMenu.items",children:c}),l&&t(r,{sx:{padding:"0 !important"},"data-testid":"SideMenu.sub",children:l})]})]}))};export{a as SideMenu};
 //# sourceMappingURL=SideMenu.js.map

package/layout/SideMenu/SideMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.js","sources":["../../../src/layout/SideMenu/SideMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Drawer, IconButton, Stack } from '@mui/material';\nimport { Icon } from '../../components/icon';\nexport const SideMenu = (props) => {\n    const { open, handleClose, direction = 'ltr', items, subItems } = props;\n    return (_jsxs(Drawer, { dir: direction, anchor: direction === 'ltr' ? 'right' : 'left', open: open, onClose: handleClose, sx: {\n            '.MuiDrawer-paper': {\n                borderRadius: '0 !important',\n                width: {\n                    lg: '520px',\n                    xs: '100vw',\n                },\n                minWidth: '300px',\n            },\n        }, \"data-testid\": \"SideMenu\", children: [_jsx(IconButton, { onClick: handleClose, sx: {\n                    position: 'absolute',\n                    top: '16px',\n                    right: direction === 'ltr' ? '16px' : undefined,\n                    left: direction === 'rtl' ? '16px' : undefined,\n                }, \"data-testid\": \"SideMenu.close\", children: _jsx(Icon, { name: \"close\", fontSize: \"small\" }) }), _jsxs(Box, { sx: {\n                    boxSizing: 'border-box',\n                    width: '100%',\n                    padding: {\n                        md: '112px 48px 48px 48px',\n                        xs: '64px 24px 24px 24px',\n                    },\n                    height: '100%',\n                    display: 'flex',\n                    flexDirection: 'column',\n                    justifyContent: 'space-between',\n                }, children: [_jsx(Stack, { direction: \"column\", spacing: 3, sx: {\n                            padding: '0 !important',\n                            '& hr': {\n                                marginTop: `24px !important`,\n                            },\n                        }, \"data-testid\": \"SideMenu.items\", children: items }), subItems && (_jsx(Box, { sx: {\n                            padding: '0 !important',\n                        }, \"data-testid\": \"SideMenu.sub\", children: subItems }))] })] }));\n};\n//# sourceMappingURL=SideMenu.js.map"],"names":["SideMenu","props","open","handleClose","direction","items","subItems","_jsxs","Drawer","dir","anchor","onClose","sx","borderRadius","width","lg","xs","minWidth","children","_jsx","IconButton","onClick","position","top","right","undefined","left","Icon","name","fontSize","Box","boxSizing","padding","md","height","display","flexDirection","justifyContent","Stack","spacing","marginTop"],"mappings":"oOAGY,MAACA,EAAYC,IACrB,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,UAAEA,EAAY,MAAKC,MAAEA,EAAKC,SAAEA,GAAaL,EAClE,OAAQM,EAAMC,EAAQ,CAAEC,IAAKL,EAAWM,OAAsB,QAAdN,EAAsB,QAAU,OAAQF,KAAMA,EAAMS,QAASR,EAAaS,GAAI,CACtH,mBAAoB,CAChBC,aAAc,eACdC,MAAO,CACHC,GAAI,QACJC,GAAI,SAERC,SAAU,UAEf,cAAe,WAAYC,SAAU,CAACC,EAAKC,EAAY,CAAEC,QAASlB,EAAaS,GAAI,CAC1EU,SAAU,WACVC,IAAK,OACLC,MAAqB,QAAdpB,EAAsB,YAASqB,EACtCC,KAAoB,QAAdtB,EAAsB,YAASqB,GACtC,cAAe,iBAAkBP,SAAUC,EAAKQ,EAAM,CAAEC,KAAM,QAASC,SAAU,YAAetB,EAAMuB,EAAK,CAAElB,GAAI,CAChHmB,UAAW,aACXjB,MAAO,OACPkB,QAAS,CACLC,GAAI,uBACJjB,GAAI,uBAERkB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBnB,SAAU,CAACC,EAAKmB,EAAO,CAAElC,UAAW,SAAUmC,QAAS,EAAG3B,GAAI,CACrDoB,QAAS,eACT,OAAQ,CACJQ,UAAW,oBAEhB,cAAe,iBAAkBtB,SAAUb,IAAUC,GAAaa,EAAKW,EAAK,CAAElB,GAAI,CACjFoB,QAAS,gBACV,cAAe,eAAgBd,SAAUZ,SAAsB"}
+{"version":3,"file":"SideMenu.js","sources":["../../../src/layout/SideMenu/SideMenu.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Drawer, IconButton, Stack, useTheme } from '@mui/material';\nimport { Icon } from '../../components/icon';\nexport const SideMenu = (props) => {\n    const { open, handleClose, items, subItems, sx } = props, rest = __rest(props, [\"open\", \"handleClose\", \"items\", \"subItems\", \"sx\"]);\n    const theme = useTheme();\n    return (_jsxs(Drawer, Object.assign({ dir: theme.direction, anchor: \"right\", open: open, onClose: handleClose, sx: Object.assign({ '.MuiDrawer-paper': {\n                borderRadius: '0 !important',\n                width: {\n                    lg: '520px',\n                    xs: '100vw',\n                },\n                minWidth: '300px',\n            } }, (sx || {})), \"data-testid\": \"SideMenu\" }, rest, { children: [_jsx(IconButton, { onClick: handleClose, sx: {\n                    position: 'absolute',\n                    top: '16px',\n                    right: '16px',\n                }, \"data-testid\": \"SideMenu.close\", children: _jsx(Icon, { name: \"close\", fontSize: \"small\" }) }), _jsxs(Box, { sx: {\n                    boxSizing: 'border-box',\n                    width: '100%',\n                    padding: {\n                        md: '112px 48px 48px 48px',\n                        xs: '64px 24px 24px 24px',\n                    },\n                    height: '100%',\n                    display: 'flex',\n                    flexDirection: 'column',\n                    justifyContent: 'space-between',\n                }, children: [_jsx(Stack, { direction: \"column\", spacing: 3, sx: {\n                            padding: '0 !important',\n                            '& hr': {\n                                marginTop: `24px !important`,\n                            },\n                        }, \"data-testid\": \"SideMenu.items\", children: items }), subItems && (_jsx(Box, { sx: {\n                            padding: '0 !important',\n                        }, \"data-testid\": \"SideMenu.sub\", children: subItems }))] })] })));\n};\n//# sourceMappingURL=SideMenu.js.map"],"names":["SideMenu","props","open","handleClose","items","subItems","sx","rest","__rest","theme","useTheme","_jsxs","Drawer","Object","assign","dir","direction","anchor","onClose","borderRadius","width","lg","xs","minWidth","children","_jsx","IconButton","onClick","position","top","right","Icon","name","fontSize","Box","boxSizing","padding","md","height","display","flexDirection","justifyContent","Stack","spacing","marginTop"],"mappings":"iRAIY,MAACA,EAAYC,IACrB,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,MAAEA,EAAKC,SAAEA,EAAQC,GAAEA,GAAOL,EAAOM,EAAOC,EAAOP,EAAO,CAAC,OAAQ,cAAe,QAAS,WAAY,OACtHQ,EAAQC,IACd,OAAQC,EAAMC,EAAQC,OAAOC,OAAO,CAAEC,IAAKN,EAAMO,UAAWC,OAAQ,QAASf,KAAMA,EAAMgB,QAASf,EAAaG,GAAIO,OAAOC,OAAO,CAAE,mBAAoB,CAC3IK,aAAc,eACdC,MAAO,CACHC,GAAI,QACJC,GAAI,SAERC,SAAU,UACRjB,GAAM,CAAE,GAAI,cAAe,YAAcC,EAAM,CAAEiB,SAAU,CAACC,EAAKC,EAAY,CAAEC,QAASxB,EAAaG,GAAI,CACvGsB,SAAU,WACVC,IAAK,OACLC,MAAO,QACR,cAAe,iBAAkBN,SAAUC,EAAKM,EAAM,CAAEC,KAAM,QAASC,SAAU,YAAetB,EAAMuB,EAAK,CAAE5B,GAAI,CAChH6B,UAAW,aACXf,MAAO,OACPgB,QAAS,CACLC,GAAI,uBACJf,GAAI,uBAERgB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBjB,SAAU,CAACC,EAAKiB,EAAO,CAAE1B,UAAW,SAAU2B,QAAS,EAAGrC,GAAI,CACrD8B,QAAS,eACT,OAAQ,CACJQ,UAAW,oBAEhB,cAAe,iBAAkBpB,SAAUpB,IAAUC,GAAaoB,EAAKS,EAAK,CAAE5B,GAAI,CACjF8B,QAAS,gBACV,cAAe,eAAgBZ,SAAUnB,UAAuB"}

package/organisms/carousel2/components/NavButton.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{Box as e}from"@mui/material";import{useState as r,useEffect as i,useCallback as n}from"react";import"../../../components/accordion/accordion.js";import"../../../components/backdrop/backdrop.js";import"../../../components/button/button.js";import"../../../design/skoda/theme.js";import"@mui/material/styles";import"../../cardOwnedVehicle/cardOwnedVehicle.js";import"../../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../cardPhotoFixed/cardPhotoFixed.js";import"../../cardPromoVehicle/cardPromoVehicleComponent.js";import"../../common/styled/cardStandardWrapperStyled.js";import"../../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../carousel/styledComponents/styledCarouselHorizontal.js";import"../../carousel/styledComponents/styledCarouselVertical.js";import{Controller as a}from"../../../components/controls/controls.js";import"../../../components/numbering/numbering.js";import"../../../utils/enum.js";import"../../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../maps/utils/mapIcons.js";import"../../maps/mapComponents/mapStyled.js";import"../../shortcutLink/shortcutLink.js";import"../../textCta/textCta.js";import"../../tile/tile.js";import"@mui/system";import"../galleryCarousel/galleryContext.js";import"../galleryCarousel/galleryItemContext.js";import"../heroCarousel/heroCarouselContext.js";import"../../notification/Notification.js";import"../../notification/NotificationCenter.js";import"../../../layout/Header/HeaderContext.js";import"../../../layout/Header/HeaderButton.js";import"../../../layout/Header/HeaderNavigationHero.js";import"../../../layout/Header/HeaderNavigationLink.js";import"../../../layout/Header/HeaderNavigationMenu.js";import"../../../layout/Header/PredefinedHeaderButtons.js";import"../../../layout/Header/HeaderOverheadItem.js";import"../../gallery/Gallery.js";import"../../gallery/GalleryItem.js";import"../../../components/icon/icon.definitions.js";import"../../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../../production/Button/Button.js";import"../../../components/cardContainer/cardContainer.js";import"../../../components/cardMenu/cardMenu.js";import"../../../components/checkbox/checkbox.js";import"../../../components/chip/chipImage/chipImage.js";import"../../../components/chip/regular/chip.js";import"../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../../components/divider/divider.js";import"../../../components/drawer/drawer.js";import"../../../components/flag/flag.js";import"@mui/material/Grid";import"../../../components/indicator/indicator.js";import"../../../components/label/label.js";import"../../../components/labelCO2/labelCO2.js";import"../../../components/labelFeature/labelFeature.js";import"../../../components/labelPromotional/labelPromotional.js";import"../../../components/labelStatus/labelStatus.js";import"../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../../components/mobileStepper/mobileStepperButton.js";import"../../../components/modal/modal.js";import"../../../components/modal/modalTitle.js";import"../../../components/pagination/pagination.js";import"../../../components/progressBar/progressBar.js";import"../../../components/radioButton/radioButton.js";import"../../../components/selectInput/selectInput.js";import"../../../components/slider/slider.js";import"../../../components/snackbar/snackbar.js";import"../../../components/stepper/stepper.js";import"../../../components/textArea/textArea.js";import"../../../components/common/styled/textFieldStyled.js";import"../../../components/helperTextContent/index.js";import"../../../components/toggleSwitch/toggleSwitch.js";import"../../../components/avatar/Avatar.js";import"../../../components/iconButton/index.js";import"../../../components/alert/AlertButton.js";import"minimatch";const s=n=>{var{emblaApi:s,type:p,color:c,style:d,variant:u,onMouseEnter:j,onMouseLeave:g,direction:M}=n,y=o(n,["emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction"]);const v=l(s,M,p),[I,b]=r(!0),{hover:x,handleMouseEnter:h,handleMouseLeave:N}=m(s,p,M,{onMouseEnter:j,onMouseLeave:g});return i((()=>{if(s){const o=()=>{const o="prev"===p?s.canScrollPrev():s.canScrollNext(),t="next"===p?s.canScrollPrev():s.canScrollNext();b(!("rtl"===M?t:o))};s.on("scroll",o),o()}}),[s,p,M]),t(e,{sx:{cursor:x?`url(${"next"===p?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="}) 17 17, auto`:void 0},"data-testid":"Carousel.nav",children:t(e,Object.assign({},y,{sx:Object.assign({position:"absolute",top:"33%",bottom:"33%",width:"10%",minWidth:"50px",left:"prev"===p?"0px":void 0,right:"next"===p?"0px":void 0,button:{position:"absolute !important",left:{sm:"prev"===p?"15px":void 0,xl:"prev"===p?"34px":void 0},right:{sm:"next"===p?"15px":void 0,xl:"next"===p?"34px":void 0},top:"50%",transform:"translate(0, -50%)","&:active":{transform:"translate(0, -50%) scale(0.95) !important"},visibility:x?"hidden":void 0}},y.sx),onMouseEnter:h,onMouseLeave:N,children:t(a,{controlType:"prev"===p?"arrow-left":"arrow-right",controllerColor:null!=c?c:"light",iconStyle:null!=d?d:"regular",controlVariant:null!=u?u:"standard",onClickCallback:v,isDisabled:I,customHeight:"100%"})}))})},m=(o,t,e,i)=>{const[a,s]=r(!1);return{hover:a,handleMouseEnter:n((()=>{var r;if(o){const r="prev"===t?o.canScrollPrev():o.canScrollNext(),i="next"===t?o.canScrollPrev():o.canScrollNext();("rtl"===e?i:r)&&s(!0)}null===(r=null==i?void 0:i.onMouseEnter)||void 0===r||r.call(i)}),[o,s,i,t,e]),handleMouseLeave:n((()=>{var o;s(!1),null===(o=null==i?void 0:i.onMouseLeave)||void 0===o||o.call(i)}),[i,s])}},l=(o,t,e)=>n((()=>{"prev"===e&&("ltr"===t?o.scrollPrev():o.scrollNext()),"next"===e&&("ltr"===t?o.scrollNext():o.scrollPrev())}),[o,t,e]);export{s as NavButton};
+import{__rest as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{Box as e}from"@mui/material";import{useState as r,useEffect as i,useCallback as n}from"react";import"../../../components/accordion/accordion.js";import"../../../components/backdrop/backdrop.js";import"../../../components/button/button.js";import"@emotion/react";import"@emotion/cache";import"stylis";import"stylis-plugin-rtl";import"../../../design/skoda/theme.js";import"../../../design/skoda/theme.breakpoints.js";import"@mui/material/styles";import"@mui/system";import"../../cardOwnedVehicle/cardOwnedVehicle.js";import"../../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../cardPhotoFixed/cardPhotoFixed.js";import"../../cardPromoVehicle/cardPromoVehicleComponent.js";import"../../common/styled/cardStandardWrapperStyled.js";import"../../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../carousel/styledComponents/styledCarouselHorizontal.js";import"../../carousel/styledComponents/styledCarouselVertical.js";import{Controller as a}from"../../../components/controls/controls.js";import"../../../components/numbering/numbering.js";import"../../../utils/enum.js";import"../../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../maps/utils/mapIcons.js";import"../../maps/mapComponents/mapStyled.js";import"../../shortcutLink/shortcutLink.js";import"../../textCta/textCta.js";import"../../tile/tile.js";import"../galleryCarousel/galleryContext.js";import"../galleryCarousel/galleryItemContext.js";import"../heroCarousel/heroCarouselContext.js";import"../../notification/Notification.js";import"../../notification/NotificationCenter.js";import"../../../layout/Header/HeaderContext.js";import"../../../layout/Header/HeaderButton.js";import"../../../layout/Header/HeaderNavigationHero.js";import"../../../layout/Header/HeaderNavigationLink.js";import"../../../layout/Header/HeaderNavigationMenu.js";import"../../../layout/Header/PredefinedHeaderButtons.js";import"../../../layout/Header/HeaderOverheadItem.js";import"../../gallery/Gallery.js";import"../../gallery/GalleryItem.js";import"../../../components/icon/icon.definitions.js";import"../../../layout/SideMenu/SideMenuItem.js";import"../../../layout/Footer/PredefinedFooterIconButtons.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../../production/Button/Button.js";import"../../../components/cardContainer/cardContainer.js";import"../../../components/cardMenu/cardMenu.js";import"../../../components/checkbox/checkbox.js";import"../../../components/chip/chipImage/chipImage.js";import"../../../components/chip/regular/chip.js";import"../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../../components/divider/divider.js";import"../../../components/drawer/drawer.js";import"../../../components/flag/flag.js";import"@mui/material/Grid";import"../../../components/indicator/indicator.js";import"../../../components/label/label.js";import"../../../components/labelCO2/labelCO2.js";import"../../../components/labelFeature/labelFeature.js";import"../../../components/labelPromotional/labelPromotional.js";import"../../../components/labelStatus/labelStatus.js";import"../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../../components/mobileStepper/mobileStepperButton.js";import"../../../components/modal/modal.js";import"../../../components/modal/modalTitle.js";import"../../../components/pagination/pagination.js";import"../../../components/progressBar/progressBar.js";import"../../../components/radioButton/radioButton.js";import"../../../components/selectInput/selectInput.js";import"../../../components/slider/slider.js";import"../../../components/snackbar/snackbar.js";import"../../../components/stepper/stepper.js";import"../../../components/textArea/textArea.js";import"../../../components/common/styled/textFieldStyled.js";import"../../../components/helperTextContent/index.js";import"../../../components/toggleSwitch/toggleSwitch.js";import"../../../components/avatar/Avatar.js";import"../../../components/iconButton/index.js";import"../../../components/alert/AlertButton.js";import"minimatch";const s=n=>{var{emblaApi:s,type:p,color:c,style:d,variant:u,onMouseEnter:j,onMouseLeave:g,direction:M}=n,y=o(n,["emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction"]);const v=l(s,M,p),[I,b]=r(!0),{hover:h,handleMouseEnter:x,handleMouseLeave:N}=m(s,p,M,{onMouseEnter:j,onMouseLeave:g});return i((()=>{if(s){const o=()=>{const o="prev"===p?s.canScrollPrev():s.canScrollNext(),t="next"===p?s.canScrollPrev():s.canScrollNext();b(!("rtl"===M?t:o))};s.on("scroll",o),o()}}),[s,p,M]),t(e,{sx:{cursor:h?`url(${"next"===p?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="}) 17 17, auto`:void 0},"data-testid":"Carousel.nav",children:t(e,Object.assign({},y,{sx:Object.assign({position:"absolute",top:"33%",bottom:"33%",width:"10%",minWidth:"50px",left:"prev"===p?"0px":void 0,right:"next"===p?"0px":void 0,button:{position:"absolute !important",left:{sm:"prev"===p?"15px":void 0,xl:"prev"===p?"34px":void 0},right:{sm:"next"===p?"15px":void 0,xl:"next"===p?"34px":void 0},top:"50%",transform:"translate(0, -50%)","&:active":{transform:"translate(0, -50%) scale(0.95) !important"},visibility:h?"hidden":void 0}},y.sx),onMouseEnter:x,onMouseLeave:N,children:t(a,{controlType:"prev"===p?"arrow-left":"arrow-right",controllerColor:null!=c?c:"light",iconStyle:null!=d?d:"regular",controlVariant:null!=u?u:"standard",onClickCallback:v,isDisabled:I,customHeight:"100%"})}))})},m=(o,t,e,i)=>{const[a,s]=r(!1);return{hover:a,handleMouseEnter:n((()=>{var r;if(o){const r="prev"===t?o.canScrollPrev():o.canScrollNext(),i="next"===t?o.canScrollPrev():o.canScrollNext();("rtl"===e?i:r)&&s(!0)}null===(r=null==i?void 0:i.onMouseEnter)||void 0===r||r.call(i)}),[o,s,i,t,e]),handleMouseLeave:n((()=>{var o;s(!1),null===(o=null==i?void 0:i.onMouseLeave)||void 0===o||o.call(i)}),[i,s])}},l=(o,t,e)=>n((()=>{"prev"===e&&("ltr"===t?o.scrollPrev():o.scrollNext()),"next"===e&&("ltr"===t?o.scrollNext():o.scrollPrev())}),[o,t,e]);export{s as NavButton};
 //# sourceMappingURL=NavButton.js.map

package/organisms/carousel2/components/NavButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavButton.js","sources":["../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '../../../components';\nconst nextCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\nexport const NavButton = (_a) => {\n    var { emblaApi, type, color, style, variant, onMouseEnter, onMouseLeave, direction } = _a, rest = __rest(_a, [\"emblaApi\", \"type\", \"color\", \"style\", \"variant\", \"onMouseEnter\", \"onMouseLeave\", \"direction\"]);\n    const handleScroll = useNavCallback(emblaApi, direction, type);\n    const [disabled, setDisabled] = useState(true);\n    const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n        onMouseEnter,\n        onMouseLeave,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n                setDisabled(!canScroll);\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi, type, direction]);\n    return (_jsx(Box, { sx: {\n            cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n        }, \"data-testid\": \"Carousel.nav\", children: _jsx(Box, Object.assign({}, rest, { sx: Object.assign({ position: 'absolute', top: '33%', bottom: '33%', width: '10%', minWidth: '50px', left: type === 'prev' ? '0px' : undefined, right: type === 'next' ? '0px' : undefined, button: {\n                    position: 'absolute !important',\n                    left: {\n                        sm: type === 'prev' ? '15px' : undefined,\n                        xl: type === 'prev' ? '34px' : undefined,\n                    },\n                    right: {\n                        sm: type === 'next' ? '15px' : undefined,\n                        xl: type === 'next' ? '34px' : undefined,\n                    },\n                    top: '50%',\n                    transform: 'translate(0, -50%)',\n                    '&:active': {\n                        transform: 'translate(0, -50%) scale(0.95) !important',\n                    },\n                    visibility: hover ? 'hidden' : undefined,\n                } }, rest.sx), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx(Controller, { controlType: type === 'prev' ? 'arrow-left' : 'arrow-right', controllerColor: color !== null && color !== void 0 ? color : 'light', iconStyle: style !== null && style !== void 0 ? style : 'regular', controlVariant: variant !== null && variant !== void 0 ? variant : 'standard', onClickCallback: handleScroll, isDisabled: disabled, customHeight: '100%' }) })) }));\n};\nconst useNavHoverEffect = (api, type, direction, options) => {\n    const [hover, setHover] = useState(false);\n    const handleMouseEnter = useCallback(() => {\n        var _a;\n        if (api) {\n            const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n            const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n            const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n            if (canScroll) {\n                setHover(true);\n            }\n        }\n        (_a = options === null || options === void 0 ? void 0 : options.onMouseEnter) === null || _a === void 0 ? void 0 : _a.call(options);\n    }, [api, setHover, options, type, direction]);\n    const handleMouseLeave = useCallback(() => {\n        var _a;\n        setHover(false);\n        (_a = options === null || options === void 0 ? void 0 : options.onMouseLeave) === null || _a === void 0 ? void 0 : _a.call(options);\n    }, [options, setHover]);\n    return { hover, handleMouseEnter, handleMouseLeave };\n};\nconst useNavCallback = (api, direction, type) => {\n    return useCallback(() => {\n        if (type === 'prev') {\n            direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n        }\n        if (type === 'next') {\n            direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n        }\n    }, [api, direction, type]);\n};\n//# sourceMappingURL=NavButton.js.map"],"names":["NavButton","_a","emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction","rest","__rest","handleScroll","useNavCallback","disabled","setDisabled","useState","hover","handleMouseEnter","handleMouseLeave","useNavHoverEffect","useEffect","onScroll","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","on","_jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight","api","options","setHover","useCallback","call","scrollPrev","scrollNext"],"mappings":"uuIAKA,MAEaA,EAAaC,IACtB,IAAIC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,QAAEA,EAAOC,aAAEA,EAAYC,aAAEA,EAAYC,UAAEA,GAAcR,EAAIS,EAAOC,EAAOV,EAAI,CAAC,WAAY,OAAQ,QAAS,QAAS,UAAW,eAAgB,eAAgB,cAC/L,MAAMW,EAAeC,EAAeX,EAAUO,EAAWN,IAClDW,EAAUC,GAAeC,GAAS,IACnCC,MAAEA,EAAKC,iBAAEA,EAAgBC,iBAAEA,GAAqBC,EAAkBlB,EAAUC,EAAMM,EAAW,CAC/FF,eACAC,iBAcJ,OAZAa,GAAU,KACN,GAAInB,EAAU,CACV,MAAMoB,EAAW,KACb,MAAMC,EAAwB,SAATpB,EAAkBD,EAASsB,gBAAkBtB,EAASuB,gBACrEC,EAAwB,SAATvB,EAAkBD,EAASsB,gBAAkBtB,EAASuB,gBAE3EV,IADgC,QAAdN,EAAsBiB,EAAeH,GAChC,EAE3BrB,EAASyB,GAAG,SAAUL,GACtBA,GACH,IACF,CAACpB,EAAUC,EAAMM,IACZmB,EAAKC,EAAK,CAAEC,GAAI,CAChBC,OAAQd,EAAQ,OAAgB,SAATd,EAvBhB,ybACA,idAsB2E6B,GACnF,cAAe,eAAgBC,SAAUL,EAAKC,EAAKK,OAAOC,OAAO,CAAA,EAAIzB,EAAM,CAAEoB,GAAII,OAAOC,OAAO,CAAEC,SAAU,WAAYC,IAAK,MAAOC,OAAQ,MAAOC,MAAO,MAAOC,SAAU,OAAQC,KAAe,SAATtC,EAAkB,WAAQ6B,EAAWU,MAAgB,SAATvC,EAAkB,WAAQ6B,EAAWW,OAAQ,CACxQP,SAAU,sBACVK,KAAM,CACFG,GAAa,SAATzC,EAAkB,YAAS6B,EAC/Ba,GAAa,SAAT1C,EAAkB,YAAS6B,GAEnCU,MAAO,CACHE,GAAa,SAATzC,EAAkB,YAAS6B,EAC/Ba,GAAa,SAAT1C,EAAkB,YAAS6B,GAEnCK,IAAK,MACLS,UAAW,qBACX,WAAY,CACRA,UAAW,6CAEfC,WAAY9B,EAAQ,cAAWe,IAC9BtB,EAAKoB,IAAKvB,aAAcW,EAAkBV,aAAcW,EAAkBc,SAAUL,EAAKoB,EAAY,CAAEC,YAAsB,SAAT9C,EAAkB,aAAe,cAAe+C,gBAAiB9C,QAAqCA,EAAQ,QAAS+C,UAAW9C,QAAqCA,EAAQ,UAAW+C,eAAgB9C,QAAyCA,EAAU,WAAY+C,gBAAiBzC,EAAc0C,WAAYxC,EAAUyC,aAAc,aAAkB,EAEjenC,EAAoB,CAACoC,EAAKrD,EAAMM,EAAWgD,KAC7C,MAAOxC,EAAOyC,GAAY1C,GAAS,GAkBnC,MAAO,CAAEC,QAAOC,iBAjBSyC,GAAY,KACjC,IAAI1D,EACJ,GAAIuD,EAAK,CACL,MAAMjC,EAAwB,SAATpB,EAAkBqD,EAAIhC,gBAAkBgC,EAAI/B,gBAC3DC,EAAwB,SAATvB,EAAkBqD,EAAIhC,gBAAkBgC,EAAI/B,iBACjC,QAAdhB,EAAsBiB,EAAeH,IAEnDmC,GAAS,EAEhB,CACiF,QAAjFzD,EAAKwD,aAAyC,EAASA,EAAQlD,oBAAiC,IAAPN,GAAyBA,EAAG2D,KAAKH,EAAQ,GACpI,CAACD,EAAKE,EAAUD,EAAStD,EAAMM,IAMAU,iBALTwC,GAAY,KACjC,IAAI1D,EACJyD,GAAS,GACyE,QAAjFzD,EAAKwD,aAAyC,EAASA,EAAQjD,oBAAiC,IAAPP,GAAyBA,EAAG2D,KAAKH,EAAQ,GACpI,CAACA,EAASC,IACuC,EAElD7C,EAAiB,CAAC2C,EAAK/C,EAAWN,IAC7BwD,GAAY,KACF,SAATxD,IACc,QAAdM,EAAsB+C,EAAIK,aAAeL,EAAIM,cAEpC,SAAT3D,IACc,QAAdM,EAAsB+C,EAAIM,aAAeN,EAAIK,aAChD,GACF,CAACL,EAAK/C,EAAWN"}
+{"version":3,"file":"NavButton.js","sources":["../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '../../../components';\nconst nextCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\nexport const NavButton = (_a) => {\n    var { emblaApi, type, color, style, variant, onMouseEnter, onMouseLeave, direction } = _a, rest = __rest(_a, [\"emblaApi\", \"type\", \"color\", \"style\", \"variant\", \"onMouseEnter\", \"onMouseLeave\", \"direction\"]);\n    const handleScroll = useNavCallback(emblaApi, direction, type);\n    const [disabled, setDisabled] = useState(true);\n    const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n        onMouseEnter,\n        onMouseLeave,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n                setDisabled(!canScroll);\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi, type, direction]);\n    return (_jsx(Box, { sx: {\n            cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n        }, \"data-testid\": \"Carousel.nav\", children: _jsx(Box, Object.assign({}, rest, { sx: Object.assign({ position: 'absolute', top: '33%', bottom: '33%', width: '10%', minWidth: '50px', left: type === 'prev' ? '0px' : undefined, right: type === 'next' ? '0px' : undefined, button: {\n                    position: 'absolute !important',\n                    left: {\n                        sm: type === 'prev' ? '15px' : undefined,\n                        xl: type === 'prev' ? '34px' : undefined,\n                    },\n                    right: {\n                        sm: type === 'next' ? '15px' : undefined,\n                        xl: type === 'next' ? '34px' : undefined,\n                    },\n                    top: '50%',\n                    transform: 'translate(0, -50%)',\n                    '&:active': {\n                        transform: 'translate(0, -50%) scale(0.95) !important',\n                    },\n                    visibility: hover ? 'hidden' : undefined,\n                } }, rest.sx), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx(Controller, { controlType: type === 'prev' ? 'arrow-left' : 'arrow-right', controllerColor: color !== null && color !== void 0 ? color : 'light', iconStyle: style !== null && style !== void 0 ? style : 'regular', controlVariant: variant !== null && variant !== void 0 ? variant : 'standard', onClickCallback: handleScroll, isDisabled: disabled, customHeight: '100%' }) })) }));\n};\nconst useNavHoverEffect = (api, type, direction, options) => {\n    const [hover, setHover] = useState(false);\n    const handleMouseEnter = useCallback(() => {\n        var _a;\n        if (api) {\n            const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n            const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n            const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n            if (canScroll) {\n                setHover(true);\n            }\n        }\n        (_a = options === null || options === void 0 ? void 0 : options.onMouseEnter) === null || _a === void 0 ? void 0 : _a.call(options);\n    }, [api, setHover, options, type, direction]);\n    const handleMouseLeave = useCallback(() => {\n        var _a;\n        setHover(false);\n        (_a = options === null || options === void 0 ? void 0 : options.onMouseLeave) === null || _a === void 0 ? void 0 : _a.call(options);\n    }, [options, setHover]);\n    return { hover, handleMouseEnter, handleMouseLeave };\n};\nconst useNavCallback = (api, direction, type) => {\n    return useCallback(() => {\n        if (type === 'prev') {\n            direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n        }\n        if (type === 'next') {\n            direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n        }\n    }, [api, direction, type]);\n};\n//# sourceMappingURL=NavButton.js.map"],"names":["NavButton","_a","emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction","rest","__rest","handleScroll","useNavCallback","disabled","setDisabled","useState","hover","handleMouseEnter","handleMouseLeave","useNavHoverEffect","useEffect","onScroll","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","on","_jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight","api","options","setHover","useCallback","call","scrollPrev","scrollNext"],"mappings":"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"}

package/organisms/gallery/Gallery.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import"tslib";import{styled as r,Backdrop as i,Box as a,IconButton as n,Stack as l}from"@mui/material";import"../../design/skoda/theme.js";import{useMemo as s,useState as m,useEffect as p,useCallback as c}from"react";import"@mui/material/styles";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Icon as d}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./GalleryItem.js";import"minimatch";import"../../utils/enum.js";import{useClosure as u}from"../../utils/useClosure/useClosure.js";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import j from"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"@mui/system";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";import h from"../../utils/useKeyboardShortcut/useKeyboardShortcut.js";const g=r=>{var i;const n=s((()=>r.galleryItems.length>1),[r.galleryItems]),{isOpen:g,onOpen:f,onClose:I}=u(!1),[v,S]=m(!0),[w,k]=m(!0),[H,G]=j({align:"center",axis:"x",startIndex:null!==(i=r.startIndex)&&void 0!==i?i:0,slidesToScroll:1,draggable:r.galleryItems.length>1});p((()=>{if(G){const e=()=>{S(!G.canScrollNext()),k(!G.canScrollPrev())};G.on("scroll",e),e()}}),[G]),p((()=>{r.galleryItems&&0!==r.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[r.galleryItems]);const N=c((()=>{r.galleryItems&&r.galleryItems.length>0&&f()}),[f,r.children]);return h({Escape:I,ArrowRight:null==G?void 0:G.scrollNext,ArrowLeft:null==G?void 0:G.scrollPrev},[!!G]),e(a,{"data-testid":"Gallery",children:[t(a,{component:"span",onClick:N,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:r.children}),t(y,{open:g,"data-testid":"Gallery.backdrop",children:g&&e(o,{children:[t(C,{ref:H,children:t(a,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==G?void 0:G.selectedScrollSnap(),children:r.galleryItems})}),t(b,{"data-testid":"Gallery.control",children:e(l,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[n&&t(x,{size:"large",disabled:w,onClick:()=>null==G?void 0:G.scrollPrev(),"data-testid":"Gallery.prev",children:t(d,{name:"arrow-left"})}),t(x,{size:"large",onClick:I,"data-testid":"Gallery.close",children:t(d,{name:"close"})}),n&&t(x,{size:"large",disabled:v,onClick:()=>null==G?void 0:G.scrollNext(),"data-testid":"Gallery.next",children:t(d,{name:"arrow-right"})})]})})]})})]})},y=r(i)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),C=r(a)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),b=r(a)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),x=r(n)((({theme:e})=>({color:e.palette.surface.primary})));export{g as Gallery};
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import"tslib";import{useMemo as r,useState as i,useEffect as n,useCallback as a}from"react";import{styled as s,Backdrop as l,Box as m,IconButton as p,Stack as c}from"@mui/material";import"@emotion/react";import"@emotion/cache";import"stylis";import"stylis-plugin-rtl";import"../../design/skoda/theme.js";import"../../design/skoda/theme.breakpoints.js";import"@mui/material/styles";import"@mui/system";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Icon as d}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./GalleryItem.js";import"minimatch";import"../../utils/enum.js";import{useClosure as u}from"../../utils/useClosure/useClosure.js";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import j from"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"../../layout/Footer/PredefinedFooterIconButtons.js";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";import h from"../../utils/useKeyboardShortcut/useKeyboardShortcut.js";const g=s=>{var l;const p=r((()=>s.galleryItems.length>1),[s.galleryItems]),{isOpen:g,onOpen:f,onClose:I}=u(!1),[v,S]=i(!0),[w,k]=i(!0),[H,P]=j({align:"center",axis:"x",startIndex:null!==(l=s.startIndex)&&void 0!==l?l:0,slidesToScroll:1,draggable:s.galleryItems.length>1});n((()=>{if(P){const e=()=>{S(!P.canScrollNext()),k(!P.canScrollPrev())};P.on("scroll",e),e()}}),[P]),n((()=>{s.galleryItems&&0!==s.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[s.galleryItems]);const B=a((()=>{s.galleryItems&&s.galleryItems.length>0&&f()}),[f,s.children]);return h({Escape:I,ArrowRight:null==P?void 0:P.scrollNext,ArrowLeft:null==P?void 0:P.scrollPrev},[!!P]),e(m,{"data-testid":"Gallery",children:[t(m,{component:"span",onClick:B,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:s.children}),t(y,{open:g,"data-testid":"Gallery.backdrop",children:g&&e(o,{children:[t(C,{ref:H,children:t(m,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==P?void 0:P.selectedScrollSnap(),children:s.galleryItems})}),t(b,{"data-testid":"Gallery.control",children:e(c,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[p&&t(x,{size:"large",disabled:w,onClick:()=>null==P?void 0:P.scrollPrev(),"data-testid":"Gallery.prev",children:t(d,{name:"arrow-left"})}),t(x,{size:"large",onClick:I,"data-testid":"Gallery.close",children:t(d,{name:"close"})}),p&&t(x,{size:"large",disabled:v,onClick:()=>null==P?void 0:P.scrollNext(),"data-testid":"Gallery.next",children:t(d,{name:"arrow-right"})})]})})]})})]})},y=s(l)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),C=s(m)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),b=s(m)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),x=s(p)((({theme:e})=>({color:e.palette.surface.primary})));export{g as Gallery};
 //# sourceMappingURL=Gallery.js.map

package/organisms/gallery/Gallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gallery.js","sources":["../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Icon, useClosure } from '@/src';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from '../../utils/useKeyboardShortcut/useKeyboardShortcut';\nexport const Gallery = (props) => {\n    var _a;\n    const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n    const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n    const [nextDisabled, setNextDisabled] = useState(true);\n    const [prevDisabled, setPrevDisabled] = useState(true);\n    const [emblaRef, emblaApi] = useEmblaCarousel({\n        align: 'center',\n        axis: 'x',\n        startIndex: (_a = props.startIndex) !== null && _a !== void 0 ? _a : 0,\n        slidesToScroll: 1,\n        draggable: props.galleryItems.length > 1,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                setNextDisabled(!emblaApi.canScrollNext());\n                setPrevDisabled(!emblaApi.canScrollPrev());\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi]);\n    useEffect(() => {\n        if (!props.galleryItems || props.galleryItems.length === 0) {\n            console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n        }\n    }, [props.galleryItems]);\n    const onOpen = useCallback(() => {\n        if (props.galleryItems && props.galleryItems.length > 0) {\n            _onOpen();\n        }\n    }, [_onOpen, props.children]);\n    useKeyboardShortcut({\n        Escape: onClose,\n        ArrowRight: emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext,\n        ArrowLeft: emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev,\n    }, [!!emblaApi]);\n    return (_jsxs(Box, { \"data-testid\": \"Gallery\", children: [_jsx(Box, { component: \"span\", onClick: onOpen, sx: { cursor: 'pointer' }, \"data-testid\": \"Gallery.trigger\", children: props.children }), _jsx(GalleryBackdrop, { open: isOpen, \"data-testid\": \"Gallery.backdrop\", children: isOpen && (_jsxs(_Fragment, { children: [_jsx(GalleryItemContent, { ref: emblaRef, children: _jsx(Box, { sx: { display: 'flex', '& > *': { flex: '0 0 100%' } }, \"data-testid\": \"Gallery.items\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: props.galleryItems }) }), _jsx(GalleryControlPanel, { \"data-testid\": \"Gallery.control\", children: _jsxs(Stack, { direction: \"row\", spacing: { xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }, children: [showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: prevDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev(), \"data-testid\": \"Gallery.prev\", children: _jsx(Icon, { name: \"arrow-left\" }) })), _jsx(GalleryControlButton, { size: \"large\", onClick: onClose, \"data-testid\": \"Gallery.close\", children: _jsx(Icon, { name: \"close\" }) }), showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: nextDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext(), \"data-testid\": \"Gallery.next\", children: _jsx(Icon, { name: \"arrow-right\" }) }))] }) })] })) })] }));\n};\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n    backgroundColor: theme.palette.surface.quarternary,\n    paddingTop: '20px',\n    display: 'flex',\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n}));\nconst GalleryItemContent = styled(Box)(() => ({\n    width: '100%',\n    height: '85%',\n    overflow: 'hidden',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    '& > div': {\n        width: '100%',\n        height: '100%',\n    },\n}));\nconst GalleryControlPanel = styled(Box)(() => ({\n    width: '100%',\n    height: '15%',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n    color: theme.palette.surface.primary,\n}));\n//# sourceMappingURL=Gallery.js.map"],"names":["Gallery","props","_a","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","Escape","ArrowRight","scrollNext","ArrowLeft","scrollPrev","_jsxs","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","name","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"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"}
+{"version":3,"file":"Gallery.js","sources":["../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Icon, useClosure } from '@/src';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from '../../utils/useKeyboardShortcut/useKeyboardShortcut';\nexport const Gallery = (props) => {\n    var _a;\n    const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n    const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n    const [nextDisabled, setNextDisabled] = useState(true);\n    const [prevDisabled, setPrevDisabled] = useState(true);\n    const [emblaRef, emblaApi] = useEmblaCarousel({\n        align: 'center',\n        axis: 'x',\n        startIndex: (_a = props.startIndex) !== null && _a !== void 0 ? _a : 0,\n        slidesToScroll: 1,\n        draggable: props.galleryItems.length > 1,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                setNextDisabled(!emblaApi.canScrollNext());\n                setPrevDisabled(!emblaApi.canScrollPrev());\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi]);\n    useEffect(() => {\n        if (!props.galleryItems || props.galleryItems.length === 0) {\n            console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n        }\n    }, [props.galleryItems]);\n    const onOpen = useCallback(() => {\n        if (props.galleryItems && props.galleryItems.length > 0) {\n            _onOpen();\n        }\n    }, [_onOpen, props.children]);\n    useKeyboardShortcut({\n        Escape: onClose,\n        ArrowRight: emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext,\n        ArrowLeft: emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev,\n    }, [!!emblaApi]);\n    return (_jsxs(Box, { \"data-testid\": \"Gallery\", children: [_jsx(Box, { component: \"span\", onClick: onOpen, sx: { cursor: 'pointer' }, \"data-testid\": \"Gallery.trigger\", children: props.children }), _jsx(GalleryBackdrop, { open: isOpen, \"data-testid\": \"Gallery.backdrop\", children: isOpen && (_jsxs(_Fragment, { children: [_jsx(GalleryItemContent, { ref: emblaRef, children: _jsx(Box, { sx: { display: 'flex', '& > *': { flex: '0 0 100%' } }, \"data-testid\": \"Gallery.items\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: props.galleryItems }) }), _jsx(GalleryControlPanel, { \"data-testid\": \"Gallery.control\", children: _jsxs(Stack, { direction: \"row\", spacing: { xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }, children: [showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: prevDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev(), \"data-testid\": \"Gallery.prev\", children: _jsx(Icon, { name: \"arrow-left\" }) })), _jsx(GalleryControlButton, { size: \"large\", onClick: onClose, \"data-testid\": \"Gallery.close\", children: _jsx(Icon, { name: \"close\" }) }), showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: nextDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext(), \"data-testid\": \"Gallery.next\", children: _jsx(Icon, { name: \"arrow-right\" }) }))] }) })] })) })] }));\n};\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n    backgroundColor: theme.palette.surface.quarternary,\n    paddingTop: '20px',\n    display: 'flex',\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n}));\nconst GalleryItemContent = styled(Box)(() => ({\n    width: '100%',\n    height: '85%',\n    overflow: 'hidden',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    '& > div': {\n        width: '100%',\n        height: '100%',\n    },\n}));\nconst GalleryControlPanel = styled(Box)(() => ({\n    width: '100%',\n    height: '15%',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n    color: theme.palette.surface.primary,\n}));\n//# sourceMappingURL=Gallery.js.map"],"names":["Gallery","props","_a","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","Escape","ArrowRight","scrollNext","ArrowLeft","scrollPrev","_jsxs","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","name","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"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"}