@duetds/components 9.2.1 → 9.2.3

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { h, Host, } from "@stencil/core";
+import { Build, h, Host, } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common";
 import { createID } from "../../utils/create-id";
 import { cleanValue } from "../../utils/input-utils";
@@ -162,23 +162,26 @@ export class DuetTextarea {
      * Always the last one in the class.
      */
     render() {
+        if (Build.isServer) {
+            return;
+        }
         const identifier = this.identifier || this.textareaId;
-        return (h(Host, { key: '6822e915557cb26cc7ef9e11686a3c6ebb68ea47', class: {
+        return (h(Host, { class: {
                 "duet-m-0": this.margin === "none",
                 "duet-has-counter": this.counter && !this.error,
                 "duet-expand": this.expand,
-            } }, h("div", { key: 'bc4115c13d819ace2c3093540184535b8e4a1b92', class: {
+            } }, h("div", { class: {
                 "duet-textarea-container": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-label-hidden": this.labelHidden,
                 "duet-input-top-caption-shown": this.isCaptionVisible,
                 "has-error": !!this.error,
-            } }, h("duet-label", { key: '9580bdfabe29364106b37d5d96662bd92834b547', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: '6561c8b34741071590fbdc1e181e19d27c72f5ac', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), h("slot", { key: '096527c36bf9a86ea5516855968793509041f7f2', name: "tooltip" }), this.caption && (h("duet-caption", { key: '200ff13988a66c86df15d0a4aa2cc5d0933e4e94', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), h("div", { key: 'bb6e02a2b4e56a4b1b0b02ba69e57037703f8c1a', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { key: '5a4e1130618afea793977101bb96aa48b0966a89', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), h("textarea", { key: '8931951754cb4d340020d1b03630d0c5887dcabc', onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: input => (this.nativeInput = input), class: { "duet-textarea": true, disabled: this.disabled }, value: this.value, disabled: this.disabled, "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, placeholder: this.placeholder, spellcheck: "false", required: this.required, minlength: this.minlength, maxlength: this.maxlength, role: this.role, name: this.name, id: identifier })), h("duet-grid", { key: '11f6951c2dfa29e83f31ccaeac2f5dc878bc948b', alignment: "stretch" }, h("duet-grid-item", { key: 'e85f9341efb0b3adc42239559525c901b2bafb3f', margin: "none", fill: true }, h("div", { key: '17ac589c05fb30ff82c8e05470ae4af763144b04', class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: 'daa212a3cc4e868d5b63c0663e0cddb69c46e273' }, this.error))), h("duet-grid-item", { key: '393879358311c8ae3c6cb33d996fc4ea5b918aec', margin: "none", class: "duet-character-count-caption" }, this.counter && (h(CharacterCount, { key: 'f201904c256266056855907d84c013a84c3c123c', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (h("duet-visually-hidden", { key: '634bed29f451d4d2a03835ebcf228a790cc92d0c', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
+            } }, h("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), h("slot", { name: "tooltip" }), this.caption && (h("duet-caption", { id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), h("div", { class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), h("textarea", { onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: input => (this.nativeInput = input), class: { "duet-textarea": true, disabled: this.disabled }, value: this.value, disabled: this.disabled, "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, placeholder: this.placeholder, spellcheck: "false", required: this.required, minlength: this.minlength, maxlength: this.maxlength, role: this.role, name: this.name, id: identifier })), h("duet-grid", { alignment: "stretch" }, h("duet-grid-item", { margin: "none", fill: true }, h("div", { class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", null, this.error))), h("duet-grid-item", { margin: "none", class: "duet-character-count-caption" }, this.counter && (h(CharacterCount, { theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (h("duet-visually-hidden", { class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
                 this.hiddenCounterLabel = el;
             } })))));
     }
     static get is() { return "duet-textarea"; }
-    static get encapsulation() { return "shadow"; }
+    static get encapsulation() { return "scoped"; }
     static get originalStyleUrls() {
         return {
             "$": ["duet-textarea.scss"]
@@ -211,6 +214,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Controls the margin of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -229,6 +234,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Indicates the id of a related component\u2019s visually focused element."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-active-descendant",
                 "reflect": false
             },
@@ -246,6 +253,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Indicates what kind of user input completion suggestions are provided."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-autocomplete",
                 "reflect": false
             },
@@ -263,6 +272,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Use this prop to add an aria-controls attribute. Use the attribute to\nindicate the id of a component controlled by this component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-controls",
                 "reflect": false
             },
@@ -280,6 +291,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Aria Details of the component"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-details",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -298,6 +311,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "String of id's that indicate alternative labels elements"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-labelled-by",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -316,6 +331,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Aria description the button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-description",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -334,6 +351,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "The aria-live attribute for the error message. When the input is validated on blur, use \"off\", as using \"polite\" or \"assertive\"\nmakes the screen reader read the error message twice. When the input is validated on submit, use \"polite\", as \"off\" would leave\nthe messages unread by screen readers. Use \"assertive\" only in those rare cases when \"polite\" would leave the error message\nunread by screen readers."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-live-error",
                 "reflect": false,
                 "defaultValue": "\"polite\""
@@ -352,6 +371,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Indicates the id of a component owned by the textarea."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-owns",
                 "reflect": false
             },
@@ -369,6 +390,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Indicates the id of a component that describes the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-described-by",
                 "reflect": false
             },
@@ -392,6 +415,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Theme of the textarea."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -410,6 +435,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Expands the textarea to fill 100% of the container width."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "expand",
                 "reflect": false,
                 "defaultValue": "false"
@@ -428,6 +455,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Makes the textarea component disabled. This prevents users from being able\nto interact with the textarea, and conveys its inactive state to assistive\ntechnologies."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
@@ -446,6 +475,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Adds a unique identifier for the textarea."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "identifier",
                 "reflect": false
             },
@@ -463,6 +494,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Set whether the textarea is required or not. Please note that this is required for\naccessible inputs when the user is required to fill them. When using this property\nyou need to also set \u201Cnovalidate\u201D attribute to your form element to prevent\nbrowser from displaying its own validation errors."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
@@ -481,6 +514,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Label for the textarea."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false,
                 "defaultValue": "\"label\""
@@ -499,6 +534,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Color of the label."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-color",
                 "reflect": false
             },
@@ -522,6 +559,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Font weight of the label."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-weight",
                 "reflect": false
             },
@@ -539,6 +578,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Visually hide the label, but still show it to screen readers."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-hidden",
                 "reflect": false,
                 "defaultValue": "false"
@@ -557,6 +598,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Name of the textarea."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": false
             },
@@ -574,6 +617,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Hint text to display."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placeholder",
                 "reflect": false
             },
@@ -591,6 +636,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Caption (underneath label) that can be set as a way of adding extra information"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "caption",
                 "reflect": false
             },
