@platformscode/core 0.0.49 → 0.0.51

package/dist/esm/dga-table-of-content-usage.entry.js

@@ -1,175 +0,0 @@
-import { r as registerInstance, h } from './index-BLSc18AE.js';
-
-const DgaTableOfContentUsage = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("div", { key: 'c5ad3e52cf4eb59a62541e78d7c99bded454c74b', style: {
-                position: 'relative',
-                width: '100%',
-                maxWidth: '1200px',
-                margin: '0 auto',
-                padding: '20px'
-            } }, h("h1", { key: '021dec55aa464a4c88e1b1ec16bd3f17c2025639' }, "Table of Content Example"), h("section", { key: '2f04ccc7be79116be89a91111238f2453e75fa86' }, h("div", { key: 'df45044e5bea2066ed4becad5a50f5f5c3de7a79', id: "section_1", style: {
-                minHeight: "100vh",
-                backgroundColor: "gray",
-                padding: "20px",
-                margin: "20px 0 200px 0"
-            } }, h("h2", { key: '6c4a7d4fb571098274efdb619d0a680eeba4be54' }, "Section 1"), h("div", { key: '2c8528d38764e9c0a1bc439c1a9c78f3f7bdb75f', id: "section_1_child_1", style: {
-                minHeight: "100vh",
-                backgroundColor: "rgba(255,0,0,0.3)",
-                margin: "20px 0",
-                padding: "20px"
-            } }, h("h3", { key: '56e7fbb76aaeb4d3d99d5555301ee8cdd2e06b66' }, "Section 1 Child 1")), h("div", { key: 'f9916a6de51c0c99d78d8abf70190fce6a94e5b9', id: "section_1_child_2", style: {
-                minHeight: "100vh",
-                backgroundColor: "rgba(0,0,255,0.3)",
-                margin: "20px 0",
-                padding: "20px"
-            } }, h("h3", { key: 'c506270f9263ed1e47f4e3ca3f4b257028a4b8a6' }, "Section 1 Child 2")), h("div", { key: 'cb18f9e9ed9187a2ee9ed22276f0eee336a9c985', id: "section_1_child_3", style: {
-                minHeight: "100vh",
-                backgroundColor: "rgba(0,255,0,0.3)",
-                margin: "20px 0",
-                padding: "20px"
-            } }, h("h3", { key: 'eaff4ff20707cc024322474cc79cba2a17c126e5' }, "Section 1 Child 3"), h("div", { key: '54eb571c622e6dda3e9bb5dd2d7360c63b5bfdc8', id: "section_1_sub_child_1", style: {
-                minHeight: "50vh",
-                backgroundColor: "rgba(255,255,255,0.3)",
-                margin: "20px 0",
-                padding: "20px"
-            } }, h("h4", { key: 'f4beb259fcb9cc8a947f6ba0aa6d1ea3f00412fa' }, "Section 1 Sub Child 1")), h("div", { key: 'a0d0032742fac90ebb1948c66ef65d555740c939', id: "section_1_sub_child_2", style: {
-                minHeight: "50vh",
-                backgroundColor: "rgba(255,255,255,0.3)",
-                margin: "20px 0",
-                padding: "20px"
-            } }, h("h4", { key: '14165fc2007ff18caa18c5b8e8f8267bcf3a2a5a' }, "Section 1 Sub Child 2")), h("div", { key: 'be863c4a8646891613b96965219638f1d8cf6f4b', id: "section_1_sub_child_3", style: {
-                minHeight: "50vh",
-                backgroundColor: "rgba(255,255,255,0.3)",
-                margin: "20px 0",
-                padding: "20px"
-            } }, h("h4", { key: '3fedd0a2e2879336821c46a544e7b27e602aa781' }, "Section 1 Sub Child 3")))), h("div", { key: '6a64207624433e966b4411218da481edc36770b1', id: "section_2", style: {
-                minHeight: "100vh",
-                backgroundColor: "rgba(0,0,0,0.8)",
-                color: "white",
-                padding: "20px",
-                margin: "20px 0"
-            } }, h("h2", { key: 'e1226409fe771b715153539e2434306b2803e226' }, "Section 2")), h("div", { key: 'e198e3d245b336c1c6ee3dda312830c38b22be52', id: "section_3", style: {
-                minHeight: "100vh",
-                backgroundColor: "brown",
-                padding: "20px",
-                margin: "20px 0"
-            } }, h("h2", { key: '09b9602fec15d005f027590cec6ed95b60f67347' }, "Section 3"), h("div", { key: '95c8347853274f3a4486be513fd521bdee9ab489', id: "section_3_child_1", style: {
-                minHeight: "50vh",
-                backgroundColor: "rgba(255,255,255,0.3)",
-                margin: "20px 0",
-                padding: "20px"
-            } }, h("h3", { key: '31149bbe3005822726ae85f131db68abcf07221c' }, "Section 3 Child 1")), h("div", { key: '0f947a2357915b84f4590d894de3bf0dd9b0d387', id: "section_3_child_2", style: {
-                minHeight: "50vh",
-                backgroundColor: "rgba(255,255,255,0.3)",
-                margin: "20px 0",
-                padding: "20px"
-            } }, h("h3", { key: 'dd0124e0dd56a5a117b3caae47881309632ffa1d' }, "Section 3 Child 2"), h("div", { key: 'c039efb88ef9b783384676b84319e478cf887df4', id: "section_3_child_2_1", style: {
-                minHeight: "30vh",
-                backgroundColor: "rgba(0,0,0,0.1)",
-                margin: "20px 0",
-                padding: "20px"
-            } }, h("h4", { key: 'b8aa9d3e1d6d7ea3830965d08f0a09b04524730d' }, "Section 3 Child 2.1")), h("div", { key: '95d7f31a6f76db34ed43a1d404abeeab63776fe3', id: "section_3_child_2_2", style: {
-                minHeight: "30vh",
-                backgroundColor: "rgba(0,0,0,0.1)",
-                margin: "20px 0",
-                padding: "20px"
-            } }, h("h4", { key: 'ea94508d2702f1a8f17dab0fcbc9873988036f20' }, "Section 3 Child 2.2")), h("div", { key: '795795e34d210ec75928d653f5b4c2df46066f29', id: "section_3_child_2_3", style: {
-                minHeight: "30vh",
-                backgroundColor: "rgba(0,0,0,0.1)",
-                margin: "20px 0",
-                padding: "20px"
-            } }, h("h4", { key: '890b237a01cb219b3bd75a6e581d0d5898eaafe3' }, "Section 3 Child 2.3"))))), h("div", { key: 'da4ad65203ac5f86a125f956333ac16c350ad931', style: {
-                position: "fixed",
-                top: "100px",
-                left: "40px",
-                zIndex: '100',
-                background: "white",
-                borderRadius: "8px",
-                boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: '9d8781962e0359aad42013f57079722dd70ad6b3', title: "On this Page", subTitle: "Page Title", sections: [
-                {
-                    Name: 'Section 1',
-                    Target: 'section_1',
-                    Children: [
-                        { Name: 'Section 1 Child 1', Target: 'section_1_child_1' },
-                        { Name: 'Section 1 Child 2', Target: 'section_1_child_2' },
-                        {
-                            Name: 'Section 1 Child 3',
-                            Target: 'section_1_child_3',
-                            Children: [
-                                { Name: 'Sub Child 1', Target: 'section_1_sub_child_1' },
-                                { Name: 'Sub Child 2', Target: 'section_1_sub_child_2' },
-                                { Name: 'Sub Child 3', Target: 'section_1_sub_child_3' }
-                            ]
-                        }
-                    ]
-                },
-                { Name: 'Section 2', Target: 'section_2' },
-                {
-                    Name: 'Section 3',
-                    Target: 'section_3',
-                    Children: [
-                        { Name: 'Section 3 Child 1', Target: 'section_3_child_1' },
-                        {
-                            Name: 'Section 3 Child 2',
-                            Target: 'section_3_child_2',
-                            Children: [
-                                { Name: 'Child 2.1', Target: 'section_3_child_2_1' },
-                                { Name: 'Child 2.2', Target: 'section_3_child_2_2' },
-                                { Name: 'Child 2.3', Target: 'section_3_child_2_3' }
-                            ]
-                        }
-                    ]
-                }
-            ] })), h("div", { key: '5822bfcbe3ed6de6c69443ac41508c0efa5059a7', style: {
-                position: "fixed",
-                top: "100px",
-                right: "40px",
-                zIndex: '100',
-                background: "white",
-                borderRadius: "8px",
-                boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: '7e20e37f52d083fbd42b3c236cc431bfd476ca58', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
-                {
-                    Name: 'قسم صفحة',
-                    Target: 'section_1',
-                    Children: [
-                        { Name: 'قسم صفحة', Target: 'section_1_child_1' },
-                        { Name: 'قسم صفحة', Target: 'section_1_child_2' },
-                        {
-                            Name: 'قسم صفحة',
-                            Target: 'section_1_child_3',
-                            Children: [
-                                { Name: 'قسم صفحة', Target: 'section_1_sub_child_1' },
-                                { Name: 'قسم صفحة', Target: 'section_1_sub_child_2' },
-                                { Name: 'قسم صفحة', Target: 'section_1_sub_child_3' }
-                            ]
-                        }
-                    ]
-                },
-                { Name: 'Section 2', Target: 'section_2' },
-                {
-                    Name: 'Section 3',
-                    Target: 'section_3',
-                    Children: [
-                        { Name: 'Section 3 Child 1', Target: 'section_3_child_1' },
-                        {
-                            Name: 'Section 3 Child 2',
-                            Target: 'section_3_child_2',
-                            Children: [
-                                { Name: 'Child 2.1', Target: 'section_3_child_2_1' },
-                                { Name: 'Child 2.2', Target: 'section_3_child_2_2' },
-                                { Name: 'Child 2.3', Target: 'section_3_child_2_3' }
-                            ]
-                        }
-                    ]
-                }
-            ] }))));
-    }
-};
-
-export { DgaTableOfContentUsage as dga_table_of_content_usage };

