menu.component.mjs 6.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. import { NgClass } from '@angular/common';
  2. import { ChangeDetectionStrategy, Component, forwardRef, 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: i0.forwardRef(() => 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, forwardRef(() => 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jaXJjbGV0b25lL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvbWVudS9tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NpcmNsZXRvbmUvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9tZW51L21lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7QUFZekUsTUFBTSxPQUFPLGFBQWE7SUFQMUI7UUFRVyxjQUFTLEdBQXlCLFVBQVUsQ0FBQztRQUM3QyxrQkFBYSxHQUF5QixZQUFZLENBQUM7UUFDbkQsU0FBSSxHQUFrQixTQUFTLENBQUM7UUFDaEMsWUFBTyxHQUFxQixPQUFPLENBQUM7UUFDcEMsUUFBRyxHQUFHLENBQUMsQ0FBQztRQUNSLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFDekIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQix3QkFBbUIsR0FBRyxLQUFLLENBQUM7S0FDdEM7OEdBVFksYUFBYTtrR0FBYixhQUFhLCtRQ2YxQixtWkFhQSxnRURGWSxPQUFPOzsyRkFJTixhQUFhO2tCQVB6QixTQUFTOytCQUNFLFNBQVMsY0FDUCxJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGlCQUFpQixDQUFDLEVBQUUsZ0JBQWdCLENBQUMsbUJBRXhELHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWVudUl0ZW1Db21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9tcy9tZW51LWl0ZW0vbWVudS1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBPdmVybGF5RGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vZGlyZWN0aXZlcy9vdmVybGF5LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBDb21wb25lbnREaXNwb3NpdGlvbiB9IGZyb20gJy4uLy4uLy4uL21vZGVsL2NvbXBvbmVudHMvY29tcG9uZW50LWRpc3Bvc2l0aW9uLmVudW0nO1xuaW1wb3J0IHsgQ29tcG9uZW50VmFyaWFudCB9IGZyb20gJy4uLy4uLy4uL21vZGVsL2NvbXBvbmVudHMvY29tcG9uZW50LXZhcmlhbnQudHlwZSc7XG5pbXBvcnQgeyBDb21wb25lbnRUeXBlIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWwvY29tcG9uZW50cy9jb21wb25lbnQtdHlwZS50eXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3QtbWVudScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0NsYXNzLCBmb3J3YXJkUmVmKCgpID0+IE1lbnVJdGVtQ29tcG9uZW50KSwgT3ZlcmxheURpcmVjdGl2ZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9tZW51LmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE1lbnVDb21wb25lbnQge1xuICBASW5wdXQoKSBkaXJlY3Rpb246IENvbXBvbmVudERpc3Bvc2l0aW9uID0gJ3ZlcnRpY2FsJztcbiAgQElucHV0KCkgaWNvbkRpcmVjdGlvbjogQ29tcG9uZW50RGlzcG9zaXRpb24gPSAnaG9yaXpvbnRhbCc7XG4gIEBJbnB1dCgpIHR5cGU6IENvbXBvbmVudFR5cGUgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHZhcmlhbnQ6IENvbXBvbmVudFZhcmlhbnQgPSAnc29saWQnO1xuICBASW5wdXQoKSBnYXAgPSAyO1xuICBASW5wdXQoKSBmdWxsU2l6ZTogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIGljb25BbG9uZSA9IGZhbHNlO1xuICBASW5wdXQoKSBtZW51c0FwcGVhclZlcnRpY2FsID0gZmFsc2U7XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiZmxleCBmbGV4LWNvbCBnYXAte3sgZ2FwIH19IHotMTAgcm91bmRlZC1tZCBwLTIgZm9udC1wcmltYXJ5XCJcbiAgW25nQ2xhc3NdPVwie1xuICAgICdzaGFkb3ctbGcnOiB2YXJpYW50ID09PSAnc29saWQnLFxuICAgICdiZy1zdXJmYWNlIGRhcms6Ymctc3VyZmFjZS1kYXJrJzogdmFyaWFudCA9PT0gJ3NvbGlkJ1xuICB9XCI+XG4gIDxkaXZcbiAgICBjbGFzcz1cImZsZXgganVzdGlmeS1hcm91bmRcIlxuICAgIFtjbGFzcy5mbGV4LWNvbF09XCJkaXJlY3Rpb24gPT09ICd2ZXJ0aWNhbCdcIlxuICAgIFtjbGFzcy5mbGV4LXJvd109XCJkaXJlY3Rpb24gPT09ICdob3Jpem9udGFsJ1wiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==