@duetds/components 6.2.4 → 6.2.6

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-adbabdb3.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-f74e4d6a.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { f as fieldSorter, d as debounce } from './js-utils-fa98b8cd.js';
 import { i as isKeyboardClick } from './keyboard-utils-88ea1007.js';
@@ -29,69 +29,6 @@ const DuetEditableTable = class {
     registerInstance(this, hostRef);
     this.duetTableToggle = createEvent(this, "duetTableToggle", 7);
     this.duetMenuClick = createEvent(this, "duetMenuClick", 7);
-    /**
-     * Duet-table: margin of the component.
-     */
-    this.margin = "auto";
-    /**
-     * Duet-table: Style variation of the table.
-     */
-    this.variation = "striped";
-    /**
-     * Duet-table: Controls whether the table has a sticky header.
-     * Sticky headers are not compatible with breakpoint="none-scrollable".
-     */
-    this.sticky = false;
-    /**
-     * Duet-table: Adjust the distance from top of the viewport (in pixels) when the
-     * table header becomes sticky.
-     */
-    this.stickyDistance = "with-links";
-    /**
-     * Duet-table: By default the table is responsive - it will be flattened at narrow viewport widths.
-     * This prop controls the breakpoint at which the table should be rendered as a _regular_ table.
-     * Set to "none" to disable the responsive functionality.
-     * Set to "none-scrollable" to disable responsive functionality _and_ allow horizontal scrolling -
-     * this is useful for comparison tables where it's important to maintain column and row layout.
-     */
-    this.breakpoint = "small";
-    /**
-     * Define actions for all items in a table
-     * An alternative to inline HTML table.
-     * required for Sortable tables
-     * @default undefined
-     */
-    this.actions = undefined;
-    /**
-     * Define columns for a table
-     * An alternative to inline HTML table.
-     * required for Sortable tables
-     * @default undefined
-     */
-    this.columns = undefined;
-    /**
-     * Define rows for a table
-     * An alternative to inline HTML table.
-     * required for Sortable tables
-     * @default undefined
-     */
-    this.rows = undefined;
-    /**
-     * Controls whether the table is sortable by headers
-     */
-    this.sortable = false;
-    /**
-     * Optional id that get passed to the table and used to setup ::parts
-     */
-    this.groupId = "";
-    /**
-     * Theme of the table.
-     */
-    this.theme = "";
-    /**
-     * Exposes the aria role for optimizing accessibility.
-     */
-    this.accessibleRole = undefined;
     this.sortableDefaultLabel = {
       fi: "Järjestä",
       en: "Click to sort",
@@ -122,6 +59,18 @@ const DuetEditableTable = class {
         this.toggleColumn(column, e);
       }
     };
+    this.margin = "auto";
+    this.variation = "striped";
+    this.sticky = false;
+    this.stickyDistance = "with-links";
+    this.breakpoint = "small";
+    this.actions = undefined;
+    this.columns = undefined;
+    this.rows = undefined;
+    this.sortable = false;
+    this.groupId = "";
+    this.theme = "";
+    this.accessibleRole = undefined;
   }
   /**
    * Component lifecycle events.
@@ -235,39 +184,16 @@ const stickyTopValues = {
 const DuetTable = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Tracks whether the breakpoint is matched. This is set to true by default so that JavaScript disabled in SSR mode we get accessible table data first.
-     */
+    this.handleMediaQueryChange = (mq) => {
+      this.matchesBreakpoint = mq.matches;
+    };
     this.matchesBreakpoint = true;
-    /**
-     * Controls the margin of the component.
-     */
+    this.theme = undefined;
     this.margin = "auto";
-    /**
-     * Style variation of the table.
-     */
     this.variation = "striped";
-    /**
-     * Controls whether the table has a sticky header.
-     * Sticky headers are not compatible with breakpoint="none-scrollable".
-     */
     this.sticky = false;
-    /**
-     * Adjust the distance from top of the viewport (in pixels) when the
-     * table header becomes sticky.
-     */
     this.stickyDistance = "with-links";
