@wizishop/angular-components 14.4.31 → 14.4.33

package/fesm2020/wizishop-angular-components.mjs

@@ -11,7 +11,7 @@ import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
 import { Subject, merge, takeUntil as takeUntil$1, startWith, fromEvent, ReplaySubject, interval, map as map$1 } from 'rxjs';
 import { takeUntil, debounceTime, distinctUntilChanged, tap, filter, map, takeWhile } from 'rxjs/operators';
 import * as i1$1 from '@angular/cdk/overlay';
-import { TAB, DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW, A, Z, ZERO, NINE, ENTER, SPACE, hasModifierKey, ESCAPE } from '@angular/cdk/keycodes';
+import { TAB, DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW, ENTER, hasModifierKey, ESCAPE } from '@angular/cdk/keycodes';
 import { CdkTableModule } from '@angular/cdk/table';
 import { trigger, transition, style, animate, state, animation, query, stagger } from '@angular/animations';
 import { TagInputModule } from 'ngx-chips';
@@ -524,20 +524,16 @@ class ValueChangeService {
     }
     handleInitialSelectedOption() {
         setTimeout(() => {
-            this.findInitialSelectedOption();
+            const selectedOption = this.getSelectedOptionComponent();
+            if (selectedOption && this.value !== selectedOption.value) { // avoid to emit event when there is an initial value (e.g. from ngModel)
+                this.value = selectedOption.value;
+            }
             if (this.disabled) {
                 this.optionChildren.forEach((option) => option.setDisabledState(true));
             }
             this.handleValueChange();
         }, 0);
     }
-    findInitialSelectedOption() {
-        const selectedOption = this.getSelectedOptionComponent();
-        if (!selectedOption) {
-            return;
-        }
-        this.value = selectedOption.value;
-    }
     handleSelectedOptionsEvent() {
         this.optionSelectedChangeListeners().subscribe((value) => {
             this.value = value;
@@ -556,13 +552,13 @@ class ValueChangeService {
     }
     optionSelectedChangeListeners() {
         const selectedChange$ = this.optionChildren.map((option) => {
-            return option.selectedChange.pipe(filter(() => !this.disabled), map((selected) => option.getValue()));
+            return option.selectedChange.pipe(filter(() => !this.disabled), map(() => option.getValue()));
         });
         return merge(...selectedChange$).pipe(takeUntil(this.resetListeners$));
     }
     changeSelectedOption() {
         this.optionChildren.forEach((optionComponent, index) => {
-            optionComponent.setSelected(typeof this.value === undefined ? false : optionComponent.value === this.value);
+            optionComponent.setSelected(optionComponent.value === this.value);
             if (optionComponent.selected) {
                 this.indexSelectedOption = index;
             }
@@ -590,7 +586,6 @@ class SelectDirective {
         this.onChange = () => { };
         this.onTouch = () => { };
     }
-    // TODO add default value in wacSelect/wacOption
     get tabindex() {
         return this.tabIndex;
     }
@@ -650,7 +645,7 @@ class SelectDirective {
             keyCode === UP_ARROW ||
             keyCode === LEFT_ARROW ||
             keyCode === RIGHT_ARROW;
-        const isTyping = (keyCode >= A && keyCode <= Z) || (keyCode >= ZERO && keyCode <= NINE);
+        // const isTyping = (keyCode >= A && keyCode <= Z) || (keyCode >= ZERO && keyCode <= NINE);
         if (isArrowKey) {
             event.preventDefault(); // prevents the page from scrolling
             // select the next option on arrow key down
@@ -661,10 +656,12 @@ class SelectDirective {
             this.valueChangeService.selectPreviousOption();
             return;
         }
+        /*
         if (isTyping) {
-            this.valueChangeService.searchOptionByFirstLetter(event.key);
-            return;
+          this.valueChangeService.searchOptionByFirstLetter(event.key);
+          return;
         }
+         */
     }
     writeValue(value) {
         if (typeof value === 'undefined') {
@@ -4899,7 +4896,7 @@ class SelectTestComponent extends SelectDirective {
             keyCode === UP_ARROW ||
             keyCode === LEFT_ARROW ||
             keyCode === RIGHT_ARROW;
-        const isOpenKey = keyCode === ENTER || keyCode === SPACE;
+        const isOpenKey = keyCode === ENTER;
         // Open the select on ALT + arrow key to match the native <select>
         if ((isOpenKey && !hasModifierKey(event)) ||
             (event.altKey && isArrowKey)) {
@@ -4915,7 +4912,7 @@ class SelectTestComponent extends SelectDirective {
             keyCode === UP_ARROW ||
             keyCode === LEFT_ARROW ||
             keyCode === RIGHT_ARROW;
-        const isEscapeKey = keyCode === ESCAPE || keyCode === ENTER || keyCode === SPACE || keyCode === TAB;
+        const isEscapeKey = keyCode === ESCAPE || keyCode === ENTER || keyCode === TAB;
         if ((isArrowKey && event.altKey) || isEscapeKey) {
             // Close the select on ALT + arrow key to match the native <select>
             this.openPanel = false;