npm - @infineon/infineon-design-system-stencil - Versions diffs - 29.2.0--canary.1633.e59bc7aded7cbd7a27b2dc639beeb9422cc5896f.0 → 29.2.0 - Mend

@infineon/infineon-design-system-stencil 29.2.0--canary.1633.e59bc7aded7cbd7a27b2dc639beeb9422cc5896f.0 → 29.2.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 (194) hide show

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

@@ -24,7 +24,7 @@ const ProgressBar = class {
         this.internalValue = this.value;
     }
     render() {
-        return (index.h("div", { key: '0ff795929756b1595746d14884de3a3d867cd1a3', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, index.h("div", { key: '07a41eb8ad3b9a7447ff267c844585c386f9a0fd', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && index.h("span", { key: 'e5f1e82c316f7cf7a35ae1f7c85a16c4a7fd7236', class: "label" }, `${this.internalValue}%`))));
+        return (index.h("div", { key: 'c222329efb633757b013203285668579d0844786', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, index.h("div", { key: 'bd5235aa565957461162fe913960b491c1486768', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && index.h("span", { key: '6294c5ae3aff2295b65d2e66631794b1bafe369d', class: "label" }, `${this.internalValue}%`))));
     }
     static get watchers() { return {
         "value": ["valueChanged"]

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

@@ -64,10 +64,10 @@ const RadioButton = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'adbc1e3cd0d1b07cebc552cabf82b98fe8d6d90f', "aria-label": 'a radio button', "aria-value": this.value, "aria-disabled": this.disabled, class: `radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`, onClick: this.handleRadioButtonClick.bind(this) }, index.h("div", { key: 'e879a477842a0e81d9d336761722f71ac1c1b933', class: `radioButton__wrapper
+        return (index.h("div", { key: '7539ce1d49d368b2058d560004414eff39dbf5bd', "aria-label": 'a radio button', "aria-value": this.value, "aria-disabled": this.disabled, class: `radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`, onClick: this.handleRadioButtonClick.bind(this) }, index.h("div", { key: '62e50981447a6e61b2f5d04ff5800cb726350aa5', class: `radioButton__wrapper
           ${this.internalChecked ? 'checked' : ''}
           ${this.disabled ? 'disabled' : ''}
-          ${this.error ? 'error' : ''}`, tabIndex: this.disabled ? -1 : 0 }, this.internalChecked && index.h("div", { key: '81625e73c7c2b9faef955a5a787b6c80dc955b00', class: "radioButton__wrapper-mark" })), this.hasSlot && (index.h("div", { key: '9ea8933266a9ba8e3e56d26173cd5e42c4e264f8', class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: '40dd116cf1a9501f3bd1c019dedf73571c93558e' }))), index.h("input", { key: '502a972c7e29b310778c387b3164218b2d109349', 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' : ''}`, tabIndex: this.disabled ? -1 : 0 }, this.internalChecked && index.h("div", { key: '52ba94878760826c60d77860788732dbb854285b', class: "radioButton__wrapper-mark" })), this.hasSlot && (index.h("div", { key: 'ea499531c8a51124d46146edf1e6c05cc06095ef', class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: '84db2093fc6adf5f7f583fee18cabbe6cf078373' }))), index.h("input", { key: '5a273fb554e67d8ac98c7bd2dc81effb24d18767', 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() })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -43,7 +43,7 @@ const SearchBar = class {
         this.value = event.detail;
     }
     render() {
-        return (index.h("div", { key: 'a0d45dc79e136db856db02b31a16eb3e93b516ae', "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: '06b4122a9df300f357050cd6b70cace1d2cfc4bd', "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: '35a7d21e49cc486f0ce3de499ef09beb85c62f77', "aria-label": "a search field for user input", "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, index.h("div", { key: '4bfb711716fd01e5546edbe7b47605e6a075b284', class: this.getWrapperClassNames(), tabindex: 1, onFocus: () => this.focusInput(), onClick: () => this.focusInput() }, index.h("ifx-icon", { key: '419be07ffef581ef26d1acccf7b1d26483a96b3e', icon: "search-16", class: "search-icon" }), index.h("input", { key: '46e0d6434693c655bef6ad62da0ab70c803f3279', 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: '18c2ea8d58a2b4ad32ead8b20d6e49ffe4b7ce4a', "aria-label": "a search field for user input", "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, index.h("div", { key: '1c3fe7676ae2cb0298d0cf62765c1629b47d4f60', class: this.getWrapperClassNames(), tabindex: 1, onFocus: () => this.focusInput(), onClick: () => this.focusInput() }, index.h("ifx-icon", { key: '47456570d79f9ec6d07c0eb0c73dfe0964d577a2', icon: "search-16", class: "search-icon" }), index.h("input", { key: '3587e8503f87b609afa36bb95b2f2fff645b73fd', 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

@@ -31,7 +31,7 @@ const Segment = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'd21c9af8c4d3e120a7ea69cceb89dbd6bbea3a50', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, index.h("ifx-icon", { key: '2a26824f3960ba1e14721edd21900c5a6a7bcec7', icon: this.icon }), " ", index.h("slot", { key: '173b327a36428d9136aafb4ccf8c66bb03755b3a' })));
+        return (index.h("div", { key: '0a115fe376c6484b9c301689ffdf81bc9645d5e3', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, index.h("ifx-icon", { key: '565df7e4a349afca13c80ee467f7199c18756e67', icon: this.icon }), " ", index.h("slot", { key: '3389c7d009e67542d3c4ba4ccbc32774cbd9b997' })));
     }
 };
 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: '42d423ccf53e16757603b95584926e01ef05b9fe', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, index.h("div", { key: '261921695c16c88d62564383590d3fa2c249a5f7', class: 'group__label' }, this.label.trim()), index.h("div", { key: '5acd2baa0945e9bfbb38feb4112d4cc7e1093c1c', class: 'group__controls' }, index.h("slot", { key: '2bb4ded58d002a67122eafb10c7f1969b8824822' })), this.caption.trim() &&
-            index.h("div", { key: 'efc69ec956cf953c8fe07a46058b31158e2c2224', class: 'group__caption' }, index.h("ifx-icon", { key: 'b25e0f621f8eee2874c27eb5219c0367ba0da401', icon: 'cinfo16' }), " ", this.caption.trim())));
+        return (index.h("div", { key: '5ca0ee9243e0823492e12fe8b2630985f694fd69', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, index.h("div", { key: 'b3675371fb2e67ceed8ace372b127b9e9113f939', class: 'group__label' }, this.label.trim()), index.h("div", { key: '917662be651673665491b329aa0b50b0cb40a2cd', class: 'group__controls' }, index.h("slot", { key: 'd4ce45676acc1fda36e03129756cf74b3bb1c939' })), this.caption.trim() &&
+            index.h("div", { key: '0881e270ba2a728c5800658f9f2a1eea0ffc2ae8', class: 'group__caption' }, index.h("ifx-icon", { key: '3279f97de64a7d2ae369c934c4f3ea9efecdbb5b', icon: 'cinfo16' }), " ", this.caption.trim())));
     }
     componentDidRender() {
         this.setSegmentSize();

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

@@ -7023,9 +7023,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: '8bf90f2bb33565fa51c4343b39041b80a53c57f2', class: `ifx-select-container` }, this.label ? (index.h("div", { class: "ifx-label-wrapper" }, index.h("span", null, this.label))) : null, index.h("div", { key: '3cad8bb3794b0b7e46298ee4fe1af4f27282afa9', class: `${choicesWrapperClass}
+        return (index.h("div", { key: 'cc4aa1451568eb991d3f4e13347edc845c6574eb', class: `ifx-select-container` }, this.label ? (index.h("div", { class: "ifx-label-wrapper" }, index.h("span", null, this.label))) : null, index.h("div", { key: '346daae5f26f925c92bc9c05f8fdcc82d527f150', 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: '0ff8d2f12c7c295589f845f2d53b643f12008cd8', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), this.selectedOption && (index.h("div", { key: '9f17c962186b82512e77e21d13aefb62abeadb52', class: "ifx-choices__icon-wrapper-delete" }, index.h("ifx-icon", { key: '4ecbf2a8c7e3128fc6db64cba6394dbaa2b17e46', icon: "cremove16", onClick: () => this.handleDeleteSelection() }))), index.h("div", { key: 'c6cbcf2ebfdcef2858349905f8b79251e285f325', class: "ifx-choices__icon-wrapper-up" }, index.h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), index.h("div", { key: '20845297c5e70183c90887f95c039288151ac90d', 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: '9114088806559c215d4068abdb14aeea7a177bd7', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), this.selectedOption && (index.h("div", { key: 'ee1e90f64f0857d98e304a4601328f27ee16d0f5', class: "ifx-choices__icon-wrapper-delete" }, index.h("ifx-icon", { key: '5383046def462a937e130b628ee24522b6991214', icon: "cremove16", onClick: () => this.handleDeleteSelection() }))), index.h("div", { key: '02a6a155d64a74b1a75dcdd81998d32877a34d9f', class: "ifx-choices__icon-wrapper-up" }, index.h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), index.h("div", { key: 'ffa5b188cfdf00b87b41a098b3ae7e71a3a9a83e', 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

@@ -153,10 +153,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: '8018325235df36fea9dea725b8ad591ecccb4264', class: "ifx-slider" }, this.leftText && (index.h("span", { key: '17433ac850f968a6e5d453952bb63a96c7b02d5e', class: `left-text` }, this.leftText)), this.leftIcon && (index.h("ifx-icon", { key: '6cb7b2572e62d990a6724f2d00610aeee1a4441b', 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: 'e0cde8d64abfd3ed959f8e62383958f574b8be29', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (index.h("span", { key: 'a30d54d9082b927aa21374a1e78123deb959b117', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (index.h("span", { key: '95baf22332438f825302b4d2616d83b5531823a0', 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

@@ -16,8 +16,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: 'b04265492791de4279b55be5c26c3f91d0310ce3', "aria-label": "spinner indicating a loading process", class: this.getClassNames() }, index.h("div", { key: '4be11129b1b1ec16a9ad6aac61959f3fcf884e05', class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
+            && index.h("div", { key: '7147294300181e410f1a2da1a04bebaa34ca2338', class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, index.h("svg", { key: '08aaeab1b3b244ea665cfb7ba86c5b2be0a833f4', width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '32a839d29fa24742874c01a72e7f447940a6180c', id: "spinner/conductor" }, index.h("path", { key: '55846dd76b8622f0ac57337caf2ac049d7934144', 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

@@ -16,7 +16,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: '7d0a904e3325f104c736cc772d876be18d62f5f7', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, index.h("span", { key: 'd3dad621fea01aca96ac6ae8f50a447058d547b4', class: `dot ${this.color}` }), index.h("p", { key: '68ce21770f730b740a2398ed69c0b33a3817912a', class: "text" }, this.label)));
     }
 };
 Status.style = IfxStatusStyle0;

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

@@ -52,7 +52,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: '416ac5feff4f3ec3e86b9d8ff0affe3b0efc744c', "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' : ''}
@@ -60,11 +60,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: 'efb7fa5e287d66dae02b723b70d9db2f6c464bf4', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && index.h("span", { key: '4f33356052398a786a8554b704a7d74f226b64d4', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
+            index.h("div", { key: 'a25b2220945eee1a67808a2da320ba87046d4a49', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && index.h("ifx-icon", { key: 'f03a2ff8035b2a82880eaf3d582679cfc930370f', icon: 'check16' }), this.active && index.h("span", { key: '481b56ce3eb85af45f0b450b74aa9aaa2b582c73', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && index.h("ifx-icon", { key: 'e59722bf9e76be99bffcc16128add8f7a86ede79', icon: 'warningf24' }), this.stepperState.variant !== 'compact' && index.h("span", { key: '9ad59c9ded639b54c3f8d92ae1e5d29d1b66e7b6', 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: '4383eec5c8d4f48dc63e0cdc7da2f6d0e94b4181', 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: '56ae021c14fa55b0f8aeb4274353f314e2b609a5' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && index.h("slot", { key: '73c45a7010f1d80922fa31f357949c834fd83e7b' }))));
     }
     ;
     static get watchers() { return {

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

@@ -127,10 +127,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: '1762c426129e424854ca59f136dae7cc6ea6b12b', "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: '05e68fa2c4b4f7778a249e546e2feda37b82f3e5', class: 'stepper-progress' }, index.h("div", { key: 'a633d25307f2268ab0d590fd38b6e4c4b0a5c1f2', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), index.h("div", { key: 'e68826d1ca953026b60597c52859fbff3ddcb076', class: `stepper-wrapper` }, index.h("slot", { key: 'c9bc23918e6f50d40c5c61cdce6a0da195ed4fb9' }))));
     }
     ;
     componentDidRender() {

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

@@ -81,7 +81,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: '14a4d237bd92cc310e940e38be973fd109835e2f', 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: '48d82805b763e9a4876e69fff126a19668c60568', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, index.h("div", { key: '966db68145830c394840d78e5a409bdaa93cff17', class: "switch__checkbox-wrapper" }, index.h("input", { key: '3e4f7b754878457747a22fc53643b3e3676cfb3d', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), index.h("div", { key: 'ca007fbcf8f88fee940039770a87345bdde5dda8', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), index.h("div", { key: '1bb43eb27456e27f5d735d6bd2d3be7bc58d3196', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, index.h("label", { key: '464f09b02a8b05a0bde53ebbc2cb998207995e29', htmlFor: "switch" }, index.h("slot", { key: '46896c8f8ac5c94b606cabdb26d0fa6903501299', onSlotchange: () => this.toggleLabelGap() })))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

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

@@ -16,7 +16,7 @@ const IfxTab = class {
         this.iconPosition = 'left';
     }
     render() {
-        return index.h("slot", { key: 'b137ce6b9fbc38d6bcd9548552d1ff6407732ba7' });
+        return index.h("slot", { key: '58ea0a29eec7165f8d5d4627f00f2163916ed69a' });
     }
     get el() { return index.getElement(this); }
 };

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

@@ -453,12 +453,12 @@ const Table = class {
             };
         }
         const filterClass = this.filterOrientation === 'topbar' ? 'topbar-layout' : 'sidebar-layout';
-        return (index.h(index.Host, { key: 'ebaa9ca14103b769af757862b3f7a0cd4dbac383' }, index.h("div", { key: 'eaa95a8dcdf7430e30dfedabc177875b0a9b8b76', class: "table-container" }, this.filterOrientation === 'sidebar' && (index.h("div", { key: 'fff38a9c72d935eee62b88436d3b9d43529ad704', class: "sidebar-btn" }, index.h("ifx-button", { key: '157455f693445926fcced883bc2c0d605bcbcf03', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, index.h("ifx-icon", { key: '096c56f48164acecdda7df3d0fd647c92d28dcd8', icon: "cross-12" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), index.h("div", { key: '9f4201c44ebc7724b3f971c9d3b6f346251f26a0', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (index.h("div", { key: 'f5592f37e3281991c488e00b9d3e9c24db3e7b2c', class: "sidebar-container" }, index.h("div", { key: 'adce6212a72831ac1d273441f0cff0fe1f69b278', class: "filters-title-container" }, index.h("span", { key: 'c8d1369c5d3ab1a06ae9407c1858c41cd6365d86', class: "filters-title" }, "Filters")), index.h("div", { key: '95743e8079c7646d5300bfc408e111e3c90c258b', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (index.h("slot", { key: 'f15836ee889bae0dce198b8b987746ea0966a231', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (index.h("div", { key: 'cfbc8998c250114f331e8e1f50c47392b75edc60', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (index.h("slot", { key: 'fb076efed178ea8ba6b0eb377cf3e1b74a4f6c0a', name: "topbar-filter" })))), index.h("div", { key: '46ba85f323951ef92d1d088e2cef47b8077a03bf', class: "table-pagination-wrapper" }, index.h("div", { key: '7a48c5cdec766782dcfce08e21026ede5819305e', class: "filter-chips" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (Object.keys(this.currentFilters).map(name => {
+        return (index.h(index.Host, { key: 'cb5495c16dd1e368f9b25604e36e75f19b052f6c' }, index.h("div", { key: '6344aab178181e2bac00b2e700a423e2dfd73c0d', class: "table-container" }, this.filterOrientation === 'sidebar' && (index.h("div", { key: '10dcb98a47b393c7deab1454e4738b15a15313d4', class: "sidebar-btn" }, index.h("ifx-button", { key: '8e46c678a6f99ebe01cc25bc774ad99c6dbea3a3', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, index.h("ifx-icon", { key: 'cd11248cfa51b68a4783dd0d66c6a5561f9afc1d', icon: "cross-12" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), index.h("div", { key: 'ce3d2ddc7d6db1c11695fa8698099c63cdcd6016', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (index.h("div", { key: '221c3e8b632166682e3f5c16aa8790869a0cbd50', class: "sidebar-container" }, index.h("div", { key: '949dbe6a17f2c2f5ba7a411761e7a51903904cb1', class: "filters-title-container" }, index.h("span", { key: '85c9d1ad837f550867af7a027ca09b44300a08ca', class: "filters-title" }, "Filters")), index.h("div", { key: 'b57dad26fbdf3372654da8bbf781b3f2bec6f5f9', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (index.h("slot", { key: 'f2cd9bc56be616581dace0c4acc05f54e20f27c4', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (index.h("div", { key: '81c36d9e0a3ce3f0b64c837bb557a7a4cb26de0a', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (index.h("slot", { key: '3b9e65e24baa8d71eb0910146a6567d9f99b80e2', name: "topbar-filter" })))), index.h("div", { key: '41b62ff1c5fab0b29667ae2e1e6c5c010796f33b', class: "table-pagination-wrapper" }, index.h("div", { key: 'e617cbe06c4540a845f5356b1c0f9b67422c9f6b', 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: '0d0e8050e0977663b5f474ec7ef33227bd35c6b9', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, index.h("ifx-icon", { key: '08faee94377e39a2abba16d9b9f44f5e7691e2a7', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (index.h("div", { key: '97e15862609b536a9f98615882b99ae8129dff49', class: "matching-results-container" }, index.h("span", { key: '8e126f8e2991009e058dd65f3cacd6fcd5230731', class: "matching-results-count" }, this.matchingResultsCount), index.h("span", { key: '03d245af1d6b1f835ec2664c8123dcc1e5e6260c', class: "matching-results-text" }, "matching results"))), index.h("div", { key: 'ee6b82dfc94e84eb6f62ec173c35e9317e6a2d0e', id: "table-wrapper", class: this.getTableClassNames() }, index.h("div", { key: 'fa82868bcb950bc3934e9002c6b1a35c97323930', 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: '4d254dac541112495170a042abb6be9eee35928f', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, index.h("ifx-icon", { key: '9d5ece826c48a7e9dd87aaa70ee380f13b38f61c', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (index.h("div", { key: '15515a1dc227bb72fddf6a1b6be42dbb3f727857', class: "matching-results-container" }, index.h("span", { key: '57fd4353359477232550132e79048b18839aa995', class: "matching-results-count" }, this.matchingResultsCount), index.h("span", { key: '65b5c9850eee2814275fa46cbd25065842b61238', class: "matching-results-text" }, "matching results"))), index.h("div", { key: '5158fb6fa70c8842c482cd841acbba9363594dd3', id: "table-wrapper", class: this.getTableClassNames() }, index.h("div", { key: 'bc4cc2553b57558f2249b32f29a97038e370d0f7', 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

@@ -196,9 +196,9 @@ const IfxTabs = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: 'd28ad9e4b1e8d89344ca813dbe25a7ecc77c6e83', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, index.h("ul", { key: '4fcd2e26e21a6de4835dadb8522c4858d949aea6', role: "tablist", class: "tabs-list" }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
+        return (index.h("div", { key: '31de3a8ee189bb7c23bcc80fad050605595a6a0f', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, index.h("ul", { key: '867bea4d332940244b6a1a8623f279ed19d7e6eb', 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), tabindex: "0", 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: 'e3e19e8f3d482acee9be0f47c3fc0e322df79705', class: "active-border" })), index.h("div", { key: '97896ce0bb1fa65e854a03f1cfa392801b24edc6', 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: 'c1e8cd4aa0285bcc4a51d5623722025f8f580519', class: "active-border" })), index.h("div", { key: '217fe852c9f7e36d5f62b9acec0ce468c7417f46', 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

@@ -13,7 +13,7 @@ const Tag = class {
         this.icon = undefined;
     }
     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: 'fc093100e9f721a29aaa84bf74176c451c1edcc5', "aria-label": "a tag", class: "container" }, this.icon && (index.h("ifx-icon", { key: '2ec09bacc6d29d140c6f4d25ad5746831f81519a', icon: this.icon })), index.h("a", { key: 'f411ae8ba59c7197fb0b980cb52767913909146f', href: "javascript:void(null);", class: "label-wrapper" }, index.h("p", { key: '1f52e3aae5deca0445fdfcca82651777cc895dba', class: "label" }, index.h("slot", { key: '810b1c466622acefb56b4a9f4c129414ff71b8c3' })))));
     }
 };
 Tag.style = IfxTagStyle0;

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

@@ -55,9 +55,9 @@ const TextArea = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'fa5c845d5352544c1b4c62a09407aebb95da24d3', class: `wrapper
+        return (index.h(index.Host, { key: 'ec61a94701ba15cea4338a1039c63ebb080a31de', 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: '0ca84ca56869de241eb8993e210feff68d7e5cc4', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), index.h("div", { key: '6b27bb557b12d119425b024f964707d683c154bd', class: 'wrapper__textarea' }, index.h("textarea", { key: 'c3ce055457fddfad964b1c8da4bd574f30e182e2', "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: '5f774605c74e18f14908e181235be8489fdbe401', class: 'wrapper__caption' }, this.caption.trim()))));
     }
     static get formAssociated() { return true; }
 };

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

@@ -157,10 +157,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: 'bef3eea14c8dde6e5320575791fb3af389260697', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, index.h("slot", { key: 'b6a0e680a8a6c2d302930b086c4488bf6f7ac169' }), this.variant.toLowerCase() === 'dismissible' && index.h("div", { key: '67be6e1c5ec6a7f277b441648986d2ec07a6a651', class: tooltipDismissible }, index.h("button", { key: '053fbb51ae10f7ef007da38a5fc2c4df2a2d3846', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, index.h("ifx-icon", { key: '8b78386336b48c89c9ca8afe972c215c2c064903', icon: "cross16" })), index.h("div", { key: '48db9d8098af06bb9e310a4fb23a952442d0ec6f', class: "tooltip-dismissible-content" }, this.header && index.h("div", { key: 'b6687c8155ef62a414090d52478e8da155778358', class: "tooltip-dismissible-header" }, this.header), index.h("div", { key: '6f927579b33f3fd4ce6f5d4e493b9b037ff04678', class: "tooltip-dismissible-body" }, this.text)), index.h("svg", { key: '467f192720b5396add3971ccbee8a1bc5c1cc0e6', 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: '7d62ff6780d4c4daaffdf5dcd53433dc20f1c064', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
+            index.h("div", { key: 'd3f8293e8ed481dc295d0c9f5dc98c218d999e3b', class: tooltipCompact }, this.text, index.h("svg", { key: '6276062b4337289d751911b6a71530e564b99bc0', 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: '8fde6da76e2d4ca34743cb1274b4d7954434fd26', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
+            index.h("div", { key: 'c5318be31b725bb4f5d5bcd35d8503668032dffa', class: tooltipExtended }, index.h("slot", { key: '7f092e8f400880cc2186320a45f4d58d7b7c96a3', 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: '016ca1ce8701db753e8716344ccfb1fed728ed89', class: "tooltip-extended-content" }, this.header && index.h("div", { key: '30f8a71e360924c8c65bc6197397ae05c4b729c2', class: "tooltip-extended-header" }, this.header), index.h("div", { key: '4694d5e98f009c678ca1e1b8df7449af4c59b7bf', class: "tooltip-extended-body" }, this.text)), index.h("svg", { key: 'f82ef84945cd3185d034e58e7e9e88e6e468a02d', 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: 'ef2e943957ab5d5a5a1ed0e5443bb2b82feb0a1b', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {