@duetds/components 6.8.9 → 6.9.0

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

@@ -1,17 +1,17 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-0f07edcd.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-0d1b84db.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { D as DuetStringsExternalDefaults } from './p-76f00bd5.js';
 import { c as createID } from './p-c1325e35.js';
 import { F as FocusGuard } from './p-efaad71c.js';
 import { i as isKeyboardClick, a as isQuestionKey, b as isEscapeKey } from './p-d8549efe.js';
 import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-6c05e879.js';
-import { d as defineCustomElement$5 } from './p-03367341.js';
-import { d as defineCustomElement$4 } from './p-cefc1697.js';
-import { d as defineCustomElement$3 } from './p-e95c3a28.js';
-import { d as defineCustomElement$2 } from './p-eabaa24d.js';
+import { d as defineCustomElement$5 } from './p-29b2c3bb.js';
+import { d as defineCustomElement$4 } from './p-d6a4de03.js';
+import { d as defineCustomElement$3 } from './p-7a4bdb83.js';
+import { d as defineCustomElement$2 } from './p-85fd8f09.js';
 
 var messagingInfo={"title":"messaging-info","tags":"messaging info information circle","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z\"/><circle cx=\"11.625\" cy=\"7.125\" r=\"1.125\"/><path d=\"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z\"/></svg>"};
 

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-0f07edcd.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-0d1b84db.js';
 import { a as actionArrowDownSmall } from './p-115c79b6.js';
 import { f as font_size_medium, t as tokens } from './p-c4d8cad0.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 import { i as isKeyboardClick } from './p-d8549efe.js';
 import { s as sanitizeString } from './p-5a9d75e1.js';
-import { d as defineCustomElement$2 } from './p-cefc1697.js';
+import { d as defineCustomElement$2 } from './p-d6a4de03.js';
 
 const duetCollapsibleCss = "*,*::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:16px !important;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:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}:host(.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\";color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;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;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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\";color:rgb(23, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;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(0, 41, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.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\";color:rgb(23, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{flex:0 auto;min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{flex:1 0 auto;margin-left:16px}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}:host(.user-is-tabbing.duet-theme-turva) .duet-collapsible-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(0, 41, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}";
 

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-0f07edcd.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-0d1b84db.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { d as debounce } from './p-0b3f675e.js';
 import { c as isEnterKey, b as isEscapeKey, d as isTabKey, e as isArrowUpKey, f as isArrowDownKey } from './p-d8549efe.js';
 import { g as getLocaleString, a as getLanguage } from './p-6c05e879.js';
 import { p as parsePossibleJSON } from './p-5a9d75e1.js';
 import { h, F as Fragment } from './p-152ee893.js';
-import { d as defineCustomElement$2 } from './p-cefc1697.js';
+import { d as defineCustomElement$2 } from './p-d6a4de03.js';
 
 const SelectSingle = ({ item, search = "", selected }) => {
   const regEx = search !== "" ? new RegExp("(" + search.split(" ").join("|") + ")", "gi") : undefined;

package/lib/dist-custom-elements/duet-contact-card.js

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-0f07edcd.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-0d1b84db.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-6c05e879.js';
-import { d as defineCustomElement$8 } from './p-23e46e22.js';
-import { d as defineCustomElement$7 } from './p-db993558.js';
-import { d as defineCustomElement$6 } from './p-cefc1697.js';
-import { d as defineCustomElement$5 } from './p-fa582233.js';
-import { d as defineCustomElement$4 } from './p-babace4d.js';
-import { d as defineCustomElement$3 } from './p-2697a4f6.js';
-import { d as defineCustomElement$2 } from './p-eabaa24d.js';
+import { d as defineCustomElement$8 } from './p-dde8e436.js';
+import { d as defineCustomElement$7 } from './p-c820f65e.js';
+import { d as defineCustomElement$6 } from './p-d6a4de03.js';
+import { d as defineCustomElement$5 } from './p-17d43428.js';
+import { d as defineCustomElement$4 } from './p-e1de0408.js';
+import { d as defineCustomElement$3 } from './p-9d23386f.js';
+import { d as defineCustomElement$2 } from './p-85fd8f09.js';
 
 const duetContactCardCss = "*,*::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}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns: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(0, 41, 77)}.duet-contact-card.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\";color:rgb(23, 28, 58)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;word-break:break-all}";
 

package/lib/dist-custom-elements/duet-cookie-consent.js

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-0f07edcd.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-0d1b84db.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$6 } from './p-23e46e22.js';
-import { d as defineCustomElement$5 } from './p-cefc1697.js';
-import { d as defineCustomElement$4 } from './p-e95c3a28.js';
-import { d as defineCustomElement$3 } from './p-2697a4f6.js';
-import { d as defineCustomElement$2 } from './p-eabaa24d.js';
+import { d as defineCustomElement$6 } from './p-dde8e436.js';
+import { d as defineCustomElement$5 } from './p-d6a4de03.js';
+import { d as defineCustomElement$4 } from './p-7a4bdb83.js';
+import { d as defineCustomElement$3 } from './p-9d23386f.js';
+import { d as defineCustomElement$2 } from './p-85fd8f09.js';
 
 const duetCookieConsentCss = "*,*::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;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-cookie-consent{padding:20px;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;color:rgb(255, 255, 255) !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.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-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:rgb(255, 255, 255) !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+\") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}";
 

