@duetds/components 6.0.3 → 6.0.4

package/lib/dist-custom-elements/duet-visually-hidden.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DuetVisuallyHidden extends Components.DuetVisuallyHidden, HTMLElement {}
+export const DuetVisuallyHidden: {
+  prototype: DuetVisuallyHidden;
+  new (): DuetVisuallyHidden;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-visually-hidden.js

@@ -0,0 +1,9 @@
+/*!
+ * Built with Duet Design System
+ */
+import { D as DuetVisuallyHidden$1, d as defineCustomElement$1 } from './p-b08e57cf.js';
+
+const DuetVisuallyHidden = DuetVisuallyHidden$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DuetVisuallyHidden, defineCustomElement };

package/lib/dist-custom-elements/index.d.ts

@@ -0,0 +1,26 @@
+/* Duet custom elements */
+
+import type { Components, JSX } from "../types/components";
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export type { Components, JSX };
+
+export * from '../types/components';

package/lib/dist-custom-elements/index.js

@@ -0,0 +1,37 @@
+/*!
+ * Built with Duet Design System
+ */
+export { s as setAssetPath, a as setPlatformOptions } from './p-3fc2d124.js';
+
+const TAB_KEY = 9;
+const appGlobalScript = () => {
+  function listenKeys(event) {
+    if (event.keyCode === TAB_KEY) {
+      var components = document.querySelectorAll(".hydrated");
+      for (var i = 0; i < components.length; i++) {
+        components[i].classList.add("user-is-tabbing");
+      }
+      if (typeof window !== "undefined") {
+        window.removeEventListener("keydown", listenKeys);
+        window.addEventListener("mousedown", listenMouse, false);
+      }
+    }
+  }
+  function listenMouse() {
+    var components = document.querySelectorAll(".hydrated");
+    for (var i = 0; i < components.length; i++) {
+      components[i].classList.remove("user-is-tabbing");
+    }
+    if (typeof window !== "undefined") {
+      window.removeEventListener("mousedown", listenMouse);
+      window.addEventListener("keydown", listenKeys, false);
+    }
+  }
+  if (typeof window !== "undefined") {
+    window.addEventListener("keydown", listenKeys, false);
+  }
+};
+
+const globalScripts = appGlobalScript;
+
+globalScripts();

package/lib/dist-custom-elements/p-01de0640.js

@@ -0,0 +1,37 @@
+/*!
+ * Built with Duet Design System
+ */
+import { p as proxyCustomElement, H, h, b as Host } from './p-3fc2d124.js';
+
+const duetListItemCss = "*,*::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:flex;flex-flow:row;width:100%;overflow:visible;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-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:#00294d}@media (max-width: 35.9375em){:host{flex-wrap:wrap}}:host dt,:host dd{margin-inline-start:0;-webkit-hyphens:auto;hyphens:auto;text-align:left;word-break:break-all;word-break:break-word}@media (max-width: 35.9375em){:host dt,:host dd{flex:inherit;flex-basis:100% !important;width:100%;padding-bottom:4px !important}}:host dt{padding:16px !important;font-weight:600}@media (max-width: 35.9375em){:host dt{padding-bottom:4px !important}}.duet-theme-turva :host dt{font-weight:700}:host dd{padding:16px !important;margin-left:auto;text-align:left}@media (max-width: 35.9375em){:host dd{padding-top:0 !important}}:host(:not(.duet-list-striped)) dt{padding:8px !important;padding-left:0 !important}@media (max-width: 35.9375em){:host(:not(.duet-list-striped)) dt{padding-bottom:4px !important}}:host(:not(.duet-list-striped)) dd{padding:8px !important;padding-left:0 !important}@media (max-width: 35.9375em){:host(:not(.duet-list-striped)) dd{padding-top:0 !important}}: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:#171c3a}:host(.duet-list-striped:nth-child(odd)) dt,:host(.duet-list-striped:nth-child(odd)) dd{background:#f5f8fa}:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dd{background:#f5f5f7}:host(.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-width-70) dd{flex-basis:35%}:host(.duet-p-0) dt,:host(.duet-p-0) dd{padding-top:0 !important;padding-bottom:4px !important}@media (max-width: 35.9375em){:host(.duet-list-mobile-center) dt,:host(.duet-list-mobile-center) dd{text-align:center}}@media (max-width: 61.9375em){:host(.duet-list-breakpoint-large){flex-wrap:wrap}:host(.duet-list-breakpoint-large) dt,:host(.duet-list-breakpoint-large) dd{flex:inherit;flex-basis:100% !important;width:100%;padding-bottom:4px !important}:host(.duet-list-breakpoint-large) dd{padding-top:0 !important}}:host(.duet-list-breakpoint-large.duet-list-striped) dd{padding-bottom:16px !important}@media (max-width: 61.9375em){:host(.duet-list-breakpoint-large.duet-list-mobile-center) dt,:host(.duet-list-breakpoint-large.duet-list-mobile-center) dd{text-align:center !important}}";
+
+const DuetListItem = /*@__PURE__*/ proxyCustomElement(class extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render() {
+    return (h(Host, null, h("dt", null, h("slot", { name: "label" })), h("dd", null, h("slot", { name: "value" }))));
+  }
+  static get style() { return duetListItemCss; }
+}, [1, "duet-list-item"]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["duet-list-item"];
+  components.forEach(tagName => { switch (tagName) {
+    case "duet-list-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DuetListItem);
+      }
+      break;
+  } });
+}
+
+export { DuetListItem as D, defineCustomElement as d };

