@platformscode/core 0.0.42 → 0.0.44

package/dist/components/dga-slider-usage.js

@@ -1,5 +1,6 @@
 import { p as proxyCustomElement, H, h, F as Fragment } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-MftkTgWc.js';
+import { d as defineCustomElement$3 } from './p-DelImzb3.js';
+import { d as defineCustomElement$2 } from './p-4ukyTgHr.js';
 
 const DgaSliderUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaSliderUsage extends H {
     constructor() {
@@ -11,13 +12,13 @@ const DgaSliderUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaSliderUsage e
         this.maxValue = 100;
     }
     render() {
-        return (h(Fragment, { key: '2dd0277992f2ccc09b234b39015acc9d3505d07d' }, h("br", { key: '2f8014793fbb6f09227dd05677935a595d18a401' }), h("dga-slider", { key: '786da1950c5ca8b4e38297c4054eef013b3c91a7', min: this.minValue, max: this.maxValue, step: 1, range: true, size: "medium", helperText: "Helper Text Example", label: "Test", sx: {
+        return (h(Fragment, { key: 'c54e33b53534727bdc279650f269b7dc64d577d0' }, h("br", { key: '420965ddab0eb7f63a2ecbdab54ab79fff72287f' }), h("dga-slider", { key: 'ffe6133c041890129bcbf6ad7db964999a9559e1', min: this.minValue, max: this.maxValue, step: 1, range: true, size: "medium", helperText: "Helper Text Example", label: "Test", sx: {
                 backgroundColor: "yellow",
                 marginTop: "200px",
                 ".range-slider-inner-rail": {
                     backgroundColor: "red"
                 }
-            } }), ";", h("br", { key: '1a3ddb903fa675ee0cab4114b608fa2ac8d26488' }), this.minValue, " - ", this.maxValue, h("dga-slider", { key: 'eb9501d6b38fd40671fb138ccf8cfeb4b69a8ddb' })));
+            } }), ";", h("br", { key: '2aeafd36a7c2babf74950f549045c58e476afdba' }), this.minValue, " - ", this.maxValue, h("dga-slider", { key: '98abe80d312d9509e0f11f6f8c0562797b9bd105' })));
     }
 }, [1, "dga-slider-usage", {
         "activeStep": [32],
@@ -28,13 +29,18 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["dga-slider-usage", "dga-slider"];
+    const components = ["dga-slider-usage", "dga-icon", "dga-slider"];
     components.forEach(tagName => { switch (tagName) {
         case "dga-slider-usage":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, DgaSliderUsage$1);
             }
             break;
+        case "dga-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
         case "dga-slider":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();

package/dist/components/dga-slider.js

@@ -1,4 +1,4 @@
-import { D as DgaSlider$1, d as defineCustomElement$1 } from './p-MftkTgWc.js';
+import { D as DgaSlider$1, d as defineCustomElement$1 } from './p-4ukyTgHr.js';
 
 const DgaSlider = DgaSlider$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-square-skeleton.js

@@ -1,4 +1,4 @@
-import { S as SquareSkeleton, d as defineCustomElement$1 } from './p-CfwGl7Wl.js';
+import { S as SquareSkeleton, d as defineCustomElement$1 } from './p-BcxwqZw_.js';
 
 const DgaSquareSkeleton = SquareSkeleton;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-status-tag.js

@@ -1,4 +1,4 @@
-import { D as DgaStatusTag$1, d as defineCustomElement$1 } from './p-DbEwSqlS.js';
+import { D as DgaStatusTag$1, d as defineCustomElement$1 } from './p-DB1Uv1pg.js';
 
 const DgaStatusTag = DgaStatusTag$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-structured-list-usage.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-BFy9BbBP.js';
+import { d as defineCustomElement$2 } from './p-B8_KgoMF.js';
 
 const DgaStructuredListUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaStructuredListUsage extends H {
     constructor() {
@@ -7,7 +7,7 @@ const DgaStructuredListUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaStruc
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '8af8dd832806e8928a197fa1988d1d86d1e30011' }, h("h1", { key: 'caa4445333d278a053ab424bd89ba765a82da8d4' }, "Structured List Example"), h("div", { key: '6089dad32ecf56764f7e23c926066fcd94ad49e8', style: { padding: "50px" } }, h("dga-structured-list", { key: '90b31d161cae14b9f478d5235975e82b06b33fbd', cells: [
+        return (h("div", { key: '86af68819896ea05f175d13e9223990e24aa525a' }, h("h1", { key: 'c3e8992b91b323a25bdb2144267f365211d78d86' }, "Structured List Example"), h("div", { key: '746d0c9c6a27b1ac8baa4ee36d3a5fc8fc886a99', style: { padding: "50px" } }, h("dga-structured-list", { key: '1002cca429cdec553b5914696e25289c555868b2', cells: [
                 {
                     title: "ID",
                     propertyName: "id",
@@ -22,7 +22,7 @@ const DgaStructuredListUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaStruc
                 { id: 1, name: "Alice", selected: false },
                 { id: 2, name: "Bob", selected: false },
                 { id: 3, name: "Charlie", selected: false },
-            ], rowDivider: true, colDivider: false, selectable: true, getSelectedRows: selectedRows => console.log(selectedRows) }), h("dga-structured-list", { key: '20d63169ca065c07a6128e680d5bc988d09409a8', compact: true, cells: [
+            ], rowDivider: true, colDivider: false, selectable: true, getSelectedRows: selectedRows => console.log(selectedRows) }), h("dga-structured-list", { key: '60a882facbc2f770cf42468d3df0386924e61448', compact: true, cells: [
                 {
                     title: "ID",
                     propertyName: "id",

package/dist/components/dga-structured-list.js

@@ -1,4 +1,4 @@
-import { D as DgaStructuredList$1, d as defineCustomElement$1 } from './p-BFy9BbBP.js';
+import { D as DgaStructuredList$1, d as defineCustomElement$1 } from './p-B8_KgoMF.js';
 
 const DgaStructuredList = DgaStructuredList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-suffix.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-JCGAt0My.js';
-import { t as tick02Solid, b as arrowDown01Stroke } from './p-BuKglUC2.js';
-import { d as defineCustomElement$2 } from './p-zVn-LSJh.js';
+import { t as tick02Solid, b as arrowDown01Stroke } from './p-DI5KU0KR.js';
+import { d as defineCustomElement$2 } from './p-DelImzb3.js';
 
 const DgaSuffix$1 = /*@__PURE__*/ proxyCustomElement(class DgaSuffix extends H {
     constructor() {

package/dist/components/dga-switch-usage.js

@@ -1,5 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-Cju5doqo.js';
+import { d as defineCustomElement$3 } from './p-DelImzb3.js';
+import { d as defineCustomElement$2 } from './p-DKvoWiV-.js';
 
 const DgaSwitchUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaSwitchUsage extends H {
     constructor() {
@@ -7,20 +8,25 @@ const DgaSwitchUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaSwitchUsage e
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '52d34b212075830742a834e7dd4534f2870ac23b', style: { padding: '50px', display: 'flex', gap: '50px' } }, h("div", { key: '06e4a179e67c6b6758b89b4c8cc8553f4cad6360' }, h("h1", { key: '86e107babd43360ddb5a0147305a351e94499c71' }, "Switch Example"), h("dga-switch", { key: 'accbf582afa550163096597b523c62a5af62fb0c', label: "Switch Label", checked: true, hasHelperText: true, helperText: "When a Switch needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message" }))));
+        return (h("div", { key: '6253e5888ff04f442bb24684bfeccd305d187e72', style: { padding: '50px', display: 'flex', gap: '50px' } }, h("div", { key: '73cfd06f95551ba28dd82b0a947098da942dc1e1' }, h("h1", { key: '39aa43e3d0066ac9b694ab5a35f839907480d296' }, "Switch Example"), h("dga-switch", { key: '9ec4208779978136b9a4c2680ae5dfc605854975', label: "Switch Label", checked: true, hasHelperText: true, helperText: "When a Switch needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message" }))));
     }
 }, [0, "dga-switch-usage"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["dga-switch-usage", "dga-switch"];
+    const components = ["dga-switch-usage", "dga-icon", "dga-switch"];
     components.forEach(tagName => { switch (tagName) {
         case "dga-switch-usage":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, DgaSwitchUsage$1);
             }
             break;
+        case "dga-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
         case "dga-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();

package/dist/components/dga-switch.js

@@ -1,4 +1,4 @@
-import { D as DgaSwitch$1, d as defineCustomElement$1 } from './p-Cju5doqo.js';
+import { D as DgaSwitch$1, d as defineCustomElement$1 } from './p-DKvoWiV-.js';
 
 const DgaSwitch = DgaSwitch$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-table-body.js

@@ -118,7 +118,7 @@ const DgaTableBody$1 = /*@__PURE__*/ proxyCustomElement(class DgaTableBody exten
     //         this.selected = index;
     //     };
     render() {
-        return (h("tbody", { key: '8e8a3dce53d6a8a2161c6cd3a631ef80d975d664' }, h("slot", { key: '72774de033b3410dec5162a535b857a910d5007a' })));
+        return (h("tbody", { key: 'c33758ed852c5cf3e42ca4876908e34144bde9ca' }, h("slot", { key: '7cbfa5ffc8c18bcb50ab658ef58cbf3dd5514544' })));
     }
 }, [4, "dga-table-body", {
         "data": [16],

package/dist/components/dga-table-of-content-usage.js

@@ -7,84 +7,84 @@ const DgaTableOfContentUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTable
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'f365703736fe68f2bf1b268031025c6637222337', style: {
+        return (h("div", { key: '4235969c13c0901497864a19c080b881c89f3106', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, h("h1", { key: '19a7fc78fd270765feef57f18625fc4fcab9683e' }, "Table of Content Example"), h("section", { key: '238c99fd01706a9e87bfb09aa829030e662051a9' }, h("div", { key: 'b1aa7090a7d4272a9ae718fe8eb631adf2b7a7ed', id: "section_1", style: {
+            } }, h("h1", { key: '57812744b52653690bae1c82820377447bbac352' }, "Table of Content Example"), h("section", { key: 'e6e6c34685194bc26bc8db845b4b8c13305a95d3' }, h("div", { key: 'f7ca5cd46c66c2332d580c800c1d87eee5aad0d0', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, h("h2", { key: 'e0e3d8ee6aad27c62d86115316b8d9a5a2172db2' }, "Section 1"), h("div", { key: '2c5f6932b71c4944dd1ba964dcd388c7f35d330f', id: "section_1_child_1", style: {
+            } }, h("h2", { key: '77090349a1c093203d71f6ad27f13b499466d49b' }, "Section 1"), h("div", { key: '55278ef7dbd6fc855b0dd96fece584deb701f898', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '868615fb583491d2164a0758631222aa2a6a7b75' }, "Section 1 Child 1")), h("div", { key: '877c8c2eac6126113b5fed21a8c4ffe51cae11ed', id: "section_1_child_2", style: {
+            } }, h("h3", { key: '543731a59a609cc453249d05f333d77ced055d9e' }, "Section 1 Child 1")), h("div", { key: 'c945df397f08066bfd47e980621b097dfa7a84fa', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'd01ec3b25413f687495a59eee46e0f95808a6e52' }, "Section 1 Child 2")), h("div", { key: '860c1415bd996da440ba88ed771eb199b1aefc82', id: "section_1_child_3", style: {
+            } }, h("h3", { key: '89571761de9fa2d8f770e66fa194439301826b99' }, "Section 1 Child 2")), h("div", { key: '725630c2a2e692aebe36b095de66a87ea4347d42', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '94720f9a03a3ea2901ddf1e85b988c43b5a9b0f5' }, "Section 1 Child 3"), h("div", { key: '6fcfa0fdd98cc018dafc83732ee0202f923bb340', id: "section_1_sub_child_1", style: {
+            } }, h("h3", { key: '01f22e1bc1aada2fc6882906799e9096e85f3319' }, "Section 1 Child 3"), h("div", { key: 'd2b11844c506090ff2fceeff92ff092587daf974', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '29667e61b8ae34643536129b4942ca9f7945e229' }, "Section 1 Sub Child 1")), h("div", { key: '3e7ad4dc25169e094c8270a6a06d31b772fcc722', id: "section_1_sub_child_2", style: {
+            } }, h("h4", { key: 'de9540758e1066ac45f04fd0b407d59f4500cca0' }, "Section 1 Sub Child 1")), h("div", { key: '59ed68a52799b3b4fdc22053143be8d979e3dd86', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '01ceae69186064eef3576f4e21da317b00ae5049' }, "Section 1 Sub Child 2")), h("div", { key: '6dc61bd8ef6e6390f0633dd5213246b3173447c7', id: "section_1_sub_child_3", style: {
+            } }, h("h4", { key: 'd416339a1f8d87db98694f4c6b425c10363b9529' }, "Section 1 Sub Child 2")), h("div", { key: 'd9b88cbdfd304bb23062927bc498f573963730ac', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '8a84db32e43d8db3e560fff49e0b09543eb10fed' }, "Section 1 Sub Child 3")))), h("div", { key: 'cdbe8e6375363b6db0b6ef27572aad7d58e823a4', id: "section_2", style: {
+            } }, h("h4", { key: '08f0cdd47f2308c2bfed7d1e03b8f67f88cf8cf7' }, "Section 1 Sub Child 3")))), h("div", { key: '697ae68990684197ead346314fa65fcd0978c1e4', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: 'd5be890457494b8825a99a60a1e9a4bce7d107be' }, "Section 2")), h("div", { key: 'fb89e6916322e1bfaf3e66e9cbb1bee602062240', id: "section_3", style: {
+            } }, h("h2", { key: '746248407dec31afaeb9bcba164ca2783ebdb602' }, "Section 2")), h("div", { key: '889543050a1a2cdd29f81ed0cdbf48fec10f340f', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '6a0474acb65b42530844d3d68aac768827f20311' }, "Section 3"), h("div", { key: 'f12ae40d737214b6f8b6cd35311fccbad2f29065', id: "section_3_child_1", style: {
+            } }, h("h2", { key: 'ad6a71b3ab783c0e926a0e5088f21956560a02c9' }, "Section 3"), h("div", { key: 'c0097f742b6fce96e175da8ab701f258465d9ba2', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'f6a9812f6bd2225f6dd82d6f5ddb7d92263c40e5' }, "Section 3 Child 1")), h("div", { key: '8cf241d306e8d1880778ff3b27ceeb0ea0569af6', id: "section_3_child_2", style: {
+            } }, h("h3", { key: 'a091498107bc6f7e3be867698c5ed7d3141e2363' }, "Section 3 Child 1")), h("div", { key: '0b140195b71559e5c996ca5e12deb3a0998464ac', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'a2071569efb86b10e6b9f18607f1afb8cadcf043' }, "Section 3 Child 2"), h("div", { key: '6fe13f4a533a82eaa94e34ce20b6a86556558b3e', id: "section_3_child_2_1", style: {
+            } }, h("h3", { key: '4059de3fc243c0b3b50f416fd929c6ac7e2d8412' }, "Section 3 Child 2"), h("div", { key: '4ba6da12d0ed516b24b5ce012bc4f7950a1a3838', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'ccef8abc44c5317d996d2f1230bdb97f8c68945f' }, "Section 3 Child 2.1")), h("div", { key: '2defa94be8314486a7f133137b23908cd8fd0e1e', id: "section_3_child_2_2", style: {
+            } }, h("h4", { key: 'cbe760774a21e5f516ae6aa886f8ba8d4948a97d' }, "Section 3 Child 2.1")), h("div", { key: '36df9ac2c803eb9c081a5c8c5c272d75c2b5ddda', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'b03745ce0d88eefb92286039f3c15c7c017ee656' }, "Section 3 Child 2.2")), h("div", { key: '2f29a9acd13c7839f0141901190a2fa2ade9f39b', id: "section_3_child_2_3", style: {
+            } }, h("h4", { key: '1e88ee429eaeddc9baaa2c478867973b757cd559' }, "Section 3 Child 2.2")), h("div", { key: '2870b8e4f0c8847e497498cb6004d3784bbcc083', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'f9d473305d4595d25e0687b03f0cd45b5fcea0fe' }, "Section 3 Child 2.3"))))), h("div", { key: '9be479c676d7c9cb272ac15c00daf3007da967bd', style: {
+            } }, h("h4", { key: '27ffd66712a7d6628e0233af7f63d6b742191a4d' }, "Section 3 Child 2.3"))))), h("div", { key: '310739364e74e38e783dfa8944d2c44914a214aa', style: {
                 position: "fixed",
                 top: "100px",
                 left: "40px",
@@ -92,7 +92,7 @@ const DgaTableOfContentUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTable
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: '006c81d35ca96f58494982d7e008c3bcc22fe792', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, h("dga-table-of-content", { key: '931222daf1d01433190082a6cb6e35b1bd83bfda', title: "On this Page", subTitle: "Page Title", sections: [
                 {
                     Name: 'Section 1',
                     Target: 'section_1',
@@ -127,7 +127,7 @@ const DgaTableOfContentUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTable
                         }
                     ]
                 }
-            ] })), h("div", { key: 'dea17559fcb60eb120f6b6ab835b8e2f101a5f23', style: {
+            ] })), h("div", { key: '5a727cc21c815af59b5d4ddb19e88b8601b505c8', style: {
                 position: "fixed",
                 top: "100px",
                 right: "40px",
@@ -135,7 +135,7 @@ const DgaTableOfContentUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTable
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, 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: [
+            } }, h("dga-table-of-content", { key: '4d44daeef34c0d0609f424afee8dca9fbc808d90', 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/components/dga-table-usage.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-CFMYKcBU.js';
-import { d as defineCustomElement$3 } from './p-BihOMqmi.js';
-import { d as defineCustomElement$2 } from './p-zVn-LSJh.js';
+import { d as defineCustomElement$4 } from './p-TaVdpTlZ.js';
+import { d as defineCustomElement$3 } from './p-Df-3UuE8.js';
+import { d as defineCustomElement$2 } from './p-DelImzb3.js';
 
 const DgaTableUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTableUsage extends H {
     constructor() {
@@ -9,7 +9,7 @@ const DgaTableUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTableUsage ext
         this.__registerHost();
     }
     render() {
-        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: [
+        return (h("div", { key: '9869d7d6e1121ca207bd6bfd0d098844f82220ea' }, h("h1", { key: '049136e64614b84b75b5f05352b2016905784111' }, "Table Example"), h("div", { key: '56114ab9b2ef312af6a90899e3a1dcb9a7c6e8f5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '70e43a95c58beea0e3105cccb1b4a9067acc211d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-data-table", { key: '5f03a5a37afdb6974b6420911da5ffae0a5ad482', columns: [
                 {
                     label: 'Header',
                 },
@@ -65,7 +65,7 @@ const DgaTableUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTableUsage ext
                     price: '962500',
                     selected: false,
                 },
-            ] })), h("div", { key: 'db1536d669fe9add6f1792540259e1bf5dfbc785', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: 'f90c8b628b857e11dbf9cac5aa452e5ffd14dfa8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-table-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-table.js

@@ -95,7 +95,7 @@ const DgaTable$1 = /*@__PURE__*/ proxyCustomElement(class DgaTable extends H {
         this.sortedData = cloneData;
     }
     render() {
-        return (h("div", { key: '12dcb8323266045ffde8d407f4d24a69b6f1cbf0', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'd235161e5ff70d099cd4b2ab927c2dbc37581b6d', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("slot", { key: 'ea31be8317bbd7a5a0c7ec31425aa74213c46286' }))));
+        return (h("div", { key: '8a0ba339376e5bed29d3b6b5a1a502f9e2df7e32', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '841015f06bcc0348a8b3370262eca685cc936c4c', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("slot", { key: 'bcdc3bd79adffdcd888b9cb1cdce7c60985260e5' }))));
     }
 }, [4, "dga-table", {
         "data": [16],

package/dist/components/dga-tabs-usage.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-CGwqjtn-.js';
-import { d as defineCustomElement$3 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$2 } from './p-zFaGF6yx.js';
+import { d as defineCustomElement$4 } from './p-dmyZWGuz.js';
+import { d as defineCustomElement$3 } from './p-DelImzb3.js';
+import { d as defineCustomElement$2 } from './p-C_s9mUHf.js';
 
 const DgaTabsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTabsUsage extends H {
     constructor() {
@@ -15,7 +15,7 @@ const DgaTabsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTabsUsage exten
         };
     }
     render() {
-        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: [
+        return (h("div", { key: 'b9e5006011c68357816fbd44f90775bee5c15f74', style: { padding: '20px', fontFamily: 'Arial, sans-serif' } }, h("h1", { key: '469a0da10c9464f4a10309591987311450efce99' }, "DGA Tabs Component Examples"), h("p", { key: '6e21ea3b4402e1cb7f06700f2f4d7e3c06d1c908' }, "Comprehensive examples of the tabs component in various real-world scenarios."), h("section", { key: '1e8a96030c7e9dcd223d2f6fd555d4e6aa0de228', style: { marginBottom: '40px' } }, h("h2", { key: 'd5c74112667073851822fbd0c6ef79e6ca3253e0' }, "1. Website Navigation Menu"), h("p", { key: 'ec31bdde70befd72321b2f1a5aacef9cb683c461' }, "Main navigation for a website with different sections"), h("dga-tabs", { key: 'f005f009e2445001083253a4e854dbdaf6d46ca3', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Home',
                     onClick: () => this.handleTabClick('Home'),
@@ -46,7 +46,7 @@ const DgaTabsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTabsUsage exten
                     tabIcon: "mail-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), 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: [
+            ] })), h("section", { key: '2dc5d526a2e73ce4edf9670f24400c2116a4b76e', style: { marginBottom: '40px' } }, h("h2", { key: '569a68e68d0652f9b52c37fdef8b662329bb5cd5' }, "2. Dashboard Analytics Tabs"), h("p", { key: 'be018e4e9234ed99f76f601370866286894ed0ae' }, "Analytics dashboard with different data views"), h("dga-tabs", { key: '17812b8a0573f4e069cb2d467515e0a8bdcc5dce', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Overview',
                     onClick: () => this.handleTabClick('Overview'),
@@ -71,7 +71,7 @@ const DgaTabsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTabsUsage exten
                     tabIcon: "file-chart-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), 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: [
+            ] })), h("section", { key: 'b1cebc667f463d599266de3c6749796ad8c48377', style: { marginBottom: '40px' } }, h("h2", { key: 'dc2915f198a80e649755aad502b25aa54f72b33f' }, "3. Settings Panel (Vertical Layout)"), h("p", { key: 'b5e9290d82161528096d59ea601d5b3fac4ef159' }, "User settings panel with vertical tab navigation"), h("div", { key: '1990cb061853793b60e02b16657505b366fb0d87', style: { display: 'flex', gap: '20px' } }, h("dga-tabs", { key: 'fcdb62f05e91c18127359b6b5ef0ad7296478797', size: "md", orientation: "vertical", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Profile',
                     onClick: () => this.handleTabClick('Profile'),
@@ -102,7 +102,7 @@ const DgaTabsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTabsUsage exten
                     tabIcon: "lock-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] }), 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: [
+            ] }), h("div", { key: '2e236e4247a2a13989483fd55ca0cd6504814953', style: { padding: '20px', border: '1px solid #ddd', borderRadius: '4px', flex: '1 ' } }, h("p", { key: '02829bc04888052b7ebebab17251be8ec6271aa8' }, "Content area for the selected tab (", this.activeTab, ") would appear here.")))), h("section", { key: 'a99409e920c511c42fe2f9560aac4b9a28fd135c', style: { marginBottom: '40px' } }, h("h2", { key: 'ae45cb60040c44db68c11ee6ab1bfce366b27b52' }, "4. E-commerce Product Information"), h("p", { key: 'efab71a4fe4435e4877b6385b55e6ee2cba83bc8' }, "Product detail page with different information sections"), h("dga-tabs", { key: 'f7666308dcf1fdd09bad07c678eedd382e2e769d', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Description',
                     onClick: () => this.handleTabClick('Description'),
@@ -133,7 +133,7 @@ const DgaTabsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTabsUsage exten
                     tabIcon: "refresh-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), 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: [
+            ] })), h("section", { key: '6ac5059f4a5ebeeeb1ebc44db2c04276de87934b', style: { marginBottom: '40px' } }, h("h2", { key: '96064a5bfac1f285d1ecd2a33523987baabb4ab3' }, "5. External Navigation Links"), h("p", { key: '7d67a5a264645f3bec89eca90e0868405c9f56d0' }, "Tabs that navigate to external pages or different sections"), h("dga-tabs", { key: '32e241a3691c04edec546432e00909646f878574', size: "md", orientation: "horizontal", flush: false, external: true, divider: true, tabsList: [
                 {
                     label: 'Documentation',
                     link: '/docs',
@@ -158,7 +158,7 @@ const DgaTabsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTabsUsage exten
                     tabIcon: "github-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), 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: [
+            ] })), h("section", { key: '3bff938e63c224f81ef69e926da67f93c1aaed1a', style: { marginBottom: '40px' } }, h("h2", { key: '8e42d7ae598499469e25014161cc84772f644c5e' }, "6. Many Tabs with Overflow Menu"), h("p", { key: '94612d0d50e095b53593149385b92e0299791f74' }, "Example with more than 5 tabs to demonstrate overflow behavior"), h("dga-tabs", { key: '82ec39f2b83b8a5327d09d7a01daf1c5262575b2', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'January',
                     onClick: () => this.handleTabClick('January'),
@@ -207,19 +207,19 @@ const DgaTabsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTabsUsage exten
                     tabIcon: "calendar-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), 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: [
+            ] })), h("section", { key: '922c2260e7afa23932beaa77ae0b6cd8074c2716', style: { marginBottom: '40px' } }, h("h2", { key: '4f3c47d8000f38ff0fdd7e6439eec80f2e5f4391' }, "7. Different Tab Sizes"), h("h3", { key: 'cb651042cb2eb45a1b78c6138f16beed06f9d7e4' }, "Small Size"), h("dga-tabs", { key: 'c0dc09464e0802a163be7ace28e28576d97674a1', 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: '80b81dc8af0d5f5f838067186147c8cc9af6b7e2' }, "Medium Size (Default)"), h("dga-tabs", { key: 'ff0f41477f3af42127027804d36be2c798d5550a', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), h("h3", { key: 'bccf7571ae1a685a563a720ebafa932cc5e8dcfd' }, "Medium Size (Default)"), h("dga-tabs", { key: '93e01aac50fe86e9af3a89ca7cadce2792f2f99b', 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: 'e0cb239d28faaadb51d4e6926d51370d369387cf' }, "Large Size"), h("dga-tabs", { key: '030d13de3cf406754cda715d6d3aa4f70ef4054a', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), h("h3", { key: 'b5e2cf6b764cb73f4c77958f2786e62920d6a980' }, "Large Size"), h("dga-tabs", { key: '2fb57007b7fac7d0689af12ab5f58b48b8569ced', 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: '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: [
+            ] })), h("section", { key: '0e6f9bafd8a381cbd95ed7303ed585179f66b941', style: { marginBottom: '40px' } }, h("h2", { key: '78c2c993cd86b13a7c84c1f1381c0dc50f37d4c8' }, "8. Flush Tabs (No Padding)"), h("p", { key: '3e4a64a2adeab9ed886e55c05d806223efd80be8' }, "Tabs with flush styling for tight layouts"), h("dga-tabs", { key: '55c9da2a3e0dcbce5c8935aa7bf2c227d671a736', size: "md", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
                 {
                     label: 'Flush Tab 1',
                     onClick: () => this.handleTabClick('Flush1'),
@@ -238,7 +238,7 @@ const DgaTabsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTabsUsage exten
                     tabIcon: "square-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), 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: [
+            ] })), h("section", { key: '1bffa2c957b789bde1f9b2c45b61840800232b72', style: { marginBottom: '40px' } }, h("h2", { key: 'be302fdab54c05f64033237b0e49b3354563e940' }, "9. Disabled Tabs"), h("p", { key: '3e5db287f43d576978cc765f70beb2058ae83d45' }, "Tabs in disabled state for maintenance or restricted access"), h("dga-tabs", { key: '172db60f7be7ecb77e57fcd74466183f7dfd1d4b', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, disabled: true, tabsList: [
                 {
                     label: 'Disabled Tab 1',
                     onClick: () => this.handleTabClick('Disabled1'),
@@ -257,7 +257,7 @@ const DgaTabsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTabsUsage exten
                     tabIcon: "lock-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), 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: [
+            ] })), h("section", { key: 'd4e5895d58a8b1b674425457d24ac3c42bf15d5b', style: { marginBottom: '40px' } }, h("h2", { key: '36ec1bdc0c55c481330d45dd8f03962ead2f579c' }, "10. Mobile-Friendly Tabs"), h("p", { key: '73b11082476c26d9f647fa45a666616ab78f215a' }, "Compact tabs suitable for mobile interfaces"), h("dga-tabs", { key: '1b7c55bca8de88365cca9e710e82d6ce35215fe6', size: "sm", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
                 {
                     label: 'Feed',
                     onClick: () => this.handleTabClick('Feed'),

package/dist/components/dga-tabs.js

@@ -1,4 +1,4 @@
-import { D as DgaTabs$1, d as defineCustomElement$1 } from './p-zFaGF6yx.js';
+import { D as DgaTabs$1, d as defineCustomElement$1 } from './p-C_s9mUHf.js';
 
 const DgaTabs = DgaTabs$1;
 const defineCustomElement = defineCustomElement$1;