@duetds/components 4.33.0 → 4.33.1

package/lib/types/components/duet-icon/icon-utils.d.ts

@@ -1,2 +1,2 @@
 export declare const buildIconUrl: (iconName: string) => string;
-export declare function fetchIconByUrl(url: string): Promise<string>;
+export declare function fetchIconByUrl(url: string, isServer?: boolean): Promise<string>;

package/lib/types/components/duet-upload/duet-upload.d.ts

@@ -5,7 +5,7 @@ import { DuetLangObject } from "../../utils/language-utils";
 import { ThemeableComponent } from "../../utils/themeable-component";
 import { DuetEditableTableGroupNames } from "../duet-editable-table/duet-editable-table";
 import { DuetEditableTableActions } from "../duet-editable-table/duet-editable-table-item";
-import { StatusMessage } from "./duet-upload-aria-status";
+import { StatusMessage } from "../duet-upload-aria-status/duet-upload-aria-status";
 import { DuetUploadErrorCode } from "./errorcodes.utils";
 import { DuetXhrRequest } from "./xhr.helpers";
 export declare type DuetUploadEvent = {
@@ -36,7 +36,6 @@ export interface StringMap {
 /**
  * @slot header  - named slot - to place content after description / caption
  * @slot fileheader - named slot - to place content above "filelist" (only displayed when "filelist" contains items)
- * @slot filelist - named slot - should always contain a configurable duet-editable-table or a component that exposes the same functionality
  * @slot filefooter - named slot - to place content below "filelist" (only displayed when "filelist" contains items)
  */
 export declare class DuetUpload implements ThemeableComponent, FormComponent {
@@ -50,6 +49,7 @@ export declare class DuetUpload implements ThemeableComponent, FormComponent {
   private filesInProgress;
   private fileMaxReached;
   private bytesMaxReached;
+  private internalStatusMessageLabel;
   private metaData;
   private nativeInput?;
   /**
@@ -87,12 +87,12 @@ export declare class DuetUpload implements ThemeableComponent, FormComponent {
    */
   external: boolean;
   /**
-   * If set the upload component will not display an upload button, you will have to create on yourself
-   * and call the exposed methods startUpload
+   * If set the upload component will not display an upload button, you will have to create one yourself
+   * and call the exposed method startUpload
    */
   hideButton: boolean;
   /**
-   * Default actions added to all files
+   * Default actions added to the internally used duet-editable-table
    */
   actions: DuetEditableTableActions | string;
   /**
@@ -100,8 +100,9 @@ export declare class DuetUpload implements ThemeableComponent, FormComponent {
    */
   uri: string;
   /**
-   * If enabled the filelist will create links on successfully uploaded items,
+   * 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
    */
   showLinks: boolean;
   /**
@@ -111,19 +112,43 @@ export declare class DuetUpload implements ThemeableComponent, FormComponent {
   /**
    * Property to change the aria upload progress text read aloud by screenreaders
    * @default {
-      fi: "Lisää liite",
-      sv: "Lägg till en bilaga",
-      en: "Choose files",
-    }
+   *     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",
+   *     },
+   *   }
    */
   statusLabelDefaults: DuetLangObject | string;
   /**
    * Strings used for the status aria-label
    */
-  statusMessageLabel: StatusMessage;
+  statusMessageLabel: StatusMessage | string;
   /**
-   * Property to change descriptionDefaults defaults on the component.
-   * normally you would handle these strings on an application level and override @label when needed
+   * Property to change button label defaults on the component.
    * @default {
       fi: "Lisää liite",
       sv: "Lägg till en bilaga",
@@ -137,7 +162,7 @@ export declare class DuetUpload implements ThemeableComponent, FormComponent {
    */
   buttonLabel: string;
   /**
-   * accessible Label of button
+   * accessible aria-Label of button
    */
   accessibleButtonLabel: string;
   /**
@@ -165,7 +190,7 @@ export declare class DuetUpload implements ThemeableComponent, FormComponent {
    */
   required: boolean;
   /**
-   * Array of group names that you want the editable table used to display files to display
+   * 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", }}]
    */
@@ -179,7 +204,7 @@ export declare class DuetUpload implements ThemeableComponent, FormComponent {
    */
   files: StringMap;
   /**
-   * Property to read if filelist contains errors or not
+   * Property to read if the internally used editable-table contains errors or not
    */
   valid: boolean;
   watchValidHandler(newValue: boolean, oldValue: boolean): void;
@@ -196,7 +221,6 @@ export declare class DuetUpload implements ThemeableComponent, FormComponent {
   label: string;
   /**
    * Property to change descriptionDefaults defaults on the component.
-   * normally you would handle these strings on an application level and override @label when needed
    * @default {
       fi: "Voit liittää {filetypes}-muotoisia tiedostoja sekä yleisimpiä videotiedostoja. Voit lähettää {maxbytes} verran tiedostoja yhdellä kertaa, ja lisätä enintään {maxfiles} liitettä kerrallaan.",
       sv: "Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer åt gången och lägga till upp till {maxfiles} bilagor åt gången.",
@@ -369,7 +393,7 @@ export declare class DuetUpload implements ThemeableComponent, FormComponent {
     invalid: any[];
   }>;
   /**
-   * Convenience method for updating a of an item in the files attribute
+   * Convenience method for updating the value of a key:value inside an item in the files attribute
    */
   updateValue(item: string, key: string, value: any): Promise<void>;
   /**

package/lib/types/components/{duet-upload → duet-upload-aria-status}/duet-upload-aria-status.d.ts

@@ -12,7 +12,7 @@ export declare class DuetUploadAriaStatus {
    */
   statusMessage: string;
   /**
-   * State() variables
+   * Status labels used in the component
    */
   statusMessageLabel: StatusMessage;
   /**
@@ -37,7 +37,7 @@ export declare class DuetUploadAriaStatus {
   inprogress: number;
   watchHandler(newValue: boolean, oldValue: boolean): void;
   /**
-   * Component lifecycle events.
+   * Private functions
    */
   private replacePlaceHolders;
   private getStatusMessage;

package/lib/types/components.d.ts

@@ -49,10 +49,10 @@ import { DuetTableBreakpoint, DuetTableStickyDistance, DuetTableVariant } from "
 import { DuetTextareaEvent } from "./components/duet-textarea/duet-textarea";
 import { DuetToggleChangeEvent } from "./components/duet-toggle/duet-toggle";
 import { DuetTooltipBreakpoint } from "./components/duet-tooltip/duet-tooltip";
-import { StatusMessage } from "./components/duet-upload/duet-upload-aria-status";
+import { StatusMessage } from "./components/duet-upload-aria-status/duet-upload-aria-status";
 import { DuetEditableTableGroupNames as DuetEditableTableGroupNames1 } from "./components/duet-editable-table/duet-editable-table";
 import { DuetUploadEvent, StringMap } from "./components/duet-upload/duet-upload";
-import { StatusMessage as StatusMessage1 } from "./components/duet-upload/duet-upload-aria-status";
+import { StatusMessage as StatusMessage1 } from "./components/duet-upload-aria-status/duet-upload-aria-status";
 export namespace Components {
     interface DuetAlert {
         /**
@@ -2617,7 +2617,7 @@ export namespace Components {
          */
         "accessibleActiveDescendant": string;
         /**
-          * accessible Label of button
+          * accessible aria-Label of button
          */
         "accessibleButtonLabel": string;
         /**
@@ -2633,7 +2633,7 @@ export namespace Components {
          */
         "accessibleOwns": string;
         /**
-          * Default actions added to all files
+          * Default actions added to the internally used duet-editable-table
          */
         "actions": DuetEditableTableActions | string;
         /**
@@ -2652,7 +2652,7 @@ export namespace Components {
          */
         "buttonLabel": string;
         /**
-          * Property to change descriptionDefaults defaults on the component. normally you would handle these strings on an application level and override @label when needed
+          * Property to change button label defaults on the component.
           * @default { fi: "Lisää liite", sv: "Lägg till en bilaga", en: "Add an attachment", }
          */
         "buttonLabelDefaults": DuetLangObject | string;
@@ -2666,7 +2666,7 @@ export namespace Components {
          */
         "description": string;
         /**
-          * Property to change descriptionDefaults defaults on the component. normally you would handle these strings on an application level and override @label when needed
+          * Property to change descriptionDefaults defaults on the component.
           * @default { fi: "Voit liittää {filetypes}-muotoisia tiedostoja sekä yleisimpiä videotiedostoja. Voit lähettää {maxbytes} verran tiedostoja yhdellä kertaa, ja lisätä enintään {maxfiles} liitettä kerrallaan.", sv: "Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer åt gången och lägga till upp till {maxfiles} bilagor åt gången.", en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.", }
          */
         "descriptionDefaults": DuetLangObject | string;
@@ -2701,13 +2701,13 @@ export namespace Components {
          */
         "getFiles": () => Promise<false | { valid: any[]; invalid: any[]; }>;
         /**
-          * Array of group names that you want the editable table used to display files to display
+          * 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", }}]
          */
         "groups": DuetEditableTableGroupNames | string;
         /**
-          * If set the upload component will not display an upload button, you will have to create on yourself and call the exposed methods startUpload
+          * If set the upload component will not display an upload button, you will have to create one yourself and call the exposed method startUpload
          */
         "hideButton": boolean;
         /**
@@ -2765,24 +2765,24 @@ export namespace Components {
          */
         "setFocus": (options?: FocusOptions) => Promise<void>;
         /**
-          * If enabled the filelist will create links on successfully uploaded items, this requires the server can respond with link URIs in the correct format
+          * 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
          */
         "showLinks": boolean;
         /**
           * Property to change the aria upload progress text read aloud by screenreaders
-          * @default { fi: "Lisää liite", sv: "Lägg till en bilaga", en: "Choose files", }
+          * @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", }, }
          */
         "statusLabelDefaults": DuetLangObject | string;
         /**
           * Strings used for the status aria-label
          */
-        "statusMessageLabel": StatusMessage;
+        "statusMessageLabel": StatusMessage | string;
         /**
           * Theme of the input.
          */
         "theme": DuetTheme;
         /**
-          * Convenience method for updating a of an item in the files attribute
+          * Convenience method for updating the value of a key:value inside an item in the files attribute
          */
         "updateValue": (item: string, key: string, value: any) => Promise<void>;
         /**
@@ -2794,7 +2794,7 @@ export namespace Components {
          */
         "uri": string;
         /**
-          * Property to read if filelist contains errors or not
+          * Property to read if the internally used editable-table contains errors or not
          */
         "valid": boolean;
         /**
@@ -2816,7 +2816,7 @@ export namespace Components {
          */
         "invalid": number;
         /**
-          * State() variables
+          * Status labels used in the component
          */
         "statusMessageLabel": StatusMessage;
         /**
@@ -5879,7 +5879,7 @@ declare namespace LocalJSX {
          */
         "accessibleActiveDescendant"?: string;
         /**
-          * accessible Label of button
+          * accessible aria-Label of button
          */
         "accessibleButtonLabel"?: string;
         /**
@@ -5895,7 +5895,7 @@ declare namespace LocalJSX {
          */
         "accessibleOwns"?: string;
         /**
-          * Default actions added to all files
+          * Default actions added to the internally used duet-editable-table
          */
         "actions"?: DuetEditableTableActions | string;
         /**
@@ -5914,7 +5914,7 @@ declare namespace LocalJSX {
          */
         "buttonLabel"?: string;
         /**
-          * Property to change descriptionDefaults defaults on the component. normally you would handle these strings on an application level and override @label when needed
+          * Property to change button label defaults on the component.
           * @default { fi: "Lisää liite", sv: "Lägg till en bilaga", en: "Add an attachment", }
          */
         "buttonLabelDefaults"?: DuetLangObject | string;
@@ -5928,7 +5928,7 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * Property to change descriptionDefaults defaults on the component. normally you would handle these strings on an application level and override @label when needed
+          * Property to change descriptionDefaults defaults on the component.
           * @default { fi: "Voit liittää {filetypes}-muotoisia tiedostoja sekä yleisimpiä videotiedostoja. Voit lähettää {maxbytes} verran tiedostoja yhdellä kertaa, ja lisätä enintään {maxfiles} liitettä kerrallaan.", sv: "Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer åt gången och lägga till upp till {maxfiles} bilagor åt gången.", en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.", }
          */
         "descriptionDefaults"?: DuetLangObject | string;
@@ -5959,13 +5959,13 @@ declare namespace LocalJSX {
          */
         "files"?: StringMap;
         /**
-          * Array of group names that you want the editable table used to display files to display
+          * 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", }}]
          */
         "groups"?: DuetEditableTableGroupNames | string;
         /**
-          * If set the upload component will not display an upload button, you will have to create on yourself and call the exposed methods startUpload
+          * If set the upload component will not display an upload button, you will have to create one yourself and call the exposed method startUpload
          */
         "hideButton"?: boolean;
         /**
@@ -6055,18 +6055,18 @@ declare namespace LocalJSX {
          */
         "required"?: boolean;
         /**
-          * If enabled the filelist will create links on successfully uploaded items, this requires the server can respond with link URIs in the correct format
+          * 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
          */
         "showLinks"?: boolean;
         /**
           * Property to change the aria upload progress text read aloud by screenreaders
-          * @default { fi: "Lisää liite", sv: "Lägg till en bilaga", en: "Choose files", }
+          * @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", }, }
          */
         "statusLabelDefaults"?: DuetLangObject | string;
         /**
           * Strings used for the status aria-label
          */
-        "statusMessageLabel"?: StatusMessage;
+        "statusMessageLabel"?: StatusMessage | string;
         /**
           * Theme of the input.
          */
@@ -6076,7 +6076,7 @@ declare namespace LocalJSX {
          */
         "uri"?: string;
         /**
-          * Property to read if filelist contains errors or not
+          * Property to read if the internally used editable-table contains errors or not
          */
         "valid"?: boolean;
         /**
@@ -6098,7 +6098,7 @@ declare namespace LocalJSX {
          */
         "invalid"?: number;
         /**
-          * State() variables
+          * Status labels used in the component
          */
         "statusMessageLabel"?: StatusMessage;
         /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "4.33.0",
+  "version": "4.33.1",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -52,11 +52,11 @@
     "koa-colorful-logger": "0.0.3"
   },
   "devDependencies": {
-    "@duetds/fonts": "1.4.3",
-    "@duetds/icons": "2.2.3",
+    "@duetds/fonts": "1.4.4",
+    "@duetds/icons": "2.2.4",
     "@duetds/stencil-angular-output-target": "0.0.2",
     "@duetds/stencil-react-output-target": "0.0.10",
-    "@duetds/tokens": "2.4.3",
+    "@duetds/tokens": "2.4.4",
     "@koa/cors": "3.1.0",
     "@rollup/plugin-replace": "3.0.0",
     "@stencil/core": "2.11.0",
@@ -84,6 +84,7 @@
     "onchange": "7.1.0",
     "prettier": "2.4.1",
     "puppeteer": "9.1.1",
+    "rollup-plugin-node-polyfills": "0.2.1",
     "sass": "1.42.1",
     "stylelint": "13.13.1",
     "stylelint-config-recess-order": "2.5.0",
@@ -95,5 +96,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "ccdc77cb7f1ab6c33ecda78ae82ae84cf8f9d07b"
+  "gitHead": "43d69ade79c0291bfb0ae22468e186171b49a5d6"
 }

package/lib/cjs/duet-editable-table-button_3.cjs.entry.js

@@ -1,232 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b724d698.js');
-const languageUtils = require('./language-utils-aa282901.js');
-const themeableComponent = require('./themeable-component-0c1be552.js');
-const tokenUtils = require('./token-utils-63a9c8dc.js');
-const createId = require('./create-id-c3b984b1.js');
-require('./string-utils-267e3dbb.js');
-require('./tokens.module-6b2df1c2.js');
-
-const duetEditableTableButtonCss = "*.sc-duet-editable-table-button,*.sc-duet-editable-table-button::after,*.sc-duet-editable-table-button::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-editable-table-button-h button.sc-duet-editable-table-button{display:flex;align-content:space-between;justify-content:center;min-width:32px;max-width:32px;height:100%;min-height:32px;max-height:32px;padding:0;margin:0;cursor:pointer !important;background-color:transparent;border:1px solid;border-radius:50%}.sc-duet-editable-table-button-h button.sc-duet-editable-table-button duet-icon.sc-duet-editable-table-button{align-self:center}";
-
-let DuetEditableTableButton = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.duetEditableItemAction = index.createEvent(this, "duetEditableItemAction", 7);
-    this.isHovering = false;
-    /**
-     * Theme of the empty state component.
-     */
-    this.theme = "";
-    /**
-     * action items passed from host component
-     * @internal
-     */
-    this.actions = undefined;
-    /**
-     * uid that gets passed along when the action is emitted
-     * @internal
-     */
-    this.uid = "";
-    /**
-     * group associated with action
-     * @internal
-     */
-    this.group = "";
-    /**
-     * key of the item in the map
-     * @internal
-     */
-    this.keyName = "";
-    this.onMouseEnter = () => {
-      this.isHovering = true;
-    };
-    this.onMouseLeave = () => {
-      this.isHovering = false;
-    };
-  }
-  /**
-   /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    themeableComponent.inheritGlobalTheme(this);
-  }
-  /**
-   /**
-   * private functions
-   */
-  emitActionEvent(ev) {
-    this.duetEditableItemAction.emit({
-      originalEvent: ev,
-      uid: this.uid,
-      group: this.group,
-      action: this.actions.id,
-      keyName: this.keyName,
-      component: "duet-editable-table-item",
-    });
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (index.h("button", { style: {
-        "border-color": this.isHovering
-          ? tokenUtils.getColorByName(this.actions.color_hover)
-          : tokenUtils.getColorByName(this.actions.color),
-      }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, role: "menuitem", class: "duet-editable-table-actions-items-button", "aria-label": this.actions.label ? languageUtils.getLocaleString(this.actions.label) : undefined, onClick: ev => this.emitActionEvent(ev) }, index.h("duet-icon", { class: "duet-editable-table-actions-items-icon", size: "x-small", name: this.actions.icon, color: this.isHovering ? this.actions.color_hover : this.actions.color, margin: "none" })));
-  }
-  get el() { return index.getElement(this); }
-};
-DuetEditableTableButton.style = duetEditableTableButtonCss;
-
-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{border:0}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:#00294d;text-align:left;background:transparent}.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:#171c3a}.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:#de2362;border-radius:4px}.duet-fieldset-help span{display:block;margin-top:12px}.duet-theme-turva .duet-fieldset-help{color:#e02a0d}::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}";
-
-let DuetFieldset = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.errorId = createId.createID("DuetError");
-    this.labelId = createId.createID("DuetLabel");
-    this.hasTooltip = false;
-    /**
-     * Theme of the fieldset.
-     */
-    this.theme = "";
-    /**
-     * Controls the margin of the component.
-     */
-    this.margin = "auto";
-    /**
-     * Visually hide the label, but still show it to screen readers.
-     */
-    this.labelHidden = false;
-    this.checkHasTooltip = () => {
-      this.hasTooltip = !!this.element.querySelector("[slot='tooltip']");
-    };
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    themeableComponent.inheritGlobalTheme(this);
-    this.checkHasTooltip();
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (index.h(index.Host, { class: { "duet-m-0": this.margin === "none" } }, index.h("fieldset", { "aria-labelledby": `${this.labelId} ${this.errorId}`, class: {
-        "duet-fieldset": true,
-        "duet-theme-turva": this.theme === "turva",
-      } }, index.h("legend", { id: this.labelId }, index.h("span", null, this.label), this.caption && index.h("span", null, this.caption)), index.h("div", { class: {
-        "duet-legend-wrapper": true,
-        "duet-legend-has-caption": !!this.caption,
-        "duet-legend-has-tooltip": this.hasTooltip,
-        "duet-legend-hidden": this.labelHidden,
-      } }, index.h("div", { class: "duet-fieldset-label" }, index.h("span", { "aria-hidden": "true" }, this.label), index.h("slot", { onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (index.h("div", { class: "duet-fieldset-caption", "aria-hidden": "true" }, index.h("duet-caption", { margin: "none" }, this.caption)))), index.h("slot", null), index.h("span", { class: "duet-fieldset-help", id: this.errorId, "aria-live": "assertive", "aria-relevant": "additions removals" }, this.error && index.h("span", null, this.error)))));
-  }
-  get element() { return index.getElement(this); }
-};
-DuetFieldset.style = duetFieldsetCss;
-
-let DuetUploadAriaStatus = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * State() variables
-     */
-    this.statusMessage = null;
-    /**
-     * State() variables
-     */
-    this.statusMessageLabel = null;
-    /**
-     * Adds accessible label that is read aloud
-     */
-    this.accessibleAriaLive = "polite";
-    /**
-     * valid file amount
-     */
-    this.valid = undefined;
-    /**
-     * total files
-     */
-    this.total = undefined;
-    /**
-     * invalid file amount
-     */
-    this.invalid = undefined;
-    /**
-     * valid file amount
-     */
-    this.inprogress = undefined;
-    /**
-     * Component lifecycle events.
-     */
-    this.replacePlaceHolders = (statusString) => {
-      const addFiles = (amount) => {
-        return amount > 1 ? `${amount} ${this.statusMessageLabel.files}` : `${amount} ${this.statusMessageLabel.file}`;
-      };
-      return statusString
-        .replace("{filesUploaded}", addFiles(this.valid))
-        .replace("{filesInProgress}", addFiles(this.inprogress))
-        .replace("{filesTotal}", addFiles(this.total))
-        .replace("{filesWithErrors}", addFiles(this.invalid));
-    };
-    this.getStatusMessage = () => {
-      const { done, inProgress, doneWithErrors, inProgressWithErrors } = this.statusMessageLabel;
-      const hasErrors = this.invalid > 0;
-      const isInProgress = this.inprogress > 0;
-      const isInProgressWithErrors = this.inprogress > 0 && hasErrors;
-      const isDone = this.valid === this.total && !isInProgress && !hasErrors;
-      const isDoneWithErrors = this.valid + this.invalid === this.total && !isInProgress;
-      if (isDone) {
-        this.statusMessage = this.replacePlaceHolders(done);
-        return;
-      }
-      else if (isInProgressWithErrors) {
-        this.statusMessage = this.replacePlaceHolders(inProgressWithErrors);
-        return;
-      }
-      else if (isInProgress) {
-        this.statusMessage = this.replacePlaceHolders(inProgress);
-        return;
-      }
-      else if (isDoneWithErrors) {
-        this.statusMessage = this.replacePlaceHolders(doneWithErrors);
-        return;
-      }
-      return;
-    };
-  }
-  watchHandler(newValue, oldValue) {
-    if (newValue !== oldValue) {
-      this.getStatusMessage();
-    }
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (index.h(index.Host, { role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, index.h("duet-visually-hidden", null, this.statusMessage)));
-  }
-  static get watchers() { return {
-    "valid": ["watchHandler"],
-    "invalid": ["watchHandler"],
-    "inprogress": ["watchHandler"],
-    "total": ["watchHandler"]
-  }; }
-};
-
-exports.duet_editable_table_button = DuetEditableTableButton;
-exports.duet_fieldset = DuetFieldset;
-exports.duet_upload_aria_status = DuetUploadAriaStatus;