@pnx-mixtape/mxds 0.1.0-rc.4 → 0.1.0-rc.6
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/.claude/skills/create-mxds-component/SKILL.md +77 -0
- package/DESIGN.md +595 -0
- package/README.md +2 -3
- package/dist/build/accordion.entry.js +2 -1
- package/dist/build/autocomplete.entry.js +1 -1
- package/dist/build/back-to-top.css +1 -0
- package/dist/build/back-to-top.entry.js +1 -0
- package/dist/build/base.css +1 -1
- package/dist/build/button.css +1 -1
- package/dist/build/card.css +1 -1
- package/dist/build/chunks/Accordion-Bqe8vTNR.js +44 -0
- package/dist/build/chunks/AccordionGroup-BYtoAFxg.js +47 -0
- package/dist/build/chunks/AccordionMobile-D517oXYZ.js +26 -0
- package/dist/build/chunks/Autocomplete-kRo8RNbC.js +135 -0
- package/dist/build/chunks/BackToTop-4M-Wl7z3.js +64 -0
- package/dist/build/chunks/ClosableAlert-CZ114JsL.js +55 -0
- package/dist/build/chunks/CookieConsent-wd8gQ2Oe.js +18 -0
- package/dist/build/chunks/Dialog-DoYcGqhW.js +48 -0
- package/dist/build/chunks/DropMenu-CSTZq0Zt.js +68 -0
- package/dist/build/chunks/FeedbackForm-BsL7fv8s.js +64 -0
- package/dist/build/chunks/Gallery-DqJPujX5.js +165 -0
- package/dist/build/chunks/GlobalToggle-7H3F1Wvc.js +82 -0
- package/dist/build/chunks/InPageNavigation-D7m3IN89.js +86 -0
- package/dist/build/chunks/Navigation-CRModT40.js +142 -0
- package/dist/build/chunks/Popover-CiTAftNU.js +30 -0
- package/dist/build/chunks/Sticky-C1H8MNqK.js +51 -0
- package/dist/build/chunks/Tabs-BJD3kABL.js +160 -0
- package/dist/build/chunks/Translate-yAgySwet.js +46 -0
- package/dist/build/chunks/cookie-compliance-CG6x-TcV.js +119 -0
- package/dist/build/chunks/enums-BrHxPZZ_.js +36 -0
- package/dist/build/chunks/polyfills-D-qh1a_2.js +33 -0
- package/dist/build/chunks/utilities-B9mNRs7V.js +255 -0
- package/dist/build/content-block.css +1 -1
- package/dist/build/cookie-consent.entry.js +1 -1
- package/dist/build/dialog.entry.js +1 -1
- package/dist/build/drop-menu.entry.js +1 -1
- package/dist/build/elements.js +147 -1
- package/dist/build/feedback-form.css +1 -0
- package/dist/build/feedback-form.entry.js +1 -0
- package/dist/build/filters.entry.js +145 -1
- package/dist/build/form.css +1 -1
- package/dist/build/gallery.entry.js +1 -1
- package/dist/build/global-alert.entry.js +1 -1
- package/dist/build/header.css +1 -1
- package/dist/build/header.entry.js +1 -1
- package/dist/build/icon.css +1 -1
- package/dist/build/in-page-navigation.entry.js +1 -1
- package/dist/build/navigation.css +1 -1
- package/dist/build/navigation.entry.js +1 -1
- package/dist/build/pagination.css +1 -1
- package/dist/build/popover.entry.js +1 -1
- package/dist/build/react.js +2291 -1
- package/dist/build/side-navigation.css +1 -1
- package/dist/build/sidebar.css +1 -1
- package/dist/build/sticky.entry.js +1 -1
- package/dist/build/tabs.entry.js +1 -1
- package/dist/build/translate.css +1 -0
- package/dist/build/translate.entry.js +1 -0
- package/dist/build/utility-list.entry.js +53 -1
- package/dist/types/Component/BackToTop/BackToTop.d.ts +20 -0
- package/dist/types/Component/BackToTop/BackToTop.d.ts.map +1 -0
- package/dist/types/Component/BackToTop/Elements/BackToTop.d.ts +27 -0
- package/dist/types/Component/BackToTop/Elements/BackToTop.d.ts.map +1 -0
- package/dist/types/Component/BackToTop/back-to-top.entry.d.ts +2 -0
- package/dist/types/Component/BackToTop/back-to-top.entry.d.ts.map +1 -0
- package/dist/types/Component/DropMenu/DropMenu.d.ts +2 -1
- package/dist/types/Component/DropMenu/DropMenu.d.ts.map +1 -1
- package/dist/types/Component/Navigation/Elements/Navigation.d.ts +2 -3
- package/dist/types/Component/Navigation/Elements/Navigation.d.ts.map +1 -1
- package/dist/types/Component/SideNavigation/Components/SideNavigationTree.d.ts +3 -3
- package/dist/types/Component/SideNavigation/Components/SideNavigationTree.d.ts.map +1 -1
- package/dist/types/Component/SideNavigation/SideNavigation.d.ts +3 -1
- package/dist/types/Component/SideNavigation/SideNavigation.d.ts.map +1 -1
- package/dist/types/Component/Tabs/Components/TabDropMenu.d.ts.map +1 -1
- package/dist/types/Component/Tabs/Elements/Tabs.d.ts.map +1 -1
- package/dist/types/Component/Translate/Elements/Translate.d.ts +23 -0
- package/dist/types/Component/Translate/Elements/Translate.d.ts.map +1 -0
- package/dist/types/Component/Translate/Translate.d.ts +37 -0
- package/dist/types/Component/Translate/Translate.d.ts.map +1 -0
- package/dist/types/Component/Translate/languages.d.ts +11 -0
- package/dist/types/Component/Translate/languages.d.ts.map +1 -0
- package/dist/types/Component/Translate/translate.entry.d.ts +2 -0
- package/dist/types/Component/Translate/translate.entry.d.ts.map +1 -0
- package/dist/types/Form/FeedbackForm/Elements/FeedbackForm.d.ts +37 -0
- package/dist/types/Form/FeedbackForm/Elements/FeedbackForm.d.ts.map +1 -0
- package/dist/types/Form/FeedbackForm/FeedbackForm.d.ts +36 -0
- package/dist/types/Form/FeedbackForm/FeedbackForm.d.ts.map +1 -0
- package/dist/types/Form/FeedbackForm/feedback-form.entry.d.ts +2 -0
- package/dist/types/Form/FeedbackForm/feedback-form.entry.d.ts.map +1 -0
- package/dist/types/Utility/Elements/google-translate-widget.d.ts +91 -0
- package/dist/types/Utility/Elements/google-translate-widget.d.ts.map +1 -0
- package/dist/types/Utility/utilities.d.ts +2 -0
- package/dist/types/Utility/utilities.d.ts.map +1 -1
- package/dist/types/elements.d.ts +3 -0
- package/dist/types/elements.d.ts.map +1 -1
- package/dist/types/enums.d.ts +3 -1
- package/dist/types/enums.d.ts.map +1 -1
- package/dist/types/react.d.ts +3 -0
- package/dist/types/react.d.ts.map +1 -1
- package/dist/types/tokens.d.ts +1 -0
- package/dist/types/tokens.d.ts.map +1 -1
- package/docs/API.md +1215 -0
- package/docs/CSSGuidelines.md +893 -0
- package/docs/CodeQuality.md +940 -0
- package/docs/ComponentArchitecture.md +714 -0
- package/docs/Contributing.md +626 -0
- package/docs/MemoryManagement.md +598 -0
- package/docs/Migrations.md +6 -0
- package/docs/README.md +100 -0
- package/docs/Security.md +444 -0
- package/docs/Testing.md +739 -0
- package/docs/Troubleshooting.md +674 -0
- package/package.json +9 -6
- package/src/Atom/Button/Button.tsx +1 -1
- package/src/Atom/Button/__snapshots__/Button.stories.tsx.snap +2 -2
- package/src/Atom/Button/_buttons.css +1 -0
- package/src/Atom/Icon/README.md +1 -1
- package/src/Atom/Icon/_icon.css +1 -0
- package/src/Atom/Icon/images/thumb.svg +1 -0
- package/src/Atom/Link/_links.css +1 -0
- package/src/Atom/Media/__snapshots__/Media.stories.ts.snap +4 -9
- package/src/Atom/Media/media.twig +4 -5
- package/src/Component/BackToTop/BackToTop.stories.ts +127 -0
- package/src/Component/BackToTop/BackToTop.stories.tsx +53 -0
- package/src/Component/BackToTop/BackToTop.tsx +120 -0
- package/src/Component/BackToTop/Elements/BackToTop.ts +119 -0
- package/src/Component/BackToTop/README.md +164 -0
- package/src/Component/BackToTop/__snapshots__/BackToTop.stories.ts.snap +24 -0
- package/src/Component/BackToTop/__snapshots__/BackToTop.stories.tsx.snap +3 -0
- package/src/Component/BackToTop/back-to-top.css +70 -0
- package/src/Component/BackToTop/back-to-top.entry.js +1 -0
- package/src/Component/BackToTop/back-to-top.twig +26 -0
- package/src/Component/Card/Components/CardContent.tsx +1 -1
- package/src/Component/Card/Components/CardMedia.tsx +1 -1
- package/src/Component/Card/__snapshots__/Card.stories.tsx.snap +3 -3
- package/src/Component/Card/card.css +1 -1
- package/src/Component/Carousel/Carousel.stories.ts +66 -36
- package/src/Component/Carousel/__snapshots__/Carousel.stories.tsx.snap +5 -5
- package/src/Component/ContentBlock/Components/ContentBlockMedia.tsx +1 -1
- package/src/Component/ContentBlock/content-block.css +1 -1
- package/src/Component/DropMenu/DropMenu.stories.ts +21 -2
- package/src/Component/DropMenu/DropMenu.tsx +14 -4
- package/src/Component/DropMenu/__snapshots__/DropMenu.stories.ts.snap +3 -3
- package/src/Component/DropMenu/__snapshots__/DropMenu.stories.tsx.snap +2 -2
- package/src/Component/DropMenu/drop-menu.twig +7 -1
- package/src/Component/HeroBanner/__snapshots__/HeroBanner.stories.tsx.snap +1 -1
- package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.ts.snap +48 -13
- package/src/Component/InPageNavigation/in-page-navigation.twig +4 -6
- package/src/Component/ListItem/Components/ListItemMedia.tsx +1 -1
- package/src/Component/Navigation/Elements/Navigation.ts +25 -29
- package/src/Component/Navigation/README.md +11 -10
- package/src/Component/Navigation/__snapshots__/Navigation.stories.ts.snap +8 -8
- package/src/Component/Navigation/_navigation-dropdown.css +9 -11
- package/src/Component/Navigation/_navigation-mega.css +5 -11
- package/src/Component/Navigation/_navigation.css +5 -3
- package/src/Component/Navigation/menu.twig +1 -1
- package/src/Component/Navigation/navigation.twig +0 -1
- package/src/Component/Pagination/Pagination.stories.ts +57 -27
- package/src/Component/Pagination/pagination.css +16 -7
- package/src/Component/Popover/__snapshots__/Popover.stories.tsx.snap +3 -3
- package/src/Component/SideNavigation/Components/SideNavigationTree.tsx +68 -24
- package/src/Component/SideNavigation/README.md +78 -32
- package/src/Component/SideNavigation/SideNavigation.stories.ts +41 -2
- package/src/Component/SideNavigation/SideNavigation.stories.tsx +31 -0
- package/src/Component/SideNavigation/SideNavigation.tsx +13 -3
- package/src/Component/SideNavigation/__snapshots__/SideNavigation.stories.ts.snap +87 -3
- package/src/Component/SideNavigation/__snapshots__/SideNavigation.stories.tsx.snap +2 -0
- package/src/Component/SideNavigation/side-navigation.css +3 -3
- package/src/Component/SideNavigation/side-navigation.twig +10 -3
- package/src/Component/Tabs/Components/TabDropMenu.tsx +7 -1
- package/src/Component/Tabs/Elements/Tabs.ts +13 -3
- package/src/Component/Tabs/Tabs.stories.ts +33 -12
- package/src/Component/Tabs/Tabs.stories.tsx +28 -14
- package/src/Component/Tabs/__snapshots__/Tabs.stories.ts.snap +3 -3
- package/src/Component/Tabs/__snapshots__/Tabs.stories.tsx.snap +2 -2
- package/src/Component/Translate/Elements/Translate.ts +76 -0
- package/src/Component/Translate/README.md +285 -0
- package/src/Component/Translate/Translate.stories.ts +87 -0
- package/src/Component/Translate/Translate.stories.tsx +77 -0
- package/src/Component/Translate/Translate.tsx +213 -0
- package/src/Component/Translate/__snapshots__/Translate.stories.ts.snap +18 -0
- package/src/Component/Translate/__snapshots__/Translate.stories.tsx.snap +3 -0
- package/src/Component/Translate/languages.ts +39 -0
- package/src/Component/Translate/translate.css +62 -0
- package/src/Component/Translate/translate.entry.js +1 -0
- package/src/Component/Translate/translate.twig +44 -0
- package/src/Form/Autocomplete/Autocomplete.stories.tsx +2 -1
- package/src/Form/FeedbackForm/Elements/FeedbackForm.ts +122 -0
- package/src/Form/FeedbackForm/FeedbackForm.stories.ts +99 -0
- package/src/Form/FeedbackForm/FeedbackForm.stories.tsx +73 -0
- package/src/Form/FeedbackForm/FeedbackForm.tsx +196 -0
- package/src/Form/FeedbackForm/README.md +233 -0
- package/src/Form/FeedbackForm/__snapshots__/FeedbackForm.stories.ts.snap +125 -0
- package/src/Form/FeedbackForm/__snapshots__/FeedbackForm.stories.tsx.snap +5 -0
- package/src/Form/FeedbackForm/feedback-form.css +74 -0
- package/src/Form/FeedbackForm/feedback-form.entry.js +1 -0
- package/src/Form/FeedbackForm/feedback-form.twig +80 -0
- package/src/Form/form.css +17 -19
- package/src/Introduction.mdx +1 -1
- package/src/Layout/Footer/__snapshots__/Footer.stories.ts.snap +3 -3
- package/src/Layout/Header/Components/GlobalToggle.tsx +1 -1
- package/src/Layout/Header/Header.stories.ts +53 -48
- package/src/Layout/Header/Header.stories.tsx +35 -22
- package/src/Layout/Header/Header.tsx +2 -2
- package/src/Layout/Header/__snapshots__/Header.stories.ts.snap +18 -14
- package/src/Layout/Header/__snapshots__/Header.stories.tsx.snap +2 -2
- package/src/Layout/Header/_toggles.css +7 -7
- package/src/Layout/Page/__snapshots__/Page.stories.tsx.snap +1 -1
- package/src/Layout/Sidebar/sidebar.css +10 -3
- package/src/Utility/Elements/google-translate-widget.ts +293 -0
- package/src/Utility/global.d.ts +4 -0
- package/src/Utility/utilities.ts +2 -0
- package/src/_custom-media.css +2 -0
- package/src/elements.ts +3 -0
- package/src/enums.ts +2 -0
- package/src/react.ts +3 -0
- package/src/tokens.js +1 -0
- package/dist/build/chunks/Accordion-GN0sME4W.js +0 -1
- package/dist/build/chunks/AccordionGroup-Bzqp5__q.js +0 -1
- package/dist/build/chunks/AccordionMobile-DG5jSe8Q.js +0 -1
- package/dist/build/chunks/Autocomplete-B4RtkAyh.js +0 -1
- package/dist/build/chunks/ClosableAlert-DEhj8Nxm.js +0 -1
- package/dist/build/chunks/CookieConsent-BkCMRVST.js +0 -1
- package/dist/build/chunks/Dialog-Haahn-Yn.js +0 -1
- package/dist/build/chunks/DropMenu-1baQc8Yc.js +0 -1
- package/dist/build/chunks/Gallery-D8NGXy2Q.js +0 -1
- package/dist/build/chunks/GlobalToggle-B52fdBQu.js +0 -1
- package/dist/build/chunks/InPageNavigation-Dyn2TR-N.js +0 -1
- package/dist/build/chunks/Navigation-hOrfLq7h.js +0 -1
- package/dist/build/chunks/Popover-Cxg-s5Jn.js +0 -1
- package/dist/build/chunks/Sticky-BGCuuEJK.js +0 -1
- package/dist/build/chunks/Tabs-DYy1YTdU.js +0 -15
- package/dist/build/chunks/cookie-compliance-Bbm-0vpj.js +0 -1
- package/dist/build/chunks/enums-DLV_1NAf.js +0 -1
- package/dist/build/chunks/polyfills-C7pRt54M.js +0 -1
- package/dist/build/chunks/utilities-_Bq3TxAQ.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-side-nav__parent{border-block-end:var(--line-width,2px) solid var(--line-colour,currentcolor);& a{color:inherit;padding:var(--item-spacing,var(--spacing-xxs));font-weight:var(--font-weight-bold);text-decoration-line:none;display:block;&:hover{text-decoration-line:underline}}}.mx-side-nav{--outline-offset:-1px;& ul li{position:relative;&:has([aria-current=page],.is-active)>a{font-weight:var(--font-weight-bold)}& a{color:inherit;border-block-end:var(--line-width,1px) solid var(--line-colour,var(--colour-border));padding-block:var(--item-spacing,var(--spacing-xxs));padding-inline:var(--indent,var(--spacing-xxs)) var(--item-spacing,var(--spacing-xxs));display:block}}& .mx-nav__level-2>li>a{--indent:var(--spacing-s);@media (width>=720px){--indent:var(--spacing-m)}}& .mx-nav__level-3>li>a{--indent:var(--spacing-m);@media (width>=720px){--indent:var(--spacing-l)}}& :is([aria-current=page],.is-active>a){background-color:var(--nav-active-background,var(--background,var(--colour-background-alt)));color:var(--nav-active-foreground,inherit)}
|
|
1
|
+
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-side-nav__parent{border-block-end:var(--line-width,2px) solid var(--line-colour,currentcolor);& a{color:inherit;padding:var(--item-spacing,var(--spacing-xxs));font-weight:var(--font-weight-bold);text-decoration-line:none;display:block;&:hover{text-decoration-line:underline}}}.mx-side-nav{--outline-offset:-1px;& ul li{position:relative;&:has([aria-current=page],.is-active)>a{font-weight:var(--font-weight-bold)}& a{color:inherit;border-block-end:var(--line-width,1px) solid var(--line-colour,var(--colour-border));padding-block:var(--item-spacing,var(--spacing-xxs));padding-inline:var(--indent,var(--spacing-xxs)) var(--item-spacing,var(--spacing-xxs));display:block}}& .mx-nav__level-2>li>a{--indent:var(--spacing-s);@media (width>=720px){--indent:var(--spacing-m)}}& .mx-nav__level-3>li>a{--indent:var(--spacing-m);@media (width>=720px){--indent:var(--spacing-l)}}& :is([aria-current=page],.is-active>a){background-color:var(--nav-active-background,var(--background,var(--colour-background-alt)));color:var(--nav-active-foreground,inherit)}&:not(.mx-nav--collapsible) .mx-nav__toggle{display:none}}}
|
package/dist/build/sidebar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.layouts{.mx-grid--sidebar{&:where(:not(:has(>aside))){grid-column:narrow}&:where(:has(>aside)){flex-flow:var(--sidebar-direction,column) wrap;gap:var(--sidebar-gap,var(--gap));justify-content:space-between;display:flex;@media (width>=720px){--sidebar-direction:row}&>aside{flex-grow:1;align-content:start;@media (width>=720px){max-inline-size:var(--sidebar-width,24ch)}}&>section{min-inline-size:var(--content-min,50%);max-inline-size:var(--container-max-width,76ch);flex-grow:999;flex-basis:0;& .mx-grid{--grid-min:18ch}}&.mx-grid--sidebar-rev{@media (width>=720px){--sidebar-direction:row-reverse}}&.mx-grid--sidebar-rev-lg{@media (width>=946px){--sidebar-direction:row-reverse}}}}}
|
|
1
|
+
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.layouts{.mx-grid--sidebar{&:where(:not(:has(>aside))){grid-column:narrow}&:where(:has(>aside)){flex-flow:var(--sidebar-direction,column) wrap;gap:var(--sidebar-gap,var(--gap));justify-content:space-between;align-items:start;display:flex;@media (width>=720px){--sidebar-direction:row}&>aside{inline-size:100%;border-block-start:var(--line-width,6px) solid var(--line-colour,var(--colour-primary));flex-grow:1;align-content:start;padding-block-start:var(--line-gap,var(--gap));@media (width>=720px){max-inline-size:var(--sidebar-width,24ch);border-block-start:unset;padding-block-start:unset}}&>section{min-inline-size:var(--content-min,50%);inline-size:100%;max-inline-size:var(--container-max-width,76ch);flex-grow:999;flex-basis:0;& .mx-grid{--grid-min:18ch}}&.mx-grid--sidebar-rev{@media (width>=720px){--sidebar-direction:row-reverse}}&.mx-grid--sidebar-rev-lg{@media (width>=946px){--sidebar-direction:row-reverse}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./chunks/Sticky-
|
|
1
|
+
import "./chunks/Sticky-C1H8MNqK.js";
|
package/dist/build/tabs.entry.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./chunks/Tabs-
|
|
1
|
+
import "./chunks/Tabs-BJD3kABL.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer popover-polyfill;@layer design-system.defaults{mx-translate{display:inline-block}}@layer design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-translate{position:relative}.mx-translate__trigger{align-items:center;gap:var(--spacing-xxs);display:inline-flex}.mx-translate__code{text-transform:uppercase;font-size:var(--font-size-xs)}.mx-translate__menu{--popover-padding:var(--translate-popover-padding,0px);max-block-size:var(--translate-menu-max-block-size,60vh);overflow-y:auto}.mx-translate__item{padding-block:var(--vertical-padding,var(--spacing-xxs));padding-inline:var(--horizontal-padding,var(--spacing-m));text-decoration:none;display:block;&[aria-current=true]{font-weight:var(--font-weight-bold);text-decoration:underline}}}body{min-block-size:0!important;inset-block-start:0!important}.skiptranslate,#googleTranslateElement,#goog-gt-tt{display:none!important}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import "./chunks/Translate-yAgySwet.js";
|
|
@@ -1 +1,53 @@
|
|
|
1
|
-
|
|
1
|
+
//#region src/Component/UtilityList/Elements/UtilityList.ts
|
|
2
|
+
var e = class extends HTMLElement {
|
|
3
|
+
internals_;
|
|
4
|
+
controller;
|
|
5
|
+
copyOriginalText;
|
|
6
|
+
copyOriginalIcon;
|
|
7
|
+
timeout;
|
|
8
|
+
constructor() {
|
|
9
|
+
super(), this.internals_ = this.attachInternals(), this.controller = new AbortController(), this.copyOriginalIcon = "mx-icon--link";
|
|
10
|
+
}
|
|
11
|
+
connectedCallback() {
|
|
12
|
+
let { signal: e } = this.controller;
|
|
13
|
+
this.copyBtn?.addEventListener("click", () => {
|
|
14
|
+
this.handleCopy();
|
|
15
|
+
}, { signal: e }), this.printBtn?.addEventListener("click", () => {
|
|
16
|
+
this.handlePrint();
|
|
17
|
+
}, { signal: e }), this.pdfBtn?.addEventListener("click", () => {
|
|
18
|
+
this.handlePDF();
|
|
19
|
+
}, { signal: e });
|
|
20
|
+
}
|
|
21
|
+
disconnectedCallback() {
|
|
22
|
+
this.controller.abort(), clearTimeout(this.timeout);
|
|
23
|
+
}
|
|
24
|
+
handleCopy = async () => {
|
|
25
|
+
try {
|
|
26
|
+
await navigator.clipboard.write([new ClipboardItem({ "text/plain": window.location.href })]).then(() => {
|
|
27
|
+
this.copyLabel.textContent = "Copied!", this.copyIcon.classList.replace(this.copyOriginalIcon, "mx-icon--tick"), this.timeout = setTimeout(() => {
|
|
28
|
+
this.copyLabel.textContent = this.copyOriginalText, this.copyIcon.classList.replace("mx-icon--tick", this.copyOriginalIcon);
|
|
29
|
+
}, 3e3);
|
|
30
|
+
});
|
|
31
|
+
} catch {}
|
|
32
|
+
};
|
|
33
|
+
handlePrint = () => window.print();
|
|
34
|
+
handlePDF = () => window.print();
|
|
35
|
+
get copyBtn() {
|
|
36
|
+
return this.querySelector("button[data-copy]");
|
|
37
|
+
}
|
|
38
|
+
get copyLabel() {
|
|
39
|
+
let e = this.copyBtn.querySelector("span[data-copy-label]");
|
|
40
|
+
return this.copyOriginalText = e?.textContent ?? void 0, e;
|
|
41
|
+
}
|
|
42
|
+
get copyIcon() {
|
|
43
|
+
return this.copyBtn.querySelector(".mx-icon");
|
|
44
|
+
}
|
|
45
|
+
get printBtn() {
|
|
46
|
+
return this.querySelector("button[data-print]");
|
|
47
|
+
}
|
|
48
|
+
get pdfBtn() {
|
|
49
|
+
return this.querySelector("button[data-pdf]");
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
customElements.get("mx-utility-list") || customElements.define("mx-utility-list", e);
|
|
53
|
+
//#endregion
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { JSX } from "react";
|
|
2
|
+
type BackToTopProps = {
|
|
3
|
+
/** CSS selector of an element to observe — visible once it scrolls above the viewport top. */
|
|
4
|
+
target?: string;
|
|
5
|
+
/** When `target` is unset, distance down the page before the trigger appears. */
|
|
6
|
+
visibleAfter?: string;
|
|
7
|
+
/** Scroll destination. Must be a same-page hash (`#id`). */
|
|
8
|
+
to?: string;
|
|
9
|
+
/** Pixel offset to avoid overlapping another fixed element (e.g. a sticky CTA bar). */
|
|
10
|
+
offset?: number;
|
|
11
|
+
title?: string;
|
|
12
|
+
/** Restricts display to a breakpoint and up. Omit to show at all viewport sizes. */
|
|
13
|
+
breakpoint?: "l";
|
|
14
|
+
className?: string;
|
|
15
|
+
/** Called whenever the visible state changes. React analogue of the Web Component's `back-to-top-toggle` event. */
|
|
16
|
+
onVisibleChange?: (isVisible: boolean) => void;
|
|
17
|
+
};
|
|
18
|
+
declare const BackToTop: ({ target, visibleAfter, to, offset, title, breakpoint, className, onVisibleChange, }: BackToTopProps) => JSX.Element;
|
|
19
|
+
export default BackToTop;
|
|
20
|
+
//# sourceMappingURL=BackToTop.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BackToTop.d.ts","sourceRoot":"","sources":["../../../../src/Component/BackToTop/BackToTop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAmD,MAAM,OAAO,CAAA;AAgB5E,KAAK,cAAc,GAAG;IACpB,8FAA8F;IAC9F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4DAA4D;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,uFAAuF;IACvF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oFAAoF;IACpF,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mHAAmH;IACnH,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,QAAA,MAAM,SAAS,yFASZ,cAAc,KAAG,GAAG,CAAC,OA2EvB,CAAA;eAEc,SAAS"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* BackToTop — shows/hides a "jump to top" trigger based on scroll position,
|
|
3
|
+
* and manages focus/scroll when it's activated.
|
|
4
|
+
*/
|
|
5
|
+
export default class BackToTop extends HTMLElement {
|
|
6
|
+
internals_: ElementInternals;
|
|
7
|
+
controller: AbortController;
|
|
8
|
+
io?: IntersectionObserver;
|
|
9
|
+
constructor();
|
|
10
|
+
connectedCallback(): void;
|
|
11
|
+
disconnectedCallback(): void;
|
|
12
|
+
get trigger(): HTMLAnchorElement | null;
|
|
13
|
+
setVisible(isVisible: boolean): void;
|
|
14
|
+
/**
|
|
15
|
+
* Prevents the native anchor jump so we can scroll smoothly (honouring
|
|
16
|
+
* reduced-motion), then moves focus to the destination — a plain anchor
|
|
17
|
+
* jump scrolls the page but does not reliably move accessible focus
|
|
18
|
+
* unless the destination is already focusable.
|
|
19
|
+
*/
|
|
20
|
+
handleClick: (event: MouseEvent) => void;
|
|
21
|
+
}
|
|
22
|
+
declare global {
|
|
23
|
+
interface HTMLElementTagNameMap {
|
|
24
|
+
"mx-back-to-top": BackToTop;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=BackToTop.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BackToTop.d.ts","sourceRoot":"","sources":["../../../../../src/Component/BackToTop/Elements/BackToTop.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAeH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,WAAW;IAChD,UAAU,EAAE,gBAAgB,CAAA;IAC5B,UAAU,EAAE,eAAe,CAAA;IAC3B,EAAE,CAAC,EAAE,oBAAoB,CAAA;IAEzB,cAIC;IAED,iBAAiB,IAAI,IAAI,CAyBxB;IAED,oBAAoB,IAAI,IAAI,CAG3B;IAED,IAAI,OAAO,IAAI,iBAAiB,GAAG,IAAI,CAEtC;IAED,UAAU,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,CAUnC;IAED;;;;;OAKG;IACH,WAAW,UAAW,UAAU,KAAG,IAAI,CAwBtC;CACF;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,SAAS,CAAA;KAC5B;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"back-to-top.entry.d.ts","sourceRoot":"","sources":["../../../../src/Component/BackToTop/back-to-top.entry.js"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA"}
|
|
@@ -7,8 +7,9 @@ type DropMenuProps = PropsWithChildren & {
|
|
|
7
7
|
popoverClassName?: string;
|
|
8
8
|
role?: "menu" | "tablist";
|
|
9
9
|
ariaLabel?: string;
|
|
10
|
+
triggerDescription?: string;
|
|
10
11
|
description?: string;
|
|
11
12
|
};
|
|
12
|
-
declare const DropMenu: ({ label, children, className, triggerClassNames, popoverClassName, role, ariaLabel, description, }: DropMenuProps) => JSX.Element;
|
|
13
|
+
declare const DropMenu: ({ label, children, className, triggerClassNames, popoverClassName, role, ariaLabel, triggerDescription, description, }: DropMenuProps) => JSX.Element;
|
|
13
14
|
export default DropMenu;
|
|
14
15
|
//# sourceMappingURL=DropMenu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropMenu.d.ts","sourceRoot":"","sources":["../../../../src/Component/DropMenu/DropMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,GAAG,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAajF,KAAK,aAAa,GAAG,iBAAiB,GAAG;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AASD,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"DropMenu.d.ts","sourceRoot":"","sources":["../../../../src/Component/DropMenu/DropMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,GAAG,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAajF,KAAK,aAAa,GAAG,iBAAiB,GAAG;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AASD,QAAA,MAAM,QAAQ,2HAUX,aAAa,KAAG,GAAG,CAAC,OA8CtB,CAAA;eAEc,QAAQ"}
|
|
@@ -17,17 +17,16 @@ export default class Navigation extends HTMLElement {
|
|
|
17
17
|
keyboard: Keyboard;
|
|
18
18
|
subNavs?: Map<string, SubNavType>;
|
|
19
19
|
flyout?: boolean;
|
|
20
|
-
|
|
20
|
+
openActive: boolean;
|
|
21
21
|
mq: string;
|
|
22
|
-
iO?: IntersectionObserver;
|
|
23
22
|
constructor();
|
|
24
23
|
connectedCallback(): void;
|
|
25
24
|
disconnectedCallback(): void;
|
|
26
25
|
handleDisclosure: ({ detail }: CustomEvent<DisclosureWidgetEvent>) => void;
|
|
27
26
|
handleCloseAny: () => void;
|
|
27
|
+
handleOpenActive: () => void;
|
|
28
28
|
handleFlyout: (event: MouseEvent) => void;
|
|
29
29
|
handleBreakpoint: ({ matches }: MediaQueryList | MediaQueryListEvent) => void;
|
|
30
|
-
handleEdgeCheck(): void;
|
|
31
30
|
get links(): NodeListOf<HTMLAnchorElement> | null;
|
|
32
31
|
get lists(): NodeListOf<HTMLUListElement> | null;
|
|
33
32
|
get breakpoint(): MediaQueryList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../../src/Component/Navigation/Elements/Navigation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,QAAQ,EAER,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,4BAA4B,CAAA;AAEnC,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,WAAW,CAAA;IACjB,OAAO,EAAE,iBAAiB,CAAA;IAC1B,IAAI,EAAE,iBAAiB,CAAA;IACvB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,UAAU,CAAC,EAAE,gBAAgB,CAAA;CAC9B,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;IACjD,UAAU,EAAE,gBAAgB,CAAA;IAC5B,UAAU,EAAE,eAAe,CAAA;IAC3B,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,
|
|
1
|
+
{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../../src/Component/Navigation/Elements/Navigation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,QAAQ,EAER,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,4BAA4B,CAAA;AAEnC,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,WAAW,CAAA;IACjB,OAAO,EAAE,iBAAiB,CAAA;IAC1B,IAAI,EAAE,iBAAiB,CAAA;IACvB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,UAAU,CAAC,EAAE,gBAAgB,CAAA;CAC9B,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;IACjD,UAAU,EAAE,gBAAgB,CAAA;IAC5B,UAAU,EAAE,eAAe,CAAA;IAC3B,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,EAAG,OAAO,CAAA;IACpB,EAAE,EAAG,MAAM,CAAA;IAEX,cAIC;IAED,iBAAiB,IAAI,IAAI,CA6CxB;IAED,oBAAoB,IAAI,IAAI,CAG3B;IAED,gBAAgB,eAAgB,WAAW,CAAC,qBAAqB,CAAC,KAAG,IAAI,CASxE;IAED,cAAc,QAAO,IAAI,CAKxB;IAED,gBAAgB,QAAO,IAAI,CAU1B;IAED,YAAY,UAAW,UAAU,KAAG,IAAI,CAWvC;IAED,gBAAgB,gBAAiB,cAAc,GAAG,mBAAmB,KAAG,IAAI,CAS3E;IAED,IAAI,KAAK,IAAI,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAMhD;IAED,IAAI,KAAK,IAAI,UAAU,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAE/C;IAED,IAAI,UAAU,IAAI,cAAc,CAE/B;CACF;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,UAAU,CAAA;KACrB;CACF"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { JSX } from "react";
|
|
1
|
+
import { JSX, ComponentPropsWithoutRef } from "react";
|
|
2
2
|
import { MenuTree } from "@pnx-mixtape/ids-shape";
|
|
3
|
-
type SideNavigationTreeProps = {
|
|
3
|
+
type SideNavigationTreeProps = ComponentPropsWithoutRef<"ul"> & {
|
|
4
4
|
items: MenuTree[];
|
|
5
5
|
level?: number;
|
|
6
6
|
};
|
|
7
|
-
declare const SideNavigationTree: ({ items, level }: SideNavigationTreeProps) => JSX.Element;
|
|
7
|
+
declare const SideNavigationTree: ({ items, level, ...props }: SideNavigationTreeProps) => JSX.Element;
|
|
8
8
|
export default SideNavigationTree;
|
|
9
9
|
//# sourceMappingURL=SideNavigationTree.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavigationTree.d.ts","sourceRoot":"","sources":["../../../../../src/Component/SideNavigation/Components/SideNavigationTree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"SideNavigationTree.d.ts","sourceRoot":"","sources":["../../../../../src/Component/SideNavigation/Components/SideNavigationTree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,wBAAwB,EAAqB,MAAM,OAAO,CAAA;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAIjD,KAAK,uBAAuB,GAAG,wBAAwB,CAAC,IAAI,CAAC,GAAG;IAC9D,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AA2DD,QAAA,MAAM,kBAAkB,+BAIrB,uBAAuB,KAAG,GAAG,CAAC,OAQhC,CAAA;eACc,kBAAkB"}
|
|
@@ -3,8 +3,10 @@ type SideNavigationProps = PropsWithChildren & {
|
|
|
3
3
|
parent?: ReactNode;
|
|
4
4
|
title?: string;
|
|
5
5
|
id?: string;
|
|
6
|
+
collapsible?: boolean;
|
|
6
7
|
className?: string;
|
|
7
8
|
};
|
|
8
|
-
declare const
|
|
9
|
+
export declare const SideNavigationContext: import("react").Context<boolean>;
|
|
10
|
+
declare const SideNavigation: ({ children, parent, title, id, collapsible, className, }: SideNavigationProps) => JSX.Element;
|
|
9
11
|
export default SideNavigation;
|
|
10
12
|
//# sourceMappingURL=SideNavigation.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavigation.d.ts","sourceRoot":"","sources":["../../../../src/Component/SideNavigation/SideNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"SideNavigation.d.ts","sourceRoot":"","sources":["../../../../src/Component/SideNavigation/SideNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,iBAAiB,EAAwB,MAAM,OAAO,CAAA;AAG/E,KAAK,mBAAmB,GAAG,iBAAiB,GAAG;IAC7C,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAGD,eAAO,MAAM,qBAAqB,kCAAgC,CAAA;AAElE,QAAA,MAAM,cAAc,6DAOjB,mBAAmB,KAAG,GAAG,CAAC,OAoB5B,CAAA;eAEc,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabDropMenu.d.ts","sourceRoot":"","sources":["../../../../../src/Component/Tabs/Components/TabDropMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAI9C,QAAA,MAAM,WAAW,iBAAkB,iBAAiB,KAAG,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"TabDropMenu.d.ts","sourceRoot":"","sources":["../../../../../src/Component/Tabs/Components/TabDropMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAI9C,QAAA,MAAM,WAAW,iBAAkB,iBAAiB,KAAG,GAAG,CAAC,OAa1D,CAAA;eAEc,WAAW"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/Component/Tabs/Elements/Tabs.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,QAAQ,EAAE,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAI1E,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,WAAW,CAAA;IAClB,GAAG,EAAE,iBAAiB,CAAA;IACtB,MAAM,EAAE,iBAAiB,CAAA;CAC1B,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,WAAW;IAC3C,UAAU,EAAE,gBAAgB,CAAA;IAC5B,UAAU,EAAE,eAAe,CAAA;IAC3B,IAAI,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAI;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,cAKC;IAED,iBAAiB,IAAI,IAAI,CAiCxB;IAED,oBAAoB,IAAI,IAAI,CAE3B;IAED,gBAAgB,gBAAiB,cAAc,GAAG,mBAAmB,KAAG,IAAI,CAa3E;IAED,aAAa,UAAW,aAAa,KAAG,IAAI,CAyB3C;IAED,WAAW,UAAW,UAAU,KAAG,IAAI,CAMtC;IAED,oBAAoB,UAAW,aAAa,KAAG,IAAI,CAKlD;IAED,eAAe,OAAQ,MAAM,KAAG,IAAI,CAgBnC;IAED,IAAI,QAAQ,IAAI,QAAQ,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/Component/Tabs/Elements/Tabs.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,QAAQ,EAAE,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAI1E,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,WAAW,CAAA;IAClB,GAAG,EAAE,iBAAiB,CAAA;IACtB,MAAM,EAAE,iBAAiB,CAAA;CAC1B,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,WAAW;IAC3C,UAAU,EAAE,gBAAgB,CAAA;IAC5B,UAAU,EAAE,eAAe,CAAA;IAC3B,IAAI,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAI;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,cAKC;IAED,iBAAiB,IAAI,IAAI,CAiCxB;IAED,oBAAoB,IAAI,IAAI,CAE3B;IAED,gBAAgB,gBAAiB,cAAc,GAAG,mBAAmB,KAAG,IAAI,CAa3E;IAED,aAAa,UAAW,aAAa,KAAG,IAAI,CAyB3C;IAED,WAAW,UAAW,UAAU,KAAG,IAAI,CAMtC;IAED,oBAAoB,UAAW,aAAa,KAAG,IAAI,CAKlD;IAED,eAAe,OAAQ,MAAM,KAAG,IAAI,CAgBnC;IAED,IAAI,QAAQ,IAAI,QAAQ,GAAG,IAAI,CAyC9B;IAED,IAAI,YAAY,IAAI,cAAc,CAEjC;IAED,IAAI,eAAe,IAAI,iBAAiB,GAAG,IAAI,CAE9C;IAED,IAAI,OAAO,IAAI,cAAc,CAS5B;IAED,IAAI,QAAQ,IAAI,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAOnD;IAED,IAAI,MAAM,IAAI,UAAU,CAAC,WAAW,CAAC,GAAG,IAAI,CAW3C;IAED,IAAI,MAAM,IAAI,iBAAiB,CAE9B;IAED,IAAI,UAAU,IAAI,cAAc,CAE/B;IAED,IAAI,MAAM,CAAC,EAAE,EAAE,MAAM,EAepB;IAED,eAAe,OAAQ,MAAM,KAAG,IAAI,CAKnC;CACF;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,IAAI,CAAA;KAChB;CACF"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Translate
|
|
3
|
+
* @file A language switcher built on `DropMenu` (roving-focus keyboard nav,
|
|
4
|
+
* click-to-select, and the `drop-menu-select` event all come from there for
|
|
5
|
+
* free — see DropMenu's own docs). This layer drives Google's Website
|
|
6
|
+
* Translator widget in response to that selection via the shared
|
|
7
|
+
* `GoogleTranslateWidget` class.
|
|
8
|
+
*/
|
|
9
|
+
import DropMenu from "../../DropMenu/Elements/DropMenu";
|
|
10
|
+
import GoogleTranslateWidget from "../../../Utility/Elements/google-translate-widget";
|
|
11
|
+
export default class Translate extends DropMenu {
|
|
12
|
+
widget?: GoogleTranslateWidget;
|
|
13
|
+
connectedCallback(): Promise<void>;
|
|
14
|
+
disconnectedCallback(): void;
|
|
15
|
+
handleLanguageSelect: (event: Event) => void;
|
|
16
|
+
dispatchLifecycleEvent(name: string, code?: string): void;
|
|
17
|
+
}
|
|
18
|
+
declare global {
|
|
19
|
+
interface HTMLElementTagNameMap {
|
|
20
|
+
"mx-translate": Translate;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=Translate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Translate.d.ts","sourceRoot":"","sources":["../../../../../src/Component/Translate/Elements/Translate.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,QAA2B,MAAM,kCAAkC,CAAA;AAC1E,OAAO,qBAAqB,MAAM,mDAAmD,CAAA;AAErF,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,QAAQ;IAC7C,MAAM,CAAC,EAAE,qBAAqB,CAAA;IAExB,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC,CAmCvC;IAED,oBAAoB,IAAI,IAAI,CAG3B;IAED,oBAAoB,UAAW,KAAK,KAAG,IAAI,CAK1C;IAED,sBAAsB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAExD;CACF;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,SAAS,CAAA;KAC1B;CACF"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { JSX } from "react";
|
|
2
|
+
import { PopoverPlacementModifier } from "@pnx-mixtape/ids-shape";
|
|
3
|
+
import { TranslateLanguage } from "./languages";
|
|
4
|
+
type TranslateProps = {
|
|
5
|
+
id?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
/** The language list — no built-in default, import `DEFAULT_LANGUAGES` from this component to opt into one. */
|
|
8
|
+
languages: TranslateLanguage[];
|
|
9
|
+
defaultLanguage?: string;
|
|
10
|
+
/** Paths where translation is disallowed — the blocked notice shows instead. */
|
|
11
|
+
blockedPaths?: string[];
|
|
12
|
+
scriptUrl?: string;
|
|
13
|
+
storageKey?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Updates the trigger's visible language code + `aria-label` to reflect the active language.
|
|
16
|
+
* On by default — pass `false` to keep the trigger static instead, which some sites prefer.
|
|
17
|
+
*/
|
|
18
|
+
updateTriggerLabel?: boolean;
|
|
19
|
+
/** Consumer-supplied copy shown once a non-default language is active — entirely opt-in, omit to never show a notice. */
|
|
20
|
+
noticeContent?: string;
|
|
21
|
+
/** Consumer-supplied copy shown instead, on a blocked path. */
|
|
22
|
+
noticeBlockedContent?: string;
|
|
23
|
+
/** Where to insert the notice. Defaults to the top of `<body>` if omitted — the notice doesn't have to live near this component, e.g. if the trigger is in the header. */
|
|
24
|
+
noticeAnchor?: string;
|
|
25
|
+
/** Insertion position relative to `noticeAnchor`. Defaults to `afterend` when set, `afterbegin` otherwise. */
|
|
26
|
+
noticePosition?: InsertPosition;
|
|
27
|
+
placement?: PopoverPlacementModifier;
|
|
28
|
+
className?: string;
|
|
29
|
+
/** Closes the menu after a language is chosen. */
|
|
30
|
+
closeOnSelect?: boolean;
|
|
31
|
+
onOpen?: () => void;
|
|
32
|
+
onClose?: () => void;
|
|
33
|
+
onLanguageChange?: (code: string) => void;
|
|
34
|
+
};
|
|
35
|
+
declare const Translate: ({ id, label, languages, defaultLanguage, blockedPaths, scriptUrl, storageKey, updateTriggerLabel, noticeContent, noticeBlockedContent, noticeAnchor, noticePosition, placement, className, closeOnSelect, onOpen, onClose, onLanguageChange, }: TranslateProps) => JSX.Element;
|
|
36
|
+
export default Translate;
|
|
37
|
+
//# sourceMappingURL=Translate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Translate.d.ts","sourceRoot":"","sources":["../../../../src/Component/Translate/Translate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgE,MAAM,OAAO,CAAA;AAGzF,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAA;AAIjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAgD/C,KAAK,cAAc,GAAG;IACpB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+GAA+G;IAC/G,SAAS,EAAE,iBAAiB,EAAE,CAAA;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,yHAAyH;IACzH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,+DAA+D;IAC/D,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,0KAA0K;IAC1K,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,8GAA8G;IAC9G,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,SAAS,CAAC,EAAE,wBAAwB,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C,CAAA;AAED,QAAA,MAAM,SAAS,mPAmBZ,cAAc,KAAG,GAAG,CAAC,OAwGvB,CAAA;eAEc,SAAS"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type TranslateLanguage = {
|
|
2
|
+
code: string;
|
|
3
|
+
label: string;
|
|
4
|
+
};
|
|
5
|
+
/**
|
|
6
|
+
* A representative set of languages Google's Website Translator supports, in each language's
|
|
7
|
+
* own name. Not bundled into `Translate` by default — import and pass this explicitly (or your
|
|
8
|
+
* own list) via the `languages` prop.
|
|
9
|
+
*/
|
|
10
|
+
export declare const DEFAULT_LANGUAGES: TranslateLanguage[];
|
|
11
|
+
//# sourceMappingURL=languages.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"languages.d.ts","sourceRoot":"","sources":["../../../../src/Component/Translate/languages.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,EA4BhD,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"translate.entry.d.ts","sourceRoot":"","sources":["../../../../src/Component/Translate/translate.entry.js"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* FeedbackForm
|
|
3
|
+
* @file Reveals a comment field once a rating is chosen, and dispatches a
|
|
4
|
+
* cancelable `mx-feedback-form-submit` event on submit so any backend can be
|
|
5
|
+
* wired up by the consumer — this component never performs a fetch/AJAX call
|
|
6
|
+
* itself. If the consuming app calls `preventDefault()` on that event, the
|
|
7
|
+
* native form submission is also cancelled, handing full control to the
|
|
8
|
+
* consumer; otherwise the browser submits normally via the form's
|
|
9
|
+
* `action`/`method`.
|
|
10
|
+
*/
|
|
11
|
+
export type FeedbackFormSubmitEvent = CustomEvent<{
|
|
12
|
+
rating: string | null;
|
|
13
|
+
comment: string;
|
|
14
|
+
form: HTMLFormElement;
|
|
15
|
+
}>;
|
|
16
|
+
export default class FeedbackForm extends HTMLElement {
|
|
17
|
+
internals_: ElementInternals;
|
|
18
|
+
controller: AbortController;
|
|
19
|
+
revealed: boolean;
|
|
20
|
+
constructor();
|
|
21
|
+
static get observedAttributes(): string[];
|
|
22
|
+
connectedCallback(): void;
|
|
23
|
+
disconnectedCallback(): void;
|
|
24
|
+
attributeChangedCallback(name: string): void;
|
|
25
|
+
handleRatingChange: () => void;
|
|
26
|
+
handleSubmit: (event: SubmitEvent) => void;
|
|
27
|
+
get form(): HTMLFormElement | null;
|
|
28
|
+
get comment(): HTMLTextAreaElement | null;
|
|
29
|
+
get status(): HTMLElement | null;
|
|
30
|
+
get submitButton(): HTMLButtonElement | null;
|
|
31
|
+
}
|
|
32
|
+
declare global {
|
|
33
|
+
interface HTMLElementTagNameMap {
|
|
34
|
+
"mx-feedback-form": FeedbackForm;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=FeedbackForm.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackForm.d.ts","sourceRoot":"","sources":["../../../../../src/Form/FeedbackForm/Elements/FeedbackForm.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,MAAM,MAAM,uBAAuB,GAAG,WAAW,CAAC;IAChD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,eAAe,CAAA;CACtB,CAAC,CAAA;AAEF,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,WAAW;IACnD,UAAU,EAAE,gBAAgB,CAAA;IAC5B,UAAU,EAAE,eAAe,CAAA;IAC3B,QAAQ,EAAE,OAAO,CAAA;IAEjB,cAKC;IAED,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,iBAAiB,IAAI,IAAI,CAgBxB;IAED,oBAAoB,IAAI,IAAI,CAE3B;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAM3C;IAED,kBAAkB,QAAO,IAAI,CAI5B;IAED,YAAY,UAAW,WAAW,KAAG,IAAI,CAuBxC;IAED,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,IAAI,OAAO,IAAI,mBAAmB,GAAG,IAAI,CAExC;IAED,IAAI,MAAM,IAAI,WAAW,GAAG,IAAI,CAE/B;IAED,IAAI,YAAY,IAAI,iBAAiB,GAAG,IAAI,CAE3C;CACF;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,YAAY,CAAA;KACjC;CACF"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { JSX } from "react";
|
|
2
|
+
export type FeedbackFormSubmitDetail = {
|
|
3
|
+
rating: string | null;
|
|
4
|
+
comment: string;
|
|
5
|
+
form: HTMLFormElement;
|
|
6
|
+
};
|
|
7
|
+
type FeedbackFormProps = {
|
|
8
|
+
id?: string;
|
|
9
|
+
name?: string;
|
|
10
|
+
question?: string;
|
|
11
|
+
yesLabel?: string;
|
|
12
|
+
noLabel?: string;
|
|
13
|
+
/** Optional secondary copy, e.g. pointing readers to an alternative contact channel. */
|
|
14
|
+
secondaryText?: string;
|
|
15
|
+
secondaryLinkText?: string;
|
|
16
|
+
secondaryLinkHref?: string;
|
|
17
|
+
commentLabel?: string;
|
|
18
|
+
commentName?: string;
|
|
19
|
+
commentPlaceholder?: string;
|
|
20
|
+
commentRequired?: boolean;
|
|
21
|
+
requiredErrorMessage?: string;
|
|
22
|
+
submitLabel?: string;
|
|
23
|
+
/** Progressive-enhancement form target — the consumer's `onSubmit` can still take over. */
|
|
24
|
+
action?: string;
|
|
25
|
+
method?: string;
|
|
26
|
+
/** Consumer-supplied top-level notice, e.g. after a failed async submit. */
|
|
27
|
+
errorMessage?: string;
|
|
28
|
+
/** Reflected as `aria-busy`/`disabled` on the submit button while the consumer's own submit handling is in flight. */
|
|
29
|
+
pending?: boolean;
|
|
30
|
+
className?: string;
|
|
31
|
+
/** Called with the form's values on a valid submit — this component never fetches/submits over the network itself. */
|
|
32
|
+
onSubmit?: (detail: FeedbackFormSubmitDetail) => void;
|
|
33
|
+
};
|
|
34
|
+
declare const FeedbackForm: ({ id, name, question, yesLabel, noLabel, secondaryText, secondaryLinkText, secondaryLinkHref, commentLabel, commentName, commentPlaceholder, commentRequired, requiredErrorMessage, submitLabel, action, method, errorMessage, pending, className, onSubmit, }: FeedbackFormProps) => JSX.Element;
|
|
35
|
+
export default FeedbackForm;
|
|
36
|
+
//# sourceMappingURL=FeedbackForm.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackForm.d.ts","sourceRoot":"","sources":["../../../../src/Form/FeedbackForm/FeedbackForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAiE,MAAM,OAAO,CAAA;AAa1F,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,eAAe,CAAA;CACtB,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wFAAwF;IACxF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,sHAAsH;IACtH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sHAAsH;IACtH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,wBAAwB,KAAK,IAAI,CAAA;CACtD,CAAA;AAED,QAAA,MAAM,YAAY,mQAqBf,iBAAiB,KAAG,GAAG,CAAC,OA6H1B,CAAA;eAEc,YAAY"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"feedback-form.entry.d.ts","sourceRoot":"","sources":["../../../../src/Form/FeedbackForm/feedback-form.entry.js"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAA"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file Drives Google's "Website Translator" widget from custom UI, instead
|
|
3
|
+
* of Google's own default banner. Shared, framework-agnostic logic consumed
|
|
4
|
+
* identically by `Component/Translate`'s Web Component and its React
|
|
5
|
+
* component (the "singleton delegation" pattern also used by
|
|
6
|
+
* `CookieCompliance`).
|
|
7
|
+
*
|
|
8
|
+
* This is the only mxds utility that loads a third-party runtime script
|
|
9
|
+
* (`translate.google.com`) — see the Translate README's "Google Translate
|
|
10
|
+
* quirks" section for the caveats that come with that.
|
|
11
|
+
*/
|
|
12
|
+
export type GoogleTranslateWidgetNoticeConfig = {
|
|
13
|
+
/** Where to insert the notice. Defaults to the top of `<body>` if omitted. */
|
|
14
|
+
anchorSelector?: string;
|
|
15
|
+
/** Insertion position relative to the anchor (standard `insertAdjacentElement` positions). Defaults to `afterend` when `anchorSelector` is set, `afterbegin` otherwise. */
|
|
16
|
+
position?: InsertPosition;
|
|
17
|
+
/** Copy shown once a non-default language is active. */
|
|
18
|
+
content: string;
|
|
19
|
+
/** Copy shown instead, on a blocked path. */
|
|
20
|
+
blockedContent?: string;
|
|
21
|
+
};
|
|
22
|
+
export type GoogleTranslateWidgetConfig = {
|
|
23
|
+
defaultLanguage: string;
|
|
24
|
+
blockedPaths?: string[];
|
|
25
|
+
scriptUrl?: string;
|
|
26
|
+
storageKey?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Updates the trigger's visible language code + `aria-label` to reflect the active language.
|
|
29
|
+
* On by default — pass `false` to keep the trigger static instead (e.g. always "Language"),
|
|
30
|
+
* which some sites prefer.
|
|
31
|
+
*/
|
|
32
|
+
updateTriggerLabel?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Notice banner shown once translated — entirely opt-in, omit to never create one. Created via
|
|
35
|
+
* JS (not pre-rendered) specifically so it can be inserted elsewhere on the page — e.g. below a
|
|
36
|
+
* header that only has room for the trigger itself, rather than wherever `<mx-translate>` is
|
|
37
|
+
* placed in the DOM.
|
|
38
|
+
*/
|
|
39
|
+
notice?: GoogleTranslateWidgetNoticeConfig;
|
|
40
|
+
onOpen?: () => void;
|
|
41
|
+
onClose?: () => void;
|
|
42
|
+
onLanguageChange?: (code: string) => void;
|
|
43
|
+
};
|
|
44
|
+
export default class GoogleTranslateWidget {
|
|
45
|
+
root: HTMLElement;
|
|
46
|
+
config: Required<Pick<GoogleTranslateWidgetConfig, "defaultLanguage">> & Required<Pick<GoogleTranslateWidgetConfig, "blockedPaths" | "scriptUrl" | "storageKey" | "updateTriggerLabel">> & Pick<GoogleTranslateWidgetConfig, "notice" | "onOpen" | "onClose" | "onLanguageChange">;
|
|
47
|
+
controller?: AbortController;
|
|
48
|
+
/** The most recently requested language — lets a slow/earlier `driveSelect` call notice it's been superseded and skip applying a stale value. */
|
|
49
|
+
pendingCode?: string;
|
|
50
|
+
noticeEl?: HTMLElement;
|
|
51
|
+
blockedNoticeEl?: HTMLElement;
|
|
52
|
+
constructor(root: HTMLElement, config: GoogleTranslateWidgetConfig);
|
|
53
|
+
init(): void;
|
|
54
|
+
destroy(): void;
|
|
55
|
+
/** Called when the consumer chooses a language from the menu. */
|
|
56
|
+
setLanguage(code: string): void;
|
|
57
|
+
getCurrentLanguage(): string;
|
|
58
|
+
isPathBlocked(pathname?: string): boolean;
|
|
59
|
+
private getStoredLanguage;
|
|
60
|
+
private persist;
|
|
61
|
+
private getLanguageItem;
|
|
62
|
+
private updateActiveItem;
|
|
63
|
+
private updateTriggerLabel;
|
|
64
|
+
/**
|
|
65
|
+
* Creates the notice element(s) via JS, on first use, and inserts them at the configured
|
|
66
|
+
* anchor point — which may be anywhere on the page, not necessarily near `<mx-translate>`
|
|
67
|
+
* itself (e.g. the trigger lives in the header, but the notice should appear below it, or at
|
|
68
|
+
* the top of the page). Matches the original bond_theme implementation's approach.
|
|
69
|
+
*
|
|
70
|
+
* Styled as a (non-dismissible) `GlobalAlert` — a site-wide banner is the right fit for "this
|
|
71
|
+
* page is machine-translated", not a page-scoped `InPageAlert`. There's no close button and no
|
|
72
|
+
* `<mx-closable-alert>` wrapper; it reappears for as long as the active language warrants it,
|
|
73
|
+
* same as the rest of this component's state.
|
|
74
|
+
*/
|
|
75
|
+
private createNotice;
|
|
76
|
+
private updateNotice;
|
|
77
|
+
private loadScript;
|
|
78
|
+
private getMountPoint;
|
|
79
|
+
/**
|
|
80
|
+
* Waits for Google's own hidden `<select>` to exist *and* contain an `<option>` for `code` —
|
|
81
|
+
* both are populated asynchronously after `TranslateElement` construction, on Google's own
|
|
82
|
+
* timeline. Setting `select.value` to a code with no matching `<option>` yet is a silent DOM
|
|
83
|
+
* no-op (the assignment is simply ignored), so waiting for only the `<select>` itself isn't
|
|
84
|
+
* enough — that's what let `driveSelect` silently fail to translate.
|
|
85
|
+
*/
|
|
86
|
+
private waitForComboBoxOption;
|
|
87
|
+
private driveSelect;
|
|
88
|
+
/** Google's translator instance doesn't survive the back/forward cache — re-inject on restore. */
|
|
89
|
+
private handlePageshow;
|
|
90
|
+
}
|
|
91
|
+
//# sourceMappingURL=google-translate-widget.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"google-translate-widget.d.ts","sourceRoot":"","sources":["../../../../src/Utility/Elements/google-translate-widget.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAQH,MAAM,MAAM,iCAAiC,GAAG;IAC9C,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2KAA2K;IAC3K,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAA;IACf,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,iCAAiC,CAAA;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,qBAAqB;IACxC,IAAI,EAAE,WAAW,CAAA;IACjB,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,2BAA2B,EAAE,iBAAiB,CAAC,CAAC,GACpE,QAAQ,CACN,IAAI,CACF,2BAA2B,EAC3B,cAAc,GAAG,WAAW,GAAG,YAAY,GAAG,oBAAoB,CACnE,CACF,GACD,IAAI,CAAC,2BAA2B,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,kBAAkB,CAAC,CAAA;IACzF,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,iJAAiJ;IACjJ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,eAAe,CAAC,EAAE,WAAW,CAAA;IAE7B,YAAY,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,2BAA2B,EAgBjE;IAED,IAAI,IAAI,IAAI,CAgBX;IAED,OAAO,IAAI,IAAI,CAId;IAED,iEAAiE;IACjE,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAa9B;IAED,kBAAkB,IAAI,MAAM,CAE3B;IAED,aAAa,CAAC,QAAQ,GAAE,MAAiC,GAAG,OAAO,CAElE;IAED,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,OAAO;IAQf,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,kBAAkB;IAU1B;;;;;;;;;;OAUG;IACH,OAAO,CAAC,YAAY;IAqBpB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,aAAa;IAWrB;;;;;;OAMG;IACH,OAAO,CAAC,qBAAqB;YAkBf,WAAW;IAUzB,kGAAkG;IAClG,OAAO,CAAC,cAAc,CAUrB;CACF"}
|
|
@@ -6,6 +6,8 @@ export { default as DisclosureWidget } from "./Elements/disclosure-widget";
|
|
|
6
6
|
export type { DisclosureWidgetEvent } from "./Elements/disclosure-widget";
|
|
7
7
|
export { default as Keyboard } from "./Elements/keyboard";
|
|
8
8
|
export { default as CookieCompliance } from "./Elements/cookie-compliance";
|
|
9
|
+
export { default as GoogleTranslateWidget } from "./Elements/google-translate-widget";
|
|
10
|
+
export type { GoogleTranslateWidgetConfig } from "./Elements/google-translate-widget";
|
|
9
11
|
export { default as IntersectionLoader } from "./Elements/io-loader";
|
|
10
12
|
export { default as BreakpointLoader } from "./Elements/breakpoint-loader";
|
|
11
13
|
export { validators };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../src/Utility/utilities.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,OAAO,UAAU,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC1E,YAAY,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC1E,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,eAAO,MAAM,UAAU,WAAY,MAAM,WAAU,MAAM,KAAQ,MAyBhE,CAAA;AAED,eAAO,MAAM,aAAa,WAAY,MAAM,KAAG,MAW9C,CAAA;AAED,eAAO,MAAM,cAAc,SAAU,MAAM,qBAAqB,MAAM,EAAE,KAAG,OAY1E,CAAA;AAED,eAAO,MAAM,aAAa,WAAY,MAAM,KAAG,OAAO,GAAG,IASxD,CAAA;AAED,eAAO,MAAM,aAAa,YACf,WAAW,SACd,OAAO,YACJ,OAAO,KACf,IAUF,CAAA;AAED,eAAO,MAAM,kBAAkB,UACtB,UAAU,aACN,WAAW,YACZ,MAAM,IAAI,YACX,WAAW,EAAE,KACrB,IAyBF,CAAA;AAED,eAAO,MAAM,YAAY,UAAW,aAAa,YAAY,MAAM,IAAI,KAAG,IAKzE,CAAA;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW,aAAc,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,KAAK,IAAI,QAAQ,MAAM,KAAG,IAUvF,CAAA"}
|
|
1
|
+
{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../src/Utility/utilities.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,OAAO,UAAU,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC1E,YAAY,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AACrF,YAAY,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC1E,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,eAAO,MAAM,UAAU,WAAY,MAAM,WAAU,MAAM,KAAQ,MAyBhE,CAAA;AAED,eAAO,MAAM,aAAa,WAAY,MAAM,KAAG,MAW9C,CAAA;AAED,eAAO,MAAM,cAAc,SAAU,MAAM,qBAAqB,MAAM,EAAE,KAAG,OAY1E,CAAA;AAED,eAAO,MAAM,aAAa,WAAY,MAAM,KAAG,OAAO,GAAG,IASxD,CAAA;AAED,eAAO,MAAM,aAAa,YACf,WAAW,SACd,OAAO,YACJ,OAAO,KACf,IAUF,CAAA;AAED,eAAO,MAAM,kBAAkB,UACtB,UAAU,aACN,WAAW,YACZ,MAAM,IAAI,YACX,WAAW,EAAE,KACrB,IAyBF,CAAA;AAED,eAAO,MAAM,YAAY,UAAW,aAAa,YAAY,MAAM,IAAI,KAAG,IAKzE,CAAA;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW,aAAc,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,KAAK,IAAI,QAAQ,MAAM,KAAG,IAUvF,CAAA"}
|
package/dist/types/elements.d.ts
CHANGED
|
@@ -14,5 +14,8 @@ export { default as Carousel } from "./Component/Carousel/Elements/Carousel";
|
|
|
14
14
|
export { default as Autocomplete } from "./Form/Autocomplete/Elements/Autocomplete";
|
|
15
15
|
export { default as CookieConsent } from "./Component/CookieConsent/Elements/CookieConsent";
|
|
16
16
|
export { default as Gallery } from "./Component/Gallery/Elements/Gallery";
|
|
17
|
+
export { default as BackToTop } from "./Component/BackToTop/Elements/BackToTop";
|
|
18
|
+
export { default as FeedbackForm } from "./Form/FeedbackForm/Elements/FeedbackForm";
|
|
19
|
+
export { default as Translate } from "./Component/Translate/Elements/Translate";
|
|
17
20
|
export * from "./Utility/utilities";
|
|
18
21
|
//# sourceMappingURL=elements.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../src/elements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,0CAA0C,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,+CAA+C,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,gDAAgD,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,6CAA6C,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wCAAwC,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gDAAgD,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wDAAwD,CAAA;AACpG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,4CAA4C,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wCAAwC,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2CAA2C,CAAA;AACnF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kDAAkD,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sCAAsC,CAAA;AACzE,cAAc,qBAAqB,CAAA"}
|
|
1
|
+
{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../src/elements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,0CAA0C,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,+CAA+C,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,gDAAgD,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,6CAA6C,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wCAAwC,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gDAAgD,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wDAAwD,CAAA;AACpG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,4CAA4C,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wCAAwC,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2CAA2C,CAAA;AACnF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kDAAkD,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sCAAsC,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,0CAA0C,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2CAA2C,CAAA;AACnF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,0CAA0C,CAAA;AAC/E,cAAc,qBAAqB,CAAA"}
|
package/dist/types/enums.d.ts
CHANGED
|
@@ -104,7 +104,9 @@ export declare enum Icons {
|
|
|
104
104
|
TRASH = "trash",
|
|
105
105
|
USER = "user",
|
|
106
106
|
SHARE = "share",
|
|
107
|
-
QUESTION = "question"
|
|
107
|
+
QUESTION = "question",
|
|
108
|
+
THUMB = "thumb",
|
|
109
|
+
GLOBE = "globe"
|
|
108
110
|
}
|
|
109
111
|
export declare enum PageWidths {
|
|
110
112
|
NARROW = "narrow",
|