@skodaflow/web-library 7.0.2 → 7.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (199) hide show
  1. package/README.md +16 -16
  2. package/cjs/components/alert/Alert.d.ts +3 -0
  3. package/cjs/components/alert/Alert.js +1 -1
  4. package/cjs/components/alert/Alert.js.map +1 -1
  5. package/cjs/components/banner/banner.js +1 -1
  6. package/cjs/components/banner/banner.js.map +1 -1
  7. package/cjs/components/box/box.component.d.ts +3 -0
  8. package/cjs/components/box/index.d.ts +1 -0
  9. package/cjs/components/index.d.ts +1 -0
  10. package/cjs/components/label/label.js.map +1 -1
  11. package/cjs/components/labelFeature/labelFeature.js.map +1 -1
  12. package/cjs/components/labelStatus/labelStatus.js.map +1 -1
  13. package/cjs/components/menu/menu.js +1 -1
  14. package/cjs/components/menu/menu.js.map +1 -1
  15. package/cjs/components/modal/modal.js +1 -1
  16. package/cjs/components/modal/modal.js.map +1 -1
  17. package/cjs/design/skoda/SkodaThemeProvider.d.ts +8 -2
  18. package/cjs/design/skoda/SkodaThemeProvider.js +1 -1
  19. package/cjs/design/skoda/SkodaThemeProvider.js.map +1 -1
  20. package/cjs/design/skoda/SkodaThemeWidgetProvider.d.ts +20 -1
  21. package/cjs/design/skoda/SkodaThemeWidgetProvider.js +1 -1
  22. package/cjs/design/skoda/SkodaThemeWidgetProvider.js.map +1 -1
  23. package/cjs/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
  24. package/cjs/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
  25. package/cjs/design/skoda/components/autocomplete.theme.js +1 -1
  26. package/cjs/design/skoda/components/autocomplete.theme.js.map +1 -1
  27. package/cjs/design/skoda/components/baseline.theme.js.map +1 -1
  28. package/cjs/design/skoda/components/dialog/dialogContentText.theme.d.ts +2 -0
  29. package/cjs/design/skoda/components/dialog/dialogContentText.theme.js +2 -0
  30. package/cjs/design/skoda/components/dialog/dialogContentText.theme.js.map +1 -0
  31. package/cjs/design/skoda/components/form/select.theme.js +1 -1
  32. package/cjs/design/skoda/components/form/select.theme.js.map +1 -1
  33. package/cjs/design/skoda/components/modal.theme.js +1 -1
  34. package/cjs/design/skoda/components/modal.theme.js.map +1 -1
  35. package/cjs/design/skoda/components/popover.theme.js +1 -1
  36. package/cjs/design/skoda/components/popover.theme.js.map +1 -1
  37. package/cjs/design/skoda/components/tabs/tabs.theme.js +1 -1
  38. package/cjs/design/skoda/components/tabs/tabs.theme.js.map +1 -1
  39. package/cjs/design/skoda/index.d.ts +1 -1
  40. package/cjs/design/skoda/theme.d.ts +5 -2
  41. package/cjs/design/skoda/theme.js +1 -1
  42. package/cjs/design/skoda/theme.js.map +1 -1
  43. package/cjs/index.js +1 -1
  44. package/cjs/layout/Error/ErrorContent.js +1 -1
  45. package/cjs/layout/Error/ErrorContent.js.map +1 -1
  46. package/cjs/layout/Footer/FooterIconButton.d.ts +10 -4
  47. package/cjs/layout/Footer/FooterIconButton.js +1 -1
  48. package/cjs/layout/Footer/FooterIconButton.js.map +1 -1
  49. package/cjs/layout/Footer/FooterMenu.d.ts +7 -3
  50. package/cjs/layout/Footer/FooterMenu.js +1 -1
  51. package/cjs/layout/Footer/FooterMenu.js.map +1 -1
  52. package/cjs/layout/Footer/FooterSectionContact.d.ts +9 -3
  53. package/cjs/layout/Footer/FooterSectionContact.js +1 -1
  54. package/cjs/layout/Footer/FooterSectionContact.js.map +1 -1
  55. package/cjs/layout/Footer/PredefinedFooterIconButtons.d.ts +2 -2
  56. package/cjs/layout/Footer/PredefinedFooterIconButtons.js +1 -1
  57. package/cjs/layout/Footer/PredefinedFooterIconButtons.js.map +1 -1
  58. package/cjs/layout/Footer/assets/FacebookIcon.d.ts +1 -0
  59. package/cjs/layout/Footer/assets/FacebookIcon.js +2 -0
  60. package/cjs/layout/Footer/assets/FacebookIcon.js.map +1 -0
  61. package/cjs/layout/Footer/assets/InstagramIcon.d.ts +1 -0
  62. package/cjs/layout/Footer/assets/InstagramIcon.js +2 -0
  63. package/cjs/layout/Footer/assets/InstagramIcon.js.map +1 -0
  64. package/cjs/layout/Footer/assets/TwitterIcon.d.ts +1 -0
  65. package/cjs/layout/Footer/assets/{twitter_icon.svg.js.map → TwitterIcon.js} +2 -1
  66. package/cjs/layout/Footer/assets/TwitterIcon.js.map +1 -0
  67. package/cjs/layout/Footer/assets/YoutubeIcon.d.ts +1 -0
  68. package/cjs/layout/Footer/assets/{youtube_icon.svg.js.map → YoutubeIcon.js} +2 -1
  69. package/cjs/layout/Footer/assets/YoutubeIcon.js.map +1 -0
  70. package/cjs/layout/Footer/assets/index.d.ts +4 -0
  71. package/cjs/layout/Header/HeaderButton.js +1 -1
  72. package/cjs/layout/Header/HeaderButton.js.map +1 -1
  73. package/cjs/layout/SideMenu/SideMenu.d.ts +3 -3
  74. package/cjs/layout/SideMenu/SideMenu.js +1 -1
  75. package/cjs/layout/SideMenu/SideMenu.js.map +1 -1
  76. package/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map +1 -1
  77. package/cjs/organisms/cardPhotoFixed/cardPhotoFixed.js.map +1 -1
  78. package/cjs/organisms/cardTypeOnly/cardTypeOnly.js.map +1 -1
  79. package/cjs/organisms/carousel2/components/NavButton.js +1 -1
  80. package/cjs/organisms/carousel2/components/NavButton.js.map +1 -1
  81. package/cjs/organisms/gallery/Gallery.js +1 -1
  82. package/cjs/organisms/gallery/Gallery.js.map +1 -1
  83. package/cjs/organisms/gallery/GalleryTrigger.js +1 -1
  84. package/cjs/organisms/gallery/GalleryTrigger.js.map +1 -1
  85. package/cjs/organisms/heroImageCard/heroImageCard.js.map +1 -1
  86. package/cjs/organisms/index.d.ts +1 -0
  87. package/cjs/organisms/maps/mapComponents/infoWindowConfig.js.map +1 -1
  88. package/cjs/organisms/notification/Notification.js +1 -1
  89. package/cjs/organisms/notification/Notification.js.map +1 -1
  90. package/cjs/production/Button/Button.js.map +1 -1
  91. package/cjs/utils/useFeatureFlag/useFeatureFlag.js +1 -1
  92. package/cjs/utils/useFeatureFlag/useFeatureFlag.js.map +1 -1
  93. package/components/alert/Alert.d.ts +3 -0
  94. package/components/alert/Alert.js +1 -1
  95. package/components/alert/Alert.js.map +1 -1
  96. package/components/banner/banner.js +1 -1
  97. package/components/banner/banner.js.map +1 -1
  98. package/components/box/box.component.d.ts +3 -0
  99. package/components/box/index.d.ts +1 -0
  100. package/components/index.d.ts +1 -0
  101. package/components/label/label.js.map +1 -1
  102. package/components/labelFeature/labelFeature.js.map +1 -1
  103. package/components/labelStatus/labelStatus.js.map +1 -1
  104. package/components/menu/menu.js +1 -1
  105. package/components/menu/menu.js.map +1 -1
  106. package/components/modal/modal.js +1 -1
  107. package/components/modal/modal.js.map +1 -1
  108. package/design/skoda/SkodaThemeProvider.d.ts +8 -2
  109. package/design/skoda/SkodaThemeProvider.js +1 -1
  110. package/design/skoda/SkodaThemeProvider.js.map +1 -1
  111. package/design/skoda/SkodaThemeWidgetProvider.d.ts +20 -1
  112. package/design/skoda/SkodaThemeWidgetProvider.js +1 -1
  113. package/design/skoda/SkodaThemeWidgetProvider.js.map +1 -1
  114. package/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
  115. package/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
  116. package/design/skoda/components/autocomplete.theme.js +1 -1
  117. package/design/skoda/components/autocomplete.theme.js.map +1 -1
  118. package/design/skoda/components/baseline.theme.js.map +1 -1
  119. package/design/skoda/components/dialog/dialogContentText.theme.d.ts +2 -0
  120. package/design/skoda/components/dialog/dialogContentText.theme.js +2 -0
  121. package/design/skoda/components/dialog/dialogContentText.theme.js.map +1 -0
  122. package/design/skoda/components/form/select.theme.js +1 -1
  123. package/design/skoda/components/form/select.theme.js.map +1 -1
  124. package/design/skoda/components/modal.theme.js +1 -1
  125. package/design/skoda/components/modal.theme.js.map +1 -1
  126. package/design/skoda/components/popover.theme.js +1 -1
  127. package/design/skoda/components/popover.theme.js.map +1 -1
  128. package/design/skoda/components/tabs/tabs.theme.js +1 -1
  129. package/design/skoda/components/tabs/tabs.theme.js.map +1 -1
  130. package/design/skoda/index.d.ts +1 -1
  131. package/design/skoda/theme.d.ts +5 -2
  132. package/design/skoda/theme.js +1 -1
  133. package/design/skoda/theme.js.map +1 -1
  134. package/eula.txt +40 -40
  135. package/index.js +1 -1
  136. package/layout/Error/ErrorContent.js +1 -1
  137. package/layout/Error/ErrorContent.js.map +1 -1
  138. package/layout/Footer/FooterIconButton.d.ts +10 -4
  139. package/layout/Footer/FooterIconButton.js +1 -1
  140. package/layout/Footer/FooterIconButton.js.map +1 -1
  141. package/layout/Footer/FooterMenu.d.ts +7 -3
  142. package/layout/Footer/FooterMenu.js +1 -1
  143. package/layout/Footer/FooterMenu.js.map +1 -1
  144. package/layout/Footer/FooterSectionContact.d.ts +9 -3
  145. package/layout/Footer/FooterSectionContact.js +1 -1
  146. package/layout/Footer/FooterSectionContact.js.map +1 -1
  147. package/layout/Footer/PredefinedFooterIconButtons.d.ts +2 -2
  148. package/layout/Footer/PredefinedFooterIconButtons.js +1 -1
  149. package/layout/Footer/PredefinedFooterIconButtons.js.map +1 -1
  150. package/layout/Footer/assets/FacebookIcon.d.ts +1 -0
  151. package/layout/Footer/assets/FacebookIcon.js +2 -0
  152. package/layout/Footer/assets/FacebookIcon.js.map +1 -0
  153. package/layout/Footer/assets/InstagramIcon.d.ts +1 -0
  154. package/layout/Footer/assets/InstagramIcon.js +2 -0
  155. package/layout/Footer/assets/InstagramIcon.js.map +1 -0
  156. package/layout/Footer/assets/TwitterIcon.d.ts +1 -0
  157. package/layout/Footer/assets/TwitterIcon.js +2 -0
  158. package/layout/Footer/assets/TwitterIcon.js.map +1 -0
  159. package/layout/Footer/assets/YoutubeIcon.d.ts +1 -0
  160. package/layout/Footer/assets/YoutubeIcon.js +2 -0
  161. package/layout/Footer/assets/YoutubeIcon.js.map +1 -0
  162. package/layout/Footer/assets/index.d.ts +4 -0
  163. package/layout/Header/HeaderButton.js +1 -1
  164. package/layout/Header/HeaderButton.js.map +1 -1
  165. package/layout/SideMenu/SideMenu.d.ts +3 -3
  166. package/layout/SideMenu/SideMenu.js +1 -1
  167. package/layout/SideMenu/SideMenu.js.map +1 -1
  168. package/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map +1 -1
  169. package/organisms/cardPhotoFixed/cardPhotoFixed.js.map +1 -1
  170. package/organisms/cardTypeOnly/cardTypeOnly.js.map +1 -1
  171. package/organisms/carousel2/components/NavButton.js +1 -1
  172. package/organisms/carousel2/components/NavButton.js.map +1 -1
  173. package/organisms/gallery/Gallery.js +1 -1
  174. package/organisms/gallery/Gallery.js.map +1 -1
  175. package/organisms/gallery/GalleryTrigger.js +1 -1
  176. package/organisms/gallery/GalleryTrigger.js.map +1 -1
  177. package/organisms/heroImageCard/heroImageCard.js.map +1 -1
  178. package/organisms/index.d.ts +1 -0
  179. package/organisms/maps/mapComponents/infoWindowConfig.js.map +1 -1
  180. package/organisms/notification/Notification.js +1 -1
  181. package/organisms/notification/Notification.js.map +1 -1
  182. package/package.json +1 -1
  183. package/production/Button/Button.js.map +1 -1
  184. package/utils/useFeatureFlag/useFeatureFlag.js +1 -1
  185. package/utils/useFeatureFlag/useFeatureFlag.js.map +1 -1
  186. package/cjs/layout/Footer/assets/facebook_icon.svg.js +0 -2
  187. package/cjs/layout/Footer/assets/facebook_icon.svg.js.map +0 -1
  188. package/cjs/layout/Footer/assets/instagram_icon.svg.js +0 -2
  189. package/cjs/layout/Footer/assets/instagram_icon.svg.js.map +0 -1
  190. package/cjs/layout/Footer/assets/twitter_icon.svg.js +0 -2
  191. package/cjs/layout/Footer/assets/youtube_icon.svg.js +0 -2
  192. package/layout/Footer/assets/facebook_icon.svg.js +0 -2
  193. package/layout/Footer/assets/facebook_icon.svg.js.map +0 -1
  194. package/layout/Footer/assets/instagram_icon.svg.js +0 -2
  195. package/layout/Footer/assets/instagram_icon.svg.js.map +0 -1
  196. package/layout/Footer/assets/twitter_icon.svg.js +0 -2
  197. package/layout/Footer/assets/twitter_icon.svg.js.map +0 -1
  198. package/layout/Footer/assets/youtube_icon.svg.js +0 -2
  199. package/layout/Footer/assets/youtube_icon.svg.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"FooterIconButton.js","sources":["../../../src/layout/Footer/FooterIconButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { IconButton } from '@mui/material';\nimport { Icon } from '../../components/icon/icon';\n/** Renders icon button intended for `Footer` component */\nexport function FooterIconButton(props) {\n const { icon } = props, rest = __rest(props, [\"icon\"]);\n return (_jsx(IconButton, Object.assign({ \"data-testid\": \"FooterIconButton\", size: \"small\" }, rest, { sx: Object.assign({ '& .sa-i': {\n color: 'white',\n }, '&:hover': {\n backgroundColor: '#F3F3F317',\n } }, rest.sx), children: _jsx(Icon, { fontSize: \"small\", name: icon }) })));\n}\n//# sourceMappingURL=FooterIconButton.js.map"],"names":["FooterIconButton","props","icon","rest","__rest","_jsx","IconButton","Object","assign","size","sx","color","backgroundColor","children","Icon","fontSize","name"],"mappings":"uKAKO,SAASA,EAAiBC,GAC7B,MAAMC,KAAEA,GAASD,EAAOE,EAAOC,EAAOH,EAAO,CAAC,SAC9C,OAAQI,EAAKC,EAAYC,OAAOC,OAAO,CAAE,cAAe,mBAAoBC,KAAM,SAAWN,EAAM,CAAEO,GAAIH,OAAOC,OAAO,CAAE,UAAW,CACxHG,MAAO,SACR,UAAW,CACVC,gBAAiB,cAChBT,EAAKO,IAAKG,SAAUR,EAAKS,EAAM,CAAEC,SAAU,QAASC,KAAMd,MAC3E"}
