@skodaflow/web-library 4.1.0 → 4.2.0

package/cjs/layout/Header/Header.d.ts

@@ -1,16 +1,34 @@
 import React from 'react';
 export type HeaderProps = {
-    /** defines color theme of the header */
+    /**
+     * Defines color theme of the header
+     * @default light
+     */
     color?: 'light' | 'dark';
-    /** React node that renders header logo */
+    /**
+     * React node that renders header logo
+     * @default undefined
+     */
     logo?: React.ReactNode;
-    /** React node that renders all navigation items */
+    /**
+     * React node that renders all navigation items
+     * @default undefined
+     */
     navigationItems?: React.ReactNode;
-    /** React node that renders all overhead navigation items */
+    /**
+     * React node that renders all overhead navigation items
+     * @default undefined
+     */
     overheadItems?: React.ReactNode;
-    /** React node that renders all header buttons */
+    /**
+     * React node that renders all header buttons
+     * @default undefined
+     */
     buttons?: React.ReactNode;
-    /** Defines if header content should be rendered inside Container component */
+    /**
+     * Defines if header content should be rendered inside Container component
+     * @default false
+     */
     inContainer?: boolean;
 };
 export declare const Header: React.FC<HeaderProps>;

package/cjs/layout/Header/Header.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material");exports.Header=({buttons:a,logo:r,navigationItems:o,overheadItems:i,color:n,inContainer:d})=>e.jsxs(t.Box,{children:[i&&e.jsx(t.Box,{sx:{height:32,paddingLeft:"150px",display:"flex",background:e=>"dark"===n?e.palette.onSurface.os900:e.palette.surface.primary,color:e=>e.palette.onSurface.os500,"--active-background":e=>"dark"===n?e.palette.onSurface.os800:e.palette.common.white,"--active-color":e=>"dark"===n?e.palette.common.white:e.palette.text.primary},"data-testid":"Header.overhead",children:e.jsx(t.Box,{component:d&&t.Container,children:e.jsx(t.Stack,{direction:"row",children:i})})}),e.jsx(t.Box,{sx:{height:64,background:e=>"dark"===n?e.palette.onSurface.os800:e.palette.common.white,color:e=>"dark"===n?e.palette.common.white:e.palette.text.primary,fill:e=>"dark"===n?e.palette.common.white:e.palette.primary.dark,borderBottom:e=>`1px solid ${"dark"===n?e.palette.onSurface.os600:e.palette.grey[200]}`},children:e.jsxs(t.Box,{component:d&&t.Container,sx:{display:"flex",alignItems:"center",height:"100%"},children:[e.jsx(t.Box,{display:"flex","data-testid":"Header.logo",sx:{"&>*":{paddingLeft:d&&"0 !important"}},children:r}),e.jsx(t.Stack,{direction:"row",flexGrow:1,spacing:1,alignItems:"stretch",sx:{height:"100%",paddingLeft:"48px"},"data-testid":"Header.nav",children:o}),e.jsx(t.Stack,{direction:"row",spacing:.5,sx:{marginRight:1},"data-testid":"Header.btns",children:a})]})})]});
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),a=require("./HeaderContext.js");const o=(e,t)=>{r.useEffect((()=>{t&&e()})),r.useEffect((()=>(window.removeEventListener("resize",e),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e))),[e])};exports.Header=({buttons:i,logo:n,navigationItems:d,overheadItems:s,color:c,inContainer:l})=>{const p=r.useRef(),[x,h]=r.useState(900);return o((()=>{var e;const t=null===(e=p.current)||void 0===e?void 0:e.clientWidth;t&&h(t)}),!0),e.jsx(t.Box,{ref:p,children:e.jsxs(a.HeaderContext.Provider,{value:{headerRef:p,color:c,headerWidth:x},children:[s&&e.jsx(t.Box,{sx:{height:32,paddingLeft:"150px",display:"flex",background:e=>"dark"===c?e.palette.onSurface.os900:e.palette.surface.primary,color:e=>e.palette.onSurface.os500,"--active-background":e=>"dark"===c?e.palette.onSurface.os800:e.palette.common.white,"--active-color":e=>"dark"===c?e.palette.common.white:e.palette.text.primary},"data-testid":"Header.overhead",children:e.jsx(t.Box,{component:l&&t.Container,children:e.jsx(t.Stack,{direction:"row",children:s})})}),e.jsx(t.Box,{sx:{height:64,background:e=>"dark"===c?e.palette.onSurface.os800:e.palette.common.white,color:e=>"dark"===c?e.palette.common.white:e.palette.text.primary,fill:e=>"dark"===c?e.palette.common.white:e.palette.primary.dark,borderBottom:e=>`1px solid ${"dark"===c?e.palette.onSurface.os600:e.palette.grey[200]}`},children:e.jsxs(t.Box,{component:l&&t.Container,sx:{display:"flex",alignItems:"center",height:"100%"},children:[e.jsx(t.Box,{display:"flex","data-testid":"Header.logo",sx:{"&>*":{padding:"8px 16px",paddingLeft:l?"0 !important":"16px",color:"inherit !important"},height:"100%",color:e=>"dark"===c?e.palette.common.white:e.palette.primary.dark},children:n}),e.jsx(t.Stack,{direction:"row",flexGrow:1,spacing:1,alignItems:"stretch",sx:{height:"100%",paddingLeft:"48px"},"data-testid":"Header.nav",children:d}),e.jsx(t.Stack,{direction:"row",spacing:.5,sx:{marginRight:1},"data-testid":"Header.btns",children:i})]})})]})})};
 //# sourceMappingURL=Header.js.map

package/cjs/layout/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../src/layout/Header/Header.tsx"],"sourcesContent":[null],"names":["buttons","logo","navigationItems","overheadItems","color","inContainer","_jsxs","jsxs","Box","children","_jsx","jsx","sx","height","paddingLeft","display","background","theme","palette","onSurface","os900","surface","primary","os500","os800","common","white","text","component","Container","Stack","direction","fill","dark","borderBottom","os600","grey","alignItems","flexGrow","spacing","marginRight"],"mappings":"0FAkB6C,EAC3CA,UACAC,OACAC,kBACAC,gBACAC,QACAC,iBAGEC,EAACC,KAAAC,EAAGA,IACD,CAAAC,SAAA,CAAAN,GACCO,EAACC,IAAAH,MACC,CAAAI,GAAI,CACFC,OAAQ,GACRC,YAAa,QACbC,QAAS,OACTC,WAAaC,GAAqB,SAAVb,EAAmBa,EAAMC,QAAQC,UAAUC,MAAQH,EAAMC,QAAQG,QAAQC,QACjGlB,MAAQa,GAAUA,EAAMC,QAAQC,UAAUI,MAC1C,sBAAwBN,GACZ,SAAVb,EAAmBa,EAAMC,QAAQC,UAAUK,MAAQP,EAAMC,QAAQO,OAAOC,MAC1E,iBAAmBT,GAAqB,SAAVb,EAAmBa,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQS,KAAKL,SAClG,cACW,kBAAiBb,SAE7BC,MAACF,EAAAA,IAAI,CAAAoB,UAAWvB,GAAewB,YAC7BpB,SAAAC,EAAAA,IAACoB,EAAAA,MAAK,CAACC,UAAU,MAAKtB,SAAEN,QAI9BO,EAAAA,IAACF,EAAGA,IACF,CAAAI,GAAI,CACFC,OAAQ,GACRG,WAAaC,GAAqB,SAAVb,EAAmBa,EAAMC,QAAQC,UAAUK,MAAQP,EAAMC,QAAQO,OAAOC,MAChGtB,MAAQa,GAAqB,SAAVb,EAAmBa,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQS,KAAKL,QACtFU,KAAOf,GAAqB,SAAVb,EAAmBa,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQI,QAAQW,KACxFC,aAAejB,GACb,aAAuB,SAAVb,EAAmBa,EAAMC,QAAQC,UAAUgB,MAAQlB,EAAMC,QAAQkB,KAAK,QAGvF3B,SAAAH,EAAAA,KAACE,EAAGA,IAAA,CACFoB,UAAWvB,GAAewB,EAASA,UACnCjB,GAAI,CACFG,QAAS,OACTsB,WAAY,SACZxB,OAAQ,QAGVJ,SAAA,CAAAC,EAAAC,IAACH,MAAG,CACFO,QAAQ,OACI,cAAA,cACZH,GAAI,CACF,MAAO,CACLE,YAAaT,GAAe,iBAE/BI,SAEAR,IAEHS,EAAAC,IAACmB,QAAK,CACJC,UAAU,MACVO,SAAU,EACVC,QAAS,EACTF,WAAW,UACXzB,GAAI,CAAEC,OAAQ,OAAQC,YAAa,QACvB,cAAA,aAEXL,SAAAP,IAEHQ,EAACC,IAAAmB,QAAM,CAAAC,UAAU,MAAMQ,QAAS,GAAK3B,GAAI,CAAE4B,YAAa,GAAiB,cAAA,cACtE/B,SAAAT"}
+{"version":3,"file":"Header.js","sources":["../../../../src/layout/Header/Header.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Stack } from '@mui/material';\nimport { useEffect, useRef, useState } from 'react';\nimport { HeaderContext } from './HeaderContext';\nexport const Header = ({ buttons, logo, navigationItems, overheadItems, color, inContainer, }) => {\n    const headerRef = useRef();\n    const [headerWidth, setHeaderWidth] = useState(900);\n    useOnResize(() => {\n        var _a;\n        const w = (_a = headerRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth;\n        if (w) {\n            setHeaderWidth(w);\n        }\n    }, true);\n    return (_jsx(Box, { ref: headerRef, children: _jsxs(HeaderContext.Provider, { value: { headerRef, color, headerWidth }, children: [overheadItems && (_jsx(Box, { sx: {\n                        height: 32,\n                        paddingLeft: `150px`,\n                        display: 'flex',\n                        background: (theme) => (color === 'dark' ? theme.palette.onSurface.os900 : theme.palette.surface.primary),\n                        color: (theme) => theme.palette.onSurface.os500,\n                        '--active-background': (theme) => color === 'dark' ? theme.palette.onSurface.os800 : theme.palette.common.white,\n                        '--active-color': (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n                    }, \"data-testid\": \"Header.overhead\", children: _jsx(Box, { component: inContainer && Container, children: _jsx(Stack, { direction: \"row\", children: overheadItems }) }) })), _jsx(Box, { sx: {\n                        height: 64,\n                        background: (theme) => (color === 'dark' ? theme.palette.onSurface.os800 : theme.palette.common.white),\n                        color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n                        fill: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.primary.dark),\n                        borderBottom: (theme) => `1px solid ${color === 'dark' ? theme.palette.onSurface.os600 : theme.palette.grey[200]}`,\n                    }, children: _jsxs(Box, { component: inContainer && Container, sx: {\n                            display: 'flex',\n                            alignItems: 'center',\n                            height: '100%',\n                        }, children: [_jsx(Box, { display: \"flex\", \"data-testid\": \"Header.logo\", sx: {\n                                    '&>*': {\n                                        padding: '8px 16px',\n                                        paddingLeft: inContainer ? '0 !important' : '16px',\n                                        color: 'inherit !important',\n                                    },\n                                    height: '100%',\n                                    color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.primary.dark),\n                                }, children: logo }), _jsx(Stack, { direction: \"row\", flexGrow: 1, spacing: 1, alignItems: \"stretch\", sx: { height: '100%', paddingLeft: '48px' }, \"data-testid\": \"Header.nav\", children: navigationItems }), _jsx(Stack, { direction: \"row\", spacing: 0.5, sx: { marginRight: 1 }, \"data-testid\": \"Header.btns\", children: buttons })] }) })] }) }));\n};\nconst useOnResize = (cb, initialRun) => {\n    useEffect(() => {\n        if (initialRun) {\n            cb();\n        }\n    });\n    useEffect(() => {\n        window.removeEventListener('resize', cb);\n        window.addEventListener('resize', cb);\n        return () => window.removeEventListener('resize', cb);\n    }, [cb]);\n};\n//# sourceMappingURL=Header.js.map"],"names":["useOnResize","cb","initialRun","useEffect","window","removeEventListener","addEventListener","buttons","logo","navigationItems","overheadItems","color","inContainer","headerRef","useRef","headerWidth","setHeaderWidth","useState","_a","w","current","clientWidth","_jsx","jsx","Box","ref","children","_jsxs","jsxs","HeaderContext","Provider","value","sx","height","paddingLeft","display","background","theme","palette","onSurface","os900","surface","primary","os500","os800","common","white","text","component","Container","Stack","direction","fill","dark","borderBottom","os600","grey","alignItems","padding","flexGrow","spacing","marginRight"],"mappings":"8HAIY,MAsCNA,EAAc,CAACC,EAAIC,KACrBC,EAAAA,WAAU,KACFD,GACAD,GACH,IAELE,EAAAA,WAAU,KACNC,OAAOC,oBAAoB,SAAUJ,GACrCG,OAAOE,iBAAiB,SAAUL,GAC3B,IAAMG,OAAOC,oBAAoB,SAAUJ,KACnD,CAACA,GAAI,iBAhDU,EAAGM,UAASC,OAAMC,kBAAiBC,gBAAeC,QAAOC,kBAC3E,MAAMC,EAAYC,EAAAA,UACXC,EAAaC,GAAkBC,EAAQA,SAAC,KAQ/C,OAPAjB,GAAY,KACR,IAAIkB,EACJ,MAAMC,EAAiC,QAA5BD,EAAKL,EAAUO,eAA4B,IAAPF,OAAgB,EAASA,EAAGG,YACvEF,GACAH,EAAeG,EAClB,IACF,GACKG,EAAIC,IAACC,MAAK,CAAEC,IAAKZ,EAAWa,SAAUC,EAAKC,KAACC,gBAAcC,SAAU,CAAEC,MAAO,CAAElB,YAAWF,QAAOI,eAAeW,SAAU,CAAChB,GAAkBY,EAAIC,IAACC,MAAK,CAAEQ,GAAI,CACjJC,OAAQ,GACRC,YAAa,QACbC,QAAS,OACTC,WAAaC,GAAqB,SAAV1B,EAAmB0B,EAAMC,QAAQC,UAAUC,MAAQH,EAAMC,QAAQG,QAAQC,QACjG/B,MAAQ0B,GAAUA,EAAMC,QAAQC,UAAUI,MAC1C,sBAAwBN,GAAoB,SAAV1B,EAAmB0B,EAAMC,QAAQC,UAAUK,MAAQP,EAAMC,QAAQO,OAAOC,MAC1G,iBAAmBT,GAAqB,SAAV1B,EAAmB0B,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQS,KAAKL,SAClG,cAAe,kBAAmBhB,SAAUJ,MAAKE,EAAAA,IAAK,CAAEwB,UAAWpC,GAAeqC,YAAWvB,SAAUJ,EAAAA,IAAK4B,EAAAA,MAAO,CAAEC,UAAW,MAAOzB,SAAUhB,QAAyBY,EAAAA,IAAKE,EAAGA,IAAE,CAAEQ,GAAI,CACzLC,OAAQ,GACRG,WAAaC,GAAqB,SAAV1B,EAAmB0B,EAAMC,QAAQC,UAAUK,MAAQP,EAAMC,QAAQO,OAAOC,MAChGnC,MAAQ0B,GAAqB,SAAV1B,EAAmB0B,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQS,KAAKL,QACtFU,KAAOf,GAAqB,SAAV1B,EAAmB0B,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQI,QAAQW,KACxFC,aAAejB,GAAU,aAAuB,SAAV1B,EAAmB0B,EAAMC,QAAQC,UAAUgB,MAAQlB,EAAMC,QAAQkB,KAAK,QAC7G9B,SAAUC,EAAAA,KAAMH,EAAGA,IAAE,CAAEwB,UAAWpC,GAAeqC,EAASA,UAAEjB,GAAI,CAC3DG,QAAS,OACTsB,WAAY,SACZxB,OAAQ,QACTP,SAAU,CAACJ,EAAIC,IAACC,MAAK,CAAEW,QAAS,OAAQ,cAAe,cAAeH,GAAI,CACjE,MAAO,CACH0B,QAAS,WACTxB,YAAatB,EAAc,eAAiB,OAC5CD,MAAO,sBAEXsB,OAAQ,OACRtB,MAAQ0B,GAAqB,SAAV1B,EAAmB0B,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQI,QAAQW,MAC1F3B,SAAUlB,IAASc,EAAIC,IAAC2B,QAAO,CAAEC,UAAW,MAAOQ,SAAU,EAAGC,QAAS,EAAGH,WAAY,UAAWzB,GAAI,CAAEC,OAAQ,OAAQC,YAAa,QAAU,cAAe,aAAcR,SAAUjB,IAAoBa,MAAK4B,EAAAA,MAAO,CAAEC,UAAW,MAAOS,QAAS,GAAK5B,GAAI,CAAE6B,YAAa,GAAK,cAAe,cAAenC,SAAUnB,aAA0B"}

