@duetds/components 9.2.1 → 9.2.3

package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js

@@ -57,7 +57,7 @@ export class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (h(Host, { key: '443e50f3d6e0221f9d089617b66ba2d7af05a0d4', role: "listitem" }, h(TagName, { key: 'a49c8360435fdff2934bb611b909880c17df0119', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "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, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '9caf7a841ec4116bec64a846f35bbeef8b377563', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'f24016ad17bd57fdfd5293a8dec47dab126d4441', class: "label" }, h("span", { key: '7a6cb80cc3013a47527285f07dcfe54429d842b9', class: "label-text" }, h("slot", { key: '85c0ca4f6ee110f74118b0a6e17153c787b6d52f' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: 'df8367bdb82b9fb9207fb6083d3c1c308c388cdf', class: {
+        return (h(Host, { key: 'ab81cca016d06490e7327dff9e9cd7b1eef0c372', role: "listitem" }, h(TagName, { key: '6214b7908b001b1c1c40cf1b24d37932752d48ed', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "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, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '99189e4a64cecacfc57d341d664702eb6319506e', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'efa76ad7b21823ba071b7f9ff4c273034e8c32f8', class: "label" }, h("span", { key: '7d97203da0eb5f9f946b469ceae8a3dd16bd4775', class: "label-text" }, h("slot", { key: 'd6d331b07cf85e7a38383dd8890275bd5959527b' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: '3120f4d7c7b98be6a9ee3b109ed33c6a94705b4e', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,
@@ -98,6 +98,8 @@ export class DuetSubmenuBarItem {
                     "tags": [],
                     "text": "Theme."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -116,6 +118,8 @@ export class DuetSubmenuBarItem {
                     "tags": [],
                     "text": "Active"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": false,
                 "defaultValue": "false"
@@ -134,6 +138,8 @@ export class DuetSubmenuBarItem {
                     "tags": [],
                     "text": "Url"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "url",
                 "reflect": false
             },
@@ -157,6 +163,8 @@ export class DuetSubmenuBarItem {
                     "tags": [],
                     "text": "Left icon."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "leading-icon",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -181,6 +189,8 @@ export class DuetSubmenuBarItem {
                     "tags": [],
                     "text": "Right icon."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "trailing-icon",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -199,6 +209,8 @@ export class DuetSubmenuBarItem {
                     "tags": [],
                     "text": "Adds accessible label for the link that is only shown for screen readers.\nTypically, this label text replaces the visible text on the link for users\nwho use assistive technology."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label",
                 "reflect": false
             },
@@ -216,6 +228,8 @@ export class DuetSubmenuBarItem {
                     "tags": [],
                     "text": "If a button expands or collapses adjacent content, then use the ariaExpanded\nprop to add the aria-expanded attribute to the button. Set the value to convey\nthe current expanded (true) or collapsed (false) state of the content."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-expanded",
                 "reflect": true
             },
@@ -233,6 +247,8 @@ export class DuetSubmenuBarItem {
                     "tags": [],
                     "text": "Use this property to add an aria-haspopup attribute to a button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-popup",
                 "reflect": true,
                 "defaultValue": "\"false\""
@@ -260,6 +276,8 @@ export class DuetSubmenuBarItem {
                         }],
                     "text": "Defaults for accessibleLabelExternal"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label-external-default",
                 "reflect": false,
                 "defaultValue": "DuetStringsExternalDefaults"
@@ -281,6 +299,8 @@ export class DuetSubmenuBarItem {
                         }],
                     "text": "Adds accessible label for tooltip that is shown in external link (url & external have both been set)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label-external",
                 "reflect": false,
                 "defaultValue": "getLocaleString(this.accessibleLabelExternalDefaults)"
@@ -299,6 +319,8 @@ export class DuetSubmenuBarItem {
                     "tags": [],
                     "text": "Forces URL to open in a new browser tab. Used together with URL prop."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "external",
                 "reflect": false,
                 "defaultValue": "false"

package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js

@@ -29,7 +29,7 @@ export class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'a6dc9dd339c3e6bff16908b1c8a92d8864620cae', role: "listitem" }, h("a", { key: '5251cb04c87f1c52bd8fdae8a0da3c8c8387b9c3', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (h("duet-icon", { key: '3c102a611f04bce4287534f8c2492b326cd97546', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '7f743327633be260d9f69659dc392023fb4f1a60', class: "label" }, h("slot", { key: '28503563b656db735aa9635e52e64f7eb296d630' })))));
+        return (h(Host, { key: 'fb94eb65690b10d78ba72790a1653d129d509aab', role: "listitem" }, h("a", { key: '3997d3a5848880c3c8fe0a81ff3c0ea243bf1328', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (h("duet-icon", { key: '56fd2d97c86ae74b00ad7661840e543e12f771c2', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: 'cacd3d410a7774d1c9919af8f2fca12a7150fb65', class: "label" }, h("slot", { key: 'ab7dc74da327c9eac6ed6c8a72edb1b194623949' })))));
     }
     static get is() { return "duet-submenu-bar-link"; }
     static get encapsulation() { return "shadow"; }
@@ -65,6 +65,8 @@ export class DuetSubmenuBarLink {
                     "tags": [],
                     "text": "Theme."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -83,6 +85,8 @@ export class DuetSubmenuBarLink {
                     "tags": [],
                     "text": "Active"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": false,
                 "defaultValue": "false"
@@ -101,6 +105,8 @@ export class DuetSubmenuBarLink {
                     "tags": [],
                     "text": "Href"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "href",
                 "reflect": false,
                 "defaultValue": "\"#\""
@@ -119,6 +125,8 @@ export class DuetSubmenuBarLink {
                     "tags": [],
                     "text": "Icon"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": true,
                 "defaultValue": "undefined"

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

@@ -71,11 +71,6 @@ export class DuetTab {
         disconnectLanguageChangeObserver(this);
         unsubscribeTabbingChange(this);
         if (this.tabpanelElement) {
-            this.tabpanelElement.removeAttribute("role");
-            this.tabpanelElement.removeAttribute("tabindex");
-            this.tabpanelElement.removeAttribute("aria-description");
-            this.tabpanelElement.removeAttribute("aria-labelledby");
-            this.tabpanelElement.removeAttribute("hidden");
             this.tabpanelElement.removeEventListener("focus", this.tabpanelElementFocusListener.bind(this));
             this.tabpanelElement.removeEventListener("blur", this.tabpanelElementBlurListener.bind(this));
             this.tabpanelElement = undefined;
@@ -146,6 +141,8 @@ export class DuetTab {
                     "tags": [],
                     "text": "Theme of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -164,6 +161,8 @@ export class DuetTab {
                     "tags": [],
                     "text": "Label for the tab."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": true
             },
@@ -181,6 +180,8 @@ export class DuetTab {
                     "tags": [],
                     "text": "Caption for the tab."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "caption",
                 "reflect": true
             },
@@ -198,6 +199,8 @@ export class DuetTab {
                     "tags": [],
                     "text": "Selected state of the tab."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected",
                 "reflect": true
             },
@@ -215,6 +218,8 @@ export class DuetTab {
                     "tags": [],
                     "text": "Notification mark to show in the tab button. Works better with plain variation, as the dark background of\nselected default button makes the mark less noticable."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "notification-mark",
                 "reflect": true
             },
@@ -241,6 +246,8 @@ export class DuetTab {
                         }],
                     "text": "Defaults for AccessibleLabel"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-description-defaults",
                 "reflect": false,
                 "defaultValue": "null"
@@ -262,6 +269,8 @@ export class DuetTab {
                         }],
                     "text": "String for AccessibleLabel"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-description",
                 "reflect": false,
                 "defaultValue": "this\n    .accessibleDescriptionDefault\n    ? getLocaleString(this.accessibleDescriptionDefault)\n    : null"
@@ -280,6 +289,8 @@ export class DuetTab {
                     "tags": [],
                     "text": "String of id's that indicate alternative labels elements"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-labelled-by",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -298,6 +309,8 @@ export class DuetTab {
                     "tags": [],
                     "text": "HTML id of element that is to be used when opening this tab.\nThis enables decoupling the content from the tab buttons."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "content-id",
                 "reflect": false,
                 "defaultValue": "undefined"

package/lib/collection/components/duet-tab-group/duet-tab-group.js

@@ -259,6 +259,8 @@ export class DuetTabGroup {
                     "tags": [],
                     "text": "Theme of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -277,6 +279,8 @@ export class DuetTabGroup {
                     "tags": [],
                     "text": "Controls whether the tab-group should scroll (by inflection this will disable collapsing to select box on small screens),\nif this is a number instead of true it will be used as \"amount of items to scroll\""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "scrolls",
                 "reflect": false,
                 "defaultValue": "false"
@@ -295,6 +299,8 @@ export class DuetTabGroup {
                     "tags": [],
                     "text": "Whether the tab-group collapses to a select dropwdown in minor breakpoints"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "collapses",
                 "reflect": false,
                 "defaultValue": "true"
@@ -313,6 +319,8 @@ export class DuetTabGroup {
                     "tags": [],
                     "text": "Aria label for the entire tab-group"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -337,6 +345,8 @@ export class DuetTabGroup {
                     "tags": [],
                     "text": "Style variation of the tab group."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "variation",
                 "reflect": false,
                 "defaultValue": "\"default\""
@@ -367,6 +377,8 @@ export class DuetTabGroup {
                         }],
                     "text": "The currently active language. This setting changes the accessible labels to match the\nchosen language."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": false,
                 "defaultValue": "getLanguage()"
@@ -394,6 +406,8 @@ export class DuetTabGroup {
                         }],
                     "text": "Defaults for Label"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-default",
                 "reflect": false,
                 "defaultValue": "{\n    fi: \"Valitse\",\n    en: \"Choose\",\n    sv: \"V\u00E4lj\",\n  }"
@@ -415,6 +429,8 @@ export class DuetTabGroup {
                         }],
                     "text": "Label for the select element which gets shown on mobile."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false,
                 "defaultValue": "getLocaleString(this.labelDefaults, this.language)"
@@ -433,6 +449,8 @@ export class DuetTabGroup {
                     "tags": [],
                     "text": "Determines whether the label for the select element shown on mobile is visually hidden."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-hidden",
                 "reflect": false,
                 "defaultValue": "true"
@@ -451,6 +469,8 @@ export class DuetTabGroup {
                     "tags": [],
                     "text": "Optional identifier to add to buttons in the tab group"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "identifier",
                 "reflect": false,
                 "defaultValue": "this.id"
@@ -475,6 +495,8 @@ export class DuetTabGroup {
                     "tags": [],
                     "text": "Controls the margin of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -499,6 +521,8 @@ export class DuetTabGroup {
                     "tags": [],
                     "text": "Controls the padding of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "padding",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -520,6 +544,8 @@ export class DuetTabGroup {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "set-tab-index",
                 "reflect": false,
                 "defaultValue": "true"
@@ -538,6 +564,8 @@ export class DuetTabGroup {
                     "tags": [],
                     "text": "If this property is set to true, tab won't change immediately after clicking it.\nComponent will emit \"duetTabChangeRequested\" event, and it needs to be handled manually in order to change tab."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tab-change-confirm",
                 "reflect": false,
                 "defaultValue": "false"

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

@@ -113,7 +113,7 @@ export class DuetTable {
         });
     }
     render() {
-        return (h(Host, { key: 'a8ac1c5720aa3ee8771d9c04d73026825732849f', class: {
+        return (h(Host, { key: '5281fe3906db3b9b3885493414cd38e683d7d49e', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -122,7 +122,7 @@ export class DuetTable {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, h("slot", { key: '7b5d417be70274833f0a5ad86a69d289cde07b3a' })));
+            } }, h("slot", { key: '1611870a74ea3903dc9c1fee47e66f7827c6b6e5' })));
     }
     static get is() { return "duet-table"; }
     static get originalStyleUrls() {
@@ -157,6 +157,8 @@ export class DuetTable {
                     "tags": [],
                     "text": "Theme of the table."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false
             },
@@ -180,6 +182,8 @@ export class DuetTable {
                     "tags": [],
                     "text": "Controls the margin of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -204,6 +208,8 @@ export class DuetTable {
                     "tags": [],
                     "text": "Style variation of the table."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "variation",
                 "reflect": false,
                 "defaultValue": "\"striped\""
@@ -222,6 +228,8 @@ export class DuetTable {
                     "tags": [],
                     "text": "Controls whether the table has a sticky header.\nSticky headers are not compatible with breakpoint=\"none-scrollable\"."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "sticky",
                 "reflect": false,
                 "defaultValue": "false"
@@ -246,6 +254,8 @@ export class DuetTable {
                     "tags": [],
                     "text": "Adjust the distance from top of the viewport (in pixels) when the\ntable header becomes sticky."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "sticky-distance",
                 "reflect": false,
                 "defaultValue": "\"with-links\""
@@ -270,6 +280,8 @@ export class DuetTable {
                     "tags": [],
                     "text": "By default the table is responsive - it will be flattened at narrow viewport widths.\nThis prop controls the breakpoint at which the table should be rendered as a _regular_ table.\nSet to \"none\" to disable the responsive functionality.\nSet to \"none-scrollable\" to disable responsive functionality _and_ allow horizontal scrolling -\nthis is useful for comparison tables where it's important to maintain column and row layout."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "breakpoint",
                 "reflect": false,
                 "defaultValue": "\"small\""
@@ -288,6 +300,8 @@ export class DuetTable {
                     "tags": [],
                     "text": "Hide a thead section visually. The content is still available to screen readers."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "hide-head-visually",
                 "reflect": false,
                 "defaultValue": "false"