menu.component.mjs 6.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. import { NgClass } from '@angular/common';
  2. import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
  3. import { MenuItemComponent } from '../../atoms/menu-item/menu-item.component';
  4. import { OverlayDirective } from '../../../directives/overlay.directive';
  5. import * as i0 from "@angular/core";
  6. export class MenuComponent {
  7. constructor() {
  8. this.direction = 'vertical';
  9. this.iconDirection = 'horizontal';
  10. this.type = 'primary';
  11. this.variant = 'solid';
  12. this.gap = 2;
  13. this.fullSize = true;
  14. this.iconAlone = false;
  15. this.menusAppearVertical = false;
  16. }
  17. static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
  18. static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: MenuComponent, isStandalone: true, selector: "ct-menu", inputs: { direction: "direction", iconDirection: "iconDirection", type: "type", variant: "variant", gap: "gap", fullSize: "fullSize", iconAlone: "iconAlone", menusAppearVertical: "menusAppearVertical" }, ngImport: i0, template: "<div\n class=\"flex flex-col gap-{{ gap }} z-10 rounded-md p-2 font-primary\"\n [ngClass]=\"{\n 'shadow-lg': variant === 'solid',\n 'bg-surface dark:bg-surface-dark': variant === 'solid'\n }\">\n <div\n class=\"flex justify-around\"\n [class.flex-col]=\"direction === 'vertical'\"\n [class.flex-row]=\"direction === 'horizontal'\">\n <ng-content></ng-content>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
  19. }
  20. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MenuComponent, decorators: [{
  21. type: Component,
  22. args: [{ selector: 'ct-menu', standalone: true, imports: [NgClass, MenuItemComponent, OverlayDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"flex flex-col gap-{{ gap }} z-10 rounded-md p-2 font-primary\"\n [ngClass]=\"{\n 'shadow-lg': variant === 'solid',\n 'bg-surface dark:bg-surface-dark': variant === 'solid'\n }\">\n <div\n class=\"flex justify-around\"\n [class.flex-col]=\"direction === 'vertical'\"\n [class.flex-row]=\"direction === 'horizontal'\">\n <ng-content></ng-content>\n </div>\n</div>\n" }]
  23. }], propDecorators: { direction: [{
  24. type: Input
  25. }], iconDirection: [{
  26. type: Input
  27. }], type: [{
  28. type: Input
  29. }], variant: [{
  30. type: Input
  31. }], gap: [{
  32. type: Input
  33. }], fullSize: [{
  34. type: Input
  35. }], iconAlone: [{
  36. type: Input
  37. }], menusAppearVertical: [{
  38. type: Input
  39. }] } });
  40. //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jaXJjbGV0b25lL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvbWVudS9tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NpcmNsZXRvbmUvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9tZW51L21lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOztBQVl6RSxNQUFNLE9BQU8sYUFBYTtJQVAxQjtRQVFXLGNBQVMsR0FBeUIsVUFBVSxDQUFDO1FBQzdDLGtCQUFhLEdBQXlCLFlBQVksQ0FBQztRQUNuRCxTQUFJLEdBQWtCLFNBQVMsQ0FBQztRQUNoQyxZQUFPLEdBQXFCLE9BQU8sQ0FBQztRQUNwQyxRQUFHLEdBQUcsQ0FBQyxDQUFDO1FBQ1IsYUFBUSxHQUFZLElBQUksQ0FBQztRQUN6QixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLHdCQUFtQixHQUFHLEtBQUssQ0FBQztLQUN0Qzs4R0FUWSxhQUFhO2tHQUFiLGFBQWEsK1FDZjFCLG1aQWFBLDRDREZZLE9BQU87OzJGQUlOLGFBQWE7a0JBUHpCLFNBQVM7K0JBQ0UsU0FBUyxjQUNQLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxnQkFBZ0IsQ0FBQyxtQkFFdEMsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNZW51SXRlbUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21zL21lbnUtaXRlbS9tZW51LWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IE92ZXJsYXlEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi9kaXJlY3RpdmVzL292ZXJsYXkuZGlyZWN0aXZlJztcbmltcG9ydCB7IENvbXBvbmVudERpc3Bvc2l0aW9uIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWwvY29tcG9uZW50cy9jb21wb25lbnQtZGlzcG9zaXRpb24uZW51bSc7XG5pbXBvcnQgeyBDb21wb25lbnRWYXJpYW50IH0gZnJvbSAnLi4vLi4vLi4vbW9kZWwvY29tcG9uZW50cy9jb21wb25lbnQtdmFyaWFudC50eXBlJztcbmltcG9ydCB7IENvbXBvbmVudFR5cGUgfSBmcm9tICcuLi8uLi8uLi9tb2RlbC9jb21wb25lbnRzL2NvbXBvbmVudC10eXBlLnR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjdC1tZW51JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nQ2xhc3MsIE1lbnVJdGVtQ29tcG9uZW50LCBPdmVybGF5RGlyZWN0aXZlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL21lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTWVudUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRpcmVjdGlvbjogQ29tcG9uZW50RGlzcG9zaXRpb24gPSAndmVydGljYWwnO1xuICBASW5wdXQoKSBpY29uRGlyZWN0aW9uOiBDb21wb25lbnREaXNwb3NpdGlvbiA9ICdob3Jpem9udGFsJztcbiAgQElucHV0KCkgdHlwZTogQ29tcG9uZW50VHlwZSA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgdmFyaWFudDogQ29tcG9uZW50VmFyaWFudCA9ICdzb2xpZCc7XG4gIEBJbnB1dCgpIGdhcCA9IDI7XG4gIEBJbnB1dCgpIGZ1bGxTaXplOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgaWNvbkFsb25lID0gZmFsc2U7XG4gIEBJbnB1dCgpIG1lbnVzQXBwZWFyVmVydGljYWwgPSBmYWxzZTtcbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJmbGV4IGZsZXgtY29sIGdhcC17eyBnYXAgfX0gei0xMCByb3VuZGVkLW1kIHAtMiBmb250LXByaW1hcnlcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3NoYWRvdy1sZyc6IHZhcmlhbnQgPT09ICdzb2xpZCcsXG4gICAgJ2JnLXN1cmZhY2UgZGFyazpiZy1zdXJmYWNlLWRhcmsnOiB2YXJpYW50ID09PSAnc29saWQnXG4gIH1cIj5cbiAgPGRpdlxuICAgIGNsYXNzPVwiZmxleCBqdXN0aWZ5LWFyb3VuZFwiXG4gICAgW2NsYXNzLmZsZXgtY29sXT1cImRpcmVjdGlvbiA9PT0gJ3ZlcnRpY2FsJ1wiXG4gICAgW2NsYXNzLmZsZXgtcm93XT1cImRpcmVjdGlvbiA9PT0gJ2hvcml6b250YWwnXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19