npm - @infineon/infineon-design-system-stencil - Versions diffs - 30.14.2--canary.1703.6198f1fc2bdec15a40e887638132d93ab46ae01f.0 → 30.14.2 - Mend

@infineon/infineon-design-system-stencil 30.14.2--canary.1703.6198f1fc2bdec15a40e887638132d93ab46ae01f.0 → 30.14.2

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 (191) hide show

package/dist/cjs/ifx-progress-bar.cjs.entry.js CHANGED Viewed

@@ -22,7 +22,7 @@ const ProgressBar = class {
         this.internalValue = this.value;
     }
     render() {
-        return (index.h("div", { key: '08f1b959803b48ce212fcabd9bd1daf8987ebb8d', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, index.h("div", { key: '6e4c7d9c69c917c0986c6793a86894f7f94e0681', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && index.h("span", { key: '88e5e1d3fb79ec93262b38ddec839002281de965', class: "label" }, `${this.internalValue}%`))));
+        return (index.h("div", { key: 'a499a473f253e6faec82e37d8da7d3e7322a8ae6', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, index.h("div", { key: '4b330705e6dad7ba18ef61b57f6fc766c310bfcd', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && index.h("span", { key: '52e357a0bea351a15600b33c839f5f4cbc0b67e1', class: "label" }, `${this.internalValue}%`))));
     }
     static get watchers() { return {
         "value": ["valueChanged"]

package/dist/cjs/ifx-radio-button.cjs.entry.js CHANGED Viewed

@@ -92,10 +92,10 @@ const RadioButton = class {
         }
     }
     render() {
-        return (index.h("div", { key: '4a0fe1e496a14deb361e74256ccffe03f5426ad1', 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 }, index.h("div", { key: '1a4b5a4f3ed69b5e1c81276bb6492035d5f2f21a', class: `radioButton__wrapper
+        return (index.h("div", { key: 'ca66d190ef07192702152146a525eebb2487ceca', 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 }, index.h("div", { key: '9b80f11bdb9ac11bbd5d59ec922a3ec7c7292cf9', class: `radioButton__wrapper
             ${this.internalChecked ? 'checked' : ''}
             ${this.disabled ? 'disabled' : ''}
-            ${this.error ? 'error' : ''}` }, this.internalChecked && index.h("div", { key: '7d20671bc7d77ac994e09feac2429fafd1d69f78', class: "radioButton__wrapper-mark" })), this.hasSlot && (index.h("div", { key: '4d75d69bd4f4bfd15e1a7d97440e8e457d467929', class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: '6d970db2f5e6f261c40a4d77e2d00bec2d2d0f0e' }))), index.h("input", { key: '170b55298d0761e7b6f11469c862f977585e2042', 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 && index.h("div", { key: 'dc496040afa7f9029c82b01e33bdf4bcb72be227', class: "radioButton__wrapper-mark" })), this.hasSlot && (index.h("div", { key: '21a8681c0bd5305f5f717f710177111563c12ddd', class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: '6f091c55e606d1a7867817601da03b2fe5dd700f' }))), index.h("input", { key: '2830d50dbc4e9697afe5cdc2f9ce76c00b1d90e9', 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 formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/ifx-search-bar.cjs.entry.js CHANGED Viewed

@@ -40,7 +40,7 @@ const SearchBar = class {
         this.value = event.detail;
     }
     render() {
-        return (index.h("div", { key: '126123cf2e7c3bd9a362349c293ebc5be37be980', "aria-label": 'a search bar', "aria-disabled": this.disabled, class: `search-bar ${this.internalState ? 'open' : 'closed'}` }, this.internalState ? (index.h("div", { class: "search-bar-wrapper" }, index.h("ifx-search-field", { disabled: this.disabled, value: this.value, maxlength: this.maxlength, onIfxInput: this.handleInput.bind(this) }, index.h("ifx-icon", { icon: "search-16", slot: "search-icon" })), index.h("a", { tabindex: "-1", href: 'javascript:void(0)', onClick: this.handleCloseButton }, "Close"))) : (index.h("div", { class: "search-bar__icon-wrapper", onClick: this.handleCloseButton }, index.h("ifx-icon", { icon: "search-16" })))));
+        return (index.h("div", { key: '9b3d48a35c41c7fc09c93b840b0233270f3857c0', "aria-label": 'a search bar', "aria-disabled": this.disabled, class: `search-bar ${this.internalState ? 'open' : 'closed'}` }, this.internalState ? (index.h("div", { class: "search-bar-wrapper" }, index.h("ifx-search-field", { disabled: this.disabled, value: this.value, maxlength: this.maxlength, onIfxInput: this.handleInput.bind(this) }, index.h("ifx-icon", { icon: "search-16", slot: "search-icon" })), index.h("a", { tabindex: "-1", href: 'javascript:void(0)', onClick: this.handleCloseButton }, "Close"))) : (index.h("div", { class: "search-bar__icon-wrapper", onClick: this.handleCloseButton }, index.h("ifx-icon", { icon: "search-16" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ifx-search-field.cjs.entry.js CHANGED Viewed

@@ -55,7 +55,7 @@ const SearchField = class {
             this.showDeleteIconInternalState = false;
     }
     render() {
-        return (index.h("div", { key: '921aeb7876b8edf70c036af1896c19ce267b5b73', "aria-label": "a search field for user input", "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, index.h("div", { key: 'c4ea97640bca88c9b1c4265ae2ec41278f2eebab', class: this.getWrapperClassNames(), tabindex: 1, onFocus: () => this.focusInput(), onClick: () => this.focusInput() }, index.h("ifx-icon", { key: '56a6fb796264a4ee9cc503c47f6107b573ce9249', icon: "search-16", class: "search-icon" }), index.h("input", { key: '1dd973c6d633730a08d3b55249d31074817da0b5', ref: (el) => (this.inputElement = el), type: "text", onInput: () => this.handleInput(), placeholder: this.placeholder, disabled: this.disabled, maxlength: this.maxlength, value: this.value }), this.showDeleteIcon && this.showDeleteIconInternalState ? (index.h("ifx-icon", { icon: "cremove16", class: "delete-icon", onClick: this.handleDelete })) : null)));
+        return (index.h("div", { key: '2fdbe491739f1d2bd47c429aef3ad4f2af008bc3', "aria-label": "a search field for user input", "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, index.h("div", { key: '1df1c97058ec88563e7f578fdd2bf622f984ce0f', class: this.getWrapperClassNames(), tabindex: 1, onFocus: () => this.focusInput(), onClick: () => this.focusInput() }, index.h("ifx-icon", { key: '694f2d2b8bd2eb109994ae086efd5b9ca0de6006', icon: "search-16", class: "search-icon" }), index.h("input", { key: '4d835d293346eb9db237fa8fb78b4bb22ddd79dc', ref: (el) => (this.inputElement = el), type: "text", onInput: () => this.handleInput(), placeholder: this.placeholder, disabled: this.disabled, maxlength: this.maxlength, value: this.value }), this.showDeleteIcon && this.showDeleteIconInternalState ? (index.h("ifx-icon", { icon: "cremove16", class: "delete-icon", onClick: this.handleDelete })) : null)));
     }
     getSizeClass() {
         return `${this.size}` === "s"

package/dist/cjs/ifx-segment.cjs.entry.js CHANGED Viewed

@@ -28,7 +28,7 @@ const Segment = class {
         }
     }
     render() {
-        return (index.h("div", { key: '65b451c80bc02f4c9fa388fa8c3d37db370c88c6', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, index.h("ifx-icon", { key: '6e2e6d4115dcf308a4ae09f412b90c7d1c6f6bce', icon: this.icon }), " ", index.h("slot", { key: '0fbdd8238a3ebe51e47e17c7b4ad2e1b119dbd15' })));
+        return (index.h("div", { key: '88ee18b9c0c6deda231d8e2921db289741494148', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, index.h("ifx-icon", { key: '37cfccb82da059980797d8a8fb184134f74a5b8c', icon: this.icon }), " ", index.h("slot", { key: '2d6b59c5fd7f452db41b1e93ae5eb5b9c52f09bc' })));
     }
 };
 Segment.style = IfxSegmentStyle0;

package/dist/cjs/ifx-segmented-control.cjs.entry.js CHANGED Viewed

@@ -72,8 +72,8 @@ const SegmentedControl = class {
         this.setActiveSegment();
     }
     render() {
-        return (index.h("div", { key: 'd9e5a150744e74e5f74acc2f515ff47b8e3419d4', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, index.h("div", { key: 'be06aeb64d42d76d10b24241922f02e0ae1198e7', class: 'group__label' }, this.label.trim()), index.h("div", { key: 'd02bbd03b4f3cc2b8758519dcd3ac0bcc56d30e0', class: 'group__controls' }, index.h("slot", { key: 'edc51c6caf5148d83fff252f0418194f4be20744' })), this.caption.trim() &&
-            index.h("div", { key: '58111856e2d4ceb7491ce1b9cff7abc821cc3c31', class: 'group__caption' }, index.h("ifx-icon", { key: 'c9178cc674af2865eb99422dc598c0da8cf8e390', icon: 'cinfo16' }), " ", this.caption.trim())));
+        return (index.h("div", { key: 'd2288ebd954126ef4793bc858bb5363b0369fc6f', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, index.h("div", { key: '90e1e993038a62144ab741a0500d36df9f35a823', class: 'group__label' }, this.label.trim()), index.h("div", { key: '0cc6297a3a813e11117c06be8c5f5781ebe13652', class: 'group__controls' }, index.h("slot", { key: '2d6bd9ab90e99f7de23076efabf275896fdd9042' })), this.caption.trim() &&
+            index.h("div", { key: '32c054c7e3a32d3d4f1b341d2994e673a6a2729f', class: 'group__caption' }, index.h("ifx-icon", { key: 'bc5a752011170f9acb4b48192a49b12038bd8d13', icon: 'cinfo16' }), " ", this.caption.trim())));
     }
     componentDidRender() {
         this.setSegmentSize();

package/dist/cjs/ifx-select.cjs.entry.js CHANGED Viewed

@@ -7048,9 +7048,9 @@ const Choices = class {
         // destroy choices element to restore previous dom structure
         // so vdom can replace the element correctly
         this.destroy();
-        return (index.h("div", { key: '894eb9f6322fdc3561ddda575d0062d43e938a39', class: `ifx-select-container` }, this.label ? (index.h("div", { class: "ifx-label-wrapper" }, index.h("span", null, this.label))) : null, index.h("div", { key: '4595c15936578b6624bd9c8c40a15f64fcbcf748', class: `${choicesWrapperClass}
+        return (index.h("div", { key: '1cfe4c560b1f46064995a94c01bf26c24a5d4042', class: `ifx-select-container` }, this.label ? (index.h("div", { class: "ifx-label-wrapper" }, index.h("span", null, this.label))) : null, index.h("div", { key: '5c6b5c5d85ad1e80f1c4d09352d9e5720ecc76c5', class: `${choicesWrapperClass}
             ${this.disabled ? 'disabled' : ''}
-            ${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : () => this.toggleDropdown(), onKeyDown: event => this.handleKeyDown(event) }, index.h("select", Object.assign({ key: 'dc1b69e570b311cd83f4da238c1f6d56746b92d0', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), index.h("div", { key: '4a631aa5f51ae3385b9b48ba3ed89c95891abcf9', class: "single__select-icon-container" }, this.optionIsSelected && (index.h("div", { key: '029b1c36d79aa7db808b75dc90fbe5c375407d71', class: "ifx-choices__icon-wrapper-delete" }, index.h("ifx-icon", { key: '1510b8a80e594e94f7c74da0efa65421ffa0c4b8', icon: "cremove16", onClick: () => this.handleDeleteSelection() }))), index.h("div", { key: 'c199b919120720cbec1c949e3f31e10917ff459d', class: "ifx-choices__icon-wrapper-up" }, index.h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), index.h("div", { key: 'baf91d8bcf39988d98fc926966aa87c4a3439faa', class: "ifx-choices__icon-wrapper-down" }, index.h("ifx-icon", { key: "icon-down", icon: "chevron-down-16" })))), this.error ? (index.h("div", { class: "ifx-error-message-wrapper" }, index.h("span", null, this.errorMessage))) : null));
+            ${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : () => this.toggleDropdown(), onKeyDown: event => this.handleKeyDown(event) }, index.h("select", Object.assign({ key: 'd58e946f3cf1b80d44ea4ea089cf5965822e90a1', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), index.h("div", { key: '4e3d556f0d3e0b71de2005d5fe2280b02f80e257', class: "single__select-icon-container" }, this.optionIsSelected && (index.h("div", { key: '87b1ed49978895904c1561bfa4bebfc7d607db20', class: "ifx-choices__icon-wrapper-delete" }, index.h("ifx-icon", { key: 'da862aa924d17f19e8f8f7f145f7c7d6633db801', icon: "cremove16", onClick: () => this.handleDeleteSelection() }))), index.h("div", { key: 'f9acd7f053244a3cd6dd4f8622d07a8332ea0ed2', class: "ifx-choices__icon-wrapper-up" }, index.h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), index.h("div", { key: '2284abb181ca8aac08cd8d94fe89b53444eef91b', class: "ifx-choices__icon-wrapper-down" }, index.h("ifx-icon", { key: "icon-down", icon: "chevron-down-16" })))), this.error ? (index.h("div", { class: "ifx-error-message-wrapper" }, index.h("span", null, this.errorMessage))) : null));
     }
     toggleDropdown() {
         const div = this.root.querySelector('.ifx-choices__wrapper');

package/dist/cjs/ifx-slider.cjs.entry.js CHANGED Viewed

@@ -146,10 +146,10 @@ const IfxSlider = class {
         this.updateValuePercent();
     }
     render() {
-        return (index.h("div", { key: 'c3d57c86d3f73a10d8230c6a0ac2d6518f8798e1', class: "ifx-slider" }, this.leftText && (index.h("span", { key: '2ce7ac5b13daec0ccf6b9a3f5d9875add891d40b', class: `left-text` }, this.leftText)), this.leftIcon && (index.h("ifx-icon", { key: '09563c6af0be70c77cf997b1eaaa89a62cd686df', icon: this.leftIcon, class: `left-icon${this.disabled ? ' disabled' : ''}` })), (this.type !== 'double') ?
+        return (index.h("div", { key: '3a4c136bba5aa940905a567ceecc0d48a3f3a53a', class: "ifx-slider" }, this.leftText && (index.h("span", { key: '68e203c0394917831422ee27c09cf7cba52e9da6', class: `left-text` }, this.leftText)), this.leftIcon && (index.h("ifx-icon", { key: 'dbc5111499f245d45916f830d2fea7e5f8427fef', icon: this.leftIcon, class: `left-icon${this.disabled ? ' disabled' : ''}` })), (this.type !== 'double') ?
             index.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 })
             :
-                index.h("div", { class: 'range-slider__wrapper', "aria-label": 'a range slider', "aria-value": this.value, "aria-disabled": this.disabled }, index.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) }), index.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 && (index.h("ifx-icon", { key: 'bd45db810d36c8819dcdbaf7bc4795648d30077e', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (index.h("span", { key: 'e6f12c0b49d26756ef83fb5b4ac20f25bf33207d', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (index.h("span", { key: '5abd9643a6f772ded758d514a0b0dc8f9e18e3c0', class: `percentage-display${this.disabled ? ' disabled' : ''}` }, this.percentage, "%"))));
+                index.h("div", { class: 'range-slider__wrapper', "aria-label": 'a range slider', "aria-value": this.value, "aria-disabled": this.disabled }, index.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) }), index.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 && (index.h("ifx-icon", { key: '225a88dcc40a0d6f4db8da92eec4086baaeda8f4', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (index.h("span", { key: '0af4c0c95dda7b54d4f525192217be752a82b95d', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (index.h("span", { key: 'f51aecc6845d60070974b06008042d66f288486d', class: `percentage-display${this.disabled ? ' disabled' : ''}` }, this.percentage, "%"))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ifx-spinner.cjs.entry.js CHANGED Viewed

@@ -14,8 +14,8 @@ const Spinner = class {
         this.inverted = false;
     }
     render() {
-        return (index.h("div", { key: '83d5b9453610b862a68aa9ece33899c4f04d827d', "aria-label": "spinner indicating a loading process", class: this.getClassNames() }, index.h("div", { key: 'bfcdabadb5086143182e10a5cfa6763865288217', class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
-            && index.h("div", { key: '19bbd5c630d14d9823a635ac546a2ecd8cc908e4', class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, index.h("svg", { key: 'b4228122ce3d92aabea862c9b0757563c90b7b0f', width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'ef219b50001f54cb297d31c70a1ec6c37a491023', id: "spinner/conductor" }, index.h("path", { key: 'acd452dcc07558d4841d0cfcb9c333eb25159398', 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 (index.h("div", { key: 'cee0550753f71eb1ac14c9f2798d2f0e8036633d', "aria-label": "spinner indicating a loading process", class: this.getClassNames() }, index.h("div", { key: '3a8895dc69c153cb46b49943d82847886a1660f2', class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
+            && index.h("div", { key: '26806378432bab2d852c810f2561d548b118bb1d', class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, index.h("svg", { key: 'b47c5eb982569fce35e56a0537ed075885b2562c', width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '4e155fe748f23b23346c400671a8751af36553ff', id: "spinner/conductor" }, index.h("path", { key: 'dc72e34ab1b05fb959dee00ed6a7eb6ae122f96f', 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/cjs/ifx-status.cjs.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const Status = class {
     }
     render() {
         const containerClass = this.border ? `container border-${this.color}` : 'container no-border';
-        return (index.h("div", { key: '11cf42c29727b1de165faa101504fc8ed3ffe143', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, index.h("span", { key: 'dd77aba86956af473fb23f891543cbf0abb3e424', class: `dot ${this.color}` }), index.h("p", { key: 'ef225e443394cb9b431087f4c2e7312bb6c8c40c', class: "text" }, this.label)));
+        return (index.h("div", { key: '75238a5bd0be7f89bbd9645d07c1fe2558ab83f2', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, index.h("span", { key: 'b56e0b7551c61eb7ad1e3e3f3de712a3c09df7e1', class: `dot ${this.color}` }), index.h("p", { key: '0e9b61f3c163239edf60ae9a61a088eea8bbd7dc', class: "text" }, this.label)));
     }
 };
 Status.style = IfxStatusStyle0;

package/dist/cjs/ifx-step.cjs.entry.js CHANGED Viewed

@@ -51,7 +51,7 @@ const Step = class {
         }
     }
     render() {
-        return (index.h("div", { key: '7cdac0ba78ab462dc0f341f9f7fea5714ce81e57', "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 (index.h("div", { key: 'abf5e8148d07b4f286f6ff2c3b49b5372c954133', "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' : ''}
@@ -59,11 +59,11 @@ const Step = class {
                         indicator-${this.stepperState.indicatorPosition}
                         ${this.active ? 'active' : ''}
                         ${this.clickable ? 'clickable' : ''}
-                        ${this.disabled ? 'disabled' : ''}` }, index.h("div", { key: 'a6bee8557dfef1f5e6e170a8b78455316776544a', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && index.h("span", { key: '793b87a257fd933c58c41ab5257cb8b30cbba302', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
-            index.h("div", { key: 'ad96dbb8a4814e7dfbd37f6e519df65366f510cc', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && index.h("ifx-icon", { key: 'cd6e338685cf91590799155e6129e7176f02d7bb', icon: 'check16' }), this.active && index.h("span", { key: 'bf43224af7fc04dbb72e96572fa2564912de12fa', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && index.h("ifx-icon", { key: 'ebbd45d8bfad46ee520a5054ed8f387a3c678c05', icon: 'warningf24' }), this.stepperState.variant !== 'compact' && index.h("span", { key: 'fdd0a2b2bc434b428379a2aa81fa2d413a8aae74', class: `step-connector-r ${this.active ? 'active' : ''}` })),
+                        ${this.disabled ? 'disabled' : ''}` }, index.h("div", { key: 'fc433cec36916220ca11d18692f929bfb65b9697', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && index.h("span", { key: '7ab6fb0f96785a25ae7061a10f48f3ec75c34760', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
+            index.h("div", { key: '90938919c4bc84e5993764417498194650f3e65b', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && index.h("ifx-icon", { key: '76197784ca9a15df253bae2dfa1273efe13598e3', icon: 'check16' }), this.active && index.h("span", { key: '2baf3272f918c3d3a2ec3c94c7bbf424dac90e88', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && index.h("ifx-icon", { key: '073b325029c9fcf5eb083c98ca9038a93c115aa2', icon: 'warningf24' }), this.stepperState.variant !== 'compact' && index.h("span", { key: '50becfb6e7854cdb297ee57b90ab9b859ed73730', 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))) &&
-            index.h("div", { key: '23a924683757b80f877cd42a1a1cedac11525d12', 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') && index.h("slot", { key: '50cb22884954b7ebe674b7084db69791ef69e70b' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && index.h("slot", { key: '71d32772d0afe56e0078ad60eea63e7de6c87bf2' }))));
+            index.h("div", { key: 'ccead740d697ae22b45c53cd304809f7d41b4078', 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') && index.h("slot", { key: '65ae1ec7eb64b744b776326e68c3fa95a63305fa' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && index.h("slot", { key: '3455f8fe6055a09c2bcb508c44c79b503991eb45' }))));
     }
     ;
     static get watchers() { return {

package/dist/cjs/ifx-stepper.cjs.entry.js CHANGED Viewed

@@ -126,10 +126,10 @@ const Stepper = class {
         this.syncIfxSteps();
     }
     render() {
-        return (index.h("div", { key: 'f2e93e259a501fd05a2a80c7397d06a0b8e1ac68', "aria-label": 'a stepper', role: 'navigation', class: `stepper ${(this.variant !== 'compact' && this.variant !== 'vertical') ? 'default' : this.variant} ${this.variant === 'compact' ? 'compact-' + this.indicatorPosition : ''}` },
+        return (index.h("div", { key: '1f7eb747d8d195754098cb0e2dcf1125fb3a7fa2', "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') &&
-            index.h("div", { key: 'ce3a39478b07bb66339386a4d5628f9f8863a4be', class: 'stepper-progress' }, index.h("div", { key: '5a7e0c967387d6b17dfa4dd2e676acc1eed4661a', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), index.h("div", { key: '8db37824dcce73499eae526a34f17ff85a943e8d', class: `stepper-wrapper` }, index.h("slot", { key: 'b8bf71472c5b63c993999dcc41b6694d5f683afd' }))));
+            index.h("div", { key: '31f723fa8f38f4431641bebace2ceff810c59cc4', class: 'stepper-progress' }, index.h("div", { key: 'ec6984089833e3a2a6a3581348ca32f61bdae45c', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), index.h("div", { key: '3393da6c64ea27ad7b917c23d3a6888135d955aa', class: `stepper-wrapper` }, index.h("slot", { key: '27cd16b251a1e8c844909d72e57ac94e33ef0ced' }))));
     }
     ;
     componentDidRender() {

package/dist/cjs/ifx-switch.cjs.entry.js CHANGED Viewed

@@ -80,7 +80,7 @@ const Switch = class {
         this.internals.setFormValue(null);
     }
     render() {
-        return (index.h("div", { key: '1ed3d8c2f655656146ed24e547175ac81617f9d9', class: "container", role: "switch", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-label": this.name, onClick: () => this.toggleSwitch(), onKeyDown: (event) => this.handleKeyDown(event) }, index.h("div", { key: 'a0c5348b7011c57c2f8acc5d4f1aa6f34a014819', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, index.h("div", { key: '05788440cc2d89f498b9d1dd61c96cff79d177aa', class: "switch__checkbox-wrapper" }, index.h("input", { key: 'afc473786a71945c1109551cd47ce76fd3a325d4', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), index.h("div", { key: '888e72f8e141ffbc0e314039d7c144daf2c580b3', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), index.h("div", { key: '50f218bae8c294eaebe3f9058c2818511cd515a5', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, index.h("label", { key: '833c29fc6dbb5f1efc2e073100f267b3fddefcb8', htmlFor: "switch" }, index.h("slot", { key: '7b43f97578aba84c4a67ced1b11fd1d9940d834e', onSlotchange: () => this.toggleLabelGap() })))));
+        return (index.h("div", { key: '4a6439dfa30d0a8a43f6cfa0f5708c27c027222c', class: "container", role: "switch", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-label": this.name, onClick: () => this.toggleSwitch(), onKeyDown: (event) => this.handleKeyDown(event) }, index.h("div", { key: '484e9df8a600afeb56f8d3db31af8aaf31906507', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, index.h("div", { key: 'b42e84e2b2e3d7aba51877797814dbecb7ad2954', class: "switch__checkbox-wrapper" }, index.h("input", { key: 'cce23e29ecd046c793b1a30eb638fea0898bc01c', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), index.h("div", { key: '913fb5bcaedc8a731d87d011ce7bcd0cc8ba89a4', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), index.h("div", { key: '31de24b8e18b343af41589446d94e54f798d893b', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, index.h("label", { key: '6133fae62290817304961a4029c62f78addb5014', htmlFor: "switch" }, index.h("slot", { key: '3d0d8e77e9c9e9773a94574205a45fe521cfca80', onSlotchange: () => this.toggleLabelGap() })))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/ifx-tab.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const IfxTab = class {
         this.tabHeaderChange.emit(this.header);
     }
     render() {
-        return index.h("slot", { key: 'b0f03bc9e9281a47ef501031cc13ada97d3d404c' });
+        return index.h("slot", { key: '163a382cbd9afdc297c929817c80baea4d720439' });
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ifx-table.cjs.entry.js CHANGED Viewed

@@ -456,12 +456,12 @@ const Table = class {
             };
         }
         const filterClass = this.filterOrientation === 'topbar' ? 'topbar-layout' : 'sidebar-layout';
-        return (index.h(index.Host, { key: '1c5dcd2b916b5453a274d7d0913468fd5511b59b' }, index.h("div", { key: 'dc9ddd3b35763b87db80a4a44f34ff5439a8ec8e', class: "table-container" }, this.filterOrientation === 'sidebar' && (index.h("div", { key: 'b08d52f24e32d4a64b672dd14df4cd9a110e9a6e', class: "sidebar-btn" }, index.h("ifx-button", { key: '8875fd5f849599dcb173c0c5b9de231c060a65f4', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, index.h("ifx-icon", { key: '5bace653046cc94ef3e64ee2e148d40d254f289e', icon: "cross-12" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), index.h("div", { key: 'f9ddcdc45a9fe998050e367f64f19a95ad267090', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (index.h("div", { key: '422eb6d3a12f85fd78f7a0d7b0f88c1edb6700d9', class: "sidebar-container" }, index.h("div", { key: '5008bc03ee7a1af7b47c529d16a03d74f81fa329', class: "filters-title-container" }, index.h("span", { key: 'bf1c4ab449155f2d5050d0128edb30e0a6ed48be', class: "filters-title" }, "Filters")), index.h("div", { key: 'f893dbd688af73495c360c5d4aaee54b9d8f262c', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (index.h("slot", { key: '3b80155cd350ad5c809d84890cf16a34c47236ef', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (index.h("div", { key: '6cee1cffb6af9539da3a32c2ba44de8666ba6b47', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (index.h("slot", { key: 'b4b4cac6a833af606eac368cf1767001d0c4bd81', name: "topbar-filter" })))), index.h("div", { key: 'e30cd1e855e2f571692e44b897437929181497a1', class: "table-pagination-wrapper" }, index.h("div", { key: '576feb7b4bcce037b90533b3f532c165c726e154', class: "filter-chips" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (Object.keys(this.currentFilters).map(name => {
+        return (index.h(index.Host, { key: 'e594cbed47aa83424257623217881cf96a5a8039' }, index.h("div", { key: 'd5c9315c68afcc86b77821b752a31b4916f6373d', class: "table-container" }, this.filterOrientation === 'sidebar' && (index.h("div", { key: '8e666d8968cc7cf6cfacd5fe903ee1a03ce49e83', class: "sidebar-btn" }, index.h("ifx-button", { key: '21da3650f064d34511ff8b5f8e48c6c77122470f', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, index.h("ifx-icon", { key: '33007d3348f56487bcf3a01e517c2c3bb3075cd1', icon: "cross-12" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), index.h("div", { key: 'ffcacb5d178e866183127699d8068d9c6fe893f9', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (index.h("div", { key: 'a24dcf8abcd66bd188debd900e31982e41bbbdeb', class: "sidebar-container" }, index.h("div", { key: '438e49c30042e413822e7de3321935a75c23214b', class: "filters-title-container" }, index.h("span", { key: '2145098b1427b430977f2d39c9716f8345a68b3b', class: "filters-title" }, "Filters")), index.h("div", { key: 'd95e1057eeaa356377c67d1736f0bb5ed0d0069f', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (index.h("slot", { key: 'd851d656042e27673e5f9c9e0ad090e43d69d239', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (index.h("div", { key: 'cc9625d31a1dc342e090a680577094b6b5ee6ae1', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (index.h("slot", { key: '2166f19a5ab474015f00db11dbd66a7fbf004f8d', name: "topbar-filter" })))), index.h("div", { key: '461a63299ba4f69f7f4c0e4bf21aca25c286e6e3', class: "table-pagination-wrapper" }, index.h("div", { key: '2f1e1c027228fc08f9db36b5b1d76ae18f166c89', 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 ? (index.h("ifx-chip", { placeholder: name, size: "large", variant: isMultiSelect ? "multi" : "single", readOnly: true, value: filterValues, key: name }, filterValues.map(filterValue => (index.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 && (index.h("ifx-button", { key: '748c01409c308a5168664a882fe4c975467bab99', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, index.h("ifx-icon", { key: 'f81b3198cb9fdecfbe45e82c42ba770688ad121d', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (index.h("div", { key: '775527d29ffbed6bd26bbc00288d33210fd890e4', class: "matching-results-container" }, index.h("span", { key: 'f6ec1558e507bed037e0812977525e6afa428b1b', class: "matching-results-count" }, this.matchingResultsCount), index.h("span", { key: '5d590bdbfcb37ce1e2a0027c6764c509992fd18d', class: "matching-results-text" }, "matching results"))), index.h("div", { key: '27f61bf2fb36d22501defcfa34ab7f16ae3f9a01', id: "table-wrapper", class: this.getTableClassNames() }, index.h("div", { key: '13dfcfcf6b4b072bcb956298b2cc12257b523348', id: `ifxTable-${this.uniqueKey}`, class: 'ifx-ag-grid', style: style, ref: (el) => this.container = el })), this.pagination ? index.h("ifx-pagination", { total: this.allRowData.length, "current-page": this.currentPage }) : null)))));
+        })), this.filterOrientation !== 'none' && this.filterOrientation === 'sidebar' && this.showSidebarFilters && Object.keys(this.currentFilters).length > 0 && (index.h("ifx-button", { key: 'ef658de043730ed9bdd44f5bd21432e2964a4e11', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, index.h("ifx-icon", { key: '1891918371923cea7dffe17afb2d459f3b7b481f', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (index.h("div", { key: 'ea47c00551a4df9512ce501a0c5ba0089b7a25bb', class: "matching-results-container" }, index.h("span", { key: '34df181271d5dcd2427712fe311a778136a965d4', class: "matching-results-count" }, this.matchingResultsCount), index.h("span", { key: 'c58ea7945db36d88576bd39ff81cfe3fc625894c', class: "matching-results-text" }, "matching results"))), index.h("div", { key: '312e1501154f194dd0f8aaf2fd669f73e6da4c94', id: "table-wrapper", class: this.getTableClassNames() }, index.h("div", { key: 'ac677f0adf21b71c0ab7bb388db216c9d2e89b71', id: `ifxTable-${this.uniqueKey}`, class: 'ifx-ag-grid', style: style, ref: (el) => this.container = el })), this.pagination ? index.h("ifx-pagination", { total: this.allRowData.length, "current-page": this.currentPage }) : null)))));
     }
     hasButtonCol() {
         return this.getColData().some(column => column.field === 'button');

package/dist/cjs/ifx-tabs.cjs.entry.js CHANGED Viewed

@@ -201,9 +201,9 @@ const IfxTabs = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '7d737252faf0c189cd7ca58cbfa5c1f1526cae69', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, index.h("ul", { key: 'e9058cba8865f03c184337d7d3032c4cdf20b6b5', role: "tablist", class: "tabs-list" }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
+        return (index.h("div", { key: 'a00f69f3618bf88b9c5056dd86a159d0bdacc38a', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, index.h("ul", { key: 'ae1e11a5cbad998aef2d0f4008b586a127883355', role: "tablist", class: "tabs-list" }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
             _a.map((tab, index$1) => (index.h("li", { class: this.getTabItemClass(index$1), ref: (el) => (this.tabHeaderRefs[index$1] = el), onMouseDown: (event) => event.preventDefault(), onClick: () => this.handleClick(tab, index$1), "aria-selected": index$1 === this.internalActiveTabIndex ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', role: "tab" }, (tab === null || tab === void 0 ? void 0 : tab.icon) ? index.h("ifx-icon", { icon: tab.icon }) : '', tab === null || tab === void 0 ? void 0 :
-                tab.header))), index.h("div", { key: '3da244a99ddb71e2c0a7fffdb1f181496828d9ef', class: "active-border" })), index.h("div", { key: '63d9a76df41d39be73f46eb9c731945e924a2059', class: "tab-content" }, Array.from(this.tabObjects).map((_, index$1) => (index.h("div", { style: { display: index$1 === this.internalActiveTabIndex ? 'block' : 'none' } }, index.h("slot", { name: `tab-${index$1}` })))))));
+                tab.header))), index.h("div", { key: '6c3118f18fbfab4cacfe6f016f0fe06d56d3bdc5', class: "active-border" })), index.h("div", { key: '6ec2524f81cd3cac64e5c31d077fcc16fbee8947', class: "tab-content" }, Array.from(this.tabObjects).map((_, index$1) => (index.h("div", { style: { display: index$1 === this.internalActiveTabIndex ? 'block' : 'none' } }, index.h("slot", { name: `tab-${index$1}` })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ifx-tag.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const Tag = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '103aaf52f43ba9b22e337a9984dd353cfe0fe155', "aria-label": "a tag", class: "container" }, this.icon && (index.h("ifx-icon", { key: '2f87ba630039cdf93aac9f6ff67660168fd43d60', icon: this.icon })), index.h("a", { key: '0d77514108965a1fcdd54e41e4ca932eb64d6161', href: "javascript:void(null);", class: "label-wrapper" }, index.h("p", { key: 'e15558bac0bcb4273cb4e73ee527f9368f4ce27c', class: "label" }, index.h("slot", { key: 'eff616388b80ffc1cd677761b5584554ddc64a4d' })))));
+        return (index.h("div", { key: '0efd4c4fc890b7299bd49800b6401a8dc73166f8', "aria-label": "a tag", class: "container" }, this.icon && (index.h("ifx-icon", { key: 'ba750e37a229b8e5446c971ad2f4df2116b60da5', icon: this.icon })), index.h("a", { key: '837c382c55252e744fe6c812a3b38c885cb0cb03', href: "javascript:void(null);", class: "label-wrapper" }, index.h("p", { key: '771f74ea07bd0e5d2674be14d6d10dbaffd490f9', class: "label" }, index.h("slot", { key: '28f91709242f61d63777ba9349c69aa11c743f2d' })))));
     }
 };
 Tag.style = IfxTagStyle0;

package/dist/cjs/ifx-textarea.cjs.entry.js CHANGED Viewed

@@ -47,9 +47,9 @@ const TextArea = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'fa5c845d5352544c1b4c62a09407aebb95da24d3', class: `wrapper
+        return (index.h(index.Host, { key: 'd4067236b8815b5f9ae593d3f538cdfab1731250', class: `wrapper
 						wrapper--${this.error ? 'error' : ''}
-						wrapper--${this.disabled ? 'disabled' : ''}` }, index.h("label", { key: 'e68472869f26f77d87cf8cefd29d8e56aac74c95', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), index.h("div", { key: 'e4d5c36b7608d981bf33dc764453c9cc75883f59', class: 'wrapper__textarea' }, index.h("textarea", { key: '93988a66ea85198eb40fab3989a82f8a794d815f', "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()) && (index.h("div", { key: 'f58f74a260af7090a6e8059081dfe27fc3fe49c9', class: 'wrapper__caption' }, this.caption.trim()))));
+						wrapper--${this.disabled ? 'disabled' : ''}` }, index.h("label", { key: '545e1ecd808e1fafe5447e4f657e0995aa9105f6', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), index.h("div", { key: '2cfb1f624c90c2c750b1d9ddc9cabdc245384061', class: 'wrapper__textarea' }, index.h("textarea", { key: '014d36d5dc2395b6ea6821be5664f12ced70ec9f', "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()) && (index.h("div", { key: '37908eba23cae52356312fa8012a4d49bf77cce0', class: 'wrapper__caption' }, this.caption.trim()))));
     }
     static get formAssociated() { return true; }
 };

package/dist/cjs/ifx-tooltip.cjs.entry.js CHANGED Viewed

@@ -156,10 +156,10 @@ const Tooltip = class {
             'tooltip-extended': true,
             'visible': this.tooltipVisible,
         };
-        return (index.h("div", { key: '7da57630a19be3d8b55667e0764445203cd1f77c', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, index.h("slot", { key: '3a55da34a85606a8fd32207550366fad3436f120' }), this.variant.toLowerCase() === 'dismissible' && index.h("div", { key: '67dec6dcc56c7f3ca8a8a67ff070df931433f71e', class: tooltipDismissible }, index.h("button", { key: 'db34f7fe5237d960ff0a728f4b82c3df30c6266b', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, index.h("ifx-icon", { key: 'de96a6255887700e6b89a38b0ff549ea3916e1e7', icon: "cross16" })), index.h("div", { key: 'e324ffa46233ca6931ebe766c95e391d7c3d9ce2', class: "tooltip-dismissible-content" }, this.header && index.h("div", { key: 'd435679be58ec126b9fa9f785e960d2ef39b259d', class: "tooltip-dismissible-header" }, this.header), index.h("div", { key: 'd3ce120faae0d9b12d28069673d19e403e52763f', class: "tooltip-dismissible-body" }, this.text)), index.h("svg", { key: '28bf2c543359173d1ab0be2c9f098ff813b17650', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'a355efa505ea997469320a35262780942e495504', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
-            index.h("div", { key: '55d7bfd3d951839bf89f887419e57b85623a3a0e', class: tooltipCompact }, this.text, index.h("svg", { key: '36247aaeda7486865b15ca4e4097a36b69d571c1', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'ac90b5fd1f7188993695a1fc3ac084d8ba8cc8ee', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
-            index.h("div", { key: 'de8269abcb6ddc0219024b77f26d95cb809c8818', class: tooltipExtended }, index.h("slot", { key: 'f88f2cdaa9bafa4d95d7a6953fc4a2b4c49cad35', name: "icon" }, this.icon ? index.h("div", { class: "extended_icon" }, index.h("ifx-icon", { icon: this.icon })) :
-                index.h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, index.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" }), index.h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), index.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" }))), index.h("div", { key: '226db4dd5c26b73ee30e20378b5a664bc365581b', class: "tooltip-extended-content" }, this.header && index.h("div", { key: '47a5ffc018245e0375255ea0eefe77e85e3b630c', class: "tooltip-extended-header" }, this.header), index.h("div", { key: '7892a686219be701d4a912a77edf77ba9cb5840a', class: "tooltip-extended-body" }, this.text)), index.h("svg", { key: '143b7a548b751cabb80450637ca8f9da9d54efa7', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '973348331d6ff15eaa25d9d29ab8490b5961d510', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
+        return (index.h("div", { key: 'd8a37285cd7f35c536a6c5477d4b3d0a5b1fb136', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, index.h("slot", { key: '5a05b996cc8f87801b7652136e7a033098bec31c' }), this.variant.toLowerCase() === 'dismissible' && index.h("div", { key: '4cf8b3f0a98d7a62af5fd580151b33e6e58f6c1c', class: tooltipDismissible }, index.h("button", { key: '0bfa3bcd24157d93efac9e7a5585d9a2d75b11d8', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, index.h("ifx-icon", { key: '364cdca2ce0401dd98a0d2dbb0c77eb4206c0ffd', icon: "cross16" })), index.h("div", { key: '7b46a02f702aafc601f11dfbb76a0526ce8af88b', class: "tooltip-dismissible-content" }, this.header && index.h("div", { key: '81753b1534dd9c6cc452f50ed09672a0441a1491', class: "tooltip-dismissible-header" }, this.header), index.h("div", { key: '1414368d14d67d2dedfc603cad1ca3d32eae8574', class: "tooltip-dismissible-body" }, this.text)), index.h("svg", { key: 'f4aa671ae586200ecd83008700209a2e32ceca7e', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '3a7d56a3ef71dbb7fa15ef0d611b38f354d0f530', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
+            index.h("div", { key: 'b9718503cb24c8929b77132fdad23b49621a8f80', class: tooltipCompact }, this.text, index.h("svg", { key: 'f8cd4a98fc4305d89f567ff2b9d3fb150c3ec5cc', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '9cac168f3dfefdde61e98404bfd9288c45b64fc1', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
+            index.h("div", { key: '78fb5c8e9bf348c710bb994ac94bab5657bff3b6', class: tooltipExtended }, index.h("slot", { key: 'dd9c3aa6eba9abce4aed9164e1441a9f9628009d', name: "icon" }, this.icon ? index.h("div", { class: "extended_icon" }, index.h("ifx-icon", { icon: this.icon })) :
+                index.h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, index.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" }), index.h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), index.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" }))), index.h("div", { key: '93085d78d13e753d15e7c4c33e71109d47800647', class: "tooltip-extended-content" }, this.header && index.h("div", { key: 'd37622f6fa48c3339482cd26dbc28aa43a733cfc', class: "tooltip-extended-header" }, this.header), index.h("div", { key: '18c310317995784a1acbfd11966d2e54138d7d1d', class: "tooltip-extended-body" }, this.text)), index.h("svg", { key: '95c9c424423a83f36fcd00ffb75b826fec82fc80', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '4debe97599b546ac8ca80f22fd6db7e9d52f122c', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {