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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"tree-view.stories.js","sourceRoot":"","sources":["../../../src/components/tree-view/tree-view.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\r\nimport type { Meta, StoryFn } from '@storybook/html';\r\n\r\nconst hideAllControlsExcept = (allowedKeys: string[]) => {\r\n const allProps = [\r\n 'label', 'disableAllItems', 'expandAllItems', 'ariaLabel', 'value'\r\n ];\r\n const argTypes: Record<string, any> = {};\r\n for (const prop of allProps) {\r\n if (!allowedKeys.includes(prop)) {\r\n argTypes[prop] = { table: { disable: true } };\r\n }\r\n }\r\n return argTypes;\r\n};\r\n\r\nconst disableCustomEventControls = {\r\n ifxTreeViewExpandAllChange: { table: { disable: true } },\r\n ifxTreeViewDisableAllChange: { table: { disable: true } },\r\n ifxTreeViewItemExpandChange: { table: { disable: true } },\r\n ifxTreeViewItemCheckChange: { table: { disable: true } },\r\n ifxTreeViewItemDisableChange: { table: { disable: true } }\r\n};\r\n\r\nconst meta: Meta = {\r\n title: 'Components/Tree View',\r\n tags: ['autodocs'],\r\n parameters: {\r\n controls: { expanded: true },\r\n docs: {\r\n description: {\r\n component: 'Tree View component with nested items, checkboxes, keyboard navigation, and accessibility.',\r\n },\r\n },\r\n },\r\n argTypes: {\r\n // --- FUNCTION ---\r\n disableAllItems: {\r\n control: 'boolean',\r\n description: 'Disables all tree items.',\r\n table: { category: 'Function', defaultValue: { summary: 'false' } },\r\n },\r\n expandAllItems: {\r\n control: 'boolean',\r\n description: 'Expands all tree items.',\r\n table: { category: 'Function', defaultValue: { summary: 'false' } },\r\n },\r\n initiallyExpanded: {\r\n table: { category: 'Function', type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },\r\n description: 'Expands this tree item initially (set as attribute on the item). No interactive control.',\r\n control: false,\r\n },\r\n initiallySelected: {\r\n table: { category: 'Function', type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },\r\n description: 'Selects this tree item initially (set as attribute on the item). No interactive control.',\r\n control: false,\r\n },\r\n disableItem: {\r\n table: { category: 'Function', type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },\r\n description: 'Disables this tree item (set as attribute on the item). No interactive control.',\r\n control: false,\r\n },\r\n value: {\r\n control: false,\r\n table: { category: 'Function', type: { summary: 'string' }, defaultValue: { summary: 'undefined' } },\r\n description: 'Optional value for each tree item (set as attribute on the item). No interactive control.',\r\n },\r\n\r\n // --- Label ---\r\n label: {\r\n control: 'text',\r\n description: 'Label / Heading for tree view.',\r\n table: { category: 'Label', defaultValue: { summary: 'false' } },\r\n },\r\n\r\n // --- ARIA LABELS ---\r\n ariaLabel: {\r\n control: 'text',\r\n description: 'ARIA label for the tree view.',\r\n table: { category: 'Aria Labels', defaultValue: { summary: 'Tree View' } },\r\n },\r\n ariaLabelItem: {\r\n control: 'text',\r\n description: 'ARIA label for all tree view items.',\r\n table: { category: 'Aria Labels', defaultValue: { summary: 'Tree Item' } },\r\n },\r\n\r\n // --- CUSTOM EVENTS ---\r\n ifxTreeViewExpandAllChange: {\r\n action: 'ifxTreeViewExpandAllChange',\r\n table: { category: 'Custom Events' },\r\n description: 'Fired when expandAllItems changes.',\r\n },\r\n ifxTreeViewDisableAllChange: {\r\n action: 'ifxTreeViewDisableAllChange',\r\n table: { category: 'Custom Events' },\r\n description: 'Fired when disableAllItems changes.',\r\n },\r\n ifxTreeViewItemExpandChange: {\r\n action: 'ifxTreeViewItemExpandChange',\r\n table: { category: 'Custom Events' },\r\n description: 'Fired when a tree item is expanded/collapsed. For parent items, includes affectedItems array with all affected parent descendants.',\r\n },\r\n ifxTreeViewItemCheckChange: {\r\n action: 'ifxTreeViewItemCheckChange',\r\n table: { category: 'Custom Events' },\r\n description: 'Fired when a tree item is checked/unchecked. For parent items, includes affectedChildItems array with all affected descendants.',\r\n },\r\n ifxTreeViewItemDisableChange: {\r\n action: 'ifxTreeViewItemDisableChange',\r\n table: { category: 'Custom Events' },\r\n description: 'Fired when a tree item is disabled/enabled.',\r\n },\r\n }\r\n};\r\n\r\nexport default meta;\r\n\r\nconst BaseTemplate: StoryFn = (args) => {\r\n const el = document.createElement('ifx-tree-view');\r\n if (args.label) el.setAttribute('label', args.label);\r\n el.setAttribute('aria-label', args.ariaLabel);\r\n\r\n if (args.disableAllItems) el.setAttribute('disable-all-items', 'true');\r\n else el.removeAttribute('disable-all-items');\r\n\r\n if (args.expandAllItems) el.setAttribute('expand-all-items', 'true');\r\n else el.removeAttribute('expand-all-items');\r\n\r\n const ariaLabelItemAttr = args.ariaLabelItem\r\n ? `aria-label=\"${args.ariaLabelItem}\"`\r\n : '';\r\n\r\n el.innerHTML = `\r\n <ifx-tree-view-item icon=\"folder\" initially-expanded=\"true\" value=\"root-folder\" ${ariaLabelItemAttr}>\r\n Root Folder\r\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" initially-expanded=\"true\" value=\"subfolder-1\" ${ariaLabelItemAttr}>\r\n Subfolder 1\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-1-1\" ${ariaLabelItemAttr}>File 1-1.txt</ifx-tree-view-item>\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-1-2\" ${ariaLabelItemAttr}>File 1-2.txt</ifx-tree-view-item>\r\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" value=\"subfolder-1-1\" ${ariaLabelItemAttr}>\r\n Subfolder 1-1\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-1-1-1\" ${ariaLabelItemAttr}>File 1-1-1.txt</ifx-tree-view-item>\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-1-1-2\" ${ariaLabelItemAttr}>File 1-1-2.txt</ifx-tree-view-item>\r\n </ifx-tree-view-item>\r\n </ifx-tree-view-item>\r\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" value=\"subfolder-2\" ${ariaLabelItemAttr}>\r\n Subfolder 2\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-2-1\" ${ariaLabelItemAttr}>File 2-1.txt</ifx-tree-view-item>\r\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" value=\"subfolder-2-1\" ${ariaLabelItemAttr}>\r\n Subfolder 2-1\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-2-1-1\" ${ariaLabelItemAttr}>File 2-1-1.txt</ifx-tree-view-item>\r\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" value=\"subfolder-2-1-1\" ${ariaLabelItemAttr}>\r\n Subfolder 2-1-1\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-2-1-1-1\" ${ariaLabelItemAttr}>File 2-1-1-1.txt</ifx-tree-view-item>\r\n </ifx-tree-view-item>\r\n </ifx-tree-view-item>\r\n </ifx-tree-view-item>\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-at-root\" ${ariaLabelItemAttr}>File at root.txt</ifx-tree-view-item>\r\n </ifx-tree-view-item>\r\n <ifx-tree-view-item icon=\"folder\" value=\"another-root\" ${ariaLabelItemAttr}>\r\n Another Root Folder\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-a\" ${ariaLabelItemAttr}>File A.txt</ifx-tree-view-item>\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-b\" ${ariaLabelItemAttr}>File B.txt</ifx-tree-view-item>\r\n </ifx-tree-view-item>\r\n <ifx-tree-view-item icon=\"file\" value=\"single-file\" ${ariaLabelItemAttr}>Single File</ifx-tree-view-item>\r\n `;\r\n\r\n el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));\r\n el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));\r\n el.addEventListener('ifxTreeViewItemExpandChange', (event) => {\r\n const customEvent = event as CustomEvent;\r\n action('ifxTreeViewItemExpandChange')({\r\n expanded: customEvent.detail.expanded,\r\n value: customEvent.detail.value,\r\n affectedItems: customEvent.detail.affectedItems \|\| []\r\n });\r\n });\r\n el.addEventListener('ifxTreeViewItemCheckChange', (event) => {\r\n const customEvent = event as CustomEvent;\r\n action('ifxTreeViewItemCheckChange')({\r\n checked: customEvent.detail.checked,\r\n indeterminate: customEvent.detail.indeterminate,\r\n value: customEvent.detail.value,\r\n affectedChildItems: customEvent.detail.affectedChildItems \|\| [],\r\n level: customEvent.detail.level,\r\n disabled: customEvent.detail.disabled\r\n });\r\n });\r\n el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));\r\n\r\n return el;\r\n};\r\n\r\nexport const Default = BaseTemplate.bind({});\r\nDefault.args = {\r\n disableAllItems: false,\r\n expandAllItems: false,\r\n label: 'Tree Example',\r\n ariaLabel: 'Tree View',\r\n ariaLabelItem: 'Tree Item',\r\n};\r\n\r\nDefault.argTypes = {\r\n ...hideAllControlsExcept(['label', 'disableAllItems', 'expandAllItems', 'ariaLabel', 'value']),\r\n ...disableCustomEventControls,\r\n\r\n ifxTreeViewExpandAllChange: {\r\n action: 'ifxTreeViewExpandAllChange',\r\n table: { category: 'Custom Events' },\r\n description: 'Fired when expandAllItems changes.',\r\n },\r\n ifxTreeViewDisableAllChange: {\r\n action: 'ifxTreeViewDisableAllChange',\r\n table: { category: 'Custom Events' },\r\n description: 'Fired when disableAllItems changes.',\r\n },\r\n ifxTreeViewItemExpandChange: {\r\n action: 'ifxTreeViewItemExpandChange',\r\n table: { category: 'Custom Events' },\r\n description: 'Fired when a tree item is expanded/collapsed. For parent items, includes affectedItems array with all affected parent descendants.',\r\n },\r\n ifxTreeViewItemCheckChange: {\r\n action: 'ifxTreeViewItemCheckChange',\r\n table: { category: 'Custom Events' },\r\n description: 'Fired when a tree item is checked/unchecked. For parent items, includes affectedChildItems array with all affected descendants.',\r\n },\r\n ifxTreeViewItemDisableChange: {\r\n action: 'ifxTreeViewItemDisableChange',\r\n table: { category: 'Custom Events' },\r\n description: 'Fired when a tree item is disabled/enabled.',\r\n },\r\n};\r\n\r\nexport const ContainerDemo: StoryFn = (args) => {\r\n const ariaLabelItemAttr = args.ariaLabelItem\r\n ? `aria-label=\"${args.ariaLabelItem}\"`\r\n : '';\r\n\r\n\r\n const wrapper = document.createElement('div');\r\n wrapper.style.maxWidth = '225px';\r\n wrapper.style.border = '1px solid #ccc';\r\n wrapper.style.padding = '8px';\r\n wrapper.style.overflow = 'auto';\r\n\r\n const el = document.createElement('ifx-tree-view');\r\n el.setAttribute('label', args.label);\r\n el.setAttribute('aria-label', args.ariaLabel);\r\n\r\n if (args.disableAllItems) el.setAttribute('disable-all-items', 'true');\r\n if (args.expandAllItems) el.setAttribute('expand-all-items', 'true');\r\n\r\n el.innerHTML = `\r\n <ifx-tree-view-item icon=\"folder\" initially-expanded=\"true\" value=\"root-folder\" ${ariaLabelItemAttr}>\r\n Root Folder\r\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" initially-expanded=\"true\" value=\"subfolder-1\" ${ariaLabelItemAttr}>\r\n Subfolder 1\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-1-1\" ${ariaLabelItemAttr}>File 1-1.txt</ifx-tree-view-item>\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-1-2\" ${ariaLabelItemAttr}>File 1-2.txt</ifx-tree-view-item>\r\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" value=\"subfolder-1-1\" ${ariaLabelItemAttr}>\r\n Subfolder 1-1\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-1-1-1\" ${ariaLabelItemAttr}>File 1-1-1.txt</ifx-tree-view-item>\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-1-1-2\" ${ariaLabelItemAttr}>File 1-1-2.txt</ifx-tree-view-item>\r\n </ifx-tree-view-item>\r\n </ifx-tree-view-item>\r\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" value=\"subfolder-2\" ${ariaLabelItemAttr}>\r\n Subfolder 2\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-2-1\" ${ariaLabelItemAttr}>File 2-1.txt</ifx-tree-view-item>\r\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" value=\"subfolder-2-1\" ${ariaLabelItemAttr}>\r\n Subfolder 2-1\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-2-1-1\" ${ariaLabelItemAttr}>File 2-1-1.txt</ifx-tree-view-item>\r\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" value=\"subfolder-2-1-1\" ${ariaLabelItemAttr}>\r\n Subfolder 2-1-1\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-2-1-1-1\" ${ariaLabelItemAttr}>File 2-1-1-1.txt</ifx-tree-view-item>\r\n </ifx-tree-view-item>\r\n </ifx-tree-view-item>\r\n </ifx-tree-view-item>\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-at-root\" ${ariaLabelItemAttr}>File at root.txt</ifx-tree-view-item>\r\n </ifx-tree-view-item>\r\n <ifx-tree-view-item icon=\"folder\" value=\"another-root\" ${ariaLabelItemAttr}>\r\n Another Root Folder\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-a\" ${ariaLabelItemAttr}>File A.txt</ifx-tree-view-item>\r\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-b\" ${ariaLabelItemAttr}>File B.txt</ifx-tree-view-item>\r\n </ifx-tree-view-item>\r\n <ifx-tree-view-item icon=\"file\" value=\"single-file\" ${ariaLabelItemAttr}>Single File</ifx-tree-view-item>\r\n `;\r\n\r\n el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));\r\n el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));\r\n el.addEventListener('ifxTreeViewItemExpandChange', (event) => {\r\n const customEvent = event as CustomEvent;\r\n action('ifxTreeViewItemExpandChange')({\r\n expanded: customEvent.detail.expanded,\r\n value: customEvent.detail.value,\r\n affectedItems: customEvent.detail.affectedItems \|\| []\r\n });\r\n });\r\n el.addEventListener('ifxTreeViewItemCheckChange', (event) => {\r\n const customEvent = event as CustomEvent;\r\n action('ifxTreeViewItemCheckChange')({\r\n checked: customEvent.detail.checked,\r\n indeterminate: customEvent.detail.indeterminate,\r\n value: customEvent.detail.value,\r\n affectedChildItems: customEvent.detail.affectedChildItems \|\| [],\r\n level: customEvent.detail.level,\r\n disabled: customEvent.detail.disabled\r\n });\r\n });\r\n el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));\r\n\r\n wrapper.appendChild(el);\r\n return wrapper;\r\n};\r\n\r\nContainerDemo.args = {\r\n disableAllItems: false,\r\n expandAllItems: false,\r\n label: 'Tree Example',\r\n ariaLabel: 'Tree View',\r\n ariaLabelItem: 'Tree Item',\r\n};\r\n\r\nContainerDemo.storyName = 'TreeView with scrollbar';\r\nContainerDemo.parameters = {\r\n controls: { disable: true }\r\n};\r\n\r\nexport const SingleItemStates: StoryFn = (args) => {\r\n const el = document.createElement('ifx-tree-view');\r\n if (args.label) el.setAttribute('label', args.label);\r\n el.setAttribute('aria-label', args.ariaLabel);\r\n\r\n const ariaLabelItemAttr = args.ariaLabelItem\r\n ? `aria-label=\"${args.ariaLabelItem}\"`\r\n : '';\r\n\r\n el.innerHTML = `\r\n <ifx-tree-view-item value=\"file-1\" ${ariaLabelItemAttr}>File</ifx-tree-view-item>\r\n <ifx-tree-view-item value=\"file-disabled\" ${ariaLabelItemAttr} disable-item=\"true\">File disabled</ifx-tree-view-item>\r\n <ifx-tree-view-item initially-expanded=\"true\" value=\"folder-expanded\" ${ariaLabelItemAttr}>\r\n Folder initially expanded\r\n <ifx-tree-view-item slot=\"children\" initially-selected=\"true\" value=\"file-selected\" ${ariaLabelItemAttr}>File</ifx-tree-view-item>\r\n <ifx-tree-view-item slot=\"children\" value=\"file-normal\" ${ariaLabelItemAttr}>File</ifx-tree-view-item>\r\n </ifx-tree-view-item>\r\n <ifx-tree-view-item value=\"item-1\" ${ariaLabelItemAttr}>Normal Item</ifx-tree-view-item>\r\n <ifx-tree-view-item value=\"item-2\" ${ariaLabelItemAttr}>Normal Item</ifx-tree-view-item>\r\n `;\r\n\r\n el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));\r\n el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));\r\n el.addEventListener('ifxTreeViewItemExpandChange', (event) => {\r\n const customEvent = event as CustomEvent;\r\n action('ifxTreeViewItemExpandChange')({\r\n expanded: customEvent.detail.expanded,\r\n value: customEvent.detail.value,\r\n affectedItems: customEvent.detail.affectedItems \|\| []\r\n });\r\n });\r\n el.addEventListener('ifxTreeViewItemCheckChange', (event) => {\r\n const customEvent = event as CustomEvent;\r\n action('ifxTreeViewItemCheckChange')({\r\n checked: customEvent.detail.checked,\r\n indeterminate: customEvent.detail.indeterminate,\r\n value: customEvent.detail.value,\r\n affectedChildItems: customEvent.detail.affectedChildItems \|\| [],\r\n level: customEvent.detail.level,\r\n disabled: customEvent.detail.disabled\r\n });\r\n });\r\n el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));\r\n\r\n return el;\r\n};\r\n\r\nSingleItemStates.args = {\r\n disableAllItems: false,\r\n expandAllItems: false,\r\n label: 'Tree Example',\r\n ariaLabel: 'Tree View',\r\n ariaLabelItem: 'Tree Item',\r\n};\r\n\r\nSingleItemStates.storyName = 'Single Item Expanded & disabled';\r\nSingleItemStates.parameters = {\r\n controls: { disable: true }\r\n};\r\n"]}
1	+ {"version":3,"file":"tree-view.stories.js","sourceRoot":"","sources":["../../../src/components/tree-view/tree-view.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\nimport type { Meta, StoryFn } from '@storybook/html';\n\nconst hideAllControlsExcept = (allowedKeys: string[]) => {\n const allProps = [\n 'label', 'disableAllItems', 'expandAllItems', 'ariaLabel', 'value'\n ];\n const argTypes: Record<string, any> = {};\n for (const prop of allProps) {\n if (!allowedKeys.includes(prop)) {\n argTypes[prop] = { table: { disable: true } };\n }\n }\n return argTypes;\n};\n\nconst disableCustomEventControls = {\n ifxTreeViewExpandAllChange: { table: { disable: true } },\n ifxTreeViewDisableAllChange: { table: { disable: true } },\n ifxTreeViewItemExpandChange: { table: { disable: true } },\n ifxTreeViewItemCheckChange: { table: { disable: true } },\n ifxTreeViewItemDisableChange: { table: { disable: true } }\n};\n\nconst meta: Meta = {\n title: 'Components/Tree View',\n tags: ['autodocs'],\n parameters: {\n controls: { expanded: true },\n docs: {\n description: {\n component: 'Tree View component with nested items, checkboxes, keyboard navigation, and accessibility.',\n },\n },\n },\n argTypes: {\n // --- FUNCTION ---\n disableAllItems: {\n control: 'boolean',\n description: 'Disables all tree items.',\n table: { category: 'Function', defaultValue: { summary: 'false' } },\n },\n expandAllItems: {\n control: 'boolean',\n description: 'Expands all tree items.',\n table: { category: 'Function', defaultValue: { summary: 'false' } },\n },\n initiallyExpanded: {\n table: { category: 'Function', type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },\n description: 'Expands this tree item initially (set as attribute on the item). No interactive control.',\n control: false,\n },\n initiallySelected: {\n table: { category: 'Function', type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },\n description: 'Selects this tree item initially (set as attribute on the item). No interactive control.',\n control: false,\n },\n disableItem: {\n table: { category: 'Function', type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },\n description: 'Disables this tree item (set as attribute on the item). No interactive control.',\n control: false,\n },\n value: {\n control: false,\n table: { category: 'Function', type: { summary: 'string' }, defaultValue: { summary: 'undefined' } },\n description: 'Optional value for each tree item (set as attribute on the item). No interactive control.',\n },\n\n // --- Label ---\n label: {\n control: 'text',\n description: 'Label / Heading for tree view.',\n table: { category: 'Label', defaultValue: { summary: 'false' } },\n },\n\n // --- ARIA LABELS ---\n ariaLabel: {\n control: 'text',\n description: 'ARIA label for the tree view.',\n table: { category: 'Aria Labels', defaultValue: { summary: 'Tree View' } },\n },\n ariaLabelItem: {\n control: 'text',\n description: 'ARIA label for all tree view items.',\n table: { category: 'Aria Labels', defaultValue: { summary: 'Tree Item' } },\n },\n\n // --- CUSTOM EVENTS ---\n ifxTreeViewExpandAllChange: {\n action: 'ifxTreeViewExpandAllChange',\n table: { category: 'Custom Events' },\n description: 'Fired when expandAllItems changes.',\n },\n ifxTreeViewDisableAllChange: {\n action: 'ifxTreeViewDisableAllChange',\n table: { category: 'Custom Events' },\n description: 'Fired when disableAllItems changes.',\n },\n ifxTreeViewItemExpandChange: {\n action: 'ifxTreeViewItemExpandChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is expanded/collapsed. For parent items, includes affectedItems array with all affected parent descendants.',\n },\n ifxTreeViewItemCheckChange: {\n action: 'ifxTreeViewItemCheckChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is checked/unchecked. For parent items, includes affectedChildItems array with all affected descendants.',\n },\n ifxTreeViewItemDisableChange: {\n action: 'ifxTreeViewItemDisableChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is disabled/enabled.',\n },\n }\n};\n\nexport default meta;\n\nconst BaseTemplate: StoryFn = (args) => {\n const el = document.createElement('ifx-tree-view');\n if (args.label) el.setAttribute('label', args.label);\n el.setAttribute('aria-label', args.ariaLabel);\n\n if (args.disableAllItems) el.setAttribute('disable-all-items', 'true');\n else el.removeAttribute('disable-all-items');\n\n if (args.expandAllItems) el.setAttribute('expand-all-items', 'true');\n else el.removeAttribute('expand-all-items');\n\n const ariaLabelItemAttr = args.ariaLabelItem\n ? `aria-label=\"${args.ariaLabelItem}\"`\n : '';\n\n el.innerHTML = `\n <ifx-tree-view-item icon=\"folder\" initially-expanded=\"true\" value=\"root-folder\" ${ariaLabelItemAttr}>\n Root Folder\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" initially-expanded=\"true\" value=\"subfolder-1\" ${ariaLabelItemAttr}>\n Subfolder 1\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-1-1\" ${ariaLabelItemAttr}>File 1-1.txt</ifx-tree-view-item>\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-1-2\" ${ariaLabelItemAttr}>File 1-2.txt</ifx-tree-view-item>\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" value=\"subfolder-1-1\" ${ariaLabelItemAttr}>\n Subfolder 1-1\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-1-1-1\" ${ariaLabelItemAttr}>File 1-1-1.txt</ifx-tree-view-item>\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-1-1-2\" ${ariaLabelItemAttr}>File 1-1-2.txt</ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" value=\"subfolder-2\" ${ariaLabelItemAttr}>\n Subfolder 2\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-2-1\" ${ariaLabelItemAttr}>File 2-1.txt</ifx-tree-view-item>\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" value=\"subfolder-2-1\" ${ariaLabelItemAttr}>\n Subfolder 2-1\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-2-1-1\" ${ariaLabelItemAttr}>File 2-1-1.txt</ifx-tree-view-item>\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" value=\"subfolder-2-1-1\" ${ariaLabelItemAttr}>\n Subfolder 2-1-1\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-2-1-1-1\" ${ariaLabelItemAttr}>File 2-1-1-1.txt</ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-at-root\" ${ariaLabelItemAttr}>File at root.txt</ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item icon=\"folder\" value=\"another-root\" ${ariaLabelItemAttr}>\n Another Root Folder\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-a\" ${ariaLabelItemAttr}>File A.txt</ifx-tree-view-item>\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-b\" ${ariaLabelItemAttr}>File B.txt</ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item icon=\"file\" value=\"single-file\" ${ariaLabelItemAttr}>Single File</ifx-tree-view-item>\n `;\n\n el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));\n el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));\n el.addEventListener('ifxTreeViewItemExpandChange', (event) => {\n const customEvent = event as CustomEvent;\n action('ifxTreeViewItemExpandChange')({\n expanded: customEvent.detail.expanded,\n value: customEvent.detail.value,\n affectedItems: customEvent.detail.affectedItems \|\| []\n });\n });\n el.addEventListener('ifxTreeViewItemCheckChange', (event) => {\n const customEvent = event as CustomEvent;\n action('ifxTreeViewItemCheckChange')({\n checked: customEvent.detail.checked,\n indeterminate: customEvent.detail.indeterminate,\n value: customEvent.detail.value,\n affectedChildItems: customEvent.detail.affectedChildItems \|\| [],\n level: customEvent.detail.level,\n disabled: customEvent.detail.disabled\n });\n });\n el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));\n\n return el;\n};\n\nexport const Default = BaseTemplate.bind({});\nDefault.args = {\n disableAllItems: false,\n expandAllItems: false,\n label: 'Tree Example',\n ariaLabel: 'Tree View',\n ariaLabelItem: 'Tree Item',\n};\n\nDefault.argTypes = {\n ...hideAllControlsExcept(['label', 'disableAllItems', 'expandAllItems', 'ariaLabel', 'value']),\n ...disableCustomEventControls,\n\n ifxTreeViewExpandAllChange: {\n action: 'ifxTreeViewExpandAllChange',\n table: { category: 'Custom Events' },\n description: 'Fired when expandAllItems changes.',\n },\n ifxTreeViewDisableAllChange: {\n action: 'ifxTreeViewDisableAllChange',\n table: { category: 'Custom Events' },\n description: 'Fired when disableAllItems changes.',\n },\n ifxTreeViewItemExpandChange: {\n action: 'ifxTreeViewItemExpandChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is expanded/collapsed. For parent items, includes affectedItems array with all affected parent descendants.',\n },\n ifxTreeViewItemCheckChange: {\n action: 'ifxTreeViewItemCheckChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is checked/unchecked. For parent items, includes affectedChildItems array with all affected descendants.',\n },\n ifxTreeViewItemDisableChange: {\n action: 'ifxTreeViewItemDisableChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is disabled/enabled.',\n },\n};\n\nexport const ContainerDemo: StoryFn = (args) => {\n const ariaLabelItemAttr = args.ariaLabelItem\n ? `aria-label=\"${args.ariaLabelItem}\"`\n : '';\n\n\n const wrapper = document.createElement('div');\n wrapper.style.maxWidth = '225px';\n wrapper.style.border = '1px solid #ccc';\n wrapper.style.padding = '8px';\n wrapper.style.overflow = 'auto';\n\n const el = document.createElement('ifx-tree-view');\n el.setAttribute('label', args.label);\n el.setAttribute('aria-label', args.ariaLabel);\n\n if (args.disableAllItems) el.setAttribute('disable-all-items', 'true');\n if (args.expandAllItems) el.setAttribute('expand-all-items', 'true');\n\n el.innerHTML = `\n <ifx-tree-view-item icon=\"folder\" initially-expanded=\"true\" value=\"root-folder\" ${ariaLabelItemAttr}>\n Root Folder\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" initially-expanded=\"true\" value=\"subfolder-1\" ${ariaLabelItemAttr}>\n Subfolder 1\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-1-1\" ${ariaLabelItemAttr}>File 1-1.txt</ifx-tree-view-item>\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-1-2\" ${ariaLabelItemAttr}>File 1-2.txt</ifx-tree-view-item>\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" value=\"subfolder-1-1\" ${ariaLabelItemAttr}>\n Subfolder 1-1\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-1-1-1\" ${ariaLabelItemAttr}>File 1-1-1.txt</ifx-tree-view-item>\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-1-1-2\" ${ariaLabelItemAttr}>File 1-1-2.txt</ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" value=\"subfolder-2\" ${ariaLabelItemAttr}>\n Subfolder 2\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-2-1\" ${ariaLabelItemAttr}>File 2-1.txt</ifx-tree-view-item>\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" value=\"subfolder-2-1\" ${ariaLabelItemAttr}>\n Subfolder 2-1\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-2-1-1\" ${ariaLabelItemAttr}>File 2-1-1.txt</ifx-tree-view-item>\n <ifx-tree-view-item slot=\"children\" icon=\"folder\" value=\"subfolder-2-1-1\" ${ariaLabelItemAttr}>\n Subfolder 2-1-1\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-2-1-1-1\" ${ariaLabelItemAttr}>File 2-1-1-1.txt</ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-at-root\" ${ariaLabelItemAttr}>File at root.txt</ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item icon=\"folder\" value=\"another-root\" ${ariaLabelItemAttr}>\n Another Root Folder\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-a\" ${ariaLabelItemAttr}>File A.txt</ifx-tree-view-item>\n <ifx-tree-view-item slot=\"children\" icon=\"file\" value=\"file-b\" ${ariaLabelItemAttr}>File B.txt</ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item icon=\"file\" value=\"single-file\" ${ariaLabelItemAttr}>Single File</ifx-tree-view-item>\n `;\n\n el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));\n el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));\n el.addEventListener('ifxTreeViewItemExpandChange', (event) => {\n const customEvent = event as CustomEvent;\n action('ifxTreeViewItemExpandChange')({\n expanded: customEvent.detail.expanded,\n value: customEvent.detail.value,\n affectedItems: customEvent.detail.affectedItems \|\| []\n });\n });\n el.addEventListener('ifxTreeViewItemCheckChange', (event) => {\n const customEvent = event as CustomEvent;\n action('ifxTreeViewItemCheckChange')({\n checked: customEvent.detail.checked,\n indeterminate: customEvent.detail.indeterminate,\n value: customEvent.detail.value,\n affectedChildItems: customEvent.detail.affectedChildItems \|\| [],\n level: customEvent.detail.level,\n disabled: customEvent.detail.disabled\n });\n });\n el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));\n\n wrapper.appendChild(el);\n return wrapper;\n};\n\nContainerDemo.args = {\n disableAllItems: false,\n expandAllItems: false,\n label: 'Tree Example',\n ariaLabel: 'Tree View',\n ariaLabelItem: 'Tree Item',\n};\n\nContainerDemo.storyName = 'TreeView with scrollbar';\nContainerDemo.parameters = {\n controls: { disable: true }\n};\n\nexport const SingleItemStates: StoryFn = (args) => {\n const el = document.createElement('ifx-tree-view');\n if (args.label) el.setAttribute('label', args.label);\n el.setAttribute('aria-label', args.ariaLabel);\n\n const ariaLabelItemAttr = args.ariaLabelItem\n ? `aria-label=\"${args.ariaLabelItem}\"`\n : '';\n\n el.innerHTML = `\n <ifx-tree-view-item value=\"file-1\" ${ariaLabelItemAttr}>File</ifx-tree-view-item>\n <ifx-tree-view-item value=\"file-disabled\" ${ariaLabelItemAttr} disable-item=\"true\">File disabled</ifx-tree-view-item>\n <ifx-tree-view-item initially-expanded=\"true\" value=\"folder-expanded\" ${ariaLabelItemAttr}>\n Folder initially expanded\n <ifx-tree-view-item slot=\"children\" initially-selected=\"true\" value=\"file-selected\" ${ariaLabelItemAttr}>File</ifx-tree-view-item>\n <ifx-tree-view-item slot=\"children\" value=\"file-normal\" ${ariaLabelItemAttr}>File</ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item value=\"item-1\" ${ariaLabelItemAttr}>Normal Item</ifx-tree-view-item>\n <ifx-tree-view-item value=\"item-2\" ${ariaLabelItemAttr}>Normal Item</ifx-tree-view-item>\n `;\n\n el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));\n el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));\n el.addEventListener('ifxTreeViewItemExpandChange', (event) => {\n const customEvent = event as CustomEvent;\n action('ifxTreeViewItemExpandChange')({\n expanded: customEvent.detail.expanded,\n value: customEvent.detail.value,\n affectedItems: customEvent.detail.affectedItems \|\| []\n });\n });\n el.addEventListener('ifxTreeViewItemCheckChange', (event) => {\n const customEvent = event as CustomEvent;\n action('ifxTreeViewItemCheckChange')({\n checked: customEvent.detail.checked,\n indeterminate: customEvent.detail.indeterminate,\n value: customEvent.detail.value,\n affectedChildItems: customEvent.detail.affectedChildItems \|\| [],\n level: customEvent.detail.level,\n disabled: customEvent.detail.disabled\n });\n });\n el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));\n\n return el;\n};\n\nSingleItemStates.args = {\n disableAllItems: false,\n expandAllItems: false,\n label: 'Tree Example',\n ariaLabel: 'Tree View',\n ariaLabelItem: 'Tree Item',\n};\n\nSingleItemStates.storyName = 'Single Item Expanded & disabled';\nSingleItemStates.parameters = {\n controls: { disable: true }\n};\n"]}

package/dist/collection/global/font-import.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"font-import.js","sourceRoot":"","sources":["../../src/global/font-import.ts"],"names":[],"mappings":"AAAA,OAAO,yDAAyD,CAAC","sourcesContent":["import '@infineon/design-system-tokens/dist/fonts/ifx-fonts.css';\r\n"]}
1	+ {"version":3,"file":"font-import.js","sourceRoot":"","sources":["../../src/global/font-import.ts"],"names":[],"mappings":"AAAA,OAAO,yDAAyD,CAAC","sourcesContent":["import '@infineon/design-system-tokens/dist/fonts/ifx-fonts.css';\n"]}

package/dist/collection/global/utils/animation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"animation.js","sourceRoot":"","sources":["../../../src/global/utils/animation.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CACzB,OAAoB,EACpB,SAAgC,EAChC,OAAkC;IAElC,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,kCAAO,OAAO,KAAE,IAAI,EAAE,MAAM,IAAG,CAAC;IAC1E,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;QACvC,aAAa;QACb,QAAQ,CAAC,YAAY,EAAE,CAAC;QACxB,QAAQ,CAAC,MAAM,EAAE,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,gBAAgB,GAAG;IACvB,MAAM,EAAE,0CAA0C;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE;sCAEJ,MAAM,EAAE,CAAC,IACN,gBAAgB,KACnB,OAAO,EAAE,CAAC;sCAGV,MAAM,EAAE,CAAC,IACN,gBAAgB,KACnB,OAAO,EAAE,CAAC;KAEb;IACD,OAAO,EAAE;sCAEL,MAAM,EAAE,CAAC,IACN,gBAAgB,KACnB,OAAO,EAAE,CAAC;sCAGV,MAAM,EAAE,CAAC,IACN,gBAAgB,KACnB,OAAO,EAAE,CAAC;KAEb;CACF,CAAC","sourcesContent":["export function animationTo(\r\n element: HTMLElement,\r\n keyframes: Keyframe \| Keyframe[],\r\n options?: KeyframeAnimationOptions\r\n) {\r\n const animated = element.animate(keyframes, { ...options, fill: 'both' });\r\n animated.addEventListener('finish', () => {\r\n // @ts-ignore\r\n animated.commitStyles();\r\n animated.cancel();\r\n });\r\n\r\n return animated;\r\n}\r\n\r\nconst keyframeDefaults = {\r\n easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',\r\n};\r\n\r\nexport const KEYFRAMES = {\r\n fadeIn: [\r\n {\r\n offset: 0,\r\n ...keyframeDefaults,\r\n opacity: 0,\r\n },\r\n {\r\n offset: 1,\r\n ...keyframeDefaults,\r\n opacity: 1,\r\n },\r\n ],\r\n fadeOut: [\r\n {\r\n offset: 0,\r\n ...keyframeDefaults,\r\n opacity: 1,\r\n },\r\n {\r\n offset: 1,\r\n ...keyframeDefaults,\r\n opacity: 0,\r\n },\r\n ],\r\n};"]}
1	+ {"version":3,"file":"animation.js","sourceRoot":"","sources":["../../../src/global/utils/animation.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CACzB,OAAoB,EACpB,SAAgC,EAChC,OAAkC;IAElC,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,kCAAO,OAAO,KAAE,IAAI,EAAE,MAAM,IAAG,CAAC;IAC1E,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;QACvC,aAAa;QACb,QAAQ,CAAC,YAAY,EAAE,CAAC;QACxB,QAAQ,CAAC,MAAM,EAAE,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,gBAAgB,GAAG;IACvB,MAAM,EAAE,0CAA0C;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE;sCAEJ,MAAM,EAAE,CAAC,IACN,gBAAgB,KACnB,OAAO,EAAE,CAAC;sCAGV,MAAM,EAAE,CAAC,IACN,gBAAgB,KACnB,OAAO,EAAE,CAAC;KAEb;IACD,OAAO,EAAE;sCAEL,MAAM,EAAE,CAAC,IACN,gBAAgB,KACnB,OAAO,EAAE,CAAC;sCAGV,MAAM,EAAE,CAAC,IACN,gBAAgB,KACnB,OAAO,EAAE,CAAC;KAEb;CACF,CAAC","sourcesContent":["export function animationTo(\n element: HTMLElement,\n keyframes: Keyframe \| Keyframe[],\n options?: KeyframeAnimationOptions\n) {\n const animated = element.animate(keyframes, { ...options, fill: 'both' });\n animated.addEventListener('finish', () => {\n // @ts-ignore\n animated.commitStyles();\n animated.cancel();\n });\n\n return animated;\n}\n\nconst keyframeDefaults = {\n easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',\n};\n\nexport const KEYFRAMES = {\n fadeIn: [\n {\n offset: 0,\n ...keyframeDefaults,\n opacity: 0,\n },\n {\n offset: 1,\n ...keyframeDefaults,\n opacity: 1,\n },\n ],\n fadeOut: [\n {\n offset: 0,\n ...keyframeDefaults,\n opacity: 1,\n },\n {\n offset: 1,\n ...keyframeDefaults,\n opacity: 0,\n },\n ],\n};"]}

package/dist/collection/global/utils/dom-ready.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dom-ready.js","sourceRoot":"","sources":["../../../src/global/utils/dom-ready.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,GAAkB,EAAE;IACjD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,IAAI,QAAQ,CAAC,UAAU,KAAK,UAAU,IAAI,QAAQ,CAAC,UAAU,KAAK,aAAa,EAAE,CAAC;YAChF,OAAO,EAAE,CAAC;QACZ,CAAC;aAAM,CAAC;YACN,MAAM,OAAO,GAAG,GAAG,EAAE;gBACnB,OAAO,EAAE,CAAC;gBACV,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;YAC5D,CAAC,CAAC;YACF,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;QACzD,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["export const waitForDOMReady = (): Promise<void> => {\r\n return new Promise((resolve) => {\r\n if (document.readyState === 'complete' \|\| document.readyState === 'interactive') {\r\n resolve();\r\n } else {\r\n const onReady = () => {\r\n resolve();\r\n document.removeEventListener('DOMContentLoaded', onReady);\r\n };\r\n document.addEventListener('DOMContentLoaded', onReady);\r\n }\r\n });\r\n};"]}
1	+ {"version":3,"file":"dom-ready.js","sourceRoot":"","sources":["../../../src/global/utils/dom-ready.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,GAAkB,EAAE;IACjD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,IAAI,QAAQ,CAAC,UAAU,KAAK,UAAU,IAAI,QAAQ,CAAC,UAAU,KAAK,aAAa,EAAE,CAAC;YAChF,OAAO,EAAE,CAAC;QACZ,CAAC;aAAM,CAAC;YACN,MAAM,OAAO,GAAG,GAAG,EAAE;gBACnB,OAAO,EAAE,CAAC;gBACV,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;YAC5D,CAAC,CAAC;YACF,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;QACzD,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["export const waitForDOMReady = (): Promise<void> => {\n return new Promise((resolve) => {\n if (document.readyState === 'complete' \|\| document.readyState === 'interactive') {\n resolve();\n } else {\n const onReady = () => {\n resolve();\n document.removeEventListener('DOMContentLoaded', onReady);\n };\n document.addEventListener('DOMContentLoaded', onReady);\n }\n });\n};"]}

package/dist/collection/global/utils/dom-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dom-utils.js","sourceRoot":"","sources":["../../../src/global/utils/dom-utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAe,EAAW,EAAE;IACjE,IAAI,MAAM,GAA6B,EAAE,CAAC,UAAU,CAAC;IAErD,OAAO,MAAM,EAAE,CAAC;QACd,IAAI,MAAM,YAAY,UAAU,EAAE,CAAC;YACjC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC;YACrB,SAAS;QACX,CAAC;QAED,IAAI,MAAM,YAAY,WAAW,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;YACpF,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC;IAC7B,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["export const isNestedInIfxComponent = (el: HTMLElement): boolean => {\r\n let parent: Node \| ShadowRoot \| null = el.parentNode;\r\n \r\n while (parent) {\r\n if (parent instanceof ShadowRoot) {\r\n parent = parent.host;\r\n continue;\r\n }\r\n \r\n if (parent instanceof HTMLElement && parent.tagName.toLowerCase().startsWith('ifx')) {\r\n return true;\r\n }\r\n \r\n parent = parent.parentNode;\r\n }\r\n \r\n return false;\r\n};"]}
1	+ {"version":3,"file":"dom-utils.js","sourceRoot":"","sources":["../../../src/global/utils/dom-utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAe,EAAW,EAAE;IACjE,IAAI,MAAM,GAA6B,EAAE,CAAC,UAAU,CAAC;IAErD,OAAO,MAAM,EAAE,CAAC;QACd,IAAI,MAAM,YAAY,UAAU,EAAE,CAAC;YACjC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC;YACrB,SAAS;QACX,CAAC;QAED,IAAI,MAAM,YAAY,WAAW,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;YACpF,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC;IAC7B,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["export const isNestedInIfxComponent = (el: HTMLElement): boolean => {\n let parent: Node \| ShadowRoot \| null = el.parentNode;\n \n while (parent) {\n if (parent instanceof ShadowRoot) {\n parent = parent.host;\n continue;\n }\n \n if (parent instanceof HTMLElement && parent.tagName.toLowerCase().startsWith('ifx')) {\n return true;\n }\n \n parent = parent.parentNode;\n }\n \n return false;\n};"]}

package/dist/collection/global/utils/focus-trap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"focus-trap.js","sourceRoot":"","sources":["../../../src/global/utils/focus-trap.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,eAAe,CAC7B,IAA8B,EAC9B,QAAyC,EACzC,OAAwC,EACxC,WAAmB,EAAE,EACrB,QAAgB,CAAC;IAEjB,MAAM,OAAO,GAAkB,EAAE,CAAC;IAElC,iEAAiE;IACjE,IAAI,KAAK,IAAI,QAAQ,EAAE,CAAC;QACtB,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,2BAA2B;IAC3B,MAAM,YAAY,GAAG,CAAC,KAAsB,EAAE,EAAE;QAC9C,0DAA0D;QAC1D,gFAAgF;QAChF,MAAM,aAAa,GAAG,KAAK;aACxB,aAAa,EAAE;aACf,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC;QACzC,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC7B,MAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,aAAc,CAAC;YACpD,OAAO,eAAe,CACpB,WAAW,EACX,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,CAAC,CACV,CAAC;QACJ,CAAC;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,iEAAiE;IACjE,4GAA4G;IAC5G,8DAA8D;IAC9D,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAkB,CAAC;IAClE,KAAK,MAAM,MAAM,IAAI,QAAQ,EAAE,CAAC;QAC9B,6DAA6D;QAC7D,IAAI,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACrB,kCAAkC;YAClC,SAAS;QACX,CAAC;QAED,iCAAiC;QAEjC,0CAA0C;QAC1C,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YACpB,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACvB,CAAC;QAED,IAAI,MAAM,CAAC,UAAU,IAAI,IAAI,EAAE,CAAC;YAC9B,0DAA0D;YAC1D,OAAO,CAAC,IAAI,CACV,GAAG,eAAe,CAChB,MAAM,CAAC,UAAU,EACjB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,CAAC,CACV,CACF,CAAC;QACJ,CAAC;aAAM,IAAI,MAAM,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;YACrC,gEAAgE;YAChE,OAAO,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,MAAyB,CAAC,CAAC,CAAC;QAC3D,CAAC;aAAM,CAAC;YACN,uCAAuC;YACvC,OAAO,CAAC,IAAI,CACV,GAAG,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,CAAC,CACnE,CAAC;QACJ,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAkB;IACzC,OAAO,CACL,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC;QAC5B,CAAC,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC;YAChC,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,OAAO,CAAC;QAChD,gEAAgE;QAChE,gHAAgH;QAChH,uHAAuH;QACvH,wFAAwF;QACxF,KAAK,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM;QAC9B,KAAK,CAAC,KAAK,CAAC,OAAO,KAAK,GAAG;QAC3B,KAAK,CAAC,KAAK,CAAC,UAAU,KAAK,QAAQ;QACnC,KAAK,CAAC,KAAK,CAAC,UAAU,KAAK,UAAU,CACtC,CAAC;IAEF,mEAAmE;IACnE,+EAA+E;IAC/E,iCAAiC;AACnC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,KAAkB;IAC3C,OAAO,CACL,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC;QAC9B,CAAC,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC;YAClC,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,OAAO,CAAC,CACnD,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,KAAkB;IAC5C,wDAAwD;IACxD,IACE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI;QACvC,QAAQ,CAAC,KAAK,CAAC;QACf,UAAU,CAAC,KAAK,CAAC,EACjB,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO;IACL,2GAA2G;IAC3G,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC;QAC9B,2CAA2C;QAC3C,CAAC,CAAC,KAAK,YAAY,iBAAiB,IAAI,KAAK,YAAY,eAAe,CAAC;YACvE,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QAC7B,uCAAuC;QACvC,KAAK,YAAY,iBAAiB;QAClC,KAAK,YAAY,gBAAgB;QACjC,KAAK,YAAY,mBAAmB;QACpC,KAAK,YAAY,iBAAiB;QAClC,UAAU;QACV,KAAK,YAAY,iBAAiB,CACnC,CAAC;AACJ,CAAC","sourcesContent":["/*\r\n Copy/pasted from https://github.com/andreasbm/focus-trap\r\n /\r\n\r\n/\r\n Traverses the slots of the open shadowroots and returns all children matching the query.\r\n * We need to traverse each child-depth one at a time because if an element should be skipped\r\n * (for example because it is hidden) we need to skip all of it's children. If we use querySelectorAll(\"\")\r\n the information of whether the children is within a hidden parent is lost.\r\n * @param {ShadowRoot \| HTMLElement} root\r\n * @param skipNode\r\n * @param isMatch\r\n * @param {number} maxDepth\r\n * @param {number} depth\r\n * @returns {HTMLElement[]}\r\n /\r\nexport function queryShadowRoot(\r\n root: ShadowRoot \| HTMLElement,\r\n skipNode: ($elem: HTMLElement) => boolean,\r\n isMatch: ($elem: HTMLElement) => boolean,\r\n maxDepth: number = 20,\r\n depth: number = 0\r\n): HTMLElement[] {\r\n const matches: HTMLElement[] = [];\r\n\r\n // If the depth is above the max depth, abort the searching here.\r\n if (depth >= maxDepth) {\r\n return matches;\r\n }\r\n\r\n // Traverses a slot element\r\n const traverseSlot = ($slot: HTMLSlotElement) => {\r\n // Only check nodes that are of the type Node.ELEMENT_NODE\r\n // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType\r\n const assignedNodes = $slot\r\n .assignedNodes()\r\n .filter((node) => node.nodeType === 1);\r\n if (assignedNodes.length > 0) {\r\n const $slotParent = assignedNodes[0].parentElement!;\r\n return queryShadowRoot(\r\n $slotParent,\r\n skipNode,\r\n isMatch,\r\n maxDepth,\r\n depth + 1\r\n );\r\n }\r\n\r\n return [];\r\n };\r\n\r\n // Go through each child and continue the traversing if necessary\r\n // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.\r\n // Therefore we fallback to an empty array if it is undefined.\r\n const children = Array.from(root.children \|\| []) as HTMLElement[];\r\n for (const $child of children) {\r\n // Check if the element and its descendants should be skipped\r\n if (skipNode($child)) {\r\n // console.log('-- SKIP', $child);\r\n continue;\r\n }\r\n\r\n // console.log('$child', $child);\r\n\r\n // If the element matches we always add it\r\n if (isMatch($child)) {\r\n matches.push($child);\r\n }\r\n\r\n if ($child.shadowRoot != null) {\r\n // If the element has a shadow root we need to traverse it\r\n matches.push(\r\n ...queryShadowRoot(\r\n $child.shadowRoot,\r\n skipNode,\r\n isMatch,\r\n maxDepth,\r\n depth + 1\r\n )\r\n );\r\n } else if ($child.tagName === 'SLOT') {\r\n // If the child is a slot we need to traverse each assigned node\r\n matches.push(...traverseSlot($child as HTMLSlotElement));\r\n } else {\r\n // Traverse the children of the element\r\n matches.push(\r\n ...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1)\r\n );\r\n }\r\n }\r\n\r\n return matches;\r\n}\r\n\r\n/\r\n Returns whether the element is hidden.\r\n * @param $elem\r\n /\r\nexport function isHidden($elem: HTMLElement): boolean {\r\n return (\r\n $elem.hasAttribute('hidden') \|\|\r\n ($elem.hasAttribute('aria-hidden') &&\r\n $elem.getAttribute('aria-hidden') !== 'false') \|\|\r\n // A quick and dirty way to check whether the element is hidden.\r\n // For a more fine-grained check we could use \"window.getComputedStyle\" but we don't because of bad performance.\r\n // If the element has visibility set to \"hidden\" or \"collapse\", display set to \"none\" or opacity set to \"0\" through CSS\r\n // we won't be able to catch it here. We accept it due to the huge performance benefits.\r\n $elem.style.display === `none` \|\|\r\n $elem.style.opacity === `0` \|\|\r\n $elem.style.visibility === `hidden` \|\|\r\n $elem.style.visibility === `collapse`\r\n );\r\n\r\n // If offsetParent is null we can assume that the element is hidden\r\n // https://stackoverflow.com/questions/306305/what-would-make-offsetparent-null\r\n // \|\| $elem.offsetParent == null;\r\n}\r\n\r\n/\r\n Returns whether the element is disabled.\r\n * @param $elem\r\n /\r\nexport function isDisabled($elem: HTMLElement): boolean {\r\n return (\r\n $elem.hasAttribute('disabled') \|\|\r\n ($elem.hasAttribute('aria-disabled') &&\r\n $elem.getAttribute('aria-disabled') !== 'false')\r\n );\r\n}\r\n\r\n/\r\n Determines whether an element is focusable.\r\n * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194\r\n * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable\r\n * @param $elem\r\n */\r\nexport function isFocusable($elem: HTMLElement): boolean {\r\n // Discard elements that are removed from the tab order.\r\n if (\r\n $elem.getAttribute('tabindex') === '-1' \|\|\r\n isHidden($elem) \|\|\r\n isDisabled($elem)\r\n ) {\r\n return false;\r\n }\r\n\r\n return (\r\n // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists\r\n $elem.hasAttribute('tabindex') \|\|\r\n // Anchor tags or area tags with a href set\r\n (($elem instanceof HTMLAnchorElement \|\| $elem instanceof HTMLAreaElement) &&\r\n $elem.hasAttribute('href')) \|\|\r\n // Form elements which are not disabled\r\n $elem instanceof HTMLButtonElement \|\|\r\n $elem instanceof HTMLInputElement \|\|\r\n $elem instanceof HTMLTextAreaElement \|\|\r\n $elem instanceof HTMLSelectElement \|\|\r\n // IFrames\r\n $elem instanceof HTMLIFrameElement\r\n );\r\n}"]}
1	+ {"version":3,"file":"focus-trap.js","sourceRoot":"","sources":["../../../src/global/utils/focus-trap.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n Copy/pasted from https://github.com/andreasbm/focus-trap\n /\n\n/\n Traverses the slots of the open shadowroots and returns all children matching the query.\n * We need to traverse each child-depth one at a time because if an element should be skipped\n * (for example because it is hidden) we need to skip all of it's children. If we use querySelectorAll(\"\")\n the information of whether the children is within a hidden parent is lost.\n * @param {ShadowRoot \| HTMLElement} root\n * @param skipNode\n * @param isMatch\n * @param {number} maxDepth\n * @param {number} depth\n * @returns {HTMLElement[]}\n /\nexport function queryShadowRoot(\n root: ShadowRoot \| HTMLElement,\n skipNode: ($elem: HTMLElement) => boolean,\n isMatch: ($elem: HTMLElement) => boolean,\n maxDepth: number = 20,\n depth: number = 0\n): HTMLElement[] {\n const matches: HTMLElement[] = [];\n\n // If the depth is above the max depth, abort the searching here.\n if (depth >= maxDepth) {\n return matches;\n }\n\n // Traverses a slot element\n const traverseSlot = ($slot: HTMLSlotElement) => {\n // Only check nodes that are of the type Node.ELEMENT_NODE\n // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType\n const assignedNodes = $slot\n .assignedNodes()\n .filter((node) => node.nodeType === 1);\n if (assignedNodes.length > 0) {\n const $slotParent = assignedNodes[0].parentElement!;\n return queryShadowRoot(\n $slotParent,\n skipNode,\n isMatch,\n maxDepth,\n depth + 1\n );\n }\n\n return [];\n };\n\n // Go through each child and continue the traversing if necessary\n // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.\n // Therefore we fallback to an empty array if it is undefined.\n const children = Array.from(root.children \|\| []) as HTMLElement[];\n for (const $child of children) {\n // Check if the element and its descendants should be skipped\n if (skipNode($child)) {\n // console.log('-- SKIP', $child);\n continue;\n }\n\n // console.log('$child', $child);\n\n // If the element matches we always add it\n if (isMatch($child)) {\n matches.push($child);\n }\n\n if ($child.shadowRoot != null) {\n // If the element has a shadow root we need to traverse it\n matches.push(\n ...queryShadowRoot(\n $child.shadowRoot,\n skipNode,\n isMatch,\n maxDepth,\n depth + 1\n )\n );\n } else if ($child.tagName === 'SLOT') {\n // If the child is a slot we need to traverse each assigned node\n matches.push(...traverseSlot($child as HTMLSlotElement));\n } else {\n // Traverse the children of the element\n matches.push(\n ...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1)\n );\n }\n }\n\n return matches;\n}\n\n/\n Returns whether the element is hidden.\n * @param $elem\n /\nexport function isHidden($elem: HTMLElement): boolean {\n return (\n $elem.hasAttribute('hidden') \|\|\n ($elem.hasAttribute('aria-hidden') &&\n $elem.getAttribute('aria-hidden') !== 'false') \|\|\n // A quick and dirty way to check whether the element is hidden.\n // For a more fine-grained check we could use \"window.getComputedStyle\" but we don't because of bad performance.\n // If the element has visibility set to \"hidden\" or \"collapse\", display set to \"none\" or opacity set to \"0\" through CSS\n // we won't be able to catch it here. We accept it due to the huge performance benefits.\n $elem.style.display === `none` \|\|\n $elem.style.opacity === `0` \|\|\n $elem.style.visibility === `hidden` \|\|\n $elem.style.visibility === `collapse`\n );\n\n // If offsetParent is null we can assume that the element is hidden\n // https://stackoverflow.com/questions/306305/what-would-make-offsetparent-null\n // \|\| $elem.offsetParent == null;\n}\n\n/\n Returns whether the element is disabled.\n * @param $elem\n /\nexport function isDisabled($elem: HTMLElement): boolean {\n return (\n $elem.hasAttribute('disabled') \|\|\n ($elem.hasAttribute('aria-disabled') &&\n $elem.getAttribute('aria-disabled') !== 'false')\n );\n}\n\n/\n Determines whether an element is focusable.\n * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194\n * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable\n * @param $elem\n */\nexport function isFocusable($elem: HTMLElement): boolean {\n // Discard elements that are removed from the tab order.\n if (\n $elem.getAttribute('tabindex') === '-1' \|\|\n isHidden($elem) \|\|\n isDisabled($elem)\n ) {\n return false;\n }\n\n return (\n // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists\n $elem.hasAttribute('tabindex') \|\|\n // Anchor tags or area tags with a href set\n (($elem instanceof HTMLAnchorElement \|\| $elem instanceof HTMLAreaElement) &&\n $elem.hasAttribute('href')) \|\|\n // Form elements which are not disabled\n $elem instanceof HTMLButtonElement \|\|\n $elem instanceof HTMLInputElement \|\|\n $elem instanceof HTMLTextAreaElement \|\|\n $elem instanceof HTMLSelectElement \|\|\n // IFrames\n $elem instanceof HTMLIFrameElement\n );\n}"]}

package/dist/collection/global/utils/framework-detection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"framework-detection.js","sourceRoot":"","sources":["../../../src/global/utils/framework-detection.ts"],"names":[],"mappings":"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","sourcesContent":["let frameworkCache: string \| null = null;\r\nimport { waitForDOMReady } from './dom-ready';\r\n\r\nexport const detectFramework = async (): Promise<string> => {\r\n if (frameworkCache) return frameworkCache;\r\n \r\n if (typeof window === 'undefined' \|\| typeof document === 'undefined') {\r\n frameworkCache = 'non-browser';\r\n return frameworkCache;\r\n }\r\n\r\n const win = window as any;\r\n const doc = document;\r\n\r\n const isJest = typeof process !== 'undefined' && \r\n process.env && \r\n process.env.NODE_ENV === 'test';\r\n if (isJest) {\r\n frameworkCache = 'jest';\r\n return frameworkCache;\r\n }\r\n\r\n const isStorybook = win.location.search.includes('viewMode') \|\| \r\n win.location.href.includes('viewMode') \|\|\r\n win.__STORYBOOK_ENV__;\r\n \r\n if (isStorybook) {\r\n frameworkCache = 'Storybook';\r\n return frameworkCache;\r\n }\r\n\r\n const isLocalhost = ['localhost', '127.0.0.1'].includes(win.location.hostname);\r\n if (isLocalhost) {\r\n frameworkCache = 'localhost';\r\n return frameworkCache;\r\n }\r\n\r\n try {\r\n\r\n if (win.React \|\| win.ReactDOM) {\r\n frameworkCache = 'React';\r\n return frameworkCache;\r\n }\r\n \r\n if (win.ng \|\| win.getAllAngularRootElements) {\r\n frameworkCache = 'Angular';\r\n return frameworkCache;\r\n }\r\n \r\n if (win.Vue \|\| win.__VUE__) {\r\n frameworkCache = 'Vue';\r\n return frameworkCache;\r\n }\r\n\r\n await waitForDOMReady();\r\n\r\n const reactRoot = doc.querySelector('[data-reactroot], [data-reactid]');\r\n if (reactRoot) {\r\n frameworkCache = 'React';\r\n return frameworkCache;\r\n }\r\n \r\n const rootContainers = Array.from(doc.querySelectorAll('body > div'));\r\n const hasReactRoot = rootContainers.some(container => {\r\n const keys = Object.keys(container);\r\n return keys.some(key => key.startsWith('__reactContainer'));\r\n });\r\n \r\n if (hasReactRoot) {\r\n frameworkCache = 'React';\r\n return frameworkCache;\r\n }\r\n \r\n if (doc.querySelector('[ng-version], [ng-app]')) {\r\n frameworkCache = 'Angular';\r\n return frameworkCache;\r\n }\r\n \r\n if (doc.querySelector('[data-v-app]')) {\r\n frameworkCache = 'Vue';\r\n return frameworkCache;\r\n }\r\n\r\n frameworkCache = 'Vanilla';\r\n return frameworkCache;\r\n } catch (e) {\r\n frameworkCache = 'error';\r\n return frameworkCache;\r\n }\r\n};"]}
1	+ {"version":3,"file":"framework-detection.js","sourceRoot":"","sources":["../../../src/global/utils/framework-detection.ts"],"names":[],"mappings":"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","sourcesContent":["let frameworkCache: string \| null = null;\nimport { waitForDOMReady } from './dom-ready';\n\nexport const detectFramework = async (): Promise<string> => {\n if (frameworkCache) return frameworkCache;\n \n if (typeof window === 'undefined' \|\| typeof document === 'undefined') {\n frameworkCache = 'non-browser';\n return frameworkCache;\n }\n\n const win = window as any;\n const doc = document;\n\n const isJest = typeof process !== 'undefined' && \n process.env && \n process.env.NODE_ENV === 'test';\n if (isJest) {\n frameworkCache = 'jest';\n return frameworkCache;\n }\n\n const isStorybook = win.location.search.includes('viewMode') \|\| \n win.location.href.includes('viewMode') \|\|\n win.__STORYBOOK_ENV__;\n \n if (isStorybook) {\n frameworkCache = 'Storybook';\n return frameworkCache;\n }\n\n const isLocalhost = ['localhost', '127.0.0.1'].includes(win.location.hostname);\n if (isLocalhost) {\n frameworkCache = 'localhost';\n return frameworkCache;\n }\n\n try {\n\n if (win.React \|\| win.ReactDOM) {\n frameworkCache = 'React';\n return frameworkCache;\n }\n \n if (win.ng \|\| win.getAllAngularRootElements) {\n frameworkCache = 'Angular';\n return frameworkCache;\n }\n \n if (win.Vue \|\| win.__VUE__) {\n frameworkCache = 'Vue';\n return frameworkCache;\n }\n\n await waitForDOMReady();\n\n const reactRoot = doc.querySelector('[data-reactroot], [data-reactid]');\n if (reactRoot) {\n frameworkCache = 'React';\n return frameworkCache;\n }\n \n const rootContainers = Array.from(doc.querySelectorAll('body > div'));\n const hasReactRoot = rootContainers.some(container => {\n const keys = Object.keys(container);\n return keys.some(key => key.startsWith('__reactContainer'));\n });\n \n if (hasReactRoot) {\n frameworkCache = 'React';\n return frameworkCache;\n }\n \n if (doc.querySelector('[ng-version], [ng-app]')) {\n frameworkCache = 'Angular';\n return frameworkCache;\n }\n \n if (doc.querySelector('[data-v-app]')) {\n frameworkCache = 'Vue';\n return frameworkCache;\n }\n\n frameworkCache = 'Vanilla';\n return frameworkCache;\n } catch (e) {\n frameworkCache = 'error';\n return frameworkCache;\n }\n};"]}

package/dist/collection/global/utils/tracking.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/global/utils/tracking.ts"],"names":[],"mappings":"AASA,MAAM,iBAAiB,GAAG,OAAO,OAAO,KAAK,WAAW;IACtD,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,CAAC;AAElC,SAAS,kBAAkB;IACzB,IAAI,iBAAiB,EAAE,CAAC;QACtB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YACjB,MAAM,CAAC,IAAI,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC;QAC1B,CAAC;QACD,OAAO;IACT,CAAC;IAED,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;QACzB,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,QAAQ,EAAE,CAAC;YAC1C,MAAM,CAAC,UAAU,GAAG;gBAClB,MAAM,EAAE,4BAA4B;gBACpC,WAAW,EAAE,IAAI;gBACjB,YAAY,EAAE,EAAE;aACjB,CAAC;QACJ,CAAC;QAED,IAAI,MAAM,CAAC,MAAM,CAAC;YAAE,OAAO;QAE3B,MAAM,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC;YAC1B,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;gBAC1B,CAAC,GAAG,EAAE,CAAC;YACT,CAAC;YACD,IAAI,OAAO,MAAM,CAAC,SAAS,KAAK,QAAQ,EAAE,CAAC;gBACzC,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;YACxB,CAAC;YACD,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC3B,CAAC,CAAC;QAEF,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAEvB,yCAAyC;QACzC,EAAE,GAAG,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,IAAI,EAAE,IAAI,EAAE,CAAC,UAAU,EAAE,CAAC;YACxB,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;YACZ,CAAC,CAAC,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,GAAG,UAAU,CAAC;YAC9C,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,aAAqB,EAAE,WAAmB;IACvE,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;IACxD,IAAI,gBAAgB,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;QAC3C,OAAO;IACT,CAAC;IAED,IAAI,CAAC,MAAM,CAAC,2BAA2B,EAAE,CAAC;QACxC,MAAM,CAAC,2BAA2B,GAAG,IAAI,GAAG,EAAE,CAAC;IACjD,CAAC;IAED,IAAI,MAAM,CAAC,2BAA2B,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;QAC1D,OAAO;IACT,CAAC;IAED,MAAM,CAAC,2BAA2B,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAEtD,IAAI,CAAC,MAAM,CAAC,IAAI;QAAE,kBAAkB,EAAE,CAAC;IAEvC,MAAM,CAAC,IAAI,CAAC;QACV,UAAU,EAAE,uBAAuB;QACnC,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,WAAW;KACzB,CAAC,CAAC;AACL,CAAC;AAED,eAAe,cAAc,CAAC","sourcesContent":["declare global {\r\n interface Window {\r\n btntConfig?: any;\r\n btntQueue?: any[];\r\n btnt?: (data: object) => void;\r\n INFINEON_TRACKED_COMPONENTS?: Set<string>; \r\n }\r\n}\r\n\r\nconst isTestEnvironment = typeof process !== 'undefined' &&\r\n process.env &&\r\n process.env.NODE_ENV === 'test';\r\n\r\nfunction initializeTracking() {\r\n if (isTestEnvironment) {\r\n if (!window.btnt) { \r\n window.btnt = () => { };\r\n }\r\n return;\r\n }\r\n\r\n (function (t, r, _kk, n, pp) {\r\n if (typeof window.btntConfig !== \"object\") {\r\n window.btntConfig = {\r\n domain: \"https://ssgtm.infineon.com\",\r\n withCookies: true,\r\n maxBatchSize: 10\r\n };\r\n }\r\n\r\n if (window[\"btnt\"]) return;\r\n\r\n window[\"btnt\"] = function (z) {\r\n if (typeof z !== \"object\") {\r\n z = {};\r\n }\r\n if (typeof window.btntQueue !== \"object\") {\r\n window.btntQueue = [];\r\n }\r\n window.btntQueue.push(z);\r\n };\r\n\r\n n = t.createElement(r);\r\n\r\n // Add safety check for test environments\r\n pp = t.getElementsByTagName(r)[0];\r\n if (pp && pp.parentNode) {\r\n n.async = 1;\r\n n.src = window.btntConfig.domain + \"/btnt.js\";\r\n pp.parentNode.insertBefore(n, pp);\r\n }\r\n })(document, \"script\");\r\n}\r\n\r\nexport function trackComponent(componentName: string, environment: string) {\r\n const skipEnvironments = ['jest', 'localhost', 'error'];\r\n if (skipEnvironments.includes(environment)) {\r\n return;\r\n }\r\n\r\n if (!window.INFINEON_TRACKED_COMPONENTS) {\r\n window.INFINEON_TRACKED_COMPONENTS = new Set();\r\n }\r\n\r\n if (window.INFINEON_TRACKED_COMPONENTS.has(componentName)) {\r\n return; \r\n }\r\n\r\n window.INFINEON_TRACKED_COMPONENTS.add(componentName);\r\n\r\n if (!window.btnt) initializeTracking();\r\n\r\n window.btnt({\r\n event_name: \"component_initialized\",\r\n component_name: componentName,\r\n environment: environment\r\n });\r\n}\r\n\r\nexport default trackComponent;"]}
1	+ {"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/global/utils/tracking.ts"],"names":[],"mappings":"AASA,MAAM,iBAAiB,GAAG,OAAO,OAAO,KAAK,WAAW;IACtD,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,CAAC;AAElC,SAAS,kBAAkB;IACzB,IAAI,iBAAiB,EAAE,CAAC;QACtB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YACjB,MAAM,CAAC,IAAI,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC;QAC1B,CAAC;QACD,OAAO;IACT,CAAC;IAED,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;QACzB,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,QAAQ,EAAE,CAAC;YAC1C,MAAM,CAAC,UAAU,GAAG;gBAClB,MAAM,EAAE,4BAA4B;gBACpC,WAAW,EAAE,IAAI;gBACjB,YAAY,EAAE,EAAE;aACjB,CAAC;QACJ,CAAC;QAED,IAAI,MAAM,CAAC,MAAM,CAAC;YAAE,OAAO;QAE3B,MAAM,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC;YAC1B,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;gBAC1B,CAAC,GAAG,EAAE,CAAC;YACT,CAAC;YACD,IAAI,OAAO,MAAM,CAAC,SAAS,KAAK,QAAQ,EAAE,CAAC;gBACzC,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;YACxB,CAAC;YACD,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC3B,CAAC,CAAC;QAEF,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAEvB,yCAAyC;QACzC,EAAE,GAAG,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,IAAI,EAAE,IAAI,EAAE,CAAC,UAAU,EAAE,CAAC;YACxB,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;YACZ,CAAC,CAAC,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,GAAG,UAAU,CAAC;YAC9C,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,aAAqB,EAAE,WAAmB;IACvE,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;IACxD,IAAI,gBAAgB,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;QAC3C,OAAO;IACT,CAAC;IAED,IAAI,CAAC,MAAM,CAAC,2BAA2B,EAAE,CAAC;QACxC,MAAM,CAAC,2BAA2B,GAAG,IAAI,GAAG,EAAE,CAAC;IACjD,CAAC;IAED,IAAI,MAAM,CAAC,2BAA2B,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;QAC1D,OAAO;IACT,CAAC;IAED,MAAM,CAAC,2BAA2B,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAEtD,IAAI,CAAC,MAAM,CAAC,IAAI;QAAE,kBAAkB,EAAE,CAAC;IAEvC,MAAM,CAAC,IAAI,CAAC;QACV,UAAU,EAAE,uBAAuB;QACnC,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,WAAW;KACzB,CAAC,CAAC;AACL,CAAC;AAED,eAAe,cAAc,CAAC","sourcesContent":["declare global {\n interface Window {\n btntConfig?: any;\n btntQueue?: any[];\n btnt?: (data: object) => void;\n INFINEON_TRACKED_COMPONENTS?: Set<string>; \n }\n}\n\nconst isTestEnvironment = typeof process !== 'undefined' &&\n process.env &&\n process.env.NODE_ENV === 'test';\n\nfunction initializeTracking() {\n if (isTestEnvironment) {\n if (!window.btnt) { \n window.btnt = () => { };\n }\n return;\n }\n\n (function (t, r, _kk, n, pp) {\n if (typeof window.btntConfig !== \"object\") {\n window.btntConfig = {\n domain: \"https://ssgtm.infineon.com\",\n withCookies: true,\n maxBatchSize: 10\n };\n }\n\n if (window[\"btnt\"]) return;\n\n window[\"btnt\"] = function (z) {\n if (typeof z !== \"object\") {\n z = {};\n }\n if (typeof window.btntQueue !== \"object\") {\n window.btntQueue = [];\n }\n window.btntQueue.push(z);\n };\n\n n = t.createElement(r);\n\n // Add safety check for test environments\n pp = t.getElementsByTagName(r)[0];\n if (pp && pp.parentNode) {\n n.async = 1;\n n.src = window.btntConfig.domain + \"/btnt.js\";\n pp.parentNode.insertBefore(n, pp);\n }\n })(document, \"script\");\n}\n\nexport function trackComponent(componentName: string, environment: string) {\n const skipEnvironments = ['jest', 'localhost', 'error'];\n if (skipEnvironments.includes(environment)) {\n return;\n }\n\n if (!window.INFINEON_TRACKED_COMPONENTS) {\n window.INFINEON_TRACKED_COMPONENTS = new Set();\n }\n\n if (window.INFINEON_TRACKED_COMPONENTS.has(componentName)) {\n return; \n }\n\n window.INFINEON_TRACKED_COMPONENTS.add(componentName);\n\n if (!window.btnt) initializeTracking();\n\n window.btnt({\n event_name: \"component_initialized\",\n component_name: componentName,\n environment: environment\n });\n}\n\nexport default trackComponent;"]}

package/dist/collection/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC,CAAC,kBAAkB;AACjD,cAAc,cAAc,CAAC","sourcesContent":["import './global/font-import'; // CSS gets loaded\r\nexport * from './components';\r\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC,CAAC,kBAAkB;AACjD,cAAc,cAAc,CAAC","sourcesContent":["import './global/font-import'; // CSS gets loaded\nexport * from './components';\n"]}

package/dist/collection/stories/setup-and-installation/faq/faq.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class Faq {
     render() {
-        return (h("div", { key: '750ba5457073ee26c2a0ec5e0ffea950569bd5ef', class: 'container' }, h("ifx-accordion", { key: 'f02cfd45ebad962c7f852395c777d67fd9378d46' }, h("ifx-accordion-item", { key: '296d3f7bd6bbc528a0b1a7a7f23ae0556ab2dd8f', caption: "What is the Infineon DDS?" }, "The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application\u2019s structure should be."), h("ifx-accordion-item", { key: 'a1418c2859c7a0406beea37f280e6805c44edcc7', caption: "How do I get access to the DDS?" }, "You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."), h("ifx-accordion-item", { key: 'd0387e97694ea01953d8411882d44a64ca01bfbc', caption: "Can I integrate the Infineon DDS into my project?" }, "Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"), h("ifx-accordion-item", { key: '09516365adaa86dcf74018f6eee9e71481da5822', caption: "Are Infineon DDS components accessable?" }, "We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."), h("ifx-accordion-item", { key: '4da90ebc551c090670bf0bac1a89fb0ef8c584db', caption: "How to request a new component?" }, "Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you."))));
+        return (h("div", { key: 'adeafa17925f9102d39715eab6909d46770960d4', class: 'container' }, h("ifx-accordion", { key: '84efcea4b3a9b58049fe21d325306cba1f433396' }, h("ifx-accordion-item", { key: 'fd1d00d722e76a84a0d8175aea9135f1fda63bee', caption: "What is the Infineon DDS?" }, "The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application\u2019s structure should be."), h("ifx-accordion-item", { key: '274463b3f960e8e0e588fd312f6295461ed0a3a3', caption: "How do I get access to the DDS?" }, "You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."), h("ifx-accordion-item", { key: 'd3baafb7c0dd648fdb03f53f8a962122c373cc13', caption: "Can I integrate the Infineon DDS into my project?" }, "Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"), h("ifx-accordion-item", { key: '989bd8527ebe9935475c0bdda083869a1853e1bc', caption: "Are Infineon DDS components accessable?" }, "We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."), h("ifx-accordion-item", { key: 'bcc207308c52cdbbc3f36c5024834276de5207fd', caption: "How to request a new component?" }, "Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you."))));
     }
     static get is() { return "ifx-faq"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/stories/setup-and-installation/faq/faq.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"faq.js","sourceRoot":"","sources":["../../../../src/stories/setup-and-installation/faq/faq.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,GAAG;IAEd,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,WAAW;YACtB;gBACE,2EAAoB,OAAO,EAAC,2BAA2B,0dAElC;gBACrB,2EAAoB,OAAO,EAAC,iCAAiC,oNAExC;gBACrB,2EAAoB,OAAO,EAAC,mDAAmD,kVAE1D;gBACrB,2EAAoB,OAAO,EAAC,yCAAyC,gUAEhD;gBACrB,2EAAoB,OAAO,EAAC,iCAAiC,0PAExC,CACP,CACV,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'ifx-faq',\r\n styleUrl: './faq.scss',\r\n shadow: true,\r\n})\r\nexport class Faq {\r\n\r\n render() {\r\n return (\r\n <div class='container'>\r\n <ifx-accordion>\r\n <ifx-accordion-item caption=\"What is the Infineon DDS?\">\r\n The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application’s structure should be.\r\n </ifx-accordion-item>\r\n <ifx-accordion-item caption=\"How do I get access to the DDS?\">\r\n You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github.\r\n </ifx-accordion-item>\r\n <ifx-accordion-item caption=\"Can I integrate the Infineon DDS into my project?\">\r\n Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)\r\n </ifx-accordion-item>\r\n <ifx-accordion-item caption=\"Are Infineon DDS components accessable?\">\r\n We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here.\r\n </ifx-accordion-item>\r\n <ifx-accordion-item caption=\"How to request a new component?\">\r\n Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you.\r\n </ifx-accordion-item>\r\n </ifx-accordion>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"faq.js","sourceRoot":"","sources":["../../../../src/stories/setup-and-installation/faq/faq.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,GAAG;IAEd,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,WAAW;YACtB;gBACE,2EAAoB,OAAO,EAAC,2BAA2B,0dAElC;gBACrB,2EAAoB,OAAO,EAAC,iCAAiC,oNAExC;gBACrB,2EAAoB,OAAO,EAAC,mDAAmD,kVAE1D;gBACrB,2EAAoB,OAAO,EAAC,yCAAyC,gUAEhD;gBACrB,2EAAoB,OAAO,EAAC,iCAAiC,0PAExC,CACP,CACV,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'ifx-faq',\n styleUrl: './faq.scss',\n shadow: true,\n})\nexport class Faq {\n\n render() {\n return (\n <div class='container'>\n <ifx-accordion>\n <ifx-accordion-item caption=\"What is the Infineon DDS?\">\n The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application’s structure should be.\n </ifx-accordion-item>\n <ifx-accordion-item caption=\"How do I get access to the DDS?\">\n You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github.\n </ifx-accordion-item>\n <ifx-accordion-item caption=\"Can I integrate the Infineon DDS into my project?\">\n Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)\n </ifx-accordion-item>\n <ifx-accordion-item caption=\"Are Infineon DDS components accessable?\">\n We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here.\n </ifx-accordion-item>\n <ifx-accordion-item caption=\"How to request a new component?\">\n Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you.\n </ifx-accordion-item>\n </ifx-accordion>\n </div>\n );\n }\n}\n"]}

package/dist/collection/test-setup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"test-setup.js","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"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","sourcesContent":["let defineCustomElements;\r\nprocess.env.NODE_ENV = 'test'; \r\n\r\ntry {\r\n // Attempt to import defineCustomElements\r\n const loader = await import('../types/loader');\r\n defineCustomElements = loader.defineCustomElements;\r\n console.log('defineCustomElements imported successfully');\r\n} catch (error) {\r\n // If the import fails, provide a mock implementation\r\n console.warn('Failed to import defineCustomElements. Using mock implementation.');\r\n defineCustomElements = async () => {\r\n console.warn('Mock defineCustomElements called. No components will be registered.');\r\n };\r\n}\r\n\r\n// Create a more robust ElementInternals mock\r\nif (!('ElementInternals' in window)) {\r\n class MockElementInternals {\r\n // Required basic properties\r\n form = null;\r\n labels = [];\r\n validationMessage = '';\r\n validity = {\r\n valid: true,\r\n badInput: false,\r\n customError: false,\r\n patternMismatch: false,\r\n rangeOverflow: false,\r\n rangeUnderflow: false,\r\n stepMismatch: false,\r\n tooLong: false,\r\n tooShort: false,\r\n typeMismatch: false,\r\n valueMissing: false\r\n };\r\n \r\n // Required methods with full implementation\r\n //setFormValue = jest.fn();\r\n //setValidity = jest.fn();\r\n checkValidity = jest.fn().mockReturnValue(true);\r\n reportValidity = jest.fn().mockReturnValue(true);\r\n \r\n // Additional properties to satisfy TypeScript\r\n shadowRoot = null;\r\n states = new Set();\r\n willValidate = true;\r\n \r\n // ARIA properties (add as needed)\r\n ariaAtomic = null;\r\n ariaAutoComplete = null;\r\n ariaBusy = null;\r\n ariaChecked = null;\r\n ariaColCount = null;\r\n // ... other aria properties\r\n }\r\n \r\n // Assign the class to window\r\n (window as any).ElementInternals = MockElementInternals;\r\n \r\n // Mock attachInternals - use type assertion to avoid TypeScript errors\r\n if (!HTMLElement.prototype.attachInternals) {\r\n HTMLElement.prototype.attachInternals = jest.fn(() => \r\n new MockElementInternals()\r\n ) as unknown as () => ElementInternals;\r\n }\r\n}\r\n\r\n// Fix for multiselect tests - ensure FormData exists\r\nif (!window.FormData) {\r\n window.FormData = class FormData {\r\n private data = new Map();\r\n append(key, value) { this.data.set(key, value); }\r\n delete(key) { this.data.delete(key); }\r\n get(key) { return this.data.get(key); }\r\n getAll(key) { return [this.data.get(key)]; }\r\n has(key) { return this.data.has(key); }\r\n set(key, value) { this.data.set(key, value); }\r\n entries() { return this.data.entries(); }\r\n keys() { return this.data.keys(); }\r\n values() { return this.data.values(); }\r\n forEach(callback) { this.data.forEach((value, key) => callback(value, key)); }\r\n } as any;\r\n}\r\n\r\nasync function setup() {\r\n try {\r\n console.log('Registering custom elements');\r\n await defineCustomElements(window); \r\n console.log('Custom elements registered');\r\n } catch (error) {\r\n console.error('Error during component registration:', error);\r\n }\r\n}\r\n\r\nsetup();\r\n\r\n// Fix for Sidebar test - mock expandActiveItems globally\r\nsetTimeout(() => {\r\n try {\r\n // We use setTimeout to ensure this runs after module loading\r\n const { Sidebar } = require('./components/navigation/sidebar/sidebar');\r\n console.log('Found Sidebar component, mocking expandActiveItems');\r\n if (Sidebar && Sidebar.prototype) {\r\n Sidebar.prototype.expandActiveItems = jest.fn();\r\n }\r\n } catch (e) {\r\n console.warn('Could not mock Sidebar.expandActiveItems:', e);\r\n }\r\n}, 0);\r\n\r\nexport {};"]}
1	+ {"version":3,"file":"test-setup.js","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"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","sourcesContent":["let defineCustomElements;\nprocess.env.NODE_ENV = 'test'; \n\ntry {\n // Attempt to import defineCustomElements\n const loader = await import('../types/loader');\n defineCustomElements = loader.defineCustomElements;\n console.log('defineCustomElements imported successfully');\n} catch (error) {\n // If the import fails, provide a mock implementation\n console.warn('Failed to import defineCustomElements. Using mock implementation.');\n defineCustomElements = async () => {\n console.warn('Mock defineCustomElements called. No components will be registered.');\n };\n}\n\n// Create a more robust ElementInternals mock\nif (!('ElementInternals' in window)) {\n class MockElementInternals {\n // Required basic properties\n form = null;\n labels = [];\n validationMessage = '';\n validity = {\n valid: true,\n badInput: false,\n customError: false,\n patternMismatch: false,\n rangeOverflow: false,\n rangeUnderflow: false,\n stepMismatch: false,\n tooLong: false,\n tooShort: false,\n typeMismatch: false,\n valueMissing: false\n };\n \n // Required methods with full implementation\n //setFormValue = jest.fn();\n //setValidity = jest.fn();\n checkValidity = jest.fn().mockReturnValue(true);\n reportValidity = jest.fn().mockReturnValue(true);\n \n // Additional properties to satisfy TypeScript\n shadowRoot = null;\n states = new Set();\n willValidate = true;\n \n // ARIA properties (add as needed)\n ariaAtomic = null;\n ariaAutoComplete = null;\n ariaBusy = null;\n ariaChecked = null;\n ariaColCount = null;\n // ... other aria properties\n }\n \n // Assign the class to window\n (window as any).ElementInternals = MockElementInternals;\n \n // Mock attachInternals - use type assertion to avoid TypeScript errors\n if (!HTMLElement.prototype.attachInternals) {\n HTMLElement.prototype.attachInternals = jest.fn(() => \n new MockElementInternals()\n ) as unknown as () => ElementInternals;\n }\n}\n\n// Fix for multiselect tests - ensure FormData exists\nif (!window.FormData) {\n window.FormData = class FormData {\n private data = new Map();\n append(key, value) { this.data.set(key, value); }\n delete(key) { this.data.delete(key); }\n get(key) { return this.data.get(key); }\n getAll(key) { return [this.data.get(key)]; }\n has(key) { return this.data.has(key); }\n set(key, value) { this.data.set(key, value); }\n entries() { return this.data.entries(); }\n keys() { return this.data.keys(); }\n values() { return this.data.values(); }\n forEach(callback) { this.data.forEach((value, key) => callback(value, key)); }\n } as any;\n}\n\nasync function setup() {\n try {\n console.log('Registering custom elements');\n await defineCustomElements(window); \n console.log('Custom elements registered');\n } catch (error) {\n console.error('Error during component registration:', error);\n }\n}\n\nsetup();\n\n// Fix for Sidebar test - mock expandActiveItems globally\nsetTimeout(() => {\n try {\n // We use setTimeout to ensure this runs after module loading\n const { Sidebar } = require('./components/navigation/sidebar/sidebar');\n console.log('Found Sidebar component, mocking expandActiveItems');\n if (Sidebar && Sidebar.prototype) {\n Sidebar.prototype.expandActiveItems = jest.fn();\n }\n } catch (e) {\n console.warn('Could not mock Sidebar.expandActiveItems:', e);\n }\n}, 0);\n\nexport {};"]}

package/dist/components/ifx-accordion-item.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { A as AccordionItem, d as defineCustomElement$1 } from './p-y82FFfi8.js';
+import { A as AccordionItem, d as defineCustomElement$1 } from './p-DRqwZrk0.js';
 const IfxAccordionItem = AccordionItem;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-accordion.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { A as Accordion, d as defineCustomElement$1 } from './p-CIgjv3WT.js';
+import { A as Accordion, d as defineCustomElement$1 } from './p-RF9z92mE.js';
 const IfxAccordion = Accordion;
 const defineCustomElement = defineCustomElement$1;

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

@@ -222,7 +222,7 @@ const ActionListItem = /*@__PURE__*/ proxyCustomElement(class ActionListItem ext
         const ariaLabel = this.itemAriaLabel || `${this.itemTitle}${this.description ? ` - ${this.description}` : ''}`;
         const hasLeadingContent = this.hasSlotContent('leading');
         const hasTrailingContent = this.hasSlotContent('trailing');
-        return (h("div", { key: 'f4e53ea17c6bdea279fc96b5a954e9f8ef9b0911', class: classNames('action-list-item', this.disabled && 'action-list-item--disabled', isClickable && 'action-list-item--clickable'), role: "listitem", tabIndex: isClickable ? 0 : -1, "aria-label": ariaLabel, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleMainClick, onKeyDown: this.handleMainKeyDown }, hasLeadingContent && (h("div", { key: '9c565d3a24234672ce42c264185aa970204b54c9', class: "action-list-item__leading", onClick: this.handleLeadingClick, onKeyDown: this.handleLeadingKeyDown }, h("slot", { key: '965ed004d61c1b38366886ae5b4415c4ee67ab2c', name: "leading" }))), h("div", { key: '1c21aaf97464d42c4ce3d4a9a76963ffe73d2121', class: "action-list-item__content" }, h("div", { key: 'e588b9d0adce7fbbfffeba338efe7c76b60fe3cb', class: "action-list-item__title" }, this.itemTitle), this.description && (h("div", { key: '58aa81b18bf0f6070a18180be254fd42270c9a38', class: "action-list-item__description" }, this.description))), hasTrailingContent && (h("div", { key: '5d5ed9d8d936166beba4fc1790f3e69cd0adcefc', class: "action-list-item__trailing", onClick: this.handleTrailingClick, onKeyDown: this.handleTrailingKeyDown }, h("slot", { key: '8a2c8f6f3dde321748310b2d2f0e1ec032c895a3', name: "trailing" })))));
+        return (h("div", { key: 'afc03036455ceb23a99e893ebdc36c052fcc2e64', class: classNames('action-list-item', this.disabled && 'action-list-item--disabled', isClickable && 'action-list-item--clickable'), role: "listitem", tabIndex: isClickable ? 0 : -1, "aria-label": ariaLabel, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleMainClick, onKeyDown: this.handleMainKeyDown }, hasLeadingContent && (h("div", { key: 'fbc09a625f124bdcf9137cde295838592925cc93', class: "action-list-item__leading", onClick: this.handleLeadingClick, onKeyDown: this.handleLeadingKeyDown }, h("slot", { key: '915fb5467635e391ca3713def64ee031095e784d', name: "leading" }))), h("div", { key: '589bd17dcd1f2de8ac7ac1c86db677c9b8eac35e', class: "action-list-item__content" }, h("div", { key: '4b0ac3d7e1439cbe8682f9d14411acc4683b2ffe', class: "action-list-item__title" }, this.itemTitle), this.description && (h("div", { key: 'e5a0481505f637db1f7672fca5e1800a934d4270', class: "action-list-item__description" }, this.description))), hasTrailingContent && (h("div", { key: 'c855aff75b5e1ddba37456c2225f46be3ae17429', class: "action-list-item__trailing", onClick: this.handleTrailingClick, onKeyDown: this.handleTrailingKeyDown }, h("slot", { key: '68ff1e04f0bdf90894fa729619c7b7a6f896bad8', name: "trailing" })))));
     }
     get host() { return this; }
     static get watchers() { return {

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

	@@ -1 +1 @@
1	- {"file":"ifx-action-list-item.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,wyCAAwyC;;MCerzC,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,GAAA;;;;;AA4BE;;;AAGG;AACK,QAAA,IAAM,CAAA,MAAA,GAAW,OAAO;AAEhC;;;AAGG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAkBzB,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,KAAiB,KAAI;;AAC9C,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE;gBACtB,KAAK,CAAC,eAAe,EAAE;gBACvB;;;AAIF,YAAA,MAAM,cAAc,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAAC,4BAA4B,CAAC;AACxF,YAAA,MAAM,eAAe,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAAC,6BAA6B,CAAC;YAE1F,IAAI,CAAA,cAAc,KAAd,IAAA,IAAA,cAAc,KAAd,MAAA,GAAA,MAAA,GAAA,cAAc,CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,MAAI,eAAe,KAAA,IAAA,IAAf,eAAe,KAAA,MAAA,GAAA,MAAA,GAAf,eAAe,CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,EAAE;AACrG,gBAAA,OAAO;;;AAIT,YAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC;gBAC/B,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,MAAM,EAAE,IAAI,CAAC,MAAM;AACnB,gBAAA,SAAS,EAAE,IAAI;AAChB,aAAA,CAAC;;;AAIF,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,gBAAA,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE;oBAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;;qBAC9B;oBACL,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI;;;AAGtC,SAAC;AAEO,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,KAAiB,KAAI;AACjD,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE;gBACtB,KAAK,CAAC,eAAe,EAAE;gBACvB;;AAGF,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;;YAG1C,IAAI,cAAc,GAAG,MAAM;YAC3B,OAAO,cAAc,IAAI,cAAc,KAAK,IAAI,CAAC,IAAI,EAAE;AACrD,gBAAA,IAAI,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,EAAE;;oBAE7C,KAAK,CAAC,eAAe,EAAE;oBACvB;;AAEF,gBAAA,cAAc,GAAG,cAAc,CAAC,aAAa;;;YAI/C,KAAK,CAAC,eAAe,EAAE;AACvB,YAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC;gBAC/B,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,MAAM,EAAE,IAAI,CAAC,MAAM;AACnB,gBAAA,SAAS,EAAE,IAAI;AAChB,aAAA,CAAC;;AAGF,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,gBAAA,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE;oBAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;;qBAC9B;oBACL,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI;;;AAGtC,SAAC;AAEO,QAAA,IAAA,CAAA,mBAAmB,GAAG,CAAC,KAAiB,KAAI;AAClD,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE;gBACtB,KAAK,CAAC,eAAe,EAAE;gBACvB;;AAGF,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;;YAG1C,IAAI,cAAc,GAAG,MAAM;YAC3B,OAAO,cAAc,IAAI,cAAc,KAAK,IAAI,CAAC,IAAI,EAAE;AACrD,gBAAA,IAAI,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,EAAE;;oBAE7C,KAAK,CAAC,eAAe,EAAE;oBACvB;;AAEF,gBAAA,cAAc,GAAG,cAAc,CAAC,aAAa;;;YAI/C,KAAK,CAAC,eAAe,EAAE;AACvB,YAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC;gBAC/B,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,MAAM,EAAE,IAAI,CAAC,MAAM;AACnB,gBAAA,SAAS,EAAE,IAAI;AAChB,aAAA,CAAC;;AAGF,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,gBAAA,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE;oBAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;;qBAC9B;oBACL,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI;;;AAGtC,SAAC;AAEO,QAAA,IAAA,CAAA,oBAAoB,GAAG,CAAC,OAAoB,KAAa;;YAE/D,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE;;AAG7C,YAAA,MAAM,6BAA6B,GAAG;gBACpC,YAAY;gBACZ,cAAc;gBACd;aACD;;AAGD,YAAA,OAAO,6BAA6B,CAAC,QAAQ,CAAC,OAAO,CAAC;AACxD,SAAC;AAEO,QAAA,IAAA,CAAA,iBAAiB,GAAG,CAAC,KAAoB,KAAI;YACnD,IAAI,IAAI,CAAC,QAAQ;gBAAE;AAEnB,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;gBAC9C,KAAK,CAAC,cAAc,EAAE;;AAGtB,gBAAA,IAAI,CAAC,eAAe,CAAC,KAAY,CAAC;;AAEtC,SAAC;AAEO,QAAA,IAAA,CAAA,oBAAoB,GAAG,CAAC,KAAoB,KAAI;;YACtD,IAAI,IAAI,CAAC,QAAQ;gBAAE;AAEnB,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;gBAC9C,KAAK,CAAC,cAAc,EAAE;AAEtB,gBAAA,MAAM,WAAW,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAAC,sBAAsB,CAAoB;gBAClG,MAAM,gBAAgB,GAAG,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,MAAA,GAAA,MAAA,GAAA,WAAW,CAAE,gBAAgB,EAAE,KAAI,EAAE;;AAG9D,gBAAA,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,IAC/C,IAAI,CAAC,oBAAoB,CAAC,EAAiB,CAAC,CAC9B;gBAEhB,IAAI,gBAAgB,EAAE;oBACpB,gBAAgB,CAAC,KAAK,EAAE;oBACxB,gBAAgB,CAAC,KAAK,EAAE;;;AAG9B,SAAC;AAEO,QAAA,IAAA,CAAA,qBAAqB,GAAG,CAAC,KAAoB,KAAI;;YACvD,IAAI,IAAI,CAAC,QAAQ;gBAAE;AAEnB,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;gBAC9C,KAAK,CAAC,cAAc,EAAE;AAEtB,gBAAA,MAAM,YAAY,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAAC,uBAAuB,CAAoB;gBACpG,MAAM,gBAAgB,GAAG,CAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,MAAA,GAAA,MAAA,GAAA,YAAY,CAAE,gBAAgB,EAAE,KAAI,EAAE;;AAG/D,gBAAA,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,IAC/C,IAAI,CAAC,oBAAoB,CAAC,EAAiB,CAAC,CAC9B;gBAEhB,IAAI,gBAAgB,EAAE;oBACpB,gBAAgB,CAAC,KAAK,EAAE;oBACxB,gBAAgB,CAAC,KAAK,EAAE;;;AAG9B,SAAC;AAiBO,QAAA,IAA+B,CAAA,+BAAA,GAAG,MAAK;;YAE7C,MAAM,qBAAqB,GAAG,CAAC,cAAc,EAAE,YAAY,EAAE,YAAY,CAAC;;YAG1E,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC;AAElD,YAAA,KAAK,CAAC,OAAO,CAAC,cAAc,IAAG;;AAE7B,gBAAA,IAAI,qBAAqB,CAAC,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,EAAE;AACxE,oBAAA,IAAI,CAAC,uBAAuB,CAAC,cAA6B,CAAC;;;AAI7D,gBAAA,qBAAqB,CAAC,OAAO,CAAC,YAAY,IAAG;oBAC3C,MAAM,cAAc,GAAG,cAAc,CAAC,gBAAgB,CAAC,YAAY,CAAC;AACpE,oBAAA,cAAc,CAAC,OAAO,CAAC,aAAa,IAAG;AACrC,wBAAA,IAAI,CAAC,uBAAuB,CAAC,aAA4B,CAAC;AAC5D,qBAAC,CAAC;AACJ,iBAAC,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC;AAEO,QAAA,IAAA,CAAA,uBAAuB,GAAG,CAAC,OAAoB,KAAI;AACzD,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,gBAAA,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC;;iBACnC;AACL,gBAAA,OAAO,CAAC,eAAe,CAAC,UAAU,CAAC;;AAEvC,SAAC;AAwDF;IA7RC,gBAAgB,GAAA;;QAEd,IAAI,CAAC,+BAA+B,EAAE;;AAuLhC,IAAA,cAAc,CAAC,QAAgB,EAAA;AACrC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAU,OAAA,EAAA,QAAQ,CAAI,EAAA,CAAA,CAAC;QAC5D,OAAO,CAAC,CAAC,IAAI;;IAGf,gBAAgB,GAAA;;QAEd,IAAI,CAAC,+BAA+B,EAAE;;IAGxC,kBAAkB,GAAA;;QAEhB,IAAI,CAAC,+BAA+B,EAAE;;IAgCpC,MAAM,GAAA;AACR,QAAA,MAAM,WAAW,GAAG,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC;QAC/D,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,IAAI,CAAA,EAAG,IAAI,CAAC,SAAS,CAAA,EAAG,IAAI,CAAC,WAAW,GAAG,CAAM,GAAA,EAAA,IAAI,CAAC,WAAW,CAAE,CAAA,GAAG,EAAE,CAAA,CAAE;QAC9G,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC;QACxD,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC;QAE1D,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,UAAU,CACf,kBAAkB,EAClB,IAAI,CAAC,QAAQ,IAAI,4BAA4B,EAC7C,WAAW,IAAI,6BAA6B,CAC7C,EACD,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,WAAW,GAAG,CAAC,GAAG,EAAE,EAAA,YAAA,EAClB,SAAS,EAAA,eAAA,EACN,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,SAAS,EACjD,OAAO,EAAE,IAAI,CAAC,eAAe,EAC7B,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAA,EAGhC,iBAAiB,KAChB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,2BAA2B,EACjC,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,SAAS,EAAE,IAAI,CAAC,oBAAoB,EAAA,EAEpC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAQ,CACxB,CACP,EAGD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACpC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,yBAAyB,IACjC,IAAI,CAAC,SAAS,CACX,EACL,IAAI,CAAC,WAAW,KACf,4DAAK,KAAK,EAAC,+BAA+B,EAAA,EACvC,IAAI,CAAC,WAAW,CACb,CACP,CACG,EAGL,kBAAkB,KACjB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAE,IAAI,CAAC,mBAAmB,EACjC,SAAS,EAAE,IAAI,CAAC,qBAAqB,EAAA,EAErC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAA,CAAQ,CACzB,CACP,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/action-list/action-list-item.scss?tag=ifx-action-list-item&encapsulation=shadow","src/components/action-list/action-list-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n.action-list-item {\r\n display: flex;\r\n align-items: center;\r\n padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\r\n background: tokens.$ifxColorBaseWhite;\r\n transition: background-color 0.2s ease;\r\n cursor: default;\r\n\r\n &--clickable {\r\n cursor: pointer;\r\n\r\n &:hover:not(.action-list-item--disabled) {\r\n background: tokens.$ifxColorEngineering100;\r\n }\r\n\r\n &:focus:not(.action-list-item--disabled) {\r\n outline: none;\r\n //outline: 2px solid tokens.$ifxColorOcean500;\r\n //outline-offset: -2px;\r\n background: tokens.$ifxColorEngineering100;\r\n }\r\n\r\n &:active:not(.action-list-item--disabled) {\r\n background: tokens.$ifxColorEngineering200;\r\n }\r\n }\r\n\r\n &--disabled {\r\n // Apply disabled color to all slotted icons\r\n ::slotted(ifx-icon) {\r\n color: tokens.$ifxColorEngineering300;\r\n }\r\n\r\n // Also apply to nested icons within slotted elements\r\n ::slotted() {\r\n ifx-icon {\r\n color: tokens.$ifxColorEngineering300;\r\n }\r\n }\r\n }\r\n\r\n &__leading {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-right: tokens.$ifxSpace200;\r\n flex-shrink: 0;\r\n }\r\n\r\n &__content {\r\n flex: 1;\r\n min-width: 0; // Allows text to truncate\r\n }\r\n\r\n &__title {\r\n font-weight: tokens.$ifxFontWeightSemibold;\r\n font-size: tokens.$ifxFontSizeM;\r\n line-height: tokens.$ifxLineHeightM;\r\n color: tokens.$ifxColorBaseBlack;\r\n\r\n // Truncate long titles\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n // Disabled state\r\n .action-list-item--disabled & {\r\n color: tokens.$ifxColorEngineering300;\r\n }\r\n }\r\n\r\n &__description {\r\n font-size: tokens.$ifxFontSizeS;\r\n line-height: tokens.$ifxLineHeightS;\r\n color: tokens.$ifxColorEngineering500;\r\n margin-top: tokens.$ifxSpace25;\r\n\r\n // Disabled state\r\n .action-list-item--disabled & {\r\n color: tokens.$ifxColorEngineering300;\r\n }\r\n }\r\n\r\n &__trailing {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-left: tokens.$ifxSpace200;\r\n flex-shrink: 0;\r\n gap: 16px;\r\n }\r\n}","import { Component, h, Prop, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport classNames from 'classnames';\r\n\r\nexport interface ActionListItemClickEvent {\r\n value?: string;\r\n href?: string;\r\n target?: string;\r\n component?: ActionListItem;\r\n}\r\n\r\n@Component({\r\n tag: 'ifx-action-list-item',\r\n styleUrl: 'action-list-item.scss',\r\n shadow: true,\r\n})\r\nexport class ActionListItem {\r\n @Element() host: HTMLElement;\r\n\r\n /\r\n The title text displayed in the item\r\n /\r\n @Prop() itemTitle: string;\r\n\r\n /\r\n The description text displayed below the title\r\n /\r\n @Prop() description?: string;\r\n\r\n /\r\n Value associated with this item\r\n /\r\n @Prop() value?: string;\r\n\r\n /\r\n URL to navigate to when item is clicked\r\n /\r\n @Prop() href?: string;\r\n\r\n /\r\n Target for the link navigation\r\n * @default '_self'\r\n /\r\n @Prop() target: string = '_self';\r\n\r\n /\r\n Controls whether the item is disabled\r\n * @default false\r\n /\r\n @Prop() disabled: boolean = false;\r\n\r\n /\r\n Aria label for accessibility support\r\n /\r\n @Prop() itemAriaLabel?: string;\r\n\r\n /\r\n Event emitted when the main item area is clicked\r\n /\r\n @Event() ifxActionListItemClick: EventEmitter<ActionListItemClickEvent>;\r\n\r\n @Watch('disabled')\r\n onDisabledChange() {\r\n // Update interactive elements when disabled state changes\r\n this.updateSlotElementsDisabledState();\r\n }\r\n\r\n private handleMainClick = (event: MouseEvent) => {\r\n if (this.disabled) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n return;\r\n }\r\n\r\n // Check if clicked element is inside leading or trailing areas\r\n const leadingElement = this.host.shadowRoot?.querySelector('.action-list-item__leading');\r\n const trailingElement = this.host.shadowRoot?.querySelector('.action-list-item__trailing');\r\n\r\n if (leadingElement?.contains(event.target as Node) \|\| trailingElement?.contains(event.target as Node)) {\r\n return; // Don't trigger main click if clicking on leading/trailing areas\r\n }\r\n\r\n // Always emit main event when clicking on content area (text), regardless of interactive elements\r\n this.ifxActionListItemClick.emit({\r\n value: this.value,\r\n href: this.href,\r\n target: this.target,\r\n component: this,\r\n });\r\n\r\n // If href is provided, automatically navigate (Link mode)\r\n // If no href is provided, only the event is emitted (Event mode)\r\n if (this.href) {\r\n if (this.target === '_blank') {\r\n window.open(this.href, this.target);\r\n } else {\r\n window.location.href = this.href;\r\n }\r\n }\r\n };\r\n\r\n private handleLeadingClick = (event: MouseEvent) => {\r\n if (this.disabled) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n return;\r\n }\r\n\r\n const target = event.target as HTMLElement;\r\n\r\n // Check if the clicked element or any of its parents is an interactive component\r\n let currentElement = target;\r\n while (currentElement && currentElement !== this.host) {\r\n if (this.isInteractiveElement(currentElement)) {\r\n // Interactive element clicked - stop propagation to prevent main event\r\n event.stopPropagation();\r\n return;\r\n }\r\n currentElement = currentElement.parentElement;\r\n }\r\n\r\n // Non-interactive element clicked - trigger main action\r\n event.stopPropagation();\r\n this.ifxActionListItemClick.emit({\r\n value: this.value,\r\n href: this.href,\r\n target: this.target,\r\n component: this,\r\n });\r\n\r\n // If href is provided, automatically navigate\r\n if (this.href) {\r\n if (this.target === '_blank') {\r\n window.open(this.href, this.target);\r\n } else {\r\n window.location.href = this.href;\r\n }\r\n }\r\n };\r\n\r\n private handleTrailingClick = (event: MouseEvent) => {\r\n if (this.disabled) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n return;\r\n }\r\n\r\n const target = event.target as HTMLElement;\r\n\r\n // Check if the clicked element or any of its parents is an interactive component\r\n let currentElement = target;\r\n while (currentElement && currentElement !== this.host) {\r\n if (this.isInteractiveElement(currentElement)) {\r\n // Interactive element clicked - stop propagation to prevent main event\r\n event.stopPropagation();\r\n return;\r\n }\r\n currentElement = currentElement.parentElement;\r\n }\r\n\r\n // Non-interactive element clicked - trigger main action\r\n event.stopPropagation();\r\n this.ifxActionListItemClick.emit({\r\n value: this.value,\r\n href: this.href,\r\n target: this.target,\r\n component: this,\r\n });\r\n\r\n // If href is provided, automatically navigate\r\n if (this.href) {\r\n if (this.target === '_blank') {\r\n window.open(this.href, this.target);\r\n } else {\r\n window.location.href = this.href;\r\n }\r\n }\r\n };\r\n\r\n private isInteractiveElement = (element: HTMLElement): boolean => {\r\n // Get the tag name, handling both custom elements and standard HTML\r\n const tagName = element.tagName.toUpperCase();\r\n\r\n // List of Infineon components that should block main event\r\n const interactiveInfineonComponents = [\r\n 'IFX-BUTTON',\r\n 'IFX-CHECKBOX',\r\n 'IFX-SWITCH'\r\n ];\r\n\r\n // Check if it's an interactive Infineon component\r\n return interactiveInfineonComponents.includes(tagName);\r\n };\r\n\r\n private handleMainKeyDown = (event: KeyboardEvent) => {\r\n if (this.disabled) return;\r\n\r\n if (event.key === 'Enter' \|\| event.key === ' ') {\r\n event.preventDefault();\r\n\r\n // Always trigger main action via keyboard, regardless of interactive elements\r\n this.handleMainClick(event as any);\r\n }\r\n };\r\n\r\n private handleLeadingKeyDown = (event: KeyboardEvent) => {\r\n if (this.disabled) return;\r\n\r\n if (event.key === 'Enter' \|\| event.key === ' ') {\r\n event.preventDefault();\r\n\r\n const leadingSlot = this.host.shadowRoot?.querySelector('slot[name=\"leading\"]') as HTMLSlotElement;\r\n const assignedElements = leadingSlot?.assignedElements() \|\| [];\r\n\r\n // Find first interactive element and activate it\r\n const firstInteractive = assignedElements.find(el =>\r\n this.isInteractiveElement(el as HTMLElement)\r\n ) as HTMLElement;\r\n\r\n if (firstInteractive) {\r\n firstInteractive.focus();\r\n firstInteractive.click();\r\n }\r\n }\r\n };\r\n\r\n private handleTrailingKeyDown = (event: KeyboardEvent) => {\r\n if (this.disabled) return;\r\n\r\n if (event.key === 'Enter' \|\| event.key === ' ') {\r\n event.preventDefault();\r\n\r\n const trailingSlot = this.host.shadowRoot?.querySelector('slot[name=\"trailing\"]') as HTMLSlotElement;\r\n const assignedElements = trailingSlot?.assignedElements() \|\| [];\r\n\r\n // Find first interactive element and activate it\r\n const firstInteractive = assignedElements.find(el =>\r\n this.isInteractiveElement(el as HTMLElement)\r\n ) as HTMLElement;\r\n\r\n if (firstInteractive) {\r\n firstInteractive.focus();\r\n firstInteractive.click();\r\n }\r\n }\r\n };\r\n\r\n private hasSlotContent(slotName: string): boolean {\r\n const slot = this.host.querySelector(`[slot=\"${slotName}\"]`);\r\n return !!slot;\r\n }\r\n\r\n componentDidLoad() {\r\n // Apply disabled state to interactive elements in slots\r\n this.updateSlotElementsDisabledState();\r\n }\r\n\r\n componentDidUpdate() {\r\n // Apply disabled state to interactive elements in slots when disabled prop changes\r\n this.updateSlotElementsDisabledState();\r\n }\r\n\r\n private updateSlotElementsDisabledState = () => {\r\n // Only handle interactive components that should be disabled\r\n const interactiveComponents = ['ifx-checkbox', 'ifx-switch', 'ifx-button'];\r\n\r\n // Get all slotted elements\r\n const slots = this.host.querySelectorAll('[slot]');\r\n\r\n slots.forEach(slottedElement => {\r\n // Check if the slotted element itself is an interactive component\r\n if (interactiveComponents.includes(slottedElement.tagName.toLowerCase())) {\r\n this.setElementDisabledState(slottedElement as HTMLElement);\r\n }\r\n\r\n // Also check for nested interactive components within the slotted element\r\n interactiveComponents.forEach(componentTag => {\r\n const nestedElements = slottedElement.querySelectorAll(componentTag);\r\n nestedElements.forEach(nestedElement => {\r\n this.setElementDisabledState(nestedElement as HTMLElement);\r\n });\r\n });\r\n });\r\n };\r\n\r\n private setElementDisabledState = (element: HTMLElement) => {\r\n if (this.disabled) {\r\n element.setAttribute('disabled', 'true');\r\n } else {\r\n element.removeAttribute('disabled');\r\n }\r\n }; render() {\r\n const isClickable = !this.disabled && (this.href \|\| this.value);\r\n const ariaLabel = this.itemAriaLabel \|\| `${this.itemTitle}${this.description ? ` - ${this.description}` : ''}`;\r\n const hasLeadingContent = this.hasSlotContent('leading');\r\n const hasTrailingContent = this.hasSlotContent('trailing');\r\n\r\n return (\r\n <div\r\n class={classNames(\r\n 'action-list-item',\r\n this.disabled && 'action-list-item--disabled',\r\n isClickable && 'action-list-item--clickable'\r\n )}\r\n role=\"listitem\"\r\n tabIndex={isClickable ? 0 : -1}\r\n aria-label={ariaLabel}\r\n aria-disabled={this.disabled ? 'true' : undefined}\r\n onClick={this.handleMainClick}\r\n onKeyDown={this.handleMainKeyDown}\r\n >\r\n {/ Leading Item Container - only render if content exists /}\r\n {hasLeadingContent && (\r\n <div\r\n class=\"action-list-item__leading\"\r\n onClick={this.handleLeadingClick}\r\n onKeyDown={this.handleLeadingKeyDown}\r\n >\r\n <slot name=\"leading\"></slot>\r\n </div>\r\n )}\r\n\r\n {/ Text Container /}\r\n <div class=\"action-list-item__content\">\r\n <div class=\"action-list-item__title\">\r\n {this.itemTitle}\r\n </div>\r\n {this.description && (\r\n <div class=\"action-list-item__description\">\r\n {this.description}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/ Trailing Item Container - only render if content exists */}\r\n {hasTrailingContent && (\r\n <div\r\n class=\"action-list-item__trailing\"\r\n onClick={this.handleTrailingClick}\r\n onKeyDown={this.handleTrailingKeyDown}\r\n >\r\n <slot name=\"trailing\"></slot>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"],"version":3}
1	+ {"file":"ifx-action-list-item.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/action-list/action-list-item.scss?tag=ifx-action-list-item&encapsulation=shadow","src/components/action-list/action-list-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n.action-list-item {\n display: flex;\n align-items: center;\n padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\n background: tokens.$ifxColorBaseWhite;\n transition: background-color 0.2s ease;\n cursor: default;\n\n &--clickable {\n cursor: pointer;\n\n &:hover:not(.action-list-item--disabled) {\n background: tokens.$ifxColorEngineering100;\n }\n\n &:focus:not(.action-list-item--disabled) {\n outline: none;\n //outline: 2px solid tokens.$ifxColorOcean500;\n //outline-offset: -2px;\n background: tokens.$ifxColorEngineering100;\n }\n\n &:active:not(.action-list-item--disabled) {\n background: tokens.$ifxColorEngineering200;\n }\n }\n\n &--disabled {\n // Apply disabled color to all slotted icons\n ::slotted(ifx-icon) {\n color: tokens.$ifxColorEngineering300;\n }\n\n // Also apply to nested icons within slotted elements\n ::slotted() {\n ifx-icon {\n color: tokens.$ifxColorEngineering300;\n }\n }\n }\n\n &__leading {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: tokens.$ifxSpace200;\n flex-shrink: 0;\n }\n\n &__content {\n flex: 1;\n min-width: 0; // Allows text to truncate\n }\n\n &__title {\n font-weight: tokens.$ifxFontWeightSemibold;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n color: tokens.$ifxColorBaseBlack;\n\n // Truncate long titles\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n // Disabled state\n .action-list-item--disabled & {\n color: tokens.$ifxColorEngineering300;\n }\n }\n\n &__description {\n font-size: tokens.$ifxFontSizeS;\n line-height: tokens.$ifxLineHeightS;\n color: tokens.$ifxColorEngineering500;\n margin-top: tokens.$ifxSpace25;\n\n // Disabled state\n .action-list-item--disabled & {\n color: tokens.$ifxColorEngineering300;\n }\n }\n\n &__trailing {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: tokens.$ifxSpace200;\n flex-shrink: 0;\n gap: 16px;\n }\n}","import { Component, h, Prop, Element, Event, EventEmitter, Watch } from '@stencil/core';\nimport classNames from 'classnames';\n\nexport interface ActionListItemClickEvent {\n value?: string;\n href?: string;\n target?: string;\n component?: ActionListItem;\n}\n\n@Component({\n tag: 'ifx-action-list-item',\n styleUrl: 'action-list-item.scss',\n shadow: true,\n})\nexport class ActionListItem {\n @Element() host: HTMLElement;\n\n /\n The title text displayed in the item\n /\n @Prop() itemTitle: string;\n\n /\n The description text displayed below the title\n /\n @Prop() description?: string;\n\n /\n Value associated with this item\n /\n @Prop() value?: string;\n\n /\n URL to navigate to when item is clicked\n /\n @Prop() href?: string;\n\n /\n Target for the link navigation\n * @default '_self'\n /\n @Prop() target: string = '_self';\n\n /\n Controls whether the item is disabled\n * @default false\n /\n @Prop() disabled: boolean = false;\n\n /\n Aria label for accessibility support\n /\n @Prop() itemAriaLabel?: string;\n\n /\n Event emitted when the main item area is clicked\n /\n @Event() ifxActionListItemClick: EventEmitter<ActionListItemClickEvent>;\n\n @Watch('disabled')\n onDisabledChange() {\n // Update interactive elements when disabled state changes\n this.updateSlotElementsDisabledState();\n }\n\n private handleMainClick = (event: MouseEvent) => {\n if (this.disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n // Check if clicked element is inside leading or trailing areas\n const leadingElement = this.host.shadowRoot?.querySelector('.action-list-item__leading');\n const trailingElement = this.host.shadowRoot?.querySelector('.action-list-item__trailing');\n\n if (leadingElement?.contains(event.target as Node) \|\| trailingElement?.contains(event.target as Node)) {\n return; // Don't trigger main click if clicking on leading/trailing areas\n }\n\n // Always emit main event when clicking on content area (text), regardless of interactive elements\n this.ifxActionListItemClick.emit({\n value: this.value,\n href: this.href,\n target: this.target,\n component: this,\n });\n\n // If href is provided, automatically navigate (Link mode)\n // If no href is provided, only the event is emitted (Event mode)\n if (this.href) {\n if (this.target === '_blank') {\n window.open(this.href, this.target);\n } else {\n window.location.href = this.href;\n }\n }\n };\n\n private handleLeadingClick = (event: MouseEvent) => {\n if (this.disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n const target = event.target as HTMLElement;\n\n // Check if the clicked element or any of its parents is an interactive component\n let currentElement = target;\n while (currentElement && currentElement !== this.host) {\n if (this.isInteractiveElement(currentElement)) {\n // Interactive element clicked - stop propagation to prevent main event\n event.stopPropagation();\n return;\n }\n currentElement = currentElement.parentElement;\n }\n\n // Non-interactive element clicked - trigger main action\n event.stopPropagation();\n this.ifxActionListItemClick.emit({\n value: this.value,\n href: this.href,\n target: this.target,\n component: this,\n });\n\n // If href is provided, automatically navigate\n if (this.href) {\n if (this.target === '_blank') {\n window.open(this.href, this.target);\n } else {\n window.location.href = this.href;\n }\n }\n };\n\n private handleTrailingClick = (event: MouseEvent) => {\n if (this.disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n const target = event.target as HTMLElement;\n\n // Check if the clicked element or any of its parents is an interactive component\n let currentElement = target;\n while (currentElement && currentElement !== this.host) {\n if (this.isInteractiveElement(currentElement)) {\n // Interactive element clicked - stop propagation to prevent main event\n event.stopPropagation();\n return;\n }\n currentElement = currentElement.parentElement;\n }\n\n // Non-interactive element clicked - trigger main action\n event.stopPropagation();\n this.ifxActionListItemClick.emit({\n value: this.value,\n href: this.href,\n target: this.target,\n component: this,\n });\n\n // If href is provided, automatically navigate\n if (this.href) {\n if (this.target === '_blank') {\n window.open(this.href, this.target);\n } else {\n window.location.href = this.href;\n }\n }\n };\n\n private isInteractiveElement = (element: HTMLElement): boolean => {\n // Get the tag name, handling both custom elements and standard HTML\n const tagName = element.tagName.toUpperCase();\n\n // List of Infineon components that should block main event\n const interactiveInfineonComponents = [\n 'IFX-BUTTON',\n 'IFX-CHECKBOX',\n 'IFX-SWITCH'\n ];\n\n // Check if it's an interactive Infineon component\n return interactiveInfineonComponents.includes(tagName);\n };\n\n private handleMainKeyDown = (event: KeyboardEvent) => {\n if (this.disabled) return;\n\n if (event.key === 'Enter' \|\| event.key === ' ') {\n event.preventDefault();\n\n // Always trigger main action via keyboard, regardless of interactive elements\n this.handleMainClick(event as any);\n }\n };\n\n private handleLeadingKeyDown = (event: KeyboardEvent) => {\n if (this.disabled) return;\n\n if (event.key === 'Enter' \|\| event.key === ' ') {\n event.preventDefault();\n\n const leadingSlot = this.host.shadowRoot?.querySelector('slot[name=\"leading\"]') as HTMLSlotElement;\n const assignedElements = leadingSlot?.assignedElements() \|\| [];\n\n // Find first interactive element and activate it\n const firstInteractive = assignedElements.find(el =>\n this.isInteractiveElement(el as HTMLElement)\n ) as HTMLElement;\n\n if (firstInteractive) {\n firstInteractive.focus();\n firstInteractive.click();\n }\n }\n };\n\n private handleTrailingKeyDown = (event: KeyboardEvent) => {\n if (this.disabled) return;\n\n if (event.key === 'Enter' \|\| event.key === ' ') {\n event.preventDefault();\n\n const trailingSlot = this.host.shadowRoot?.querySelector('slot[name=\"trailing\"]') as HTMLSlotElement;\n const assignedElements = trailingSlot?.assignedElements() \|\| [];\n\n // Find first interactive element and activate it\n const firstInteractive = assignedElements.find(el =>\n this.isInteractiveElement(el as HTMLElement)\n ) as HTMLElement;\n\n if (firstInteractive) {\n firstInteractive.focus();\n firstInteractive.click();\n }\n }\n };\n\n private hasSlotContent(slotName: string): boolean {\n const slot = this.host.querySelector(`[slot=\"${slotName}\"]`);\n return !!slot;\n }\n\n componentDidLoad() {\n // Apply disabled state to interactive elements in slots\n this.updateSlotElementsDisabledState();\n }\n\n componentDidUpdate() {\n // Apply disabled state to interactive elements in slots when disabled prop changes\n this.updateSlotElementsDisabledState();\n }\n\n private updateSlotElementsDisabledState = () => {\n // Only handle interactive components that should be disabled\n const interactiveComponents = ['ifx-checkbox', 'ifx-switch', 'ifx-button'];\n\n // Get all slotted elements\n const slots = this.host.querySelectorAll('[slot]');\n\n slots.forEach(slottedElement => {\n // Check if the slotted element itself is an interactive component\n if (interactiveComponents.includes(slottedElement.tagName.toLowerCase())) {\n this.setElementDisabledState(slottedElement as HTMLElement);\n }\n\n // Also check for nested interactive components within the slotted element\n interactiveComponents.forEach(componentTag => {\n const nestedElements = slottedElement.querySelectorAll(componentTag);\n nestedElements.forEach(nestedElement => {\n this.setElementDisabledState(nestedElement as HTMLElement);\n });\n });\n });\n };\n\n private setElementDisabledState = (element: HTMLElement) => {\n if (this.disabled) {\n element.setAttribute('disabled', 'true');\n } else {\n element.removeAttribute('disabled');\n }\n }; render() {\n const isClickable = !this.disabled && (this.href \|\| this.value);\n const ariaLabel = this.itemAriaLabel \|\| `${this.itemTitle}${this.description ? ` - ${this.description}` : ''}`;\n const hasLeadingContent = this.hasSlotContent('leading');\n const hasTrailingContent = this.hasSlotContent('trailing');\n\n return (\n <div\n class={classNames(\n 'action-list-item',\n this.disabled && 'action-list-item--disabled',\n isClickable && 'action-list-item--clickable'\n )}\n role=\"listitem\"\n tabIndex={isClickable ? 0 : -1}\n aria-label={ariaLabel}\n aria-disabled={this.disabled ? 'true' : undefined}\n onClick={this.handleMainClick}\n onKeyDown={this.handleMainKeyDown}\n >\n {/ Leading Item Container - only render if content exists /}\n {hasLeadingContent && (\n <div\n class=\"action-list-item__leading\"\n onClick={this.handleLeadingClick}\n onKeyDown={this.handleLeadingKeyDown}\n >\n <slot name=\"leading\"></slot>\n </div>\n )}\n\n {/ Text Container /}\n <div class=\"action-list-item__content\">\n <div class=\"action-list-item__title\">\n {this.itemTitle}\n </div>\n {this.description && (\n <div class=\"action-list-item__description\">\n {this.description}\n </div>\n )}\n </div>\n\n {/ Trailing Item Container - only render if content exists */}\n {hasTrailingContent && (\n <div\n class=\"action-list-item__trailing\"\n onClick={this.handleTrailingClick}\n onKeyDown={this.handleTrailingKeyDown}\n >\n <slot name=\"trailing\"></slot>\n </div>\n )}\n </div>\n );\n }\n}"],"version":3}

package/dist/components/ifx-action-list.js CHANGED Viewed

@@ -16,7 +16,7 @@ const ActionList = /*@__PURE__*/ proxyCustomElement(class ActionList extends H {
         }
     }
     render() {
-        return (h("div", { key: '3b5dd123b84e88c458e22fd83e592735c006684b', class: "action-list", role: "list", "aria-label": this.listAriaLabel }, h("slot", { key: 'ed92d35c40ad4b1330296414f61f565c4bf30468' })));
+        return (h("div", { key: 'a9da34b5b948204642b94582781d1b74a86dc6f5', class: "action-list", role: "list", "aria-label": this.listAriaLabel }, h("slot", { key: 'bf5dea0baf869e9e072ebe7bfd0ae2104ceb477b' })));
     }
     get el() { return this; }
     static get style() { return actionListCss; }

package/dist/components/ifx-action-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ifx-action-list.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,+LAA+L;;MCUxM,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;AAQrB,IAAA,MAAM,gBAAgB,GAAA;QACpB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACpC,YAAA,MAAM,SAAS,GAAG,eAAe,EAAE;AACnC,YAAA,cAAc,CAAC,iBAAiB,EAAE,MAAM,SAAS,CAAC;;;IAItD,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,aAAa,EACnB,IAAI,EAAC,MAAM,EAAA,YAAA,EACC,IAAI,CAAC,aAAa,EAAA,EAE9B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/action-list/action-list.scss?tag=ifx-action-list&encapsulation=shadow","src/components/action-list/action-list.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n.action-list {\r\n background: tokens.$ifxColorBaseWhite;\r\n border-radius: tokens.$ifxBorderRadiusNone;\r\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering200;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n}","import { Component, h, Prop, 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-action-list',\r\n styleUrl: 'action-list.scss',\r\n shadow: true,\r\n})\r\nexport class ActionList {\r\n @Element() el: HTMLElement;\r\n\r\n /*\r\n Aria label for accessibility support\r\n */\r\n @Prop() listAriaLabel?: string;\r\n\r\n async componentDidLoad() {\r\n if (!isNestedInIfxComponent(this.el)) {\r\n const framework = detectFramework();\r\n trackComponent('ifx-action-list', await framework);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div\r\n class=\"action-list\"\r\n role=\"list\"\r\n aria-label={this.listAriaLabel}\r\n >\r\n <slot></slot>\r\n </div>\r\n );\r\n }\r\n}"],"version":3}
1	+ {"file":"ifx-action-list.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,+LAA+L;;MCUxM,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;AAQrB,IAAA,MAAM,gBAAgB,GAAA;QACpB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACpC,YAAA,MAAM,SAAS,GAAG,eAAe,EAAE;AACnC,YAAA,cAAc,CAAC,iBAAiB,EAAE,MAAM,SAAS,CAAC;;;IAItD,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,aAAa,EACnB,IAAI,EAAC,MAAM,EAAA,YAAA,EACC,IAAI,CAAC,aAAa,EAAA,EAE9B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/action-list/action-list.scss?tag=ifx-action-list&encapsulation=shadow","src/components/action-list/action-list.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n.action-list {\n background: tokens.$ifxColorBaseWhite;\n border-radius: tokens.$ifxBorderRadiusNone;\n border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering200;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}","import { Component, h, Prop, 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-action-list',\n styleUrl: 'action-list.scss',\n shadow: true,\n})\nexport class ActionList {\n @Element() el: HTMLElement;\n\n /*\n Aria label for accessibility support\n */\n @Prop() listAriaLabel?: string;\n\n async componentDidLoad() {\n if (!isNestedInIfxComponent(this.el)) {\n const framework = detectFramework();\n trackComponent('ifx-action-list', await framework);\n }\n }\n\n render() {\n return (\n <div\n class=\"action-list\"\n role=\"list\"\n aria-label={this.listAriaLabel}\n >\n <slot></slot>\n </div>\n );\n }\n}"],"version":3}

package/dist/components/ifx-alert.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { A as Alert, d as defineCustomElement$1 } from './p-TR-rcXLt.js';
+import { A as Alert, d as defineCustomElement$1 } from './p-CnXEcTdH.js';
 const IfxAlert = Alert;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-basic-table.js CHANGED Viewed

@@ -6,10 +6,10 @@ import { c as classNames } from './p-DMLRPGid.js';
 class CustomNoRowsOverlay {
     init(params) {
         this.eGui = document.createElement('div');
-        this.eGui.innerHTML = `
-            <div role="presentation" class="ag-overlay-loading-center" >
-               ${params.noRowsMessageFunc()}
-            </div>
+        this.eGui.innerHTML = `
+            <div role="presentation" class="ag-overlay-loading-center" >
+               ${params.noRowsMessageFunc()}
+            </div>
         `;
     }
     getGui() {
@@ -23,8 +23,8 @@ class CustomNoRowsOverlay {
 class CustomLoadingOverlay {
     init(_params) {
         this.eGui = document.createElement('div');
-        this.eGui.innerHTML = `<div class="ag-overlay-loading-center" role="presentation">
-<ifx-spinner></ifx-spinner>
+        this.eGui.innerHTML = `<div class="ag-overlay-loading-center" role="presentation">
+<ifx-spinner></ifx-spinner>
             </div>`;
     }
     getGui() {
@@ -185,7 +185,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
         return {};
     }
     render() {
-        return (h(Host, { key: '3989f32445eaad3e4f248bcb4f071caecd08af3c' }, h("div", { key: 'd20a1025b3964cbd523d364adf78d5213824c231', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: 'fe97e0dccf8b45aec5603085fa8a97ebac594340', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
+        return (h(Host, { key: '9942dac43b669841cc6ce4175cbd95c49b8fdc70' }, h("div", { key: '27f2391f4b757f2042bf5fcb510cf67c07cfe0c6', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: '3ebbc1941e0142bdd1078a5d99e8bf63b3d82a47', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
     }
     get host() { return this; }
     static get style() { return tableCss; }