-    /**
-     * By default the table is responsive - it will be flattened at narrow viewport widths.
-     * This prop controls the breakpoint at which the table should be rendered as a _regular_ table.
-     * Set to "none" to disable the responsive functionality.
-     * Set to "none-scrollable" to disable responsive functionality _and_ allow horizontal scrolling -
-     * this is useful for comparison tables where it's important to maintain column and row layout.
-     */
     this.breakpoint = "small";
-    this.handleMediaQueryChange = (mq) => {
-      this.matchesBreakpoint = mq.matches;
-    };
   }
   connectedCallback() {
     const token = this.breakpoint === "none" || this.breakpoint === "none-scrollable" ? "all" : breakpointToToken[this.breakpoint];
@@ -692,280 +618,6 @@ const DuetUpload = class {
     this.duetCancel = createEvent(this, "duetCancel", 3);
     this.duetProgress = createEvent(this, "duetProgress", 3);
     this.duetUpload = createEvent(this, "duetUpload", 3);
-    /**
-     * State() variables
-     */
-    this.tick = Date.now();
-    /**
-     * If external is set to true, the upload component will not actually upload the files, but only keep states
-     * 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()
-     */
-    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 to open the upload dialog
-     */
-    this.hideButton = false;
-    /**
-     * Default actions added to the internally used duet-editable-table
-     */
-    this.actions = [
-      {
-        icon: "action-delete",
-        color: "color-danger",
-        size: "x-small",
-        background: "gray-lightest",
-        name: "delete",
-        map: ["success", "failure"],
-        label: {
-          fi: "Poista tiedosto",
-          en: "Poista tiedosto",
-          sv: "Ta bort filen",
-        },
-      },
-      {
-        icon: "navigation-close",
-        color: "primary",
-        size: "x-small",
-        background: "gray-lightest",
-        name: "cancel",
-        map: ["inprogress", "pending"],
-        label: {
-          fi: "Keskeytä lähetys",
-          en: "Cancel the upload",
-          sv: "Stop överföringen",
-        },
-      },
-    ];
-    /**
-     * If enabled the editable-table will display links on successfully uploaded items,
-     * this requires the server can respond with link URIs in the correct format
-     * and that the files are accessible to the user
-     */
-    this.showLinks = false;
-    /**
-     * Property to change the aria upload progress text read aloud by screenreaders
-     * @default {
-     *     fi: {
-     *       inProgress: "Lähetetään {filesUploaded} lähetettävästä {filesTotal} tiedostosta",
-     *       inProgressWithErrors:
-     *         "Lähetetään {filesInProgress} tiedostoa, lähetetty {filesUploaded} lähetettävästä {filesTotal} tiedostosta, {filesWithErrors} tiedostossa on virheitä",
-     *       done: "Kaikki {filesTotal} tiedostoa lähetetty onnistuneesti",
-     *       doneWithErrors:
-     *         "Lähetys valmis, {filesUploaded} tiedostoa on lähetetty onnistuneesti, {filesWithErrors} tiedostossa oli virheitä",
-     *       files: "tiedostot",
-     *       file: "tiedosto",
-     *     },
-     *     sv: {
-     *       inProgress: "Adding {filesUploaded} of {filesTotal}",
-     *       inProgressWithErrors:
-     *         "Laddar upp {filesInProgress}, {filesUploaded} uppladdad av {filesTotal}, {filesWithErrors} misslyckades",
-     *       done: "Alla {filesTotal} har lagts till",
-     *       doneWithErrors: "Handling slutförd, {filesUploaded} har lagts till, {filesWithErrors} misslyckades",
-     *       files: "filer",
-     *       file: "fil",
-     *     },
-     *     en: {
-     *       inProgress: "Adding {filesUploaded} of {filesTotal}",
-     *       inProgressWithErrors:
-     *         "Uploading {filesInProgress}, {filesUploaded} uploaded of {filesTotal}, {filesWithErrors} failed",
-     *       done: "All {filesTotal} added successfully",
-     *       doneWithErrors: "Action completed, {filesUploaded} has been added successfully, {filesWithErrors} had errors",
-     *       files: "tiedostoa",
-     *       file: "tiedosto",
-     *     },
-     *   }
-     */
-    this.statusLabelDefaults = {
-      fi: {
-        inProgress: "Lähetetään {filesUploaded} lähetettävästä {filesTotal} tiedostosta",
-        inProgressWithErrors: "Lähetetään {filesInProgress} tiedostoa, lähetetty {filesUploaded} lähetettävästä {filesTotal} tiedostosta, {filesWithErrors} tiedostossa on virheitä",
-        done: "Kaikki {filesTotal} tiedostoa lähetetty onnistuneesti",
-        doneWithErrors: "Lähetys valmis, {filesUploaded} tiedostoa on lähetetty onnistuneesti, {filesWithErrors} tiedostossa oli virheitä",
-        files: "tiedostot",
-        file: "tiedosto",
-      },
-      sv: {
-        inProgress: "Adding {filesUploaded} of {filesTotal}",
-        inProgressWithErrors: "Laddar upp {filesInProgress}, {filesUploaded} uppladdad av {filesTotal}, {filesWithErrors} misslyckades",
-        done: "Alla {filesTotal} har lagts till",
-        doneWithErrors: "Handling slutförd, {filesUploaded} har lagts till, {filesWithErrors} misslyckades",
-        files: "filer",
-        file: "fil",
-      },
-      en: {
-        inProgress: "Adding {filesUploaded} of {filesTotal}",
-        inProgressWithErrors: "Uploading {filesInProgress}, {filesUploaded} uploaded of {filesTotal}, {filesWithErrors} failed",
-        done: "All {filesTotal} added successfully",
-        doneWithErrors: "Action completed, {filesUploaded} has been added successfully, {filesWithErrors} had errors",
-        files: "File",
-        file: "file",
-      },
-    };
-    /**
-     * Strings used for the status aria-label
-     */
-    this.statusMessageLabel = getLocaleString(this.statusLabelDefaults);
-    /**
-     * Property to change button label defaults on the component.
-     * @default {
-        fi: "Lisää liite",
-        sv: "Lägg till en bilaga",
-        en: "Add an attachment",
-      }
-     */
-    this.buttonLabelDefaults = {
-      fi: "Lisää liite",
-      sv: "Lägg till en bilaga",
-      en: "Add an attachment",
-    };
-    /**
-     * Label of button
-     * @default { fi: "Lisää liite", sv: "Lägg till en bilaga", en: "Add an attachment" }
-     */
-    this.buttonLabel = getLocaleString(this.buttonLabelDefaults);
-    /**
-     * accessible aria-Label of button
-     */
-    this.accessibleButtonLabel = undefined;
-    /**
-     * Theme of the input.
-     */
-    this.theme = "";
-    /**
-     * Makes the input component disabled. This prevents users from being able to
-     * interact with the upload component, and conveys its inactive state to assistive technologies.
-     */
-    this.disabled = false;
-    /**
-     * Controls the margin of the component.
-     */
-    this.margin = "auto";
-    /**
-     * Set whether the input is required or not. Please note that this is necessary for
-     * accessible inputs when the user is required to fill them. When using this property
-     * you need to also set “novalidate” attribute to your form element to prevent
-     * browser from displaying its own validation errors.
-     */
-    this.required = false;
-    /**
-     * Key used to set vertical alignment of action buttons
-     */
-    this.alignment = "middle";
-    /**
-     * Visually hides the groups labels in the editable table list used to display the list of files
-     */
-    this.hideGroups = false;
-    /**
-     * Map of string that contain list of uploaded files.
-     */
-    this.files = new Map();
-    /**
-     * Property to read if the internally used editable-table contains errors or not
-     */
-    this.valid = !this.required;
-    /**
-     * Property to change labelDefaults defaults on the component.
-     * normally you would handle these strings on an application level and override @label when needed
-     * @default { fi: "Lisää liite",sv: "Lägg till en bilaga",en: "Add attachments"}
-     */
-    this.labelDefaults = {
-      fi: "Lisää liite",
-      sv: "Lägg till en bilaga",
-      en: "Add attachments",
-    };
-    /**
-     * Label for the input.
-     * @default { fi: "Lisää liite",sv: "Lägg till en bilaga",en: "Add attachments"}
-     */
-    this.label = getLocaleString(this.labelDefaults);
-    /**
-     * Property to change descriptionDefaults defaults on the component.
-     * @default {
-     *     en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.",
-     *     sv: "Du kan bifoga följande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer åt gången, och lägga till upp till {maxfiles} bilagor åt gången varje inte större än {maxbytes}.",
-     *     fi: "Voit liittää seuraavat tiedostotyypit: {filetypes} - sekä yleisimmät videotiedostot. Voit lähettää {maxbytestotal} tiedostoa kerrallaan, ja lisätä enintään {maxfiles} liitettä kerrallaan, jokainen enintään {maxbytes} kokoisena.",
-     *   }
-     */
-    this.descriptionDefaults = {
-      en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.",
-      sv: "Du kan bifoga följande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer åt gången, och lägga till upp till {maxfiles} bilagor åt gången varje inte större än {maxbytes}.",
-      fi: "Voit liittää seuraavat tiedostotyypit: {filetypes} - sekä yleisimmät videotiedostot. Voit lähettää {maxbytestotal} tiedostoa kerrallaan, ja lisätä enintään {maxfiles} liitettä kerrallaan, jokainen enintään {maxbytes} kokoisena.",
-    };
-    /**
-     * Description for the upload component.
-     * @default {
-     *     en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.",
-     *     sv: "Du kan bifoga följande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer åt gången, och lägga till upp till {maxfiles} bilagor åt gången varje inte större än {maxbytes}.",
-     *     fi: "Voit liittää seuraavat tiedostotyypit: {filetypes} - sekä yleisimmät videotiedostot. Voit lähettää {maxbytestotal} tiedostoa kerrallaan, ja lisätä enintään {maxfiles} liitettä kerrallaan, jokainen enintään {maxbytes} kokoisena.",
-     *   }
-     */
-    this.description = getLocaleString(this.descriptionDefaults);
-    /**
-     * Defaults for the filelist's empty state.
-     * @default {
-        fi: "Ei vielä lisättyjä tiedostoja.",
-        sv: "Inga filer har lagts till ännu.",
-        en: "No files added yet.",
-       }
-     */
-    this.fileListEmptyDefaults = {
-      fi: "Ei vielä lisättyjä tiedostoja.",
-      sv: "Inga filer har lagts till ännu.",
-      en: "No files added yet.",
-    };
-    /**
-     * Label for the filelist's empty state.
-     * @default { fi: "Ei vielä lisättyjä tiedostoja.",sv: "Inga filer har lagts till ännu.",en: "No files added yet."}
-     */
-    this.fileListEmpty = getLocaleString(this.fileListEmptyDefaults);
-    /**
-     * 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.
-     */
-    this.maxBytes = 200000000;
-    /**
-     * Use maxBytesTotal to specify the maximum size in Bytes of All files combined that can be uploaded.
-     */
-    this.maxBytesTotal = undefined;
-    /**
-     * Use maxFiles to specify the maximum amount of files that can be uploaded
-     */
-    this.maxFiles = 99;
-    /**
-     * A string of commaseperated file type values that are allowed
-     * @example: .pdf,.doc,.docx
-     */
-    this.allowedExtensions = "all";
-    /**
-     * A string of commaseperated mime type values that are allowed
-     * @example: image/*,application/msword,
-     */
-    this.allowedMimetypes = "*";
-    /**
-     * Use multiple to allow the user to select multiple files when uploading
-     */
-    this.multiple = true;
-    /**
-     * Use limitSelection to enforce the value in allowedExtension & allowedMimetypes when selecting files,
-     * by default this is off, setting this to true will limit the users choices to what has been explicitly set
-     */
-    this.limitSelection = false;
     /**
      * Own Properties
      */
@@ -985,45 +637,6 @@ const DuetUpload = class {
       pending: "pending",
       failure: "failure",
     };
-    /**
-     * Array of group names that you want the editable table to use to display files
-     * @required
-     * @example [{ id: "success", label: {fi: "Onnistunut", en: "Success", sv: "Alt klart", }}]
-     */
-    this.groups = [
-      {
-        id: this.DefaultGroups.pending,
-        label: {
-          en: "Files to upload",
-          sv: "Filer att ladda",
-          fi: "Ladattavat tiedostot",
-        },
-      },
-      {
-        id: this.DefaultGroups.success,
-        label: {
-          fi: "Valmiit tiedostot",
-          sv: "Files success",
-          en: "Files success",
-        },
-      },
-      {
-        id: this.DefaultGroups.failure,
-        label: {
-          fi: "Tiedostot, joissa on virheitä",
-          sv: "Filer med fel",
-          en: "Files with errors",
-        },
-      },
-      {
-        id: this.DefaultGroups.inprogress,
-        label: {
-          fi: "Kesken olevat tiedostot",
-          sv: "Filer inprogress",
-          en: "Files inprogress",
-        },
-      },
-    ];
     this.kick = debounce(() => {
       this.tick = Date.now();
     }, 30); // will trigger re-render
@@ -1436,6 +1049,152 @@ const DuetUpload = class {
       });
       return EditableTables;
     };
