@duetds/components 9.2.2 → 9.2.3

package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js

@@ -40,16 +40,16 @@ export class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '928a234e72a6cbc3d987453b0536284beb302544' }, h("div", { key: '6381d9b535e0aae5f1ffcd4598d7ef5549414629', class: {
+        return (h(Host, { key: '8bd65996e3bfea744c0730e651df24d258bec3c7' }, h("div", { key: '4d04156b1831757d0cd15287fe4baa3c300d4bd2', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: 'a16624ab904bb50b789dfd427d697eb2aee6cf6a', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: 'c3d651d59e46dcfa5add2b09da4fbcd5443f1687', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 active: this.active,
-            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: 'e8adbb28483423f4361812416579bf6745a76bc4', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: '6ab66a503a7592d00d08ade39b35540fef97f4a8', class: "label" }, h("slot", { key: '9feeacf271ad1b3a3110ef847e2c4054f6c137cf', name: "label" }), h("duet-icon", { key: 'dc0fe5de62591c574d56a1a315523584833a29d2', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: 'ffa8f24645466213c7a8ee05928e09229d602102', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: 'f680e74f6ae413a180b08776ee27cd5cb8de74a8', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: '2a3047b55c2df7ac06dea3fe22131fb619aa9fd1', class: "label" }, h("slot", { key: 'c24326301886814aef541f359c55dedccd1cc94c', name: "label" }), h("duet-icon", { key: 'c7c1032d262a94a2ca59a89fc46ab514cbc64b07', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: '53f5768df91fa9fe5f91ab54a8651d0dffbad19b', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: 'a719e7e86838333ea006a8c7d3e76b431d8c47fa' })))));
+            } }, h("slot", { key: '525bcea69da437c543ab01eb3b28030858ac6b72' })))));
     }
     static get is() { return "duet-slideout-panel-dropdown"; }
     static get encapsulation() { return "shadow"; }
