@duetds/components 6.8.7 → 6.8.8

package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js

@@ -2,16 +2,12 @@
  * Built with Duet Design System
  */
 import { media_query_large } from "@duetds/tokens/lib/tokens.json";
-import { Build, h, Host } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 export class DuetSubmenuBar {
   constructor() {
     this.mql = [window.matchMedia(media_query_large.replace(/'/g, ""))];
     this.boundMqlFunctions = [];
-    this.observers = [];
-    this.setChildren = (children) => {
-      this.slotChildren = Array.from(children);
-    };
     this.changeAriaProperties = () => {
       if (this.mql[0].matches) {
         this.mobile = false;
@@ -24,7 +20,6 @@ export class DuetSubmenuBar {
       this.open = !this.open;
     };
     this.mobile = true;
-    this.slotChildren = [];
     this.theme = "";
     this.open = false;
     this.accessibleLabel = undefined;
@@ -34,6 +29,10 @@ export class DuetSubmenuBar {
    */
   componentWillLoad() {
     inheritGlobalTheme(this);
+    const children = Array.from(this.element.children);
+    for (const child of children) {
+      child.setAttribute("role", "listitem");
+    }
   }
   connectedCallback() {
     this.changeAriaProperties();
@@ -45,21 +44,6 @@ export class DuetSubmenuBar {
         this.boundMqlFunctions[i] = bound;
       }
     }
-    if (Build.isServer) {
-      return;
-    }
-    Array.from(this.element.children).forEach(child => {
-      const observer = new MutationObserver(() => {
-        this.setChildren(Array.from(this.element.children));
-      });
-      observer.observe(child, {
-        childList: true,
-        subtree: true,
-        attributes: true,
-        characterData: true,
-      });
-      this.observers = [...this.observers, observer];
-    });
   }
   disconnectedCallback() {
     for (let i = 0; i < this.mql.length; i++) {
@@ -69,11 +53,6 @@ export class DuetSubmenuBar {
       }
     }
     this.boundMqlFunctions = [];
-    if (Build.isServer) {
-      return;
-    }
-    this.observers.forEach(observer => observer.disconnect());
-    this.observers = [];
   }
   /**
    * Sets focus. Use this method instead of the global focus().
@@ -91,9 +70,7 @@ export class DuetSubmenuBar {
       }, onClick: this.onClick }, h("div", { class: "label" }, h("slot", { name: "label" }), h("duet-icon", { theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
         items: true,
         hidden: !this.open,
-      } }, h("ul", null, this.slotChildren
-      .filter(child => !child.hasAttribute("slot"))
-      .map(child => (h("li", { innerHTML: child.outerHTML }))))), h("div", { class: "hide" }, h("slot", null)))));
+      } }, h("div", { class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", null))))));
   }
   static get is() { return "duet-submenu-bar"; }
   static get encapsulation() { return "shadow"; }
@@ -171,8 +148,7 @@ export class DuetSubmenuBar {
   }
   static get states() {
     return {
-      "mobile": {},
-      "slotChildren": {}
+      "mobile": {}
     };
   }
   static get methods() {

package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.css

@@ -73,6 +73,11 @@
   outline: 0;
   box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179);
 }
+@media (min-width: 62em) {
+  .duet-submenu-bar-dropdown button.open {
+    background: rgb(230, 242, 248);
+  }
+}
 .duet-submenu-bar-dropdown button.open .caret {
   transform: rotate(180deg);
 }

package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.css

@@ -68,11 +68,6 @@
   background: rgb(0, 119, 179);
   transform: 1px;
 }
-@media (min-width: 62em) {
-  .duet-submenu-bar-dropdown-link.active .label::after {
-    display: none;
-  }
-}
 .duet-submenu-bar-dropdown-link.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);

package/lib/collection/components/duet-toolbar/duet-toolbar.css

@@ -41,14 +41,14 @@
   margin: 0 28px;
   border-bottom: 1px solid rgb(225, 227, 230);
 }
-.duet-toolbar ul {
+.duet-toolbar .list {
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 100%;
   list-style-type: none;
 }
-.duet-toolbar li {
+.duet-toolbar ::slotted(*) {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -59,7 +59,4 @@
 }
 .duet-toolbar.duet-theme-turva .container {
   border-bottom: 1px solid rgb(228, 228, 230);
-}
-.duet-toolbar .hide {
-  display: none;
 }

package/lib/collection/components/duet-toolbar/duet-toolbar.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { Build, h, Host } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 /**
  * @slot left - Slot for content in left side.
@@ -9,22 +9,6 @@ import { inheritGlobalTheme } from "../../common/themeable-component";
  */
 export class DuetToolbar {
   constructor() {
-    /**
-     * Own Properties.
-     */
-    this.observers = [];
-    this.setChildren = (children) => {
-      for (const child of children) {
-        if (child.getAttribute("slot") === "left") {
-          this.leftSlotChildren = Array.from(child.children);
-        }
-        else if (child.getAttribute("slot") === "right") {
-          this.rightSlotChildren = Array.from(child.children);
-        }
-      }
-    };
-    this.leftSlotChildren = [];
-    this.rightSlotChildren = [];
     this.theme = "";
     this.accessibleLabel = undefined;
   }
@@ -33,38 +17,26 @@ export class DuetToolbar {
    */
   componentWillLoad() {
     inheritGlobalTheme(this);
-    this.setChildren(Array.from(this.element.children));
-  }
-  connectedCallback() {
-    if (Build.isServer) {
-      return;
-    }
-    Array.from(this.element.children).forEach(child => {
-      const observer = new MutationObserver(() => {
-        this.setChildren(Array.from(this.element.children));
-      });
-      observer.observe(child, {
-        childList: true,
-        subtree: true,
-        attributes: true,
-        characterData: true,
-      });
-      this.observers = [...this.observers, observer];
-    });
-  }
-  disconnectedCallback() {
-    if (Build.isServer) {
-      return;
+    const children = Array.from(this.element.children);
+    for (const child of children) {
+      if (child.getAttribute("slot") === "left") {
+        for (const slotChild of Array.from(child.children)) {
+          slotChild.setAttribute("role", "listitem");
+        }
+      }
+      else if (child.getAttribute("slot") === "right") {
+        for (const slotChild of Array.from(child.children)) {
+          slotChild.setAttribute("role", "listitem");
+        }
+      }
     }
-    this.observers.forEach(observer => observer.disconnect());
-    this.observers = [];
   }
   /**
    * render() function
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, null, h("nav", { class: { "duet-toolbar": true, "duet-theme-turva": this.theme === "turva" }, "aria-label": this.accessibleLabel }, h("div", { class: "container" }, h("ul", null, this.leftSlotChildren.map(child => (h("li", { innerHTML: child.outerHTML })))), h("ul", null, this.rightSlotChildren.map(child => (h("li", { innerHTML: child.outerHTML }))))), h("div", { class: "hide" }, h("slot", { name: "left" }), h("slot", { name: "right" })))));
+    return (h(Host, null, h("nav", { class: { "duet-toolbar": true, "duet-theme-turva": this.theme === "turva" }, "aria-label": this.accessibleLabel }, h("div", { class: "container" }, h("div", { class: "list", role: "list" }, h("slot", { name: "left" })), h("div", { class: "list", role: "list" }, h("slot", { name: "right" }))))));
   }
   static get is() { return "duet-toolbar"; }
   static get encapsulation() { return "shadow"; }
@@ -122,11 +94,5 @@ export class DuetToolbar {
       }
     };
   }
-  static get states() {
-    return {
-      "leftSlotChildren": {},
-      "rightSlotChildren": {}
-    };
-  }
   static get elementRef() { return "element"; }
 }

package/lib/dist-custom-elements/duet-action-button.js

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

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

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

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-05af1562.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-18928f76.js';
 
 const DuetBadge = DuetBadge$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-9c053778.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-59650585.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-1460a593.js';
+import { d as defineCustomElement$2 } from './p-c9182b8c.js';
 
 const duetBreadcrumbCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;font-weight:inherit;color:rgb(0, 41, 77);text-decoration:none}.duet-breadcrumb:hover{color:rgb(0, 77, 128)}.duet-breadcrumb.duet-theme-turva{color:rgb(23, 28, 58)}.duet-breadcrumb.duet-theme-turva:hover{color:rgb(148, 9, 37)}.duet-breadcrumb:focus{outline:0}.duet-breadcrumb:active{opacity:0.75}:host(.user-is-tabbing) .duet-breadcrumb:focus{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-breadcrumb.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-breadcrumb.duet-breadcrumb-without-href:hover{color:rgb(0, 41, 77)}.duet-breadcrumb.duet-breadcrumb-without-href.duet-theme-turva:hover{color:rgb(23, 28, 58)}.duet-breadcrumb.duet-breadcrumb-without-href:active{opacity:1}";
 

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-9c053778.js';
+import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-59650585.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { g as getLocaleString } from './p-6c05e879.js';
-import { d as defineCustomElement$2 } from './p-1460a593.js';
+import { d as defineCustomElement$2 } from './p-c9182b8c.js';
 
 var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};
 

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

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

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

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

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-9c053778.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-59650585.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 { g as getColorByName } from './p-9ed347f9.js';
-import { d as defineCustomElement$3 } from './p-1460a593.js';
-import { d as defineCustomElement$2 } from './p-29949e1b.js';
+import { d as defineCustomElement$3 } from './p-c9182b8c.js';
+import { d as defineCustomElement$2 } from './p-0531827c.js';
 
 const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const duetBlock = "div";

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

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

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-19150a67.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-0ca98fac.js';
 
 const DuetCheckmark = DuetCheckmark$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-9c053778.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-59650585.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { f as findCheckedOption, w as watchForOptions } from './p-12721178.js';
-import { d as defineCustomElement$6 } from './p-69659e26.js';
-import { d as defineCustomElement$5 } from './p-4a21157d.js';
-import { d as defineCustomElement$4 } from './p-1460a593.js';
-import { d as defineCustomElement$3 } from './p-d0fad319.js';
-import { d as defineCustomElement$2 } from './p-d4fea7f4.js';
+import { d as defineCustomElement$6 } from './p-11968273.js';
+import { d as defineCustomElement$5 } from './p-8330affc.js';
+import { d as defineCustomElement$4 } from './p-c9182b8c.js';
+import { d as defineCustomElement$3 } from './p-4de93a4d.js';
+import { d as defineCustomElement$2 } from './p-54680d09.js';
 
 const duetChoiceGroupCss = "*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";
 

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-9c053778.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-59650585.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-69659e26.js';
-import { d as defineCustomElement$4 } from './p-1460a593.js';
-import { d as defineCustomElement$3 } from './p-29949e1b.js';
-import { d as defineCustomElement$2 } from './p-d4fea7f4.js';
+import { d as defineCustomElement$5 } from './p-11968273.js';
+import { d as defineCustomElement$4 } from './p-c9182b8c.js';
+import { d as defineCustomElement$3 } from './p-0531827c.js';
+import { d as defineCustomElement$2 } from './p-54680d09.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-9c053778.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-59650585.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-1460a593.js';
+import { d as defineCustomElement$2 } from './p-c9182b8c.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-9c053778.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-59650585.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-1460a593.js';
+import { d as defineCustomElement$2 } from './p-c9182b8c.js';
 
 const SelectSingle = ({ item, search = "", selected }) => {
   const regEx = search !== "" ? new RegExp("(" + search.split(" ").join("|") + ")", "gi") : undefined;
@@ -82,6 +82,7 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.value = undefined;
     this.minCharacters = 1;
     this.openListOnClick = false;
+    this.filterType = "startsWith";
   }
   activeItemHandler(state) {
     this.input.accessibleActiveDescendant = this.listOpen && (state || state === 0) ? `active_item` : "";
@@ -319,10 +320,10 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
       var _a, _b, _c, _d;
       // filter by name and value
       // if value contains inputvalue
-      return ((_a = String(item.value)) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith((_b = this.inputValue) === null || _b === void 0 ? void 0 : _b.toLowerCase())) ||
+      return ((_a = String(item.value)) === null || _a === void 0 ? void 0 : _a.toLowerCase()[this.filterType]((_b = this.inputValue) === null || _b === void 0 ? void 0 : _b.toLowerCase())) ||
         (
         // if name contains input value
-        (_c = String(item.name)) === null || _c === void 0 ? void 0 : _c.toLowerCase().startsWith((_d = this.inputValue) === null || _d === void 0 ? void 0 : _d.toLowerCase())) ||
+        (_c = String(item.name)) === null || _c === void 0 ? void 0 : _c.toLowerCase()[this.filterType]((_d = this.inputValue) === null || _d === void 0 ? void 0 : _d.toLowerCase())) ||
         // if the item is selected
         this.selectedItems.has(item.id);
     });
@@ -377,6 +378,7 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     "value": [1537],
     "minCharacters": [2, "min-characters"],
     "openListOnClick": [4, "open-list-on-click"],
+    "filterType": [1, "filter-type"],
     "processedItems": [32],
     "inputWidth": [32],
     "inputValue": [32],

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-9c053778.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-59650585.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-30637273.js';
-import { d as defineCustomElement$7 } from './p-f316bb52.js';
-import { d as defineCustomElement$6 } from './p-1460a593.js';
-import { d as defineCustomElement$5 } from './p-18ecc42e.js';
-import { d as defineCustomElement$4 } from './p-8b969843.js';
-import { d as defineCustomElement$3 } from './p-4d8d1b92.js';
-import { d as defineCustomElement$2 } from './p-d4fea7f4.js';
+import { d as defineCustomElement$8 } from './p-9a6eda30.js';
+import { d as defineCustomElement$7 } from './p-aecb0a5e.js';
+import { d as defineCustomElement$6 } from './p-c9182b8c.js';
+import { d as defineCustomElement$5 } from './p-94ae95da.js';
+import { d as defineCustomElement$4 } from './p-4d94ed39.js';
+import { d as defineCustomElement$3 } from './p-ea9a3c47.js';
+import { d as defineCustomElement$2 } from './p-54680d09.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-9c053778.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-59650585.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$6 } from './p-30637273.js';
-import { d as defineCustomElement$5 } from './p-1460a593.js';
-import { d as defineCustomElement$4 } from './p-29949e1b.js';
-import { d as defineCustomElement$3 } from './p-4d8d1b92.js';
-import { d as defineCustomElement$2 } from './p-d4fea7f4.js';
+import { d as defineCustomElement$6 } from './p-9a6eda30.js';
+import { d as defineCustomElement$5 } from './p-c9182b8c.js';
+import { d as defineCustomElement$4 } from './p-0531827c.js';
+import { d as defineCustomElement$3 } from './p-ea9a3c47.js';
+import { d as defineCustomElement$2 } from './p-54680d09.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-9c053778.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-59650585.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-15a0e9fd.js';
-import { d as defineCustomElement$9 } from './p-30637273.js';
-import { d as defineCustomElement$8 } from './p-69659e26.js';
-import { d as defineCustomElement$7 } from './p-1460a593.js';
-import { d as defineCustomElement$6 } from './p-7c186545.js';
-import { d as defineCustomElement$5 } from './p-194c6d5b.js';
-import { d as defineCustomElement$4 } from './p-4d8d1b92.js';
-import { d as defineCustomElement$3 } from './p-d0fad319.js';
-import { d as defineCustomElement$2 } from './p-d4fea7f4.js';
+import { d as defineCustomElement$a } from './p-d3e9fa79.js';
+import { d as defineCustomElement$9 } from './p-9a6eda30.js';
+import { d as defineCustomElement$8 } from './p-11968273.js';
+import { d as defineCustomElement$7 } from './p-c9182b8c.js';
+import { d as defineCustomElement$6 } from './p-18eb8a09.js';
+import { d as defineCustomElement$5 } from './p-c23454c0.js';
+import { d as defineCustomElement$4 } from './p-ea9a3c47.js';
+import { d as defineCustomElement$3 } from './p-4de93a4d.js';
+import { d as defineCustomElement$2 } from './p-54680d09.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-a4e7ed86.js';
+import { D as DuetDivider$1, d as defineCustomElement$1 } from './p-a50a98c7.js';
 
 const DuetDivider = DuetDivider$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetEditableTable$1, d as defineCustomElement$1 } from './p-fdc72d0f.js';
+import { D as DuetEditableTable$1, d as defineCustomElement$1 } from './p-6c7f6492.js';
 
 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-5343b436.js';
+import { D as DuetEmptyState$1, d as defineCustomElement$1 } from './p-321ebafe.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-4a21157d.js';
+import { D as DuetFieldset$1, d as defineCustomElement$1 } from './p-8330affc.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-9c053778.js';
+import { p as proxyCustomElement, H, c as createEvent$1, h, F as Fragment } from './p-59650585.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-1460a593.js';
-import { d as defineCustomElement$3 } from './p-136bba51.js';
-import { d as defineCustomElement$2 } from './p-d4fea7f4.js';
+import { d as defineCustomElement$4 } from './p-c9182b8c.js';
+import { d as defineCustomElement$3 } from './p-a93335f6.js';
+import { d as defineCustomElement$2 } from './p-54680d09.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>"};