@platformscode/core 0.0.49 → 0.0.51

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

@@ -1,281 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaTabsUsage {
-    constructor() {
-        this.activeTab = 'Home';
-        this.handleTabClick = (tabName) => {
-            console.log(`Tab clicked: ${tabName}`);
-            this.activeTab = tabName;
-            // Handle tab navigation logic here
-        };
-    }
-    render() {
-        return (h("div", { key: 'af6521941a232f3c5829e6b78ecc754baf8fcc10', style: { padding: '20px', fontFamily: 'Arial, sans-serif' } }, h("h1", { key: '115fc7279e40e0dc0070395988d189dceaf77def' }, "DGA Tabs Component Examples"), h("p", { key: '449c47c463804514bb49a9a70d2959f2e282ad35' }, "Comprehensive examples of the tabs component in various real-world scenarios."), h("section", { key: '2eeb618fd678781d5b4d37d99f586ea2214ec0ef', style: { marginBottom: '40px' } }, h("h2", { key: 'edb66ea26a9ae4f06aef44754ab1293302655736' }, "1. Website Navigation Menu"), h("p", { key: '31e5335d48b329dff19cb34e1c2bb16de6449400' }, "Main navigation for a website with different sections"), h("dga-tabs", { key: 'ba0f1961fabee8a1feeaa5b2fce20528df8b2b26', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
-                {
-                    label: 'Home',
-                    onClick: () => this.handleTabClick('Home'),
-                    tabIcon: "home-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Products',
-                    onClick: () => this.handleTabClick('Products'),
-                    tabIcon: "package-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Services',
-                    onClick: () => this.handleTabClick('Services'),
-                    tabIcon: "settings-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'About Us',
-                    onClick: () => this.handleTabClick('About'),
-                    tabIcon: "users-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Contact',
-                    onClick: () => this.handleTabClick('Contact'),
-                    tabIcon: "mail-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                }
-            ] }), "fdfff", h("dga-tabs", { key: 'e739dead759814d479122f8dc36aa98aeb992109', size: "md", orientation: "horizontal", flush: false, external: false, divider: true })), h("section", { key: 'eeab0e9c41b433f81ef07f47a7435e663a2d654b', style: { marginBottom: '40px' } }, h("h2", { key: 'aee43eb258cd262080b15eff53154ff23aa5b517' }, "2. Dashboard Analytics Tabs"), h("p", { key: '64bc1255112b8c031a3a3bf14a41c9ce5bf40fd3' }, "Analytics dashboard with different data views"), h("dga-tabs", { key: '5201fe3db7f11c1c157429ee2f1f7c63e71be986', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
-                {
-                    label: 'Overview',
-                    onClick: () => this.handleTabClick('Overview'),
-                    tabIcon: "chart-line-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Sales',
-                    onClick: () => this.handleTabClick('Sales'),
-                    tabIcon: "trending-up-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Users',
-                    onClick: () => this.handleTabClick('Users'),
-                    tabIcon: "user-group-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Reports',
-                    onClick: () => this.handleTabClick('Reports'),
-                    tabIcon: "file-chart-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                }
-            ] })), h("section", { key: 'c5c24f6121188807afb3951302201140aaca07ce', style: { marginBottom: '40px' } }, h("h2", { key: '036e05054747a64db1b5de124d75cc16e0cb87a6' }, "3. Settings Panel (Vertical Layout)"), h("p", { key: '2a47984dbfbb4f52e38176b7f6cd0117cb43e690' }, "User settings panel with vertical tab navigation"), h("div", { key: 'ebd1f2b5dd68d9ee773a4361fae6c9001eb7268d', style: { display: 'flex', gap: '20px' } }, h("dga-tabs", { key: '2a0cd8d35ec75058e4c3e38fce1c6616d29cd23c', size: "md", orientation: "vertical", flush: false, external: false, divider: true, tabsList: [
-                {
-                    label: 'Profile',
-                    onClick: () => this.handleTabClick('Profile'),
-                    tabIcon: "user-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Security',
-                    onClick: () => this.handleTabClick('Security'),
-                    tabIcon: "shield-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Notifications',
-                    onClick: () => this.handleTabClick('Notifications'),
-                    tabIcon: "bell-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Billing',
-                    onClick: () => this.handleTabClick('Billing'),
-                    tabIcon: "credit-card-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Privacy',
-                    onClick: () => this.handleTabClick('Privacy'),
-                    tabIcon: "lock-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                }
-            ] }), h("div", { key: '702c50d6ed5cd6b2e1d6323dc82b00271294d39f', style: { padding: '20px', border: '1px solid #ddd', borderRadius: '4px', flex: '1 ' } }, h("p", { key: 'cb21d117d6ed90f9deafc40d7856c3dbe97acc2b' }, "Content area for the selected tab (", this.activeTab, ") would appear here.")))), h("section", { key: '5ad4dd6bdd86bc837f9f5e9e036ab2a9e29b75c7', style: { marginBottom: '40px' } }, h("h2", { key: '54194fe843ca660e19f5606fca968848d593772b' }, "4. E-commerce Product Information"), h("p", { key: '05f761fc4fe8186435779796268efb7919fc255b' }, "Product detail page with different information sections"), h("dga-tabs", { key: 'b7b94da36e552eb6651ad12ab7a5d4a4389323e8', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
-                {
-                    label: 'Description',
-                    onClick: () => this.handleTabClick('Description'),
-                    tabIcon: "file-text-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Specifications',
-                    onClick: () => this.handleTabClick('Specifications'),
-                    tabIcon: "list-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Reviews',
-                    onClick: () => this.handleTabClick('Reviews'),
-                    tabIcon: "star-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Shipping',
-                    onClick: () => this.handleTabClick('Shipping'),
-                    tabIcon: "truck-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Returns',
-                    onClick: () => this.handleTabClick('Returns'),
-                    tabIcon: "refresh-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                }
-            ] })), h("section", { key: 'bf22309f3d1eba70dbbe929db67f608011560a5e', style: { marginBottom: '40px' } }, h("h2", { key: '6b48a29c9025f597a53956c7f472cae3808df2f8' }, "5. External Navigation Links"), h("p", { key: '3c2aac4b83dba7972d09dbb81d1414c4f717cd6a' }, "Tabs that navigate to external pages or different sections"), h("dga-tabs", { key: '653e14b5a4645bf126c8b101115b215eaafd9e11', size: "md", orientation: "horizontal", flush: false, external: true, divider: true, tabsList: [
-                {
-                    label: 'Documentation',
-                    link: '/docs',
-                    tabIcon: "book-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'API Reference',
-                    link: '/api',
-                    tabIcon: "code-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Examples',
-                    link: '/examples',
-                    tabIcon: "folder-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'GitHub',
-                    link: 'https://github.com',
-                    tabIcon: "github-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                }
-            ] })), h("section", { key: '304606f79e023c616adb9b6a8bd9dc3550fc5183', style: { marginBottom: '40px' } }, h("h2", { key: '9c0aadfd3d57d89dc8a1e877d49f809a333b54ee' }, "6. Many Tabs with Overflow Menu"), h("p", { key: 'ffd0501916196f9bbb790d34c5390e36a008cba3' }, "Example with more than 5 tabs to demonstrate overflow behavior"), h("dga-tabs", { key: 'b0f092659ab4df8bd349fb50d7dd35d270e7f972', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
-                {
-                    label: 'January',
-                    onClick: () => this.handleTabClick('January'),
-                    tabIcon: "calendar-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'February',
-                    onClick: () => this.handleTabClick('February'),
-                    tabIcon: "calendar-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'March',
-                    onClick: () => this.handleTabClick('March'),
-                    tabIcon: "calendar-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'April',
-                    onClick: () => this.handleTabClick('April'),
-                    tabIcon: "calendar-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'May',
-                    onClick: () => this.handleTabClick('May'),
-                    tabIcon: "calendar-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'June',
-                    onClick: () => this.handleTabClick('June'),
-                    tabIcon: "calendar-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'July',
-                    onClick: () => this.handleTabClick('July'),
-                    tabIcon: "calendar-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'August',
-                    onClick: () => this.handleTabClick('August'),
-                    tabIcon: "calendar-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                }
-            ] })), h("section", { key: 'b3c9b2cb3f8e2d7f9cf2881944633e68c49c39a1', style: { marginBottom: '40px' } }, h("h2", { key: 'aec44b6961614120237815e9715cd9ebd92f7b89' }, "7. Different Tab Sizes"), h("h3", { key: '8c87cbcf54dde95389353138998a7f707d1be5cd' }, "Small Size"), h("dga-tabs", { key: '68a1ca659a146dfbe5f416d7c2239ec3298c12c3', size: "sm", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
-                { label: 'Small', onClick: () => this.handleTabClick('Small') },
-                { label: 'Compact', onClick: () => this.handleTabClick('Compact') },
-                { label: 'Minimal', onClick: () => this.handleTabClick('Minimal') }
-            ] }), h("h3", { key: '5ab3d2210f4d7f1567532d4405341abf8da13988' }, "Medium Size (Default)"), h("dga-tabs", { key: '3e229a680f897f8e40bb4430f5dd82864b33100c', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
-                { label: 'Medium', onClick: () => this.handleTabClick('Medium') },
-                { label: 'Standard', onClick: () => this.handleTabClick('Standard') },
-                { label: 'Default', onClick: () => this.handleTabClick('Default') }
-            ] }), h("h3", { key: '5c2b3593d676177738c798fff4ac878df7dc8ed5' }, "Large Size"), h("dga-tabs", { key: '422b3e801a87283c3956a4528121112d55938a32', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
-                { label: 'Large', onClick: () => this.handleTabClick('Large') },
-                { label: 'Prominent', onClick: () => this.handleTabClick('Prominent') },
-                { label: 'Bold', onClick: () => this.handleTabClick('Bold') }
-            ] })), h("section", { key: '22dcf55e90ec7ca189e796e3cd556606375293ee', style: { marginBottom: '40px' } }, h("h2", { key: 'bbd382467bd541767e3eeed85a6b7950c115f9b3' }, "8. Flush Tabs (No Padding)"), h("p", { key: 'cf77dd42a35f3e4e6e9826c1c14dcf1eb732a041' }, "Tabs with flush styling for tight layouts"), h("dga-tabs", { key: '454aa4ec646bc97b323ceefa0509cba8a775fa37', size: "md", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
-                {
-                    label: 'Flush Tab 1',
-                    onClick: () => this.handleTabClick('Flush1'),
-                    tabIcon: "square-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Flush Tab 2',
-                    onClick: () => this.handleTabClick('Flush2'),
-                    tabIcon: "square-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Flush Tab 3',
-                    onClick: () => this.handleTabClick('Flush3'),
-                    tabIcon: "square-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                }
-            ] })), h("section", { key: 'a4dd2c0f561e52800d3696ea4245bea889ea52bf', style: { marginBottom: '40px' } }, h("h2", { key: '95faec8370c0624653e405e8e16c4030125e1c68' }, "9. Disabled Tabs"), h("p", { key: '6938e18c405122b89e3a4f6c1ab7abe211266987' }, "Tabs in disabled state for maintenance or restricted access"), h("dga-tabs", { key: '2c8d55f3ded3c0a59c62fd04b6bcc1fb55b52a2a', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, disabled: true, tabsList: [
-                {
-                    label: 'Disabled Tab 1',
-                    onClick: () => this.handleTabClick('Disabled1'),
-                    tabIcon: "lock-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Disabled Tab 2',
-                    onClick: () => this.handleTabClick('Disabled2'),
-                    tabIcon: "lock-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Disabled Tab 3',
-                    onClick: () => this.handleTabClick('Disabled3'),
-                    tabIcon: "lock-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                }
-            ] })), h("section", { key: 'b96edc45a18613d9c802f456a0c60a5a889d1f6f', style: { marginBottom: '40px' } }, h("h2", { key: '34e9fc81e3e0dcc90fbc8c418d66574d4864dc1d' }, "10. Mobile-Friendly Tabs"), h("p", { key: 'de57b486614aa79df140aa290b0c67ca2c034bed' }, "Compact tabs suitable for mobile interfaces"), h("dga-tabs", { key: '6a1454aa2d8c30be2d8e6159ac253a1403f66f35', size: "sm", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
-                {
-                    label: 'Feed',
-                    onClick: () => this.handleTabClick('Feed'),
-                    tabIcon: "rss-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Messages',
-                    onClick: () => this.handleTabClick('Messages'),
-                    tabIcon: "message-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                },
-                {
-                    label: 'Profile',
-                    onClick: () => this.handleTabClick('Profile'),
-                    tabIcon: "user-01",
-                    iconProps: { variant: "stroke", type: "sharp" }
-                }
-            ] }))));
-    }
-    static get is() { return "dga-tabs-usage"; }
-    static get states() {
-        return {
-            "activeTab": {}
-        };
-    }
-}

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