package/lib/{esm/tokens-8ff8c570.js → dist-custom-elements/p-02305a1e.js}

@@ -141,14 +141,15 @@ const line_height_small = "1.25";
 const line_height_x_small = "1.1";
 const transition_quickly = "300ms ease";
 const transition_slowly = "600ms ease";
-const media_query_xx_small = "'(max-width: 22.5em)'";
-const media_query_x_small = "'(max-width: 35.9375em)'";
-const media_query_small = "'(min-width: 36em)'";
+const media_query_xxx_large = "'(min-width: 106.25em)'";
+const media_query_x_large = "'(min-width: 64.0625em)'";
 const media_query_medium = "'(min-width: 48em)'";
 const media_query_large = "'(min-width: 62em)'";
-const media_query_x_large = "'(min-width: 64.0625em)'";
 const media_query_xx_large = "'(min-width: 76.25em)'";
-const media_query_xxx_large = "'(min-width: 106.25em)'";
+const media_query_x_small = "'(max-width: 35.9375em)'";
+const media_query_xxx_small = "'(max-width: 20.5em)'";
+const media_query_small = "'(min-width: 36em)'";
+const media_query_xx_small = "'(max-width: 22.5em)'";
 const tokens = {
 	color_warning: color_warning,
 	color_gray_darker: color_gray_darker,
@@ -290,14 +291,15 @@ const tokens = {
 	line_height_x_small: line_height_x_small,
 	transition_quickly: transition_quickly,
 	transition_slowly: transition_slowly,
-	media_query_xx_small: media_query_xx_small,
-	media_query_x_small: media_query_x_small,
-	media_query_small: media_query_small,
+	media_query_xxx_large: media_query_xxx_large,
+	media_query_x_large: media_query_x_large,
 	media_query_medium: media_query_medium,
 	media_query_large: media_query_large,
-	media_query_x_large: media_query_x_large,
 	media_query_xx_large: media_query_xx_large,
-	media_query_xxx_large: media_query_xxx_large
+	media_query_x_small: media_query_x_small,
+	media_query_xxx_small: media_query_xxx_small,
+	media_query_small: media_query_small,
+	media_query_xx_small: media_query_xx_small
 };
 
 const tokens$1 = /*#__PURE__*/Object.freeze({
@@ -442,14 +444,15 @@ const tokens$1 = /*#__PURE__*/Object.freeze({
   line_height_x_small: line_height_x_small,
   transition_quickly: transition_quickly,
   transition_slowly: transition_slowly,
-  media_query_xx_small: media_query_xx_small,
-  media_query_x_small: media_query_x_small,
-  media_query_small: media_query_small,
+  media_query_xxx_large: media_query_xxx_large,
+  media_query_x_large: media_query_x_large,
   media_query_medium: media_query_medium,
   media_query_large: media_query_large,
-  media_query_x_large: media_query_x_large,
   media_query_xx_large: media_query_xx_large,
-  media_query_xxx_large: media_query_xxx_large,
+  media_query_x_small: media_query_x_small,
+  media_query_xxx_small: media_query_xxx_small,
+  media_query_small: media_query_small,
+  media_query_xx_small: media_query_xx_small,
   'default': tokens
 });
 

package/lib/dist-custom-elements/p-08cfe544.js

@@ -0,0 +1,125 @@
+/*!
+ * Built with Duet Design System
+ */
+import { p as proxyCustomElement, H, h, b as Host } from './p-3fc2d124.js';
+import { d as defineCustomElement$1 } from './p-b08e57cf.js';
+
+const DuetUploadAriaStatus = /*@__PURE__*/ proxyCustomElement(class extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * State() variables
+     */
+    this.statusMessage = null;
+    /**
+     * Status labels used in the component
+     */
+    this.statusMessageLabel = null;
+    /**
+     * Adds accessible label that is read aloud
+     */
+    this.accessibleAriaLive = "polite";
+    /**
+     * valid file amount
+     */
+    this.valid = undefined;
+    /**
+     * total files
+     */
+    this.total = undefined;
+    /**
+     * invalid file amount
+     */
+    this.invalid = undefined;
+    /**
+     * valid file amount
+     */
+    this.inprogress = undefined;
+    /**
+     * Private functions
+     */
+    this.replacePlaceHolders = (statusString) => {
+      const addFiles = (amount) => {
+        return amount > 1 ? `${amount} ${this.statusMessageLabel.files}` : `${amount} ${this.statusMessageLabel.file}`;
+      };
+      return statusString
+        .replace("{filesUploaded}", addFiles(this.valid))
+        .replace("{filesInProgress}", addFiles(this.inprogress))
+        .replace("{filesTotal}", addFiles(this.total))
+        .replace("{filesWithErrors}", addFiles(this.invalid));
+    };
+    this.getStatusMessage = () => {
+      const { done, inProgress, doneWithErrors, inProgressWithErrors } = this.statusMessageLabel;
+      const hasErrors = this.invalid > 0;
+      const isInProgress = this.inprogress > 0;
+      const isInProgressWithErrors = this.inprogress > 0 && hasErrors;
+      const isDone = this.valid === this.total && !isInProgress && !hasErrors;
+      const isDoneWithErrors = this.valid + this.invalid === this.total && !isInProgress;
+      if (isDone) {
+        this.statusMessage = this.replacePlaceHolders(done);
+        return;
+      }
+      else if (isInProgressWithErrors) {
+        this.statusMessage = this.replacePlaceHolders(inProgressWithErrors);
+        return;
+      }
+      else if (isInProgress) {
+        this.statusMessage = this.replacePlaceHolders(inProgress);
+        return;
+      }
+      else if (isDoneWithErrors) {
+        this.statusMessage = this.replacePlaceHolders(doneWithErrors);
+        return;
+      }
+      return;
+    };
+  }
+  watchHandler(newValue, oldValue) {
+    if (newValue !== oldValue) {
+      this.getStatusMessage();
+    }
+  }
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render() {
+    return (h(Host, { role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", null, this.statusMessage)));
+  }
+  static get watchers() { return {
+    "valid": ["watchHandler"],
+    "invalid": ["watchHandler"],
+    "inprogress": ["watchHandler"],
+    "total": ["watchHandler"]
+  }; }
+}, [1, "duet-upload-aria-status", {
+    "statusMessageLabel": [16],
+    "accessibleAriaLive": [1, "accessible-aria-live"],
+    "valid": [2],
+    "total": [2],
+    "invalid": [2],
+    "inprogress": [2],
+    "statusMessage": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["duet-upload-aria-status", "duet-visually-hidden"];
+  components.forEach(tagName => { switch (tagName) {
+    case "duet-upload-aria-status":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DuetUploadAriaStatus);
+      }
+      break;
+    case "duet-visually-hidden":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { DuetUploadAriaStatus as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-09ed1ffa.js

@@ -0,0 +1,160 @@
+/*!
+ * Built with Duet Design System
+ */
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-3fc2d124.js';
+import { i as inheritGlobalTheme } from './p-4ebf1618.js';
+import { c as createID } from './p-c1325e35.js';
+import { g as getLocaleString } from './p-ede854e1.js';
+import { d as defineCustomElement$4 } from './p-e294c0fb.js';
+import { d as defineCustomElement$3 } from './p-7739604d.js';
+import { d as defineCustomElement$2 } from './p-3d987b87.js';
+import { d as defineCustomElement$1 } from './p-b08e57cf.js';
+
+const duetAlertCss = "*,*::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%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}: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 #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;visibility:hidden;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert{margin-bottom:16px !important;position:relative;width:100%;padding: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:1rem;font-weight:400;line-height:1.25;color:#00294d;background:#f2f8fb;border:1px solid #0077b3;border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert.duet-p-0{padding:0 !important}.duet-alert.duet-m-0{margin:0 !important}.duet-alert.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:#171c3a;background:#f3f4f5;border-color:#171c3a}.duet-alert.warning{background:#fffbf4;border-color:#f7b228}.duet-alert.warning.duet-theme-turva{background:#fffaf3;border-color:#faa40f}.duet-alert.danger{background:#fdf4f7;border-color:#de2362}.duet-alert.danger.duet-theme-turva{background:#fdf4f3;border-color:#e02a0d}.duet-alert.success{background:#f2f9f7;border-color:#00875a}.duet-alert.success.duet-theme-turva{background:#f3f9f6;border-color:#08874e}.duet-alert-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-is-dismissible .duet-alert-container{text-align:left}";
+
+const DuetAlert = /*@__PURE__*/ proxyCustomElement(class extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.duetDismiss = createEvent(this, "duetDismiss", 7);
+    this.descriptiveId = createID("DuetAlert");
+    /**
+     * Theme of the card.
+     */
+    this.theme = "";
+    /**
+     * State() variables
+     * Inlined decorator, alphabetical order.
+     */
+    this.isDismissed = false;
+    /**
+     * Property to change languageDefaults on the component.
+     * normally you would handle these strings on an application level and override @accessibleLabel when needed
+     * @default {fi: "Sulje viesti", sv: "Stäng meddelandet", en: "Close the message"}
+     */
+    this.accessibleLabelDefaults = {
+      fi: "Sulje viesti",
+      sv: "Stäng meddelandet",
+      en: "Close the message",
+    };
+    /**
+     * Adds accessible label for the dismissible alert close button.
+     * @default {fi: "Sulje viesti", sv: "Stäng meddelandet", en: "Close the message"}
+     */
+    this.accessibleLabel = getLocaleString(this.accessibleLabelDefaults);
+    /**
+     * Enable or disabled announcements by assistive technologies.
+     */
+    this.announcements = true;
+    /**
+     * Icon to display to the left of the content.
+     */
+    this.icon = "";
+    /**
+     * Controls the margin of the component.
+     */
+    this.margin = "auto";
+    /**
+     * Controls the padding of the component.
+     */
+    this.padding = "auto";
+    /**
+     * Style variation of the alert.
+     */
+    this.variation = "default";
+    /**
+     * Should a button be rendered to dismiss the alert?
+     */
+    this.dismissible = false;
+    this.handleDismiss = (ev) => {
+      this.isDismissed = true;
+      this.duetDismiss.emit({
+        component: "duet-alert",
+        originalEvent: ev,
+      });
+    };
+  }
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad() {
+    inheritGlobalTheme(this);
+  }
+  componentDidLoad() {
+    if (this.autoDismiss) {
+      this.timeoutID = setTimeout(() => this.handleDismiss(), this.autoDismiss);
+    }
+  }
+  disconnectedCallback() {
+    if (this.timeoutID) {
+      clearTimeout(this.timeoutID);
+    }
+  }
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render() {
+    const closeColor = this.theme === "turva" ? "secondary-turva" : "secondary";
+    const role = this.variation === "danger" || this.variation === "warning" ? "alert" : "status";
+    return (h(Host, { class: { "duet-theme-turva": this.theme === "turva", "duet-alert-is-dismissed": this.isDismissed }, role: this.announcements ? role : undefined }, h("div", { class: {
+        "duet-alert": true,
+        "duet-alert-has-icon": !!this.icon,
+        "duet-alert-is-dismissible": this.dismissible,
+        "duet-p-0": this.padding === "none",
+        "duet-m-0": this.margin === "none",
+        [this.variation]: true,
+        "duet-theme-turva": this.theme === "turva",
+      } }, h("div", { class: "duet-alert-container" }, this.icon && (h("div", { class: "duet-alert-icon" }, h("duet-icon", { size: "auto", name: this.icon, color: "currentColor" }))), h("span", { id: this.descriptiveId }, h("slot", null))), this.dismissible && (h("div", { class: "duet-alert-dismiss" }, h("duet-button", { variation: "plain", accessibleLabel: this.accessibleLabel, accessibleDescribedBy: this.descriptiveId, color: closeColor, iconSize: "medium", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: this.handleDismiss, fixed: true }))))));
+  }
+  static get style() { return duetAlertCss; }
+}, [1, "duet-alert", {
+    "theme": [1025],
+    "accessibleLabelDefaults": [1, "accessible-label-default"],
+    "accessibleLabel": [1, "accessible-label"],
+    "announcements": [4],
+    "icon": [1],
+    "autoDismiss": [2, "auto-dismiss"],
+    "margin": [1],
+    "padding": [1],
+    "variation": [1],
+    "dismissible": [4],
+    "isDismissed": [32],
+    "timeoutID": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["duet-alert", "duet-button", "duet-icon", "duet-spinner", "duet-visually-hidden"];
+  components.forEach(tagName => { switch (tagName) {
+    case "duet-alert":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DuetAlert);
+      }
+      break;
+    case "duet-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "duet-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "duet-spinner":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "duet-visually-hidden":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { DuetAlert as D, defineCustomElement as d };