@snabcentr/client-ui 0.30.0 → 0.30.1
Sign up to get free protection for your applications and to get access to all the features.
- package/directives/next-input-focus/sc-next-input-focus.directive.d.ts +1 -3
- package/esm2020/directives/next-input-focus/sc-next-input-focus.directive.mjs +6 -3
- package/fesm2015/snabcentr-client-ui.mjs +5 -2
- package/fesm2015/snabcentr-client-ui.mjs.map +1 -1
- package/fesm2020/snabcentr-client-ui.mjs +5 -2
- package/fesm2020/snabcentr-client-ui.mjs.map +1 -1
- package/package.json +1 -1
@@ -1,5 +1,3 @@
|
|
1
|
-
import { QueryList } from '@angular/core';
|
2
|
-
import { TuiFocusableElementAccessor } from '@taiga-ui/cdk';
|
3
1
|
import * as i0 from "@angular/core";
|
4
2
|
/**
|
5
3
|
* Директива для перехода по нажатию клавиши enter на следующее поле ввода формы.
|
@@ -8,7 +6,7 @@ export declare class ScNextInputFocusDirective {
|
|
8
6
|
/**
|
9
7
|
* Все поля ввода внутри формы, на которой применяется данная директива.
|
10
8
|
*/
|
11
|
-
focusableElements
|
9
|
+
private focusableElements;
|
12
10
|
/**
|
13
11
|
* Слушатель нажатия на клавишу enter. Предотвращает событие submit, выполняет смену фокуса на следующее поле ввода TuiFocusableElementAccessor.
|
14
12
|
*
|
@@ -12,6 +12,9 @@ export class ScNextInputFocusDirective {
|
|
12
12
|
* @param event Объект события нажатия на клавишу.
|
13
13
|
*/
|
14
14
|
onFormKeyDownEnter(event) {
|
15
|
+
if (event.code !== 'Enter') {
|
16
|
+
return;
|
17
|
+
}
|
15
18
|
event.preventDefault();
|
16
19
|
const elements = this.focusableElements.toArray();
|
17
20
|
const focusedIndex = elements.findIndex((control) => control.focused);
|
@@ -24,7 +27,7 @@ export class ScNextInputFocusDirective {
|
|
24
27
|
}
|
25
28
|
}
|
26
29
|
ScNextInputFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScNextInputFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
27
|
-
ScNextInputFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]", host: { listeners: { "keydown
|
30
|
+
ScNextInputFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]", host: { listeners: { "keydown": "onFormKeyDownEnter($event)" } }, queries: [{ propertyName: "focusableElements", predicate: AbstractTuiControl, descendants: true }], ngImport: i0 });
|
28
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScNextInputFocusDirective, decorators: [{
|
29
32
|
type: Directive,
|
30
33
|
args: [{
|
@@ -35,6 +38,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
35
38
|
args: [AbstractTuiControl, { descendants: true }]
|
36
39
|
}], onFormKeyDownEnter: [{
|
37
40
|
type: HostListener,
|
38
|
-
args: ['keydown
|
41
|
+
args: ['keydown', ['$event']]
|
39
42
|
}] } });
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2MtbmV4dC1pbnB1dC1mb2N1cy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jbGllbnQtdWkvZGlyZWN0aXZlcy9uZXh0LWlucHV0LWZvY3VzL3NjLW5leHQtaW5wdXQtZm9jdXMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGdEQUFnRDtBQUNoRCxPQUFPLEVBQUUsZUFBZSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDcEYsT0FBTyxFQUFFLGtCQUFrQixFQUErQixNQUFNLGVBQWUsQ0FBQzs7QUFFaEY7O0dBRUc7QUFJSCxNQUFNLE9BQU8seUJBQXlCO0lBT2xDOzs7O09BSUc7SUFFSSxrQkFBa0IsQ0FBQyxLQUFvQjtRQUMxQyxJQUFJLEtBQUssQ0FBQyxJQUFJLEtBQUssT0FBTyxFQUFFO1lBQ3hCLE9BQU87U0FDVjtRQUVELEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUV2QixNQUFNLFFBQVEsR0FBa0MsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE9BQU8sRUFBRSxDQUFDO1FBRWpGLE1BQU0sWUFBWSxHQUFHLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUV0RSxJQUFJLFlBQVksS0FBSyxDQUFDLENBQUMsRUFBRTtZQUNyQixNQUFNLFdBQVcsR0FBRyxRQUFRLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxFQUFFLHNCQUFzQixDQUFDO1lBRXZFLElBQUksV0FBVyxFQUFFO2dCQUNiLFdBQVcsQ0FBQyxLQUFLLEVBQUUsQ0FBQzthQUN2QjtTQUNKO0lBQ0wsQ0FBQzs7c0hBL0JRLHlCQUF5QjswR0FBekIseUJBQXlCLGtLQUlqQixrQkFBa0I7MkZBSjFCLHlCQUF5QjtrQkFIckMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsd0JBQXdCO2lCQUNyQzs4QkFNVyxpQkFBaUI7c0JBRHhCLGVBQWU7dUJBQUMsa0JBQWtCLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQVNuRCxrQkFBa0I7c0JBRHhCLFlBQVk7dUJBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgbG9kYXNoL3ByZWZlci1sb2Rhc2gtbWV0aG9kICovXG5pbXBvcnQgeyBDb250ZW50Q2hpbGRyZW4sIERpcmVjdGl2ZSwgSG9zdExpc3RlbmVyLCBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0VHVpQ29udHJvbCwgVHVpRm9jdXNhYmxlRWxlbWVudEFjY2Vzc29yIH0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5cbi8qKlxuICog0JTQuNGA0LXQutGC0LjQstCwINC00LvRjyDQv9C10YDQtdGF0L7QtNCwINC/0L4g0L3QsNC20LDRgtC40Y4g0LrQu9Cw0LLQuNGI0LggZW50ZXIg0L3QsCDRgdC70LXQtNGD0Y7RidC10LUg0L/QvtC70LUg0LLQstC+0LTQsCDRhNC+0YDQvNGLLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ2Zvcm1bU2NOZXh0SW5wdXRGb2N1c10nLFxufSlcbmV4cG9ydCBjbGFzcyBTY05leHRJbnB1dEZvY3VzRGlyZWN0aXZlIHtcbiAgICAvKipcbiAgICAgKiDQktGB0LUg0L/QvtC70Y8g0LLQstC+0LTQsCDQstC90YPRgtGA0Lgg0YTQvtGA0LzRiywg0L3QsCDQutC+0YLQvtGA0L7QuSDQv9GA0LjQvNC10L3Rj9C10YLRgdGPINC00LDQvdC90LDRjyDQtNC40YDQtdC60YLQuNCy0LAuXG4gICAgICovXG4gICAgQENvbnRlbnRDaGlsZHJlbihBYnN0cmFjdFR1aUNvbnRyb2wsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgICBwcml2YXRlIGZvY3VzYWJsZUVsZW1lbnRzOiBRdWVyeUxpc3Q8VHVpRm9jdXNhYmxlRWxlbWVudEFjY2Vzc29yPjtcblxuICAgIC8qKlxuICAgICAqINCh0LvRg9GI0LDRgtC10LvRjCDQvdCw0LbQsNGC0LjRjyDQvdCwINC60LvQsNCy0LjRiNGDIGVudGVyLiDQn9GA0LXQtNC+0YLQstGA0LDRidCw0LXRgiDRgdC+0LHRi9GC0LjQtSBzdWJtaXQsINCy0YvQv9C+0LvQvdGP0LXRgiDRgdC80LXQvdGDINGE0L7QutGD0YHQsCDQvdCwINGB0LvQtdC00YPRjtGJ0LXQtSDQv9C+0LvQtSDQstCy0L7QtNCwIFR1aUZvY3VzYWJsZUVsZW1lbnRBY2Nlc3Nvci5cbiAgICAgKlxuICAgICAqIEBwYXJhbSBldmVudCDQntCx0YrQtdC60YIg0YHQvtCx0YvRgtC40Y8g0L3QsNC20LDRgtC40Y8g0L3QsCDQutC70LDQstC40YjRgy5cbiAgICAgKi9cbiAgICBASG9zdExpc3RlbmVyKCdrZXlkb3duJywgWyckZXZlbnQnXSlcbiAgICBwdWJsaWMgb25Gb3JtS2V5RG93bkVudGVyKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmIChldmVudC5jb2RlICE9PSAnRW50ZXInKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICAgIGNvbnN0IGVsZW1lbnRzOiBUdWlGb2N1c2FibGVFbGVtZW50QWNjZXNzb3JbXSA9IHRoaXMuZm9jdXNhYmxlRWxlbWVudHMudG9BcnJheSgpO1xuXG4gICAgICAgIGNvbnN0IGZvY3VzZWRJbmRleCA9IGVsZW1lbnRzLmZpbmRJbmRleCgoY29udHJvbCkgPT4gY29udHJvbC5mb2N1c2VkKTtcblxuICAgICAgICBpZiAoZm9jdXNlZEluZGV4ICE9PSAtMSkge1xuICAgICAgICAgICAgY29uc3QgbmV4dEVsZW1lbnQgPSBlbGVtZW50c1tmb2N1c2VkSW5kZXggKyAxXT8ubmF0aXZlRm9jdXNhYmxlRWxlbWVudDtcblxuICAgICAgICAgICAgaWYgKG5leHRFbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgbmV4dEVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ==
|
@@ -3203,6 +3203,9 @@ class ScNextInputFocusDirective {
|
|
3203
3203
|
*/
|
3204
3204
|
onFormKeyDownEnter(event) {
|
3205
3205
|
var _a;
|
3206
|
+
if (event.code !== 'Enter') {
|
3207
|
+
return;
|
3208
|
+
}
|
3206
3209
|
event.preventDefault();
|
3207
3210
|
const elements = this.focusableElements.toArray();
|
3208
3211
|
const focusedIndex = elements.findIndex((control) => control.focused);
|
@@ -3215,7 +3218,7 @@ class ScNextInputFocusDirective {
|
|
3215
3218
|
}
|
3216
3219
|
}
|
3217
3220
|
ScNextInputFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScNextInputFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
3218
|
-
ScNextInputFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]", host: { listeners: { "keydown
|
3221
|
+
ScNextInputFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]", host: { listeners: { "keydown": "onFormKeyDownEnter($event)" } }, queries: [{ propertyName: "focusableElements", predicate: AbstractTuiControl, descendants: true }], ngImport: i0 });
|
3219
3222
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScNextInputFocusDirective, decorators: [{
|
3220
3223
|
type: Directive,
|
3221
3224
|
args: [{
|
@@ -3226,7 +3229,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
3226
3229
|
args: [AbstractTuiControl, { descendants: true }]
|
3227
3230
|
}], onFormKeyDownEnter: [{
|
3228
3231
|
type: HostListener,
|
3229
|
-
args: ['keydown
|
3232
|
+
args: ['keydown', ['$event']]
|
3230
3233
|
}] } });
|
3231
3234
|
|
3232
3235
|
/**
|