@duetds/components 9.4.1 → 9.5.0

package/lib/dist-custom-elements/duet-pagination.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-1080a6c7.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-548610a6.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { d as debounce } from './p-9e371678.js';
@@ -9,18 +9,18 @@ import { m as isArrowKey, n as isNumber, j as isArrowLeftKey, f as isArrowUpKey,
 import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { b as breakpointTokensUpTo, a as breakpointToToken } from './p-6e022235.js';
-import { d as defineCustomElement$d } from './p-9a854b9b.js';
-import { d as defineCustomElement$c } from './p-447bdf9c.js';
-import { d as defineCustomElement$b } from './p-1b3d1a63.js';
-import { d as defineCustomElement$a } from './p-d74ee462.js';
-import { d as defineCustomElement$9 } from './p-2ccad3d5.js';
-import { d as defineCustomElement$8 } from './p-e95fb79b.js';
-import { d as defineCustomElement$7 } from './p-3392a6b5.js';
-import { d as defineCustomElement$6 } from './p-6617d6ac.js';
-import { d as defineCustomElement$5 } from './p-35014c4b.js';
-import { d as defineCustomElement$4 } from './p-0323fc27.js';
-import { d as defineCustomElement$3 } from './p-6657fbee.js';
-import { d as defineCustomElement$2 } from './p-f2e41ed9.js';
+import { d as defineCustomElement$d } from './p-7b74fee9.js';
+import { d as defineCustomElement$c } from './p-4d6f6627.js';
+import { d as defineCustomElement$b } from './p-87df2d6e.js';
+import { d as defineCustomElement$a } from './p-ed6a907e.js';
+import { d as defineCustomElement$9 } from './p-4ccd7bcc.js';
+import { d as defineCustomElement$8 } from './p-52df4164.js';
+import { d as defineCustomElement$7 } from './p-b3a6e82a.js';
+import { d as defineCustomElement$6 } from './p-2ecca38c.js';
+import { d as defineCustomElement$5 } from './p-7327e3d5.js';
+import { d as defineCustomElement$4 } from './p-da60c00a.js';
+import { d as defineCustomElement$3 } from './p-d01a8307.js';
+import { d as defineCustomElement$2 } from './p-39b87412.js';
 
 const shouldDisplayNavigation = (visibleItems, total, take) => {
     if (visibleItems * 2 > total / take) {
@@ -356,32 +356,32 @@ const DuetPagination$1 = /*@__PURE__*/ proxyCustomElement(class DuetPagination e
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'd6ed3352906a8c13c0ba120e63acd5572db61555', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, h("nav", { key: 'd7cb59047ba6951fb8ec60beb986df51cc646c4a', role: "navigation", "aria-labelledby": this.accessibleLabelledBy ? `${this.accessibleLabelledBy} ${this.listId}` : this.listId, "aria-describedby": this.accessibleDescribedBy ? `${this.accessibleDescribedBy} ${this.listId}` : this.listId, "aria-descriptions": this.accessibleDescription, "aria-details": this.accessibleDetails, ref: el => (this.nativeNav = el), "aria-controls": this.ariaControls, class: {
+        return (h(Host, { key: '51f0c1a1d5a16a99b2650f72c7b5fbf118532720', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, h("nav", { key: '60fa85678350ba5b52095f3db11f46864cd5b24f', role: "navigation", "aria-labelledby": this.accessibleLabelledBy ? `${this.accessibleLabelledBy} ${this.listId}` : this.listId, "aria-describedby": this.accessibleDescribedBy ? `${this.accessibleDescribedBy} ${this.listId}` : this.listId, "aria-descriptions": this.accessibleDescription, "aria-details": this.accessibleDetails, ref: el => (this.nativeNav = el), "aria-controls": this.ariaControls, class: {
                 "duet-pagination-nav": true,
                 [`duet-pagination-variation-${this.variation}`]: true,
-            } }, this.numbersStore !== "" && (h("div", { key: '902c6abd42e246304aae924b1406f8c2bc817bf5', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, h("duet-badge", { key: '4861b3a854f12cadae3f5d3f91806f5a50bed294', theme: this.theme }, "jump to page : ", this.numbersStore))), h("ol", { key: '66c09e15df929889c85137de8cdb0d7fbadbfc8f', id: this.listId, class: {
+            } }, this.numbersStore !== "" && (h("div", { key: '9085f262dca839c18be2b7798a389e7536dd900c', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, h("duet-badge", { key: '866869d03bf3a59593b8b3a9b09ae90929dad2b9', theme: this.theme }, "jump to page : ", this.numbersStore))), h("ol", { key: 'ad8a1c3c60b6f46a631e61fe5c7b7d083526b011', id: this.listId, class: {
                 "duet-pagination": true,
                 "duet-pagination-is-dimmed": this.numbersStore !== "",
-            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (h("li", { key: 'f06ae0b46625378d53f7d6c968efe6cc37628669', class: {
+            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (h("li", { key: '13a5f6ae9ca077d056926927c341619e3c421fe4', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '53de9f7186c2e9c280d3b987e33d3e50f9394301', disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), h("li", { key: 'f1ee58d73ab3ec2e1e7044d16a36495ebb5fc259', class: {
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '847da0bfd22d6d1724e10165397e1957ca3a1a9c', disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), h("li", { key: '16ea0206eea69bc4c3862cd41fdc3a94db5ccba4', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '5e064f5e0b53fe9c04b4e5167dff1b6acbe85c75', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '33ea4c7865120aed99108906a9c4b4ff34a0590d', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
                 (this.current <= 1 && this.processedPageLinks) ||
-                this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (h(Fragment, { key: '126295d5cf39d121da317412934d570d02b5d122' }, h("li", { key: 'ab615605de67abfa16ba5304450d4fbe4b40c1fd', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: '81945909e8e4e70aede95ff3bcec869b59d2faaa', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, h("div", { key: '52a1704bf4e47e97a8165b34b133d75f7cf46ee6', class: "duet-pagination-page-number" }, "1"))), h("li", { key: 'db56afde04dc1c6ae372db9a7b12f5d8a968afca', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: 'bbcee542f0a2151957fe8612104cad3762a23972', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, h("div", { key: '63cbd7bc9380da4dee3360c052b0555329c6db24', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
-            this.shouldDisplayNavigation() && (h(Fragment, { key: 'c7ce3b477074306822ad20b564aade9ec8cdbf5d' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (h("li", { key: '76bed23b3e4010197e2682b581e2740c8c21158a', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: '822ae63ebc41b29721791343bf9209798977c38a', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, h("div", { key: 'f89e2cb2097b4f9b41cd0a1d351ff3e4b7867b4f', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), h("li", { key: '94ea90a52a62975ec11fac47ab933a7de8afa5ea', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: '9eadf95f39e73639515ff03079b8528b2c0c7a59', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
+                this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (h(Fragment, { key: 'c961b452d3cc93a62b3059a4d7f4dfa2c25a23a4' }, h("li", { key: '4e36041ee7df9da07287aa58b95ed4b9cb3db160', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: 'dd161af51a0de44a42189b538e7c5a11bdf46124', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, h("div", { key: '7d8eee43b64756671843213cae0473390014a6ce', class: "duet-pagination-page-number" }, "1"))), h("li", { key: 'bf0e2dc3f9aca2621718e3d2b31f5fe8136ea0ee', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: 'e67129a8dcf6bb081d662308040c81e26f89368e', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, h("div", { key: 'edf800d14122c7a156e2852feaf8292c0f2cb0ba', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
+            this.shouldDisplayNavigation() && (h(Fragment, { key: 'a7ba8fad52c4f52916bbd52cb50b45fcfcb4dc8c' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (h("li", { key: '73f0d4c00ca3e2ab1c28d6d290214e5f5841a869', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: 'c49588a61cff0248853d27711faaed8ba6e3185c', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, h("div", { key: '1d3dcae494cc6e91d04099de95e7a338830654ce', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), h("li", { key: 'da984b3aedda5967f12aef6368a5d389c5928d87', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: 'af45256868353af59b8d242cee961d7962c96266', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
                 ? this.processedPageLinks[this.processedPageLinks.length - 1]
-                : undefined }, h("div", { key: 'feefef8f45433820ca8e029094b1b4fe216067a5', class: "duet-pagination-page-number" }, this.totalPages))))), h("li", { key: '2577b388ea15e24be05de69b308c22dbb298e6d1', class: {
+                : undefined }, h("div", { key: '52c7db3f203d4bfbaebb844ee3b06fca983c1fd1', class: "duet-pagination-page-number" }, this.totalPages))))), h("li", { key: '4c7edb8ca99f3993c4b64ac153112491a72f1d01', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: 'd7e18ac10323030b3c7e651e9b4598bba5d413f6', disabled: !!((this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: 'f7909374d12e9e6e7474293cf24f50d4df584e72', disabled: !!((this.current === this.totalPages &&
                 this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
-                (this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (h("li", { key: 'a71b9d3150493bb242caed7d27ca3c6c2e79efa0', class: {
+                (this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (h("li", { key: '951483492689ef3558b55a8a1ee2d77dd2f143c3', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '1b9192690bdd80a356b64e71a87e44a697ffb9fa', disabled: (this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '88d890a714833a29323e24a62afbd25bdcfe9a69', disabled: (this.current === this.totalPages &&
                 this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
                 this.disabled, accessibleLabel: this.accessibleLabels.last_page, title: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), "icon-name": "action-move-to-last", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.totalPages - 1] : undefined })))))));
     }

package/lib/dist-custom-elements/duet-paragraph.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetParagraph$1, d as defineCustomElement$1 } from './p-159ce59f.js';
+import { D as DuetParagraph$1, d as defineCustomElement$1 } from './p-d5859ccf.js';
 
 const DuetParagraph = DuetParagraph$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-phone-input.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DuetPhoneInput extends Components.DuetPhoneInput, HTMLElement {}
+export const DuetPhoneInput: {
+    prototype: DuetPhoneInput;
+    new (): DuetPhoneInput;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;