novo-elements 7.13.0-next.6 → 7.13.0

package/fesm2020/novo-elements.mjs

@@ -57571,7 +57571,8 @@ class NovoDefaultAddressConditionDef extends AbstractConditionFieldDef {
         this.chipListModel = '';
         this.term = '';
     }
-    onKeyup(event) {
+    onKeyup(event, viewIndex) {
+        this.openPlacesList(viewIndex);
         this.term = event.target.value;
     }
     getValue(formGroup) {
@@ -57580,6 +57581,15 @@ class NovoDefaultAddressConditionDef extends AbstractConditionFieldDef {
     getCurrentOverlay(viewIndex) {
         return this.overlayChildren?.find(item => item.overlayId === viewIndex);
     }
+    getCurrentInput(viewIndex) {
+        return this.inputChildren?.find(item => item.nativeElement.id === viewIndex);
+    }
+    openPlacesList(viewIndex) {
+        this.getCurrentOverlay(viewIndex)?.openPanel();
+    }
+    closePlacesList(viewIndex) {
+        this.getCurrentOverlay(viewIndex)?.closePanel();
+    }
     selectPlace(event, formGroup, viewIndex) {
         const valueToAdd = {
             address_components: event.address_components,
@@ -57597,9 +57607,10 @@ class NovoDefaultAddressConditionDef extends AbstractConditionFieldDef {
         this.inputChildren.forEach(input => {
             input.nativeElement.value = '';
         });
-        this.getCurrentOverlay(viewIndex)?.closePanel();
+        this.getCurrentInput(viewIndex)?.nativeElement.focus();
+        this.closePlacesList(viewIndex);
     }
-    remove(valueToRemove, formGroup) {
+    remove(valueToRemove, formGroup, viewIndex) {
         const current = this.getValue(formGroup);
         const index = current.indexOf(valueToRemove);
         if (index >= 0) {
@@ -57607,6 +57618,7 @@ class NovoDefaultAddressConditionDef extends AbstractConditionFieldDef {
             oldValue.splice(index, 1);
             formGroup.get('value').setValue(oldValue);
         }
+        this.closePlacesList(viewIndex);
     }
 }
 NovoDefaultAddressConditionDef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoDefaultAddressConditionDef, deps: [{ token: i0.ElementRef }, { token: NovoLabelService }], target: i0.ɵɵFactoryTarget.Component });
@@ -57620,19 +57632,20 @@ NovoDefaultAddressConditionDef.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
       </novo-field>
       <ng-container *novoConditionInputDef="let formGroup; viewIndex as viewIndex; fieldMeta as meta" [ngSwitch]="formGroup.value.operator" [formGroup]="formGroup">
         <novo-field *novoSwitchCases="['includeAny', 'excludeAny']" #novoField>
-          <novo-chip-list [(ngModel)]="chipListModel" [ngModelOptions]="{ standalone: true }">
-            <novo-chip *ngFor="let item of formGroup.get('value').value" (removed)="remove(item, formGroup)">
+          <novo-chip-list [(ngModel)]="chipListModel" [ngModelOptions]="{ standalone: true }" (click)="openPlacesList(viewIndex)">
+            <novo-chip *ngFor="let item of formGroup.get('value').value" (removed)="remove(item, formGroup, viewIndex)">
               {{ item.formatted_address }}
               <novo-icon novoChipRemove>close</novo-icon>
             </novo-chip>
             <input
               novoChipInput
+              [id]="viewIndex"
               [placeholder]="labels.location"
-              (keyup)="onKeyup($event)"
+              (keyup)="onKeyup($event, viewIndex)"
               [picker]="placesPicker"
               #addressInput />
           </novo-chip-list>
-          <novo-picker-toggle triggerOnFocus [overlayId]="viewIndex" icon="location" novoSuffix>
+          <novo-picker-toggle [overlayId]="viewIndex" icon="location" novoSuffix>
             <google-places-list [term]="term" (select)="selectPlace($event, formGroup, viewIndex)" formControlName="value" #placesPicker></google-places-list>
           </novo-picker-toggle>
         </novo-field>
@@ -57653,19 +57666,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
       </novo-field>
       <ng-container *novoConditionInputDef="let formGroup; viewIndex as viewIndex; fieldMeta as meta" [ngSwitch]="formGroup.value.operator" [formGroup]="formGroup">
         <novo-field *novoSwitchCases="['includeAny', 'excludeAny']" #novoField>
-          <novo-chip-list [(ngModel)]="chipListModel" [ngModelOptions]="{ standalone: true }">
-            <novo-chip *ngFor="let item of formGroup.get('value').value" (removed)="remove(item, formGroup)">
+          <novo-chip-list [(ngModel)]="chipListModel" [ngModelOptions]="{ standalone: true }" (click)="openPlacesList(viewIndex)">
+            <novo-chip *ngFor="let item of formGroup.get('value').value" (removed)="remove(item, formGroup, viewIndex)">
               {{ item.formatted_address }}
               <novo-icon novoChipRemove>close</novo-icon>
             </novo-chip>
             <input
               novoChipInput
+              [id]="viewIndex"
               [placeholder]="labels.location"
-              (keyup)="onKeyup($event)"
+              (keyup)="onKeyup($event, viewIndex)"
               [picker]="placesPicker"
               #addressInput />
           </novo-chip-list>
-          <novo-picker-toggle triggerOnFocus [overlayId]="viewIndex" icon="location" novoSuffix>
+          <novo-picker-toggle [overlayId]="viewIndex" icon="location" novoSuffix>
             <google-places-list [term]="term" (select)="selectPlace($event, formGroup, viewIndex)" formControlName="value" #placesPicker></google-places-list>
           </novo-picker-toggle>
         </novo-field>