ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
81 lines • 6.43 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, Output, HostBinding, EventEmitter } from '@angular/core';
var SegmentedControlComponent = /** @class */ (function () {
function SegmentedControlComponent() {
this.prefixCls = 'am-segment';
this.tintColor = '#2DB7F5';
this.disabled = false;
this.selectedIndex = 0;
this.onChange = new EventEmitter();
this.role = 'tablist';
this.amSegment = true;
}
Object.defineProperty(SegmentedControlComponent.prototype, "amDisabled", {
get: /**
* @return {?}
*/
function () {
return this.disabled;
},
enumerable: true,
configurable: true
});
/**
* @param {?} index
* @param {?} value
* @return {?}
*/
SegmentedControlComponent.prototype.onClick = /**
* @param {?} index
* @param {?} value
* @return {?}
*/
function (index, value) {
if (!this.disabled && index !== this.selectedIndex) {
this.selectedIndex = index;
this.onChange.emit({ selectedIndex: index, value: value });
}
};
SegmentedControlComponent.decorators = [
{ type: Component, args: [{
selector: 'SegmentedControl, nz-segmented-control',
template: "<div\n role=\"tab\"\n *ngFor=\"let value of values; let i = index\"\n class=\"{{ prefixCls }}-item\"\n [ngClass]=\"{ 'am-segment-item-selected': i === selectedIndex }\"\n [ngStyle]=\"{\n 'border-color': tintColor,\n color: i === selectedIndex ? '#fff' : tintColor,\n 'background-color': i === selectedIndex ? tintColor : 'transparent'\n }\"\n (click)=\"onClick(i, value)\"\n>\n <div\n class=\"{{ prefixCls }}-item-inner\"\n [ngStyle]=\"{ 'background-color': i === selectedIndex ? tintColor : 'transparent' }\"\n ></div>\n {{ value }}\n</div>\n"
}] }
];
/** @nocollapse */
SegmentedControlComponent.ctorParameters = function () { return []; };
SegmentedControlComponent.propDecorators = {
tintColor: [{ type: Input }],
disabled: [{ type: Input }],
selectedIndex: [{ type: Input }],
values: [{ type: Input }],
onChange: [{ type: Output }],
role: [{ type: HostBinding, args: ['attr.role',] }],
amSegment: [{ type: HostBinding, args: ['class.am-segment',] }],
amDisabled: [{ type: HostBinding, args: ['class.am-segment-disabled',] }]
};
return SegmentedControlComponent;
}());
export { SegmentedControlComponent };
if (false) {
/** @type {?} */
SegmentedControlComponent.prototype.prefixCls;
/** @type {?} */
SegmentedControlComponent.prototype.tintColor;
/** @type {?} */
SegmentedControlComponent.prototype.disabled;
/** @type {?} */
SegmentedControlComponent.prototype.selectedIndex;
/** @type {?} */
SegmentedControlComponent.prototype.values;
/** @type {?} */
SegmentedControlComponent.prototype.onChange;
/** @type {?} */
SegmentedControlComponent.prototype.role;
/** @type {?} */
SegmentedControlComponent.prototype.amSegment;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctem9ycm8tYW50ZC1tb2JpbGUvIiwic291cmNlcyI6WyJzZWdtZW50ZWQtY29udHJvbC9zZWdtZW50ZWQtY29udHJvbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3BGO0lBMkJFO1FBdEJBLGNBQVMsR0FBVyxZQUFZLENBQUM7UUFHakMsY0FBUyxHQUFXLFNBQVMsQ0FBQztRQUU5QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBRTFCLGtCQUFhLEdBQVcsQ0FBQyxDQUFDO1FBSTFCLGFBQVEsR0FBZ0QsSUFBSSxZQUFZLEVBQWlDLENBQUM7UUFHMUcsU0FBSSxHQUFHLFNBQVMsQ0FBQztRQUVqQixjQUFTLEdBQVksSUFBSSxDQUFDO0lBTVgsQ0FBQztJQUxoQixzQkFDSSxpREFBVTs7OztRQURkO1lBRUUsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3ZCLENBQUM7OztPQUFBOzs7Ozs7SUFJRCwyQ0FBTzs7Ozs7SUFBUCxVQUFRLEtBQWEsRUFBRSxLQUFhO1FBQ2xDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ2xELElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1lBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztTQUM1RDtJQUNILENBQUM7O2dCQWxDRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLHdDQUF3QztvQkFDbEQsb2tCQUFpRDtpQkFDbEQ7Ozs7OzRCQUlFLEtBQUs7MkJBRUwsS0FBSztnQ0FFTCxLQUFLO3lCQUVMLEtBQUs7MkJBRUwsTUFBTTt1QkFHTixXQUFXLFNBQUMsV0FBVzs0QkFFdkIsV0FBVyxTQUFDLGtCQUFrQjs2QkFFOUIsV0FBVyxTQUFDLDJCQUEyQjs7SUFhMUMsZ0NBQUM7Q0FBQSxBQW5DRCxJQW1DQztTQS9CWSx5QkFBeUI7OztJQUNwQyw4Q0FBaUM7O0lBRWpDLDhDQUM4Qjs7SUFDOUIsNkNBQzBCOztJQUMxQixrREFDMEI7O0lBQzFCLDJDQUN3Qjs7SUFDeEIsNkNBQzBHOztJQUUxRyx5Q0FDaUI7O0lBQ2pCLDhDQUMwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgSG9zdEJpbmRpbmcsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2VnbWVudGVkQ29udHJvbE9uQ2hhbmdlRXZlbnQgfSBmcm9tICcuL1Byb3BzVHlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ1NlZ21lbnRlZENvbnRyb2wsIG56LXNlZ21lbnRlZC1jb250cm9sJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlZ21lbnRlZC1jb250cm9sLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBTZWdtZW50ZWRDb250cm9sQ29tcG9uZW50IHtcbiAgcHJlZml4Q2xzOiBzdHJpbmcgPSAnYW0tc2VnbWVudCc7XG5cbiAgQElucHV0KClcbiAgdGludENvbG9yOiBzdHJpbmcgPSAnIzJEQjdGNSc7XG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIHNlbGVjdGVkSW5kZXg6IG51bWJlciA9IDA7XG4gIEBJbnB1dCgpXG4gIHZhbHVlczogQXJyYXk8c3RyaW5nPltdO1xuICBAT3V0cHV0KClcbiAgb25DaGFuZ2U6IEV2ZW50RW1pdHRlcjxTZWdtZW50ZWRDb250cm9sT25DaGFuZ2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPFNlZ21lbnRlZENvbnRyb2xPbkNoYW5nZUV2ZW50PigpO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJylcbiAgcm9sZSA9ICd0YWJsaXN0JztcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5hbS1zZWdtZW50JylcbiAgYW1TZWdtZW50OiBib29sZWFuID0gdHJ1ZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5hbS1zZWdtZW50LWRpc2FibGVkJylcbiAgZ2V0IGFtRGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQ7XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25DbGljayhpbmRleDogbnVtYmVyLCB2YWx1ZTogc3RyaW5nKSB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkICYmIGluZGV4ICE9PSB0aGlzLnNlbGVjdGVkSW5kZXgpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWRJbmRleCA9IGluZGV4O1xuICAgICAgdGhpcy5vbkNoYW5nZS5lbWl0KHsgc2VsZWN0ZWRJbmRleDogaW5kZXgsIHZhbHVlOiB2YWx1ZSB9KTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==