@platformscode/core 0.0.31 → 0.0.32

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

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$7 } from './p-BEz92qF1.js';
-import { d as defineCustomElement$6 } from './p-D2bM1AEq.js';
-import { d as defineCustomElement$5 } from './p-CA1GO_hY.js';
-import { d as defineCustomElement$4 } from './p-E2Ef0hpp.js';
-import { d as defineCustomElement$3 } from './p-DNO2F1PR.js';
-import { d as defineCustomElement$2 } from './p-SLEn59_t.js';
+import { d as defineCustomElement$7 } from './p-CqwJ8os_.js';
+import { d as defineCustomElement$6 } from './p-BDBx2HQz.js';
+import { d as defineCustomElement$5 } from './p-CNmtZRR6.js';
+import { d as defineCustomElement$4 } from './p-CBcSAhbv.js';
+import { d as defineCustomElement$3 } from './p-BAH8yWeA.js';
+import { d as defineCustomElement$2 } from './p-Djb7ADJ7.js';
 
 const DgaChipUsage = /*@__PURE__*/ proxyCustomElement(class DgaChipUsage extends H {
     constructor() {
@@ -49,7 +49,7 @@ h1 {
         };
     }
     render() {
-        return (h("div", { key: '8fec3258f454d167e0ff8814303754d0a764885e', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: '505ca45d20f82e97e3a9e4186f1dd0f3ccd2728d', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: '72f1a4ab0fc27ed9f8d411b3b1ee0dbc34aa51d4', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
+        return (h("div", { key: '434ca7773cd5992c45d5a88ce7e22f4f9966188c', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: '42f826792e94ce8f63000da485910d9b332f4a60', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: '4d0b83f69356d1da6208147cf21f7a207c8b4050', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
     }
 }, [0, "dga-codesnippet-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-codesnippet.js

@@ -1,4 +1,4 @@
-import { C as CodeSnippet, d as defineCustomElement$1 } from './p-CA1GO_hY.js';
+import { C as CodeSnippet, d as defineCustomElement$1 } from './p-CNmtZRR6.js';
 
 const DgaCodesnippet = CodeSnippet;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-DLPLwV-S.js';
+import { d as defineCustomElement$2 } from './p-BUKzPxc-.js';
 
 const DgaCollapseUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCollapseUsage extends H {
     constructor() {
@@ -9,7 +9,7 @@ const DgaCollapseUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCollapseUsa
         this.open = false;
     }
     render() {
-        return (h("div", { key: 'ce45988cc189e31973289c2785bd351adcbcd027' }, h("h1", { key: 'd73ae20e4ac38dbb1ddd6276ba1a3aa1c5328174' }, "Collapse Example"), h("div", { key: '9a1b43f1f384c22d3428aadf3d19af7dbe343ed5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'aa3d3742b330872605c3c7ec42a5073eb97e2b0a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'a3381846bea7990d01306834ffa3e07f896f0853', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '08e7ae751bbf3866a45a37f241c9d8e748b36bb9', onClick: () => this.open = true }, "open"), h("button", { key: '367a2f8354b616d07ce6f8f0c64f57d8adfc0361', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: '7b5f2514c6f258b1a5b21f286d399114abe59b07', open: this.open, "transition-duration": "0.1s" }, h("div", { key: 'f358334a58500c364213da1aff61cdd8925fbef9' }, "Your content here")), h("div", { key: '666f605c04a91b66ac0013b3b3696447c16e4116', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '75a8c811d8165102d94c6c6d7dc7051eafa4ec8f' }, h("h1", { key: '36f3d120509afcfdbc137a512cbce17d857b4dfc' }, "Collapse Example"), h("div", { key: '8bf5690e3586d469542cb1bf8c8db674f22bfc5c', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c4a822a44ce931a4626b3cd40abc6cede46f8cae', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'f6e6066edc55b7ddea6e4d74466799b99f8265f2', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '5519116c21392caeeb1d59818e7fac04973e8483', onClick: () => this.open = true }, "open"), h("button", { key: 'dbf4426f54186a60c7d6e4136db839c41b032cd1', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: 'c465bda11c855d670726c7f563ed7ff95dcdd10a', open: this.open, "transition-duration": "0.1s" }, h("div", { key: '738f38aceb7247336a1a7ad675bbf2edff107ee0' }, "Your content here")), h("div", { key: '4267fa284573263f984a45a95c04fe5fed11e775', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-collapse-usage", {
         "variant": [32],

package/dist/components/dga-collapse.js

@@ -1,4 +1,4 @@
-import { D as DgaCollapse$1, d as defineCustomElement$1 } from './p-DLPLwV-S.js';
+import { D as DgaCollapse$1, d as defineCustomElement$1 } from './p-BUKzPxc-.js';
 
 const DgaCollapse = DgaCollapse$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-content-switcher-item.js

@@ -1,4 +1,4 @@
-import { D as DgaContentSwitcherItem$1, d as defineCustomElement$1 } from './p-BwCfx7I7.js';
+import { D as DgaContentSwitcherItem$1, d as defineCustomElement$1 } from './p-IQqDR9xy.js';
 
 const DgaContentSwitcherItem = DgaContentSwitcherItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-content-switcher-panel.js

@@ -1,4 +1,4 @@
-import { D as DgaContentSwitcherPanel$1, d as defineCustomElement$1 } from './p-CKuvD6R9.js';
+import { D as DgaContentSwitcherPanel$1, d as defineCustomElement$1 } from './p-C3VdvVOi.js';
 
 const DgaContentSwitcherPanel = DgaContentSwitcherPanel$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-content-switcher-usage.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-29tYD8tt.js';
-import { d as defineCustomElement$3 } from './p-BwCfx7I7.js';
-import { d as defineCustomElement$2 } from './p-CKuvD6R9.js';
+import { d as defineCustomElement$4 } from './p-BVL4p3Pc.js';
+import { d as defineCustomElement$3 } from './p-IQqDR9xy.js';
+import { d as defineCustomElement$2 } from './p-C3VdvVOi.js';
 
 const DgaContentSwitcherUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaContentSwitcherUsage extends H {
     constructor() {
@@ -10,7 +10,7 @@ const DgaContentSwitcherUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCont
         this.value = 0;
     }
     render() {
-        return (h("div", { key: '6903e09d27c812323da710c32b30d7a7c67e2aa6' }, h("h1", { key: '2dac404327f2f2259513f4902a0af1dfd8303856' }, "Content Switcher Example"), h("dga-content-switcher", { key: '3e77ad327e45df9d3090d66dd2d307d54d238f1a', size: 'lg' }, h("dga-content-switcher-item", { key: '45428c19a30312c5171e7668553537999f55677c', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: 'ce8d129c1dc1fda71c1d4327e0c68f09cb1db245', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '0367aae3341396a297c46ed57a679bebb67c5707', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'a63ee1fc31a1929be258d2d30614dddc545e819d', size: 'md' }, h("dga-content-switcher-item", { key: 'e108e0f2a04360ecfb9f716d74333cd4c10fa937', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '9d20eb19271d3240bd015dfa5d745091d519e203', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '375268ab4e6f1c490f897d488cd890e6bff01a93', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: '4a625a1fa721c34925814a1f19c1e86643f8da13', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: 'e18724ed936f1ddab4f9f4ce6acb9acb984f7043', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: 'b779698cc4246daa9a73125203fd8df79608be4b', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: 'a9a5e220e10ded846d3cff85927f4e0d4465cd64', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: 'f0155b208cedb99ff722d3b115cac0fd9c837202' }, this.value), h("dga-content-switcher", { key: '341e37fb473c68ec39c1dd11b69cc6378eb6b9f6', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: '309a4263c65ebe2445cd4ce6235d947702565991', value: this.value, index: 0 }, h("div", { key: '0c0f27a7290b9496197ee93925ae58d3f9400386' }, "Content 111111111111111")), h("dga-content-switcher-panel", { key: 'b9d4efc9f0faacc375c3a66f22886fce47a0f929', value: this.value, index: 1 }, h("div", { key: '236e2b0609da7156a9ab2767496f2841263a5334' }, "Content 2")), h("dga-content-switcher-panel", { key: '3b8adfb240522d3b3b61ad9a1346130f236f4ae7', value: this.value, index: 2 }, h("div", { key: '420703d104170f4f79f0eb9f8911f1cac7792b8c' }, "Content 3"))));
+        return (h("div", { key: 'eea558495b5f1d385f2a819af639961dd393cf86' }, h("h1", { key: '4234b166be1f37fc956b10b8609e8b53a4c58a94' }, "Content Switcher Example"), h("dga-content-switcher", { key: 'cb3b71efce2572e279afaa9cb6155ced6457cee8', size: 'lg' }, h("dga-content-switcher-item", { key: 'eeed5036984c3908fda077992d0e05d50a279861', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '529f0cdc1c5bdd8c187346e14db3fdbe77efa9fa', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '96d65cf41f8075f85729d00a49bb985fa7a36f93', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: '9ce93a4de497a23d5f670f65287b05cb760d5a7a', size: 'md' }, h("dga-content-switcher-item", { key: '8325df5870599f274e3fbfda7562c3fb260ec5e4', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: 'f9039165e5b15106bdddffd0370c5ba36b2867d1', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: 'ddd4c5c1bb1a13509b8f94fdcc6ef00f59001267', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: '8fc045dd65cc364a3ec3a02abc166a32eddde93d', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: 'ef83bda1eed6cfff47707a04c385a1cb30e84880', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '9303cf60d830f40dc53ef5e6d605b27a5d7057cb', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: 'f11f6e8ef79fac28a11cde79fddc7874c04f50d1', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: '85c2ae31f5ee725d55aeab5aa96417c61affd4c1' }, this.value), h("dga-content-switcher", { key: 'f47a39226623a0295db0f8ba3563118d9b4dc671', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: '5fe9e0620e66a1b05728ca0917968128eac51c3a', value: this.value, index: 0 }, h("div", { key: 'a4c294355980c2b803941e65e8732f8ff6cdda07' }, "Content 111111111111111")), h("dga-content-switcher-panel", { key: '597ffbaef3795399f0487a129a191c149e5aa66c', value: this.value, index: 1 }, h("div", { key: '81c2575139c5ce1f6f3b9929b00d1a0f826305b0' }, "Content 2")), h("dga-content-switcher-panel", { key: 'a2edf9093b4576644339b97c7c3aedc5d37b2177', value: this.value, index: 2 }, h("div", { key: 'e7635f88e640bd33dad80940cf052f9a698cc3a0' }, "Content 3"))));
     }
 }, [0, "dga-content-switcher-usage", {
         "value": [2]

package/dist/components/dga-content-switcher.js

@@ -1,4 +1,4 @@
-import { D as DgaContentSwitcher$1, d as defineCustomElement$1 } from './p-29tYD8tt.js';
+import { D as DgaContentSwitcher$1, d as defineCustomElement$1 } from './p-BVL4p3Pc.js';
 
 const DgaContentSwitcher = DgaContentSwitcher$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-data-table-old.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-HTssCtbh.js';
-import { d as defineCustomElement$3 } from './p-E2Ef0hpp.js';
-import { d as defineCustomElement$2 } from './p-DNO2F1PR.js';
+import { d as defineCustomElement$4 } from './p-D3SOe54i.js';
+import { d as defineCustomElement$3 } from './p-CBcSAhbv.js';
+import { d as defineCustomElement$2 } from './p-BAH8yWeA.js';
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -134,10 +134,10 @@ const DgaDataTable = /*@__PURE__*/ proxyCustomElement(class DgaDataTable extends
     //         this.selected = index;
     //     };
     render() {
-        return (h("div", { key: 'e20b62a294ad20edd1e67d5057a41c4c7917f7c7', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '25a2d102adf56ea8f485a0b6c1059cfa021ca471', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: '807a6a1906eb20310a2674aa7c66507ae36f7d4c' }, h("tr", { key: '80f7ac56f40cfcc06cf583aa3849f3d398d71e04', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.showSelectCheckBox && (h("th", { key: '4443000072bcffc5ccb59e93fb5cf0e4d07310be', style: { width: '20px' } }, h("dga-checkbox", { key: '5984553442dce3ab19a255aef82fd90e46ba26fe', showBorderOnFocusAndFocusOute: false, value: 'true', onChange: (event) => this.selectAll(event.target.checked) }))), this.cells.map((_a, index) => {
+        return (h("div", { key: '0aea08dbba4a231f060e7e92c2a7161589655cf6', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '8cb648b203e1581619efbe1c06d711e0cc605771', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: '4ed0aa1786a40b6e9d35d1151cef736522e774c8' }, h("tr", { key: 'd5257a6e2d13f5f22dcb935efd8570aa1678281e', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.showSelectCheckBox && (h("th", { key: '7b0abb88fda8f0b770adecfd55cfc9b33c63cff8', style: { width: '20px' } }, h("dga-checkbox", { key: '5c20043d645a372fccb46f2b0ff1ce68717e83d2', showBorderOnFocusAndFocusOute: false, value: 'true', onChange: (event) => this.selectAll(event.target.checked) }))), this.cells.map((_a, index) => {
             var { sort, isSort, propertyName, type } = _a, header = __rest(_a, ["sort", "isSort", "propertyName", "type"]);
             return (h("th", { key: index }, h("span", null, h("span", { class: "text" }, header.title), h("span", { class: "icon-wrapper" }, isSort && sort == 'up' && type == 'propertyName' && (h("button", { class: "btn btn--sort btn--icon btn--md", onClick: () => this.sortData('up', propertyName, index) }, h("dga-icon", { icon: "SortByUp02Icon" }))), isSort && (!sort || sort == 'down') && type == 'propertyName' && (h("button", { class: "btn btn--sort btn--icon btn--md", onClick: () => this.sortData('down', propertyName, index) }, h("dga-icon", { icon: "SortByDown02Icon" }))), header.isFilter && (h("button", { class: "btn btn--sort btn--icon btn--md ", onClick: () => this.pressOnFilter && this.pressOnFilter(propertyName) }, h("dga-icon", { icon: "FilterIcon" })))))));
-        }))), h("tbody", { key: '2433ddd2de6ab22766c00ea10589ff045dcf40ab' }, this.sortedData.map((row, rowIndex) => (h("tr", { class: `${this.rowDivider ? 'row-divider' : ''} ${this.alternate ? 'alternate' : ''} ${row.selected ? 'row-selected' : ''} `, key: rowIndex }, this.showSelectCheckBox && (h("td", null, h("dga-checkbox", { name: rowIndex + 'checkboxSelection', value: row.selected, id: rowIndex + 'checkboxSelection', showBorderOnFocusAndFocusOute: false, onChange: event => this.handleSelectedRowChanges(event.target.checked, rowIndex), checked: row.selected }))))))))));
+        }))), h("tbody", { key: '6db7fcbd212562dff96deb72dccf12283d9cccc4' }, this.sortedData.map((row, rowIndex) => (h("tr", { class: `${this.rowDivider ? 'row-divider' : ''} ${this.alternate ? 'alternate' : ''} ${row.selected ? 'row-selected' : ''} `, key: rowIndex }, this.showSelectCheckBox && (h("td", null, h("dga-checkbox", { name: rowIndex + 'checkboxSelection', value: row.selected, id: rowIndex + 'checkboxSelection', showBorderOnFocusAndFocusOute: false, onChange: event => this.handleSelectedRowChanges(event.target.checked, rowIndex), checked: row.selected }))))))))));
     }
 }, [0, "dga-data-table-old", {
         "data": [16],

package/dist/components/dga-data-table-usage.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$6 } from './p-BEz92qF1.js';
-import { d as defineCustomElement$5 } from './p-HTssCtbh.js';
-import { d as defineCustomElement$4 } from './p-DTTUyX2Z.js';
-import { d as defineCustomElement$3 } from './p-E2Ef0hpp.js';
-import { d as defineCustomElement$2 } from './p-DNO2F1PR.js';
+import { d as defineCustomElement$6 } from './p-CqwJ8os_.js';
+import { d as defineCustomElement$5 } from './p-D3SOe54i.js';
+import { d as defineCustomElement$4 } from './p-BgnFMnfB.js';
+import { d as defineCustomElement$3 } from './p-CBcSAhbv.js';
+import { d as defineCustomElement$2 } from './p-BAH8yWeA.js';
 
 const DgaDateFieldUsage = /*@__PURE__*/ proxyCustomElement(class DgaDateFieldUsage extends H {
     constructor() {
@@ -12,7 +12,7 @@ const DgaDateFieldUsage = /*@__PURE__*/ proxyCustomElement(class DgaDateFieldUsa
         this.value = '';
     }
     render() {
-        return (h("div", { key: '3b496d87fdb6f58e21d63c7bc3670a7905f7caaf' }, h("h1", { key: '914901df4b9cc8d88004029840e7111f32319104' }, "Date Field Example"), h("div", { key: '652ea31f1acdecea7698590cb91df32419546af7', style: { padding: '50px' } }, h("div", { key: '3a004e735cda3eed66b73c888727f7bcfdb0264e', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-data-table", { key: '23161a2440c0483481fc5f6df34a808b43aac2a9', cells: [
+        return (h("div", { key: '4a966af0678e0aeae7ca40589118f49d2104dff7' }, h("h1", { key: '827019410828d74f2b637573baaa82b5333df531' }, "Date Field Example"), h("div", { key: '748a2518c18cb0bf5d1b6f88eca3b7f3fd7e996c', style: { padding: '50px' } }, h("div", { key: 'b6b94257b16fd991b83ab83a70635a13514606ec', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-data-table", { key: '88c3f44778987104bee445643c1331aec4a86c84', cells: [
                 {
                     colSpan: 1,
                     isFilter: true,

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

@@ -1,4 +1,4 @@
-import { D as DgaDataTable$1, d as defineCustomElement$1 } from './p-DTTUyX2Z.js';
+import { D as DgaDataTable$1, d as defineCustomElement$1 } from './p-BgnFMnfB.js';
 
 const DgaDataTable = DgaDataTable$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-date-field-usage.js

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$b } from './p-BG5weAEH.js';
-import { d as defineCustomElement$a } from './p-D2bM1AEq.js';
-import { d as defineCustomElement$9 } from './p-YG0EfL5O.js';
-import { d as defineCustomElement$8 } from './p-Dffs8bjh.js';
-import { d as defineCustomElement$7 } from './p-f-tlb28_.js';
-import { d as defineCustomElement$6 } from './p-E2Ef0hpp.js';
-import { d as defineCustomElement$5 } from './p-DNO2F1PR.js';
-import { d as defineCustomElement$4 } from './p-TouTE2-Y.js';
-import { d as defineCustomElement$3 } from './p-Ckytlk-G.js';
-import { d as defineCustomElement$2 } from './p-B5M8Z1Ee.js';
+import { d as defineCustomElement$b } from './p-DuOjmwGB.js';
+import { d as defineCustomElement$a } from './p-BDBx2HQz.js';
+import { d as defineCustomElement$9 } from './p-BjvcvTIF.js';
+import { d as defineCustomElement$8 } from './p-BwOUhh60.js';
+import { d as defineCustomElement$7 } from './p-DbPxPB2G.js';
+import { d as defineCustomElement$6 } from './p-CBcSAhbv.js';
+import { d as defineCustomElement$5 } from './p-BAH8yWeA.js';
+import { d as defineCustomElement$4 } from './p-RIA1ddM0.js';
+import { d as defineCustomElement$3 } from './p-COMzI9j3.js';
+import { d as defineCustomElement$2 } from './p-BZVGF6Qa.js';
 
 const DgaDateFieldUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDateFieldUsage extends H {
     constructor() {
@@ -17,7 +17,7 @@ const DgaDateFieldUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDateFieldU
         this.value = '';
     }
     render() {
-        return (h("div", { key: 'e47493fd39924f450f92f9e8f68c043c12e4df5c' }, h("h1", { key: 'd4cf69d43f38b808dbb9830708c17d7912c840e6' }, "Date Field Example"), h("div", { key: '551a9f94a3071badcf01243d8b5ee3184756bd8f', style: { padding: '50px' } }, h("div", { key: 'c3a10cfbadd77ff7ba5a2e41ba4752dffad47b6f', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: '07c26c08b8c643dcbe889f40c088354996e46493', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: '8696032ed67ff748798102720aabcd78952818b7', value: this.value, onChange: (e) => this.value = e.target.value })))));
+        return (h("div", { key: '20bc43ac43eace86456e2b814688eeb2bc98cb84' }, h("h1", { key: '931f172aa52f7efb81637090c9448d34f68bc8de' }, "Date Field Example"), h("div", { key: '9c82ab0d16cb16f885d8f80a2ff14c19920e9e92', style: { padding: '50px' } }, h("div", { key: '0b5406a22a7a64e78ab9ec9cd5c1a7199a5515eb', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: '6a94d756cb6b2b8623571b89f586ec3d871be84d', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: '36c5db525e3261b1e3e1148f28d7ab756b65bde8', value: this.value, onChange: (e) => this.value = e.target.value })))));
     }
 }, [0, "dga-date-field-usage", {
         "value": [32]

package/dist/components/dga-date-field.js

@@ -1,4 +1,4 @@
-import { D as DgaDateField$1, d as defineCustomElement$1 } from './p-YG0EfL5O.js';
+import { D as DgaDateField$1, d as defineCustomElement$1 } from './p-BjvcvTIF.js';
 
 const DgaDateField = DgaDateField$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,13 +1,13 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$a } from './p-BG5weAEH.js';
-import { d as defineCustomElement$9 } from './p-D2bM1AEq.js';
-import { d as defineCustomElement$8 } from './p-Dffs8bjh.js';
-import { d as defineCustomElement$7 } from './p-f-tlb28_.js';
-import { d as defineCustomElement$6 } from './p-E2Ef0hpp.js';
-import { d as defineCustomElement$5 } from './p-DNO2F1PR.js';
-import { d as defineCustomElement$4 } from './p-TouTE2-Y.js';
-import { d as defineCustomElement$3 } from './p-Ckytlk-G.js';
-import { d as defineCustomElement$2 } from './p-B5M8Z1Ee.js';
+import { d as defineCustomElement$a } from './p-DuOjmwGB.js';
+import { d as defineCustomElement$9 } from './p-BDBx2HQz.js';
+import { d as defineCustomElement$8 } from './p-BwOUhh60.js';
+import { d as defineCustomElement$7 } from './p-DbPxPB2G.js';
+import { d as defineCustomElement$6 } from './p-CBcSAhbv.js';
+import { d as defineCustomElement$5 } from './p-BAH8yWeA.js';
+import { d as defineCustomElement$4 } from './p-RIA1ddM0.js';
+import { d as defineCustomElement$3 } from './p-COMzI9j3.js';
+import { d as defineCustomElement$2 } from './p-BZVGF6Qa.js';
 
 const DgaPickerUsage = /*@__PURE__*/ proxyCustomElement(class DgaPickerUsage extends H {
     constructor() {
@@ -15,7 +15,7 @@ const DgaPickerUsage = /*@__PURE__*/ proxyCustomElement(class DgaPickerUsage ext
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'b52ca0efce71204aed2adaf89202318f0edcd628' }, h("h1", { key: 'd3bb55b0ed385369e9e4b8c84b5ac32d228274a3' }, "Datepicker Example"), h("div", { key: '9bb4e267a566d78e1233515beae77a9de35aedc6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8b01d9914510e772ddea427795d9cb633fd85a5f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'ed93d5b6dd71651203cf68015dc6dc6daa5d5bcb', inputField: false, qickOptions: true }), h("dga-datepicker", { key: 'a14cd34017dca39a1ad597f7568df29fe20b08f2', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: '65360941d011ac7b4969a3346bcf3ec3e42f3393', range: true })), h("div", { key: 'b86ca5a1008bbce275ffbb1e2e1751e8c0f75bac', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '7f3a2a55742be2e0e71cc7786237452deb302a7a' }, h("h1", { key: '3db730e06d12e981667a4e25dc5dd22aa43aea86' }, "Datepicker Example"), h("div", { key: '9ec18fe4e87a12a5d42fbdc851932fb27b884eca', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f9f66d17ac794b89812e00fc7ce7777374dc9753', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'a93bbe1a179cdd450ada050e135c15fc220364eb', inputField: false, qickOptions: true }), h("dga-datepicker", { key: 'd9211cadb5ef2d007f1eb427e183488f1498cb30', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: '86422422aadd6b0979fe545164f6255adc6189b1', range: true })), h("div", { key: '633e85c5bac030aa8bd266af53afadef6be074d1', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-datepicker-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-datepicker.js

@@ -1,4 +1,4 @@
-import { D as DgaDatepicker$1, d as defineCustomElement$1 } from './p-Dffs8bjh.js';
+import { D as DgaDatepicker$1, d as defineCustomElement$1 } from './p-BwOUhh60.js';
 
 const DgaDatepicker = DgaDatepicker$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-digital-signature-usage.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-B_I9rZGB.js';
-import { d as defineCustomElement$3 } from './p-E2Ef0hpp.js';
+import { d as defineCustomElement$4 } from './p-pcSgLa06.js';
+import { d as defineCustomElement$3 } from './p-CBcSAhbv.js';
 import { d as defineCustomElement$2 } from './p-ObgiDZNJ.js';
 
 const DgaDigitalSignatureUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDigitalSignatureUsage extends H {
@@ -9,7 +9,7 @@ const DgaDigitalSignatureUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDig
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '6f893f09f3c57f48f60aaf2b1347dd437a0d8fbc', style: { width: '100%' } }, h("dga-digital-signature", { key: 'f76998acbf0a16ad5a88fffc4de2b7294768a00a', language: "en", extension: ".gov.sa" })));
+        return (h("div", { key: '89d7f4086bc337d5b27632bc680f04d84bcb8289', style: { width: '100%' } }, h("dga-digital-signature", { key: 'a076022d681e29f7c674185394f9cf6b7d23bcd4', language: "en", extension: ".gov.sa" })));
     }
 }, [0, "dga-digital-signature-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-digital-signature.js

@@ -1,4 +1,4 @@
-import { D as DgaDigitalSignature$1, d as defineCustomElement$1 } from './p-B_I9rZGB.js';
+import { D as DgaDigitalSignature$1, d as defineCustomElement$1 } from './p-pcSgLa06.js';
 
 const DgaDigitalSignature = DgaDigitalSignature$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-Di4geufj.js';
+import { d as defineCustomElement$2 } from './p-Ch6dcSjl.js';
 
 const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage extends H {
     constructor() {
@@ -7,10 +7,10 @@ const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'bc740b93b419ee3b10a3bb617b05bba4cd399d2e' }, h("h1", { key: 'aabadc49976d7eddd277aaa8ed59c4070ce37ef8' }, "Divider Example"), h("div", { key: 'e3d21269f94c77f1c628a8514c717badb474bafe', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8bce98d3be0f9b24fa777cdc29754115af9ee6e4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'acfad7ddae093ebfcd94caf5fd15654b003901f8', style: {
+        return (h("div", { key: '5d58a975c0a4b18d43f70bdb8027107f656d5c2d' }, h("h1", { key: '9dd62a137c79c776268c3277066b5118f6b54b5c' }, "Divider Example"), h("div", { key: 'db4f9f318152e4513e8792012321574ddd799502', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'bfb9a857fd001cbe313c662baae447205ba99fa9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'f585bb29d2d0d19d358ed27557708c62d115b501', style: {
                 borderRadius: '20px',
                 background: 'gray',
-            } }, h("div", { key: '5e85859f43a96529629bd1e8be57733859f953bf', style: {
+            } }, h("div", { key: 'b4bc85da21710237955ba669b59dc78bf8a1e3a7', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -18,7 +18,7 @@ const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'a5c3a613dc4e3c7a293ae42cabb67698318c2d27', color: "neutral" }), h("dga-divider", { key: 'c06959904187c8df1c9f5b01772792d432e1de30', color: "primary" })), h("div", { key: '4dd3cfc1a7f41458cadad9ba4a4a8a518ba4053b', style: {
+            } }, h("dga-divider", { key: 'eb08a36df8db42685d156cc84a51b46e7a2fdbb7', color: "neutral" }), h("dga-divider", { key: '643733a1687589345f09da21c852f267b0800ff6', color: "primary" })), h("div", { key: '687aca3acea63336be69283e8329de7a16b617e6', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -26,7 +26,7 @@ const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '05e4a992683c9adf6beb1dc85c33eec9d79ce81f', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '2cb98622ae4a1d8a81087e5ffd979e3327388442', color: "primary", orientation: 'vertical' })), h("div", { key: '3d12e3c11e790acb1938666330cf5fdec78be8e2', style: {
+            } }, h("dga-divider", { key: 'ba2b839c70a5c11fbc2d0f5cdf21db115c685e21', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '9333fa77017da203e86008f8f50b0adf3cb7bc40', color: "primary", orientation: 'vertical' })), h("div", { key: '45766c3892447afa1f782611ee30128436f5a056', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -34,7 +34,7 @@ const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '7f3bb282c92259b29bbce48a1a77156d6bbee752', color: "alpha-white" }), h("dga-divider", { key: '612c0f8bf659725d8a6a4893703bbccd3618b530', color: "white" })), h("div", { key: '16baa94bcec06536c8b3699e06c70f226d72dccb', style: {
+            } }, h("dga-divider", { key: '0adc9fee75820f2e1a9e143b7857585c0ef27571', color: "alpha-white" }), h("dga-divider", { key: 'cacae6e54fa3c58daf22e0c30cee115a0ea9719d', color: "white" })), h("div", { key: '76e48a90e1353d1c3e382f059f6c6ef262ac86a6', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -42,7 +42,7 @@ const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'a2ddca2b5403fbf24f9f08e75f7aa38ed2528d1c', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '1f928598988acdc734fed4da4cb808a857d1258f', color: "white", orientation: 'vertical' })))), h("div", { key: '895f06dc283a53010fc59b00158585062aca0b82', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }, h("dga-divider", { key: '9011feb8a12cc0a519013710a5d6443bb1d18323', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: 'e643a22a31cb115c8eaebf3edcb6d61aed20f0f3', color: "white", orientation: 'vertical' })))), h("div", { key: 'cabbecffa460d97897fddf3cfddbbb42fff8d60c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-divider-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-divider.js

@@ -1,4 +1,4 @@
-import { D as DgaDivider$1, d as defineCustomElement$1 } from './p-Di4geufj.js';
+import { D as DgaDivider$1, d as defineCustomElement$1 } from './p-Ch6dcSjl.js';
 
 const DgaDivider = DgaDivider$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$8 } from './p-UrztVvoK.js';
-import { d as defineCustomElement$7 } from './p-DNO2F1PR.js';
-import { d as defineCustomElement$6 } from './p-BxCO7e45.js';
-import { d as defineCustomElement$5 } from './p-CVkughjW.js';
-import { d as defineCustomElement$4 } from './p-JwyDJZWd.js';
-import { d as defineCustomElement$3 } from './p-CAXGZVIu.js';
-import { d as defineCustomElement$2 } from './p-DBV7nXW0.js';
+import { d as defineCustomElement$8 } from './p-kWvAT1Zu.js';
+import { d as defineCustomElement$7 } from './p-BAH8yWeA.js';
+import { d as defineCustomElement$6 } from './p-C39N8rw0.js';
+import { d as defineCustomElement$5 } from './p-CcVg-uyS.js';
+import { d as defineCustomElement$4 } from './p-DYfLZc-P.js';
+import { d as defineCustomElement$3 } from './p-CB9gNFv0.js';
+import { d as defineCustomElement$2 } from './p-DFmqB-_S.js';
 
 // import { IRoute } from './dga-drawer';
 const SidePanelRoutes = [
@@ -275,12 +275,12 @@ const DgaDrawerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDrawerUsage e
         this.open = false;
     }
     render() {
-        return (h("div", { key: 'a5d074d2753ac9fc296d4a554db6db8e5cf72b43' }, h("h1", { key: '254ad4bdf4e3cd53a9da3d940c06fab5cda43ec4' }, "Drawer Example"), h("div", { key: '99f0b246c03eb4e88cf57b6a51995211485c0ec5', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '626ade8402841cfce26a4a3b98c0403900edd726', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '1913594c287a448d86aa38b18305c873606ab506', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: 'f5fdcccc2a07105325da3bd0a295bb167f0ec7d1', onClick: () => this.open = true }, "open"), h("button", { key: 'd2884b8c5970ec2b7c775c947c8f52acf78e1813', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '60c090dbd4aba2c3c9438b4f39dd776aa5fb3949', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+        return (h("div", { key: '7833f5328c9d67f1fa9a19601c634715c1b07dc4' }, h("h1", { key: 'e4e2622b5d8910bd9ef42042690fcc8deca5c047' }, "Drawer Example"), h("div", { key: '1023f52df6b42ae8c544713ac0fb8c6bc45f0749', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '8a34338fa2a189f934699cfd8f4c7718749e4e7b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '9c8d4277039c7e03aec4b5d90f917851002eda91', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: '282f2dc08f484c2ab949bad62ed36662d409d1e7', onClick: () => this.open = true }, "open"), h("button", { key: '186c62dda19e065654acc62834c0265ceac7342d', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '18fa17e8f09392d80600a22f602eb2fe8df0697b', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
                 "& > .sidepanel": {
                     top: "112px",
                     backgroundColor: "red !important",
                 }
-            } })), h("div", { key: 'e67f8aa5760862ae0e05eeb561d7f301b57b16b3', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '7a0aa69fe61e96866e0d49d946d5e0ba98dfd5c4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-drawer-usage", {
         "variant": [32],

package/dist/components/dga-drawer.js

@@ -1,4 +1,4 @@
-import { D as DgaDrawer$1, d as defineCustomElement$1 } from './p-UrztVvoK.js';
+import { D as DgaDrawer$1, d as defineCustomElement$1 } from './p-kWvAT1Zu.js';
 
 const DgaDrawer = DgaDrawer$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-R0PerhnO.js';
-import { d as defineCustomElement$2 } from './p-E2Ef0hpp.js';
+import { d as defineCustomElement$3 } from './p--N0HV7P1.js';
+import { d as defineCustomElement$2 } from './p-CBcSAhbv.js';
 
 const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsage extends H {
     constructor() {
@@ -10,7 +10,7 @@ const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsa
         this.selectedValue = 'Option-1';
     }
     render() {
-        return (h("div", { key: '0a6b57e348ddc9ce5a0964865d5d2af5603f0cb8' }, h("h1", { key: 'df207a773226becdc93f531f2b1499fa61566af4' }, "Dropdown Example"), h("div", { key: '00d703c374e5b3727dc5cfaa984984d3f23917b5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8e257d0f1e1ee8b6522d231f54a9b6abf9151931', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: '53fc7829cf7bccc4013cf8110ba6a9c2441ff848', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: this.selectedValue, options: [
+        return (h("div", { key: 'c99ef4abd14f83bb99ffba3d56d63c990555b0cb' }, h("h1", { key: 'f98770aee8ed8778159925c8407f424c2c562fde' }, "Dropdown Example"), h("div", { key: '3768e6fe2f0223143b9003da3b8376e192f9d3b7', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c5cca93ae6b2b190c0998a38650ecefebb830026', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: '30a9771750c35d751e063b514ecc258f38894f51', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: this.selectedValue, options: [
                 {
                     label: 'Netherlands Antiles',
                     value: 'Option-1',
@@ -23,7 +23,7 @@ const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsa
                     label: 'Option 3',
                     value: 'Option-3',
                 },
-            ], onChange: (value) => this.selectedValue = value }), this.selectedValue, h("dga-dropdown", { key: 'e12ad71e46991a1adc6bc48c9f7e9016f9802dba', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
+            ], onChange: (value) => this.selectedValue = value }), this.selectedValue, h("dga-dropdown", { key: 'dbbf643ca91c74e0d588b9661f82b86c55372896', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -40,7 +40,7 @@ const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsa
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }), h("dga-dropdown", { key: '6b25aa37571846e3a9eab024d8210714908c3a77', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: 'f6f0e02ee967c645019669f0c6710edc45220d37', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -57,7 +57,7 @@ const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsa
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }), h("dga-dropdown", { key: '1504cdf3f7aeb48c285c00c9515c1881f3f42bfe', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: '994266b66741bdd7e48e12f0cd70fc1f145d4c13', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -91,7 +91,7 @@ const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsa
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }))), h("dga-dropdown", { key: '9eec2e8183875e424ebf805cd27b675ecbb6d99b', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }))), h("dga-dropdown", { key: 'ddf1c397c6323566d301b99ba790661e040747ad', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -108,7 +108,7 @@ const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsa
                     label: 'Option',
                     value: 'Option',
                 },
-            ] })), h("div", { key: '7447713413d02ad8b39ed86c303c59ed5def5648', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: 'f9423cd6720dd1aa65f2c3fba91dc9a52bff75cd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-dropdown-usage", {
         "activeStep": [32],

package/dist/components/dga-dropdown.js

@@ -1,4 +1,4 @@
-import { D as DgaDropdown$1, d as defineCustomElement$1 } from './p-R0PerhnO.js';
+import { D as DgaDropdown$1, d as defineCustomElement$1 } from './p--N0HV7P1.js';
 
 const DgaDropdown = DgaDropdown$1;
 const defineCustomElement = defineCustomElement$1;