@duetds/components 7.1.2 → 8.0.0

package/lib/collection/components/duet-upload/duet-upload.e2e.js

@@ -22,12 +22,11 @@ describe("duet-upload", () => {
     const component = await page.find("duet-upload");
     expect(component).not.toBeNull();
     const errorCodes = (await component.getProperty("errorCodes")) || null;
-    console.log(errorCodes);
     expect(errorCodes).not.toBeNull();
-    console.log(errorCodes);
     expect(errorCodes[0].type).toBe("default");
   });
-  it("should provide a way to change errorCodes", async () => {
+  // TODO: gives js not found error
+  it.skip("should provide a way to change errorCodes", async () => {
     const page = await createPage(`<duet-upload files=${fileList}></duet-upload>`);
     const component = await page.find("duet-upload");
     const errorCodes = (await component.getProperty("errorCodes")) || null;

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

@@ -995,7 +995,7 @@ export class DuetUpload {
           "references": {
             "XHRInternalMiddleWare": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
               "id": "src/components/duet-upload/duet-upload.tsx::XHRInternalMiddleWare"
             }
           }
@@ -1381,7 +1381,7 @@ export class DuetUpload {
           "references": {
             "StringMap": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
               "id": "src/components/duet-upload/duet-upload.tsx::StringMap"
             }
           }
@@ -1927,7 +1927,7 @@ export class DuetUpload {
           "references": {
             "DuetUploadTableGroupName": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
               "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadTableGroupName"
             }
           }
@@ -1970,7 +1970,7 @@ export class DuetUpload {
           "references": {
             "DuetUploadEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
               "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
             }
           }
@@ -1991,7 +1991,7 @@ export class DuetUpload {
           "references": {
             "DuetUploadEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
               "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
             }
           }
@@ -2012,7 +2012,7 @@ export class DuetUpload {
           "references": {
             "DuetUploadEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
               "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
             }
           }
@@ -2033,7 +2033,7 @@ export class DuetUpload {
           "references": {
             "DuetUploadEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
               "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
             }
           }
@@ -2054,7 +2054,7 @@ export class DuetUpload {
           "references": {
             "DuetUploadEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
               "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
             }
           }
@@ -2075,7 +2075,7 @@ export class DuetUpload {
           "references": {
             "DuetUploadEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
               "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
             }
           }
@@ -2096,7 +2096,7 @@ export class DuetUpload {
           "references": {
             "DuetUploadEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
               "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
             }
           }
@@ -2117,7 +2117,7 @@ export class DuetUpload {
           "references": {
             "DuetUploadEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
               "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
             }
           }
@@ -2138,7 +2138,7 @@ export class DuetUpload {
           "references": {
             "DuetUploadEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
               "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
             }
           }
@@ -2159,7 +2159,7 @@ export class DuetUpload {
           "references": {
             "DuetUploadEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
               "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
             }
           }
@@ -2180,7 +2180,7 @@ export class DuetUpload {
           "references": {
             "DuetUploadEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
               "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
             }
           }

package/lib/collection/components/duet-upload-item/duet-upload-item.css

@@ -0,0 +1,3 @@
+.file-link::part(duet-link) {
+  text-decoration: none;
+}

package/lib/collection/components/duet-upload-item/duet-upload-item.js

@@ -66,7 +66,7 @@ export class DuetUploadItem {
       case "failure":
         return (h("span", { class: "duet-upload-item-error", role: "status" }, h("duet-paragraph", { class: "duet-upload-item-name", color: "danger", margin: "none", weight: "semi-bold" }, h("duet-icon", { margin: "none", size: "x-small", name: "messaging-attachment" }), h("duet-spacer", { size: "xx-small", direction: "horizontal" }), name), h("duet-paragraph", { class: "duet-upload-item-error-label", size: "small", margin: "none", color: "danger" }, getI18nError(error.type, this.errorCodes))));
       default:
-        return uploaded && url && this.showLinks ? (h("duet-paragraph", { color: "secondary", margin: "none", weight: "semi-bold" }, h("duet-link", { onClick: this.onLinkClick, url: url, external: true }, ContentName), h("duet-spacer", { size: "xx-small", direction: "horizontal" }), SizeText)) : (h("duet-paragraph", { color: "secondary", margin: "none", weight: "semi-bold" }, ContentName, h("duet-spacer", { size: "xx-small", direction: "horizontal" }), SizeText));
+        return uploaded && url && this.showLinks ? (h("duet-paragraph", { color: "secondary", margin: "none", weight: "semi-bold" }, h("duet-link", { class: "file-link", onClick: this.onLinkClick, url: url }, ContentName), h("duet-spacer", { size: "xx-small", direction: "horizontal" }), SizeText)) : (h("duet-paragraph", { color: "secondary", margin: "none", weight: "semi-bold" }, ContentName, h("duet-spacer", { size: "xx-small", direction: "horizontal" }), SizeText));
     }
   }
   render() {
@@ -80,6 +80,16 @@ export class DuetUploadItem {
     }))));
   }
   static get is() { return "duet-upload-item"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["duet-upload-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["duet-upload-item.css"]
+    };
+  }
   static get properties() {
     return {
       "theme": {
@@ -136,7 +146,7 @@ export class DuetUploadItem {
           "references": {
             "ItemType": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload-item/duet-upload-item.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload-item/duet-upload-item.tsx",
               "id": "src/components/duet-upload-item/duet-upload-item.tsx::ItemType"
             }
           }

package/lib/collection/utils/nudge.js

@@ -5,10 +5,7 @@
  * This function is a workaround for a bug in Chromium-based browsers, where building the accessibility tree fails
  * with nested shadow roots. See https://atlassian.lahitapiola.fi/jira/browse/DUET-780
  */
-export function nudge(component) {
-  setTimeout(() => {
-    const el = document.createElement("template");
-    component.element.appendChild(el);
-    el.remove();
-  }, 10);
+export function nudge(_component) {
+  // eslint-disable-next-line
+  setTimeout(() => { }, 10);
 }

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-67c36e47.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-8d7e2f66.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-9f8e1aca.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-01270b45.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-d10ecec6.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-abd29848.js';
 
 const DuetBadge = DuetBadge$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-ff199982.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-659bf49b.js';
 import { i as inheritGlobalTheme } from './p-d48735b6.js';
-import { n as nudge } from './p-040f8831.js';
+import { n as nudge } from './p-432baa8a.js';
 import { g as getColorByName } from './p-e19d1e27.js';
-import { d as defineCustomElement$4 } from './p-35de375b.js';
-import { d as defineCustomElement$3 } from './p-c4dd0df2.js';
-import { d as defineCustomElement$2 } from './p-acba25ec.js';
+import { d as defineCustomElement$4 } from './p-480a5be7.js';
+import { d as defineCustomElement$3 } from './p-24aae259.js';
+import { d as defineCustomElement$2 } from './p-7b274ffe.js';
 
 const duetBannerCss = "*,*::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-right:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-banner{display:grid;width:100%;height: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-style:normal;text-align:left;border-radius:24px}.duet-banner.duet-p-0{padding:0 !important}.duet-banner.duet-m-0{margin:0 !important}.duet-banner .visual{position:relative;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}.duet-banner .visual .image-container{position:relative;width:400px;height:400px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}.duet-banner .visual .image{position:relative;top:20px;width:100%;height:100%;transform:rotate(-7deg);object-fit:cover}.duet-banner .visual .icon{position:absolute}.duet-banner .content{display:flex;flex-direction:column;gap:8px;padding:0 20px 36px}.duet-banner .action{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:flex-end;padding-top:16px}.duet-banner.small{grid-template-rows:335px 1fr;max-width:335px}.duet-banner.small .visual{border-top-left-radius:24px;border-top-right-radius:24px}.duet-banner.small .visual .image-container{top:-130px;left:-40px}.duet-banner.small .visual .icon{bottom:30px;left:15px}.duet-banner.large{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}.duet-banner.large .visual{border-top-left-radius:24px;border-bottom-left-radius:24px}.duet-banner.large .visual .image-container{top:-30px;left:-30px}.duet-banner.large .visual .image{top:-15px;left:30px}.duet-banner.large .visual .icon{top:40px;bottom:auto;left:335px}.duet-banner.large .content{align-items:flex-start;justify-content:center;padding:0 72px 0 0}.duet-banner.large .action{flex-grow:0}.duet-banner.auto{grid-template-rows:335px 1fr;max-width:335px}.duet-banner.auto .visual{border-top-left-radius:24px;border-top-right-radius:24px}.duet-banner.auto .visual .image-container{top:-130px;left:-40px}.duet-banner.auto .visual .icon{bottom:30px;left:15px}@media (min-width: 62em){.duet-banner.auto{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}.duet-banner.auto .visual{border-top-left-radius:24px;border-bottom-left-radius:24px}.duet-banner.auto .visual .image-container{top:-30px;left:-30px}.duet-banner.auto .visual .image{top:-15px;left:30px}.duet-banner.auto .visual .icon{top:40px;bottom:auto;left:335px}.duet-banner.auto .content{align-items:flex-start;justify-content:center;padding:0 72px 0 0}.duet-banner.auto .action{flex-grow:0}}.duet-banner.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\"}.duet-banner.duet-theme-turva .visual .image-container{width:526px;height:456px;transform:none;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}.duet-banner.duet-theme-turva .visual .image{transform:none}.duet-banner.duet-theme-turva.small .visual .image-container{top:-164px;left:-147px}.duet-banner.duet-theme-turva.small .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.small .visual .icon{bottom:15px}.duet-banner.duet-theme-turva.large .visual .image-container{top:-54.923px;left:-147px}.duet-banner.duet-theme-turva.large .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.large .visual .icon{bottom:auto;left:295px}.duet-banner.duet-theme-turva.auto .visual .image-container{top:-164px;left:-147px}.duet-banner.duet-theme-turva.auto .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.auto .visual .icon{bottom:15px}@media (min-width: 62em){.duet-banner.duet-theme-turva.auto .visual .image-container{top:-54.923px;left:-147px}.duet-banner.duet-theme-turva.auto .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.auto .visual .icon{bottom:auto;left:295px}}";
 
@@ -37,7 +37,7 @@ const DuetBanner$1 = /*@__PURE__*/ proxyCustomElement(class DuetBanner extends H
     this.hasActionSlot = !!this.element.querySelector('[slot="action"]');
   }
   componentDidLoad() {
-    nudge(this);
+    nudge();
   }
   /**
    * render() function

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

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-ff199982.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-659bf49b.js';
 import { i as inheritGlobalTheme } from './p-d48735b6.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-4883df66.js';
-import { n as nudge } from './p-040f8831.js';
-import { d as defineCustomElement$2 } from './p-c4dd0df2.js';
+import { n as nudge } from './p-432baa8a.js';
+import { d as defineCustomElement$2 } from './p-24aae259.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>"};
 
@@ -34,7 +34,7 @@ const DuetBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumb e
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
+    nudge();
   }
   connectedCallback() {
     connectLanguageChangeObserver(this);

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-ff199982.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-659bf49b.js';
 import { i as inheritGlobalTheme } from './p-d48735b6.js';
 import { g as getLocaleString } from './p-4883df66.js';
 

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-948bdce9.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-32b30c68.js';
 
 const DuetButton = DuetButton$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-ff199982.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-659bf49b.js';
 import { i as inheritGlobalTheme } from './p-d48735b6.js';
-import { n as nudge } from './p-040f8831.js';
-import { d as defineCustomElement$3 } from './p-c4dd0df2.js';
-import { d as defineCustomElement$2 } from './p-acba25ec.js';
+import { n as nudge } from './p-432baa8a.js';
+import { d as defineCustomElement$3 } from './p-24aae259.js';
+import { d as defineCustomElement$2 } from './p-7b274ffe.js';
 
 const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}blockquote,figure{margin:0}.duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;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\"}.duet-callout .container{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout .author{color:rgb(0, 41, 77)}.duet-callout.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\"}.duet-callout.duet-theme-turva .author{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}";
 
@@ -26,7 +26,7 @@ const DuetCallout$1 = /*@__PURE__*/ proxyCustomElement(class DuetCallout extends
     this.hasAuthorSlot = !!this.element.querySelector('[slot="author"]');
   }
   componentDidLoad() {
-    nudge(this);
+    nudge();
   }
   /**
    * render() function

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-b0e6db65.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-a79c1568.js';
 
 const DuetCaption = DuetCaption$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-ff199982.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-659bf49b.js';
 import { i as inheritGlobalTheme } from './p-d48735b6.js';
 import { c as createID } from './p-45f71a69.js';
 import { i as isKeyboardClick } from './p-56ac3289.js';
-import { n as nudge } from './p-040f8831.js';
+import { n as nudge } from './p-432baa8a.js';
 import { s as sanitizeString } from './p-1a395a8d.js';
 import { g as getColorByName } from './p-e19d1e27.js';
-import { d as defineCustomElement$3 } from './p-c4dd0df2.js';
-import { d as defineCustomElement$2 } from './p-912094d4.js';
+import { d as defineCustomElement$3 } from './p-24aae259.js';
+import { d as defineCustomElement$2 } from './p-ef176315.js';
 
 const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const duetBlock = "div";
@@ -67,7 +67,7 @@ const DuetCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetCard extends H {
     this.hasFooter = !!this.element.querySelector("[slot='footer']");
   }
   componentDidLoad() {
-    nudge(this);
+    nudge();
   }
   renderHeading() {
     const safeHeadingLevel = sanitizeString(this.headingLevel);

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-1e4076af.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-925ad8ed.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-8bf1f4a8.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-ce7a0836.js';
 
 const DuetCheckmark = DuetCheckmark$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-ff199982.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-659bf49b.js';
 import { i as inheritGlobalTheme } from './p-d48735b6.js';
 import { c as createID } from './p-45f71a69.js';
-import { n as nudge } from './p-040f8831.js';
-import { d as defineCustomElement$2 } from './p-c4dd0df2.js';
+import { n as nudge } from './p-432baa8a.js';
+import { d as defineCustomElement$2 } from './p-24aae259.js';
 
 const duetChipCss = "*,*::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-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(144, 149, 153);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(23, 28, 58)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(101, 119, 135) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:7px 16px;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:600;color:rgb(0, 41, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:10px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:8px}.duet-chip-container duet-icon:not(.check-mark){width:auto;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{background:rgb(230, 242, 248);border-color:rgb(230, 242, 248)}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(205, 229, 241);border-color:rgb(205, 229, 241)}.duet-chip-container.duet-chip-filter-checked button,.duet-chip-container.duet-chip-filter-checked label,.duet-chip-container.duet-chip-radio-checked button,.duet-chip-container.duet-chip-radio-checked label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(228, 228, 230);border-color:rgb(228, 228, 230)}.duet-chip-container div.duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container div.duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(243, 249, 252);border-color:rgb(243, 249, 252)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input{display:flex;align-items:center;padding-right:0 !important}.duet-chip-container.duet-chip-input .duet-chip-input-button{flex-grow:1}.duet-chip-container.duet-chip-input .duet-chip-remove-button{width:26px;padding:8px 16px 8px 0;margin:-8px 0}:host(.user-is-tabbing) .duet-chip-focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input{position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;cursor:pointer;opacity:0}";
 
@@ -169,7 +169,7 @@ const DuetChip$1 = /*@__PURE__*/ proxyCustomElement(class DuetChip extends H {
     this.popupSetUp();
   }
   componentDidLoad() {
-    nudge(this);
+    nudge();
   }
   /**
    * Sets focus. Use this method instead of the global focus().

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

@@ -1,32 +1,25 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-ff199982.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-659bf49b.js';
 import { i as inheritGlobalTheme } from './p-d48735b6.js';
-import { n as nudge } from './p-040f8831.js';
-import { f as findCheckedOption, w as watchForOptions } from './p-a1371eee.js';
-import { d as defineCustomElement$8 } from './p-b0e6db65.js';
-import { d as defineCustomElement$7 } from './p-d9120001.js';
-import { d as defineCustomElement$6 } from './p-c4dd0df2.js';
-import { d as defineCustomElement$5 } from './p-c9e95a9c.js';
-import { d as defineCustomElement$4 } from './p-b3d7f37b.js';
-import { d as defineCustomElement$3 } from './p-a1becc63.js';
-import { d as defineCustomElement$2 } from './p-0b57c524.js';
+import { n as nudge } from './p-432baa8a.js';
+import { d as defineCustomElement$8 } from './p-a79c1568.js';
+import { d as defineCustomElement$7 } from './p-d0cac9bf.js';
+import { d as defineCustomElement$6 } from './p-24aae259.js';
+import { d as defineCustomElement$5 } from './p-78b427e2.js';
+import { d as defineCustomElement$4 } from './p-6c770205.js';
+import { d as defineCustomElement$3 } from './p-8ac1057e.js';
+import { d as defineCustomElement$2 } from './p-46ff61f9.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}";
 
-const duetChoiceSelector = ":scope duet-choice:not(:scope duet-choice duet-choice-group duet-choice):not(:scope duet-choice duet-fieldset duet-choice)";
 const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoiceGroup extends H {
   constructor() {
     super();
     this.__registerHost();
     this.choiceGroupName = "duet-choice-group";
-    this.getChoices = () => {
-      return Array.from(this.element.querySelectorAll(duetChoiceSelector));
-    };
-    this.isMyChoice = (choice) => {
-      return this.getChoices().includes(choice);
-    };
+    this.choices = new Set();
     /**
      * Component event handling.
      */
@@ -35,12 +28,21 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoiceGroup
         return;
       }
       const selectedChoice = ev.target;
-      if (selectedChoice && this.isMyChoice(selectedChoice)) {
+      if (selectedChoice && this.choices.has(selectedChoice)) {
         this.value = selectedChoice.value;
       }
-      // Prevent events from bubbling up the DOM tree in case
-      // this group is a sub-group of another choice group.
-      ev.cancelBubble = true;
+    };
+    this.onChoiceReady = (ev) => {
+      const choice = ev.target;
+      if (choice.closest("duet-choice-group") === this.element && !this.choices.has(choice)) {
+        this.choices.add(choice);
+        this.updateChoices();
+      }
+    };
+    this.onChoiceRemove = (ev) => {
+      const choice = ev.target;
+      this.choices.delete(choice);
+      this.updateChoices();
     };
     this.direction = "vertical";
     this.margin = "auto";
@@ -61,28 +63,7 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoiceGroup
    * Component lifecycle events.
    */
   async connectedCallback() {
-    const el = this.element;
-    if (this.value === undefined) {
-      const choice = findCheckedOption(el, duetChoiceSelector);
-      if (choice !== undefined) {
-        await choice.componentOnReady();
-        if (this.value === undefined) {
-          this.value = choice.value;
-        }
-      }
-    }
-    this.mutationO = watchForOptions(el, duetChoiceSelector, newOption => {
-      if (newOption !== undefined) {
-        newOption.componentOnReady().then(() => {
-          if (this.isMyChoice(newOption)) {
-            this.value = newOption.value;
-          }
-        });
-      }
-      else {
-        this.updateChoices();
-      }
-    });
+    this.initialValue = this.value;
     this.updateChoices();
   }
   disconnectedCallback() {
@@ -95,21 +76,17 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoiceGroup
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
+    nudge();
   }
   /**
    * Local methods
    */
   async updateChoices() {
-    /**
-     * Make sure we get all choices first so values are up to date prior
-     * to caching the choice group value
-     */
-    const choices = this.getChoices();
-    const { value } = this;
+    var _a;
+    const value = (_a = this.value) !== null && _a !== void 0 ? _a : this.initialValue;
     let hasChecked = false;
     // Walk the DOM in reverse order, since the last selected one wins
-    for (const choice of choices) {
+    for (const choice of this.choices) {
       choice.name = this.name;
       choice.groupDisabled = this.disabled;
       choice.groupDirection = this.direction;
@@ -119,6 +96,9 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoiceGroup
         // and we haven't found a checked yet
         hasChecked = true;
         choice.checked = true;
+        if (typeof this.value === "undefined") {
+          this.value = value;
+        }
       }
       else {
         // This choice doesn't have the correct value or the choice group has been already checked
@@ -135,7 +115,7 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoiceGroup
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, { onDuetChange: this.onSelect, class: {
+    return (h(Host, { onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
         horizontal: this.direction === "horizontal",
         "duet-choice-group-breakpoint-x-small": this.responsive && this.breakpoint === "x-small",
         "duet-choice-group-breakpoint-small": this.responsive && this.breakpoint === "small",