ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
136 lines (122 loc) • 12.7 kB
JavaScript
/**
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
import { NgTemplateOutlet } from '@angular/common';
import { ChangeDetectionStrategy, Component, ContentChild, Input, TemplateRef, ViewEncapsulation } from '@angular/core';
import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
import { NzListItemMetaAvatarComponent, NzListItemMetaDescriptionComponent, NzListItemMetaDescriptionComponent as DescriptionComponent, NzListItemMetaTitleComponent, NzListItemMetaTitleComponent as TitleComponent } from './list-item-meta-cell';
import * as i0 from "@angular/core";
import * as i1 from "ng-zorro-antd/core/outlet";
export class NzListItemMetaComponent {
set nzAvatar(value) {
if (value instanceof TemplateRef) {
this.avatarStr = '';
this.avatarTpl = value;
}
else {
this.avatarStr = value;
}
}
constructor(elementRef) {
this.elementRef = elementRef;
this.avatarStr = '';
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NzListItemMetaComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: NzListItemMetaComponent, isStandalone: true, selector: "nz-list-item-meta, [nz-list-item-meta]", inputs: { nzAvatar: "nzAvatar", nzTitle: "nzTitle", nzDescription: "nzDescription" }, host: { classAttribute: "ant-list-item-meta" }, queries: [{ propertyName: "descriptionComponent", first: true, predicate: DescriptionComponent, descendants: true }, { propertyName: "titleComponent", first: true, predicate: TitleComponent, descendants: true }], exportAs: ["nzListItemMeta"], ngImport: i0, template: `
<!--Old API Start-->
@if (avatarStr) {
<nz-list-item-meta-avatar [nzSrc]="avatarStr" />
}
@if (avatarTpl) {
<nz-list-item-meta-avatar>
<ng-container [ngTemplateOutlet]="avatarTpl" />
</nz-list-item-meta-avatar>
}
<!--Old API End-->
<ng-content select="nz-list-item-meta-avatar" />
@if (nzTitle || nzDescription || descriptionComponent || titleComponent) {
<div class="ant-list-item-meta-content">
<!--Old API Start-->
@if (nzTitle && !titleComponent) {
<nz-list-item-meta-title>
<ng-container *nzStringTemplateOutlet="nzTitle">{{ nzTitle }}</ng-container>
</nz-list-item-meta-title>
}
@if (nzDescription && !descriptionComponent) {
<nz-list-item-meta-description>
<ng-container *nzStringTemplateOutlet="nzDescription">{{ nzDescription }}</ng-container>
</nz-list-item-meta-description>
}
<!--Old API End-->
<ng-content select="nz-list-item-meta-title" />
<ng-content select="nz-list-item-meta-description" />
</div>
}
`, isInline: true, dependencies: [{ kind: "component", type: NzListItemMetaAvatarComponent, selector: "nz-list-item-meta-avatar", inputs: ["nzSrc"], exportAs: ["nzListItemMetaAvatar"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NzListItemMetaTitleComponent, selector: "nz-list-item-meta-title", exportAs: ["nzListItemMetaTitle"] }, { kind: "ngmodule", type: NzOutletModule }, { kind: "directive", type: i1.NzStringTemplateOutletDirective, selector: "[nzStringTemplateOutlet]", inputs: ["nzStringTemplateOutletContext", "nzStringTemplateOutlet"], exportAs: ["nzStringTemplateOutlet"] }, { kind: "component", type: NzListItemMetaDescriptionComponent, selector: "nz-list-item-meta-description", exportAs: ["nzListItemMetaDescription"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NzListItemMetaComponent, decorators: [{
type: Component,
args: [{
selector: 'nz-list-item-meta, [nz-list-item-meta]',
exportAs: 'nzListItemMeta',
template: `
<!--Old API Start-->
@if (avatarStr) {
<nz-list-item-meta-avatar [nzSrc]="avatarStr" />
}
@if (avatarTpl) {
<nz-list-item-meta-avatar>
<ng-container [ngTemplateOutlet]="avatarTpl" />
</nz-list-item-meta-avatar>
}
<!--Old API End-->
<ng-content select="nz-list-item-meta-avatar" />
@if (nzTitle || nzDescription || descriptionComponent || titleComponent) {
<div class="ant-list-item-meta-content">
<!--Old API Start-->
@if (nzTitle && !titleComponent) {
<nz-list-item-meta-title>
<ng-container *nzStringTemplateOutlet="nzTitle">{{ nzTitle }}</ng-container>
</nz-list-item-meta-title>
}
@if (nzDescription && !descriptionComponent) {
<nz-list-item-meta-description>
<ng-container *nzStringTemplateOutlet="nzDescription">{{ nzDescription }}</ng-container>
</nz-list-item-meta-description>
}
<!--Old API End-->
<ng-content select="nz-list-item-meta-title" />
<ng-content select="nz-list-item-meta-description" />
</div>
}
`,
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
host: {
class: 'ant-list-item-meta'
},
imports: [
NzListItemMetaAvatarComponent,
NgTemplateOutlet,
NzListItemMetaTitleComponent,
NzOutletModule,
NzListItemMetaDescriptionComponent
],
standalone: true
}]
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { nzAvatar: [{
type: Input
}], nzTitle: [{
type: Input
}], nzDescription: [{
type: Input
}], descriptionComponent: [{
type: ContentChild,
args: [DescriptionComponent]
}], titleComponent: [{
type: ContentChild,
args: [TitleComponent]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1pdGVtLW1ldGEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2xpc3QtaXRlbS1tZXRhLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBRVosS0FBSyxFQUNMLFdBQVcsRUFDWCxpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRTNELE9BQU8sRUFDTCw2QkFBNkIsRUFDN0Isa0NBQWtDLEVBQ2xDLGtDQUFrQyxJQUFJLG9CQUFvQixFQUMxRCw0QkFBNEIsRUFDNUIsNEJBQTRCLElBQUksY0FBYyxFQUMvQyxNQUFNLHVCQUF1QixDQUFDOzs7QUEwRC9CLE1BQU0sT0FBTyx1QkFBdUI7SUFJbEMsSUFDSSxRQUFRLENBQUMsS0FBaUM7UUFDNUMsSUFBSSxLQUFLLFlBQVksV0FBVyxFQUFFLENBQUM7WUFDakMsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDekIsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN6QixDQUFDO0lBQ0gsQ0FBQztJQVNELFlBQW1CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFwQnpDLGNBQVMsR0FBRyxFQUFFLENBQUM7SUFvQjZCLENBQUM7OEdBckJsQyx1QkFBdUI7a0dBQXZCLHVCQUF1QiwwUkFrQnBCLG9CQUFvQixpRkFDcEIsY0FBYyw4RUF4RWxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUNULDREQVFDLDZCQUE2Qiw0SEFDN0IsZ0JBQWdCLG9KQUNoQiw0QkFBNEIsc0dBQzVCLGNBQWMsaVBBQ2Qsa0NBQWtDOzsyRkFJekIsdUJBQXVCO2tCQXhEbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsd0NBQXdDO29CQUNsRCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQ1Q7b0JBQ0QsbUJBQW1CLEVBQUUsS0FBSztvQkFDMUIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLG9CQUFvQjtxQkFDNUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLDZCQUE2Qjt3QkFDN0IsZ0JBQWdCO3dCQUNoQiw0QkFBNEI7d0JBQzVCLGNBQWM7d0JBQ2Qsa0NBQWtDO3FCQUNuQztvQkFDRCxVQUFVLEVBQUUsSUFBSTtpQkFDakI7K0VBTUssUUFBUTtzQkFEWCxLQUFLO2dCQVVHLE9BQU87c0JBQWYsS0FBSztnQkFFRyxhQUFhO3NCQUFyQixLQUFLO2dCQUU4QixvQkFBb0I7c0JBQXZELFlBQVk7dUJBQUMsb0JBQW9CO2dCQUNKLGNBQWM7c0JBQTNDLFlBQVk7dUJBQUMsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9naXRodWIuY29tL05HLVpPUlJPL25nLXpvcnJvLWFudGQvYmxvYi9tYXN0ZXIvTElDRU5TRVxuICovXG5cbmltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFbGVtZW50UmVmLFxuICBJbnB1dCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBOek91dGxldE1vZHVsZSB9IGZyb20gJ25nLXpvcnJvLWFudGQvY29yZS9vdXRsZXQnO1xuXG5pbXBvcnQge1xuICBOekxpc3RJdGVtTWV0YUF2YXRhckNvbXBvbmVudCxcbiAgTnpMaXN0SXRlbU1ldGFEZXNjcmlwdGlvbkNvbXBvbmVudCxcbiAgTnpMaXN0SXRlbU1ldGFEZXNjcmlwdGlvbkNvbXBvbmVudCBhcyBEZXNjcmlwdGlvbkNvbXBvbmVudCxcbiAgTnpMaXN0SXRlbU1ldGFUaXRsZUNvbXBvbmVudCxcbiAgTnpMaXN0SXRlbU1ldGFUaXRsZUNvbXBvbmVudCBhcyBUaXRsZUNvbXBvbmVudFxufSBmcm9tICcuL2xpc3QtaXRlbS1tZXRhLWNlbGwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduei1saXN0LWl0ZW0tbWV0YSwgW256LWxpc3QtaXRlbS1tZXRhXScsXG4gIGV4cG9ydEFzOiAnbnpMaXN0SXRlbU1ldGEnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDwhLS1PbGQgQVBJIFN0YXJ0LS0+XG4gICAgQGlmIChhdmF0YXJTdHIpIHtcbiAgICAgIDxuei1saXN0LWl0ZW0tbWV0YS1hdmF0YXIgW256U3JjXT1cImF2YXRhclN0clwiIC8+XG4gICAgfVxuXG4gICAgQGlmIChhdmF0YXJUcGwpIHtcbiAgICAgIDxuei1saXN0LWl0ZW0tbWV0YS1hdmF0YXI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiYXZhdGFyVHBsXCIgLz5cbiAgICAgIDwvbnotbGlzdC1pdGVtLW1ldGEtYXZhdGFyPlxuICAgIH1cblxuICAgIDwhLS1PbGQgQVBJIEVuZC0tPlxuXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibnotbGlzdC1pdGVtLW1ldGEtYXZhdGFyXCIgLz5cblxuICAgIEBpZiAobnpUaXRsZSB8fCBuekRlc2NyaXB0aW9uIHx8IGRlc2NyaXB0aW9uQ29tcG9uZW50IHx8IHRpdGxlQ29tcG9uZW50KSB7XG4gICAgICA8ZGl2IGNsYXNzPVwiYW50LWxpc3QtaXRlbS1tZXRhLWNvbnRlbnRcIj5cbiAgICAgICAgPCEtLU9sZCBBUEkgU3RhcnQtLT5cblxuICAgICAgICBAaWYgKG56VGl0bGUgJiYgIXRpdGxlQ29tcG9uZW50KSB7XG4gICAgICAgICAgPG56LWxpc3QtaXRlbS1tZXRhLXRpdGxlPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbnpTdHJpbmdUZW1wbGF0ZU91dGxldD1cIm56VGl0bGVcIj57eyBuelRpdGxlIH19PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9uei1saXN0LWl0ZW0tbWV0YS10aXRsZT5cbiAgICAgICAgfVxuXG4gICAgICAgIEBpZiAobnpEZXNjcmlwdGlvbiAmJiAhZGVzY3JpcHRpb25Db21wb25lbnQpIHtcbiAgICAgICAgICA8bnotbGlzdC1pdGVtLW1ldGEtZGVzY3JpcHRpb24+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuelN0cmluZ1RlbXBsYXRlT3V0bGV0PVwibnpEZXNjcmlwdGlvblwiPnt7IG56RGVzY3JpcHRpb24gfX08L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8L256LWxpc3QtaXRlbS1tZXRhLWRlc2NyaXB0aW9uPlxuICAgICAgICB9XG4gICAgICAgIDwhLS1PbGQgQVBJIEVuZC0tPlxuXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm56LWxpc3QtaXRlbS1tZXRhLXRpdGxlXCIgLz5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibnotbGlzdC1pdGVtLW1ldGEtZGVzY3JpcHRpb25cIiAvPlxuICAgICAgPC9kaXY+XG4gICAgfVxuICBgLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2FudC1saXN0LWl0ZW0tbWV0YSdcbiAgfSxcbiAgaW1wb3J0czogW1xuICAgIE56TGlzdEl0ZW1NZXRhQXZhdGFyQ29tcG9uZW50LFxuICAgIE5nVGVtcGxhdGVPdXRsZXQsXG4gICAgTnpMaXN0SXRlbU1ldGFUaXRsZUNvbXBvbmVudCxcbiAgICBOek91dGxldE1vZHVsZSxcbiAgICBOekxpc3RJdGVtTWV0YURlc2NyaXB0aW9uQ29tcG9uZW50XG4gIF0sXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgTnpMaXN0SXRlbU1ldGFDb21wb25lbnQge1xuICBhdmF0YXJTdHIgPSAnJztcbiAgYXZhdGFyVHBsPzogVGVtcGxhdGVSZWY8dm9pZD47XG5cbiAgQElucHV0KClcbiAgc2V0IG56QXZhdGFyKHZhbHVlOiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjx2b2lkPikge1xuICAgIGlmICh2YWx1ZSBpbnN0YW5jZW9mIFRlbXBsYXRlUmVmKSB7XG4gICAgICB0aGlzLmF2YXRhclN0ciA9ICcnO1xuICAgICAgdGhpcy5hdmF0YXJUcGwgPSB2YWx1ZTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5hdmF0YXJTdHIgPSB2YWx1ZTtcbiAgICB9XG4gIH1cblxuICBASW5wdXQoKSBuelRpdGxlPzogc3RyaW5nIHwgVGVtcGxhdGVSZWY8dm9pZD47XG5cbiAgQElucHV0KCkgbnpEZXNjcmlwdGlvbj86IHN0cmluZyB8IFRlbXBsYXRlUmVmPHZvaWQ+O1xuXG4gIEBDb250ZW50Q2hpbGQoRGVzY3JpcHRpb25Db21wb25lbnQpIGRlc2NyaXB0aW9uQ29tcG9uZW50PzogRGVzY3JpcHRpb25Db21wb25lbnQ7XG4gIEBDb250ZW50Q2hpbGQoVGl0bGVDb21wb25lbnQpIHRpdGxlQ29tcG9uZW50PzogVGl0bGVDb21wb25lbnQ7XG5cbiAgY29uc3RydWN0b3IocHVibGljIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XG59XG4iXX0=