@ngx-performance-ui/ui
Version:
Ngx Performance UI - UI
98 lines • 9.09 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import * as tslib_1 from "tslib";
import { ChangeDetectionStrategy, Component, forwardRef, Input, ViewEncapsulation } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
import { AbstractInputComponent } from '../../abstracts';
var SpinnerComponent = /** @class */ (function (_super) {
tslib_1.__extends(SpinnerComponent, _super);
function SpinnerComponent() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.min = 1;
_this.max = 100;
_this.buttonClass = 'btn btn-secondary';
_this.increaseLabel = '+';
_this.decreaseLabel = '-';
_this.step = 1;
_this.valueLimitFn = (/**
* @param {?} value
* @return {?}
*/
function (value) {
if (value > _this.max)
return _this.max;
if (value < _this.min)
return _this.min;
return false;
});
return _this;
}
Object.defineProperty(SpinnerComponent.prototype, "defaultValue", {
get: /**
* @return {?}
*/
function () {
return this.min;
},
enumerable: true,
configurable: true
});
/**
* @param {?} value
* @return {?}
*/
SpinnerComponent.prototype.onClick = /**
* @param {?} value
* @return {?}
*/
function (value) {
this.value = value;
};
SpinnerComponent.decorators = [
{ type: Component, args: [{
selector: 'p-spinner',
template: "\n <div class=\"input-group mb-3\">\n <div class=\"input-group-prepend\">\n <button type=\"button\" class=\"{{ buttonClass }}\" (click)=\"onClick(value - step)\" [disabled]=\"disabled\">\n {{ decreaseLabel }}\n </button>\n </div>\n <input\n type=\"number\"\n class=\"form-control text-center {{ classes }}\"\n [(ngModel)]=\"value\"\n [id]=\"id\"\n [hidden]=\"hidden\"\n [name]=\"name\"\n [disabled]=\"disabled\"\n [min]=\"min\"\n [max]=\"max\"\n [attr.tabindex]=\"tabindex\"\n [required]=\"required\"\n [autofocus]=\"autofocus\"\n [autofocusDelay]=\"autofocusDelay\"\n (keyup)=\"keyup.emit($event)\"\n (focus)=\"focus.emit($event)\"\n (blur)=\"blur.emit($event)\"\n />\n <div class=\"input-group-append\">\n <button type=\"button\" class=\"{{ buttonClass }}\" (click)=\"onClick(value + step)\" [disabled]=\"disabled\">\n {{ increaseLabel }}\n </button>\n </div>\n </div>\n ",
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef((/**
* @return {?}
*/
function () { return SpinnerComponent; })),
multi: true,
},
],
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None
}] }
];
SpinnerComponent.propDecorators = {
min: [{ type: Input }],
max: [{ type: Input }],
buttonClass: [{ type: Input }],
increaseLabel: [{ type: Input }],
decreaseLabel: [{ type: Input }],
step: [{ type: Input }]
};
return SpinnerComponent;
}(AbstractInputComponent));
export { SpinnerComponent };
if (false) {
/** @type {?} */
SpinnerComponent.prototype.min;
/** @type {?} */
SpinnerComponent.prototype.max;
/** @type {?} */
SpinnerComponent.prototype.buttonClass;
/** @type {?} */
SpinnerComponent.prototype.increaseLabel;
/** @type {?} */
SpinnerComponent.prototype.decreaseLabel;
/** @type {?} */
SpinnerComponent.prototype.step;
/** @type {?} */
SpinnerComponent.prototype.valueLimitFn;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Abmd4LXBlcmZvcm1hbmNlLXVpL3VpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvaW5wdXQvc3Bpbm5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbkQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFekQ7SUE0Q3NDLDRDQUFzQjtJQTVDNUQ7UUFBQSxxRUE0RUM7UUE5QkMsU0FBRyxHQUFXLENBQUMsQ0FBQztRQUdoQixTQUFHLEdBQVcsR0FBRyxDQUFDO1FBR2xCLGlCQUFXLEdBQVcsbUJBQW1CLENBQUM7UUFHMUMsbUJBQWEsR0FBVyxHQUFHLENBQUM7UUFHNUIsbUJBQWEsR0FBVyxHQUFHLENBQUM7UUFHNUIsVUFBSSxHQUFXLENBQUMsQ0FBQztRQUVqQixrQkFBWTs7OztRQUFHLFVBQUMsS0FBYTtZQUMzQixJQUFJLEtBQUssR0FBRyxLQUFJLENBQUMsR0FBRztnQkFBRSxPQUFPLEtBQUksQ0FBQyxHQUFHLENBQUM7WUFDdEMsSUFBSSxLQUFLLEdBQUcsS0FBSSxDQUFDLEdBQUc7Z0JBQUUsT0FBTyxLQUFJLENBQUMsR0FBRyxDQUFDO1lBQ3RDLE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQyxFQUFDOztJQVNKLENBQUM7SUFQQyxzQkFBSSwwQ0FBWTs7OztRQUFoQjtZQUNFLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUNsQixDQUFDOzs7T0FBQTs7Ozs7SUFFRCxrQ0FBTzs7OztJQUFQLFVBQVEsS0FBSztRQUNYLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLENBQUM7O2dCQTNFRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLFFBQVEsRUFBRSw4aUNBK0JUO29CQUNELFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVTs7OzRCQUFDLGNBQU0sT0FBQSxnQkFBZ0IsRUFBaEIsQ0FBZ0IsRUFBQzs0QkFDL0MsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzs7O3NCQUVFLEtBQUs7c0JBR0wsS0FBSzs4QkFHTCxLQUFLO2dDQUdMLEtBQUs7Z0NBR0wsS0FBSzt1QkFHTCxLQUFLOztJQWdCUix1QkFBQztDQUFBLEFBNUVELENBNENzQyxzQkFBc0IsR0FnQzNEO1NBaENZLGdCQUFnQjs7O0lBQzNCLCtCQUNnQjs7SUFFaEIsK0JBQ2tCOztJQUVsQix1Q0FDMEM7O0lBRTFDLHlDQUM0Qjs7SUFFNUIseUNBQzRCOztJQUU1QixnQ0FDaUI7O0lBRWpCLHdDQUlFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgZm9yd2FyZFJlZiwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEFic3RyYWN0SW5wdXRDb21wb25lbnQgfSBmcm9tICcuLi8uLi9hYnN0cmFjdHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwLXNwaW5uZXInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cCBtYi0zXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXAtcHJlcGVuZFwiPlxuICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cInt7IGJ1dHRvbkNsYXNzIH19XCIgKGNsaWNrKT1cIm9uQ2xpY2sodmFsdWUgLSBzdGVwKVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICAgICAgICAgIHt7IGRlY3JlYXNlTGFiZWwgfX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxpbnB1dFxuICAgICAgICB0eXBlPVwibnVtYmVyXCJcbiAgICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2wgdGV4dC1jZW50ZXIge3sgY2xhc3NlcyB9fVwiXG4gICAgICAgIFsobmdNb2RlbCldPVwidmFsdWVcIlxuICAgICAgICBbaWRdPVwiaWRcIlxuICAgICAgICBbaGlkZGVuXT1cImhpZGRlblwiXG4gICAgICAgIFtuYW1lXT1cIm5hbWVcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICBbbWluXT1cIm1pblwiXG4gICAgICAgIFttYXhdPVwibWF4XCJcbiAgICAgICAgW2F0dHIudGFiaW5kZXhdPVwidGFiaW5kZXhcIlxuICAgICAgICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxuICAgICAgICBbYXV0b2ZvY3VzXT1cImF1dG9mb2N1c1wiXG4gICAgICAgIFthdXRvZm9jdXNEZWxheV09XCJhdXRvZm9jdXNEZWxheVwiXG4gICAgICAgIChrZXl1cCk9XCJrZXl1cC5lbWl0KCRldmVudClcIlxuICAgICAgICAoZm9jdXMpPVwiZm9jdXMuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgKGJsdXIpPVwiYmx1ci5lbWl0KCRldmVudClcIlxuICAgICAgLz5cbiAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cC1hcHBlbmRcIj5cbiAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJ7eyBidXR0b25DbGFzcyB9fVwiIChjbGljayk9XCJvbkNsaWNrKHZhbHVlICsgc3RlcClcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgICAgICAgICB7eyBpbmNyZWFzZUxhYmVsIH19XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Bpbm5lckNvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU3Bpbm5lckNvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0SW5wdXRDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBtaW46IG51bWJlciA9IDE7XG5cbiAgQElucHV0KClcbiAgbWF4OiBudW1iZXIgPSAxMDA7XG5cbiAgQElucHV0KClcbiAgYnV0dG9uQ2xhc3M6IHN0cmluZyA9ICdidG4gYnRuLXNlY29uZGFyeSc7XG5cbiAgQElucHV0KClcbiAgaW5jcmVhc2VMYWJlbDogc3RyaW5nID0gJysnO1xuXG4gIEBJbnB1dCgpXG4gIGRlY3JlYXNlTGFiZWw6IHN0cmluZyA9ICctJztcblxuICBASW5wdXQoKVxuICBzdGVwOiBudW1iZXIgPSAxO1xuXG4gIHZhbHVlTGltaXRGbiA9ICh2YWx1ZTogbnVtYmVyKTogbnVtYmVyIHwgYm9vbGVhbiA9PiB7XG4gICAgaWYgKHZhbHVlID4gdGhpcy5tYXgpIHJldHVybiB0aGlzLm1heDtcbiAgICBpZiAodmFsdWUgPCB0aGlzLm1pbikgcmV0dXJuIHRoaXMubWluO1xuICAgIHJldHVybiBmYWxzZTtcbiAgfTtcblxuICBnZXQgZGVmYXVsdFZhbHVlKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMubWluO1xuICB9XG5cbiAgb25DbGljayh2YWx1ZSkge1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgfVxufVxuIl19