UNPKG

ng-zorro-antd-mobile

Version:

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

116 lines 6.24 kB
/** * @fileoverview added by tsickle * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,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\" class=\"am-icon\" [ngClass]=\"clsMap\" [ngStyle]=\"{ color: color }\">\n <use xmlns:xlink=\"https://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 {?} * @private */ IconComponent.prototype._type; /** * @type {?} * @private */ IconComponent.prototype._size; /** * @type {?} * @private */ IconComponent.prototype._src; /** @type {?} */ IconComponent.prototype.color; /** * @type {?} * @private */ IconComponent.prototype._iconHandler; } //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy16b3Jyby1hbnRkLW1vYmlsZS8iLCJzb3VyY2VzIjpbImljb24vaWNvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQVFoRCxNQUFNLE9BQU8sYUFBYTs7OztJQWtDeEIsWUFBb0IsWUFBeUI7UUFBekIsaUJBQVksR0FBWixZQUFZLENBQWE7UUFqQzdDLFdBQU0sR0FBVyxFQUFFLENBQUM7UUFFWixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLFVBQUssR0FBVyxJQUFJLENBQUM7UUFDckIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUcxQixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBMkJqQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzNCLENBQUM7Ozs7SUEzQkQsSUFDSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7Ozs7O0lBQ0QsSUFBSSxJQUFJLENBQUMsS0FBSztRQUNaLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDOzs7O0lBQ0QsSUFDSSxHQUFHO1FBQ0wsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ25CLENBQUM7Ozs7O0lBQ0QsSUFBSSxHQUFHLENBQUMsS0FBYTtRQUNuQixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQzs7OztJQUNELElBQ0ksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDOzs7OztJQUNELElBQUksSUFBSSxDQUFDLEtBQWE7UUFDcEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ25CLENBQUM7Ozs7SUFNRCxTQUFTO1FBQ1AsSUFBSSxDQUFDLE1BQU0sR0FBRztZQUNaLENBQUMsV0FBVyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsRUFBRSxJQUFJO1lBQy9CLENBQUMsV0FBVyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsRUFBRSxJQUFJO1NBQ2hDLENBQUM7SUFDSixDQUFDOzs7WUFqREYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLHdUQUFvQztnQkFDcEMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7Z0JBQ3JDLFNBQVMsRUFBRSxDQUFDLFdBQVcsQ0FBQzthQUN6Qjs7OztZQVBRLFdBQVc7OztvQkFlakIsS0FBSzttQkFFTCxLQUFLO2tCQVFMLEtBQUs7bUJBUUwsS0FBSzs7OztJQXhCTiwrQkFBb0I7Ozs7O0lBRXBCLDhCQUEyQjs7Ozs7SUFDM0IsOEJBQTZCOzs7OztJQUM3Qiw2QkFBMEI7O0lBRTFCLDhCQUNtQjs7Ozs7SUEwQlAscUNBQWlDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25IYW5kbGVyIH0gZnJvbSAnLi4vY29yZS91dGlsL2ljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdJY29uLCBuem0taWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbSWNvbkhhbmRsZXJdXG59KVxuZXhwb3J0IGNsYXNzIEljb25Db21wb25lbnQge1xuICBjbHNNYXA6IG9iamVjdCA9IHt9O1xuXG4gIHByaXZhdGUgX3R5cGU6IHN0cmluZyA9ICcnO1xuICBwcml2YXRlIF9zaXplOiBzdHJpbmcgPSAnbWQnO1xuICBwcml2YXRlIF9zcmM6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGNvbG9yOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KClcbiAgZ2V0IHR5cGUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fdHlwZTtcbiAgfVxuICBzZXQgdHlwZSh2YWx1ZSkge1xuICAgIHRoaXMuX3R5cGUgPSB2YWx1ZTtcbiAgICB0aGlzLnNldENsc01hcCgpO1xuICB9XG4gIEBJbnB1dCgpXG4gIGdldCBzcmMoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fc3JjO1xuICB9XG4gIHNldCBzcmModmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX3NyYyA9IHZhbHVlO1xuICAgIHRoaXMuc2V0Q2xzTWFwKCk7XG4gIH1cbiAgQElucHV0KClcbiAgZ2V0IHNpemUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fc2l6ZTtcbiAgfVxuICBzZXQgc2l6ZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5fc2l6ZSA9IHZhbHVlO1xuICAgIHRoaXMuc2V0Q2xzTWFwKCk7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9pY29uSGFuZGxlcjogSWNvbkhhbmRsZXIpIHtcbiAgICB0aGlzLl9pY29uSGFuZGxlci5sb2FkKCk7XG4gIH1cblxuICBzZXRDbHNNYXAoKSB7XG4gICAgdGhpcy5jbHNNYXAgPSB7XG4gICAgICBbYGFtLWljb24tJHt0aGlzLl90eXBlfWBdOiB0cnVlLFxuICAgICAgW2BhbS1pY29uLSR7dGhpcy5fc2l6ZX1gXTogdHJ1ZVxuICAgIH07XG4gIH1cbn1cbiJdfQ==