@@ -1,112 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaTagUsage {
-    render() {
-        return (h("div", { key: '89529a88bbb67d45daafa585975358b5d5eb30ba' }, h("h1", { key: '537bbbb9a65746515cb29bf774442909d6b91584' }, "Tag Example"), h("div", { key: '9fe896ada9de14b8020e01bb354b9dc76425d680', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2ea6fb157e8f26a2800d51b6d3b725b1c3efcd33', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '08c673fa60c1b619db9bf810ffc58a976308b30d', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "lg", leadIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            }, trailIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            } }), h("dga-tag", { key: 'd74e676ed84e5496598e50c9b795e17f0c8f0627', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "md", leadIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            }, trailIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            } }), h("dga-tag", { key: 'eddf7ef84d98c86f79c2280201ec947059ce4957', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "sm", leadIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            }, trailIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            } }), h("dga-tag", { key: '3e28e2c88449b135f146c204dd7ebf7556c4b5b7', label: "Label", variant: "success", outlined: false, rounded: false, size: "lg", leadIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            }, trailIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            } }), h("dga-tag", { key: '7ac31a9d9f99a00edaa4a73dc56d8c768a5ccf3d', label: "Label", variant: "success", outlined: false, rounded: false, size: "md", leadIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            }, trailIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            } }), h("dga-tag", { key: '583077976c64da34d1b27064480b61c761a6d645', label: "Label", variant: "success", outlined: false, rounded: false, size: "sm", leadIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            }, trailIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            } }), h("dga-tag", { key: '1d236f29d77b5d9c7352dc1cfd24a69709c23fb5', label: "Label", variant: "error", outlined: false, rounded: false, size: "lg", leadIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            }, trailIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            } }), h("dga-tag", { key: 'ebc300447ddf718745c86041638bf96f4da1e5b7', label: "Label", variant: "error", outlined: false, rounded: false, size: "md", leadIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            }, trailIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            } }), h("dga-tag", { key: '4845f717d59581d9ce15b90016c1a191908653e1', label: "Label", variant: "error", outlined: false, rounded: false, size: "sm", leadIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            }, trailIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            } })), h("div", { key: '8ef47a1d9e14c65cdd301d2afb415521da82bbc5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '1dc33d6020300c5b58562d345ffc810fa072a339', label: "Label", variant: "error", size: "lg", outlined: false, rounded: false, iconOnly: true, leadIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            } }), h("dga-tag", { key: '269c40ec38ddd76d41df2d3e93cf213e185215bb', label: "Label", variant: "neutral", size: "md", outlined: false, rounded: false, iconOnly: true, leadIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            } }), h("dga-tag", { key: '8171b7bf6d6dff23c323ca6c42c48148f8f5b4ff', label: "Label", variant: "neutral", size: "sm", outlined: false, rounded: false, iconOnly: true, leadIcon: {
-                name: "alert-02",
-                type: "rounded",
-                variant: "stroke",
-                size: 16
-            } }), h("dga-status-tag", { key: '019a1cf37ba02ecbbc3c1e775d84a33c84f4bad3', label: 'Status', color: 'neutral', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'b90654cfb24527ef4939f8c11403890af7842690', label: 'Status', color: 'neutral', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '061d6325ed952630a1a4602fdb4e07c14bd830cb', label: 'Status', color: 'neutral', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'ad997e309b021aa92af9f96a58795727c8284362', label: 'Status', color: 'neutral', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'd401062b0fdab54a1a72b5a525907fc4762f2d20', label: 'Status', color: 'neutral', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'f321e36eceeace3955bf0e2cb157d8919d26447b', label: 'Status', color: 'neutral', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '71cf5ae1e7d8e1847ca3aea2f089ded28c8f17b5', label: 'Status', color: 'neutral', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '5a03ebbd43cf3827284ed42ebfc474ce632bdb35', label: 'Status', color: 'neutral', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '78f2a606bece090c06a2a7b4d76dd808b0771c2f', label: 'Status', color: 'neutral', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '54f37dabb5aa2669ec993e77eb9d76406aa4e524', label: 'Status', color: 'blue', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '392377a3d89eb858d1028a20f172bcfcf08438ca', label: 'Status', color: 'blue', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '420f40340edaff51be0a1d7107875e9b2124afd4', label: 'Status', color: 'blue', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '0de79f233e1c9a4fc20f006d920f1eb1e53fbd7a', label: 'Status', color: 'blue', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '2ab6f99e8b865f5a454115c2de99e1256f00ee73', label: 'Status', color: 'blue', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'cf1d4aab215883e00e0b65d66bc183a4539636dd', label: 'Status', color: 'blue', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '78e478003a7c3ebc917a952eca706981553b2e22', label: 'Status', color: 'blue', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '90a4db50ef4d91db13e300fe1cc3d63ef72b29c9', label: 'Status', color: 'blue', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '91b30071b8937c68ca35fb3e80ed161a4fd03133', label: 'Status', color: 'blue', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: 'ee539caa6371527918e62bf19f529fd8eaec34d6', label: 'Status', color: 'green', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'f541139d43657a458bf8b95380456949805234cb', label: 'Status', color: 'green', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'f42f3171874074c6af31da505b1af8c5965262af', label: 'Status', color: 'green', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'f3f52b1f0603d27c367bde8d60a8237f09e693cb', label: 'Status', color: 'green', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'd546ae48969caaf4db52cbc058fadc0c2569fe8f', label: 'Status', color: 'green', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'b23516ab20f692dd982f3fa18551e1d0951148ea', label: 'Status', color: 'green', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '406d44b8cd24ab6864449e358099d43e3003a1e1', label: 'Status', color: 'green', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'ef25a2ef54b8f603a421a947ab5be08268a4f2dd', label: 'Status', color: 'green', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '9395c367e61f6e51cf5c957b63a9141ffff3bf92', label: 'Status', color: 'green', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '876d97587d78c0caa5dce4532a61bd7fe953bd7e', label: 'Status', color: 'yellow', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '4ca47b79b599a0623b584a115336e7bfde791549', label: 'Status', color: 'yellow', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'ad1378a90c69e7a1a793e5b5d83a489681eca0ce', label: 'Status', color: 'yellow', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '00563585f586556dbb29aebabf84083367a8d1c7', label: 'Status', color: 'yellow', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '6510e6b3a9483fb7a2dfc5422653659983280d1b', label: 'Status', color: 'yellow', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'af863cc031c04b4f777453022e0bac404c070217', label: 'Status', color: 'yellow', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'd87b1ad3ce3cd6e4397b72c1088a2b82b5fe157a', label: 'Status', color: 'yellow', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'bcdb7dfadad15c7a05406d26de739721640f5545', label: 'Status', color: 'yellow', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '42e07ec5dcfcd9e18ca3e3bd82a7cf76b3b4599c', label: 'Status', color: 'yellow', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '25f8e808405aa33bac9400577894fc08318a4cb3', label: 'Status', color: 'red', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'd2d89d970ec10db9d51d6569de4f284a6409868e', label: 'Status', color: 'red', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '4479da6b055dc67ccbcc532a705173c43bcfc41d', label: 'Status', color: 'red', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '68bba181ce39630a8b9585ac5168735e9cc9acaa', label: 'Status', color: 'red', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '0db675a9aa57c1d24984c4efe1406cc958c232db', label: 'Status', color: 'red', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '6560927fd2d5914f78ffcc9a4feb700a699fed3f', label: 'Status', color: 'red', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'e307e801a275266c2548454d99e904cd7c539539', label: 'Status', color: 'red', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '4975bcf2bf62df368e6ca2c3cf7488475fd1fc7b', label: 'Status', color: 'red', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '641bc7cf8fcb211e036607950c2f1758ea15bd21', label: 'Status', color: 'red', size: 'sm', status: 'ghost' })))));
-    }
-    static get is() { return "dga-tag-usage"; }
-}

