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

@infineon/infineon-design-system-stencil 39.4.4--canary.1723.b577eb08ea34aa81e7d1054220d0f31ca92579a9.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/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\";\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"],"version":3}

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

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

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,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\";\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/components/{p-CcGE_f9F.js → p-B5v9D54X.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
 import { i as isNestedInIfxComponent, d as detectFramework, t as trackComponent } from './p-bqYaVeZb.js';
-import { d as defineCustomElement$3 } from './p-BQj9WQQe.js';
-import { d as defineCustomElement$2 } from './p-DhNY6ZGA.js';
-import { d as defineCustomElement$1 } from './p-CRSbKJxa.js';
+import { d as defineCustomElement$3 } from './p-B61ip_5M.js';
+import { d as defineCustomElement$2 } from './p-BnjY2AJX.js';
+import { d as defineCustomElement$1 } from './p-D3I_SqHt.js';
 const multiselectCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}.ifx-multiselect-container{position:relative;box-sizing:border-box;font-family:var(--ifx-font-family)}.ifx-multiselect-container.disabled .ifx-label-wrapper{color:#BFBBBB}.ifx-multiselect-container.disabled .ifx-multiselect-wrapper{background:#BFBBBB;color:#FFFFFF;border-color:#BFBBBB;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ifx-multiselect-container:hover{cursor:pointer}.ifx-multiselect-container .ifx-label-wrapper{font-size:1rem;line-height:1.5rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%}.ifx-multiselect-container .ifx-label-wrapper .required{margin-left:4px}.ifx-multiselect-container .ifx-label-wrapper .required.error{color:#CD002F}.ifx-multiselect-container .multi__select-caption{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;color:#1D1D1D;flex:none;order:1;align-self:stretch;flex-grow:0}.ifx-multiselect-container .multi__select-caption.error{color:#CD002F}.ifx-multiselect-container .multi__select-caption.disabled{color:#BFBBBB}.ifx-multiselect-container .ifx-multiselect-wrapper{background-color:#FFFFFF;box-sizing:border-box;display:flex;align-items:center;border:1px solid #8D8786;border-radius:1px;width:100%;font-weight:400;font-style:normal;height:40px;line-height:24px;padding:8px 16px;font-size:1rem;line-height:1.5rem}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible{outline:none}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible:not(.active):not(:active){outline:none}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible:not(.active):not(:active)::before{content:\"\";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0A8276;border-radius:2px}.ifx-multiselect-container .ifx-multiselect-wrapper.error{border-color:#CD002F}.ifx-multiselect-container .ifx-multiselect-wrapper.active{border-color:#0A8276 !important}.ifx-multiselect-container .ifx-multiselect-wrapper.active .icon-wrapper-up{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-multiselect-container .ifx-multiselect-wrapper.active .icon-wrapper-down{display:none}.ifx-multiselect-container .ifx-multiselect-wrapper .icon-wrapper-up{display:none}.ifx-multiselect-container .ifx-multiselect-wrapper .icon-wrapper-down{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-multiselect-container .ifx-multiselect-wrapper.is-flipped .ifx-multiselect-dropdown-menu{top:auto;bottom:100%}.ifx-multiselect-container .ifx-multiselect-input{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ifx-multiselect-container .ifx-multiselect-input.placeholder{opacity:0.5}.ifx-multiselect-container .ifx-multiselect-icon-container{margin-left:auto;display:flex;align-items:center;gap:8px}.ifx-multiselect-container .ifx-multiselect-icon-container .ifx-multiselect-icon-container{display:flex}.ifx-multiselect-container .ifx-multiselect-icon-container .icon-wrapper{display:flex;align-items:center;transition:transform 0.2s ease-in-out}.ifx-multiselect-container .ifx-multiselect-icon-container .icon-wrapper--open{transform:rotate(180deg)}.ifx-multiselect-container .ifx-clear-button{display:flex;align-items:center}.ifx-multiselect-container .ifx-clear-button.hide{display:none}.ifx-multiselect-container .ifx-multiselect-dropdown-menu{box-sizing:border-box;position:absolute;top:100%;left:0;width:100%;margin-top:4px;border:1px solid #EEEDED;background-color:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1);max-height:300px;z-index:1000;display:flex;flex-direction:column}.ifx-multiselect-container:not(.disabled) .ifx-multiselect-wrapper:hover:not(.focus,:focus){border-color:#575352}.ifx-multiselect-dropdown-functions{padding:12px 16px;border-bottom:1px solid #EEEDED;flex-shrink:0}.ifx-multiselect-dropdown-search{margin-bottom:12px}.ifx-multiselect-dropdown-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.ifx-multiselect-dropdown-controls .select-all-wrapper{display:flex}.ifx-multiselect-dropdown-controls .expand-collapse-controls{display:flex;gap:12px}.ifx-multiselect-dropdown-controls .control-item{font-size:0.875rem;line-height:1.25rem}.ifx-multiselect-dropdown-controls .control-item:hover{color:#0A8276}.ifx-multiselect-dropdown-controls .control-item:active{color:#08665C}.ifx-multiselect-dropdown-controls .control-item:focus{outline:none}.ifx-multiselect-dropdown-controls .control-item:focus-visible{outline:2px solid #0A8276;outline-offset:2px;border-radius:1px}.ifx-multiselect-options{flex:1;overflow-y:auto;padding-top:12px;padding-bottom:12px}.ifx-multiselect-options.show-no-results .ifx-multiselect-no-results{display:block}.ifx-multiselect-no-results{padding-left:16px;padding-right:16px;display:none}";
@@ -486,15 +486,15 @@ const Multiselect = /*@__PURE__*/ proxyCustomElement(class Multiselect extends H
         if (allOptionElements.length > 0) {
             isFlatMultiselect = Array.from(allOptionElements).every(option => option.children.length === 0);
         }
-        return (h("div", { key: 'fd7ce64694f743334f1c4577105d9c40f084ebbf', class: `ifx-multiselect-container ${this.disabled && !this.error ? 'disabled' : ''}`, ref: el => (this.dropdownElement = el) }, h("div", { key: '81abefbfc60b69bcd9c7e9b909dae93fd1767773', class: "ifx-label-wrapper" }, this.label && (h("span", { key: '6de06dac0828d7831519e3c92b68095e533ae375', class: "wrapper-label" }, h("span", { key: 'ed9c68a25201321d0d69444e88d60d68db24e330' }, this.label), this.required && h("span", { key: '070422e2ebb9cb47fb21dcee37229b70016c0da1', class: `required ${this.error ? 'error' : ''}` }, "*")))), h("div", { key: '3b5d28e2c87f472e68f1a8293daa9d5246d170b2', class: `ifx-multiselect-wrapper
-        ${this.dropdownOpen ? 'active' : ''}
-        ${this.dropdownFlipped ? 'is-flipped' : ''}
-        ${this.internalError ? 'error' : ''}
-        ${this.disabled && !this.error ? 'disabled' : ''}`, role: "combobox", "aria-label": this.ariaMultiSelectLabel, "aria-labelledby": this.ariaMultiSelectLabelledBy || undefined, "aria-describedby": this.ariaMultiSelectDescribedBy || undefined, "aria-expanded": this.dropdownOpen, "aria-haspopup": "listbox", "aria-disabled": this.disabled && !this.error, tabindex: "0", onClick: this.disabled && !this.error ? undefined : event => this.handleWrapperClick(event), onKeyDown: this.disabled && !this.error ? undefined : event => this.handleKeyDown(event) }, h("div", { key: '1d5e621056168b08004c8efb998ff25865da2239', class: `ifx-multiselect-input
-          ${hasSelections ? '' : 'placeholder'}
-          `, onClick: this.disabled && !this.error ? undefined : () => this.toggleDropdown() }, hasSelections ? selectedOptionsLabels : this.placeholder), this.dropdownOpen && (h("div", { key: '88762a0e7d11feb2fba793f3d4dc7fc183c161e9', class: "ifx-multiselect-dropdown-menu" }, (this.showSearch || this.showSelectAll || (this.showExpandCollapse && !isFlatMultiselect)) && (h("div", { key: 'f47c4fd519f502997c2c8ac3611f914e628a465b', class: "ifx-multiselect-dropdown-functions", onClick: e => e.stopPropagation() }, this.showSearch && (h("div", { key: '6d34c960d1dba9eca8bf4e1c89377d736c590b20', class: "ifx-multiselect-dropdown-search" }, h("ifx-search-field", { key: '37bc73b76fb6011f64566aa3ffc4b01056a0ac1b', class: "search-input", placeholder: this.searchPlaceholder, size: "s", "show-delete-icon": "true", "aria-label": this.ariaSearchLabel, onKeyDown: e => {
+        return (h("div", { key: '9e39bfb79c743c1d1e28344137f6e3339d4b692b', class: `ifx-multiselect-container ${this.disabled && !this.error ? 'disabled' : ''}`, ref: el => (this.dropdownElement = el) }, h("div", { key: '742a13794dfa7260e19c86c2ef10ee799478e4fa', class: "ifx-label-wrapper" }, this.label && (h("span", { key: 'e5b2d4cdfbf9d07a935ee75ec7a06d109f23747a', class: "wrapper-label" }, h("span", { key: 'b8b5a1b54026aa8b396ed5bb6d5403fa8f6abe5e' }, this.label), this.required && h("span", { key: '024d4f062675981d027fb2a9c4443832a75d4489', class: `required ${this.error ? 'error' : ''}` }, "*")))), h("div", { key: '593ef6565ad226820e62a66db25b15acbd2f90ec', class: `ifx-multiselect-wrapper
+        ${this.dropdownOpen ? 'active' : ''}
+        ${this.dropdownFlipped ? 'is-flipped' : ''}
+        ${this.internalError ? 'error' : ''}
+        ${this.disabled && !this.error ? 'disabled' : ''}`, role: "combobox", "aria-label": this.ariaMultiSelectLabel, "aria-labelledby": this.ariaMultiSelectLabelledBy || undefined, "aria-describedby": this.ariaMultiSelectDescribedBy || undefined, "aria-expanded": this.dropdownOpen, "aria-haspopup": "listbox", "aria-disabled": this.disabled && !this.error, tabindex: "0", onClick: this.disabled && !this.error ? undefined : event => this.handleWrapperClick(event), onKeyDown: this.disabled && !this.error ? undefined : event => this.handleKeyDown(event) }, h("div", { key: 'c22374021518848ccffa401217feff5ee76fe8ef', class: `ifx-multiselect-input
+          ${hasSelections ? '' : 'placeholder'}
+          `, onClick: this.disabled && !this.error ? undefined : () => this.toggleDropdown() }, hasSelections ? selectedOptionsLabels : this.placeholder), this.dropdownOpen && (h("div", { key: '44cc7ef4dcd795c9b18a023df7a1a901f89d71ca', class: "ifx-multiselect-dropdown-menu" }, (this.showSearch || this.showSelectAll || (this.showExpandCollapse && !isFlatMultiselect)) && (h("div", { key: '4422f75838afa1f1d652ebe5ba6f73169c727fde', class: "ifx-multiselect-dropdown-functions", onClick: e => e.stopPropagation() }, this.showSearch && (h("div", { key: '244c06fcb8650c53243a305bc60973384843c217', class: "ifx-multiselect-dropdown-search" }, h("ifx-search-field", { key: '1cb0ed6a90fa242ce2caf7a732fb256c42447074', class: "search-input", placeholder: this.searchPlaceholder, size: "s", "show-delete-icon": "true", "aria-label": this.ariaSearchLabel, onKeyDown: e => {
                 e.stopPropagation();
-            }, onIfxInput: event => this.handleSearch(event.target), onFocus: () => this.handleSearchFocus(true), onBlur: () => this.handleSearchFocus(false) }))), h("div", { key: 'd7a0b92d7532aa2290e253172359c694a83d92e9', class: "ifx-multiselect-dropdown-controls" }, this.showSelectAll && this.renderSelectAll(), this.showExpandCollapse && !isFlatMultiselect && (h("div", { key: 'c509eb6f7b77507cf3c1207f1e912130b722f84e', class: "expand-collapse-controls" }, h("span", { key: '912ffe8e593e4e0f81cff8ad03e72139b492c23f', class: "control-item", role: "button", tabIndex: 0, "aria-label": this.ariaExpandAllLabel, onClick: e => {
+            }, onIfxInput: event => this.handleSearch(event.target), onFocus: () => this.handleSearchFocus(true), onBlur: () => this.handleSearchFocus(false) }))), h("div", { key: '259e969cec8172126d20265420000281507be01f', class: "ifx-multiselect-dropdown-controls" }, this.showSelectAll && this.renderSelectAll(), this.showExpandCollapse && !isFlatMultiselect && (h("div", { key: 'f62a4568620fecc932acbacff4af45dddf1b0e61', class: "expand-collapse-controls" }, h("span", { key: '3cecc6200e7ceb2c01b9150c790a82f57c1b95ed', class: "control-item", role: "button", tabIndex: 0, "aria-label": this.ariaExpandAllLabel, onClick: e => {
                 e.stopPropagation();
                 this.expandAll();
             }, onKeyDown: e => {
@@ -503,7 +503,7 @@ const Multiselect = /*@__PURE__*/ proxyCustomElement(class Multiselect extends H
                     e.stopPropagation();
                     this.expandAll();
                 }
-            } }, this.expandLabel), h("span", { key: 'e7201dfca2b2e16469778ffd922b4c64f3d06619', class: "control-item", role: "button", tabIndex: 0, "aria-label": this.ariaCollapseAllLabel, onClick: e => {
+            } }, this.expandLabel), h("span", { key: 'c1b337e29bdb47431cdcabb4fcc19f6202f77059', class: "control-item", role: "button", tabIndex: 0, "aria-label": this.ariaCollapseAllLabel, onClick: e => {
                 e.stopPropagation();
                 this.collapseAll();
             }, onKeyDown: e => {
@@ -512,7 +512,7 @@ const Multiselect = /*@__PURE__*/ proxyCustomElement(class Multiselect extends H
                     e.stopPropagation();
                     this.collapseAll();
                 }
-            } }, this.collapseLabel)))))), h("div", { key: '031e2384922144e63b528ac69a8ad1bea1420acf', class: "ifx-multiselect-options", role: "listbox", "aria-multiselectable": "true" }, h("slot", { key: 'b5e77631b05852b7f708b92f2cdd797b7cb653a2' }), this.searchTerm && this.showNoResultsMessage && this.renderNoResultsMessage()))), h("div", { key: '5a813087f59df7ab9dca060d5c80d158bc8d6da1', class: "ifx-multiselect-icon-container" }, this.persistentSelectedOptions.length > 0 && (h("div", { key: '0ae8b58fa2d2ccf28962264bfaa8949114f5767d', class: `ifx-clear-button ${!this.showClearButton ? 'hide' : ''}`, onClick: this.disabled && !this.error ? undefined : () => this.clearSelection() }, h("ifx-icon", { key: '8e60813fa135b67a28ba5759c37fb000641af257', icon: "cRemove16" }))), h("div", { key: 'f71cc3fa883c5af46d24048320bdf822c8ceeb99', class: "icon-wrapper-up", onClick: this.disabled && !this.error ? undefined : () => this.toggleDropdown() }, h("ifx-icon", { key: "icon-up", icon: "chevron-up-16" })), h("div", { key: 'fb08f6a16daebfc6e0a58fcb24e5cfdffd80b423', class: "icon-wrapper-down", onClick: this.disabled && !this.error ? undefined : () => this.toggleDropdown() }, h("ifx-icon", { key: "icon-down", icon: "chevron-down-16" })))), this.caption && h("div", { key: '4bd2795e4eb8539f8609bf83065f2637f2f1dc1b', class: `multi__select-caption ${this.error ? 'error' : ''} ${this.disabled && !this.error ? 'disabled' : ''}` }, this.caption)));
+            } }, this.collapseLabel)))))), h("div", { key: 'aa7dab1ad1128a786d64619614400371bc4d943e', class: "ifx-multiselect-options", role: "listbox", "aria-multiselectable": "true" }, h("slot", { key: '45ce4b7ec68d66d14234b0462c0cbcddc209b03e' }), this.searchTerm && this.showNoResultsMessage && this.renderNoResultsMessage()))), h("div", { key: '7b12bbecf17d10fc57eba8965084be87a5dbf937', class: "ifx-multiselect-icon-container" }, this.persistentSelectedOptions.length > 0 && (h("div", { key: 'c479925b50e96c47336b2876778100b95ceecd09', class: `ifx-clear-button ${!this.showClearButton ? 'hide' : ''}`, onClick: this.disabled && !this.error ? undefined : () => this.clearSelection() }, h("ifx-icon", { key: 'e1ecedbaf5abd4cf45ec0b7e02e61c4210eba9ef', icon: "cRemove16" }))), h("div", { key: 'bc4483115d8b4a30ab56d2ec10f51e5802eb2da9', class: "icon-wrapper-up", onClick: this.disabled && !this.error ? undefined : () => this.toggleDropdown() }, h("ifx-icon", { key: "icon-up", icon: "chevron-up-16" })), h("div", { key: '6bdc3bc9b668433f220688f851f5e5ca92e72c04', class: "icon-wrapper-down", onClick: this.disabled && !this.error ? undefined : () => this.toggleDropdown() }, h("ifx-icon", { key: "icon-down", icon: "chevron-down-16" })))), this.caption && h("div", { key: '02ce81a3abc63192e43c4eb8686e7e81f422b362', class: `multi__select-caption ${this.error ? 'error' : ''} ${this.disabled && !this.error ? 'disabled' : ''}` }, this.caption)));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -587,6 +587,6 @@ function defineCustomElement() {
 }
 export { Multiselect as M, defineCustomElement as d };
-//# sourceMappingURL=p-CcGE_f9F.js.map
+//# sourceMappingURL=p-B5v9D54X.js.map
-//# sourceMappingURL=p-CcGE_f9F.js.map
+//# sourceMappingURL=p-B5v9D54X.js.map

package/dist/components/p-B5v9D54X.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-B5v9D54X.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/select/multi-select/multiselect.scss?tag=ifx-multiselect&encapsulation=shadow","src/components/select/multi-select/multiselect.tsx"],"sourcesContent":["// @import '~choices.js/public/assets/styles/choices.css';\r\n@use '~@infineon/design-system-tokens/dist/tokens';\r\n@use '../../../global/font.scss';\r\n\r\n.ifx-multiselect-container {\r\n position: relative;\r\n box-sizing: border-box;\r\n font-family: var(--ifx-font-family);\r\n \r\n\r\n &.disabled {\r\n & .ifx-label-wrapper {\r\n color: tokens.$ifxColorEngineering300;\r\n }\r\n\r\n & .ifx-multiselect-wrapper {\r\n background: tokens.$ifxColorEngineering300;\r\n color: tokens.$ifxColorBaseWhite;\r\n border-color: tokens.$ifxColorEngineering300;\r\n cursor: default;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n }\r\n }\r\n\r\n &:hover {\r\n cursor: pointer;\r\n }\r\n\r\n .ifx-label-wrapper {\r\n font-size: tokens.$ifxFontSizeM;\r\n line-height: tokens.$ifxLineHeightM;\r\n white-space: pre-wrap;\r\n word-wrap: break-word;\r\n overflow-wrap: anywhere;\r\n max-width: 100%;\r\n\r\n & .required {\r\n margin-left: 4px;\r\n\r\n &.error {\r\n color: #CD002F;\r\n }\r\n }\r\n }\r\n\r\n .multi__select-caption {\r\n font-style: normal;\r\n font-weight: tokens.$ifxFontWeightRegular;\r\n font-size: tokens.$ifxFontSizeXs;\r\n line-height: tokens.$ifxLineHeightXs;\r\n color: tokens.$ifxColorBaseBlack;\r\n flex: none;\r\n order: 1;\r\n align-self: stretch;\r\n flex-grow: 0;\r\n\r\n &.error {\r\n color: tokens.$ifxColorRed500;\r\n }\r\n\r\n &.disabled {\r\n color: tokens.$ifxColorEngineering300;\r\n }\r\n }\r\n\r\n .ifx-multiselect-wrapper {\r\n background-color: tokens.$ifxColorBaseWhite;\r\n box-sizing: border-box;\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid tokens.$ifxColorEngineering400;\r\n border-radius: tokens.$ifxBorderRadius12;\r\n width: 100%;\r\n font-weight: 400;\r\n font-style: normal;\r\n height: 40px;\r\n line-height: 24px;\r\n padding: 8px 16px;\r\n font-size: tokens.$ifxFontSizeM;\r\n line-height: tokens.$ifxLineHeightM;\r\n\r\n &:focus-visible {\r\n outline: none;\r\n }\r\n\r\n &:focus-visible:not(.active):not(:active) {\r\n outline: none;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: calc(100% + 4px);\r\n height: calc(100% + 4px);\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n border: 2px solid tokens.$ifxColorOcean500;\r\n border-radius: 2px;\r\n }\r\n }\r\n\r\n &.error {\r\n border-color: tokens.$ifxColorRed500;\r\n }\r\n\r\n &.active {\r\n border-color: tokens.$ifxColorOcean500 !important; // Active border color\r\n\r\n & .icon-wrapper-up {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding-left: tokens.$ifxSpace100;\r\n }\r\n\r\n & .icon-wrapper-down {\r\n display: none;\r\n }\r\n }\r\n\r\n & .icon-wrapper-up {\r\n display: none;\r\n }\r\n\r\n & .icon-wrapper-down {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding-left: tokens.$ifxSpace100;\r\n }\r\n\r\n &.is-flipped {\r\n .ifx-multiselect-dropdown-menu {\r\n top: auto;\r\n bottom: 100%;\r\n }\r\n }\r\n }\r\n\r\n .ifx-multiselect-input {\r\n flex-grow: 1;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n &.placeholder {\r\n opacity: 0.5;\r\n }\r\n }\r\n\r\n .ifx-multiselect-icon-container {\r\n margin-left: auto;\r\n display: flex;\r\n align-items: center;\r\n gap: tokens.$ifxSpace100;\r\n\r\n .ifx-multiselect-icon-container {\r\n display: flex;\r\n }\r\n\r\n .icon-wrapper {\r\n display: flex;\r\n align-items: center;\r\n transition: transform 0.2s ease-in-out;\r\n }\r\n\r\n .icon-wrapper--open {\r\n transform: rotate(180deg);\r\n }\r\n }\r\n\r\n .ifx-clear-button {\r\n display: flex;\r\n align-items: center;\r\n\r\n &.hide {\r\n display: none;\r\n }\r\n }\r\n\r\n .ifx-multiselect-dropdown-menu {\r\n box-sizing: border-box;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n width: 100%;\r\n margin-top: tokens.$ifxSpace50;\r\n border: 1px solid tokens.$ifxColorEngineering200;\r\n background-color: tokens.$ifxColorBaseWhite;\r\n box-shadow: 0px 6px 9px 0px rgba(29, 29, 29, 0.1);\r\n max-height: 300px;\r\n z-index: 1000;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n &:not(.disabled) .ifx-multiselect-wrapper:hover:not(.focus, :focus) {\r\n border-color: tokens.$ifxColorEngineering500;\r\n }\r\n}\r\n\r\n.ifx-multiselect-dropdown-functions {\r\n padding: tokens.$ifxSpace150 tokens.$ifxSpace200;\r\n border-bottom: 1px solid tokens.$ifxColorEngineering200;\r\n flex-shrink: 0;\r\n}\r\n\r\n.ifx-multiselect-dropdown-search {\r\n margin-bottom: tokens.$ifxSpace150;\r\n}\r\n\r\n.ifx-multiselect-dropdown-controls {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n gap: tokens.$ifxSpace100;\r\n\r\n .select-all-wrapper {\r\n display: flex;\r\n }\r\n\r\n .expand-collapse-controls {\r\n display: flex;\r\n gap: tokens.$ifxSpace150;\r\n }\r\n\r\n .control-item {\r\n font-size: tokens.$ifxFontSizeS;\r\n line-height: tokens.$ifxLineHeightS;\r\n\r\n &:hover {\r\n color: tokens.$ifxColorOcean500;\r\n }\r\n\r\n &:active {\r\n color: tokens.$ifxColorOcean600;\r\n }\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\r\n.ifx-multiselect-options {\r\n flex: 1;\r\n overflow-y: auto;\r\n padding-top: tokens.$ifxSpace150;\r\n padding-bottom: tokens.$ifxSpace150;\r\n\r\n &.show-no-results {\r\n .ifx-multiselect-no-results {\r\n display: block;\r\n }\r\n }\r\n}\r\n\r\n.ifx-multiselect-no-results {\r\n padding-left: tokens.$ifxSpace200;\r\n padding-right: tokens.$ifxSpace200;\r\n display: none;\r\n}\r\n","import { Component, Prop, State, Event, EventEmitter, Element, h, Watch, AttachInternals, Method } 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\nimport { Option } from './interfaces';\r\n\r\nfunction debounce(func, wait) {\r\n let timeout;\r\n return function executedFunction(...args) {\r\n const later = () => {\r\n clearTimeout(timeout);\r\n func(...args);\r\n };\r\n clearTimeout(timeout);\r\n timeout = setTimeout(later, wait);\r\n };\r\n}\r\n\r\n@Component({\r\n tag: 'ifx-multiselect',\r\n styleUrl: 'multiselect.scss',\r\n shadow: true,\r\n // formAssociated: true\r\n})\r\nexport class Multiselect {\r\n @Prop() name: string;\r\n @Prop() disabled: boolean = false;\r\n @Prop() required: boolean = false;\r\n @Prop() error: boolean = false;\r\n @Prop() caption: string = '';\r\n @Prop() label: string = '';\r\n @Prop() placeholder: string = '';\r\n @Prop() showSearch: boolean = true;\r\n @Prop() showSelectAll: boolean = true;\r\n @Prop() showClearButton: boolean = true;\r\n @Prop() showExpandCollapse: boolean = true;\r\n @Prop() noResultsMessage: string = 'No results found.';\r\n @Prop() showNoResultsMessage: boolean = true;\r\n @Prop() searchPlaceholder: string = 'Search';\r\n @Prop() selectAllLabel: string = 'Select all';\r\n @Prop() expandLabel: string = 'Expand';\r\n @Prop() collapseLabel: string = 'Collapse';\r\n @Prop() ariaMultiSelectLabel: string = 'Multi-select dropdown';\r\n @Prop() ariaMultiSelectLabelledBy: string = '';\r\n @Prop() ariaMultiSelectDescribedBy: string = '';\r\n @Prop() ariaSearchLabel: string = 'Search options';\r\n @Prop() ariaClearLabel: string = 'Clear all selections';\r\n @Prop() ariaToggleLabel: string = 'Toggle dropdown';\r\n @Prop() ariaSelectAllLabel: string = 'Select all options';\r\n @Prop() ariaExpandAllLabel: string = 'Expand all categories';\r\n @Prop() ariaCollapseAllLabel: string = 'Collapse all categories';\r\n\r\n @State() internalError: boolean = false;\r\n @State() persistentSelectedOptions: Option[] = [];\r\n @State() dropdownOpen = false;\r\n @State() dropdownFlipped: boolean;\r\n @State() searchTerm: string = '';\r\n\r\n @Event() ifxSelect: EventEmitter;\r\n @Event() ifxOpen: EventEmitter;\r\n\r\n @Element() el: HTMLElement;\r\n dropdownElement!: HTMLElement;\r\n\r\n @AttachInternals() internals: ElementInternals;\r\n private parseChildOptions(): Option[] {\r\n const options: Option[] = [];\r\n const childElements = Array.from(this.el.children);\r\n\r\n childElements.forEach((child, index) => {\r\n if (child.tagName === 'IFX-MULTISELECT-OPTION') {\r\n const option = this.parseOptionElement(child as HTMLElement, index);\r\n if (option) {\r\n options.push(option);\r\n }\r\n }\r\n });\r\n\r\n return options;\r\n }\r\n\r\n private parseOptionElement(element: HTMLElement, index: number): Option | null {\r\n const value = element.getAttribute('value') || `option-${index}`;\r\n const selected = element.hasAttribute('selected');\r\n const disabled = element.hasAttribute('disabled');\r\n const indeterminate = element.hasAttribute('indeterminate');\r\n\r\n const option: Option = {\r\n value,\r\n selected,\r\n disabled,\r\n indeterminate,\r\n };\r\n\r\n const nestedOptions = Array.from(element.children)\r\n .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION')\r\n .map((child, childIndex) => this.parseOptionElement(child as HTMLElement, childIndex))\r\n .filter(opt => opt !== null) as Option[];\r\n\r\n if (nestedOptions.length > 0) {\r\n option.children = nestedOptions;\r\n }\r\n\r\n return option;\r\n }\r\n\r\n loadInitialOptions() {\r\n this.internalError = this.error;\r\n const allOptions = this.parseChildOptions();\r\n const initiallySelected = this.collectSelectedOptions(allOptions);\r\n const initiallySelectedNotInState = initiallySelected.filter(init => !this.persistentSelectedOptions.some(opt => opt.value == init.value));\r\n this.persistentSelectedOptions = [...this.persistentSelectedOptions, ...initiallySelectedNotInState];\r\n }\r\n\r\n private collectSelectedOptions(options: Option[]): Option[] {\r\n let selectedOptions: Option[] = [];\r\n\r\n for (const option of options) {\r\n if (option.selected) {\r\n if (option.children && option.children.length > 0) {\r\n selectedOptions = selectedOptions.concat(this.collectLeafOptions(option.children));\r\n } else {\r\n if (!selectedOptions.some(existingOption => existingOption.value === option.value)) {\r\n selectedOptions.push(option);\r\n }\r\n }\r\n } else {\r\n if (option.children && option.children.length > 0) {\r\n selectedOptions = selectedOptions.concat(this.collectSelectedOptions(option.children));\r\n }\r\n }\r\n }\r\n\r\n return selectedOptions;\r\n }\r\n\r\n private collectLeafOptions(children: Option[]): Option[] {\r\n let leafOptions = [];\r\n\r\n for (const child of children) {\r\n if (child.children && child.children.length > 0) {\r\n leafOptions = leafOptions.concat(this.collectLeafOptions(child.children));\r\n } else {\r\n leafOptions.push(child);\r\n }\r\n }\r\n return leafOptions;\r\n }\r\n\r\n handleSearch = debounce((targetElement: HTMLInputElement) => {\r\n const searchTerm = targetElement.value.toLowerCase();\r\n const isSearchActive = searchTerm !== '';\r\n\r\n this.searchTerm = searchTerm;\r\n\r\n const wrapper = this.el.shadowRoot.querySelector('.ifx-multiselect-wrapper');\r\n if (wrapper) {\r\n if (isSearchActive) {\r\n wrapper.classList.remove('active');\r\n } else {\r\n const searchField = this.el.shadowRoot.querySelector('ifx-search-field');\r\n const searchFieldHasFocus = searchField && searchField.matches(':focus-within');\r\n if (!searchFieldHasFocus) {\r\n wrapper.classList.add('active');\r\n }\r\n }\r\n }\r\n\r\n const optionsContainer = this.el.shadowRoot.querySelector('.ifx-multiselect-options');\r\n if (optionsContainer) {\r\n if (isSearchActive) {\r\n optionsContainer.classList.add('has-search-filter');\r\n } else {\r\n optionsContainer.classList.remove('has-search-filter');\r\n }\r\n }\r\n\r\n requestAnimationFrame(() => {\r\n const allOptions = this.el.querySelectorAll('ifx-multiselect-option');\r\n allOptions.forEach(option => {\r\n const searchEvent = new CustomEvent('ifx-search-filter', {\r\n detail: { searchTerm, isActive: isSearchActive },\r\n });\r\n option.dispatchEvent(searchEvent);\r\n });\r\n\r\n if (isSearchActive) {\r\n setTimeout(() => {\r\n const allOptions = this.el.querySelectorAll('ifx-multiselect-option');\r\n let visibleCount = 0;\r\n\r\n allOptions.forEach(option => {\r\n const style = window.getComputedStyle(option);\r\n const rect = option.getBoundingClientRect();\r\n\r\n if (style.display !== 'none' && style.visibility !== 'hidden' && style.opacity !== '0' && rect.height > 0) {\r\n visibleCount++;\r\n }\r\n });\r\n\r\n const optionsContainer = this.el.shadowRoot.querySelector('.ifx-multiselect-options');\r\n if (optionsContainer) {\r\n if (visibleCount === 0) {\r\n optionsContainer.classList.add('show-no-results');\r\n } else {\r\n optionsContainer.classList.remove('show-no-results');\r\n }\r\n }\r\n }, 200);\r\n } else {\r\n const optionsContainer = this.el.shadowRoot.querySelector('.ifx-multiselect-options');\r\n if (optionsContainer) {\r\n optionsContainer.classList.remove('show-no-results');\r\n }\r\n }\r\n });\r\n }, 150);\r\n\r\n private handleSearchFocus(hasFocus: boolean) {\r\n const wrapper = this.el.shadowRoot.querySelector('.ifx-multiselect-wrapper');\r\n if (wrapper) {\r\n if (hasFocus || this.searchTerm !== '') {\r\n wrapper.classList.remove('active');\r\n } else {\r\n wrapper.classList.add('active');\r\n }\r\n }\r\n }\r\n\r\n positionDropdown() {\r\n const wrapperRect = this.el.shadowRoot.querySelector('.ifx-multiselect-wrapper')?.getBoundingClientRect();\r\n const spaceBelow = window.innerHeight - wrapperRect.bottom;\r\n const spaceAbove = wrapperRect.top;\r\n\r\n if ((spaceAbove > spaceBelow && wrapperRect.height > spaceBelow) || wrapperRect.bottom > window.innerHeight) {\r\n this.dropdownFlipped = true;\r\n } else {\r\n this.dropdownFlipped = false;\r\n }\r\n }\r\n\r\n //private pendingSelectionUpdate = false;\r\n public updateSlotBasedSelections(emitEvent: boolean = false) {\r\n const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\r\n const selectedLeafOptions: Option[] = [];\r\n\r\n allOptionElements.forEach((optionEl: any) => {\r\n const instance = optionEl['__stencil_instance'];\r\n if (instance && instance.selected && !instance.hasChildren) {\r\n selectedLeafOptions.push({\r\n value: instance.value,\r\n selected: true,\r\n disabled: instance.disabled,\r\n label: instance.getTextContent() || instance.value,\r\n });\r\n }\r\n });\r\n\r\n this.persistentSelectedOptions = selectedLeafOptions;\r\n\r\n if (emitEvent) {\r\n this.ifxSelect.emit(this.persistentSelectedOptions);\r\n }\r\n }\r\n\r\n private updateInitialParentStates() {\r\n const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\r\n const optionsByDepth = Array.from(allOptionElements)\r\n .map(el => ({\r\n element: el,\r\n instance: (el as any)['__stencil_instance'],\r\n depth: parseInt(el.getAttribute('data-level') || '0'),\r\n }))\r\n .filter(item => item.instance)\r\n .sort((a, b) => b.depth - a.depth);\r\n\r\n optionsByDepth.forEach(({ instance }) => {\r\n if (instance.hasChildren) {\r\n this.updateParentState(instance);\r\n }\r\n });\r\n }\r\n\r\n private updateParentState(parentInstance: any) {\r\n const directChildren = Array.from(parentInstance.el.children as HTMLCollection)\r\n .filter((child: Element) => child.tagName === 'IFX-MULTISELECT-OPTION')\r\n .map(child => (child as any)['__stencil_instance'])\r\n .filter(instance => instance !== null);\r\n\r\n const selectedCount = directChildren.filter(child => child.selected).length;\r\n const indeterminateCount = directChildren.filter(child => child.indeterminate).length;\r\n const totalCount = directChildren.length;\r\n\r\n if (selectedCount === totalCount && indeterminateCount === 0) {\r\n parentInstance.selected = true;\r\n parentInstance.indeterminate = false;\r\n } else if (selectedCount === 0 && indeterminateCount === 0) {\r\n parentInstance.selected = false;\r\n parentInstance.indeterminate = false;\r\n } else {\r\n parentInstance.selected = false;\r\n parentInstance.indeterminate = true;\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-multiselect', await framework);\r\n }\r\n setTimeout(() => {\r\n this.positionDropdown();\r\n }, 500);\r\n\r\n this.el.addEventListener('ifx-option-changed', (event: CustomEvent) => {\r\n const optionInstance = (event.target as any)?.__stencil_instance;\r\n if (optionInstance && !optionInstance.hasChildren) {\r\n this.updateSlotBasedSelections(true);\r\n }\r\n });\r\n\r\n setTimeout(() => {\r\n this.updateSlotBasedSelections(false);\r\n this.updateInitialParentStates();\r\n }, 100);\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadInitialOptions();\r\n }\r\n\r\n @Watch('error')\r\n updateInternalError() {\r\n this.internalError = this.error;\r\n }\r\n\r\n @Watch('persistentSelectedOptions')\r\n onSelectionChange(newValue: Option[], _: Option[]) {\r\n const formData = new FormData();\r\n newValue.forEach(option => formData.append(this.name, option.value));\r\n //this.internals.setFormValue(formData);\r\n }\r\n collapseAll() {\r\n const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\r\n allOptionElements.forEach((optionEl: any) => {\r\n const instance = optionEl['__stencil_instance'];\r\n if (instance && instance.hasChildren) {\r\n instance.isExpanded = false;\r\n }\r\n });\r\n }\r\n\r\n expandAll() {\r\n const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\r\n allOptionElements.forEach((optionEl: any) => {\r\n const instance = optionEl['__stencil_instance'];\r\n if (instance && instance.hasChildren) {\r\n instance.isExpanded = true;\r\n }\r\n });\r\n }\r\n\r\n selectAll() {\r\n this.resetSearch();\r\n\r\n const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\r\n\r\n allOptionElements.forEach((optionEl: any) => {\r\n const instance = optionEl['__stencil_instance'];\r\n if (instance) {\r\n if (instance.hasChildren) {\r\n instance.isExpanded = true;\r\n } else {\r\n instance.selected = true;\r\n }\r\n }\r\n });\r\n\r\n setTimeout(() => {\r\n this.updateInitialParentStates();\r\n this.updateSlotBasedSelections(false);\r\n this.ifxSelect.emit(this.persistentSelectedOptions);\r\n }, 0);\r\n }\r\n\r\n @Method()\r\n async clearSelection() {\r\n const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\r\n allOptionElements.forEach((optionEl: any) => {\r\n const instance = optionEl['__stencil_instance'];\r\n if (instance) {\r\n instance.selected = false;\r\n instance.indeterminate = false;\r\n if (instance.hasChildren) {\r\n instance.isExpanded = false;\r\n }\r\n }\r\n });\r\n\r\n this.persistentSelectedOptions = [];\r\n\r\n setTimeout(() => {\r\n this.updateSlotBasedSelections(false);\r\n this.ifxSelect.emit(this.persistentSelectedOptions);\r\n }, 0);\r\n }\r\n\r\n handleDocumentClick = (event: Event) => {\r\n const path = event.composedPath();\r\n if (!path.includes(this.dropdownElement)) {\r\n this.dropdownOpen = false;\r\n document.removeEventListener('click', this.handleDocumentClick);\r\n this.resetSearch();\r\n this.ifxOpen.emit(this.dropdownOpen);\r\n }\r\n };\r\n\r\n toggleDropdown() {\r\n this.dropdownOpen = !this.dropdownOpen;\r\n setTimeout(() => {\r\n if (this.dropdownOpen) {\r\n document.addEventListener('click', this.handleDocumentClick);\r\n } else {\r\n this.resetSearch();\r\n }\r\n this.ifxOpen.emit(this.dropdownOpen);\r\n }, 0);\r\n }\r\n\r\n private resetSearch() {\r\n this.searchTerm = '';\r\n\r\n const searchField = this.el.shadowRoot.querySelector('ifx-search-field') as any;\r\n if (searchField) {\r\n searchField.value = '';\r\n }\r\n\r\n const optionsContainer = this.el.shadowRoot.querySelector('.ifx-multiselect-options');\r\n if (optionsContainer) {\r\n optionsContainer.classList.remove('has-search-filter');\r\n }\r\n\r\n const allOptions = this.el.querySelectorAll('ifx-multiselect-option');\r\n allOptions.forEach(option => {\r\n const searchEvent = new CustomEvent('ifx-search-filter', {\r\n detail: { searchTerm: '', isActive: false },\r\n });\r\n option.dispatchEvent(searchEvent);\r\n });\r\n }\r\n\r\n handleWrapperClick(event: MouseEvent) {\r\n this.positionDropdown();\r\n\r\n if (event.currentTarget === event.target) {\r\n this.toggleDropdown();\r\n }\r\n }\r\n\r\n handleKeyDown(event: KeyboardEvent) {\r\n if (this.disabled) return;\r\n\r\n // If dropdown is closed, only allow opening\r\n if (!this.dropdownOpen) {\r\n switch (event.code) {\r\n case 'Enter':\r\n case 'Space':\r\n case 'ArrowDown':\r\n event.preventDefault();\r\n this.toggleDropdown();\r\n break;\r\n }\r\n return;\r\n }\r\n\r\n // Dropdown is open - handle navigation and controls\r\n switch (event.code) {\r\n case 'Escape':\r\n event.preventDefault();\r\n this.toggleDropdown();\r\n break;\r\n case 'Enter':\r\n case 'Space':\r\n // Don't close dropdown when pressing space/enter in controls area\r\n const target = event.target as HTMLElement;\r\n if (!target.closest('.ifx-multiselect-dropdown-functions')) {\r\n event.preventDefault();\r\n this.toggleDropdown();\r\n }\r\n break;\r\n case 'ArrowDown':\r\n case 'ArrowUp':\r\n // Focus first/last option for navigation\r\n event.preventDefault();\r\n this.focusFirstOption();\r\n break;\r\n }\r\n }\r\n\r\n private focusFirstOption() {\r\n const firstOption = this.el.querySelector('ifx-multiselect-option:not(.search-hidden)');\r\n if (firstOption) {\r\n const labelElement = firstOption.shadowRoot?.querySelector('.option-label') as HTMLElement;\r\n labelElement?.focus();\r\n }\r\n }\r\n\r\n private renderSelectAll() {\r\n const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\r\n const leafOptions = Array.from(allOptionElements).filter((el: any) => !el.hasChildren);\r\n const selectedLeafOptions = Array.from(allOptionElements).filter((el: any) => !el.hasChildren && el.selected);\r\n\r\n const allSelected = leafOptions.length > 0 && selectedLeafOptions.length === leafOptions.length;\r\n\r\n const toggleSelectAll = (event?: Event) => {\r\n if (event) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n }\r\n\r\n if (allSelected) {\r\n this.clearSelection();\r\n } else {\r\n this.selectAll();\r\n }\r\n };\r\n\r\n return (\r\n <div class=\"select-all-wrapper\">\r\n <ifx-checkbox\r\n id=\"selectAll\"\r\n checked={allSelected}\r\n size=\"s\"\r\n aria-label={this.ariaSelectAllLabel}\r\n onClick={toggleSelectAll}\r\n onKeyDown={e => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n toggleSelectAll(e);\r\n }\r\n }}\r\n >\r\n {this.selectAllLabel}\r\n </ifx-checkbox>\r\n </div>\r\n );\r\n }\r\n\r\n private renderNoResultsMessage() {\r\n return (\r\n <div class=\"ifx-multiselect-no-results\">\r\n <div class=\"no-results-content\">\r\n <span class=\"no-results-text\">{this.noResultsMessage}</span>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n render() {\r\n const selectedOptionsLabels = this.persistentSelectedOptions.map(option => (option as any).label || option.value).join(', ');\r\n\r\n const hasSelections = this.persistentSelectedOptions.length > 0;\r\n\r\n let isFlatMultiselect = false;\r\n const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\r\n if (allOptionElements.length > 0) {\r\n isFlatMultiselect = Array.from(allOptionElements).every(option => option.children.length === 0);\r\n }\r\n\r\n return (\r\n <div class={`ifx-multiselect-container ${this.disabled && !this.error ? 'disabled' : ''}`} ref={el => (this.dropdownElement = el as HTMLElement)}>\r\n {\r\n <div class=\"ifx-label-wrapper\">\r\n {this.label && (\r\n <span class=\"wrapper-label\">\r\n <span>{this.label}</span>\r\n {this.required && <span class={`required ${this.error ? 'error' : ''}`}>*</span>}\r\n </span>\r\n )}\r\n </div>\r\n }\r\n <div\r\n class={`ifx-multiselect-wrapper\r\n ${this.dropdownOpen ? 'active' : ''}\r\n ${this.dropdownFlipped ? 'is-flipped' : ''}\r\n ${this.internalError ? 'error' : ''}\r\n ${this.disabled && !this.error ? 'disabled' : ''}`}\r\n role=\"combobox\"\r\n aria-label={this.ariaMultiSelectLabel}\r\n aria-labelledby={this.ariaMultiSelectLabelledBy || undefined}\r\n aria-describedby={this.ariaMultiSelectDescribedBy || undefined}\r\n aria-expanded={this.dropdownOpen}\r\n aria-haspopup=\"listbox\"\r\n aria-disabled={this.disabled && !this.error}\r\n tabindex=\"0\"\r\n onClick={this.disabled && !this.error ? undefined : event => this.handleWrapperClick(event)}\r\n onKeyDown={this.disabled && !this.error ? undefined : event => this.handleKeyDown(event)}\r\n >\r\n <div\r\n class={`ifx-multiselect-input\r\n ${hasSelections ? '' : 'placeholder'}\r\n `}\r\n onClick={this.disabled && !this.error ? undefined : () => this.toggleDropdown()}\r\n >\r\n {hasSelections ? selectedOptionsLabels : this.placeholder}\r\n </div>\r\n {this.dropdownOpen && (\r\n <div class=\"ifx-multiselect-dropdown-menu\">\r\n {(this.showSearch || this.showSelectAll || (this.showExpandCollapse && !isFlatMultiselect)) && (\r\n <div class=\"ifx-multiselect-dropdown-functions\" onClick={e => e.stopPropagation()}>\r\n {this.showSearch && (\r\n <div class=\"ifx-multiselect-dropdown-search\">\r\n <ifx-search-field\r\n class=\"search-input\"\r\n placeholder={this.searchPlaceholder}\r\n size=\"s\"\r\n show-delete-icon=\"true\"\r\n aria-label={this.ariaSearchLabel}\r\n onKeyDown={e => {\r\n e.stopPropagation();\r\n }}\r\n onIfxInput={event => this.handleSearch(event.target)}\r\n onFocus={() => this.handleSearchFocus(true)}\r\n onBlur={() => this.handleSearchFocus(false)}\r\n ></ifx-search-field>\r\n </div>\r\n )}\r\n\r\n <div class=\"ifx-multiselect-dropdown-controls\">\r\n {this.showSelectAll && this.renderSelectAll()}\r\n {this.showExpandCollapse && !isFlatMultiselect && (\r\n <div class=\"expand-collapse-controls\">\r\n <span\r\n class=\"control-item\"\r\n role=\"button\"\r\n tabIndex={0}\r\n aria-label={this.ariaExpandAllLabel}\r\n onClick={e => {\r\n e.stopPropagation();\r\n this.expandAll();\r\n }}\r\n onKeyDown={e => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n this.expandAll();\r\n }\r\n }}\r\n >\r\n {this.expandLabel}\r\n </span>\r\n <span\r\n class=\"control-item\"\r\n role=\"button\"\r\n tabIndex={0}\r\n aria-label={this.ariaCollapseAllLabel}\r\n onClick={e => {\r\n e.stopPropagation();\r\n this.collapseAll();\r\n }}\r\n onKeyDown={e => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n this.collapseAll();\r\n }\r\n }}\r\n >\r\n {this.collapseLabel}\r\n </span>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n\r\n <div class=\"ifx-multiselect-options\" role=\"listbox\" aria-multiselectable=\"true\">\r\n <slot />\r\n {this.searchTerm && this.showNoResultsMessage && this.renderNoResultsMessage()}\r\n </div>\r\n </div>\r\n )}\r\n <div class=\"ifx-multiselect-icon-container\">\r\n {/* Clear Button - will show only if there's a selection */}\r\n {this.persistentSelectedOptions.length > 0 && (\r\n <div class={`ifx-clear-button ${!this.showClearButton ? 'hide' : ''}`} onClick={this.disabled && !this.error ? undefined : () => this.clearSelection()}>\r\n <ifx-icon icon=\"cRemove16\"></ifx-icon>\r\n </div>\r\n )}\r\n <div class=\"icon-wrapper-up\" onClick={this.disabled && !this.error ? undefined : () => this.toggleDropdown()}>\r\n <ifx-icon key=\"icon-up\" icon=\"chevron-up-16\"></ifx-icon>\r\n </div>\r\n <div class=\"icon-wrapper-down\" onClick={this.disabled && !this.error ? undefined : () => this.toggleDropdown()}>\r\n <ifx-icon key=\"icon-down\" icon=\"chevron-down-16\"></ifx-icon>\r\n </div>\r\n </div>\r\n </div>\r\n {this.caption && <div class={`multi__select-caption ${this.error ? 'error' : ''} ${this.disabled && !this.error ? 'disabled' : ''}`}>{this.caption}</div>}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/components/{p-BQj9WQQe.js → p-B61ip_5M.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
 import { i as isNestedInIfxComponent, d as detectFramework, t as trackComponent } from './p-bqYaVeZb.js';
-import { d as defineCustomElement$1 } from './p-DhNY6ZGA.js';
+import { d as defineCustomElement$1 } from './p-BnjY2AJX.js';
 const checkboxCss = ":host{display:inline-flex;vertical-align:top}.checkbox__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:top;padding:0px;gap:8px;font-family:\"Source Sans 3\";vertical-align:bottom}.checkbox__container .checkbox__wrapper{box-sizing:border-box;display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:#FFFFFF;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0;align-self:flex-start}.checkbox__container .checkbox__wrapper.checkbox-m{height:24px;width:24px}.checkbox__container .checkbox__wrapper.error{border-color:#CD002F}.checkbox__container .checkbox__wrapper:focus-visible{border:1px solid #575352;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper:hover{background-color:#EEEDED;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.disabled{background-color:#BFBBBB;border-color:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate){background-color:#0A8276;border-radius:1px;border-color:transparent;flex:none;order:0;flex-grow:0;color:#FFFFFF}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate).error{background-color:#CD002F}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate):focus-visible{border:1px solid transparent;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate):hover{background-color:#0A8276;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate).disabled{background:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.indeterminate:before{content:\"\";display:block;width:70%;height:2px;background-color:#08665C;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.checkbox__container .label{font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;max-width:100%}.checkbox__container .label.label-m{font-size:1rem;line-height:1.5rem}.checkbox__container .label.disabled{color:#BFBBBB}.checkbox__container .checkbox__wrapper:hover,.checkbox__container .label:hover{cursor:pointer}";
@@ -97,12 +97,12 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends H {
         if (slot) {
             hasSlot = true;
         }
-        return (h("div", { key: '6605cecca0fc9ea377620c93c411747c6103d0fc', class: "checkbox__container" }, h("input", { key: 'e28753294d821fdc066f64e99295bb6ead4be86d', type: "checkbox", hidden: true, ref: (el) => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleCheckbox.bind(this), id: 'checkbox', value: `${this.value}`, disabled: this.disabled ? true : undefined }), h("div", { key: 'ff14245dcd1ff6285ec153591b52ffa3c3f06358', tabindex: "0", onClick: this.handleCheckbox.bind(this), onKeyDown: this.handleKeydown.bind(this), role: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : this.internalChecked.toString(), "aria-disabled": this.disabled, "aria-labelledby": "label", class: `checkbox__wrapper
-          ${this.getCheckedClassName()}
-        ${this.size === "m" ? "checkbox-m" : ""}
-        ${this.indeterminate ? 'indeterminate' : ""}
-        ${this.disabled ? 'disabled' : ""}` }, this.internalChecked && !this.internalIndeterminate && h("ifx-icon", { key: '13e9e197e4375548b34a597c007ddf6866ad5e05', icon: "check-16", "aria-hidden": "true" })), hasSlot &&
-            h("div", { key: '8161ca9223da4df88bc82eb9d26989df68cedc19', id: "label", class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ""} `, onClick: this.handleCheckbox.bind(this) }, h("slot", { key: '29856bf622df0289f8803eb3c4a33f4738f50863' }))));
+        return (h("div", { key: '3f4f974a98652e4be4057c36a7533e0d8d68de24', class: "checkbox__container" }, h("input", { key: 'b636b5d3fa14a620822a6bc518607a59a01652c8', type: "checkbox", hidden: true, ref: (el) => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleCheckbox.bind(this), id: 'checkbox', value: `${this.value}`, disabled: this.disabled ? true : undefined }), h("div", { key: '13d0ecefb5b5af1c00b2e09c9c0fc9cc4c83d724', tabindex: "0", onClick: this.handleCheckbox.bind(this), onKeyDown: this.handleKeydown.bind(this), role: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : this.internalChecked.toString(), "aria-disabled": this.disabled, "aria-labelledby": "label", class: `checkbox__wrapper
+          ${this.getCheckedClassName()}
+        ${this.size === "m" ? "checkbox-m" : ""}
+        ${this.indeterminate ? 'indeterminate' : ""}
+        ${this.disabled ? 'disabled' : ""}` }, this.internalChecked && !this.internalIndeterminate && h("ifx-icon", { key: '460c969742fe90ba3e06907fc7884ab29824f061', icon: "check-16", "aria-hidden": "true" })), hasSlot &&
+            h("div", { key: '273def9e47faeaeb5e60713cd2339929d201dff4', id: "label", class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ""} `, onClick: this.handleCheckbox.bind(this) }, h("slot", { key: '8fa93a5b1611fb49bea4a6535504aafe8f8008c8' }))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -147,6 +147,6 @@ function defineCustomElement() {
 }
 export { Checkbox as C, defineCustomElement as d };
-//# sourceMappingURL=p-BQj9WQQe.js.map
+//# sourceMappingURL=p-B61ip_5M.js.map
-//# sourceMappingURL=p-BQj9WQQe.js.map
+//# sourceMappingURL=p-B61ip_5M.js.map

package/dist/components/p-B61ip_5M.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-B61ip_5M.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/checkbox/checkbox.scss?tag=ifx-checkbox&encapsulation=shadow","src/components/checkbox/checkbox.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n:host {\r\n display: inline-flex;\r\n vertical-align: top;\r\n}\r\n\r\n.checkbox__container {\r\n box-sizing: border-box;\r\n display: inline-flex;\r\n flex-direction: row;\r\n align-items: top;\r\n padding: 0px;\r\n gap: tokens.$ifxSpace100;\r\n font-family: tokens.$ifxFontFamilyBody;\r\n vertical-align: bottom;\r\n\r\n & .checkbox__wrapper {\r\n box-sizing: border-box;\r\n display: flex;\r\n position: relative; //needs to be added for the indeterminate state of the checkbox\r\n justify-content: center;\r\n align-items: center;\r\n width: tokens.$ifxSize250;\r\n height: tokens.$ifxSize250;\r\n background-color: tokens.$ifxColorBaseWhite;\r\n border: 1px solid tokens.$ifxColorEngineering500;\r\n border-radius: tokens.$ifxBorderRadius12;\r\n flex: none;\r\n order: 0;\r\n flex-grow: 0;\r\n align-self: flex-start;\r\n\r\n &.checkbox-m {\r\n height: tokens.$ifxSize300;\r\n width: tokens.$ifxSize300;\r\n }\r\n\r\n &.error {\r\n border-color: tokens.$ifxColorRed500;\r\n }\r\n\r\n &:focus-visible {\r\n border: 1px solid tokens.$ifxColorEngineering500;\r\n outline: 2px solid tokens.$ifxColorOcean500;\r\n outline-offset: 2px;\r\n }\r\n\r\n &:hover {\r\n background-color: tokens.$ifxColorEngineering200;\r\n border: 1px solid tokens.$ifxColorEngineering500;\r\n border-radius: tokens.$ifxBorderRadius12;\r\n flex: none;\r\n order: 0;\r\n flex-grow: 0;\r\n }\r\n\r\n &.disabled {\r\n background-color: tokens.$ifxColorEngineering300;;\r\n border-color: tokens.$ifxColorEngineering300;;\r\n border-radius: tokens.$ifxBorderRadius12;\r\n flex: none;\r\n order: 0;\r\n flex-grow: 0;\r\n }\r\n\r\n &.checked:not(.indeterminate) {\r\n background-color: tokens.$ifxColorOcean500;\r\n border-radius: tokens.$ifxBorderRadius12;\r\n border-color: tokens.$ifxColorBaseTransparent;\r\n flex: none;\r\n order: 0;\r\n flex-grow: 0;\r\n color: tokens.$ifxColorBaseWhite;\r\n\r\n &.error {\r\n background-color: tokens.$ifxColorRed500;\r\n }\r\n\r\n &:focus-visible {\r\n border: 1px solid transparent;\r\n outline: 2px solid #0A8276;\r\n outline-offset: 2px;\r\n }\r\n\r\n &:hover {\r\n background-color: tokens.$ifxColorOcean500;\r\n border-radius: tokens.$ifxBorderRadius12;\r\n flex: none;\r\n order: 0;\r\n flex-grow: 0;\r\n }\r\n\r\n &.disabled {\r\n background: tokens.$ifxColorEngineering300;;\r\n border-radius: tokens.$ifxBorderRadius12;\r\n flex: none;\r\n order: 0;\r\n flex-grow: 0;\r\n }\r\n }\r\n\r\n &.indeterminate {\r\n &:before {\r\n content: \"\";\r\n display: block;\r\n width: 70%; // Adjust as needed for the width of the minus sign\r\n height: 2px; // Adjust for thickness of the minus sign\r\n background-color: tokens.$ifxColorOcean600; // Color of the minus sign\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n }\r\n }\r\n\r\n }\r\n\r\n & .label {\r\n font-style: normal;\r\n font-weight: 400;\r\n font-size: tokens.$ifxFontSizeS;\r\n line-height: tokens.$ifxLineHeightS;\r\n color: tokens.$ifxColorBaseBlack;\r\n overflow-wrap: break-word;\r\n word-wrap: break-word;\r\n word-break: break-all;\r\n max-width: 100%;\r\n\r\n &.label-m {\r\n font-size: tokens.$ifxFontSizeM;\r\n line-height: tokens.$ifxLineHeightM;\r\n }\r\n\r\n &.disabled {\r\n color: tokens.$ifxColorEngineering300;\r\n }\r\n }\r\n\r\n & .checkbox__wrapper,\r\n & .label {\r\n &:hover {\r\n cursor: pointer;\r\n }\r\n }\r\n}","import { Component, h, Prop, Element, State, Event, EventEmitter, Watch, Method, AttachInternals } 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-checkbox',\r\n styleUrl: 'checkbox.scss',\r\n shadow: true,\r\n // formAssociated: true\r\n})\r\n\r\nexport class Checkbox {\r\n private inputElement: HTMLInputElement;\r\n\r\n @Element() el;\r\n @Prop() disabled: boolean = false;\r\n @Prop() checked: boolean = false;\r\n @Prop() error: boolean = false;\r\n @Prop() size: string = 'm';\r\n @Prop() indeterminate: boolean = false;\r\n @Prop() value: string;\r\n @State() internalChecked: boolean;\r\n @State() internalIndeterminate: boolean;\r\n\r\n @AttachInternals() internals: ElementInternals;\r\n\r\n @Event({ bubbles: true, composed: true }) ifxChange: EventEmitter;\r\n @Event({ bubbles: true, composed: true }) ifxError: EventEmitter;\r\n\r\n handleCheckbox() {\r\n if (!this.disabled) {\r\n if (!this.inputElement.indeterminate) {\r\n this.internalChecked = !this.internalChecked;\r\n } \r\n if (this.internalChecked && !this.internalIndeterminate) {\r\n if (this.value !== undefined) {\r\n //this.internals.setFormValue(this.value);\r\n } else {\r\n //this.internals.setFormValue(\"on\")\r\n }\r\n } else {\r\n //this.internals.setFormValue(null)\r\n }\r\n this.ifxChange.emit(this.internalChecked);\r\n }\r\n }\r\n\r\n @Method()\r\n async isChecked(): Promise<boolean> {\r\n return this.internalChecked;\r\n }\r\n\r\n @Method()\r\n async toggleCheckedState(newVal: boolean) {\r\n this.internalChecked = newVal;\r\n }\r\n\r\n @Watch('checked')\r\n valueChanged(newValue: boolean, oldValue: boolean) {\r\n if (newValue !== oldValue) {\r\n this.internalChecked = newValue;\r\n this.inputElement.checked = this.internalChecked; // update the checkbox's checked property\r\n }\r\n }\r\n\r\n @Watch('error')\r\n errorChanged(newValue: boolean, oldValue: boolean) {\r\n if (newValue !== oldValue) {\r\n this.ifxError.emit(newValue);\r\n }\r\n }\r\n\r\n @Watch('indeterminate')\r\n indeterminateChanged(newValue: boolean, oldValue: boolean) {\r\n if (newValue !== oldValue) {\r\n this.internalIndeterminate = newValue;\r\n this.inputElement.indeterminate = this.internalIndeterminate; // update the checkbox's indeterminate property\r\n }\r\n }\r\n\r\n handleKeydown(event) {\r\n // Keycode 32 corresponds to the Space key, 13 corresponds to the Enter key\r\n if (event.keyCode === 32 || event.keyCode === 13) {\r\n this.handleCheckbox();\r\n event.preventDefault(); // prevent the default action when space or enter is pressed\r\n }\r\n }\r\n\r\n componentWillLoad() {\r\n this.internalChecked = this.checked;\r\n this.internalIndeterminate = this.indeterminate;\r\n }\r\n\r\n async componentDidLoad() { \r\n if(!isNestedInIfxComponent(this.el)) { \r\n const framework = detectFramework();\r\n trackComponent('ifx-checkbox', await framework)\r\n }\r\n }\r\n\r\n componentDidRender() {\r\n this.inputElement.indeterminate = this.internalIndeterminate;\r\n }\r\n\r\n /**\r\n * Callback for form association.\r\n * Called whenever the form is reset.\r\n */\r\n // formResetCallback() {\r\n // this.internals.setFormValue(null);\r\n // }\r\n\r\n getCheckedClassName() {\r\n if (this.error) {\r\n if (this.internalChecked) {\r\n return \"checked error\"\r\n } else {\r\n return \"error\"\r\n }\r\n } else if (this.internalChecked) {\r\n return \"checked\";\r\n } else return \"\"\r\n }\r\n\r\n render() {\r\n const slot = this.el.innerHTML;\r\n let hasSlot = false;\r\n if (slot) {\r\n hasSlot = true;\r\n }\r\n return (\r\n <div class=\"checkbox__container\">\r\n <input\r\n type=\"checkbox\"\r\n hidden\r\n ref={(el) => (this.inputElement = el)}\r\n checked={this.internalChecked}\r\n onChange={this.handleCheckbox.bind(this)} // Listen for changes here\r\n id='checkbox'\r\n value={`${this.value}`}\r\n disabled={this.disabled ? true : undefined}\r\n />\r\n <div\r\n tabindex=\"0\"\r\n onClick={this.handleCheckbox.bind(this)}\r\n onKeyDown={this.handleKeydown.bind(this)}\r\n role=\"checkbox\"\r\n aria-checked={this.indeterminate ? 'mixed' : this.internalChecked.toString()}\r\n aria-disabled={this.disabled}\r\n aria-labelledby=\"label\"\r\n class={`checkbox__wrapper \r\n ${this.getCheckedClassName()}\r\n ${this.size === \"m\" ? \"checkbox-m\" : \"\"}\r\n ${this.indeterminate ? 'indeterminate' : \"\"}\r\n ${this.disabled ? 'disabled' : \"\"}`}\r\n >\r\n {this.internalChecked && !this.internalIndeterminate && <ifx-icon icon=\"check-16\" aria-hidden=\"true\"></ifx-icon>}\r\n </div>\r\n {hasSlot &&\r\n <div id=\"label\" class={`label ${this.size === \"m\" ? \"label-m\" : \"\"} ${this.disabled ? 'disabled' : \"\"} `} onClick={this.handleCheckbox.bind(this)}>\r\n <slot />\r\n </div>}\r\n </div>\r\n );\r\n }\r\n}"],"version":3}

package/dist/components/{p-BR9GBwm3.js → p-B8O27fA1.js} RENAMED Viewed

@@ -26,7 +26,7 @@ const ProgressBar = /*@__PURE__*/ proxyCustomElement(class ProgressBar extends H
         }
     }
     render() {
-        return (h("div", { key: '06b7b6b58ce9daa516fa16fbb41d41ccf53a1904', role: "progressbar", "aria-valuenow": this.internalValue, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": `Progress: ${this.internalValue}%`, class: `progress-bar ${this.size}` }, h("div", { key: '81819666cb90f1511cfa03bbb125e76c69bef5cf', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && h("span", { key: '29a371be17682cca7cc5b899122239b1b88481c6', class: "label" }, `${this.internalValue}%`))));
+        return (h("div", { key: '650b54cfe6d8789f04d2f34345daa65bb2587a74', role: "progressbar", "aria-valuenow": this.internalValue, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": `Progress: ${this.internalValue}%`, class: `progress-bar ${this.size}` }, h("div", { key: 'e1e9a0bac7727ee6f2b7c75c290cfa99c5fbaa5e', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && h("span", { key: '29dc81eb76451d391cb888c1f2b031cdcffb2f5d', class: "label" }, `${this.internalValue}%`))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -56,6 +56,6 @@ function defineCustomElement() {
 }
 export { ProgressBar as P, defineCustomElement as d };
-//# sourceMappingURL=p-BR9GBwm3.js.map
+//# sourceMappingURL=p-B8O27fA1.js.map
-//# sourceMappingURL=p-BR9GBwm3.js.map
+//# sourceMappingURL=p-B8O27fA1.js.map

package/dist/components/p-B8O27fA1.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-B8O27fA1.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,ukBAAukB;;MCUjlB,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;AALxB,IAAA,WAAA,GAAA;;;;AAOU,QAAA,IAAK,CAAA,KAAA,GAAW,CAAC;AAEjB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAmCnC;IA9BC,YAAY,CAAC,QAAgB,EAAE,QAAgB,EAAA;AAC7C,QAAA,IAAI,QAAQ,KAAK,QAAQ,EAAE;AACzB,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ;;;IAIjC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK;;AAGjC,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,kBAAkB,EAAE,MAAM,SAAS,CAAC;;;IAIvD,MAAM,GAAA;QACJ,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,aAAa,EACN,eAAA,EAAA,IAAI,CAAC,aAAa,EACnB,eAAA,EAAA,GAAG,EACH,eAAA,EAAA,KAAK,gBACP,CAAA,UAAA,EAAa,IAAI,CAAC,aAAa,CAAG,CAAA,CAAA,EAAE,KAAK,EAAE,CAAgB,aAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EAClF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAG,EAAA,IAAI,CAAC,aAAa,CAAG,CAAA,CAAA,EAAE,EAAA,EAC7D,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,IAAI,CAAC,aAAa,KAAK,CAAC,IAAI,6DAAM,KAAK,EAAC,OAAO,EAAE,EAAA,CAAA,EAAG,IAAI,CAAC,aAAa,CAAA,CAAA,CAAG,CAAQ,CACrH,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/progress-bar/progress-bar.scss?tag=ifx-progress-bar&encapsulation=shadow","src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n:host {\r\n display: flex;\r\n width: 100%;\r\n}\r\n\r\n.progress-bar {\r\n height: tokens.$ifxSize200;\r\n bottom: 0;\r\n right: 0;\r\n top: 0;\r\n left: 0;\r\n display: flex;\r\n height: tokens.$ifxSize250;\r\n border-radius: tokens.$ifxBorderRadius12;\r\n width: 100%; // Ensure the bar itself can grow up to 100% width\r\n overflow: hidden; // Ensures that the inner progress bar doesn't exceed the width of the outer progress bar\r\n background-color: tokens.$ifxColorEngineering200;\r\n font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n \r\n \r\n &.s {\r\n height: 4px;\r\n }\r\n\r\n .label {\r\n font-style: normal;\r\n font-size: tokens.$ifxFontSizeS;\r\n font-weight: 400;\r\n line-height: tokens.$ifxLineHeightS;\r\n color: tokens.$ifxColorBaseWhite;\r\n }\r\n \r\n .progress {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: fit-content;\r\n height: 100%;\r\n background-color: #0A8276;\r\n transition: width 0.2s ease;\r\n }\r\n}","import { Component, Prop, h, State, 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-progress-bar',\r\n styleUrl: 'progress-bar.scss',\r\n shadow: true\r\n})\r\nexport class ProgressBar {\r\n @Element() el: HTMLElement;\r\n @Prop() value: number = 0;\r\n @Prop() size: string;\r\n @Prop() showLabel: boolean = false;\r\n\r\n @State() internalValue: number;\r\n\r\n @Watch('value')\r\n valueChanged(newValue: number, oldValue: number) {\r\n if (newValue !== oldValue) {\r\n this.internalValue = newValue;\r\n }\r\n }\r\n\r\n componentWillLoad() {\r\n this.internalValue = this.value;\r\n }\r\n\r\n async componentDidLoad() { \r\n if(!isNestedInIfxComponent(this.el)) { \r\n const framework = detectFramework();\r\n trackComponent('ifx-progress-bar', await framework)\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div role=\"progressbar\"\r\n aria-valuenow={this.internalValue}\r\n aria-valuemin=\"0\"\r\n aria-valuemax=\"100\"\r\n aria-label={`Progress: ${this.internalValue}%`} class={`progress-bar ${this.size}`}>\r\n <div class=\"progress\" style={{ width: `${this.internalValue}%` }}>\r\n {this.showLabel && this.size !== \"s\" && this.internalValue !== 0 && <span class=\"label\">{`${this.internalValue}%`}</span>}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/components/{p-DdOsLLJc.js → p-BNfoBOb0.js} RENAMED Viewed

@@ -18,8 +18,8 @@ const Spinner = /*@__PURE__*/ proxyCustomElement(class Spinner extends H {
         }
     }
     render() {
-        return (h("div", { key: 'dcb5fa927ad5ad53c34eb4c47a115cf3ae9958cd', role: "status", "aria-label": this.ariaLabel || "Loading", class: this.getClassNames() }, h("div", { key: '490dd918800c9ae2dad8289cc5b7adaefeff8ab7', class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
-            && h("div", { key: '4da8f91e1154a482b8f196e7a8c972db546ca16a', class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, h("svg", { key: 'd1e37b9d383892fc9528588184fb3af7c76934de', width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'f750eebbab8e00e9f1b6913d8f229ad13f1b94a2', id: "spinner/conductor" }, h("path", { key: 'c96fa1feb182affde75eabf4a4cc834f2f3d3dcc', id: "Vector", d: "M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z" }))))));
+        return (h("div", { key: '3494b108576459cad2c7d1c9796c32486df2049f', role: "status", "aria-label": this.ariaLabel || "Loading", class: this.getClassNames() }, h("div", { key: '4c38429b38606bbfa4886e1c5a356b567961726d', class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
+            && h("div", { key: '9c76d02a9a93eb20882b89875fc18b15ff7219d3', class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, h("svg", { key: '7b09ca8942f361fed1e5c4af040e2facc7ae9044', width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '28fff6e48621daf10ba79f86975b6c11860a9d6f', id: "spinner/conductor" }, h("path", { key: '31a4c0c243b82b3c3f0c870f6990b5d41e7c5ef2', id: "Vector", d: "M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z" }))))));
     }
     getSizeClass() {
         return `${this.size}` === "s"
@@ -52,6 +52,6 @@ function defineCustomElement() {
 }
 export { Spinner as S, defineCustomElement as d };
-//# sourceMappingURL=p-DdOsLLJc.js.map
+//# sourceMappingURL=p-BNfoBOb0.js.map
-//# sourceMappingURL=p-DdOsLLJc.js.map
+//# sourceMappingURL=p-BNfoBOb0.js.map