@scania/tegel 1.40.0 → 1.41.0-build-error-beta.0

package/dist/collection/components/dropdown/dropdown.js

@@ -14,6 +14,31 @@ function hasValueChanged(newValue, currentValue) {
  */
 export class TdsDropdown {
     constructor() {
+        /** Sets the Dropdown in a disabled state */
+        this.disabled = false;
+        /** Mode variant of the component, based on current mode. */
+        this.modeVariant = null;
+        /** The direction the Dropdown should open, auto if not specified. */
+        this.openDirection = 'auto';
+        /** The size of the Dropdown. */
+        this.size = 'lg';
+        this.animation = 'slide';
+        /** Sets the Dropdown in an error state */
+        this.error = false;
+        /** Enables multiselect in the Dropdown. */
+        this.multiselect = false;
+        /** Enables filtration in the Dropdown. */
+        this.filter = false;
+        /** Normalizes input text for fuzzier search */
+        this.normalizeText = true;
+        /** Text that is displayed if filter is used and there are no options that matches the search.
+         * Setting it to an empty string disables message from showing up. */
+        this.noResultText = 'No result';
+        /** Value of the dropdown. For multiselect, provide array of strings/numbers. For single select, provide a string/number. */
+        this.value = null;
+        this.open = false;
+        this.selectedOptions = [];
+        this.filterQuery = '';
         this.hasFocus = false;
         this.setDefaultOption = () => {
             if (this.internalDefaultValue) {
@@ -123,6 +148,8 @@ export class TdsDropdown {
             }
         };
         this.handleFilterReset = () => {
+            // Store the current filter query before clearing
+            const clearedValue = this.filterQuery;
             // only reset selected values when filterquery is blank
             if (!this.filterQuery.length) {
                 this.reset();
@@ -132,6 +159,7 @@ export class TdsDropdown {
             this.inputElement.focus();
             // Add this line to ensure internal value is cleared
             this.internalValue = '';
+            this.tdsClear.emit({ clearedValue });
         };
         this.handleFocus = () => {
             this.open = true;
@@ -157,31 +185,6 @@ export class TdsDropdown {
                 this.reset();
             }
         };
-        this.name = undefined;
-        this.disabled = false;
-        this.helper = undefined;
-        this.label = undefined;
-        this.labelPosition = undefined;
-        this.modeVariant = null;
-        this.openDirection = 'auto';
-        this.placeholder = undefined;
-        this.size = 'lg';
-        this.animation = 'slide';
-        this.error = false;
-        this.multiselect = false;
-        this.filter = false;
-        this.normalizeText = true;
-        this.noResultText = 'No result';
-        this.defaultValue = undefined;
-        this.value = null;
-        this.tdsAriaLabel = undefined;
-        this.open = false;
-        this.internalValue = undefined;
-        this.filterResult = undefined;
-        this.filterFocus = undefined;
-        this.internalDefaultValue = undefined;
-        this.selectedOptions = [];
-        this.filterQuery = '';
     }
     handleValueChange(newValue) {
         // Normalize to array
@@ -343,6 +346,10 @@ export class TdsDropdown {
             // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/
             const isClickOutside = !event.composedPath().includes(this.host);
             if (isClickOutside) {
+                // Emit clear event if there's a filter query when clicking outside
+                if (this.filter && this.filterQuery) {
+                    this.tdsClear.emit({ clearedValue: this.filterQuery });
+                }
                 this.open = false;
             }
         }
@@ -485,9 +492,9 @@ export class TdsDropdown {
         // Generate unique IDs for associating labels and helpers with the input/button
         const labelId = this.label ? `dropdown-label-${this.name || generateUniqueId()}` : undefined;
         const helperId = this.helper ? `dropdown-helper-${this.name || generateUniqueId()}` : undefined;
-        return (h(Host, { key: '8145c7b222a850157de5f328974f5c70b126b9e4', class: {
+        return (h(Host, { key: 'ebb4008f7e27e9f9de603b1dfeb5100f45f0e600', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, this.label && this.labelPosition === 'outside' && (h("div", { key: 'af3ad647c3c5bbb86f12033821020a4ed484d9e1', id: labelId, class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '099777e28368c78c9eb05945328899334c674865', class: {
+            } }, this.label && this.labelPosition === 'outside' && (h("div", { key: '77f30a6ec80264fe89422b8f129e763d2fe2a64c', id: labelId, class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '3d3d3ca87cae2df4f043feb1f6bdbf4482cc4223', class: {
                 'dropdown-select': true,
                 [this.size]: true,
                 'disabled': this.disabled,
@@ -531,7 +538,7 @@ export class TdsDropdown {
                     label-inside-as-placeholder
                     ${this.size}
                     ${this.selectedOptions.length ? 'selected' : ''}
-                    ` }, this.label)), h("div", { class: `placeholder ${this.size}` }, this.selectedOptions.length ? this.getValue() : this.placeholder), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))))), h("div", { key: 'f5427c41c1abe1c84164a030e69800fd48911c73', role: "listbox", "aria-label": this.tdsAriaLabel, inert: !this.open, "aria-orientation": "vertical", "aria-multiselectable": this.multiselect, ref: (element) => {
+                    ` }, this.label)), h("div", { class: `placeholder ${this.size}` }, this.selectedOptions.length ? this.getValue() : this.placeholder), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))))), h("div", { key: '48e96d8ecac8918e11c6e2c0e1321802b61dbf7d', role: "listbox", "aria-label": this.tdsAriaLabel, inert: !this.open, "aria-orientation": "vertical", "aria-multiselectable": this.multiselect, ref: (element) => {
                 this.dropdownList = element;
             }, class: {
                 'dropdown-list': true,
@@ -542,11 +549,11 @@ export class TdsDropdown {
                 'closed': !this.open,
                 [`animation-enter-${this.animation}`]: this.animation !== 'none' && this.open,
                 [`animation-exit-${this.animation}`]: this.animation !== 'none' && !this.open,
-            } }, h("slot", { key: '2e83898eec11f669c3477d5600dce1178b5c4f36', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: '0ff59cf47dbe302998ce72758b182e7565ddd210', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: '3a60427fe8ca05d6bf4ba42f95bd0bc753f04ebd', id: helperId, class: {
+            } }, h("slot", { key: 'd49f3a638a9f6b1b08e3489dffad27151c0c554f', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: 'b38d308604e30fdb130d72295d2d3f7bf2fb9bd6', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: '1f8160ac1f0ecdc0d4f29faa31c469a0bd04b0d6', id: helperId, class: {
                 helper: true,
                 error: this.error,
                 disabled: this.disabled,
-            } }, this.error && h("tds-icon", { key: 'bab7ba6449cb7cd62a149340f6de1fe13cfd49de', name: "error", size: "16px" }), this.helper))));
+            } }, this.error && h("tds-icon", { key: '487fb6deb5bd27347b2cd4f607e5488543185894', name: "error", size: "16px" }), this.helper))));
     }
     static get is() { return "tds-dropdown"; }
     static get encapsulation() { return "shadow"; }
@@ -576,8 +583,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Name for the Dropdowns input element."
                 },
-                "attribute": "name",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "name"
             },
             "disabled": {
                 "type": "boolean",
@@ -593,8 +602,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Sets the Dropdown in a disabled state"
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "helper": {
@@ -611,8 +622,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Helper text for the Dropdown."
                 },
-                "attribute": "helper",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "helper"
             },
             "label": {
                 "type": "string",
@@ -628,8 +641,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Label text for the Dropdown."
                 },
-                "attribute": "label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
             },
             "labelPosition": {
                 "type": "string",
@@ -645,8 +660,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Label text position"
                 },
-                "attribute": "label-position",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label-position"
             },
             "modeVariant": {
                 "type": "string",
@@ -662,8 +679,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Mode variant of the component, based on current mode."
                 },
-                "attribute": "mode-variant",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "mode-variant",
                 "defaultValue": "null"
             },
             "openDirection": {
@@ -680,8 +699,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "The direction the Dropdown should open, auto if not specified."
                 },
-                "attribute": "open-direction",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "open-direction",
                 "defaultValue": "'auto'"
             },
             "placeholder": {
@@ -698,8 +719,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Placeholder text for the Dropdown."
                 },
-                "attribute": "placeholder",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "placeholder"
             },
             "size": {
                 "type": "string",
@@ -715,8 +738,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "The size of the Dropdown."
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "'lg'"
             },
             "animation": {
@@ -733,8 +758,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "animation",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "animation",
                 "defaultValue": "'slide'"
             },
             "error": {
@@ -751,8 +778,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Sets the Dropdown in an error state"
                 },
-                "attribute": "error",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "error",
                 "defaultValue": "false"
             },
             "multiselect": {
@@ -769,8 +798,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Enables multiselect in the Dropdown."
                 },
-                "attribute": "multiselect",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "multiselect",
                 "defaultValue": "false"
             },
             "filter": {
@@ -787,8 +818,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Enables filtration in the Dropdown."
                 },
-                "attribute": "filter",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "filter",
                 "defaultValue": "false"
             },
             "normalizeText": {
@@ -805,8 +838,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Normalizes input text for fuzzier search"
                 },
-                "attribute": "normalize-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "normalize-text",
                 "defaultValue": "true"
             },
             "noResultText": {
@@ -823,8 +858,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Text that is displayed if filter is used and there are no options that matches the search.\nSetting it to an empty string disables message from showing up."
                 },
-                "attribute": "no-result-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "no-result-text",
                 "defaultValue": "'No result'"
             },
             "defaultValue": {
@@ -841,8 +878,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Default value selected in the Dropdown."
                 },
