npm - @infineon/infineon-design-system-stencil - Versions diffs - 37.2.0 → 38.0.0--canary.1954.f29b2d8edb0fe3ea64fff93b4a103a880db2a074.0 - Mend

@infineon/infineon-design-system-stencil 37.2.0 → 38.0.0--canary.1954.f29b2d8edb0fe3ea64fff93b4a103a880db2a074.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 (213) 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-0e4632d4.js';
-import { d as defineCustomElement$2 } from './p-c6e5f94d.js';
+import { d as defineCustomElement$2 } from './p-c7297dfd.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-0e4632d4.js';
 import { d as defineCustomElement$4 } from './p-9ea9e274.js';
 import { d as defineCustomElement$3 } from './p-ab4beff7.js';
-import { d as defineCustomElement$2 } from './p-c6e5f94d.js';
+import { d as defineCustomElement$2 } from './p-c7297dfd.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-c5f7a0e2.js';
+import { M as MultiselectOption, d as defineCustomElement$1 } from './p-f9c7ad2e.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-8cbf32a7.js';
+import { M as Multiselect, d as defineCustomElement$1 } from './p-c601034d.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-bfc8b82f.js';
+import { P as Pagination, d as defineCustomElement$1 } from './p-5853a3c8.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 { t as trackComponent } from './p-6ecb6a6f.js';
 import { i as isNestedInIfxComponent } from './p-1ecafb97.js';
 import { d as defineCustomElement$3 } from './p-0e4632d4.js';
-import { d as defineCustomElement$2 } from './p-c6e5f94d.js';
+import { d as defineCustomElement$2 } from './p-c7297dfd.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-c6e5f94d.js';
+import { S as SearchField, d as defineCustomElement$1 } from './p-c7297dfd.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

