@duetds/components 9.2.2 → 9.2.4

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: 'f69e9add0568dfe72123a03f289215bb29ef1d08', role: "listitem" }, h(TagName, { key: '3ca7353d74a0a8c0d1126d51c6f8e331ecf6917c', 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: 'f20c091590fbe1ecafd15170018c4cc50f0c8aed', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '7b57abaa11e2b7977724e6af6a0e6abaf9fe3d6f', class: "label" }, h("span", { key: 'db4d694d48e0e09771dd7a9bde496ca51b8489c3', class: "label-text" }, h("slot", { key: 'aaac34dd1703e14868ca9dff56f3b8cf3fbc9bb1' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: '6d75e989663c2c6bd261207f8b31be886ce508ec', class: {
+        return (h(Host, { key: 'b31ed9815a70a51dcd572ca7d1485930c2440939', role: "listitem" }, h(TagName, { key: '9ee1cc13ac91783544600e501b1fab1eb70997d6', 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: '4deab5b50ec0e4066872c2744cb8e65d0a0e7287', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '46be26631ba05fed851d7fb9c74cf11d6ce925a8', class: "label" }, h("span", { key: '3bb375080720c6d70901eb425d85bcc3829454ee', class: "label-text" }, h("slot", { key: 'fd3e9665db1ff76e1435288cefffba0c9e75273b' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: 'a3f85c5afc2a5234e3aad56f7262030ef3ad509e', 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: '7b8350533b6fdc1b0fe43e2f526116478c2f4ea2', role: "listitem" }, h("a", { key: '2293f62e3c8a9dd5d7bcbbb340fa61bd705c846e', 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: '2a42ec30e2045854c5d738859fee5d8a974bb7fb', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: 'ed5e319d3d2831716e2c86765c8e1b359a8f2955', class: "label" }, h("slot", { key: 'c9daddf444637f484b157f9115fdc240814c4947' })))));
+        return (h(Host, { key: '0a4400868d61377b3ce3df2c080a0aa42ad53a8b', role: "listitem" }, h("a", { key: '005d137af08a1c049d12707de80a41968e29b6fe', 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: '3d900e1209d6e99e2361348c9fda2b0e562987b4', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '99b597aeb8dbe29036e8e006160c86884f5e3387', class: "label" }, h("slot", { key: '8c81d3eb726c6e5fd647e351f1fdeb7eab64d109' })))));
     }
     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: '40ae11c117aa9e3d098fca4386bd82bf50c09d0a', class: {
+        return (h(Host, { key: 'd456405a2d68a4f177b88081425e960ba63045b9', 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: 'c087d7df4a628c929262797c6b84fc33b701b8d2' })));
+            } }, h("slot", { key: '4f00b379d883a78ed082245fb9b6b8096e52ab94' })));
     }
     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"