npm - @infineon/infineon-design-system-stencil - Versions diffs - 39.4.4--canary.1723.b2cb04cb46890b174f47cfd446a0e20dc3cee6fc.0 → 39.4.4-canary.0 - Mend

@infineon/infineon-design-system-stencil 39.4.4--canary.1723.b2cb04cb46890b174f47cfd446a0e20dc3cee6fc.0 → 39.4.4-canary.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 (1205) hide show

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

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

package/dist/cjs/ifx-tree-view.cjs.entry.js CHANGED Viewed

@@ -43,7 +43,7 @@ const TreeView = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'd8339646d8f0aab7afd0a0c75423b03106c5eb1f', class: `tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`, role: "tree", "aria-label": this.ariaLabel }, this.label && this.label.trim() !== '' && index.h("div", { key: '010f9c98e9c17b4d6be10d886dce7738dc094a55', class: "tree-view__label" }, this.label), index.h("slot", { key: 'd09ddb739ede79d1b22ec390510444783cc2e8fc', ref: this.handleSlotRef })));
+        return (index.h("div", { key: 'aba162fba2a38dd4db22ed431781a043df9164d3', class: `tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`, role: "tree", "aria-label": this.ariaLabel }, this.label && this.label.trim() !== '' && index.h("div", { key: '4c145a78864804bf55c39961e6171658b822f8df', class: "tree-view__label" }, this.label), index.h("slot", { key: '9597e6f0faacbca5b3f2d63b643c7cd8e95eb75d', ref: this.handleSlotRef })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

	@@ -1 +1 @@
1	- {"file":"ifx-tree-view.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,ySAAyS;;MCUhT,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,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,CAACA,+BAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACnC,YAAA,MAAM,SAAS,GAAGC,kCAAe,EAAE;AACnC,YAAAC,iCAAc,CAAC,eAAe,EAAE,MAAM,SAAS,CAAC;;;IAIpD,MAAM,GAAA;AACJ,QAAA,QACEC,OACE,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,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,EAC3FA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,aAAa,EAAS,CAAA,CAClC;;;;;;;;;;;;","names":["isNestedInIfxComponent","detectFramework","trackComponent","h"],"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.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,ySAAyS;;MCUhT,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,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,CAACA,+BAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACnC,YAAA,MAAM,SAAS,GAAGC,kCAAe,EAAE;AACnC,YAAAC,iCAAc,CAAC,eAAe,EAAE,MAAM,SAAS,CAAC;;;IAIpD,MAAM,GAAA;AACJ,QAAA,QACEC,OACE,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,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,EAC3FA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,aAAa,EAAS,CAAA,CAClC;;;;;;;;;;;;","names":["isNestedInIfxComponent","detectFramework","trackComponent","h"],"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\";\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n.tree-view {\r\n font-family: var(--ifx-font-family, sans-serif);\r\n font-size: 14px;\r\n color: var(--ifx-color-text, #1a1a1a);\r\n\r\n display: flex;\r\n flex-wrap: wrap;\r\n flex-direction: column;\r\n overflow-x: auto;\r\n overflow-y: hidden;\r\n\r\n &__label {\r\n font: tokens.$ifxHeadingHeading06;\r\n margin-bottom: tokens.$ifxSpace100;\r\n }\r\n}\r\n","import { Component, h, Prop, Event, EventEmitter, Watch, Element } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component({\r\n tag: 'ifx-tree-view',\r\n styleUrl: 'tree-view.scss',\r\n shadow: true,\r\n})\r\nexport class TreeView {\r\n @Element() el: HTMLElement;\r\n @Prop() label?: string;\r\n @Prop() disableAllItems: boolean = false;\r\n @Prop() expandAllItems: boolean = false;\r\n @Prop() ariaLabel: string \| null;\r\n\r\n @Event() ifxTreeViewExpandAllChange: EventEmitter<boolean>;\r\n @Event() ifxTreeViewDisableAllChange: EventEmitter<boolean>;\r\n\r\n @Watch('expandAllItems')\r\n handleExpandAllItemsChange(newValue: boolean) {\r\n this.ifxTreeViewExpandAllChange.emit(newValue);\r\n }\r\n\r\n @Watch('disableAllItems')\r\n handleDisableAllItemsChange(newValue: boolean) {\r\n this.ifxTreeViewDisableAllChange.emit(newValue);\r\n }\r\n\r\n private handleSlotRef = (el: HTMLSlotElement \| null) => {\r\n if (el) {\r\n if (this.disableAllItems) {\r\n el.setAttribute('data-disable-all-items', 'true');\r\n } else {\r\n el.removeAttribute('data-disable-all-items');\r\n }\r\n if (this.expandAllItems) {\r\n el.setAttribute('data-expand-all-items', 'true');\r\n } else {\r\n el.removeAttribute('data-expand-all-items');\r\n }\r\n }\r\n };\r\n\r\n async componentDidLoad() { \r\n if(!isNestedInIfxComponent(this.el)) { \r\n const framework = detectFramework();\r\n trackComponent('ifx-tree-view', await framework)\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div\r\n class={`tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`}\r\n role=\"tree\"\r\n aria-label={this.ariaLabel}\r\n >\r\n {this.label && this.label.trim() !== '' && <div class=\"tree-view__label\">{this.label}</div>}\r\n <slot ref={this.handleSlotRef}></slot>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ifx-tree-view.entry.cjs.js","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"],"names":["isNestedInIfxComponent","detectFramework","trackComponent","h"],"mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,ySAAyS;;MCUhT,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,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,CAACA,+BAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACnC,YAAA,MAAM,SAAS,GAAGC,kCAAe,EAAE;AACnC,YAAAC,iCAAc,CAAC,eAAe,EAAE,MAAM,SAAS,CAAC;;;IAIpD,MAAM,GAAA;AACJ,QAAA,QACEC,OACE,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,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,EAC3FA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,aAAa,EAAS,CAAA,CAClC;;;;;;;;;;;;"}
1	+ {"version":3,"file":"ifx-tree-view.entry.cjs.js","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\";\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n.tree-view {\r\n font-family: var(--ifx-font-family, sans-serif);\r\n font-size: 14px;\r\n color: var(--ifx-color-text, #1a1a1a);\r\n\r\n display: flex;\r\n flex-wrap: wrap;\r\n flex-direction: column;\r\n overflow-x: auto;\r\n overflow-y: hidden;\r\n\r\n &__label {\r\n font: tokens.$ifxHeadingHeading06;\r\n margin-bottom: tokens.$ifxSpace100;\r\n }\r\n}\r\n","import { Component, h, Prop, Event, EventEmitter, Watch, Element } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component({\r\n tag: 'ifx-tree-view',\r\n styleUrl: 'tree-view.scss',\r\n shadow: true,\r\n})\r\nexport class TreeView {\r\n @Element() el: HTMLElement;\r\n @Prop() label?: string;\r\n @Prop() disableAllItems: boolean = false;\r\n @Prop() expandAllItems: boolean = false;\r\n @Prop() ariaLabel: string \| null;\r\n\r\n @Event() ifxTreeViewExpandAllChange: EventEmitter<boolean>;\r\n @Event() ifxTreeViewDisableAllChange: EventEmitter<boolean>;\r\n\r\n @Watch('expandAllItems')\r\n handleExpandAllItemsChange(newValue: boolean) {\r\n this.ifxTreeViewExpandAllChange.emit(newValue);\r\n }\r\n\r\n @Watch('disableAllItems')\r\n handleDisableAllItemsChange(newValue: boolean) {\r\n this.ifxTreeViewDisableAllChange.emit(newValue);\r\n }\r\n\r\n private handleSlotRef = (el: HTMLSlotElement \| null) => {\r\n if (el) {\r\n if (this.disableAllItems) {\r\n el.setAttribute('data-disable-all-items', 'true');\r\n } else {\r\n el.removeAttribute('data-disable-all-items');\r\n }\r\n if (this.expandAllItems) {\r\n el.setAttribute('data-expand-all-items', 'true');\r\n } else {\r\n el.removeAttribute('data-expand-all-items');\r\n }\r\n }\r\n };\r\n\r\n async componentDidLoad() { \r\n if(!isNestedInIfxComponent(this.el)) { \r\n const framework = detectFramework();\r\n trackComponent('ifx-tree-view', await framework)\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div\r\n class={`tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`}\r\n role=\"tree\"\r\n aria-label={this.ariaLabel}\r\n >\r\n {this.label && this.label.trim() !== '' && <div class=\"tree-view__label\">{this.label}</div>}\r\n <slot ref={this.handleSlotRef}></slot>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":["isNestedInIfxComponent","detectFramework","trackComponent","h"],"mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,ySAAyS;;MCUhT,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,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,CAACA,+BAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACnC,YAAA,MAAM,SAAS,GAAGC,kCAAe,EAAE;AACnC,YAAAC,iCAAc,CAAC,eAAe,EAAE,MAAM,SAAS,CAAC;;;IAIpD,MAAM,GAAA;AACJ,QAAA,QACEC,OACE,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,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,EAC3FA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,aAAa,EAAS,CAAA,CAClC;;;;;;;;;;;;"}

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -1,8 +1,13 @@
 {
   "entries": [
+    "components/action-list/action-list-item.js",
+    "components/content-switcher/content-switcher.js",
+    "components/dropdown/dropdown.js",
+    "components/notification/notification.js",
+    "components/search-field/search-field.js",
+    "components/tree-view/tree-view-item.js",
     "components/accordion/accordion.js",
     "components/accordion/accordionItem.js",
-    "components/action-list/action-list-item.js",
     "components/action-list/action-list.js",
     "components/alert/alert.js",
     "components/breadcrumb/breadcrumb-item-label.js",
@@ -22,10 +27,8 @@
     "components/chip/chip.js",
     "components/chip/chip-item/chip-item.js",
     "components/content-switcher/content-switcher-item.js",
-    "components/content-switcher/content-switcher.js",
     "components/date-picker/date-picker.js",
     "components/download/download.js",
-    "components/dropdown/dropdown.js",
     "components/dropdown/dropdown-header/dropdown-header.js",
     "components/dropdown/dropdown-seperator/dropdown-separator.js",
     "components/dropdown/dropdown-trigger/dropdown-trigger.js",
@@ -45,14 +48,12 @@
     "components/navigation/sidebar/sidebar-item.js",
     "components/navigation/sidebar/sidebar-title.js",
     "components/navigation/sidebar/sidebar.js",
-    "components/notification/notification.js",
     "components/overview-table/overview-table.js",
     "components/pagination/pagination.js",
     "components/progress-bar/progress-bar.js",
     "components/radio-button/radio-button.js",
     "components/radio-button-group/radio-button-group.js",
     "components/search-bar/search-bar.js",
-    "components/search-field/search-field.js",
     "components/segmented-control/segmented-control.js",
     "components/segmented-control/segment/segment.js",
     "components/select/multi-select/multiselect-option.js",
@@ -80,7 +81,6 @@
     "components/text-field/text-field.js",
     "components/textarea/textarea.js",
     "components/tooltip/tooltip.js",
-    "components/tree-view/tree-view-item.js",
     "components/tree-view/tree-view.js",
     "stories/setup-and-installation/faq/faq.js"
   ],

package/dist/collection/components/accordion/accordion.js CHANGED Viewed

@@ -24,7 +24,7 @@ export class Accordion {
         }
     }
     render() {
-        return (h("div", { key: '903cc44b4886b77e59e66ab2a5cdf681dafeb9bc', class: "accordion-wrapper" }, h("slot", { key: 'e0abec42188606e8c80fc3db44fba19a7aa69ed8' })));
+        return (h("div", { key: '9e32f92c7a61c58a537e033e48c57770c4fa60d4', class: "accordion-wrapper" }, h("slot", { key: 'ec234435886b3271ce2f2712f3e3f54fa3dca8ff' })));
     }
     static get is() { return "ifx-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/accordion/accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAOzE,MAAM,OAAO,SAAS;IALtB;QAOU,iBAAY,GAAY,KAAK,CAAC;KA6BvC;IA3BC,KAAK,CAAC,gBAAgB;QACpB,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;YACpC,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;YACpC,cAAc,CAAC,eAAe,EAAE,MAAM,SAAS,CAAC,CAAA;QAClD,CAAC;IACH,CAAC;IAGD,KAAK,CAAC,UAAU,CAAC,KAAkB;QACjC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC;YACzE,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACzB,MAAM,WAAW,GAAG,IAAmC,CAAC;gBACxD,IAAI,WAAW,KAAK,KAAK,CAAC,MAAM,IAAI,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC7D,WAAW,CAAC,IAAI,GAAG,KAAK,CAAC;gBAC3B,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,mBAAmB;YAC5B,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Listen, Element, Prop } 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-accordion',\n styleUrl: 'accordion.scss',\n shadow: { delegatesFocus: true },\n})\nexport class Accordion {\n @Element() el: HTMLElement;\n @Prop() autoCollapse: boolean = false;\n\n async componentDidLoad() { \n if(!isNestedInIfxComponent(this.el)) { \n const framework = detectFramework();\n trackComponent('ifx-accordion', await framework)\n }\n }\n\n @Listen('ifxOpen')\n async onItemOpen(event: CustomEvent) {\n if (this.autoCollapse) {\n const items = Array.from(this.el.querySelectorAll('ifx-accordion-item'));\n for (const item of items) {\n const itemElement = item as HTMLIfxAccordionItemElement;\n if (itemElement !== event.target && (await itemElement.open)) {\n itemElement.open = false;\n }\n }\n }\n }\n\n render() {\n return (\n <div class=\"accordion-wrapper\">\n <slot />\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAOzE,MAAM,OAAO,SAAS;IALtB;QAOU,iBAAY,GAAY,KAAK,CAAC;KA6BvC;IA3BC,KAAK,CAAC,gBAAgB;QACpB,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;YACpC,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;YACpC,cAAc,CAAC,eAAe,EAAE,MAAM,SAAS,CAAC,CAAA;QAClD,CAAC;IACH,CAAC;IAGD,KAAK,CAAC,UAAU,CAAC,KAAkB;QACjC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC;YACzE,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACzB,MAAM,WAAW,GAAG,IAAmC,CAAC;gBACxD,IAAI,WAAW,KAAK,KAAK,CAAC,MAAM,IAAI,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC7D,WAAW,CAAC,IAAI,GAAG,KAAK,CAAC;gBAC3B,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,mBAAmB;YAC5B,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Listen, Element, Prop } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component({\r\n tag: 'ifx-accordion',\r\n styleUrl: 'accordion.scss',\r\n shadow: { delegatesFocus: true },\r\n})\r\nexport class Accordion {\r\n @Element() el: HTMLElement;\r\n @Prop() autoCollapse: boolean = false;\r\n\r\n async componentDidLoad() { \r\n if(!isNestedInIfxComponent(this.el)) { \r\n const framework = detectFramework();\r\n trackComponent('ifx-accordion', await framework)\r\n }\r\n }\r\n\r\n @Listen('ifxOpen')\r\n async onItemOpen(event: CustomEvent) {\r\n if (this.autoCollapse) {\r\n const items = Array.from(this.el.querySelectorAll('ifx-accordion-item'));\r\n for (const item of items) {\r\n const itemElement = item as HTMLIfxAccordionItemElement;\r\n if (itemElement !== event.target && (await itemElement.open)) {\r\n itemElement.open = false;\r\n }\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"accordion-wrapper\">\r\n <slot />\r\n </div>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/accordion/accordion.stories.js CHANGED Viewed

@@ -64,9 +64,9 @@ export default {
                 category: 'custom events',
                 type: {
                     summary: 'Framework integration',
-                    detail: `React: onIfxOpen={handleOpen}
-            Vue: @ifxOpen="handleOpen"
-            Angular: (ifxOpen)="handleOpen()"
+                    detail: `React: onIfxOpen={handleOpen}
+            Vue: @ifxOpen="handleOpen"
+            Angular: (ifxOpen)="handleOpen()"
             VanillaJs: .addEventListener("ifxOpen", (event) => {/*handle open*/});`
                 }
             },
@@ -78,9 +78,9 @@ export default {
                 category: 'custom events',
                 type: {
                     summary: 'Framework integration',
-                    detail: `React: onIfxClose={handleClose}
-          Vue: @ifxClose="handleClose"
-          Angular: (ifxClose)="handleClose()"
+                    detail: `React: onIfxClose={handleClose}
+          Vue: @ifxClose="handleClose"
+          Angular: (ifxClose)="handleClose()"
           VanillaJs: .addEventListener("ifxClose", (event) => {/*handle close*/});`
                 }
             },
@@ -96,10 +96,10 @@ const Template = args => {
     initialItem.setAttribute('mutable', args.mutable);
     initialItem.addEventListener('ifxOpen', action('ifxOpen'));
     initialItem.addEventListener('ifxClose', action('ifxClose'));
-    initialItem.innerHTML = `
-  Content for Initial Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
+    initialItem.innerHTML = `
+  Content for Initial Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
 `;
     initialItem.setAttribute('caption', `Label`);
     accordionElement.append(initialItem);
@@ -110,10 +110,10 @@ const Template = args => {
         item.setAttribute('open', `false`);
         item.setAttribute('aria-level', args.AriaLevel);
         item.setAttribute('mutable', args.mutable);
-        item.innerHTML = `
-        Content for Item #${i + 1}. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
+        item.innerHTML = `
+        Content for Item #${i + 1}. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
     `;
         item.addEventListener('ifxOpen', action('ifxOpen'));
         item.addEventListener('ifxClose', action('ifxClose'));

package/dist/collection/components/accordion/accordion.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"accordion.stories.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\n\nexport default {\n title: 'Components/Accordion',\n component: 'ifx-accordion',\n //tags: ['autodocs'],\n\n args: {\n amountOfItems: 3,\n AriaLevel: 3,\n autoCollapse: false,\n },\n\n argTypes: {\n amountOfItems: { \n control: 'number', \n name: 'Amount of Items',\n description: 'Control the number of <ifx-accordion-item>.',\n table: {\n category: 'story controls',\n type: {\n summary: 'number'\n }\n }\n },\n AriaLevel: {\n control: 'number', \n min: 1, \n max: 6, \n description: 'The aria-level attribute for the accordion item header.',\n table: {\n defaultValue: {summary: '3'},\n category: 'ifx-accordion-item props',\n type: {\n summary: 'number'\n }\n } \n }, \n mutable: {\n control: 'boolean',\n description: 'Set the mutable attribute to allow or not allow the accordion item to be opened and closed.',\n table: {\n category: 'ifx-accordion-item props',\n defaultValue: {summary: 'true'},\n type: {\n summary: 'boolean'\n }\n }\n },\n autoCollapse: {\n control: 'boolean',\n description: 'Collapse the other items when one item is opened.',\n table: {\n category: 'ifx-accordion props',\n defaultValue: { \n summary: 'false' \n },\n type: {\n summary: 'boolean'\n }\n }\n },\n ifxOpen: { \n action: 'ifxOpen',\n description: 'Event emitted when an accordion item is opened.',\n table: {\n category: 'custom events',\n type: {\n summary: 'Framework integration',\n detail:`React: onIfxOpen={handleOpen}\n Vue: @ifxOpen=\"handleOpen\"\n Angular: (ifxOpen)=\"handleOpen()\"\n VanillaJs: .addEventListener(\"ifxOpen\", (event) => {/handle open/});`\n }\n },\n },\n ifxClose: { \n action: 'ifxClose',\n description: 'Event emitted when an accordion item is closed.',\n table: {\n category: 'custom events',\n type: {\n summary: 'Framework integration',\n detail: \n `React: onIfxClose={handleClose}\n Vue: @ifxClose=\"handleClose\"\n Angular: (ifxClose)=\"handleClose()\"\n VanillaJs: .addEventListener(\"ifxClose\", (event) => {/handle close/});`\n }\n },\n }\n },\n};\n\nconst Template = args => {\n const accordionElement = document.createElement('ifx-accordion');\n const initialItem = document.createElement('ifx-accordion-item');\n initialItem.setAttribute('caption', `Label`);\n initialItem.setAttribute('open', `true`);\n initialItem.setAttribute('aria-level', args.AriaLevel);\n initialItem.setAttribute('mutable', args.mutable);\n initialItem.addEventListener('ifxOpen', action('ifxOpen'));\n initialItem.addEventListener('ifxClose', action('ifxClose'));\n\n initialItem.innerHTML = `\n Content for Initial Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\n`;\ninitialItem.setAttribute('caption', `Label`);\n\n accordionElement.append(initialItem);\n\n accordionElement.setAttribute('auto-collapse', args.autoCollapse);\n for (let i = 1; i < args.amountOfItems; i++) {\n const item = document.createElement('ifx-accordion-item');\n item.setAttribute('caption', `Label`);\n item.setAttribute('open', `false`);\n item.setAttribute('aria-level', args.AriaLevel);\n item.setAttribute('mutable', args.mutable);\n\n item.innerHTML = `\n Content for Item #${\n i + 1\n }. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\n `;\n item.addEventListener('ifxOpen', action('ifxOpen'));\n item.addEventListener('ifxClose', action('ifxClose'));\n\n accordionElement.append(item);\n }\n\n return accordionElement;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n amountOfItems: 3,\n mutable: true,\n};\n"]}
1	+ {"version":3,"file":"accordion.stories.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\r\n\r\nexport default {\r\n title: 'Components/Accordion',\r\n component: 'ifx-accordion',\r\n //tags: ['autodocs'],\r\n\r\n args: {\r\n amountOfItems: 3,\r\n AriaLevel: 3,\r\n autoCollapse: false,\r\n },\r\n\r\n argTypes: {\r\n amountOfItems: { \r\n control: 'number', \r\n name: 'Amount of Items',\r\n description: 'Control the number of <ifx-accordion-item>.',\r\n table: {\r\n category: 'story controls',\r\n type: {\r\n summary: 'number'\r\n }\r\n }\r\n },\r\n AriaLevel: {\r\n control: 'number', \r\n min: 1, \r\n max: 6, \r\n description: 'The aria-level attribute for the accordion item header.',\r\n table: {\r\n defaultValue: {summary: '3'},\r\n category: 'ifx-accordion-item props',\r\n type: {\r\n summary: 'number'\r\n }\r\n } \r\n }, \r\n mutable: {\r\n control: 'boolean',\r\n description: 'Set the mutable attribute to allow or not allow the accordion item to be opened and closed.',\r\n table: {\r\n category: 'ifx-accordion-item props',\r\n defaultValue: {summary: 'true'},\r\n type: {\r\n summary: 'boolean'\r\n }\r\n }\r\n },\r\n autoCollapse: {\r\n control: 'boolean',\r\n description: 'Collapse the other items when one item is opened.',\r\n table: {\r\n category: 'ifx-accordion props',\r\n defaultValue: { \r\n summary: 'false' \r\n },\r\n type: {\r\n summary: 'boolean'\r\n }\r\n }\r\n },\r\n ifxOpen: { \r\n action: 'ifxOpen',\r\n description: 'Event emitted when an accordion item is opened.',\r\n table: {\r\n category: 'custom events',\r\n type: {\r\n summary: 'Framework integration',\r\n detail:`React: onIfxOpen={handleOpen}\r\n Vue: @ifxOpen=\"handleOpen\"\r\n Angular: (ifxOpen)=\"handleOpen()\"\r\n VanillaJs: .addEventListener(\"ifxOpen\", (event) => {/handle open/});`\r\n }\r\n },\r\n },\r\n ifxClose: { \r\n action: 'ifxClose',\r\n description: 'Event emitted when an accordion item is closed.',\r\n table: {\r\n category: 'custom events',\r\n type: {\r\n summary: 'Framework integration',\r\n detail: \r\n `React: onIfxClose={handleClose}\r\n Vue: @ifxClose=\"handleClose\"\r\n Angular: (ifxClose)=\"handleClose()\"\r\n VanillaJs: .addEventListener(\"ifxClose\", (event) => {/handle close/});`\r\n }\r\n },\r\n }\r\n },\r\n};\r\n\r\nconst Template = args => {\r\n const accordionElement = document.createElement('ifx-accordion');\r\n const initialItem = document.createElement('ifx-accordion-item');\r\n initialItem.setAttribute('caption', `Label`);\r\n initialItem.setAttribute('open', `true`);\r\n initialItem.setAttribute('aria-level', args.AriaLevel);\r\n initialItem.setAttribute('mutable', args.mutable);\r\n initialItem.addEventListener('ifxOpen', action('ifxOpen'));\r\n initialItem.addEventListener('ifxClose', action('ifxClose'));\r\n\r\n initialItem.innerHTML = `\r\n Content for Initial Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\r\n`;\r\ninitialItem.setAttribute('caption', `Label`);\r\n\r\n accordionElement.append(initialItem);\r\n\r\n accordionElement.setAttribute('auto-collapse', args.autoCollapse);\r\n for (let i = 1; i < args.amountOfItems; i++) {\r\n const item = document.createElement('ifx-accordion-item');\r\n item.setAttribute('caption', `Label`);\r\n item.setAttribute('open', `false`);\r\n item.setAttribute('aria-level', args.AriaLevel);\r\n item.setAttribute('mutable', args.mutable);\r\n\r\n item.innerHTML = `\r\n Content for Item #${\r\n i + 1\r\n }. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\r\n `;\r\n item.addEventListener('ifxOpen', action('ifxOpen'));\r\n item.addEventListener('ifxClose', action('ifxClose'));\r\n\r\n accordionElement.append(item);\r\n }\r\n\r\n return accordionElement;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n amountOfItems: 3,\r\n mutable: true,\r\n};\r\n"]}

