@duetds/components 10.2.4 → 10.3.1

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

@@ -3,16 +3,16 @@
  */
 'use strict';
 
-var index = require('./index-BU3Nf2d6.js');
-var themeableComponent = require('./themeable-component-BU-IHJDO.js');
+var index = require('./index-B_QTwXEx.js');
+var themeableComponent = require('./themeable-component-h3OzJgCb.js');
 var jsUtils = require('./js-utils-hJ4A2edy.js');
 var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
-var languageUtils = require('./language-utils-BazCSszn.js');
-var tokens_module = require('./tokens.module-CdKmGLcD.js');
-var tokenUtils = require('./token-utils-BstQGJ9_.js');
+var languageUtils = require('./language-utils-DjtvVntE.js');
+var tokens_module = require('./tokens.module-CTbvyezn.js');
+var tokenUtils = require('./token-utils-DY3-olMV.js');
 var createId = require('./create-id-DtslnIOq.js');
 var stringUtils = require('./string-utils-B35hEUBv.js');
-var errorcodes_utils = require('./errorcodes.utils-CN2q01zn.js');
+var errorcodes_utils = require('./errorcodes.utils-DQ-I8x2z.js');
 
 //simple functional component that renders the data in the table
 const TableData = ({ data, groupId, alignment }, _children) => {
@@ -229,7 +229,7 @@ const DuetEditableTable = class {
      * Render Methods
      */
     render() {
-        return (index.h(index.Host, { key: '5b1b28e6321b07a1d385c1945f15b0c110a8b068', class: {
+        return (index.h(index.Host, { key: 'a0c3202194fcc3910b50193f2a4fcb3bd7d3a5d8', class: {
                 [`duet-editable-table-${this.variation}`]: true,
                 "duet-editable-table": true,
                 [`duet-editable-table-${this.theme}`]: true,
@@ -239,7 +239,7 @@ const DuetEditableTable = class {
                 "duet-editable-table-actions": !!this.actions,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
-            } }, index.h("duet-table", { key: '47a4b4e9d3acf3ca83e70c1aa4e7758e1f6cbbbe', 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 }, index.h("table", { key: '975344f17b9271b8ffa4264751aa2dae69279f45', role: this.accessibleRole }, index.h("caption", { key: 'e9039bfd4c5bf90f96856d13d993be7f13fa2d73' }, index.h("slot", { key: '38a7cd2c82e45ebcc080e1e20f3f77aa2a46973d', name: "tcaption" })), index.h("thead", { key: 'c4a02a18bfae96669f45328f6198dc52f43dd887' }, this.hasHeadSlotFirst && (index.h("tr", { key: 'af846dfeba040ddec43065803327195bea76a404' }, index.h("td", { key: 'c002827f8c8c6cce8d8d4415c80e4f39d4bb1ed6', class: "duet-editable-table-actions-menu", colSpan: 99 }, index.h("slot", { key: '5673bc937f4bc87b67f6112f59a1981ff7f02c79', name: "thead-first" })))), this.renderTableHeader(), this.hasHeadSlotLast && (index.h("tr", { key: '79a45db93db0d6e5e35aade928f23032efdb821b' }, index.h("td", { key: 'fddd1434bf5a20188be229e5c3d9bde03b8d8dca', class: "duet-editable-table-actions-menu", colSpan: 99 }, index.h("slot", { key: '53b1ea3494b7e0f39426232f922a040eacf3a0f0', name: "thead-last" }))))), index.h("tbody", { key: 'b5d38eed528592d29f64f749e1938d0ff5b772b3' }, this.renderTableBody()), this.hasFootSlot && (index.h("tfoot", { key: 'e2ef34f7d078a7ac7b4a38cd5953b449ce682a23' }, index.h("tr", { key: '9f2a92be2f425c419abd5fa1a0a7fb763cc0426b' }, index.h("td", { key: 'da2eeda1f65004cc2c197dad36038dc4a60c2e8e', class: "duet-editable-table-footer-menu", colSpan: 99 }, index.h("slot", { key: '988c400cb8046f0544293b8e1555f7b213f9def6', name: "tfoot" })))))))));
+            } }, index.h("duet-table", { key: '6e53631c212527e8702f9e9c8a1b9bc2b390c830', 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 }, index.h("table", { key: '990481c1affeb11d6a6541a36a8f0118c961915c', role: this.accessibleRole }, index.h("caption", { key: 'f7b1bc44ab9fef0194485fdd6e49e11a306e365c' }, index.h("slot", { key: '2caecec6e5c024bdde6fa6bf72917914e2626752', name: "tcaption" })), index.h("thead", { key: 'c892dcd586814dcecddc46fbaf0319b04b6d9f16' }, this.hasHeadSlotFirst && (index.h("tr", { key: 'bfbac21dbab8afab7f34e952bd5803954be4991d' }, index.h("td", { key: '0a491ed1c4855d55b4dbc493a52029d657a08cc5', class: "duet-editable-table-actions-menu", colSpan: 99 }, index.h("slot", { key: '87c033e72a1bd3b87a51a4981b1b4939de66578d', name: "thead-first" })))), this.renderTableHeader(), this.hasHeadSlotLast && (index.h("tr", { key: '2ab66f9b14fe592f7ee7e6293cdd56b3aed0190e' }, index.h("td", { key: 'edb3ae066371b6f5dc990f10f088246c0d9388d9', class: "duet-editable-table-actions-menu", colSpan: 99 }, index.h("slot", { key: 'f57ebf07ee01c40cb47469b2fa07a706c4724dae', name: "thead-last" }))))), index.h("tbody", { key: '538b2de606132fcb272e5af1650cafb947fc5b2a' }, this.renderTableBody()), this.hasFootSlot && (index.h("tfoot", { key: '2f1a98dd550705933222f7179bc3ff4d6554d117' }, index.h("tr", { key: 'ecb9667d57ea85de7efa6fa0035fbfbb16c78a9e' }, index.h("td", { key: 'c78b25495de0621c55f70cce5131b1d192fc5e0e', class: "duet-editable-table-footer-menu", colSpan: 99 }, index.h("slot", { key: 'ed051b0e66c28fdbee565b33c1c394034a817a82', name: "tfoot" })))))))));
     }
     get element() { return index.getElement(this); }
 };
@@ -306,20 +306,12 @@ duet-table {
     }
   }
 
-  &.duet-theme-turva table {
-    font-family: ${tokens_module.fontFamilyTextTurva};
-  }
-
   td {
     -webkit-hyphens: auto;
     hyphens: auto;
     color: ${tokens_module.colorSecondary};
   }
 
-  &.duet-theme-turva td {
-    color: ${tokens_module.colorSecondaryTurva};
-  }
-
   th {
     font-weight: ${tokens_module.fontWeightSemiBold};
     line-height: ${tokens_module.lineHeightSmall};
@@ -327,19 +319,11 @@ duet-table {
     text-align: left;
   }
 
-  &.duet-theme-turva th {
-    color: ${tokens_module.colorGrayDarkTurva};
-  }
-
   tbody th {
     font-weight: ${tokens_module.fontWeightSemiBold};
     color: ${tokens_module.colorSecondary};
   }
 
-  &.duet-theme-turva tbody th {
-    color: ${tokens_module.colorSecondaryTurva};
-  }
-
   & .duet-table-action-row {
     & td:last-child {
       justify-self: end;
@@ -391,10 +375,6 @@ duet-table {
     }
   }
 
-  &.duet-theme-turva td span.duet-table-cell-heading {
-    color: ${tokens_module.colorSecondaryTurva};
-  }
-
   tbody td,
   tbody th,
   tfoot td {
@@ -434,10 +414,6 @@ duet-table {
     thead th {
       border-bottom: 1px solid ${tokens_module.colorGrayLight};
     }
-
-    &.duet-theme-turva thead th {
-      border-bottom-color: ${tokens_module.colorGrayLightTurva};
-    }
   }
 
   tbody:not(:first-of-type) th {
@@ -448,26 +424,14 @@ duet-table {
     background: rgba(4, 81, 128, 0.04);
   }
 
-  &.duet-theme-turva tbody:only-of-type tr:nth-of-type(odd) {
-    background: rgba(${rgbable(tokens_module.colorSecondaryTurva)}, 0.04);
-  }
-
   tbody:not(:only-of-type) tr:nth-of-type(even) {
     background: rgba(4, 81, 128, 0.04);
   }
 
-  &.duet-theme-turva tbody:not(:only-of-type) tr:nth-of-type(even) {
-    background: rgba(${rgbable(tokens_module.colorSecondaryTurva)}, 0.04);
-  }
-
   tfoot td {
     border-top: 1px solid ${tokens_module.colorGrayLight};
   }
 
-  &.duet-theme-turva tfoot td {
-    border-top-color: ${tokens_module.colorGrayLightTurva};
-  }
-
   &.duet-table-flattened {
     tbody:not(:first-of-type) th {
       padding-top: ${tokens_module.spaceLarge} !important;
@@ -486,10 +450,6 @@ duet-table {
         border-top: 1px solid ${tokens_module.colorGrayLight};
       }
     }
-
-    &.duet-theme-turva tfoot tr {
-      border-top-color: ${tokens_module.colorGrayLightTurva};
-    }
   }
 }
 
@@ -507,19 +467,13 @@ duet-table {
     }
   }
 
-  &.duet-theme-turva th {
-    border-bottom-color: ${tokens_module.colorGrayDarkerTurva};
-  }
+  
 
   tbody th {
     padding-top: calc(${tokens_module.spaceLarge} * 2) !important;
     border-bottom-color: ${tokens_module.colorGrayLight};
   }
 
-  &.duet-theme-turva tbody th {
-    border-bottom-color: ${tokens_module.colorGrayLightTurva};
-  }
-
   td {
     padding: ${tokens_module.spaceMedium} !important;
 
@@ -536,10 +490,6 @@ duet-table {
     border-bottom: 1px solid ${tokens_module.colorGrayLight};
   }
 
-  &.duet-theme-turva tbody td {
-    border-bottom-color: ${tokens_module.colorGrayLightTurva};
-  }
-
   &.duet-table-flattened {
     tbody:first-of-type th {
       padding-top: 0 !important;
@@ -574,10 +524,6 @@ duet-table {
     tbody tr {
       border-bottom: 1px solid ${tokens_module.colorGrayLight};
     }
-
-    &.duet-theme-turva tbody tr {
-      border-bottom-color: ${tokens_module.colorGrayLightTurva};
-    }
   }
 }
 
@@ -607,10 +553,6 @@ duet-table {
     tfoot {
       border-top: 1px solid ${tokens_module.colorGrayLight};
     }
-
-    &.duet-theme-turva tfoot {
-      border-top-color: ${tokens_module.colorGrayLightTurva};
-    }
   }
 }
 
@@ -641,10 +583,6 @@ duet-table {
     tfoot {
       border-top: 1px solid ${tokens_module.colorGrayLight};
     }
-
-    &.duet-theme-turva tfoot {
-      border-top-color: ${tokens_module.colorGrayLightTurva};
-    }
   }
 }
 .duet-table-scrollable {
@@ -659,10 +597,6 @@ duet-table {
 
 .duet-table-selected-column {
   background: rgba(${rgbable(tokens_module.colorPrimary)}, 0.08);
-
-  .duet-theme-turva & {
-    background: rgba(${rgbable(tokens_module.colorGrayDarkerTurva)}, 0.08);
-  }
 }
 
 .duet-table-sortable {
@@ -675,10 +609,6 @@ duet-table {
     tfoot {
       border-top: 1px solid ${tokens_module.colorGrayLight};
     }
-
-    &.duet-theme-turva tfoot {
-      border-top-color: ${tokens_module.colorGrayLightTurva};
-    }
   }
 }
 
@@ -722,66 +652,92 @@ duet-table {
       grid-column: 2;
     }
   }
+}
+  
+duet-table.duet-theme-turva table {
+  font-family: ${tokens_module.fontFamilyTextTurva};
+}
 
-  duet-table.duet-theme-turva2 {
-    &.duet-theme-turva td {
-      color: $color-turva2-gray-900;
-    }
+duet-table.duet-theme-turva td {
+  color: ${tokens_module.colorTurvaGray900};
+}
 
-    &.duet-theme-turva tbody th {
-      color: $color-turva2-gray-900;
-    }
+duet-table.duet-theme-turva th {
+  color: ${tokens_module.colorGrayDarkTurva};
+}
 
-    &.duet-table-striped.duet-theme-turva.duet-table-sticky thead {
-      th,
-      td {
-        border-bottom-color: $color-turva-nude-100;
-      }
-    }
+duet-table.duet-theme-turva tbody th {
+  color: ${tokens_module.colorTurvaGray900};
+}
 
-    &.duet-table-striped.duet-theme-turva tbody:only-of-type tr:nth-of-type(odd) {
-      background: rgba($color-turva2-gray-900, 0.04);
-    }
+duet-table.duet-theme-turva td span.duet-table-cell-heading {
+  color: ${tokens_module.colorSecondaryTurva};
+}
 
-    &.duet-table-striped.duet-theme-turva tbody:not(:only-of-type) tr:nth-of-type(even) {
-      background: rgba($color-turva2-gray-900, 0.04);
-    }
+duet-table.duet-table-striped.duet-theme-turva.duet-table-sticky thead {
+  th,
+  td {
+    border-bottom-color: ${tokens_module.colorGrayLightTurva};
+  }
+}
 
-    &.duet-table-striped.duet-theme-turva tfoot td {
-      border-top-color: $color-turva-nude-100;
-    }
+duet-table.duet-table-striped.duet-theme-turva tbody:only-of-type tr:nth-of-type(odd) {
+  background: rgba(${rgbable(tokens_module.colorTurvaGray900)}, 0.04);
+}
 
-    &.duet-table-striped.duet-table-flattened.duet-theme-turva tfoot tr {
-      border-top-color: $color-turva-nude-100;
-    }
+duet-table.duet-table-striped.duet-theme-turva tbody:not(:only-of-type) tr:nth-of-type(even) {
+  background: rgba(${rgbable(tokens_module.colorTurvaGray900)}, 0.04);
+}
 
-    &.duet-table-plain.duet-theme-turva tbody {
-      th,
-      td {
-        border-bottom-color: $color-turva-nude-100;
-      }
-    }
+duet-table.duet-table-striped.duet-theme-turva tfoot td {
+  border-top-color: ${tokens_module.colorGrayLightTurva};
+}
 
-    &.duet-table-plain.duet-theme-turva tbody td {
-      border-bottom-color: $color-turva-nude-100;
-    }
+duet-table.duet-table-striped.duet-table-flattened.duet-theme-turva tfoot tr {
+  border-top-color: ${tokens_module.colorGrayLightTurva};
+}
 
-    &.duet-table-plain.duet-table-flattened.duet-theme-turva tbody tr {
-      border-bottom-color: $color-turva-nude-100;
-    }
+duet-table.duet-table-plain.duet-theme-turva tbody {
+  th,
+  td {
+    border-bottom-color: ${tokens_module.colorGrayLightTurva};
+  }
+}
 
-    &.duet-table-minimal.duet-table-flattened.duet-theme-turva tfoot {
-      border-top-color: $color-turva-nude-100;
-    }
+duet-table.duet-table-plain.duet-theme-turva tbody td {
+  border-bottom-color: ${tokens_module.colorGrayLightTurva};
+}
 
-    &.duet-table-fixed.duet-theme-turva:not(.duet-table-flattened) tfoot {
-      border-top-color: $color-turva-nude-100;
-    }
+duet-theme-turva.duet-table-plain th, duet-theme-turva.duet-table-fixed th, duet-theme-turva.duet-table-minimal th {
+  border-bottom-color: ${tokens_module.colorGrayDarkerTurva};
+}
 
-    &.duet-table-sortable.duet-theme-turva:not(.duet-table-flattened) tfoot {
-      border-top-color: $color-turva-nude-100;
-    }
-  }
+duet-theme-turva.duet-table-plain tbody th, duet-theme-turva.duet-table-fixed tbody th, duet-theme-turva.duet-table-minimal tbody th {
+  border-bottom-color: ${tokens_module.colorGrayLightTurva};
+}
+
+.duet-table-flattened.duet-table-plain.duet-theme-turva tbody tr {
+  border-bottom-color: ${tokens_module.colorGrayLightTurva};
+}
+
+.duet-theme-turva .duet-table-selected-column {
+  background: rgba(${rgbable(tokens_module.colorGrayDarkerTurva)}, 0.08);
+}
+
+duet-table.duet-table-plain.duet-table-flattened.duet-theme-turva tbody tr {
+  border-bottom-color: ${tokens_module.colorGrayLightTurva};
+}
+
+duet-table.duet-table-minimal.duet-table-flattened.duet-theme-turva tfoot {
+  border-top-color: ${tokens_module.colorGrayLightTurva};
+}
+
+duet-table.duet-table-fixed.duet-theme-turva:not(.duet-table-flattened) tfoot {
+  border-top-color: ${tokens_module.colorGrayLightTurva};
+}
+
+duet-table.duet-table-sortable.duet-theme-turva:not(.duet-table-flattened) tfoot {
+  border-top-color: ${tokens_module.colorGrayLightTurva};
 }
 `.replace(/[\n\r\t]/gm, "");
 function createStyles(element) {
@@ -928,7 +884,7 @@ const DuetTable = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'fda81d8548a6180298f6e227832f9c7105a68736', class: {
+        return (index.h(index.Host, { key: 'a1dd7fa3685f9dba8b9e5dca8a0fd24c14431658', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -937,7 +893,7 @@ const DuetTable = class {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, index.h("slot", { key: 'ac3ae69d0a1141e1feacd1bdf8fb3ba9e9e89080' })));
+            } }, index.h("slot", { key: '3f4f49a2dc93f99278caa0089c0305a7049817e6' })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -2195,10 +2151,10 @@ const DuetUpload = class {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (index.h(index.Host, { key: '027dcff01c8c5aef8445a0ed996aa5ad3e854b5e', class: { "duet-m-0": this.margin === "none" } }, index.h("duet-fieldset", { key: '47ed56bd728ba7c100e5d68dd71f727b6e6b2a4d', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, index.h("slot", { key: '63328b6f03549224f711b858cbb5e95665bbdef9', name: "header" }), !this.files.size && (index.h("duet-empty-state", { key: '88492085957485c18c6ba40b767b87c89ff89fd2', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, index.h("duet-paragraph", { key: '2cbe2581b60800f93dafe93e63c67d9ac826737c', margin: "none" }, this.fileListEmpty))), !!this.files.size && index.h("slot", { key: '2bf2901abf2934c09cfeca8514ddfec09f48e82a', name: "fileheader" }), !!this.files.size && (index.h("duet-upload-aria-status", { key: '2ac21565dbd47cfbf9954b03e4404c018871c85c', 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 && index.h("slot", { key: '7eb58ca2a63237ee9d22f4ce8136c7bf4bd90f41', name: "filefooter" }), index.h("slot", { key: '36bc35eb74e40102333469dadda4ac75a77ebd90', name: "uploadfooter" }), this.captionOnBottom && (index.h("duet-caption", { key: 'c6465f63ef97ab6cb78af308da6c4c2528b911e0', margin: "none", size: "small" }, index.h("div", { key: 'd189b328248cf862a920d1e542a18546b0b76b94', class: "upload-bottom-caption" }, caption))), index.h("slot", { key: '87c92c6cac9b662315a12218e848a54b74094cec', name: "afterfooter" }), !this.hideButton && (index.h(index.Fragment, { key: '89ba989869f8286e58f01704ef5339ab23106761' }, index.h("duet-spacer", { key: '5c4dc126f197421e5c62edf556f9ef967df4cf89', size: "large" }), index.h("duet-button", { key: '67c4e90266831664dbd7aae7fb1792460013cee3', 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 (index.h(index.Host, { key: 'dc222a10613a05aa4d56526accf4f20d09a85524', class: { "duet-m-0": this.margin === "none" } }, index.h("duet-fieldset", { key: 'afd3bbefc25846e30ea0a4a3dd6fef490cfce55d', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, index.h("slot", { key: '9927e358eb190f2023f863d4de2306390d71fc8b', name: "header" }), !this.files.size && (index.h("duet-empty-state", { key: '843385b600508604aeed2894ae0d13134c4726d0', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, index.h("duet-paragraph", { key: 'c75ef6ac779000de5dee49f7793a01dcad735808', margin: "none" }, this.fileListEmpty))), !!this.files.size && index.h("slot", { key: 'f9756746a31507f1dca930bdf7fea75ccf2c577b', name: "fileheader" }), !!this.files.size && (index.h("duet-upload-aria-status", { key: 'b88ca83dcc669708410ac4ff2ab95c171909bcfd', 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 && index.h("slot", { key: 'cf7410f30e64f19d7dfc05848cae516c3c4c4998', name: "filefooter" }), index.h("slot", { key: '3d6ae7f015427bc576b46bcbad37ad21c75c5cff', name: "uploadfooter" }), this.captionOnBottom && (index.h("duet-caption", { key: 'd9839e2f61e00879f0fe4d804b76884eb3a3c426', margin: "none", size: "small" }, index.h("div", { key: '0793e849c010f2611e8c30fc9a1adfd5739036ca', class: "upload-bottom-caption" }, caption))), index.h("slot", { key: 'aea1cf5e8be9c04cfe942a63b609304b89dbd3bf', name: "afterfooter" }), !this.hideButton && (index.h(index.Fragment, { key: '5bc3f7808057aecbe5a082aa960cfd0179a5ebb8' }, index.h("duet-spacer", { key: 'dea860e2657fdd9d826a56ed1cbd3c29c27a6566', size: "large" }), index.h("duet-button", { key: 'd2e2120f450bd44190d819bcc8b7d3193a2fd7f1', 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) && (index.h(index.Fragment, { key: '2984ff475257e2ed17b964aa6113e6592809996a' }, index.h("duet-spacer", { key: '3400a7c832dceb6f04c6a1efc9f69bc764004cc7', size: "medium" }), index.h("duet-alert", { key: '22bb6896cec80f0468dd34bb2ff29d20ccb474a9', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && errorcodes_utils.getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && errorcodes_utils.getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && errorcodes_utils.getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && errorcodes_utils.getI18nError("duet-upload-203", this.errorCodes)))), index.h("duet-visually-hidden", { key: 'f6871858e8e2e13839f9898cf340951616c81595', "aria-hidden": "true" }, index.h("input", { key: 'faa902cc6425f28c15c89a0f95c1c7ce69ec8b6b', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (index.h(index.Fragment, { key: 'fcf6947ea9fd60eb05745627ea9bcfdc0a186ae2' }, index.h("duet-spacer", { key: '0d8d15f15c9dcecb7749d481e29073be66c1e77f', size: "medium" }), index.h("duet-alert", { key: '392a1d62012973d5e0b730a58ad3d97c48db3256', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && errorcodes_utils.getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && errorcodes_utils.getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && errorcodes_utils.getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && errorcodes_utils.getI18nError("duet-upload-203", this.errorCodes)))), index.h("duet-visually-hidden", { key: 'ecf1098f5d21721d322bc382ff218b2b374e907a', "aria-hidden": "true" }, index.h("input", { key: 'd47f7522e739d1bda7407882e7ceda5f3e416b3d', 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/cjs/duet-empty-state.cjs.entry.js

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-BU3Nf2d6.js');
-var themeableComponent = require('./themeable-component-BU-IHJDO.js');
+var index = require('./index-B_QTwXEx.js');
+var themeableComponent = require('./themeable-component-h3OzJgCb.js');
 
-const duetEmptyStateCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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, 42, 59);background:rgb(245, 246, 247)}:host(.duet-theme-turva2) .duet-empty-state.duet-theme-turva{color:rgb(23, 42, 59);background:rgb(245, 246, 247)}";
+const duetEmptyStateCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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, 42, 59);background:rgb(245, 246, 247)}";
 
 const DuetEmptyState = class {
     constructor(hostRef) {
@@ -35,11 +35,11 @@ const DuetEmptyState = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '6b61854be0ee8b668d513de66e117b928cb4671b' }, index.h("div", { key: '62ab8dddad16464e202f9225d080cee855a8193d', class: {
+        return (index.h(index.Host, { key: '9018087936c4abe5adead5d4fe62991ea84b3dc1' }, index.h("div", { key: 'a0aa84fb06673f4d741891019a98fd7d4f03b174', class: {
                 "duet-empty-state": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-is-small": this.size === "small",
-            } }, index.h("duet-icon", { key: '237ea5cd85e1be42a856c7b30e14022bb4cd824e', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), index.h("div", { key: '9bb0471dfd59d78fc51b71eccce4830d47506a42' }, index.h("slot", { key: 'cdf540cdcc74733367bfc04d13ec9659bd2adb52' })))));
+            } }, index.h("duet-icon", { key: '8d9265fb0946a832c1c386b139b28b775ade9936', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), index.h("div", { key: '87abfa72d165e96e3ca1798ab0023e13d540d757' }, index.h("slot", { key: 'fc437b4821cbc146906f8c33aa06d4718a0584b2' })))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-BU3Nf2d6.js');
-var themeableComponent = require('./themeable-component-BU-IHJDO.js');
+var index = require('./index-B_QTwXEx.js');
+var themeableComponent = require('./themeable-component-h3OzJgCb.js');
 var createId = require('./create-id-DtslnIOq.js');
-var slotUtils = require('./slot-utils-BUOLdbgj.js');
+var slotUtils = require('./slot-utils-YUU0XWn9.js');
 
-const duetFieldsetCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !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, 42, 59)}.duet-fieldset-label{margin-bottom:12px !important;display:flex;margin-top:8px}.duet-legend-has-caption .duet-fieldset-label{margin-bottom:6px !important}@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-fieldset-help span.duet-m-0{margin-top:0}.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:relative;top:4px}.duet-legend-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}:host(.duet-theme-turva2) .duet-theme-turva .duet-legend-wrapper{color:rgb(23, 42, 59)}";
+const duetFieldsetCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !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-fieldset-label{margin-bottom:12px !important;display:flex;margin-top:8px}.duet-legend-has-caption .duet-fieldset-label{margin-bottom:6px !important}@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-fieldset-help span.duet-m-0{margin-top:0}.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:relative;top:4px}.duet-legend-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.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, 42, 59)}.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)}";
 
 const DuetFieldset = class {
     constructor(hostRef) {
@@ -77,20 +77,20 @@ const DuetFieldset = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: 'ac0f503ac6d41953e774ad46b418c8ea39ff4708', class: { "duet-m-0": this.margin === "none" } }, index.h("fieldset", { key: 'b564273ca16fac8fbb500ab8bfc9dff72e579770', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (index.h(index.Host, { key: '150ed749bb02f820ab14416d153e67cea52dc29e', class: { "duet-m-0": this.margin === "none" } }, index.h("fieldset", { key: '17055f020b42050cfc12e5954edaac9c6658788e', "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",
-            } }, index.h("legend", { key: '607df92d8f78aaad01e4c80e33c17da55a52e20f', id: this.labelId }, index.h(this.labelHeadingLevel, { key: '33cee42411e380076885a046790cb8006088c5ed' }, this.label), this.caption && index.h("span", { key: '52c809bbe842c11a84e7d1a5c3083bfe92472d36' }, this.caption)), index.h("div", { key: 'aa297b27900d3a28a48bf8102b75e900896393ff', class: {
+            } }, index.h("legend", { key: '1cf7a2d88bbcea640fe06e19ce4b2d633be56c3b', id: this.labelId }, index.h(this.labelHeadingLevel, { key: 'aec7db3663b9cc1c1ac2205ab103c708c56a0573' }, this.label), this.caption && index.h("span", { key: '849cec9875e1713b0c53ee81ffdcb33b501a78b1' }, this.caption)), index.h("div", { key: '319c243237ed47fe584e7498514a3f392d9b8b19', 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,
-            } }, index.h("div", { key: '3af22b271c143a074adee18554408291e3faa660', class: "duet-fieldset-label" }, index.h("span", { key: '939a883743e233ba83e8ff3328b18842b0c4eae4', "aria-hidden": "true" }, this.label), index.h("slot", { key: '822892f650b6c0f733cc58a1aee1654e21d1f1f6', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (index.h("div", { key: 'bc40348b978fc775d1007cdf3949e95d4d3b54e0', class: "duet-fieldset-caption", "aria-hidden": "true" }, index.h("duet-caption", { key: '3119b1a7963015c24d6324d5de47fc53cdfd748e', theme: this.theme, margin: "none" }, this.caption)))), index.h("slot", { key: 'fa922540a117205680098064372a70aefc0953ae' }), index.h("span", { key: 'ad8d4d59379d7a9f89e618754d46404eb5c3c664', class: "duet-fieldset-help duet-fieldset-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && index.h("span", { key: 'c36abae3849393120d72e3781305cb2ce88b384c', class: { "duet-m-0": this.lastItemIsChip } }, this.error)))));
+            } }, index.h("div", { key: 'c69484583f6027412eb7d50a33af3db48a4b9755', class: "duet-fieldset-label" }, index.h("span", { key: 'b8df8f29e780738665c0a054399d1d1f97f5e7ea', "aria-hidden": "true" }, this.label), index.h("slot", { key: '18d94da36179d4ba5b78c3ed6ac83f41d401c067', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (index.h("div", { key: '5ceb8c432f19ab8b18d04ce12f6463e563a7459a', class: "duet-fieldset-caption", "aria-hidden": "true" }, index.h("duet-caption", { key: 'c6f433f3e47f2e2fdedcbc158d169ab6bea4a0a0', theme: this.theme, margin: "none" }, this.caption)))), index.h("slot", { key: 'b8a61deb6211c5abbc806d2762088fcedb936873' }), index.h("span", { key: 'a6c68e7ef61365792b92fc6ef7290d3b3a3cdd65', class: "duet-fieldset-help duet-fieldset-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && index.h("span", { key: '4fea45e086a99437a8f7ddc0e1617a3a6046beed', class: { "duet-m-0": this.lastItemIsChip } }, this.error)))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-BU3Nf2d6.js');
-var themeableComponent = require('./themeable-component-BU-IHJDO.js');
+var index = require('./index-B_QTwXEx.js');
+var themeableComponent = require('./themeable-component-h3OzJgCb.js');
 
 const duetFileChooserCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.container{display:flex;flex-direction:row;gap:8px;align-items:center}.container .label{margin-bottom:8px}";
 
@@ -55,7 +55,7 @@ const DuetUploadItem = class {
         themeableComponent.inheritGlobalTheme(this);
     }
     render() {
-        return (index.h(index.Host, { key: '70aa98d57c2361a70abfd51e859679df65f68027' }, index.h("duet-visually-hidden", { key: '1c4899794b06709d24d5ff412141bf0e3714a8cb', "aria-hidden": "true" }, index.h("input", { key: 'ec3827c684ffbb3a4299720ef07f4c8590d0d6ed', ref: input => {
+        return (index.h(index.Host, { key: '4990de1bf699e3f0daea24f507a9b9e252b11d9a' }, index.h("duet-visually-hidden", { key: '0a226f6f53a8da89230e81df8be61a2413c44af1', "aria-hidden": "true" }, index.h("input", { key: 'a8a8e3bfc73847a74ea8dc8dff0da0c16d510e15', ref: input => {
                 this.nativeInput = input;
             }, type: "file", class: {
                 "duet-upload": true,

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

@@ -3,17 +3,17 @@
  */
 'use strict';
 
-var index = require('./index-BU3Nf2d6.js');
+var index = require('./index-B_QTwXEx.js');
 var actionNewWindowSmall = require('./action-new-window-small-BWlVx6YN.js');
 var commonStrings = require('./common-strings-DMaSb4Ld.js');
-var themeableComponent = require('./themeable-component-BU-IHJDO.js');
+var themeableComponent = require('./themeable-component-h3OzJgCb.js');
 var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
-var languageUtils = require('./language-utils-BazCSszn.js');
-var slotUtils = require('./slot-utils-BUOLdbgj.js');
+var languageUtils = require('./language-utils-DjtvVntE.js');
+var slotUtils = require('./slot-utils-YUU0XWn9.js');
 var stringUtils = require('./string-utils-B35hEUBv.js');
 require('./_commonjsHelpers-4N64IRaP.js');
 
-const duetFooterCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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(230, 23, 64)}.duet-footer a{color:rgb(255, 255, 255);text-decoration:none}.duet-footer a:focus{outline:0}:host(.user-is-tabbing) .duet-footer a:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-footer a:focus,:host(.user-is-tabbing) .duet-footer a:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-footer a:focus,:host(.user-is-tabbing) .duet-footer a:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-footer a{border-radius:4px}}.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;overflow-wrap:break-word;text-decoration:none}.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, 42, 59);border-color:rgb(212, 221, 226)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 42, 59)}.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(230, 23, 64)}:host(.duet-theme-turva2) .duet-footer.duet-theme-turva{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-copyright,:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-external{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) duet-logo{margin-left:28px !important}@media (min-width: 62em){:host(.duet-theme-turva2) duet-logo{margin-left:0 !important}}@media (min-width: 62em){:host(.duet-theme-turva2) ::slotted([slot=info]){margin-top:4px}}";
+const duetFooterCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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 a{color:rgb(255, 255, 255);text-decoration:none}.duet-footer a:focus{outline:0}:host(.user-is-tabbing) .duet-footer a:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-footer a:focus,:host(.user-is-tabbing) .duet-footer a:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-footer a{border-radius:4px}}.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;overflow-wrap:break-word;text-decoration:none}.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, 42, 59);border-color:rgb(212, 221, 226)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 42, 59)}.duet-footer-external{display:inline-block;margin-left:4px;color:rgb(0, 119, 179)}.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(230, 23, 64)}.duet-footer-simple.duet-theme-turva{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 42, 59)}.duet-footer-simple.duet-theme-turva .duet-footer-external{color:rgb(230, 23, 64)}.duet-theme-turva .duet-footer-external{color:rgb(255, 255, 255)}.duet-theme-turva duet-logo{margin-left:28px !important}@media (min-width: 62em){.duet-theme-turva duet-logo{margin-left:0 !important}}@media (min-width: 62em){.duet-theme-turva ::slotted([slot=info]){margin-top:4px}}";
 
 const i18n = {
     fi: { lahi: "© LähiTapiola", turva: "© Turva" },
@@ -167,16 +167,16 @@ const DuetFooter = class {
     render() {
         const text = languageUtils.getLocaleString(i18n, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (index.h("footer", { key: 'a1f13a9e8d015c33626dc35acfbac299d5d798b8', class: {
+        return (index.h("footer", { key: 'cded4930f82ba556fe630d4295e351cbbb2082e2', 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 }, index.h("div", { key: '48ff4a3d5e8df21215a409def47ead6f70f697fa', class: "duet-footer-wrapper" }, this.variation !== "simple" && (index.h("div", { key: 'a0cc027a05d4c054e0f99c2c2ad3fb6b34a58873', class: {
+            }, "aria-label": this.accessibleLabel }, index.h("div", { key: '937096c43e34404c84fa15418efd41c5692f6ac1', class: "duet-footer-wrapper" }, this.variation !== "simple" && (index.h("div", { key: '865c6932f382aba543ca23c1bd4ab5aab4885b0a', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, part: "top" }, index.h("div", { key: '3724f9ef6f0af6ca9812b4c9c2854209a80cb38b', class: "footer-top-logo" }, index.h("duet-logo", { key: '10e4b82fa2f117f130a2458a64249d36b5f99564', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), index.h("div", { key: '40ceb56a8366b96d5a9afc572984ff027249cfd0', class: "footer-top-right-container" }, index.h("slot", { key: 'e3f21c2f91e64c844a95d40344104e8aff352013', name: "info" }), index.h("div", { key: 'a2c5b4d2dad3aa29116a8fe5d2bd4525b6a6ad5c', class: "footer-top-items" }, this.processedItems &&
-            this.processedItems.map((item, index$1) => (index.h(index.Fragment, null, index$1 > 0 && index.h("duet-spacer", { size: "x-large", direction: "horizontal" }), index.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: this.getTopItemButtonIcon(item), "icon-right": !this.isMessagingLink(item.href), "icon-size": this.isMessagingLink(item.href) ? "medium" : "medium-small", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label)))))))), index.h("slot", { key: '0058cff0a643b85a2373c0b2633f5d8d293cf639', name: "extra" }), index.h("p", { key: '6e0623c40daaab7ecf2ba1abb3e6f5935bac445b', class: "duet-footer-menu", part: "menu" }, index.h("span", { key: 'abb2319d06c15e6d423337f75f713e835188c326', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), index.h("span", { key: 'f0b19fd6cc3da55c0519ab7e499f9d24df20ebc8', class: "duet-footer-menu-links" }, this.processedMenu && (index.h(index.Fragment, { key: '308c16b052419e8570fe7e39a5708f45bb58a00d' }, this.processedMenu.map(item => (index.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 && (index.h(index.Fragment, null, index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), index.h("span", { class: "duet-footer-external" }, index.h("duet-icon", { icon: actionNewWindowSmall.newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))), index.h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), index.h("p", { key: '6308d6f3a762e1945a197a58efa9536c82412fdc', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }, part: "top" }, index.h("div", { key: '5a4e9f746ddacca61409f6d398474e142ddffe81', class: "footer-top-logo" }, index.h("duet-logo", { key: '9a80fbca3c693fdc4a659b4644b0de9ed23c6773', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), index.h("div", { key: 'ca9651a3a6c65b51931f237bc81d6f95fe779134', class: "footer-top-right-container" }, index.h("slot", { key: '7c84d38abbbc5618d311e8ef263a4a1aef8ae2b7', name: "info" }), index.h("div", { key: '488bde039351fbbf7618daaaa071b3420662e317', class: "footer-top-items" }, this.processedItems &&
+            this.processedItems.map((item, index$1) => (index.h(index.Fragment, null, index$1 > 0 && index.h("duet-spacer", { size: "x-large", direction: "horizontal" }), index.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: this.getTopItemButtonIcon(item), "icon-right": !this.isMessagingLink(item.href), "icon-size": this.isMessagingLink(item.href) ? "medium" : "medium-small", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label)))))))), index.h("slot", { key: '33805ebcfc7766486807318270595db1deedbb24', name: "extra" }), index.h("p", { key: '90ac218478d2659b7f74bb370d8066fd7ef7cf1c', class: "duet-footer-menu", part: "menu" }, index.h("span", { key: '957a273602b782e88c3e4bd9ae639a68cfd8b966', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), index.h("span", { key: 'd96e17ca5743ed26b331ecd377b6210dcf3e5a2a', class: "duet-footer-menu-links" }, this.processedMenu && (index.h(index.Fragment, { key: 'b1495de197bbd8ab5a4ca4c0feddf656e4bfc0b3' }, this.processedMenu.map(item => (index.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 && (index.h(index.Fragment, null, index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), index.h("span", { class: "duet-footer-external" }, index.h("duet-icon", { icon: actionNewWindowSmall.newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))), index.h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), index.h("p", { key: '8be41d3d9944acb6903a6f3caff06d6f8f9cd5cc', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {