@duetds/components 4.33.0 → 4.33.1

package/hydrate/index.js

@@ -4700,9 +4700,19 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
   /*hydrateAppClosure start*/
 
 
+var process = require('process');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var process__default = /*#__PURE__*/_interopDefaultLegacy(process);
+
+var global$1 = (typeof global !== "undefined" ? global :
+  typeof self !== "undefined" ? self :
+  typeof window !== "undefined" ? window : {});
+
 const NAMESPACE = 'duet';
 const BUILD = /* duet */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, cssVarShim: false, devTools: false, disconnectedCallback: true, dynamicImportShim: false, element: false, event: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, safari10: false, scoped: true, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
-const Env = /* duet */ {"cdnURILocal":"http://0.0.0.0:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"2.2.3"};
+const Env = /* duet */ {"cdnURILocal":"http://0.0.0.0:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"2.2.4"};
 
 const TAB_KEY = 9;
 var appGlobalScript = () => {
@@ -4743,7 +4753,7 @@ function forceUpdate() {}
 
 function hydrateApp(e, t, o, n, s) {
  function l() {
-  if (global.clearTimeout(p), i.clear(), r.clear(), !h) {
+  if (global$1.clearTimeout(p), i.clear(), r.clear(), !h) {
    h = !0;
    try {
     t.clientHydrateAnnotations && insertVdomAnnotations(e.document, t.staticComponents), 
@@ -4838,7 +4848,7 @@ function hydrateApp(e, t, o, n, s) {
   }, e.document.createElementNS = function t(o, n) {
    const s = $.call(e.document, o, n);
    return f(s), s;
-  }, p = global.setTimeout((function L() {
+  }, p = global$1.setTimeout((function L() {
    a(`Hydrate exceeded timeout${function e(t) {
     return Array.from(t).map(waitingOnElementMsg);
    }(d)}`);
@@ -5506,7 +5516,7 @@ const cmpModules = new Map, getModule = e => {
   });
  }
 }, win = window, doc = win.document, writeTask = e => {
- process.nextTick((() => {
+ process__default['default'].nextTick((() => {
   try {
    e();
   } catch (e) {
@@ -7092,7 +7102,6 @@ class DuetChoice {
    */
   render() {
     const identifier = this.identifier || this.choiceId;
-    console.log(this.element);
     return (hAsync(Host, { class: {
         horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
         "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
@@ -10766,18 +10775,28 @@ const buildIconUrl = (iconName) => {
   }
 };
 const iconCache = {};
-function fetchIconByUrl(url) {
+function fetchIconByUrl(url, isServer = Build.isServer) {
   if (iconCache[url]) {
     return iconCache[url];
   }
   // we create a function that covers all the fetching, cleanup, validation etc,
   // this way we can perform that work just once, and then return the same promise in future.
   async function doFetch() {
-    const res = await fetch(url);
-    if (!res.ok) {
-      throw new Error(`SVG request failed: ${res.status} ${res.statusText}`);
+    let responseText = "";
+    if (isServer) {
+      const fs = require("fs");
+      const path = require("path");
+      const iconsPath = `${path.resolve(path.dirname(require.resolve("@duetds/icons")), "..")}/lib/assets`;
+      const filenameFromUrl = url.split("/").pop().split("#")[0].split("?")[0];
+      responseText = fs.readFileSync(`${iconsPath}/${filenameFromUrl}`, "utf-8");
+    }
+    else {
+      const res = await fetch(url);
+      if (!res.ok) {
+        throw new Error(`SVG request failed: ${res.status} ${res.statusText}`);
+      }
+      responseText = await res.text();
     }
-    const responseText = await res.text();
     const svgElement = cleanupSvg(responseText);
     if (!isValid(svgElement)) {
       throw new Error("SVG validation failed");
@@ -15250,7 +15269,6 @@ const duetUploadCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-upload,*.sc-duet-
 /**
  * @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)
  */
 class DuetUpload {
@@ -15275,7 +15293,7 @@ class DuetUpload {
     this.filesInProgress = new Map();
     this.fileMaxReached = false;
     this.bytesMaxReached = false;
-    //region Internally exposed properties
+    this.internalStatusMessageLabel = undefined;
     /**
      * Properties
      */
@@ -15294,12 +15312,12 @@ class DuetUpload {
      */
     this.external = false;
     /**
-     * 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
      */
     this.hideButton = false;
     /**
-     * Default actions added to all files
+     * Default actions added to the internally used duet-editable-table
      */
     this.actions = [
       {
@@ -15328,17 +15346,43 @@ class DuetUpload {
       },
     ];
     /**
-     * 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
      */
     this.showLinks = false;
     /**
      * 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",
+     *     },
+     *   }
      */
     this.statusLabelDefaults = {
       fi: {
@@ -15371,8 +15415,7 @@ class DuetUpload {
      */
     this.statusMessageLabel = getLocaleString(this.statusLabelDefaults);
     /**
-     * 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",
@@ -15390,7 +15433,7 @@ class DuetUpload {
      */
     this.buttonLabel = getLocaleString(this.buttonLabelDefaults);
     /**
-     * accessible Label of button
+     * accessible aria-Label of button
      */
     this.accessibleButtonLabel = undefined;
     /**
@@ -15422,7 +15465,7 @@ class DuetUpload {
      */
     this.files = new Map();
     /**
-     * Property to read if filelist contains errors or not
+     * Property to read if the internally used editable-table contains errors or not
      */
     this.valid = !this.required;
     /**
@@ -15442,7 +15485,6 @@ class DuetUpload {
     this.label = getLocaleString(this.labelDefaults);
     /**
      * 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.",
@@ -15516,7 +15558,6 @@ class DuetUpload {
      * by default this is off, setting this to true will limit the users choices to what has been explicitly set
      */
     this.limitSelection = false;
-    //region Private functions
     /**
      * Private functions
      */
@@ -15614,7 +15655,6 @@ class DuetUpload {
       }
     };
     this.updateProgress = (ev, name) => {
-      console.log(this.filesInProgress.size);
       const updateProgressHelper = percentComplete => {
         this.updateValueInMap(name, "progress", percentComplete);
         this.onProgress(name, percentComplete, ev);
@@ -15658,6 +15698,10 @@ class DuetUpload {
        * We reset the form fields to always be able to re-upload files
        * and because we handle all uploads and states internally in the component (not relying on native form elements)
        */
+      /* TODO: it may be a good idea to just update the list so that this always matches what is in the files map,
+       * TODO: this would remove the capability of Re-uploading, unless we can catch and remove the user file from the form filelist before the upload is canceled by the browser
+       * TODO: but for now we'll just reset the form fields
+       */
       this.nativeInput.value = "";
     };
     this.startUpload = async (ev, metaData = undefined) => {
@@ -15669,8 +15713,6 @@ class DuetUpload {
       ev.preventDefault();
       return;
     };
-    //endregion
-    //region Eventlisteners for the XHR requests
     /**
      * Eventlisteners for the XHR requests
      */
@@ -15799,11 +15841,16 @@ class DuetUpload {
       this.kick();
     }
   }
-  //endregion
   /**
    * Component lifecycle events.
    */
   componentWillLoad() {
+    if (typeof this.statusMessageLabel === "string") {
+      this.internalStatusMessageLabel = sanitizeString(this.groups);
+    }
+    else {
+      this.internalStatusMessageLabel = this.statusMessageLabel;
+    }
     inheritGlobalTheme(this);
     this.listenForActionEvents();
   }
@@ -15811,8 +15858,6 @@ class DuetUpload {
     // listen to the events from the component
     this.verifyValidity();
   }
-  //endregion
-  //region XHR requests
   /**
    * XHR request utilities
    */
@@ -15860,8 +15905,6 @@ class DuetUpload {
       onProgress: this.trackProgress,
     });
   }
-  //endregion
-  //region EventHandlers
   /**
    * Component event handling.
    */
@@ -15936,7 +15979,6 @@ class DuetUpload {
       component: "duet-upload",
     });
   }
-  //endregion
   /**
    * Sets focus on the specified `duet-input`. Use this method instead of the global
    * `input.focus()`.
@@ -15966,7 +16008,7 @@ class DuetUpload {
     return this.getFilesAsArray();
   }
   /**
-   * 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
    */
   async updateValue(item, key, value) {
     this.updateValueInMap(item, key, value);
@@ -15984,7 +16026,7 @@ class DuetUpload {
         "duet-upload-filelist-empty": !this.files.size,
         "duet-upload-filelist": true,
         "duet-upload-filelist-filled": this.files.size,
-      }, id: this.labelId, for: identifier }, this.fileListEmpty)), !!this.files.size && hAsync("slot", { name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.statusMessageLabel })), !!this.files.size && (hAsync("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 && hAsync("slot", { name: "filefooter" }), hAsync("duet-spacer", { size: "large" }), !this.hideButton && (hAsync("duet-button", { id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle" }, this.buttonLabel)), hAsync("duet-spacer", { size: "medium" }), (this.fileMaxReached || this.bytesMaxReached) && (hAsync("duet-alert", null, this.fileMaxReached && getI18nError("duet-upload-301"), this.bytesMaxReached && getI18nError("duet-upload-202"))), hAsync("duet-spacer", { size: "medium" }), hAsync("duet-visually-hidden", null, hAsync("input", { ref: input => {
+      }, id: this.labelId, for: identifier }, this.fileListEmpty)), !!this.files.size && hAsync("slot", { name: "fileheader" }), !!this.files.size && (hAsync("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 && (hAsync("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 && hAsync("slot", { name: "filefooter" }), hAsync("duet-spacer", { size: "large" }), !this.hideButton && (hAsync("duet-button", { id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle" }, this.buttonLabel)), hAsync("duet-spacer", { size: "medium" }), (this.fileMaxReached || this.bytesMaxReached) && (hAsync("duet-alert", null, this.fileMaxReached && getI18nError("duet-upload-301"), this.bytesMaxReached && getI18nError("duet-upload-202"))), hAsync("duet-spacer", { size: "medium" }), hAsync("duet-visually-hidden", null, hAsync("input", { ref: input => {
         this.nativeInput = input;
       }, accept: !this.limitSelection ? undefined : `${this.allowedMimetypes},${this.allowedExtensions}`, onBlur: this.onBlur, onFocus: this.onFocus, onChange: e => this.onChange(e), type: "file", class: {
         "duet-upload": true,
@@ -16010,7 +16052,7 @@ class DuetUpload {
       "showLinks": [4, "show-links"],
       "caption": [1],
       "statusLabelDefaults": [1, "status-label-default"],
-      "statusMessageLabel": [16],
+      "statusMessageLabel": [1, "status-message-label"],
       "buttonLabelDefaults": [1, "button-label-default"],
       "buttonLabel": [1, "button-label"],
       "accessibleButtonLabel": [1, "accessible-button-label"],
@@ -16059,7 +16101,7 @@ class DuetUploadAriaStatus {
      */
     this.statusMessage = null;
     /**
-     * State() variables
+     * Status labels used in the component
      */
     this.statusMessageLabel = null;
     /**
@@ -16083,7 +16125,7 @@ class DuetUploadAriaStatus {
      */
     this.inprogress = undefined;
     /**
-     * Component lifecycle events.
+     * Private functions
      */
     this.replacePlaceHolders = (statusString) => {
       const addFiles = (amount) => {

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b724d698.js');
+const index = require('./index-9a57d969.js');
 const languageUtils = require('./language-utils-aa282901.js');
 const themeableComponent = require('./themeable-component-0c1be552.js');
 require('./string-utils-267e3dbb.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b724d698.js');
+const index = require('./index-9a57d969.js');
 const themeableComponent = require('./themeable-component-0c1be552.js');
 
 const duetBadgeCss = "*,*::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-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{width:100%;padding:4.4444444444px 12px 5.4444444444px;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.75rem;font-style:normal;font-weight:600;line-height:1.25;color:#00294d;text-align:center;word-break:break-word;vertical-align:middle;background:#e6f1f7;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:#171c3a;background:#e8e8eb}.duet-badge.warning{background:#fef3df}.duet-badge.warning.duet-theme-turva{background:#fef1db}.duet-badge.danger{background:#fce9ef}.duet-badge.danger.duet-theme-turva{background:#fceae7}.duet-badge.success{background:#e6f3ef}.duet-badge.success.duet-theme-turva{background:#e6f3ed}";

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b724d698.js');
+const index = require('./index-9a57d969.js');
 const commonStrings = require('./common-strings-de17f887.js');
 const languageUtils = require('./language-utils-aa282901.js');
 const themeableComponent = require('./themeable-component-0c1be552.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b724d698.js');
+const index = require('./index-9a57d969.js');
 const themeableComponent = require('./themeable-component-0c1be552.js');
 const stringUtils = require('./string-utils-267e3dbb.js');
 const tokenUtils = require('./token-utils-63a9c8dc.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b724d698.js');
+const index = require('./index-9a57d969.js');
 const createId = require('./create-id-c3b984b1.js');
 const keyboardUtils = require('./keyboard-utils-b4e3d1d3.js');
 const stringUtils = require('./string-utils-267e3dbb.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b724d698.js');
+const index = require('./index-9a57d969.js');
 const createId = require('./create-id-c3b984b1.js');
 const themeableComponent = require('./themeable-component-0c1be552.js');
 

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

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b724d698.js');
+const index = require('./index-9a57d969.js');
 const commonStrings = require('./common-strings-de17f887.js');
 const createId = require('./create-id-c3b984b1.js');
-const focusUtils = require('./focus-utils-a7a1fb8b.js');
+const focusUtils = require('./focus-utils-b609a7a5.js');
 const keyboardUtils = require('./keyboard-utils-b4e3d1d3.js');
 const languageUtils = require('./language-utils-aa282901.js');
 const themeableComponent = require('./themeable-component-0c1be552.js');
@@ -275,7 +275,6 @@ let DuetChoice = class {
    */
   render() {
     const identifier = this.identifier || this.choiceId;
-    console.log(this.element);
     return (index.h(index.Host, { class: {
         horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
         "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b724d698.js');
+const index = require('./index-9a57d969.js');
 const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');
 const createId = require('./create-id-c3b984b1.js');
 const keyboardUtils = require('./keyboard-utils-b4e3d1d3.js');

package/lib/cjs/duet-cookie-consent.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b724d698.js');
+const index = require('./index-9a57d969.js');
 const themeableComponent = require('./themeable-component-0c1be552.js');
 
 const duetCookieConsentCss = "*,*::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;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;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;color:white !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:white !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+\") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";

package/lib/cjs/duet-date-picker.cjs.entry.js

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b724d698.js');
+const index = require('./index-9a57d969.js');
 const createId = require('./create-id-c3b984b1.js');
-const focusUtils = require('./focus-utils-a7a1fb8b.js');
+const focusUtils = require('./focus-utils-b609a7a5.js');
 const languageUtils = require('./language-utils-aa282901.js');
 const themeableComponent = require('./themeable-component-0c1be552.js');
 require('./string-utils-267e3dbb.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b724d698.js');
+const index = require('./index-9a57d969.js');
 const themeableComponent = require('./themeable-component-0c1be552.js');
 
 const duetDividerCss = "*,*::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%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:#e1e3e6}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:#e4e4e6}";

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

@@ -0,0 +1,89 @@
+/*!
+ * Built with Duet Design System
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9a57d969.js');
+const languageUtils = require('./language-utils-aa282901.js');
+const themeableComponent = require('./themeable-component-0c1be552.js');
+const tokenUtils = require('./token-utils-63a9c8dc.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;
+
+exports.duet_editable_table_button = DuetEditableTableButton;