@@ -85,6 +85,8 @@ export class DuetSlideoutPanelDropdown {
                     "tags": [],
                     "text": "Theme."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -103,6 +105,8 @@ export class DuetSlideoutPanelDropdown {
                     "tags": [],
                     "text": "Active"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": true,
                 "defaultValue": "false"
@@ -121,6 +125,8 @@ export class DuetSlideoutPanelDropdown {
                     "tags": [],
                     "text": "Open"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "open",
                 "reflect": true,
                 "defaultValue": "false"
@@ -139,6 +145,8 @@ export class DuetSlideoutPanelDropdown {
                     "tags": [],
                     "text": "Icon"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": true,
                 "defaultValue": "undefined"

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

@@ -49,7 +49,7 @@ export class DuetSpacer {
                     "references": {
                         "DuetSpacerSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-spacer/duet-spacer.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-spacer/duet-spacer.tsx",
                             "id": "src/components/duet-spacer/duet-spacer.tsx::DuetSpacerSize"
                         }
                     }
@@ -60,6 +60,8 @@ export class DuetSpacer {
                     "tags": [],
                     "text": "Size variation of the spacer. Can be any of the spacing tokens."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "\"medium\""
@@ -84,6 +86,8 @@ export class DuetSpacer {
                     "tags": [],
                     "text": "Direction of the space added."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "direction",
                 "reflect": false,
                 "defaultValue": "\"vertical\""
@@ -97,7 +101,7 @@ export class DuetSpacer {
                     "references": {
                         "DuetSpacerBreakpoint": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-spacer/duet-spacer.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-spacer/duet-spacer.tsx",
                             "id": "src/components/duet-spacer/duet-spacer.tsx::DuetSpacerBreakpoint"
                         }
                     }
@@ -108,6 +112,8 @@ export class DuetSpacer {
                     "tags": [],
                     "text": "Adjusts the breakpoint where the spacer is shown in. The functionality\nfollows 1:1 the media queries defined in design tokens."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "breakpoint",
                 "reflect": false,
                 "defaultValue": "\"\""

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

@@ -60,6 +60,8 @@ export class DuetSpinner {
                     "tags": [],
                     "text": "Adds accessible label for the spinner that is only shown for screen readers."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label",
                 "reflect": false
             },
@@ -83,6 +85,8 @@ export class DuetSpinner {
                     "tags": [],
                     "text": "Color of the spinner, as a design token entered in camelCase or kebab-case.\nExample: \"color-primary\". This property can also be set to \"currentColor\"\nwhich forces the icon to use the CSS text color of parent element instead.\nUseful when you want to control the color in stylesheet instead."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": false,
                 "defaultValue": "\"gray-lightest\""
@@ -96,7 +100,7 @@ export class DuetSpinner {
                     "references": {
                         "DuetSpinnerSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-spinner/duet-spinner.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-spinner/duet-spinner.tsx",
                             "id": "src/components/duet-spinner/duet-spinner.tsx::DuetSpinnerSize"
                         }
                     }
@@ -107,6 +111,8 @@ export class DuetSpinner {
                     "tags": [],
                     "text": "Size variation of the spinner."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "\"small\""
@@ -131,6 +137,8 @@ export class DuetSpinner {
                     "tags": [],
                     "text": "Theme of the spinner. When used this will override the color setting and\nuse \"primary\" or \"primary-turva\" as the color depending on which theme\nis chosen."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""

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

@@ -129,6 +129,8 @@ export class DuetStep {
                     "tags": [],
                     "text": "Theme of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -147,6 +149,8 @@ export class DuetStep {
                     "tags": [],
                     "text": "Set the heading for the step."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "heading",
                 "reflect": false
             },
@@ -170,6 +174,8 @@ export class DuetStep {
                     "tags": [],
                     "text": "Set the heading level used in the HTML markup."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "heading-level",
                 "reflect": false
             },
@@ -190,6 +196,8 @@ export class DuetStep {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "step-index",
                 "reflect": false
             },
@@ -202,7 +210,7 @@ export class DuetStep {
                     "references": {
                         "DuetStepState": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-step/duet-step.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-step/duet-step.tsx",
                             "id": "src/components/duet-step/duet-step.tsx::DuetStepState"
                         }
                     }
@@ -216,6 +224,8 @@ export class DuetStep {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "state",
                 "reflect": false
             },
@@ -236,6 +246,8 @@ export class DuetStep {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "rounded-top",
                 "reflect": false,
                 "defaultValue": "false"
@@ -257,6 +269,8 @@ export class DuetStep {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "rounded-bottom",
                 "reflect": false,
                 "defaultValue": "false"
@@ -280,7 +294,7 @@ export class DuetStep {
                     "references": {
                         "DuetStepClickEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-step/duet-step.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-step/duet-step.tsx",
                             "id": "src/components/duet-step/duet-step.tsx::DuetStepClickEvent"
                         }
                     }

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

@@ -124,6 +124,8 @@ export class DuetStepper {
                     "tags": [],
                     "text": "Theme of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -142,6 +144,8 @@ export class DuetStepper {
                     "tags": [],
                     "text": "Format of message used to announce current step when navigating between steps.\nThe string {current} is replaced with current the step number.\nThe string {total} is replaced with the total number of steps."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-live",
                 "reflect": false,
                 "defaultValue": "\"Lista jossa {total} kohtaa. Olet kohdassa {current}.\""
@@ -166,6 +170,8 @@ export class DuetStepper {
                     "tags": [],
                     "text": "Controls the margin of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -184,6 +190,8 @@ export class DuetStepper {
                     "tags": [],
                     "text": "Controls whether navigation back to previous steps is allowed or not."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "back-disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -202,6 +210,8 @@ export class DuetStepper {
                     "tags": [],
                     "text": "The index of the current step."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected",
                 "reflect": true,
                 "defaultValue": "0"
@@ -225,7 +235,7 @@ export class DuetStepper {
                     "references": {
                         "DuetStepChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-stepper/duet-stepper.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-stepper/duet-stepper.tsx",
                             "id": "src/components/duet-stepper/duet-stepper.tsx::DuetStepChangeEvent"
                         }
                     }

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

@@ -122,19 +122,19 @@ export class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'e2117d735a8e911cded7f265c6f8a595ae48dfdb' }, h("nav", { key: '0797f1b1016c6932a6d6c59b11f487f70cc50f07', class: {
+        return (h(Host, { key: '1469bb18585b64778dd536fe0b0a8f727e065578' }, h("nav", { key: 'a399b3bd25d1674641715545c4d9ad33a997cce8', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: '94866119076b73cb76c5b8d17f9d1545db542f1a', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: '3226732e632347a9a90f39c7408f444841ed565d', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
                 active: this.open,
-            }, onClick: this.onClick }, h("span", { key: 'dc870c6204c962afae8c9c26be03fdc13d0e5764', class: "label" }, h("slot", { key: '725b22668a7a9c521f5db94a7d61b88648bc6ccf', name: "label" }), h("duet-icon", { key: 'ad1ada873a49f7a04eba3b4a0875b980c3848eb5', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '09728b4fb000a4a22f6de2ac8c7f0c782dde65b2', class: {
+            }, onClick: this.onClick }, h("span", { key: '7796972e15445991d3de043e8729a8ba33fff6e3', class: "label" }, h("slot", { key: '31c5d6e4d7b63589b161e5a286e4c8fb17858f94', name: "label" }), h("duet-icon", { key: 'e48e347ab980b919e9b405bcce57b653902b8cb5', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: 'bdc071c610af92ccd78d692c5cb54dd3807d4110', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, h("div", { key: 'aa8bd7be5c9a023bd8334cb2de62172bd6d329ac', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
+            }, role: "presentation" }, h("div", { key: '59b34793b7a78f7b6408ba05fe8e1e8d2cd68fcd', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
                 items: true,
                 hidden: !this.open,
-            }, ref: element => (this.itemsContainer = element) }, h("div", { key: 'bd0d108bfcd3823bcb1dfc8bc5cd1484a40fa75a', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '4186c575bbd77f9286ac918604da8e77f47953dd' }), h("div", { key: 'd1eb8709213d69f098493b3b31b3187ec352df6b', class: "list-padding" }))), h("duet-overlay", { key: '7fee9a7696fa6e91b3689e688272538906345ca9', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, h("div", { key: '0b1cb47d7dd37179e422758a9450f257383330f6', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '2c0b696924ab664b00ee2c79cdd8c49fc2134837' }), h("div", { key: '5b6ffbcc4d64adbb050c1d195e5e98dc015a20bf', class: "list-padding" }))), h("duet-overlay", { key: '96fde4e8c50d9d655e4f336f9c88ba14e2378069', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     static get is() { return "duet-submenu-bar"; }
     static get encapsulation() { return "shadow"; }
@@ -170,6 +170,8 @@ export class DuetSubmenuBar {
                     "tags": [],
                     "text": "Theme."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -188,6 +190,8 @@ export class DuetSubmenuBar {
                     "tags": [],
                     "text": "Makes the submenu bar hide on top of the window when page is scrolled down\nShould be used only with sticky navigation."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "hide-on-scroll",
                 "reflect": false,
                 "defaultValue": "false"
@@ -206,6 +210,8 @@ export class DuetSubmenuBar {
                     "tags": [],
                     "text": "Open"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "open",
                 "reflect": true,
                 "defaultValue": "false"
@@ -224,6 +230,8 @@ export class DuetSubmenuBar {
                     "tags": [],
                     "text": "Adds accessible label for the button that is only shown for screen readers.\nTypically, this label text replaces the visible text on the button for\nusers who use assistive technology."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label",
                 "reflect": false
             }

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

@@ -96,18 +96,18 @@ export class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '8f08ece395a4ba1314841a67287af313a8855186', role: "listitem" }, h("div", { key: 'e95acc4335f412ca02f26b8de05ade89164a7527', class: {
+        return (h(Host, { key: 'c3cf8eb945cf4d95dc90722856d85478a478c3d1', role: "listitem" }, h("div", { key: 'c33c4274767aa171529c12d7998be90c12c80d79', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, h("button", { key: 'a8d0369c81b9a06c1f124cd48d88306c1ed333dd', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: '0c2bca528aaf0c1f528634636e7d16007dd66e8e', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 open: this.open,
                 active: this.active,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '4c0cc2b9677d5e58c2cf4428efa9d62a1e3c8d91', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'bd5c5b92ef9dc39bf26c2553a0f5e053ef5f1c48', class: "label" }, h("span", { key: '7d1aa5919c3e138f7b533d19aed057826f0fa314', class: "label-text" }, h("slot", { key: 'de5d49c359fa794ccf67bb2add1783e26ade578b', name: "label" })), h("duet-icon", { key: '94eba6e2c4541d80a1152018a9ce87138a947030', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '9c101cf1fdaaabeca35e85d8e7fc41adc223dcd7', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'b6d67b23e9e144930f6dbd3f7cb645dcc08757bc', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'd4671d5f840303ad923d50ad7314a5ca13a95840', class: "label" }, h("span", { key: 'ec5e80db693fdd7b50ad9fcf3d40300858bd3036', class: "label-text" }, h("slot", { key: '42be40ec38e6e46bf516d581e0cf7204d3a43ecc', name: "label" })), h("duet-icon", { key: '28fce54b06d8489c35a017371ccbcf3ff357261c', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '23ee904f9e7e8953b79be8c1903787e0ad0ed389', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '4f2254bd20c2b678903b0c0df54fd0f97402faed' })))));
+            } }, h("slot", { key: '18d9b43b76fd13faa5c1e95e50253d4ba067dbbd' })))));
     }
     static get is() { return "duet-submenu-bar-dropdown"; }
     static get encapsulation() { return "shadow"; }
@@ -143,6 +143,8 @@ export class DuetSubmenuBarDropdown {
                     "tags": [],
                     "text": "Theme."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -161,6 +163,8 @@ export class DuetSubmenuBarDropdown {
                     "tags": [],
                     "text": "Active"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": false,
                 "defaultValue": "false"
@@ -179,6 +183,8 @@ export class DuetSubmenuBarDropdown {
                     "tags": [],
                     "text": "Open"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "open",
                 "reflect": true,
                 "defaultValue": "false"
@@ -197,6 +203,8 @@ export class DuetSubmenuBarDropdown {
                     "tags": [],
                     "text": "Icon"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": true,
                 "defaultValue": "undefined"

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

@@ -31,12 +31,12 @@ export class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '11e639e57c680a97a0ef21a57328360133227dd1' }, h("a", { key: '919512fb3aa5bf046fa9262710f43fcfd7c9fb39', class: {
+        return (h(Host, { key: '7b6d4f944e09e3b9f4a545b35ca22b70354d4e89' }, h("a", { key: '7c4d73a5f232691be4cd4ccc4e9687afdfdf46b2', class: {
                 "duet-submenu-bar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 highlight: this.highlight,
                 active: this.active,
-            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: 'ebf2d185b72200c222f27e355adeff4c079ca4ea', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '0974a4c820f420a579284d59a828f4885c6e29f0', class: "label-container" }, h("span", { key: '56a4127149b845914f81522e8f4d1aee1bb5841d', class: "label" }, h("slot", { key: 'f7b1b3f63774566fde033aaeefc564f4f49e5565' })), this.caret && h("duet-icon", { key: '30ecc9e26ae5fd94776b1b6f36bd33762f857630', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '71a328a1d78b6d1d4c13ca0d07b5918677d93061', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '931355f6d77cbd9390389fc19ba3523c71deaa37', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '4be80caa3ae757adf17b077286f0d05572bf8086', class: "label-container" }, h("span", { key: '7c06307710f7bf1a54d31fef0fefe969ef5dbf86', class: "label" }, h("slot", { key: '11223a3b3b50e53da0b37954dc228ef2cc2fb3c8' })), this.caret && h("duet-icon", { key: '8f1bdbc98c7f0af7167528d6ddd015613196af72', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '06574ed40c1677c41256fde666620ec3eb367d7f', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-submenu-bar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }
@@ -72,6 +72,8 @@ export class DuetSubmenuBarDropdownLink {
                     "tags": [],
                     "text": "Theme."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -90,6 +92,8 @@ export class DuetSubmenuBarDropdownLink {
                     "tags": [],
                     "text": "Active"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": false,
                 "defaultValue": "false"
@@ -108,6 +112,8 @@ export class DuetSubmenuBarDropdownLink {
                     "tags": [],
                     "text": "Href"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "href",
                 "reflect": false,
                 "defaultValue": "\"#\""
@@ -126,6 +132,8 @@ export class DuetSubmenuBarDropdownLink {
                     "tags": [],
                     "text": "Icon"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": true,
                 "defaultValue": "undefined"
@@ -144,6 +152,8 @@ export class DuetSubmenuBarDropdownLink {
                     "tags": [],
                     "text": "Caret"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "caret",
                 "reflect": false,
                 "defaultValue": "false"
@@ -162,6 +172,8 @@ export class DuetSubmenuBarDropdownLink {
                     "tags": [],
                     "text": "Highlight"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "highlight",
                 "reflect": false,
                 "defaultValue": "false"

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: '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: '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: '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"