@@ -74,8 +74,8 @@ const SegmentedControl = /*@__PURE__*/ proxyCustomElement(class SegmentedControl
         this.setActiveSegment();
     }
     render() {
-        return (h("div", { key: '8c1780af344dffffc19c77d792e9042e78fcc593', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, h("div", { key: '46e02cd87e4e8405b9f56d528825ababece67ab4', class: 'group__label' }, this.label.trim()), h("div", { key: '6f22bad779bf49b1c529f0a0819b7d376d0fcabd', class: 'group__controls' }, h("slot", { key: '709e389aa809f791f742877e4340e39ac9823237' })), this.caption.trim() &&
-            h("div", { key: '5867e46759016aa105c33e1801d564012dd4fdf4', class: 'group__caption' }, h("ifx-icon", { key: '34810bb0525a3bcfe63e0fa061d36dbb86277c64', icon: 'c-info-16' }), " ", this.caption.trim())));
+        return (h("div", { key: 'bc2036a6790cae8615960507499ad5f1b64b853e', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, h("div", { key: 'ea2ae4f080c3df4ebf40347e744fe18b5f9dbb4f', class: 'group__label' }, this.label.trim()), h("div", { key: 'b1caeb01aff705bfba7edca4dcc79ad17e8a3db4', class: 'group__controls' }, h("slot", { key: '07bd91c190848509a903f040c0d3f388805d5909' })), this.caption.trim() &&
+            h("div", { key: '13564a2949a7c0eae1670c03748b5483fc3183ff', class: 'group__caption' }, h("ifx-icon", { key: 'c96889c4d84e1982f906ac9a85c67dcbbb1bcee9', 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-6a9e1fb6.js';
+import { C as Choices, d as defineCustomElement$1 } from './p-122e79fc.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-331ca3f3.js';
 import { d as defineCustomElement$7 } from './p-0e4632d4.js';
-import { d as defineCustomElement$6 } from './p-8cbf32a7.js';
-import { d as defineCustomElement$5 } from './p-c5f7a0e2.js';
-import { d as defineCustomElement$4 } from './p-c6e5f94d.js';
-import { d as defineCustomElement$3 } from './p-6a9e1fb6.js';
-import { d as defineCustomElement$2 } from './p-31696649.js';
+import { d as defineCustomElement$6 } from './p-c601034d.js';
+import { d as defineCustomElement$5 } from './p-f9c7ad2e.js';
+import { d as defineCustomElement$4 } from './p-c7297dfd.js';
+import { d as defineCustomElement$3 } from './p-122e79fc.js';
+import { d as defineCustomElement$2 } from './p-0218abcd.js';
 const setFilterCss = "";
 const IfxSetFilterStyle0 = setFilterCss;

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

@@ -150,10 +150,10 @@ const IfxSlider$1 = /*@__PURE__*/ proxyCustomElement(class IfxSlider extends H {
         this.updateValuePercent();
     }
     render() {
-        return (h("div", { key: 'b0fb157c18dad8390958bda3f1578082b28a85df', class: "ifx-slider" }, this.leftText && (h("span", { key: '952fef0d00d49f93cf0481d13152fb5927d4944b', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: '7fd0379e54ba8e4d74c01305a808850f85278988', icon: this.leftIcon, class: `left-icon${this.disabled ? ' disabled' : ''}` })), (this.type !== 'double') ?
+        return (h("div", { key: 'fcb669f490ff98494a358cf66cc9d1ef41aca2cc', class: "ifx-slider" }, this.leftText && (h("span", { key: '51f087894230659c820e5fad5d6ba3e7c723416c', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: '5131d0c3cccc58f1a4f1aa9be977fda0901d1ca0', 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: '620761fefb91d14646333196e8fdbe26bfbffea8', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: '6c83f7ab6a2f55dafab518e99113a983cc3ebfbf', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: '5e5b5df15316e3c41534555ff94bde9c4c0385d2', 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: '2462b04f95055a00322dde99289445a275cf52c2', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: '834eac1450738b63d611818b079a7124f9e4b26a', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: '7d9265c3ad19d6585984da7c432ab2eddfb0e51f', 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-cb92983f.js';
+import { S as Spinner, d as defineCustomElement$1 } from './p-96237222.js';
 const IfxSpinner = Spinner;
 const defineCustomElement = defineCustomElement$1;

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

@@ -22,7 +22,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: '2499916ea67476d9c2ab1e4296e0af1944e23c1c', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: 'c46a309a16c6467014cfa196a4a2ab358af89c77', class: `dot ${effectiveColor}` }), h("p", { key: 'b8ab02ba9eb9a70fa5bd5d84590a4e28da9f00f8', class: "text" }, this.label)));
+        return (h("div", { key: '1ab0d47a33810d4aa50193bcc34db74a8003597f', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: '627782abd370dfc741401c813a6467ed72219d86', class: `dot ${effectiveColor}` }), h("p", { key: '9ef443e380f5648ecdcd5a8954932654416085d1', 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

@@ -131,10 +131,10 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends H {
         this.syncIfxSteps();
     }
     render() {
-        return (h("div", { key: '06c25996c37e26f6f5367fad2e36bfd7985bfd63', "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: 'b317152f68397708683ff53247764974e50c17e0', "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: 'e3c896aedc1663060aedabe0d84d2bf899833ec9', class: 'stepper-progress' }, h("div", { key: 'd815f2e28ededc46c07e41658c7282b9579f1897', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: '734795c3c78cc849b39cff8758b2d5db9b73576d', class: `stepper-wrapper` }, h("slot", { key: '504fc2c9ae3e133313216443489b9c376330d2d4' }))));
+            h("div", { key: 'fe39a480499c0a8e502b9fa24e9cf4c6140a1813', class: 'stepper-progress' }, h("div", { key: '6ce5d591e482a9263ab3f978c3b09e361e1b33e5', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: '74f54583708732b3d4f8fa2e778e91ec2bc715bd', class: `stepper-wrapper` }, h("slot", { key: '82db68aa7f92ff38152e607ca5a5fc0d09c546a3' }))));
     }
     ;
     componentDidRender() {

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

@@ -77,7 +77,7 @@ const Switch = /*@__PURE__*/ proxyCustomElement(class Switch extends H {
         this.internals.setFormValue(null);
     }
     render() {
-        return (h("div", { key: '3684c59a43f379dca0709b15434dafdfe144a487', 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: 'b4ff62d9514a8d6a6a70c6f3cb23bfd88e2083b7', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: '0a18c0b1b0410629588ede048ec04d11b259769c', class: "switch__checkbox-wrapper" }, h("input", { key: 'ed14ec04a8aba187882c947fb8ded91bc7f4d76c', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: '62333529e0a4da0125cf685dc6ba0e49f25ca8d3', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: 'a51692509ce7643f83a0306e24c6792ba1af2da7', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: '13265b83a0eb54c219fc71b7e5c172f16682d9ef', htmlFor: "switch" }, h("slot", { key: '563b6b9e032db86aaebcffd0bb975ab125ecde36', onSlotchange: () => this.toggleLabelGap() })))));
+        return (h("div", { key: 'fc2c10c5b46ef723c11ccb0877e94705ef960ae6', 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: '7a468693514c6ae458ed38d7f12e9faa36b8ebed', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: '8e3eb0f6a8128e7e26a592b832e3eea317e06564', class: "switch__checkbox-wrapper" }, h("input", { key: '241bd2d7d9d9571980535c0e43475469ce8333d8', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: '91ed4ade33a9bb823675d9e93df3ed3bac2d728e', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: 'e93d2dee48ee1d10553466996fb9cc381ccf61fa', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: '4e23394b1fd1545bc92e43481b48049401b9d185', htmlFor: "switch" }, h("slot", { key: '32039bb97847c691fac995381e2557956f8d410e', 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-940ee336.js';
 import { d as defineCustomElement$6 } from './p-0e4632d4.js';
 import { d as defineCustomElement$5 } from './p-b1ca5daf.js';
 import { d as defineCustomElement$4 } from './p-94da6823.js';
-import { d as defineCustomElement$3 } from './p-bfc8b82f.js';
-import { d as defineCustomElement$2 } from './p-6a9e1fb6.js';
+import { d as defineCustomElement$3 } from './p-5853a3c8.js';
+import { d as defineCustomElement$2 } from './p-122e79fc.js';
 class ButtonCellRenderer {
     init(params) {
@@ -471,12 +471,12 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
             };
         }
         const filterClass = this.filterOrientation === 'topbar' ? 'topbar-layout' : 'sidebar-layout';
-        return (h(Host, { key: 'ddf26d2cb52e5e99d3bf653c75e8ed97c9c39004' }, h("div", { key: '59bb5fe9a333250c4373ef5348ad93fd54887696', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: '9e1369b83c0964c07008866ec4bc526192501ee1', class: "sidebar-btn" }, h("ifx-button", { key: 'ef05ad34ea382743367c9bb4c33de35f65cd4a63', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '1c7150f2190901fd295a49a78e116ed1ac610017', icon: "cross-16" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: '470742efa2043419ff4484a30e049ab01e48034f', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: 'cf4ed9b42c7b92b77e9c15c22f26db94d603c495', class: "sidebar-container" }, h("div", { key: 'a118e2f138eb3f6f20266a1396e11a96590118d4', class: "filters-title-container" }, h("span", { key: '89c649a1d014f507841936c9fd9bffc56af06884', class: "filters-title" }, "Filters")), h("div", { key: 'e1366907fb3cd763fc0a6ab15cd265b14a8c061e', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '3d1fee4e47755a712f85bf066857d88b18257143', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '28f6e94c7e5532a6a1a47ed1369038d59a41c3d4', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '44cb478b06a1f497bffefddbc27e2e35f42a7bff', name: "topbar-filter" })))), h("div", { key: '67540498aa5f60ff8ce728ec3f73be4f4736f1c4', class: "table-pagination-wrapper" }, h("div", { key: 'fb8815ac5fc14145d0da425b8b72275c77cc64e8', class: "filter-chips" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (Object.keys(this.currentFilters).map(name => {
+        return (h(Host, { key: '0f7d7ae66e093a73605585242a733de3589a36e3' }, h("div", { key: '0d85f412509409adbfa4123850836f54e13c0770', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: '6d31e71cbc1aeb8fa6d722ed0a8f4254e4a8bd15', class: "sidebar-btn" }, h("ifx-button", { key: '6944d39291e3dadac3524fd886db2e0b11f14078', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '1ac7bcc62a952fe74f5e6762f8f90c634adee979', icon: "cross-16" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: '264ced13fc0d2d418328fb8ae59b11ef3f311a04', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: '13b5a85c1fcb49ed8cefc91f5b0d4364e4012f44', class: "sidebar-container" }, h("div", { key: '27520ccdbb09e49399f37661cd05a8badd866300', class: "filters-title-container" }, h("span", { key: '6249a3a22d5db5bb0381097f03ebec44d1bfe687', class: "filters-title" }, "Filters")), h("div", { key: 'cb7a557335e7185515a2aaa74e0ccd28f914be1f', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '95c97131de0806da0a79f630569b1c165095a9c8', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '27ab342d586f8c152e3ac78026a82edd1cdbd184', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '615f774f6de2d1241b639b94d1e52dae1ffd076a', name: "topbar-filter" })))), h("div", { key: '5ef00a108739910be1d34ca1974ee0005ac9c2cd', class: "table-pagination-wrapper" }, h("div", { key: '1dda8dcc3507915c08d045824751611c0db3a6ee', 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: '9db5c1c43e122b0f90fa5e3829b6577e1dfcee3d', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: 'f0be3fa3bf4f7e7326e4e96b96713c71582f043b', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: 'e7a5753e17da636188ac01e47504e397738c3079', class: "matching-results-container" }, h("span", { key: '013c172c130ac17009bc120702c0f2d061216534', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: 'f372b43c06368e1d35773603f1083d9bbe564a7f', class: "matching-results-text" }, "matching results"))), h("div", { key: '09b773aa204c9cccb72fb7de8b1da14fd300b9db', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '0a8ae5dcd664bc4d30cb276d1a47c2f5ebc8d482', 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: 'e32194469a629197053a3a7ed8eab3866a812eb1', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: 'a3d1b356bce9d9cc067d5b5b2ac5a27c08512495', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: '1b46e6badd397b9128d6ccbdb8e84979601297f6', class: "matching-results-container" }, h("span", { key: '3650b631a3ec9537c550bc5edcf7714ac7d7de69', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: 'f4465b3736e270dacc1d92c5ef71e55849a48c2c', class: "matching-results-text" }, "matching results"))), h("div", { key: '0a406218cd17f4817be4840658da8bc785c1fe2c', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '8bf7364d512e0a96efeeeab20772c4c95a1de715', 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

@@ -210,9 +210,9 @@ const IfxTabs$1 = /*@__PURE__*/ proxyCustomElement(class IfxTabs extends H {
     }
     render() {
         var _a;
-        return (h("div", { key: 'aeaa47a083e323254180ca0ed0efb9b1ac33fd1f', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, h("ul", { key: '4025a1a82fa8d8fc3e47b8ec4bb968f7fc583a7f', role: "tablist", class: "tabs-list" }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
+        return (h("div", { key: '80bbdad814aecf0d831424acf50452a5ae115c60', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, h("ul", { key: '1f91010563022d6057b9701a5a086c10c7a36aa9', 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: '529c70aa86c8a9ffc408659c47581f2c7ed959af', class: "active-border" })), h("div", { key: 'c72e75025565b33c02c740e8dc4b8794c27752b7', 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: '559e7a8442bf8b7a14b44bd60261aa320554a7ee', class: "active-border" })), h("div", { key: '644afac658af70ebeedc346b2e5155194aad2383', 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

@@ -18,7 +18,7 @@ const Tag = /*@__PURE__*/ proxyCustomElement(class Tag extends H {
         }
     }
     render() {
-        return (h("div", { key: 'a215a7fcc4601d6d27906cbb6477ea4d8dd90aa8', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: '9c4d2de916d34d8949b239ebacbe65145cbd6a37', icon: this.icon })), h("a", { key: 'cb3797b5de186a8e3606e9aa001abf9c5a4d75d7', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: '4df0fdf1e569aa60338b73802ee3e2d897f1dc6d', class: "label" }, h("slot", { key: '8de97b15fd03dc7c3250fe5101ac3117f3f828cf' })))));
+        return (h("div", { key: '107781fdd67b47515c0cace7b47c185d1e42e43d', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: '472ac0d10e836d02082e4e3eaf5fac228d845fdf', icon: this.icon })), h("a", { key: 'f56df494f649725b51e31c1cc7f4d10fe7d92241', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: 'b1f06387260f825803bb8ebc4b7798490e27c3fc', class: "label" }, h("slot", { key: 'd63949a3564714bcf51aad4afdc6c40acb27f3a7' })))));
     }
     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-da273970.js';
+import { T as Template, d as defineCustomElement$1 } from './p-43438af8.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-816b2612.js';
 import { d as defineCustomElement$7 } from './p-0e4632d4.js';
 import { d as defineCustomElement$6 } from './p-b1ca5daf.js';
 import { d as defineCustomElement$5 } from './p-9ea9e274.js';
-import { d as defineCustomElement$4 } from './p-cb92983f.js';
-import { d as defineCustomElement$3 } from './p-da273970.js';
-import { d as defineCustomElement$2 } from './p-31696649.js';
+import { d as defineCustomElement$4 } from './p-96237222.js';
+import { d as defineCustomElement$3 } from './p-43438af8.js';
+import { d as defineCustomElement$2 } from './p-0218abcd.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-31696649.js';
+import { T as TextField, d as defineCustomElement$1 } from './p-0218abcd.js';
 const IfxTextField = TextField;
 const defineCustomElement = defineCustomElement$1;

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

@@ -58,7 +58,7 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'bc9d09172ecd2e37fe29d5d9306444082be822be', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '2e3f99f22d31ce9ed590a54e61ebbd665e51e6c5', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: '8e42f986e8ed5ddc4576ee189dbbc3a339bf34e8', class: 'wrapper__textarea' }, h("textarea", { key: '8e77103054bcec7bd9cd081398843296244c7135', "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: '88e8fc5eb738e497250a761888652207268dc49e', class: 'wrapper__caption' }, this.caption.trim()))));
+        return (h(Host, { key: '3e6fe0f9c703624d29dde70a2442298c6ab30cdf', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '614875d8d34300b9693334437a5e51b3df98d20c', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: 'cbc664c3020f91d88cbcccad2314d1a36a59acfe', class: 'wrapper__textarea' }, h("textarea", { key: '0a0051aaf4676ab793dc47c867ed036dc788d4a8', "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: '4c569a78b6389b11f3e0f2a6240988c98a1f0091', class: 'wrapper__caption' }, this.caption.trim()))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }

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

@@ -160,10 +160,10 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
             'tooltip-extended': true,
             'visible': this.tooltipVisible,
         };
-        return (h("div", { key: 'df959afc95f1b2b75bc3de79398d587da41d25cc', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: '5895e82d3b4a7b007dfb05244b7cc542cbcddbc1' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: 'e3868c8086f527391cb273f45aa43a0c1274e602', class: tooltipDismissible }, h("button", { key: 'f28587b741f9aa95472a697a35cecc4119135f9d', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '0936939f06125fe5e78f88d4e709d295f8d44e78', icon: "cross16" })), h("div", { key: 'bf384a9be25de24f90e7c3a8f3d8ba70f84ae880', class: "tooltip-dismissible-content" }, this.header && h("div", { key: '6d8ced2b903622b33144f9c26d55bbf355d18492', class: "tooltip-dismissible-header" }, this.header), h("div", { key: '5233b918b47b30181839839f826197a0d0cbf8e9', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '9ba522c81473b13fdd0a0c0b73595206b9732fbf', 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: '63b574b7e641f17b3133be55cd4d994c076a49a7', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
-            h("div", { key: 'e01d616e13876b48a5a27cf085411998258c839f', class: tooltipCompact }, this.text, h("svg", { key: '179534f0db424afbe6c57df9642a2ad105d206d0', 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: '2c820685f49f9bd5270080553bf936c287cc9785', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
-            h("div", { key: 'e57f816e9f7cf0a395d06598d026cebc905fc677', class: tooltipExtended }, h("slot", { key: 'd0ea174ac38e1441be400421b2007e5a8c7e8adf', 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: '7cb363c87a18683ac203935a36b1c24189d9fc86', class: "tooltip-extended-content" }, this.header && h("div", { key: '4ea7357038e44b6f881b235a3824ba668e4c3b70', class: "tooltip-extended-header" }, this.header), h("div", { key: '3e91b8d0426655aa4c03b6cf1ec329d131922ace', class: "tooltip-extended-body" }, this.text)), h("svg", { key: '1c9d7d7fa9703c3af870934356097e09f596f39c', 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: '2f1c19e4edb0eb93b4f651a86519341967b271ba', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
+        return (h("div", { key: '8a6f4216fbbf73d254377ed7d828400c508a73b4', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: '2244e1dd84e4e7ed753e317d776c78510295cc88' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: 'e904b564221cc7a42aed3a1a8530acc71e7987dd', class: tooltipDismissible }, h("button", { key: '0965653dae6d37745d9d136e6b5be1c3e1feecbb', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: 'f418e3966e6ce8fd2c0c20a3120a012cc6ca676d', icon: "cross16" })), h("div", { key: '7450ec1021b6f3ea89c6cf35f22e0e91dedbacdf', class: "tooltip-dismissible-content" }, this.header && h("div", { key: '3611215ae7b24c31d001853a1aeffd5d419be2cc', class: "tooltip-dismissible-header" }, this.header), h("div", { key: '926dc3842d88189ec19451fa8ffd7d35d9b595e8', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: 'c441ff7875f1a457728e076b3fa915bcffc61285', 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: 'f108cb0255f2b5b2cc41aa72643c613e6fbef223', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
+            h("div", { key: '2269418d97807a3cb38d79b14de2002788621987', class: tooltipCompact }, this.text, h("svg", { key: '50ec12aaee875237c9c9fccc93ba9823525cf4d7', 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: '4b1a57f77f98365f3ef09005298484f28177c968', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
+            h("div", { key: 'e401ca7983303922d9922a5617fa73357c720581', class: tooltipExtended }, h("slot", { key: '88bc6ed13f4f98e8ebec4c134effd90018491f57', 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: '1d4075957461729790060900046e8225dc805b4d', class: "tooltip-extended-content" }, this.header && h("div", { key: '9caaf7b85ce4a395cde6eea18372db641b6eea64', class: "tooltip-extended-header" }, this.header), h("div", { key: 'cb20517120bd405f3cfa6b3c2009319a7d5af35b', class: "tooltip-extended-body" }, this.text)), h("svg", { key: '74248970374cde8ef5760ac1ddb8919c375b76f1', 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: 'eb67b1f9c179c974b16481475da9e5460dd3eddf', 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

@@ -43,7 +43,7 @@ const TreeView = /*@__PURE__*/ proxyCustomElement(class TreeView extends H {
         }
     }
     render() {
-        return (h("div", { key: '0c3fbe509e0284c0bee6f59d36a386fc735d3656', class: `tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`, role: "tree", "aria-label": this.ariaLabel }, this.label && this.label.trim() !== '' && h("div", { key: 'cd38bbfc67367ecfbc128b903d9260acfee07748', class: "tree-view__label" }, this.label), h("slot", { key: 'a65db3f398a83dff192b6ab901b2296e48e98811', ref: this.handleSlotRef })));
+        return (h("div", { key: '1ced6cc9e78d651c7b88253ae5fe69130179fcae', class: `tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`, role: "tree", "aria-label": this.ariaLabel }, this.label && this.label.trim() !== '' && h("div", { key: '52e41bd6c2211a2d7140c6d1302e10b3ab3f1807', class: "tree-view__label" }, this.label), h("slot", { key: '4c1a889522c3e73de57d3290cd4f4d35fb86a869', ref: this.handleSlotRef })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/{p-31696649.js → p-0218abcd.js} RENAMED Viewed

@@ -62,12 +62,12 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends H {
         this.handleTypeProp();
     }
     render() {
-        return (h("div", { key: '99622bdc18742234932ca14639eb1aa2b93cc5b8', "aria-label": "a text field for user input", "aria-value": this.value, "aria-disabled": this.disabled, class: `textInput__container ${this.disabled ? 'disabled' : ""}` }, h("div", { key: '0f77417c6e2ccb01e69e4dae336e25e64f38a9d3', class: "textInput__top-wrapper" }, h("label", { key: '11de39e8c23d97686bcc9f401d2e13c3c2575d3e', htmlFor: this.internalId }, h("slot", { key: '1b939f2a66bd6a3e2216c834107e60bd7995de5c' }), this.optional && this.required ? (h("span", { class: "optional-required" }, "(optional) *")) : this.optional ? (h("span", { class: "optional" }, "(optional)")) : this.required ? (h("span", { class: `required ${this.error ? 'error' : ""}` }, "*")) : null)), h("div", { key: 'f345d927cb20d5187a9b1c4d4811ab15fdf8c8f1', class: "textInput__bottom-wrapper" }, h("div", { key: '15c0688ace07d7d4fda2fdf2fa1b6272f87ea535', class: "input-container" }, this.icon && (h("ifx-icon", { key: 'bc6527885448964fd3e2b058de11e31fcd36b737', class: 'input-icon', icon: this.icon })), h("input", { key: '135fc224592a41faa10fe8884c1ea7e8869bbfcb', ref: (el) => (this.inputElement = el), disabled: this.disabled, autocomplete: this.autocomplete, type: this.internalType, id: this.internalId, value: this.value, onInput: () => this.handleInput(), placeholder: this.placeholder, maxlength: this.maxlength, class: `${this.icon ? 'icon' : ""}
+        return (h("div", { key: '1d1f2667369fd286fae491d0af914f4d5136d14a', "aria-label": "a text field for user input", "aria-value": this.value, "aria-disabled": this.disabled, class: `textInput__container ${this.disabled ? 'disabled' : ""}` }, h("div", { key: 'c3d6eec96d76fe5fc9f0c948b4a16ffa5a4fa3b6', class: "textInput__top-wrapper" }, h("label", { key: 'e39ce519b6debcf8c8bf02b49087a06340da91a5', htmlFor: this.internalId }, h("slot", { key: '476a967aa5f4e96d6dfdb020abefc7c9ed846394' }), this.optional && this.required ? (h("span", { class: "optional-required" }, "(optional) *")) : this.optional ? (h("span", { class: "optional" }, "(optional)")) : this.required ? (h("span", { class: `required ${this.error ? 'error' : ""}` }, "*")) : null)), h("div", { key: '294b161b385638a1a21d389b530cbf565d2ecc84', class: "textInput__bottom-wrapper" }, h("div", { key: 'ac5113b991db2d8166b2f9e94784beff938cc252', class: "input-container" }, this.icon && (h("ifx-icon", { key: '88f3f789c04b5c83873a289e29af579588dd9828', class: 'input-icon', icon: this.icon })), h("input", { key: '263b275b8090d1a898c433d4648b3929126f4f4d', ref: (el) => (this.inputElement = el), disabled: this.disabled, autocomplete: this.autocomplete, type: this.internalType, id: this.internalId, value: this.value, onInput: () => this.handleInput(), placeholder: this.placeholder, maxlength: this.maxlength, class: `${this.icon ? 'icon' : ""}
                 ${this.error ? 'error' : ""}
               ${this.size === "s" ? "input-s" : ""}
-              ${this.success ? "success" : ""}` }), (this.showDeleteIcon && this.value) && (h("ifx-icon", { key: 'cee994abe371690c292cf2cca8f71631d895da8e', class: "delete-icon", icon: "cRemove16", onClick: () => this.handleDeleteContent() }))), this.caption && !this.error &&
-            h("div", { key: 'bc1c9b96f0b0d5a0973d8d5ee863687a63c4a727', class: `textInput__bottom-wrapper-caption ${this.disabled} ? disabled : ""` }, this.caption), this.error &&
-            h("div", { key: '65ee15f056cb02ccaae9c2299303f3938c0dd396', class: "textInput__bottom-wrapper-caption error" }, this.caption))));
+              ${this.success ? "success" : ""}` }), (this.showDeleteIcon && this.value) && (h("ifx-icon", { key: '7d6cbb2166973c9d7bea9147ea9b0eeaaf1aa181', class: "delete-icon", icon: "cRemove16", onClick: () => this.handleDeleteContent() }))), this.caption && !this.error &&
+            h("div", { key: '0324621f4ea4905f74987476d0df6e336eafe799', class: `textInput__bottom-wrapper-caption ${this.disabled} ? disabled : ""` }, this.caption), this.error &&
+            h("div", { key: 'b7648631c4af023dcb4a01059908e3c52da20b19', class: "textInput__bottom-wrapper-caption error" }, this.caption))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -118,4 +118,4 @@ function defineCustomElement() {
 export { TextField as T, defineCustomElement as d };
-//# sourceMappingURL=p-31696649.js.map
+//# sourceMappingURL=p-0218abcd.js.map