@pnx-mixtape/mxds 0.0.1
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/README.md +274 -0
- package/dist/build/Accordion.js +61 -0
- package/dist/build/Accordion.js.map +1 -0
- package/dist/build/AccordionDiv.js +62 -0
- package/dist/build/AccordionDiv.js.map +1 -0
- package/dist/build/AccordionGroup.js +85 -0
- package/dist/build/AccordionGroup.js.map +1 -0
- package/dist/build/AccordionMobile.js +31 -0
- package/dist/build/AccordionMobile.js.map +1 -0
- package/dist/build/Dialog.js +116 -0
- package/dist/build/Dialog.js.map +1 -0
- package/dist/build/DropMenu.js +132 -0
- package/dist/build/DropMenu.js.map +1 -0
- package/dist/build/GlobalToggle.js +103 -0
- package/dist/build/GlobalToggle.js.map +1 -0
- package/dist/build/InPageAlert.js +61 -0
- package/dist/build/InPageAlert.js.map +1 -0
- package/dist/build/InPageNavigation.js +92 -0
- package/dist/build/InPageNavigation.js.map +1 -0
- package/dist/build/Navigation.js +126 -0
- package/dist/build/Navigation.js.map +1 -0
- package/dist/build/Sticky.js +63 -0
- package/dist/build/Sticky.js.map +1 -0
- package/dist/build/Tabs.js +164 -0
- package/dist/build/Tabs.js.map +1 -0
- package/dist/build/accordion.css +108 -0
- package/dist/build/base.css +1000 -0
- package/dist/build/breadcrumb.css +47 -0
- package/dist/build/breakpoint-loader.js +52 -0
- package/dist/build/breakpoint-loader.js.map +1 -0
- package/dist/build/button.css +126 -0
- package/dist/build/callout.css +11 -0
- package/dist/build/card.css +135 -0
- package/dist/build/chunks/js.cookie-CiMiGxWx.js +101 -0
- package/dist/build/chunks/js.cookie-CiMiGxWx.js.map +1 -0
- package/dist/build/chunks/polyfills-CJ5uTmUJ.js +749 -0
- package/dist/build/chunks/polyfills-CJ5uTmUJ.js.map +1 -0
- package/dist/build/chunks/popover-wbPSyFRj.js +654 -0
- package/dist/build/chunks/popover-wbPSyFRj.js.map +1 -0
- package/dist/build/chunks/utilities-BIk0P2KX.js +61 -0
- package/dist/build/chunks/utilities-BIk0P2KX.js.map +1 -0
- package/dist/build/constants.css +120 -0
- package/dist/build/container-grid.css +207 -0
- package/dist/build/content-block.css +23 -0
- package/dist/build/cookie-compliance.js +122 -0
- package/dist/build/cookie-compliance.js.map +1 -0
- package/dist/build/dialog.css +98 -0
- package/dist/build/disclosure-widget.js +124 -0
- package/dist/build/disclosure-widget.js.map +1 -0
- package/dist/build/drop-menu.css +78 -0
- package/dist/build/drupal.css +74 -0
- package/dist/build/footer-menu.css +32 -0
- package/dist/build/footer.css +61 -0
- package/dist/build/form.css +589 -0
- package/dist/build/grid.css +200 -0
- package/dist/build/header.css +131 -0
- package/dist/build/hero-banner.css +62 -0
- package/dist/build/icon.css +399 -0
- package/dist/build/in-page-alert.css +94 -0
- package/dist/build/in-page-navigation.css +17 -0
- package/dist/build/index.css +4980 -0
- package/dist/build/io-loader.js +44 -0
- package/dist/build/io-loader.js.map +1 -0
- package/dist/build/keyboard.js +101 -0
- package/dist/build/keyboard.js.map +1 -0
- package/dist/build/link-list.css +72 -0
- package/dist/build/masthead.css +39 -0
- package/dist/build/nav-list.css +29 -0
- package/dist/build/navigation.css +371 -0
- package/dist/build/page.css +184 -0
- package/dist/build/pagination.css +123 -0
- package/dist/build/section.css +160 -0
- package/dist/build/sidebar.css +105 -0
- package/dist/build/sticky.css +47 -0
- package/dist/build/tabs.css +106 -0
- package/dist/build/tag.css +67 -0
- package/dist/build/tiles.css +61 -0
- package/dist/build/utilities.css +175 -0
- package/package.json +130 -0
- package/src/Atom/Background/Backgrounds.stories.ts +36 -0
- package/src/Atom/Background/__snapshots__/Backgrounds.stories.ts.snap +100 -0
- package/src/Atom/Background/_background.css +80 -0
- package/src/Atom/Background/backgrounds.twig +10 -0
- package/src/Atom/Base.mdx +76 -0
- package/src/Atom/Blockquote/_blockquote.css +7 -0
- package/src/Atom/Button/Button.stories.ts +71 -0
- package/src/Atom/Button/Button.stories.tsx +31 -0
- package/src/Atom/Button/Button.tsx +70 -0
- package/src/Atom/Button/README.md +30 -0
- package/src/Atom/Button/__snapshots__/Button.stories.ts.snap +41 -0
- package/src/Atom/Button/__snapshots__/Button.stories.tsx.snap +17 -0
- package/src/Atom/Button/_buttons-styles.css +48 -0
- package/src/Atom/Button/_buttons.css +71 -0
- package/src/Atom/Button/button.css +2 -0
- package/src/Atom/Button/button.twig +23 -0
- package/src/Atom/DefinitionList/DefinitionList.stories.tsx +25 -0
- package/src/Atom/DefinitionList/DefinitionList.tsx +27 -0
- package/src/Atom/DefinitionList/__snapshots__/DefinitionList.stories.tsx.snap +30 -0
- package/src/Atom/Heading/Heading.stories.ts +25 -0
- package/src/Atom/Heading/Heading.stories.tsx +19 -0
- package/src/Atom/Heading/Heading.tsx +44 -0
- package/src/Atom/Heading/__snapshots__/Heading.stories.ts.snap +7 -0
- package/src/Atom/Heading/__snapshots__/Heading.stories.tsx.snap +9 -0
- package/src/Atom/Heading/_headings.css +84 -0
- package/src/Atom/Heading/heading.twig +8 -0
- package/src/Atom/Icon/Icon.mdx +32 -0
- package/src/Atom/Icon/Icon.stories.ts +50 -0
- package/src/Atom/Icon/Icon.stories.tsx +44 -0
- package/src/Atom/Icon/Icon.tsx +30 -0
- package/src/Atom/Icon/README.md +7 -0
- package/src/Atom/Icon/__snapshots__/Icon.stories.ts.snap +18 -0
- package/src/Atom/Icon/__snapshots__/Icon.stories.tsx.snap +18 -0
- package/src/Atom/Icon/_extended-set.css +45 -0
- package/src/Atom/Icon/_icon.css +151 -0
- package/src/Atom/Icon/_mixin-icon.css +5 -0
- package/src/Atom/Icon/icon.css +2 -0
- package/src/Atom/Icon/icon.twig +12 -0
- package/src/Atom/Icon/images/arrow-down.svg +1 -0
- package/src/Atom/Icon/images/arrow-left.svg +1 -0
- package/src/Atom/Icon/images/arrow-right.svg +1 -0
- package/src/Atom/Icon/images/arrow-up.svg +1 -0
- package/src/Atom/Icon/images/attachment.svg +1 -0
- package/src/Atom/Icon/images/blockquote.svg +1 -0
- package/src/Atom/Icon/images/bluesky.svg +1 -0
- package/src/Atom/Icon/images/bookmark.svg +1 -0
- package/src/Atom/Icon/images/building.svg +1 -0
- package/src/Atom/Icon/images/calendar.svg +1 -0
- package/src/Atom/Icon/images/chevron-down.svg +1 -0
- package/src/Atom/Icon/images/chevron-left.svg +1 -0
- package/src/Atom/Icon/images/chevron-right.svg +1 -0
- package/src/Atom/Icon/images/chevron-up.svg +1 -0
- package/src/Atom/Icon/images/clock.svg +1 -0
- package/src/Atom/Icon/images/close.svg +1 -0
- package/src/Atom/Icon/images/collapse.svg +1 -0
- package/src/Atom/Icon/images/controls.svg +1 -0
- package/src/Atom/Icon/images/download.svg +1 -0
- package/src/Atom/Icon/images/drupal.svg +3 -0
- package/src/Atom/Icon/images/email.svg +1 -0
- package/src/Atom/Icon/images/error.svg +1 -0
- package/src/Atom/Icon/images/expand.svg +1 -0
- package/src/Atom/Icon/images/external-link.svg +1 -0
- package/src/Atom/Icon/images/facebook.svg +1 -0
- package/src/Atom/Icon/images/file.svg +1 -0
- package/src/Atom/Icon/images/globe.svg +1 -0
- package/src/Atom/Icon/images/google.svg +1 -0
- package/src/Atom/Icon/images/heart-selected.svg +1 -0
- package/src/Atom/Icon/images/heart-unselected.svg +1 -0
- package/src/Atom/Icon/images/home.svg +1 -0
- package/src/Atom/Icon/images/image.svg +1 -0
- package/src/Atom/Icon/images/info.svg +1 -0
- package/src/Atom/Icon/images/instagram.svg +1 -0
- package/src/Atom/Icon/images/link.svg +1 -0
- package/src/Atom/Icon/images/linkedin.svg +1 -0
- package/src/Atom/Icon/images/list.svg +1 -0
- package/src/Atom/Icon/images/lock.svg +1 -0
- package/src/Atom/Icon/images/login.svg +1 -0
- package/src/Atom/Icon/images/mastodon.svg +3 -0
- package/src/Atom/Icon/images/media-next.svg +1 -0
- package/src/Atom/Icon/images/media-pause.svg +1 -0
- package/src/Atom/Icon/images/media-play.svg +1 -0
- package/src/Atom/Icon/images/media-previous.svg +1 -0
- package/src/Atom/Icon/images/media-rewind.svg +1 -0
- package/src/Atom/Icon/images/media-skip.svg +1 -0
- package/src/Atom/Icon/images/media-stop.svg +1 -0
- package/src/Atom/Icon/images/menu.svg +1 -0
- package/src/Atom/Icon/images/more.svg +1 -0
- package/src/Atom/Icon/images/notification.svg +1 -0
- package/src/Atom/Icon/images/pencil.svg +1 -0
- package/src/Atom/Icon/images/phone.svg +1 -0
- package/src/Atom/Icon/images/pin.svg +1 -0
- package/src/Atom/Icon/images/print.svg +1 -0
- package/src/Atom/Icon/images/question.svg +1 -0
- package/src/Atom/Icon/images/restart.svg +1 -0
- package/src/Atom/Icon/images/search.svg +1 -0
- package/src/Atom/Icon/images/settings.svg +1 -0
- package/src/Atom/Icon/images/share.svg +1 -0
- package/src/Atom/Icon/images/star-selected.svg +1 -0
- package/src/Atom/Icon/images/star-unselected.svg +1 -0
- package/src/Atom/Icon/images/success.svg +1 -0
- package/src/Atom/Icon/images/tick.svg +1 -0
- package/src/Atom/Icon/images/trash.svg +1 -0
- package/src/Atom/Icon/images/twitter.svg +1 -0
- package/src/Atom/Icon/images/user.svg +1 -0
- package/src/Atom/Icon/images/video.svg +1 -0
- package/src/Atom/Icon/images/warning.svg +1 -0
- package/src/Atom/Icon/images/youtube.svg +1 -0
- package/src/Atom/Image/Image.stories.ts +20 -0
- package/src/Atom/Image/__snapshots__/Image.stories.ts.snap +9 -0
- package/src/Atom/Image/_image.css +29 -0
- package/src/Atom/Image/image.twig +13 -0
- package/src/Atom/Link/Link.stories.ts +37 -0
- package/src/Atom/Link/Link.stories.tsx +30 -0
- package/src/Atom/Link/Link.tsx +38 -0
- package/src/Atom/Link/__snapshots__/Link.stories.ts.snap +17 -0
- package/src/Atom/Link/__snapshots__/Link.stories.tsx.snap +25 -0
- package/src/Atom/Link/_links.css +39 -0
- package/src/Atom/Link/link.twig +12 -0
- package/src/Atom/Media/Media.stories.ts +26 -0
- package/src/Atom/Media/Media.stories.tsx +25 -0
- package/src/Atom/Media/Media.tsx +42 -0
- package/src/Atom/Media/__snapshots__/Media.stories.ts.snap +14 -0
- package/src/Atom/Media/__snapshots__/Media.stories.tsx.snap +18 -0
- package/src/Atom/Media/_media.css +40 -0
- package/src/Atom/Media/media.twig +18 -0
- package/src/Atom/NavList/NavList.stories.ts +15 -0
- package/src/Atom/NavList/__snapshots__/NavList.stories.ts.snap +43 -0
- package/src/Atom/NavList/nav-list.css +29 -0
- package/src/Atom/NavList/nav-list.twig +25 -0
- package/src/Atom/README.md +5 -0
- package/src/Atom/Spacing/Spacing.stories.ts +48 -0
- package/src/Atom/Spacing/__snapshots__/Spacing.stories.ts.snap +8 -0
- package/src/Atom/Spacing/_spacing.css +36 -0
- package/src/Atom/Spacing/spacing.twig +3 -0
- package/src/Atom/Table/Table.stories.ts +39 -0
- package/src/Atom/Table/TableResponsive.stories.ts +16 -0
- package/src/Atom/Table/__snapshots__/Table.stories.ts.snap +261 -0
- package/src/Atom/Table/__snapshots__/TableResponsive.stories.ts.snap +68 -0
- package/src/Atom/Table/_table.css +72 -0
- package/src/Atom/Table/table-responsive.twig +32 -0
- package/src/Atom/Table/table.twig +30 -0
- package/src/Atom/Text/Text.stories.tsx +20 -0
- package/src/Atom/Text/Text.tsx +26 -0
- package/src/Atom/Text/TextSizes.stories.ts +25 -0
- package/src/Atom/Text/__snapshots__/Text.stories.tsx.snap +7 -0
- package/src/Atom/Text/__snapshots__/TextSizes.stories.ts.snap +63 -0
- package/src/Atom/Text/_text-align.css +13 -0
- package/src/Atom/Text/_text-sizes.css +117 -0
- package/src/Atom/Text/text-alignment.twig +5 -0
- package/src/Atom/Text/text-style.twig +1 -0
- package/src/Atom/Text/text-styles-example.twig +35 -0
- package/src/Atom/Video/Video.stories.ts +16 -0
- package/src/Atom/Video/Video.tsx +17 -0
- package/src/Atom/Video/__snapshots__/Video.stories.ts.snap +21 -0
- package/src/Atom/Video/_video.css +10 -0
- package/src/Atom/Video/video.twig +5 -0
- package/src/Atom/_animated.css +65 -0
- package/src/Atom/_base.css +62 -0
- package/src/Atom/_flow-legacy.css +48 -0
- package/src/Atom/_flow.css +53 -0
- package/src/Atom/_generic.css +93 -0
- package/src/Atom/_hr.css +10 -0
- package/src/Atom/_mixins.css +22 -0
- package/src/Atom/_print.css +20 -0
- package/src/Atom/base.css +5 -0
- package/src/Atom/images/external-link.svg +1 -0
- package/src/Component/Accordion/Accordion.stories.ts +51 -0
- package/src/Component/Accordion/Accordion.stories.tsx +22 -0
- package/src/Component/Accordion/Accordion.tsx +83 -0
- package/src/Component/Accordion/Elements/Accordion.ts +82 -0
- package/src/Component/Accordion/Elements/AccordionDiv.ts +83 -0
- package/src/Component/Accordion/Elements/AccordionGroup.ts +106 -0
- package/src/Component/Accordion/Elements/AccordionMobile.ts +47 -0
- package/src/Component/Accordion/README.md +45 -0
- package/src/Component/Accordion/__snapshots__/Accordion.stories.ts.snap +94 -0
- package/src/Component/Accordion/__snapshots__/Accordion.stories.tsx.snap +26 -0
- package/src/Component/Accordion/accordion-item.twig +18 -0
- package/src/Component/Accordion/accordion.css +107 -0
- package/src/Component/Accordion/accordion.twig +19 -0
- package/src/Component/Accordion/images/collapse.svg +1 -0
- package/src/Component/Accordion/images/expand.svg +1 -0
- package/src/Component/Accordion/twig/accordion-div.twig +13 -0
- package/src/Component/Accordion/twig/accordion-example.twig +36 -0
- package/src/Component/Accordion/twig/accordion-mobile.twig +15 -0
- package/src/Component/Accordion/twig/accordion-story.twig +13 -0
- package/src/Component/Author/Author.stories.tsx +18 -0
- package/src/Component/Author/Author.tsx +30 -0
- package/src/Component/Author/__snapshots__/Author.stories.tsx.snap +21 -0
- package/src/Component/Breadcrumb/Breadcrumb.stories.ts +15 -0
- package/src/Component/Breadcrumb/Breadcrumb.stories.tsx +38 -0
- package/src/Component/Breadcrumb/Breadcrumb.tsx +34 -0
- package/src/Component/Breadcrumb/__snapshots__/Breadcrumb.stories.ts.snap +26 -0
- package/src/Component/Breadcrumb/__snapshots__/Breadcrumb.stories.tsx.snap +60 -0
- package/src/Component/Breadcrumb/breadcrumb.css +46 -0
- package/src/Component/Breadcrumb/breadcrumb.twig +12 -0
- package/src/Component/Callout/Callout.stories.ts +29 -0
- package/src/Component/Callout/callout.css +7 -0
- package/src/Component/Callout/callout.twig +10 -0
- package/src/Component/Callout/twig/callout-story.twig +11 -0
- package/src/Component/Card/CHANGELOG.md +187 -0
- package/src/Component/Card/Card.stories.ts +106 -0
- package/src/Component/Card/Card.stories.tsx +50 -0
- package/src/Component/Card/Card.tsx +56 -0
- package/src/Component/Card/README.md +21 -0
- package/src/Component/Card/__snapshots__/Card.stories.ts.snap +186 -0
- package/src/Component/Card/__snapshots__/Card.stories.tsx.snap +88 -0
- package/src/Component/Card/__snapshots__/CardGrid.stories.ts.snap +89 -0
- package/src/Component/Card/card-grid.twig +10 -0
- package/src/Component/Card/card.css +128 -0
- package/src/Component/Card/card.twig +45 -0
- package/src/Component/Card/twig/old-card.twig +17 -0
- package/src/Component/Card/twig/story-card.twig +29 -0
- package/src/Component/ContentBlock/ContentBlock.stories.ts +15 -0
- package/src/Component/ContentBlock/ContentBlock.stories.tsx +30 -0
- package/src/Component/ContentBlock/ContentBlock.tsx +37 -0
- package/src/Component/ContentBlock/README.md +21 -0
- package/src/Component/ContentBlock/__snapshots__/ContentBlock.stories.ts.snap +26 -0
- package/src/Component/ContentBlock/__snapshots__/ContentBlock.stories.tsx.snap +21 -0
- package/src/Component/ContentBlock/content-block.css +21 -0
- package/src/Component/ContentBlock/content-block.twig +12 -0
- package/src/Component/ContentBlock/twig/content-block-example.twig +7 -0
- package/src/Component/Dialog/Dialog.stories.ts +28 -0
- package/src/Component/Dialog/Dialog.stories.tsx +45 -0
- package/src/Component/Dialog/Dialog.tsx +79 -0
- package/src/Component/Dialog/Elements/Dialog.ts +145 -0
- package/src/Component/Dialog/README.md +63 -0
- package/src/Component/Dialog/__snapshots__/Dialog.stories.ts.snap +85 -0
- package/src/Component/Dialog/__snapshots__/Dialog.stories.tsx.snap +39 -0
- package/src/Component/Dialog/dialog.css +85 -0
- package/src/Component/Dialog/dialog.twig +19 -0
- package/src/Component/DropMenu/Components/DropMenuContext.tsx +192 -0
- package/src/Component/DropMenu/Components/DropMenuItem.tsx +35 -0
- package/src/Component/DropMenu/DropMenu.stories.ts +36 -0
- package/src/Component/DropMenu/DropMenu.stories.tsx +24 -0
- package/src/Component/DropMenu/DropMenu.tsx +81 -0
- package/src/Component/DropMenu/Elements/DropMenu.ts +172 -0
- package/src/Component/DropMenu/README.md +11 -0
- package/src/Component/DropMenu/__snapshots__/DropMenu.stories.ts.snap +32 -0
- package/src/Component/DropMenu/__snapshots__/DropMenu.stories.tsx.snap +47 -0
- package/src/Component/DropMenu/drop-menu.css +68 -0
- package/src/Component/DropMenu/drop-menu.twig +27 -0
- package/src/Component/DropMenu/polyfills.js +28 -0
- package/src/Component/HeroBanner/HeroBanner.stories.ts +75 -0
- package/src/Component/HeroBanner/HeroBanner.stories.tsx +30 -0
- package/src/Component/HeroBanner/HeroBanner.tsx +50 -0
- package/src/Component/HeroBanner/__snapshots__/PageTitle.stories.ts.snap +31 -0
- package/src/Component/HeroBanner/__snapshots__/PageTitle.stories.tsx.snap +36 -0
- package/src/Component/HeroBanner/hero-banner.css +51 -0
- package/src/Component/HeroBanner/hero-banner.twig +41 -0
- package/src/Component/HeroBanner/twig/hero-banner-story.twig +19 -0
- package/src/Component/InPageAlert/Elements/InPageAlert.ts +87 -0
- package/src/Component/InPageAlert/InPageAlert.stories.ts +35 -0
- package/src/Component/InPageAlert/InPageAlert.stories.tsx +43 -0
- package/src/Component/InPageAlert/InPageAlert.tsx +50 -0
- package/src/Component/InPageAlert/README.md +27 -0
- package/src/Component/InPageAlert/__snapshots__/InPageAlert.stories.ts.snap +43 -0
- package/src/Component/InPageAlert/__snapshots__/InPageAlert.stories.tsx.snap +69 -0
- package/src/Component/InPageAlert/in-page-alert.css +89 -0
- package/src/Component/InPageAlert/in-page-alert.twig +18 -0
- package/src/Component/InPageNavigation/Elements/InPageNavigation.ts +125 -0
- package/src/Component/InPageNavigation/Hooks/useInPageNavigation.ts +45 -0
- package/src/Component/InPageNavigation/InPageNavigation.stories.ts +16 -0
- package/src/Component/InPageNavigation/InPageNavigation.stories.tsx +86 -0
- package/src/Component/InPageNavigation/InPageNavigation.tsx +38 -0
- package/src/Component/InPageNavigation/README.md +30 -0
- package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.ts.snap +73 -0
- package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.tsx.snap +149 -0
- package/src/Component/InPageNavigation/in-page-navigation.css +17 -0
- package/src/Component/InPageNavigation/in-page-navigation.twig +17 -0
- package/src/Component/InPageNavigation/twig/in-page-navigation-content-example.twig +16 -0
- package/src/Component/InPageNavigation/twig/in-page-navigation-menu-example.twig +6 -0
- package/src/Component/LinkList/LinkList.stories.ts +29 -0
- package/src/Component/LinkList/LinkList.stories.tsx +29 -0
- package/src/Component/LinkList/LinkList.tsx +43 -0
- package/src/Component/LinkList/README.md +19 -0
- package/src/Component/LinkList/__snapshots__/LinkList.stories.ts.snap +58 -0
- package/src/Component/LinkList/__snapshots__/LinkList.stories.tsx.snap +53 -0
- package/src/Component/LinkList/link-list.css +68 -0
- package/src/Component/LinkList/link-list.twig +12 -0
- package/src/Component/ListItem/Teaser.stories.tsx +34 -0
- package/src/Component/ListItem/Teaser.tsx +54 -0
- package/src/Component/ListItem/__snapshots__/Teaser.stories.tsx.snap +32 -0
- package/src/Component/Navigation/Collapsible.stories.ts +16 -0
- package/src/Component/Navigation/Components/DropdownLevel.tsx +107 -0
- package/src/Component/Navigation/Dropdown.stories.ts +16 -0
- package/src/Component/Navigation/Dropdown.stories.tsx +46 -0
- package/src/Component/Navigation/Dropdown.tsx +39 -0
- package/src/Component/Navigation/Elements/Navigation.ts +174 -0
- package/src/Component/Navigation/MegaNav.stories.ts +16 -0
- package/src/Component/Navigation/Navigation.stories.ts +15 -0
- package/src/Component/Navigation/Navigation.stories.tsx +40 -0
- package/src/Component/Navigation/Navigation.tsx +51 -0
- package/src/Component/Navigation/README.md +17 -0
- package/src/Component/Navigation/__snapshots__/Collapsible.stories.ts.snap +123 -0
- package/src/Component/Navigation/__snapshots__/Dropdown.stories.ts.snap +125 -0
- package/src/Component/Navigation/__snapshots__/Dropdown.stories.tsx.snap +39 -0
- package/src/Component/Navigation/__snapshots__/Navigation.stories.ts.snap +25 -0
- package/src/Component/Navigation/__snapshots__/Navigation.stories.tsx.snap +61 -0
- package/src/Component/Navigation/_navigation-collapsible.css +72 -0
- package/src/Component/Navigation/_navigation-dropdown.css +152 -0
- package/src/Component/Navigation/_navigation-mega.css +51 -0
- package/src/Component/Navigation/_navigation.css +55 -0
- package/src/Component/Navigation/navigation-collapsible.twig +7 -0
- package/src/Component/Navigation/navigation-dropdown.twig +7 -0
- package/src/Component/Navigation/navigation-mega-nav.twig +7 -0
- package/src/Component/Navigation/navigation.css +4 -0
- package/src/Component/Navigation/navigation.twig +9 -0
- package/src/Component/Navigation/twig/navigation-subnav-list.twig +108 -0
- package/src/Component/Pagination/Components/PaginationContext.tsx +188 -0
- package/src/Component/Pagination/Components/PaginationItem.tsx +48 -0
- package/src/Component/Pagination/Pagination.stories.ts +15 -0
- package/src/Component/Pagination/Pagination.stories.tsx +25 -0
- package/src/Component/Pagination/Pagination.tsx +75 -0
- package/src/Component/Pagination/README.md +19 -0
- package/src/Component/Pagination/__snapshots__/Pagination.stories.ts.snap +58 -0
- package/src/Component/Pagination/__snapshots__/Pagination.stories.tsx.snap +57 -0
- package/src/Component/Pagination/pagination.css +112 -0
- package/src/Component/Pagination/pagination.twig +44 -0
- package/src/Component/SocialShare/SocialShare.stories.tsx +26 -0
- package/src/Component/SocialShare/SocialShare.tsx +53 -0
- package/src/Component/SocialShare/__snapshots__/SocialShare.stories.tsx.snap +25 -0
- package/src/Component/Sticky/Elements/Sticky.ts +93 -0
- package/src/Component/Sticky/README.md +23 -0
- package/src/Component/Sticky/Sticky.stories.ts +16 -0
- package/src/Component/Sticky/Sticky.stories.tsx +14 -0
- package/src/Component/Sticky/Sticky.tsx +34 -0
- package/src/Component/Sticky/__snapshots__/Sticky.stories.ts.snap +86 -0
- package/src/Component/Sticky/__snapshots__/Sticky.stories.tsx.snap +11 -0
- package/src/Component/Sticky/sticky.css +39 -0
- package/src/Component/Sticky/sticky.twig +21 -0
- package/src/Component/Sticky/twig/sticky-example.twig +4 -0
- package/src/Component/Tabs/Components/Tab.tsx +45 -0
- package/src/Component/Tabs/Components/TabDropMenu.tsx +14 -0
- package/src/Component/Tabs/Components/TabList.tsx +9 -0
- package/src/Component/Tabs/Components/TabPanel.tsx +32 -0
- package/src/Component/Tabs/Elements/Tabs.ts +213 -0
- package/src/Component/Tabs/README.md +23 -0
- package/src/Component/Tabs/Tabs.stories.ts +22 -0
- package/src/Component/Tabs/Tabs.stories.tsx +51 -0
- package/src/Component/Tabs/Tabs.tsx +100 -0
- package/src/Component/Tabs/__snapshots__/Tabs.stories.ts.snap +144 -0
- package/src/Component/Tabs/__snapshots__/Tabs.stories.tsx.snap +120 -0
- package/src/Component/Tabs/tabs.css +103 -0
- package/src/Component/Tabs/tabs.twig +49 -0
- package/src/Component/Tabs/twig/panel.twig +5 -0
- package/src/Component/Tabs/twig/tab-list.twig +26 -0
- package/src/Component/Tag/README.md +19 -0
- package/src/Component/Tag/Tag.stories.ts +54 -0
- package/src/Component/Tag/Tag.stories.tsx +13 -0
- package/src/Component/Tag/Tag.tsx +19 -0
- package/src/Component/Tag/__snapshots__/Tag.stories.ts.snap +64 -0
- package/src/Component/Tag/__snapshots__/Tag.stories.tsx.snap +7 -0
- package/src/Component/Tag/tag.css +57 -0
- package/src/Component/Tag/tags.twig +23 -0
- package/src/Component/Tile/README.md +3 -0
- package/src/Component/Tile/Tile.stories.ts +23 -0
- package/src/Component/Tile/Tile.stories.tsx +30 -0
- package/src/Component/Tile/Tile.tsx +40 -0
- package/src/Component/Tile/__snapshots__/Tile.stories.ts.snap +83 -0
- package/src/Component/Tile/__snapshots__/Tile.stories.tsx.snap +38 -0
- package/src/Component/Tile/tile.twig +10 -0
- package/src/Component/Tile/tiles.css +58 -0
- package/src/Component/Tile/twig/tiles.twig +18 -0
- package/src/Form/Checkbox/Checkboxes.stories.ts +47 -0
- package/src/Form/Checkbox/FormCheckbox.stories.tsx +32 -0
- package/src/Form/Checkbox/FormCheckbox.tsx +124 -0
- package/src/Form/Checkbox/__snapshots__/Checkboxes.stories.ts.snap +115 -0
- package/src/Form/Checkbox/input-checkbox-single.twig +6 -0
- package/src/Form/Checkbox/input-checkbox.twig +24 -0
- package/src/Form/Description/Description.stories.ts +16 -0
- package/src/Form/Description/ErrorMessage.stories.ts +16 -0
- package/src/Form/Description/FormDescription.stories.tsx +14 -0
- package/src/Form/Description/FormDescription.tsx +28 -0
- package/src/Form/Description/__snapshots__/Description.stories.ts.snap +17 -0
- package/src/Form/Description/__snapshots__/ErrorMessage.stories.ts.snap +20 -0
- package/src/Form/Description/__snapshots__/FormDescription.stories.tsx.snap +10 -0
- package/src/Form/Description/form-description.twig +3 -0
- package/src/Form/Description/form-error.twig +5 -0
- package/src/Form/Fieldset/Fieldset.stories.ts +34 -0
- package/src/Form/Fieldset/__snapshots__/Fieldset.stories.ts.snap +23 -0
- package/src/Form/Fieldset/fieldset.twig +4 -0
- package/src/Form/Form/Form.stories.tsx +10 -0
- package/src/Form/Form/Form.tsx +9 -0
- package/src/Form/Form/FormTitle.stories.tsx +14 -0
- package/src/Form/Form/FormTitle.tsx +12 -0
- package/src/Form/Form/__snapshots__/Form.stories.tsx.snap +6 -0
- package/src/Form/Form/__snapshots__/FormTitle.stories.tsx.snap +9 -0
- package/src/Form/Form/twig/form-example.twig +13 -0
- package/src/Form/Item/FormItem.stories.tsx +58 -0
- package/src/Form/Item/FormItem.tsx +26 -0
- package/src/Form/Item/__snapshots__/FormItem.stories.tsx.snap +102 -0
- package/src/Form/Label/FormLabel.stories.tsx +20 -0
- package/src/Form/Label/FormLabel.tsx +19 -0
- package/src/Form/Label/Label.stories.ts +34 -0
- package/src/Form/Label/__snapshots__/FormLabel.stories.tsx.snap +16 -0
- package/src/Form/Label/__snapshots__/Label.stories.ts.snap +23 -0
- package/src/Form/Label/label.twig +2 -0
- package/src/Form/README.md +11 -0
- package/src/Form/Radio/FormRadio.stories.tsx +37 -0
- package/src/Form/Radio/FormRadio.tsx +80 -0
- package/src/Form/Radio/Radios.stories.ts +47 -0
- package/src/Form/Radio/__snapshots__/Radios.stories.ts.snap +125 -0
- package/src/Form/Radio/input-radio.twig +24 -0
- package/src/Form/Search/TextInputWithInlineButton.stories.ts +16 -0
- package/src/Form/Search/__snapshots__/TextInputWithInlineButton.stories.ts.snap +26 -0
- package/src/Form/Search/input-text-inline-submit.twig +8 -0
- package/src/Form/Select/FormSelect.stories.tsx +34 -0
- package/src/Form/Select/FormSelect.tsx +67 -0
- package/src/Form/Select/Select.stories.ts +40 -0
- package/src/Form/Select/__snapshots__/FormSelect.stories.tsx.snap +23 -0
- package/src/Form/Select/__snapshots__/Select.stories.ts.snap +148 -0
- package/src/Form/Select/select.twig +16 -0
- package/src/Form/TextInput/FormText.stories.tsx +15 -0
- package/src/Form/TextInput/FormText.tsx +55 -0
- package/src/Form/TextInput/InputDivider.stories.ts +16 -0
- package/src/Form/TextInput/TextInput.stories.ts +57 -0
- package/src/Form/TextInput/TextInputWithIcon.stories.ts +40 -0
- package/src/Form/TextInput/__snapshots__/FormText.stories.tsx.snap +13 -0
- package/src/Form/TextInput/__snapshots__/InputDivider.stories.ts.snap +32 -0
- package/src/Form/TextInput/__snapshots__/TextInput.stories.ts.snap +101 -0
- package/src/Form/TextInput/__snapshots__/TextInputWithIcon.stories.ts.snap +67 -0
- package/src/Form/TextInput/input-divider.twig +11 -0
- package/src/Form/TextInput/input-text-icon.twig +7 -0
- package/src/Form/TextInput/input-text.twig +5 -0
- package/src/Form/Textarea/FormTextarea.stories.tsx +14 -0
- package/src/Form/Textarea/FormTextarea.tsx +53 -0
- package/src/Form/Textarea/Textarea.stories.ts +16 -0
- package/src/Form/Textarea/__snapshots__/FormTextarea.stories.tsx.snap +12 -0
- package/src/Form/Textarea/__snapshots__/Textarea.stories.ts.snap +19 -0
- package/src/Form/Textarea/textarea.twig +5 -0
- package/src/Form/form.css +479 -0
- package/src/Form/images/checkmark.svg +1 -0
- package/src/Form/images/form-chevron-down.svg +1 -0
- package/src/Form/images/form-error.svg +1 -0
- package/src/Form/images/form-success.svg +1 -0
- package/src/Layout/Footer/Footer.stories.ts +15 -0
- package/src/Layout/Footer/Footer.stories.tsx +42 -0
- package/src/Layout/Footer/Footer.tsx +55 -0
- package/src/Layout/Footer/FooterMenu/FooterMenu.stories.ts +15 -0
- package/src/Layout/Footer/FooterMenu/__snapshots__/FooterMenu.stories.ts.snap +101 -0
- package/src/Layout/Footer/FooterMenu/footer-menu.css +29 -0
- package/src/Layout/Footer/FooterMenu/footer-menu.twig +5 -0
- package/src/Layout/Footer/__snapshots__/Footer.stories.ts.snap +139 -0
- package/src/Layout/Footer/__snapshots__/Footer.stories.tsx.snap +70 -0
- package/src/Layout/Footer/footer.css +54 -0
- package/src/Layout/Footer/footer.twig +25 -0
- package/src/Layout/Grid/Grid.stories.ts +68 -0
- package/src/Layout/Grid/Grid.stories.tsx +125 -0
- package/src/Layout/Grid/Grid.tsx +51 -0
- package/src/Layout/Grid/__snapshots__/Grid.stories.ts.snap +103 -0
- package/src/Layout/Grid/__snapshots__/Grid.stories.tsx.snap +67 -0
- package/src/Layout/Grid/container-grid.css +190 -0
- package/src/Layout/Grid/grid-item.twig +16 -0
- package/src/Layout/Grid/grid.css +190 -0
- package/src/Layout/Grid/grid.twig +10 -0
- package/src/Layout/Grid/twig/container-grid-dynamic.twig +47 -0
- package/src/Layout/Grid/twig/container-grid.twig +46 -0
- package/src/Layout/Grid/twig/grid-story.twig +6 -0
- package/src/Layout/Grid/twig/old-grid.twig +46 -0
- package/src/Layout/Header/Components/GlobalToggle.tsx +35 -0
- package/src/Layout/Header/Components/Logo.tsx +17 -0
- package/src/Layout/Header/Elements/GlobalToggle.ts +137 -0
- package/src/Layout/Header/Header.stories.ts +18 -0
- package/src/Layout/Header/Header.stories.tsx +17 -0
- package/src/Layout/Header/Header.tsx +73 -0
- package/src/Layout/Header/Stacked/Stacked.stories.ts +16 -0
- package/src/Layout/Header/Stacked/__snapshots__/Stacked.stories.ts.snap +353 -0
- package/src/Layout/Header/Stacked/header-stacked.twig +33 -0
- package/src/Layout/Header/__snapshots__/Header.stories.ts.snap +157 -0
- package/src/Layout/Header/__snapshots__/Header.stories.tsx.snap +55 -0
- package/src/Layout/Header/_header.css +89 -0
- package/src/Layout/Header/_toggles.css +31 -0
- package/src/Layout/Header/header.css +2 -0
- package/src/Layout/Header/header.twig +24 -0
- package/src/Layout/Header/twig/global-header.twig +4 -0
- package/src/Layout/Header/twig/logo.twig +3 -0
- package/src/Layout/Masthead/Masthead.stories.ts +16 -0
- package/src/Layout/Masthead/__snapshots__/Masthead.stories.ts.snap +32 -0
- package/src/Layout/Masthead/masthead.css +36 -0
- package/src/Layout/Masthead/masthead.twig +10 -0
- package/src/Layout/Page/Page.stories.tsx +22 -0
- package/src/Layout/Page/Page.tsx +16 -0
- package/src/Layout/Page/README.md +19 -0
- package/src/Layout/Page/__snapshots__/Page.stories.tsx.snap +80 -0
- package/src/Layout/Page/page.css +150 -0
- package/src/Layout/Page/page.twig +3 -0
- package/src/Layout/README.md +19 -0
- package/src/Layout/Section/Background.stories.ts +25 -0
- package/src/Layout/Section/Breakouts.stories.ts +16 -0
- package/src/Layout/Section/Flow.stories.ts +16 -0
- package/src/Layout/Section/Section.stories.ts +63 -0
- package/src/Layout/Section/Section.stories.tsx +56 -0
- package/src/Layout/Section/Section.tsx +83 -0
- package/src/Layout/Section/SectionGrid.stories.tsx +53 -0
- package/src/Layout/Section/SectionGrid.tsx +71 -0
- package/src/Layout/Section/__snapshots__/Section.stories.ts.snap +19 -0
- package/src/Layout/Section/__snapshots__/Section.stories.tsx.snap +37 -0
- package/src/Layout/Section/__snapshots__/SectionBackground.stories.ts.snap +55 -0
- package/src/Layout/Section/__snapshots__/SectionGrid.stories.tsx.snap +37 -0
- package/src/Layout/Section/__snapshots__/SectionsBreakouts.stories.ts.snap +78 -0
- package/src/Layout/Section/__snapshots__/SectionsFlowsGroups.stories.ts.snap +89 -0
- package/src/Layout/Section/section.css +156 -0
- package/src/Layout/Section/section.twig +25 -0
- package/src/Layout/Section/twig/section-background.twig +12 -0
- package/src/Layout/Section/twig/section-story.twig +14 -0
- package/src/Layout/Section/twig/sections-breakout.twig +38 -0
- package/src/Layout/Section/twig/sections-flow.twig +51 -0
- package/src/Layout/Section/twig/sections-stacked.twig +28 -0
- package/src/Layout/Sidebar/Sidebar.stories.ts +35 -0
- package/src/Layout/Sidebar/Sidebar.stories.tsx +33 -0
- package/src/Layout/Sidebar/Sidebar.tsx +34 -0
- package/src/Layout/Sidebar/__snapshots__/Sidebar.stories.ts.snap +40 -0
- package/src/Layout/Sidebar/__snapshots__/Sidebar.stories.tsx.snap +47 -0
- package/src/Layout/Sidebar/sidebar.css +69 -0
- package/src/Layout/Sidebar/sidebar.twig +17 -0
- package/src/Layout/images/mixtape-logo.png +0 -0
- package/src/Utility/Context/ImageComponent.tsx +49 -0
- package/src/Utility/Context/LinkComponent.tsx +57 -0
- package/src/Utility/Drupal/README.md +9 -0
- package/src/Utility/Drupal/drupal.css +66 -0
- package/src/Utility/Drupal/twig/local-tasks.twig +17 -0
- package/src/Utility/Drupal/twig/login-form.twig +22 -0
- package/src/Utility/Elements/breakpoint-loader.ts +79 -0
- package/src/Utility/Elements/cookie-compliance.ts +174 -0
- package/src/Utility/Elements/disclosure-widget.ts +173 -0
- package/src/Utility/Elements/io-loader.ts +57 -0
- package/src/Utility/Elements/keyboard.ts +150 -0
- package/src/Utility/Hooks/useLocalStorage.ts +78 -0
- package/src/Utility/Hooks/useMediaQuery.ts +31 -0
- package/src/Utility/Hooks/useToggle.ts +17 -0
- package/src/Utility/Hooks/useUrlParams.ts +24 -0
- package/src/Utility/README.md +15 -0
- package/src/Utility/_layout-utils.css +78 -0
- package/src/Utility/global.d.ts +25 -0
- package/src/Utility/utilities.css +88 -0
- package/src/Utility/utilities.ts +163 -0
- package/src/_custom-media.css +33 -0
- package/src/constants.css +118 -0
- package/src/elements.ts +13 -0
- package/src/enums.ts +260 -0
- package/src/index.css +27 -0
- package/src/react.ts +68 -0
- package/src/tokens.js +119 -0
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Breadcrumb Navigation
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
@layer components {
|
|
6
|
+
.nav--breadcrumb {
|
|
7
|
+
--nav-font-size: var(--font-size-s);
|
|
8
|
+
|
|
9
|
+
position: relative;
|
|
10
|
+
z-index: 1;
|
|
11
|
+
overflow: auto;
|
|
12
|
+
white-space: nowrap;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.nav--breadcrumb > ul {
|
|
16
|
+
gap: var(--breadcrumb-gap, var(--spacing-xxxxs));
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.nav--breadcrumb > ul > li {
|
|
20
|
+
color: var(
|
|
21
|
+
--breadcrumb-foreground,
|
|
22
|
+
var(--foreground, var(--colour-foreground-alt))
|
|
23
|
+
);
|
|
24
|
+
display: flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.nav--breadcrumb > ul > li:where(:not(:last-child))::after {
|
|
29
|
+
content: "";
|
|
30
|
+
display: block;
|
|
31
|
+
vertical-align: middle;
|
|
32
|
+
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M6 13.4L4.6 12l4-4-4-4L6 2.6 11.4 8z'/%3E%3C/svg%3E");
|
|
33
|
+
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M6 13.4L4.6 12l4-4-4-4L6 2.6 11.4 8z'/%3E%3C/svg%3E");
|
|
34
|
+
-webkit-mask-position: center;
|
|
35
|
+
mask-position: center;
|
|
36
|
+
-webkit-mask-repeat: no-repeat;
|
|
37
|
+
mask-repeat: no-repeat;
|
|
38
|
+
block-size: var(--spacing-m);
|
|
39
|
+
inline-size: var(--spacing-m);
|
|
40
|
+
background-color: currentcolor;
|
|
41
|
+
}
|
|
42
|
+
[dir="rtl"] .nav--breadcrumb > ul > li::after, .translated-rtl .nav--breadcrumb > ul > li::after {
|
|
43
|
+
transform: rotate(180deg);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJyZWFkY3J1bWIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxtQ0FBbUM7O0lBRW5DLGtCQUFrQjtJQUNsQixVQUFVO0lBQ1YsY0FBYztJQUNkLG1CQUFtQjtFQTBCckI7O0lBeEJFO01BQ0UsZ0RBQWdEO0lBQ2xEOztJQUVBO01BQ0U7OztPQUdDO01BQ0QsYUFBYTtNQUNiLG1CQUFtQjtJQWFyQjs7TUFYRTtRQUNFLFdBQVc7UUFDWCxjQUFjO1FBQ2Qsc0JBQXNCO1FBQ3RCLDZMQUFnRTtnQkFBaEUscUxBQWdFO1FBQ2hFLDZCQUFxQjtnQkFBckIscUJBQXFCO1FBQ3JCLDhCQUFzQjtnQkFBdEIsc0JBQXNCO1FBQ3RCLDRCQUE0QjtRQUM1Qiw2QkFBNkI7UUFDN0IsOEJBQThCO01BQ2hDO0lBTUY7TUFDRSx5QkFBeUI7SUFDM0I7QUFFSiIsImZpbGUiOiJicmVhZGNydW1iLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQnJlYWRjcnVtYiBOYXZpZ2F0aW9uXG4gKi9cblxuQGxheWVyIGNvbXBvbmVudHMge1xuICAubmF2LS1icmVhZGNydW1iIHtcbiAgICAtLW5hdi1mb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zKTtcblxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB6LWluZGV4OiAxO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cbiAgICAmID4gdWwge1xuICAgICAgZ2FwOiB2YXIoLS1icmVhZGNydW1iLWdhcCwgdmFyKC0tc3BhY2luZy14eHh4cykpO1xuICAgIH1cblxuICAgICYgPiB1bCA+IGxpIHtcbiAgICAgIGNvbG9yOiB2YXIoXG4gICAgICAgIC0tYnJlYWRjcnVtYi1mb3JlZ3JvdW5kLFxuICAgICAgICB2YXIoLS1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZC1hbHQpKVxuICAgICAgKTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgICAmOndoZXJlKDpub3QoOmxhc3QtY2hpbGQpKTo6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgbWFzay1pbWFnZTogc3ZnLWxvYWQoXCIuLi8uLi9BdG9tL0ljb24vaW1hZ2VzL2NoZXZyb24tcmlnaHQuc3ZnXCIpO1xuICAgICAgICBtYXNrLXBvc2l0aW9uOiBjZW50ZXI7XG4gICAgICAgIG1hc2stcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgICAgIGJsb2NrLXNpemU6IHZhcigtLXNwYWNpbmctbSk7XG4gICAgICAgIGlubGluZS1zaXplOiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Y29sb3I7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgW2Rpcj1cInJ0bFwiXSAubmF2LS1icmVhZGNydW1iLFxuICAudHJhbnNsYXRlZC1ydGwgLm5hdi0tYnJlYWRjcnVtYiB7XG4gICAgJiA+IHVsID4gbGk6OmFmdGVyIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG4gICAgfVxuICB9XG59XG4iXX0= */
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
const _BreakpointLoader = class _BreakpointLoader {
|
|
2
|
+
constructor(el, callback, options = { mediaQuery: "(max-width: 720px)" }) {
|
|
3
|
+
this.init = () => {
|
|
4
|
+
this.responsiveCheck(this.breakpoint);
|
|
5
|
+
this.breakpoint.addEventListener("change", this.responsiveCheck);
|
|
6
|
+
this.fallbackBtn?.addEventListener("click", this.handleClick);
|
|
7
|
+
};
|
|
8
|
+
this.responsiveCheck = ({ matches }) => {
|
|
9
|
+
matches && this.load().catch((error) => this.handleError(error));
|
|
10
|
+
};
|
|
11
|
+
this.load = async () => {
|
|
12
|
+
try {
|
|
13
|
+
await this.callback();
|
|
14
|
+
} catch (error) {
|
|
15
|
+
this.handleError(error);
|
|
16
|
+
}
|
|
17
|
+
this.breakpoint.removeEventListener("change", this.responsiveCheck);
|
|
18
|
+
};
|
|
19
|
+
this.handleClick = () => {
|
|
20
|
+
this.load().catch((error) => this.handleError(error));
|
|
21
|
+
};
|
|
22
|
+
this.handleError = (error) => {
|
|
23
|
+
console.error(error);
|
|
24
|
+
this.errorMsg?.removeAttribute("hidden");
|
|
25
|
+
};
|
|
26
|
+
if (!el) {
|
|
27
|
+
throw new Error("Element is null or empty.");
|
|
28
|
+
}
|
|
29
|
+
this.el = el;
|
|
30
|
+
this.callback = callback;
|
|
31
|
+
this.breakpoint = window.matchMedia(options.mediaQuery);
|
|
32
|
+
this.options = { ...options };
|
|
33
|
+
this.fallbackBtn = this.el.querySelector("[data-load-fallback]");
|
|
34
|
+
this.errorMsg = this.el.querySelector("[data-load-error]");
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
_BreakpointLoader.create = (selector, callback, options = {}) => {
|
|
38
|
+
if (!Object.hasOwn(window, "once")) return;
|
|
39
|
+
window.once("breakpoint-loader", selector)?.forEach((el) => {
|
|
40
|
+
const loader = new _BreakpointLoader(
|
|
41
|
+
el,
|
|
42
|
+
callback,
|
|
43
|
+
options
|
|
44
|
+
);
|
|
45
|
+
loader.init();
|
|
46
|
+
});
|
|
47
|
+
};
|
|
48
|
+
let BreakpointLoader = _BreakpointLoader;
|
|
49
|
+
export {
|
|
50
|
+
BreakpointLoader as default
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=breakpoint-loader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breakpoint-loader.js","sources":["../../src/Utility/Elements/breakpoint-loader.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * Lazy Load a component based on breakpoint.\n */\n\ntype BreakpointLoaderOptions = {\n mediaQuery?: string\n}\n\nexport default class BreakpointLoader {\n el: HTMLElement\n callback: () => any\n breakpoint: MediaQueryList\n options: BreakpointLoaderOptions\n fallbackBtn?: HTMLButtonElement\n errorMsg?: HTMLElement\n\n constructor(\n el: HTMLElement,\n callback: () => any,\n options: BreakpointLoaderOptions = { mediaQuery: \"(max-width: 720px)\" },\n ) {\n if (!el) {\n throw new Error(\"Element is null or empty.\")\n }\n this.el = el\n this.callback = callback\n this.breakpoint = window.matchMedia(options.mediaQuery)\n this.options = { ...options }\n this.fallbackBtn = this.el.querySelector(\"[data-load-fallback]\")\n this.errorMsg = this.el.querySelector(\"[data-load-error]\")\n }\n\n init = (): void => {\n this.responsiveCheck(this.breakpoint)\n this.breakpoint.addEventListener(\"change\", this.responsiveCheck)\n this.fallbackBtn?.addEventListener(\"click\", this.handleClick)\n }\n\n responsiveCheck = ({ matches }): void => {\n matches && this.load().catch(error => this.handleError(error))\n }\n\n load = async (): Promise<void> => {\n try {\n await this.callback()\n } catch (error) {\n this.handleError(error)\n }\n this.breakpoint.removeEventListener(\"change\", this.responsiveCheck)\n }\n\n handleClick = (): void => {\n this.load().catch(error => this.handleError(error))\n }\n\n handleError = (error): void => {\n console.error(error) // eslint-disable-line no-console\n this.errorMsg?.removeAttribute(\"hidden\")\n }\n\n static create = (\n selector: string,\n callback: () => any,\n options: BreakpointLoaderOptions = {},\n ): void => {\n if (!Object.hasOwn(window, \"once\")) return\n window\n .once(\"breakpoint-loader\", selector)\n ?.forEach((el: HTMLElement): void => {\n const loader: BreakpointLoader = new BreakpointLoader(\n el,\n callback,\n options,\n )\n loader.init()\n })\n }\n}\n"],"names":[],"mappings":"AASA,MAAqB,oBAArB,MAAqB,kBAAiB;AAAA,EAQpC,YACE,IACA,UACA,UAAmC,EAAE,YAAY,wBACjD;AAYF,SAAA,OAAO,MAAY;AACZ,WAAA,gBAAgB,KAAK,UAAU;AACpC,WAAK,WAAW,iBAAiB,UAAU,KAAK,eAAe;AAC/D,WAAK,aAAa,iBAAiB,SAAS,KAAK,WAAW;AAAA,IAAA;AAG5C,SAAA,kBAAA,CAAC,EAAE,cAAoB;AAC5B,iBAAA,KAAK,OAAO,MAAM,WAAS,KAAK,YAAY,KAAK,CAAC;AAAA,IAAA;AAG/D,SAAA,OAAO,YAA2B;AAC5B,UAAA;AACF,cAAM,KAAK;eACJ,OAAO;AACd,aAAK,YAAY,KAAK;AAAA,MACxB;AACA,WAAK,WAAW,oBAAoB,UAAU,KAAK,eAAe;AAAA,IAAA;AAGpE,SAAA,cAAc,MAAY;AACxB,WAAK,KAAO,EAAA,MAAM,WAAS,KAAK,YAAY,KAAK,CAAC;AAAA,IAAA;AAGpD,SAAA,cAAc,CAAC,UAAgB;AAC7B,cAAQ,MAAM,KAAK;AACd,WAAA,UAAU,gBAAgB,QAAQ;AAAA,IAAA;AApCvC,QAAI,CAAC,IAAI;AACD,YAAA,IAAI,MAAM,2BAA2B;AAAA,IAC7C;AACA,SAAK,KAAK;AACV,SAAK,WAAW;AAChB,SAAK,aAAa,OAAO,WAAW,QAAQ,UAAU;AACjD,SAAA,UAAU,EAAE,GAAG;AACpB,SAAK,cAAc,KAAK,GAAG,cAAc,sBAAsB;AAC/D,SAAK,WAAW,KAAK,GAAG,cAAc,mBAAmB;AAAA,EAC3D;AA+CF;AAjBE,kBAAO,SAAS,CACd,UACA,UACA,UAAmC,CAAA,MAC1B;AACT,MAAI,CAAC,OAAO,OAAO,QAAQ,MAAM,EAAG;AACpC,SACG,KAAK,qBAAqB,QAAQ,GACjC,QAAQ,CAAC,OAA0B;AACnC,UAAM,SAA2B,IAAI;AAAA,MACnC;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAEF,WAAO,KAAK;AAAA,EAAA,CACb;AAAA;AAnEP,IAAqB,mBAArB;"}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Buttons
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
@layer elements {
|
|
6
|
+
.button {
|
|
7
|
+
--outline-offset: 0.0625rem;
|
|
8
|
+
--outline-width: 0.25rem;
|
|
9
|
+
|
|
10
|
+
display: inline-flex;
|
|
11
|
+
inline-size: -moz-fit-content;
|
|
12
|
+
inline-size: fit-content;
|
|
13
|
+
gap: var(--button-gap, var(--spacing-s));
|
|
14
|
+
font-size: var(--button-font-size, var(--font-size));
|
|
15
|
+
font-weight: var(--font-weight-bold);
|
|
16
|
+
font-family: var(--font-family);
|
|
17
|
+
line-height: var(--line-height-ui);
|
|
18
|
+
border: 2px solid
|
|
19
|
+
var(--button-line-colour, var(--colour-border));
|
|
20
|
+
border: var(--line-width, 2px) solid
|
|
21
|
+
var(--button-line-colour, var(--colour-border));
|
|
22
|
+
border-radius: var(--radius, var(--border-radius-l));
|
|
23
|
+
padding-block: var(--vertical-padding, var(--spacing-xxs));
|
|
24
|
+
padding-inline: var(--horizontal-padding, var(--spacing-m));
|
|
25
|
+
background-color: var(--background, var(--colour-background));
|
|
26
|
+
color: var(--foreground, var(--colour-foreground));
|
|
27
|
+
text-decoration-line: none;
|
|
28
|
+
transition:
|
|
29
|
+
0.2s color,
|
|
30
|
+
0.2s background-color,
|
|
31
|
+
0.2s border-color;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.button:hover {
|
|
35
|
+
cursor: pointer;
|
|
36
|
+
text-decoration-line: none;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.button:disabled {
|
|
40
|
+
cursor: not-allowed;
|
|
41
|
+
opacity: 0.3;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.button--full-width {
|
|
45
|
+
inline-size: 100%;
|
|
46
|
+
justify-content: center;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.button--large {
|
|
50
|
+
--vertical-padding: var(--spacing-s);
|
|
51
|
+
--horizontal-padding: var(--spacing-l);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.button--small {
|
|
55
|
+
--button-font-size: var(--font-size-s);
|
|
56
|
+
--vertical-padding: var(--spacing-xxxs);
|
|
57
|
+
--horizontal-padding: var(--spacing-s);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.button--icon-only {
|
|
61
|
+
inline-size: var(--spacing-xl);
|
|
62
|
+
block-size: var(--spacing-xl);
|
|
63
|
+
padding: 0;
|
|
64
|
+
border-radius: var(--border-radius-round);
|
|
65
|
+
overflow: hidden;
|
|
66
|
+
flex-wrap: wrap;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.button--icon-only::before {
|
|
70
|
+
inline-size: 100%;
|
|
71
|
+
block-size: 100%;
|
|
72
|
+
-webkit-mask-size: var(--spacing-s);
|
|
73
|
+
mask-size: var(--spacing-s);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
/**
|
|
78
|
+
* Buttons
|
|
79
|
+
*/
|
|
80
|
+
|
|
81
|
+
@layer elements {
|
|
82
|
+
.button--dark {
|
|
83
|
+
--button-line-colour: var(--colour-primary);
|
|
84
|
+
--background: var(--colour-primary);
|
|
85
|
+
--foreground: var(--colour-foreground-reverse);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.button--dark.button--outline {
|
|
89
|
+
--background: transparent;
|
|
90
|
+
--foreground: var(--colour-primary);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.button--light {
|
|
94
|
+
border: transparent;
|
|
95
|
+
color: var(--link-colour, var(--colour-primary));
|
|
96
|
+
text-decoration-line: underline;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.button--light:hover {
|
|
100
|
+
text-decoration-line: underline;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.button--destructive {
|
|
104
|
+
--button-line-colour: var(--colour-error-foreground);
|
|
105
|
+
--background: var(--colour-error-foreground);
|
|
106
|
+
--foreground: var(--colour-foreground-reverse);
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.button--destructive.button--outline {
|
|
110
|
+
--background: transparent;
|
|
111
|
+
--foreground: var(--colour-error-foreground);
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.button--white {
|
|
115
|
+
--button-line-colour: var(--colour-foreground-reverse);
|
|
116
|
+
--background: var(--colour-foreground-reverse);
|
|
117
|
+
--foreground: var(--colour-foreground);
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.button--white.button--outline {
|
|
121
|
+
--background: transparent;
|
|
122
|
+
--foreground: var(--colour-foreground-reverse);
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIl9idXR0b25zLmNzcyIsIl9idXR0b25zLXN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLDJCQUFxQjtJQUNyQix3QkFBb0I7O0lBRXBCLG9CQUFvQjtJQUNwQiw2QkFBd0I7SUFBeEIsd0JBQXdCO0lBQ3hCLHdDQUF3QztJQUN4QyxvREFBb0Q7SUFDcEQsb0NBQW9DO0lBQ3BDLCtCQUErQjtJQUMvQixrQ0FBa0M7SUFDbEM7cURBQ2lEO0lBRGpEO3FEQUNpRDtJQUNqRCxvREFBb0Q7SUFDcEQsMERBQTBEO0lBQzFELDJEQUEyRDtJQUMzRCw2REFBNkQ7SUFDN0Qsa0RBQWtEO0lBQ2xELDBCQUEwQjtJQUMxQjs7O3VCQUdtQjtFQVdyQjs7SUFURTtNQUNFLGVBQWU7TUFDZiwwQkFBMEI7SUFDNUI7O0lBRUE7TUFDRSxtQkFBbUI7TUFDbkIsWUFBWTtJQUNkOztFQUdGO0lBQ0UsaUJBQWlCO0lBQ2pCLHVCQUF1QjtFQUN6Qjs7RUFFQTtJQUNFLG9DQUFvQztJQUNwQyxzQ0FBc0M7RUFDeEM7O0VBRUE7SUFDRSxzQ0FBc0M7SUFDdEMsdUNBQXVDO0lBQ3ZDLHNDQUFzQztFQUN4Qzs7RUFFQTtJQUNFLDhCQUE4QjtJQUM5Qiw2QkFBNkI7SUFDN0IsVUFBVTtJQUNWLHlDQUF5QztJQUN6QyxnQkFBZ0I7SUFDaEIsZUFBZTtFQU9qQjs7SUFMRTtNQUNFLGlCQUFpQjtNQUNqQixnQkFBZ0I7TUFDaEIsbUNBQTJCO2NBQTNCLDJCQUEyQjtJQUM3QjtBQUVKOztBQ3RFQTs7RUFFRTs7QUFFRjtFQUNFO0lBQ0UsMkNBQTJDO0lBQzNDLG1DQUFtQztJQUNuQyw4Q0FBOEM7RUFNaEQ7O0lBSkU7TUFDRSx5QkFBeUI7TUFDekIsbUNBQW1DO0lBQ3JDOztFQUdGO0lBQ0UsbUJBQW1CO0lBQ25CLGdEQUFnRDtJQUNoRCwrQkFBK0I7RUFLakM7O0lBSEU7TUFDRSwrQkFBK0I7SUFDakM7O0VBR0Y7SUFDRSxvREFBb0Q7SUFDcEQsNENBQTRDO0lBQzVDLDhDQUE4QztFQU1oRDs7SUFKRTtNQUNFLHlCQUF5QjtNQUN6Qiw0Q0FBNEM7SUFDOUM7O0VBR0Y7SUFDRSxzREFBc0Q7SUFDdEQsOENBQThDO0lBQzlDLHNDQUFzQztFQU14Qzs7SUFKRTtNQUNFLHlCQUF5QjtNQUN6Qiw4Q0FBOEM7SUFDaEQ7QUFFSiIsImZpbGUiOiJidXR0b24uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBCdXR0b25zXG4gKi9cblxuQGxheWVyIGVsZW1lbnRzIHtcbiAgLmJ1dHRvbiB7XG4gICAgLS1vdXRsaW5lLW9mZnNldDogMXB4O1xuICAgIC0tb3V0bGluZS13aWR0aDogNHB4O1xuXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgaW5saW5lLXNpemU6IGZpdC1jb250ZW50O1xuICAgIGdhcDogdmFyKC0tYnV0dG9uLWdhcCwgdmFyKC0tc3BhY2luZy1zKSk7XG4gICAgZm9udC1zaXplOiB2YXIoLS1idXR0b24tZm9udC1zaXplLCB2YXIoLS1mb250LXNpemUpKTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQtYm9sZCk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tbGluZS1oZWlnaHQtdWkpO1xuICAgIGJvcmRlcjogdmFyKC0tbGluZS13aWR0aCwgMnB4KSBzb2xpZFxuICAgICAgdmFyKC0tYnV0dG9uLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaXVzLCB2YXIoLS1ib3JkZXItcmFkaXVzLWwpKTtcbiAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS12ZXJ0aWNhbC1wYWRkaW5nLCB2YXIoLS1zcGFjaW5nLXh4cykpO1xuICAgIHBhZGRpbmctaW5saW5lOiB2YXIoLS1ob3Jpem9udGFsLXBhZGRpbmcsIHZhcigtLXNwYWNpbmctbSkpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQsIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kKSk7XG4gICAgY29sb3I6IHZhcigtLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKSk7XG4gICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IG5vbmU7XG4gICAgdHJhbnNpdGlvbjpcbiAgICAgIDAuMnMgY29sb3IsXG4gICAgICAwLjJzIGJhY2tncm91bmQtY29sb3IsXG4gICAgICAwLjJzIGJvcmRlci1jb2xvcjtcblxuICAgICY6aG92ZXIge1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IG5vbmU7XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCB7XG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgb3BhY2l0eTogMC4zO1xuICAgIH1cbiAgfVxuXG4gIC5idXR0b24tLWZ1bGwtd2lkdGgge1xuICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB9XG5cbiAgLmJ1dHRvbi0tbGFyZ2Uge1xuICAgIC0tdmVydGljYWwtcGFkZGluZzogdmFyKC0tc3BhY2luZy1zKTtcbiAgICAtLWhvcml6b250YWwtcGFkZGluZzogdmFyKC0tc3BhY2luZy1sKTtcbiAgfVxuXG4gIC5idXR0b24tLXNtYWxsIHtcbiAgICAtLWJ1dHRvbi1mb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zKTtcbiAgICAtLXZlcnRpY2FsLXBhZGRpbmc6IHZhcigtLXNwYWNpbmcteHh4cyk7XG4gICAgLS1ob3Jpem9udGFsLXBhZGRpbmc6IHZhcigtLXNwYWNpbmctcyk7XG4gIH1cblxuICAuYnV0dG9uLS1pY29uLW9ubHkge1xuICAgIGlubGluZS1zaXplOiB2YXIoLS1zcGFjaW5nLXhsKTtcbiAgICBibG9jay1zaXplOiB2YXIoLS1zcGFjaW5nLXhsKTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlci1yYWRpdXMtcm91bmQpO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgZmxleC13cmFwOiB3cmFwO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgICAgYmxvY2stc2l6ZTogMTAwJTtcbiAgICAgIG1hc2stc2l6ZTogdmFyKC0tc3BhY2luZy1zKTtcbiAgICB9XG4gIH1cbn1cbiIsIi8qKlxuICogQnV0dG9uc1xuICovXG5cbkBsYXllciBlbGVtZW50cyB7XG4gIC5idXR0b24tLWRhcmsge1xuICAgIC0tYnV0dG9uLWxpbmUtY29sb3VyOiB2YXIoLS1jb2xvdXItcHJpbWFyeSk7XG4gICAgLS1iYWNrZ3JvdW5kOiB2YXIoLS1jb2xvdXItcHJpbWFyeSk7XG4gICAgLS1mb3JlZ3JvdW5kOiB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZC1yZXZlcnNlKTtcblxuICAgICYuYnV0dG9uLS1vdXRsaW5lIHtcbiAgICAgIC0tYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAtLWZvcmVncm91bmQ6IHZhcigtLWNvbG91ci1wcmltYXJ5KTtcbiAgICB9XG4gIH1cblxuICAuYnV0dG9uLS1saWdodCB7XG4gICAgYm9yZGVyOiB0cmFuc3BhcmVudDtcbiAgICBjb2xvcjogdmFyKC0tbGluay1jb2xvdXIsIHZhcigtLWNvbG91ci1wcmltYXJ5KSk7XG4gICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IHVuZGVybGluZTtcblxuICAgICY6aG92ZXIge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IHVuZGVybGluZTtcbiAgICB9XG4gIH1cblxuICAuYnV0dG9uLS1kZXN0cnVjdGl2ZSB7XG4gICAgLS1idXR0b24tbGluZS1jb2xvdXI6IHZhcigtLWNvbG91ci1lcnJvci1mb3JlZ3JvdW5kKTtcbiAgICAtLWJhY2tncm91bmQ6IHZhcigtLWNvbG91ci1lcnJvci1mb3JlZ3JvdW5kKTtcbiAgICAtLWZvcmVncm91bmQ6IHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kLXJldmVyc2UpO1xuXG4gICAgJi5idXR0b24tLW91dGxpbmUge1xuICAgICAgLS1iYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIC0tZm9yZWdyb3VuZDogdmFyKC0tY29sb3VyLWVycm9yLWZvcmVncm91bmQpO1xuICAgIH1cbiAgfVxuXG4gIC5idXR0b24tLXdoaXRlIHtcbiAgICAtLWJ1dHRvbi1saW5lLWNvbG91cjogdmFyKC0tY29sb3VyLWZvcmVncm91bmQtcmV2ZXJzZSk7XG4gICAgLS1iYWNrZ3JvdW5kOiB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZC1yZXZlcnNlKTtcbiAgICAtLWZvcmVncm91bmQ6IHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKTtcblxuICAgICYuYnV0dG9uLS1vdXRsaW5lIHtcbiAgICAgIC0tYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAtLWZvcmVncm91bmQ6IHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kLXJldmVyc2UpO1xuICAgIH1cbiAgfVxufVxuIl19 */
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.callout {
|
|
3
|
+
padding-inline-start: var(--line-gap, var(--gap));
|
|
4
|
+
border-inline-start: 6px solid
|
|
5
|
+
var(--line-colour, var(--colour-primary));
|
|
6
|
+
border-inline-start: var(--line-width, 6px) solid
|
|
7
|
+
var(--line-colour, var(--colour-primary));
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhbGxvdXQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7SUFDRSxpREFBaUQ7SUFDakQ7K0NBQzJDO0lBRDNDOytDQUMyQztFQUM3QztBQUNGIiwiZmlsZSI6ImNhbGxvdXQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGxheWVyIGNvbXBvbmVudHMge1xuICAuY2FsbG91dCB7XG4gICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLWxpbmUtZ2FwLCB2YXIoLS1nYXApKTtcbiAgICBib3JkZXItaW5saW5lLXN0YXJ0OiB2YXIoLS1saW5lLXdpZHRoLCA2cHgpIHNvbGlkXG4gICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLXByaW1hcnkpKTtcbiAgfVxufVxuIl19 */
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Content Card
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
@layer components {
|
|
6
|
+
.card {
|
|
7
|
+
display: grid;
|
|
8
|
+
grid-template: "media" auto "content" 1fr / 1fr;
|
|
9
|
+
grid-gap: var(--card-gap, var(--gap));
|
|
10
|
+
gap: var(--card-gap, var(--gap));
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@container (min-width: 720px) {
|
|
14
|
+
.card {
|
|
15
|
+
--card-gap: var(--gap-l);
|
|
16
|
+
|
|
17
|
+
grid-template: "media content" 1fr / 1fr 1fr;
|
|
18
|
+
align-items: center;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.card .card__content {
|
|
22
|
+
justify-content: center;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@container (min-width: 946px) {
|
|
27
|
+
.card {
|
|
28
|
+
--card-gap: 6rem;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
@container (min-width: 720px) {
|
|
32
|
+
|
|
33
|
+
.card.card--right {
|
|
34
|
+
grid-template-areas: "content media";
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.card[class*="background--"] {
|
|
39
|
+
border-radius: var(--border-radius);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.card[class*="background--"] .card__content {
|
|
43
|
+
padding-inline: var(--spacing-s);
|
|
44
|
+
padding-block-end: var(--spacing-s);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
@container (min-width: 720px) {
|
|
48
|
+
|
|
49
|
+
.card[class*="background--"] .card__content {
|
|
50
|
+
padding-block-start: var(--spacing-s);
|
|
51
|
+
padding-inline-start: 0;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
@container (min-width: 720px) {
|
|
55
|
+
|
|
56
|
+
.card.card--right[class*="background--"] {
|
|
57
|
+
padding-inline: var(--spacing-s) 0;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.card .card__content {
|
|
62
|
+
grid-area: content;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.card :is(.card__media, figure) {
|
|
66
|
+
grid-area: media;
|
|
67
|
+
display: grid;
|
|
68
|
+
margin: auto;
|
|
69
|
+
position: relative;
|
|
70
|
+
inline-size: 100%;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.card :is(.card__media, figure) img {
|
|
74
|
+
aspect-ratio: var(--ratio);
|
|
75
|
+
border-radius: var(--border-radius);
|
|
76
|
+
-o-object-fit: cover;
|
|
77
|
+
object-fit: cover;
|
|
78
|
+
display: block;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.card :is(.card__media, figure) .skeleton--bg {
|
|
82
|
+
aspect-ratio: var(--ratio);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.card .link-list {
|
|
86
|
+
inline-size: 100%;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
/**
|
|
91
|
+
* Content Card Grid
|
|
92
|
+
*/
|
|
93
|
+
|
|
94
|
+
@layer components {
|
|
95
|
+
.grid:has(> *:nth-child(2):last-child) > :is(.card, .container:has(.card)) {
|
|
96
|
+
inline-size: 100%;
|
|
97
|
+
max-inline-size: 37ch;
|
|
98
|
+
max-inline-size: var(--max-card-width, 37ch);
|
|
99
|
+
margin-inline: auto;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
/**
|
|
104
|
+
* Content Card Linked
|
|
105
|
+
*/
|
|
106
|
+
|
|
107
|
+
@layer components {
|
|
108
|
+
a.card[href]:hover {
|
|
109
|
+
color: inherit;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.card--clickable {
|
|
113
|
+
position: relative;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.card--clickable:focus-within {
|
|
117
|
+
border-radius: var(--border-radius);
|
|
118
|
+
outline: var(--outline-width) var(--outline-style) var(--outline-color);
|
|
119
|
+
outline-offset: 2px;
|
|
120
|
+
}
|
|
121
|
+
.card--clickable :is(a[href], button):focus-visible {
|
|
122
|
+
outline: none;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.card--clickable a::after {
|
|
126
|
+
content: "";
|
|
127
|
+
position: absolute;
|
|
128
|
+
inset-block-start: 0;
|
|
129
|
+
inset-inline-start: 0;
|
|
130
|
+
inline-size: 100%;
|
|
131
|
+
block-size: 100%;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxhQUFhO0lBQ2IsK0NBQStDO0lBQy9DLHFDQUFnQztJQUFoQyxnQ0FBZ0M7RUFxRWxDOztJQW5FRTtFQUxGO01BTUksd0JBQXdCOztNQUV4Qiw0Q0FBNEM7TUFDNUMsbUJBQW1CO0VBK0R2Qjs7TUE3REk7UUFDRSx1QkFBdUI7TUFDekI7SUFDRjs7SUFFQTtFQWhCRjtNQWlCSSxnQkFBZ0I7RUF1RHBCO0lBdERFO01BR0U7O0lBREY7UUFFSSxvQ0FBb0M7SUFFeEM7TUFERTs7SUFHRjtNQUNFLG1DQUFtQztJQWlCckM7O01BZkU7UUFDRSxnQ0FBZ0M7UUFDaEMsbUNBQW1DO01BTXJDOztRQUpFOztNQUpGO1VBS0kscUNBQXFDO1VBQ3JDLHVCQUF1QjtNQUUzQjtRQURFO1FBSUE7O01BREY7VUFFSSxrQ0FBa0M7TUFFdEM7UUFERTs7SUFJSjtNQUNFLGtCQUFrQjtJQUNwQjs7SUFFQTtNQUNFLGdCQUFnQjtNQUNoQixhQUFhO01BQ2IsWUFBWTtNQUNaLGtCQUFrQjtNQUNsQixpQkFBaUI7SUFZbkI7O01BVkU7UUFDRSwwQkFBMEI7UUFDMUIsbUNBQW1DO1FBQ25DLG9CQUFpQjtXQUFqQixpQkFBaUI7UUFDakIsY0FBYztNQUNoQjs7TUFFQTtRQUNFLDBCQUEwQjtNQUM1Qjs7SUFHRjtNQUNFLGlCQUFpQjtJQUNuQjtBQUVKOztBQUVBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxpQkFBaUI7SUFDakIscUJBQTRDO0lBQTVDLDRDQUE0QztJQUM1QyxtQkFBbUI7RUFDckI7QUFDRjs7QUFFQTs7RUFFRTs7QUFFRjtJQUVJO01BQ0UsY0FBYztJQUNoQjs7RUFHRjtJQUNFLGtCQUFrQjtFQXNCcEI7O0lBcEJFO01BQ0UsbUNBQW1DO01BQ25DLHVFQUF1RTtNQUN2RSxtQkFBbUI7SUFDckI7TUFHRTtRQUNFLGFBQWE7TUFDZjs7SUFHRjtNQUNFLFdBQVc7TUFDWCxrQkFBa0I7TUFDbEIsb0JBQW9CO01BQ3BCLHFCQUFxQjtNQUNyQixpQkFBaUI7TUFDakIsZ0JBQWdCO0lBQ2xCO0FBRUoiLCJmaWxlIjoiY2FyZC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvbnRlbnQgQ2FyZFxuICovXG5cbkBsYXllciBjb21wb25lbnRzIHtcbiAgLmNhcmQge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZTogXCJtZWRpYVwiIGF1dG8gXCJjb250ZW50XCIgMWZyIC8gMWZyO1xuICAgIGdhcDogdmFyKC0tY2FyZC1nYXAsIHZhcigtLWdhcCkpO1xuXG4gICAgQGNvbnRhaW5lciAobWluLXdpZHRoOiB0b2tlbihcImJyZWFrcG9pbnQuY29udGVudENhcmRcIikpIHtcbiAgICAgIC0tY2FyZC1nYXA6IHZhcigtLWdhcC1sKTtcblxuICAgICAgZ3JpZC10ZW1wbGF0ZTogXCJtZWRpYSBjb250ZW50XCIgMWZyIC8gMWZyIDFmcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAgICYgLmNhcmRfX2NvbnRlbnQge1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBAY29udGFpbmVyIChtaW4td2lkdGg6IHRva2VuKFwiYnJlYWtwb2ludC5sXCIpKSB7XG4gICAgICAtLWNhcmQtZ2FwOiA2cmVtO1xuICAgIH1cblxuICAgICYuY2FyZC0tcmlnaHQge1xuICAgICAgQGNvbnRhaW5lciAobWluLXdpZHRoOiB0b2tlbihcImJyZWFrcG9pbnQuY29udGVudENhcmRcIikpIHtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1hcmVhczogXCJjb250ZW50IG1lZGlhXCI7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJltjbGFzcyo9XCJiYWNrZ3JvdW5kLS1cIl0ge1xuICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cyk7XG5cbiAgICAgICYgLmNhcmRfX2NvbnRlbnQge1xuICAgICAgICBwYWRkaW5nLWlubGluZTogdmFyKC0tc3BhY2luZy1zKTtcbiAgICAgICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLXNwYWNpbmctcyk7XG5cbiAgICAgICAgQGNvbnRhaW5lciAobWluLXdpZHRoOiB0b2tlbihcImJyZWFrcG9pbnQuY29udGVudENhcmRcIikpIHtcbiAgICAgICAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zcGFjaW5nLXMpO1xuICAgICAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgICYuY2FyZC0tcmlnaHQge1xuICAgICAgICBAY29udGFpbmVyIChtaW4td2lkdGg6IHRva2VuKFwiYnJlYWtwb2ludC5jb250ZW50Q2FyZFwiKSkge1xuICAgICAgICAgIHBhZGRpbmctaW5saW5lOiB2YXIoLS1zcGFjaW5nLXMpIDA7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5jYXJkX19jb250ZW50IHtcbiAgICAgIGdyaWQtYXJlYTogY29udGVudDtcbiAgICB9XG5cbiAgICAmIDppcyguY2FyZF9fbWVkaWEsIGZpZ3VyZSkge1xuICAgICAgZ3JpZC1hcmVhOiBtZWRpYTtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBtYXJnaW46IGF1dG87XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBpbmxpbmUtc2l6ZTogMTAwJTtcblxuICAgICAgJiBpbWcge1xuICAgICAgICBhc3BlY3QtcmF0aW86IHZhcigtLXJhdGlvKTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cyk7XG4gICAgICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cblxuICAgICAgJiAuc2tlbGV0b24tLWJnIHtcbiAgICAgICAgYXNwZWN0LXJhdGlvOiB2YXIoLS1yYXRpbyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiAubGluay1saXN0IHtcbiAgICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgIH1cbiAgfVxufVxuXG4vKipcbiAqIENvbnRlbnQgQ2FyZCBHcmlkXG4gKi9cblxuQGxheWVyIGNvbXBvbmVudHMge1xuICAuZ3JpZDpoYXMoPiAqOm50aC1jaGlsZCgyKTpsYXN0LWNoaWxkKSA+IDppcyguY2FyZCwgLmNvbnRhaW5lcjpoYXMoLmNhcmQpKSB7XG4gICAgaW5saW5lLXNpemU6IDEwMCU7XG4gICAgbWF4LWlubGluZS1zaXplOiB2YXIoLS1tYXgtY2FyZC13aWR0aCwgMzdjaCk7XG4gICAgbWFyZ2luLWlubGluZTogYXV0bztcbiAgfVxufVxuXG4vKipcbiAqIENvbnRlbnQgQ2FyZCBMaW5rZWRcbiAqL1xuXG5AbGF5ZXIgY29tcG9uZW50cyB7XG4gIGFbaHJlZl0uY2FyZCB7XG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB9XG4gIH1cblxuICAuY2FyZC0tY2xpY2thYmxlIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ib3JkZXItcmFkaXVzKTtcbiAgICAgIG91dGxpbmU6IHZhcigtLW91dGxpbmUtd2lkdGgpIHZhcigtLW91dGxpbmUtc3R5bGUpIHZhcigtLW91dGxpbmUtY29sb3IpO1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgICB9XG5cbiAgICAmIDppcyhhW2hyZWZdLCBidXR0b24pIHtcbiAgICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiBhOjphZnRlciB7XG4gICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgaW5zZXQtYmxvY2stc3RhcnQ6IDA7XG4gICAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDA7XG4gICAgICBpbmxpbmUtc2l6ZTogMTAwJTtcbiAgICAgIGJsb2NrLXNpemU6IDEwMCU7XG4gICAgfVxuICB9XG59XG4iXX0= */
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
/*! js-cookie v3.0.5 | MIT */
|
|
2
|
+
function assign(target) {
|
|
3
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
4
|
+
var source = arguments[i];
|
|
5
|
+
for (var key in source) {
|
|
6
|
+
target[key] = source[key];
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
return target;
|
|
10
|
+
}
|
|
11
|
+
var defaultConverter = {
|
|
12
|
+
read: function(value) {
|
|
13
|
+
if (value[0] === '"') {
|
|
14
|
+
value = value.slice(1, -1);
|
|
15
|
+
}
|
|
16
|
+
return value.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
|
|
17
|
+
},
|
|
18
|
+
write: function(value) {
|
|
19
|
+
return encodeURIComponent(value).replace(
|
|
20
|
+
/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
|
|
21
|
+
decodeURIComponent
|
|
22
|
+
);
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
function init(converter, defaultAttributes) {
|
|
26
|
+
function set(name, value, attributes) {
|
|
27
|
+
if (typeof document === "undefined") {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
attributes = assign({}, defaultAttributes, attributes);
|
|
31
|
+
if (typeof attributes.expires === "number") {
|
|
32
|
+
attributes.expires = new Date(Date.now() + attributes.expires * 864e5);
|
|
33
|
+
}
|
|
34
|
+
if (attributes.expires) {
|
|
35
|
+
attributes.expires = attributes.expires.toUTCString();
|
|
36
|
+
}
|
|
37
|
+
name = encodeURIComponent(name).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
|
|
38
|
+
var stringifiedAttributes = "";
|
|
39
|
+
for (var attributeName in attributes) {
|
|
40
|
+
if (!attributes[attributeName]) {
|
|
41
|
+
continue;
|
|
42
|
+
}
|
|
43
|
+
stringifiedAttributes += "; " + attributeName;
|
|
44
|
+
if (attributes[attributeName] === true) {
|
|
45
|
+
continue;
|
|
46
|
+
}
|
|
47
|
+
stringifiedAttributes += "=" + attributes[attributeName].split(";")[0];
|
|
48
|
+
}
|
|
49
|
+
return document.cookie = name + "=" + converter.write(value, name) + stringifiedAttributes;
|
|
50
|
+
}
|
|
51
|
+
function get(name) {
|
|
52
|
+
if (typeof document === "undefined" || arguments.length && !name) {
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
var cookies = document.cookie ? document.cookie.split("; ") : [];
|
|
56
|
+
var jar = {};
|
|
57
|
+
for (var i = 0; i < cookies.length; i++) {
|
|
58
|
+
var parts = cookies[i].split("=");
|
|
59
|
+
var value = parts.slice(1).join("=");
|
|
60
|
+
try {
|
|
61
|
+
var found = decodeURIComponent(parts[0]);
|
|
62
|
+
jar[found] = converter.read(value, found);
|
|
63
|
+
if (name === found) {
|
|
64
|
+
break;
|
|
65
|
+
}
|
|
66
|
+
} catch (e) {
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
return name ? jar[name] : jar;
|
|
70
|
+
}
|
|
71
|
+
return Object.create(
|
|
72
|
+
{
|
|
73
|
+
set,
|
|
74
|
+
get,
|
|
75
|
+
remove: function(name, attributes) {
|
|
76
|
+
set(
|
|
77
|
+
name,
|
|
78
|
+
"",
|
|
79
|
+
assign({}, attributes, {
|
|
80
|
+
expires: -1
|
|
81
|
+
})
|
|
82
|
+
);
|
|
83
|
+
},
|
|
84
|
+
withAttributes: function(attributes) {
|
|
85
|
+
return init(this.converter, assign({}, this.attributes, attributes));
|
|
86
|
+
},
|
|
87
|
+
withConverter: function(converter2) {
|
|
88
|
+
return init(assign({}, this.converter, converter2), this.attributes);
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
attributes: { value: Object.freeze(defaultAttributes) },
|
|
93
|
+
converter: { value: Object.freeze(converter) }
|
|
94
|
+
}
|
|
95
|
+
);
|
|
96
|
+
}
|
|
97
|
+
var api = init(defaultConverter, { path: "/" });
|
|
98
|
+
export {
|
|
99
|
+
api as a
|
|
100
|
+
};
|
|
101
|
+
//# sourceMappingURL=js.cookie-CiMiGxWx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"js.cookie-CiMiGxWx.js","sources":["../../../node_modules/js-cookie/dist/js.cookie.mjs"],"sourcesContent":["/*! js-cookie v3.0.5 | MIT */\n/* eslint-disable no-var */\nfunction assign (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n target[key] = source[key];\n }\n }\n return target\n}\n/* eslint-enable no-var */\n\n/* eslint-disable no-var */\nvar defaultConverter = {\n read: function (value) {\n if (value[0] === '\"') {\n value = value.slice(1, -1);\n }\n return value.replace(/(%[\\dA-F]{2})+/gi, decodeURIComponent)\n },\n write: function (value) {\n return encodeURIComponent(value).replace(\n /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,\n decodeURIComponent\n )\n }\n};\n/* eslint-enable no-var */\n\n/* eslint-disable no-var */\n\nfunction init (converter, defaultAttributes) {\n function set (name, value, attributes) {\n if (typeof document === 'undefined') {\n return\n }\n\n attributes = assign({}, defaultAttributes, attributes);\n\n if (typeof attributes.expires === 'number') {\n attributes.expires = new Date(Date.now() + attributes.expires * 864e5);\n }\n if (attributes.expires) {\n attributes.expires = attributes.expires.toUTCString();\n }\n\n name = encodeURIComponent(name)\n .replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent)\n .replace(/[()]/g, escape);\n\n var stringifiedAttributes = '';\n for (var attributeName in attributes) {\n if (!attributes[attributeName]) {\n continue\n }\n\n stringifiedAttributes += '; ' + attributeName;\n\n if (attributes[attributeName] === true) {\n continue\n }\n\n // Considers RFC 6265 section 5.2:\n // ...\n // 3. If the remaining unparsed-attributes contains a %x3B (\";\")\n // character:\n // Consume the characters of the unparsed-attributes up to,\n // not including, the first %x3B (\";\") character.\n // ...\n stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];\n }\n\n return (document.cookie =\n name + '=' + converter.write(value, name) + stringifiedAttributes)\n }\n\n function get (name) {\n if (typeof document === 'undefined' || (arguments.length && !name)) {\n return\n }\n\n // To prevent the for loop in the first place assign an empty array\n // in case there are no cookies at all.\n var cookies = document.cookie ? document.cookie.split('; ') : [];\n var jar = {};\n for (var i = 0; i < cookies.length; i++) {\n var parts = cookies[i].split('=');\n var value = parts.slice(1).join('=');\n\n try {\n var found = decodeURIComponent(parts[0]);\n jar[found] = converter.read(value, found);\n\n if (name === found) {\n break\n }\n } catch (e) {}\n }\n\n return name ? jar[name] : jar\n }\n\n return Object.create(\n {\n set,\n get,\n remove: function (name, attributes) {\n set(\n name,\n '',\n assign({}, attributes, {\n expires: -1\n })\n );\n },\n withAttributes: function (attributes) {\n return init(this.converter, assign({}, this.attributes, attributes))\n },\n withConverter: function (converter) {\n return init(assign({}, this.converter, converter), this.attributes)\n }\n },\n {\n attributes: { value: Object.freeze(defaultAttributes) },\n converter: { value: Object.freeze(converter) }\n }\n )\n}\n\nvar api = init(defaultConverter, { path: '/' });\n/* eslint-enable no-var */\n\nexport { api as default };\n"],"names":["converter"],"mappings":"AAAA;AAEA,SAAS,OAAQ,QAAQ;AACvB,WAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AACzC,QAAI,SAAS,UAAU,CAAC;AACxB,aAAS,OAAO,QAAQ;AACtB,aAAO,GAAG,IAAI,OAAO,GAAG;AAAA,IACzB;AAAA,EACF;AACD,SAAO;AACT;AAIA,IAAI,mBAAmB;AAAA,EACrB,MAAM,SAAU,OAAO;AACrB,QAAI,MAAM,CAAC,MAAM,KAAK;AACpB,cAAQ,MAAM,MAAM,GAAG,EAAE;AAAA,IAC1B;AACD,WAAO,MAAM,QAAQ,oBAAoB,kBAAkB;AAAA,EAC5D;AAAA,EACD,OAAO,SAAU,OAAO;AACtB,WAAO,mBAAmB,KAAK,EAAE;AAAA,MAC/B;AAAA,MACA;AAAA,IACD;AAAA,EACF;AACH;AAKA,SAAS,KAAM,WAAW,mBAAmB;AAC3C,WAAS,IAAK,MAAM,OAAO,YAAY;AACrC,QAAI,OAAO,aAAa,aAAa;AACnC;AAAA,IACD;AAED,iBAAa,OAAO,CAAA,GAAI,mBAAmB,UAAU;AAErD,QAAI,OAAO,WAAW,YAAY,UAAU;AAC1C,iBAAW,UAAU,IAAI,KAAK,KAAK,IAAG,IAAK,WAAW,UAAU,KAAK;AAAA,IACtE;AACD,QAAI,WAAW,SAAS;AACtB,iBAAW,UAAU,WAAW,QAAQ,YAAW;AAAA,IACpD;AAED,WAAO,mBAAmB,IAAI,EAC3B,QAAQ,wBAAwB,kBAAkB,EAClD,QAAQ,SAAS,MAAM;AAE1B,QAAI,wBAAwB;AAC5B,aAAS,iBAAiB,YAAY;AACpC,UAAI,CAAC,WAAW,aAAa,GAAG;AAC9B;AAAA,MACD;AAED,+BAAyB,OAAO;AAEhC,UAAI,WAAW,aAAa,MAAM,MAAM;AACtC;AAAA,MACD;AASD,+BAAyB,MAAM,WAAW,aAAa,EAAE,MAAM,GAAG,EAAE,CAAC;AAAA,IACtE;AAED,WAAQ,SAAS,SACf,OAAO,MAAM,UAAU,MAAM,OAAO,IAAI,IAAI;AAAA,EAC/C;AAED,WAAS,IAAK,MAAM;AAClB,QAAI,OAAO,aAAa,eAAgB,UAAU,UAAU,CAAC,MAAO;AAClE;AAAA,IACD;AAID,QAAI,UAAU,SAAS,SAAS,SAAS,OAAO,MAAM,IAAI,IAAI;AAC9D,QAAI,MAAM,CAAA;AACV,aAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;AACvC,UAAI,QAAQ,QAAQ,CAAC,EAAE,MAAM,GAAG;AAChC,UAAI,QAAQ,MAAM,MAAM,CAAC,EAAE,KAAK,GAAG;AAEnC,UAAI;AACF,YAAI,QAAQ,mBAAmB,MAAM,CAAC,CAAC;AACvC,YAAI,KAAK,IAAI,UAAU,KAAK,OAAO,KAAK;AAExC,YAAI,SAAS,OAAO;AAClB;AAAA,QACD;AAAA,MACT,SAAe,GAAG;AAAA,MAAE;AAAA,IACf;AAED,WAAO,OAAO,IAAI,IAAI,IAAI;AAAA,EAC3B;AAED,SAAO,OAAO;AAAA,IACZ;AAAA,MACE;AAAA,MACA;AAAA,MACA,QAAQ,SAAU,MAAM,YAAY;AAClC;AAAA,UACE;AAAA,UACA;AAAA,UACA,OAAO,CAAE,GAAE,YAAY;AAAA,YACrB,SAAS;AAAA,UACrB,CAAW;AAAA,QACX;AAAA,MACO;AAAA,MACD,gBAAgB,SAAU,YAAY;AACpC,eAAO,KAAK,KAAK,WAAW,OAAO,CAAA,GAAI,KAAK,YAAY,UAAU,CAAC;AAAA,MACpE;AAAA,MACD,eAAe,SAAUA,YAAW;AAClC,eAAO,KAAK,OAAO,IAAI,KAAK,WAAWA,UAAS,GAAG,KAAK,UAAU;AAAA,MACnE;AAAA,IACF;AAAA,IACD;AAAA,MACE,YAAY,EAAE,OAAO,OAAO,OAAO,iBAAiB,EAAG;AAAA,MACvD,WAAW,EAAE,OAAO,OAAO,OAAO,SAAS,EAAG;AAAA,IAC/C;AAAA,EACF;AACH;AAEG,IAAC,MAAM,KAAK,kBAAkB,EAAE,MAAM,IAAK,CAAA;","x_google_ignoreList":[0]}
|