@anglr/grid
Version:
Angular module displaying grid
49 lines • 8.36 kB
JavaScript
import { Component, ChangeDetectionStrategy } from '@angular/core';
import { CommonModule } from '@angular/common';
import { GridContainerComponent } from '../../../../../../components/gridContainer/gridContainer.component';
import { ContentContainerComponent } from '../../../../../../components/contentContainer/contentContainer.component';
import { GridContainerTemplateDirective } from '../../../../../../directives/gridContainerTemplate/gridContainerTemplate.directive';
import { ContentContainerTemplateDirective } from '../../../../../../directives/contentContainerTemplate/contentContainerTemplate.directive';
import { BaseDefaultTemplatesComponent } from '../baseDefaultTemplates/baseDefaultTemplates.component';
import { HeaderContainerComponent } from '../../../../../../components/headerContainer/headerContainer.component';
import { FooterContainerComponent } from '../../../../../../components/footerContainer/footerContainer.component';
import { FooterContainerTemplateDirective } from '../../../../../../directives/footerContainerTemplate/footerContainerTemplate.directive';
import { HeaderContainerTemplateDirective } from '../../../../../../directives/headerContainerTemplate/headerContainerTemplate.directive';
import { HeaderRowContainerComponent } from '../../../../../../components/headerRowContainer/headerRowContainer.component';
import { ContentRowContainerComponent } from '../../../../../../components/contentRowContainer/contentRowContainer.component';
import { FooterRowContainerComponent } from '../../../../../../components/footerRowContainer/footerRowContainer.component';
import { HeaderRowContainerTemplateDirective } from '../../../../../../directives/headerRowContainerTemplate/headerRowContainerTemplate.directive';
import { ContentRowContainerTemplateDirective } from '../../../../../../directives/contentRowContainerTemplate/contentRowContainerTemplate.directive';
import { FooterRowContainerTemplateDirective } from '../../../../../../directives/footerRowContainerTemplate/footerRowContainerTemplate.directive';
import { CssGridTemplateColumnsPipe } from '../../../../../../pipes/cssGridTemplateColumns/cssGridTemplateColumns.pipe';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
/**
* Component that stores default templates for css grid content renderig
*/
export class CssGridDefaultTemplatesComponent extends BaseDefaultTemplatesComponent {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: CssGridDefaultTemplatesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: CssGridDefaultTemplatesComponent, isStandalone: true, selector: "css-grid-defaults", usesInheritance: true, ngImport: i0, template: "<div gridContainer *gridContainerTemplate=\"let cssClasses = contentCssClasses; let columns=columns\" [ngClass]=\"cssClasses.gridContainerClass\" [style.grid-template-columns]=\"columns | cssGridTemplateColumns\"></div>\n<div headerContainer *headerContainerTemplate=\"let cssClasses = contentCssClasses\" [ngClass]=\"cssClasses.headerContainerClass\"></div>\n<div contentContainer *contentContainerTemplate=\"let cssClasses = contentCssClasses\" [ngClass]=\"cssClasses.contentContainerClass\"></div>\n<div footerContainer *footerContainerTemplate=\"let cssClasses = contentCssClasses\" [ngClass]=\"cssClasses.footerContainerClass\"></div>\n<div headerRowContainer *headerRowContainerTemplate=\"let cssClasses = contentCssClasses\" [ngClass]=\"cssClasses.headerRowContainerClass\"></div>\n<div contentRowContainer *contentRowContainerTemplate=\"let cssClasses = contentCssClasses\" [ngClass]=\"cssClasses.contentRowContainerClass\"></div>\n<div footerRowContainer *footerRowContainerTemplate=\"let cssClasses = contentCssClasses\" [ngClass]=\"cssClasses.footerRowContainerClass\"></div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GridContainerComponent, selector: "[gridContainer]" }, { kind: "component", type: HeaderContainerComponent, selector: "[headerContainer]" }, { kind: "component", type: ContentContainerComponent, selector: "[contentContainer]" }, { kind: "component", type: FooterContainerComponent, selector: "[footerContainer]" }, { kind: "component", type: HeaderRowContainerComponent, selector: "[headerRowContainer]" }, { kind: "component", type: ContentRowContainerComponent, selector: "[contentRowContainer]" }, { kind: "component", type: FooterRowContainerComponent, selector: "[footerRowContainer]" }, { kind: "directive", type: GridContainerTemplateDirective, selector: "[gridContainerTemplate]", inputs: ["gridContainerTemplate", "gridContainerTemplateExclude"] }, { kind: "directive", type: HeaderContainerTemplateDirective, selector: "[headerContainerTemplate]" }, { kind: "directive", type: ContentContainerTemplateDirective, selector: "[contentContainerTemplate]" }, { kind: "directive", type: FooterContainerTemplateDirective, selector: "[footerContainerTemplate]" }, { kind: "directive", type: HeaderRowContainerTemplateDirective, selector: "[headerRowContainerTemplate]", inputs: ["headerRowContainerTemplatePredicate", "headerRowContainerTemplate", "headerRowContainerTemplateExclude"] }, { kind: "directive", type: ContentRowContainerTemplateDirective, selector: "[contentRowContainerTemplate]", inputs: ["contentRowContainerTemplatePredicate", "contentRowContainerTemplate", "contentRowContainerTemplateExclude"] }, { kind: "directive", type: FooterRowContainerTemplateDirective, selector: "[footerRowContainerTemplate]", inputs: ["footerRowContainerTemplatePredicate", "footerRowContainerTemplate", "footerRowContainerTemplateExclude"] }, { kind: "pipe", type: CssGridTemplateColumnsPipe, name: "cssGridTemplateColumns" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: CssGridDefaultTemplatesComponent, decorators: [{
type: Component,
args: [{ selector: 'css-grid-defaults', imports: [
CommonModule,
GridContainerComponent,
HeaderContainerComponent,
ContentContainerComponent,
FooterContainerComponent,
HeaderRowContainerComponent,
ContentRowContainerComponent,
FooterRowContainerComponent,
GridContainerTemplateDirective,
HeaderContainerTemplateDirective,
ContentContainerTemplateDirective,
FooterContainerTemplateDirective,
HeaderRowContainerTemplateDirective,
ContentRowContainerTemplateDirective,
FooterRowContainerTemplateDirective,
CssGridTemplateColumnsPipe,
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div gridContainer *gridContainerTemplate=\"let cssClasses = contentCssClasses; let columns=columns\" [ngClass]=\"cssClasses.gridContainerClass\" [style.grid-template-columns]=\"columns | cssGridTemplateColumns\"></div>\n<div headerContainer *headerContainerTemplate=\"let cssClasses = contentCssClasses\" [ngClass]=\"cssClasses.headerContainerClass\"></div>\n<div contentContainer *contentContainerTemplate=\"let cssClasses = contentCssClasses\" [ngClass]=\"cssClasses.contentContainerClass\"></div>\n<div footerContainer *footerContainerTemplate=\"let cssClasses = contentCssClasses\" [ngClass]=\"cssClasses.footerContainerClass\"></div>\n<div headerRowContainer *headerRowContainerTemplate=\"let cssClasses = contentCssClasses\" [ngClass]=\"cssClasses.headerRowContainerClass\"></div>\n<div contentRowContainer *contentRowContainerTemplate=\"let cssClasses = contentCssClasses\" [ngClass]=\"cssClasses.contentRowContainerClass\"></div>\n<div footerRowContainer *footerRowContainerTemplate=\"let cssClasses = contentCssClasses\" [ngClass]=\"cssClasses.footerRowContainerClass\"></div>" }]
}] });
//# sourceMappingURL=cssGridDefaultTemplates.component.js.map