package/dist/esm/dga-table-usage.entry.js

@@ -1,68 +0,0 @@
-import { r as registerInstance, h } from './index-BLSc18AE.js';
-
-const DgaTableUsage = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("div", { key: '0e83a4e5b34b7d3bdf2d7a3e2a81345245692d5b' }, h("h1", { key: '84c7be864e7456267721d9872bc163dc580e77d6' }, "Table Example"), h("div", { key: 'aa961e5a91bfd6acb005c51e922b08abcf831067', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c3197ff1234483d86a915596d368c4a9d0bd0be9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-data-table", { key: '52db546e9073d679b2f447ec52663cbfee0024e9', columns: [
-                {
-                    label: 'Header',
-                },
-            ], cells: [
-                {
-                    title: 'city',
-                    sort: 'up',
-                    isSort: true,
-                    isFilter: true,
-                    type: 'propertyName',
-                    propertyName: 'city',
-                    colSpan: 1, // Set colSpan to 1 (default is 1)
-                },
-                {
-                    title: 'price',
-                    sort: 'down',
-                    isSort: true,
-                    isFilter: true,
-                    type: 'propertyName',
-                    propertyName: 'price',
-                    colSpan: 1,
-                },
-                {
-                    title: 'state',
-                    isSort: true,
-                    isFilter: true,
-                    type: 'propertyName',
-                    propertyName: 'state',
-                    colSpan: 1,
-                },
-            ], data: [
-                {
-                    h_id: '3',
-                    city: 'Dallas',
-                    state: 'TX',
-                    zip: '75201',
-                    price: '162500',
-                    selected: false, // Add selected property for checkbox functionality
-                },
-                {
-                    h_id: '4',
-                    city: 'Bevery Hills',
-                    state: 'CA',
-                    zip: '90210',
-                    price: '319250',
-                    selected: false,
-                },
-                {
-                    h_id: '5',
-                    city: 'New York',
-                    state: 'NY',
-                    zip: '00010',
-                    price: '962500',
-                    selected: false,
-                },
-            ] })), h("div", { key: 'da81e5feaa0982e4820892a6c0024bc478343a73', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-};
-
-export { DgaTableUsage as dga_table_usage };

package/dist/esm/dga-tabs-usage.entry.js

@@ -1,279 +0,0 @@
-import { r as registerInstance, h } from './index-BLSc18AE.js';
-
-const DgaTabsUsage = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        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" }
-                }
-            ] }))));
-    }
-};
-
-export { DgaTabsUsage as dga_tabs_usage };