@@ -608,6 +655,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "If form input field has a placeholder text, and user types anything (causing the text to dissapear),\nsettings this to true will \"echo\" it into the caption slot - this option will be false by default for the next few versions, but will eventually be true by default (scheduled for 4.30.0)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "echo-placeholder",
                 "reflect": false,
                 "defaultValue": "false"
@@ -626,6 +675,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Use maxlength to specify the maximum length of the value that can be entered.\nPlease note that this uses native HTML5 pattern validation."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "maxlength",
                 "reflect": false
             },
@@ -643,6 +694,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Use minlength to specify the minimum length of the value that can be entered.\nPlease note that this uses native HTML5 pattern validation."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "minlength",
                 "reflect": false
             },
@@ -660,6 +713,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Display the textarea in error state along with an error message."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "error",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -678,6 +733,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Defines a specific role attribute for the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "role",
                 "reflect": false
             },
@@ -695,6 +752,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Tooltip to display next to the label of the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tooltip",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -719,6 +778,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "With direction setting you can force the tooltip to always open towards left\nor right instead of automatically determining the direction."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tooltip-direction",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -737,6 +798,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Value of the textarea."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -755,6 +818,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "A regular expression that matches any characters which should be *disallowed*.\nThis differs from `pattern`, as it actively prevents users entering any characters which match the regular expression.\ne.g. the following will disallow any non-numeric characters `[^0-9]`"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disallow-pattern",
                 "reflect": false,
                 "defaultValue": "null"
