npm - @infineon/infineon-design-system-stencil - Versions diffs - 39.4.3 → 39.4.4--canary.2074.d943070f9cdd99fe53a3a22232500eeb825c9004.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (831) hide show

package/dist/components/ifx-tree-view-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ifx-tree-view-item.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/tree-view/tree-view-item.scss?tag=ifx-tree-view-item&encapsulation=shadow","src/components/tree-view/tree-view-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n.tree-item {\n position: relative;\n cursor: pointer;\n list-style: none;\n\n &.tree-item--expanded {\n position: relative;\n }\n\n &.tree-item--has-children {\n position: relative;\n\n .tree-item__header > .tree-item__chevron-container {\n display: flex;\n }\n\n &.tree-item--expanded {\n .tree-item__header > .tree-item__chevron-container::after {\n display: block;\n }\n }\n }\n\n &--disabled {\n cursor: not-allowed;\n pointer-events: none;\n color: tokens.$ifxColorEngineering300;\n }\n\n &__content {\n display: flex;\n flex-direction: row;\n\n &:hover {\n .tree-item__checkbox-container,\n .tree-item__header {\n background-color: tokens.$ifxColorEngineering100;\n }\n }\n }\n\n &__checkbox-container {\n position: sticky;\n left: 0;\n z-index: 10;\n padding: tokens.$ifxSpace50;\n background-color: tokens.$ifxColorBaseWhite;\n }\n\n &__header {\n flex-grow: 1;\n display: flex;\n align-items: center;\n white-space: nowrap;\n height: tokens.$ifxSize250;\n padding-top: tokens.$ifxSpace50;\n padding-right: tokens.$ifxSpace200;\n padding-bottom: tokens.$ifxSpace50;\n padding-left: tokens.$ifxSpace100;\n }\n\n &__chevron-container {\n display: none;\n align-items: center;\n margin-right: tokens.$ifxSpace100;\n height: tokens.$ifxSize250;\n\n &::after {\n --height-line-start: 28px;\n\n display: none;\n content: '';\n position: absolute;\n z-index: 1;\n top: var(--height-line-start);\n left: auto;\n margin-left: tokens.$ifxSpace100;\n width: tokens.$ifxSize12;\n height: calc(100% - var(--height-line-start));\n background-color: tokens.$ifxColorEngineering200;\n\n .tree-item--disabled & {\n color: tokens.$ifxColorEngineering200;\n }\n }\n }\n\n &__chevron {\n &.chevron-down {\n transform: rotate(90deg);\n }\n\n &.chevron-right {\n transform: rotate(0);\n }\n }\n\n &__label-icon-container {\n display: flex;\n align-items: center;\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 2px solid tokens.$ifxColorOcean500;\n outline-offset: 2px;\n border-radius: tokens.$ifxBorderRadius12;\n }\n }\n\n &__icon-container {\n position: relative;\n width: tokens.$ifxSize200;\n height: tokens.$ifxSize200;\n\n ifx-icon {\n position: absolute;\n left: 0;\n top: 0;\n opacity: 1;\n transition: opacity 0.2s ease-in-out;\n\n &.icon--hidden {\n opacity: 0;\n }\n }\n }\n\n &__label {\n padding-left: tokens.$ifxSpace100;\n }\n\n &__children {\n display: none;\n\n .tree-item[aria-expanded=\"true\"] > & {\n display: block;\n }\n }\n}\n\n","import { Component, h, Prop, State, Element, Fragment, Event, EventEmitter, Watch } from '@stencil/core';\n\nexport interface TreeViewCheckChangeEvent {\n checked: boolean;\n indeterminate: boolean;\n value?: string;\n affectedChildItems?: Array<{ checked: boolean; indeterminate: boolean; value?: string }>;\n component?: TreeViewItem;\n}\n\nexport interface TreeViewExpandChangeEvent {\n expanded: boolean;\n value?: string;\n affectedItems?: Array<{ expanded: boolean; value?: string }>;\n component?: TreeViewItem;\n}\n\nexport interface TreeViewDisableChangeEvent {\n disabled: boolean;\n component?: TreeViewItem;\n}\n\ninterface TreeState {\n isChecked: boolean;\n partialChecked: boolean;\n}\n\ntype HTMLIfxTreeViewItemElement = HTMLElement & { componentOnReady: () => Promise<unknown> };\n\n@Component({\n tag: 'ifx-tree-view-item',\n styleUrl: 'tree-view-item.scss',\n shadow: true,\n})\nexport class TreeViewItem {\n @Element() host: HTMLElement;\n @Prop({ reflect: true, mutable: true }) expanded: boolean = false;\n @Prop() initiallyExpanded: boolean = false;\n @Prop() disableItem: boolean = false;\n @Prop() ariaLabel: string \| null;\n @Prop() initiallySelected: boolean = false;\n @Prop() value: string;\n\n @Event() ifxTreeViewItemExpandChange: EventEmitter<TreeViewExpandChangeEvent>;\n @Event() ifxTreeViewItemCheckChange: EventEmitter<TreeViewCheckChangeEvent>;\n @Event() ifxTreeViewItemDisableChange: EventEmitter<TreeViewDisableChangeEvent>;\n\n @State() private hasChildren: boolean = false;\n @State() private isChecked: boolean = false;\n @State() private partialChecked: boolean = false;\n @State() private level: number = 0;\n @State() private disableAllItems: boolean = false;\n @State() private expandAllItems: boolean = false;\n @State() private suppressExpandEvents: boolean = false;\n\n private get disabled() {\n return this.disableAllItems \|\| this.disableItem;\n }\n\n private get isExpanded() {\n return this.expandAllItems \|\| this.expanded;\n }\n\n private findChildren = () =>\n Array.from(this.host.children)\n .filter((child): child is HTMLElement => child instanceof HTMLElement && child.tagName === 'IFX-TREE-VIEW-ITEM');\n\n private calculateNodeLevel = (): number => {\n let level = 0, parent = this.host.parentElement;\n while (parent) {\n if (parent.tagName === 'IFX-TREE-VIEW-ITEM') level++;\n parent = parent.parentElement;\n }\n return level;\n };\n\n componentWillLoad() {\n this.expanded = this.initiallyExpanded;\n this.hasChildren = this.findChildren().length > 0;\n this.level = this.calculateNodeLevel();\n this.host.setAttribute('data-level', this.level.toString());\n this.isChecked = this.initiallySelected;\n this.host.addEventListener('internal-check-state-change', this.handleStateChange);\n }\n\n componentDidLoad() {\n this.observeParentAttribute('disable-all-items', val => this.disableAllItems = val);\n this.observeParentAttribute('data-expand-all-items', val => this.expandAllItems = val, true);\n if (this.shouldExpandFromParent()) this.expandAllDescendants();\n (this.host as any)['__stencil_instance'] = this;\n if (this.initiallySelected) setTimeout(() => this.updateParentState(), 0);\n }\n\n private observeParentAttribute(attr: string, cb: (val: boolean) => void, breakOnAttr = false) {\n let parent = this.host.parentElement;\n while (parent) {\n if (parent.tagName === 'IFX-TREE-VIEW' \|\| (breakOnAttr && parent.hasAttribute(attr))) {\n const observer = new MutationObserver(() => cb(parent.hasAttribute(attr)));\n observer.observe(parent, { attributes: true });\n cb(parent.hasAttribute(attr));\n break;\n }\n parent = parent.parentElement;\n }\n }\n\n private shouldExpandFromParent(): boolean {\n let parent = this.host.parentElement;\n while (parent) {\n if (\n parent.tagName === 'IFX-TREE-VIEW' &&\n (parent.hasAttribute('expand-all-items') \|\| parent.hasAttribute('data-expand-all-items'))\n ) return true;\n parent = parent.parentElement;\n }\n return false;\n }\n\n private expandAllDescendants() {\n this.expanded = true;\n this.findChildren().forEach(child => {\n (child as any).expanded = true;\n (child as any).expandAllDescendants?.();\n });\n }\n\n private handleStateChange = (event: CustomEvent) => {\n if (this.disabled) return;\n event.stopPropagation();\n this.updateCheckState(event.detail.checked);\n };\n\n private handleCheckboxChange = (event: CustomEvent) => {\n if (this.disabled) return;\n this.updateCheckState(event.detail?.checked ?? !this.isChecked);\n };\n\n private handleHeaderClick = ({ target }: MouseEvent) => {\n if (this.disabled) return;\n if (!(target as HTMLElement).closest('.tree-item__checkbox-container, .tree-item__chevron-container')) {\n if (this.hasChildren) {\n const newCheckedState = !this.isChecked;\n this.updateCheckState(newCheckedState);\n const affectedItems = newCheckedState\n ? this.expandOrCollapseAllDescendants(true)\n : this.expandOrCollapseAllDescendants(false);\n this.ifxTreeViewItemExpandChange.emit({\n expanded: newCheckedState,\n affectedItems,\n component: this\n });\n } else {\n this.updateCheckState(!this.isChecked);\n }\n }\n };\n\n private expandOrCollapseAllDescendants(expand: boolean) {\n this.suppressExpandEvents = true;\n const affectedItems: Array<{ expanded: boolean; value?: string }> = [];\n this.expanded = expand;\n if (this.hasChildren) affectedItems.push({ expanded: expand, value: this.value });\n this.findChildren().forEach(child => {\n const childInstance = (child as any)['__stencil_instance'];\n if (childInstance && childInstance.hasChildren) {\n childInstance.suppressExpandEvents = true;\n childInstance.expanded = expand;\n affectedItems.push({ expanded: expand, value: childInstance.value });\n if (childInstance.hasChildren) {\n const childAffected = childInstance.expandOrCollapseAllDescendants(expand);\n affectedItems.push(...childAffected);\n }\n }\n });\n this.suppressExpandEvents = false;\n return affectedItems;\n }\n\n private async updateCheckState(checked: boolean, fromParent = false) {\n if (this.disabled) return;\n if (!fromParent && this.hasChildren) {\n const affected = this.collectDescendantStates(checked);\n this.setNodeState({ isChecked: checked, partialChecked: false }, false);\n await this.updateChildrenSilently(checked);\n this.ifxTreeViewItemCheckChange.emit({\n checked,\n indeterminate: false,\n value: this.value,\n affectedChildItems: affected,\n component: this,\n });\n this.updateParentState();\n } else if (fromParent) {\n this.setNodeState({ isChecked: checked, partialChecked: false }, false);\n } else {\n this.setNodeState({ isChecked: checked, partialChecked: false });\n await this.updateChildrenState(checked);\n this.updateParentState();\n }\n }\n\n private async updateChildrenSilently(checked: boolean) {\n for (const child of this.findChildren()) {\n const childInstance = (child as any)['__stencil_instance'];\n if (childInstance && !childInstance.disabled) {\n childInstance.setNodeState({ isChecked: checked, partialChecked: false }, false);\n await childInstance.updateChildrenSilently(checked);\n }\n }\n }\n\n @Watch('expanded')\n handleExpandedChange(newValue: boolean) {\n if (!this.suppressExpandEvents) {\n this.ifxTreeViewItemExpandChange.emit({\n expanded: newValue,\n value: this.value,\n affectedItems: [{ expanded: newValue, value: this.value }],\n component: this\n });\n }\n }\n\n @Watch('disableItem')\n handleDisableItemChange(newValue: boolean) {\n this.ifxTreeViewItemDisableChange.emit({ disabled: newValue, component: this });\n }\n\n private setNodeState(state: TreeState, emitEvent = true) {\n this.isChecked = state.isChecked;\n this.partialChecked = state.partialChecked;\n if (emitEvent) {\n this.ifxTreeViewItemCheckChange.emit({\n checked: this.isChecked,\n indeterminate: this.partialChecked,\n value: this.value,\n level: this.level,\n disabled: this.disabled,\n component: this\n } as any);\n }\n }\n\n private collectDescendantStates(checked: boolean) {\n const descendants: Array<{ checked: boolean; indeterminate: boolean; value?: string }> = [];\n const collect = (el: Element, skipSelf = false) => {\n let instance: any = el === this.host ? this : (el as any)['__stencil_instance'];\n if (!skipSelf && !instance?.disabled) {\n descendants.push({\n checked,\n indeterminate: false,\n value: instance?.value,\n });\n }\n Array.from(el.children)\n .forEach(child => {\n if (child.tagName === 'IFX-TREE-VIEW-ITEM') collect(child, false);\n });\n };\n Array.from(this.host.children)\n .forEach(child => {\n if (child.tagName === 'IFX-TREE-VIEW-ITEM') collect(child, false);\n });\n return descendants;\n }\n\n private async updateChildrenState(checked: boolean) {\n for (const child of this.findChildren()) {\n const childInstance = (child as any)['__stencil_instance'];\n if (childInstance && !childInstance.disabled) {\n await (child as HTMLIfxTreeViewItemElement).componentOnReady();\n child.dispatchEvent(new CustomEvent('internal-check-state-change', {\n detail: { checked },\n bubbles: false,\n composed: true\n }));\n }\n }\n }\n\n private findSiblingNodes(parent: HTMLElement): HTMLIfxTreeViewItemElement[] {\n return Array.from(parent.children)\n .filter((child): child is HTMLIfxTreeViewItemElement =>\n child instanceof HTMLElement && child.tagName === 'IFX-TREE-VIEW-ITEM'\n );\n }\n\n private updateParentState() {\n const parent = this.host.parentElement?.closest('ifx-tree-view-item') as HTMLIfxTreeViewItemElement;\n if (!parent) return;\n setTimeout(() => {\n const parentInstance = (parent as any)['__stencil_instance'] as TreeViewItem;\n if (!parentInstance) return;\n const siblings = this.findSiblingNodes(parent);\n const { allChecked, someChecked } = this.calculateSiblingStates(siblings);\n parentInstance.setNodeState({\n isChecked: allChecked,\n partialChecked: !allChecked && someChecked\n }, false);\n parentInstance.updateParentState();\n }, 0);\n }\n\n private calculateSiblingStates(siblings: HTMLIfxTreeViewItemElement[]) {\n const states = siblings.map(sib => {\n const instance = (sib as any)['__stencil_instance'] as TreeViewItem;\n return { checked: instance?.isChecked, partial: instance?.partialChecked };\n });\n const checkedCount = states.filter(state => state.checked).length;\n const partialCount = states.filter(state => state.partial).length;\n return {\n allChecked: states.length > 0 && checkedCount === states.length && partialCount === 0,\n someChecked: checkedCount > 0 \|\| partialCount > 0\n };\n }\n\n private toggleExpand = () => {\n if (this.disabled \|\| !this.hasChildren) return;\n this.expanded = !this.expanded;\n };\n\n private handleKeyDown = (event: KeyboardEvent) => {\n const allItems = Array.from(\n this.host.closest('ifx-tree-view')?.querySelectorAll('ifx-tree-view-item') \|\| []\n );\n const visibleItems = allItems.filter(item => {\n let parent = item.parentElement?.closest('ifx-tree-view-item');\n while (parent) {\n const parentCmp = parent as any;\n if (!(parentCmp.expandAllItems \|\| parentCmp.expanded)) return false;\n parent = parent.parentElement?.closest('ifx-tree-view-item');\n }\n return true;\n });\n const currentIndex = visibleItems.findIndex(el => el === this.host);\n const focusLabelIcon = (el: Element \| null) =>\n (el as HTMLElement \| null)?.focus();\n\n switch (event.key) {\n case 'ArrowDown': {\n event.preventDefault();\n for (let i = currentIndex + 1; i < visibleItems.length; i++) {\n const next = visibleItems[i] as any;\n if (!next.disabled) {\n focusLabelIcon(next.shadowRoot?.querySelector('.tree-item__label-icon-container'));\n break;\n }\n }\n break;\n }\n case 'ArrowUp': {\n event.preventDefault();\n for (let i = currentIndex - 1; i >= 0; i--) {\n const prev = visibleItems[i] as any;\n if (!prev.disabled) {\n focusLabelIcon(prev.shadowRoot?.querySelector('.tree-item__label-icon-container'));\n break;\n }\n }\n break;\n }\n case 'ArrowRight': {\n event.preventDefault();\n if (!this.isExpanded && this.hasChildren) {\n this.expanded = true;\n } else if (this.isExpanded && this.hasChildren) {\n const firstChild = this.host.querySelector('ifx-tree-view-item');\n if (firstChild && !(firstChild as any).disabled) {\n focusLabelIcon((firstChild as HTMLElement).shadowRoot?.querySelector('.tree-item__label-icon-container'));\n }\n }\n break;\n }\n case 'ArrowLeft': {\n event.preventDefault();\n if (this.isExpanded && this.hasChildren) {\n this.expanded = false;\n } else {\n const parent = this.host.parentElement?.closest('ifx-tree-view-item');\n if (parent && !(parent as any).disabled) {\n focusLabelIcon((parent as HTMLElement).shadowRoot?.querySelector('.tree-item__label-icon-container'));\n }\n }\n break;\n }\n case ' ':\n case 'Enter': {\n event.preventDefault();\n if (this.hasChildren) {\n const newCheckedState = !this.isChecked;\n this.updateCheckState(newCheckedState);\n const affectedItems = newCheckedState\n ? this.expandOrCollapseAllDescendants(true)\n : this.expandOrCollapseAllDescendants(false);\n this.ifxTreeViewItemExpandChange.emit({\n expanded: newCheckedState,\n affectedItems,\n component: this\n });\n } else {\n this.updateCheckState(!this.isChecked);\n }\n break;\n }\n }\n };\n\n render() {\n return (\n <div\n class={{\n 'tree-item': true,\n 'tree-item--expanded': this.isExpanded,\n 'tree-item--has-children': this.hasChildren,\n 'tree-item--disabled': this.disabled,\n }}\n role=\"treeitem\"\n aria-expanded={this.isExpanded ? 'true' : 'false'}\n data-level={this.level}\n aria-disabled={this.disabled ? 'true' : undefined}\n aria-label={this.ariaLabel}\n >\n <div class=\"tree-item__content\">\n <div class=\"tree-item__checkbox-container\" onClick={e => e.stopPropagation()}>\n <ifx-checkbox\n size='s'\n checked={this.partialChecked ? false : this.isChecked}\n indeterminate={this.partialChecked}\n onIfxChange={this.handleCheckboxChange}\n disabled={this.disabled}\n />\n </div>\n <div\n class=\"tree-item__header\"\n style={{ paddingLeft: `${this.level * 24 + 10}px` }}\n onClick={this.handleHeaderClick}\n tabIndex={-1}\n aria-disabled={this.disabled ? 'true' : undefined}\n >\n {this.hasChildren && (\n <div class=\"tree-item__chevron-container\" onClick={this.toggleExpand}>\n <ifx-icon class={`tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`}\n icon=\"chevron-right-16\"/>\n <div class=\"tree-item__line\"/>\n </div>\n )}\n <div\n class=\"tree-item__label-icon-container\"\n tabIndex={this.disabled ? -1 : 0}\n onKeyDown={this.handleKeyDown}\n >\n <div class=\"tree-item__icon-container\">\n {this.hasChildren ? (\n <Fragment>\n <ifx-icon class={{'icon--hidden': this.isExpanded}} icon=\"folder-16\"/>\n <ifx-icon class={{'icon--hidden': !this.isExpanded}} icon=\"folder-open-16\"/>\n </Fragment>\n ) : (\n <ifx-icon icon=\"file-16\"/>\n )}\n </div>\n <span class=\"tree-item__label\"><slot/></span>\n </div>\n </div>\n </div>\n {this.isExpanded && <div class=\"tree-item__children\"><slot name=\"children\"/></div>}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"ifx-tree-view-item.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/tree-view/tree-view-item.scss?tag=ifx-tree-view-item&encapsulation=shadow","src/components/tree-view/tree-view-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n.tree-item {\n position: relative;\n cursor: pointer;\n list-style: none;\n\n &.tree-item--expanded {\n position: relative;\n }\n\n &.tree-item--has-children {\n position: relative;\n\n .tree-item__header > .tree-item__chevron-container {\n display: flex;\n }\n\n &.tree-item--expanded {\n .tree-item__header > .tree-item__chevron-container::after {\n display: block;\n }\n }\n }\n\n &--disabled {\n cursor: not-allowed;\n pointer-events: none;\n color: tokens.$ifxColorEngineering300;\n }\n\n &__content {\n display: flex;\n flex-direction: row;\n\n &:hover {\n .tree-item__checkbox-container,\n .tree-item__header {\n background-color: tokens.$ifxColorEngineering100;\n }\n }\n }\n\n &__checkbox-container {\n position: sticky;\n left: 0;\n z-index: 10;\n padding: tokens.$ifxSpace50;\n background-color: tokens.$ifxColorBaseWhite;\n }\n\n &__header {\n flex-grow: 1;\n display: flex;\n align-items: center;\n white-space: nowrap;\n height: tokens.$ifxSize250;\n padding-top: tokens.$ifxSpace50;\n padding-right: tokens.$ifxSpace200;\n padding-bottom: tokens.$ifxSpace50;\n padding-left: tokens.$ifxSpace100;\n }\n\n &__chevron-container {\n display: none;\n align-items: center;\n margin-right: tokens.$ifxSpace100;\n height: tokens.$ifxSize250;\n\n &::after {\n --height-line-start: 28px;\n\n display: none;\n content: '';\n position: absolute;\n z-index: 1;\n top: var(--height-line-start);\n left: auto;\n margin-left: tokens.$ifxSpace100;\n width: tokens.$ifxSize12;\n height: calc(100% - var(--height-line-start));\n background-color: tokens.$ifxColorEngineering200;\n\n .tree-item--disabled & {\n color: tokens.$ifxColorEngineering200;\n }\n }\n }\n\n &__chevron {\n &.chevron-down {\n transform: rotate(90deg);\n }\n\n &.chevron-right {\n transform: rotate(0);\n }\n }\n\n &__label-icon-container {\n display: flex;\n align-items: center;\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 2px solid tokens.$ifxColorOcean500;\n outline-offset: 2px;\n border-radius: tokens.$ifxBorderRadius12;\n }\n }\n\n &__icon-container {\n position: relative;\n width: tokens.$ifxSize200;\n height: tokens.$ifxSize200;\n\n ifx-icon {\n position: absolute;\n left: 0;\n top: 0;\n opacity: 1;\n transition: opacity 0.2s ease-in-out;\n\n &.icon--hidden {\n opacity: 0;\n }\n }\n }\n\n &__label {\n padding-left: tokens.$ifxSpace100;\n }\n\n &__children {\n display: none;\n\n .tree-item[aria-expanded=\"true\"] > & {\n display: block;\n }\n }\n}\n\n","import { Component, h, Prop, State, Element, Fragment, Event, EventEmitter, Watch } from '@stencil/core';\n\nexport interface TreeViewCheckChangeEvent {\n checked: boolean;\n indeterminate: boolean;\n value?: string;\n affectedChildItems?: Array<{ checked: boolean; indeterminate: boolean; value?: string }>;\n component?: TreeViewItem;\n}\n\nexport interface TreeViewExpandChangeEvent {\n expanded: boolean;\n value?: string;\n affectedItems?: Array<{ expanded: boolean; value?: string }>;\n component?: TreeViewItem;\n}\n\nexport interface TreeViewDisableChangeEvent {\n disabled: boolean;\n component?: TreeViewItem;\n}\n\ninterface TreeState {\n isChecked: boolean;\n partialChecked: boolean;\n}\n\ntype HTMLIfxTreeViewItemElement = HTMLElement & { componentOnReady: () => Promise<unknown> };\n\n@Component({\n tag: 'ifx-tree-view-item',\n styleUrl: 'tree-view-item.scss',\n shadow: true,\n})\nexport class TreeViewItem {\n @Element() host: HTMLElement;\n @Prop({ reflect: true, mutable: true }) expanded: boolean = false;\n @Prop() initiallyExpanded: boolean = false;\n @Prop() disableItem: boolean = false;\n @Prop() ariaLabel: string \| null;\n @Prop() initiallySelected: boolean = false;\n @Prop() value: string;\n\n @Event() ifxTreeViewItemExpandChange: EventEmitter<TreeViewExpandChangeEvent>;\n @Event() ifxTreeViewItemCheckChange: EventEmitter<TreeViewCheckChangeEvent>;\n @Event() ifxTreeViewItemDisableChange: EventEmitter<TreeViewDisableChangeEvent>;\n\n @State() private hasChildren: boolean = false;\n @State() private isChecked: boolean = false;\n @State() private partialChecked: boolean = false;\n @State() private level: number = 0;\n @State() private disableAllItems: boolean = false;\n @State() private expandAllItems: boolean = false;\n @State() private suppressExpandEvents: boolean = false;\n\n private get disabled() {\n return this.disableAllItems \|\| this.disableItem;\n }\n\n private get isExpanded() {\n return this.expandAllItems \|\| this.expanded;\n }\n\n private findChildren = () =>\n Array.from(this.host.children)\n .filter((child): child is HTMLElement => child instanceof HTMLElement && child.tagName === 'IFX-TREE-VIEW-ITEM');\n\n private calculateNodeLevel = (): number => {\n let level = 0, parent = this.host.parentElement;\n while (parent) {\n if (parent.tagName === 'IFX-TREE-VIEW-ITEM') level++;\n parent = parent.parentElement;\n }\n return level;\n };\n\n componentWillLoad() {\n this.expanded = this.initiallyExpanded;\n this.hasChildren = this.findChildren().length > 0;\n this.level = this.calculateNodeLevel();\n this.host.setAttribute('data-level', this.level.toString());\n this.isChecked = this.initiallySelected;\n this.host.addEventListener('internal-check-state-change', this.handleStateChange);\n }\n\n componentDidLoad() {\n this.observeParentAttribute('disable-all-items', val => this.disableAllItems = val);\n this.observeParentAttribute('data-expand-all-items', val => this.expandAllItems = val, true);\n if (this.shouldExpandFromParent()) this.expandAllDescendants();\n (this.host as any)['__stencil_instance'] = this;\n if (this.initiallySelected) setTimeout(() => this.updateParentState(), 0);\n }\n\n private observeParentAttribute(attr: string, cb: (val: boolean) => void, breakOnAttr = false) {\n let parent = this.host.parentElement;\n while (parent) {\n if (parent.tagName === 'IFX-TREE-VIEW' \|\| (breakOnAttr && parent.hasAttribute(attr))) {\n const observer = new MutationObserver(() => cb(parent.hasAttribute(attr)));\n observer.observe(parent, { attributes: true });\n cb(parent.hasAttribute(attr));\n break;\n }\n parent = parent.parentElement;\n }\n }\n\n private shouldExpandFromParent(): boolean {\n let parent = this.host.parentElement;\n while (parent) {\n if (\n parent.tagName === 'IFX-TREE-VIEW' &&\n (parent.hasAttribute('expand-all-items') \|\| parent.hasAttribute('data-expand-all-items'))\n ) return true;\n parent = parent.parentElement;\n }\n return false;\n }\n\n private expandAllDescendants() {\n this.expanded = true;\n this.findChildren().forEach(child => {\n (child as any).expanded = true;\n (child as any).expandAllDescendants?.();\n });\n }\n\n private handleStateChange = (event: CustomEvent) => {\n if (this.disabled) return;\n event.stopPropagation();\n this.updateCheckState(event.detail.checked);\n };\n\n private handleCheckboxChange = (event: CustomEvent) => {\n if (this.disabled) return;\n this.updateCheckState(event.detail?.checked ?? !this.isChecked);\n };\n\n private handleHeaderClick = ({ target }: MouseEvent) => {\n if (this.disabled) return;\n if (!(target as HTMLElement).closest('.tree-item__checkbox-container, .tree-item__chevron-container')) {\n if (this.hasChildren) {\n const newCheckedState = !this.isChecked;\n this.updateCheckState(newCheckedState);\n const affectedItems = newCheckedState\n ? this.expandOrCollapseAllDescendants(true)\n : this.expandOrCollapseAllDescendants(false);\n this.ifxTreeViewItemExpandChange.emit({\n expanded: newCheckedState,\n affectedItems,\n component: this\n });\n } else {\n this.updateCheckState(!this.isChecked);\n }\n }\n };\n\n private expandOrCollapseAllDescendants(expand: boolean) {\n this.suppressExpandEvents = true;\n const affectedItems: Array<{ expanded: boolean; value?: string }> = [];\n this.expanded = expand;\n if (this.hasChildren) affectedItems.push({ expanded: expand, value: this.value });\n this.findChildren().forEach(child => {\n const childInstance = (child as any)['__stencil_instance'];\n if (childInstance && childInstance.hasChildren) {\n childInstance.suppressExpandEvents = true;\n childInstance.expanded = expand;\n affectedItems.push({ expanded: expand, value: childInstance.value });\n if (childInstance.hasChildren) {\n const childAffected = childInstance.expandOrCollapseAllDescendants(expand);\n affectedItems.push(...childAffected);\n }\n }\n });\n this.suppressExpandEvents = false;\n return affectedItems;\n }\n\n private async updateCheckState(checked: boolean, fromParent = false) {\n if (this.disabled) return;\n if (!fromParent && this.hasChildren) {\n const affected = this.collectDescendantStates(checked);\n this.setNodeState({ isChecked: checked, partialChecked: false }, false);\n await this.updateChildrenSilently(checked);\n this.ifxTreeViewItemCheckChange.emit({\n checked,\n indeterminate: false,\n value: this.value,\n affectedChildItems: affected,\n component: this,\n });\n this.updateParentState();\n } else if (fromParent) {\n this.setNodeState({ isChecked: checked, partialChecked: false }, false);\n } else {\n this.setNodeState({ isChecked: checked, partialChecked: false });\n await this.updateChildrenState(checked);\n this.updateParentState();\n }\n }\n\n private async updateChildrenSilently(checked: boolean) {\n for (const child of this.findChildren()) {\n const childInstance = (child as any)['__stencil_instance'];\n if (childInstance && !childInstance.disabled) {\n childInstance.setNodeState({ isChecked: checked, partialChecked: false }, false);\n await childInstance.updateChildrenSilently(checked);\n }\n }\n }\n\n @Watch('expanded')\n handleExpandedChange(newValue: boolean) {\n if (!this.suppressExpandEvents) {\n this.ifxTreeViewItemExpandChange.emit({\n expanded: newValue,\n value: this.value,\n affectedItems: [{ expanded: newValue, value: this.value }],\n component: this\n });\n }\n }\n\n @Watch('disableItem')\n handleDisableItemChange(newValue: boolean) {\n this.ifxTreeViewItemDisableChange.emit({ disabled: newValue, component: this });\n }\n\n private setNodeState(state: TreeState, emitEvent = true) {\n this.isChecked = state.isChecked;\n this.partialChecked = state.partialChecked;\n if (emitEvent) {\n this.ifxTreeViewItemCheckChange.emit({\n checked: this.isChecked,\n indeterminate: this.partialChecked,\n value: this.value,\n level: this.level,\n disabled: this.disabled,\n component: this\n } as any);\n }\n }\n\n private collectDescendantStates(checked: boolean) {\n const descendants: Array<{ checked: boolean; indeterminate: boolean; value?: string }> = [];\n const collect = (el: Element, skipSelf = false) => {\n let instance: any = el === this.host ? this : (el as any)['__stencil_instance'];\n if (!skipSelf && !instance?.disabled) {\n descendants.push({\n checked,\n indeterminate: false,\n value: instance?.value,\n });\n }\n Array.from(el.children)\n .forEach(child => {\n if (child.tagName === 'IFX-TREE-VIEW-ITEM') collect(child, false);\n });\n };\n Array.from(this.host.children)\n .forEach(child => {\n if (child.tagName === 'IFX-TREE-VIEW-ITEM') collect(child, false);\n });\n return descendants;\n }\n\n private async updateChildrenState(checked: boolean) {\n for (const child of this.findChildren()) {\n const childInstance = (child as any)['__stencil_instance'];\n if (childInstance && !childInstance.disabled) {\n await (child as HTMLIfxTreeViewItemElement).componentOnReady();\n child.dispatchEvent(new CustomEvent('internal-check-state-change', {\n detail: { checked },\n bubbles: false,\n composed: true\n }));\n }\n }\n }\n\n private findSiblingNodes(parent: HTMLElement): HTMLIfxTreeViewItemElement[] {\n return Array.from(parent.children)\n .filter((child): child is HTMLIfxTreeViewItemElement =>\n child instanceof HTMLElement && child.tagName === 'IFX-TREE-VIEW-ITEM'\n );\n }\n\n private updateParentState() {\n const parent = this.host.parentElement?.closest('ifx-tree-view-item') as unknown as HTMLIfxTreeViewItemElement;\n if (!parent) return;\n setTimeout(() => {\n const parentInstance = (parent as any)['__stencil_instance'] as TreeViewItem;\n if (!parentInstance) return;\n const siblings = this.findSiblingNodes(parent);\n const { allChecked, someChecked } = this.calculateSiblingStates(siblings);\n parentInstance.setNodeState({\n isChecked: allChecked,\n partialChecked: !allChecked && someChecked\n }, false);\n parentInstance.updateParentState();\n }, 0);\n }\n\n private calculateSiblingStates(siblings: HTMLIfxTreeViewItemElement[]) {\n const states = siblings.map(sib => {\n const instance = (sib as any)['__stencil_instance'] as TreeViewItem;\n return { checked: instance?.isChecked, partial: instance?.partialChecked };\n });\n const checkedCount = states.filter(state => state.checked).length;\n const partialCount = states.filter(state => state.partial).length;\n return {\n allChecked: states.length > 0 && checkedCount === states.length && partialCount === 0,\n someChecked: checkedCount > 0 \|\| partialCount > 0\n };\n }\n\n private toggleExpand = () => {\n if (this.disabled \|\| !this.hasChildren) return;\n this.expanded = !this.expanded;\n };\n\n private handleKeyDown = (event: KeyboardEvent) => {\n const allItems = Array.from(\n this.host.closest('ifx-tree-view')?.querySelectorAll('ifx-tree-view-item') \|\| []\n );\n const visibleItems = allItems.filter(item => {\n let parent = item.parentElement?.closest('ifx-tree-view-item');\n while (parent) {\n const parentCmp = parent as any;\n if (!(parentCmp.expandAllItems \|\| parentCmp.expanded)) return false;\n parent = parent.parentElement?.closest('ifx-tree-view-item');\n }\n return true;\n });\n const currentIndex = visibleItems.findIndex(el => el === this.host as unknown);\n const focusLabelIcon = (el: Element \| null) =>\n (el as HTMLElement \| null)?.focus();\n\n switch (event.key) {\n case 'ArrowDown': {\n event.preventDefault();\n for (let i = currentIndex + 1; i < visibleItems.length; i++) {\n const next = visibleItems[i] as any;\n if (!next.disabled) {\n focusLabelIcon(next.shadowRoot?.querySelector('.tree-item__label-icon-container'));\n break;\n }\n }\n break;\n }\n case 'ArrowUp': {\n event.preventDefault();\n for (let i = currentIndex - 1; i >= 0; i--) {\n const prev = visibleItems[i] as any;\n if (!prev.disabled) {\n focusLabelIcon(prev.shadowRoot?.querySelector('.tree-item__label-icon-container'));\n break;\n }\n }\n break;\n }\n case 'ArrowRight': {\n event.preventDefault();\n if (!this.isExpanded && this.hasChildren) {\n this.expanded = true;\n } else if (this.isExpanded && this.hasChildren) {\n const firstChild = this.host.querySelector('ifx-tree-view-item');\n if (firstChild && !(firstChild as any).disabled) {\n focusLabelIcon((firstChild as unknown as HTMLElement).shadowRoot?.querySelector('.tree-item__label-icon-container'));\n }\n }\n break;\n }\n case 'ArrowLeft': {\n event.preventDefault();\n if (this.isExpanded && this.hasChildren) {\n this.expanded = false;\n } else {\n const parent = this.host.parentElement?.closest('ifx-tree-view-item');\n if (parent && !(parent as any).disabled) {\n focusLabelIcon((parent as unknown as HTMLElement).shadowRoot?.querySelector('.tree-item__label-icon-container'));\n }\n }\n break;\n }\n case ' ':\n case 'Enter': {\n event.preventDefault();\n if (this.hasChildren) {\n const newCheckedState = !this.isChecked;\n this.updateCheckState(newCheckedState);\n const affectedItems = newCheckedState\n ? this.expandOrCollapseAllDescendants(true)\n : this.expandOrCollapseAllDescendants(false);\n this.ifxTreeViewItemExpandChange.emit({\n expanded: newCheckedState,\n affectedItems,\n component: this\n });\n } else {\n this.updateCheckState(!this.isChecked);\n }\n break;\n }\n }\n };\n\n render() {\n return (\n <div\n class={{\n 'tree-item': true,\n 'tree-item--expanded': this.isExpanded,\n 'tree-item--has-children': this.hasChildren,\n 'tree-item--disabled': this.disabled,\n }}\n role=\"treeitem\"\n aria-expanded={this.isExpanded ? 'true' : 'false'}\n data-level={this.level}\n aria-disabled={this.disabled ? 'true' : undefined}\n aria-label={this.ariaLabel}\n >\n <div class=\"tree-item__content\">\n <div class=\"tree-item__checkbox-container\" onClick={e => e.stopPropagation()}>\n <ifx-checkbox\n size='s'\n checked={this.partialChecked ? false : this.isChecked}\n indeterminate={this.partialChecked}\n onIfxChange={this.handleCheckboxChange}\n disabled={this.disabled}\n />\n </div>\n <div\n class=\"tree-item__header\"\n style={{ paddingLeft: `${this.level * 24 + 10}px` }}\n onClick={this.handleHeaderClick}\n tabIndex={-1}\n aria-disabled={this.disabled ? 'true' : undefined}\n >\n {this.hasChildren && (\n <div class=\"tree-item__chevron-container\" onClick={this.toggleExpand}>\n <ifx-icon class={`tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`}\n icon=\"chevron-right-16\"/>\n <div class=\"tree-item__line\"/>\n </div>\n )}\n <div\n class=\"tree-item__label-icon-container\"\n tabIndex={this.disabled ? -1 : 0}\n onKeyDown={this.handleKeyDown}\n >\n <div class=\"tree-item__icon-container\">\n {this.hasChildren ? (\n <Fragment>\n <ifx-icon class={{'icon--hidden': this.isExpanded}} icon=\"folder-16\"/>\n <ifx-icon class={{'icon--hidden': !this.isExpanded}} icon=\"folder-open-16\"/>\n </Fragment>\n ) : (\n <ifx-icon icon=\"file-16\"/>\n )}\n </div>\n <span class=\"tree-item__label\"><slot/></span>\n </div>\n </div>\n </div>\n {this.isExpanded && <div class=\"tree-item__children\"><slot name=\"children\"/></div>}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/ifx-tree-view.js CHANGED Viewed

@@ -4,9 +4,11 @@ import { i as isNestedInIfxComponent, d as detectFramework, t as trackComponent
 const treeViewCss = ":host{display:block}.tree-view{font-family:var(--ifx-font-family, sans-serif);font-size:14px;color:var(--ifx-color-text, #1a1a1a);display:flex;flex-wrap:wrap;flex-direction:column;overflow-x:auto;overflow-y:hidden}.tree-view__label{font:600 1.125rem/1.625rem \"Source Sans 3\";margin-bottom:8px}";
 const TreeView = /*@__PURE__*/ proxyCustomElement(class TreeView extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
         this.ifxTreeViewExpandAllChange = createEvent(this, "ifxTreeViewExpandAllChange", 7);
         this.ifxTreeViewDisableAllChange = createEvent(this, "ifxTreeViewDisableAllChange", 7);

package/dist/components/ifx-tree-view.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ifx-tree-view.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,ySAAyS;;MCUhT,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AALrB,IAAA,WAAA,~~GAAA;;;;;;~~AAQU,QAAA,IAAe,CAAA,eAAA,GAAY,KAAK;AAChC,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AAgB/B,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,EAA0B,KAAI;YACrD,IAAI,EAAE,EAAE;AACN,gBAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,oBAAA,EAAE,CAAC,YAAY,CAAC,wBAAwB,EAAE,MAAM,CAAC;;qBAC5C;AACL,oBAAA,EAAE,CAAC,eAAe,CAAC,wBAAwB,CAAC;;AAE9C,gBAAA,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,oBAAA,EAAE,CAAC,YAAY,CAAC,uBAAuB,EAAE,MAAM,CAAC;;qBAC3C;AACL,oBAAA,EAAE,CAAC,eAAe,CAAC,uBAAuB,CAAC;;;AAGjD,SAAC;AAqBF;AA3CC,IAAA,0BAA0B,CAAC,QAAiB,EAAA;AAC1C,QAAA,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAIhD,IAAA,2BAA2B,CAAC,QAAiB,EAAA;AAC3C,QAAA,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAkBjD,IAAA,MAAM,gBAAgB,GAAA;QACpB,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACnC,YAAA,MAAM,SAAS,GAAG,eAAe,EAAE;AACnC,YAAA,cAAc,CAAC,eAAe,EAAE,MAAM,SAAS,CAAC;;;IAIpD,MAAM,GAAA;AACJ,QAAA,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAa,UAAA,EAAA,IAAI,CAAC,eAAe,GAAG,sBAAsB,GAAG,EAAE,CAAA,CAAE,EACxE,IAAI,EAAC,MAAM,EAAA,YAAA,EACC,IAAI,CAAC,SAAS,EAAA,EAEzB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,EAC3F,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,aAAa,EAAS,CAAA,CAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/tree-view/tree-view.scss?tag=ifx-tree-view&encapsulation=shadow","src/components/tree-view/tree-view.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: block;\n}\n\n.tree-view {\n font-family: var(--ifx-font-family, sans-serif);\n font-size: 14px;\n color: var(--ifx-color-text, #1a1a1a);\n\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n overflow-x: auto;\n overflow-y: hidden;\n\n &__label {\n font: tokens.$ifxHeadingHeading06;\n margin-bottom: tokens.$ifxSpace100;\n }\n}\n","import { Component, h, Prop, Event, EventEmitter, Watch, Element } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n tag: 'ifx-tree-view',\n styleUrl: 'tree-view.scss',\n shadow: true,\n})\nexport class TreeView {\n @Element() el: HTMLElement;\n @Prop() label?: string;\n @Prop() disableAllItems: boolean = false;\n @Prop() expandAllItems: boolean = false;\n @Prop() ariaLabel: string \| null;\n\n @Event() ifxTreeViewExpandAllChange: EventEmitter<boolean>;\n @Event() ifxTreeViewDisableAllChange: EventEmitter<boolean>;\n\n @Watch('expandAllItems')\n handleExpandAllItemsChange(newValue: boolean) {\n this.ifxTreeViewExpandAllChange.emit(newValue);\n }\n\n @Watch('disableAllItems')\n handleDisableAllItemsChange(newValue: boolean) {\n this.ifxTreeViewDisableAllChange.emit(newValue);\n }\n\n private handleSlotRef = (el: HTMLSlotElement \| null) => {\n if (el) {\n if (this.disableAllItems) {\n el.setAttribute('data-disable-all-items', 'true');\n } else {\n el.removeAttribute('data-disable-all-items');\n }\n if (this.expandAllItems) {\n el.setAttribute('data-expand-all-items', 'true');\n } else {\n el.removeAttribute('data-expand-all-items');\n }\n }\n };\n\n async componentDidLoad() { \n if(!isNestedInIfxComponent(this.el)) { \n const framework = detectFramework();\n trackComponent('ifx-tree-view', await framework)\n }\n }\n\n render() {\n return (\n <div\n class={`tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`}\n role=\"tree\"\n aria-label={this.ariaLabel}\n >\n {this.label && this.label.trim() !== '' && <div class=\"tree-view__label\">{this.label}</div>}\n <slot ref={this.handleSlotRef}></slot>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"ifx-tree-view.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,ySAAyS;;MCUhT,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AALrB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;AAQU,QAAA,IAAe,CAAA,eAAA,GAAY,KAAK;AAChC,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AAgB/B,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,EAA0B,KAAI;YACrD,IAAI,EAAE,EAAE;AACN,gBAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,oBAAA,EAAE,CAAC,YAAY,CAAC,wBAAwB,EAAE,MAAM,CAAC;;qBAC5C;AACL,oBAAA,EAAE,CAAC,eAAe,CAAC,wBAAwB,CAAC;;AAE9C,gBAAA,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,oBAAA,EAAE,CAAC,YAAY,CAAC,uBAAuB,EAAE,MAAM,CAAC;;qBAC3C;AACL,oBAAA,EAAE,CAAC,eAAe,CAAC,uBAAuB,CAAC;;;AAGjD,SAAC;AAqBF;AA3CC,IAAA,0BAA0B,CAAC,QAAiB,EAAA;AAC1C,QAAA,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAIhD,IAAA,2BAA2B,CAAC,QAAiB,EAAA;AAC3C,QAAA,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAkBjD,IAAA,MAAM,gBAAgB,GAAA;QACpB,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACnC,YAAA,MAAM,SAAS,GAAG,eAAe,EAAE;AACnC,YAAA,cAAc,CAAC,eAAe,EAAE,MAAM,SAAS,CAAC;;;IAIpD,MAAM,GAAA;AACJ,QAAA,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAa,UAAA,EAAA,IAAI,CAAC,eAAe,GAAG,sBAAsB,GAAG,EAAE,CAAA,CAAE,EACxE,IAAI,EAAC,MAAM,EAAA,YAAA,EACC,IAAI,CAAC,SAAS,EAAA,EAEzB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,EAC3F,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,aAAa,EAAS,CAAA,CAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/tree-view/tree-view.scss?tag=ifx-tree-view&encapsulation=shadow","src/components/tree-view/tree-view.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: block;\n}\n\n.tree-view {\n font-family: var(--ifx-font-family, sans-serif);\n font-size: 14px;\n color: var(--ifx-color-text, #1a1a1a);\n\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n overflow-x: auto;\n overflow-y: hidden;\n\n &__label {\n font: tokens.$ifxHeadingHeading06;\n margin-bottom: tokens.$ifxSpace100;\n }\n}\n","import { Component, h, Prop, Event, EventEmitter, Watch, Element } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n tag: 'ifx-tree-view',\n styleUrl: 'tree-view.scss',\n shadow: true,\n})\nexport class TreeView {\n @Element() el: HTMLElement;\n @Prop() label?: string;\n @Prop() disableAllItems: boolean = false;\n @Prop() expandAllItems: boolean = false;\n @Prop() ariaLabel: string \| null;\n\n @Event() ifxTreeViewExpandAllChange: EventEmitter<boolean>;\n @Event() ifxTreeViewDisableAllChange: EventEmitter<boolean>;\n\n @Watch('expandAllItems')\n handleExpandAllItemsChange(newValue: boolean) {\n this.ifxTreeViewExpandAllChange.emit(newValue);\n }\n\n @Watch('disableAllItems')\n handleDisableAllItemsChange(newValue: boolean) {\n this.ifxTreeViewDisableAllChange.emit(newValue);\n }\n\n private handleSlotRef = (el: HTMLSlotElement \| null) => {\n if (el) {\n if (this.disableAllItems) {\n el.setAttribute('data-disable-all-items', 'true');\n } else {\n el.removeAttribute('data-disable-all-items');\n }\n if (this.expandAllItems) {\n el.setAttribute('data-expand-all-items', 'true');\n } else {\n el.removeAttribute('data-expand-all-items');\n }\n }\n };\n\n async componentDidLoad() { \n if(!isNestedInIfxComponent(this.el)) { \n const framework = detectFramework();\n trackComponent('ifx-tree-view', await framework)\n }\n }\n\n render() {\n return (\n <div\n class={`tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`}\n role=\"tree\"\n aria-label={this.ariaLabel}\n >\n {this.label && this.label.trim() !== '' && <div class=\"tree-view__label\">{this.label}</div>}\n <slot ref={this.handleSlotRef}></slot>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/index.js CHANGED Viewed

@@ -4,7 +4,7 @@ const NAMESPACE = 'infineon-design-system-stencil';
 const BUILD = /* infineon-design-system-stencil */ { hydratedSelectorName: "hydrated", lazyLoad: false, shadowDom: true, slotRelocation: true, updatable: true};
 /*
- Stencil Client Platform v4.36.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.38.2 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -28,7 +28,8 @@ var registerHost = (hostElement, cmpMeta) => {
     $flags$: 0,
     $hostElement$: hostElement,
     $cmpMeta$: cmpMeta,
-    $instanceValues$: /* @__PURE__ */ new Map()
+    $instanceValues$: /* @__PURE__ */ new Map(),
+    $serializerValues$: /* @__PURE__ */ new Map()
   };
   {
     hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
@@ -46,6 +47,12 @@ var consoleError = (e, el) => (0, console.error)(e, el);
 var styles = /* @__PURE__ */ new Map();
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
+var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
+  "formAssociatedCallback",
+  "formResetCallback",
+  "formDisabledCallback",
+  "formStateRestoreCallback"
+];
 var win = typeof window !== "undefined" ? window : {};
 var H = win.HTMLElement || class {
 };
@@ -602,15 +609,11 @@ createSupportsRuleRe("::slotted");
 createSupportsRuleRe(":host");
 createSupportsRuleRe(":host-context");
 var parsePropertyValue = (propValue, propType, isFormAssociated) => {
-  if (typeof propValue === "string" && (propType & 16 /* Unknown */ || propType & 8 /* Any */) && (propValue.startsWith("{") && propValue.endsWith("}") || propValue.startsWith("[") && propValue.endsWith("]"))) {
-    try {
-      return JSON.parse(propValue);
-    } catch (e) {
-    }
-  }
   if (propValue != null && !isComplexType(propValue)) {
     if (propType & 4 /* Boolean */) {
-      {
+      if (isFormAssociated && typeof propValue === "string") {
+        return propValue === "" || !!propValue;
+      } else {
         return propValue === "false" ? false : propValue === "" || !!propValue;
       }
     }
@@ -1159,9 +1162,11 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   hostTagName = hostElm.tagName;
   if (cmpMeta.$attrsToReflect$) {
     rootVnode.$attrs$ = rootVnode.$attrs$ || {};
-    cmpMeta.$attrsToReflect$.map(
-      ([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]
-    );
+    cmpMeta.$attrsToReflect$.forEach(([propName, attribute]) => {
+      {
+        rootVnode.$attrs$[attribute] = hostElm[propName];
+      }
+    });
   }
   if (isInitialLoad && rootVnode.$attrs$) {
     for (const key of Object.keys(rootVnode.$attrs$)) {
@@ -1420,7 +1425,9 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   const instance = elm;
   newVal = parsePropertyValue(
     newVal,
-    cmpMeta.$members$[propName][0]);
+    cmpMeta.$members$[propName][0],
+    !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+  );
   const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
   const didValueChange = newVal !== oldVal && !areBothNaN;
   if (didValueChange) {
@@ -1454,9 +1461,38 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
-  if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
-    if (Cstr.watchers && !cmpMeta.$watchers$) {
-      cmpMeta.$watchers$ = Cstr.watchers;
+  if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
+    FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
+      const originalFormAssociatedCallback = prototype[cbName];
+      Object.defineProperty(prototype, cbName, {
+        value(...args) {
+          var _a2;
+          const hostRef = getHostRef(this);
+          const instance = this;
+          if (!instance) {
+            (_a2 = hostRef == null ? void 0 : hostRef.$onReadyPromise$) == null ? void 0 : _a2.then((asyncInstance) => {
+              const cb = asyncInstance[cbName];
+              typeof cb === "function" && cb.call(asyncInstance, ...args);
+            });
+          } else {
+            const cb = originalFormAssociatedCallback;
+            typeof cb === "function" && cb.call(instance, ...args);
+          }
+        }
+      });
+    });
+  }
+  {
+    {
+      if (Cstr.watchers && !cmpMeta.$watchers$) {
+        cmpMeta.$watchers$ = Cstr.watchers;
+      }
+      if (Cstr.deserializers && !cmpMeta.$deserializers$) {
+        cmpMeta.$deserializers$ = Cstr.deserializers;
+      }
+      if (Cstr.serializers && !cmpMeta.$serializers$) {
+        cmpMeta.$serializers$ = Cstr.serializers;
+      }
     }
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
@@ -1485,13 +1521,13 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
                 newValue = ref.$instanceValues$.get(memberName);
-              } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
-                ref.$instanceValues$.set(memberName, currentValue);
               }
               origSetter.apply(this, [
                 parsePropertyValue(
                   newValue,
-                  memberFlags)
+                  memberFlags,
+                  !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+                )
               ]);
               newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               setValue(this, memberName, newValue, cmpMeta);
@@ -1511,11 +1547,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         plt.jmp(() => {
           var _a2;
           const propName = attrNameToPropName.get(attrName);
-          if (this.hasOwnProperty(propName) && BUILD.lazyLoad) ; else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
+          const hostRef = getHostRef(this);
+          if (this.hasOwnProperty(propName) && BUILD.lazyLoad) ;
+          if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
           this[propName] == newValue) {
             return;
           } else if (propName == null) {
-            const hostRef = getHostRef(this);
             const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
             if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
               const elm = this;
@@ -1529,9 +1566,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             }
             return;
           }
+          const propFlags = members.find(([m]) => m === propName);
+          if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
+            newValue = newValue === null || newValue === "false" ? false : true;
+          }
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-          newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
-          if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
+          if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
         });
@@ -1617,16 +1657,14 @@ var connectedCallback = (elm) => {
       }
       if (cmpMeta.$members$) {
         Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
-          if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {
+          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
             const value = elm[memberName];
             delete elm[memberName];
             elm[memberName] = value;
           }
         });
       }
-      if (BUILD.initializeNextTick) {
-        nextTick(() => initializeComponent(elm, hostRef, cmpMeta));
-      } else {
+      {
         initializeComponent(elm, hostRef, cmpMeta);
       }
     } else {
@@ -1678,6 +1716,8 @@ var proxyCustomElement = (Cstr, compactMeta) => {
   }
   {
     cmpMeta.$watchers$ = Cstr.$watchers$;
+    cmpMeta.$deserializers$ = Cstr.$deserializers$;
+    cmpMeta.$serializers$ = Cstr.$serializers$;
   }
   {
     cmpMeta.$attrsToReflect$ = [];
@@ -1731,7 +1771,7 @@ var proxyCustomElement = (Cstr, compactMeta) => {
     }
   });
   Cstr.is = cmpMeta.$tagName$;
-  return proxyComponent(Cstr, cmpMeta);
+  return proxyComponent(Cstr, cmpMeta, 1 /* isElementConstructor */ | 2 /* proxyState */);
 };
 // src/runtime/fragment.ts