@pnx-mixtape/mxds 0.1.0-rc.2 → 0.1.0-rc.4
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.
- package/.storybook/{preview.ts → preview.tsx} +4 -0
- package/.storybook/src/docs.tsx +29 -0
- package/dist/build/accordion.css +1 -1
- package/dist/build/accordion.entry.js +1 -1
- package/dist/build/autocomplete.css +1 -1
- package/dist/build/autocomplete.entry.js +1 -1
- package/dist/build/base.css +1 -1
- package/dist/build/breadcrumb.css +1 -1
- package/dist/build/button.css +1 -1
- package/dist/build/card.css +1 -1
- package/dist/build/carousel.css +1 -1
- package/dist/build/chunks/{Accordion-z-dH6nFH.js → Accordion-GN0sME4W.js} +1 -1
- package/dist/build/chunks/{AccordionMobile-BYPPNyf5.js → AccordionMobile-DG5jSe8Q.js} +1 -1
- package/dist/build/chunks/{Autocomplete-2L6tLLuh.js → Autocomplete-B4RtkAyh.js} +1 -1
- package/dist/build/chunks/{ClosableAlert-DdXbF1J2.js → ClosableAlert-DEhj8Nxm.js} +1 -1
- package/dist/build/chunks/{Dialog-Ds8gzhri.js → Dialog-Haahn-Yn.js} +1 -1
- package/dist/build/chunks/Gallery-D8NGXy2Q.js +1 -0
- package/dist/build/chunks/GlobalToggle-B52fdBQu.js +1 -0
- package/dist/build/chunks/{InPageNavigation-CVieEl9u.js → InPageNavigation-Dyn2TR-N.js} +1 -1
- package/dist/build/chunks/Navigation-hOrfLq7h.js +1 -0
- package/dist/build/chunks/{Sticky-cWUVSOXN.js → Sticky-BGCuuEJK.js} +1 -1
- package/dist/build/chunks/{Tabs-DA_Ez8pv.js → Tabs-DYy1YTdU.js} +1 -1
- package/dist/build/chunks/enums-DLV_1NAf.js +1 -0
- package/dist/build/chunks/utilities-_Bq3TxAQ.js +1 -0
- package/dist/build/constants.css +1 -1
- package/dist/build/cookie-consent.css +1 -1
- package/dist/build/dialog.css +1 -1
- package/dist/build/dialog.entry.js +1 -1
- package/dist/build/elements.js +1 -1
- package/dist/build/filters.css +1 -1
- package/dist/build/filters.entry.js +1 -1
- package/dist/build/form.css +1 -1
- package/dist/build/gallery.entry.js +1 -1
- package/dist/build/global-alert.css +1 -1
- package/dist/build/global-alert.entry.js +1 -1
- package/dist/build/grid.css +1 -1
- package/dist/build/header.css +1 -1
- package/dist/build/header.entry.js +1 -1
- package/dist/build/icon.css +1 -1
- package/dist/build/in-page-navigation.entry.js +1 -1
- package/dist/build/list-item.css +1 -1
- package/dist/build/navigation.css +1 -1
- package/dist/build/navigation.entry.js +1 -1
- package/dist/build/one-time-code.css +1 -0
- package/dist/build/popover.css +1 -1
- package/dist/build/print.css +1 -1
- package/dist/build/react.js +1 -1
- package/dist/build/steps.css +1 -1
- package/dist/build/sticky.entry.js +1 -1
- package/dist/build/tabs.css +1 -1
- package/dist/build/tabs.entry.js +1 -1
- package/dist/build/utilities.css +1 -1
- package/dist/types/Atom/Link/Link.d.ts.map +1 -1
- package/dist/types/Component/Accordion/Accordion.d.ts.map +1 -1
- package/dist/types/Component/Dialog/Dialog.d.ts.map +1 -1
- package/dist/types/Component/Filters/Elements/Filters.d.ts +20 -1
- package/dist/types/Component/Filters/Elements/Filters.d.ts.map +1 -1
- package/dist/types/Component/Filters/Filters.d.ts +7 -2
- package/dist/types/Component/Filters/Filters.d.ts.map +1 -1
- package/dist/types/Component/Gallery/Gallery.d.ts.map +1 -1
- package/dist/types/Component/Pagination/Components/PaginationContext.d.ts.map +1 -1
- package/dist/types/Component/Tabs/Tabs.d.ts.map +1 -1
- package/dist/types/Form/Autocomplete/Autocomplete.d.ts +2 -2
- package/dist/types/Form/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/types/Form/Autocomplete/Elements/Autocomplete.d.ts +10 -0
- package/dist/types/Form/Autocomplete/Elements/Autocomplete.d.ts.map +1 -1
- package/dist/types/Form/OneTimeCode/OneTimeCode.d.ts +12 -0
- package/dist/types/Form/OneTimeCode/OneTimeCode.d.ts.map +1 -0
- package/dist/types/Utility/Hooks/useIsomorphicLayoutEffect.d.ts +4 -0
- package/dist/types/Utility/Hooks/useIsomorphicLayoutEffect.d.ts.map +1 -0
- package/dist/types/enums.d.ts +4 -0
- package/dist/types/enums.d.ts.map +1 -1
- package/dist/types/react.d.ts +1 -0
- package/dist/types/react.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/Atom/Button/__snapshots__/Button.stories.ts.snap +2 -3
- package/src/Atom/Button/_buttons.css +16 -0
- package/src/Atom/Button/button.twig +4 -1
- package/src/Atom/DefinitionList/DefinitionList.stories.ts +3 -0
- package/src/Atom/Icon/_icon.css +3 -0
- package/src/Atom/Link/Link.tsx +16 -3
- package/src/Atom/Link/__snapshots__/Link.stories.ts.snap +7 -12
- package/src/Atom/Link/__snapshots__/Link.stories.tsx.snap +1 -1
- package/src/Atom/Link/_links.css +9 -0
- package/src/Atom/Link/link.twig +8 -2
- package/src/Atom/LinkedImage/linked-image.twig +1 -2
- package/src/Atom/_generic.css +0 -10
- package/src/Component/Accordion/Accordion.stories.ts +31 -0
- package/src/Component/Accordion/Accordion.tsx +3 -2
- package/src/Component/Accordion/AccordionItem.stories.ts +27 -0
- package/src/Component/Accordion/__snapshots__/Accordion.stories.ts.snap +36 -0
- package/src/Component/Accordion/__snapshots__/AccordionItem.stories.ts.snap +16 -0
- package/src/Component/Accordion/accordion.css +3 -1
- package/src/Component/Breadcrumb/__snapshots__/Breadcrumb.stories.ts.snap +3 -6
- package/src/Component/Breadcrumb/breadcrumb.css +4 -0
- package/src/Component/Card/__snapshots__/Card.stories.ts.snap +11 -22
- package/src/Component/Card/card.css +2 -2
- package/src/Component/Carousel/Carousel.stories.ts +55 -0
- package/src/Component/Carousel/Carousel.stories.tsx +74 -0
- package/src/Component/Carousel/__snapshots__/Carousel.stories.ts.snap +273 -88
- package/src/Component/Carousel/__snapshots__/Carousel.stories.tsx.snap +5 -3
- package/src/Component/Carousel/carousel.css +1 -1
- package/src/Component/ContentBlock/__snapshots__/ContentBlock.stories.ts.snap +12 -24
- package/src/Component/CookieConsent/cookie-consent.css +6 -1
- package/src/Component/Dialog/Dialog.stories.ts +33 -0
- package/src/Component/Dialog/Dialog.stories.tsx +25 -0
- package/src/Component/Dialog/Dialog.tsx +2 -2
- package/src/Component/Dialog/__snapshots__/Dialog.stories.ts.snap +33 -2
- package/src/Component/Dialog/__snapshots__/Dialog.stories.tsx.snap +2 -0
- package/src/Component/Dialog/dialog.css +5 -2
- package/src/Component/DropMenu/DropMenu.stories.ts +39 -1
- package/src/Component/DropMenu/DropMenu.stories.tsx +29 -0
- package/src/Component/DropMenu/DropMenu.tsx +1 -1
- package/src/Component/DropMenu/__snapshots__/DropMenu.stories.ts.snap +14 -0
- package/src/Component/DropMenu/__snapshots__/DropMenu.stories.tsx.snap +3 -1
- package/src/Component/Filters/Elements/Filters.ts +71 -1
- package/src/Component/Filters/FilterItem.stories.ts +2 -1
- package/src/Component/Filters/FilterItem.tsx +1 -1
- package/src/Component/Filters/Filters.figma.ts +1 -1
- package/src/Component/Filters/Filters.stories.ts +95 -3
- package/src/Component/Filters/Filters.stories.tsx +246 -17
- package/src/Component/Filters/Filters.tsx +145 -29
- package/src/Component/Filters/README.md +102 -37
- package/src/Component/Filters/__snapshots__/FilterItem.stories.tsx.snap +3 -3
- package/src/Component/Filters/__snapshots__/Filters.stories.ts.snap +82 -4
- package/src/Component/Filters/__snapshots__/Filters.stories.tsx.snap +9 -3
- package/src/Component/Filters/filters.css +11 -0
- package/src/Component/Gallery/Gallery.tsx +2 -2
- package/src/Component/GlobalAlert/global-alert.css +3 -0
- package/src/Component/HeroBanner/HeroBanner.stories.ts +1 -1
- package/src/Component/HeroBanner/__snapshots__/HeroBanner.stories.ts.snap +4 -8
- package/src/Component/HeroSearch/__snapshots__/HeroSearch.stories.ts.snap +5 -10
- package/src/Component/InPageAlert/__snapshots__/InPageAlert.stories.ts.snap +6 -12
- package/src/Component/InPageNavigation/InPageNavigation.stories.ts +50 -0
- package/src/Component/InPageNavigation/InPageNavigation.stories.tsx +78 -0
- package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.ts.snap +35 -1
- package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.tsx.snap +2 -0
- package/src/Component/LinkList/__snapshots__/LinkList.stories.ts.snap +6 -12
- package/src/Component/ListItem/__snapshots__/ListItem.stories.ts.snap +7 -14
- package/src/Component/ListItem/list-item.css +1 -1
- package/src/Component/Navigation/Dropdown.stories.tsx +46 -0
- package/src/Component/Navigation/Navigation.stories.ts +56 -0
- package/src/Component/Navigation/__snapshots__/Dropdown.stories.tsx.snap +2 -0
- package/src/Component/Navigation/__snapshots__/Navigation.stories.ts.snap +57 -0
- package/src/Component/Navigation/_navigation-collapsible.css +3 -1
- package/src/Component/Navigation/_navigation-dropdown.css +3 -1
- package/src/Component/Pagination/Components/PaginationContext.tsx +2 -1
- package/src/Component/Pagination/Components/PaginationItem.tsx +1 -1
- package/src/Component/Pagination/Pagination.stories.ts +36 -0
- package/src/Component/Pagination/Pagination.stories.tsx +31 -0
- package/src/Component/Pagination/__snapshots__/Pagination.stories.ts.snap +69 -12
- package/src/Component/Pagination/__snapshots__/Pagination.stories.tsx.snap +3 -1
- package/src/Component/Pagination/pagination-item.twig +1 -1
- package/src/Component/Popover/__snapshots__/Popover.stories.ts.snap +13 -26
- package/src/Component/Popover/popover.css +4 -2
- package/src/Component/SideNavigation/__snapshots__/SideNavigation.stories.ts.snap +1 -2
- package/src/Component/SocialLinks/__snapshots__/SocialLinks.stories.ts.snap +6 -9
- package/src/Component/Steps/Steps.stories.ts +1 -1
- package/src/Component/Steps/steps.css +13 -0
- package/src/Component/Tabs/Tabs.stories.ts +22 -0
- package/src/Component/Tabs/Tabs.stories.tsx +24 -0
- package/src/Component/Tabs/Tabs.tsx +2 -2
- package/src/Component/Tabs/__snapshots__/Tabs.stories.ts.snap +18 -0
- package/src/Component/Tabs/__snapshots__/Tabs.stories.tsx.snap +3 -1
- package/src/Component/Tabs/tabs.css +6 -5
- package/src/Form/Autocomplete/Autocomplete.stories.ts +81 -4
- package/src/Form/Autocomplete/Autocomplete.stories.tsx +85 -1
- package/src/Form/Autocomplete/Autocomplete.tsx +19 -6
- package/src/Form/Autocomplete/Elements/Autocomplete.ts +24 -1
- package/src/Form/Autocomplete/__snapshots__/Autocomplete.stories.ts.snap +38 -4
- package/src/Form/Autocomplete/__snapshots__/Autocomplete.stories.tsx.snap +8 -4
- package/src/Form/Autocomplete/autocomplete.css +12 -1
- package/src/Form/Autocomplete/autocomplete.twig +1 -1
- package/src/Form/OneTimeCode/OneTimeCode.stories.ts +20 -0
- package/src/Form/OneTimeCode/OneTimeCode.stories.tsx +18 -0
- package/src/Form/OneTimeCode/OneTimeCode.tsx +56 -0
- package/src/Form/OneTimeCode/README.md +83 -0
- package/src/Form/OneTimeCode/__snapshots__/OneTimeCode.stories.ts.snap +7 -0
- package/src/Form/OneTimeCode/__snapshots__/OneTimeCode.stories.tsx.snap +3 -0
- package/src/Form/OneTimeCode/one-time-code.css +13 -0
- package/src/Form/OneTimeCode/one-time-code.twig +31 -0
- package/src/Form/__snapshots__/Validation.stories.ts.snap +1 -1
- package/src/Form/form.css +95 -35
- package/src/Layout/Footer/__snapshots__/Footer.stories.ts.snap +18 -33
- package/src/Layout/Grid/Grid.stories.ts +1 -0
- package/src/Layout/Grid/Grid.stories.tsx +26 -0
- package/src/Layout/Grid/__snapshots__/Grid.stories.tsx.snap +2 -0
- package/src/Layout/Grid/grid.css +12 -0
- package/src/Layout/Header/Header.stories.ts +33 -0
- package/src/Layout/Header/Header.stories.tsx +31 -0
- package/src/Layout/Header/__snapshots__/Header.stories.ts.snap +50 -0
- package/src/Layout/Header/__snapshots__/Header.stories.tsx.snap +2 -0
- package/src/Layout/Header/_header.css +4 -2
- package/src/Layout/Header/_toggles.css +4 -1
- package/src/Layout/Masthead/__snapshots__/Masthead.stories.ts.snap +8 -16
- package/src/Layout/Section/__snapshots__/Background.stories.ts.snap +2 -4
- package/src/Layout/Section/__snapshots__/Section.stories.ts.snap +4 -8
- package/src/Utility/Hooks/useIsomorphicLayoutEffect.ts +8 -0
- package/src/Utility/_mixins.css +46 -0
- package/src/Utility/print.css +1 -1
- package/src/Utility/utilities.css +20 -0
- package/src/_custom-media.css +3 -2
- package/src/constants.css +3 -13
- package/src/enums.ts +5 -0
- package/src/react.ts +1 -0
- package/tools/test-utils/screen-reader.ts +33 -0
- package/dist/build/chunks/Gallery-BT3cxS5m.js +0 -1
- package/dist/build/chunks/GlobalToggle-DQHho97V.js +0 -1
- package/dist/build/chunks/Navigation-B9Wug-ok.js +0 -1
- package/dist/build/chunks/disclosure-widget-BETzOHLO.js +0 -1
- package/dist/build/chunks/utilities-C5dAO2YA.js +0 -1
|
@@ -12,6 +12,7 @@ import "../src/Atom/Button/button.css"
|
|
|
12
12
|
import "../src/Form/form.css"
|
|
13
13
|
import "../src/Component/Navigation/navigation.css"
|
|
14
14
|
import { Page } from "./decorators"
|
|
15
|
+
import { AutoDocsTemplate } from "./src/docs"
|
|
15
16
|
|
|
16
17
|
const preview: Preview = {
|
|
17
18
|
decorators: [Page],
|
|
@@ -43,6 +44,9 @@ const preview: Preview = {
|
|
|
43
44
|
xxl: { name: "XXL", styles: { width: "1536px", height: "900px" } },
|
|
44
45
|
},
|
|
45
46
|
},
|
|
47
|
+
docs: {
|
|
48
|
+
page: () => <AutoDocsTemplate />,
|
|
49
|
+
},
|
|
46
50
|
},
|
|
47
51
|
globalTypes: {
|
|
48
52
|
background: {
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Title,
|
|
3
|
+
Subtitle,
|
|
4
|
+
Description,
|
|
5
|
+
Primary,
|
|
6
|
+
Controls,
|
|
7
|
+
Stories,
|
|
8
|
+
TableOfContents,
|
|
9
|
+
} from "@storybook/addon-docs/blocks"
|
|
10
|
+
|
|
11
|
+
export const AutoDocsTemplate = () => (
|
|
12
|
+
<div style={{ display: "flex", flexDirection: "row" }}>
|
|
13
|
+
<div style={{ flex: 1, minWidth: 0 }}>
|
|
14
|
+
<Title />
|
|
15
|
+
<Subtitle />
|
|
16
|
+
<Description />
|
|
17
|
+
<Primary />
|
|
18
|
+
<Controls />
|
|
19
|
+
<Stories />
|
|
20
|
+
</div>
|
|
21
|
+
<div style={{ width: "12rem", marginLeft: "2rem" }}>
|
|
22
|
+
<TableOfContents
|
|
23
|
+
title="Table of Contents"
|
|
24
|
+
contentsSelector=".sbdocs-content"
|
|
25
|
+
channel={{} as any}
|
|
26
|
+
/>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
)
|
package/dist/build/accordion.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer popover-polyfill;@layer design-system.defaults{details{& summary{list-style-type:none;&:is(){content:"";display:none}}}:is(mx-accordion,mx-accordiondiv,mx-accordionmobile,mx-accordion-group){display:block}:where(:is(div.mx-accordion,mx-accordiondiv)){& .mx-accordion__toggle{appearance:none;color:inherit;font-size:inherit;background:initial;border:initial;padding:initial}}mx-accordion-group:not(:defined) .mx-accordions__toggle-all{display:none}}@layer design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-accordion__title{gap:var(--spacing-s);flex-flow:wrap;align-items:center;margin-block-end:var(--spacing-m);display:flex}.mx-accordions__toggle-all{margin-inline-start:auto}.mx-accordion{& .mx-accordion__toggle{cursor:pointer;text-align:start;inline-size:100%}&>:is(h2,h3,h4,h5,h6){all:unset}&>.mx-accordion__content{opacity:
|
|
1
|
+
@layer popover-polyfill;@layer design-system.defaults{details{& summary{list-style-type:none;&:is(){content:"";display:none}}}:is(mx-accordion,mx-accordiondiv,mx-accordionmobile,mx-accordion-group){display:block}:where(:is(div.mx-accordion,mx-accordiondiv)){& .mx-accordion__toggle{appearance:none;color:inherit;font-size:inherit;background:initial;border:initial;padding:initial}}mx-accordion-group:not(:defined) .mx-accordions__toggle-all{display:none}}@layer design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-accordion__title{gap:var(--spacing-s);flex-flow:wrap;align-items:center;margin-block-end:var(--spacing-m);display:flex}.mx-accordions__toggle-all{margin-inline-start:auto}.mx-accordion{& .mx-accordion__toggle{cursor:pointer;text-align:start;inline-size:100%}&>:is(h2,h3,h4,h5,h6){all:unset}&>.mx-accordion__content{opacity:1;transition-property:var(--transition-property,opacity, color, background-color, border-color, transform, rotate, display, overlay);transition-duration:var(--transition-duration,.5s);transition-timing-function:var(--ease);transition-behavior:allow-discrete;@starting-style{opacity:0}display:none;overflow:hidden}&:is([open],[data-open=true]){&>.mx-accordion__toggle{& .mx-icon--chevron-down{transform:rotate(180deg)}}&>.mx-accordion__content{opacity:1;display:block;@starting-style{opacity:0;display:block}}}}.mx-accordion--divided{border-block-end:var(--line-width,1px) solid var(--line-colour,var(--colour-border));& .mx-accordion__toggle{padding-block:var(--vertical-padding,var(--spacing-xxs));padding-inline:var(--horizontal-padding,0);justify-content:space-between;align-items:center;gap:var(--spacing-xxs);font-size:var(--font-size);font-weight:var(--font-weight-normal);display:flex;& .mx-icon{margin-inline-start:auto}}&:is([open],[data-open=true]){&>.mx-accordion__content{border-block-start:var(--line-width,1px) solid var(--line-colour,var(--colour-border));padding-block:var(--vertical-padding,var(--spacing-xxs));padding-inline:var(--horizontal-padding,0)}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./chunks/Accordion-
|
|
1
|
+
import"./chunks/Accordion-GN0sME4W.js";import"./chunks/AccordionGroup-Bzqp5__q.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer popover-polyfill;@layer design-system.defaults{mx-autocomplete{display:block}}@layer design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-autocomplete{max-inline-size:var(--container-max-width);position:relative}.mx-autocomplete__listbox{z-index:10;background-color:var(--autocomplete-background,var(--colour-background));color:var(--autocomplete-foreground,var(--colour-foreground));border-radius:var(--autocomplete-radius,var(--border-radius));box-shadow:var(--autocomplete-shadow,var(--box-shadow));max-block-size:var(--autocomplete-max-height,16rem);padding-inline:var(--autocomplete-padding-inline,0);padding-block:var(--autocomplete-padding-block,0);margin:0;list-style:none;position:absolute;inset-block-start:100%;inset-inline:0;overflow-y:auto;&[hidden]{opacity:0;display:none;@starting-style{opacity:1;display:block}}}.mx-autocomplete__option{padding-block:var(--spacing-xxxs);padding-inline:var(--spacing-xs);cursor:pointer;&[hidden]{display:none}&[aria-selected=true]{outline:var(--outline-size,2px) var(--outline-style,solid) var(--outline-color,currentcolor);outline-offset:var(--outline-offset,-2px)}}}
|
|
1
|
+
@layer popover-polyfill;@layer design-system.defaults{mx-autocomplete{display:block}}@layer design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-autocomplete{max-inline-size:var(--container-max-width);position:relative}.mx-autocomplete__listbox{z-index:10;background-color:var(--autocomplete-background,var(--colour-background));border:var(--autocomplete-line-width,1px) solid var(--autocomplete-line-colour,transparent);color:var(--autocomplete-foreground,var(--colour-foreground));border-radius:var(--autocomplete-radius,var(--border-radius));box-shadow:var(--autocomplete-shadow,var(--box-shadow));max-block-size:var(--autocomplete-max-height,16rem);padding-inline:var(--autocomplete-padding-inline,0);padding-block:var(--autocomplete-padding-block,0);margin:0;list-style:none;position:absolute;inset-block-start:100%;inset-inline:0;overflow-y:auto;&[hidden]{opacity:0;display:none;@starting-style{opacity:1;display:block}}}.mx-autocomplete__option{padding-block:var(--spacing-xxxs);padding-inline:var(--spacing-xs);cursor:pointer;&[hidden]{display:none}&[aria-selected=true]{outline:var(--outline-size,2px) var(--outline-style,solid) var(--outline-color,currentcolor);outline-offset:var(--outline-offset,-2px)}}.mx-autocomplete__control[aria-busy]{& button{order:3}&:after{order:2}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./chunks/Autocomplete-
|
|
1
|
+
import"./chunks/Autocomplete-B4RtkAyh.js";
|
package/dist/build/base.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer popover-polyfill;@layer design-system.defaults{:where([class*=mx-background--]){background-color:var(--background,var(--colour-background));color:var(--foreground,var(--colour-foreground));color-scheme:var(--scheme,var(--colour-scheme));& :where([class*=mx-background--]){--scheme:var(--colour-scheme);--background:var(--colour-background);--line-colour:var(--colour-border);--foreground-alt:var(--colour-foreground-alt);--embellished-colour:var(--colour-accent);--button-accent-scheme:dark}}.mx-background--alt{--scheme:var(--alt-scheme,var(--colour-scheme));--background:var(--colour-background-alt)}.mx-background--primary{--contrast-color:contrast-color(var(--colour-primary));--scheme:var(--primary-scheme,var(--colour-primary-scheme,var(--colour-scheme)));--background:var(--colour-primary);--line-colour:light-dark(var(--colour-primary-darker),var(--colour-primary-lighter));--foreground-alt:var(--colour-primary-light);--embellished-colour:var(--colour-primary-darker);--button-accent-scheme:var(--colour-accent-scheme,light)}.mx-background--accent{--contrast-color:contrast-color(var(--colour-accent));--scheme:var(--accent-scheme,var(--colour-accent-scheme,var(--colour-scheme)));--background:var(--colour-accent);--line-colour:light-dark(var(--colour-accent-darker),var(--colour-accent-lighter));--foreground-alt:var(--colour-accent-darkest);--embellished-colour:var(--colour-accent-darker);--button-accent-scheme:dark}.mx-background--reverse{--contrast-color:contrast-color(black);--scheme:var(--reverse-scheme,var(--colour-reverse-scheme,dark));--embellished-colour:var(--colour-border);--button-accent-scheme:var(--colour-accent-scheme,light);& .mx-background--image{--bg-img-brightness:.45;--bg-img-opacity:1}}.mx-background--box{border:var(--line-width,1px) solid var(--line-colour,var(--colour-border));border-radius:var(--border-radius);padding-inline:var(--gutter,1rem)}.mx-background--image{& img{object-fit:cover;min-block-size:100%;inline-size:100%;filter:brightness(var(--bg-img-brightness,1)) saturate(var(--bg-img-saturate,1.25)) opacity(var(--bg-img-opacity,.5));position:absolute}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}:is(*){box-sizing:border-box;opacity:1;transition-property:opacity,color,background-color,border-color,transform,rotate,display,overlay;transition-duration:.5s;transition-timing-function:var(--ease);transition-behavior:allow-discrete;background-repeat:no-repeat;margin:0;@starting-style{opacity:0}}:focus{scroll-padding-block-end:4vh}:focus-visible{outline:var(--outline-size,2px) var(--outline-style,solid) var(--outline-color,currentcolor);outline-offset:var(--outline-offset,var(--outline-size,2px))}html{block-size:100%;font-size:100%;font-family:var(--font-family);line-height:var(--line-height);scroll-behavior:smooth}.translated-rtl{direction:rtl}body{font-size:var(--font-size);color:var(--colour-foreground);accent-color:var(--colour-primary);text-rendering:optimizespeed;block-size:100%;padding-inline:unset;padding-block:unset}:target,[id],.has-scroll-margin{scroll-margin-block-start:calc(var(--sticky-offset,0rem) + var(--scroll-margin,var(--spacing-m)))}:is(b,strong){font-weight:var(--font-weight-bold)}u{-webkit-text-decoration-color:var(--embellished-colour,var(--colour-accent));text-decoration-color:var(--embellished-colour,var(--colour-accent));text-decoration-thickness:var(--embellished-line-height,1ch);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:var(--embellished-offset,-.35ch)}:is(ol,ul){padding-inline-start:var(--spacing-m);&[role=list]{padding-inline-start:0;list-style:none}}dl{gap:var(--spacing-xs);grid-template-rows:1fr;inline-size:100%;display:grid;&:has(>div){container-type:inline-size}& div{gap:var(--spacing-xxxs);align-content:start;display:grid}& dt{font-weight:var(--font-weight-bold)}&:where(:not(.mx-list--columns)){grid-template-columns:min(100%, var(--grid-min,20ch)) 1fr;& div{grid-template-columns:subgrid;grid-column:span 2;@container (width<=60ch){&>:is(dt,dd){grid-column:span 2}}}}}p{text-wrap:pretty}.mx-vertical-flow{&>:where(:not(:first-child,.mx-vertical-flow__collapse)){margin-block-start:var(--flow-gap,var(--gap))}&.mx-rich-text>.mx-text--lede{--flow-gap:var(--gap-xl)}}.mx-vertical-flow-flex{align-items:start;gap:var(--flow-gap,var(--gap));flex-direction:column;display:flex;&>*{margin:0}&:is(ul,ol){padding-inline-start:unset;list-style:none}}.mx-vertical-flow-grid{align-items:start;gap:var(--flow-gap,var(--gap));display:grid;&>*{margin:0}&:is(ul,ol){padding-inline-start:unset;list-style:none}}.mx-horizontal-flow-flex{gap:var(--flow-gap,var(--gap));flex-wrap:wrap;display:flex;&>*{margin:0}&:is(ul,ol){padding-inline-start:unset;list-style:none}}:is(.mx-headline,h1,.mx-heading--xxl,h2,.mx-heading--xl,h3,.mx-heading--l,h4,.mx-heading--m,h5,.mx-heading--s,h6,.mx-heading--xs){font-family:var(--heading-font-family,var(--font-family-display,var(--font-family)));line-height:var(--line-height-h);font-size:var(--heading-font-size,var(--font-size));font-weight:var(--heading-font-weight,var(--font-weight-bold));letter-spacing:var(--heading-letter-spacing,0);text-wrap:balance;&[class*=mx-background--]{background-color:var(--colour-background);color:var(--colour-foreground);color-scheme:var(--colour-scheme);&>span{background-color:var(--background,var(--colour-background));color:var(--foreground,var(--colour-foreground));color-scheme:var(--scheme,var(--colour-scheme))}}}@supports (font-size:1cqi){:is(.mx-headline,h1,.mx-heading--xxl,h2,.mx-heading--xl,h3,.mx-heading--l,h4,.mx-heading--m,h5,.mx-heading--s){--font-min:calc(var(--heading-font-size) - var(--heading-font-size) * var(--font-size-diff,.3));font-size:clamp(max(var(--font-size-s), var(--font-min)), var(--font-min) + 1cqi, var(--heading-font-size))}}.mx-headline{--heading-font-size:var(--font-size-xxxl)}h1,.mx-heading--xxl{--heading-font-size:var(--font-size-xxl)}h2,.mx-heading--xl{--heading-font-size:var(--font-size-xl)}h3,.mx-heading--l{--heading-font-size:var(--font-size-l)}h4,.mx-heading--m{--heading-font-size:var(--font-size-ml)}h5,.mx-heading--s{--heading-font-size:var(--font-size-m)}h6,.mx-heading--xs{--heading-font-size:var(--font-size-s)}blockquote{border-inline-start:var(--line-width,6px) solid var(--line-colour,var(--blockquote-line-colour,var(--colour-accent)));font-size:var(--blockquote-font-size,var(--font-size-ml));padding-inline-start:var(--line-gap,var(--gap));& cite{font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h));font-family:var(--font-family-ui,var(--font-family));color:var(--colour-foreground-alt);margin-block-start:var(--spacing-xs);font-style:normal;display:block}}hr{border:0;border-block-start:var(--line-width,1px) solid var(--line-colour,var(--colour-border));block-size:0;margin-block:var(--line-gap,var(--spacing-m));display:block}a[href]{color:var(--link-colour,var(--colour-link));-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-decoration:underline;text-decoration-thickness:max(.08em,1px);&:hover,&:active{text-underline-offset:.2em;text-decoration-thickness:max(.09em,2px)}}.mx-link--external{gap:var(--spacing-xxxs);align-items:center;margin-inline-end:var(--spacing-xxxs);display:inline-flex;&:after{content:"";block-size:var(--spacing-s);inline-size:var(--spacing-s);background-color:currentColor;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M15%200H8v2h4.6L6.3%208.3l1.4%201.4L14%203.4V8h2V1c0-.6-.4-1-1-1z'/%3e%3cpath%20d='M14%2016H1c-.6%200-1-.4-1-1V2c0-.6.4-1%201-1h4v2H2v11h11v-3h2v4c0%20.6-.4%201-1%201z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M15%200H8v2h4.6L6.3%208.3l1.4%201.4L14%203.4V8h2V1c0-.6-.4-1-1-1z'/%3e%3cpath%20d='M14%2016H1c-.6%200-1-.4-1-1V2c0-.6.4-1%201-1h4v2H2v11h11v-3h2v4c0%20.6-.4%201-1%201z'/%3e%3c/svg%3e");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}.mx-link--more{font-weight:var(--font-weight-bold);display:inline-flex;&:hover .mx-icon{transform:translate(3px)}}.mx-link--download{&:hover .mx-icon{transform:translateY(3px)}}a:where([href]):has(.mx-icon){align-items:center;gap:var(--spacing-xxs);display:inline-flex}figure{inline-size:var(--width,100%);margin:0;display:block;& :is(picture,img,iframe,video){inline-size:100%}}figcaption{padding:var(--spacing-xxs);font-family:var(--font-family-ui,var(--font-family));font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h));color:var(--colour-foreground-alt);margin-block-start:var(--spacing-xs);display:block}img{vertical-align:bottom;block-size:auto;max-inline-size:100%}svg:not([fill]){fill:currentColor}.mx-video{&,& :is(embed,object,iframe){aspect-ratio:16/9;border:0;block-size:100%;inline-size:100%}}.mx-media--video{inline-size:100%}table{font-size:var(--font-size-s);border-collapse:collapse;font-variant-numeric:tabular-nums lining-nums;inline-size:100%;margin:0;& th{font-weight:var(--font-weight-bold);text-align:start}& :is(td,th){padding:var(--spacing-xxs);border-block-end:var(--line-width,1px) solid var(--line-colour,var(--colour-border));font-family:var(--font-family-ui,var(--font-family));vertical-align:top}& thead :is(td,th){border-block-end:var(--line-width,1.5px) solid currentcolor}& caption{padding:var(--spacing-xxs);text-align:start;font-family:var(--font-family-ui,var(--font-family));font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h));color:var(--colour-foreground-alt);caption-side:bottom}& tfoot :is(td,th){border-block-start:var(--line-width,1.5px) solid currentcolor;font-family:var(--font-family-ui,var(--font-family));font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h))}}.mx-table--flush{& :is(td,th){&:first-child{padding-inline-start:0}&:last-child{padding-inline-end:0}}}.mx-table--small{& :is(td,th){font-size:var(--font-size-s);line-height:var(--line-height-h)}}.mx-table--striped{& tbody tr{&:nth-child(2n){& :is(td,th){background-color:var(--colour-background-alt)}}}}.mx-table--bordered{& :is(td,th){border-block-start:var(--line-width,1px) solid var(--line-colour,var(--colour-border));border-inline:var(--line-width,1px) solid var(--line-colour,var(--colour-border))}}.mx-table--responsive{max-inline-size:100%;@media (width<720px){-webkit-overflow-scrolling:touch;box-shadow:var(--box-shadow) inset;overflow-y:scroll;& table{inline-size:100%;margin-block:0;margin-inline:var(--spacing-s);& td{min-inline-size:20ch}}}}}@layer design-system.atoms{:is(.mx-text--eyebrow,.mx-text--section-headline,.mx-text--embellished-headline,.mx-text--lede,.mx-text--meta,.mx-text--xs,.mx-text--s,.mx-text--m,.mx-text--l,.mx-text--xl,.mx-text--xxl,.mx-text--xxxl,.mx-text--fluid){font-size:var(--font-size)}@supports (font-size:1cqi){:is(.mx-text--eyebrow,.mx-text--section-headline,.mx-text--embellished-headline,.mx-text--meta,.mx-text--xs,.mx-text--s,.mx-text--lede,.mx-text--m,.mx-text--l,.mx-text--xl,.mx-text--xxl,.mx-text--xxxl,.mx-text--fluid){--font-min:calc(var(--font-size) - var(--font-size) * var(--font-size-diff,.3));font-size:clamp(max(var(--font-size-xs), var(--font-min)), var(--font-min) + 1cqi, var(--font-size))}}:is(.mx-text--eyebrow,.mx-text--section-headline,.mx-text--embellished-headline){--heading-font-size:var(--font-size-xs);--font-size:var(--font-size-xs);text-transform:var(--heading-transform,uppercase);font-weight:var(--heading-font-weight,var(--font-weight-bold));font-family:var(--font-family-ui,var(--font-family));letter-spacing:var(--heading-letter-spacing,0);line-height:var(--line-height-h);text-wrap:balance}:is(.mx-text--eyebrow,.mx-text--section-headline){margin-block:0;&+:is(h2,h3,p){--flow-gap:var(--spacing-xxxxs)}}:is(.mx-text--embellished,.mx-text--embellished-headline){--contrast-color:contrast-color(var(--embellished-colour,var(--colour-accent)));text-wrap:balance;z-index:1;display:inline-block;position:relative;&:after{content:"";inline-size:min(var(--embellished-line-width,6ch), 100%);block-size:var(--embellished-line-height,1ch);background-color:var(--embellished-colour,var(--colour-accent));z-index:-1;display:block;position:absolute;inset-block-end:var(--embellished-offset,-.25ch);@container style((--contrast-color:white) and (--scheme:light)){background-color:var(--embellished-colour-rev,var(--colour-accent-light))}}&+:is(h2,h3,p){--flow-gap:var(--spacing-l)}}.mx-text--lede{--font-size:var(--font-size-ml)}.mx-text--xxxl{--font-size:var(--font-size-xxxl);line-height:var(--line-height-h);text-wrap:balance}.mx-text--xxl{--font-size:var(--font-size-xxl);line-height:var(--line-height-h);text-wrap:balance}.mx-text--xl{--font-size:var(--font-size-xl);line-height:var(--line-height-h)}.mx-text--l{--font-size:var(--font-size-l);line-height:var(--line-height-h)}.mx-text--m{--font-size:var(--font-size-m)}.mx-text--s{--font-size:var(--font-size-s)}.mx-text--xs{--font-size:var(--font-size-xs)}.mx-text--meta{--font-size:var(--font-size-xs);--foreground:var(--foreground-alt,var(--colour-foreground-alt));color:var(--foreground);gap:.2rem;display:grid}.mx-text--alt{--foreground:var(--foreground-alt,var(--colour-foreground-alt));color:var(--foreground)}.mx-text--primary{--foreground:var(--foreground-primary,light-dark(var(--colour-primary),var(--colour-primary-light)));color:var(--foreground)}.mx-text--accent{--foreground:var(--foreground-accent,var(--colour-accent));color:var(--foreground)}:where([class*=mx-text--][class*=mx-background--]){background-color:var(--colour-background);color:var(--colour-foreground);color-scheme:var(--colour-scheme);&>span{background-color:var(--background,var(--colour-background));color:var(--foreground,var(--colour-foreground));color-scheme:var(--scheme,var(--colour-scheme))}}.mx-rich-text{font-family:var(--font-family-prose,var(--font-family));& :is(p,li){max-inline-size:var(--prose-measure,var(--container-max-width))}}:is(.mx-media--left,.mx-media--right,.mx-media--center){@media (width>=540px){max-inline-size:50%;margin-block-end:var(--spacing-s);&:first-child{margin-block-start:0;&+*{margin-block-start:0!important}}}}.mx-media--center{margin-inline:auto}:is(.mx-media--left,[dir=rtl] .mx-media--right,.translated-rtl .mx-media--right){@media (width>=540px){float:left;margin-inline:0 var(--spacing-m)}}:is(.mx-media--right,[dir=rtl] .mx-media--left,.translated-rtl .mx-media--left){@media (width>=540px){float:right;margin-inline:var(--spacing-m) 0}}.mx-list{gap:var(--spacing-xxxs);counter-reset:fn;margin-block:0;padding-inline-start:0;list-style:none;display:grid;& li{counter-increment:fn;max-inline-size:var(--prose-measure,70ch)}}.mx-list--notes li{font-size:var(--list-font-size,var(--font-size-s));padding-inline-start:var(--gap-l);position:relative;&:before{content:counter(fn) ".";font-family:var(--font-family-ui,var(--font-family));font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h));color:var(--colour-foreground-alt);font-variant-numeric:tabular-nums lining-nums;position:absolute;inset-block-start:2px;inset-inline-start:0}}.mx-list--refs li{text-indent:calc(var(--gap-l) * -1);font-size:var(--list-font-size,var(--font-size-s));padding-inline-start:var(--gap-l)}.mx-list--stats{--font-size:var(--stat-font-size,var(--font-size-xxl));grid-template-columns:repeat(var(--grid-repeat,auto-fit), minmax(min(100%, var(--grid-min,20ch)), 1fr));gap:var(--grid-gap,var(--gap));font-size:var(--list-font-size,var(--font-size-s));text-wrap:balance;grid-template-rows:1fr;@media (width>=946px){--grid-gap:var(--large-grid-gap,var(--gap-l))}& :is(b,strong){font-family:var(--font-family-display,var(--font-family));font-size:var(--font-size);font-weight:var(--stat-font-weight,var(--font-weight-bold));font-variant-numeric:tabular-nums lining-nums;line-height:1;display:block;@supports (font-size:1cqi){--font-min:calc(var(--font-size) - var(--font-size) * var(--font-size-diff,.3));font-size:clamp(max(var(--font-size-xs), var(--font-min)), var(--font-min) + 1cqi, var(--font-size))}}}.mx-list--columns{grid-template-columns:repeat(var(--grid-repeat,auto-fit), minmax(min(100%, var(--grid-min,20ch)), 1fr));gap:var(--grid-gap,var(--gap));@media (width>=946px){--grid-gap:var(--large-grid-gap,var(--gap-l))}}.mx-list--summary{grid-template-columns:min(100%, var(--grid-min,20ch)) 1fr auto;&>div{grid-template-columns:subgrid;padding-block:var(--spacing-xs);border-block-end:1px solid var(--colour-border);grid-column:span 3;&:first-child{border-block-start:2px solid var(--colour-foreground)}@container (width<=60ch){grid-column:1/-1;grid-template-columns:1fr auto;&>dt{grid-column:1/-1}}}& .mx-list__action{text-align:end;font-weight:var(--font-weight-bold)}}}@layer design-system.layout;@layer design-system.utilities{.mx-animated--fade-in{animation:fade-in .5s var(--ease)}.mx-animated--fade-out{animation:fade-out .5s var(--ease)}.mx-animated--spin:before{animation:2s linear infinite spin}.mx-animated--scale-up{animation:scale-up .5s var(--ease)}.mx-animated--scale-down{animation:scale-down .5s var(--ease)}.mx-text--left{text-align:start}.mx-text--right{text-align:end}.mx-text--center{text-align:center}.mx-spacing--reset{padding:0!important}.mx-spacing--top-reset{padding-block-start:0!important}.mx-spacing--bottom-reset{padding-block-end:0!important}.mx-spacing--left-reset{padding-inline-start:0!important}.mx-spacing--right-reset{padding-inline-end:0!important}.mx-spacing--xxs{padding:var(--spacing-xxs)}.mx-spacing--top-xxs{padding-block-start:var(--spacing-xxs)}.mx-spacing--bottom-xxs{padding-block-end:var(--spacing-xxs)}.mx-spacing--left-xxs{padding-inline-start:var(--spacing-xxs)}.mx-spacing--right-xxs{padding-inline-end:var(--spacing-xxs)}.mx-spacing--xs{padding:var(--spacing-xs)}.mx-spacing--top-xs{padding-block-start:var(--spacing-xs)}.mx-spacing--bottom-xs{padding-block-end:var(--spacing-xs)}.mx-spacing--left-xs{padding-inline-start:var(--spacing-xs)}.mx-spacing--right-xs{padding-inline-end:var(--spacing-xs)}.mx-spacing--s{padding:var(--spacing-s)}.mx-spacing--top-s{padding-block-start:var(--spacing-s)}.mx-spacing--bottom-s{padding-block-end:var(--spacing-s)}.mx-spacing--left-s{padding-inline-start:var(--spacing-s)}.mx-spacing--right-s{padding-inline-end:var(--spacing-s)}.mx-spacing--m{padding:var(--spacing-m)}.mx-spacing--top-m{padding-block-start:var(--spacing-m)}.mx-spacing--bottom-m{padding-block-end:var(--spacing-m)}.mx-spacing--left-m{padding-inline-start:var(--spacing-m)}.mx-spacing--right-m{padding-inline-end:var(--spacing-m)}.mx-spacing--l{padding:var(--spacing-l)}.mx-spacing--top-l{padding-block-start:var(--spacing-l)}.mx-spacing--bottom-l{padding-block-end:var(--spacing-l)}.mx-spacing--left-l{padding-inline-start:var(--spacing-l)}.mx-spacing--right-l{padding-inline-end:var(--spacing-l)}.mx-spacing--xl{padding:var(--spacing-xl)}.mx-spacing--top-xl{padding-block-start:var(--spacing-xl)}.mx-spacing--bottom-xl{padding-block-end:var(--spacing-xl)}.mx-spacing--left-xl{padding-inline-start:var(--spacing-xl)}.mx-spacing--right-xl{padding-inline-end:var(--spacing-xl)}.mx-spacing--xxl{padding:var(--spacing-xxl)}.mx-spacing--top-xxl{padding-block-start:var(--spacing-xxl)}.mx-spacing--bottom-xxl{padding-block-end:var(--spacing-xxl)}.mx-spacing--left-xxl{padding-inline-start:var(--spacing-xxl)}.mx-spacing--right-xxl{padding-inline-end:var(--spacing-xxl)}.mx-spacing--xxxl{padding:var(--spacing-xxxl)}.mx-spacing--top-xxxl{padding-block-start:var(--spacing-xxxl)}.mx-spacing--bottom-xxxl{padding-block-end:var(--spacing-xxxl)}.mx-spacing--left-xxxl{padding-inline-start:var(--spacing-xxxl)}.mx-spacing--right-xxxl{padding-inline-end:var(--spacing-xxxl)}.mx-spacing--xxxxl{padding:var(--spacing-xxxxl)}.mx-spacing--top-xxxxl{padding-block-start:var(--spacing-xxxxl)}.mx-spacing--bottom-xxxxl{padding-block-end:var(--spacing-xxxxl)}.mx-spacing--left-xxxxl{padding-inline-start:var(--spacing-xxxxl)}.mx-spacing--right-xxxxl{padding-inline-end:var(--spacing-xxxxl)}.mx-spacing--ul{padding:var(--spacing-ul)}.mx-spacing--top-ul{padding-block-start:var(--spacing-ul)}.mx-spacing--bottom-ul{padding-block-end:var(--spacing-ul)}.mx-spacing--left-ul{padding-inline-start:var(--spacing-ul)}.mx-spacing--right-ul{padding-inline-end:var(--spacing-ul)}.mx-spacing--uul{padding:var(--spacing-uul)}.mx-spacing--top-uul{padding-block-start:var(--spacing-uul)}.mx-spacing--bottom-uul{padding-block-end:var(--spacing-uul)}.mx-spacing--left-uul{padding-inline-start:var(--spacing-uul)}.mx-spacing--right-uul{padding-inline-end:var(--spacing-uul)}.mx-spacing--uuul{padding:var(--spacing-uuul)}.mx-spacing--top-uuul{padding-block-start:var(--spacing-uuul)}.mx-spacing--bottom-uuul{padding-block-end:var(--spacing-uuul)}.mx-spacing--left-uuul{padding-inline-start:var(--spacing-uuul)}.mx-spacing--right-uuul{padding-inline-end:var(--spacing-uuul)}.mx-margin--reset{margin:0!important}.mx-margin--top-reset{margin-block-start:0!important}.mx-margin--bottom-reset{margin-block-end:0!important}.mx-margin--left-reset{margin-inline-start:0!important}.mx-margin--right-reset{margin-inline-end:0!important}.mx-margin--xxs{margin:var(--spacing-xxs)}.mx-margin--top-xxs{margin-block-start:var(--spacing-xxs)}.mx-margin--bottom-xxs{margin-block-end:var(--spacing-xxs)}.mx-margin--left-xxs{margin-inline-start:var(--spacing-xxs)}.mx-margin--right-xxs{margin-inline-end:var(--spacing-xxs)}.mx-margin--xs{margin:var(--spacing-xs)}.mx-margin--top-xs{margin-block-start:var(--spacing-xs)}.mx-margin--bottom-xs{margin-block-end:var(--spacing-xs)}.mx-margin--left-xs{margin-inline-start:var(--spacing-xs)}.mx-margin--right-xs{margin-inline-end:var(--spacing-xs)}.mx-margin--s{margin:var(--spacing-s)}.mx-margin--top-s{margin-block-start:var(--spacing-s)}.mx-margin--bottom-s{margin-block-end:var(--spacing-s)}.mx-margin--left-s{margin-inline-start:var(--spacing-s)}.mx-margin--right-s{margin-inline-end:var(--spacing-s)}.mx-margin--m{margin:var(--spacing-m)}.mx-margin--top-m{margin-block-start:var(--spacing-m)}.mx-margin--bottom-m{margin-block-end:var(--spacing-m)}.mx-margin--left-m{margin-inline-start:var(--spacing-m)}.mx-margin--right-m{margin-inline-end:var(--spacing-m)}.mx-margin--l{margin:var(--spacing-l)}.mx-margin--top-l{margin-block-start:var(--spacing-l)}.mx-margin--bottom-l{margin-block-end:var(--spacing-l)}.mx-margin--left-l{margin-inline-start:var(--spacing-l)}.mx-margin--right-l{margin-inline-end:var(--spacing-l)}.mx-margin--xl{margin:var(--spacing-xl)}.mx-margin--top-xl{margin-block-start:var(--spacing-xl)}.mx-margin--bottom-xl{margin-block-end:var(--spacing-xl)}.mx-margin--left-xl{margin-inline-start:var(--spacing-xl)}.mx-margin--right-xl{margin-inline-end:var(--spacing-xl)}.mx-margin--xxl{margin:var(--spacing-xxl)}.mx-margin--top-xxl{margin-block-start:var(--spacing-xxl)}.mx-margin--bottom-xxl{margin-block-end:var(--spacing-xxl)}.mx-margin--left-xxl{margin-inline-start:var(--spacing-xxl)}.mx-margin--right-xxl{margin-inline-end:var(--spacing-xxl)}.mx-margin--xxxl{margin:var(--spacing-xxxl)}.mx-margin--top-xxxl{margin-block-start:var(--spacing-xxxl)}.mx-margin--bottom-xxxl{margin-block-end:var(--spacing-xxxl)}.mx-margin--left-xxxl{margin-inline-start:var(--spacing-xxxl)}.mx-margin--right-xxxl{margin-inline-end:var(--spacing-xxxl)}.mx-margin--xxxxl{margin:var(--spacing-xxxxl)}.mx-margin--top-xxxxl{margin-block-start:var(--spacing-xxxxl)}.mx-margin--bottom-xxxxl{margin-block-end:var(--spacing-xxxxl)}.mx-margin--left-xxxxl{margin-inline-start:var(--spacing-xxxxl)}.mx-margin--right-xxxxl{margin-inline-end:var(--spacing-xxxxl)}.mx-margin--ul{margin:var(--spacing-ul)}.mx-margin--top-ul{margin-block-start:var(--spacing-ul)}.mx-margin--bottom-ul{margin-block-end:var(--spacing-ul)}.mx-margin--left-ul{margin-inline-start:var(--spacing-ul)}.mx-margin--right-ul{margin-inline-end:var(--spacing-ul)}.mx-margin--uul{margin:var(--spacing-uul)}.mx-margin--top-uul{margin-block-start:var(--spacing-uul)}.mx-margin--bottom-uul{margin-block-end:var(--spacing-uul)}.mx-margin--left-uul{margin-inline-start:var(--spacing-uul)}.mx-margin--right-uul{margin-inline-end:var(--spacing-uul)}.mx-margin--uuul{margin:var(--spacing-uuul)}.mx-margin--top-uuul{margin-block-start:var(--spacing-uuul)}.mx-margin--bottom-uuul{margin-block-end:var(--spacing-uuul)}.mx-margin--left-uuul{margin-inline-start:var(--spacing-uuul)}.mx-margin--right-uuul{margin-inline-end:var(--spacing-uuul)}.mx-table--reset{& :is(td,th){border:unset;padding:unset;background-color:#0000}}}@layer design-system.components,design-system.layouts,design-system.print;@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@media (prefers-reduced-motion:reduce){*,:before,:after{background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important}}
|
|
1
|
+
@layer popover-polyfill;@layer design-system.defaults{:where([class*=mx-background--]){background-color:var(--background,var(--colour-background));color:var(--foreground,var(--colour-foreground));color-scheme:var(--scheme,var(--colour-scheme));& :where([class*=mx-background--]){--scheme:var(--colour-scheme);--background:var(--colour-background);--line-colour:var(--colour-border);--foreground-alt:var(--colour-foreground-alt);--embellished-colour:var(--colour-accent);--button-accent-scheme:dark}}.mx-background--alt{--scheme:var(--alt-scheme,var(--colour-scheme));--background:var(--colour-background-alt)}.mx-background--primary{--contrast-color:contrast-color(var(--colour-primary));--scheme:var(--primary-scheme,var(--colour-primary-scheme,var(--colour-scheme)));--background:var(--colour-primary);--line-colour:light-dark(var(--colour-primary-darker),var(--colour-primary-lighter));--foreground-alt:var(--colour-primary-light);--embellished-colour:var(--colour-primary-darker);--button-accent-scheme:var(--colour-accent-scheme,light)}.mx-background--accent{--contrast-color:contrast-color(var(--colour-accent));--scheme:var(--accent-scheme,var(--colour-accent-scheme,var(--colour-scheme)));--background:var(--colour-accent);--line-colour:light-dark(var(--colour-accent-darker),var(--colour-accent-lighter));--foreground-alt:var(--colour-accent-darkest);--embellished-colour:var(--colour-accent-darker);--button-accent-scheme:dark}.mx-background--reverse{--contrast-color:contrast-color(black);--scheme:var(--reverse-scheme,var(--colour-reverse-scheme,dark));--embellished-colour:var(--colour-border);--button-accent-scheme:var(--colour-accent-scheme,light);& .mx-background--image{--bg-img-brightness:.45;--bg-img-opacity:1}}.mx-background--box{border:var(--line-width,1px) solid var(--line-colour,var(--colour-border));border-radius:var(--border-radius);padding-inline:var(--gutter,1rem)}.mx-background--image{& img{object-fit:cover;min-block-size:100%;inline-size:100%;filter:brightness(var(--bg-img-brightness,1)) saturate(var(--bg-img-saturate,1.25)) opacity(var(--bg-img-opacity,.5));position:absolute}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}:is(*){box-sizing:border-box;background-repeat:no-repeat;margin:0}:focus{scroll-padding-block-end:4vh}:focus-visible{outline:var(--outline-size,2px) var(--outline-style,solid) var(--outline-color,currentcolor);outline-offset:var(--outline-offset,var(--outline-size,2px))}html{block-size:100%;font-size:100%;font-family:var(--font-family);line-height:var(--line-height);scroll-behavior:smooth}.translated-rtl{direction:rtl}body{font-size:var(--font-size);color:var(--colour-foreground);accent-color:var(--colour-primary);text-rendering:optimizespeed;block-size:100%;padding-inline:unset;padding-block:unset}:target,[id],.has-scroll-margin{scroll-margin-block-start:calc(var(--sticky-offset,0rem) + var(--scroll-margin,var(--spacing-m)))}:is(b,strong){font-weight:var(--font-weight-bold)}u{-webkit-text-decoration-color:var(--embellished-colour,var(--colour-accent));text-decoration-color:var(--embellished-colour,var(--colour-accent));text-decoration-thickness:var(--embellished-line-height,1ch);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:var(--embellished-offset,-.35ch)}:is(ol,ul){padding-inline-start:var(--spacing-m);&[role=list]{padding-inline-start:0;list-style:none}}dl{gap:var(--spacing-xs);grid-template-rows:1fr;inline-size:100%;display:grid;&:has(>div){container-type:inline-size}& div{gap:var(--spacing-xxxs);align-content:start;display:grid}& dt{font-weight:var(--font-weight-bold)}&:where(:not(.mx-list--columns)){grid-template-columns:min(100%, var(--grid-min,20ch)) 1fr;& div{grid-template-columns:subgrid;grid-column:span 2;@container (width<=60ch){&>:is(dt,dd){grid-column:span 2}}}}}p{text-wrap:pretty}.mx-vertical-flow{&>:where(:not(:first-child,.mx-vertical-flow__collapse)){margin-block-start:var(--flow-gap,var(--gap))}&.mx-rich-text>.mx-text--lede{--flow-gap:var(--gap-xl)}}.mx-vertical-flow-flex{align-items:start;gap:var(--flow-gap,var(--gap));flex-direction:column;display:flex;&>*{margin:0}&:is(ul,ol){padding-inline-start:unset;list-style:none}}.mx-vertical-flow-grid{align-items:start;gap:var(--flow-gap,var(--gap));display:grid;&>*{margin:0}&:is(ul,ol){padding-inline-start:unset;list-style:none}}.mx-horizontal-flow-flex{gap:var(--flow-gap,var(--gap));flex-wrap:wrap;display:flex;&>*{margin:0}&:is(ul,ol){padding-inline-start:unset;list-style:none}}:is(.mx-headline,h1,.mx-heading--xxl,h2,.mx-heading--xl,h3,.mx-heading--l,h4,.mx-heading--m,h5,.mx-heading--s,h6,.mx-heading--xs){font-family:var(--heading-font-family,var(--font-family-display,var(--font-family)));line-height:var(--line-height-h);font-size:var(--heading-font-size,var(--font-size));font-weight:var(--heading-font-weight,var(--font-weight-bold));letter-spacing:var(--heading-letter-spacing,0);text-wrap:balance;&[class*=mx-background--]{background-color:var(--colour-background);color:var(--colour-foreground);color-scheme:var(--colour-scheme);&>span{background-color:var(--background,var(--colour-background));color:var(--foreground,var(--colour-foreground));color-scheme:var(--scheme,var(--colour-scheme))}}}@supports (font-size:1cqi){:is(.mx-headline,h1,.mx-heading--xxl,h2,.mx-heading--xl,h3,.mx-heading--l,h4,.mx-heading--m,h5,.mx-heading--s){--font-min:calc(var(--heading-font-size) - var(--heading-font-size) * var(--font-size-diff,.3));font-size:clamp(max(var(--font-size-s), var(--font-min)), var(--font-min) + 1cqi, var(--heading-font-size))}}.mx-headline{--heading-font-size:var(--font-size-xxxl)}h1,.mx-heading--xxl{--heading-font-size:var(--font-size-xxl)}h2,.mx-heading--xl{--heading-font-size:var(--font-size-xl)}h3,.mx-heading--l{--heading-font-size:var(--font-size-l)}h4,.mx-heading--m{--heading-font-size:var(--font-size-ml)}h5,.mx-heading--s{--heading-font-size:var(--font-size-m)}h6,.mx-heading--xs{--heading-font-size:var(--font-size-s)}blockquote{border-inline-start:var(--line-width,6px) solid var(--line-colour,var(--blockquote-line-colour,var(--colour-accent)));font-size:var(--blockquote-font-size,var(--font-size-ml));padding-inline-start:var(--line-gap,var(--gap));& cite{font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h));font-family:var(--font-family-ui,var(--font-family));color:var(--colour-foreground-alt);margin-block-start:var(--spacing-xs);font-style:normal;display:block}}hr{border:0;border-block-start:var(--line-width,1px) solid var(--line-colour,var(--colour-border));block-size:0;margin-block:var(--line-gap,var(--spacing-m));display:block}a[href]{color:var(--link-colour,var(--colour-link));-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-decoration:underline;text-decoration-thickness:max(.08em,1px);&:hover,&:active{text-underline-offset:.2em;text-decoration-thickness:max(.09em,2px)}@media (forced-colors:active){--forced-colour:LinkText}}.mx-link--external{gap:var(--spacing-xxxs);align-items:center;margin-inline-end:var(--spacing-xxxs);display:inline-flex;&:after{content:"";block-size:var(--spacing-s);inline-size:var(--spacing-s);background-color:currentColor;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M15%200H8v2h4.6L6.3%208.3l1.4%201.4L14%203.4V8h2V1c0-.6-.4-1-1-1z'/%3e%3cpath%20d='M14%2016H1c-.6%200-1-.4-1-1V2c0-.6.4-1%201-1h4v2H2v11h11v-3h2v4c0%20.6-.4%201-1%201z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M15%200H8v2h4.6L6.3%208.3l1.4%201.4L14%203.4V8h2V1c0-.6-.4-1-1-1z'/%3e%3cpath%20d='M14%2016H1c-.6%200-1-.4-1-1V2c0-.6.4-1%201-1h4v2H2v11h11v-3h2v4c0%20.6-.4%201-1%201z'/%3e%3c/svg%3e");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;@media (forced-colors:active){forced-color-adjust:none;background-color:var(--forced-colour,CanvasText)}}}.mx-link--more{font-weight:var(--font-weight-bold);display:inline-flex;&:hover .mx-icon{transform:translate(3px)}}.mx-link--download{&:hover .mx-icon{transform:translateY(3px)}}a:where([href]):has(.mx-icon){align-items:center;gap:var(--spacing-xxs);display:inline-flex}figure{inline-size:var(--width,100%);margin:0;display:block;& :is(picture,img,iframe,video){inline-size:100%}}figcaption{padding:var(--spacing-xxs);font-family:var(--font-family-ui,var(--font-family));font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h));color:var(--colour-foreground-alt);margin-block-start:var(--spacing-xs);display:block}img{vertical-align:bottom;block-size:auto;max-inline-size:100%}svg:not([fill]){fill:currentColor}.mx-video{&,& :is(embed,object,iframe){aspect-ratio:16/9;border:0;block-size:100%;inline-size:100%}}.mx-media--video{inline-size:100%}table{font-size:var(--font-size-s);border-collapse:collapse;font-variant-numeric:tabular-nums lining-nums;inline-size:100%;margin:0;& th{font-weight:var(--font-weight-bold);text-align:start}& :is(td,th){padding:var(--spacing-xxs);border-block-end:var(--line-width,1px) solid var(--line-colour,var(--colour-border));font-family:var(--font-family-ui,var(--font-family));vertical-align:top}& thead :is(td,th){border-block-end:var(--line-width,1.5px) solid currentcolor}& caption{padding:var(--spacing-xxs);text-align:start;font-family:var(--font-family-ui,var(--font-family));font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h));color:var(--colour-foreground-alt);caption-side:bottom}& tfoot :is(td,th){border-block-start:var(--line-width,1.5px) solid currentcolor;font-family:var(--font-family-ui,var(--font-family));font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h))}}.mx-table--flush{& :is(td,th){&:first-child{padding-inline-start:0}&:last-child{padding-inline-end:0}}}.mx-table--small{& :is(td,th){font-size:var(--font-size-s);line-height:var(--line-height-h)}}.mx-table--striped{& tbody tr{&:nth-child(2n){& :is(td,th){background-color:var(--colour-background-alt)}}}}.mx-table--bordered{& :is(td,th){border-block-start:var(--line-width,1px) solid var(--line-colour,var(--colour-border));border-inline:var(--line-width,1px) solid var(--line-colour,var(--colour-border))}}.mx-table--responsive{max-inline-size:100%;@media (width<720px){-webkit-overflow-scrolling:touch;box-shadow:var(--box-shadow) inset;overflow-y:scroll;& table{inline-size:100%;margin-block:0;margin-inline:var(--spacing-s);& td{min-inline-size:20ch}}}}}@layer design-system.atoms{:is(.mx-text--eyebrow,.mx-text--section-headline,.mx-text--embellished-headline,.mx-text--lede,.mx-text--meta,.mx-text--xs,.mx-text--s,.mx-text--m,.mx-text--l,.mx-text--xl,.mx-text--xxl,.mx-text--xxxl,.mx-text--fluid){font-size:var(--font-size)}@supports (font-size:1cqi){:is(.mx-text--eyebrow,.mx-text--section-headline,.mx-text--embellished-headline,.mx-text--meta,.mx-text--xs,.mx-text--s,.mx-text--lede,.mx-text--m,.mx-text--l,.mx-text--xl,.mx-text--xxl,.mx-text--xxxl,.mx-text--fluid){--font-min:calc(var(--font-size) - var(--font-size) * var(--font-size-diff,.3));font-size:clamp(max(var(--font-size-xs), var(--font-min)), var(--font-min) + 1cqi, var(--font-size))}}:is(.mx-text--eyebrow,.mx-text--section-headline,.mx-text--embellished-headline){--heading-font-size:var(--font-size-xs);--font-size:var(--font-size-xs);text-transform:var(--heading-transform,uppercase);font-weight:var(--heading-font-weight,var(--font-weight-bold));font-family:var(--font-family-ui,var(--font-family));letter-spacing:var(--heading-letter-spacing,0);line-height:var(--line-height-h);text-wrap:balance}:is(.mx-text--eyebrow,.mx-text--section-headline){margin-block:0;&+:is(h2,h3,p){--flow-gap:var(--spacing-xxxxs)}}:is(.mx-text--embellished,.mx-text--embellished-headline){--contrast-color:contrast-color(var(--embellished-colour,var(--colour-accent)));text-wrap:balance;z-index:1;display:inline-block;position:relative;&:after{content:"";inline-size:min(var(--embellished-line-width,6ch), 100%);block-size:var(--embellished-line-height,1ch);background-color:var(--embellished-colour,var(--colour-accent));z-index:-1;display:block;position:absolute;inset-block-end:var(--embellished-offset,-.25ch);@container style((--contrast-color:white) and (--scheme:light)){background-color:var(--embellished-colour-rev,var(--colour-accent-light))}}&+:is(h2,h3,p){--flow-gap:var(--spacing-l)}}.mx-text--lede{--font-size:var(--font-size-ml)}.mx-text--xxxl{--font-size:var(--font-size-xxxl);line-height:var(--line-height-h);text-wrap:balance}.mx-text--xxl{--font-size:var(--font-size-xxl);line-height:var(--line-height-h);text-wrap:balance}.mx-text--xl{--font-size:var(--font-size-xl);line-height:var(--line-height-h)}.mx-text--l{--font-size:var(--font-size-l);line-height:var(--line-height-h)}.mx-text--m{--font-size:var(--font-size-m)}.mx-text--s{--font-size:var(--font-size-s)}.mx-text--xs{--font-size:var(--font-size-xs)}.mx-text--meta{--font-size:var(--font-size-xs);--foreground:var(--foreground-alt,var(--colour-foreground-alt));color:var(--foreground);gap:.2rem;display:grid}.mx-text--alt{--foreground:var(--foreground-alt,var(--colour-foreground-alt));color:var(--foreground)}.mx-text--primary{--foreground:var(--foreground-primary,light-dark(var(--colour-primary),var(--colour-primary-light)));color:var(--foreground)}.mx-text--accent{--foreground:var(--foreground-accent,var(--colour-accent));color:var(--foreground)}:where([class*=mx-text--][class*=mx-background--]){background-color:var(--colour-background);color:var(--colour-foreground);color-scheme:var(--colour-scheme);&>span{background-color:var(--background,var(--colour-background));color:var(--foreground,var(--colour-foreground));color-scheme:var(--scheme,var(--colour-scheme))}}.mx-rich-text{font-family:var(--font-family-prose,var(--font-family));& :is(p,li){max-inline-size:var(--prose-measure,var(--container-max-width))}}:is(.mx-media--left,.mx-media--right,.mx-media--center){@media (width>=540px){max-inline-size:50%;margin-block-end:var(--spacing-s);&:first-child{margin-block-start:0;&+*{margin-block-start:0!important}}}}.mx-media--center{margin-inline:auto}:is(.mx-media--left,[dir=rtl] .mx-media--right,.translated-rtl .mx-media--right){@media (width>=540px){float:left;margin-inline:0 var(--spacing-m)}}:is(.mx-media--right,[dir=rtl] .mx-media--left,.translated-rtl .mx-media--left){@media (width>=540px){float:right;margin-inline:var(--spacing-m) 0}}.mx-list{gap:var(--spacing-xxxs);counter-reset:fn;margin-block:0;padding-inline-start:0;list-style:none;display:grid;& li{counter-increment:fn;max-inline-size:var(--prose-measure,70ch)}}.mx-list--notes li{font-size:var(--list-font-size,var(--font-size-s));padding-inline-start:var(--gap-l);position:relative;&:before{content:counter(fn) ".";font-family:var(--font-family-ui,var(--font-family));font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h));color:var(--colour-foreground-alt);font-variant-numeric:tabular-nums lining-nums;position:absolute;inset-block-start:2px;inset-inline-start:0}}.mx-list--refs li{text-indent:calc(var(--gap-l) * -1);font-size:var(--list-font-size,var(--font-size-s));padding-inline-start:var(--gap-l)}.mx-list--stats{--font-size:var(--stat-font-size,var(--font-size-xxl));grid-template-columns:repeat(var(--grid-repeat,auto-fit), minmax(min(100%, var(--grid-min,20ch)), 1fr));gap:var(--grid-gap,var(--gap));font-size:var(--list-font-size,var(--font-size-s));text-wrap:balance;grid-template-rows:1fr;@media (width>=946px){--grid-gap:var(--large-grid-gap,var(--gap-l))}& :is(b,strong){font-family:var(--font-family-display,var(--font-family));font-size:var(--font-size);font-weight:var(--stat-font-weight,var(--font-weight-bold));font-variant-numeric:tabular-nums lining-nums;line-height:1;display:block;@supports (font-size:1cqi){--font-min:calc(var(--font-size) - var(--font-size) * var(--font-size-diff,.3));font-size:clamp(max(var(--font-size-xs), var(--font-min)), var(--font-min) + 1cqi, var(--font-size))}}}.mx-list--columns{grid-template-columns:repeat(var(--grid-repeat,auto-fit), minmax(min(100%, var(--grid-min,20ch)), 1fr));gap:var(--grid-gap,var(--gap));@media (width>=946px){--grid-gap:var(--large-grid-gap,var(--gap-l))}}.mx-list--summary{grid-template-columns:min(100%, var(--grid-min,20ch)) 1fr auto;&>div{grid-template-columns:subgrid;padding-block:var(--spacing-xs);border-block-end:1px solid var(--colour-border);grid-column:span 3;&:first-child{border-block-start:2px solid var(--colour-foreground)}@container (width<=60ch){grid-column:1/-1;grid-template-columns:1fr auto;&>dt{grid-column:1/-1}}}& .mx-list__action{text-align:end;font-weight:var(--font-weight-bold)}}}@layer design-system.layout;@layer design-system.utilities{.mx-animated--fade-in{animation:fade-in .5s var(--ease)}.mx-animated--fade-out{animation:fade-out .5s var(--ease)}.mx-animated--spin:before{animation:2s linear infinite spin}.mx-animated--scale-up{animation:scale-up .5s var(--ease)}.mx-animated--scale-down{animation:scale-down .5s var(--ease)}.mx-text--left{text-align:start}.mx-text--right{text-align:end}.mx-text--center{text-align:center}.mx-spacing--reset{padding:0!important}.mx-spacing--top-reset{padding-block-start:0!important}.mx-spacing--bottom-reset{padding-block-end:0!important}.mx-spacing--left-reset{padding-inline-start:0!important}.mx-spacing--right-reset{padding-inline-end:0!important}.mx-spacing--xxs{padding:var(--spacing-xxs)}.mx-spacing--top-xxs{padding-block-start:var(--spacing-xxs)}.mx-spacing--bottom-xxs{padding-block-end:var(--spacing-xxs)}.mx-spacing--left-xxs{padding-inline-start:var(--spacing-xxs)}.mx-spacing--right-xxs{padding-inline-end:var(--spacing-xxs)}.mx-spacing--xs{padding:var(--spacing-xs)}.mx-spacing--top-xs{padding-block-start:var(--spacing-xs)}.mx-spacing--bottom-xs{padding-block-end:var(--spacing-xs)}.mx-spacing--left-xs{padding-inline-start:var(--spacing-xs)}.mx-spacing--right-xs{padding-inline-end:var(--spacing-xs)}.mx-spacing--s{padding:var(--spacing-s)}.mx-spacing--top-s{padding-block-start:var(--spacing-s)}.mx-spacing--bottom-s{padding-block-end:var(--spacing-s)}.mx-spacing--left-s{padding-inline-start:var(--spacing-s)}.mx-spacing--right-s{padding-inline-end:var(--spacing-s)}.mx-spacing--m{padding:var(--spacing-m)}.mx-spacing--top-m{padding-block-start:var(--spacing-m)}.mx-spacing--bottom-m{padding-block-end:var(--spacing-m)}.mx-spacing--left-m{padding-inline-start:var(--spacing-m)}.mx-spacing--right-m{padding-inline-end:var(--spacing-m)}.mx-spacing--l{padding:var(--spacing-l)}.mx-spacing--top-l{padding-block-start:var(--spacing-l)}.mx-spacing--bottom-l{padding-block-end:var(--spacing-l)}.mx-spacing--left-l{padding-inline-start:var(--spacing-l)}.mx-spacing--right-l{padding-inline-end:var(--spacing-l)}.mx-spacing--xl{padding:var(--spacing-xl)}.mx-spacing--top-xl{padding-block-start:var(--spacing-xl)}.mx-spacing--bottom-xl{padding-block-end:var(--spacing-xl)}.mx-spacing--left-xl{padding-inline-start:var(--spacing-xl)}.mx-spacing--right-xl{padding-inline-end:var(--spacing-xl)}.mx-spacing--xxl{padding:var(--spacing-xxl)}.mx-spacing--top-xxl{padding-block-start:var(--spacing-xxl)}.mx-spacing--bottom-xxl{padding-block-end:var(--spacing-xxl)}.mx-spacing--left-xxl{padding-inline-start:var(--spacing-xxl)}.mx-spacing--right-xxl{padding-inline-end:var(--spacing-xxl)}.mx-spacing--xxxl{padding:var(--spacing-xxxl)}.mx-spacing--top-xxxl{padding-block-start:var(--spacing-xxxl)}.mx-spacing--bottom-xxxl{padding-block-end:var(--spacing-xxxl)}.mx-spacing--left-xxxl{padding-inline-start:var(--spacing-xxxl)}.mx-spacing--right-xxxl{padding-inline-end:var(--spacing-xxxl)}.mx-spacing--xxxxl{padding:var(--spacing-xxxxl)}.mx-spacing--top-xxxxl{padding-block-start:var(--spacing-xxxxl)}.mx-spacing--bottom-xxxxl{padding-block-end:var(--spacing-xxxxl)}.mx-spacing--left-xxxxl{padding-inline-start:var(--spacing-xxxxl)}.mx-spacing--right-xxxxl{padding-inline-end:var(--spacing-xxxxl)}.mx-spacing--ul{padding:var(--spacing-ul)}.mx-spacing--top-ul{padding-block-start:var(--spacing-ul)}.mx-spacing--bottom-ul{padding-block-end:var(--spacing-ul)}.mx-spacing--left-ul{padding-inline-start:var(--spacing-ul)}.mx-spacing--right-ul{padding-inline-end:var(--spacing-ul)}.mx-spacing--uul{padding:var(--spacing-uul)}.mx-spacing--top-uul{padding-block-start:var(--spacing-uul)}.mx-spacing--bottom-uul{padding-block-end:var(--spacing-uul)}.mx-spacing--left-uul{padding-inline-start:var(--spacing-uul)}.mx-spacing--right-uul{padding-inline-end:var(--spacing-uul)}.mx-spacing--uuul{padding:var(--spacing-uuul)}.mx-spacing--top-uuul{padding-block-start:var(--spacing-uuul)}.mx-spacing--bottom-uuul{padding-block-end:var(--spacing-uuul)}.mx-spacing--left-uuul{padding-inline-start:var(--spacing-uuul)}.mx-spacing--right-uuul{padding-inline-end:var(--spacing-uuul)}.mx-margin--reset{margin:0!important}.mx-margin--top-reset{margin-block-start:0!important}.mx-margin--bottom-reset{margin-block-end:0!important}.mx-margin--left-reset{margin-inline-start:0!important}.mx-margin--right-reset{margin-inline-end:0!important}.mx-margin--xxs{margin:var(--spacing-xxs)}.mx-margin--top-xxs{margin-block-start:var(--spacing-xxs)}.mx-margin--bottom-xxs{margin-block-end:var(--spacing-xxs)}.mx-margin--left-xxs{margin-inline-start:var(--spacing-xxs)}.mx-margin--right-xxs{margin-inline-end:var(--spacing-xxs)}.mx-margin--xs{margin:var(--spacing-xs)}.mx-margin--top-xs{margin-block-start:var(--spacing-xs)}.mx-margin--bottom-xs{margin-block-end:var(--spacing-xs)}.mx-margin--left-xs{margin-inline-start:var(--spacing-xs)}.mx-margin--right-xs{margin-inline-end:var(--spacing-xs)}.mx-margin--s{margin:var(--spacing-s)}.mx-margin--top-s{margin-block-start:var(--spacing-s)}.mx-margin--bottom-s{margin-block-end:var(--spacing-s)}.mx-margin--left-s{margin-inline-start:var(--spacing-s)}.mx-margin--right-s{margin-inline-end:var(--spacing-s)}.mx-margin--m{margin:var(--spacing-m)}.mx-margin--top-m{margin-block-start:var(--spacing-m)}.mx-margin--bottom-m{margin-block-end:var(--spacing-m)}.mx-margin--left-m{margin-inline-start:var(--spacing-m)}.mx-margin--right-m{margin-inline-end:var(--spacing-m)}.mx-margin--l{margin:var(--spacing-l)}.mx-margin--top-l{margin-block-start:var(--spacing-l)}.mx-margin--bottom-l{margin-block-end:var(--spacing-l)}.mx-margin--left-l{margin-inline-start:var(--spacing-l)}.mx-margin--right-l{margin-inline-end:var(--spacing-l)}.mx-margin--xl{margin:var(--spacing-xl)}.mx-margin--top-xl{margin-block-start:var(--spacing-xl)}.mx-margin--bottom-xl{margin-block-end:var(--spacing-xl)}.mx-margin--left-xl{margin-inline-start:var(--spacing-xl)}.mx-margin--right-xl{margin-inline-end:var(--spacing-xl)}.mx-margin--xxl{margin:var(--spacing-xxl)}.mx-margin--top-xxl{margin-block-start:var(--spacing-xxl)}.mx-margin--bottom-xxl{margin-block-end:var(--spacing-xxl)}.mx-margin--left-xxl{margin-inline-start:var(--spacing-xxl)}.mx-margin--right-xxl{margin-inline-end:var(--spacing-xxl)}.mx-margin--xxxl{margin:var(--spacing-xxxl)}.mx-margin--top-xxxl{margin-block-start:var(--spacing-xxxl)}.mx-margin--bottom-xxxl{margin-block-end:var(--spacing-xxxl)}.mx-margin--left-xxxl{margin-inline-start:var(--spacing-xxxl)}.mx-margin--right-xxxl{margin-inline-end:var(--spacing-xxxl)}.mx-margin--xxxxl{margin:var(--spacing-xxxxl)}.mx-margin--top-xxxxl{margin-block-start:var(--spacing-xxxxl)}.mx-margin--bottom-xxxxl{margin-block-end:var(--spacing-xxxxl)}.mx-margin--left-xxxxl{margin-inline-start:var(--spacing-xxxxl)}.mx-margin--right-xxxxl{margin-inline-end:var(--spacing-xxxxl)}.mx-margin--ul{margin:var(--spacing-ul)}.mx-margin--top-ul{margin-block-start:var(--spacing-ul)}.mx-margin--bottom-ul{margin-block-end:var(--spacing-ul)}.mx-margin--left-ul{margin-inline-start:var(--spacing-ul)}.mx-margin--right-ul{margin-inline-end:var(--spacing-ul)}.mx-margin--uul{margin:var(--spacing-uul)}.mx-margin--top-uul{margin-block-start:var(--spacing-uul)}.mx-margin--bottom-uul{margin-block-end:var(--spacing-uul)}.mx-margin--left-uul{margin-inline-start:var(--spacing-uul)}.mx-margin--right-uul{margin-inline-end:var(--spacing-uul)}.mx-margin--uuul{margin:var(--spacing-uuul)}.mx-margin--top-uuul{margin-block-start:var(--spacing-uuul)}.mx-margin--bottom-uuul{margin-block-end:var(--spacing-uuul)}.mx-margin--left-uuul{margin-inline-start:var(--spacing-uuul)}.mx-margin--right-uuul{margin-inline-end:var(--spacing-uuul)}.mx-table--reset{& :is(td,th){border:unset;padding:unset;background-color:#0000}}}@layer design-system.components,design-system.layouts,design-system.print;@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@media (prefers-reduced-motion:reduce){*,:before,:after{background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-nav--breadcrumbs{--nav-font-size:var(--font-size-s);z-index:1;white-space:nowrap;scroll-padding-inline:calc(var(--outline-size) * 2);padding-inline:calc(var(--outline-size) * 2);padding-block:calc(var(--outline-size) * 2);margin-inline:calc(var(--outline-size) * -2);margin-block:calc(var(--outline-size) * -2);position:relative;overflow:auto;&>ul{gap:var(--breadcrumb-gap,var(--spacing-xxxxs))}&>ul>li{color:var(--breadcrumb-foreground,var(--foreground-alt,var(--colour-foreground-alt)));align-items:center;display:flex;&:where(:not(:last-child)):after{content:"";vertical-align:middle;block-size:var(--spacing-m);inline-size:var(--spacing-m);background-color:currentColor;display:block;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M6%2013.4L4.6%2012l4-4-4-4L6%202.6%2011.4%208z'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M6%2013.4L4.6%2012l4-4-4-4L6%202.6%2011.4%208z'%20/%3e%3c/svg%3e");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}& [aria-current=page]{pointer-events:none}}[dir=rtl] .mx-nav--breadcrumbs,.translated-rtl .mx-nav--breadcrumbs{&>ul>li:after{transform:rotate(180deg)}}}
|
|
1
|
+
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-nav--breadcrumbs{--nav-font-size:var(--font-size-s);z-index:1;white-space:nowrap;scroll-padding-inline:calc(var(--outline-size) * 2);padding-inline:calc(var(--outline-size) * 2);padding-block:calc(var(--outline-size) * 2);margin-inline:calc(var(--outline-size) * -2);margin-block:calc(var(--outline-size) * -2);position:relative;overflow:auto;&>ul{gap:var(--breadcrumb-gap,var(--spacing-xxxxs))}&>ul>li{color:var(--breadcrumb-foreground,var(--foreground-alt,var(--colour-foreground-alt)));align-items:center;display:flex;&:where(:not(:last-child)):after{content:"";vertical-align:middle;block-size:var(--spacing-m);inline-size:var(--spacing-m);background-color:currentColor;display:block;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M6%2013.4L4.6%2012l4-4-4-4L6%202.6%2011.4%208z'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M6%2013.4L4.6%2012l4-4-4-4L6%202.6%2011.4%208z'%20/%3e%3c/svg%3e");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;@media (forced-colors:active){forced-color-adjust:none;background-color:var(--forced-colour,CanvasText)}}}& [aria-current=page]{pointer-events:none}}[dir=rtl] .mx-nav--breadcrumbs,.translated-rtl .mx-nav--breadcrumbs{&>ul>li:after{transform:rotate(180deg)}}}
|
package/dist/build/button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer popover-polyfill,design-system.defaults;@layer design-system.atoms{.mx-button{--outline-offset:1px;gap:var(--button-gap,var(--spacing-s));inline-size:fit-content;font-size:var(--button-font-size,var(--font-size));font-weight:var(--font-weight-bold);font-family:var(--font-family), sans-serif;line-height:var(--line-height-ui);border:var(--line-width,2px) solid var(--line-colour,currentcolor);border-radius:var(--radius,var(--border-radius-l));padding-block:var(--vertical-padding,var(--spacing-xxs));padding-inline:var(--horizontal-padding,var(--spacing-m));background-color:var(--button-bg,var(--background,var(--colour-background)));color:var(--button-fg,var(--foreground,var(--colour-foreground)));letter-spacing:var(--button-letter-spacing,0);min-block-size:var(--button-min-height,unset);text-decoration-line:none;display:inline-flex;&:hover{cursor:pointer;text-decoration-line:none}&:disabled{cursor:not-allowed;opacity:.3}}.mx-button--full-width{justify-content:center;inline-size:100%}.mx-button--large{--vertical-padding:var(--spacing-s);--horizontal-padding:var(--spacing-l)}.mx-button--small{--button-font-size:var(--font-size-s);--vertical-padding:var(--spacing-xxxs);--horizontal-padding:var(--spacing-s)}.mx-button--icon-only{inline-size:var(--button-min-height,var(--spacing-xl));block-size:var(--button-min-height,var(--spacing-xl));border-radius:var(--border-radius-round);flex-wrap:wrap;align-content:start;padding:0;overflow:hidden;&:before,&:after{--icon-size:100%;-webkit-mask-size:var(--spacing-s);mask-size:var(--spacing-s)}&:has(.mx-icon){place-content:center}}.mx-button--dark{--line-colour:var(--button-dark-line,var(--link-colour,var(--colour-link)));--button-bg:var(--button-dark-bg,var(--link-colour,var(--colour-link)));--button-fg:var(--button-dark-fg,var(--colour-foreground-reverse));&.mx-button--outline{--button-bg:transparent;--button-fg:var(--button-dark-bg,var(--link-colour,var(--colour-link)))}}.mx-button--light{--line-colour:var(--button-light-line,transparent);--button-bg:var(--button-light-bg,transparent);--button-fg:var(--button-light-fg,var(--link-colour,var(--colour-link)));text-decoration-line:underline;&:hover{text-decoration-line:underline}}.mx-button--accent{--line-colour:var(--button-accent-line,light-dark(var(--colour-accent),var(--colour-accent-darkest)));--button-bg:var(--button-accent-bg,light-dark(var(--colour-accent),var(--colour-accent-darkest)));--button-fg:var(--button-accent-fg,var(--colour-foreground));color-scheme:var(--button-accent-scheme,var(--colour-accent-scheme,light));&.mx-button--outline{--button-bg:transparent;--button-fg:var(--button-accent-bg,light-dark(var(--colour-accent),var(--colour-accent-darkest)));--line-colour:var(--button-fg);color-scheme:var(--button-accent-scheme-rev,var(--button-accent-scheme,dark))}}.mx-button--destructive{--line-colour:var(--colour-error);--button-bg:var(--colour-error);--button-fg:var(--colour-foreground-reverse);&.mx-button--outline{--button-bg:transparent;--button-fg:var(--colour-error)}}.mx-button--white{--button-bg:var(--colour-background);--button-fg:var(--colour-foreground);--line-colour:var(--colour-background);color-scheme:light;&.mx-button--outline{--button-bg:transparent;--button-fg:var(--colour-foreground-reverse)}}}@layer design-system.layout,design-system.utilities,design-system.components;
|
|
1
|
+
@layer popover-polyfill,design-system.defaults;@layer design-system.atoms{.mx-button{--outline-offset:1px;gap:var(--button-gap,var(--spacing-s));inline-size:fit-content;font-size:var(--button-font-size,var(--font-size));font-weight:var(--font-weight-bold);font-family:var(--font-family), sans-serif;line-height:var(--line-height-ui);border:var(--line-width,2px) solid var(--line-colour,currentcolor);border-radius:var(--radius,var(--border-radius-l));padding-block:var(--vertical-padding,var(--spacing-xxs));padding-inline:var(--horizontal-padding,var(--spacing-m));background-color:var(--button-bg,var(--background,var(--colour-background)));color:var(--button-fg,var(--foreground,var(--colour-foreground)));letter-spacing:var(--button-letter-spacing,0);min-block-size:var(--button-min-height,unset);text-decoration-line:none;display:inline-flex;&:hover{cursor:pointer;text-decoration-line:none}&:disabled{cursor:not-allowed;opacity:.3;@media (forced-colors:active){--forced-colour:GrayText;forced-color-adjust:none;opacity:1;color:graytext;background-color:buttonface;border-color:graytext}}@media (forced-colors:active){--forced-colour:ButtonText}}.mx-button--full-width{justify-content:center;inline-size:100%}.mx-button--large{--vertical-padding:var(--spacing-s);--horizontal-padding:var(--spacing-l)}.mx-button--small{--button-font-size:var(--font-size-s);--vertical-padding:var(--spacing-xxxs);--horizontal-padding:var(--spacing-s)}.mx-button--icon-only{inline-size:var(--button-min-height,var(--spacing-xl));block-size:var(--button-min-height,var(--spacing-xl));border-radius:var(--border-radius-round);flex-wrap:wrap;align-content:start;padding:0;overflow:hidden;&:before,&:after{--icon-size:100%;-webkit-mask-size:var(--spacing-s);mask-size:var(--spacing-s)}&:has(.mx-icon){place-content:center}}.mx-button--dark{--line-colour:var(--button-dark-line,var(--link-colour,var(--colour-link)));--button-bg:var(--button-dark-bg,var(--link-colour,var(--colour-link)));--button-fg:var(--button-dark-fg,var(--colour-foreground-reverse));&.mx-button--outline{--button-bg:transparent;--button-fg:var(--button-dark-bg,var(--link-colour,var(--colour-link)))}}.mx-button--light{--line-colour:var(--button-light-line,transparent);--button-bg:var(--button-light-bg,transparent);--button-fg:var(--button-light-fg,var(--link-colour,var(--colour-link)));text-decoration-line:underline;&:hover{text-decoration-line:underline}}.mx-button--accent{--line-colour:var(--button-accent-line,light-dark(var(--colour-accent),var(--colour-accent-darkest)));--button-bg:var(--button-accent-bg,light-dark(var(--colour-accent),var(--colour-accent-darkest)));--button-fg:var(--button-accent-fg,var(--colour-foreground));color-scheme:var(--button-accent-scheme,var(--colour-accent-scheme,light));&.mx-button--outline{--button-bg:transparent;--button-fg:var(--button-accent-bg,light-dark(var(--colour-accent),var(--colour-accent-darkest)));--line-colour:var(--button-fg);color-scheme:var(--button-accent-scheme-rev,var(--button-accent-scheme,dark))}}.mx-button--destructive{--line-colour:var(--colour-error);--button-bg:var(--colour-error);--button-fg:var(--colour-foreground-reverse);&.mx-button--outline{--button-bg:transparent;--button-fg:var(--colour-error)}}.mx-button--white{--button-bg:var(--colour-background);--button-fg:var(--colour-foreground);--line-colour:var(--colour-background);color-scheme:light;&.mx-button--outline{--button-bg:transparent;--button-fg:var(--colour-foreground-reverse)}}}@layer design-system.layout,design-system.utilities,design-system.components;
|
package/dist/build/card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-card{gap:var(--card-gap,var(--gap));block-size:100%;display:grid;&[class*=mx-background--]{border-radius:var(--border-radius);@container card (width>=720px){--content-min-spacing:var(--content-max-spacing,var(--spacing-m))}& .mx-card__content{padding-inline:var(--content-min-spacing,var(--spacing-s));padding-block-end:var(--content-min-spacing,var(--spacing-s))}&:not(:has(.mx-card__media,.mx-card__icon)) .mx-card__content{padding-block-start:var(--content-min-spacing,var(--spacing-s))}& .mx-card__icon{padding-inline:var(--content-min-spacing,var(--spacing-s));padding-block-start:var(--content-min-spacing,var(--spacing-s))}&.mx-background--box{padding-inline:unset}}&:has(.mx-card__media){grid-template:"media""content"1fr/1fr;@container card (width>=720px){--card-gap:var(--gap-l);--card-alignment:center;grid-template:"media content" 1fr / var(--media-col,1fr) var(--content-col,1fr);&.mx-card--reversed{grid-template-areas:"content media";grid-template-columns:var(--content-col,1fr) var(--media-col,1fr)}}@container card (width>=946px){--card-gap:var(--large-card-gap,6rem)}&[class*=mx-background--]{@container card (width>=720px){& .mx-card__content{padding-block-start:var(--content-min-spacing,var(--spacing-s))}&:where(:not(.mx-card--reversed)) .mx-card__content{padding-inline-start:0}&.mx-card--reversed .mx-card__content{padding-inline-end:0}}}& .mx-card__content{align-self:var(--align-content,var(--card-alignment,stretch));grid-area:content}& .mx-card__media{align-self:var(--align-media,var(--card-alignment,stretch));grid-area:media;inline-size:100%;& img{aspect-ratio:var(--ratio);border-radius:var(--border-radius);object-fit:cover;inline-size:100%}}& .mx-skeleton--bg,& .mx-card__icon{grid-area:media}}& .mx-link-list{inline-size:100%}}.mx-card__content>a:last-child{margin-block-start:auto}.mx-grid:has(>:nth-child(2):last-child)>:is(.mx-card,.mx-container:has(.mx-card)){inline-size:min(100%, var(--max-card-width,37ch));margin-inline:auto}.mx-container:has(>.mx-card){--container-name:card}.mx-card--block{position:relative;& a{&:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}&:is(:focus,:focus-visible){outline:unset}}&:has(a
|
|
1
|
+
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-card{gap:var(--card-gap,var(--gap));block-size:100%;display:grid;&[class*=mx-background--]{border-radius:var(--border-radius);@container card (width>=720px){--content-min-spacing:var(--content-max-spacing,var(--spacing-m))}& .mx-card__content{padding-inline:var(--content-min-spacing,var(--spacing-s));padding-block-end:var(--content-min-spacing,var(--spacing-s))}&:not(:has(.mx-card__media,.mx-card__icon)) .mx-card__content{padding-block-start:var(--content-min-spacing,var(--spacing-s))}& .mx-card__icon{padding-inline:var(--content-min-spacing,var(--spacing-s));padding-block-start:var(--content-min-spacing,var(--spacing-s))}&.mx-background--box{padding-inline:unset}}&:has(.mx-card__media){grid-template:"media""content"1fr/1fr;@container card (width>=720px){--card-gap:var(--gap-l);--card-alignment:center;grid-template:"media content" 1fr / var(--media-col,1fr) var(--content-col,1fr);&.mx-card--reversed{grid-template-areas:"content media";grid-template-columns:var(--content-col,1fr) var(--media-col,1fr)}}@container card (width>=946px){--card-gap:var(--large-card-gap,6rem)}&[class*=mx-background--]{@container card (width>=720px){& .mx-card__content{padding-block-start:var(--content-min-spacing,var(--spacing-s))}&:where(:not(.mx-card--reversed)) .mx-card__content{padding-inline-start:0}&.mx-card--reversed .mx-card__content{padding-inline-end:0}}}& .mx-card__content{align-self:var(--align-content,var(--card-alignment,stretch));grid-area:content}& .mx-card__media{align-self:var(--align-media,var(--card-alignment,stretch));grid-area:media;inline-size:100%;& img{aspect-ratio:var(--ratio);border-radius:var(--border-radius);object-fit:cover;inline-size:100%}}& .mx-skeleton--bg,& .mx-card__icon{grid-area:media}}& .mx-link-list{inline-size:100%}}.mx-card__content>a:last-child{margin-block-start:auto}.mx-grid:has(>:nth-child(2):last-child)>:is(.mx-card,.mx-container:has(.mx-card)){inline-size:min(100%, var(--max-card-width,37ch));margin-inline:auto}.mx-container:has(>.mx-card){--container-name:card}.mx-card--block{position:relative;& a{&:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}&:is(:focus,:focus-visible){outline:unset}}&:has(a[aria-label]){& a:not(:has(.mx-icon)){margin-block-start:calc(var(--flow-gap,var(--gap)) * -1)}&:hover :is(h2,h3,h4){color:var(--link-colour,var(--colour-link))}}&:focus-within{outline:var(--outline-size,2px) var(--outline-style,solid) var(--outline-color,currentcolor);outline-offset:var(--outline-offset,2px);&.mx-background--box{outline-offset:var(--outline-offset,-2px)}}}}.mx-card--collapse{@media (width<540px){& :is(p,.mx-text--lede){display:none}}@media (320px<width<720px){--flow-gap:var(--spacing-xxxs);&:has(.mx-card__media){--collapsed-media-col:var(--collapsed-image-width,100px);--ratio:1;grid-template:"content media" / var(--collapsed-content-col,1fr) var(--collapsed-media-col,1fr)}}}:is(.mx-card--collapse:where(:not(.mx-list-item)),.mx-container:has(>.mx-card--collapse)){&:where(:not(:first-child)){@media (width<720px){border-block-start:var(--line-width,1px) solid var(--line-colour,var(--colour-border));padding-block-start:var(--gap)}}}
|
package/dist/build/carousel.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.components.carousel{.mx-carousel{gap:var(--vertical-gap,var(--gap));display:grid}.mx-carousel__scrollable{padding-inline:calc(var(--outline-size,2px) * 2);padding-block:calc(var(--outline-size,2px) * 2);margin-inline:calc(var(--outline-size,2px) * -2);margin-block:calc(var(--outline-size,2px) * -2);scroll-padding-inline:calc(var(--outline-size,2px) * 2);gap:var(--horizontal-gap,var(--gap));grid-auto-flow:column;grid-auto-columns:minmax(var(--inline-size,25ch), 1fr);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-color:var(--scrollbar-color,var(--line-colour,var(--colour-border)) transparent);scrollbar-width:thin;list-style:none;display:grid;overflow:auto hidden;&>[data-index]{scroll-snap-align:start;scroll-snap-stop:always;display:grid;&[inert]{opacity:.3}&.mx-container,& .mx-container{inline-size:100%;display:grid}}&.overflowing:not(.no-bar){padding-block-end:var(--scrollbar-gap,var(--gap))}&.no-bar{scrollbar-width:none;&::-webkit-scrollbar{display:none}}}.mx-carousel__buttons{&:not([hidden]){gap:var(--gap-s);display:flex}& button[disabled]{opacity:.5}}.mx-carousel__pagination{align-items:center;gap:var(--spacing-xxxs);padding-inline:0;list-style:none;display:flex;&[data-pagination=counter]{--border-radius:var(--border-radius-round);--indent:200%}& button{border-radius:var(--border-radius);border:var(--line-width,2px) solid var(--line-colour,var(--colour-border));background-color:var(--background,var(--colour-background));color:var(--foreground,var(--colour-foreground));text-align:center;cursor:pointer;min-block-size:2em;min-inline-size:2em;text-indent:var(--indent,unset);font-family:inherit;overflow:hidden;&[disabled]{--background:var(--active-background,var(--colour-border));cursor:not-allowed}@media (pointer:
|
|
1
|
+
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.components.carousel{.mx-carousel{gap:var(--vertical-gap,var(--gap));display:grid}.mx-carousel__scrollable{padding-inline:calc(var(--outline-size,2px) * 2);padding-block:calc(var(--outline-size,2px) * 2);margin-inline:calc(var(--outline-size,2px) * -2);margin-block:calc(var(--outline-size,2px) * -2);scroll-padding-inline:calc(var(--outline-size,2px) * 2);gap:var(--horizontal-gap,var(--gap));grid-auto-flow:column;grid-auto-columns:minmax(var(--inline-size,25ch), 1fr);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-color:var(--scrollbar-color,var(--line-colour,var(--colour-border)) transparent);scrollbar-width:thin;list-style:none;display:grid;overflow:auto hidden;&>[data-index]{scroll-snap-align:start;scroll-snap-stop:always;display:grid;&[inert]{opacity:.3}&.mx-container,& .mx-container{inline-size:100%;display:grid}}&.overflowing:not(.no-bar){padding-block-end:var(--scrollbar-gap,var(--gap))}&.no-bar{scrollbar-width:none;&::-webkit-scrollbar{display:none}}}.mx-carousel__buttons{&:not([hidden]){gap:var(--gap-s);display:flex}& button[disabled]{opacity:.5}}.mx-carousel__pagination{align-items:center;gap:var(--spacing-xxxs);padding-inline:0;list-style:none;display:flex;&[data-pagination=counter]{--border-radius:var(--border-radius-round);--indent:200%}& button{border-radius:var(--border-radius);border:var(--line-width,2px) solid var(--line-colour,var(--colour-border));background-color:var(--background,var(--colour-background));color:var(--foreground,var(--colour-foreground));text-align:center;cursor:pointer;min-block-size:2em;min-inline-size:2em;text-indent:var(--indent,unset);font-family:inherit;overflow:hidden;&[disabled]{--background:var(--active-background,var(--colour-border));cursor:not-allowed}@media (pointer:fine){transition:scale .1s linear;&:active{border-color:var(--outline-color,currentcolor);scale:1.5}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{s as e}from"./utilities-
|
|
1
|
+
import{s as e}from"./utilities-_Bq3TxAQ.js";var t=class extends HTMLElement{internals_;controller;constructor(){super(),this.internals_=this.attachInternals(),this.controller=new AbortController}connectedCallback(){if(!this.details||!this.trigger)return;let{signal:e}=this.controller;document.addEventListener(`beforeprint`,this.handleOpen,{signal:e}),document.addEventListener(`afterprint`,this.handleClose,{signal:e}),this.handleHash(),document.addEventListener(`hashchange`,this.handleHash,{signal:e})}disconnectedCallback(){this.controller.abort()}handleOpen=()=>{this.details&&(this.details.open=!0)};handleClose=()=>{this.details&&(this.details.open=!1)};handleHash=()=>{let{hash:e}=window.location;e&&e===`#${this.details?.id}`&&this.handleOpen()};get details(){let e=this.querySelector(`details`);if(!e)throw Error(`${this.localName} must contain a <details> element.`);return e.id=e.id||this.generatedId(),e}get trigger(){let e=this.querySelector(`summary`);if(!e)throw Error(`${this.localName} must contain a <summary> element.`);return e}generatedId=()=>{let t=this.trigger?.textContent?.trim();return t?e(t):``}};customElements.get(`mx-accordion`)||customElements.define(`mx-accordion`,t);export{t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./Accordion-
|
|
1
|
+
import{t as e}from"./Accordion-GN0sME4W.js";var t=class extends e{mq;toggleAttribute;constructor(){super(),this.mq=this.getAttribute(`mq`)||`(max-width: 720px)`}connectedCallback(){super.connectedCallback(),this.handleBreakpoint(this.breakpoint);let{signal:e}=this.controller;this.breakpoint.addEventListener(`change`,this.handleBreakpoint,{signal:e})}disconnectedCallback(){this.controller.abort()}handleBreakpoint=({matches:e})=>{this.details&&this.details.toggleAttribute(`open`,!e)};get breakpoint(){return window.matchMedia(this.mq)}};customElements.get(`mx-accordionmobile`)||customElements.define(`mx-accordionmobile`,t);export{t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=class extends HTMLElement{internals_;controller;observer;activeOption;constructor(){super(),this.internals_=this.attachInternals(),this.controller=new AbortController,this.activeOption=null}connectedCallback(){if(!this.input||!this.listbox||!this.status)return;let{signal:e}=this.controller;this.input.addEventListener(`input`,this.handleInput,{signal:e}),this.input.addEventListener(`keydown`,this.handleKeydown,{signal:e}),this.input.addEventListener(`focus`,this.handleFocus,{signal:e}),this.input.addEventListener(`blur`,this.handleBlur,{signal:e}),this.listbox.addEventListener(`mousedown`,this.handleListboxMousedown,{signal:e}),this.listbox.addEventListener(`click`,this.handleOptionClick,{signal:e}),this.observer=new MutationObserver(this.handleOptionsChange),this.observer.observe(this.listbox,{childList:!0})}disconnectedCallback(){this.controller.abort(),this.observer?.disconnect()}handleOptionsChange=()=>{this.activeOption&&!this.options.includes(this.activeOption)&&this.setActive(null),this.updateVisibility()};handleInput=()=>{this.setActive(null),this.dispatchSearch(),this.updateVisibility()};handleFocus=()=>{this.updateVisibility()};handleBlur=()=>{this.close()};handleListboxMousedown=e=>{e.preventDefault()};handleKeydown=e=>{if(!this.isOpen){(e.key===`ArrowDown`||e.key===`ArrowUp`)&&(e.preventDefault(),this.updateVisibility());return}switch(e.key){case`ArrowDown`:e.preventDefault(),this.moveActive(1);break;case`ArrowUp`:e.preventDefault(),this.moveActive(-1);break;case`Home`:e.preventDefault(),this.setActive(this.visibleOptions[0]??null);break;case`End`:e.preventDefault(),this.setActive(this.visibleOptions.at(-1)??null);break;case`Enter`:if(!this.activeOption)return;e.preventDefault(),this.select(this.activeOption);break;case`Escape`:e.preventDefault(),this.close()}};handleOptionClick=e=>{let t=e.target.closest(`[role="option"]`);t&&this.select(t)};dispatchSearch(){let e=new CustomEvent(`mx-autocomplete-search`,{bubbles:!0,detail:{query:this.input.value.trim()}});this.dispatchEvent(e)}updateVisibility(){let e=this.input.value.trim().length>0,t=this.visibleOptions.length,n=e&&t>0;this.listbox.hidden=!n,this.input.setAttribute(`aria-expanded`,String(n)),this.status.textContent=e?t===0?this.noResultsLabel:`${t} result${t===1?``:`s`} available`:``}moveActive(e){let t=this.visibleOptions;if(t.length===0)return;let n=((this.activeOption?t.indexOf(this.activeOption):-1)+e+t.length)%t.length;this.setActive(t[n])}setActive(e){this.activeOption?.setAttribute(`aria-selected`,`false`),this.activeOption=e,e?.setAttribute(`aria-selected`,`true`),this.input.setAttribute(`aria-activedescendant`,e?.id??``),e?.scrollIntoView({block:`nearest`})}select(e){let t=e.textContent??``;this.input.value=t,this.close(),this.input.focus();let n=new CustomEvent(`mx-autocomplete-select`,{bubbles:!0,detail:{value:e.dataset.value??t,label:t}});this.dispatchEvent(n)}close(){this.listbox.hidden=!0,this.input.setAttribute(`aria-expanded`,`false`),this.status.textContent=``,this.setActive(null)}get isOpen(){return!this.listbox.hidden}get noResultsLabel(){return this.dataset.noResultsLabel||`No results found`}get input(){let e=this.querySelector(`input[role="combobox"]`);if(!e)throw Error(`${this.localName} must contain an <input role="combobox">.`);return e}get listbox(){let e=this.querySelector(`[role="listbox"]`);if(!e)throw Error(`${this.localName} must contain a [role="listbox"] element.`);return e}get status(){let e=this.querySelector(`[data-autocomplete-status]`);if(!e)throw Error(`${this.localName} must contain a [data-autocomplete-status] element.`);return e}get options(){return Array.from(this.listbox.querySelectorAll(`[role="option"]`))}get visibleOptions(){return this.options.filter(e=>!e.hidden)}};customElements.get(`mx-autocomplete`)||customElements.define(`mx-autocomplete`,e);export{e as t};
|
|
1
|
+
var e=class extends HTMLElement{internals_;controller;observer;activeOption;constructor(){super(),this.internals_=this.attachInternals(),this.controller=new AbortController,this.activeOption=null}connectedCallback(){if(!this.input||!this.listbox||!this.status)return;let{signal:e}=this.controller;this.input.addEventListener(`input`,this.handleInput,{signal:e}),this.input.addEventListener(`keydown`,this.handleKeydown,{signal:e}),this.input.addEventListener(`focus`,this.handleFocus,{signal:e}),this.input.addEventListener(`blur`,this.handleBlur,{signal:e}),this.listbox.addEventListener(`mousedown`,this.handleListboxMousedown,{signal:e}),this.listbox.addEventListener(`click`,this.handleOptionClick,{signal:e}),this.observer=new MutationObserver(this.handleOptionsChange),this.observer.observe(this.listbox,{childList:!0})}disconnectedCallback(){this.controller.abort(),this.observer?.disconnect()}handleOptionsChange=()=>{this.activeOption&&!this.options.includes(this.activeOption)&&this.setActive(null),this.updateVisibility()};handleInput=()=>{this.setActive(null),this.dispatchSearch(),this.updateVisibility()};handleFocus=()=>{this.updateVisibility()};handleBlur=()=>{this.close()};handleListboxMousedown=e=>{e.preventDefault()};handleKeydown=e=>{if(!this.isOpen){(e.key===`ArrowDown`||e.key===`ArrowUp`)&&(e.preventDefault(),this.updateVisibility());return}switch(e.key){case`ArrowDown`:e.preventDefault(),this.moveActive(1);break;case`ArrowUp`:e.preventDefault(),this.moveActive(-1);break;case`Home`:e.preventDefault(),this.setActive(this.visibleOptions[0]??null);break;case`End`:e.preventDefault(),this.setActive(this.visibleOptions.at(-1)??null);break;case`Enter`:if(!this.activeOption)return;e.preventDefault(),this.select(this.activeOption);break;case`Escape`:e.preventDefault(),this.close()}};handleOptionClick=e=>{let t=e.target.closest(`[role="option"]`);t&&this.select(t)};dispatchSearch(){let e=new CustomEvent(`mx-autocomplete-search`,{bubbles:!0,detail:{query:this.input.value.trim()}});this.dispatchEvent(e)}updateVisibility(){let e=this.input.value.trim().length>0,t=this.visibleOptions.length,n=e&&t>0;this.listbox.hidden=!n,this.input.setAttribute(`aria-expanded`,String(n)),this.status.textContent=e?t===0?this.noResultsLabel:`${t} result${t===1?``:`s`} available`:``}moveActive(e){let t=this.visibleOptions;if(t.length===0)return;let n=((this.activeOption?t.indexOf(this.activeOption):-1)+e+t.length)%t.length;this.setActive(t[n])}setActive(e){this.activeOption?.setAttribute(`aria-selected`,`false`),this.activeOption=e,e?.setAttribute(`aria-selected`,`true`),this.input.setAttribute(`aria-activedescendant`,e?.id??``),e?.scrollIntoView({block:`nearest`})}select(e){let t=e.textContent??``;this.input.value=t,this.close(),this.input.focus();let n=new CustomEvent(`mx-autocomplete-select`,{bubbles:!0,detail:{value:e.dataset.value??t,label:t}});this.dispatchEvent(n)}close(){this.listbox.hidden=!0,this.input.setAttribute(`aria-expanded`,`false`),this.status.textContent=``,this.setActive(null)}get isOpen(){return!this.listbox.hidden}get noResultsLabel(){return this.dataset.noResultsLabel||`No results found`}get control(){let e=this.querySelector(`[data-control]`);if(!e)throw Error(`${this.localName} must contain a [data-control] element.`);return e}get input(){let e=this.control.querySelector(`input[role="combobox"]`);if(!e)throw Error(`${this.localName} must contain an <input role="combobox">.`);return e}get listbox(){let e=this.querySelector(`[role="listbox"]`);if(!e)throw Error(`${this.localName} must contain a [role="listbox"] element.`);return e}get status(){let e=this.querySelector(`[data-autocomplete-status]`);if(!e)throw Error(`${this.localName} must contain a [data-autocomplete-status] element.`);return e}get options(){return Array.from(this.listbox.querySelectorAll(`[role="option"]`))}get visibleOptions(){return this.options.filter(e=>!e.hidden)}get pending(){return this.control.getAttribute(`aria-busy`)===`true`}set pending(e){this.control.setAttribute(`aria-busy`,String(e))}};customElements.get(`mx-autocomplete`)||customElements.define(`mx-autocomplete`,e);export{e as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{s as e,t}from"./utilities-
|
|
1
|
+
import{s as e,t}from"./utilities-_Bq3TxAQ.js";var n=class extends HTMLElement{internals_;controller;constructor(){super(),this.internals_=this.attachInternals(),this.controller=new AbortController}connectedCallback(){if(!this.container)return;if(this.id=this.id||this.generatedId(),this.localStorage){this.controller.abort(),this.remove();return}let{signal:e}=this.controller;this.close?.addEventListener(`click`,this.handleClose,{signal:e})}disconnectedCallback(){this.controller.abort(),this.close.remove()}handleClose=()=>{this.controller.abort(),this.remove(),this.localStorage=`true`,document.body?.focus?.();let e=new CustomEvent(`GlobalAlert-close`,{bubbles:!0,cancelable:!0,detail:{id:this.id,target:this}});this.dispatchEvent(e)};get localStorage(){return localStorage.getItem(this.id)}set localStorage(e){localStorage.setItem(this.id,e)}get container(){let e=this.querySelector(`[data-container]`);if(!e)throw Error(`${this.localName} must contain a [data-container] element.`);return e}get close(){let e=this.querySelector(`.mx-icon--close`);return e||(e=t(`<button class="mx-icon mx-icon--close" aria-controls="${this.id}" aria-label="Close GlobalAlert" type="button"></button>`),this.container.appendChild(e)),e}generatedId(){let t=`mx-alert-${Math.floor(Math.random()*1e4)}`;return e(t,20)}};customElements.get(`mx-closable-alert`)||customElements.define(`mx-closable-alert`,n);export{n as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{i as e,r as t}from"./utilities-
|
|
1
|
+
import{i as e,r as t}from"./utilities-_Bq3TxAQ.js";var n=class extends HTMLElement{internals_;controller;scrollLockClass=`body--scroll-lock`;constructor(){super(),this.internals_=this.attachInternals(),this.controller=new AbortController}connectedCallback(){if(!this.dialog)return;let{signal:n}=this.controller;this.openBtns?.forEach(e=>e.addEventListener(`click`,this.handleOpen,{signal:n})),this.closeBtns?.forEach(e=>e.addEventListener(`click`,this.handleClose,{signal:n})),document.addEventListener(`click`,t=>{this.dialog?.open&&e(t,this.dialog,this.handleClose,[...this.openBtns,...this.closeBtns])},{signal:n}),document.addEventListener(`keydown`,e=>{this.dialog?.open&&t(e,this.handleClose)},{signal:n})}disconnectedCallback(){this.dialog&&(typeof this.dialog.close==`function`&&this.dialog.close(),this.openBtns?.forEach(e=>e.setAttribute(`aria-expanded`,`false`)),this.isModal&&document.body.classList.remove(this.scrollLockClass),this.controller.abort())}handleOpen=e=>{this.dialog&&(e.preventDefault(),typeof this.dialog.show==`function`&&(this.isModal?this.dialog.showModal():this.dialog.show()),this.openBtns?.forEach(e=>e.setAttribute(`aria-expanded`,`true`)),this.isModal&&document.body.classList.add(this.scrollLockClass))};handleClose=()=>{this.dialog&&(typeof this.dialog.close==`function`&&this.dialog.close(),this.openBtns?.forEach(e=>e.setAttribute(`aria-expanded`,`false`)),this.isModal&&document.body.classList.remove(this.scrollLockClass))};get dialog(){let e=this.querySelector(`dialog`);if(!e)throw Error(`${this.localName} must contain a <dialog> element.`);return e}get openBtns(){let e=document.querySelectorAll(`[href="#${this.id}"], [aria-controls="${this.id}"]`);return e?.forEach(e=>{e.setAttribute(`aria-controls`,this.id)}),e}get closeBtns(){return this.querySelectorAll(`button[data-close]`)}get isModal(){return this.hasAttribute(`data-modal`)}};customElements.get(`mx-dialog`)||customElements.define(`mx-dialog`,n);export{n as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{n as e}from"./cookie-compliance-Bbm-0vpj.js";import{t}from"./utilities-_Bq3TxAQ.js";import{t as n}from"./Dialog-Haahn-Yn.js";var r=class extends HTMLElement{internals_;controller;debounced;loop;paginationType;activePage;itemMap;iO;rO;mO;ioTimeout;constructor(){super(),this.internals_=this.attachInternals(),this.controller=new AbortController}connectedCallback(){if(!this.track)return;this.buttons&&(this.buttons.hidden=!1),this.activePage=0,this.track.scrollLeft=0,this.debounced=null,this.loop=this.hasAttribute(`loop`);let{signal:e}=this.controller;this.prev&&(this.prev.disabled=!0,this.prev.addEventListener(`click`,()=>this.handleNavigation(this.activePage-1),{signal:e})),this.next&&this.next.addEventListener(`click`,()=>this.handleNavigation(this.activePage+1),{signal:e}),this.track.addEventListener(`scroll`,this.handleScroll,{signal:e}),this.pagination&&(this.paginationType=this.pagination.getAttribute(`data-pagination`),this.pagination.addEventListener(`click`,this.handlePagination,{signal:e})),Array.from(this.track.children).forEach((e,t)=>{e.setAttribute(`data-index`,String(t))});let t=this.track.querySelectorAll(`[data-index]`);this.itemMap=/* @__PURE__ */ new Map,this.iO=new IntersectionObserver(e=>{e.forEach(({target:e,intersectionRatio:t})=>{let n=e;t>.5?(n.removeAttribute(`inert`),n.setAttribute(`aria-hidden`,`false`),this.itemMap.set(n,!0)):(n.setAttribute(`inert`,``),n.setAttribute(`aria-hidden`,`true`),this.itemMap.set(n,!1))})},{root:this.track,threshold:.5}),t.forEach(e=>this.iO.observe(e)),this.rO=new ResizeObserver(e=>{e.forEach(()=>this.handleOverflow())}),this.rO.observe(this.track),this.mO=new MutationObserver(e=>{e.forEach(()=>this.handleOverflow())}),this.mO.observe(this.track,{childList:!0})}disconnectedCallback(){this.controller.abort(),this.mO.disconnect(),this.iO.disconnect(),this.rO.disconnect(),clearTimeout(this.debounced),clearTimeout(this.ioTimeout)}handleNavigation=(e,t=`arrow`)=>{let n=e>this.activePage,r=this.loop&&this.next.hasAttribute(`data-restart`);if(e===0||r&&n&&t===`arrow`){this.activePage=0,this.items[0].scrollIntoView({inline:`start`,block:`nearest`}),this.next.removeAttribute(`data-restart`);return}this.activePage=e,this.items[this.visibleCount*e].scrollIntoView({inline:`start`,block:`nearest`}),r&&!n&&this.next.removeAttribute(`data-restart`);let i=new CustomEvent(`carousel-slide`,{bubbles:!0,cancelable:!0,detail:{page:this.activePage,type:t}});this.dispatchEvent(i)};handleDisabled=()=>{let e=!1;if(this.prev&&(this.prev.disabled=this.track.scrollLeft<200),(this.next||this.pagination)&&(e=Math.round(this.track.scrollLeft)>=Math.round(this.track.scrollWidth-this.track.offsetWidth)),this.next&&(this.loop?e&&this.next.setAttribute(`data-restart`,``):this.next.disabled=e),this.pagination){let t=Math.round(this.track.offsetLeft+this.track.scrollLeft);if(e)this.activePage=this.pageStartItems.length-1;else{let e=0,n=1/0;this.pageStartItems.forEach((r,i)=>{let a=Math.abs(Math.round(r.offsetLeft)-t);a<n&&(n=a,e=i)}),this.activePage=e}this.pagination.querySelectorAll(`button`).forEach(e=>{let t=e.getAttribute(`data-index`);if(!t)return;let n=parseInt(t,10)===this.activePage;e.disabled=n,n?e.setAttribute(`aria-current`,`page`):e.removeAttribute(`aria-current`)})}};handleScroll=()=>{clearTimeout(this.debounced),this.debounced=setTimeout(this.handleDisabled,this.pagination?100:200)};handleOverflow=()=>{let{scrollWidth:e,clientWidth:t}=this.track,n=e>t;this.track.classList.toggle(`overflowing`,n),n?(this.pagination&&(this.ioTimeout=setTimeout(this.buildPagination,200)),this.track.setAttribute(`tabindex`,`0`)):this.track.removeAttribute(`tabindex`)};buildPagination=()=>{if(!this.pagination.hidden){let e=this.pagination.querySelectorAll(`button`);if(e.length===this.pageStartItems.length)return;e.forEach(e=>e.remove())}let e=Array.from({length:this.pageStartItems.length}).fill(null);if(e.length<=0)return;e.forEach((n,r)=>{let i=r+1,a=t(`<button type="button" data-index="${r}" aria-label="Page ${i}">${i}</button>`);this.pagination.append(a),e[r]=a});let n=e[0];n.disabled=!0,n.setAttribute(`aria-current`,`page`),this.pagination.hidden=!1};handlePagination=t=>{let n=t.target.getAttribute(`data-index`);if(!n||!e.integer(n,0))return;let r=parseInt(n,10);this.handleNavigation(r,`pagination`)};get track(){let e=this.querySelector(`[data-track]`);if(!e)throw Error(`${this.localName} must contain an element with [data-track].`);return e}get buttons(){return this.querySelector(`[data-buttons]`)}get prev(){return this.buttons?.querySelector(`.mx-carousel__prev`)}get next(){return this.buttons?.querySelector(`.mx-carousel__next`)}get pagination(){return this.querySelector(`[data-pagination]`)}get items(){return[...this.itemMap.keys()]}get visibleCount(){return[...this.itemMap.values()].filter(e=>e).length}get pageStartItems(){return[...this.items].filter((e,t)=>t%this.visibleCount===0)}};customElements.get(`mx-carousel`)||customElements.define(`mx-carousel`,r);var i=class extends n{connectedCallback(){if(super.connectedCallback(),!this.dialog)return;let{signal:e}=this.controller;this.openBtns?.forEach(t=>t.addEventListener(`click`,()=>this.scrollToTrigger(t),{signal:e}))}scrollToTrigger=e=>{let t=e.dataset.galleryIndex??`0`,n=this.carousel?.track?.querySelector(`[data-index="${t}"]`);n&&(n.removeAttribute(`inert`),n.scrollIntoView({inline:`start`,block:`nearest`}))};get carousel(){return this.querySelector(`mx-carousel`)}};customElements.get(`mx-gallery`)||customElements.define(`mx-gallery`,i);export{r as n,i as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{l as e}from"./utilities-_Bq3TxAQ.js";import{createFocusTrap as t}from"focus-trap";var n=class extends HTMLElement{internals_;controller;widget;focusTrap;controls;mq;triggerText;isOpen=!1;closeIconClass=`mx-icon--close`;menuIconClass=`mx-icon--menu`;searchIconClass=`mx-icon--search`;backgroundClass=`mx-background--primary`;scrollLockClass=`body--scroll-lock`;isSearch;hideOther=!0;otherTrigger;rafId;focusTrapTimeout;constructor(){super(),this.internals_=this.attachInternals(),this.controller=new AbortController,this.mq=this.getAttribute(`mq`)||`(max-width: 720px)`}connectedCallback(){if(!this.trigger||!this.target)return;this.trigger.getAttribute(`hideOther`)===`false`&&(this.hideOther=!1),this.isSearch=this.controls.includes(`search`),this.otherTrigger=document.querySelector(this.isSearch?`.${this.menuIconClass}`:`.${this.searchIconClass}`),this.widget=new e(this.trigger,this.target),this.widget.init(),this.focusTrap=t(this.target,{escapeDeactivates:!1,setReturnFocus:this.trigger,allowOutsideClick:!0,onActivate:()=>document.body.classList.add(this.scrollLockClass),onDeactivate:()=>document.body.classList.remove(this.scrollLockClass),checkCanFocusTrap:([e])=>new Promise(t=>{this.focusTrapTimeout=setTimeout(()=>{this.rafId&&=(cancelAnimationFrame(this.rafId),null),t()},2e3);let n=()=>{getComputedStyle(e).visibility===`hidden`?this.rafId=requestAnimationFrame(n):(this.focusTrapTimeout&&=(clearTimeout(this.focusTrapTimeout),null),this.rafId=null,t())};this.rafId=requestAnimationFrame(n)})});let{signal:n}=this.controller;this.handleBreakpoint(this.breakpoint),this.breakpoint.addEventListener(`change`,this.handleBreakpoint,{signal:n}),document.addEventListener(`keydown`,this.handleKeyDown,{signal:n})}disconnectedCallback(){this.widget.detach(),this.controller.abort(),this.rafId&&=(cancelAnimationFrame(this.rafId),null),this.focusTrapTimeout&&=(clearTimeout(this.focusTrapTimeout),null),this.focusTrap.deactivate(),document.body.classList.remove(this.scrollLockClass)}handleBreakpoint=({matches:e})=>{if(!this.trigger)return;let{signal:t}=this.controller;e?(this.widget.attach(),this.target.setAttribute(`inert`,``),this.trigger.addEventListener(`disclosure-toggle`,this.handleDisclosure,{signal:t})):(this.widget.detach(),this.target.removeAttribute(`inert`),document.body.classList.remove(this.scrollLockClass),this.trigger.removeEventListener(`disclosure-toggle`,this.handleDisclosure),this.focusTrap.deactivate())};handleDisclosure=async({detail:e})=>{let{isOpen:t}=e,n=t?`Open`:`Close`,r=t?`Close`:`Open`;if(this.trigger.textContent=this.triggerText.replace(n,r),t)try{await this.focusTrap.activate()}catch{}else this.focusTrap.deactivate();t&&this.hideOther&&this.otherTrigger&&this.otherTrigger.getAttribute(`aria-expanded`)===`true`&&this.otherTrigger.click(),this.trigger.classList.toggle(this.isSearch?this.searchIconClass:this.menuIconClass),this.trigger.classList.toggle(this.closeIconClass),this.target.classList.toggle(this.backgroundClass),this.trigger.removeAttribute(`no-focus`),this.isOpen=t};handleKeyDown=e=>{this.isOpen&&e.key===`Escape`&&this.widget.handleToggle()};get trigger(){let e=this.querySelector(`:scope > button`),t=e.getAttribute(`aria-controls`);if(!e||!t)throw Error(`${this.localName} must contain a <button aria-controls="element-to-trigger"> element.`);return e.removeAttribute(`disabled`),this.controls=t,this.triggerText=e.textContent,e}get target(){let e=document.querySelector(`div[id="${this.controls}"]`);if(!e)throw Error(`${this.localName} must contain a target <div id="${this.controls}">.`);return e.classList.remove(`global-nav-up-only`),e}get breakpoint(){return window.matchMedia(this.mq)}};customElements.get(`mx-global-toggle`)||customElements.define(`mx-global-toggle`,n);export{n as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{s as e,t}from"./utilities-
|
|
1
|
+
import{s as e,t}from"./utilities-_Bq3TxAQ.js";var n=class extends HTMLElement{internals_;controller;headingLevels;title;titleClass=`is-excluded mx-heading--m`;items;active;constructor(){super(),this.internals_=this.attachInternals(),this.controller=new AbortController,this.headingLevels=this.dataset?.levels||`h2`,this.title=this.dataset?.title||`On this page`,this.items=[]}connectedCallback(){if(!this.menu||!this.headings)return;if(this.links.length)this.links.forEach(e=>{let t=this.container.querySelector(e.hash);t&&this.items.push({link:e,heading:t})});else{let e=t(`<h2 class="${this.titleClass}">${this.title}</h2>`);this.nav.insertBefore(e,this.menu);let n={};this.headings.forEach(e=>{let t=this.generateListItem(e),r=this.generateAnchor(e,n);this.items.push({link:r,heading:e}),t.appendChild(r),this.menu?.appendChild(t)})}let{signal:e}=this.controller;this.menu.addEventListener(`click`,e=>{let{target:t}=e;t instanceof HTMLAnchorElement&&this.handleClick(t)},{signal:e})}disconnectedCallback(){this.menu&&this.headings&&(this.menu.textContent=``,this.items=[],this.controller.abort())}handleClick=e=>{this.active=this.items.find(t=>t.link===e),this.links&&this.active&&(this.links.forEach(e=>e.classList.remove(`is-active`)),this.active.link.classList.add(`is-active`))};get menu(){let e=this.querySelector(`ul, ol`);if(e)return e;if(!this.nav)throw Error(`${this.localName} must contain a <nav> element.`);if(this.items?.length===0&&this.headings?.length===0)return null;let t=document.createElement(`ul`);return this.nav.appendChild(t),t}get nav(){return this.querySelector(`nav`)}get container(){let e=this.getAttribute(`data-content`);if(!e)throw Error(`${this.localName} must have a [data-content] attribute that contains the content selector.`);return this.closest(e)||this.parentElement.querySelector(e)||document.querySelector(e)}get headings(){return this.container?.querySelectorAll(`:is(${this.headingLevels}):not(.is-excluded)`)}get links(){return this.menu?.querySelectorAll(`a`)}generatedId(t,n){let r=t?.textContent?.trim();if(!r)return``;let i=e(r),a=n[i]??0;return n[i]=a+1,a>0?`${i}-${a}`:i}generateAnchor(e,n){let{textContent:r,id:i}=e,a=e.getAttribute(`data-in-page-navigation-title`)||r,o=i||this.generatedId(e,n);return i||(e.id=o),t(`<a href="#${o}"><span class="mx-icon mx-icon--chevron-right"></span><span>${a}</span></a>`)}generateListItem(e){let{tagName:n}=e;return t(`<li class="mx-in-page-navigation__level--${n.toLowerCase()}"></li>`)}};customElements.get(`mx-in-page-navigation`)||customElements.define(`mx-in-page-navigation`,n);export{n as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{l as e,s as t}from"./utilities-_Bq3TxAQ.js";var n=class{constructor(){window.Mixtape=window.Mixtape||{},window.Mixtape.Popups=window.Mixtape.Popups||[],window.Mixtape.Menu=window.Mixtape.Menu||{}}attachPopup=(e,t)=>{window.Mixtape.Popups.push({id:e,closefn:t})};detachPopup=e=>{window.Mixtape.Popups=window.Mixtape.Popups.filter(t=>t.id!==e)};attachMenu=(e,t)=>{window.Mixtape.Menu={context:e,items:t}};detachMenu=()=>{window.Mixtape.Menu=null};getNextFocusableMenuItem=(e,t=!1)=>t?e===0?window.Mixtape.Menu.items.length-1:e-1:window.Mixtape.Menu.items.length>e+1?e+1:0;moveFocus=(e,t=!1)=>{if(!window.Mixtape.Menu.items)return;let n=0;window.Mixtape.Menu.items.forEach((t,r)=>{t===e&&(n=r)});let r=this.getNextFocusableMenuItem(n,t),i=window.Mixtape.Menu.items[r].getAttribute(`tabindex`);if(i!==`-1`)window.Mixtape.Menu.items[r].focus();else{for(;i===`-1`;)r=this.getNextFocusableMenuItem(r,t),i=window.Mixtape.Menu.items[r].getAttribute(`tabindex`);window.Mixtape.Menu.items[r].focus()}window.Mixtape.Menu.active=r};handleGlobalClick=({target:e})=>{let t=window.Mixtape.Popups?window.Mixtape.Popups[window.Mixtape.Popups.length-1]:null;if(t&&t.id){let n=document.querySelector(`#${t.id}`).parentElement;if(n&&(e===n||n?.contains(e)))return;t.closefn()}};handleGlobalKeydown=e=>{let t=window.Mixtape.Popups?window.Mixtape.Popups[window.Mixtape.Popups.length-1]:null,n=e.target;switch(e.key){case`Escape`:t&&t.closefn();break;case`ArrowDown`:case`ArrowRight`:window.Mixtape.Menu?.items&&(e.preventDefault(),this.moveFocus(n));break;case`ArrowUp`:case`ArrowLeft`:window.Mixtape.Menu?.items&&(e.preventDefault(),this.moveFocus(n,!0))}};attachEventListeners=e=>{window.addEventListener(`click`,this.handleGlobalClick,{signal:e}),window.addEventListener(`keydown`,this.handleGlobalKeydown,{signal:e})}},r=class extends HTMLElement{internals_;controller;keyboard;subNavs;flyout;edgeCheck;mq;iO;constructor(){super(),this.internals_=this.attachInternals(),this.controller=new AbortController,this.flyout=this.hasAttribute(`flyout`)}connectedCallback(){let{signal:r}=this.controller;this.keyboard=new n,this.keyboard.attachEventListeners(r),this.addEventListener(`focusin`,()=>{this.keyboard.attachMenu(this,this.links)}),this.addEventListener(`focusout`,()=>{this.keyboard.detachMenu()}),this.lists.length&&(this.subNavs=/* @__PURE__ */ new Map,this.lists.forEach((n,r)=>{let i=n.closest(`li`),a=i.querySelector(`:scope > a`),o=t(`subnav-${r}-${a.textContent}`,30),s=i.querySelector(`:scope > button.mx-nav__toggle`);if(i&&a&&s){let t=`list-label-${o}`;a.setAttribute(`id`,t),n.setAttribute(`id`,o),n.setAttribute(`aria-labelledby`,t);let r=new e(s,n);r.init(),this.subNavs.set(o,{item:i,trigger:s,list:n,link:a,widget:r})}}),this.addEventListener(`disclosure-toggle`,this.handleDisclosure),this.flyout&&(this.edgeCheck=this.hasAttribute(`edgeCheck`),this.mq=this.getAttribute(`mq`)||`(min-width: 720px)`,this.handleBreakpoint(this.breakpoint),this.breakpoint.addEventListener(`change`,this.handleBreakpoint,{signal:r})))}disconnectedCallback(){this.controller.abort(),this.subNavs?.forEach(e=>e.widget.detach()),this.iO?.disconnect()}handleDisclosure=({detail:e})=>{let{isOpen:t,id:n}=e,{item:r}=this.subNavs.get(n);r.classList.toggle(`mx-nav--open`),t?this.keyboard.attachPopup(n,this.handleCloseAny):this.keyboard.detachPopup(n)};handleCloseAny=()=>{this.subNavs?.forEach(({widget:e})=>{e&&e.isOpen&&e.handleToggle()})};handleFlyout=e=>{let t=e.target.closest(`li`);if(!t)return;let n=t.querySelector(`:scope > ul`);n&&this.subNavs?.forEach(({widget:e,list:t})=>{e&&(e.isOpen&&e.handleToggle(),t.id===n.id&&e.handleToggle())})};handleBreakpoint=({matches:e})=>{let{signal:t}=this.controller;e?(this.addEventListener(`mouseover`,this.handleFlyout,{signal:t}),this.addEventListener(`mouseleave`,this.handleCloseAny,{signal:t}),this.edgeCheck&&this.handleEdgeCheck()):(this.removeEventListener(`mouseover`,this.handleFlyout),this.removeEventListener(`mouseleave`,this.handleCloseAny))};handleEdgeCheck(){let e=window.innerWidth;this.iO=new IntersectionObserver((t,n)=>{t.forEach(({boundingClientRect:t,target:r})=>{e<t.right&&r.classList.add(`mx-nav--reverse`),n.unobserve(r)})}),this.subNavs?.forEach(({list:e})=>{this.iO.observe(e),e.querySelectorAll(`ul`)?.forEach(e=>this.iO.observe(e))})}get links(){let e=this.querySelectorAll(`a`);if(!e.length)throw Error(`${this.localName} must links`);return e}get lists(){return this.querySelectorAll(`li > ul`)}get breakpoint(){return window.matchMedia(this.mq)}};customElements.get(`mx-nav`)||customElements.define(`mx-nav`,r);export{n,r as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./utilities-
|
|
1
|
+
import{t as e}from"./utilities-_Bq3TxAQ.js";var t=class extends HTMLElement{internals_;iO;rO;offsetPropName;root=null;rootMargin=`0px 0px 0px 0px`;thresholds=[0];constructor(){super(),this.internals_=this.attachInternals()}connectedCallback(){this.offsetPropName=this.getAttribute(`offsetpropname`)||`--sticky-offset`;let e={root:this.root,rootMargin:this.rootMargin,thresholds:this.thresholds};this.iO=new IntersectionObserver(([{boundingClientRect:t}])=>{let n=t.y<0;this.classList.toggle(`is-stuck`,n);let r=new CustomEvent(`sticky-toggle`,{bubbles:!0,cancelable:!0,detail:{isSticky:n,options:e,target:this}});this.dispatchEvent(r)},e),this.iO.observe(this.trigger),this.offsetPropName&&(this.rO=new ResizeObserver(e=>{e.forEach(({borderBoxSize:e})=>{let[{blockSize:t}]=e;document.body.style.setProperty(this.offsetPropName,`${t.toFixed(1)}px`)})}),this.rO.observe(this))}disconnectedCallback(){this.iO.disconnect(),this.rO?.disconnect()}get trigger(){let t=this.querySelector(`.mx-sticky__trigger`);return t||(t=e(`<div class="mx-sticky__trigger"></div>`),this.insertAdjacentElement(`beforebegin`,t)),t}};customElements.get(`mx-sticky`)||customElements.define(`mx-sticky`,t);export{t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{s as e,t}from"./utilities-
|
|
1
|
+
import{s as e,t}from"./utilities-_Bq3TxAQ.js";import{t as n}from"./DropMenu-1baQc8Yc.js";import{PopoverPlacementModifier as r}from"@pnx-mixtape/ids-shape";var i=class extends HTMLElement{internals_;controller;tabs;mq;locationHash;tabFocus=0;tabListClasses;dropTriggerClasses;dropMenuId;constructor(){super(),this.internals_=this.attachInternals(),this.controller=new AbortController,this.mq=this.getAttribute(`mq`)||`(max-width: 720px)`}connectedCallback(){if(!this.panels)return;this.locationHash=window.location.hash,this.tabFocus=0,this.tabs=/* @__PURE__ */ new Map,this.panels.forEach(e=>{let n=e.id,r=`<button type="button" role="tab" aria-controls="${n}" aria-selected="false">${e.getAttribute(`aria-label`)}</button>`,i=t(r);this.tabList.appendChild(i);let a=t(r);this.dropMenuMenu.appendChild(a),n&&e&&a&&this.tabs.set(n,{panel:e,tab:i,button:a})});let{signal:e}=this.controller;this.handleBreakpoint(this.breakpoint),this.breakpoint.addEventListener(`change`,this.handleBreakpoint,{signal:e});let n=this.locationHash?this.querySelector(this.locationHash):null;n?this.active=n.id:this.active||=this.panels[0].id}disconnectedCallback(){this.controller.abort()}handleBreakpoint=({matches:e})=>{let{signal:t}=this.controller;this.dropMenuTrigger.toggleAttribute(`hidden`,!e),this.tabList.toggleAttribute(`hidden`,e),e?(this.dropMenuMenu.addEventListener(`drop-menu-select`,this.handleDropMenuSelect,{signal:t}),this.tabList.removeEventListener(`click`,this.handleClick),this.tabList.removeEventListener(`keydown`,this.handleKeydown)):(this.tabList.addEventListener(`click`,this.handleClick,{signal:t}),this.tabList.addEventListener(`keydown`,this.handleKeydown,{signal:t}),this.dropMenuMenu.removeEventListener(`drop-menu-select`,this.handleDropMenuSelect))};handleKeydown=e=>{let{key:t,target:n}=e,r=[...this.triggers],i=r.indexOf(n);if(i===-1)return;let a=0;switch(t){case`ArrowRight`:a=(i+1)%r.length;break;case`ArrowLeft`:a=(i-1+r.length)%r.length;break;case`Home`:a=0;break;case`End`:a=r.length-1;break;default:return}e.preventDefault(),e.stopPropagation(),r[a].focus()};handleClick=e=>{let t=e.target;if(!(t instanceof HTMLButtonElement))return;e.preventDefault();let n=t.getAttribute(`aria-controls`);this.handleTabChange(n)};handleDropMenuSelect=e=>{let t=e.detail.target;if(!(t instanceof HTMLButtonElement))return;let n=t.getAttribute(`aria-controls`);this.handleTabChange(n)};handleTabChange=e=>{this.active=e,this.handleUrlParams(e);let{panel:t,tab:n,button:r}=this.tabs.get(e);t.focus({preventScroll:!0});let i=new CustomEvent(`tab-toggle`,{bubbles:!0,cancelable:!0,detail:{id:e,tab:n,button:r,panel:t}});this.dispatchEvent(i)};get dropMenu(){let i=this.querySelector(`mx-dropmenu`);if(i)return i;this.dropTriggerClasses=this.getAttribute(`dropTriggerClasses`)||`mx-button mx-icon mx-icon--chevron-down mx-icon--end`,this.dropMenuId=this.id||e(`tab-drop-menu`);let a=`${this.dropMenuId}-target`,o=new n;o.setAttribute(`closeOnClick`,`true`);let s=t(`<button
|
|
2
2
|
id="${a}"
|
|
3
3
|
class="mx-popover__trigger ${this.dropTriggerClasses}"
|
|
4
4
|
popovertarget="${this.dropMenuId}"
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=[],t=400,n=/* @__PURE__ */ function(e){return e.LEFT=`left`,e.RIGHT=`right`,e}({}),r=/* @__PURE__ */ function(e){return e.DIV=`div`,e.LI=`li`,e.ARTICLE=`article`,e.ASIDE=`aside`,e.SECTION=`section`,e}({}),i=/* @__PURE__ */ function(e){return e.P=`p`,e.DIV=`div`,e.STRONG=`strong`,e.ITALIC=`em`,e}({}),a=/* @__PURE__ */ function(e){return e.HEADLINE=`mx-headline`,e.EYEBROW=`mx-text--eyebrow`,e.EMBELLISHED=`mx-text--embellished`,e.RESET=`mx-spacing--reset`,e.RESETTOP=`mx-spacing--top-reset`,e.RESETBOTTOM=`mx-spacing--bottom-reset`,e}({}),o=/* @__PURE__ */ function(e){return e.SECTION=`mx-text--eyebrow`,e.EMBELLISHED=`mx-text--embellished`,e.XXXL=`mx-text--xxxl`,e.XXL=`mx-text--xxl`,e.XL=`mx-text--xl`,e.L=`mx-text--l`,e.M=`mx-text--m`,e.S=`mx-text--s`,e.XS=`mx-text--xs`,e.LEDE=`mx-text--lede`,e.META=`mx-text--meta`,e.PRIMARY=`mx-text--primary`,e.ACCENT=`mx-text--accent`,e.ALT=`mx-text--alt`,e}({}),s=/* @__PURE__ */ function(e){return e.NOTES=`mx-list--notes`,e.REFS=`mx-list--refs`,e.STATS=`mx-list--stats`,e.COLUMNS=`mx-list--columns`,e.SUMMARY=`mx-list--summary`,e}({}),c=/* @__PURE__ */ function(e){return e.ARROW_DOWN=`arrow-down`,e.ARROW_LEFT=`arrow-left`,e.ARROW_UP=`arrow-up`,e.ARROW_RIGHT=`arrow-right`,e.CHEVRON_DOWN=`chevron-down`,e.CHEVRON_LEFT=`chevron-left`,e.CHEVRON_RIGHT=`chevron-right`,e.CHEVRON_UP=`chevron-up`,e.BLUESKY=`bluesky`,e.CLOSE=`close`,e.COLLAPSE=`collapse`,e.DOWNLOAD=`download`,e.DRUPAL=`drupal`,e.ERROR=`error`,e.EXPAND=`expand`,e.EXTERNAL=`external-link`,e.FACEBOOK=`facebook`,e.GOOGLE=`google`,e.INFO=`info`,e.FILE=`file`,e.INSTAGRAM=`instagram`,e.LINKEDIN=`linkedin`,e.MASTODON=`mastodon`,e.MENU=`menu`,e.SEARCH=`search`,e.SUCCESS=`success`,e.TWITTER=`twitter`,e.WARNING=`warning`,e.YOUTUBE=`youtube`,e.EMAIL=`email`,e.HEART=`heart-selected`,e.EMPTY_HEART=`heart-unselected`,e.LINK=`link`,e.LOCK=`lock`,e.LOGIN=`login`,e.MORE=`more`,e.EDIT=`pencil`,e.PHONE=`phone`,e.PIN=`pin`,e.PRINT=`print`,e.RESTART=`restart`,e.STAR=`star-selected`,e.EMPTY_STAR=`star-unselected`,e.TICK=`tick`,e.TRASH=`trash`,e.USER=`user`,e.SHARE=`share`,e.QUESTION=`question`,e}({}),l=/* @__PURE__ */ function(e){return e.NARROW=`narrow`,e.FEATURE=`feature`,e.FULL=`full`,e}({}),u=/* @__PURE__ */ function(e){return e.FLOW=`flow`,e.GROUP=`group`,e}({}),d=/* @__PURE__ */ function(e){return e.DEFAULT=``,e.REVERSE=`sidebar-rev`,e.REVERSE_L=`sidebar-rev-lg`,e}({}),f=/* @__PURE__ */ function(e){return e.PRIMARY=`primary`,e.ACCENT=`accent`,e.ALT=`alt`,e.REVERSE=`reverse`,e.RESET=`reset`,e.BOX=`box`,e.IMAGE=`image`,e}({}),p=/* @__PURE__ */ function(e){return e.FLUSH=`flush`,e.STRIPED=`striped`,e.SMALL=`small`,e.BORDERED=`bordered`,e}({}),m=/* @__PURE__ */ function(e){return e.DEFAULT=`default`,e.VALID=`valid`,e.INVALID=`invalid`,e}({}),h=/* @__PURE__ */ function(e){return e.INFO=`info`,e.SUCCESS=`success`,e.WARNING=`warning`,e.ERROR=`error`,e.FEATURED=`featured`,e}({}),g=/* @__PURE__ */ function(e){return e.DEFAULT=`default`,e.CENTERED=`centered`,e.LINED=`lined`,e}({}),_=/* @__PURE__ */ function(e){return e.TWITTER=`twitter`,e.FACEBOOK=`facebook`,e.LINKEDIN=`linkedin`,e}({});export{o as _,e as a,c,u as d,d as f,h as g,p as h,t as i,s as l,g as m,r as n,m as o,_ as p,f as r,a as s,n as t,l as u,i as v};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{n as e}from"./cookie-compliance-Bbm-0vpj.js";var t=class{options;context;trigger;element;id;isOpen;attached;constructor(e,t,n,r=document){if(!e)throw Error(`toggle is required.`);if(!t)throw Error(`element is required.`);let i={attribute:`inert`,shouldPreventDefault:!0,setInitialAttribute:!0,clickEvent:`click`};this.options={...i,...n},this.context=r||document,this.trigger=e,this.element=t,this.id=this.element.id||this.generatedId()}init=()=>{if(Object.prototype.hasOwnProperty.call(this.trigger,`disclosureWidget`))return;let{attribute:e,setInitialAttribute:t}=this.options;this.trigger.disclosureWidget=this,t&&this.element.setAttribute(e,``),this.attach()};handleToggle=()=>{let{attribute:e,setInitialAttribute:t}=this.options;this.element.toggleAttribute(e);let n=this.element.hasAttribute(e);this.isOpen=t?!n:n,this.trigger.setAttribute(`aria-expanded`,String(this.isOpen));let r=new CustomEvent(`disclosure-toggle`,{bubbles:!0,cancelable:!0,detail:{isOpen:this.isOpen,id:this.id,options:this.options,target:this.element}});this.trigger.dispatchEvent(r)};handleMouse=e=>{let{currentTarget:t,type:n,relatedTarget:r}=e;if(n===`mouseover`||n===`mouseout`){let e=this.trigger.parentNode;if(e!==t||e.contains(r))return}else if(this.trigger!==t)return;let{shouldPreventDefault:i}=this.options;this.handleToggle(),i&&(e.preventDefault(),e.stopPropagation())};handleKeyboard=e=>{let{key:t,target:n}=e;if(this.trigger!==n)return;let{isOpen:r}=this,{shouldPreventDefault:i}=this.options;switch(t){case`ArrowDown`:case`Enter`:r||this.handleToggle(),i&&(e.preventDefault(),e.stopPropagation());break;case`ArrowUp`:case`Escape`:r&&this.handleToggle(),i&&(e.preventDefault(),e.stopPropagation())}};attach=()=>{if(this.attached)return;let{clickEvent:e}=this.options;if(e===`mouseover`){let e=this.trigger.parentNode;e.addEventListener(`mouseover`,this.handleMouse),e.addEventListener(`mouseout`,this.handleMouse)}else this.trigger.addEventListener(`click`,this.handleMouse);this.trigger.addEventListener(`keydown`,this.handleKeyboard),this.trigger.setAttribute(`aria-expanded`,`false`),this.trigger.hasAttribute(`aria-controls`)||this.trigger.setAttribute(`aria-controls`,this.id),this.attached=!0};detach=()=>{if(!this.attached)return;this.isOpen&&this.handleToggle();let{clickEvent:e}=this.options;if(e===`mouseover`){let e=this.trigger.parentNode;e.removeEventListener(`mouseover`,this.handleMouse),e.removeEventListener(`mouseout`,this.handleMouse)}else this.trigger.removeEventListener(`click`,this.handleMouse);this.trigger.removeEventListener(`keydown`,this.handleKeyboard),this.trigger.removeAttribute(`aria-expanded`),this.attached=!1};generatedId=()=>{let e=this.trigger?.textContent?.trim();return e?n(e):``}},n=(t,n=20)=>{if(!e.notEmpty(t))return``;let r=t.toLowerCase().trim().replace(/\s+/g,`-`).replace(/[^-a-z0-9]/g,``).replace(/[\n\r]+|[\s]{2,}/g,``);return[...[,,,,,,].keys()].forEach(()=>{r.charAt(0).match(/[a-z]/g)||(r=r.substring(1))}),e.integer(n,1)&&(r=r.substring(0,n)),r},r=t=>e.notEmpty(t)?t.trim().replace(/(?:^\w|[A-Z]|\b\w|\s+)/g,(e,t)=>+e==0?``:t===0?e.toLowerCase():e.toUpperCase()).replace(/[^\w\s]/gi,``):``,i=(e,t)=>{if(typeof e!=`string`||!e||!Array.isArray(t))return!1;try{let{hostname:n}=new URL(e);return window.location.hostname===n||t.includes(n)}catch{return!1}},a=e=>{try{return new DOMParser().parseFromString(e,`text/html`).body.firstElementChild}catch{return null}},o=(e,t=!1,n=!1)=>{let r=new ResizeObserver(i=>{i.forEach(({contentBoxSize:i,borderBoxSize:a})=>{let[{inlineSize:o,blockSize:s}]=n?i:a;e.style.setProperty(`--inline-size`,`${o.toFixed(1)}px`),e.style.setProperty(`--block-size`,`${s.toFixed(1)}px`),t&&r.unobserve(e)})});r.observe(e)},s=(e,t,n,r=[])=>{let{target:i,clientY:a,clientX:o}=e,s=i instanceof HTMLOptionElement||i instanceof HTMLSelectElement;if((r?.filter(e=>e===i||e.contains(i))).length||s)return;let c=new IntersectionObserver(([{boundingClientRect:e}])=>{let{top:t,height:r,width:i,left:s}=e;t<=a&&a<=t+r&&s<=o&&o<=s+i||n(),c.disconnect()});c.observe(t)},c=(e,t)=>{let{key:n}=e;n===`Escape`&&t()},l=(e,t)=>{if(Object.hasOwn(window,`Drupal`)&&Object.hasOwn(Drupal,`behaviors`)){Drupal.behaviors[t]={attach:e};return}window.addEventListener(`DOMContentLoaded`,e.bind(document,document))};export{i as a,r as c,s as i,t as l,o as n,l as o,c as r,n as s,a as t};
|
package/dist/build/constants.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer popover-polyfill;@layer design-system.defaults{:root{--colour-primary-light:color-mix(in oklch, var(--colour-primary), white 90%);--colour-primary-lighter:color-mix(in oklch, var(--colour-primary), white 20%);--colour-primary-darker:color-mix(in oklch, var(--colour-primary), black 20%);--colour-primary-dark:color-mix(in oklch, var(--colour-primary), black 40%);--colour-primary-darkest:color-mix(in oklch, var(--colour-primary), black 50%);--colour-primary-scheme:dark;--colour-accent-light:color-mix(in oklch, var(--colour-accent), white 90%);--colour-accent-lighter:color-mix(in oklch, var(--colour-accent), white 20%);--colour-accent-darker:color-mix(in oklch, var(--colour-accent), black 10%);--colour-accent-dark:color-mix(in oklch, var(--colour-accent), black 40%);--colour-accent-darkest:color-mix(in oklch, var(--colour-accent), black 50%);--colour-accent-scheme:light;--colour-scheme:light;color-scheme:var(--scheme);--colour-background:light-dark(#fff,#14140b);--colour-background-alt:light-dark(#f6f6ee,#0d0d0d);--colour-foreground:light-dark(#14140b,#fff);--colour-foreground-alt:light-dark(#424224,#9e9e94);--colour-border:light-dark(#dbdbd7,#333);--colour-link:light-dark(#0048ff,#e6edff);--colour-foreground-reverse:light-dark(#fff,#14140b);--colour-background-reverse:light-dark(#14140b,#fff);--colour-reverse-scheme:dark;--colour-error:light-dark(#a80022,oklch(89.2372% .0372404 22.4103));--colour-success:light-dark(#008500,oklch(90.6868% .0363644 142.495));--colour-warning:light-dark(#a35f00,oklch(91.0139% .0249352 63.8851));--colour-info:light-dark(#0048ff,oklch(90.2505% .0545782 263.487));--font-family:system-ui, sans-serif;--type-ratio:1.414;--base-font-size:max(1rem, 16px);--font-size:var(--base-font-size);--font-size-xs:calc(var(--base-font-size) * pow(var(--type-ratio), -.5));--font-size-s:calc(var(--base-font-size) * pow(var(--type-ratio), -.25));--font-size-m:
|
|
1
|
+
@layer popover-polyfill;@layer design-system.defaults{:root{--colour-primary:#0048ff;--colour-primary-light:color-mix(in oklch, var(--colour-primary), white 90%);--colour-primary-lighter:color-mix(in oklch, var(--colour-primary), white 20%);--colour-primary-darker:color-mix(in oklch, var(--colour-primary), black 20%);--colour-primary-dark:color-mix(in oklch, var(--colour-primary), black 40%);--colour-primary-darkest:color-mix(in oklch, var(--colour-primary), black 50%);--colour-primary-scheme:dark;--colour-accent:#fafa61;--colour-accent-light:color-mix(in oklch, var(--colour-accent), white 90%);--colour-accent-lighter:color-mix(in oklch, var(--colour-accent), white 20%);--colour-accent-darker:color-mix(in oklch, var(--colour-accent), black 10%);--colour-accent-dark:color-mix(in oklch, var(--colour-accent), black 40%);--colour-accent-darkest:color-mix(in oklch, var(--colour-accent), black 50%);--colour-accent-scheme:light;--colour-scheme:light;color-scheme:var(--scheme);--colour-background:light-dark(#fff,#14140b);--colour-background-alt:light-dark(#f6f6ee,#0d0d0d);--colour-foreground:light-dark(#14140b,#fff);--colour-foreground-alt:light-dark(#424224,#9e9e94);--colour-border:light-dark(#dbdbd7,#333);--colour-link:light-dark(#0048ff,#e6edff);--colour-foreground-reverse:light-dark(#fff,#14140b);--colour-background-reverse:light-dark(#14140b,#fff);--colour-reverse-scheme:dark;--colour-error:light-dark(#a80022,oklch(89.2372% .0372404 22.4103));--colour-success:light-dark(#008500,oklch(90.6868% .0363644 142.495));--colour-warning:light-dark(#a35f00,oklch(91.0139% .0249352 63.8851));--colour-info:light-dark(#0048ff,oklch(90.2505% .0545782 263.487));--font-family:system-ui, sans-serif;--type-ratio:1.414;--base-font-size:max(1rem, 16px);--font-size:var(--base-font-size);--font-size-xs:calc(var(--base-font-size) * pow(var(--type-ratio), -.5));--font-size-s:calc(var(--base-font-size) * pow(var(--type-ratio), -.25));--font-size-m:var(--base-font-size);--font-size-ml:calc(var(--base-font-size) * pow(var(--type-ratio), .5));--font-size-l:calc(var(--base-font-size) * pow(var(--type-ratio), 1));--font-size-xl:calc(var(--base-font-size) * pow(var(--type-ratio), 2));--font-size-xxl:calc(var(--base-font-size) * pow(var(--type-ratio), 3));--font-size-xxxl:calc(var(--base-font-size) * pow(var(--type-ratio), 4));--font-size-diff:.3;--line-height:1.6;--line-height-h:1.2;--line-height-ui:.9rem;--font-weight-normal:400;--font-weight-bold:700;--spacing-xxxxs:.25em;--spacing-xxxs:.5em;--spacing-xxs:.75em;--spacing-xs:.875em;--spacing-s:1em;--spacing-m:1.5em;--spacing-l:2em;--spacing-xl:2.5em;--spacing-xxl:3em;--spacing-xxxl:3.5em;--spacing-xxxxl:3.5em;--spacing-ul:4.5em;--spacing-uul:5em;--spacing-uuul:5.5em;--outline-size:2px;--outline-style:solid;--_colour-outline:#0048ff;--outline-color:light-dark(var(--_colour-outline),color-mix(in oklch, var(--_colour-outline), white 90%));--container-max-width-narrow:58ch;--container-max-width:76ch;--gutter-min:1em;--gutter-max:2em;--gap-s:1em;--gap:1.5em;--gap-l:2em;--gap-xl:2.5em;--breakpoint-xs:420px;--breakpoint-s:540px;--breakpoint-m:720px;--breakpoint-l:946px;--breakpoint-xl:1100px;--shadow-color:#21212126;--shadow-size:.875em;--shadow-shape:0 0 var(--shadow-size);--box-shadow:var(--shadow-shape) var(--shadow-color);--border-radius:4px;--border-radius-l:2em;--border-radius-round:50%;--ratio:16 / 9;--ease:cubic-bezier(.25, 0, .3, 1)}@media (width<720px){:root{--section-xl:var(--spacing-xxl);--type-ratio:1.2}}}@layer design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@property --scheme{syntax:"light|dark";inherits:true;initial-value:light}@property --contrast-color{syntax:"<color>";inherits:true;initial-value:#000}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer popover-polyfill;@layer design-system.defaults{mx-cookie-consent{display:block}}@layer design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-cookie-consent{z-index:var(--cookie-consent-z-index,100);background-color:var(--cookie-consent-background,var(--colour-background));color:var(--cookie-consent-foreground,var(--colour-foreground));box-shadow:var(--cookie-consent-shadow,var(--box-shadow));position:fixed;inset-block-end:0;inset-inline:0;&[inert]{display:none}}.mx-cookie-consent__inner{justify-content:space-between;align-items:center;gap:var(--gap-s);padding-block:var(--spacing-s);padding-inline:var(--spacing-m);flex-wrap:wrap;margin-inline:auto;display:flex}.mx-cookie-consent__actions{gap:var(--spacing-xs);flex-wrap:wrap;flex-shrink:0;display:flex}}
|
|
1
|
+
@layer popover-polyfill;@layer design-system.defaults{mx-cookie-consent{display:block}}@layer design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-cookie-consent{opacity:1;transition-property:var(--transition-property,opacity, color, background-color, border-color, transform, rotate, display, overlay);transition-duration:var(--transition-duration,.5s);transition-timing-function:var(--ease);transition-behavior:allow-discrete;@starting-style{opacity:0}z-index:var(--cookie-consent-z-index,100);background-color:var(--cookie-consent-background,var(--colour-background));color:var(--cookie-consent-foreground,var(--colour-foreground));box-shadow:var(--cookie-consent-shadow,var(--box-shadow));border-block-start:var(--cookie-consent-line-width,1px) solid var(--cookie-consent-line-colour,transparent);position:fixed;inset-block-end:0;inset-inline:0;&[inert]{display:none}}.mx-cookie-consent__inner{justify-content:space-between;align-items:center;gap:var(--gap-s);padding-block:var(--spacing-s);padding-inline:var(--spacing-m);flex-wrap:wrap;margin-inline:auto;display:flex}.mx-cookie-consent__actions{gap:var(--spacing-xs);flex-wrap:wrap;flex-shrink:0;display:flex}}
|
package/dist/build/dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer popover-polyfill;@layer design-system.defaults{mx-dialog{display:block}}@layer design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-dialog{inline-size:min(100%, var(--container-max-width));overscroll-behavior:contain;background-color:var(--dialog-background,var(--colour-background));border:var(--line-width,1px) solid var(--line-colour,var(--colour-border));
|
|
1
|
+
@layer popover-polyfill;@layer design-system.defaults{mx-dialog{display:block}}@layer design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-dialog{opacity:1;transition-property:var(--transition-property,opacity, color, background-color, border-color, transform, rotate, display, overlay);transition-duration:var(--transition-duration,.5s);transition-timing-function:var(--ease);transition-behavior:allow-discrete;@starting-style{opacity:0}inline-size:min(100%, var(--container-max-width));overscroll-behavior:contain;background-color:var(--dialog-background,var(--colour-background));border:var(--line-width,1px) solid var(--line-colour,var(--colour-border));place-self:center;max-block-size:90vh;padding:0;overflow:auto hidden;transform:translateY(100%);&::backdrop{opacity:1;transition-property:var(--transition-property,opacity, color, background-color, border-color, transform, rotate, display, overlay);transition-duration:var(--transition-duration,.5s);transition-timing-function:var(--ease);transition-behavior:allow-discrete;@starting-style{opacity:0}background-color:#ffffffbf}&[open]{opacity:1;transform:translateY(0);@starting-style{opacity:0;transform:translateY(100%)}&::backdrop{opacity:.8;@starting-style{opacity:0}}}& .mx-dialog__content{padding:var(--spacing-s);@media (width>=720px){padding-block:var(--spacing-l);padding-inline:var(--spacing-xl)}}&>.mx-icon--close{z-index:11;border:0;position:absolute;inset-block-start:var(--spacing-xxs);inset-inline-end:var(--spacing-xxs)}}.mx-dialog--fullscreen{box-shadow:none;border:0;block-size:100%;max-block-size:none;inline-size:100%;inset-block-start:0;&[open]{display:grid}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./chunks/Dialog-
|
|
1
|
+
import"./chunks/Dialog-Haahn-Yn.js";
|
package/dist/build/elements.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e,t}from"./chunks/cookie-compliance-Bbm-0vpj.js";import{
|
|
1
|
+
import{n as e,t}from"./chunks/cookie-compliance-Bbm-0vpj.js";import{a as n,c as r,i,l as a,n as o,o as s,r as c,s as l,t as u}from"./chunks/utilities-_Bq3TxAQ.js";import{n as d,t as f}from"./chunks/Navigation-hOrfLq7h.js";import{t as p}from"./chunks/GlobalToggle-B52fdBQu.js";import{t as m}from"./chunks/Autocomplete-B4RtkAyh.js";import{t as h}from"./chunks/DropMenu-1baQc8Yc.js";import{t as g}from"./chunks/Tabs-DYy1YTdU.js";import{t as _}from"./chunks/Sticky-BGCuuEJK.js";import{t as v}from"./chunks/InPageNavigation-Dyn2TR-N.js";import{t as y}from"./chunks/ClosableAlert-DEhj8Nxm.js";import{n as b,t as x}from"./chunks/Gallery-D8NGXy2Q.js";import{t as S}from"./chunks/Dialog-Haahn-Yn.js";import{t as C}from"./chunks/Accordion-GN0sME4W.js";import{t as w}from"./chunks/AccordionMobile-DG5jSe8Q.js";import{t as T}from"./chunks/CookieConsent-BkCMRVST.js";import{t as E}from"./chunks/AccordionGroup-Bzqp5__q.js";var D=class e{el;callback;controller;observer;fallbackBtn;errorMsg;constructor(e,t){this.el=e,this.callback=t,this.fallbackBtn=this.el.querySelector(`[data-load-fallback]`),this.errorMsg=this.el.querySelector(`[data-load-error]`),this.controller=new AbortController}init=()=>{this.observer=new IntersectionObserver(e=>{e.forEach(({isIntersecting:e})=>{e&&this.load().catch(e=>this.handleError(e))})}),this.observer.observe(this.el);let{signal:e}=this.controller;this.fallbackBtn?.addEventListener(`click`,this.handleClick,{signal:e})};load=async()=>{try{await this.callback()}catch(e){this.handleError(e)}finally{this.destroy()}};destroy=()=>{this.observer.disconnect(),this.controller.abort()};handleClick=()=>{this.load().catch(e=>this.handleError(e))};handleError=e=>{this.errorMsg?.removeAttribute(`hidden`)};static create=(t,n)=>{Object.hasOwn(window,`once`)&&window.once(`intersection-loader`,t)?.forEach(t=>{new e(t,n).init()})}},O=class e{el;callback;controller;breakpoint;options;fallbackBtn;errorMsg;constructor(e,t,n={mediaQuery:`(max-width: 720px)`}){if(!e)throw Error(`Element is null or empty.`);this.el=e,this.callback=t,this.breakpoint=window.matchMedia(n.mediaQuery),this.options={...n},this.fallbackBtn=this.el.querySelector(`[data-load-fallback]`),this.errorMsg=this.el.querySelector(`[data-load-error]`),this.controller=new AbortController}init=()=>{this.responsiveCheck(this.breakpoint);let{signal:e}=this.controller;this.breakpoint.addEventListener(`change`,this.responsiveCheck,{signal:e}),this.fallbackBtn?.addEventListener(`click`,this.handleClick,{signal:e})};responsiveCheck=({matches:e})=>{e&&this.load().catch(e=>this.handleError(e))};load=async()=>{try{await this.callback()}catch(e){this.handleError(e)}finally{this.destroy()}};destroy=()=>{this.controller.abort()};handleClick=()=>{this.load().catch(e=>this.handleError(e))};handleError=e=>{this.errorMsg?.removeAttribute(`hidden`)};static create=(t,n,r={})=>{Object.hasOwn(window,`once`)&&window.once(`breakpoint-loader`,t)?.forEach(t=>{new e(t,n,r).init()})}},k=class extends HTMLElement{internals_;controller;widget;static observedAttributes=[`open`];constructor(){super(),this.internals_=this.attachInternals(),this.controller=new AbortController}connectedCallback(){if(!this.trigger||!this.content)return;this.content?.setAttribute(`inert`,``),this.content?.setAttribute(`role`,`region`),this.widget=new a(this.trigger,this,{attribute:`open`,setInitialAttribute:!1}),this.widget.init();let{signal:e}=this.controller;this.handleHash(),document.addEventListener(`hashchange`,this.handleHash,{signal:e})}disconnectedCallback(){this.content?.removeAttribute(`inert`),this.widget.detach(),this.controller.abort()}attributeChangedCallback(e,t,n){let r=n===null;this.content?.toggleAttribute(`inert`,r)}handleHash=()=>{let{hash:e}=window.location;e&&e===`#${this.id}`&&!this.hasAttribute(`open`)&&this.widget.handleToggle()};get trigger(){let e=this.querySelector(`:scope > button`);if(!e)throw Error(`${this.localName} must contain a <button> element.`);return e}get content(){let e=this.trigger?.nextElementSibling;if(!e)throw Error(`${this.localName} must contain a <div> element after the <button>.`);return e}};customElements.get(`mx-accordiondiv`)||customElements.define(`mx-accordiondiv`,k);export{C as Accordion,k as AccordionDiv,E as AccordionGroup,w as AccordionMobile,m as Autocomplete,O as BreakpointLoader,b as Carousel,y as ClosableAlert,t as CookieCompliance,T as CookieConsent,S as Dialog,a as DisclosureWidget,h as DropMenu,x as Gallery,p as GlobalToggle,v as InPageNavigation,D as IntersectionLoader,d as Keyboard,f as Navigation,_ as Sticky,g as Tabs,u as createElement,o as getElementBox,c as handleEscape,i as handleOutsideClick,n as isInternalLink,s as loadOnReady,l as makeAnchor,r as makeCamelCase,e as validators};
|
package/dist/build/filters.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-filters{gap:var(--gap);display:grid;&:not(:defined){& [data-show]{display:none}& .mx-filters__title .mx-icon--chevron-right{@media (width>=720px){rotate:90deg}}& [open] .mx-filters__title .mx-icon--chevron-right{@media (width>=720px){rotate:-90deg}}}&:defined .mx-filters__title{@media (width>=720px){pointer-events:none;& .mx-icon{display:none}}}}.mx-filters__title{--heading-font-size:var(--font-size-l);--font-min:calc(var(--heading-font-size) - var(--heading-font-size) * var(--font-size-diff,.3));font-weight:var(--font-weight-bold);font-size:clamp(max(var(--base-font-size), var(--font-min)), var(--font-min) + 1cqi, var(--heading-font-size));gap:var(--spacing-s);align-items:center;min-block-size:40px;display:flex;& .mx-icon{margin-inline-start:auto}& [data-counters]{@media (width>=720px){display:none}}&.mx-accordion__toggle+.mx-filters__form{padding-block-start:var(--block-padding,var(--gap))}}.mx-filters__form{& .mx-accordion__toggle{gap:var(--spacing-s);align-items:center;display:flex;& .mx-icon{margin-inline-start:auto}}& :is(.mx-input__text,.mx-input__select,.mx-input__textarea){inline-size:100%}}.mx-filter-item .mx-accordion__content{padding-block-start:var(--spacing-xxxs)}.mx-filters--sticky{@media (width>=720px){& .mx-filters__form{max-block-size:calc(100dvh - var(--filters-sticky-offset,var(--spacing-l)) - var(--spacing-l));position:sticky;inset-block-start:var(--filters-sticky-offset,var(--spacing-l));overflow-y:auto}}}.mx-filters--right{@media (width<720px){& .mx-filters__form{background-color:var(--background,var(--colour-background));padding-inline:var(--gutter,clamp(var(--spacing-s), 6vw, var(--spacing-l)));z-index:200;opacity:0;inline-size:100vw;padding-block-end:var(--block-padding);display:none;position:fixed;inset-block:0;inset-inline:0;overflow-y:auto;transform:translate(100%)}& [open] .mx-filters__form{opacity:1;display:block;transform:translate(0);@starting-style{opacity:0;display:block;transform:translate(100%)}}}@media (width>=720px){& .mx-filters__form{--block-padding:0;& .mx-filters__title{display:none}}}}}
|
|
1
|
+
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-filters{gap:var(--gap);display:grid;&:not(:defined){& [data-show]{display:none}& .mx-filters__title .mx-icon--chevron-right{@media (width>=720px){rotate:90deg}}& [open] .mx-filters__title .mx-icon--chevron-right{@media (width>=720px){rotate:-90deg}}}&:defined .mx-filters__title{@media (width>=720px){pointer-events:none;& .mx-icon{display:none}}}}.mx-filters__title{--heading-font-size:var(--font-size-l);--font-min:calc(var(--heading-font-size) - var(--heading-font-size) * var(--font-size-diff,.3));font-weight:var(--font-weight-bold);font-size:clamp(max(var(--base-font-size), var(--font-min)), var(--font-min) + 1cqi, var(--heading-font-size));gap:var(--spacing-s);align-items:center;min-block-size:40px;display:flex;& .mx-icon{margin-inline-start:auto}& [data-counters]{@media (width>=720px){display:none}}&.mx-accordion__toggle+.mx-filters__form{padding-block-start:var(--block-padding,var(--gap))}}.mx-filters__form{& .mx-accordion__toggle{gap:var(--spacing-s);min-block-size:var(--spacing-m);align-items:center;display:flex;& .mx-icon{margin-inline-start:auto}}& :is(.mx-input__text,.mx-input__select,.mx-input__textarea){inline-size:100%}&[aria-busy=true]{position:relative;&:after{position:absolute;inset-block-end:var(--spinner-size,var(--spacing-xs));inset-inline-end:0}}}.mx-filter-item .mx-accordion__content{padding-block-start:var(--spacing-xxxs)}.mx-filters--sticky{@media (width>=720px){& .mx-filters__form{max-block-size:calc(100dvh - var(--filters-sticky-offset,var(--spacing-l)) - var(--spacing-l));position:sticky;inset-block-start:var(--filters-sticky-offset,var(--spacing-l));overflow-y:auto}}}.mx-filters--right{@media (width<720px){& .mx-filters__form{background-color:var(--background,var(--colour-background));padding-inline:var(--gutter,clamp(var(--spacing-s), 6vw, var(--spacing-l)));z-index:200;opacity:0;inline-size:100vw;padding-block-end:var(--block-padding);display:none;position:fixed;inset-block:0;inset-inline:0;overflow-y:auto;transform:translate(100%)}& [open] .mx-filters__form{opacity:1;display:block;transform:translate(0);@starting-style{opacity:0;display:block;transform:translate(100%)}}}@media (width>=720px){& .mx-filters__form{--block-padding:0;& .mx-filters__title{display:none}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e}from"./chunks/cookie-compliance-Bbm-0vpj.js";import"./chunks/utilities-
|
|
1
|
+
import{n as e}from"./chunks/cookie-compliance-Bbm-0vpj.js";import"./chunks/utilities-_Bq3TxAQ.js";import"./chunks/Accordion-GN0sME4W.js";import"./chunks/AccordionMobile-DG5jSe8Q.js";import"./chunks/enums-DLV_1NAf.js";import{createFocusTrap as t}from"focus-trap";var n=class extends HTMLElement{internals_;controller;entries;timeout;mq;focusTrap;rafId;focusTrapTimeout;scrollLockClass=`body--scroll-lock`;isRight;isInstant;instantDebounce;static observedAttributes=[`count`];constructor(){super(),this.internals_=this.attachInternals(),this.controller=new AbortController,this.mq=this.getAttribute(`mq`)||`(max-width: 720px)`,this.isRight=this.classList.contains(`mx-filters--right`),this.isInstant=this.classList.contains(`mx-filters--auto`)}connectedCallback(){if(!this.items)return;let{signal:e}=this.controller;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}),this.isInstant&&(this.addEventListener(`change`,this.handleInstantSubmit,{signal:e}),this.addEventListener(`input`,this.handleInstantSubmit,{signal:e})),this.isRight&&(this.handleBreakpoint(this.breakpoint),this.breakpoint.addEventListener(`change`,this.handleBreakpoint,{signal:e}),this.focusTrap=t(this.form,{escapeDeactivates:!1,setReturnFocus:this.details,allowOutsideClick:!0,onActivate:()=>document.body.classList.add(this.scrollLockClass),onDeactivate:()=>document.body.classList.remove(this.scrollLockClass),checkCanFocusTrap:([e])=>new Promise(t=>{this.focusTrapTimeout=setTimeout(()=>{this.rafId&&=(cancelAnimationFrame(this.rafId),null),t()},2e3);let n=()=>{getComputedStyle(e).display===`none`?this.rafId=requestAnimationFrame(n):(this.focusTrapTimeout&&=(clearTimeout(this.focusTrapTimeout),null),this.rafId=null,t())};this.rafId=requestAnimationFrame(n)})}))}disconnectedCallback(){this.controller.abort(),this.timeout&&=(clearTimeout(this.timeout),null),this.instantDebounce&&=(clearTimeout(this.instantDebounce),null),this.rafId&&=(cancelAnimationFrame(this.rafId),null),this.focusTrapTimeout&&=(clearTimeout(this.focusTrapTimeout),null),this.focusTrap?.deactivate(),document.body.classList.remove(this.scrollLockClass)}attributeChangedCallback(t,n,r){if(t===`count`&&n!==r){let t=e.integer(r,1);if(this.resetBtn?.toggleAttribute(`disabled`,!t),this.submitBtn?.toggleAttribute(`disabled`,!t),!this.allCounter)return;this.allCounter.textContent=t?r:``}}handleClose=e=>{this.details&&(this.details.open=!1,e.preventDefault())};handleShow=e=>{e.preventDefault();let t=this.showBtn.previousElementSibling;t.removeAttribute(`hidden`);let n=t.previousElementSibling.querySelector(`input`);n&&(n.focus({preventScroll:!0}),this.timeout=setTimeout(()=>{this.showBtn.setAttribute(`hidden`,``)},100))};handleReset=()=>{this.entries.forEach((e,t)=>{this.entries.set(t,{...e,count:null}),e.counter&&(e.counter.textContent=``)}),this.setAttribute(`count`,`0`),this.instantDebounce&&=(clearTimeout(this.instantDebounce),null),this.isInstant&&(this.instantDebounce=setTimeout(()=>this.form?.requestSubmit(),0))};handleInstantSubmit=e=>{let t=e.target,n=t instanceof HTMLSelectElement||t instanceof HTMLInputElement&&[`checkbox`,`radio`].includes(t.type);n===(e.type===`change`)&&(this.instantDebounce&&=(clearTimeout(this.instantDebounce),null),n?this.form?.requestSubmit():this.instantDebounce=setTimeout(()=>this.form?.requestSubmit(),400))};handleCounters=()=>{let e=new FormData(this.form,this.submitBtn);this.entries.forEach((t,n)=>{let{length:r}=e.getAll(n).filter(Boolean),i=r>0?r:null;this.entries.set(n,{...t,count:i}),t.counter&&(t.counter.textContent=i?.toString()||``)});let t=[...this.entries].filter(([,e])=>e.count).length;this.setAttribute(`count`,t.toString())};handleBreakpoint=({matches:e})=>{if(!this.details)return;let{signal:t}=this.controller;e?this.details.addEventListener(`toggle`,this.handleToggle,{signal:t}):(this.details.removeEventListener(`toggle`,this.handleToggle),document.body.classList.remove(this.scrollLockClass),this.focusTrap?.deactivate())};handleToggle=async()=>{if(this.details.open)try{await this.focusTrap?.activate()}catch{}else this.focusTrap?.deactivate()};get items(){let e=this.querySelectorAll(`.mx-filter-item`);if(!e)throw Error(`${this.localName} must contain a .mx-filter-item element.`);return this.entries=/* @__PURE__ */ new Map,e.forEach(e=>{let t=e.querySelector(`input, select`)?.getAttribute(`name`);this.entries.set(t,{item:e,counter:e.querySelector(`[data-counter]`)})}),e}get details(){return this.querySelector(`mx-accordionmobile > details`)}get closeBtn(){return this.details?.querySelector(`button[data-close]`)}get form(){return this.querySelector(`form`)}get resetBtn(){return this.querySelector(`button[type='reset']`)}get submitBtn(){return this.querySelector(`button[type='submit']`)}get showBtn(){return this.querySelector(`button[data-show]`)}get allCounter(){return this.querySelector(`[data-counters]`)}get breakpoint(){return window.matchMedia(this.mq)}get pending(){return this.form?.getAttribute(`aria-busy`)===`true`}set pending(e){this.form?.setAttribute(`aria-busy`,String(e))}};customElements.get(`mx-filters`)||customElements.define(`mx-filters`,n);
|