@@ -773,6 +838,8 @@ export class DuetTextarea {
                     "tags": [],
                     "text": "Display character counter. Must be used in conjunction with  **maxlength** property."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "counter",
                 "reflect": false,
                 "defaultValue": "false"
@@ -794,6 +861,8 @@ export class DuetTextarea {
                         }],
                     "text": "Accessible label for character counter."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "counter-label",
                 "reflect": false,
                 "defaultValue": "getLocaleString(this.counterLabelDefaults)"

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

@@ -119,6 +119,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Theme of the card."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -143,6 +145,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Controls the margin of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -161,6 +165,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Indicates the id of a related component\u2019s visually focused element."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-active-descendant",
                 "reflect": false
             },
@@ -178,6 +184,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Use this prop to add an aria-controls attribute. Use the attribute to indicate\nthe id of a component controlled by this component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-controls",
                 "reflect": false
             },
@@ -195,6 +203,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Indicates the id of a component owned by the toggle."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-owns",
                 "reflect": false
             },
@@ -212,6 +222,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Indicates the id of a component that describes the toggle."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-described-by",
                 "reflect": false
             },
@@ -229,6 +241,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Aria Details of the component"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-details",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -247,6 +261,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "String of id's that indicate alternative labels elements"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-labelled-by",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -265,6 +281,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Aria description the button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-description",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -283,6 +301,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Label for the toggle."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false,
                 "defaultValue": "\"label\""
@@ -301,6 +321,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Color of the label."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-color",
                 "reflect": false
             },
@@ -324,6 +346,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Font weight of the label."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-weight",
                 "reflect": false
             },
@@ -341,6 +365,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Position of the label"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-position",
                 "reflect": false,
                 "defaultValue": "\"top\""
@@ -359,6 +385,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Set whether the input is required or not. Please note that this is necessary for\naccessible inputs when the user is required to fill them. When using this property\nyou need to also set \u201Cnovalidate\u201D attribute to your form element to prevent\nbrowser from displaying its own validation errors."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
@@ -377,6 +405,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Makes the input component disabled. This prevents users from being able to\ninteract with the input, and conveys its inactive state to assistive technologies."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
@@ -395,6 +425,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Check state of the checkbox."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "checked",
                 "reflect": true,
                 "defaultValue": "false"
@@ -413,6 +445,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "The value of the checkbox does not mean if it's checked or not, use the checked\nproperty for that."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": true
             },
@@ -430,6 +464,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Adds a unique identifier for the checkbox."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "identifier",
                 "reflect": false
             },
@@ -447,6 +483,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Name of the checkbox."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": false
             },
@@ -464,6 +502,8 @@ export class DuetToggle {
                     "tags": [],
                     "text": "Defines a specific role attribute for the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "role",
                 "reflect": false
             }

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

