@covalent/core
Version:
Core Teradata UI Platform for layouts, icons, custom components and themes. This should be added as a dependency for any project that wants to use layouts, icons and themes for Angular Material.
52 lines (47 loc) • 10.7 kB
JavaScript
import * as i0 from '@angular/core';
import { Component, NgModule } from '@angular/core';
import * as i1 from '@angular/material/divider';
import { MatDividerModule } from '@angular/material/divider';
import { MatMenuModule } from '@angular/material/menu';
const _c0 = [[["", "td-menu-header", ""]], "*", [["", "td-menu-footer", ""]]];
const _c1 = ["[td-menu-header]", "*", "[td-menu-footer]"];
class TdMenuComponent {
static ɵfac = function TdMenuComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdMenuComponent)(); };
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdMenuComponent, selectors: [["td-menu"]], ngContentSelectors: _c1, decls: 5, vars: 0, consts: [[1, "td-menu-content"]], template: function TdMenuComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵprojectionDef(_c0);
i0.ɵɵprojection(0);
i0.ɵɵelement(1, "mat-divider");
i0.ɵɵelementStart(2, "div", 0);
i0.ɵɵprojection(3, 1);
i0.ɵɵelementEnd();
i0.ɵɵprojection(4, 2);
} }, dependencies: [MatMenuModule, MatDividerModule, i1.MatDivider], styles: ["[_nghost-%COMP%]{margin-top:-8px;margin-bottom:-8px;box-sizing:border-box;display:flex;flex-direction:column}[_nghost-%COMP%] mat-list a[mat-list-item].mat-2-line, [_nghost-%COMP%] mat-list mat-list-item.mat-2-line, [_nghost-%COMP%] mat-list[dense] a[mat-list-item].mat-2-line, [_nghost-%COMP%] mat-list[dense] mat-list-item.mat-2-line, [_nghost-%COMP%] mat-nav-list a[mat-list-item].mat-2-line, [_nghost-%COMP%] mat-nav-list mat-list-item.mat-2-line, [_nghost-%COMP%] mat-nav-list[dense] a[mat-list-item].mat-2-line, [_nghost-%COMP%] mat-nav-list[dense] mat-list-item.mat-2-line{height:auto}[_nghost-%COMP%] mat-list a[mat-list-item].mat-2-line .mat-list-item-content, [_nghost-%COMP%] mat-list mat-list-item.mat-2-line .mat-list-item-content, [_nghost-%COMP%] mat-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content, [_nghost-%COMP%] mat-list[dense] mat-list-item.mat-2-line .mat-list-item-content, [_nghost-%COMP%] mat-nav-list a[mat-list-item].mat-2-line .mat-list-item-content, [_nghost-%COMP%] mat-nav-list mat-list-item.mat-2-line .mat-list-item-content, [_nghost-%COMP%] mat-nav-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content, [_nghost-%COMP%] mat-nav-list[dense] mat-list-item.mat-2-line .mat-list-item-content{height:auto;padding:8px}[_nghost-%COMP%] mat-list a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text, [_nghost-%COMP%] mat-list mat-list-item.mat-2-line .mat-list-item-content .mat-list-text, [_nghost-%COMP%] mat-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text, [_nghost-%COMP%] mat-list[dense] mat-list-item.mat-2-line .mat-list-item-content .mat-list-text, [_nghost-%COMP%] mat-nav-list a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text, [_nghost-%COMP%] mat-nav-list mat-list-item.mat-2-line .mat-list-item-content .mat-list-text, [_nghost-%COMP%] mat-nav-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text, [_nghost-%COMP%] mat-nav-list[dense] mat-list-item.mat-2-line .mat-list-item-content .mat-list-text{padding-right:0}[dir=rtl] [_nghost-%COMP%] mat-list a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text, [dir=rtl] [_nghost-%COMP%] mat-list mat-list-item.mat-2-line .mat-list-item-content .mat-list-text, [dir=rtl] [_nghost-%COMP%] mat-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text, [dir=rtl] [_nghost-%COMP%] mat-list[dense] mat-list-item.mat-2-line .mat-list-item-content .mat-list-text, [dir=rtl] [_nghost-%COMP%] mat-nav-list a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text, [dir=rtl] [_nghost-%COMP%] mat-nav-list mat-list-item.mat-2-line .mat-list-item-content .mat-list-text, [dir=rtl] [_nghost-%COMP%] mat-nav-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text, [dir=rtl] [_nghost-%COMP%] mat-nav-list[dense] mat-list-item.mat-2-line .mat-list-item-content .mat-list-text{padding-left:0;padding-right:16px}[_nghost-%COMP%] mat-list a[mat-list-item].mat-2-line .mat-list-item-content [matLine]+[matLine], [_nghost-%COMP%] mat-list mat-list-item.mat-2-line .mat-list-item-content [matLine]+[matLine], [_nghost-%COMP%] mat-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content [matLine]+[matLine], [_nghost-%COMP%] mat-list[dense] mat-list-item.mat-2-line .mat-list-item-content [matLine]+[matLine], [_nghost-%COMP%] mat-nav-list a[mat-list-item].mat-2-line .mat-list-item-content [matLine]+[matLine], [_nghost-%COMP%] mat-nav-list mat-list-item.mat-2-line .mat-list-item-content [matLine]+[matLine], [_nghost-%COMP%] mat-nav-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content [matLine]+[matLine], [_nghost-%COMP%] mat-nav-list[dense] mat-list-item.mat-2-line .mat-list-item-content [matLine]+[matLine]{margin-top:4px}.td-menu-content[_ngcontent-%COMP%]{max-height:50vh;overflow-y:auto}"] });
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdMenuComponent, [{
type: Component,
args: [{ selector: 'td-menu', imports: [MatMenuModule, MatDividerModule], template: "<ng-content select=\"[td-menu-header]\"></ng-content>\n<mat-divider></mat-divider>\n<div class=\"td-menu-content\">\n <ng-content></ng-content>\n</div>\n<ng-content select=\"[td-menu-footer]\"></ng-content>\n", styles: [":host{margin-top:-8px;margin-bottom:-8px;box-sizing:border-box;display:flex;flex-direction:column}:host ::ng-deep mat-list a[mat-list-item].mat-2-line,:host ::ng-deep mat-list mat-list-item.mat-2-line,:host ::ng-deep mat-list[dense] a[mat-list-item].mat-2-line,:host ::ng-deep mat-list[dense] mat-list-item.mat-2-line,:host ::ng-deep mat-nav-list a[mat-list-item].mat-2-line,:host ::ng-deep mat-nav-list mat-list-item.mat-2-line,:host ::ng-deep mat-nav-list[dense] a[mat-list-item].mat-2-line,:host ::ng-deep mat-nav-list[dense] mat-list-item.mat-2-line{height:auto}:host ::ng-deep mat-list a[mat-list-item].mat-2-line .mat-list-item-content,:host ::ng-deep mat-list mat-list-item.mat-2-line .mat-list-item-content,:host ::ng-deep mat-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content,:host ::ng-deep mat-list[dense] mat-list-item.mat-2-line .mat-list-item-content,:host ::ng-deep mat-nav-list a[mat-list-item].mat-2-line .mat-list-item-content,:host ::ng-deep mat-nav-list mat-list-item.mat-2-line .mat-list-item-content,:host ::ng-deep mat-nav-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content,:host ::ng-deep mat-nav-list[dense] mat-list-item.mat-2-line .mat-list-item-content{height:auto;padding:8px}:host ::ng-deep mat-list a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text,:host ::ng-deep mat-list mat-list-item.mat-2-line .mat-list-item-content .mat-list-text,:host ::ng-deep mat-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text,:host ::ng-deep mat-list[dense] mat-list-item.mat-2-line .mat-list-item-content .mat-list-text,:host ::ng-deep mat-nav-list a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text,:host ::ng-deep mat-nav-list mat-list-item.mat-2-line .mat-list-item-content .mat-list-text,:host ::ng-deep mat-nav-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text,:host ::ng-deep mat-nav-list[dense] mat-list-item.mat-2-line .mat-list-item-content .mat-list-text{padding-right:0}[dir=rtl] :host ::ng-deep mat-list a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text,[dir=rtl] :host ::ng-deep mat-list mat-list-item.mat-2-line .mat-list-item-content .mat-list-text,[dir=rtl] :host ::ng-deep mat-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text,[dir=rtl] :host ::ng-deep mat-list[dense] mat-list-item.mat-2-line .mat-list-item-content .mat-list-text,[dir=rtl] :host ::ng-deep mat-nav-list a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text,[dir=rtl] :host ::ng-deep mat-nav-list mat-list-item.mat-2-line .mat-list-item-content .mat-list-text,[dir=rtl] :host ::ng-deep mat-nav-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text,[dir=rtl] :host ::ng-deep mat-nav-list[dense] mat-list-item.mat-2-line .mat-list-item-content .mat-list-text{padding-left:0;padding-right:16px}:host ::ng-deep mat-list a[mat-list-item].mat-2-line .mat-list-item-content [matLine]+[matLine],:host ::ng-deep mat-list mat-list-item.mat-2-line .mat-list-item-content [matLine]+[matLine],:host ::ng-deep mat-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content [matLine]+[matLine],:host ::ng-deep mat-list[dense] mat-list-item.mat-2-line .mat-list-item-content [matLine]+[matLine],:host ::ng-deep mat-nav-list a[mat-list-item].mat-2-line .mat-list-item-content [matLine]+[matLine],:host ::ng-deep mat-nav-list mat-list-item.mat-2-line .mat-list-item-content [matLine]+[matLine],:host ::ng-deep mat-nav-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content [matLine]+[matLine],:host ::ng-deep mat-nav-list[dense] mat-list-item.mat-2-line .mat-list-item-content [matLine]+[matLine]{margin-top:4px}.td-menu-content{max-height:50vh;overflow-y:auto}\n"] }]
}], null, null); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TdMenuComponent, { className: "TdMenuComponent", filePath: "menu.component.ts", lineNumber: 11 }); })();
const TD_MENU = [TdMenuComponent];
/**
* @deprecated This module is deprecated and will be removed in future versions.
* Please migrate to using standalone components as soon as possible.
*/
class CovalentMenuModule {
static ɵfac = function CovalentMenuModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CovalentMenuModule)(); };
static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CovalentMenuModule });
static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [TD_MENU] });
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentMenuModule, [{
type: NgModule,
args: [{
imports: [TD_MENU],
exports: [TD_MENU],
}]
}], null, null); })();
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentMenuModule, { imports: [TdMenuComponent], exports: [TdMenuComponent] }); })();
/**
* Generated bundle index. Do not edit.
*/
export { CovalentMenuModule, TdMenuComponent };
//# sourceMappingURL=covalent-core-menu.mjs.map