@engie-group/fluid-design-system-angular
Version:
Fluid Design System Angular
28 lines • 6.35 kB
JavaScript
import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, ContentChild, HostBinding, ViewEncapsulation } from '@angular/core';
import { IconButtonComponent } from '../icon-button/icon-button.component';
import { SidepanelFooterDirective } from './directives/sidepanel-footer.directive';
import { SidepanelHeaderDirective } from './directives/sidepanel-header.directive';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class SidepanelComponent {
constructor() {
this.staticClass = 'nj-sidepanel';
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SidepanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SidepanelComponent, isStandalone: true, selector: "nj-sidepanel", host: { properties: { "class": "this.staticClass" } }, queries: [{ propertyName: "header", first: true, predicate: SidepanelHeaderDirective, descendants: true }, { propertyName: "footer", first: true, predicate: SidepanelFooterDirective, descendants: true }], ngImport: i0, template: "<div class=\"nj-sidepanel__header\" *ngIf=\"header?.templateRef as templateRef\">\n <ng-container [ngTemplateOutlet]=\"templateRef\"></ng-container>\n</div>\n<div class=\"nj-sidepanel__content\">\n <ng-content></ng-content>\n</div>\n<div class=\"nj-sidepanel__footer\" *ngIf=\"footer?.templateRef as templateRef\">\n <ng-container [ngTemplateOutlet]=\"templateRef\"></ng-container>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SidepanelComponent, decorators: [{
type: Component,
args: [{ selector: 'nj-sidepanel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, IconButtonComponent, SidepanelFooterDirective, SidepanelHeaderDirective], template: "<div class=\"nj-sidepanel__header\" *ngIf=\"header?.templateRef as templateRef\">\n <ng-container [ngTemplateOutlet]=\"templateRef\"></ng-container>\n</div>\n<div class=\"nj-sidepanel__content\">\n <ng-content></ng-content>\n</div>\n<div class=\"nj-sidepanel__footer\" *ngIf=\"footer?.templateRef as templateRef\">\n <ng-container [ngTemplateOutlet]=\"templateRef\"></ng-container>\n</div>\n" }]
}], propDecorators: { staticClass: [{
type: HostBinding,
args: ['class']
}], header: [{
type: ContentChild,
args: [SidepanelHeaderDirective]
}], footer: [{
type: ContentChild,
args: [SidepanelFooterDirective]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGVwYW5lbC9zaWRlcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2lkZXBhbmVsL3NpZGVwYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pILE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ25GLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHlDQUF5QyxDQUFDOzs7QUFVbkYsTUFBTSxPQUFPLGtCQUFrQjtJQVIvQjtRQVNnQyxnQkFBVyxHQUFHLGNBQWMsQ0FBQztLQUk1RDsrR0FMWSxrQkFBa0I7bUdBQWxCLGtCQUFrQixtS0FHZix3QkFBd0IseUVBQ3hCLHdCQUF3QixnRENsQnhDLDRZQVNBLDJDREdZLFlBQVk7OzRGQUVYLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDRSxjQUFjLG1CQUVQLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksY0FDekIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLG1CQUFtQixFQUFFLHdCQUF3QixFQUFFLHdCQUF3QixDQUFDOzhCQUdsRSxXQUFXO3NCQUF4QyxXQUFXO3VCQUFDLE9BQU87Z0JBRThCLE1BQU07c0JBQXZELFlBQVk7dUJBQUMsd0JBQXdCO2dCQUNZLE1BQU07c0JBQXZELFlBQVk7dUJBQUMsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSG9zdEJpbmRpbmcsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbi1idXR0b24vaWNvbi1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IFNpZGVwYW5lbEZvb3RlckRpcmVjdGl2ZSB9IGZyb20gJy4vZGlyZWN0aXZlcy9zaWRlcGFuZWwtZm9vdGVyLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTaWRlcGFuZWxIZWFkZXJEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvc2lkZXBhbmVsLWhlYWRlci5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduai1zaWRlcGFuZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2lkZXBhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEljb25CdXR0b25Db21wb25lbnQsIFNpZGVwYW5lbEZvb3RlckRpcmVjdGl2ZSwgU2lkZXBhbmVsSGVhZGVyRGlyZWN0aXZlXVxufSlcbmV4cG9ydCBjbGFzcyBTaWRlcGFuZWxDb21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgcHJpdmF0ZSBzdGF0aWNDbGFzcyA9ICduai1zaWRlcGFuZWwnO1xuXG4gIEBDb250ZW50Q2hpbGQoU2lkZXBhbmVsSGVhZGVyRGlyZWN0aXZlKSBwcm90ZWN0ZWQgaGVhZGVyPzogU2lkZXBhbmVsSGVhZGVyRGlyZWN0aXZlO1xuICBAQ29udGVudENoaWxkKFNpZGVwYW5lbEZvb3RlckRpcmVjdGl2ZSkgcHJvdGVjdGVkIGZvb3Rlcj86IFNpZGVwYW5lbEZvb3RlckRpcmVjdGl2ZTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJuai1zaWRlcGFuZWxfX2hlYWRlclwiICpuZ0lmPVwiaGVhZGVyPy50ZW1wbGF0ZVJlZiBhcyB0ZW1wbGF0ZVJlZlwiPlxuICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRlbXBsYXRlUmVmXCI+PC9uZy1jb250YWluZXI+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJuai1zaWRlcGFuZWxfX2NvbnRlbnRcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwibmotc2lkZXBhbmVsX19mb290ZXJcIiAqbmdJZj1cImZvb3Rlcj8udGVtcGxhdGVSZWYgYXMgdGVtcGxhdGVSZWZcIj5cbiAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJ0ZW1wbGF0ZVJlZlwiPjwvbmctY29udGFpbmVyPlxuPC9kaXY+XG4iXX0=