+    this.tick = Date.now();
+    this.accessibleActiveDescendant = undefined;
+    this.accessibleDescribedBy = undefined;
+    this.accessibleControls = undefined;
+    this.accessibleOwns = undefined;
+    this.external = false;
+    this.middleware = null;
+    this.deferUpload = false;
+    this.hideButton = false;
+    this.actions = [
+      {
+        icon: "action-delete",
+        color: "color-danger",
+        size: "x-small",
+        background: "gray-lightest",
+        name: "delete",
+        map: ["success", "failure"],
+        label: {
+          fi: "Poista tiedosto",
+          en: "Poista tiedosto",
+          sv: "Ta bort filen",
+        },
+      },
+      {
+        icon: "navigation-close",
+        color: "primary",
+        size: "x-small",
+        background: "gray-lightest",
+        name: "cancel",
+        map: ["inprogress", "pending"],
+        label: {
+          fi: "Keskeytä lähetys",
+          en: "Cancel the upload",
+          sv: "Stop överföringen",
+        },
+      },
+    ];
+    this.uri = undefined;
+    this.showLinks = false;
+    this.caption = undefined;
+    this.statusLabelDefaults = {
+      fi: {
+        inProgress: "Lähetetään {filesUploaded} lähetettävästä {filesTotal} tiedostosta",
+        inProgressWithErrors: "Lähetetään {filesInProgress} tiedostoa, lähetetty {filesUploaded} lähetettävästä {filesTotal} tiedostosta, {filesWithErrors} tiedostossa on virheitä",
+        done: "Kaikki {filesTotal} tiedostoa lähetetty onnistuneesti",
+        doneWithErrors: "Lähetys valmis, {filesUploaded} tiedostoa on lähetetty onnistuneesti, {filesWithErrors} tiedostossa oli virheitä",
+        files: "tiedostot",
+        file: "tiedosto",
+      },
+      sv: {
+        inProgress: "Adding {filesUploaded} of {filesTotal}",
+        inProgressWithErrors: "Laddar upp {filesInProgress}, {filesUploaded} uppladdad av {filesTotal}, {filesWithErrors} misslyckades",
+        done: "Alla {filesTotal} har lagts till",
+        doneWithErrors: "Handling slutförd, {filesUploaded} har lagts till, {filesWithErrors} misslyckades",
+        files: "filer",
+        file: "fil",
+      },
+      en: {
+        inProgress: "Adding {filesUploaded} of {filesTotal}",
+        inProgressWithErrors: "Uploading {filesInProgress}, {filesUploaded} uploaded of {filesTotal}, {filesWithErrors} failed",
+        done: "All {filesTotal} added successfully",
+        doneWithErrors: "Action completed, {filesUploaded} has been added successfully, {filesWithErrors} had errors",
+        files: "File",
+        file: "file",
+      },
+    };
+    this.statusMessageLabel = getLocaleString(this.statusLabelDefaults);
+    this.buttonLabelDefaults = {
+      fi: "Lisää liite",
+      sv: "Lägg till en bilaga",
+      en: "Add an attachment",
+    };
+    this.buttonLabel = getLocaleString(this.buttonLabelDefaults);
+    this.accessibleButtonLabel = undefined;
+    this.theme = "";
+    this.disabled = false;
+    this.identifier = undefined;
+    this.margin = "auto";
+    this.required = false;
+    this.alignment = "middle";
+    this.hideGroups = false;
+    this.files = new Map();
+    this.valid = !this.required;
+    this.labelDefaults = {
+      fi: "Lisää liite",
+      sv: "Lägg till en bilaga",
+      en: "Add attachments",
+    };
+    this.label = getLocaleString(this.labelDefaults);
+    this.descriptionDefaults = {
+      en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.",
+      sv: "Du kan bifoga följande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer åt gången, och lägga till upp till {maxfiles} bilagor åt gången varje inte större än {maxbytes}.",
+      fi: "Voit liittää seuraavat tiedostotyypit: {filetypes} - sekä yleisimmät videotiedostot. Voit lähettää {maxbytestotal} tiedostoa kerrallaan, ja lisätä enintään {maxfiles} liitettä kerrallaan, jokainen enintään {maxbytes} kokoisena.",
+    };
+    this.description = getLocaleString(this.descriptionDefaults);
+    this.fileListEmptyDefaults = {
+      fi: "Ei vielä lisättyjä tiedostoja.",
+      sv: "Inga filer har lagts till ännu.",
+      en: "No files added yet.",
+    };
+    this.fileListEmpty = getLocaleString(this.fileListEmptyDefaults);
+    this.error = "";
+    this.errorCodes = errorCodes;
+    this.name = undefined;
+    this.maxBytes = 200000000;
+    this.maxBytesTotal = undefined;
+    this.maxFiles = 99;
+    this.allowedExtensions = "all";
+    this.allowedMimetypes = "*";
+    this.multiple = true;
+    this.limitSelection = false;
+    this.value = undefined;
+    this.groups = [
+      {
+        id: this.DefaultGroups.pending,
+        label: {
+          en: "Files to upload",
+          sv: "Filer att ladda",
+          fi: "Ladattavat tiedostot",
+        },
+      },
+      {
+        id: this.DefaultGroups.success,
+        label: {
+          fi: "Valmiit tiedostot",
+          sv: "Files success",
+          en: "Files success",
+        },
+      },
+      {
+        id: this.DefaultGroups.failure,
+        label: {
+          fi: "Tiedostot, joissa on virheitä",
+          sv: "Filer med fel",
+          en: "Files with errors",
+        },
+      },
+      {
+        id: this.DefaultGroups.inprogress,
+        label: {
+          fi: "Kesken olevat tiedostot",
+          sv: "Filer inprogress",
+          en: "Files inprogress",
+        },
+      },
+    ];
   }
   watchValidHandler(newValue, oldValue) {
     if (newValue !== oldValue) {

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-adbabdb3.js';
+import { r as registerInstance, h, H as Host } from './index-f74e4d6a.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}";
@@ -9,17 +9,8 @@ const duetEmptyStateCss = "*,*::after,*::before{box-sizing:border-box;padding:0;
 const DuetEmptyState = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Theme of the empty state component.
-     */
     this.theme = "";
-    /**
-     * Icon shown in the empty state component.
-     */
     this.icon = "messaging-question";
-    /**
-     * The size of the empty state message.
-     */
     this.size = "medium";
   }
   /**