@@ -31,11 +31,11 @@ export class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: 'e95670de6988cb19be58405e1a22503cde2b90bd' }, h("nav", { key: 'fc7d9f781f8a67c70f21ebb83468561457454a38', class: {
+        return (h(Host, { key: '91c10cd51874090bfa321e80557b0af866158ec1' }, h("nav", { key: '20468b9364a8b4ab5c294b720e18b98e435479d6', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '98f5defda0a4174974b55128d7e6ab8875191e56', class: "container" }, h("div", { key: '00664089bfde8ff43b913744e098108b4f8a7b38', class: "list", role: "list" }, h("slot", { key: '2e5832a886df8fd2b97b6f3af6eb77ac76ca8fa4', name: "left" })), h("div", { key: '84fcc0c995aadaccea6d64e286d1fd5b112b89a7', class: "list", role: "list" }, h("slot", { key: 'c9bb0646272666f709b96546d3b43221c85bba83', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: 'f253ec42bdc5c5c5ae9f556e31c25a0aa3406438', class: "container" }, h("div", { key: 'e71e6f8fc61221463fff4296b6543176353437a1', class: "list", role: "list" }, h("slot", { key: '9f3a7862ccb69db13aee70c9bc89825c0a0d46a2', name: "left" })), h("div", { key: 'debbe197eae3b509a885db277ccab37885730107', class: "list", role: "list" }, h("slot", { key: 'cb71021ba0bf0a12fd9fd635cec16568ac25180a', name: "right" }))))));
     }
     static get is() { return "duet-toolbar"; }
     static get encapsulation() { return "shadow"; }
@@ -71,6 +71,8 @@ export class DuetToolbar {
                     "tags": [],
                     "text": "Theme."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -89,6 +91,8 @@ export class DuetToolbar {
                     "tags": [],
                     "text": "Variation. Secondary is not supported for Turva theme. Negative is deprecated."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "variation",
                 "reflect": false,
                 "defaultValue": "\"default\""
@@ -107,6 +111,8 @@ export class DuetToolbar {
                     "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-toolbar-dropdown/duet-toolbar-dropdown.js

@@ -50,18 +50,18 @@ export class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: 'a87f29715ddfbb33697cebfc796d4591cb191fd0', role: "listitem" }, h("div", { key: '54e757dfaaf70e32127e489812c35fca8e28e419', class: {
+        return (h(Host, { key: 'b267de99df676578b5c5879bfc4b33e63f53eb40', role: "listitem" }, h("div", { key: '0f4a971d359bb6b05c6a0de70bd263b48ae42953', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, h("button", { key: '99e3e9be8b769b763bcb3efd37545b9d728b8ff5', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
+            } }, h("button", { key: '7fe26d57c4e2df698aaf1677171e14999adcee31', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
                 active: this.active,
                 open: this.open,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '599a1cd0847b63c55946e5c89f6fc1b4761dcb8a', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: 'fa9597c1dfb9c171a75b6f235ab433d2d4d86f07', class: "label" }, h("slot", { key: '9a262fb001663204c6aece7bdd7971b3f0d44c9e', name: "label" }), h("duet-icon", { key: '85728bfc749f8b5c9e310196d07a7cc587a17285', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '36d0896d802c6c2507e6a06ef3bc099684fefd64', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'a1390f889f23f75052fd5c78915e12ee9e3c8930', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '7b7b8ad3931cc78a60ae96ebafe19fed542db012', class: "label" }, h("slot", { key: 'fb9211a981fbbada64fd2b86c3583af226ebb626', name: "label" }), h("duet-icon", { key: 'aaf1a322508dee44ff0e60d5bfc68381a568a922', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'd68a0e8ff628d5739efbe9cf3233d94cfa43e26f', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '7bfbe40de83bf7a95b773592d1c7ef0e15610197' })))));
+            } }, h("slot", { key: '2d9b51cf80525f43ca11cc5e4b91dd6308251ad8' })))));
     }
     static get is() { return "duet-toolbar-dropdown"; }
     static get encapsulation() { return "shadow"; }
@@ -97,6 +97,8 @@ export class DuetToolbarDropdown {
                     "tags": [],
                     "text": "Theme."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -115,6 +117,8 @@ export class DuetToolbarDropdown {
                     "tags": [],
                     "text": "Variation."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "variation",
                 "reflect": false,
                 "defaultValue": "\"default\""
@@ -133,6 +137,8 @@ export class DuetToolbarDropdown {
                     "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
             },
@@ -150,6 +156,8 @@ export class DuetToolbarDropdown {
                     "tags": [],
                     "text": "Active"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": true,
                 "defaultValue": "false"
@@ -168,6 +176,8 @@ export class DuetToolbarDropdown {
                     "tags": [],
                     "text": "Open"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "open",
                 "reflect": true,
                 "defaultValue": "false"
@@ -186,6 +196,8 @@ export class DuetToolbarDropdown {
                     "tags": [],
                     "text": "Icon"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": true,
                 "defaultValue": "undefined"