@provoly/dashboard 0.18.10 → 0.19.1

package/fesm2022/provoly-dashboard-filters-autocomplete.mjs

@@ -0,0 +1,75 @@
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, NgModule } from '@angular/core';
+import * as i4 from '@angular/forms';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import * as i2 from '@provoly/dashboard';
+import { BaseFilterComponent, BaseFilterModule, PrySelectModule } from '@provoly/dashboard';
+import { BehaviorSubject, switchMap } from 'rxjs';
+import { distinctUntilChanged, debounceTime } from 'rxjs/operators';
+import equal from 'fast-deep-equal/es6';
+import * as i1 from '@ngrx/store';
+
+class PryAutocompleteCssComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAutocompleteCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryAutocompleteCssComponent, selector: "pry-autocomplete-css", ngImport: i0, template: '', isInline: true, styles: [".m-form-label-field.-list{margin-bottom:0}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAutocompleteCssComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-autocomplete-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".m-form-label-field.-list{margin-bottom:0}\n"] }]
+        }] });
+
+class AutocompleteComponent extends BaseFilterComponent {
+    constructor(store, searchService) {
+        super(store);
+        this.searchService = searchService;
+        this.search$ = new BehaviorSubject('');
+        this.type = 'autocomplete';
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.search$.next(this._value);
+        this.autocomplete$ = this.search$.pipe(distinctUntilChanged((p, v) => equal(p, v)), debounceTime(500), switchMap((search) => this.searchService.autocomplete(this.filter?.attributes, search)));
+    }
+    setFilter(value) {
+        if (value !== this.filter?.value) {
+            super.updateFilter(value);
+        }
+    }
+    updateSearch($event) {
+        // @ts-ignore
+        const value = $event ? $event.target.value : '';
+        this.search$.next(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AutocompleteComponent, deps: [{ token: i1.Store }, { token: i2.SearchService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AutocompleteComponent, selector: "pry-autocomplete", usesInheritance: true, ngImport: i0, template: "<pry-autocomplete-css></pry-autocomplete-css>\n<div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\" *ngIf=\"filter\" (keyup)=\"updateSearch($event)\">\n  <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n  <pry-select\n    [id]=\"filter.name\"\n    [items]=\"autocomplete$ | async\"\n    [ngModel]=\"filter.value\"\n    (ngModelChange)=\"setFilter($event)\"\n    [clearable]=\"true\"\n    [autocomplete]=\"true\"\n    [itemsAsOption]=\"false\"\n    aria-labelledby=\"item-label\"\n    (blur)=\"updateSearch($event)\"\n  ></pry-select>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "component", type: PryAutocompleteCssComponent, selector: "pry-autocomplete-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AutocompleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-autocomplete', template: "<pry-autocomplete-css></pry-autocomplete-css>\n<div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\" *ngIf=\"filter\" (keyup)=\"updateSearch($event)\">\n  <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n  <pry-select\n    [id]=\"filter.name\"\n    [items]=\"autocomplete$ | async\"\n    [ngModel]=\"filter.value\"\n    (ngModelChange)=\"setFilter($event)\"\n    [clearable]=\"true\"\n    [autocomplete]=\"true\"\n    [itemsAsOption]=\"false\"\n    aria-labelledby=\"item-label\"\n    (blur)=\"updateSearch($event)\"\n  ></pry-select>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.SearchService }]; } });
+
+class PryAutocompleteModule extends BaseFilterModule {
+    getComponent() {
+        return AutocompleteComponent;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAutocompleteModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryAutocompleteModule, declarations: [AutocompleteComponent, PryAutocompleteCssComponent], imports: [CommonModule, ReactiveFormsModule, FormsModule, PrySelectModule], exports: [AutocompleteComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAutocompleteModule, imports: [CommonModule, ReactiveFormsModule, FormsModule, PrySelectModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAutocompleteModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AutocompleteComponent, PryAutocompleteCssComponent],
+                    exports: [AutocompleteComponent],
+                    imports: [CommonModule, ReactiveFormsModule, FormsModule, PrySelectModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AutocompleteComponent, PryAutocompleteCssComponent, PryAutocompleteModule };
+//# sourceMappingURL=provoly-dashboard-filters-autocomplete.mjs.map

package/fesm2022/provoly-dashboard-filters-autocomplete.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"provoly-dashboard-filters-autocomplete.mjs","sources":["../../../../projects/provoly/dashboard/filters/autocomplete/style/css.component.ts","../../../../projects/provoly/dashboard/filters/autocomplete/autocomplete.component.ts","../../../../projects/provoly/dashboard/filters/autocomplete/autocomplete.component.html","../../../../projects/provoly/dashboard/filters/autocomplete/autocomplete.module.ts","../../../../projects/provoly/dashboard/filters/autocomplete/provoly-dashboard-filters-autocomplete.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'pry-autocomplete-css',\n  template: '',\n  styleUrls: ['./_m-autocomplete.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class PryAutocompleteCssComponent {}\n","import { Component, OnDestroy, OnInit } from '@angular/core';\nimport { Store } from '@ngrx/store';\nimport { BaseFilterComponent, SearchService } from '@provoly/dashboard';\nimport { BehaviorSubject, Observable, switchMap } from 'rxjs';\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\nimport equal from 'fast-deep-equal/es6';\n\n@Component({\n  selector: 'pry-autocomplete',\n  templateUrl: './autocomplete.component.html'\n})\nexport class AutocompleteComponent extends BaseFilterComponent implements OnInit, OnDestroy {\n  search$ = new BehaviorSubject<string>('');\n  autocomplete$?: Observable<string[]>;\n\n  constructor(store: Store, private searchService: SearchService) {\n    super(store);\n    this.type = 'autocomplete';\n  }\n\n  override ngOnInit() {\n    super.ngOnInit();\n    this.search$.next(this._value);\n    this.autocomplete$ = this.search$.pipe(\n      distinctUntilChanged((p, v) => equal(p, v)),\n      debounceTime(500),\n      switchMap((search) => this.searchService.autocomplete(this.filter?.attributes, search))\n    );\n  }\n\n  setFilter(value: string) {\n    if (value !== this.filter?.value) {\n      super.updateFilter(value);\n    }\n  }\n\n  updateSearch($event?: Event) {\n    // @ts-ignore\n    const value = $event ? $event.target!.value : '';\n    this.search$.next(value);\n  }\n}\n","<pry-autocomplete-css></pry-autocomplete-css>\n<div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\" *ngIf=\"filter\" (keyup)=\"updateSearch($event)\">\n  <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n  <pry-select\n    [id]=\"filter.name\"\n    [items]=\"autocomplete$ | async\"\n    [ngModel]=\"filter.value\"\n    (ngModelChange)=\"setFilter($event)\"\n    [clearable]=\"true\"\n    [autocomplete]=\"true\"\n    [itemsAsOption]=\"false\"\n    aria-labelledby=\"item-label\"\n    (blur)=\"updateSearch($event)\"\n  ></pry-select>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule, Type } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { BaseFilterComponent, BaseFilterModule, PrySelectModule } from '@provoly/dashboard';\nimport { AutocompleteComponent } from './autocomplete.component';\nimport { PryAutocompleteCssComponent } from './style/css.component';\n\n@NgModule({\n  declarations: [AutocompleteComponent, PryAutocompleteCssComponent],\n  exports: [AutocompleteComponent],\n  imports: [CommonModule, ReactiveFormsModule, FormsModule, PrySelectModule]\n})\nexport class PryAutocompleteModule extends BaseFilterModule {\n  override getComponent(): Type<BaseFilterComponent> {\n    return AutocompleteComponent as Type<AutocompleteComponent>;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i5.PryAutocompleteCssComponent"],"mappings":"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"}

package/fesm2022/provoly-dashboard-toolbox.mjs

@@ -319,6 +319,8 @@ class PryFilterSettingsComponent extends ToolboxActionComponent {
                     return ['EQUALS', 'NOT_EQUALS', 'GREATER_THAN', 'LOWER_THAN'].includes(operator.value);
                 case 'text':
                     return ['CONTAINS', 'EQUALS', 'NOT_EQUALS', 'START_WITH', 'END_WITH'].includes(operator.value);
+                case 'autocomplete':
+                    return ['EQUALS'].includes(operator.value);
                 default:
                     return operator;
             }