@platformscode/core 0.0.42 → 0.0.44

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

@@ -4,115 +4,115 @@ export class DgaCarouselUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '5c4f191063a3da952e6e42f4cd19103c2d715a3b' }, h("h1", { key: 'e0dbbd2edcfb86c2fbbfe547dcd490f00ac70ca4' }, "Carousel Example"), h("div", { key: '4fa719669714950f9d9fc8beb56bb7009aa215fc', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e2af84279a8ce9c95632ff8f7db99f7521996775', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: '123e46bcbb544322886f75173036e3f73b00d9a6', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: '6e96cb5449d40b355d628ac69195afc9748d4960' }, h("img", { key: '1cd7447ad28a0c7cb66d2bbe642d33abf5ff86dc', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+        return (h("div", { key: '84c86209c0c8979b9f6a1b8b2c2642d0a65546f3' }, h("h1", { key: '2be3a18b40a5fff58f03d5cce988edc678a7f17f' }, "Carousel Example"), h("div", { key: 'da22ba7ff79dae18f707756777bd1e2ef519bb93', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8953aaeb5e055f8b1c432bba9613067ffb64b766', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: '622bb67a5a649b0a439079319b4f225992d94542', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: '65ee1145a3641e75bbb3c869d05c3b3462cb6883' }, h("img", { key: '0adcab7d29c853471b5d45b7633680189a4ee268', 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: 'd41b8aa19885d0b04971dcaef7f3219c3962a6c5' }, h("img", { key: 'b58dbc9370456bf5b10504dcdacab0469bbedc7e', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'd373b18aa02fb37f3034f3f9a1cb6a477671a1ef' }, h("img", { key: '10ab5831a749814677b239c352f1011357355263', 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: '949685809aec0a767579989a47a6473e9fd76a8b' }, h("img", { key: 'e39c80ef752e705b2fc6d1d1cc4bf05a467c6a59', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'ac9b0df4e8f6d5d94282213843c6d1785c34d5b9' }, h("img", { key: '837e66f6df90e464a2d6310169c585f299b071e2', 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: '24b5db9929035fd46e2ce1cc4c797b168a2ab9a8' }, h("img", { key: '3072a257cd7875ab93177278bf4abff5fe8eb4b1', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '706b489ac338fd2e4deea1db546be21284dc6b08' }, h("img", { key: '659ee1353aace0c53e83239593524961d5d51ea1', 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: 'a442930d2b9a6d82acd007036efad10fe8a67a18' }, h("img", { key: 'a9b413a1ccda7a7a57485622a3655da0ff92b6fb', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'f7055acf0f2779225a4b88f1793ab28e5f514608' }, h("img", { key: '4d1051ca0ac7a0ab1383a37dfdf73a60b7a32252', 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: '420484e73d6c166aad1b93dd996571854c73e579' }, h("img", { key: '30a1942c7fa903720132a3afa6c4ce6fd2617212', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '0e70e0838908d3b1108543883fee1958145cc149' }, h("img", { key: 'e4e6d47088f9f921205c42cb6a9c911b012ad0cb', 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: 'a958e9504a61578fa9281245bc1789a90a52684e' }, h("img", { key: 'd5f6faa2c6c757f31178349e293ad48fba3243e5', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '120b4695e889f6d7c7096c604db90c4f048a6c09' }, h("img", { key: '2ce4a61de25af573a5a28093c5905b4004be9574', 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: 'cb182020cd4ed2306c47b9f4476db03a8613d559', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: 'fd47971614a2997dd27590b0085ae683ba9e8bd7' }, h("img", { key: '2558ccb9d09e6127e5ae4bba09cddc771c3ab4ad', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: '2ba485e497e4291bbc03e1ea5e36177cadfe6e65', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: 'af79b35983b0adefde5eaa587cad0aa3c0315952' }, h("img", { key: '7315c602d804852a8a1202adc67e3a29b41c7262', 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: '0b84913d49afb0680abb4c34ab21e4468957f1fc' }, h("img", { key: 'e6f25499145bcc4a66d78a49d440769bd960bd8e', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '82951418fa899484ff8c6e651b81c0081e1b1ad4' }, h("img", { key: '650929237bcacf0f3120164083d6b2dd7eaf4e24', 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: '8d842f30488f32405023cdecfb3a060a61e42983' }, h("img", { key: '7aa3b89e397bb0cf819d910fd9edeba6ca66ad75', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '35ffd8046ef5cc8358b5db2b3af178ac17fecf79' }, h("img", { key: 'db016d2a9bf7cbc5e3d7c6a3341e0ca7f1139fcb', 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: '901089733f955a759488b513c4861e32803d8646' }, h("img", { key: '949d05ea24a20b538a9c23bd08d421b64496947a', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '74f967f1b7818952f6fbe790e5e8d9b795ac689f' }, h("img", { key: 'db759cf6a62debeea1bc09f0da6f6895c15347d3', 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: '8c129144b60e0d81b1b1f6f8990cd2ea0afd32b8' }, h("img", { key: 'a1d2aedbee127fb4f1513f9385721cd529bb90dd', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '28a4c0b6041a1ac8832a136c7d25d5d6a378bb17' }, h("img", { key: '01dd621ddc6ae00931f3e7ef062ede3a19442a08', 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: '18d6d6ff1553d34c744b818ea32084bfb2d1ffab' }, h("img", { key: 'ca0a194502888823e851392e29a11083c0f3f73a', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '83aabfe90e76586ff7f34d0b44556a28e3c27bce' }, h("img", { key: '21eee57621a0fecad492b60e9570549325a6b7fb', 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: '04251fca381ea93a9111e369da385a2129baab38' }, h("img", { key: 'd2405e0bb9e8210279bb2a434a88687d9e652d4c', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '71a60511989dca875bc02949b486012c10b619e8' }, h("img", { key: 'd1682c6a52ef66d6b40eb5efe059b279ed95703c', 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: '791794e37fdeda3c2e44b9b9c05f70a25b11984c', size: 'md' }, h("dga-carousel-item", { key: '0b1545c5766d9f1aa7f0d7f801e0e8d74a34cfd5' }, h("img", { key: 'b49b679f35e97257d36277fd4628c93f68e47fbb', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: 'ca9f8c50750e235147d75c020ab6b4130296f9a9', size: 'md' }, h("dga-carousel-item", { key: '00e100e025b4a9315b96b583d594efbe3327b2f9' }, h("img", { key: 'db3e1a9d59eac551cc6a995b051a49ed3f574c95', 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: 'd3764b267c528308840c6af974e900ea8446d418' }, h("img", { key: 'c56797b434247b20d096cae54151187e5aed396e', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'bc0ee9f86019d09f41d64afec2300e1992ffd5ee' }, h("img", { key: '30844079b22377523ba11a2e549988de35f9bf6b', 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: '412565f32126dfa34bd71b10e0bead1e45b5dc73' }, h("img", { key: '5a142718e6c75312dab32e712d2902dc07d887a6', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '985ca3948e9d22fa12e27d0ffb146d3a64201543' }, h("img", { key: 'e33487132517e2eb3a309e54a5fc96287b713b49', 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: 'a8b08cf2e88df3d08b223593cfc2709192114385' }, h("img", { key: '51e428bb3f6e517723f07aa7f7ab45e73e2e07ef', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'ac5ada0a71cf8b373e3ca5d3023d6a598d297e5f' }, h("img", { key: '4411e5a03e07d7951e785edc443be9123b6bb474', 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: '91b82af2f701c26986c39ed67bc507c743b8a1fb' }, h("img", { key: '0aab053ebbdc05b6c860f5e98aaf4185cb3e0084', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '5838f1d3554f23fb8fc09ddb4ce172cca0494846' }, h("img", { key: 'c294d4416d829a359bf0b03d1a1393bd91359ef5', 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: 'c5b97df00dfb9feb2cf0b82c4ef297ba4d1d4327' }, h("img", { key: 'ddc507f35476a2e56a81027e0d4f2a2cab8c5873', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'f32b6d27529ecaf9a572918b06baf2bdfc5380a8' }, h("img", { key: 'ba5e6b470df5a6779324f083ff4a336dbe724f45', 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: 'df85a9251bddd0451d3a0db1d29be1c4a76c45df' }, h("img", { key: 'e9dc5537705fed110ab896b8d36a24c1a09390c1', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '33c73295b6f38bf24556501c5088bbdb3d4a764c' }, h("img", { key: 'cb3437f3c3f43b477afd0ca6cebe2cc7cd86b4e8', 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: '396dc965f68ffa84e1552682bfb00ba7785279c5', size: 'sm' }, h("dga-carousel-item", { key: '615c2dbe2d121019feeca8f93dc0ede025fc3f8c' }, h("img", { key: '29467aba91e13287a2ba05e9e97870418a6703cb', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: 'a65171b0aa6b7cf1d507ab02ddfcc12586da613e', size: 'sm' }, h("dga-carousel-item", { key: '7bc4452190951f33362fc98357de318e05c9fa24' }, h("img", { key: 'acb8b8402a8e314c59e410dcc3ef67eae352dc49', 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: '4e7dde8d3c30d7bf80456bb70cff555c92921e28' }, h("img", { key: '765363ac7de87c3b00ab9dded6ee99f939ab4765', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'd2a6da9df7735f31467200177b9d341ff2022077' }, h("img", { key: '2e1c2eb7e8cdeaab63c6e20ddee808a09626ed04', 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: '0e0b615c68d944c3a10cc30538e55d3767268a8f' }, h("img", { key: 'bc8ef9fbf8e6d432c3546c13ae147d8a1e7cbc07', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '39481c037d9627ab3ac92872e42888bf6446c047' }, h("img", { key: '8bdc02520432f4c1387281e34ab36a373ff7fee3', 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: 'f8f0bbdc6fcd4f5d7e492a036bb9c6ce0077adbc' }, h("img", { key: '2031d46b29a5002cfdc649fcb2254fcb7558859d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '76f2c3b6866d3465121f72359fd7beeb283c020d' }, h("img", { key: '3c248705e764c72f3be4a2ddb8c8122b1d06e1d0', 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: '5a26a3e45ea0305dbe667d888cddd53127361ec6' }, h("img", { key: 'df7ad698fe14cbbf5c2067a84adaf12048daa9ca', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '2dba3c12562a5c03db21517e19c9748b7326e5c9' }, h("img", { key: 'eb66eb1cb51cfc77ceca9b2954c0e1b8f57af790', 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: '14d6ffca06e1ba5c334e0ba075c6499e2802eae2' }, h("img", { key: '8ffaaf1cb69a4bf6148099e6b1fc73a948eee06a', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'c769219b16f5b9cf7a2bff91a7744a1c0bb0ed10' }, h("img", { key: '4c0a2fb455b0454e230d6497751abbc17481cfee', 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: '41243a8f1cd16a4fa3e8983e554fc4bcffe51eb9' }, h("img", { key: '20d11e1c584f72351c7c1f135ea52324f8554347', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '7f96b5d91d12be27581d9a56a1eac55f2a3cc08c' }, h("img", { key: '7c07c075ae18b92cf7ed5939ae8d78efbccf418d', 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: '5dc368ef3e35e246d8704849c95c2f09bb1ea61a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })))), h("div", { key: '103e96785b5bf044a2d50af1a2fa403fc7b7a116', 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: '91054295b8e1075c8f0cfe532107a163d5cd1736' }, h("h1", { key: '8347c6a77c34ff1043acbe5d7275cc0698952605' }, " Chart Example"), h("div", { key: 'b70e42f354aa66b85c563664a2a9e9e17353025a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '9ddd8ef9e51cf481f284d8722b1b6f35a491768e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: 'a00aa0be180d54e27400f3918c6891ffd73fe3d5', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '609442d56c96b8da8069c02f26d61b4b3a758622', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: 'f756f8a16664429297ec264a66e4ec39ebe98d9b', type: 'line', series: [
+        return (h("div", { key: 'f1b4ca2723b6f1f2ed93a985559202bc28e32aad' }, h("h1", { key: '814d8d99abdfc3db6c5fa3cccffc94498fac2815' }, " Chart Example"), h("div", { key: 'c9bf4dd84b3a396a258fb5f1d73be1b9b60e053b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '11857276b4c95a18fba17da17f9231f4e8b88520', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: '21b71d9cc524329c1ba7509e68711fe502704ae5', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: 'c0413c6df90ff2267aa8bec68c1ac8b7fb2d81d3', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: 'eba06531ca4bec0f2806feef1a204cd4ff000367', 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: '5d3fe0e2cf1f707b95da89c78c3493378d85b75b', series: [
+            } }), h("dga-chart", { key: '3346a1a4f3c5443a3bcb90e225d4f3abaaf7ea8c', 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: 'c4e540214198e65b5f432db3c5bbc8158c81dd06' }, h("h1", { key: '338bb151722f1f32b745782ccf3ae74af30fe79a' }, "Checkbox Example"), h("div", { key: 'cda273202f63609b6ba5309fc72eec20ab2ca924', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a860342b975c3efe2ad9bb82351160baf52ae1ba', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: '6986b01315fefac2b69e9decc528ee6ca1182e6c' }, "test"), h("dga-checkbox", { key: '7de3fccd35c2d7c14243ae82adb8458c6d3832d8', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: 'da2dbc3ced0bd9991370a40d80b589d14cc9a80f', size: 'lg' }), h("dga-checkbox", { key: 'a71a5d2e0c963996cfbd4a3d74e66a131651af4a', size: 'md' }), h("dga-checkbox", { key: 'e360f109e741920d24ceffdb8e939877cc4f0523', size: 'sm' })), h("div", { key: 'ad09ab4003870d5b6af75e4c3bf8868bd8748d1f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '5f5ddb35f178c766fa9ac1b9ddc469fc0c426cbe' }, h("h1", { key: 'b15d5ecc8d0f181309da33c44bd913a403b784db' }, "Checkbox Example"), h("div", { key: 'e64d891c05f5c1a8e962764ad5e9d3443277407b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ee0299fe0f8f04212e3dbad31c9fedfaad660017', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: '22cb8e922923bbfb6ae3a7a5ced89a0d69dec22b' }, "test"), h("dga-checkbox", { key: 'de27ab5f9385641471055ac065806f91c55086e5', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: '048c1626d4fd27a906eae29e3284191d3c6e2c55', size: 'lg' }), h("dga-checkbox", { key: '64346edd99bc375e11e0b6ec7009971cf3ea780b', size: 'md' }), h("dga-checkbox", { key: '73f55448514a47558656e4f8d6aeec91745d4e64', size: 'sm' })), h("div", { key: 'fae33b493efe8a8c472aa91517660882810ca1a9', 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: '4f3225eda2ba0964283fcc461a3313e7b5325a55' }, h("h1", { key: '7c93c26c7ec9783ddc162d0b4133217d0e3ba8f9' }, "Chip Example"), h("div", { key: '4c464972bf6f0bebcd19e727e27e69f213819173', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '925542151aa3e2adc88ad46b9d6a73ee5d9d5945', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: '3c380828ee5f01bbc769e6249e477e40df77bd97', label: "Label", variant: "neutral",
+        return (h("div", { key: 'a94ce0b8f15ffd5ee0be633e4661a396ca1b463d' }, h("h1", { key: 'f103f08b47182743abdff1f0ed4108787326188e' }, "Chip Example"), h("div", { key: '3c2b501f00d7122b78e207991e1c96e6feff30f9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e318ee612bcd217c17b5dafa7c9db7a6d832c69c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: 'c7ac5c7f0d7a89d7333a333a5fc9047fdc5d423d', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), h("dga-chip", { key: '2ac92e848223d91f7e8a41eb26e455608e7b2ba4', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            rounded: false, size: "lg" }), h("dga-chip", { key: '2dd86e8e288fafec396d03eb32d27ad83a1198fc', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
                 this.isSelected = isSelected;
-            }, isSelected: this.isSelected }), h("dga-chip", { key: '74066d05156ae4b751106842ac0a7a15b6e90ee3', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            }, isSelected: this.isSelected }), h("dga-chip", { key: '87b81a4eedc0969b29ad3b39e03990a1ecb5ea29', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
-            }, isSelected: false }), h("dga-chip", { key: '4ad070b0ed242b87171ab2b2b070aca38737985a', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '100091c180a352409c696f8894fc3cb6c16c72f5', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: '9aba190cc90dbe6114f447e1990f7f80dbf27f99', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, isSelected: false }), h("dga-chip", { key: 'aaf5e5b2015d0e7718847dd159f3aa4d69fd64b5', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '5c0b46db78035982a2da84653efcb1bb11af7473', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: 'be4fd2a06cb8a4ed89ce0ebc692fe6ef0a4c5beb', 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: 'f9577fad9e085af78375575d2ce795156b21bf72' }, h("h1", { key: '861aa66156207f5adc2302a4c264c0390ab3d742' }, "Circular Progress Bar Example"), h("div", { key: 'fb00ea5d6040e2298aebde05a35853a818def505', style: { padding: '50px', gap: '20px' } }, h("div", { key: '8f39abd1783bba020dfd94975c5375b7ad16848b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'cdf80cd37320efe15440cc5173581e33e72a5e32', size: "200px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '0342658adabf45f1cee4d0a03c83ea975d384646', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '019afb6bdbb4824f3afb1d047a9283b0ee526473', size: "120px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '7121f41be5bdb35b4b9f508a012db7eda7c7c8ab', size: "80px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '9d72c71b97e373ece837ef315e8d57eab2f56e1d', size: "64px", percentage: this.percentage }), h("div", { key: '0326321207b5bbf54f0fe6bf360ee8e801f3ab35', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'e2700f5f423a3edfa24d7a197d4720f29863cdc9', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '96251560b2373deb2fcb28538f3eaea30507d871', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'd589e8cec7c951bf1681ad909e077deb5999b063', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '7cee4d167a1c02bd5332431657c582c3e0c0f47f', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '200cdad08c8297f08a195427ca7654a786a49b59', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), h("div", { key: '0ba442a3bb329bfe3072c816f87e2014157b810c', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '13ffaeaf27525a5cfa90ddb9cafc239f6d5cc0aa', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '17e853dae3e52705fbc0f6611b3abcef09b66846', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '50442db3ff50a0651211719e38843bfdf57fb669', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '4d96f217f587dfa9b85b4e55a9cbe482a14b4992', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'f86b05b02b309ce59a5d3949aaa18822e464e983', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), h("input", { key: '58c08f8ec8bdbdcf3b22b6f1d64890655450a2c7', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), h("div", { key: 'e4576d8a8521e2674a4c8e192e608cae92ca6ea4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '092f3164966e5764f03e5ee50fe28819a9adbdb5' }, h("h1", { key: '9481d953fe48f3f089c28aecd1754a69a644ee8f' }, "Circular Progress Bar Example"), h("div", { key: '40a52a409d68b262a477a10e35826fb5c03e3221', style: { padding: '50px', gap: '20px' } }, h("div", { key: '954eceb4d12377e0692bbe5e876ac63ee4eaa770', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'f7081adb48a7e33cdb82e2f662a13ccd1b386792', size: "200px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'f514325d12931d8bfcba7aa5ac9818884602bdfc', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '806d0ee45aa7c6ece4cc451806288779f388e994', size: "120px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'dc9730284b8a535daee9214ea68f8c39853ed4c4', size: "80px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'cc8a663919b4074647938d3cbaf58c130496832e', size: "64px", percentage: this.percentage }), h("div", { key: 'c27a8a09898bd78a95113d04c5e0fb92f104b8d7', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '034ff6e7f5322e2810205bf951bc499760beaacd', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'e816be3cfa442560d14757826ece570b3aeca95f', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '06e397db74c9aa95acdee9b09b936e8162fcf20c', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '8a66b7dd95e2121ec0536efcb574fbb28fb8d5a8', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '84b96f2d2e58903019a62c35d098647b6c91ef4e', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), h("div", { key: '78dce4421ca2f1a16d9e7251017d4d3ecde25411', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '87d4464564f510e0332202eb88ceec9e1c1be7bb', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'a692325cda8210265f2c513b54fb81144e67e1d3', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '02e98dead78d08b41d1037f42e8188698f80dea3', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '69c86d7490229940475b16415301050d3c7de8bb', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'd7a95ec0d77a7ec65b78da49f61562418b518512', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), h("input", { key: '661c752d0aa06acc21556d6f76320c766a9e5d22', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), h("div", { key: '9e4c4625b2f19c38e2caaae19cb11106046b8974', 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: 'abf10905425e4a5e0c12f9e93c313b307eefa880', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: '74ccaca04097c1a01655d67153b28c75b841476a', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: 'd2a4a47ae4cc603834ee0b87961b71ba03d66066', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
+        return (h("div", { key: '37bbad9b87ed4835702dc88ddfbeb37c13d627d5', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: 'b3c9a269733b9d2abd48053f631a49adce139f93', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: 'b8852162eb08b5c8dafeb08da8dfb01027f5acb3', 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: 'e3bee751f056ea024d448e6d3d6de84648ec0f87' }, h("h1", { key: 'aabf8052cb17f6933e3e4ba6f90bf0f9aaddb718' }, "Collapse Example"), h("div", { key: '4befebde255ad9a58e6cbc63b02876b1e778b26e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd83ee2ed4d85b6febc0a8f0bc8979df674c7909c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'e718b88c384153ab0f5affe656e442677a12e4f6', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '8f1ed1190335950e939a6b1dfb3a8c114d5c2ab2', onClick: () => this.open = true }, "open"), h("button", { key: '8ddc2e84fc3ffe2ce1c07da88edf4adee22d215f', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: 'a48c933c61c2ceb142ffd6ad7c36e229f14825cb', open: this.open, "transition-duration": "0.1s" }, h("div", { key: '49ec3f0b4def0c80d3668e04d2ed35c53a73ca92' }, "Your content here")), h("div", { key: '18da42c79de9fa051dcfef9796358796c10c31f3', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '62e1572dda1b54d93050523db8f520d172169dd6' }, h("h1", { key: '1db1b12dc2fb010155c2b6a18e0208ac63e24cc8' }, "Collapse Example"), h("div", { key: '15dcd3ff0564c7e1ae3848b4838df4e0fa772104', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'eec9ccc145725aa84be87f3382d94e9a2f4faed9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'd841bd0d6551cce30f8d3530c6fb2dc5e775b802', style: { display: "flex", justifyContent: "center" } }, h("button", { key: 'c6d7e21df766232f524dcf4c84212500bdca6557', onClick: () => this.open = true }, "open"), h("button", { key: 'd690cae570704c502a586ff28ebc2269736c4758', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: '846ff554a19e36857f575e2d4b26150727ebe18d', open: this.open, "transition-duration": "0.1s" }, h("div", { key: '936110742053806ec6bf55e4cde4552c5dade54b' }, "Your content here")), h("div", { key: '94f1ffda6dd584704ec2484cf527bf9364dc533c', 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: 'ff6f06a48beb31f77b03b29c94c20aaf15839fe4' }, h("h1", { key: 'a859e1607df51e4ae47823d1998b6423a5d77f12' }, "Content Switcher Example"), h("dga-content-switcher", { key: '898b87f7cf50186962387ca79901fa6fc26600f9', size: 'lg' }, h("dga-content-switcher-item", { key: '7d3937fa841f9b36fd6863bf82b3b0b00e4d0e45', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '10887340f0b9195043b46eee51e187477493f64c', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '86bbd190d86ee92f990a71d5765eb83a46d04c28', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: '5f7b9a50667c7a2079cc9c130dbe7953c6caf13f', size: 'md' }, h("dga-content-switcher-item", { key: '6f04f9b712e1938c3e1eca7cfae5c8a657475194', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '8f661c3bf7d322c9991ddcfef274c287f9b53a91', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '10c097a416a2db374581b33e4c252a1b958483de', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: '55f8a866107735d2724935d748964b77d973d9ab', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: '3c55a8c5e96ac68d5b67fd8ad9a8412a61735849', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '7b07f707c790fdb350a36e9d250c68a05068d443', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '135a88646d6166c8f66e6c2121b5eadd89fbcaa2', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: '7e6104390c9a4259ddda9e33fb0909b794ca109f' }, this.value), h("dga-content-switcher", { key: 'f01419a1297d52354c46baf43cc08a89674715e1', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: '2762412766a32675af8d8b7d037595b38e2acac8', value: this.value, index: 0 }, h("div", { key: '9c6fa488524742f2752f5377dfdcef3bf6e62778' }, "Content 111111111111111")), h("dga-content-switcher-panel", { key: '52c04bae89f1abd16c7e3e366a397ab759f076e4', value: this.value, index: 1 }, h("div", { key: 'de919c0313389d9d8e4c5de838ba9abcb8cc18bd' }, "Content 2")), h("dga-content-switcher-panel", { key: '56594477da9c7b46b7e2c99316e49d9d38c4c8c9', value: this.value, index: 2 }, h("div", { key: '98ddec066302ff88661834e83d1d29090987307f' }, "Content 3"))));
+        return (h("div", { key: '0faf54bfb2a27febdba203342d76f43e7f9a958c' }, h("h1", { key: '21bc2d35a563e9d842de5663e128cec6e828fc43' }, "Content Switcher Example"), h("dga-content-switcher", { key: '730068fcfe729b5eacab790287ec16aeaef9c1ad', size: 'lg' }, h("dga-content-switcher-item", { key: '4c3ff8f2cd07a9c79eed9e2e0a4cf9e14e9218a9', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '74d9cecbb22ca6d5840c7b3265b47432f9e87e8e', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: 'dffc65e044b81d9c962c833555f51dd2bdc79ecf', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'f9bbd75fd3e702f3ec8311e750a90d614d455ffd', size: 'md' }, h("dga-content-switcher-item", { key: 'f3f998c1c72f35b146b69ef04e00a02e4f758979', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '96c4a46421439faa95724dddb2e89b0e70d03f38', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '89f13199fb196baa703cb38047644fd49530eb28', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: '164179babd662da85c4be9aa9fd4b47d51f5989f', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: '6e195fee541597af921de00a56f98e8e17ae676f', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '4b8f659b1ad45a058132e6fbb3eafe0b6c84900a', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '4e02f104c7ea31bb8cd5733c2cf56b22b810a135', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: 'dc23729115dc8498a6a9a9896206d084501a11f3' }, this.value), h("dga-content-switcher", { key: 'c7cf02b2902b0c54d353a3044937bc54255088bc', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: '99e4e33557b7e62a03b4d7f2f39b1738c44d0143', value: this.value, index: 0 }, h("div", { key: '1950d1161e658b0d5e81f99180ba0461e7462372' }, "Content 111111111111111")), h("dga-content-switcher-panel", { key: '6a9a84a070f531519d32bd58bfa3000cfe161fec', value: this.value, index: 1 }, h("div", { key: '1a1a2e3a1070cfbe37029f456ec1e17c5dd59591' }, "Content 2")), h("dga-content-switcher-panel", { key: '9ce634493ff6c80aa092ec0016d86124b6729417', value: this.value, index: 2 }, h("div", { key: 'c001627bcc7d05cbf1e8d75d0b0a3522c0497cfa' }, "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: '65d405bc1f0e94a8ba70d819a62ccaf2d53f205d' }, h("h1", { key: 'd9dd3c1908d8b1cd70c0af078a68c71c05a4720a' }, "Date Field Example"), h("div", { key: '9d0aa0de8dc68b7890fbc1a541b8579f2a91242e', style: { padding: '50px' } }, h("div", { key: 'ed0d390b3ee39ec8959ef72391e7c20a29d9cc4d', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: 'fb9574659d66cc7a87cefb85f397eb5a129fab1b', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: 'a2319a369cbc86d2990c7f256337587bc44bf66d', value: this.value, onChange: (e) => this.value = e.target.value })))));
+        return (h("div", { key: '276313de36c2ea00df84e17b29ec26006ac537b2' }, h("h1", { key: '537a3bd4c5b68619db69cb3bae5894c3b1b97468' }, "Date Field Example"), h("div", { key: '3cad0eb614593a289e43ca65d495bfb2d32b819c', style: { padding: '50px' } }, h("div", { key: 'cdb79870695f7065a7c9320976e7a9af186f3bde', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: '67a425b5dcc2b6af6c5d824317f3fb13126c9327', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: '0eef922c3384f12e18e23303b1bdb1bc765bf24b', 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: 'fbcbc060965934ebb20a3a0fdcb67565c24b8e42' }, h("h1", { key: '7ac0043599c31bc9739ea31abb6f3d2eea951923' }, "Datepicker Example"), h("div", { key: 'ec75b642bbc6926ee788dd6b4a523b8ac47ebbfb', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c736092459f994c2449d2b9adbcf8aac95c0066e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'e31baf3ec5aaa21a3b4d5d5786f76966a7066267', inputField: false, qickOptions: true }), h("dga-datepicker", { key: 'e041ac56fad390dbe8476299ae92eadcc8106f45', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: 'fd911a8f875f789ba134fcba78d752f73000fd24', range: true })), h("div", { key: '57f0c922ab386a5d8ed794bade8f27a73c1d295b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'aebdc7199c0f640adc8b20964f98ce819bc6b0fc' }, h("h1", { key: 'f89461f5d2709e36e1b665b809c79e0963ca6dfa' }, "Datepicker Example"), h("div", { key: '5c19379a59965ba55a15fc8856f4edd474c1d4d1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e5ee624be8a8b34fcab1c66ae61a61a1ce453391', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'cbfc7af8db287ba249116b3ed70ca48783f2f70b', inputField: false, qickOptions: true }), h("dga-datepicker", { key: '03aedfef06ee42f5c46d3e5181880979fa6f0d0b', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: '04092da9ff4217c95716016c7959b10f0bcdd63a', range: true })), h("div", { key: '4fba6701c0a87c9b8ca6a567e7079f678fefe2e5', 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,7 @@
 import { h } from "@stencil/core";
 export class DgaDigitalSignatureUsage {
     render() {
-        return (h("div", { key: '8f80c13f23807eee16d266545c8e62058b08b2dd', style: { width: '100%' } }, h("dga-digital-signature", { key: '16e854edbd767022bbfc13bd0fcd8d65bbb39187', language: "en", extension: ".gov.sa" })));
+        return (h("div", { key: '3d169b3b4355a39961f53d79e20af6f641e2cf86', style: { width: '100%' } }, h("dga-digital-signature", { key: '1066bd04fce8ed3df40e3b0201ea5b6ae3165660', language: "en", extension: ".gov.sa" })));
     }
     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: 'ff3ffee2d70a8c778f152859d05a64fde636f100' }, h("h1", { key: 'c915d5860e95872ea8208ee77384c947cb052752' }, "Divider Example"), h("div", { key: '6e0cbfbc0c5328beca2c1ef5c24d414108bb317d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1be28c682c8037dfbdb980879e313371caeba521', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'a723b61e53c4cb5c6bc15de3ba44e97df6d94066', style: {
+        return (h("div", { key: '2cb46344694f4d4a6a3a75df4f75ea8550ba63af' }, h("h1", { key: 'f23bfaedd3f458e57f1975dd67559319089b9eb4' }, "Divider Example"), h("div", { key: '6d8d4e470a8ac768eaab01b19eca7b2a9a041135', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c9101b1b3ca09fe6c716869a51675b0ff4645800', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '0acadbe6fc7e1bc11f96f4e7bd455ac4a678cb9f', style: {
                 borderRadius: '20px',
                 background: 'gray',
-            } }, h("div", { key: '998827d8cee8154fa00768400b7cc3d2dbcdc43b', style: {
+            } }, h("div", { key: '6e0dfd7c581a3644e6012347953ec7f734c07142', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -12,7 +12,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '6d4a639c5a84397e9828f387a1952ed4bb37d0cb', color: "neutral" }), h("dga-divider", { key: '59672506be6126b1cc4320904923624b7351c19c', color: "primary" })), h("div", { key: '649700e28f0c39cac33654544529cc7dc43b55af', style: {
+            } }, h("dga-divider", { key: 'ad1ba2283f773ca9206f0802a3fab36b82bd7b69', color: "neutral" }), h("dga-divider", { key: '4330dcf15b1eed1f4485a5238852be2eb33235d8', color: "primary" })), h("div", { key: 'aea5abe400656ef86c38fdec1148970406f3a8e1', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -20,7 +20,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '6caa38e40aa960c2bb8e1a9a6e40717c428d564d', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '3a182b9fa671fc31c44376ef710899d8c3af99dd', color: "primary", orientation: 'vertical' })), h("div", { key: '40c3818c30854ce4a0292b248be8d177f25d9abf', style: {
+            } }, h("dga-divider", { key: 'bd538f409651da73d00b7d57adf083e9e6d3c0c5', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: 'b27c3a05e5c8c4e087d16ddc9770d64f80045690', color: "primary", orientation: 'vertical' })), h("div", { key: '9774cf4b12d5a7fefd08a402f6807f41f13a3a43', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -28,7 +28,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'e0ce8d59aa3b5d452fa039fe81b9307ca3b947a7', color: "alpha-white" }), h("dga-divider", { key: 'a0ccb20131b45e671e8cbf606dab29ba5f47f321', color: "white" })), h("div", { key: 'b3cf90384fda25f8d3ccb586aaebd538b2cc977e', style: {
+            } }, h("dga-divider", { key: '2342d7dd4144ef2ce490625e107b8502fb27e397', color: "alpha-white" }), h("dga-divider", { key: 'd97bfaecbe5ae09b27278ed2a7c5f1f21a4d8943', color: "white" })), h("div", { key: '01e754384f223fe77d264a347cf8d379cfbe8dee', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -36,7 +36,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'fd0895a26c24b3a9986917f492f3a900ae48edff', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: 'e6ca9271afa5fd6666f176e2452e30ace2c4e72c', color: "white", orientation: 'vertical' })))), h("div", { key: 'b5d39e00e08c601b7cc016b2a8ec153630395ff2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }, h("dga-divider", { key: 'e1c53e24e6f9695dc3737d1156a1fea136688bc6', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '9bdb340701b8103b1c8c7ac72f7d92f8f56efee0', color: "white", orientation: 'vertical' })))), h("div", { key: '604c2729d06c691c0d1b9bcf7c65930a69560c65', 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: 'c7c6784e3533d70c53b5cd0a373cec1f213ed345' }, h("h1", { key: '15cd2fcbd3c1f9d58663140d78050c941290ab94' }, "Drawer Example"), h("div", { key: 'cce6dc2c44f809d06cdf868a4c2498d2bea74b10', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '054478692ae11648f46784d5325c30241c7c764c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'e694cd04a3df690f0b15f7418c018c9b32c13967', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: 'b2d01fff0a558884b1bd78638084f6665ceb35e5', onClick: () => this.open = true }, "open"), h("button", { key: 'ba05ca369d159e4a3416862b3448f770ddfd66ff', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: 'c815361864ff6a90d87a652c9b5d36922924500f', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+        return (h("div", { key: 'fdcaef5275fd7418285dc2f395c279111fea3d84' }, h("h1", { key: 'ca029a4c94d120e7be040e888c9136c13a3cbbd9' }, "Drawer Example"), h("div", { key: '384877ad6afcaa5a7f6438d704e7ec5062e43bbe', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: 'b8ab42e502b01ea3b04aad5594e0a7767408d1b2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '3e73b37a1bb0104ad8e699a103d837748abbda5d', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: '71cb26b7c9c242980330518eafa44f23f9e3394b', onClick: () => this.open = true }, "open"), h("button", { key: '9eef54b5ac6b2997d2df1bc341a92568b9ef17b8', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: 'e687e75eade6f5a88f6ae842102a5c4698664ce5', 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: 'e65c91c5c3ced6ccd0dc6c7525d7207c6bb98b29', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: 'db1d6e9892f4a3f19881ad355aed2a732c592d9b', 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: '1882688c6b9c91983903879d826e3358a219e5a4' }, h("h1", { key: 'd9d2931815da214c1caa5a476c72220abcda12c6' }, "Dropdown Example"), h("div", { key: 'a35f90af0490a27a3b7303bcfdb9b0711c5b2008', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '126c0ba46a33cb8e927abf88724ef95ac00063c5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: '26952570c0256eb9c030b85f8c8893755e8a213b', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: this.selectedValue, options: [
+        return (h("div", { key: 'd2fb4f6261488b1855dd2e3797de51989b7fae0b' }, h("h1", { key: '3e64ad673fcefa8072a106672ed9b47ae33de45a' }, "Dropdown Example"), h("div", { key: '298af911388d84b69551d1a729723126da7e3827', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e8dc9b7ae9121f45dddad24bc9259a3daa4f3839', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: '0f748e8419bc2630a9ac17df426b4466885e678d', 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: '597849e9b5a665d3b6c3ecbd2c210d59d689826d', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
+            ], onChange: (value) => this.selectedValue = value }), this.selectedValue, h("dga-dropdown", { key: '1f599037f28827f498365ab056032c0337a0ca48', 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: 'a4923bbb563a37f562a6814fd373a4d51851e057', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: '254f4ac81fa6cde9a02d2312ceace6d4a7ff00d7', 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: 'fb13b75be207248ea647f5abc65462a006355905', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: '120a934fcf2fdd850fade21e82393fa984bb9a4b', 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: 'fc62c523c87dc2ace95f9059c6eacac9eb42a823', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }))), h("dga-dropdown", { key: '71be681151d79102be041e19d8ca68b68ca0ee12', 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: '2a3284bbeacb949680d4971d49916ef5327c6974', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: 'ed4dcd2c324841e03c72ce3006994ccfd6038d4e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-dropdown-usage"; }
     static get states() {