@duetds/components 5.3.2 → 5.3.3

package/lib/esm/duet-editable-table_3.entry.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-59261780.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-ab50bfb2.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { f as fieldSorter, d as debounce } from './js-utils-52e0944c.js';
 import { i as isKeyboardClick } from './keyboard-utils-88ea1007.js';
 import { g as getLocaleString, s as sanitizeString } from './language-utils-bf701d37.js';
 import { m as mediaQueryMedium, h as mediaQueryLarge, i as mediaQueryXLarge, j as mediaQueryXxLarge, k as mediaQueryXxxLarge, l as mediaQuerySmall, n as sizeNavigation, s as sizeHeader } from './tokens.module-f4572ed7.js';
 import { c as createID } from './create-id-981107da.js';
-import './string-utils-5954f458.js';
+import { p as parsePossibleJSON } from './string-utils-5954f458.js';
 
 //simple functional component that renders the data in the table
 const TableData = ({ data, groupId, alignment }, _children) => {
@@ -475,12 +475,13 @@ const errorCodes = [
 	}
 ];
 
-const getError = (code) => {
+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;
@@ -492,8 +493,8 @@ const getError = (code) => {
   }
   return error;
 };
-const getI18nError = (errorCode) => {
-  const errorFromJson = getError(errorCode);
+const getI18nError = (errorCode, errorCodes) => {
+  const errorFromJson = getError(errorCode, errorCodes);
   const i18String = getLocaleString(errorFromJson.message);
   if (i18String === "" || !i18String) {
     return errorFromJson.system_message;
@@ -503,25 +504,29 @@ const getI18nError = (errorCode) => {
   }
 };
 
-const ErrorItem = ({ data }) => {
+const ErrorItem = ({ data, errorCodes }) => {
   const { item, error } = data;
   const { name } = item;
   const { type } = error;
   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: "xx-small", name: "messaging-attachment" }),
-      " ",
+      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(type))));
+    h("duet-paragraph", { class: "duet-upload-item-error-label", size: "small", margin: "none", color: "danger" }, getI18nError(type, errorCodes))));
 };
 
