ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
120 lines (119 loc) • 6.6 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';
var IconComponent = /** @class */ (function () {
function IconComponent(_iconHandler) {
this._iconHandler = _iconHandler;
this.clsMap = {};
this._type = '';
this._size = 'md';
this._src = '';
this.color = '';
this._iconHandler.load();
}
Object.defineProperty(IconComponent.prototype, "type", {
get: /**
* @return {?}
*/
function () {
return this._type;
},
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
this._type = value;
this.setClsMap();
},
enumerable: true,
configurable: true
});
Object.defineProperty(IconComponent.prototype, "src", {
get: /**
* @return {?}
*/
function () {
return this._src;
},
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
this._src = value;
this.setClsMap();
},
enumerable: true,
configurable: true
});
Object.defineProperty(IconComponent.prototype, "size", {
get: /**
* @return {?}
*/
function () {
return this._size;
},
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
this._size = value;
this.setClsMap();
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
IconComponent.prototype.setClsMap = /**
* @return {?}
*/
function () {
var _a;
this.clsMap = (_a = {},
_a["am-icon-" + this._type] = true,
_a["am-icon-" + this._size] = true,
_a);
};
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 = function () { return [
{ type: IconHandler }
]; };
IconComponent.propDecorators = {
color: [{ type: Input }],
type: [{ type: Input }],
src: [{ type: Input }],
size: [{ type: Input }]
};
return IconComponent;
}());
export { IconComponent };
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy16b3Jyby1hbnRkLW1vYmlsZS8iLCJzb3VyY2VzIjpbImljb24vaWNvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7SUEwQzlDLHVCQUFvQixZQUF5QjtRQUF6QixpQkFBWSxHQUFaLFlBQVksQ0FBYTtzQkFqQzVCLEVBQUU7cUJBRUssRUFBRTtxQkFDRixJQUFJO29CQUNMLEVBQUU7cUJBR1QsRUFBRTtRQTJCaEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztLQUMxQjtJQTNCRCxzQkFDSSwrQkFBSTs7OztRQURSO1lBRUUsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO1NBQ25COzs7OztRQUNELFVBQVMsS0FBSztZQUNaLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1lBQ25CLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztTQUNsQjs7O09BSkE7SUFLRCxzQkFDSSw4QkFBRzs7OztRQURQO1lBRUUsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO1NBQ2xCOzs7OztRQUNELFVBQVEsS0FBYTtZQUNuQixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztZQUNsQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDbEI7OztPQUpBO0lBS0Qsc0JBQ0ksK0JBQUk7Ozs7UUFEUjtZQUVFLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztTQUNuQjs7Ozs7UUFDRCxVQUFTLEtBQWE7WUFDcEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7WUFDbkIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1NBQ2xCOzs7T0FKQTs7OztJQVVELGlDQUFTOzs7SUFBVDs7UUFDRSxJQUFJLENBQUMsTUFBTTtZQUNULEdBQUMsYUFBVyxJQUFJLENBQUMsS0FBTyxJQUFHLElBQUk7WUFDL0IsR0FBQyxhQUFXLElBQUksQ0FBQyxLQUFPLElBQUcsSUFBSTtlQUNoQyxDQUFDO0tBQ0g7O2dCQWpERixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsbVVBQW9DO29CQUNwQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsU0FBUyxFQUFFLENBQUMsV0FBVyxDQUFDO2lCQUN6Qjs7OztnQkFQUSxXQUFXOzs7d0JBZWpCLEtBQUs7dUJBRUwsS0FBSztzQkFRTCxLQUFLO3VCQVFMLEtBQUs7O3dCQWxDUjs7U0FTYSxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25IYW5kbGVyIH0gZnJvbSAnLi4vY29yZS91dGlsL2ljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdJY29uLCBuem0taWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbSWNvbkhhbmRsZXJdXG59KVxuZXhwb3J0IGNsYXNzIEljb25Db21wb25lbnQge1xuICBjbHNNYXA6IG9iamVjdCA9IHt9O1xuXG4gIHByaXZhdGUgX3R5cGU6IHN0cmluZyA9ICcnO1xuICBwcml2YXRlIF9zaXplOiBzdHJpbmcgPSAnbWQnO1xuICBwcml2YXRlIF9zcmM6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGNvbG9yOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KClcbiAgZ2V0IHR5cGUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fdHlwZTtcbiAgfVxuICBzZXQgdHlwZSh2YWx1ZSkge1xuICAgIHRoaXMuX3R5cGUgPSB2YWx1ZTtcbiAgICB0aGlzLnNldENsc01hcCgpO1xuICB9XG4gIEBJbnB1dCgpXG4gIGdldCBzcmMoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fc3JjO1xuICB9XG4gIHNldCBzcmModmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX3NyYyA9IHZhbHVlO1xuICAgIHRoaXMuc2V0Q2xzTWFwKCk7XG4gIH1cbiAgQElucHV0KClcbiAgZ2V0IHNpemUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fc2l6ZTtcbiAgfVxuICBzZXQgc2l6ZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5fc2l6ZSA9IHZhbHVlO1xuICAgIHRoaXMuc2V0Q2xzTWFwKCk7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9pY29uSGFuZGxlcjogSWNvbkhhbmRsZXIpIHtcbiAgICB0aGlzLl9pY29uSGFuZGxlci5sb2FkKCk7XG4gIH1cblxuICBzZXRDbHNNYXAoKSB7XG4gICAgdGhpcy5jbHNNYXAgPSB7XG4gICAgICBbYGFtLWljb24tJHt0aGlzLl90eXBlfWBdOiB0cnVlLFxuICAgICAgW2BhbS1pY29uLSR7dGhpcy5fc2l6ZX1gXTogdHJ1ZVxuICAgIH07XG4gIH1cbn1cbiJdfQ==