package/lib/dist-custom-elements/duet-date-picker.js

@@ -1,21 +1,21 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-0f07edcd.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-0d1b84db.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 import { F as FocusGuard } from './p-efaad71c.js';
 import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-6c05e879.js';
 import { h } from './p-152ee893.js';
-import { d as defineCustomElement$a } from './p-0853da89.js';
-import { d as defineCustomElement$9 } from './p-23e46e22.js';
-import { d as defineCustomElement$8 } from './p-03367341.js';
-import { d as defineCustomElement$7 } from './p-cefc1697.js';
-import { d as defineCustomElement$6 } from './p-4af6c136.js';
-import { d as defineCustomElement$5 } from './p-297a6774.js';
-import { d as defineCustomElement$4 } from './p-2697a4f6.js';
-import { d as defineCustomElement$3 } from './p-8563290f.js';
-import { d as defineCustomElement$2 } from './p-eabaa24d.js';
+import { d as defineCustomElement$a } from './p-41ef88f4.js';
+import { d as defineCustomElement$9 } from './p-dde8e436.js';
+import { d as defineCustomElement$8 } from './p-29b2c3bb.js';
+import { d as defineCustomElement$7 } from './p-d6a4de03.js';
+import { d as defineCustomElement$6 } from './p-4b4a086d.js';
+import { d as defineCustomElement$5 } from './p-c4a3d30d.js';
+import { d as defineCustomElement$4 } from './p-9d23386f.js';
+import { d as defineCustomElement$3 } from './p-26d32594.js';
+import { d as defineCustomElement$2 } from './p-85fd8f09.js';
 
 const formatOptionsShort = { day: "numeric", month: "long" };
 const formatOptionsLong = { day: "numeric", month: "long", year: "numeric" };

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

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

package/lib/dist-custom-elements/duet-editable-table.js

