@duetds/components 9.2.1 → 9.2.3

package/lib/collection/components/duet-date-picker/duet-date-picker.js

@@ -52,9 +52,10 @@ export class DuetDatePicker {
         };
         this.handleBlur = (event) => {
             event.stopPropagation();
-            if (!this.validity.valid) {
+            this.inputHasFocus = false;
+            if (!this._validity.valid) {
                 this.value = null;
-                const errorKey = Object.entries(this.validity).find(entry => !!entry[1])[0];
+                const errorKey = Object.entries(this._validity).find(entry => !!entry[1])[0];
                 this.internalValidityError = getLocaleString(this.dateErrorMessages[errorKey]);
             }
             this.duetBlur.emit({
@@ -63,6 +64,7 @@ export class DuetDatePicker {
         };
         this.handleFocus = (event) => {
             event.stopPropagation();
+            this.inputHasFocus = true;
             this.duetFocus.emit({
                 component: "duet-date-picker",
             });
@@ -119,7 +121,14 @@ export class DuetDatePicker {
             PageDown: () => this.addMonths(1),
             "Shift+PageUp": () => this.addYears(-1),
             "Shift+PageDown": () => this.addYears(1),
+            Space: evt => this.handleKeyboardDaySelect(evt),
+            Enter: evt => this.handleKeyboardDaySelect(evt),
         });
+        this.handleKeyboardDaySelect = (evt) => {
+            const el = evt.target;
+            const date = parseISODate(el.dataset.day);
+            this.handleDaySelect(evt, date);
+        };
         this.handleDaySelect = (_event, day) => {
             const min = parseISODate(this.min);
             const max = parseISODate(this.max);
@@ -146,6 +155,7 @@ export class DuetDatePicker {
         this.open = false;
         this.focusedDay = new Date();
         this.inputValue = "";
+        this.inputHasFocus = false;
         this.internalValidityError = "";
         this.theme = "";
         this.expand = false;
@@ -178,15 +188,22 @@ export class DuetDatePicker {
         this.min = "";
         this.max = "";
         this.incrementYears = 10;
-        this.validity = undefined;
         this.accessibleLiveError = "polite";
     }
+    /**
+     * This offers information relating to the current validity of the component.
+     * It follow as closely as possible the behaviour of the native date input.
+     * Useful properties to inspect are badInput, valueMissing, rangeOverflow, rangeUnderflow.
+     */
+    get validity() {
+        return this._validity;
+    }
     updateValidity(newValue, _oldValue, propName) {
         if (propName === "value" && newValue === null) {
             return;
         }
         this.determineValidity(parseISODate(this.value));
-        if (this.validity.valid) {
+        if (this._validity.valid) {
             this.internalValidityError = "";
         }
     }
@@ -301,7 +318,7 @@ export class DuetDatePicker {
         const valueMissing = this.required && date == null;
         const rangeOverflow = date ? !inRange(date, null, parseISODate(this.max)) : false;
         const rangeUnderflow = date ? !inRange(date, parseISODate(this.min)) : false;
-        this.validity = {
+        this._validity = {
             patternMismatch: false,
             customError: false,
             stepMismatch: false,
@@ -374,7 +391,7 @@ export class DuetDatePicker {
         if (maxDate) {
             maxYear = Math.min(maxYear, maxDate.getFullYear());
         }
-        return (h(Host, { class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, h("div", { class: "duet-date" }, h(DatePickerInput, { value: this.value, valueAsDate: valueAsDate, formattedValue: this.inputValue, language: this.language, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, error: this.error || this.internalValidityError || null, role: this.role, required: this.required, theme: this.theme, tooltip: this.tooltip, tooltipDirection: this.tooltipDirection, labelHidden: this.labelHidden, placeholder: this.placeholder, inputLabel: this.label, identifier: this.identifier, buttonRef: element => (this.datePickerButton = element), inputRef: element => (this.datePickerInput = element), accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy, accessibleLiveError: this.accessibleLiveError, echoPlaceholder: this.echoPlaceholder, caption: this.caption })), h("div", { class: {
+        return (h(Host, { class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, h("div", { class: "duet-date" }, h(DatePickerInput, { hasFocus: this.inputHasFocus, value: this.value, valueAsDate: valueAsDate, formattedValue: this.inputValue, language: this.language, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, error: this.error || this.internalValidityError || null, role: this.role, required: this.required, theme: this.theme, tooltip: this.tooltip, tooltipDirection: this.tooltipDirection, labelHidden: this.labelHidden, placeholder: this.placeholder, inputLabel: this.label, identifier: this.identifier, buttonRef: element => (this.datePickerButton = element), inputRef: element => (this.datePickerInput = element), accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy, accessibleLiveError: this.accessibleLiveError, echoPlaceholder: this.echoPlaceholder, caption: this.caption })), h("div", { class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-date-dialog": true,
                 left: this.direction === "left",
@@ -416,6 +433,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Theme of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -434,6 +453,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Expands the date picker input to fill 100% of the container width."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "expand",
                 "reflect": false,
                 "defaultValue": "false"
@@ -452,6 +473,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Name of the date picker input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -470,6 +493,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Adds a unique identifier for the date picker input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "identifier",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -488,6 +513,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Label for the date picker input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -506,6 +533,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Caption (underneath label) that can be set as a way of adding extra information."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "caption",
                 "reflect": false
             },
@@ -529,6 +558,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Controls the margin of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -559,6 +590,8 @@ export class DuetDatePicker {
                         }],
                     "text": "The currently active language. This setting changes the month/year/day.\nnames and button labels as well as all screen reader labels."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true,
                 "defaultValue": "getLanguage()"
@@ -586,6 +619,8 @@ export class DuetDatePicker {
                         }],
                     "text": "Placeholder defaults."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placeholder-default",
                 "reflect": false,
                 "defaultValue": "{\n    fi: \"pp.kk.vvvv\",\n    en: \"dd.mm.yyyy\",\n    sv: \"dd.mm.\u00E5\u00E5\u00E5\u00E5\",\n  }"
@@ -607,6 +642,8 @@ export class DuetDatePicker {
                         }],
                     "text": "Hint text to display before the user types into the date picker input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placeholder",
                 "reflect": false,
                 "defaultValue": "getLocaleString(this.placeholderDefaults, this.language)"
@@ -625,6 +662,8 @@ export class DuetDatePicker {
                     "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": true,
                 "defaultValue": "false"
@@ -643,6 +682,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Makes the date picker 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"
@@ -661,6 +702,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Display the date picker input in error state along with an error message."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "error",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -679,6 +722,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Visually hide the label, but still show it to screen readers."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-hidden",
                 "reflect": false,
                 "defaultValue": "false"
@@ -697,6 +742,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Defines a specific role attribute for the date picker input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "role",
                 "reflect": false
             },
@@ -714,6 +761,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Indicates the id of a related component\u2019s visually focused element."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-active-descendant",
                 "reflect": false
             },
@@ -731,6 +780,8 @@ export class DuetDatePicker {
                     "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
             },
@@ -748,6 +799,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Indicates the id of a component owned by the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-owns",
                 "reflect": false
             },
@@ -765,6 +818,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Indicates the id of a component that describes the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-described-by",
                 "reflect": false
             },
@@ -782,6 +837,8 @@ export class DuetDatePicker {
                     "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"
@@ -806,6 +863,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Forces the opening direction of the calendar modal to be always left or right.\nThis setting can be useful when the input is smaller than the opening date picker\nwould be as by default the picker always opens towards right."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "direction",
                 "reflect": false,
                 "defaultValue": "\"right\""
@@ -824,6 +883,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Tooltip to display next to the label of the date picker input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tooltip",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -848,6 +909,8 @@ export class DuetDatePicker {
                     "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\""
@@ -866,6 +929,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Date value. Must be in IS0-8601 format: YYYY-MM-DD"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": true,
                 "defaultValue": "\"\""
@@ -884,6 +949,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\nThis setting can be used alone or together with the max property."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "min",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -902,6 +969,8 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\nThis setting can be used alone or together with the min property."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "max",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -920,13 +989,15 @@ export class DuetDatePicker {
                     "tags": [],
                     "text": "Increment to add to years, defaults to 10 for simplicity, if you need a larger selectionspace you can set it to 100"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "increment",
                 "reflect": false,
                 "defaultValue": "10"
             },
             "validity": {
                 "type": "unknown",
-                "mutable": true,
+                "mutable": false,
                 "complexType": {
                     "original": "ValidityState",
                     "resolved": "ValidityState",
@@ -941,8 +1012,10 @@ export class DuetDatePicker {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "This offers information relating to the current validity of the component.\nIt follow as closely as possible the behaviour of the native date input.\nUseful properties to inspect are badInput, valueMissing, rangeOverflow, rangeUnderflow.\n**This property should be treated as read only**."
-                }
+                    "text": "This offers information relating to the current validity of the component.\nIt follow as closely as possible the behaviour of the native date input.\nUseful properties to inspect are badInput, valueMissing, rangeOverflow, rangeUnderflow."
+                },
+                "getter": true,
+                "setter": false
             },
             "accessibleLiveError": {
                 "type": "string",
@@ -958,6 +1031,8 @@ export class DuetDatePicker {
                     "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\""
@@ -969,6 +1044,7 @@ export class DuetDatePicker {
             "open": {},
             "focusedDay": {},
             "inputValue": {},
+            "inputHasFocus": {},
             "internalValidityError": {}
         };
     }

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

@@ -63,6 +63,8 @@ export class DuetDivider {
                     "tags": [],
                     "text": "Theme of the divider."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -87,6 +89,8 @@ export class DuetDivider {
                     "tags": [],
                     "text": "Controls the margin of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -111,6 +115,8 @@ export class DuetDivider {
                     "tags": [],
                     "text": "Custom color, as a design token entered in camelCase or kebab-case.\nExample: \"color-primary\"."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": false,
                 "defaultValue": "\"\""

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

@@ -201,6 +201,8 @@ export class DuetEditableTable {
                     "tags": [],
                     "text": "Duet-table: margin of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -225,6 +227,8 @@ export class DuetEditableTable {
                     "tags": [],
                     "text": "Duet-table: Style variation of the table."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "variation",
                 "reflect": false,
                 "defaultValue": "\"striped\""
@@ -243,6 +247,8 @@ export class DuetEditableTable {
                     "tags": [],
                     "text": "Duet-table: 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"
@@ -267,6 +273,8 @@ export class DuetEditableTable {
                     "tags": [],
                     "text": "Duet-table: 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\""
@@ -291,6 +299,8 @@ export class DuetEditableTable {
                     "tags": [],
                     "text": "Duet-table: 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\""
@@ -318,6 +328,8 @@ export class DuetEditableTable {
                         }],
                     "text": "Define actions for all items in a table\nAn alternative to inline HTML table.\nrequired for Sortable tables"
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "undefined"
             },
             "columns": {
@@ -343,6 +355,8 @@ export class DuetEditableTable {
                         }],
                     "text": "Define columns for a table\nAn alternative to inline HTML table.\nrequired for Sortable tables"
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "undefined"
             },
             "rows": {
@@ -368,6 +382,8 @@ export class DuetEditableTable {
                         }],
                     "text": "Define rows for a table\nAn alternative to inline HTML table.\nrequired for Sortable tables"
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "undefined"
             },
             "sortable": {
@@ -384,6 +400,8 @@ export class DuetEditableTable {
                     "tags": [],
                     "text": "Controls whether the table is sortable by headers"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "sortable",
                 "reflect": false,
                 "defaultValue": "false"
@@ -402,6 +420,8 @@ export class DuetEditableTable {
                     "tags": [],
                     "text": "Optional id that get passed to the table and used to setup ::parts"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "group-id",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -426,6 +446,8 @@ export class DuetEditableTable {
                     "tags": [],
                     "text": "Theme of the table."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -444,6 +466,8 @@ export class DuetEditableTable {
                     "tags": [],
                     "text": "Exposes the aria role for optimizing accessibility."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-role",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -462,6 +486,8 @@ export class DuetEditableTable {
                     "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"

package/lib/collection/components/duet-empty-state/duet-empty-state.js

@@ -60,6 +60,8 @@ export class DuetEmptyState {
                     "tags": [],
                     "text": "Theme of the empty state component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -84,6 +86,8 @@ export class DuetEmptyState {
                     "tags": [],
                     "text": "Icon shown in the empty state component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": false,
                 "defaultValue": "\"messaging-question\""
@@ -108,6 +112,8 @@ export class DuetEmptyState {
                     "tags": [],
                     "text": "The size of the empty state message."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "\"medium\""

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

@@ -39,20 +39,20 @@ export class DuetFieldset {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '48d4ee16b180357c5f92388611b1d9811fc560ad', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: '8c8ec9d18b60ea69f0f8a7bc68f0a27fd93d7b4a', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (h(Host, { key: '4eb384f65662406ceb5dac5d3afa3123b53d559f', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: '1b74d77a9bee7a63d9667dcc2f7bbe1894e18857', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
             // NVDA and VoiceOver do not yet support aria-errormessage
             // once they do, we can remove errors from the aria-describedby
             // aria-errormessage={this.error ? this.errorId : null}
             class: {
                 "duet-fieldset": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("legend", { key: '6f165b5e848a765821866fe0f8cf622fb5f43231', id: this.labelId }, h(this.labelHeadingLevel, { key: '68c8512465df39e946cb40414c248bdac8e201d6' }, this.label), this.caption && h("span", { key: 'c4e7436c129b51e34efb44bdc4ac4cff1fd0264a' }, this.caption)), h("div", { key: 'fb2d654dc97701d77af4a089af9d05d334b76d9d', class: {
+            } }, h("legend", { key: 'bc8894df307f0f7895ca65a8833f00de91c6d902', id: this.labelId }, h(this.labelHeadingLevel, { key: 'd4e9c87bccf8f2848af9caacac7b04a6eeaac99f' }, this.label), this.caption && h("span", { key: '0e3b310bcff0a568df84daccd3c87a2032a1951f' }, this.caption)), h("div", { key: '3e4a21c9412a2aa7c8e7b3af233ff78db59de3f3', class: {
                 "duet-legend-wrapper": true,
                 "duet-legend-has-caption": !!this.caption,
                 "duet-legend-has-tooltip": this.hasTooltip,
                 "duet-legend-hidden": this.labelHidden,
                 "duet-legend-compact": this.compactLabel,
-            } }, h("div", { key: '4fc06cf70c203c6bb13b2ef7f73ed34aa0c5b7f3', class: "duet-fieldset-label" }, h("span", { key: 'ba029a7b2a434a26d454c6c679fd6692ffd1bf05', "aria-hidden": "true" }, this.label), h("slot", { key: 'f2f48a06fe8d6b4cd2636d11615375dba7faed00', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '5706095fca6636ba7009add12721c1d4f3d13338', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: 'd09d569c80f8a803eafd0e30339a62b40c0bbd29', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: 'a6964b4d2a1932e979cc94ca7542fb2041582aac' }), h("span", { key: 'd92b76a6fab3c900a8b9f42301dd234e62632cfd', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '0006b187f93449997c58335e12cbe51c899e972a' }, this.error)))));
+            } }, h("div", { key: '2d56b17a53ac005d77452fa00e066dd9cd60d03c', class: "duet-fieldset-label" }, h("span", { key: '1653d740645fba60cf74ab251adc37c29292e68e', "aria-hidden": "true" }, this.label), h("slot", { key: '963c6394ba6b4be1a8ee6b8e89101ec96bf96fa0', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '2d7809730f5df2d775397ffaddd1c433bf920cae', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: 'd8c54c2135dfd07adf048ddc6e6408b23e263a1f', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '4bccca3aa117b4fd2756065bbaadb3313e29976b' }), h("span", { key: '4be6ce9f08b7f9264378bfa2ca59c253a84e00ed', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '9f9394081a9ce027ac98aed5af00f4f7c960cf96' }, this.error)))));
     }
     static get is() { return "duet-fieldset"; }
     static get encapsulation() { return "shadow"; }
@@ -88,6 +88,8 @@ export class DuetFieldset {
                     "tags": [],
                     "text": "Theme of the fieldset."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -112,6 +114,8 @@ export class DuetFieldset {
                     "tags": [],
                     "text": "Controls the margin of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -130,6 +134,8 @@ export class DuetFieldset {
                     "tags": [],
                     "text": "Additional caption to show next to the label."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "caption",
                 "reflect": false
             },
@@ -147,6 +153,8 @@ export class DuetFieldset {
                     "tags": [],
                     "text": "Label/legend displayed for the fieldset."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false
             },
@@ -167,6 +175,8 @@ export class DuetFieldset {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "compact-label",
                 "reflect": false,
                 "defaultValue": "false"
@@ -185,6 +195,8 @@ export class DuetFieldset {
                     "tags": [],
                     "text": "An error message to be shown next to the label."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "error",
                 "reflect": false
             },
@@ -202,6 +214,8 @@ export class DuetFieldset {
                     "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\""
@@ -226,6 +240,8 @@ export class DuetFieldset {
                     "tags": [],
                     "text": "Heading level for the label in the legend element. This is only used to give screen readers better logical structure.\nThis does not affect visual appearance."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-heading-level",
                 "reflect": false,
                 "defaultValue": "\"span\""
@@ -244,6 +260,8 @@ export class DuetFieldset {
                     "tags": [],
                     "text": "Visually hide the label, but still show it to screen readers."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-hidden",
                 "reflect": false,
                 "defaultValue": "false"

package/lib/collection/components/duet-file-chooser/duet-file-chooser.js

@@ -78,6 +78,8 @@ export class DuetUploadItem {
                     "tags": [],
                     "text": "theme."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -96,6 +98,8 @@ export class DuetUploadItem {
                     "tags": [],
                     "text": "Use multiple to allow the user to select multiple files when uploading"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "multiple",
                 "reflect": false,
                 "defaultValue": "false"
@@ -114,6 +118,8 @@ export class DuetUploadItem {
                     "tags": [],
                     "text": "The accept attribute takes as its value a comma-separated list of one or more file types,\nor unique file type specifiers, describing which file types to allow."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accept",
                 "reflect": false,
                 "defaultValue": "undefined"