@pnx-mixtape/mxds 0.0.21 → 0.0.23
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/dist/build/accordion.entry.js +32 -43
- package/dist/build/accordion.entry.js.map +1 -1
- package/dist/build/base.css +19 -39
- package/dist/build/button.css +7 -8
- package/dist/build/chunks/{Accordion-O-huO4At.js → Accordion-D1HQ0FDq.js} +23 -21
- package/dist/build/chunks/{Accordion-O-huO4At.js.map → Accordion-D1HQ0FDq.js.map} +1 -1
- package/dist/build/chunks/disclosure-widget-CdjCdx7t.js +129 -0
- package/dist/build/chunks/disclosure-widget-CdjCdx7t.js.map +1 -0
- package/dist/build/chunks/drop-menu.entry-fzV-_VFl.js +70 -0
- package/dist/build/chunks/drop-menu.entry-fzV-_VFl.js.map +1 -0
- package/dist/build/chunks/{polyfills-C-B7iqDG.js → polyfills-DnrsypYs.js} +35 -26
- package/dist/build/chunks/polyfills-DnrsypYs.js.map +1 -0
- package/dist/build/chunks/popover.entry-BQvyR0d5.js +38 -0
- package/dist/build/chunks/popover.entry-BQvyR0d5.js.map +1 -0
- package/dist/build/chunks/{utilities-DXELy_An.js → utilities-Ci7wwNeg.js} +9 -106
- package/dist/build/chunks/utilities-Ci7wwNeg.js.map +1 -0
- package/dist/build/constants.css +10 -31
- package/dist/build/dialog.entry.js +23 -31
- package/dist/build/dialog.entry.js.map +1 -1
- package/dist/build/drop-menu.entry.js +1 -1
- package/dist/build/drupal.css +5 -9
- package/dist/build/filters.entry.js +54 -50
- package/dist/build/filters.entry.js.map +1 -1
- package/dist/build/form.css +12 -26
- package/dist/build/global-alert.entry.js +26 -19
- package/dist/build/global-alert.entry.js.map +1 -1
- package/dist/build/grid.css +3 -9
- package/dist/build/header.css +5 -3
- package/dist/build/header.entry.js +93 -88
- package/dist/build/header.entry.js.map +1 -1
- package/dist/build/icon.css +3 -3
- package/dist/build/in-page-navigation.entry.js +16 -12
- package/dist/build/in-page-navigation.entry.js.map +1 -1
- package/dist/build/navigation.css +21 -56
- package/dist/build/navigation.entry.js +148 -50
- package/dist/build/navigation.entry.js.map +1 -1
- package/dist/build/page.css +1 -1
- package/dist/build/popover.css +119 -0
- package/dist/build/popover.entry.js +2 -0
- package/dist/build/popover.entry.js.map +1 -0
- package/dist/build/section.css +1 -1
- package/dist/build/sticky.entry.js +11 -12
- package/dist/build/sticky.entry.js.map +1 -1
- package/dist/build/tabs.entry.js +108 -91
- package/dist/build/tabs.entry.js.map +1 -1
- package/dist/build/utility-list.css +43 -0
- package/dist/build/utility-list.entry.js +80 -0
- package/dist/build/utility-list.entry.js.map +1 -0
- package/package.json +9 -10
- package/src/Atom/{Base.mdx → Atom.mdx} +1 -1
- package/src/Atom/Background/Backgrounds.stories.ts +21 -4
- package/src/Atom/Background/__snapshots__/Backgrounds.stories.ts.snap +1 -1
- package/src/Atom/Background/_background.css +1 -2
- package/src/Atom/Blockquote/_blockquote.css +1 -2
- package/src/Atom/Button/Button.stories.ts +128 -19
- package/src/Atom/Button/__snapshots__/Button.stories.ts.snap +75 -11
- package/src/Atom/Button/__snapshots__/Button.stories.tsx.snap +1 -1
- package/src/Atom/Button/_buttons.css +5 -5
- package/src/Atom/DefinitionList/DefinitionList.stories.ts +20 -3
- package/src/Atom/DefinitionList/DefinitionList.stories.tsx +3 -9
- package/src/Atom/DefinitionList/DefinitionList.tsx +3 -4
- package/src/Atom/DefinitionList/__snapshots__/DefinitionList.stories.ts.snap +1 -1
- package/src/Atom/DefinitionList/__snapshots__/DefinitionList.stories.tsx.snap +1 -1
- package/src/Atom/Heading/Heading.stories.ts +49 -7
- package/src/Atom/Heading/Heading.tsx +1 -6
- package/src/Atom/Heading/__snapshots__/Heading.stories.ts.snap +9 -1
- package/src/Atom/Heading/__snapshots__/Heading.stories.tsx.snap +1 -1
- package/src/Atom/Heading/_headings.css +1 -2
- package/src/Atom/Icon/Icon.mdx +5 -1
- package/src/Atom/Icon/Icon.stories.ts +76 -6
- package/src/Atom/Icon/Icon.tsx +1 -8
- package/src/Atom/Icon/__snapshots__/Icon.stories.ts.snap +18 -4
- package/src/Atom/Icon/__snapshots__/Icon.stories.tsx.snap +1 -1
- package/src/Atom/Icon/_icon.css +1 -1
- package/src/Atom/Image/Image.stories.ts +4 -3
- package/src/Atom/Image/__snapshots__/Image.stories.ts.snap +1 -1
- package/src/Atom/Link/Link.stories.ts +74 -7
- package/src/Atom/Link/__snapshots__/Link.stories.ts.snap +4 -4
- package/src/Atom/Link/__snapshots__/Link.stories.tsx.snap +1 -1
- package/src/Atom/Media/Media.stories.ts +34 -5
- package/src/Atom/Media/Media.tsx +1 -6
- package/src/Atom/Media/__snapshots__/Media.stories.ts.snap +2 -2
- package/src/Atom/Media/__snapshots__/Media.stories.tsx.snap +1 -1
- package/src/Atom/Media/_media.css +2 -10
- package/src/Atom/Spacing/Spacing.stories.ts +45 -31
- package/src/Atom/Spacing/__snapshots__/Spacing.stories.ts.snap +5 -4
- package/src/Atom/Spacing/spacing.twig +5 -2
- package/src/Atom/Table/__snapshots__/Table.stories.ts.snap +1 -1
- package/src/Atom/Table/__snapshots__/TableResponsive.stories.ts.snap +1 -1
- package/src/Atom/Table/_table.css +1 -2
- package/src/Atom/Text/Text.stories.ts +62 -0
- package/src/Atom/Text/__snapshots__/{TextSizes.stories.ts.snap → Text.stories.ts.snap} +14 -27
- package/src/Atom/Text/__snapshots__/Text.stories.tsx.snap +1 -1
- package/src/Atom/Text/_text-sizes.css +2 -4
- package/src/Atom/Text/text-style.twig +11 -1
- package/src/Atom/Text/text-styles-example.twig +2 -16
- package/src/Atom/Video/Video.stories.ts +6 -4
- package/src/Atom/Video/Video.tsx +1 -5
- package/src/Atom/Video/__snapshots__/Video.stories.ts.snap +1 -1
- package/src/Atom/_generic.css +4 -4
- package/src/Atom/_hr.css +1 -2
- package/src/Component/Accordion/Accordion.stories.ts +26 -8
- package/src/Component/Accordion/Accordion.stories.tsx +8 -10
- package/src/Component/Accordion/Accordion.tsx +2 -13
- package/src/Component/Accordion/AccordionItem.stories.ts +90 -0
- package/src/Component/Accordion/Components/AccordionContent.tsx +1 -5
- package/src/Component/Accordion/Components/AccordionTitle.tsx +1 -4
- package/src/Component/Accordion/Elements/Accordion.ts +1 -1
- package/src/Component/Accordion/Elements/AccordionDiv.ts +4 -11
- package/src/Component/Accordion/Elements/AccordionGroup.ts +10 -24
- package/src/Component/Accordion/Elements/AccordionMobile.ts +4 -4
- package/src/Component/Accordion/__snapshots__/Accordion.stories.ts.snap +17 -6
- package/src/Component/Accordion/__snapshots__/Accordion.stories.tsx.snap +1 -1
- package/src/Component/Accordion/__snapshots__/AccordionItem.stories.ts.snap +90 -0
- package/src/Component/Accordion/accordion.css +7 -5
- package/src/Component/Accordion/twig/accordion-div.twig +13 -11
- package/src/Component/Accordion/twig/accordion-mobile.twig +13 -11
- package/src/Component/Breadcrumb/Breadcrumb.stories.ts +14 -0
- package/src/Component/Breadcrumb/Breadcrumb.tsx +2 -12
- package/src/Component/Breadcrumb/__snapshots__/Breadcrumb.stories.ts.snap +1 -1
- package/src/Component/Breadcrumb/__snapshots__/Breadcrumb.stories.tsx.snap +1 -1
- package/src/Component/Breadcrumb/breadcrumb.css +1 -4
- package/src/Component/Callout/Callout.stories.ts +20 -0
- package/src/Component/Callout/__snapshots__/Callout.stories.ts.snap +1 -1
- package/src/Component/Callout/callout.css +1 -2
- package/src/Component/Card/Card.stories.ts +129 -14
- package/src/Component/Card/Card.stories.tsx +2 -2
- package/src/Component/Card/Components/CardContent.tsx +1 -5
- package/src/Component/Card/__snapshots__/Card.stories.ts.snap +24 -24
- package/src/Component/Card/__snapshots__/Card.stories.tsx.snap +1 -1
- package/src/Component/Card/card.css +2 -6
- package/src/Component/Card/card.twig +1 -1
- package/src/Component/Carousel/Carousel.stories.ts +61 -8
- package/src/Component/Carousel/Elements/Carousel.ts +10 -19
- package/src/Component/Carousel/__snapshots__/Carousel.stories.ts.snap +321 -35
- package/src/Component/Carousel/carousel.css +1 -2
- package/src/Component/ContentBlock/Components/ContentBlockContent.tsx +1 -5
- package/src/Component/ContentBlock/Components/ContentBlockMedia.tsx +1 -4
- package/src/Component/ContentBlock/ContentBlock.stories.ts +63 -13
- package/src/Component/ContentBlock/ContentBlock.stories.tsx +2 -2
- package/src/Component/ContentBlock/ContentBlock.tsx +1 -5
- package/src/Component/ContentBlock/__snapshots__/ContentBlock.stories.ts.snap +11 -11
- package/src/Component/ContentBlock/__snapshots__/ContentBlock.stories.tsx.snap +1 -1
- package/src/Component/Dialog/Dialog.stories.ts +78 -21
- package/src/Component/Dialog/Dialog.stories.tsx +2 -3
- package/src/Component/Dialog/Elements/Dialog.ts +7 -16
- package/src/Component/Dialog/__snapshots__/Dialog.stories.ts.snap +8 -11
- package/src/Component/Dialog/__snapshots__/Dialog.stories.tsx.snap +1 -1
- package/src/Component/Dialog/dialog.css +1 -2
- package/src/Component/Dialog/dialog.twig +1 -1
- package/src/Component/DropMenu/Components/DropMenuContext.tsx +4 -12
- package/src/Component/DropMenu/DropMenu.stories.ts +60 -1
- package/src/Component/DropMenu/DropMenu.tsx +2 -7
- package/src/Component/DropMenu/Elements/DropMenu.ts +21 -91
- package/src/Component/DropMenu/__snapshots__/DropMenu.stories.ts.snap +53 -11
- package/src/Component/DropMenu/__snapshots__/DropMenu.stories.tsx.snap +1 -1
- package/src/Component/DropMenu/drop-menu.css +13 -41
- package/src/Component/DropMenu/drop-menu.twig +8 -6
- package/src/Component/Filters/Elements/Filters.ts +7 -11
- package/src/Component/Filters/FilterItem.stories.ts +180 -0
- package/src/Component/Filters/Filters.stories.ts +83 -8
- package/src/Component/Filters/__snapshots__/FilterItem.stories.ts.snap +135 -0
- package/src/Component/Filters/__snapshots__/Filters.stories.ts.snap +43 -41
- package/src/Component/Filters/filter-item.twig +1 -1
- package/src/Component/Filters/filters.css +33 -17
- package/src/Component/GlobalAlert/Elements/ClosableAlert.ts +8 -7
- package/src/Component/GlobalAlert/GlobalAlert.stories.ts +60 -12
- package/src/Component/GlobalAlert/GlobalAlert.stories.tsx +1 -2
- package/src/Component/GlobalAlert/__snapshots__/GlobalAlert.stories.ts.snap +8 -6
- package/src/Component/GlobalAlert/__snapshots__/GlobalAlert.stories.tsx.snap +3 -3
- package/src/Component/HeroBanner/HeroBanner.stories.ts +84 -7
- package/src/Component/HeroBanner/HeroBanner.stories.tsx +4 -4
- package/src/Component/HeroBanner/__snapshots__/HeroBanner.stories.ts.snap +91 -99
- package/src/Component/HeroBanner/__snapshots__/HeroBanner.stories.tsx.snap +1 -1
- package/src/Component/HeroSearch/HeroSearch.stories.ts +23 -4
- package/src/Component/HeroSearch/HeroSearch.stories.tsx +4 -4
- package/src/Component/HeroSearch/__snapshots__/HeroSearch.stories.ts.snap +10 -10
- package/src/Component/HeroSearch/__snapshots__/HeroSearch.stories.tsx.snap +1 -1
- package/src/Component/InPageAlert/InPageAlert.stories.ts +76 -8
- package/src/Component/InPageAlert/InPageAlert.stories.tsx +1 -2
- package/src/Component/InPageAlert/InPageAlert.tsx +1 -4
- package/src/Component/InPageAlert/__snapshots__/InPageAlert.stories.ts.snap +80 -2
- package/src/Component/InPageAlert/__snapshots__/InPageAlert.stories.tsx.snap +1 -1
- package/src/Component/InPageNavigation/Elements/InPageNavigation.ts +7 -9
- package/src/Component/InPageNavigation/Hooks/useInPageNavigation.ts +3 -5
- package/src/Component/InPageNavigation/InPageNavigation.stories.ts +44 -9
- package/src/Component/InPageNavigation/InPageNavigation.stories.tsx +32 -40
- package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.ts.snap +152 -5
- package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.tsx.snap +1 -1
- package/src/Component/LinkList/LinkList.stories.ts +23 -0
- package/src/Component/LinkList/__snapshots__/LinkList.stories.ts.snap +8 -8
- package/src/Component/LinkList/__snapshots__/LinkList.stories.tsx.snap +1 -1
- package/src/Component/LinkList/link-list.css +1 -2
- package/src/Component/ListItem/Components/ListItemContent.tsx +1 -5
- package/src/Component/ListItem/Components/ListItemMedia.tsx +1 -4
- package/src/Component/ListItem/ListItem.stories.ts +91 -11
- package/src/Component/ListItem/ListItem.stories.tsx +6 -7
- package/src/Component/ListItem/__snapshots__/ListItem.stories.ts.snap +1 -1
- package/src/Component/ListItem/__snapshots__/ListItem.stories.tsx.snap +1 -1
- package/src/Component/ListItem/list-item.css +1 -2
- package/src/Component/Navigation/Components/DropdownLevel.tsx +5 -13
- package/src/Component/Navigation/Elements/Navigation.ts +6 -13
- package/src/Component/Navigation/Navigation.stories.ts +48 -0
- package/src/Component/Navigation/__snapshots__/Dropdown.stories.tsx.snap +1 -1
- package/src/Component/Navigation/__snapshots__/Navigation.stories.ts.snap +1 -1
- package/src/Component/Navigation/__snapshots__/Navigation.stories.tsx.snap +1 -1
- package/src/Component/Navigation/_navigation-collapsible.css +2 -4
- package/src/Component/Navigation/_navigation-dropdown.css +10 -32
- package/src/Component/Navigation/_navigation-mega.css +1 -4
- package/src/Component/Navigation/_navigation.css +1 -4
- package/src/Component/Pagination/Components/PaginationContext.tsx +5 -19
- package/src/Component/Pagination/Components/PaginationItem.tsx +1 -5
- package/src/Component/Pagination/Pagination.stories.ts +28 -0
- package/src/Component/Pagination/Pagination.tsx +3 -11
- package/src/Component/Pagination/__snapshots__/Pagination.stories.ts.snap +3 -3
- package/src/Component/Pagination/__snapshots__/Pagination.stories.tsx.snap +1 -1
- package/src/Component/Pagination/pagination.css +1 -4
- package/src/Component/Popover/Elements/Popover.ts +55 -0
- package/src/Component/Popover/Popover.stories.ts +259 -0
- package/src/Component/Popover/__snapshots__/Popover.stories.ts.snap +508 -0
- package/src/Component/{DropMenu → Popover}/polyfills.js +6 -4
- package/src/Component/Popover/popover.css +113 -0
- package/src/Component/Popover/popover.entry.js +1 -0
- package/src/Component/Popover/popover.twig +27 -0
- package/src/Component/ResultsBar/Components/ResultsBarInfo.tsx +2 -7
- package/src/Component/ResultsBar/Components/ResultsBarSort.tsx +1 -6
- package/src/Component/ResultsBar/ResultsBar.stories.ts +34 -4
- package/src/Component/ResultsBar/__snapshots__/ResultsBar.stories.ts.snap +3 -3
- package/src/Component/ResultsBar/__snapshots__/ResultsBar.stories.tsx.snap +1 -1
- package/src/Component/SideNavigation/SideNavigation.stories.ts +40 -0
- package/src/Component/SideNavigation/__snapshots__/SideNavigation.stories.ts.snap +1 -1
- package/src/Component/SideNavigation/side-navigation.css +3 -6
- package/src/Component/SocialLinks/SocialLinks.stories.ts +20 -0
- package/src/Component/SocialLinks/__snapshots__/SocialLinks.stories.ts.snap +5 -5
- package/src/Component/SocialShare/SocialShare.stories.ts +37 -0
- package/src/Component/SocialShare/SocialShare.tsx +2 -4
- package/src/Component/SocialShare/__snapshots__/SocialShare.stories.ts.snap +40 -0
- package/src/Component/SocialShare/__snapshots__/SocialShare.stories.tsx.snap +1 -1
- package/src/Component/SocialShare/social-share.twig +34 -0
- package/src/Component/Steps/StepItem.stories.ts +48 -0
- package/src/Component/Steps/Steps.stories.ts +82 -13
- package/src/Component/Steps/__snapshots__/StepItem.stories.ts.snap +31 -0
- package/src/Component/Steps/__snapshots__/Steps.stories.ts.snap +109 -28
- package/src/Component/Steps/step-item.twig +1 -1
- package/src/Component/Steps/steps.css +4 -11
- package/src/Component/Sticky/Elements/Sticky.ts +3 -8
- package/src/Component/Sticky/Sticky.stories.ts +35 -3
- package/src/Component/Sticky/__snapshots__/Sticky.stories.ts.snap +1 -1
- package/src/Component/Sticky/__snapshots__/Sticky.stories.tsx.snap +1 -1
- package/src/Component/Sticky/sticky.twig +1 -1
- package/src/Component/Tabs/Components/Tab.tsx +2 -8
- package/src/Component/Tabs/Components/TabPanel.tsx +1 -5
- package/src/Component/Tabs/Elements/Tabs.ts +21 -31
- package/src/Component/Tabs/TabItem.stories.ts +52 -0
- package/src/Component/Tabs/Tabs.stories.ts +51 -8
- package/src/Component/Tabs/Tabs.tsx +6 -22
- package/src/Component/Tabs/__snapshots__/TabItem.stories.ts.snap +12 -0
- package/src/Component/Tabs/__snapshots__/Tabs.stories.ts.snap +127 -11
- package/src/Component/Tabs/__snapshots__/Tabs.stories.tsx.snap +1 -1
- package/src/Component/Tabs/tab-item.twig +1 -2
- package/src/Component/Tabs/tabs.css +56 -59
- package/src/Component/Tag/Tag.stories.ts +30 -0
- package/src/Component/Tag/Tag.tsx +1 -5
- package/src/Component/Tag/__snapshots__/Tag.stories.ts.snap +1 -1
- package/src/Component/Tag/__snapshots__/Tag.stories.tsx.snap +1 -1
- package/src/Component/Tag/tag.css +1 -4
- package/src/Component/UtilityList/Elements/UtilityList.ts +110 -0
- package/src/Component/UtilityList/UtilityList.stories.ts +72 -0
- package/src/Component/UtilityList/__snapshots__/UtilityList.stories.ts.snap +274 -0
- package/src/Component/UtilityList/utility-list.css +40 -0
- package/src/Component/UtilityList/utility-list.entry.js +1 -0
- package/src/Component/UtilityList/utility-list.twig +66 -0
- package/src/Form/Checkbox/FormCheckbox.stories.tsx +1 -3
- package/src/Form/Checkbox/FormCheckbox.tsx +4 -25
- package/src/Form/Checkbox/__snapshots__/Checkbox.stories.ts.snap +3 -3
- package/src/Form/Description/Description.stories.ts +1 -2
- package/src/Form/Description/FormStatus.stories.ts +1 -4
- package/src/Form/Description/__snapshots__/Description.stories.ts.snap +1 -1
- package/src/Form/Description/__snapshots__/FormDescription.stories.tsx.snap +1 -1
- package/src/Form/Description/__snapshots__/FormStatus.stories.ts.snap +3 -3
- package/src/Form/Form/Form.tsx +1 -3
- package/src/Form/Form/__snapshots__/Form.stories.tsx.snap +1 -1
- package/src/Form/Form/__snapshots__/FormTitle.stories.tsx.snap +1 -1
- package/src/Form/FormItem/FormItem.stories.ts +3 -9
- package/src/Form/FormItem/__snapshots__/FormItem.stories.ts.snap +18 -18
- package/src/Form/FormItem/__snapshots__/FormItem.stories.tsx.snap +1 -1
- package/src/Form/Label/FormLabel.tsx +1 -5
- package/src/Form/Label/__snapshots__/FormLabel.stories.tsx.snap +1 -1
- package/src/Form/Label/__snapshots__/Label.stories.ts.snap +3 -3
- package/src/Form/Radio/FormRadio.stories.tsx +1 -3
- package/src/Form/Radio/FormRadio.tsx +4 -25
- package/src/Form/Radio/__snapshots__/Radio.stories.ts.snap +9 -9
- package/src/Form/Search/__snapshots__/Search.stories.ts.snap +1 -1
- package/src/Form/Select/FormSelect.tsx +3 -9
- package/src/Form/Select/__snapshots__/FormSelect.stories.tsx.snap +1 -1
- package/src/Form/Select/__snapshots__/Select.stories.ts.snap +2 -2
- package/src/Form/TextInput/FormText.tsx +3 -9
- package/src/Form/TextInput/TextInput.stories.ts +1 -4
- package/src/Form/TextInput/__snapshots__/FormText.stories.tsx.snap +1 -1
- package/src/Form/TextInput/__snapshots__/InputDivider.stories.ts.snap +1 -1
- package/src/Form/TextInput/__snapshots__/TextInput.stories.ts.snap +3 -3
- package/src/Form/Textarea/FormTextarea.tsx +3 -9
- package/src/Form/Textarea/__snapshots__/FormTextarea.stories.tsx.snap +1 -1
- package/src/Form/Textarea/__snapshots__/Textarea.stories.ts.snap +2 -2
- package/src/Form/form.css +6 -14
- package/src/Introduction.mdx +1 -2
- package/src/Layout/Footer/Footer.stories.ts +1 -5
- package/src/Layout/Footer/Footer.stories.tsx +2 -3
- package/src/Layout/Footer/Footer.tsx +3 -12
- package/src/Layout/Footer/__snapshots__/Footer.stories.ts.snap +4 -4
- package/src/Layout/Footer/__snapshots__/Footer.stories.tsx.snap +1 -1
- package/src/Layout/Grid/Grid.stories.ts +40 -8
- package/src/Layout/Grid/Grid.tsx +1 -2
- package/src/Layout/Grid/GridItem.stories.ts +63 -0
- package/src/Layout/Grid/__snapshots__/Grid.stories.ts.snap +29 -4
- package/src/Layout/Grid/__snapshots__/Grid.stories.tsx.snap +1 -1
- package/src/Layout/Grid/__snapshots__/GridItem.stories.ts.snap +19 -0
- package/src/Layout/Grid/grid-item.twig +3 -9
- package/src/Layout/Grid/grid.css +1 -4
- package/src/Layout/Header/Elements/GlobalToggle.ts +9 -29
- package/src/Layout/Header/__snapshots__/Header.stories.ts.snap +25 -45
- package/src/Layout/Header/__snapshots__/Header.stories.tsx.snap +3 -3
- package/src/Layout/Header/_toggles.css +2 -2
- package/src/Layout/Header/header.twig +1 -1
- package/src/Layout/Masthead/Masthead.stories.ts +1 -4
- package/src/Layout/Masthead/__snapshots__/Masthead.stories.ts.snap +3 -3
- package/src/Layout/Page/Page.stories.tsx +2 -2
- package/src/Layout/Page/__snapshots__/Page.stories.tsx.snap +3 -3
- package/src/Layout/Page/page.css +2 -10
- package/src/Layout/Section/Background.stories.ts +14 -39
- package/src/Layout/Section/Breakouts.stories.ts +3 -0
- package/src/Layout/Section/Flow.stories.ts +3 -0
- package/src/Layout/Section/Section.stories.ts +93 -11
- package/src/Layout/Section/Section.tsx +3 -13
- package/src/Layout/Section/SectionGrid.tsx +2 -9
- package/src/Layout/Section/__snapshots__/Background.stories.ts.snap +4 -4
- package/src/Layout/Section/__snapshots__/Breakouts.stories.ts.snap +1 -1
- package/src/Layout/Section/__snapshots__/Flow.stories.ts.snap +1 -1
- package/src/Layout/Section/__snapshots__/Section.stories.ts.snap +93 -3
- package/src/Layout/Section/__snapshots__/Section.stories.tsx.snap +1 -1
- package/src/Layout/Section/__snapshots__/SectionGrid.stories.tsx.snap +1 -1
- package/src/Layout/Section/section.css +2 -5
- package/src/Layout/Section/section.twig +1 -3
- package/src/Layout/Sidebar/Sidebar.stories.ts +46 -4
- package/src/Layout/Sidebar/Sidebar.tsx +1 -3
- package/src/Layout/Sidebar/__snapshots__/Sidebar.stories.ts.snap +4 -4
- package/src/Layout/Sidebar/__snapshots__/Sidebar.stories.tsx.snap +1 -1
- package/src/Utility/Context/ImageComponent.tsx +4 -8
- package/src/Utility/Context/LinkComponent.tsx +1 -5
- package/src/Utility/Drupal/drupal.css +2 -4
- package/src/Utility/Elements/breakpoint-loader.ts +4 -10
- package/src/Utility/Elements/cookie-compliance.ts +2 -8
- package/src/Utility/Elements/disclosure-widget.ts +11 -18
- package/src/Utility/Elements/io-loader.ts +4 -6
- package/src/Utility/Elements/keyboard.ts +4 -14
- package/src/Utility/Hooks/useLocalStorage.ts +5 -18
- package/src/Utility/Hooks/useMediaQuery.ts +1 -4
- package/src/Utility/Hooks/useToggle.ts +1 -3
- package/src/Utility/global.d.ts +1 -5
- package/src/Utility/utilities.ts +20 -45
- package/src/constants.css +7 -28
- package/src/enums.ts +3 -1
- package/src/react.ts +5 -21
- package/src/tokens.js +2 -2
- package/dist/build/chunks/disclosure-widget-DVpnRsTI.js +0 -126
- package/dist/build/chunks/disclosure-widget-DVpnRsTI.js.map +0 -1
- package/dist/build/chunks/drop-menu.entry-B4TtnC50.js +0 -132
- package/dist/build/chunks/drop-menu.entry-B4TtnC50.js.map +0 -1
- package/dist/build/chunks/keyboard-rvZ4dfGF.js +0 -104
- package/dist/build/chunks/keyboard-rvZ4dfGF.js.map +0 -1
- package/dist/build/chunks/polyfills-C-B7iqDG.js.map +0 -1
- package/dist/build/chunks/utilities-DXELy_An.js.map +0 -1
- package/src/Atom/Text/TextSizes.stories.ts +0 -25
- package/src/Atom/Text/text-alignment.twig +0 -5
- package/src/Component/Accordion/twig/accordion-example.twig +0 -36
- package/src/Component/Tile/README.md +0 -3
- package/src/Component/Tile/Tile.stories.ts +0 -49
- package/src/Component/Tile/Tile.stories.tsx +0 -35
- package/src/Component/Tile/__snapshots__/Tile.stories.ts.snap +0 -57
- package/src/Component/Tile/__snapshots__/Tile.stories.tsx.snap +0 -23
package/dist/build/grid.css
CHANGED
|
@@ -8,14 +8,8 @@
|
|
|
8
8
|
--grid-min: 20ch;
|
|
9
9
|
|
|
10
10
|
display: grid;
|
|
11
|
-
grid-template-columns: repeat(
|
|
12
|
-
|
|
13
|
-
minmax(min(100%, 20ch), 1fr)
|
|
14
|
-
);
|
|
15
|
-
grid-template-columns: repeat(
|
|
16
|
-
var(--grid-repeat),
|
|
17
|
-
minmax(min(100%, var(--grid-min)), 1fr)
|
|
18
|
-
);
|
|
11
|
+
grid-template-columns: repeat(auto-fit, minmax(min(100%, 20ch), 1fr));
|
|
12
|
+
grid-template-columns: repeat(var(--grid-repeat), minmax(min(100%, var(--grid-min)), 1fr));
|
|
19
13
|
grid-template-rows: 1fr;
|
|
20
14
|
grid-gap: var(--grid-gap, var(--gap));
|
|
21
15
|
gap: var(--grid-gap, var(--gap));
|
|
@@ -198,4 +192,4 @@
|
|
|
198
192
|
}
|
|
199
193
|
}
|
|
200
194
|
|
|
201
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
195
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImdyaWQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSx1QkFBdUI7SUFDdkIsZ0JBQWdCOztJQUVoQixhQUFhO0lBQ2IscUVBQTBGO0lBQTFGLDBGQUEwRjtJQUMxRix1QkFBdUI7SUFDdkIscUNBQWdDO0lBQWhDLGdDQUFnQztFQVVsQzs7SUFSRTtFQVRGO01BVUksK0NBQStDO0VBT25EO0lBTkU7O0lBRUE7TUFDRSxnQkFBZ0I7TUFDaEIsMkJBQTJCO0lBQzdCOztFQUdGO0lBQ0UsZ0JBQWdCO0VBQ2xCO0lBR0U7O0VBREY7TUFFSSxnQkFBZ0I7RUFFcEI7SUFERTtJQUlBOztFQURGO01BRUksZ0JBQWdCO0VBRXBCO0lBREU7SUFJQTs7RUFERjtNQUVJLGdCQUFnQjtFQUVwQjtJQURFO0lBSUE7O0VBREY7TUFFSSxnQkFBZ0I7RUFFcEI7SUFERTtJQUlBOztFQURGO01BRUksZ0JBQWdCO0VBRXBCO0lBREU7SUFJQTs7RUFERjtNQUVJLGdCQUFnQjtFQUVwQjtJQURFO0lBSUE7O0VBREY7TUFFSSxnQkFBZ0I7RUFFcEI7SUFERTtJQUlBOztFQURGO01BRUksZ0JBQWdCO0VBRXBCO0lBREU7SUFJQTs7RUFERjtNQUVJLGdCQUFnQjtFQUVwQjtJQURFO0lBSUE7O0VBREY7TUFFSSxnQkFBZ0I7RUFFcEI7SUFERTtJQUlBOztFQURGO01BRUksZ0JBQWdCO0VBRXBCO0lBREU7O0VBR0Y7SUFDRSxhQUFhO0VBQ2Y7O0VBRUE7SUFDRSxrQkFBYTtTQUFiLGFBQWE7RUFDZjs7RUFFQTtJQUNFLFVBQVU7RUFDWjtBQUNGOztBQUVBOztFQUVFO0FBQ0Y7RUFDRTtJQUNFLHdCQUEwQztJQUExQywwQ0FBMEM7RUFDNUM7SUFHRTs7RUFERjtNQUVJLG1CQUFtQjtFQUV2QjtJQURFO0lBSUE7O0VBREY7TUFFSSxtQkFBbUI7RUFFdkI7SUFERTtJQUlBOztFQURGO01BRUksbUJBQW1CO0VBRXZCO0lBREU7SUFJQTs7RUFERjtNQUVJLG1CQUFtQjtFQUV2QjtJQURFO0lBSUE7O0VBREY7TUFFSSxtQkFBbUI7RUFFdkI7SUFERTtJQUlBOztFQURGO01BRUksbUJBQW1CO0VBRXZCO0lBREU7SUFJQTs7RUFERjtNQUVJLG1CQUFtQjtFQUV2QjtJQURFO0lBSUE7O0VBREY7TUFFSSxtQkFBbUI7RUFFdkI7SUFERTtJQUlBOztFQURGO01BRUksbUJBQW1CO0VBRXZCO0lBREU7SUFJQTs7RUFERjtNQUVJLG1CQUFtQjtFQUV2QjtJQURFO0lBSUE7O0VBREY7TUFFSSxtQkFBbUI7RUFFdkI7SUFERTtBQUVKOztBQUVBO0VBQ0U7SUFDRSxjQUFjO0VBQ2hCO0FBQ0YiLCJmaWxlIjoiZ3JpZC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIER5bmFtaWMgR3JpZFxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICAubXgtZ3JpZCB7XG4gICAgLS1ncmlkLXJlcGVhdDogYXV0by1maXQ7XG4gICAgLS1ncmlkLW1pbjogMjBjaDtcblxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQodmFyKC0tZ3JpZC1yZXBlYXQpLCBtaW5tYXgobWluKDEwMCUsIHZhcigtLWdyaWQtbWluKSksIDFmcikpO1xuICAgIGdyaWQtdGVtcGxhdGUtcm93czogMWZyO1xuICAgIGdhcDogdmFyKC0tZ3JpZC1nYXAsIHZhcigtLWdhcCkpO1xuXG4gICAgQG1lZGlhICgtLWxhcmdlLXVwKSB7XG4gICAgICAtLWdyaWQtZ2FwOiB2YXIoLS1sYXJnZS1ncmlkLWdhcCwgdmFyKC0tZ2FwLWwpKTtcbiAgICB9XG5cbiAgICAmOmlzKHVsLCBvbCkge1xuICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB1bnNldDtcbiAgICB9XG4gIH1cblxuICBbY2xhc3MqPVwibXgtZ3JpZC0tY29scy1cIl0ge1xuICAgIC0tZ3JpZC1yZXBlYXQ6IDE7XG4gIH1cblxuICAubXgtZ3JpZC0tY29scy14cy0yIHtcbiAgICBAbWVkaWEgKC0teC1zbWFsbC11cCkge1xuICAgICAgLS1ncmlkLXJlcGVhdDogMjtcbiAgICB9XG4gIH1cblxuICAubXgtZ3JpZC0tY29scy1zbS0yIHtcbiAgICBAbWVkaWEgKC0tc21hbGwtdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDI7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbHMtbWQtMiB7XG4gICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgLS1ncmlkLXJlcGVhdDogMjtcbiAgICB9XG4gIH1cblxuICAubXgtZ3JpZC0tY29scy1sZy0yIHtcbiAgICBAbWVkaWEgKC0tbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDI7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbHMteGwtMiB7XG4gICAgQG1lZGlhICgtLXgtbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDI7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbHMtbWQtMyB7XG4gICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgLS1ncmlkLXJlcGVhdDogMztcbiAgICB9XG4gIH1cblxuICAubXgtZ3JpZC0tY29scy1sZy0zIHtcbiAgICBAbWVkaWEgKC0tbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDM7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbHMteGwtMyB7XG4gICAgQG1lZGlhICgtLXgtbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDM7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbHMtbWQtNCB7XG4gICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgLS1ncmlkLXJlcGVhdDogNDtcbiAgICB9XG4gIH1cblxuICAubXgtZ3JpZC0tY29scy1sZy00IHtcbiAgICBAbWVkaWEgKC0tbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDQ7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbHMteGwtNCB7XG4gICAgQG1lZGlhICgtLXgtbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDQ7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbGxhcHNlIHtcbiAgICAtLWdyaWQtZ2FwOiAwO1xuICB9XG5cbiAgLm14LWdyaWQtLWNvbGxhcHNlLWNvbHMge1xuICAgIGNvbHVtbi1nYXA6IDA7XG4gIH1cblxuICAubXgtZ3JpZC0tY29sbGFwc2Utcm93cyB7XG4gICAgcm93LWdhcDogMDtcbiAgfVxufVxuXG4vKipcbiAqIEdyaWQgaXRlbXMuXG4gKi9cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICBbY2xhc3MqPVwibXgtZ3JpZC1pdGVtX19zcGFuLVwiXSB7XG4gICAgZ3JpZC1jb2x1bW46IGF1dG8gLyB2YXIoLS1ncmlkLXNwYW4sIGF1dG8pO1xuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi14cy0yIHtcbiAgICBAbWVkaWEgKC0teC1zbWFsbC11cCkge1xuICAgICAgLS1ncmlkLXNwYW46IHNwYW4gMjtcbiAgICB9XG4gIH1cblxuICAubXgtZ3JpZC1pdGVtX19zcGFuLXNtLTIge1xuICAgIEBtZWRpYSAoLS1zbWFsbC11cCkge1xuICAgICAgLS1ncmlkLXNwYW46IHNwYW4gMjtcbiAgICB9XG4gIH1cblxuICAubXgtZ3JpZC1pdGVtX19zcGFuLW1kLTIge1xuICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgIC0tZ3JpZC1zcGFuOiBzcGFuIDI7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi1sZy0yIHtcbiAgICBAbWVkaWEgKC0tbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1zcGFuOiBzcGFuIDI7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi14bC0yIHtcbiAgICBAbWVkaWEgKC0teC1sYXJnZS11cCkge1xuICAgICAgLS1ncmlkLXNwYW46IHNwYW4gMjtcbiAgICB9XG4gIH1cblxuICAubXgtZ3JpZC1pdGVtX19zcGFuLW1kLTMge1xuICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgIC0tZ3JpZC1zcGFuOiBzcGFuIDM7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi1sZy0zIHtcbiAgICBAbWVkaWEgKC0tbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1zcGFuOiBzcGFuIDM7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi14bC0zIHtcbiAgICBAbWVkaWEgKC0teC1sYXJnZS11cCkge1xuICAgICAgLS1ncmlkLXNwYW46IHNwYW4gMztcbiAgICB9XG4gIH1cblxuICAubXgtZ3JpZC1pdGVtX19zcGFuLW1kLTQge1xuICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgIC0tZ3JpZC1zcGFuOiBzcGFuIDQ7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi1sZy00IHtcbiAgICBAbWVkaWEgKC0tbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1zcGFuOiBzcGFuIDQ7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi14bC00IHtcbiAgICBAbWVkaWEgKC0teC1sYXJnZS11cCkge1xuICAgICAgLS1ncmlkLXNwYW46IHNwYW4gNDtcbiAgICB9XG4gIH1cbn1cblxuQG1lZGlhIHByaW50IHtcbiAgLm14LWdyaWQge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG59XG4iXX0= */
|
package/dist/build/header.css
CHANGED
|
@@ -8,7 +8,8 @@
|
|
|
8
8
|
gap: var(--toggle-gap, var(--spacing-xs));
|
|
9
9
|
padding-inline-end: 0.125rem;
|
|
10
10
|
position: relative;
|
|
11
|
-
z-index:
|
|
11
|
+
z-index: 3;
|
|
12
|
+
z-index: var(--toggle-index, 3);
|
|
12
13
|
}
|
|
13
14
|
|
|
14
15
|
@media (min-width: 720px) {
|
|
@@ -30,6 +31,8 @@
|
|
|
30
31
|
opacity: 1;
|
|
31
32
|
display: grid;
|
|
32
33
|
position: fixed;
|
|
34
|
+
z-index: 2;
|
|
35
|
+
z-index: var(--collapse-index, 2);
|
|
33
36
|
inset: 0;
|
|
34
37
|
align-items: center;
|
|
35
38
|
}
|
|
@@ -57,7 +60,6 @@
|
|
|
57
60
|
@media (min-width: 720px) {
|
|
58
61
|
|
|
59
62
|
.mx-header__collapse-toggle {
|
|
60
|
-
z-index: 2;
|
|
61
63
|
position: relative;
|
|
62
64
|
inline-size: auto;
|
|
63
65
|
block-size: auto;
|
|
@@ -144,4 +146,4 @@
|
|
|
144
146
|
}
|
|
145
147
|
}
|
|
146
148
|
|
|
147
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
149
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIl90b2dnbGVzLmNzcyIsIl9oZWFkZXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxhQUFhO0lBQ2IseUNBQXlDO0lBQ3pDLDRCQUF1QjtJQUN2QixrQkFBa0I7SUFDbEIsVUFBK0I7SUFBL0IsK0JBQStCO0VBYWpDOztJQVhFO0VBUEY7TUFRSSxhQUFhO0VBVWpCO0lBVEU7O0lBRUE7TUFDRSx5QkFBeUI7SUFDM0I7O0lBRUE7TUFDRSxhQUFhO0lBQ2Y7O0VBR0Y7SUFDRSxpQkFBaUI7SUFDakIsVUFBVTtJQUNWLGFBQWE7SUFDYixlQUFlO0lBQ2YsVUFBaUM7SUFBakMsaUNBQWlDO0lBQ2pDLFFBQVE7SUFDUixtQkFBbUI7RUEyQnJCOztJQXpCRTs7RUFURjtNQVVJLFVBQVU7TUFDVixhQUFhO0VBdUJqQjtJQXRCRTs7SUFFQTs7RUFkRjtNQWVJLCtDQUErQztNQUMvQyw4QkFBOEI7RUFrQmxDOztNQWhCSTtRQUNFLGlCQUFpQjtNQUNuQjtJQUNGOztJQUVBOztFQXZCRjtNQXdCSSxrQkFBa0I7TUFDbEIsaUJBQWlCO01BQ2pCLGdCQUFnQjtFQVFwQjtJQVBFOztJQUVBO01BQ0UsYUFBYTtNQUNiLFVBQVU7TUFDVix5QkFBeUI7SUFDM0I7QUFFSjs7QUFHRTs7QUFERjtJQUVJLGFBQWE7QUFFakI7RUFERTs7QUNqRUY7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGFBQWE7SUFDYiwrQkFBK0I7SUFDL0IsbUJBQW1CO0VBQ3JCOztFQUVBO0lBQ0UsYUFBYTtJQUNiLGlDQUFpQztJQUNqQyxtQkFBbUI7SUFDbkIsdUJBQXVCO0VBQ3pCOztFQUVBO0lBQ0UsYUFBYTtFQUNmOztFQUVBO0lBQ0UsYUFBYTtJQUNiLGdDQUFnQztJQUNoQyxtQkFBbUI7RUFDckI7SUFHRTtNQUNFLDhCQUE4QjtJQUNoQztNQUdFOztJQURGO1FBRUksc0JBQXNCO0lBRTFCO01BREU7O0VBSUo7O0lBRUU7SUFFQTtFQURGO01BRUksYUFBYTtFQUVqQjtJQURFOztFQUdGO0lBQ0UsOEJBQThCO0VBT2hDOztJQUxFOztFQUhGO01BSUkseUJBQXlCO01BQ3pCLGVBQWU7TUFDZixrQkFBa0I7RUFFdEI7SUFERTtBQUVKOztBQUVBO0VBQ0U7SUFDRSxhQUFhO0VBQ2Y7QUFDRiIsImZpbGUiOiJoZWFkZXIuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHbG9iYWwgSGVhZGVyXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0ubGF5b3V0cyB7XG4gIC5teC1oZWFkZXJfX3RvZ2dsZXMge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiB2YXIoLS10b2dnbGUtZ2FwLCB2YXIoLS1zcGFjaW5nLXhzKSk7XG4gICAgcGFkZGluZy1pbmxpbmUtZW5kOiAycHg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHotaW5kZXg6IHZhcigtLXRvZ2dsZS1pbmRleCwgMyk7XG5cbiAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICAmIC5teC1idXR0b24tLXNlY29uZGFyeSB7XG4gICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgICYgW2hpZGRlbl0ge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cblxuICAubXgtaGVhZGVyX19jb2xsYXBzZS10b2dnbGUge1xuICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgei1pbmRleDogdmFyKC0tY29sbGFwc2UtaW5kZXgsIDIpO1xuICAgIGluc2V0OiAwO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBAc3RhcnRpbmctc3R5bGUge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgfVxuXG4gICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtZG93bikge1xuICAgICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWd1dHRlciwgdmFyKC0tc3BhY2luZy1sKSk7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGluaGVyaXQ7XG5cbiAgICAgICYgLm14LWhlYWRlcl9fbmF2LWlubmVyIHtcbiAgICAgICAgZ3JpZC1jb2x1bW46IGZ1bGw7XG4gICAgICB9XG4gICAgfVxuXG4gICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGlubGluZS1zaXplOiBhdXRvO1xuICAgICAgYmxvY2stc2l6ZTogYXV0bztcbiAgICB9XG5cbiAgICAmW2luZXJ0XSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuNHM7XG4gICAgfVxuICB9XG59XG5cbi5nbG9iYWwtbmF2LXVwLW9ubHkge1xuICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi1kb3duKSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuIiwiLyoqXG4gKiBQcmltYXJ5IEhlYWRlclxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICAubXgtaGVhZGVyX19pbm5lciB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciBhdXRvO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cblxuICAubXgtaGVhZGVyX19icmFuZCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IHZhcigtLWJyYW5kLWdhcCwgdmFyKC0tZ2FwKSk7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBtYXJnaW4taW5saW5lLWVuZDogYXV0bztcbiAgfVxuXG4gIC5teC1oZWFkZXJfX25hbWUge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gIH1cblxuICAubXgtaGVhZGVyX19tYWluIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogdmFyKC0tbWFpbi1nYXAsIHZhcigtLWdhcCkpO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cblxuICAubXgtaGVhZGVyX19zZWFyY2gge1xuICAgICYgZm9ybSB7XG4gICAgICBtYXJnaW4tYmxvY2s6IHZhcigtLXNwYWNpbmctbSk7XG4gICAgfVxuXG4gICAgJiBpbnB1dCB7XG4gICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgICBtYXgtaW5saW5lLXNpemU6IDE1MHB4O1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBQcmltYXJ5IEhlYWRlciBTdGFja2VkXG4gICAqL1xuICAubXgtaGVhZGVyX19uYXYtaW5uZXIge1xuICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgIH1cbiAgfVxuXG4gIC5teC1oZWFkZXJfX25hdi1yaWdodCB7XG4gICAgbWFyZ2luLWJsb2NrOiB2YXIoLS1zcGFjaW5nLW0pO1xuXG4gICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IGF1dG87XG4gICAgICBtYXJnaW4tYmxvY2s6IDA7XG4gICAgICBwYWRkaW5nLWJsb2NrOiA0cHg7XG4gICAgfVxuICB9XG59XG5cbkBtZWRpYSBwcmludCB7XG4gIC5teC1oZWFkZXIgLm14LWhlYWRlcl9fbmF2IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iXX0= */
|
|
@@ -1,9 +1,5 @@
|
|
|
1
|
-
import { D as DisclosureWidget } from "./chunks/disclosure-widget-
|
|
2
|
-
import "./chunks/utilities-
|
|
3
|
-
/*!
|
|
4
|
-
* tabbable 6.2.0
|
|
5
|
-
* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
|
|
6
|
-
*/
|
|
1
|
+
import { D as DisclosureWidget } from "./chunks/disclosure-widget-CdjCdx7t.js";
|
|
2
|
+
import "./chunks/utilities-Ci7wwNeg.js";
|
|
7
3
|
var candidateSelectors = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"];
|
|
8
4
|
var candidateSelector = /* @__PURE__ */ candidateSelectors.join(",");
|
|
9
5
|
var NoElement = typeof Element === "undefined";
|
|
@@ -15,14 +11,14 @@ var getRootNode = !NoElement && Element.prototype.getRootNode ? function(element
|
|
|
15
11
|
} : function(element) {
|
|
16
12
|
return element === null || element === void 0 ? void 0 : element.ownerDocument;
|
|
17
13
|
};
|
|
18
|
-
var
|
|
14
|
+
var _isInert = function isInert(node, lookUp) {
|
|
19
15
|
var _node$getAttribute;
|
|
20
16
|
if (lookUp === void 0) {
|
|
21
17
|
lookUp = true;
|
|
22
18
|
}
|
|
23
19
|
var inertAtt = node === null || node === void 0 ? void 0 : (_node$getAttribute = node.getAttribute) === null || _node$getAttribute === void 0 ? void 0 : _node$getAttribute.call(node, "inert");
|
|
24
20
|
var inert = inertAtt === "" || inertAtt === "true";
|
|
25
|
-
var result = inert || lookUp && node &&
|
|
21
|
+
var result = inert || lookUp && node && _isInert(node.parentNode);
|
|
26
22
|
return result;
|
|
27
23
|
};
|
|
28
24
|
var isContentEditable = function isContentEditable2(node) {
|
|
@@ -31,7 +27,7 @@ var isContentEditable = function isContentEditable2(node) {
|
|
|
31
27
|
return attValue === "" || attValue === "true";
|
|
32
28
|
};
|
|
33
29
|
var getCandidates = function getCandidates2(el, includeContainer, filter) {
|
|
34
|
-
if (
|
|
30
|
+
if (_isInert(el)) {
|
|
35
31
|
return [];
|
|
36
32
|
}
|
|
37
33
|
var candidates = Array.prototype.slice.apply(el.querySelectorAll(candidateSelector));
|
|
@@ -41,18 +37,18 @@ var getCandidates = function getCandidates2(el, includeContainer, filter) {
|
|
|
41
37
|
candidates = candidates.filter(filter);
|
|
42
38
|
return candidates;
|
|
43
39
|
};
|
|
44
|
-
var
|
|
40
|
+
var _getCandidatesIteratively = function getCandidatesIteratively(elements, includeContainer, options) {
|
|
45
41
|
var candidates = [];
|
|
46
42
|
var elementsToCheck = Array.from(elements);
|
|
47
43
|
while (elementsToCheck.length) {
|
|
48
44
|
var element = elementsToCheck.shift();
|
|
49
|
-
if (
|
|
45
|
+
if (_isInert(element, false)) {
|
|
50
46
|
continue;
|
|
51
47
|
}
|
|
52
48
|
if (element.tagName === "SLOT") {
|
|
53
49
|
var assigned = element.assignedElements();
|
|
54
50
|
var content = assigned.length ? assigned : element.children;
|
|
55
|
-
var nestedCandidates =
|
|
51
|
+
var nestedCandidates = _getCandidatesIteratively(content, true, options);
|
|
56
52
|
if (options.flatten) {
|
|
57
53
|
candidates.push.apply(candidates, nestedCandidates);
|
|
58
54
|
} else {
|
|
@@ -68,9 +64,9 @@ var getCandidatesIteratively = function getCandidatesIteratively2(elements, incl
|
|
|
68
64
|
}
|
|
69
65
|
var shadowRoot = element.shadowRoot || // check for an undisclosed shadow
|
|
70
66
|
typeof options.getShadowRoot === "function" && options.getShadowRoot(element);
|
|
71
|
-
var validShadowRoot = !
|
|
67
|
+
var validShadowRoot = !_isInert(shadowRoot, false) && (!options.shadowRootFilter || options.shadowRootFilter(element));
|
|
72
68
|
if (shadowRoot && validShadowRoot) {
|
|
73
|
-
var _nestedCandidates =
|
|
69
|
+
var _nestedCandidates = _getCandidatesIteratively(shadowRoot === true ? element.children : shadowRoot.children, true, options);
|
|
74
70
|
if (options.flatten) {
|
|
75
71
|
candidates.push.apply(candidates, _nestedCandidates);
|
|
76
72
|
} else {
|
|
@@ -180,6 +176,24 @@ var isZeroArea = function isZeroArea2(node) {
|
|
|
180
176
|
};
|
|
181
177
|
var isHidden = function isHidden2(node, _ref) {
|
|
182
178
|
var displayCheck = _ref.displayCheck, getShadowRoot = _ref.getShadowRoot;
|
|
179
|
+
if (displayCheck === "full-native") {
|
|
180
|
+
if ("checkVisibility" in node) {
|
|
181
|
+
var visible = node.checkVisibility({
|
|
182
|
+
// Checking opacity might be desirable for some use cases, but natively,
|
|
183
|
+
// opacity zero elements _are_ focusable and tabbable.
|
|
184
|
+
checkOpacity: false,
|
|
185
|
+
opacityProperty: false,
|
|
186
|
+
contentVisibilityAuto: true,
|
|
187
|
+
visibilityProperty: true,
|
|
188
|
+
// This is an alias for `visibilityProperty`. Contemporary browsers
|
|
189
|
+
// support both. However, this alias has wider browser support (Chrome
|
|
190
|
+
// >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
|
|
191
|
+
// we include it anyway.
|
|
192
|
+
checkVisibilityCSS: true
|
|
193
|
+
});
|
|
194
|
+
return !visible;
|
|
195
|
+
}
|
|
196
|
+
}
|
|
183
197
|
if (getComputedStyle(node).visibility === "hidden") {
|
|
184
198
|
return true;
|
|
185
199
|
}
|
|
@@ -188,7 +202,9 @@ var isHidden = function isHidden2(node, _ref) {
|
|
|
188
202
|
if (matches.call(nodeUnderDetails, "details:not([open]) *")) {
|
|
189
203
|
return true;
|
|
190
204
|
}
|
|
191
|
-
if (!displayCheck || displayCheck === "full" ||
|
|
205
|
+
if (!displayCheck || displayCheck === "full" || // full-native can run this branch when it falls through in case
|
|
206
|
+
// Element#checkVisibility is unsupported
|
|
207
|
+
displayCheck === "full-native" || displayCheck === "legacy-full") {
|
|
192
208
|
if (typeof getShadowRoot === "function") {
|
|
193
209
|
var originalNode = node;
|
|
194
210
|
while (node) {
|
|
@@ -239,7 +255,7 @@ var isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable2(
|
|
|
239
255
|
if (node.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
|
|
240
256
|
// because we're limited in the type of selectors we can use in JSDom (see related
|
|
241
257
|
// note related to `candidateSelectors`)
|
|
242
|
-
|
|
258
|
+
_isInert(node) || isHiddenInput(node) || isHidden(node, options) || // For a details element with a summary, the summary element gets the focus
|
|
243
259
|
isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {
|
|
244
260
|
return false;
|
|
245
261
|
}
|
|
@@ -251,21 +267,21 @@ var isNodeMatchingSelectorTabbable = function isNodeMatchingSelectorTabbable2(op
|
|
|
251
267
|
}
|
|
252
268
|
return true;
|
|
253
269
|
};
|
|
254
|
-
var
|
|
270
|
+
var isShadowRootTabbable = function isShadowRootTabbable2(shadowHostNode) {
|
|
255
271
|
var tabIndex = parseInt(shadowHostNode.getAttribute("tabindex"), 10);
|
|
256
272
|
if (isNaN(tabIndex) || tabIndex >= 0) {
|
|
257
273
|
return true;
|
|
258
274
|
}
|
|
259
275
|
return false;
|
|
260
276
|
};
|
|
261
|
-
var
|
|
277
|
+
var _sortByOrder = function sortByOrder(candidates) {
|
|
262
278
|
var regularTabbables = [];
|
|
263
279
|
var orderedTabbables = [];
|
|
264
280
|
candidates.forEach(function(item, i) {
|
|
265
281
|
var isScope = !!item.scopeParent;
|
|
266
282
|
var element = isScope ? item.scopeParent : item;
|
|
267
283
|
var candidateTabindex = getSortOrderTabIndex(element, isScope);
|
|
268
|
-
var elements = isScope ?
|
|
284
|
+
var elements = isScope ? _sortByOrder(item.candidates) : element;
|
|
269
285
|
if (candidateTabindex === 0) {
|
|
270
286
|
isScope ? regularTabbables.push.apply(regularTabbables, elements) : regularTabbables.push(element);
|
|
271
287
|
} else {
|
|
@@ -287,22 +303,22 @@ var tabbable = function tabbable2(container, options) {
|
|
|
287
303
|
options = options || {};
|
|
288
304
|
var candidates;
|
|
289
305
|
if (options.getShadowRoot) {
|
|
290
|
-
candidates =
|
|
306
|
+
candidates = _getCandidatesIteratively([container], options.includeContainer, {
|
|
291
307
|
filter: isNodeMatchingSelectorTabbable.bind(null, options),
|
|
292
308
|
flatten: false,
|
|
293
309
|
getShadowRoot: options.getShadowRoot,
|
|
294
|
-
shadowRootFilter:
|
|
310
|
+
shadowRootFilter: isShadowRootTabbable
|
|
295
311
|
});
|
|
296
312
|
} else {
|
|
297
313
|
candidates = getCandidates(container, options.includeContainer, isNodeMatchingSelectorTabbable.bind(null, options));
|
|
298
314
|
}
|
|
299
|
-
return
|
|
315
|
+
return _sortByOrder(candidates);
|
|
300
316
|
};
|
|
301
317
|
var focusable = function focusable2(container, options) {
|
|
302
318
|
options = options || {};
|
|
303
319
|
var candidates;
|
|
304
320
|
if (options.getShadowRoot) {
|
|
305
|
-
candidates =
|
|
321
|
+
candidates = _getCandidatesIteratively([container], options.includeContainer, {
|
|
306
322
|
filter: isNodeMatchingSelectorFocusable.bind(null, options),
|
|
307
323
|
flatten: true,
|
|
308
324
|
getShadowRoot: options.getShadowRoot
|
|
@@ -333,10 +349,6 @@ var isFocusable = function isFocusable2(node, options) {
|
|
|
333
349
|
}
|
|
334
350
|
return isNodeMatchingSelectorFocusable(options, node);
|
|
335
351
|
};
|
|
336
|
-
/*!
|
|
337
|
-
* focus-trap 7.6.5
|
|
338
|
-
* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
|
|
339
|
-
*/
|
|
340
352
|
function _arrayLikeToArray(r, a) {
|
|
341
353
|
(null == a || a > r.length) && (a = r.length);
|
|
342
354
|
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
@@ -1059,61 +1071,24 @@ var createFocusTrap = function createFocusTrap2(elements, userOptions) {
|
|
|
1059
1071
|
return trap;
|
|
1060
1072
|
};
|
|
1061
1073
|
class GlobalToggle extends HTMLElement {
|
|
1074
|
+
internals_;
|
|
1075
|
+
controller;
|
|
1076
|
+
widget;
|
|
1077
|
+
focusTrap;
|
|
1078
|
+
controls;
|
|
1079
|
+
mq;
|
|
1080
|
+
triggerText;
|
|
1081
|
+
isOpen = false;
|
|
1082
|
+
closeIconClass = "mx-icon--close";
|
|
1083
|
+
menuIconClass = "mx-icon--menu";
|
|
1084
|
+
searchIconClass = "mx-icon--search";
|
|
1085
|
+
backgroundClass = "mx-background--primary";
|
|
1086
|
+
scrollLockClass = "body--scroll-lock";
|
|
1087
|
+
isSearch;
|
|
1088
|
+
hideOther = true;
|
|
1089
|
+
otherTrigger;
|
|
1062
1090
|
constructor() {
|
|
1063
1091
|
super();
|
|
1064
|
-
this.isOpen = false;
|
|
1065
|
-
this.closeIconClass = "mx-icon--close";
|
|
1066
|
-
this.menuIconClass = "mx-icon--menu";
|
|
1067
|
-
this.searchIconClass = "mx-icon--search";
|
|
1068
|
-
this.backgroundClass = "mx-background--primary";
|
|
1069
|
-
this.scrollLockClass = "body--scroll-lock";
|
|
1070
|
-
this.hideOther = true;
|
|
1071
|
-
this.handleBreakpoint = ({
|
|
1072
|
-
matches: matches2
|
|
1073
|
-
}) => {
|
|
1074
|
-
if (!this.trigger) return;
|
|
1075
|
-
const { signal } = this.controller;
|
|
1076
|
-
if (matches2) {
|
|
1077
|
-
this.widget.attach();
|
|
1078
|
-
this.target.setAttribute("inert", "");
|
|
1079
|
-
this.trigger.addEventListener(
|
|
1080
|
-
"disclosure-toggle",
|
|
1081
|
-
this.handleDisclosure,
|
|
1082
|
-
{ signal }
|
|
1083
|
-
);
|
|
1084
|
-
} else {
|
|
1085
|
-
this.widget.detach();
|
|
1086
|
-
this.target.removeAttribute("inert");
|
|
1087
|
-
this.target.classList.remove(this.scrollLockClass);
|
|
1088
|
-
this.trigger.removeEventListener(
|
|
1089
|
-
"disclosure-toggle",
|
|
1090
|
-
this.handleDisclosure
|
|
1091
|
-
);
|
|
1092
|
-
this.focusTrap.deactivate();
|
|
1093
|
-
}
|
|
1094
|
-
};
|
|
1095
|
-
this.handleDisclosure = ({ detail }) => {
|
|
1096
|
-
const { isOpen } = detail;
|
|
1097
|
-
const origText = !isOpen ? "Close" : "Open";
|
|
1098
|
-
const replaceText = !isOpen ? "Open" : "Close";
|
|
1099
|
-
this.trigger.textContent = this.triggerText.replace(origText, replaceText);
|
|
1100
|
-
isOpen ? this.focusTrap.activate() : this.focusTrap.deactivate();
|
|
1101
|
-
if (isOpen && this.hideOther && this.otherTrigger) {
|
|
1102
|
-
if (this.otherTrigger.getAttribute("aria-expanded") === "true") {
|
|
1103
|
-
this.otherTrigger.click();
|
|
1104
|
-
}
|
|
1105
|
-
}
|
|
1106
|
-
this.trigger.classList.toggle(
|
|
1107
|
-
this.isSearch ? this.searchIconClass : this.menuIconClass
|
|
1108
|
-
);
|
|
1109
|
-
this.trigger.classList.toggle(this.closeIconClass);
|
|
1110
|
-
this.target.classList.toggle(this.backgroundClass);
|
|
1111
|
-
this.trigger.removeAttribute("no-focus");
|
|
1112
|
-
this.isOpen = isOpen;
|
|
1113
|
-
};
|
|
1114
|
-
this.handleKeyDown = (event) => {
|
|
1115
|
-
if (this.isOpen && event.key === "Escape") this.widget.handleToggle();
|
|
1116
|
-
};
|
|
1117
1092
|
this.internals_ = this.attachInternals();
|
|
1118
1093
|
this.controller = new AbortController();
|
|
1119
1094
|
this.mq = this.getAttribute("mq") || "(max-width: 720px)";
|
|
@@ -1155,6 +1130,41 @@ class GlobalToggle extends HTMLElement {
|
|
|
1155
1130
|
this.widget.detach();
|
|
1156
1131
|
this.controller.abort();
|
|
1157
1132
|
}
|
|
1133
|
+
handleBreakpoint = ({ matches: matches2 }) => {
|
|
1134
|
+
if (!this.trigger) return;
|
|
1135
|
+
const { signal } = this.controller;
|
|
1136
|
+
if (matches2) {
|
|
1137
|
+
this.widget.attach();
|
|
1138
|
+
this.target.setAttribute("inert", "");
|
|
1139
|
+
this.trigger.addEventListener("disclosure-toggle", this.handleDisclosure, { signal });
|
|
1140
|
+
} else {
|
|
1141
|
+
this.widget.detach();
|
|
1142
|
+
this.target.removeAttribute("inert");
|
|
1143
|
+
this.target.classList.remove(this.scrollLockClass);
|
|
1144
|
+
this.trigger.removeEventListener("disclosure-toggle", this.handleDisclosure);
|
|
1145
|
+
this.focusTrap.deactivate();
|
|
1146
|
+
}
|
|
1147
|
+
};
|
|
1148
|
+
handleDisclosure = ({ detail }) => {
|
|
1149
|
+
const { isOpen } = detail;
|
|
1150
|
+
const origText = !isOpen ? "Close" : "Open";
|
|
1151
|
+
const replaceText = !isOpen ? "Open" : "Close";
|
|
1152
|
+
this.trigger.textContent = this.triggerText.replace(origText, replaceText);
|
|
1153
|
+
isOpen ? this.focusTrap.activate() : this.focusTrap.deactivate();
|
|
1154
|
+
if (isOpen && this.hideOther && this.otherTrigger) {
|
|
1155
|
+
if (this.otherTrigger.getAttribute("aria-expanded") === "true") {
|
|
1156
|
+
this.otherTrigger.click();
|
|
1157
|
+
}
|
|
1158
|
+
}
|
|
1159
|
+
this.trigger.classList.toggle(this.isSearch ? this.searchIconClass : this.menuIconClass);
|
|
1160
|
+
this.trigger.classList.toggle(this.closeIconClass);
|
|
1161
|
+
this.target.classList.toggle(this.backgroundClass);
|
|
1162
|
+
this.trigger.removeAttribute("no-focus");
|
|
1163
|
+
this.isOpen = isOpen;
|
|
1164
|
+
};
|
|
1165
|
+
handleKeyDown = (event) => {
|
|
1166
|
+
if (this.isOpen && event.key === "Escape") this.widget.handleToggle();
|
|
1167
|
+
};
|
|
1158
1168
|
get trigger() {
|
|
1159
1169
|
const trigger = this.querySelector(":scope > button");
|
|
1160
1170
|
const controls = trigger.getAttribute("aria-controls");
|
|
@@ -1169,13 +1179,9 @@ class GlobalToggle extends HTMLElement {
|
|
|
1169
1179
|
return trigger;
|
|
1170
1180
|
}
|
|
1171
1181
|
get target() {
|
|
1172
|
-
const target = document.querySelector(
|
|
1173
|
-
`div[id="${this.controls}"]`
|
|
1174
|
-
);
|
|
1182
|
+
const target = document.querySelector(`div[id="${this.controls}"]`);
|
|
1175
1183
|
if (!target) {
|
|
1176
|
-
throw new Error(
|
|
1177
|
-
`${this.localName} must contain a target <div id="${this.controls}">.`
|
|
1178
|
-
);
|
|
1184
|
+
throw new Error(`${this.localName} must contain a target <div id="${this.controls}">.`);
|
|
1179
1185
|
}
|
|
1180
1186
|
target.classList.remove("global-nav-up-only");
|
|
1181
1187
|
return target;
|
|
@@ -1184,6 +1190,5 @@ class GlobalToggle extends HTMLElement {
|
|
|
1184
1190
|
return window.matchMedia(this.mq);
|
|
1185
1191
|
}
|
|
1186
1192
|
}
|
|
1187
|
-
if (!customElements.get("mx-global-toggle"))
|
|
1188
|
-
customElements.define("mx-global-toggle", GlobalToggle);
|
|
1193
|
+
if (!customElements.get("mx-global-toggle")) customElements.define("mx-global-toggle", GlobalToggle);
|
|
1189
1194
|
//# sourceMappingURL=header.entry.js.map
|