ng-zorro-antd-mobile/esm2022/list/list.component.mjs

An enterprise-class mobile UI components based on Ant Design and Angular

import { Component, ViewEncapsulation, Input, HostBinding, TemplateRef } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class ListComponent {
    set className(value) {
        this._className = value;
    }
    get renderHeader() {
        return this._renderHeader;
    }
    set renderHeader(value) {
        if (value instanceof TemplateRef) {
            this.renderHeaderType = 'templateRef';
        }
        else {
            this.renderHeaderType = typeof value;
        }
        this._renderHeader = value;
    }
    get renderFooter() {
        return this._renderFooter;
    }
    set renderFooter(value) {
        if (value instanceof TemplateRef) {
            this.renderFooterType = 'templateRef';
        }
        else {
            this.renderFooterType = typeof value;
        }
        this._renderFooter = value;
    }
    get hostClassName() {
        return 'am-list ' + this._className;
    }
    constructor() {
        this.defaultProps = {
            prefixCls: 'am-list'
        };
        this.renderHeaderType = '';
        this.renderFooterType = '';
        this._renderHeader = '';
        this._renderFooter = '';
        this._className = '';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: ListComponent, selector: "List, nzm-list", inputs: { className: "className", renderHeader: "renderHeader", renderFooter: "renderFooter" }, host: { properties: { "class": "this.hostClassName" } }, ngImport: i0, template: "<div\n  *ngIf=\"renderHeader && renderHeaderType === 'string'\"\n  class=\"{{ defaultProps.prefixCls }}-header\"\n  [innerHTML]=\"renderHeader\"\n></div>\n<div *ngIf=\"renderHeader && renderHeaderType === 'function'\" class=\"{{ defaultProps.prefixCls }}-header\">\n  {{ renderHeader() }}\n</div>\n<ng-template *ngIf=\"renderHeader && renderHeaderType === 'templateRef'\" [ngTemplateOutlet]=\"renderHeader\">\n</ng-template>\n<div class=\"{{ defaultProps.prefixCls }}-body\">\n  <ng-content></ng-content>\n</div>\n<div\n  *ngIf=\"renderFooter && renderFooterType === 'string'\"\n  class=\"{{ defaultProps.prefixCls }}-footer\"\n  [innerHTML]=\"renderFooter\"\n></div>\n<div *ngIf=\"renderFooter && renderFooterType === 'function'\" class=\"{{ defaultProps.prefixCls }}-footer\">\n  {{ renderFooter() }}\n</div>\n<ng-template *ngIf=\"renderFooter && renderFooterType === 'templateRef'\" [ngTemplateOutlet]=\"renderFooter\">\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ListComponent, decorators: [{
            type: Component,
            args: [{ selector: 'List, nzm-list', encapsulation: ViewEncapsulation.None, template: "<div\n  *ngIf=\"renderHeader && renderHeaderType === 'string'\"\n  class=\"{{ defaultProps.prefixCls }}-header\"\n  [innerHTML]=\"renderHeader\"\n></div>\n<div *ngIf=\"renderHeader && renderHeaderType === 'function'\" class=\"{{ defaultProps.prefixCls }}-header\">\n  {{ renderHeader() }}\n</div>\n<ng-template *ngIf=\"renderHeader && renderHeaderType === 'templateRef'\" [ngTemplateOutlet]=\"renderHeader\">\n</ng-template>\n<div class=\"{{ defaultProps.prefixCls }}-body\">\n  <ng-content></ng-content>\n</div>\n<div\n  *ngIf=\"renderFooter && renderFooterType === 'string'\"\n  class=\"{{ defaultProps.prefixCls }}-footer\"\n  [innerHTML]=\"renderFooter\"\n></div>\n<div *ngIf=\"renderFooter && renderFooterType === 'function'\" class=\"{{ defaultProps.prefixCls }}-footer\">\n  {{ renderFooter() }}\n</div>\n<ng-template *ngIf=\"renderFooter && renderFooterType === 'templateRef'\" [ngTemplateOutlet]=\"renderFooter\">\n</ng-template>\n" }]
        }], ctorParameters: () => [], propDecorators: { className: [{
                type: Input
            }], renderHeader: [{
                type: Input
            }], renderFooter: [{
                type: Input
            }], hostClassName: [{
                type: HostBinding,
                args: ['class']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPOUYsTUFBTSxPQUFPLGFBQWE7SUFZeEIsSUFDSSxTQUFTLENBQUMsS0FBSztRQUNqQixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztJQUMxQixDQUFDO0lBQ0QsSUFDSSxZQUFZO1FBQ2QsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQzVCLENBQUM7SUFDRCxJQUFJLFlBQVksQ0FBQyxLQUFVO1FBQ3pCLElBQUksS0FBSyxZQUFZLFdBQVcsRUFBRTtZQUNoQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsYUFBYSxDQUFDO1NBQ3ZDO2FBQU07WUFDTCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsT0FBTyxLQUFLLENBQUM7U0FDdEM7UUFFRCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUM3QixDQUFDO0lBQ0QsSUFDSSxZQUFZO1FBQ2QsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQzVCLENBQUM7SUFDRCxJQUFJLFlBQVksQ0FBQyxLQUFVO1FBQ3pCLElBQUksS0FBSyxZQUFZLFdBQVcsRUFBRTtZQUNoQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsYUFBYSxDQUFDO1NBQ3ZDO2FBQU07WUFDTCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsT0FBTyxLQUFLLENBQUM7U0FDdEM7UUFFRCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFDSSxhQUFhO1FBQ2YsT0FBTyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN0QyxDQUFDO0lBRUQ7UUEvQ0EsaUJBQVksR0FBUTtZQUNsQixTQUFTLEVBQUUsU0FBUztTQUNyQixDQUFDO1FBRUYscUJBQWdCLEdBQVcsRUFBRSxDQUFDO1FBQzlCLHFCQUFnQixHQUFXLEVBQUUsQ0FBQztRQUV0QixrQkFBYSxHQUFRLEVBQUUsQ0FBQztRQUN4QixrQkFBYSxHQUFRLEVBQUUsQ0FBQztRQUN4QixlQUFVLEdBQVcsRUFBRSxDQUFDO0lBc0NqQixDQUFDOzhHQWhETCxhQUFhO2tHQUFiLGFBQWEsK01DUDFCLDg2QkF1QkE7OzJGRGhCYSxhQUFhO2tCQUx6QixTQUFTOytCQUNFLGdCQUFnQixpQkFFWCxpQkFBaUIsQ0FBQyxJQUFJO3dEQWVqQyxTQUFTO3NCQURaLEtBQUs7Z0JBS0YsWUFBWTtzQkFEZixLQUFLO2dCQWNGLFlBQVk7c0JBRGYsS0FBSztnQkFlRixhQUFhO3NCQURoQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBJbnB1dCwgSG9zdEJpbmRpbmcsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ0xpc3QsIG56bS1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIExpc3RDb21wb25lbnQge1xuICBkZWZhdWx0UHJvcHM6IGFueSA9IHtcbiAgICBwcmVmaXhDbHM6ICdhbS1saXN0J1xuICB9O1xuXG4gIHJlbmRlckhlYWRlclR5cGU6IHN0cmluZyA9ICcnO1xuICByZW5kZXJGb290ZXJUeXBlOiBzdHJpbmcgPSAnJztcblxuICBwcml2YXRlIF9yZW5kZXJIZWFkZXI6IGFueSA9ICcnO1xuICBwcml2YXRlIF9yZW5kZXJGb290ZXI6IGFueSA9ICcnO1xuICBwcml2YXRlIF9jbGFzc05hbWU6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIHNldCBjbGFzc05hbWUodmFsdWUpIHtcbiAgICB0aGlzLl9jbGFzc05hbWUgPSB2YWx1ZTtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgcmVuZGVySGVhZGVyKCkge1xuICAgIHJldHVybiB0aGlzLl9yZW5kZXJIZWFkZXI7XG4gIH1cbiAgc2V0IHJlbmRlckhlYWRlcih2YWx1ZTogYW55KSB7XG4gICAgaWYgKHZhbHVlIGluc3RhbmNlb2YgVGVtcGxhdGVSZWYpIHtcbiAgICAgIHRoaXMucmVuZGVySGVhZGVyVHlwZSA9ICd0ZW1wbGF0ZVJlZic7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMucmVuZGVySGVhZGVyVHlwZSA9IHR5cGVvZiB2YWx1ZTtcbiAgICB9XG5cbiAgICB0aGlzLl9yZW5kZXJIZWFkZXIgPSB2YWx1ZTtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgcmVuZGVyRm9vdGVyKCkge1xuICAgIHJldHVybiB0aGlzLl9yZW5kZXJGb290ZXI7XG4gIH1cbiAgc2V0IHJlbmRlckZvb3Rlcih2YWx1ZTogYW55KSB7XG4gICAgaWYgKHZhbHVlIGluc3RhbmNlb2YgVGVtcGxhdGVSZWYpIHtcbiAgICAgIHRoaXMucmVuZGVyRm9vdGVyVHlwZSA9ICd0ZW1wbGF0ZVJlZic7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMucmVuZGVyRm9vdGVyVHlwZSA9IHR5cGVvZiB2YWx1ZTtcbiAgICB9XG5cbiAgICB0aGlzLl9yZW5kZXJGb290ZXIgPSB2YWx1ZTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBnZXQgaG9zdENsYXNzTmFtZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiAnYW0tbGlzdCAnICsgdGhpcy5fY2xhc3NOYW1lO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPGRpdlxuICAqbmdJZj1cInJlbmRlckhlYWRlciAmJiByZW5kZXJIZWFkZXJUeXBlID09PSAnc3RyaW5nJ1wiXG4gIGNsYXNzPVwie3sgZGVmYXVsdFByb3BzLnByZWZpeENscyB9fS1oZWFkZXJcIlxuICBbaW5uZXJIVE1MXT1cInJlbmRlckhlYWRlclwiXG4+PC9kaXY+XG48ZGl2ICpuZ0lmPVwicmVuZGVySGVhZGVyICYmIHJlbmRlckhlYWRlclR5cGUgPT09ICdmdW5jdGlvbidcIiBjbGFzcz1cInt7IGRlZmF1bHRQcm9wcy5wcmVmaXhDbHMgfX0taGVhZGVyXCI+XG4gIHt7IHJlbmRlckhlYWRlcigpIH19XG48L2Rpdj5cbjxuZy10ZW1wbGF0ZSAqbmdJZj1cInJlbmRlckhlYWRlciAmJiByZW5kZXJIZWFkZXJUeXBlID09PSAndGVtcGxhdGVSZWYnXCIgW25nVGVtcGxhdGVPdXRsZXRdPVwicmVuZGVySGVhZGVyXCI+XG48L25nLXRlbXBsYXRlPlxuPGRpdiBjbGFzcz1cInt7IGRlZmF1bHRQcm9wcy5wcmVmaXhDbHMgfX0tYm9keVwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXZcbiAgKm5nSWY9XCJyZW5kZXJGb290ZXIgJiYgcmVuZGVyRm9vdGVyVHlwZSA9PT0gJ3N0cmluZydcIlxuICBjbGFzcz1cInt7IGRlZmF1bHRQcm9wcy5wcmVmaXhDbHMgfX0tZm9vdGVyXCJcbiAgW2lubmVySFRNTF09XCJyZW5kZXJGb290ZXJcIlxuPjwvZGl2PlxuPGRpdiAqbmdJZj1cInJlbmRlckZvb3RlciAmJiByZW5kZXJGb290ZXJUeXBlID09PSAnZnVuY3Rpb24nXCIgY2xhc3M9XCJ7eyBkZWZhdWx0UHJvcHMucHJlZml4Q2xzIH19LWZvb3RlclwiPlxuICB7eyByZW5kZXJGb290ZXIoKSB9fVxuPC9kaXY+XG48bmctdGVtcGxhdGUgKm5nSWY9XCJyZW5kZXJGb290ZXIgJiYgcmVuZGVyRm9vdGVyVHlwZSA9PT0gJ3RlbXBsYXRlUmVmJ1wiIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInJlbmRlckZvb3RlclwiPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==