@infineon/infineon-design-system-stencil 39.4.3 → 39.4.4--canary.2074.d943070f9cdd99fe53a3a22232500eeb825c9004.0

package/dist/collection/components/tabs/tabs.js

@@ -307,7 +307,6 @@ export class IfxTabs {
         return {
             "orientation": {
                 "type": "string",
-                "attribute": "orientation",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -323,11 +322,11 @@ export class IfxTabs {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "orientation",
                 "defaultValue": "\"horizontal\""
             },
             "activeTabIndex": {
                 "type": "number",
-                "attribute": "active-tab-index",
                 "mutable": true,
                 "complexType": {
                     "original": "number",
@@ -343,11 +342,11 @@ export class IfxTabs {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "active-tab-index",
                 "defaultValue": "0"
             },
             "fullWidth": {
                 "type": "boolean",
-                "attribute": "full-width",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -363,6 +362,7 @@ export class IfxTabs {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "full-width",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/templates/template/template.js

@@ -152,7 +152,6 @@ export class Template {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -167,11 +166,11 @@ export class Template {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "thumbnail": {
                 "type": "string",
-                "attribute": "thumbnail",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -186,7 +185,8 @@ export class Template {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "thumbnail"
             }
         };
     }

package/dist/collection/components/text-field/text-field.js

@@ -80,7 +80,6 @@ export class TextField {
         return {
             "placeholder": {
                 "type": "string",
-                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -96,11 +95,11 @@ export class TextField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "placeholder",
                 "defaultValue": "'Placeholder'"
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -116,11 +115,11 @@ export class TextField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "error": {
                 "type": "boolean",
-                "attribute": "error",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -136,11 +135,11 @@ export class TextField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "error",
                 "defaultValue": "false"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -156,11 +155,11 @@ export class TextField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "''"
             },
             "icon": {
                 "type": "string",
-                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -176,11 +175,11 @@ export class TextField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "icon",
                 "defaultValue": "''"
             },
             "caption": {
                 "type": "string",
-                "attribute": "caption",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -196,11 +195,11 @@ export class TextField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "caption",
                 "defaultValue": "''"
             },
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -216,11 +215,11 @@ export class TextField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "'m'"
             },
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -236,11 +235,11 @@ export class TextField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "success": {
                 "type": "boolean",
-                "attribute": "success",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -256,11 +255,11 @@ export class TextField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "success",
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -276,11 +275,11 @@ export class TextField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "readOnly": {
                 "type": "boolean",
-                "attribute": "read-only",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -296,11 +295,11 @@ export class TextField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "read-only",
                 "defaultValue": "false"
             },
             "maxlength": {
                 "type": "number",
-                "attribute": "maxlength",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -315,11 +314,11 @@ export class TextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "maxlength"
             },
             "showDeleteIcon": {
                 "type": "boolean",
-                "attribute": "show-delete-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -335,11 +334,11 @@ export class TextField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "show-delete-icon",
                 "defaultValue": "false"
             },
             "autocomplete": {
                 "type": "string",
-                "attribute": "autocomplete",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -355,11 +354,11 @@ export class TextField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "autocomplete",
                 "defaultValue": "'on'"
             },
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'text' | 'password'",
@@ -375,11 +374,11 @@ export class TextField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "'text'"
             },
             "internalId": {
                 "type": "string",
-                "attribute": "internal-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -395,6 +394,7 @@ export class TextField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "internal-id",
                 "defaultValue": "'text-field'"
             }
         };

package/dist/collection/components/textarea/textarea.js

@@ -73,7 +73,6 @@ export class TextArea {
         return {
             "caption": {
                 "type": "string",
-                "attribute": "caption",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -88,11 +87,11 @@ export class TextArea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "caption"
             },
             "cols": {
                 "type": "number",
-                "attribute": "cols",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -107,11 +106,11 @@ export class TextArea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "cols"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -127,11 +126,11 @@ export class TextArea {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "error": {
                 "type": "boolean",
-                "attribute": "error",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -147,11 +146,11 @@ export class TextArea {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "error",
                 "defaultValue": "false"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -166,11 +165,11 @@ export class TextArea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "label"
             },
             "maxlength": {
                 "type": "number",
-                "attribute": "maxlength",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -185,11 +184,11 @@ export class TextArea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "maxlength"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -204,11 +203,11 @@ export class TextArea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "placeholder": {
                 "type": "string",
-                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -223,11 +222,11 @@ export class TextArea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "placeholder"
             },
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -243,11 +242,11 @@ export class TextArea {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "readOnly": {
                 "type": "boolean",
-                "attribute": "read-only",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -263,11 +262,11 @@ export class TextArea {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "read-only",
                 "defaultValue": "false"
             },
             "resize": {
                 "type": "string",
-                "attribute": "resize",
                 "mutable": false,
                 "complexType": {
                     "original": "'both' | 'horizontal' | 'vertical' | 'none'",
@@ -283,11 +282,11 @@ export class TextArea {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "resize",
                 "defaultValue": "'both'"
             },
             "rows": {
                 "type": "number",
-                "attribute": "rows",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -302,11 +301,11 @@ export class TextArea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "rows"
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -321,11 +320,11 @@ export class TextArea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "value"
             },
             "wrap": {
                 "type": "string",
-                "attribute": "wrap",
                 "mutable": false,
                 "complexType": {
                     "original": "'hard' | 'soft' | 'off'",
@@ -341,11 +340,11 @@ export class TextArea {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "wrap",
                 "defaultValue": "'soft'"
             },
             "fullWidth": {
                 "type": "string",
-                "attribute": "full-width",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -361,6 +360,7 @@ export class TextArea {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "full-width",
                 "defaultValue": "\"false\""
             }
         };

package/dist/collection/components/tooltip/tooltip.js

@@ -176,7 +176,6 @@ export class Tooltip {
         return {
             "header": {
                 "type": "string",
-                "attribute": "header",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -192,11 +191,11 @@ export class Tooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "header",
                 "defaultValue": "''"
             },
             "text": {
                 "type": "string",
-                "attribute": "text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -212,11 +211,11 @@ export class Tooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "text",
                 "defaultValue": "''"
             },
             "position": {
                 "type": "string",
-                "attribute": "position",
                 "mutable": false,
                 "complexType": {
                     "original": "'bottom-start' | 'top-start' | 'left' | 'bottom-end' | 'top-end' | 'right' | 'bottom' | 'top' | 'auto'",
@@ -232,11 +231,11 @@ export class Tooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "position",
                 "defaultValue": "'auto'"
             },
             "ariaLabel": {
                 "type": "string",
-                "attribute": "aria-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string | null",
@@ -251,11 +250,11 @@ export class Tooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "aria-label"
             },
             "variant": {
                 "type": "string",
-                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "'compact' | 'dismissible' | 'extended'",
@@ -271,11 +270,11 @@ export class Tooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "variant",
                 "defaultValue": "'compact'"
             },
             "icon": {
                 "type": "string",
-                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -290,7 +289,8 @@ export class Tooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "icon"
             }
         };
     }

package/dist/collection/components/tree-view/tree-view-item.js

@@ -356,12 +356,12 @@ export class TreeViewItem {
         };
     }
     render() {
-        return (h("div", { key: '06430c8297a83b8ede5128151c7393c3fd03e2a2', class: {
+        return (h("div", { key: '374b7bdab442ec66c02eff416f07e7570a343d85', class: {
                 'tree-item': true,
                 'tree-item--expanded': this.isExpanded,
                 'tree-item--has-children': this.hasChildren,
                 'tree-item--disabled': this.disabled,
-            }, role: "treeitem", "aria-expanded": this.isExpanded ? 'true' : 'false', "data-level": this.level, "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel }, h("div", { key: '2de63b8310c477646aeaf8deb3131bba1dc3801d', class: "tree-item__content" }, h("div", { key: '4269b1df1e670ec4106c1c4462cdd1dbe3cee7bd', class: "tree-item__checkbox-container", onClick: e => e.stopPropagation() }, h("ifx-checkbox", { key: '819444dfb6c9dd52a0aa703796c3e59c90616a79', size: 's', checked: this.partialChecked ? false : this.isChecked, indeterminate: this.partialChecked, onIfxChange: this.handleCheckboxChange, disabled: this.disabled })), h("div", { key: '2b4f487b08fbb77eed104ecee0774033c26f96fd', class: "tree-item__header", style: { paddingLeft: `${this.level * 24 + 10}px` }, onClick: this.handleHeaderClick, tabIndex: -1, "aria-disabled": this.disabled ? 'true' : undefined }, this.hasChildren && (h("div", { key: '59770cbe680dce25156ded6580dad90d3f4cc880', class: "tree-item__chevron-container", onClick: this.toggleExpand }, h("ifx-icon", { key: 'ef7ef1761781d4c179ee696e08af6d24af7d9b9f', class: `tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`, icon: "chevron-right-16" }), h("div", { key: '99ec9f0abe191fde4a158484fb3b74d9d4ce524e', class: "tree-item__line" }))), h("div", { key: 'e91ecf4d195285403ac2229fc838e470c0e46ba6', class: "tree-item__label-icon-container", tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown }, h("div", { key: 'a4b44e04c85234486602bdce7be330c7b9775233', class: "tree-item__icon-container" }, this.hasChildren ? (h(Fragment, null, h("ifx-icon", { class: { 'icon--hidden': this.isExpanded }, icon: "folder-16" }), h("ifx-icon", { class: { 'icon--hidden': !this.isExpanded }, icon: "folder-open-16" }))) : (h("ifx-icon", { icon: "file-16" }))), h("span", { key: '855ebc797490c23969a22b31fe8df64ffae2ff32', class: "tree-item__label" }, h("slot", { key: '92d518b2c916f43229ca5f9a9c38809b08888d09' }))))), this.isExpanded && h("div", { key: '769744e6235899295020700585f278ae8f3ba091', class: "tree-item__children" }, h("slot", { key: '4e760a8d309e22549df336927b955a35036c1826', name: "children" }))));
+            }, role: "treeitem", "aria-expanded": this.isExpanded ? 'true' : 'false', "data-level": this.level, "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel }, h("div", { key: 'c4a7fb4af6e0924a0609219aa8c4bdd9c54bc229', class: "tree-item__content" }, h("div", { key: '54ea09f75436922b32154951c998930370e0d46d', class: "tree-item__checkbox-container", onClick: e => e.stopPropagation() }, h("ifx-checkbox", { key: '04a6c242536c90d146a70bed0d6d6dbcdc808074', size: 's', checked: this.partialChecked ? false : this.isChecked, indeterminate: this.partialChecked, onIfxChange: this.handleCheckboxChange, disabled: this.disabled })), h("div", { key: '866a49e37d50ed78df74157f0588151eaa4cdab8', class: "tree-item__header", style: { paddingLeft: `${this.level * 24 + 10}px` }, onClick: this.handleHeaderClick, tabIndex: -1, "aria-disabled": this.disabled ? 'true' : undefined }, this.hasChildren && (h("div", { key: '45c66ae23c5d8530ae3e5e4c5455eb56be0ce680', class: "tree-item__chevron-container", onClick: this.toggleExpand }, h("ifx-icon", { key: '5d83d804b873a19c930f6b809a5c12fe071ffb23', class: `tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`, icon: "chevron-right-16" }), h("div", { key: '52b4055c9b5dfbdca2967cf7aad63594c724e56a', class: "tree-item__line" }))), h("div", { key: '4630ee87061d29c89909f9ea461acec791f1f2fd', class: "tree-item__label-icon-container", tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown }, h("div", { key: 'a092feee9455b0746ff76587d719cccff167bbae', class: "tree-item__icon-container" }, this.hasChildren ? (h(Fragment, null, h("ifx-icon", { class: { 'icon--hidden': this.isExpanded }, icon: "folder-16" }), h("ifx-icon", { class: { 'icon--hidden': !this.isExpanded }, icon: "folder-open-16" }))) : (h("ifx-icon", { icon: "file-16" }))), h("span", { key: '610dc65e6e783e2593ee9d09f2f3f394ab4fd337', class: "tree-item__label" }, h("slot", { key: '0ab84b05d162db943f1eada4a5ce9dc31d0c3b2b' }))))), this.isExpanded && h("div", { key: 'ec59cff5b77cba79df82b770cd9bebb4db63675a', class: "tree-item__children" }, h("slot", { key: 'd096a3533f845a068af16b55757f6dcba60441ce', name: "children" }))));
     }
     static get is() { return "ifx-tree-view-item"; }
     static get encapsulation() { return "shadow"; }
@@ -379,7 +379,6 @@ export class TreeViewItem {
         return {
             "expanded": {
                 "type": "boolean",
-                "attribute": "expanded",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -395,11 +394,11 @@ export class TreeViewItem {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "expanded",
                 "defaultValue": "false"
             },
             "initiallyExpanded": {
                 "type": "boolean",
-                "attribute": "initially-expanded",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -415,11 +414,11 @@ export class TreeViewItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "initially-expanded",
                 "defaultValue": "false"
             },
             "disableItem": {
                 "type": "boolean",
-                "attribute": "disable-item",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -435,11 +434,11 @@ export class TreeViewItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disable-item",
                 "defaultValue": "false"
             },
             "ariaLabel": {
                 "type": "string",
-                "attribute": "aria-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string | null",
@@ -454,11 +453,11 @@ export class TreeViewItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "aria-label"
             },
             "initiallySelected": {
                 "type": "boolean",
-                "attribute": "initially-selected",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -474,11 +473,11 @@ export class TreeViewItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "initially-selected",
                 "defaultValue": "false"
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -493,7 +492,8 @@ export class TreeViewItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "value"
             }
         };
     }