npm - @infineon/infineon-design-system-stencil - Versions diffs - 37.5.1--canary.1723.34ea69810f554741126370a7b5230b9aef9d65e5.0 → 37.6.0--canary.1954.6c07dfe4ac965c782ba6feeb2957e37be53515a7.0 - Mend

@infineon/infineon-design-system-stencil 37.5.1--canary.1723.34ea69810f554741126370a7b5230b9aef9d65e5.0 → 37.6.0--canary.1954.6c07dfe4ac965c782ba6feeb2957e37be53515a7.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 (212) hide show

package/dist/components/ifx-filter-bar.js CHANGED Viewed

@@ -97,7 +97,7 @@ const FilterBar = /*@__PURE__*/ proxyCustomElement(class FilterBar extends H {
         // Calculate slotsToShow safely
         const slotsToShow = Math.min(safeVisibleSlots, actualNumberOfComponents, Number.MAX_SAFE_INTEGER);
         const slots = Array.from({ length: slotsToShow }, (_, i) => (h("div", { class: "filter-slot-wrapper" }, h("slot", { name: `filter-component-${i + 1}` }))));
-        return (h(Host, { key: '883d2316936a342059ab9009149ac8ce2ed877b2' }, h("div", { key: '24e0f7e2dde9ff7ddccf19e03e075b24807ec9d4', class: "search-container" }, h("slot", { key: '10bcfd474cfd9286d3e57e19d110bea6311c4297', name: "filter-search" }), " "), h("div", { key: '3aa8a6c4fb666ff47c7868333c2c494d6cb7bd90', class: "components-container" }, slots.length > 0 ? slots : h("slot", { name: "filter-component" }), this.showMoreFiltersButton && !this.showAllFilters && (h("div", { key: '1b87cf569495c351b639bc88d714dd195bd943b0', class: "more-filters-wrapper", onClick: this.handleMoreFiltersClick }, h("ifx-button", { key: '9f8073be95597553d1aa4eaccd19fc534ce3f9c6', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false" }, h("ifx-icon", { key: '157558f67217a770963b16ca3f6b3a5cc8ed191c', icon: "filter-16" }), "More filters"))))));
+        return (h(Host, { key: '390d4edb8b2681c33017c1245d3b47c254086065' }, h("div", { key: '631db42c0db2e69c53a35a3a4878863215466783', class: "search-container" }, h("slot", { key: 'd3b7e942185a37da9af701ede28b22aabca08812', name: "filter-search" }), " "), h("div", { key: '599234808c4076a085f19bbe489a5a6746bfcda9', class: "components-container" }, slots.length > 0 ? slots : h("slot", { name: "filter-component" }), this.showMoreFiltersButton && !this.showAllFilters && (h("div", { key: '6ceade00712115f448158081ad7ec082d9c6c416', class: "more-filters-wrapper", onClick: this.handleMoreFiltersClick }, h("ifx-button", { key: 'd1dbd53565e30c526e75ceebff18ecaf9355997a', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false" }, h("ifx-icon", { key: '43ec4bbcd0ac7b76534aafe26af8b330627d2f32', icon: "filter-16" }), "More filters"))))));
     }
     get el() { return this; }
     static get style() { return IfxFilterBarStyle0; }

package/dist/components/ifx-filter-search.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
 import { d as defineCustomElement$3 } from './p-627ff0cb.js';
-import { d as defineCustomElement$2 } from './p-bf74ceb8.js';
+import { d as defineCustomElement$2 } from './p-15597da9.js';
 const filterSearchCss = ".sidebar-filter-search-wrapper{display:flex;padding:12px 16px 16px 16px;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:var(--ifx-font-family);background:#EEEDED}.topbar-filter-search-wrapper{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:var(--ifx-font-family)}.topbar-filter-search-wrapper ifx-search-field{width:100%;}.filter-name{font-size:1rem;line-height:1.5rem;font-weight:600}";
 const IfxFilterSearchStyle0 = filterSearchCss;
@@ -33,7 +33,7 @@ const FilterSearch = /*@__PURE__*/ proxyCustomElement(class FilterSearch extends
         this.ifxFilterSearchChange.emit({ filterName: this.filterName, filterValue: this.filterValue, filterKey: this.filterKey }); // Emitting filterKey along with other properties
     }
     render() {
-        return (h("div", { key: '0faa67e585464ac86a1163626e3d85340d4781fb', class: `${this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'}` }, h("div", { key: '7bdb336d4e79fe38eee59f4e41ac44e62051b515', class: "filter-name" }, this.filterName), h("ifx-search-field", { key: '08613ab1e040959373722caffaee5dcf71b62add', placeholder: this.placeholder, "show-delete-icon": this.showDeleteIcon, disabled: this.disabled, value: this.filterValue })));
+        return (h("div", { key: '3e287efc07bf8225fe661ae9551c8cc2e980e622', class: `${this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'}` }, h("div", { key: '3b9a27b4e94843db8109028fb6a3ba849c4cf206', class: "filter-name" }, this.filterName), h("ifx-search-field", { key: '62cd45208bfe565cc2f903c361ced6fa02499942', placeholder: this.placeholder, "show-delete-icon": this.showDeleteIcon, disabled: this.disabled, value: this.filterValue })));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/ifx-filter-type-group.js CHANGED Viewed

@@ -127,7 +127,7 @@ const IfxFilterTypeGroup$1 = /*@__PURE__*/ proxyCustomElement(class IfxFilterTyp
         window.removeEventListener('ifxResetFiltersEvent', this.handleResetEvent);
     }
     render() {
-        return (h(Host, { key: 'c9833666ea9bcb00708bd0dab1cd9680e08ed114' }, h("div", { key: '0ee50ec91a5f1c3bd35899082de4d8f53a40b23e', class: "filter-type-group" }, h("slot", { key: 'f7f4982f39e972d38fb937b88d02bec40513e78c', name: "filter-search" }), h("slot", { key: '25cc8aea032f31c64bd2b164b39af263cf8fb107', name: "filter-accordion" }))));
+        return (h(Host, { key: '1d0bf0c68fb42e0394e0aa9bb5e66660d3ef5cda' }, h("div", { key: '215cd4cb99b4200d6a37c73267658f5dea619fff', class: "filter-type-group" }, h("slot", { key: 'e3a96b1a72ae653d2bcd51faf9c3a297bc541de3', name: "filter-search" }), h("slot", { key: '828ff0797c6f7ae7b3d6a2b6b0cdbde982b95cb1', name: "filter-accordion" }))));
     }
     get el() { return this; }
     static get style() { return IfxFilterTypeGroupStyle0; }

package/dist/components/ifx-icons-preview.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h } from './p-f8e6a4ef.js';
 import { i as icons, d as defineCustomElement$5 } from './p-627ff0cb.js';
 import { d as defineCustomElement$4 } from './p-2d712043.js';
 import { d as defineCustomElement$3 } from './p-de8f0703.js';
-import { d as defineCustomElement$2 } from './p-bf74ceb8.js';
+import { d as defineCustomElement$2 } from './p-15597da9.js';
 const iconsPreviewCss = ".container{display:flex;flex-direction:column;gap:10px}.alert__wrapper{margin-bottom:40px}.snippet__wrapper{display:flex;flex-direction:column;gap:5px;position:sticky;top:0;left:0;z-index:99;background-color:white}.html-wrapper{background:rgb(38, 38, 38);padding:20px;color:white;font-family:monospace}.html-wrapper button{position:absolute;right:0px;bottom:0px;background:rgba(0, 0, 0, 0.85);color:#C9CDCF;border:0 none;padding:4px 10px;font-size:0.75rem;font-family:\"Nunito Sans\";font-weight:700;border-top:1px solid rgba(255, 255, 255, 0.1);border-left:1px solid rgba(255, 255, 255, 0.1);margin-left:-1px;border-radius:4px 0 0 0;cursor:pointer}.html-wrapper .component-name{color:#A8FF60}.html-wrapper .attribute-name{color:rgb(150, 203, 254)}.html-wrapper .attribute-value{color:rgb(180, 116, 221)}.preview__container{box-sizing:border-box;display:flex;align-items:center;padding:2px;flex-wrap:wrap;gap:4px}.preview__container .no-results{width:100%;text-align:center}.preview__container .preview__container-item{display:flex;justify-content:center;align-items:center;border:1px solid #f1f1f1;padding:2px;width:50px;height:50px;position:relative}.preview__container .preview__container-item:active{border-color:#378375}.preview__container .preview__container-item:hover{cursor:pointer}.preview__container .preview__container-item.copied::after{z-index:50;content:\"copied!\";position:absolute;top:0;left:50px;background-color:#000;color:white;padding:3px;border-radius:4px}";
 const IfxIconsPreviewStyle0 = iconsPreviewCss;

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

@@ -26,7 +26,7 @@ const ListEntry = /*@__PURE__*/ proxyCustomElement(class ListEntry extends H {
         this.ifxListEntryChange.emit({ label: this.label, value: this.value, type: this.type });
     }
     render() {
-        return (h("div", { key: 'a58d668dc36cb7221f28563b1ed00a041618765a', class: "wrapper" }, this.type === 'checkbox' ? (h("div", { class: "list-entry" }, h("ifx-checkbox", { size: "s", checked: this.value }, this.label))) : (h("div", { class: "list-entry" }, h("ifx-radio-button", { size: "s", checked: this.value }, this.label)))));
+        return (h("div", { key: 'a78a3927f090f95f0e4a75a6f2c44200b91370a2', class: "wrapper" }, this.type === 'checkbox' ? (h("div", { class: "list-entry" }, h("ifx-checkbox", { size: "s", checked: this.value }, this.label))) : (h("div", { class: "list-entry" }, h("ifx-radio-button", { size: "s", checked: this.value }, this.label)))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/ifx-multiselect-option.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { M as MultiselectOption, d as defineCustomElement$1 } from './p-4366492e.js';
+import { M as MultiselectOption, d as defineCustomElement$1 } from './p-f4531a17.js';
 const IfxMultiselectOption = MultiselectOption;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { M as Multiselect, d as defineCustomElement$1 } from './p-46f5d4b5.js';
+import { M as Multiselect, d as defineCustomElement$1 } from './p-9378105f.js';
 const IfxMultiselect = Multiselect;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { P as Pagination, d as defineCustomElement$1 } from './p-c2ab000f.js';
+import { P as Pagination, d as defineCustomElement$1 } from './p-b57d6694.js';
 const IfxPagination = Pagination;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-search-bar.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js
 import { d as detectFramework, t as trackComponent } from './p-08c92877.js';
 import { i as isNestedInIfxComponent } from './p-1ecafb97.js';
 import { d as defineCustomElement$3 } from './p-627ff0cb.js';
-import { d as defineCustomElement$2 } from './p-bf74ceb8.js';
+import { d as defineCustomElement$2 } from './p-15597da9.js';
 const searchBarCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{width:100%;display:flex}.search-bar{box-sizing:border-box;height:40px;background-color:#FFFFFF;display:flex;flex-direction:row;align-items:center;width:100%;font-family:var(--ifx-font-family)}.search-bar.closed{display:flex;width:auto;justify-content:flex-start}.search-bar .search-bar-wrapper{display:flex;align-items:center;gap:16px;width:100%}.search-bar .search-bar-wrapper a{text-decoration:none;font-size:1rem;font-style:normal;font-weight:600;line-height:1.5rem;color:#0A8276;cursor:pointer}.search-bar .search-bar-wrapper ifx-search-field{width:100%}.search-bar .search-bar__icon-wrapper{display:none;flex-direction:row;align-items:center}.search-bar .search-bar__icon-wrapper ifx-icon:hover{cursor:pointer}.search-bar.closed .search-bar__icon-wrapper{display:flex}.search-bar.closed .search-bar-wrapper{display:none}";
 const IfxSearchBarStyle0 = searchBarCss;

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

@@ -1,4 +1,4 @@
-import { S as SearchField, d as defineCustomElement$1 } from './p-bf74ceb8.js';
+import { S as SearchField, d as defineCustomElement$1 } from './p-15597da9.js';
 const IfxSearchField = SearchField;
 const defineCustomElement = defineCustomElement$1;

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

@@ -27,7 +27,7 @@ const Segment = /*@__PURE__*/ proxyCustomElement(class Segment extends H {
         }
     }
     render() {
-        return (h("div", { key: 'cd32486a1eaf991cdbf4717728d09c19fc16322e', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, h("ifx-icon", { key: 'eaeb02f3099d9e7d0274927e9260107735a22a32', icon: this.icon }), " ", h("slot", { key: 'b61db9f42bc7f29bb7f2c2e889578dcc5326d7fb' })));
+        return (h("div", { key: 'cd801960a7ce5e8112b0d544a0122ded889cfc1f', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, h("ifx-icon", { key: 'c81cddf4a652f00324cbc0b8a31c3598c1b62a08', icon: this.icon }), " ", h("slot", { key: '7b9786b4b20e69eaf30b5a6d140decff95e04423' })));
     }
     static get style() { return IfxSegmentStyle0; }
 }, [1, "ifx-segment", {

package/dist/components/ifx-segmented-control.js CHANGED Viewed

@@ -73,8 +73,8 @@ const SegmentedControl = /*@__PURE__*/ proxyCustomElement(class SegmentedControl
         this.setActiveSegment();
     }
     render() {
-        return (h("div", { key: 'a3495ac18c59a0cb816284d4f7a481405361d458', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, h("div", { key: 'c404f73fe21c0ae6601bd1ac20ccf336e74f18f5', class: 'group__label' }, this.label.trim()), h("div", { key: '126c290591ff8019a2581371ec1c809c98e2bde8', class: 'group__controls' }, h("slot", { key: '9e6ce7b4efa5572cbbe5d341427c9bbbf741924c' })), this.caption.trim() &&
-            h("div", { key: 'b538476c10f87af8beb8c600b214258ee24c5f22', class: 'group__caption' }, h("ifx-icon", { key: '547fbbbe7b317bd75ba22708021d85af79496138', icon: 'c-info-16' }), " ", this.caption.trim())));
+        return (h("div", { key: '7c7d870d32000a823ae2d365fb8b864d800ec9fe', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, h("div", { key: '66e95707b6616e370e35cd98e4c3b89853b8501f', class: 'group__label' }, this.label.trim()), h("div", { key: 'ab8c969a145fa9e1071ee12426a641034ff8be4d', class: 'group__controls' }, h("slot", { key: '849c4bdf76a0951d829820620813258553b8a6df' })), this.caption.trim() &&
+            h("div", { key: '905c964392ca304634aba610f96c43a4e5b95eb9', class: 'group__caption' }, h("ifx-icon", { key: '42fb13f0a7170a7b36ea2a9c8afb1d3ba9d579c9', icon: 'c-info-16' }), " ", this.caption.trim())));
     }
     componentDidRender() {
         this.setSegmentSize();

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

@@ -1,4 +1,4 @@
-import { C as Choices, d as defineCustomElement$1 } from './p-60294bc5.js';
+import { C as Choices, d as defineCustomElement$1 } from './p-6b139880.js';
 const IfxSelect = Choices;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-set-filter.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
 import { d as defineCustomElement$8 } from './p-e59e03ff.js';
 import { d as defineCustomElement$7 } from './p-627ff0cb.js';
-import { d as defineCustomElement$6 } from './p-46f5d4b5.js';
-import { d as defineCustomElement$5 } from './p-4366492e.js';
-import { d as defineCustomElement$4 } from './p-bf74ceb8.js';
-import { d as defineCustomElement$3 } from './p-60294bc5.js';
-import { d as defineCustomElement$2 } from './p-b56aae98.js';
+import { d as defineCustomElement$6 } from './p-9378105f.js';
+import { d as defineCustomElement$5 } from './p-f4531a17.js';
+import { d as defineCustomElement$4 } from './p-15597da9.js';
+import { d as defineCustomElement$3 } from './p-6b139880.js';
+import { d as defineCustomElement$2 } from './p-fa8735da.js';
 const setFilterCss = "";
 const IfxSetFilterStyle0 = setFilterCss;

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

@@ -151,10 +151,10 @@ const IfxSlider$1 = /*@__PURE__*/ proxyCustomElement(class IfxSlider extends H {
         this.updateValuePercent();
     }
     render() {
-        return (h("div", { key: 'ff3c40899b2e05636fb6f7ea79527b01cb401ad9', class: "ifx-slider" }, this.leftText && (h("span", { key: '3baec228b5c07dcbb3647dd97876c90c7797f1ee', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: '9a96cd6332fb7be8d0ce1b92f4ee1fba75da12b3', icon: this.leftIcon, class: `left-icon${this.disabled ? ' disabled' : ''}` })), (this.type !== 'double') ?
+        return (h("div", { key: 'f50db92ae153374193063f21b595c89e71c16717', class: "ifx-slider" }, this.leftText && (h("span", { key: 'b87e007049aae171a9b21afc0f801c3ecfd3437a', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: '3b10b6dbbd2bea5354f53a8b641ef231baed35b8', icon: this.leftIcon, class: `left-icon${this.disabled ? ' disabled' : ''}` })), (this.type !== 'double') ?
             h("input", { type: "range", min: this.min, max: this.max, step: this.step, value: this.internalValue, disabled: this.disabled, ref: (el) => (this.inputRef = el), onInput: (event) => this.handleInputChange(event), "aria-label": 'a slider', "aria-value": this.value, "aria-disabled": this.disabled })
             :
-                h("div", { class: 'range-slider__wrapper', "aria-label": 'a range slider', "aria-value": this.value, "aria-disabled": this.disabled }, h("input", { id: 'min-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMinValue, disabled: this.disabled, ref: (el) => (this.minInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) }), h("input", { id: 'max-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMaxValue, disabled: this.disabled, ref: (el) => (this.maxInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) })), this.rightIcon && (h("ifx-icon", { key: 'd3f68ac4993a1237566c2bb244ab003bb4c13c31', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: 'c5de67ea034d390f5e80cbc344ee674408294701', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: '30790091e000ca3d4d0db206aa32a2a53b4f6cbf', class: `percentage-display${this.disabled ? ' disabled' : ''}` }, this.percentage, "%"))));
+                h("div", { class: 'range-slider__wrapper', "aria-label": 'a range slider', "aria-value": this.value, "aria-disabled": this.disabled }, h("input", { id: 'min-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMinValue, disabled: this.disabled, ref: (el) => (this.minInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) }), h("input", { id: 'max-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMaxValue, disabled: this.disabled, ref: (el) => (this.maxInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) })), this.rightIcon && (h("ifx-icon", { key: '5ee39c4bc8254baf12500bf6290faa875a2b611e', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: '5b0a375e14fc77aade85eb2c5f5818a636e63fdb', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: '4022b50efed9fe53c17ce0e93ddffafd89ec0200', class: `percentage-display${this.disabled ? ' disabled' : ''}` }, this.percentage, "%"))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { S as Spinner, d as defineCustomElement$1 } from './p-4f7fbf98.js';
+import { S as Spinner, d as defineCustomElement$1 } from './p-1bd23a52.js';
 const IfxSpinner = Spinner;
 const defineCustomElement = defineCustomElement$1;

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

@@ -23,7 +23,7 @@ const Status = /*@__PURE__*/ proxyCustomElement(class Status extends H {
         var _a;
         const effectiveColor = ((_a = this.color) === null || _a === void 0 ? void 0 : _a.trim()) ? this.color : 'orange-500';
         const containerClass = this.border ? `container border-${effectiveColor}` : 'container no-border';
-        return (h("div", { key: '3497163896bfe9dcfa0b3598414823c57c1f5bcd', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: '9ae1b7fd87f9fa5fcb0fafb66694fe51457a1919', class: `dot ${effectiveColor}` }), h("p", { key: '0ae2348bb56a5b972b2d7d230c8c8a557b213d40', class: "text" }, this.label)));
+        return (h("div", { key: 'e6a8cc7c3cbaf31a53b35af85e1f3bd2930cf01a', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: '2c3a3ff9072807640150f9ae56687aa7faba85db', class: `dot ${effectiveColor}` }), h("p", { key: '3e197c73fd1834fd4dd4e17d886d90094acea1f5', class: "text" }, this.label)));
     }
     get el() { return this; }
     static get style() { return IfxStatusStyle0; }

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

@@ -50,7 +50,7 @@ const Step = /*@__PURE__*/ proxyCustomElement(class Step extends H {
         }
     }
     render() {
-        return (h("div", { key: 'fff67283ca57201833d80a405eaad9127a95b059', "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: 'dd6c17bea0cd62475732ea2c577cd102f77df8ba', "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' : ''}
@@ -58,11 +58,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: '2c353fbd3bbbbb6ba67b7e0b6d748b10066117e4', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: 'f356f882b00e7e8356e6208fade8cd46fba054eb', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
-            h("div", { key: '5e558b087045ff7a3685586e32e060b421bf340d', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: '60a6f27f38fe2aefffebf488505581ec02f90fc0', icon: 'check16' }), this.active && h("span", { key: 'bd25e05e099bb8e92e02db1986d909fedcdcd433', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: '91280e45cc964fd34e4707c0c68e152f4a7e3d82', icon: 'warningF16' }), this.stepperState.variant !== 'compact' && h("span", { key: '7ba40e78c236cca64572a5347be6f20406ccf79e', class: `step-connector-r ${this.active ? 'active' : ''}` })),
+                        ${this.disabled ? 'disabled' : ''}` }, h("div", { key: 'd923bfda8089c8b2199d45acaaf6ac8c9fdeec5d', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: '13aac7c30b1dcd6ff7df11a4c58f4f9f156c01fc', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
+            h("div", { key: '35da868f3749271c369959b782e980dc95c3c92f', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: '4813fe9d028d7e1a25e7058cce5a79a76cba76f1', icon: 'check16' }), this.active && h("span", { key: 'd0c1dbfed346671ca777606ffe5f3efe2016a170', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: 'd5e56742186a732d1cf95069b8a61d59b8a68073', icon: 'warningF16' }), this.stepperState.variant !== 'compact' && h("span", { key: '188cb1e005c83ad4abc3b05a0c8833968588628e', 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: '75b9b692378219e59eaf4488d35659fd1ed59fd2', 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: '55f78506dfb79fe1e5dbf15d453911edc24f5ed4' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: 'b130219d70054f66552c3451b0658036f9c368ed' }))));
+            h("div", { key: '4a60050301d4666815c6eb64d85d6a85459fb272', 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: 'cbd47999729966cc8858b41bb54608eab8aa30c7' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: 'acb8a199531960f67d7c9c78238c9510118d79ab' }))));
     }
     ;
     static get watchers() { return {

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

@@ -132,10 +132,10 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends H {
         this.syncIfxSteps();
     }
     render() {
-        return (h("div", { key: 'f7a75384ffa2eed77c63ece1a3d1d24e8c41b78f', "aria-label": 'a stepper', role: 'navigation', class: `stepper ${(this.variant !== 'compact' && this.variant !== 'vertical') ? 'default' : this.variant} ${this.variant === 'compact' ? 'compact-' + this.indicatorPosition : ''}` },
+        return (h("div", { key: 'b9409efa6bcc40d8d71c555251de93090cf26832', "aria-label": 'a stepper', 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: '226f5c8f5934f52f7d3a62cead5ed17302dbed2d', class: 'stepper-progress' }, h("div", { key: '5ac35668df3adc69df082ce342a6356a3a523da5', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: '82489f3c08ffd2d87ea44a3fd26c2dc2358ed89b', class: `stepper-wrapper` }, h("slot", { key: '0de659f8f1a2e3dd720413a993581455e2604990' }))));
+            h("div", { key: 'f5b60e07ea7ac6069e27811077692d6de26427a1', class: 'stepper-progress' }, h("div", { key: 'ee8197961a261d53fc76a5f3ee6fdd8a3968bca9', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: '5a7a371e9a65f38a203f871a917703caa2ba2a99', class: `stepper-wrapper` }, h("slot", { key: '0c572f5be961109cb14d33e0e62cfd8892ca3492' }))));
     }
     ;
     componentDidRender() {

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

@@ -78,7 +78,7 @@ const Switch = /*@__PURE__*/ proxyCustomElement(class Switch extends H {
         this.internals.setFormValue(null);
     }
     render() {
-        return (h("div", { key: '80573f83c40ca424b9114193dbf47736e9a11da4', class: "container", role: "switch", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-label": this.name, onClick: () => this.toggleSwitch(), onKeyDown: (event) => this.handleKeyDown(event) }, h("div", { key: 'b8ec83dc52c2f1cad2d2af4501948669f2a20746', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: '038c544c642d945290d7599109ea69f430001f0c', class: "switch__checkbox-wrapper" }, h("input", { key: '6158abed271f0613039975e9c67ea4639831b563', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: '35790a9572bef21899dee4433d4f589f681e8bd7', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: 'fd786b45043916b41cb68a2d094a4ea785577655', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: '6e4b4c81bf9a831bee301ab0460d905a27f1342c', htmlFor: "switch" }, h("slot", { key: '3fb30ff0ea1207fda70b7ddc5d66270fda1cdddc', onSlotchange: () => this.toggleLabelGap() })))));
+        return (h("div", { key: 'd7008a80a5db348fab17bc8b243b16194f5036a8', class: "container", role: "switch", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-label": this.name, onClick: () => this.toggleSwitch(), onKeyDown: (event) => this.handleKeyDown(event) }, h("div", { key: '98f670d3afe549013029f29ebd4be2ce52e77db6', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: '4035aa3544c1d8476042c80efa768a3f0ac1b6db', class: "switch__checkbox-wrapper" }, h("input", { key: '1b7b59421ae73d644d5e69712bfb63cd6cad516c', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: '41f3aaa210b8837e35f0c1f72521a19ca8478c03', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: 'd416602adcf5c320f0739f9e44215c0ed13b5c14', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: '34561dc006b32b017728b62f3a1e7824fe1a1521', htmlFor: "switch" }, h("slot", { key: '48f5ec2052b839db77f575be26882a1d728cf5ff', onSlotchange: () => this.toggleLabelGap() })))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }

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

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

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

@@ -10,8 +10,8 @@ import { d as defineCustomElement$7 } from './p-6c5a97b1.js';
 import { d as defineCustomElement$6 } from './p-627ff0cb.js';
 import { d as defineCustomElement$5 } from './p-213e359c.js';
 import { d as defineCustomElement$4 } from './p-612f4440.js';
-import { d as defineCustomElement$3 } from './p-c2ab000f.js';
-import { d as defineCustomElement$2 } from './p-60294bc5.js';
+import { d as defineCustomElement$3 } from './p-b57d6694.js';
+import { d as defineCustomElement$2 } from './p-6b139880.js';
 class ButtonCellRenderer {
     init(params) {
@@ -472,12 +472,12 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
             };
         }
         const filterClass = this.filterOrientation === 'topbar' ? 'topbar-layout' : 'sidebar-layout';
-        return (h(Host, { key: '747500fa3d7ed714c58e12e66993b17a7b778b17' }, h("div", { key: '42c24f0d91dff16e5c7c6c2155199dd5734606e8', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: '1069bd9a3a9ced9e30341839e7f6240dd3f85a36', class: "sidebar-btn" }, h("ifx-button", { key: 'e0c92d169b2851ff8c61a3afcdeae3deb7fbfc4d', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: 'e506dc6fc03349970dd137439786a2e54b172ebe', icon: "cross-16" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: '24f703baea3feff1ac60ad5758e411b9f3cbfa5d', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: 'ceaa929bb2292231dd6b455846ec034995b05478', class: "sidebar-container" }, h("div", { key: 'f41cb50132f62f3e569cc8058a07014a036655d3', class: "filters-title-container" }, h("span", { key: '4eaf052ef55eebdd63056be90675eafb49881723', class: "filters-title" }, "Filters")), h("div", { key: 'aa9aa36e07f5c047608216264528f427fcbfffd5', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '8d5630c15d5f61621b5981e83195a48b3a362b8d', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '21eb602e9f1522ca1c4d5f23e74e4f455371b516', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '3cb02abf98d7400acc0327898421a931ae3da424', name: "topbar-filter" })))), h("div", { key: '77e626dfb38cb668988fc7cabd431e0d09869b17', class: "table-pagination-wrapper" }, h("div", { key: 'd885434571d291d2566afaa17cd6ef52c27658ae', class: "filter-chips" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (Object.keys(this.currentFilters).map(name => {
+        return (h(Host, { key: '6f2bbbf0f6f54b121923a987032ac954a109d836' }, h("div", { key: '3bffc08c1f4a2e8088e37615323a58e4fa2b32a6', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: 'bdbc7badd8eeb7f29c5914badf7804153b792855', class: "sidebar-btn" }, h("ifx-button", { key: '31b78635d92061fdbc71ac433e293ead16c926c6', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '61963cb69d3ced50a1451d6fa1342c80b885e634', icon: "cross-16" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: 'c20c2395ecd3bd147d27971341b4f6c7f95faf5c', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: '90e0cf0773c9c482e348c9e0ad3859aec327f06d', class: "sidebar-container" }, h("div", { key: 'aa990307d66c22681d40165825bfc6f5a0320903', class: "filters-title-container" }, h("span", { key: '84584bfd511e62c13418d4ac985d46aed9b4bb51', class: "filters-title" }, "Filters")), h("div", { key: 'af9f92cb7ec2bd4b85dcc0d0b2829f1632420bc7', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '52e2be083146f57f786bcd563beffabddd6a83e5', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: 'a7979d6fd338ea344027c30109a7a011dc56406d', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '2485a88a51175c2799ab904784d77ffc940b91b5', name: "topbar-filter" })))), h("div", { key: '31d196ac4eaeec4b255a351f62de157325129b6a', class: "table-pagination-wrapper" }, h("div", { key: '0744dd597b97e2aac23b3e8526dae4a39ac8c9f2', class: "filter-chips" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (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;
-        })), this.filterOrientation !== 'none' && this.filterOrientation === 'sidebar' && this.showSidebarFilters && Object.keys(this.currentFilters).length > 0 && (h("ifx-button", { key: 'aabb907b0e31b52a82a2abdefa1d6301605ae60e', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: '77bb64390ff8cdb9ba3f64a8e03ca7a27420b799', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: '46e35ed2d6298f6d2cd059640493a562e3f8bf80', class: "matching-results-container" }, h("span", { key: '5405151adae6dc281777ca48fd65ecd447340d90', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: 'cb52ec7d09335eaa988e9ad9c213f378c5bd5272', class: "matching-results-text" }, "matching results"))), h("div", { key: '8d7c14239da5cd251940081b29f4fbd02ac76f23', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: 'cc146ebbab6941dc9761ced978c60ca5210b0e9b', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: style, ref: (el) => this.container = el })), this.pagination ? h("ifx-pagination", { total: this.allRowData.length, "current-page": this.currentPage, "items-per-page": '[{"value":"ten","label":"10","selected":true}, {"value":"Twenty","label":"20","selected":false}, {"value":"Thirty","label":"30","selected":false}]' }) : null)))));
+        })), this.filterOrientation !== 'none' && this.filterOrientation === 'sidebar' && this.showSidebarFilters && Object.keys(this.currentFilters).length > 0 && (h("ifx-button", { key: '81f1978647c926fb56ce373e5404c710367e1be9', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: '574f01906007d6aa46067ec5d48dd372e0fbaab7', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: '6f44b6711af0603388b89023013636c0dfbfabbf', class: "matching-results-container" }, h("span", { key: 'ae2104db83897ce4c372e8b5c545e1020614de88', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: '7d1718e0694c78e183f291587347e6a895b3b9e8', class: "matching-results-text" }, "matching results"))), h("div", { key: '5323155a4b544e73035e97c3666946a8ca376be5', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '38ca8150996e3fe8e3c9a1766eef189dded2acf1', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: style, ref: (el) => this.container = el })), this.pagination ? h("ifx-pagination", { total: this.allRowData.length, "current-page": this.currentPage, "items-per-page": '[{"value":"ten","label":"10","selected":true}, {"value":"Twenty","label":"20","selected":false}, {"value":"Thirty","label":"30","selected":false}]' }) : null)))));
     }
     hasButtonCol() {
         return this.getColData().some(column => column.field === 'button');

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

@@ -211,9 +211,9 @@ const IfxTabs$1 = /*@__PURE__*/ proxyCustomElement(class IfxTabs extends H {
     }
     render() {
         var _a;
-        return (h("div", { key: '0244ce6dc77d6da67a432dce7402452736fcacba', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, h("ul", { key: 'a30222f3bf317a64f90c17d64f4b8a467e37da92', role: "tablist", class: "tabs-list" }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
+        return (h("div", { key: '8f3a8648448229fad10b8f318fb936a6da6377af', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, h("ul", { key: 'b4150af5a4acc16fd8900273fea4848b71662fd4', role: "tablist", class: "tabs-list" }, (_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", { key: '5cf174076e04f5a33b3075011f7287a083151a4e', class: "active-border" })), h("div", { key: 'd1f4b3dde858228df2bae613cbcd6156b506f1bb', 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", { key: '35af33210885982907746c650c9b1e94f521fa7c', class: "active-border" })), h("div", { key: '1fb4dcc61193e1806d581b3ca5190f2c7b953c0a', 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-tag.js CHANGED Viewed

@@ -19,7 +19,7 @@ const Tag = /*@__PURE__*/ proxyCustomElement(class Tag extends H {
         }
     }
     render() {
-        return (h("div", { key: '5796484a10082bc97cc68390b4d57ee9ec218e9b', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: '725efaea322cae7b8b2c99b8173ca882dfdec7af', icon: this.icon })), h("a", { key: '92be82c1ce510871dd1aa39985fd22397ea2a8f7', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: '9b45e564484d76705ca5afd17623a24b22ee8b58', class: "label" }, h("slot", { key: 'db94644055e0de0ef621f6d5ff467f1770a5ce08' })))));
+        return (h("div", { key: 'a7cfd57c1e6f6f73d3caa1daba46d18e44cd9fbe', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: 'e74bd36b9663cdd3a2399a7d717e219dafc1b548', icon: this.icon })), h("a", { key: '7c4d5b73b7dcf6d60a744ee8f21ec9594ca82ddc', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: '7f72062a2ed212ff5c8653cfb928334cb874ae25', class: "label" }, h("slot", { key: '1e880f088a852f4a566e4adbdf5d5457d75bfa62' })))));
     }
     get el() { return this; }
     static get style() { return IfxTagStyle0; }

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

@@ -1,4 +1,4 @@
-import { T as Template, d as defineCustomElement$1 } from './p-a96d43ef.js';
+import { T as Template, d as defineCustomElement$1 } from './p-81265366.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-6462dfec.js';
 import { d as defineCustomElement$7 } from './p-627ff0cb.js';
 import { d as defineCustomElement$6 } from './p-213e359c.js';
 import { d as defineCustomElement$5 } from './p-2d712043.js';
-import { d as defineCustomElement$4 } from './p-4f7fbf98.js';
-import { d as defineCustomElement$3 } from './p-a96d43ef.js';
-import { d as defineCustomElement$2 } from './p-b56aae98.js';
+import { d as defineCustomElement$4 } from './p-1bd23a52.js';
+import { d as defineCustomElement$3 } from './p-81265366.js';
+import { d as defineCustomElement$2 } from './p-fa8735da.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}";
 const IfxTemplatesUiStyle0 = templatesUiCss;
@@ -55,7 +55,7 @@ const TemplatesUI = /*@__PURE__*/ proxyCustomElement(class TemplatesUI extends H
         alertWrapper.classList.remove('show');
     }
     render() {
-        return (h("div", { key: 'ee4667ff1012b9ec992f35022db60a7f0e4bb0f2', class: 'templates__container' }, h("div", { key: '4e52489a28cdb0d12e0134f11f6942460ac729f9', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: 'b7e2c172afa3ee41444d0ab055b23fd336ce86e2', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: 'e492f0947f2ddc2158d8136b5a04965cc11eb2b9', class: "alert__wrapper" }, h("ifx-alert", { key: '6c2ac9014b1865fc48ed539f8e9808c08a06f701', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-16" }, "All fields are mandatory"))), h("h2", { key: 'f0057be302900e7d25d6eb2d01da1529e5569f77', class: "templates__title" }, "Choose your template"), h("div", { key: '7c47f2d8dc228e3d0ed4d58e3ee04d1cdda13941', class: "templates__wrapper" }, h("ifx-template", { key: '3bade3b15b4770b80c2890ead19c6cbb986f9da0', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: '5f455bfb4a7e7ecf75dc061789bb384f0154d005', name: 'template-02', thumbnail: this.wizardTemplate }))));
+        return (h("div", { key: '8bbe0f997f5be0ba57c7ebfc925569e07bcb8647', class: 'templates__container' }, h("div", { key: '9665ad8d5a715c5805bf84d34ebe44cf8ff9bf2b', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: 'c7d6576bf8f57dcf789022fd9585b94990b49fd9', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: '9ba6925d962140954d3d4bafed5852375c6c0f26', class: "alert__wrapper" }, h("ifx-alert", { key: 'fea6fdfde3f746600383aba693fe5df9213e7e6a', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-16" }, "All fields are mandatory"))), h("h2", { key: '05d896790656b9fc4ff3fb0525ad1724d81ad508', class: "templates__title" }, "Choose your template"), h("div", { key: 'cb376198a1e87f9d50a3cf880a39bbdbd6df8c6e', class: "templates__wrapper" }, h("ifx-template", { key: '276793af1c820e057e7ad54d4eeea793fde803d9', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: '6bdc0169f614ad628aa85888a8b4b5b805056e19', 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-b56aae98.js';
+import { T as TextField, d as defineCustomElement$1 } from './p-fa8735da.js';
 const IfxTextField = TextField;
 const defineCustomElement = defineCustomElement$1;

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

@@ -61,7 +61,7 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '5d8f337aa24751294c6f94e4c199651fd5d59b0c', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '2cb9cca5352dca9e4d5f9143ce87f51a5594953f', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: 'fa29a96b97e124dfbee0387e63204d065a0382d7', class: 'wrapper__textarea' }, h("textarea", { key: '9db9f9989adf1f6d6b085d7013fa9da441a3adb8', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled, 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, 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: '56d4e39eb5677244ce10725c0b09a5e4ee9fd34d', class: 'wrapper__caption' }, this.caption.trim()))));
+        return (h(Host, { key: '6d8a8173226b08f7132518045d7f8dcaea21f0b2', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '76e0d912d8eb17ab78e2872d64b1882f3305f0c5', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: '963b8f1eed5803c3eceedf27ce1db6f9722d7fcb', class: 'wrapper__textarea' }, h("textarea", { key: 'b7a3040cee50dcb6a21d22272885affd5626dc8b', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled, 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, 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: 'd4af8ec7eb1550904188a24af01a6a4b50e7120d', class: 'wrapper__caption' }, this.caption.trim()))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }

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

@@ -161,10 +161,10 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
             'tooltip-extended': true,
             'visible': this.tooltipVisible,
         };
-        return (h("div", { key: 'a7b1021268e1e43b3509782190c52cb21c2bd385', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: '848fddbd2e59502ca63807910557a59b177f6672' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: '7956e1e39f6a652a2457422372ae0ff73a5919a2', class: tooltipDismissible }, h("button", { key: 'b24ac3733ab008f85f5d79bc867ad4010b6dd2b3', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: 'a6474ad816014c79ff21587cc5b44cbe70fbd7d1', icon: "cross16" })), h("div", { key: '8e6665ab97253d389e06fbbec3201b9717600453', class: "tooltip-dismissible-content" }, this.header && h("div", { key: '85c17ff2ba04c39fdea6ab2adcf5f2e7a5178ee6', class: "tooltip-dismissible-header" }, this.header), h("div", { key: 'da50415bf5939918f3fc1790a6d9edb8ba2d053e', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '8516de02f6927c304e32853a672ebc0fd503cd38', 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: '6f47fce411dd561eadb00d8cfba12e191baa8004', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
-            h("div", { key: '59238e32c5049da194b784529c926087510ef663', class: tooltipCompact }, this.text, h("svg", { key: '169f10ff00d21ac337a148cc56384fbe77500f97', 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: '67675acb21065c84acdb7b4d1b5b04df6d959ecb', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
-            h("div", { key: '084c9ac3ab4a3b8e597cb5c8ce53a8829fd2948d', class: tooltipExtended }, h("slot", { key: '494813ce9c54de42b7d5413442087e4854f5449d', 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: '813a456b0893535aaa9c903022a943ce271b951c', class: "tooltip-extended-content" }, this.header && h("div", { key: '69491bc50b4e33ef1bb2bb394c79cd6cd52e55fa', class: "tooltip-extended-header" }, this.header), h("div", { key: 'c15938c852bad97d893980d395633fef9309b0aa', class: "tooltip-extended-body" }, this.text)), h("svg", { key: '7f28962cace43e3a84fe388022fc88199212a4be', 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: '13ca40717e99168601e7d2df77e1bcb1e6771bd7', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
+        return (h("div", { key: 'ed20ea2de26576eac28b89d5592a8e64b0ca20d0', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: '00fd9467b2a66e9c534d48df8f5f9bed29201745' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: '4eac977777ee9e7a7d444ef2f94430bd4c6222b3', class: tooltipDismissible }, h("button", { key: 'e5b1674a65bd7d79f143723416d8451d303bafe7', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '27304cd8dd2452a6c4d1449dfb4069fe272bad8c', icon: "cross16" })), h("div", { key: '9580458e28b0951f4862c9678c6aa0d8767cb9df', class: "tooltip-dismissible-content" }, this.header && h("div", { key: 'bf0b180d7fbc2e89b599ae5470c2effda134c8f3', class: "tooltip-dismissible-header" }, this.header), h("div", { key: '52b3f1a6bb34e4adbf2d35f7950f271aaba8d1ff', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: 'ec18d064d2a2f3320a331cfe816f96c397ebf784', 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: '9d930e85d3d081ca5ff65c5061a4cde2dfddc867', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
+            h("div", { key: '52d6c0525ecd5fef1417fc76b332efd055c6986f', class: tooltipCompact }, this.text, h("svg", { key: 'ea5d89521881351f02407c74f01d390dcd2c732e', 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: 'ad58822f38c9e5644fe48fec7c8ab3d13d9ce073', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
+            h("div", { key: '1a0a221213f3947163a31c2311395e6b326821f8', class: tooltipExtended }, h("slot", { key: '06993d3753ce9070086fb0876ad05c50f546faa4', 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: 'a04aef447d3da2d884e54a129fceb5a683761bc4', class: "tooltip-extended-content" }, this.header && h("div", { key: 'f4e5a0a7abec30fa64a58b7ae055488570557ee1', class: "tooltip-extended-header" }, this.header), h("div", { key: 'e9f6331b743e8e54978ec8e296b849743865e749', class: "tooltip-extended-body" }, this.text)), h("svg", { key: '1734bc80dfc9a949b9c33b86f66007f34402fa38', 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: '7ae815185f02c1340fb711d370492a4d87126fbd', 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

@@ -368,12 +368,12 @@ const TreeViewItem = /*@__PURE__*/ proxyCustomElement(class TreeViewItem extends
         };
     }
     render() {
-        return (h("div", { key: '61969870010ebef0e12724d011e7ef58ce815cd6', class: {
+        return (h("div", { key: '162ae23e62d1e72d51db7be555af269a404a8a8b', 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: 'e8df740d394011bfc086a8bb4b68d4d702438fdb', class: "tree-item__content" }, h("div", { key: '783f6bf2777af34d01597ac6829263c5d9a12b4e', class: "tree-item__checkbox-container", onClick: e => e.stopPropagation() }, h("ifx-checkbox", { key: '823852982d4f45c7e42e57e1613f48bdc0684cfa', size: 's', checked: this.partialChecked ? false : this.isChecked, indeterminate: this.partialChecked, onIfxChange: this.handleCheckboxChange, disabled: this.disabled })), h("div", { key: '33c74b45489e4ea1f80ac0956ecfcf353ff60e2c', 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: '970232dff0e2843639c0af43e7e18ab4fb32926c', class: "tree-item__chevron-container", onClick: this.toggleExpand }, h("ifx-icon", { key: 'fb2ce847b14c44e41166f1648faec8b962b8bc16', class: `tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`, icon: "chevron-right-16" }), h("div", { key: '0806b28a854465f17d8e4c6497cbfef4af1f2905', class: "tree-item__line" }))), h("div", { key: 'ecedfdc0d16a83e24cfbab0b71231de80274b8cc', class: "tree-item__label-icon-container", tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown }, h("div", { key: '205559dc9e1f31ea79d2e4adb77a67797257b816', 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: '893317125ca11298c530ec13816cc99d89b0dddd', class: "tree-item__label" }, h("slot", { key: '96a616920d731bb998bd98d105be6589d980f43a' }))))), this.isExpanded && h("div", { key: '4be50533bf36eef6d82c9766980b88d3de4fe760', class: "tree-item__children" }, h("slot", { key: 'ebe6023d1f745b072033ad80ed0b4969801935e4', 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: 'befe8adcc6e30761593f89dcbc0b0afe3699e002', class: "tree-item__content" }, h("div", { key: '5ad3f49e004fed83f1541ecef8bd94fd78ddc59f', class: "tree-item__checkbox-container", onClick: e => e.stopPropagation() }, h("ifx-checkbox", { key: 'c038eb439265d26b74e6598a488f2d41a6d5dd96', size: 's', checked: this.partialChecked ? false : this.isChecked, indeterminate: this.partialChecked, onIfxChange: this.handleCheckboxChange, disabled: this.disabled })), h("div", { key: '316f703d55730d34724c8ef8568d55fc69e6815b', 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: 'd2a8e5a1a403e6a239056a353d3bc38d209e0907', class: "tree-item__chevron-container", onClick: this.toggleExpand }, h("ifx-icon", { key: 'ea9ea3c3e9dc083b53faf27a89b73df19d2e68ca', class: `tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`, icon: "chevron-right-16" }), h("div", { key: '14be28eda1a6d823f3416b6fdef0cd17cbc5a39f', class: "tree-item__line" }))), h("div", { key: '488409621c1355737f0e5d7f5b90d6b94465cdaa', class: "tree-item__label-icon-container", tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown }, h("div", { key: '163c36cdda49d36c94f7c7f18539f8e71bf04ed2', 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: '42f0d9e90ae841e206318811c73e54bcf44c3cee', class: "tree-item__label" }, h("slot", { key: 'a06b08003dbaf058dee39508b193e4a5b94f65a7' }))))), this.isExpanded && h("div", { key: 'fc197474a8d0ba6d16cceede2ebef4c5db296501', class: "tree-item__children" }, h("slot", { key: 'cda8a8d46c3a59af25371545611bd6c9229be625', name: "children" }))));
     }
     get host() { return this; }
     static get watchers() { return {

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

@@ -44,7 +44,7 @@ const TreeView = /*@__PURE__*/ proxyCustomElement(class TreeView extends H {
         }
     }
     render() {
-        return (h("div", { key: 'ec08b68d133220d6e7a7bc7556c8007e6d26c918', class: `tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`, role: "tree", "aria-label": this.ariaLabel }, this.label && this.label.trim() !== '' && h("div", { key: 'bbcfec059c56183de271d8455a9c4c198a530100', class: "tree-view__label" }, this.label), h("slot", { key: '5b6e4e4ecc8285d1f3710159273a0bf4bda08b11', ref: this.handleSlotRef })));
+        return (h("div", { key: '2416bba6c7a463c881349da1040cf63634ee75d5', class: `tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`, role: "tree", "aria-label": this.ariaLabel }, this.label && this.label.trim() !== '' && h("div", { key: '84f4d5a8610fd7c92059b3e04c99b92271bcf5df', class: "tree-view__label" }, this.label), h("slot", { key: '2adfecbdcf546603e8da93a30db53f3d5ca7f5e1', ref: this.handleSlotRef })));
     }
     get el() { return this; }
     static get watchers() { return {