@platformscode/core 0.0.49 → 0.0.51

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: 'cf3c563eb232f2d3e55ceca0fced2bcc6ade00c4', 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: '520d0b9f6d7aba63e37c8ad61464a5bf09c0f0c9', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (h("div", { key: '1ea0c1290b19f6d219ed67ba6dad89004602489e', class: "modal__close-btn" }, h("dga-button-v2", { key: '545fbcc88e93dec696790db0b5a3d7d970b9ccb2', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (h("dialog", Object.assign({ key: 'b39e7bc1d966a6aefbec6475e657790546e4bf28', 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: '09a53976bea14985cb38b0abea3cc81b2a55e7da', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (h("div", { key: '8f29d67d7d79eb1e8ca96806e2338378af3929b2', class: "modal__close-btn" }, h("dga-button-v2", { key: '7fee75408518e4ad857f240a62954321c06e2a99', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'Cancel01Icon',
                 variant: 'stroke',
                 color: '#161616',
                 type: 'rounded',
-            }, onClick: this.onClose, variant: "subtle" }))), h("slot", { key: '409b5cfb98bcc7273800aeaef4c966e6dc40ddb0', name: "modal-header" }), h("slot", { key: '6f9660f38bb8d5a927ff57453989b95c9cd6df1f', name: "modal-body" }), h("slot", { key: '295e4828c1cc587aa34af53dc9365a7dc105dc80', name: "modal-actions" }))));
+            }, onClick: this.onClose, variant: "subtle" }))), h("slot", { key: 'd4eabba5e1d14aa465d70873247ad9d7f8988faf', name: "modal-header" }), h("slot", { key: 'ad654f53b2a356805007a2d989e498611bbff8c5', name: "modal-body" }), h("slot", { key: '8bb28bc5c8335da51740dfed07e871faad217aba', name: "modal-actions" }))));
     }
     static get is() { return "dga-modal-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,11 +46,11 @@ export class DgaNotification {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '571f0b5edb54ceabf5173615c906d659d9f551bc', id: this.componentId, style: this.rootStyles }, h("div", { key: '3e3c4a39121a1249179005846b39faf8099710da', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: '654facfbd9209473cffe72138e22458aaa50597e', class: "notification__content" }, this.icon && h("div", { key: '5290e99cf5ee332f47d47d4b1dc0da069237a78d', class: "notification__icon" }, h("dga-icon", { key: '85ecb4c05095d02af31ecf9c2461b6057aaef327', icon: this.icons[this.variant], size: 24 })), this.leadText && h("strong", { key: '12de19229ec917c8b324ac1e14d5c91112bc367b', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: 'c84d5aecf472abd28b07f336146b7b35ddd8b08b' }, this.content), this.link && (h("a", { key: '17e62656c436410de22af44de0a1de190dc97a16', onClick: () => {
+        return (h(Host, { key: '42a6e8c3f91cc4aed07fbdd36efab1576721dd2d', id: this.componentId, style: this.rootStyles }, h("div", { key: '25f30f4ee6c5e09abe94854de31582f437bb1f2b', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: '47e5242530649730de10fa42b8cf078610a54af7', class: "notification__content" }, this.icon && h("div", { key: 'dcfcbff64fdb9e516a7e9e9bfd15d021a6557c7a', class: "notification__icon" }, h("dga-icon", { key: 'b0ebab019fa74d09928f54063975841e4906cd9f', icon: this.icons[this.variant], size: 24 })), this.leadText && h("strong", { key: '90d75813609896eeb1aa2aedaeb9becea9945b86', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: 'c119fde57eea9639e3e0f7399d7e070214b19a2b' }, this.content), this.link && (h("a", { key: '23424a8aae65c6755d0cb967e40ff884e905b958', onClick: () => {
                 this.navigateTo && this.navigateTo(this.setNavigateTo);
-            }, class: "notification__link link link--md link--neutral link--inline" }, h("span", { key: 'da50902ff2df3d81ef4ee8ef81644a3f53e4e7e8', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: '477adecf22d04ce7485fddbd1393e2cff3781a9f', class: "notification__dismiss" }, h("button", { key: 'ef842e83b9a29dc85a72e18d594dc2d09277f4a6', 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: 'd14754c7ed02abf14e72140a43f769c31111843c', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: '160768e7f7c0c3a6d97f9201acaf5e694c0d14bb', class: "notification__dismiss" }, h("button", { key: 'fe8aa76a240bfd07a41dd897b22dc3467a87beaa', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: () => {
                 this.dismmissed && this.dismmissed();
-            } }, h("span", { key: '74dc98f3ad44bf5eee558d402047612f0e686ff0', class: "dga-btn-icon" }, h("dga-icon", { key: '9be1db5cd78af65fb959fe9962e46be9ebf2423b', icon: multiplicationSignStroke, size: 20 }))))))));
+            } }, h("span", { key: '5d0b568bb21cc3d6a25ae7136eab374ecbc0a375', class: "dga-btn-icon" }, h("dga-icon", { key: '42d426f415ebf79ca23e70f4cdecaf04e618aa8f', icon: multiplicationSignStroke, 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: '065bec7ad58c746dd57d466f50338fe0b17d0053', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, h("div", { key: '5e804fba0bbe18b6ac2630293f951f3b79a20f47', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, h("dga-featured-icon", { key: 'cb2fa0b6b61ba6c9d351ef1c0ed2ce4754277684', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), h("div", { key: '08d3dba69bc7ef73e623fa662134fb7902358446', class: "notification-toast__body" }, h("h4", { key: '805c3af5fdf7daa6a778abab6425320c94682d12', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && h("p", { key: '8df6df7249f676ff5a349e89d32982739d55ab19', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (h("div", { key: 'de60eccf6e2b7bf2c60c57006a00a8f2333ca9f1', class: "notification-toast__close-btn" }, h("button", { key: '64ee45014cd49b6696d4ad53c070f3b7290cc9c7', 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: 'e65cd4bbbf4d05c816d6ed5ab07232e83a0db819', class: "dga-btn-icon" }, h("dga-icon", { key: 'e19381e191d8d61ae4c3d4487963db88c5779628', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (h(Fragment, { key: 'd1770326f90c6523a6408775038549542f24c066' }, h("div", { key: 'f1190a59de913f6b9596aab2a1580a3d10ed3254', 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: 'b10da11a964df2547877d129d8ebff6d9b24c4c3', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
+        return (h("div", { key: '5bffb945cfa43b5f3ac4d4e892425d680bb3842e', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, h("div", { key: '20fa0638070a55d053dfabea6a85925c29d5e51c', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, h("dga-featured-icon", { key: '0761c05e5c83aff65cbe0df4a02a91c0f88e532b', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), h("div", { key: 'eced1f380df943426662df170aec77398d3667eb', class: "notification-toast__body" }, h("h4", { key: 'cd79a30976d37a71e90c634d5e394321f59a1453', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && h("p", { key: '72f4d9290cf957e18a1d869da23b00523980fa8b', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (h("div", { key: '613bb152daa1ba2bf9a7d46ab032e728b5bc6d39', class: "notification-toast__close-btn" }, h("button", { key: 'cafbb559c4280e922800cabfd3749b1e6e16df83', 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: '51b7cf02486709eff0965d878d690b795bc7f819', class: "dga-btn-icon" }, h("dga-icon", { key: '72ca0d21dfb9e13f7d4fbc2ed3baebcde4bf5cdf', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (h(Fragment, { key: '628e3de0ec0857a23a868f2772357575cc9694fd' }, h("div", { key: '777af79d444cc9daa1da04b40c7da228829efab6', 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: 'c56ccbb8b6a63265a1e391a3de0c557265a0855e', 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: '37e46ffa20c683421bd48ecd94f1387502eef69a', id: this.componentId, style: this.rootStyles }, h("div", { key: '68a4cdb395d2e14f701fa0506dfbee9c78e2b659', class: "dga-form-control" }, this.label && h("dga-label", { key: 'caf2a4f150ad1af51b3720bbcdc6a6d0ed6f0c7a', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '7a57f470de4d1da7d8945476a728b6107627335c', 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: '6a20ba974009e774cf4406143ceb61fbf82fd7a6', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: '7109eb247ac989a4f7fbea9e8fa16bc44a65cab6', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: 'ad9e422149a79c891c4b2938856da5d2cc256bf7', name: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '108a917e3c4514f688d0f74cc0034d86b02a169c',
+        return (h(Host, { key: '493a6ff32a6a25edced9b9532556051c6debdd29', id: this.componentId, style: this.rootStyles }, h("div", { key: '7abd8d56dbe123950e581e44152b8b89590280e2', class: "dga-form-control" }, this.label && h("dga-label", { key: 'cfe68373eaeaf9103fa9cdbcf74ba84f0a1d71cc', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'fccce3efba08a95ae3e8774d0018cab5099fec3c', 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: 'c480b0caebdbb64f39e8b6796483f4d0ce4c178d', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: '8637fa96246651fa2be449c8e403f5a8440e25ea', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: 'dc6fed2b13d79da66ca7c423bdec1971d31ec548', name: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '2ca31cc906884c2f695c0fb13bb09772fbca1eaf',
             // 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: 'dfc4b5231754275924ce37d946e142a16d924b6b', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: '14dcd6a8a9b023cee7588dfcb68b8ac4db8756b8', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: '76a60117aba6f360bf832b1ccd572131091a7d00', name: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: 'c5da074a3a051163fd8d072ea59c0b55247a8b1a', 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: 'bd301fd93e414eca2a42bab6385657702b33f4e7', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: '35d60ee1be026c43fcfab28cbbf5897eabbbdd00', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: '3c5ad0e67706e18d705e55aa2087a78868657ff3', name: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: '5be2b8e7fb52ee7e4569c1bb946223044d5df4ac', 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

@@ -136,7 +136,7 @@ export class DgaPagination {
     render() {
         const { el } = this;
         const dir = isRTL(el) ? 'rtl' : 'ltr';
-        return (h("ul", { key: 'a36a677c4dc43255131af54c225334082f09c2a8', dir: dir, class: `pagination pagination--${this.size}` }, h("li", { key: '01a0d519fd0ef67f878a1a0e70cb04e13b73ba60', class: "pagination__item pagination__arrow" }, h("button", { key: '148c8ea8d0d149e38aba29cbdc9572ba2dbf2eb2', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("dga-icon", { key: 'ccaf5b086bb22688953b034e89f82e763e0c4b1e', icon: arrowLeft01Stroke, size: 24, color: '#161616' }))), this.paginationRange &&
+        return (h("ul", { key: '8177b72ce4a64ff71896c5bd5481f9c982af9e7d', dir: dir, class: `pagination pagination--${this.size}` }, h("li", { key: '334fbbe69f0b11f5a16030632d5b8a505c830884', class: "pagination__item pagination__arrow" }, h("button", { key: 'feb390a637ef5837e7a63f72b9230a2de380bbd9', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("dga-icon", { key: '96ca585d90b559895c98c285219ee6ec7da88ccc', icon: arrowLeft01Stroke, size: 24, color: '#161616' }))), this.paginationRange &&
             this.paginationRange.map((pageNumber, index, arr) => {
                 if (pageNumber === DOTS) {
                     const prevPage = arr[index - 1];
@@ -152,7 +152,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: '316eee5365c410b337d9aea86b0cd782c1511029', class: "pagination__item pagination__arrow" }, h("button", { key: '5f89393a2e1802643d3c063db05d5192188b50ce', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("dga-icon", { key: 'c9c6f7395882f8dde28f5ff081fe5f6e54c637d9', icon: arrowRight01Stroke, size: 24, color: '#161616' })))));
+            }), h("li", { key: '821c1df73d546ce359ce7df3a92d140d5166227a', class: "pagination__item pagination__arrow" }, h("button", { key: '4be627c51a712df7324420a3a7e4faed98e529a0', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("dga-icon", { key: 'b338e64a5c77627b04cf4e44e0b676036b55b37e', icon: arrowRight01Stroke, size: 24, color: '#161616' })))));
     }
     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: 'c6108b52b5232f2cd1339d515ff3696013d1237d', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '16fb38fc2deb77d9a0abe2f89d1dcaea23d17f69', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '4591dd75182590cc86c0056057a32d2db8bba49d', class: "step-label", "data-state": this.labelState }, h("span", { key: '8d882040bd151ffde1204b70739d8c92a61b1f35', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'e43125da84444f3dbab5279a36e87cfae409d7e2', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'f48bbe193a0284c1781d3bd44331379cb6857435', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '8dbd21a5aa3090c9c64bc8882ee226551e9a9f0c', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '180826a6bd331c831dc8fcbe4bb75bade0fb70ae', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '94fc09885eda5439de96648f87a08249a301ed35', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: 'fa222cc81a77ce222e9629fa5f04518364588d09', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: 'cd9c5348724702d8c41eca42bd8e1e1767b67d5c', class: "step-label", "data-state": this.labelState }, h("span", { key: 'c7d7e76c9df79576c3285c0200160fbaa0001dc3', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '0b132641f33907ea2a7330380ea8270e5c8a79f5', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '763c45aa97cc690fd61f5302ccd534fb0eb62e87', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '9d12774c8778bf86200630678b998b26e178d54c', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '1c09398ace284aa8c294a600b4e3afadc92f61e3', 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: '8c1836448edb3f1843d8b1ed49fb265bf23c7beb', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '733997d1ebece6a93ce8c5d8987946016284b341', name: 'progress-indicator-step' })));
+        return (h("div", { key: 'ed617611d8afc858da810c6f85f8cfefb667d46d', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '1688875fa1bd88d004d394e6465c8ac4ea8a681e', 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: '86b00fd3ea645e5f4f145ba093755117251fb5cc', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '1cdc6dbcbddca2613921fdd0c3e343d50c3e131f', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: 'f09d6cb4624ae4ea9a2513e0c508d70acf3630e2', class: "step-label", "data-state": this.labelState }, h("span", { key: '9e0f6d3a45386762798b838d45611666f6a132af', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'aa2143809403697f9912f8ac5d63f7ed4fa0fdc3', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '2414a538e6c480a8659e5b4afd50072563a8b1e2', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'b49c1b187085d1d2b87307143c467d35bf8d927c', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '4436f8f0129b9453680e8c582c002e7a861e4d49', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: 'f48da01738a5ad6d81c1b87e91d5a42be3f17307', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '9a544ea35a40ce67881ff76043718275e0512ee1', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '0054bbd2ee96142ac6dcd7b311c6ae11d7b4e09f', class: "step-label", "data-state": this.labelState }, h("span", { key: '1cd7360c96a8a4f534acaebba57f29bc13d99571', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '71109ff506a118455618634ba83e8a0616890168', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '03dca506cd8c29429418e221f43679ebf1038a64', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '3d425416ca3af23f7965f3e0876a3ec9051a6e53', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: 'ae8f2ebf5ed71c5318e1d81bd027337ac0ad2689', 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: 'd5195dca1f4ad8adcb86cf56171775c9a537d906', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '5b17d3a2d3f65a41f18331adb0c2bb3c27b972ad', name: 'progress-indicator-step' })));
+        return (h("div", { key: '8c05225d6e59cea059ce6782697b9ac31a504ba0', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '2f3b706c1a363a3d75f38d464e301e6fa5ca9c98', name: 'progress-indicator-step' })));
     }
     static get is() { return "dga-progress-indicator-v3"; }
     static get originalStyleUrls() {

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

@@ -27,7 +27,7 @@ export class DgaQuote {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h("div", { key: 'f3c31c6492d116f54ba020464e48c63af093ed06', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: '21cf9b7137d5a9d6e46b5a7f3e8c32a1350177f5', class: "dga-quote__body" }, h("dga-flex", { key: '4665daddf47cce975460ed2c295f8784a15e2489', spacing: 9 }, h("span", { key: '35dec680f9257d81858306a390ccdd715e10af52', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '72599788b5fa8fb88d8cf78c81981845265ddf0d', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: '1f35bef18c3c189f9cfc3fb84096f4ed0836aa5a', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: '7e167f136ed517ed34ddff7ab5eed631e67698a4', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: '72971563ab9783754e5b8249704ab4acd63d3b89', class: "dga-quote__auther-details" }, h("dga-flex", { key: 'ed3b04709e72a08e57592483a20c07a46e3899e1', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: 'e358f93c6a9d53fae8c072a4871bd54a0147df3a', size: 80, type: "image", border: false, imgUrl: this.avatarSrc }), h("dga-flex", { key: '8b0ec810801a63594bf66ccc4ade33596c42082a', direction: "column", spacing: 8 }, h("h3", { key: 'b95aca8376c571e7b299d87140566222779c45b4', class: "auther-title" }, this.authorName), h("p", { key: '90765edb1eb1bda64730385755e10ebce8de4e7a', class: "auther-desc" }, this.authorDescription))), h("span", { key: '734cd68680d6a91d42aad9544a72944e080366d0', class: "quote-icon" }, "\u201C")))));
+        return (h("div", { key: '65b8dcdbbeed5525c4b3ef0fa21d1b2b8029cc20', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: '2b544a78114146df098a9cddcbdd87e2461cdf91', class: "dga-quote__body" }, h("dga-flex", { key: '17ee96ecc19a804979659aa120f0b6b66e178bf9', spacing: 9 }, h("span", { key: 'a4d7926e8224aac7fb96cb91a2df5cf58e7019e5', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '775e5701c60072106e8dc472d03faa2d8dcfd77d', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: '4c59fcea03087ae0c6a5575fb949709bc9765aef', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: '9f4a99acad8daed1484c566656d922da7aa72826', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: 'a2ba6509cbad377c9c2636ad984b3f32759cc1b6', class: "dga-quote__auther-details" }, h("dga-flex", { key: 'ab845180159de24eead39bfe1b7fa883e20aa525', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '48629feefdb49ca7aeb6d155e0d426f37ed4c233', size: 80, type: "image", border: false, imgUrl: this.avatarSrc }), h("dga-flex", { key: '8cab5db5d2861b89e8f07852afe5285eb5ebf317', direction: "column", spacing: 8 }, h("h3", { key: 'bc8c5cdfb09037a7d40b70e2e79c50f1ab51fa5c', class: "auther-title" }, this.authorName), h("p", { key: 'd780abb8e538e81002a0c28fd33ac047e2857903', class: "auther-desc" }, this.authorDescription))), h("span", { key: '8964a7e7e620126cc2d911cda63cdc898d600b29', 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: 'af48104d525f3f685237f025e74f00faefa655b2' }, h("span", { key: '034ede13c1d5a5771c86d573bfc46c463d54d020', 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: 'bb5f9e9facca9f9041648a9b2422d079d2f408e7' }, h("span", { key: '9481d9d0aeb329e3c92227b60e6f71dee385b7f1', 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

@@ -107,12 +107,12 @@ export class DgaSearchBox {
     render() {
         const { el } = this;
         const dir = isRTL(el) ? 'rtl' : 'ltr';
-        return (h(Host, { key: '3b8bae22f86099c672184a036e4bd37049499dd9', dir: dir }, h("div", { key: 'fa455f5d08dd0d37431e95d9e8645a32e5dfb323', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: 'd61ad1c6e7de590181209a031910831c60422656', class: "dga-label" }, this.label), h("div", { key: 'f8da87a8c20b3680b21d5bb799d42c9c9f52868f', 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: '181abea957eaf4834dc62a33eab0afb827af1c3c', class: "dga-search-box__icon" }, h("dga-icon", { key: 'b645499a949d1989935a78edae55e100dfdb3a49', icon: search01Stroke, size: 20, color: '#161616' }))), h("input", { key: 'cfb60a1946586fd59302c912549526700c617bea', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
+        return (h(Host, { key: '154b3094ed0a667e0b48744902a5635630da6712', dir: dir }, h("div", { key: '534f093c975762bdc1a91fc1a617a332c581d0db', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: 'f3f6d76deddbba4e74482cf653f1cafa1fc8c0f7', class: "dga-label" }, this.label), h("div", { key: 'a6f8fa67653e0968bdf1ad318d8a2990814d9f7b', 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: '26d789cefe530fa4334548ee0ebbf7c4baae3194', class: "dga-search-box__icon" }, h("dga-icon", { key: 'b8389eb9f19dc4c182957a73251acbe5d518e783', icon: search01Stroke, size: 20, color: '#161616' }))), h("input", { key: '9fe9a44b685adb217fd02205ced7489fdc2e3687', 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: '7efb149d9279f894d68739c2eea0022386e7166f', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '37960160fbbb1a051f260c77c89837848443c593' }, h("button", { key: 'cb169ad50ced1b27f9c08015933d363ca2cffe9a', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon", { key: 'b6fe90f117f64afd06bf2c88a3ad3368c7774061', icon: cancel01Stroke, size: 20 })), h("svg", { key: 'be7c0a068917d924ee2e47e2ad01c2a150b2f2a5', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: '41b7fdd14825685d501198f01663b1d1952d63f7', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: 'aadda7bc97204c48a404b78bbff921306f8cb97b', tooltipTitle: isRTL(el) ? "البحث عن طريق الصوت" : "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: '1b2db3234d5c50edc2a6e1eabf7d6daaf9fa1e80', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01Stroke, size: 20 }))) : (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01Stroke, size: 20 })))))))))));
+            } }), h("div", { key: 'e643ee9c00cd4944be0ea975503e0db0cc069633', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: 'af1b76df2c9db0d2ae7b8769d4a09ace3f232c67' }, h("button", { key: '2dce5a9f226cff62989a4b7511f851f516907588', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon", { key: '566e4ca5ba591745031768a13fbca4a7592cb165', icon: cancel01Stroke, size: 20 })), h("svg", { key: '4cd8e077fb128dcf82efb2519b946126c3bdae2b', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: '09dabea062dc9dd40fd2f15efb12d7406b014fa3', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: 'c89224607c737930ad4b9b57397b84de5f20fe5e', tooltipTitle: isRTL(el) ? "البحث عن طريق الصوت" : "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: '52bda3078924f666a2437aa353f99d36b3aca22d', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01Stroke, size: 20 }))) : (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01Stroke, 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: '4f13bea9f9c1b8deb1cb7b9bdb908c92641dd193' }, h("div", { key: '32e25b10b8779acdbc0e60c32b5006a9dc7a0282', class: `items-container` }, h("slot", { key: 'bd989914f556098298fbca6c80f60749bf91819a' }))));
+        return (h(Host, { key: '656a45dd9fa455b169626083bb5bbc3ad311565d' }, h("div", { key: '025fbee94b4cf9da5b74adab5ae1a6bea56f7be1', class: `items-container` }, h("slot", { key: '02364f830ffa064bb1b9bc0ab31e0bf621d3a2f5' }))));
     }
     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: '8c6a8cbca0a45bb98b169619b6b088a0fcf87155' }, h("div", { key: '028f1f65e4a7a0e1fefcc7ee631d59138e281aa6', class: `items-container` }, h("slot", { key: 'd680b0dcdaf2000234bf20254ea671397eb37c14' }))));
+        return (h(Host, { key: 'fd843ea201b8f2df955270f5954b6cdd1a131992' }, h("div", { key: '1f89f601da513ebdea736fad4ad5575da105fab1', class: `items-container` }, h("slot", { key: 'ede8b986ba20359b7b91e05ce3748abee831debb' }))));
     }
     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: 'b02dc9f1e6650ac6bd6cf85d44b105283d9d3171' }, h("slot", { key: 'af18cafbd1e955f713d22a83299889e589392e63', name: 'icon' }), h("slot", { key: '7022e55daef2703b0a56897a3e9ac4f3dc500d0b', name: 'label' }, this.label)));
+        return (h(Host, { key: 'c610e1fde410f3e1471dd9439bd1b9bb0b4eabe1' }, h("slot", { key: '9970780eaaf6fa28be190be48a542a9f57a9f4a7', name: 'icon' }), h("slot", { key: '3d0828a6e8cd25a107598d0de6e47ce602d1b3f0', 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: 'e44b53e87e61c702a17f3da55ccde2d20a07b61b' }, h("div", { key: '6b1f69bfd45ce38abe16e991925743d9059151ba', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: 'cb5cba04d09c6a41d6fc347d80f3f8faf87dce54', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: 'c66b315d6f5c863a5d7ec44c15ba26666b368082', class: `content` }, h("slot", { key: '5039905d7391d685536b1b4564273da0f2142480', name: "content" })), h("div", { key: '9a6394bdfc9ca1865aaacad5722164a956c94e4a', class: `actions` }, h("slot", { key: 'd561e06f2aa8bc0a3d4559d3a01caf3b0f9edeb9', name: "actions" }))))));
+        return (h(Host, { key: '95cc58371f4cce004aba8a83f4bdbc16b2617dc1' }, h("div", { key: 'f5d30a30b7fd09f2bfb696af26b2481021d58043', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: '08efa2e8c7c062020588273aeb217d02cf67bf25', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '89ef9a79e559be149b6571d0479d76081fb64ea6', class: `content` }, h("slot", { key: 'fbf5f35d53caac64074dced53fbc13f7c592355c', name: "content" })), h("div", { key: '9df51afb79ed141f021f6d22f0e1a80690a6a925', class: `actions` }, h("slot", { key: 'a0cd9a003da3d92ffe5a0e18421936e2a91bb983', 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: 'eacae5262c7f412ee68cfc896c77eb0646309867', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
+        return (h("div", { key: '23d9d449c3b5a3272908d1811b37541583b24a93', 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: '745af7b961925df4430a53cab8a9ad280bcd1359', class: `line_text ${this.size} type${this.type}` }));
+        return (h("div", { key: '4e7847fe2df567382855572897f5c3958b7525f9', 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: '6d15b74c5a7d339bb0986b5d74a1ea5c1ade5752', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
+        return (h("div", { key: '1f9a725b8a942706810028df42f9afd21db782c7', 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: '0b3917ffa19a707f48cb9fae6904983ee0b43307' }, h("div", { key: '256525b2cee8fd8ff14642bca60db7c00148d4c5', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
+        return (h("div", { key: 'ec53f88065750fb119da6711034ccc2d3ef818bc' }, h("div", { key: 'a752b7b91eeae5fc5469721bba303953c412ed8b', 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: 'a6580fd6ca95d69cb70f8800839c6cc1d1e16e8e', class: "dga-slideout-menu__actions" }, h("slot", { key: '01d3442a54bf0603420f74cf9ec9899602d10ded' })));
+        return (h("div", { key: '2d308ccd2bb85f2667e35acc1068cf2c7412c226', class: "dga-slideout-menu__actions" }, h("slot", { key: '9cafaefd5cf75aa83d52f80171e8cf6d42c9fe57' })));
     }
     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: 'f0ca0a747f4327b5abc00e4fa68f3ce927e979e5', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: 'ecf1ea37fa54f66cd2119e6a0675478dfb111aeb', icon: {
+        h("div", { key: '9f5c6a8256bd65127be2fcc9183e263ac6860028', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: '20f6edbfbed636de4a278d2e9693ed0ec1c7fa4e', icon: {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: '76d71effb636bc62618b750ddcbc2f138955d53c', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: 'f187a93403c909fb8717d2658e657db3c3d97a07', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: '4998006659d3454b51d00056001e8fffcd78a7d6', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: 'bbf15bfe52adff2430bf758e521e3bf859dac158', iconOnly: true, leadIcon: true, leadIconProps: {
+            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: 'f5aae5c445bbd9b00e1873c2083211265c261d0c', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: 'd1dafa6cfaf61bd58dae5ca1df4222d5d04468c8', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: '7cdd1166471ffc80c5657aa4ed9676a147a3a566', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: '92a08ad24d231ed1dd12ac66bbe0b9850a57d155', 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: 'a6457afead8b2eb627a0b3fd5d0f8b12f175d6df' }, h("slot", { key: '1a50a2c7ab95c0ccd4e124279e1c2358d494e8be' })));
+        return (h(Host, { key: '4383e033ce47c692ae34a7e61dfc4cfed48e3471' }, h("slot", { key: '5ec8307784c63c686e53e556cacdca4d11a0be90' })));
     }
     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: '9abef3a50792757fe502b78dca2d5d5a240ce20b', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: 'f86ba376b9544c8ac128742e5a0240ab424a2307', name: "slideout-menu-header" }), h("div", { key: 'a6aec17b4785db7e6c76171b7956d183dd53a2b7', class: "dga-slideout-menu__body" }, h("div", { key: '3b25d520da3cd61e857b0c999db91e5951030f0a', class: {
+        return (h("div", { key: 'fe09271f2f04b1636078664ba100870f7c86c46b', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: '45627ac31f5738b81d7ec6f10d1f766bbc46b608', name: "slideout-menu-header" }), h("div", { key: 'c9bda084db9a6d4f8a2da57b24edb9474bd48216', class: "dga-slideout-menu__body" }, h("div", { key: '13c92b00d86586b8ef7a42dc2358ca231209131e', class: {
                 'dga-slideout-menu__items': true,
                 'dga-slideout-menu__items--hide-scrollbar': !this.scrollbar,
-            } }, h("slot", { key: 'ff57dd16812aefe17ce4b0cee7fb4f81d455f352', name: "slideout-menu-items" })), h("dga-divider", { key: '473787f6c432ce41bd8a8682b63b1d927c45f6fd' }), h("slot", { key: '08a18aababb1d496e8eb8c883a2d2e7913b93b80', name: "slideout-menu-actions" }))));
+            } }, h("slot", { key: '58d6847877bbf77760e3c85f8e51c950a7a65d75', name: "slideout-menu-items" })), h("dga-divider", { key: '68ca68c09345e617c66fa06fd4e14e2da8bd3b92' }), h("slot", { key: '8d72ae0bf7970cf16ceb8eb2992ac1a987092f55', name: "slideout-menu-actions" }))));
     }
     static get is() { return "dga-slideout-menu"; }
     static get originalStyleUrls() {

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

@@ -75,7 +75,7 @@ export class DgaSlider {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h(Host, { key: 'fdb2ba28c3748172a5bd822d05da3aea2fc05c72', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '06cddd48de5900e70ade4c204761ded6aa2f9a48', class: `range-slider-wrapper ${this.size}` }, h("div", { key: '3b5e03e34e3f6b2795ec5ae770512522106a7f56', class: "range-slider-input-wrapper" }, h("input", { key: 'd2e22bd7d7be46c8deef086b8cae883d7f5e2f6c', 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: '508a4b019888cb6b7cfa2bbb67b551a81132603a', 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: '9b0331d411f3ef8636061d525e36ea725139cbc7', class: "range-slider-container" }, this.showLabel && h("h3", { key: '4a20cb24569d0f79da3450f345af02aa360755d1' }, this.label), h("div", { key: '91c4e8240826b418daaca0d0ef1593696a905dca', class: "range-slider-control-wrapper" }, h("div", { key: '19fe6390c90d9f8f2f345825e37db6b37c246ba5', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: '7bba36f1ae6c10d8cb18e2573b4d27ae55da1c6b', class: "range-slider-rail" }, this.range && h("div", { key: '955f03deca055b18aeeaccdac6f8207d86124ad1', class: "range-slider-number_left" }, this.minValue), h("div", { key: '96e5a37b9f60e26e6927d7790c7635522e9bd0f8', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: '346a4bcf59435c6b513f4119e0001ea4a96dafd5', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: '7e6e1f2210056c88090eed7b7d0c4837196a9e8e', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: 'c8fc4e29493c73c1ce34c283ae9c5f2411f0c75a', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: 'f054aef6301e2bde5b62e89bdee6b26fac860ce5', class: "range-slider-note" }, h("div", { key: '41045073ef37652bf686722f44cd9aa5d6f209ba', class: "range-slider-note-icon" }, h("dga-icon", { key: '67ab536ed1562b4530ad021e1080638e2fa4bc42', icon: helpCircleStroke, size: 16, color: '#384250' })), h("div", { key: 'af047c4578bf4f19d3a74c8fbe6cdda11d3f19f8', class: "range-slider-note-content" }, h("p", { key: 'a7a2701375a982ed47eaf62789c57c9062478553' }, this.helperText)))))))));
+        return (h(Host, { key: 'c9eb39e2cee7ded7c336f31acb7a3dd5fa525dea', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '1c46b4ee5f8fe79fce63da4f4160f7d3c3499b14', class: `range-slider-wrapper ${this.size}` }, h("div", { key: '8e6a1e642e9abdd4a71dc62e3c8ba66cabe29535', class: "range-slider-input-wrapper" }, h("input", { key: 'e74aab745df2b1dcae9a06a099ebb5827d94b59d', 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: '03b0d919c6b8a8079697541cdec60da87a52c3d8', 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: '83ee6f8edc70c3e967d79fbec7272bf11ff6c2d6', class: "range-slider-container" }, this.showLabel && h("h3", { key: '715f7d0fe0e71740e60b9acb8ebabc40c720c9aa' }, this.label), h("div", { key: '4d8ac20facaeacbc2ae755a4fd25eecfc0ae604b', class: "range-slider-control-wrapper" }, h("div", { key: '09cbd6648163bda08927db6ad9ba2aeff79dd545', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: '8990b15c70636c3d8f36da65aaf9cfd54e53da78', class: "range-slider-rail" }, this.range && h("div", { key: '54ce0d377dc0e908e2ae849772277e87c48afc4b', class: "range-slider-number_left" }, this.minValue), h("div", { key: '7d4ae647c9231761ad42123ec91d5f5f99e714ba', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: '5440746c3602ab4842cb3283b1994fd88f3878c0', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: '488b866421a43287e8bd3f7928a700fa320eeaa2', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: 'ad6d3b921d06310bd4e9fb9a1ad6b6c14a9e7776', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: 'b61378319a9fd72d90944c383e75195ca5f9a714', class: "range-slider-note" }, h("div", { key: '467faa7f1e317713baac2981209ac9cb794af8e5', class: "range-slider-note-icon" }, h("dga-icon", { key: '5cc3c94950d55a760acf6e4ec7def3c38d15490f', icon: helpCircleStroke, size: 16, color: '#384250' })), h("div", { key: '071f7d7d660ec12e373b38696ad31bfdf0c1933e', class: "range-slider-note-content" }, h("p", { key: 'e1cb7464a49a123e530a96b88362017fa0c13015' }, 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: 'e79666f5643dbe89605fb0a560a78596483f2f32', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'b8f79b6db5cd3fb33ce13a1230eee20bd71fd591', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: '75cf2e10f26c0ebc3fcc9ef5fd7392ff601c9efe' }, h("tr", { key: 'f4beec70a645cca916ee1d3f5e4cce260f2b1a76', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '254c6e2fb6ead3c765e3d15b50fb2367c211f8a9' }, 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: '5087eaef28b7e658d4d596fe8f25c557592fab23', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'ae024f15edc9171d56bfb86295a794acfaa65b93', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: 'ac3597aad1ed61f5e8a56853d71c8700789c52b4' }, h("tr", { key: '1ae0d87d23b2e2b15f09f4f4e4f8755d7c5b673f', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '1ae1093fa062ade4d07190049fb809beb1d5cd45' }, 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

@@ -57,7 +57,7 @@ export class DgaSwitch {
         this.sxHandler = new SxHandler(this.el, 'dga-switch');
     }
     render() {
-        return (h(Host, { key: '18130859e3e395c62b0ffb032f317aae45f7d6d9', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: '22eadabb402d3b31d32f687415b1c90134546c96', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: 'eb1fb03bd0bf3236d2ab22abae3d8704abaf98ec', class: "switch-main" }, h("div", { key: '8f4179ee441d551fb910f03cf31f6002df83cc15', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: 'cdf986f984b8ddff533a7023ff0297d0284eb86c', class: "switch-wrapper" }, h("input", { key: '767b1a18c3f343a911529ffe43abe050c8d99bef', 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: '45bcda090fdb983e8548842c6312be229f8c35dc', 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: 'e10f2766d553761c458e4f7904254e886b60207b', class: "switch__warning" }, h("span", { key: 'e5d6a5825aa129d0bb1eca2f2f69f7226e9c4909', class: "switch__warning-icon" }, h("dga-icon", { key: 'cd40a7db877e7af750f1a8f85fdfad6960fa9358', icon: alertCircleStroke, size: 16, color: 'currentColor' })), h("span", { key: '7069a7c3d2dfdd247f13ae7fbfdad061872ea22e', class: "switch__warning-text" }, this.alertText)))))));
+        return (h(Host, { key: '5a464dd2129dc7cc5bf8b786a66270a9b612ed50', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: '906db3ef86dc91ff05abf4a6eebc0e6a110afc87', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: '9c73c6c642ad1bc12744aabdfa2adc297ace1601', class: "switch-main" }, h("div", { key: 'c21927e8409bf479dfb3061a3282ebebe5b45020', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '2a14f6a7cc615e81d8deaaa41b9c2107654bb419', class: "switch-wrapper" }, h("input", { key: '841c7ad8464db570abf84e9db70a5c4d2eed167e', 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: '21c5a0bc667634728f92706586b8247182e9cbbf', 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: '9af36303535be721d61e7390fdaa36fcbf26cf51', class: "switch__warning" }, h("span", { key: '45a30be63b3cb22686113901872472d17d6bd40a', class: "switch__warning-icon" }, h("dga-icon", { key: '48ae4ddb70d4949c0ea7d92923cd6594048f589e', icon: alertCircleStroke, size: 16, color: 'currentColor' })), h("span", { key: 'a5af76cb92ea3db9ba719ef0aa242469450f1abe', 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: 'b3ae70c9b818d2c1dca697cb9db18948555354c4', id: this.componentId, style: this.rootStyles }, h("span", { key: 'dc01f81f13f05e10dabaf47576e76f7e457aa877', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: 'fae3a9c0a2dbb660a670904f4e79e00073764604', class: "status-tag__indicator" }), this.label, h("slot", { key: '4f0b84a4e41f8f12b9f7f72d8cfef10c948bb91b' }))));
+        return (h(Host, { key: 'c9cb52ab2a68990497dff7d5059b9cd4ab022404', id: this.componentId, style: this.rootStyles }, h("span", { key: '500922d06dca9f445cf5425c7bd902cf7b8ea0c5', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: '4266c6415c1d1590c6f7b0d9a33f009fc4272e00', class: "status-tag__indicator" }), this.label, h("slot", { key: '29e603790ea73dbdedc7c5fe2d56b4cba4569d57' }))));
     }
     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: 'f7b561b48aca76822961633a9ba5ef3db07f6755', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '8ae46ec323e7cfb72656f6c28a5ac4a118e194c1', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '54df6f5eb3361ebac053656e929cbc58286067ca', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '74fe3eea473c129305bb44683cbdb812933b36ee', class: "dga-helper-text__desc" }, this.helperText)));
+        return (h("div", { key: '213580af65d4aa321d825083e943288d09432450', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '55179e27b7b48a1a593ae25f46e36b309ed534e4', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: 'f66038a68e3c6ec0e27ef3b4ec02a7255f5be632', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: 'bf669f90f14638b2c77376bc67f37b6629b8ed45', 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: '692ee36b718139de64025241bc4fa8a146566c97', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: 'e9b496087978459abe4ca6371d34d021e7a499d6', class: "star" }, "*"), this.label));
+        return (h("label", { key: '08610dee7d6ff1af49ac661bff077e70dd37f048', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '3e2001bc221e9a32c82007849b09ebe3abc1a148', class: "star" }, "*"), this.label));
     }
     static get is() { return "dga-label"; }
     static get properties() {

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

@@ -64,12 +64,12 @@ export class DgaTextInput {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'fe16cfffd4d8741bd35c0599b06bdadeac7f58dd', id: this.componentId, style: this.rootStyles }, h("div", { key: '12191cfbf577e4ca80be2d10e1de7c99dd7ec5f1', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '9af15d3e82af14d56091ca21ce753848b9e75cb2', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'ee6812f57348b118751d97af4a9b5804543e7436', 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: 'e135cfd4d52956ad4490a3470438aa196acd5acf', name: "prefix" }), this.icon && (h("span", { key: 'e49d3324a880d69af741e9dad98805bd0f72faf5', class: "input__icon" }, h("dga-icon", { key: '8dbfa5cb0d3086050007bc0d87c4a0f8f4c65d1e', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: '40ad73d3426765dbf745cb424a9f648672e4f5a5',
+        return (h(Host, { key: '661380783176cec7939b3d593c54d7aeb2ffb1ff', id: this.componentId, style: this.rootStyles }, h("div", { key: 'c6d0d9bf487b64c9a07773a525d224a6af13617c', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: 'ab1b36dd8d679f0b2fd4a9db02c59342945c51de', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'a3d7558725ef067eff69e8d772a960e6c60cdbec', 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: 'ca83f98cf420d03d4efea0049fcb0fdacdff88e4', name: "prefix" }), this.icon && (h("span", { key: '937258c6e02392924098ec0a7d10f3a011308411', class: "input__icon" }, h("dga-icon", { key: 'd1c4ce4657ad04e990086e138135c8d6ece02451', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: 'bf5198b51eb4cd2975e00ee3e70372a89a7ee96e',
             // 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: 'df0469c8a2916e509d9cd6adcd6b204290679ce1', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: 'bf17345b0b29463ad7a2fc0fe05e7fe08b10d6fc', 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: 'ee8e6f9822c756d02cc6aabcf68598c03b13eaef', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: '8bdf9d1b720944c391a0081872ee56d2f665c84c', 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

@@ -64,7 +64,7 @@ export class DgaTextarea {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '8d9122997e637bf36c56b2dddcffddd96240914a', id: this.componentId, style: this.rootStyles }, h("div", { key: 'dcea58cdc3154edfeb658258c23a84ae73e68e0b', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '5a4850f47e8b762553c1a9dd3ed916c390db2571', class: "dga-label" }, this.label), h("div", { key: '9a1f436397d07edbc2167f14e88d485751310cb0', 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: '70d298e9addbdc0b55ae9622682a50d173707717', 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: 'e13775599fc68c27669a76471df78c1c58dc0ecc', id: this.componentId, style: this.rootStyles }, h("div", { key: '47adda462d92584b1b2db500fef49f36b5baa9f5', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '05104dc3dda26ae75df342f33f82056a5cee899f', class: "dga-label" }, this.label), h("div", { key: '399fc9e4d3f8d03ddb7a2bf04706d0c139d55e45', 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: '95a2ee732c131f6f6ee65acba7203d0431230a02', 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"; }

package/dist/collection/index.js

@@ -1 +1,11 @@
-export {};
+/**
+ * @fileoverview entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
+export { setAssetPath } from '@stencil/core';
+export { addIcons } from './components/dga-icon/utils';

package/dist/components/date-cell.js

@@ -1,4 +1,4 @@
-import { D as DateCell$1, d as defineCustomElement$1 } from './p-DrJOWVZZ.js';
+import { D as DateCell$1, d as defineCustomElement$1 } from './p-D37nQNad.js';
 
 const DateCell = DateCell$1;
 const defineCustomElement = defineCustomElement$1;