circletone/esm2022/lib/components/molecules/menu/menu.component.mjs

import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { MenuItemComponent } from '../../atoms/menu-item/menu-item.component';
import { DropdownDirective } from '../../../directives/dropdown.directive';
import * as i0 from "@angular/core";
export class MenuComponent {
    constructor() {
        this.items = [];
        this.fullSize = true;
        this.direction = 'vertical';
        this.iconAlone = false;
        this.iconDirection = 'horizontal';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.2", type: MenuComponent, isStandalone: true, selector: "ct-menu", inputs: { items: "items", fullSize: "fullSize", direction: "direction", iconAlone: "iconAlone", iconDirection: "iconDirection" }, ngImport: i0, template: "<div\n  class=\"z-10 flex flex-col rounded-md bg-surface p-2 text-on-surface shadow-lg dark:bg-surface-dark\"\n  [class.w-fit]=\"!fullSize\"\n  [class.w-full]=\"fullSize\">\n  <ul\n    class=\"flex justify-around\"\n    [class.flex-col]=\"direction === 'vertical'\"\n    [class.flex-row]=\"direction === 'horizontal'\">\n    @for (item of items; track item) {\n      <li>\n        <!-- @if (item.subMenu && item.subMenu.length > 0) {\n          <button ctDropdown [targetId]=\"'test'\">{{ item.text }}</button>\n          <ct-menu class=\"absolute hidden\" [id]=\"'test'\" [items]=\"item.subMenu\" />\n        } @else { -->\n        <ct-menu-item\n          [text]=\"item.text\"\n          [link]=\"item.link\"\n          [type]=\"item.type\"\n          [icon]=\"item.icon!\"\n          [iconAlone]=\"iconAlone\"\n          [iconDirection]=\"iconDirection\" />\n        <!-- } -->\n      </li>\n    }\n  </ul>\n</div>\n", dependencies: [{ kind: "component", type: MenuItemComponent, selector: "ct-menu-item", inputs: ["text", "link", "type", "icon", "iconSize", "iconAlone", "iconDirection"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: MenuComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ct-menu', standalone: true, imports: [MenuItemComponent, DropdownDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"z-10 flex flex-col rounded-md bg-surface p-2 text-on-surface shadow-lg dark:bg-surface-dark\"\n  [class.w-fit]=\"!fullSize\"\n  [class.w-full]=\"fullSize\">\n  <ul\n    class=\"flex justify-around\"\n    [class.flex-col]=\"direction === 'vertical'\"\n    [class.flex-row]=\"direction === 'horizontal'\">\n    @for (item of items; track item) {\n      <li>\n        <!-- @if (item.subMenu && item.subMenu.length > 0) {\n          <button ctDropdown [targetId]=\"'test'\">{{ item.text }}</button>\n          <ct-menu class=\"absolute hidden\" [id]=\"'test'\" [items]=\"item.subMenu\" />\n        } @else { -->\n        <ct-menu-item\n          [text]=\"item.text\"\n          [link]=\"item.link\"\n          [type]=\"item.type\"\n          [icon]=\"item.icon!\"\n          [iconAlone]=\"iconAlone\"\n          [iconDirection]=\"iconDirection\" />\n        <!-- } -->\n      </li>\n    }\n  </ul>\n</div>\n" }]
        }], propDecorators: { items: [{
                type: Input,
                args: [{ required: true }]
            }], fullSize: [{
                type: Input
            }], direction: [{
                type: Input
            }], iconAlone: [{
                type: Input
            }], iconDirection: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jaXJjbGV0b25lL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvbWVudS9tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NpcmNsZXRvbmUvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9tZW51L21lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7O0FBUzNFLE1BQU0sT0FBTyxhQUFhO0lBUDFCO1FBUTZCLFVBQUssR0FBZSxFQUFFLENBQUM7UUFDekMsYUFBUSxHQUFZLElBQUksQ0FBQztRQUN6QixjQUFTLEdBQXVDLFVBQVUsQ0FBQztRQUMzRCxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGtCQUFhLEdBQXVDLFlBQVksQ0FBQztLQUMzRTs4R0FOWSxhQUFhO2tHQUFiLGFBQWEscU1DWjFCLHk1QkEwQkEsNENEbEJZLGlCQUFpQjs7MkZBSWhCLGFBQWE7a0JBUHpCLFNBQVM7K0JBQ0UsU0FBUyxjQUNQLElBQUksV0FDUCxDQUFDLGlCQUFpQixFQUFFLGlCQUFpQixDQUFDLG1CQUU5Qix1QkFBdUIsQ0FBQyxNQUFNOzhCQUdwQixLQUFLO3NCQUEvQixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDaEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNZW51SXRlbSB9IGZyb20gJy4uLy4uLy4uL21vZGVsL2NvbXBvbmVudHMvbWVudS1pdGVtLm1vZGVsJztcbmltcG9ydCB7IE1lbnVJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbXMvbWVudS1pdGVtL21lbnUtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRHJvcGRvd25EaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi9kaXJlY3RpdmVzL2Ryb3Bkb3duLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2N0LW1lbnUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTWVudUl0ZW1Db21wb25lbnQsIERyb3Bkb3duRGlyZWN0aXZlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL21lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTWVudUNvbXBvbmVudCB7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGl0ZW1zOiBNZW51SXRlbVtdID0gW107XG4gIEBJbnB1dCgpIGZ1bGxTaXplOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgZGlyZWN0aW9uOiBzdHJpbmcgfCAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnID0gJ3ZlcnRpY2FsJztcbiAgQElucHV0KCkgaWNvbkFsb25lID0gZmFsc2U7XG4gIEBJbnB1dCgpIGljb25EaXJlY3Rpb246IHN0cmluZyB8ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCcgPSAnaG9yaXpvbnRhbCc7XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiei0xMCBmbGV4IGZsZXgtY29sIHJvdW5kZWQtbWQgYmctc3VyZmFjZSBwLTIgdGV4dC1vbi1zdXJmYWNlIHNoYWRvdy1sZyBkYXJrOmJnLXN1cmZhY2UtZGFya1wiXG4gIFtjbGFzcy53LWZpdF09XCIhZnVsbFNpemVcIlxuICBbY2xhc3Mudy1mdWxsXT1cImZ1bGxTaXplXCI+XG4gIDx1bFxuICAgIGNsYXNzPVwiZmxleCBqdXN0aWZ5LWFyb3VuZFwiXG4gICAgW2NsYXNzLmZsZXgtY29sXT1cImRpcmVjdGlvbiA9PT0gJ3ZlcnRpY2FsJ1wiXG4gICAgW2NsYXNzLmZsZXgtcm93XT1cImRpcmVjdGlvbiA9PT0gJ2hvcml6b250YWwnXCI+XG4gICAgQGZvciAoaXRlbSBvZiBpdGVtczsgdHJhY2sgaXRlbSkge1xuICAgICAgPGxpPlxuICAgICAgICA8IS0tIEBpZiAoaXRlbS5zdWJNZW51ICYmIGl0ZW0uc3ViTWVudS5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgPGJ1dHRvbiBjdERyb3Bkb3duIFt0YXJnZXRJZF09XCIndGVzdCdcIj57eyBpdGVtLnRleHQgfX08L2J1dHRvbj5cbiAgICAgICAgICA8Y3QtbWVudSBjbGFzcz1cImFic29sdXRlIGhpZGRlblwiIFtpZF09XCIndGVzdCdcIiBbaXRlbXNdPVwiaXRlbS5zdWJNZW51XCIgLz5cbiAgICAgICAgfSBAZWxzZSB7IC0tPlxuICAgICAgICA8Y3QtbWVudS1pdGVtXG4gICAgICAgICAgW3RleHRdPVwiaXRlbS50ZXh0XCJcbiAgICAgICAgICBbbGlua109XCJpdGVtLmxpbmtcIlxuICAgICAgICAgIFt0eXBlXT1cIml0ZW0udHlwZVwiXG4gICAgICAgICAgW2ljb25dPVwiaXRlbS5pY29uIVwiXG4gICAgICAgICAgW2ljb25BbG9uZV09XCJpY29uQWxvbmVcIlxuICAgICAgICAgIFtpY29uRGlyZWN0aW9uXT1cImljb25EaXJlY3Rpb25cIiAvPlxuICAgICAgICA8IS0tIH0gLS0+XG4gICAgICA8L2xpPlxuICAgIH1cbiAgPC91bD5cbjwvZGl2PlxuIl19