-                "attribute": "default-value",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "default-value"
             },
             "value": {
                 "type": "any",
@@ -858,8 +897,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Value of the dropdown. For multiselect, provide array of strings/numbers. For single select, provide a string/number."
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "null"
             },
             "tdsAriaLabel": {
@@ -876,8 +917,10 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Defines aria-label attribute for input"
                 },
-                "attribute": "tds-aria-label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tds-aria-label"
             }
         };
     }
@@ -968,6 +1011,21 @@ export class TdsDropdown {
                         }
                     }
                 }
+            }, {
+                "method": "tdsClear",
+                "name": "tdsClear",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Clear event for the Dropdown."
+                },
+                "complexType": {
+                    "original": "{ clearedValue: string }",
+                    "resolved": "{ clearedValue: string; }",
+                    "references": {}
+                }
             }];
     }
     static get methods() {

package/dist/collection/components/footer/footer-group/footer-group.css

@@ -27,9 +27,6 @@
 :host button.footer-top-title-button ::slotted(*) {
   margin: 0;
 }
-:host button.footer-top-title-button.expanded {
-  border-bottom: none;
-}
 :host button.footer-top-title-button.expanded tds-icon {
   transform: rotateZ(180deg);
 }
@@ -53,7 +50,7 @@
   padding: 0;
   margin: 0;
   display: flex;
-  gap: 8px;
+  gap: 12px;
 }
 :host [role=list].start, :host [role=list].end {
   gap: 24px;

package/dist/collection/components/footer/footer-group/footer-group.js

@@ -6,15 +6,13 @@ import hasSlot from "../../../utils/hasSlot";
  */
 export class TdsFooterGroup {
     constructor() {
+        /** In mobile, this indicates when the group (if it's in the top part) is opened/closed. */
+        this.open = false;
         /** If the group is placed in the main part of the Footer,
          * it can have either start or end as a slot position otherwise undefined. */
         this.slotPosition = null;
         /** Indicates if a group is part of the top part of the Footer. */
         this.topPartGroup = false;
-        this.titleText = undefined;
-        this.tdsListAriaLabel = undefined;
-        this.open = false;
-        this.isMobile = undefined;
     }
     updateIsMobile() {
         this.isMobile = window.innerWidth <= 992;
@@ -76,8 +74,10 @@ export class TdsFooterGroup {
                     "tags": [],
                     "text": "Title text for the link group, only valid on top part of Footer."
                 },
-                "attribute": "title-text",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "title-text"
             },
             "tdsListAriaLabel": {
                 "type": "string",
@@ -93,8 +93,10 @@ export class TdsFooterGroup {
                     "tags": [],
                     "text": "Value to be used for the aria-label attribute for the nav element wrapping the list. Should be unique for accessibility."
                 },
-                "attribute": "tds-list-aria-label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tds-list-aria-label"
             }
         };
     }

package/dist/collection/components/footer/footer-item/footer-item.css

@@ -41,10 +41,10 @@
     padding: 19px 40px;
     font-weight: normal;
   }
-  :host([role=listitem]) div.top-part-child ::slotted(a:hover),
-  :host([role=listitem]) div.top-part-child ::slotted(button:hover) {
+  :host([role=listitem]) div.top-part-child ::slotted(a:active),
+  :host([role=listitem]) div.top-part-child ::slotted(button:active) {
     text-decoration: underline;
-    background-color: var(--tds-footer-top-links-background-hover);
+    background-color: var(--tds-footer-top-links-background-active);
   }
   :host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),
   :host([role=listitem]) div.top-part-child ::slotted(button:focus-visible) {

package/dist/collection/components/footer/footer.js

@@ -8,8 +8,9 @@ import hasSlot from "../../utils/hasSlot";
  */
 export class TdsFooter {
     constructor() {
-        this.copyrightText = `Copyright © ${new Date().getFullYear()} Scania`;
+        /** Mode variant of the component, based on current mode. */
         this.modeVariant = null;
+        this.copyrightText = `Copyright © ${new Date().getFullYear()} Scania`;
     }
     render() {
         const usesTopSlot = hasSlot('top', this.host);
@@ -48,8 +49,10 @@ export class TdsFooter {
                     "tags": [],
                     "text": "Mode variant of the component, based on current mode."
                 },
-                "attribute": "mode-variant",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "mode-variant",
                 "defaultValue": "null"
             }
         };

package/dist/collection/components/header/header-dropdown/header-dropdown.js

@@ -7,6 +7,11 @@ import generateUniqueId from "../../../utils/generateUniqueId";
  */
 export class TdsHeaderDropdown {
     constructor() {
+        /** If the dropdown icon (downwards chevron) should be hidden. */
+        this.noDropdownIcon = false;
+        /** If the button that opens the dropdown should appear selected. */
+        this.selected = false;
+        this.open = false;
         this.uuid = generateUniqueId();
         this.handleSlottedItemClick = (event) => {
             const eventSource = event.target.tagName.toLowerCase();
@@ -14,12 +19,6 @@ export class TdsHeaderDropdown {
                 this.open = false;
             }
         };
-        this.label = undefined;
-        this.noDropdownIcon = false;
-        this.selected = false;
-        this.tdsAriaLabel = undefined;
-        this.open = false;
-        this.buttonEl = undefined;
     }
     onAnyClick(event) {
         // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/
@@ -90,8 +89,10 @@ export class TdsHeaderDropdown {
                     "tags": [],
                     "text": "The label of the button that opens the dropdown.\nThis is an alternative to the label slot."
                 },
-                "attribute": "label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
             },
             "noDropdownIcon": {
                 "type": "boolean",
@@ -107,8 +108,10 @@ export class TdsHeaderDropdown {
                     "tags": [],
                     "text": "If the dropdown icon (downwards chevron) should be hidden."
                 },
-                "attribute": "no-dropdown-icon",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "no-dropdown-icon",
                 "defaultValue": "false"
             },
             "selected": {
@@ -125,8 +128,10 @@ export class TdsHeaderDropdown {
                     "tags": [],
                     "text": "If the button that opens the dropdown should appear selected."
                 },
-                "attribute": "selected",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "selected",
                 "defaultValue": "false"
             },
             "tdsAriaLabel": {
@@ -143,8 +148,10 @@ export class TdsHeaderDropdown {
                     "tags": [],
                     "text": "Value to be used by the aria-label attribute"
                 },
-                "attribute": "tds-aria-label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tds-aria-label"
             }
         };
     }