package/dist/collection/components/accordion/accordionItem.js CHANGED Viewed

@@ -84,7 +84,7 @@ export class AccordionItem {
         }
     }
     render() {
-        return (h("div", { key: '1317347110a9c74932695b8ffff8ca31d3c8e6c3', class: `accordion-item ${this.internalOpen ? 'open' : ''}` }, h("div", { key: 'ad5d46e476f76ac121239c15904a4884a6ba4cc5', role: "button", "aria-expanded": this.internalOpen, "aria-controls": "accordion-content", class: "accordion-title", onClick: () => this.toggleOpen(), tabindex: "0", ref: el => (this.titleEl = el) }, h("span", { key: '924e061fd270701a7c78433a56fcd70a40dfe7f5', "aria-hidden": "true", role: "heading", "aria-level": String(this.AriaLevel), class: "accordion-icon" }, h("ifx-icon", { key: '40cee40a058eb576d0ef5482f6f7f0adb47a5f4e', icon: "chevron-down-16" })), h("span", { key: '37715ae9f3621954f081bec3d4e861d1dd60847b', id: "accordion-caption", class: "accordion-caption" }, this.caption)), h("div", { key: '32c1186d1f4dd1a5a09842224cbfe3d648cc7fac', id: "accordion-content", class: "accordion-content", ref: el => (this.contentEl = el), role: "region", "aria-labelledby": "accordion-caption" }, h("div", { key: '35618fea4d36844fbad5aed1c07dc2e7378a1d4e', class: "inner-content" }, h("slot", { key: 'eaa5cdaffd9381f8b05b202f6213d8304fbf7cbb' })))));
+        return (h("div", { key: '8e4ee04a7a8fa3dbea906d43a1be6064e4c208a6', class: `accordion-item ${this.internalOpen ? 'open' : ''}` }, h("div", { key: '109998fb112b8206eb8a28a6ef479e40e317e92c', role: "button", "aria-expanded": this.internalOpen, "aria-controls": "accordion-content", class: "accordion-title", onClick: () => this.toggleOpen(), tabindex: "0", ref: el => (this.titleEl = el) }, h("span", { key: '4936b00dd6203f5856e68ffb6c13ac8f588057fa', "aria-hidden": "true", role: "heading", "aria-level": String(this.AriaLevel), class: "accordion-icon" }, h("ifx-icon", { key: '511d52bd160ccbe2e1936152c45517567061f57d', icon: "chevron-down-16" })), h("span", { key: 'fd82b2df5cbf8d50cfb00c54e59793348500323b', id: "accordion-caption", class: "accordion-caption" }, this.caption)), h("div", { key: '77c229869cdf02d27ff1011cd5e5ad3fa201343e', id: "accordion-content", class: "accordion-content", ref: el => (this.contentEl = el), role: "region", "aria-labelledby": "accordion-caption" }, h("div", { key: '0c9f7ea889fe60957ad9223426142b9509b3883b', class: "inner-content" }, h("slot", { key: '1e4218f5554a774a3cde38749a21a7490f72d18d' })))));
     }
     static get is() { return "ifx-accordion-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/accordion/accordionItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"accordionItem.js","sourceRoot":"","sources":["../../../src/components/accordion/accordionItem.tsx"],"names":[],"mappings":"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","sourcesContent":["//ifxAccordionItem\nimport { Component, Prop, h, State, Event, EventEmitter, Watch, Listen, Element } from '@stencil/core';\n\n@Component({\n tag: 'ifx-accordion-item',\n styleUrl: 'accordionItem.scss',\n shadow: true,\n})\nexport class AccordionItem {\n @Element() el;\n @Prop() caption: string;\n @Prop({\n mutable: true,\n })\n open: boolean = false;\n @Prop() AriaLevel = 3;\n @State() internalOpen: boolean = false;\n @Event() ifxOpen: EventEmitter;\n @Event() ifxClose: EventEmitter;\n private contentEl!: HTMLElement;\n private titleEl!: HTMLElement;\n private resizeObserver!: ResizeObserver;\n\n componentWillLoad() {\n this.internalOpen = this.open;\n }\n\n componentDidLoad() {\n this.checkSlotContent()\n this.openAccordionItem();\n this.contentEl = this.el.shadowRoot.querySelector('#accordion-content');\n if (this.contentEl) {\n this.attachResizeObserver();\n }\n }\n\n componentDidUpdate() {\n this.checkSlotContent()\n this.openAccordionItem();\n }\n\n @Watch('open')\n openChanged(newValue: boolean) {\n this.internalOpen = newValue;\n }\n\n toggleOpen() {\n this.internalOpen = !this.internalOpen;\n this.open = this.internalOpen;\n\n if (this.internalOpen) {\n this.ifxOpen.emit({ isOpen: this.internalOpen });\n } else {\n this.ifxClose.emit({ isClosed: !this.internalOpen });\n }\n }\n\n openAccordionItem() {\n if (this.internalOpen) {\n this.contentEl.style.height = `${this.contentEl.scrollHeight}px`;\n this.contentEl.style.overflow = 'hidden';\n } else {\n this.contentEl.style.height = '0';\n this.contentEl.style.overflow = 'hidden';\n }\n }\n\n getInnerContentWrapper() {\n const innerContentEl = this.el.shadowRoot.querySelector('.inner-content');\n return innerContentEl;\n }\n\n attachResizeObserver() {\n const innerContentEl = this.getInnerContentWrapper();\n\n if (innerContentEl) {\n this.resizeObserver = new ResizeObserver(() => {\n if (this.internalOpen) {\n this.openAccordionItem();\n }\n });\n\n this.resizeObserver.observe(innerContentEl);\n }\n }\n\n @Listen('keydown')\n handleKeydown(ev: KeyboardEvent) {\n const path = ev.composedPath();\n\n if (!path.includes(this.titleEl)) {\n return;\n }\n\n switch (ev.key) {\n case 'Enter': // fallthrough\n case ' ': // space\n ev.preventDefault();\n this.toggleOpen();\n break;\n }\n }\n\n checkSlotContent() {\n const slot = this.el.shadowRoot.querySelector('slot') as HTMLSlotElement;\n const hasContent = slot.assignedNodes().length > 0;\n const innerContent = this.getInnerContentWrapper();\n if (!hasContent) {\n innerContent.classList.add('no-content');\n } else if (innerContent.classList.contains('no-content')) {\n innerContent.classList.remove('no-content');\n }\n }\n\n render() {\n return (\n <div class={`accordion-item ${this.internalOpen ? 'open' : ''}`}>\n <div\n role=\"button\"\n aria-expanded={this.internalOpen}\n aria-controls=\"accordion-content\"\n class=\"accordion-title\"\n onClick={() => this.toggleOpen()}\n tabindex=\"0\"\n ref={el => (this.titleEl = el as HTMLElement)}\n >\n <span aria-hidden=\"true\" role=\"heading\" aria-level={String(this.AriaLevel) as string} class=\"accordion-icon\">\n <ifx-icon icon=\"chevron-down-16\" />\n </span>\n <span id=\"accordion-caption\" class=\"accordion-caption\">\n {this.caption}\n </span>\n </div>\n <div id=\"accordion-content\" class=\"accordion-content\" ref={el => (this.contentEl = el as HTMLElement)} role=\"region\" aria-labelledby=\"accordion-caption\">\n <div class=\"inner-content\">\n <slot />\n </div>\n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"accordionItem.js","sourceRoot":"","sources":["../../../src/components/accordion/accordionItem.tsx"],"names":[],"mappings":"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","sourcesContent":["//ifxAccordionItem\r\nimport { Component, Prop, h, State, Event, EventEmitter, Watch, Listen, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'ifx-accordion-item',\r\n styleUrl: 'accordionItem.scss',\r\n shadow: true,\r\n})\r\nexport class AccordionItem {\r\n @Element() el;\r\n @Prop() caption: string;\r\n @Prop({\r\n mutable: true,\r\n })\r\n open: boolean = false;\r\n @Prop() AriaLevel = 3;\r\n @State() internalOpen: boolean = false;\r\n @Event() ifxOpen: EventEmitter;\r\n @Event() ifxClose: EventEmitter;\r\n private contentEl!: HTMLElement;\r\n private titleEl!: HTMLElement;\r\n private resizeObserver!: ResizeObserver;\r\n\r\n componentWillLoad() {\r\n this.internalOpen = this.open;\r\n }\r\n\r\n componentDidLoad() {\r\n this.checkSlotContent()\r\n this.openAccordionItem();\r\n this.contentEl = this.el.shadowRoot.querySelector('#accordion-content');\r\n if (this.contentEl) {\r\n this.attachResizeObserver();\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n this.checkSlotContent()\r\n this.openAccordionItem();\r\n }\r\n\r\n @Watch('open')\r\n openChanged(newValue: boolean) {\r\n this.internalOpen = newValue;\r\n }\r\n\r\n toggleOpen() {\r\n this.internalOpen = !this.internalOpen;\r\n this.open = this.internalOpen;\r\n\r\n if (this.internalOpen) {\r\n this.ifxOpen.emit({ isOpen: this.internalOpen });\r\n } else {\r\n this.ifxClose.emit({ isClosed: !this.internalOpen });\r\n }\r\n }\r\n\r\n openAccordionItem() {\r\n if (this.internalOpen) {\r\n this.contentEl.style.height = `${this.contentEl.scrollHeight}px`;\r\n this.contentEl.style.overflow = 'hidden';\r\n } else {\r\n this.contentEl.style.height = '0';\r\n this.contentEl.style.overflow = 'hidden';\r\n }\r\n }\r\n\r\n getInnerContentWrapper() {\r\n const innerContentEl = this.el.shadowRoot.querySelector('.inner-content');\r\n return innerContentEl;\r\n }\r\n\r\n attachResizeObserver() {\r\n const innerContentEl = this.getInnerContentWrapper();\r\n\r\n if (innerContentEl) {\r\n this.resizeObserver = new ResizeObserver(() => {\r\n if (this.internalOpen) {\r\n this.openAccordionItem();\r\n }\r\n });\r\n\r\n this.resizeObserver.observe(innerContentEl);\r\n }\r\n }\r\n\r\n @Listen('keydown')\r\n handleKeydown(ev: KeyboardEvent) {\r\n const path = ev.composedPath();\r\n\r\n if (!path.includes(this.titleEl)) {\r\n return;\r\n }\r\n\r\n switch (ev.key) {\r\n case 'Enter': // fallthrough\r\n case ' ': // space\r\n ev.preventDefault();\r\n this.toggleOpen();\r\n break;\r\n }\r\n }\r\n\r\n checkSlotContent() {\r\n const slot = this.el.shadowRoot.querySelector('slot') as HTMLSlotElement;\r\n const hasContent = slot.assignedNodes().length > 0;\r\n const innerContent = this.getInnerContentWrapper();\r\n if (!hasContent) {\r\n innerContent.classList.add('no-content');\r\n } else if (innerContent.classList.contains('no-content')) {\r\n innerContent.classList.remove('no-content');\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`accordion-item ${this.internalOpen ? 'open' : ''}`}>\r\n <div\r\n role=\"button\"\r\n aria-expanded={this.internalOpen}\r\n aria-controls=\"accordion-content\"\r\n class=\"accordion-title\"\r\n onClick={() => this.toggleOpen()}\r\n tabindex=\"0\"\r\n ref={el => (this.titleEl = el as HTMLElement)}\r\n >\r\n <span aria-hidden=\"true\" role=\"heading\" aria-level={String(this.AriaLevel) as string} class=\"accordion-icon\">\r\n <ifx-icon icon=\"chevron-down-16\" />\r\n </span>\r\n <span id=\"accordion-caption\" class=\"accordion-caption\">\r\n {this.caption}\r\n </span>\r\n </div>\r\n <div id=\"accordion-content\" class=\"accordion-content\" ref={el => (this.contentEl = el as HTMLElement)} role=\"region\" aria-labelledby=\"accordion-caption\">\r\n <div class=\"inner-content\">\r\n <slot />\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/action-list/action-list-item.js CHANGED Viewed

@@ -215,7 +215,7 @@ export class ActionListItem {
         const ariaLabel = this.itemAriaLabel || `${this.itemTitle}${this.description ? ` - ${this.description}` : ''}`;
         const hasLeadingContent = this.hasSlotContent('leading');
         const hasTrailingContent = this.hasSlotContent('trailing');
-        return (h("div", { key: 'afc03036455ceb23a99e893ebdc36c052fcc2e64', class: classNames('action-list-item', this.disabled && 'action-list-item--disabled', isClickable && 'action-list-item--clickable'), role: "listitem", tabIndex: isClickable ? 0 : -1, "aria-label": ariaLabel, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleMainClick, onKeyDown: this.handleMainKeyDown }, hasLeadingContent && (h("div", { key: 'fbc09a625f124bdcf9137cde295838592925cc93', class: "action-list-item__leading", onClick: this.handleLeadingClick, onKeyDown: this.handleLeadingKeyDown }, h("slot", { key: '915fb5467635e391ca3713def64ee031095e784d', name: "leading" }))), h("div", { key: '589bd17dcd1f2de8ac7ac1c86db677c9b8eac35e', class: "action-list-item__content" }, h("div", { key: '4b0ac3d7e1439cbe8682f9d14411acc4683b2ffe', class: "action-list-item__title" }, this.itemTitle), this.description && (h("div", { key: 'e5a0481505f637db1f7672fca5e1800a934d4270', class: "action-list-item__description" }, this.description))), hasTrailingContent && (h("div", { key: 'c855aff75b5e1ddba37456c2225f46be3ae17429', class: "action-list-item__trailing", onClick: this.handleTrailingClick, onKeyDown: this.handleTrailingKeyDown }, h("slot", { key: '68ff1e04f0bdf90894fa729619c7b7a6f896bad8', name: "trailing" })))));
+        return (h("div", { key: 'f4e53ea17c6bdea279fc96b5a954e9f8ef9b0911', class: classNames('action-list-item', this.disabled && 'action-list-item--disabled', isClickable && 'action-list-item--clickable'), role: "listitem", tabIndex: isClickable ? 0 : -1, "aria-label": ariaLabel, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleMainClick, onKeyDown: this.handleMainKeyDown }, hasLeadingContent && (h("div", { key: '9c565d3a24234672ce42c264185aa970204b54c9', class: "action-list-item__leading", onClick: this.handleLeadingClick, onKeyDown: this.handleLeadingKeyDown }, h("slot", { key: '965ed004d61c1b38366886ae5b4415c4ee67ab2c', name: "leading" }))), h("div", { key: '1c21aaf97464d42c4ce3d4a9a76963ffe73d2121', class: "action-list-item__content" }, h("div", { key: 'e588b9d0adce7fbbfffeba338efe7c76b60fe3cb', class: "action-list-item__title" }, this.itemTitle), this.description && (h("div", { key: '58aa81b18bf0f6070a18180be254fd42270c9a38', class: "action-list-item__description" }, this.description))), hasTrailingContent && (h("div", { key: '5d5ed9d8d936166beba4fc1790f3e69cd0adcefc', class: "action-list-item__trailing", onClick: this.handleTrailingClick, onKeyDown: this.handleTrailingKeyDown }, h("slot", { key: '8a2c8f6f3dde321748310b2d2f0e1ec032c895a3', name: "trailing" })))));
     }
     static get is() { return "ifx-action-list-item"; }
     static get encapsulation() { return "shadow"; }
@@ -391,7 +391,7 @@ export class ActionListItem {
                     "references": {
                         "ActionListItemClickEvent": {
                             "location": "local",
-                            "path": "/home/runner/work/infineon-design-system-stencil/infineon-design-system-stencil/packages/components/src/components/action-list/action-list-item.tsx",
+                            "path": "/home/fp/Dev/IFX/dds/packages/components/src/components/action-list/action-list-item.tsx",
                             "id": "src/components/action-list/action-list-item.tsx::ActionListItemClickEvent"
                         }
                     }