@platformscode/core 0.0.34 → 0.0.35

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: 'e79d38b564cf2211aa6e8f802947330462a9b05d', style: {
+        return (h("div", { key: 'f365703736fe68f2bf1b268031025c6637222337', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, h("h1", { key: 'd20f212026e1fc15dcee1da4f2825e02d1de7e97' }, "Table of Content Example"), h("section", { key: 'be43c2f4ee658e5d0fc41088553eafa3d26d2fed' }, h("div", { key: '9c5488a84aa3afcf58e05e16af0b21267485add2', id: "section_1", style: {
+            } }, h("h1", { key: '19a7fc78fd270765feef57f18625fc4fcab9683e' }, "Table of Content Example"), h("section", { key: '238c99fd01706a9e87bfb09aa829030e662051a9' }, h("div", { key: 'b1aa7090a7d4272a9ae718fe8eb631adf2b7a7ed', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, h("h2", { key: '3b5bfba528525ee1aeac6b26df1efa2c9820f61d' }, "Section 1"), h("div", { key: 'd3aed5a557ece1a38fbf3ea855b96134eacfdd1a', id: "section_1_child_1", style: {
+            } }, h("h2", { key: 'e0e3d8ee6aad27c62d86115316b8d9a5a2172db2' }, "Section 1"), h("div", { key: '2c5f6932b71c4944dd1ba964dcd388c7f35d330f', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '10e0a7030c94ae3a1525a73c40f1aea25557c1fa' }, "Section 1 Child 1")), h("div", { key: 'c6f812f7f576c38c2e43882fce11a319c806071c', id: "section_1_child_2", style: {
+            } }, h("h3", { key: '868615fb583491d2164a0758631222aa2a6a7b75' }, "Section 1 Child 1")), h("div", { key: '877c8c2eac6126113b5fed21a8c4ffe51cae11ed', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'b1ba2201ad7391ad00de41736d196525cc5cdbae' }, "Section 1 Child 2")), h("div", { key: '6402aa3493703417a5bfaf4bbd5fd75315fd05f7', id: "section_1_child_3", style: {
+            } }, h("h3", { key: 'd01ec3b25413f687495a59eee46e0f95808a6e52' }, "Section 1 Child 2")), h("div", { key: '860c1415bd996da440ba88ed771eb199b1aefc82', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '17d6f32b548ac94fca4f2b1283698ed0995a0f79' }, "Section 1 Child 3"), h("div", { key: '0eebeb21257b41255a3662855e87aa54ba12e06e', id: "section_1_sub_child_1", style: {
+            } }, h("h3", { key: '94720f9a03a3ea2901ddf1e85b988c43b5a9b0f5' }, "Section 1 Child 3"), h("div", { key: '6fcfa0fdd98cc018dafc83732ee0202f923bb340', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '9bf7ca57c201beb1d190f519440aab1b65915c23' }, "Section 1 Sub Child 1")), h("div", { key: '24c087e844732a7b1f41851d993d0318df129687', id: "section_1_sub_child_2", style: {
+            } }, h("h4", { key: '29667e61b8ae34643536129b4942ca9f7945e229' }, "Section 1 Sub Child 1")), h("div", { key: '3e7ad4dc25169e094c8270a6a06d31b772fcc722', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '58db1b10c9373d81f551b6dd655254a257dbde8f' }, "Section 1 Sub Child 2")), h("div", { key: '21084900667940beaba216176a259b48b3f46f6c', id: "section_1_sub_child_3", style: {
+            } }, h("h4", { key: '01ceae69186064eef3576f4e21da317b00ae5049' }, "Section 1 Sub Child 2")), h("div", { key: '6dc61bd8ef6e6390f0633dd5213246b3173447c7', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '3b27006b6e6fcbdf792aa016ba98cb3b9fefb645' }, "Section 1 Sub Child 3")))), h("div", { key: 'baea4d4124b31c3c16004e9225bde0bad7baa69b', id: "section_2", style: {
+            } }, h("h4", { key: '8a84db32e43d8db3e560fff49e0b09543eb10fed' }, "Section 1 Sub Child 3")))), h("div", { key: 'cdbe8e6375363b6db0b6ef27572aad7d58e823a4', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '4b0f5d4d9530455c3e472a0fea95345e7cc1673c' }, "Section 2")), h("div", { key: 'f944038baed82af8d4b5f5c20c12eeaebb962494', id: "section_3", style: {
+            } }, h("h2", { key: 'd5be890457494b8825a99a60a1e9a4bce7d107be' }, "Section 2")), h("div", { key: 'fb89e6916322e1bfaf3e66e9cbb1bee602062240', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: 'e040b91d9bdd924127613ef2f44252dec2feb073' }, "Section 3"), h("div", { key: 'c550f9c8099f864d18e429c6b842a98c9c4e214e', id: "section_3_child_1", style: {
+            } }, h("h2", { key: '6a0474acb65b42530844d3d68aac768827f20311' }, "Section 3"), h("div", { key: 'f12ae40d737214b6f8b6cd35311fccbad2f29065', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '0f3be0f14aecbe5db8398672567494ae152cf95f' }, "Section 3 Child 1")), h("div", { key: 'bdf8dc715623a392391f8234293756986a7a8a35', id: "section_3_child_2", style: {
+            } }, h("h3", { key: 'f6a9812f6bd2225f6dd82d6f5ddb7d92263c40e5' }, "Section 3 Child 1")), h("div", { key: '8cf241d306e8d1880778ff3b27ceeb0ea0569af6', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '681923ef5be24d2b0d48edd24882d3a94c64acb8' }, "Section 3 Child 2"), h("div", { key: '2382f1fa41dccc80473d52b2991f145e4fe03ede', id: "section_3_child_2_1", style: {
+            } }, h("h3", { key: 'a2071569efb86b10e6b9f18607f1afb8cadcf043' }, "Section 3 Child 2"), h("div", { key: '6fe13f4a533a82eaa94e34ce20b6a86556558b3e', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '3a0b423f315f123a573fbfdc421eec76b4c1f523' }, "Section 3 Child 2.1")), h("div", { key: '019ac6853075a4ac5b1a7fbfb8fdb21e10fbf44e', id: "section_3_child_2_2", style: {
+            } }, h("h4", { key: 'ccef8abc44c5317d996d2f1230bdb97f8c68945f' }, "Section 3 Child 2.1")), h("div", { key: '2defa94be8314486a7f133137b23908cd8fd0e1e', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'aaf82b4a8ebce3d13dc17812240931db4ac9c10d' }, "Section 3 Child 2.2")), h("div", { key: '6302e20493a6e743bf7319e79928215d14ba6b35', id: "section_3_child_2_3", style: {
+            } }, h("h4", { key: 'b03745ce0d88eefb92286039f3c15c7c017ee656' }, "Section 3 Child 2.2")), h("div", { key: '2f29a9acd13c7839f0141901190a2fa2ade9f39b', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'c651d459ba357be8d45120680716b9e4ff0e8205' }, "Section 3 Child 2.3"))))), h("div", { key: 'cc7b60639bb44540af8dc8da7ee00fef7bf29e2b', style: {
+            } }, h("h4", { key: 'f9d473305d4595d25e0687b03f0cd45b5fcea0fe' }, "Section 3 Child 2.3"))))), h("div", { key: '9be479c676d7c9cb272ac15c00daf3007da967bd', 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: '102e446e97300f4b987dafc8bcba599eb3aa2549', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, h("dga-table-of-content", { key: '006c81d35ca96f58494982d7e008c3bcc22fe792', title: "On this Page", subTitle: "Page Title", sections: [
                 {
                     Name: 'Section 1',
                     Target: 'section_1',
@@ -125,7 +125,7 @@ const DgaTableOfContentUsage = class {
                         }
                     ]
                 }
-            ] })), h("div", { key: '196df7a0a649c3474170bde316236ab4c11010ab', style: {
+            ] })), h("div", { key: 'dea17559fcb60eb120f6b6ab835b8e2f101a5f23', 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: 'e7c671d5cc5c9961efa2afe9ee53e6385cc21275', 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: '3ecb4eb4ec7ae3bf767df4cadeb20edc43277635', 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: '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))))))));
+        return (h(Host, { key: '39e03973bc03d838f2c22636fcfc18b9acf9e716', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("aside", { key: 'cecbebb8744501f9348e247d60968190550a1b17', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, h("div", { key: '484dc58a9e7675ae9b1ffbe93517db38c94b83ac', class: "table-of-content__header" }, h("p", { key: '1094d1bbd919cdea4456be214441aaeb62feb55f', class: "text-sm-regular" }, this.subTitle), h("h4", { key: '0430402128539ea9a6b2c94fae6b093608ffa5a9', class: "text-xl-semibold" }, this.tocTitle)), h("div", { key: '9c083f97f364bfc139b9358d1c515d5f4f97972b', class: "table-of-content__body" }, h("ul", { key: '9f98627dbec2629d59788a97ae4e437618c6060e', 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: 'daaf2b56c05dbd8c718f66c71c3f74f6a295d7fc' }, h("h1", { key: '2813bfda99c2328c31fecc10efbf6283005d826a' }, "Table Example"), h("div", { key: '12538addbbb5a7eca39da616d485065bf35841f1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8197743032fadfc96b7b8b3c450045620167fe3c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-data-table", { key: 'b677d48b7a36f584b59394fe409ca4fe4703acbc', columns: [
+        return (h("div", { key: '7e60df79d94e5d55c73b7915bcac778c416aac22' }, h("h1", { key: '718ce9785dc840c85ae414dad04be45a477cbe4f' }, "Table Example"), h("div", { key: 'd03f6e246ef28c1b3d82d9cd05f2de32b1300460', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0467ef3fdac4aba61ad52480d635c4a83df066ae', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-data-table", { key: 'a496f4ee79e1e89f535fdc165c51e78a5e1a2611', columns: [
                 {
                     label: 'Header',
                 },
@@ -61,7 +61,7 @@ const DgaTableUsage = class {
                     price: '962500',
                     selected: false,
                 },
-            ] })), h("div", { key: 'c2912e0edbbbc83f2e53e57599f8f7468231ac5d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: 'db1536d669fe9add6f1792540259e1bf5dfbc785', 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: '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' }))));
+        return (h("div", { key: 'd38d52b18e87603e51e71cdefa062c4a2d46e26f', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'a14b9b38dd38cf0d4f6ffed8b2214014bbe13edc', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("slot", { key: 'd75de225f47ee31f9c5f4658649a4214ef4eccfa' }))));
     }
 };
 

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

@@ -11,7 +11,7 @@ const DgaTabsUsage = class {
         };
     }
     render() {
-        return (h("div", { key: '46e14c0f14b4b5a61e0132739243811a9bd5c0f9', style: { padding: '20px', fontFamily: 'Arial, sans-serif' } }, h("h1", { key: '363bccb489b434cecf4603e83e708e3711b327e7' }, "DGA Tabs Component Examples"), h("p", { key: '7d882a19fd83626493c161508e998fa5bdaf41cf' }, "Comprehensive examples of the tabs component in various real-world scenarios."), h("section", { key: '2ca9e9bc219a5d002980a629dedba84d08829553', style: { marginBottom: '40px' } }, h("h2", { key: '59faf65d0d9a696de1ee3dacc80104e40a488ce0' }, "1. Website Navigation Menu"), h("p", { key: '5c62735cb6607ac21a57a75ea1575084b62d451d' }, "Main navigation for a website with different sections"), h("dga-tabs", { key: 'b7c50029888005ecf2da9bd7c2a5c67f5db5bfaf', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+        return (h("div", { key: '0591d9bf25a4050197a1c3326d1bcebf795d264d', style: { padding: '20px', fontFamily: 'Arial, sans-serif' } }, h("h1", { key: 'b305e94f70cf35f7778e42028d2539a108d02fd4' }, "DGA Tabs Component Examples"), h("p", { key: '6b37a3c44b8f96ebbf80b487fc2cb1998408d334' }, "Comprehensive examples of the tabs component in various real-world scenarios."), h("section", { key: 'e7ba8adbf4f5417e3e81a9db0f3d5e3411aa1456', style: { marginBottom: '40px' } }, h("h2", { key: '25b0e0e2f02d70f4008b62ce6a57d78c7ec861a1' }, "1. Website Navigation Menu"), h("p", { key: 'f13bd68cfd51c141d7276bf446f576d9a3f310c1' }, "Main navigation for a website with different sections"), h("dga-tabs", { key: '37772a5d4796954b12b7c4e6141787c4a7d997bf', 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: 'd3d3772aa32045846d05bb19fdad367cefea58f4', style: { marginBottom: '40px' } }, h("h2", { key: 'b2311505aa56a624110d661f99344d86533bdb43' }, "2. Dashboard Analytics Tabs"), h("p", { key: '866c257e7ca95d743dd317f625226cbfc501657d' }, "Analytics dashboard with different data views"), h("dga-tabs", { key: 'b3dff9db0f74b2b094666481666ee174ae0b0a61', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] })), h("section", { key: 'ac30ffa3237d329d51e97f7dc25869317fe1af15', style: { marginBottom: '40px' } }, h("h2", { key: 'a99e2b72a6acf73c6a578c3852e1beca8da8c479' }, "2. Dashboard Analytics Tabs"), h("p", { key: '97a6c0ae6e4e9b956b9cce289bb3b5ea3829e8df' }, "Analytics dashboard with different data views"), h("dga-tabs", { key: '7451a8657a6c0d2bd8fc48c7ae9a233edaef645c', 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: '74b8454f6af4ae344484d4365bb8c96f296889f5', style: { marginBottom: '40px' } }, h("h2", { key: '09bbe9232b9d587993ea858bd72ab7428664473d' }, "3. Settings Panel (Vertical Layout)"), h("p", { key: 'd3757b6938e6dcc77f94ff76ef44ef1dc9ec5405' }, "User settings panel with vertical tab navigation"), h("div", { key: '3ba86e137015a25390e487b7ab72e92a466d741c', style: { display: 'flex', gap: '20px' } }, h("dga-tabs", { key: 'afadfd81d3fa3084fa9dcf03acfd77ef89e8ce9d', size: "md", orientation: "vertical", flush: false, external: false, divider: true, tabsList: [
+            ] })), h("section", { key: '0689b72936054cb1f2da1930cab43df37e3cc029', style: { marginBottom: '40px' } }, h("h2", { key: 'c57ff77efcbd1064f84821a8b01c07ecb349f26a' }, "3. Settings Panel (Vertical Layout)"), h("p", { key: 'beffd07210f5ab9e61def74a584f6285c5fd4cc8' }, "User settings panel with vertical tab navigation"), h("div", { key: '890a3049f60e0ac77ac81ea500ff098f63608687', style: { display: 'flex', gap: '20px' } }, h("dga-tabs", { key: '1a5d721cfcab7eed640fae78e819874186ed1f59', 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: '2350804c61505bc06e6056df7bbb988d63fa9f64', style: { padding: '20px', border: '1px solid #ddd', borderRadius: '4px', flex: '1 ' } }, h("p", { key: 'c63baf57dcc8711bff9049d7557f9f9d2826b6a6' }, "Content area for the selected tab (", this.activeTab, ") would appear here.")))), h("section", { key: '27b42f951b8fc0398fff6c2739d2b17e54423a93', style: { marginBottom: '40px' } }, h("h2", { key: 'e5b4e607d7e9bca08ba661f961b078b4b21591d6' }, "4. E-commerce Product Information"), h("p", { key: 'fe549519be73d124b4094b4e0dab64f3575fbd1a' }, "Product detail page with different information sections"), h("dga-tabs", { key: '2ca898dead618872b52d8635e8976116f3ca96de', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), h("div", { key: 'bc2f58630038644b9b1a8a46883e9f00aa7860ba', style: { padding: '20px', border: '1px solid #ddd', borderRadius: '4px', flex: '1 ' } }, h("p", { key: '855fb002401aaeb7652fb15a4a3951650182952e' }, "Content area for the selected tab (", this.activeTab, ") would appear here.")))), h("section", { key: '541ae6735b07a74f9477393771c2edc2f8743843', style: { marginBottom: '40px' } }, h("h2", { key: 'd8a95543c243fee41e07f0bc1be544ee11042f7e' }, "4. E-commerce Product Information"), h("p", { key: '9731d6a371219930aad5a8441dd65dca96ecb64b' }, "Product detail page with different information sections"), h("dga-tabs", { key: 'e900cf3532e98a9a710a87c396a9007725384223', 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: 'daee6b2ec7b66d2a433afcd8a0427dd8fe26e95e', style: { marginBottom: '40px' } }, h("h2", { key: '945d0d989281e30aa4c68bb2393590d4e77145cb' }, "5. External Navigation Links"), h("p", { key: '3b3e57edcf3fe388db5491df0d0972e5c1cfcff4' }, "Tabs that navigate to external pages or different sections"), h("dga-tabs", { key: '65afc18838655d1a7dc22e38aa5111cee4094b30', size: "md", orientation: "horizontal", flush: false, external: true, divider: true, tabsList: [
+            ] })), h("section", { key: '4c0231c06d95ba0b2e329309f9af076d54635eda', style: { marginBottom: '40px' } }, h("h2", { key: 'ad0a701d5425e77b41f6be054ffa2f7c92e45b1a' }, "5. External Navigation Links"), h("p", { key: 'ba28ac4ee0cb9f04a53d5373ab1cf286c2ad988d' }, "Tabs that navigate to external pages or different sections"), h("dga-tabs", { key: '7d862fb413054675125d7d900658c98c635e8193', 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: '826c3ef90c54259acf840ad18fe1c8ef522e5aaf', style: { marginBottom: '40px' } }, h("h2", { key: 'b61127ee72c4a7a2fd8ed6e4ff8844e0baf93ac9' }, "6. Many Tabs with Overflow Menu"), h("p", { key: '1c80ed27f75ba32d193ef0254de2d2e520982d54' }, "Example with more than 5 tabs to demonstrate overflow behavior"), h("dga-tabs", { key: 'dbb68d70a9152ba3c629686083a3a5ee59233c84', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] })), h("section", { key: '82d9d626e00663238a2033f14fed25a26822aaa4', style: { marginBottom: '40px' } }, h("h2", { key: 'b830f3e83310d556bc3225083564d1dd0ed0ca38' }, "6. Many Tabs with Overflow Menu"), h("p", { key: 'dd2b7a07b65e08ee1dc067bb6df3d97fddee41e5' }, "Example with more than 5 tabs to demonstrate overflow behavior"), h("dga-tabs", { key: '58d95d3e46608a9aba9214f2b0116d93f53ed9c8', 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: '04bab8cf5a1c2f57a53631db15d67d653fa3e20b', style: { marginBottom: '40px' } }, h("h2", { key: 'd4dff61b05358053846a365e9fb4b44d78ff5751' }, "7. Different Tab Sizes"), h("h3", { key: '7b338facb35256f973fc867f9f3aa70681936c93' }, "Small Size"), h("dga-tabs", { key: 'a00d90d02d8f40b493f0fa6a911fec6c7149c231', size: "sm", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] })), h("section", { key: '0fb0a2202dacaf3aaf1569a1af05200e1760b349', style: { marginBottom: '40px' } }, h("h2", { key: '3a5b239df81a9d4217cfcda67f314f79faa13d31' }, "7. Different Tab Sizes"), h("h3", { key: 'f4c6e85b444c74ecd150b8daef1ee5abf8f1b4f8' }, "Small Size"), h("dga-tabs", { key: '1d68badd946653fe4ebcd08bfdea682767f9cf59', 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: '855ae3e0b1a2fd429a424e7e92ccec60f33ff8b6' }, "Medium Size (Default)"), h("dga-tabs", { key: 'c42e3679d6fa913139455516b93cd6eab60b6a2d', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), h("h3", { key: '80b81dc8af0d5f5f838067186147c8cc9af6b7e2' }, "Medium Size (Default)"), h("dga-tabs", { key: 'ff0f41477f3af42127027804d36be2c798d5550a', 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: '04df30834a6217ab8fb823e7ba56170793033ba2' }, "Large Size"), h("dga-tabs", { key: '6ecd88f36923b88db25fb72101584e824ec7e293', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), h("h3", { key: 'e0cb239d28faaadb51d4e6926d51370d369387cf' }, "Large Size"), h("dga-tabs", { key: '030d13de3cf406754cda715d6d3aa4f70ef4054a', 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: 'b770485af88e625bc582f3686d3411836d0f4d0a', style: { marginBottom: '40px' } }, h("h2", { key: '4bad52f84ce33c9225390afa3d97143d106ade24' }, "8. Flush Tabs (No Padding)"), h("p", { key: '90c9efa25cf088a82a6afdbb8c5695992adfe5ac' }, "Tabs with flush styling for tight layouts"), h("dga-tabs", { key: '06f34e7fd3d2fc5dd9bf9a214d99c8a1878a1cfd', size: "md", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
+            ] })), h("section", { key: '3d7e70da9172f1fd9bf4cf2007ab754e1cb44630', style: { marginBottom: '40px' } }, h("h2", { key: 'd930af857aca20ad76de9415eb68994bd150cc42' }, "8. Flush Tabs (No Padding)"), h("p", { key: '3263fb9222aebd899501ee82416daffbb33fe9c8' }, "Tabs with flush styling for tight layouts"), h("dga-tabs", { key: '8984f72ed6f38c37929a128cf3001226e5a8f884', 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: 'eae917d20ae45b1733a2178a7ac80414c8314549', style: { marginBottom: '40px' } }, h("h2", { key: 'd693d374d8dbc12b974ace2b2700ef3dbc485bae' }, "9. Disabled Tabs"), h("p", { key: '35154f896c2b16d502f1cce2e91ccda538c4c382' }, "Tabs in disabled state for maintenance or restricted access"), h("dga-tabs", { key: '99be3631eaa4be045f026a2608f0ff000b183cd3', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, disabled: true, tabsList: [
+            ] })), h("section", { key: 'f0032c6dfe7b5b2446a1406e6f4f8ff6f0098636', style: { marginBottom: '40px' } }, h("h2", { key: 'a2b39e768eed846cf3cd26d1c390a49410569fa8' }, "9. Disabled Tabs"), h("p", { key: '069cae0c877fcf961a332e2f2b0009ade21d7735' }, "Tabs in disabled state for maintenance or restricted access"), h("dga-tabs", { key: '02d54cdda6a0f4b94e34688dba8904a868cb117d', 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: '7d486072b455a803046d14e060521a7289ab53ab', style: { marginBottom: '40px' } }, h("h2", { key: '3f917ac134c324d719c52b08427e3b40bb20bfbc' }, "10. Mobile-Friendly Tabs"), h("p", { key: 'd7016999cf69b3dbe27777adfb8b44072e7ff8d4' }, "Compact tabs suitable for mobile interfaces"), h("dga-tabs", { key: '706b2e2943627322f5cb52302dff43b798c3100e', size: "sm", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
+            ] })), h("section", { key: 'c54905109099f55bb9a6f73a1e8ecc8c964eab32', style: { marginBottom: '40px' } }, h("h2", { key: '3d210d801df271d475f2f284f28062e36e6c0917' }, "10. Mobile-Friendly Tabs"), h("p", { key: '35fc6023cdd8914a12bcc45eda5864a9c53ec12d' }, "Compact tabs suitable for mobile interfaces"), h("dga-tabs", { key: 'fc674ca6857d1b070a52b745508ebdc022cdfb67', 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: '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 :
+        return (h(Host, { key: 'cf608207eb889e64245950d2cc1a19bd8c7b7ab8', id: this.componentId, style: this.rootStyles }, h("ul", { key: '3a04ac3e5a467cf891b25698dcc5b42979331cf9', 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: '28eb7e9ce2be2a88ee8aeb0f089cf88f6af0e37e', class: "breadcrumb-item ellipsis" }, h("dga-button", { key: 'd6b906f179e2c64083d9fdb62f45885980bb49c6', 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: 'c22c5f055ae2324e10ed7d28c5473dc654c6de13', class: "breadcrumb-item ellipsis" }, h("dga-button", { key: '7663fda3c9ed1bb9871f7d6f434612af0a0dc36f', 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: 'a5e5cf6644305dde6e94abfe6e025419e7b45bf7', class: "breadcrumb-dropdown" }, h("dga-tabs", { key: 'a229b851f769a043a5dd199b9fa3b6463f7e205b', 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: 'f7ddf8175c459667931837257d5e33c69d9bf7f8', class: "breadcrumb-dropdown" }, h("dga-tabs", { key: '5d2a089302384ef642128d223e96f8d2cf9350f7', 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: 'ad5b12226fefff3bf5e717ff243f7809212bad6c' }, h("h1", { key: '6547902d903e54183c056f68944986e6e41d43b5' }, "Tag Example"), h("div", { key: 'fcd3f8fca810c9583f2c241b7e6abd1f2510b833', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '07ece373b4085996dbaf2f75c5d3c6123c1dfea3', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: 'ff4832868dd83a0de142e0e732178e08c0184f5e', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "lg", leadIcon: {
+        return (h("div", { key: '32672543c969115516825e9ec14541d7de216918' }, h("h1", { key: '817d3c1aabec9c0731f8eaec75ebb4cf66b93fec' }, "Tag Example"), h("div", { key: 'f6d2eceb378c69190482486efe1840478d55cd8d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1c465f21b9491664dab5f71f591e457b5af6d8bf', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '9dd3a5a9d58991b434fc2c76605d57f9bbd44250', 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: 'd14f1dd66ccaaffdf57287db96308077ec1a65a6', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: 'c2396e9dcad6dda35909ca8c28adee4bbc0e9f8b', 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: '407be914dc861c4c8d16f63b771ea26fee38dcd2', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: 'ad8e7962e774553d9f659a20a5ccb49949aae750', 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: 'c78ab85305cf7d24cd1f044f6a6cb28d02f35956', label: "Label", variant: "success", outlined: false, rounded: false, size: "lg", leadIcon: {
+            } }), h("dga-tag", { key: '4e08dd659ae49b94b1907586dc322a14638bf48d', 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: '6cb3706585298c439eb25b638bce3b19d3f83c5c', label: "Label", variant: "success", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: '6ef0ea05daace8c83f44f12346efa04b7622ca53', 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: 'd69053da7c633e4ac254bab652d700683daddff5', label: "Label", variant: "success", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: '1ad4a0a557599c6b9f7aa14276d7772c918772f4', 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: '36fa834e2218aa1d797ac4ba7a3495cdef5bc3cd', label: "Label", variant: "error", outlined: false, rounded: false, size: "lg", leadIcon: {
+            } }), h("dga-tag", { key: '548b19f2a4d8cb07c620ca2c029511692780f2eb', 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: 'd8f4c694a7c2c414213b0177d4e1e332d1421eb6', label: "Label", variant: "error", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: '6ff34da2b7d27745ec3081aa26f67cc08c04d4b6', 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: 'eb2a0eeef7b35fe88cc61160a2ebd3250c1a3c58', label: "Label", variant: "error", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: '33befe09d8e85d8b4281b78334ca47effc6825f9', 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: '35034de6fcc956877b64d946ad31450ea8c3546b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: 'f719d159da141236c0cabedcbfc59180d84a1e3d', label: "Label", variant: "error", size: "lg", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } })), h("div", { key: 'a0283d5a284a5a449653b5e42c7d0052ddacbdb2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '995ced96a992938b1b5062c5edbce53a8cc8ef09', 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: '376c6ad12c2ab221c62963e0f7a001fc8d733198', label: "Label", variant: "neutral", size: "md", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } }), h("dga-tag", { key: '9bc50a9084c41e205f397ea775503c545131cce5', 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: '994a6fcbbf075239b7d0b8f0bd4878318f80b999', label: "Label", variant: "neutral", size: "sm", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } }), h("dga-tag", { key: '0fcd7fd3b0137f08018e8ba5cb8486e285de6ed4', 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: 'b2bb5d65cebf4f6cb0e5205095e8867a9d9a4d3a', label: 'Status', color: 'neutral', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '1679a4d61eabd06c12128d244c3ff022b512e939', label: 'Status', color: 'neutral', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '544a5a63b574d6fbbc3c219c09f7c9b93e9db233', label: 'Status', color: 'neutral', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'c8e0bb8c633d655a930a9f322baf06a35f63406d', label: 'Status', color: 'neutral', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'e06fb7620121fa5c80ec6dadcdbb7571264acca9', label: 'Status', color: 'neutral', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'bcdea9a8f5f6383146634958e9f3335fba29d03f', label: 'Status', color: 'neutral', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '40095d17e63609e1b7a46489b3c6778cfaf89ae5', label: 'Status', color: 'neutral', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '734ebad84bde35db2e468466d3209019052ae435', label: 'Status', color: 'neutral', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'cfebe15618a48f19ad548ea2751755585601602c', label: 'Status', color: 'neutral', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '5b9171d71db90793195cd56a86061c0c7a15c8f1', label: 'Status', color: 'blue', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'f6b0c78ae0dec8ff2fad083a199ab14d5b969340', label: 'Status', color: 'blue', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '0ac555493fc82bcb29ca01757969b3f8f46a1824', label: 'Status', color: 'blue', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'ff4f155f00c09b423a36bdabde59f077ba980e26', label: 'Status', color: 'blue', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '10ad8a874cdbc9ebf1e9da0b7bd9ea7d491483dc', label: 'Status', color: 'blue', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'bfe76e6a43dc0fd0a59ce71dd4b02d210cc22e06', label: 'Status', color: 'blue', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '4e44bb6a6a32177ec32fd362fe744a8eed86f59e', label: 'Status', color: 'blue', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '01d1b602c021991a7f0762dfff89c33fbfb8aebd', label: 'Status', color: 'blue', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '79405aeddd8882350f63a8f3ef773b964a4de6cc', label: 'Status', color: 'blue', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '1964c098d9fce20aa250af73d1898d1ec8be23b8', label: 'Status', color: 'green', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'c88dc732c12180b4796b5b3c1afbb704f34ec721', label: 'Status', color: 'green', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'e03e152efcb02c61e76cbcfeffb672859034a906', label: 'Status', color: 'green', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '29f6796de2b03f311a3395bb4a635f2c4bde6a43', label: 'Status', color: 'green', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'ddbb39347eeab61b87fe09665d2f099edfbe2a3b', label: 'Status', color: 'green', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '37102264b2ca1af1c11e735a33918335869aa009', label: 'Status', color: 'green', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'e2e61d8bdbdf4688098461e7fe2e32561046f203', label: 'Status', color: 'green', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'd3cf178d2518a399011d3c9e447e71596555da2a', label: 'Status', color: 'green', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'bc984a53fb008e28cab12eff03319977d0ff5159', label: 'Status', color: 'green', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '4160196b8de65b635eeeb223b5be866c80648441', label: 'Status', color: 'yellow', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '91d57bd6ca21e2ce1c755ce7f2398b107d50988b', label: 'Status', color: 'yellow', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '83a7de79a6aabfdb6da17d528eec79119df4995a', label: 'Status', color: 'yellow', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'e37faf26223f8f4c302f04f28b980b06c9f23f42', label: 'Status', color: 'yellow', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '1e50de8a54c35f9a4bf3700af2b8bc0f48c064f6', label: 'Status', color: 'yellow', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '174e31e3a56f9392cd1dfbd4f62911eaa17cc568', label: 'Status', color: 'yellow', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '953f0b107220f4af3eee79161d5ff91fc32ff6ac', label: 'Status', color: 'yellow', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '40aa1e8ce0b2fd0f82c0432ed0685409bb8ea939', label: 'Status', color: 'yellow', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '1b51a8557e09d44e580c6abd6824b647281957f0', label: 'Status', color: 'yellow', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '0855d3f559665b639682c05cdd769142c6adbd4a', label: 'Status', color: 'red', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '870a6f95836c2b3558036dd077075c294be310d8', label: 'Status', color: 'red', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'c70c30d24eb536a80a9e0234c1bb413703df954f', label: 'Status', color: 'red', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '90b041837bb6a3c29b4d0948e1a8eaaffc83ffd5', label: 'Status', color: 'red', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '5c222237de86118b1883d7d8830b161f202a4051', label: 'Status', color: 'red', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '09998aac333a30b436ab8786c195a5c60779641e', label: 'Status', color: 'red', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'ae24b90cdb7a67d59528e2996f1f18e5163059f1', label: 'Status', color: 'red', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '63239a74ec96a11d0477a10e230ccb1da4af16bb', label: 'Status', color: 'red', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'd92077818dfbffe6e5ba9bf0344376f2d353d6bc', label: 'Status', color: 'red', size: 'sm', status: 'ghost' })))));
+            } }), h("dga-status-tag", { key: 'e184ceb403fcfe5cbc503e8a1d68f7087da58df2', label: 'Status', color: 'neutral', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'b34047157c6b7978d3d29ba34441b16cef81361b', label: 'Status', color: 'neutral', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'e512b6503f305b6bf12734d76ab0a00b0071ecbb', label: 'Status', color: 'neutral', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '122b4141879f47340f242259a340c40056897901', label: 'Status', color: 'neutral', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '6b5183b8decacb29f74d69bf283afd9a6dd0ed36', label: 'Status', color: 'neutral', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '5131fc47a42548a4f0131490baaf69efc67347be', label: 'Status', color: 'neutral', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '56fafd7d5d28e53c11374187b113a135840f888b', label: 'Status', color: 'neutral', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'bec7cb31e65ff79c987ba498911eaf90a4501ed4', label: 'Status', color: 'neutral', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '7a5084933d7f7348446cfb516652ae71de063d64', label: 'Status', color: 'neutral', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '94fdc21f37b46f34c8319c6eb9651c5a0a05c7ef', label: 'Status', color: 'blue', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'f2c9c2827f9bcc1b4c43bc68f8adaaaf6feb457f', label: 'Status', color: 'blue', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'eaceceb9df7830cf3ca931abb4bae1d18340a8b9', label: 'Status', color: 'blue', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '4a3cf6f1f02c0eb6bd35b7ebbb8e526aaf773456', label: 'Status', color: 'blue', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '68594394fadca45b7d7cc3b35adda1f163afc558', label: 'Status', color: 'blue', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '5eadefbe3f3d1cd84b3a8210dd77b3023ad101cf', label: 'Status', color: 'blue', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '69a393bca5196de21aa0d247e71e1155000f4376', label: 'Status', color: 'blue', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'b97510b0910aa64ed112a2d39839632b0f644b4c', label: 'Status', color: 'blue', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'f46c3087c6afa773187de281082e8a503d2b72af', label: 'Status', color: 'blue', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: 'ce47d46b9030348946c7e098c032d5634a8231c4', label: 'Status', color: 'green', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'c3bdc3ffa65e8db0111fa21472b69d9e77276526', label: 'Status', color: 'green', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '8bdcd991a518529a0bda4519be3947962144f5a0', label: 'Status', color: 'green', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'a6151153603748a9b9e9fbbb7f35e4700fdd5460', label: 'Status', color: 'green', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '1d6587b017c6a4dfc80546513ef196474ef99d87', label: 'Status', color: 'green', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'afdd4b43421878c5a7afaa7efeab215257bb1ad4', label: 'Status', color: 'green', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'f7342fb578ca83d21f310f2a68317c3a6e7e50ac', label: 'Status', color: 'green', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '6700954690480e621f52b5103c0e4f5ac04d3aa8', label: 'Status', color: 'green', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'bcab231c187cb0420ca5bec9a95e51aea054abb6', label: 'Status', color: 'green', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '4aab60b6795031e51abc89dc687fb402cdef84bd', label: 'Status', color: 'yellow', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '01d9fcd93b41b14eea7a3c28979fec780690ecf3', label: 'Status', color: 'yellow', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'ceadf5c4ea209122c97c12cd1399096cd9ec8479', label: 'Status', color: 'yellow', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '6e7a20fd855471ae87edbabcc3d969cd4d699ec8', label: 'Status', color: 'yellow', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '358fa27235a264b95930160dd3f2df69170cd172', label: 'Status', color: 'yellow', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '088ecdb062ef4faa6a9fb544b564f87cca60631a', label: 'Status', color: 'yellow', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'ec9e22566991a955c6f3a4d7ac0c7fff6372df5d', label: 'Status', color: 'yellow', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'ea734ad0b6e30344c2cd1ae829f99b296fb76cd1', label: 'Status', color: 'yellow', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'ac1a81b6cdb6c7896f690bbc6258b65b8b594fc7', label: 'Status', color: 'yellow', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '1132d3a59eaf3f10bd5527c8bbec7e4dbcc7ac6a', label: 'Status', color: 'red', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'ef2323125d4c4d5be028912488858d0b38a1d5d5', label: 'Status', color: 'red', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'd002d41784ac9b64823e9712ea8ce1eb43fc7a14', label: 'Status', color: 'red', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '1ecc0512aba2b95209eabc44c3f181a996ca6e4d', label: 'Status', color: 'red', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '6d99883c292b5fa5b7974adb6e920240277c3656', label: 'Status', color: 'red', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '2adc60cccd2ee3dcade25cf192bf3637e1cbb4ab', label: 'Status', color: 'red', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '90469d7ccb86d1ec0ebb45094b5e375321c2fe71', label: 'Status', color: 'red', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '7e41cf2e0788a4063fcf589b94431db10a03d9b1', label: 'Status', color: 'red', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '0ec1bf0b0180aa407015af614e7e9041b011a629', label: 'Status', color: 'red', size: 'sm', status: 'ghost' })))));
     }
 };
 

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

@@ -1,5 +1,6 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-B4CGwdkg.js';
 import { S as SxStyleManager } from './sx-style-manager-BFEqPAFn.js';
+import { a as arrowDown01StrokeRoundedIcon } from './index-BgIVAeDg.js';
 
 const dgaTagCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium,.tag--lg,.tag{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium,.tag--md{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold,.tag--sm{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.tags .dga-flex-column{align-items:flex-start}.tags .flex{gap:1rem}.tag{display:inline-flex;height:32px;padding:var(--spacing-none) var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm)}.tag-icon{display:flex;padding:1.875px 1.5px;justify-content:center;align-items:center}.tag--lg{height:32px}.tag--lg span.tag-icon{width:18px;height:18px}.tag--md{height:24px}.tag--md span.tag-icon{width:14px;height:14px}.tag--sm{height:20px}.tag--sm span.tag-icon{width:10px;height:10px}.tag--rounded{border-radius:var(--radius-full)}.tag--icon{padding:0}.tag--icon.tag--lg{width:32px;height:32px}.tag--icon.tag--md{width:24px;height:24px}.tag--icon.tag--sm{width:20px;height:20px}.tag--neutral{color:var(--tag-text-neutral);background:var(--tag-background-neutral-light);border:1px solid var(--border-neutral-secondary)}.tag--neutral-outlined{border:1px solid var(--tag-border-neutral);background-color:transparent;color:var(--tag-text-neutral)}.tag--neutral svg{color:currentColor;stroke:currentColor}.tag--success{color:var(--tag-text-success);background-color:var(--tag-background-success-light);border:1px solid var(--tag-border-success-light)}.tag--success-outlined{border:1px solid var(--tag-border-success);background-color:transparent;color:var(--tag-text-success)}.tag--success svg{color:currentColor;stroke:currentColor}.tag--error{color:var(--tag-text-error);background-color:var(--tag-background-error-light);border:1px solid var(--tag-border-error-light)}.tag--error-outlined{border:1px solid var(--tag-border-error);background-color:transparent;color:var(--tag-text-error)}.tag--error svg{color:currentColor;stroke:currentColor}.tag--warning{color:var(--tag-text-warning);background-color:var(--tag-background-warning-light);border:1px solid var(--tag-border-warning-light)}.tag--warning-outlined{border:1px solid var(--tag-border-error);background-color:transparent;color:var(--tag-text-warning)}.tag--warning svg{color:currentColor;stroke:currentColor}.tag--info{color:var(--tag-text-info);background-color:var(--tag-background-info-light);border:1px solid var(--tag-border-info-light)}.tag--info-outlined{border:1px solid var(--tag-border-info);background-color:transparent;color:var(--tag-text-info)}.tag--info svg{color:currentColor;stroke:currentColor}.tag--purple{color:var(--colors-purple-700);background-color:var(--colors-purple-50);border:1px solid var(--colors-purple-200)}.tag--purple-outlined{border:1px solid var(--colors-purple-500);background-color:transparent;color:var(--colors-purple-700)}.tag--purple svg{color:currentColor;stroke:currentColor}.tag--pink{color:var(--colors-pink-700);background-color:var(--colors-pink-50);border:1px solid var(--colors-pink-200)}.tag--pink-outlined{border:1px solid var(--colors-pink-500);background-color:transparent;color:var(--colors-pink-700)}.tag--pink svg{color:currentColor;stroke:currentColor}.tag--orange{color:var(--colors-orange-700);background-color:var(--colors-orange-50);border:1px solid var(--colors-orange-200)}.tag--orange-outlined{border:1px solid var(--colors-orange-500);background-color:transparent;color:var(--colors-orange-700)}.tag--orange svg{color:currentColor;stroke:currentColor}.tag--on-color{color:var(-text-oncolor-primary, #FFF);background:var(-tag-background-on-color, rgba(255, 255, 255, 0.2))}.tag--on-color-outlined{border:1px solid var(-tag-border-on-color, rgba(255, 255, 255, 0.6));background-color:transparent;color:hsl(var(--colors-alpha-white)/90%)}.tag--on-color svg{color:currentColor;stroke:currentColor}";
 
@@ -116,12 +117,12 @@ const TabLink = class {
         };
         // External link case
         if (this.externalLink) {
-            return (h("a", Object.assign({ href: this.link }, commonProps, { tabindex: "0" }), this.icon && h("span", { class: "sidepanel__menu-tab-icon" }, h("dga-icon", Object.assign({}, this.icon))), h("span", { class: "sidepanel__menu-tab-label" }, this.text), this.type === 'parent' && (h("span", { class: "sidepanel__menu-tab-arrow" }, h("dga-icon", { name: "arrow-down-01", variant: 'stroke', size: 16 }))), this.badge !== undefined && h("dga-tag", { color: this.onColor ? 'on-color' : 'gray', label: this.badge >= 100 ? '+99' : this.badge.toString(), size: "sm" })));
+            return (h("a", Object.assign({ href: this.link }, commonProps, { tabindex: "0" }), this.icon && h("span", { class: "sidepanel__menu-tab-icon" }, h("dga-icon", Object.assign({}, this.icon))), h("span", { class: "sidepanel__menu-tab-label" }, this.text), this.type === 'parent' && (h("span", { class: "sidepanel__menu-tab-arrow" }, h("dga-icon", { icon: arrowDown01StrokeRoundedIcon, size: 16 }))), this.badge !== undefined && h("dga-tag", { color: this.onColor ? 'on-color' : 'gray', label: this.badge >= 100 ? '+99' : this.badge.toString(), size: "sm" })));
         }
         // Parent tab case
         if (this.type === 'parent') {
             console.log(this.icon, "this.iconthis.icon");
-            return (h("a", Object.assign({ href: "#" }, commonProps, { onClick: e => this.toggleTab(e), tabindex: "0" }), this.icon && h("span", { class: "sidepanel__menu-tab-icon" }, h("dga-icon", Object.assign({}, this.icon))), h("span", { class: "sidepanel__menu-tab-label" }, this.text), h("span", { class: "sidepanel__menu-tab-arrow" }, h("dga-icon", { name: "arrow-down-01", variant: "stroke", size: 16 }), " "), this.badge !== undefined && h("dga-tag", { color: this.onColor ? 'on-color' : 'gray', label: this.badge >= 100 ? '+99' : this.badge.toString(), size: "sm" })));
+            return (h("a", Object.assign({ href: "#" }, commonProps, { onClick: e => this.toggleTab(e), tabindex: "0" }), this.icon && h("span", { class: "sidepanel__menu-tab-icon" }, h("dga-icon", Object.assign({}, this.icon))), h("span", { class: "sidepanel__menu-tab-label" }, this.text), h("span", { class: "sidepanel__menu-tab-arrow" }, h("dga-icon", { icon: arrowDown01StrokeRoundedIcon, size: 16 }), " "), this.badge !== undefined && h("dga-tag", { color: this.onColor ? 'on-color' : 'gray', label: this.badge >= 100 ? '+99' : this.badge.toString(), size: "sm" })));
         }
         // Child tab case (regular link)
         return (h("stencil-route-link", Object.assign({ url: this.link }, commonProps, { tabindex: "0" }), this.icon && h("span", { class: "sidepanel__menu-tab-icon" }, h("dga-icon", Object.assign({}, this.icon))), h("span", { class: "sidepanel__menu-tab-label" }, this.text), this.badge !== undefined && h("dga-tag", { color: this.onColor ? 'on-color' : 'gray', label: this.badge >= 100 ? '+99' : this.badge.toString(), size: "sm" })));

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: '66b8042f3be373d20295f12fd0cf83351b756898' }, h("h1", { key: 'bad96dfcd0077c5ba24b78be66eb082fe970664b' }, "Text Input Example"), h("div", { key: 'f85e607ec25be43d215c1a2a30c9149e1055382e', style: { padding: '50px' } }, h("div", { key: 'f911dbc15632695c6ec010e73f26a571799bdfbf', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("input", { key: 'f5be3b49abfc31ee624d5331eb08b3529a9b916d', type: "text", value: this.value, onChange: (e) => (this.value = e.target.value) }), h("p", { key: '72e8858aa1cbe6a9e3db10bdb0d3d7bef5bd74e4' }, this.value), h("dga-text-input", { key: '209744b11de4b87bcaabad359ac3138ba9f47cee', 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: '6ee769f07b5cd084c5ead849c25eda71f6fd0042', 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: '3670a18f913b8d9f78f26958eba6ecec5ddb0833', 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: 'c0e986de5d2ac29452c47a1d8527194226156b26', type: "button", variant: "solid",
+        return (h("div", { key: '0c90baa699105bb5d608b1e78216da2f6c083d30' }, h("h1", { key: 'c1ae1ee88e98fed39ebf112dd81a086953ec4e1d' }, "Text Input Example"), h("div", { key: '1ef35c412bc760d61ff8598fc1fbe79285e8ed0e', style: { padding: '50px' } }, h("div", { key: 'b2c9286b887c058e35b246ec3e499f918e23c7e1', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("input", { key: 'b65a0ddea8d13b9aaed9ab1a68e3ed7b863f08a3', type: "text", value: this.value, onChange: (e) => (this.value = e.target.value) }), h("p", { key: '452491e078e77f5749aa3eb510e6b1fc8749e47f' }, this.value), h("dga-text-input", { key: 'ac16179be1e3c95671d24c4215b3b7e5e98b50ba', 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: 'e8bf194137d68c93becf43de1f26889fb1d51ef6', 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: '993b6a76f021e94cf19db6b9c2c24e0a443dadb1', 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: '9d75eea2e36727d86d48738ea4188c842815729b', type: "button", variant: "solid",
             // label="Button Label"
-            icon: { name: 'search-01' } })), h("dga-label", { key: 'c068cd3f37e905b899b542b3b20719edc495a36d', label: "Mandatory Text Input" }), h("dga-label", { key: '3d498130b52bcada7685f780be04b3289b7ef213', label: "Mandatory Text Input", required: true })))));
+            icon: { name: 'search-01' } })), h("dga-label", { key: 'bdf3180d3dfd53e11ff40018dca7c55ae6597879', label: "Mandatory Text Input" }), h("dga-label", { key: '15d6e4191f7b51fc5c232ea3d029f60bbd1e1172', label: "Mandatory Text Input", required: true })))));
     }
 };