@duetds/components 4.33.1 → 4.34.2

package/lib/types/components/duet-header/duet-header-dropdown.d.ts

@@ -0,0 +1,16 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+interface Props {
+  id: string;
+  className?: string;
+  label: string;
+  icon?: string;
+  accessibleText?: string;
+  active: boolean;
+  isOpen: boolean;
+  badge: boolean;
+  toggleRef: (el: HTMLButtonElement) => void;
+  itemsRef: (el: HTMLDivElement) => void;
+  onToggle: (e: Event) => void;
+}
+export declare const DuetHeaderDropdown: FunctionalComponent<Props>;
+export {};

package/lib/types/components/duet-header/duet-header-hamburger.d.ts

@@ -0,0 +1,2 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+export declare const DuetHeaderHamburger: FunctionalComponent;

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

@@ -0,0 +1,8 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+import { DuetIconSize } from "../duet-icon/duet-icon";
+interface Props {
+  icon: string;
+  iconSize?: DuetIconSize;
+}
+export declare const DuetHeaderIcon: FunctionalComponent<Props>;
+export {};

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

@@ -13,6 +13,10 @@ export declare type DuetHeaderContactItem = DuetHeaderItem & {
 };
 export declare type DuetHeaderMainItem = DuetHeaderItem & {
   badge?: boolean;
+  active?: boolean;
+  external: boolean;
+  icon?: string;
+  items?: DuetHeaderMainItem[];
 };
 export declare type DuetHeaderLanguageItem = DuetHeaderItem & {
   country: DuetLanguage;
@@ -20,6 +24,7 @@ export declare type DuetHeaderLanguageItem = DuetHeaderItem & {
 export declare type DuetHeaderSession = DuetHeaderItem & {
   type: "login" | "logout";
 };
+export declare type DuetHeaderSearch = DuetHeaderItem;
 export declare type DuetHeaderChangeEvent = {
   originalEvent: Event;
   data: DuetHeaderItem | DuetHeaderLanguageItem | DuetHeaderSession;
@@ -32,20 +37,26 @@ export interface I18nText {
   activeLanguage: string;
 }
 /**
- * @slot utility - A slot for utilities, such as a notification drawer
- * @slot logo-utility - A slot to place elements alongside the logo. This takes precedence over the **region** prop.
+ * @slot utility - A slot for utilities, such as a notification drawer or shopping basket.
+ * @slot logo-utility - A slot to place elements alongside the logo. This takes precedence over the **region** prop. Note: not available in desktop multilevel header.
  */
 export declare class DuetHeader implements ThemeableComponent {
   /**
    * Own Properties
    */
+  private subMenuItemRefs;
+  private subMenuButtonRefs;
   private contactItemsEl;
   private contactItemsButtonEl;
   private hasLanguageChanged;
   private languageItemsEl;
   private languageItemsButtonEl;
+  private segmentItemsEl;
+  private segmentItemsButtonEl;
   private navigationEl;
   private logoEl;
+  private mql;
+  private boundMqlFunctions;
   /**
    * Reference to host HTML element.
    */
@@ -57,12 +68,17 @@ export declare class DuetHeader implements ThemeableComponent {
   isContactOpen: boolean;
   isLanguageOpen: boolean;
   isSlideOutOpen: boolean;
+  isSegmentOpen: boolean;
+  openMenu: string;
+  closedActives: string[];
   processedItems: DuetHeaderMainItem[];
   processedLanguageItems: DuetHeaderLanguageItem[];
   processedContactItems: DuetHeaderContactItem[];
   processedSession: DuetHeaderSession;
+  processedSearch: DuetHeaderSearch;
   processedUser: DuetHeaderItem;
   processedBack: DuetHeaderItem;
+  renderDesktopNav: boolean;
   /**
    * Theme of the header.
    */
@@ -146,6 +162,7 @@ export declare class DuetHeader implements ThemeableComponent {
    * An object that includes mandatory "label" and "href" fields for the user
    * profile link. Additionally, you can pass an "id" that is added as an HTML
    * identifier for the element. If nothing is passed, user won’t be shown.
+   * Note: not available in multilevel headers.
    */
   user: any;
   /**
@@ -154,6 +171,7 @@ export declare class DuetHeader implements ThemeableComponent {
   logoHref: string;
   /**
    * The href of the current page item that is shown as “active”.
+   * Note: not available in multilevel headers.
    */
   currentHref: string;
   /**
@@ -164,20 +182,30 @@ export declare class DuetHeader implements ThemeableComponent {
   /**
    * An array of items for the main navigation. Items have to include mandatory
    * "label" and "href" fields to work. Additionally, you can pass an "id" that is
-   * added as an HTML identifier for the element.
+   * added as an HTML identifier for the element, "active" boolean that makes item active,
+   * "badge" boolean to add notification badge next to the item and
+   * "items" array consisting of sub items that are allowed up to three levels.
    */
   items: any;
   /**
    * Region that is shown next to the logo. If empty, region will be hidden.
+   * Note: not available in desktop multilevel header.
    */
   region: string;
   /**
    * An object that includes mandatory "label", "href" and "type" fields for the
    * session login/logout link. Additionally, you can pass an "id" that is added
+   * as an HTML identifier for the element.
+   * If nothing is passed, this link won’t be shown.
+   */
+  session: any;
+  /**
+   * An object that includes mandatory "label" and "href" fields for the
+   * search link. Additionally, you can pass an "id" that is added
    * as an HTML identifier for the element. If nothing is passed, this link won’t
    * be shown.
    */
-  session: any;
+  search: any;
   /**
    * An object that includes mandatory "label" and "href" fields for the back link.
    * Additionally, you can pass an "id" that is added as an HTML identifier for the
@@ -187,6 +215,7 @@ export declare class DuetHeader implements ThemeableComponent {
   back: any;
   /**
    * Label of the contact menu. If empty, contact menu will be hidden.
+   * Note: not available in multilevel headers.
    */
   contact: string;
   /**
@@ -214,6 +243,12 @@ export declare class DuetHeader implements ThemeableComponent {
    * inside your listener. Additionally, the passed data is available via **event.detail.data**.
    */
   duetSessionClick: EventEmitter<DuetHeaderChangeEvent>;
+  /**
+   * Event for when a user has clicked the search link. You can prevent the
+   * default browser functionality by calling **event.detail.originalEvent.preventDefault()**
+   * inside your listener. Additionally, the passed data is available via **event.detail.data**.
+   */
+  duetSearchClick: EventEmitter<DuetHeaderChangeEvent>;
   /**
    * Event raised when a user has clicked the user link. You can prevent the
    * default browser functionality by calling **event.detail.originalEvent.preventDefault()**
@@ -265,6 +300,7 @@ export declare class DuetHeader implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  connectedCallback(): void;
   disconnectedCallback(): void;
   /**
    * Component event handling.
@@ -275,6 +311,7 @@ export declare class DuetHeader implements ThemeableComponent {
   private handleLanguageClick;
   private handleClick;
   private handleSessionClick;
+  private handleSearchClick;
   private handleUserClick;
   private handleBackClick;
   private handleContactClick;

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

@@ -60,7 +60,7 @@ export declare class DuetIcon implements ThemeableComponent {
   /**
    * Component lifecycle events.
    */
-  componentWillLoad(): Promise<void>;
+  componentWillLoad(): void;
   loadIcon(): Promise<void>;
   /**
    * render() function.

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, isServer?: boolean): Promise<string>;
+export declare function fetchIconByUrl(url: string): Promise<string>;

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

@@ -1,6 +1,9 @@
 import { DuetLanguage, DuetTheme } from "../../common-types";
 import { DuetLangObject } from "../../utils/language-utils";
 import { ThemeableComponent } from "../../utils/themeable-component";
+/**
+ * @part duet-link - piercing selector for styling the link
+ */
 export declare class DuetLink implements ThemeableComponent {
   private nativeLink;
   /**

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

@@ -1,7 +1,7 @@
 import { DuetMargin, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../utils/themeable-component";
 export declare type DuetTableBreakpoint = keyof typeof breakpointToToken;
-export declare type DuetTableVariant = "striped" | "plain";
+export declare type DuetTableVariant = "striped" | "plain" | "fixed";
 export declare type DuetTableStickyDistance = "with-links" | "without-links" | "none";
 declare const breakpointToToken: {
   none: string;

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

@@ -195,6 +195,10 @@ export declare class DuetUpload implements ThemeableComponent, FormComponent {
    * @example [{ id: "success", label: {fi: "Onnistunut", en: "Success", sv: "Alt klart", }}]
    */
   groups: DuetEditableTableGroupNames | string;
+  /**
+   * Key used to set vertical alignment of action buttons
+   */
+  alignment: string;
   /**
    * Visually hides the groups labels in the editable table list used to display the list of files
    */

package/lib/types/components.d.ts

@@ -753,6 +753,10 @@ export namespace Components {
           * @example [{ variation: "default", icon: "action-edit-2", id: "edit", map: ["success"], label: {   fi: " Label",   en: " Label",   sv: " Label", } }]
          */
         "actions": DuetEditableTableActions | string;
+        /**
+          * Key used to set vertical alignment of action buttons
+         */
+        "alignment": string;
         /**
           * Array of group names that you want the editable table to display (can be used to hide or show groups depending on conditions).
           * @default { id: "all", label: this.groupsLabelDefaults, actionLabel: this.actionLabelDefaults }.
@@ -807,6 +811,10 @@ export namespace Components {
           * Actions that can be performed on the element
          */
         "actions": DuetEditableTableActions;
+        /**
+          * Key used to set vertical alignment of action buttons
+         */
+        "alignment": string;
         /**
           * Object of data itemsused to render the entire row
          */
@@ -996,7 +1004,7 @@ export namespace Components {
          */
         "closeMenus": (moveFocusToButton?: boolean) => Promise<void>;
         /**
-          * Label of the contact menu. If empty, contact menu will be hidden.
+          * Label of the contact menu. If empty, contact menu will be hidden. Note: not available in multilevel headers.
          */
         "contact": string;
         /**
@@ -1004,11 +1012,11 @@ export namespace Components {
          */
         "contactItems": any;
         /**
-          * The href of the current page item that is shown as “active”.
+          * The href of the current page item that is shown as “active”. Note: not available in multilevel headers.
          */
         "currentHref": string;
         /**
-          * An array of items for the main navigation. Items have to include mandatory "label" and "href" fields to work. Additionally, you can pass an "id" that is added as an HTML identifier for the element.
+          * An array of items for the main navigation. Items have to include mandatory "label" and "href" fields to work. Additionally, you can pass an "id" that is added as an HTML identifier for the element, "active" boolean that makes item active, "badge" boolean to add notification badge next to the item and "items" array consisting of sub items that are allowed up to three levels.
          */
         "items": any;
         /**
@@ -1026,9 +1034,13 @@ export namespace Components {
          */
         "logoHref": string;
         /**
-          * Region that is shown next to the logo. If empty, region will be hidden.
+          * Region that is shown next to the logo. If empty, region will be hidden. Note: not available in desktop multilevel header.
          */
         "region": string;
+        /**
+          * An object that includes mandatory "label" and "href" fields for the search link. Additionally, you can pass an "id" that is added as an HTML identifier for the element. If nothing is passed, this link won’t be shown.
+         */
+        "search": any;
         /**
           * An object that includes mandatory "label", "href" and "type" fields for the session login/logout link. Additionally, you can pass an "id" that is added as an HTML identifier for the element. If nothing is passed, this link won’t be shown.
          */
@@ -1046,7 +1058,7 @@ export namespace Components {
          */
         "theme": DuetTheme;
         /**
-          * An object that includes mandatory "label" and "href" fields for the user profile link. Additionally, you can pass an "id" that is added as an HTML identifier for the element. If nothing is passed, user won’t be shown.
+          * An object that includes mandatory "label" and "href" fields for the user profile link. Additionally, you can pass an "id" that is added as an HTML identifier for the element. If nothing is passed, user won’t be shown. Note: not available in multilevel headers.
          */
         "user": any;
     }
@@ -2636,6 +2648,10 @@ export namespace Components {
           * Default actions added to the internally used duet-editable-table
          */
         "actions": DuetEditableTableActions | string;
+        /**
+          * Key used to set vertical alignment of action buttons
+         */
+        "alignment": string;
         /**
           * A string of commaseperated file type values that are allowed
           * @example : .pdf,.doc,.docx
@@ -3945,6 +3961,10 @@ declare namespace LocalJSX {
           * @example [{ variation: "default", icon: "action-edit-2", id: "edit", map: ["success"], label: {   fi: " Label",   en: " Label",   sv: " Label", } }]
          */
         "actions"?: DuetEditableTableActions | string;
+        /**
+          * Key used to set vertical alignment of action buttons
+         */
+        "alignment"?: string;
         /**
           * Array of group names that you want the editable table to display (can be used to hide or show groups depending on conditions).
           * @default { id: "all", label: this.groupsLabelDefaults, actionLabel: this.actionLabelDefaults }.
@@ -3983,6 +4003,10 @@ declare namespace LocalJSX {
           * Actions that can be performed on the element
          */
         "actions"?: DuetEditableTableActions;
+        /**
+          * Key used to set vertical alignment of action buttons
+         */
+        "alignment"?: string;
         /**
           * Object of data itemsused to render the entire row
          */
@@ -4186,7 +4210,7 @@ declare namespace LocalJSX {
          */
         "back"?: any;
         /**
-          * Label of the contact menu. If empty, contact menu will be hidden.
+          * Label of the contact menu. If empty, contact menu will be hidden. Note: not available in multilevel headers.
          */
         "contact"?: string;
         /**
@@ -4194,11 +4218,11 @@ declare namespace LocalJSX {
          */
         "contactItems"?: any;
         /**
-          * The href of the current page item that is shown as “active”.
+          * The href of the current page item that is shown as “active”. Note: not available in multilevel headers.
          */
         "currentHref"?: string;
         /**
-          * An array of items for the main navigation. Items have to include mandatory "label" and "href" fields to work. Additionally, you can pass an "id" that is added as an HTML identifier for the element.
+          * An array of items for the main navigation. Items have to include mandatory "label" and "href" fields to work. Additionally, you can pass an "id" that is added as an HTML identifier for the element, "active" boolean that makes item active, "badge" boolean to add notification badge next to the item and "items" array consisting of sub items that are allowed up to three levels.
          */
         "items"?: any;
         /**
@@ -4243,6 +4267,10 @@ declare namespace LocalJSX {
           * Event raised when a user has clicked the logo. You can prevent the default browser functionality by calling **event.detail.originalEvent.preventDefault()** inside your listener. Additionally, the passed data is available via **event.detail.data**.
          */
         "onDuetLogoClick"?: (event: CustomEvent<DuetHeaderChangeEvent>) => void;
+        /**
+          * Event for when a user has clicked the search link. You can prevent the default browser functionality by calling **event.detail.originalEvent.preventDefault()** inside your listener. Additionally, the passed data is available via **event.detail.data**.
+         */
+        "onDuetSearchClick"?: (event: CustomEvent<DuetHeaderChangeEvent>) => void;
         /**
           * Event for when a user has clicked the session link. You can prevent the default browser functionality by calling **event.detail.originalEvent.preventDefault()** inside your listener. Additionally, the passed data is available via **event.detail.data**.
          */
@@ -4256,9 +4284,13 @@ declare namespace LocalJSX {
          */
         "onDuetUserClick"?: (event: CustomEvent<DuetHeaderChangeEvent>) => void;
         /**
-          * Region that is shown next to the logo. If empty, region will be hidden.
+          * Region that is shown next to the logo. If empty, region will be hidden. Note: not available in desktop multilevel header.
          */
         "region"?: string;
+        /**
+          * An object that includes mandatory "label" and "href" fields for the search link. Additionally, you can pass an "id" that is added as an HTML identifier for the element. If nothing is passed, this link won’t be shown.
+         */
+        "search"?: any;
         /**
           * An object that includes mandatory "label", "href" and "type" fields for the session login/logout link. Additionally, you can pass an "id" that is added as an HTML identifier for the element. If nothing is passed, this link won’t be shown.
          */
@@ -4272,7 +4304,7 @@ declare namespace LocalJSX {
          */
         "theme"?: DuetTheme;
         /**
-          * An object that includes mandatory "label" and "href" fields for the user profile link. Additionally, you can pass an "id" that is added as an HTML identifier for the element. If nothing is passed, user won’t be shown.
+          * An object that includes mandatory "label" and "href" fields for the user profile link. Additionally, you can pass an "id" that is added as an HTML identifier for the element. If nothing is passed, user won’t be shown. Note: not available in multilevel headers.
          */
         "user"?: any;
     }
@@ -5898,6 +5930,10 @@ declare namespace LocalJSX {
           * Default actions added to the internally used duet-editable-table
          */
         "actions"?: DuetEditableTableActions | string;
+        /**
+          * Key used to set vertical alignment of action buttons
+         */
+        "alignment"?: string;
         /**
           * A string of commaseperated file type values that are allowed
           * @example : .pdf,.doc,.docx

package/lib/types/stencil-public-runtime.d.ts

@@ -666,7 +666,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes {
+    interface SlotAttributes extends JSXAttributes {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -1427,9 +1427,7 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
-    interface DOMAttributes<T = Element> {
-        key?: string | number;
-        ref?: (elm?: T) => void;
+    interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
         exportparts?: string;
@@ -1550,6 +1548,10 @@ export declare namespace JSXBase {
         onTransitionEndCapture?: (event: TransitionEvent) => void;
     }
 }
+export interface JSXAttributes<T = Element> {
+    key?: string | number;
+    ref?: (elm?: T) => void;
+}
 export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;

package/lib/types/utils/template-utils.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Produces a function which uses template strings to do simple interpolation from objects.
+ *
+ * Usage:
+ *    var makeMeKing = generateTemplateFn('${name} is now the king of ${country}!');
+ *
+ *    console.log(makeMeKing({ name: 'Bryan', country: 'Scotland'}));
+ *    // Logs 'Bryan is now the king of Scotland!'
+ */
+export interface templateFn {
+  (template: string | Node, data?: Record<string, any>): any;
+}
+export declare const generateTemplateFn: templateFn;

package/lib/types/utils/token-utils.d.ts

@@ -1,2 +1,8 @@
-export declare function convertToColorName(name: string): string;
-export declare function getColorByName(name: string): any;
+import { DuetTheme } from "../common-types";
+export declare function isCamelCase(str: any): boolean;
+export declare function isDashCase(str: any): boolean;
+export declare function capitalize(str?: string): string;
+export declare function camelize(str?: string): string;
+export declare function getTheme(theme?: DuetTheme): DuetTheme;
+export declare function getColorByName(name: string, theme?: DuetTheme): string | undefined;
+export declare function convertToColorName(name?: string, theme?: DuetTheme): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "4.33.1",
+  "version": "4.34.2",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -52,14 +52,14 @@
     "koa-colorful-logger": "0.0.3"
   },
   "devDependencies": {
-    "@duetds/fonts": "1.4.4",
-    "@duetds/icons": "2.2.4",
+    "@duetds/fonts": "1.4.8",
+    "@duetds/icons": "2.2.8",
     "@duetds/stencil-angular-output-target": "0.0.2",
     "@duetds/stencil-react-output-target": "0.0.10",
-    "@duetds/tokens": "2.4.4",
+    "@duetds/tokens": "2.4.8",
     "@koa/cors": "3.1.0",
-    "@rollup/plugin-replace": "3.0.0",
-    "@stencil/core": "2.11.0",
+    "@rollup/plugin-replace": "3.0.1",
+    "@stencil/core": "2.12.1",
     "@stencil/sass": "1.5.2",
     "@stencil/utils": "0.0.5",
     "@types/jest": "26.0.24",
@@ -75,20 +75,19 @@
     "jest-image-snapshot": "4.5.1",
     "jest-junit": "12.2.0",
     "kill-process-by-name": "1.0.5",
-    "koa": "2.13.3",
+    "koa": "2.13.4",
     "koa-body": "4.2.0",
     "koa-mount": "4.0.0",
     "koa-router": "10.1.1",
     "koa-static": "5.0.0",
     "npm-run-all": "4.1.5",
     "onchange": "7.1.0",
-    "prettier": "2.4.1",
+    "prettier": "2.5.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",
-    "stylelint-config-sass-guidelines": "8.0.0"
+    "sass": "1.49.0",
+    "stylelint": "14.2.0",
+    "stylelint-config-recess-order": "3.0.0",
+    "stylelint-config-sass-guidelines": "9.0.1"
   },
   "publishConfig": {
     "access": "public"
@@ -96,5 +95,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "43d69ade79c0291bfb0ae22468e186171b49a5d6"
+  "gitHead": "26cd823437cbe6efde9c9bb33b2c616d73cb9f67"
 }

package/lib/cjs/token-utils-63a9c8dc.js

@@ -1,30 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-'use strict';
-
-const tokens_module = require('./tokens.module-6b2df1c2.js');
-
-const MATCH_DASH_CASE = /-([a-z])/g;
-function replaceDashCase(g) {
-  return g[1].toUpperCase();
-}
-function convertToCamelCase(string) {
-  return string.replace(MATCH_DASH_CASE, replaceDashCase);
-}
-function convertToColorName(name) {
-  if (name.indexOf("color-") === -1 && name.indexOf("-") !== -1) {
-    return convertToCamelCase(`color-${name}`);
-  }
-  if (name.indexOf("color") === -1) {
-    return convertToCamelCase(`color${name.charAt(0).toUpperCase()}${name.slice(1)}`);
-  }
-  return convertToCamelCase(name);
-}
-function getColorByName(name) {
-  if (name) {
-    return tokens_module.tokens[convertToColorName(name)];
-  }
-}
-
-exports.getColorByName = getColorByName;

package/lib/duet/p-0a89315d.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,h as e,H as a,g as i,c as s}from"./p-c1a1ea1b.js";import{s as o,g as l}from"./p-2764f081.js";import{i as d}from"./p-a28cf57b.js";import{m as n,h as r,i as h,j as u,k as p,l as m,n as b,s as c}from"./p-ad07f399.js";import{c as f}from"./p-c1325e35.js";import"./p-986779fb.js";const g=(t,e=50)=>{let a;return(...i)=>{clearTimeout(a),a=setTimeout((()=>{t.apply(void 0,i)}),e)}};let y=class{constructor(e){t(this,e),this.tick=Date.now(),this.items=new Map,this.groupsLabelDefaults={fi:"Kaikki",en:"All items",sv:"Alla objekt"},this.actionLabelDefaults={fi:"Toiminnot",en:"Actions",sv:"Handlingar"},this.groups=[{id:"all",label:this.groupsLabelDefaults,actionLabel:this.actionLabelDefaults}],this.actions=void 0,this.hideGroups=!1,this.accessibleRole=void 0,this.kick=g((()=>{this.tick=Date.now()}),100),this.filterMap=t=>"all"===t?Array.from(this.items):Array.from(this.items).filter((e=>t===e[1].group))}componentWillLoad(){this.internalGroupArray="string"==typeof this.groups?o(this.groups):this.groups,this.internalActionsArray="string"==typeof this.actions?o(this.actions):this.actions,d(this)}async updateTable(t){this.items=new Map(t||this.items),this.kick()}render(){return e(a,{class:{"duet-theme-turva":"turva"===this.theme}},this.internalGroupArray.map((t=>{const a=this.filterMap(t.id);if(a.length)return e("duet-table",{variation:"plain",breakpoint:"none",role:"",margin:this.hideGroups?"none":"auto"},e("table",{class:"duet-editable-table","aria-role":this.accessibleRole},e("thead",{class:"duet-editable-table-header"},e("tr",null,e("th",{class:{"duet-editable-table-header-hidden":this.hideGroups}},this.hideGroups?e("duet-visually-hidden",null,l(t.label)):l(t.label)),e("th",{class:{"duet-editable-table-header-hidden":this.hideGroups}},e("duet-visually-hidden",null,l(t.actionLabel?t.actionLabel:this.actionLabelDefaults))))),e("tbody",null,a.map((a=>{const[i,s]=a;return e("duet-editable-table-item",{keyName:i,data:Object.assign({},s),groupId:t.id,part:t.id,actions:this.internalActionsArray})})))))})))}get element(){return i(this)}};y.style="duet-editable-table{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-editable-table-header tr .duet-editable-table-header-hidden{padding:0 !important;font-size:0;border-bottom:0}";const v=({data:t,groupId:a})=>"string"==typeof t?e("td",{innerHTML:t,class:"duet-editable-table-content",part:`${a}content`}):e("td",{class:"duet-editable-table-content",part:`${a}content`},t);let x=class{constructor(e){t(this,e),this.duetEditableItemAction=s(this,"duetEditableItemAction",7),this.isHovering=!1,this.theme="",this.actions=void 0,this.groupId="",this.keyName="",this.data=void 0}watchPropHandler(t,e){}componentWillLoad(){d(this)}render(){return e(a,{role:"row"},e(v,{data:this.data.item,groupId:this.groupId}),e("td",{class:"duet-editable-table-actions"},e("div",{class:"duet-editable-table-actions-items",part:`${this.groupId}actions`},this.actions.map((t=>{const{map:a}=t;if(!a||a.includes(this.groupId))return e("duet-editable-table-button",{keyName:this.keyName,group:this.data.group,uid:this.data.uid,actions:t,theme:this.theme})})))))}get el(){return i(this)}static get watchers(){return{data:["watchPropHandler"]}}};x.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{display:table-row;height:32px}.duet-editable-table-content,.duet-editable-table-actions{height:32px;padding:12px 0;vertical-align:middle;break-word:break-all;border-bottom:1px solid #e1e3e6}.duet-editable-table-actions-items{display:flex;justify-content:flex-end}.duet-editable-table-actions-items duet-editable-table-button{padding-left:8px}.duet-editable-table .editable-item-small{font-size:0.75rem;font-weight:400}";const k=t=>t.substring(1,t.length-1),w={none:"all","none-scrollable":"all",small:k(m),medium:k(n),large:k(r),"x-large":k(h),"xx-large":k(u),"xxx-large":k(p)},T={none:0,"with-links":16*parseFloat(b),"without-links":16*parseFloat(c)};let z=class{constructor(e){t(this,e),this.matchesBreakpoint=!0,this.margin="auto",this.variation="striped",this.sticky=!1,this.stickyDistance="with-links",this.breakpoint="small",this.handleMediaQueryChange=t=>{this.matchesBreakpoint=t.matches}}connectedCallback(){this.mq=matchMedia(w[this.breakpoint]),this.mq.addListener(this.handleMediaQueryChange),this.handleMediaQueryChange(this.mq),this.observer=new MutationObserver((()=>this.copyHeadingsToCells())),this.observer.observe(this.element,{childList:!0,subtree:!0})}componentWillLoad(){if(d(this),this.copyHeadingsToCells(),this.sticky&&"none-scrollable"===this.breakpoint&&console.warn('[DUET WARNING]: sticky and breakpoint="none-scrollable" are incompatible. Scrollable takes precedence'),this.sticky){const t=T[this.stickyDistance];this.element.querySelectorAll("thead th").forEach((e=>e.style.top=`${t}px`))}}componentDidLoad(){this.observer.takeRecords()}disconnectedCallback(){this.observer.disconnect(),this.observer=null,this.mq.removeListener(this.handleMediaQueryChange),this.mq=null,this.matchesBreakpoint=!0}copyHeadingsToCells(){const t=this.element.querySelectorAll("thead th"),e=this.element.querySelectorAll("tbody tr"),a=Array.from(t).map((t=>t.textContent.trim()));e.forEach((t=>{t.querySelectorAll("td").forEach(((t,e)=>{a[e]&&(t.dataset.heading=a[e])}))}))}render(){return e(a,{class:{[`duet-table-${this.variation}`]:!0,"duet-table-flattened":!this.matchesBreakpoint,"duet-table-sticky":this.matchesBreakpoint&&this.sticky,"duet-table-scrollable":"none-scrollable"===this.breakpoint,"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme}},e("slot",null))}get element(){return i(this)}};z.style='duet-table{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;font-variant-numeric:tabular-nums}duet-table table,duet-table thead,duet-table tbody,duet-table tfoot,duet-table th,duet-table td,duet-table tr{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}duet-table.duet-m-0{margin:0 !important}duet-table table{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;text-align:left;border-spacing:0;border-collapse:separate}duet-table.duet-theme-turva table{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}duet-table td{-webkit-hyphens:auto;hyphens:auto;color:#00294d}duet-table.duet-theme-turva td{color:#171c3a}duet-table th{font-weight:600;line-height:1.25;color:#657787;text-align:left}duet-table.duet-theme-turva th{color:#747475}duet-table tbody th{font-weight:600;color:#00294d}duet-table.duet-theme-turva tbody th{color:#171c3a}.duet-table-flattened table,.duet-table-flattened thead,.duet-table-flattened tbody,.duet-table-flattened tfoot,.duet-table-flattened th,.duet-table-flattened td,.duet-table-flattened tr{display:block}.duet-table-flattened thead tr{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-table-flattened td{line-height:1.25}.duet-table-flattened td:not(:last-child){margin-bottom:16px !important}.duet-table-flattened tbody td,.duet-table-flattened tbody th,.duet-table-flattened tfoot td{padding:0 !important;text-align:left !important}.duet-table-flattened tbody th{font-weight:600;line-height:1.25;color:#657787;text-align:left}.duet-table-flattened td[data-heading]::before{margin-bottom:4px !important;display:block;font-size:1rem;font-weight:600;color:#00294d;content:attr(data-heading)}.duet-table-flattened.duet-theme-turva td[data-heading]::before{color:#171c3a}.duet-table-sticky thead th{position:sticky;top:0;background:white}.duet-table-striped td,.duet-table-striped th{padding:20px !important}@media (max-width: 35.9375em){.duet-table-striped td,.duet-table-striped th{padding:20px 12px !important}}.duet-table-striped tbody th{background:white}.duet-table-striped.duet-table-sticky thead th{border-bottom:1px solid #e1e3e6}.duet-table-striped.duet-table-sticky.duet-theme-turva thead th{border-bottom-color:#e4e4e6}.duet-table-striped tbody:not(:first-of-type) th{padding-top:40px !important}.duet-table-striped tbody:only-of-type tr:nth-of-type(odd){background:rgba(0, 80, 128, 0.04)}.duet-table-striped.duet-theme-turva tbody:only-of-type tr:nth-of-type(odd){background:rgba(23, 28, 58, 0.04)}.duet-table-striped tbody:not(:only-of-type) tr:nth-of-type(even){background:rgba(0, 80, 128, 0.04)}.duet-table-striped.duet-theme-turva tbody:not(:only-of-type) tr:nth-of-type(even){background:rgba(23, 28, 58, 0.04)}.duet-table-striped tfoot td{border-top:1px solid #e1e3e6}.duet-table-striped.duet-theme-turva tfoot td{border-top-color:#e4e4e6}.duet-table-striped.duet-table-flattened tbody:not(:first-of-type) th{padding-top:20px !important}.duet-table-striped.duet-table-flattened tr{padding:20px !important}.duet-table-striped.duet-table-flattened tfoot td{border-top:0}.duet-table-striped.duet-table-flattened tfoot tr{border-top:1px solid #e1e3e6}.duet-table-striped.duet-table-flattened.duet-theme-turva tfoot tr{border-top-color:#e4e4e6}.duet-table-minimal th,.duet-table-plain th{padding:16px !important;border-bottom:1px solid #657787}.duet-table-minimal th:first-child,.duet-table-plain th:first-child{padding-left:0 !important}.duet-table-minimal th:last-child,.duet-table-plain th:last-child{padding-right:0 !important}.duet-theme-turva.duet-table-minimal th,.duet-theme-turva.duet-table-plain th{border-bottom-color:#444445}.duet-table-minimal tbody th,.duet-table-plain tbody th{padding-top:40px !important;border-bottom-color:#e1e3e6}.duet-theme-turva.duet-table-minimal tbody th,.duet-theme-turva.duet-table-plain tbody th{border-bottom-color:#e4e4e6}.duet-table-minimal td,.duet-table-plain td{padding:16px !important}.duet-table-minimal td:first-child,.duet-table-plain td:first-child{padding-left:0 !important}.duet-table-minimal td:last-child,.duet-table-plain td:last-child{padding-right:0 !important}.duet-table-minimal tbody td,.duet-table-plain tbody td{border-bottom:1px solid #e1e3e6}.duet-theme-turva.duet-table-minimal tbody td,.duet-theme-turva.duet-table-plain tbody td{border-bottom-color:#e4e4e6}.duet-table-flattened.duet-table-minimal tbody:first-of-type th,.duet-table-flattened.duet-table-plain tbody:first-of-type th{padding-top:0 !important}.duet-table-flattened.duet-table-minimal td,.duet-table-flattened.duet-table-plain td,.duet-table-flattened.duet-table-minimal tbody th,.duet-table-flattened.duet-table-plain tbody th{border-bottom:0}.duet-table-flattened.duet-table-minimal tr,.duet-table-flattened.duet-table-plain tr{padding:20px 0 !important}.duet-table-flattened.duet-table-minimal tbody th,.duet-table-flattened.duet-table-plain tbody th{padding-top:20px !important}.duet-table-flattened.duet-table-minimal tfoot td,.duet-table-flattened.duet-table-plain tfoot td{margin-bottom:4px !important}.duet-table-flattened.duet-table-minimal tbody:not(:only-of-type) tr:first-child,.duet-table-flattened.duet-table-plain tbody:not(:only-of-type) tr:first-child{border-bottom:0}.duet-table-plain.duet-table-flattened tbody tr{border-bottom:1px solid #e1e3e6}.duet-table-plain.duet-table-flattened.duet-theme-turva tbody tr{border-bottom-color:#e4e4e6}.duet-table-minimal tbody tr,.duet-table-minimal tbody tr td{vertical-align:top;border-bottom:0 none}.duet-table-minimal tbody tr:last-of-type,.duet-table-minimal tbody tr:last-of-type td{border-bottom:1px solid #e1e3e6}.duet-table-minimal.duet-table-flattened tbody tr,.duet-table-minimal.duet-table-flattened tbody tr td{border-bottom:0 none}.duet-table-minimal.duet-table-flattened tbody tr td[data-heading]::before{display:none}.duet-table-minimal.duet-table-flattened tfoot{border-top:1px solid #e1e3e6}.duet-table-minimal.duet-table-flattened.duet-theme-turva tfoot{border-top-color:#e4e4e6}.duet-table-scrollable{position:relative;width:100%;overflow-x:auto;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0)), linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0)) 100% 0, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 100% 0%;background-repeat:no-repeat;background-attachment:local, local, scroll, scroll;background-size:100px 100%, 100px 100%, 12px 100%, 12px 100%}.duet-table-selected-column{background:rgba(0, 119, 179, 0.08)}.duet-theme-turva .duet-table-selected-column{background:rgba(68, 68, 69, 0.08)}';const E=[{type:"default",system_message:"unknown error",message:{fi:"Tapahtui tuntematon virhe, ole hyvä ja yritä uudelleen.",sv:"Ett okänt fel uppstod, försök igen.",en:"An unknown error occured, please try again."}},{type:"400",system_message:"Bad Request: The server could not understand the request due to invalid syntax.",message:{fi:"Tiedostoa ei hyväksytty.",sv:"Servern avvisade din fil.",en:"The server rejected your file."}},{type:"401",system_message:"Not Authenticated: The client must authenticate itself to get the requested response...",message:{fi:"Vain kirjautunut käyttäjä voi lähettää tiedostoja.",sv:"Du måste vara inloggad för att ladda upp filer.",en:"You need to be logged in to upload files."}},{type:"403",system_message:"No Access: The client does not have access rights to the content.",message:{fi:"Ei oikeuksia lähettää tiedostoja.",sv:"Du har inte rätt åtkomsträttigheter för att ladda upp filer.",en:"You do not have the correct access rights to upload files."}},{type:"413",system_message:"Payload too large",message:{fi:"Tiedosto oli liian vastaanotettavaksi.",sv:"Filen var för stor för servern att hantera.",en:"The file was to large for the server to handle."}},{type:"415",system_message:"Unsupported media type",message:{fi:"Tiedoston tyyppi oli väärä.",sv:"Servern avvisade filen eftersom den hade fel typ.",en:"The server rejected the file because it had the wrong type."}},{type:"429",system_message:"Too many request from same address",message:{fi:"Liian monta yritystä, ole hyvä ja yritä myöhemmin uudelleen.",sv:"Servern har fått många förfrågningar från dig, försök igen senare.",en:"The server has received to many request from you, please try again later."}},{type:"500",system_message:"Internal Server Error",message:{fi:"Palvelin ilmoitti tuntemattomasta virheestä ja lataus epäonnistui.",sv:"Servern rapporterade ett okänt fel och uppladdningen misslyckades.",en:"The server reported an unknown error and the upload failed."}},{type:"duet-upload-100",system_message:"File extension not allowed",message:{fi:"Tiedoston tyyppi ei ole sallittu.",sv:"Du kan inte ladda upp filer av den type.",en:"You cannot upload files with that extension."}},{type:"duet-upload-001",system_message:"File transfer failed",message:{fi:"Tiedoston lähetys keskeytyi, ole hyvä ja yritä uudelleen.",sv:"Din anslutning till servern avbröts, försök igen.",en:"Your connection to the server was interrupted, try again."}},{type:"duet-upload-101",system_message:"File mimetype not allowed",message:{fi:"Tiedoston tyyppi ei ole sallittu.",sv:"Du kan inte ladda upp filer av den typ.",en:"You cannot upload files of that type."}},{type:"duet-upload-201",system_message:"File is too large",message:{fi:"Tiedosto on liian iso.",sv:"Filen är större än tillåtet.",en:"The file is larger than permitted."}},{type:"duet-upload-202",system_message:"The combined size of all files is too large",message:{fi:"Tiedostojen yhteenlaskettu koko on liian iso.",sv:"Du har nått den maximala kombinerade filstorleken.",en:"You have reached the maximum combined filesize."}},{type:"duet-upload-301",system_message:"The maximum file limit has been reached",message:{fi:"Liitteiden maksimimäärä saavutettu.",sv:"Maximalt antal bilagor har uppnåtts.",en:"Maximum number of attachments reached."}}],M=t=>{let e={type:void 0,system_message:void 0,message:void 0};return e=E.filter((e=>e.type==t))[0],e||(e=E.filter((t=>"default"===t.type))[0]),e},j=t=>{const e=M(t),a=l(e.message);return""!==a&&a?a:e.system_message},S=({data:t})=>{const{item:a,error:i}=t,{name:s}=a,{type:o}=i;return e("span",{class:"duet-upload-item-error",role:"status"},e("duet-paragraph",{class:"duet-upload-item-name",color:"danger",margin:"none",weight:"semi-bold"},e("duet-icon",{margin:"none",size:"xx-small",name:"messaging-attachment"})," ",s),e("duet-paragraph",{class:"duet-upload-item-error-label",size:"small",margin:"none",color:"danger"},j(o)))},L=({progress:t,name:a})=>e("span",null,e("duet-paragraph",{color:"secondary",margin:"none",size:"small"},a),e("duet-spacer",{size:"xx-small"}),e("duet-progress",{progress:Math.ceil(t),"aria-hidden":!0})),D=({data:t,showLinks:a})=>{const{item:i,size:s,uploaded:o,url:l,meta:d}=t,{name:n}=i,r=e("span",{class:"duet-upload-item-name"},e("duet-icon",{margin:"none",size:"xx-small",name:"messaging-attachment"}),e("duet-spacer",{size:"xx-small",direction:"horizontal"}),n),h=e("span",{class:"duet-upload-item-size",style:{fontSize:"14px",fontWeight:"400"}},"(",((t,e=2)=>{if(0===t)return"0 Bytes";const a=e<0?0:e,i=Math.floor(Math.log(t)/Math.log(1024));return parseFloat((t/Math.pow(1024,i)).toFixed(a))+" "+["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][i]})(s),")"),u=e("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},o&&l&&a?e("duet-link",{url:l,external:!0},r):r,e("duet-spacer",{size:"xx-small",direction:"horizontal"}),h),p=d&&d.badges?e("span",null,e("duet-spacer",{size:"xx-small"}),d.badges.map((t=>e("duet-badge",{color:"primary"},t)))):void 0;return e("span",{class:"duet-upload-item-success"},e("div",null,u),p)},_=(t,e)=>{const{allowedMimetypes:a,allowedExtensions:i,maxBytes:s}=e;let o=!1,d=M("default");if(t){const{name:e,type:l,size:n}=t,r=((t,e)=>{if(!e||!t)return!0;const a=e.split(",");let i=!1;return a.forEach((e=>{const a=e.split("/"),s=t.split("/");a[0]!==s[0]||a[1]!==s[1]&&"*"!==a[1]||(i=!0)})),i})(l,a),h=((t,e)=>{if(!e)return!0;const a=t.split(".");return e.split(",").includes(a[a.length-1])})(e,i),u=((t,e)=>!e||!t||e>=t)(n,s);r||(d=M("duet-upload-101")),h||(d=M("duet-upload-100")),u||(d=M("duet-upload-201")),o=r&&h&&u}else o=!1;return{valid:o,errorMessage:o?void 0:l(d.message),errorSystem:o?void 0:d.system_message,errorType:o?void 0:d.type}},A=({payload:t,options:e,onFailure:a,onSuccess:i,onProgress:s})=>{const{type:o="POST",xhr:l,uri:d,argument:n=null,headers:r=null}=e;l.open(o,`${d}${n||""}`,!0);const{data:h,name:u}=t;return r&&Object.keys(r).forEach((t=>{l.setRequestHeader(t,r[t])})),"POST"===o&&(l.onreadystatechange=()=>{l.readyState===XMLHttpRequest.DONE&&l.status>=200&&l.status<300&&i(l,u,l.status),l.readyState===XMLHttpRequest.DONE&&l.status>=300&&l.status<999&&a(l,u,l.status)},s(u)),l.send(h),l};let P=class{constructor(a){t(this,a),this.duetChange=s(this,"duetChange",3),this.duetBlur=s(this,"duetBlur",7),this.duetFocus=s(this,"duetFocus",7),this.duetDone=s(this,"duetDone",3),this.duetState=s(this,"duetState",3),this.duetDelete=s(this,"duetDelete",3),this.duetCancel=s(this,"duetCancel",3),this.duetProgress=s(this,"duetProgress",3),this.duetUpload=s(this,"duetUpload",3),this.buttonId=f("DuetButton"),this.labelId=f("DuetLabel"),this.uploadId=f("DuetUpload"),this.editableTableId=f("DuetEditableTable"),this.filesInProgress=new Map,this.fileMaxReached=!1,this.bytesMaxReached=!1,this.internalStatusMessageLabel=void 0,this.DefaultGroups={inprogress:"inprogress",success:"success",failure:"failure"},this.tick=Date.now(),this.external=!1,this.hideButton=!1,this.actions=[{icon:"action-delete",color:"color-danger",color_hover:"category-home",id:"delete",map:["success","failure"],label:{fi:"Poista tiedosto",en:"Poista tiedosto",sv:"Ta bort filen"}},{icon:"navigation-close",color:"primary",color_hover:"category-home",id:"cancel",map:["inprogress"],label:{fi:"Keskeytä lähetys",en:"Cancel the upload",sv:"Stop överföringen"}}],this.showLinks=!1,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:"tiedostoa",file:"tiedosto"}},this.statusMessageLabel=l(this.statusLabelDefaults),this.buttonLabelDefaults={fi:"Lisää liite",sv:"Lägg till en bilaga",en:"Add an attachment"},this.buttonLabel=l(this.buttonLabelDefaults),this.accessibleButtonLabel=void 0,this.theme="",this.disabled=!1,this.margin="auto",this.required=!1,this.hideGroups=!1,this.files=new Map,this.valid=!this.required,this.labelDefaults={fi:"Lisää liite",sv:"Lägg till en bilaga",en:"Add attachments"},this.label=l(this.labelDefaults),this.descriptionDefaults={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."},this.description=l(this.descriptionDefaults),this.fileListEmptyDefaults={fi:"Ei vielä lisättyjä tiedostoja.",sv:"Inga filer har lagts till ännu.",en:"No files added yet."},this.fileListEmpty=l(this.fileListEmptyDefaults),this.error="",this.maxBytes=2e8,this.maxBytesTotal=void 0,this.maxFiles=99,this.allowedExtensions="all",this.allowedMimetypes="*",this.multiple=!0,this.limitSelection=!1,this.listenForActionEvents=()=>{this.element.addEventListener("duetEditableItemAction",(t=>{const e=t.detail,{action:a,keyName:i,originalEvent:s}=e;switch(a){case"delete":this.onDelete(i,s);break;case"cancel":this.onCancel(i,s)}}))},this.verifyValidity=()=>{const{invalid:t,valid:e}=this.getFilesAsArray(),a=this.valid;this.valid=0===t.length&&0!==e.length,this.valid!==a&&this.duetState.emit({originalEvent:void 0,data:{valid:this.valid,from:"componentWillRender"},component:"duet-upload"})},this.getGroupFromItemData=t=>t.valid&&100===t.progress?t.group?t.group:this.DefaultGroups.success:t.progress>0&&100!==t.progress?this.DefaultGroups.inprogress:t.valid?t.group?t.group:"none":this.DefaultGroups.failure,this.getItemHTMLFromItemData=(t,a)=>a===this.DefaultGroups.success?e(D,{data:t,showLinks:this.showLinks}):a===this.DefaultGroups.inprogress?e(L,{progress:t.progress,name:t.item.name}):a===this.DefaultGroups.failure?e(S,{data:t}):t.group?t.html:"none",this.convertToDuetEditableTableItems=()=>{const t=new Map;return this.files.forEach(((e,a)=>{const i=this.getGroupFromItemData(e),s=this.getItemHTMLFromItemData(e,i);t.set(a,{uid:e.uid,item:s,group:i})})),t},this.kick=g((()=>{this.tick=Date.now()}),30),this.genHashName=()=>Date.now().toString(36)+Math.random(),this.updateValueInMap=(t,e,a,i=!0)=>{const s=this.files.get(t);s[e]=a,this.files.set(t,s),i&&this.kick()},this.updateProgress=(t,e)=>{t.lengthComputable?(a=>{this.updateValueInMap(e,"progress",a),this.onProgress(e,a,t)})(t.loaded/t.total*100):console.log("cant read progress")},this.trackProgress=(t,e=!1)=>{e?this.filesInProgress.delete(t):this.filesInProgress.set(t,"inprogress"),0===this.filesInProgress.size&&this.onDone()},this.getFilesAsArray=()=>{const t=[],e=[];return this.files.forEach((a=>{a.valid&&!a.deleted?t.push(a):a.valid||a.deleted||e.push(a)})),{valid:t,invalid:e}},this.resetFormFields=()=>{this.nativeInput.value=""},this.startUpload=async(t,e)=>{await this.setFocus(),this.metaData=e,this.nativeInput.click(),this.onUpload(t,e),t.stopPropagation(),t.preventDefault()},this.transferComplete=t=>{this.updateValueInMap(t,"progress",100,!1),this.trackProgress(t,!0)},this.transferDone=(t,e,a)=>{this.updateValueInMap(e,"status",a,!1),this.updateValueInMap(e,"uploaded",!0,!1);try{const a=JSON.parse(t.response);this.updateValueInMap(e,"url",a.url)}catch(i){this.updateValueInMap(e,"url",null),console.error("Server did not respond with expected response {url: string}")}},this.transferDoneWithFailure=(t,e,a)=>{try{const{error:a}=JSON.parse(t.response);this.updateValueInMap(e,"error",{message:a.message,type:a.type},!1)}catch(i){console.error("Server did not respond with expected response error:{message: string, type: int}"),this.updateValueInMap(e,"error",{type:a},!1)}this.updateValueInMap(e,"valid",!1,!0)},this.transferFailed=t=>{this.updateValueInMap(t,"error",M("duet-upload-001"))},this.transferCanceled=t=>{this.files.delete(t),this.validateTotals(t),this.kick()},this.validateTotals=t=>{const e=((t,e)=>{let a=0;return!!(e&&(this.files.forEach((t=>{t.valid&&t.size&&(a+=t.size)})),a<e))})(0,this.maxBytesTotal),a=((t,e)=>{let a=0;return!!(e&&(this.files.forEach((t=>{t.valid&&a++})),a>e))})(0,this.maxFiles);return e&&t&&this.updateValueInMap(t,"error",M("duet-upload-202"),!1),a&&t&&this.updateValueInMap(t,"error",M("duet-upload-301"),!1),this.bytesMaxReached=e,this.fileMaxReached=a,{bytesMaxReached:e,fileMaxReached:a}},this.onDelete=(t,e)=>{const a=this.files.get(t);this.files.delete(t),this.validateTotals(),this.kick(),this.duetDelete.emit({originalEvent:e,data:{deletion:a},component:"duet-upload"}),this.external||this.makeXHRDeleteRequest(a),this.resetFormFields()},this.onCancel=(t,e)=>{const a=this.files.get(t);if(this.files.delete(t),this.external)this.kick();else{const{xhr:t}=a;t.abort()}this.resetFormFields(),this.duetCancel.emit({originalEvent:e,data:{cancelled:a},component:"duet-upload"})},this.onUpload=(t,e)=>{this.duetUpload.emit({originalEvent:t,metaData:e,component:"duet-upload"})},this.onBlur=t=>{this.duetBlur.emit({originalEvent:t,component:"duet-upload"})},this.onProgress=(t,e,a)=>{this.duetChange.emit({originalEvent:a,data:{key:t,percentComplete:e},component:"duet-upload"})},this.onFocus=t=>{this.duetFocus.emit({originalEvent:t,component:"duet-upload"})},this.onDone=()=>{this.duetDone.emit({component:"duet-upload",data:{files:this.files}})}}watchValidHandler(t,e){t!==e&&this.kick()}componentWillLoad(){this.internalStatusMessageLabel="string"==typeof this.statusMessageLabel?o(this.groups):this.statusMessageLabel,d(this),this.listenForActionEvents()}componentWillRender(){this.verifyValidity()}makeXHRPostRequest(t){const e=new XMLHttpRequest,a=t.get("name");return e.upload.addEventListener("progress",(t=>{this.updateProgress(t,a)})),e.upload.addEventListener("load",(()=>{this.transferComplete(a)})),e.upload.addEventListener("error",(()=>{this.transferFailed(a)})),e.upload.addEventListener("abort",(()=>{this.transferCanceled(a)})),A({payload:{data:t,name:a},options:{type:"POST",uri:this.uri,xhr:e,argument:null,headers:null},onFailure:this.transferDoneWithFailure,onSuccess:this.transferDone,onProgress:this.trackProgress})}makeXHRDeleteRequest(t){const{uid:e,item:a}=t,i=new XMLHttpRequest;return A({payload:{data:null,name},options:{type:"DELETE",xhr:i,uri:this.uri,arguments:`?key=${e}&name=${a.name}`,headers:{"x-fileuid":e,"x-filename":a.name}},onFailure:this.transferDoneWithFailure,onSuccess:this.transferDone,onProgress:this.trackProgress})}async onChange(t){var e;const a=Array.from(null===(e=this.nativeInput)||void 0===e?void 0:e.files);if(a)for(const s of a){const{valid:t,errorMessage:e,errorType:a,errorSystem:o}=_(s,{maxBytes:this.maxBytes,allowedExtensions:this.allowedExtensions,allowedMimetypes:this.allowedMimetypes}),l=this.genHashName(),d={uid:l,item:s,size:s.size,meta:this.metaData,uploaded:!1,valid:t,error:{type:t?void 0:a,message:t?void 0:e,system_message:t?void 0:o},progress:0,deleted:!1,xhr:!1,url:!1};this.files.set(s.name,d);const{bytesMaxReached:n,fileMaxReached:r}=this.validateTotals(s.name);if(n)this.updateValueInMap(s.name,"valid",!1,!1);else if(r)this.updateValueInMap(s.name,"valid",!1,!1);else if(t&&!this.external){const t=new FormData;t.append("file",s),t.append("uid",l),t.append("name",s.name),t.append("metadata",JSON.stringify({uid:l,url:this.uri,size:s.size,meta:d.meta}));try{d.xhr=await this.makeXHRPostRequest(t)}catch(i){this.updateValueInMap(s.name,"valid",!1,!1)}}this.kick()}this.resetFormFields(),this.metaData=void 0,this.duetChange.emit({originalEvent:t,data:{files:this.files},component:"duet-upload"})}async setFocus(t){this.nativeInput&&this.nativeInput.focus(t)}async upload(t){await this.setFocus(),this.metaData=t,this.nativeInput.click()}async getFiles(){return!(!this.files||0===this.files.size)&&this.getFilesAsArray()}async updateValue(t,e,a){this.updateValueInMap(t,e,a)}render(){const t=this.identifier||this.uploadId;let i=this.description.replace(/{maxfiles}/g,this.maxFiles.toString());return i=i.replace(/{maxbytes}/g,`${Math.floor(this.maxBytes/1024/1024)} MB`),i=i.replace(/{filetypes}/g,this.allowedExtensions.split(",").join(", ")),e(a,{class:{"duet-m-0":"none"===this.margin}},e("duet-fieldset",{label:this.label,caption:i},e("slot",{name:"header"}),!this.files.size&&e("duet-label",{theme:"turva"===this.theme?"turva":"default",size:"small",class:{"duet-upload-filelist-empty":!this.files.size,"duet-upload-filelist":!0,"duet-upload-filelist-filled":this.files.size},id:this.labelId,for:t},this.fileListEmpty),!!this.files.size&&e("slot",{name:"fileheader"}),!!this.files.size&&e("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&&e("duet-editable-table",{"aria-live":"polite","aria-relevant":"removals",accessibleRole:"log",id:this.editableTableId,groups:this.groups,actions:this.actions,hideGroups:this.hideGroups,items:this.convertToDuetEditableTableItems()}),!!this.files.size&&e("slot",{name:"filefooter"}),e("duet-spacer",{size:"large"}),!this.hideButton&&e("duet-button",{id:this.buttonId,onClick:this.startUpload,"accessible-controls":t,disabled:this.fileMaxReached,"accessible-label":this.accessibleButtonLabel,"accessible-owns":t,size:"small",variation:"secondary",fixed:!0,icon:"action-add-circle"},this.buttonLabel),e("duet-spacer",{size:"medium"}),(this.fileMaxReached||this.bytesMaxReached)&&e("duet-alert",null,this.fileMaxReached&&j("duet-upload-301"),this.bytesMaxReached&&j("duet-upload-202")),e("duet-spacer",{size:"medium"}),e("duet-visually-hidden",null,e("input",{ref:t=>{this.nativeInput=t},accept:this.limitSelection?`${this.allowedMimetypes},${this.allowedExtensions}`:void 0,onBlur:this.onBlur,onFocus:this.onFocus,onChange:t=>this.onChange(t),type:"file",class:{"duet-upload":!0},disabled:this.disabled,"aria-hidden":"true",required:this.required,name:this.name,id:this.identifier,multiple:this.multiple,capture:"user"}))))}get element(){return i(this)}static get watchers(){return{valid:["watchValidHandler"]}}};P.style="*,*::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}";export{y as duet_editable_table,x as duet_editable_table_item,z as duet_table,P as duet_upload}