package/cjs/layout/Header/HeaderButton.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("@mui/material"),s=require("react"),n=require("../../components/icon/icon.js");require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/banner/banner.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var i=require("../../components/indicator/indicator.js");require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("../../components/mobileStepper/mobileStepper.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/tab/tab.js"),require("../../components/tab/tabs.js"),require("../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("lodash/noop"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/agGrid/agGrid.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("../../organisms/gallery/Gallery.js"),require("../../organisms/gallery/GalleryItem.js"),require("@mui/material/styles"),require("../../design/skoda/palette.theme.js"),require("../../design/skoda/components/tabs/tabs.theme.js"),require("../../design/skoda/components/autocomplete.theme.js"),require("../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../design/skoda/theme.breakpoints.js"),require("../../design/skoda/theme.constants.js"),require("../../design/skoda/components/divider.theme.js"),require("../../design/skoda/components/drawer.theme.js"),require("../../design/skoda/components/icon.theme.js"),require("../../design/skoda/components/mobileStepper.theme.js"),require("../../design/skoda/components/modal.theme.js"),require("../../design/skoda/components/pagination.theme.js"),require("../../design/skoda/components/slider.theme.js"),require("../../design/skoda/components/snackbar.theme.js"),require("../../design/skoda/components/tooltip.theme.js"),require("../../design/skoda/components/accordion/accordionSummary.theme.js"),require("react-use"),require("../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../utils/enum.js"),require("../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../organisms/maps/utils/mapIcons.js"),require("../../organisms/maps/mapComponents/mapStyled.js"),require("../../organisms/shortcutLink/shortcutLink.js"),require("../../organisms/textCta/textCta.js"),require("../../organisms/tile/tile.js"),require("lodash/merge"),require("../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../organisms/notification/Notification.js"),require("../../organisms/notification/NotificationCenter.js"),require("./HeaderNavigationItem.js"),require("./PredefinedHeaderButtons.js"),require("./HeaderOverheadItem.js"),require("../SideMenu/SideMenuItem.js"),require("../Footer/FooterNavItem.js"),require("../SecondaryNavigation/SecondaryNavigationCta.js"),require("../SecondaryNavigation/SecondaryNavigationItem.js"),require("../../production/Button.js");const t=s.forwardRef((function(s,t){const{icon:a,label:u,color:c,indicator:m}=s,l=e.__rest(s,["icon","label","color","indicator"]),d=o.useTheme();return r.jsx(o.Tooltip,{title:u,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:r.jsxs(o.IconButton,Object.assign({size:"large"},l,{ref:t,sx:{background:"grey"===c&&d.palette.surface.primary,".disclamer":{position:"absolute",top:"15%",right:"20%"},".disclamer::before":{margin:0}},children:[m&&r.jsx(i.Indicator,{variant:m}),r.jsx(n.Icon,{className:a})]}))})}));exports.HeaderButton=t;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("@mui/material"),s=require("react"),i=require("../../components/icon/icon.js");require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/banner/banner.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var n=require("../../components/indicator/indicator.js");require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("../../components/mobileStepper/mobileStepper.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/tab/tab.js"),require("../../components/tab/tabs.js"),require("../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("lodash/noop"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/agGrid/agGrid.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("../../organisms/gallery/Gallery.js"),require("../../organisms/gallery/GalleryItem.js"),require("@mui/material/styles"),require("../../design/skoda/palette.theme.js"),require("../../design/skoda/components/tabs/tabs.theme.js"),require("../../design/skoda/components/autocomplete.theme.js"),require("../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../design/skoda/theme.breakpoints.js"),require("../../design/skoda/theme.constants.js"),require("../../design/skoda/components/divider.theme.js"),require("../../design/skoda/components/drawer.theme.js"),require("../../design/skoda/components/icon.theme.js"),require("../../design/skoda/components/mobileStepper.theme.js"),require("../../design/skoda/components/modal.theme.js"),require("../../design/skoda/components/pagination.theme.js"),require("../../design/skoda/components/slider.theme.js"),require("../../design/skoda/components/snackbar.theme.js"),require("../../design/skoda/components/tooltip.theme.js"),require("../../design/skoda/components/accordion/accordionSummary.theme.js"),require("@mui/x-date-pickers/internals"),require("react-use"),require("../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../utils/enum.js"),require("../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../organisms/maps/utils/mapIcons.js"),require("../../organisms/maps/mapComponents/mapStyled.js"),require("../../organisms/shortcutLink/shortcutLink.js"),require("../../organisms/textCta/textCta.js"),require("../../organisms/tile/tile.js"),require("lodash/merge"),require("../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../organisms/notification/Notification.js"),require("../../organisms/notification/NotificationCenter.js"),require("./HeaderContext.js"),require("./HeaderNavigationHero.js"),require("./HeaderNavigationLink.js"),require("./HeaderNavigationMenu.js"),require("./PredefinedHeaderButtons.js"),require("./HeaderOverheadItem.js"),require("../SideMenu/SideMenuItem.js"),require("../Footer/FooterNavItem.js"),require("../SecondaryNavigation/SecondaryNavigationCta.js"),require("../SecondaryNavigation/SecondaryNavigationItem.js"),require("../../production/Button.js"),require("minimatch");const t=s.forwardRef((function(s,t){const{icon:a,label:u,color:c,indicator:m}=s,l=e.__rest(s,["icon","label","color","indicator"]),d=o.useTheme();return r.jsx(o.Tooltip,{title:u,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:r.jsxs(o.IconButton,Object.assign({size:"large"},l,{ref:t,sx:{background:"grey"===c&&d.palette.surface.primary,".disclamer":{position:"absolute",top:"15%",right:"20%"},".disclamer::before":{margin:0}},children:[m&&r.jsx(n.Indicator,{variant:m}),r.jsx(i.Icon,{className:a})]}))})}));exports.HeaderButton=t;
 //# sourceMappingURL=HeaderButton.js.map

package/cjs/layout/Header/HeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderButton.js","sources":["../../../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":[null],"names":["HeaderButton","forwardRef","props","ref","icon","label","color","indicator","rest","__rest","theme","useTheme","_jsx","Tooltip","title","enterDelay","enterNextDelay","leaveDelay","placement","children","_jsxs","IconButton","size","sx","background","palette","surface","primary","position","top","right","margin","Indicator","variant","Icon","className"],"mappings":"q3KA6CaA,EAAeC,EAAUA,YAjCtC,SACEC,EACAC,GAEA,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAuBL,EAATM,EAAIC,EAAAA,OAAKP,EAA7C,CAAA,OAAA,QAAA,QAAA,cACAQ,EAAQC,EAAAA,WAEd,OACEC,MAACC,EAAAA,QAAQ,CAAAC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAU,SAAQC,SAChGC,OAACC,EAAAA,0BACCC,KAAK,SACDd,EACJ,CAAAL,IAAKA,EACLoB,GAAI,CACFC,WAAsB,SAAVlB,GAAoBI,EAAMe,QAAQC,QAAQC,QACtD,aAAc,CACZC,SAAU,WACVC,IAAK,MACLC,MAAO,OAET,qBAAsB,CACpBC,OAAQ,IAIXZ,SAAA,CAAAZ,GAAaK,EAAAA,IAACoB,EAAAA,WAAUC,QAAS1B,IAElCK,EAAAA,IAACsB,EAAAA,KAAI,CAACC,UAAW/B,SAIzB"}
+{"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                '.disclamer': {\n                    position: 'absolute',\n                    top: '15%',\n                    right: '20%',\n                },\n                '.disclamer::before': {\n                    margin: 0,\n                },\n            }, children: [indicator && _jsx(Indicator, { variant: indicator }), _jsx(Icon, { className: 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","className"],"mappings":"qhLAqBY,MAACA,EAAeC,EAAUA,YAftC,SAA0BC,EAAOC,GAC7B,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAcL,EAAOM,EAAOC,EAAAA,OAAOP,EAAO,CAAC,OAAQ,QAAS,QAAS,cAC3FQ,EAAQC,EAAAA,WACd,OAAQC,MAAKC,EAAAA,QAAS,CAAEC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAW,SAAUC,SAAUC,OAAMC,EAAAA,WAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWhB,EAAM,CAAEL,IAAKA,EAAKsB,GAAI,CAC3LC,WAAsB,SAAVpB,GAAoBI,EAAMiB,QAAQC,QAAQC,QACtD,aAAc,CACVC,SAAU,WACVC,IAAK,MACLC,MAAO,OAEX,qBAAsB,CAClBC,OAAQ,IAEbd,SAAU,CAACZ,GAAaK,EAAAA,IAAKsB,EAAAA,UAAW,CAAEC,QAAS5B,IAAcK,EAAAA,IAAKwB,EAAAA,KAAM,CAAEC,UAAWjC,SACxG"}

package/cjs/layout/Header/HeaderContext.d.ts

@@ -0,0 +1,7 @@
+import { MutableRefObject } from 'react';
+export type HeaderContextType = {
+    headerRef: MutableRefObject<HTMLDivElement>;
+    color: 'light' | 'dark';
+    headerWidth: number;
+};
+export declare const HeaderContext: import("react").Context<HeaderContextType>;

package/cjs/layout/Header/HeaderContext.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react").createContext({headerRef:null,color:"light",headerWidth:900});exports.HeaderContext=e;
+//# sourceMappingURL=HeaderContext.js.map

package/cjs/layout/Header/HeaderContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderContext.js","sources":["../../../../src/layout/Header/HeaderContext.ts"],"sourcesContent":["import { createContext } from 'react';\nexport const HeaderContext = createContext({\n    headerRef: null,\n    color: 'light',\n    headerWidth: 900,\n});\n//# sourceMappingURL=HeaderContext.js.map"],"names":["HeaderContext","createContext","headerRef","color","headerWidth"],"mappings":"aACY,MAACA,mBAAgBC,cAAc,CACvCC,UAAW,KACXC,MAAO,QACPC,YAAa"}

package/cjs/layout/Header/HeaderLogo.d.ts

@@ -3,4 +3,7 @@ export type HeaderLogoProps = LinkProps & {
     src: string;
     alt?: string;
 };
+/**
+ * @deprecated Use generic `Logo` component instead
+ */
 export declare function HeaderLogo(props: HeaderLogoProps): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Header/HeaderLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLogo.js","sources":["../../../../../src/layout/Header/HeaderLogo.tsx"],"sourcesContent":[null],"names":["props","src","alt","rest","__rest","_jsx","jsx","Link","Object","assign","sx","padding","Box","component","display"],"mappings":"iHAQM,SAAqBA,GACzB,MAAMC,IAAEA,EAAGC,IAAEA,GAAiBF,EAATG,EAASC,EAAAA,OAAAJ,EAAxB,CAAA,MAAA,QACN,OACEK,EAACC,IAAAC,EAAIA,KAAKC,OAAAC,OAAA,CAAA,EAAAN,GAAMO,GAAI,CAAEC,QAAS,YAC7BN,EAACC,IAAAM,OAAIC,UAAU,MAAMZ,IAAKA,EAAKC,IAAKA,EAAKQ,GAAI,CAAEI,QAAS,YAG9D"}
+{"version":3,"file":"HeaderLogo.js","sources":["../../../../src/layout/Header/HeaderLogo.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box, Link } from '@mui/material';\n/**\n * @deprecated Use generic `Logo` component instead\n */\nexport function HeaderLogo(props) {\n    const { src, alt } = props, rest = __rest(props, [\"src\", \"alt\"]);\n    return (_jsx(Link, Object.assign({}, rest, { sx: { padding: 2 }, children: _jsx(Box, { component: \"img\", src: src, alt: alt, sx: { display: 'flex' } }) })));\n}\n//# sourceMappingURL=HeaderLogo.js.map"],"names":["props","src","alt","rest","__rest","_jsx","jsx","Link","Object","assign","sx","padding","children","Box","component","display"],"mappings":"iHAMO,SAAoBA,GACvB,MAAMC,IAAEA,EAAGC,IAAEA,GAAQF,EAAOG,EAAOC,EAAMA,OAACJ,EAAO,CAAC,MAAO,QACzD,OAAQK,EAAIC,IAACC,EAAIA,KAAEC,OAAOC,OAAO,CAAA,EAAIN,EAAM,CAAEO,GAAI,CAAEC,QAAS,GAAKC,SAAUP,EAAIC,IAACO,MAAK,CAAEC,UAAW,MAAOb,IAAKA,EAAKC,IAAKA,EAAKQ,GAAI,CAAEK,QAAS,YAChJ"}

package/cjs/layout/Header/HeaderNavigationHero.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type HeaderNavigationHeroProps = {
+    label: string;
+    heroElement: ReactNode;
+};
+export declare function HeaderNavigationHero(props: HeaderNavigationHeroProps): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Header/HeaderNavigationHero.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("react"),i=require("../../components/icon/icon.js");require("../../utils/enum.js");var o=require("../../utils/useClosure/useClosure.js"),n=require("./HeaderContext.js"),s=require("@mui/base");const a=r.styled(s.Button)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),l=r.styled(r.Box)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",lineHeight:"24px",fontWeight:"400 !important",fontSize:16,paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),d=r.styled(i.Icon)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));exports.HeaderNavigationHero=function(i){const{label:s,heroElement:c}=i,{isOpen:p,onToggle:u,onClose:h}=o.useClosure(),x=t.useRef(null),{headerRef:m,color:g,headerWidth:b}=t.useContext(n.HeaderContext);return e.jsxs(r.Box,{ref:x,display:"flex",alignItems:"center",children:[e.jsxs(a,{onClick:u,children:[e.jsx(l,{className:"FwlNavigationItem-label",children:s}),e.jsx(d,{className:p?"chevron-up":"chevron-down"})]}),e.jsx(r.Popper,{open:p,anchorEl:null==m?void 0:m.current,transition:!0,children:({TransitionProps:t})=>e.jsx(r.ClickAwayListener,{onClickAway:h,children:e.jsx(r.Fade,Object.assign({},t,{timeout:350,children:e.jsx(r.Container,{sx:{width:`${b}px`,background:e=>"dark"===g?e.palette.onSurface.os900:e.palette.common.white,color:e=>"dark"===g?e.palette.common.white:e.palette.text.primary,padding:"48px 0 40px 0"},children:c})}))})})]})};
+//# sourceMappingURL=HeaderNavigationHero.js.map