-const ProgressItem = ({ progress, name }) => (h("span", null,
-  h("duet-paragraph", { color: "secondary", margin: "none", size: "small" }, name),
+const ProgressItem = ({ progress, name }) => (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,
+  h("br", null),
   h("duet-progress", { progress: Math.ceil(progress), "aria-hidden": true })));
 
-const PendingItem = ({ name }) => (h("span", null,
-  h("duet-paragraph", { color: "secondary", margin: "none", size: "small" }, name),
-  h("duet-spacer", { size: "xx-small" })));
+const PendingItem = ({ name }) => (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 formatBytes = (bytes, decimals = 2) => {
   if (bytes === 0) {
@@ -590,23 +595,23 @@ const validateFileSize = (size, maxBytes) => {
   }
   return maxBytes >= size;
 };
-const validateFile = (item, validators) => {
+const validateFile = (item, validators, errorCodes) => {
   const { allowedMimetypes, allowedExtensions, maxBytes } = validators;
   let valid = false;
-  let errorMessage = getError("default");
+  let errorMessage = getError("default", errorCodes);
   if (item) {
     const { name, type, size } = item;
     const mime = validateFileMime(type, allowedMimetypes);
     const ext = validateFileExtension(name.toLowerCase(), allowedExtensions);
     const bytes = validateFileSize(size, maxBytes);
     if (!mime) {
-      errorMessage = getError("duet-upload-101");
+      errorMessage = getError("duet-upload-101", errorCodes);
     }
     if (!ext) {
-      errorMessage = getError("duet-upload-100");
+      errorMessage = getError("duet-upload-100", errorCodes);
     }
     if (!bytes) {
-      errorMessage = getError("duet-upload-201");
+      errorMessage = getError("duet-upload-201", errorCodes);
     }
     valid = mime && ext && bytes;
   }
@@ -650,6 +655,7 @@ const validateTotalAmountIsAboveMax = (filelist, maxFiles) => {
 };
 
 const makeXhrRequest = ({ payload, options, onFailure, onSuccess, onProgress }) => {
+  // @ts-ignore
   const { type = "POST", xhr, uri, argument = null, headers = null } = options;
   xhr.open(type, `${uri}${argument || ""}`, true);
   const { data, name } = payload;
@@ -677,7 +683,7 @@ const makeXhrRequest = ({ payload, options, onFailure, onSuccess, onProgress })
   return xhr;
 };
 
-const duetUploadCss = "*,*::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}::slotted([slot=header]){margin-bottom:16px}::slotted([slot=fileheader]){margin:16px 0 0 0}::slotted([slot=filefooter]){margin-top:16px}.duet-upload{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-upload-item-size{font-size:0.75rem;font-weight:400}.duet-upload-filelist{margin-bottom:25px}.duet-upload-filelist-empty{display:flex;align-items:center;justify-content:center;width:100%;height:75px;margin:0 auto;font-size:1rem;font-weight:400;background-color:#f5f8fa}.duet-upload-filelist-empty-label{font-size:1rem;font-weight:400}.duet-upload-editable-table-header-hidden{display:none}.duet-upload-editable-table tbody .duet-upload-editable-table-data{padding:0 !important;border:0}.duet-upload-editable-table duet-editable-table tfoot,.duet-upload-editable-table duet-editable-table thead{display:none}.duet-upload-editable-table duet-editable-table .duet-editable-table-content{padding-right:0 !important;padding-left:0 !important}.duet-upload-editable-table duet-editable-table duet-table .duet-table-action-row td{padding:1rem 0 !important}.duet-upload-editable-table duet-editable-table duet-table .duet-table-action-row td:last-child{padding-right:0 !important}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress{position:relative}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress duet-progress{position:absolute;bottom:0;width:100%}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress duet-action-button::part(button){border:0}.duet-upload-editable-table .duet-upload-item-name duet-icon{position:relative;top:2px}duet-paragraph::part(duet-paragraph){word-break:break-word}";
+const duetUploadCss = "*,*::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}::slotted([slot=header]){margin-bottom:16px}::slotted([slot=fileheader]){margin:16px 0 0 0}::slotted([slot=filefooter]){margin-top:16px}.duet-upload{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-upload-item-size{font-size:0.75rem;font-weight:400}.duet-upload-filelist{margin-bottom:25px}.duet-upload-filelist-empty{display:flex;align-items:center;justify-content:center;width:100%;height:75px;margin:0 auto;font-size:1rem;font-weight:400;background-color:#f5f8fa}.duet-upload-filelist-empty-label{font-size:1rem;font-weight:400}.duet-upload-editable-table-header-hidden{display:none}.duet-upload-editable-table tbody .duet-upload-editable-table-data{padding:0 !important;border:0}.duet-upload-editable-table duet-editable-table tfoot,.duet-upload-editable-table duet-editable-table thead{display:none}.duet-upload-editable-table duet-editable-table .duet-editable-table-content{padding-right:0 !important;padding-left:0 !important}.duet-upload-editable-table duet-editable-table duet-table .duet-table-action-row td{padding:1rem 0 !important}.duet-upload-editable-table duet-editable-table duet-table .duet-table-action-row td:last-child{padding-right:0 !important}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress,.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending{position:relative}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress duet-progress,.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending duet-progress{position:absolute;bottom:0;width:100%}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress duet-action-button::part(button),.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending duet-action-button::part(button){border:0}.duet-upload-editable-table .duet-upload-item-name duet-icon{position:relative;top:2px}duet-paragraph::part(duet-paragraph){word-break:break-word}";
 
 const DuetUpload = class {
   constructor(hostRef) {
@@ -685,6 +691,7 @@ const DuetUpload = class {
     this.duetChange = createEvent(this, "duetChange", 3);
     this.duetBlur = createEvent(this, "duetBlur", 7);
     this.duetFocus = createEvent(this, "duetFocus", 7);
+    this.duetReady = createEvent(this, "duetReady", 7);
     this.duetDone = createEvent(this, "duetDone", 3);
     this.duetState = createEvent(this, "duetState", 3);
     this.duetDelete = createEvent(this, "duetDelete", 3);
@@ -700,6 +707,10 @@ const DuetUpload = class {
      * it will be up to you to handle the upload and return progress information to the upload-component
      */
     this.external = false;
+    /**
+     * If internal upload method is used, and this has been set to a function - it will be called with the XHR options before the reqeust is sent, return an updated XHR options object in order to manipulate the request
+     */
+    this.middleware = null;
     /**
      * If defer-upload is true, duet-upload will not (as recommended) instantly upload files but await a call to uploadPending()
      */
@@ -719,7 +730,7 @@ const DuetUpload = class {
         size: "x-small",
         background: "gray-lightest",
         name: "delete",
-        map: ["success", "failure", "pending"],
+        map: ["success", "failure"],
         label: {
           fi: "Poista tiedosto",
           en: "Poista tiedosto",
@@ -732,7 +743,7 @@ const DuetUpload = class {
         size: "x-small",
         background: "gray-lightest",
         name: "cancel",
-        map: ["inprogress"],
+        map: ["inprogress", "pending"],
         label: {
           fi: "Keskeytä lähetys",
           en: "Cancel the upload",
@@ -926,6 +937,10 @@ const DuetUpload = class {
      * Display the input in error state along with an error message.
      */
     this.error = "";
+    /**
+     * Default errorcodes used by the component, modifiable via javascript
+     */
+    this.errorCodes = errorCodes;
     /**
      * Use maxBytes to specify the maximum size in Bytes of a file that can be uploaded.
      */
@@ -1081,7 +1096,7 @@ const DuetUpload = class {
         return h(PendingItem, { name: data.item.name });
       }
       else if (group === this.DefaultGroups.failure) {
-        return h(ErrorItem, { data: data });
+        return h(ErrorItem, { data: data, errorCodes: this.errorCodes });
       }
       else if (data.group) {
         return data.html;
@@ -1196,7 +1211,7 @@ const DuetUpload = class {
       this.updateValueInMap(name, "valid", false, true);
     };
     this.transferFailed = name => {
-      this.updateValueInMap(name, "error", getError("duet-upload-001"));
+      this.updateValueInMap(name, "error", getI18nError("duet-upload-001", this.errorCodes));
     };
     this.transferCanceled = name => {
       this.files.delete(name);
@@ -1207,10 +1222,10 @@ const DuetUpload = class {
       const isTotalSizeOverMaxSize = validateTotalSizeIsAboveMax(this.files, this.maxBytesTotal);
       const isTotalFileAmountAboveMax = validateTotalAmountIsAboveMax(this.files, this.maxFiles);
       if (isTotalSizeOverMaxSize && name) {
-        this.updateValueInMap(name, "error", getError("duet-upload-202"), false);
+        this.updateValueInMap(name, "error", getI18nError("duet-upload-202", this.errorCodes), false);
       }
       if (isTotalFileAmountAboveMax && name) {
-        this.updateValueInMap(name, "error", getError("duet-upload-301"), false);
+        this.updateValueInMap(name, "error", getI18nError("duet-upload-301", this.errorCodes), false);
       }
       this.bytesMaxReached = isTotalSizeOverMaxSize;
       this.fileMaxReached = isTotalFileAmountAboveMax;
@@ -1291,7 +1306,9 @@ const DuetUpload = class {
       this.files.delete(retrievedKey);
       if (!this.external) {
         const { xhr } = cancelledItem;
-        xhr.abort();
+        if (xhr) {
+          xhr.abort();
+        }
       }
       else {
         this.kick();
@@ -1332,6 +1349,11 @@ const DuetUpload = class {
         component: "duet-upload",
       });
     };
+    this.onReady = () => {
+      this.duetReady.emit({
+        component: "duet-upload",
+      });
+    };
     this.onDone = () => {
       this.duetDone.emit({
         component: "duet-upload",
@@ -1438,6 +1460,7 @@ const DuetUpload = class {
     }
     inheritGlobalTheme(this);
     this.listenForActionEvents();
+    this.onReady();
   }
   componentWillRender() {
     // listen to the events from the component
@@ -1507,7 +1530,7 @@ const DuetUpload = class {
         "duet-upload-filelist-filled": this.files.size,
       }, id: this.labelId, for: identifier }, h("span", { class: {
         "duet-upload-filelist-empty-label": !this.files.size,
-      } }, this.fileListEmpty))), !!this.files.size && h("slot", { name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderEditableTableGroups(), !!this.files.size && h("slot", { name: "filefooter" }), h("duet-spacer", { size: "large" }), !this.hideButton && (h("duet-button", { id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel)), h("duet-spacer", { size: "medium" }), (this.fileMaxReached || this.bytesMaxReached) && (h("duet-alert", { part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301"), this.bytesMaxReached && getI18nError("duet-upload-202"))), h("duet-spacer", { size: "medium" }), h("duet-visually-hidden", null, h("input", { ref: input => {
+      } }, this.fileListEmpty))), !!this.files.size && h("slot", { name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderEditableTableGroups(), !!this.files.size && h("slot", { name: "filefooter" }), h("duet-spacer", { size: "large" }), !this.hideButton && (h("duet-button", { id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel)), h("duet-spacer", { size: "medium" }), (this.fileMaxReached || this.bytesMaxReached) && (h("duet-alert", { part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes))), h("duet-spacer", { size: "medium" }), h("duet-visually-hidden", null, h("input", { ref: input => {
         this.nativeInput = input;
       }, accept: !this.limitSelection ? undefined : `${this.allowedMimetypes},${this.allowedExtensions}`, onBlur: this.onBlur, onFocus: this.onFocus, onChange: e => this.onChange(e), type: "file", class: {
         "duet-upload": true,
@@ -1531,34 +1554,43 @@ const DuetUpload = class {
     xhr.upload.addEventListener("abort", () => {
       this.transferCanceled(name);
     });
-    return makeXhrRequest({
+    let options = {
       payload: { data, name },
-      options: { type: "POST", uri: this.uri, xhr, argument: null, headers: null },
+      options: { type: "POST", uri: this.uri, xhr, argument: null, headers: undefined },
       onFailure: this.transferDoneWithFailure,
       onSuccess: this.transferDone,
       onProgress: this.trackProgress,
-    });
+    };
+    if (this.middleware) {
+      options = this.middleware(options);
+    }
+    return makeXhrRequest(options);
   }
   makeXHRDeleteRequest(data) {
     const { uid, item } = data;
     const xhr = new XMLHttpRequest();
-    // don't present server issues to user on deletes, just remove them from the visible list
-    return makeXhrRequest({
+    const headers = {
+      "x-fileuid": uid,
+      "x-filename": item.name,
+    };
+    let options = {
       payload: { data: null, name },
       options: {
         type: "DELETE",
         xhr,
         uri: this.uri,
-        arguments: `?key=${uid}&name=${item.name}`,
-        headers: {
-          "x-fileuid": uid,
-          "x-filename": item.name,
-        },
+        argument: `?key=${uid}&name=${item.name}`,
+        headers,
       },
       onFailure: this.transferDoneWithFailure,
       onSuccess: this.transferDone,
       onProgress: this.trackProgress,
-    });
+    };
+    if (this.middleware) {
+      options = this.middleware(options);
+    }
+    // don't present server issues to user on deletes, just remove them from the visible list
+    return makeXhrRequest(options);
   }
   /**
    * Component event handling.
@@ -1575,7 +1607,7 @@ const DuetUpload = class {
           maxBytes: this.maxBytes,
           allowedExtensions: this.allowedExtensions,
           allowedMimetypes: this.allowedMimetypes,
-        });
+        }, this.errorCodes);
         const uid = this.genHashName();
         const fileListItem = {
           uid,

package/lib/esm/duet-empty-state.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-59261780.js';
+import { r as registerInstance, h, H as Host } from './index-ab50bfb2.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 
 const duetEmptyStateCss = "*,*::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%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:#00294d;text-align:center;background:#f5f8fa;border-radius:4px}.duet-empty-state.duet-theme-turva{color:#171c3a;background:#f5f5f7}";

package/lib/esm/duet-fieldset.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-59261780.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ab50bfb2.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 

package/lib/esm/duet-footer.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent$1, h, F as Fragment, g as getElement } from './index-59261780.js';
+import { r as registerInstance, c as createEvent$1, h, F as Fragment, g as getElement } from './index-ab50bfb2.js';
 import { a as actionNewWindowSmall } from './action-new-window-small-1945be91.js';
 import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';

package/lib/esm/duet-grid_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, g as getElement, H as Host } from './index-59261780.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './index-ab50bfb2.js';
 import { m as media_query_large, a as media_query_medium, b as media_query_small } from './tokens-8ff8c570.js';
 import { w as watchForOptions, a as watchForElement } from './watch-options-dd55bce8.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';

package/lib/esm/duet-header_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { h, r as registerInstance, c as createEvent$1, F as Fragment, H as Host, g as getElement } from './index-59261780.js';
+import { h, r as registerInstance, c as createEvent$1, F as Fragment, H as Host, g as getElement } from './index-ab50bfb2.js';
 import { f as formSearch } from './form-search-ea8e19ae.js';
 import { m as media_query_large } from './tokens-8ff8c570.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.es6-61b5e9a4.js';

package/lib/esm/duet-hero.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-59261780.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-ab50bfb2.js';
 import { a as actionNewWindowSmall } from './action-new-window-small-1945be91.js';
 import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';

package/lib/esm/duet-icon.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { E as Env, r as registerInstance, h, H as Host, g as getElement } from './index-59261780.js';
+import { E as Env, r as registerInstance, h, H as Host, g as getElement } from './index-ab50bfb2.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { g as getColorByName } from './token-utils-1f9435bc.js';
 import './tokens.module-f4572ed7.js';

package/lib/esm/duet-input_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-59261780.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ab50bfb2.js';
 import { f as formSearch } from './form-search-ea8e19ae.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';

package/lib/esm/duet-layout.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-59261780.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ab50bfb2.js';
 import { i as isInternetExplorer } from './is-internet-explorer-62b3bdbd.js';
 
 const duetLayoutCss = "*,*::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;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-layout-has-top{margin-top:0}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%;margin:72px auto 0}.duet-layout-top.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";

package/lib/esm/duet-list_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, g as getElement, H as Host } from './index-59261780.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './index-ab50bfb2.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { w as watchForOptions } from './watch-options-dd55bce8.js';
 

package/lib/esm/duet-modal.entry.js

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-59261780.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-ab50bfb2.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.es6-61b5e9a4.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
-import { f as focusElement, F as FocusGuard } from './focus-utils-634e7bc9.js';
+import { f as focusElement, F as FocusGuard } from './focus-utils-2632e19f.js';
 import { f as isEscapeKey } from './keyboard-utils-88ea1007.js';
 import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
 import './string-utils-5954f458.js';

package/lib/esm/duet-notification_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, g as getElement } from './index-59261780.js';
+import { r as registerInstance, h, g as getElement } from './index-ab50bfb2.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
 import { a as actionArrowDownSmall } from './action-arrow-down-small-82273dc8.js';

package/lib/esm/duet-number-input.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-59261780.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ab50bfb2.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { a as isArrowRightKey, b as isArrowUpKey, c as isArrowDownKey, d as isArrowLeftKey, e as isBackspaceKey } from './keyboard-utils-88ea1007.js';

package/lib/esm/duet-pagination_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-59261780.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-ab50bfb2.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { d as debounce } from './js-utils-52e0944c.js';

package/lib/esm/duet-progress.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-59261780.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ab50bfb2.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { g as getLocaleString } from './language-utils-bf701d37.js';

package/lib/esm/duet-radio_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-59261780.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ab50bfb2.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { f as findCheckedOption, w as watchForOptions } from './watch-options-dd55bce8.js';

package/lib/esm/duet-range-slider.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-59261780.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ab50bfb2.js';
 import { c as colorPrimaryTurva, a as colorGrayTurva, b as colorPrimary, d as colorGray } from './tokens.module-f4572ed7.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';

package/lib/esm/duet-scrollable_3.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-59261780.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-ab50bfb2.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { g as getLocaleString, a as getLanguage } from './language-utils-bf701d37.js';
 import { c as createID } from './create-id-981107da.js';

package/lib/esm/duet-select.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-59261780.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ab50bfb2.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { p as parsePossibleJSON } from './string-utils-5954f458.js';

package/lib/esm/duet-step_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-59261780.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-ab50bfb2.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { i as isKeyboardClick } from './keyboard-utils-88ea1007.js';

package/lib/esm/duet-textarea.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-59261780.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ab50bfb2.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { c as cleanValue } from './input-utils-de45e099.js';

package/lib/esm/duet-toggle.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-59261780.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ab50bfb2.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 

package/lib/esm/duet-tooltip.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-59261780.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ab50bfb2.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';

package/lib/esm/duet-tray.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-59261780.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-ab50bfb2.js';
 import { s as sizeHeader } from './tokens.module-f4572ed7.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';

package/lib/esm/duet-upload-aria-status.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-59261780.js';
+import { r as registerInstance, h, H as Host } from './index-ab50bfb2.js';
 
 const DuetUploadAriaStatus = class {
   constructor(hostRef) {

package/lib/esm/duet-visually-hidden.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-59261780.js';
+import { r as registerInstance, h, H as Host } from './index-ab50bfb2.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}";