@xui/components
Version:
xUI Components for Angular
28 lines • 5.24 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 XuiCard {
// @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: "18.0.1", ngImport: i0, type: XuiCard, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: XuiCard, selector: "xui-card", host: { classAttribute: "x-card" }, ngImport: i0, template: "<div class=\"x-card-header\" *ngIf=\"titleDirective\">\n <ng-template [cdkPortalOutlet]=\"titlePortal\" />\n</div>\n\n<div class=\"x-card-content\">\n <ng-content />\n</div>\n\n<div class=\"x-card-actions\" *ngIf=\"actionsDirective\">\n <ng-template [cdkPortalOutlet]=\"actionsPortal\" />\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: "18.0.1", ngImport: i0, type: XuiCard, decorators: [{
type: Component,
args: [{ selector: 'xui-card', changeDetection: ChangeDetectionStrategy.OnPush, host: {
class: 'x-card'
}, template: "<div class=\"x-card-header\" *ngIf=\"titleDirective\">\n <ng-template [cdkPortalOutlet]=\"titlePortal\" />\n</div>\n\n<div class=\"x-card-content\">\n <ng-content />\n</div>\n\n<div class=\"x-card-actions\" *ngIf=\"actionsDirective\">\n <ng-template [cdkPortalOutlet]=\"actionsPortal\" />\n</div>\n" }]
}], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMveHVpL3NyYy9jYXJkL2NhcmQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL3h1aS9zcmMvY2FyZC9jYXJkLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBdUIsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUcsT0FBTyxFQUFVLGNBQWMsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7O0FBVTdELE1BQU0sT0FBTyxPQUFPO0lBT2xCLDhCQUE4QjtJQUU5QixZQUFvQixnQkFBa0M7UUFBbEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtJQUFHLENBQUM7SUFFMUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxjQUFjLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUNwRixDQUFDO1FBRUQsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksY0FBYyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUN4RixDQUFDO0lBQ0gsQ0FBQzs4R0FuQlUsT0FBTztrR0FBUCxPQUFPLG9GQ1hwQiwrU0FXQTs7MkZEQWEsT0FBTztrQkFSbkIsU0FBUzsrQkFDRSxVQUFVLG1CQUVILHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osS0FBSyxFQUFFLFFBQVE7cUJBQ2hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgT25Jbml0LCBUZW1wbGF0ZVJlZiwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUG9ydGFsLCBUZW1wbGF0ZVBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd4dWktY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnY2FyZC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3gtY2FyZCdcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBYdWlDYXJkIGltcGxlbWVudHMgT25Jbml0IHtcbiAgdGl0bGVEaXJlY3RpdmU/OiBUZW1wbGF0ZVJlZjx1bmtub3duPjtcbiAgYWN0aW9uc0RpcmVjdGl2ZT86IFRlbXBsYXRlUmVmPHVua25vd24+O1xuXG4gIHRpdGxlUG9ydGFsPzogUG9ydGFsPHVua25vd24+O1xuICBhY3Rpb25zUG9ydGFsPzogUG9ydGFsPHVua25vd24+O1xuXG4gIC8vIEBJbnB1dCgpIGxvYWRpbmchOiBib29sZWFuO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZikge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodGhpcy50aXRsZURpcmVjdGl2ZSkge1xuICAgICAgdGhpcy50aXRsZVBvcnRhbCA9IG5ldyBUZW1wbGF0ZVBvcnRhbCh0aGlzLnRpdGxlRGlyZWN0aXZlLCB0aGlzLnZpZXdDb250YWluZXJSZWYpO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmFjdGlvbnNEaXJlY3RpdmUpIHtcbiAgICAgIHRoaXMuYWN0aW9uc1BvcnRhbCA9IG5ldyBUZW1wbGF0ZVBvcnRhbCh0aGlzLmFjdGlvbnNEaXJlY3RpdmUsIHRoaXMudmlld0NvbnRhaW5lclJlZik7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwieC1jYXJkLWhlYWRlclwiICpuZ0lmPVwidGl0bGVEaXJlY3RpdmVcIj5cbiAgPG5nLXRlbXBsYXRlIFtjZGtQb3J0YWxPdXRsZXRdPVwidGl0bGVQb3J0YWxcIiAvPlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJ4LWNhcmQtY29udGVudFwiPlxuICA8bmctY29udGVudCAvPlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJ4LWNhcmQtYWN0aW9uc1wiICpuZ0lmPVwiYWN0aW9uc0RpcmVjdGl2ZVwiPlxuICA8bmctdGVtcGxhdGUgW2Nka1BvcnRhbE91dGxldF09XCJhY3Rpb25zUG9ydGFsXCIgLz5cbjwvZGl2PlxuIl19