@skodaflow/web-library 4.0.3 → 4.2.0

package/layout/Header/PredefinedHeaderButtons.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import e from"react";import{HeaderButton as r}from"./HeaderButton.js";const t=(t,i)=>e.forwardRef((function(e,n){var a;return o(r,Object.assign({},e,{ref:n,icon:t,label:null!==(a=e.label)&&void 0!==a?a:i}))})),i=t("bell","Notifications"),n=t("search","Search"),a=t("user","User Profile"),l=t("heart","Wish List"),s=t("shopping","ShoppingCart"),u=t("globe","Language"),c=t("login","Log In"),g=t("logout","Log Out"),f=t("ballotx","Close"),m=t("circle-question","FAQ"),p=t("menu","Menu");export{i as HeaderBellButton,s as HeaderCartButton,f as HeaderCloseButton,m as HeaderFaqButton,l as HeaderHeartButton,u as HeaderLanguageButton,c as HeaderLoginButton,g as HeaderLogoutButton,p as HeaderMenuButton,a as HeaderProfileButton,n as HeaderSearchButton};
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as e}from"react";import{HeaderButton as r}from"./HeaderButton.js";const t=(t,i)=>e((function(e,n){var l;return o(r,Object.assign({},e,{ref:n,icon:t,label:null!==(l=e.label)&&void 0!==l?l:i}))})),i=t("bell","Notifications"),n=t("search","Search"),l=t("user","User Profile"),a=t("heart","Wish List"),s=t("shopping","ShoppingCart"),u=t("globe","Language"),c=t("login","Log In"),g=t("logout","Log Out"),m=t("ballotx","Close"),p=t("circle-question","FAQ"),f=t("menu","Menu");export{i as HeaderBellButton,s as HeaderCartButton,m as HeaderCloseButton,p as HeaderFaqButton,a as HeaderHeartButton,u as HeaderLanguageButton,c as HeaderLoginButton,g as HeaderLogoutButton,f as HeaderMenuButton,l as HeaderProfileButton,n as HeaderSearchButton};
 //# sourceMappingURL=PredefinedHeaderButtons.js.map

package/layout/Header/PredefinedHeaderButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"PredefinedHeaderButtons.js","sources":["../../../src/layout/Header/PredefinedHeaderButtons.tsx"],"sourcesContent":[null],"names":["createPredefinedHeaderButton","defaultIcon","defaultLabeL","React","forwardRef","props","ref","_jsx","HeaderButton","Object","assign","icon","label","_a","HeaderBellButton","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"8GAQA,MAAMA,EAA+B,CAACC,EAAqBC,IAQlDC,EAAMC,YAPb,SACEC,EACAC,SAEA,OAAOC,EAACC,EAAiBC,OAAAC,OAAA,CAAA,EAAAL,GAAOC,IAAKA,EAAKK,KAAMV,EAAaW,MAAkB,QAAXC,EAAAR,EAAMO,aAAK,IAAAC,EAAAA,EAAIX,IACpF,IAKUY,EAAmBd,EAA6B,OAAQ,iBACxDe,EAAqBf,EAA6B,SAAU,UAC5DgB,EAAsBhB,EAA6B,OAAQ,gBAC3DiB,EAAoBjB,EAA6B,QAAS,aAC1DkB,EAAmBlB,EAA6B,WAAY,gBAC5DmB,EAAuBnB,EAA6B,QAAS,YAC7DoB,EAAoBpB,EAA6B,QAAS,UAC1DqB,EAAqBrB,EAA6B,SAAU,WAC5DsB,EAAoBtB,EAA6B,UAAW,SAC5DuB,EAAkBvB,EAA6B,kBAAmB,OAClEwB,EAAmBxB,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":"4HAGA,MAAMA,EAA+B,CAACC,EAAaC,IAKxCC,GAJP,SAA0BC,EAAOC,GAC7B,IAAIC,EACJ,OAAOC,EAAKC,EAAcC,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/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/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/layout/PageLayout/PageLayout.js

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

package/layout/PageLayout/PageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","sources":["../../../src/layout/PageLayout/PageLayout.tsx"],"sourcesContent":[null],"names":["PageLayout","props","children","header","footer","headerPosition","headerSlideThreshold","wrapContent","headerContainerRef","useRef","headerHeight","setHeaderHeight","useState","useEffect","current","getBoundingClientRect","height","trigger","useScrollTrigger","target","window","threshold","_jsxs","Box","sx","position","minHeight","minWidth","display","flexDirection","background","theme","palette","surface","primary","_Fragment","_jsx","ref","top","left","right","component","Slide","undefined","appear","direction","in","flexGrow","marginTop","marginBottom","Container"],"mappings":"01JAmBa,MAAAA,EAAyCC,IACpD,MAAMC,SACJA,EAAQC,OACRA,EAAMC,OACNA,EAAMC,eACNA,EAAiB,SAAQC,qBACzBA,EAAuB,IAAGC,YAC1BA,GAAc,GACZN,EAEEO,EAAqBC,EAAuB,OAC3CC,EAAcC,GAAmBC,EAAiB,GAEzDC,GAAU,KACJL,EAAmBM,SACrBH,EAAgBH,EAAmBM,QAAQC,wBAAwBC,OACpE,GACA,CAACR,EAAmBM,UAEvB,MAAMG,EAAUC,EAAiB,CAC/BC,OAAQC,OACRC,UAAWf,IAGb,OACEgB,EAACC,EAAG,CACFC,GAAI,CACFC,SAAU,WACVC,UAAW,QACXC,SAAU,QACVC,QAAS,OACTC,cAAe,SACfC,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC9C,cACW,aAAYhC,SAAA,CAEvBC,GACCmB,EACEa,EAAA,CAAAjC,SAAA,CAAAkC,EAACb,EAAG,CACFc,IAAK7B,EACLgB,GAAI,CACFC,SAA6B,WAAnBpB,EAA8B,SAAW,QACnDiC,IAAK,EACLC,KAAM,EACNC,MAAO,GAETC,UAA8B,UAAnBpC,EAA6BqC,OAAQC,EAChDC,OAA2B,UAAnBvC,QAAqCsC,EAC7CE,UAA8B,UAAnBxC,EAA6B,YAASsC,EACjDG,GAAuB,UAAnBzC,GAA8BY,OAAU0B,EAE5CzC,SAAAkC,EAACb,EAAgB,CAAA,cAAA,6BAAqBpB,MAEpB,WAAnBE,GAA+B+B,EAACb,GAAIC,GAAI,CAAER,OAAQN,QAIvD0B,EAACb,EAAG,CACFC,GAAI,CACFuB,SAAU,EACVC,UAAWzC,EAAc,OAAIoC,EAC7BM,aAAc1C,EAAc,OAAIoC,GAElCF,UAAWlC,EAAc2C,OAAYP,EAAS,cAClC,YAAWzC,SAEtBA,IAGFE,GAAUgC,EAACb,EAAG,CAAA,cAAa,oBAAmBrB,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":["PageLayout","props","children","header","footer","headerPosition","headerSlideThreshold","wrapContent","headerContainerRef","useRef","headerHeight","setHeaderHeight","useState","useEffect","current","getBoundingClientRect","height","trigger","useScrollTrigger","target","window","threshold","_jsxs","Box","sx","position","minHeight","minWidth","display","flexDirection","background","theme","palette","surface","primary","_Fragment","_jsx","ref","top","left","right","component","Slide","undefined","appear","direction","in","flexGrow","Container"],"mappings":"gNAGY,MAACA,EAAcC,IACvB,MAAMC,SAAEA,EAAQC,OAAEA,EAAMC,OAAEA,EAAMC,eAAEA,EAAiB,SAAQC,qBAAEA,EAAuB,IAAGC,YAAEA,GAAc,GAAWN,EAC5GO,EAAqBC,EAAO,OAC3BC,EAAcC,GAAmBC,EAAS,GACjDC,GAAU,KACFL,EAAmBM,SACnBH,EAAgBH,EAAmBM,QAAQC,wBAAwBC,OACtE,GACF,CAACR,EAAmBM,UACvB,MAAMG,EAAUC,EAAiB,CAC7BC,OAAQC,OACRC,UAAWf,IAEf,OAAQgB,EAAMC,EAAK,CAAEC,GAAI,CACjBC,SAAU,WACVC,UAAW,QACXC,SAAU,QACVC,QAAS,OACTC,cAAe,SACfC,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC9C,cAAe,aAAchC,SAAU,CAACC,GAAWmB,EAAMa,EAAW,CAAEjC,SAAU,CAACkC,EAAKb,EAAK,CAAEc,IAAK7B,EAAoBgB,GAAI,CACzGC,SAA6B,WAAnBpB,EAA8B,SAAW,QACnDiC,IAAK,EACLC,KAAM,EACNC,MAAO,GACRC,UAA8B,UAAnBpC,EAA6BqC,OAAQC,EAAWC,OAA2B,UAAnBvC,QAAqCsC,EAAWE,UAA8B,UAAnBxC,EAA6B,YAASsC,EAAWG,GAAuB,UAAnBzC,GAA8BY,OAAU0B,EAAWzC,SAAUkC,EAAKb,EAAK,CAAE,cAAe,oBAAqBrB,SAAUC,MAAiC,WAAnBE,GAA+B+B,EAAKb,EAAK,CAAEC,GAAI,CAAER,OAAQN,QAAwB0B,EAAKb,EAAK,CAAEC,GAAI,CAChauB,SAAU,GACXN,UAAWlC,EAAcyC,OAAYL,EAAW,cAAe,YAAazC,SAAUA,IAAaE,GAAUgC,EAAKb,EAAK,CAAE,cAAe,oBAAqBrB,SAAUE,MAAe"}

package/layout/SecondaryNavigation/SecondaryNavigation.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type SecondaryNavigationProps = {
+    title: string;
+    color?: 'dark' | 'light';
+    cta?: React.ReactNode;
+    navigationItems?: React.ReactNode;
+    /** Defines if content should be rendered inside Container component */
+    inContainer?: boolean;
+};
+export declare const SecondaryNavigation: React.FC<SecondaryNavigationProps>;

package/layout/SecondaryNavigation/SecondaryNavigation.js

@@ -0,0 +1,2 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useMediaQuery as r,Box as i,Container as n,Typography as a,Stack as c}from"@mui/material";import{useRef as o,useEffect as l}from"react";import{useWindowSize as s}from"react-use";const d=({title:d,color:p,cta:m,navigationItems:u,inContainer:x})=>{const f=r((t=>t.breakpoints.up("md"))),{width:b}=s(),g=o(null),w=o(null),k=o(null),y=o(null);return l((()=>{if(w.current&&y.current&&f){let t=0;g.current&&(t+=g.current.clientWidth,t+=16),k.current&&(t+=k.current.clientWidth,t+=16);const e=y.current.clientWidth,r=Math.abs(t-e);w.current.style.width=`${r}px`}}),[g.current,w.current,k.current,y.current,b]),t(i,{sx:{background:t=>"dark"===p?t.palette.onSurface.os900:t.palette.common.white,color:t=>"dark"===p?t.palette.common.white:t.palette.text.primary,borderBottom:t=>`1px solid ${t.palette.surface.secondary}`},"data-testid":"SecondaryNavigation",children:t(i,{component:x&&n,sx:{height:"100%",padding:!x&&"0 16px"},"data-testid":"SecondaryNavigation.wrapper",children:e(i,{ref:y,sx:{display:"flex",justifyContent:"space-between",height:{xs:"48px",md:"62px"}},children:[e(i,{sx:{display:"flex",flexShrink:0},children:[t(a,{ref:g,variant:"subheadline",sx:{minWidth:{sm:"170px",xs:void 0},marginRight:2,flexShrink:0,display:"flex",alignItems:"center"},"data-testid":"SecondaryNavigation.title",children:d}),f&&t(i,{ref:w,sx:Object.assign({flexGrow:0,overflow:"hidden",overflowX:"scroll"},h),"data-testid":"SecondaryNavigation.items",children:t(c,{direction:"row",spacing:2,alignItems:"center",sx:{height:"100%"},children:u})})]}),t(c,{ref:k,direction:"row",spacing:2,alignItems:"center",justifyContent:"flex-end",sx:{height:"100%",marginLeft:"16px"},"data-testid":"SecondaryNavigation.cta",children:m})]})})})},h={"::-webkit-scrollbar, ::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-resizer":{width:0,height:0,display:"none"}};export{d as SecondaryNavigation};
+//# sourceMappingURL=SecondaryNavigation.js.map

