@platformscode/core 0.0.25 → 0.0.28

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

@@ -5,84 +5,84 @@ const NdsTableOfContentUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '8976d2f5b9ffcc322e12a0606c52adb9b8a1f624', style: {
+        return (h("div", { key: 'd374df1de9d5fb6aeec71c8c39a6339f4de55f3b', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, h("h1", { key: '8a2317a495203dbcc3e61ffc95c00316c0cce49c' }, "Table of Content Example"), h("section", { key: 'b13a9a190ad05ffab1acdb419bb17a395020ce1d' }, h("div", { key: '590289d1c385c7d15567f6c37b78b44175d5901e', id: "section_1", style: {
+            } }, h("h1", { key: '1ddbcf4d675541519127955cdfd1114012a750dd' }, "Table of Content Example"), h("section", { key: '0933f193f3c1ae4666bd3902ff0ae79d23549074' }, h("div", { key: 'c1a38a4f2ce54c5717e92c2aac0d521efd4c446d', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, h("h2", { key: 'e95a13f23af97e5a4a66a8b1e5722012b41bcc0f' }, "Section 1"), h("div", { key: 'a339d723ac2dee1a8f25f26d07d49991cb69239f', id: "section_1_child_1", style: {
+            } }, h("h2", { key: 'dab1e1154b97daa49c6afce571872f669c6c5fdf' }, "Section 1"), h("div", { key: '93d75ac1760c51b088d5ade8b85afebfa5a528c2', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'e5ae3e0505cc81f2ea00080f71f4c7035aaebcf8' }, "Section 1 Child 1")), h("div", { key: '2ba0bc4c427024c8914602f453973e1d95e4a984', id: "section_1_child_2", style: {
+            } }, h("h3", { key: '335bfcf9a7e51242d4b2766346315e50db6746b7' }, "Section 1 Child 1")), h("div", { key: 'efe1651d3e613c77335631510c9b40c70f49b9a9', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'f12acd5017da8cc65465b94393e099e9bfc29d6e' }, "Section 1 Child 2")), h("div", { key: 'c508177abd9e75a48c34a7b9c2559f331f3a7b2d', id: "section_1_child_3", style: {
+            } }, h("h3", { key: 'c3093ff7b2a1af4f9b86fcd5e49997f0e170b91f' }, "Section 1 Child 2")), h("div", { key: 'f4080e18936dd9aea3b43905808d9f9681f893ed', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'c7d4b3594f1de545898ca59d68cec54ef0448a43' }, "Section 1 Child 3"), h("div", { key: 'a7430bef424b2034fc0aa2eb9edacbaf24436b66', id: "section_1_sub_child_1", style: {
+            } }, h("h3", { key: 'ba13f26ca5b19794395e5739240cfeb607321f5e' }, "Section 1 Child 3"), h("div", { key: '2f78f27b26949c8df8166a2f3c224500ac77122b', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '283f9e228ddcc395c666e525015b71fdf9d4cf17' }, "Section 1 Sub Child 1")), h("div", { key: 'ebe9c97d3616d89fe4e399c1e5b8969d6300b710', id: "section_1_sub_child_2", style: {
+            } }, h("h4", { key: 'd34ae6ccf0b5182c4e01d2cf763c24b3cee7de13' }, "Section 1 Sub Child 1")), h("div", { key: '79b5241ceba9fc0d32b676f533704df5f9f8ca13', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '2d5359ea2b1fdf31cc7dc7352a6fd0f247bcc285' }, "Section 1 Sub Child 2")), h("div", { key: 'f0ccaae803103eb9ff7fa4da2ea19adb3d3da33b', id: "section_1_sub_child_3", style: {
+            } }, h("h4", { key: '84794462343c8bdd74b1557ba968a5768c4df820' }, "Section 1 Sub Child 2")), h("div", { key: '012b68c5604d928eaa28967e9bfd7147e845ba07', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '451d8c82c3b175c60cc83212054d6a78a4f9a5d3' }, "Section 1 Sub Child 3")))), h("div", { key: '15cca72a6b6ff10b4b7f5c780a2e4c058a4be28b', id: "section_2", style: {
+            } }, h("h4", { key: '616a7d35864b1ffb9be6819caaa702f39d6265da' }, "Section 1 Sub Child 3")))), h("div", { key: '64d230965070d10551ed817d32137d1004301517', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '21454ee03d34b1c07f12150798c38343fea3ae21' }, "Section 2")), h("div", { key: 'e6ade736af01c30cf338bf460785e7b59a8ad9c6', id: "section_3", style: {
+            } }, h("h2", { key: '1fda144830a9f96c5940eb793e78944f8dc6683c' }, "Section 2")), h("div", { key: '4cbd623f10ff27c412ea16b518abb032afd94211', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '83a6ffc62d3f02d84e11084c17450d354d14f8b9' }, "Section 3"), h("div", { key: 'cc3684cc455d3cbe62afe684b5b5fdacbcd973f3', id: "section_3_child_1", style: {
+            } }, h("h2", { key: '1064d9ce6553ffedd10764c89d1ddeb251c4c902' }, "Section 3"), h("div", { key: 'f5cede3f8f757f6e7da29660ab8613debffefcd1', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '4126ccdf944880d47bfdad8e9897b8b56b1a3676' }, "Section 3 Child 1")), h("div", { key: '11603836d5a4e54d1048693cd35509c91562b14c', id: "section_3_child_2", style: {
+            } }, h("h3", { key: '74fc34a75bbb92f3fe8780ee2156b9006d43c670' }, "Section 3 Child 1")), h("div", { key: '338b3ddeb8a56b6764caa8a6a14d3b5ae30afc30', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '3593b5f8260f9e343ea4f6f3c1dc6e14dc598a1f' }, "Section 3 Child 2"), h("div", { key: '9e40873181139cc30c0c751282cba78d86324c9a', id: "section_3_child_2_1", style: {
+            } }, h("h3", { key: '2ba2b521664e03b4345a03b11a869d85b821bef9' }, "Section 3 Child 2"), h("div", { key: '5e3fceb4c05f947da350df38d46e6940823e37f7', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'dbbb90d7b4111701ddfa82151155e5985939f737' }, "Section 3 Child 2.1")), h("div", { key: '07eaa7fccefd587663cad8714557ca50ed5ad6b2', id: "section_3_child_2_2", style: {
+            } }, h("h4", { key: 'bfde3e30c870d7f308eccd0681b318e3ba6473ae' }, "Section 3 Child 2.1")), h("div", { key: '9316d10ccd7b0a4026e54bf6b4e4e6e50c1467e6', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '3775282c598e6f5aeada1021177e85cdb0e1c1cd' }, "Section 3 Child 2.2")), h("div", { key: 'c19c544633e04729669142bf6d4f164c134b3016', id: "section_3_child_2_3", style: {
+            } }, h("h4", { key: '013c84eb8eb4994d5758c6a8f154e8f8f5bf6892' }, "Section 3 Child 2.2")), h("div", { key: '0e5e0b68a1bcf884038526294398937f2a6076d6', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '9afd9cd00c393fd71c6b2ed102f79f3be4638fc5' }, "Section 3 Child 2.3"))))), h("div", { key: 'da39630ace9f929a53e3f31dc14ceb3bb4462310', style: {
+            } }, h("h4", { key: 'f92be07f3186bb50282b84bf45c5028c28a5800d' }, "Section 3 Child 2.3"))))), h("div", { key: '31e7562fa06b4d59b2998b19b7c70dd46007fd1c', style: {
                 position: "fixed",
                 top: "100px",
                 left: "40px",
@@ -90,7 +90,7 @@ const NdsTableOfContentUsage = class {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: '6853707a25c51ef6b770dad5d8425d6db3288b86', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, h("dga-table-of-content", { key: '00757186d052dbec3d8bc9ac7ade8f5867936bdc', title: "On this Page", subTitle: "Page Title", sections: [
                 {
                     Name: 'Section 1',
                     Target: 'section_1',
@@ -125,7 +125,7 @@ const NdsTableOfContentUsage = class {
                         }
                     ]
                 }
-            ] })), h("div", { key: '62ae23f4553b8597b5aee914a811811cf05fafbf', style: {
+            ] })), h("div", { key: 'f3756e3eb1be78331c25d24106051273fe0b9199', style: {
                 position: "fixed",
                 top: "100px",
                 right: "40px",
@@ -133,7 +133,7 @@ const NdsTableOfContentUsage = class {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: '87662f93081dd4dbbc47435d4b4e2df09205964a', 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: '6edf19e8ac1016a37d4a3e23d85e468e519bfbe3', 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/types/components/dga-data-table/dga-data-table-usage.d.ts

@@ -0,0 +1,4 @@
+export declare class DgaDateFieldUsage {
+    value: string;
+    render(): any;
+}

package/dist/types/components/dga-data-table/dga-data-table.d.ts

@@ -1,4 +1,21 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
+export interface CellConfig {
+    title: string;
+    isSort: boolean;
+    isFilter: boolean;
+    sort?: 'up' | 'down';
+    propertyName: string;
+    type: 'element' | 'propertyName';
+    El?: string | FunctionalComponent<any>;
+    elProperties?: string[];
+    staticProps?: {
+        [key: string]: any;
+    };
+    propMapping?: {
+        [componentProp: string]: string;
+    };
+    colSpan?: number;
+}
 export interface IColumnCheckboxType {
     type: 'checkbox';
 }
@@ -18,17 +35,7 @@ export declare class DgaDataTable {
     rowDivider: boolean;
     showSelectCheckBox: boolean;
     alternate: boolean;
-    cells: {
-        title: string;
-        isSort: boolean;
-        isFilter: boolean;
-        sort?: 'up' | 'down';
-        propertyName: string;
-        type: 'element' | 'propertyName';
-        El?: string | FunctionalComponent<any>;
-        elProperties?: string[];
-        colSpan?: number;
-    }[];
+    cells: CellConfig[];
     contained: boolean;
     getSelectedRows: any;
     pressOnFilter: any;
@@ -38,6 +45,7 @@ export declare class DgaDataTable {
     private sortData;
     private handleSelectedRowChanges;
     private selectAll;
+    private buildComponentProps;
     componentWillLoad(): void;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -17,8 +17,7 @@ import { ButtonSize as ButtonSize1, ButtonStyle as ButtonStyle1 } from "./compon
 import { Icon as Icon1 } from "./components/dga-avatar/dga-avatar";
 import { Icon as Icon2 } from "./components/dga-featured-icon/dga-featured-icon";
 import { ApexChartHeight as ApexChartHeight1, ApexChartType as ApexChartType1, ApexChartWidth as ApexChartWidth1, ApexOptionsLabels, ApexOptionsSeries as ApexOptionsSeries1 } from "./components/dga-chart/dga-chart";
-import { IColumn } from "./components/dga-data-table/dga-data-table";
-import { Event, FunctionalComponent } from "./stencil-public-runtime";
+import { CellConfig, IColumn } from "./components/dga-data-table/dga-data-table";
 import { DatepickerOptions } from "./components/dga-date-field/dga-date-field";
 import { IRoute } from "./components/dga-drawer/dga-drawer";
 import { Icon as Icon3 } from "./components/dga-featured-icon/dga-featured-icon";
@@ -38,6 +37,7 @@ import { IChartProps as IChartProps1, ITrend as ITrend1 } from "./components/dga
 import { Option } from "./components/dga-text-input/dga-prefix";
 import { Step } from "./components/dga-radial-stepper/dga-radial-stepper";
 import { SxProps as SxProps3 } from "./components/dga-radio-button/dga-radio-button";
+import { Event } from "./stencil-public-runtime";
 import { Option as Option1 } from "./components/dga-text-input/dga-suffix";
 import { TabType } from "./components/dga-table-of-content/dga-table-of-content";
 import { ITab } from "./components/dga-tabs/dga-tabs";
@@ -59,8 +59,7 @@ export { ButtonSize as ButtonSize1, ButtonStyle as ButtonStyle1 } from "./compon
 export { Icon as Icon1 } from "./components/dga-avatar/dga-avatar";
 export { Icon as Icon2 } from "./components/dga-featured-icon/dga-featured-icon";
 export { ApexChartHeight as ApexChartHeight1, ApexChartType as ApexChartType1, ApexChartWidth as ApexChartWidth1, ApexOptionsLabels, ApexOptionsSeries as ApexOptionsSeries1 } from "./components/dga-chart/dga-chart";
-export { IColumn } from "./components/dga-data-table/dga-data-table";
-export { Event, FunctionalComponent } from "./stencil-public-runtime";
+export { CellConfig, IColumn } from "./components/dga-data-table/dga-data-table";
 export { DatepickerOptions } from "./components/dga-date-field/dga-date-field";
 export { IRoute } from "./components/dga-drawer/dga-drawer";
 export { Icon as Icon3 } from "./components/dga-featured-icon/dga-featured-icon";
@@ -80,6 +79,7 @@ export { IChartProps as IChartProps1, ITrend as ITrend1 } from "./components/dga
 export { Option } from "./components/dga-text-input/dga-prefix";
 export { Step } from "./components/dga-radial-stepper/dga-radial-stepper";
 export { SxProps as SxProps3 } from "./components/dga-radio-button/dga-radio-button";
+export { Event } from "./stencil-public-runtime";
 export { Option as Option1 } from "./components/dga-text-input/dga-suffix";
 export { TabType } from "./components/dga-table-of-content/dga-table-of-content";
 export { ITab } from "./components/dga-tabs/dga-tabs";
@@ -1018,18 +1018,7 @@ export namespace Components {
         /**
           * @default [     {       propertyName: 'test',       isFilter: false,       isSort: false,       title: 'Test',       type: 'propertyName',       colSpan: 1,     },     {       propertyName: 'test',       isFilter: false,       isSort: false,       title: 'Test',       type: 'propertyName',       colSpan: 1,     },   ]
          */
-        "cells": {
-    title: string;
-    isSort: boolean;
-    isFilter: boolean;
-    sort?: 'up' | 'down';
-    propertyName: string;
-    type: 'element' | 'propertyName';
-    El?: string | FunctionalComponent<any>;
-    elProperties?: string[];
-    colSpan?: number;
-    // elProperties: { [key: string]: any };
-  }[];
+        "cells": CellConfig[];
         "columns": IColumn[];
         /**
           * @default true
@@ -1089,6 +1078,8 @@ export namespace Components {
          */
         "showSelectCheckBox": boolean;
     }
+    interface DgaDataTableUsage {
+    }
     interface DgaDateField {
         "datepickerOptions": DatepickerOptions;
         /**
@@ -4254,6 +4245,12 @@ declare global {
         prototype: HTMLDgaDataTableOldElement;
         new (): HTMLDgaDataTableOldElement;
     };
+    interface HTMLDgaDataTableUsageElement extends Components.DgaDataTableUsage, HTMLStencilElement {
+    }
+    var HTMLDgaDataTableUsageElement: {
+        prototype: HTMLDgaDataTableUsageElement;
+        new (): HTMLDgaDataTableUsageElement;
+    };
     interface HTMLDgaDateFieldElement extends Components.DgaDateField, HTMLStencilElement {
     }
     var HTMLDgaDateFieldElement: {
@@ -5506,6 +5503,7 @@ declare global {
         "dga-content-switcher-usage": HTMLDgaContentSwitcherUsageElement;
         "dga-data-table": HTMLDgaDataTableElement;
         "dga-data-table-old": HTMLDgaDataTableOldElement;
+        "dga-data-table-usage": HTMLDgaDataTableUsageElement;
         "dga-date-field": HTMLDgaDateFieldElement;
         "dga-date-field-usage": HTMLDgaDateFieldUsageElement;
         "dga-datepicker": HTMLDgaDatepickerElement;
@@ -6595,18 +6593,7 @@ declare namespace LocalJSX {
         /**
           * @default [     {       propertyName: 'test',       isFilter: false,       isSort: false,       title: 'Test',       type: 'propertyName',       colSpan: 1,     },     {       propertyName: 'test',       isFilter: false,       isSort: false,       title: 'Test',       type: 'propertyName',       colSpan: 1,     },   ]
          */
-        "cells"?: {
-    title: string;
-    isSort: boolean;
-    isFilter: boolean;
-    sort?: 'up' | 'down';
-    propertyName: string;
-    type: 'element' | 'propertyName';
-    El?: string | FunctionalComponent<any>;
-    elProperties?: string[];
-    colSpan?: number;
-    // elProperties: { [key: string]: any };
-  }[];
+        "cells"?: CellConfig[];
         "columns"?: IColumn[];
         /**
           * @default true
@@ -6666,6 +6653,8 @@ declare namespace LocalJSX {
          */
         "showSelectCheckBox"?: boolean;
     }
+    interface DgaDataTableUsage {
+    }
     interface DgaDateField {
         "datepickerOptions"?: DatepickerOptions;
         /**
@@ -9490,6 +9479,7 @@ declare namespace LocalJSX {
         "dga-content-switcher-usage": DgaContentSwitcherUsage;
         "dga-data-table": DgaDataTable;
         "dga-data-table-old": DgaDataTableOld;
+        "dga-data-table-usage": DgaDataTableUsage;
         "dga-date-field": DgaDateField;
         "dga-date-field-usage": DgaDateFieldUsage;
         "dga-datepicker": DgaDatepicker;
@@ -9714,6 +9704,7 @@ declare module "@stencil/core" {
             "dga-content-switcher-usage": LocalJSX.DgaContentSwitcherUsage & JSXBase.HTMLAttributes<HTMLDgaContentSwitcherUsageElement>;
             "dga-data-table": LocalJSX.DgaDataTable & JSXBase.HTMLAttributes<HTMLDgaDataTableElement>;
             "dga-data-table-old": LocalJSX.DgaDataTableOld & JSXBase.HTMLAttributes<HTMLDgaDataTableOldElement>;
+            "dga-data-table-usage": LocalJSX.DgaDataTableUsage & JSXBase.HTMLAttributes<HTMLDgaDataTableUsageElement>;
             "dga-date-field": LocalJSX.DgaDateField & JSXBase.HTMLAttributes<HTMLDgaDateFieldElement>;
             "dga-date-field-usage": LocalJSX.DgaDateFieldUsage & JSXBase.HTMLAttributes<HTMLDgaDateFieldUsageElement>;
             "dga-datepicker": LocalJSX.DgaDatepicker & JSXBase.HTMLAttributes<HTMLDgaDatepickerElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platformscode/core",
-  "version": "0.0.25",
+  "version": "0.0.28",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/dga-button.cjs.entry.js

@@ -1,78 +0,0 @@
-'use strict';
-
-var index = require('./index-DSiE2De_.js');
-var sxStyleManager = require('./sx-style-manager-MFMlOw-g.js');
-
-const dgaButtonCss = "@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,.dga-btn--lg{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium,.dga-btn--md{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium,.dga-btn--sm{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{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:hsla(var(--colors-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}dga-button{width:fit-content}.dga-btn{-webkit-appearance:none;appearance:none;border-radius:var(--radius-sm);cursor:pointer;border:0;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--buttons-lg-gap);box-sizing:border-box;overflow:hidden}.dga-btn:focus-visible{outline:2px solid var(--border-black)}.dga-btn-icon{display:flex;width:24px;height:24px;font-size:24px;justify-content:center;align-items:center}.dga-btn--lg{height:40px;padding-inline:var(--buttons-lg-padding)}.dga-btn--lg span.dga-btn-icon{width:24px;height:24px;font-size:24px}.dga-btn--md{height:32px;padding-inline:var(--buttons-md-padding)}.dga-btn--md span.dga-btn-icon{width:20px;height:20px;font-size:20px}.dga-btn--sm{height:24px;padding-inline:var(--buttons-sm-padding)}.dga-btn--sm span.dga-btn-icon{width:16px;height:16px;font-size:16px}.dga-btn--icon{padding:0;display:flex;align-items:center;justify-content:center}.dga-btn--icon.dga-btn--lg{width:40px;height:40px;font-size:40px}.dga-btn--icon-menu.dga-btn--lg{width:auto;padding-inline:var(--buttons-lg-padding)}.dga-btn--icon.dga-btn--md{width:32px;height:32px;font-size:32px}.dga-btn--icon-menu.dga-btn--md{width:auto;padding-inline:var(--buttons-md-padding)}.dga-btn--icon.dga-btn--sm{width:24px;height:24px;font-size:24px}.dga-btn--icon-menu.dga-btn--sm{width:auto;padding-inline:var(--buttons-sm-padding)}.dga-btn--primary-neutral{background-color:var(--button-background-black-default);color:var(--text-oncolor-primary)}.dga-btn--primary-neutral:hover{background-color:var(--button-background-black-hovered)}.dga-btn--primary-neutral:visited{background-color:var(--button-background-black-pressed)}.dga-btn--primary-neutral:active{background-color:var(--button-background-black-selected);outline:none}.dga-btn--primary-neutral:active::after{display:none !important}.dga-btn--primary-neutral:disabled,.dga-btn--primary-neutral[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--primary-neutral--on-color{background-color:var(--button-background-oncolor-default);color:var(--text-default)}.dga-btn--primary-neutral--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.dga-btn--primary-neutral--on-color:visited,.dga-btn--primary-neutral--on-color.selected{background-color:var(--button-background-oncolor-selected)}.dga-btn--primary-neutral--on-color:active{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-neutral--on-color:disabled,.dga-btn--primary-neutral--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--primary-brand{background-color:var(--button-background-primary-default);color:var(--text-oncolor-primary)}.dga-btn--primary-brand:hover{background:var(--button-background-primary-hovered)}.dga-btn--primary-brand:visited{background:var(--button-background-primary-pressed)}.dga-btn--primary-brand:active{background:var(--button-background-primary-selected);outline:none}.dga-btn--primary-brand:active::after{display:none !important}.dga-btn--primary-brand:disabled,.dga-btn--primary-brand[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--primary-brand--on-color{background-color:var(--button-background-oncolor-default);color:var(--text-default)}.dga-btn--primary-brand--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.dga-btn--primary-brand--on-color:visited,.dga-btn--primary-brand--on-color.selected{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-brand--on-color:active{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-brand--on-color:disabled,.dga-btn--primary-brand--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--secondary{background-color:var(--button-background-neutral-default);color:var(--colors-text-primary)}.dga-btn--secondary:hover{background:var(--button-background-neutral-default-hoverd)}.dga-btn--secondary:visited{background:var(--button-background-neutral-default-pressed)}.dga-btn--secondary:active{background:var(--button-background-neutral-default-selected);outline:none}.dga-btn--secondary:disabled,.dga-btn--secondary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--secondary--on-color{background-color:var(--button-background-transparent-hovered);color:var(--text-oncolor-primary)}.dga-btn--secondary--on-color:hover{background-color:var(--button-background-transparent-hovered)}.dga-btn--secondary--on-color:visited,.dga-btn--secondary--on-color.selected{background-color:var(--Button-button-background-transparent-selected)}.dga-btn--secondary--on-color:active{background-color:var(--Button-button-background-transparent-pressed);color:var(--text-oncolor-primary)}.dga-btn--secondary--on-color:disabled,.dga-btn--secondary--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--secondary-outline{outline:1px solid var(--border-neutral-secondary);background-color:transparent;color:var(--text-default);mix-blend-mode:multiply}.dga-btn--secondary-outline:hover{background:var(--button-background-neutral-default)}.dga-btn--secondary-outline:visited{background:var(--button-background-neutral-pressed);outline:1px solid var(--border-neutral-primary)}.dga-btn--secondary-outline:active{background:var(--button-background-neutral-selected);outline:1px solid var(--border-neutral-primary)}.dga-btn--secondary-outline:disabled,.dga-btn--secondary-outline[disabled]{background:transparent;color:var(--text-default-disabled);border:1px solid var(--border-neutral-secondary)}.dga-btn--secondary-outline--on-color{outline-color:var(--border-white-40);color:var(--text-oncolor-primary);mix-blend-mode:normal}.dga-btn--secondary-outline--on-color:hover{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:visited,.dga-btn--secondary-outline--on-color.selected{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:active{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:disabled,.dga-btn--secondary-outline--on-color[disabled]{outline-color:1px solid var(--icon-default-oncolor-disabled);color:var(--text-default-oncolor-disabled)}.dga-btn--subtle,.dga-btn--close,.dga-btn--sort{background-color:transparent;color:var(--colors-text-primary);mix-blend-mode:multiply}.dga-btn--subtle:hover,.dga-btn--close:hover,.dga-btn--sort:hover{background:var(--button-background-neutral-default)}.dga-btn--subtle:visited,.dga-btn--close:visited,.dga-btn--sort:visited{background:var(--button-background-neutral-pressed)}.dga-btn--subtle:active,.dga-btn--close:active,.dga-btn--sort:active{background:var(--button-background-neutral-selected);outline:none}.dga-btn--subtle:active::after,.dga-btn--close:active::after,.dga-btn--sort:active::after{display:none !important}.dga-btn--subtle:disabled,.dga-btn--subtle[disabled],.dga-btn--close:disabled,.dga-btn--close[disabled],.dga-btn--sort:disabled,.dga-btn--sort[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--transparent{background-color:transparent;color:var(--text-default)}.dga-btn--transparent:hover{background:transparent;color:var(--button-background-primary-hovered)}.dga-btn--transparent:visited{color:var(--button-background-primary-pressed)}.dga-btn--transparent:active{color:var(--button-background-primary-selected);outline:none}.dga-btn--transparent:active::after{display:none !important}.dga-btn--transparent:disabled,.dga-btn--transparent[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--close{display:flex;width:40px;height:40px;padding:var(--spacing-md);justify-content:center;align-items:center;border-radius:var(--radius-sm);background-color:transparent;color:var(--icon-default)}.dga-btn--close:hover{background:var(--button-background-neutral-hovered);color:var(--icon-default)}.dga-btn--close:active{background-color:var(--button-background-neutral-pressed)}.dga-btn--des-primary{background-color:var(--button-background-danger-primary-default);color:var(--text-oncolor-primary)}.dga-btn--des-primary:hover{background:var(--button-background-danger-primary-hovered)}.dga-btn--des-primary:visited{background:var(--button-background-danger-primary-pressed)}.dga-btn--des-primary:active{background:var(--button-background-danger-primary-selected);outline:none}.dga-btn--des-primary:active::after{display:none !important}.dga-btn--des-primary:disabled,.dga-btn--des-primary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--des-secondary{background-color:var(--button-background-danger-secondary-default);color:var(--text-error)}.dga-btn--des-secondary:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-secondary:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-secondary:active{background:var(--button-background-danger-secondary-selected);outline:none}.dga-btn--des-secondary:active::after{display:none !important}.dga-btn--des-secondary:disabled,.dga-btn--des-secondary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--des-secondary-outline{outline:1px solid var(--border-error-light);background-color:transparent;color:var(--text-error);mix-blend-mode:multiply}.dga-btn--des-secondary-outline:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-secondary-outline:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-secondary-outline:active{background:var(--button-background-danger-secondary-selected);outline:1px solid var(--border-error-light)}.dga-btn--des-secondary-outline:active::after{display:none !important}.dga-btn--des-secondary-outline:disabled,.dga-btn--des-secondary-outline[disabled]{background:transparent;color:var(--text-default-disabled);outline:1px solid var(--border-neutral-secondary)}.dga-btn--des-subtle{background-color:transparent;color:var(--text-error)}.dga-btn--des-subtle:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-subtle:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-subtle:active{background:var(--button-background-danger-secondary-selected);outline:none}.dga-btn--des-subtle:active::after{display:none !important}.dga-btn--des-subtle:disabled,.dga-btn--des-subtle[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--des-transparent{background-color:transparent;color:var(--button-background-danger-primary-default)}.dga-btn--des-transparent:hover{background:transparent;color:var(--button-background-danger-primary-hovered)}.dga-btn--des-transparent:visited{color:var(--button-background-danger-primary-pressed)}.dga-btn--des-transparent:active{color:var(--button-background-danger-primary-selected);outline:none}.dga-btn--des-transparent:active::after{display:none !important}.dga-btn--des-transparent:disabled,.dga-btn--des-transparent[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn.dga-btn--subtle-on-color,.dga-btn.dga-btn--close-on-color{background-color:transparent;color:var(--text-oncolor-primary)}.dga-btn.dga-btn--subtle-on-color:hover,.dga-btn.dga-btn--close-on-color:hover{background-color:var(--button-background-transparent-hovered)}.dga-btn.dga-btn--subtle-on-color:visited,.dga-btn.dga-btn--subtle-on-color.selected,.dga-btn.dga-btn--close-on-color:visited,.dga-btn.dga-btn--close-on-color.selected{background-color:var(--button-background-transparent-selected)}.dga-btn.dga-btn--subtle-on-color:active,.dga-btn.dga-btn--close-on-color:active{color:var(--text-oncolor-primary);background-color:var(--button-background-transparent-pressed)}.dga-btn.dga-btn--subtle-on-color:disabled,.dga-btn.dga-btn--subtle-on-color[disabled],.dga-btn.dga-btn--close-on-color:disabled,.dga-btn.dga-btn--close-on-color[disabled]{background-color:transparent;color:var(--text-default-oncolor-disabled)}.dga-btn--transparent-on-color{background-color:transparent;color:var(--text-oncolor-primary)}.dga-btn--transparent-on-color:hover{color:var(--button-label-transparent-hovered-on-color)}.dga-btn--transparent-on-color:visited,.dga-btn--transparent-on-color.selected{color:var(--button-label-transparent-selected-on-color)}.dga-btn--transparent-on-color:active{color:var(--button-label-transparent-pressed-on-color)}.dga-btn--transparent-on-color:disabled,.dga-btn--transparent-on-color[disabled]{background-color:transparent;color:var(--text-default-oncolor-disabled)}";
-
-const DgaButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.onClick = index.createEvent(this, "onClick");
-        this.variant = 'primary-neutral';
-        this.size = 'md';
-        this.type = 'button';
-        this.onColor = false;
-        // Generate a unique ID if not provided
-        this.componentId = `dga-button-${Math.random().toString(36).substring(2, 9)}`;
-        // Computed inline styles
-        this.rootStyles = {};
-    }
-    handleClick(event) {
-        if (!this.disabled) {
-            this.onClick.emit(event);
-        }
-    }
-    renderIcon(iconName, iconProps) {
-        return index.h("dga-icon", Object.assign({ icon: iconName }, iconProps));
-    }
-    handleSxChange() {
-        this.processStyling();
-    }
-    componentWillLoad() {
-        // Initialize style manager with element reference
-        this.sxStyleManager = new sxStyleManager.SxStyleManager(this.componentId, this.el);
-    }
-    componentDidLoad() {
-        // Process styling after the component is fully loaded and shadow DOM is ready
-        this.processStyling();
-    }
-    componentDidUpdate() {
-        // Re-process styling after updates
-        this.processStyling();
-    }
-    processStyling() {
-        if (!this.sx)
-            return;
-        // Handle both string and object formats
-        const sxValue = typeof this.sx === 'string'
-            ? JSON.parse(this.sx)
-            : this.sx;
-        this.rootStyles = this.sxStyleManager.processSxProp(sxValue);
-    }
-    disconnectedCallback() {
-        var _a;
-        // Clean up styles when component is removed
-        (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
-    }
-    render() {
-        const buttonId = this.btnId || `btn-${Math.random().toString(36).substr(2, 9)}`;
-        const classList = [
-            'dga-btn',
-            `dga-btn--${this.size}`,
-            `dga-btn--${this.variant}`,
-            this.onColor ? `dga-btn--${this.variant}--on-color` : '',
-            this.iconOnly ? 'dga-btn--icon' : '',
-        ]
-            .filter(Boolean)
-            .join(' ');
-        return (index.h(index.Host, { key: '69925fb79fca46e9a90ce6391b78930fc7a1c716', id: this.componentId, style: this.rootStyles }, index.h("button", { key: 'cf358170e29ccd38aaada49a356dd3670602981c', id: buttonId, type: this.type, class: classList, disabled: this.disabled, "aria-label": this.iconOnly && !this.label ? 'Button with icon' : this.label, role: "button", onClick: (event) => this.handleClick(event) }, this.iconOnly && this.iconType && (index.h("span", { key: 'e96d3a0395460624b623abbdb444f0646c336732', class: "dga-btn-icon", "aria-hidden": "true" }, this.renderIcon(this.iconType, this.iconProps))), this.leadIcon && this.leadIconType && (index.h("span", { key: '2a85f76f645804b2ffaa7c631012354436871d7e', class: "dga-btn-icon", "aria-hidden": "true" }, this.renderIcon(this.leadIconType, this.leadIconProps))), !this.iconOnly && this.label && index.h("span", { key: 'fb3485e860e7b30a0a7d96d76e8ba6fee420c647' }, this.label), this.trailIcon && this.trailIconType && (index.h("span", { key: '75ca14bc2d09a271ba60b3f6ecfffcac084f4ef3', class: "dga-btn-icon", "aria-hidden": "true" }, this.renderIcon(this.trailIconType, this.trailIconProps))))));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "sx": ["handleSxChange"]
-    }; }
-};
-DgaButton.style = dgaButtonCss;
-
-exports.dga_button = DgaButton;

package/dist/cjs/dga-checkbox.cjs.entry.js

@@ -1,76 +0,0 @@
-'use strict';
-
-var index = require('./index-DSiE2De_.js');
-var index$1 = require('./index-ByjaZgsn.js');
-
-const dgaCheckboxCss = "@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,.checkbox__helper-text{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,.checkbox__label{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium,.checkbox__warning{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{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{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:hsla(var(--colors-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}.checkbox{display:flex;gap:var(--spacing-xl);padding:var(--spacing-none);cursor:pointer;width:fit-content;user-select:none}.checkbox-icon{display:none !important;color:var(--colors-base-white);width:16px;height:16px;display:flex;align-items:center;justify-content:center}.checkbox:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--controls-control-neutral-checked)}.checkbox-main{flex-direction:column;gap:var(--spacing-xs);width:100%}.checkbox-main,.checkbox-main__content{display:flex;column-gap:var(--spacing-xl)}.checkbox-main__content{align-items:flex-start}.checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox input:checked~.checkbox-container{background-color:var(--controls-control-neutral-checked)}.checkbox input:checked~.checkbox-container .checkbox__checked-icon{display:inline-flex !important}.checkbox input:hover~.checkbox-container::after{transform:translate(-50%, -50%) scale(1)}.checkbox.active input:not(:checked)~.checkbox-container{background-color:var(--controls-control-pressed)}.checkbox-container{width:24px;height:24px;min-width:24px;border-radius:var(--radius-xs);border:1px solid var(--controls-control-border);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;}.checkbox-container::after{content:\"\";border-radius:var(--radius-full);background:var(--controls-control-ripple-effect);width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);z-index:-1;transition:all 0.3s ease-in-out}.checkbox--lg .checkbox-container{width:24px;height:24px;min-width:24px}.checkbox--md .checkbox-container{width:20px;height:20px;min-width:20px}.checkbox--sm .checkbox-container{width:16px;height:16px;min-width:16px}.checkbox--indeterminate .checkbox-container{background-color:var(--controls-control-neutral-checked)}.checkbox--indeterminate .checkbox-container .checkbox-icon{display:none}.checkbox--indeterminate .checkbox-container .checkbox__indeterminate-icon{display:inline-block !important}.checkbox--indeterminate input:checked~.checkbox-container .checkbox__indeterminate-icon{display:none !important}.checkbox--indeterminate input:checked~.checkbox-container .checkbox__checked-icon{display:inline-block !important}.checkbox input:disabled~.checkbox-container{border-color:var(--border-disabled);background-color:var(--background-disabled)}.checkbox input:disabled~.checkbox__label,.checkbox input:disabled~div>.checkbox__label,.checkbox input:disabled~div>.checkbox__helper-text{color:var(--background-disabled)}.checkbox__label{color:var(--text-display, #1F2A37)}.checkbox__helper-text{color:var(--colors-text-tertiary);margin-block:var(--spacing-xs)}.checkbox__warning{display:flex;align-items:center;gap:var(--spacing-xl);color:var(--text-error)}.checkbox__warning-icon{width:16px;height:16px;display:flex;align-items:center}.checkbox--brand input:checked~.checkbox-container{border-color:var(--controls-control-primary-checked);background-color:var(--controls-control-primary-checked)}.checkbox--brand input:checked~.checkbox__label,.checkbox--brand input:checked~div>.checkbox__label{color:var(--colors-text-brand-secondary)}.checkbox--brand input:checked:disabled~.checkbox-container{background-color:var(--background-disabled)}.checkbox--brand input:disabled~.checkbox-container{border-color:var(--border-disabled);background-color:transparent}.checkbox--brand input:disabled~.checkbox-container::after{display:none}.checkbox--brand input:disabled~.checkbox__label,.checkbox--brand input:disabled~div>.checkbox__label,.checkbox--brand input:disabled~div>.checkbox__helper-text{color:var(--background-disabled)}.checkbox--brand.active input:not(:disabled):checked~.checkbox-container{background-color:var(--controls-control-primary-hovered)}.checkbox--readonly .checkbox-container{background-color:transparent !important}.checkbox--readonly .checkbox-container .checkbox-icon{color:var(--controls-control-neutral-hovered)}";
-
-const DgaCheckbox = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.color = 'brand';
-        this.size = 'md';
-        this.disabled = false;
-        this.name = index$1.guid();
-        this.value = '';
-        this.showBorderOnFocusAndFocusOute = true;
-        this.checked = false;
-        this.isChecked = this.checked;
-        this.Indeterminate = false;
-        // private handleActive = () => {
-        //   this.labelRef?.classList.add('active');
-        // };
-        // private handleRemoveActive = () => {
-        //   this.labelRef?.classList.remove('active');
-        // };
-        this.handleFocus = () => {
-            var _a;
-            if (!this.showBorderOnFocusAndFocusOute)
-                return;
-            (_a = this.labelRef) === null || _a === void 0 ? void 0 : _a.classList.add('focus');
-        };
-        this.handleFocusOut = () => {
-            var _a;
-            if (!this.showBorderOnFocusAndFocusOute)
-                return;
-            (_a = this.labelRef) === null || _a === void 0 ? void 0 : _a.classList.remove('focus');
-        };
-        this.handleEscape = (event) => {
-            var _a, _b;
-            if (event.key === 'Escape') {
-                this.handleFocusOut();
-                (_b = (_a = this.labelRef) === null || _a === void 0 ? void 0 : _a.querySelector('input')) === null || _b === void 0 ? void 0 : _b.blur();
-            }
-        };
-    }
-    componentWillLoad() {
-        this.isChecked = this.checked;
-    }
-    componentDidLoad() {
-        window.addEventListener('keydown', this.handleEscape);
-    }
-    watchMaxValue(newValue) {
-        this.isChecked = newValue;
-    }
-    render() {
-        return (index.h("label", { key: '787168ad4c73ee634969de203c69858e61bd5630', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}` }, index.h("div", { key: '4917138cbb89b80158154ae1825c387e449dd913', class: "checkbox-main" }, index.h("div", { key: 'f46a45762ccb387876a05feb92de99a8e835eeb1', class: "checkbox-main__content" }, index.h("input", { key: '7dba10008da8ebca309c41d0d2ee883acce3e602', type: "checkbox", name: this.name, value: this.value,
-            // id={id}
-            // {...(customAttribute.key && {
-            //   [customAttribute.key]: customAttribute.value
-            //     ? customAttribute.value
-            //     : "",
-            // })}
-            disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: e => {
-                var _a;
-                (_a = this.onChange) === null || _a === void 0 ? void 0 : _a.call(this, e);
-                const target = e.target;
-                this.isChecked = target.checked;
-            }, onInput: this.onInput, checked: this.isChecked }), index.h("div", { key: '787c1c2136f1d3088fe58974e86ff48ad4848734', class: "checkbox-container" }, index.h("span", { key: '32e71bf897db07d910a974352337bf602b39c1c1', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? index.h("dga-icon", { icon: "minus-sign", variant: 'solid' }) : index.h("dga-icon", { icon: "tick-03", variant: 'solid' })), index.h("span", { key: 'ae21b8d5b4a9a5cdae989e86bab9d0901241d642', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, index.h("dga-icon-v2", { key: 'bc88eab4e863ab0923561331e1114609cb2c7ca4', name: 'remove-01', variant: 'solid' }))), !this.helperText ? (this.label && index.h("span", { class: "checkbox__label" }, this.label)) : (index.h("div", { class: "dga-flex-column" }, index.h("span", { class: "checkbox__label" }, this.label), index.h("span", { class: "checkbox__helper-text" }, this.helperText)))), this.alertMessage && (index.h("div", { key: '56795666001c8d48a4c10b39f3061263468f800a', class: "checkbox__warning" }, index.h("span", { key: 'bfa8e4457b68393c07ac84f6dc4e277f2eee2d2a', class: "checkbox__warning-icon" }, index.h("dga-icon-v2", { key: 'ca0454e322ca3b6470dcb007d8e161c96d31851d', name: 'alert-circle', variant: 'stroke', type: 'rounded', size: 16 })), index.h("span", { key: '4beb1f3e6f66b3fa5f38d927b98373c9c9c40b01', class: "checkbox__warning-text" }, this.alertText))))));
-    }
-    static get watchers() { return {
-        "checked": ["watchMaxValue"]
-    }; }
-};
-DgaCheckbox.style = dgaCheckboxCss;
-
-exports.dga_checkbox = DgaCheckbox;