@duetds/components 8.0.6 → 8.1.0

package/lib/dist-custom-elements/p-5d8d9a52.js

@@ -1,98 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7247d0b2.js';
-import { i as inheritGlobalTheme } from './p-d48735b6.js';
-import { c as createID } from './p-45f71a69.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-4883df66.js';
-import { d as defineCustomElement$1 } from './p-62e68de8.js';
-
-const duetProgressCss = "*,*::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;width:100%;height:inherit}.duet-progress{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;min-height:1px;}.duet-progress .progress-bar{position:relative;display:block;width:100%;height:inherit;min-height:1px;background-color:rgb(243, 249, 252);border-radius:0;box-shadow:none}.duet-theme-turva .duet-progress .progress-bar{background-color:rgb(252, 243, 244)}.duet-progress .progress-bar>span{display:block;height:inherit;text-indent:-9999px;background-color:rgb(0, 119, 179);border-radius:0}.duet-theme-turva .duet-progress .progress-bar>span{background-color:rgb(198, 12, 48)}.duet-progress progress[value]{display:flex;width:100%;height:inherit;min-height:1px;color:rgb(0, 119, 179);border:0 none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.duet-theme-turva .duet-progress progress[value]{color:rgb(198, 12, 48)}.duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(243, 249, 252);border-radius:0}.duet-theme-turva .duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(252, 243, 244)}.duet-progress progress[value]::-webkit-progress-value{background-color:rgb(0, 119, 179);background-size:35px 20px, 100% 100%, 100% 100%;border-radius:0;-webkit-animation:animate-stripes 5s linear infinite;animation:animate-stripes 5s linear infinite}.duet-theme-turva .duet-progress progress[value]::-webkit-progress-value{background-color:rgb(198, 12, 48)}.duet-progress progress[value] ::-moz-progress-bar{background-color:rgb(243, 249, 252)}.duet-theme-turva .duet-progress progress[value] ::-moz-progress-bar{background-color:rgb(252, 243, 244)}";
-
-const DuetProgress = /*@__PURE__*/ proxyCustomElement(class DuetProgress extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    /**
-     * Own Properties
-     */
-    this.progressId = createID("DuetProgress");
-    this.progressLabelId = createID("DuetProgressLabel");
-    this.accessibleDescribedBy = undefined;
-    this.accessibleDetails = undefined;
-    this.accessibleLabelledBy = undefined;
-    this.accessibleDescription = undefined;
-    this.accessibleLabel = undefined;
-    this.accessibleLabelUploadDefaults = {
-      fi: ["lähetys valmis", "lähetys käynnissä"],
-      sv: ["Uppladdningen är klar", "Uppladdning pågår"],
-      en: ["upload completed", "upload in progress"],
-    };
-    this.accessibleLabelUpload = getLocaleString(this.accessibleLabelUploadDefaults);
-    this.progress = 0;
-    this.caption = undefined;
-    this.height = "10px";
-    this.theme = "";
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-  }
-  connectedCallback() {
-    connectLanguageChangeObserver(this, { prop: "accessibleLabelUpload", defaults: "accessibleLabelUploadDefaults" });
-  }
-  disconnectedCallback() {
-    disconnectLanguageChangeObserver(this);
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, null, h("div", { "aria-live": this.accessibleLabel ? "polite" : "off", "aria-hidden": this.accessibleLabel ? "false" : "true", "aria-atomic": "true", style: {
-        height: this.height,
-      }, id: this.progressId, class: {
-        "duet-progress": true,
-        "duet-progress-done": this.progress === 100,
-        "duet-progress-start": this.progress === 0,
-        "duet-progress-inprogress": this.progress < 99 && this.progress !== 0,
-        "duet-theme-turva": this.theme === "turva",
-      } }, h("duet-visually-hidden", null, h("label", { htmlFor: this.progressLabelId }, h("span", null, this.accessibleLabel, this.progress !== 0 && `, ${this.accessibleLabelUpload[this.progress < 99 ? 1 : 0]}`))), this.caption && (h("div", { class: "duet-progress-caption" }, h("span", null, this.caption))), h("progress", { id: this.progressLabelId, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, role: "progressbar", value: this.progress, max: "100", "aria-valuemin": "0", "aria-valuemax": "100" }, h("div", { class: "progress-bar" }, h("span", { style: { width: `${this.progress}%;` } }, "Progress: ", this.progress, "%"))))));
-  }
-  get element() { return this; }
-  static get style() { return duetProgressCss; }
-}, [0, "duet-progress", {
-    "accessibleDescribedBy": [1, "accessible-described-by"],
-    "accessibleDetails": [1, "accessible-details"],
-    "accessibleLabelledBy": [1, "accessible-labelled-by"],
-    "accessibleDescription": [1, "accessible-description"],
-    "accessibleLabel": [1, "accessible-label"],
-    "accessibleLabelUploadDefaults": [1, "accessible-label-upload-defaults"],
-    "accessibleLabelUpload": [1025, "accessible-label-upload"],
-    "progress": [1538],
-    "caption": [1],
-    "height": [1],
-    "theme": [1025]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-progress", "duet-visually-hidden"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-progress":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetProgress);
-      }
-      break;
-    case "duet-visually-hidden":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { DuetProgress as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-62e68de8.js

@@ -1,38 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7247d0b2.js';
-
-const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";
-
-const DuetVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class DuetVisuallyHidden extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, { class: "duet-visually-hidden" }, h("slot", null)));
-  }
-  get element() { return this; }
-  static get style() { return duetVisuallyHiddenCss; }
-}, [1, "duet-visually-hidden"]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-visually-hidden"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-visually-hidden":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetVisuallyHidden);
-      }
-      break;
-  } });
-}
-
-export { DuetVisuallyHidden as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-64cd1abb.js

@@ -1,93 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7247d0b2.js';
-import { i as inheritGlobalTheme } from './p-d48735b6.js';
-import { h as hasSlot } from './p-f8c76b25.js';
-import { c as createID } from './p-45f71a69.js';
-import { d as defineCustomElement$1 } from './p-e77f7fff.js';
-
-const duetFieldsetCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}fieldset{position:relative;width:100%;min-width:0;border:0}fieldset legend{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-legend-wrapper{position:relative;display:block;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\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77);text-align:left;background:transparent}.duet-legend-wrapper.duet-legend-compact:not(.duet-legend-has-caption){line-height:1.25}.duet-theme-turva .duet-legend-wrapper{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-fieldset-label{margin-bottom:12px !important;margin-top:8px}.duet-legend-has-caption .duet-fieldset-label{margin-bottom:6px !important}.duet-legend-has-tooltip .duet-fieldset-label{padding-right:36px}@media (min-width: 48em){.duet-legend-has-tooltip .duet-fieldset-label{margin-bottom:3px !important;padding-right:0}}@media (min-width: 48em){.duet-legend-has-tooltip.duet-legend-has-caption .duet-fieldset-label{margin-bottom:-3px !important}}.duet-fieldset-caption{margin-bottom:12px !important}.duet-fieldset-help{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(222, 35, 98);border-radius:4px}.duet-fieldset-help span{display:block;margin-top:12px}.duet-theme-turva .duet-fieldset-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(224, 42, 13)}::slotted(duet-tooltip){position:absolute;top:4px;right:0}@media (min-width: 48em){::slotted(duet-tooltip){position:relative;right:auto}}.duet-legend-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
-
-const DuetFieldset = /*@__PURE__*/ proxyCustomElement(class DuetFieldset extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.errorId = createID("DuetError");
-    this.labelId = createID("DuetLabel");
-    this.checkHasTooltip = () => {
-      this.hasTooltip = hasSlot(this.element, "tooltip");
-    };
-    this.hasTooltip = false;
-    this.theme = "";
-    this.margin = "auto";
-    this.caption = undefined;
-    this.label = undefined;
-    this.compactLabel = false;
-    this.error = undefined;
-    this.accessibleLiveError = "polite";
-    this.labelHeadingLevel = "h3";
-    this.labelHidden = false;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-    this.checkHasTooltip();
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, { class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
-      // NVDA and VoiceOver do not yet support aria-errormessage
-      // once they do, we can remove errors from the aria-describedby
-      // aria-errormessage={this.error ? this.errorId : null}
-      class: {
-        "duet-fieldset": true,
-        "duet-theme-turva": this.theme === "turva",
-      } }, h("legend", { id: this.labelId }, h(this.labelHeadingLevel, null, this.label), this.caption && h("span", null, this.caption)), h("div", { class: {
-        "duet-legend-wrapper": true,
-        "duet-legend-has-caption": !!this.caption,
-        "duet-legend-has-tooltip": this.hasTooltip,
-        "duet-legend-hidden": this.labelHidden,
-        "duet-legend-compact": this.compactLabel,
-      } }, h("div", { class: "duet-fieldset-label" }, h("span", { "aria-hidden": "true" }, this.label), h("slot", { onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { margin: "none" }, this.caption)))), h("slot", null), h("span", { class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", null, this.error)))));
-  }
-  get element() { return this; }
-  static get style() { return duetFieldsetCss; }
-}, [1, "duet-fieldset", {
-    "theme": [1025],
-    "margin": [1],
-    "caption": [1],
-    "label": [1],
-    "compactLabel": [4, "compact-label"],
-    "error": [1],
-    "accessibleLiveError": [1, "accessible-live-error"],
-    "labelHeadingLevel": [1, "label-heading-level"],
-    "labelHidden": [4, "label-hidden"],
-    "hasTooltip": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-fieldset", "duet-caption"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-fieldset":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetFieldset);
-      }
-      break;
-    case "duet-caption":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { DuetFieldset as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-665418f0.js

@@ -1,205 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h } from './p-7247d0b2.js';
-import { i as inheritGlobalTheme } from './p-d48735b6.js';
-import { g as getLocaleString } from './p-4883df66.js';
-import { p as parsePossibleJSON } from './p-1a395a8d.js';
-import { d as defineCustomElement$9 } from './p-fe8a2205.js';
-import { d as defineCustomElement$8 } from './p-d0987122.js';
-import { d as defineCustomElement$7 } from './p-c0af301d.js';
-import { d as defineCustomElement$6 } from './p-180c0d2d.js';
-import { d as defineCustomElement$5 } from './p-3049dfd5.js';
-import { d as defineCustomElement$4 } from './p-6c2e13f0.js';
-import { d as defineCustomElement$3 } from './p-5d8d9a52.js';
-import { d as defineCustomElement$2 } from './p-3ccd454b.js';
-import { d as defineCustomElement$1 } from './p-62e68de8.js';
-
-const getError = (code, errorCodes) => {
-  let error = {
-    type: undefined,
-    system_message: undefined,
-    message: undefined,
-  };
-  errorCodes = parsePossibleJSON(errorCodes);
-  error = errorCodes.filter(errorItem => {
-    // the == is intentional we may be comparing numbers to strings - and that is ok here
-    return errorItem.type == code;
-  })[0];
-  if (!error) {
-    error = errorCodes.filter(errorItem => {
-      return errorItem.type === "default";
-    })[0];
-  }
-  return error;
-};
-const getI18nError = (errorCode, errorCodes) => {
-  const errorFromJson = getError(errorCode, errorCodes);
-  const i18String = getLocaleString(errorFromJson.message);
-  if (i18String === "" || !i18String) {
-    return errorFromJson.system_message;
-  }
-  else {
-    return i18String;
-  }
-};
-
-const formatBytes = (bytes, decimals = 2) => {
-  if (bytes === 0) {
-    return "0 Bytes";
-  }
-  const k = 1024;
-  const dm = decimals < 0 ? 0 : decimals;
-  const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
-};
-
-const duetUploadItemCss = ".file-link::part(duet-link){text-decoration:none}";
-
-const DuetUploadItem = /*@__PURE__*/ proxyCustomElement(class DuetUploadItem extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.fileUploadingInfo = {
-      fi: "Tiedosto latautuu",
-      sv: "Filen laddas upp",
-      en: "File is uploading",
-    };
-    this.onLinkClick = (event) => {
-      const { url, meta } = this.data;
-      if (!!this.linkClickEvent) {
-        event.preventDefault();
-        this.linkClickEvent.emit({
-          component: "duet-upload",
-          data: { name: this.data.item.name, url, meta },
-        });
-      }
-    };
-    this.theme = "";
-    this.data = undefined;
-    this.type = undefined;
-    this.showLinks = undefined;
-    this.actions = undefined;
-    this.label = undefined;
-    this.categoryLabel = undefined;
-    this.errorCodes = undefined;
-    this.showCategory = undefined;
-    this.linkClickEvent = undefined;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-  }
-  /**
-   * focusActionButton.
-   */
-  async focusActionButton() {
-    if (this.actionButton) {
-      await this.actionButton.setFocus({ preventScroll: true });
-      this.actionButton.scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" });
-    }
-  }
-  getFileNameLine() {
-    const { item, size, uploaded, url, progress, error } = this.data;
-    const { name } = item;
-    const ContentName = (h("span", { class: "duet-upload-item-name" }, h("duet-icon", { margin: "none", size: "x-small", name: "messaging-attachment" }), h("duet-spacer", { size: "xx-small", direction: "horizontal" }), name));
-    const SizeText = (h("span", { class: "duet-upload-item-size", style: { fontSize: "14px", fontWeight: "400" } }, "(", formatBytes(size), ")"));
-    switch (this.type) {
-      case "inprogress":
-        return (h("span", { class: "duet-upload-item-name", role: "status" }, h("duet-paragraph", { class: "duet-upload-item-name", color: "gray-darker", 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-visually-hidden", null, h("duet-paragraph", null, getLocaleString(this.fileUploadingInfo))), h("duet-progress", { progress: Math.ceil(progress), "aria-hidden": true })));
-      case "pending":
-        return (h("span", { class: "duet-upload-item-name" }, h("duet-icon", { margin: "none", size: "x-small", name: "messaging-attachment" }), h("duet-spacer", { size: "xx-small", direction: "horizontal" }), name));
-      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", { 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() {
-    const { uid, meta, item } = this.data;
-    const Badges = meta && meta.badges ? (h("span", null, meta.badges.map(badgeText => (h("duet-badge", { color: "primary" }, badgeText))))) : undefined;
-    const actionDescription = `${meta && meta.badges ? meta.badges.join(",") : ""} ${item.name}`;
-    return (h("div", { class: {
-        "upload-item-row": true,
-      } }, this.showCategory && (h("div", { class: "item-categories" }, h("duet-heading", { class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { class: "item-actions" }, this.actions.map(actionItem => {
-      return (h("duet-action-button", { actionMeta: Object.assign({}, meta || {}), actionId: uid || null, actionName: actionItem.name, theme: this.theme, iconName: actionItem.icon, iconColor: actionItem.color, iconSize: actionItem.size, background: actionItem.background, "accessible-label": `${actionDescription} ${getLocaleString(actionItem.label)} `, accessibleTitle: false, ref: button => (this.actionButton = button) }));
-    }))));
-  }
-  get element() { return this; }
-  static get style() { return duetUploadItemCss; }
-}, [0, "duet-upload-item", {
-    "theme": [1025],
-    "data": [16],
-    "type": [1],
-    "showLinks": [4, "show-links"],
-    "actions": [8],
-    "label": [16],
-    "categoryLabel": [16],
-    "errorCodes": [16],
-    "showCategory": [4, "show-category"],
-    "linkClickEvent": [16],
-    "focusActionButton": [64]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-upload-item", "duet-action-button", "duet-badge", "duet-heading", "duet-icon", "duet-link", "duet-paragraph", "duet-progress", "duet-spacer", "duet-visually-hidden"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-upload-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetUploadItem);
-      }
-      break;
-    case "duet-action-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "duet-badge":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "duet-heading":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "duet-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "duet-link":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "duet-paragraph":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "duet-progress":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "duet-spacer":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "duet-visually-hidden":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { DuetUploadItem as D, getI18nError as a, defineCustomElement as d, getError as g };

package/lib/dist-custom-elements/p-759c725f.js

@@ -1,226 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7247d0b2.js';
-import { i as inheritGlobalTheme } from './p-d48735b6.js';
-import { d as defineCustomElement$4 } from './p-2b1a35cd.js';
-import { d as defineCustomElement$3 } from './p-180c0d2d.js';
-import { d as defineCustomElement$2 } from './p-bcfb9e03.js';
-import { d as defineCustomElement$1 } from './p-62e68de8.js';
-
-const duetScrollableCss = "*,*::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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--occluded{visibility:hidden}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){scroll-snap-align:center;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}";
-
-const DuetScrollable = /*@__PURE__*/ proxyCustomElement(class DuetScrollable extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    /**
-     * Private variables and constants index
-     */
-    this.currentIndex = 0;
-    this.tabListElement = undefined;
-    this.tabListClass = "duet-scrollable-list";
-    this.hasCollapseButtonLabelSlot = false;
-    this.resizeObserver = new ResizeObserver(entries => {
-      var _a, _b, _c, _d;
-      // otherwise, something is wrong, expecting 1 element only
-      if ((entries === null || entries === void 0 ? void 0 : entries.length) === 1) {
-        const currentWidth = (_b = (_a = entries[0]) === null || _a === void 0 ? void 0 : _a.target) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width;
-        const scrollWidth = (_d = (_c = entries[0]) === null || _c === void 0 ? void 0 : _c.target) === null || _d === void 0 ? void 0 : _d.scrollWidth;
-        // in order to avoid state "jumping" on the boundary condition we add a few pixels to the comparison
-        this.isTabContentSmallerThanWrapper = scrollWidth > currentWidth + 5;
-      }
-    });
-    this.collapsedOnClick = () => {
-      this.collapsed = !this.collapsed;
-    };
-    this.tablistAtStart = true;
-    this.isTabContentSmallerThanWrapper = false;
-    this.tablistAtEnd = false;
-    this.childrenData = {};
-    this.theme = "";
-    this.identifier = "";
-    this.collapsed = false;
-    this.buttons = true;
-    this.center = false;
-    this.selected = 0;
-  }
-  watchPropHandler(newValue) {
-    this.scrollToTab(newValue, "center");
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-    this.hasCollapseButtonLabelSlot = !!this.element.querySelector(":scope > [slot='collapse-button-label']");
-    const slotted = this.element.querySelectorAll(":scope > :not([slot='collapse-button-label'])");
-    this.childrenData = { hasChildren: slotted && slotted.length > 0, numberOfChildren: slotted && slotted.length };
-  }
-  componentDidLoad() {
-    this.resizeObserver.observe(this.tabListElement);
-  }
-  disconnectedCallback() {
-    this.resizeObserver.disconnect();
-  }
-  /**
-   * Private methods.
-   */
-  getLastVisibleElement() {
-    const clientWidth = this.tabListElement.clientWidth;
-    const xValues = Array.from(this.element.querySelectorAll("button")).findIndex(element => element.getBoundingClientRect().x > clientWidth);
-    return xValues;
-  }
-  getFirstVisibleElement() {
-    const buttonCollection = this.element.querySelectorAll("button");
-    // reverse the array because we want the first invisible element form the middle, not the first in the list
-    const arrayOfXValues = Array.from(buttonCollection).map(el => el.getBoundingClientRect().x - el.getBoundingClientRect().width);
-    const xValues = arrayOfXValues.findIndex(element => {
-      return element > 0;
-    });
-    return xValues;
-  }
-  updateScrollButtons(container = this.tabListElement) {
-    if (!this.buttons) {
-      return;
-    }
-    if (container.scrollLeft <= 0) {
-      this.tablistAtStart = true;
-    }
-    else if (container.scrollLeft > 0) {
-      this.tablistAtStart = false;
-    }
-    if (container.clientWidth + container.scrollLeft + 10 >= container.scrollWidth) {
-      this.tablistAtEnd = true;
-    }
-    else if (container.clientWidth + container.scrollLeft + 10 < container.scrollWidth) {
-      this.tablistAtEnd = false;
-    }
-  }
-  scrollToTab(index = this.currentIndex, inline) {
-    if (!this.childrenData.hasChildren) {
-      return;
-    }
-    if (index + 1 >= this.childrenData.numberOfChildren) {
-      index = this.childrenData.numberOfChildren - 1;
-    }
-    if (index < 0) {
-      index = 0;
-    }
-    const buttons = this.element.querySelectorAll("button");
-    // store previous position
-    let prevPosition = buttons[0].getBoundingClientRect().x;
-    // iterations to run
-    let ticksWhereScrollDidNotHappen = 5;
-    const getAnimationFrame = () => {
-      // if we get the same value enter the logic loop
-      if (buttons[0].getBoundingClientRect().x === prevPosition) {
-        ticksWhereScrollDidNotHappen--;
-        // When iteration is not complete run the calculation again
-        if (ticksWhereScrollDidNotHappen !== 0) {
-          window.requestAnimationFrame(getAnimationFrame);
-          return;
-        }
-        this.updateScrollButtons();
-      }
-      else {
-        window.requestAnimationFrame(getAnimationFrame);
-        prevPosition = buttons[0].getBoundingClientRect().x;
-      }
-    };
-    buttons[index].scrollIntoView({ behavior: "smooth", inline });
-    window.requestAnimationFrame(getAnimationFrame);
-  }
-  scrollLeft() {
-    this.tablistAtEnd = false;
-    const first = this.getFirstVisibleElement() - 1;
-    this.scrollToTab(first, "center");
-  }
-  scrollRight() {
-    this.tablistAtStart = false;
-    const last = this.getLastVisibleElement() + 1;
-    this.scrollToTab(last, "center");
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, { class: {
-        "duet-theme-turva": this.theme === "turva",
-        "duet-theme-default": this.theme === "default",
-      } }, this.hasCollapseButtonLabelSlot && (h("div", { class: {
-        collapse: true,
-        hide: !this.isTabContentSmallerThanWrapper && !this.collapsed,
-      } }, h("duet-button", { variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { name: "collapse-button-label" })))), h("div", { class: {
-        "duet-scrollable-items": true,
-        buttons: this.buttons,
-        center: this.center,
-      } }, h("button", { part: `${this.identifier}-button-left`, "aria-hidden": "true", class: {
-        "duet-scrollable-button": true,
-        "duet-scrollable-button--left": true,
-        "duet-scrollable-button--occluded": !this.isTabContentSmallerThanWrapper,
-      }, onClick: () => this.scrollLeft(), disabled: this.tablistAtStart, tabindex: "-1", hidden: !this.buttons }, h("duet-icon", { name: "action-arrow-left-small", size: "small", margin: "none" })), h("div", { class: {
-        [this.tabListClass]: true,
-        collapsed: this.collapsed,
-      }, onScroll: () => this.updateScrollButtons(), ref: element => (this.tabListElement = element) }, h("slot", null)), h("button", { part: `${this.identifier}-button-right`, "aria-hidden": "true", class: {
-        "duet-scrollable-button": true,
-        "duet-scrollable-button--right": true,
-        "duet-scrollable-button--occluded": !this.isTabContentSmallerThanWrapper,
-      }, onClick: () => this.scrollRight(), disabled: this.tablistAtEnd, tabindex: "-1", hidden: !this.buttons }, h("duet-icon", { name: "action-arrow-right-small", size: "small", margin: "none" })))));
-  }
-  get element() { return this; }
-  static get watchers() { return {
-    "selected": ["watchPropHandler"]
-  }; }
-  static get style() { return duetScrollableCss; }
-}, [1, "duet-scrollable", {
-    "theme": [1025],
-    "identifier": [1],
-    "collapsed": [1540],
-    "buttons": [4],
-    "center": [4],
-    "selected": [1026],
-    "tablistAtStart": [32],
-    "isTabContentSmallerThanWrapper": [32],
-    "tablistAtEnd": [32],
-    "childrenData": [32]
-  }, undefined, {
-    "selected": ["watchPropHandler"]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-scrollable", "duet-button", "duet-icon", "duet-spinner", "duet-visually-hidden"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-scrollable":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetScrollable);
-      }
-      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 { DuetScrollable as D, defineCustomElement as d };