package/cjs/layout/Header/HeaderNavigationHero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderNavigationHero.js","sources":["../../../../src/layout/Header/HeaderNavigationHero.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, ClickAwayListener, Container, Fade, Popper, styled } from '@mui/material';\nimport { useContext, useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { useClosure } from '../../utils';\nimport { HeaderContext } from './HeaderContext';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationHero(props) {\n    const { label, heroElement } = props;\n    const { isOpen, onToggle, onClose } = useClosure();\n    const anchor = useRef(null);\n    const { headerRef, color, headerWidth } = useContext(HeaderContext);\n    return (_jsxs(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: [_jsxs(ItemButton, { onClick: onToggle, children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label }), _jsx(ItemIcon, { className: isOpen ? 'chevron-up' : 'chevron-down' })] }), _jsx(Popper, { open: isOpen, anchorEl: headerRef === null || headerRef === void 0 ? void 0 : headerRef.current, transition: true, children: ({ TransitionProps }) => (_jsx(ClickAwayListener, { onClickAway: onClose, children: _jsx(Fade, Object.assign({}, TransitionProps, { timeout: 350, children: _jsx(Container, { sx: {\n                                width: `${headerWidth}px`,\n                                background: (theme) => color === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n                                color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n                                padding: '48px 0 40px 0',\n                            }, children: heroElement }) })) })) })] }));\n}\nconst ItemButton = styled(Button)(() => ({\n    paddingLeft: 6,\n    paddingRight: 6,\n    '&:hover .FwlNavigationItem-label': {\n        borderBottomColor: 'currentColor',\n    },\n    appearance: 'inherit',\n    border: 'inherit',\n    background: 'inherit',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', lineHeight: '24px', fontWeight: '400 !important', fontSize: 16, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n    width: '15px',\n    height: '15px',\n    marginLeft: '5px',\n    lineHeight: '5px',\n    '&::before': {\n        fontSize: '16px',\n    },\n}));\n//# sourceMappingURL=HeaderNavigationHero.js.map"],"names":["ItemButton","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","display","alignItems","color","ItemLabel","Box","theme","Object","assign","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","transition","ItemIcon","Icon","width","height","marginLeft","props","label","heroElement","isOpen","onToggle","onClose","useClosure","anchor","useRef","headerRef","headerWidth","useContext","HeaderContext","_jsxs","ref","children","onClick","_jsx","className","Popper","open","anchorEl","current","TransitionProps","jsx","ClickAwayListener","onClickAway","Fade","timeout","Container","sx","palette","onSurface","os900","common","white","text","primary","padding"],"mappings":"qRAmBA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,QAAS,OACTC,WAAY,SACZC,MAAO,cAELC,EAAYZ,EAAMA,OAACa,MAAPb,EAAY,EAAGc,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEP,MAAO,UAAWQ,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAInB,YAAa,EAAGC,aAAc,EAAGmB,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAChTC,EAAW1B,EAAAA,OAAO2B,EAAIA,KAAX3B,EAAa,KAAO,CACjC4B,MAAO,OACPC,OAAQ,OACRC,WAAY,MACZX,WAAY,MACZ,YAAa,CACTE,SAAU,yCAjCX,SAA8BU,GACjC,MAAMC,MAAEA,EAAKC,YAAEA,GAAgBF,GACzBG,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,EAAUA,aAC1CC,EAASC,SAAO,OAChBC,UAAEA,EAAS7B,MAAEA,EAAK8B,YAAEA,GAAgBC,EAAAA,WAAWC,EAAAA,eACrD,OAAQC,EAAAA,KAAM/B,EAAAA,IAAK,CAAEgC,IAAKP,EAAQ7B,QAAS,OAAQC,WAAY,SAAUoC,SAAU,CAACF,EAAAA,KAAM7C,EAAY,CAAEgD,QAASZ,EAAUW,SAAU,CAACE,EAAAA,IAAKpC,EAAW,CAAEqC,UAAW,0BAA2BH,SAAUd,IAAUgB,EAAAA,IAAKtB,EAAU,CAAEuB,UAAWf,EAAS,aAAe,oBAAuBc,EAAAA,IAAKE,EAAMA,OAAE,CAAEC,KAAMjB,EAAQkB,SAAUZ,aAA6C,EAASA,EAAUa,QAAS5B,YAAY,EAAMqB,SAAU,EAAGQ,qBAAuBN,EAAIO,IAACC,EAAiBA,kBAAE,CAAEC,YAAarB,EAASU,SAAUE,EAAIO,IAACG,EAAIA,KAAE3C,OAAOC,OAAO,CAAA,EAAIsC,EAAiB,CAAEK,QAAS,IAAKb,SAAUE,EAAAA,IAAKY,EAAAA,UAAW,CAAEC,GAAI,CAC/jBjC,MAAO,GAAGa,MACVlC,WAAaO,GAAoB,SAAVH,EAAmBG,EAAMgD,QAAQC,UAAUC,MAAQlD,EAAMgD,QAAQG,OAAOC,MAC/FvD,MAAQG,GAAqB,SAAVH,EAAmBG,EAAMgD,QAAQG,OAAOC,MAAQpD,EAAMgD,QAAQK,KAAKC,QACtFC,QAAS,iBACVvB,SAAUb,aACzC"}

package/cjs/layout/Header/HeaderNavigationLink.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { OverrideProps } from '@mui/material/OverridableComponent';
+export interface HeaderNavigationLinkTypeMap<P = unknown, C extends React.ElementType = 'a'> {
+    props: P & {
+        label: string;
+        href?: string;
+        onClick?: () => void;
+        external?: boolean;
+    };
+    defaultComponent: C;
+}
+export type HeaderNavigationLinkItemProps<C extends React.ElementType, P = unknown> = OverrideProps<HeaderNavigationLinkTypeMap<P, C>, C> & {
+    component?: C;
+};
+export declare function HeaderNavigationLink<C extends React.ElementType = 'a'>(props: HeaderNavigationLinkItemProps<C>): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Header/HeaderNavigationLink.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@mui/material"),t=require("react"),n=require("../../components/icon/icon.js"),o=require("@mui/base");const a=i.styled(o.Button)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),l=i.styled(i.Box)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",lineHeight:"24px",fontWeight:"400 !important",fontSize:16,paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),s=i.styled(n.Icon)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));exports.HeaderNavigationLink=function(n){const{label:o,onClick:c,external:d}=n,p=e.__rest(n,["label","onClick","external"]),g=t.useRef(null);return r.jsx(i.Box,{ref:g,display:"flex",alignItems:"center",children:r.jsxs(a,Object.assign({onClick:c},p,{children:[r.jsx(l,{className:"FwlNavigationItem-label",children:o}),d&&r.jsx(s,{className:"arrow-ne"})]}))})};
+//# sourceMappingURL=HeaderNavigationLink.js.map

