ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
67 lines • 8.46 kB
JavaScript
import { Component, ViewEncapsulation, Input, Output, HostBinding, TemplateRef, EventEmitter } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class CalendarHeaderComponent {
get locale() {
return this._locale;
}
set locale(value) {
this._locale = value;
}
get closeIcon() {
return this._closeIcon;
}
set closeIcon(value) {
if (value instanceof TemplateRef) {
this._closeIcon = value;
this.closeIcon_component = true;
}
else {
this._closeIcon = value;
this.closeIcon_component = false;
}
}
get showClear() {
return this._showClear;
}
set showClear(value) {
this._showClear = value;
}
constructor() {
this.closeIcon_component = false;
this._closeIcon = 'X';
this.onCancel = new EventEmitter();
this.onClear = new EventEmitter();
this.header = true;
}
triggerCancel() {
if (this.onCancel) {
this.onCancel.emit();
}
}
triggerClear() {
if (this.onClear) {
this.onClear.emit();
}
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: CalendarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: CalendarHeaderComponent, selector: "CalendarHeader, nzm-calendar-header", inputs: { locale: "locale", closeIcon: "closeIcon", showClear: "showClear" }, outputs: { onCancel: "onCancel", onClear: "onClear" }, host: { properties: { "class.header": "this.header" } }, ngImport: i0, template: "<span *ngIf=\"!closeIcon_component\" class=\"left\" (click)=\"triggerCancel()\" [innerHTML]=\"closeIcon\"></span>\n<span *ngIf=\"closeIcon_component\" class=\"left\" (click)=\"triggerCancel()\">\n <ng-template [ngTemplateOutlet]=\"closeIcon\"></ng-template>\n</span>\n<span class=\"title\">{{ title || locale.title }}</span>\n<span *ngIf=\"showClear\" class=\"right\" (click)=\"triggerClear()\">{{ clearIcon || locale.clear }}</span>\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: CalendarHeaderComponent, decorators: [{
type: Component,
args: [{ selector: 'CalendarHeader, nzm-calendar-header', encapsulation: ViewEncapsulation.None, template: "<span *ngIf=\"!closeIcon_component\" class=\"left\" (click)=\"triggerCancel()\" [innerHTML]=\"closeIcon\"></span>\n<span *ngIf=\"closeIcon_component\" class=\"left\" (click)=\"triggerCancel()\">\n <ng-template [ngTemplateOutlet]=\"closeIcon\"></ng-template>\n</span>\n<span class=\"title\">{{ title || locale.title }}</span>\n<span *ngIf=\"showClear\" class=\"right\" (click)=\"triggerClear()\">{{ clearIcon || locale.clear }}</span>\n" }]
}], ctorParameters: () => [], propDecorators: { locale: [{
type: Input
}], closeIcon: [{
type: Input
}], showClear: [{
type: Input
}], onCancel: [{
type: Output
}], onClear: [{
type: Output
}], header: [{
type: HostBinding,
args: ['class.header']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2FsZW5kYXIvaGVhZGVyL2hlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NhbGVuZGFyL2hlYWRlci9oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRcEgsTUFBTSxPQUFPLHVCQUF1QjtJQVNsQyxJQUNJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUNELElBQUksTUFBTSxDQUFDLEtBQUs7UUFDZCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBQ0QsSUFDSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3pCLENBQUM7SUFDRCxJQUFJLFNBQVMsQ0FBQyxLQUFnQztRQUM1QyxJQUFJLEtBQUssWUFBWSxXQUFXLEVBQUU7WUFDaEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7WUFDeEIsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQztTQUNqQzthQUFNO1lBQ0wsSUFBSSxDQUFDLFVBQVUsR0FBVyxLQUFLLENBQUM7WUFDaEMsSUFBSSxDQUFDLG1CQUFtQixHQUFHLEtBQUssQ0FBQztTQUNsQztJQUNILENBQUM7SUFDRCxJQUNJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUNELElBQUksU0FBUyxDQUFDLEtBQUs7UUFDakIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQztJQVFEO1FBekNBLHdCQUFtQixHQUFZLEtBQUssQ0FBQztRQUs3QixlQUFVLEdBQVEsR0FBRyxDQUFDO1FBOEI5QixhQUFRLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFFdEQsWUFBTyxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBRXhCLFdBQU0sR0FBWSxJQUFJLENBQUM7SUFFckMsQ0FBQztJQUVoQixhQUFhO1FBQ1gsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDdEI7SUFDSCxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNoQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ3JCO0lBQ0gsQ0FBQzs4R0F2RFUsdUJBQXVCO2tHQUF2Qix1QkFBdUIseVFDUnBDLHNiQU1BOzsyRkRFYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0UscUNBQXFDLGlCQUVoQyxpQkFBaUIsQ0FBQyxJQUFJO3dEQVlqQyxNQUFNO3NCQURULEtBQUs7Z0JBUUYsU0FBUztzQkFEWixLQUFLO2dCQWNGLFNBQVM7c0JBRFosS0FBSztnQkFRTixRQUFRO3NCQURQLE1BQU07Z0JBR1AsT0FBTztzQkFETixNQUFNO2dCQUdzQixNQUFNO3NCQUFsQyxXQUFXO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBJbnB1dCwgT3V0cHV0LCBIb3N0QmluZGluZywgVGVtcGxhdGVSZWYsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGF0ZU1vZGVscyB9IGZyb20gJy4uL2RhdGUvRGF0YVR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnQ2FsZW5kYXJIZWFkZXIsIG56bS1jYWxlbmRhci1oZWFkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBDYWxlbmRhckhlYWRlckNvbXBvbmVudCB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGNsb3NlSWNvbl9jb21wb25lbnQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgY2xlYXJJY29uOiBhbnk7XG5cbiAgcHJpdmF0ZSBfbG9jYWxlOiBEYXRlTW9kZWxzLkxvY2FsZTtcbiAgcHJpdmF0ZSBfc2hvd0NsZWFyOiBib29sZWFuO1xuICBwcml2YXRlIF9jbG9zZUljb246IGFueSA9ICdYJztcblxuICBASW5wdXQoKVxuICBnZXQgbG9jYWxlKCkge1xuICAgIHJldHVybiB0aGlzLl9sb2NhbGU7XG4gIH1cbiAgc2V0IGxvY2FsZSh2YWx1ZSkge1xuICAgIHRoaXMuX2xvY2FsZSA9IHZhbHVlO1xuICB9XG4gIEBJbnB1dCgpXG4gIGdldCBjbG9zZUljb24oKSB7XG4gICAgcmV0dXJuIHRoaXMuX2Nsb3NlSWNvbjtcbiAgfVxuICBzZXQgY2xvc2VJY29uKHZhbHVlOiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjxhbnk+KSB7XG4gICAgaWYgKHZhbHVlIGluc3RhbmNlb2YgVGVtcGxhdGVSZWYpIHtcbiAgICAgIHRoaXMuX2Nsb3NlSWNvbiA9IHZhbHVlO1xuICAgICAgdGhpcy5jbG9zZUljb25fY29tcG9uZW50ID0gdHJ1ZTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5fY2xvc2VJY29uID0gPHN0cmluZz52YWx1ZTtcbiAgICAgIHRoaXMuY2xvc2VJY29uX2NvbXBvbmVudCA9IGZhbHNlO1xuICAgIH1cbiAgfVxuICBASW5wdXQoKVxuICBnZXQgc2hvd0NsZWFyKCkge1xuICAgIHJldHVybiB0aGlzLl9zaG93Q2xlYXI7XG4gIH1cbiAgc2V0IHNob3dDbGVhcih2YWx1ZSkge1xuICAgIHRoaXMuX3Nob3dDbGVhciA9IHZhbHVlO1xuICB9XG4gIEBPdXRwdXQoKVxuICBvbkNhbmNlbDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpXG4gIG9uQ2xlYXI6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5oZWFkZXInKSBoZWFkZXI6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICB0cmlnZ2VyQ2FuY2VsKCkge1xuICAgIGlmICh0aGlzLm9uQ2FuY2VsKSB7XG4gICAgICB0aGlzLm9uQ2FuY2VsLmVtaXQoKTtcbiAgICB9XG4gIH1cblxuICB0cmlnZ2VyQ2xlYXIoKSB7XG4gICAgaWYgKHRoaXMub25DbGVhcikge1xuICAgICAgdGhpcy5vbkNsZWFyLmVtaXQoKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxzcGFuICpuZ0lmPVwiIWNsb3NlSWNvbl9jb21wb25lbnRcIiBjbGFzcz1cImxlZnRcIiAoY2xpY2spPVwidHJpZ2dlckNhbmNlbCgpXCIgW2lubmVySFRNTF09XCJjbG9zZUljb25cIj48L3NwYW4+XG48c3BhbiAqbmdJZj1cImNsb3NlSWNvbl9jb21wb25lbnRcIiBjbGFzcz1cImxlZnRcIiAoY2xpY2spPVwidHJpZ2dlckNhbmNlbCgpXCI+XG4gIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJjbG9zZUljb25cIj48L25nLXRlbXBsYXRlPlxuPC9zcGFuPlxuPHNwYW4gY2xhc3M9XCJ0aXRsZVwiPnt7IHRpdGxlIHx8IGxvY2FsZS50aXRsZSB9fTwvc3Bhbj5cbjxzcGFuICpuZ0lmPVwic2hvd0NsZWFyXCIgY2xhc3M9XCJyaWdodFwiIChjbGljayk9XCJ0cmlnZ2VyQ2xlYXIoKVwiPnt7IGNsZWFySWNvbiB8fCBsb2NhbGUuY2xlYXIgfX08L3NwYW4+XG4iXX0=