@koobiq/components 18.2.1 → 18.4.0

package/fesm2022/koobiq-components-icon.mjs

@@ -22,7 +22,7 @@ class KbqIcon extends KbqIconMixinBase {
         this.hasError = false;
         this.name = 'KbqIcon';
         this.updateState = () => {
-            this.hasError = this.formField.shouldForward('invalid');
+            this.hasError = this.formField.control?.errorState;
             this.changeDetectorRef.markForCheck();
         };
         if (iconName) {

package/fesm2022/koobiq-components-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-icon.mjs","sources":["../../../packages/components/icon/icon.component.ts","../../../packages/components/icon/icon-button.component.ts","../../../packages/components/icon/icon-item.component.ts","../../../packages/components/icon/icon.module.ts","../../../packages/components/icon/koobiq-components-icon.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    Attribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Inject,\n    Input,\n    Optional,\n    ViewEncapsulation\n} from '@angular/core';\nimport {\n    CanColor,\n    CanColorCtor,\n    KBQ_FORM_FIELD_REF,\n    KbqComponentColors,\n    KbqFormFieldRef,\n    mixinColor\n} from '@koobiq/components/core';\n\n/** @docs-private */\nexport class KbqIconBase {\n    constructor(public elementRef: ElementRef) {}\n}\n\n/** @docs-private */\nexport const KbqIconMixinBase: CanColorCtor & typeof KbqIconBase = mixinColor(\n    KbqIconBase,\n    KbqComponentColors.ContrastFade\n);\n\n@Component({\n    standalone: true,\n    selector: '[kbq-icon]',\n    template: '<ng-content />',\n    styleUrls: ['icon.scss', 'icon-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    inputs: ['color'],\n    host: {\n        class: 'kbq kbq-icon',\n        '[class.kbq-error]': 'color === \"error\" || hasError'\n    }\n})\nexport class KbqIcon extends KbqIconMixinBase implements CanColor, AfterContentInit {\n    @Input() small = false;\n    @Input() autoColor = false;\n\n    hasError: boolean = false;\n\n    protected name = 'KbqIcon';\n\n    constructor(\n        elementRef: ElementRef,\n        @Attribute('kbq-icon') protected iconName: string,\n        @Optional() @Inject(KBQ_FORM_FIELD_REF) protected formField: KbqFormFieldRef,\n        protected changeDetectorRef: ChangeDetectorRef\n    ) {\n        super(elementRef);\n\n        if (iconName) {\n            this.getHostElement().classList.add(iconName);\n        }\n    }\n\n    getHostElement() {\n        return this.elementRef.nativeElement;\n    }\n\n    updateMaxHeight() {\n        if (this.name !== 'KbqIcon') {\n            return;\n        }\n\n        const size = parseInt(this.iconName?.split('_')[1]);\n\n        if (size) {\n            this.getHostElement().style.maxHeight = `${size}px`;\n        }\n    }\n\n    ngAfterContentInit(): void {\n        if (this.autoColor) {\n            this.formField.control?.stateChanges.subscribe(this.updateState);\n\n            this.updateState();\n        }\n\n        this.updateMaxHeight();\n    }\n\n    private updateState = () => {\n        this.hasError = this.formField.shouldForward('invalid');\n\n        this.changeDetectorRef.markForCheck();\n    };\n}\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport {\n    Attribute,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Inject,\n    Input,\n    OnDestroy,\n    Optional,\n    ViewEncapsulation\n} from '@angular/core';\nimport { CanColor, KBQ_FORM_FIELD_REF, KbqFormFieldRef } from '@koobiq/components/core';\nimport { KbqIcon } from './icon.component';\n\n@Component({\n    standalone: true,\n    selector: `[kbq-icon-button]`,\n    template: '<ng-content />',\n    styleUrls: ['icon-button.scss', 'icon-button-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    inputs: ['color'],\n    host: {\n        class: 'kbq kbq-icon kbq-icon-button',\n\n        '[attr.tabindex]': 'tabindex',\n        '[attr.disabled]': 'disabled',\n\n        '[class.kbq-disabled]': 'disabled',\n        '[class.kbq-icon-button_small]': 'small'\n    }\n})\nexport class KbqIconButton extends KbqIcon implements OnDestroy, CanColor {\n    @Input() small = false;\n\n    @Input()\n    get tabindex() {\n        return this.disabled ? null : this._tabindex;\n    }\n\n    set tabindex(value: any) {\n        this._tabindex = value;\n    }\n\n    private _tabindex = 0;\n\n    /** Whether the button is disabled. */\n    @Input({ transform: booleanAttribute })\n    get disabled(): boolean {\n        return this._disabled;\n    }\n\n    set disabled(value: boolean) {\n        if (this._disabled !== value) {\n            this._disabled = value;\n\n            this._disabled ? this.stopFocusMonitor() : this.runFocusMonitor();\n        }\n    }\n\n    private _disabled: boolean;\n\n    override name = 'KbqIconButton';\n\n    constructor(\n        elementRef: ElementRef,\n        @Attribute('kbq-icon-button') iconName: string,\n        @Optional() @Inject(KBQ_FORM_FIELD_REF) formField: KbqFormFieldRef,\n        protected changeDetectorRef: ChangeDetectorRef,\n        private focusMonitor: FocusMonitor\n    ) {\n        super(elementRef, iconName, formField, changeDetectorRef);\n\n        this.runFocusMonitor();\n    }\n\n    ngOnDestroy() {\n        this.stopFocusMonitor();\n    }\n\n    private runFocusMonitor() {\n        this.focusMonitor.monitor(this.getHostElement(), true);\n    }\n\n    private stopFocusMonitor() {\n        this.focusMonitor.stopMonitoring(this.getHostElement());\n    }\n}\n","import {\n    Attribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Inject,\n    Input,\n    Optional,\n    ViewEncapsulation\n} from '@angular/core';\nimport { CanColor, KBQ_FORM_FIELD_REF, KbqFormFieldRef } from '@koobiq/components/core';\nimport { KbqIcon } from './icon.component';\n\n@Component({\n    standalone: true,\n    selector: `[kbq-icon-item]`,\n    template: '<ng-content />',\n    styleUrls: ['icon-item.scss', 'icon-item-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    inputs: ['color'],\n    host: {\n        class: 'kbq kbq-icon kbq-icon-item kbq-icon-item_filled',\n        '[class.kbq-icon-item_normal]': '!big',\n        '[class.kbq-icon-item_big]': 'big',\n        '[class.kbq-icon-item_fade-off]': '!fade',\n        '[class.kbq-icon-item_fade-on]': 'fade'\n    }\n})\nexport class KbqIconItem extends KbqIcon implements CanColor {\n    override name = 'KbqIconItem';\n\n    @Input() fade: boolean = false;\n    @Input() big: boolean = false;\n\n    constructor(\n        elementRef: ElementRef,\n        @Attribute('kbq-icon-item') iconName: string,\n        @Optional() @Inject(KBQ_FORM_FIELD_REF) formField: KbqFormFieldRef,\n        protected changeDetectorRef: ChangeDetectorRef\n    ) {\n        super(elementRef, iconName, formField, changeDetectorRef);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqIconButton } from './icon-button.component';\nimport { KbqIconItem } from './icon-item.component';\nimport { KbqIcon } from './icon.component';\n\nconst COMPONENTS = [\n    KbqIcon,\n    KbqIconButton,\n    KbqIconItem\n];\n@NgModule({\n    imports: COMPONENTS,\n    exports: COMPONENTS\n})\nexport class KbqIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"koobiq-components-icon.mjs","sources":["../../../packages/components/icon/icon.component.ts","../../../packages/components/icon/icon-button.component.ts","../../../packages/components/icon/icon-item.component.ts","../../../packages/components/icon/icon.module.ts","../../../packages/components/icon/koobiq-components-icon.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    Attribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Inject,\n    Input,\n    Optional,\n    ViewEncapsulation\n} from '@angular/core';\nimport {\n    CanColor,\n    CanColorCtor,\n    KBQ_FORM_FIELD_REF,\n    KbqComponentColors,\n    KbqFormFieldRef,\n    mixinColor\n} from '@koobiq/components/core';\n\n/** @docs-private */\nexport class KbqIconBase {\n    constructor(public elementRef: ElementRef) {}\n}\n\n/** @docs-private */\nexport const KbqIconMixinBase: CanColorCtor & typeof KbqIconBase = mixinColor(\n    KbqIconBase,\n    KbqComponentColors.ContrastFade\n);\n\n@Component({\n    standalone: true,\n    selector: '[kbq-icon]',\n    template: '<ng-content />',\n    styleUrls: ['icon.scss', 'icon-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    inputs: ['color'],\n    host: {\n        class: 'kbq kbq-icon',\n        '[class.kbq-error]': 'color === \"error\" || hasError'\n    }\n})\nexport class KbqIcon extends KbqIconMixinBase implements CanColor, AfterContentInit {\n    @Input() small = false;\n    @Input() autoColor = false;\n\n    hasError: boolean = false;\n\n    protected name = 'KbqIcon';\n\n    constructor(\n        elementRef: ElementRef,\n        @Attribute('kbq-icon') protected iconName: string,\n        @Optional() @Inject(KBQ_FORM_FIELD_REF) protected formField: KbqFormFieldRef,\n        protected changeDetectorRef: ChangeDetectorRef\n    ) {\n        super(elementRef);\n\n        if (iconName) {\n            this.getHostElement().classList.add(iconName);\n        }\n    }\n\n    getHostElement() {\n        return this.elementRef.nativeElement;\n    }\n\n    updateMaxHeight() {\n        if (this.name !== 'KbqIcon') {\n            return;\n        }\n\n        const size = parseInt(this.iconName?.split('_')[1]);\n\n        if (size) {\n            this.getHostElement().style.maxHeight = `${size}px`;\n        }\n    }\n\n    ngAfterContentInit(): void {\n        if (this.autoColor) {\n            this.formField.control?.stateChanges.subscribe(this.updateState);\n\n            this.updateState();\n        }\n\n        this.updateMaxHeight();\n    }\n\n    private updateState = () => {\n        this.hasError = this.formField.control?.errorState;\n\n        this.changeDetectorRef.markForCheck();\n    };\n}\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport {\n    Attribute,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Inject,\n    Input,\n    OnDestroy,\n    Optional,\n    ViewEncapsulation\n} from '@angular/core';\nimport { CanColor, KBQ_FORM_FIELD_REF, KbqFormFieldRef } from '@koobiq/components/core';\nimport { KbqIcon } from './icon.component';\n\n@Component({\n    standalone: true,\n    selector: `[kbq-icon-button]`,\n    template: '<ng-content />',\n    styleUrls: ['icon-button.scss', 'icon-button-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    inputs: ['color'],\n    host: {\n        class: 'kbq kbq-icon kbq-icon-button',\n\n        '[attr.tabindex]': 'tabindex',\n        '[attr.disabled]': 'disabled',\n\n        '[class.kbq-disabled]': 'disabled',\n        '[class.kbq-icon-button_small]': 'small'\n    }\n})\nexport class KbqIconButton extends KbqIcon implements OnDestroy, CanColor {\n    @Input() small = false;\n\n    @Input()\n    get tabindex() {\n        return this.disabled ? null : this._tabindex;\n    }\n\n    set tabindex(value: any) {\n        this._tabindex = value;\n    }\n\n    private _tabindex = 0;\n\n    /** Whether the button is disabled. */\n    @Input({ transform: booleanAttribute })\n    get disabled(): boolean {\n        return this._disabled;\n    }\n\n    set disabled(value: boolean) {\n        if (this._disabled !== value) {\n            this._disabled = value;\n\n            this._disabled ? this.stopFocusMonitor() : this.runFocusMonitor();\n        }\n    }\n\n    private _disabled: boolean;\n\n    override name = 'KbqIconButton';\n\n    constructor(\n        elementRef: ElementRef,\n        @Attribute('kbq-icon-button') iconName: string,\n        @Optional() @Inject(KBQ_FORM_FIELD_REF) formField: KbqFormFieldRef,\n        protected changeDetectorRef: ChangeDetectorRef,\n        private focusMonitor: FocusMonitor\n    ) {\n        super(elementRef, iconName, formField, changeDetectorRef);\n\n        this.runFocusMonitor();\n    }\n\n    ngOnDestroy() {\n        this.stopFocusMonitor();\n    }\n\n    private runFocusMonitor() {\n        this.focusMonitor.monitor(this.getHostElement(), true);\n    }\n\n    private stopFocusMonitor() {\n        this.focusMonitor.stopMonitoring(this.getHostElement());\n    }\n}\n","import {\n    Attribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Inject,\n    Input,\n    Optional,\n    ViewEncapsulation\n} from '@angular/core';\nimport { CanColor, KBQ_FORM_FIELD_REF, KbqFormFieldRef } from '@koobiq/components/core';\nimport { KbqIcon } from './icon.component';\n\n@Component({\n    standalone: true,\n    selector: `[kbq-icon-item]`,\n    template: '<ng-content />',\n    styleUrls: ['icon-item.scss', 'icon-item-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    inputs: ['color'],\n    host: {\n        class: 'kbq kbq-icon kbq-icon-item kbq-icon-item_filled',\n        '[class.kbq-icon-item_normal]': '!big',\n        '[class.kbq-icon-item_big]': 'big',\n        '[class.kbq-icon-item_fade-off]': '!fade',\n        '[class.kbq-icon-item_fade-on]': 'fade'\n    }\n})\nexport class KbqIconItem extends KbqIcon implements CanColor {\n    override name = 'KbqIconItem';\n\n    @Input() fade: boolean = false;\n    @Input() big: boolean = false;\n\n    constructor(\n        elementRef: ElementRef,\n        @Attribute('kbq-icon-item') iconName: string,\n        @Optional() @Inject(KBQ_FORM_FIELD_REF) formField: KbqFormFieldRef,\n        protected changeDetectorRef: ChangeDetectorRef\n    ) {\n        super(elementRef, iconName, formField, changeDetectorRef);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqIconButton } from './icon-button.component';\nimport { KbqIconItem } from './icon-item.component';\nimport { KbqIcon } from './icon.component';\n\nconst COMPONENTS = [\n    KbqIcon,\n    KbqIconButton,\n    KbqIconItem\n];\n\n@NgModule({\n    imports: COMPONENTS,\n    exports: COMPONENTS\n})\nexport class KbqIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/koobiq-components-input.mjs

@@ -1,14 +1,15 @@
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { getSupportedInputTypes } from '@angular/cdk/platform';
 import * as i0 from '@angular/core';
-import { forwardRef, EventEmitter, Directive, Attribute, Optional, Inject, Input, InjectionToken, Self, NgModule } from '@angular/core';
+import { forwardRef, EventEmitter, booleanAttribute, Directive, Attribute, Optional, Inject, Input, InjectionToken, Self, NgModule } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, Validators, FormsModule } from '@angular/forms';
 import * as i3 from '@koobiq/components/core';
-import { KBQ_LOCALE_SERVICE, mixinErrorState, KbqCommonModule } from '@koobiq/components/core';
+import { ruRUFormattersData, checkAndNormalizeLocalizedNumber, normalizeNumber, KBQ_LOCALE_SERVICE, mixinErrorState, KbqCommonModule } from '@koobiq/components/core';
 import { KbqFormFieldControl } from '@koobiq/components/form-field';
-import { Subject, Subscription } from 'rxjs';
-import { A, C, V, X, Z, NUMPAD_MINUS, DASH, FF_MINUS, DELETE, BACKSPACE, TAB, ESCAPE, ENTER, LEFT_ARROW, RIGHT_ARROW, HOME, END, isFunctionKey, isNumberKey, isNumpadKey, UP_ARROW, DOWN_ARROW } from '@koobiq/cdk/keycodes';
+import { Subject } from 'rxjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { V, X, Z, NUMPAD_MINUS, DASH, FF_MINUS, DELETE, BACKSPACE, TAB, ESCAPE, ENTER, LEFT_ARROW, RIGHT_ARROW, HOME, END, isSelectAll, isCopy, isFunctionKey, isNumberKey, isNumpadKey, UP_ARROW, DOWN_ARROW } from '@koobiq/cdk/keycodes';
 import { A11yModule } from '@angular/cdk/a11y';
 import { KbqIconModule } from '@koobiq/components/icon';
 
@@ -16,6 +17,7 @@ function getKbqInputUnsupportedTypeError(inputType) {
     return Error(`Input type "${inputType}" isn't supported by kbqInput.`);
 }
 
+const KBQ_INPUT_NUMBER_DEFAULT_CONFIGURATION = ruRUFormattersData.input.number;
 const BIG_STEP = 10;
 const SMALL_STEP = 1;
 function normalizeSplitter(value) {
@@ -82,6 +84,12 @@ class KbqNumberInput {
     get ngControl() {
         return this.control;
     }
+    get fractionSeparator() {
+        return this.config.fractionSeparator;
+    }
+    get groupSeparator() {
+        return this.config.groupSeparator;
+    }
     constructor(elementRef, renderer, step, bigStep, min, max, localeService) {
         this.elementRef = elementRef;
         this.renderer = renderer;
@@ -91,14 +99,29 @@ class KbqNumberInput {
         /** Emits when the disabled state has changed */
         this.disabledChange = new EventEmitter();
         this.stateChanges = new Subject();
+        /**
+         * Allows input and pasting of integers only.
+         */
+        this.integer = false;
         this.withThousandSeparator = true;
         this._disabled = false;
         this.focused = false;
-        this.localeSubscription = Subscription.EMPTY;
         this.onTouched = () => { };
+        this.isCtrlV = (event) => {
+            return event.keyCode === V && (event.ctrlKey || event.metaKey);
+        };
+        this.isCtrlX = (event) => {
+            return event.keyCode === X && (event.ctrlKey || event.metaKey);
+        };
+        this.isCtrlZ = (event) => {
+            return event.keyCode === Z && (event.ctrlKey || event.metaKey);
+        };
+        this.isPeriod = (event) => {
+            return this.groupSeparator.includes(event.key) || [this.fractionSeparator, '.'].includes(event.key);
+        };
         this.cvaOnChange = () => { };
-        this.updateLocaleParams = (id) => {
-            this.numberLocaleConfig = this.localeService.locales[id].input.number;
+        this.updateLocaleParams = () => {
+            this.config = this.localeService.getParams('input').number;
             this.setViewValue(this.formatNumber(this.value));
         };
         this.step = isDigit(step) ? parseFloat(step) : SMALL_STEP;
@@ -113,16 +136,12 @@ class KbqNumberInput {
                 }
             });
         }
-        this.allNumberLocaleConfigs = this.localeService?.locales.items.map((localeItem) => {
-            return { id: localeItem.id, config: this.localeService.locales[localeItem.id].input.number };
-        });
-        this.localeSubscription = this.localeService?.changes.subscribe(this.updateLocaleParams);
-    }
-    ngAfterContentInit() {
-        this.renderer.setProperty(this.nativeElement, 'type', 'text');
+        this.localeService?.changes.pipe(takeUntilDestroyed()).subscribe(this.updateLocaleParams);
+        if (!localeService) {
+            this.initDefaultParams();
+        }
     }
     ngOnDestroy() {
-        this.localeSubscription.unsubscribe();
         this.valueChange.complete();
         this.disabledChange.complete();
     }
@@ -156,36 +175,26 @@ class KbqNumberInput {
     }
     onKeyDown(event) {
         const keyCode = event.keyCode;
-        const isCtrlA = (e) => e.keyCode === A && (e.ctrlKey || e.metaKey);
-        const isCtrlC = (e) => e.keyCode === C && (e.ctrlKey || e.metaKey);
-        const isCtrlV = (e) => e.keyCode === V && (e.ctrlKey || e.metaKey);
-        const isCtrlX = (e) => e.keyCode === X && (e.ctrlKey || e.metaKey);
-        const isCtrlZ = (e) => e.keyCode === Z && (e.ctrlKey || e.metaKey);
-        const isPeriod = (e) => this.numberLocaleConfig.groupSeparator.includes(e.key) ||
-            [this.numberLocaleConfig.fractionSeparator, '.'].includes(e.key);
         const minuses = [NUMPAD_MINUS, DASH, FF_MINUS];
         const serviceKeys = [DELETE, BACKSPACE, TAB, ESCAPE, ENTER];
         const arrows = [LEFT_ARROW, RIGHT_ARROW];
         const allowedKeys = [HOME, END].concat(arrows).concat(serviceKeys).concat(minuses);
-        if (minuses.includes(keyCode) && (this.viewValue.includes(event.key) || this.min >= 0)) {
+        if ((this.integer && this.isPeriod(event)) ||
+            (minuses.includes(keyCode) && (this.viewValue.includes(event.key) || this.min >= 0)) ||
+            (this.isPeriod(event) &&
+                event.key === this.fractionSeparator &&
+                this.viewValue.indexOf(this.fractionSeparator) !== -1)) {
             event.preventDefault();
             return;
         }
-        if (isPeriod(event)) {
-            if (event.key === this.numberLocaleConfig.fractionSeparator &&
-                this.viewValue.indexOf(this.numberLocaleConfig.fractionSeparator) !== -1) {
-                event.preventDefault();
-                return;
-            }
-        }
         if (allowedKeys.indexOf(keyCode) !== -1 || [
-            isCtrlA,
-            isCtrlC,
-            isCtrlV,
-            isCtrlX,
-            isCtrlZ,
+            isSelectAll,
+            isCopy,
+            this.isCtrlV,
+            this.isCtrlX,
+            this.isCtrlZ,
             isFunctionKey,
-            isPeriod
+            this.isPeriod
         ].some((fn) => fn(event))) {
             // let it happen, don't do anything
             return;
@@ -229,10 +238,16 @@ class KbqNumberInput {
         });
     }
     onPaste(event) {
-        this.valueFromPaste = this.checkAndNormalizeLocalizedNumber(event.clipboardData?.getData('text'));
+        this.valueFromPaste = checkAndNormalizeLocalizedNumber(event.clipboardData?.getData('text'));
         if (this.valueFromPaste === null) {
             event.preventDefault();
         }
+        else if (this.integer && isFloat(this.valueFromPaste.toString())) {
+            event.preventDefault();
+            const parsedValue = Number.parseInt(this.valueFromPaste.toString());
+            this.setViewValue(this.formatNumber(parsedValue));
+            this.viewToModelUpdate(parsedValue.toString());
+        }
     }
     stepUp(step) {
         this.nativeElement.focus();
@@ -250,6 +265,9 @@ class KbqNumberInput {
         this.cvaOnChange(res);
         this.valueChange.emit(res);
     }
+    initDefaultParams() {
+        this.config = KBQ_INPUT_NUMBER_DEFAULT_CONFIGURATION;
+    }
     setViewValue(value, savePosition = false) {
         const cursorPosition = this.nativeElement.selectionStart;
         this.renderer.setProperty(this.nativeElement, 'value', value);
@@ -259,7 +277,7 @@ class KbqNumberInput {
         }
     }
     viewToModelUpdate(newValue) {
-        const normalizedValue = newValue === null ? null : +this.normalizeNumber(newValue);
+        const normalizedValue = newValue === null ? null : +normalizeNumber(newValue, this.config);
         if (normalizedValue !== this.value) {
             this._value = normalizedValue;
             this.cvaOnChange(normalizedValue);
@@ -268,21 +286,20 @@ class KbqNumberInput {
         this.ngControl?.updateValueAndValidity({ emitEvent: false });
     }
     formatViewValue() {
-        if (this.viewValue === null || this.viewValue === '' || Number.isNaN(+this.normalizeNumber(this.viewValue))) {
+        if (this.viewValue === null ||
+            this.viewValue === '' ||
+            Number.isNaN(+normalizeNumber(this.viewValue, this.config))) {
             return null;
         }
-        const separator = this.numberLocaleConfig.groupSeparator.includes(' ') && this.numberLocaleConfig.fractionSeparator === ','
-            ? /[,.]/
-            : this.numberLocaleConfig.fractionSeparator;
+        const separator = this.groupSeparator.includes(' ') && this.fractionSeparator === ',' ? /[,.]/ : this.fractionSeparator;
         const [intPart, fractionPart] = this.viewValue
             .split(separator)
-            .map((valuePart) => this.normalizeNumber(valuePart));
+            .map((valuePart) => normalizeNumber(valuePart, this.config));
         return this.createLocalizedNumberFromParts(+intPart, fractionPart);
     }
     formatNumber(value) {
-        if (value === null || value === undefined) {
+        if (value === null || value === undefined)
             return null;
-        }
         const [intPart, fractionPart] = value.toString().split('.');
         return this.createLocalizedNumberFromParts(+intPart, fractionPart);
     }
@@ -291,10 +308,10 @@ class KbqNumberInput {
             useGrouping: this.withThousandSeparator,
             maximumFractionDigits: 20
         };
-        if (this.withThousandSeparator && this.numberLocaleConfig.startFormattingFrom) {
-            formatOptions.useGrouping = intPart >= Math.pow(10, this.numberLocaleConfig.startFormattingFrom);
+        if (this.withThousandSeparator && this.config.startFormattingFrom) {
+            formatOptions.useGrouping = intPart >= Math.pow(10, this.config.startFormattingFrom);
         }
-        const localeId = this.localeService.id === 'es-LA' ? 'ru-RU' : this.localeService.id;
+        const localeId = !this.localeService || this.localeService.id === 'es-LA' ? 'ru-RU' : this.localeService.id;
         const formatter = new Intl.NumberFormat(localeId, formatOptions);
         const formattedFractionPart = fractionPart
             ?.split('')
@@ -302,37 +319,10 @@ class KbqNumberInput {
             .join('');
         return formattedFractionPart === undefined
             ? formatter.format(intPart)
-            : `${formatter.format(intPart)}${this.numberLocaleConfig.fractionSeparator}${formattedFractionPart}`;
-    }
-    /**
-     * Method that returns a string representation of a number without localized separators
-     */
-    normalizeNumber(value, customConfig) {
-        if (value === null || value === undefined) {
-            return '';
-        }
-        const { groupSeparator, fractionSeparator } = customConfig || this.numberLocaleConfig;
-        const groupSeparatorRegexp = new RegExp(`[${groupSeparator.join('')}]`, 'g');
-        const fractionSeparatorRegexp = new RegExp(`\\${fractionSeparator}`, 'g');
-        return value.toString().replace(groupSeparatorRegexp, '').replace(fractionSeparatorRegexp, '.');
-    }
-    checkAndNormalizeLocalizedNumber(num) {
-        if (num === null || num === undefined) {
-            return null;
-        }
-        /* if some locale input config satisfies pasted number, try to normalize with selected locale config */
-        let numberOutput = null;
-        for (const { config } of this.allNumberLocaleConfigs) {
-            const normalized = +this.normalizeNumber(num, config);
-            if (!Number.isNaN(normalized)) {
-                numberOutput = normalized;
-                break;
-            }
-        }
-        return numberOutput;
+            : `${formatter.format(intPart)}${this.fractionSeparator}${formattedFractionPart}`;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqNumberInput, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: 'step', attribute: true }, { token: 'big-step', attribute: true }, { token: 'min', attribute: true }, { token: 'max', attribute: true }, { token: KBQ_LOCALE_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqNumberInput, selector: "input[kbqNumberInput]", inputs: { bigStep: "bigStep", step: "step", min: "min", max: "max", withThousandSeparator: "withThousandSeparator", startFormattingFrom: "startFormattingFrom", value: "value", disabled: "disabled" }, host: { listeners: { "blur": "focusChanged(false)", "focus": "focusChanged(true)", "paste": "onPaste($event)", "keydown": "onKeyDown($event)", "input": "onInput($event)" } }, providers: [KBQ_NUMBER_INPUT_VALUE_ACCESSOR], exportAs: ["kbqNumericalInput"], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.6", type: KbqNumberInput, selector: "input[kbqNumberInput]", inputs: { integer: ["integer", "integer", booleanAttribute], bigStep: "bigStep", step: "step", min: "min", max: "max", withThousandSeparator: ["withThousandSeparator", "withThousandSeparator", booleanAttribute], startFormattingFrom: "startFormattingFrom", value: "value", disabled: "disabled" }, host: { listeners: { "blur": "focusChanged(false)", "focus": "focusChanged(true)", "paste": "onPaste($event)", "keydown": "onKeyDown($event)", "input": "onInput($event)" } }, providers: [KBQ_NUMBER_INPUT_VALUE_ACCESSOR], exportAs: ["kbqNumericalInput"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqNumberInput, decorators: [{
             type: Directive,
@@ -365,7 +355,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 }, {
                     type: Inject,
                     args: [KBQ_LOCALE_SERVICE]
-                }] }], propDecorators: { bigStep: [{
+                }] }], propDecorators: { integer: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], bigStep: [{
                 type: Input
             }], step: [{
                 type: Input
@@ -374,7 +367,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
             }], max: [{
                 type: Input
             }], withThousandSeparator: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], startFormattingFrom: [{
                 type: Input
             }], value: [{
@@ -1036,5 +1030,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BIG_STEP, KBQ_INPUT_VALUE_ACCESSOR, KBQ_NUMBER_INPUT_VALUE_ACCESSOR, KbqInput, KbqInputBase, KbqInputMixinBase, KbqInputModule, KbqInputMono, KbqInputPassword, KbqNumberInput, MAX_VALIDATOR, MIN_VALIDATOR, MaxValidator, MinValidator, SMALL_STEP, add, getPrecision, isDigit, isFloat, isInt, normalizeSplitter };
+export { BIG_STEP, KBQ_INPUT_NUMBER_DEFAULT_CONFIGURATION, KBQ_INPUT_VALUE_ACCESSOR, KBQ_NUMBER_INPUT_VALUE_ACCESSOR, KbqInput, KbqInputBase, KbqInputMixinBase, KbqInputModule, KbqInputMono, KbqInputPassword, KbqNumberInput, MAX_VALIDATOR, MIN_VALIDATOR, MaxValidator, MinValidator, SMALL_STEP, add, getPrecision, isDigit, isFloat, isInt, normalizeSplitter };
 //# sourceMappingURL=koobiq-components-input.mjs.map