package/dist/collection/usage/dga-text-input-usage.js

@@ -1,17 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaTextInputUsage {
-    constructor() {
-        this.value = 'Text Input Example';
-    }
-    render() {
-        return (h("div", { key: '36d6cfcf6fb629ee6b74c1e72bae38a7d4f6adb4' }, h("h1", { key: '92d28a8adc3ccc24b8d5dda793ffeda154375261' }, "Text Input Example"), h("div", { key: '6d590a9c7168335df8e9c5daebf35e83e1c0170b', style: { padding: '50px' } }, h("div", { key: '1a850519e0bda4f3551858b5e26c9bd3200dec1a', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("input", { key: '77ee8f84053c4599c61cce4eaa46382afc760b1e', type: "text", value: this.value, onChange: (e) => (this.value = e.target.value) }), h("p", { key: 'efcc03926e4b6bc783cf5cc6134a703dc3795526' }, this.value), h("dga-text-input", { key: '3b8005e59eb56730b0d26965d1e237e0f4ff9857', readonly: false, variant: "darker", label: "Label", value: this.value, required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true, onInput: (e) => (this.value = e.target.value) }), h("dga-text-input", { key: '596864b454783dac5e27cbdd389c619ca86a841b', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }), h("dga-text-input", { key: 'ad6a3205781f90c804c28b41f1116d21976408a5', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }, h("dga-prefix", { key: 'a878360940fb5384ce9b5d810f84f28fc9a16297', type: "button", variant: "solid",
-            // label="Button Label"
-            icon: { name: 'search-01' } })), h("dga-label", { key: '341a6978553e586661eea52e29c925fe7455f9a0', label: "Mandatory Text Input" }), h("dga-label", { key: '317bb208755ffb2bd8eae60dc7bf353085bf04fd', label: "Mandatory Text Input", required: true })))));
-    }
-    static get is() { return "dga-text-input-usage"; }
-    static get states() {
-        return {
-            "value": {}
-        };
-    }
-}

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

@@ -1,7 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaTextareaUsage {
-    render() {
-        return (h("div", { key: 'eedd21e1d488194fba129acfbc4dcaaea7965044' }, h("h1", { key: '2bac950452467a303fa6e067c48a4b3fd4638e6b' }, "Textarea Example"), h("div", { key: '598e7f33f3583e4b7546da9f141b81b9ceb93518', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '149b5622df28b4ea0dd4eb57fafd66de903615c8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-textarea", { key: 'abff65ce309d12412270a48ff3898afa991be11b', label: "Label", placeholder: "Placeholder...", scrollbar: true, readonly: true }), h("dga-textarea", { key: 'cfb003723ee656013d6ecd9d011a629257ff1143', placeholder: "Placeholder...", scrollbar: true })), h("div", { key: '5e81eb3feac0aff14f7e0dbff1c6db7719b8478a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-    static get is() { return "dga-textarea-usage"; }
-}

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

@@ -1,19 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaTooltipUsage {
-    constructor() {
-        this.activeStep = 1;
-    }
-    render() {
-        return (h("div", { key: '49e204f87a983fdef362ba15aa675ff88b154f6f' }, h("h1", { key: 'f72901552c7c15ffa756b2611f6e3f4ae12282c8' }, "Tooltip Example"), h("div", { key: 'ca767eeea3c7bcd148d47bb9f334a803b64d0fdc', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '3677a428ee9986cff7fdcac5e82b23e6ccd32f00', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-tooltip", { key: '0557244092b40e17d7dc9e2b3f165f16ef5da332', title: "Tooltip title", helperText: "Max width of tooltips is 240px - text will wrap automatically", direction: 'right', theme: 'dark', icon: true, beakAlignment: 'end', beakPlacement: 'left', feedbackIcon: {
-                type: "error-!",
-                style: "container",
-                size: 24
-            } }, "Hello")), h("div", { key: 'dca6a8a3e51c917b14829e47f2cace5779472640', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
-    }
-    static get is() { return "dga-tooltip-usage"; }
-    static get states() {
-        return {
-            "activeStep": {}
-        };
-    }
-}

package/dist/components/dga-accordion-usage.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DgaAccordionUsage extends Components.DgaAccordionUsage, HTMLElement {}
-export const DgaAccordionUsage: {
-    prototype: DgaAccordionUsage;
-    new (): DgaAccordionUsage;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

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

@@ -1,41 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
-import { d as defineCustomElement$3 } from './p-B1ekvjhr.js';
-import { d as defineCustomElement$2 } from './p-CDMKY2c-.js';
-
-const DgaAccordionUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaAccordionUsage extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    render() {
-        return (h("div", { key: '2c12863faabb147c879a0c555e7edcd107c7ff64' }, h("h1", { key: '140ed5011b336102d03c4f1f3013ecc845321a31' }, "Accordion Example"), h("div", { key: '968c0b79000aeb86ec0491ed912f66b9a81ccbf9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f3fec41067a37a6f77007c129d5ef86d9632b6db', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-accordion", { key: 'cf11e7f77a46a5f16b30d87a1a3b5ded362175fd', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("dga-accordion", { key: 'ce1736b7394c809c95c486c32b64438d839d5707', title: "Accordion Title", size: "md" }), h("dga-accordion", { key: 'beafb882a6a69a71bd1f88d806ebf9334c2f0ae3', title: "Accordion Title", size: "sm" }), h("dga-accordion", { key: 'ead49a702f2c42b354230122d9939694775fe534', defaultExpanded: true, title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion.", disabled: true })), h("div", { key: 'da212916d04ef25ac3914e1285414223f2591714', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-}, [0, "dga-accordion-usage"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dga-accordion-usage", "dga-accordion", "dga-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dga-accordion-usage":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DgaAccordionUsage$1);
-            }
-            break;
-        case "dga-accordion":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "dga-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DgaAccordionUsage = DgaAccordionUsage$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DgaAccordionUsage, defineCustomElement };

package/dist/components/dga-apex-chart-usage.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DgaApexChartUsage extends Components.DgaApexChartUsage, HTMLElement {}
-export const DgaApexChartUsage: {
-    prototype: DgaApexChartUsage;
-    new (): DgaApexChartUsage;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;