package/layout/SecondaryNavigation/SecondaryNavigation.js.map

@@ -0,0 +1 @@
+{"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":["SecondaryNavigation","title","color","cta","navigationItems","inContainer","isLargerThanMd","useMediaQuery","theme","breakpoints","up","width","windowWidth","useWindowSize","titleRef","useRef","itemsRef","ctaButtonRef","wrapperRef","useEffect","current","widthToSubtract","clientWidth","wrapperWidth","Math","abs","style","_jsx","Box","sx","background","palette","onSurface","os900","common","white","text","primary","borderBottom","surface","secondary","children","component","Container","height","padding","_jsxs","ref","display","justifyContent","xs","md","flexShrink","Typography","variant","minWidth","sm","undefined","marginRight","alignItems","Object","assign","flexGrow","overflow","overflowX","disableScrollbarSx","Stack","direction","spacing","marginLeft"],"mappings":"2OAIY,MAACA,EAAsB,EAAGC,QAAOC,QAAOC,MAAKC,kBAAiBC,kBACtE,MAAMC,EAAiBC,GAAeC,GAAUA,EAAMC,YAAYC,GAAG,SAC7DC,MAAOC,GAAgBC,IACzBC,EAAWC,EAAO,MAClBC,EAAWD,EAAO,MAClBE,EAAeF,EAAO,MACtBG,EAAaH,EAAO,MAiB1B,OAhBAI,GAAU,KACN,GAAIH,EAASI,SAAWF,EAAWE,SAAWd,EAAgB,CAC1D,IAAIe,EAAkB,EAClBP,EAASM,UACTC,GAAmBP,EAASM,QAAQE,YACpCD,GAAmB,IAEnBJ,EAAaG,UACbC,GAAmBJ,EAAaG,QAAQE,YACxCD,GAAmB,IAEvB,MAAME,EAAeL,EAAWE,QAAQE,YAClCX,EAAQa,KAAKC,IAAIJ,EAAkBE,GACzCP,EAASI,QAAQM,MAAMf,MAAQ,GAAGA,KACrC,IACF,CAACG,EAASM,QAASJ,EAASI,QAASH,EAAaG,QAASF,EAAWE,QAASR,IAC1Ee,EAAKC,EAAK,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,SAAUd,EAAKC,EAAK,CAAEc,UAAWrC,GAAesC,EAAWd,GAAI,CAChGe,OAAQ,OACRC,SAAUxC,GAAe,UAC1B,cAAe,8BAA+BoC,SAAUK,EAAMlB,EAAK,CAAEmB,IAAK7B,EAAYW,GAAI,CACrFmB,QAAS,OACTC,eAAgB,gBAChBL,OAAQ,CAAEM,GAAI,OAAQC,GAAI,SAC3BV,SAAU,CAACK,EAAMlB,EAAK,CAAEC,GAAI,CAAEmB,QAAS,OAAQI,WAAY,GAAKX,SAAU,CAACd,EAAK0B,EAAY,CAAEN,IAAKjC,EAAUwC,QAAS,cAAezB,GAAI,CACxH0B,SAAU,CAAEC,GAAI,QAASN,QAAIO,GAC7BC,YAAa,EACbN,WAAY,EACZJ,QAAS,OACTW,WAAY,UACb,cAAe,4BAA6BlB,SAAUxC,IAAUK,GAAmBqB,EAAKC,EAAK,CAAEmB,IAAK/B,EAAUa,GAAI+B,OAAOC,OAAO,CAAEC,SAAU,EAAGC,SAAU,SAAUC,UAAW,UAAYC,GAAqB,cAAe,4BAA6BxB,SAAUd,EAAKuC,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGT,WAAY,SAAU9B,GAAI,CAAEe,OAAQ,QAAUH,SAAUrC,SAA4BuB,EAAKuC,EAAO,CAAEnB,IAAK9B,EAAckD,UAAW,MAAOC,QAAS,EAAGT,WAAY,SAAUV,eAAgB,WAAYpB,GAAI,CAAEe,OAAQ,OAAQyB,WAAY,QAAU,cAAe,0BAA2B5B,SAAUtC,UAAkB,EAEroB8D,EAAqB,CACvB,wLAAyL,CACrLtD,MAAO,EACPiC,OAAQ,EACRI,QAAS"}

package/layout/SecondaryNavigation/SecondaryNavigationCta.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from '@mui/material';
+import React from 'react';
+export declare const SecondaryNavigationCta: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/layout/SecondaryNavigation/SecondaryNavigationCta.js

@@ -0,0 +1,2 @@
+import{jsx as t}from"react/jsx-runtime";import{useMediaQuery as r,Button as o}from"@mui/material";import a from"react";const e=a.forwardRef((function(a,e){const i=r((t=>t.breakpoints.down("md")));return t(o,Object.assign({"data-testid":"SecondaryNavigationCta",size:i?"small":"medium"},a,{ref:e}))}));export{e as SecondaryNavigationCta};
+//# sourceMappingURL=SecondaryNavigationCta.js.map

package/layout/SecondaryNavigation/SecondaryNavigationCta.js.map

@@ -0,0 +1 @@
+{"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":"uHAOY,MAACA,EAAyBC,EAAMC,YAJ5C,SAAoCC,EAAOC,GACvC,MAAMC,EAAgBC,GAAeC,GAAUA,EAAMC,YAAYC,KAAK,QACtE,OAAOC,EAAKC,EAAQC,OAAOC,OAAO,CAAE,cAAe,yBAA0BC,KAAMT,EAAgB,QAAU,UAAYF,EAAO,CAAEC,IAAKA,IAC3I"}

package/layout/SecondaryNavigation/SecondaryNavigationItem.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { OverrideProps } from '@mui/material/OverridableComponent';
+export interface SecondaryNavigationItemTypeMap<P = unknown, C extends React.ElementType = 'a'> {
+    props: P & {
+        label: string;
+        isActive?: boolean;
+    };
+    defaultComponent: C;
+}
+export type SecondaryNavigationItemProps<C extends React.ElementType, P = unknown> = OverrideProps<SecondaryNavigationItemTypeMap<P, C>, C> & {
+    component?: C;
+};
+export declare function SecondaryNavigationItem<C extends React.ElementType = 'a'>(props: SecondaryNavigationItemProps<C>): import("react/jsx-runtime").JSX.Element;