1
+ {"version":3,"file":"FooterIconButton.js","sources":["../../../src/layout/Footer/FooterIconButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { IconButton } from '@mui/material';\nimport { Icon } from '../../components/icon/icon';\n/** Renders icon button intended for `Footer` component */\nexport function FooterIconButton(_a) {\n var { sx, icon, children } = _a, rest = __rest(_a, [\"sx\", \"icon\", \"children\"]);\n return (_jsx(IconButton, Object.assign({ \"data-testid\": \"FooterIconButton\", size: \"small\", sx: Object.assign({ color: 'onSurface.os0', '&:hover': {\n backgroundColor: 'onSurface.os700',\n }, '> svg': {\n width: '20px',\n height: '20px',\n } }, (sx || {})) }, rest, { children: children || _jsx(Icon, { name: icon }) })));\n}\n//# sourceMappingURL=FooterIconButton.js.map"],"names":["FooterIconButton","_a","sx","icon","children","rest","__rest","_jsx","IconButton","Object","assign","size","color","backgroundColor","width","height","Icon","name"],"mappings":"uKAKO,SAASA,EAAiBC,GAC7B,IAAIC,GAAEA,EAAEC,KAAEA,EAAIC,SAAEA,GAAaH,EAAII,EAAOC,EAAOL,EAAI,CAAC,KAAM,OAAQ,aAClE,OAAQM,EAAKC,EAAYC,OAAOC,OAAO,CAAE,cAAe,mBAAoBC,KAAM,QAAST,GAAIO,OAAOC,OAAO,CAAEE,MAAO,gBAAiB,UAAW,CACtIC,gBAAiB,mBAClB,QAAS,CACRC,MAAO,OACPC,OAAQ,SACNb,GAAM,CAAE,IAAMG,EAAM,CAAED,SAAUA,GAAYG,EAAKS,EAAM,CAAEC,KAAMd,MACjF"}
@@ -1,4 +1,5 @@
1
- import { FC, ReactNode } from 'react';
1
+ import { BoxProps } from '@mui/material';
2
+ import { ReactNode } from 'react';
2
3
  export type FooterMenuProps = {
3
4
  /**
4
5
  * Main item of Menu, `Link` component can be used here
@@ -17,5 +18,8 @@ export type FooterMenuProps = {
17
18
  * @default list
18
19
  */
19
20
  variant?: 'list' | 'accordion';
20
- };
21
- export declare const FooterMenu: FC<FooterMenuProps>;
21
+ } & BoxProps;
22
+ /**
23
+ * Renders a footer menu, is expected to be used with links. Allows a collapsible (accordion) variant.
24
+ */
25
+ export declare function FooterMenu({ mainItem, subItems, variant, sx, ...rest }: FooterMenuProps): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Icon as t}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../utils/enum.js";import{useClosure as n}from"../../utils/useClosure/useClosure.js";import{Stack as i,Box as r,IconButton as c,Collapse as a}from"@mui/material";import{useEffect as l}from"react";const s=({mainItem:s,subItems:m,variant:u="list"})=>{const{isOpen:p,onToggle:d,onOpen:f}=n("list"===u);return l((()=>{"list"===u&&f()}),[u,f]),e(i,{spacing:1,direction:"column","data-testid":"FooterMenu",children:[e(r,{sx:{fontSize:"12px",fontWeight:"bold",color:e=>e.palette.onSurface.os0,"& a":{color:e=>e.palette.onSurface.os0,textDecorationColor:e=>e.palette.onSurface.os0,textDecoration:"none","&:hover":{textDecoration:"underline"}},minHeight:"44px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[o(r,{"data-testid":"FooterMenu.label",children:s}),"accordion"===u&&o(c,{size:"small",onClick:d,"data-testId":"FooterMenu.toggle",children:o(t,{fontSize:"small",name:p?"chevron-up":"chevron-down"})})]}),o(a,{in:p,"data-testid":"FooterMenu.content",children:o(i,{direction:"column",spacing:1,sx:{fontSize:"12px",color:e=>e.palette.onSurface.os200,"& a":{color:e=>e.palette.onSurface.os200,textDecorationColor:e=>e.palette.onSurface.os200,textDecoration:"none","&:hover":{textDecoration:"underline"}}},children:m})})]})};export{s as FooterMenu};
1
+ import{__rest as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Icon as n}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import{Box as i,IconButton as r,Collapse as a,Stack as c}from"@mui/material";import{useState as s,useEffect as l}from"react";function m(m){var{mainItem:p,subItems:d,variant:u="list",sx:f}=m,x=e(m,["mainItem","subItems","variant","sx"]);const[h,g]=s("list"===u);return l((()=>{"list"===u&&g(!0)}),[u,g]),t(i,Object.assign({"data-testid":"FooterMenu",sx:Object.assign({display:"flex",gap:1,flexDirection:"column"},f||{})},x,{children:[t(i,{sx:{fontSize:"12px",fontWeight:"bold",color:e=>e.palette.onSurface.os0,"& a":{color:e=>e.palette.onSurface.os0,textDecorationColor:e=>e.palette.onSurface.os0,textDecoration:"none","&:hover":{textDecoration:"underline"}},minHeight:"44px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[o(i,{"data-testid":"FooterMenu.label",children:p}),"accordion"===u&&o(r,{size:"small",onClick:()=>g(!h),"data-testId":"FooterMenu.toggle",children:o(n,{fontSize:"small",name:h?"chevron-up":"chevron-down"})})]}),o(a,{in:h,"data-testid":"FooterMenu.content",children:o(c,{direction:"column",spacing:1,sx:{fontSize:"12px",color:e=>e.palette.onSurface.os200,"& a":{color:e=>e.palette.onSurface.os200,textDecorationColor:e=>e.palette.onSurface.os200,textDecoration:"none","&:hover":{textDecoration:"underline"}}},children:d})})]}))}export{m as FooterMenu};
2
2
  //# sourceMappingURL=FooterMenu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FooterMenu.js","sources":["../../../src/layout/Footer/FooterMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src/components/icon';\nimport { useClosure } from '@/src/utils';\nimport { Box, Collapse, IconButton, Stack } from '@mui/material';\nimport { useEffect } from 'react';\nexport const FooterMenu = ({ mainItem, subItems, variant = 'list' }) => {\n const { isOpen, onToggle, onOpen } = useClosure(variant === 'list');\n useEffect(() => {\n if (variant === 'list') {\n onOpen();\n }\n }, [variant, onOpen]);\n return (_jsxs(Stack, { spacing: 1, direction: \"column\", \"data-testid\": \"FooterMenu\", children: [_jsxs(Box, { sx: {\n fontSize: '12px',\n fontWeight: 'bold',\n color: (theme) => theme.palette.onSurface.os0,\n '& a': {\n color: (theme) => theme.palette.onSurface.os0,\n textDecorationColor: (theme) => theme.palette.onSurface.os0,\n textDecoration: 'none',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n minHeight: '44px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n }, children: [_jsx(Box, { \"data-testid\": \"FooterMenu.label\", children: mainItem }), variant === 'accordion' && (_jsx(IconButton, { size: \"small\", onClick: onToggle, \"data-testId\": \"FooterMenu.toggle\", children: _jsx(Icon, { fontSize: \"small\", name: isOpen ? 'chevron-up' : 'chevron-down' }) }))] }), _jsx(Collapse, { in: isOpen, \"data-testid\": \"FooterMenu.content\", children: _jsx(Stack, { direction: \"column\", spacing: 1, sx: {\n fontSize: '12px',\n color: (theme) => theme.palette.onSurface.os200,\n '& a': {\n color: (theme) => theme.palette.onSurface.os200,\n textDecorationColor: (theme) => theme.palette.onSurface.os200,\n textDecoration: 'none',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n }, children: subItems }) })] }));\n};\n//# sourceMappingURL=FooterMenu.js.map"],"names":["FooterMenu","mainItem","subItems","variant","isOpen","onToggle","onOpen","useClosure","useEffect","_jsxs","Stack","spacing","direction","children","Box","sx","fontSize","fontWeight","color","theme","palette","onSurface","os0","textDecorationColor","textDecoration","minHeight","display","alignItems","justifyContent","_jsx","IconButton","size","onClick","Icon","name","Collapse","in","os200"],"mappings":"sWAKY,MAACA,EAAa,EAAGC,WAAUC,WAAUC,UAAU,WACvD,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,OAAEA,GAAWC,EAAuB,SAAZJ,GAMhD,OALAK,GAAU,KACU,SAAZL,GACAG,GACH,GACF,CAACH,EAASG,IACLG,EAAMC,EAAO,CAAEC,QAAS,EAAGC,UAAW,SAAU,cAAe,aAAcC,SAAU,CAACJ,EAAMK,EAAK,CAAEC,GAAI,CACjGC,SAAU,OACVC,WAAY,OACZC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1C,MAAO,CACHJ,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1CC,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUC,IACxDE,eAAgB,OAChB,UAAW,CACPA,eAAgB,cAGxBC,UAAW,OACXC,QAAS,OACTC,WAAY,SACZC,eAAgB,iBACjBf,SAAU,CAACgB,EAAKf,EAAK,CAAE,cAAe,mBAAoBD,SAAUZ,IAAyB,cAAZE,GAA4B0B,EAAKC,EAAY,CAAEC,KAAM,QAASC,QAAS3B,EAAU,cAAe,oBAAqBQ,SAAUgB,EAAKI,EAAM,CAAEjB,SAAU,QAASkB,KAAM9B,EAAS,aAAe,sBAA2ByB,EAAKM,EAAU,CAAEC,GAAIhC,EAAQ,cAAe,qBAAsBS,SAAUgB,EAAKnB,EAAO,CAAEE,UAAW,SAAUD,QAAS,EAAGI,GAAI,CACnaC,SAAU,OACVE,MAAQC,GAAUA,EAAMC,QAAQC,UAAUgB,MAC1C,MAAO,CACHnB,MAAQC,GAAUA,EAAMC,QAAQC,UAAUgB,MAC1Cd,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUgB,MACxDb,eAAgB,OAChB,UAAW,CACPA,eAAgB,eAGzBX,SAAUX,QAAoB"}
1
+ {"version":3,"file":"FooterMenu.js","sources":["../../../src/layout/Footer/FooterMenu.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src/components/icon';\nimport { Box, Collapse, IconButton, Stack } from '@mui/material';\nimport { useEffect, useState } from 'react';\n/**\n * Renders a footer menu, is expected to be used with links. Allows a collapsible (accordion) variant.\n */\nexport function FooterMenu(_a) {\n var { mainItem, subItems, variant = 'list', sx } = _a, rest = __rest(_a, [\"mainItem\", \"subItems\", \"variant\", \"sx\"]);\n const [isOpen, setIsOpen] = useState(variant === 'list');\n useEffect(() => {\n if (variant === 'list') {\n setIsOpen(true);\n }\n }, [variant, setIsOpen]);\n return (_jsxs(Box, Object.assign({ \"data-testid\": \"FooterMenu\", sx: Object.assign({ display: 'flex', gap: 1, flexDirection: 'column' }, (sx || {})) }, rest, { children: [_jsxs(Box, { sx: {\n fontSize: '12px',\n fontWeight: 'bold',\n color: (theme) => theme.palette.onSurface.os0,\n '& a': {\n color: (theme) => theme.palette.onSurface.os0,\n textDecorationColor: (theme) => theme.palette.onSurface.os0,\n textDecoration: 'none',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n minHeight: '44px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n }, children: [_jsx(Box, { \"data-testid\": \"FooterMenu.label\", children: mainItem }), variant === 'accordion' && (_jsx(IconButton, { size: \"small\", onClick: () => setIsOpen(!isOpen), \"data-testId\": \"FooterMenu.toggle\", children: _jsx(Icon, { fontSize: \"small\", name: isOpen ? 'chevron-up' : 'chevron-down' }) }))] }), _jsx(Collapse, { in: isOpen, \"data-testid\": \"FooterMenu.content\", children: _jsx(Stack, { direction: \"column\", spacing: 1, sx: {\n fontSize: '12px',\n color: (theme) => theme.palette.onSurface.os200,\n '& a': {\n color: (theme) => theme.palette.onSurface.os200,\n textDecorationColor: (theme) => theme.palette.onSurface.os200,\n textDecoration: 'none',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n }, children: subItems }) })] })));\n}\n//# sourceMappingURL=FooterMenu.js.map"],"names":["FooterMenu","_a","mainItem","subItems","variant","sx","rest","__rest","isOpen","setIsOpen","useState","useEffect","_jsxs","Box","Object","assign","display","gap","flexDirection","children","fontSize","fontWeight","color","theme","palette","onSurface","os0","textDecorationColor","textDecoration","minHeight","alignItems","justifyContent","_jsx","IconButton","size","onClick","Icon","name","Collapse","in","Stack","direction","spacing","os200"],"mappings":"qTAQO,SAASA,EAAWC,GACvB,IAAIC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAU,OAAMC,GAAEA,GAAOJ,EAAIK,EAAOC,EAAON,EAAI,CAAC,WAAY,WAAY,UAAW,OAC7G,MAAOO,EAAQC,GAAaC,EAAqB,SAAZN,GAMrC,OALAO,GAAU,KACU,SAAZP,GACAK,GAAU,EACb,GACF,CAACL,EAASK,IACLG,EAAMC,EAAKC,OAAOC,OAAO,CAAE,cAAe,aAAcV,GAAIS,OAAOC,OAAO,CAAEC,QAAS,OAAQC,IAAK,EAAGC,cAAe,UAAab,GAAM,CAAE,IAAMC,EAAM,CAAEa,SAAU,CAACP,EAAMC,EAAK,CAAER,GAAI,CAC3Ke,SAAU,OACVC,WAAY,OACZC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1C,MAAO,CACHJ,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1CC,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUC,IACxDE,eAAgB,OAChB,UAAW,CACPA,eAAgB,cAGxBC,UAAW,OACXb,QAAS,OACTc,WAAY,SACZC,eAAgB,iBACjBZ,SAAU,CAACa,EAAKnB,EAAK,CAAE,cAAe,mBAAoBM,SAAUjB,IAAyB,cAAZE,GAA4B4B,EAAKC,EAAY,CAAEC,KAAM,QAASC,QAAS,IAAM1B,GAAWD,GAAS,cAAe,oBAAqBW,SAAUa,EAAKI,EAAM,CAAEhB,SAAU,QAASiB,KAAM7B,EAAS,aAAe,sBAA2BwB,EAAKM,EAAU,CAAEC,GAAI/B,EAAQ,cAAe,qBAAsBW,SAAUa,EAAKQ,EAAO,CAAEC,UAAW,SAAUC,QAAS,EAAGrC,GAAI,CACnbe,SAAU,OACVE,MAAQC,GAAUA,EAAMC,QAAQC,UAAUkB,MAC1C,MAAO,CACHrB,MAAQC,GAAUA,EAAMC,QAAQC,UAAUkB,MAC1ChB,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUkB,MACxDf,eAAgB,OAChB,UAAW,CACPA,eAAgB,eAGzBT,SAAUhB,SACjC"}
@@ -1,12 +1,18 @@
1
- import React, { ReactNode } from 'react';
1
+ import { ReactNode } from 'react';
2
+ import { BoxProps } from '@mui/material';
2
3
  export type FooterSectionContactProps = {
3
4
  /**
4
5
  * Items that should be rendered in left side of the Footer.
5
6
  */
6
7
  contactSlot?: ReactNode;
8
+ contactSlotProps?: BoxProps;
7
9
  /**
8
10
  * Items that should be rendered in right side of the Footer.
9
11
  */
10
12
  socialSlot?: ReactNode;
11
- };
12
- export declare const FooterSectionContact: React.FC<FooterSectionContactProps>;
13
+ socialSlotProps?: BoxProps;
14
+ } & BoxProps;
15
+ /**
16
+ * Renders a footer section for links divided into two columns
17
+ */
18
+ export declare function FooterSectionContact(props: FooterSectionContactProps): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import{jsx as t,jsxs as o}from"react/jsx-runtime";import{Box as i,Stack as c}from"@mui/material";import n from"@mui/material/Unstable_Grid2";const e=e=>e.contactSlot||e.socialSlot?t(i,{"data-testid":"FooterSectionContact",children:o(n,{container:!0,spacing:6,children:[t(n,{lg:9,xs:12,"data-testid":"FooterSectionContact.contact",children:t(c,{direction:{xs:"column",md:"row"},spacing:4,children:e.contactSlot})}),t(n,{lg:3,xs:12,justifyContent:{xs:"flex-start",lg:"flex-end"},display:"flex","data-testid":"FooterSectionContact.social",children:t(c,{direction:"row",spacing:1,children:e.socialSlot})})]})}):null;export{e as FooterSectionContact};
1
+ import{__rest as t}from"tslib";import{jsxs as o,jsx as s}from"react/jsx-runtime";import{Box as a}from"@mui/material";function e(e){const{sx:i}=e,l=t(e,["sx"]),c=e.contactSlotProps||{},{sx:r}=c,n=t(c,["sx"]),x=e.socialSlotProps||{},{sx:p}=x,d=t(x,["sx"]);return e.contactSlot||e.socialSlot?o(a,Object.assign({"data-testid":"FooterSectionContact",sx:Object.assign({display:"flex",rowGap:6,flexWrap:"wrap"},i||{})},l,{children:[s(a,Object.assign({"data-testid":"FooterSectionContact.contact",sx:Object.assign({display:"flex",flexWrap:"wrap",gap:4,flexDirection:{xs:"column",md:"row"},width:{xs:"100%",lg:.75}},r||{})},n,{children:e.contactSlot})),s(a,Object.assign({"data-testid":"FooterSectionContact.social",sx:Object.assign({display:"flex",flexWrap:"wrap",gap:1,flexDirection:"row",justifyContent:{xs:"flex-start",lg:"flex-end"},width:{xs:"100%",lg:.25}},p||{})},d,{children:e.socialSlot}))]})):null}export{e as FooterSectionContact};
2
2
  //# sourceMappingURL=FooterSectionContact.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FooterSectionContact.js","sources":["../../../src/layout/Footer/FooterSectionContact.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Stack } from '@mui/material';\nimport Grid from '@mui/material/Unstable_Grid2';\nexport const FooterSectionContact = (props) => {\n if (!props.contactSlot && !props.socialSlot) {\n return null;\n }\n return (_jsx(Box, { \"data-testid\": \"FooterSectionContact\", children: _jsxs(Grid, { container: true, spacing: 6, children: [_jsx(Grid, { lg: 9, xs: 12, \"data-testid\": \"FooterSectionContact.contact\", children: _jsx(Stack, { direction: { xs: 'column', md: 'row' }, spacing: 4, children: props.contactSlot }) }), _jsx(Grid, { lg: 3, xs: 12, justifyContent: { xs: 'flex-start', lg: 'flex-end' }, display: \"flex\", \"data-testid\": \"FooterSectionContact.social\", children: _jsx(Stack, { direction: \"row\", spacing: 1, children: props.socialSlot }) })] }) }));\n};\n//# sourceMappingURL=FooterSectionContact.js.map"],"names":["FooterSectionContact","props","contactSlot","socialSlot","_jsx","Box","children","_jsxs","Grid","container","spacing","lg","xs","Stack","direction","md","justifyContent","display"],"mappings":"6IAGY,MAACA,EAAwBC,GAC5BA,EAAMC,aAAgBD,EAAME,WAGzBC,EAAKC,EAAK,CAAE,cAAe,uBAAwBC,SAAUC,EAAMC,EAAM,CAAEC,WAAW,EAAMC,QAAS,EAAGJ,SAAU,CAACF,EAAKI,EAAM,CAAEG,GAAI,EAAGC,GAAI,GAAI,cAAe,+BAAgCN,SAAUF,EAAKS,EAAO,CAAEC,UAAW,CAAEF,GAAI,SAAUG,GAAI,OAASL,QAAS,EAAGJ,SAAUL,EAAMC,gBAAmBE,EAAKI,EAAM,CAAEG,GAAI,EAAGC,GAAI,GAAII,eAAgB,CAAEJ,GAAI,aAAcD,GAAI,YAAcM,QAAS,OAAQ,cAAe,8BAA+BX,SAAUF,EAAKS,EAAO,CAAEC,UAAW,MAAOJ,QAAS,EAAGJ,SAAUL,EAAME,oBAFjgB"}
1
+ {"version":3,"file":"FooterSectionContact.js","sources":["../../../src/layout/Footer/FooterSectionContact.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\n/**\n * Renders a footer section for links divided into two columns\n */\nexport function FooterSectionContact(props) {\n const { sx } = props, rest = __rest(props, [\"sx\"]);\n const _a = props.contactSlotProps || {}, { sx: contactSlotSx } = _a, contactSlotRest = __rest(_a, [\"sx\"]);\n const _b = props.socialSlotProps || {}, { sx: socialSlotSx } = _b, socialSlotRest = __rest(_b, [\"sx\"]);\n if (!props.contactSlot && !props.socialSlot) {\n return null;\n }\n return (_jsxs(Box, Object.assign({ \"data-testid\": \"FooterSectionContact\", sx: Object.assign({ display: 'flex', rowGap: 6, flexWrap: 'wrap' }, (sx || {})) }, rest, { children: [_jsx(Box, Object.assign({ \"data-testid\": \"FooterSectionContact.contact\", sx: Object.assign({ display: 'flex', flexWrap: 'wrap', gap: 4, flexDirection: {\n xs: 'column',\n md: 'row',\n }, width: {\n xs: '100%',\n lg: 9 / 12,\n } }, (contactSlotSx || {})) }, contactSlotRest, { children: props.contactSlot })), _jsx(Box, Object.assign({ \"data-testid\": \"FooterSectionContact.social\", sx: Object.assign({ display: 'flex', flexWrap: 'wrap', gap: 1, flexDirection: 'row', justifyContent: { xs: 'flex-start', lg: 'flex-end' }, width: {\n xs: '100%',\n lg: 3 / 12,\n } }, (socialSlotSx || {})) }, socialSlotRest, { children: props.socialSlot }))] })));\n}\n//# sourceMappingURL=FooterSectionContact.js.map"],"names":["FooterSectionContact","props","sx","rest","__rest","_a","contactSlotProps","contactSlotSx","contactSlotRest","_b","socialSlotProps","socialSlotSx","socialSlotRest","contactSlot","socialSlot","_jsxs","Box","Object","assign","display","rowGap","flexWrap","children","_jsx","gap","flexDirection","xs","md","width","lg","justifyContent"],"mappings":"qHAMO,SAASA,EAAqBC,GACjC,MAAMC,GAAEA,GAAOD,EAAOE,EAAOC,EAAOH,EAAO,CAAC,OACtCI,EAAKJ,EAAMK,kBAAoB,CAAE,GAAIJ,GAAIK,GAAkBF,EAAIG,EAAkBJ,EAAOC,EAAI,CAAC,OAC7FI,EAAKR,EAAMS,iBAAmB,CAAE,GAAIR,GAAIS,GAAiBF,EAAIG,EAAiBR,EAAOK,EAAI,CAAC,OAChG,OAAKR,EAAMY,aAAgBZ,EAAMa,WAGzBC,EAAMC,EAAKC,OAAOC,OAAO,CAAE,cAAe,uBAAwBhB,GAAIe,OAAOC,OAAO,CAAEC,QAAS,OAAQC,OAAQ,EAAGC,SAAU,QAAWnB,GAAM,KAAQC,EAAM,CAAEmB,SAAU,CAACC,EAAKP,EAAKC,OAAOC,OAAO,CAAE,cAAe,+BAAgChB,GAAIe,OAAOC,OAAO,CAAEC,QAAS,OAAQE,SAAU,OAAQG,IAAK,EAAGC,cAAe,CACnTC,GAAI,SACJC,GAAI,OACLC,MAAO,CACNF,GAAI,OACJG,GAAI,MACFtB,GAAiB,KAAQC,EAAiB,CAAEc,SAAUrB,EAAMY,eAAiBU,EAAKP,EAAKC,OAAOC,OAAO,CAAE,cAAe,8BAA+BhB,GAAIe,OAAOC,OAAO,CAAEC,QAAS,OAAQE,SAAU,OAAQG,IAAK,EAAGC,cAAe,MAAOK,eAAgB,CAAEJ,GAAI,aAAcG,GAAI,YAAcD,MAAO,CACzSF,GAAI,OACJG,GAAI,MACFlB,GAAgB,KAAQC,EAAgB,CAAEU,SAAUrB,EAAMa,kBAXrE,IAYf"}
@@ -1,6 +1,6 @@
1
- import { IconButtonProps } from '@mui/material';
2
1
  import { FC } from 'react';
3
- export type PredefinedFooterIconButtonProps = IconButtonProps;
2
+ import { FooterIconButtonProps } from './FooterIconButton';
3
+ export type PredefinedFooterIconButtonProps = Omit<FooterIconButtonProps<'button'>, 'icon' | 'iconSrc'>;
4
4
  export declare const FacebookFooterIconButton: FC<PredefinedFooterIconButtonProps>;
5
5
  export declare const InstagramFooterIconButton: FC<PredefinedFooterIconButtonProps>;
6
6
  export declare const TwitterFooterIconButton: FC<PredefinedFooterIconButtonProps>;
@@ -1,2 +1,2 @@
1
- import{__rest as s}from"tslib";import{jsx as r}from"react/jsx-runtime";import{IconButton as o,Icon as t}from"@mui/material";import i from"./assets/facebook_icon.svg.js";import e from"./assets/instagram_icon.svg.js";import m from"./assets/twitter_icon.svg.js";import n from"./assets/youtube_icon.svg.js";function a(i){return e=>{const m=s(e,["children"]);return r(o,Object.assign({size:"small"},m,{sx:{"&:hover":{backgroundColor:"#F3F3F317"}},children:r(t,{fontSize:"small",sx:{display:"flex","& img":{width:"100%",height:"100%"}},children:r("img",{src:i})})}))}}const c=a(i),l=a(e),f=a(m),g=a(n);export{c as FacebookFooterIconButton,l as InstagramFooterIconButton,f as TwitterFooterIconButton,g as YoutubeFooterIconButton};
1
+ import{jsx as o}from"react/jsx-runtime";import{FooterIconButton as t}from"./FooterIconButton.js";import{FacebookIcon as s}from"./assets/FacebookIcon.js";import{InstagramIcon as r}from"./assets/InstagramIcon.js";import{YoutubeIcon as e}from"./assets/YoutubeIcon.js";import{TwitterIcon as m}from"./assets/TwitterIcon.js";function n(s){return r=>o(t,Object.assign({},r,{children:s}))}const c=n(o(s,{})),i=n(o(r,{})),a=n(o(m,{})),f=n(o(e,{}));export{c as FacebookFooterIconButton,i as InstagramFooterIconButton,a as TwitterFooterIconButton,f as YoutubeFooterIconButton};
2
2
  //# sourceMappingURL=PredefinedFooterIconButtons.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PredefinedFooterIconButtons.js","sources":["../../../src/layout/Footer/PredefinedFooterIconButtons.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon, IconButton } from '@mui/material';\nimport FacebookIcon from './assets/facebook_icon.svg';\nimport InstagramIcon from './assets/instagram_icon.svg';\nimport TwitterIcon from './assets/twitter_icon.svg';\nimport YoutubeIcon from './assets/youtube_icon.svg';\nfunction createPredefinedButton(icon) {\n return (props) => {\n const { children } = props, rest = __rest(props, [\"children\"]);\n return (_jsx(IconButton, Object.assign({ size: \"small\" }, rest, { sx: {\n '&:hover': {\n backgroundColor: '#F3F3F317',\n },\n }, children: _jsx(Icon, { fontSize: \"small\", sx: {\n display: 'flex',\n '& img': { width: '100%', height: '100%' },\n }, children: _jsx(\"img\", { src: icon }) }) })));\n };\n}\nexport const FacebookFooterIconButton = createPredefinedButton(FacebookIcon);\nexport const InstagramFooterIconButton = createPredefinedButton(InstagramIcon);\nexport const TwitterFooterIconButton = createPredefinedButton(TwitterIcon);\nexport const YoutubeFooterIconButton = createPredefinedButton(YoutubeIcon);\n//# sourceMappingURL=PredefinedFooterIconButtons.js.map"],"names":["createPredefinedButton","icon","props","rest","__rest","_jsx","IconButton","Object","assign","size","sx","backgroundColor","children","Icon","fontSize","display","width","height","src","FacebookFooterIconButton","FacebookIcon","InstagramFooterIconButton","InstagramIcon","TwitterFooterIconButton","TwitterIcon","YoutubeFooterIconButton","YoutubeIcon"],"mappings":"+SAOA,SAASA,EAAuBC,GAC5B,OAAQC,IACC,MAAuBC,EAAOC,EAAOF,EAAO,CAAC,aAClD,OAAQG,EAAKC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWN,EAAM,CAAEO,GAAI,CAC9D,UAAW,CACPC,gBAAiB,cAEtBC,SAAUP,EAAKQ,EAAM,CAAEC,SAAU,QAASJ,GAAI,CACzCK,QAAS,OACT,QAAS,CAAEC,MAAO,OAAQC,OAAQ,SACnCL,SAAUP,EAAK,MAAO,CAAEa,IAAKjB,QAAgB,CAEhE,CACY,MAACkB,EAA2BnB,EAAuBoB,GAClDC,EAA4BrB,EAAuBsB,GACnDC,EAA0BvB,EAAuBwB,GACjDC,EAA0BzB,EAAuB0B"}
1
+ {"version":3,"file":"PredefinedFooterIconButtons.js","sources":["../../../src/layout/Footer/PredefinedFooterIconButtons.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { FooterIconButton } from './FooterIconButton';\nimport { FacebookIcon, InstagramIcon, TwitterIcon, YoutubeIcon } from './assets';\nfunction createPredefinedButton(icon) {\n return (props) => {\n return _jsx(FooterIconButton, Object.assign({}, props, { children: icon }));\n };\n}\nexport const FacebookFooterIconButton = createPredefinedButton(_jsx(FacebookIcon, {}));\nexport const InstagramFooterIconButton = createPredefinedButton(_jsx(InstagramIcon, {}));\nexport const TwitterFooterIconButton = createPredefinedButton(_jsx(TwitterIcon, {}));\nexport const YoutubeFooterIconButton = createPredefinedButton(_jsx(YoutubeIcon, {}));\n//# sourceMappingURL=PredefinedFooterIconButtons.js.map"],"names":["createPredefinedButton","icon","props","_jsx","FooterIconButton","Object","assign","children","FacebookFooterIconButton","FacebookIcon","InstagramFooterIconButton","InstagramIcon","TwitterFooterIconButton","TwitterIcon","YoutubeFooterIconButton","YoutubeIcon"],"mappings":"+TAGA,SAASA,EAAuBC,GAC5B,OAAQC,GACGC,EAAKC,EAAkBC,OAAOC,OAAO,CAAA,EAAIJ,EAAO,CAAEK,SAAUN,IAE3E,CACY,MAACO,EAA2BR,EAAuBG,EAAKM,EAAc,CAAE,IACvEC,EAA4BV,EAAuBG,EAAKQ,EAAe,CAAE,IACzEC,EAA0BZ,EAAuBG,EAAKU,EAAa,CAAE,IACrEC,EAA0Bd,EAAuBG,EAAKY,EAAa,CAAA"}
@@ -0,0 +1 @@
1
+ export declare const FacebookIcon: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import{jsx as r}from"react/jsx-runtime";import{SvgIcon as o}from"@mui/material";const t=()=>r(o,{viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r("path",{d:"M3.10409 0C1.38456 0 0 1.38456 0 3.10409V13.8959C0 15.6154 1.38456 17 3.10409 17H8.95315V10.354H7.19578V7.9613H8.95315V5.91706C8.95315 4.31099 9.99149 2.83634 12.3834 2.83634C13.3519 2.83634 14.068 2.92932 14.068 2.92932L14.0117 5.16376C14.0117 5.16376 13.2813 5.15685 12.4843 5.15685C11.6218 5.15685 11.4835 5.55428 11.4835 6.21405V7.96132H14.0802L13.9671 10.3541H11.4835V17H13.8959C15.6154 17 17 15.6154 17 13.8959V3.10411C17 1.38458 15.6154 1.7e-05 13.8959 1.7e-05H3.10407L3.10409 0Z",fill:"currentColor"})});export{t as FacebookIcon};
2
+ //# sourceMappingURL=FacebookIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FacebookIcon.js","sources":["../../../../src/layout/Footer/assets/FacebookIcon.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { SvgIcon } from '@mui/material';\nexport const FacebookIcon = () => (_jsx(SvgIcon, { viewBox: \"0 0 17 17\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: _jsx(\"path\", { d: \"M3.10409 0C1.38456 0 0 1.38456 0 3.10409V13.8959C0 15.6154 1.38456 17 3.10409 17H8.95315V10.354H7.19578V7.9613H8.95315V5.91706C8.95315 4.31099 9.99149 2.83634 12.3834 2.83634C13.3519 2.83634 14.068 2.92932 14.068 2.92932L14.0117 5.16376C14.0117 5.16376 13.2813 5.15685 12.4843 5.15685C11.6218 5.15685 11.4835 5.55428 11.4835 6.21405V7.96132H14.0802L13.9671 10.3541H11.4835V17H13.8959C15.6154 17 17 15.6154 17 13.8959V3.10411C17 1.38458 15.6154 1.7e-05 13.8959 1.7e-05H3.10407L3.10409 0Z\", fill: \"currentColor\" }) }));\n//# sourceMappingURL=FacebookIcon.js.map"],"names":["FacebookIcon","_jsx","SvgIcon","viewBox","fill","xmlns","children","d"],"mappings":"gFAEY,MAACA,EAAe,IAAOC,EAAKC,EAAS,CAAEC,QAAS,YAAaC,KAAM,OAAQC,MAAO,6BAA8BC,SAAUL,EAAK,OAAQ,CAAEM,EAAG,yeAA0eH,KAAM"}
@@ -0,0 +1 @@
1
+ export declare const InstagramIcon: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import{jsx as C}from"react/jsx-runtime";import{SvgIcon as r}from"@mui/material";const o=()=>C(r,{viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:C("path",{d:"M8.49787 5.66546C6.93707 5.66546 5.66333 6.9392 5.66333 8.5C5.66333 10.0608 6.93707 11.3345 8.49787 11.3345C10.0587 11.3345 11.3324 10.0608 11.3324 8.5C11.3324 6.9392 10.0587 5.66546 8.49787 5.66546ZM16.9994 8.5C16.9994 7.32621 17.01 6.16305 16.9441 4.99138C16.8782 3.63046 16.5677 2.42264 15.5725 1.42747C14.5752 0.430173 13.3695 0.121839 12.0086 0.0559198C10.8348 -0.00999972 9.67167 0.000632496 8.5 0.000632496C7.32621 0.000632496 6.16305 -0.00999972 4.99138 0.0559198C3.63046 0.121839 2.42264 0.432299 1.42747 1.42747C0.430173 2.42477 0.121839 3.63046 0.0559198 4.99138C-0.00999972 6.16517 0.000632496 7.32833 0.000632496 8.5C0.000632496 9.67167 -0.00999972 10.837 0.0559198 12.0086C0.121839 13.3695 0.432299 14.5774 1.42747 15.5725C2.42477 16.5698 3.63046 16.8782 4.99138 16.9441C6.16517 17.01 7.32833 16.9994 8.5 16.9994C9.67379 16.9994 10.837 17.01 12.0086 16.9441C13.3695 16.8782 14.5774 16.5677 15.5725 15.5725C16.5698 14.5752 16.8782 13.3695 16.9441 12.0086C17.0121 10.837 16.9994 9.67379 16.9994 8.5ZM8.49787 12.8613C6.08437 12.8613 4.13655 10.9135 4.13655 8.5C4.13655 6.08649 6.08437 4.13868 8.49787 4.13868C10.9114 4.13868 12.8592 6.08649 12.8592 8.5C12.8592 10.9135 10.9114 12.8613 8.49787 12.8613ZM13.0378 4.97862C12.4743 4.97862 12.0193 4.52356 12.0193 3.96006C12.0193 3.39655 12.4743 2.94149 13.0378 2.94149C13.6013 2.94149 14.0564 3.39655 14.0564 3.96006C14.0566 4.09386 14.0303 4.22639 13.9792 4.35004C13.9281 4.4737 13.853 4.58605 13.7584 4.68067C13.6638 4.77528 13.5515 4.8503 13.4278 4.90143C13.3042 4.95256 13.1716 4.97879 13.0378 4.97862Z",fill:"currentColor"})});export{o as InstagramIcon};
2
+ //# sourceMappingURL=InstagramIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InstagramIcon.js","sources":["../../../../src/layout/Footer/assets/InstagramIcon.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { SvgIcon } from '@mui/material';\nexport const InstagramIcon = () => (_jsx(SvgIcon, { viewBox: \"0 0 17 17\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: _jsx(\"path\", { d: \"M8.49787 5.66546C6.93707 5.66546 5.66333 6.9392 5.66333 8.5C5.66333 10.0608 6.93707 11.3345 8.49787 11.3345C10.0587 11.3345 11.3324 10.0608 11.3324 8.5C11.3324 6.9392 10.0587 5.66546 8.49787 5.66546ZM16.9994 8.5C16.9994 7.32621 17.01 6.16305 16.9441 4.99138C16.8782 3.63046 16.5677 2.42264 15.5725 1.42747C14.5752 0.430173 13.3695 0.121839 12.0086 0.0559198C10.8348 -0.00999972 9.67167 0.000632496 8.5 0.000632496C7.32621 0.000632496 6.16305 -0.00999972 4.99138 0.0559198C3.63046 0.121839 2.42264 0.432299 1.42747 1.42747C0.430173 2.42477 0.121839 3.63046 0.0559198 4.99138C-0.00999972 6.16517 0.000632496 7.32833 0.000632496 8.5C0.000632496 9.67167 -0.00999972 10.837 0.0559198 12.0086C0.121839 13.3695 0.432299 14.5774 1.42747 15.5725C2.42477 16.5698 3.63046 16.8782 4.99138 16.9441C6.16517 17.01 7.32833 16.9994 8.5 16.9994C9.67379 16.9994 10.837 17.01 12.0086 16.9441C13.3695 16.8782 14.5774 16.5677 15.5725 15.5725C16.5698 14.5752 16.8782 13.3695 16.9441 12.0086C17.0121 10.837 16.9994 9.67379 16.9994 8.5ZM8.49787 12.8613C6.08437 12.8613 4.13655 10.9135 4.13655 8.5C4.13655 6.08649 6.08437 4.13868 8.49787 4.13868C10.9114 4.13868 12.8592 6.08649 12.8592 8.5C12.8592 10.9135 10.9114 12.8613 8.49787 12.8613ZM13.0378 4.97862C12.4743 4.97862 12.0193 4.52356 12.0193 3.96006C12.0193 3.39655 12.4743 2.94149 13.0378 2.94149C13.6013 2.94149 14.0564 3.39655 14.0564 3.96006C14.0566 4.09386 14.0303 4.22639 13.9792 4.35004C13.9281 4.4737 13.853 4.58605 13.7584 4.68067C13.6638 4.77528 13.5515 4.8503 13.4278 4.90143C13.3042 4.95256 13.1716 4.97879 13.0378 4.97862Z\", fill: \"currentColor\" }) }));\n//# sourceMappingURL=InstagramIcon.js.map"],"names":["InstagramIcon","_jsx","SvgIcon","viewBox","fill","xmlns","children","d"],"mappings":"gFAEY,MAACA,EAAgB,IAAOC,EAAKC,EAAS,CAAEC,QAAS,YAAaC,KAAM,OAAQC,MAAO,6BAA8BC,SAAUL,EAAK,OAAQ,CAAEM,EAAG,6hDAA8hDH,KAAM"}
@@ -0,0 +1 @@
1
+ export declare const TwitterIcon: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import{jsx as C}from"react/jsx-runtime";import{SvgIcon as r}from"@mui/material";const o=()=>C(r,{viewBox:"0 0 17 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:C("path",{d:"M17 1.64056C16.3748 1.91024 15.6945 2.10432 14.9938 2.17991C15.7213 1.74768 16.2661 1.06483 16.526 0.259472C15.8433 0.665603 15.0954 0.950389 14.3155 1.1012C13.9895 0.752712 13.5952 0.475093 13.1573 0.285638C12.7193 0.0961839 12.247 -0.00104559 11.7699 8.47937e-06C9.8392 8.47937e-06 8.2865 1.56496 8.2865 3.48541C8.2865 3.75509 8.31919 4.02477 8.37231 4.28423C5.48143 4.13305 2.90314 2.75196 1.18904 0.637432C0.876713 1.1709 0.713043 1.77831 0.715058 2.39647C0.715058 3.60594 1.33001 4.6724 2.26776 5.29961C1.71513 5.27785 1.17544 5.12595 0.692585 4.85628V4.89918C0.692585 6.59284 1.8898 7.9964 3.4854 8.3192C3.18581 8.39702 2.87761 8.43683 2.56808 8.4377C2.34131 8.4377 2.12679 8.41522 1.91023 8.38458C2.35152 9.76566 3.63658 10.7688 5.16681 10.8015C3.96959 11.7392 2.47002 12.2908 0.841726 12.2908C0.549573 12.2908 0.279894 12.2806 0 12.2479C1.54453 13.2388 3.37712 13.8108 5.35068 13.8108C11.7576 13.8108 15.2634 8.50307 15.2634 3.89605C15.2634 3.74487 15.2634 3.59369 15.2532 3.4425C15.9315 2.94605 16.526 2.3311 17 1.64056Z",fill:"currentColor"})});export{o as TwitterIcon};
2
+ //# sourceMappingURL=TwitterIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TwitterIcon.js","sources":["../../../../src/layout/Footer/assets/TwitterIcon.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { SvgIcon } from '@mui/material';\nexport const TwitterIcon = () => (_jsx(SvgIcon, { viewBox: \"0 0 17 14\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: _jsx(\"path\", { d: \"M17 1.64056C16.3748 1.91024 15.6945 2.10432 14.9938 2.17991C15.7213 1.74768 16.2661 1.06483 16.526 0.259472C15.8433 0.665603 15.0954 0.950389 14.3155 1.1012C13.9895 0.752712 13.5952 0.475093 13.1573 0.285638C12.7193 0.0961839 12.247 -0.00104559 11.7699 8.47937e-06C9.8392 8.47937e-06 8.2865 1.56496 8.2865 3.48541C8.2865 3.75509 8.31919 4.02477 8.37231 4.28423C5.48143 4.13305 2.90314 2.75196 1.18904 0.637432C0.876713 1.1709 0.713043 1.77831 0.715058 2.39647C0.715058 3.60594 1.33001 4.6724 2.26776 5.29961C1.71513 5.27785 1.17544 5.12595 0.692585 4.85628V4.89918C0.692585 6.59284 1.8898 7.9964 3.4854 8.3192C3.18581 8.39702 2.87761 8.43683 2.56808 8.4377C2.34131 8.4377 2.12679 8.41522 1.91023 8.38458C2.35152 9.76566 3.63658 10.7688 5.16681 10.8015C3.96959 11.7392 2.47002 12.2908 0.841726 12.2908C0.549573 12.2908 0.279894 12.2806 0 12.2479C1.54453 13.2388 3.37712 13.8108 5.35068 13.8108C11.7576 13.8108 15.2634 8.50307 15.2634 3.89605C15.2634 3.74487 15.2634 3.59369 15.2532 3.4425C15.9315 2.94605 16.526 2.3311 17 1.64056Z\", fill: \"currentColor\" }) }));\n//# sourceMappingURL=TwitterIcon.js.map"],"names":["TwitterIcon","_jsx","SvgIcon","viewBox","fill","xmlns","children","d"],"mappings":"gFAEY,MAACA,EAAc,IAAOC,EAAKC,EAAS,CAAEC,QAAS,YAAaC,KAAM,OAAQC,MAAO,6BAA8BC,SAAUL,EAAK,OAAQ,CAAEM,EAAG,wgCAAygCH,KAAM"}
@@ -0,0 +1 @@
1
+ export declare const YoutubeIcon: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import{jsx as C}from"react/jsx-runtime";import{SvgIcon as V}from"@mui/material";const H=()=>C(V,{viewBox:"0 0 15 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:C("path",{d:"M9.42578 11.8013V13.803C9.42578 14.2267 9.30245 14.4386 9.0558 14.4386C8.91034 14.4386 8.76804 14.369 8.6289 14.2299V11.3744C8.76804 11.2353 8.91034 11.1657 9.0558 11.1657C9.30245 11.1657 9.42578 11.3776 9.42578 11.8013ZM12.6323 11.8108V12.2472H11.7785V11.8108C11.7785 11.3808 11.9208 11.1657 12.2054 11.1657C12.49 11.1657 12.6323 11.3808 12.6323 11.8108ZM3.46819 9.74275H4.48326V8.851H1.52343V9.74275H2.51953V15.1406H3.46819V9.74275ZM6.20033 15.1406H7.04464V10.4542H6.20033V14.0402C6.0106 14.3058 5.83035 14.4386 5.6596 14.4386C5.54576 14.4386 5.47935 14.3722 5.46038 14.2394C5.45405 14.2204 5.45089 14.1097 5.45089 13.9074V10.4542H4.60658V14.1635C4.60658 14.4734 4.63188 14.7042 4.68247 14.856C4.75837 15.09 4.94178 15.207 5.2327 15.207C5.53627 15.207 5.85881 15.0141 6.20033 14.6283V15.1406ZM10.2701 13.7366V11.8677C10.2701 11.4061 10.2416 11.093 10.1847 10.9286C10.0772 10.5744 9.85268 10.3973 9.51116 10.3973C9.19494 10.3973 8.90085 10.5681 8.6289 10.9096V8.851H7.7846V15.1406H8.6289V14.6853C8.9135 15.0331 9.20759 15.207 9.51116 15.207C9.85268 15.207 10.0772 15.0331 10.1847 14.6853C10.2416 14.5145 10.2701 14.1983 10.2701 13.7366ZM13.4766 13.6417V13.5184H12.6133C12.6133 13.841 12.607 14.0339 12.5943 14.0971C12.55 14.3248 12.4235 14.4386 12.2148 14.4386C11.9239 14.4386 11.7785 14.2204 11.7785 13.784V12.9587H13.4766V11.9816C13.4766 11.482 13.3912 11.1151 13.2204 10.8811C12.9738 10.5586 12.6386 10.3973 12.2148 10.3973C11.7848 10.3973 11.4464 10.5586 11.1998 10.8811C11.0227 11.1151 10.9341 11.482 10.9341 11.9816V13.6228C10.9341 14.1224 11.0259 14.4892 11.2093 14.7232C11.4559 15.0458 11.7974 15.207 12.2338 15.207C12.6892 15.207 13.0307 15.0394 13.2584 14.7042C13.3722 14.5335 13.4386 14.3627 13.4576 14.192C13.4702 14.135 13.4766 13.9516 13.4766 13.6417ZM7.7087 4.98047V2.98828C7.7087 2.5519 7.57273 2.33371 7.30078 2.33371C7.02883 2.33371 6.89285 2.5519 6.89285 2.98828V4.98047C6.89285 5.42318 7.02883 5.64453 7.30078 5.64453C7.57273 5.64453 7.7087 5.42318 7.7087 4.98047ZM14.5296 12.1049C14.5296 13.5848 14.4474 14.6916 14.2829 15.4252C14.1944 15.7984 14.011 16.1114 13.7327 16.3644C13.4544 16.6174 13.1319 16.7628 12.7651 16.8008C11.6014 16.9336 9.84635 17 7.5 17C5.15364 17 3.39862 16.9336 2.23493 16.8008C1.86811 16.7628 1.54399 16.6174 1.26255 16.3644C0.981117 16.1114 0.79929 15.7984 0.717073 15.4252C0.552638 14.7169 0.470421 13.6101 0.470421 12.1049C0.470421 10.625 0.552638 9.51823 0.717073 8.7846C0.805614 8.41146 0.989022 8.0984 1.2673 7.84542C1.54557 7.59245 1.87128 7.44382 2.24442 7.39955C3.40178 7.27307 5.15364 7.20982 7.5 7.20982C9.84635 7.20982 11.6014 7.27307 12.7651 7.39955C13.1319 7.44382 13.456 7.59245 13.7374 7.84542C14.0189 8.0984 14.2007 8.41146 14.2829 8.7846C14.4474 9.49293 14.5296 10.5997 14.5296 12.1049ZM5.06194 0H6.02957L4.88169 3.78516V6.35603H3.93303V3.78516C3.84449 3.31715 3.6516 2.64676 3.35435 1.774C3.12035 1.12258 2.9148 0.53125 2.73772 0H3.7433L4.41685 2.49498L5.06194 0ZM8.57198 3.15904V4.8192C8.57198 5.33147 8.48344 5.70461 8.30636 5.93862C8.06603 6.26116 7.73084 6.42243 7.30078 6.42243C6.87704 6.42243 6.54501 6.26116 6.30468 5.93862C6.1276 5.69829 6.03906 5.32515 6.03906 4.8192V3.15904C6.03906 2.65309 6.1276 2.28311 6.30468 2.04911C6.54501 1.72656 6.87704 1.56529 7.30078 1.56529C7.73084 1.56529 8.06603 1.72656 8.30636 2.04911C8.48344 2.28311 8.57198 2.65309 8.57198 3.15904ZM11.75 1.62221V6.35603H10.8867V5.83426C10.5515 6.22638 10.2258 6.42243 9.9096 6.42243C9.61867 6.42243 9.4321 6.30543 9.34989 6.07143C9.29929 5.91964 9.27399 5.68248 9.27399 5.35993V1.62221H10.1373V5.10379C10.1373 5.3125 10.1404 5.42318 10.1468 5.43583C10.1657 5.57496 10.2321 5.64453 10.346 5.64453C10.5167 5.64453 10.697 5.50856 10.8867 5.23661V1.62221H11.75Z",fill:"currentColor"})});export{H as YoutubeIcon};
2
+ //# sourceMappingURL=YoutubeIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"YoutubeIcon.js","sources":["../../../../src/layout/Footer/assets/YoutubeIcon.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { SvgIcon } from '@mui/material';\nexport const YoutubeIcon = () => (_jsx(SvgIcon, { viewBox: \"0 0 15 17\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: _jsx(\"path\", { d: \"M9.42578 11.8013V13.803C9.42578 14.2267 9.30245 14.4386 9.0558 14.4386C8.91034 14.4386 8.76804 14.369 8.6289 14.2299V11.3744C8.76804 11.2353 8.91034 11.1657 9.0558 11.1657C9.30245 11.1657 9.42578 11.3776 9.42578 11.8013ZM12.6323 11.8108V12.2472H11.7785V11.8108C11.7785 11.3808 11.9208 11.1657 12.2054 11.1657C12.49 11.1657 12.6323 11.3808 12.6323 11.8108ZM3.46819 9.74275H4.48326V8.851H1.52343V9.74275H2.51953V15.1406H3.46819V9.74275ZM6.20033 15.1406H7.04464V10.4542H6.20033V14.0402C6.0106 14.3058 5.83035 14.4386 5.6596 14.4386C5.54576 14.4386 5.47935 14.3722 5.46038 14.2394C5.45405 14.2204 5.45089 14.1097 5.45089 13.9074V10.4542H4.60658V14.1635C4.60658 14.4734 4.63188 14.7042 4.68247 14.856C4.75837 15.09 4.94178 15.207 5.2327 15.207C5.53627 15.207 5.85881 15.0141 6.20033 14.6283V15.1406ZM10.2701 13.7366V11.8677C10.2701 11.4061 10.2416 11.093 10.1847 10.9286C10.0772 10.5744 9.85268 10.3973 9.51116 10.3973C9.19494 10.3973 8.90085 10.5681 8.6289 10.9096V8.851H7.7846V15.1406H8.6289V14.6853C8.9135 15.0331 9.20759 15.207 9.51116 15.207C9.85268 15.207 10.0772 15.0331 10.1847 14.6853C10.2416 14.5145 10.2701 14.1983 10.2701 13.7366ZM13.4766 13.6417V13.5184H12.6133C12.6133 13.841 12.607 14.0339 12.5943 14.0971C12.55 14.3248 12.4235 14.4386 12.2148 14.4386C11.9239 14.4386 11.7785 14.2204 11.7785 13.784V12.9587H13.4766V11.9816C13.4766 11.482 13.3912 11.1151 13.2204 10.8811C12.9738 10.5586 12.6386 10.3973 12.2148 10.3973C11.7848 10.3973 11.4464 10.5586 11.1998 10.8811C11.0227 11.1151 10.9341 11.482 10.9341 11.9816V13.6228C10.9341 14.1224 11.0259 14.4892 11.2093 14.7232C11.4559 15.0458 11.7974 15.207 12.2338 15.207C12.6892 15.207 13.0307 15.0394 13.2584 14.7042C13.3722 14.5335 13.4386 14.3627 13.4576 14.192C13.4702 14.135 13.4766 13.9516 13.4766 13.6417ZM7.7087 4.98047V2.98828C7.7087 2.5519 7.57273 2.33371 7.30078 2.33371C7.02883 2.33371 6.89285 2.5519 6.89285 2.98828V4.98047C6.89285 5.42318 7.02883 5.64453 7.30078 5.64453C7.57273 5.64453 7.7087 5.42318 7.7087 4.98047ZM14.5296 12.1049C14.5296 13.5848 14.4474 14.6916 14.2829 15.4252C14.1944 15.7984 14.011 16.1114 13.7327 16.3644C13.4544 16.6174 13.1319 16.7628 12.7651 16.8008C11.6014 16.9336 9.84635 17 7.5 17C5.15364 17 3.39862 16.9336 2.23493 16.8008C1.86811 16.7628 1.54399 16.6174 1.26255 16.3644C0.981117 16.1114 0.79929 15.7984 0.717073 15.4252C0.552638 14.7169 0.470421 13.6101 0.470421 12.1049C0.470421 10.625 0.552638 9.51823 0.717073 8.7846C0.805614 8.41146 0.989022 8.0984 1.2673 7.84542C1.54557 7.59245 1.87128 7.44382 2.24442 7.39955C3.40178 7.27307 5.15364 7.20982 7.5 7.20982C9.84635 7.20982 11.6014 7.27307 12.7651 7.39955C13.1319 7.44382 13.456 7.59245 13.7374 7.84542C14.0189 8.0984 14.2007 8.41146 14.2829 8.7846C14.4474 9.49293 14.5296 10.5997 14.5296 12.1049ZM5.06194 0H6.02957L4.88169 3.78516V6.35603H3.93303V3.78516C3.84449 3.31715 3.6516 2.64676 3.35435 1.774C3.12035 1.12258 2.9148 0.53125 2.73772 0H3.7433L4.41685 2.49498L5.06194 0ZM8.57198 3.15904V4.8192C8.57198 5.33147 8.48344 5.70461 8.30636 5.93862C8.06603 6.26116 7.73084 6.42243 7.30078 6.42243C6.87704 6.42243 6.54501 6.26116 6.30468 5.93862C6.1276 5.69829 6.03906 5.32515 6.03906 4.8192V3.15904C6.03906 2.65309 6.1276 2.28311 6.30468 2.04911C6.54501 1.72656 6.87704 1.56529 7.30078 1.56529C7.73084 1.56529 8.06603 1.72656 8.30636 2.04911C8.48344 2.28311 8.57198 2.65309 8.57198 3.15904ZM11.75 1.62221V6.35603H10.8867V5.83426C10.5515 6.22638 10.2258 6.42243 9.9096 6.42243C9.61867 6.42243 9.4321 6.30543 9.34989 6.07143C9.29929 5.91964 9.27399 5.68248 9.27399 5.35993V1.62221H10.1373V5.10379C10.1373 5.3125 10.1404 5.42318 10.1468 5.43583C10.1657 5.57496 10.2321 5.64453 10.346 5.64453C10.5167 5.64453 10.697 5.50856 10.8867 5.23661V1.62221H11.75Z\", fill: \"currentColor\" }) }));\n//# sourceMappingURL=YoutubeIcon.js.map"],"names":["YoutubeIcon","_jsx","SvgIcon","viewBox","fill","xmlns","children","d"],"mappings":"gFAEY,MAACA,EAAc,IAAOC,EAAKC,EAAS,CAAEC,QAAS,YAAaC,KAAM,OAAQC,MAAO,6BAA8BC,SAAUL,EAAK,OAAQ,CAAEM,EAAG,unHAAwnHH,KAAM"}
@@ -0,0 +1,4 @@
1
+ export { FacebookIcon } from './FacebookIcon';
2
+ export { InstagramIcon } from './InstagramIcon';
3
+ export { YoutubeIcon } from './YoutubeIcon';
4
+ export { TwitterIcon } from './TwitterIcon';
@@ -1,2 +1,2 @@
1
- import{__rest as o}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useTheme as r,Tooltip as i,IconButton as n}from"@mui/material";import{forwardRef as s}from"react";import{Icon as m}from"../../components/icon/icon.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../design/skoda/theme.js";import"@mui/material/styles";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../components/controls/controls.js";import"../../components/numbering/numbering.js";import"../../utils/enum.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"@mui/system";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"./HeaderContext.js";import"./HeaderNavigationHero.js";import"./HeaderNavigationLink.js";import"./HeaderNavigationMenu.js";import"./PredefinedHeaderButtons.js";import"./HeaderOverheadItem.js";import"../../components/icon/icon.definitions.js";import"../SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"../SecondaryNavigation/SecondaryNavigationCta.js";import"../SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Indicator as a}from"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"minimatch";const p=s((function(s,p){const{icon:c,label:l,color:d,indicator:j}=s,u=o(s,["icon","label","color","indicator"]),g=r();return t(i,{title:l,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:e(n,Object.assign({size:"large"},u,{ref:p,sx:{background:"grey"===d&&g.palette.surface.primary,".fwlIndicator":{position:"absolute",top:"15%",right:"20%"},".fwlIndicator::before":{margin:0}},children:[j&&t(a,{color:j,variant:"status"}),t(m,{name:c})]}))})}));export{p as HeaderButton};
1
+ import{__rest as o}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useTheme as r,Tooltip as i,IconButton as s}from"@mui/material";import{forwardRef as n}from"react";import{Icon as m}from"../../components/icon/icon.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"@emotion/react";import"@emotion/cache";import"stylis";import"stylis-plugin-rtl";import"../../design/skoda/theme.js";import"../../design/skoda/theme.breakpoints.js";import"@mui/material/styles";import"@mui/system";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../components/controls/controls.js";import"../../components/numbering/numbering.js";import"../../utils/enum.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"./HeaderContext.js";import"./HeaderNavigationHero.js";import"./HeaderNavigationLink.js";import"./HeaderNavigationMenu.js";import"./PredefinedHeaderButtons.js";import"./HeaderOverheadItem.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"../../components/icon/icon.definitions.js";import"../SideMenu/SideMenuItem.js";import"../Footer/PredefinedFooterIconButtons.js";import"../SecondaryNavigation/SecondaryNavigationCta.js";import"../SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Indicator as a}from"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"minimatch";const p=n((function(n,p){const{icon:c,label:l,color:d,indicator:j}=n,u=o(n,["icon","label","color","indicator"]),g=r();return t(i,{title:l,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:e(s,Object.assign({size:"large"},u,{ref:p,sx:{background:"grey"===d&&g.palette.surface.primary,".fwlIndicator":{position:"absolute",top:"15%",right:"20%"},".fwlIndicator::before":{margin:0}},children:[j&&t(a,{color:j,variant:"status"}),t(m,{name:c})]}))})}));export{p as HeaderButton};
2
2
  //# sourceMappingURL=HeaderButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"HeaderButton.js","sources":["../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { IconButton, Tooltip, useTheme } from '@mui/material';\nimport { forwardRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Indicator } from '@/src/components';\nfunction HeaderButtonBase(props, ref) {\n const { icon, label, color, indicator } = props, rest = __rest(props, [\"icon\", \"label\", \"color\", \"indicator\"]);\n const theme = useTheme();\n return (_jsx(Tooltip, { title: label, enterDelay: 1000, enterNextDelay: 1000, leaveDelay: 100, placement: \"bottom\", children: _jsxs(IconButton, Object.assign({ size: \"large\" }, rest, { ref: ref, sx: {\n background: color === 'grey' && theme.palette.surface.primary,\n '.fwlIndicator': {\n position: 'absolute',\n top: '15%',\n right: '20%',\n },\n '.fwlIndicator::before': {\n margin: 0,\n },\n }, children: [indicator && _jsx(Indicator, { color: indicator, variant: \"status\" }), _jsx(Icon, { name: icon })] })) }));\n}\nexport const HeaderButton = forwardRef(HeaderButtonBase);\n//# sourceMappingURL=HeaderButton.js.map"],"names":["HeaderButton","forwardRef","props","ref","icon","label","color","indicator","rest","__rest","theme","useTheme","_jsx","Tooltip","title","enterDelay","enterNextDelay","leaveDelay","placement","children","_jsxs","IconButton","Object","assign","size","sx","background","palette","surface","primary","position","top","right","margin","Indicator","variant","Icon","name"],"mappings":"6sIAqBY,MAACA,EAAeC,GAf5B,SAA0BC,EAAOC,GAC7B,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAcL,EAAOM,EAAOC,EAAOP,EAAO,CAAC,OAAQ,QAAS,QAAS,cAC3FQ,EAAQC,IACd,OAAQC,EAAKC,EAAS,CAAEC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAW,SAAUC,SAAUC,EAAMC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWhB,EAAM,CAAEL,IAAKA,EAAKsB,GAAI,CAC3LC,WAAsB,SAAVpB,GAAoBI,EAAMiB,QAAQC,QAAQC,QACtD,gBAAiB,CACbC,SAAU,WACVC,IAAK,MACLC,MAAO,OAEX,wBAAyB,CACrBC,OAAQ,IAEbd,SAAU,CAACZ,GAAaK,EAAKsB,EAAW,CAAE5B,MAAOC,EAAW4B,QAAS,WAAavB,EAAKwB,EAAM,CAAEC,KAAMjC,SACpH"}
1
+ {"version":3,"file":"HeaderButton.js","sources":["../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { IconButton, Tooltip, useTheme } from '@mui/material';\nimport { forwardRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Indicator } from '@/src/components';\nfunction HeaderButtonBase(props, ref) {\n const { icon, label, color, indicator } = props, rest = __rest(props, [\"icon\", \"label\", \"color\", \"indicator\"]);\n const theme = useTheme();\n return (_jsx(Tooltip, { title: label, enterDelay: 1000, enterNextDelay: 1000, leaveDelay: 100, placement: \"bottom\", children: _jsxs(IconButton, Object.assign({ size: \"large\" }, rest, { ref: ref, sx: {\n background: color === 'grey' && theme.palette.surface.primary,\n '.fwlIndicator': {\n position: 'absolute',\n top: '15%',\n right: '20%',\n },\n '.fwlIndicator::before': {\n margin: 0,\n },\n }, children: [indicator && _jsx(Indicator, { color: indicator, variant: \"status\" }), _jsx(Icon, { name: icon })] })) }));\n}\nexport const HeaderButton = forwardRef(HeaderButtonBase);\n//# sourceMappingURL=HeaderButton.js.map"],"names":["HeaderButton","forwardRef","props","ref","icon","label","color","indicator","rest","__rest","theme","useTheme","_jsx","Tooltip","title","enterDelay","enterNextDelay","leaveDelay","placement","children","_jsxs","IconButton","Object","assign","size","sx","background","palette","surface","primary","position","top","right","margin","Indicator","variant","Icon","name"],"mappings":"g2IAqBY,MAACA,EAAeC,GAf5B,SAA0BC,EAAOC,GAC7B,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAcL,EAAOM,EAAOC,EAAOP,EAAO,CAAC,OAAQ,QAAS,QAAS,cAC3FQ,EAAQC,IACd,OAAQC,EAAKC,EAAS,CAAEC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAW,SAAUC,SAAUC,EAAMC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWhB,EAAM,CAAEL,IAAKA,EAAKsB,GAAI,CAC3LC,WAAsB,SAAVpB,GAAoBI,EAAMiB,QAAQC,QAAQC,QACtD,gBAAiB,CACbC,SAAU,WACVC,IAAK,MACLC,MAAO,OAEX,wBAAyB,CACrBC,OAAQ,IAEbd,SAAU,CAACZ,GAAaK,EAAKsB,EAAW,CAAE5B,MAAOC,EAAW4B,QAAS,WAAavB,EAAKwB,EAAM,CAAEC,KAAMjC,SACpH"}
@@ -1,3 +1,4 @@
1
+ import { DrawerProps } from '@mui/material';
1
2
  import React from 'react';
2
3
  export type SideMenuProps = {
3
4
  /**
@@ -11,8 +12,7 @@ export type SideMenuProps = {
11
12
  */
12
13
  handleClose: () => void;
13
14
  /**
14
- * Direction of the component
15
- * @default ltr
15
+ * @deprecated direction is taken from the theme
16
16
  */
17
17
  direction?: 'rtl' | 'ltr';
18
18
  /**
@@ -25,5 +25,5 @@ export type SideMenuProps = {
25
25
  * @default undefined
26
26
  */
27
27
  subItems?: React.ReactNode;
28
- };
28
+ } & Partial<DrawerProps>;
29
29
  export declare const SideMenu: React.FC<SideMenuProps>;
@@ -1,2 +1,2 @@
1
- import{jsxs as i,jsx as t}from"react/jsx-runtime";import{Drawer as e,IconButton as n,Box as o,Stack as r}from"@mui/material";import{Icon as d}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";const p=p=>{const{open:s,handleClose:a,direction:l="ltr",items:x,subItems:m}=p;return i(e,{dir:l,anchor:"ltr"===l?"right":"left",open:s,onClose:a,sx:{".MuiDrawer-paper":{borderRadius:"0 !important",width:{lg:"520px",xs:"100vw"},minWidth:"300px"}},"data-testid":"SideMenu",children:[t(n,{onClick:a,sx:{position:"absolute",top:"16px",right:"ltr"===l?"16px":void 0,left:"rtl"===l?"16px":void 0},"data-testid":"SideMenu.close",children:t(d,{name:"close",fontSize:"small"})}),i(o,{sx:{boxSizing:"border-box",width:"100%",padding:{md:"112px 48px 48px 48px",xs:"64px 24px 24px 24px"},height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[t(r,{direction:"column",spacing:3,sx:{padding:"0 !important","& hr":{marginTop:"24px !important"}},"data-testid":"SideMenu.items",children:x}),m&&t(o,{sx:{padding:"0 !important"},"data-testid":"SideMenu.sub",children:m})]})]})};export{p as SideMenu};
1
+ import{__rest as i}from"tslib";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as n,Drawer as o,IconButton as s,Box as r,Stack as p}from"@mui/material";import{Icon as d}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";const a=a=>{const{open:m,handleClose:x,items:c,subItems:l,sx:h}=a,u=i(a,["open","handleClose","items","subItems","sx"]),b=n();return e(o,Object.assign({dir:b.direction,anchor:"right",open:m,onClose:x,sx:Object.assign({".MuiDrawer-paper":{borderRadius:"0 !important",width:{lg:"520px",xs:"100vw"},minWidth:"300px"}},h||{}),"data-testid":"SideMenu"},u,{children:[t(s,{onClick:x,sx:{position:"absolute",top:"16px",right:"16px"},"data-testid":"SideMenu.close",children:t(d,{name:"close",fontSize:"small"})}),e(r,{sx:{boxSizing:"border-box",width:"100%",padding:{md:"112px 48px 48px 48px",xs:"64px 24px 24px 24px"},height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[t(p,{direction:"column",spacing:3,sx:{padding:"0 !important","& hr":{marginTop:"24px !important"}},"data-testid":"SideMenu.items",children:c}),l&&t(r,{sx:{padding:"0 !important"},"data-testid":"SideMenu.sub",children:l})]})]}))};export{a as SideMenu};
2
2
  //# sourceMappingURL=SideMenu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SideMenu.js","sources":["../../../src/layout/SideMenu/SideMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Drawer, IconButton, Stack } from '@mui/material';\nimport { Icon } from '../../components/icon';\nexport const SideMenu = (props) => {\n const { open, handleClose, direction = 'ltr', items, subItems } = props;\n return (_jsxs(Drawer, { dir: direction, anchor: direction === 'ltr' ? 'right' : 'left', open: open, onClose: handleClose, sx: {\n '.MuiDrawer-paper': {\n borderRadius: '0 !important',\n width: {\n lg: '520px',\n xs: '100vw',\n },\n minWidth: '300px',\n },\n }, \"data-testid\": \"SideMenu\", children: [_jsx(IconButton, { onClick: handleClose, sx: {\n position: 'absolute',\n top: '16px',\n right: direction === 'ltr' ? '16px' : undefined,\n left: direction === 'rtl' ? '16px' : undefined,\n }, \"data-testid\": \"SideMenu.close\", children: _jsx(Icon, { name: \"close\", fontSize: \"small\" }) }), _jsxs(Box, { sx: {\n boxSizing: 'border-box',\n width: '100%',\n padding: {\n md: '112px 48px 48px 48px',\n xs: '64px 24px 24px 24px',\n },\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n }, children: [_jsx(Stack, { direction: \"column\", spacing: 3, sx: {\n padding: '0 !important',\n '& hr': {\n marginTop: `24px !important`,\n },\n }, \"data-testid\": \"SideMenu.items\", children: items }), subItems && (_jsx(Box, { sx: {\n padding: '0 !important',\n }, \"data-testid\": \"SideMenu.sub\", children: subItems }))] })] }));\n};\n//# sourceMappingURL=SideMenu.js.map"],"names":["SideMenu","props","open","handleClose","direction","items","subItems","_jsxs","Drawer","dir","anchor","onClose","sx","borderRadius","width","lg","xs","minWidth","children","_jsx","IconButton","onClick","position","top","right","undefined","left","Icon","name","fontSize","Box","boxSizing","padding","md","height","display","flexDirection","justifyContent","Stack","spacing","marginTop"],"mappings":"oOAGY,MAACA,EAAYC,IACrB,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,UAAEA,EAAY,MAAKC,MAAEA,EAAKC,SAAEA,GAAaL,EAClE,OAAQM,EAAMC,EAAQ,CAAEC,IAAKL,EAAWM,OAAsB,QAAdN,EAAsB,QAAU,OAAQF,KAAMA,EAAMS,QAASR,EAAaS,GAAI,CACtH,mBAAoB,CAChBC,aAAc,eACdC,MAAO,CACHC,GAAI,QACJC,GAAI,SAERC,SAAU,UAEf,cAAe,WAAYC,SAAU,CAACC,EAAKC,EAAY,CAAEC,QAASlB,EAAaS,GAAI,CAC1EU,SAAU,WACVC,IAAK,OACLC,MAAqB,QAAdpB,EAAsB,YAASqB,EACtCC,KAAoB,QAAdtB,EAAsB,YAASqB,GACtC,cAAe,iBAAkBP,SAAUC,EAAKQ,EAAM,CAAEC,KAAM,QAASC,SAAU,YAAetB,EAAMuB,EAAK,CAAElB,GAAI,CAChHmB,UAAW,aACXjB,MAAO,OACPkB,QAAS,CACLC,GAAI,uBACJjB,GAAI,uBAERkB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBnB,SAAU,CAACC,EAAKmB,EAAO,CAAElC,UAAW,SAAUmC,QAAS,EAAG3B,GAAI,CACrDoB,QAAS,eACT,OAAQ,CACJQ,UAAW,oBAEhB,cAAe,iBAAkBtB,SAAUb,IAAUC,GAAaa,EAAKW,EAAK,CAAElB,GAAI,CACjFoB,QAAS,gBACV,cAAe,eAAgBd,SAAUZ,SAAsB"}
1
+ {"version":3,"file":"SideMenu.js","sources":["../../../src/layout/SideMenu/SideMenu.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Drawer, IconButton, Stack, useTheme } from '@mui/material';\nimport { Icon } from '../../components/icon';\nexport const SideMenu = (props) => {\n const { open, handleClose, items, subItems, sx } = props, rest = __rest(props, [\"open\", \"handleClose\", \"items\", \"subItems\", \"sx\"]);\n const theme = useTheme();\n return (_jsxs(Drawer, Object.assign({ dir: theme.direction, anchor: \"right\", open: open, onClose: handleClose, sx: Object.assign({ '.MuiDrawer-paper': {\n borderRadius: '0 !important',\n width: {\n lg: '520px',\n xs: '100vw',\n },\n minWidth: '300px',\n } }, (sx || {})), \"data-testid\": \"SideMenu\" }, rest, { children: [_jsx(IconButton, { onClick: handleClose, sx: {\n position: 'absolute',\n top: '16px',\n right: '16px',\n }, \"data-testid\": \"SideMenu.close\", children: _jsx(Icon, { name: \"close\", fontSize: \"small\" }) }), _jsxs(Box, { sx: {\n boxSizing: 'border-box',\n width: '100%',\n padding: {\n md: '112px 48px 48px 48px',\n xs: '64px 24px 24px 24px',\n },\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n }, children: [_jsx(Stack, { direction: \"column\", spacing: 3, sx: {\n padding: '0 !important',\n '& hr': {\n marginTop: `24px !important`,\n },\n }, \"data-testid\": \"SideMenu.items\", children: items }), subItems && (_jsx(Box, { sx: {\n padding: '0 !important',\n }, \"data-testid\": \"SideMenu.sub\", children: subItems }))] })] })));\n};\n//# sourceMappingURL=SideMenu.js.map"],"names":["SideMenu","props","open","handleClose","items","subItems","sx","rest","__rest","theme","useTheme","_jsxs","Drawer","Object","assign","dir","direction","anchor","onClose","borderRadius","width","lg","xs","minWidth","children","_jsx","IconButton","onClick","position","top","right","Icon","name","fontSize","Box","boxSizing","padding","md","height","display","flexDirection","justifyContent","Stack","spacing","marginTop"],"mappings":"iRAIY,MAACA,EAAYC,IACrB,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,MAAEA,EAAKC,SAAEA,EAAQC,GAAEA,GAAOL,EAAOM,EAAOC,EAAOP,EAAO,CAAC,OAAQ,cAAe,QAAS,WAAY,OACtHQ,EAAQC,IACd,OAAQC,EAAMC,EAAQC,OAAOC,OAAO,CAAEC,IAAKN,EAAMO,UAAWC,OAAQ,QAASf,KAAMA,EAAMgB,QAASf,EAAaG,GAAIO,OAAOC,OAAO,CAAE,mBAAoB,CAC3IK,aAAc,eACdC,MAAO,CACHC,GAAI,QACJC,GAAI,SAERC,SAAU,UACRjB,GAAM,CAAE,GAAI,cAAe,YAAcC,EAAM,CAAEiB,SAAU,CAACC,EAAKC,EAAY,CAAEC,QAASxB,EAAaG,GAAI,CACvGsB,SAAU,WACVC,IAAK,OACLC,MAAO,QACR,cAAe,iBAAkBN,SAAUC,EAAKM,EAAM,CAAEC,KAAM,QAASC,SAAU,YAAetB,EAAMuB,EAAK,CAAE5B,GAAI,CAChH6B,UAAW,aACXf,MAAO,OACPgB,QAAS,CACLC,GAAI,uBACJf,GAAI,uBAERgB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBjB,SAAU,CAACC,EAAKiB,EAAO,CAAE1B,UAAW,SAAU2B,QAAS,EAAGrC,GAAI,CACrD8B,QAAS,eACT,OAAQ,CACJQ,UAAW,oBAEhB,cAAe,iBAAkBpB,SAAUpB,IAAUC,GAAaoB,EAAKS,EAAK,CAAE5B,GAAI,CACjF8B,QAAS,gBACV,cAAe,eAAgBZ,SAAUnB,UAAuB"}
@@ -1 +1 @@
1
- {"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;;"}
1
+ {"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) `\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}};\n\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\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}};\n }\n\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\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}};\n }\n\n padding: 0;\n .CardImagePicture {\n display: block;\n }\n background-color: ${(props) => {\n return props.theme.palette.onSurface.os0;\n}};\n\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}};\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n}}\n\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n}}\n\n\t.CardImageHeader {\n width: 100%;\n }\n .CardImageHeader {\n .Label {\n margin: 0;\n }\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}};\n }\n .CardImageMedia {\n position: relative;\n height: auto;\n }\n .CardImageTextContainer {\n padding: 24px;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n }\n .CardImageText {\n position: absolute;\n .CardImageSubtitle {\n font-weight: bold;\n font-size: 16px;\n line-height: 24px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n font-size: 18px;\n line-height: 28px;\n }\n }\n .CardImageTitle {\n font-size: 27px;\n line-height: 32px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n font-size: 30px;\n line-height: 36px;\n }\n }\n }\n .CardImageButtonsContainerContent {\n display: flex;\n justify-content: space-between;\n width: 100%;\n flex-direction: column-reverse;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n }\n }\n .CardImageButtonsContainer {\n display: flex;\n justify-content: space-between;\n width: 100%;\n }\n .CardImageButtons {\n gap: 12px 16px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n flex-wrap: wrap;\n }\n .cta-button {\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n }\n }\n .cta-button button {\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n font-size: 14px;\n }\n }\n }\n .LabelsOptional {\n display: flex;\n flex-wrap: wrap;\n margin-top: 8px;\n span:first-of-type {\n margin-bottom: 4px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n span:first-of-type {\n margin-bottom: 0;\n }\n }\n }\n .InfoVehicle {\n font-size: 14px;\n line-height: 20px;\n margin-bottom: 12px;\n text-align: left;\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n margin-bottom: 0;\n text-align: right;\n }\n margin-bottom: 16px;\n .InfoVehicleTotal {\n font-weight: bold;\n }\n .infoVehicleDealerInfoContainer {\n display: inline-flex;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n text-align: right;\n margin-bottom: 0;\n width: auto;\n }\n }\n .infoVehicleDealerInfo {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n .CardImageOverlayTheme {\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\n\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\n }\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;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"cardPhotoFixed.js","sources":["../../../src/organisms/cardPhotoFixed/cardPhotoFixed.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 { useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport CardPhotoFixedComponent from './cardPhotoFixedComponent';\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 CardPhotoFixed = forwardRef((props, ref) => {\n const themeBreakpoint = useTheme();\n const isCompact = useMediaQuery(themeBreakpoint.breakpoints.up('md'));\n return (_jsx(CardPhotoFixedsStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({ isCompact: isCompact }, props)) }));\n});\n/**\n * @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoFixedsStyled = styled(MuiCard) `\r\n background-color: ${(props) => {\n return props.theme.palette.common.white;\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.common.black;\n }\n if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n return props.theme.palette.common.white;\n }\n else\n return props.theme.palette.common.white;\n}};\r\n\r\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n}}\r\n\r\n /* Height of the component */\r\n height: 500px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n height: 440px;\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n height: 400px;\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n height: 440px;\r\n }\r\n\r\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n}}\r\n\r\n .CardImageHeader {\r\n width: 100%;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n max-width: 560px;\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n max-width: 640px;\r\n }\r\n }\r\n\r\n .CardImageHeader {\r\n .VehicleEquipment {\r\n margin: 0;\r\n font-size: 16px;\r\n line-height: 24px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n font-size: 23px;\r\n line-height: 28px;\r\n }\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\r\n .CardImageText {\r\n .CardImageSubtitleContainer {\r\n display: inline-flex;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n width: 100%;\r\n }\r\n .CardImageSubtitle {\r\n font-size: 16px;\r\n line-height: 24px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\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: 23px;\r\n line-height: 28px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n font-size: 32px;\r\n line-height: 38px;\r\n ${(props) => {\n if (props.children.props.cardSize === 'small') {\n return 'font-size: 27px; line-height: 32px';\n }\n}};\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n font-size: 36px;\r\n line-height: 44px;\r\n ${(props) => {\n if (props.children.props.cardSize === 'small') {\n return 'font-size: 30px; line-height: 36px';\n }\n}};\r\n }\r\n }\r\n }\r\n .CardImageButtonsContainer {\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column-reverse;\r\n flex-wrap: wrap-reverse;\r\n width: 100%;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n flex-direction: row;\r\n }\r\n }\r\n .CardImageButtonsGroup {\r\n display: flex;\r\n flex-direction: column;\r\n flex-wrap: wrap;\r\n width: 100%;\r\n gap: 12px 16px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n width: auto;\r\n }\r\n .cta-button {\r\n text-decoration: none;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n width: auto;\r\n }\r\n div {\r\n width: 100%;\r\n }\r\n button {\r\n width: 100%;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n width: auto;\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .LabelsOptional {\r\n display: flex;\r\n flex-wrap: wrap;\r\n margin-top: 6px;\r\n }\r\n .infoText {\r\n font-size: 14px;\r\n margin-bottom: 12px;\r\n margin-bottom: 12px;\r\n width: 100%;\r\n align-self: end;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n width: auto;\r\n margin-bottom: 0;\r\n }\r\n .infoTextFirst {\r\n font-weight: bold;\r\n span {\r\n font-weight: 300;\r\n }\r\n }\r\n .infoTextThirdContainer {\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 display: inline;\r\n text-align: right;\r\n margin-bottom: 0;\r\n width: auto;\r\n }\r\n }\r\n .infoTextThird {\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=cardPhotoFixed.js.map"],"names":["CardPhotoFixed","forwardRef","props","ref","themeBreakpoint","useTheme","isCompact","useMediaQuery","breakpoints","up","_jsx","CardPhotoFixedsStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"oYAeY,MAACA,EAAiBC,GAAW,CAACC,EAAOC,KAC7C,MAAMC,EAAkBC,IAClBC,EAAYC,EAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OAAQC,EAAKC,EAAuB,CAAER,IAAKA,EAAKS,SAAUF,EAAKG,EAAyBC,OAAOC,OAAO,CAAET,UAAWA,GAAaJ,KAAY,IAK1IS,EAAwBK,EAAOC,EAAS;sBACvBf,GACZA,EAAMgB,MAAMC,QAAQC,OAAOC;;WAG1BnB,GACmC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,aACxC,iBAAlCrB,EAAMU,SAASV,MAAMsB,SACdtB,EAAMgB,MAAMC,QAAQC,OAAOK,OAEG,aAArCvB,EAAMU,SAASV,MAAMqB,aAA8BrB,EAAMU,SAASV,MAAMsB,SACjEtB,EAAMgB,MAAMC,QAAQC,OAAOC;;IAMrCnB,IACD,GAAIA,EAAMgB,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;;;uBAKmBzB,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;uBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;uBAGzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;IAI5D7B,IACD,GAAIA,EAAMU,SAASV,MAAM8B,eACrB,MAAO,qBACV;;;;yBAKqB9B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;yBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;;;;;;;;2BAUvC/B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;aAKvD5B,GACgC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,YAClErB,EAAMgB,MAAMC,QAAQe,KAAKC,QAEK,aAArCjC,EAAMU,SAASV,MAAMqB,YACdrB,EAAMgB,MAAMC,QAAQiB,UAAUC,SADzC;;;;;;;;;;;;;;;;;;2BAqBwBnC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;;;;;2BAQzC7B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;UAG1D5B,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACrB,MAAO,oCACV;;2BAGuBpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;UAG1D/B,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACrB,MAAO,oCACV;;;;;;;;;;yBAWqBpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;yBAUzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;2BAOvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;6BAQvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;MAc9D3B,GACIqC,EAAiCrC,EAAMU,SAASV,MAAMoB,aAAc;;MAGxEpB,GACIsC,EAAgCtC,EAAMU,SAASV,MAAMqB,YAAa;;"}
1
+ {"version":3,"file":"cardPhotoFixed.js","sources":["../../../src/organisms/cardPhotoFixed/cardPhotoFixed.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 { useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport CardPhotoFixedComponent from './cardPhotoFixedComponent';\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 CardPhotoFixed = forwardRef((props, ref) => {\n const themeBreakpoint = useTheme();\n const isCompact = useMediaQuery(themeBreakpoint.breakpoints.up('md'));\n return (_jsx(CardPhotoFixedsStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({ isCompact: isCompact }, props)) }));\n});\n/**\n * @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoFixedsStyled = styled(MuiCard) `\n background-color: ${(props) => {\n return props.theme.palette.common.white;\n}};\n\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.common.black;\n }\n if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n return props.theme.palette.common.white;\n }\n else\n return props.theme.palette.common.white;\n}};\n\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n}}\n\n /* Height of the component */\n height: 500px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n height: 440px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n height: 400px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n height: 440px;\n }\n\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n}}\n\n .CardImageHeader {\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n max-width: 560px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n max-width: 640px;\n }\n }\n\n .CardImageHeader {\n .VehicleEquipment {\n margin: 0;\n font-size: 16px;\n line-height: 24px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n font-size: 23px;\n line-height: 28px;\n }\n }\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}};\n }\n\n .CardImageText {\n .CardImageSubtitleContainer {\n display: inline-flex;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n }\n .CardImageSubtitle {\n font-size: 16px;\n line-height: 24px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n font-size: 18px;\n line-height: 28px;\n }\n }\n .CardImageTitle {\n font-size: 23px;\n line-height: 28px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n font-size: 32px;\n line-height: 38px;\n ${(props) => {\n if (props.children.props.cardSize === 'small') {\n return 'font-size: 27px; line-height: 32px';\n }\n}};\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n font-size: 36px;\n line-height: 44px;\n ${(props) => {\n if (props.children.props.cardSize === 'small') {\n return 'font-size: 30px; line-height: 36px';\n }\n}};\n }\n }\n }\n .CardImageButtonsContainer {\n display: flex;\n justify-content: space-between;\n flex-direction: column-reverse;\n flex-wrap: wrap-reverse;\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n }\n }\n .CardImageButtonsGroup {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n width: 100%;\n gap: 12px 16px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n flex-direction: row;\n flex-wrap: wrap;\n width: auto;\n }\n .cta-button {\n text-decoration: none;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n width: auto;\n }\n div {\n width: 100%;\n }\n button {\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n width: auto;\n font-size: 14px;\n }\n }\n }\n }\n\n .LabelsOptional {\n display: flex;\n flex-wrap: wrap;\n margin-top: 6px;\n }\n .infoText {\n font-size: 14px;\n margin-bottom: 12px;\n margin-bottom: 12px;\n width: 100%;\n align-self: end;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n margin-bottom: 0;\n }\n .infoTextFirst {\n font-weight: bold;\n span {\n font-weight: 300;\n }\n }\n .infoTextThirdContainer {\n display: inline-flex;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n display: inline;\n text-align: right;\n margin-bottom: 0;\n width: auto;\n }\n }\n .infoTextThird {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n .CardImageOverlayTheme {\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\n\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\n }\n`;\n//# sourceMappingURL=cardPhotoFixed.js.map"],"names":["CardPhotoFixed","forwardRef","props","ref","themeBreakpoint","useTheme","isCompact","useMediaQuery","breakpoints","up","_jsx","CardPhotoFixedsStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"oYAeY,MAACA,EAAiBC,GAAW,CAACC,EAAOC,KAC7C,MAAMC,EAAkBC,IAClBC,EAAYC,EAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OAAQC,EAAKC,EAAuB,CAAER,IAAKA,EAAKS,SAAUF,EAAKG,EAAyBC,OAAOC,OAAO,CAAET,UAAWA,GAAaJ,KAAY,IAK1IS,EAAwBK,EAAOC,EAAS;sBACvBf,GACZA,EAAMgB,MAAMC,QAAQC,OAAOC;;WAG1BnB,GACmC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,aACxC,iBAAlCrB,EAAMU,SAASV,MAAMsB,SACdtB,EAAMgB,MAAMC,QAAQC,OAAOK,OAEG,aAArCvB,EAAMU,SAASV,MAAMqB,aAA8BrB,EAAMU,SAASV,MAAMsB,SACjEtB,EAAMgB,MAAMC,QAAQC,OAAOC;;IAMrCnB,IACD,GAAIA,EAAMgB,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;;;uBAKmBzB,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;uBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;uBAGzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;IAI5D7B,IACD,GAAIA,EAAMU,SAASV,MAAM8B,eACrB,MAAO,qBACV;;;;yBAKqB9B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;yBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;;;;;;;;2BAUvC/B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;aAKvD5B,GACgC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,YAClErB,EAAMgB,MAAMC,QAAQe,KAAKC,QAEK,aAArCjC,EAAMU,SAASV,MAAMqB,YACdrB,EAAMgB,MAAMC,QAAQiB,UAAUC,SADzC;;;;;;;;;;;;;;;;;;2BAqBwBnC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;;;;;2BAQzC7B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;UAG1D5B,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACrB,MAAO,oCACV;;2BAGuBpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;UAG1D/B,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACrB,MAAO,oCACV;;;;;;;;;;yBAWqBpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;yBAUzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;2BAOvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;6BAQvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;MAc9D3B,GACIqC,EAAiCrC,EAAMU,SAASV,MAAMoB,aAAc;;MAGxEpB,GACIsC,EAAgCtC,EAAMU,SAASV,MAAMqB,YAAa;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"cardTypeOnly.js","sources":["../../../src/organisms/cardTypeOnly/cardTypeOnly.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 CardTypeOnlyComponent from './cardTypeOnlyComponent';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\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 CardTypeOnly = forwardRef((props, ref) => {\n return (_jsx(CardStandardWrapperStyled, { isBorderRadius: props.isBorderRadius, ref: ref, children: _jsx(CardTypeOnlyStyled, { children: _jsx(CardTypeOnlyComponent, Object.assign({ isCompact: true }, props)) }) }));\n});\n/**\n * @description Hero Image Card styling definition based on props\n */\nconst CardTypeOnlyStyled = styled(MuiCard) `\r\n width: 100%;\r\n box-shadow: none;\r\n background-color: #f6f7f8ff !important;\r\n padding: 24px;\r\n min-height: 300px;\r\n ${(props) => {\n if (props.children.props.emptyCardText) {\n return 'background-image: none';\n }\n}};\r\n background-repeat: no-repeat, repeat;\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 return props.theme.palette.text.primary;\n }\n else if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.onSurface.os0;\n }\n}};\r\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\t.CardImageText {\r\n text-align: center;\r\n ${(props) => {\n if (props.children.props.cardTypeOnlyText) {\n return 'justify-content: center';\n }\n}};\r\n .CardImageSubtitle {\r\n font-size: 16px;\r\n line-height: 24px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n font-size: 18px;\r\n line-height: 28px;\r\n }\r\n }\r\n .emptyCardText {\r\n align-self: center;\r\n margin-bottom: 17px;\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 justify-content: center;\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 .button-component {\r\n width: 100%;\r\n div {\r\n width: 100%;\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n width: auto;\r\n }\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 .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=cardTypeOnly.js.map"],"names":["CardTypeOnly","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","children","CardTypeOnlyStyled","CardTypeOnlyComponent","Object","assign","isCompact","styled","MuiCard","emptyCardText","theme","palette","onSurface","os0","lightOpacity","darkOpacity","text","primary","shape","borderRadius","cardTypeOnlyText","breakpoints","values","xl","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"iYAcY,MAACA,EAAeC,GAAW,CAACC,EAAOC,IACnCC,EAAKC,EAA2B,CAAEC,eAAgBJ,EAAMI,eAAgBH,IAAKA,EAAKI,SAAUH,EAAKI,EAAoB,CAAED,SAAUH,EAAKK,EAAuBC,OAAOC,OAAO,CAAEC,WAAW,GAAQV,UAKtMM,EAAqBK,EAAOC,EAAS;;;;;;IAMtCZ,IACD,GAAIA,EAAMK,SAASL,MAAMa,cACrB,MAAO,wBACV;;sBAGkBb,GACZA,EAAMc,MAAMC,QAAQC,UAAUC;;WAG7BjB,GACkC,aAAtCA,EAAMK,SAASL,MAAMkB,cAAoE,aAArClB,EAAMK,SAASL,MAAMmB,YAClEnB,EAAMc,MAAMC,QAAQK,KAAKC,QAEU,aAArCrB,EAAMK,SAASL,MAAMmB,YACnBnB,EAAMc,MAAMC,QAAQC,UAAUC,SADpC;;IAKJjB,IACD,GAAIA,EAAMc,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;IAGAvB,IACD,GAAIA,EAAMK,SAASL,MAAMI,eACrB,MAAO,qBACV;;;MAIEJ,IACH,GAAIA,EAAMK,SAASL,MAAMwB,iBACrB,MAAO,yBACV;;;;2BAKuBxB,GAAUA,EAAMc,MAAMW,YAAYC,OAAOC;;;;;;;;;;;;;;;yBAe3C3B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;;;;;;yBAYzC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;;;2BASvC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;2BAGzC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;MAO9D5B,GACI6B,EAAiC7B,EAAMK,SAASL,MAAMkB,aAAc;;MAGxElB,GACI8B,EAAgC9B,EAAMK,SAASL,MAAMmB,YAAa;;"}
1
+ {"version":3,"file":"cardTypeOnly.js","sources":["../../../src/organisms/cardTypeOnly/cardTypeOnly.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 CardTypeOnlyComponent from './cardTypeOnlyComponent';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\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 CardTypeOnly = forwardRef((props, ref) => {\n return (_jsx(CardStandardWrapperStyled, { isBorderRadius: props.isBorderRadius, ref: ref, children: _jsx(CardTypeOnlyStyled, { children: _jsx(CardTypeOnlyComponent, Object.assign({ isCompact: true }, props)) }) }));\n});\n/**\n * @description Hero Image Card styling definition based on props\n */\nconst CardTypeOnlyStyled = styled(MuiCard) `\n width: 100%;\n box-shadow: none;\n background-color: #f6f7f8ff !important;\n padding: 24px;\n min-height: 300px;\n ${(props) => {\n if (props.children.props.emptyCardText) {\n return 'background-image: none';\n }\n}};\n background-repeat: no-repeat, repeat;\n background-color: ${(props) => {\n return props.theme.palette.onSurface.os0;\n}};\n\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.text.primary;\n }\n else if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.onSurface.os0;\n }\n}};\n\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n}}\n\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n}}\n\t.CardImageText {\n text-align: center;\n ${(props) => {\n if (props.children.props.cardTypeOnlyText) {\n return 'justify-content: center';\n }\n}};\n .CardImageSubtitle {\n font-size: 16px;\n line-height: 24px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n font-size: 18px;\n line-height: 28px;\n }\n }\n .emptyCardText {\n align-self: center;\n margin-bottom: 17px;\n }\n }\n .CardImageButtonsContainerContent {\n display: flex;\n justify-content: space-between;\n width: 100%;\n flex-direction: column-reverse;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n }\n }\n .CardImageButtonsContainer {\n display: flex;\n justify-content: space-between;\n width: 100%;\n }\n .CardImageButtons {\n justify-content: center;\n gap: 12px 16px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n flex-wrap: wrap;\n }\n .button-component {\n width: 100%;\n div {\n width: 100%;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n font-size: 14px;\n }\n }\n }\n .CardImageOverlayTheme {\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\n\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\n }\n`;\n//# sourceMappingURL=cardTypeOnly.js.map"],"names":["CardTypeOnly","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","children","CardTypeOnlyStyled","CardTypeOnlyComponent","Object","assign","isCompact","styled","MuiCard","emptyCardText","theme","palette","onSurface","os0","lightOpacity","darkOpacity","text","primary","shape","borderRadius","cardTypeOnlyText","breakpoints","values","xl","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"iYAcY,MAACA,EAAeC,GAAW,CAACC,EAAOC,IACnCC,EAAKC,EAA2B,CAAEC,eAAgBJ,EAAMI,eAAgBH,IAAKA,EAAKI,SAAUH,EAAKI,EAAoB,CAAED,SAAUH,EAAKK,EAAuBC,OAAOC,OAAO,CAAEC,WAAW,GAAQV,UAKtMM,EAAqBK,EAAOC,EAAS;;;;;;IAMtCZ,IACD,GAAIA,EAAMK,SAASL,MAAMa,cACrB,MAAO,wBACV;;sBAGkBb,GACZA,EAAMc,MAAMC,QAAQC,UAAUC;;WAG7BjB,GACkC,aAAtCA,EAAMK,SAASL,MAAMkB,cAAoE,aAArClB,EAAMK,SAASL,MAAMmB,YAClEnB,EAAMc,MAAMC,QAAQK,KAAKC,QAEU,aAArCrB,EAAMK,SAASL,MAAMmB,YACnBnB,EAAMc,MAAMC,QAAQC,UAAUC,SADpC;;IAKJjB,IACD,GAAIA,EAAMc,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;IAGAvB,IACD,GAAIA,EAAMK,SAASL,MAAMI,eACrB,MAAO,qBACV;;;MAIEJ,IACH,GAAIA,EAAMK,SAASL,MAAMwB,iBACrB,MAAO,yBACV;;;;2BAKuBxB,GAAUA,EAAMc,MAAMW,YAAYC,OAAOC;;;;;;;;;;;;;;;yBAe3C3B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;;;;;;yBAYzC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;;;2BASvC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;2BAGzC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;MAO9D5B,GACI6B,EAAiC7B,EAAMK,SAASL,MAAMkB,aAAc;;MAGxElB,GACI8B,EAAgC9B,EAAMK,SAASL,MAAMmB,YAAa;;"}
@@ -1,2 +1,2 @@
1
- import{__rest as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{Box as e}from"@mui/material";import{useState as r,useEffect as i,useCallback as n}from"react";import"../../../components/accordion/accordion.js";import"../../../components/backdrop/backdrop.js";import"../../../components/button/button.js";import"../../../design/skoda/theme.js";import"@mui/material/styles";import"../../cardOwnedVehicle/cardOwnedVehicle.js";import"../../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../cardPhotoFixed/cardPhotoFixed.js";import"../../cardPromoVehicle/cardPromoVehicleComponent.js";import"../../common/styled/cardStandardWrapperStyled.js";import"../../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../carousel/styledComponents/styledCarouselHorizontal.js";import"../../carousel/styledComponents/styledCarouselVertical.js";import{Controller as a}from"../../../components/controls/controls.js";import"../../../components/numbering/numbering.js";import"../../../utils/enum.js";import"../../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../maps/utils/mapIcons.js";import"../../maps/mapComponents/mapStyled.js";import"../../shortcutLink/shortcutLink.js";import"../../textCta/textCta.js";import"../../tile/tile.js";import"@mui/system";import"../galleryCarousel/galleryContext.js";import"../galleryCarousel/galleryItemContext.js";import"../heroCarousel/heroCarouselContext.js";import"../../notification/Notification.js";import"../../notification/NotificationCenter.js";import"../../../layout/Header/HeaderContext.js";import"../../../layout/Header/HeaderButton.js";import"../../../layout/Header/HeaderNavigationHero.js";import"../../../layout/Header/HeaderNavigationLink.js";import"../../../layout/Header/HeaderNavigationMenu.js";import"../../../layout/Header/PredefinedHeaderButtons.js";import"../../../layout/Header/HeaderOverheadItem.js";import"../../../components/icon/icon.definitions.js";import"../../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../../production/Button/Button.js";import"../../../components/cardContainer/cardContainer.js";import"../../../components/cardMenu/cardMenu.js";import"../../../components/checkbox/checkbox.js";import"../../../components/chip/chipImage/chipImage.js";import"../../../components/chip/regular/chip.js";import"../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../../components/divider/divider.js";import"../../../components/drawer/drawer.js";import"../../../components/flag/flag.js";import"@mui/material/Grid";import"../../../components/indicator/indicator.js";import"../../../components/label/label.js";import"../../../components/labelCO2/labelCO2.js";import"../../../components/labelFeature/labelFeature.js";import"../../../components/labelPromotional/labelPromotional.js";import"../../../components/labelStatus/labelStatus.js";import"../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../../components/mobileStepper/mobileStepperButton.js";import"../../../components/modal/modal.js";import"../../../components/modal/modalTitle.js";import"../../../components/pagination/pagination.js";import"../../../components/progressBar/progressBar.js";import"../../../components/radioButton/radioButton.js";import"../../../components/selectInput/selectInput.js";import"../../../components/slider/slider.js";import"../../../components/snackbar/snackbar.js";import"../../../components/stepper/stepper.js";import"../../../components/textArea/textArea.js";import"../../../components/common/styled/textFieldStyled.js";import"../../../components/helperTextContent/index.js";import"../../../components/toggleSwitch/toggleSwitch.js";import"../../../components/avatar/Avatar.js";import"../../../components/iconButton/index.js";import"../../../components/alert/AlertButton.js";import"../../gallery/Gallery.js";import"../../gallery/GalleryItem.js";import"minimatch";const s=n=>{var{emblaApi:s,type:p,color:c,style:d,variant:u,onMouseEnter:j,onMouseLeave:g,direction:M}=n,y=o(n,["emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction"]);const v=l(s,M,p),[I,b]=r(!0),{hover:x,handleMouseEnter:h,handleMouseLeave:N}=m(s,p,M,{onMouseEnter:j,onMouseLeave:g});return i((()=>{if(s){const o=()=>{const o="prev"===p?s.canScrollPrev():s.canScrollNext(),t="next"===p?s.canScrollPrev():s.canScrollNext();b(!("rtl"===M?t:o))};s.on("scroll",o),o()}}),[s,p,M]),t(e,{sx:{cursor:x?`url(${"next"===p?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="}) 17 17, auto`:void 0},"data-testid":"Carousel.nav",children:t(e,Object.assign({},y,{sx:Object.assign({position:"absolute",top:"33%",bottom:"33%",width:"10%",minWidth:"50px",left:"prev"===p?"0px":void 0,right:"next"===p?"0px":void 0,button:{position:"absolute !important",left:{sm:"prev"===p?"15px":void 0,xl:"prev"===p?"34px":void 0},right:{sm:"next"===p?"15px":void 0,xl:"next"===p?"34px":void 0},top:"50%",transform:"translate(0, -50%)","&:active":{transform:"translate(0, -50%) scale(0.95) !important"},visibility:x?"hidden":void 0}},y.sx),onMouseEnter:h,onMouseLeave:N,children:t(a,{controlType:"prev"===p?"arrow-left":"arrow-right",controllerColor:null!=c?c:"light",iconStyle:null!=d?d:"regular",controlVariant:null!=u?u:"standard",onClickCallback:v,isDisabled:I,customHeight:"100%"})}))})},m=(o,t,e,i)=>{const[a,s]=r(!1);return{hover:a,handleMouseEnter:n((()=>{var r;if(o){const r="prev"===t?o.canScrollPrev():o.canScrollNext(),i="next"===t?o.canScrollPrev():o.canScrollNext();("rtl"===e?i:r)&&s(!0)}null===(r=null==i?void 0:i.onMouseEnter)||void 0===r||r.call(i)}),[o,s,i,t,e]),handleMouseLeave:n((()=>{var o;s(!1),null===(o=null==i?void 0:i.onMouseLeave)||void 0===o||o.call(i)}),[i,s])}},l=(o,t,e)=>n((()=>{"prev"===e&&("ltr"===t?o.scrollPrev():o.scrollNext()),"next"===e&&("ltr"===t?o.scrollNext():o.scrollPrev())}),[o,t,e]);export{s as NavButton};
1
+ import{__rest as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{Box as e}from"@mui/material";import{useState as r,useEffect as i,useCallback as n}from"react";import"../../../components/accordion/accordion.js";import"../../../components/backdrop/backdrop.js";import"../../../components/button/button.js";import"@emotion/react";import"@emotion/cache";import"stylis";import"stylis-plugin-rtl";import"../../../design/skoda/theme.js";import"../../../design/skoda/theme.breakpoints.js";import"@mui/material/styles";import"@mui/system";import"../../cardOwnedVehicle/cardOwnedVehicle.js";import"../../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../cardPhotoFixed/cardPhotoFixed.js";import"../../cardPromoVehicle/cardPromoVehicleComponent.js";import"../../common/styled/cardStandardWrapperStyled.js";import"../../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../carousel/styledComponents/styledCarouselHorizontal.js";import"../../carousel/styledComponents/styledCarouselVertical.js";import{Controller as a}from"../../../components/controls/controls.js";import"../../../components/numbering/numbering.js";import"../../../utils/enum.js";import"../../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../maps/utils/mapIcons.js";import"../../maps/mapComponents/mapStyled.js";import"../../shortcutLink/shortcutLink.js";import"../../textCta/textCta.js";import"../../tile/tile.js";import"../galleryCarousel/galleryContext.js";import"../galleryCarousel/galleryItemContext.js";import"../heroCarousel/heroCarouselContext.js";import"../../notification/Notification.js";import"../../notification/NotificationCenter.js";import"../../../layout/Header/HeaderContext.js";import"../../../layout/Header/HeaderButton.js";import"../../../layout/Header/HeaderNavigationHero.js";import"../../../layout/Header/HeaderNavigationLink.js";import"../../../layout/Header/HeaderNavigationMenu.js";import"../../../layout/Header/PredefinedHeaderButtons.js";import"../../../layout/Header/HeaderOverheadItem.js";import"../../gallery/Gallery.js";import"../../gallery/GalleryItem.js";import"../../../components/icon/icon.definitions.js";import"../../../layout/SideMenu/SideMenuItem.js";import"../../../layout/Footer/PredefinedFooterIconButtons.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../../production/Button/Button.js";import"../../../components/cardContainer/cardContainer.js";import"../../../components/cardMenu/cardMenu.js";import"../../../components/checkbox/checkbox.js";import"../../../components/chip/chipImage/chipImage.js";import"../../../components/chip/regular/chip.js";import"../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../../components/divider/divider.js";import"../../../components/drawer/drawer.js";import"../../../components/flag/flag.js";import"@mui/material/Grid";import"../../../components/indicator/indicator.js";import"../../../components/label/label.js";import"../../../components/labelCO2/labelCO2.js";import"../../../components/labelFeature/labelFeature.js";import"../../../components/labelPromotional/labelPromotional.js";import"../../../components/labelStatus/labelStatus.js";import"../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../../components/mobileStepper/mobileStepperButton.js";import"../../../components/modal/modal.js";import"../../../components/modal/modalTitle.js";import"../../../components/pagination/pagination.js";import"../../../components/progressBar/progressBar.js";import"../../../components/radioButton/radioButton.js";import"../../../components/selectInput/selectInput.js";import"../../../components/slider/slider.js";import"../../../components/snackbar/snackbar.js";import"../../../components/stepper/stepper.js";import"../../../components/textArea/textArea.js";import"../../../components/common/styled/textFieldStyled.js";import"../../../components/helperTextContent/index.js";import"../../../components/toggleSwitch/toggleSwitch.js";import"../../../components/avatar/Avatar.js";import"../../../components/iconButton/index.js";import"../../../components/alert/AlertButton.js";import"minimatch";const s=n=>{var{emblaApi:s,type:p,color:c,style:d,variant:u,onMouseEnter:j,onMouseLeave:g,direction:M}=n,y=o(n,["emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction"]);const v=l(s,M,p),[I,b]=r(!0),{hover:h,handleMouseEnter:x,handleMouseLeave:N}=m(s,p,M,{onMouseEnter:j,onMouseLeave:g});return i((()=>{if(s){const o=()=>{const o="prev"===p?s.canScrollPrev():s.canScrollNext(),t="next"===p?s.canScrollPrev():s.canScrollNext();b(!("rtl"===M?t:o))};s.on("scroll",o),o()}}),[s,p,M]),t(e,{sx:{cursor:h?`url(${"next"===p?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="}) 17 17, auto`:void 0},"data-testid":"Carousel.nav",children:t(e,Object.assign({},y,{sx:Object.assign({position:"absolute",top:"33%",bottom:"33%",width:"10%",minWidth:"50px",left:"prev"===p?"0px":void 0,right:"next"===p?"0px":void 0,button:{position:"absolute !important",left:{sm:"prev"===p?"15px":void 0,xl:"prev"===p?"34px":void 0},right:{sm:"next"===p?"15px":void 0,xl:"next"===p?"34px":void 0},top:"50%",transform:"translate(0, -50%)","&:active":{transform:"translate(0, -50%) scale(0.95) !important"},visibility:h?"hidden":void 0}},y.sx),onMouseEnter:x,onMouseLeave:N,children:t(a,{controlType:"prev"===p?"arrow-left":"arrow-right",controllerColor:null!=c?c:"light",iconStyle:null!=d?d:"regular",controlVariant:null!=u?u:"standard",onClickCallback:v,isDisabled:I,customHeight:"100%"})}))})},m=(o,t,e,i)=>{const[a,s]=r(!1);return{hover:a,handleMouseEnter:n((()=>{var r;if(o){const r="prev"===t?o.canScrollPrev():o.canScrollNext(),i="next"===t?o.canScrollPrev():o.canScrollNext();("rtl"===e?i:r)&&s(!0)}null===(r=null==i?void 0:i.onMouseEnter)||void 0===r||r.call(i)}),[o,s,i,t,e]),handleMouseLeave:n((()=>{var o;s(!1),null===(o=null==i?void 0:i.onMouseLeave)||void 0===o||o.call(i)}),[i,s])}},l=(o,t,e)=>n((()=>{"prev"===e&&("ltr"===t?o.scrollPrev():o.scrollNext()),"next"===e&&("ltr"===t?o.scrollNext():o.scrollPrev())}),[o,t,e]);export{s as NavButton};
2
2
  //# sourceMappingURL=NavButton.js.map