@duetds/components 10.5.0 → 10.7.0

package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js

@@ -86,17 +86,17 @@ export class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: 'c3b26e4d4e56b5fcb57e2d2ca8d1a4a80932ede0', role: "listitem" }, this.badge && h("duet-indicator", { key: 'a4d75c4424e5dead88857241566a903d66c5dda4', variation: "change" }), h(TagName, { key: '77679eaaff1b154f672efb08e66f0ad292db0f8f', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: '96487fd2e42789280cf1dc0538ff07b0f1f79264', role: "listitem" }, this.badge && h("duet-indicator", { key: '5bfd9faa52039e80c72afce6d477602c5b6e3f8e', variation: "change" }), h(TagName, { key: 'b5c8b5ac1cfe6549946e9820a2dd540490c606da', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
                 "duet-toolbar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("div", { key: '6c72cdc06b33d97ddecbea15e5691761629cbd1d', class: "duet-toolbar-icon" }, h("duet-icon", { key: '9ad57ebb409bafcb728b0e1c8f7aea4a226ff685', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: 'fd35055e936b2ec542013846a21ae65f5a713d40', class: "duet-toolbar-badge" }))), h("slot", { key: '4b83ed066d92cdebc3a1bd555881cdc66e65874c' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '613e202f68cb843af58cbfdc8a416c8305dc02de', class: "duet-toolbar-icon" }, h("duet-icon", { key: 'a124e6d2a3235c867451110766122664707939b5', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("div", { key: '082cebef94f34c57a5617891c46e05cfc59f3c2c', class: "duet-toolbar-icon" }, h("duet-icon", { key: '802fab1146fc2154f1c80e097e10464507548e5f', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: 'a484198c098521fd9e8745ac234f6dbc231f029c', class: "duet-toolbar-badge" }))), h("slot", { key: '0993265ee4d23c17f425ee776ec9c14cb6454308' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '90af7cbc5f00e4dc859cde8ae0d1166b358f097e', class: "duet-toolbar-icon" }, h("duet-icon", { key: 'd2df808e4c985501fbd5bb96946f2d9c20a2b116', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!(this.url && this.external),
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
-            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: '22150daad32a8e7a5d4ec06e62d78caf4c822232', class: "duet-toolbar-badge" }))))));
+            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: 'e9b4919435ccd37e9906c033822de9195c57d73e', class: "duet-toolbar-badge" }))))));
     }
     static get is() { return "duet-toolbar-item"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js

@@ -38,12 +38,12 @@ export class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: 'd5a11257db70c563cd2b15b062b11fc221b88c51', role: "listitem" }, h("a", { key: 'a104104ad8ad87083e0329f3c7c70d175b2b23c6', class: {
+        return (h(Host, { key: 'f932af82492da79cb86e7c40bbb887e7228489eb', role: "listitem" }, h("a", { key: 'ad12f0ddfa37ebe9be01756fd35696a00687a736', class: {
                 "duet-toolbar-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '592cc3e8546dfc89ed53a591c367c4f88d18abea', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '2ce50e32cb75f09a50ca4dafdcbc7e94aea500c3' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '143aac785a87f5989758021a4aa61a1794e9bada', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '9e6764f6a433cd437e0d248a09f87727cf9799cf' }))));
     }
     static get is() { return "duet-toolbar-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tooltip/duet-tooltip-button.js

@@ -37,14 +37,14 @@ export class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        const visuallyHidden = h("duet-visually-hidden", { key: 'ded762f4e7856c8f1c4d095463a406e98f7b82f0' }, this.accessibleLabel);
-        return (h(Host, { key: '6711d2a89b2dc210baf333a0c0023e78b7d5697f' }, h("button", { key: '1d9e860f68303cbe9f78df1b29643d27d266168c', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        const visuallyHidden = h("duet-visually-hidden", { key: 'a1f134eb2b35ec5fa474cec67587058e0cf9aad1' }, this.accessibleLabel);
+        return (h(Host, { key: '5f14833c83030b15a1f9377e2dd3a4fcfe9551fe' }, h("button", { key: '330df985e0ade31c2dbdba3b7d0149742c77b02d', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-button-negative": this.negative,
                 "duet-tooltip-button-in-badge": this.inBadge,
-            } }, h("svg", { key: 'c9891f25e887b6d7a7a4abac4df3a70e4ddf384a', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9bd8e387ee6d5a371c80a5f2804661463b044875', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: '438bd9ee6f284ee38e3dab022b945fce9f1623ed', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '210feefcda3be6b66e077942f3e55129a2492277', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
+            } }, h("svg", { key: 'f2d13cb590a885f19398aa5668d3bff5fbdcd5de', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3f7d2c195567d326319cd30f84c3b62aab028f30', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: '393be8809c4fa503e1638a5b424a6f55d1c4358a', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '92977962b50e4f53fa9d2b3f3df9febae0f70256', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
     }
     static get is() { return "duet-tooltip-button"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js

@@ -53,14 +53,14 @@ export class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (h(Host, { key: '29d3de91254dc1a869484f580648311e15f56b30' }, h("div", { key: '662564b5f5fc5f057084ca43fbe0d5d63fa2dc9f', class: {
+        return (h(Host, { key: '678752dd505719576a22fb62106bb57ea1b6854a' }, h("div", { key: 'fc85219c32e7013c66aa895c96e0da3141e8dfca', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: '92e046c9658d3e58aa005493211c2e80b7f6d4e9', moveFocusTo: this.buttonEl }), h("div", { key: '13dec9440e718fa77cb153d95cc85767b363b560', ref: element => (this.contentEl = element), class: {
+            } }, h(FocusGuard, { key: '4b35fea7062e07b744028e60d97f0093e1f1630f', moveFocusTo: this.buttonEl }), h("div", { key: '7ca1e5455df1d7759f3b885ea6e3b2ef65b4ad25', ref: element => (this.contentEl = element), class: {
                 "duet-tooltip-content-area": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, tabindex: -1, id: this.tooltipId }, h("slot", { key: '2b64af48cdfa6caeed19a5f2d013b46d99e4bfde' })), h("div", { key: '77032302c1bef1d1b58194dfae5cc3f4e53a2bd4', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '5cf2ad060245b552eacc2cb4baf7d23bd167fefa', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: 'd2c072d73e9c1830d9dda8cbdddcabb926741a58', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '3139344fdf52410ea53e3fd84fc2c464c446e696', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: '45770929e752f3292cfb55a302c4bbb788ae7d52' }, this.accessibleCloseLabel)), h(FocusGuard, { key: 'b88bd4a634b78548fb910db91e2b3263cb7e5bd2', moveFocusTo: this.contentEl }))));
+            }, tabindex: -1, id: this.tooltipId }, h("slot", { key: 'e9ca64614c0b10767772a29260a50a1ad3c98638' })), h("div", { key: '672fb0df64ac13f3b6608738bca0310ee679f663', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '8c7013f5eeb4d74ab615abb0cc08c4de67555fa8', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '691ad59b5485fe06bec6f2716f833f096c3a4339', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '33e72bd58a21e087218081bd41f2dc5a678569fa', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: '6c331c361ff9e653466ac2e1b99531f1d0eb7ec4' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '8c3297577babe082e650f8e75b2713fac2a2c377', moveFocusTo: this.contentEl }))));
     }
     static get is() { return "duet-tooltip-popup"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tooltip/duet-tooltip.js

@@ -539,7 +539,7 @@ export class DuetTooltip {
                     "references": {
                         "DuetTooltipBreakpoint": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-tooltip/duet-tooltip.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-tooltip/duet-tooltip.tsx",
                             "id": "src/components/duet-tooltip/duet-tooltip.tsx::DuetTooltipBreakpoint"
                         }
                     }

package/lib/collection/components/duet-tray/duet-tray.js

@@ -129,14 +129,14 @@ export class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '62e6d87f9a5ff9a959bd15fea1a0b6d4f2f78018', class: {
+        return (h("div", { key: '0838308a751d5bd344d9dcf549972c164bc486d3', class: {
                 "duet-tray": true,
                 "duet-tray-is-active": this.active,
                 "duet-tray-is-hidden": this.hiddenState,
                 "duet-tray-is-responsive": this.responsive,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tray-is-expandable": this.hasAdditionalContent,
-            } }, h("div", { key: 'f1c78227de8998333acf857905e95c6d6be25937', class: "duet-tray-default-content", role: "status" }, h("slot", { key: 'd7748f81620cd98c5a8b35a18e344302d756a0a0' })), this.hasAdditionalContent && (h(Fragment, { key: 'f87597291a46075ceda6d114fe67ffa1df52870b' }, h("button", { key: '2886b0325718e16d0c904fa327ceb3d8c318d7bf', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: 'afe046c5fc6baf22268fe063cd0c6d2bd0e661ea', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '44c04a86d76063ef62ecd3544f25a09a1d6901dc' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '89aa1e7d332a1d8aa649eaff0c798bfaf6349964', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'ad9f9814c60e70a8a19a0872d3006fcdd4d36f62', class: "duet-tray-expandable-content" }, h("slot", { key: 'd319a5002fb41dbd3f7d036c881a064a5f2dd832', name: "additional" })))))));
+            } }, h("div", { key: '53974066f858b18963305b8765ae22d268a46df3', class: "duet-tray-default-content", role: "status" }, h("slot", { key: 'be7397d2f73ae4147ca097c7567c4fe10b59b2e8' })), this.hasAdditionalContent && (h(Fragment, { key: 'c698de98aa274785a9287095f9a2b19a1e3707a4' }, h("button", { key: '7b0a76ccba8af4c2e3851cbbbf9dd3e2de73a674', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: 'abf622b92b58b146b03f6717670dc1bd6de3c1fd', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '3d191e5254f83b0500fd3d15f6ff578efa264da7' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: 'd82fa1ac499869d855de59b7855e2375fd811b80', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '62b911579dc9e0013bd7e57f1ba4f77098cc7b33', class: "duet-tray-expandable-content" }, h("slot", { key: 'c16585065375ed05c264abd6b15c0f02482d9c81', name: "additional" })))))));
     }
     static get is() { return "duet-tray"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-upload/duet-upload.js

@@ -953,10 +953,10 @@ export class DuetUpload {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (h(Host, { key: 'fe296e7a1f173e1f9d106725647de568270f7381', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '72451c8e8021c8efdbef350e92d5d00db671f5eb', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '120762b8d74276d518b1a4aa5ebc9267bb821b86', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '7d1685f051c1607ed5984f21ca0306cffb135f9c', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: '4341d78e97e8842976517a9427dad1fb79f15600', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: 'ebd5fcbee689a2d69689a66da5770057f959e05b', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: 'da8d067ccff2b9de4ef7036d28538c3e1a99813a', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h("slot", { key: '72fb36ce235d388cf811d0b1e2689e673f166aee', name: "filefooter" }), h("slot", { key: '1f0f3dc31f01636b94567622dc365a743bb9c555', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: '071ab836a62ea4c49ab66af59eebf8fd8e6ac0a1', margin: "none", size: "small" }, h("div", { key: '8cb3bbe8afe46260ee01de1ccfec1171ad7d15b3', class: "upload-bottom-caption" }, caption))), h("slot", { key: '6ccb7bba76d874455cb6c6e4cde19fb4f3118c84', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: 'fb69a17ce2cd8ab89382b3a88aaf11c3ec5111d3' }, h("duet-spacer", { key: 'd12382964296660b0138d5e7cb23119d9ba51315', size: "large" }), h("duet-button", { key: '585b1a6670caf0810ea89a1dc930b4cb7a45c09a', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
+        return (h(Host, { key: '18e9b69e6b294624c3caa4197ac3064ad377edb4', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '54bea5df88e753afe0765f709639c895c83182f7', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '6eb5775f80ab5f44f44e3d14140348b86e8f7739', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '63e7bbc89678d80abdc5a85b7e90db25af8f2063', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: 'cabd4d22d34a0c59af38028a68b9aa9da78e648e', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: 'a8c8852e2552939af25edd121979d38dd98014ed', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '29a21718b2bb28697aa159e663226899bec68b74', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h("slot", { key: '3c0b11350cf2bd0dfbbb4436841c0fb255a696ba', name: "filefooter" }), h("slot", { key: 'ace089c7e46c8c7e3d495f53c796494c5102d800', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: '46dee1a0c5ede802dbbaa757ead7758153b02333', margin: "none", size: "small" }, h("div", { key: 'bf5885654a9a43b388484b906392f88d1519d4ef', class: "upload-bottom-caption" }, caption))), h("slot", { key: 'aa6f54876cbc89d68f1c199b41032967b8fdc0a7', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: '0c26de4c43da284d32d022f94c7ffdc70744971a' }, h("duet-spacer", { key: 'a89ce9a25c0ca6c15c74162224e8f229f4f4d28c', size: "large" }), h("duet-button", { key: '4bcc0ede230f033b84f1acba6c6f2c29704d5477', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
             this.bytesMaxReached ||
             this.filesToUploadExceedsLimit ||
-            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: '2c6faea7f05f92b8156afb6125ed218230d03a9b' }, h("duet-spacer", { key: '0a03717e16ad6080343f46e9cea6235fe7c95fb3', size: "medium" }), h("duet-alert", { key: '6e455df241d9c0371a4ac45e9d7f11f9d5b2469a', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h("duet-visually-hidden", { key: '0dcf57e2b593b8b4581b9516300d7fcf93a94ded', "aria-hidden": "true" }, h("input", { key: '8c8089792d4049c26b827d1b543bd9ddaaba326b', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: 'b63c5090df58fbeeb81d21c2962e2e4bf374475c' }, h("duet-spacer", { key: '23665cef847c4e6a4b5f892a4fb680efb7a5ac3a', size: "medium" }), h("duet-alert", { key: '05ac7cfb41b89c78833aef892eb63ace7cde0424', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h("duet-visually-hidden", { key: 'ce48b9cd57df20b21e7d1e6e82a6fb36ccfa0bb8', "aria-hidden": "true" }, h("input", { key: '5c6545180d5327d5790327897478dacade1df102', 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,
@@ -1256,7 +1256,7 @@ export class DuetUpload {
                     "references": {
                         "XHRInternalMiddleWare": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::XHRInternalMiddleWare"
                         }
                     }
@@ -1682,7 +1682,7 @@ export class DuetUpload {
                     "references": {
                         "StringMap": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::StringMap"
                         }
                     }
@@ -2331,7 +2331,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadTableGroupName": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadTableGroupName"
                         }
                     }
@@ -2376,7 +2376,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2397,7 +2397,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2418,7 +2418,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2439,7 +2439,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2460,7 +2460,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2481,7 +2481,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2502,7 +2502,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2523,7 +2523,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2544,7 +2544,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2565,7 +2565,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2586,7 +2586,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }

package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js

@@ -85,7 +85,7 @@ export class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '8da58752d98bfb8c52ddcd1d48112711fd2ea5c6', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '78ecb9ee37907bdbdb174bf58b75af88b2edfbd1' }, this.statusMessage)));
+        return (h(Host, { key: '9c5fda7baf87f2da5f17457f7cef35de49d7e9ba', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '46fa9e08ae5a48ae3033846cb67e0c57f319d51e' }, this.statusMessage)));
     }
     static get is() { return "duet-upload-aria-status"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-upload-item/duet-upload-item.js

@@ -73,9 +73,9 @@ export class DuetUploadItem {
         const { uid, meta, item } = this.data;
         const Badges = meta && meta.badges ? (h("span", null, meta.badges.map(badgeText => (h("duet-badge", { color: "primary" }, badgeText))))) : undefined;
         const actionDescription = `${meta && meta.badges ? meta.badges.join(",") : ""} ${item.name}`;
-        return (h("div", { key: '6ce0c4b0b64b9726755ba74c037759bfa90d0a1a', class: {
+        return (h("div", { key: '1e8a7b12404ac8539c77b5a1b93c062e3f586464', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (h("div", { key: 'a54b15975dfb0b72019838f7b77009c974b9e4bf', class: "item-categories" }, h("duet-heading", { key: '1f71cfd6a0573e176e7874fa14005afc36d7a885', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '5788235ef6265f08adbc17020fccb8fa8ba5bb77', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '43235e4073c7cb9c3b81c9efd2c58c3938c5503c', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '5d69daba599aec48c4a98ca0f1543a9dbbead4b3', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (h("div", { key: '362a940d6d61fb4bceb8f994cc1fac5bc1d9d0fb', class: "item-categories" }, h("duet-heading", { key: '57d3573e6094316e98327ff4ddf7782ff624e6bb', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '7e7bd71276e64ff416542e1ebf0db39659d863ef', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '8647031137125b3d66db9ea1d29237eb9d4a782a', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: 'a5f5fd7dfe122082e97378b9cae8f0196a99b5e8', class: "item-actions" }, this.actions.map(actionItem => {
             return (h("duet-action-button", { actionMeta: Object.assign({}, meta || {}), actionId: uid || null, actionName: actionItem.name, theme: this.theme, iconName: actionItem.icon, iconColor: actionItem.color, iconSize: actionItem.size, background: actionItem.background, "accessible-label": `${actionDescription} ${getLocaleString(actionItem.label)} `, accessibleTitle: this.getActionButtonTitle(actionItem), ref: button => (this.actionButton = button) }));
         }))));
     }
@@ -152,7 +152,7 @@ export class DuetUploadItem {
                     "references": {
                         "ItemType": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload-item/duet-upload-item.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-upload-item/duet-upload-item.tsx",
                             "id": "src/components/duet-upload-item/duet-upload-item.tsx::ItemType"
                         }
                     }
@@ -215,7 +215,7 @@ export class DuetUploadItem {
                     "references": {
                         "UploadActionButtonTitles": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload-item/duet-upload-item.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-upload-item/duet-upload-item.tsx",
                             "id": "src/components/duet-upload-item/duet-upload-item.tsx::UploadActionButtonTitles"
                         }
                     }

package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js

@@ -8,7 +8,7 @@ export class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'ef47dba78565c8af97e21ac63b93ca377c20f0dc', class: "duet-visually-hidden" }, h("slot", { key: '228e005804125169d172ba680bed0f6955aa13a0' })));
+        return (h(Host, { key: '29e733429b9aa2454e094a667e28c97eeb489d9e', class: "duet-visually-hidden" }, h("slot", { key: '73596a3d050b4f00d6a3261070811062a91a2519' })));
     }
     static get is() { return "duet-visually-hidden"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/utils/keyboard-utils.js

@@ -17,6 +17,7 @@ export const isQuestionKey = (e) => e.key === "?";
 export const isEnterKey = (e) => e.key === "Enter";
 export const isKeyboardClick = (e) => isEnterKey(e) || isSpaceKey(e);
 export const isNumber = (e) => e.key >= "0" && e.key <= "9";
+export const isCharacterInsertKey = (e) => e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey;
 /**
  * Component instances that have subscribed to tabbing change.
  */

package/lib/collection/utils/picture-utils.js

@@ -3,6 +3,11 @@
  */
 import { h } from "@stencil/core";
 export const DuetPicture = ({ img, sources }) => {
+    const imgAttrs = Object.assign({}, img);
+    if (!img.alt) {
+        imgAttrs.alt = "";
+        imgAttrs.role = "presentation";
+    }
     return (h("picture", null, sources &&
-        sources.map(source => (h("source", { srcSet: source.srcset, media: source.media, type: source.type, sizes: source.sizes }))), h("img", Object.assign({}, img))));
+        sources.map(source => (h("source", { srcSet: source.srcset, media: source.media, type: source.type, sizes: source.sizes }))), h("img", Object.assign({}, imgAttrs))));
 };