package/layout/SecondaryNavigation/SecondaryNavigationItem.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import{styled as r,Box as o}from"@mui/material";import{useCallback as i}from"react";import{Button as a}from"@mui/base";function n(r){const{label:o,onClick:a,isActive:n}=r,s=t(r,["label","onClick","isActive"]),d=i((t=>{var e;if(null===(e=r.href)||void 0===e?void 0:e.startsWith("#")){const e=r.href.replace(/^\#/,""),o=document.querySelector(`[id="${e}"]`);o&&(t.preventDefault(),o.scrollIntoView({behavior:"smooth",block:"start"}),history.pushState({},"",r.href))}null==a||a.invoke()}),[a,r.href]);return e(p,{sx:{borderColor:t=>n&&t.palette.primary.main},"data-testid":"SecondaryNavigationItem",children:e(l,Object.assign({onClick:d,component:"a"},s,{draggable:"false","data-testid":"SecondaryNavigationItem.button",children:o}))})}const l=r(a)((()=>({appearance:"inherit",cursor:"pointer",color:"inherit",paddingLeft:6,paddingRight:6,fontSize:"16px",fontWeight:400,lineHeight:"24px",textWrap:"noWrap",background:"transparent",border:0,paddingTop:0,paddingBottom:0,fontFamily:"SKODA Next"}))),p=r(o)((({theme:t})=>({display:"flex",alignItems:"center",height:"100%",borderTop:"2px solid transparent",borderBottom:"2px solid transparent",transition:"border 300ms ease-out 150ms","&:hover":{borderBottomColor:t.palette.primary.main}})));export{n as SecondaryNavigationItem};
+//# sourceMappingURL=SecondaryNavigationItem.js.map

package/layout/SecondaryNavigation/SecondaryNavigationItem.js.map

@@ -0,0 +1 @@
+{"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":["SecondaryNavigationItem","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","ItemWrapper","sx","borderColor","theme","palette","primary","main","children","ItemButton","Object","assign","component","draggable","styled","Button","appearance","cursor","color","paddingLeft","paddingRight","fontSize","fontWeight","lineHeight","textWrap","background","border","paddingTop","paddingBottom","fontFamily","Box","display","alignItems","height","borderTop","borderBottom","transition","borderBottomColor"],"mappings":"8LAKO,SAASA,EAAwBC,GACpC,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAaH,EAAOI,EAAOC,EAAOL,EAAO,CAAC,QAAS,UAAW,aAChFM,EAAcC,GAAaC,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,EAAKC,EAAa,CAAEC,GAAI,CACxBC,YAAcC,GAAUzB,GAAYyB,EAAMC,QAAQC,QAAQC,MAC3D,cAAe,0BAA2BC,SAAUR,EAAKS,EAAYC,OAAOC,OAAO,CAAEjC,QAASI,EAAa8B,UAAW,KAAOhC,EAAM,CAAEiC,UAAW,QAAS,cAAe,iCAAkCL,SAAU/B,MAC/N,CACA,MAAMgC,EAAaK,EAAOC,EAAPD,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,iBAEV5B,EAAca,EAAOgB,EAAPhB,EAAY,EAAGV,YAAa,CAC5C2B,QAAS,OACTC,WAAY,SACZC,OAAQ,OACRC,UAAW,wBACXC,aAAc,wBACdC,WAAY,8BACZ,UAAW,CACPC,kBAAmBjC,EAAMC,QAAQC,QAAQC"}

package/layout/SecondaryNavigation/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SecondaryNavigation';
+export * from './SecondaryNavigationCta';
+export * from './SecondaryNavigationItem';

package/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/layout/SideMenu/SideMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.js","sources":["../../../src/layout/SideMenu/SideMenu.tsx"],"sourcesContent":[null],"names":["SideMenu","props","open","handleClose","direction","items","subItems","_jsxs","Drawer","dir","anchor","onClose","sx","borderRadius","width","lg","xs","minWidth","children","_jsx","IconButton","onClick","position","top","right","undefined","left","Icon","className","fontSize","Box","boxSizing","padding","md","height","display","flexDirection","justifyContent","Stack","spacing","marginTop"],"mappings":"kLAiBa,MAAAA,EAAqCC,IAChD,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,UAAEA,EAAY,MAAKC,MAAEA,EAAKC,SAAEA,GAAaL,EAClE,OACEM,EAACC,EAAM,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,EAACC,EAAU,CACTC,QAASlB,EACTS,GAAI,CACFU,SAAU,WACVC,IAAK,OACLC,MAAqB,QAAdpB,EAAsB,YAASqB,EACtCC,KAAoB,QAAdtB,EAAsB,YAASqB,GACtC,cACW,iBAEZP,SAAAC,EAACQ,EAAK,CAAAC,UAAU,UAAUC,SAAS,YAErCtB,EAACuB,EAAG,CACFlB,GAAI,CACFmB,UAAW,aACXjB,MAAO,OACPkB,QAAS,CACPC,GAAI,uBACJjB,GAAI,uBAENkB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBnB,SAAA,CAEDC,EAACmB,EACC,CAAAlC,UAAU,SACVmC,QAAS,EACT3B,GAAI,CACFoB,QAAS,eACT,OAAQ,CACNQ,UAAW,oBAEd,cACW,iBAAgBtB,SAE3Bb,IAGFC,GACCa,EAACW,EACC,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":["SideMenu","props","open","handleClose","direction","items","subItems","_jsxs","Drawer","dir","anchor","onClose","sx","borderRadius","width","lg","xs","minWidth","children","_jsx","IconButton","onClick","position","top","right","undefined","left","Icon","className","fontSize","Box","boxSizing","padding","md","height","display","flexDirection","justifyContent","Stack","spacing","marginTop"],"mappings":"kLAGY,MAACA,EAAYC,IACrB,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,UAAEA,EAAY,MAAKC,MAAEA,EAAKC,SAAEA,GAAaL,EAClE,OAAQM,EAAMC,EAAQ,CAAEC,IAAKL,EAAWM,OAAsB,QAAdN,EAAsB,QAAU,OAAQF,KAAMA,EAAMS,QAASR,EAAaS,GAAI,CACtH,mBAAoB,CAChBC,aAAc,eACdC,MAAO,CACHC,GAAI,QACJC,GAAI,SAERC,SAAU,UAEf,cAAe,WAAYC,SAAU,CAACC,EAAKC,EAAY,CAAEC,QAASlB,EAAaS,GAAI,CAC1EU,SAAU,WACVC,IAAK,OACLC,MAAqB,QAAdpB,EAAsB,YAASqB,EACtCC,KAAoB,QAAdtB,EAAsB,YAASqB,GACtC,cAAe,iBAAkBP,SAAUC,EAAKQ,EAAM,CAAEC,UAAW,UAAWC,SAAU,YAAetB,EAAMuB,EAAK,CAAElB,GAAI,CACvHmB,UAAW,aACXjB,MAAO,OACPkB,QAAS,CACLC,GAAI,uBACJjB,GAAI,uBAERkB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBnB,SAAU,CAACC,EAAKmB,EAAO,CAAElC,UAAW,SAAUmC,QAAS,EAAG3B,GAAI,CACrDoB,QAAS,eACT,OAAQ,CACJQ,UAAW,oBAEhB,cAAe,iBAAkBtB,SAAUb,IAAUC,GAAaa,EAAKW,EAAK,CAAElB,GAAI,CACjFoB,QAAS,gBACV,cAAe,eAAgBd,SAAUZ,SAAsB"}

package/layout/SideMenu/SideMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuItem.js","sources":["../../../src/layout/SideMenu/SideMenuItem.tsx"],"sourcesContent":[null],"names":["SideMenuItem","props","component","active","label","rest","__rest","_jsx","ItemButton","Object","assign","sx","background","color","undefined","fontSize","md","xs","lineHeight","children","styled","ButtonBase","theme","appearance","border","cursor","padding","textAlign","fontWeight","palette","onSurface","os900"],"mappings":"8HAmBM,SAAUA,EAAgDC,GAC9D,MAAMC,UAAEA,EAAY,IAAGC,OAAEA,EAAMC,MAAEA,GAAmBH,EAATI,EAAIC,EAAKL,EAA9C,CAAA,YAAA,SAAA,UAEN,OACEM,EAACC,EACKC,OAAAC,OAAA,GAAAL,EACJ,CAAAH,UAAWA,EACXS,GAAI,CACFC,WAAYT,EAAS,QAAU,cAC/BU,MAAOV,OAASW,EAAY,UAC5BC,SAAU,CACRC,GAAI,OACJC,GAAI,QAENC,WAAY,CACVF,GAAI,OACJC,GAAI,SAIPE,SAAAf,IAGP,CAEA,MAAMI,EAAaY,EAAOC,EAAPD,EAAmB,EAAGE,YAAa,CACpDC,WAAY,UACZC,OAAQ,UACRZ,WAAY,UACZa,OAAQ,UAERC,QAAS,EACTC,UAAW,QACXC,WAAY,MACZf,MAAO,GAAGS,EAAMO,QAAQC,UAAUC"}
+{"version":3,"file":"SideMenuItem.js","sources":["../../../src/layout/SideMenu/SideMenuItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ButtonBase, styled } from '@mui/material';\nexport function SideMenuItem(props) {\n    const { component = 'a', active, label } = props, rest = __rest(props, [\"component\", \"active\", \"label\"]);\n    return (_jsx(ItemButton, Object.assign({}, rest, { component: component, sx: {\n            background: active ? 'white' : 'transparent',\n            color: active ? undefined : '#7C7D7E',\n            fontSize: {\n                md: '30px',\n                xs: '23px',\n            },\n            lineHeight: {\n                md: '36px',\n                xs: '28px',\n            },\n        }, children: label })));\n}\nconst ItemButton = styled(ButtonBase)(({ theme }) => ({\n    appearance: 'inherit',\n    border: 'inherit',\n    background: 'inherit',\n    cursor: 'pointer',\n    padding: 0,\n    textAlign: 'start',\n    fontWeight: '700',\n    color: `${theme.palette.onSurface.os900} !important`,\n}));\n//# sourceMappingURL=SideMenuItem.js.map"],"names":["SideMenuItem","props","component","active","label","rest","__rest","_jsx","ItemButton","Object","assign","sx","background","color","undefined","fontSize","md","xs","lineHeight","children","styled","ButtonBase","theme","appearance","border","cursor","padding","textAlign","fontWeight","palette","onSurface","os900"],"mappings":"8HAGO,SAASA,EAAaC,GACzB,MAAMC,UAAEA,EAAY,IAAGC,OAAEA,EAAMC,MAAEA,GAAUH,EAAOI,EAAOC,EAAOL,EAAO,CAAC,YAAa,SAAU,UAC/F,OAAQM,EAAKC,EAAYC,OAAOC,OAAO,GAAIL,EAAM,CAAEH,UAAWA,EAAWS,GAAI,CACrEC,WAAYT,EAAS,QAAU,cAC/BU,MAAOV,OAASW,EAAY,UAC5BC,SAAU,CACNC,GAAI,OACJC,GAAI,QAERC,WAAY,CACRF,GAAI,OACJC,GAAI,SAETE,SAAUf,IACrB,CACA,MAAMI,EAAaY,EAAOC,EAAPD,EAAmB,EAAGE,YAAa,CAClDC,WAAY,UACZC,OAAQ,UACRZ,WAAY,UACZa,OAAQ,UACRC,QAAS,EACTC,UAAW,QACXC,WAAY,MACZf,MAAO,GAAGS,EAAMO,QAAQC,UAAUC"}

package/layout/index.d.ts

@@ -3,3 +3,4 @@ export * from './SideMenu';
 export * from './Footer';
 export * from './Error';
 export * from './PageLayout';
+export * from './SecondaryNavigation';

package/organisms/cardOwnedVehicle/cardOwnedVehicle.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
 import { ButtonVariants } from '../../components/button';
 import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';
@@ -6,9 +6,8 @@ import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComp
  * @interface CardOwnedVehicleProps
  * @description Base definition of SkodaFlow Chip independent on core implementation.
  * Properties are inherited from HTML div element
- * @deprecated
  */
-export interface CardOwnedVehicleProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CardOwnedVehicleProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Label text
      */
@@ -115,5 +114,6 @@ export interface CardOwnedVehicleProps extends React.HTMLAttributes<HTMLDivEleme
  * Properties are inherited from HTML Div element.
  * @param props ChipProps
  * @returns React Functional Component
+ * @deprecated
  */
 export declare const CardOwnedVehicle: React.ForwardRefExoticComponent<CardOwnedVehicleProps & React.RefAttributes<HTMLDivElement>>;

package/organisms/cardOwnedVehicle/cardOwnedVehicle.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import e from"react";import{CardOwnedVehicleComponent as o}from"./cardOwnedVehicleComponent.js";import{CardStandardWrapperStyled as i}from"../common/styled/cardStandardWrapperStyled.js";const t=e.forwardRef(((e,t)=>r(i,{isBorderRadius:e.isBorderRadius,size:e.size,ref:t,children:r(o,Object.assign({isCompact:!0},e))})));export{t as CardOwnedVehicle};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{CardOwnedVehicleComponent as o}from"./cardOwnedVehicleComponent.js";import{CardStandardWrapperStyled as i}from"../common/styled/cardStandardWrapperStyled.js";const t=e(((e,t)=>r(i,{isBorderRadius:e.isBorderRadius,size:e.size,ref:t,children:r(o,Object.assign({isCompact:!0},e))})));export{t as CardOwnedVehicle};
 //# sourceMappingURL=cardOwnedVehicle.js.map

package/organisms/cardOwnedVehicle/cardOwnedVehicle.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardOwnedVehicle.js","sources":["../../../src/organisms/cardOwnedVehicle/cardOwnedVehicle.tsx"],"sourcesContent":[null],"names":["CardOwnedVehicle","React","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardOwnedVehicleComponent","Object","assign","isCompact"],"mappings":"kOA4HO,MAAMA,EAAmBC,EAAMC,YAAkD,CAACC,EAAOC,IAE5FC,EAACC,EAAyB,CAACC,eAAgBJ,EAAMI,eAAgBC,KAAML,EAAMK,KAAMJ,IAAKA,EACtFK,SAAAJ,EAACK,EAA0BC,OAAAC,OAAA,CAAAC,WAAW,GAAUV"}
+{"version":3,"file":"cardOwnedVehicle.js","sources":["../../../src/organisms/cardOwnedVehicle/cardOwnedVehicle.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport CardOwnedVehicleComponent from './cardOwnedVehicleComponent';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardOwnedVehicle = forwardRef((props, ref) => {\n    return (_jsx(CardStandardWrapperStyled, { isBorderRadius: props.isBorderRadius, size: props.size, ref: ref, children: _jsx(CardOwnedVehicleComponent, Object.assign({ isCompact: true }, props)) }));\n});\n//# sourceMappingURL=cardOwnedVehicle.js.map"],"names":["CardOwnedVehicle","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardOwnedVehicleComponent","Object","assign","isCompact"],"mappings":"gPAWY,MAACA,EAAmBC,GAAW,CAACC,EAAOC,IACvCC,EAAKC,EAA2B,CAAEC,eAAgBJ,EAAMI,eAAgBC,KAAML,EAAMK,KAAMJ,IAAKA,EAAKK,SAAUJ,EAAKK,EAA2BC,OAAOC,OAAO,CAAEC,WAAW,GAAQV"}

package/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { CardOwnedVehicleProps } from './cardOwnedVehicle';
-export declare const CardOwnedVehicleComponent: React.ForwardRefExoticComponent<CardOwnedVehicleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardOwnedVehicleComponent: FC<CardOwnedVehicleProps>;
 export default CardOwnedVehicleComponent;

package/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as i,jsx as a}from"react/jsx-runtime";import t from"react";import{Indicator as n}from"../../components/indicator/indicator.js";import r from"@mui/material/Card";import{Label as o}from"../../components/label/label.js";import l from"../common/menuCardComponent/menuCardComponent.js";import p from"../common/buttonCardComponent/buttonCardComponent.js";import{LabelFeature as c}from"../../components/labelFeature/labelFeature.js";import{styled as m}from"@mui/material/styles";import{handleMaxChars as d}from"../../utils/utilities.js";import s from"../../components/common/imageComponent.js";const g=t.forwardRef((({label:e,labelVariant:t,vehicleName:r,equipment:m,vehicleStatus:g,vehicleStatusVariant:b,image:u,fallbackImage:x,altDescriptionImage:f,mandatoryButtonObject:y,optionalButtonObject:v,darkOpacityLayer:w,lightOpacityLayer:C,menuCardComponentProps:k,isMenuDropdown:S,vehicleSpecs:j,vehicleSpecsObject:N,isCompact:O,size:z},I)=>i(h,{size:z,darkOpacityLayer:w,lightOpacityLayer:C,children:[a("div",{className:"CardImageOverlayTheme"}),a("div",{className:"ownedVehicleContainer",children:i("div",{className:"ownedVehicleContainerContent",children:[i("div",{className:"vehicleTitleContainer",children:[e&&("feature"===t?a(c,{className:"CardImageLabelFeature",variant:"primary",children:d(e,30)}):a(o,{className:"CardImageLabel",label:d(e,30)})),r&&a("h2",{style:{margin:0},className:"vehicleName",children:d(r,20)}),m&&a("h4",{style:{margin:0},className:"vehicleEquipment",children:d(m,20)}),g&&a(n,{className:"disclamer",label:g,variant:b})]}),a("div",{className:"ownedVehicleImage",children:a(s,{image:u,alt:f,fallbackImage:x})}),i("div",{className:"ownedVehicleSpecsContainer",children:[i("div",{className:"ownedVehicleButtons",children:[(null==y?void 0:y.label)&&a(p,{className:"button-component",buttonObject:y,compact:O}),(null==v?void 0:v.label)&&a(p,{className:"button-component",buttonObject:v,compact:O})]}),j&&i("div",{className:"ownedVehicleSpecs",children:[N.map(((e,t)=>i("div",{children:[e.subtitle&&a("p",{children:e.subtitle}),e.value&&a("p",{children:a("b",{children:e.value})})]},"ownedVehicleSpecsItem"+t)))," "]})]}),S&&a(l,Object.assign({},k))]})})]}))),h=m(r,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((i=>{var{theme:a}=i,t=e(i,["theme"]);const n=((e,i)=>{let a="";switch(i){case"opacity25":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return a})(t.darkOpacityLayer,t.lightOpacityLayer),r=((e,i,a)=>{let t="";return"opacity0"!==i&&"opacity0"===e&&(t=a.palette.onSurface.os900),t="opacity0"!==e?a.palette.onSurface.os0:a.palette.onSurface.os900,t})(t.darkOpacityLayer,t.lightOpacityLayer,a);let o={};return o={position:"relative",width:"100%",padding:"24px",backgroundColor:a.palette.transparent.primary,color:r,"& .ownedVehicleImage":{marginTop:"-45px",position:"relative",[a.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .disclamer":{fontSize:"14px",lineHeight:"20px",marginTop:"4px",color:r},"& .ownedVehicleContainer":{position:"relative",height:"100%",width:"100%"},"& .ownedVehicleContainerContent":{overflow:"hidden",height:"100%",width:"100%",display:"flex",flexDirection:"column",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%","& > .vehicleName":{fontSize:"23px",[a.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[a.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"}},"& > .ownedVehicleSpecsContainer":{marginTop:"-25px",fontSize:"14px",lineHeight:"20px",display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[a.breakpoints.up("md")]:{flexDirection:"row",marginTop:"fixed"===t.size?0:"-25px"},"& > .ownedVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[a.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[a.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .ownedVehicleSpecs":{display:"flex",flexDirection:"row",alignItems:"end",marginBottom:a.breakpoints.values.md?0:"12px"," & > div:first-of-type":{marginRight:"24px"}," & > div > p":{margin:0}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:n}},o}));export{g as CardOwnedVehicleComponent,g as default};
+import{__rest as e}from"tslib";import{jsxs as a,jsx as i}from"react/jsx-runtime";import{Indicator as t}from"../../components/indicator/indicator.js";import n from"@mui/material/Card";import{Label as r}from"../../components/label/label.js";import o from"../common/menuCardComponent/menuCardComponent.js";import l from"../common/buttonCardComponent/buttonCardComponent.js";import{LabelFeature as p}from"../../components/labelFeature/labelFeature.js";import{styled as c}from"@mui/material/styles";import{handleMaxChars as m}from"../../utils/utilities.js";import d from"../../components/common/imageComponent.js";const s=({label:e,labelVariant:n,vehicleName:c,equipment:s,vehicleStatus:h,vehicleStatusVariant:b,image:u,fallbackImage:x,altDescriptionImage:f,mandatoryButtonObject:y,optionalButtonObject:v,darkOpacityLayer:C,lightOpacityLayer:w,menuCardComponentProps:k,isMenuDropdown:j,vehicleSpecs:N,vehicleSpecsObject:O,isCompact:S,size:z})=>a(g,{size:z,darkOpacityLayer:C,lightOpacityLayer:w,children:[i("div",{className:"CardImageOverlayTheme"}),i("div",{className:"ownedVehicleContainer",children:a("div",{className:"ownedVehicleContainerContent",children:[a("div",{className:"vehicleTitleContainer",children:[e&&("feature"===n?i(p,{className:"CardImageLabelFeature",variant:"primary",children:m(e,30)}):i(r,{className:"CardImageLabel",label:m(e,30)})),c&&i("h2",{style:{margin:0},className:"vehicleName",children:m(c,20)}),s&&i("h4",{style:{margin:0},className:"vehicleEquipment",children:m(s,20)}),h&&i(t,{className:"disclamer",label:h,variant:b})]}),i("div",{className:"ownedVehicleImage",children:i(d,{image:u,alt:f,fallbackImage:x})}),a("div",{className:"ownedVehicleSpecsContainer",children:[a("div",{className:"ownedVehicleButtons",children:[(null==y?void 0:y.label)&&i(l,{className:"button-component",buttonObject:y,compact:S}),(null==v?void 0:v.label)&&i(l,{className:"button-component",buttonObject:v,compact:S})]}),N&&a("div",{className:"ownedVehicleSpecs",children:[O.map((e=>a("div",{children:[e.subtitle&&i("p",{children:e.subtitle}),e.value&&i("p",{children:i("b",{children:e.value})})]},e.value)))," "]})]}),j&&i(o,Object.assign({},k))]})})]}),g=c(n,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((a=>{var{theme:i}=a,t=e(a,["theme"]);const n=((e,a)=>{let i="";switch(a){case"opacity25":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return i})(t.darkOpacityLayer,t.lightOpacityLayer),r=((e,a,i)=>{let t="";return"opacity0"!==a&&"opacity0"===e&&(t=i.palette.onSurface.os900),t="opacity0"!==e?i.palette.onSurface.os0:i.palette.onSurface.os900,t})(t.darkOpacityLayer,t.lightOpacityLayer,i);let o={};return o={position:"relative",width:"100%",padding:"24px",backgroundColor:i.palette.transparent.primary,color:r,"& .ownedVehicleImage":{marginTop:"-45px",position:"relative",[i.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .disclamer":{fontSize:"14px",lineHeight:"20px",marginTop:"4px",color:r},"& .ownedVehicleContainer":{position:"relative",height:"100%",width:"100%"},"& .ownedVehicleContainerContent":{overflow:"hidden",height:"100%",width:"100%",display:"flex",flexDirection:"column",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%","& > .vehicleName":{fontSize:"23px",[i.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[i.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"}},"& > .ownedVehicleSpecsContainer":{marginTop:"-25px",fontSize:"14px",lineHeight:"20px",display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[i.breakpoints.up("md")]:{flexDirection:"row",marginTop:"fixed"===t.size?0:"-25px"},"& > .ownedVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[i.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[i.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .ownedVehicleSpecs":{display:"flex",flexDirection:"row",alignItems:"end",marginBottom:i.breakpoints.values.md?0:"12px"," & > div:first-of-type":{marginRight:"24px"}," & > div > p":{margin:0}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:n}},o}));export{s as CardOwnedVehicleComponent,s as default};
 //# sourceMappingURL=cardOwnedVehicleComponent.js.map

package/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardOwnedVehicleComponent.js","sources":["../../../src/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.tsx"],"sourcesContent":[null],"names":["CardOwnedVehicleComponent","React","forwardRef","label","labelVariant","vehicleName","equipment","vehicleStatus","vehicleStatusVariant","image","fallbackImage","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","vehicleSpecs","vehicleSpecsObject","isCompact","size","ref","_jsxs","CardOwnVehicleComponentStyled","_jsx","className","children","LabelFeature","variant","handleMaxChars","Label","style","margin","Indicator","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","map","item","index","subtitle","value","MenuCardComponent","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","palette","onSurface","os900","os0","handleTextColor","position","width","padding","backgroundColor","transparent","primary","marginTop","breakpoints","up","zIndex","height","display","justifyContent","minHeight","maxWidth","maxHeight","objectFit","fontSize","lineHeight","overflow","flexDirection","boxSizing","marginLeft","marginBottom","flexWrap","alignItems","gap","values","md","marginRight","top","right","background"],"mappings":"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"}
+{"version":3,"file":"cardOwnedVehicleComponent.js","sources":["../../../src/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '../../components/indicator';\nimport MuiCard from '@mui/material/Card';\nimport { Label } from '../../components/label';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { styled } from '@mui/material/styles';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nexport const CardOwnedVehicleComponent = ({ label, labelVariant, vehicleName, equipment, vehicleStatus, vehicleStatusVariant, image, fallbackImage, altDescriptionImage, mandatoryButtonObject, optionalButtonObject, darkOpacityLayer, lightOpacityLayer, menuCardComponentProps, isMenuDropdown, vehicleSpecs, vehicleSpecsObject, isCompact, size, }) => {\n    return (_jsxs(CardOwnVehicleComponentStyled, { size: size, darkOpacityLayer: darkOpacityLayer, lightOpacityLayer: lightOpacityLayer, children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsx(\"div\", { className: \"ownedVehicleContainer\", children: _jsxs(\"div\", { className: \"ownedVehicleContainerContent\", children: [_jsxs(\"div\", { className: \"vehicleTitleContainer\", children: [label &&\n                                    (labelVariant === 'feature' ? (_jsx(LabelFeature, { className: \"CardImageLabelFeature\", variant: \"primary\", children: handleMaxChars(label, 30) })) : (_jsx(Label, { className: \"CardImageLabel\", label: handleMaxChars(label, 30) }))), vehicleName && (_jsx(\"h2\", { style: { margin: 0 }, className: \"vehicleName\", children: handleMaxChars(vehicleName, 20) })), equipment && (_jsx(\"h4\", { style: { margin: 0 }, className: \"vehicleEquipment\", children: handleMaxChars(equipment, 20) })), vehicleStatus && _jsx(Indicator, { className: \"disclamer\", label: vehicleStatus, variant: vehicleStatusVariant })] }), _jsx(\"div\", { className: \"ownedVehicleImage\", children: _jsx(ImageComponent, { image: image, alt: altDescriptionImage, fallbackImage: fallbackImage }) }), _jsxs(\"div\", { className: \"ownedVehicleSpecsContainer\", children: [_jsxs(\"div\", { className: \"ownedVehicleButtons\", children: [(mandatoryButtonObject === null || mandatoryButtonObject === void 0 ? void 0 : mandatoryButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: mandatoryButtonObject, compact: isCompact })), (optionalButtonObject === null || optionalButtonObject === void 0 ? void 0 : optionalButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: optionalButtonObject, compact: isCompact }))] }), vehicleSpecs && (_jsxs(\"div\", { className: \"ownedVehicleSpecs\", children: [vehicleSpecsObject.map((item) => {\n                                            return (_jsxs(\"div\", { children: [item.subtitle && _jsx(\"p\", { children: item.subtitle }), item.value && (_jsx(\"p\", { children: _jsx(\"b\", { children: item.value }) }))] }, item.value));\n                                        }), ' '] }))] }), isMenuDropdown && _jsx(MenuCardComponent, Object.assign({}, menuCardComponentProps))] }) })] }));\n};\nexport default CardOwnedVehicleComponent;\nconst handleOpacity = (darkOpacityLayer, lightOpacityLayer) => {\n    let opacity = '';\n    switch (lightOpacityLayer) {\n        case 'opacity25':\n            opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)';\n            break;\n        case 'opacity50':\n            opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)';\n            break;\n        case 'opacity75':\n            opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)';\n            break;\n    }\n    switch (darkOpacityLayer) {\n        case 'opacity25':\n            opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)';\n            break;\n        case 'opacity50':\n            opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)';\n            break;\n        case 'opacity75':\n            opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)';\n            break;\n    }\n    return opacity;\n};\nconst handleTextColor = (darkOpacityLayer, lightOpacityLayer, theme) => {\n    let color = '';\n    if (lightOpacityLayer !== 'opacity0' && darkOpacityLayer === 'opacity0') {\n        color = theme.palette.onSurface.os900;\n    }\n    if (darkOpacityLayer !== 'opacity0') {\n        color = theme.palette.onSurface.os0;\n    }\n    else\n        color = theme.palette.onSurface.os900;\n    return color;\n};\n/**\n * @description cardOwnedVehicleComponent styling definition based on props\n */\nconst CardOwnVehicleComponentStyled = styled(MuiCard, {\n    shouldForwardProp: (prop) => prop !== 'darkOpacityLayer' && prop !== 'lightOpacityLayer' && prop !== 'size',\n})((_a) => {\n    var { theme } = _a, props = __rest(_a, [\"theme\"]);\n    const opacityLayer = handleOpacity(props.darkOpacityLayer, props.lightOpacityLayer);\n    const textColor = handleTextColor(props.darkOpacityLayer, props.lightOpacityLayer, theme);\n    let style = {};\n    style = {\n        position: 'relative',\n        width: '100%',\n        padding: '24px',\n        backgroundColor: theme.palette.transparent.primary,\n        color: textColor,\n        '& .ownedVehicleImage': {\n            marginTop: '-45px',\n            position: 'relative',\n            [theme.breakpoints.up('md')]: {\n                position: props.size === 'fixed' ? 'absolute' : 'relative',\n                marginTop: props.size === 'fixed' ? 0 : '-45px',\n            },\n            zIndex: 0,\n            width: '100%',\n            height: '100%',\n            display: 'flex',\n            justifyContent: 'center',\n            ' & > img': {\n                minHeight: '176px',\n                maxWidth: '100%',\n                maxHeight: '100%',\n                position: 'relative',\n                objectFit: 'contain',\n            },\n        },\n        '& .disclamer': {\n            fontSize: '14px',\n            lineHeight: '20px',\n            marginTop: '4px',\n            color: textColor,\n        },\n        '& .ownedVehicleContainer': {\n            position: 'relative',\n            height: '100%',\n            width: '100%',\n        },\n        '& .ownedVehicleContainerContent': {\n            overflow: 'hidden',\n            height: '100%',\n            width: '100%',\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: props.size === 'fixed' ? 'space-between' : 'normal',\n            boxSizing: 'border-box',\n            ' & > .vehicleTitleContainer': {\n                zIndex: 2,\n                width: '100%',\n                '& > .vehicleName': {\n                    fontSize: '23px',\n                    [theme.breakpoints.up('md')]: {\n                        fontSize: '24px',\n                    },\n                    lineHeight: '28px',\n                },\n                '& > .vehicleEquipment': {\n                    fontSize: '16px',\n                    [theme.breakpoints.up('md')]: {\n                        fontSize: '18px',\n                    },\n                    lineHeight: '24px',\n                },\n                '& > .CardImageLabelFeature': {\n                    marginLeft: '0px !important',\n                    marginBottom: '8px',\n                },\n                '& > .CardImageLabel': {\n                    lineHeight: '12px !important',\n                    marginBottom: '8px',\n                },\n            },\n            '& > .ownedVehicleSpecsContainer': {\n                marginTop: '-25px',\n                fontSize: '14px',\n                lineHeight: '20px',\n                display: 'flex',\n                flexDirection: 'column-reverse',\n                flexWrap: 'wrap-reverse',\n                width: '100%',\n                justifyContent: 'space-between',\n                zIndex: 2,\n                [theme.breakpoints.up('md')]: {\n                    flexDirection: 'row',\n                    marginTop: props.size === 'fixed' ? 0 : '-25px',\n                },\n                '& > .ownedVehicleButtons': {\n                    display: 'flex',\n                    flexDirection: 'column',\n                    alignItems: 'end',\n                    flexWrap: 'wrap',\n                    gap: '12px 16px',\n                    marginTop: '8px',\n                    '& > .button-component': {\n                        width: '100%',\n                        [theme.breakpoints.up('md')]: {\n                            width: 'auto',\n                            padding: '0 0 2px 2px',\n                        },\n                        ' > div': {\n                            width: '100%',\n                        },\n                    },\n                    '& .MuiButton-root': {\n                        width: '100%',\n                    },\n                    [theme.breakpoints.up('md')]: {\n                        flexDirection: 'row',\n                        '& > a': {\n                            '& + a': {\n                                marginTop: '0',\n                            },\n                        },\n                    },\n                },\n                ' & > .ownedVehicleSpecs': {\n                    display: 'flex',\n                    flexDirection: 'row',\n                    alignItems: 'end',\n                    marginBottom: theme.breakpoints.values.md ? 0 : '12px',\n                    ' & > div:first-of-type': {\n                        marginRight: '24px',\n                    },\n                    ' & > div > p': {\n                        margin: 0,\n                    },\n                },\n            },\n            ' & >.menuCardComponent': {\n                top: '-7px',\n                right: '-5px',\n            },\n        },\n        ' & >.CardImageOverlayTheme': {\n            background: opacityLayer,\n        },\n    };\n    return style;\n});\n//# sourceMappingURL=cardOwnedVehicleComponent.js.map"],"names":["CardOwnedVehicleComponent","label","labelVariant","vehicleName","equipment","vehicleStatus","vehicleStatusVariant","image","fallbackImage","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","vehicleSpecs","vehicleSpecsObject","isCompact","size","_jsxs","CardOwnVehicleComponentStyled","children","_jsx","className","LabelFeature","variant","handleMaxChars","Label","style","margin","Indicator","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","map","item","subtitle","value","MenuCardComponent","Object","assign","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","palette","onSurface","os900","os0","handleTextColor","position","width","padding","backgroundColor","transparent","primary","marginTop","breakpoints","up","zIndex","height","display","justifyContent","minHeight","maxWidth","maxHeight","objectFit","fontSize","lineHeight","overflow","flexDirection","boxSizing","marginLeft","marginBottom","flexWrap","alignItems","gap","values","md","marginRight","top","right","background"],"mappings":"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"}

package/organisms/cardPhotoAdjustable/cardPhotoAdjustable.d.ts

@@ -1,13 +1,12 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
 import { ButtonVariants } from '../..';
 /**
  * @interface ChipProps
  * @description Base definition of SkodaFlow Chip independent on core implementation.
  * Properties are inherited from HTML div element
- * @deprecated
  */
-export interface CardPhotoAdjustableProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CardPhotoAdjustableProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Label text
      */
@@ -86,5 +85,6 @@ export interface CardPhotoAdjustableProps extends React.HTMLAttributes<HTMLDivEl
  * Properties are inherited from HTML Div element.
  * @param props CardPhotoFixedProps
  * @returns React Functional Component
+ * @deprecated
  */
 export declare const CardPhotoAdjustable: React.ForwardRefExoticComponent<CardPhotoAdjustableProps & React.RefAttributes<HTMLDivElement>>;

package/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js

@@ -1,4 +1,4 @@
-import{jsx as e}from"react/jsx-runtime";import t from"react";import i from"@emotion/styled";import a from"@mui/material/Card";import r from"./cardPhotoAdjustableComponent.js";import{opacityLayerSwitchLightStatement as o,opacityLayerSwitchDarkStatement as n}from"../../utils/utilities.js";const p=t.forwardRef(((t,i)=>e(d,{ref:i,children:e(r,Object.assign({},t))}))),d=i(a)`
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import i from"@emotion/styled";import a from"@mui/material/Card";import r from"./cardPhotoAdjustableComponent.js";import{opacityLayerSwitchLightStatement as o,opacityLayerSwitchDarkStatement as n}from"../../utils/utilities.js";const p=t(((t,i)=>e(d,{ref:i,children:e(r,Object.assign({},t))}))),d=i(a)`
   height: ${e=>{switch(e.children.props.heightSize){case"small":return"180px";case"medium":case"normal":return"400px";default:return""}}};
 
   @media (min-width: ${e=>e.theme.breakpoints.values.sm}px) {

package/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoAdjustable.js","sources":["../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustable.tsx"],"sourcesContent":[null],"names":["CardPhotoAdjustable","React","forwardRef","props","ref","_jsx","CardPhotoAdjustableStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","heightSize","theme","breakpoints","values","sm","md","palette","onSurface","os0","lightOpacity","darkOpacity","cardType","text","primary","shape","borderRadius","isBorderRadius","lg","xl","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"gSA+GO,MAAMA,EAAsBC,EAAMC,YAAqD,CAACC,EAAOC,IAElGC,EAACC,EAAyB,CAACF,IAAKA,EAC9BG,SAAAF,EAACG,EAA4BC,OAAAC,OAAA,CAAA,EAAAP,QAS7BG,EAA4BK,EAAOC,EAAwD;YACpFT,IACT,OAAQA,EAAMI,SAASJ,MAAMU,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SAGL,IAAK,SACH,MAAO,QAET,QACE,MAAO,GACV;;uBAGmBV,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;cAClDd,IACT,OAAQA,EAAMI,SAASJ,MAAMU,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,QACE,MAAO,GACV;;;uBAIiBV,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;cAClDf,IACT,OAAQA,EAAMI,SAASJ,MAAMU,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,QACE,MAAO,GACV;;;;;;;sBAQgBV,GACZA,EAAMW,MAAMK,QAAQC,UAAUC;;WAG7BlB,GAEiC,aAAtCA,EAAMI,SAASJ,MAAMmB,cAAoE,aAArCnB,EAAMI,SAASJ,MAAMoB,aACxC,iBAAlCpB,EAAMI,SAASJ,MAAMqB,SAEdrB,EAAMW,MAAMK,QAAQM,KAAKC,SAEO,aAArCvB,EAAMI,SAASJ,MAAMoB,aAA8BpB,EAAMI,SAASJ,MAAMqB,SACnErB,EAAMW,MAAMK,QAAQC,UAAUC;IAGtClB,IACD,GAAIA,EAAMW,MAAMa,MAAMC,aACpB,MAAO,mBACR;;IAGAzB,IACD,GAAIA,EAAMI,SAASJ,MAAM0B,eACvB,MAAO,qBACR;;;;;;;;;aAUS1B,GACkC,aAAtCA,EAAMI,SAASJ,MAAMmB,cAAoE,aAArCnB,EAAMI,SAASJ,MAAMoB,YACpEpB,EAAMW,MAAMK,QAAQM,KAAKC,QAEO,aAArCvB,EAAMI,SAASJ,MAAMoB,YAChBpB,EAAMW,MAAMK,QAAQC,UAAUC,SADvC;;;;;;;;;;;;;;;;;;;;;2BAwBsBlB,GAAUA,EAAMW,MAAMC,YAAYC,OAAOc;;;;;;;;2BAQzC3B,GAAUA,EAAMW,MAAMC,YAAYC,OAAOe;;;;;;;;;;;yBAW3C5B,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;yBAWzCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;2BAKvCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;2BAKzCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;yBAa3Cf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;yBAYzCd,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;;2BAcvCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;;MAa9Dd,GACM6B,EAAiC7B,EAAMI,SAASJ,MAAMmB,aAAc;;MAG1EnB,GACM8B,EAAgC9B,EAAMI,SAASJ,MAAMoB,YAAa;;"}
+{"version":3,"file":"cardPhotoAdjustable.js","sources":["../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustable.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport CardPhotoFixedComponent from './cardPhotoAdjustableComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPhotoAdjustable = forwardRef((props, ref) => {\n    return (_jsx(CardPhotoAdjustableStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({}, props)) }));\n});\n/**\n * @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoAdjustableStyled = styled(MuiCard) `\r\n  height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '180px';\n        case 'medium':\n            return '400px';\n        case 'normal':\n            return '400px';\n        default:\n            return '';\n    }\n}};\r\n\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n    height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '150px';\n        case 'medium':\n            return '240px';\n        case 'normal':\n            return '300px';\n        default:\n            return '';\n    }\n}};\r\n  }\r\n\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n    height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '200px';\n        case 'medium':\n            return '300px';\n        case 'normal':\n            return '400px';\n        default:\n            return '';\n    }\n}};\r\n  }\r\n\r\n  padding: 0;\r\n  .CardImagePicture {\r\n    display: block;\r\n  }\r\n  background-color: ${(props) => {\n    return props.theme.palette.onSurface.os0;\n}};\r\n\r\n  color: ${(props) => {\n    if ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n        props.children.props.cardType === 'configurator') {\n        return props.theme.palette.text.primary;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n        return props.theme.palette.onSurface.os0;\n    }\n    else\n        return props.theme.palette.onSurface.os0;\n}};\r\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\r\n\r\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\r\n\r\n\t.CardImageHeader {\r\n    width: 100%;\r\n  }\r\n  .CardImageHeader {\r\n    .Label {\r\n      margin: 0;\r\n    }\r\n    color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n    }\n}};\r\n  }\r\n  .CardImageMedia {\r\n    position: relative;\r\n    height: auto;\r\n  }\r\n  .CardImageTextContainer {\r\n    padding: 24px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n  .CardImageText {\r\n    position: absolute;\r\n    .CardImageSubtitle {\r\n      font-weight: bold;\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n        font-size: 18px;\r\n        line-height: 28px;\r\n      }\r\n    }\r\n    .CardImageTitle {\r\n      font-size: 27px;\r\n      line-height: 32px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n        font-size: 30px;\r\n        line-height: 36px;\r\n      }\r\n    }\r\n  }\r\n  .CardImageButtonsContainerContent {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    flex-direction: column-reverse;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n    }\r\n  }\r\n  .CardImageButtonsContainer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n  }\r\n  .CardImageButtons {\r\n    gap: 12px 16px;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n    }\r\n    .cta-button {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n      }\r\n    }\r\n    .cta-button button {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  .LabelsOptional {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-top: 8px;\r\n    span:first-of-type {\r\n      margin-bottom: 4px;\r\n    }\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n      span:first-of-type {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n  .InfoVehicle {\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n    margin-bottom: 12px;\r\n    text-align: left;\r\n    width: 100%;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      margin-bottom: 0;\r\n      text-align: right;\r\n    }\r\n    margin-bottom: 16px;\r\n    .InfoVehicleTotal {\r\n      font-weight: bold;\r\n    }\r\n    .infoVehicleDealerInfoContainer {\r\n      display: inline-flex;\r\n      width: 100%;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n        text-align: right;\r\n        margin-bottom: 0;\r\n        width: auto;\r\n      }\r\n    }\r\n    .infoVehicleDealerInfo {\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n  }\r\n  .CardImageOverlayTheme {\r\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n  }\r\n`;\n//# sourceMappingURL=cardPhotoAdjustable.js.map"],"names":["CardPhotoAdjustable","forwardRef","props","ref","_jsx","CardPhotoAdjustableStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","heightSize","theme","breakpoints","values","sm","md","palette","onSurface","os0","lightOpacity","darkOpacity","cardType","text","primary","shape","borderRadius","isBorderRadius","lg","xl","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"8SAaY,MAACA,EAAsBC,GAAW,CAACC,EAAOC,IAC1CC,EAAKC,EAA2B,CAAEF,IAAKA,EAAKG,SAAUF,EAAKG,EAAyBC,OAAOC,OAAO,CAAA,EAAIP,QAK5GG,EAA4BK,EAAOC,EAAS;YACrCT,IACT,OAAQA,EAAMI,SAASJ,MAAMU,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SAEL,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;uBAGmBV,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;cAClDd,IACX,OAAQA,EAAMI,SAASJ,MAAMU,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;uBAImBV,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;cAClDf,IACX,OAAQA,EAAMI,SAASJ,MAAMU,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;;;;;sBAQkBV,GACZA,EAAMW,MAAMK,QAAQC,UAAUC;;WAG7BlB,GACmC,aAAtCA,EAAMI,SAASJ,MAAMmB,cAAoE,aAArCnB,EAAMI,SAASJ,MAAMoB,aACxC,iBAAlCpB,EAAMI,SAASJ,MAAMqB,SACdrB,EAAMW,MAAMK,QAAQM,KAAKC,SAEK,aAArCvB,EAAMI,SAASJ,MAAMoB,aAA8BpB,EAAMI,SAASJ,MAAMqB,SACjErB,EAAMW,MAAMK,QAAQC,UAAUC;IAKxClB,IACD,GAAIA,EAAMW,MAAMa,MAAMC,aAClB,MAAO,mBACV;;IAGAzB,IACD,GAAIA,EAAMI,SAASJ,MAAM0B,eACrB,MAAO,qBACV;;;;;;;;;aAUS1B,GACgC,aAAtCA,EAAMI,SAASJ,MAAMmB,cAAoE,aAArCnB,EAAMI,SAASJ,MAAMoB,YAClEpB,EAAMW,MAAMK,QAAQM,KAAKC,QAEK,aAArCvB,EAAMI,SAASJ,MAAMoB,YACdpB,EAAMW,MAAMK,QAAQC,UAAUC,SADzC;;;;;;;;;;;;;;;;;;;;;2BAwBwBlB,GAAUA,EAAMW,MAAMC,YAAYC,OAAOc;;;;;;;;2BAQzC3B,GAAUA,EAAMW,MAAMC,YAAYC,OAAOe;;;;;;;;;;;yBAW3C5B,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;yBAWzCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;2BAKvCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;2BAKzCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;yBAa3Cf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;yBAYzCd,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;;2BAcvCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;;MAa9Dd,GACI6B,EAAiC7B,EAAMI,SAASJ,MAAMmB,aAAc;;MAGxEnB,GACI8B,EAAgC9B,EAAMI,SAASJ,MAAMoB,YAAa;;"}

package/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { CardPhotoAdjustableProps } from '.';
-declare const CardPhotoFixedComponent: React.ForwardRefExoticComponent<CardPhotoAdjustableProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardPhotoFixedComponent: FC<CardPhotoAdjustableProps>;
 export default CardPhotoFixedComponent;

package/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.js

@@ -1,2 +1,2 @@
-import{jsxs as a,Fragment as e,jsx as t}from"react/jsx-runtime";import n,{useCallback as l}from"react";import{Button as r}from"../../components/button/button.js";import{LabelFeature as i}from"../../components/labelFeature/labelFeature.js";import{handleMaxChars as o}from"../../utils/utilities.js";const c=n.forwardRef((({cardImage:n,altImageDescription:c,labelText:s,labelVariants:m,title:d,subtitle:u,buttonLink:b,buttonLabel:h,buttonVariant:C,optionalButton:p,optionalButtonLink:I,optionalButtonLabel:N,optionalButtonVariant:g,analyticsCallback:v},f)=>{const x=l((a=>{v&&v(a)}),[v]);return a(e,{children:[t("div",{className:"CardImageOverlayTheme"}),t("div",{className:"CardImageText",children:a("div",{className:"CardImageTextContainer",children:[a("div",{className:"CardImageHeader",children:[s&&t(i,{className:"Label",variant:m,label:o(s,30)}),d&&t("h2",{className:"h4",children:o(d,30)}),u&&t("span",{className:"CardImageSubtitle",children:o(u,30)})]}),t("div",{className:"CardImageButtonsContainer",children:t("div",{className:"CardImageButtonsContainerContent",children:a("div",{className:"CardImageButtons",children:[t("a",{tabIndex:-1,className:"cta-button",href:encodeURI(b),style:{textDecoration:"none"},children:t(r,{label:o(h,30),variant:C,compact:!0,onClick:()=>x(h)})}),p&&N&&I&&t("a",{tabIndex:-1,className:"cta-button",href:encodeURI(I),style:{textDecoration:"none"},children:t(r,{label:o(N,30),variant:g,compact:!0,onClick:()=>x(N)})})]})})})]})}),t("div",{className:"CardImageMedia",children:t("div",{className:"CardImagePicture",children:t("img",{src:n,alt:c})})})]})}));export{c as default};
+import{jsxs as a,Fragment as e,jsx as t}from"react/jsx-runtime";import{useCallback as n}from"react";import{Button as l}from"../../components/button/button.js";import{LabelFeature as i}from"../../components/labelFeature/labelFeature.js";import{handleMaxChars as r}from"../../utils/utilities.js";const o=({cardImage:o,altImageDescription:c,labelText:s,labelVariants:m,title:d,subtitle:u,buttonLink:b,buttonLabel:h,buttonVariant:C,optionalButton:p,optionalButtonLink:I,optionalButtonLabel:N,optionalButtonVariant:g,analyticsCallback:v})=>{const x=n((a=>{null==v||v(a)}),[v]);return a(e,{children:[t("div",{className:"CardImageOverlayTheme"}),t("div",{className:"CardImageText",children:a("div",{className:"CardImageTextContainer",children:[a("div",{className:"CardImageHeader",children:[s&&t(i,{className:"Label",variant:m,label:r(s,30)}),d&&t("h2",{className:"h4",children:r(d,30)}),u&&t("span",{className:"CardImageSubtitle",children:r(u,30)})]}),t("div",{className:"CardImageButtonsContainer",children:t("div",{className:"CardImageButtonsContainerContent",children:a("div",{className:"CardImageButtons",children:[t("a",{tabIndex:-1,className:"cta-button",href:encodeURI(b),style:{textDecoration:"none"},children:t(l,{label:r(h,30),variant:C,compact:!0,onClick:()=>x(h)})}),p&&N&&I&&t("a",{tabIndex:-1,className:"cta-button",href:encodeURI(I),style:{textDecoration:"none"},children:t(l,{label:r(N,30),variant:g,compact:!0,onClick:()=>x(N)})})]})})})]})}),t("div",{className:"CardImageMedia",children:t("div",{className:"CardImagePicture",children:t("img",{src:o,alt:c})})})]})};export{o as default};
 //# sourceMappingURL=cardPhotoAdjustableComponent.js.map

package/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoAdjustableComponent.js","sources":["../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.tsx"],"sourcesContent":[null],"names":["CardPhotoFixedComponent","React","forwardRef","cardImage","altImageDescription","labelText","labelVariants","title","subtitle","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","analyticsCallback","ref","handleOnClick","useCallback","e","_jsxs","_Fragment","children","_jsx","className","LabelFeature","variant","label","handleMaxChars","tabIndex","href","encodeURI","style","textDecoration","Button","compact","onClick","src","alt"],"mappings":"ySAMA,MAAMA,EAA0BC,EAAMC,YACpC,EAEIC,YACAC,sBACAC,YACAC,gBACAC,QACAC,WACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,qBAEFC,KAEA,MAAMC,EAAgBC,GACnBC,IACCJ,GAAqBA,EAAkBI,EAAE,GAE3C,CAACJ,IAEH,OACEK,EACEC,EAAA,CAAAC,SAAA,CAAAC,EAAA,MAAA,CAAKC,UAAU,0BACfD,EAAA,MAAA,CAAKC,UAAU,gBAAeF,SAC5BF,EAAK,MAAA,CAAAI,UAAU,yBACbF,SAAA,CAAAF,EAAA,MAAA,CAAKI,UAAU,kBAAiBF,SAAA,CAC7BlB,GACCmB,EAACE,EAAY,CAACD,UAAU,QAAQE,QAASrB,EAAesB,MAAOC,EAAexB,EAAW,MAE1FE,GAASiB,EAAI,KAAA,CAAAC,UAAU,KAAMF,SAAAM,EAAetB,EAAO,MACnDC,GAAYgB,EAAM,OAAA,CAAAC,UAAU,oBAAqBF,SAAAM,EAAerB,EAAU,SAE7EgB,EAAK,MAAA,CAAAC,UAAU,4BACbF,SAAAC,EAAA,MAAA,CAAKC,UAAU,mCAAkCF,SAC/CF,EAAK,MAAA,CAAAI,UAAU,mBAAkBF,SAAA,CAC/BC,EACE,IAAA,CAAAM,UAAW,EACXL,UAAU,aACVM,KAAMC,UAAUvB,GAChBwB,MAAO,CAAEC,eAAgB,QAEzBX,SAAAC,EAACW,EAAM,CACLP,MAAOC,EAAenB,EAAa,IACnCiB,QAAShB,EACTyB,SAAS,EACTC,QAAS,IAAMnB,EAAcR,OAGhCE,GAAkBE,GAAuBD,GACxCW,EACE,IAAA,CAAAM,UAAW,EACXL,UAAU,aACVM,KAAMC,UAAUnB,GAChBoB,MAAO,CAAEC,eAAgB,QAEzBX,SAAAC,EAACW,EACC,CAAAP,MAAOC,EAAef,EAAqB,IAC3Ca,QAASZ,EACTqB,SAAS,EACTC,QAAS,IAAMnB,EAAcJ,mBAS7CU,EAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC7BC,EAAK,MAAA,CAAAC,UAAU,mBACbF,SAAAC,EAAA,MAAA,CAAKc,IAAKnC,EAAWoC,IAAKnC,UAIhC"}
+{"version":3,"file":"cardPhotoAdjustableComponent.js","sources":["../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useCallback } from 'react';\nimport { Button } from '../../components/button';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { handleMaxChars } from '../../utils/utilities';\nconst CardPhotoFixedComponent = ({ cardImage, altImageDescription, labelText, labelVariants, title, subtitle, buttonLink, buttonLabel, buttonVariant, optionalButton, optionalButtonLink, optionalButtonLabel, optionalButtonVariant, analyticsCallback, }) => {\n    const handleOnClick = useCallback((e) => {\n        analyticsCallback === null || analyticsCallback === void 0 ? void 0 : analyticsCallback(e);\n    }, [analyticsCallback]);\n    return (_jsxs(_Fragment, { children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsx(\"div\", { className: \"CardImageText\", children: _jsxs(\"div\", { className: \"CardImageTextContainer\", children: [_jsxs(\"div\", { className: \"CardImageHeader\", children: [labelText && (_jsx(LabelFeature, { className: \"Label\", variant: labelVariants, label: handleMaxChars(labelText, 30) })), title && _jsx(\"h2\", { className: \"h4\", children: handleMaxChars(title, 30) }), subtitle && _jsx(\"span\", { className: \"CardImageSubtitle\", children: handleMaxChars(subtitle, 30) })] }), _jsx(\"div\", { className: \"CardImageButtonsContainer\", children: _jsx(\"div\", { className: \"CardImageButtonsContainerContent\", children: _jsxs(\"div\", { className: \"CardImageButtons\", children: [_jsx(\"a\", { tabIndex: -1, className: \"cta-button\", href: encodeURI(buttonLink), style: { textDecoration: 'none' }, children: _jsx(Button, { label: handleMaxChars(buttonLabel, 30), variant: buttonVariant, compact: true, onClick: () => handleOnClick(buttonLabel) }) }), optionalButton && optionalButtonLabel && optionalButtonLink && (_jsx(\"a\", { tabIndex: -1, className: \"cta-button\", href: encodeURI(optionalButtonLink), style: { textDecoration: 'none' }, children: _jsx(Button, { label: handleMaxChars(optionalButtonLabel, 30), variant: optionalButtonVariant, compact: true, onClick: () => handleOnClick(optionalButtonLabel) }) }))] }) }) })] }) }), _jsx(\"div\", { className: \"CardImageMedia\", children: _jsx(\"div\", { className: \"CardImagePicture\", children: _jsx(\"img\", { src: cardImage, alt: altImageDescription }) }) })] }));\n};\nexport default CardPhotoFixedComponent;\n//# sourceMappingURL=cardPhotoAdjustableComponent.js.map"],"names":["CardPhotoFixedComponent","cardImage","altImageDescription","labelText","labelVariants","title","subtitle","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","analyticsCallback","handleOnClick","useCallback","e","_jsxs","_Fragment","children","_jsx","className","LabelFeature","variant","label","handleMaxChars","tabIndex","href","encodeURI","style","textDecoration","Button","compact","onClick","src","alt"],"mappings":"sSAKK,MAACA,EAA0B,EAAGC,YAAWC,sBAAqBC,YAAWC,gBAAeC,QAAOC,WAAUC,aAAYC,cAAaC,gBAAeC,iBAAgBC,qBAAoBC,sBAAqBC,wBAAuBC,wBAClO,MAAMC,EAAgBC,GAAaC,IAC/BH,SAAsEA,EAAkBG,EAAE,GAC3F,CAACH,IACJ,OAAQI,EAAMC,EAAW,CAAEC,SAAU,CAACC,EAAK,MAAO,CAAEC,UAAW,0BAA4BD,EAAK,MAAO,CAAEC,UAAW,gBAAiBF,SAAUF,EAAM,MAAO,CAAEI,UAAW,yBAA0BF,SAAU,CAACF,EAAM,MAAO,CAAEI,UAAW,kBAAmBF,SAAU,CAACjB,GAAckB,EAAKE,EAAc,CAAED,UAAW,QAASE,QAASpB,EAAeqB,MAAOC,EAAevB,EAAW,MAASE,GAASgB,EAAK,KAAM,CAAEC,UAAW,KAAMF,SAAUM,EAAerB,EAAO,MAAQC,GAAYe,EAAK,OAAQ,CAAEC,UAAW,oBAAqBF,SAAUM,EAAepB,EAAU,SAAYe,EAAK,MAAO,CAAEC,UAAW,4BAA6BF,SAAUC,EAAK,MAAO,CAAEC,UAAW,mCAAoCF,SAAUF,EAAM,MAAO,CAAEI,UAAW,mBAAoBF,SAAU,CAACC,EAAK,IAAK,CAAEM,UAAW,EAAGL,UAAW,aAAcM,KAAMC,UAAUtB,GAAauB,MAAO,CAAEC,eAAgB,QAAUX,SAAUC,EAAKW,EAAQ,CAAEP,MAAOC,EAAelB,EAAa,IAAKgB,QAASf,EAAewB,SAAS,EAAMC,QAAS,IAAMnB,EAAcP,OAAoBE,GAAkBE,GAAuBD,GAAuBU,EAAK,IAAK,CAAEM,UAAW,EAAGL,UAAW,aAAcM,KAAMC,UAAUlB,GAAqBmB,MAAO,CAAEC,eAAgB,QAAUX,SAAUC,EAAKW,EAAQ,CAAEP,MAAOC,EAAed,EAAqB,IAAKY,QAASX,EAAuBoB,SAAS,EAAMC,QAAS,IAAMnB,EAAcH,mBAA8CS,EAAK,MAAO,CAAEC,UAAW,iBAAkBF,SAAUC,EAAK,MAAO,CAAEC,UAAW,mBAAoBF,SAAUC,EAAK,MAAO,CAAEc,IAAKlC,EAAWmC,IAAKlC,UAAkC"}