@platformscode/core 0.0.49 → 0.0.51

package/dist/collection/nds-components/dga-header/dga-header-action.js

@@ -1,198 +0,0 @@
-import { Host } from "@stencil/core";
-import { h } from "@stencil/core";
-export class DgaHeaderAction {
-    constructor() {
-        this.iconPosition = 'inline';
-        this.iconProps = {
-            type: 'rounded',
-            variant: 'stroke',
-        };
-        this.active = false;
-        this.extraClasses = '';
-        this.openSubMenu = false;
-    }
-    handleClick(event) {
-        event.preventDefault();
-        if (this.onClick) {
-            this.onClick();
-        }
-    }
-    componentWillLoad() {
-        this.el.childNodes.forEach(item => {
-            const el = item;
-            if (el.tagName === 'DGA-HEADER-SUB-MENU' && el.attributes.getNamedItem('slot') === null) {
-                el.setAttribute('slot', 'dga-header-sub-menu');
-            }
-        });
-    }
-    render() {
-        return (h(Host, { key: '5c41af56c5104da63eb7b20e370ac0519df6f776' }, h("li", { key: '946823eb649a1fddcdc6f3d3fc2b6c6dd5e14955', onMouseEnter: () => {
-                this.openSubMenu = true;
-                //   this.active = true;
-            }, onMouseLeave: () => {
-                this.openSubMenu = false;
-                //   this.active = false;
-            } }, h("a", { key: '83a17b2e7ca9acf0ceebafc0ed3cab8ed2277f62', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''} 
-            
-            ${this.iconPosition === 'inline' ? 'header-menu__item--inline' : 'header-menu__item--top'}
-            
-            ${this.extraClasses}`, onClick: this.handleClick.bind(this) }, h("span", { key: '4c6cc232d765f7628bc9e076fc79b83c703d7e29', class: "header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: 'b57341573a2ec2edd09f4f0e6f1ae532904f627f', name: this.icon }, this.iconProps))), h("span", { key: 'c749791e2d18e81e95d4f007196bae3f18174591', class: "header-menu__item-label" }, this.label)), this.openSubMenu && h("slot", { key: 'aa88516909114220d3ec08b621a241e61d12ee42', name: "dga-header-sub-menu" }))));
-    }
-    static get is() { return "dga-header-action"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["dga-header-action.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["dga-header-action.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "label": {
-                "type": "string",
-                "attribute": "label",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "iconPosition": {
-                "type": "string",
-                "attribute": "icon-position",
-                "mutable": false,
-                "complexType": {
-                    "original": "'inline' | 'top'",
-                    "resolved": "\"inline\" | \"top\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "'inline'"
-            },
-            "icon": {
-                "type": "string",
-                "attribute": "icon",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "iconProps": {
-                "type": "unknown",
-                "attribute": "icon-props",
-                "mutable": false,
-                "complexType": {
-                    "original": "{\n    size?: number;\n    color?: string;\n    variant?: 'stroke' | 'solid' | 'duotone' | 'twotone' | 'bulk';\n    type?: 'rounded' | 'sharp' | 'standard';\n  }",
-                    "resolved": "{ size?: number; color?: string; variant?: \"stroke\" | \"solid\" | \"duotone\" | \"twotone\" | \"bulk\"; type?: \"rounded\" | \"sharp\" | \"standard\"; }",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "{\n    type: 'rounded',\n    variant: 'stroke',\n  }"
-            },
-            "active": {
-                "type": "boolean",
-                "attribute": "active",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "onClick": {
-                "type": "unknown",
-                "attribute": "on-click",
-                "mutable": false,
-                "complexType": {
-                    "original": "() => void",
-                    "resolved": "() => void",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "extraClasses": {
-                "type": "string",
-                "attribute": "extra-classes",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "''"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "openSubMenu": {}
-        };
-    }
-    static get elementRef() { return "el"; }
-}

package/dist/collection/nds-components/dga-header/dga-header-menu-item-usage.js

@@ -1,318 +0,0 @@
-import { Fragment, h } from "@stencil/core";
-const SidePanelRoutes = [
-    {
-        name: 'Link',
-        path: '/',
-        icon: {
-            name: 'home-01',
-            variant: 'stroke',
-            size: 16,
-        },
-        disabled: false,
-        children: [
-            {
-                name: 'Link',
-                path: '1',
-                // icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-                // badge: 39,
-            },
-            {
-                name: 'Link',
-                path: '2',
-                // icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-                // badge: 21,
-            },
-            {
-                name: 'Link',
-                path: '3',
-                // icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-                // badge: 2,
-            },
-            // {
-            //   name: "Home 4",
-            //   path: "4",
-            //   icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //   badge: 20,
-            // },
-            // {
-            //   name: "Home 5",
-            //   path: "5",
-            //   icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //   badge: 150,
-            //   children: [
-            //     {
-            //       name: "Home 1",
-            //       path: "1",
-            //       icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //       badge: 39,
-            //       level: 2,
-            //     },
-            //     {
-            //       name: "Home 4",
-            //       path: "4",
-            //       icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //       badge: 20,
-            //       level: 2,
-            //     },
-            //     {
-            //       name: "Home 5",
-            //       path: "5",
-            //       icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //       badge: 150,
-            //       level: 2,
-            //     },
-            //     {
-            //       name: "Home 6",
-            //       path: "6",
-            //       icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //       badge: 200,
-            //       level: 2,
-            //     },
-            //     {
-            //       name: "Home 7",
-            //       path: "7",
-            //       icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //       badge: 24,
-            //       level: 2,
-            //     },
-            //   ],
-            // },
-            // {
-            //   name: "Home 6",
-            //   path: "6",
-            //   icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //   badge: 200,
-            // },
-            // {
-            //   name: "Home 7",
-            //   path: "7",
-            //   icon: <i class='hgi-stroke hgi-arrow-down-01' style={{fontSize:"16px"}} />,
-            //   badge: 24,
-            // },
-        ],
-    },
-    {
-        name: 'Components',
-        path: '/components',
-        icon: {
-            name: 'home-01',
-            variant: 'stroke',
-            size: 16,
-        },
-        disabled: false,
-        children: [
-            {
-                name: 'Buttons',
-                path: '/buttons',
-                icon: {
-                    name: 'home-01',
-                    variant: 'stroke',
-                    size: 16,
-                },
-                badge: 100,
-            },
-            {
-                name: 'Badges',
-                path: '/badges',
-                icon: {
-                    name: 'home-01',
-                    variant: 'stroke',
-                    size: 16,
-                },
-                badge: 100,
-            },
-            {
-                name: 'Paths',
-                path: '/Paths',
-                children: [
-                    {
-                        name: 'Buttons',
-                        path: '/buttons',
-                        icon: {
-                            name: 'home-01',
-                            variant: 'stroke',
-                            size: 16,
-                        },
-                        badge: 100,
-                    },
-                    {
-                        name: 'Badges',
-                        path: '/badges',
-                        icon: {
-                            name: 'home-01',
-                            variant: 'stroke',
-                            size: 16,
-                        },
-                        badge: 100,
-                    },
-                    {
-                        name: 'Paths',
-                        path: '/Paths',
-                        icon: {
-                            name: 'home-01',
-                            variant: 'stroke',
-                            size: 16,
-                        },
-                        badge: 100,
-                    },
-                ],
-            },
-            {
-                name: 'Inputs',
-                path: '/inputs',
-                icon: {
-                    name: 'home-01',
-                    variant: 'stroke',
-                    size: 16,
-                },
-                badge: 100,
-            },
-            {
-                name: 'Accordions',
-                path: '/accordions',
-                icon: {
-                    name: 'home-01',
-                    variant: 'stroke',
-                    size: 16,
-                },
-                badge: 100,
-            },
-            {
-                name: 'Tabs',
-                path: '/tabs',
-                icon: {
-                    name: 'home-01',
-                    variant: 'stroke',
-                    size: 16,
-                },
-                badge: 100,
-            },
-        ],
-    },
-    {
-        name: 'Components 2',
-        path: '/components',
-        icon: {
-            name: 'home-01',
-            variant: 'stroke',
-            size: 16,
-        },
-        disabled: false,
-        children: [
-            {
-                name: 'Buttons',
-                path: '/buttons',
-                icon: {
-                    name: 'home-01',
-                    variant: 'stroke',
-                    size: 16,
-                },
-                badge: 100,
-            },
-            {
-                name: 'Badges',
-                path: '/badges',
-                icon: {
-                    name: 'home-01',
-                    variant: 'stroke',
-                    size: 16,
-                },
-                badge: 100,
-            },
-            {
-                name: 'Paths',
-                path: '/Paths',
-                children: [
-                    {
-                        name: 'Buttons',
-                        path: '/buttons',
-                        badge: 100,
-                    },
-                    {
-                        name: 'Badges',
-                        path: '/badges',
-                        badge: 100,
-                    },
-                    {
-                        name: 'Paths',
-                        path: '/Paths',
-                        badge: 100,
-                    },
-                ],
-            },
-            {
-                name: 'Inputs',
-                path: '/inputs',
-                badge: 100,
-            },
-            {
-                name: 'Accordions',
-                path: '/accordions',
-                badge: 100,
-            },
-            {
-                name: 'Tabs',
-                path: '/tabs',
-                badge: 100,
-            },
-        ],
-    },
-];
-export class DgaHeaderMenuItemUsage {
-    constructor() {
-        this.isMenuOpen = false;
-        this.collapsed = false;
-        // private buttonRef: HTMLElement | null = null;
-        this.anchorEl = null;
-        // private buttonRef: HTMLElement | null = null; // Reference to the button
-        this.toggleMenu = () => {
-            this.isMenuOpen = !this.isMenuOpen;
-        };
-        this.closeMenu = () => {
-            this.isMenuOpen = false;
-        };
-    }
-    get open() {
-        return Boolean(this.anchorEl);
-    }
-    handleClick(event) {
-        this.anchorEl = event.currentTarget;
-    }
-    handleClose() {
-        this.anchorEl = null;
-    }
-    render() {
-        return (h(Fragment, { key: 'e92ef883339342be4f14973f643ec3fa40cb906e' }, h("dga-header-vv2", { key: '17e3fdba4c8f316d74cdf31a497bfedb08e4d596' }, h("dga-flex", { key: 'b1cc4780070181bc60197c16ea3483ea91b83d9d', spacing: 16, direction: "row", align: "center", justify: "between" }, h("dga-button", { key: '131937c3c6ddbc59132601cc2df528fc110d0322', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
-                name: this.collapsed ? 'menu01' : 'cancel01',
-                size: 24,
-                variant: 'stroke',
-                type: 'rounded',
-            }, variant: "transparent", onClick: () => (this.collapsed = !this.collapsed), class: "header-menu__btn", sx: {
-                display: { xs: 'block', md: 'none' },
-            } }), h("dga-logo-placeholder", { key: '72369eecf634876708559d0d5c6dbd71004b83cd', size: "md" }), h("dga-flex", { key: 'fc56df15d1f0478f742ff3e1bd8d805d7135ce88', direction: "row", align: "center", justify: "start", sx: {
-                display: { xs: 'none', md: 'block' },
-            } }, h("dga-header-menu-item", { key: '1c6f91a4d4278703fa11f823dd4595ff30ea32ee', label: "Home" }), h("dga-header-menu-item", { key: '0e522c5290f166245dd027b660f6b10fc221e3cc', label: "About" }), h("dga-header-menu-item", { key: 'ea473d017c4e385e41ef6e0d0217ee2b3bd8263e', label: "Contact", active: true }, h("dga-header-sub-menu", { key: 'cc2a583030d1b81c060411dd9f2fcd67cdf040e7', subMenuFullWidth: true }, h("dga-header-sub-menu-column", { key: 'ec18c1aa6d1bdee2357e7a633ef6cee1a52045f9', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '8156e2f66e47e62b1365590217a69708ab9967dd', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'cdee9f2de171238beb0e2b26304ca82de267361a', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'c65f57d8987b4b242843a8c8509e489f49f333d0', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'ff12ab09933545c7c899279a62397b22d994f3fe', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '2596eb7342ecbb1d76ba119c862dcec7d9f063e4', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '6ef47801b1fab4a30d995cf28e6187b37d530a2c', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '258595008dfc494f5eb1202982bcdc72ab9dfc35', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'd5825859897c9f37a098e194b887456cbc960da9', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '70efb0c944b1cc4e85264ec6667c1dd22b03cd86', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '86413d6ba127bedb62fe9aead6e0493f96edb226', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '5ce2cb51545ac8db94351d6410121772c6992593', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '0b43b4e011b0a12f99b4c724afc898288dbed654', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '07335ae8f9de7ad968cea5f9cdfcd86a193b1453', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '388ca344a7c222e49b9bc8d2e09975b9b87582f7', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '305826370e7d05149846cc8f832df9ac26304a5a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '05912f983a8c1f06ac29be07973e83e1e9efe048', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '8fb928f811feff0b1dd8529b21e9d8d326047002', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '23cee2dd5af95093a6caa8232c6af4c77630da22', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '69d73f0b67329867efc30851f7ba49b5bcb618a1', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '646e8e8cf560ee5a5f854fc96111616f44a23bab', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'c3fe38c32771907efbdf6e02885c20c290599b93', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'eda160d30efbbcddecc4513f2837197639811c80', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '62c6f3a5d22672d6a8fdcbf474b7f200f686edfa', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '9d70c056d49edece184e7d74521651f7e75e8d23', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '9dcf3a35a08e5afc67646c0249d454745fac60c6', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'ff9e45fb2535e64f9e4290afa88082c353b950f3', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'ba7a7f14956248fbc8dc51b116ca6ad5819d5958', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '51bbfb7b743da1e24244e1080b77c6018f887cc3', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'a00c3d01a3e6cdbe669a5f137931a90d413865f7', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'a7e898caaad447ced7c0a15dbf71575ceb6dec84', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '483856b5c57b8ada07bcd0f3771eb87b160044c8', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '82a1a793697820c4378387941aa3407d8a492f91', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '6f5fb3b16aa53b3455f640e1b86c4b8017451be8', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '659b1bf152c5da845c049390f1bb37d9ace12c27', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), h("dga-flex", { key: 'b62e968550cc4736759ec34a7ee4286ad2945283', direction: "row", align: "center", justify: "end" }, h("dga-header-action", { key: '5e388e0f47745f77c0299114f1f42c5ef9f5a97b', label: "Action", icon: "login-square-01" }), h("dga-header-action", { key: '666de3a49694b4d568b2d017c0cae1e69f2e656a', icon: "login-square-01", iconPosition: "top" }, h("dga-header-sub-menu", { key: 'df837eeb4673fe5fa9dd9210a976f34e025b2986', subMenuFullWidth: true }, h("dga-search-box", { key: 'd76658b6428a3918ea5ef7ee164faac87f98484a' }))), h("dga-action-menu", { key: '4eddffa54f7f657f2c267cda8f854c50227f4077', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: '64754f40fb0bee6b1d607e3584598a3a62055d03', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
-                name: 'more-horizontal-circle-01',
-                size: 24,
-                variant: 'solid',
-                type: 'rounded',
-            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '1eb1ec2d37517708694cfe4de9fa5a30fa4c4b1a' }, h("dga-menu-item", { key: '9cb5923bac344b9b6c25cd42f30df042884edb43', label: "Item Label" }), h("dga-menu-item", { key: '420853e00e37b9bec6f59ab9aa6e8574eb08809a', label: "Item Label" }), h("dga-menu-item", { key: 'b2c854834234b12257bd2f8c481a158ef57a3de4', label: "Item Label" }))))), h("dga-drawer", { key: '5851b793a484e7e5054ca2f39e828aadc59b9ecb', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
-                '& > .sidepanel': {
-                    top: '72px',
-                },
-            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", h("a", { key: '5f332f58b7ecabaa5bc2ca089f9a50a25ce421ed' }, "fdgdfgfdg"), h("div", { key: 'ffe92c03d0d519bd5dc0ffd1689d63b7f3f53d64' }, "gfdgfdgfd")), h("dga-logo-placeholder", { key: 'a4621dc91c307674efa4e85c77bf545570425f6b', text: "Platform Logo", size: "md" }), h("dga-logo-placeholder", { key: '8bb2e13db6bacc7349f5597ae8e34cc126617988', text: "Platform Logo", size: "sm" }), h("dga-action-menu", { key: '860afb9b3c3267111216fb92952a8ae85b7393e5', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'd94e8c3ce27ea4125b69ddcc2b072a7d3aa7606c', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
-                name: 'more-horizontal-circle-01',
-                size: 24,
-                variant: 'solid',
-                type: 'rounded',
-            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '437ff62b953bc666e7550f5de1028e26a3c56338' }, h("dga-menu-item", { key: '391760861d0c7db65b80f1f02d4a082c841a1a69', label: "Item Label" }), h("dga-menu-item", { key: '671583b7a7785eafbedd7008decb8f3557cbb0f7', label: "Item Label" }), h("dga-menu-item", { key: 'a2e59aa37e5430243b4a7198b527e4409352ca5a', label: "Item Label" })))));
-    }
-    static get is() { return "dga-header-menu-item-usage"; }
-    static get states() {
-        return {
-            "isMenuOpen": {},
-            "collapsed": {},
-            "anchorEl": {}
-        };
-    }
-}