@duetds/components 10.0.0-alpha.3 → 10.0.0-alpha.4

package/lib/esm/duet-date-picker.entry.js

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-1d0b7c66.js';
-import { D as DuetInternalLabel } from './label-ce262202.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-4b4e4ec8.js';
+import { D as DuetInternalLabel } from './label-a30d1f04.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { c as createID } from './create-id-149a1b6d.js';
-import { F as FocusGuard } from './focus-utils-adcd9463.js';
-import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-14969cef.js';
-import { c as checkNamedSlotElement, p as proxyInputToSlot } from './slot-utils-4e5ed4eb.js';
+import { F as FocusGuard } from './focus-utils-4226b57a.js';
+import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-1b413a6b.js';
+import { c as checkNamedSlotElement, p as proxyInputToSlot } from './slot-utils-ae4dc467.js';
 import './string-utils-192eb3c8.js';
 
 const formatOptionsShort = { day: "numeric", month: "long", weekday: "long" };
@@ -432,6 +432,11 @@ const DuetDatePicker = class {
                 fi: "Liian myöhäinen päivämäärä",
                 sv: "Datum för sent",
             },
+            valueMissing: {
+                en: "Date required",
+                fi: "Päivämäärä vaaditaan",
+                sv: "Datum krävs",
+            },
         };
         this.enableActiveFocus = () => {
             this.focusTarget = "day-button";
@@ -784,13 +789,13 @@ const DuetDatePicker = class {
         if (maxDate) {
             maxYear = Math.min(maxYear, maxDate.getFullYear());
         }
-        return (h(Host, { key: 'ffbf4028a27b7ce50696f3735314e12b48644e83', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, h("div", { key: 'be1ffaf5b189177ace8c0e537601247fb4c541e1', class: "duet-date" }, h(DatePickerInput, { key: '9f256d886f365c0ffb729b2e19d9695ae62d125d', hasFocus: this.inputHasFocus, value: this.value, valueAsDate: valueAsDate, formattedValue: this.inputValue, language: this.language, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, error: this.error || this.internalValidityError || null, role: this.role, required: this.required, theme: this.theme, tooltip: this.tooltip, tooltipDirection: this.tooltipDirection, labelHidden: this.labelHidden, placeholder: this.placeholder, inputLabel: this.label, identifier: this.identifier, buttonRef: element => (this.datePickerButton = element), inputRef: element => (this.datePickerInput = element), accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy, accessibleLiveError: this.accessibleLiveError, echoPlaceholder: this.echoPlaceholder, caption: this.caption })), h("div", { key: '083b96641cff2923eeb8b2a2811559674a3422a7', class: {
+        return (h(Host, { key: '92c25a766e7e2e60a83e54ac1c7edf470a7ff1a0', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, h("div", { key: '6cdb1b0f01b6c78d02c671500f191616c0356145', class: "duet-date" }, h(DatePickerInput, { key: '69e8fad5a45210b3dcee7be49c780823598ac8e3', hasFocus: this.inputHasFocus, value: this.value, valueAsDate: valueAsDate, formattedValue: this.inputValue, language: this.language, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, error: this.error || this.internalValidityError || null, role: this.role, required: this.required, theme: this.theme, tooltip: this.tooltip, tooltipDirection: this.tooltipDirection, labelHidden: this.labelHidden, placeholder: this.placeholder, inputLabel: this.label, identifier: this.identifier, buttonRef: element => (this.datePickerButton = element), inputRef: element => (this.datePickerInput = element), accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy, accessibleLiveError: this.accessibleLiveError, echoPlaceholder: this.echoPlaceholder, caption: this.caption })), h("div", { key: '1c76a02e5be4e655cd4e0b149af246b207ad15a3', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-date-dialog": true,
                 left: this.direction === "left",
                 error: !!this.error,
                 active: this.open,
-            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, h("duet-overlay", { key: 'e996bbb11fb297a854c0b052a76bd901cc206b69', visible: this.open, "display-device": "x-small" }), h(FocusGuard, { key: 'fb326c88bc79b2fb26934d500ada890909df7353', moveFocusTo: this.focusedDayNode }), h("div", { key: '012cbf4ec8c8a86c8490df5858d0b51ce5cd8b92', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, h("duet-visually-hidden", { key: '0a70e49f2bc2719fd766d604026711557e741918', "aria-live": "polite" }, text.keyboardInstruction), h("div", { key: '79509cb586c8498c5f450e63759e27d6dc10622a', class: "duet-date-dialog-mobile-header" }, h(DuetInternalLabel, { key: '4377e01f607d4de35728b1cdc8cbc298f6b19142', margin: "none" }, this.label), h("button", { key: '3287aeee04a35a036c1cdf5e93851cbb1b2a18d7', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, h("duet-icon", { key: 'dfcef3d22fa0a905e5b7de34da2c7c669d2e4cef', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), h("duet-visually-hidden", { key: 'cdf305c57bc94b51d148077ddfd30b3c29a989a0' }, text.closeLabel))), h("div", { key: '7e0171347a1da56e751c38f36de27f199fa2ec47', class: "duet-date-dialog-header" }, h("div", { key: '83306e6e3f77c536f522c30ad516423d90e4bf6b', class: "duet-date-dialog-dropdowns" }, h("duet-visually-hidden", { key: 'd12b4ec4e07e8c657a61c2e9fb944d0e87367cd4' }, h("h2", { key: 'ed4f5fa368effa1c5d0d49f0fed98c062ce66aaa', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), h("duet-visually-hidden", { key: '3049c56b3982abd6e9609e8bb39ccff0ff5fe4a6' }, h("label", { key: 'f81eb75848f18de93c98a21e2475545f5b18b11a', htmlFor: this.monthSelectId }, text.monthSelectLabel)), h("div", { key: '5cd66e4fbf36396e710f351fd7c36459a8515804', class: "duet-date-dialog-select" }, h("select", { key: '3dfa3aa9d7b96f84500d8af3b6c5dd6ff1325b20', id: this.monthSelectId, class: "duet-date-month-select", ref: element => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, text.monthLabels.map((month, i) => (h("option", { key: month, value: i, selected: i === focusedMonth, disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null) }, month)))), h("div", { key: '1fb7b3f4fa0ecd6c9cf95613c50200df097e919c', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, h("span", { key: '99a67cc02351674b14ffb24949672d2a02a48324' }, text.monthLabelsShort[focusedMonth]), h("duet-icon", { key: 'a7a4c1b2f6b361cd51737e60d59c26c97abe1a47', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), h("duet-visually-hidden", { key: '49515f341552fba5f3151b093c2a5b1ddc53ee07' }, h("label", { key: '13f6235f20b354b5bece44b65e1b05f8dfa355dd', htmlFor: this.yearSelectId }, text.yearSelectLabel)), h("div", { key: '4bd86d771eea83a8bd24387e91b09baa8e1a22ad', class: "duet-date-dialog-select" }, h("select", { key: '027f699ba8c1da2af2525c937474e23595173ed0', id: this.yearSelectId, class: "duet-date-year-select", onChange: this.handleYearSelect }, range(minYear, maxYear).map(year => (h("option", { key: year, selected: year === focusedYear }, year)))), h("div", { key: '8b1b6158805a2bfac0bf1d11358d9ead7b053ef8', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, h("span", { key: 'a49b7c229199f49a8e791d30c6164dfcb0a35b18' }, this.focusedDay.getFullYear()), h("duet-icon", { key: 'bc944c5c5d76c6f3fb6da35e5afa384d101952d9', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), h("div", { key: '93a4f1129af6c3e723b951147d022243e053c3df', class: "duet-date-dialog-buttons" }, h("duet-action-button", { key: '5a13ca85a4fd737fedc9c7f5e623c3def16397ae', accessibleLabel: i18n[this.language].prevMonthLabel, actionName: i18n[this.language].prevMonthLabel, class: "duet-date-dialog-prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, "icon-name": "action-arrow-left-small" }, text.prevMonthLabel), h("duet-action-button", { key: '283fca10745ff21e1c0d0da2479121ef0d5ed890', accessibleLabel: i18n[this.language].nextMonthLabel, actionName: i18n[this.language].nextMonthLabel, class: "duet-date-dialog-next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, "icon-name": "action-arrow-right-small" }, text.nextMonthLabel))), h(DatePickerMonth, { key: 'cc59e30b0a39e5a63682a2fb3da3c4080c7bc960', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, language: this.language, theme: this.theme, min: minDate, max: maxDate, focusedDayRef: element => (this.focusedDayNode = element), onFocusEnter: this.enableActiveFocus, onFocusExit: this.disableActiveFocus })), h(FocusGuard, { key: '9de58a8642b2f06882542924e86b3792f5bc54ad', moveFocusTo: this.closeButtonNode }))));
+            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, h("duet-overlay", { key: 'af91b4916f0bc2a1465682928af90a078b6b4e4c', visible: this.open, "display-device": "x-small" }), h(FocusGuard, { key: '4f9b654ab68252f3632729aafa335e4c4a118c58', moveFocusTo: this.focusedDayNode }), h("div", { key: '9536e14ab5a6e019da01e3556073282f7ad9c638', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, h("duet-visually-hidden", { key: 'f7f40e25da3fdb801a3716cbb6da9bef4908b298', "aria-live": "polite" }, text.keyboardInstruction), h("div", { key: '89f68b3684a65cdc13c3592a3740f868fcf1e307', class: "duet-date-dialog-mobile-header" }, h(DuetInternalLabel, { key: 'b9329644fbc88727451284e7c22bedba319190f8', margin: "none" }, this.label), h("button", { key: 'f9caca17691f6998d54308443eac7cc094f73169', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, h("duet-icon", { key: 'd92f0be1a0d6fb6f3d8c932f014c2f514c1319d2', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), h("duet-visually-hidden", { key: '0f85d5bd40d51ad656f14420160bd83ab7ab2e12' }, text.closeLabel))), h("div", { key: 'b7efee982426325152b879ac8795f75c55630ef9', class: "duet-date-dialog-header" }, h("div", { key: '624226cb18e668939b48026df20ea362007d5eb1', class: "duet-date-dialog-dropdowns" }, h("duet-visually-hidden", { key: '64ed0e02afe0315c73e483a212d6714fa9f8c1e6' }, h("h2", { key: '1f10a89bef9824b1ebff2c0835c0cb4fb9847e89', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), h("duet-visually-hidden", { key: 'f85bdb4030a8602df2642c8ff2c8e6a6725c139c' }, h("label", { key: '608c3f38b8de7a92d6eaf74021c9dba15d5c1412', htmlFor: this.monthSelectId }, text.monthSelectLabel)), h("div", { key: '268d9e71e46608d0aaaa19568b225b08089e0081', class: "duet-date-dialog-select" }, h("select", { key: 'ea1b01e8f95fc44ea07b40b3593f2a22996cd33d', id: this.monthSelectId, class: "duet-date-month-select", ref: element => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, text.monthLabels.map((month, i) => (h("option", { key: month, value: i, selected: i === focusedMonth, disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null) }, month)))), h("div", { key: 'e6ae4d02638eaf53c593c98924733d72312bde26', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, h("span", { key: '18600d4d1cc074e8baca7a2e343ad92afb12f44d' }, text.monthLabelsShort[focusedMonth]), h("duet-icon", { key: 'e2d8b0f87130ff502900c86b2cc589b7df303bf8', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), h("duet-visually-hidden", { key: 'c476ea21946afa2e3d484cbf054037435794d5e7' }, h("label", { key: 'e670550be9ec69b1e8831aa4ae6bd223eb4cdc70', htmlFor: this.yearSelectId }, text.yearSelectLabel)), h("div", { key: '853c7d5cd2639552d1c9be5266f4a3c7cb44cccb', class: "duet-date-dialog-select" }, h("select", { key: '5b66d6b7ace30ed705429d96434dd886b39940e7', id: this.yearSelectId, class: "duet-date-year-select", onChange: this.handleYearSelect }, range(minYear, maxYear).map(year => (h("option", { key: year, selected: year === focusedYear }, year)))), h("div", { key: 'c8c57b69fff46d66ec5492bbe51f6c20d5367c7c', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, h("span", { key: '9faf074f79574e751b74f7a14e312b33aab586cb' }, this.focusedDay.getFullYear()), h("duet-icon", { key: '14fe782187efaba9c6403446f87a337585386c56', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), h("div", { key: 'fbdfdf54c9a1d2133764d8c7465529d65e49e77d', class: "duet-date-dialog-buttons" }, h("duet-action-button", { key: 'aedcc0e167b29c902b69313821c454ff08f32693', accessibleLabel: i18n[this.language].prevMonthLabel, actionName: i18n[this.language].prevMonthLabel, class: "duet-date-dialog-prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, "icon-name": "action-arrow-left-small" }, text.prevMonthLabel), h("duet-action-button", { key: '2d872fe81ca740dba603c1c1a214d5bc7cf23be1', accessibleLabel: i18n[this.language].nextMonthLabel, actionName: i18n[this.language].nextMonthLabel, class: "duet-date-dialog-next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, "icon-name": "action-arrow-right-small" }, text.nextMonthLabel))), h(DatePickerMonth, { key: 'a05b3cf4dd91b6256fa336c2ceddf260fbe64e32', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, language: this.language, theme: this.theme, min: minDate, max: maxDate, focusedDayRef: element => (this.focusedDayNode = element), onFocusEnter: this.enableActiveFocus, onFocusExit: this.disableActiveFocus })), h(FocusGuard, { key: 'de51c28da1e9b5d2f87dc636006ad888f2486650', moveFocusTo: this.closeButtonNode }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/lib/esm/duet-divider_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, g as getElement, H as Host } from './index-1d0b7c66.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './index-4b4e4ec8.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { g as getColorByName } from './token-utils-b9ba8c5e.js';
 import './tokens.module-2d02f5ff.js';
@@ -28,7 +28,7 @@ const DuetDivider = class {
      */
     render() {
         const background = getColorByName(this.color);
-        return (h("div", { key: '64511b39c68988b15d35f49ae4d6416b0937d6f2', class: {
+        return (h("div", { key: '25f4714a082e71f77ac7a873e1f4a37a9ba44e1c', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-m-s": this.margin === "small",
                 "duet-divider": true,

package/lib/esm/duet-editable-table_3.entry.js

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement, F as Fragment } from './index-1d0b7c66.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement, F as Fragment } from './index-4b4e4ec8.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { f as fieldSorter, d as debounce } from './js-utils-9b9e0039.js';
 import { i as isKeyboardClick } from './keyboard-utils-439bcc8b.js';
-import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString, s as sanitizeString } from './language-utils-14969cef.js';
+import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString, s as sanitizeString } from './language-utils-1b413a6b.js';
 import { p as spaceLarge, q as fontFamilyText, r as fontSizeMedium, u as fontFamilyTextTurva, v as colorSecondary, w as colorSecondaryTurva, x as fontWeightSemiBold, y as lineHeightSmall, z as colorGrayDarker, A as colorGrayDarkTurva, B as spaceMedium, C as spaceXxSmall, n as colorGrayLightest, a as mediaQueryXSmall, D as spaceSmall, E as colorGrayLight, F as colorGrayLightTurva, G as colorGrayDarkerTurva, k as colorPrimary, H as sizeNavigation, s as sizeHeader } from './tokens.module-2d02f5ff.js';
 import { b as breakpointTokensUpTo, a as breakpointToToken } from './token-utils-b9ba8c5e.js';
 import { c as createID } from './create-id-149a1b6d.js';
 import { p as parsePossibleJSON } from './string-utils-192eb3c8.js';
-import { g as getError, a as getI18nError } from './errorcodes.utils-d9431251.js';
+import { g as getError, a as getI18nError } from './errorcodes.utils-e12abdc5.js';
 
 //simple functional component that renders the data in the table
 const TableData = ({ data, groupId, alignment }, _children) => {
@@ -174,7 +174,7 @@ const DuetEditableTable = class {
      * Render Methods
      */
     render() {
-        return (h(Host, { key: '3d5bf5011822ef87cfa0e0286c8cf91e8496bae2', class: {
+        return (h(Host, { key: 'e0065483ff2e0a3993860c8a4d070937902722aa', class: {
                 [`duet-editable-table-${this.variation}`]: true,
                 "duet-editable-table": true,
                 [`duet-editable-table-${this.theme}`]: true,
@@ -184,7 +184,7 @@ const DuetEditableTable = class {
                 "duet-editable-table-actions": !!this.actions,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("duet-table", { key: 'ec986291dd0b4a8210449af3dd0f233e7ea5951b', class: "duet-editable-table-table", sticky: this.sticky, stickyDistance: this.stickyDistance, margin: this.margin, theme: this.theme, variation: this.variation, breakpoint: this.breakpoint, "hide-head-visually": this.hideHeadVisually }, h("table", { key: '1ae7b6227d4fb16d38ca46fcd3c164ba625cf18d', role: this.accessibleRole }, h("caption", { key: 'a78c14e03fad988f4b985eecb07674d90be9dafc' }, h("slot", { key: '3ab4a9d8f4f7a6818c4051e811d222bb31731fca', name: "tcaption" })), h("thead", { key: 'aca3450e23a6981df8a9bfefc6d4942914900138' }, this.hasHeadSlotFirst && (h("tr", { key: '95caf52351b79194f468e5f1b537e27514e3558e' }, h("td", { key: '35bea84e7baa12021a122bf6851d3a6b0a0105b3', class: "duet-editable-table-actions-menu", colSpan: 99 }, h("slot", { key: '6969c828d8f6717d2bc16daa2bb4d34225aacdcc', name: "thead-first" })))), this.renderTableHeader(), this.hasHeadSlotLast && (h("tr", { key: '64dc523c0369648863e076499b0ebb18f8f56ff4' }, h("td", { key: '64816f523901cd17e0f4481cb86e1596a0a079c3', class: "duet-editable-table-actions-menu", colSpan: 99 }, h("slot", { key: '6d69e2ee753e7dce6d3f47a7e7268cc5c0c10e12', name: "thead-last" }))))), h("tbody", { key: 'f5a526b833834a5d3601a479a9be3fd7de341d80' }, this.renderTableBody()), this.hasFootSlot && (h("tfoot", { key: '87bb8cfcad29c6033f95205666c0e09ae18f946b' }, h("tr", { key: '373cf5a124095988d9917422fd6c63da0bdd11b7' }, h("td", { key: 'ac6478d51c42552576d8e4f1708faebbec2d04fb', class: "duet-editable-table-footer-menu", colSpan: 99 }, h("slot", { key: 'b1257579708c35c4be3cb8148c63fd9d221ac8b3', name: "tfoot" })))))))));
+            } }, h("duet-table", { key: '37756309155291fdc6d3113763314f524036daba', class: "duet-editable-table-table", sticky: this.sticky, stickyDistance: this.stickyDistance, margin: this.margin, theme: this.theme, variation: this.variation, breakpoint: this.breakpoint, "hide-head-visually": this.hideHeadVisually }, h("table", { key: '6ed48cc74d29b6c4110eb776fbd4b3afe494a309', role: this.accessibleRole }, h("caption", { key: '54ac0fe11e3828afb9fe55efe2091c051cbf606a' }, h("slot", { key: '0748c8c3a1a86c9bb2e5461bc0ae2febe813ba96', name: "tcaption" })), h("thead", { key: '70a834880f36029abaf6bd4c9b18a41445d5e42f' }, this.hasHeadSlotFirst && (h("tr", { key: 'f2ee281168541b6f200e49a8cf70e92c5a304207' }, h("td", { key: 'cf84d555a041b917cc3d16367f0def966c66575a', class: "duet-editable-table-actions-menu", colSpan: 99 }, h("slot", { key: '62be9b17b585a33e2ab03443c35036271077c98c', name: "thead-first" })))), this.renderTableHeader(), this.hasHeadSlotLast && (h("tr", { key: '330b1ab67298bbaf5d1e811ddd5f55d25643a85f' }, h("td", { key: '0153682e3091a90a81d47e12f66cbb5eb9147f8c', class: "duet-editable-table-actions-menu", colSpan: 99 }, h("slot", { key: '53c665398c691d197be3444a2a4f78da2b433b30', name: "thead-last" }))))), h("tbody", { key: 'c4de0827a831ef580cbf2b3927957aa4e0f74e6e' }, this.renderTableBody()), this.hasFootSlot && (h("tfoot", { key: 'b222604c1a1967cc0a214677160d02edb71f6c27' }, h("tr", { key: '3a55e26899ec472bddcecf7031cd139961c9d914' }, h("td", { key: '924929d81c5308e0dbde8379b3ad93afe27339ac', class: "duet-editable-table-footer-menu", colSpan: 99 }, h("slot", { key: 'f475ebbe8088e6fd696500f6bf3221ebeb0fa8e1', name: "tfoot" })))))))));
     }
     get element() { return getElement(this); }
 };
@@ -777,7 +777,7 @@ const DuetTable = class {
         });
     }
     render() {
-        return (h(Host, { key: 'a02e59e614dfac870270c7e3d74e04fb2802c527', class: {
+        return (h(Host, { key: '15e609b307b99f28efe4daac634c7f978f43b1dc', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -786,7 +786,7 @@ const DuetTable = class {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, h("slot", { key: 'd3938a251798e10cd525715687c827fd449272cc' })));
+            } }, h("slot", { key: '1af0a343ef68668f75358fdbc91a601ef62e8dd4' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -1845,10 +1845,10 @@ const DuetUpload = class {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (h(Host, { key: 'f22b72ae72f670b1d3b96699cc22b916e44805bb', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: 'd9062ebd9b108b426984ea6336014d707816be6a', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: 'f05cf1d0a76d07a12e0169d4554344860fe8d5e9', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '5f6ea952dccd0579fa97ae6e751c727bb2b72383', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: 'b99e0d6949b2377b83a5b8e3ba4fab263685e427', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: '0de37444dc62aac38f4ce95cb488cbd9c6485814', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '0d169ad657e0ae9af98769dd2c7b007899826afe', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h("slot", { key: 'a957b0255feb705762d39f4615bd9a49a4569017', name: "filefooter" }), h("slot", { key: 'f76b8605d58a7659c2dd0aa29c48a1f34e4a18a9', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: '3c3b2d1cc4929a960035feb0055c41d435a2cfba', margin: "none", size: "small" }, h("div", { key: 'e5f8bd26ec72800dd78794620d3d1dcfb4c55ad8', class: "upload-bottom-caption" }, caption))), h("slot", { key: 'c3d1e3f1725fdddfaad3eec7fdc9ed7cb3ef8b5b', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: '25b1dfcfeb51ed4dce30e9dc0dfd4bf3e5adb41e' }, h("duet-spacer", { key: 'd19f3991e372c617a6b9509adbc062a03f390090', size: "large" }), h("duet-button", { key: '8536bf08e8becf2c50e0fff041facbe975f18ad5', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
+        return (h(Host, { key: '288aeb8b8850772a57e4333d8ba5b0ff15c3d7fe', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '26201557f31b33446b6453985c8448bb29be72e9', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: 'd7e389e3cd4bb3b8379dcc04480aba78bfbfc860', name: "header" }), !this.files.size && (h("duet-empty-state", { key: 'cca76f6ea0ece55302e10f31d32214526e8c8666', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: '639f5c01310f844c0a2e0704bfa4c39c893301fa', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: 'f30d995ea8304a2d355ea23b6d0018925aca336d', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: 'f64a53038b12204aa522fb6ba65171e1b4681f6a', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h("slot", { key: '8a8900866831a642e44f58d10c5e6a580c902a41', name: "filefooter" }), h("slot", { key: 'e05d622ba10f8c8403fc9694a298881c8ee80e00', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: '89ddf7c2aeaa3c4e6a55d3d2743a1d4ef5916946', margin: "none", size: "small" }, h("div", { key: '663ee7410aac7691c7ecdcc47d40709011f13f75', class: "upload-bottom-caption" }, caption))), h("slot", { key: '2fad93888bbaff842a5e3d2e8a1324f194d3c351', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: '2f6dd6adb1749ddd99170be40ed26fb29ac43097' }, h("duet-spacer", { key: '15b5257a9a586ff424c4ec3a221d87abdc411474', size: "large" }), h("duet-button", { key: '0420e40d466d4eeaed5f303e6c36f025da72bee2', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
             this.bytesMaxReached ||
             this.filesToUploadExceedsLimit ||
-            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: '970bfa230702ba75dc8f8ac9e71f4183c4c3c0d7' }, h("duet-spacer", { key: '72b8c0c087760db99ce3fdda33e33471b9606d61', size: "medium" }), h("duet-alert", { key: '0769bcb8f099a5094dba69584d27909b915a1b18', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h("duet-visually-hidden", { key: 'fba8af1631c5f83e159c7070c9680fb36e5e2d80', "aria-hidden": "true" }, h("input", { key: '0c7c75a5a7328dfde2317095e37b363108c6423f', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: '7a7dfa23e6ed1459f94635e431464e56cede465f' }, h("duet-spacer", { key: 'a8e54f1b3bb6a21b01b0bcdbeca209aa2b3eb1c2', size: "medium" }), h("duet-alert", { key: 'c8324533e240d3c5c19d92f2476b61731c7527f3', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h("duet-visually-hidden", { key: '11a0d6c9c0dc638025da4357fc1f7cea158a36a8', "aria-hidden": "true" }, h("input", { key: 'bd2c685b5b4859881e63d9cfa71e0058aef91e97', ref: input => {
                 this.nativeInput = input;
             }, accept: !this.limitSelection ? undefined : `${this.allowedMimetypes},${this.allowedExtensions}`, onBlur: this.onBlur, onFocus: this.onFocus, onChange: e => this.onChange(e), type: "file", class: {
                 "duet-upload": true,

package/lib/esm/duet-empty-state.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-1d0b7c66.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4b4e4ec8.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 
 const duetEmptyStateCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:rgb(8, 42, 77);text-align:center;background:rgb(245, 248, 250);border-radius:4px}.duet-empty-state.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}";
@@ -25,11 +25,11 @@ const DuetEmptyState = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '993a6ef0e6325e25bb547113748f9ddb5a564561' }, h("div", { key: '8a8d7bf1d9d47b9302566e1106f712a77049e1ec', class: {
+        return (h(Host, { key: '285d5984f45086c54305c643e1974d8ff23e0207' }, h("div", { key: '169b26d231a957c843b068a66511ea60f11143a3', class: {
                 "duet-empty-state": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-is-small": this.size === "small",
-            } }, h("duet-icon", { key: 'b4fc41715d1bba5aa632b7d85916997d4ec33a76', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), h("div", { key: '2d67fc5a87eab015934a6255187312023b906128' }, h("slot", { key: '66b103aa15ead0d1efeb6967798443edfc5c1d42' })))));
+            } }, h("duet-icon", { key: '2a786961ff8018a43ff5ee297fca3a8ba5c0d63d', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), h("div", { key: 'd3e51fbeb20d942c4593f1eda4f704e92d481014' }, h("slot", { key: '06438b354c91955053ab1fd5a4f7447673909ea6' })))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-fieldset.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-1d0b7c66.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4b4e4ec8.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { c as createID } from './create-id-149a1b6d.js';
-import { h as hasSlot } from './slot-utils-4e5ed4eb.js';
+import { h as hasSlot } from './slot-utils-ae4dc467.js';
 
 const duetFieldsetCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}fieldset{position:relative;width:100%;min-width:0;border:0}fieldset legend{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-legend-wrapper{position:relative;display:block;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;background:transparent}.duet-legend-wrapper.duet-legend-compact:not(.duet-legend-has-caption){line-height:1.25}.duet-theme-turva .duet-legend-wrapper{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-fieldset-label{margin-bottom:12px !important;margin-top:8px}.duet-legend-has-caption .duet-fieldset-label{margin-bottom:6px !important}.duet-legend-has-tooltip .duet-fieldset-label{padding-right:36px}@media (min-width: 48em){.duet-legend-has-tooltip .duet-fieldset-label{margin-bottom:3px !important;padding-right:0}}@media (min-width: 48em){.duet-legend-has-tooltip.duet-legend-has-caption .duet-fieldset-label{margin-bottom:-3px !important}}.duet-fieldset-caption{margin-bottom:12px !important}.duet-fieldset-help{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(214, 28, 82);border-radius:4px}.duet-fieldset-help span{display:block;margin-top:12px}.duet-theme-turva .duet-fieldset-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(214, 28, 82)}::slotted(duet-tooltip){position:absolute;top:4px;right:0}@media (min-width: 48em){::slotted(duet-tooltip){position:relative;right:auto}}.duet-legend-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
 const DuetFieldsetStyle0 = duetFieldsetCss;
@@ -40,20 +40,20 @@ const DuetFieldset = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'c90be4dee8fe0279fbf6c4c3c928d137fe61f233', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: '3ad5f101a81531194d9f6524cfc75b3287f0d28e', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (h(Host, { key: '54b468baaf4dd04309e347b3ad7886a84af47e70', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: 'f28b6b4150eed4c469cf682559701ba75100bccd', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
             // NVDA and VoiceOver do not yet support aria-errormessage
             // once they do, we can remove errors from the aria-describedby
             // aria-errormessage={this.error ? this.errorId : null}
             class: {
                 "duet-fieldset": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("legend", { key: '213151ed1b0f84deb14a3e6a03b01bef9be36f6b', id: this.labelId }, h(this.labelHeadingLevel, { key: 'ab8f6890f78a7ae2c9b22e4c04bc38291bc5b164' }, this.label), this.caption && h("span", { key: '6aacc89f2c37744e16870ac20225109bc3313854' }, this.caption)), h("div", { key: '794ce3c1573e68c7cfb73d48ff7850511ac19109', class: {
+            } }, h("legend", { key: '18c10c7e8d4f3e0c8600a139d54f43b09c4e45ab', id: this.labelId }, h(this.labelHeadingLevel, { key: '91038b7ead81fc4cff1f45bdd5a115171d27f0e8' }, this.label), this.caption && h("span", { key: 'a651082ad238bc8f7f16728a1144cf03c3df338e' }, this.caption)), h("div", { key: 'e463811e43f250b812d8e7efd14f4955a3f683c7', class: {
                 "duet-legend-wrapper": true,
                 "duet-legend-has-caption": !!this.caption,
                 "duet-legend-has-tooltip": this.hasTooltip,
                 "duet-legend-hidden": this.labelHidden,
                 "duet-legend-compact": this.compactLabel,
-            } }, h("div", { key: '96448a08b7e74689135328c41823d0041e0460a1', class: "duet-fieldset-label" }, h("span", { key: '2ee830f8dc815dc2fe7a5cdd28a7c8e587d00aa5', "aria-hidden": "true" }, this.label), h("slot", { key: 'd466637b64d4233f5dd1ed3695311a46d1e7e284', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '12e9e36fefa42445a363148a516db4f906e8f91e', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '543f734d48f22df932e73d2b9907e1afda57187a', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '34ebf937cbd6e396647aba6282a527698a8a0a89' }), h("span", { key: 'e810b0f8f8ab440f4a8956b72ab1a2a66bc04274', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '3cf4d71eb3ce812d1a5848961740a2b9c98f22a0' }, this.error)))));
+            } }, h("div", { key: 'b3644143964cf701cf9821abec4fb6b4f77f46ac', class: "duet-fieldset-label" }, h("span", { key: '9645038dd64c0d028d0fba2bc2d2df9157bdf5c0', "aria-hidden": "true" }, this.label), h("slot", { key: '9bda9a72a19a343ae0b62bfd3e9962f5adb29c2c', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '5939d10ccde6c9b1beded70128458a1e7d831b4d', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '9a7631156e00e7bd460fe08e74aec8e68920dc4a', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: 'df21df9932f6ad85e4682a9216ac816da5369a95' }), h("span", { key: '56f7b06185c295981802aa98bfb06121c6286fea', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '779d4c05e3cf5d5240af36d2338b1a757f1e947e' }, this.error)))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-file-chooser.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-1d0b7c66.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-4b4e4ec8.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 
 const duetFileChooserCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.container{display:flex;flex-direction:row;gap:8px;align-items:center}.container .label{margin-bottom:8px}";
@@ -44,7 +44,7 @@ const DuetUploadItem = class {
         inheritGlobalTheme(this);
     }
     render() {
-        return (h(Host, { key: '926fcc76b3ab1a4b3487828c7e8c2b2c27d99908' }, h("duet-visually-hidden", { key: 'bae6ad6046effdb6fcd799f7f4402b9b28a338c5', "aria-hidden": "true" }, h("input", { key: 'e7e5106bbb4de343baa858eb76739022df33d5d6', ref: input => {
+        return (h(Host, { key: '40bce050cb2886e0a2b1f72e39337986349e4c8b' }, h("duet-visually-hidden", { key: 'c1008bf8a919503c51763361f1174a9d6a50aba6', "aria-hidden": "true" }, h("input", { key: '46d659a947506e98051e952e2b0c2894d8b93f2a', ref: input => {
                 this.nativeInput = input;
             }, type: "file", class: {
                 "duet-upload": true,

package/lib/esm/duet-footer.entry.js

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent$1, h, F as Fragment, g as getElement } from './index-1d0b7c66.js';
+import { r as registerInstance, c as createEvent$1, h, F as Fragment, g as getElement } from './index-4b4e4ec8.js';
 import { a as actionNewWindowSmall } from './action-new-window-small-1945be91.js';
 import { D as DuetStringsExternalDefaults } from './common-strings-af765cad.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-439bcc8b.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-14969cef.js';
-import { h as hasSlot } from './slot-utils-4e5ed4eb.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-1b413a6b.js';
+import { h as hasSlot } from './slot-utils-ae4dc467.js';
 import { p as parsePossibleJSON } from './string-utils-192eb3c8.js';
 
 const duetFooterCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex-shrink:0;width:100%}::slotted([slot=info]){padding:0 28px;margin-top:0;margin-bottom:16px}@media (min-width: 62em){::slotted([slot=info]){padding:0;margin-top:calc(20px - 0.5em);margin-bottom:0}}.duet-footer{display:block;width:100%;padding-top:24px;padding-bottom:16px;margin-top:48px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(255, 255, 255);text-align:left;background:rgb(8, 42, 77)}.duet-footer.duet-p-0{padding:0 !important}.duet-footer.duet-m-0{margin:0 !important}@media (min-width: 62em){.duet-footer{padding-top:48px;padding-bottom:36px}}.duet-footer.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background:rgb(198, 12, 48)}.duet-footer a{color:rgb(255, 255, 255);text-decoration:none}@media (min-width: 62em){.duet-footer a{border-radius:4px}}.duet-footer a:focus{outline:0}:host(.user-is-tabbing) .duet-footer a:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva a:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-footer-wrapper{position:relative;margin:0 auto}@media (min-width: 62em){.duet-footer-wrapper{padding:0 72px 0 48px}}@media (min-width: 76.25em){.duet-footer-wrapper{max-width:1110px;padding:0 20px 0 0}}.duet-footer-top{width:100%}@media (min-width: 62em){.duet-footer-top{display:flex;flex-direction:row;align-items:center}.duet-footer-top.duet-has-info{align-items:flex-start}}.duet-footer-top .footer-top-logo{flex-grow:1}.duet-footer-top .footer-top-right-container{flex-grow:1}@media (min-width: 62em){.duet-footer-top .footer-top-right-container{text-align:right}}.duet-footer-top .footer-top-items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-left:28px}@media (min-width: 62em){.duet-footer-top .footer-top-items{flex-direction:row;justify-content:flex-end}}duet-logo{margin-bottom:24px;margin-left:16px !important}@media (min-width: 62em){duet-logo{margin-bottom:0;margin-left:0 !important}}.duet-footer-link{padding:16px !important;display:flex;flex-direction:row;align-items:center;width:100%;font-weight:600;border-bottom:1px solid rgba(255, 255, 255, 0.2);transition:background-color 300ms ease}@media (min-width: 36em){.duet-footer-link{padding-right:20px !important;padding-left:28px !important}}@media (min-width: 62em){.duet-footer-link{width:auto;min-width:0;padding-right:0 !important;padding-left:0 !important;border:0}}.duet-footer-link:first-of-type{margin-top:20px;border-top:1px solid rgba(255, 255, 255, 0.2)}@media (min-width: 62em){.duet-footer-link:first-of-type{margin:0;border:0}}.duet-footer-link span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duet-footer-link:hover{background:rgba(0, 0, 0, 0.1)}@media (min-width: 62em){.duet-footer-link:hover{background:transparent}}.duet-footer-menu{padding:20px !important;display:flex;gap:2rem;padding-left:28px !important;font-size:0.875rem}@media (min-width: 36em){.duet-footer-menu{padding:28px !important}}@media (min-width: 62em){.duet-footer-menu{padding-right:0 !important;padding-left:8px !important}}.duet-footer-menu a{display:inline-block;text-decoration:none;overflow-wrap:break-word}.duet-footer-menu a:hover,.duet-footer-menu a:focus{text-decoration:underline}.duet-footer-menu a:hover .duet-footer-divider,.duet-footer-menu a:focus .duet-footer-divider{text-decoration:none}.duet-footer-menu .duet-footer-divider{display:inline-block;margin:0 8px}.duet-footer-menu .duet-footer-divider-copyright{display:none}.duet-footer-menu .duet-footer-menu-links{display:block;flex:1}@media (min-width: 62em){.duet-footer-menu .duet-footer-menu-links{text-align:right}}.duet-footer-menu a:last-of-type .duet-footer-divider{display:none}.duet-footer-copyright{display:none;font-size:0.875rem;color:rgb(255, 255, 255)}@media (min-width: 62em){.duet-footer-copyright{display:inline}}.duet-footer-copyright.duet-footer-copyright-mobile{display:block;padding-top:0.5rem;padding-bottom:1.25rem;padding-left:28px;text-align:left}@media (min-width: 62em){.duet-footer-copyright.duet-footer-copyright-mobile{display:none}}.duet-footer-simple{padding:0;margin:0;margin-top:16px;color:rgb(8, 42, 77);background:transparent !important;border-top:1px solid rgb(212, 223, 229)}.duet-footer-simple .duet-footer-wrapper{max-width:100%;padding:0 20px;margin:0}@media (min-width: 62em){.duet-footer-simple .duet-footer-wrapper{padding:0 36px}}@media (min-width: 106.25em){.duet-footer-simple .duet-footer-wrapper{padding:0 48px}}.duet-footer-simple .duet-footer-copyright,.duet-footer-simple .duet-footer-menu a{color:rgb(8, 42, 77)}.duet-footer-simple .duet-footer-menu{padding:20px 0 !important}.duet-footer-simple .duet-footer-copyright-mobile{padding-left:0}.duet-footer-simple.duet-theme-turva{color:rgb(23, 28, 58);border-color:rgb(222, 224, 228)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 28, 58)}.duet-footer-external{display:inline-block;margin-left:4px;color:rgb(0, 119, 179)}.duet-theme-turva .duet-footer-external{color:rgb(255, 255, 255)}.duet-footer-simple.duet-theme-turva .duet-footer-external{color:rgb(198, 12, 48)}";
@@ -121,15 +121,15 @@ const DuetFooter = class {
     render() {
         const text = getLocaleString(i18n, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (h("footer", { key: '1cdd005df7644fd86ab52f88c8b291a4a117c257', class: {
+        return (h("footer", { key: '7df55c7d655b77f110d55b85ec86e7884f5c8d7e', class: {
                 "duet-footer": true,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-footer-simple": this.variation === "simple",
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '2ae4978654a0581d936bf5ceb783983fff52f3f1', class: "duet-footer-wrapper" }, this.variation !== "simple" && (h("div", { key: 'd7d006c75ecc0f652431fdab896396077bbbff14', class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '2b32d2272dc4dc40168f3e81918a1e1efad970de', class: "duet-footer-wrapper" }, this.variation !== "simple" && (h("div", { key: '950af53de6fdcb8affc352bc1d4a7fe129b385d3', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, part: "top" }, h("div", { key: '6a782f5bba005411db4a29657a3015ebefae6bc6', class: "footer-top-logo" }, h("duet-logo", { key: '6309f936a91496f2fac4fcd69c81b6dd41b81414', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), h("div", { key: '09e751f50a0229013c3b7f5ddf3ff8c5ca0bd4e3', class: "footer-top-right-container" }, h("slot", { key: 'c5fbd7a8d9132a2858a811dad7ad6d94ad31249f', name: "info" }), h("div", { key: '15559c461dc869347b68b44dbb1b2c7df5d5bba0', class: "footer-top-items" }, this.processedItems &&
+            }, part: "top" }, h("div", { key: '5fb042ef3a17ff164961e7b73fb765d3911c6d01', class: "footer-top-logo" }, h("duet-logo", { key: '81426531a428181b61571ddc2c008e2fee0b7b31', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), h("div", { key: 'efb8ad879b986cf8a0d8921ac83f746c8514d3c3', class: "footer-top-right-container" }, h("slot", { key: '8cfd7e50461e06f6c2138114c599c0222d40a8f8', name: "info" }), h("div", { key: 'ee51536afc0cfc9a8f29f6daad2efaf959f67c07', class: "footer-top-items" }, this.processedItems &&
             this.processedItems.map((item, index) => {
                 var _a, _b, _c, _d, _e, _f;
                 return (h(Fragment, null, index > 0 && h("duet-spacer", { size: "x-large", direction: "horizontal" }), h("duet-button", { ref: element => this.setDataAttributes(element, item), theme: this.theme, id: item.id, class: "duet-footer-link", variation: "plain", margin: "none", fixed: true, negative: true, url: item.href, external: item.external, icon: ((_a = item.href) === null || _a === void 0 ? void 0 : _a.startsWith("tel:"))
@@ -139,7 +139,7 @@ const DuetFooter = class {
                             : "navigation-arrow-right", "icon-right": !((_c = item.href) === null || _c === void 0 ? void 0 : _c.startsWith("tel:")) && !((_d = item.href) === null || _d === void 0 ? void 0 : _d.startsWith("mailto:")), "icon-size": ((_e = item.href) === null || _e === void 0 ? void 0 : _e.startsWith("tel:")) || ((_f = item.href) === null || _f === void 0 ? void 0 : _f.startsWith("mailto:"))
                         ? "medium"
                         : "medium-small", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label)));
-            }))))), h("slot", { key: 'f4c7a3476693477b5c53f3877d40cb13c2e37ac1', name: "extra" }), h("p", { key: '795ec0bcbffd0df07b2cfecc96e0bac31a20d7af', class: "duet-footer-menu", part: "menu" }, h("span", { key: 'ebbd1b69487f6b698001c92641354f27c28ecac9', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { key: '4f9ab134874edfce12a01631556a49762592b84a', class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, { key: '6c299f198bdd74f1da639096ab73dc6b2e552285' }, this.processedMenu.map(item => (h("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-footer-external" }, h("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { key: '7144f88dd4d2ca95506b609f77cfa752cda215f3', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }))))), h("slot", { key: 'b745d299193ac3c349416cdc00e0e8fe8b00cc0b', name: "extra" }), h("p", { key: '251e9182681b71b0d07e41d7df3f7469bf1b7e53', class: "duet-footer-menu", part: "menu" }, h("span", { key: '857bb6f4883ae0656d30b2c47fb955ea64fdf064', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { key: '913d0e1e22975d0a46bdd5f33cf05707c475b8e3', class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, { key: '99fcb2936895ef6216e4b4e46cdf0910f7128505' }, this.processedMenu.map(item => (h("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-footer-external" }, h("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { key: '3f2de8ce8cb237e92b75d7569811f5ac022d7dc5', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/lib/esm/duet-grid_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-1d0b7c66.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4b4e4ec8.js';
 import { a as media_query_large, m as media_query_medium, b as media_query_small } from './tokens-84fb2357.js';
 import { w as watchForOptions, a as watchForElement } from './watch-options-e96ecd92.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
@@ -125,7 +125,7 @@ const DuetGrid = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'cb5bd9c4309fb0032446255aaed26f0442596f07', class: {
+        return (h(Host, { key: 'b719a6d43845829fbda8dbc93e67aecf0894ce57', class: {
                 "duet-grid": true,
                 "duet-no-stacking": !this.responsive,
                 "duet-grid-align-top": this.alignment === "top", // flex-start
@@ -152,7 +152,7 @@ const DuetGrid = class {
                 "duet-grid-row-reverse": this.rowReverse,
                 [`duet-grid-variation-${this.gridTemplate ? "grid" : "flex"}`]: true,
                 [`duet-grid-template-${this.gridTemplate}`]: true,
-            } }, h("slot", { key: '809a8de54de8b002bda6ce79cee4a081fb61db62' })));
+            } }, h("slot", { key: '9ff8a76a35e45a15ef04f376f5b4387609e0ae7d' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -190,7 +190,7 @@ const DuetGridItem = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '69107559554a11d43aeace87439dd5ee0983c961', style: {
+        return (h(Host, { key: 'cc7ed307e094fa01452cf707961c183c0622b6e7', style: {
                 "min-width": this.minWidth,
                 "max-width": this.maxWidth,
             }, class: {
@@ -207,7 +207,7 @@ const DuetGridItem = class {
                 "duet-grid-item-br-medium": this.breakpoint === "medium",
                 "duet-grid-item-br-large": this.breakpoint === "large",
                 "duet-grid-item-br-x-large": this.breakpoint === "x-large",
-            } }, h("slot", { key: '17a808b61e7dd20826bed76c60721c3458d2a24d' })));
+            } }, h("slot", { key: 'c6d01898a86329bdc57abd35a6a6e71bf80fe2c3' })));
     }
 };
 DuetGridItem.style = DuetGridItemStyle0;

package/lib/esm/duet-header_2.entry.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { h, r as registerInstance, c as createEvent$1, B as Build, H as Host, F as Fragment, g as getElement } from './index-1d0b7c66.js';
+import { h, r as registerInstance, c as createEvent$1, B as Build, H as Host, F as Fragment, g as getElement } from './index-4b4e4ec8.js';
 import { f as formSearch } from './form-search-ea8e19ae.js';
 import { a as media_query_large } from './tokens-84fb2357.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.es6-ecbf187e.js';
 import { D as DuetStringsExternalDefaults } from './common-strings-af765cad.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange, f as isEscapeKey, g as isSpaceKey, d as isArrowLeftKey, b as isArrowUpKey, a as isArrowRightKey, c as isArrowDownKey } from './keyboard-utils-439bcc8b.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-14969cef.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-1b413a6b.js';
 import { p as parsePossibleJSON } from './string-utils-192eb3c8.js';
 import { a as actionArrowDownSmall } from './action-arrow-down-small-82273dc8.js';
 import { n as colorGrayLightest, o as colorBrandGrayTurva, i as colorPrimaryTurva, k as colorPrimary } from './tokens.module-2d02f5ff.js';