@platformscode/core 0.0.22 → 0.0.24

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

@@ -10,115 +10,115 @@ const DgaCarouselUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCarouselUsa
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '6915eb2d3eb6dfdd65b63b76faeefb7e59058a50' }, h("h1", { key: '59d3586f38228067aebbd1ed288406ba9b29d552' }, "Carousel Example"), h("div", { key: '5ee1a0e862dabc3f120287a96c25c815679e129b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '21ada6c1143a493711328fba70922b6c25f56150', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: '0794f328b6c1cf721b49d49ef5ccc56f25f826f7', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: '254e0cf4837bd66e410059fcb42586390419ca01' }, h("img", { key: 'bd75b72378a34b9daad3181f3f546fd190bca86c', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+        return (h("div", { key: '582428630d358e5cefc14f096fb1ec2b85b5fcb5' }, h("h1", { key: '8da00620588dc28adaad6d94cba6400d4b379373' }, "Carousel Example"), h("div", { key: 'a22a28a305b7a3e49047325f65f2e913cfcaa0da', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'bf9d47f2907a853d20980d9959055d68b22bd412', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: '6c02f0f626c6ea7edf001cdf69fb67157110d9c6', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: 'aa7f29b97a16d4281882413a1febfe0596e32dca' }, h("img", { key: '52d7aad94135d1b54e9af052233aa3d1e30b5ea5', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: '21c183da77bd95cba46139b48e5236207e5bc253' }, h("img", { key: 'b9c9a154303a95cf959c2d32f2ff480e28e3c1ef', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'c70770d0c31922fee423a09c0f8c38f8d1bd9c72' }, h("img", { key: 'ad8c4e87bb31bea7ec23fe9eb7c514e8eaba4340', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '23abf2574240d6f984da3d582db86103182fc045' }, h("img", { key: '376c76c8acf442ebd9f63bc917ec971c8ee1988d', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'a6b85003fb0c02692e0981a86e66f7249b4e8bd9' }, h("img", { key: 'e0fab034995570080f4535132bac35a9b04e509e', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '3324c41f47ddd7471fecb132c715dc3c61ed2051' }, h("img", { key: '0cee5be3209f9175380f0be336a1c0de9f2e409a', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'e5c14f89ea896c10b7c43bda86529f2085d391fd' }, h("img", { key: 'd0cceedf1a9f9ad94a1052cfd0d44862e0d9a1a6', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '80029426787c31fa56e8015d0bc2dda2967993a0' }, h("img", { key: '7687d405cee6c7db6b600df4cc51a504418ec097', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '5ff6c318bd8f2599bf1fa3b6f3528bab8cdf95f7' }, h("img", { key: '9c20305a72bb8e3d219e2c36e2a106411c1c2992', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '22244e8fd5f984329a41db1681e6c44a5fcad9fa' }, h("img", { key: '23186345b6333bdf7ac5335e679e038ff49e2fa8', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '8109b8ee0a1b31bae3f4d501c8c6af5109c6bd25' }, h("img", { key: '3df1e5cc3d93ecd789bac45c99bf9cb3dea92b42', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '2d9e0119e25ac38a489ffcc93a230823f637a56b' }, h("img", { key: 'e9ce8f51dbda6d8e82e399302c9d4009d179bb49', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '1b9846b59f96330ef96f4b882f085b43fafebb18' }, h("img", { key: '73a9be04928a9410fb903aa5f9f5ed50eeb7732d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), h("dga-carousel", { key: 'da30987c777e3edf971e37d0c6599386dca9f00d', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: 'fd2b9895d8a6f00dc462c3887050c41a2ab65016' }, h("img", { key: '7f90a2c26654c7ac72753410cd38c711eadf6d7a', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: '750adfbdfa64dad5669ae093c79235a5c68a64e7', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: '7ae4ea8d02bffb9cb9ccec9b599993fe1703a4d4' }, h("img", { key: '627f70e82ef66aec04b4b657af247e8d3ced9b87', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: '458618595e0d1d3006e4e8a63027ff0a43b316bf' }, h("img", { key: '1c65fffabcadd7c7f3184f8f322ca867595a7671', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '236958a433f71485b65f757987a9ff146835bb68' }, h("img", { key: '00d7054d5105bda99475093ead0c542b3ebe9419', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '9450b8af3cc15549ef79f386f9a7d70841d9d8ee' }, h("img", { key: 'cc41edacc31b8509ff1a94f212545fda3a462170', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'bbb7db8fcf7cee40f7106827b57ef7a2639c7d9b' }, h("img", { key: '4309890493627d2dc433dea58ee06c1a4075f37e', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'b921ed5c4651b058818bbec5921005b7a10aad2f' }, h("img", { key: 'ea64c3b4ec2a5a7f3eed71479ca2428d89efd21d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '4424c1aa36c5e7a9d41ff0e8921dfda6ae7ce39f' }, h("img", { key: 'b872ae1acfe5f7fdc6e950467d21375d83cd6092', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '773977a6b80ae4872b246bbd4b9e361cb83c577f' }, h("img", { key: '0c6abbc3b132a6cdebd4fa9e35dcac1e461c6668', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '1260b31815427b37d41827cda14fed2602c1172d' }, h("img", { key: '46eda78e9c5a411303f089368b028910a84e4a50', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'c94f98379927758d80de3cab48817278c3529f56' }, h("img", { key: 'a254c6fca575952ad23b20ffe5923c628706e8f8', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'fb363dcd9b651fbaf31fe869a89093604d6befe1' }, h("img", { key: '95905e87afb02058e03ea60790dcb1c16fb1e247', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'ee9013a9443fd1e7aa888982eda49a852859b840' }, h("img", { key: 'd86502e422a84af0ddfc564b15b07147c0bc7b0a', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'b9c73d861051badca6783ddbf2a61bb1c2beba0d' }, h("img", { key: '52f16e292ee90d28f7dd6099919e68e956ce2aa8', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), h("dga-carousel", { key: '92079b4a3bbf64a1b18ccdb0867542934c71400a', size: 'md' }, h("dga-carousel-item", { key: 'd5e848bf1e5bf5cb36f98b01c74927dc3f1494a9' }, h("img", { key: 'e3d92a5b52da35fb6be4d55a752b7126d6c7140e', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: 'b598ccec48065dcf6c9de1d0ed0dd1f2a650ce68', size: 'md' }, h("dga-carousel-item", { key: '77bf76bd1b32d199eb9a883b7a78e5ef5baba2e0' }, h("img", { key: '09fd4b3c8d8ee9df42f2a44651983d01e65283e8', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: 'fdb8b58e9dd091286c2d63e2999d849527e01955' }, h("img", { key: 'a144251da1ac07934782a12eae9029042721a6eb', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'd75345a14bff0cef5f32403aaeb1ea4fea721e74' }, h("img", { key: '2570b1160f3da573fb4dd4f7b120aa868cd8e0c9', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '89ba204b326b333faeb7ba0142c11a8222f1857e' }, h("img", { key: '1fa77ff15c8b34bd566f030e46298ac7d5d643cf', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '1b30f1a143e56649502718b321ff5a37120a52e5' }, h("img", { key: 'dfe82d89c4a77796d4616c6f2805153b495e768e', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '8e3b12c28a386766a706c0a8df50452a96f7c10c' }, h("img", { key: 'fcfc5b1f655672faf171ecff2cbfd4dd577b194a', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '3d1995cb631b55f02b2a3ad399de07243488bb2a' }, h("img", { key: 'f52661c7530f14a059ba939b101ef3c16412b47f', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '14fca0ad368aaf048bb9f598819d136a00d7a5e0' }, h("img", { key: 'd119e9580022a4936255f9dde28070534b6b2d00', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'dc7ee8ae4646850252bfce09c826a7ae37c4eac7' }, h("img", { key: '51780e6a3fc5b19019902e7adcbc7ec41d2bf03d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'b6870ec7f4d3a9556a34d930d70bb26117222d04' }, h("img", { key: '50f950af8e516468a31f0c60e05eeb8a2854f837', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '65d051c861ef8261659e1b3783f487ae2520c3e9' }, h("img", { key: 'b07952036b3cb7ef6ab19c1637a2fb7c8cc7362a', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '8f034aa15d22270e6efcfe97f2917e5a4e2a60ce' }, h("img", { key: 'd83aa6d1d3af21c85f634ca26efc88fa30719a8d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '36625d57e8b969c01ca026d5558282973b1ffe70' }, h("img", { key: '13369e665d0f4dd243cb76e5b1145c2ea526b457', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), h("dga-carousel", { key: 'c819349678994479dde39ea9c7d208a5f99fbe6c', size: 'sm' }, h("dga-carousel-item", { key: 'bb08f180d78eeb63bc448c4433ad84efe239c392' }, h("img", { key: 'd084c48ccacd470234e88e005fd62c351d93021a', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: '4a334ab1e5f88b9e6b9d9ac0e5ed272007eda041', size: 'sm' }, h("dga-carousel-item", { key: '27b2bac062772eb647c4bc3f2a29ff85587c07c3' }, h("img", { key: 'c9043f3d0fb301bf5ea65a81fea268d90b76fee8', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: 'a710c10ef2099fbece6b3d2dafbf2a5e54c29977' }, h("img", { key: 'bcc20081555bbdb8c8ff7ee0f57a3e70585d6a7e', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '89653f7e04c18ac5367e0ad387cef11afb068fc9' }, h("img", { key: '17d461df36c4cdf4e632bc35474b0aa8aae9e562', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '5cb8510a76ba5393fb947a5a551f019992a9f2be' }, h("img", { key: '40fe72479489e6d33c05910d33209d67c0f57992', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'c96fae61c6b2b18e6bb616eaab99ab160fa0e639' }, h("img", { key: 'd21022723b14b9239e6ae084fbd995c91e904a89', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '8c1e725de20daecd0b54046e4b32bb2854288f98' }, h("img", { key: '499a267453ec7edcea54629382c2426a77be40ec', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'ff327db72814b4459a6c4c76d7a23e34bb205f8f' }, h("img", { key: '9c8d0744e1a1cda30112a7f1024c821847da151b', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '288d80614bbfca08bee78569e0c1ef5fd8978433' }, h("img", { key: '64ae6b525917ac8465dace5bd73aa3161f6fab68', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '79ff1b259a0e17f065c467eff1df8d2dcdc9961f' }, h("img", { key: 'ac11aa4510beb44c90d3010d2193804a51b38cfd', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '047db5004e07bb320102765baa1a3c80f7b47e45' }, h("img", { key: 'b19fb201094ad2bfded56aeadca58f9abcd1ee0d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '3d989fbf7866b509802afe515aba27ce36bc4439' }, h("img", { key: 'c98db22218ea6123825de278cb92ded7d9c81535', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'b2e6f2a4ad139ddb4c4b76c7235259007eafa74d' }, h("img", { key: 'ac5f463faabee5fb70924a6d0e5651aee604fd7d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'c5ff6945433af13dc93abfe3f771fe565d4f5b3e' }, h("img", { key: 'e2b35aa61aea2fdfe3810dc287a654d05be11e9b', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })))), h("div", { key: 'b28279e1d57ec9a8a0468a3d17f4a56de0528e75', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })))), h("div", { key: 'fc8181fb175943d0c7843289db575efbf7eb41c5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-carousel-usage", {
         "variant": [32]

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

@@ -7,7 +7,7 @@ const DgaChartUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaChartUsage ext
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '251863b38ced5a16b588c2d8c5bd14d426347af2' }, h("h1", { key: 'ada634a10abcaf6cf808570732d7ed13d964cb08' }, " Chart Example"), h("div", { key: '341f980356d923abaa3aaa454647141d7ffa4628', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd6700348dc4c14dd8323fdc5374ef73a92fc9788', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: '9754eee0bbb9c495bb60545d5d57ad4df63902ac', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '030211f353af55fc0ad3591b6a7dab7e7dc0dffa', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: 'dd5ed83973ba87add367c149d2af805eff813f46', type: 'line', series: [
+        return (h("div", { key: '6782b46d5d94dbef73cd3d7efa459d80a6f2c60b' }, h("h1", { key: '77b20c311f1ce56a2e07ce7541043801ae927c91' }, " Chart Example"), h("div", { key: '1858540b074ec4e6afa2eafd0ed1f0fead22701f', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd676ee4417bbd633d937d2cc977e020badcd78ec', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: '1bc267ccfcb8ed4c65504c6580523d8b1093538a', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '0badbc95ffcd3a3ce73f0515699368d3f0408349', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '930df64e46adfe198bb736c03797b78ac06a98ad', type: 'line', series: [
                 {
                     name: 'Series A',
                     data: [1.4, 2, 2.5, 1.5, 2.5, 2.8, 3.8, 4.6],
@@ -25,7 +25,7 @@ const DgaChartUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaChartUsage ext
                 title: {
                     text: 'Active users',
                 },
-            } }), h("dga-chart", { key: '70677da9c87b7ce6e1a40c102c005c9cec122966', series: [
+            } }), h("dga-chart", { key: '49695606b0c563c6d7de845e621fdae33963dd0e', series: [
                 {
                     name: 'Series A',
                     data: [44, 55, 41, 44, 55, 41],

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$4 } from './p-DcM7Gx13.js';
+import { d as defineCustomElement$4 } from './p-MkqVF8E3.js';
 import { d as defineCustomElement$3 } from './p-DW8Z5VKe.js';
-import { d as defineCustomElement$2 } from './p-BhMJM55d.js';
+import { d as defineCustomElement$2 } from './p-B_Z3JGj3.js';
 
 const DgaCheckboxUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCheckboxUsage extends H {
     constructor() {
@@ -10,7 +10,7 @@ const DgaCheckboxUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCheckboxUsa
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '56163f2fda60f3c206b3f7de93446d3e35a45d9c' }, h("h1", { key: '114f972ad802afcc91dc04edab9ad878ee60976c' }, "Checkbox Example"), h("div", { key: '00cde1323aaeb647797da8eba694d23090080967', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '53b11f8145c45cfbd34dc2b3a0585e0aed0cb509', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: '7b7ca866cb37437f2b74c68d91fbc669225d49f5' }, "test"), h("dga-checkbox", { key: 'f5b60880c301b3b2d1753fabb585abefea48e92e', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: 'b8e06e61af636fd53de5a5d86ee38be559d6a0eb', size: 'lg' }), h("dga-checkbox", { key: '4d6a3852580d3e8afe9aa73a9bd326e1713d2c53', size: 'md' }), h("dga-checkbox", { key: 'a44152a97a3ae751d77b9b01aa2d3da0262a1135', size: 'sm' })), h("div", { key: 'ffcdb249289b47397571368df6a66848c7761c6e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'a4bbbc11f15870ed8198fa1e0b160734bec69342' }, h("h1", { key: 'e916bb61ad063460a7db4afe9f410b39ef1a19ff' }, "Checkbox Example"), h("div", { key: '1ab8917004d2f0be6fe7b9ffbc1a566759c845ba', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2aedd50f09400a8f641dabb9bd7a60517725e15e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: '08c1e38e69a35cd453c04ee7afbb34aca214bfec' }, "test"), h("dga-checkbox", { key: 'c16db5486696d866adc0e92c344942b258a2d397', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: 'd105d047424898ac970184b152215b09732313de', size: 'lg' }), h("dga-checkbox", { key: 'b253deca42aa7b85574b462a66a2df7a80b1a6be', size: 'md' }), h("dga-checkbox", { key: 'cc80051dd9f87ba9871b32d91877e22c801f2cf9', size: 'sm' })), h("div", { key: '26a4482cbbf62fd1b5511285dc48bdfe5da13534', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-checkbox-usage", {
         "variant": [32]

package/dist/components/dga-checkbox.js

@@ -1,4 +1,4 @@
-import { D as DgaCheckbox$1, d as defineCustomElement$1 } from './p-DcM7Gx13.js';
+import { D as DgaCheckbox$1, d as defineCustomElement$1 } from './p-MkqVF8E3.js';
 
 const DgaCheckbox = DgaCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -9,14 +9,14 @@ const DgaChipUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaChipUsage exten
         this.isSelected = false;
     }
     render() {
-        return (h("div", { key: 'e2d225a2801726b6456f5be41073c08a5b48fa48' }, h("h1", { key: '6ee8d1e2653486796496f2250788c89488f8b35f' }, "Chip Example"), h("div", { key: 'd8c8a9742bd05b149333fcb00a94cb7a27e468a1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '198f4a3b86be3267cd4f7066e5a1012d3de6c697', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: '2a5307184fc70b7f1935d51bf6fd5c0d0e59f97e', label: "Label", variant: "neutral",
+        return (h("div", { key: 'fa24bf6a7f39c689f703bee39d38ca8be1faf006' }, h("h1", { key: '8efa9e5ee6207f1daa3c11c44a29ff1a28805972' }, "Chip Example"), h("div", { key: '71fa566b499ac4b6e3934868449f12a2021033de', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6f1fe89f922dd28625dae2e0d926ccbde29c8500', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: 'a64847882eba85ceb72d15246919fd433498e90f', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), h("dga-chip", { key: '7fc8c570a153e459cfbc4169643ca7d686230444', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            rounded: false, size: "lg" }), h("dga-chip", { key: '7f9a0fef23e0b24b5f483db16ec92823b01d9b66', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
                 this.isSelected = isSelected;
-            }, isSelected: this.isSelected }), h("dga-chip", { key: 'e99a0ef22b1983c9e570f33fe9fe8f738bbfa040', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            }, isSelected: this.isSelected }), h("dga-chip", { key: '3ee8dbd1a80bc66555c11e35602f0b4bdf5aef2b', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
-            }, isSelected: false }), h("dga-chip", { key: '32ea3c8eee86419f506a6e18a28d5e677251f00f', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: 'ee7fcb4c01cea9cf6079785cc70b2fcfb5852261', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: '98265afd695782f9df43a3fe1845589ee6d6257d', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, isSelected: false }), h("dga-chip", { key: '5222b316af29b63eb50d154310f8ce015e636499', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '404050e72b5d29e211caa3a14b5ce6f851c06f6e', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: '9531bb8df8eeb3a0cd06daa45f0a71c54fc817ff', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
     }
 }, [0, "dga-chip-usage", {
         "isSelected": [32]

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

@@ -1,4 +1,4 @@
-import { C as CircleSkeleton, d as defineCustomElement$1 } from './p-DXuYpc5c.js';
+import { C as CircleSkeleton, d as defineCustomElement$1 } from './p-DgwVb-Om.js';
 
 const DgaCircleSkeleton = CircleSkeleton;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-circular-progress-bar-usage.js

@@ -12,7 +12,7 @@ const DgaCircularProgressBarUsage$1 = /*@__PURE__*/ proxyCustomElement(class Dga
         this.percentage = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (h("div", { key: '19083242c99569d3f31cb9c345c2fcc99b8474d9' }, h("h1", { key: '9bc1a9741a8e6cd07285c52f486caa79d4b09f02' }, "Circular Progress Bar Example"), h("div", { key: '5a22a0285dd04904d1f7f70a950ce1cb5059721b', style: { padding: '50px', gap: '20px' } }, h("div", { key: '113b3eba51bc9a357fd9ca068f84d189d1d62868', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-circular-progress-bar", { key: '7c9de94c11b432c3cee56ef8f5e3ab87cc2fa24d', size: "200px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'cf53d1d424c233ab19b3e30c7dc8d7536565f822', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '3b23219ad9bfb417587ae08bfd03416426ffa9d7', size: "120px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '03100d26597de8a10116f39ee9ecac22fef2f461', size: "80px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'd514a68d9f1c0e8c7730408aabfc36f4071f925e', size: "64px", percentage: this.percentage }), h("div", { key: '58a219990c222990820ce1648064a236f94af46a', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'f72a6f18ddd420c891ca428efb91f1bdd3cd119c', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'de1766715f307505d48b595cc1c672d0dd633bf3', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '6b9b2ea80f070f022dee6216bfa145c7c3ec9b91', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'e82f3bbec889dcfdfd7e046a639500ee200140ed', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '1adde13031fbc6ab24cc3be920161102c624be4d', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), h("div", { key: '97a35540bf6fa5b942567883ec985703a121fdba', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'e1ef99f0154c1f795eed7d4c9e0478ddc88cc258', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '767dea59f974cc4f8453043d82cba04c1dfa8ad6', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '00c029956bc39322c7bfb4854feb4db0cfc21234', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '1398d2703deefadca7a5c1388d1d9f0aee22bd5b', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'd5818793d0d155e609cd2bfe8d0f3cff88249f38', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), h("input", { key: '4ae6fc67fa89011ef93b831fa2b34b852b622e15', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), h("div", { key: '8d159de9223e0c60cd35b6b9ea2af005ff97e820', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'dc29f6fd49e8986714415457692af655d89c6234' }, h("h1", { key: 'd62fede9215b9c4d7f46d73f9bd3e65ed75b577c' }, "Circular Progress Bar Example"), h("div", { key: '5c9d81a059432b2575055bce4efe7f9df8934ce2', style: { padding: '50px', gap: '20px' } }, h("div", { key: '5e92a9cef70773d0b4675e86809bb10dc5e475b6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-circular-progress-bar", { key: '18069af427ea68d4be752e410c8aa1c1ad30f76d', size: "200px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'acb031d25b3c1473cec2d0382cd8218e445b1fe7', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '9019a713d5c06e4f0006f94ecc3b37c4dc048f04', size: "120px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '400da04b4c8944f970288398f4e4ad04ee246aa0', size: "80px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '10fe2530b0bc5c9a0358a5ce33b40794a5640368', size: "64px", percentage: this.percentage }), h("div", { key: '3bc902cc2016313535d5198dc1e2e86bd98acbd5', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'd43f642096970cf3eeb0756fd0fceadd7072d34d', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '3686f09d5112a750d1eaf76b761f35920f0fae7f', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '8a04cebe301d59a4e3e24166fe73d4e338b63361', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '3d8c0f20984b39b5b54f0a056a093e1f347b4ab3', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'f7ffc8e2c40f34dab58810fe9880f9ed8c36ae30', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), h("div", { key: '0a3024935beec7bcfdc3bb02a9250ccc75cbf1dd', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '1255a7fe0a53ba6f9e4ab6b5d8ceceb498e3564e', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'fc6054b104f77255a4bd0cfa911afcb1b5366243', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'eefc12825ae8a49fac6f935ccf7d6a850e2f945b', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'd78edb2aa71536b6c67c000753f0d324e481689d', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '5892c6936545935e1a16144ec780f3f851a452d9', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), h("input", { key: '6608e92cbe9aebc9a8367b4c32c75fda1de4a558', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), h("div", { key: '7f179162acb45faa8a35c515e2b95b732169cdaf', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-circular-progress-bar-usage", {
         "percentage": [32]

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
 import { d as defineCustomElement$7 } from './p-CJF_qV2e.js';
-import { d as defineCustomElement$6 } from './p-C7yfDgAv.js';
-import { d as defineCustomElement$5 } from './p-R9hi020E.js';
+import { d as defineCustomElement$6 } from './p-C_XFD6hQ.js';
+import { d as defineCustomElement$5 } from './p-DcVpd8Li.js';
 import { d as defineCustomElement$4 } from './p-DW8Z5VKe.js';
-import { d as defineCustomElement$3 } from './p-BhMJM55d.js';
+import { d as defineCustomElement$3 } from './p-B_Z3JGj3.js';
 import { d as defineCustomElement$2 } from './p-DhvEionh.js';
 
 const DgaChipUsage = /*@__PURE__*/ proxyCustomElement(class DgaChipUsage extends H {
@@ -49,7 +49,7 @@ h1 {
         };
     }
     render() {
-        return (h("div", { key: 'd080376608a09bff0958ab5c4ecee6c4aecff8a1', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: 'b5362a84a5f3ce0b504ee5481919c5927e33a48b', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: '11ee75189720ff3d8d71e2c688493e2281ee22ee', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
+        return (h("div", { key: 'c287c7506e476c78414a3b64105f1a03841d1a3c', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: 'b1789ee4667c1144d950f5ae564442c5f0659230', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: '0e4dc81903be966a9663339c5472a0b7c7b49221', 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-R9hi020E.js';
+import { C as CodeSnippet, d as defineCustomElement$1 } from './p-DcVpd8Li.js';
 
 const DgaCodesnippet = CodeSnippet;
 const defineCustomElement = defineCustomElement$1;

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

@@ -9,7 +9,7 @@ const DgaCollapseUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCollapseUsa
         this.open = false;
     }
     render() {
-        return (h("div", { key: '4399002a934dfcee6f725f8fc1db7b922b6c6692' }, h("h1", { key: '7cf6a321fe50e80e232f97e4861a9ce2b668143e' }, "Collapse Example"), h("div", { key: '22be5e9962c42b49fd4ff5a10cd3b982a2c668c5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c93fad60861e0d4acd2b83c6e5836983803b5dc1', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '36e21fe725ec1d2d5ce58f5aed82b8fd1216b144', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '019bbc5bb2c78406cc5ace0f5b2fd0e60db09e28', onClick: () => this.open = true }, "open"), h("button", { key: '4c18604ebfff10f0f8268616fbfdefb0b1322a54', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: 'aa564014e0b790045f64c2f8bca8bc08c5105661', open: this.open, "transition-duration": "0.1s" }, h("div", { key: '8c0d21c88e3b8988d37816626a634cea2f61ee37' }, "Your content here")), h("div", { key: '7df5698bf34140006a03839b5b44a24f3dffbddb', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'c1bd48b5c584c9f6d164c626c69a5237363d0043' }, h("h1", { key: 'fb53b112d91c1288e3f33676e00f4119a8d74eea' }, "Collapse Example"), h("div", { key: '3ca90e2840bd2583dcdf287f37cca5dbce5779a1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'b909e77505fddd2f1d204c9df0c2c5739ee3f74f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'e35e8daab5c7fc02ae9223c34ef25e6409ae6f4d', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '85056ab14edd0b575141e04522a73afb469f3343', onClick: () => this.open = true }, "open"), h("button", { key: '04b2a650f6208e20758f2f460b417d7032c7b411', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: '67b8357487e32da8ddc8313c6ab4f43c0a364722', open: this.open, "transition-duration": "0.1s" }, h("div", { key: '647ac446251d3c17eaa217128a6eda9603519f8c' }, "Your content here")), h("div", { key: '5403c48817b74cde58f1a14230cb5b337f43ca01', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-collapse-usage", {
         "variant": [32],

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

@@ -10,7 +10,7 @@ const DgaContentSwitcherUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCont
         this.value = 0;
     }
     render() {
-        return (h("div", { key: 'dd0fc07242d14c45d8a16381a7c577416ea790b6' }, h("h1", { key: '2d670a618f4a7b19f8dec3a676a252082d6079c2' }, "Content Switcher Example"), h("dga-content-switcher", { key: '747c20dd82b88d5a35aaba865c41429144632916', size: 'lg' }, h("dga-content-switcher-item", { key: 'a2d8dc00ee027f0667ac23324e56d787cef8fd67', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '57eda517d60bbea4d463a09c5bec03a2692a6296', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: 'f0f3113e0d6b98ab06718818b10caf07b5175fa3', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: '30759945ecd56880c686edde4919425381ffc7bf', size: 'md' }, h("dga-content-switcher-item", { key: '891e5f743b8acec852536eda1f6d54ca6a8d675a', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '4177d00cbc520fdeab708038a910928ae27b31db', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '1ec98304b06d2aa2b69eb384ed039ac4a4fbc127', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'acdc95d228e86886bfa22a80735a4862377a4f9f', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: 'e278c54f3930234dfb30277f7065d1d188d44b45', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: 'e8c1b987ed85d96b77e937331b76a7a653209701', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '13f5e0cba84e3b5053eb130b2f34d6c8475f3d5a', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: '4cd1c8bbd824306b091f5a3e33494a9d839a46cb' }, this.value), h("dga-content-switcher", { key: '52b352d7f9768428d031ef11db997c23e9f90d35', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: '9be8f50b9be20f515bc5871c8c2a744f535ed029', value: this.value, index: 0 }, h("div", { key: '56cac3e7dea553e3b03ff3a945becc0da4dc7675' }, "Content 1")), h("dga-content-switcher-panel", { key: '821b260ef23ea167af3f6512773686b6cb5f379c', value: this.value, index: 1 }, h("div", { key: '2bb12caa92b2fade95463019d8806bf16e57780d' }, "Content 2")), h("dga-content-switcher-panel", { key: 'b046a6b6abb6b334796c988bcc48d624a4224b1b', value: this.value, index: 2 }, h("div", { key: '1e5130d5e07abbfce9061fb682b3fe49656639d5' }, "Content 3"))));
+        return (h("div", { key: 'd80a7c0931a86d3f9a07580ba43465eed8059a49' }, h("h1", { key: '051c0e76d04de99f2415769809a870a20fff3556' }, "Content Switcher Example"), h("dga-content-switcher", { key: '143ac7b73601450e9879a42eae46920cfb985b19', size: 'lg' }, h("dga-content-switcher-item", { key: 'b1842e32822fda9814aa514310651f56d3adf922', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: 'c543ef18319eb84deadce450dd033e12dcf1c5fd', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '06d8ea34dec86d301ca052c0c291a847a6176d00', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'f36165210d4a8cb65bb66e41124fe9935855cab0', size: 'md' }, h("dga-content-switcher-item", { key: '55cdee47267150b98b65b73946dd04668bdee149', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '88412421709297bf01000a15f13cc4e530e2150f', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '291aa6450b2d09dac6d937f90e3dcee13641234e', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'afdf0f8ca98e6f758e0b78b08c34fe15c25cb620', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: '4c81d7f7fbbbaf4afeabd2b9290525c3a77a3c00', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '9f066b13adf995e2376cf95b28cc425835959a84', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '7a01a7a073157ed2623e48e6228151272a879fe4', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: '1957a3dc4d537439d91450aa91133a83876eb701' }, this.value), h("dga-content-switcher", { key: 'b22f9ba1535bd0d6fde6327ad1c3a7a692386a80', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: '37317f2e8b90a9aea55d865c4363d6a3c65b6af1', value: this.value, index: 0 }, h("div", { key: 'c0e9f68d4f3e15cc8c5abbd362c9294ad69c3571' }, "Content 1")), h("dga-content-switcher-panel", { key: 'c345d503878974c947cb5ad5fa7e6c179e7954d4', value: this.value, index: 1 }, h("div", { key: '6f35172e4017a0c894b541996af055bee7110326' }, "Content 2")), h("dga-content-switcher-panel", { key: '68ed45baf68565ff29f0aaff571f7e6a31487dc2', value: this.value, index: 2 }, h("div", { key: 'bb445f8e961d7c873d21aaed2754c5e57f95d933' }, "Content 3"))));
     }
 }, [0, "dga-content-switcher-usage", {
         "value": [2]

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$4 } from './p-DcM7Gx13.js';
+import { d as defineCustomElement$4 } from './p-MkqVF8E3.js';
 import { d as defineCustomElement$3 } from './p-DW8Z5VKe.js';
-import { d as defineCustomElement$2 } from './p-BhMJM55d.js';
+import { d as defineCustomElement$2 } from './p-B_Z3JGj3.js';
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};

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

@@ -1,4 +1,4 @@
-import { D as DgaDataTable$1, d as defineCustomElement$1 } from './p-CL8TJg6R.js';
+import { D as DgaDataTable$1, d as defineCustomElement$1 } from './p-DzjN29xW.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-BhqVmlhr.js';
 import { d as defineCustomElement$b } from './p-BfkakbtL.js';
-import { d as defineCustomElement$a } from './p-C7yfDgAv.js';
-import { d as defineCustomElement$9 } from './p-TP9HolCi.js';
-import { d as defineCustomElement$8 } from './p-q9cfxS6K.js';
-import { d as defineCustomElement$7 } from './p-DwRky_E6.js';
+import { d as defineCustomElement$a } from './p-C_XFD6hQ.js';
+import { d as defineCustomElement$9 } from './p-DEQPmXvU.js';
+import { d as defineCustomElement$8 } from './p-D9fkQO4u.js';
+import { d as defineCustomElement$7 } from './p-AIPRpVKr.js';
 import { d as defineCustomElement$6 } from './p-DW8Z5VKe.js';
-import { d as defineCustomElement$5 } from './p-BhMJM55d.js';
-import { d as defineCustomElement$4 } from './p-UFnF4HK9.js';
-import { d as defineCustomElement$3 } from './p-DF2idz5F.js';
-import { d as defineCustomElement$2 } from './p-DY24uSdu.js';
+import { d as defineCustomElement$5 } from './p-B_Z3JGj3.js';
+import { d as defineCustomElement$4 } from './p-CnjhJNYy.js';
+import { d as defineCustomElement$3 } from './p-CMbBK-7v.js';
+import { d as defineCustomElement$2 } from './p-CLrje1bg.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: '450ce3458ca7887dc925b18c86495c0c1dc9af11' }, h("h1", { key: '2c4e18f70b070fe7d7bd2341137de8043f2b7eea' }, "Date Field Example"), h("div", { key: 'f5d82d5fd9d95540203987351e98af44a0fbcdf3', style: { padding: '50px' } }, h("div", { key: '9c1f31e8976fd77f746702e1d8960902f9a8e408', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: '118cda8800207f45948a704ad6df58b15246de9f', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: '2503b0de5c28a830d527aa2085b7c7bf76126eb0', value: this.value, onChange: (e) => this.value = e.target.value })))));
+        return (h("div", { key: '579eff107c257cfb88ad934c91da0493ce343955' }, h("h1", { key: 'ccfb6ef838681c31813bba269a0589bf532c0e36' }, "Date Field Example"), h("div", { key: 'b9c7948a27e9a5883cc5fa24b0167409fd64d3d7', style: { padding: '50px' } }, h("div", { key: '186affb8f8abd1b1cda6225f0a724f698ad330d8', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: 'e5ba4a4defd937d0d01e5cd40851c9af2d991410', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: '61c1a71f9a1bb226fc80a29e14dda969364fff35', 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-TP9HolCi.js';
+import { D as DgaDateField$1, d as defineCustomElement$1 } from './p-DEQPmXvU.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-BhqVmlhr.js';
 import { d as defineCustomElement$a } from './p-BfkakbtL.js';
-import { d as defineCustomElement$9 } from './p-C7yfDgAv.js';
-import { d as defineCustomElement$8 } from './p-q9cfxS6K.js';
-import { d as defineCustomElement$7 } from './p-DwRky_E6.js';
+import { d as defineCustomElement$9 } from './p-C_XFD6hQ.js';
+import { d as defineCustomElement$8 } from './p-D9fkQO4u.js';
+import { d as defineCustomElement$7 } from './p-AIPRpVKr.js';
 import { d as defineCustomElement$6 } from './p-DW8Z5VKe.js';
-import { d as defineCustomElement$5 } from './p-BhMJM55d.js';
-import { d as defineCustomElement$4 } from './p-UFnF4HK9.js';
-import { d as defineCustomElement$3 } from './p-DF2idz5F.js';
-import { d as defineCustomElement$2 } from './p-DY24uSdu.js';
+import { d as defineCustomElement$5 } from './p-B_Z3JGj3.js';
+import { d as defineCustomElement$4 } from './p-CnjhJNYy.js';
+import { d as defineCustomElement$3 } from './p-CMbBK-7v.js';
+import { d as defineCustomElement$2 } from './p-CLrje1bg.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: '647b15409aec9c81d835953d8423e6d45eefe0f9' }, h("h1", { key: '29c4367a75697ba70dff1868e9658be44fcdc850' }, "Datepicker Example"), h("div", { key: 'ede0e4f6a168595d79c4433931f55d9d0307ffbf', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '28829ad29122808b79ccac94c7b5e2514fb12ed0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'f6600929b6480c4a16a7b99ba8caeb49b2684d73', inputField: false, qickOptions: true }), h("dga-datepicker", { key: '749c6832078e8fdd4546f0b368742c0309bd30e8', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: 'baa1a8072c00c3b936516582888f06f80fd7dcaf', range: true })), h("div", { key: 'ae137a5d0f9945df082a970b500c60cb02874f00', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '40a9345d23539c0ba478ab880b49c3a7a505d2b4' }, h("h1", { key: 'ce5a211792045841ca6b40678388b4045d90613c' }, "Datepicker Example"), h("div", { key: '50f849cd0f98f080cabb9caaa253928b44b37361', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '27dbcaf96038381448f7762d5396914e4667f2c6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'c568185b2ed00f334d61ea43476a6f0bf16d3319', inputField: false, qickOptions: true }), h("dga-datepicker", { key: '93070e9f6cdd333da7d24cc74740a9eb16384ad5', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: '4b6c0d5b026dfca8a8cd9483efabb30d01887e7d', range: true })), h("div", { key: '31170bfcdb4c2819d02dc1ef1fe316dd03bb250c', 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-q9cfxS6K.js';
+import { D as DgaDatepicker$1, d as defineCustomElement$1 } from './p-D9fkQO4u.js';
 
 const DgaDatepicker = DgaDatepicker$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -9,7 +9,7 @@ const DgaDigitalSignatureUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDig
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '50172e83a9773d29c1d193bc319e17db11f64879', style: { width: '100%' } }, h("dga-digital-signature", { key: '98441ba71686326c8f033410ec024165993533f0', language: 'en', extension: ".sch.sa" })));
+        return (h("div", { key: '9767887e2e0f7ad1e43e851e056995a342532d2f', style: { width: '100%' } }, h("dga-digital-signature", { key: '7c2711a0e19d961c6ccc626b646c91a44e86e7db', language: 'en', extension: ".sch.sa" })));
     }
 }, [0, "dga-digital-signature-usage"]);
 function defineCustomElement$1() {

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

@@ -7,10 +7,10 @@ const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'f6d54ba131e46f0889480fc7c8e1fc2020aefad8' }, h("h1", { key: '2b930f9a9af4dac3ed833c999f5a6f0cb9b9b6d6' }, "Divider Example"), h("div", { key: '344a746c07c4a37bec1572521deea23f28fbcc50', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '744d78124805aeed45cf288c490c84ef89cf9983', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '7285f0ad9da531629ec50b7677de937b9fb9b85b', style: {
+        return (h("div", { key: '49f9507536b10e5abbd2b679edcce689c64d5675' }, h("h1", { key: '5d6b527869423aa820b7d9739723f8116c80aa29' }, "Divider Example"), h("div", { key: 'c81e50163cdd832e46b7d9d2a616016cd48f3fe5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '058f77a7595148b51b0be6de7b9268835c649184', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '241f2667fd96094578a4a857c8e72c5c85c011b4', style: {
                 borderRadius: '20px',
                 background: 'gray',
-            } }, h("div", { key: '74055239947ba2e89d9d2874bafa792f5ab25ffa', style: {
+            } }, h("div", { key: 'db5f4b5889f17850adc8df1b2d2602840c60e400', 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: '3cae78bc10ce36a59ad64cceaa95ad65f57644da', color: "neutral" }), h("dga-divider", { key: '9faa673a3e6f1192be3ad18ae7caf5882ec94e8a', color: "primary" })), h("div", { key: '48c67a47b497b5558f1fa9885139de7c434fbabd', style: {
+            } }, h("dga-divider", { key: '7f2868834b5d44e4ec623eedd96954e8fe6eb721', color: "neutral" }), h("dga-divider", { key: '98b1526df6dc1fc530e3d0d05f38772133b04a43', color: "primary" })), h("div", { key: '34597e05eb3d9d059809b94695d03abd75794c3d', 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: '1021a863a0b2747f3d3662a855d4f66bd76720d5', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '0d674308b1bc2d43bae036e4d4c361470972a12d', color: "primary", orientation: 'vertical' })), h("div", { key: '8b9b2017af69eb9c5c04960e91eb8ba9bf9259ff', style: {
+            } }, h("dga-divider", { key: '9537f4874a8c0f5439bb1b26887201318621c6eb', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: 'af506634c13ee01d7f439bfa9a1c6a419df74dfc', color: "primary", orientation: 'vertical' })), h("div", { key: '755a21e6e4746b937b42cf80fb0febe7e8c37718', 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: 'e8bd3aac56672f72e6a9feee688fb44816865224', color: "alpha-white" }), h("dga-divider", { key: 'fddf2c178e70125ec66a00a0d1a8c45e5ddb5be6', color: "white" })), h("div", { key: 'd9df93b0f74af1814d502eb290e4ca3db6dcd268', style: {
+            } }, h("dga-divider", { key: '83e898d956f6c1c7c4d4f67c74b1435861728ea7', color: "alpha-white" }), h("dga-divider", { key: '452e3b30f0b4aa3b909f3c995194a2ea98b41049', color: "white" })), h("div", { key: 'ed4de02ebb3d9dde1c3db38cceba262cd71783ae', 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: '837b37856ae56f1fb6f1383f7ff0e871d0ee6709', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '862158f16a92e67dbb384ab110a6a0beb4e1d613', color: "white", orientation: 'vertical' })))), h("div", { key: 'b8cedc38af3136d324e10d9b54c555747ae3ef9c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }, h("dga-divider", { key: '412f3f7232be29898d8fb0921b32c8f1a72566d5', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: 'effc4c4743b569fc93d1ff48446f0adb5931552e', color: "white", orientation: 'vertical' })))), h("div", { key: '75e4f1e55d06dd6f28d4f11edad4d5783abfc32c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-divider-usage"]);
 function defineCustomElement$1() {

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

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$8 } from './p-D_shOuLq.js';
-import { d as defineCustomElement$7 } from './p-BhMJM55d.js';
-import { d as defineCustomElement$6 } from './p-CX-sL3gv.js';
-import { d as defineCustomElement$5 } from './p-DECvmZwt.js';
-import { d as defineCustomElement$4 } from './p-lazQ4AtH.js';
-import { d as defineCustomElement$3 } from './p-Db9Ru6Zw.js';
-import { d as defineCustomElement$2 } from './p-QPNwkfMH.js';
+import { d as defineCustomElement$8 } from './p-DNelgyVk.js';
+import { d as defineCustomElement$7 } from './p-B_Z3JGj3.js';
+import { d as defineCustomElement$6 } from './p-iwn_ztzJ.js';
+import { d as defineCustomElement$5 } from './p-C34ByrAh.js';
+import { d as defineCustomElement$4 } from './p-BUc31L1P.js';
+import { d as defineCustomElement$3 } from './p-jaPZroVw.js';
+import { d as defineCustomElement$2 } from './p-CKca8hai.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: 'b680919ba9b1b5ca4f616cb81fc9332930f6ccb4' }, h("h1", { key: '96e404ca36f89f934c3757ec1af81f02d621a5bd' }, "Drawer Example"), h("div", { key: 'bbe3fefbf22ffa50c47682deb7ff35afaa95f9ef', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '95a0b851ce5822a71cdb7a925ca9c4d00df31fa2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '68aa04fc1f89c411c5b1ebe555f4cc012328c341', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: '903ede834d9db12b2e24cbb5dac2d306902be492', onClick: () => this.open = true }, "open"), h("button", { key: '5cd7aa92f0d6dafbc4d2ae4319de216b2fbc76a5', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: 'db2c3ecbff9e78cf1a3ae9355d1d9a34cf3d506f', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+        return (h("div", { key: '234f8892b6e7e6983c9cf9da164ecc08089e57ca' }, h("h1", { key: '32f0977b9c97c010a1515f79439650129b04611e' }, "Drawer Example"), h("div", { key: '7377a6d5e6b3df15d24290e281136a9d024925d1', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '36ef8fd8ba94dee8ae10fdcebba73b6fcc2cf1c9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '9d15d69afcb99b2f773167d461825db87be2cdf8', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: '23e091e0ad01aaf4d1b36bc213fc8d274265ddb4', onClick: () => this.open = true }, "open"), h("button", { key: '2b5110281a6ebf9cd238b76669fc58f9cad705bb', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '6e9f16453c9b5eff50bb0482cf9438c2d9ccfe5a', 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: 'b4a486e22930654345ba4204ce36cd190b93ee6e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '33ae163b6612dcdf04bbba8d5747dd763e658261', 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-D_shOuLq.js';
+import { D as DgaDrawer$1, d as defineCustomElement$1 } from './p-DNelgyVk.js';
 
 const DgaDrawer = DgaDrawer$1;
 const defineCustomElement = defineCustomElement$1;