ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
221 lines • 14.5 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ViewEncapsulation, Input, Output, EventEmitter, forwardRef, HostBinding } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
var SwitchComponent = /** @class */ (function () {
function SwitchComponent() {
this.prefixCls = 'am-switch';
this.wrapCls = 'am-switch';
this.checkboxCls = {
'checkbox-disabled': false,
'checkbox-active': false,
'checkbox-inactive': true
};
this.colorStyle = {};
this.switchChecked = false;
this._color = '';
this._disabled = false;
this.onChanged = Function.prototype;
this.onTouched = Function.prototype;
this.onChange = new EventEmitter();
this.onClick = new EventEmitter();
this.dispaly = true;
}
Object.defineProperty(SwitchComponent.prototype, "color", {
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
this._color = value;
this.colorStyle = { background: this._color };
},
enumerable: true,
configurable: true
});
Object.defineProperty(SwitchComponent.prototype, "platform", {
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
this.wrapCls = value === 'android' ? this.prefixCls + "-android" : this.prefixCls;
},
enumerable: true,
configurable: true
});
Object.defineProperty(SwitchComponent.prototype, "checked", {
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
this.switchChecked = value;
this.checkboxCls = {
'checkbox-disabled': this._disabled,
'checkbox-active': this.switchChecked,
'checkbox-inactive': !this.switchChecked
};
this.colorStyle = { background: value ? this._color : '' };
},
enumerable: true,
configurable: true
});
Object.defineProperty(SwitchComponent.prototype, "disabled", {
get: /**
* @return {?}
*/
function () {
return this._disabled;
},
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
this._disabled = value;
this.checkboxCls = {
'checkbox-disabled': value,
'checkbox-active': this.switchChecked,
'checkbox-inactive': !this.switchChecked
};
},
enumerable: true,
configurable: true
});
/**
* @param {?} checkedValue
* @return {?}
*/
SwitchComponent.prototype.changeSwitch = /**
* @param {?} checkedValue
* @return {?}
*/
function (checkedValue) {
this.onChanged(checkedValue);
this.switchChecked = checkedValue;
this.checkboxCls = {
'checkbox-disabled': this._disabled,
'checkbox-active': this.switchChecked,
'checkbox-inactive': !this.switchChecked
};
this.colorStyle = { background: checkedValue ? this._color : '' };
this.onChange.emit(checkedValue);
};
/**
* @return {?}
*/
SwitchComponent.prototype.click = /**
* @return {?}
*/
function () {
this.onClick.emit(this.switchChecked);
};
/**
* @param {?} value
* @return {?}
*/
SwitchComponent.prototype.writeValue = /**
* @param {?} value
* @return {?}
*/
function (value) {
this.switchChecked = value;
};
/**
* @param {?} fn
* @return {?}
*/
SwitchComponent.prototype.registerOnChange = /**
* @param {?} fn
* @return {?}
*/
function (fn) {
this.onChanged = fn;
};
/**
* @param {?} fn
* @return {?}
*/
SwitchComponent.prototype.registerOnTouched = /**
* @param {?} fn
* @return {?}
*/
function (fn) {
this.onTouched = fn;
};
SwitchComponent.decorators = [
{ type: Component, args: [{
selector: 'Switch, nzm-switch',
template: "<label class=\"{{ prefixCls }}\" [ngClass]=\"wrapCls\">\n <input\n #switchValue\n type=\"checkbox\"\n name=\"name\"\n class=\"{{ prefixCls }}-checkbox\"\n [checked]=\"switchChecked\"\n [value]=\"switchChecked\"\n [disabled]=\"disabled\"\n (change)=\"changeSwitch(switchValue.checked)\"\n />\n <div class=\"checkbox\" [ngClass]=\"checkboxCls\" [ngStyle]=\"colorStyle\" (click)=\"click()\"></div>\n</label>\n",
encapsulation: ViewEncapsulation.None,
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef((/**
* @return {?}
*/
function () { return SwitchComponent; })),
multi: true
}
]
}] }
];
/** @nocollapse */
SwitchComponent.ctorParameters = function () { return []; };
SwitchComponent.propDecorators = {
color: [{ type: Input }],
name: [{ type: Input }],
platform: [{ type: Input }],
checked: [{ type: Input }],
disabled: [{ type: Input }],
onChange: [{ type: Output }],
onClick: [{ type: Output }],
dispaly: [{ type: HostBinding, args: ['style.display',] }]
};
return SwitchComponent;
}());
export { SwitchComponent };
if (false) {
/** @type {?} */
SwitchComponent.prototype.prefixCls;
/** @type {?} */
SwitchComponent.prototype.wrapCls;
/** @type {?} */
SwitchComponent.prototype.checkboxCls;
/** @type {?} */
SwitchComponent.prototype.colorStyle;
/** @type {?} */
SwitchComponent.prototype.switchChecked;
/**
* @type {?}
* @private
*/
SwitchComponent.prototype._color;
/**
* @type {?}
* @private
*/
SwitchComponent.prototype._disabled;
/**
* @type {?}
* @private
*/
SwitchComponent.prototype.onChanged;
/**
* @type {?}
* @private
*/
SwitchComponent.prototype.onTouched;
/** @type {?} */
SwitchComponent.prototype.name;
/** @type {?} */
SwitchComponent.prototype.onChange;
/** @type {?} */
SwitchComponent.prototype.onClick;
/** @type {?} */
SwitchComponent.prototype.dispaly;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLXpvcnJvLWFudGQtbW9iaWxlLyIsInNvdXJjZXMiOlsic3dpdGNoL3N3aXRjaC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuSCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekU7SUF1RUU7UUExREEsY0FBUyxHQUFHLFdBQVcsQ0FBQztRQUN4QixZQUFPLEdBQUcsV0FBVyxDQUFDO1FBQ3RCLGdCQUFXLEdBQUc7WUFDWixtQkFBbUIsRUFBRSxLQUFLO1lBQzFCLGlCQUFpQixFQUFFLEtBQUs7WUFDeEIsbUJBQW1CLEVBQUUsSUFBSTtTQUMxQixDQUFDO1FBQ0YsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNoQixrQkFBYSxHQUFZLEtBQUssQ0FBQztRQUV2QixXQUFNLEdBQVcsRUFBRSxDQUFDO1FBQ3BCLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDM0IsY0FBUyxHQUFHLFFBQVEsQ0FBQyxTQUFTLENBQUM7UUFDL0IsY0FBUyxHQUFHLFFBQVEsQ0FBQyxTQUFTLENBQUM7UUFzQ3ZDLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBRXZDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBR3RDLFlBQU8sR0FBWSxJQUFJLENBQUM7SUFFVCxDQUFDO0lBM0NoQixzQkFDSSxrQ0FBSzs7Ozs7UUFEVCxVQUNVLEtBQUs7WUFDYixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztZQUNwQixJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsVUFBVSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUNoRCxDQUFDOzs7T0FB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QUdMLEtBQUs7MEJBSUwsS0FBSzsyQkFVTCxLQUFLOzJCQVlMLE1BQU07MEJBRU4sTUFBTTswQkFHTixXQUFXLFNBQUMsZUFBZTs7SUFnQzlCLHNCQUFDO0NBQUEsQUFwR0QsSUFvR0M7U0F4RlksZUFBZTs7O0lBQzFCLG9DQUF3Qjs7SUFDeEIsa0NBQXNCOztJQUN0QixzQ0FJRTs7SUFDRixxQ0FBZ0I7O0lBQ2hCLHdDQUErQjs7Ozs7SUFFL0IsaUNBQTRCOzs7OztJQUM1QixvQ0FBbUM7Ozs7O0lBQ25DLG9DQUF1Qzs7Ozs7SUFDdkMsb0NBQXVDOztJQVF2QywrQkFDYTs7SUE0QmIsbUNBQ3VDOztJQUN2QyxrQ0FDc0M7O0lBRXRDLGtDQUN3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdTd2l0Y2gsIG56bS1zd2l0Y2gnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3dpdGNoLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTd2l0Y2hDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWVcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU3dpdGNoQ29tcG9uZW50IHtcbiAgcHJlZml4Q2xzID0gJ2FtLXN3aXRjaCc7XG4gIHdyYXBDbHMgPSAnYW0tc3dpdGNoJztcbiAgY2hlY2tib3hDbHMgPSB7XG4gICAgJ2NoZWNrYm94LWRpc2FibGVkJzogZmFsc2UsXG4gICAgJ2NoZWNrYm94LWFjdGl2ZSc6IGZhbHNlLFxuICAgICdjaGVja2JveC1pbmFjdGl2ZSc6IHRydWVcbiAgfTtcbiAgY29sb3JTdHlsZSA9IHt9O1xuICBzd2l0Y2hDaGVja2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSBfY29sb3I6IHN0cmluZyA9ICcnO1xuICBwcml2YXRlIF9kaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBwcml2YXRlIG9uQ2hhbmdlZCA9IEZ1bmN0aW9uLnByb3RvdHlwZTtcbiAgcHJpdmF0ZSBvblRvdWNoZWQgPSBGdW5jdGlvbi5wcm90b3R5cGU7XG5cbiAgQElucHV0KClcbiAgc2V0IGNvbG9yKHZhbHVlKSB7XG4gICAgdGhpcy5fY29sb3IgPSB2YWx1ZTtcbiAgICB0aGlzLmNvbG9yU3R5bGUgPSB7IGJhY2tncm91bmQ6IHRoaXMuX2NvbG9yIH07XG4gIH1cblxuICBASW5wdXQoKVxuICBuYW1lOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc2V0IHBsYXRmb3JtKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLndyYXBDbHMgPSB2YWx1ZSA9PT0gJ2FuZHJvaWQnID8gYCR7dGhpcy5wcmVmaXhDbHN9LWFuZHJvaWRgIDogdGhpcy5wcmVmaXhDbHM7XG4gIH1cbiAgQElucHV0KClcbiAgc2V0IGNoZWNrZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLnN3aXRjaENoZWNrZWQgPSB2YWx1ZTtcbiAgICB0aGlzLmNoZWNrYm94Q2xzID0ge1xuICAgICAgJ2NoZWNrYm94LWRpc2FibGVkJzogdGhpcy5fZGlzYWJsZWQsXG4gICAgICAnY2hlY2tib3gtYWN0aXZlJzogdGhpcy5zd2l0Y2hDaGVja2VkLFxuICAgICAgJ2NoZWNrYm94LWluYWN0aXZlJzogIXRoaXMuc3dpdGNoQ2hlY2tlZFxuICAgIH07XG4gICAgdGhpcy5jb2xvclN0eWxlID0geyBiYWNrZ3JvdW5kOiB2YWx1ZSA/IHRoaXMuX2NvbG9yIDogJycgfTtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkO1xuICB9XG4gIHNldCBkaXNhYmxlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX2Rpc2FibGVkID0gdmFsdWU7XG4gICAgdGhpcy5jaGVja2JveENscyA9IHtcbiAgICAgICdjaGVja2JveC1kaXNhYmxlZCc6IHZhbHVlLFxuICAgICAgJ2NoZWNrYm94LWFjdGl2ZSc6IHRoaXMuc3dpdGNoQ2hlY2tlZCxcbiAgICAgICdjaGVja2JveC1pbmFjdGl2ZSc6ICF0aGlzLnN3aXRjaENoZWNrZWRcbiAgICB9O1xuICB9XG4gIEBPdXRwdXQoKVxuICBvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgQE91dHB1dCgpXG4gIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5kaXNwbGF5JylcbiAgZGlzcGFseTogYm9vbGVhbiA9IHRydWU7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIGNoYW5nZVN3aXRjaChjaGVja2VkVmFsdWUpIHtcbiAgICB0aGlzLm9uQ2hhbmdlZChjaGVja2VkVmFsdWUpO1xuICAgIHRoaXMuc3dpdGNoQ2hlY2tlZCA9IGNoZWNrZWRWYWx1ZTtcbiAgICB0aGlzLmNoZWNrYm94Q2xzID0ge1xuICAgICAgJ2NoZWNrYm94LWRpc2FibGVkJzogdGhpcy5fZGlzYWJsZWQsXG4gICAgICAnY2hlY2tib3gtYWN0aXZlJzogdGhpcy5zd2l0Y2hDaGVja2VkLFxuICAgICAgJ2NoZWNrYm94LWluYWN0aXZlJzogIXRoaXMuc3dpdGNoQ2hlY2tlZFxuICAgIH07XG4gICAgdGhpcy5jb2xvclN0eWxlID0geyBiYWNrZ3JvdW5kOiBjaGVja2VkVmFsdWUgPyB0aGlzLl9jb2xvciA6ICcnIH07XG4gICAgdGhpcy5vbkNoYW5nZS5lbWl0KGNoZWNrZWRWYWx1ZSk7XG4gIH1cblxuICBjbGljaygpIHtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh0aGlzLnN3aXRjaENoZWNrZWQpO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuc3dpdGNoQ2hlY2tlZCA9IHZhbHVlO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKF86IGJvb2xlYW4pID0+IHt9KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZWQgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB7fSk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cbn1cbiJdfQ==