@duetds/components 10.0.0-alpha.7 → 10.0.0-alpha.9

package/lib/cjs/duet-pagination_2.cjs.entry.js

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0885358e.js');
+const index = require('./index-7b1d76ef.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const jsUtils = require('./js-utils-92e24ba1.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
-const languageUtils = require('./language-utils-ae5d768d.js');
+const languageUtils = require('./language-utils-a6a152b8.js');
 const stringUtils = require('./string-utils-7b13c16e.js');
 const tokenUtils = require('./token-utils-5000595c.js');
 require('./tokens.module-7c947029.js');
@@ -347,32 +347,32 @@ const DuetPagination = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '449300e925c6e0f4b9683b2f9de2d2da3cfde6df', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, index.h("nav", { key: '88a063b0659badefc26f60d6f9da8a1a65361312', 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 (index.h(index.Host, { key: '5943ffdd76ef98748f029896f38e97bde1865d98', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, index.h("nav", { key: '76a6858bee8b90ea73b0fe7213b9f271c9eb509e', 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 !== "" && (index.h("div", { key: '9464743e61860868dddc9be141f020fc7c1e417e', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, index.h("duet-badge", { key: 'b646cbc19b45867567148f1511a6810328c6c409', theme: this.theme }, "jump to page : ", this.numbersStore))), index.h("ol", { key: '1f0e1b5ca2a7b27ad9ecc06ba8f1d558a1664a31', id: this.listId, class: {
+            } }, this.numbersStore !== "" && (index.h("div", { key: 'c323069e8b3a2883c45ac5f6354b550cf529657e', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, index.h("duet-badge", { key: '38ac9c11afc3eab57815de9cdf648ff21df38621', theme: this.theme }, "jump to page : ", this.numbersStore))), index.h("ol", { key: 'ccbb3b8d012e3e4defd979d88a327df68e0e2058', 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) && (index.h("li", { key: '776b63a83cee29edc126dab88fefb5a86aa45a2f', class: {
+            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (index.h("li", { key: '93bf21a9d7c68782301a6723fd6e9db55d572345', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, index.h("duet-action-button", { key: 'b9b3c00bd00813ad6f610d9f0a33d4713c65165d', 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 }))), index.h("li", { key: '41fa9271eebd307d67791c6671f898738d02614f', class: {
+            }, role: "menuitem", part: "navigation-arrow" }, index.h("duet-action-button", { key: '2d1521d6ca50e80ef5c0b3267bccb168a2d6e62d', 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 }))), index.h("li", { key: '98a6f6692c652c74d6c463d2466eca429358891c', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, index.h("duet-action-button", { key: '9625be7391a1c4498117644c382101f181a46cc4', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
+            }, role: "menuitem", part: "navigation-arrow" }, index.h("duet-action-button", { key: '8a43fa4728ae1b53ef977bdf1c7a44d5034bdd04', 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() && (index.h(index.Fragment, { key: 'a80187a03cdab00117d96036acd3ca33d4c34a5f' }, index.h("li", { key: 'c4015c0ae15c5b28c63d5227a328ae11d5c1ae3f', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, index.h("duet-button", { key: '78456ddf3a387c486d7740afb20133cba49d5987', 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 }, index.h("div", { key: 'd8268f8d9d15b500166ec843cc069e437f561a53', class: "duet-pagination-page-number" }, "1"))), index.h("li", { key: '9029fdef07b0dee5f81f967d57231c0a2a6ea64b', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, index.h("duet-button", { key: '33415416248c285c99b2540443684d32bd36a973', 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 }, index.h("div", { key: 'd652742e05db9b4e3c94c3fdc0ecc2501b2194a0', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
-            this.shouldDisplayNavigation() && (index.h(index.Fragment, { key: '3e116f6f5ad9e674f0d0ebb1a3c19a2ae3c6cb9c' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (index.h("li", { key: '080dec831309a52dd2f3125c43938b600cd89549', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, index.h("duet-button", { key: 'b53fb49a214247bacd11b604eee45d715099b63b', 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 }, index.h("div", { key: '0b9394a0812fcfebbd1932fb08f95661561c5539', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), index.h("li", { key: '6345044085eda43da59db094041f39fec2d4d16a', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, index.h("duet-button", { key: 'dc08fab187e6468e7d19cfdd4c12d1af69f922e6', 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() && (index.h(index.Fragment, { key: 'bea57a7da7eb4e8feb17560ae2ae442590aa5ee2' }, index.h("li", { key: '7e62beaf647d200436162f87098f67d8a5c928d8', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, index.h("duet-button", { key: 'c98c4fcdcb94567e691930005974e605406cce33', 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 }, index.h("div", { key: 'b8760ceeb730e809cd7996be57bd9e93ebdbd653', class: "duet-pagination-page-number" }, "1"))), index.h("li", { key: '3c948e1d9eac9dec1337744db26662d738aead11', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, index.h("duet-button", { key: '3e59a62a9d1ef3e51cd6f71aa912ca4794454b4b', 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 }, index.h("div", { key: 'd8c79ebb7e0a7164008563da0346de380d7d204b', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
+            this.shouldDisplayNavigation() && (index.h(index.Fragment, { key: 'e9e3c57605ca7050408b9397aee62faeb16cd270' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (index.h("li", { key: '5854f40f93fe8e24d9f0fbe0c113195f3ca722c2', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, index.h("duet-button", { key: 'aa268bf3709899c5e8f5f277e94ff8d70ebcd764', 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 }, index.h("div", { key: 'b1e1c1cb874bf04dca88bf6d3386b2fb4d3df947', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), index.h("li", { key: 'da069480127ea148dbc13a4e175a474f2c14cfb9', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, index.h("duet-button", { key: 'b76da37a208b7456e89e084b6d586d70a90cc1e7', 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 }, index.h("div", { key: '2c20e47c2f6bf96975d244733874173dea10e0a6', class: "duet-pagination-page-number" }, this.totalPages))))), index.h("li", { key: 'f67a8f288896785be77eb3951195c94ed1d75d75', class: {
+                : undefined }, index.h("div", { key: 'a2cb2f2a14057653ca92dae498804862835c70cf', class: "duet-pagination-page-number" }, this.totalPages))))), index.h("li", { key: 'eeebc9e7bdfaccd7e438d2f580056923d00a8756', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, index.h("duet-action-button", { key: '9cbba60ce9baa1e4cc33a07a3250d72d44c2fe5f', disabled: !!((this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, index.h("duet-action-button", { key: 'b97ef02ea16c8fb216e88dc74e3fe87b76ac2f09', 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) && (index.h("li", { key: '3f0f55d1d85abe02331e1112737b39dbbb40ac29', 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) && (index.h("li", { key: '45ee2be07aca3f3526fc9a3b23deea0d04c0b36e', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, index.h("duet-action-button", { key: '666860a5ae40ae73e220ad133e7707c989f77ae2', disabled: (this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, index.h("duet-action-button", { key: '0519bda2be03889de093f73535907ab63388877d', 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 })))))));
     }
@@ -546,10 +546,10 @@ const DuetRangeStepper = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h("div", { key: 'c9b11ce90897f1f447451ee5fb9a6c6e6beb6f28', class: {
+        return (index.h("div", { key: '92bfdf2b82bf4c6c299cbbc288a81c13449b0edc', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, index.h("span", { key: '4398c6aa7367285c372aea99bcc75a3eeea66c7a', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), index.h("duet-action-button", { key: '315adfd1f29f46f3e04f97b06b3fcd5906dd294c', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), index.h("duet-action-button", { key: '045f85fb0942d3841b51bfc1dfcc954d41b0554d', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
+            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, index.h("span", { key: 'c0c007aa816eec8a7ae151b272b3bc948cba4a94', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), index.h("duet-action-button", { key: '86d4d9ed69039243ca294fc4158237d08ddf7083', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), index.h("duet-action-button", { key: '0807cc9746426dfca2540572c26e8987de685d58', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {