@siemens/ix 3.0.0-alpha.1 → 3.0.0-alpha.4

package/dist/collection/components/push-card/push-card.js

@@ -42,6 +42,7 @@ export class PushCard {
         return {
             "icon": {
                 "type": "string",
+                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -56,11 +57,11 @@ export class PushCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "icon",
                 "reflect": false
             },
             "notification": {
                 "type": "string",
+                "attribute": "notification",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -75,11 +76,11 @@ export class PushCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "notification",
                 "reflect": false
             },
             "heading": {
                 "type": "string",
+                "attribute": "heading",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -94,11 +95,11 @@ export class PushCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "heading",
                 "reflect": false
             },
             "subheading": {
                 "type": "string",
+                "attribute": "subheading",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -113,11 +114,11 @@ export class PushCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "subheading",
                 "reflect": false
             },
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "PushCardVariant",
@@ -138,12 +139,12 @@ export class PushCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
                 "reflect": false,
                 "defaultValue": "'outline'"
             },
             "collapse": {
                 "type": "boolean",
+                "attribute": "collapse",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -161,7 +162,6 @@ export class PushCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "collapse",
                 "reflect": false,
                 "defaultValue": "true"
             }

package/dist/collection/components/radio/radio.js

@@ -99,6 +99,7 @@ export class Radio {
         return {
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -113,11 +114,11 @@ export class Radio {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": true
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -132,11 +133,11 @@ export class Radio {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": true
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -151,11 +152,11 @@ export class Radio {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -170,12 +171,12 @@ export class Radio {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "checked": {
                 "type": "boolean",
+                "attribute": "checked",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -190,7 +191,6 @@ export class Radio {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "checked",
                 "reflect": true,
                 "defaultValue": "false"
             }

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

@@ -116,6 +116,7 @@ export class RadiobuttonGroup {
         return {
             "helperText": {
                 "type": "string",
+                "attribute": "helper-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -130,11 +131,11 @@ export class RadiobuttonGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "helper-text",
                 "reflect": false
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -149,11 +150,11 @@ export class RadiobuttonGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -168,11 +169,11 @@ export class RadiobuttonGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false
             },
             "invalidText": {
                 "type": "string",
+                "attribute": "invalid-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -187,11 +188,11 @@ export class RadiobuttonGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid-text",
                 "reflect": false
             },
             "infoText": {
                 "type": "string",
+                "attribute": "info-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -206,11 +207,11 @@ export class RadiobuttonGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "info-text",
                 "reflect": false
             },
             "warningText": {
                 "type": "string",
+                "attribute": "warning-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -225,11 +226,11 @@ export class RadiobuttonGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "warning-text",
                 "reflect": false
             },
             "validText": {
                 "type": "string",
+                "attribute": "valid-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -244,11 +245,11 @@ export class RadiobuttonGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "valid-text",
                 "reflect": false
             },
             "showTextAsTooltip": {
                 "type": "boolean",
+                "attribute": "show-text-as-tooltip",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -263,11 +264,11 @@ export class RadiobuttonGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "show-text-as-tooltip",
                 "reflect": false
             },
             "direction": {
                 "type": "string",
+                "attribute": "direction",
                 "mutable": false,
                 "complexType": {
                     "original": "'column' | 'row'",
@@ -282,7 +283,6 @@ export class RadiobuttonGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "direction",
                 "reflect": false,
                 "defaultValue": "'column'"
             }

package/dist/collection/components/select/select.js

@@ -167,9 +167,10 @@ export class Select {
     updateFormInternalValue(value) {
         if (Array.isArray(value)) {
             this.formInternals.setFormValue(value.join(','));
-            return;
         }
-        this.formInternals.setFormValue(value);
+        else {
+            this.formInternals.setFormValue(value);
+        }
     }
     /** @internal */
     async hasValidValue() {
@@ -340,14 +341,13 @@ export class Select {
         if (this.isMultipleMode) {
             return;
         }
-        const trimmedInput = this.inputFilterText.trim();
         const itemLabel = el === null || el === void 0 ? void 0 : el.label;
-        const item = this.itemExists(trimmedInput);
+        const item = this.itemExists(this.inputFilterText);
         if (item) {
             this.itemClick(item.value);
         }
         else if (this.editable && !this.itemExists(itemLabel)) {
-            const defaultPrevented = this.emitAddItem(trimmedInput);
+            const defaultPrevented = this.emitAddItem(this.inputFilterText);
             if (defaultPrevented) {
                 return;
             }
@@ -457,7 +457,7 @@ export class Select {
     }
     filterItemsWithTypeahead() {
         var _a, _b;
-        this.inputFilterText = (_b = (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '';
+        this.inputFilterText = (_b = (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value.trim()) !== null && _b !== void 0 ? _b : '';
         if (this.isSingleMode && this.inputFilterText === this.selectedLabels[0]) {
             return;
         }
@@ -566,9 +566,9 @@ export class Select {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: '55e80c58e958e97655e20cba14b287ca41fe776d', "aria-disabled": a11yBoolean(this.disabled), class: {
+        return (h(Host, { key: 'fe5a9d201aa6fa9bae2f5cb24057bf161d545d10', "aria-disabled": a11yBoolean(this.disabled), class: {
                 disabled: this.disabled,
-            } }, h("ix-field-wrapper", { key: '50ed9d3c9b6e70f2e1d684bdac081c2efdd1c773', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, h("div", { key: '483a09e87ba81dc50db0d30c9858872af2603ff9', class: {
+            } }, h("ix-field-wrapper", { key: 'c28aa0804523d6a799c055899194a62e05dcd1a5', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, h("div", { key: 'fa78c9596e67642237ccf2bf027f3a4450b2cccb', class: {
                 select: true,
                 disabled: this.disabled,
                 readonly: this.readonly,
@@ -576,13 +576,13 @@ export class Select {
                 this.dropdownAnchorRef(ref);
                 if (!this.editable)
                     this.dropdownWrapperRef(ref);
-            } }, h("div", { key: '9e18c8c0882aaf5aadc80d259cd91ce1f7f52f82', class: "input-container" }, h("div", { key: '29307561099593acfb45603cebd2136d06ce547b', class: "chips" }, this.isMultipleMode
+            } }, h("div", { key: 'c0e4e52e89640cb3dd31950f4457bbf0209363ac', class: "input-container" }, h("div", { key: '53375714b199123d27fdb57d51102f7d0be912bb', class: "chips" }, this.isMultipleMode
             ? (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a.map((item) => (h("ix-filter-chip", { disabled: this.disabled || this.readonly, key: item.value, onCloseClick: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     this.itemClick(item.value);
                 } }, item.label)))
-            : '', h("div", { key: 'ea337cc33b09f544899a9d3d47764f880c8dfcff', class: "trigger" }, h("input", { key: 'ffeb71a4df620ea1611ecf69eca18015ef148496', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
+            : '', h("div", { key: '42cac6b1306e7b0339c47857a41685952465280c', class: "trigger" }, h("input", { key: '94fe4f82da75de234fb134fb7792f78cb87d2c37', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
                 'allow-clear': this.allowClear && !!((_b = this.selectedLabels) === null || _b === void 0 ? void 0 : _b.length),
             }, placeholder: this.placeholderValue(), value: (_c = this.inputValue) !== null && _c !== void 0 ? _c : '', ref: (ref) => {
                 this.inputElement = ref;
@@ -592,14 +592,14 @@ export class Select {
             }, onInput: () => this.filterItemsWithTypeahead(), onKeyDown: (e) => this.onKeyDown(e) }), this.allowClear &&
             !this.disabled &&
             !this.readonly &&
-            (((_d = this.selectedLabels) === null || _d === void 0 ? void 0 : _d.length) || this.inputFilterText) ? (h("ix-icon-button", { class: "clear", icon: iconClear, ghost: true, oval: true, size: "16", onClick: (e) => {
+            (((_d = this.selectedLabels) === null || _d === void 0 ? void 0 : _d.length) || this.inputFilterText) ? (h("ix-icon-button", { key: "clear", class: "clear", icon: iconClear, ghost: true, oval: true, size: "16", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.clear();
-            } })) : null, this.disabled || this.readonly ? null : (h("ix-icon-button", { "data-select-dropdown": true, class: { 'dropdown-visible': this.dropdownShow }, icon: iconChevronDownSmall, ghost: true, ref: (ref) => {
+            } })) : null, this.disabled || this.readonly ? null : (h("ix-icon-button", { "data-select-dropdown": true, key: "dropdown", class: { 'dropdown-visible': this.dropdownShow }, icon: iconChevronDownSmall, ghost: true, ref: (ref) => {
                 if (this.editable)
                     this.dropdownWrapperRef(ref);
-            } }))))))), h("ix-dropdown", { key: '04161cb0115afc2e60efd249d393a9e81f42fe61', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
+            } }))))))), h("ix-dropdown", { key: '82133f6945c1b7b1f043bdb5a80fbe53e506f8f6', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
                 'display-none': this.disabled || this.readonly,
             }, anchor: this.dropdownAnchorRef.waitForCurrent(), trigger: this.dropdownWrapperRef.waitForCurrent(), onShowChanged: (e) => this.dropdownVisibilityChanged(e), placement: "bottom-start", overwriteDropdownStyle: async () => {
                 var _a, _b;
@@ -615,12 +615,12 @@ export class Select {
                     styleOverwrites.maxWidth = `min(${this.dropdownMaxWidth}, 100%)`;
                 }
                 return styleOverwrites;
-            } }, h("div", { key: '5a61493471aa83b381f064cfc40df1801784e965', class: {
+            } }, h("div", { key: '6e843696ec1bf3fe827e22e1aeda1cb07bbd51d6', class: {
                 'select-list-header': true,
                 hidden: this.hideListHeader || this.isDropdownEmpty,
-            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), h("slot", { key: '26c2660ab8c2ff9d65d5255b1a23e775898d3b7b', onSlotchange: () => {
+            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), h("slot", { key: 'c6756d5bb0c13bc88dfd5acd6e5596151c694bcc', onSlotchange: () => {
                 this.updateSelection();
-            } }), h("div", { key: '62f0835c1eb2c3678e22790c030f911b262abf54', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (h("ix-dropdown-item", { "data-testid": "add-item", icon: iconPlus, class: {
+            } }), h("div", { key: '3dd0a1342c1261899088bb8ca0dadff69e5d2c1a', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (h("ix-dropdown-item", { "data-testid": "add-item", icon: iconPlus, class: {
                 'add-item': true,
             }, label: this.inputFilterText, onItemClick: (e) => {
                 e.preventDefault();
@@ -647,6 +647,7 @@ export class Select {
         return {
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -664,11 +665,11 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": true
             },
             "required": {
                 "type": "boolean",
+                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -686,12 +687,12 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -709,11 +710,11 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "warningText": {
                 "type": "string",
+                "attribute": "warning-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -731,11 +732,11 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "warning-text",
                 "reflect": false
             },
             "infoText": {
                 "type": "string",
+                "attribute": "info-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -753,11 +754,11 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "info-text",
                 "reflect": false
             },
             "invalidText": {
                 "type": "string",
+                "attribute": "invalid-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -775,11 +776,11 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid-text",
                 "reflect": false
             },
             "validText": {
                 "type": "string",
+                "attribute": "valid-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -797,11 +798,11 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "valid-text",
                 "reflect": false
             },
             "helperText": {
                 "type": "string",
+                "attribute": "helper-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -819,11 +820,11 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "helper-text",
                 "reflect": false
             },
             "showTextAsTooltip": {
                 "type": "boolean",
+                "attribute": "show-text-as-tooltip",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -841,11 +842,11 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "show-text-as-tooltip",
                 "reflect": false
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string | string[]",
@@ -863,12 +864,12 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false,
                 "defaultValue": "[]"
             },
             "allowClear": {
                 "type": "boolean",
+                "attribute": "allow-clear",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -883,12 +884,12 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "allow-clear",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "mode": {
                 "type": "string",
+                "attribute": "mode",
                 "mutable": false,
                 "complexType": {
                     "original": "'single' | 'multiple'",
@@ -903,12 +904,12 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "mode",
                 "reflect": false,
                 "defaultValue": "'single'"
             },
             "editable": {
                 "type": "boolean",
+                "attribute": "editable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -923,12 +924,12 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "editable",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -943,12 +944,12 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -963,12 +964,12 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "i18nPlaceholder": {
                 "type": "string",
+                "attribute": "i-1-8n-placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -983,12 +984,12 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "i-1-8n-placeholder",
                 "reflect": false,
                 "defaultValue": "'Select an option'"
             },
             "i18nPlaceholderEditable": {
                 "type": "string",
+                "attribute": "i-1-8n-placeholder-editable",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -1003,12 +1004,12 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "i-1-8n-placeholder-editable",
                 "reflect": false,
                 "defaultValue": "'Type of select option'"
             },
             "i18nSelectListHeader": {
                 "type": "string",
+                "attribute": "i-1-8n-select-list-header",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -1023,12 +1024,12 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "i-1-8n-select-list-header",
                 "reflect": false,
                 "defaultValue": "'Select an option'"
             },
             "i18nNoMatches": {
                 "type": "string",
+                "attribute": "i-1-8n-no-matches",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -1046,12 +1047,12 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "i-1-8n-no-matches",
                 "reflect": false,
                 "defaultValue": "'No matches'"
             },
             "hideListHeader": {
                 "type": "boolean",
+                "attribute": "hide-list-header",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1069,12 +1070,12 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "hide-list-header",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "dropdownWidth": {
                 "type": "string",
+                "attribute": "dropdown-width",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -1092,11 +1093,11 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "dropdown-width",
                 "reflect": false
             },
             "dropdownMaxWidth": {
                 "type": "string",
+                "attribute": "dropdown-max-width",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -1114,7 +1115,6 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "dropdown-max-width",
                 "reflect": false
             }
         };