@platformscode/core 0.0.48 → 0.0.49

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

@@ -4,115 +4,115 @@ export class DgaCarouselUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '77b31288881ca0e57a7fa1cc02e7ee4611f409df' }, h("h1", { key: '9611e9a4982122255e03e83c71de807fd27bf7e8' }, "Carousel Example"), h("div", { key: '2cf9ebd889d125809d30b04fc3ec1b0ed99eb971', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '460b06142a98376191a24ab9c6597a14643016c1', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: 'ae04449d0cdce9e4c0235745b7f3925dbde49d86', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: '36ed0d04afc181a43918b5a7ad6b9461fa7182eb' }, h("img", { key: 'ef703f7ff80eac30982773fd5e1bda60a07cc742', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+        return (h("div", { key: '6ccd6622fe3cb3b65ea0d19204fa321d70210d21' }, h("h1", { key: '26c091dc20e9b97df418e685e6c6bfb3351d846e' }, "Carousel Example"), h("div", { key: 'b9308c2221fc9cb2ad719b8301447e7c988b0edd', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ca08e86cc8bf184c795b3282a124743871a96634', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: '9891b52292c19cdb17b6c4fca4c98800f9653470', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: '8b6001509b4984dfa5305d9dd484511e0f2bcc5b' }, h("img", { key: '32aee8b86623dcc21460baa2a33dcbde07b0ff68', 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: '963f76953b0efe9f7b4754681b620f745bdf7434' }, h("img", { key: 'a2f9f4ba88ba07f0e4e3668104bef58ed9365f0c', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '8f0566fed9c1b7539fd22c94aef3338bd66e97ef' }, h("img", { key: '0cbd5053f73612c9be5e5332d81bf876210f8766', 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: '38fd3bfae25fc7b65f3ecc724d2dc4003b666865' }, h("img", { key: 'f8f96fc5ec3b8681380ad9d2e809f42f01fba975', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'e5ca370b6dd67fe5936492d87dd2b0cfb2263176' }, h("img", { key: 'b4addf095e40b37c7c0a710e835df8e457a1bbfa', 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: '358b7602b03e4f4d6b3f548b2ee631cb176c4279' }, h("img", { key: '362318076bad1cfe89a9e4cfc9b4c0ceaee6c75b', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'a1552c75d2cba1966439431eba98724ba2e4a506' }, h("img", { key: '53e42b0010abba1795ede8e4f1447b26aac96168', 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: 'fe2ffc8cd1c37b9dde68483155cb73516bfff05d' }, h("img", { key: '7255cd8b6eb169234783b7a2b4b92aa5c5434ca0', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'ea1ede7ca1b04edcb9651abbef6f1d9030250268' }, h("img", { key: 'da7c918a34af2b226d98a17ea7de5a4c22a8e13d', 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: '6560289c66ae0ac5208e7bbaea58a89deef5fd90' }, h("img", { key: '84166fb4805c44b5ddb1acf61bbc3d37c7c40799', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '2d39892c3efb447573c75a7d71eaea43a80faa94' }, h("img", { key: '9ed1e9e2dc275b422d33e3a7928a59c89fc9cf27', 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: '4f170e1f876215421895a8d8ec9c59d269efc48a' }, h("img", { key: '4a68938455681f1c78931771ec1ae23f047edc2c', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'a39ac798eef1ec7574ae54c3ed40cd0214739a3e' }, h("img", { key: 'b5f92f39c5887868960ad0f4f05f687be6aebb72', 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: '57de5e6db4880bc485d4bf888971da9345f7a3f0', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: '804d02f8d4e73ff8fb5af0e86ff6176cff5aaeb5' }, h("img", { key: '11f81e3a7aed1c569c41cc76911fdf4c1ca63b11', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: 'bc28483cf36b2b9b594268c710e4064af4a44ad3', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: '8552016602fadfaf89d1ceddb16db6f1747a7855' }, h("img", { key: '7fa8cc5ce8ffe959d5d20806c1996364770b426e', 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: '7e5d787f9b22fe1f00928d5c3880a9cbaf7867a2' }, h("img", { key: 'a5b535ebe7bdcce83115664d1fe13503c3adbd73', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'c259ee70288c3dacd8611148529d06e3cf31a8f1' }, h("img", { key: 'eb3eba3db6e6e1e918b5bf64f358dfc237affdfb', 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: '996e3324f93270d04167660d6fdff8971a98efb4' }, h("img", { key: '98472c30e7cd49cfe1572a9b439ed1a13d5b5871', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'c73d40e89354711d9d720f63b0dd426f36d4fd0f' }, h("img", { key: 'b4a2caef4755814655f65b8e8ad99cb77554392a', 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: '9f25a2f114becef9e7e40d917c4b23ead770ee1c' }, h("img", { key: 'b3c92993f43fd429d140a5d12b3cf60c89f9eb69', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'ccd47f4ffbb60e7f852678acaf8186a638d2cd47' }, h("img", { key: '1a054e9b79677c8eed68332fc6d8de0e5a4ce2db', 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: 'df6dae423b24f4899c92d2f74cc8e1c2e683294c' }, h("img", { key: '323f4f478c94e509d737f6a0dd91cd6ea51e4039', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '7d45428b7cd4abb8c706e6798ace3058b7d0aada' }, h("img", { key: '1c120e6503ee37b86b8d4664ff96b2c589fa6d29', 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: '716b820c8b0795af62fe3368485f581aa61296be' }, h("img", { key: '828cfbec408b2ca007dc894824d0b6fbd897b48f', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '27db422b0dda815a2820f9e3d37c4bd46c1698a1' }, h("img", { key: '5ee49db73783f42e94927958667db5e1869c119d', 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: '3449719e13eafc0eb3a04ebd8f3ed3cbca5f431f' }, h("img", { key: 'f4db53eb21f1f5a16739ba520de0873c7efc78d5', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '626077070e532e0532cac47905795a8576b065b4' }, h("img", { key: '4ccc26fbbc0edd068473be57a9e5222f149998f3', 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: '3cb43489ae7535933a4abb279af1e73a8551f56d', size: 'md' }, h("dga-carousel-item", { key: 'e869f169321b0cc4cf1604814fcc990e97e2a8f9' }, h("img", { key: '531601c42617c079555a7cdebffe4c4f32e75aaf', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: '36686027b73088d531c3a6a4148343fae6c672f3', size: 'md' }, h("dga-carousel-item", { key: 'fc01804855c1f21b10536e88c97eb0d6368d85b3' }, h("img", { key: '1a6466e8db60fd3c8e9b0dd25656021bd9b02b38', 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: '3819e7986de5eac527e3814c428dc41b1d9d53b9' }, h("img", { key: '61dfb7e90b912019ce9843dd0849d18ec2ee7886', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '706a44a2ff57a0c6c488f878accbe15bfbb1cca9' }, h("img", { key: 'a315d10f8a721b3338114a8a309dbd43140f58c9', 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: '90e72a195dc9ab9054d9aa3153761f364db91afd' }, h("img", { key: '3b458404fbfb05e1f0dbaa6d95d0757282aba186', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'aedbff71ab67e3c775e047fce29bb6f214e2b6f0' }, h("img", { key: 'fb60995076b1d77abecf816d98b38fc812fa67bb', 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: 'f8320c397fc6df1e4e64c0ca0b854dc7bf0aa838' }, h("img", { key: 'e740d8d13bbd542056e9ab9f96f3326499f01551', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'fc299770bdc792be65c97cc3ae36332203489b50' }, h("img", { key: '9efbc529189a977502a890027994d09334802649', 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: 'd36372c84be9f5a0a1dfa8085cbc302f1672dd9f' }, h("img", { key: '0b0ab81ba5f8874922cb58ba03879752f48c1aea', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '94a52390a6b5eb08417da2efbefb313a873a95bc' }, h("img", { key: '4d7fe2b895ab28ff064435d8f52d9cf8b47260d6', 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: '9dfb418cdcb43b9b7e9b86b2a3829fa01b412e51' }, h("img", { key: 'abe3da871ad7a1b4488b1aaf1b3e3c84128275f6', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '48cf18daedbfca77849eeb163dd6fc8edb7919f7' }, h("img", { key: '6bed9bd2f2cf8894b33215bf53f04ca1fa0c8ed8', 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: '44f0fbd549d218c6ce574eb96028e05d561ccf40' }, h("img", { key: 'dffbced778c82e0720f6fa1c71aaad30e24a0595', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'dc5708c0a3f52b3dedf5aa3785ac43dc1538aa9d' }, h("img", { key: '956e9f7805104ddf0be53a27abb9e7a969f73829', 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: 'ee671466e270ced8e5cf85d02be5453a31790e18', size: 'sm' }, h("dga-carousel-item", { key: '9745a7ccaac16d3b70b38a9b6fb6b1bccb004fc7' }, h("img", { key: 'b3c5a246604cb1fe242ee73e018c6f0f34552fa9', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: '61745a45145d49235c5f02c24b7698c27d4fe281', size: 'sm' }, h("dga-carousel-item", { key: 'ec7f339b28f7ceb2bb49e65e411a11409070f67d' }, h("img", { key: '0e98ef16309b0a22c67a474218f57bc22e2372d3', 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: '586720ee8268639ffa08d4be32bdd3e9cdb7be84' }, h("img", { key: 'a766ffe391dc9879fbfcb1e8a2175ee01b82906e', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '09ccdfbe6057b41823c1ffb4ce4925215b6d44cc' }, h("img", { key: 'a7a91290687429f133292ad4ca0b8b3dcd0a8a90', 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: '9c99eed724449e0681c5b625849144b8789aee0c' }, h("img", { key: 'e4c9adbb8e7e5c6e36a2ae093300df98783b708b', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'cea46e4de877107d6d039c5b50c5e084b1eb8b8c' }, h("img", { key: 'b0987097645fad992e1a49538b38d5c46e8959a3', 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: 'ffa1dea74fd0166810c190343502bd9a4f1a2a0a' }, h("img", { key: '0b8f2c34b50a26d5c4be45a76234861565a56643', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'ec654a18606fe2a23f9568dac5a3fca60aa513fd' }, h("img", { key: 'a8e6d1e11aed32bab03eb20a5827f8b86eb077fe', 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: '3770f15544078a1010c50fde67b094f65de19415' }, h("img", { key: 'c4aa7a9ac1f062b657573a2be01acf7662b9f53f', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'ac7da09d7fc9bd672570302194b4604ca9f47c3f' }, h("img", { key: 'a72a52522c198fb1f095e748f95e4452d50080e4', 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: 'd6278b6a3d89a041bfb05e1896cd2a03e8fa3edd' }, h("img", { key: '46f22e599b7c2670ca8e7033a30530f4ae2108c7', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '7020ce9838507baec7e3e19eff926ae778e15d08' }, h("img", { key: '3242d88df71a2bb561416c058d249367824a5bbe', 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: '578bcab79a39d8857708ebf8729eb807b8fb38b3' }, h("img", { key: 'fa1b1d4377ffa4d0c3b298c74fd15c66c7050f7e', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'fb040b5d12c9308ee6d185d5101669e749d35135' }, h("img", { key: '8810a25d764782212ea3bbd45f13e5b798a4032f', 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: '815bd4115dba13e1745343cb03e7b935f30611ad', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })))), h("div", { key: 'fae09819788f2c8fc4611846844e1d1b11da0583', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-carousel-usage"; }
     static get states() {

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

@@ -434,7 +434,7 @@
 import { h } from "@stencil/core";
 export class DgaChartUsage {
     render() {
-        return (h("div", { key: 'c95475efbb67f1fb249aba87b889f2f4835a550e' }, h("h1", { key: '4673490c9d50f668aafa9bb53b7557611e41195e' }, " Chart Example"), h("div", { key: 'e1621ca1a42fa4600fb078eb565d91c3fdacc76a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '9dc24eef1e17beae21b842773f125d9fe53ec711', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: '0676a28002c09f141c1e27e04e5ad4d9561f8782', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: 'fa568a5cec99bcf0058ce9988d45475afb824b05', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: 'b418bb7fca6bce90815f7255af3fab5189368a90', type: 'line', series: [
+        return (h("div", { key: 'cf119219f0ce4e090ea605c0b0bc5f2d1ecd163a' }, h("h1", { key: '67d7e593db175a7e65440034f49691405deee45d' }, " Chart Example"), h("div", { key: 'b7307fb34a522f311e24bc42e6f00ec0ae71ed73', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '529a2b59d69017371fc8113307c44956b499a166', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: '160e3fa69d68bc1b8c70ee1135e666650b42c836', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '7b77ccdade65144c0804e301620a52f00c9afd25', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '3b6ccd8d33b56807298d14022fcc6e7edbc4832e', type: 'line', series: [
                 {
                     name: 'Series A',
                     data: [1.4, 2, 2.5, 1.5, 2.5, 2.8, 3.8, 4.6],
@@ -452,7 +452,7 @@ export class DgaChartUsage {
                 title: {
                     text: 'Active users',
                 },
-            } }), h("dga-chart", { key: 'a0b48b430e9157ef7aab8be0ffb70197edf8a0b3', series: [
+            } }), h("dga-chart", { key: '3172acf76c812c8fd4d2f2d45564fb79febed28e', series: [
                 {
                     name: 'Series A',
                     data: [44, 55, 41, 44, 55, 41],

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

@@ -4,7 +4,7 @@ export class DgaCheckboxUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'ca1d1b0ed703f03534896f27a68d4680bb671171' }, h("h1", { key: '066a5062232f77f866cc2d453e80476d84493681' }, "Checkbox Example"), h("div", { key: '9b4fb907778cb183c4a77453d05ba84436192e93', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5e78143a0569d7f565d5f9f438cc051f54da37a0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: '6cbab36f783cb40dba4a96a95d6a5503af170986' }, "test"), h("dga-checkbox", { key: 'f4a130b1987939908f0d49bff16c6bc590aaa585', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: '178cd38fa670616aca1d346eefb175d68de39867', size: 'lg' }), h("dga-checkbox", { key: '27bd9becfa12b226b0b37f012ddcdbdb3f68ad2b', size: 'md' }), h("dga-checkbox", { key: 'fae1c115b1c9e35f92d5f2b42da09304d50afd3a', size: 'sm' })), h("div", { key: '5ade63f8259bc6c830b17cac903c4d7db00f18d6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '8e9770e2171e5ed18ae7748a0dfd8f2ef1d49f36' }, h("h1", { key: '25eeb941f63f0786bfe33575f5a8ccfe875db1be' }, "Checkbox Example"), h("div", { key: 'fe3f8928294560c9a533332d3ee08724aea6c512', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0bb1e027631d1a3950122b03607342276498ce0f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: '5138f921ce66ae2f080fdcbf2f36d96ea2e49d74' }, "test"), h("dga-checkbox", { key: 'ecaad6fbaaa2c71a19afd820bf314c0f0752aacc', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: '76720ac218f032d6244563f880b431ed7fef9c62', size: 'lg' }), h("dga-checkbox", { key: '45e3f13512132c47b9ccc5866c38399ec7dfca02', size: 'md' }), h("dga-checkbox", { key: '0580ec8a34878581b52ee3e192e6984005f3b25e', size: 'sm' })), h("div", { key: 'bf39eebf9b8b400d12557d34a5b925f8e017a227', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-checkbox-usage"; }
     static get states() {

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

@@ -4,14 +4,14 @@ export class DgaChipUsage {
         this.isSelected = false;
     }
     render() {
-        return (h("div", { key: '1c3db349186161c7689752e40e1d27d0b6cd89d8' }, h("h1", { key: 'c608130b1b8dd6c62fa40266e62698f9c623660d' }, "Chip Example"), h("div", { key: 'df8391967b038775b47d776d9afd1d78bd59ca46', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '34dcc41ce29e1d1ddab3519377710859a4c0c64a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: '47f707beb62dd6edad5d61812feee47784c0da29', label: "Label", variant: "neutral",
+        return (h("div", { key: 'a0d645a31173ec8e5e7b5536f421618324f58a67' }, h("h1", { key: '448ac280d46084ca4aba1ef4622a575389d15244' }, "Chip Example"), h("div", { key: '6851fa35ac3cc9e65b3266b92bbac94cd2a75825', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '02667007d4f4d0eff1f5a3b2323c12a235a90135', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: '1e5e2133373bacf43afb384572276d99835ccb56', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), h("dga-chip", { key: '1b19063f3c8e55a5d6fb70db9e426cd8c83889b7', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            rounded: false, size: "lg" }), h("dga-chip", { key: 'ba3d35931c4b4c93e4a356508a0bcdc546340e76', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
                 this.isSelected = isSelected;
-            }, isSelected: this.isSelected }), h("dga-chip", { key: 'b1bd1e46e5a553bc62c910cfb8ef62af7e43b042', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            }, isSelected: this.isSelected }), h("dga-chip", { key: '208f1857fb42ec91d5bcad953938229d4434885d', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
-            }, isSelected: false }), h("dga-chip", { key: '02410279dd2e71110cb38e57218736974a271a70', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '59088f792be57c4fe30a49b0330c7fcace72dfe4', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: '949354c47de97a75c1121b9b684876ce5f9fcefc', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, isSelected: false }), h("dga-chip", { key: '9d4e1dddf7c9146cd4d39c505861f6306bf9330d', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '41cde5f505d1607786a5b956200578f7c18f2266', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: 'eefa6fe126ab41bc219bb871367786c1a3a47893', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
     }
     static get is() { return "dga-chip-usage"; }
     static get states() {

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

@@ -8,7 +8,7 @@ export class DgaCircularProgressBarUsage {
         this.percentage = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (h("div", { key: '48df0a1310020a716c97b16297803c80f50eb9d2' }, h("h1", { key: 'ba9abeaa64b2318957c2453db79997f79676a65e' }, "Circular Progress Bar Example"), h("div", { key: '03d6edb99b7d43d6e1919e77cf2c36c6b0372fb5', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'd0b3a1825b795216da513faad9ecb724f941d006', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-circular-progress-bar", { key: '1931cd2be975501687d4b8884fb23975127453d0', size: "200px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '5ffc06e79887d80fc8c8a6e9b57b3a963ed28f44', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '0c45c0e1fce71cb484ac3c725d8a7804b27be31e', size: "120px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '4a46849f24082a959d19ad80e9cb096139dfb42c', size: "80px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'db3bec143398c4818fc018554a00c016940c8e01', size: "64px", percentage: this.percentage }), h("div", { key: 'e6a933b2d6fb0bfe28ae8530c2ac480359527440', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '55ad1f024852102264f053b9185218d1c97a3cb7', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'afdc1f4e6c22942c1873cb77b2778e62a0bd48af', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '44571e2c4204e2dd4e190c5241940c3333151377', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'aacb04c67501becf20673a9b1230bd8316e04ee5', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'f53950f30d2b463d170bb2e1390ebf60ecb9589f', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), h("div", { key: 'd649169bed3d769360149aa4eb39ba6aecdc988b', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '57330092d8bab1a8d60f6f90feae85bdfa02fde0', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '8467bb0d6ece9418b7fba2b84a18ac60e81fca83', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'c8f3c8494ba0068133800bb98aab2ab5017a0207', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '7a07746c03bcaad9572a07f2e960b0af8710b40d', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '49c17b0ed27cc8b6daa8312aa72809c788762e75', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), h("input", { key: '39d5e8d42ba71c1ee2134f83cdd68ba8ffb7dde1', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), h("div", { key: '7c9331b5609531e25c59fa6e04a4efd8be2e4eff', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '929b9b8800ef2033e67dcb3294ec6370875109fa' }, h("h1", { key: 'f84b8428a7d39eb3395e5ebd46d0a20ace6aaf27' }, "Circular Progress Bar Example"), h("div", { key: '4c78d748e657fbf3dc96e8d6739d09842b8062c2', style: { padding: '50px', gap: '20px' } }, h("div", { key: '5da9c65362078b1a3f03c01435f48f41d3cce639', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-circular-progress-bar", { key: '0912a9419deb0bafbba0e502a4c8d3d32f61d128', size: "200px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'c463563f2848c28388004a7301863a8d9d33b6d1', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '1239274373a09d94df5e9eb37758e2efca5da044', size: "120px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'e3fa5363620598a44a86ba90c9358e8b0b6f75de', size: "80px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'cd3f1ad0034960fa0be2399a1a3e96804815aa95', size: "64px", percentage: this.percentage }), h("div", { key: 'f00a6ff90f50e6c70832d3c4fbf5e2972f2398d3', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '4b6b070f5709dc84026c7993233d93a0427244d5', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '64e9d5fec7b50247514f801e7ae5837c9836813a', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '565dabfa38ef81bf9004aab4e8aae361290e0999', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'ecf70e784b5f1ab61ab654e191515b73cd177887', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'f50dc4b7713bd987560ba4f2295d36e7cf48c80b', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), h("div", { key: '0f39fbd6f0979a9193610b3d1ad48b3ee8584442', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'f3dcaa286823926538b9948ea67da2779b5ea2c4', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'd24511638190743d512581dd7c178908ec96eb42', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'af8ed7dba503028cae5a87a6499abe3749867854', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'cc82c9199ca71510a36f76dc6d9d21d365e28ff9', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'aff227ca8279bae3af9fa01ff615bceaf829a865', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), h("input", { key: '3921083135984f917b995ca94454623df76356be', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), h("div", { key: 'd3bbc57bef8e6ee2ddde6a09fdd4a13d6966f99b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-circular-progress-bar-usage"; }
     static get states() {

package/dist/collection/usage/dga-codeSnippet-usage.js

@@ -40,7 +40,7 @@ h1 {
         };
     }
     render() {
-        return (h("div", { key: 'ef7e9bf4e33957f4866a4d0e48c5271ef52974ec', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: 'b6b50a99f08d2eac681cc0599fd5ed8ec2f2a502', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: '0400a164d5fc97f9762c7edb18a36d9bf51c7349', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
+        return (h("div", { key: '71508db8dfb490067312f25348bd3d3fc23917bb', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: '7ca3e0cc53084ebb835c419cfc7380cb2280eb98', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: 'a33e39434310c7adb922116be5c4883723401546', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
     }
     static get is() { return "dga-codesnippet-usage"; }
 }

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

@@ -5,7 +5,7 @@ export class DgaCollapseUsage {
         this.open = false;
     }
     render() {
-        return (h("div", { key: 'd57424f26b17e21674d6a548d75b2c7cd49bbd24' }, h("h1", { key: 'ac8f937af58588e50bb053c8f24831fc278e66d2' }, "Collapse Example"), h("div", { key: '1bebca76f27ef73e918024850c59fedbe5549a36', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '48515c2e8310245a11447525aac98d7e3e0f9181', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '5db2bfc84281ffa4d6b7a1e801f8a5a3553eb17d', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '84e7c8a585b3fa698466d30477554e6fe1a24d8f', onClick: () => this.open = true }, "open"), h("button", { key: '9713c49b41bca8d8199636a0dc073fd399b5e272', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: '234aca82905f4c900ad58c152e3b94e3263d7a67', open: this.open, "transition-duration": "0.1s" }, h("div", { key: 'faa68e25b0e2e9d9b7877f31e7a2c6050df2685c' }, "Your content here")), h("div", { key: 'c4d0c83b8841b036035316434a28c53b6c7ed234', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '2ee3612aaca78d39f0509089455b256ed86616da' }, h("h1", { key: 'e632757f4ede5bd38c71491618943735941a95be' }, "Collapse Example"), h("div", { key: '5ac52a77124fa68aa5e7f59b400f40d842650600', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'b1d8a410b9726247c0dbd6670dc3fb315398e5f5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'a934695dff9b9f689b539dc9cdda8e7c2e40dc67', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '1d854b80ec52f66bdeefd3eabd5cc18732914ffa', onClick: () => this.open = true }, "open"), h("button", { key: 'ca6b919dd74e1e5733b06d2a0c31387dec6a5b1e', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: '9b055bf2339e697e5fb8fad6386989502bfcadee', open: this.open, "transition-duration": "0.1s" }, h("div", { key: 'f24c79aff41ba4c44e52124b297a2451db464b48' }, "Your content here")), h("div", { key: '0807156df64bb7a775e16adc549d719d249adb67', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-collapse-usage"; }
     static get states() {

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

@@ -4,7 +4,7 @@ export class DgaContentSwitcherUsage {
         this.value = 0;
     }
     render() {
-        return (h("div", { key: 'c790636457ff750bfd699339698a03790076da7d' }, h("h1", { key: '0dc8b6bd57f754534a0a941d1c417c64d7871c2f' }, "Content Switcher Example"), h("dga-content-switcher", { key: '0e378f6a89b0dbac9f7e2b66bc34695f10bb4d22', size: 'lg' }, h("dga-content-switcher-item", { key: '161b920a057b4bd8c88c4dc25bc74ed7bc6ea8a4', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: 'd77a4a9545a89dbca414498f0d02034ed472fa5c', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '0219902c415005b1028332aacbaf765db3fdbdd9', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'e29d262478710a965d0a7bc35547354e29049585', size: 'md' }, h("dga-content-switcher-item", { key: 'dfabc75647d9cc7db9a35b71ed27d9066277135d', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '16ede590c92215203750bfecf8fc105f7dd22d22', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: 'd109d2ccc2b4f14f62f728d114e58bc4a452b431', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'aab62c93cabd0f4033ce57011d05eb47d2d94dbe', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: '244d88f760fefcfd2205fa6743050ec78dc1195c', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '863b75f0d1eced19cea4b01c4a2ba832c5872880', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '75a19755b991ad4e190e3f7802e5bb779fd548dd', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: '54a4f73cfb4ecfa63cd6ad356b56b17332af95b5' }, this.value), h("dga-content-switcher", { key: 'e54605a909d1954ed765b80d13aa865205e10f31', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: 'f0bcf01f1a9313ed8da33238bd1fac7e584ad074', value: this.value, index: 0 }, h("div", { key: 'eb916acae692a466c04d4e51865f97b48851b728' }, "Content 111111111111111")), h("dga-content-switcher-panel", { key: 'd0f9c3cf65a108bd686abbe7ee82d84620c92d88', value: this.value, index: 1 }, h("div", { key: '4a5ae38852dbed6bcbb637a0b8450697cc5a7bc8' }, "Content 2")), h("dga-content-switcher-panel", { key: 'e1b8de49195467f5a452b4c0a96813a1a4b0fc0f', value: this.value, index: 2 }, h("div", { key: '470d9ce7c77ae5c6944aabd150772c5c773200d0' }, "Content 3"))));
+        return (h("div", { key: '4cb85b34e2b8d1318903616deafd81cd5d2c3444' }, h("h1", { key: '5245eb0bb3f05c5c3e1df24a10a93a21fdd04991' }, "Content Switcher Example"), h("dga-content-switcher", { key: '55b2b5169c8b566621b518e68f77f5953eedf271', size: 'lg' }, h("dga-content-switcher-item", { key: '11639573da16079061d39b0ad2acf1a4687352bf', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '2a5c18c121d5a4ca250f97180e724c429a57be6e', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: 'c411296cb314406c5280b1b9b5bdb12ab050c6e4', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'de3898ff0e648116ecf389fd1d4408515ae3e776', size: 'md' }, h("dga-content-switcher-item", { key: '5cc1d305b663abd84bd31dfc41855351592693ab', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '94633183eef22393a11b49bc14e69bab68e9b102', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '494ef28c65e3a86ed0774acbbf155732328518f4', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'eed218e7fcb5199e66782827e5011fcd21a11811', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: 'c4c4242b28793da008d0d15405bff066eab21849', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: 'c6725103058de0b36983dc9aa554e9dcbf9e181e', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '264a371a856015f795d767690978afb519ede779', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: '5ca35446456670c023f6bc02420864c6fdb65522' }, this.value), h("dga-content-switcher", { key: '8e99765f72224b41e064dbc6a5ed6d72b27148ee', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: 'd927e44d96941524863925d5b39a9feb3357fc36', value: this.value, index: 0 }, h("div", { key: '095600338a79faff0533d15a15ae5879861dada2' }, "Content 111111111111111")), h("dga-content-switcher-panel", { key: '2a80d8fb2b362dd2487c5f6bfe27fb007bf695be', value: this.value, index: 1 }, h("div", { key: 'c4a317f2db0b2779a17d14906249df0010f96dd2' }, "Content 2")), h("dga-content-switcher-panel", { key: '78680868aa3263d9e50a90e6304467b330c7dfab', value: this.value, index: 2 }, h("div", { key: '9e93b77b7c7e625cbc1e2790f23d200326294b7c' }, "Content 3"))));
     }
     static get is() { return "dga-content-switcher-usage"; }
     static get properties() {

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

@@ -4,7 +4,7 @@ export class DgaDateFieldUsage {
         this.value = '';
     }
     render() {
-        return (h("div", { key: '50c9d494d08e1e4b87fb090c543a75dbd3f3b064' }, h("h1", { key: '7e129e4068515e1813ae8e276201a845b2c61c3b' }, "Date Field Example"), h("div", { key: '9d9ac1ab3d5e55b0ac97afbd2b0d0036c92b1bcb', style: { padding: '50px' } }, h("div", { key: '1479961a29a2de45f2eadd76044488976a90dab0', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: '5e6bf38554b38ed762131351c99a9bf6086ba5e2', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: '45f97ca526d054ee95629048ca4158b662f92d36', value: this.value, onChange: (e) => this.value = e.target.value })))));
+        return (h("div", { key: '880139077b49e41c5d038d9bdbc04d43b7180c8d' }, h("h1", { key: '7d19d3f5bd3475abe0ca4e6c52af9a2bc0aeecca' }, "Date Field Example"), h("div", { key: 'bbd9a425c230db4290480c7ffd920c73825df780', style: { padding: '50px' } }, h("div", { key: '7504da2dfc0971e6610d9d22068ed9a9a53e2c9c', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: '161827836294a5b910ba5df7069865e54c9acc24', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: '58b25234de5b01b644c99ca84d19f27b839d7fa0', value: this.value, onChange: (e) => this.value = e.target.value })))));
     }
     static get is() { return "dga-date-field-usage"; }
     static get states() {

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaPickerUsage {
     render() {
-        return (h("div", { key: '3ee57281e3093768c466e1200af696dcca85f413' }, h("h1", { key: '985d129b360f4ddf584ee8e302bfe46485a327b6' }, "Datepicker Example"), h("div", { key: '52495253b9e56cd5af6f37a6415210afcab475dc', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c936c26edfbb68f371744f759f277f1edf353ace', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'cf51e58e768f43f3ac4cf03d3866e3eb0b60e25d', inputField: false, qickOptions: true }), h("dga-datepicker", { key: '91e80473ce138e955a0a3ad45252446b3a8c44f4', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: 'd34d2415c1ff3c4d866787ed0d5c4a6db7c51442', range: true })), h("div", { key: '3ce1edd5209a42e9f90be8172db664683a72a332', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '8fa29622d090a82e263647cde633bd5358b2cfb1' }, h("h1", { key: '368a9f85d0c798ecdb0c3e15fc966be7f373f620' }, "Datepicker Example"), h("div", { key: 'c4d67c8cdc9a0062dafd8b95aa4d9e4802172d26', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f8a45b6dd74b4803e455bad77d8ce9d625611e26', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: '070760d61aeb23fa3c3f70df134fa76a17b88298', inputField: false, qickOptions: true }), h("dga-datepicker", { key: '5fa85e9cdb6269ea515801996346412970222111', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: 'f3b2d504414d9a55096120f69d65b28e8d889962', range: true })), h("div", { key: 'cc5d75a313224591921b6cab04f1bf42b6a0cce9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-datepicker-usage"; }
 }

package/dist/collection/usage/dga-digitalSignature-usage.js

@@ -1,7 +1,15 @@
 import { h } from "@stencil/core";
 export class DgaDigitalSignatureUsage {
     render() {
-        return (h("div", { key: 'b6008422048af0033c050f3424483d13539b037a', style: { width: '100%' } }, h("dga-digital-signature", { key: 'cb4109833cf4daf85554db07f41a380877728a14', language: "en", extension: ".gov.sa" })));
+        return (h("div", { key: '23da28f01461adfba68804f24c153489862fb13e', style: { width: '100%' } }, h("dga-digital-signature", { key: 'd57bf2e95d5f84f4fad67fd606c4fcba624c1f7f', language: "en", extension: ".gov.sa" }), h("dga-digital-signature", { key: '595c69f55ad788d3ede78b1b98321d526483b87f', extension: ".gov.sa", language: "en", linkProps: {
+                inline: true,
+                label: '20230103200',
+                size: 'md',
+                target: '_blank',
+                external: true,
+                url: 'https://scrimba.com/fullstack-path-c0fullstack',
+                variant: 'primary'
+            } })));
     }
     static get is() { return "dga-digital-signature-usage"; }
 }

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

@@ -1,10 +1,10 @@
 import { h } from "@stencil/core";
 export class DgaDividerUsage {
     render() {
-        return (h("div", { key: 'b183f6a63886079b1f78da3414e78f85224016e2' }, h("h1", { key: '29658660d7a7907d2a0d467fd0e6bfdbd0b1623e' }, "Divider Example"), h("div", { key: '6a1a54ff4a47c91810b93c14114c0dbcc4393f8c', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e03e88ea6ff950ad78921ef4fb14fce878c1fb6f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'be28b8716c9465313f82ff5892e912f5012d0674', style: {
+        return (h("div", { key: '9ce760dff89a284334d382aedb68818bc79041be' }, h("h1", { key: '061802988ab3ecbd30c63ed4d2b5aa572101cd04' }, "Divider Example"), h("div", { key: 'dae434feae45a01fbc96bd91a2c812bf60f074b1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e9542dc7024428bcc2921878d5031d0ee8b30bba', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'e3479f78388dd9fa2d857046cccf1be3bb2a8f36', style: {
                 borderRadius: '20px',
                 background: 'gray',
-            } }, h("div", { key: '51fcd0563bc5dfa74d680de1c15e8a333247f6fa', style: {
+            } }, h("div", { key: 'dfc17e80a6a74ec565f6c66379c9c39428778764', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -12,7 +12,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '641fc3fab4d421245192045180edcb9b10790ac9', color: "neutral" }), h("dga-divider", { key: '5fbb34ee5f18b504b5af2a069b1e5e727efc6468', color: "primary" })), h("div", { key: 'b335b33641bdd43e41ed83344bf2cfe6b52aa1b6', style: {
+            } }, h("dga-divider", { key: '750acadb195b36f775d59ea34129e889b8d4747b', color: "neutral" }), h("dga-divider", { key: 'f0036a98f739db3611a335f85ecd110657ff6b97', color: "primary" })), h("div", { key: '491d19a7f126e28f08c0ebaad3455e2452d2ab7d', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -20,7 +20,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '5ed6445ab46c715cbf6f982405660f05f2782198', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: 'c7ec2bd1dfb6249c9d12ce51f8399de7aa359325', color: "primary", orientation: 'vertical' })), h("div", { key: '59e332318c1c0564b05dce128e503f1ca5930c27', style: {
+            } }, h("dga-divider", { key: '0704fecc802358dcd2e97720ea040c2630ec0ec9', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: 'd48c838831e39ee2f530e450af609381fcdac7d8', color: "primary", orientation: 'vertical' })), h("div", { key: '869175ec79f62058493abc4f5f74f296bf587b60', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -28,7 +28,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'afc344dcfb76fd8ee450438ebb82a6aa1016dcb8', color: "alpha-white" }), h("dga-divider", { key: '6566e3ea4c3f4a939a94770f63ba6c10215b8b1a', color: "white" })), h("div", { key: '0afae7044358c1c6162b8a0d755a633857230ee2', style: {
+            } }, h("dga-divider", { key: 'b5c181497e984d90c6285738dec3205a60f33af7', color: "alpha-white" }), h("dga-divider", { key: 'edba17a6608d63870d59e2b1dc7a281ba8017f24', color: "white" })), h("div", { key: '8dbc94c5035f62229ef2342945c903b711230150', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -36,7 +36,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '36ce62941446c5a268f0ba9aa10e46b289442a9e', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '59701f2a5c33f4b55d714c4a5163675c03cd186d', color: "white", orientation: 'vertical' })))), h("div", { key: '566c30741622a3c00e5a8248857af438db15e19a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }, h("dga-divider", { key: '4f35c507b82b501ec9b089096990a691e408351f', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '5e38f39eb7c173c2995bee3107a2f8255d78e31f', color: "white", orientation: 'vertical' })))), h("div", { key: '323801ad3a7764188445e09a1765cc5942f3a565', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-divider-usage"; }
 }

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

@@ -265,12 +265,12 @@ export class DgaDrawerUsage {
         this.open = false;
     }
     render() {
-        return (h("div", { key: '5296334bff00b454ef1592e3b77c43f27b46c476' }, h("h1", { key: '4310cb73bc00aaebe3f965c91b045ef8080333c9' }, "Drawer Example"), h("div", { key: '45e67c4b0b0ff2d9958852f31096f2c41f94c2a8', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: 'bd083fc52f13828383d1daa89cca86a57764094a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '244ba17c98441b767cb2a65cae279da4d8d97ea4', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: '3f14e11c44b5aef75b51867d236958ce8581e31f', onClick: () => this.open = true }, "open"), h("button", { key: '26ad08b50422837ab46d44e8dc812d4785e14938', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '9941e9710402590447457831bc2ae7298c959004', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+        return (h("div", { key: '6d9a75684ba3a62978d0a5ff39a492d011cbe785' }, h("h1", { key: '49d3d73e8db3ac69ce97786e8235288a46c2a592' }, "Drawer Example"), h("div", { key: '26c471c159d8532aa0b23ed48fc43f72e73da6a8', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '6b68f920b63f75285625aac035a07dabb5cba3b2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'f44c65955e3faa77a009130f0dffdcd90131d9eb', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: 'cac2d1baae57e263a7c1bb7fa74aca8b356b12b5', onClick: () => this.open = true }, "open"), h("button", { key: '2e87d5236d5ad00b3b4feb18af0cde06f7997d14', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '6ed23ca808e47d96fcf4dde421644acce956d3dc', 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: '320ca63e54c8a1b3af4341338005eb849d19a9b1', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '18757bfa3f8b656cbb5898d83ffcf4a97be34b1b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-drawer-usage"; }
     static get states() {

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

@@ -5,7 +5,7 @@ export class DgaDropdownUsage {
         this.selectedValue = 'Option-1';
     }
     render() {
-        return (h("div", { key: 'ec42a1002059f158316ed40c7af4a346e669dd5b' }, h("h1", { key: 'b9a481da0120ec1c4a8dc6f5734ee953c3f36a80' }, "Dropdown Example"), h("div", { key: '3ae77a41aa7d597a697a0c066f7ef164e2a5d0f0', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f754807d8faccfbdacb5306e5932f03419897ee2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: '041a1ebd0b6e67858fe1db2f3af8ba0620acb242', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: this.selectedValue, options: [
+        return (h("div", { key: 'd5c7c751434bab47c4090661de9960f6d72ac895' }, h("h1", { key: '7429f907839c2f6ecfd6005020c177c2232b2057' }, "Dropdown Example"), h("div", { key: '3396f8275bde33ed4406a0b0a066a7616b7fef82', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c207b4da23a291b591298f02e4576039dd4d472e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: 'f71a19323024a83d27f1c9fd875fe81a0255c8cc', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: this.selectedValue, options: [
                 {
                     label: 'Netherlands Antiles',
                     value: 'Option-1',
@@ -18,7 +18,7 @@ export class DgaDropdownUsage {
                     label: 'Option 3',
                     value: 'Option-3',
                 },
-            ], onChange: (value) => this.selectedValue = value }), this.selectedValue, h("dga-dropdown", { key: 'cbbedc4beb0d5acba83f7fabd1479ce859f50d1e', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
+            ], onChange: (value) => this.selectedValue = value }), this.selectedValue, h("dga-dropdown", { key: 'd25671d29a4a8f81de078ce9e55cf7ddd6766913', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -35,7 +35,7 @@ export class DgaDropdownUsage {
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }), h("dga-dropdown", { key: '14ddf7ef20d38902ace275a7f44cf6296672385d', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: '8e45432bd23e39c9e2150b2e0950145e364e9b5f', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -52,7 +52,7 @@ export class DgaDropdownUsage {
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }), h("dga-dropdown", { key: '88c24de208ffd97a4873cc1167707b1f0e069ba4', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: 'fc9bb0ec277351b0a6b56294fe5aa89fb55fb9d6', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -86,7 +86,7 @@ export class DgaDropdownUsage {
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }))), h("dga-dropdown", { key: '95dda8d82d960a6d359c8c76ba00f9639595a238', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }))), h("dga-dropdown", { key: '65a2d7e33d70997ceac98e399c21291e50d4e6e1', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -103,7 +103,7 @@ export class DgaDropdownUsage {
                     label: 'Option',
                     value: 'Option',
                 },
-            ] })), h("div", { key: 'a8560806359cf8e32db6729c0bd10b2cc69986fe', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: '7d0732bd74fa5f20403fb1712eae99bec360c648', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-dropdown-usage"; }
     static get states() {