package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js

@@ -8,8 +8,8 @@ export class TdsHeaderDropdownList {
     constructor() {
         // A Map to store the slots and their associated slotchange listeners.
         this.slotListeners = new Map();
+        /** The size of the component. */
         this.size = 'md';
-        this.headingElement = undefined;
     }
     componentWillLoad() {
         const { children } = this.host;
@@ -102,8 +102,10 @@ export class TdsHeaderDropdownList {
                     "tags": [],
                     "text": "The size of the component."
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "size",
                 "defaultValue": "'md'"
             }
         };

package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js

@@ -4,7 +4,9 @@ import { h, Host } from "@stencil/core";
  */
 export class TdsHeaderDropdownListItem {
     constructor() {
+        /** If the link should appear selected. */
         this.selected = false;
+        /** The size of the component. */
         this.size = 'md';
     }
     render() {
@@ -41,8 +43,10 @@ export class TdsHeaderDropdownListItem {
                     "tags": [],
                     "text": "If the link should appear selected."
                 },
-                "attribute": "selected",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "selected",
                 "defaultValue": "false"
             },
             "size": {
@@ -59,8 +63,10 @@ export class TdsHeaderDropdownListItem {
                     "tags": [],
                     "text": "The size of the component."
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "size",
                 "defaultValue": "'md'"
             }
         };

package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js

@@ -4,12 +4,6 @@ import { h, Host } from "@stencil/core";
  * @slot header - Slot for the header.
  */
 export class TdsHeaderDropdownListLgUser {
-    constructor() {
-        this.imgUrl = undefined;
-        this.imgAlt = undefined;
-        this.header = undefined;
-        this.subheader = undefined;
-    }
     render() {
         return (h(Host, { key: '88298dc621372f56b0336686d055f27ef7bfee8a', role: "listitem" }, h("div", { key: 'da8b981e30d4cca52b4dfc2813e2d706f7c18d30', class: "user-box" }, this.imgUrl && h("img", { key: 'f81a370f4499f5bec4eedef0ef2d1aaa5aeca4ca', src: this.imgUrl, alt: this.imgAlt }), h("slot", { key: '33c9d2b8d0761d6915129cd03f4b596b5c05c1b4', name: "thumbanil" }), h("div", { key: '78a05fa64af6d694b4927fef55260e18c2d5711f', class: "user-content" }, h("div", { key: '15f6a48e0f10574ae14af2e2d92342ec77e85aa1', class: "header" }, this.header, h("slot", { key: '12ebbfbc257918f264c76e7d38a28827880cadec', name: "header" })), h("div", { key: 'bbd348e04b5ea5732bb4426547ef5ed9eddf55d0', class: "subheader" }, this.subheader, h("slot", { key: '403e7f20cb5b564928759ce0be1b058d12610290', name: "subheader" }))))));
     }
@@ -41,8 +35,10 @@ export class TdsHeaderDropdownListLgUser {
                     "tags": [],
                     "text": "Image URL."
                 },
-                "attribute": "img-url",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "img-url"
             },
             "imgAlt": {
                 "type": "string",
@@ -58,8 +54,10 @@ export class TdsHeaderDropdownListLgUser {
                     "tags": [],
                     "text": "Image alt text."
                 },
-                "attribute": "img-alt",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "img-alt"
             },
             "header": {
                 "type": "string",
@@ -75,8 +73,10 @@ export class TdsHeaderDropdownListLgUser {
                     "tags": [],
                     "text": "Header text, usually the users first name and last name."
                 },
-                "attribute": "header",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "header"
             },
             "subheader": {
                 "type": "string",
@@ -92,8 +92,10 @@ export class TdsHeaderDropdownListLgUser {
                     "tags": [],
                     "text": "Subheader text."
                 },
-                "attribute": "subheader",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "subheader"
             }
         };
     }