@duetds/components 5.1.4 → 5.1.5

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const jsUtils = require('./js-utils-be1d29ae.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');
 const languageUtils = require('./language-utils-4f62a7db.js');
@@ -310,7 +310,7 @@ const DuetTable = class {
     // this clears all pending mutations,
     // that way we avoid dealing with any initial changes
     // and only get genuine mutations as rows are added/removed
-    this.observer.takeRecords();
+    this.observer ? this.observer.takeRecords() : null;
   }
   disconnectedCallback() {
     this.observer.disconnect();
@@ -523,6 +523,10 @@ const ProgressItem = ({ progress, name }) => (index.h("span", null,
   index.h("duet-spacer", { size: "xx-small" }),
   index.h("duet-progress", { progress: Math.ceil(progress), "aria-hidden": true })));
 
+const PendingItem = ({ name }) => (index.h("span", null,
+  index.h("duet-paragraph", { color: "secondary", margin: "none", size: "small" }, name),
+  index.h("duet-spacer", { size: "xx-small" })));
+
 const formatBytes = (bytes, decimals = 2) => {
   if (bytes === 0) {
     return "0 Bytes";
@@ -700,9 +704,13 @@ 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 defer-upload is true, duet-upload will not (as recommended) instantly upload files but await a call to uploadPending()
+     */
+    this.deferUpload = false;
     /**
      * If set the upload component will not display an upload button, you will have to create one yourself
-     * and call the exposed method startUpload
+     * and call the exposed method startUpload to open the upload dialog
      */
     this.hideButton = false;
     /**
@@ -715,7 +723,7 @@ const DuetUpload = class {
         size: "x-small",
         background: "gray-lightest",
         name: "delete",
-        map: ["success", "failure"],
+        map: ["success", "failure", "pending"],
         label: {
           fi: "Poista tiedosto",
           en: "Poista tiedosto",
@@ -969,6 +977,7 @@ const DuetUpload = class {
     this.DefaultGroups = {
       inprogress: "inprogress",
       success: "success",
+      pending: "pending",
       failure: "failure",
     };
     /**
@@ -985,6 +994,14 @@ const DuetUpload = class {
           en: "Files inprogress",
         },
       },
+      {
+        id: this.DefaultGroups.pending,
+        label: {
+          en: "Files to upload",
+          sv: "Filer att ladda",
+          fi: "Tiedostot ladattavat",
+        },
+      },
       {
         id: this.DefaultGroups.success,
         label: {
@@ -1012,7 +1029,6 @@ const DuetUpload = class {
       this.element.addEventListener("duetActionEvent", (e) => {
         const detail = e.detail;
         const { action, id, originalEvent } = detail;
-        console.log(e);
         switch (action) {
           case "delete":
             this.onDelete(id, originalEvent);
@@ -1040,9 +1056,6 @@ const DuetUpload = class {
       if (item.valid && item.progress === 100) {
         // if the item has a group, move the file to that group instead
         // of into the standard success group
-        if (item.group) {
-          return item.group;
-        }
         return this.DefaultGroups.success;
       }
       else if (item.progress > 0 && item.progress !== 100) {
@@ -1051,6 +1064,9 @@ const DuetUpload = class {
       else if (!item.valid) {
         return this.DefaultGroups.failure;
       }
+      else if (item.pending) {
+        return this.DefaultGroups.pending;
+      }
       else if (item.group) {
         return item.group;
       }
@@ -1065,6 +1081,9 @@ const DuetUpload = class {
       else if (group === this.DefaultGroups.inprogress) {
         return index.h(ProgressItem, { progress: data.progress, name: data.item.name });
       }
+      else if (group === this.DefaultGroups.pending) {
+        return index.h(PendingItem, { name: data.item.name });
+      }
       else if (group === this.DefaultGroups.failure) {
         return index.h(ErrorItem, { data: data });
       }
@@ -1077,9 +1096,16 @@ const DuetUpload = class {
     };
     this.genHashName = () => Date.now().toString(36) + Math.random();
     this.updateValueInMap = (item, key, value, kick = true) => {
-      const fileItem = this.files.get(item);
-      fileItem[key] = value;
-      this.files.set(item, fileItem);
+      try {
+        const fileItem = this.files.get(item);
+        fileItem[key] = value;
+        this.files.set(item, fileItem);
+      }
+      catch (e) {
+        // if a users tries to update entries on a file that doesn't exist,
+        // this will blow up - so we're swallowing the errors here on purpose
+        // console.warn("operation on missing items")
+      }
       if (kick) {
         this.kick();
       }
@@ -1197,6 +1223,46 @@ const DuetUpload = class {
         fileMaxReached: isTotalFileAmountAboveMax,
       };
     };
+    this.uploadFile = async (fileListItem, force = false, key) => {
+      if (!force && this.deferUpload) {
+        this.updateValueInMap(fileListItem.item.name, "pending", true, false);
+        this.updateValueInMap(fileListItem.item.name, "group", "pending", true);
+      }
+      else if (force) {
+        this.updateValueInMap(fileListItem.item.name, "pending", false, false);
+        this.updateValueInMap(fileListItem.item.name, "group", undefined, true);
+      }
+      try {
+        if (!this.deferUpload || force) {
+          // if all is well AND external file upload handling has not been set, start upload
+          const data = new FormData();
+          data.append("file", fileListItem.item);
+          if (key) {
+            data.append("key", key);
+          }
+          data.append("uid", fileListItem.uid);
+          data.append("name", fileListItem.item.name);
+          data.append("metadata", JSON.stringify({
+            uid: fileListItem.uid,
+            url: this.uri,
+            size: fileListItem.item.size,
+            meta: fileListItem.meta,
+          }));
+          fileListItem.xhr = await this.makeXHRPostRequest(data);
+        }
+      }
+      catch (e) {
+        // in case one of the global maxes have been reached, invalidate the file
+        this.updateValueInMap(fileListItem.item.name, "valid", false, false);
+      }
+    };
+    this.uploadPendingFiles = () => {
+      for (const [key, value] of this.files.entries()) {
+        if (value.group === "pending" && value.pending === true) {
+          this.uploadFile(value, true, key);
+        }
+      }
+    };
     this.getItemFromUID = (uid) => {
       for (const [key, value] of this.files.entries()) {
         if (value.uid === uid) {
@@ -1206,7 +1272,8 @@ const DuetUpload = class {
       return null;
     };
     this.onDelete = (key, ev) => {
-      const retrievedKey = this.getItemFromUID(key).key;
+      const item = this.getItemFromUID(key);
+      const retrievedKey = item.key;
       const deletedItem = this.files.get(retrievedKey);
       this.files.delete(retrievedKey);
       this.validateTotals();
@@ -1216,7 +1283,8 @@ const DuetUpload = class {
         data: { deletion: deletedItem },
         component: "duet-upload",
       });
-      if (!this.external) {
+      // don't send a xhr request if the item was pending, just remove it from the list
+      if (!this.external && !deletedItem.pending) {
         this.makeXHRDeleteRequest(deletedItem);
       }
       this.resetFormFields();
@@ -1281,6 +1349,7 @@ const DuetUpload = class {
       const all = [...this.files.values()];
       const inprogress = [];
       const failure = [];
+      const pending = [];
       const success = [];
       all.forEach(data => {
         const group = this.getGroupFromItemData(data);
@@ -1299,6 +1368,13 @@ const DuetUpload = class {
             group,
           });
         }
+        else if (group === this.DefaultGroups.pending) {
+          pending.push({
+            uid: data.uid,
+            item,
+            group,
+          });
+        }
         else if (group === this.DefaultGroups.failure) {
           failure.push({
             uid: data.uid,
@@ -1316,6 +1392,7 @@ const DuetUpload = class {
       });
       return {
         inprogress,
+        pending,
         failure,
         success,
       };
@@ -1389,6 +1466,12 @@ const DuetUpload = class {
     this.nativeInput.click();
     return;
   }
+  /**
+   * Method for uploading pending files
+   */
+  async uploadPending() {
+    this.uploadPendingFiles();
+  }
   /**
    * Method for forcing a render of the upload list, element.files can be changed externally
    * But it will only rerender on a new Map or a top Level change - this can be used to update
@@ -1527,19 +1610,14 @@ const DuetUpload = class {
           this.updateValueInMap(item.name, "valid", false, false);
         }
         else if (valid && !this.external) {
-          // if all is well AND external file upload handling has not been set, start upload
-          const data = new FormData();
-          data.append("file", item);
-          data.append("uid", uid);
-          data.append("name", item.name);
-          data.append("metadata", JSON.stringify({ uid, url: this.uri, size: item.size, meta: fileListItem.meta }));
-          try {
-            fileListItem.xhr = await this.makeXHRPostRequest(data);
-          }
-          catch (e) {
-            // in case one of the global maxes have been reached, invalidate the file
-            this.updateValueInMap(item.name, "valid", false, false);
-          }
+          await this.uploadFile(fileListItem);
+        }
+        else if (valid && this.external) {
+          this.updateValueInMap(fileListItem.item.name, "pending", true, false);
+          this.updateValueInMap(fileListItem.item.name, "group", "pending", true);
+        }
+        else if (!valid) {
+          this.updateValueInMap(item.name, "valid", false, true);
         }
         // kick the stat to force update
         this.kick();

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const themeableComponent = require('./themeable-component-940d3b50.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/cjs/duet-fieldset.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const createId = require('./create-id-c3b984b1.js');
 const themeableComponent = require('./themeable-component-940d3b50.js');
 

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');
 const actionArrowRightSmall = require('./action-arrow-right-small-a25eb475.js');
 const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const tokens = require('./tokens-29450bcb.js');
 const watchOptions = require('./watch-options-d88afac0.js');
 const themeableComponent = require('./themeable-component-940d3b50.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const formSearch = require('./form-search-d61b2843.js');
 const tokens = require('./tokens-29450bcb.js');
 const bodyScrollLock_es6 = require('./bodyScrollLock.es6-6ef1142a.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
 const commonStrings = require('./common-strings-de17f887.js');
 const languageUtils = require('./language-utils-4f62a7db.js');

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

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const themeableComponent = require('./themeable-component-940d3b50.js');
-const tokenUtils = require('./token-utils-d1f8069b.js');
+const tokenUtils = require('./token-utils-50a1f7e2.js');
 require('./tokens.module-ef598645.js');
 
 const cleanupSvg = (svgContent) => {

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const formSearch = require('./form-search-d61b2843.js');
 const createId = require('./create-id-c3b984b1.js');
 const inputUtils = require('./input-utils-b5e8f524.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const isInternetExplorer = require('./is-internet-explorer-91361c56.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/cjs/duet-list_2.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const themeableComponent = require('./themeable-component-940d3b50.js');
 const watchOptions = require('./watch-options-d88afac0.js');
 

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

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const bodyScrollLock_es6 = require('./bodyScrollLock.es6-6ef1142a.js');
 const createId = require('./create-id-c3b984b1.js');
-const focusUtils = require('./focus-utils-9ac6d246.js');
+const focusUtils = require('./focus-utils-a84555de.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');
 const languageUtils = require('./language-utils-4f62a7db.js');
 const themeableComponent = require('./themeable-component-940d3b50.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const languageUtils = require('./language-utils-4f62a7db.js');
 const themeableComponent = require('./themeable-component-940d3b50.js');
 const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const createId = require('./create-id-c3b984b1.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');
 const languageUtils = require('./language-utils-4f62a7db.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const createId = require('./create-id-c3b984b1.js');
 const jsUtils = require('./js-utils-be1d29ae.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const createId = require('./create-id-c3b984b1.js');
 const languageUtils = require('./language-utils-4f62a7db.js');
 const themeableComponent = require('./themeable-component-940d3b50.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const createId = require('./create-id-c3b984b1.js');
 const themeableComponent = require('./themeable-component-940d3b50.js');
 const watchOptions = require('./watch-options-d88afac0.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const tokens_module = require('./tokens.module-ef598645.js');
 const createId = require('./create-id-c3b984b1.js');
 const isInternetExplorer = require('./is-internet-explorer-91361c56.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const themeableComponent = require('./themeable-component-940d3b50.js');
 const languageUtils = require('./language-utils-4f62a7db.js');
 const createId = require('./create-id-c3b984b1.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const createId = require('./create-id-c3b984b1.js');
 const stringUtils = require('./string-utils-5cadd058.js');
 const themeableComponent = require('./themeable-component-940d3b50.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const createId = require('./create-id-c3b984b1.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');
 const themeableComponent = require('./themeable-component-940d3b50.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const createId = require('./create-id-c3b984b1.js');
 const inputUtils = require('./input-utils-b5e8f524.js');
 const themeableComponent = require('./themeable-component-940d3b50.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const createId = require('./create-id-c3b984b1.js');
 const themeableComponent = require('./themeable-component-940d3b50.js');
 

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const createId = require('./create-id-c3b984b1.js');
 const languageUtils = require('./language-utils-4f62a7db.js');
 const themeableComponent = require('./themeable-component-940d3b50.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 const tokens_module = require('./tokens.module-ef598645.js');
 const createId = require('./create-id-c3b984b1.js');
 const languageUtils = require('./language-utils-4f62a7db.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.js');
 
 const DuetUploadAriaStatus = class {
   constructor(hostRef) {

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c417c983.js');
+const index = require('./index-d5c2b63c.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}";