@platformscode/core 0.0.22 → 0.0.24

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

@@ -6,7 +6,7 @@ const DgaPaginationUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        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' } }))));
+        return (h("div", { key: '76c4a390d3b76900b828e55fc06993cbeebe0bfa' }, h("h1", { key: '0b7b396bfb5c3a936d5affef6fe14a372e199ccc' }, "Pagination Example"), h("div", { key: '49d5105576159f7193605ea591b1e4aed5c01c6e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c2ac09c04b765b334413ab771b20ab2b3a090c68', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: 'e1223aa25f7d2956e86831c501c38887c1679bf4', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: 'c1fd52a8c60069895850921c0b7eb6e746171990', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: 'ef9874a7644f29dc3f89842c9cec1386f268a926', totalPageCount: 10, size: 'small' })), h("div", { key: '93b4452338086c55211f1c8a656020fa0903dac0', 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: '215f328d78f0669125fa7bff54b5fa8c88329ddf', class: `pagination pagination--${this.size}` }, h("li", { key: '49b3d60381c8b62a03a378c0bdbd3770fe4baf0b', class: "pagination__item pagination__arrow" }, h("button", { key: '96f50de39e859acf9214f573ac0117efe0537e65', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("svg", { key: '1929d4b8c42f7fbe28d8803fc72a842e23b38d80', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'b027971cf442bd8f3b98dbf0bee2cf2049a90bb0', id: "Leading Icon" }, h("path", { key: '41242b8e5f8b8e588cdc23a73efcbf13e07f3467', 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: 'ea742da801e259e4454527817671c07e0a2ef256', class: `pagination pagination--${this.size}` }, h("li", { key: '545962631d2d136593370708250ac745e8da1152', class: "pagination__item pagination__arrow" }, h("button", { key: '65d434c5807cca8e75677c85519e7c0c24fa34f3', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("svg", { key: '17e43c2b5238b06ea5166a723752a4665492f192', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'fbe574c0d1a34d25cd463fbdd9bd2614c878161a', id: "Leading Icon" }, h("path", { key: 'aaaf6331596f88c2bc1e9015d2032d53b0417b79', 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: 'c350d70bd1dc4bd45e110ef2ffc71651fb3241b2', class: "pagination__item pagination__arrow" }, h("button", { key: 'b773e1adfd2604421d5a76bd77fc6168c0e44cc1', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("svg", { key: '54acc5bb58f2c189b20dd271185fc30105049fe0', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '8dd8e768cdcd21cfcb0f347968b523a62307ee54', id: "Leading Icon" }, h("path", { key: 'e0db0f84b5f54e3f07a08584fc06568aaf754adc', 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: 'afed9603c237a4ec79616a24439fa5c8e3dfe638', class: "pagination__item pagination__arrow" }, h("button", { key: '89afa33ea61381c84cbdeefccf2ba3aa6bd5cdf5', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("svg", { key: '3addacfef983f212d868d35e0b102f6f0fec6a02', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'a9c7fb92315826c59e94ae7c9a55293e413f4a1c', id: "Leading Icon" }, h("path", { key: '7a883c72add04e5ce98fd0539d20d4c67b87cf19', 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: 'c37ad341661d8c44c1861bea068c833435c71e4a', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '74775bd9f74b24b958763624b8ea569bc11055d8', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '065667749d165f4b7944fc3e83c411a62e07d0fd', class: "step-label", "data-state": this.labelState }, h("span", { key: 'febebd1ef7d0c9115de4b2c9d579ad5c5889d1ee', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '0611fd33e2a161bf2518bbc3af23fc7c41a13e98', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'b33b322a7c966e2d89a67c75a330e35062f40a36', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'db1920ab649b78e1a92892a7e693857f6c8ab317', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '8ace0f7069d0eb03a44f6584096fba9c1f88d946', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '9b8deed7d721775f84c6903b4110d29caff038c5', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '8a8b48b840bab6f69b44ab19f756d82e2b5a7937', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '610efb5b15a42ea327254ed32571b8045e8b355c', class: "step-label", "data-state": this.labelState }, h("span", { key: '2193376ab970fa6cdf18e688ec47544829ccfba9', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '280b9811ec443e15599b7d93135cbe713a7274e2', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '6a8ad65b28127058393633530ae9a10738d014c9', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '8a16897b7cb5b02625a83f1410a2a8ed2f50a309', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '977209badfefda83ac296a3e0655645e815dabed', 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: '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' } }))));
+        return (h("div", { key: 'c7c54f7312f4dc7aa4150382ff060f8db00a8022' }, h("h1", { key: 'bc281e3fddbe436ec284d76905aa34fcffe859b9' }, "Progress Indicator Example"), h("div", { key: '95ee5adcbffc1e1a4a1a674a164a34c46c781074', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '3aff40ff9eb61404f5c375e27e41bf97e67bf9d6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '87a8f4097c125a2537d82d403787ecf91124fb1c', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'bffa7e49fa08e72270bd558b442d62335a3628b4', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: 'c593e163727f4f448a561dd140ef0ad8074b7c72', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'a56fd8ec61ad19fc1c88b557d91790f605760ccb', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '94f7402fc169cd11d76c1f1548dfe0291ce78670', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '17351a4eb654706a9832132c23fa290ff31b3f00', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '54415163a5bfcd188f6b5ba138c7f50f9878b6b4', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '0a13a36948bc4134cdbebbaa359521a3dd1ac49b', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '5531b04beb316c2f0042643923b7a52d0b9bc2f5', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'f8bdea0fbb0d81a9e5ba1341d25e668c7b016be6', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'b0e11339d209f3787ba809af02317f7e209d7a33', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'f50667ec6112e1a4b16331f22769a4407ae4ad91', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '2836373ab61b2b023c58445979a5a8c7a6299419', 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: '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' } }))));
+        return (h("div", { key: '998137ef8ba67040a110db685530e32b1515c3ed' }, h("h1", { key: '9c09a9b4b08a73b335c7e77881f4e9bb1af0ee77' }, "Progress Indicator Example"), h("div", { key: '951da078dbb67da67ca6b3cc9fbef9ddaf1d2d27', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8cf72802e73354c3daf9093c9711b769f6cdd633', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '7313f3312443e83fb2993d5bc1af751008869729', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '4565e21b6f51b5128ac740616fa8f59811db8bae', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '9bef7872072be01a3a892659fde0c9a339a2c34d', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'ae856412c509711ac060266e442c670675583e8c', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '1b6a7dff84cf798cd429a81f59636c4ce4cb904b', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'd6addfdb808c0596219aec067d67667c83592b48', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '68e892b3f78fe6bb30e841536f0b4121501dd777', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'f47c0af9b2a1ea9529b020b2258d1072c5c927ac', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '3cd6aee9b8f2a38d01eaf347702d2592015bcb77', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '01d8574e47877e81b10f02159abf7d28bd1cade4', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'e3fb52e002ad5f2ccd37df56d93a79b36252790c', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '9dd04dfbcc6a74cbaec96357c758534549f9f978', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '0d69e1293c5e5876ced1bf747ca254dab687e91e', 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: 'c080e37a533944d29da5e8186c64d3dfab153dbe', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '911d3a424c0bf52d72043d1af7cf3789ef431373', name: 'progress-indicator-step' })));
+        return (h("div", { key: 'a9879854e3711fd1641a6242de6109d78ea74927', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: 'c9d58afbbd14ec50bfce7a28cd989725e5beaa05', 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: '2b24e9a111a01d89346ff0dcdcdbcc6246556bdf', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '20d0f6aadc790e3c952461637ccb5a32751f6ff7', name: 'progress-indicator-step' })));
+        return (h("div", { key: '1c10a17a6084c43c5a485acd9b4f74641e019988', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '50ceafe23b26543d043828fc5dda9a79bc87c151', 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: 'fd0145943a09a0c66e77f64187edd76d4937ce37', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: 'b7c7fc21d627cd95d1a164b1daf60239403b66b2', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '60cf14b9d90011a36cf0f41486d0210e3e58f03d', class: "step-label", "data-state": this.labelState }, h("span", { key: '8eaba3a0e3d71eabbc96cb48d6105b5afab6ebb4', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'c5d325b84ccd03523194579bfdd04598cd93229c', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '047edf1870a0d7301f28a8c7cbd18daec72b0729', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '749ce66a041cb1ab325d3d36836e00dcd5d8627b', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '7f655291e6462fb7a3fe994097a5490f28584bb0', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '60a2aff48424736b0da9b231310690ca1e20059e', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '4f619563e271caed94b2f797fe1377ec16488dd9', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '1d5cf64cc988ea164efb74e87a54fefee0c4b583', class: "step-label", "data-state": this.labelState }, h("span", { key: '752464176ead51b3a3bb96cad7768b3184cf6d18', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '613783b000fe274bf7c444e1d6a5d7a7c3c187f1', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '1f78c43dce4681b3cc4e4a838f54b3c50c42a010', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '10ff489be01d3154a070e56d6c0a47b2730d1872', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: 'ab126816edb25b6b607d081b2b6c24af76a4f8a3', 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: '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" } }))));
+        return (h("div", { key: '28886b758e705d72eeaf9f3726c070774a146816' }, h("h1", { key: '3fac36404716aac0b8f4071c89e4840ce1f6039a' }, "Quote Example"), h("div", { key: 'f5c06431e43bb9f1801c6d904a10bbb0ebbd8a6e', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '8dd7c3e6116ef2ab06627535a896a8510c47599b', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: '8edaca2bf342c6ad53215a96d147e41a23857f42', 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: '42591f8a0a941b999f5cb3dce2bb1566c36accd3', 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: '7268f09b11b601329bbd4f686aef304732725729', 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: 'be1c57cae484c6217a1e464d80dccdb296f0fdb9', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: '945840fdcd840ee48430837cf0feed20ad1a7521', class: "dga-quote__body" }, h("dga-flex", { key: '0898a159ee12412d2f2820371206e729313cf4ee', spacing: 9 }, h("span", { key: 'd8f8f03b7ee06e7089705f7e6c62ec1274f59c58', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '7af1a8100ff13709f7398e83bf1cf248e093ce32', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: 'f8107cc3806586b4bbf2e3afad638c9d099b8dc1', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: '7c949304e0ad345ff41b461228a7acd8e3b0df05', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: '7afb95fd8eb0a00123bfa27edbd80cf436df9d18', class: "dga-quote__auther-details" }, h("dga-flex", { key: '90fc3aed023c0d6051b075e8081a403cfda573fb', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '4008eeaec3fc5692d3296c09a060cee075966729', size: 80, type: "image", border: false }), h("dga-flex", { key: '19dfbd339c53bef41117084ab877fd2607514d28', direction: "column", spacing: 8 }, h("h3", { key: 'b1d1871540fe08d61df06622400d6e5931456f53', class: "auther-title" }, this.authorName), h("p", { key: 'be336a63e58444928bc0506d073bbebb27b10d41', class: "auther-desc" }, this.authorDescription))), h("span", { key: 'd1235b3e927abdfe0900f3ef484f65268b54a705', class: "quote-icon" }, "\u201C")))));
+        return (h("div", { key: 'a23ba49410f82ffb8405691b4f6211dca0e6131c', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: 'b15152b0e7ec80acb694728e4d49ddbf1118fc78', class: "dga-quote__body" }, h("dga-flex", { key: '96906ee03f022fa2a80798a9b7648a92fcb86712', spacing: 9 }, h("span", { key: '938d9f987883f85bad5f59da41c88d0a1b7cf337', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '12c72d71f809c6bee663ccecad319fa8ef534f8c', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: 'd1469b09b9dd02bd1862ce4f7488467a509a07f6', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: 'd48acd89fd9fd627719c5ca7ea87663c469f8e73', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: '351bc55914dd503f227c3892516180d64ee97c6a', class: "dga-quote__auther-details" }, h("dga-flex", { key: 'd49be51e6d740f60c88ec4cb115bf8bb2c77d7a5', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '7fb85ee8b7743be49f20c18496006f778075a801', size: 80, type: "image", border: false }), h("dga-flex", { key: '62c4c0ed4d22988a504f02b4e7b55f6b1b93ea6f', direction: "column", spacing: 8 }, h("h3", { key: '4a08217c881184d481aa9871a740f223acfae34f', class: "auther-title" }, this.authorName), h("p", { key: '96f7849f23746c99131271ce66c3349f05d89e2b', class: "auther-desc" }, this.authorDescription))), h("span", { key: '8faa3eaf30d3b7cb6708d24520a345705e119d5d', 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: '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: [
+        return (h("div", { key: '8c717b7b7611d58fc3b07f0764d595ed808f4bc6' }, h("h1", { key: '3dfb5c5fd712478cbf8b589fa8d0a95269d08b02' }, "Radial Stepper Example"), h("div", { key: 'ea7f798b8e89fa7c498e376356705ed8840efdc9', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'a10e9f7863ed04ea1429284371eb0fe99c864d49', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: '69941d16e7759279cb9fffa5d170613ce6bdd6e5', 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: '27992509962a448e713582ae0bdd9228cc508e0a', size: "80px", color: "success", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: 'df13b7643b0d80b05defc45b396ae70cdb3b9a23', 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: '9d42d0c4b192722c16e0309a7fd48f37f2207c5c', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: 'b4f464ea382545b8e1d64f31a3533270bb37dcdf', 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: 'bb8494cec27c5057efa6ac98ac8310a28974885d', size: "48px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '04bd1a726a180b2d0fcfb2a2ee291233b6b4c95e', 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: 'c268850e80ea824df23f96261c3459c21f816e45', size: "40px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '9b05c08dc4b823c46c85a4e2b94eefa7f1871984', 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: '111539331b3adfd028ef4386e6427f8f7f772327', style: {
+            ] }), h("div", { key: '5b83c6f4e3a8a51109a7dd0380e384fac0c3f233', style: {
                 backgroundColor: "#1B8354",
                 padding: "40px"
-            } }, h("dga-radial-stepper", { key: 'ff0107615055b8fa120de77d0fb9c7802db933b0', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
+            } }, h("dga-radial-stepper", { key: '2f2d39a8f7f011418f67ae64e7f9ea2f837254c0', 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: '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) })))));
+            ], RTL: true })), h("button", { key: 'ee97539d745bb96845c780fb665c9896f7c22074', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: '14e13f7a2b294627c93e076c141828ef1164a992', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: 'a0ca3fb6fd382cd4206634c13315490df2e2f195', 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: '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',
+        return (h("div", { key: '7be3622ef90894ba90345834d3e5cbb77cb430ac' }, h("h1", { key: 'f4f052ff7c0e4fb043b36e48dbb719efe6a3750c' }, "RadioButton Example"), h("div", { key: '9127ea59c577adb7cd06287e4d7469cdc1faa11b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0dc9140d84a8686021de535598df649479e85532', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: '302b216faf8cf09ad6df0a7b302a62bd24cfe033',
             // 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: '8889959103d845e2f1d6086fa49856bb044b2eed',
+            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: 'edeb5092863955edec325e40801929417578f8a4',
             // 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: 'ec48c19904dd96a468e185ae789689a0cc95d376', 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: 'af510c7b941a7fef9f7ddf03bb90480070be6121', 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: '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 => {
+        return (h("div", { key: 'eed1f3cbdac53cf6ffa185c7db7f32803992b035', dir: "rtl" }, h("h1", { key: '342467420cc632f6fc82e60ee33daeca836981c8' }, "Rating Example"), h("div", { key: 'ea7ae9673cc32644eba2cd04367b0290736c0cbb', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c23382ab0c2f774d3646793b3a54a4becaa902aa', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'bd425a4af58bd7d2e01356770d98c88e0e8dfb9d', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: '5f62360f691f850404ad815577b95e64bf31f212', onChange: val => {
                 this.rating = val;
-            }, 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' } }))));
+            }, value: this.rating, size: "lg" }), h("dga-rating", { key: '4be12cd1e9ea26b50c00bd824c8f404b8da4c719', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: '18d43e88609d7eac5f535cd9467e7aa3178c65cc', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: '82e98483d22880f63343b4f7f10a2162839cc07b', 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: '6df50cca6c1fd0bdfaa55d6c40fff4138fca60f3' }, h("span", { key: '262c4d91ede55ad7a4bff182d445cffe4230dd03', 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: 'e7fa1b0957e88dad5029fa8ef0fd4763fc7b3238' }, h("span", { key: '1f1e8a13b343b2eb00ef330108420e645aedd17b', 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: '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) => {
+        return (h("div", { key: '18f9c0c29de932340378190f2ed4c97eb972afb8' }, h("h1", { key: 'ad902258a3d6b9c67b6128dba69ea667667d1c6a' }, "Search Box Example"), h("div", { key: '1ddf8aee557e510f1af68e38f9cbaffc533419e5', style: { padding: '50px' } }, h("div", { key: 'f408f93f3a1aa6693a8f5d9d81364043b0947744', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: '0064af3c13222bb9e7ad3c8622f3aa34f042452d', 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: 'a19f9b757fb4849c5fe9b270b2ec3317da1a65f2' }, h("div", { key: 'b0fb596d4ead89885e9d427b4a5ca42b3bd2aa5a', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '229cc1a2f62a76f127182c615a5c79acb824d85a', class: "dga-label" }, this.label), h("div", { key: '8b85122b67ddd6255824d2b5720d7a0e5e18db99', 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: '0876feedc876115c842d48144f859a885d5147a3', class: "dga-search-box__icon" }, h("svg", { key: '4972472d1d46d0a6215052a23076108708530ab2', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '901c9abe0ba9ca989bd60b8ca1e96ba51526e295', "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: 'ab76da459da1596afa0e4eec11940836e1ea7715', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
+        return (h(Host, { key: '61963e5ad6985c86ce798db5a5db516428c7e199' }, h("div", { key: 'd746411768ecb1fb68845a9d6a37160a91251022', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '764de538912c5227dcee3679b70e824dc8fa83d4', class: "dga-label" }, this.label), h("div", { key: 'fef23e29c5f1f9b47d4d9b30733053eed013fda8', 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: 'c39e4205e7336c6b4dda07e4e507b139952bea65', class: "dga-search-box__icon" }, h("svg", { key: 'eca179589b6141bc7efa107747dad77c02d38926', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '10a7fe11d2b617bb8f83394530f3bd6d65ac74b5', "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: '9359feb467cc7cf091aa1faca291db381097162b', 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: '08eb380d2d41d11a34367736bdd87937565a1ce5', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '6ade92fbc871a235196330cb5dd0525d8ca12b0c' }, h("button", { key: 'faf6de044042469fc7794a76e3157356012ecaf1', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon-v2", { key: 'a39860a2888a3a201340308eb15e0877f9c4b2b3', name: "cancel-01", variant: "stroke", size: 20 })), h("svg", { key: '29156a814555c71ff084a81c1c06d782fddd704a', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: '6acd78ac22fd084b1b5cee398c56a009cb93f3e7', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: '164596d8cb11cbf5eee72eaea8f330aa632ac015', tooltipTitle: "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: '4326a3f5e41000771102033a7a012361861bd955', 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: 'bb19eabf704713608e4295a7318bc3eea40ca538', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '963246472b9ed92f1fbe0c32b8e9343ed0661c16' }, h("button", { key: '764769725d5d0a506c4973ca6f7240a06b01e6ac', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon-v2", { key: '3f8866dc5936050b289f6d43655cad9aa7007896', name: "cancel-01", variant: "stroke", size: 20 })), h("svg", { key: '36cc06a26bf7b293230e54f5c04217bed3917085', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: 'fcdead68f0e1d99c65247f978f19779253e0f7cf', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: 'a2c54765361c1025d67434f25ad77465209522e3', tooltipTitle: "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: 'cbd759d3a982fb966101c9915e93a661642ef3ec', 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: '9dca7605f8a1cec6ca5bd8ab960340eae19847a7', style: {
+        return (h("div", { key: 'e64c3d6c9b7700b8322d948eea8b4949663e4c93', style: {
                 display: "flex",
                 flexDirection: "column",
                 gap: "20px"
-            } }, 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: {
+            } }, h("dga-second-nav-header", { key: '2bead09a2a1c94a9748b00fdcec43a0160b0bc3d' }, h("dga-second-nav-header-actions", { key: '970b6bbcc6248142d2bfb23c3b8d153c354a133b' }, h("dga-button-v2", { key: '0477c615dc2072f0d0596b9f2728eb4aaba71a87', 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: 'b17e8b86d7dea23fa78db772e3d29bed1da0d6e2', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '84c099799805d63f686f6757bd71f1ea7661332d', 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: '09cfcedad0e89561722d279834a2679f57224977', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '635d73035b9f38514e691567d9eaad3d43518328', 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: 'a267cfb6cd38a27bc555ef38e34618c60ad805ae', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '2fb8fb6b1fa20e0e69d5f671dfabe3e9b3ccdce7', 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: '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: {
+            } })), h("dga-second-nav-header-content", { key: 'ea68833f2d96d40ab0a7b6a457b8ad702e10afc4' }, h("dga-second-nav-header-item", { key: '1fffb61d060879869980062e8aa1634bf57723ba', label: 'Cloudy' }, h("dga-icon", { key: 'a4cae3630d78546700e209294be2d773863945f0', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '0ee1ba4ad65a18a31c613bb04e191c9344c72e9f', label: '21 Jan 2024' }, h("dga-icon", { key: '175fc61b1890fc8b29c319e605b31ef14f3308f8', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: '29023ddcc822b350b3abf1362975ec0c49148ea9', variant: "gray" }, h("dga-second-nav-header-actions", { key: 'b7e4e841b276f28cdee58362781a34a966be47e1' }, h("dga-button-v2", { key: 'e0c6c76a7c2738900dc6591bd214281b8cd77939', 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: '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" })))));
+            }, size: 'sm', iconOnly: true })), h("dga-second-nav-header-content", { key: '2826a96dcad4d5d26448d7e96c2590226ea31c3a' }, h("dga-second-nav-header-item", { key: '1b77b4809ddd82e25aec86d17a4e45f6bce1f4aa', label: 'Cloudy' }, h("dga-icon", { key: 'a31d23fdaeffbb96c7406147474d570f2609a916', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '3129ea2e8b9e67738bfac771989613c0c26d3fda', label: '21 Jan 2024' }, h("dga-icon", { key: 'ef24d05446e7756012070bac23160ad1306458b3', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: 'ef5014e08c26f778efe37f1542099282d08415b0', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: 'b753d824e2a9e6732194dc8b192c2810fa8896fb', collapsed: true }, h("dga-nav-header-logos", { key: 'd652a86fecee5d723a6f89189839570eb72e899b', 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: '60f6c58711a00eb9769266f09a2b9effe22c1272' }, h("dga-nav-header-link", { key: '1cd41eff9743e7e18dcd25c7699ee5bb4047933a', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '3e5a095e6abec91d78884f4c56e988d5fb95f201', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '4802e15d53d390edbfaa39932322494a4348df7c', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '774920809006ae412e4fb2faf43ce9eb48cff2a1', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: '8bb0e2be603f18be969e0241b393f80b86327d96' }, h("dga-header-action-btn", { key: 'c5da307ada4b7316fbfa1950846f375c62a0e92e', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: 'aa99a8a864a1381b482c2bd392937b7d1391cd96', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '4299f42140441bb9ffed667dd82fc8cdbf24d98d', 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: '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' })));
+        return (h("div", { key: '18669fc5b46bcdd6222042ade2bb4836edb4546c' }, h("dga-line-skeleton", { key: 'd68f5963928490d69fe3e93811853f25fdcf1eaa' }), h("dga-circle-skeleton", { key: '9210a0893f7937428b3095bb2f12178a32c8e5e3' }), h("dga-rectangle-skeleton", { key: '9e9bfa106f5d10d85b2ce7dee609e7f7cd8e8447' }), h("dga-square-skeleton", { key: 'c734c2d1908fa9fae2c6ea4657bf6fd9682c029f' }), h("dga-skeleton-component", { key: 'cb81f7bf21b17c78a32a24aa1b3bfeb8bdd92e72' })));
     }
 };