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

@infineon/infineon-design-system-stencil 30.14.1--canary.1687.a6c9af39d8c771aff349f9d49bddec4c191916e0.0 → 30.14.2--canary.1703.6198f1fc2bdec15a40e887638132d93ab46ae01f.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 (196) 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: '9357496a783f4b3e1b044ab4d706ee83e443dd58', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, index.h("div", { key: '29fd4c791396b927456b4fc514fdbada0d03bc7f', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && index.h("span", { key: '945e380d7991c53930f1b3ebc396cfec1bc06d31', class: "label" }, `${this.internalValue}%`))));
+        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}%`))));
     }
     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: '78fb99e348f1f87ff7a51ffba6cdc41e7c0954ed', 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: '064187ce7ca62db30e4f190f8566b06028599981', class: `radioButton__wrapper
+        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
             ${this.internalChecked ? 'checked' : ''}
             ${this.disabled ? 'disabled' : ''}
-            ${this.error ? 'error' : ''}` }, this.internalChecked && index.h("div", { key: 'a6993ca1888fc1c5ee41bc481c6ccac9538dbae8', class: "radioButton__wrapper-mark" })), this.hasSlot && (index.h("div", { key: '530f4ab560e608aabe3f0d91fbf36518c131578a', class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: 'cb4ac01adcb5377cd4c675b90f7ad95a8c318ad2' }))), index.h("input", { key: 'f4f2118841914a8285728d42b55108c3adbfdaea', 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: '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() })));
     }
     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: '80312faf68e6b0af2260c977d53f23b42067813f', "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: '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" })))));
     }
     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: '0eda7329a6ec9ee7f24d5c7765f7611698a1dbae', "aria-label": "a search field for user input", "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, index.h("div", { key: 'c1d6f47b987bfb7f0505210fbd64e95db58b688e', class: this.getWrapperClassNames(), tabindex: 1, onFocus: () => this.focusInput(), onClick: () => this.focusInput() }, index.h("ifx-icon", { key: '7fc1c3cd5ba67ebfe032b0a9bbab6ae7b262d7a2', icon: "search-16", class: "search-icon" }), index.h("input", { key: '461edc1ee971753ce0ed4fb18db7115b3b74c6b9', 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: '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)));
     }
     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: '49c56df2adf407d13685ae7c99b512afa532c6de', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, index.h("ifx-icon", { key: 'c576b2bb7b09ae6ed1946759df7303df36b430dc', icon: this.icon }), " ", index.h("slot", { key: '61d467f2cda3552d5c90e9995ceccdca76c6825c' })));
+        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' })));
     }
 };
 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: '2a980fa0fd18e469c2d92c57c80c62b7dfee30e9', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, index.h("div", { key: 'bf202bd9f2a4967c5a5c0cd24013242ad4752a80', class: 'group__label' }, this.label.trim()), index.h("div", { key: '89e974d972a4ad903193459e9a65b47c89114ab8', class: 'group__controls' }, index.h("slot", { key: '10a57ab800389b4a7ae482c152817486a28ae96f' })), this.caption.trim() &&
-            index.h("div", { key: 'f63a61eabf58e03cc0c4b5bae031965b82cb4f2c', class: 'group__caption' }, index.h("ifx-icon", { key: 'b758bb66d96d48e795565dbd662f1a2fc3648bfe', icon: 'cinfo16' }), " ", this.caption.trim())));
+        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())));
     }
     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: 'afb22e61adf2c1bbc5994d1bc2640a1f34997088', class: `ifx-select-container` }, this.label ? (index.h("div", { class: "ifx-label-wrapper" }, index.h("span", null, this.label))) : null, index.h("div", { key: 'febbedc83bd0420a136c5c4b65ede1703815bbc0', class: `${choicesWrapperClass}
+        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}
             ${this.disabled ? 'disabled' : ''}
