ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
105 lines (104 loc) • 5.78 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { Component, ViewEncapsulation, Input } from '@angular/core';
import { IconHandler } from '../core/util/icon';
export class IconComponent {
/**
* @param {?} _iconHandler
*/
constructor(_iconHandler) {
this._iconHandler = _iconHandler;
this.clsMap = {};
this._type = '';
this._size = 'md';
this._src = '';
this.color = '';
this._iconHandler.load();
}
/**
* @return {?}
*/
get type() {
return this._type;
}
/**
* @param {?} value
* @return {?}
*/
set type(value) {
this._type = value;
this.setClsMap();
}
/**
* @return {?}
*/
get src() {
return this._src;
}
/**
* @param {?} value
* @return {?}
*/
set src(value) {
this._src = value;
this.setClsMap();
}
/**
* @return {?}
*/
get size() {
return this._size;
}
/**
* @param {?} value
* @return {?}
*/
set size(value) {
this._size = value;
this.setClsMap();
}
/**
* @return {?}
*/
setClsMap() {
this.clsMap = {
[`am-icon-${this._type}`]: true,
[`am-icon-${this._size}`]: true
};
}
}
IconComponent.decorators = [
{ type: Component, args: [{
selector: 'Icon, nzm-icon',
template: "<svg *ngIf=\"type\"\n class=\"am-icon\"\n [ngClass]=\"clsMap\"\n [ngStyle]=\"{color: color}\"\n>\n <use xmlns:xlink=\"http://www.w3.org/1999/xlink\" attr.xlink:href=\"#{{type}}\"></use>\n</svg>\n<img *ngIf=\"src\" src=\"{{src}}\" class=\"am-icon\" [ngClass]=\"clsMap\">\n<ng-content></ng-content>\n",
encapsulation: ViewEncapsulation.None,
providers: [IconHandler]
}] }
];
/** @nocollapse */
IconComponent.ctorParameters = () => [
{ type: IconHandler }
];
IconComponent.propDecorators = {
color: [{ type: Input }],
type: [{ type: Input }],
src: [{ type: Input }],
size: [{ type: Input }]
};
if (false) {
/** @type {?} */
IconComponent.prototype.clsMap;
/** @type {?} */
IconComponent.prototype._type;
/** @type {?} */
IconComponent.prototype._size;
/** @type {?} */
IconComponent.prototype._src;
/** @type {?} */
IconComponent.prototype.color;
/** @type {?} */
IconComponent.prototype._iconHandler;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy16b3Jyby1hbnRkLW1vYmlsZS8iLCJzb3VyY2VzIjpbImljb24vaWNvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQVFoRCxNQUFNOzs7O0lBa0NKLFlBQW9CLFlBQXlCO1FBQXpCLGlCQUFZLEdBQVosWUFBWSxDQUFhO3NCQWpDNUIsRUFBRTtxQkFFSyxFQUFFO3FCQUNGLElBQUk7b0JBQ0wsRUFBRTtxQkFHVCxFQUFFO1FBMkJoQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO0tBQzFCOzs7O0lBM0JELElBQ0ksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztLQUNuQjs7Ozs7SUFDRCxJQUFJLElBQUksQ0FBQyxLQUFLO1FBQ1osSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0tBQ2xCOzs7O0lBQ0QsSUFDSSxHQUFHO1FBQ0wsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO0tBQ2xCOzs7OztJQUNELElBQUksR0FBRyxDQUFDLEtBQWE7UUFDbkIsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7UUFDbEIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0tBQ2xCOzs7O0lBQ0QsSUFDSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0tBQ25COzs7OztJQUNELElBQUksSUFBSSxDQUFDLEtBQWE7UUFDcEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0tBQ2xCOzs7O0lBTUQsU0FBUztRQUNQLElBQUksQ0FBQyxNQUFNLEdBQUc7WUFDWixDQUFDLFdBQVcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsSUFBSTtZQUMvQixDQUFDLFdBQVcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsSUFBSTtTQUNoQyxDQUFDO0tBQ0g7OztZQWpERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtnQkFDMUIsbVVBQW9DO2dCQUNwQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtnQkFDckMsU0FBUyxFQUFFLENBQUMsV0FBVyxDQUFDO2FBQ3pCOzs7O1lBUFEsV0FBVzs7O29CQWVqQixLQUFLO21CQUVMLEtBQUs7a0JBUUwsS0FBSzttQkFRTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25IYW5kbGVyIH0gZnJvbSAnLi4vY29yZS91dGlsL2ljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdJY29uLCBuem0taWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbSWNvbkhhbmRsZXJdXG59KVxuZXhwb3J0IGNsYXNzIEljb25Db21wb25lbnQge1xuICBjbHNNYXA6IG9iamVjdCA9IHt9O1xuXG4gIHByaXZhdGUgX3R5cGU6IHN0cmluZyA9ICcnO1xuICBwcml2YXRlIF9zaXplOiBzdHJpbmcgPSAnbWQnO1xuICBwcml2YXRlIF9zcmM6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGNvbG9yOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KClcbiAgZ2V0IHR5cGUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fdHlwZTtcbiAgfVxuICBzZXQgdHlwZSh2YWx1ZSkge1xuICAgIHRoaXMuX3R5cGUgPSB2YWx1ZTtcbiAgICB0aGlzLnNldENsc01hcCgpO1xuICB9XG4gIEBJbnB1dCgpXG4gIGdldCBzcmMoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fc3JjO1xuICB9XG4gIHNldCBzcmModmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX3NyYyA9IHZhbHVlO1xuICAgIHRoaXMuc2V0Q2xzTWFwKCk7XG4gIH1cbiAgQElucHV0KClcbiAgZ2V0IHNpemUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fc2l6ZTtcbiAgfVxuICBzZXQgc2l6ZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5fc2l6ZSA9IHZhbHVlO1xuICAgIHRoaXMuc2V0Q2xzTWFwKCk7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9pY29uSGFuZGxlcjogSWNvbkhhbmRsZXIpIHtcbiAgICB0aGlzLl9pY29uSGFuZGxlci5sb2FkKCk7XG4gIH1cblxuICBzZXRDbHNNYXAoKSB7XG4gICAgdGhpcy5jbHNNYXAgPSB7XG4gICAgICBbYGFtLWljb24tJHt0aGlzLl90eXBlfWBdOiB0cnVlLFxuICAgICAgW2BhbS1pY29uLSR7dGhpcy5fc2l6ZX1gXTogdHJ1ZVxuICAgIH07XG4gIH1cbn1cbiJdfQ==