@pnx-mixtape/mxds 0.0.23 → 0.0.26

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 (299) hide show
  1. package/.storybook/decorators.ts +7 -0
  2. package/.storybook/main.ts +29 -0
  3. package/.storybook/manager.ts +6 -0
  4. package/.storybook/preview.ts +61 -0
  5. package/.storybook/public/demo-logo.svg +4 -0
  6. package/.storybook/public/design-system.svg +1 -0
  7. package/.storybook/public/favicon.svg +7 -0
  8. package/.storybook/public/mixtape-logo.png +0 -0
  9. package/.storybook/public/mixtape.webp +0 -0
  10. package/.storybook/public/pinto.png +0 -0
  11. package/.storybook/public/pinto.svg +1 -0
  12. package/.storybook/public/xb.png +0 -0
  13. package/.storybook/public/xb.svg +1 -0
  14. package/.storybook/src/global.d.ts +16 -0
  15. package/.storybook/src/theme.ts +8 -0
  16. package/.storybook/storybook.css +35 -0
  17. package/.storybook/theme-demo.css +93 -0
  18. package/.storybook/vitest.setup.ts +17 -0
  19. package/dist/build/accordion.css +76 -86
  20. package/dist/build/accordion.entry.js +46 -72
  21. package/dist/build/base.css +1 -993
  22. package/dist/build/breadcrumb.css +1 -55
  23. package/dist/build/button.css +1 -126
  24. package/dist/build/callout.css +1 -11
  25. package/dist/build/card.css +1 -161
  26. package/dist/build/carousel.css +1 -125
  27. package/dist/build/chunks/Accordion-Dwh42fp7.js +42 -0
  28. package/dist/build/chunks/DropMenu-plGsgySm.js +43 -0
  29. package/dist/build/chunks/Popover-Bws25suh.js +27 -0
  30. package/dist/build/chunks/polyfills-Du4RTZDf.js +511 -0
  31. package/dist/build/chunks/popover-Bd5oQ1Ic.js +407 -0
  32. package/dist/build/chunks/utilities-DepaJdUg.js +242 -0
  33. package/dist/build/constants.css +91 -123
  34. package/dist/build/container-grid.css +1 -186
  35. package/dist/build/content-block.css +1 -36
  36. package/dist/build/dialog.css +1 -108
  37. package/dist/build/dialog.entry.js +45 -85
  38. package/dist/build/drop-menu.css +1 -89
  39. package/dist/build/drop-menu.entry.js +2 -2
  40. package/dist/build/drupal.css +1 -66
  41. package/dist/build/filters.css +1 -117
  42. package/dist/build/filters.entry.js +113 -142
  43. package/dist/build/footer.css +1 -141
  44. package/dist/build/form.css +1 -491
  45. package/dist/build/global-alert.css +1 -60
  46. package/dist/build/global-alert.entry.js +51 -75
  47. package/dist/build/grid.css +1 -195
  48. package/dist/build/header.css +1 -149
  49. package/dist/build/header.entry.js +598 -1180
  50. package/dist/build/hero-banner.css +1 -73
  51. package/dist/build/icon.css +1 -399
  52. package/dist/build/in-page-alert.css +1 -93
  53. package/dist/build/in-page-navigation.css +1 -17
  54. package/dist/build/in-page-navigation.entry.js +67 -103
  55. package/dist/build/link-list.css +1 -45
  56. package/dist/build/list-item.css +1 -29
  57. package/dist/build/masthead.css +1 -53
  58. package/dist/build/navigation.css +1 -356
  59. package/dist/build/navigation.entry.js +79 -222
  60. package/dist/build/page.css +1 -65
  61. package/dist/build/pagination.css +1 -111
  62. package/dist/build/popover.css +1 -119
  63. package/dist/build/popover.entry.js +1 -2
  64. package/dist/build/results-bar.css +1 -21
  65. package/dist/build/section.css +1 -147
  66. package/dist/build/side-navigation.css +1 -85
  67. package/dist/build/sidebar.css +1 -53
  68. package/dist/build/social-links.css +1 -20
  69. package/dist/build/steps.css +1 -118
  70. package/dist/build/sticky.css +1 -47
  71. package/dist/build/sticky.entry.js +48 -59
  72. package/dist/build/tabs.css +1 -108
  73. package/dist/build/tabs.entry.js +130 -209
  74. package/dist/build/tag.css +1 -70
  75. package/dist/build/utilities.css +1 -186
  76. package/dist/build/utility-list.css +1 -43
  77. package/dist/build/utility-list.entry.js +52 -80
  78. package/package.json +44 -54
  79. package/src/Atom/Atom.mdx +18 -18
  80. package/src/Atom/Background/{Backgrounds.stories.ts → Background.stories.ts} +2 -1
  81. package/src/Atom/Background/__snapshots__/Background.stories.ts.snap +81 -0
  82. package/src/Atom/Background/_background.css +10 -11
  83. package/src/Atom/Background/backgrounds.twig +6 -4
  84. package/src/Atom/Button/Button.stories.ts +0 -1
  85. package/src/Atom/Button/Button.stories.tsx +2 -0
  86. package/src/Atom/Button/__snapshots__/Button.stories.ts.snap +77 -97
  87. package/src/Atom/Button/__snapshots__/Button.stories.tsx.snap +3 -15
  88. package/src/Atom/Button/_buttons-styles.css +18 -6
  89. package/src/Atom/Button/_buttons.css +1 -1
  90. package/src/Atom/DefinitionList/DefinitionList.stories.tsx +2 -1
  91. package/src/Atom/DefinitionList/__snapshots__/DefinitionList.stories.ts.snap +13 -26
  92. package/src/Atom/DefinitionList/__snapshots__/DefinitionList.stories.tsx.snap +2 -29
  93. package/src/Atom/Heading/Heading.stories.tsx +2 -1
  94. package/src/Atom/Heading/__snapshots__/Heading.stories.ts.snap +9 -13
  95. package/src/Atom/Heading/__snapshots__/Heading.stories.tsx.snap +2 -8
  96. package/src/Atom/Icon/Icon.stories.tsx +2 -1
  97. package/src/Atom/Icon/__snapshots__/Icon.stories.ts.snap +21 -28
  98. package/src/Atom/Icon/__snapshots__/Icon.stories.tsx.snap +4 -15
  99. package/src/Atom/Icon/_extended-set.css +0 -8
  100. package/src/Atom/Icon/_icon.css +15 -6
  101. package/src/Atom/Image/__snapshots__/Image.stories.ts.snap +6 -9
  102. package/src/Atom/Link/Link.stories.tsx +2 -1
  103. package/src/Atom/Link/__snapshots__/Link.stories.ts.snap +47 -56
  104. package/src/Atom/Link/__snapshots__/Link.stories.tsx.snap +4 -22
  105. package/src/Atom/Link/_links.css +1 -0
  106. package/src/Atom/Media/Media.stories.ts +1 -1
  107. package/src/Atom/Media/Media.stories.tsx +2 -1
  108. package/src/Atom/Media/__snapshots__/Media.stories.ts.snap +27 -12
  109. package/src/Atom/Media/__snapshots__/Media.stories.tsx.snap +3 -16
  110. package/src/Atom/Spacing/__snapshots__/Spacing.stories.ts.snap +5 -8
  111. package/src/Atom/Table/Table.stories.ts +0 -1
  112. package/src/Atom/Table/TableResponsive.stories.ts +0 -1
  113. package/src/Atom/Table/__snapshots__/Table.stories.ts.snap +129 -261
  114. package/src/Atom/Table/__snapshots__/TableResponsive.stories.ts.snap +34 -67
  115. package/src/Atom/Text/Text.stories.tsx +2 -1
  116. package/src/Atom/Text/__snapshots__/Text.stories.ts.snap +32 -46
  117. package/src/Atom/Text/__snapshots__/Text.stories.tsx.snap +2 -6
  118. package/src/Atom/Video/__snapshots__/Video.stories.ts.snap +6 -11
  119. package/src/Atom/_flow.css +16 -1
  120. package/src/Component/Accordion/Accordion.stories.tsx +2 -0
  121. package/src/Component/Accordion/__snapshots__/Accordion.stories.ts.snap +106 -140
  122. package/src/Component/Accordion/__snapshots__/Accordion.stories.tsx.snap +3 -49
  123. package/src/Component/Accordion/__snapshots__/AccordionItem.stories.ts.snap +52 -81
  124. package/src/Component/Breadcrumb/Breadcrumb.stories.tsx +2 -0
  125. package/src/Component/Breadcrumb/__snapshots__/Breadcrumb.stories.ts.snap +29 -33
  126. package/src/Component/Breadcrumb/__snapshots__/Breadcrumb.stories.tsx.snap +3 -62
  127. package/src/Component/Callout/__snapshots__/Callout.stories.ts.snap +9 -11
  128. package/src/Component/Card/Card.stories.tsx +2 -0
  129. package/src/Component/Card/__snapshots__/Card.stories.ts.snap +237 -272
  130. package/src/Component/Card/__snapshots__/Card.stories.tsx.snap +4 -85
  131. package/src/Component/Carousel/Elements/Carousel.ts +10 -7
  132. package/src/Component/Carousel/__snapshots__/Carousel.stories.ts.snap +992 -1187
  133. package/src/Component/ContentBlock/ContentBlock.stories.tsx +2 -0
  134. package/src/Component/ContentBlock/__snapshots__/ContentBlock.stories.ts.snap +161 -155
  135. package/src/Component/ContentBlock/__snapshots__/ContentBlock.stories.tsx.snap +2 -25
  136. package/src/Component/Dialog/Dialog.stories.tsx +2 -0
  137. package/src/Component/Dialog/__snapshots__/Dialog.stories.ts.snap +92 -110
  138. package/src/Component/Dialog/__snapshots__/Dialog.stories.tsx.snap +2 -31
  139. package/src/Component/DropMenu/DropMenu.stories.tsx +2 -0
  140. package/src/Component/DropMenu/DropMenu.tsx +1 -3
  141. package/src/Component/DropMenu/__snapshots__/DropMenu.stories.ts.snap +25 -72
  142. package/src/Component/DropMenu/__snapshots__/DropMenu.stories.tsx.snap +2 -46
  143. package/src/Component/Filters/__snapshots__/FilterItem.stories.ts.snap +80 -121
  144. package/src/Component/Filters/__snapshots__/Filters.stories.ts.snap +323 -424
  145. package/src/Component/GlobalAlert/GlobalAlert.stories.tsx +2 -0
  146. package/src/Component/GlobalAlert/__snapshots__/GlobalAlert.stories.ts.snap +25 -37
  147. package/src/Component/GlobalAlert/__snapshots__/GlobalAlert.stories.tsx.snap +3 -46
  148. package/src/Component/HeroBanner/HeroBanner.stories.tsx +2 -0
  149. package/src/Component/HeroBanner/__snapshots__/HeroBanner.stories.ts.snap +105 -106
  150. package/src/Component/HeroBanner/__snapshots__/HeroBanner.stories.tsx.snap +3 -34
  151. package/src/Component/HeroSearch/HeroSearch.stories.ts +0 -2
  152. package/src/Component/HeroSearch/HeroSearch.stories.tsx +2 -0
  153. package/src/Component/HeroSearch/__snapshots__/HeroSearch.stories.ts.snap +122 -165
  154. package/src/Component/HeroSearch/__snapshots__/HeroSearch.stories.tsx.snap +3 -34
  155. package/src/Component/InPageAlert/InPageAlert.stories.tsx +2 -0
  156. package/src/Component/InPageAlert/__snapshots__/InPageAlert.stories.ts.snap +87 -70
  157. package/src/Component/InPageAlert/__snapshots__/InPageAlert.stories.tsx.snap +5 -65
  158. package/src/Component/InPageNavigation/InPageNavigation.stories.ts +1 -0
  159. package/src/Component/InPageNavigation/InPageNavigation.stories.tsx +2 -0
  160. package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.ts.snap +88 -208
  161. package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.tsx.snap +2 -148
  162. package/src/Component/InPageNavigation/in-page-navigation.css +5 -0
  163. package/src/Component/LinkList/LinkList.stories.tsx +2 -1
  164. package/src/Component/LinkList/__snapshots__/LinkList.stories.ts.snap +67 -66
  165. package/src/Component/LinkList/__snapshots__/LinkList.stories.tsx.snap +2 -32
  166. package/src/Component/ListItem/ListItem.stories.tsx +2 -1
  167. package/src/Component/ListItem/__snapshots__/ListItem.stories.ts.snap +153 -167
  168. package/src/Component/ListItem/__snapshots__/ListItem.stories.tsx.snap +2 -25
  169. package/src/Component/Navigation/Dropdown.stories.tsx +2 -0
  170. package/src/Component/Navigation/Elements/Navigation.ts +5 -5
  171. package/src/Component/Navigation/Navigation.stories.tsx +2 -0
  172. package/src/Component/Navigation/__snapshots__/Dropdown.stories.tsx.snap +2 -38
  173. package/src/Component/Navigation/__snapshots__/Navigation.stories.ts.snap +204 -279
  174. package/src/Component/Navigation/__snapshots__/Navigation.stories.tsx.snap +3 -59
  175. package/src/Component/Navigation/_navigation.css +2 -2
  176. package/src/Component/Pagination/Pagination.stories.tsx +2 -0
  177. package/src/Component/Pagination/__snapshots__/Pagination.stories.ts.snap +70 -60
  178. package/src/Component/Pagination/__snapshots__/Pagination.stories.tsx.snap +2 -62
  179. package/src/Component/Popover/Elements/Popover.ts +5 -1
  180. package/src/Component/Popover/Popover.stories.ts +45 -0
  181. package/src/Component/Popover/__snapshots__/Popover.stories.ts.snap +366 -470
  182. package/src/Component/Popover/popover.css +3 -4
  183. package/src/Component/ResultsBar/ResultsBar.stories.tsx +2 -0
  184. package/src/Component/ResultsBar/__snapshots__/ResultsBar.stories.ts.snap +25 -46
  185. package/src/Component/ResultsBar/__snapshots__/ResultsBar.stories.tsx.snap +4 -50
  186. package/src/Component/SideNavigation/__snapshots__/SideNavigation.stories.ts.snap +76 -81
  187. package/src/Component/SocialLinks/__snapshots__/SocialLinks.stories.ts.snap +35 -32
  188. package/src/Component/SocialShare/SocialShare.stories.tsx +2 -1
  189. package/src/Component/SocialShare/__snapshots__/SocialShare.stories.ts.snap +11 -27
  190. package/src/Component/SocialShare/__snapshots__/SocialShare.stories.tsx.snap +4 -22
  191. package/src/Component/SocialShare/social-share.twig +1 -0
  192. package/src/Component/Steps/__snapshots__/StepItem.stories.ts.snap +11 -23
  193. package/src/Component/Steps/__snapshots__/Steps.stories.ts.snap +142 -173
  194. package/src/Component/Steps/steps.css +4 -3
  195. package/src/Component/Sticky/Sticky.stories.tsx +2 -0
  196. package/src/Component/Sticky/__snapshots__/Sticky.stories.ts.snap +6 -12
  197. package/src/Component/Sticky/__snapshots__/Sticky.stories.tsx.snap +2 -10
  198. package/src/Component/Tabs/Tabs.stories.tsx +2 -0
  199. package/src/Component/Tabs/__snapshots__/TabItem.stories.ts.snap +5 -9
  200. package/src/Component/Tabs/__snapshots__/Tabs.stories.ts.snap +37 -210
  201. package/src/Component/Tabs/__snapshots__/Tabs.stories.tsx.snap +2 -116
  202. package/src/Component/Tag/Tag.stories.tsx +2 -0
  203. package/src/Component/Tag/__snapshots__/Tag.stories.ts.snap +37 -61
  204. package/src/Component/Tag/__snapshots__/Tag.stories.tsx.snap +2 -6
  205. package/src/Component/Tag/tags.twig +6 -6
  206. package/src/Component/UtilityList/__snapshots__/UtilityList.stories.ts.snap +122 -245
  207. package/src/Component/UtilityList/utility-list.css +4 -0
  208. package/src/Component/UtilityList/utility-list.twig +2 -1
  209. package/src/Form/Checkbox/FormCheckbox.stories.tsx +2 -2
  210. package/src/Form/Checkbox/__snapshots__/Checkbox.stories.ts.snap +13 -26
  211. package/src/Form/Checkbox/__snapshots__/FormCheckbox.stories.tsx.snap +5 -0
  212. package/src/Form/Description/FormDescription.stories.tsx +2 -1
  213. package/src/Form/Description/__snapshots__/Description.stories.ts.snap +5 -9
  214. package/src/Form/Description/__snapshots__/FormDescription.stories.tsx.snap +2 -9
  215. package/src/Form/Description/__snapshots__/FormStatus.stories.ts.snap +9 -17
  216. package/src/Form/Form/Form.stories.tsx +2 -1
  217. package/src/Form/Form/FormTitle.stories.tsx +2 -1
  218. package/src/Form/Form/__snapshots__/Form.stories.tsx.snap +2 -5
  219. package/src/Form/Form/__snapshots__/FormTitle.stories.tsx.snap +2 -8
  220. package/src/Form/FormItem/FormItem.stories.tsx +8 -5
  221. package/src/Form/FormItem/__snapshots__/FormItem.stories.ts.snap +88 -129
  222. package/src/Form/Label/FormLabel.stories.tsx +2 -1
  223. package/src/Form/Label/__snapshots__/FormLabel.stories.tsx.snap +3 -18
  224. package/src/Form/Label/__snapshots__/Label.stories.ts.snap +13 -25
  225. package/src/Form/Radio/FormRadio.stories.tsx +2 -14
  226. package/src/Form/Radio/__snapshots__/FormRadio.stories.tsx.snap +3 -0
  227. package/src/Form/Radio/__snapshots__/Radio.stories.ts.snap +42 -57
  228. package/src/Form/Search/__snapshots__/Search.stories.ts.snap +11 -26
  229. package/src/Form/Select/FormSelect.stories.tsx +2 -1
  230. package/src/Form/Select/__snapshots__/FormSelect.stories.tsx.snap +2 -22
  231. package/src/Form/Select/__snapshots__/Select.stories.ts.snap +8 -19
  232. package/src/Form/TextInput/FormText.stories.tsx +2 -1
  233. package/src/Form/TextInput/InputDivider.stories.ts +0 -1
  234. package/src/Form/TextInput/__snapshots__/FormText.stories.tsx.snap +2 -12
  235. package/src/Form/TextInput/__snapshots__/InputDivider.stories.ts.snap +11 -26
  236. package/src/Form/TextInput/__snapshots__/TextInput.stories.ts.snap +11 -25
  237. package/src/Form/Textarea/FormTextarea.stories.tsx +2 -1
  238. package/src/Form/Textarea/__snapshots__/FormTextarea.stories.tsx.snap +2 -11
  239. package/src/Form/Textarea/__snapshots__/Textarea.stories.ts.snap +5 -11
  240. package/src/Layout/Footer/Footer.stories.ts +18 -1
  241. package/src/Layout/Footer/Footer.stories.tsx +2 -0
  242. package/src/Layout/Footer/__snapshots__/Footer.stories.ts.snap +360 -301
  243. package/src/Layout/Footer/__snapshots__/Footer.stories.tsx.snap +3 -62
  244. package/src/Layout/Footer/footer.css +16 -35
  245. package/src/Layout/Footer/footer.twig +6 -6
  246. package/src/Layout/Grid/Grid.stories.tsx +2 -0
  247. package/src/Layout/Grid/__snapshots__/Grid.stories.ts.snap +72 -66
  248. package/src/Layout/Grid/__snapshots__/Grid.stories.tsx.snap +6 -62
  249. package/src/Layout/Grid/__snapshots__/GridItem.stories.ts.snap +9 -13
  250. package/src/Layout/Header/Header.stories.tsx +2 -1
  251. package/src/Layout/Header/__snapshots__/Header.stories.ts.snap +315 -466
  252. package/src/Layout/Header/__snapshots__/Header.stories.tsx.snap +2 -58
  253. package/src/Layout/Masthead/__snapshots__/Masthead.stories.ts.snap +86 -87
  254. package/src/Layout/Page/Page.stories.tsx +2 -0
  255. package/src/Layout/Page/__snapshots__/Page.stories.tsx.snap +2 -81
  256. package/src/Layout/Section/__snapshots__/Background.stories.ts.snap +51 -61
  257. package/src/Layout/Section/__snapshots__/Breakouts.stories.ts.snap +34 -78
  258. package/src/Layout/Section/__snapshots__/Flow.stories.ts.snap +54 -89
  259. package/src/Layout/Section/__snapshots__/Section.stories.ts.snap +89 -99
  260. package/src/Layout/Section/__snapshots__/Section.stories.tsx.snap +4 -34
  261. package/src/Layout/Section/__snapshots__/SectionGrid.stories.tsx.snap +3 -35
  262. package/src/Layout/Section/section.twig +2 -2
  263. package/src/Layout/Sidebar/Sidebar.stories.tsx +1 -1
  264. package/src/Layout/Sidebar/__snapshots__/Sidebar.stories.ts.snap +49 -40
  265. package/src/Layout/Sidebar/__snapshots__/Sidebar.stories.tsx.snap +4 -44
  266. package/src/Layout/Sidebar/sidebar.css +2 -2
  267. package/src/Layout/Sidebar/sidebar.twig +8 -5
  268. package/src/Utility/_layout-utils.css +9 -1
  269. package/src/constants.css +115 -114
  270. package/src/enums.ts +1 -0
  271. package/src/tokens.js +26 -19
  272. package/dist/build/accordion.entry.js.map +0 -1
  273. package/dist/build/chunks/Accordion-D1HQ0FDq.js +0 -63
  274. package/dist/build/chunks/Accordion-D1HQ0FDq.js.map +0 -1
  275. package/dist/build/chunks/disclosure-widget-CdjCdx7t.js +0 -129
  276. package/dist/build/chunks/disclosure-widget-CdjCdx7t.js.map +0 -1
  277. package/dist/build/chunks/drop-menu.entry-fzV-_VFl.js +0 -70
  278. package/dist/build/chunks/drop-menu.entry-fzV-_VFl.js.map +0 -1
  279. package/dist/build/chunks/polyfills-DnrsypYs.js +0 -812
  280. package/dist/build/chunks/polyfills-DnrsypYs.js.map +0 -1
  281. package/dist/build/chunks/popover-DzUcnIlX.js +0 -797
  282. package/dist/build/chunks/popover-DzUcnIlX.js.map +0 -1
  283. package/dist/build/chunks/popover.entry-BQvyR0d5.js +0 -38
  284. package/dist/build/chunks/popover.entry-BQvyR0d5.js.map +0 -1
  285. package/dist/build/chunks/utilities-Ci7wwNeg.js +0 -148
  286. package/dist/build/chunks/utilities-Ci7wwNeg.js.map +0 -1
  287. package/dist/build/dialog.entry.js.map +0 -1
  288. package/dist/build/drop-menu.entry.js.map +0 -1
  289. package/dist/build/filters.entry.js.map +0 -1
  290. package/dist/build/global-alert.entry.js.map +0 -1
  291. package/dist/build/header.entry.js.map +0 -1
  292. package/dist/build/in-page-navigation.entry.js.map +0 -1
  293. package/dist/build/navigation.entry.js.map +0 -1
  294. package/dist/build/popover.entry.js.map +0 -1
  295. package/dist/build/sticky.entry.js.map +0 -1
  296. package/dist/build/tabs.entry.js.map +0 -1
  297. package/dist/build/utility-list.entry.js.map +0 -1
  298. package/src/Atom/Background/__snapshots__/Backgrounds.stories.ts.snap +0 -176
  299. package/src/Form/FormItem/__snapshots__/FormItem.stories.tsx.snap +0 -110