package/cjs/layout/Header/HeaderNavigationLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderNavigationLink.js","sources":["../../../../src/layout/Header/HeaderNavigationLink.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, styled } from '@mui/material';\nimport { useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationLink(props) {\n    const { label, onClick, external } = props, rest = __rest(props, [\"label\", \"onClick\", \"external\"]);\n    const anchor = useRef(null);\n    return (_jsx(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: _jsxs(ItemButton, Object.assign({ onClick: onClick }, rest, { children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label }), external && _jsx(ItemIcon, { className: \"arrow-ne\" })] })) }));\n}\nconst ItemButton = styled(Button)(() => ({\n    paddingLeft: 6,\n    paddingRight: 6,\n    '&:hover .FwlNavigationItem-label': {\n        borderBottomColor: 'currentColor',\n    },\n    appearance: 'inherit',\n    border: 'inherit',\n    background: 'inherit',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', lineHeight: '24px', fontWeight: '400 !important', fontSize: 16, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n    width: '15px',\n    height: '15px',\n    marginLeft: '5px',\n    lineHeight: '5px',\n    '&::before': {\n        fontSize: '16px',\n    },\n}));\n//# sourceMappingURL=HeaderNavigationLink.js.map"],"names":["ItemButton","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","display","alignItems","color","ItemLabel","Box","theme","Object","assign","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","transition","ItemIcon","Icon","width","height","marginLeft","props","label","onClick","external","rest","__rest","anchor","useRef","_jsx","ref","children","_jsxs","jsx","className"],"mappings":"mLAWA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,QAAS,OACTC,WAAY,SACZC,MAAO,cAELC,EAAYZ,EAAMA,OAACa,MAAPb,EAAY,EAAGc,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEP,MAAO,UAAWQ,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAInB,YAAa,EAAGC,aAAc,EAAGmB,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAChTC,EAAW1B,EAAAA,OAAO2B,EAAIA,KAAX3B,EAAa,KAAO,CACjC4B,MAAO,OACPC,OAAQ,OACRC,WAAY,MACZX,WAAY,MACZ,YAAa,CACTE,SAAU,yCA1BX,SAA8BU,GACjC,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAaH,EAAOI,EAAOC,EAAMA,OAACL,EAAO,CAAC,QAAS,UAAW,aAChFM,EAASC,SAAO,MACtB,OAAQC,EAAAA,IAAK1B,EAAAA,IAAK,CAAE2B,IAAKH,EAAQ5B,QAAS,OAAQC,WAAY,SAAU+B,SAAUC,EAAAA,KAAM3C,EAAYgB,OAAOC,OAAO,CAAEiB,QAASA,GAAWE,EAAM,CAAEM,SAAU,CAACF,EAAII,IAAC/B,EAAW,CAAEgC,UAAW,0BAA2BH,SAAUT,IAAUE,GAAYK,MAAKb,EAAU,CAAEkB,UAAW,kBACnR"}

package/cjs/layout/Header/HeaderNavigationMenu.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type HeaderNavigationMenuProps = {
+    menuItems: React.ReactNode;
+    label: string;
+};
+export declare function HeaderNavigationMenu(props: HeaderNavigationMenuProps): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Header/HeaderNavigationMenu.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("react"),o=require("../../components/icon/icon.js");require("../../utils/enum.js");var n=require("../../utils/useClosure/useClosure.js"),t=require("@mui/base");const s=r.styled(t.Button)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),a=r.styled(r.Box)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",lineHeight:"24px",fontWeight:"400 !important",fontSize:16,paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),l=r.styled(o.Icon)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));exports.HeaderNavigationMenu=function(o){const{label:t,menuItems:c}=o,{isOpen:p,onOpen:u,onClose:d}=n.useClosure(),h=i.useRef(null);return e.jsxs(r.Box,{ref:h,display:"flex",alignItems:"center",children:[e.jsxs(s,{onClick:u,children:[e.jsx(a,{className:"FwlNavigationItem-label",children:t}),e.jsx(l,{className:p?"chevron-up":"chevron-down"})]}),e.jsx(r.Menu,{anchorEl:h.current,open:p,onClose:d,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{marginTop:1}},componentsProps:{backdrop:{className:"MuiBackdrop-transparent"}},children:e.jsx("div",{children:c})})]})};
+//# sourceMappingURL=HeaderNavigationMenu.js.map

package/cjs/layout/Header/HeaderNavigationMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderNavigationMenu.js","sources":["../../../../src/layout/Header/HeaderNavigationMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Menu, styled } from '@mui/material';\nimport { useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { useClosure } from '../../utils';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationMenu(props) {\n    const { label, menuItems } = props;\n    const { isOpen, onOpen, onClose } = useClosure();\n    const anchor = useRef(null);\n    return (_jsxs(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: [_jsxs(ItemButton, { onClick: onOpen, children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label }), _jsx(ItemIcon, { className: isOpen ? 'chevron-up' : 'chevron-down' })] }), _jsx(Menu, { anchorEl: anchor.current, open: isOpen, onClose: onClose, anchorOrigin: {\n                    vertical: 'bottom',\n                    horizontal: 'right',\n                }, transformOrigin: {\n                    vertical: 'top',\n                    horizontal: 'right',\n                }, PaperProps: {\n                    sx: {\n                        marginTop: 1,\n                    },\n                }, componentsProps: {\n                    backdrop: {\n                        className: 'MuiBackdrop-transparent',\n                    },\n                }, children: _jsx(\"div\", { children: menuItems }) })] }));\n}\nconst ItemButton = styled(Button)(() => ({\n    paddingLeft: 6,\n    paddingRight: 6,\n    '&:hover .FwlNavigationItem-label': {\n        borderBottomColor: 'currentColor',\n    },\n    appearance: 'inherit',\n    border: 'inherit',\n    background: 'inherit',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', lineHeight: '24px', fontWeight: '400 !important', fontSize: 16, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n    width: '15px',\n    height: '15px',\n    marginLeft: '5px',\n    lineHeight: '5px',\n    '&::before': {\n        fontSize: '16px',\n    },\n}));\n//# sourceMappingURL=HeaderNavigationMenu.js.map"],"names":["ItemButton","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","display","alignItems","color","ItemLabel","Box","theme","Object","assign","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","transition","ItemIcon","Icon","width","height","marginLeft","props","label","menuItems","isOpen","onOpen","onClose","useClosure","anchor","useRef","_jsxs","jsxs","ref","children","onClick","_jsx","className","Menu","anchorEl","current","open","anchorOrigin","vertical","horizontal","transformOrigin","PaperProps","sx","marginTop","componentsProps","backdrop"],"mappings":"qPA0BA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,QAAS,OACTC,WAAY,SACZC,MAAO,cAELC,EAAYZ,EAAMA,OAACa,MAAPb,EAAY,EAAGc,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEP,MAAO,UAAWQ,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAInB,YAAa,EAAGC,aAAc,EAAGmB,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAChTC,EAAW1B,EAAAA,OAAO2B,EAAIA,KAAX3B,EAAa,KAAO,CACjC4B,MAAO,OACPC,OAAQ,OACRC,WAAY,MACZX,WAAY,MACZ,YAAa,CACTE,SAAU,yCAzCX,SAA8BU,GACjC,MAAMC,MAAEA,EAAKC,UAAEA,GAAcF,GACvBG,OAAEA,EAAMC,OAAEA,EAAMC,QAAEA,GAAYC,EAAUA,aACxCC,EAASC,SAAO,MACtB,OAAQC,EAAKC,KAAC5B,MAAK,CAAE6B,IAAKJ,EAAQ7B,QAAS,OAAQC,WAAY,SAAUiC,SAAU,CAACH,EAAAA,KAAMzC,EAAY,CAAE6C,QAAST,EAAQQ,SAAU,CAACE,EAAAA,IAAKjC,EAAW,CAAEkC,UAAW,0BAA2BH,SAAUX,IAAUa,MAAKnB,EAAU,CAAEoB,UAAWZ,EAAS,aAAe,oBAAuBW,EAAAA,IAAKE,EAAIA,KAAE,CAAEC,SAAUV,EAAOW,QAASC,KAAMhB,EAAQE,QAASA,EAASe,aAAc,CAChWC,SAAU,SACVC,WAAY,SACbC,gBAAiB,CAChBF,SAAU,MACVC,WAAY,SACbE,WAAY,CACXC,GAAI,CACAC,UAAW,IAEhBC,gBAAiB,CAChBC,SAAU,CACNb,UAAW,4BAEhBH,SAAUE,MAAK,MAAO,CAAEF,SAAUV,QACrD"}

package/cjs/layout/Header/HeaderOverheadItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderOverheadItem.js","sources":["../../../../../src/layout/Header/HeaderOverheadItem.tsx"],"sourcesContent":[null],"names":["ItemButton","styled","Button","theme","padding","height","fontWeight","fontSize","lineHeight","borderBottomColor","appearance","border","background","cursor","color","palette","text","primary","display","alignItems","props","active","label","rest","__rest","_jsx","jsx","Object","assign","component","sx","children"],"mappings":"qHAqCA,MAAMA,EAAaC,EAAAA,OAAOC,EAAAA,OAAPD,EAAe,EAAGE,YAAa,CAChDC,QAAS,SACTC,OAAQ,OACRC,WAAY,IACZC,SAAU,OACVC,WAAY,OACZ,mCAAoC,CAClCC,kBAAmB,gBAErBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,MAAOX,EAAMY,QAAQC,KAAKC,QAC1BC,QAAS,OACTC,WAAY,wCAhCR,SAAqEC,GACzE,MAAMC,OAAEA,EAAMC,MAAEA,GAAmBF,EAATG,EAASC,EAAAA,OAAAJ,EAA7B,CAAA,SAAA,UAEN,OACEK,EAACC,IAAA1B,EACC2B,OAAAC,OAAA,CAAAC,UAAU,KACNN,EACJ,CAAAO,GAAI,CACFlB,WAAYS,EAAS,2BAA6B,cAClDP,MAAOO,EAAS,sBAAwB,WAGzCU,SAAAT,IAGP"}
+{"version":3,"file":"HeaderOverheadItem.js","sources":["../../../../src/layout/Header/HeaderOverheadItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { styled } from '@mui/material';\nimport { Button } from '@mui/base';\nexport function HeaderOverheadItem(props) {\n    const { active, label } = props, rest = __rest(props, [\"active\", \"label\"]);\n    return (_jsx(ItemButton, Object.assign({ component: \"a\" }, rest, { sx: {\n            background: active ? 'var(--active-background)' : 'transparent',\n            color: active ? 'var(--active-color)' : 'inherit',\n        }, children: label })));\n}\nconst ItemButton = styled(Button)(({ theme }) => ({\n    padding: '0 55px',\n    height: '32px',\n    fontWeight: 700,\n    fontSize: '16px',\n    lineHeight: '21px',\n    '&:hover .FwlNavigationItem-label': {\n        borderBottomColor: 'currentColor',\n    },\n    appearance: 'inherit',\n    border: 'inherit',\n    background: 'inherit',\n    cursor: 'pointer',\n    color: theme.palette.text.primary,\n    display: 'flex',\n    alignItems: 'center',\n}));\n//# sourceMappingURL=HeaderOverheadItem.js.map"],"names":["ItemButton","styled","Button","theme","padding","height","fontWeight","fontSize","lineHeight","borderBottomColor","appearance","border","background","cursor","color","palette","text","primary","display","alignItems","props","active","label","rest","__rest","_jsx","jsx","Object","assign","component","sx","children"],"mappings":"qHAWA,MAAMA,EAAaC,EAAAA,OAAOC,EAAAA,OAAPD,EAAe,EAAGE,YAAa,CAC9CC,QAAS,SACTC,OAAQ,OACRC,WAAY,IACZC,SAAU,OACVC,WAAY,OACZ,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,MAAOX,EAAMY,QAAQC,KAAKC,QAC1BC,QAAS,OACTC,WAAY,wCAtBT,SAA4BC,GAC/B,MAAMC,OAAEA,EAAMC,MAAEA,GAAUF,EAAOG,EAAOC,EAAMA,OAACJ,EAAO,CAAC,SAAU,UACjE,OAAQK,EAAIC,IAAC1B,EAAY2B,OAAOC,OAAO,CAAEC,UAAW,KAAON,EAAM,CAAEO,GAAI,CAC/DlB,WAAYS,EAAS,2BAA6B,cAClDP,MAAOO,EAAS,sBAAwB,WACzCU,SAAUT,IACrB"}

package/cjs/layout/Header/HeaderSkodaLogo.d.ts

@@ -2,4 +2,5 @@ import { LinkProps } from '@mui/material';
 export type HeaderSkodaLogoProps = LinkProps & {
     alt?: string;
 };
+/** @deprecated use generic `Logo` component instead */
 export declare function HeaderSkodaLogo(props: HeaderSkodaLogoProps): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Header/HeaderSkodaLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSkodaLogo.js","sources":["../../../../../src/layout/Header/HeaderSkodaLogo.tsx"],"sourcesContent":[null],"names":["props","rest","__rest","_jsx","Link","Object","assign","sx","padding","display","children","width","height","viewBox","fill","xmlns","d"],"mappings":"sHAKM,SAA0BA,GACxB,MAAUC,EAAIC,EAAAA,OAAKF,EAAnB,CAAgB,QACtB,OACEG,EAAAA,IAACC,EAAAA,KAAIC,OAAAC,OAAA,GAAKL,EAAM,CAAAM,GAAI,CAAEC,QAAS,EAAGC,QAAS,WAAWC,SACpDP,EAAAA,WAAKQ,MAAM,MAAMC,OAAO,KAAKC,QAAQ,aAAaC,KAAK,UAAUC,MAAM,6BAA4BL,SACjGP,EAAAA,YACEa,EAAE,u2CACFF,KAAK,gBAKf"}
+{"version":3,"file":"HeaderSkodaLogo.js","sources":["../../../../src/layout/Header/HeaderSkodaLogo.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Link } from '@mui/material';\n/** @deprecated use generic `Logo` component instead */\nexport function HeaderSkodaLogo(props) {\n    const { alt } = props, rest = __rest(props, [\"alt\"]);\n    return (_jsx(Link, Object.assign({}, rest, { sx: { padding: 2, display: 'inherit' }, children: _jsx(\"svg\", { width: \"120\", height: \"16\", viewBox: \"0 0 120 16\", fill: \"inherit\", xmlns: \"http://www.w3.org/2000/svg\", children: _jsx(\"path\", { d: \"M0 16L2.22307 12.6125H15.1169C15.8473 12.6125 16.3237 12.1587 16.3237 11.4631V9.49713H5.24009C1.93724 9.49713 0.4764 8.10585 0.4764 5.02078V3.68997C0.4764 1.3913 1.90549 0 4.16032 0H4.41438V4.96029C4.41438 5.65595 4.89078 6.10964 5.6212 6.10964H16.3554C18.8008 6.10964 20.2617 7.50094 20.2617 9.76936V11.5236C20.2617 14.5179 18.7055 16 15.498 16L0 16ZM77.2654 12.552H87.2374C88.8889 12.552 89.9369 11.5841 89.9369 10.0718V5.92816C89.9369 4.41587 88.8889 3.44801 87.2374 3.44801H77.2654V12.552ZM73.2639 16V0H87.3328C91.5248 0 93.9385 2.29867 93.9385 6.10964V9.89034C93.9385 13.7013 91.5248 16 87.3328 16H73.2639ZM53.872 12.552H62.288C63.8123 12.552 64.7968 11.6446 64.7968 10.2231V5.77693C64.7968 4.35538 63.8123 3.44801 62.288 3.44801H53.872C52.3477 3.44801 51.3632 4.35538 51.3632 5.77693V10.223C51.3632 11.6446 52.3477 12.552 53.872 12.552ZM62.3832 16H53.7768C49.7118 16 47.3616 13.7618 47.3616 10.0416V5.9584C47.3616 2.23818 49.7117 0 53.7768 0H62.3832C66.4482 0 68.7984 2.23818 68.7984 5.9584V10.0416C68.7984 13.7618 66.4483 16 62.3832 16ZM95.578 16L105.01 0H110.568L120 16H115.427L113.807 13.2476H105.772L103.613 9.98108L100.056 16H95.578ZM103.708 9.79961H111.775L107.741 2.99428L103.708 9.79961ZM8.3524 3.32702L6.06581 0H19.8806L17.6575 3.32702H8.3524ZM24.6649 16V0H28.6665V6.23062H33.9701L40.8616 0H46.1652L37.4 7.95462L46.324 16H40.7028L33.8113 9.67863H28.6665V16H24.6649Z\", fill: \"inherit\" }) }) })));\n}\n//# sourceMappingURL=HeaderSkodaLogo.js.map"],"names":["props","rest","__rest","_jsx","Link","Object","assign","sx","padding","display","children","width","height","viewBox","fill","xmlns","d"],"mappings":"sHAIO,SAAyBA,GACvB,MAAkBC,EAAOC,EAAMA,OAACF,EAAO,CAAC,QAC7C,OAAQG,EAAAA,IAAKC,EAAAA,KAAMC,OAAOC,OAAO,GAAIL,EAAM,CAAEM,GAAI,CAAEC,QAAS,EAAGC,QAAS,WAAaC,SAAUP,EAAAA,IAAK,MAAO,CAAEQ,MAAO,MAAOC,OAAQ,KAAMC,QAAS,aAAcC,KAAM,UAAWC,MAAO,6BAA8BL,SAAUP,EAAAA,IAAK,OAAQ,CAAEa,EAAG,u2CAAw2CF,KAAM,gBACpmD"}

package/cjs/layout/Header/PredefinedHeaderButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"PredefinedHeaderButtons.js","sources":["../../../../../src/layout/Header/PredefinedHeaderButtons.tsx"],"sourcesContent":[null],"names":["createPredefinedHeaderButton","defaultIcon","defaultLabeL","forwardRef","props","ref","_jsx","HeaderButton","Object","assign","icon","label","_a","HeaderBellButton","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"kGAQA,MAAMA,EAA+B,CAACC,EAAqBC,IAQlDC,EAAAA,YAPP,SACEC,EACAC,SAEA,OAAOC,MAACC,EAAAA,aAAiBC,OAAAC,OAAA,CAAA,EAAAL,GAAOC,IAAKA,EAAKK,KAAMT,EAAaU,MAAkB,QAAXC,EAAAR,EAAMO,aAAK,IAAAC,EAAAA,EAAIV,IACpF,IAKUW,EAAmBb,EAA6B,OAAQ,iBACxDc,EAAqBd,EAA6B,SAAU,UAC5De,EAAsBf,EAA6B,OAAQ,gBAC3DgB,EAAoBhB,EAA6B,QAAS,aAC1DiB,EAAmBjB,EAA6B,WAAY,gBAC5DkB,EAAuBlB,EAA6B,QAAS,YAC7DmB,EAAoBnB,EAA6B,QAAS,UAC1DoB,EAAqBpB,EAA6B,SAAU,WAC5DqB,EAAoBrB,EAA6B,UAAW,SAC5DsB,EAAkBtB,EAA6B,kBAAmB,OAClEuB,EAAmBvB,EAA6B,OAAQ"}
+{"version":3,"file":"PredefinedHeaderButtons.js","sources":["../../../../src/layout/Header/PredefinedHeaderButtons.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { HeaderButton } from './HeaderButton';\nconst createPredefinedHeaderButton = (defaultIcon, defaultLabeL) => {\n    function HeaderButtonBase(props, ref) {\n        var _a;\n        return _jsx(HeaderButton, Object.assign({}, props, { ref: ref, icon: defaultIcon, label: (_a = props.label) !== null && _a !== void 0 ? _a : defaultLabeL }));\n    }\n    return forwardRef(HeaderButtonBase);\n};\nexport const HeaderBellButton = createPredefinedHeaderButton('bell', 'Notifications');\nexport const HeaderSearchButton = createPredefinedHeaderButton('search', 'Search');\nexport const HeaderProfileButton = createPredefinedHeaderButton('user', 'User Profile');\nexport const HeaderHeartButton = createPredefinedHeaderButton('heart', 'Wish List');\nexport const HeaderCartButton = createPredefinedHeaderButton('shopping', 'ShoppingCart');\nexport const HeaderLanguageButton = createPredefinedHeaderButton('globe', 'Language');\nexport const HeaderLoginButton = createPredefinedHeaderButton('login', 'Log In');\nexport const HeaderLogoutButton = createPredefinedHeaderButton('logout', 'Log Out');\nexport const HeaderCloseButton = createPredefinedHeaderButton('ballotx', 'Close');\nexport const HeaderFaqButton = createPredefinedHeaderButton('circle-question', 'FAQ');\nexport const HeaderMenuButton = createPredefinedHeaderButton('menu', 'Menu');\n//# sourceMappingURL=PredefinedHeaderButtons.js.map"],"names":["createPredefinedHeaderButton","defaultIcon","defaultLabeL","forwardRef","props","ref","_a","_jsx","HeaderButton","Object","assign","icon","label","HeaderBellButton","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"kGAGA,MAAMA,EAA+B,CAACC,EAAaC,IAKxCC,EAAAA,YAJP,SAA0BC,EAAOC,GAC7B,IAAIC,EACJ,OAAOC,MAAKC,EAAAA,aAAcC,OAAOC,OAAO,CAAA,EAAIN,EAAO,CAAEC,IAAKA,EAAKM,KAAMV,EAAaW,MAA8B,QAAtBN,EAAKF,EAAMQ,aAA0B,IAAPN,EAAgBA,EAAKJ,IAChJ,IAGQW,EAAmBb,EAA6B,OAAQ,iBACxDc,EAAqBd,EAA6B,SAAU,UAC5De,EAAsBf,EAA6B,OAAQ,gBAC3DgB,EAAoBhB,EAA6B,QAAS,aAC1DiB,EAAmBjB,EAA6B,WAAY,gBAC5DkB,EAAuBlB,EAA6B,QAAS,YAC7DmB,EAAoBnB,EAA6B,QAAS,UAC1DoB,EAAqBpB,EAA6B,SAAU,WAC5DqB,EAAoBrB,EAA6B,UAAW,SAC5DsB,EAAkBtB,EAA6B,kBAAmB,OAClEuB,EAAmBvB,EAA6B,OAAQ"}

package/cjs/layout/Header/index.d.ts

@@ -1,7 +1,9 @@
 export * from './Header';
 export * from './HeaderButton';
 export * from './HeaderLogo';
-export * from './HeaderNavigationItem';
+export * from './HeaderNavigationHero';
+export * from './HeaderNavigationLink';
+export * from './HeaderNavigationMenu';
 export * from './HeaderSkodaLogo';
 export * from './PredefinedHeaderButtons';
 export * from './HeaderOverheadItem';

package/cjs/layout/PageLayout/PageLayout.d.ts

@@ -1,16 +1,37 @@
 import React from 'react';
 export type PageLayoutProps = {
-    /** Content of an page */
+    /**
+     * Content of an page
+     * @requires
+     */
     children: React.ReactNode;
-    /** React node that renders layout header */
+    /**
+     * React node that renders layout header
+     * @default undefined
+     */
     header?: React.ReactNode;
-    /** React node that renders layout footer */
+    /**
+     * React node that renders layout footer
+     * @default undefined
+     */
     footer?: React.ReactNode;
-    /** Specifies position of header */
+    /**
+     * Specifies position of header
+     * - static: header is fixed on top of the content
+     * - fixed: header is visible while user scrolls the content
+     * - slide: header is visible until user scrolls down beyond `headerSlideThreshold`, header will reappear when user scrolls up
+     * @default static
+     */
     headerPosition?: 'static' | 'fixed' | 'slide';
-    /** Specifies threshold that is used to hide header */
+    /**
+     * Specifies threshold that is used to hide header
+     * @default 250
+     */
     headerSlideThreshold?: number;
-    /** Specifies if content should be automatically wrapped into container component */
+    /**
+     * Specifies if content should be automatically wrapped into container component
+     * @default false
+     */
     wrapContent?: boolean;
 };
 export declare const PageLayout: React.FC<PageLayoutProps>;

package/cjs/layout/PageLayout/PageLayout.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("react");require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/banner/banner.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js");var s=require("../../components/container/container.js");require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("tslib"),require("@mui/material/Grid"),require("../../components/icon/icon.js"),require("../../components/indicator/indicator.js"),require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("../../components/mobileStepper/mobileStepper.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/tab/tab.js"),require("../../components/tab/tabs.js"),require("../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("lodash/noop"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/agGrid/agGrid.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("../../organisms/gallery/Gallery.js"),require("../../organisms/gallery/GalleryItem.js"),require("@mui/material/styles"),require("../../design/skoda/palette.theme.js"),require("../../design/skoda/components/tabs/tabs.theme.js"),require("../../design/skoda/components/autocomplete.theme.js"),require("../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../design/skoda/theme.breakpoints.js"),require("../../design/skoda/theme.constants.js"),require("../../design/skoda/components/divider.theme.js"),require("../../design/skoda/components/drawer.theme.js"),require("../../design/skoda/components/icon.theme.js"),require("../../design/skoda/components/mobileStepper.theme.js"),require("../../design/skoda/components/modal.theme.js"),require("../../design/skoda/components/pagination.theme.js"),require("../../design/skoda/components/slider.theme.js"),require("../../design/skoda/components/snackbar.theme.js"),require("../../design/skoda/components/tooltip.theme.js"),require("../../design/skoda/components/accordion/accordionSummary.theme.js"),require("react-use"),require("../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../utils/enum.js"),require("../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../organisms/maps/utils/mapIcons.js"),require("../../organisms/maps/mapComponents/mapStyled.js"),require("../../organisms/shortcutLink/shortcutLink.js"),require("../../organisms/textCta/textCta.js"),require("../../organisms/tile/tile.js"),require("lodash/merge"),require("../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../organisms/notification/Notification.js"),require("../../organisms/notification/NotificationCenter.js"),require("../Header/HeaderButton.js"),require("../Header/HeaderNavigationItem.js"),require("../Header/PredefinedHeaderButtons.js"),require("../Header/HeaderOverheadItem.js"),require("../SideMenu/SideMenuItem.js"),require("../Footer/FooterNavItem.js"),require("../SecondaryNavigation/SecondaryNavigationCta.js"),require("../SecondaryNavigation/SecondaryNavigationItem.js"),require("../../production/Button.js");exports.PageLayout=i=>{const{children:n,header:t,footer:a,headerPosition:u="static",headerSlideThreshold:c=250,wrapContent:m=!1}=i,d=o.useRef(null),[l,p]=o.useState(0);o.useEffect((()=>{d.current&&p(d.current.getBoundingClientRect().height)}),[d.current]);const q=r.useScrollTrigger({target:window,threshold:c});return e.jsxs(r.Box,{sx:{position:"relative",minHeight:"100vh",minWidth:"300px",display:"flex",flexDirection:"column",background:e=>e.palette.surface.primary},"data-testid":"PageLayout",children:[t&&e.jsxs(e.Fragment,{children:[e.jsx(r.Box,{ref:d,sx:{position:"static"===u?"static":"fixed",top:0,left:0,right:0},component:"slide"===u?r.Slide:void 0,appear:"slide"!==u&&void 0,direction:"slide"===u?"down":void 0,in:"slide"===u?!q:void 0,children:e.jsx(r.Box,{"data-testid":"PageLayout.header",children:t})}),"static"!==u&&e.jsx(r.Box,{sx:{height:l}})]}),e.jsx(r.Box,{sx:{flexGrow:1},component:m?s.Container:void 0,"data-testid":"Container",children:n}),a&&e.jsx(r.Box,{"data-testid":"PageLayout.footer",children:a})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("react");exports.PageLayout=r=>{const{children:o,header:a,footer:s,headerPosition:n="static",headerSlideThreshold:d=250,wrapContent:c=!1}=r,l=i.useRef(null),[x,h]=i.useState(0);i.useEffect((()=>{l.current&&h(l.current.getBoundingClientRect().height)}),[l.current]);const u=t.useScrollTrigger({target:window,threshold:d});return e.jsxs(t.Box,{sx:{position:"relative",minHeight:"100vh",minWidth:"300px",display:"flex",flexDirection:"column",background:e=>e.palette.surface.primary},"data-testid":"PageLayout",children:[a&&e.jsxs(e.Fragment,{children:[e.jsx(t.Box,{ref:l,sx:{position:"static"===n?"static":"fixed",top:0,left:0,right:0},component:"slide"===n?t.Slide:void 0,appear:"slide"!==n&&void 0,direction:"slide"===n?"down":void 0,in:"slide"===n?!u:void 0,children:e.jsx(t.Box,{"data-testid":"PageLayout.header",children:a})}),"static"!==n&&e.jsx(t.Box,{sx:{height:x}})]}),e.jsx(t.Box,{sx:{flexGrow:1},component:c?t.Container:void 0,"data-testid":"Container",children:o}),s&&e.jsx(t.Box,{"data-testid":"PageLayout.footer",children:s})]})};
 //# sourceMappingURL=PageLayout.js.map

package/cjs/layout/PageLayout/PageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","sources":["../../../../../src/layout/PageLayout/PageLayout.tsx"],"sourcesContent":[null],"names":["props","children","header","footer","headerPosition","headerSlideThreshold","wrapContent","headerContainerRef","useRef","headerHeight","setHeaderHeight","useState","useEffect","current","getBoundingClientRect","height","trigger","useScrollTrigger","target","window","threshold","_jsxs","jsxs","Box","sx","position","minHeight","minWidth","display","flexDirection","background","theme","palette","surface","primary","_Fragment","Fragment","_jsx","jsx","ref","top","left","right","component","Slide","undefined","appear","direction","in","flexGrow","Container"],"mappings":"28KAmBsDA,IACpD,MAAMC,SACJA,EAAQC,OACRA,EAAMC,OACNA,EAAMC,eACNA,EAAiB,SAAQC,qBACzBA,EAAuB,IAAGC,YAC1BA,GAAc,GACZN,EAEEO,EAAqBC,SAAuB,OAC3CC,EAAcC,GAAmBC,EAAQA,SAAS,GAEzDC,EAAAA,WAAU,KACJL,EAAmBM,SACrBH,EAAgBH,EAAmBM,QAAQC,wBAAwBC,OACpE,GACA,CAACR,EAAmBM,UAEvB,MAAMG,EAAUC,EAAAA,iBAAiB,CAC/BC,OAAQC,OACRC,UAAWf,IAGb,OACEgB,EAAAC,KAACC,MAAG,CACFC,GAAI,CACFC,SAAU,WACVC,UAAW,QACXC,SAAU,QACVC,QAAS,OACTC,cAAe,SACfC,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC9C,cACW,aAAYjC,SAAA,CAEvBC,GACCmB,EACEC,KAAAa,EAAAC,SAAA,CAAAnC,SAAA,CAAAoC,EAAAC,IAACf,EAAGA,IAAA,CACFgB,IAAKhC,EACLiB,GAAI,CACFC,SAA6B,WAAnBrB,EAA8B,SAAW,QACnDoC,IAAK,EACLC,KAAM,EACNC,MAAO,GAETC,UAA8B,UAAnBvC,EAA6BwC,EAAKA,WAAGC,EAChDC,OAA2B,UAAnB1C,QAAqCyC,EAC7CE,UAA8B,UAAnB3C,EAA6B,YAASyC,EACjDG,GAAuB,UAAnB5C,GAA8BY,OAAU6B,EAE5C5C,SAAAoC,EAAAA,IAACd,EAAAA,IAAgB,CAAA,cAAA,6BAAqBrB,MAEpB,WAAnBE,GAA+BiC,MAACd,EAAAA,KAAIC,GAAI,CAAET,OAAQN,QAIvD4B,MAACd,MAAG,CACFC,GAAI,CACFyB,SAAU,GAEZN,UAAWrC,EAAc4C,iBAAYL,EAAS,cAClC,YAAW5C,SAEtBA,IAGFE,GAAUkC,MAACd,EAAAA,IAAG,CAAA,cAAa,oBAAmBtB,SAAEE,MAEnD"}
+{"version":3,"file":"PageLayout.js","sources":["../../../../src/layout/PageLayout/PageLayout.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, useScrollTrigger, Slide, Container } from '@mui/material';\nimport { useEffect, useRef, useState } from 'react';\nexport const PageLayout = (props) => {\n    const { children, header, footer, headerPosition = 'static', headerSlideThreshold = 250, wrapContent = false, } = props;\n    const headerContainerRef = useRef(null);\n    const [headerHeight, setHeaderHeight] = useState(0);\n    useEffect(() => {\n        if (headerContainerRef.current) {\n            setHeaderHeight(headerContainerRef.current.getBoundingClientRect().height);\n        }\n    }, [headerContainerRef.current]);\n    const trigger = useScrollTrigger({\n        target: window,\n        threshold: headerSlideThreshold,\n    });\n    return (_jsxs(Box, { sx: {\n            position: 'relative',\n            minHeight: '100vh',\n            minWidth: '300px',\n            display: 'flex',\n            flexDirection: 'column',\n            background: (theme) => theme.palette.surface.primary,\n        }, \"data-testid\": \"PageLayout\", children: [header && (_jsxs(_Fragment, { children: [_jsx(Box, { ref: headerContainerRef, sx: {\n                            position: headerPosition === 'static' ? 'static' : 'fixed',\n                            top: 0,\n                            left: 0,\n                            right: 0,\n                        }, component: headerPosition === 'slide' ? Slide : undefined, appear: headerPosition === 'slide' ? false : undefined, direction: headerPosition === 'slide' ? 'down' : undefined, in: headerPosition === 'slide' ? !trigger : undefined, children: _jsx(Box, { \"data-testid\": \"PageLayout.header\", children: header }) }), headerPosition !== 'static' && _jsx(Box, { sx: { height: headerHeight } })] })), _jsx(Box, { sx: {\n                    flexGrow: 1,\n                }, component: wrapContent ? Container : undefined, \"data-testid\": \"Container\", children: children }), footer && _jsx(Box, { \"data-testid\": \"PageLayout.footer\", children: footer })] }));\n};\n//# sourceMappingURL=PageLayout.js.map"],"names":["props","children","header","footer","headerPosition","headerSlideThreshold","wrapContent","headerContainerRef","useRef","headerHeight","setHeaderHeight","useState","useEffect","current","getBoundingClientRect","height","trigger","useScrollTrigger","target","window","threshold","_jsxs","jsxs","Box","sx","position","minHeight","minWidth","display","flexDirection","background","theme","palette","surface","primary","_Fragment","Fragment","_jsx","jsx","ref","top","left","right","component","Slide","undefined","appear","direction","in","flexGrow","Container"],"mappings":"iHAG2BA,IACvB,MAAMC,SAAEA,EAAQC,OAAEA,EAAMC,OAAEA,EAAMC,eAAEA,EAAiB,SAAQC,qBAAEA,EAAuB,IAAGC,YAAEA,GAAc,GAAWN,EAC5GO,EAAqBC,SAAO,OAC3BC,EAAcC,GAAmBC,EAAQA,SAAC,GACjDC,EAAAA,WAAU,KACFL,EAAmBM,SACnBH,EAAgBH,EAAmBM,QAAQC,wBAAwBC,OACtE,GACF,CAACR,EAAmBM,UACvB,MAAMG,EAAUC,EAAAA,iBAAiB,CAC7BC,OAAQC,OACRC,UAAWf,IAEf,OAAQgB,EAAKC,KAACC,MAAK,CAAEC,GAAI,CACjBC,SAAU,WACVC,UAAW,QACXC,SAAU,QACVC,QAAS,OACTC,cAAe,SACfC,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC9C,cAAe,aAAcjC,SAAU,CAACC,GAAWmB,EAAKC,KAACa,EAASC,SAAE,CAAEnC,SAAU,CAACoC,EAAIC,IAACf,EAAGA,IAAE,CAAEgB,IAAKhC,EAAoBiB,GAAI,CACzGC,SAA6B,WAAnBrB,EAA8B,SAAW,QACnDoC,IAAK,EACLC,KAAM,EACNC,MAAO,GACRC,UAA8B,UAAnBvC,EAA6BwC,EAAKA,WAAGC,EAAWC,OAA2B,UAAnB1C,QAAqCyC,EAAWE,UAA8B,UAAnB3C,EAA6B,YAASyC,EAAWG,GAAuB,UAAnB5C,GAA8BY,OAAU6B,EAAW5C,SAAUoC,EAAAA,IAAKd,EAAAA,IAAK,CAAE,cAAe,oBAAqBtB,SAAUC,MAAiC,WAAnBE,GAA+BiC,MAAKd,EAAAA,IAAK,CAAEC,GAAI,CAAET,OAAQN,QAAwB4B,EAAIC,IAACf,MAAK,CAAEC,GAAI,CAChayB,SAAU,GACXN,UAAWrC,EAAc4C,iBAAYL,EAAW,cAAe,YAAa5C,SAAUA,IAAaE,GAAUkC,MAAKd,EAAAA,IAAK,CAAE,cAAe,oBAAqBtB,SAAUE,MAAe"}

package/cjs/layout/SecondaryNavigation/SecondaryNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigation.js","sources":["../../../../../src/layout/SecondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":[null],"names":["disableScrollbarSx","width","height","display","title","color","cta","navigationItems","inContainer","isLargerThanMd","useMediaQuery","theme","breakpoints","up","windowWidth","useWindowSize","titleRef","useRef","itemsRef","ctaButtonRef","wrapperRef","useEffect","current","widthToSubtract","clientWidth","wrapperWidth","Math","abs","style","_jsx","jsx","Box","sx","background","palette","onSurface","os900","common","white","text","primary","borderBottom","surface","secondary","children","component","Container","padding","_jsxs","ref","justifyContent","xs","md","flexShrink","Typography","variant","minWidth","sm","undefined","marginRight","alignItems","Object","assign","flexGrow","overflow","overflowX","Stack","direction","spacing","marginLeft"],"mappings":"qHAaa,MA6GPA,EAAqB,CACzB,wLACE,CACEC,MAAO,EACPC,OAAQ,EACRC,QAAS,qCAlHwD,EACrEC,QACAC,QACAC,MACAC,kBACAC,kBAEA,MAAMC,EAAiBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,GAAG,SAEpEZ,MAAOa,GAAgBC,EAAaA,gBACtCC,EAAWC,SAAwB,MACnCC,EAAWD,SAAuB,MAClCE,EAAeF,SAAuB,MACtCG,EAAaH,SAAuB,MAsB1C,OApBAI,EAAAA,WAAU,KACR,GAAIH,EAASI,SAAWF,EAAWE,SAAWb,EAAgB,CAC5D,IAAIc,EAAkB,EAElBP,EAASM,UACXC,GAAmBP,EAASM,QAAQE,YACpCD,GAAmB,IAGjBJ,EAAaG,UACfC,GAAmBJ,EAAaG,QAAQE,YACxCD,GAAmB,IAGrB,MAAME,EAAeL,EAAWE,QAAQE,YAClCvB,EAAQyB,KAAKC,IAAIJ,EAAkBE,GACzCP,EAASI,QAAQM,MAAM3B,MAAQ,GAAGA,KACnC,IACA,CAACe,EAASM,QAASJ,EAASI,QAASH,EAAaG,QAASF,EAAWE,QAASR,IAGhFe,EAAAC,IAACC,MAAG,CACFC,GAAI,CACFC,WAAatB,GAAqB,SAAVN,EAAmBM,EAAMuB,QAAQC,UAAUC,MAAQzB,EAAMuB,QAAQG,OAAOC,MAChGjC,MAAQM,GAAqB,SAAVN,EAAmBM,EAAMuB,QAAQG,OAAOC,MAAQ3B,EAAMuB,QAAQK,KAAKC,QACtFC,aAAe9B,GAAU,aAAaA,EAAMuB,QAAQQ,QAAQC,aAC7D,cACW,sBAAqBC,SAEjCf,EAACC,IAAAC,MACC,CAAAc,UAAWrC,GAAesC,EAASA,UACnCd,GAAI,CACF9B,OAAQ,OACR6C,SAAUvC,GAAe,UAEf,cAAA,8BAEZoC,SAAAI,EAAAA,KAACjB,EAAAA,IAAG,CACFkB,IAAK7B,EACLY,GAAI,CACF7B,QAAS,OACT+C,eAAgB,gBAChBhD,OAAQ,CAAEiD,GAAI,OAAQC,GAAI,SAG5BR,SAAA,CAAAI,EAAAA,KAACjB,EAAGA,IAAA,CAACC,GAAI,CAAE7B,QAAS,OAAQkD,WAAY,GAAGT,SAAA,CACzCf,EAACC,IAAAwB,aACC,CAAAL,IAAKjC,EACLuC,QAAQ,cACRvB,GAAI,CACFwB,SAAU,CAAEC,GAAI,QAASN,QAAIO,GAC7BC,YAAa,EACbN,WAAY,EACZlD,QAAS,OACTyD,WAAY,UAEF,cAAA,qCAEXxD,IAEFK,GACCoB,MAACE,EAAAA,IAAG,CACFkB,IAAK/B,EACLc,GACE6B,OAAAC,OAAA,CAAAC,SAAU,EACVC,SAAU,SACVC,UAAW,UACRjE,GAAkB,cAEX,4BAEZ4C,SAAAf,EAAAA,IAACqC,EAAAA,MAAK,CAACC,UAAU,MAAMC,QAAS,EAAGR,WAAW,SAAS5B,GAAI,CAAE9B,OAAQ,iBAClEK,SAKTsB,EAAAC,IAACoC,EAAKA,MAAA,CACJjB,IAAK9B,EACLgD,UAAU,MACVC,QAAS,EACTR,WAAW,SACXV,eAAe,WACflB,GAAI,CAAE9B,OAAQ,OAAQmE,WAAY,QACtB,cAAA,0BAEXzB,SAAAtC,UAKT"}
+{"version":3,"file":"SecondaryNavigation.js","sources":["../../../../src/layout/SecondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Stack, Typography, useMediaQuery } from '@mui/material';\nimport { useEffect, useRef } from 'react';\nimport { useWindowSize } from 'react-use';\nexport const SecondaryNavigation = ({ title, color, cta, navigationItems, inContainer, }) => {\n    const isLargerThanMd = useMediaQuery((theme) => theme.breakpoints.up('md'));\n    const { width: windowWidth } = useWindowSize();\n    const titleRef = useRef(null);\n    const itemsRef = useRef(null);\n    const ctaButtonRef = useRef(null);\n    const wrapperRef = useRef(null);\n    useEffect(() => {\n        if (itemsRef.current && wrapperRef.current && isLargerThanMd) {\n            let widthToSubtract = 0;\n            if (titleRef.current) {\n                widthToSubtract += titleRef.current.clientWidth;\n                widthToSubtract += 16; // horizontal margin of title in px\n            }\n            if (ctaButtonRef.current) {\n                widthToSubtract += ctaButtonRef.current.clientWidth;\n                widthToSubtract += 16; // horizontal margin of cta in px\n            }\n            const wrapperWidth = wrapperRef.current.clientWidth;\n            const width = Math.abs(widthToSubtract - wrapperWidth);\n            itemsRef.current.style.width = `${width}px`;\n        }\n    }, [titleRef.current, itemsRef.current, ctaButtonRef.current, wrapperRef.current, windowWidth]);\n    return (_jsx(Box, { sx: {\n            background: (theme) => (color === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white),\n            color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n            borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n        }, \"data-testid\": \"SecondaryNavigation\", children: _jsx(Box, { component: inContainer && Container, sx: {\n                height: '100%',\n                padding: !inContainer && '0 16px',\n            }, \"data-testid\": \"SecondaryNavigation.wrapper\", children: _jsxs(Box, { ref: wrapperRef, sx: {\n                    display: 'flex',\n                    justifyContent: 'space-between',\n                    height: { xs: '48px', md: '62px' },\n                }, children: [_jsxs(Box, { sx: { display: 'flex', flexShrink: 0 }, children: [_jsx(Typography, { ref: titleRef, variant: \"subheadline\", sx: {\n                                    minWidth: { sm: '170px', xs: undefined },\n                                    marginRight: 2,\n                                    flexShrink: 0,\n                                    display: 'flex',\n                                    alignItems: 'center',\n                                }, \"data-testid\": \"SecondaryNavigation.title\", children: title }), isLargerThanMd && (_jsx(Box, { ref: itemsRef, sx: Object.assign({ flexGrow: 0, overflow: 'hidden', overflowX: 'scroll' }, disableScrollbarSx), \"data-testid\": \"SecondaryNavigation.items\", children: _jsx(Stack, { direction: \"row\", spacing: 2, alignItems: \"center\", sx: { height: '100%' }, children: navigationItems }) }))] }), _jsx(Stack, { ref: ctaButtonRef, direction: \"row\", spacing: 2, alignItems: \"center\", justifyContent: \"flex-end\", sx: { height: '100%', marginLeft: '16px' }, \"data-testid\": \"SecondaryNavigation.cta\", children: cta })] }) }) }));\n};\nconst disableScrollbarSx = {\n    '::-webkit-scrollbar, ::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-resizer': {\n        width: 0,\n        height: 0,\n        display: 'none',\n    },\n};\n//# sourceMappingURL=SecondaryNavigation.js.map"],"names":["disableScrollbarSx","width","height","display","title","color","cta","navigationItems","inContainer","isLargerThanMd","useMediaQuery","theme","breakpoints","up","windowWidth","useWindowSize","titleRef","useRef","itemsRef","ctaButtonRef","wrapperRef","useEffect","current","widthToSubtract","clientWidth","wrapperWidth","Math","abs","style","_jsx","jsx","Box","sx","background","palette","onSurface","os900","common","white","text","primary","borderBottom","surface","secondary","children","component","Container","padding","_jsxs","ref","justifyContent","xs","md","flexShrink","Typography","variant","minWidth","sm","undefined","marginRight","alignItems","Object","assign","flexGrow","overflow","overflowX","Stack","direction","spacing","marginLeft"],"mappings":"qHAIY,MA0CNA,EAAqB,CACvB,wLAAyL,CACrLC,MAAO,EACPC,OAAQ,EACRC,QAAS,qCA9CkB,EAAGC,QAAOC,QAAOC,MAAKC,kBAAiBC,kBACtE,MAAMC,EAAiBC,EAAaA,eAAEC,GAAUA,EAAMC,YAAYC,GAAG,SAC7DZ,MAAOa,GAAgBC,EAAaA,gBACtCC,EAAWC,SAAO,MAClBC,EAAWD,SAAO,MAClBE,EAAeF,SAAO,MACtBG,EAAaH,SAAO,MAiB1B,OAhBAI,EAAAA,WAAU,KACN,GAAIH,EAASI,SAAWF,EAAWE,SAAWb,EAAgB,CAC1D,IAAIc,EAAkB,EAClBP,EAASM,UACTC,GAAmBP,EAASM,QAAQE,YACpCD,GAAmB,IAEnBJ,EAAaG,UACbC,GAAmBJ,EAAaG,QAAQE,YACxCD,GAAmB,IAEvB,MAAME,EAAeL,EAAWE,QAAQE,YAClCvB,EAAQyB,KAAKC,IAAIJ,EAAkBE,GACzCP,EAASI,QAAQM,MAAM3B,MAAQ,GAAGA,KACrC,IACF,CAACe,EAASM,QAASJ,EAASI,QAASH,EAAaG,QAASF,EAAWE,QAASR,IAC1Ee,EAAIC,IAACC,MAAK,CAAEC,GAAI,CAChBC,WAAatB,GAAqB,SAAVN,EAAmBM,EAAMuB,QAAQC,UAAUC,MAAQzB,EAAMuB,QAAQG,OAAOC,MAChGjC,MAAQM,GAAqB,SAAVN,EAAmBM,EAAMuB,QAAQG,OAAOC,MAAQ3B,EAAMuB,QAAQK,KAAKC,QACtFC,aAAe9B,GAAU,aAAaA,EAAMuB,QAAQQ,QAAQC,aAC7D,cAAe,sBAAuBC,SAAUf,EAAIC,IAACC,MAAK,CAAEc,UAAWrC,GAAesC,EAASA,UAAEd,GAAI,CAChG9B,OAAQ,OACR6C,SAAUvC,GAAe,UAC1B,cAAe,8BAA+BoC,SAAUI,EAAAA,KAAMjB,EAAAA,IAAK,CAAEkB,IAAK7B,EAAYY,GAAI,CACrF7B,QAAS,OACT+C,eAAgB,gBAChBhD,OAAQ,CAAEiD,GAAI,OAAQC,GAAI,SAC3BR,SAAU,CAACI,EAAAA,KAAMjB,EAAGA,IAAE,CAAEC,GAAI,CAAE7B,QAAS,OAAQkD,WAAY,GAAKT,SAAU,CAACf,EAAIC,IAACwB,aAAY,CAAEL,IAAKjC,EAAUuC,QAAS,cAAevB,GAAI,CACxHwB,SAAU,CAAEC,GAAI,QAASN,QAAIO,GAC7BC,YAAa,EACbN,WAAY,EACZlD,QAAS,OACTyD,WAAY,UACb,cAAe,4BAA6BhB,SAAUxC,IAAUK,GAAmBoB,MAAKE,EAAAA,IAAK,CAAEkB,IAAK/B,EAAUc,GAAI6B,OAAOC,OAAO,CAAEC,SAAU,EAAGC,SAAU,SAAUC,UAAW,UAAYjE,GAAqB,cAAe,4BAA6B4C,SAAUf,EAAAA,IAAKqC,EAAAA,MAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGR,WAAY,SAAU5B,GAAI,CAAE9B,OAAQ,QAAU0C,SAAUrC,SAA4BsB,EAAIC,IAACoC,EAAKA,MAAE,CAAEjB,IAAK9B,EAAcgD,UAAW,MAAOC,QAAS,EAAGR,WAAY,SAAUV,eAAgB,WAAYlB,GAAI,CAAE9B,OAAQ,OAAQmE,WAAY,QAAU,cAAe,0BAA2BzB,SAAUtC,UAAkB"}

package/cjs/layout/SecondaryNavigation/SecondaryNavigationCta.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigationCta.js","sources":["../../../../../src/layout/SecondaryNavigation/SecondaryNavigationCta.tsx"],"sourcesContent":[null],"names":["SecondaryNavigationCta","React","forwardRef","props","ref","isSmallButton","useMediaQuery","theme","breakpoints","down","_jsx","Button","Object","assign","size"],"mappings":"8HAQa,MAAAA,sBAAyBC,QAAMC,YAL5C,SAAoCC,EAAoBC,GACtD,MAAMC,EAAgBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAC7E,OAAOC,EAAAA,IAACC,EAAAA,OAAmBC,OAAAC,OAAA,CAAA,cAAA,yBAAyBC,KAAMT,EAAgB,QAAU,UAAcF,GAAOC,IAAKA,IAChH"}
+{"version":3,"file":"SecondaryNavigationCta.js","sources":["../../../../src/layout/SecondaryNavigation/SecondaryNavigationCta.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Button, useMediaQuery } from '@mui/material';\nimport React from 'react';\nfunction SecondaryNavigationCtaBase(props, ref) {\n    const isSmallButton = useMediaQuery((theme) => theme.breakpoints.down('md'));\n    return _jsx(Button, Object.assign({ \"data-testid\": \"SecondaryNavigationCta\", size: isSmallButton ? 'small' : 'medium' }, props, { ref: ref }));\n}\nexport const SecondaryNavigationCta = React.forwardRef(SecondaryNavigationCtaBase);\n//# sourceMappingURL=SecondaryNavigationCta.js.map"],"names":["SecondaryNavigationCta","React","forwardRef","props","ref","isSmallButton","useMediaQuery","theme","breakpoints","down","_jsx","Button","Object","assign","size"],"mappings":"8HAOY,MAACA,sBAAyBC,QAAMC,YAJ5C,SAAoCC,EAAOC,GACvC,MAAMC,EAAgBC,EAAaA,eAAEC,GAAUA,EAAMC,YAAYC,KAAK,QACtE,OAAOC,EAAAA,IAAKC,EAAAA,OAAQC,OAAOC,OAAO,CAAE,cAAe,yBAA0BC,KAAMT,EAAgB,QAAU,UAAYF,EAAO,CAAEC,IAAKA,IAC3I"}

package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigationItem.js","sources":["../../../../../src/layout/SecondaryNavigation/SecondaryNavigationItem.tsx"],"sourcesContent":[null],"names":["ItemButton","styled","Button","appearance","cursor","color","paddingLeft","paddingRight","fontSize","fontWeight","lineHeight","textWrap","background","border","paddingTop","paddingBottom","fontFamily","ItemWrapper","Box","theme","display","alignItems","height","borderTop","borderBottom","transition","borderBottomColor","palette","primary","main","props","label","onClick","isActive","rest","__rest","onItemClick","useCallback","event","_a","href","startsWith","selector","replace","element","document","querySelector","preventDefault","scrollIntoView","behavior","block","history","pushState","invoke","_jsx","jsx","sx","borderColor","children","Object","assign","component","draggable"],"mappings":"wIA4DA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACvCE,WAAY,UACZC,OAAQ,UACRC,MAAO,UACPC,YAAa,EACbC,aAAc,EACdC,SAAU,OACVC,WAAY,IACZC,WAAY,OACZC,SAAU,SACVC,WAAY,cACZC,OAAQ,EACRC,WAAY,EACZC,cAAe,EACfC,WAAY,iBAGRC,EAAchB,EAAAA,OAAOiB,EAAAA,IAAPjB,EAAY,EAAGkB,YAAa,CAC9CC,QAAS,OACTC,WAAY,SACZC,OAAQ,OACRC,UAAW,wBACXC,aAAc,wBACdC,WAAY,8BACZ,UAAW,CACTC,kBAAmBP,EAAMQ,QAAQC,QAAQC,0CAjEvC,SAAqEC,GACzE,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAsBH,EAATI,EAASC,EAAAA,OAAAL,EAAxC,CAAA,QAAA,UAAA,aAEAM,EAAcC,eACjBC,UAEC,GAD+B,QAAVC,EAAAT,EAAMU,YAAI,IAAAD,OAAA,EAAAA,EAAEE,WAAW,KAC1B,CAChB,MAAMC,EAAWZ,EAAMU,KAAKG,QAAQ,MAAO,IACrCC,EAAUC,SAASC,cAAc,QAAQJ,OAC3CE,IACFN,EAAMS,iBACNH,EAAQI,eAAe,CAAEC,SAAU,SAAUC,MAAO,UACpDC,QAAQC,UAAU,CAAE,EAAE,GAAItB,EAAMU,MAEnC,CACDR,SAAAA,EAASqB,QAAQ,GAEnB,CAACrB,EAASF,EAAMU,OAGlB,OACEc,EAAAC,IAACtC,EAAW,CACVuC,GAAI,CACFC,YAActC,GAAUc,GAAYd,EAAMQ,QAAQC,QAAQC,MAEhD,cAAA,0BAEZ6B,SAAAJ,MAACtD,EAAU2D,OAAAC,OAAA,CACT5B,QAASI,EACTyB,UAAU,KACN3B,EAAI,CACR4B,UAAU,QAAO,cACL,iCAAgCJ,SAE3C3B,MAIT"}
+{"version":3,"file":"SecondaryNavigationItem.js","sources":["../../../../src/layout/SecondaryNavigation/SecondaryNavigationItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box, styled } from '@mui/material';\nimport { useCallback } from 'react';\nimport { Button } from '@mui/base';\nexport function SecondaryNavigationItem(props) {\n    const { label, onClick, isActive } = props, rest = __rest(props, [\"label\", \"onClick\", \"isActive\"]);\n    const onItemClick = useCallback((event) => {\n        var _a;\n        const shouldScroll = (_a = props.href) === null || _a === void 0 ? void 0 : _a.startsWith('#');\n        if (shouldScroll) {\n            const selector = props.href.replace(/^\\#/, '');\n            const element = document.querySelector(`[id=\"${selector}\"]`);\n            if (element) {\n                event.preventDefault();\n                element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                history.pushState({}, '', props.href);\n            }\n        }\n        onClick === null || onClick === void 0 ? void 0 : onClick.invoke();\n    }, [onClick, props.href]);\n    return (_jsx(ItemWrapper, { sx: {\n            borderColor: (theme) => isActive && theme.palette.primary.main,\n        }, \"data-testid\": \"SecondaryNavigationItem\", children: _jsx(ItemButton, Object.assign({ onClick: onItemClick, component: \"a\" }, rest, { draggable: \"false\", \"data-testid\": \"SecondaryNavigationItem.button\", children: label })) }));\n}\nconst ItemButton = styled(Button)(() => ({\n    appearance: 'inherit',\n    cursor: 'pointer',\n    color: 'inherit',\n    paddingLeft: 6,\n    paddingRight: 6,\n    fontSize: '16px',\n    fontWeight: 400,\n    lineHeight: '24px',\n    textWrap: 'noWrap',\n    background: 'transparent',\n    border: 0,\n    paddingTop: 0,\n    paddingBottom: 0,\n    fontFamily: 'SKODA Next',\n}));\nconst ItemWrapper = styled(Box)(({ theme }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    height: '100%',\n    borderTop: '2px solid transparent',\n    borderBottom: '2px solid transparent',\n    transition: 'border 300ms ease-out 150ms',\n    '&:hover': {\n        borderBottomColor: theme.palette.primary.main,\n    },\n}));\n//# sourceMappingURL=SecondaryNavigationItem.js.map"],"names":["ItemButton","styled","Button","appearance","cursor","color","paddingLeft","paddingRight","fontSize","fontWeight","lineHeight","textWrap","background","border","paddingTop","paddingBottom","fontFamily","ItemWrapper","Box","theme","display","alignItems","height","borderTop","borderBottom","transition","borderBottomColor","palette","primary","main","props","label","onClick","isActive","rest","__rest","onItemClick","useCallback","event","_a","href","startsWith","selector","replace","element","document","querySelector","preventDefault","scrollIntoView","behavior","block","history","pushState","invoke","_jsx","jsx","sx","borderColor","children","Object","assign","component","draggable"],"mappings":"wIAyBA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACrCE,WAAY,UACZC,OAAQ,UACRC,MAAO,UACPC,YAAa,EACbC,aAAc,EACdC,SAAU,OACVC,WAAY,IACZC,WAAY,OACZC,SAAU,SACVC,WAAY,cACZC,OAAQ,EACRC,WAAY,EACZC,cAAe,EACfC,WAAY,iBAEVC,EAAchB,EAAAA,OAAOiB,EAAAA,IAAPjB,EAAY,EAAGkB,YAAa,CAC5CC,QAAS,OACTC,WAAY,SACZC,OAAQ,OACRC,UAAW,wBACXC,aAAc,wBACdC,WAAY,8BACZ,UAAW,CACPC,kBAAmBP,EAAMQ,QAAQC,QAAQC,0CA5C1C,SAAiCC,GACpC,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAaH,EAAOI,EAAOC,EAAMA,OAACL,EAAO,CAAC,QAAS,UAAW,aAChFM,EAAcC,eAAaC,IAC7B,IAAIC,EAEJ,GAD2C,QAArBA,EAAKT,EAAMU,YAAyB,IAAPD,OAAgB,EAASA,EAAGE,WAAW,KACxE,CACd,MAAMC,EAAWZ,EAAMU,KAAKG,QAAQ,MAAO,IACrCC,EAAUC,SAASC,cAAc,QAAQJ,OAC3CE,IACAN,EAAMS,iBACNH,EAAQI,eAAe,CAAEC,SAAU,SAAUC,MAAO,UACpDC,QAAQC,UAAU,CAAE,EAAE,GAAItB,EAAMU,MAEvC,CACDR,SAAkDA,EAAQqB,QAAQ,GACnE,CAACrB,EAASF,EAAMU,OACnB,OAAQc,EAAIC,IAACtC,EAAa,CAAEuC,GAAI,CACxBC,YAActC,GAAUc,GAAYd,EAAMQ,QAAQC,QAAQC,MAC3D,cAAe,0BAA2B6B,SAAUJ,MAAKtD,EAAY2D,OAAOC,OAAO,CAAE5B,QAASI,EAAayB,UAAW,KAAO3B,EAAM,CAAE4B,UAAW,QAAS,cAAe,iCAAkCJ,SAAU3B,MAC/N"}

package/cjs/layout/SideMenu/SideMenu.d.ts

@@ -1,14 +1,29 @@
 import React from 'react';
 export type SideMenuProps = {
-    /** Specifies if menu is open */
+    /**
+     * Specifies if menu is open
+     * @requires
+     */
     open: boolean;
-    /** Callback that causes menu to close */
+    /**
+     * Callback that causes menu to close
+     * @requires
+     */
     handleClose: () => void;
-    /** Direction of the component */
+    /**
+     * Direction of the component
+     * @default ltr
+     */
     direction?: 'rtl' | 'ltr';
-    /** React node that renders all navigation items */
+    /**
+     * React node that renders all navigation items
+     * @requires
+     */
     items: React.ReactNode;
-    /** React node that renders all sub navigation items */
+    /**
+     * React node that renders all sub navigation items
+     * @default undefined
+     */
     subItems?: React.ReactNode;
 };
 export declare const SideMenu: React.FC<SideMenuProps>;

package/cjs/layout/SideMenu/SideMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.js","sources":["../../../../../src/layout/SideMenu/SideMenu.tsx"],"sourcesContent":[null],"names":["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","className","fontSize","Box","boxSizing","padding","md","height","display","flexDirection","justifyContent","jsx","Stack","spacing","marginTop"],"mappings":"uIAiBkDA,IAChD,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,UAAEA,EAAY,MAAKC,MAAEA,EAAKC,SAAEA,GAAaL,EAClE,OACEM,EAAAA,KAACC,EAAAA,OAAM,CACLC,IAAKL,EACLM,OAAsB,QAAdN,EAAsB,QAAU,OACxCF,KAAMA,EACNS,QAASR,EACTS,GAAI,CACF,mBAAoB,CAClBC,aAAc,eACdC,MAAO,CACLC,GAAI,QACJC,GAAI,SAENC,SAAU,UAGF,cAAA,WAEZC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,WAAU,CACTC,QAASlB,EACTS,GAAI,CACFU,SAAU,WACVC,IAAK,OACLC,MAAqB,QAAdpB,EAAsB,YAASqB,EACtCC,KAAoB,QAAdtB,EAAsB,YAASqB,GACtC,cACW,iBAEZP,SAAAC,EAAAA,IAACQ,EAAAA,KAAK,CAAAC,UAAU,UAAUC,SAAS,YAErCtB,EAAAA,KAACuB,EAAAA,IAAG,CACFlB,GAAI,CACFmB,UAAW,aACXjB,MAAO,OACPkB,QAAS,CACPC,GAAI,uBACJjB,GAAI,uBAENkB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBnB,SAAA,CAEDC,EAACmB,IAAAC,QACC,CAAAnC,UAAU,SACVoC,QAAS,EACT5B,GAAI,CACFoB,QAAS,eACT,OAAQ,CACNS,UAAW,oBAEd,cACW,iBAAgBvB,SAE3Bb,IAGFC,GACCa,EAACmB,IAAAR,MACC,CAAAlB,GAAI,CACFoB,QAAS,gBAEC,cAAA,wBAEX1B,SAKT"}
+{"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, { className: \"ballotx\", 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":["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","className","fontSize","Box","boxSizing","padding","md","height","display","flexDirection","justifyContent","jsx","Stack","spacing","marginTop"],"mappings":"uIAGyBA,IACrB,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,UAAEA,EAAY,MAAKC,MAAEA,EAAKC,SAAEA,GAAaL,EAClE,OAAQM,EAAAA,KAAMC,EAAAA,OAAQ,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,EAAAA,IAAKC,EAAAA,WAAY,CAAEC,QAASlB,EAAaS,GAAI,CAC1EU,SAAU,WACVC,IAAK,OACLC,MAAqB,QAAdpB,EAAsB,YAASqB,EACtCC,KAAoB,QAAdtB,EAAsB,YAASqB,GACtC,cAAe,iBAAkBP,SAAUC,EAAAA,IAAKQ,EAAAA,KAAM,CAAEC,UAAW,UAAWC,SAAU,YAAetB,EAAAA,KAAMuB,EAAAA,IAAK,CAAElB,GAAI,CACvHmB,UAAW,aACXjB,MAAO,OACPkB,QAAS,CACLC,GAAI,uBACJjB,GAAI,uBAERkB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBnB,SAAU,CAACC,EAAImB,IAACC,QAAO,CAAEnC,UAAW,SAAUoC,QAAS,EAAG5B,GAAI,CACrDoB,QAAS,eACT,OAAQ,CACJS,UAAW,oBAEhB,cAAe,iBAAkBvB,SAAUb,IAAUC,GAAaa,EAAImB,IAACR,MAAK,CAAElB,GAAI,CACjFoB,QAAS,gBACV,cAAe,eAAgBd,SAAUZ,SAAsB"}