-            ${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : () => this.toggleDropdown(), onKeyDown: event => this.handleKeyDown(event) }, index.h("select", Object.assign({ key: '339771447d7fbad6d17b75c032028958196d4ae7', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), index.h("div", { key: 'f6e0803771328744a9d48fd196f8bb44886268a8', class: "single__select-icon-container" }, this.optionIsSelected && (index.h("div", { key: 'eab9c3c429d74eac31c24628d86078cec12e9a43', class: "ifx-choices__icon-wrapper-delete" }, index.h("ifx-icon", { key: '1283caadb33147058593a1fff2e08b4460edce0e', icon: "cremove16", onClick: () => this.handleDeleteSelection() }))), index.h("div", { key: '7fbd427273a0e6776395e44a91b495cc0f30b29c', class: "ifx-choices__icon-wrapper-up" }, index.h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), index.h("div", { key: 'bf571ef4fa089788f2c1a2ac44c476444cda22a7', 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: '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));
     }
     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: 'b465d077094d60c3bdf74cd5ac862e967841067b', class: "ifx-slider" }, this.leftText && (index.h("span", { key: '5913654492aa7e837b6778935b5cb3a7002308fd', class: `left-text` }, this.leftText)), this.leftIcon && (index.h("ifx-icon", { key: '26b106c741836e06e127ef3299f0d433de693ab9', icon: this.leftIcon, class: `left-icon${this.disabled ? ' disabled' : ''}` })), (this.type !== 'double') ?
+        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') ?
             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: '4af440423ce265817ecd177c0f74a9ed1d0e5f10', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (index.h("span", { key: '627694f955bfc92530e91fdd56ddaa791d7006e7', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (index.h("span", { key: '6b564afbe80debd694cd325e6719c5fecd40ca66', 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: '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, "%"))));
     }
     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: 'd305e244c68c5b9f74f9a67d17c3132c4f7d1e21', "aria-label": "spinner indicating a loading process", class: this.getClassNames() }, index.h("div", { key: 'cc9610476f50516e906d314d4c13162be10045c8', class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
-            && index.h("div", { key: '526c5014652d47cb6db5cab0d512e2251bf10f39', class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, index.h("svg", { key: '1b3505e30327ce55daeca879282c7332632bbd33', width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'a6f15ce30a574de0d4c2dfbc5fb976351e49935e', id: "spinner/conductor" }, index.h("path", { key: '9df9cdf10db9ea2e87f4a81e270e18c1b1d7f9d1', 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: '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" }))))));
     }
     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: '6e25a145cdcaee5a2137c94531b84c97b28c8a01', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, index.h("span", { key: '5c43e25f62e1bafb8e856b786de7bc9a37e0ff4d', class: `dot ${this.color}` }), index.h("p", { key: '1d64598bbef69fc6de5e7dc529afb43f9cd0236b', class: "text" }, this.label)));
+        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)));
     }
 };
 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: 'f811f73051339e459e5b3e8b2c808874b1b10ea9', "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: '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' : ''}
                         ${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: '2f237e3543d9a65ccaa722d43934560f8c0c6a29', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && index.h("span", { key: 'd5be70693ae61126845412a1ae919d81cc16dd0a', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
-            index.h("div", { key: '6fee4e214c21761f24ba9b2a113368b4b086e5d0', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && index.h("ifx-icon", { key: 'e6e8aa2938c443da65655418b4718ab5f1534116', icon: 'check16' }), this.active && index.h("span", { key: '36c5708b9872ef0742c062c3475421819b5a6942', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && index.h("ifx-icon", { key: '083e478b3acf9da5f74291be63d5ceec8f63fcf9', icon: 'warningf24' }), this.stepperState.variant !== 'compact' && index.h("span", { key: 'a4b4dd719be8a309d5adf6c229428115ed4a189e', class: `step-connector-r ${this.active ? 'active' : ''}` })),
+                        ${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' : ''}` })),
         /* Step labels */
         (this.stepperState.variant !== 'compact' || (this.stepperState.variant === 'compact' && (this.active || this.stepId === this.stepperState.activeStep + 1))) &&
-            index.h("div", { key: '38ab0d35f35090fc408ecb8fc26221d1c6fc5d26', 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: 'af0c3cde7247fc38da13cc38b6f0287f62c87688' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && index.h("slot", { key: 'b6807a0ca71455d51eb73e1ec0c065e2e0a9d233' }))));
+            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' }))));
     }
     ;
     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: '717c5de3dd19bba21b84ee182974fe95a5668d41', "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: 'f2e93e259a501fd05a2a80c7397d06a0b8e1ac68', "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: 'b0502d8ddf1d0617ba481b47afd8040139323c83', class: 'stepper-progress' }, index.h("div", { key: 'efea8c4a1038802bf66c27b780724a9a640f60b7', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), index.h("div", { key: '193397aafdda31d67b33991e6b7fac0f886a2477', class: `stepper-wrapper` }, index.h("slot", { key: 'e4d31312f64282a929991bec647b7e3e0942605e' }))));
+            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' }))));
     }
     ;
     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: 'de6389b77c207826d77a570abe5478c6367d1a2f', 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: '1106e7915d271968cfb7e492416e4c4d3880c79f', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, index.h("div", { key: '28e9a3a6b19b15e0bf7728de60d0096b0105e479', class: "switch__checkbox-wrapper" }, index.h("input", { key: '707c0926234f0efd3e89add4de113a60d93fa0f6', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), index.h("div", { key: 'c49f39e736dedca763a5e64c244150511002b362', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), index.h("div", { key: '11b0ea462a831639c84aa58cfaffed801881dc6a', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, index.h("label", { key: 'dc3fd52e702f0630283d871fff9b47184db4e535', htmlFor: "switch" }, index.h("slot", { key: '4b77fbdea92c23c4d056b71ad5ac889f24e34277', onSlotchange: () => this.toggleLabelGap() })))));
+        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() })))));
     }
     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: '159982e12cd57b8ea322152abd5b9bc5e261ba88' });
+        return index.h("slot", { key: 'b0f03bc9e9281a47ef501031cc13ada97d3d404c' });
     }
     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: 'b729796301f2cbb41f9ed3f87eb1830dcd14f2f1' }, index.h("div", { key: '1aad01d8b7d76ce42e5e089a94d1301f912fdb3a', class: "table-container" }, this.filterOrientation === 'sidebar' && (index.h("div", { key: '4c71ac71b270f9efa4e1b8050b64f59688b4d941', class: "sidebar-btn" }, index.h("ifx-button", { key: '92f0b620f0b93c75d8a3a61e29c5530864d04eb5', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, index.h("ifx-icon", { key: 'cdc76f610751c9fa5fa848a0bfd371b7cae2f5a0', icon: "cross-12" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), index.h("div", { key: 'dba2a36c5516555903c831c536b2851648b2df1e', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (index.h("div", { key: '3f4bb65cc6ca31d4e51fe42a59cce0e20eea69f3', class: "sidebar-container" }, index.h("div", { key: '63487d20769bf234e2442d61a5dc5f82a69b97d6', class: "filters-title-container" }, index.h("span", { key: '3aed4afe6c475f7049eba269f3e0832fb2f7a61d', class: "filters-title" }, "Filters")), index.h("div", { key: 'eb71696ae6055053a75b7cda1fe39dca49be907d', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (index.h("slot", { key: '57edff02ef255645c5be3a742ef55e031449d015', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (index.h("div", { key: 'f7cbe678ba899380d23190e2b5abdaf0d399df97', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (index.h("slot", { key: '370b0c55c190e53df30281d2e877d8b556c2b01a', name: "topbar-filter" })))), index.h("div", { key: '813e23cdac3baf819662e21d8b5ea718b09e4ef3', class: "table-pagination-wrapper" }, index.h("div", { key: 'e7d64df89d6686c0f4fc90f0abfcba27fbde37e9', class: "filter-chips" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (Object.keys(this.currentFilters).map(name => {
+        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 => {
             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: '9e9041366a224464301309ea6ac5301b86c8926a', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, index.h("ifx-icon", { key: '0f088308085da2c7014bb3758bddaff11bb10b9b', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (index.h("div", { key: 'e82ec3824a61f386ee20a6e9c865d0c92ab6c17e', class: "matching-results-container" }, index.h("span", { key: '0752f434d64de56f498f43a8e179943f8f82044a', class: "matching-results-count" }, this.matchingResultsCount), index.h("span", { key: '0f3c5c1f3c5e38e10aae56e30693c29a2c1221f8', class: "matching-results-text" }, "matching results"))), index.h("div", { key: 'bbcffcc32dba388df4f1d0022cb986ba3ec3fcb2', id: "table-wrapper", class: this.getTableClassNames() }, index.h("div", { key: '3b596c305e94e20f6a3e9229396dea2ff77c7bbe', 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: '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)))));
     }
     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: 'b94b74545720034560b78d35909a4757c9239c28', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, index.h("ul", { key: '9689012ae62d5d22c7f9938bce7a5247d7fd1022', role: "tablist", class: "tabs-list" }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
+        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 :
             _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: '0365da7db703747de5996d5b48f1a59ba3ebc3e0', class: "active-border" })), index.h("div", { key: '53bdc3fbd557dec39cbdea5543ef7e56bf57a156', 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: '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}` })))))));
     }
     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: 'fd95fec410cb814e865254b6d19168093ca817a3', "aria-label": "a tag", class: "container" }, this.icon && (index.h("ifx-icon", { key: '331869ac0b205e6dde434c45639d7a607ca77d77', icon: this.icon })), index.h("a", { key: '58027bdcb06e65fe2a6032a4f8cee44259a10473', href: "javascript:void(null);", class: "label-wrapper" }, index.h("p", { key: '6db956e912c4469eff6c0cda1eb0dda92a1e5c0b', class: "label" }, index.h("slot", { key: 'ada3f26e0ecc145a0ae3c7eacce57b682cd33595' })))));
+        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' })))));
     }
 };
 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: 'd557bff378899253b1eea26f202a3d934424deac', class: `wrapper
+        return (index.h(index.Host, { key: 'fa5c845d5352544c1b4c62a09407aebb95da24d3', class: `wrapper
 						wrapper--${this.error ? 'error' : ''}
-						wrapper--${this.disabled ? 'disabled' : ''}` }, index.h("label", { key: '9163e001e0423effcbc9bad56af021acb8fc5229', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), index.h("div", { key: 'ce7ea7607837c9979a984627fb9d762494a211b8', class: 'wrapper__textarea' }, index.h("textarea", { key: '6587f63b3d5ef32db9bf4c25ba03246d31a1120e', "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: '96f109dfc94c8563ce9b3aacfae00eef4b6a49b2', class: 'wrapper__caption' }, this.caption.trim()))));
+						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()))));
     }
     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: '246f0b291e39bbe49ebea1eed9827400f22bb680', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, index.h("slot", { key: 'a16771de825d12d46661be2ecb61ce8326e25794' }), this.variant.toLowerCase() === 'dismissible' && index.h("div", { key: '974e0fdbf389fcce6cc34eccb897b188f0413eea', class: tooltipDismissible }, index.h("button", { key: 'a777e5a63134c07f4330d790044a7aafdb63a83c', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, index.h("ifx-icon", { key: '69cc351f97d892f98cf8bc3df48d2877129e4238', icon: "cross16" })), index.h("div", { key: '5db6f0ceff12be22d6de58767bab509b67dd9ff8', class: "tooltip-dismissible-content" }, this.header && index.h("div", { key: '22fd94a588780e413dc04dcc126380b5b382fde6', class: "tooltip-dismissible-header" }, this.header), index.h("div", { key: 'abd4158d18a1c57dda508caddcdb1be945a8efd2', class: "tooltip-dismissible-body" }, this.text)), index.h("svg", { key: '1bcd11086f4922c03532c99b2dd1618b862af68b', 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: '5dfac1fa79d7204b1f0770ed243cdbadfc14fdd9', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
-            index.h("div", { key: 'a52aec447163df16d86d14f96d74501c45266e2a', class: tooltipCompact }, this.text, index.h("svg", { key: 'c28c49ee4446d73b366bb68280ddf5b9192cc79a', 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: '2de515ea4344c728a1da4b368c93c7ade11badcb', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
-            index.h("div", { key: '9e3186e4856770c831d0422bce64b131c64f55f0', class: tooltipExtended }, index.h("slot", { key: '089640249dbfcf8eed4525615d6e289955304e09', 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: 'eab4f9af96d154a289bec83673db47d3580c267d', class: "tooltip-extended-content" }, this.header && index.h("div", { key: '810497a167351bef22a9e61050264032be295455', class: "tooltip-extended-header" }, this.header), index.h("div", { key: '802dbe5e093b9d69b9155e188d35a421b2ca0c2e', class: "tooltip-extended-body" }, this.text)), index.h("svg", { key: 'ff19a79905e5ea4af628364a254e03e022a08a3d', 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: '557540e1fd91ad15580011ddf37a4cd25a8a6ae3', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
+        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" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {