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

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

@@ -307,6 +307,7 @@ export class IfxTabs {
         return {
             "orientation": {
                 "type": "string",
+                "attribute": "orientation",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -322,11 +323,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",
@@ -342,11 +343,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",
@@ -362,7 +363,6 @@ export class IfxTabs {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "full-width",
                 "defaultValue": "false"
             }
         };

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

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

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

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

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

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

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

@@ -176,6 +176,7 @@ export class Tooltip {
         return {
             "header": {
                 "type": "string",
+                "attribute": "header",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -191,11 +192,11 @@ export class Tooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "header",
                 "defaultValue": "''"
             },
             "text": {
                 "type": "string",
+                "attribute": "text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -211,11 +212,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'",
@@ -231,11 +232,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",
@@ -250,11 +251,11 @@ export class Tooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "aria-label"
+                "reflect": false
             },
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "'compact' | 'dismissible' | 'extended'",
@@ -270,11 +271,11 @@ export class Tooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "variant",
                 "defaultValue": "'compact'"
             },
             "icon": {
                 "type": "string",
+                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -289,8 +290,7 @@ export class Tooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "icon"
+                "reflect": false
             }
         };
     }

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

@@ -356,12 +356,12 @@ export class TreeViewItem {
         };
     }
     render() {
-        return (h("div", { key: '374b7bdab442ec66c02eff416f07e7570a343d85', class: {
+        return (h("div", { key: '06430c8297a83b8ede5128151c7393c3fd03e2a2', 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: '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" }))));
+            }, 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" }))));
     }
     static get is() { return "ifx-tree-view-item"; }
     static get encapsulation() { return "shadow"; }
@@ -379,6 +379,7 @@ export class TreeViewItem {
         return {
             "expanded": {
                 "type": "boolean",
+                "attribute": "expanded",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -394,11 +395,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",
@@ -414,11 +415,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",
@@ -434,11 +435,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",
@@ -453,11 +454,11 @@ export class TreeViewItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "aria-label"
+                "reflect": false
             },
             "initiallySelected": {
                 "type": "boolean",
+                "attribute": "initially-selected",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -473,11 +474,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",
@@ -492,8 +493,7 @@ export class TreeViewItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "value"
+                "reflect": false
             }
         };
     }