@platformscode/core 0.0.25 → 0.0.28

package/dist/esm/dga-notification.entry.js

@@ -69,11 +69,11 @@ const DgaNotification = class {
         (_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 }))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-number-input-usage.entry.js

@@ -6,13 +6,13 @@ const DgaNumberInputUsage = class {
         this.value = '';
     }
     render() {
-        return (h("div", { key: '4f18ad25895c8d8a2b37ca586c07c6effee3b616' }, h("h1", { key: '8e472dc4041cd529d9f858100adbf454781838eb' }, "Number Input Example"), h("div", { key: 'd5a232edc6da9117325c2db1b4f880533161fe4d', style: { padding: '50px' } }, h("div", { key: 'b117f02e94aaa08f4813aeb0867d3f67cd2ce220', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: 'c3c19012a03d7869a8559815d9c38ac6c79cf63f', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: '2dd6af5f021f04b432453a4140fb40b435273736', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+        return (h("div", { key: '3f7083c0a957a30aa2190fbe04ded363d8d66be1' }, h("h1", { key: '4e143a435c8c0bbefec7f9e13d000d5aadbd8d8a' }, "Number Input Example"), h("div", { key: '7ecd8da3895351cdbf03b9696796ef8c4aa3312a', style: { padding: '50px' } }, h("div", { key: '9769176f7a55b154264d891943c08925022fdfb1', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: 'e5deea9b7982a644cd712085f346e4eddcc2f0a8', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: '1e72d6160cd2ef916ee6f5f335ef3856e4694b48', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: '499be806013aaa65b276a991b8dadb95296dc05d', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: '197b2b1023695075eae9d33705e71fbe1f8ffa3c', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: 'af0831cc65ed6096a74a46f2164c4d2644f29796', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: 'cdeb37daa1ac55924bcfaf090f49c314f15c00eb', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-label", { key: 'c548ddc93af69b15dde8830ed1677c73048138da', label: "Mandatory Text Input" }), h("dga-label", { key: 'bf39344314a06c9c690a2646c9cac33914019612', label: "Mandatory Text Input", required: true })))));
+            helperText: "test" }), h("dga-label", { key: '0c1a6e92835a6ebbdc6121067682aedf9f44386c', label: "Mandatory Text Input" }), h("dga-label", { key: '492b44db0efb5337f0d1aff9bf182763eb278390', label: "Mandatory Text Input", required: true })))));
     }
 };
 

package/dist/esm/dga-number-input.entry.js

@@ -69,12 +69,12 @@ const DgaNumberInput = class {
         (_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 }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-pagination-usage.entry.js

@@ -6,7 +6,7 @@ const DgaPaginationUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '02ccf5d9f2ca65255594fc6689d2bd19f9cb8c84' }, h("h1", { key: 'a617a8786fdb21fc278f3fb078dcd63740f48401' }, "Pagination Example"), h("div", { key: '19c299d6ae7a2bf3b7070779635917d47fcee353', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd6195056de135caa362560d1e7acae790d3a5922', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: 'ed5c4ae8cd89548a93bd6e4820dc2361327b46fa', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: '599e9368043983fc6b5f2a212ff1a39b429588ea', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: '37b899a04dd72c6e2eddf2aee246e9eae1a6cb97', totalPageCount: 10, size: 'small' })), h("div", { key: 'af2d0275be88b5d6746efdae8078e49640a0b20f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '9f625c29d368b4e0411eaea590656a31fa6a63fc' }, h("h1", { key: '9366abd95d516a8ae9e582bd1bf1444a894a1783' }, "Pagination Example"), h("div", { key: '0ed92ae7626fcf7480a3b29d40fa3d04ac653c67', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '33bb5d88aef980ac3d22a3cf5b36d7a9324e174b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: '4ba100561b9fb4eab364c869b404800228361213', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: '820eb9c46cafd1cc23508cf87dfdfc58abbcd3f9', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: 'bf95e07d94ba006af7b8f50367cf79f0affc544b', totalPageCount: 10, size: 'small' })), h("div", { key: 'b83a6896afac005d53719bcdbe1ec1e8d9b98e90', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-pagination.entry.js

@@ -80,7 +80,7 @@ const DgaPagination = class {
         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"));
@@ -88,7 +88,7 @@ const DgaPagination = class {
                 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" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-progress-indicator-step-v3.entry.js

@@ -71,7 +71,7 @@ const DgaProgressIndicatorStep = class {
         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' : ''}` })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/dga-progress-indicator-usage.entry.js

@@ -8,7 +8,7 @@ const DgaProgressIndicatorUsage = class {
     }
     render() {
         console.log(this.activeStep);
-        return (h("div", { key: 'b77c2c3b1acba42094b27aa328456e736e0725ec' }, h("h1", { key: '8127735eb763a341ea8dd94e223e85e6a006ae55' }, "Progress Indicator Example"), h("div", { key: '2cbdd12f0a67b28a816330fd60dff309e28e69a4', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0ce3cb7b5356321f74c8567619310a4b308b3b9e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '4646171c942b320e445eed4de57692dfba26d363', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'd9b894d753c0d898af667fa28e70588a1054357c', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '4d98f49fd77c6169c733a36126b5aed3a2260b3a', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '0d0bcff29e2abcf3a4d8f5a1a07f1862d9500030', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '5e38352f81a233749902756fc63e6cd107da3563', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'cc0bbcdfafabb9cb3020f822a78ca48bd246ba40', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '0cd1bc7c505a5753a88e88e871b4d55c08042867', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '0dbd56191dd8260fc764c6dc460a12e2f4f7382e', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '262a0a7fdabbc9ed18c3982565ff5ef7333cce8f', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'ea99bdc73f5faf8f201366a39a0c14ac5001cc4c', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'c31d971bd227cbedecd103182e8ea5919974f6fc', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'f436f9c7cd242bb46dfe46d2e5353f47dbdb8cdb', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '43bd8531e87ed5bfc6176f80cdcad4f4df1b2866', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '106fccf5a9376be9fb0b47692373af84ce09cdea' }, h("h1", { key: '44dbe154c248ec8c3a35ee7f60c31b9665159a19' }, "Progress Indicator Example"), h("div", { key: '3ac549dc760eddaaf216e399dc32a068d2ae6bfc', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '15aec93f75ac5fdeae35c1fc60b764c08d36e9e5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '4aeb40f7c59c99fdef2356aebc37bd0ba8bdb3b8', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '2f69413030457e7c9c192efb310ee0fc8b278934', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: 'bd617089fd8e529ec72832ba1bc9083a15f3bc6e', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '732d540938f55034f8a48086ddd61437ef4b18c5', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: 'f3d8312f2d033eb01bd7d03803e481aa4c6703d9', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '8317a36870b00c58373111bb039702b4a18d6e58', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'a568405aab73427ee03b42e582d575dc65c377bb', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '9221f4bb855dfcc8282144b5cf1e41115562505d', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '2c69b186ecac0feb2f7ff0073b7b44d43ef48dbc', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'b423c50761562581d6cdde4b091af150a6458652', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '679018080064e782a8647ea5281bffa547b84e3a', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'c1745bbe4133c654a38936f510701262620db106', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '0ae88c79be9361d7ed9b72dc1a31a339e6f9834f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-progress-indicator-v3-usage.entry.js

@@ -8,7 +8,7 @@ const DgaProgressIndicatorUsage = class {
     }
     render() {
         console.log(this.activeStep);
-        return (h("div", { key: '746c52d2738b891f8865640e16bc9da478b84d5d' }, h("h1", { key: 'a453648bb63c8f86119285f828c8fdff6fd714ea' }, "Progress Indicator Example"), h("div", { key: 'c70430f5ffc792bb61a24152322d7e93cae496de', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '9b23e1074acff3c5fb44d8ca731267f75749da32', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'ed0d33ac40706b5cb3820765089ad28ccb914c33', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '8495faca33142476f0920bf32669e394ebec8aff', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '6b81a4caf71e9efe66a729edde1b6251a4ca0792', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '09cde36c1a0691a492b7cf76e6e710cc5aa36bfc', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '42f89fe993ea77ed99ed4d294afb1fec777ef4ee', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'f60e6ca84c34d8e35e653fd6cc3daced58613a3b', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '168398d9820a2169e4691c6edcb359b114aab03c', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'bf2bd2600abc3fa0126ea0f134e9409aecf55041', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'd0517f47d67446c67a5ddefcf872b2d55b848dbd', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '84aec3684de4a491f8891ebe57478da577f0dd47', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'dd2ef38db6cae55adec454fd724b62416ef2aeb7', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '2806f3434f0a5536e0eb57dcfce72aa2e325a1ee', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '785e3d392ad8942c4594901ddfdfcea50a3ca7b5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '2e67332be3cbc09aa1f52c603b38b40a425b4ab5' }, h("h1", { key: 'c36873fdbb35ed744706d71832e111e6516dc7bc' }, "Progress Indicator Example"), h("div", { key: '9012f1073f3b65dbc117d6ef397cdbc742c2b45b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2a8bd76a479b6a898cca37827871299289ff7ef8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'a0cbba9d112124f8046c9681d69d96c084c26c55', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '03b46ad5b402620bff27e75975261e312081aeb7', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: 'ac53fb0d1725e6fc4cfbcf2853e0cacf4f5f3a13', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'd7b0f137c48c1598797b493a11d6689b07ab273f', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: 'ec91d9c12847d8171ab3889546bd02041e50336b', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'e15acb2f02f8f0307700f0348d596c167db2fd91', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '09ac63b35b0e1b6e8b9f6d2a6cdc8e3f1aa53611', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'c6d55428303b4844bd4f6886bbb0359efc279c94', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '3da8bf9e08d55d927a156c7327a8e4b70a2eb35f', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '923dd3327a310769f5771acd1f7efeea38e32355', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '80634516df4b935ee481db880bdfb35935a09391', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'fb028923ac03aa0a1846b12b625db1b39277b6db', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: 'c7e55f39f75b551d218b58788d832115c15fcee2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-progress-indicator-v3.entry.js

@@ -41,7 +41,7 @@ const DgaProgressIndicator = class {
     }
     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' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-progress-indicator_2.entry.js

@@ -28,7 +28,7 @@ const DgaProgressIndicator = class {
         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' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -101,7 +101,7 @@ const DgaProgressIndicatorStep = class {
         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' : ''}` })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/dga-quote-usage.entry.js

@@ -6,7 +6,7 @@ const DgaQuoteUsage = class {
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: 'ebc6734bba474af45cad5346c773837c3cece4ec' }, h("h1", { key: '4604e33f2822892bac6132da1f4fa0d4e760e00f' }, "Quote Example"), h("div", { key: '2d3f9e4fc8a43c05f72f2be0f7f093251bd510f2', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'af206ef1d91f3e9fee96ed8e3c68324a6029b0a1', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: 'c2a34925fa5b4aae8b6552bd403eea99ed7797df', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.' }), h("dga-quote", { key: '30bd30a6b8b5ef1b32e1a546431f6bb17fbcdcdb', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.', whiteBackground: true })), h("div", { key: 'ad8bfcfd10847500c3b1a4821c06dfd6744890e1', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: 'cb447e17357b90a14014fe55a845807dfe95f9c8' }, h("h1", { key: 'a2287112a494870bc1b70d1fe106bd6da74f5086' }, "Quote Example"), h("div", { key: '86982734cee28192a6a898e8ba5de1f4646d9c1b', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'cbb219394b34a855a2f40c3ea523c5151e40f7db', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: '3614c152ed03747f8858dc0307dd2b72e3dc0d55', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.' }), h("dga-quote", { key: '1a78531153367a71175e855428ce645b20c7ce0a', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.', whiteBackground: true })), h("div", { key: '6fdf557138daa3ac1dbc46265776b3e71982ffae', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 };
 

package/dist/esm/dga-quote.entry.js

@@ -31,7 +31,7 @@ const DgaQuote = class {
         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")))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-radial-stepper-usage.entry.js

@@ -15,7 +15,7 @@ const DgaRadialStepperUsage = class {
         this.activeStep = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (h("div", { key: '545c32fc6e248f7d53d0b6fe65230d31bac944e9' }, h("h1", { key: '1e2b9db936b1fa1624095af68335e4eab299059e' }, "Radial Stepper Example"), h("div", { key: '34b6d64b70333a50a4db48e831e2428565623f13', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'dd8aaaab3e3c8724540bc1690b0ecbb8b2eb0e5a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: 'ee84e3ba80a9559bb8ec1fb438e448264162cf7e', size: "120px", activeStep: this.activeStep, steps: [
+        return (h("div", { key: '9c47326563e04d03b5422f50a428cb623cce6d65' }, h("h1", { key: '97cddb162e9bc7d8c83025204612a6d4de56c038' }, "Radial Stepper Example"), h("div", { key: 'cadbed3beda2ac862eb34ce14692bf9a7e34ef2a', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'af0b6c808347210dcc234c9f4b692618dd53b58a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: '7bdd6ecd7c6d4294f8fe8bd5647730adceb9aa62', size: "120px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -40,7 +40,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: 'c2693356e66900de8f7c0e92313ffc6ac30e85c3', size: "80px", color: "success", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '27992509962a448e713582ae0bdd9228cc508e0a', size: "80px", color: "success", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -65,7 +65,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '210177d09fe14387621f4e1dfdd1d7a35e9bda38', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '9d42d0c4b192722c16e0309a7fd48f37f2207c5c', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -90,7 +90,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '2bc8d0e0b1986136c6d96fbf0c9e0ea7233a12a3', size: "48px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: 'bb8494cec27c5057efa6ac98ac8310a28974885d', size: "48px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -115,7 +115,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '4e095dad5a41854888171089402f9b17cf182dad', size: "40px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: 'c268850e80ea824df23f96261c3459c21f816e45', size: "40px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -140,10 +140,10 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("div", { key: 'c37fc188323cca1f95b7a8d12149cefc1507f7b5', style: {
+            ] }), h("div", { key: '111539331b3adfd028ef4386e6427f8f7f772327', style: {
                 backgroundColor: "#1B8354",
                 padding: "40px"
-            } }, h("dga-radial-stepper", { key: '0fb7aa5ef7472a6da4e711f5430c8a67341c78f7', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
+            } }, h("dga-radial-stepper", { key: 'ff0107615055b8fa120de77d0fb9c7802db933b0', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -180,7 +180,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ], RTL: true })), h("button", { key: 'ab95b9b53cb94e8c41c4fb861172f2c191c15c17', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: 'd88d9c3de209284a930f49a06bd5610765a9674d', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: '2d24b30a7ff991955aa5299425d2bf3324e72866', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })))));
+            ], RTL: true })), h("button", { key: '20fa6550f6df7d0daeed82e39ae4b307c81ee2a9', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: '8c380c9a63df6dc7db9708d5d1ce7a7c8d63b00f', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: '77b2171cc10e239f9fd915451b78dc2f4c47cb56', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })))));
     }
 };
 

package/dist/esm/dga-radio-button-usage.entry.js

@@ -7,11 +7,11 @@ const DgaRadioButtonUsage = class {
         this.activeRadio = "radion-1";
     }
     render() {
-        return (h("div", { key: '98cc692b7bbf00f4c2b81a1eac61fd50426b31b4' }, h("h1", { key: 'cf8a04177caf0843219d130c813509ba63a42e5e' }, "RadioButton Example"), h("div", { key: 'f7da63fa2a8549a4650993bb9269bd77d8101c34', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd7aa22dd8cf4d81e5951ddb7af00899772b7d311', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: '092d8390c368ccfb54c87aa25340402e2a5c6dbc',
+        return (h("div", { key: '57e500e777bc5d9fa8a5bf19ca3a8f47365890e2' }, h("h1", { key: 'a1ef1a55da1556f40f9d00f96eb63d16e8cd3a7e' }, "RadioButton Example"), h("div", { key: '6c81a5127513f739a5521df126a04b3f44363e9a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4d131c121ec48210245f4f18267f0de4bcc2f6ae', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: 'c40df4a50fe9093aa4d5713c4765de7c9ba3f708',
             // id="radio1"
-            label: "Radio Label 1", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-1', checked: this.activeRadio === 'radion-1', onChange: (e) => this.activeRadio = e.target.value }), h("dga-radio-button", { key: 'a6608133248a301f4b8467ee7838373c0aea9acd',
+            label: "Radio Label 1", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-1', checked: this.activeRadio === 'radion-1', onChange: (e) => this.activeRadio = e.target.value }), h("dga-radio-button", { key: '8889959103d845e2f1d6086fa49856bb044b2eed',
             // id="radio2"
-            label: "Radio Label 2", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-2', checked: this.activeRadio === 'radion-2', onChange: (e) => this.activeRadio = e.target.value })), h("div", { key: 'd09896f9d2f0307494535b388ebe8b82428bd007', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            label: "Radio Label 2", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-2', checked: this.activeRadio === 'radion-2', onChange: (e) => this.activeRadio = e.target.value })), h("div", { key: 'ec48c19904dd96a468e185ae789689a0cc95d376', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-rating-usage.entry.js

@@ -7,9 +7,9 @@ const DgaRatingUsage = class {
         this.rating = 2.5;
     }
     render() {
-        return (h("div", { key: '180e26b6a0ecb0b68b09cf3907afdb8a847d3428', dir: "rtl" }, h("h1", { key: 'f22c3971f7ce0072016d8e5a36e1411a213cbb52' }, "Rating Example"), h("div", { key: '4d15b315a1fbe4f3ffeffc6a666b16387a82998e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '42dccc661806e211de71d588aa0dad63daf102ba', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '6ed46b9443b2e9b5398162afd712cf01bfc11674', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: '2c1130dac47f81912b6d316a1c7a7fd90ffc9c01', onChange: val => {
+        return (h("div", { key: '6e1fe64caf919b6520502799ae5996930f0b4566', dir: "rtl" }, h("h1", { key: '0fa34bce08e4610fe7248829eb098c90e010f7a8' }, "Rating Example"), h("div", { key: '16ca0bf248dbafa474f6abe91eec6dbfa7323ce9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '23b6938615085c1d6c326a99701f3369a1fcda94', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'f8edf82671bfb75b2375a91f8e7590cb837486ec', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: '0d4529e87932497f453f940011b1bf4d7612261a', onChange: val => {
                 this.rating = val;
-            }, value: this.rating, size: "lg" }), h("dga-rating", { key: '9009a6449eef66401f6293472e3e79c78ca42174', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: 'd3bdd14b1ea983d5e6fa7e866adbe8da9016510c', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: 'a9704758b7ecb382a299bf04c1e6acedcc343bf0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            }, value: this.rating, size: "lg" }), h("dga-rating", { key: '2697792a3066e03d43cc2870034f7efc39a75fe1', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: '89773275538a75b4406ae2de9c628f7c3750cf20', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: '3808488af034c0f7fa56223b40cd8205cf367d82', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-rating.entry.js

@@ -84,7 +84,7 @@ const DgaRating = class {
         }
     }
     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/esm/dga-search-box-usage.entry.js

@@ -6,7 +6,7 @@ const DgaSearchBoxUsage = class {
         this.value = 'test';
     }
     render() {
-        return (h("div", { key: '1c947f1efcff08190075355530399b345891da9e' }, h("h1", { key: '8a45266e662c317e3713db5b2ac7e30151a5aa6e' }, "Search Box Example"), h("div", { key: '84b2b3128efce5a8c479a041eb7fe97a0a82512f', style: { padding: '50px' } }, h("div", { key: '0a70679e1861dabff374411a00409632c7aa5cd1', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: '9ccd02f80a4cbbfc690265f59cce5fd5c616c129', variant: 'default', value: this.value, placeholder: 'test placeholder', onChange: (e) => {
+        return (h("div", { key: '36d32505fb10972aa974ed308b969c2c10712d63' }, h("h1", { key: '95300bfb1d9a191b47a9f078355669f558b2c5a3' }, "Search Box Example"), h("div", { key: 'eef1235e1b7d25c513255a0e3720c121b8512ea4', style: { padding: '50px' } }, h("div", { key: '9be305762fbf05ea833b01228c3c2f80c50ae3ff', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: '591081ba230e3b4a99519f1abb7043b2da427b5c', variant: 'default', value: this.value, placeholder: 'test placeholder', onChange: (e) => {
                 const target = e.target;
                 console.log("search changed");
                 this.value = target.value;

package/dist/esm/dga-search-box_2.entry.js

@@ -111,12 +111,12 @@ const DgaSearchBox = class {
         // 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 })))))))))));
     }
 };
 DgaSearchBox.style = dgaSearchBoxCss;

package/dist/esm/dga-second-nav-header-usage.entry.js

@@ -6,36 +6,36 @@ const DgaSecondNavHeaderUsage = class {
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: 'e15a34df527c81904767679fca5a43ce1ebb1ea3', style: {
+        return (h("div", { key: '9dca7605f8a1cec6ca5bd8ab960340eae19847a7', style: {
                 display: "flex",
                 flexDirection: "column",
                 gap: "20px"
-            } }, h("dga-second-nav-header", { key: '8d5d1988f50010cfce9b6e84c7d0703add257556' }, h("dga-second-nav-header-actions", { key: 'b33af6b298fa6104bed99cf7ff1e7489822493a2' }, h("dga-button-v2", { key: '9de50b5039a25b4ebd19186535c110ca405e67fc', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, h("dga-second-nav-header", { key: '92cd04e45b74177514a159d5fa51ddd02427fefb' }, h("dga-second-nav-header-actions", { key: '86f7e2cfd04c22c5ce44c56fb6edbdef779669f3' }, h("dga-button-v2", { key: '9b9ba4b3ab1786df76b151311d6ec0cf6e8c7ce5', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'mic-01',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } }), h("dga-button-v2", { key: '296bfcdc6f426c909062fd604fe65b18bf72ba22', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: 'b17e8b86d7dea23fa78db772e3d29bed1da0d6e2', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'zoom-in-area',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } }), h("dga-button-v2", { key: '9e38d737e242cae806c70cb384432c690f5f7cb7', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '09cfcedad0e89561722d279834a2679f57224977', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'zoom-out-area',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } }), h("dga-button-v2", { key: '9ccff910c83bf97d9df93f073e20f717bef5c5f2', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: 'a267cfb6cd38a27bc555ef38e34618c60ad805ae', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'view',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } })), h("dga-second-nav-header-content", { key: 'a8794a1e45631692600a6b4dfc8b83d61bdace67' }, h("dga-second-nav-header-item", { key: '135531dd00453a30f2d80c14f6af36b7e19da773', label: 'Cloudy' }, h("dga-icon", { key: '4316470167db87716d6f936d187a5f633b27dc9d', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '0a091e51462830917189c6e0e7b55941e6f90d2e', label: '21 Jan 2024' }, h("dga-icon", { key: '79a8f28c0ba12beddc00b2dbb1f88415f1cd46f7', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: 'b01d3f85f67e78d11006612e17164d63b016cabb', variant: "gray" }, h("dga-second-nav-header-actions", { key: 'f3315dcbe606d59904592b1a356224f3bd8701ef' }, h("dga-button-v2", { key: '00c61bd6a122c16b8414ec119c88f6719034f259', label: 'Button', variant: "transparent", leadIcon: true, leadIconProps: {
+            } })), h("dga-second-nav-header-content", { key: 'bfc3f89678cd2c7396d1910a710bfb2e964fb643' }, h("dga-second-nav-header-item", { key: '7a20155a19f87fb5bcef1ea339f15857950d6352', label: 'Cloudy' }, h("dga-icon", { key: '92bbcadaf79e4046a983fb743b4248cd6ae82735', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '10400f15c620a9f271131d6c971cb6c85bee74cf', label: '21 Jan 2024' }, h("dga-icon", { key: '1ef502cbddf1f664e74fc4b731306c30555edc21', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: '2ba1abeeccc9b7327ee71131ec9887e837c6599c', variant: "gray" }, h("dga-second-nav-header-actions", { key: '59d8997550798aed1a7117c0b6292bb12512727b' }, h("dga-button-v2", { key: '02f32493b1d3cca814aceb2bd6b5dfe5fcc3f15f', label: 'Button', variant: "transparent", leadIcon: true, leadIconProps: {
                 name: 'mic-01',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            }, size: 'sm', iconOnly: true })), h("dga-second-nav-header-content", { key: '1efe2ac890f79e50ee7b1493ffb901e1b2744f5d' }, h("dga-second-nav-header-item", { key: '0bb050a9e67ec64f33a74979512b15132553f86c', label: 'Cloudy' }, h("dga-icon", { key: '61611226f863886499333b5577c51127fbb55207', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'b01a34877bb3fadba0a2640a5c81b9a672a7c920', label: '21 Jan 2024' }, h("dga-icon", { key: '43e18fc01f3f152b8dc27e5ced979b24c7cb3ac3', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '7f3ec3a77b364ae735b2cf6018f70a6639eff7f6', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: '269e7947cc9e4e6d87b8e2afc6ab62dee54df7a4', collapsed: true }, h("dga-nav-header-logos", { key: 'bc89ad0dd8ad8dbefa3cbbe2932dfc2fa970bbe3', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), h("dga-nav-header-menu", { key: '2ff84d0126ac01c41aff05dd6566939562ac1c7a' }, h("dga-nav-header-link", { key: '2fdacecf5c3272db7aefd82dbf0c902f19987233', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '0bb778fe8c9e9f91075e8550e9e42318738eae33', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'aa2c9c5e203e68ee57e0f70463044d09eadcd401', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'fe9590bcaf180c065cbb350e7a47239055e43577', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: '6de3fb18d70a4fe966813c1318cde87c5e921401' }, h("dga-header-action-btn", { key: '48fdf3d7a3dd89d98f902161a090944c7d889b93', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: '036ad6c375e3f83ecb2bd193b8d190513122e925', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '7a4975cf35b3d98bcdce18c3afabf5a0877ce0ae', label: "Login", icon: "user" })))));
+            }, size: 'sm', iconOnly: true })), h("dga-second-nav-header-content", { key: 'a444e7c6eaf1260ad7697d8b373a1e3ac284e524' }, h("dga-second-nav-header-item", { key: 'b32b46deb055cb8610438d9e435e85e42e3fa596', label: 'Cloudy' }, h("dga-icon", { key: '590289a061098b548fda642da69df845813f5a65', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'a82b63d01362c1a6244918e42780ca273fad336c', label: '21 Jan 2024' }, h("dga-icon", { key: 'e8982a232198d6dd40200bb07ffb96bd6fac41a6', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '3f26be32247ed10273de3de853d023c590546623', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: 'd2db4d3a79530818885dd82b439bdc17ebfebd15', collapsed: true }, h("dga-nav-header-logos", { key: 'bc1a620385d629610d70e17fe153bec003a54e1a', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), h("dga-nav-header-menu", { key: '5193637ce0993d8e31b03d1d8975cb32fcb3d676' }, h("dga-nav-header-link", { key: '1a20f75c24a496a155c845bbb90080a64cd89706', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '770f539617aa164b3bc6600bb6face29eb36b11c', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '980457f30b9a1dfe08718b0c521ec55bcabab8ef', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '17ce7bd9840fcf5e84884581353cb494d4e865ea', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: 'a21ef6f93b8532fd9cd52e451f04fdeadc346e6a' }, h("dga-header-action-btn", { key: 'c4d97f8b404361d392edf5b4f9b1143f7c959fb3', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: '1d05dd3dd49ae3ddab4aa6892be3a832f0877625', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '1a36bb0abcd04b085f0872ecda555b0edf8a49e3', label: "Login", icon: "user" })))));
     }
 };
 

package/dist/esm/dga-skeleton-usage.entry.js

@@ -5,7 +5,7 @@ const LineSkeleton = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '21d93b1be73dc509e4df8100eb88601658029dbe' }, h("dga-line-skeleton", { key: '8ddeb298c55ef0857769c628d371ebdd710b77d5' }), h("dga-circle-skeleton", { key: '1d84fa0a8c4928085034f008b63665bca160efe3' }), h("dga-rectangle-skeleton", { key: 'a9fa1dbc7d2a61811a87fdd16c50a36f38513cc5' }), h("dga-square-skeleton", { key: '0b4cbded0b0f2258313ce1277d1b283f2f836ae0' }), h("dga-skeleton-component", { key: 'b2e95bf60923b717b9841f4026923bf764c8297d' })));
+        return (h("div", { key: '02c9f389c2764d140a242f0bccaf8148912e1cb1' }, h("dga-line-skeleton", { key: 'eb5f67fac73d05a80598830978f5512824082fa5' }), h("dga-circle-skeleton", { key: 'ae8e96903d12cf1d7bb587f891ed850d870efd78' }), h("dga-rectangle-skeleton", { key: '2db923e5932658a0ffb97deb26dd4fea6ad3646e' }), h("dga-square-skeleton", { key: '6197130455b87510adfb1a3ed3c44aa819c85410' }), h("dga-skeleton-component", { key: '6a6c434e1dcc65a8fa93c0c8089bc4dd53f3a290' })));
     }
 };