@snabcentr/client-ui 0.30.0 → 0.30.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of @snabcentr/client-ui might be problematic. Click here for more details.
- 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
|
/**
|