import * as i0 from '@angular/core'; import { forwardRef, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, Output, NgModule } from '@angular/core'; import * as i1 from '@angular/common'; import { CommonModule } from '@angular/common'; import * as i2 from 'primeng/inputtext'; import { InputTextModule } from 'primeng/inputtext'; import * as i3 from 'primeng/button'; import { ButtonModule } from 'primeng/button'; import { NG_VALUE_ACCESSOR } from '@angular/forms'; const INPUTNUMBER_VALUE_ACCESSOR = { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputNumber), multi: true }; class InputNumber { constructor(el, cd) { this.el = el; this.cd = cd; this.showButtons = false; this.format = true; this.buttonLayout = "stacked"; this.incrementButtonIcon = 'pi pi-angle-up'; this.decrementButtonIcon = 'pi pi-angle-down'; this.readonly = false; this.step = 1; this.allowEmpty = true; this.mode = "decimal"; this.useGrouping = true; this.onInput = new EventEmitter(); this.onFocus = new EventEmitter(); this.onBlur = new EventEmitter(); this.onKeyDown = new EventEmitter(); this.onModelChange = () => { }; this.onModelTouched = () => { }; this.groupChar = ''; this.prefixChar = ''; this.suffixChar = ''; } get disabled() { return this._disabled; } set disabled(disabled) { if (disabled) this.focused = false; this._disabled = disabled; if (this.timer) this.clearTimer(); } ngOnChanges(simpleChange) { const props = ['locale', 'localeMatcher', 'mode', 'currency', 'currencyDisplay', 'useGrouping', 'minFractionDigits', 'maxFractionDigits', 'prefix', 'suffix']; if (props.some(p => !!simpleChange[p])) { this.updateConstructParser(); } } ngOnInit() { this.constructParser(); this.initialized = true; } getOptions() { return { localeMatcher: this.localeMatcher, style: this.mode, currency: this.currency, currencyDisplay: this.currencyDisplay, useGrouping: this.useGrouping, minimumFractionDigits: this.minFractionDigits, maximumFractionDigits: this.maxFractionDigits }; } constructParser() { this.numberFormat = new Intl.NumberFormat(this.locale, this.getOptions()); const numerals = [...new Intl.NumberFormat(this.locale, { useGrouping: false }).format(9876543210)].reverse(); const index = new Map(numerals.map((d, i) => [d, i])); this._numeral = new RegExp(`[${numerals.join('')}]`, 'g'); this._group = this.getGroupingExpression(); this._minusSign = this.getMinusSignExpression(); this._currency = this.getCurrencyExpression(); this._decimal = this.getDecimalExpression(); this._suffix = this.getSuffixExpression(); this._prefix = this.getPrefixExpression(); this._index = d => index.get(d); } updateConstructParser() { if (this.initialized) { this.constructParser(); } } escapeRegExp(text) { return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'); } getDecimalExpression() { const formatter = new Intl.NumberFormat(this.locale, Object.assign(Object.assign({}, this.getOptions()), { useGrouping: false })); return new RegExp(`[${formatter.format(1.1).replace(this._currency, '').trim().replace(this._numeral, '')}]`, 'g'); } getGroupingExpression() { const formatter = new Intl.NumberFormat(this.locale, { useGrouping: true }); this.groupChar = formatter.format(1000000).trim().replace(this._numeral, '').charAt(0); return new RegExp(`[${this.groupChar}]`, 'g'); } getMinusSignExpression() { const formatter = new Intl.NumberFormat(this.locale, { useGrouping: false }); return new RegExp(`[${formatter.format(-1).trim().replace(this._numeral, '')}]`, 'g'); } getCurrencyExpression() { if (this.currency) { const formatter = new Intl.NumberFormat(this.locale, { style: 'currency', currency: this.currency, currencyDisplay: this.currencyDisplay, minimumFractionDigits: 0, maximumFractionDigits: 0 }); return new RegExp(`[${formatter.format(1).replace(/\s/g, '').replace(this._numeral, '').replace(this._group, '')}]`, 'g'); } return new RegExp(`[]`, 'g'); } getPrefixExpression() { if (this.prefix) { this.prefixChar = this.prefix; } else { const formatter = new Intl.NumberFormat(this.locale, { style: this.mode, currency: this.currency, currencyDisplay: this.currencyDisplay }); this.prefixChar = formatter.format(1).split('1')[0]; } return new RegExp(`${this.escapeRegExp(this.prefixChar || '')}`, 'g'); } getSuffixExpression() { if (this.suffix) { this.suffixChar = this.suffix; } else { const formatter = new Intl.NumberFormat(this.locale, { style: this.mode, currency: this.currency, currencyDisplay: this.currencyDisplay, minimumFractionDigits: 0, maximumFractionDigits: 0 }); this.suffixChar = formatter.format(1).split('1')[1]; } return new RegExp(`${this.escapeRegExp(this.suffixChar || '')}`, 'g'); } formatValue(value) { if (value != null) { if (value === '-') { // Minus sign return value; } if (this.format) { let formatter = new Intl.NumberFormat(this.locale, this.getOptions()); let formattedValue = formatter.format(value); if (this.prefix) { formattedValue = this.prefix + formattedValue; } if (this.suffix) { formattedValue = formattedValue + this.suffix; } return formattedValue; } return value.toString(); } return ''; } parseValue(text) { let filteredText = text .replace(this._suffix, '') .replace(this._prefix, '') .trim() .replace(/\s/g, '') .replace(this._currency, '') .replace(this._group, '') .replace(this._minusSign, '-') .replace(this._decimal, '.') .replace(this._numeral, this._index); if (filteredText) { if (filteredText === '-') // Minus sign return filteredText; let parsedValue = +filteredText; return isNaN(parsedValue) ? null : parsedValue; } return null; } repeat(event, interval, dir) { if (this.readonly) { return; } let i = interval || 500; this.clearTimer(); this.timer = setTimeout(() => { this.repeat(event, 40, dir); }, i); this.spin(event, dir); } spin(event, dir) { let step = this.step * dir; let currentValue = this.parseValue(this.input.nativeElement.value) || 0; let newValue = this.validateValue(currentValue + step); if (this.maxlength && this.maxlength < this.formatValue(newValue).length) { return; } this.updateInput(newValue, null, 'spin', null); this.updateModel(event, newValue); this.handleOnInput(event, currentValue, newValue); } onUpButtonMouseDown(event) { this.input.nativeElement.focus(); this.repeat(event, null, 1); event.preventDefault(); } onUpButtonMouseUp() { this.clearTimer(); } onUpButtonMouseLeave() { this.clearTimer(); } onUpButtonKeyDown(event) { if (event.keyCode === 32 || event.keyCode === 13) { this.repeat(event, null, 1); } } onUpButtonKeyUp() { this.clearTimer(); } onDownButtonMouseDown(event) { this.input.nativeElement.focus(); this.repeat(event, null, -1); event.preventDefault(); } onDownButtonMouseUp() { this.clearTimer(); } onDownButtonMouseLeave() { this.clearTimer(); } onDownButtonKeyUp() { this.clearTimer(); } onDownButtonKeyDown(event) { if (event.keyCode === 32 || event.keyCode === 13) { this.repeat(event, null, -1); } } onUserInput(event) { if (this.isSpecialChar) { event.target.value = this.lastValue; } this.isSpecialChar = false; } onInputKeyDown(event) { this.lastValue = event.target.value; if (event.shiftKey || event.altKey) { this.isSpecialChar = true; return; } let selectionStart = event.target.selectionStart; let selectionEnd = event.target.selectionEnd; let inputValue = event.target.value; let newValueStr = null; if (event.altKey) { event.preventDefault(); } switch (event.which) { //up case 38: this.spin(event, 1); event.preventDefault(); break; //down case 40: this.spin(event, -1); event.preventDefault(); break; //left case 37: if (!this.isNumeralChar(inputValue.charAt(selectionStart - 1))) { event.preventDefault(); } break; //right case 39: if (!this.isNumeralChar(inputValue.charAt(selectionStart))) { event.preventDefault(); } break; //enter case 13: newValueStr = this.validateValue(this.parseValue(this.input.nativeElement.value)); this.input.nativeElement.value = this.formatValue(newValueStr); this.input.nativeElement.setAttribute('aria-valuenow', newValueStr); this.updateModel(event, newValueStr); break; //backspace case 8: { event.preventDefault(); if (selectionStart === selectionEnd) { const deleteChar = inputValue.charAt(selectionStart - 1); const { decimalCharIndex, decimalCharIndexWithoutPrefix } = this.getDecimalCharIndexes(inputValue); if (this.isNumeralChar(deleteChar)) { const decimalLength = this.getDecimalLength(inputValue); if (this._group.test(deleteChar)) { this._group.lastIndex = 0; newValueStr = inputValue.slice(0, selectionStart - 2) + inputValue.slice(selectionStart - 1); } else if (this._decimal.test(deleteChar)) { this._decimal.lastIndex = 0; if (decimalLength) { this.input.nativeElement.setSelectionRange(selectionStart - 1, selectionStart - 1); } else { newValueStr = inputValue.slice(0, selectionStart - 1) + inputValue.slice(selectionStart); } } else if (decimalCharIndex > 0 && selectionStart > decimalCharIndex) { const insertedText = this.isDecimalMode() && (this.minFractionDigits || 0) < decimalLength ? '' : '0'; newValueStr = inputValue.slice(0, selectionStart - 1) + insertedText + inputValue.slice(selectionStart); } else if (decimalCharIndexWithoutPrefix === 1) { newValueStr = inputValue.slice(0, selectionStart - 1) + '0' + inputValue.slice(selectionStart); newValueStr = this.parseValue(newValueStr) > 0 ? newValueStr : ''; } else { newValueStr = inputValue.slice(0, selectionStart - 1) + inputValue.slice(selectionStart); } } this.updateValue(event, newValueStr, null, 'delete-single'); } else { newValueStr = this.deleteRange(inputValue, selectionStart, selectionEnd); this.updateValue(event, newValueStr, null, 'delete-range'); } break; } // del case 46: event.preventDefault(); if (selectionStart === selectionEnd) { const deleteChar = inputValue.charAt(selectionStart); const { decimalCharIndex, decimalCharIndexWithoutPrefix } = this.getDecimalCharIndexes(inputValue); if (this.isNumeralChar(deleteChar)) { const decimalLength = this.getDecimalLength(inputValue); if (this._group.test(deleteChar)) { this._group.lastIndex = 0; newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 2); } else if (this._decimal.test(deleteChar)) { this._decimal.lastIndex = 0; if (decimalLength) { this.input.nativeElement.setSelectionRange(selectionStart + 1, selectionStart + 1); } else { newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 1); } } else if (decimalCharIndex > 0 && selectionStart > decimalCharIndex) { const insertedText = this.isDecimalMode() && (this.minFractionDigits || 0) < decimalLength ? '' : '0'; newValueStr = inputValue.slice(0, selectionStart) + insertedText + inputValue.slice(selectionStart + 1); } else if (decimalCharIndexWithoutPrefix === 1) { newValueStr = inputValue.slice(0, selectionStart) + '0' + inputValue.slice(selectionStart + 1); newValueStr = this.parseValue(newValueStr) > 0 ? newValueStr : ''; } else { newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 1); } } this.updateValue(event, newValueStr, null, 'delete-back-single'); } else { newValueStr = this.deleteRange(inputValue, selectionStart, selectionEnd); this.updateValue(event, newValueStr, null, 'delete-range'); } break; default: break; } this.onKeyDown.emit(event); } onInputKeyPress(event) { event.preventDefault(); let code = event.which || event.keyCode; let char = String.fromCharCode(code); const isDecimalSign = this.isDecimalSign(char); const isMinusSign = this.isMinusSign(char); if ((48 <= code && code <= 57) || isMinusSign || isDecimalSign) { this.insert(event, char, { isDecimalSign, isMinusSign }); } } onPaste(event) { if (!this.disabled) { event.preventDefault(); let data = (event.clipboardData || window['clipboardData']).getData('Text'); if (data) { let filteredData = this.parseValue(data); if (filteredData != null) { this.insert(event, filteredData.toString()); } } } } allowMinusSign() { return this.min == null || this.min < 0; } isMinusSign(char) { if (this._minusSign.test(char) || char === '-') { this._minusSign.lastIndex = 0; return true; } return false; } isDecimalSign(char) { if (this._decimal.test(char)) { this._decimal.lastIndex = 0; return true; } return false; } isDecimalMode() { return this.mode === 'decimal'; } getDecimalCharIndexes(val) { let decimalCharIndex = val.search(this._decimal); this._decimal.lastIndex = 0; const filteredVal = val.replace(this._prefix, '').trim().replace(/\s/g, '').replace(this._currency, ''); const decimalCharIndexWithoutPrefix = filteredVal.search(this._decimal); this._decimal.lastIndex = 0; return { decimalCharIndex, decimalCharIndexWithoutPrefix }; } getCharIndexes(val) { const decimalCharIndex = val.search(this._decimal); this._decimal.lastIndex = 0; const minusCharIndex = val.search(this._minusSign); this._minusSign.lastIndex = 0; const suffixCharIndex = val.search(this._suffix); this._suffix.lastIndex = 0; const currencyCharIndex = val.search(this._currency); this._currency.lastIndex = 0; return { decimalCharIndex, minusCharIndex, suffixCharIndex, currencyCharIndex }; } insert(event, text, sign = { isDecimalSign: false, isMinusSign: false }) { const minusCharIndexOnText = text.search(this._minusSign); this._minusSign.lastIndex = 0; if (!this.allowMinusSign() && minusCharIndexOnText !== -1) { return; } let selectionStart = this.input.nativeElement.selectionStart; let selectionEnd = this.input.nativeElement.selectionEnd; let inputValue = this.input.nativeElement.value.trim(); const { decimalCharIndex, minusCharIndex, suffixCharIndex, currencyCharIndex } = this.getCharIndexes(inputValue); let newValueStr; if (sign.isMinusSign) { if (selectionStart === 0) { newValueStr = inputValue; if (minusCharIndex === -1 || selectionEnd !== 0) { newValueStr = this.insertText(inputValue, text, 0, selectionEnd); } this.updateValue(event, newValueStr, text, 'insert'); } } else if (sign.isDecimalSign) { if (decimalCharIndex > 0 && selectionStart === decimalCharIndex) { this.updateValue(event, inputValue, text, 'insert'); } else if (decimalCharIndex > selectionStart && decimalCharIndex < selectionEnd) { newValueStr = this.insertText(inputValue, text, selectionStart, selectionEnd); this.updateValue(event, newValueStr, text, 'insert'); } else if (decimalCharIndex === -1 && this.maxFractionDigits) { newValueStr = this.insertText(inputValue, text, selectionStart, selectionEnd); this.updateValue(event, newValueStr, text, 'insert'); } } else { const maxFractionDigits = this.numberFormat.resolvedOptions().maximumFractionDigits; const operation = selectionStart !== selectionEnd ? 'range-insert' : 'insert'; if (decimalCharIndex > 0 && selectionStart > decimalCharIndex) { if ((selectionStart + text.length - (decimalCharIndex + 1)) <= maxFractionDigits) { const charIndex = currencyCharIndex >= selectionStart ? currencyCharIndex - 1 : (suffixCharIndex >= selectionStart ? suffixCharIndex : inputValue.length); newValueStr = inputValue.slice(0, selectionStart) + text + inputValue.slice(selectionStart + text.length, charIndex) + inputValue.slice(charIndex); this.updateValue(event, newValueStr, text, operation); } } else { newValueStr = this.insertText(inputValue, text, selectionStart, selectionEnd); this.updateValue(event, newValueStr, text, operation); } } } insertText(value, text, start, end) { let textSplit = text === '.' ? text : text.split('.'); if (textSplit.length === 2) { const decimalCharIndex = value.slice(start, end).search(this._decimal); this._decimal.lastIndex = 0; return (decimalCharIndex > 0) ? value.slice(0, start) + this.formatValue(text) + value.slice(end) : (value || this.formatValue(text)); } else if ((end - start) === value.length) { return this.formatValue(text); } else if (start === 0) { return text + value.slice(end); } else if (end === value.length) { return value.slice(0, start) + text; } else { return value.slice(0, start) + text + value.slice(end); } } deleteRange(value, start, end) { let newValueStr; if ((end - start) === value.length) newValueStr = ''; else if (start === 0) newValueStr = value.slice(end); else if (end === value.length) newValueStr = value.slice(0, start); else newValueStr = value.slice(0, start) + value.slice(end); return newValueStr; } initCursor() { let selectionStart = this.input.nativeElement.selectionStart; let inputValue = this.input.nativeElement.value; let valueLength = inputValue.length; let index = null; // remove prefix let prefixLength = (this.prefixChar || '').length; inputValue = inputValue.replace(this._prefix, ''); selectionStart = selectionStart - prefixLength; let char = inputValue.charAt(selectionStart); if (this.isNumeralChar(char)) { return selectionStart + prefixLength; } //left let i = selectionStart - 1; while (i >= 0) { char = inputValue.charAt(i); if (this.isNumeralChar(char)) { index = i + prefixLength; break; } else { i--; } } if (index !== null) { this.input.nativeElement.setSelectionRange(index + 1, index + 1); } else { i = selectionStart; while (i < valueLength) { char = inputValue.charAt(i); if (this.isNumeralChar(char)) { index = i + prefixLength; break; } else { i++; } } if (index !== null) { this.input.nativeElement.setSelectionRange(index, index); } } return index || 0; } onInputClick() { this.initCursor(); } isNumeralChar(char) { if (char.length === 1 && (this._numeral.test(char) || this._decimal.test(char) || this._group.test(char) || this._minusSign.test(char))) { this.resetRegex(); return true; } return false; } resetRegex() { this._numeral.lastIndex = 0; this._decimal.lastIndex = 0; this._group.lastIndex = 0; this._minusSign.lastIndex = 0; } updateValue(event, valueStr, insertedValueStr, operation) { let currentValue = this.input.nativeElement.value; let newValue = null; if (valueStr != null) { newValue = this.parseValue(valueStr); newValue = !newValue && !this.allowEmpty ? 0 : newValue; this.updateInput(newValue, insertedValueStr, operation, valueStr); this.handleOnInput(event, currentValue, newValue); } } handleOnInput(event, currentValue, newValue) { if (this.isValueChanged(currentValue, newValue)) { this.onInput.emit({ originalEvent: event, value: newValue }); } } isValueChanged(currentValue, newValue) { if (newValue === null && currentValue !== null) { return true; } if (newValue != null) { let parsedCurrentValue = (typeof currentValue === 'string') ? this.parseValue(currentValue) : currentValue; return newValue !== parsedCurrentValue; } return false; } validateValue(value) { if (value === '-' || value == null) { return null; } if (this.min != null && value < this.min) { return this.min; } if (this.max != null && value > this.max) { return this.max; } return value; } updateInput(value, insertedValueStr, operation, valueStr) { insertedValueStr = insertedValueStr || ''; let inputValue = this.input.nativeElement.value; let newValue = this.formatValue(value); let currentLength = inputValue.length; if (newValue !== valueStr) { newValue = this.concatValues(newValue, valueStr); } if (currentLength === 0) { this.input.nativeElement.value = newValue; this.input.nativeElement.setSelectionRange(0, 0); const index = this.initCursor(); const selectionEnd = index + insertedValueStr.length; this.input.nativeElement.setSelectionRange(selectionEnd, selectionEnd); } else { let selectionStart = this.input.nativeElement.selectionStart; let selectionEnd = this.input.nativeElement.selectionEnd; if (this.maxlength && this.maxlength < newValue.length) { return; } this.input.nativeElement.value = newValue; let newLength = newValue.length; if (operation === 'range-insert') { const startValue = this.parseValue((inputValue || '').slice(0, selectionStart)); const startValueStr = startValue !== null ? startValue.toString() : ''; const startExpr = startValueStr.split('').join(`(${this.groupChar})?`); const sRegex = new RegExp(startExpr, 'g'); sRegex.test(newValue); const tExpr = insertedValueStr.split('').join(`(${this.groupChar})?`); const tRegex = new RegExp(tExpr, 'g'); tRegex.test(newValue.slice(sRegex.lastIndex)); selectionEnd = sRegex.lastIndex + tRegex.lastIndex; this.input.nativeElement.setSelectionRange(selectionEnd, selectionEnd); } else if (newLength === currentLength) { if (operation === 'insert' || operation === 'delete-back-single') this.input.nativeElement.setSelectionRange(selectionEnd + 1, selectionEnd + 1); else if (operation === 'delete-single') this.input.nativeElement.setSelectionRange(selectionEnd - 1, selectionEnd - 1); else if (operation === 'delete-range' || operation === 'spin') this.input.nativeElement.setSelectionRange(selectionEnd, selectionEnd); } else if (operation === 'delete-back-single') { let prevChar = inputValue.charAt(selectionEnd - 1); let nextChar = inputValue.charAt(selectionEnd); let diff = currentLength - newLength; let isGroupChar = this._group.test(nextChar); if (isGroupChar && diff === 1) { selectionEnd += 1; } else if (!isGroupChar && this.isNumeralChar(prevChar)) { selectionEnd += (-1 * diff) + 1; } this._group.lastIndex = 0; this.input.nativeElement.setSelectionRange(selectionEnd, selectionEnd); } else if (inputValue === '-' && operation === 'insert') { this.input.nativeElement.setSelectionRange(0, 0); const index = this.initCursor(); const selectionEnd = index + insertedValueStr.length + 1; this.input.nativeElement.setSelectionRange(selectionEnd, selectionEnd); } else { selectionEnd = selectionEnd + (newLength - currentLength); this.input.nativeElement.setSelectionRange(selectionEnd, selectionEnd); } } this.input.nativeElement.setAttribute('aria-valuenow', value); } concatValues(val1, val2) { if (val1 && val2) { let decimalCharIndex = val2.search(this._decimal); this._decimal.lastIndex = 0; return decimalCharIndex !== -1 ? (val1.split(this._decimal)[0] + val2.slice(decimalCharIndex)) : val1; } return val1; } getDecimalLength(value) { if (value) { const valueSplit = value.split(this._decimal); if (valueSplit.length === 2) { return valueSplit[1].replace(this._suffix, '') .trim() .replace(/\s/g, '') .replace(this._currency, '').length; } } return 0; } onInputFocus(event) { this.focused = true; this.onFocus.emit(event); } onInputBlur(event) { this.focused = false; let newValue = this.validateValue(this.parseValue(this.input.nativeElement.value)); this.input.nativeElement.value = this.formatValue(newValue); this.input.nativeElement.setAttribute('aria-valuenow', newValue); this.updateModel(event, newValue); this.onBlur.emit(event); } formattedValue() { const val = !this.value && !this.allowEmpty ? 0 : this.value; return this.formatValue(val); } updateModel(event, value) { if (this.value !== value) { this.value = value; this.onModelChange(value); } this.onModelTouched(); } writeValue(value) { this.value = value; this.cd.markForCheck(); } registerOnChange(fn) { this.onModelChange = fn; } registerOnTouched(fn) { this.onModelTouched = fn; } setDisabledState(val) { this.disabled = val; this.cd.markForCheck(); } get filled() { return (this.value != null && this.value.toString().length > 0); } clearTimer() { if (this.timer) { clearInterval(this.timer); } } getFormatter() { return this.numberFormat; } } InputNumber.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: InputNumber, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); InputNumber.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: InputNumber, selector: "p-inputNumber", inputs: { showButtons: "showButtons", format: "format", buttonLayout: "buttonLayout", inputId: "inputId", styleClass: "styleClass", style: "style", placeholder: "placeholder", size: "size", maxlength: "maxlength", tabindex: "tabindex", title: "title", ariaLabel: "ariaLabel", ariaRequired: "ariaRequired", name: "name", required: "required", autocomplete: "autocomplete", min: "min", max: "max", incrementButtonClass: "incrementButtonClass", decrementButtonClass: "decrementButtonClass", incrementButtonIcon: "incrementButtonIcon", decrementButtonIcon: "decrementButtonIcon", readonly: "readonly", step: "step", allowEmpty: "allowEmpty", locale: "locale", localeMatcher: "localeMatcher", mode: "mode", currency: "currency", currencyDisplay: "currencyDisplay", useGrouping: "useGrouping", minFractionDigits: "minFractionDigits", maxFractionDigits: "maxFractionDigits", prefix: "prefix", suffix: "suffix", inputStyle: "inputStyle", inputStyleClass: "inputStyleClass", disabled: "disabled" }, outputs: { onInput: "onInput", onFocus: "onFocus", onBlur: "onBlur", onKeyDown: "onKeyDown" }, host: { properties: { "class.p-inputwrapper-filled": "filled", "class.p-inputwrapper-focus": "focused" }, classAttribute: "p-element p-inputwrapper" }, providers: [INPUTNUMBER_VALUE_ACCESSOR], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesOnChanges: true, ngImport: i0, template: ` `, isInline: true, styles: ["p-inputnumber,.p-inputnumber{display:inline-flex}.p-inputnumber-button{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label{display:none}.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up{border-top-left-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:0}.p-inputnumber-buttons-stacked .p-inputnumber-input{border-top-right-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;padding:0}.p-inputnumber-buttons-stacked .p-inputnumber-button-group{display:flex;flex-direction:column}.p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button{flex:1 1 auto}.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up{order:3;border-top-left-radius:0;border-bottom-left-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-input{order:2;border-radius:0}.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down{order:1;border-top-right-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-vertical{flex-direction:column}.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up{order:1;border-bottom-left-radius:0;border-bottom-right-radius:0;width:100%}.p-inputnumber-buttons-vertical .p-inputnumber-input{order:2;border-radius:0;text-align:center}.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down{order:3;border-top-left-radius:0;border-top-right-radius:0;width:100%}.p-inputnumber-input{flex:1 1 auto}.p-fluid p-inputnumber,.p-fluid .p-inputnumber{width:100%}.p-fluid .p-inputnumber .p-inputnumber-input{width:1%}.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input{width:100%}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.InputText, selector: "[pInputText]" }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: InputNumber, decorators: [{ type: Component, args: [{ selector: 'p-inputNumber', template: ` `, changeDetection: ChangeDetectionStrategy.OnPush, providers: [INPUTNUMBER_VALUE_ACCESSOR], encapsulation: ViewEncapsulation.None, host: { 'class': 'p-element p-inputwrapper', '[class.p-inputwrapper-filled]': 'filled', '[class.p-inputwrapper-focus]': 'focused' }, styles: ["p-inputnumber,.p-inputnumber{display:inline-flex}.p-inputnumber-button{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label{display:none}.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up{border-top-left-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:0}.p-inputnumber-buttons-stacked .p-inputnumber-input{border-top-right-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;padding:0}.p-inputnumber-buttons-stacked .p-inputnumber-button-group{display:flex;flex-direction:column}.p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button{flex:1 1 auto}.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up{order:3;border-top-left-radius:0;border-bottom-left-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-input{order:2;border-radius:0}.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down{order:1;border-top-right-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-vertical{flex-direction:column}.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up{order:1;border-bottom-left-radius:0;border-bottom-right-radius:0;width:100%}.p-inputnumber-buttons-vertical .p-inputnumber-input{order:2;border-radius:0;text-align:center}.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down{order:3;border-top-left-radius:0;border-top-right-radius:0;width:100%}.p-inputnumber-input{flex:1 1 auto}.p-fluid p-inputnumber,.p-fluid .p-inputnumber{width:100%}.p-fluid .p-inputnumber .p-inputnumber-input{width:1%}.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input{width:100%}\n"] }] }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { showButtons: [{ type: Input }], format: [{ type: Input }], buttonLayout: [{ type: Input }], inputId: [{ type: Input }], styleClass: [{ type: Input }], style: [{ type: Input }], placeholder: [{ type: Input }], size: [{ type: Input }], maxlength: [{ type: Input }], tabindex: [{ type: Input }], title: [{ type: Input }], ariaLabel: [{ type: Input }], ariaRequired: [{ type: Input }], name: [{ type: Input }], required: [{ type: Input }], autocomplete: [{ type: Input }], min: [{ type: Input }], max: [{ type: Input }], incrementButtonClass: [{ type: Input }], decrementButtonClass: [{ type: Input }], incrementButtonIcon: [{ type: Input }], decrementButtonIcon: [{ type: Input }], readonly: [{ type: Input }], step: [{ type: Input }], allowEmpty: [{ type: Input }], locale: [{ type: Input }], localeMatcher: [{ type: Input }], mode: [{ type: Input }], currency: [{ type: Input }], currencyDisplay: [{ type: Input }], useGrouping: [{ type: Input }], minFractionDigits: [{ type: Input }], maxFractionDigits: [{ type: Input }], prefix: [{ type: Input }], suffix: [{ type: Input }], inputStyle: [{ type: Input }], inputStyleClass: [{ type: Input }], input: [{ type: ViewChild, args: ['input'] }], onInput: [{ type: Output }], onFocus: [{ type: Output }], onBlur: [{ type: Output }], onKeyDown: [{ type: Output }], disabled: [{ type: Input }] } }); class InputNumberModule { } InputNumberModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: InputNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); InputNumberModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: InputNumberModule, declarations: [InputNumber], imports: [CommonModule, InputTextModule, ButtonModule], exports: [InputNumber] }); InputNumberModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: InputNumberModule, imports: [[CommonModule, InputTextModule, ButtonModule]] }); i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: InputNumberModule, decorators: [{ type: NgModule, args: [{ imports: [CommonModule, InputTextModule, ButtonModule], exports: [InputNumber], declarations: [InputNumber] }] }] }); /** * Generated bundle index. Do not edit. */ export { INPUTNUMBER_VALUE_ACCESSOR, InputNumber, InputNumberModule };