@duetds/components 7.1.3 → 8.0.0

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

@@ -8,6 +8,7 @@ import { FocusGuard } from "../../utils/focus-utils";
 import { isEscapeKey } from "../../utils/keyboard-utils";
 import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLanguage, getLocaleString, } from "../../utils/language-utils";
 import { nudge } from "../../utils/nudge";
+import { Teleport } from "../../utils/teleport";
 import { getColorByName } from "../../utils/token-utils";
 export class DuetSlideout {
   constructor() {
@@ -26,16 +27,18 @@ export class DuetSlideout {
       }
     };
     this.toggleMenu = (e) => {
-      const toggle = !this.open;
-      this.open = toggle;
-      this.openButton.setAttribute("aria-expanded", this.open.toString());
+      this.open = !this.open;
+      if (this.openButton) {
+        this.openButton.accessibleExpanded = this.open;
+      }
       this.duetSlideoutEvent.emit({
         originalEvent: e,
         data: { element: this.element, open: this.open },
         component: "duet-slideout",
       });
-      if (toggle) {
+      if (this.open) {
         const openPanel = this.element.querySelector("duet-slideout-panel[open]");
+        this.teleport.go(true);
         if (openPanel) {
           openPanel.setFocus();
           this.handleBodyScrolling();
@@ -49,8 +52,10 @@ export class DuetSlideout {
       }
       else {
         setTimeout(() => {
-          this.openButton.setFocus();
+          var _a;
+          (_a = this.openButton) === null || _a === void 0 ? void 0 : _a.setFocus();
           this.handleBodyScrolling();
+          this.teleport.resume();
         }, 200);
       }
     };
@@ -61,6 +66,7 @@ export class DuetSlideout {
     this.displaying = false;
     this.theme = "";
     this.open = false;
+    this.opener = undefined;
     this.backgroundColor = "gray-lightest";
   }
   /**
@@ -73,30 +79,49 @@ export class DuetSlideout {
       this.closeButton.focus();
     }, 200);
   }
+  /**
+   * Shows the slideout. Additionally saves the element (DuetButton or DuetMenuBarButton) that triggered
+   * the slideout so that focus can be moved back to this specific element when
+   * the slideout dialog is closed.
+   */
+  async show() {
+    if (this.open) {
+      return;
+    }
+    const button = document.activeElement;
+    if (button) {
+      button.accessiblePopup = "true";
+      this.openButton = button;
+    }
+    this.toggleMenu(new CustomEvent("toggle"));
+  }
+  /**
+   * Hides the slideout dialog and puts focus back to the original element
+   * that triggered the slideout (if we’re still in the same view).
+   */
+  async hide() {
+    if (!this.open) {
+      return;
+    }
+    this.toggleMenu(new CustomEvent("toggle"));
+  }
   /**
    * Component lifecycle events.
    */
   componentWillLoad() {
     inheritGlobalTheme(this);
-    if (Build.isServer) {
-      const toggles = Array.from(this.element.children).filter(el => el.matches("[slot='toggle']"));
-      if (toggles.length > 0) {
-        this.openButton = toggles[0];
-      }
-    }
-    else {
-      this.openButton = this.element.querySelector(":scope > [slot='toggle']");
-    }
-    if (this.openButton) {
-      this.openButton.accessiblePopup = "true";
-      this.openButton.accessibleExpanded = false;
-      this.openButton.addEventListener("click", e => {
+    const button = this.opener && document.getElementById(this.opener);
+    if (button) {
+      button.accessiblePopup = "true";
+      button.accessibleExpanded = false;
+      button.addEventListener("click", e => {
         e.stopPropagation();
         e.preventDefault();
+        this.openButton = button;
         this.onClick(e);
       });
-      this.openButton = this.openButton;
     }
+    this.teleport = new Teleport(this.element);
   }
   async componentDidLoad() {
     if (Build.isServer) {
@@ -137,7 +162,8 @@ export class DuetSlideout {
    * Sets focus. Use this method instead of the global focus().
    */
   async setFocus(options) {
-    this.openButton.focus(options);
+    var _a;
+    (_a = this.openButton) === null || _a === void 0 ? void 0 : _a.focus(options);
   }
   /**
    * render() function
@@ -148,7 +174,7 @@ export class DuetSlideout {
       background: getColorByName(this.backgroundColor, this.theme),
     };
     const exitTranslation = getLocaleString(this.exitLangObject);
-    return (h(Host, null, h("div", { class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, h("slot", { name: "toggle" }), h("div", { class: {
+    return (h(Host, null, h("div", { class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, h("div", { class: {
         "desktop-bg": true,
         hidden: !this.open,
       }, onClick: () => {
@@ -219,6 +245,23 @@ export class DuetSlideout {
         "reflect": true,
         "defaultValue": "false"
       },
+      "opener": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Id of the DuetMenuBarButton or DuetButton that opens the menu."
+        },
+        "attribute": "opener",
+        "reflect": false
+      },
       "backgroundColor": {
         "type": "string",
         "mutable": true,
@@ -268,7 +311,7 @@ export class DuetSlideout {
           "references": {
             "DuetSlideoutEventDetails": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-slideout/duet-slideout.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-slideout/duet-slideout.tsx",
               "id": "src/components/duet-slideout/duet-slideout.tsx::DuetSlideoutEventDetails"
             }
           }
@@ -294,6 +337,44 @@ export class DuetSlideout {
           "tags": []
         }
       },
+      "show": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global",
+              "id": "global::Promise"
+            },
+            "HTMLDuetButtonElement": {
+              "location": "global",
+              "id": "global::HTMLDuetButtonElement"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Shows the slideout. Additionally saves the element (DuetButton or DuetMenuBarButton) that triggered\nthe slideout so that focus can be moved back to this specific element when\nthe slideout dialog is closed.",
+          "tags": []
+        }
+      },
+      "hide": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global",
+              "id": "global::Promise"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Hides the slideout dialog and puts focus back to the original element\nthat triggered the slideout (if we\u2019re still in the same view).",
+          "tags": []
+        }
+      },
       "setFocus": {
         "complexType": {
           "signature": "(options?: FocusOptions) => Promise<void>",

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

@@ -49,7 +49,7 @@ export class DuetSpacer {
           "references": {
             "DuetSpacerSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-spacer/duet-spacer.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-spacer/duet-spacer.tsx",
               "id": "src/components/duet-spacer/duet-spacer.tsx::DuetSpacerSize"
             }
           }
@@ -97,7 +97,7 @@ export class DuetSpacer {
           "references": {
             "DuetSpacerBreakpoint": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-spacer/duet-spacer.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-spacer/duet-spacer.tsx",
               "id": "src/components/duet-spacer/duet-spacer.tsx::DuetSpacerBreakpoint"
             }
           }

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

@@ -96,7 +96,7 @@ export class DuetSpinner {
           "references": {
             "DuetSpinnerSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-spinner/duet-spinner.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-spinner/duet-spinner.tsx",
               "id": "src/components/duet-spinner/duet-spinner.tsx::DuetSpinnerSize"
             }
           }

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

@@ -199,7 +199,7 @@ export class DuetStep {
           "references": {
             "DuetStepState": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-step/duet-step.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-step/duet-step.tsx",
               "id": "src/components/duet-step/duet-step.tsx::DuetStepState"
             }
           }
@@ -277,7 +277,7 @@ export class DuetStep {
           "references": {
             "DuetStepClickEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-step/duet-step.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-step/duet-step.tsx",
               "id": "src/components/duet-step/duet-step.tsx::DuetStepClickEvent"
             }
           }

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

@@ -229,7 +229,7 @@ export class DuetStepper {
           "references": {
             "DuetStepChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-stepper/duet-stepper.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-stepper/duet-stepper.tsx",
               "id": "src/components/duet-stepper/duet-stepper.tsx::DuetStepChangeEvent"
             }
           }

package/lib/collection/components/duet-tab-group/duet-tab-group.js

@@ -322,7 +322,7 @@ export class DuetTabGroup {
           "references": {
             "DuetTabVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
               "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabVariation"
             }
           }
@@ -563,7 +563,7 @@ export class DuetTabGroup {
           "references": {
             "DuetTabGroupEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
               "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
             }
           }
@@ -584,7 +584,7 @@ export class DuetTabGroup {
           "references": {
             "DuetTabGroupEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
               "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
             }
           }
@@ -605,7 +605,7 @@ export class DuetTabGroup {
           "references": {
             "DuetTabGroupEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
               "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
             }
           }
@@ -628,7 +628,7 @@ export class DuetTabGroup {
             },
             "DuetTabGroupEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
               "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
             }
           },

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

@@ -761,7 +761,7 @@ export class DuetTextarea {
           "references": {
             "DuetTextareaEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
               "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
             }
           }
@@ -782,7 +782,7 @@ export class DuetTextarea {
           "references": {
             "DuetTextareaEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
               "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
             }
           }
@@ -803,7 +803,7 @@ export class DuetTextarea {
           "references": {
             "DuetTextareaEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
               "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
             }
           }
@@ -824,7 +824,7 @@ export class DuetTextarea {
           "references": {
             "DuetTextareaEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
               "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
             }
           }

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

@@ -438,7 +438,7 @@ export class DuetToggle {
           "references": {
             "DuetToggleChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-toggle/duet-toggle.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-toggle/duet-toggle.tsx",
               "id": "src/components/duet-toggle/duet-toggle.tsx::DuetToggleChangeEvent"
             }
           }

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

@@ -411,7 +411,7 @@ export class DuetTooltip {
           "references": {
             "DuetTooltipBreakpoint": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tooltip/duet-tooltip.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tooltip/duet-tooltip.tsx",
               "id": "src/components/duet-tooltip/duet-tooltip.tsx::DuetTooltipBreakpoint"
             }
           }

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.js

@@ -146,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

@@ -1,18 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { Build } from "@stencil/core";
 /**
  * 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) {
-  if (Build.isServer) {
-    return;
-  }
-  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-7b2b8c0f.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-2eb3a0a6.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-05927f57.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-851603d1.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-74379770.js';
-import { d as defineCustomElement$3 } from './p-4a8b7174.js';
-import { d as defineCustomElement$2 } from './p-e835e6e8.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-851603d1.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-4a8b7174.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-851603d1.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';