npm - @infineon/infineon-design-system-stencil - Versions diffs - 32.9.0--canary.1690.0fd1d4f3930adff7951d6ac8fa7cd8a2f129f926.0 → 32.9.0--canary.1690.068dfcbe53f27141aecedef167d7bc4258a4c9cf.0 - Mend

@infineon/infineon-design-system-stencil 32.9.0--canary.1690.0fd1d4f3930adff7951d6ac8fa7cd8a2f129f926.0 → 32.9.0--canary.1690.068dfcbe53f27141aecedef167d7bc4258a4c9cf.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 (309) hide show

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

@@ -148,7 +148,7 @@ export class Pagination {
         this.initPagination(paginationElement);
     }
     render() {
-        return (h("div", { key: 'a693ae5fe2e3ded229062356629f14c76bf5ad51', "aria-label": 'a pagination', "aria-value": this.currentPage, class: "container" }, h("div", { key: '41d1d12a964cce4349f5128625975db66b29ea8a', class: 'items__per-page-wrapper' }, h("div", { key: '6458db661b207bc22229c08ee2aabf8282f34538', class: 'items__per-page-label' }, "Results per Page"), h("div", { key: 'c62a635ec495daa54c4842b916115586d6a173a3', class: 'items__per-page-field' }, h("ifx-select", { key: '7fcfafba3abc954a84dfce2f653700d0e6217aad', value: 'undefined', size: 's', placeholder: 'false', "show-search": 'false', "search-placeholder-value": 'Search...', disabled: false, error: false, "error-message": 'Error', label: '', "placeholder-value": 'Placeholder', options: this.filteredItemsPerPage }))), h("div", { key: 'a96bbfe38514ea1f227228e7f91a4a89afc6d3b4', class: 'items__total-wrapper' }, h("div", { key: '99cd98bda4e1cc7124dd7c4c7bdd7d9179b4d68c', class: 'page__numbers-wrapper' }, h("div", { key: 'b6ef27bd27e2b5f13abb5a82afd30a928a0f5dfa', class: "pagination" }, h("ifx-icon-button", { key: 'a5c009483d5abf059da48dc259c1636699630fa3', variant: 'secondary', class: "prev", color: 'primary', icon: 'arrow-left-24' }), h("ol", { key: 'fc06c289d9c101c65145dd441fde88a8610384e0' }, this.numberOfPages.map((item) => h("li", { class: `${this.internalPage === item ? 'active' : ""}` }, h("a", { href: undefined }, item)))), h("ifx-icon-button", { key: '4e9e6fea55615a305ee040bceb4b4f9f565fa182', class: "next", variant: 'secondary', color: 'primary', icon: 'arrow-right-24' }))))));
+        return (h("div", { key: 'b0c95fd2d1f3eff8c2a02773b7332fa8a0e8df4b', "aria-label": 'a pagination', "aria-value": this.currentPage, class: "container" }, h("div", { key: '5258c41927e8699f3abedd4e4cf127abc9b9d621', class: 'items__per-page-wrapper' }, h("div", { key: 'c1613e4f10bddd59733f92a18b02df25fb2bd41c', class: 'items__per-page-label' }, "Results per Page"), h("div", { key: 'c51981aec1cf851bba48ccac2bfdfc0d6889efdf', class: 'items__per-page-field' }, h("ifx-select", { key: 'df0af4e9e347a3bad00477d187df5dfa2336a3a8', value: 'undefined', size: 's', placeholder: 'false', "show-search": 'false', "search-placeholder-value": 'Search...', disabled: false, error: false, "error-message": 'Error', label: '', "placeholder-value": 'Placeholder', options: this.filteredItemsPerPage }))), h("div", { key: 'ef3a823246abfd7c22f4e3a214c87880491a97ce', class: 'items__total-wrapper' }, h("div", { key: 'd358a8c56ea8a2963b4de1cb0e3424e45bef5486', class: 'page__numbers-wrapper' }, h("div", { key: 'e0fd96bf52b67c9010f567bc11856f57f1fb9128', class: "pagination" }, h("ifx-icon-button", { key: '094f2b269326b82f332375bbf0bf94b25c895051', variant: 'secondary', class: "prev", color: 'primary', icon: 'arrow-left-24' }), h("ol", { key: '1cbe4f1104728aaf5c384d2328db1f2cfc10e6e5' }, this.numberOfPages.map((item) => h("li", { class: `${this.internalPage === item ? 'active' : ""}` }, h("a", { href: undefined }, item)))), h("ifx-icon-button", { key: '8befcf76b3fb5d7c349dbde7f45041b7cf661882', class: "next", variant: 'secondary', color: 'primary', icon: 'arrow-right-24' }))))));
     }
     static get is() { return "ifx-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class ProgressBar {
         this.internalValue = this.value;
     }
     render() {
-        return (h("div", { key: '8d3535bc1f45800a7f0d9f5e04892795eec3f053', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, h("div", { key: '14a297769a60c4babdf5b06cbaf502342c9bd5ba', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && h("span", { key: 'd01ab4245ff33694d4eff377d1a0afbf8f201270', class: "label" }, `${this.internalValue}%`))));
+        return (h("div", { key: 'e1978cda672a5b004cd0520c099041172ec5e819', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, h("div", { key: '2e9094099e63479b88f5b832ec55f5eb51ab0d13', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && h("span", { key: 'd7f1ecd1109f03379ffa36626e27f50f9ef7ca72', class: "label" }, `${this.internalValue}%`))));
     }
     static get is() { return "ifx-progress-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -87,10 +87,10 @@ export class RadioButton {
         }
     }
     render() {
-        return (h("div", { key: '4c152a73e39df9e1959f2de7d957656190d57998', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), class: `radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`, onClick: (e) => this.handleRadioButtonClick(e), tabindex: this.disabled ? -1 : 0 }, h("div", { key: 'd628717348a2161cac332d300fefda47b175a61a', class: `radioButton__wrapper
+        return (h("div", { key: '8b8ef83f01253deda3870317ac1899ea1e6d7bca', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), class: `radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`, onClick: (e) => this.handleRadioButtonClick(e), tabindex: this.disabled ? -1 : 0 }, h("div", { key: '7668fa54b0682d512ef1af676dac8aee5575f8e8', class: `radioButton__wrapper
             ${this.internalChecked ? 'checked' : ''}
             ${this.disabled ? 'disabled' : ''}
-            ${this.error ? 'error' : ''}` }, this.internalChecked && h("div", { key: 'd06ca6ef7b2691c18ce38b796c92279042d5af7e', class: "radioButton__wrapper-mark" })), this.hasSlot && (h("div", { key: '5844bcb34ebc422f88263318ea49d7d1b487e2f4', class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '769bb01509621d92d04af98bc6e87fa078466933' }))), h("input", { key: '998a58eb30451164d4d0c9f0aaf726197331476d', type: "radio", hidden: true, ref: el => this.inputElement = el, name: this.name, value: this.value, checked: this.internalChecked, disabled: this.disabled, onClick: (e) => e.stopPropagation() })));
+            ${this.error ? 'error' : ''}` }, this.internalChecked && h("div", { key: '5bd3bd3000434c1f0811534d0239b4b119e73f34', class: "radioButton__wrapper-mark" })), this.hasSlot && (h("div", { key: 'a4a533b20998726877f131d75f8477e41f7205e1', class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '5e097bb9d5048fd13d1a8a790ec3e0af666a24b4' }))), h("input", { key: '52c6fb892db708d17a460df3c31ea998d2528895', type: "radio", hidden: true, ref: el => this.inputElement = el, name: this.name, value: this.value, checked: this.internalChecked, disabled: this.disabled, onClick: (e) => e.stopPropagation() })));
     }
     static get is() { return "ifx-radio-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,7 +40,7 @@ export class RadioButtonGroup {
         this.hasErrors = Array.from(this.errorStates.values()).some((error) => error);
     }
     render() {
-        return (h("div", { key: '76327c47cec7d7ca3ddfb8cb9b149af974c8523c', class: 'radio-button-group-container' }, this.showGroupLabel ? h("div", { class: 'group-label' }, this.groupLabelText, " *") : '', h("div", { key: 'b2c753a9135eceeafa1426578a215a183c53e677', class: `radio-button-group ${this.alignment} ${this.size}` }, h("slot", { key: '519668684f294a61b1520fa2c471a7be2926b8a7', onSlotchange: this.handleSlotChange })), this.showCaption ? (h("div", { class: `caption ${this.hasErrors ? 'error' : 'default'}` }, this.showCaptionIcon ? h("div", { class: 'caption-icon' }, h("ifx-icon", { icon: "c-info-16" })) : '', h("div", { class: 'caption-text' }, this.captionText))) : ''));
+        return (h("div", { key: '81ad6c9e3c9383011b89b8c5cbc0199a82731ede', class: 'radio-button-group-container' }, this.showGroupLabel ? h("div", { class: 'group-label' }, this.groupLabelText, " *") : '', h("div", { key: '7cff1f5f620a3d8a8b9942fa036e7da781365332', class: `radio-button-group ${this.alignment} ${this.size}` }, h("slot", { key: '379cb323140188aa43ad1677d05e81a6b6335b03', onSlotchange: this.handleSlotChange })), this.showCaption ? (h("div", { class: `caption ${this.hasErrors ? 'error' : 'default'}` }, this.showCaptionIcon ? h("div", { class: 'caption-icon' }, h("ifx-icon", { icon: "c-info-16" })) : '', h("div", { class: 'caption-text' }, this.captionText))) : ''));
     }
     static get is() { return "ifx-radio-button-group"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -46,7 +46,7 @@ export class SearchField {
             this.showDeleteIconInternalState = false;
     }
     render() {
-        return (h("div", { key: '76667787ae70b47b1ee1e663d7b3ee1d0da5bae5', "aria-label": "a search field for user input", "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, h("div", { key: '86edcb50fd282e21a2d38414e86f0723c8c65832', class: this.getWrapperClassNames(), tabindex: 1, onFocus: () => this.focusInput(), onClick: () => this.focusInput() }, h("ifx-icon", { key: '34d5c9432cacb013f02d5afd48c33f9a164cf839', icon: "search-16", class: "search-icon" }), h("input", { key: '27db63492a7760a67a9a9abd50c550cf036b1ad3', ref: (el) => (this.inputElement = el), type: "text", autocomplete: this.autocomplete, onInput: () => this.handleInput(), placeholder: this.placeholder, disabled: this.disabled, maxlength: this.maxlength, value: this.value }), this.showDeleteIcon && this.showDeleteIconInternalState ? (h("ifx-icon", { icon: "cremove16", class: "delete-icon", onClick: this.handleDelete })) : null)));
+        return (h("div", { key: '69bfbbbb91d0d918c9d62f1023babc630325882e', "aria-label": "a search field for user input", "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, h("div", { key: '0bd284139b40d1c6b2288c74fb4f65235e470ab1', class: this.getWrapperClassNames(), tabindex: 1, onFocus: () => this.focusInput(), onClick: () => this.focusInput() }, h("ifx-icon", { key: 'a472e315073ad3d92fd55a5689f84e31bb57271c', icon: "search-16", class: "search-icon" }), h("input", { key: '0e4d8258fe7058ee1ad9b12605ccd7ba14f23ce2', ref: (el) => (this.inputElement = el), type: "text", autocomplete: this.autocomplete, onInput: () => this.handleInput(), placeholder: this.placeholder, disabled: this.disabled, maxlength: this.maxlength, value: this.value }), this.showDeleteIcon && this.showDeleteIconInternalState ? (h("ifx-icon", { icon: "cremove16", class: "delete-icon", onClick: this.handleDelete })) : null)));
     }
     getSizeClass() {
         return `${this.size}` === "s"

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

@@ -18,7 +18,7 @@ export class Segment {
         }
     }
     render() {
-        return (h("div", { key: '3343752455e9a5480ade6343a96eb75d6852a53a', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, h("ifx-icon", { key: '12daacdb2174aaa7957e0f0bc43de3bbe77dc900', icon: this.icon }), " ", h("slot", { key: '0296479be77018a752cf356ce38eb62e8833352f' })));
+        return (h("div", { key: 'a2a4f876b6df7d82483690ab39a8eb2957f86b98', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, h("ifx-icon", { key: 'ebb49e6c61e102ef1b215c7210108af449a4533f', icon: this.icon }), " ", h("slot", { key: 'cbbb7945b5cfe90543b0ed3ddbe64f1799f1483c' })));
     }
     static get is() { return "ifx-segment"; }
     static get encapsulation() { return "shadow"; }

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

@@ -62,8 +62,8 @@ export class SegmentedControl {
         this.setActiveSegment();
     }
     render() {
-        return (h("div", { key: '755be179f21e78e76ab616646f098a0b31aae80c', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, h("div", { key: '6f2e5154574c94e3886dba94c92bc465e58fd562', class: 'group__label' }, this.label.trim()), h("div", { key: 'a5962ae61646f507055d05d711de2d062d4aaf8a', class: 'group__controls' }, h("slot", { key: '47a3a75b79e767e3b50ea57737dd3256476e6643' })), this.caption.trim() &&
-            h("div", { key: '36521f015968413909672bb9e226ad070bb75939', class: 'group__caption' }, h("ifx-icon", { key: '8c0edd064ba87041eef405d9836a0e037679c7da', icon: 'cinfo16' }), " ", this.caption.trim())));
+        return (h("div", { key: '440acc93eac2fe00fb0de05708e74361b47889e3', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, h("div", { key: '0fbbe733af666f4da2684f7146cace877d43be18', class: 'group__label' }, this.label.trim()), h("div", { key: 'f4ddddb0f4870b5de51133e1d4f44b52aac091b6', class: 'group__controls' }, h("slot", { key: 'c89b3beba004ae66725b3fe82c588a9af2c1b645' })), this.caption.trim() &&
+            h("div", { key: '25e23614a9f8c980c7a96a6dff27ca9836b552ab', class: 'group__caption' }, h("ifx-icon", { key: '09766369503ef8aac9ea018b5eb3e547932b6121', icon: 'cinfo16' }), " ", this.caption.trim())));
     }
     componentDidRender() {
         this.setSegmentSize();

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

@@ -218,9 +218,9 @@ export class Choices {
         // destroy choices element to restore previous dom structure
         // so vdom can replace the element correctly
         this.destroy();
-        return (h("div", { key: '2f8cbb584c18bc8411a455dcbcad17e90abc039d', class: `ifx-select-container` }, this.label ? (h("div", { class: "ifx-label-wrapper" }, h("span", null, this.label))) : null, h("div", { key: 'b118cfd8727e9f31c448e315bd2cbc9060d8e922', class: `${choicesWrapperClass}
+        return (h("div", { key: '4c8d53aa45b4271d4605d53fab95930cfa238e41', class: `ifx-select-container` }, this.label ? (h("div", { class: "ifx-label-wrapper" }, h("span", null, this.label))) : null, h("div", { key: 'dd8a78c93962d3a2c23cb9166b1790f1aa52b0d2', class: `${choicesWrapperClass}
             ${this.disabled ? 'disabled' : ''}
-            ${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : (e) => this.handleWrapperClick(e), onKeyDown: event => this.handleKeyDown(event) }, h("select", Object.assign({ key: 'd17ead3657c1c8102ed815ec7c088438bb129a7b', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), h("div", { key: 'f7386bd79aca1092783ec507ff97bdf6a9a6dc14', class: "single__select-icon-container" }, this.optionIsSelected && (h("div", { key: '761106c3b9421ebab9f5a318ff24ee02de740978', class: "ifx-choices__icon-wrapper-delete" }, h("ifx-icon", { key: '04dcf0df1f710038e4bcf1b5fdce309b5f57023d', icon: "cremove16", onClick: () => this.handleDeleteSelection() }))), h("div", { key: 'd7fe4931d129c16f1da73071577bd30328a07156', class: "ifx-choices__icon-wrapper-up" }, h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), h("div", { key: 'b84345005227bac622ee209586669489712fff12', class: "ifx-choices__icon-wrapper-down" }, h("ifx-icon", { key: "icon-down", icon: "chevron-down-16" })))), this.error ? (h("div", { class: "ifx-error-message-wrapper" }, h("span", null, this.errorMessage))) : null));
+            ${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : (e) => this.handleWrapperClick(e), onKeyDown: event => this.handleKeyDown(event) }, h("select", Object.assign({ key: '79659e3d6add1302f4b311f1b911dd8f6a472718', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), h("div", { key: '8ed023feb5d55c75083dc43403c3c3365d58fcd2', class: "single__select-icon-container" }, this.optionIsSelected && (h("div", { key: '40b5fbb5bb07bd23aa49c2f0485855e6f9604cf7', class: "ifx-choices__icon-wrapper-delete" }, h("ifx-icon", { key: '81ecbe40f43c555df8990ce2a393170193e5c6d7', icon: "cremove16", onClick: () => this.handleDeleteSelection() }))), h("div", { key: '2aabe5ee5ecce1ff833e26c62b514f41209cef5b', class: "ifx-choices__icon-wrapper-up" }, h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), h("div", { key: 'b89f70067c4da987d24eb9da9835287e94819d3a', class: "ifx-choices__icon-wrapper-down" }, h("ifx-icon", { key: "icon-down", icon: "chevron-down-16" })))), this.error ? (h("div", { class: "ifx-error-message-wrapper" }, h("span", null, this.errorMessage))) : null));
     }
     toggleDropdown() {
         const div = this.root.querySelector('.ifx-choices__wrapper');

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

@@ -136,10 +136,10 @@ export class IfxSlider {
         this.updateValuePercent();
     }
     render() {
-        return (h("div", { key: '7f428016cf97e39bd465639cf2bd215b3ef39fc0', class: "ifx-slider" }, this.leftText && (h("span", { key: '6d9cd242069548e6024644048e7d7dfdc2cedb41', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: 'e3d64b6a83d398def80dfff34a97176d300e0436', icon: this.leftIcon, class: `left-icon${this.disabled ? ' disabled' : ''}` })), (this.type !== 'double') ?
+        return (h("div", { key: '6d8a7acac67dff6fa16e5857d5d87ac1a230e708', class: "ifx-slider" }, this.leftText && (h("span", { key: '8fa50d852e012089fd2b918b093e87bf3c2f2c3a', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: 'd84ba5ac7f08dd8dddca0c24143ba97bcfda374e', icon: this.leftIcon, class: `left-icon${this.disabled ? ' disabled' : ''}` })), (this.type !== 'double') ?
             h("input", { type: "range", min: this.min, max: this.max, step: this.step, value: this.internalValue, disabled: this.disabled, ref: (el) => (this.inputRef = el), onInput: (event) => this.handleInputChange(event), "aria-label": 'a slider', "aria-value": this.value, "aria-disabled": this.disabled })
             :
-                h("div", { class: 'range-slider__wrapper', "aria-label": 'a range slider', "aria-value": this.value, "aria-disabled": this.disabled }, h("input", { id: 'min-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMinValue, disabled: this.disabled, ref: (el) => (this.minInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) }), h("input", { id: 'max-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMaxValue, disabled: this.disabled, ref: (el) => (this.maxInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) })), this.rightIcon && (h("ifx-icon", { key: '0cd3d8c4563c427410c2443030e0494ec62defd6', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: 'd585e44e91309c47a52fd9f52322b83bb6766e5b', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: '91c4236eff00f2da3fca5cbbe5524faca6f0d6fd', class: `percentage-display${this.disabled ? ' disabled' : ''}` }, this.percentage, "%"))));
+                h("div", { class: 'range-slider__wrapper', "aria-label": 'a range slider', "aria-value": this.value, "aria-disabled": this.disabled }, h("input", { id: 'min-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMinValue, disabled: this.disabled, ref: (el) => (this.minInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) }), h("input", { id: 'max-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMaxValue, disabled: this.disabled, ref: (el) => (this.maxInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) })), this.rightIcon && (h("ifx-icon", { key: '02911017ea076f62e13a55b98e8a723f40c9c75b', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: 'e984e2322ff0fe2f8d2a2404a8e342c393a822e7', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: 'eb473d4ddcf6d10a3e01c474ffc76b916b0163e3', class: `percentage-display${this.disabled ? ' disabled' : ''}` }, this.percentage, "%"))));
     }
     static get is() { return "ifx-slider"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -8,7 +8,7 @@ export class Status {
         var _a;
         const effectiveColor = ((_a = this.color) === null || _a === void 0 ? void 0 : _a.trim()) ? this.color : 'orange-500';
         const containerClass = this.border ? `container border-${effectiveColor}` : 'container no-border';
-        return (h("div", { key: '6bd9b1952c570662b77684ad91e8dd8cf7bcf192', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: 'e9676b5cee576c465b513825cc61c8086caf4124', class: `dot ${effectiveColor}` }), h("p", { key: '8a763bc013fe3af2c21af32e426616aafe6e8b9d', class: "text" }, this.label)));
+        return (h("div", { key: 'f613dcda2a1cdf86cb9169937a3674b1f8d985f7', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: '17792fd234e467d0396d00f6e244a5842d08e1ce', class: `dot ${effectiveColor}` }), h("p", { key: '51261dabeec924c46a9a710c74de9bb7140bf927', class: "text" }, this.label)));
     }
     static get is() { return "ifx-status"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,7 +42,7 @@ export class Step {
         }
     }
     render() {
-        return (h("div", { key: '364a032e686431e9133a02a19e52862acc9b23b1', "aria-current": this.active ? 'step' : false, "aria-disabled": this.active || this.complete ? false : true, onClick: (e) => this.stopOnClickPropogation(e), class: `step-wrapper ${this.stepId === 1 ? 'first-step' : ''}
+        return (h("div", { key: '9914ec28d308a59dae9f0f6117b2aece72ac6438', "aria-current": this.active ? 'step' : false, "aria-disabled": this.active || this.complete ? false : true, onClick: (e) => this.stopOnClickPropogation(e), class: `step-wrapper ${this.stepId === 1 ? 'first-step' : ''}
                         ${this.error ? 'error' : ''}
                         ${this.stepperState.variant}
                         ${this.complete ? 'complete' : ''}
@@ -50,11 +50,11 @@ export class Step {
                         indicator-${this.stepperState.indicatorPosition}
                         ${this.active ? 'active' : ''}
                         ${this.clickable ? 'clickable' : ''}
-                        ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '518a0ac21fe3528bdee9fafe1f467489bdaf5aed', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: 'b0552bdebbdfecc2b6d3f0151619af9260d77b80', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
-            h("div", { key: '8d30112a289f31a2170db9c07f0395f59a1b0148', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: '044f676e8df2d0fcc1f3b78afdbc6794d0c45e5b', icon: 'check16' }), this.active && h("span", { key: '5c53fc0e1b0f60c89897823cae0b1d78ee849060', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: 'd23979508dd93d22f3fb3d233382a2d12a8dae4e', icon: 'warningf24' }), this.stepperState.variant !== 'compact' && h("span", { key: '6f526e33d4267627df881b5f7db3f13b4fb3b8f3', class: `step-connector-r ${this.active ? 'active' : ''}` })),
+                        ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '6017ac474bcbc1afa7ed1ec416bf0302fdbd5cdd', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: '0a90ed22e8b55a0a20d463347edd656ece131992', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
+            h("div", { key: 'c21888305852d7434847c329a7f7569ff2ac3b7d', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: '1a97cd47db4fe64eda55a1418511bb1e78bc1332', icon: 'check16' }), this.active && h("span", { key: '2b918fa4f3052c7e6c5597f175956802ec2f34bb', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: 'b515f8cab0008f14c9e1ba9a5f085792a440a2cc', icon: 'warningf24' }), this.stepperState.variant !== 'compact' && h("span", { key: '772ef8271ffb3398a7bcfedb732a12e43250ae98', class: `step-connector-r ${this.active ? 'active' : ''}` })),
         /* Step labels */
         (this.stepperState.variant !== 'compact' || (this.stepperState.variant === 'compact' && (this.active || this.stepId === this.stepperState.activeStep + 1))) &&
-            h("div", { key: '09e2b7c9a12e067578b8f21a4f0776ea6cef21be', tabIndex: !this.disabled && this.complete && !this.active ? 0 : -1, class: `step-label ${this.stepperState.variant === 'compact' ? (this.active ? 'curr-label' : 'next-label') : ''}`, onClick: () => { this.handleStepClick(); }, onKeyDown: (e) => { this.handleStepKeyDown(e); } }, (this.stepperState.variant !== 'compact') && h("slot", { key: 'de42efe1e5494ae851c8166f10b13b139668a497' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: '57f8bf9ce42bea19041696d594dd5407cc1b4ed9' }))));
+            h("div", { key: 'b16463d3fb54cafc520cb7799f647884f28989f0', tabIndex: !this.disabled && this.complete && !this.active ? 0 : -1, class: `step-label ${this.stepperState.variant === 'compact' ? (this.active ? 'curr-label' : 'next-label') : ''}`, onClick: () => { this.handleStepClick(); }, onKeyDown: (e) => { this.handleStepKeyDown(e); } }, (this.stepperState.variant !== 'compact') && h("slot", { key: '81c8b0a1310dcb02c0c668c2ac7ed84902e31a8f' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: 'c20034f2bee0fea186754be2480b75552f4ea9e9' }))));
     }
     ;
     static get is() { return "ifx-step"; }

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

@@ -118,10 +118,10 @@ export class Stepper {
         this.syncIfxSteps();
     }
     render() {
-        return (h("div", { key: '71a0d50a0cf04915e3b0ef54bfcc2546a841e600', "aria-label": 'a stepper', role: 'navigation', class: `stepper ${(this.variant !== 'compact' && this.variant !== 'vertical') ? 'default' : this.variant} ${this.variant === 'compact' ? 'compact-' + this.indicatorPosition : ''}` },
+        return (h("div", { key: '797f8d8dcc699cfedf33c1a03d73d92fa452789e', "aria-label": 'a stepper', role: 'navigation', class: `stepper ${(this.variant !== 'compact' && this.variant !== 'vertical') ? 'default' : this.variant} ${this.variant === 'compact' ? 'compact-' + this.indicatorPosition : ''}` },
         /* Progress bar for compact variant. */
         (this.variant === 'compact') &&
-            h("div", { key: '0d675bfccb228822a670b832474d0cbb46c09183', class: 'stepper-progress' }, h("div", { key: '5cf7e987d01cdd741a5b1d054fc8eadbbbe3f305', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: 'b544a4820f1740eb69528592f200dd4560d55f74', class: `stepper-wrapper` }, h("slot", { key: '76340c5965ba9976a988084dc6fe180652b4a99d' }))));
+            h("div", { key: '809a1220c3920494be1e8ad0894d2e4eaf586823', class: 'stepper-progress' }, h("div", { key: 'ca02c1f0c34d24363f030b828d6d9807140687fe', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: 'dbed479b177e2535fcdf3ef7f5b1be04b6839074', class: `stepper-wrapper` }, h("slot", { key: 'ad74e85e68cb12d1737066d07274e00b04db7077' }))));
     }
     ;
     componentDidRender() {

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

@@ -63,7 +63,7 @@ export class Switch {
         this.internals.setFormValue(null);
     }
     render() {
-        return (h("div", { key: '02580d4c85bc6d8ce6243d4a624f6b3442fe1ce9', class: "container", role: "switch", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-label": this.name, onClick: () => this.toggleSwitch(), onKeyDown: (event) => this.handleKeyDown(event) }, h("div", { key: '9e40e3c9bcdf10812707b9b6b408be17cfafa8f2', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: 'f93ea50658129ef4087ca2cb9027934c58d3bf41', class: "switch__checkbox-wrapper" }, h("input", { key: 'af18293fc192cc220751aea38b198ba787748f4d', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: '8b7e185c4ec9cf6076f32c9798e66b455d8e43aa', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: 'cdbe16a344ab0b26669b57bd3c42299659ce1307', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: '4d93875cea6a644180edf8b7b85bbe19058a6580', htmlFor: "switch" }, h("slot", { key: 'd6c7af73190a093a989ad4c998dbbe2dd580f533', onSlotchange: () => this.toggleLabelGap() })))));
+        return (h("div", { key: '00275ee24707ebf446476430fa4af6939bd017bf', class: "container", role: "switch", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-label": this.name, onClick: () => this.toggleSwitch(), onKeyDown: (event) => this.handleKeyDown(event) }, h("div", { key: 'e15a531e43b1ccac07b4d8df4c91b44377c09ed4', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: 'bbbed47db3b07d7977b4ad29c08ba9d2b0bbce0a', class: "switch__checkbox-wrapper" }, h("input", { key: 'fd06dd4ccf3b45dc64d6d976ed2fb60dcf9134d4', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: 'd3dc979f46b1f46cbbc3fa6df7d0b84852dddde7', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: 'f3e47e690f6d87515f248fae689379b81fd6ff8a', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: '4fef1d74b28e8b556f5364b6558047d1cf37eda1', htmlFor: "switch" }, h("slot", { key: 'acd83b37e36d11a0a2b7fd3a40bf1f0c584be42e', onSlotchange: () => this.toggleLabelGap() })))));
     }
     static get is() { return "ifx-switch"; }
     static get encapsulation() { return "shadow"; }

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

@@ -88,7 +88,7 @@ export class FilterBar {
         // Calculate slotsToShow safely
         const slotsToShow = Math.min(safeVisibleSlots, actualNumberOfComponents, Number.MAX_SAFE_INTEGER);
         const slots = Array.from({ length: slotsToShow }, (_, i) => (h("div", { class: "filter-slot-wrapper" }, h("slot", { name: `filter-component-${i + 1}` }))));
-        return (h(Host, { key: 'b229339c4a69f89412ab76c74d6d6e7841d23638' }, h("div", { key: '9dd16a7b0d0aad56a1153034691cfbd0cf5b351b', class: "search-container" }, h("slot", { key: 'e0f5f4984744bbed88448c019dcfb6d3df5f3829', name: "filter-search" }), " "), h("div", { key: 'e2a4089f0d2b039f56f8d903505fad17cc1d24e6', class: "components-container" }, slots.length > 0 ? slots : h("slot", { name: "filter-component" }), this.showMoreFiltersButton && !this.showAllFilters && (h("div", { key: '886b702ec95387d15b9c55f6b8ee874a2dfc5968', class: "more-filters-wrapper", onClick: this.handleMoreFiltersClick }, h("ifx-button", { key: 'bfabd7b2af1e34d8ec60b0826a4d30af3c0b8d26', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false" }, h("ifx-icon", { key: '1a57564f2e2799f4d2b9df4fafb1fb1373e163e2', icon: "filter-16" }), "More filters"))))));
+        return (h(Host, { key: '3918b1d231610b4f950c76a2ed07d925d7ba29e3' }, h("div", { key: 'd72e6b4183d5f89b28f837ffb7996a63d33f5c4f', class: "search-container" }, h("slot", { key: 'e01e5096996fe278288ca45a4556df6f887e95b2', name: "filter-search" }), " "), h("div", { key: 'd98c1aabedb706e1cd87329e1b5f223395692e01', class: "components-container" }, slots.length > 0 ? slots : h("slot", { name: "filter-component" }), this.showMoreFiltersButton && !this.showAllFilters && (h("div", { key: '655e3d96f5265ad5c2f412c27b715a083456e8b6', class: "more-filters-wrapper", onClick: this.handleMoreFiltersClick }, h("ifx-button", { key: '47dabee1d37f6c673b2d62de1547eaba96262e8a', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false" }, h("ifx-icon", { key: 'de59be45b90578acde9c141129f4579562e348cf', icon: "filter-16" }), "More filters"))))));
     }
     static get is() { return "ifx-filter-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,8 +31,8 @@ export class FilterAccordion {
         this.el.removeEventListener('ifxListUpdate', this.handleCheckedChange);
     }
     render() {
-        return (h("div", { key: 'cb145b6670a80170141ed679bf35967a076e9f36', class: `accordion ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '8f0ffba46008dff714481e373c57f3d5420a9f91', class: `header ${this.expanded ? 'expanded' : ''}`, onClick: this.toggleAccordion }, h("div", { key: 'b1e21649d51e942a01faa99e244ea8a3aff70067', class: `text-and-icon ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '776586b04064a1a30dc7f2eaa6ee3e71c679a6f7', class: "text" }, h("span", { key: 'e7df1011d2b51f9e7c90b6acafdd9e8c0fdb6612' }, this.filterGroupName), h("ifx-number-indicator", { key: '8d67c24dbee2258bdad84e5273a8791269d4a4d6' }, this.count)), h("ifx-icon", { key: '6790c5defc2f0f0ff391a8bea0fe035dcd017ffe', class: this.expanded ? '' : 'hidden', icon: "minus-16", onClick: this.toggleAccordion }), h("ifx-icon", { key: '05d384131f5ba652a82c7210156a3d8b54cd0b35', class: this.expanded ? 'hidden' : '', icon: "plus-16", onClick: this.toggleAccordion }))), this.expanded &&
-            h("div", { key: '91ea5b277b3d514ea3a25b5b7cee8e6336802f60', class: "filter-accordion-container" }, h("slot", { key: 'd44e95c756e1cc37b28f8b3c4ed3811e327ee2d1', name: "list" }))));
+        return (h("div", { key: '04f5bf30e72842f9933b4e996d0f1f8fd05a7e20', class: `accordion ${this.expanded ? 'expanded' : ''}` }, h("div", { key: 'db74e70636d12b7eda258cd51b970efabca762b1', class: `header ${this.expanded ? 'expanded' : ''}`, onClick: this.toggleAccordion }, h("div", { key: '275bb4906b9bf54d3f7a3d92127c2b5f5929f66f', class: `text-and-icon ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '196c8da9491b30ee1b9340f2d608dcc0fbc77e8d', class: "text" }, h("span", { key: 'ca7a0e16bdec5ad7c7712eacc663e93016745274' }, this.filterGroupName), h("ifx-number-indicator", { key: 'ded7fee1ddad870fd8ab71c552443b10c64fe16b' }, this.count)), h("ifx-icon", { key: 'bf3c7d0609df661cf80d2a54d6541f00ad12e4fe', class: this.expanded ? '' : 'hidden', icon: "minus-16", onClick: this.toggleAccordion }), h("ifx-icon", { key: 'e51d932d03376e78da2a7c7023b7a730c485735e', class: this.expanded ? 'hidden' : '', icon: "plus-16", onClick: this.toggleAccordion }))), this.expanded &&
+            h("div", { key: '9f918e904eac2a581a2964c151a968745ac947f3', class: "filter-accordion-container" }, h("slot", { key: 'dd76a13a2b0eacbdf472d80418b3c003c9a4fac5', name: "list" }))));
     }
     static get is() { return "ifx-filter-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,7 +23,7 @@ export class FilterSearch {
         this.ifxFilterSearchChange.emit({ filterName: this.filterName, filterValue: this.filterValue, filterKey: this.filterKey }); // Emitting filterKey along with other properties
     }
     render() {
-        return (h("div", { key: 'afe820415b91e594797fe29d0e63c17872a721c0', class: `${this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'}` }, h("div", { key: '80aa48ee8d8f5a7907fb117ff6859f2c7010523f', class: "filter-name" }, this.filterName), h("ifx-search-field", { key: '157685c4bbb4f285529615df802bbc93e44952da', placeholder: this.placeholder, "show-delete-icon": this.showDeleteIcon, disabled: this.disabled, value: this.filterValue })));
+        return (h("div", { key: '53a34910aec55e31b40d2d2868481fea46dec401', class: `${this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'}` }, h("div", { key: 'eb4451b33cf8815237b0543d22f0cabcc2129070', class: "filter-name" }, this.filterName), h("ifx-search-field", { key: '6240cf45bc67f23d9899ee67914974104801f632', placeholder: this.placeholder, "show-delete-icon": this.showDeleteIcon, disabled: this.disabled, value: this.filterValue })));
     }
     static get is() { return "ifx-filter-search"; }
     static get encapsulation() { return "shadow"; }

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

@@ -119,7 +119,7 @@ export class IfxFilterTypeGroup {
         window.removeEventListener('ifxResetFiltersEvent', this.handleResetEvent);
     }
     render() {
-        return (h(Host, { key: '4f530d59ead6338b06e1f913cd7124225c47123d' }, h("div", { key: '6a3a1fb38642e4130ea57d39a70b90154d22d23a', class: "filter-type-group" }, h("slot", { key: '0f8da1bbdf3daa62ea04cdb4643146d26552686e', name: "filter-search" }), h("slot", { key: '8f16788df7c99451d0db594342a2d8842fb0a309', name: "filter-accordion" }))));
+        return (h(Host, { key: 'b3c13d48da96a74d05ba0af9f592fc4f4bf688fc' }, h("div", { key: 'd0bea155f2d083279710607bde2957fa7f2bdd41', class: "filter-type-group" }, h("slot", { key: '71c60c9cdc705fb1d845b93d9871f3257090b88f', name: "filter-search" }), h("slot", { key: 'd3ecbbd9e98a227cd2d6902e28ce13c1511bd451', name: "filter-accordion" }))));
     }
     static get is() { return "ifx-filter-type-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class ListEntry {
         this.ifxListEntryChange.emit({ label: this.label, value: this.value, type: this.type });
     }
     render() {
-        return (h("div", { key: 'd604b43664dbfc8b5ca08f09ae282300054a8fdd', class: "wrapper" }, this.type === 'checkbox' ? (h("div", { class: "list-entry" }, h("ifx-checkbox", { size: "s", checked: this.value }, this.label))) : (h("div", { class: "list-entry" }, h("ifx-radio-button", { size: "s", checked: this.value }, this.label)))));
+        return (h("div", { key: 'e7beb5ddc5e3493eac6f47d2eaf066a6f8a09add', class: "wrapper" }, this.type === 'checkbox' ? (h("div", { class: "list-entry" }, h("ifx-checkbox", { size: "s", checked: this.value }, this.label))) : (h("div", { class: "list-entry" }, h("ifx-radio-button", { size: "s", checked: this.value }, this.label)))));
     }
     static get is() { return "ifx-list-entry"; }
     static get encapsulation() { return "shadow"; }

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

@@ -354,12 +354,12 @@ export class Table {
             };
         }
         const filterClass = this.filterOrientation === 'topbar' ? 'topbar-layout' : 'sidebar-layout';
-        return (h(Host, { key: '496a97461410144a37db0d918be78073d2a4d190' }, h("div", { key: '251e6ae2fba3cd3f9412e0768aac0c7a61ea4b48', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: 'a7a3e5a218336fa3e27aa664e990f67899ba65c9', class: "sidebar-btn" }, h("ifx-button", { key: 'f110212cbfdc9ef5b55dc6078a48cfdd279e28c5', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: 'b0235071318ab3499870cab78e1b76195e6ed4fd', icon: "cross-12" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: '94f21d2b02b4371f8a8d08714b503ccd71f45e5f', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: '75c1863a05ea9a0730ca3fbec1dbc507cba9fe53', class: "sidebar-container" }, h("div", { key: 'fe9c0717d8903c80b995a2a6a31bbe74c720741d', class: "filters-title-container" }, h("span", { key: 'ff8e06afa3da78d397c3ffa97ebaf6ad8d7930a3', class: "filters-title" }, "Filters")), h("div", { key: 'ded18567707556a15520239609838452b53b5652', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '61eddc94ba4b34fc4f049037c877e03d2fdd1667', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '59cbffbe6de7c388156eb0e22298e591b2c2e9a2', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '64eca3ad6f00d81f7677df2a37104035804d17fd', name: "topbar-filter" })))), h("div", { key: '1b2f390f658a097f3afc6d458b820641cfd7de7c', class: "table-pagination-wrapper" }, h("div", { key: '97b37250cd0b7d1e8732570fe248ea4d79c1a4cf', class: "filter-chips" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (Object.keys(this.currentFilters).map(name => {
+        return (h(Host, { key: '2ee3c03bd8c62ee4b12d6d5bd37f072321bb6fd3' }, h("div", { key: '47392ba547ca6be94aa5580ed7321468bfbab8e5', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: '855cc68ea75f80d10639f8cf14711dcc863dd65b', class: "sidebar-btn" }, h("ifx-button", { key: '3b9b5a68da7dbb24da61da6ad12cf6e783d1cd03', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '9218c5a939cb15be75e227795e1cee82609719f2', icon: "cross-12" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: '55f726cbb2b15f5f7448e1f3825fa47b2ef7cc19', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: 'd4f76aaed100c0c70c37eb20de31e4e2c290b492', class: "sidebar-container" }, h("div", { key: '0c75ba6a8ae08a2b8f8a8725ab192edd64e744ab', class: "filters-title-container" }, h("span", { key: '081ac7ba4efc433fe16f580f045d1aaea12b177c', class: "filters-title" }, "Filters")), h("div", { key: '4dd7c3d530d117888a161765f1d229e8c4f4a174', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '6c2bed629abd9b62dbb5787238879d1d581c2bed', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '60a9e8b490c6a86cb893252cac048d707ab42e89', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '1a17cd68a6b9c71fca6ce14a5c9cd8100aba87de', name: "topbar-filter" })))), h("div", { key: '790e93092fba4302659a41e438a00cae685d4367', class: "table-pagination-wrapper" }, h("div", { key: '7c08b8bbf4cf677f2c5b53e3ecb1c8ca020f2b62', class: "filter-chips" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (Object.keys(this.currentFilters).map(name => {
             const filter = this.currentFilters[name];
             const filterValues = filter.filterValues;
             const isMultiSelect = filter.type !== 'text';
             return filterValues.length > 0 ? (h("ifx-chip", { placeholder: name, size: "large", variant: isMultiSelect ? "multi" : "single", readOnly: true, value: filterValues, key: name }, filterValues.map(filterValue => (h("ifx-chip-item", { value: filterValue, selected: true, key: filterValue }, filterValue))))) : null;
-        })), this.filterOrientation !== 'none' && this.filterOrientation === 'sidebar' && this.showSidebarFilters && Object.keys(this.currentFilters).length > 0 && (h("ifx-button", { key: '38dba1b6fa261edde461b381622f2637f3294ab5', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: '4dc43a15cda8b061a78d79b7074d74c4d529e39c', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: 'b6e6fe45ab245f696bb3f0015410efe7014e8c66', class: "matching-results-container" }, h("span", { key: 'afde6ce2e20fd4decfbf3b7cae0c919e8470f61e', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: 'd1cf82cab4039318bd7a38af660448ba2f69b7f5', class: "matching-results-text" }, "matching results"))), h("div", { key: '288a09aab7876db7e278e039c6119dd554732dc8', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '216cc69176c3d76f61db68f6ecc892efb230d97c', id: `ifxTable-${this.uniqueKey}`, class: 'ifx-ag-grid', style: style, ref: (el) => this.container = el })), this.pagination ? h("ifx-pagination", { total: this.allRowData.length, "current-page": this.currentPage, "items-per-page": '[{"value":"ten","label":"10","selected":true}, {"value":"Twenty","label":"20","selected":false}, {"value":"Thirty","label":"30","selected":false}]' }) : null)))));
+        })), this.filterOrientation !== 'none' && this.filterOrientation === 'sidebar' && this.showSidebarFilters && Object.keys(this.currentFilters).length > 0 && (h("ifx-button", { key: '46d8fd4618d274dff6a37223d2731eb88c106bbb', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: 'c3b4fae732927d619f002e4a1e1ad90ee96eac5b', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: '8175ea0ccb78a1d9b1596ea0572013e91fa932da', class: "matching-results-container" }, h("span", { key: '73af3ee2aa9f56233a31fb139186388d1635ba00', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: 'dea17112552d90f53959668168a26bf095684097', class: "matching-results-text" }, "matching results"))), h("div", { key: 'eb8dfef68947a14b9ad9e973630c9f20adb2fb43', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '21a7b786fee18bfcec4cae3eb5c4490e65474b3b', id: `ifxTable-${this.uniqueKey}`, class: 'ifx-ag-grid', style: style, ref: (el) => this.container = el })), this.pagination ? h("ifx-pagination", { total: this.allRowData.length, "current-page": this.currentPage, "items-per-page": '[{"value":"ten","label":"10","selected":true}, {"value":"Twenty","label":"20","selected":false}, {"value":"Thirty","label":"30","selected":false}]' }) : null)))));
     }
     hasButtonCol() {
         return this.getColData().some(column => column.field === 'button');

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

@@ -143,7 +143,7 @@ export class Table {
         return {};
     }
     render() {
-        return (h(Host, { key: 'b8a64dc733f199d3cd39cfa845f9038fd19591c2' }, h("div", { key: '106e6ef4925dd559544abf7c32031164ef4a3aca', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: 'f3d0785c0ce382028b6d197b2d8463b16039c15b', id: `ifxTable-${this.uniqueKey}`, class: "ifx-ag-grid", style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
+        return (h(Host, { key: 'ad2d7535d94aba7f303088599101f365f077f65e' }, h("div", { key: 'ab6135affa957b20efc6fcd96be4e5308e767659', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: '2aac286f7422d5c0106c1a13beab760abb3e03fe', id: `ifxTable-${this.uniqueKey}`, class: "ifx-ag-grid", style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
     }
     static get is() { return "ifx-basic-table"; }
     static get originalStyleUrls() {

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

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

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

@@ -198,9 +198,9 @@ export class IfxTabs {
     }
     render() {
         var _a;
-        return (h("div", { key: 'd87695de7d5edb1f29847255b2c75749e870183e', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, h("ul", { key: '4d40856f15705400bacec7f6bf1ec3b1c03d34d9', role: "tablist", class: "tabs-list" }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
+        return (h("div", { key: '5611a3f319b0d8bd8eb135c5583e51a7ebbbdf14', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, h("ul", { key: 'e72b1eca9d9a9a1d74aea100b5400d8db7e0bc8d', role: "tablist", class: "tabs-list" }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
             _a.map((tab, index) => (h("li", { class: this.getTabItemClass(index), ref: (el) => (this.tabHeaderRefs[index] = el), onMouseDown: (event) => event.preventDefault(), onClick: () => this.handleClick(tab, index), "aria-selected": index === this.internalActiveTabIndex ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', role: "tab" }, (tab === null || tab === void 0 ? void 0 : tab.icon) ? h("ifx-icon", { icon: tab.icon }) : '', tab === null || tab === void 0 ? void 0 :
-                tab.header))), h("div", { key: 'f4a3a12e91e2837985521befbe3a5bc4b68327e9', class: "active-border" })), h("div", { key: '323e5aab8529415c7cb6b41842b90e7879eaf2f7', class: "tab-content" }, Array.from(this.tabObjects).map((_, index) => (h("div", { style: { display: index === this.internalActiveTabIndex ? 'block' : 'none' } }, h("slot", { name: `tab-${index}` })))))));
+                tab.header))), h("div", { key: '2fcbbe0dbfd84095cc2050e96f71b97bfd2d3571', class: "active-border" })), h("div", { key: 'c788afab32a3b14eb58d4c195bbca3c83ef5fe4d', class: "tab-content" }, Array.from(this.tabObjects).map((_, index) => (h("div", { style: { display: index === this.internalActiveTabIndex ? 'block' : 'none' } }, h("slot", { name: `tab-${index}` })))))));
     }
     static get is() { return "ifx-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class Tag {
     render() {
-        return (h("div", { key: '5e3497d8a7b64a17874718c43c80d32ac9610585', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: 'a5d6a3e5d9ef559a17efb9ec2eeb4164e08ff056', icon: this.icon })), h("a", { key: '7f4c777af080d94e107794b173f91c1111ec93a8', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: '67d54cc6042a722d8f13f7d0cca655b8ce9aa8e6', class: "label" }, h("slot", { key: '8d05c17f82f904963f95904cba635daf429cff58' })))));
+        return (h("div", { key: '226762652cca543b0a1d18e5369522b4e3f8e439', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: 'fdbc2d0f9db2230d6a5dfa0c8bce6168c84be5ed', icon: this.icon })), h("a", { key: '4b0b1c215663bb98233e9f4a1839c039d5a62677', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: '886e29da34a796cd03db982a9a189512c4a0a953', class: "label" }, h("slot", { key: 'e202efd131d0acb79b9d47a4dfaa8ba865598377' })))));
     }
     static get is() { return "ifx-tag"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -40,7 +40,7 @@ export class TemplatesUI {
         alertWrapper.classList.remove('show');
     }
     render() {
-        return (h("div", { key: 'd18326aa0e09452fa1eedf14ebe3ee44bff8535f', class: 'templates__container' }, h("div", { key: '034af57861550e164ad4ecef27e329b9b4201b79', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: 'c63d9e0b64ecc94d7486a94ace36cd477964bfea', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: '5a1b1727a1afe528595a78f0d30fbe370bee0cb9', class: "alert__wrapper" }, h("ifx-alert", { key: '7c1ea907c437f5fce9a6168623fd7ddd80e64df1', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-24" }, "All fields are mandatory"))), h("h2", { key: '4c8049bf0efa2fbfc3df6c9a35fc70d8b2b3d4cb', class: "templates__title" }, "Choose your template"), h("div", { key: 'd78689d94c62c5202243c62f04ad4b0d751eb5e4', class: "templates__wrapper" }, h("ifx-template", { key: '3b2775d6f1388ab7ae776d0f4406529dabea1959', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: 'bdd7ec380d2b2741132a9b63318bee9593d9999d', name: 'template-02', thumbnail: this.wizardTemplate }))));
+        return (h("div", { key: '2839932de12b3ac02cf1bb01c535b544c79ffaba', class: 'templates__container' }, h("div", { key: 'e69da2fb658fa6d1026908bc183be10fb9ab3e06', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: '26b0ee7071c26f39b7567839249e88ed2a78d78b', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: 'b91f587d291208f5f67a2fc5ea19c9253e393860', class: "alert__wrapper" }, h("ifx-alert", { key: 'd0ee2491c8e52d39b05bd4ce5b9a21ba3300f5c2', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-24" }, "All fields are mandatory"))), h("h2", { key: 'aaf1a750b6277f6644d05a9aefa27c3c36f7cf88', class: "templates__title" }, "Choose your template"), h("div", { key: 'f484bc4ba4f2f91ede04eb39f422b0a971b71113', class: "templates__wrapper" }, h("ifx-template", { key: '056c35bdd617a568c2dc012cb88762be7c8455c9', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: 'd65ec2d5fe3f12e7a718d493abd3dbf5e22de531', name: 'template-02', thumbnail: this.wizardTemplate }))));
     }
     static get is() { return "ifx-templates-ui"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,12 +46,12 @@ export class TextField {
         this.handleTypeProp();
     }
     render() {
-        return (h("div", { key: '303c6c1b93aac47f53aba82a8ef06c753dea7979', "aria-label": "a text field for user input", "aria-value": this.value, "aria-disabled": this.disabled, class: `textInput__container ${this.disabled ? 'disabled' : ""}` }, h("div", { key: '881ecc1c43b43ec7dac21e4ccf49527f9cff9b68', class: "textInput__top-wrapper" }, h("label", { key: 'f1f04bcfd47fd9c6ec0dd068eb84d5048f33a9a6', htmlFor: "text-field" }, h("slot", { key: '672c2f3c2fdd4784ee303dbef11ab1d9dbf23b43' }), this.optional && this.required ? (h("span", { class: "optional-required" }, "(optional) *")) : this.optional ? (h("span", { class: "optional" }, "(optional)")) : this.required ? (h("span", { class: `required ${this.error ? 'error' : ""}` }, "*")) : null)), h("div", { key: '2f0bb16916c327cec0e2de3576a796e6106ef67b', class: "textInput__bottom-wrapper" }, h("div", { key: 'e30b6baacdea0c54ded51d1873a330efc08ec5c9', class: "input-container" }, this.icon && (h("ifx-icon", { key: 'f2efb6d118c1d3d0b6c0f6dc729d795cd735e836', class: 'input-icon', icon: this.icon })), h("input", { key: '7d011516706029ec86741b23b7e633750c2ee4d7', ref: (el) => (this.inputElement = el), disabled: this.disabled, autocomplete: this.autocomplete, type: this.internalType, id: 'text-field', value: this.value, onInput: () => this.handleInput(), placeholder: this.placeholder, maxlength: this.maxlength, class: `${this.icon ? 'icon' : ""}
+        return (h("div", { key: '86712b12b55ed4e472bb349e23c599a47a549c5c', "aria-label": "a text field for user input", "aria-value": this.value, "aria-disabled": this.disabled, class: `textInput__container ${this.disabled ? 'disabled' : ""}` }, h("div", { key: 'e4214d0b8ae5c903cf479f0efd7154267d7bdd80', class: "textInput__top-wrapper" }, h("label", { key: 'd385b297f339f3127d2aff8232fee554509e9243', htmlFor: "text-field" }, h("slot", { key: 'ba5bbc0cc791d34f94c40d5b258d0f1af42f9bf1' }), this.optional && this.required ? (h("span", { class: "optional-required" }, "(optional) *")) : this.optional ? (h("span", { class: "optional" }, "(optional)")) : this.required ? (h("span", { class: `required ${this.error ? 'error' : ""}` }, "*")) : null)), h("div", { key: '3b5bff7346734dfe80514d15f62017faa0e1b32a', class: "textInput__bottom-wrapper" }, h("div", { key: 'be2db37e7776bc58eaa235e6f0fc5b882f444ab5', class: "input-container" }, this.icon && (h("ifx-icon", { key: '8dbe69bef7a98abbfeee4cafe8dc3ece39824df8', class: 'input-icon', icon: this.icon })), h("input", { key: '8dbbaf7ad797df70a781311fcdb949059cdea4ed', ref: (el) => (this.inputElement = el), disabled: this.disabled, autocomplete: this.autocomplete, type: this.internalType, id: 'text-field', value: this.value, onInput: () => this.handleInput(), placeholder: this.placeholder, maxlength: this.maxlength, class: `${this.icon ? 'icon' : ""}
                 ${this.error ? 'error' : ""}
               ${this.size === "s" ? "input-s" : ""}
-              ${this.success ? "success" : ""}` }), (this.showDeleteIcon && this.value) && (h("ifx-icon", { key: 'a87b386e2ba0b18c9bc6288b1b4c7e7222fd8e03', class: "delete-icon", icon: "cremove16", onClick: () => this.handleDeleteContent() }))), this.caption && !this.error &&
-            h("div", { key: '03615f02c68fdb29147efc6d1943087f5a651497', class: `textInput__bottom-wrapper-caption ${this.disabled} ? disabled : ""` }, this.caption), this.error &&
-            h("div", { key: 'ed879fff52178f54ecd7abd0f9d0b3a5017aae95', class: "textInput__bottom-wrapper-caption error" }, this.caption))));
+              ${this.success ? "success" : ""}` }), (this.showDeleteIcon && this.value) && (h("ifx-icon", { key: 'da84395b471e3b15724058b814bacd5d8b4cdd16', class: "delete-icon", icon: "cremove16", onClick: () => this.handleDeleteContent() }))), this.caption && !this.error &&
+            h("div", { key: 'fc069368b47910abcfcfd969582041f0e36bd6fc', class: `textInput__bottom-wrapper-caption ${this.disabled} ? disabled : ""` }, this.caption), this.error &&
+            h("div", { key: '5030a2e7c08001b8a8a1a82a67d812d76153d470', class: "textInput__bottom-wrapper-caption error" }, this.caption))));
     }
     static get is() { return "ifx-text-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -44,7 +44,7 @@ export class TextArea {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '4321ccc70535544f5b5422cc0a432276d22fa804', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '5f06e6b9e7ae63fc2c8fbade4d7d8f8501e99b6d', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: '95d1164b7aa3f6e32ddc0629b6347368d034d5cc', class: 'wrapper__textarea' }, h("textarea", { key: 'f57ec70aeb8b41dba2ac0e6d6f05517d8c473450', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled, id: this.inputId, style: { resize: this.resize }, name: this.name ? this.name : this.inputId, cols: this.cols, rows: this.rows, maxlength: this.maxlength, wrap: this.wrap, disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, onInput: (e) => this.handleOnInput(e) })), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (h("div", { key: 'addb351cb94b2f77d33b7288f05b2e31ea11c4ca', class: 'wrapper__caption' }, this.caption.trim()))));
+        return (h(Host, { key: 'c04bd9f6eb75e14607f6b81fb32065752fd814ac', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: 'bd270704eaedbd3fb127015dd5d9993839a75135', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: '2ff0f414ce2209a5f7bdc9400b2c7c2356da39fd', class: 'wrapper__textarea' }, h("textarea", { key: '65007882cbf52104ee22af96beacb9d882bbf245', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled, id: this.inputId, style: { resize: this.resize }, name: this.name ? this.name : this.inputId, cols: this.cols, rows: this.rows, maxlength: this.maxlength, wrap: this.wrap, disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, onInput: (e) => this.handleOnInput(e) })), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (h("div", { key: 'c44b21fd8eef93920228267d9baf51a12bcf08ea', class: 'wrapper__caption' }, this.caption.trim()))));
     }
     static get is() { return "ifx-textarea"; }
     static get encapsulation() { return "shadow"; }

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

@@ -148,10 +148,10 @@ export class Tooltip {
             'tooltip-extended': true,
             'visible': this.tooltipVisible,
         };
-        return (h("div", { key: 'fa2652a0811415eb05a9eb60360fd0588cf1c4b9', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: 'd3628049e555daa22cd7c3baa23580066ff2900d' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: 'ad4a3da8419165883c34b95f84246463e52609ec', class: tooltipDismissible }, h("button", { key: 'f432f1f3541d7716224789a56e9cac8e93d5ee6f', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: 'c32a417395c614f0615bb874bd3a1342a7cd49b8', icon: "cross16" })), h("div", { key: '1a3bde16181881a43b11ae6ab2c26645386e3f0f', class: "tooltip-dismissible-content" }, this.header && h("div", { key: '8088da0800eac44b1a286841f4565b47ef928029', class: "tooltip-dismissible-header" }, this.header), h("div", { key: 'b9aa0c3908f4d84cf0f90a4fb6e7bb870c9e4f5c', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: 'da770ce5aac77931bd4a269c7db5f93a791e252f', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '56a9cad5a565ae1f4c1da7b3b66d8b7474f9eb98', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
-            h("div", { key: '8e371cfa637fe855aa68dd8d5df86c04f6c7266f', class: tooltipCompact }, this.text, h("svg", { key: '73d38819aefa8a15996652198dc868ead477cf32', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'e2aeff98927da37ad1ab947e19060e3f9684f415', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
-            h("div", { key: '748334efba15442e004b5e5081b3c7a135d47493', class: tooltipExtended }, h("slot", { key: '2578fa3ebf818f70e8dc52eeaf88fbd26a4efe27', name: "icon" }, this.icon ? h("div", { class: "extended_icon" }, h("ifx-icon", { icon: this.icon })) :
-                h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: '38f2ab68579392dd8c91c370e4151ee56becf124', class: "tooltip-extended-content" }, this.header && h("div", { key: '657deebcb27878bdb9495515614134e6f6373160', class: "tooltip-extended-header" }, this.header), h("div", { key: '73408c5d5be088ca579b64b9550e79ee966943eb', class: "tooltip-extended-body" }, this.text)), h("svg", { key: '19d3530ce0d26f610e1badb529687087082e9d25', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '63dbeba0194f23e9773cf621a6298ab60c7e1aa0', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
+        return (h("div", { key: '9c87ad898f047bf3fefbfeec39faa033d39e2860', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: 'fc4ac4d2a09ccd8c038a180aeadce7fee2ab9b90' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: '9627cd1efe01ffcae8227920b0a59848c85ee5b7', class: tooltipDismissible }, h("button", { key: '96c225756217e4f5054c8b02fe0a20b848c845f5', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: 'f976619fb32729deb0be068b2c813b02bce37749', icon: "cross16" })), h("div", { key: 'e4219ce93a82ecd3534c8985cd62049cd23cbaa7', class: "tooltip-dismissible-content" }, this.header && h("div", { key: 'a168b26826aa857fce0f437023e5e18a956cee3d', class: "tooltip-dismissible-header" }, this.header), h("div", { key: '0bdfdce23226097d1f60a3d72032bcd9d7b709fe', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '6c6efed9ed056040960a7928e93d0b6ff7f83b30', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f9de1eb1b04f276c3ca7176af1066e483a441b69', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
+            h("div", { key: '7cbd4ea98ec29eff71021b27cfd2696c5fa6cb68', class: tooltipCompact }, this.text, h("svg", { key: 'e75535c511eea6ea685cabd01f7646452699ecff', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f3c6a9710be713cac4e3322e68700423441bc007', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
+            h("div", { key: 'f04a640ab90d6f957bff270b7b170699634f3ee9', class: tooltipExtended }, h("slot", { key: 'aaab6713c93dbf5441ed8d83b1c8111076397404', name: "icon" }, this.icon ? h("div", { class: "extended_icon" }, h("ifx-icon", { icon: this.icon })) :
+                h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: '723034136727fa51330c9f34fbfb4931f8af857e', class: "tooltip-extended-content" }, this.header && h("div", { key: '8bc34fd54d3e0a7abcd2f08145556c94dbde879b', class: "tooltip-extended-header" }, this.header), h("div", { key: 'e607a0953671b563f49921049a69ffe71c6d962e', class: "tooltip-extended-body" }, this.text)), h("svg", { key: 'a1aa6e39af3ecc50a5c8ee81c3f9fa826f88a446', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9cd2e3ec0d0e5f1d3b4c58f7f85f5a3439638eae', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
     }
     static get is() { return "ifx-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/stories/setup-and-installation/faq/faq.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class Faq {
     render() {
-        return (h("div", { key: '2a4601043cc5f6a5f40d33e341b61a1dd9854b02', class: 'container' }, h("ifx-accordion", { key: '5e00a8d1efb02edb07dd64c3948bea7d5b703625' }, h("ifx-accordion-item", { key: '2d025c838b2d1ddef74d3a540005bee97913198c', caption: "What is the Infineon DDS?" }, "The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application\u2019s structure should be."), h("ifx-accordion-item", { key: 'c863ca331816f23d6de8d0177f3c84e05df968e3', caption: "How do I get access to the DDS?" }, "You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."), h("ifx-accordion-item", { key: '3616f6218e23af7918d12b57ac5a469289bc51e1', caption: "Can I integrate the Infineon DDS into my project?" }, "Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"), h("ifx-accordion-item", { key: '319095da97862f3d7a88ac1102e1e84114228cc1', caption: "Are Infineon DDS components accessable?" }, "We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."), h("ifx-accordion-item", { key: 'a4e8a4c1368c6c3532c3d4f8ad8fbcfa858fb2df', caption: "How to request a new component?" }, "Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you."))));
+        return (h("div", { key: '38fe3ec5631fe45adcc35588f571cb04b9c2ff86', class: 'container' }, h("ifx-accordion", { key: '0a200c6d581b25df4d1ac5109a552fb03ce19248' }, h("ifx-accordion-item", { key: '817f3277cafe0434924c77df5f535a1aed24c31d', caption: "What is the Infineon DDS?" }, "The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application\u2019s structure should be."), h("ifx-accordion-item", { key: 'c26ade22de3178d88f441dfeaf13af56b39a225e', caption: "How do I get access to the DDS?" }, "You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."), h("ifx-accordion-item", { key: 'f294796deb5779d31b8d0436c0ebce363e17d51b', caption: "Can I integrate the Infineon DDS into my project?" }, "Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"), h("ifx-accordion-item", { key: '17996798e2b1a74e4ba64e0745cccc3de1af63dc', caption: "Are Infineon DDS components accessable?" }, "We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."), h("ifx-accordion-item", { key: 'f3246800892322c806e8710a8c7824b7dffa6a34', caption: "How to request a new component?" }, "Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you."))));
     }
     static get is() { return "ifx-faq"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/ifx-basic-table.js CHANGED Viewed

@@ -179,7 +179,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
         return {};
     }
     render() {
-        return (h(Host, { key: 'b8a64dc733f199d3cd39cfa845f9038fd19591c2' }, h("div", { key: '106e6ef4925dd559544abf7c32031164ef4a3aca', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: 'f3d0785c0ce382028b6d197b2d8463b16039c15b', id: `ifxTable-${this.uniqueKey}`, class: "ifx-ag-grid", style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
+        return (h(Host, { key: 'ad2d7535d94aba7f303088599101f365f077f65e' }, h("div", { key: 'ab6135affa957b20efc6fcd96be4e5308e767659', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: '2aac286f7422d5c0106c1a13beab760abb3e03fe', id: `ifxTable-${this.uniqueKey}`, class: "ifx-ag-grid", style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
     }
     get host() { return this; }
     static get style() { return IfxBasicTableStyle0; }

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

@@ -1,4 +1,4 @@
-import { C as Chip, d as defineCustomElement$1 } from './p-718f6082.js';
+import { C as Chip, d as defineCustomElement$1 } from './p-b024aa08.js';
 const IfxChip = Chip;
 const defineCustomElement = defineCustomElement$1;