@platformscode/core 0.0.25 → 0.0.27

package/dist/collection/components/dga-modal-v2/dga-modal-body.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaModal {
     render() {
-        return (h("div", { key: 'f82c5ecc241b63adad0f4b7d613005c8e85dd406', class: "dga-modal__body" }, h("slot", { key: '6e7ec28fd3a8489b37d4debcd13e1defe3cdf6c5' })));
+        return (h("div", { key: '6b80872d6b5a1f9c40fd6ed21fe336e5655cee25', class: "dga-modal__body" }, h("slot", { key: 'c65b5dbf590c83bbe44679d0e01145bb17b74bed' })));
     }
     static get is() { return "dga-modal-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-header.js

@@ -31,7 +31,7 @@ export class DgaModal {
         });
     }
     render() {
-        return (h("div", { key: '3735cf4ce746b7bc6c132c7ae76fc0de2526977e', class: "modal__header" }, h("slot", { key: 'cff6ec8ddc337ce18b54b33a9565564e92f01da4' })));
+        return (h("div", { key: '7ab911f500589ed297062a854bec0cdf1e01ebf7', class: "modal__header" }, h("slot", { key: '7d175a49798bf3620986f3c5332061cb1e56627e' })));
     }
     static get is() { return "dga-modal-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-title.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaModalTitle {
     render() {
-        return (h("h4", { key: '618823e6ca660a890e00035aa9d4b2b71d8c61c1', class: "dga-modal__title" }, h("slot", { key: 'c34ad3e95980a5b4698c2faff24e4116b1304d38' })));
+        return (h("h4", { key: '2e2f657a5b3c1f5c5a048ac789f7a9fc317a9483', class: "dga-modal__title" }, h("slot", { key: '25ed7e28ec4c86e2b2df894fea1a66adf1e42202' })));
     }
     static get is() { return "dga-modal-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-v2.js

@@ -33,12 +33,12 @@ export class DgaModal {
         });
     }
     render() {
-        return (h("dialog", Object.assign({ key: 'a921254ddb71c5e4d4e4c8ea5e6b969081c2c0f6', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el), class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: '1a3738b25ea722cb35497d1827bef32a1833157b', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (h("div", { key: '7e0235bc762bf8aa1132254d31c8493fad259ce8', class: "modal__close-btn" }, h("dga-button-v2", { key: 'b5ebcdd5bf4832e8253e3f9e645a49aeabbedbd7', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (h("dialog", Object.assign({ key: '05bae69be2957e4ce8f373d68e382572050d9f67', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el), class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: 'c24fb704f3752734dd9be1d6da78afeba13886f3', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (h("div", { key: '74911d337ef46d6a4a678abe3383368c160746f3', class: "modal__close-btn" }, h("dga-button-v2", { key: '9780b5be781c24c7be73f035e69733452be6b0e1', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'Cancel01Icon',
                 variant: 'stroke',
                 color: '#161616',
                 type: 'rounded',
-            }, onClick: this.onClose, variant: "subtle" }))), h("slot", { key: '67d8225a596a7aa440b6119d09d41c068f706139', name: "modal-header" }), h("slot", { key: 'eddcd40c1c20d699466ed44118ee4b47afa05bb6', name: "modal-body" }), h("slot", { key: '74ddf7cd78d29dadd3d18df298eb9fbed0f14ce0', name: "modal-actions" }))));
+            }, onClick: this.onClose, variant: "subtle" }))), h("slot", { key: '11f8272e963395c49c83c48378771b292d78e6c6', name: "modal-header" }), h("slot", { key: 'dd462bfc2fb840f06feab0164bc4c9743cecd9aa', name: "modal-body" }), h("slot", { key: 'b5f834562de20f5fad6ca2d39e836f18f06b7fe5', name: "modal-actions" }))));
     }
     static get is() { return "dga-modal-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-notification/dga-notification.js

@@ -65,11 +65,11 @@ export class DgaNotification {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'c780b2a9ec8286e8a07b539d5c01978c73674edc', id: this.componentId, style: this.rootStyles }, h("div", { key: '5422c00322a015643136f9501474e82c9b4bc5f8', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: '13f9e3763da464acfe59f3e49221c243c5a59487', class: "notification__content" }, this.icon && h("div", { key: 'd13ed9a3637a3d5c9fc0f152c186758d1505b16c', class: "notification__icon" }, h("dga-icon-v2", { key: '1fb84d67ef6a981be0746225c3ffcf0cbeb83566', name: this.icons[this.variant].name, variant: this.icons[this.variant].variant, type: this.icons[this.variant].type, size: 24 })), this.leadText && h("strong", { key: '0db0967eb603a960e0bded4be6742eefbfc713f7', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: 'be7449e8a068860f5fbc8b8e5ed7571d4c7f3fef' }, this.content), this.link && (h("a", { key: '49c8bc84143aa692052562702a2bda51b0a7eb28', onClick: () => {
+        return (h(Host, { key: '2c3b1752091f30f334fc3e3418961f01598c4613', id: this.componentId, style: this.rootStyles }, h("div", { key: 'eddcf9ee0fc07c8fc7c7b32ba32045001e9d138c', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: '7726501fe6832c4124c995c42e3e80c595095e58', class: "notification__content" }, this.icon && h("div", { key: '6c309ac12539be755c3dafd6770bd108de146288', class: "notification__icon" }, h("dga-icon-v2", { key: '50a5232c665386fcefe50cdeff7b8eec4c567446', name: this.icons[this.variant].name, variant: this.icons[this.variant].variant, type: this.icons[this.variant].type, size: 24 })), this.leadText && h("strong", { key: '022e92ada1f26ebde1846fdecde570d4bf381629', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: '2e9f585f4d43faee6a52e3fe2211c54e0ae84ffa' }, this.content), this.link && (h("a", { key: 'e5d6b05478e4de18189ef5179e98c0da882902f5', onClick: () => {
                 this.navigateTo && this.navigateTo(this.setNavigateTo);
-            }, class: "notification__link link link--md link--neutral link--inline" }, h("span", { key: 'de5bbd873d7f93c6f69e82c0f5e12f1ee32b6160', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: '963b8fd68fcf2ca869db4a5aa2d1b008960ff3c9', class: "notification__dismiss" }, h("button", { key: '9274fa4c3df51bfb8b17ed9573e62135333daab3', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: () => {
+            }, class: "notification__link link link--md link--neutral link--inline" }, h("span", { key: 'ffd075f0a3f9e25b0b268538437f8ac7c5d63ce0', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: 'af29afd7d1bb209a94d31d23ca1bebe562fa44b0', class: "notification__dismiss" }, h("button", { key: '610803be38c0e0f0ff96886cf6eae92c7e4ea70a', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: () => {
                 this.dismmissed && this.dismmissed();
-            } }, h("span", { key: '7c72401e5c8ff914d54b7014069c8178ac0d0472', class: "dga-btn-icon" }, h("dga-icon-v2", { key: '187ec9b2630b6190ae20a72296e9543a15e65e11', name: "multiplication-sign", variant: 'stroke', size: 20 }))))))));
+            } }, h("span", { key: '386acaaa7397e7dfa82601709c4b7d856ab467fa', class: "dga-btn-icon" }, h("dga-icon-v2", { key: '603a3cb477f402bd65d29890f51b63270bd0ad53', name: "multiplication-sign", variant: 'stroke', size: 20 }))))))));
     }
     static get is() { return "dga-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-notification-toast/dga-notification-toast.js

@@ -37,8 +37,8 @@ export class DgaNotificationToast {
         };
     }
     render() {
-        return (h("div", { key: '81b0c5991275eb32275b22c160430b3923bd303a', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, h("div", { key: 'd36f650f13ae715a4d2ce47043b088eb3c7fc2a5', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, h("dga-featured-icon", { key: 'd91d5937d27704ee2dc920a121999ff4cdc6708f', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), h("div", { key: 'dfe749e3a0b2fcca440d105cde695986ead93b94', class: "notification-toast__body" }, h("h4", { key: '63259f5797ea01a43979264516428aa4eb855f43', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && h("p", { key: '7cb6927812f829db8e3a92a42e3d2a2b4b6ecdfb', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (h("div", { key: '4741f5f7971e56d2ce3c27d7ce99ba3c0474458e', class: "notification-toast__close-btn" }, h("button", { key: 'd92fa853aeecb76ff7a8d5c6983dae23264053f2', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => { var _a; return (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this, e); } }, h("span", { key: '138818d41c88ef9f48bab948f8bc4b95b38ab625', class: "dga-btn-icon" }, h("dga-icon-v2", { key: 'd20d4b10017b228041a284fb9081aa97d6ad860e', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (h(Fragment, { key: 'b68f00d6aac5dcf204110e1095bcc0c03f897fa9' }, h("div", { key: '5eb01a64604b9c15107438c43fee3d86e57ba8ca', class: "notification-toast__action" }, this.buttonsList.length > 0 &&
-            this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${extraClasses}` }, (title && { title: title })), label)))), h("div", { key: 'a2b573d02b8c1e69622133bb9c1cb1e72d962845', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
+        return (h("div", { key: '1a4f1b6476867746d88781e4c26f7241ce98f36f', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, h("div", { key: '75f4f5eeea72164de86093911e9d3819b6476d7b', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, h("dga-featured-icon", { key: '6952bfe52540347d0e469afb89af94521cf7f69c', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), h("div", { key: '3ab5ed31f539b2b9c231be95a01e8fdfec918d3d', class: "notification-toast__body" }, h("h4", { key: 'f8a981a242880ec536b8607fa278cd02c4b93cad', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && h("p", { key: '41f671d6be0fdada364973cb27fcd787c1336dea', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (h("div", { key: '4d4c84358973b0a8306a687fd727facc53aa5b88', class: "notification-toast__close-btn" }, h("button", { key: '417f431696013950501f6c53d5e77e6abe434774', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => { var _a; return (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this, e); } }, h("span", { key: '2e3e4f92064f845f5107749ba8a2bba709242e85', class: "dga-btn-icon" }, h("dga-icon-v2", { key: 'eefa5fa3e61893b766b56af4c46cdf02dac027cc', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (h(Fragment, { key: '5111fab134811c314baaef9b7193ed4ea3c8bdaf' }, h("div", { key: 'd91375cba3e91324d6a2da36e383fc7927504f4e', class: "notification-toast__action" }, this.buttonsList.length > 0 &&
+            this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${extraClasses}` }, (title && { title: title })), label)))), h("div", { key: '0d4d4c5932f290df2997abaa753d13fac389e315', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
             this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--secondary dga-btn--lg ${extraClasses}` }, (title && { title: title })), label))))))));
     }
     static get is() { return "dga-notification-toast"; }

package/dist/collection/components/dga-number-input/dga-number-input.js

@@ -65,12 +65,12 @@ export class DgaNumberInput {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '8ea46e3ceea9a9480bddc6e76fc1ddc6b827b1b5', id: this.componentId, style: this.rootStyles }, h("div", { key: 'ddab91b810d46042c9cd9def096fe12ba1d235ce', class: "dga-form-control" }, this.label && h("dga-label", { key: '40dda0ae731426bdfb955f638c185d1ecf0b0b54', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '6e1f96be3865da823dfee4bf8759f7e63da9a87a', class: `dga-number-input dga-number-input--${this.size} ${this.error ? 'dga-number-input--error' : ''} ${this.fullwidth ? 'dga-number-input--full-width' : ''} ${this.variant !== 'default' ? `dga-number-input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-number-input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("button", { key: 'b8560de6ca70e77475f90f45b1d76c1a1a01a7ca', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: '144a49aad4b27d187684db97e0f184a191dbceeb', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: '7b3ecf6731c4012e101b9a95211c6770fffefc3e', icon: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '4e1b87047f9ee7421e5737caf7d03391726aa5f7',
+        return (h(Host, { key: 'f5bdaa59b58f1f829d798b558dbac602fe5117f9', id: this.componentId, style: this.rootStyles }, h("div", { key: '7db80d23339daf4beab8f0c2eba0d9d86cd36c53', class: "dga-form-control" }, this.label && h("dga-label", { key: '057607b6fe032d3b4306ac9d46d9f61307527485', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'eaffaedc94003b3c34c7f5891eebfc395f453dad', class: `dga-number-input dga-number-input--${this.size} ${this.error ? 'dga-number-input--error' : ''} ${this.fullwidth ? 'dga-number-input--full-width' : ''} ${this.variant !== 'default' ? `dga-number-input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-number-input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("button", { key: '6f4cc28f61fa2e3672565abc388e6edd6e941097', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: 'fd9bd43c62d8e64ec09ad6a78160971aab163f77', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: 'a052b44a7ebbf78b664e0363e01e4281774094bf', icon: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '0078eed2af7970e2bc7e44fb54eaa4bbbced7629',
             // id={id}
             value: this.value, name: this.name, type: 'number', onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur(e);
-            }, class: "dga-number-input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), h("button", { key: '3522ea1a0e56a4b5b6b2fdbb1d63372f0c1bc72c', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: '7ea7eca63c83af8f7fa9a3e473d9e31f93fe9e23', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: 'c7c1ced12d1ace25405e9da803050e424f5ec46d', icon: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: 'be3f0381bb1c9bbec08a7a453efb258da1a4a76c', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
+            }, class: "dga-number-input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), h("button", { key: 'c0cf4b1775ebc48d632eb804c3f57cdab65ceb1d', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: 'e7749fefebc37305323b8f3a4104c0965be7b50a', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: 'a0339f89ccf78e20baf67baa4b6b9a5f9f785004', icon: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: 'cdfda5eb65940b57dd74627e1d7f8b803686ef9f', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     static get is() { return "dga-number-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-pagination/dga-pagination.js

@@ -75,7 +75,7 @@ export class DgaPagination {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h("ul", { key: '3626e0767ce4d2858ca09bbbf047208b17816918', class: `pagination pagination--${this.size}` }, h("li", { key: '63e6609b4dfdfc315a838be2673b2bf022f578b4', class: "pagination__item pagination__arrow" }, h("button", { key: 'fd0139c8ad613c77309ab7076075d8bae1c1c292', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("svg", { key: '0bab9d3618bab8b85d9a20fb52b7533495ebf89d', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'e5787f672def619aea687454cc08f45deca09339', id: "Leading Icon" }, h("path", { key: '23c63e778fd9740e05e298be807f85d0b2a69fec', id: "Icon", d: "M10.5 12L6.5 8L10.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.paginationRange &&
+        return (h("ul", { key: '522c13da7cc4ecf3faa40eb77e230c92da9fe424', class: `pagination pagination--${this.size}` }, h("li", { key: '7f15475c0b53b1e72a652f1dee3f8f6cc038c1b1', class: "pagination__item pagination__arrow" }, h("button", { key: '5c70be275a685b1ca3dec3ea75bb57e1ddf949bf', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("svg", { key: 'b19da6f199c711400b807a175d8e38197c0658ca', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '72200ee4d739d4b430cc0cf15bb0b77f9dd77bd5', id: "Leading Icon" }, h("path", { key: 'a2da9ec7ee2d73498c953a9aceb0c1f130f4c754', id: "Icon", d: "M10.5 12L6.5 8L10.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.paginationRange &&
             this.paginationRange.map(pageNumber => {
                 if (pageNumber === DOTS) {
                     return (h("li", { key: guid(), class: "pagination__item" }, "\u2026"));
@@ -83,7 +83,7 @@ export class DgaPagination {
                 return (h("li", { key: guid(), class: `pagination__item ${this.currentPage === pageNumber ? 'pagination__item--active' : ''}` }, h("button", { onClick: () => {
                         this.handelPageChange(pageNumber);
                     } }, pageNumber)));
-            }), h("li", { key: '574f437a37c9220207a44416359dbed63cc4c312', class: "pagination__item pagination__arrow" }, h("button", { key: 'b37233eedaf43a034ce44358acc2e6b6e6fd30a8', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("svg", { key: 'c812822cfaeada96e310a3eb38e271944e5b8b5e', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '5b39c3b69d5cb3168f14a020799216df34b419f7', id: "Leading Icon" }, h("path", { key: 'c4384a003775954868786a4696ed7e1c0b94d4c8', id: "Icon", d: "M6.5 12L10.5 8L6.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+            }), h("li", { key: '09473acabf311c941728d372c5cf2bbce30fa9e8', class: "pagination__item pagination__arrow" }, h("button", { key: '9ad50351c0c1092c012b76c467fd2015ec3b28b2', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("svg", { key: '5c9c3e76bec4871b8c6149e7141a96f490bced4a', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'e98dd855d832698b48d091c7594db8976c72f284', id: "Leading Icon" }, h("path", { key: 'e44adaf31ad7292604158cd91af5a0c0e7e84903', id: "Icon", d: "M6.5 12L10.5 8L6.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     static get is() { return "dga-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-progress-indicator/dga-progress-indicator-step.js

@@ -62,7 +62,7 @@ export class DgaProgressIndicatorStep {
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: '9f84b833ea44f62126faecac063359f3e064fa29', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: 'a641ae0043e8c0b935b1eb0aad55c94eefa525cf', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '7fea0344757a6242c7096b2d9bf78064d6852668', class: "step-label", "data-state": this.labelState }, h("span", { key: 'ba1b24ad2afdf1006d4159b17fbb7a74d1c15925', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '32ba97665227d1f0e8ad96518cd2856d75ee79e1', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '8eda496c093ff4d5bd2018ead4f17d84ba00b1a3', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '6fcf2b93d70a0a083e5e20cf755cbc8fd4729133', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '24bba663d5463842760f83170d5ab108044df178', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: 'aa2b391709be61ff1473bcb8f93fdb63f4a36fad', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '5ba08654a25a057153ae10d3184d98f731037747', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '05a7c51dd95dbacac231ce7074d19af8e0c3f99d', class: "step-label", "data-state": this.labelState }, h("span", { key: 'a4cdc98da09dd99d27d3a8fb264902b1d2b1e4ab', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '1b0337ecc12a3a7b8f8ab69257eb021d0f2492aa', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '9ce21a3e31430c593f0fdcd7a3bd9fd5a32a91f4', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '6b766b90fe43b6e5c31fd1a5d073a4876ea68ba3', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '3ea208356da35d3ce26ef659d676ad4ae793dc5c', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
     }
     static get is() { return "dga-progress-indicator-step"; }
     static get properties() {

package/dist/collection/components/dga-progress-indicator/dga-progress-indicator.js

@@ -23,7 +23,7 @@ export class DgaProgressIndicator {
         this.updateInternalActiveStep();
     }
     render() {
-        return (h("div", { key: '4aea1c7173ba2d9274ba39419d8767d9e23c4f03', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '8685c9e567cbf578c85be1e48000c91e2fb92467', name: 'progress-indicator-step' })));
+        return (h("div", { key: '9aac6756fbcd96576c6fa53e1b65fa41cb71e2ac', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '8ab20e00781e8adbdd500dc66c777accede2cb6a', name: 'progress-indicator-step' })));
     }
     static get is() { return "dga-progress-indicator"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-progress-indicator-v3/dga-progress-indicator-step-v3.js

@@ -69,7 +69,7 @@ export class DgaProgressIndicatorStep {
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: '1dbf3a46fd2a16be1fed73c03024f3e6a4aab05f', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: 'fd7b1d9d72dc84e78a9b5a86febf9a3fe1477b14', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '20398cc4dbfe44280b10f13e5741a55c74aa2ae0', class: "step-label", "data-state": this.labelState }, h("span", { key: 'afc36029e3aedc6b657b4c71e43bc902c49660a8', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'e9ac3adb6f843e081e51c788163b3e4dc1a83490', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'a14606aa329d9c664577e92525c6a5969b43a5bd', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'aa46e054ae72ffda1c48a776195a41d2c0209c67', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: 'a24a8f4ff6b89bae49d9f3429a9a7bdbdb95c14f', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '0b3880284791a4b0714512be41dd0259a40ac9b8', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '5e0eff774e639788c688b796a2248e86c5ca3ad9', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '3df2da922c9d20601b45047f1a0e981498d07e7d', class: "step-label", "data-state": this.labelState }, h("span", { key: '73bdf3313205c8c9728e326cdefb96f754f80ca4', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'eabd41e9d4e8874d1ea652e81b1d6d6957a9128c', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'ff2b1ff6ee3b552ca9015425b47a617f72322d4b', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'ce360370fa4906872f30367120692dd18254506c', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: 'c1b14f4e03fb9279a1d45153ae678d126a0a188c', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
     }
     static get is() { return "dga-progress-indicator-step-v3"; }
     static get properties() {

package/dist/collection/components/dga-progress-indicator-v3/dga-progress-indicator-v3.js

@@ -36,7 +36,7 @@ export class DgaProgressIndicator {
     }
     render() {
         // console.log(this.activeStep , "<= active step")
-        return (h("div", { key: '0ff5206d743479944290789f99366dfe4ef1bddf', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '8638e870e203323992f543bb281f820a509a7676', name: 'progress-indicator-step' })));
+        return (h("div", { key: 'b9835c5da618944163c794c3fb62ae302bfa1bb1', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '3907a21a9f1c5d6f0bc8b6a880612d94047cc02c', name: 'progress-indicator-step' })));
     }
     static get is() { return "dga-progress-indicator-v3"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-quote/dga-quote.js

@@ -26,7 +26,7 @@ export class DgaQuote {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h("div", { key: '6d298040f80d9b3a85c60fd1cfdb39af09e7bb2a', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: '426c29d2980c1216d15d7ee3850577e4b60bf94b', class: "dga-quote__body" }, h("dga-flex", { key: '50955674b71d2be6a8b0d6b65f226827f44de147', spacing: 9 }, h("span", { key: '80349c18221c8eb9a899c5979b3096b0794dcb43', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '2ec58e6133709d118b8817b1d7fc0febc3f11cb1', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: 'b30b4f0cd2d9931f23b7f58cc49309579702beb4', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: 'a8a2ddeacf83ecd4264c6436f1de9371c63daa57', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: 'b19b301d684b0e6386c2d7af2691aadd821fa5b0', class: "dga-quote__auther-details" }, h("dga-flex", { key: '2c3f63e435e77f016988bdab303606f1628ee98c', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '577ae619d155e08dbf0d673d0a8cd9e18534733f', size: 80, type: "image", border: false }), h("dga-flex", { key: 'e9cb2297279130fc183747fbefc41fec0a1e145c', direction: "column", spacing: 8 }, h("h3", { key: 'a1c33f6ae557de9fe2cd8537194451617539c7e5', class: "auther-title" }, this.authorName), h("p", { key: 'a9fb6b26c1c9ecb981fd5eb4b29f8db08294bf48', class: "auther-desc" }, this.authorDescription))), h("span", { key: '0b422f7d04c98567709d72a69006e8b428c65e4d', class: "quote-icon" }, "\u201C")))));
+        return (h("div", { key: 'fb35ac80585c933c25a5cb58d3087fdb5b8cd218', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: '463af797b482e462b7f6570b9b8c0e721f3310d3', class: "dga-quote__body" }, h("dga-flex", { key: '8d937c83d18bdc5904ba1eeb5a3f704ee9028cdc', spacing: 9 }, h("span", { key: '5401fb11a7e8c8f0f6dcd2990e7795d57d56d299', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '2d4f3441f4023ce7108979324cfbb12449584036', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: '7f3227d2a44ddf9849cdf0ec7fcff3f1abc8f4f6', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: 'b634b2084f309df61fb87136e1adacab787f45e9', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: '028cf1b9344eed5a37b60b7e079d13d63c1da9ba', class: "dga-quote__auther-details" }, h("dga-flex", { key: '197fb592768e52bf9b8917867f61d3eebf1658a1', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: 'af2a50edc81b2801db58b4e6843da7aa2d4d2c80', size: 80, type: "image", border: false }), h("dga-flex", { key: '870414b47d7f3530ca20711f25fd995182418558', direction: "column", spacing: 8 }, h("h3", { key: '0e786bdce329d14770327ca820f700476f2f397a', class: "auther-title" }, this.authorName), h("p", { key: '07fb34ce45805ac1d3861d29cef065095fee5f89', class: "auther-desc" }, this.authorDescription))), h("span", { key: 'd497031042b388dfaa7d6bd791d7c3356cc20ca0', class: "quote-icon" }, "\u201C")))));
     }
     static get is() { return "dga-quote"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-rating/dga-rating.js

@@ -79,7 +79,7 @@ export class DgaRating {
         }
     }
     render() {
-        return (h(Host, { key: '8ac7aad0247d29ff43e0ba46741b1766ab89baa6' }, h("span", { key: '0df3e0827418d31f5101d09f0136fa618ce23b6b', class: `dga-rating dga-rating--${this.size}`, ref: el => (this.rootRef = el), onMouseMove: (event) => this.handleMouseMove(event), onMouseLeave: (event) => this.handleClear(event), dir: isElementRTL(this.el) ? 'rtl' : 'ltr' }, Array.from({ length: this.max }, (_, index) => index + 1).map(value => {
+        return (h(Host, { key: 'cd38dc21ae1deeddce0086424231dfeb30329ed3' }, h("span", { key: 'c7ae687c27cd5ea89480a653edf27ea035a5b25b', class: `dga-rating dga-rating--${this.size}`, ref: el => (this.rootRef = el), onMouseMove: (event) => this.handleMouseMove(event), onMouseLeave: (event) => this.handleClear(event), dir: isElementRTL(this.el) ? 'rtl' : 'ltr' }, Array.from({ length: this.max }, (_, index) => index + 1).map(value => {
             const colorMapper = {
                 default: 'var(--background-secondary)',
                 brand: 'var(--background-primary)',

package/dist/collection/components/dga-search-box/dga-search-box.js

@@ -103,12 +103,12 @@ export class DgaSearchBox {
         // this.value = event.target.value;
     }
     render() {
-        return (h(Host, { key: 'a528957394f33a3c53d59d878ab2013b3713d05c' }, h("div", { key: '9e909c68c25a9126e1882640e2c706df91fd8629', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '6a8e4076d776294f5c79eeaa3023e12d34672129', class: "dga-label" }, this.label), h("div", { key: 'bc51d0a3785619097df985ac2f18483b9861a855', class: `dga-search-box dga-search-box--${this.size} ${this.error ? 'dga-search-box--error' : ''} ${this.variant !== 'default' ? `dga-search-box--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-search-box--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, this.icon && (h("span", { key: '43bd3e693899310bcdcd7537cd52b9ebba18721b', class: "dga-search-box__icon" }, h("svg", { key: 'b034534233c5456b36b920a5644c41950a053f62', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1cdd50608bad13c1b550d99de2cfb45d1eaa9b64', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.16675 1.04163C4.67943 1.04163 1.04175 4.67931 1.04175 9.16663C1.04175 13.6539 4.67943 17.2916 9.16675 17.2916C11.1854 17.2916 13.0322 16.5554 14.4531 15.3369L17.8915 18.7752C18.1356 19.0193 18.5313 19.0193 18.7754 18.7752C19.0194 18.5312 19.0194 18.1354 18.7754 17.8914L15.337 14.453C16.5556 13.032 17.2917 11.1853 17.2917 9.16663C17.2917 4.67931 13.6541 1.04163 9.16675 1.04163ZM2.29175 9.16663C2.29175 5.36967 5.36979 2.29163 9.16675 2.29163C12.9637 2.29163 16.0417 5.36967 16.0417 9.16663C16.0417 12.9636 12.9637 16.0416 9.16675 16.0416C5.36979 16.0416 2.29175 12.9636 2.29175 9.16663Z", fill: "#161616" })))), h("input", { key: '45a1df0c9fca4e68da91826688adc8aa1d57fcf3', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
+        return (h(Host, { key: 'd21b4458f8c9b555c7ce371ac71bf2ccfcaa1168' }, h("div", { key: '0a4b9a8c0e1de31656028c371b76a162c0d1bfdb', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '68594bf29d5a56f3684b9787bf1c9719d835f8f8', class: "dga-label" }, this.label), h("div", { key: '2a593deed76fb0923b74362da6cb4e95c999da80', class: `dga-search-box dga-search-box--${this.size} ${this.error ? 'dga-search-box--error' : ''} ${this.variant !== 'default' ? `dga-search-box--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-search-box--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, this.icon && (h("span", { key: '1fccb81711b7d06805e8bbec21e8c600d33de876', class: "dga-search-box__icon" }, h("svg", { key: '33079c68d16857ac3033c7d8ca5d5ca77412b367', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1fe8349b54e4c6fb2892261b8ed7a6b92d037cec', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.16675 1.04163C4.67943 1.04163 1.04175 4.67931 1.04175 9.16663C1.04175 13.6539 4.67943 17.2916 9.16675 17.2916C11.1854 17.2916 13.0322 16.5554 14.4531 15.3369L17.8915 18.7752C18.1356 19.0193 18.5313 19.0193 18.7754 18.7752C19.0194 18.5312 19.0194 18.1354 18.7754 17.8914L15.337 14.453C16.5556 13.032 17.2917 11.1853 17.2917 9.16663C17.2917 4.67931 13.6541 1.04163 9.16675 1.04163ZM2.29175 9.16663C2.29175 5.36967 5.36979 2.29163 9.16675 2.29163C12.9637 2.29163 16.0417 5.36967 16.0417 9.16663C16.0417 12.9636 12.9637 16.0416 9.16675 16.0416C5.36979 16.0416 2.29175 12.9636 2.29175 9.16663Z", fill: "#161616" })))), h("input", { key: '24b015346e4a09df97919115e3fabcae2a56dff9', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur.emit(e);
             }, class: "dga-search-box__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onInput: event => {
                 this.handleInputChange(event);
-            } }), h("div", { key: '2780db7bc250886840e34031280210cd726f8310', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '1deeb7f02f8bf07ee649fdadc13798d2bfd2d312' }, h("button", { key: '210bef28b57b135c50f40b92803ab045dced812a', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon-v2", { key: 'ec4c528aeea65f9c16a170f3e27577e4e045d965', name: "cancel-01", variant: "stroke", size: 20 })), h("svg", { key: '94b701fd4cc422c8d9eb0b67b837a17bde0012d9', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: 'c016c08c698329df88ba2bd658e67e4ea76bcd66', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: '8f346ad1c6c1d484fcf80f93bb5349a0e3b93995', tooltipTitle: "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: 'a8952b4321465ac42af87e5fea89d134b0a6b9f5', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (h("span", { class: "dga-search-box__icon" }, h("dga-icon-v2", { name: "mic-01", variant: "stroke", size: 20 }))) : (h("span", { class: "dga-search-box__icon" }, h("dga-icon-v2", { name: "mic-01", variant: "stroke", size: 20 })))))))))));
+            } }), h("div", { key: '7456fa0bacbcfc924570d49ba03aee643634b03f', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '18f2c1e4f650f34fb6b7b46834a00ec14aa8f512' }, h("button", { key: '83dcf8bb7af691e5f6e56c3c9a0264aa06b6c4c5', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon-v2", { key: 'b136b525a8fa02744b392fefbfac56b6a97874f0', name: "cancel-01", variant: "stroke", size: 20 })), h("svg", { key: '5b27a74e77217ea046915d954c4cd6edbee76420', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: '85ebe6952fe5768f483dc3f74f3d5729144a5be5', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: '0df6d0c2f889c4d74fcb8ca2666716e2d85bd6f6', tooltipTitle: "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: '4223f5040e05237265ea15bedc197d8012190243', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (h("span", { class: "dga-search-box__icon" }, h("dga-icon-v2", { name: "mic-01", variant: "stroke", size: 20 }))) : (h("span", { class: "dga-search-box__icon" }, h("dga-icon-v2", { name: "mic-01", variant: "stroke", size: 20 })))))))))));
     }
     static get is() { return "dga-search-box"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-actions.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class DgaSecondNavHeaderActions {
     render() {
-        return (h(Host, { key: 'd1e640c6c31419544931a943928581ef2ea7eb5c' }, h("div", { key: '0ed3577db3702c1a6a9541119c5869052bfdfc51', class: `items-container` }, h("slot", { key: 'a876aa2c50147c276c9c687b9a4588aa7c5aea0c' }))));
+        return (h(Host, { key: 'fec48112353fcd554b608780c7805c11ef383d51' }, h("div", { key: 'bb614b01662d01e7979638c6467014af2f5486e5', class: `items-container` }, h("slot", { key: '34dca111e83fd2489e3cb795dcf0083066a354a4' }))));
     }
     static get is() { return "dga-second-nav-header-actions"; }
 }

package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-content.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class DgaSecondNavHeaderContent {
     render() {
-        return (h(Host, { key: '91c825b1539a33b6c559e9e684428bd9af3e83ae' }, h("div", { key: '5e480a12ae5ffac72c5aad75c6b71f3ed3b1b733', class: `items-container` }, h("slot", { key: '091a6c6eea6c714f2366d977d54650b942b7adde' }))));
+        return (h(Host, { key: 'd9b732973272bc20a9407bfb291293ff8936a792' }, h("div", { key: 'dce382719b0b96c984dee57dd4b054325ff4834d', class: `items-container` }, h("slot", { key: '851ec4474a4630d627326c6daf4da23f635fd268' }))));
     }
     static get is() { return "dga-second-nav-header-content"; }
 }

package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-item.js

@@ -9,7 +9,7 @@ export class DgaSecondNavHeaderItem {
         });
     }
     render() {
-        return (h(Host, { key: 'a85326c31b79ccdebf74482c9dd4e1dbb3647f69' }, h("slot", { key: '4cb233cf04983344e759015607e4eadbb3576a68', name: 'icon' }), h("slot", { key: 'a01ddbac3667222c95ab5e72169875c8fe0094e6', name: 'label' }, this.label)));
+        return (h(Host, { key: '87572880e04d67c78bbe24dce793d6147d166d37' }, h("slot", { key: 'e478e5be9f8231a25f8f76dc5b44b062552d3305', name: 'icon' }), h("slot", { key: 'bdf901885edd5f6edfe77ae63311748da8f6550e', name: 'label' }, this.label)));
     }
     static get is() { return "dga-second-nav-header-item"; }
     static get properties() {

package/dist/collection/components/dga-second-nav-header/dga-second-nav-header.js

@@ -21,7 +21,7 @@ export class DgaSecondNavHeader {
         });
     }
     render() {
-        return (h(Host, { key: '97c98d0412b928e7690a34db9b858d065ed1a1a5' }, h("div", { key: '7311349c4fcde2f18cd6bf0f87305e0a60d5a4c2', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: 'f77d3a91f40b5f401b68381da4bff897b854a84a', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '90657750cdf05e52811c8394f84aca53b92a2e6c', class: `content` }, h("slot", { key: '3ef6c602e27d5092bfeac1fbc013e9f7664f3951', name: "content" })), h("div", { key: '288904638f4e47678ed852fcb58ff2e6e70d9d13', class: `actions` }, h("slot", { key: '1cbf8daedb8ade075c19e1f623ba03c7ac5d25d0', name: "actions" }))))));
+        return (h(Host, { key: '4d6a56396f788b3f018b3774c84fb6bc0d0849a9' }, h("div", { key: 'f6c6cf9410c08dfdab2c9889852649634b763dbe', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: '4b851ce02ce31b959365e7a09374097d369973ac', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '6214ce6582acd5ac51e252425546acd6a5edad46', class: `content` }, h("slot", { key: '3a70b02c824ba50ca99427169697341dc781c5d5', name: "content" })), h("div", { key: '2193cb09f2bd21e7741460d91ab3ab38c723370b', class: `actions` }, h("slot", { key: 'fa36abcb4f2e101b986b746af0dad2af3fee7fa4', name: "actions" }))))));
     }
     static get is() { return "dga-second-nav-header"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/dga-skeleton/dga-circle-skeleton.js

@@ -5,7 +5,7 @@ export class CircleSkeleton {
         this.width = '80px';
     }
     render() {
-        return (h("div", { key: '4ba57709965e42f6c56f63509bbe4c58656e9b7d', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
+        return (h("div", { key: '1c4aba90588b8e23561c6999447db5a2bceccff4', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
     }
     static get is() { return "dga-circle-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-skeleton/dga-line-skeleton.js

@@ -5,7 +5,7 @@ export class LineSkeleton {
         this.type = '1';
     }
     render() {
-        return (h("div", { key: '3d2de29259aafb97bc2d2de16939c0e964b667da', class: `line_text ${this.size} type${this.type}` }));
+        return (h("div", { key: 'a531aa32cc62a525b2026fdf0ab940b04e6b8928', class: `line_text ${this.size} type${this.type}` }));
     }
     static get is() { return "dga-line-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-skeleton/dga-rectangle-skeleton.js

@@ -6,7 +6,7 @@ export class RectangleSkeleton {
         this.width = 'long';
     }
     render() {
-        return (h("div", { key: '9c6ae3ece475bce08aa4ff35055a7c06b0152b56', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
+        return (h("div", { key: '06beaee8ae43981602ad4274fcecdd7841e3e590', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
     }
     static get is() { return "dga-rectangle-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-skeleton/dga-square-skeleton.js

@@ -17,7 +17,7 @@ export class SquareSkeleton {
         return borderRadiusMapper[this.width] || '';
     }
     render() {
-        return (h("div", { key: '6b7711afef4faf951cae26cae4db4fdaae01e4d3' }, h("div", { key: '066c5898c05f257243b8d31e4c073a8d5bbae9f6', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
+        return (h("div", { key: '800fd0011d6ce7f4b2b608f6f4b1694453e6a549' }, h("div", { key: '0781af9c657c121922acf68654c18b4e0d737fff', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
     }
     static get is() { return "dga-square-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-slideout-menu/dga-slideout-menu-actions.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaSlideoutMenuActions {
     render() {
-        return (h("div", { key: '46f113c740462e493444ac33ec4724f51a78725e', class: "dga-slideout-menu__actions" }, h("slot", { key: '3a276c31ecdace0cc0a22de74e50d1e1e413be4d' })));
+        return (h("div", { key: '65a60f471a4ab213f4c1c3dab9c7ef6b510a8829', class: "dga-slideout-menu__actions" }, h("slot", { key: '39e921a4c59466a815ae1c10b67148b2b0df77f4' })));
     }
     static get is() { return "dga-slideout-menu-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-slideout-menu/dga-slideout-menu-header.js

@@ -17,11 +17,11 @@ export class DgaSlideoutMenuHeader {
     render() {
         return (
         // <div class="dga-slideout-menu">
-        h("div", { key: '2747669b6fed4974a082995a1a1afcb6f9982ab0', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: 'b287188e2beb68d29a10b4a421cd2ab162d29a6d', icon: {
+        h("div", { key: '644974162d8b708862d95a5de7777aae6b3b8b86', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: '0e17b150bed933e50780e4ac92e141126f2b8b60', icon: {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: 'd61e4969fedf4b54e2d4ff7255ba191167ded5fe', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: '2f88dfdcbc7357c1852bacd6378c4ecf95dab3f3', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: '0ac143ff0c058d8fd4363174dae2c5427f68c933', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: '0698e970eb212b4c2c53cf0a9ccc19c3370083c6', iconOnly: true, leadIcon: true, leadIconProps: {
+            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: 'ae14285fdecd65e9e15b044ded49897c0284c9c3', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: '1f17b0aa3e39fd4cb5776853a8ce0603d23547de', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: 'eaa482126c0d3b51120e99bb80d4754b2836ac0e', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: '2565bbfc3ec38da30aa43571eb462a00a12f28cd', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'multiplication-sign',
                 variant: 'stroke',
                 type: 'standard',

package/dist/collection/components/dga-slideout-menu/dga-slideout-menu-items.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class DgaSlideoutMenuItems {
     render() {
-        return (h(Host, { key: '4463e1d9c8443d91dcba69ddda2a9013d73384a2' }, h("slot", { key: 'a5495acd0ac167efc04e184b224824db1d451dbd' })));
+        return (h(Host, { key: '39b333416ece26616362d3a5d02d39ae1853ed8d' }, h("slot", { key: '0c5bfc89d412375c136bd7493755de61663b0215' })));
     }
     static get is() { return "dga-slideout-menu-items"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-slideout-menu/dga-slideout-menu.js

@@ -56,10 +56,10 @@ export class DgaSlideoutMenu {
         });
     }
     render() {
-        return (h("div", { key: '371cbddb32ffb0d8829bb92fa3ea328339f52b80', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: 'd0e265caa58c2e8770fe4ba59b6ca4c7276612bb', name: "slideout-menu-header" }), h("div", { key: '8ec4c51c577c465bbbe80e8ab7833591f13e27fc', class: "dga-slideout-menu__body" }, h("div", { key: 'a7df2ea13bf22624fac685070d0ef68f2221646e', class: {
+        return (h("div", { key: '98140cd1dbe34d38162faf7c6dd23fc6a2a3c452', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: 'baee78d547dbd06abcd81684a1f350b790bd4981', name: "slideout-menu-header" }), h("div", { key: '208c2b075354dd700841190ebc705ec0e1109afc', class: "dga-slideout-menu__body" }, h("div", { key: '8fcc135dd6cacafb3462940f3a6b0577b2538944', class: {
                 'dga-slideout-menu__items': true,
                 'dga-slideout-menu__items--hide-scrollbar': !this.scrollbar,
-            } }, h("slot", { key: '88d9a49753aa0b164902fcb8c4dc0c19f02ca947', name: "slideout-menu-items" })), h("dga-divider", { key: '32b33160f4606c5e1caaf61aeff2e4716bf0e68e' }), h("slot", { key: 'fc617f9b16226ec47792edba8a42642cd184f7be', name: "slideout-menu-actions" }))));
+            } }, h("slot", { key: '4550a438c062d7061ca673affe726d30a0b02b44', name: "slideout-menu-items" })), h("dga-divider", { key: '5631f6f3b94b178394dd33275c7f5c962ee665d6' }), h("slot", { key: '1a19f53ef76f34957e68467b81a13b3fc5dc4681', name: "slideout-menu-actions" }))));
     }
     static get is() { return "dga-slideout-menu"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-slider/dga-slider.js

@@ -74,7 +74,7 @@ export class DgaSlider {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h(Host, { key: '99156735a887d2977efa872760796839657fbc4c', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '373c31f2a55e942e72dfea6d072074b0fae427f9', class: `range-slider-wrapper ${this.size}` }, h("div", { key: '2ccf8864cdc333d6f1c3a30e115fa76a258bdf57', class: "range-slider-input-wrapper" }, h("input", { key: '7dbd72a32e3d9e5a9f82dfe8d560f39af4b079be', class: "range-slider-input", type: "range", value: this.minValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMinChange.bind(this) }), this.range && (h("input", { key: '4f9dcd64bc3ca265e8ea39c035a502c5af5a505a', class: "range-slider-input", type: "range", value: this.maxValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMaxChange.bind(this) }))), h("div", { key: '17493e5639f5fc4284f0ee970f1309204e54d986', class: "range-slider-container" }, this.showLabel && h("h3", { key: '3580454a2876ebc214381df06b5fe83cd6ffb4a0' }, this.label), h("div", { key: '40c9dd2d863d3e01071d0c746cb3c30809bc9b90', class: "range-slider-control-wrapper" }, h("div", { key: '45db3bc92aa1b1fcafb8b3da46d99b6dd1a173fd', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: 'e5fa57e2c12f3bc4d8ab289b82d46529b5cdcca9', class: "range-slider-rail" }, this.range && h("div", { key: 'a3d336307aa1652f28773a39b0c0c5937f79b058', class: "range-slider-number_left" }, this.minValue), h("div", { key: 'b10ed050daf6d159a4944ed3f8bebb00a89c502e', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: '8527e054dae0fb54f7ddbc2e4e9bd57247a4a371', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: 'd67b2f4c17073e10f8e3ec994c172bcff53eeba1', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: 'dd09ca4645a161071b5902609dd08b702d85d41d', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: '360a19f11759119f049b7d0e7994cc2247e8c2ca', class: "range-slider-note" }, h("div", { key: 'fc461cdf4716f377dc09ae7d3a53e289190712eb', class: "range-slider-note-icon" }, h("svg", { key: 'ca6f47d6134765b97b537f6ce7ba4f88b5e26f41', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '82423c6d4be56d6a934f7329c50e4d26b16f2611', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: 'cbd8467cedb5ddd65a1ea308d21831ff394a77be', d: "M6.06004 6.00001C6.21678 5.55446 6.52614 5.17875 6.93334 4.93943C7.34055 4.70012 7.8193 4.61264 8.28483 4.69248C8.75035 4.77233 9.17259 5.01436 9.47676 5.3757C9.78093 5.73703 9.94741 6.19436 9.94671 6.66668C9.94671 8.00001 7.94671 8.66668 7.94671 8.66668M8.00004 11.3333H8.00671M14.6667 8.00001C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00001C1.33337 4.31811 4.31814 1.33334 8.00004 1.33334C11.6819 1.33334 14.6667 4.31811 14.6667 8.00001Z", stroke: "#384250", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: '649f351602aefbb11ca78b68682fa8a12134f955' }, h("clipPath", { key: '3a55b42b09c722bb960f4bdd9d6d7424bdeeaa25', id: "clip0_17869_405" }, h("rect", { key: '8c08f74a33fd6da026a82e87304d71c5bd148af0', width: "16", height: "16", fill: "white" }))))), h("div", { key: '0c30c60cd92c6a81fefb9cd890d3f372c51e1162', class: "range-slider-note-content" }, h("p", { key: 'a4d532e0ffa12aa1624e02c4374c394ddd788f35' }, this.helperText)))))))));
+        return (h(Host, { key: 'ff9dc523cd6181d337141fd333aeb1df945799a1', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '3b4dbc21a48b6a76be9c186f977bcdf8b2781a2b', class: `range-slider-wrapper ${this.size}` }, h("div", { key: '0efbaf84a93f8f5f2c468f8ec5e0c6a022f1bf91', class: "range-slider-input-wrapper" }, h("input", { key: '04cfbd25703697683cadaf8f807b3115a64fd9ef', class: "range-slider-input", type: "range", value: this.minValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMinChange.bind(this) }), this.range && (h("input", { key: '048fc56c9402d23483569733ce606adcd97fe5c9', class: "range-slider-input", type: "range", value: this.maxValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMaxChange.bind(this) }))), h("div", { key: '64e1b7f65d4cae5f2eb6967500dfb12ed55399cb', class: "range-slider-container" }, this.showLabel && h("h3", { key: '2e710990519a3de60980bfacddc9af5aabbb7183' }, this.label), h("div", { key: 'b423c915987b8ea99685a3407580401797da92f7', class: "range-slider-control-wrapper" }, h("div", { key: '25baaa3f5abfc0ffbc09b10d38b5bf354ee24a85', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: 'c733c9b76fdcf42fcc9596611e9c57b562c33c97', class: "range-slider-rail" }, this.range && h("div", { key: '9b4b12d4e8466e28a87d65c98b5a360a25fc3ed7', class: "range-slider-number_left" }, this.minValue), h("div", { key: 'b99e23abc452218f1efd84948abf4bf3651b90d5', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: 'f4f6264662658d9b601b4a9382842f83dd19f964', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: '8a8c2f7fd644f1b6664ffc826ebabfb367e18197', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: 'af9b65fe0501390798a471029b00cd0a3556e445', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: 'e90ebcb2cc1cc9f09b62754b36c97229d3cf39aa', class: "range-slider-note" }, h("div", { key: '627e81a62ec40e1eb37351d231f49b000951cac4', class: "range-slider-note-icon" }, h("svg", { key: '980debb7f227d1fab87558d4af0bcc7587c0f147', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '5e36241d637e91275f5433211993ece5a60907b8', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: '63e0df5676fe1d5ca2ffbc1366fe238d5055515b', d: "M6.06004 6.00001C6.21678 5.55446 6.52614 5.17875 6.93334 4.93943C7.34055 4.70012 7.8193 4.61264 8.28483 4.69248C8.75035 4.77233 9.17259 5.01436 9.47676 5.3757C9.78093 5.73703 9.94741 6.19436 9.94671 6.66668C9.94671 8.00001 7.94671 8.66668 7.94671 8.66668M8.00004 11.3333H8.00671M14.6667 8.00001C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00001C1.33337 4.31811 4.31814 1.33334 8.00004 1.33334C11.6819 1.33334 14.6667 4.31811 14.6667 8.00001Z", stroke: "#384250", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: 'f2c26b39e97fbd08326ee2bbbb365268ea830bd7' }, h("clipPath", { key: '37db6c22b87ec78ee796d7aa41873a1db2db8ca5', id: "clip0_17869_405" }, h("rect", { key: '3123c60bf33523eccad40ac0246f384b7f2d6186', width: "16", height: "16", fill: "white" }))))), h("div", { key: 'b6a58b1cf00d05d80dfaf654cf5ce1f9662587f1', class: "range-slider-note-content" }, h("p", { key: '5882496ea9e07a5ef38121732bf01883aa47d1b8' }, this.helperText)))))))));
     }
     static get is() { return "dga-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-structured-list/dga-structured-list.js

@@ -79,7 +79,7 @@ export class DgaStructuredList {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h("div", { key: '2e05da8b8bef5a55ad03e0792aa605069d493001', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '775c5f39e01ce7f307f5b357351c3a0ca35bb413', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: 'dcc273c49193d47b1d12570ce95b7df4a2c72be2' }, h("tr", { key: 'fc42e1ffc24ae770cf7ca751c4df89d590b22d05', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: 'c53eac4a04b6d6cd0ac54abb46f7e2d89f4f8b3a' }, this.sortedData.map((row, rowIndex) => (h("tr", { class: `${this.rowDivider ? 'row-divider' : ''} ${this.alternate ? 'alternate' : ''}`, key: rowIndex }, this.cells.map(({ El, customAttribute, propertyName, type, colSpan }, cellIndex) => (h("td", Object.assign({ key: cellIndex, colSpan: colSpan || 1 }, ((customAttribute === null || customAttribute === void 0 ? void 0 : customAttribute.key) && {
+        return (h("div", { key: '6625ecac9ef78d57cac9ccaf43a6da0446b73f2d', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '0e0df97cffe6f200a61655b1d693a68fc4536d30', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: '5da7eed1eabbcea929925f0a225def3cbd043590' }, h("tr", { key: '31f990b5191727dbcf4b2a0fe0c52dbffbb27228', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '2a36258b3a5d14be0c9fa06d2726f7ae9d9dd8bb' }, this.sortedData.map((row, rowIndex) => (h("tr", { class: `${this.rowDivider ? 'row-divider' : ''} ${this.alternate ? 'alternate' : ''}`, key: rowIndex }, this.cells.map(({ El, customAttribute, propertyName, type, colSpan }, cellIndex) => (h("td", Object.assign({ key: cellIndex, colSpan: colSpan || 1 }, ((customAttribute === null || customAttribute === void 0 ? void 0 : customAttribute.key) && {
             [customAttribute.key]: customAttribute.value || '',
         }), { class: `${this.compact ? "compact" : ""} ${this.colDivider ? 'col-divider' : ''}` }), h("div", null, this.selectable && (h("span", null, h("input", { type: "checkbox", name: `${rowIndex}checkboxSelection`, checked: row.selected, id: `${rowIndex}checkboxSelection${propertyName}`, onChange: event => this.handleSelectedRowChanges(event.target.checked, rowIndex, propertyName, cellIndex) }))), type === 'element' && El ? h(El, Object.assign({}, row)) : row[propertyName])))))))))));
     }

package/dist/collection/components/dga-switch/dga-switch.js

@@ -56,7 +56,7 @@ export class DgaSwitch {
         this.sxHandler = new SxHandler(this.el, 'dga-switch');
     }
     render() {
-        return (h(Host, { key: '0632cbe12ce2d18db3cee7e5b15558b65f7eab8c', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: '35bfd7914480fc315ad732c6ca7f8dcca8b943fa', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: '1b47dfda683cd8c433ebe6f3b6b4d6b163b10dc3', class: "switch-main" }, h("div", { key: '18ca64c56fcb498d55ecac6334f85ad18b9df944', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '07488d447e48fe9e84d0898103f9e7c18826f065', class: "switch-wrapper" }, h("input", { key: 'ae1bfecc1529b052697f23d4af8f66bb5d5e6f31', type: "checkbox", name: this.name, value: this.value, id: this.id, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: this.onChange, onInput: this.onInput, checked: this.isChecked }), h("span", { key: 'c472d7dc30d102863556ecb3c9047669a2f1e37c', class: `slider round ${this.isChecked ? 'slider--active' : 'slider--inactive'}` })), !this.hasHelperText && !this.helperText ? (this.label && h("span", { class: "switch__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "switch__label" }, this.label), h("span", { class: "switch__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: '6c993d612c24f195d47458a529e8c9785e72416c', class: "switch__warning" }, h("span", { key: 'ab40b8c329844e4da3371db0476d8abc30f6640d', class: "switch__warning-icon" }, h("svg", { key: '876579503768049bddcd8a81d4c338f198079f9f', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'aa33cf37b203dcd998faac04d037800a236fafb0', d: "M8 1.33333C4.324 1.33333 1.33333 4.324 1.33333 8C1.33333 11.676 4.324 14.6667 8 14.6667C11.676 14.6667 14.6667 11.676 14.6667 8C14.6667 4.324 11.676 1.33333 8 1.33333ZM8 13.3333C5.05467 13.3333 2.66667 10.9453 2.66667 8C2.66667 5.05467 5.05467 2.66667 8 2.66667C10.9453 2.66667 13.3333 5.05467 13.3333 8C13.3333 10.9453 10.9453 13.3333 8 13.3333ZM7.33333 4H8.66667V8H7.33333V4ZM7.33333 9.33333H8.66667V10.6667H7.33333V9.33333Z", fill: "currentColor" }))), h("span", { key: '3b60ccc9f5b4a46c8865c3e8b44c0aa0ce1ed4b6', class: "switch__warning-text" }, this.alertText)))))));
+        return (h(Host, { key: '3ad152e5f19cc466295ae461e52c890147c250fd', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: 'f793423dbfdd8e8b15c2d7b5bf826722f66fc105', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: '844713ab78fe988e5dfca4b2f8e0662491560c0d', class: "switch-main" }, h("div", { key: '894ac6ec71f9ae9fe7e3aea234f3c365204602d4', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: 'd009fddbff1587071a53daa9867556d547d8c4fe', class: "switch-wrapper" }, h("input", { key: 'a33202a9703e80dd62a33f1c84075b0abd89238b', type: "checkbox", name: this.name, value: this.value, id: this.id, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: this.onChange, onInput: this.onInput, checked: this.isChecked }), h("span", { key: '77f7a22b0e0ffef81acec90eca5536ec5c50c856', class: `slider round ${this.isChecked ? 'slider--active' : 'slider--inactive'}` })), !this.hasHelperText && !this.helperText ? (this.label && h("span", { class: "switch__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "switch__label" }, this.label), h("span", { class: "switch__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: 'd1a5b8c0c211407aa7a125404204fefd2ea84151', class: "switch__warning" }, h("span", { key: '70a93128592211a2ae9b545f4b32698f6072bf46', class: "switch__warning-icon" }, h("svg", { key: '0664dccb388af471dad77ab764d34f70e291de70', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '1a44ce8c181244f3351ffec4eba873c99d396e72', d: "M8 1.33333C4.324 1.33333 1.33333 4.324 1.33333 8C1.33333 11.676 4.324 14.6667 8 14.6667C11.676 14.6667 14.6667 11.676 14.6667 8C14.6667 4.324 11.676 1.33333 8 1.33333ZM8 13.3333C5.05467 13.3333 2.66667 10.9453 2.66667 8C2.66667 5.05467 5.05467 2.66667 8 2.66667C10.9453 2.66667 13.3333 5.05467 13.3333 8C13.3333 10.9453 10.9453 13.3333 8 13.3333ZM7.33333 4H8.66667V8H7.33333V4ZM7.33333 9.33333H8.66667V10.6667H7.33333V9.33333Z", fill: "currentColor" }))), h("span", { key: 'b1ac2193040ce73d888e3a39d1179e953718710f', class: "switch__warning-text" }, this.alertText)))))));
     }
     static get is() { return "dga-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-tag/dga-status-tag.js

@@ -38,7 +38,7 @@ export class DgaStatusTag {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '3cee4e726d07a5d0fad6ebcb34b2edb14033d305', id: this.componentId, style: this.rootStyles }, h("span", { key: '30f46ffc39b445c1a7c3401d3a50df58f1a2c597', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: '2efdf5489aaa768dd25b4040532a26d437fd03f7', class: "status-tag__indicator" }), this.label, h("slot", { key: '7448d5ecb91eab90bfe8b59d2653a0714aa472c7' }))));
+        return (h(Host, { key: '507d21b8df6c0e03b9a51d74841100fdcbc3af0b', id: this.componentId, style: this.rootStyles }, h("span", { key: '791546020efbc42788f2f0dcf1cf4948a11edfc7', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: 'edeb11f510afac40a32d7df0d274cf6f5a5a6c8c', class: "status-tag__indicator" }), this.label, h("slot", { key: '924b360f34a82f37eb5607b3188c316f4b16c7ae' }))));
     }
     static get is() { return "dga-status-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-text-input/dga-helper-text.js

@@ -6,7 +6,7 @@ export class DgaHelperText {
     }
     render() {
         var _a;
-        return (h("div", { key: 'fba2082feeec8236bb4b1c427530200461fde1c7', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '045252be8c2ad9d9efc620bb08476f62f18d1bc7', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '762ed7b7ff308b0ab447f6f38c7bf421b586e3b4', icon: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '45d3cea48852598a25cd3d5798c1b9e099411085', class: "dga-helper-text__desc" }, this.helperText)));
+        return (h("div", { key: '9ce77fa2f456e20064b153aef3c1fa436563eb49', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '07990ee96959b34986170620b219194844e30970', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '702f2185be7544b679b543a063f0c76049cbe7e3', icon: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '5fb2b0ceacdda88772a4ade8ac9e94a514e79a22', class: "dga-helper-text__desc" }, this.helperText)));
     }
     static get is() { return "dga-helper-text"; }
     static get properties() {

package/dist/collection/components/dga-text-input/dga-label.js

@@ -8,7 +8,7 @@ export class DgaLabel {
         this.required = false;
     }
     render() {
-        return (h("label", { key: '2664ee2470a12a0a0c4319ace89e7433b9f97fb4', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: 'a133a41c5a00e5c010485629f3caf56da205d09d', class: "star" }, "*"), this.label));
+        return (h("label", { key: '4d40b590e3045b65d31807a4a02cbffdd5cb0a76', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '5a5decc5839d7ce035ec25dc84d492cf7e92dc6e', class: "star" }, "*"), this.label));
     }
     static get is() { return "dga-label"; }
     static get properties() {

package/dist/collection/components/dga-text-input/dga-text-input.js

@@ -63,12 +63,12 @@ export class DgaTextInput {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'adabf71d1c87cb0c46329397ad6f0e7c266ea12c', id: this.componentId, style: this.rootStyles }, h("div", { key: 'fb2980499894e0f74d139c6cdf845b584f0eed45', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '6d55b18ababa9c2889aa812eacb17b766e6fb3d9', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'ec180d4b780bfb4d6f0c0ada2c9b9b1c017965ed', class: `input input--${this.size} ${this.error ? 'input--error' : ''} ${this.variant !== 'default' ? `input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("slot", { key: '49bf9e9c32ad4d924b83d3c69b501d2cfc29790a', name: "prefix" }), this.icon && (h("span", { key: 'cd8b961739982b43da19dc62de08b5c504fb2a0a', class: "input__icon" }, h("dga-icon", { key: '59b68d7269ddd1d32a4b1e0becfb43875c64cf54', icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: 'dd38bb384e9c8c282d857be74379ec3f55615693',
+        return (h(Host, { key: '0858f48662c1dec58bcf2b35f63501be68c9344a', id: this.componentId, style: this.rootStyles }, h("div", { key: '6e1f1d8717fcc5f8c1ae3da680f21075308d4563', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: 'd957b562a4e04c7f93be7e2fdf07218e26270b62', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '4cff6669f027958bad72f61ea825d3c68d50390b', class: `input input--${this.size} ${this.error ? 'input--error' : ''} ${this.variant !== 'default' ? `input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("slot", { key: '6a72c1f0d8d1c7adf4e1813c0f17d11ee78ba0c7', name: "prefix" }), this.icon && (h("span", { key: '4126803f5157f8baca3ac2b7e31f0cda7434cf06', class: "input__icon" }, h("dga-icon", { key: '0119b859ecf61cb4e8f0a4b4844223646d215607', icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: 'a1011a70fef6d5f31c5e03467f84dbdfb290e34d',
             // id={id}
             ref: (el) => (this.textInputEl = el), value: this.value, name: this.name, type: this.type, onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur(e);
-            }, class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), this.error ? (h("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` })) : this.feedbackIcon ? (h("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null, h("slot", { key: '5271bbff657a8a584f03a45d2ee5a8231602e1e3', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: 'affe6c109ebbab79e4e258fdeedd7ff0777deed7', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
+            }, class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), this.error ? (h("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` })) : this.feedbackIcon ? (h("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null, h("slot", { key: '068446d038a2bf4de9a072898eba807005994cac', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: 'cf4e6eb83f1c4534b33b574301f0f4eba46c133b', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     static get is() { return "dga-text-input"; }
     static get properties() {

package/dist/collection/components/dga-textarea/dga-textarea.js

@@ -63,7 +63,7 @@ export class DgaTextarea {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '83c6148d1462c180689f59cd4e36cb5f36419a17', id: this.componentId, style: this.rootStyles }, h("div", { key: 'ca25a25507fdc3e3e63ba22d860d2a948ce82799', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '57f30c31316ab5fb70161cc2f5712c6b21efc362', class: "dga-label" }, this.label), h("div", { key: 'a0a548e8ce73c08f73c260fc4a65065af1205a96', class: `dga-textarea dga-textarea--lg ${this.error ? 'dga-textarea--error' : ''} ${this.variant !== 'default' ? `dga-textarea--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'disabled' : ''}`, ref: el => (this.inputContainerRef = el), "data-error": this.error }, h("textarea", { key: '1908026fe5519688a40333ed024bc0fb8ae0e278', ref: (el) => (this.textAreaEl = el), onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), class: `dga-textarea__field ${this.resize ? 'dga-textarea__field--resize' : ''} ${!this.scrollbar ? 'dga-textarea__field--hidden-scrollbar' : ''}`, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows && this.rows, cols: this.cols && this.cols, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput, name: this.name, value: this.value }), this.error ? (h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--error ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes['error'])) : this.feedbackIcon ? (h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null))));
+        return (h(Host, { key: 'c0012dadd8e09eda05f18d449ea56bce0ec44361', id: this.componentId, style: this.rootStyles }, h("div", { key: '3da76e53c18a6161a7cb0f9085afa6d9cf99dd4f', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: 'f4d6b1cc19cec2659830f3d8efbd3ae550f14a32', class: "dga-label" }, this.label), h("div", { key: 'e5ae4c30bc48d4da377d7386108320752ff4dea6', class: `dga-textarea dga-textarea--lg ${this.error ? 'dga-textarea--error' : ''} ${this.variant !== 'default' ? `dga-textarea--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'disabled' : ''}`, ref: el => (this.inputContainerRef = el), "data-error": this.error }, h("textarea", { key: '9905c304b17794871de5ce641bfba29934778450', ref: (el) => (this.textAreaEl = el), onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), class: `dga-textarea__field ${this.resize ? 'dga-textarea__field--resize' : ''} ${!this.scrollbar ? 'dga-textarea__field--hidden-scrollbar' : ''}`, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows && this.rows, cols: this.cols && this.cols, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput, name: this.name, value: this.value }), this.error ? (h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--error ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes['error'])) : this.feedbackIcon ? (h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null))));
     }
     static get is() { return "dga-textarea"; }
     static get encapsulation() { return "shadow"; }