@@ -1,7 +1,244 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetEditableTable$1, d as defineCustomElement$1 } from './p-00635432.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-0d1b84db.js';
+import { i as inheritGlobalTheme } from './p-4ebf1618.js';
+import { f as fieldSorter } from './p-0b3f675e.js';
+import { i as isKeyboardClick } from './p-d8549efe.js';
+import { g as getLocaleString } from './p-6c05e879.js';
+import { h } from './p-152ee893.js';
+import { d as defineCustomElement$7 } from './p-41ef88f4.js';
+import { d as defineCustomElement$6 } from './p-dde8e436.js';
+import { d as defineCustomElement$5 } from './p-d6a4de03.js';
+import { d as defineCustomElement$4 } from './p-9d23386f.js';
+import { d as defineCustomElement$3 } from './p-47ba781e.js';
+import { d as defineCustomElement$2 } from './p-85fd8f09.js';
+
+//simple functional component that renders the data in the table
+const TableData = ({ data, groupId, alignment }, _children) => {
+  const classNames = `duet-editable-table duet-editable-table-content-${groupId}`;
+  if (typeof data === "string") {
+    return h("td", { innerHTML: data, class: classNames, part: `${groupId}content`, style: { verticalAlign: alignment } });
+  }
+  else {
+    return (h("td", { class: classNames, part: `${groupId}content`, style: { verticalAlign: alignment } }, data));
+  }
+};
+
+const duetEditableTableCss = ".sc-duet-editable-table-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-editable-table-actions-menu.sc-duet-editable-table{position:relative;padding:0 !important;margin:0}.duet-editable-table-actions-menu-button.sc-duet-editable-table{position:relative;right:-16px;float:right;padding:0}.duet-editable-table-actions-menu-icon.sc-duet-editable-table .duet-icon.sc-duet-editable-table{max-width:16px;max-height:16px}.duet-editable-table-row.duet-table-action-row.sc-duet-editable-table .duet-text-right.sc-duet-editable-table{text-align:right}.duet-editable-table-header.sc-duet-editable-table tr.sc-duet-editable-table .duet-editable-table-header-hidden.sc-duet-editable-table{padding:0 !important;font-size:0;border-bottom:0}";
+
+const DuetEditableTable$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.duetTableToggle = createEvent(this, "duetTableToggle", 7);
+    this.duetMenuClick = createEvent(this, "duetMenuClick", 7);
+    this.hasHeadSlotFirst = false;
+    this.hasHeadSlotLast = false;
+    this.sortableDefaultLabel = {
+      fi: "Järjestä",
+      en: "Click to sort",
+      sv: "Klicka för att sortera",
+    };
+    this.actionColumnLabel = {
+      en: "Actions for rows",
+      fi: "Toiminnot rivillä",
+      sv: "Åtgärder för rader",
+    };
+    /**
+     * Private methods.
+     */
+    this.toggleColumn = (column, e) => {
+      e.preventDefault();
+      const { sort_order, direction, index, key } = column;
+      this.duetTableToggle.emit({
+        sort_order,
+        index,
+        direction,
+        key,
+        component: "duet-editable-table",
+        originalEvent: e,
+      });
+    };
+    this.handleKeyDown = (column, e) => {
+      if (isKeyboardClick(e)) {
+        this.toggleColumn(column, e);
+      }
+    };
+    this.margin = "auto";
+    this.variation = "striped";
+    this.sticky = false;
+    this.stickyDistance = "with-links";
+    this.breakpoint = "small";
+    this.actions = undefined;
+    this.columns = undefined;
+    this.rows = undefined;
+    this.sortable = false;
+    this.groupId = "";
+    this.theme = "";
+    this.accessibleRole = undefined;
+    this.hideHeadVisually = false;
+  }
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad() {
+    inheritGlobalTheme(this);
+    this.hasHeadSlotFirst = !!this.element.querySelector("[slot='thead-first']");
+    this.hasHeadSlotLast = !!this.element.querySelector("[slot='thead-last']");
+  }
+  createLabel(column) {
+    const { sort_order, direction, index, label } = column;
+    const i18nLabel = getLocaleString(label);
+    if (!this.sortable) {
+      return i18nLabel;
+    }
+    const getButtonIcon = () => {
+      // "action-subtract-small" https://cdn.duetds.com/api/icons/2.2.12/lib/assets/action-subtract-small.svg
+      // "action-arrow-down-small" https://cdn.duetds.com/api/icons/2.2.12/lib/assets/action-arrow-down-small.svg
+      // "action-arrow-up-small" https://cdn.duetds.com/api/icons/2.2.12/lib/assets/action-arrow-up-small.svg
+      if (!!sort_order && direction === 1) {
+        return "action-arrow-down-small";
+      }
+      else if (!!sort_order && direction === -1) {
+        return "action-arrow-up-small";
+      }
+      return "action-subtract-small";
+    };
+    return (h$1("span", { class: "duet-table-label", "data-index": index }, h$1("duet-button", { size: "small", icon: getButtonIcon(), "icon-size": "medium-small", "accessible-label": getLocaleString(this.sortableDefaultLabel), variation: "plain", margin: "none", "icon-right": true, onClick: event => this.toggleColumn(column, event), onKeyDown: event => this.handleKeyDown(column, event) }, i18nLabel)));
+  }
+  getSortedColumns() {
+    //create a new array from sort instead of mutating original
+    return [...this.columns].sort(fieldSorter(["index"]));
+  }
+  getRowSortOrder() {
+    //create a new array from sort instead of mutating original
+    const fields = [...this.columns].sort(fieldSorter(["sort_order"]));
+    //return only key from objects that have sort_order
+    return fields
+      .filter(column => column.sort_order)
+      .map(column => {
+      // add - in-front of descending direction (required by field-sorter)
+      return column.direction === -1 ? `-${column.key}` : column.key;
+    });
+  }
+  renderTableHeader() {
+    if (!this.columns) {
+      return;
+    }
+    const sortedColumns = this.getSortedColumns();
+    return (h$1("tr", { class: {
+        "duet-table-action-header": !!this.actions,
+      } }, sortedColumns.map(column => {
+      if (column.display !== false) {
+        const label = this.createLabel(column);
+        return label !== "" ? h$1("th", { scope: "col" }, label) : h$1("td", null);
+      }
+    }), this.actions && (h$1("th", { scope: "col", class: "duet-table-action-header-heading" }, this.actions && h$1("duet-visually-hidden", null, getLocaleString(this.actionColumnLabel))))));
+  }
+  renderActions(rowItem, index) {
+    // escape early
+    if (!this.actions) {
+      return;
+    }
+    // iterate through actions and add them in the sidebar
+    return (h$1("td", { class: "duet-text-right" }, this.actions.map(actionItem => {
+      return (h$1("duet-action-button", { actionMeta: Object.assign({}, (rowItem === null || rowItem === void 0 ? void 0 : rowItem.meta) || {}, { index }), actionId: (rowItem === null || rowItem === void 0 ? void 0 : rowItem.uid) || (rowItem === null || rowItem === void 0 ? void 0 : rowItem.id) || null, actionName: actionItem.name, theme: this.theme, iconName: actionItem.icon, iconColor: actionItem.color, iconSize: actionItem.size, background: actionItem.background, "accessible-label": `${rowItem.actionDescription || ""} ${getLocaleString(actionItem.label)} ` }));
+    })));
+  }
+  renderTableBody() {
+    const columns = this.getSortedColumns();
+    const rowSortOrder = this.getRowSortOrder();
+    const sortedRows = [...this.rows].sort(fieldSorter(rowSortOrder));
+    // return a tbody with rows for each item in sortedRows
+    return sortedRows.map((row, index) => (h$1("tr", { class: {
+        "duet-table-action-row": !!this.actions,
+        "duet-editable-table-row": true,
+        [`duet-editable-table-row-${this.groupId}`]: true,
+      }, "data-meta": JSON.stringify(row.meta) }, columns.map(column => {
+      //if we don't have any data for this column, try getting an item instead (for backwards compatibility
+      const value = row[column.key] ? row[column.key] : row.item;
+      if (column.display !== false) {
+        return h$1(TableData, { data: value, groupId: this.groupId });
+      }
+    }), this.actions && this.renderActions(row, index))));
+  }
+  /**
+   * Render Methods
+   */
+  render() {
+    return (h$1(Host, { class: {
+        [`duet-editable-table-${this.variation}`]: true,
+        "duet-editable-table": true,
+        [`duet-editable-table-${this.theme}`]: true,
+        // sticky only valid when in regular table layout
+        "duet-editable-table-scrollable": this.breakpoint === "none-scrollable",
+        "duet-editable-table-sortable": this.sortable,
+        "duet-editable-table-actions": !!this.actions,
+        "duet-m-0": this.margin === "none",
+        "duet-theme-turva": this.theme === "turva",
+      } }, h$1("duet-table", { 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$1("table", { role: this.accessibleRole }, h$1("caption", null, h$1("slot", { name: "tcaption" })), h$1("thead", null, this.hasHeadSlotFirst && (h$1("tr", null, h$1("td", { class: "duet-editable-table-actions-menu", colSpan: 99 }, h$1("slot", { name: "thead-first" })))), this.renderTableHeader(), this.hasHeadSlotLast && (h$1("tr", null, h$1("td", { class: "duet-editable-table-actions-menu", colSpan: 99 }, h$1("slot", { name: "thead-last" }))))), h$1("tbody", null, this.renderTableBody()), h$1("tfoot", null, h$1("tr", null, h$1("th", { class: "duet-editable-table-footer-menu", colSpan: 99 }, h$1("slot", { name: "tfoot" }))))))));
+  }
+  get element() { return this; }
+  static get style() { return duetEditableTableCss; }
+}, [6, "duet-editable-table", {
+    "margin": [1],
+    "variation": [1],
+    "sticky": [4],
+    "stickyDistance": [1, "sticky-distance"],
+    "breakpoint": [1],
+    "actions": [1040],
+    "columns": [1040],
+    "rows": [1040],
+    "sortable": [4],
+    "groupId": [1, "group-id"],
+    "theme": [1025],
+    "accessibleRole": [1, "accessible-role"],
+    "hideHeadVisually": [4, "hide-head-visually"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["duet-editable-table", "duet-action-button", "duet-button", "duet-icon", "duet-spinner", "duet-table", "duet-visually-hidden"];
+  components.forEach(tagName => { switch (tagName) {
+    case "duet-editable-table":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DuetEditableTable$1);
+      }
+      break;
+    case "duet-action-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "duet-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "duet-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "duet-spinner":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "duet-table":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "duet-visually-hidden":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
 
 const DuetEditableTable = DuetEditableTable$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-empty-state.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetEmptyState$1, d as defineCustomElement$1 } from './p-fbfbd3c9.js';
+import { D as DuetEmptyState$1, d as defineCustomElement$1 } from './p-890a9b12.js';
 
 const DuetEmptyState = DuetEmptyState$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetFieldset$1, d as defineCustomElement$1 } from './p-48ee4427.js';
+import { D as DuetFieldset$1, d as defineCustomElement$1 } from './p-9eba8647.js';
 
 const DuetFieldset = DuetFieldset$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent$1, h, F as Fragment } from './p-0f07edcd.js';
+import { p as proxyCustomElement, H, c as createEvent$1, h, F as Fragment } from './p-0d1b84db.js';
 import { a as actionArrowRight } from './p-6fa39608.js';
 import { a as actionNewWindowSmall } from './p-f11208c3.js';
 import { D as DuetStringsExternalDefaults } from './p-76f00bd5.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-6c05e879.js';
 import { p as parsePossibleJSON } from './p-5a9d75e1.js';
-import { d as defineCustomElement$4 } from './p-cefc1697.js';
-import { d as defineCustomElement$3 } from './p-2f2a5be2.js';
-import { d as defineCustomElement$2 } from './p-eabaa24d.js';
+import { d as defineCustomElement$4 } from './p-d6a4de03.js';
+import { d as defineCustomElement$3 } from './p-945a2c0c.js';
+import { d as defineCustomElement$2 } from './p-85fd8f09.js';
 
 var actionNewWindow={"title":"action-new-window","tags":"arrow open new window tab external link square box rectangle action","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M10.25 2a.75.75 0 1 1 0 1.5h-6.5A2.252 2.252 0 0 0 1.5 5.75v14.5a2.252 2.252 0 0 0 2.25 2.25h14.5a2.252 2.252 0 0 0 2.25-2.25v-6.5a.75.75 0 0 1 1.5 0v6.5A3.754 3.754 0 0 1 18.25 24H3.75A3.754 3.754 0 0 1 0 20.25V5.75A3.754 3.754 0 0 1 3.75 2zm12.985-2c.1 0 .198.02.29.058l.025.011a.726.726 0 0 1 .15.091l.066.059a.755.755 0 0 1 .109.138l.051.1c.04.092.06.192.06.293l-.001 6.363c0 .2-.078.389-.22.53a.743.743 0 0 1-.53.22.743.743 0 0 1-.53-.22.743.743 0 0 1-.22-.53V2.559L15.28 9.764a.75.75 0 0 1-1.06-1.06l7.204-7.205h-4.553a.744.744 0 0 1-.75-.75c0-.2.078-.388.22-.53A.743.743 0 0 1 16.87 0z\"/></svg>"};
 

package/lib/dist-custom-elements/duet-grid-item.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetGridItem$1, d as defineCustomElement$1 } from './p-88d347ec.js';
+import { D as DuetGridItem$1, d as defineCustomElement$1 } from './p-19ad4945.js';
 
 const DuetGridItem = DuetGridItem$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetGrid$1, d as defineCustomElement$1 } from './p-4b9ef5dc.js';
