import { __decorate, __param } from "tslib";
import { Component, Input, Optional, Self, ViewChild } from '@angular/core';
import { NgControl } from '@angular/forms';
import { showError } from '../../../../../core/utils/form-controls.util';
import { calculateValue, getFractionalPartOfNumberAsString, getFractionValue, getMaxIntegerValue, getMinIntegerValue, splitNumberToIntegerAndFractionStr, sumFloatNumbers } from './numeric-input.component.functions';
import { BehaviorSubject } from 'rxjs';
import { filter, first } from 'rxjs/operators';
const defaultIntegerInputWidth = 82;
const defaultFractionInputWidth = 133;
const defaultFractionDigitsNumber = 2;
const fractionNumberStep = Math.pow(10, -defaultFractionDigitsNumber);
const minFractionValue = 0;
const maxFractionValue = parseInt(''.padStart(defaultFractionDigitsNumber, '9'), 10);
const sum = sumFloatNumbers.bind(null, defaultFractionDigitsNumber);
const calcValue = calculateValue.bind(null, defaultFractionDigitsNumber);
let NumericInputComponent = class NumericInputComponent {
    constructor(ngControl) {
        this.ngControl = ngControl;
        this.inputsInitialized$ = new BehaviorSubject(false);
        this.minFractionValue = minFractionValue;
        this.onChange = () => {
        };
        this.onTouched = () => {
        };
        if (this.ngControl !== null) {
            this.ngControl.valueAccessor = this;
        }
    }
    get value() {
        return this._value;
    }
    set value(value) {
        this._value = value;
        this.onChange(this._value);
    }
    get inputId() {
        return this.ngControl ? this.ngControl.name : null;
    }
    get hasUnitsOfMeasure() {
        return this.unitsOfMeasure !== null && this.unitsOfMeasure !== undefined && this.unitsOfMeasure.length > 0;
    }
    get minIntegerValue() {
        return getMinIntegerValue(this.minValue, this.hasFractions && this.minValue < 0);
    }
    get maxIntegerValue() {
        return getMaxIntegerValue(this.maxValue, this.hasFractions && this.maxValue > 0);
    }
    get showError() {
        return this.ngControl ? showError(this.errors, this.ngControl.touched) : false;
    }
    get errors() {
        return this.ngControl ? Object.assign(Object.assign({}, this.ngControl.errors), this.externalValidationErrors) : null;
    }
    get hasFractions() {
        return this.showFractions && getFractionValue(this.fractionValue) !== 0;
    }
    get errorMessageWidth() {
        const intLength = this.integerInputWidth || defaultIntegerInputWidth;
        const fracLength = this.showFractions ? this.fractionInputWidth || defaultFractionInputWidth : 0;
        return intLength + fracLength;
    }
    ngOnChanges() {
        if (!this.showFractions) {
            this.fractionValue = null;
        }
        this.value = calcValue(this.integerValue, this.fractionValue);
    }
    ngAfterViewInit() {
        if (this.integerInput) {
            this.inputsInitialized$.next(true);
        }
    }
    ngOnDestroy() {
        this.inputsInitialized$.complete();
    }
    incrementIntegerInput(event) {
        event.preventDefault();
        if (!this.integerInput) {
            return;
        }
        this.integerInput.nativeElement.stepUp();
        this.onIntegerInput(this.integerInput.nativeElement.value);
    }
    decrementIntegerInput(event) {
        event.preventDefault();
        if (!this.integerInput) {
            return;
        }
        this.integerInput.nativeElement.stepDown();
        this.onIntegerInput(this.integerInput.nativeElement.value);
    }
    incrementFractionInput(event) {
        event.preventDefault();
        if (!this.fractionInput) {
            return;
        }
        this.updateFractionValue(sum(getFractionValue(this.fractionValue), fractionNumberStep));
    }
    decrementFractionInput(event) {
        event.preventDefault();
        if (!this.fractionInput) {
            return;
        }
        this.updateFractionValue(sum(getFractionValue(this.fractionValue), -fractionNumberStep));
    }
    onIntegerInput(value) {
        this.integerValue = parseInt(value, 10);
        this.value = calcValue(this.integerValue, this.fractionValue);
        this.onTouched();
    }
    onFractionInput(strValue) {
        this.fractionValue = strValue;
        this.value = calcValue(this.integerValue, this.fractionValue);
        this.onTouched();
    }
    updateFractionValue(value) {
        if (!this.fractionInput) {
            return;
        }
        if (value < 0 || value > maxFractionValue) {
            return;
        }
        const strValue = getFractionalPartOfNumberAsString(value);
        this.fractionInput.nativeElement.value = strValue.padEnd(defaultFractionDigitsNumber, '0');
        this.onFractionInput(strValue);
    }
    updateIntegerValueStr(value) {
        if (this.integerInput) {
            this.integerInput.nativeElement.value = value;
        }
    }
    updateFractionValueStr(value) {
        if (this.fractionInput) {
            this.fractionInput.nativeElement.value = value ? value.padEnd(defaultFractionDigitsNumber, '0') : '';
        }
    }
    // Implementing ControlValueAccessor
    writeValue(value) {
        const { integer, fraction } = splitNumberToIntegerAndFractionStr(value);
        this.integerValue = integer;
        this.fractionValue = fraction;
        this.value = value;
        this.inputsInitialized$.pipe(filter(initialized => initialized), first()).subscribe(() => {
            this.updateIntegerValueStr(this.integerValue);
            this.updateFractionValueStr(this.fractionValue);
        });
    }
    registerOnChange(fn) {
        this.onChange = fn;
    }
    registerOnTouched(fn) {
        this.onTouched = fn;
    }
    setDisabledState(disabled) {
        this.disabled = disabled;
    }
};
NumericInputComponent.ctorParameters = () => [
    { type: NgControl, decorators: [{ type: Optional }, { type: Self }] }
];
__decorate([
    Input()
], NumericInputComponent.prototype, "label", void 0);
__decorate([
    Input()
], NumericInputComponent.prototype, "labelDescription", void 0);
__decorate([
    Input()
], NumericInputComponent.prototype, "hint", void 0);
__decorate([
    Input()
], NumericInputComponent.prototype, "unitsOfMeasure", void 0);
__decorate([
    Input()
], NumericInputComponent.prototype, "showFractions", void 0);
__decorate([
    Input()
], NumericInputComponent.prototype, "minValue", void 0);
__decorate([
    Input()
], NumericInputComponent.prototype, "maxValue", void 0);
__decorate([
    Input()
], NumericInputComponent.prototype, "disabled", void 0);
__decorate([
    Input()
], NumericInputComponent.prototype, "externalValidationErrors", void 0);
__decorate([
    Input()
], NumericInputComponent.prototype, "integerInputWidth", void 0);
__decorate([
    Input()
], NumericInputComponent.prototype, "fractionInputWidth", void 0);
__decorate([
    ViewChild('integerInput')
], NumericInputComponent.prototype, "integerInput", void 0);
__decorate([
    ViewChild('fractionInput')
], NumericInputComponent.prototype, "fractionInput", void 0);
__decorate([
    Input()
], NumericInputComponent.prototype, "value", null);
NumericInputComponent = __decorate([
    Component({
        selector: 'app-numeric-input',
        template: "<app-label\n  [label]=\"label\"\n  [labelDescription]=\"labelDescription\"\n  [hint]=\"hint\"\n  [fieldId]=\"inputId\"\n></app-label>\n\n<div class=\"inputs-row\">\n  <div class=\"numeric-input-wrapper\"\n       [class.has-units-of-measure]=\"hasUnitsOfMeasure && !showFractions\"\n       [class.disabed]=\"disabled\"\n       [style.width.px]=\"integerInputWidth\"\n  >\n    <input type=\"number\"\n           class=\"input\"\n           tabindex=\"1\"\n           [id]=\"inputId\"\n           [disabled]=\"disabled\"\n           [min]=\"minIntegerValue\"\n           [max]=\"maxIntegerValue\"\n           (input)=\"onIntegerInput($event.target?.value)\"\n           (blur)=\"onTouched()\"\n           #integerInput\n    >\n\n    <div class=\"numeric-buttons\">\n      <button class=\"up\"\n              tabindex=\"-1\"\n              [disabled]=\"disabled\"\n              (click)=\"incrementIntegerInput($event)\">\n        <app-icon icon=\"chevron-up\"></app-icon>\n      </button>\n      <button class=\"down\"\n              tabindex=\"-1\"\n              [disabled]=\"disabled\"\n              (click)=\"decrementIntegerInput($event)\">\n        <app-icon icon=\"chevron-down\"></app-icon>\n      </button>\n    </div>\n\n    <div class=\"units-of-measure\" *ngIf=\"hasUnitsOfMeasure && !showFractions\">\n      {{ unitsOfMeasure }}\n    </div>\n  </div>\n\n  <div class=\"comma\" *ngIf=\"showFractions\">,</div>\n\n  <div class=\"numeric-input-wrapper\"\n       [style.width.px]=\"fractionInputWidth\"\n       [class.has-units-of-measure]=\"hasUnitsOfMeasure && showFractions\"\n       [class.disabed]=\"disabled\"\n       *ngIf=\"showFractions\">\n\n    <input type=\"number\"\n           class=\"input\"\n           tabindex=\"1\"\n           [disabled]=\"disabled\"\n           [min]=\"minFractionValue\"\n           (input)=\"onFractionInput($event.target?.value)\"\n           (blur)=\"onTouched()\"\n           #fractionInput\n    >\n\n    <div class=\"numeric-buttons\">\n      <button class=\"up\"\n              tabindex=\"-1\"\n              [disabled]=\"disabled\"\n              (click)=\"incrementFractionInput($event)\">\n        <app-icon icon=\"chevron-up\"></app-icon>\n      </button>\n      <button class=\"down\"\n              tabindex=\"-1\"\n              [disabled]=\"disabled\"\n              (click)=\"decrementFractionInput($event)\">\n        <app-icon icon=\"chevron-down\"></app-icon>\n      </button>\n    </div>\n\n    <div class=\"units-of-measure\" *ngIf=\"hasUnitsOfMeasure\">\n      {{ unitsOfMeasure }}\n    </div>\n  </div>\n</div>\n\n<app-input-errors *ngIf=\"showError\"\n                  class=\"errors\"\n                  [errors]=\"errors\"\n                  [touched]=\"ngControl.touched\"\n                  [style.width.px]=\"errorMessageWidth\"\n>\n</app-input-errors>\n",
        styles: ["@charset \"UTF-8\";:host{display:block;margin-bottom:1.5rem}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper_no-margin{margin-bottom:0}:host.form-control-styles{margin-bottom:24px}:host .icon-left{position:absolute;top:50%;transform:translate(0,-50%);left:20px}:host .input-warning{position:absolute;top:50%;transform:translate(0,-50%);left:20px}:host .icons-right{position:absolute;top:50%;transform:translate(0,-50%);right:16px;display:flex;align-items:center}:host .icons-right>*{width:16px;margin-left:8px}:host .description{position:absolute;top:50%;transform:translate(0,-50%);margin-left:20px;white-space:nowrap}:host .input{background-color:var(--athens-darken-color);border-radius:5px;border:2px solid transparent;outline:0;color:var(--cape-cod-color);height:40px;width:100%;padding:0 17px;box-sizing:border-box;font-size:13px;font-weight:500}:host .input::-webkit-input-placeholder{color:var(--secondary-color)}:host .input::-moz-placeholder{color:var(--secondary-color)}:host .input:-ms-input-placeholder{color:var(--secondary-color)}:host .input:-moz-placeholder{color:var(--secondary-color)}:host .input:hover{border-color:var(--athens-darken-hover-color);background-color:var(--athens-darken-hover-color)}:host .input:focus{border-color:var(--geyser-color);background-color:var(--white-color)}:host .input_warning{border-color:var(--warning-color)!important;background-color:var(--athens-darken-color)}:host .input_warning:focus{border-color:var(--geyser-color)!important;background-color:var(--white-color)}:host .input_warning:hover{border-color:var(--warning-hover-color)!important;background-color:var(--athens-darken-hover-color)}:host .input_icon-left{padding-left:56px}:host .input_icon-right-triple{padding-right:88px!important}:host .input_icon-right-double{padding-right:64px!important}:host .input_icon-right{padding-right:40px}body{--primary-color-h:194;--primary-color-s:23%;--primary-color-l:48%;--primary-color:hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l));--primary-variant-color:hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 1%));--primary-hover-color:hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 2%));--primary-pressed-color:hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) - 5%));--primary-disabled-color:hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 5%));--secondary-color-h:194;--secondary-color-s:15%;--secondary-color-l:63%;--secondary-color:hsl(var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l));--secondary-variant-color:hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) + 1%));--secondary-hover-color:hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) + 2%));--secondary-pressed-color:hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) - 5%));--secondary-disabled-color:hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) + 5%));--link-color-h:205;--link-color-s:100%;--link-color-l:42%;--link-color:hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l));--link-variant-color:hsl(var(--link-color-h), var(--link-color-s), calc(var(--link-color-l) + 1%));--link-hover-color:hsl(var(--link-color-h), var(--link-color-s), calc(var(--link-color-l) + 8%));--link-pressed-color:hsl(var(--link-color-h), var(--link-color-s), calc(var(--link-color-l) - 5%));--link-disabled-color:hsl(var(--link-color-h), var(--link-color-s), calc(var(--link-color-l) + 5%));--warning-color-h:38;--warning-color-s:100%;--warning-color-l:49%;--warning-color:hsl(var(--warning-color-h), var(--warning-color-s), var(--warning-color-l));--warning-variant-color:hsl(var(--warning-color-h), var(--warning-color-s), calc(var(--warning-color-l) + 1%));--warning-hover-color:hsl(var(--warning-color-h), var(--warning-color-s), calc(var(--warning-color-l) + 8%));--warning-pressed-color:hsl(var(--warning-color-h), var(--warning-color-s), calc(var(--warning-color-l) - 5%));--warning-disabled-color:hsl(var(--warning-color-h), var(--warning-color-s), calc(var(--warning-color-l) + 5%));--primary-button-color-h:38;--primary-button-color-s:100%;--primary-button-color-l:49%;--primary-button-color:hsl(var(--primary-button-color-h), var(--primary-button-color-s), var(--primary-button-color-l));--primary-button-variant-color:hsl(var(--primary-button-color-h), var(--primary-button-color-s), calc(var(--primary-button-color-l) + 1%));--primary-button-hover-color:hsl(var(--primary-button-color-h), var(--primary-button-color-s), calc(var(--primary-button-color-l) + 8%));--primary-button-pressed-color:hsl(var(--primary-button-color-h), var(--primary-button-color-s), calc(var(--primary-button-color-l) - 5%));--primary-button-disabled-color:hsl(var(--primary-button-color-h), var(--primary-button-color-s), calc(var(--primary-button-color-l) + 5%));--alert-color-h:54;--alert-color-s:100%;--alert-color-l:64%;--alert-color:hsl(var(--alert-color-h), var(--alert-color-s), var(--alert-color-l));--alert-variant-color:hsl(var(--alert-color-h), var(--alert-color-s), calc(var(--alert-color-l) + 1%));--alert-hover-color:hsl(var(--alert-color-h), var(--alert-color-s), calc(var(--alert-color-l) + 8%));--alert-pressed-color:hsl(var(--alert-color-h), var(--alert-color-s), calc(var(--alert-color-l) - 5%));--alert-disabled-color:hsl(var(--alert-color-h), var(--alert-color-s), calc(var(--alert-color-l) + 5%));--success-color-h:161;--success-color-s:98%;--success-color-l:39%;--success-color:hsl(var(--success-color-h), var(--success-color-s), var(--success-color-l));--success-variant-color:hsl(var(--success-color-h), var(--success-color-s), calc(var(--success-color-l) + 1%));--success-hover-color:hsl(var(--success-color-h), var(--success-color-s), calc(var(--success-color-l) + 2%));--success-pressed-color:hsl(var(--success-color-h), var(--success-color-s), calc(var(--success-color-l) - 5%));--success-disabled-color:hsl(var(--success-color-h), var(--success-color-s), calc(var(--success-color-l) + 5%));--error-color-h:11;--error-color-s:100%;--error-color-l:54%;--error-color:hsl(var(--error-color-h), var(--error-color-s), var(--error-color-l));--error-variant-color:hsl(var(--error-color-h), var(--error-color-s), calc(var(--error-color-l) + 1%));--error-hover-color:hsl(var(--error-color-h), var(--error-color-s), calc(var(--error-color-l) + 35%));--error-pressed-color:hsl(var(--error-color-h), var(--error-color-s), calc(var(--error-color-l) + 25%));--error-disabled-color:hsl(var(--error-color-h), var(--error-color-s), calc(var(--error-color-l) + 40%));--white-color-h:0;--white-color-s:0%;--white-color-l:100%;--white-color:hsl(var(--white-color-h), var(--white-color-s), var(--white-color-l));--white-hover-color:hsl(var(--white-color-h), var(--white-color-s), calc(var(--white-color-l) - 6%));--white-pressed-color:hsl(var(--white-color-h), var(--white-color-s), calc(var(--white-color-l) - 5%));--white-disabled-color:hsl(var(--white-color-h), var(--white-color-s), calc(var(--white-color-l)));--athens-color-h:240;--athens-color-s:14%;--athens-color-l:99%;--athens-color:hsl(var(--athens-color-h), var(--athens-color-s), var(--athens-color-l));--athens-hover-color:hsl(var(--athens-color-h), var(--athens-color-s), calc(var(--athens-color-l) - 4%));--athens-pressed-color:hsl(var(--athens-color-h), var(--athens-color-s), calc(var(--athens-color-l) - 8%));--athens-disabled-color:hsl(var(--athens-color-h), var(--athens-color-s), calc(var(--athens-color-l)) + 4%);--athens-darken-color-h:240;--athens-darken-color-s:14%;--athens-darken-color-l:98%;--athens-darken-color:hsl(var(--athens-darken-color-h), var(--athens-darken-color-s), var(--athens-darken-color-l));--athens-darken-hover-color:hsl(var(--athens-darken-color-h), var(--athens-darken-color-s), calc(var(--athens-darken-color-l) - 2%));--athens-darken-pressed-color:hsl(var(--athens-darken-color-h), var(--athens-darken-color-s), calc(var(--athens-darken-color-l) - 5%));--athens-darken-disabled-color:hsl(var(--athens-darken-color-h), var(--athens-darken-color-s), calc(var(--athens-darken-color-l)) + 5%);--mystic-color-h:195;--mystic-color-s:18%;--mystic-color-l:91%;--mystic-color:hsl(var(--mystic-color-h), var(--mystic-color-s), var(--mystic-color-l));--mystic-hover-color:hsl(var(--mystic-color-h), var(--mystic-color-s), calc(var(--mystic-color-l) - 4%));--mystic-pressed-color:hsl(var(--mystic-color-h), var(--mystic-color-s), calc(var(--mystic-color-l) - 5%));--mystic-disabled-color:hsl(var(--mystic-color-h), var(--mystic-color-s), calc(var(--mystic-color-l) + 5%));--geyser-color-h:197;--geyser-color-s:22%;--geyser-color-l:84%;--geyser-color:hsl(var(--geyser-color-h), var(--geyser-color-s), var(--geyser-color-l));--geyser-hover-color:hsl(var(--geyser-color-h), var(--geyser-color-s), calc(var(--geyser-color-l) + 8%));--geyser-pressed-color:hsl(var(--geyser-color-h), var(--geyser-color-s), calc(var(--geyser-color-l) - 5%));--geyser-disabled-color:hsl(var(--geyser-color-h), var(--geyser-color-s), calc(var(--geyser-color-l) + 5%));--hit-gray-color-h:172;--hit-gray-color-s:8%;--hit-gray-color-l:70%;--hit-gray-color:hsl(var(--hit-gray-color-h), var(--hit-gray-color-s), var(--hit-gray-color-l));--hit-gray-hover-color:hsl(var(--hit-gray-color-h), var(--hit-gray-color-s), calc(var(--hit-gray-color-l) + 8%));--hit-gray-pressed-color:hsl(var(--hit-gray-color-h), var(--hit-gray-color-s), calc(var(--hit-gray-color-l) - 5%));--hit-gray-disabled-color:hsl(var(--hit-gray-color-h), var(--hit-gray-color-s), calc(var(--hit-gray-color-l) + 5%));--boulder-color-h:0;--boulder-color-s:0%;--boulder-color-l:48%;--boulder-color:hsl(var(--boulder-color-h), var(--boulder-color-s), var(--boulder-color-l));--boulder-hover-color:hsl(var(--boulder-color-h), var(--boulder-color-s), calc(var(--boulder-color-l) + 8%));--boulder-pressed-color:hsl(var(--boulder-color-h), var(--boulder-color-s), calc(var(--boulder-color-l) - 5%));--boulder-disabled-color:hsl(var(--boulder-color-h), var(--boulder-color-s), calc(var(--boulder-color-l) + 5%));--cape-cod-color-h:190;--cape-cod-color-s:4%;--cape-cod-color-l:27%;--cape-cod-color:hsl(var(--cape-cod-color-h), var(--cape-cod-color-s), var(--cape-cod-color-l));--cape-cod-hover-color:hsl(var(--cape-cod-color-h), var(--cape-cod-color-s), calc(var(--cape-cod-color-l) + 8%));--cape-cod-pressed-color:hsl(var(--cape-cod-color-h), var(--cape-cod-color-s), calc(var(--cape-cod-color-l) - 5%));--cape-cod-disabled-color:hsl(var(--cape-cod-color-h), var(--cape-cod-color-s), calc(var(--cape-cod-color-l) + 5%));--black-color-h:0;--black-color-s:0%;--black-color-l:0%;--black-color:hsl(var(--black-color-h), var(--black-color-s), var(--black-color-l));--black-hover-color:hsl(var(--black-color-h), var(--black-color-s), calc(var(--black-color-l) + 8%));--black-pressed-color:hsl(var(--black-color-h), var(--black-color-s), calc(var(--black-color-l) - 5%));--black-disabled-color:hsl(var(--black-color-h), var(--black-color-s), calc(var(--black-color-l) + 5%));--blue:var(--link-color);--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:var(--error-color);--orange:var(--warning-color);--yellow:var(--alert-color);--green:var(--success-color);--teal:#20c997;--cyan:#17a2b8;--white:var(--white-color);--gray:var(--hit-gray-color);--gray-dark:var(--boulder-color);--primary:var(--primary-color);--secondary:var(--secondary-color);--success:var(--success-colo) r;--info:var(--link-color);--warning:var(--warning-color);--danger:var(--error-color);--light:var(--athens-color);--dark:var(--cape-cod-color)}.inputs-row{display:flex;align-items:center;justify-content:flex-start}.inputs-row .comma{font-size:.875rem;padding:0 .3125rem;color:#434c49}.numeric-input-wrapper{display:flex;justify-content:flex-start;align-items:center;width:82px}.numeric-input-wrapper .input{width:100%;padding-right:.5rem;color:#434c49;font-weight:400}.numeric-input-wrapper .numeric-buttons{display:flex;flex-direction:column;width:1.5rem;margin-left:-1.5rem}.numeric-input-wrapper .numeric-buttons button{z-index:1;height:20px;background-color:var(--white-color);border:1px solid var(--mystic-color);box-sizing:border-box}.numeric-input-wrapper .numeric-buttons button.up{border-radius:0 5px 0 0}.numeric-input-wrapper .numeric-buttons button.up [icon=chevron-up]{margin-top:-3px}.numeric-input-wrapper .numeric-buttons button.down{height:21px;margin-top:-1px;border-radius:0 0 5px}.numeric-input-wrapper .input:focus+.numeric-buttons>button{box-shadow:-2px 0 #91a7ae}.numeric-input-wrapper.has-units-of-measure{width:133px}.numeric-input-wrapper.has-units-of-measure .units-of-measure{background-color:var(--white-color);border:1px solid var(--mystic-color);box-sizing:border-box;border-radius:0 5px 5px 0;height:40px;line-height:40px;font-size:14px;font-weight:600;color:#5e8895;text-align:center;padding:0 14px;margin-left:-2px}.numeric-input-wrapper.has-units-of-measure .numeric-buttons button.down,.numeric-input-wrapper.has-units-of-measure .numeric-buttons button.up{border-radius:0}.errors{display:flex;flex-direction:column}"]
    }),
    __param(0, Optional()), __param(0, Self())
], NumericInputComponent);
export { NumericInputComponent };
//# sourceMappingURL=data:application/json;base64, 