npm - @infineon/infineon-design-system-stencil - Versions diffs - 39.5.3--canary.2143.7e22c74e4f4e08bfb2cb8d5e5811adf79267a112.0 → 39.5.3--canary.2144.4d6adbdd15b2843a11fb5f8cf503f6424f864373.0 - Mend

@infineon/infineon-design-system-stencil 39.5.3--canary.2143.7e22c74e4f4e08bfb2cb8d5e5811adf79267a112.0 → 39.5.3--canary.2144.4d6adbdd15b2843a11fb5f8cf503f6424f864373.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 (228) hide show

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

@@ -49,7 +49,7 @@ const Step = /*@__PURE__*/ proxyCustomElement(class Step extends H {
         }
     }
     render() {
-        return (h("div", { key: 'f04d8d577271e80ad17d76d5bb06c8d3573f1694', "aria-current": this.active ? 'step' : false, "aria-disabled": this.active || this.complete ? false : true, onClick: (e) => this.stopOnClickPropogation(e), class: `step-wrapper ${this.stepId === 1 ? 'first-step' : ''}
+        return (h("div", { key: '9a603ade945d1020bcba53fa85777a27f08f7df1', "aria-current": this.active ? 'step' : false, "aria-disabled": this.active || this.complete ? false : true, onClick: (e) => this.stopOnClickPropogation(e), class: `step-wrapper ${this.stepId === 1 ? 'first-step' : ''}
                         ${this.error ? 'error' : ''}
                         ${this.stepperState.variant}
                         ${this.complete ? 'complete' : ''}
@@ -57,11 +57,11 @@ const Step = /*@__PURE__*/ proxyCustomElement(class Step extends H {
                         indicator-${this.stepperState.indicatorPosition}
                         ${this.active ? 'active' : ''}
                         ${this.clickable ? 'clickable' : ''}
-                        ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '3afa068f62d84076f5c78cc2b97c1abbc5259801', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: '7968ecd6aac7571e79f801f2bff1be015f387b72', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
-            h("div", { key: '9f7a4e9c985e5f8cb6cf01688df38ef0464c656a', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: 'dd9368f074a2e2fcf0096cca695b988a4c538475', icon: 'check16' }), this.active && h("span", { key: 'a92e374974003d195fa71136050aadaf9017d2c0', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: 'd0bd222969602594634512c9f07c2bab23d3b908', icon: 'warningF16' }), this.stepperState.variant !== 'compact' && h("span", { key: '15065728b19e049979428d95cc520e012da965e1', class: `step-connector-r ${this.active ? 'active' : ''}` })),
+                        ${this.disabled ? 'disabled' : ''}` }, h("div", { key: 'ec1bdd77edfd87f066df44db5f3f0e115b3f7a67', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: '46ae721e9ba89b6f561540d6228b4928d74522a0', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
+            h("div", { key: 'e168325daeff9ca6b2ff4e045bce5ec974e9c5d5', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: '4eb3de9575a8704f0ed7e1ade9ccae31ea59c572', icon: 'check16' }), this.active && h("span", { key: 'c0c554eaae6a28783a4597633e4c60dbe14c0fda', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: '1b27252ddf3369c3732e7b40786645ec2720d8bb', icon: 'warningF16' }), this.stepperState.variant !== 'compact' && h("span", { key: '38bf07c39837ed4f77de59c44a2a32fbdb069439', class: `step-connector-r ${this.active ? 'active' : ''}` })),
         /* Step labels */
         (this.stepperState.variant !== 'compact' || (this.stepperState.variant === 'compact' && (this.active || this.stepId === this.stepperState.activeStep + 1))) &&
-            h("div", { key: 'f3cf745a7fe67f2471ca616a19ac02754ea03c16', tabIndex: !this.disabled && this.complete && !this.active ? 0 : -1, class: `step-label ${this.stepperState.variant === 'compact' ? (this.active ? 'curr-label' : 'next-label') : ''}`, onClick: () => { this.handleStepClick(); }, onKeyDown: (e) => { this.handleStepKeyDown(e); } }, (this.stepperState.variant !== 'compact') && h("slot", { key: 'c8467f39704fed5bcd10c93f9321b292760eb46c' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: '2d215e7d12e7dc6b0aace6ba88728cc3e5138f39' }))));
+            h("div", { key: 'f13581114efa81deaeecd38ffe27b14d1d3dcc87', tabIndex: !this.disabled && this.complete && !this.active ? 0 : -1, class: `step-label ${this.stepperState.variant === 'compact' ? (this.active ? 'curr-label' : 'next-label') : ''}`, onClick: () => { this.handleStepClick(); }, onKeyDown: (e) => { this.handleStepKeyDown(e); } }, (this.stepperState.variant !== 'compact') && h("slot", { key: '6accb517e6d561549759a3a723c4c24b1729e80a' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: 'c6960ab0dd25316c6407433ecad376b66b47d28c' }))));
     }
     ;
     static get watchers() { return {

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

@@ -130,10 +130,10 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends H {
         this.syncIfxSteps();
     }
     render() {
-        return (h("div", { key: '1cec8cf9471951efacc238f5a6516213b114d5cd', "aria-label": this.ariaLabel, "aria-current": this.ariaCurrent, role: 'navigation', class: `stepper ${(this.variant !== 'compact' && this.variant !== 'vertical') ? 'default' : this.variant} ${this.variant === 'compact' ? 'compact-' + this.indicatorPosition : ''}` },
+        return (h("div", { key: 'b6ddc5830bc2c1a371411fa1ddeef157b940acd5', "aria-label": this.ariaLabel, "aria-current": this.ariaCurrent, role: 'navigation', class: `stepper ${(this.variant !== 'compact' && this.variant !== 'vertical') ? 'default' : this.variant} ${this.variant === 'compact' ? 'compact-' + this.indicatorPosition : ''}` },
         /* Progress bar for compact variant. */
         (this.variant === 'compact') &&
-            h("div", { key: 'dcf4316816d04a89dd77c7fdfe053e8a013d7b45', class: 'stepper-progress' }, h("div", { key: '6556ed5128cec3cd49104b99b7ebec2cbef6df14', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: '1c845e6a471beb6d73ae73bcbebdeb461a656b42', class: `stepper-wrapper` }, h("slot", { key: '158fe4ab39f82a50fb6c384c31979ba219f4ed8a' }))));
+            h("div", { key: '043992aa871a912d5f3326e2c8c263865d07c5b3', class: 'stepper-progress' }, h("div", { key: '901254c7f8f706e9541d79ecbbbfb0a37925dd73', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: '7b2757662fb0acd26f47338fdbfce65a977f37ab', class: `stepper-wrapper` }, h("slot", { key: 'b4fd58e8b562c58c4837e5418e24739dc666f35a' }))));
     }
     ;
     componentDidRender() {

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

@@ -65,7 +65,7 @@ const Switch = /*@__PURE__*/ proxyCustomElement(class Switch extends H {
     //   this.internals.setFormValue(null);
     // }
     render() {
-        return (h("div", { key: '905ef1816fcb9cf4fb4f0e023ba0ca791182867c', class: "container", role: "switch", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-labelledby": "switch-label", onClick: () => this.toggleSwitch(), onKeyDown: (event) => this.handleKeyDown(event) }, h("div", { key: 'f49ede28b67b32344d515410669e1e5604a7195e', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: 'd7914267443bd44c670f762e2e9a1318df8d19a1', class: "switch__checkbox-wrapper" }, h("input", { key: 'd49977468a1c4036eab676fbccf9ebaec5e182b7', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: '8336b95f0afd3d606052b08d5f46e77ccd58c830', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: 'e49b98be014027c739c1182610e38029603d171c', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: 'd893ca666e1c91820e31affa0382d00f7095c6e8', htmlFor: "switch" }, h("slot", { key: '971f221f4cb580fa268234cafadc2a5d3dc14f06', onSlotchange: () => this.toggleLabelGap() })))));
+        return (h("div", { key: 'dac7ec48eba63ea4fea619b38bc2d42050335fb3', class: "container", role: "switch", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-labelledby": "switch-label", onClick: () => this.toggleSwitch(), onKeyDown: (event) => this.handleKeyDown(event) }, h("div", { key: '4e331d64ea1bd5c2a76b730523c250add430e620', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: '7f9d1690039ed6a4a99e4204c0358088aa1f459a', class: "switch__checkbox-wrapper" }, h("input", { key: '9b1b492b35cd3bf74143370bbdf79dc97d456893', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: '27559d56f6fb75e90ac15590245668af0b1ab447', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: '783db5d3a6d1619b96ac97501bb889bb1f6a75bc', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: 'ee10d23ac2b7d8d693a3ff8a85fb7af9b09c3445', htmlFor: "switch" }, h("slot", { key: '3b7b243ac57f43997f0111500e59667c2b8c75be', onSlotchange: () => this.toggleLabelGap() })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -14,7 +14,7 @@ const IfxTab$1 = /*@__PURE__*/ proxyCustomElement(class IfxTab extends H {
         this.tabHeaderChange.emit(this.header);
     }
     render() {
-        return h("slot", { key: '9e488e9a6cf5496a6e0ccfb3790786f4b6295ad7' });
+        return h("slot", { key: 'dad01fbbf74d672ac8755a57cf6a31b18b4de550' });
     }
     get el() { return this; }
     static get style() { return tabCss; }

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

@@ -3,14 +3,14 @@ import { c as classNames } from './p-DMLRPGid.js';
 import { i as isNestedInIfxComponent, d as detectFramework, t as trackComponent } from './p-bqYaVeZb.js';
 import { c as createGrid } from './p-9UDg_bQZ.js';
 import { d as defineCustomElement$a } from './p-Dn3cSDWF.js';
-import { d as defineCustomElement$9 } from './p-CtzLf4yZ.js';
+import { d as defineCustomElement$9 } from './p-CROLVxZq.js';
 import { d as defineCustomElement$8 } from './p-DsbrEtP9.js';
-import { d as defineCustomElement$7 } from './p-WVpEOqoG.js';
+import { d as defineCustomElement$7 } from './p-BG2S8rtL.js';
 import { d as defineCustomElement$6 } from './p-Bm-eGlq5.js';
 import { d as defineCustomElement$5 } from './p-C8gN_PDS.js';
 import { d as defineCustomElement$4 } from './p-BJpqCkkb.js';
-import { d as defineCustomElement$3 } from './p-D7r3u21_.js';
-import { d as defineCustomElement$2 } from './p-kFkxPh9g.js';
+import { d as defineCustomElement$3 } from './p-C53lC4vo.js';
+import { d as defineCustomElement$2 } from './p-GP5uSTr1.js';
 class ButtonCellRenderer {
     init(params) {
@@ -1177,12 +1177,12 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
             };
         }
         const filterClass = this.filterOrientation === 'topbar' ? 'topbar-layout' : this.filterOrientation === 'none' ? '' : 'sidebar-layout';
-        return (h(Host, { key: '5ca9a98b3d9f3643267347c129448807ef091b1d' }, h("div", { key: 'a43cc367677b3d5503d1777e7d3387c3e7728552', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: '2d8515b2a51d6ff0ea994bbbe9bb2ec61102893e', class: "sidebar-btn" }, h("ifx-button", { key: 'e25b8b82e77540add84ddf8d2441b003e583f686', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '0d24681cb5b94738ae0c20b155624f24338a81be', icon: "cross-16" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: '18e2c75dee361e00af080121ff55cf65cd387f0d', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: '1faca6366ba119a0c6a705592cfe445bf76942c1', class: "sidebar-container" }, h("div", { key: '0a3fff14a7bc66ce75d6ae61952394cc7a3d00dc', class: "filters-title-container" }, h("span", { key: '7ec37d5e1851031742175e3a49dfc5a3dd8bba96', class: "filters-title" }, "Filters")), h("div", { key: 'd2e266618507e331cd16f59aa14dfbcee59dc466', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && h("slot", { key: '141ecfc63215d1c1dd1eaa2a6a3c078a6e7c1a8b', name: "sidebar-filter" })))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '2d6074ee94f2fe8ee6810bdf803c10914407943f', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && h("slot", { key: '02db348ae21095d84af9f7a9f248e1c677cb4690', name: "topbar-filter" }))), h("div", { key: '30ddc0cf786081cdae981b4b03768913883f9919', class: "table-pagination-wrapper" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (h("div", { key: 'e60cd824cc2cd7728a70e88f87c89f493060ebd7', class: "filter-chips" }, Object.keys(this.currentFilters).map(name => {
+        return (h(Host, { key: 'a0421844e9c61683bd742e73f1809ffe3e0e6bad' }, h("div", { key: 'cdbddf03c9ec9508afe475280031ac789465c924', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: '9190967ad17c4bc873461f9679857aecfc42cf29', class: "sidebar-btn" }, h("ifx-button", { key: 'e6af658a82fa88e87b3b2cc3d377268d4b8e2cf4', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '20be3fda6b40d956202c70dd8f2d5b8e27fccca1', icon: "cross-16" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: 'b886df2920915f2e26b9e92a29f95971c769fe0c', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: '768e749d6bb7294581916fa350ab6db406fd56cc', class: "sidebar-container" }, h("div", { key: '00e5ee6ae4127e25ed6f354431fb50826a5738b7', class: "filters-title-container" }, h("span", { key: 'c40714d09dae34e2fe4ca75f4ddb12f4c81b37da', class: "filters-title" }, "Filters")), h("div", { key: '4c182b7dd4fe8996011025af996c1a2c8815c6d2', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && h("slot", { key: '8a7dc422f3e4382554eb2af47de00ed53442d1d5', name: "sidebar-filter" })))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '0f1ee29a1bc041554cdc65108136c646efc7b934', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && h("slot", { key: 'c9ce08d1026ebfc80ddd3a11bbe1b26a09e58c64', name: "topbar-filter" }))), h("div", { key: '12f0b8bcb4dcebe0b57779f09ac703a76c741df0', class: "table-pagination-wrapper" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (h("div", { key: '50fae34e9d7652ad2d27a2dbe10a973cc559f61b', class: "filter-chips" }, Object.keys(this.currentFilters).map(name => {
             const filter = this.currentFilters[name];
             const filterValues = filter.filterValues;
             const isMultiSelect = filter.type !== 'text';
             return filterValues.length > 0 ? (h("ifx-chip", { placeholder: name, size: "large", variant: isMultiSelect ? 'multi' : 'single', readOnly: true, value: filterValues, key: name }, filterValues.map(filterValue => (h("ifx-chip-item", { value: filterValue, selected: true, key: filterValue }, filterValue))))) : null;
-        }))), h("div", { key: 'f6bed921978fd2b696c0944e7b3dc80eb98f621a', class: "headline-wrapper" }, this.filterOrientation !== 'none' && this.headline && (h("div", { key: 'a911e4fb2f05eab480ffca0dc4ae3007a531e419', class: "matching-results-container" }, h("span", { key: '2675ad1c927e07127d022b7c193319c6b17c7682', class: "matching-results-count" }, "(", this.matchingResultsCount, ")"), h("span", { key: '199e4cca5e5bd42852ede1b8deb450cd66e8e685', class: "matching-results-text" }, this.headline))), h("div", { key: '8ec43a83a2bdd6baebc640dfbdf8ead4596e6f50', class: "inner-buttons-wrapper" }, h("slot", { key: '3cd7b3ac89922c1fdd8fe3fef401a2fc5ac0d9e4', name: "inner-button" }))), h("div", { key: '8e9815ae1df4d270b7a76637d99895701a608615', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '81f9d463af05d07a1d1b0713ce9b495705788d84', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ''}`, style: style, ref: el => (this.container = el) })), h("div", { key: '91088c9560df8fe0bc4f6f3388aa604621c3797e', class: "pagination-wrapper" }, this.pagination ? (h("ifx-pagination", { total: this.serverSidePagination ? this.matchingResultsCount : this.allRowData.length, "current-page": this.currentPage, "items-per-page": this.internalItemsPerPage })) : null))))));
+        }))), h("div", { key: 'a3d61c90ad5d8744be6c55d7790551a53d5388e9', class: "headline-wrapper" }, this.filterOrientation !== 'none' && this.headline && (h("div", { key: '598c04897a782b9f7fa8ea69b202e17c5db87142', class: "matching-results-container" }, h("span", { key: '174bbc64858c0b952eef4e289ec25a88f6a13ba5', class: "matching-results-count" }, "(", this.matchingResultsCount, ")"), h("span", { key: 'fa4e1a350a97794ba1c0390176d7413c19ff9286', class: "matching-results-text" }, this.headline))), h("div", { key: '52105af6541e2a5588dc0307c20d7e4b3e72220c', class: "inner-buttons-wrapper" }, h("slot", { key: 'fe68a9b64d3ed0fcbdb6a2ac9f2092fb9c921974', name: "inner-button" }))), h("div", { key: 'd3001b399da78d9e6005f4cf262a7f74b77b9cb4', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '4cc86621f42cb3c4de69618957297666e7df04a3', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ''}`, style: style, ref: el => (this.container = el) })), h("div", { key: 'ffea3142fecc04ca051aeeefd17dc9860ca8a1e1', class: "pagination-wrapper" }, this.pagination ? (h("ifx-pagination", { total: this.serverSidePagination ? this.matchingResultsCount : this.allRowData.length, "current-page": this.currentPage, "items-per-page": this.internalItemsPerPage })) : null))))));
     }
     hasButtonCol() {
         return this.getColData().some(column => column.field === 'button');

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

@@ -292,11 +292,11 @@ const IfxTabs$1 = /*@__PURE__*/ proxyCustomElement(class IfxTabs extends H {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'f70ff288c22c6e17d9af254f9b6f4f874a76b4ec', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation} ${this.fullWidth ? 'full-width-enabled' : ''}` }, this.internalOrientation === 'horizontal' ? (h("div", { class: "tabs-container" }, h("ifx-icon-button", { shape: "round", variant: "tertiary", icon: "chevronLeft16", size: "s", disabled: false, "aria-label": "Scroll tabs left", onClick: () => this.scrollLeft(), class: `scroll-button scroll-left ${!this.canScrollLeft ? 'hidden' : ''}` }), h("ul", { role: "tablist", class: "tabs-list scrollable", ref: (el) => (this.tabsListElement = el), onScroll: () => this.onTabsListScroll() }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
+        return (h("div", { key: '17f31c13b84743786e5c6aa2f5c9c24f58b82ed2', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation} ${this.fullWidth ? 'full-width-enabled' : ''}` }, this.internalOrientation === 'horizontal' ? (h("div", { class: "tabs-container" }, h("ifx-icon-button", { shape: "round", variant: "tertiary", icon: "chevronLeft16", size: "s", disabled: false, "aria-label": "Scroll tabs left", onClick: () => this.scrollLeft(), class: `scroll-button scroll-left ${!this.canScrollLeft ? 'hidden' : ''}` }), h("ul", { role: "tablist", class: "tabs-list scrollable", ref: (el) => (this.tabsListElement = el), onScroll: () => this.onTabsListScroll() }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
             _a.map((tab, index) => (h("li", { class: this.getTabItemClass(index), ref: (el) => (this.tabHeaderRefs[index] = el), onMouseDown: (event) => event.preventDefault(), onClick: () => this.handleClick(tab, index), "aria-selected": index === this.internalActiveTabIndex ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', role: "tab" }, (tab === null || tab === void 0 ? void 0 : tab.icon) ? h("ifx-icon", { icon: tab.icon }) : '', tab === null || tab === void 0 ? void 0 :
                 tab.header))), h("div", { class: "active-border" })), h("ifx-icon-button", { shape: "round", variant: "tertiary", icon: "chevronRight16", size: "s", disabled: false, "aria-label": "Scroll tabs right", onClick: () => this.scrollRight(), class: `scroll-button scroll-right ${!this.canScrollRight ? 'hidden' : ''}` }))) : (h("ul", { role: "tablist", class: "tabs-list" }, (_b = this.tabObjects) === null || _b === void 0 ? void 0 :
             _b.map((tab, index) => (h("li", { class: this.getTabItemClass(index), ref: (el) => (this.tabHeaderRefs[index] = el), onMouseDown: (event) => event.preventDefault(), onClick: () => this.handleClick(tab, index), "aria-selected": index === this.internalActiveTabIndex ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', role: "tab" }, (tab === null || tab === void 0 ? void 0 : tab.icon) ? h("ifx-icon", { icon: tab.icon }) : '', tab === null || tab === void 0 ? void 0 :
-                tab.header))), h("div", { class: "active-border" }))), h("div", { key: '87ad3a3d79ae5bcbaa7e21eb8765e79498db94a4', class: "tab-content" }, Array.from(this.tabObjects).map((_, index) => (h("div", { style: { display: index === this.internalActiveTabIndex ? 'block' : 'none' } }, h("slot", { name: `tab-${index}` })))))));
+                tab.header))), h("div", { class: "active-border" }))), h("div", { key: '852abb48779c3d068d3bb3d317e9dcf658f413e2', class: "tab-content" }, Array.from(this.tabObjects).map((_, index) => (h("div", { style: { display: index === this.internalActiveTabIndex ? 'block' : 'none' } }, h("slot", { name: `tab-${index}` })))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { T as Template, d as defineCustomElement$1 } from './p-Dce2xAGf.js';
+import { T as Template, d as defineCustomElement$1 } from './p-DmM40b2X.js';
 const IfxTemplate = Template;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-templates-ui.js CHANGED Viewed

@@ -4,9 +4,9 @@ import { d as defineCustomElement$8 } from './p-Dn3cSDWF.js';
 import { d as defineCustomElement$7 } from './p-Bm-eGlq5.js';
 import { d as defineCustomElement$6 } from './p-C8gN_PDS.js';
 import { d as defineCustomElement$5 } from './p-BxvlRqa4.js';
-import { d as defineCustomElement$4 } from './p-BxWZjkxk.js';
-import { d as defineCustomElement$3 } from './p-Dce2xAGf.js';
-import { d as defineCustomElement$2 } from './p-DGAOPH_P.js';
+import { d as defineCustomElement$4 } from './p-DdOsLLJc.js';
+import { d as defineCustomElement$3 } from './p-DmM40b2X.js';
+import { d as defineCustomElement$2 } from './p-B61i82g5.js';
 const templatesUiCss = "*{padding:0;margin:0}.templates__container{display:flex;flex-direction:column;align-items:center}.templates__container .back__btn-wrapper{display:none}.templates__container .back__btn-wrapper.show{display:flex;justify-content:space-between;width:100%}.templates__container .back__btn-wrapper .alert__wrapper{display:none}.templates__container .back__btn-wrapper .alert__wrapper.show{display:block}.templates__container .templates__wrapper{display:flex;padding:20px 0px;gap:20px;flex-wrap:wrap}.templates__container .templates__title.hide{display:none}";
@@ -54,7 +54,7 @@ const TemplatesUI = /*@__PURE__*/ proxyCustomElement(class TemplatesUI extends H
         alertWrapper.classList.remove('show');
     }
     render() {
-        return (h("div", { key: '7e5705948cf3ba1031ca8bafadbfd10c544c135d', class: 'templates__container' }, h("div", { key: '5d366e0447f6f08906df46ec4c27581a373b06b8', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: 'a9e11e69c744dc7480695eaa2c7db1f01f5421c6', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: 'fd0ada1d1eb601524bf20b1d3393247a0c5f0b3c', class: "alert__wrapper" }, h("ifx-alert", { key: '0f85662514116d2b8095519f3c42ec4b881a291e', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-16" }, "All fields are mandatory"))), h("h2", { key: '0af9c8f92803187b7675c3f355b9f462341f8a46', class: "templates__title" }, "Choose your template"), h("div", { key: 'e45bcc48f668a5c558e74df6569456a609be5051', class: "templates__wrapper" }, h("ifx-template", { key: '2f5847e8614d6592bcae5ee526e9499907e8602d', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: '487784c48c78d411b57fac0cb876e683b2ede53d', name: 'template-02', thumbnail: this.wizardTemplate }))));
+        return (h("div", { key: '625f556bc421af7b7eb482e3516f7792b4c1ef71', class: 'templates__container' }, h("div", { key: 'b4baf8ddbb682ed4c8fd68915d5ade140e0f599f', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: 'ae7543d14589bedb717e5798d2adfee5466cd7dc', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: '62661f884e553205dcb63977c110b5cb8e174e53', class: "alert__wrapper" }, h("ifx-alert", { key: '5a9d3c9ed711cb2f3ceebb1baebbc106899f7e1f', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-16" }, "All fields are mandatory"))), h("h2", { key: '60fb42f545206c1e19b4d3762c9110270cbd391e', class: "templates__title" }, "Choose your template"), h("div", { key: '4d4db713807c60c8cf3d10dde9d7b7b64304a2c5', class: "templates__wrapper" }, h("ifx-template", { key: 'edacabf2edfc49a2b23bf3a200ac559a6637336d', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: '78eb56d6b2ae1f3f3020eaf36b99eeb5fd8b24ea', name: 'template-02', thumbnail: this.wizardTemplate }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/ifx-text-field.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { T as TextField, d as defineCustomElement$1 } from './p-DGAOPH_P.js';
+import { T as TextField, d as defineCustomElement$1 } from './p-B61i82g5.js';
 const IfxTextField = TextField;
 const defineCustomElement = defineCustomElement$1;

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

@@ -60,8 +60,8 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '3acb2b92e5b68b2a1225261ee0436cd933f58423', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled && !this.error ? 'disabled' : ''}` }, h("label", { key: '2701b117fb7b8b90f5152b7f90903cfd18062068', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.trim(), this.required && (h("span", { key: 'd5e19fc76636ad43b721e304e20ac2dc94e6b142', class: `required ${this.error ? 'error' : ""}` }, "*"))), h("div", { key: '5bd302b25a710280c25fd0f846f241f9b70ec025', class: 'wrapper__textarea' }, h("textarea", { key: 'fc5467fabf5455aa11fe2f63d817bec2057b367f', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled && !this.error, id: this.inputId, style: { resize: this.resize }, name: this.name ? this.name : this.inputId, cols: this.cols, rows: this.rows, maxlength: this.maxlength, wrap: this.wrap, disabled: this.disabled && !this.error, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, onInput: (e) => this.handleOnInput(e) })), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (h("div", { key: '47fde67f68dad5cd1c5345f800a3c1be191b16a2', class: 'wrapper__caption' }, this.caption.trim()))));
+        return (h(Host, { key: '78ee16999292032b82986fe1e356e7f15609f0f4', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled && !this.error ? 'disabled' : ''}` }, h("label", { key: 'a4faec9c9761ef71c2025d9d5c6f6c8637786bbe', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.trim(), this.required && (h("span", { key: '7dba2fdd58743c379597dc59d839d8cb32dadbc1', class: `required ${this.error ? 'error' : ""}` }, "*"))), h("div", { key: 'ce8d1a3c5f53ab7a378ac475b008d033e746db8d', class: 'wrapper__textarea' }, h("textarea", { key: 'ab8d751375870e9293644d6f69c329afac342504', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled && !this.error, id: this.inputId, style: { resize: this.resize }, name: this.name ? this.name : this.inputId, cols: this.cols, rows: this.rows, maxlength: this.maxlength, wrap: this.wrap, disabled: this.disabled && !this.error, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, onInput: (e) => this.handleOnInput(e) })), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (h("div", { key: 'f9a033dd8fa43d821f0476f38161bb2dbf683432', class: 'wrapper__caption' }, this.caption.trim()))));
     }
     get el() { return this; }
     static get style() { return textareaCss; }

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

@@ -159,10 +159,10 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
             'tooltip-extended': true,
             'visible': this.tooltipVisible,
         };
-        return (h("div", { key: '44e197c5cfd7555bf022706c5613cf58c52e500f', "aria-label": this.ariaLabel, "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: '92e9885b407e5b4d75ac42a99f4c8e38c605282c' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: 'cfd8ca047febd3c90dc6e21e4cb7f43ffa074714', class: tooltipDismissible }, h("button", { key: 'ca118e710c828c1f2fa4e51e32c5393f1edb658a', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '16540451287b0e44312cebf0e350f300f46df1c2', icon: "cross16" })), h("div", { key: '1d28cf9e797d9379e58ec5a7af46df8003d5c10a', class: "tooltip-dismissible-content" }, this.header && h("div", { key: '5b987564d09dac6811d29f580a0bbccd0767ec04', class: "tooltip-dismissible-header" }, this.header), h("div", { key: 'f35e8cb22e955402c86a259573519d2e617dced3', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '82390b33fcd8a73b9e807aa90bad90cd0ad91b74', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '960cfd69559097c32d7ae4121ebe651c6b8697d7', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
-            h("div", { key: '73d834f2482371bb501ee364b051529a597b1525', class: tooltipCompact }, this.text, h("svg", { key: '065c392dcc7c5a5415e45cb52f5caceb3c92df31', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '202d11b6991ae634094325080361eec7403266f6', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
-            h("div", { key: '70578c0e99df473b0e0210fb1e56244811834173', class: tooltipExtended }, h("slot", { key: '02b35b375b0c0d1cb494830086ae4edfc38fbfa6', name: "icon" }, this.icon ? h("div", { class: "extended_icon" }, h("ifx-icon", { icon: this.icon })) :
-                h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: '625be0ce900bc797d0c05f6f8498f12e19f6794c', class: "tooltip-extended-content" }, this.header && h("div", { key: 'd3479203fc56f319f80ec3f979b1aed21634a49a', class: "tooltip-extended-header" }, this.header), h("div", { key: '5e13b3f016eecf9bb626e21a42e729892779d15a', class: "tooltip-extended-body" }, this.text)), h("svg", { key: '10ac50c0dd8f34c3c8f72035a767322a44944a9b', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'dacdc6382309cddfb8561c71c5a02f078dc3839d', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
+        return (h("div", { key: '73fe0cd0ba30b772907db89dc10248ca8fab5d5b', "aria-label": this.ariaLabel, "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: 'c322892c782277d8640de4d7f86c073c82ff5b87' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: 'd268c502ee61550b6bb96512220bb10f73a6ec53', class: tooltipDismissible }, h("button", { key: 'e2ef4f4709a58adca779f60afbae4d5d990bf2b0', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '85c008fc5bb577d3ed6dc3dc7ae824f3e579217a', icon: "cross16" })), h("div", { key: 'b6bbb49d16efdacb67596bd8006ad94be7895e24', class: "tooltip-dismissible-content" }, this.header && h("div", { key: 'b62b5521156c7ae5a9ceb95d2bbf02322345f7ef', class: "tooltip-dismissible-header" }, this.header), h("div", { key: 'cec7a6ea9e7536d18916547646864729396eb60f', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: 'c51e82c058a9cb4c4e7a0cbb13bb476f8afeb928', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1029a62c61d0357a731b2951ea38d05c7c269551', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
+            h("div", { key: '830e279a14e2935f4e08021bd7399865e1ef44a2', class: tooltipCompact }, this.text, h("svg", { key: '93e80185a37e7121f858790fb3fa33ffb18092f6', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0158bcc8dcd9259d92d512f8e96d325b616d50a0', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
+            h("div", { key: '661134a45b938246e9c58f2d456920a6035a90c9', class: tooltipExtended }, h("slot", { key: 'c601220c6b6d357800b3b697f78e68bb9d614431', name: "icon" }, this.icon ? h("div", { class: "extended_icon" }, h("ifx-icon", { icon: this.icon })) :
+                h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: 'cee24e9d36ca9f745c397ba328eae361fc19741a', class: "tooltip-extended-content" }, this.header && h("div", { key: 'a7cd9c2a5614e33300e2ad18677655d96c8bb16f', class: "tooltip-extended-header" }, this.header), h("div", { key: '04075ce9041db50760373c24d5b15481bc1803fb', class: "tooltip-extended-body" }, this.text)), h("svg", { key: '003660f174f2d82b61fe122fc7102e5f5c345571', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4212775539c5aad8f0b89edd938c9786c7662fef', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './index.js';
-import { d as defineCustomElement$3 } from './p-CtzLf4yZ.js';
+import { d as defineCustomElement$3 } from './p-CROLVxZq.js';
 import { d as defineCustomElement$2 } from './p-Bm-eGlq5.js';
 const treeViewItemCss = ".tree-item{position:relative;cursor:pointer;list-style:none}.tree-item.tree-item--expanded{position:relative}.tree-item.tree-item--has-children{position:relative}.tree-item.tree-item--has-children .tree-item__header>.tree-item__chevron-container{display:flex}.tree-item.tree-item--has-children.tree-item--expanded .tree-item__header>.tree-item__chevron-container::after{display:block}.tree-item--disabled{cursor:not-allowed;pointer-events:none;color:#BFBBBB}.tree-item__content{display:flex;flex-direction:row}.tree-item__content:hover .tree-item__checkbox-container,.tree-item__content:hover .tree-item__header{background-color:#F7F7F7}.tree-item__checkbox-container{position:sticky;left:0;z-index:10;padding:4px;background-color:#FFFFFF}.tree-item__header{flex-grow:1;display:flex;align-items:center;white-space:nowrap;height:20px;padding-top:4px;padding-right:16px;padding-bottom:4px;padding-left:8px}.tree-item__chevron-container{display:none;align-items:center;margin-right:8px;height:20px}.tree-item__chevron-container::after{--height-line-start:28px;display:none;content:\"\";position:absolute;z-index:1;top:var(--height-line-start);left:auto;margin-left:8px;width:1px;height:calc(100% - var(--height-line-start));background-color:#EEEDED}.tree-item--disabled .tree-item__chevron-container::after{color:#EEEDED}.tree-item__chevron.chevron-down{transform:rotate(90deg)}.tree-item__chevron.chevron-right{transform:rotate(0)}.tree-item__label-icon-container{display:flex;align-items:center}.tree-item__label-icon-container:focus{outline:none}.tree-item__label-icon-container:focus-visible{outline:2px solid #0A8276;outline-offset:2px;border-radius:1px}.tree-item__icon-container{position:relative;width:16px;height:16px}.tree-item__icon-container ifx-icon{position:absolute;left:0;top:0;opacity:1;transition:opacity 0.2s ease-in-out}.tree-item__icon-container ifx-icon.icon--hidden{opacity:0}.tree-item__label{padding-left:8px}.tree-item__children{display:none}.tree-item[aria-expanded=true]>.tree-item__children{display:block}";
@@ -367,12 +367,12 @@ const TreeViewItem = /*@__PURE__*/ proxyCustomElement(class TreeViewItem extends
         };
     }
     render() {
-        return (h("div", { key: '7f82fd451f8afdfb0ae1ca36983e13dd3b6a277e', class: {
+        return (h("div", { key: '06430c8297a83b8ede5128151c7393c3fd03e2a2', class: {
                 'tree-item': true,
                 'tree-item--expanded': this.isExpanded,
                 'tree-item--has-children': this.hasChildren,
                 'tree-item--disabled': this.disabled,
-            }, role: "treeitem", "aria-expanded": this.isExpanded ? 'true' : 'false', "data-level": this.level, "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel }, h("div", { key: 'fedfbc6127aeb90e3b337abb8914aae17cf5877f', class: "tree-item__content" }, h("div", { key: '7dbe913bfb86cc146f050b17369d4217eeca62cc', class: "tree-item__checkbox-container", onClick: e => e.stopPropagation() }, h("ifx-checkbox", { key: 'f83f76a3625ea5749093a72adfb1931d0ceee39e', size: 's', checked: this.partialChecked ? false : this.isChecked, indeterminate: this.partialChecked, onIfxChange: this.handleCheckboxChange, disabled: this.disabled })), h("div", { key: 'fa7286c93820bb5a310f14dca49b4d80bf4ce1fd', class: "tree-item__header", style: { paddingLeft: `${this.level * 24 + 10}px` }, onClick: this.handleHeaderClick, tabIndex: -1, "aria-disabled": this.disabled ? 'true' : undefined }, this.hasChildren && (h("div", { key: '3c2e63dbb58adb139ec1921d91d9bc7d8741f2d2', class: "tree-item__chevron-container", onClick: this.toggleExpand }, h("ifx-icon", { key: '87a2bee50224be75079be1d66c25d71a7d5923e7', class: `tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`, icon: "chevron-right-16" }), h("div", { key: '3a8c047a59035c06386688205e65887b48f59b26', class: "tree-item__line" }))), h("div", { key: '0139bd68957970a31837d004a24eb7f51238e298', class: "tree-item__label-icon-container", tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown }, h("div", { key: 'd7c3998bd26140932eb3de30876836dd7aa73b17', class: "tree-item__icon-container" }, this.hasChildren ? (h(Fragment, null, h("ifx-icon", { class: { 'icon--hidden': this.isExpanded }, icon: "folder-16" }), h("ifx-icon", { class: { 'icon--hidden': !this.isExpanded }, icon: "folder-open-16" }))) : (h("ifx-icon", { icon: "file-16" }))), h("span", { key: 'fb8a2e209e272ba63f985aef2bb7df61465a2dc1', class: "tree-item__label" }, h("slot", { key: '4f40641dca3c6c59ab33b6510aa0bc54e05a7f49' }))))), this.isExpanded && h("div", { key: 'b24f1f5c2e68a27767178923b6cce7acb0b4a90a', class: "tree-item__children" }, h("slot", { key: 'd35b26f99069bd40ca09063d1cf3a1ffc6eb5344', name: "children" }))));
+            }, role: "treeitem", "aria-expanded": this.isExpanded ? 'true' : 'false', "data-level": this.level, "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel }, h("div", { key: '2de63b8310c477646aeaf8deb3131bba1dc3801d', class: "tree-item__content" }, h("div", { key: '4269b1df1e670ec4106c1c4462cdd1dbe3cee7bd', class: "tree-item__checkbox-container", onClick: e => e.stopPropagation() }, h("ifx-checkbox", { key: '819444dfb6c9dd52a0aa703796c3e59c90616a79', size: 's', checked: this.partialChecked ? false : this.isChecked, indeterminate: this.partialChecked, onIfxChange: this.handleCheckboxChange, disabled: this.disabled })), h("div", { key: '2b4f487b08fbb77eed104ecee0774033c26f96fd', class: "tree-item__header", style: { paddingLeft: `${this.level * 24 + 10}px` }, onClick: this.handleHeaderClick, tabIndex: -1, "aria-disabled": this.disabled ? 'true' : undefined }, this.hasChildren && (h("div", { key: '59770cbe680dce25156ded6580dad90d3f4cc880', class: "tree-item__chevron-container", onClick: this.toggleExpand }, h("ifx-icon", { key: 'ef7ef1761781d4c179ee696e08af6d24af7d9b9f', class: `tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`, icon: "chevron-right-16" }), h("div", { key: '99ec9f0abe191fde4a158484fb3b74d9d4ce524e', class: "tree-item__line" }))), h("div", { key: 'e91ecf4d195285403ac2229fc838e470c0e46ba6', class: "tree-item__label-icon-container", tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown }, h("div", { key: 'a4b44e04c85234486602bdce7be330c7b9775233', class: "tree-item__icon-container" }, this.hasChildren ? (h(Fragment, null, h("ifx-icon", { class: { 'icon--hidden': this.isExpanded }, icon: "folder-16" }), h("ifx-icon", { class: { 'icon--hidden': !this.isExpanded }, icon: "folder-open-16" }))) : (h("ifx-icon", { icon: "file-16" }))), h("span", { key: '855ebc797490c23969a22b31fe8df64ffae2ff32', class: "tree-item__label" }, h("slot", { key: '92d518b2c916f43229ca5f9a9c38809b08888d09' }))))), this.isExpanded && h("div", { key: '769744e6235899295020700585f278ae8f3ba091', class: "tree-item__children" }, h("slot", { key: '4e760a8d309e22549df336927b955a35036c1826', name: "children" }))));
     }
     get host() { return this; }
     static get watchers() { return {

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

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

package/dist/components/{p-DQYngnHn.js → p-B-I2VhI5.js} RENAMED Viewed

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