+import { D as DuetGrid$1, d as defineCustomElement$1 } from './p-e48e8201.js';
 
 const DuetGrid = DuetGrid$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent$1, B as Build, h as h$1, d as Host, F as Fragment } from './p-0f07edcd.js';
+import { p as proxyCustomElement, H, c as createEvent$1, B as Build, h as h$1, d as Host, F as Fragment } from './p-0d1b84db.js';
 import { f as formSearch } from './p-d004da5f.js';
 import { m as media_query_large } from './p-c4d8cad0.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './p-bd779757.js';
@@ -12,13 +12,13 @@ import { a as getLanguage, g as getLocaleString } from './p-6c05e879.js';
 import { p as parsePossibleJSON } from './p-5a9d75e1.js';
 import { a as actionArrowDownSmall } from './p-115c79b6.js';
 import { h } from './p-152ee893.js';
-import { d as defineCustomElement$8 } from './p-23e46e22.js';
-import { d as defineCustomElement$7 } from './p-aa453ca9.js';
-import { d as defineCustomElement$6 } from './p-cefc1697.js';
-import { d as defineCustomElement$5 } from './p-2f2a5be2.js';
-import { d as defineCustomElement$4 } from './p-e95c3a28.js';
-import { d as defineCustomElement$3 } from './p-2697a4f6.js';
-import { d as defineCustomElement$2 } from './p-eabaa24d.js';
+import { d as defineCustomElement$8 } from './p-dde8e436.js';
+import { d as defineCustomElement$7 } from './p-d0dea200.js';
+import { d as defineCustomElement$6 } from './p-d6a4de03.js';
+import { d as defineCustomElement$5 } from './p-945a2c0c.js';
+import { d as defineCustomElement$4 } from './p-7a4bdb83.js';
+import { d as defineCustomElement$3 } from './p-9d23386f.js';
+import { d as defineCustomElement$2 } from './p-85fd8f09.js';
 
 var navigationContactDropdown={"title":"navigation-contact-dropdown","tags":"navigation contact dropdown speech bubbles","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M20.247 24a.743.743 0 0 1-.53-.22l-4.28-4.28h-.439c-3.308 0-6-2.692-6-6s2.692-6 6-6h3c3.309.001 6 2.692 6 6a5.974 5.974 0 0 1-3 5.179v4.571a.75.75 0 0 1-.751.75zm-5.25-15c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5h.75c.198 0 .391.08.53.22l3.22 3.22v-3.213c0-.289.169-.555.429-.678a4.51 4.51 0 0 0 2.571-4.049 4.504 4.504 0 0 0-4.498-4.499h-3.002z\"/><path d=\"M3.747 16.5a.747.747 0 0 1-.75-.75v-4.57a5.967 5.967 0 0 1-2.65-3.171A5.948 5.948 0 0 1 .57 3.431 6.014 6.014 0 0 1 5.985 0h3.012a6.04 6.04 0 0 1 5.752 4.286.751.751 0 0 1-.718.964.755.755 0 0 1-.719-.536A4.531 4.531 0 0 0 8.997 1.5h-3a4.511 4.511 0 0 0-4.071 2.572c-.512 1.084-.571 2.302-.167 3.431s1.224 2.032 2.308 2.545c.261.123.43.39.43.678v3.214l1.72-1.72a.744.744 0 0 1 1.06 0 .752.752 0 0 1 0 1.061l-3 3a.744.744 0 0 1-.53.219z\"/></svg>"};
 

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

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