@@ -1,142 +1,113 @@
1
- import { A as Accordion } from "./chunks/Accordion-D1HQ0FDq.js";
2
- class AccordionMobile extends Accordion {
3
- mq;
4
- toggleAttribute;
5
- constructor() {
6
- super();
7
- this.mq = this.getAttribute("mq") || "(max-width: 720px)";
8
- }
9
- connectedCallback() {
10
- super.connectedCallback();
11
- this.handleBreakpoint(this.breakpoint);
12
- const { signal } = this.controller;
13
- this.breakpoint.addEventListener("change", this.handleBreakpoint, {
14
- signal
15
- });
16
- }
17
- disconnectedCallback() {
18
- this.controller.abort();
19
- }
20
- handleBreakpoint = ({ matches }) => {
21
- if (!this.details) return;
22
- this.details.toggleAttribute("open", !matches);
23
- };
24
- get breakpoint() {
25
- return window.matchMedia(this.mq);
26
- }
27
- }
28
- if (!customElements.get("mx-accordionmobile"))
29
- customElements.define("mx-accordionmobile", AccordionMobile);
30
- class Filters extends HTMLElement {
31
- internals_;
32
- controller;
33
- entries;
34
- static observedAttributes = ["count"];
35
- constructor() {
36
- super();
37
- this.internals_ = this.attachInternals();
38
- this.controller = new AbortController();
39
- }
40
- connectedCallback() {
41
- if (!this.items) return;
42
- const { signal } = this.controller;
43
- this.closeBtn?.addEventListener("click", this.handleClose, {
44
- signal
45
- });
46
- this.showBtn?.previousElementSibling.setAttribute("hidden", "until-found");
47
- this.showBtn?.addEventListener("click", this.handleShow, {
48
- signal
49
- });
50
- this.resetBtn?.setAttribute("disabled", "");
51
- this.submitBtn?.setAttribute("disabled", "");
52
- this.handleCounters();
53
- this.addEventListener("change", this.handleCounters, { signal });
54
- this.form?.addEventListener("submit", this.handleCounters, { signal });
55
- this.form?.addEventListener("reset", this.handleReset, { signal });
56
- }
57
- disconnectedCallback() {
58
- this.controller.abort();
59
- }
60
- attributeChangedCallback(name, oldValue, newValue) {
61
- if (name === "count" && oldValue !== newValue) {
62
- const qualifier = parseInt(newValue, 10) > 0;
63
- this.resetBtn?.toggleAttribute("disabled", !qualifier);
64
- this.submitBtn?.toggleAttribute("disabled", !qualifier);
65
- if (!this.allCounter) return;
66
- this.allCounter.textContent = qualifier ? newValue : "";
67
- }
68
- }
69
- handleClose = (event) => {
70
- if (!this.details) return;
71
- this.details.open = false;
72
- event.preventDefault();
73
- };
74
- handleShow = (event) => {
75
- event.preventDefault();
76
- const wrapper = this.showBtn.previousElementSibling;
77
- wrapper.removeAttribute("hidden");
78
- const lastVisible = wrapper.previousElementSibling;
79
- const input = lastVisible.querySelector("input");
80
- if (!input) return;
81
- input.focus({ preventScroll: true });
82
- setTimeout(() => {
83
- this.showBtn.setAttribute("hidden", "");
84
- }, 100);
85
- };
86
- handleReset = () => {
87
- this.entries.forEach((entry, key) => {
88
- this.entries.set(key, { ...entry, count: null });
89
- if (entry.counter) entry.counter.textContent = "";
90
- });
91
- this.setAttribute("count", "0");
92
- };
93
- handleCounters = () => {
94
- const formData = new FormData(this.form, this.submitBtn);
95
- this.entries.forEach((entry, key) => {
96
- const { length } = formData.getAll(key).filter(Boolean);
97
- const count = length > 0 ? length : null;
98
- this.entries.set(key, { ...entry, count });
99
- if (entry.counter) entry.counter.textContent = count?.toString() || "";
100
- });
101
- const totalCount = [...this.entries].filter(([, item]) => item.count).length;
102
- this.setAttribute("count", totalCount.toString());
103
- };
104
- get items() {
105
- const items = this.querySelectorAll(".mx-filter-item");
106
- if (!items) {
107
- throw new Error(`${this.localName} must contain a .mx-filter-item element.`);
108
- }
109
- this.entries = /* @__PURE__ */ new Map();
110
- items.forEach((item) => {
111
- const key = item.querySelector("input, select")?.getAttribute("name");
112
- this.entries.set(key, {
113
- item,
114
- counter: item.querySelector("[data-counter]")
115
- });
116
- });
117
- return items;
118
- }
119
- get details() {
120
- return this.querySelector("mx-accordionmobile > details");
121
- }
122
- get closeBtn() {
123
- return this.details?.querySelector("button[data-close]");
124
- }
125
- get form() {
126
- return this.querySelector("form");
127
- }
128
- get resetBtn() {
129
- return this.querySelector("button[type='reset']");
130
- }
131
- get submitBtn() {
132
- return this.querySelector("button[type='submit']");
133
- }
134
- get showBtn() {
135
- return this.querySelector("button[data-show]");
136
- }
137
- get allCounter() {
138
- return this.querySelector("[data-counters]");
139
- }
140
- }
141
- if (!customElements.get("mx-filters")) customElements.define("mx-filters", Filters);
142
- //# sourceMappingURL=filters.entry.js.map
1
+ import "./chunks/utilities-DepaJdUg.js";
2
+ import { t as Accordion } from "./chunks/Accordion-Dwh42fp7.js";
3
+ var AccordionMobile = class extends Accordion {
4
+ mq;
5
+ toggleAttribute;
6
+ constructor() {
7
+ super(), this.mq = this.getAttribute("mq") || "(max-width: 720px)";
8
+ }
9
+ connectedCallback() {
10
+ super.connectedCallback(), this.handleBreakpoint(this.breakpoint);
11
+ let { signal: e } = this.controller;
12
+ this.breakpoint.addEventListener("change", this.handleBreakpoint, { signal: e });
13
+ }
14
+ disconnectedCallback() {
15
+ this.controller.abort();
16
+ }
17
+ handleBreakpoint = ({ matches: e }) => {
18
+ this.details && this.details.toggleAttribute("open", !e);
19
+ };
20
+ get breakpoint() {
21
+ return window.matchMedia(this.mq);
22
+ }
23
+ };
24
+ customElements.get("mx-accordionmobile") || customElements.define("mx-accordionmobile", AccordionMobile);
25
+ var Filters = class extends HTMLElement {
26
+ internals_;
27
+ controller;
28
+ entries;
29
+ static observedAttributes = ["count"];
30
+ constructor() {
31
+ super(), this.internals_ = this.attachInternals(), this.controller = new AbortController();
32
+ }
33
+ connectedCallback() {
34
+ if (!this.items) return;
35
+ let { signal: e } = this.controller;
36
+ this.closeBtn?.addEventListener("click", this.handleClose, { signal: e }), this.showBtn?.previousElementSibling.setAttribute("hidden", "until-found"), this.showBtn?.addEventListener("click", this.handleShow, { signal: e }), this.resetBtn?.setAttribute("disabled", ""), this.submitBtn?.setAttribute("disabled", ""), this.handleCounters(), this.addEventListener("change", this.handleCounters, { signal: e }), this.form?.addEventListener("submit", this.handleCounters, { signal: e }), this.form?.addEventListener("reset", this.handleReset, { signal: e });
37
+ }
38
+ disconnectedCallback() {
39
+ this.controller.abort();
40
+ }
41
+ attributeChangedCallback(e, t, n) {
42
+ if (e === "count" && t !== n) {
43
+ let e = parseInt(n, 10) > 0;
44
+ if (this.resetBtn?.toggleAttribute("disabled", !e), this.submitBtn?.toggleAttribute("disabled", !e), !this.allCounter) return;
45
+ this.allCounter.textContent = e ? n : "";
46
+ }
47
+ }
48
+ handleClose = (e) => {
49
+ this.details && (this.details.open = !1, e.preventDefault());
50
+ };
51
+ handleShow = (e) => {
52
+ e.preventDefault();
53
+ let t = this.showBtn.previousElementSibling;
54
+ t.removeAttribute("hidden");
55
+ let n = t.previousElementSibling.querySelector("input");
56
+ n && (n.focus({ preventScroll: !0 }), setTimeout(() => {
57
+ this.showBtn.setAttribute("hidden", "");
58
+ }, 100));
59
+ };
60
+ handleReset = () => {
61
+ this.entries.forEach((e, t) => {
62
+ this.entries.set(t, {
63
+ ...e,
64
+ count: null
65
+ }), e.counter && (e.counter.textContent = "");
66
+ }), this.setAttribute("count", "0");
67
+ };
68
+ handleCounters = () => {
69
+ let e = new FormData(this.form, this.submitBtn);
70
+ this.entries.forEach((t, n) => {
71
+ let { length: r } = e.getAll(n).filter(Boolean), i = r > 0 ? r : null;
72
+ this.entries.set(n, {
73
+ ...t,
74
+ count: i
75
+ }), t.counter && (t.counter.textContent = i?.toString() || "");
76
+ });
77
+ let t = [...this.entries].filter(([, e]) => e.count).length;
78
+ this.setAttribute("count", t.toString());
79
+ };
80
+ get items() {
81
+ let e = this.querySelectorAll(".mx-filter-item");
82
+ if (!e) throw Error(`${this.localName} must contain a .mx-filter-item element.`);
83
+ return this.entries = /* @__PURE__ */ new Map(), e.forEach((e) => {
84
+ let t = e.querySelector("input, select")?.getAttribute("name");
85
+ this.entries.set(t, {
86
+ item: e,
87
+ counter: e.querySelector("[data-counter]")
88
+ });
89
+ }), e;
90
+ }
91
+ get details() {
92
+ return this.querySelector("mx-accordionmobile > details");
93
+ }
94
+ get closeBtn() {
95
+ return this.details?.querySelector("button[data-close]");
96
+ }
97
+ get form() {
98
+ return this.querySelector("form");
99
+ }
100
+ get resetBtn() {
101
+ return this.querySelector("button[type='reset']");
102
+ }
103
+ get submitBtn() {
104
+ return this.querySelector("button[type='submit']");
105
+ }
106
+ get showBtn() {
107
+ return this.querySelector("button[data-show]");
108
+ }
109
+ get allCounter() {
110
+ return this.querySelector("[data-counters]");
111
+ }
112
+ };
113
+ customElements.get("mx-filters") || customElements.define("mx-filters", Filters);
@@ -1,141 +1 @@
1
- /**
2
- * Global Footer
3
- */
4
-
5
- @layer design-system.layouts {
6
- .mx-footer {
7
- position: sticky;
8
- inset-block-start: 100vh;
9
- }
10
-
11
- .mx-footer__inner {
12
- display: grid;
13
- grid-template-areas: "brand" "social" "navigation" "copyright" "links";
14
- }
15
-
16
- @media (min-width: 720px) {
17
-
18
- .mx-footer__inner {
19
- grid-template-areas: "brand navigation" "social navigation" "copyright links";
20
- gap: 0;
21
- }
22
- }
23
-
24
- .mx-footer__inner:has(.mx-footer__aoc) {
25
- grid-template-areas: "aoc" "brand" "social" "navigation" "copyright" "links";
26
- }
27
-
28
- @media (min-width: 720px) {
29
-
30
- .mx-footer__inner:has(.mx-footer__aoc) {
31
- grid-template-areas: "aoc aoc" "brand navigation" "social navigation" "copyright links";
32
- }
33
- }
34
-
35
- .mx-footer__inner .mx-logo {
36
- grid-area: brand;
37
- margin-block-end: var(--gap);
38
- }
39
-
40
- .mx-footer__inner .mx-social-links {
41
- grid-area: social;
42
- align-self: end;
43
- display: flex;
44
- gap: var(--spacing-xxxs);
45
- }
46
-
47
- .mx-footer__inner .mx-footer__copyright {
48
- grid-area: copyright;
49
- align-self: end;
50
- }
51
-
52
- :is(.mx-footer__inner .mx-footer__copyright):not(:first-child) {
53
- padding-block-start: var(--spacing-s);
54
- margin-block-start: var(--gap);
55
- }
56
- @media (min-width: 720px) {
57
-
58
- :is(.mx-footer__inner .mx-footer__copyright):not(:first-child) + .mx-footer__links {
59
- padding-block-start: var(--spacing-s);
60
- }
61
- }
62
-
63
- .mx-footer__inner .mx-footer__links {
64
- grid-area: links;
65
- align-self: end;
66
- }
67
-
68
- @media (min-width: 720px) {
69
-
70
- .mx-footer__inner .mx-footer__links {
71
- justify-content: end;
72
- }
73
- }
74
-
75
- :is(.mx-footer__inner .mx-footer__links):not(:first-child) {
76
- margin-block-start: var(--gap);
77
- }
78
-
79
- .mx-footer__aoc {
80
- grid-area: aoc;
81
- padding-block-end: var(--footer-row-gap, var(--spacing-xxl));
82
- margin-block-end: var(--gap);
83
- text-align: center;
84
- }
85
-
86
- .mx-nav--footer {
87
- grid-area: navigation;
88
- margin-block: var(--spacing-xxxl) var(--spacing-l);
89
- }
90
-
91
- @media (min-width: 720px) {
92
-
93
- .mx-nav--footer {
94
- justify-self: end;
95
- margin-block: 0;
96
- }
97
- }
98
-
99
- .mx-nav--footer:not(:has(.mx-nav__level-2)) ul {
100
- flex-flow: row wrap;
101
- align-items: center;
102
- gap: var(--spacing-l) var(--spacing-xxxl);
103
- }
104
- .mx-nav--footer:has(.mx-nav__level-2) ul {
105
- display: grid;
106
- }
107
-
108
- .mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1 {
109
- gap: var(--spacing-l) var(--spacing-xxxl);
110
- grid-template-columns: 1fr 1fr;
111
- }
112
-
113
- @media (min-width: 720px) {
114
-
115
- .mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1 {
116
- grid-template-columns: 1fr 1fr 1fr;
117
- }
118
- }
119
-
120
- :is(.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1) > li > a {
121
- display: inline-block;
122
- margin-block-end: var(--spacing-l);
123
- font-weight: var(--font-weight-bold);
124
- }
125
-
126
- .mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-2 {
127
- gap: var(--spacing-xs);
128
- }
129
-
130
- .mx-nav--footer .mx-nav__toggle {
131
- display: none;
132
- }
133
- }
134
-
135
- @media print {
136
- .mx-footer {
137
- display: none;
138
- }
139
- }
140
-
141
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZvb3Rlci5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGdCQUFnQjtJQUNoQix3QkFBd0I7RUFDMUI7O0VBRUE7SUFDRSxhQUFhO0lBQ2Isc0VBQXNFO0VBdUR4RTs7SUFyREU7O0VBSkY7TUFLSSw2RUFBNkU7TUFDN0UsTUFBTTtFQW1EVjtJQWxERTs7SUFFQTtNQUNFLDRFQUE0RTtJQUs5RTs7TUFIRTs7SUFIRjtRQUlJLHVGQUF1RjtJQUUzRjtNQURFOztJQUdGO01BQ0UsZ0JBQWdCO01BQ2hCLDRCQUE0QjtJQUM5Qjs7SUFFQTtNQUNFLGlCQUFpQjtNQUNqQixlQUFlO01BQ2YsYUFBYTtNQUNiLHdCQUF3QjtJQUMxQjs7SUFFQTtNQUNFLG9CQUFvQjtNQUNwQixlQUFlO0lBWWpCOztNQVZFO1FBQ0UscUNBQXFDO1FBQ3JDLDhCQUE4QjtNQU9oQztVQUpJOztRQURGO1lBRUkscUNBQXFDO1FBRXpDO1VBREU7O0lBS047TUFDRSxnQkFBZ0I7TUFDaEIsZUFBZTtJQVNqQjs7TUFQRTs7SUFKRjtRQUtJLG9CQUFvQjtJQU14QjtNQUxFOztNQUVBO1FBQ0UsOEJBQThCO01BQ2hDOztFQUlKO0lBQ0UsY0FBYztJQUNkLDREQUE0RDtJQUM1RCw0QkFBNEI7SUFDNUIsa0JBQWtCO0VBQ3BCOztFQUVBO0lBQ0UscUJBQXFCO0lBQ3JCLGtEQUFrRDtFQXlDcEQ7O0lBdkNFOztFQUpGO01BS0ksaUJBQWlCO01BQ2pCLGVBQWU7RUFxQ25CO0lBcENFOztJQUVBO01BQ0UsbUJBQW1CO01BQ25CLG1CQUFtQjtNQUNuQix5Q0FBeUM7SUFDM0M7TUFHRTtRQUNFLGFBQWE7TUFDZjs7TUFFQTtRQUNFLHlDQUF5QztRQUN6Qyw4QkFBOEI7TUFXaEM7O1FBVEU7O01BSkY7VUFLSSxrQ0FBa0M7TUFRdEM7UUFQRTs7UUFFQTtVQUNFLHFCQUFxQjtVQUNyQixrQ0FBa0M7VUFDbEMsb0NBQW9DO1FBQ3RDOztNQUdGO1FBQ0Usc0JBQXNCO01BQ3hCOztJQUdGO01BQ0UsYUFBYTtJQUNmO0FBRUo7O0FBRUE7RUFDRTtJQUNFLGFBQWE7RUFDZjtBQUNGIiwiZmlsZSI6ImZvb3Rlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdsb2JhbCBGb290ZXJcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LWZvb3RlciB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICBpbnNldC1ibG9jay1zdGFydDogMTAwdmg7XG4gIH1cblxuICAubXgtZm9vdGVyX19pbm5lciB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWFyZWFzOiBcImJyYW5kXCIgXCJzb2NpYWxcIiBcIm5hdmlnYXRpb25cIiBcImNvcHlyaWdodFwiIFwibGlua3NcIjtcblxuICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFwiYnJhbmQgbmF2aWdhdGlvblwiIFwic29jaWFsIG5hdmlnYXRpb25cIiBcImNvcHlyaWdodCBsaW5rc1wiO1xuICAgICAgZ2FwOiAwO1xuICAgIH1cblxuICAgICY6aGFzKC5teC1mb290ZXJfX2FvYykge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1hcmVhczogXCJhb2NcIiBcImJyYW5kXCIgXCJzb2NpYWxcIiBcIm5hdmlnYXRpb25cIiBcImNvcHlyaWdodFwiIFwibGlua3NcIjtcblxuICAgICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgICBncmlkLXRlbXBsYXRlLWFyZWFzOiBcImFvYyBhb2NcIiBcImJyYW5kIG5hdmlnYXRpb25cIiBcInNvY2lhbCBuYXZpZ2F0aW9uXCIgXCJjb3B5cmlnaHQgbGlua3NcIjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC1sb2dvIHtcbiAgICAgIGdyaWQtYXJlYTogYnJhbmQ7XG4gICAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1nYXApO1xuICAgIH1cblxuICAgICYgLm14LXNvY2lhbC1saW5rcyB7XG4gICAgICBncmlkLWFyZWE6IHNvY2lhbDtcbiAgICAgIGFsaWduLXNlbGY6IGVuZDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBnYXA6IHZhcigtLXNwYWNpbmcteHh4cyk7XG4gICAgfVxuXG4gICAgJiAubXgtZm9vdGVyX19jb3B5cmlnaHQge1xuICAgICAgZ3JpZC1hcmVhOiBjb3B5cmlnaHQ7XG4gICAgICBhbGlnbi1zZWxmOiBlbmQ7XG5cbiAgICAgICY6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgICAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zcGFjaW5nLXMpO1xuICAgICAgICBtYXJnaW4tYmxvY2stc3RhcnQ6IHZhcigtLWdhcCk7XG5cbiAgICAgICAgJiArIC5teC1mb290ZXJfX2xpbmtzIHtcbiAgICAgICAgICBAbWVkaWEgKC0tbWVkaXVtLXVwKSB7XG4gICAgICAgICAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zcGFjaW5nLXMpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYgLm14LWZvb3Rlcl9fbGlua3Mge1xuICAgICAgZ3JpZC1hcmVhOiBsaW5rcztcbiAgICAgIGFsaWduLXNlbGY6IGVuZDtcblxuICAgICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgICAgIH1cblxuICAgICAgJjpub3QoOmZpcnN0LWNoaWxkKSB7XG4gICAgICAgIG1hcmdpbi1ibG9jay1zdGFydDogdmFyKC0tZ2FwKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAubXgtZm9vdGVyX19hb2Mge1xuICAgIGdyaWQtYXJlYTogYW9jO1xuICAgIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1mb290ZXItcm93LWdhcCwgdmFyKC0tc3BhY2luZy14eGwpKTtcbiAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1nYXApO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuXG4gIC5teC1uYXYtLWZvb3RlciB7XG4gICAgZ3JpZC1hcmVhOiBuYXZpZ2F0aW9uO1xuICAgIG1hcmdpbi1ibG9jazogdmFyKC0tc3BhY2luZy14eHhsKSB2YXIoLS1zcGFjaW5nLWwpO1xuXG4gICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAganVzdGlmeS1zZWxmOiBlbmQ7XG4gICAgICBtYXJnaW4tYmxvY2s6IDA7XG4gICAgfVxuXG4gICAgJjpub3QoOmhhcygubXgtbmF2X19sZXZlbC0yKSkgdWwge1xuICAgICAgZmxleC1mbG93OiByb3cgd3JhcDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBnYXA6IHZhcigtLXNwYWNpbmctbCkgdmFyKC0tc3BhY2luZy14eHhsKTtcbiAgICB9XG5cbiAgICAmOmhhcygubXgtbmF2X19sZXZlbC0yKSB7XG4gICAgICAmIHVsIHtcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIH1cblxuICAgICAgJiAubXgtbmF2X19sZXZlbC0xIHtcbiAgICAgICAgZ2FwOiB2YXIoLS1zcGFjaW5nLWwpIHZhcigtLXNwYWNpbmcteHh4bCk7XG4gICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIDFmcjtcblxuICAgICAgICBAbWVkaWEgKC0tbWVkaXVtLXVwKSB7XG4gICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgMWZyIDFmcjtcbiAgICAgICAgfVxuXG4gICAgICAgICYgPiBsaSA+IGEge1xuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1mb250LXdlaWdodC1ib2xkKTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmIC5teC1uYXZfX2xldmVsLTIge1xuICAgICAgICBnYXA6IHZhcigtLXNwYWNpbmcteHMpO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgLm14LW5hdl9fdG9nZ2xlIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG59XG5cbkBtZWRpYSBwcmludCB7XG4gIC5teC1mb290ZXIge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cbiJdfQ== */
1
+ @layer design-system.layouts{.mx-footer{position:sticky;inset-block-start:100vh}.mx-footer__inner{display:grid;grid-template-areas:"navigation" "social" "copyright" "links";grid-gap:var(--gap);gap:var(--gap)}@media(min-width:720px){.mx-footer__inner{grid-template-areas:"navigation social" "copyright links";grid-template-columns:1fr max-content}}.mx-footer__inner:has(.mx-footer__aoc){grid-template-areas:"navigation" "social" "aoc" "copyright" "links"}@media(min-width:720px){.mx-footer__inner:has(.mx-footer__aoc){grid-template-areas:"navigation social" "aoc aoc" "copyright links"}}.mx-footer__inner .mx-logo,.mx-footer__inner img{grid-area:copyright}.mx-footer__inner .mx-social-links{grid-area:social;align-self:start;display:flex;gap:var(--spacing-xxxs)}.mx-footer__inner .mx-footer__copyright{grid-area:copyright;align-self:end}.mx-footer__inner .mx-footer__links{grid-area:links;align-self:end}@media(min-width:720px){.mx-footer__inner .mx-footer__links{justify-content:end}}.mx-footer__aoc{grid-area:aoc;padding-block:var(--footer-row-gap, var(--spacing-xxl))}.mx-nav--footer{grid-area:navigation}.mx-nav--footer:not(:has(.mx-nav__level-2)) ul{flex-flow:row wrap;align-items:center;gap:var(--spacing-l) var(--spacing-xxxl)}.mx-nav--footer:has(.mx-nav__level-2) ul{display:grid}.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1{--grid-repeat: 2;--grid-min: 10ch;gap:var(--spacing-l) var(--spacing-xxxl);grid-template-columns:repeat(2,minmax(min(100%,10ch),1fr));grid-template-columns:repeat(var(--grid-repeat),minmax(min(100%,var(--grid-min)),1fr))}@media(min-width:720px){.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1{--grid-repeat: auto-fit}}:is(.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1)>li>a{display:inline-block;margin-block-end:var(--spacing-l);font-weight:var(--font-weight-bold)}.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-2{gap:var(--spacing-xs)}.mx-nav--footer .mx-nav__toggle{display:none}}@media print{.mx-footer{display:none}}