@platformscode/core 0.0.22 → 0.0.24

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: 'c983d0464d8d6ee6379fb06f8f6f1eb6210b4646', style: {
+        return (h("div", { key: '1480edac410969dcaa3c5142e1a3ff761404ecb8', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, h("h1", { key: '2e1022ebb6fda513c57eaad9037dc5d5c0fee5e8' }, "Table of Content Example"), h("section", { key: 'c28ead61eabd589da3f75665164c59ba1d803f5f' }, h("div", { key: '5f42a6876b4b9889cc655ae5fa7d855f88268191', id: "section_1", style: {
+            } }, h("h1", { key: '88930563b20e5c13fcc16fce46f07dc8d8c54aed' }, "Table of Content Example"), h("section", { key: 'eb6d53606d62fbf356572f33d05b3327b8b221c4' }, h("div", { key: 'cb3f5f5eee3843928c2bffa265872fc6c04cad5e', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, h("h2", { key: '37a62dab4bb30cece993961811e805279c16b011' }, "Section 1"), h("div", { key: 'cf46ed4064d0ffd3f6a5f2780d4d4f24f10b716d', id: "section_1_child_1", style: {
+            } }, h("h2", { key: '57cb148ac559451e3aeca41650278c451189969c' }, "Section 1"), h("div", { key: 'e609738f17c18897d190095f829e5039a3bc788b', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '3974a5bb5c74da1bacae8e8cc03131cbac64a54d' }, "Section 1 Child 1")), h("div", { key: 'bb0e0788d13e0cd04e867e35ad8329c676fb592d', id: "section_1_child_2", style: {
+            } }, h("h3", { key: '35c7f996011710ed08308fd3a11f9d74be6ebfd0' }, "Section 1 Child 1")), h("div", { key: 'c394c5f60b6a00d6a50d54f5d6084f1ec314d948', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '3d47a9f6f1daba571abc709ce05c1bb32d34c5da' }, "Section 1 Child 2")), h("div", { key: '1056ca8ccb04e711920a8c6a20faa667c3482259', id: "section_1_child_3", style: {
+            } }, h("h3", { key: '284182ffe2186a3c380898bb8eac41ec0eb5b535' }, "Section 1 Child 2")), h("div", { key: '22c501b1aea0b76cc9547331e3ac92b0d027b148', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'd573b416d26e7930993bcb8af5404aa4365dd6e4' }, "Section 1 Child 3"), h("div", { key: 'e5b5e11e7a65b2eb89176963386105e60a2fcd06', id: "section_1_sub_child_1", style: {
+            } }, h("h3", { key: '5fb0af392c1a0c3916d58d8fa16562f83b66184e' }, "Section 1 Child 3"), h("div", { key: '29461fa2f528c5dcd95b6d672ce76e454de41a4e', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '21dcd99711f531e3d26feee68169550a503b31e3' }, "Section 1 Sub Child 1")), h("div", { key: '14f0fc69662547fa46ab56fc249ab53638330494', id: "section_1_sub_child_2", style: {
+            } }, h("h4", { key: '5fcb2db04afd4c928e32570eba4c23940d571ec3' }, "Section 1 Sub Child 1")), h("div", { key: '866cd9f4321c88275aa89ebc79fa75e771ad7bb9', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'c249e18bb7050e8ce10c55833dc732c3fc813a40' }, "Section 1 Sub Child 2")), h("div", { key: '23f7f8474e9ad8237ebc1759dd3650d24c9abd91', id: "section_1_sub_child_3", style: {
+            } }, h("h4", { key: '709d851aed22df086ed85eb1752273e00d281426' }, "Section 1 Sub Child 2")), h("div", { key: 'fe2026ac37563574e0c679b5d110dd8fd753ea5b', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '0e4282f9e1402adaf72cf0584ae5b7a52b3d4fd6' }, "Section 1 Sub Child 3")))), h("div", { key: '210eed05020f92b17d0d7d9f1468b1d575269bbd', id: "section_2", style: {
+            } }, h("h4", { key: 'ea67df6ef04cbc3149a9ada35254e38567130c1e' }, "Section 1 Sub Child 3")))), h("div", { key: 'e3ee319479ffa609cb4ca4ff02e24bd1887536a4', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '85956f31bd566bf4b0fb4b7396fd0f66c9a013a2' }, "Section 2")), h("div", { key: '8398df7b6d92fd08b9e6b91110b96e29cd360d11', id: "section_3", style: {
+            } }, h("h2", { key: '1ed74924161b9901eb1f9421ca26a34ef87725bc' }, "Section 2")), h("div", { key: '94685c51c97e8fb53b3700ea5b0422a39a468578', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: 'c04051a357d5389102f2b94593428d3e019eb1f6' }, "Section 3"), h("div", { key: '30ecc6f5e16af9622434511562d8d7dad6367eeb', id: "section_3_child_1", style: {
+            } }, h("h2", { key: 'ab00f0b5984fa8e44dc7ee406bdfbed82abdd1a1' }, "Section 3"), h("div", { key: '40526d70f6679c58662ae73bae346ff081867018', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '1d5366a8c60c322fee2a9902d103f432c4c107ab' }, "Section 3 Child 1")), h("div", { key: '6034b390801e6a803ac2bfc3db839bc61d5840e5', id: "section_3_child_2", style: {
+            } }, h("h3", { key: '39b2c6ebd5c0518c1130cb5c3d22c4ce2c35c466' }, "Section 3 Child 1")), h("div", { key: 'bf8ccf091efcdb6d6b91fed7cc6185bae1707981', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'c277dc393cc632222d35b5a8d156f9cb69a0a3ad' }, "Section 3 Child 2"), h("div", { key: '680a8723b12ae8ec9ccc866c53c050f093581d1f', id: "section_3_child_2_1", style: {
+            } }, h("h3", { key: '510432aa9071f84bd609b8827b0a3412b64ef69d' }, "Section 3 Child 2"), h("div", { key: '8af9ef19277d3453fed173be0b19a6ff03658f09', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '12a7d0cad49ccd91a7b1db2582fe267dd61fa84e' }, "Section 3 Child 2.1")), h("div", { key: '9fb82323c2e689e157d1180a0da90c078b0b125a', id: "section_3_child_2_2", style: {
+            } }, h("h4", { key: '29a05eefc9e36d390accef33037cc395e9ec7061' }, "Section 3 Child 2.1")), h("div", { key: '9c581ef2d8964c36af8bfad7ca7ecc4cc1be7c93', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'cc64b76269fbf93e0c5aec932bb022a34724f14e' }, "Section 3 Child 2.2")), h("div", { key: 'c2e4b63399bb73bc67f15f344e0afb7db700677a', id: "section_3_child_2_3", style: {
+            } }, h("h4", { key: '1610aef82f6ed45c371f7725c510651cc1a51fc4' }, "Section 3 Child 2.2")), h("div", { key: '6343760e8336c5bc9ca71cf1aa96bc254e0e6b3c', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'a7bee4e488a06732f97ce5850db3be04b86a0d4c' }, "Section 3 Child 2.3"))))), h("div", { key: '2725488cbd1f19c6a48aad41e79f0f524a4ca332', style: {
+            } }, h("h4", { key: 'bc9b5ffa6ed021e2955209b982bc730973b440ac' }, "Section 3 Child 2.3"))))), h("div", { key: '6488d3409450032ef22422493d5e038a244c6b02', 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: '112972cdd00c4036880244f4c9a17a72c7ab7ae6', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, h("dga-table-of-content", { key: '55a15fd7741d7a373fe7050b26614ac5f5842107', title: "On this Page", subTitle: "Page Title", sections: [
                 {
                     Name: 'Section 1',
                     Target: 'section_1',
@@ -125,7 +125,7 @@ const DgaTableOfContentUsage = class {
                         }
                     ]
                 }
-            ] })), h("div", { key: '1189116fa038429ebe293b239fb30ab7d3d788da', style: {
+            ] })), h("div", { key: '9c27fed56e27ab4801408e1cd5cb8cb919b2c010', 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: '27fc846547d8a3e877f77e1d1c55fa0f548b3baf', 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: '424f0d7caa76d003325a8cb8480e3b2d399fc61b', 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-usage.entry.js

@@ -5,7 +5,7 @@ const DgaTableUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'b5054a6d0fd3e7dae1e12c3b4cecea2ae94e16a6' }, h("h1", { key: 'ee2a65396fbbf71469deabe03fbfdd9ec16d80d2' }, "Table Example"), h("div", { key: '108b830e26a740d0d73e8a2ba0206f9848d92e63', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'b452499d51152fe62c37b6cb9c2ab539444451db', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-data-table", { key: '8cfded33a0e06c92fb33cea795a028d1ceb30349', columns: [
+        return (h("div", { key: '0c6fafc36bdb1302436c4fc1c0de6c6efdd0e468' }, h("h1", { key: '49a56dd1f6bd644eb701223fbda4edb496144bac' }, "Table Example"), h("div", { key: '2676422f71af513b0e65674152011457cddfea1b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f2007d4c6a960334ba785c7fb064af9bef52212e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-data-table", { key: 'adcd135514763a5c8ff335db8a6c677d6194643e', columns: [
                 {
                     label: 'Header',
                 },
@@ -61,7 +61,7 @@ const DgaTableUsage = class {
                     price: '962500',
                     selected: false,
                 },
-            ] })), h("div", { key: '441a9cf2d8ad1afa33d6f857da4dba1e3e3e4b79', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: '168874b4630d2e62066130b17e31291eecb15510', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -5,7 +5,7 @@ const DgaTabsUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '46b388e665d5eefa731433b3777327dfdd5d4236' }, h("h1", { key: '81c3932a8e580600bd32586bfdc8aad52ad4e702' }, "Tabs Example"), h("h2", { key: 'c329290427c9e2defbbea4c9d95edfdf68b15ee6' }, "Horizontal Tabs"), h("dga-tabs", { key: 'ee9623580bd4895ba43deb794a11b95b2e8c0b61', size: "md", orientation: "vertical",
+        return (h("div", { key: '29f80c4cc93d94ebb1362fc8d9c7b2cafb4761e9' }, h("h1", { key: '92835b9781dfae4a88e47231a2cacd2ad572de4b' }, "Tabs Example"), h("h2", { key: '4556d1de8275d9db32e2a8a85bb9d6d5564f4d87' }, "Horizontal Tabs"), h("dga-tabs", { key: '74f4214c862620321ebf05f3c84063875ee29a10', size: "md", orientation: "vertical",
             // tabIcons: true,
             flush: false, external: true, divider: true, tabsList: [
                 {
@@ -35,7 +35,7 @@ const DgaTabsUsage = class {
                     onClick: () => { },
                     tabIcon: `<i class="hgi-stroke hgi-sharp hgi-home-01" style={{ fontSize: '16px' }} />`,
                 },
-            ] }), h("dga-tabs", { key: '3b5d016cb5d461d06799cec8e2928e9d0a7a93c0', size: "md", orientation: "horizontal",
+            ] }), h("dga-tabs", { key: '8e449229faab285dbe12b1dc1216b7c43f366e1d', size: "md", orientation: "horizontal",
             // tabIcons: true,
             flush: false, external: true, divider: true, tabsList: [
                 {
@@ -83,7 +83,7 @@ const DgaTabsUsage = class {
                         type: "sharp"
                     }
                 },
-            ] }), h("h2", { key: 'c9903dff8692e05a79b2439a4c7ccb34d09a0773' }, "Disabled Tabs"), h("dga-tabs", { key: '6ce853a7ac35a1fe861f5f7639f9f6cdaaf27916', size: "md", orientation: "horizontal",
+            ] }), h("h2", { key: '17d20d9e3bd22e50cf36c6a0cb72689b8ae31d96' }, "Disabled Tabs"), h("dga-tabs", { key: 'b57275fccbb441769587b7a4112b49ff53be5275', size: "md", orientation: "horizontal",
             // tabIcons={true}
             flush: false, external: true, divider: true, disabled: true, tabsList: [
                 { label: 'First Tab', link: '#', tabIcon: `<i class="hgi-stroke hgi-sharp hgi-home-01" style={{ fontSize: '16px' }} />` },

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

@@ -5,7 +5,7 @@ const DgaTagUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '2d5faecf29b48987f9978280694c27b1703e6dc1' }, h("h1", { key: '7791841905903a7ad47b6fb80d0ff4d0e8a85569' }, "Tag Example"), h("div", { key: 'cdfbfcf2fe14b735393df55c9aeade2ac6dea4a4', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '689862db863734dc446957ea36ad59df91509c4b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '364fb2e705836cd8c71f44337d5c138afefe637f', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "lg", leadIcon: {
+        return (h("div", { key: '43a34e243c0e27d3aa74fd3affbd3fbbe6dfcbaf' }, h("h1", { key: '3870ec830a4198e6b381b80796c1341d4b493843' }, "Tag Example"), h("div", { key: '8063ff004da7adf5ebd5c27d76c1541021904464', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'b0d773c26f9ffe6a82fea8e25f009ce0f280549b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '13f99c9c10f6307f7b6bfb62675e5e4392504469', 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: 'f00e12c6c3b72bb1898cf62aa8081d1aba9e45dc', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: '381baa7996b6ed89cbe34f8cc2e1f0cfa014fe1b', 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: 'f448918589b34ecf323fd75f72dbc35d94fd3ee7', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: '2123eac9f1b4eb04644b5a6edf93ef5fec163151', 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: 'a0ee63ae3b672fa7d6ef224f2e94587dd4974f1c', label: "Label", variant: "success", outlined: false, rounded: false, size: "lg", leadIcon: {
+            } }), h("dga-tag", { key: 'ac2bd44ed802e4870675f73ab931fdce51d03f43', 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: '094d61d018c796493758f8786d05dc57844f1e4d', label: "Label", variant: "success", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: '5aed4879f9a94d8b035e638b126ce875450f945e', 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: '831244824b1f2286106f07c7ff9fb4b4f923fa9e', label: "Label", variant: "success", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: 'c2e2eb2f035fce893b9bdb936cc903bec895ce3a', 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: '8cc978ae3acb3fd0f81caaea5f691782d4f67959', label: "Label", variant: "error", outlined: false, rounded: false, size: "lg", leadIcon: {
+            } }), h("dga-tag", { key: 'da7415926f764052241777a5dbb93840d33dadf3', 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: 'de7e29b569ea05c60f8dde2fd7e44d4151df8fcd', label: "Label", variant: "error", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: 'e833b99d8c975745f6e7d052bdf07e70f6d363ca', 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: '114cb04f320f6c6e3652925eaeba336e20ec6992', label: "Label", variant: "error", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: 'cec0e7abd13f06a3e0ece70cd33e3496e772ec6f', 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: '28d3e456b7af0a06aac8c4ccc710943081e10f8a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '4213f09b271fc43f105ec928f2bc71eeafa21bba', label: "Label", variant: "error", size: "lg", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } })), h("div", { key: '1e0834c5625fb57f9f187ce30e7f549102473b55', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '0460f6101644a4ba7b03db86254eea56355a9e63', 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: '717be0d6c825e70fd186c29254c7e6a098efa49d', label: "Label", variant: "neutral", size: "md", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } }), h("dga-tag", { key: 'ceea9f0e1ecf19257ff718521a2180e511e569bb', 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: '82d59c17f7efe6dca32c26502a9a8b83ee824dd6', label: "Label", variant: "neutral", size: "sm", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } }), h("dga-tag", { key: '54426c8e8b2a1f892f91c5b827aee805cf47ad4d', 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: '5856905a86820e365b2a51688840b3f0cbfe9f83', label: 'Status', color: 'neutral', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '1c9a05ae1ad78fb7a3b628d36677a75c976c4d11', label: 'Status', color: 'neutral', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '159898608e802c1853e6090d2c5ff806426b8154', label: 'Status', color: 'neutral', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '41f069b6fea1f5133fb014bfe6d06848726311a1', label: 'Status', color: 'neutral', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'd842d04baea7065897a26c92e4e49c84232942fd', label: 'Status', color: 'neutral', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '08eadf62530206318d861af0d5caa3dbd17dbf65', label: 'Status', color: 'neutral', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '53ce7f7ed4cdbfc7001dd443d028c5c2029a69aa', label: 'Status', color: 'neutral', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'b297a60d38db0a08a2b0d5e4d2b94335aad79fb7', label: 'Status', color: 'neutral', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '0b7bd94d86a540e9d886bdf34212eaf9ecf14b98', label: 'Status', color: 'neutral', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '33f2c21fe948730ec386b2ba3c3dd87bc67897dc', label: 'Status', color: 'blue', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '867067457ce8efb89e0bd679f45ff152dc49d7a7', label: 'Status', color: 'blue', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'b9dc6a36d5813f48802def608bcdb61cbf3a555f', label: 'Status', color: 'blue', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '0da6fae726457cc63fb0bc45f06fb4d386d23d2b', label: 'Status', color: 'blue', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '3f0d09d714caff50eae6b0ef65c473b61a6406f4', label: 'Status', color: 'blue', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'e0f539515b6001ff29b2cf7512322b093f339f49', label: 'Status', color: 'blue', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '003a2f54b6c1a40227e8ec20808f03c3834b96a9', label: 'Status', color: 'blue', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '4e7f2c0c2680da944f06086d55e34466d659d743', label: 'Status', color: 'blue', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'b756a0741b91d6362b0417a750fba2e09c9106cc', label: 'Status', color: 'blue', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '640ee0a560e779c9a8d8ad4e2b40c722d82d635f', label: 'Status', color: 'green', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'a6cfb53afa7cb1bf9bcb9475ce0bb93ba8e79a9a', label: 'Status', color: 'green', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '0b62d98559cb305c7b3fde84e43e9a819b4a8794', label: 'Status', color: 'green', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'e17eafa6e5608d156e2062731cde17e9237e3f7f', label: 'Status', color: 'green', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'b0a8966b48bd2d08b904919322830ea6d7087289', label: 'Status', color: 'green', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '9c22ec567718cb975c5c93ca8a0e0130cbd0cca4', label: 'Status', color: 'green', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'a4b396a9557df98214bf476cbfbae9fe4dec2c9e', label: 'Status', color: 'green', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'dab8f23b09d130398243988dbdb708a613038600', label: 'Status', color: 'green', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '1691bd1c435291e6a6091507ffbf086e8dc2184f', label: 'Status', color: 'green', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '7d9feb5ae62bbc17c28fb6cc66c92355bb38b4fc', label: 'Status', color: 'yellow', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '947fe11aee275b700abd43615593638c1eafd16e', label: 'Status', color: 'yellow', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '1dfccfd91b0e427e1a05cf7caae4e69220cea753', label: 'Status', color: 'yellow', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '914f288fddf88a642a6150a69db3f6b78c474831', label: 'Status', color: 'yellow', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'f37a6ca9b5a37ea42f4acb723e292f1b47706833', label: 'Status', color: 'yellow', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'b00ddf3742905e9dd357d74bbc34031d299e3ba4', label: 'Status', color: 'yellow', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '66aff91aff56b1c9773cf3eb421cc3520b726015', label: 'Status', color: 'yellow', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '6b9efc67db44b01adcafe825a9bf5ad0cc9fdfce', label: 'Status', color: 'yellow', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '2fe0eb189d37fd75f76ff2f6f113d9a1c785c2b5', label: 'Status', color: 'yellow', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: 'e73f35dc4fb57b2a805f5aee41ef8ff539b25ea3', label: 'Status', color: 'red', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '548a652d676ec20c1976c2bc7950017181b2e375', label: 'Status', color: 'red', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '4fd8faa9e6f60d4e1365b367d1ba3e7960b4a416', label: 'Status', color: 'red', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'd9d8985576839d0a854a2c289f4b3d18561252ad', label: 'Status', color: 'red', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '33b240bcd235400edd358ad6ea70440f027f11e4', label: 'Status', color: 'red', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '43a93ed9d902a95d4d2855f5e06678f2341d34ca', label: 'Status', color: 'red', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '96451489cc0c73ad0602db2f70327054d961715b', label: 'Status', color: 'red', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '753e139f57f55767803ec3fb1c171f422d19fcfd', label: 'Status', color: 'red', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '6c885dbc7ebf5223c29d5839cdfe9ab3f7192bf4', label: 'Status', color: 'red', size: 'sm', status: 'ghost' })))));
+            } }), h("dga-status-tag", { key: 'a9634c2d793fc7a0740b697fb4eadd8cba0ebc79', label: 'Status', color: 'neutral', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'd038b071dddd2fbf1edd680e38386b2860a5c560', label: 'Status', color: 'neutral', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '620c4a191257d5f353d4d69c5b8847aa82c1a199', label: 'Status', color: 'neutral', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'ffdbc5fa84e08d5f52e77e1b971bc68e0a007a83', label: 'Status', color: 'neutral', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '86ebc44332ad533d6873915e91a4aaad834f73cb', label: 'Status', color: 'neutral', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '8c3a3b900c877ae586f7dc7ca3594882c8e03424', label: 'Status', color: 'neutral', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'b292063445d1ab716d91dad90a5779cb07be1984', label: 'Status', color: 'neutral', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'e6f861996809a1447b6b4d358bc9ddb0e97eca7d', label: 'Status', color: 'neutral', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '8117e038d24ec74d3a5aa9ece771d9ec0f57ada7', label: 'Status', color: 'neutral', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '35289fe16a61ae59db770dbf4682c6e1c6c74731', label: 'Status', color: 'blue', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '42ddbc6ac550e6832180cc5cf59c2edaad065df7', label: 'Status', color: 'blue', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '0d6dd51b8fb3551a2e5d97c4e253472fd963c8c1', label: 'Status', color: 'blue', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '19fc30ed53b37dce5d7d37494ded692acc286dd9', label: 'Status', color: 'blue', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '3383f419477567026831df77fe96acf2a5ddd95a', label: 'Status', color: 'blue', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'c5550a8d2a44cedfa0201edebdebc3d377e16824', label: 'Status', color: 'blue', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '1d53eaa3b0b01f85b30e0987914bae9fd084df53', label: 'Status', color: 'blue', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'fe7f755b6b77ac4b8f7725fa6dd76f4792bf95f8', label: 'Status', color: 'blue', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '2f4df97ab95d15e072774d0266575fb1c75ee478', label: 'Status', color: 'blue', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '2d4ea5ad7acbaef8e53cd34161562ffda1e68453', label: 'Status', color: 'green', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'c5de0f2e806112258d1d9e51d45a54dbb9b62b74', label: 'Status', color: 'green', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '159498ff9a8ac2ab21585477fb72921e7d94448d', label: 'Status', color: 'green', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '7343dd2a61a1bf5f9aa62f4e55fff9c943b2c01b', label: 'Status', color: 'green', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'bcd177c615ab453a4ab84030c87b1758689d8be7', label: 'Status', color: 'green', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '08c749bba473f24a7763a22872297a3086a3a128', label: 'Status', color: 'green', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '4a2bf3c49301cce37ab449f74b485fb080540c84', label: 'Status', color: 'green', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '148cc18df028592a73122bc6526eb625277d9417', label: 'Status', color: 'green', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '738966a75abc9996d4d7d10f2fdc4881936c81e1', label: 'Status', color: 'green', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: 'd410ef7403d7ff61fe9ccd509da81856c7abccd0', label: 'Status', color: 'yellow', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '32d0ca85a0fb2fd971bfc08a9898a791ec89aad2', label: 'Status', color: 'yellow', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '5541b7731466dcb43372274ae095345cdeea4948', label: 'Status', color: 'yellow', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '39cba2c7cab25c4b6410c1a4506737858d1d00b2', label: 'Status', color: 'yellow', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '2d6832c6d87d78a884315bd929329930c1943a1d', label: 'Status', color: 'yellow', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '08343868f479efc5b2d10c52f6646f758d6278b3', label: 'Status', color: 'yellow', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '9152bd44893e19cc63db77b82f5c63dcaa537136', label: 'Status', color: 'yellow', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '31e0ba5b8d78f39d89593fc8d235816271e2f83c', label: 'Status', color: 'yellow', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '111536eaa5e42f83d80ceda2a708493c536d2b13', label: 'Status', color: 'yellow', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: 'f95031371920f7e467cf9d54b1ecd448cc56e842', label: 'Status', color: 'red', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '25a9aae96e1e2e58d7e90ea9202849faa8a5348b', label: 'Status', color: 'red', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'd02a9e93fa3cbc2008d6eeed04f5ab79aa7bfcfd', label: 'Status', color: 'red', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'b960c96054100427da323a4852a6acfe38b9f18c', label: 'Status', color: 'red', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '1c2cdf21cc552f5db562b6f101d07b5578b7e62e', label: 'Status', color: 'red', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '66aabc2666bc0e8fbcd35563ad5a504458e8e40d', label: 'Status', color: 'red', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '25ec9d4de314ab4cef0cab260cf9dc8e3c8aeb0a', label: 'Status', color: 'red', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '0b08237b6c8ba3c82b5ccc2ccc8ff32a0d1356d1', label: 'Status', color: 'red', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '7c036bac82266790e8094610063079b209ac96f8', 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: '9452e3df29178ef2d51b08138e730dca152b6840' }, h("h1", { key: '6ef0a9a5fa65153bba5ee70fe9f613daa106dbb2' }, "Text Input Example"), h("div", { key: '47c3a94a22f059292ea8cb008a9c6e171dffff4e', style: { padding: '50px' } }, h("div", { key: 'a9154d1b74b7823b512a8f5bbe595a9872437e84', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("input", { key: 'd53ca1134429e6ce27c78762acc344b822717d2f', type: "text", value: this.value, onChange: (e) => (this.value = e.target.value) }), h("p", { key: 'ca4ee73291da6dfe391d9b8e43587210c90af583' }, this.value), h("dga-text-input", { key: '27c4d29f81df1d6d7391e65c65f96632221c99a3', 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: 'd14f329253581f1e1ccbd70f30ec3afbdf5dde4b', 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: '4092fb8baa54e0ff72cf1821ebe644c7106bffc7', 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: '8fb4cd53adb593c9814c853e047f9094afaf1de0', type: "button", variant: "solid",
+        return (h("div", { key: '9772afc52fed4cf3145d006bbbc0a9d6ef79c3a3' }, h("h1", { key: 'dbc80e2e9e448ae89eacad3b1a72416434bf7162' }, "Text Input Example"), h("div", { key: 'f17c887f755c8be27e152196c1aa2b6389271be6', style: { padding: '50px' } }, h("div", { key: '2e28b3096c053bfede0ad3867665568b68f10720', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("input", { key: '77adf6e649257b419771934648c6743a0f7cc9dd', type: "text", value: this.value, onChange: (e) => (this.value = e.target.value) }), h("p", { key: '46c7c06bd5197212aedf82dbfa4f0e9fa5474752' }, this.value), h("dga-text-input", { key: 'bdc1c79d5e44af0e65deed8b30f71655ddbb0cf6', 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: '05e0071192c40c718559b504e51c228e4542162e', 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: 'ffad2d6e781e42ab52399bd0087a8a4d47b406e1', 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: '9ad87e49a1a5a5be745b555bbf9e6a091502cde1', type: "button", variant: "solid",
             // label="Button Label"
-            icon: { name: 'search-01' } })), h("dga-label", { key: '914ddc97e223acf89f27f8f149e45b4d995f0042', label: "Mandatory Text Input" }), h("dga-label", { key: 'cb911b5e5bd049565544b34afbad5154e1f55873', label: "Mandatory Text Input", required: true })))));
+            icon: { name: 'search-01' } })), h("dga-label", { key: 'ac37d82de7c876dd799f13b5ffb8b2cfc1b63663', label: "Mandatory Text Input" }), h("dga-label", { key: '4009df91d87fbaf2bff4c126d7efcaf7cb690fc2', 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: '748625590a5502649b3f9702bcc3194685650481' }, h("h1", { key: 'fcce936a711f31ed2398006f0c9a7f4b51693de3' }, "Textarea Example"), h("div", { key: '0f5ad2ee8329cd185749f2d25988a8b7a0edec1a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a80a3c37b040b684d958479a671b6f4389939f11', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-textarea", { key: '9b30321514486269bbbd7158ca91904403ee9363', label: "Label", placeholder: "Placeholder...", scrollbar: true, readonly: true }), h("dga-textarea", { key: '2af70954e218755f015486f0c9295fd5678302d1', placeholder: "Placeholder...", scrollbar: true })), h("div", { key: '4a905c203029c8ee581cf35d7fa85b2eef05fc7a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '03e3c7bc3785f7047750b8883ff309b5218e1cc5' }, h("h1", { key: '5fdf74cbb9df88f3672f7c80380adf26cb103aca' }, "Textarea Example"), h("div", { key: '08274b52edeeb851aa73c01800dfacec7ae6d346', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '7e5a6c5414247e7871798aec9cf5455a135e1315', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-textarea", { key: '6e1b7afa97036043ede7ae3eae52ed28e6ab9c02', label: "Label", placeholder: "Placeholder...", scrollbar: true, readonly: true }), h("dga-textarea", { key: 'dc24d9d55fcb34f5ad80463f5115be02a2c10706', placeholder: "Placeholder...", scrollbar: true })), h("div", { key: 'e561cf40891abb722eb2da9747ed103d7739280b', 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: '0ecf2df6644d59a3aa6a3b1a6889259620db9d40', id: this.componentId, style: this.rootStyles }, h("div", { key: '0e7a914e80d86de719989ff9133873cafbd4fd2d', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '55bacc687806006156b8f0cd706f7304a27efe19', class: "dga-label" }, this.label), h("div", { key: '02aad39582e7481a2883196b1602f08162bb192a', 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: '30213c1bbaa90cb0992f94492a4097ef38409fdc', 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: 'b67477a469dad41d6180c0e89d50b9f3f643a9f0', id: this.componentId, style: this.rootStyles }, h("div", { key: 'c7ed8cd4bf8b2d078e64442c84a70cf14bae4844', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: 'f7f6902cce8d31d0b2de48295d4a20bb0cccf781', class: "dga-label" }, this.label), h("div", { key: 'f6c6c2fbd808e3757846314d17d78c5e72f96196', 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: '374b9704fe8d0d02a345da98f122fd63e3d19f7c', 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: '5fa97a5a1ec0ca3445d91d32eff49ba7c559f9cc' }, h("h1", { key: '50a4a4e2090f531eb677944a6fbf0e6cc82f0059' }, "Tooltip Example"), h("div", { key: 'a3dcb05555faf75a32173849cdd2139f318e7559', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '7359e9b5472e95bae89508060a00019d8d9457ab', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-tooltip", { key: '2f45d12a246c9afcb666c2a1e96a0d872a2cba73', 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: '984b233d2085d8ea9a91620a60fc6f60d0b89616' }, h("h1", { key: '871b680989d444af35ae701f093234a81ad3e79d' }, "Tooltip Example"), h("div", { key: '7b4b85ba45eb470a5a41d3184d8dbc5d22fa222c', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'd7329c76fe31fefadb325ebc6ef3c4ea1e23f8c4', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-tooltip", { key: '0b4b4e0b0e406b1495b1a3d21eacf35acde09070', 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: '73e0f4506321c5fce60f0c9c46cc02057b2de39b', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+            } }, "Hello")), h("div", { key: '9be1f55a180ee39c6306daddc6b49f103f2cd03b', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 };