xui
Version:
xUI Components for Angular
26 lines • 5.23 kB
JavaScript
import { ChangeDetectionStrategy, Component, ViewContainerRef } from '@angular/core';
import { TemplatePortal } from '@angular/cdk/portal';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/cdk/portal";
export class CardComponent {
// @Input() loading!: boolean;
constructor(viewContainerRef) {
this.viewContainerRef = viewContainerRef;
}
ngOnInit() {
if (this.titleDirective) {
this.titlePortal = new TemplatePortal(this.titleDirective, this.viewContainerRef);
}
if (this.actionsDirective) {
this.actionsPortal = new TemplatePortal(this.actionsDirective, this.viewContainerRef);
}
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: CardComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: CardComponent, selector: "xui-card", ngImport: i0, template: "<div class=\"x-card-header\" *ngIf=\"titleDirective\">\n <ng-template [cdkPortalOutlet]=\"titlePortal\"></ng-template>\n</div>\n\n<div class=\"x-card-content\">\n <ng-content></ng-content>\n</div>\n\n<div class=\"x-card-actions\" *ngIf=\"actionsDirective\">\n <ng-template [cdkPortalOutlet]=\"actionsPortal\"></ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: CardComponent, decorators: [{
type: Component,
args: [{ selector: 'xui-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-card-header\" *ngIf=\"titleDirective\">\n <ng-template [cdkPortalOutlet]=\"titlePortal\"></ng-template>\n</div>\n\n<div class=\"x-card-content\">\n <ng-content></ng-content>\n</div>\n\n<div class=\"x-card-actions\" *ngIf=\"actionsDirective\">\n <ng-template [cdkPortalOutlet]=\"actionsPortal\"></ng-template>\n</div>\n" }]
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3h1aS9zcmMvY2FyZC9jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMveHVpL3NyYy9jYXJkL2NhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBdUIsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUcsT0FBTyxFQUFVLGNBQWMsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7O0FBTzdELE1BQU0sT0FBTyxhQUFhO0lBT3hCLDhCQUE4QjtJQUU5QixZQUFvQixnQkFBa0M7UUFBbEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtJQUFHLENBQUM7SUFFMUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN2QixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksY0FBYyxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7U0FDbkY7UUFFRCxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtZQUN6QixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksY0FBYyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztTQUN2RjtJQUNILENBQUM7OEdBbkJVLGFBQWE7a0dBQWIsYUFBYSxnRENSMUIsa1ZBV0E7OzJGREhhLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsVUFBVSxtQkFFSCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgT25Jbml0LCBUZW1wbGF0ZVJlZiwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUG9ydGFsLCBUZW1wbGF0ZVBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd4dWktY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICB0aXRsZURpcmVjdGl2ZT86IFRlbXBsYXRlUmVmPHVua25vd24+O1xuICBhY3Rpb25zRGlyZWN0aXZlPzogVGVtcGxhdGVSZWY8dW5rbm93bj47XG5cbiAgdGl0bGVQb3J0YWw/OiBQb3J0YWw8dW5rbm93bj47XG4gIGFjdGlvbnNQb3J0YWw/OiBQb3J0YWw8dW5rbm93bj47XG5cbiAgLy8gQElucHV0KCkgbG9hZGluZyE6IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIGlmICh0aGlzLnRpdGxlRGlyZWN0aXZlKSB7XG4gICAgICB0aGlzLnRpdGxlUG9ydGFsID0gbmV3IFRlbXBsYXRlUG9ydGFsKHRoaXMudGl0bGVEaXJlY3RpdmUsIHRoaXMudmlld0NvbnRhaW5lclJlZik7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuYWN0aW9uc0RpcmVjdGl2ZSkge1xuICAgICAgdGhpcy5hY3Rpb25zUG9ydGFsID0gbmV3IFRlbXBsYXRlUG9ydGFsKHRoaXMuYWN0aW9uc0RpcmVjdGl2ZSwgdGhpcy52aWV3Q29udGFpbmVyUmVmKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ4LWNhcmQtaGVhZGVyXCIgKm5nSWY9XCJ0aXRsZURpcmVjdGl2ZVwiPlxuICA8bmctdGVtcGxhdGUgW2Nka1BvcnRhbE91dGxldF09XCJ0aXRsZVBvcnRhbFwiPjwvbmctdGVtcGxhdGU+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cIngtY2FyZC1jb250ZW50XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwieC1jYXJkLWFjdGlvbnNcIiAqbmdJZj1cImFjdGlvbnNEaXJlY3RpdmVcIj5cbiAgPG5nLXRlbXBsYXRlIFtjZGtQb3J0YWxPdXRsZXRdPVwiYWN0aW9uc1BvcnRhbFwiPjwvbmctdGVtcGxhdGU+XG48L2Rpdj5cbiJdfQ==