npm - @infineon/infineon-design-system-stencil - Versions diffs - 35.0.0--canary.1896.598c4395e8ec94e336162dddd4a9862d4f2088cd.0 → 35.0.0--canary.1896.5fc54ca71b87c5e8db7c7dbe5fcd6d916843c3da.0 - Mend

@infineon/infineon-design-system-stencil 35.0.0--canary.1896.598c4395e8ec94e336162dddd4a9862d4f2088cd.0 → 35.0.0--canary.1896.5fc54ca71b87c5e8db7c7dbe5fcd6d916843c3da.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 (366) hide show

package/dist/collection/components/pagination/pagination.js CHANGED Viewed

@@ -121,7 +121,7 @@ export class Pagination {
         this.initPagination();
     }
     render() {
-        return (h("div", { key: '2db22cea600f9d93a048dbfa6748f6c0a12aa5f5', class: "container" }, h("div", { key: '33a7bf4cc2178bd8777264177411ba19cf944a78', class: "items__per-page-wrapper" }, h("div", { key: '9d6bcb6005180b6cd06c6b619317283d047b2f68', class: "items__per-page-label" }, "Results per Page"), h("div", { key: 'd468243b87792d9543481022c7a4f0c5b3fdd805', class: "items__per-page-field" }, h("ifx-select", { key: '48b87e0a1dbfcff4b9468b134f0f3a609c7b2aca', placeholder: 'false', "show-search": 'false', value: undefined, disabled: false, error: false, size: "s", options: this.filteredItemsPerPage, "placeholder-value": "Select" }))), h("div", { key: '11c0559524ac4239d4239e97088c7b8f7dee813e', class: "items__total-wrapper" }, h("div", { key: 'a0c52f73524aec6c33b4af18010e8783e1cea524', class: "pagination" }, h("ifx-icon-button", { key: '40a755dce92de2dd8d14846bcf2269a0e74ff6db', class: "prev", icon: "arrow-left-16", onClick: () => this.changePage(this.internalPage - 1) }), h("ol", { key: '24cd5cb3dfc5b33d809099efd1b979c24e19d676' }, this.visiblePages.map((page, i) => typeof page === 'number' ? (h("li", { key: `page-${page}`, class: { [this.CLASS_ACTIVE]: page === this.internalPage }, "data-page": page }, h("a", { href: "javascript:void(0)" }, page))) : (h("li", { class: "ellipsis", key: `ellipsis-${i}` }, h("span", null, "..."))))), h("ifx-icon-button", { key: '4c8276b66ff84a6280543066c48e6eb88310de83', class: "next", icon: "arrow-right-16", onClick: () => this.changePage(this.internalPage + 1) })))));
+        return (h("div", { key: 'f34d51257e81560aec1de209b91a18f8d3b80909', class: "container" }, h("div", { key: 'b437f38a7c494793ef43392a5200602d1ea280f7', class: "items__per-page-wrapper" }, h("div", { key: '54fb7a4952ad76351188a3177611bf4bca95b007', class: "items__per-page-label" }, "Results per Page"), h("div", { key: 'd0bc72f83111f631485da2b6fe52b29c98208c83', class: "items__per-page-field" }, h("ifx-select", { key: '62eea5b69a124994a159f04119cdcf5e54cb6e8e', placeholder: 'false', "show-search": 'false', value: undefined, disabled: false, error: false, size: "s", options: this.filteredItemsPerPage, "placeholder-value": "Select" }))), h("div", { key: '689680c6df19027528fffd8e9ff4938952e9245f', class: "items__total-wrapper" }, h("div", { key: 'be26d81808f23878a51cf1fb9992433c6abeed26', class: "pagination" }, h("ifx-icon-button", { key: '6abeed920c4f97763170459f714a3c2a0f7b144c', class: "prev", icon: "arrow-left-16", onClick: () => this.changePage(this.internalPage - 1) }), h("ol", { key: 'bce48e8aed58fa1f92a04a294fa1dcffd04ed42c' }, this.visiblePages.map((page, i) => typeof page === 'number' ? (h("li", { key: `page-${page}`, class: { [this.CLASS_ACTIVE]: page === this.internalPage }, "data-page": page }, h("a", { href: "javascript:void(0)" }, page))) : (h("li", { class: "ellipsis", key: `ellipsis-${i}` }, h("span", null, "..."))))), h("ifx-icon-button", { key: '7e63ce955d14f7f19219bc856ca0bce02b180e08', class: "next", icon: "arrow-right-16", onClick: () => this.changePage(this.internalPage + 1) })))));
     }
     static get is() { return "ifx-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-bar/progress-bar.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class ProgressBar {
         this.internalValue = this.value;
     }
     render() {
-        return (h("div", { key: '2eca6f70ca084387ee586e7758ef9d9658c52c1b', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, h("div", { key: 'ba8a2378b6b0d16ed5c5423f76dc2c7073e7943d', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && h("span", { key: 'd3a93894eeed65e5e9211e007ecb812a5992319a', class: "label" }, `${this.internalValue}%`))));
+        return (h("div", { key: '82861c170a3b32675e7a2c1b59125cf30660f1cf', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, h("div", { key: '5d6c41afbdc76de9b253b43c0712957e79fe5ed0', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && h("span", { key: '94a7298d8c69d42d737b93092612771d9d8fab59', class: "label" }, `${this.internalValue}%`))));
     }
     static get is() { return "ifx-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/radio-button/radio-button.js CHANGED Viewed

@@ -87,10 +87,10 @@ export class RadioButton {
         }
     }
     render() {
-        return (h("div", { key: 'cb8013aba3a9cf425b0248db8a7128888444566e', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), class: `radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`, onClick: (e) => this.handleRadioButtonClick(e), tabindex: this.disabled ? -1 : 0 }, h("div", { key: '5a49ef6b37fdcc7c890aa537e1c0a655d015d94c', class: `radioButton__wrapper
+        return (h("div", { key: '95e83d8c2acc9e2816eafa572c15d23a62ad8397', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), class: `radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`, onClick: (e) => this.handleRadioButtonClick(e), tabindex: this.disabled ? -1 : 0 }, h("div", { key: '0f069aee0c34e4a412febc8bce0f6146526533f4', class: `radioButton__wrapper
             ${this.internalChecked ? 'checked' : ''}
             ${this.disabled ? 'disabled' : ''}
-            ${this.error ? 'error' : ''}` }, this.internalChecked && h("div", { key: '378453dd15442d1f8eccf902a5782b3b2bedf014', class: "radioButton__wrapper-mark" })), this.hasSlot && (h("div", { key: 'c75daf157328dc01f9b3c5dd902dfadad4a42429', class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: 'a775312d6de569972bafa22faa3eca5f28d5488e' }))), h("input", { key: '3e7e5a463cba5f66ce9309cf538d37f5831d150d', type: "radio", hidden: true, ref: el => this.inputElement = el, name: this.name, value: this.value, checked: this.internalChecked, disabled: this.disabled, onClick: (e) => e.stopPropagation() })));
+            ${this.error ? 'error' : ''}` }, this.internalChecked && h("div", { key: '5bfb321964a7f772f1deb9aad645944f9f465d82', class: "radioButton__wrapper-mark" })), this.hasSlot && (h("div", { key: '52b233fdf2725ce78448d1c535dfaa539b417d12', class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: 'c0890ab3ce5a7a7a0e851a68865e0f8567b3d80c' }))), h("input", { key: '494e9271029854250e5f767352a65a93021dbee9', type: "radio", hidden: true, ref: el => this.inputElement = el, name: this.name, value: this.value, checked: this.internalChecked, disabled: this.disabled, onClick: (e) => e.stopPropagation() })));
     }
     static get is() { return "ifx-radio-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/radio-button-group/radio-button-group.js CHANGED Viewed

@@ -40,7 +40,7 @@ export class RadioButtonGroup {
         this.hasErrors = Array.from(this.errorStates.values()).some((error) => error);
     }
     render() {
-        return (h("div", { key: 'c7e22711c0ad382ae5bf80d1c19d228c44c51aec', class: 'radio-button-group-container' }, this.showGroupLabel ? h("div", { class: 'group-label' }, this.groupLabelText, " *") : '', h("div", { key: 'ea26c8ec314cc3a2e75af3b2f234f2510179b4f2', class: `radio-button-group ${this.alignment} ${this.size}` }, h("slot", { key: '7f502f9c5600697003675c1be854213c83792b98', onSlotchange: this.handleSlotChange })), this.showCaption ? (h("div", { class: `caption ${this.hasErrors ? 'error' : 'default'}` }, this.showCaptionIcon ? h("div", { class: 'caption-icon' }, h("ifx-icon", { icon: "c-info-16" })) : '', h("div", { class: 'caption-text' }, this.captionText))) : ''));
+        return (h("div", { key: '43567f770ac3d3b235531419d876dae04e0c175f', class: 'radio-button-group-container' }, this.showGroupLabel ? h("div", { class: 'group-label' }, this.groupLabelText, " *") : '', h("div", { key: '978ff3dacb9658de24604e7c80c454955397443d', class: `radio-button-group ${this.alignment} ${this.size}` }, h("slot", { key: 'e1059e44e42ad84203877ca697f3ff182b89ba63', onSlotchange: this.handleSlotChange })), this.showCaption ? (h("div", { class: `caption ${this.hasErrors ? 'error' : 'default'}` }, this.showCaptionIcon ? h("div", { class: 'caption-icon' }, h("ifx-icon", { icon: "c-info-16" })) : '', h("div", { class: 'caption-text' }, this.captionText))) : ''));
     }
     static get is() { return "ifx-radio-button-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class SearchBar {
         this.value = event.detail;
     }
     render() {
-        return (h("div", { key: '751e06cbb3de13b0abce4cda3419a35b9fc8ddda', "aria-label": 'a search bar', "aria-disabled": this.disabled, class: `search-bar ${this.internalState ? 'open' : 'closed'}` }, this.internalState ? (h("div", { class: "search-bar-wrapper" }, h("ifx-search-field", { autocomplete: this.autocomplete, disabled: this.disabled, value: this.value, maxlength: this.maxlength, onIfxInput: this.handleInput.bind(this) }, h("ifx-icon", { icon: "search-16", slot: "search-icon" })), h("a", { tabindex: "-1", href: 'javascript:void(0)', onClick: this.handleCloseButton }, "Close"))) : (h("div", { class: "search-bar__icon-wrapper", onClick: this.handleCloseButton }, h("ifx-icon", { icon: "search-16" })))));
+        return (h("div", { key: '069847868bb021437dafa4ff7d332f3714323abe', "aria-label": 'a search bar', "aria-disabled": this.disabled, class: `search-bar ${this.internalState ? 'open' : 'closed'}` }, this.internalState ? (h("div", { class: "search-bar-wrapper" }, h("ifx-search-field", { autocomplete: this.autocomplete, disabled: this.disabled, value: this.value, maxlength: this.maxlength, onIfxInput: this.handleInput.bind(this) }, h("ifx-icon", { icon: "search-16", slot: "search-icon" })), h("a", { tabindex: "-1", href: 'javascript:void(0)', onClick: this.handleCloseButton }, "Close"))) : (h("div", { class: "search-bar__icon-wrapper", onClick: this.handleCloseButton }, h("ifx-icon", { icon: "search-16" })))));
     }
     static get is() { return "ifx-search-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,7 +46,7 @@ export class SearchField {
             this.showDeleteIconInternalState = false;
     }
     render() {
-        return (h("div", { key: 'ab26f0cfe5f6ac53e721556b8c5541da19fb1795', "aria-label": "a search field for user input", "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, h("div", { key: '36c3dd4d8c104c5ff50468e2af722e2a3518b014', class: this.getWrapperClassNames(), tabindex: 1, onFocus: () => this.focusInput(), onClick: () => this.focusInput() }, h("ifx-icon", { key: '5c39c1ef5966879ec8943500acf2eed059048f4f', icon: "search-16", class: "search-icon" }), h("input", { key: '0d960e2d3f9724583337d772fc0d941e05df1449', ref: (el) => (this.inputElement = el), type: "text", autocomplete: this.autocomplete, onInput: () => this.handleInput(), placeholder: this.placeholder, disabled: this.disabled, maxlength: this.maxlength, value: this.value }), this.showDeleteIcon && this.showDeleteIconInternalState ? (h("ifx-icon", { icon: "cremove16", class: "delete-icon", onClick: this.handleDelete })) : null)));
+        return (h("div", { key: '1c934e49ec338b1143beb1b38cbc81fc4b9143f7', "aria-label": "a search field for user input", "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, h("div", { key: 'ee18e7140c47744ac35f15afef353162e36743df', class: this.getWrapperClassNames(), tabindex: 1, onFocus: () => this.focusInput(), onClick: () => this.focusInput() }, h("ifx-icon", { key: '80b1068a48da7f09ba2587889b121acdaeee4559', icon: "search-16", class: "search-icon" }), h("input", { key: '006e6806d44fe10331b051b1f44f310276026ffe', ref: (el) => (this.inputElement = el), type: "text", autocomplete: this.autocomplete, onInput: () => this.handleInput(), placeholder: this.placeholder, disabled: this.disabled, maxlength: this.maxlength, value: this.value }), this.showDeleteIcon && this.showDeleteIconInternalState ? (h("ifx-icon", { icon: "cremove16", class: "delete-icon", onClick: this.handleDelete })) : null)));
     }
     getSizeClass() {
         return `${this.size}` === "s"

package/dist/collection/components/segmented-control/segment/segment.js CHANGED Viewed

@@ -18,7 +18,7 @@ export class Segment {
         }
     }
     render() {
-        return (h("div", { key: '20488abc8976a2bf516b4e27f212832c438003fe', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, h("ifx-icon", { key: '5bdef8744a3cace9e42b9a8e38e093e93f380ebf', icon: this.icon }), " ", h("slot", { key: 'd7372a9c9d68d6b7aebec07e62014d8afcdd0788' })));
+        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' })));
     }
     static get is() { return "ifx-segment"; }
     static get encapsulation() { return "shadow"; }

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

@@ -58,8 +58,8 @@ export class SegmentedControl {
         this.setActiveSegment();
     }
     render() {
-        return (h("div", { key: 'e65703f7696a860fd3984560fd64cc50f562bc7c', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, h("div", { key: 'e4e7c6c329952811ff9b04c46f194415ebbf9cc5', class: 'group__label' }, this.label.trim()), h("div", { key: 'b3aece5b599ca5f5226522692415d80a92c905b2', class: 'group__controls' }, h("slot", { key: '65d548453e6de3f83f795760e21252faf8b66af6' })), this.caption.trim() &&
-            h("div", { key: '60eb9d23ec2522e6dc82904094edd91af0851e48', class: 'group__caption' }, h("ifx-icon", { key: 'a41e8e407392fa340204a66607021cd990eb2e57', icon: 'cinfo16' }), " ", this.caption.trim())));
+        return (h("div", { key: '457f1ff3d1035a563716cd6f122cefe00478f1a5', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, h("div", { key: '6d447d98f9fe9d1bc37e3664bd11e6f9a2e606a3', class: 'group__label' }, this.label.trim()), h("div", { key: '7d982526d1f2dd696e799a010b345438900686a4', class: 'group__controls' }, h("slot", { key: '86342c60b0fbbd955c6e34b5dd03ccab1381606f' })), this.caption.trim() &&
+            h("div", { key: 'fd818c6ec5152bb22abd8cb66415ba7fd9dc9e0d', class: 'group__caption' }, h("ifx-icon", { key: '5eb8cae06026db59a0b5e1763ff0abb4583da676', icon: 'cinfo16' }), " ", this.caption.trim())));
     }
     componentDidRender() {
         this.setSegmentSize();

package/dist/collection/components/select/single-select/select.js CHANGED Viewed

@@ -219,9 +219,9 @@ export class Choices {
         // destroy choices element to restore previous dom structure
         // so vdom can replace the element correctly
         this.destroy();
-        return (h("div", { key: 'f6d69a9b9f6eba5ac19c37daa861e672bf418148', class: `ifx-select-container` }, this.label ? (h("div", { class: "ifx-label-wrapper" }, h("span", null, this.label))) : null, h("div", { key: 'e1afbea9c52278b70880b2943ebd8222cac7f539', class: `${choicesWrapperClass}
+        return (h("div", { key: '01faa8a6af3de6e0a3e744a0d67bf7f05ae7b9f6', class: `ifx-select-container` }, this.label ? (h("div", { class: "ifx-label-wrapper" }, h("span", null, this.label))) : null, h("div", { key: '94b23d7ee480abaf25aaaff16d77a63ed69dcddf', class: `${choicesWrapperClass}
             ${this.disabled ? 'disabled' : ''}
-            ${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : (e) => this.handleWrapperClick(e), onKeyDown: event => this.handleKeyDown(event) }, h("select", Object.assign({ key: '3de39e69132429b2fbde2b756e27b80c8dca329c', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), h("div", { key: 'b6283bcdad25568a447fd04227bd86e8db372244', class: 'single__select-icon-container' }, this.optionIsSelected && (h("div", { key: 'f349ac7fc89bac17571df1f0b775d4d5c9233d4d', class: `ifx-choices__icon-wrapper-delete ${!this.showClearButton ? 'hide' : ''}` }, h("ifx-icon", { key: '47b79f79562c7422d164f47b98d59a7c9a2cd759', icon: "cremove16", onClick: () => this.clearSelection() }))), h("div", { key: '65d3a40f4d23dc0c104644e4d909d5b50ed7c481', class: "ifx-choices__icon-wrapper-up" }, h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), h("div", { key: 'b0fc4b8a2d86b83be9ad5f2bc11194c5fa0b45f0', class: "ifx-choices__icon-wrapper-down" }, h("ifx-icon", { key: "icon-down", icon: "chevron-down-16" })))), this.error ? (h("div", { class: "ifx-error-message-wrapper" }, h("span", null, this.errorMessage))) : null));
+            ${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : (e) => this.handleWrapperClick(e), onKeyDown: event => this.handleKeyDown(event) }, h("select", Object.assign({ key: '00620938789d367f3bbf41e58dee57b8662f4357', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), h("div", { key: '1c356c4aca502f82cb4095ef6ca09fc691b4ab48', class: 'single__select-icon-container' }, this.optionIsSelected && (h("div", { key: '0a8c2f970b9002b2a9ed4737750d225e7b89c12a', class: `ifx-choices__icon-wrapper-delete ${!this.showClearButton ? 'hide' : ''}` }, h("ifx-icon", { key: '2b80b75002d51195046bb23da3edb88e84c922a9', icon: "cremove16", onClick: () => this.clearSelection() }))), h("div", { key: 'd212d2b052cb87949d8c9b6ebf3ac0fa5967e867', class: "ifx-choices__icon-wrapper-up" }, h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), h("div", { key: 'e3acd1868781fdcfaa6b15f6110a6699232c6b38', class: "ifx-choices__icon-wrapper-down" }, h("ifx-icon", { key: "icon-down", icon: "chevron-down-16" })))), this.error ? (h("div", { class: "ifx-error-message-wrapper" }, h("span", null, this.errorMessage))) : null));
     }
     toggleDropdown() {
         const div = this.root.querySelector('.ifx-choices__wrapper');

package/dist/collection/components/slider/slider.js CHANGED Viewed

@@ -136,10 +136,10 @@ export class IfxSlider {
         this.updateValuePercent();
     }
     render() {
-        return (h("div", { key: 'e60141906839675d8d7cef233343436877740bc6', class: "ifx-slider" }, this.leftText && (h("span", { key: 'ae49153179044da460d12571410e24f3a0de5442', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: 'ee863f5430218cac488a0558257b7d2678936b9e', icon: this.leftIcon, class: `left-icon${this.disabled ? ' disabled' : ''}` })), (this.type !== 'double') ?
+        return (h("div", { key: '2a92993bc30627ddf611724a4a4ddc4435070a2f', class: "ifx-slider" }, this.leftText && (h("span", { key: '0275f85cb21f317ee11fe0235f14bb4d649ec5ba', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: 'b9bc5a08f1ba9685fba1fb6abfff64f7a4af57ea', 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: 'd68f775f4dbf8e51e5ab8a89dd17236c26770f60', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: 'a25c202715c0758ad3881262db1f9ecd452161b0', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: '3253969f836a3b311f0645d4e10c4fd89d13f91d', 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: 'c98b99448231741903119c5ec11a139acbe15514', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: '43b8c1a737d52a626f7076167de8de0f7e84c326', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: '5303fea41fd1f081894102e69cf38e4e05d351b5', class: `percentage-display${this.disabled ? ' disabled' : ''}` }, this.percentage, "%"))));
     }
     static get is() { return "ifx-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spinner/spinner.js CHANGED Viewed

@@ -5,8 +5,8 @@ export class Spinner {
         this.inverted = false;
     }
     render() {
-        return (h("div", { key: 'cfbff2813b981725dae76ed251f6563010d64d80', "aria-label": "spinner indicating a loading process", class: this.getClassNames() }, h("div", { key: 'e6a6ca1b543a3aeb1b02226fdb40e0be12aeba34', class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
-            && h("div", { key: 'f34ec6a5f1c48482e79a4a440d771409ae3cc0e2', class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, h("svg", { key: '2b09b17e99618ed8464251116d4c256b05c4a0e5', width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '370a105dbf227bb1c19d9fce65b636e7c9b85c4f', id: "spinner/conductor" }, h("path", { key: 'b9aa2d8a68857c9c013950680af81c231f43cfd6', id: "Vector", d: "M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z" }))))));
+        return (h("div", { key: 'c2bfda0214762b9291795110e219389f043cb8a0', "aria-label": "spinner indicating a loading process", class: this.getClassNames() }, h("div", { key: 'bd6476812b7d024aab385b3b62db51f401ab45bb', class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
+            && h("div", { key: 'a1249cf22e5b90f8d0a6bd4eda63002375c3d1e7', class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, h("svg", { key: '870ddd33f871a2e3487f17d79ed3cd3a0050acc9', width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '3b358ade7be7ed28d1227407bbeb556f20096003', id: "spinner/conductor" }, h("path", { key: '5f07de85b0e2ad47bffafa6f8b194258f357f532', id: "Vector", d: "M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z" }))))));
     }
     getSizeClass() {
         return `${this.size}` === "s"

package/dist/collection/components/status/status.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class Status {
         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: '8c47a8a489d446e7f901eeec4909c1034a838311', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: '0426cac15e805d0766b123c724775d122bac513c', class: `dot ${effectiveColor}` }), h("p", { key: 'ae8a2fda55fd873d8d7d3bf85f61fc0da6b73ddb', class: "text" }, this.label)));
+        return (h("div", { key: '5efa5a76a481840dfd1224684a01c619ad62c528', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: 'd150facf484bfe50ffa876c40d13e8f5d4880ecc', class: `dot ${effectiveColor}` }), h("p", { key: '5594b7360e7b3b6af14c906e5f69990bda009675', class: "text" }, this.label)));
     }
     static get is() { return "ifx-status"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stepper/step/step.js CHANGED Viewed

@@ -42,7 +42,7 @@ export class Step {
         }
     }
     render() {
-        return (h("div", { key: '603484dd098009af351637b23ed898a9930fec18', "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: 'a5e17d366ff3be792d5577de70654524ff6922d2', "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' : ''}
@@ -50,11 +50,11 @@ export class Step {
                         indicator-${this.stepperState.indicatorPosition}
                         ${this.active ? 'active' : ''}
                         ${this.clickable ? 'clickable' : ''}
-                        ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '0732df62ab68c7ee42d0a14e1ebc72a1d280a36b', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: '44054e9fa675579a92b0744f824692c108743ee9', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
-            h("div", { key: 'e337ececf801eb0ecc3ef3bdb85e3b590f7d51e5', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: 'a4f3ba01913d0320084a1a245634dd1a3ce38140', icon: 'check16' }), this.active && h("span", { key: '5cf8536ff33b38b99bf6e516abed2cb71d005e30', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: 'a82d3210924625dc11019e9fcc594096f4877ccf', icon: 'warningf16' }), this.stepperState.variant !== 'compact' && h("span", { key: '52f2e8e74ee106e526e9c0823bf4c9c611c4db81', class: `step-connector-r ${this.active ? 'active' : ''}` })),
+                        ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '5a98a8f72479b641891151f409a9ac1f9358dd09', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: '540bbe469fe4f65242820105dc46320d3838f9c2', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
+            h("div", { key: 'be7f9115144025f5a1890ec0a22d59e1be89789d', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: 'edd8734ea346922500f56cf57808e08b7ea2d179', icon: 'check16' }), this.active && h("span", { key: '87f3afd88a29ec44d85dd302fc649aa64792870f', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: 'ad210c2b732c8e15e3384494797ee6d28ab4cf7b', icon: 'warningf16' }), this.stepperState.variant !== 'compact' && h("span", { key: '17054c9a269b231fc61b2df51e0c76cb2740facf', 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: '901cea7f3cd2793003198ce63fa95df151965f77', 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: '220cce65e6113c6fd68826cbc4abb0b2d38b9f69' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: 'd7fe0384cc4da72a2374345cc72ec71250b156ea' }))));
+            h("div", { key: 'bc2440c7b767e9688af2a5d9392d271eca89f8d5', 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: 'a386137b0fa537faebfa104da2e303816dc7ce4f' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: '6ffcbc8064f712e28cd8c9ce1b3f80bb64e90f26' }))));
     }
     ;
     static get is() { return "ifx-step"; }

package/dist/collection/components/stepper/stepper.js CHANGED Viewed

@@ -118,10 +118,10 @@ export class Stepper {
         this.syncIfxSteps();
     }
     render() {
-        return (h("div", { key: 'cd36c24f161657c163e0541e8d20a0478f45833c', "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: '7fb2d127bfaa410d74765766863f9a45c18a5f8c', "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: '21fc70f72e0a5ac55b54e0b6a0dee37ecc82e61a', class: 'stepper-progress' }, h("div", { key: '89f1650fad1ad5505c47c658a5a1ddf88045a80a', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: 'dc59b08b648ba12feb1dac02a1ee232740f2a70e', class: `stepper-wrapper` }, h("slot", { key: '029b06604176b74e6f78d6d615562110f22346c5' }))));
+            h("div", { key: '82be02eb60fee5876779bb46447c5f6adbcf80ea', class: 'stepper-progress' }, h("div", { key: '6e2caf65433902195e4caa0baf9e43e1b99e78ba', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: '8db00c33950fdc8d48f314b35cfa186f388d9dc2', class: `stepper-wrapper` }, h("slot", { key: '6b5213c91d8717886311992a0ff28f066ac9a3fe' }))));
     }
     ;
     componentDidRender() {

package/dist/collection/components/switch/switch.js CHANGED Viewed

@@ -63,7 +63,7 @@ export class Switch {
         this.internals.setFormValue(null);
     }
     render() {
-        return (h("div", { key: 'e41a1059782c6485344cc7660b89703f7ee42d90', 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: '90f3a17558c5082ae3f68d7449591a02780476c3', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: 'eb59db3a9260ff32effb2992e3c5c976f85f71f0', class: "switch__checkbox-wrapper" }, h("input", { key: 'fcda04c7515a56501f10454f2f089dff301f28b0', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: '92f68f613c4f495d43805bcac42e26586af2d2f3', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: '50a714eeb67312ac01f28ec2658f9b917ca0a0bd', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: '18be81fb8bbf22dceeda37b2dfc9a4d50adba91e', htmlFor: "switch" }, h("slot", { key: '4426b83fb8da2f491b6276ded4d638da3205ff6e', onSlotchange: () => this.toggleLabelGap() })))));
+        return (h("div", { key: '257114f827ae403a93e9ae36a64e4bc0377ca9dd', 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: '9e5e9bf3a3864060ba90f81e8a4b6e00c31f96ab', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: 'a6457b4ec80ea8239b97154c43e7e80dd741f5be', class: "switch__checkbox-wrapper" }, h("input", { key: '4184498a110971709643b4622a302d7530f4bb54', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: '4a347f9e0e505bbe813f2095f0d4d87a4d2c3635', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: '1c1ae6991a58db2d1a6fa2ec197d53997e887705', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: 'ac603b0936b795b8d35cbeb087f2c875103af494', htmlFor: "switch" }, h("slot", { key: 'c95fd094cfdee769c8561ca5f6b3651c42870b14', onSlotchange: () => this.toggleLabelGap() })))));
     }
     static get is() { return "ifx-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/filter-bar/filter-bar.js CHANGED Viewed

@@ -88,7 +88,7 @@ export class FilterBar {
         // 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: '6b6f43a15e34306b15e594b3a73dbcab0ebe881e' }, h("div", { key: 'a444719b8ca1599f2416c3bd9d690731562a7fe4', class: "search-container" }, h("slot", { key: '4d8f9bee4ec182e3c17ebd1714c5ea903bc5e538', name: "filter-search" }), " "), h("div", { key: '4d3755201694ddefe9b4d9d1b7a3ad65036e91b2', class: "components-container" }, slots.length > 0 ? slots : h("slot", { name: "filter-component" }), this.showMoreFiltersButton && !this.showAllFilters && (h("div", { key: '5ab036d16a8d8441a586770258b40c8bf6d06a40', class: "more-filters-wrapper", onClick: this.handleMoreFiltersClick }, h("ifx-button", { key: '82fa6ad85af9e6dd5b42d5b9087ab0cd15cefa44', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false" }, h("ifx-icon", { key: '23085121e53980f58471af19fd9322f618c58313', icon: "filter-16" }), "More filters"))))));
+        return (h(Host, { key: '7b2cb9b7074cd66edfe0c31ef19e18f72252e569' }, h("div", { key: 'fabc0fa624802d65510c4bff239f4d83bb23f520', class: "search-container" }, h("slot", { key: '2a990d12a8e17c1c7a5db629b2fa050ca55b65d1', name: "filter-search" }), " "), h("div", { key: '874b0e25ca8aa4465d49ebe6db00116843127242', class: "components-container" }, slots.length > 0 ? slots : h("slot", { name: "filter-component" }), this.showMoreFiltersButton && !this.showAllFilters && (h("div", { key: 'fe500afb7ff3ab37d8a20ccf781499501bd3b70f', class: "more-filters-wrapper", onClick: this.handleMoreFiltersClick }, h("ifx-button", { key: '7d1ddf8679f50e87488cc62dd01d6571ec203a5a', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false" }, h("ifx-icon", { key: 'dfb8ae890ccb73b8635d041a5cd5344d198c647f', icon: "filter-16" }), "More filters"))))));
     }
     static get is() { return "ifx-filter-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.js CHANGED Viewed

@@ -31,8 +31,8 @@ export class FilterAccordion {
         this.el.removeEventListener('ifxListUpdate', this.handleCheckedChange);
     }
     render() {
-        return (h("div", { key: 'dcee8e0efc95236f519e28d19819ec4ff308f5b6', class: `accordion ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '53b7dae8f8a2798408ace40dcf18c602946c1b1f', class: `header ${this.expanded ? 'expanded' : ''}`, onClick: this.toggleAccordion }, h("div", { key: '1e8047d0e9808475d8bfaad216fa7d0a1024b696', class: `text-and-icon ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '8ca900b6cd9539106789327caef0e26120ecf795', class: "text" }, h("span", { key: '6da0944b9bfca9ad62ef0000da328a4a7ad7c972' }, this.filterGroupName), h("ifx-indicator", { key: '5f586a9f3f366642b027e303bf4026d2b446ba7c', variant: 'number', number: this.count })), h("ifx-icon", { key: '8c296860ddedc2cd3069d7eaa4fca00f8a98b65d', class: this.expanded ? '' : 'hidden', icon: "minus-16", onClick: this.toggleAccordion }), h("ifx-icon", { key: '99050fc03f6301f0ff144df0164cea86dce1e3e6', class: this.expanded ? 'hidden' : '', icon: "plus-16", onClick: this.toggleAccordion }))), this.expanded &&
-            h("div", { key: 'b5162242fb32c6aa1edc7f9bf20243ba6929493d', class: "filter-accordion-container" }, h("slot", { key: '08e51213aea8e5bd15ab07598423743592ac1dce', name: "list" }))));
+        return (h("div", { key: '58a9fc554a0111ecaae73e6bf916854565cdb4ce', class: `accordion ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '02f5eb1f65b0a9c557e86f4b775066cdc9e0f2e9', class: `header ${this.expanded ? 'expanded' : ''}`, onClick: this.toggleAccordion }, h("div", { key: 'b403fb42b57402a50369da150397d2110a86e24b', class: `text-and-icon ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '97169901c1141a46ce053badc8c83843b0acb722', class: "text" }, h("span", { key: '9b08d8bcfd2fff174479047c91c2a1de298b0aa9' }, this.filterGroupName), h("ifx-indicator", { key: '1938781cf1a52eb558fbd81165c08c652d9d2e7e', variant: 'number', number: this.count })), h("ifx-icon", { key: 'ff0e000cd7b8ed8dbe348c2a27a7dda50feb7be2', class: this.expanded ? '' : 'hidden', icon: "minus-16", onClick: this.toggleAccordion }), h("ifx-icon", { key: '95f0716c4cfe0e935aff7e2e808cb69b3adb1db2', class: this.expanded ? 'hidden' : '', icon: "plus-16", onClick: this.toggleAccordion }))), this.expanded &&
+            h("div", { key: '7b05929ad4ef69a3d6f774573104d71de02b0425', class: "filter-accordion-container" }, h("slot", { key: '3c6192595ac49026d2a1fdb63003663da228d0e2', name: "list" }))));
     }
     static get is() { return "ifx-filter-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/filter-type-group/filter-search/filter-search.js CHANGED Viewed

@@ -23,7 +23,7 @@ export class FilterSearch {
         this.ifxFilterSearchChange.emit({ filterName: this.filterName, filterValue: this.filterValue, filterKey: this.filterKey }); // Emitting filterKey along with other properties
     }
     render() {
-        return (h("div", { key: '5580e31d167e1559594e3e1f4580dc6d19dc9968', class: `${this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'}` }, h("div", { key: '7eac96b49e4e281c6daf1c74bacd957ec86d01ca', class: "filter-name" }, this.filterName), h("ifx-search-field", { key: '827596a91c60c83ac1831427947305105952fe73', placeholder: this.placeholder, "show-delete-icon": this.showDeleteIcon, disabled: this.disabled, value: this.filterValue })));
+        return (h("div", { key: '3d139dc274dbfc4e288cb510e49a86ce261e0659', class: `${this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'}` }, h("div", { key: 'c5287d8e763fe0b3994b87cd71ab35371e21a82b', class: "filter-name" }, this.filterName), h("ifx-search-field", { key: '6799eff98a2cd93c79bde4ac761f5ff2c0f0d2b8', placeholder: this.placeholder, "show-delete-icon": this.showDeleteIcon, disabled: this.disabled, value: this.filterValue })));
     }
     static get is() { return "ifx-filter-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/filter-type-group/filter-type-group.js CHANGED Viewed

@@ -119,7 +119,7 @@ export class IfxFilterTypeGroup {
         window.removeEventListener('ifxResetFiltersEvent', this.handleResetEvent);
     }
     render() {
-        return (h(Host, { key: '88595f680a4453f9d514a0f2f15ccd659b9a9ea3' }, h("div", { key: '71eade5ef05a39413fa51619ca731adc0cc846f6', class: "filter-type-group" }, h("slot", { key: '63021a6178acdb0534ba2dc940a3eb806e4751ce', name: "filter-search" }), h("slot", { key: '90726fa79bcc88dccd96cd0f53d2b17f506897e7', name: "filter-accordion" }))));
+        return (h(Host, { key: '30471c9617c8701450157ef5e99aa341edccaa68' }, h("div", { key: 'ba65236b497cf26293e0e318b5b9073a82faa67c', class: "filter-type-group" }, h("slot", { key: '3e86a028c265405782169e1d08784b87f1d7bbef', name: "filter-search" }), h("slot", { key: '2a6cf246a7d24e83a247ae4c94f10679893b5b09', name: "filter-accordion" }))));
     }
     static get is() { return "ifx-filter-type-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/list/list-entry/list-entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class ListEntry {
         this.ifxListEntryChange.emit({ label: this.label, value: this.value, type: this.type });
     }
     render() {
-        return (h("div", { key: 'd3e8cf091f71dc4e2fb56230a807712bc6012dc3', 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: '98a28e98105de08df0c165f4786ee9cea56d7784', 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)))));
     }
     static get is() { return "ifx-list-entry"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/table.js CHANGED Viewed

@@ -355,12 +355,12 @@ export class Table {
             };
         }
         const filterClass = this.filterOrientation === 'topbar' ? 'topbar-layout' : 'sidebar-layout';
-        return (h(Host, { key: '1f9602b1e458ff23e4661c4f6f9e866494694eed' }, h("div", { key: '18fa3c57d04eebd43156c8cefff5b7058a2dd070', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: 'e3976677ee902dfbc4c89335b179bb55d85d01ae', class: "sidebar-btn" }, h("ifx-button", { key: 'f60ac282ed5cf969489dd6fda04be7122ab12468', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '41be23acee02da11f0ed01a50f26acd4af604076', icon: "cross-16" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: 'f43fbc75fb3e58f146e65e58a825ea41446c3ac5', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: '9e1d212949947ccd3fac0586e87c407f1c9023a9', class: "sidebar-container" }, h("div", { key: '0d58c949e5e4cba25ae496d5a8eb180ef3ca04c4', class: "filters-title-container" }, h("span", { key: '659a22e030f5fe01d95ea9775088e833ec436497', class: "filters-title" }, "Filters")), h("div", { key: '5d4bd970d9cef3e8d2bff208efd3aeb283f21392', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '3458deab62dddb25662f106948c58a101ef45826', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '759e808e57dfbc1e80aae2de85dcd27b610edcdb', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: 'ed2cb556faa84c49c2913d3057d46add4f7dd03b', name: "topbar-filter" })))), h("div", { key: 'ebf34d31be5f73e2a8d77f55ea6eedbb2c22ad46', class: "table-pagination-wrapper" }, h("div", { key: '94f80f4eb9285b2c72679d7babee51b45a41c5bb', class: "filter-chips" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (Object.keys(this.currentFilters).map(name => {
+        return (h(Host, { key: '5d13be741e0ac5bf5dc94c3e56c2c038116c6b3f' }, h("div", { key: 'dc3f02bb92257c3bc2c41694edc87edc7941b2f5', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: '6c427404568265a3c591e45ffeaaa2f5a5a8b2a0', class: "sidebar-btn" }, h("ifx-button", { key: 'cdd51d8ee03d9ac402852bb68b73afbc71cb23c3', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: 'cd1f0dd47471dc75b71fa9038ba56be4e4b84c99', icon: "cross-16" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: '056df34c3db1c5937ea94736aa9ca0b2268bcead', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: 'ec8d9fc25b91f250e2e3e34d6bf956b03409239c', class: "sidebar-container" }, h("div", { key: 'c695f15d95451d22c53efeef64cc028ad310d993', class: "filters-title-container" }, h("span", { key: 'c87bf10c0cb0b1d73176250144836a018cf2ddab', class: "filters-title" }, "Filters")), h("div", { key: '90001727c361b7c5c3ec3f544d3a3985cfe68b55', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '4423e099fd570266a1430d3f9cdf7ca1b18327bc', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '4542e5a42c3013fc0cbcb27cbb71f3020c51950c', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: 'c73ec5a16d764cc19f56968dfa0b049186c729c6', name: "topbar-filter" })))), h("div", { key: '9fa17a9a742014e701b6b1ceb274b427d71bb1a0', class: "table-pagination-wrapper" }, h("div", { key: '7309bde6b746c4752dbf91124b310d6187719b65', 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: '0f2dd6082349cfee3a226fa50d8bef71daee35ec', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: 'b3eb80a1e175dcfcbd3aae5ba6d9a00d0209efd4', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: '8f6ef0913da55411c8434b3f434b2d77a0a137d7', class: "matching-results-container" }, h("span", { key: '6d1307a05230729dbcf9d9606833bba8878bbfab', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: '832d4800eda22965b05f33895a7efd45dde7673d', class: "matching-results-text" }, "matching results"))), h("div", { key: '3ddbff28a9ccc70346723387f8e78db6f737eb17', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: 'b01f265fdd053f341a4037d8c9211ad2750facb4', 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: 'bb21094a95c6e505bc4e13eb7b86447e31617338', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: '440147aefbef04f6502d067882b9e1a4f9ab75c3', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: '536cc282622046ced0561b04fb9a9e2bed710f92', class: "matching-results-container" }, h("span", { key: 'cdb992423e6963dcfe77e7ed5cf0751a5605b6df', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: 'ee4ac620a8a739bcf62e8c28d2f1bb122a2e8973', class: "matching-results-text" }, "matching results"))), h("div", { key: '80ee02c8ca92c5eddc1a98d830fd87852fc36b14', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '8af94a63719663a8cee72caef79d0dc4cc191610', 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/collection/components/table-basic-version/table.js CHANGED Viewed

@@ -144,7 +144,7 @@ export class Table {
         return {};
     }
     render() {
-        return (h(Host, { key: 'bb4f66d3a409a2b06cb72f7fdc445df10358c591' }, h("div", { key: '873b1fa7aa2086cc4de9763c001dbcabc649d68f', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: 'a0cfe32c9f60f075234b4e29cbdd56c867699417', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
+        return (h(Host, { key: '66fa0163c04b424ad320d80d44ecd1b6d8e617ca' }, h("div", { key: '257db8e8be943058fed5823f21c38277cfa953b9', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: '27043b90cd6940ad534ae885e72a1de5be20cc19', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
     }
     static get is() { return "ifx-basic-table"; }
     static get originalStyleUrls() {

package/dist/collection/components/tabs/tab.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class IfxTab {
         this.tabHeaderChange.emit(this.header);
     }
     render() {
-        return h("slot", { key: 'e5fd073419a55c43e5fd2b845ed721fc5d7e16f2' });
+        return h("slot", { key: '293e54aa0721e2b4bc17a3569a5aa623ed2b3205' });
     }
     static get is() { return "ifx-tab"; }
     static get originalStyleUrls() {

package/dist/collection/components/tabs/tabs.js CHANGED Viewed

@@ -198,9 +198,9 @@ export class IfxTabs {
     }
     render() {
         var _a;
-        return (h("div", { key: '4803a10882b336d2786eefa1d66615199c773f91', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, h("ul", { key: 'f94c1351e56f02a85ae5c51b348398153e90898e', role: "tablist", class: "tabs-list" }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
+        return (h("div", { key: 'd26a8393f237ca51009ec6a169efa5b0b8913633', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, h("ul", { key: '090d79d9c5df5174ec4c8e4b79cf7eeb7d950f53', 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: 'f425c517053e3ccbc9930385e113682eaef68649', class: "active-border" })), h("div", { key: 'ee8f42e6f2048e7763b8c07323d8d4621b94ea0c', 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: '9889f746a990049c2fba52b16ad85a8ab8ee5962', class: "active-border" })), h("div", { key: '9f2e3fe4f9fd5ce6b322f2002f83db44d7f8ae27', class: "tab-content" }, Array.from(this.tabObjects).map((_, index) => (h("div", { style: { display: index === this.internalActiveTabIndex ? 'block' : 'none' } }, h("slot", { name: `tab-${index}` })))))));
     }
     static get is() { return "ifx-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tag/tag.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class Tag {
     render() {
-        return (h("div", { key: '9272e9be4226830193ca2c7c578b8ff6b4d8b64b', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: 'ce9ff797949b26a0100b0a2c345f909b38de2150', icon: this.icon })), h("a", { key: '0b9aca0d27015b25569b597bdf0b6d1c99bc1c8a', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: '32da674af0c5c76dae49c7b425386a035225e560', class: "label" }, h("slot", { key: '5e46712a76752014560351349a937e4bf2561d89' })))));
+        return (h("div", { key: '7d3cd6bbcd2b17053ddf88de92b752ca8beae04e', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: 'e4a9649f4c96f621d99659065b7686cc47405f3a', icon: this.icon })), h("a", { key: 'b970b5f7f9b9bbdd16178ec2e6ebf74bdc2975cc', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: '16c29b68bedca92002a52db88f2449a646e47a9c', class: "label" }, h("slot", { key: 'd96adb622df3339e5ee0c6e6d8fed7d83560bed2' })))));
     }
     static get is() { return "ifx-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/templates/template/template.js CHANGED Viewed

@@ -128,7 +128,7 @@ export class Template {
         }
     }
     render() {
-        return (h("div", { key: '168d0844f5ce2d89964476d312579e1771c35886' }, this.isTemplatePage
+        return (h("div", { key: '993f20bb1a7970d938d09ea001ee77b777d2a817' }, this.isTemplatePage
             ?
                 h("div", { class: "template__page-wrapper" }, !this.repoUrl && !this.repoError &&
                     h("div", null, h("h3", null, "Your repository is getting ready.."), h("p", null, "This will only take a minute.")), this.isLoading && !this.repoError && h("div", null, h("ifx-spinner", { variant: 'default', size: 's' })), this.repoUrl && h("ifx-link", { href: this.repoUrl, target: "_parent", size: "m", variant: "underlined" }, "Your repository"), this.repoError && h("div", null, this.repoError))

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

@@ -40,7 +40,7 @@ export class TemplatesUI {
         alertWrapper.classList.remove('show');
     }
     render() {
-        return (h("div", { key: 'dc69ec5ae88df9781d1b2d8deae6f63e9230ae94', class: 'templates__container' }, h("div", { key: '23e3cf121644963d2e9fb4f8ee6412567d324281', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: '87c39a2a5e879e4257ef8785d740a4ded69bdd38', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: '4403c1ec6974adb7b97fb050799a5899411fcd23', class: "alert__wrapper" }, h("ifx-alert", { key: 'edfb5324a6f5d74060a9517bf78bd680b1f0b02b', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-16" }, "All fields are mandatory"))), h("h2", { key: '83730e8f99c814b03e912d228d2a580727a6fbbb', class: "templates__title" }, "Choose your template"), h("div", { key: 'edc2d51d615b9c27c32643c07cf48c567be5f35a', class: "templates__wrapper" }, h("ifx-template", { key: 'ab9f760b656e245e2c9e1f20a99ef2f4876a7cd2', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: '17c5ee462dc6d332e1d4cb70a34f91675fe09462', name: 'template-02', thumbnail: this.wizardTemplate }))));
+        return (h("div", { key: 'c95d2b978754deb8c19a9382833ba2c37dbf9ec7', class: 'templates__container' }, h("div", { key: '8b13d15e086225e93624596958eb95fb79f89056', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: '049a15ce42bf2b7ebce29c8f7c146cda60c69d77', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: '160ece10437519a3fd89b87bc9401e82fa82c0f6', class: "alert__wrapper" }, h("ifx-alert", { key: '5aac614b6a0eab2ab0805430dfbcf95c2f2a47a6', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-16" }, "All fields are mandatory"))), h("h2", { key: '4477613ba26456f16d4f3c51871dbe120e9eef0f', class: "templates__title" }, "Choose your template"), h("div", { key: 'f7ea15a8b09b87b056db3485b957968ebcd0e4f9', class: "templates__wrapper" }, h("ifx-template", { key: '95bc460aa476d184de98df5f75b02f112fa9691c', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: 'e747556e390d2f5be3fe727795017c49739aa5ae', name: 'template-02', thumbnail: this.wizardTemplate }))));
     }
     static get is() { return "ifx-templates-ui"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,12 +47,12 @@ export class TextField {
         this.handleTypeProp();
     }
     render() {
-        return (h("div", { key: 'a7e11de99939dfedbc4048fdaacb3a543a7c199a', "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: 'f06e2fa62b60a9e7b1fc5ad043ec82b0e70a91bd', class: "textInput__top-wrapper" }, h("label", { key: 'ccb61bfdf7249d091a315ba44e2172f1bbe6a567', htmlFor: this.internalId }, h("slot", { key: '935be543d95be08188600ec85e363af902587f58' }), 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: 'a810ad0bcdd3b503df1c17e805bec11de84a142f', class: "textInput__bottom-wrapper" }, h("div", { key: '80a1ea5f90796c5284018e875aadcbd7f49177eb', class: "input-container" }, this.icon && (h("ifx-icon", { key: 'f5ee155afa4d624ba7ebcb9308f76fc1071393db', class: 'input-icon', icon: this.icon })), h("input", { key: '7d927675d0e33cdc265ac5fe9909ccb2228cb15a', 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: '597efeba3e10b6550f1b8de39502b85bb170c873', "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: '4b705913732e503ee735081aafa6336b8d4435a7', class: "textInput__top-wrapper" }, h("label", { key: '33ee2954bbe2cfde7957b28dda1aee099f9d81b0', htmlFor: this.internalId }, h("slot", { key: 'a38c2c00e1c236c036cf2d64bc7a28db2afe45a2' }), 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: '94ba742c9ec8a04df44d5bf14e03f91401688367', class: "textInput__bottom-wrapper" }, h("div", { key: '6dd7c491a798dae351f1cd25f085a473f83a6eb9', class: "input-container" }, this.icon && (h("ifx-icon", { key: 'f80c38244c33fd0e3337d50dc40ed3c02693348a', class: 'input-icon', icon: this.icon })), h("input", { key: 'a639ec62f30d100b35c452e2bbbfa5abe134eed6', 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: '6214dd96307b46c8fa2b921f5f4f91284006b697', class: "delete-icon", icon: "cremove16", onClick: () => this.handleDeleteContent() }))), this.caption && !this.error &&
-            h("div", { key: '957a563bc1f8b70347afb0c56f7e886f5c9d66a2', class: `textInput__bottom-wrapper-caption ${this.disabled} ? disabled : ""` }, this.caption), this.error &&
-            h("div", { key: '0cd0a783e3e53c4d5041ce05f508bdfdebefc991', class: "textInput__bottom-wrapper-caption error" }, this.caption))));
+              ${this.success ? "success" : ""}` }), (this.showDeleteIcon && this.value) && (h("ifx-icon", { key: '9ef57617c8f1a227ce0053f3aaecb93c20fb8a72', class: "delete-icon", icon: "cremove16", onClick: () => this.handleDeleteContent() }))), this.caption && !this.error &&
+            h("div", { key: '0e3ab81b4b14c9a47f77b5b3fd65cc957e00ef6f', class: `textInput__bottom-wrapper-caption ${this.disabled} ? disabled : ""` }, this.caption), this.error &&
+            h("div", { key: '4455db6ddff04ed0615c2e4f295614ed66a3d12f', class: "textInput__bottom-wrapper-caption error" }, this.caption))));
     }
     static get is() { return "ifx-text-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/textarea/textarea.js CHANGED Viewed

@@ -44,7 +44,7 @@ export class TextArea {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '64c9244eff4ee5017ca4ef879e291b63c5aec7fe', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '938b88db73d07f0e0061f669f71db66f7e00ad55', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: '18bfcd453ecf46e2932b9700d8275d803187d101', class: 'wrapper__textarea' }, h("textarea", { key: 'b2a247800bd43ca25b4ef56f1d182e6e68183306', "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: '88b34d8e1b8c2be14379bc4419db5d2488a0e5e2', class: 'wrapper__caption' }, this.caption.trim()))));
+        return (h(Host, { key: '42ee0d156ab4e9687aec2fbef110e974eb7fd7aa', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '8f24ed08149d0fd39fa2c7f86c3fb58726f75d5f', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: '7a393f85317dcbaa6395ed42d0d7af637e5eb158', class: 'wrapper__textarea' }, h("textarea", { key: 'eac8384d3a31383b2321ef2c5faaf523fa646700', "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: '4f7d9ca645f76723e5d52636f8663bba9215f755', class: 'wrapper__caption' }, this.caption.trim()))));
     }
     static get is() { return "ifx-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tooltip/tooltip.js CHANGED Viewed

@@ -148,10 +148,10 @@ export class Tooltip {
             'tooltip-extended': true,
             'visible': this.tooltipVisible,
         };
-        return (h("div", { key: 'daa627116984981dc14e96ea82124a51c037f462', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: '5420bba8986124f9f98fd9cfdc292204f5c36e48' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: '98b81e4922aa7ee75e4c80245c94e2b7812e1aac', class: tooltipDismissible }, h("button", { key: 'dc04d7505a836daef4d68a276adc24b633b248d3', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '529a97d651c722d122e4bfb41fbb509d583a4b4c', icon: "cross16" })), h("div", { key: '591567481908744da5e98064e71df412e5bb108f', class: "tooltip-dismissible-content" }, this.header && h("div", { key: 'e9ec4755e06aa5286a69e1e17bb849212758b0c0', class: "tooltip-dismissible-header" }, this.header), h("div", { key: 'dfede7a6ba71bd281f23ee4f3cabf946fe8840d2', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: 'cc573ab64241f46ce5e9eaf4f5afb649cf7f2dbe', 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: '68fcaf98ecf9895a251ba8e2f8c507bd99274b95', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
-            h("div", { key: '10aec4a1f9a8a563f8dd53fff13581dd224fd3f2', class: tooltipCompact }, this.text, h("svg", { key: '3abe8f3db2d54d4849c29545590b9dcf33482d4d', 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: 'e199dd80db021401165cf6ab9f3fcbbdea46f47a', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
-            h("div", { key: '5a901c348d0aa6af0e9594bd3f34cddea7d88d0d', class: tooltipExtended }, h("slot", { key: 'af3927f25697bac2d71dad2784e82e9870afe0ae', 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: '735af9617a2a1af20f52229dc776e6caab954e58', class: "tooltip-extended-content" }, this.header && h("div", { key: '631bb91915890c719f0f95747fa3246eaa7724b5', class: "tooltip-extended-header" }, this.header), h("div", { key: 'aaec776614f79e253ca7ec9b85bf6deb5c5fafca', class: "tooltip-extended-body" }, this.text)), h("svg", { key: 'ccf07468578d20303f2d157a885faceeb5bd583f', 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: '8af5050fef5d90db67031d7520619f06257c30b6', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
+        return (h("div", { key: 'c27f0ee7c19dd33830202b061034f9b3feb4d38c', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: 'a4b7ae4b4d499bd2cdd91e20462b7b360aa62881' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: '1b0a2113a16d78495afe5f539f75d859251cb3b6', class: tooltipDismissible }, h("button", { key: 'c617375d54fa217ed33db4ac93186bbc010c1a72', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '7c62090cbe3335cd4d629a616151a4b4aa0a9e22', icon: "cross16" })), h("div", { key: 'cb581e2c821fea55cc9ccc760c657cc02822ec0a', class: "tooltip-dismissible-content" }, this.header && h("div", { key: '308ae6a3639fb5a51dcb633d11b65e4d43204240', class: "tooltip-dismissible-header" }, this.header), h("div", { key: '5c48e7cfb8a4bb1a525f905fabf495b9feef3a1f', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '56ea3a145bf161a0c57d649056e5989cc8521d51', 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: '546cd6feb96152a5383c30208448c64d25a4b631', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
+            h("div", { key: '7eac234540c0f6041cf8ad09916752e1549f83fe', class: tooltipCompact }, this.text, h("svg", { key: '80df222fe18e2aa4dcca94dc304e2274c3044350', 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: 'fa993b5b84a9ccaf5d499d525034feecdec1c538', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
+            h("div", { key: '50c43437dc4efb2e198b495043a4c1002403fbce', class: tooltipExtended }, h("slot", { key: '5d3a7f4686089289a7c7f952102a220deb07be4b', 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: '02738844aceb5c496ef8f590bc69bf1efdeaccf8', class: "tooltip-extended-content" }, this.header && h("div", { key: '8c768c18fe2cf0fa3e81e53d0c74b13a7722c29d', class: "tooltip-extended-header" }, this.header), h("div", { key: '7b84202d1306e30624bc3131c1747b67850304f1', class: "tooltip-extended-body" }, this.text)), h("svg", { key: 'c5ce78e1e29489a16a322a9f0db4143e688125d4', 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: '9f2546ae745e8f27a4a5dda4c689d42eb83f8cde', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
     }
     static get is() { return "ifx-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -356,12 +356,12 @@ export class TreeViewItem {
         };
     }
     render() {
-        return (h("div", { key: 'a9d59c9b8dd8066d186e3323adea642b925045b2', class: {
+        return (h("div", { key: '5de1d25102639e4726b76c41453d00bdc282a9c9', 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: '353aa44572a1710a9340f5eefbf92cd396c57fa4', class: "tree-item__content" }, h("div", { key: '828025aa5d888adbfadce16e8db4eec030c737ee', class: "tree-item__checkbox-container", onClick: e => e.stopPropagation() }, h("ifx-checkbox", { key: 'cd75240b9967a87cb40eaa8878e557066260a8d9', size: 's', checked: this.partialChecked ? false : this.isChecked, indeterminate: this.partialChecked, onIfxChange: this.handleCheckboxChange, disabled: this.disabled })), h("div", { key: '7bf991606bc035d8efd18f10d52c2d8f1ad76d58', 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: '5fe8d7365fdd17c229104cbc64f5c6672f368641', class: "tree-item__chevron-container", onClick: this.toggleExpand }, h("ifx-icon", { key: 'a65f170b1641d1e51a41bb416356ffade165dcd9', class: `tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`, icon: "chevron-right-16" }), h("div", { key: '7ab7e0c29e82675dbb580fa151de31eb4c77a6d9', class: "tree-item__line" }))), h("div", { key: 'acfb91c00067b93379017e0f4b8045b0b6dbeb9b', class: "tree-item__label-icon-container", tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown }, h("div", { key: '199b30b9ff17c848cf12c2e35bcce61bb3dfcb88', 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: '1e0b6af57c3d56b66c002e0423ed8e4844b3239d', class: "tree-item__label" }, h("slot", { key: '702a2e5442471fb4de268b25604569014ed4a7fc' }))))), this.isExpanded && h("div", { key: '05d41654a2fd8526f0f0b79b16c32627162d3e7e', class: "tree-item__children" }, h("slot", { key: 'e485081137af0e7ee3725a251675f85f605f2b0c', 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: 'cbfdafcc0937554ec4915926268019aee9a071df', class: "tree-item__content" }, h("div", { key: '9a8e6b36a9a741f0f31b3d7865c9fa0046491f7a', class: "tree-item__checkbox-container", onClick: e => e.stopPropagation() }, h("ifx-checkbox", { key: '1102bcc9f70aaf2fb213f157840c867b227b6bcb', size: 's', checked: this.partialChecked ? false : this.isChecked, indeterminate: this.partialChecked, onIfxChange: this.handleCheckboxChange, disabled: this.disabled })), h("div", { key: 'd4d74e0c4a1feaac7fccd97c8fcaa9461b585036', 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: '7b0d12de5def87778134e4a4194a4ac496ef712d', class: "tree-item__chevron-container", onClick: this.toggleExpand }, h("ifx-icon", { key: '1454aad868e6499f08a12358d9ee29adba2615ab', class: `tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`, icon: "chevron-right-16" }), h("div", { key: '25b68a105342dd0c916ec884834501ba64eb21cb', class: "tree-item__line" }))), h("div", { key: 'a7df8f5be51cf40debaf958669e1b3ec183811a7', class: "tree-item__label-icon-container", tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown }, h("div", { key: '267f3f96ed712c3161b8dc1e8f50056e8dce076d', 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: 'a285c8989fec5a33c5ebd4507eb46239a789a775', class: "tree-item__label" }, h("slot", { key: 'bc637a75a1fc9e2a1f2ac8ec28144b789e9dc58b' }))))), this.isExpanded && h("div", { key: 'e131a8835bc3b4674b60c6620cca2072b0196630', class: "tree-item__children" }, h("slot", { key: 'c309641ce26171af7bdd0338122ea0aefa077864', name: "children" }))));
     }
     static get is() { return "ifx-tree-view-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,7 +27,7 @@ export class TreeView {
         this.ifxTreeViewDisableAllChange.emit(newValue);
     }
     render() {
-        return (h("div", { key: '2fbff58e4ea0f95ef229a42f8dda01e05ccc24d5', class: `tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`, role: "tree", "aria-label": this.ariaLabel }, this.label && this.label.trim() !== '' && h("div", { key: 'ce1827316c5f864f67ccde3fffc1b772d9662e26', class: "tree-view__label" }, this.label), h("slot", { key: '4ccd3da9d4537a925c0878f3d235555815dc983d', ref: this.handleSlotRef })));
+        return (h("div", { key: '96ea4bb07f84587d5aeaafade703051373c6e800', class: `tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`, role: "tree", "aria-label": this.ariaLabel }, this.label && this.label.trim() !== '' && h("div", { key: '0333e4688680b64ffb1976645eff5361fbe3d72f', class: "tree-view__label" }, this.label), h("slot", { key: '6bd4bd71689fe0b6c73640471194c3704cb84345', ref: this.handleSlotRef })));
     }
     static get is() { return "ifx-tree-view"; }
     static get encapsulation() { return "shadow"; }