@platformscode/core 0.0.31 → 0.0.32

package/dist/esm/dga-table-of-content-usage.entry.js

@@ -5,84 +5,84 @@ const DgaTableOfContentUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '9d69705f03b2536ef065d66bcf0563eb71e07c96', style: {
+        return (h("div", { key: 'a8d8c25d4010c2c4d4ff65c9ec7fa009e51b83f7', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, h("h1", { key: '01d59f028d5433343fd2120bb73a10ecabffc748' }, "Table of Content Example"), h("section", { key: '8289b8bbb46542161d624db6d608d480beeff44c' }, h("div", { key: 'b157b2a0a556c6ba0c3b06e59439e65bf43cc63f', id: "section_1", style: {
+            } }, h("h1", { key: '8f4eca4e8b7ed018c25aa3389f1d5a39319f0da9' }, "Table of Content Example"), h("section", { key: 'b0d712c12767c72551c7b308cb4548c909b33b01' }, h("div", { key: '4ae0880eea89e645f29959e5ed2d796b4a208a71', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, h("h2", { key: '2e11298ac2f91eca36120127c249f5d9c9e10336' }, "Section 1"), h("div", { key: '57def3620e0fa4f35cb1d89bdb0f4b72bb889449', id: "section_1_child_1", style: {
+            } }, h("h2", { key: '46c081a849669aa05d8179bffd714f2b503b294c' }, "Section 1"), h("div", { key: '201bd287cc60373a03152802ff35c3bfb7c77f6b', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '228863a6fbb62e0cb893371f4992a6bdcc4fe609' }, "Section 1 Child 1")), h("div", { key: '96e152c4fcf6587dfadc9bbf12fc4a87c56480fe', id: "section_1_child_2", style: {
+            } }, h("h3", { key: 'e33f8deae13810fc157d546ff3d0120c59d43b47' }, "Section 1 Child 1")), h("div", { key: '26cf1cf8095a26d7e975050ed44f46d22e12ecc3', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'b2336cecf08ce1a2ba5f62cebabdef5e90617e29' }, "Section 1 Child 2")), h("div", { key: '03cf419e2637c5e8d159a2209ef4da42e8bc3147', id: "section_1_child_3", style: {
+            } }, h("h3", { key: '7b1800e86618aa1c8bb9f57f4d79c50a76cf0562' }, "Section 1 Child 2")), h("div", { key: '242c8f8946f1a654112d0ab8c51fb3a4633c0486', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '9ffaf2fdb109a4f928324f69c665313d49a25d60' }, "Section 1 Child 3"), h("div", { key: 'ad7749ea0ad2195e3c04761d90a18e5a47eb6c64', id: "section_1_sub_child_1", style: {
+            } }, h("h3", { key: '2d58388654ea67c2915c7878380eac9f93454d04' }, "Section 1 Child 3"), h("div", { key: '7d3e53a5d07873a93b500cfcb91d70b8dc7f2bfa', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '0d2f08eb04c3cbe8854490e2765fbb1655732c70' }, "Section 1 Sub Child 1")), h("div", { key: '7683e6f5e7c02a93fc266c807d57a31b0da10bc7', id: "section_1_sub_child_2", style: {
+            } }, h("h4", { key: '91ad608f2ccf8c1fcc8621efcf9974f9d3021235' }, "Section 1 Sub Child 1")), h("div", { key: '53d19b03f6f04cfefd7b3af5a4cab5fc68d392d6', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'c28f0e55daa2e0cf6af46eab2820245e661877aa' }, "Section 1 Sub Child 2")), h("div", { key: 'be07d46e8ba00a8e4b46458fa7a5ecd7c8a841d6', id: "section_1_sub_child_3", style: {
+            } }, h("h4", { key: 'b89efe8dabe357b5d49f5ef1de9e2f305c11ed73' }, "Section 1 Sub Child 2")), h("div", { key: 'aa165abc18f837ec16fdcce87037fa10793689dc', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'c1ae6b7c0917f6200815aec6b95eeb61ba1b26d0' }, "Section 1 Sub Child 3")))), h("div", { key: '152ef084f48cb65493327ee29b62f1c26d74b3b9', id: "section_2", style: {
+            } }, h("h4", { key: 'd9aa39a34fa5691a73c123011375de1de2deacbb' }, "Section 1 Sub Child 3")))), h("div", { key: '42baeb906fef39d1afe526ca0bfbfa02c4a2d6c8', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '86b81ac1257be0e53824b457d6ef73964b2cdb46' }, "Section 2")), h("div", { key: 'a4aa4b6e22cb451c7abf818b182420eef5df1e45', id: "section_3", style: {
+            } }, h("h2", { key: '1f26900eb26196fdb5dc28198b9ec6f452183c62' }, "Section 2")), h("div", { key: '6215dafb846f62687df33dfa80cd335cd3fe833c', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: 'c82bcce362851bbc71c2963171ca96a0b9f7aa6c' }, "Section 3"), h("div", { key: 'c4c2d6d946c560e9bf3847c3952d6fc4cc482f45', id: "section_3_child_1", style: {
+            } }, h("h2", { key: 'ca8af88a3a0227d1d1fbace9572487e4f371a283' }, "Section 3"), h("div", { key: 'eb05ad43cc2c274bc2f096f2dc3f4645dedaee3c', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '167943786bb574adb5cea0f853cb34d33405e9b1' }, "Section 3 Child 1")), h("div", { key: '08f34724c434aad037ce95cf6d5aeae0ff799a7a', id: "section_3_child_2", style: {
+            } }, h("h3", { key: 'd4cab5694a5a28ceda7628234d0d02f8cd3243ca' }, "Section 3 Child 1")), h("div", { key: '0d17a2bb438d90a47650ad10570b110984087a9c', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'e9c14a6577bd3f1e9ee3584f2ed96620480f1171' }, "Section 3 Child 2"), h("div", { key: '8d92040c6aebc20e6eb0c8251db4a74bc85a6f78', id: "section_3_child_2_1", style: {
+            } }, h("h3", { key: '194ebdeb34623bac05bb6867784bb1ae6b90af30' }, "Section 3 Child 2"), h("div", { key: '86b997cabc1e11919d1cd24872ed7e238e3e0c2d', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'cf051d4e286d037d6ec0ee249b411756b01b858e' }, "Section 3 Child 2.1")), h("div", { key: '8068766856a499aa6534c8f1b2cf9713e60c4efd', id: "section_3_child_2_2", style: {
+            } }, h("h4", { key: '29cdc03c87490fe60cc92e49d029ac0b3833b137' }, "Section 3 Child 2.1")), h("div", { key: '289622f1c764cc64265b61b24ddae44cff63dbf3', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '1c975d8449ef74b5e4601b75045d6dd3368b3eb7' }, "Section 3 Child 2.2")), h("div", { key: '49e8183a9a958b0f8d4b83301830da8fdd80b116', id: "section_3_child_2_3", style: {
+            } }, h("h4", { key: 'c0286a45e884de0a9e8496237a41ec51ab02429e' }, "Section 3 Child 2.2")), h("div", { key: 'e8c83694d7b45bbe29b66b17ad695c0985ab9a41', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'e7422ade6409ea714b54297d145443954c355a0a' }, "Section 3 Child 2.3"))))), h("div", { key: '89ece1e87f55dc8fd46b54416f9cb22b79d67f5a', style: {
+            } }, h("h4", { key: '2301fa2d65ce9718b02b4991d3273bc705f609c0' }, "Section 3 Child 2.3"))))), h("div", { key: '09a1ee17478b23ebb6bb1a510edac594c7dd4ba8', style: {
                 position: "fixed",
                 top: "100px",
                 left: "40px",
@@ -90,7 +90,7 @@ const DgaTableOfContentUsage = class {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: '4dea988c44dc288d9f7dc837addb9e26195c6881', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, h("dga-table-of-content", { key: '91c1154bdcd36f1eac5c01ce5db9e93845f2d429', title: "On this Page", subTitle: "Page Title", sections: [
                 {
                     Name: 'Section 1',
                     Target: 'section_1',
@@ -125,7 +125,7 @@ const DgaTableOfContentUsage = class {
                         }
                     ]
                 }
-            ] })), h("div", { key: 'ca77652a99e9d1e29a52944f4062f87968b4cc7f', style: {
+            ] })), h("div", { key: '27e40d700d9e6abfe2b341973ff4f521a90bfef8', style: {
                 position: "fixed",
                 top: "100px",
                 right: "40px",
@@ -133,7 +133,7 @@ const DgaTableOfContentUsage = class {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: '3858e51c29d5c77713bb1dfcedb4ef5e3a4866f9', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
+            } }, h("dga-table-of-content", { key: 'f4e0f01bcce79a3b6facee292bd227cdaae1baa1', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
                 {
                     Name: 'قسم صفحة',
                     Target: 'section_1',

package/dist/esm/dga-table-of-content.entry.js

@@ -148,7 +148,7 @@ const DgaTableOfContent = class {
             _a.map(subSubTab => (h("ul", { class: "table-of-content__tab-sub-sublist" }, this.renderTab(subSubTab))))));
     }
     render() {
-        return (h(Host, { key: 'db353adc7d30b22d9bf9141c97256970f5999318', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("aside", { key: '88678c2a577cf7ca5db1c2da355fe0a98191cfc5', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, h("div", { key: '62276b99ad64048930d38c142ade4a87b1aa01d3', class: "table-of-content__header" }, h("p", { key: '231ea7500bed46ccd686243b9e3c3936b8f22929', class: "text-sm-regular" }, this.subTitle), h("h4", { key: 'cec37a15457518eab9a94ea34b0c652067218424', class: "text-xl-semibold" }, this.tocTitle)), h("div", { key: '105c24aae4ab6dbe00871b8f420458c9c48f0d5e', class: "table-of-content__body" }, h("ul", { key: 'f83bd1593c3f3f2e7a5eba3744f3ef77128552ad', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
+        return (h(Host, { key: '858fda35574248e169c09b933de6796d42543f7a', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("aside", { key: '2510628f8c03d86d6cd887ea5e964374534a6288', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, h("div", { key: 'e233dd4dd1468f3dcc80fd6045db7881e64320fa', class: "table-of-content__header" }, h("p", { key: '5b12d22dff7ca399db6973438fddc0ac0284b64c', class: "text-sm-regular" }, this.subTitle), h("h4", { key: '4daf5b39d0d2699dee332ea976370c4373197906', class: "text-xl-semibold" }, this.tocTitle)), h("div", { key: 'c865b057bb4661b304bc904f6b863b54c214a858', class: "table-of-content__body" }, h("ul", { key: 'd3ac59be139ba7bf92102da96c06a9963c812c19', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -5,7 +5,7 @@ const DgaTableUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'dcf5f398eba3bf472ee6f9440f8212bca9adc6ac' }, h("h1", { key: 'ed3b05f6ecb816d2301c68a30ed928cdc1a973fe' }, "Table Example"), h("div", { key: 'bdf15e4b302c1250d597ecf2028a9c968a4ae44e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4e40f25b2a9b7771dc53fbd07ee2e65ca3f0826b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-data-table", { key: 'a7c728da3ac3d71f99ea08f329df45eaaf2ca317', columns: [
+        return (h("div", { key: '819cadc331ac42624b945ffc5b1282d564400804' }, h("h1", { key: 'd261eaabc040da00d9eb658c75b7b6828b053536' }, "Table Example"), h("div", { key: '95242a92ff1cd32da55ba739bc6574bb0b6e9c47', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '83364a6bc6a996094f21bfa3b57dc2e996dadea0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-data-table", { key: 'a46783e05848187304aad4f188e2e1d79cc2a455', columns: [
                 {
                     label: 'Header',
                 },
@@ -61,7 +61,7 @@ const DgaTableUsage = class {
                     price: '962500',
                     selected: false,
                 },
-            ] })), h("div", { key: 'ec16e9a6dd8ecb075dfbc65d53540a70b9662714', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: 'f243d2bb528720ec58a3380ee54bf389bd58d684', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -94,7 +94,7 @@ const DgaTable = class {
         this.sortedData = cloneData;
     }
     render() {
-        return (h("div", { key: '052ab0152b8551f26a20b18a1ef77d48b9862873', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'da609690b436f6fb54b098ee0ce6482bd6e4f247', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("slot", { key: '248067b86031f1589d37fa6f9dd82f1ef9aca54c' }))));
+        return (h("div", { key: '8e94be66fc1151acf00ede8441b1c96436b111d9', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'e3e91108267b1cb9e383a93ed4404cd77d94610b', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("slot", { key: 'd43e32ddf5f1060bf26d933b14dd53ccc044b8f0' }))));
     }
 };
 

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

@@ -11,7 +11,7 @@ const DgaTabsUsage = class {
         };
     }
     render() {
-        return (h("div", { key: '16c9fd5d97b48c8e7f549795a851e844be3078f4', style: { padding: '20px', fontFamily: 'Arial, sans-serif' } }, h("h1", { key: '5cfea25763aaf59a7b46e196dc0db4a56d233357' }, "DGA Tabs Component Examples"), h("p", { key: '621968f4acac89c49b64c0349107477b76661778' }, "Comprehensive examples of the tabs component in various real-world scenarios."), h("section", { key: '421cc6293d9577b90ec8e6a4dc584f9ef50b79b3', style: { marginBottom: '40px' } }, h("h2", { key: '04351475215adf16e6450750df6ae87075e737ef' }, "1. Website Navigation Menu"), h("p", { key: '5dd150a1132472e872c4bb5c59a57c07f986d741' }, "Main navigation for a website with different sections"), h("dga-tabs", { key: '00cc4f875a9a76348d5998aaa4d7e8ab7e1e6543', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+        return (h("div", { key: '628162f006451a52ead87155e0e579c922bfa2fc', style: { padding: '20px', fontFamily: 'Arial, sans-serif' } }, h("h1", { key: 'c4160d7395f6834c8e3ca13f515bdaf6bebbf6e1' }, "DGA Tabs Component Examples"), h("p", { key: 'e6c702d3a70acdd56d097d10db759d1ed5ef1771' }, "Comprehensive examples of the tabs component in various real-world scenarios."), h("section", { key: '9982b317c25d7853014d0f9a38a997b64b365256', style: { marginBottom: '40px' } }, h("h2", { key: '2fa869b24a1ba17f769fdd5cf117fe5b9b24790a' }, "1. Website Navigation Menu"), h("p", { key: '8dee5caa62943ed47c23846c0a057a333d903422' }, "Main navigation for a website with different sections"), h("dga-tabs", { key: 'b9c807a56e42bc5dad6625994f8e4db7038c4b6d', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Home',
                     onClick: () => this.handleTabClick('Home'),
@@ -42,7 +42,7 @@ const DgaTabsUsage = class {
                     tabIcon: "mail-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: 'f7f0077d3b4be7fb51c1d6bc37009c936bb394d8', style: { marginBottom: '40px' } }, h("h2", { key: 'c93ebf887c4f80a693c18844064261ac25ef6566' }, "2. Dashboard Analytics Tabs"), h("p", { key: '6b2e09ed0cb2c2b6aa2375037a984243e2a4d75e' }, "Analytics dashboard with different data views"), h("dga-tabs", { key: '047367919de59434ada3255617c46bf27f0a092e', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] })), h("section", { key: '1c0fcfd010e2d6c09a26ba04d98b2a9e17b63202', style: { marginBottom: '40px' } }, h("h2", { key: '3cbceb9b2b4a513786fb26344f2870e37801eb4b' }, "2. Dashboard Analytics Tabs"), h("p", { key: 'fa72bcebffee6003a6b88f4c2e363cb1383006d7' }, "Analytics dashboard with different data views"), h("dga-tabs", { key: '2e13938fda8d670862da4d94ac02aee68564b00d', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Overview',
                     onClick: () => this.handleTabClick('Overview'),
@@ -67,7 +67,7 @@ const DgaTabsUsage = class {
                     tabIcon: "file-chart-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: '84bb16774623ab52279dd668800656d667a1870b', style: { marginBottom: '40px' } }, h("h2", { key: 'c4eefa56f2cb1a8c5e03bef2776e7afa45107261' }, "3. Settings Panel (Vertical Layout)"), h("p", { key: 'b843ed4cdf8b1d3374e1c9594b8179b5e78e38a0' }, "User settings panel with vertical tab navigation"), h("div", { key: '84c6038345b1b78d2fe73604a58b5d6bb1c15756', style: { display: 'flex', gap: '20px' } }, h("dga-tabs", { key: '44ecfe7c6feb1a5720804009f7f866feffc93eca', size: "md", orientation: "vertical", flush: false, external: false, divider: true, tabsList: [
+            ] })), h("section", { key: '15e7fae2d2ab9ce98258dd039262b5416e0499c7', style: { marginBottom: '40px' } }, h("h2", { key: 'f46eeea0bae9ea9d182bd433093e265330c15452' }, "3. Settings Panel (Vertical Layout)"), h("p", { key: 'ffa0d66be82a368697144873248f4a7badbbb5a0' }, "User settings panel with vertical tab navigation"), h("div", { key: '0a6ede54b3c9a90917dde34c8fc68d0757c22242', style: { display: 'flex', gap: '20px' } }, h("dga-tabs", { key: '98d09c82fabe0ded7b8e042fbbbf1e15dffad12f', size: "md", orientation: "vertical", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Profile',
                     onClick: () => this.handleTabClick('Profile'),
@@ -98,7 +98,7 @@ const DgaTabsUsage = class {
                     tabIcon: "lock-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] }), h("div", { key: '0605a09f3977d066e95b1e463f37a2ceee053d64', style: { padding: '20px', border: '1px solid #ddd', borderRadius: '4px', flex: '1 ' } }, h("p", { key: '502ad1844ecd03be8b52b96ca719ebdea29095bc' }, "Content area for the selected tab (", this.activeTab, ") would appear here.")))), h("section", { key: 'f6cf3f976f018f7239b1ea211661db5e16b0f3d6', style: { marginBottom: '40px' } }, h("h2", { key: '94499db6dfb3866d8427375d22a7767d06eeb051' }, "4. E-commerce Product Information"), h("p", { key: '0ff345ec59686ff473cd368d6f1359e82f9a2b42' }, "Product detail page with different information sections"), h("dga-tabs", { key: 'e72eddbc34226ddcbb8c90e270326365d3bad462', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), h("div", { key: 'f3742f33f1441657b3b18a2097807405c8a5493d', style: { padding: '20px', border: '1px solid #ddd', borderRadius: '4px', flex: '1 ' } }, h("p", { key: '3b26c31dfcd52b23e1aa5561685d72bf2f9323bc' }, "Content area for the selected tab (", this.activeTab, ") would appear here.")))), h("section", { key: '53f6f46fb810e995eef343ccec4dc869981f9231', style: { marginBottom: '40px' } }, h("h2", { key: 'bb074893025517772ab85cbc0e5bb70b972975a2' }, "4. E-commerce Product Information"), h("p", { key: 'ba9b692cdc6d7668619de7236f5c2f6ddd816aad' }, "Product detail page with different information sections"), h("dga-tabs", { key: '004129438827e5c505da446be6bdf5fd988d7326', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Description',
                     onClick: () => this.handleTabClick('Description'),
@@ -129,7 +129,7 @@ const DgaTabsUsage = class {
                     tabIcon: "refresh-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: '512cd136789a655a3b5664655dcf114bc674128f', style: { marginBottom: '40px' } }, h("h2", { key: 'c5d9b80d1a9654a8be218b8844a02525eaeec170' }, "5. External Navigation Links"), h("p", { key: '73c0969ce4e2a92af646f8058383441960d10f54' }, "Tabs that navigate to external pages or different sections"), h("dga-tabs", { key: 'c4cd6dd52d350e53d8f1f8eaef3dc21403d5006b', size: "md", orientation: "horizontal", flush: false, external: true, divider: true, tabsList: [
+            ] })), h("section", { key: 'cc063ad8511ed1ef5a02ba6ede1c3d621a2a712c', style: { marginBottom: '40px' } }, h("h2", { key: '5e2568f561960512d2bcf64337b2847926ab8727' }, "5. External Navigation Links"), h("p", { key: '9deaae4a8892956914be8e290430ba55d19ac589' }, "Tabs that navigate to external pages or different sections"), h("dga-tabs", { key: '0ddfa890bee50a49656c6346c283eb0c37743b6e', size: "md", orientation: "horizontal", flush: false, external: true, divider: true, tabsList: [
                 {
                     label: 'Documentation',
                     link: '/docs',
@@ -154,7 +154,7 @@ const DgaTabsUsage = class {
                     tabIcon: "github-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: 'c0b895910229d1a24cd36ef80b73c496c91955d3', style: { marginBottom: '40px' } }, h("h2", { key: 'd964caf1a0129c779ef17aa3af1aaf56012d8279' }, "6. Many Tabs with Overflow Menu"), h("p", { key: '07412896c8574ebc4fa3f7de647813eec564db61' }, "Example with more than 5 tabs to demonstrate overflow behavior"), h("dga-tabs", { key: '2c6878be9b1bea93ee790bd82924da6aec15b5c3', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] })), h("section", { key: '60be9a863d19cfd89284d1b88aa18d912940189e', style: { marginBottom: '40px' } }, h("h2", { key: '04ce60a96f91325e987aa43a547009ca9d5976d3' }, "6. Many Tabs with Overflow Menu"), h("p", { key: '50784c1ae3da79b877cd73d8e388b50ec8a83cf5' }, "Example with more than 5 tabs to demonstrate overflow behavior"), h("dga-tabs", { key: 'cbd4efebc09b2c74d4cbf596800c968f31a3c0d2', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'January',
                     onClick: () => this.handleTabClick('January'),
@@ -203,19 +203,19 @@ const DgaTabsUsage = class {
                     tabIcon: "calendar-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: '2b3d328bc7bcb3d4e7a182461d22816164d7979a', style: { marginBottom: '40px' } }, h("h2", { key: '001eb16e08b953512e0e0b27b68db9cd598e42e6' }, "7. Different Tab Sizes"), h("h3", { key: '37db3e7741e35a331e32bb28c741a7a319473bb1' }, "Small Size"), h("dga-tabs", { key: '7b1fedd24c91a848678d4f90ed6c0b9eedfeba80', size: "sm", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] })), h("section", { key: '794c54bb522c96f23921c3731cc93db2d474045d', style: { marginBottom: '40px' } }, h("h2", { key: 'a99948cef55db0dfb5f46a7a4d97afec06af99db' }, "7. Different Tab Sizes"), h("h3", { key: '20aac824cf65ca4e4b19037ece13de31c7c3daaa' }, "Small Size"), h("dga-tabs", { key: '510827b5d596606570c5ca630b3da4f89a0471b6', size: "sm", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 { label: 'Small', onClick: () => this.handleTabClick('Small') },
                 { label: 'Compact', onClick: () => this.handleTabClick('Compact') },
                 { label: 'Minimal', onClick: () => this.handleTabClick('Minimal') }
-            ] }), h("h3", { key: '82d0607b258ec8a3fdb4e6b436b18b03722d7189' }, "Medium Size (Default)"), h("dga-tabs", { key: 'b07b10fad24a1ddd54e4be7d82a745c4767991a8', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), h("h3", { key: '59cfc64c36f8a8c8156aa0188f47a63885fdf171' }, "Medium Size (Default)"), h("dga-tabs", { key: 'cbcb78d947e269c0dc6111061939e05c2b92a6dc', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 { label: 'Medium', onClick: () => this.handleTabClick('Medium') },
                 { label: 'Standard', onClick: () => this.handleTabClick('Standard') },
                 { label: 'Default', onClick: () => this.handleTabClick('Default') }
-            ] }), h("h3", { key: 'e83b0e126ea928ecd17a801deb0d2ad2e69ce6bd' }, "Large Size"), h("dga-tabs", { key: '3e6e9789dd753531c24d27ff5eb4337a6b69a087', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), h("h3", { key: '5728ea50253d8ba3cc31ba08d2d0a15894a1975f' }, "Large Size"), h("dga-tabs", { key: '3a82fc26afdbd2adf8e63fae46b48b49380d6b84', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 { label: 'Large', onClick: () => this.handleTabClick('Large') },
                 { label: 'Prominent', onClick: () => this.handleTabClick('Prominent') },
                 { label: 'Bold', onClick: () => this.handleTabClick('Bold') }
-            ] })), h("section", { key: 'b4cc921390cb3e58a4d63d46d774f05a6eee8651', style: { marginBottom: '40px' } }, h("h2", { key: 'bb15295c43a71fcdcecff5a8c9641c7dfb45f033' }, "8. Flush Tabs (No Padding)"), h("p", { key: '6a93e1e576be660d039330f06bec201b54718a00' }, "Tabs with flush styling for tight layouts"), h("dga-tabs", { key: 'ccc5ddcc8ce1c2a554ddd056b450d06ca7b4ede2', size: "md", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
+            ] })), h("section", { key: '1ebc1cfb746dfccae309032388d5423b0a892f2d', style: { marginBottom: '40px' } }, h("h2", { key: 'e53c52c45042a4582c95ad0c9a55c90400840c26' }, "8. Flush Tabs (No Padding)"), h("p", { key: 'c9be58b1fd0bb28edfd220341b93fe813658a91f' }, "Tabs with flush styling for tight layouts"), h("dga-tabs", { key: 'dda04a8018d541f814a0b56b95148f41eb59398e', size: "md", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
                 {
                     label: 'Flush Tab 1',
                     onClick: () => this.handleTabClick('Flush1'),
@@ -234,7 +234,7 @@ const DgaTabsUsage = class {
                     tabIcon: "square-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: '17beb937b01fc1ac2e2cd4cf0e0e8093d67a478d', style: { marginBottom: '40px' } }, h("h2", { key: 'b6c81056429305242b326ba2c3596828beada753' }, "9. Disabled Tabs"), h("p", { key: '227ebf3b2fb5d8012452d8c071969988409472d1' }, "Tabs in disabled state for maintenance or restricted access"), h("dga-tabs", { key: 'ef580c35a1e35c7b25d8f62ad3f04e8c745c026c', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, disabled: true, tabsList: [
+            ] })), h("section", { key: 'b0c702339806d59be62677a9f1701fe59f790502', style: { marginBottom: '40px' } }, h("h2", { key: '5912c3fa3aeac57944df635f5c071ec811262862' }, "9. Disabled Tabs"), h("p", { key: '0e544fcefeac8214d01fa51867fd3a9c2d15f6a0' }, "Tabs in disabled state for maintenance or restricted access"), h("dga-tabs", { key: '9bb79b46b61a447a01afbbcbe137ffa615c10cab', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, disabled: true, tabsList: [
                 {
                     label: 'Disabled Tab 1',
                     onClick: () => this.handleTabClick('Disabled1'),
@@ -253,7 +253,7 @@ const DgaTabsUsage = class {
                     tabIcon: "lock-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: 'fa38efe07da4d34d6ca1f50927d96d8d1ab0f3d9', style: { marginBottom: '40px' } }, h("h2", { key: '799c25868a8e09ec8d46792c5680b209c2c00b24' }, "10. Mobile-Friendly Tabs"), h("p", { key: '3698484077eac911961c16ff2bc19be1b204b3da' }, "Compact tabs suitable for mobile interfaces"), h("dga-tabs", { key: '11e098d7d19abd39e4201eb60fb7e7e392f13abd', size: "sm", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
+            ] })), h("section", { key: '691698c5f4e78ab9326884079b683944a7f977b6', style: { marginBottom: '40px' } }, h("h2", { key: 'eab8ae721a6081a6c5b0e5c5c02f7f9f212cb1ec' }, "10. Mobile-Friendly Tabs"), h("p", { key: '0f2175a569d1fd1c2d0a6c278df61b8dc3642638' }, "Compact tabs suitable for mobile interfaces"), h("dga-tabs", { key: '4962b653c5f6e738849a1bc54684ade47ec40a41', size: "sm", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
                 {
                     label: 'Feed',
                     onClick: () => this.handleTabClick('Feed'),

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

@@ -74,7 +74,7 @@ const DgaTabs = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'd4c100a858f343767cd42f74b835ac552700cc9e', id: this.componentId, style: this.rootStyles }, h("ul", { key: '9d5137ce2f4db4b7289fedebe5c832c63cb634d5', class: `dga-tabs-list dga-tabs-list--${this.orientation} ${this.divider ? 'dga-tabs-list--divider' : ''} ${this.flush ? 'flush' : ''} ${this.extraClass}` }, (_a = this.tabsList) === null || _a === void 0 ? void 0 :
+        return (h(Host, { key: '17d2475e6da8393562a4af7263afac102b5ccbd9', id: this.componentId, style: this.rootStyles }, h("ul", { key: '41b67c39a33888ebed49adef7d141547c34b3a86', class: `dga-tabs-list dga-tabs-list--${this.orientation} ${this.divider ? 'dga-tabs-list--divider' : ''} ${this.flush ? 'flush' : ''} ${this.extraClass}` }, (_a = this.tabsList) === null || _a === void 0 ? void 0 :
             _a.slice(0, 5).map((tab, index) => (h("li", { key: index }, this.external ? (h("a", { href: tab.link, class: `dga-tabs-list__item dga-tabs-list__item--${this.size} ${this.activeTab === index ? 'dga-tabs-list__item--active' : ''} ${this.disabled ? 'disabled' : ''}`, onClick: e => {
                     e.preventDefault();
                     !this.disabled && this.setActiveTab(index);
@@ -82,13 +82,13 @@ const DgaTabs = class {
                     e.preventDefault();
                     !this.disabled && this.setActiveTab(index);
                     (tab === null || tab === void 0 ? void 0 : tab.onClick) && (tab === null || tab === void 0 ? void 0 : tab.onClick(e));
-                } }, (tab === null || tab === void 0 ? void 0 : tab.tabIcon) && h("div", { class: "dga-tabs-list__icon" }, this.renderIcon(tab === null || tab === void 0 ? void 0 : tab.tabIcon, tab === null || tab === void 0 ? void 0 : tab.iconProps)), h("div", { class: "dga-tabs-list__label" }, tab === null || tab === void 0 ? void 0 : tab.label)))))), this.orientation === 'horizontal' && this.tabsList.length > 5 && (h("li", { key: '684ca170c27a46a3b2422b36b3cad03cef234e64', class: "breadcrumb-item ellipsis" }, h("dga-button", { key: 'f5b8de44990bebdd771a29ab3ffaac0dc22f7b56', iconOnly: true, leadIcon: true, leadIconProps: {
+                } }, (tab === null || tab === void 0 ? void 0 : tab.tabIcon) && h("div", { class: "dga-tabs-list__icon" }, this.renderIcon(tab === null || tab === void 0 ? void 0 : tab.tabIcon, tab === null || tab === void 0 ? void 0 : tab.iconProps)), h("div", { class: "dga-tabs-list__label" }, tab === null || tab === void 0 ? void 0 : tab.label)))))), this.orientation === 'horizontal' && this.tabsList.length > 5 && (h("li", { key: '28eb7e9ce2be2a88ee8aeb0f089cf88f6af0e37e', class: "breadcrumb-item ellipsis" }, h("dga-button", { key: 'd6b906f179e2c64083d9fdb62f45885980bb49c6', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'MoreHorizontalCircle01Icon',
                 size: 17,
                 variant: 'solid',
             }, label: "Button", onClick: () => {
                 this.toggleMenu();
-            }, size: "md", variant: "subtle", disabled: this.disabled, "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false' }), this.isMenuOpen && (h("div", { key: 'ef2d0d35f9171d84b880cb90fa91e372716bda3f', class: "breadcrumb-dropdown" }, h("dga-tabs", { key: '6a199bd9259938abca01a8197677b020bab03788', size: "md", orientation: "vertical",
+            }, size: "md", variant: "subtle", disabled: this.disabled, "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false' }), this.isMenuOpen && (h("div", { key: 'a5e5cf6644305dde6e94abfe6e025419e7b45bf7', class: "breadcrumb-dropdown" }, h("dga-tabs", { key: 'a229b851f769a043a5dd199b9fa3b6463f7e205b', size: "md", orientation: "vertical",
             // tabIcons: true,
             flush: false, external: true, divider: true, tabsList: this.tabsList.slice(5) }))))))));
     }

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

@@ -5,7 +5,7 @@ const DgaTagUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '6ce800a510f24ce82f85d879881c5a55d00c0ecc' }, h("h1", { key: 'ea78e0226bc273721719b7cd229f2bbb0fa875f2' }, "Tag Example"), h("div", { key: 'ec3236eb69a38b0a41c46b9fe66998b9f03a4ce9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '04186d6836bac1903ec59c3f9e7cad7ce83efa94', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '7cd6acfb05928019517290cb64f4ee874d311e77', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "lg", leadIcon: {
+        return (h("div", { key: '81999862569f4fdca1f5ba6c33565895fa0e5e23' }, h("h1", { key: '1c3cb78870a7b4a2f1409c40a627f46732181106' }, "Tag Example"), h("div", { key: 'e87ec99623c23be5097582566b2add90c7d9418d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ac1fef4e115922b6f001cbf84939de0ca73021d6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '7378a1db79a21e9285327a95e9ff3e09fd242d2f', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "lg", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -15,7 +15,7 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: 'a4d9755a530054e79940ccbec23ec83cfba164cb', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: '5dd4b57c74443dcd9c7dd3eda0e8625a448a39d7', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "md", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -25,7 +25,7 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: 'a92f99ced2cccd3517ed7588337ddc98c2c286bf', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: 'f6e857742b43dc111995e7614e2b48b7e9e76ac2', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "sm", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -35,7 +35,7 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: 'c9f7a5731d1f4f40d6df4e15fea0fbaba32a083e', label: "Label", variant: "success", outlined: false, rounded: false, size: "lg", leadIcon: {
+            } }), h("dga-tag", { key: 'b03d014acf98b20d8fde26b0a32f05c9008f4d69', label: "Label", variant: "success", outlined: false, rounded: false, size: "lg", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -45,7 +45,7 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '908a8e0eec12890e3f07b947912e12d876a9ee48', label: "Label", variant: "success", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: '2ca02fe0e6ac9a2361dffb17c3d39583e03f1813', label: "Label", variant: "success", outlined: false, rounded: false, size: "md", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -55,7 +55,7 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '5007473a5cfc295738c46ebb5263dccc4e511ea1', label: "Label", variant: "success", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: '70ec2a3e13384cc41a0b6ddcb72b03f6c2d1c4e3', label: "Label", variant: "success", outlined: false, rounded: false, size: "sm", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -65,7 +65,7 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: 'f763888ac63e48a8bf827a4e761caa2e98adf672', label: "Label", variant: "error", outlined: false, rounded: false, size: "lg", leadIcon: {
+            } }), h("dga-tag", { key: '1dd73d805fc2e082380dc6c93fd01694b3491a80', label: "Label", variant: "error", outlined: false, rounded: false, size: "lg", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -75,7 +75,7 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '330b1f210a7832bf34a4e55676c5d7ba8fb8b701', label: "Label", variant: "error", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: 'c78a7dffbe9e98147d52d0399c4f6b0d3c877828', label: "Label", variant: "error", outlined: false, rounded: false, size: "md", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -85,7 +85,7 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '61f3602b040deaf9c21b5279e9ab6ec305be88db', label: "Label", variant: "error", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: '71591d064bbeb4801cf966f8d3669deb47b252fd', label: "Label", variant: "error", outlined: false, rounded: false, size: "sm", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -95,22 +95,22 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } })), h("div", { key: '720a5d67a3ef1830a40a4ab55e7a21f273ef3307', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '681fc7f63580487b62b8e47a33ab67cefb851dd3', label: "Label", variant: "error", size: "lg", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } })), h("div", { key: 'fa08d77342d46b6f00f8d9d91795bff9f6a6740d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: 'f457cd2c53d8c9ad9c196dcbcdb950c97d737575', label: "Label", variant: "error", size: "lg", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '3d870be2b421deb23f285f8148493493c349fc19', label: "Label", variant: "neutral", size: "md", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } }), h("dga-tag", { key: 'c02c94489f57a8bc681b60cd0fd5bf5ea637aa8e', label: "Label", variant: "neutral", size: "md", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '80f426e342e85a6a11cbea74f59b2061372475f8', label: "Label", variant: "neutral", size: "sm", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } }), h("dga-tag", { key: '77fbf7a3f1e4d2923c1c6fa3450c59201edb7f5b', label: "Label", variant: "neutral", size: "sm", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-status-tag", { key: '6463d80e4e049bd5f44a0c01ec4faf98bcaf5bfe', label: 'Status', color: 'neutral', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '82c9932afc4e5d4a2116c8b51fef1922296b08d4', label: 'Status', color: 'neutral', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'ec41f1421b96258aabb355b4e5dfcc02106ae576', label: 'Status', color: 'neutral', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '1f01d4bf4cc42c4a48f1667749388efd0c9366b2', label: 'Status', color: 'neutral', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '09ac2fb75e0f3f55965acfbfeb48958c1ac6f85f', label: 'Status', color: 'neutral', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'aba1efe1024fbec5a520182f2a364dd75f321e19', label: 'Status', color: 'neutral', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '06146817b00be8064d8cb8fdefc7d5eedc77bc26', label: 'Status', color: 'neutral', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '1e19c30bcbe17b8275f15a9267b6a2069cb8442c', label: 'Status', color: 'neutral', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '82a3428a03b23ccf007daf92ddfa54a14f481236', label: 'Status', color: 'neutral', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '9de05265f048dc3052e486e8efe9a99f2cf88fb9', label: 'Status', color: 'blue', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '44441033dd3c9622533b147dbd5d7c3f85a4d32c', label: 'Status', color: 'blue', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'ac44f59eb02c4e472d203cd767237aea118d8d23', label: 'Status', color: 'blue', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '28d44375de42be25aeb5140ec7ab2fcaedfa3217', label: 'Status', color: 'blue', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '560b36c56bdd7b11d7530c624ce8656ea7a46812', label: 'Status', color: 'blue', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '6cdd0ec1351393dccd26347ea92e8b211e1c5431', label: 'Status', color: 'blue', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'a929dc300b1001e66682ee3792ddf685a80c28e8', label: 'Status', color: 'blue', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '7a0774a9f07f28b7a8fd714626ec47e34887d133', label: 'Status', color: 'blue', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'cb4dbaf309bbf28b44ced6387433d793e8369fa0', label: 'Status', color: 'blue', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '52eced180d28b8b00507e8aa834a7285b8c2b630', label: 'Status', color: 'green', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '3d8a99581e65aa7492bf29338a68197507a07aeb', label: 'Status', color: 'green', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'a0c520f3a6b1bff51190ee50ff92af952242b5b2', label: 'Status', color: 'green', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'ab8325778a52f74ecc88658d65b8376516fd6e6b', label: 'Status', color: 'green', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '16a27ee9afe21d5b4ae7e8da0eb44d7f824d2574', label: 'Status', color: 'green', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'af014f9ca8ab8e2be8e0f85fa891bbecd4bbd49a', label: 'Status', color: 'green', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '3389ab5f33b551066091808030a1f4b2242f1eab', label: 'Status', color: 'green', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'a49507df1a9e39b72f3b80788418e057c11bd6c4', label: 'Status', color: 'green', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '51eb3ae9ed146bd75d9314e115c5f067b9146208', label: 'Status', color: 'green', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: 'b6d407d0d88e1c916d6b7d7fcc0144d4f6c89a5d', label: 'Status', color: 'yellow', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '28f12636af2950d15205f83689b1bd420b4499d0', label: 'Status', color: 'yellow', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '8cfc221c2fc0c478907dde2a949a3791bb2900fc', label: 'Status', color: 'yellow', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '4d6db105ce3ddce90802b12cb35d268354615e5d', label: 'Status', color: 'yellow', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'a89ad0895e9d37e1b21a23c71b59bb1d74622b57', label: 'Status', color: 'yellow', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '9bcc60f3d3b9fd73f45fab1431bd934029bd3d2a', label: 'Status', color: 'yellow', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '5a3d37445a6da86c11bbcb8b73c127303a50c9cd', label: 'Status', color: 'yellow', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '73c525b2a405444e5fce8fe9899211200f85823d', label: 'Status', color: 'yellow', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '2af32b11749c2b0b11ea7ac2b0f7c87179f20468', label: 'Status', color: 'yellow', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '980c1dc065bc80cd79df452d11ff93dda3f84dc0', label: 'Status', color: 'red', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '2914e4ca20cf30153994e3b5ea837e277ee9d931', label: 'Status', color: 'red', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '6d092c38bf29f64df1c00b3079b53a670ae9bc8a', label: 'Status', color: 'red', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '11fa18fefb761458caa87568bca8bf4adc163d50', label: 'Status', color: 'red', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'a79acd64323fea2cc12cd5a0bbee2ead14974b3d', label: 'Status', color: 'red', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'e6803ca2df369064f3d4dbd0bc7c7b030549746b', label: 'Status', color: 'red', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '38c0ebc2edcffd2bda43b9d08a6c0b374d8b9b4f', label: 'Status', color: 'red', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'ed3e5f184897a028a75863bce1dad451a7133c26', label: 'Status', color: 'red', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'bda3fa881d48c6eef2a44904680b071f75a275bc', label: 'Status', color: 'red', size: 'sm', status: 'ghost' })))));
+            } }), h("dga-status-tag", { key: '039f69ca5de89cd53e4d58eca3da21e2eb6e1fb1', label: 'Status', color: 'neutral', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'cb8fbdab7a9bbad1750148c0c3f81882a1edb25d', label: 'Status', color: 'neutral', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'c7313fca358ee4293ba877776a3f6e20e7a7bdaf', label: 'Status', color: 'neutral', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '90d4493e63ae00e7cda80cc8eb123e0759d57c44', label: 'Status', color: 'neutral', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '757b9a3559af40652cb5cf561431406d8ffeda14', label: 'Status', color: 'neutral', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '4f07a63c0137bd813f2be1b2548e365df5fffa97', label: 'Status', color: 'neutral', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '47d3c21162d844fd4a53c4670ce478378529cb3f', label: 'Status', color: 'neutral', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '5982b42c10b578f939fa9e3a23159634d2e85d7c', label: 'Status', color: 'neutral', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'e2933b2808883d848564f9d12390eab226de8640', label: 'Status', color: 'neutral', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '46d7af59df1492e72fa25943b830507179fbff09', label: 'Status', color: 'blue', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'edf3014ce62c8036d855262f135b0457782454c5', label: 'Status', color: 'blue', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '2a1bcd67def7e0dd7ebc1db6ed7895c62d0fadbf', label: 'Status', color: 'blue', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '834b80d541acdc6272b682b803394c365c970699', label: 'Status', color: 'blue', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '72cdb9b18bf049bf21ae6b1a803af53d11345f76', label: 'Status', color: 'blue', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '00ef03b907d737178eeb84bfb483067012f9a373', label: 'Status', color: 'blue', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '16abae4c5af1ba94d6a450ba395bcd7e250a1c9b', label: 'Status', color: 'blue', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '12ab0182693ee14f216ef142bbb3a321cf084d18', label: 'Status', color: 'blue', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '9178bf1bddaf571435717757a50dd4c9a105128f', label: 'Status', color: 'blue', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '083c4dbff48c6774f3026849a814c75f80e5b9c1', label: 'Status', color: 'green', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'f0df35318fbb5d27423928d8f0d787c0f9f0431c', label: 'Status', color: 'green', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '64a09c0b11e5f69f01ba979c96940c87b4772a39', label: 'Status', color: 'green', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '24b4cefb385969aca01a16224eba44fada68c65d', label: 'Status', color: 'green', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '8a4ede6e75b1bd2d8060c82e2b65e818f9bd71f4', label: 'Status', color: 'green', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '3b7bee77f957867b0b222b594bd312105c085e5e', label: 'Status', color: 'green', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'b2181e0d71d06c60223aa11e061553114ecb6b02', label: 'Status', color: 'green', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '0c8650b722d1af8eaf39b9aa50b15af6068f6921', label: 'Status', color: 'green', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'dfc4ff68fd89814e01ba7c185e6b746cf0c82e00', label: 'Status', color: 'green', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: 'd08eb82340ef1d5e02c5a66336873b73041fcd0c', label: 'Status', color: 'yellow', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '42e777543908065a806925526a73051183b03604', label: 'Status', color: 'yellow', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '10bb7d1be8076a44908f2e56786e11a0f84d5819', label: 'Status', color: 'yellow', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'e9ccf59fa2ae461b4d9d558890f1b69a27c8f11e', label: 'Status', color: 'yellow', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'aa9f2e89a046cfcbac1e70abacde6f2520f3f175', label: 'Status', color: 'yellow', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'b1883f3a7519ee75a2349b269cfdcf8ef3498a29', label: 'Status', color: 'yellow', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '70e6facb106fd20f0418b467a2c17f33db43fa63', label: 'Status', color: 'yellow', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'fb9942c4cf0341fe874e8f68639d32b2be506dcf', label: 'Status', color: 'yellow', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '4352b83250856c254ca3e54c76fca160e3681844', label: 'Status', color: 'yellow', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: 'a0f20d29e7745008fae7e919eda6e36933036f2b', label: 'Status', color: 'red', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'c7cd6649923da449882622c8892f77479bd3ff55', label: 'Status', color: 'red', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '04610d648283f9dd1edd8fbd576a2d8f0785dba8', label: 'Status', color: 'red', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'ba3032499e523fba4aed37a301a1dbcc060ac59a', label: 'Status', color: 'red', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '998eb6ad6f3e3aaf04fc64e8009fe0d9aa1f804c', label: 'Status', color: 'red', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '28a07fa00954cc67dc71963693ced457159600f4', label: 'Status', color: 'red', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '30ac7113d1eff3e86cbd771f1ab5ffca9e6ea094', label: 'Status', color: 'red', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '3e409acd287ed95623215cad27218a272bf3579d', label: 'Status', color: 'red', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'b8383f5add132511925185260098d775a903a862', label: 'Status', color: 'red', size: 'sm', status: 'ghost' })))));
     }
 };
 

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

@@ -6,9 +6,9 @@ const DgaTextInputUsage = class {
         this.value = 'Text Input Example';
     }
     render() {
-        return (h("div", { key: '348cc16d24b1e80b6b200ec2a521b1634bdc80f8' }, h("h1", { key: '8f73d95669e7dac063dedabaf32e03fdc5278e09' }, "Text Input Example"), h("div", { key: '636ff8f54ef87ccd5f69092804f962a5d5bfe493', style: { padding: '50px' } }, h("div", { key: 'cb90a4c9a223d3a3ab78d9baa9e1e5cd8270e6fc', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("input", { key: '23f05292d32932a030e8daa9aade94c631121d8c', type: "text", value: this.value, onChange: (e) => (this.value = e.target.value) }), h("p", { key: 'd0adec995d6a10c565b35189548be7a72671faad' }, this.value), h("dga-text-input", { key: '06c120ea770e26220e9cac17bf28aeb9d42d7693', readonly: false, variant: "darker", label: "Label", value: this.value, required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true, onInput: (e) => (this.value = e.target.value) }), h("dga-text-input", { key: '993975eced946457db89fd8631261254017519cf', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }), h("dga-text-input", { key: '2790893f0154018045fb641c815afcedbf3c4b4d', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }, h("dga-prefix", { key: 'b86d2684cfc9e62d4d6883b92a19cca87091599a', type: "button", variant: "solid",
+        return (h("div", { key: '510aed06b703ade0d10a76afd9b99edbe9f37245' }, h("h1", { key: '7ec2ab30a0abb937519434d172972c9c75139c2f' }, "Text Input Example"), h("div", { key: '86d82d7705cb93ad2dbad6cd2207447c1b20dae8', style: { padding: '50px' } }, h("div", { key: '5b5dc357fcc2efaae6776844c7d41b34cfcd073d', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("input", { key: '7245da45f5a24dd270d4452c95687e7cc4b60c8b', type: "text", value: this.value, onChange: (e) => (this.value = e.target.value) }), h("p", { key: '270a5a3bcc8198789cdff8ff48629457c04d3307' }, this.value), h("dga-text-input", { key: 'f42ad47f33ae4b8a8063492beacc951e1e238dfc', readonly: false, variant: "darker", label: "Label", value: this.value, required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true, onInput: (e) => (this.value = e.target.value) }), h("dga-text-input", { key: 'af747a2ea8aa917620da5fe1d38739131c9b3dbd', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }), h("dga-text-input", { key: '06414380052c6011d121d62abc9937ed87557e0d', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }, h("dga-prefix", { key: '10ba92ebbf6fe38e4ee9c7db991633274426e212', type: "button", variant: "solid",
             // label="Button Label"
-            icon: { name: 'search-01' } })), h("dga-label", { key: 'be4aea608f00fc390362246ea5b7ba704d7341cd', label: "Mandatory Text Input" }), h("dga-label", { key: '4718efb107a5b49c61e3c06003be48e8268b6498', label: "Mandatory Text Input", required: true })))));
+            icon: { name: 'search-01' } })), h("dga-label", { key: '8e574c3562f8157a50d3e40e058a1b1b5cb32235', label: "Mandatory Text Input" }), h("dga-label", { key: 'cefc0acf5bb774f70dd727210e31df3f733fdc5a', label: "Mandatory Text Input", required: true })))));
     }
 };
 

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

@@ -5,7 +5,7 @@ const DgaTextareaUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'fa8fff9f0a64bb6beb30e658aeede694fbd5abbe' }, h("h1", { key: '4a10c5c8c2b0e390f07eaa6fb40176cc975e4076' }, "Textarea Example"), h("div", { key: 'edb7e3dac0775631874c8593da3e3fa3e1f2c414', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c41d4ce46b2642be4341c8c95d4826179de04d51', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-textarea", { key: '8ee9ae7d10c95010acb5dff8eb1e5d873ee2cb39', label: "Label", placeholder: "Placeholder...", scrollbar: true, readonly: true }), h("dga-textarea", { key: 'b85e3af4591acd97239cc46a380efbe171f83ace', placeholder: "Placeholder...", scrollbar: true })), h("div", { key: '8616d8804c33178d98c587eff6b1f118c4c8bc2a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'c761c07b382a4db763c8c12fb75bae70cf9530e5' }, h("h1", { key: 'c74bf5954bbb87e7611c79b6f67bdc70889f7e3d' }, "Textarea Example"), h("div", { key: '0e5fa64c1850f22c85426b3c31a77ba3d1f484ff', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '37b509f36a54893dbd977b1c5d822555643cc08e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-textarea", { key: '6a599c45c6ee9738c7d1fb64909c0a00adf390d8', label: "Label", placeholder: "Placeholder...", scrollbar: true, readonly: true }), h("dga-textarea", { key: '77be82bcb798d72f4405703b9e92d42b62eb88a9', placeholder: "Placeholder...", scrollbar: true })), h("div", { key: '19f51008762a19f7fbef4c7fa9009baf5b79ed0a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

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

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

@@ -6,11 +6,11 @@ const DgaTooltipUsage = class {
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: '9c68a4ddceb36496c342ab67f1a6dd9f452f99d1' }, h("h1", { key: '5d0149e53e5402cd1261389d1d5bdd9b70b7a467' }, "Tooltip Example"), h("div", { key: '72b8bcda6ea38e9f2187d67341cfb108294b0549', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '6ff3655d7007261cc08d32728947970152a58139', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-tooltip", { key: 'b16dd97acb6626811f7fde5812fcc454837a0222', title: "Tooltip title", helperText: "Max width of tooltips is 240px - text will wrap automatically", direction: 'right', theme: 'dark', icon: true, beakAlignment: 'end', beakPlacement: 'left', feedbackIcon: {
+        return (h("div", { key: 'e5cbbab7b49db1ee99c95eed77d785ecb8e62461' }, h("h1", { key: 'c5c4b575154a86fcd81660bd2b2f8fa0f66af4c4' }, "Tooltip Example"), h("div", { key: '7943a66330e3faeaf2254f603c6ebeace454d898', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'cc23a9a5ce4bccdd257246e09f7e26c67e000a98', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-tooltip", { key: '83b927809a6a5168fa1ea8f8b31fcb32912466ff', title: "Tooltip title", helperText: "Max width of tooltips is 240px - text will wrap automatically", direction: 'right', theme: 'dark', icon: true, beakAlignment: 'end', beakPlacement: 'left', feedbackIcon: {
                 type: "error-!",
                 style: "container",
                 size: 24
-            } }, "Hello")), h("div", { key: '7643631cbcafa70f7a5cc0133e7de60abb2fc174', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+            } }, "Hello")), h("div", { key: '2064cf93b363381b287af23a79c9126d019da2de', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 };
 

package/dist/esm/floating-button.entry.js

@@ -25,7 +25,7 @@ const FloatingButton = class {
         return h("dga-icon", Object.assign({ icon: iconName }, iconProps));
     }
     render() {
-        return (h("button", { key: '39ce5fcf1cd40cc83e8bfd064ab3fc752efe6c6b', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `floating-button-onColor-${this.onColor} floating-button-btn ${this.variant} ${this.size} `, onClick: (event) => this.handleClick(event) }, this.icon && (h("div", { key: '16152d01eb9bb1849a430d93872774a2f9991c49', class: "floating-button-icon" }, this.renderIcon(this.icon, this.iconProps))), this.label && !this.iconOnly && h("p", { key: '033685fc8e45c75d90bd8f6dc91aba1a2651e68f' }, this.label)));
+        return (h("button", { key: 'c1f84088ac48d70b17c45a54d474f5707da57213', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `floating-button-onColor-${this.onColor} floating-button-btn ${this.variant} ${this.size} `, onClick: (event) => this.handleClick(event) }, this.icon && (h("div", { key: 'c29b127971ae727ebac622e781c39f1e76932833', class: "floating-button-icon" }, this.renderIcon(this.icon, this.iconProps))), this.label && !this.iconOnly && h("p", { key: '3ea3a5b714adff932d3ba6384701fc079f42b1c2' }, this.label)));
     }
 };
 FloatingButton.style = styleCss;

package/dist/esm/nds-accordion-usage.entry.js

@@ -5,7 +5,7 @@ const NdsAccordionUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '7c41efaf3aed341b1d61f3832d265124e789d2f7' }, h("h1", { key: '267e710183605616f82ab4a85ca64ebc5f416475' }, "Accordion Example"), h("div", { key: '6127c5318bd6c420b0632fd6c6f7abe635170d62', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c9f581d6af746db129fec4b97ea96833f60a292a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: 'cde7d942982593a10128fb69e6a0aa2038b7e7f4', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("nds-accordion", { key: 'eb1948acc44b3d45e42dab520bf69a8e11c565fd', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }, h("div", { key: '3e9d58012f444df3c5a31c3ddf7c00036a87d3a0' }, h("p", { key: '78b781b055379142cd273ed837e018a25402f2a0' }, "This is a ", h("span", { key: '8b253bec617aa4494e0a60241502d101ba888ebc', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: 'be4d5da6b8f8b38eada62265f8b5c552ee0e8e29' }, "You can put any React nodes here.")))))));
+        return (h("div", { key: '6cfcc7dbc89246fce2274eae1e8f99bf41063296' }, h("h1", { key: 'aa83730304745bdb937bca6847f494eb28013a58' }, "Accordion Example"), h("div", { key: '1e24bd10a7e4e901594aa53a3562c1a958d669d4', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'bc874c2284cbc9775c0b61d3954d78ebbc0585fd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: '750728b3c85e23bef96eaa87ebe556a5adfd1ce7', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("nds-accordion", { key: 'fa2b81e02fdd20651e5eb5050554bef857f206fc', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }, h("div", { key: '68dda3dfdd21f096124c910bb97059443c508698' }, h("p", { key: 'f8944613ddfad753976f7971ff6321822e6c9293' }, "This is a ", h("span", { key: '7a1b81bdd8f8a5f2d5189f279583fb5dac393fb7', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: 'dbf4be848448c662093c23d76aaf826ad4f85425' }, "You can put any React nodes here.")))))));
     }
 };