@wizishop/angular-components 14.4.31 → 14.4.32
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.
- package/angular-components.scss +74 -74
- package/esm2020/lib/components/selects/select-test/select.component.mjs +4 -4
- package/esm2020/lib/components/selects/select-test/select.directive.mjs +7 -5
- package/fesm2015/wizishop-angular-components.mjs +8 -6
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +8 -6
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/package.json +1 -1
- package/wizishop-angular-components-14.4.32.tgz +0 -0
- package/wizishop-angular-components-14.4.31.tgz +0 -0
|
@@ -11,7 +11,7 @@ import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
|
|
|
11
11
|
import { Subject, merge, takeUntil as takeUntil$1, startWith, fromEvent, ReplaySubject, interval, map as map$1 } from 'rxjs';
|
|
12
12
|
import { takeUntil, debounceTime, distinctUntilChanged, tap, filter, map, takeWhile } from 'rxjs/operators';
|
|
13
13
|
import * as i1$1 from '@angular/cdk/overlay';
|
|
14
|
-
import { TAB, DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW,
|
|
14
|
+
import { TAB, DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW, ENTER, hasModifierKey, ESCAPE } from '@angular/cdk/keycodes';
|
|
15
15
|
import { CdkTableModule } from '@angular/cdk/table';
|
|
16
16
|
import { trigger, transition, style, animate, state, animation, query, stagger } from '@angular/animations';
|
|
17
17
|
import { TagInputModule } from 'ngx-chips';
|
|
@@ -650,7 +650,7 @@ class SelectDirective {
|
|
|
650
650
|
keyCode === UP_ARROW ||
|
|
651
651
|
keyCode === LEFT_ARROW ||
|
|
652
652
|
keyCode === RIGHT_ARROW;
|
|
653
|
-
const isTyping = (keyCode >= A && keyCode <= Z) || (keyCode >= ZERO && keyCode <= NINE);
|
|
653
|
+
// const isTyping = (keyCode >= A && keyCode <= Z) || (keyCode >= ZERO && keyCode <= NINE);
|
|
654
654
|
if (isArrowKey) {
|
|
655
655
|
event.preventDefault(); // prevents the page from scrolling
|
|
656
656
|
// select the next option on arrow key down
|
|
@@ -661,10 +661,12 @@ class SelectDirective {
|
|
|
661
661
|
this.valueChangeService.selectPreviousOption();
|
|
662
662
|
return;
|
|
663
663
|
}
|
|
664
|
+
/*
|
|
664
665
|
if (isTyping) {
|
|
665
|
-
|
|
666
|
-
|
|
666
|
+
this.valueChangeService.searchOptionByFirstLetter(event.key);
|
|
667
|
+
return;
|
|
667
668
|
}
|
|
669
|
+
*/
|
|
668
670
|
}
|
|
669
671
|
writeValue(value) {
|
|
670
672
|
if (typeof value === 'undefined') {
|
|
@@ -4899,7 +4901,7 @@ class SelectTestComponent extends SelectDirective {
|
|
|
4899
4901
|
keyCode === UP_ARROW ||
|
|
4900
4902
|
keyCode === LEFT_ARROW ||
|
|
4901
4903
|
keyCode === RIGHT_ARROW;
|
|
4902
|
-
const isOpenKey = keyCode === ENTER
|
|
4904
|
+
const isOpenKey = keyCode === ENTER;
|
|
4903
4905
|
// Open the select on ALT + arrow key to match the native <select>
|
|
4904
4906
|
if ((isOpenKey && !hasModifierKey(event)) ||
|
|
4905
4907
|
(event.altKey && isArrowKey)) {
|
|
@@ -4915,7 +4917,7 @@ class SelectTestComponent extends SelectDirective {
|
|
|
4915
4917
|
keyCode === UP_ARROW ||
|
|
4916
4918
|
keyCode === LEFT_ARROW ||
|
|
4917
4919
|
keyCode === RIGHT_ARROW;
|
|
4918
|
-
const isEscapeKey = keyCode === ESCAPE || keyCode === ENTER || keyCode ===
|
|
4920
|
+
const isEscapeKey = keyCode === ESCAPE || keyCode === ENTER || keyCode === TAB;
|
|
4919
4921
|
if ((isArrowKey && event.altKey) || isEscapeKey) {
|
|
4920
4922
|
// Close the select on ALT + arrow key to match the native <select>
|
|
4921
4923
|
this.openPanel = false;
|