@provoly/dashboard 0.11.0

package/fesm2022/provoly-dashboard-search.mjs

@@ -0,0 +1,2590 @@
+import * as i2$1 from '@angular/cdk/overlay';
+import { OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
+import { TemplatePortal, PortalModule } from '@angular/cdk/portal';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ViewChild, Input, Output, Inject, TemplateRef, ChangeDetectionStrategy, HostBinding, HostListener, Injectable, ElementRef, NgModule } from '@angular/core';
+import * as i4 from '@angular/forms';
+import { Validators, UntypedFormGroup, UntypedFormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i1$1 from '@ngrx/effects';
+import { createEffect, ofType, EffectsModule } from '@ngrx/effects';
+import * as i1 from '@ngrx/store';
+import { createAction, props, createReducer, on, createFeatureSelector, createSelector, StoreModule } from '@ngrx/store';
+import * as i3 from '@provoly/dashboard';
+import { SubscriptionnerDirective, NamedQueryTypes, ClassSelectors, PryVisibilityType, DataSourceSelectors, DEFAULT_NAMED_QUERY_ID, EXPLORE_NAMED_QUERY_ID, ConfigActions, DataSourceActions, PRY_DIALOG_DATA, defaultMenuStructure, DashboardGridLayout, DashboardSelectors, DashboardActions, PryDialogConfirmComponent, NamedQueryUtils, SearchActions, FieldSelectors, FieldType, OPERATOR_OPTIONS, FieldActions, ClassActions, PryCoreModule, PryIconModule, PrySelectModule, PryToggleModule, PryOverlayModule, PryDashboardModule, PryShareModule, PryDatePickerModule, PryI18nModule } from '@provoly/dashboard';
+import * as i6 from '@provoly/dashboard/components/card';
+import { PryCardModule } from '@provoly/dashboard/components/card';
+import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
+import * as i5 from '@provoly/dashboard/components/expand-panel';
+import { PryExpandPanelModule } from '@provoly/dashboard/components/expand-panel';
+import * as i6$1 from '@provoly/dashboard/components/filter';
+import { PryFilterModule } from '@provoly/dashboard/components/filter';
+import { map, take, Subscription, BehaviorSubject, combineLatest, combineLatestWith, filter, switchMap, Subject, tap, of } from 'rxjs';
+import { map as map$1, debounceTime, withLatestFrom, distinctUntilChanged, filter as filter$1, switchMap as switchMap$1, take as take$1, delay, mergeMap, first, catchError } from 'rxjs/operators';
+import { v4 } from 'uuid';
+import equal from 'fast-deep-equal/es6';
+import * as i5$1 from '@angular/cdk/bidi';
+
+class ChooseWidgetComponent extends SubscriptionnerDirective {
+    constructor(toolboxMenuService, toolboxManifestService) {
+        super();
+        this.toolboxMenuService = toolboxMenuService;
+        this.toolboxManifestService = toolboxManifestService;
+        this.panelOpen = false;
+        this.FULL_TEXT = NamedQueryTypes.FULL_TEXT;
+        this.selected = new EventEmitter();
+        this.TOP_POSITION = {
+            originX: 'start',
+            originY: 'top',
+            overlayX: 'start',
+            overlayY: 'bottom'
+        };
+        this.BOTTOM_POSITION = {
+            originX: 'start',
+            originY: 'bottom',
+            overlayX: 'start',
+            overlayY: 'top'
+        };
+        this.mode = 'button';
+        this.width = 200;
+        this.widgets$ = this.toolboxMenuService.menuStructure$.pipe(map((menu) => menu
+            .map((items) => [...items.sub.filter((s) => this.toolboxManifestService.isModel(s.type))])
+            .reduce((acc, items) => [...acc, ...items], [])));
+        this.subscriptions.add(this.widgets$.subscribe((widgets) => (this.widgetSelected = [...widgets].sort((a, b) => (a.type === 'table' ? -1 : 1))[0])));
+    }
+    ngOnChanges() {
+        if (this.panelOpen) {
+            setTimeout(() => {
+                this.chooseWidgets.nativeElement.focus();
+            }, 10);
+        }
+    }
+    togglePopup() {
+        this.panelOpen = !this.panelOpen;
+    }
+    onSelectWidget(type) {
+        this.widgetSelected = type;
+        this.selected.emit(type.type);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ChooseWidgetComponent, deps: [{ token: i3.ToolboxMenuService }, { token: i3.ToolboxManifestService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ChooseWidgetComponent, selector: "pry-choose-widget", inputs: { panelOpen: "panelOpen", mode: "mode", width: "width" }, outputs: { selected: "selected" }, viewQueries: [{ propertyName: "chooseWidgets", first: true, predicate: ["chooseWidgets"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div cdkOverlayOrigin #originSearch=\"cdkOverlayOrigin\" class=\"m-choose-widget\">\n  <button\n    type=\"button\"\n    title=\"{{ '@pry.widget.buttonChoice' | i18n }}\"\n    class=\"a-btn a-btn--primary a-btn--icon-text m-choose-widget__buttons-widget\"\n    (click)=\"togglePopup()\"\n    *ngIf=\"mode === 'button'\"\n  >\n    <img\n      [alt]=\"widgetSelected?.label\"\n      [src]=\"widgetSelected?.icon | getSecuredImage | async\"\n      [width]=\"22\"\n      [height]=\"22\"\n    />\n    <span>{{ widgetSelected ? (widgetSelected.label | i18n) : ('@pry.toolbox.table' | i18n) }}</span>\n  </button>\n</div>\n\n<div class=\"m-choose-widget__input\" [class.choose-widget__input__inline]=\"mode === 'inline'\" *ngIf=\"mode !== 'button'\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayLockPosition\n  [cdkConnectedOverlayOrigin]=\"originSearch\"\n  [cdkConnectedOverlayOpen]=\"panelOpen\"\n  [cdkConnectedOverlayPositions]=\"[BOTTOM_POSITION, TOP_POSITION]\"\n>\n  <div class=\"m-choose-widget__widget_overlay\" (keydown.escape)=\"togglePopup()\" [style.width.px]=\"width\">\n    <div class=\"m-choose-widget__widget_overlay__content\">\n      <div *ngFor=\"let widget of widgets$ | async\">\n        <button\n          #chooseWidgets\n          type=\"button\"\n          class=\"m-choose-widget__widget_overlay__content__item\"\n          [class.choose-widget__widget_overlay__content__item__selected]=\"widget.type === widgetSelected?.type\"\n          (click)=\"onSelectWidget(widget)\"\n        >\n          <img [alt]=\"widget.label | i18n\" [height]=\"22\" [width]=\"22\" [src]=\"widget.icon | getSecuredImage | async\" />\n          <span class=\"m-choose-widget__widget_overlay__content__item__label\">{{ widget.label | i18n }}</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ChooseWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-choose-widget', encapsulation: ViewEncapsulation.None, template: "<div cdkOverlayOrigin #originSearch=\"cdkOverlayOrigin\" class=\"m-choose-widget\">\n  <button\n    type=\"button\"\n    title=\"{{ '@pry.widget.buttonChoice' | i18n }}\"\n    class=\"a-btn a-btn--primary a-btn--icon-text m-choose-widget__buttons-widget\"\n    (click)=\"togglePopup()\"\n    *ngIf=\"mode === 'button'\"\n  >\n    <img\n      [alt]=\"widgetSelected?.label\"\n      [src]=\"widgetSelected?.icon | getSecuredImage | async\"\n      [width]=\"22\"\n      [height]=\"22\"\n    />\n    <span>{{ widgetSelected ? (widgetSelected.label | i18n) : ('@pry.toolbox.table' | i18n) }}</span>\n  </button>\n</div>\n\n<div class=\"m-choose-widget__input\" [class.choose-widget__input__inline]=\"mode === 'inline'\" *ngIf=\"mode !== 'button'\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayLockPosition\n  [cdkConnectedOverlayOrigin]=\"originSearch\"\n  [cdkConnectedOverlayOpen]=\"panelOpen\"\n  [cdkConnectedOverlayPositions]=\"[BOTTOM_POSITION, TOP_POSITION]\"\n>\n  <div class=\"m-choose-widget__widget_overlay\" (keydown.escape)=\"togglePopup()\" [style.width.px]=\"width\">\n    <div class=\"m-choose-widget__widget_overlay__content\">\n      <div *ngFor=\"let widget of widgets$ | async\">\n        <button\n          #chooseWidgets\n          type=\"button\"\n          class=\"m-choose-widget__widget_overlay__content__item\"\n          [class.choose-widget__widget_overlay__content__item__selected]=\"widget.type === widgetSelected?.type\"\n          (click)=\"onSelectWidget(widget)\"\n        >\n          <img [alt]=\"widget.label | i18n\" [height]=\"22\" [width]=\"22\" [src]=\"widget.icon | getSecuredImage | async\" />\n          <span class=\"m-choose-widget__widget_overlay__content__item__label\">{{ widget.label | i18n }}</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i3.ToolboxMenuService }, { type: i3.ToolboxManifestService }]; }, propDecorators: { chooseWidgets: [{
+                type: ViewChild,
+                args: ['chooseWidgets']
+            }], panelOpen: [{
+                type: Input
+            }], selected: [{
+                type: Output
+            }], mode: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }] } });
+
+const SearchMonoClassActions = {
+    save: createAction('[SearchMonoClass] save', props()),
+    search: createAction('[SearchMonoClass] launch Mono Class search'),
+    load: createAction('[SearchMonoClass] launch Mono Class search'),
+    saveMonoClassSearch: createAction('[SearchMonoClass] launch Mono Class search'),
+    selectMonoClassSearch: createAction('[Condition] select mono class search', props()),
+    addFirstNormalizedCondition: createAction('[Condition] add first normalizedCondition ', props()),
+    addNormalizedConditionAttributeForConditionId: createAction('[Condition] add normalizedCondition attribute ', props()),
+    addNormalizedConditionComposedForConditionId: createAction('[Condition] add normalizedCondition composed ', props()),
+    addNormalizedConditionForConditionId: createAction('[Condition] add normalizedCondition for condition id', props()),
+    updateNormalizedConditionOperatorForConditionId: createAction('[Condition] update normalizedCondition operator for condition id', props()),
+    updateNormalizedConditionValueForConditionId: createAction('[Condition] update normalizedCondition value for condition id', props()),
+    updateNormalizedConditionTypeForConditionId: createAction('[Condition] update normalizedCondition type for condition id', props()),
+    deleteNormalizedConditionById: createAction('[Condition] delete normalizedCondition for condition id', props()),
+    deleteNormalizedCondition: createAction('[Condition] delete normalizedCondition', props()),
+    removeConditionFromComposed: createAction('[Condition] remove normalizedCondition id from parent composed', props()),
+    loadExistingConditions: createAction('[SearchMonoClass] load existing conditions', props()),
+    addIdCondition: createAction('[SearchMonoClass] add id condition', props()),
+    addIdMaster: createAction('[SearchMonoClass] add id master', props()),
+    addEntities: createAction('[SearchMonoClass] add entities', props()),
+    addIdClass: createAction('[SearchMonoClass] add id class', props()),
+    resetSearch: createAction('[SearchMonoClass] reset search'),
+    addOrder: createAction('[SearchMonoClass] add order', props())
+};
+
+const searchMonoClassFeatureKey = '@pry/search/mono-class';
+const initialSearchMonoClassState = {
+    loading: false,
+    monoClassConditions: {
+        masterId: null,
+        ids: [],
+        entities: {}
+    },
+    order: undefined
+};
+const searchMonoClassReducer = createReducer(initialSearchMonoClassState, on(SearchMonoClassActions.selectMonoClassSearch, (state, action) => ({
+    ...state,
+    monoClassId: action.classId
+})), on(SearchMonoClassActions.addFirstNormalizedCondition, (state, action) => ({
+    ...state,
+    monoClassConditions: {
+        masterId: action.condition.id,
+        ids: [action.condition.id],
+        entities: {
+            [action.condition.id]: action.condition
+        }
+    }
+})), on(SearchMonoClassActions.addNormalizedConditionForConditionId, (state, action) => {
+    const composedIds = [
+        ...(state.monoClassConditions.entities[action.conditionId]?.composed ?? []),
+        action.condition.id
+    ];
+    return {
+        ...state,
+        monoClassConditions: {
+            ...state.monoClassConditions,
+            ids: [...state.monoClassConditions.ids, action.condition.id],
+            entities: {
+                ...state.monoClassConditions.entities,
+                [action.conditionId]: {
+                    ...state.monoClassConditions.entities[action.conditionId],
+                    composed: composedIds
+                },
+                [action.condition.id]: action.condition
+            }
+        }
+    };
+}), on(SearchMonoClassActions.updateNormalizedConditionOperatorForConditionId, (state, action) => ({
+    ...state,
+    monoClassConditions: {
+        ...state.monoClassConditions,
+        entities: {
+            ...state.monoClassConditions.entities,
+            [action.conditionId]: {
+                ...state.monoClassConditions.entities[action.conditionId],
+                operator: action.operator
+            }
+        }
+    }
+})), on(SearchMonoClassActions.updateNormalizedConditionValueForConditionId, (state, action) => ({
+    ...state,
+    monoClassConditions: {
+        ...state.monoClassConditions,
+        entities: {
+            ...state.monoClassConditions.entities,
+            [action.conditionId]: {
+                ...state.monoClassConditions.entities[action.conditionId],
+                value: action.value,
+                upperValue: action.upperValue
+            }
+        }
+    }
+})), on(SearchMonoClassActions.updateNormalizedConditionTypeForConditionId, (state, action) => ({
+    ...state,
+    monoClassConditions: {
+        ...state.monoClassConditions,
+        entities: {
+            ...state.monoClassConditions.entities,
+            [action.conditionId]: {
+                ...state.monoClassConditions.entities[action.conditionId],
+                type: action.conditionType
+            }
+        }
+    }
+})), on(SearchMonoClassActions.deleteNormalizedCondition, (state, action) => {
+    const ids = [...state.monoClassConditions.ids.filter((id) => id !== action.condition.id)];
+    const { [action.condition.id]: value, ...entities } = { ...state.monoClassConditions.entities };
+    return {
+        ...state,
+        monoClassConditions: {
+            ...state.monoClassConditions,
+            ids,
+            entities
+        }
+    };
+}), on(SearchMonoClassActions.removeConditionFromComposed, (state, action) => ({
+    ...state,
+    monoClassConditions: {
+        ...state.monoClassConditions,
+        entities: {
+            ...state.monoClassConditions.entities,
+            [action.parentId]: {
+                ...state.monoClassConditions.entities[action.parentId],
+                composed: [
+                    ...(state.monoClassConditions.entities[action.parentId]?.composed?.filter((el) => el !== action.childrenId) ?? [])
+                ]
+            }
+        }
+    }
+})), on(SearchMonoClassActions.addIdCondition, (state, action) => ({
+    ...state,
+    monoClassConditions: { ...state.monoClassConditions, ids: [...action.ids] }
+})), on(SearchMonoClassActions.addIdMaster, (state, action) => ({
+    ...state,
+    monoClassConditions: { ...state.monoClassConditions, masterId: action.id }
+})), on(SearchMonoClassActions.addEntities, (state, action) => ({
+    ...state,
+    monoClassConditions: {
+        ...state.monoClassConditions,
+        entities: { ...action.entities }
+    }
+})), on(SearchMonoClassActions.addIdClass, (state, action) => ({
+    ...state,
+    monoClassId: action.id
+})), on(SearchMonoClassActions.resetSearch, (state) => ({
+    ...state,
+    monoClassId: undefined,
+    monoClassConditions: {
+        masterId: null,
+        ids: [],
+        entities: {}
+    }
+})), on(SearchMonoClassActions.addOrder, (state, action) => ({
+    ...state,
+    order: action.asc
+        ? {
+            attribute: action.attribute ?? state.order?.attribute ?? '',
+            asc: action.asc
+        }
+        : undefined
+})));
+
+const feature$1 = createFeatureSelector(searchMonoClassFeatureKey);
+const selectMonoClassIdSearch = createSelector(feature$1, (state) => state?.monoClassId);
+const selectMonoClassAttributesSearch = createSelector(ClassSelectors.entities, selectMonoClassIdSearch, (classes, classId) => (classId ? [...new Set(classes[classId]?.attributes ?? [])] : []));
+const selectMonoClassSearchAttributeById = (attributeId) => createSelector(selectMonoClassAttributesSearch, (attributes) => attributes.find((attr) => attr.id === attributeId));
+const selectMonoClassConditions = createSelector(feature$1, (state) => state.monoClassConditions);
+const order = createSelector(feature$1, (state) => state.order);
+const selectMonoClassConditionsMasterId = createSelector(selectMonoClassConditions, (monoClassCondition) => monoClassCondition?.masterId);
+const selectMonoClassConditionsById = (id) => createSelector(selectMonoClassConditions, (monoClassConditions) => monoClassConditions.entities[id]);
+const searchMonoClassValid = createSelector(selectMonoClassConditions, selectMonoClassIdSearch, (conditions, searchClassId) => {
+    if (!searchClassId) {
+        return false;
+    }
+    const attributeConditionIds = conditions.ids.filter((id) => conditions.entities[id]?.type === 'ATTRIBUTE');
+    return (attributeConditionIds.find((id) => {
+        const condition = conditions.entities[id];
+        const pattern = condition?.pattern ?? '';
+        const value = condition?.value ?? '';
+        if (pattern === '' || value === '') {
+            return true;
+        }
+        return !RegExp(pattern).test(`${value}`);
+    }) === undefined);
+});
+const SearchMonoClassSelectors = {
+    feature: feature$1,
+    selectMonoClassIdSearch,
+    selectMonoClassAttributesSearch,
+    selectMonoClassSearchAttributeById,
+    selectMonoClassConditions,
+    selectMonoClassConditionsById,
+    selectMonoClassConditionsMasterId,
+    searchMonoClassValid,
+    order
+};
+
+const SearchMultiClassActions = {
+    updateMultiType: createAction('[Search Multi class] update conditonnal type', props()),
+    addNewEmptyCondition: createAction('[SearchMultiClass] add empty condition'),
+    addMultiClassCondition: createAction('[SearchMultiClass] add multi class condition', props()),
+    updateConditionField: createAction('[SearchMultiClass] update condition field', props()),
+    updateCondition: createAction('[SearchMultiClass] update condition', props()),
+    updateConditionPattern: createAction('[SearchMultiClass] update condition pattern', props()),
+    removeCondition: createAction('[SearchMultiClass] remove condition', props()),
+    resetSearch: createAction('[SearchMultiClass] reset search'),
+    loadExistingConditions: createAction('[SearchMultiClass] load existing conditions', props()),
+    updateConditions: createAction('[SearchMultiClass] update conditions', props()),
+    search: createAction('[SearchMultiClass] launch search'),
+    save: createAction('[SearchMultiClass] launch save', props())
+};
+
+const searchMultiClassFeatureKey = '@pry/search/multi-class';
+const initialSearchState = {
+    multiType: 'AND',
+    conditions: []
+};
+const searchMultiClassReducer = createReducer(initialSearchState, on(SearchMultiClassActions.updateMultiType, (state, action) => ({
+    ...state,
+    multiType: action.multiType
+})), on(SearchMultiClassActions.addMultiClassCondition, (state, action) => ({
+    ...state,
+    conditions: [...state.conditions, action.condition]
+})), on(SearchMultiClassActions.removeCondition, (state, action) => ({
+    ...state,
+    conditions: [...state.conditions.filter((c) => c.id !== action.conditionId)]
+})), on(SearchMultiClassActions.updateConditionField, (state, action) => ({
+    ...state,
+    conditions: [
+        ...state.conditions.map((c) => c.id === action.conditionId
+            ? {
+                ...c,
+                field: action.field
+            }
+            : c)
+    ]
+})), on(SearchMultiClassActions.updateConditionPattern, (state, action) => ({
+    ...state,
+    conditions: [
+        ...state.conditions.map((c) => c.id === action.conditionId
+            ? {
+                ...c,
+                pattern: action.pattern,
+                isDate: action.isDate,
+                operator: action.isDate ? 'GREATER_THAN' : 'EQUALS',
+                value: null
+            }
+            : c)
+    ]
+})), on(SearchMultiClassActions.updateCondition, (state, action) => ({
+    ...state,
+    conditions: [
+        ...state.conditions.map((c) => c.id === action.conditionId
+            ? {
+                ...c,
+                [action.key]: action.value,
+                upperValue: action.upperValue
+            }
+            : c)
+    ]
+})), on(SearchMultiClassActions.updateConditions, (state, action) => ({
+    ...state,
+    conditions: action.conditions
+})), on(SearchMultiClassActions.resetSearch, (state) => ({
+    ...state,
+    multiType: 'AND',
+    conditions: []
+})));
+
+const feature = createFeatureSelector(searchMultiClassFeatureKey);
+const multiType = createSelector(feature, (state) => state?.multiType);
+const conditions = createSelector(feature, (state) => state?.conditions);
+const getConditionById = (id) => createSelector(conditions, (conditions) => conditions?.find((c) => c.id === id));
+// in case when user could choose classes before fields
+const searchMultiClassValid = createSelector(conditions, (conditions) => {
+    return (conditions.find((condition) => {
+        if (condition.field === undefined) {
+            return true;
+        }
+        if ((condition.value ?? '') === '') {
+            return true;
+        }
+        if (condition.pattern) {
+            const pattern = condition.pattern;
+            const value = condition.value;
+            const patternTest = RegExp(pattern).test(value);
+            return !patternTest;
+        }
+        return false;
+    }) === undefined);
+});
+const SearchMultiClassSelectors = {
+    feature,
+    multiType,
+    conditions,
+    getConditionById,
+    searchMultiClassValid
+};
+
+const searchFulltextActions = {
+    search: createAction('[Search Fulltext] search', props()),
+    save: createAction('[Search Fulltext] save', props())
+};
+
+class PrySaveQueryComponent {
+    get modalSave() {
+        return this.data.save;
+    }
+    get saveDisabled() {
+        return ((this.name ?? '') === '' ||
+            (this.savedNameQuery?.name === this.name && !this.savedNameQuery?.owner) ||
+            this.name.length > 30 ||
+            this.description.length > 200);
+    }
+    constructor(store, dialog, data) {
+        this.store = store;
+        this.dialog = dialog;
+        this.data = data;
+        this.value = '';
+        this.opened = false;
+        this.isEdit = false;
+        this.name = '';
+        this.description = '';
+        this.visibility = {
+            type: PryVisibilityType.PRIVATE,
+            users: []
+        };
+        this.currentEdit$ = this.store.select(DataSourceSelectors.currentEdit);
+    }
+    ngOnInit() {
+        setTimeout(() => {
+            this.cross.nativeElement.focus();
+        }, 10);
+        this.currentEdit$.pipe(take(1)).subscribe((nq) => {
+            if (nq) {
+                this.savedNameQuery = nq;
+                this.id = nq.id;
+                this.isEdit = true;
+                this.name = nq.name;
+                this.description = nq.description ?? '';
+            }
+        });
+    }
+    onSave() {
+        const id = this.id === DEFAULT_NAMED_QUERY_ID || this.id === EXPLORE_NAMED_QUERY_ID || !this.id ? v4() : this.id;
+        if (this.name !== '') {
+            const descriptionQuery = {
+                name: this.name,
+                description: this.description ?? undefined,
+                visibility: this.visibility
+            };
+            switch (this.data.type) {
+                case NamedQueryTypes.FULL_TEXT:
+                    const classes = this.data.payload?.classes ?? [];
+                    const search = this.data.payload?.value ?? '';
+                    this.store.dispatch(searchFulltextActions.save({ descriptionQuery, classes, search, id }));
+                    break;
+                case NamedQueryTypes.MONO_CLASS:
+                    this.store.dispatch(SearchMonoClassActions.save({ descriptionQuery, id }));
+                    break;
+                case NamedQueryTypes.MULTI_CLASS:
+                    this.store.dispatch(SearchMultiClassActions.save({ descriptionQuery, id }));
+                    break;
+            }
+            this.onClose();
+        }
+    }
+    focusCrossElement() {
+        this.cross.nativeElement.focus();
+    }
+    focusValidation() {
+        this.save.nativeElement.focus();
+    }
+    onClose() {
+        this.store.dispatch(ConfigActions.closeOverlay({ id: 'PrySaveQueryComponent' }));
+        this.store.dispatch(DataSourceActions.namedQuery.stopRename());
+        if (this.isEdit) {
+            this.store.dispatch(DataSourceActions.namedQuery.stopEdit());
+        }
+        this.isEdit = false;
+        this.dialog.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySaveQueryComponent, deps: [{ token: i1.Store }, { token: i3.PryDialogRef }, { token: PRY_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySaveQueryComponent, selector: "pry-save-query", viewQueries: [{ propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "save", first: true, predicate: ["save"], descendants: true }], ngImport: i0, template: "<div\n  class=\"o-modal-wrapper\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-labelledby=\"dialog_rename\"\n  (keydown.escape)=\"onClose()\"\n>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.search.namedQuery.' + (modalSave ? 'saveTitle' : 'renameTitle') | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (keydown.shift.tab)=\"focusValidation()\" (click)=\"onClose()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"name\">{{ '@pry.search.namedQuery.name' | i18n }}</label>\n      <input [(ngModel)]=\"name\" id=\"name\" type=\"text\" class=\"a-form-field\" required maxlength=\"30\" />\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"description\">{{ '@pry.search.namedQuery.description' | i18n }}</label>\n      <input [(ngModel)]=\"description\" id=\"description\" type=\"text\" class=\"a-form-field\" required maxlength=\"200\" />\n    </div>\n\n    <pry-share [(ngModel)]=\"visibility\"></pry-share>\n\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"onClose()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"button\"\n        #save\n        (click)=\"onSave()\"\n        class=\"a-btn a-btn--primary\"\n        [disabled]=\"saveDisabled\"\n        (keydown.tab)=\"focusCrossElement()\"\n      >\n        {{ '@pry.toolbox.manifest.check' | i18n }}\n      </button>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PryShareComponent, selector: "pry-share", inputs: ["value", "labelProperty", "valueProperty", "users$"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySaveQueryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-save-query', template: "<div\n  class=\"o-modal-wrapper\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-labelledby=\"dialog_rename\"\n  (keydown.escape)=\"onClose()\"\n>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.search.namedQuery.' + (modalSave ? 'saveTitle' : 'renameTitle') | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (keydown.shift.tab)=\"focusValidation()\" (click)=\"onClose()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"name\">{{ '@pry.search.namedQuery.name' | i18n }}</label>\n      <input [(ngModel)]=\"name\" id=\"name\" type=\"text\" class=\"a-form-field\" required maxlength=\"30\" />\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"description\">{{ '@pry.search.namedQuery.description' | i18n }}</label>\n      <input [(ngModel)]=\"description\" id=\"description\" type=\"text\" class=\"a-form-field\" required maxlength=\"200\" />\n    </div>\n\n    <pry-share [(ngModel)]=\"visibility\"></pry-share>\n\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"onClose()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"button\"\n        #save\n        (click)=\"onSave()\"\n        class=\"a-btn a-btn--primary\"\n        [disabled]=\"saveDisabled\"\n        (keydown.tab)=\"focusCrossElement()\"\n      >\n        {{ '@pry.toolbox.manifest.check' | i18n }}\n      </button>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i3.PryDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PRY_DIALOG_DATA]
+                }] }]; }, propDecorators: { cross: [{
+                type: ViewChild,
+                args: ['cross']
+            }], save: [{
+                type: ViewChild,
+                args: ['save']
+            }] } });
+
+class PrySearchCssComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySearchCssComponent, selector: "pry-search-css", ngImport: i0, template: '', isInline: true, styles: ["pry-choose-widget{display:flex;max-width:21.875rem;height:2.25rem}.m-choose-widget{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.m-choose-widget__input{position:relative;display:flex;flex:1;overflow:hidden;width:100%;height:100%;border-radius:0 .25rem .25rem 0;border-left-width:1px;border-left-style:solid;cursor:pointer}.m-choose-widget__input input{height:2.25rem;border:none;outline:none;width:100%;padding-left:.75rem;border-radius:0 .25rem .25rem 0}.m-choose-widget__input__inline{display:contents;flex-grow:0;overflow:hidden;width:inherit;min-width:25rem;border-radius:0}.m-choose-widget__input__inline input{width:360px;border-radius:0}.m-choose-widget__widget_overlay{width:inherit;height:inherit}.m-choose-widget__widget_overlay__content{position:relative;bottom:.125rem;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.25rem;width:16.4375rem;padding:.5rem;border-radius:.3125rem}.m-choose-widget__widget_overlay__content__item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;width:3.625rem;height:3.625rem;border-radius:.3125rem;cursor:pointer}.m-choose-widget__widget_overlay__content__item:hover{border-width:.0625rem;border-style:solid}.m-choose-widget__widget_overlay__content__item__label{overflow:hidden;width:3.1875rem;margin:0 .125rem;font-size:.6875rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.m-choose-widget__widget_overlay__content__item__selected{border-width:.0625rem;border-style:solid}.m-choose-widget__buttons-widget img{margin-right:.1875rem;filter:invert(100%)}\n", ".o-edit-named-query-wrapper{height:100%}.o-edit-named-query{display:flex;justify-content:space-between;flex-direction:column;overflow:hidden;height:100%}.o-edit-named-query__content{overflow:auto}.o-edit-named-query__buttons{display:flex;gap:1.25rem}.o-edit-named-query__buttons pry-choose-widget,.o-edit-named-query__buttons .m-choose-widget{height:auto}\n", ".o-search-fulltext{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:inherit}.o-search-fulltext--vertical{flex-direction:column;width:100%}.o-search-fulltext--vertical>.o-search-fulltext__container{width:100%}.o-search-fulltext__container{display:flex;height:2.25rem}.o-search-fulltext__classes{display:flex;align-items:center;overflow:hidden;min-width:3.75rem;height:100%;padding:0;border:none;border-radius:.25rem 0 0 .25rem;cursor:pointer}.o-search-fulltext__classes--inline{width:14.125rem;padding:0;margin:0}.o-search-fulltext__classes--inline .o-search-fulltext__classes__content{flex-direction:row}.o-search-fulltext__classes--inline .o-search-fulltext__classes__content__label{line-height:1}.o-search-fulltext__classes--inline .o-search-fulltext__classes__arrow{width:36px;border-left-width:1px;border-left-style:solid}.o-search-fulltext__classes__content{flex:1;display:flex;align-items:center;gap:.3125rem;padding:.53125rem .75rem}.o-search-fulltext__classes__arrow{display:flex;justify-content:center;align-items:center;width:1.875rem;height:100%}.o-search-fulltext__classes__arrow__icon{transition:transform .3s ease-in-out}.o-search-fulltext__classes__arrow__icon.is-open{transform:rotate(180deg)}.o-search-fulltext__input__clear{position:absolute;right:.625rem;top:.5rem}.o-search-fulltext__input__clear__wrapper{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:.125rem;border-radius:50%}.o-search-fulltext__button{display:flex;width:100%;margin-right:0;margin-top:.3125rem}.o-search-fulltext__button__inline{display:flex;align-items:center;margin:0;padding:0 .375rem;width:inherit;min-width:inherit;height:2.25rem;border-radius:0 .25rem .25rem 0;border:0 solid transparent}.o-search-fulltext__classes-overlay{display:flex;flex-direction:column;overflow:auto;max-height:12.5rem;padding:.3125rem 0}.o-search-fulltext__classes-overlay__inline{width:14.375rem;border-radius:.25rem}.o-search-fulltext__classes-overlay__item{display:flex;align-items:center;gap:.5rem;width:93%;height:2rem;margin:0 auto .1875rem;padding:.5rem;border-radius:.3125rem;cursor:pointer}.o-search-fulltext__classes-overlay__item:first-child{font-weight:700;white-space:nowrap}.o-search-fulltext__classes-overlay__item__label{text-transform:capitalize}\n", ".o-pry-search-composed-wrapper{max-width:max-content;margin-bottom:.875rem;border-radius:.3125rem}.o-pry-search-composed{display:flex;max-width:84%;min-width:94%;padding:.625rem}.o-pry-search-composed__condition{display:flex;align-items:center;max-width:-moz-fit-content;max-width:fit-content}.o-pry-search-composed__condition:first-of-type{margin-top:0;margin-bottom:0;background:transparent}.o-pry-search-composed__condition__type{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.o-pry-search-composed__condition__type .a-toggle{gap:0;margin-top:3px}.o-pry-search-composed__condition__type.-vertical-bar:before{content:\"\";position:absolute;left:calc(50% - 1px);top:-3px;bottom:-3px;display:block;width:2px}.o-pry-search-composed__condition__content{display:flex;align-items:stretch;flex-direction:column;width:max-content;margin-left:1rem;border-radius:.25rem}.o-pry-search-composed__condition__content__footer{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-bottom:.3125rem}.o-pry-search-composed__condition__content__footer .a-btn{margin-top:0}.o-pry-search-composed__condition__content__footer .a-btn:nth-of-type(2){margin-right:0}.o-pry-search-composed__condition__content__footer__remove.a-btn.-circle{width:1.5625rem;height:1.5625rem;padding:.1875rem}pry-search-select-attribute{width:9.75rem}\n", ".o-pry-search-order{display:flex;flex-direction:row;align-items:center;gap:.625rem;padding-bottom:1.25rem}.o-pry-search-order .a-pry-select{width:200px}\n", ".m-pry-search-select-attribute{margin:0;padding:0}.m-pry-search-select-attribute li{list-style:none}.m-pry-search-select-attribute__item:last-of-type{margin-bottom:.375rem}.m-pry-search-select-attribute__item:first-of-type{margin-top:.375rem}.m-pry-search-select-attribute__item .a-btn{overflow:hidden;max-width:-moz-fit-content;max-width:fit-content;height:auto;margin:1px .375rem;padding:.5rem;border-radius:.25rem;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}\n", ".o-multi-class-condition{display:flex;gap:.625rem;justify-content:space-between;margin-top:.3125rem;padding-left:.25rem;border-left-width:.25rem;border-left-style:solid;border-radius:.3125rem;overflow:hidden}.o-multi-class-condition:hover .o-multi-class-condition__delete-content{opacity:1}.o-multi-class-condition__content{display:flex;flex-direction:column;flex:1;gap:.5rem;width:12.8125rem;padding:.5rem 0 .5rem .25rem}.o-multi-class-condition__content__action{display:flex;justify-content:center;align-items:center;gap:.3125rem;cursor:pointer}.o-multi-class-condition__content__action__button{flex:1;margin-right:0;padding-left:.4375rem;padding-right:.4375rem}.o-multi-class-condition__content .m-form-label-field{margin-bottom:.3125rem}.o-multi-class-condition__content .m-form-label-field .a-form-field+.a-form-field{margin-top:.625rem}.o-multi-class-condition__delete-content{display:flex;align-items:center;justify-content:center;width:24px;opacity:0}.o-multi-class-condition__delete-content .a-btn:disabled{pointer-events:auto;cursor:not-allowed}\n", ".o-search-mono-class{display:flex;flex-direction:column;gap:.3125rem;overflow:auto;height:100%;padding:.625rem}.o-search-mono-class__header{display:flex;flex-direction:column;width:100%;gap:.3125rem}.o-search-mono-class__header>.m-form-label-field{margin-bottom:0}.o-search-mono-class__header__selected{display:flex;align-items:center;gap:.5rem}.o-search-mono-class__content-wrapper{overflow-x:hidden;flex:1;width:100%}.o-search-mono-class__content{width:100%;height:100%;overflow:auto}.o-search-mono-class__content__title{margin:2rem 0 1.5625rem}\n", ".o-pry-search-condition-wrapper{display:flex;flex:1;flex-direction:column;gap:.5rem;width:100%;margin:0 .5rem 0rem 0}.o-pry-search-condition{display:flex;align-items:center;gap:.3125rem;width:100%}.o-pry-search-condition__fields{display:flex;align-items:center;gap:.25rem}.o-pry-search-condition__fields.has-date-picker{flex-wrap:wrap;width:min-content}.o-pry-search-condition__fields.has-date-picker .a-form-field{flex-grow:0}.o-pry-search-condition .a-form-field{width:7.8125rem;height:2.25rem}.o-pry-search-condition .a-form-field::placeholder{font-size:13px}.o-pry-search-condition .a-pry-select.operator{width:7.8125rem}.o-pry-search-condition__date-picker{width:15.875rem;margin-right:.0625rem;border-style:solid;border-radius:.25rem;font-size:.875rem}\n", ".o-pry-search-tools-wrapper{display:block;overflow:hidden;height:100%;width:100%;transition:all .3s ease-in-out}.o-pry-search-tools-wrapper.is-close{width:50px}.o-pry-search-tools-wrapper.is-close .o-pry-search-tools__content,.o-pry-search-tools-wrapper.is-close .o-pry-search-tools__footer{opacity:0}.o-pry-search-tools-wrapper.is-mono:not(.is-close){width:700px}.o-pry-search-tools{display:flex;flex-direction:column;overflow:hidden;width:100%;height:100%;transition:all .3s ease-in-out}.o-pry-search-tools.is-close{width:50px;border-right-width:1px;border-right-style:solid}.o-pry-search-tools.is-mono:not(.is-close){width:700px}.o-pry-search-tools__header{position:relative;display:flex;justify-content:space-between;align-items:center;height:4rem;padding:1.375rem .9375rem;border-bottom-width:.0625rem;border-bottom-style:solid}.o-pry-search-tools__header__title{display:flex;gap:1.25rem;align-items:center}.o-pry-search-tools__header__title .a-h2,.o-pry-search-tools__header__title .a-h3{padding-bottom:0}.o-pry-search-tools__header button#hide_search{position:absolute;right:.875rem;top:auto;left:auto}.o-pry-search-tools__header button#hide_search[aria-pressed=true]{transform:rotate(180deg)}.o-pry-search-tools__content{flex:1;display:flex;flex-direction:column;width:100%;overflow-x:hidden;overflow-y:auto;padding:1.25rem .5rem .5rem}.o-pry-search-tools__content__full{flex:1;width:100%;overflow-x:hidden;overflow-y:auto}.o-pry-search-tools__content__button-search{display:flex;justify-content:flex-start;gap:10px}.o-pry-search-tools__content__button-search pry-choose-widget{height:auto}.o-pry-search-tools__content #btn_reset{margin-right:.625rem;margin-bottom:1.875rem;padding:0 .5rem}.o-pry-search-tools__content #btn_reset:focus{outline:2px solid #35b99f}.o-pry-search-tools__content #btn_reset:focus:not(:focus-visible){outline:0}.o-pry-search-tools__content #btn_reset:focus-visible{outline:0;border-radius:.5rem;box-shadow:0 0 0 2px #fff,0 0 0 4px #35b99f}.o-pry-search-tools__content pry-share{padding:0 .625rem}.o-pry-search-tools__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin:1rem auto 0;padding:0 .9375rem;border-top-width:.0625rem;border-top-style:solid}.o-pry-search-tools__footer__close{opacity:0}.o-pry-search-tools__footer__params{cursor:pointer}.o-pry-search-tools__footer .save-query-button{display:flex;flex-direction:row;align-items:center;margin:0;padding-left:0}.o-pry-search-tools__footer .save-query-button:disabled{opacity:.5}.o-pry-search-tools__footer .save-query-button__text{padding-left:.25rem;font-size:.875rem}\n", ".o-edit-named-query-modal{top:2.1875rem;bottom:0;width:320px}\n", ".o-multi-class-field-selection__fields{margin:0;padding:0}.o-multi-class-field-selection__fields li{list-style:none}.o-multi-class-field-selection{display:flex;flex-direction:column;width:100%;max-width:34.375rem;min-width:21.875rem;max-height:56.25rem;height:100%;border-radius:.5rem;background-color:#fff;box-shadow:2px 3px 10px 2px #0003}.o-multi-class-field-selection__header{padding:1.5rem;border-radius:.5rem .5rem 0 0}.o-multi-class-field-selection__header__top{display:flex;justify-content:space-between}.o-multi-class-field-selection__header__search{display:flex;flex-direction:column}.o-multi-class-field-selection__legend{padding:.9375rem 1.5rem;font-style:italic}.o-multi-class-field-selection__fields{overflow:auto;margin:0 0 .5rem}.o-multi-class-field-selection__fields__select{padding:.5rem 1.5rem;cursor:pointer}.o-multi-class-field-selection__fields__select .a-btn{gap:6px;max-width:100%;font-weight:500;transition:none;height:4rem}.o-multi-class-field-selection__fields__select__inside{font-weight:300;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}\n", ".o-search-multi-class{position:relative;height:100%;padding:.625rem .3125rem}.o-search-multi-class__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.o-search-multi-class__header .a-h3{padding-bottom:0}.o-search-multi-class__add-condition{padding-top:.625rem}.o-search-multi-class__add-condition .a-btn{margin-bottom:.9375rem}.o-search-multi-class .a-btn.a-btn--icon-text{height:auto;padding:5px 2px}.o-search-multi-class .a-btn.a-btn--icon-text:focus{outline:2px solid #35b99f}.o-search-multi-class .a-btn.a-btn--icon-text:focus:not(:focus-visible){outline:0}.o-search-multi-class .a-btn.a-btn--icon-text:focus-visible{outline:0;border-radius:.375rem;box-shadow:0 0 0 2px #fff,0 0 0 4px #35b99f}\n", ".o-pry-search-home{display:flex;flex-direction:column;align-items:stretch;height:100%}.o-pry-search-home__named-query{flex:1;display:flex;flex-direction:column;overflow:auto}.o-pry-search-home__named-query__card{overflow:auto;max-height:100%}.o-pry-search-home__named-query__card__load{display:flex;justify-content:center;align-items:center;width:5.375rem;height:2.25rem;margin:0 0 0 .3125rem;border-radius:3.125rem;cursor:pointer}.o-pry-search-home__named-query__card__container-menu{z-index:1001;display:flex;flex-direction:column;margin:.125rem;padding:.375rem .9375rem;border-radius:.3125rem;box-shadow:2px 3px 10px 2px #0003}.o-pry-search-home__named-query__card__container-menu>*{padding:.3125rem;cursor:pointer}.o-pry-search-home__named-query__card__container-menu>*:hover{border-radius:.375rem}.o-pry-search-home__named-query #btn_view_more{align-self:flex-end;margin-top:.625rem}.o-pry-search-home__search{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;margin:0 1.125rem;padding-top:1.25rem}.o-pry-search-home__search .a-h3{margin-bottom:.3125rem;padding-bottom:0}.o-pry-search-home__search__or{margin:.3125rem auto;padding:0;text-align:center;font-size:1rem}.o-pry-search-home__search .o-search-fulltext__container{margin-bottom:.625rem}.o-pry-search-home__search .o-search-fulltext__container pry-choose-widget{flex-grow:1}.o-draggable-menu.-search-home{margin-left:14rem;margin-top:-1.6875rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchCssComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-search-css', template: '', encapsulation: ViewEncapsulation.None, styles: ["pry-choose-widget{display:flex;max-width:21.875rem;height:2.25rem}.m-choose-widget{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.m-choose-widget__input{position:relative;display:flex;flex:1;overflow:hidden;width:100%;height:100%;border-radius:0 .25rem .25rem 0;border-left-width:1px;border-left-style:solid;cursor:pointer}.m-choose-widget__input input{height:2.25rem;border:none;outline:none;width:100%;padding-left:.75rem;border-radius:0 .25rem .25rem 0}.m-choose-widget__input__inline{display:contents;flex-grow:0;overflow:hidden;width:inherit;min-width:25rem;border-radius:0}.m-choose-widget__input__inline input{width:360px;border-radius:0}.m-choose-widget__widget_overlay{width:inherit;height:inherit}.m-choose-widget__widget_overlay__content{position:relative;bottom:.125rem;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.25rem;width:16.4375rem;padding:.5rem;border-radius:.3125rem}.m-choose-widget__widget_overlay__content__item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;width:3.625rem;height:3.625rem;border-radius:.3125rem;cursor:pointer}.m-choose-widget__widget_overlay__content__item:hover{border-width:.0625rem;border-style:solid}.m-choose-widget__widget_overlay__content__item__label{overflow:hidden;width:3.1875rem;margin:0 .125rem;font-size:.6875rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.m-choose-widget__widget_overlay__content__item__selected{border-width:.0625rem;border-style:solid}.m-choose-widget__buttons-widget img{margin-right:.1875rem;filter:invert(100%)}\n", ".o-edit-named-query-wrapper{height:100%}.o-edit-named-query{display:flex;justify-content:space-between;flex-direction:column;overflow:hidden;height:100%}.o-edit-named-query__content{overflow:auto}.o-edit-named-query__buttons{display:flex;gap:1.25rem}.o-edit-named-query__buttons pry-choose-widget,.o-edit-named-query__buttons .m-choose-widget{height:auto}\n", ".o-search-fulltext{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:inherit}.o-search-fulltext--vertical{flex-direction:column;width:100%}.o-search-fulltext--vertical>.o-search-fulltext__container{width:100%}.o-search-fulltext__container{display:flex;height:2.25rem}.o-search-fulltext__classes{display:flex;align-items:center;overflow:hidden;min-width:3.75rem;height:100%;padding:0;border:none;border-radius:.25rem 0 0 .25rem;cursor:pointer}.o-search-fulltext__classes--inline{width:14.125rem;padding:0;margin:0}.o-search-fulltext__classes--inline .o-search-fulltext__classes__content{flex-direction:row}.o-search-fulltext__classes--inline .o-search-fulltext__classes__content__label{line-height:1}.o-search-fulltext__classes--inline .o-search-fulltext__classes__arrow{width:36px;border-left-width:1px;border-left-style:solid}.o-search-fulltext__classes__content{flex:1;display:flex;align-items:center;gap:.3125rem;padding:.53125rem .75rem}.o-search-fulltext__classes__arrow{display:flex;justify-content:center;align-items:center;width:1.875rem;height:100%}.o-search-fulltext__classes__arrow__icon{transition:transform .3s ease-in-out}.o-search-fulltext__classes__arrow__icon.is-open{transform:rotate(180deg)}.o-search-fulltext__input__clear{position:absolute;right:.625rem;top:.5rem}.o-search-fulltext__input__clear__wrapper{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:.125rem;border-radius:50%}.o-search-fulltext__button{display:flex;width:100%;margin-right:0;margin-top:.3125rem}.o-search-fulltext__button__inline{display:flex;align-items:center;margin:0;padding:0 .375rem;width:inherit;min-width:inherit;height:2.25rem;border-radius:0 .25rem .25rem 0;border:0 solid transparent}.o-search-fulltext__classes-overlay{display:flex;flex-direction:column;overflow:auto;max-height:12.5rem;padding:.3125rem 0}.o-search-fulltext__classes-overlay__inline{width:14.375rem;border-radius:.25rem}.o-search-fulltext__classes-overlay__item{display:flex;align-items:center;gap:.5rem;width:93%;height:2rem;margin:0 auto .1875rem;padding:.5rem;border-radius:.3125rem;cursor:pointer}.o-search-fulltext__classes-overlay__item:first-child{font-weight:700;white-space:nowrap}.o-search-fulltext__classes-overlay__item__label{text-transform:capitalize}\n", ".o-pry-search-composed-wrapper{max-width:max-content;margin-bottom:.875rem;border-radius:.3125rem}.o-pry-search-composed{display:flex;max-width:84%;min-width:94%;padding:.625rem}.o-pry-search-composed__condition{display:flex;align-items:center;max-width:-moz-fit-content;max-width:fit-content}.o-pry-search-composed__condition:first-of-type{margin-top:0;margin-bottom:0;background:transparent}.o-pry-search-composed__condition__type{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.o-pry-search-composed__condition__type .a-toggle{gap:0;margin-top:3px}.o-pry-search-composed__condition__type.-vertical-bar:before{content:\"\";position:absolute;left:calc(50% - 1px);top:-3px;bottom:-3px;display:block;width:2px}.o-pry-search-composed__condition__content{display:flex;align-items:stretch;flex-direction:column;width:max-content;margin-left:1rem;border-radius:.25rem}.o-pry-search-composed__condition__content__footer{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-bottom:.3125rem}.o-pry-search-composed__condition__content__footer .a-btn{margin-top:0}.o-pry-search-composed__condition__content__footer .a-btn:nth-of-type(2){margin-right:0}.o-pry-search-composed__condition__content__footer__remove.a-btn.-circle{width:1.5625rem;height:1.5625rem;padding:.1875rem}pry-search-select-attribute{width:9.75rem}\n", ".o-pry-search-order{display:flex;flex-direction:row;align-items:center;gap:.625rem;padding-bottom:1.25rem}.o-pry-search-order .a-pry-select{width:200px}\n", ".m-pry-search-select-attribute{margin:0;padding:0}.m-pry-search-select-attribute li{list-style:none}.m-pry-search-select-attribute__item:last-of-type{margin-bottom:.375rem}.m-pry-search-select-attribute__item:first-of-type{margin-top:.375rem}.m-pry-search-select-attribute__item .a-btn{overflow:hidden;max-width:-moz-fit-content;max-width:fit-content;height:auto;margin:1px .375rem;padding:.5rem;border-radius:.25rem;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}\n", ".o-multi-class-condition{display:flex;gap:.625rem;justify-content:space-between;margin-top:.3125rem;padding-left:.25rem;border-left-width:.25rem;border-left-style:solid;border-radius:.3125rem;overflow:hidden}.o-multi-class-condition:hover .o-multi-class-condition__delete-content{opacity:1}.o-multi-class-condition__content{display:flex;flex-direction:column;flex:1;gap:.5rem;width:12.8125rem;padding:.5rem 0 .5rem .25rem}.o-multi-class-condition__content__action{display:flex;justify-content:center;align-items:center;gap:.3125rem;cursor:pointer}.o-multi-class-condition__content__action__button{flex:1;margin-right:0;padding-left:.4375rem;padding-right:.4375rem}.o-multi-class-condition__content .m-form-label-field{margin-bottom:.3125rem}.o-multi-class-condition__content .m-form-label-field .a-form-field+.a-form-field{margin-top:.625rem}.o-multi-class-condition__delete-content{display:flex;align-items:center;justify-content:center;width:24px;opacity:0}.o-multi-class-condition__delete-content .a-btn:disabled{pointer-events:auto;cursor:not-allowed}\n", ".o-search-mono-class{display:flex;flex-direction:column;gap:.3125rem;overflow:auto;height:100%;padding:.625rem}.o-search-mono-class__header{display:flex;flex-direction:column;width:100%;gap:.3125rem}.o-search-mono-class__header>.m-form-label-field{margin-bottom:0}.o-search-mono-class__header__selected{display:flex;align-items:center;gap:.5rem}.o-search-mono-class__content-wrapper{overflow-x:hidden;flex:1;width:100%}.o-search-mono-class__content{width:100%;height:100%;overflow:auto}.o-search-mono-class__content__title{margin:2rem 0 1.5625rem}\n", ".o-pry-search-condition-wrapper{display:flex;flex:1;flex-direction:column;gap:.5rem;width:100%;margin:0 .5rem 0rem 0}.o-pry-search-condition{display:flex;align-items:center;gap:.3125rem;width:100%}.o-pry-search-condition__fields{display:flex;align-items:center;gap:.25rem}.o-pry-search-condition__fields.has-date-picker{flex-wrap:wrap;width:min-content}.o-pry-search-condition__fields.has-date-picker .a-form-field{flex-grow:0}.o-pry-search-condition .a-form-field{width:7.8125rem;height:2.25rem}.o-pry-search-condition .a-form-field::placeholder{font-size:13px}.o-pry-search-condition .a-pry-select.operator{width:7.8125rem}.o-pry-search-condition__date-picker{width:15.875rem;margin-right:.0625rem;border-style:solid;border-radius:.25rem;font-size:.875rem}\n", ".o-pry-search-tools-wrapper{display:block;overflow:hidden;height:100%;width:100%;transition:all .3s ease-in-out}.o-pry-search-tools-wrapper.is-close{width:50px}.o-pry-search-tools-wrapper.is-close .o-pry-search-tools__content,.o-pry-search-tools-wrapper.is-close .o-pry-search-tools__footer{opacity:0}.o-pry-search-tools-wrapper.is-mono:not(.is-close){width:700px}.o-pry-search-tools{display:flex;flex-direction:column;overflow:hidden;width:100%;height:100%;transition:all .3s ease-in-out}.o-pry-search-tools.is-close{width:50px;border-right-width:1px;border-right-style:solid}.o-pry-search-tools.is-mono:not(.is-close){width:700px}.o-pry-search-tools__header{position:relative;display:flex;justify-content:space-between;align-items:center;height:4rem;padding:1.375rem .9375rem;border-bottom-width:.0625rem;border-bottom-style:solid}.o-pry-search-tools__header__title{display:flex;gap:1.25rem;align-items:center}.o-pry-search-tools__header__title .a-h2,.o-pry-search-tools__header__title .a-h3{padding-bottom:0}.o-pry-search-tools__header button#hide_search{position:absolute;right:.875rem;top:auto;left:auto}.o-pry-search-tools__header button#hide_search[aria-pressed=true]{transform:rotate(180deg)}.o-pry-search-tools__content{flex:1;display:flex;flex-direction:column;width:100%;overflow-x:hidden;overflow-y:auto;padding:1.25rem .5rem .5rem}.o-pry-search-tools__content__full{flex:1;width:100%;overflow-x:hidden;overflow-y:auto}.o-pry-search-tools__content__button-search{display:flex;justify-content:flex-start;gap:10px}.o-pry-search-tools__content__button-search pry-choose-widget{height:auto}.o-pry-search-tools__content #btn_reset{margin-right:.625rem;margin-bottom:1.875rem;padding:0 .5rem}.o-pry-search-tools__content #btn_reset:focus{outline:2px solid #35b99f}.o-pry-search-tools__content #btn_reset:focus:not(:focus-visible){outline:0}.o-pry-search-tools__content #btn_reset:focus-visible{outline:0;border-radius:.5rem;box-shadow:0 0 0 2px #fff,0 0 0 4px #35b99f}.o-pry-search-tools__content pry-share{padding:0 .625rem}.o-pry-search-tools__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin:1rem auto 0;padding:0 .9375rem;border-top-width:.0625rem;border-top-style:solid}.o-pry-search-tools__footer__close{opacity:0}.o-pry-search-tools__footer__params{cursor:pointer}.o-pry-search-tools__footer .save-query-button{display:flex;flex-direction:row;align-items:center;margin:0;padding-left:0}.o-pry-search-tools__footer .save-query-button:disabled{opacity:.5}.o-pry-search-tools__footer .save-query-button__text{padding-left:.25rem;font-size:.875rem}\n", ".o-edit-named-query-modal{top:2.1875rem;bottom:0;width:320px}\n", ".o-multi-class-field-selection__fields{margin:0;padding:0}.o-multi-class-field-selection__fields li{list-style:none}.o-multi-class-field-selection{display:flex;flex-direction:column;width:100%;max-width:34.375rem;min-width:21.875rem;max-height:56.25rem;height:100%;border-radius:.5rem;background-color:#fff;box-shadow:2px 3px 10px 2px #0003}.o-multi-class-field-selection__header{padding:1.5rem;border-radius:.5rem .5rem 0 0}.o-multi-class-field-selection__header__top{display:flex;justify-content:space-between}.o-multi-class-field-selection__header__search{display:flex;flex-direction:column}.o-multi-class-field-selection__legend{padding:.9375rem 1.5rem;font-style:italic}.o-multi-class-field-selection__fields{overflow:auto;margin:0 0 .5rem}.o-multi-class-field-selection__fields__select{padding:.5rem 1.5rem;cursor:pointer}.o-multi-class-field-selection__fields__select .a-btn{gap:6px;max-width:100%;font-weight:500;transition:none;height:4rem}.o-multi-class-field-selection__fields__select__inside{font-weight:300;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}\n", ".o-search-multi-class{position:relative;height:100%;padding:.625rem .3125rem}.o-search-multi-class__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.o-search-multi-class__header .a-h3{padding-bottom:0}.o-search-multi-class__add-condition{padding-top:.625rem}.o-search-multi-class__add-condition .a-btn{margin-bottom:.9375rem}.o-search-multi-class .a-btn.a-btn--icon-text{height:auto;padding:5px 2px}.o-search-multi-class .a-btn.a-btn--icon-text:focus{outline:2px solid #35b99f}.o-search-multi-class .a-btn.a-btn--icon-text:focus:not(:focus-visible){outline:0}.o-search-multi-class .a-btn.a-btn--icon-text:focus-visible{outline:0;border-radius:.375rem;box-shadow:0 0 0 2px #fff,0 0 0 4px #35b99f}\n", ".o-pry-search-home{display:flex;flex-direction:column;align-items:stretch;height:100%}.o-pry-search-home__named-query{flex:1;display:flex;flex-direction:column;overflow:auto}.o-pry-search-home__named-query__card{overflow:auto;max-height:100%}.o-pry-search-home__named-query__card__load{display:flex;justify-content:center;align-items:center;width:5.375rem;height:2.25rem;margin:0 0 0 .3125rem;border-radius:3.125rem;cursor:pointer}.o-pry-search-home__named-query__card__container-menu{z-index:1001;display:flex;flex-direction:column;margin:.125rem;padding:.375rem .9375rem;border-radius:.3125rem;box-shadow:2px 3px 10px 2px #0003}.o-pry-search-home__named-query__card__container-menu>*{padding:.3125rem;cursor:pointer}.o-pry-search-home__named-query__card__container-menu>*:hover{border-radius:.375rem}.o-pry-search-home__named-query #btn_view_more{align-self:flex-end;margin-top:.625rem}.o-pry-search-home__search{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;margin:0 1.125rem;padding-top:1.25rem}.o-pry-search-home__search .a-h3{margin-bottom:.3125rem;padding-bottom:0}.o-pry-search-home__search__or{margin:.3125rem auto;padding:0;text-align:center;font-size:1rem}.o-pry-search-home__search .o-search-fulltext__container{margin-bottom:.625rem}.o-pry-search-home__search .o-search-fulltext__container pry-choose-widget{flex-grow:1}.o-draggable-menu.-search-home{margin-left:14rem;margin-top:-1.6875rem}\n"] }]
+        }] });
+
+class PrySearchHomeComponent {
+    constructor(store, overlay, viewContainerRef, pryDialog) {
+        this.store = store;
+        this.overlay = overlay;
+        this.viewContainerRef = viewContainerRef;
+        this.pryDialog = pryDialog;
+        this.isMoreList = false;
+        this.changeListView = new EventEmitter();
+        this.changeSearchCriteria = new EventEmitter();
+        this.subscription = new Subscription();
+        this.spotting$ = new BehaviorSubject('');
+        this.refreshOptions = [0, 10, 30, 60];
+        this.icons = {
+            map: 'share_location',
+            table: 'table_chart',
+            chart: 'show_chart',
+            graph: 'graph'
+        };
+        this.connectedPosition = {
+            originX: 'start',
+            originY: 'bottom',
+            overlayX: 'start',
+            overlayY: 'top'
+        };
+        this.structure = defaultMenuStructure.map((items) => ({
+            ...items,
+            sub: items.sub.filter((s) => s.type !== 'iframe' && s.type !== 'detail')
+        }));
+        this.refreshId = '';
+        this.DashboardGridLayout = DashboardGridLayout;
+    }
+    ngOnInit() {
+        this.store.dispatch(DataSourceActions.load());
+        this.namedQueryList$ = this.store.select(DataSourceSelectors.getNamedQuerySorted);
+        this.namedQueriesUses$ = this.store.select(DashboardSelectors.namedQueriesUses);
+        this.spottingWidget$ = combineLatest([this.namedQueriesUses$, this.spotting$]).pipe(map$1(([uses, spotting]) => uses[spotting] ?? []), map$1((uses) => uses.map((use) => ({ ...use, windowIndex: use.windowIndex + 1 }))));
+        this.refreshRates$ = this.store.select(DashboardSelectors.refreshRates);
+        this.layout$ = this.store.select(DashboardSelectors.gridLayout);
+        this.deleteError$ = this.store.select(DataSourceSelectors.errors).pipe(debounceTime(100));
+    }
+    onSearchNamedQuery(id) {
+        this.store.dispatch(DashboardActions.updateWidgetInPresentation({ id, widgetType: 'table' }));
+    }
+    onFavorite(id, isFavorite) {
+        if (!isFavorite) {
+            this.store.dispatch(DataSourceActions.namedQuery.addFavorite({ id }));
+        }
+        else {
+            this.store.dispatch(DataSourceActions.namedQuery.deleteFavorite({ id }));
+        }
+    }
+    onSpot(id, $event) {
+        this.spotting$.next(id);
+        if (!this.overlayRef) {
+            this.overlayRef = this.overlay.create(new OverlayConfig({
+                hasBackdrop: false,
+                panelClass: ['spot-rs']
+            }));
+            this.store.dispatch(ConfigActions.addingOverlay({ id: this.constructor.name }));
+            this.overlayRef.attach(new TemplatePortal(this.templateSpot, this.viewContainerRef));
+            const spotElement = document.querySelector('.spot-rs');
+            if (!!spotElement) {
+                spotElement.style.left = $event.clientX - 10 + 'px';
+                spotElement.style.top = $event.clientY - 10 + 'px';
+            }
+        }
+    }
+    hideSpot() {
+        this.overlayRef?.dispose();
+        this.store.dispatch(ConfigActions.closeOverlay({ id: this.constructor.name }));
+        this.overlayRef = undefined;
+    }
+    onEdit(namedQuery) {
+        this.store.dispatch(DataSourceActions.namedQuery.edit({ currentEdit: namedQuery }));
+    }
+    onChangeListView(isMoreList) {
+        this.changeListView.emit(isMoreList);
+    }
+    onSearchCriteria() {
+        this.changeSearchCriteria.emit();
+    }
+    loadWidget(id, sub) {
+        this.store.dispatch(DashboardActions.updateWidgetInPresentation({ id, widgetType: sub.type }));
+        this.loadOpened = undefined;
+    }
+    onDelete(nq) {
+        const data = {
+            title: '@pry.search.namedQuery.delete',
+            actions: [
+                { id: 0, label: '@pry.toolbox.manifest.close', color: 'ghost' },
+                { id: 1, label: '@pry.search.namedQuery.delete' }
+            ]
+        };
+        const dialog = this.pryDialog.open(PryDialogConfirmComponent, {
+            data
+        });
+        this.subscription.add(dialog.closeValue.pipe(take(1)).subscribe((action) => {
+            this.store.dispatch(ConfigActions.closeOverlay({ id: 'PryDialogConfirmComponent' }));
+            if (action.id === 1) {
+                this.store.dispatch(DataSourceActions.namedQuery.delete({ id: nq.id ?? '' }));
+                this.subscription.add(this.deleteError$
+                    ?.pipe(combineLatestWith(this.store.select(DataSourceSelectors.isLoading)), filter(([, isLoading]) => !isLoading), take(1))
+                    .subscribe(([error]) => {
+                    if (error?.status === 403) {
+                        const data = {
+                            title: '@pry.manifest.deleteError',
+                            actions: [{ id: 1, label: '@pry.toolbox.close' }]
+                        };
+                        const errorDialog = this.pryDialog.open(PryDialogConfirmComponent, {
+                            data
+                        });
+                        this.subscription.add(errorDialog.closeValue.pipe(take(1)).subscribe(() => {
+                            this.store.dispatch(ConfigActions.closeOverlay({ id: 'PryDialogConfirmComponent' }));
+                        }));
+                    }
+                }));
+            }
+        }));
+    }
+    onRename(nq) {
+        this.store.dispatch(DataSourceActions.namedQuery.openRename());
+        this.store.dispatch(DataSourceActions.namedQuery.edit({ currentEdit: nq }));
+        const save = false;
+        const type = NamedQueryUtils.getTypeFromPayload(nq.request);
+        const data = type === NamedQueryTypes.FULL_TEXT
+            ? { save, type, payload: this.extractPayload(nq.request) }
+            : { save, type };
+        this.pryDialog.open(PrySaveQueryComponent, { data });
+    }
+    extractPayload(payload) {
+        const { fullSearch, oClasses } = payload;
+        return { value: fullSearch.value, classes: oClasses ?? [] };
+    }
+    onRefresh(id, $event) {
+        this.refreshId = id;
+        if (!this.overlayRef) {
+            this.overlayRef = this.overlay.create(new OverlayConfig({
+                hasBackdrop: true,
+                panelClass: ['refresh-rs']
+            }));
+            this.store.dispatch(ConfigActions.addingOverlay({ id: this.constructor.name }));
+            this.overlayRef.attach(new TemplatePortal(this.templateRefresh, this.viewContainerRef));
+            this.overlayRef.backdropClick().subscribe((_) => this.hideSpot());
+            const refreshElement = document.querySelector('.refresh-rs');
+            const refresh = document.querySelector('.refreshbt');
+            if (!!refreshElement) {
+                const rect = refresh.getBoundingClientRect();
+                refreshElement.style.left = rect.left + rect.width + 10 + 'px';
+                refreshElement.style.top = rect.top + 137 + 'px';
+            }
+        }
+    }
+    selectRefresh($event) {
+        this.store.dispatch(DashboardActions.setRefreshRate({ id: this.refreshId ?? '', rate: $event }));
+        this.hideSpot();
+    }
+    refresh(id) {
+        this.store.dispatch(SearchActions.getDatasourceItems({ id }));
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchHomeComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: i3.PryDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySearchHomeComponent, selector: "pry-search-home", inputs: { searchFulltextTpl: "searchFulltextTpl", isMoreList: "isMoreList" }, outputs: { changeListView: "changeListView", changeSearchCriteria: "changeSearchCriteria" }, viewQueries: [{ propertyName: "templateSpot", first: true, predicate: ["templateSpot"], descendants: true, read: TemplateRef }, { propertyName: "templateRefresh", first: true, predicate: ["templateRefresh"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<pry-search-css></pry-search-css>\n<div class=\"o-pry-search-home__named-query\">\n  <ng-container *ngIf=\"namedQueryList$ | async as namedQuery\">\n    <ng-container *ngIf=\"namedQuery.length > 0; else noNamedQuery\">\n      <div class=\"o-pry-search-home__named-query__card\">\n        <pry-expand-panel [open]=\"true\">\n          <pry-expand-panel-title>{{ '@pry.search.home.title' | i18n }}</pry-expand-panel-title>\n\n          <pry-card *ngFor=\"let nq of namedQuery.length > 1 && !isMoreList ? namedQuery.slice(0, 2) : namedQuery\">\n            <pry-card-header [marker]=\"true\">\n              <pry-card-icon>\n                <pry-nq-color-selector [datasource]=\"nq\" [disabled]=\"true\"></pry-nq-color-selector>\n                <img\n                  [alt]=\"nq.id | translateId: { type: 'datasource', output: 'name' } | async\"\n                  [height]=\"22\"\n                  [width]=\"22\"\n                  [src]=\"nq.id | translateId: { type: 'datasource', output: 'icon' } | async\"\n                />\n              </pry-card-icon>\n\n              <pry-card-title>\n                <div\n                  class=\"o-pry-card-title__text\"\n                  [pryTooltip]=\"infoTooltip\"\n                  aria-describedby=\"infoTooltip_searchHome\"\n                >\n                  <div class=\"a-p o-pry-card-title__text__title\">{{ nq.name }}</div>\n                  <div class=\"a-p o-pry-card-title__text__description\" *ngIf=\"nq.description\">{{ nq.description }}</div>\n                </div>\n\n                <ng-template #infoTooltip>\n                  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_searchHome\">\n                    <span class=\"m-tooltip__text\">\n                      {{ nq.name }}\n                    </span>\n                    <span class=\"m-tooltip__description\" *ngIf=\"nq.description\">\n                      {{ nq.description }}\n                    </span>\n                  </div>\n                </ng-template>\n\n                <pry-icon\n                  class=\"o-pry-card-title__pin\"\n                  *ngIf=\"nq.favorite\"\n                  [width]=\"18\"\n                  [height]=\"18\"\n                  aria-label=\"favorite\"\n                  iconSvg=\"epingle\"\n                ></pry-icon>\n\n                <button\n                  [pryTooltip]=\"infoTooltipShow\"\n                  pryTooltipPosition=\"bottom\"\n                  aria-describedby=\"infoTooltipShow_searchHome\"\n                  class=\"a-btn a-btn--secondary -size-sm\"\n                  (click)=\"onSearchNamedQuery(nq.id)\"\n                  *ngIf=\"(layout$ | async) !== DashboardGridLayout.MANUAL\"\n                >\n                  {{ '@pry.search.namedQuery.display' | i18n }}\n                  <span class=\"u-visually-hidden\">le widget associ\u00E9 \u00E0 cette recherche</span>\n                </button>\n              </pry-card-title>\n\n              <pry-card-menu>\n                <div class=\"o-pry-card-menu__nav\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onFavorite(nq.id, nq.favorite)\"\n                  >\n                    <pry-icon iconSvg=\"epingle\"></pry-icon>\n                    {{ (nq.favorite ? '@pry.search.namedQuery.noFavorite' : '@pry.search.namedQuery.favorite') | i18n }}\n                  </button>\n                  <pry-card-menu (click)=\"refresh(nq.id)\" class=\"refreshbt\">\n                    <button type=\"button\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\">\n                      <pry-icon iconSvg=\"synchro\"></pry-icon>\n                      {{ '@pry.search.namedQuery.refreshData' | i18n }}\n                    </button>\n                  </pry-card-menu>\n                  <pry-card-menu *ngIf=\"(layout$ | async) !== DashboardGridLayout.MANUAL\">\n                    <button\n                      type=\"button\"\n                      class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                      (click)=\"loadOpened = nq.id; $event.stopPropagation()\"\n                      cdkOverlayOrigin\n                      #triggerLoad=\"cdkOverlayOrigin\"\n                    >\n                      <pry-icon iconSvg=\"file_download\"></pry-icon>\n                      {{ '@pry.search.namedQuery.display' | i18n }}\n                      <pry-icon\n                        iconSvg=\"fleche_haut\"\n                        [ngStyle]=\"{ transform: 'rotate(90deg)', marginLeft: 'auto' }\"\n                      ></pry-icon>\n                    </button>\n\n                    <ng-template\n                      cdkConnectedOverlay\n                      [cdkConnectedOverlayOrigin]=\"triggerLoad\"\n                      [cdkConnectedOverlayOpen]=\"loadOpened === nq.id\"\n                      [cdkConnectedOverlayHasBackdrop]=\"true\"\n                      [cdkConnectedOverlayPositions]=\"[connectedPosition]\"\n                      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n                      (backdropClick)=\"loadOpened = undefined\"\n                    >\n                      <div class=\"o-draggable-menu -search-home\">\n                        <ul class=\"o-draggable-menu__list\">\n                          <ng-container *ngFor=\"let menu of structure\">\n                            <li class=\"o-draggable-menu__list__item\">\n                              <button class=\"a-btn\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                                <pry-icon [iconSvg]=\"menu.icon\"></pry-icon>\n                                {{ menu.label | i18n }}\n                              </button>\n\n                              <ul class=\"o-draggable-menu__list__submenu\">\n                                <ng-container *ngFor=\"let sub of menu.sub\">\n                                  <li class=\"o-draggable-menu__list__submenu__item\">\n                                    <button class=\"a-btn\" (click)=\"loadWidget(nq.id, sub)\">\n                                      <pry-icon [iconSvg]=\"sub.icon\"></pry-icon>\n                                      {{ sub.label | i18n }}\n                                    </button>\n                                  </li>\n                                </ng-container>\n                              </ul>\n                            </li>\n                          </ng-container>\n                        </ul>\n                      </div>\n                    </ng-template>\n                  </pry-card-menu>\n\n                  <pry-card-menu class=\"o-pry-card-menu__nav__item\">\n                    <pry-nq-color-selector [ngStyle]=\"{ width: '100%' }\" [datasource]=\"nq\"></pry-nq-color-selector>\n                  </pry-card-menu>\n\n                  <pry-card-menu (click)=\"onSpot(nq.id, $event)\">\n                    <button type=\"button\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\">\n                      <pry-icon iconSvg=\"mode_clic\"></pry-icon>\n                      {{ '@pry.search.namedQuery.spot' | i18n }}\n                      <pry-icon\n                        iconSvg=\"fleche_haut\"\n                        [ngStyle]=\"{ transform: 'rotate(90deg)', marginLeft: 'auto' }\"\n                      ></pry-icon>\n                    </button>\n                  </pry-card-menu>\n                  <pry-card-menu (click)=\"onRefresh(nq.id, $event)\">\n                    <button type=\"button\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\">\n                      <pry-icon iconSvg=\"history-line\"></pry-icon>\n                      {{ '@pry.search.namedQuery.refresh.title' | i18n }}\n                      <pry-icon\n                        iconSvg=\"fleche_haut\"\n                        [ngStyle]=\"{ transform: 'rotate(90deg)', marginLeft: 'auto' }\"\n                      ></pry-icon>\n                    </button>\n                  </pry-card-menu>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onDelete(nq)\"\n                    *ngIf=\"nq.owner\"\n                  >\n                    <pry-icon iconSvg=\"delete\"></pry-icon>\n                    {{ '@pry.search.namedQuery.delete' | i18n }}\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onRename(nq)\"\n                    *ngIf=\"nq.owner\"\n                  >\n                    <pry-icon iconSvg=\"renamed\"></pry-icon>\n                    {{ '@pry.search.namedQuery.rename' | i18n }}\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onEdit(nq)\"\n                    (keydown.tab)=\"hideSpot()\"\n                  >\n                    <pry-icon iconSvg=\"edit\"></pry-icon>\n                    {{ '@pry.search.namedQuery.edit' | i18n }}\n                  </button>\n                </div>\n              </pry-card-menu>\n            </pry-card-header>\n          </pry-card>\n        </pry-expand-panel>\n      </div>\n      <button\n        class=\"a-btn -link-like\"\n        aria-pressed=\"false\"\n        id=\"btn_view_more\"\n        *ngIf=\"namedQuery.length > 2\"\n        (click)=\"onChangeListView(isMoreList)\"\n      >\n        {{ isMoreList ? ('@pry.search.namedQuery.seeLess' | i18n) : ('@pry.search.namedQuery.seeMore' | i18n) }}\n      </button>\n    </ng-container>\n\n    <ng-template #noNamedQuery>\n      <p class=\"search-home__container-search\">{{ '@pry.search.namedQuery.emptyNamedQuery' | i18n }}</p>\n    </ng-template>\n  </ng-container>\n</div>\n\n<ng-template #infoTooltipShow>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltipShow_searchHome\">\n    <span class=\"m-tooltip__text\"> Afficher le widget associ\u00E9 \u00E0 cette recherche </span>\n  </div>\n</ng-template>\n\n<div class=\"o-pry-search-home__search\">\n  <h3 class=\"a-h3\">{{ '@pry.search.home.ssTitle' | i18n }}</h3>\n  <ng-container *ngIf=\"searchFulltextTpl\">\n    <ng-container [ngTemplateOutlet]=\"searchFulltextTpl\"></ng-container>\n    <p class=\"a-p o-pry-search-home__search__or\">{{ '@pry.search.home.or' | i18n }}</p>\n  </ng-container>\n  <button class=\"a-btn a-btn--primary -width-full\" (click)=\"onSearchCriteria()\">\n    <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"search-criteria\"></pry-icon>\n    {{ '@pry.search.home.searchByCriteria' | i18n }}\n    <pry-icon iconSvg=\"arrow_right\"></pry-icon>\n  </button>\n</div>\n\n<ng-template #templateSpot>\n  <div (mouseleave)=\"hideSpot()\">\n    {{\n      ((spottingWidget$ | async)?.length ?? 0 > 0\n        ? '@pry.search.namedQuery.spotTitle'\n        : '@pry.search.namedQuery.noSpot'\n      ) | i18n: { length: (spottingWidget$ | async)?.length }\n    }}\n    <div *ngFor=\"let use of spottingWidget$ | async\" class=\"spot-line\">\n      <pry-icon [width]=\"20\" [height]=\"20\" [iconSvg]=\"icons[use.type]\"></pry-icon>\n      {{ '@pry.search.namedQuery.type.' + use.type | i18n }} - {{ '@pry.search.namedQuery.use' | i18n: use }}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #templateRefresh>\n  <div>\n    <button\n      *ngFor=\"let option of refreshOptions\"\n      class=\"refresh-line a-btn a-btn--icon-text -size-sm\"\n      (click)=\"selectRefresh(option)\"\n    >\n      <pry-icon\n        [width]=\"20\"\n        [height]=\"20\"\n        iconSvg=\"check\"\n        *ngIf=\"(((refreshRates$ | async) ?? {})[refreshId] ?? 0) === option\"\n      ></pry-icon>\n      {{ '@pry.search.namedQuery.refresh.' + option | i18n }}\n    </button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.PryNqColorSelectorComponent, selector: "pry-nq-color-selector", inputs: ["disabled", "datasource"], outputs: ["colorChanged"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i3.PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "component", type: i5.PryExpandPanelComponent, selector: "pry-expand-panel", inputs: ["open"] }, { kind: "directive", type: i5.PryExpansionPanelTitleDirective, selector: "pry-expand-panel-title" }, { kind: "component", type: i6.PryCardComponent, selector: "pry-card", inputs: ["selected"], outputs: ["statusChange"] }, { kind: "directive", type: i6.PryCardIconDirective, selector: "pry-card-icon, [pry-card-icon], [pryCardIcon]" }, { kind: "directive", type: i6.PryCardTitleDirective, selector: "pry-card-title, [o-pry-card-title], [pryCardTitle]" }, { kind: "directive", type: i6.PryCardMenuDirective, selector: "pry-card-menu", outputs: ["closeMenu$"], exportAs: ["pryCardMenu"] }, { kind: "component", type: i6.PryCardHeaderComponent, selector: "pry-card-header", inputs: ["marker"] }, { kind: "component", type: PrySearchCssComponent, selector: "pry-search-css" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchHomeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-search-home', template: "<pry-search-css></pry-search-css>\n<div class=\"o-pry-search-home__named-query\">\n  <ng-container *ngIf=\"namedQueryList$ | async as namedQuery\">\n    <ng-container *ngIf=\"namedQuery.length > 0; else noNamedQuery\">\n      <div class=\"o-pry-search-home__named-query__card\">\n        <pry-expand-panel [open]=\"true\">\n          <pry-expand-panel-title>{{ '@pry.search.home.title' | i18n }}</pry-expand-panel-title>\n\n          <pry-card *ngFor=\"let nq of namedQuery.length > 1 && !isMoreList ? namedQuery.slice(0, 2) : namedQuery\">\n            <pry-card-header [marker]=\"true\">\n              <pry-card-icon>\n                <pry-nq-color-selector [datasource]=\"nq\" [disabled]=\"true\"></pry-nq-color-selector>\n                <img\n                  [alt]=\"nq.id | translateId: { type: 'datasource', output: 'name' } | async\"\n                  [height]=\"22\"\n                  [width]=\"22\"\n                  [src]=\"nq.id | translateId: { type: 'datasource', output: 'icon' } | async\"\n                />\n              </pry-card-icon>\n\n              <pry-card-title>\n                <div\n                  class=\"o-pry-card-title__text\"\n                  [pryTooltip]=\"infoTooltip\"\n                  aria-describedby=\"infoTooltip_searchHome\"\n                >\n                  <div class=\"a-p o-pry-card-title__text__title\">{{ nq.name }}</div>\n                  <div class=\"a-p o-pry-card-title__text__description\" *ngIf=\"nq.description\">{{ nq.description }}</div>\n                </div>\n\n                <ng-template #infoTooltip>\n                  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_searchHome\">\n                    <span class=\"m-tooltip__text\">\n                      {{ nq.name }}\n                    </span>\n                    <span class=\"m-tooltip__description\" *ngIf=\"nq.description\">\n                      {{ nq.description }}\n                    </span>\n                  </div>\n                </ng-template>\n\n                <pry-icon\n                  class=\"o-pry-card-title__pin\"\n                  *ngIf=\"nq.favorite\"\n                  [width]=\"18\"\n                  [height]=\"18\"\n                  aria-label=\"favorite\"\n                  iconSvg=\"epingle\"\n                ></pry-icon>\n\n                <button\n                  [pryTooltip]=\"infoTooltipShow\"\n                  pryTooltipPosition=\"bottom\"\n                  aria-describedby=\"infoTooltipShow_searchHome\"\n                  class=\"a-btn a-btn--secondary -size-sm\"\n                  (click)=\"onSearchNamedQuery(nq.id)\"\n                  *ngIf=\"(layout$ | async) !== DashboardGridLayout.MANUAL\"\n                >\n                  {{ '@pry.search.namedQuery.display' | i18n }}\n                  <span class=\"u-visually-hidden\">le widget associ\u00E9 \u00E0 cette recherche</span>\n                </button>\n              </pry-card-title>\n\n              <pry-card-menu>\n                <div class=\"o-pry-card-menu__nav\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onFavorite(nq.id, nq.favorite)\"\n                  >\n                    <pry-icon iconSvg=\"epingle\"></pry-icon>\n                    {{ (nq.favorite ? '@pry.search.namedQuery.noFavorite' : '@pry.search.namedQuery.favorite') | i18n }}\n                  </button>\n                  <pry-card-menu (click)=\"refresh(nq.id)\" class=\"refreshbt\">\n                    <button type=\"button\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\">\n                      <pry-icon iconSvg=\"synchro\"></pry-icon>\n                      {{ '@pry.search.namedQuery.refreshData' | i18n }}\n                    </button>\n                  </pry-card-menu>\n                  <pry-card-menu *ngIf=\"(layout$ | async) !== DashboardGridLayout.MANUAL\">\n                    <button\n                      type=\"button\"\n                      class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                      (click)=\"loadOpened = nq.id; $event.stopPropagation()\"\n                      cdkOverlayOrigin\n                      #triggerLoad=\"cdkOverlayOrigin\"\n                    >\n                      <pry-icon iconSvg=\"file_download\"></pry-icon>\n                      {{ '@pry.search.namedQuery.display' | i18n }}\n                      <pry-icon\n                        iconSvg=\"fleche_haut\"\n                        [ngStyle]=\"{ transform: 'rotate(90deg)', marginLeft: 'auto' }\"\n                      ></pry-icon>\n                    </button>\n\n                    <ng-template\n                      cdkConnectedOverlay\n                      [cdkConnectedOverlayOrigin]=\"triggerLoad\"\n                      [cdkConnectedOverlayOpen]=\"loadOpened === nq.id\"\n                      [cdkConnectedOverlayHasBackdrop]=\"true\"\n                      [cdkConnectedOverlayPositions]=\"[connectedPosition]\"\n                      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n                      (backdropClick)=\"loadOpened = undefined\"\n                    >\n                      <div class=\"o-draggable-menu -search-home\">\n                        <ul class=\"o-draggable-menu__list\">\n                          <ng-container *ngFor=\"let menu of structure\">\n                            <li class=\"o-draggable-menu__list__item\">\n                              <button class=\"a-btn\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                                <pry-icon [iconSvg]=\"menu.icon\"></pry-icon>\n                                {{ menu.label | i18n }}\n                              </button>\n\n                              <ul class=\"o-draggable-menu__list__submenu\">\n                                <ng-container *ngFor=\"let sub of menu.sub\">\n                                  <li class=\"o-draggable-menu__list__submenu__item\">\n                                    <button class=\"a-btn\" (click)=\"loadWidget(nq.id, sub)\">\n                                      <pry-icon [iconSvg]=\"sub.icon\"></pry-icon>\n                                      {{ sub.label | i18n }}\n                                    </button>\n                                  </li>\n                                </ng-container>\n                              </ul>\n                            </li>\n                          </ng-container>\n                        </ul>\n                      </div>\n                    </ng-template>\n                  </pry-card-menu>\n\n                  <pry-card-menu class=\"o-pry-card-menu__nav__item\">\n                    <pry-nq-color-selector [ngStyle]=\"{ width: '100%' }\" [datasource]=\"nq\"></pry-nq-color-selector>\n                  </pry-card-menu>\n\n                  <pry-card-menu (click)=\"onSpot(nq.id, $event)\">\n                    <button type=\"button\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\">\n                      <pry-icon iconSvg=\"mode_clic\"></pry-icon>\n                      {{ '@pry.search.namedQuery.spot' | i18n }}\n                      <pry-icon\n                        iconSvg=\"fleche_haut\"\n                        [ngStyle]=\"{ transform: 'rotate(90deg)', marginLeft: 'auto' }\"\n                      ></pry-icon>\n                    </button>\n                  </pry-card-menu>\n                  <pry-card-menu (click)=\"onRefresh(nq.id, $event)\">\n                    <button type=\"button\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\">\n                      <pry-icon iconSvg=\"history-line\"></pry-icon>\n                      {{ '@pry.search.namedQuery.refresh.title' | i18n }}\n                      <pry-icon\n                        iconSvg=\"fleche_haut\"\n                        [ngStyle]=\"{ transform: 'rotate(90deg)', marginLeft: 'auto' }\"\n                      ></pry-icon>\n                    </button>\n                  </pry-card-menu>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onDelete(nq)\"\n                    *ngIf=\"nq.owner\"\n                  >\n                    <pry-icon iconSvg=\"delete\"></pry-icon>\n                    {{ '@pry.search.namedQuery.delete' | i18n }}\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onRename(nq)\"\n                    *ngIf=\"nq.owner\"\n                  >\n                    <pry-icon iconSvg=\"renamed\"></pry-icon>\n                    {{ '@pry.search.namedQuery.rename' | i18n }}\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onEdit(nq)\"\n                    (keydown.tab)=\"hideSpot()\"\n                  >\n                    <pry-icon iconSvg=\"edit\"></pry-icon>\n                    {{ '@pry.search.namedQuery.edit' | i18n }}\n                  </button>\n                </div>\n              </pry-card-menu>\n            </pry-card-header>\n          </pry-card>\n        </pry-expand-panel>\n      </div>\n      <button\n        class=\"a-btn -link-like\"\n        aria-pressed=\"false\"\n        id=\"btn_view_more\"\n        *ngIf=\"namedQuery.length > 2\"\n        (click)=\"onChangeListView(isMoreList)\"\n      >\n        {{ isMoreList ? ('@pry.search.namedQuery.seeLess' | i18n) : ('@pry.search.namedQuery.seeMore' | i18n) }}\n      </button>\n    </ng-container>\n\n    <ng-template #noNamedQuery>\n      <p class=\"search-home__container-search\">{{ '@pry.search.namedQuery.emptyNamedQuery' | i18n }}</p>\n    </ng-template>\n  </ng-container>\n</div>\n\n<ng-template #infoTooltipShow>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltipShow_searchHome\">\n    <span class=\"m-tooltip__text\"> Afficher le widget associ\u00E9 \u00E0 cette recherche </span>\n  </div>\n</ng-template>\n\n<div class=\"o-pry-search-home__search\">\n  <h3 class=\"a-h3\">{{ '@pry.search.home.ssTitle' | i18n }}</h3>\n  <ng-container *ngIf=\"searchFulltextTpl\">\n    <ng-container [ngTemplateOutlet]=\"searchFulltextTpl\"></ng-container>\n    <p class=\"a-p o-pry-search-home__search__or\">{{ '@pry.search.home.or' | i18n }}</p>\n  </ng-container>\n  <button class=\"a-btn a-btn--primary -width-full\" (click)=\"onSearchCriteria()\">\n    <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"search-criteria\"></pry-icon>\n    {{ '@pry.search.home.searchByCriteria' | i18n }}\n    <pry-icon iconSvg=\"arrow_right\"></pry-icon>\n  </button>\n</div>\n\n<ng-template #templateSpot>\n  <div (mouseleave)=\"hideSpot()\">\n    {{\n      ((spottingWidget$ | async)?.length ?? 0 > 0\n        ? '@pry.search.namedQuery.spotTitle'\n        : '@pry.search.namedQuery.noSpot'\n      ) | i18n: { length: (spottingWidget$ | async)?.length }\n    }}\n    <div *ngFor=\"let use of spottingWidget$ | async\" class=\"spot-line\">\n      <pry-icon [width]=\"20\" [height]=\"20\" [iconSvg]=\"icons[use.type]\"></pry-icon>\n      {{ '@pry.search.namedQuery.type.' + use.type | i18n }} - {{ '@pry.search.namedQuery.use' | i18n: use }}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #templateRefresh>\n  <div>\n    <button\n      *ngFor=\"let option of refreshOptions\"\n      class=\"refresh-line a-btn a-btn--icon-text -size-sm\"\n      (click)=\"selectRefresh(option)\"\n    >\n      <pry-icon\n        [width]=\"20\"\n        [height]=\"20\"\n        iconSvg=\"check\"\n        *ngIf=\"(((refreshRates$ | async) ?? {})[refreshId] ?? 0) === option\"\n      ></pry-icon>\n      {{ '@pry.search.namedQuery.refresh.' + option | i18n }}\n    </button>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }, { type: i3.PryDialogService }]; }, propDecorators: { templateSpot: [{
+                type: ViewChild,
+                args: ['templateSpot', { read: TemplateRef }]
+            }], templateRefresh: [{
+                type: ViewChild,
+                args: ['templateRefresh', { read: TemplateRef }]
+            }], searchFulltextTpl: [{
+                type: Input
+            }], isMoreList: [{
+                type: Input
+            }], changeListView: [{
+                type: Output
+            }], changeSearchCriteria: [{
+                type: Output
+            }] } });
+
+class PrySearchSelectAttributeComponent {
+    set id(val) {
+        this._attributes$ = this.store.select(SearchMonoClassSelectors.selectMonoClassIdSearch).pipe(filter((id) => id !== null), switchMap((id) => this.store.select(ClassSelectors.classById(id))), filter((clazz) => clazz !== undefined), withLatestFrom(this.store.select(FieldSelectors.fields)), map(([clazz, fields]) => {
+            const attributes = [...(clazz.attributes ?? [])].filter((attr) => fields.find((field) => field.id === attr.field)?.type !== FieldType.RAW);
+            return attributes.sort((a, b) => a.name.localeCompare(b.name));
+        }));
+    }
+    get attributes$() {
+        return this._attributes$;
+    }
+    constructor(store) {
+        this.store = store;
+        this.selectAttributeChange = new EventEmitter();
+    }
+    onSelectAttribute(attribute) {
+        this.selectAttributeChange.emit(attribute);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchSelectAttributeComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySearchSelectAttributeComponent, selector: "pry-search-select-attribute", inputs: { id: "id" }, outputs: { selectAttributeChange: "selectAttributeChange" }, ngImport: i0, template: "<ng-container *ngIf=\"_attributes$ | async as attributes\">\n  <ul class=\"m-pry-search-select-attribute\">\n    <li class=\"m-pry-search-select-attribute__item\" *ngFor=\"let attr of attributes\">\n      <button class=\"a-btn\" (click)=\"onSelectAttribute(attr)\">\n        {{ attr.name }}\n      </button>\n    </li>\n  </ul>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchSelectAttributeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-search-select-attribute', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_attributes$ | async as attributes\">\n  <ul class=\"m-pry-search-select-attribute\">\n    <li class=\"m-pry-search-select-attribute__item\" *ngFor=\"let attr of attributes\">\n      <button class=\"a-btn\" (click)=\"onSelectAttribute(attr)\">\n        {{ attr.name }}\n      </button>\n    </li>\n  </ul>\n</ng-container>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { id: [{
+                type: Input
+            }], selectAttributeChange: [{
+                type: Output
+            }] } });
+
+class PrySearchConditionComponent {
+    set attributeId(val) {
+        this.attributeId$.next(val);
+        this.attributeName$ = this.store.select(SearchMonoClassSelectors.selectMonoClassIdSearch).pipe(filter((id) => id !== null), switchMap((id) => this.store.select(ClassSelectors.classById(id))), filter((clazz) => clazz !== undefined), map((clazz) => clazz.attributes.find((c) => c.id === val)?.name ?? ''));
+    }
+    set id(val) {
+        this.conditionId$.next(val);
+        this.conditionId = val;
+    }
+    set useTextDateInputs(val) {
+        this.textDateInputs = val;
+    }
+    constructor(store, _detect) {
+        this.store = store;
+        this._detect = _detect;
+        this.class = 'o-pry-search-condition-wrapper';
+        this.attributeId$ = new Subject();
+        this.conditionId$ = new Subject();
+        this.isDate = false;
+        this.firstValueInvalid = false;
+        this.secondValueInvalid = false;
+        this.conditionValue = '';
+        this.secondConditionValue = '';
+        this.twoValues = false;
+        this.textDateInputs = false;
+        this.dateConditionValue = '';
+        this.sub = new Subscription();
+        this.sub.add(combineLatest([this.attributeId$, this.conditionId$])
+            .pipe(filter(([attributeId, conditionId]) => attributeId !== null && conditionId !== null), tap(([attributeId, conditionId]) => {
+            this.assignOperatorOption$(attributeId);
+            this.assignCondition$(conditionId);
+        }), switchMap(() => combineLatest([this.operatorOptions$, this.condition$])))
+            .subscribe(([operatorOptions, condition]) => {
+            if (condition) {
+                this.conditionValue = condition.value?.toString() ?? '';
+                const operator = operatorOptions.find((ope) => ope.operator === condition.operator);
+                if (operator) {
+                    this.operatorSelectedValue = operator.operator;
+                    this.twoValues = operator.twoValues;
+                }
+                this.pattern = condition.pattern;
+                this.isDate = condition.isDate ?? false;
+                this._detect.markForCheck();
+            }
+        }));
+    }
+    ngOnDestroy() {
+        this.sub.unsubscribe();
+    }
+    onSelectedOperator(operatorType) {
+        this.store.dispatch(SearchMonoClassActions.updateNormalizedConditionOperatorForConditionId({
+            conditionId: this.conditionId,
+            operator: operatorType
+        }));
+    }
+    updateFirstValue() {
+        this.store.dispatch(SearchMonoClassActions.updateNormalizedConditionValueForConditionId({
+            value: this.conditionValue,
+            conditionId: this.conditionId
+        }));
+    }
+    onCheckValidity(evt, first) {
+        if (this.pattern && evt?.target?.value) {
+            if (first) {
+                this.firstValueInvalid = !RegExp(this.pattern).test(evt.target.value);
+            }
+            else {
+                this.secondValueInvalid = !RegExp(this.pattern).test(evt.target.value);
+            }
+            this._detect.markForCheck();
+        }
+    }
+    onDeleteAttributeCondition() {
+        this.store.dispatch(SearchMonoClassActions.deleteNormalizedConditionById({ conditionId: this.conditionId }));
+    }
+    updateSecondValue() {
+        this.store.dispatch(SearchMonoClassActions.updateNormalizedConditionValueForConditionId({
+            value: this.conditionValue,
+            conditionId: this.conditionId,
+            upperValue: this.secondConditionValue
+        }));
+    }
+    updateDateCondition() {
+        this.store.dispatch(SearchMonoClassActions.updateNormalizedConditionValueForConditionId({
+            value: typeof this.dateConditionValue == 'object' ? this.dateConditionValue.start : this.dateConditionValue,
+            conditionId: this.conditionId,
+            upperValue: typeof this.dateConditionValue == 'object' ? this.dateConditionValue.end : ''
+        }));
+    }
+    assignOperatorOption$(attributeId) {
+        this.operatorOptions$ = this.store
+            .select(SearchMonoClassSelectors.selectMonoClassSearchAttributeById(attributeId))
+            .pipe(filter((attr) => attr !== undefined), switchMap((attr) => this.store.select(FieldSelectors.fieldById(attr.field))), filter((field) => field !== undefined), map((field) => {
+            const fieldType = field.type;
+            if (fieldType === FieldType.STRING || fieldType === FieldType.KEYWORD) {
+                return OPERATOR_OPTIONS.filter((el) => el.type === 'string');
+            }
+            else if (fieldType === FieldType.INTEGER ||
+                fieldType === FieldType.DECIMAL ||
+                fieldType === FieldType.LONG) {
+                return OPERATOR_OPTIONS.filter((el) => el.type === 'number');
+            }
+            else {
+                return OPERATOR_OPTIONS.filter((el) => el.type === 'date');
+            }
+        }));
+    }
+    assignCondition$(conditionId) {
+        this.condition$ = this.store
+            .select(SearchMonoClassSelectors.selectMonoClassConditionsById(conditionId))
+            .pipe(filter((cond) => cond !== null));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchConditionComponent, deps: [{ token: i1.Store }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySearchConditionComponent, selector: "pry-search-condition", inputs: { attributeId: "attributeId", id: "id", useTextDateInputs: "useTextDateInputs" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<div class=\"o-pry-search-condition\">\n  <div class=\"o-pry-search-condition__fields\" [class.has-date-picker]=\"isDate && !textDateInputs\">\n    <input class=\"a-form-field\" type=\"text\" [ngModel]=\"attributeName$ | async\" readonly />\n    <pry-select\n      class=\"a-pry-select operator\"\n      [labelTranslate]=\"true\"\n      [items]=\"operatorOptions$ | async\"\n      [itemsAsOption]=\"true\"\n      bindValue=\"operator\"\n      bindLabel=\"translation\"\n      name=\"operator\"\n      [ngModel]=\"operatorSelectedValue\"\n      (ngModelChange)=\"onSelectedOperator($event)\"\n    ></pry-select>\n    <ng-container *ngIf=\"isDate && !textDateInputs; else textInput\">\n      <pry-date-picker\n        class=\"o-pry-search-condition__date-picker\"\n        [(ngModel)]=\"dateConditionValue\"\n        (ngModelChange)=\"updateDateCondition()\"\n        [rangePicker]=\"twoValues\"\n        [roundSelection]=\"true\"\n        [timePicker]=\"true\"\n        required\n      ></pry-date-picker>\n    </ng-container>\n  </div>\n  <ng-template #textInput>\n    <input\n      class=\"a-form-field\"\n      type=\"text\"\n      [placeholder]=\"(twoValues ? '@pry.search.placeholder.minValue' : '@pry.search.placeholder.search') | i18n\"\n      [ngClass]=\"{ '-half': twoValues }\"\n      [class.pry-search-condition-input-pattern]=\"firstValue.touched && firstValueInvalid\"\n      [class.pry-search-condition-input-required]=\"firstValue.touched && firstValue.invalid\"\n      name=\"value\"\n      [type]=\"isDate ? 'date' : 'text'\"\n      required\n      #firstValue=\"ngModel\"\n      [(ngModel)]=\"conditionValue\"\n      (input)=\"onCheckValidity($event, true)\"\n      (focusout)=\"updateFirstValue()\"\n    />\n    <ng-container *ngIf=\"twoValues\">\n      <input\n        class=\"a-form-field\"\n        type=\"text\"\n        [placeholder]=\"'@pry.search.placeholder.maxValue' | i18n\"\n        required\n        [type]=\"isDate ? 'date' : 'text'\"\n        [(ngModel)]=\"secondConditionValue\"\n        (input)=\"onCheckValidity($event, false)\"\n        (focusout)=\"updateSecondValue()\"\n      />\n    </ng-container>\n  </ng-template>\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--icon-only -circle -size-xs delete\"\n    (click)=\"onDeleteAttributeCondition()\"\n    [title]=\"'@pry.search.attribute.remove' | i18n\"\n  >\n    <pry-icon iconSvg=\"close\" [width]=\"22\" [height]=\"22\"></pry-icon>\n    <span class=\"u-visually-hidden\">{{ '@pry.search.attribute.remove' | i18n }}</span>\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "component", type: i3.PryDatePickerComponent, selector: "pry-date-picker", inputs: ["rangePicker", "timePicker", "maxYear", "minYear", "roundSelection"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchConditionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-search-condition', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"o-pry-search-condition\">\n  <div class=\"o-pry-search-condition__fields\" [class.has-date-picker]=\"isDate && !textDateInputs\">\n    <input class=\"a-form-field\" type=\"text\" [ngModel]=\"attributeName$ | async\" readonly />\n    <pry-select\n      class=\"a-pry-select operator\"\n      [labelTranslate]=\"true\"\n      [items]=\"operatorOptions$ | async\"\n      [itemsAsOption]=\"true\"\n      bindValue=\"operator\"\n      bindLabel=\"translation\"\n      name=\"operator\"\n      [ngModel]=\"operatorSelectedValue\"\n      (ngModelChange)=\"onSelectedOperator($event)\"\n    ></pry-select>\n    <ng-container *ngIf=\"isDate && !textDateInputs; else textInput\">\n      <pry-date-picker\n        class=\"o-pry-search-condition__date-picker\"\n        [(ngModel)]=\"dateConditionValue\"\n        (ngModelChange)=\"updateDateCondition()\"\n        [rangePicker]=\"twoValues\"\n        [roundSelection]=\"true\"\n        [timePicker]=\"true\"\n        required\n      ></pry-date-picker>\n    </ng-container>\n  </div>\n  <ng-template #textInput>\n    <input\n      class=\"a-form-field\"\n      type=\"text\"\n      [placeholder]=\"(twoValues ? '@pry.search.placeholder.minValue' : '@pry.search.placeholder.search') | i18n\"\n      [ngClass]=\"{ '-half': twoValues }\"\n      [class.pry-search-condition-input-pattern]=\"firstValue.touched && firstValueInvalid\"\n      [class.pry-search-condition-input-required]=\"firstValue.touched && firstValue.invalid\"\n      name=\"value\"\n      [type]=\"isDate ? 'date' : 'text'\"\n      required\n      #firstValue=\"ngModel\"\n      [(ngModel)]=\"conditionValue\"\n      (input)=\"onCheckValidity($event, true)\"\n      (focusout)=\"updateFirstValue()\"\n    />\n    <ng-container *ngIf=\"twoValues\">\n      <input\n        class=\"a-form-field\"\n        type=\"text\"\n        [placeholder]=\"'@pry.search.placeholder.maxValue' | i18n\"\n        required\n        [type]=\"isDate ? 'date' : 'text'\"\n        [(ngModel)]=\"secondConditionValue\"\n        (input)=\"onCheckValidity($event, false)\"\n        (focusout)=\"updateSecondValue()\"\n      />\n    </ng-container>\n  </ng-template>\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--icon-only -circle -size-xs delete\"\n    (click)=\"onDeleteAttributeCondition()\"\n    [title]=\"'@pry.search.attribute.remove' | i18n\"\n  >\n    <pry-icon iconSvg=\"close\" [width]=\"22\" [height]=\"22\"></pry-icon>\n    <span class=\"u-visually-hidden\">{{ '@pry.search.attribute.remove' | i18n }}</span>\n  </button>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], attributeId: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], useTextDateInputs: [{
+                type: Input
+            }] } });
+
+class PrySearchComposedComponent {
+    onMouseOver(evt) {
+        evt.stopPropagation();
+        this.hover = true;
+    }
+    onMouseOut(evt) {
+        evt.stopPropagation();
+        this.hover = false;
+    }
+    set id(val) {
+        this._id = val;
+        this.condition$ = this.store.select(SearchMonoClassSelectors.selectMonoClassConditionsById(this._id));
+    }
+    constructor(store, _change) {
+        this.store = store;
+        this._change = _change;
+        this.class = 'o-pry-search-composed-wrapper';
+        this.hover = false;
+        this.condition$ = of(null);
+        this.panelNewAttributeOpen = false;
+        this.masterId$ = this.store.select(SearchMonoClassSelectors.selectMonoClassConditionsMasterId);
+    }
+    onAddNestedCondition(conditionId) {
+        this.store.dispatch(SearchMonoClassActions.addNormalizedConditionComposedForConditionId({ conditionId }));
+    }
+    onSelectType(conditionId, conditionType) {
+        this.store.dispatch(SearchMonoClassActions.updateNormalizedConditionTypeForConditionId({ conditionId, conditionType }));
+    }
+    onOpenPanel() {
+        this.panelNewAttributeOpen = true;
+        this._change.markForCheck();
+    }
+    onClosePanel() {
+        if (this.panelNewAttributeOpen) {
+            this.panelNewAttributeOpen = false;
+            this._change.markForCheck();
+        }
+    }
+    onAddAttributeCondition(attribute, conditionId) {
+        this.store.dispatch(SearchMonoClassActions.addNormalizedConditionAttributeForConditionId({ conditionId, attribute }));
+        this.onClosePanel();
+    }
+    onDeleteNestedCondition(conditionId) {
+        this.store.dispatch(SearchMonoClassActions.deleteNormalizedConditionById({ conditionId }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchComposedComponent, deps: [{ token: i1.Store }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySearchComposedComponent, selector: "pry-search-composed", inputs: { id: "id" }, host: { listeners: { "mouseover": "onMouseOver($event)", "mouseout": "onMouseOut($event)" }, properties: { "class": "this.class", "class.is-hover": "this.hover" } }, ngImport: i0, template: "<div class=\"o-pry-search-composed\" [ngClass]=\"{ 'pry-search-composed-hover': hover }\">\n  <ng-container *ngIf=\"condition$ | async as cond\">\n    <ng-container *ngIf=\"cond.type === 'ATTRIBUTE'; else composedBlock\">\n      <ng-container *ngIf=\"cond.attribute\">\n        <pry-search-condition [attributeId]=\"cond.attribute\" [id]=\"cond.id\"></pry-search-condition>\n      </ng-container>\n    </ng-container>\n    <ng-template #composedBlock>\n      <div class=\"o-pry-search-composed__condition\">\n        <div class=\"o-pry-search-composed__condition__type -vertical-bar\">\n          <div class=\"o-pry-search-composed__condition__type__content\">\n            <pry-toggle\n              [leftword]=\"'@pry.search.type.or' | i18n\"\n              [rightword]=\"'@pry.search.type.and' | i18n\"\n              [alwaysActive]=\"true\"\n              [ngModel]=\"cond.type === 'OR'\"\n              (ngModelChange)=\"onSelectType(cond.id, cond.type === 'OR' ? 'AND' : 'OR')\"\n            ></pry-toggle>\n          </div>\n        </div>\n        <div class=\"o-pry-search-composed__condition__content\">\n          <ng-container *ngFor=\"let composedId of cond.composed\">\n            <pry-search-composed [id]=\"composedId\"></pry-search-composed>\n          </ng-container>\n\n          <div class=\"o-pry-search-composed__condition__content__footer\">\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--select -size-sm\"\n              (click)=\"onOpenPanel()\"\n              [pryOverlay]=\"selectAttribute\"\n              [overlayOpen]=\"panelNewAttributeOpen\"\n              (overlayOpenChange)=\"onClosePanel()\"\n              pryOverlayPosition=\"start-bottom\"\n              [pryOverlayNoPadding]=\"true\"\n            >\n              <pry-icon iconSvg=\"add\" [width]=\"15\" [height]=\"15\"></pry-icon>\n              <span>{{ '@pry.search.composed.addCondition' | i18n }}</span>\n            </button>\n            <button type=\"button\" class=\"a-btn a-btn--secondary -size-sm\" (click)=\"onAddNestedCondition(cond.id)\">\n              <pry-icon iconSvg=\"picture-in-picture\" [width]=\"16\" [height]=\"16\"></pry-icon>\n              <span>{{ '@pry.search.composed.addGroup' | i18n }}</span>\n            </button>\n            <ng-container *ngIf=\"masterId$ | async as masterId\">\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--icon-only -circle -size-sm o-pry-search-composed__condition__content__footer__remove\"\n                *ngIf=\"masterId !== cond.id\"\n                (click)=\"onDeleteNestedCondition(cond.id)\"\n              >\n                <pry-icon iconSvg=\"close\" [width]=\"16\" [height]=\"16\"></pry-icon>\n                <span class=\"u-visually-hidden\">{{ '@pry.search.composed.remove' | i18n }}</span>\n              </button>\n            </ng-container>\n          </div>\n\n          <ng-template #selectAttribute>\n            <pry-search-select-attribute\n              [id]=\"cond.id\"\n              (selectAttributeChange)=\"onAddAttributeCondition($event, cond.id)\"\n            ></pry-search-select-attribute>\n          </ng-template>\n        </div>\n      </div>\n    </ng-template>\n  </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { 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: i3.PryToggleComponent, selector: "pry-toggle", inputs: ["alwaysActive", "disabled", "mode", "size", "dir", "leftword", "rightword"] }, { kind: "directive", type: i3.PryOverlayDirective, selector: "[pryOverlay]", inputs: ["pryOverlay", "styleReversed", "pryOverlaySticky", "pryOverlayNoPadding", "pryOverlayPosition", "overlayOpen", "hasBackdrop"], outputs: ["overlayOpenChange"] }, { kind: "component", type: PrySearchComposedComponent, selector: "pry-search-composed", inputs: ["id"] }, { kind: "component", type: PrySearchSelectAttributeComponent, selector: "pry-search-select-attribute", inputs: ["id"], outputs: ["selectAttributeChange"] }, { kind: "component", type: PrySearchConditionComponent, selector: "pry-search-condition", inputs: ["attributeId", "id", "useTextDateInputs"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchComposedComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-search-composed', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"o-pry-search-composed\" [ngClass]=\"{ 'pry-search-composed-hover': hover }\">\n  <ng-container *ngIf=\"condition$ | async as cond\">\n    <ng-container *ngIf=\"cond.type === 'ATTRIBUTE'; else composedBlock\">\n      <ng-container *ngIf=\"cond.attribute\">\n        <pry-search-condition [attributeId]=\"cond.attribute\" [id]=\"cond.id\"></pry-search-condition>\n      </ng-container>\n    </ng-container>\n    <ng-template #composedBlock>\n      <div class=\"o-pry-search-composed__condition\">\n        <div class=\"o-pry-search-composed__condition__type -vertical-bar\">\n          <div class=\"o-pry-search-composed__condition__type__content\">\n            <pry-toggle\n              [leftword]=\"'@pry.search.type.or' | i18n\"\n              [rightword]=\"'@pry.search.type.and' | i18n\"\n              [alwaysActive]=\"true\"\n              [ngModel]=\"cond.type === 'OR'\"\n              (ngModelChange)=\"onSelectType(cond.id, cond.type === 'OR' ? 'AND' : 'OR')\"\n            ></pry-toggle>\n          </div>\n        </div>\n        <div class=\"o-pry-search-composed__condition__content\">\n          <ng-container *ngFor=\"let composedId of cond.composed\">\n            <pry-search-composed [id]=\"composedId\"></pry-search-composed>\n          </ng-container>\n\n          <div class=\"o-pry-search-composed__condition__content__footer\">\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--select -size-sm\"\n              (click)=\"onOpenPanel()\"\n              [pryOverlay]=\"selectAttribute\"\n              [overlayOpen]=\"panelNewAttributeOpen\"\n              (overlayOpenChange)=\"onClosePanel()\"\n              pryOverlayPosition=\"start-bottom\"\n              [pryOverlayNoPadding]=\"true\"\n            >\n              <pry-icon iconSvg=\"add\" [width]=\"15\" [height]=\"15\"></pry-icon>\n              <span>{{ '@pry.search.composed.addCondition' | i18n }}</span>\n            </button>\n            <button type=\"button\" class=\"a-btn a-btn--secondary -size-sm\" (click)=\"onAddNestedCondition(cond.id)\">\n              <pry-icon iconSvg=\"picture-in-picture\" [width]=\"16\" [height]=\"16\"></pry-icon>\n              <span>{{ '@pry.search.composed.addGroup' | i18n }}</span>\n            </button>\n            <ng-container *ngIf=\"masterId$ | async as masterId\">\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--icon-only -circle -size-sm o-pry-search-composed__condition__content__footer__remove\"\n                *ngIf=\"masterId !== cond.id\"\n                (click)=\"onDeleteNestedCondition(cond.id)\"\n              >\n                <pry-icon iconSvg=\"close\" [width]=\"16\" [height]=\"16\"></pry-icon>\n                <span class=\"u-visually-hidden\">{{ '@pry.search.composed.remove' | i18n }}</span>\n              </button>\n            </ng-container>\n          </div>\n\n          <ng-template #selectAttribute>\n            <pry-search-select-attribute\n              [id]=\"cond.id\"\n              (selectAttributeChange)=\"onAddAttributeCondition($event, cond.id)\"\n            ></pry-search-select-attribute>\n          </ng-template>\n        </div>\n      </div>\n    </ng-template>\n  </ng-container>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], hover: [{
+                type: HostBinding,
+                args: ['class.is-hover']
+            }], onMouseOver: [{
+                type: HostListener,
+                args: ['mouseover', ['$event']]
+            }], onMouseOut: [{
+                type: HostListener,
+                args: ['mouseout', ['$event']]
+            }], id: [{
+                type: Input
+            }] } });
+
+class PrySearchOrderComponent {
+    onMouseOver(evt) {
+        evt.stopPropagation();
+        this.hover = true;
+    }
+    onMouseOut(evt) {
+        evt.stopPropagation();
+        this.hover = false;
+    }
+    constructor(store, translateService) {
+        this.store = store;
+        this.translateService = translateService;
+        this.class = 'o-pry-search-order-wrapper';
+        this.hover = false;
+        this.activated = false;
+        this.masterId$ = this.store.select(SearchMonoClassSelectors.selectMonoClassConditionsMasterId);
+        this.monoClassId$ = this.store.select(SearchMonoClassSelectors.selectMonoClassIdSearch);
+        this.order$ = this.store.select(SearchMonoClassSelectors.order);
+        this.classes$ = this.store.select(ClassSelectors.classes);
+        this.fields$ = this.store.select(FieldSelectors.fields);
+        this.variableAttributes$ = combineLatest([this.monoClassId$, this.classes$]).pipe(map$1(([classId, classes]) => classes.find((clazz) => clazz.id === classId)?.attributes ?? []), withLatestFrom(this.fields$), map$1(([attrs, fields]) => attrs.filter((attr) => fields.find((f) => f.id === attr.field)?.type !== FieldType.RAW)), map$1((attrs) => attrs.concat({
+            name: this.translateService.instant('@pry.search.composed.orderNone'),
+            id: 'null'
+        })), distinctUntilChanged((p, c) => equal(p, c)));
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.activated = true;
+        }, 100);
+    }
+    changeProperty(_attribute, asc) {
+        if (this.activated) {
+            const attribute = _attribute === 'null' ? undefined : _attribute;
+            this.store.dispatch(SearchMonoClassActions.addOrder({ attribute: attribute, asc: asc ?? (attribute ? 'asc' : undefined) }));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchOrderComponent, deps: [{ token: i1.Store }, { token: i3.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySearchOrderComponent, selector: "pry-search-order", host: { listeners: { "mouseover": "onMouseOver($event)", "mouseout": "onMouseOut($event)" }, properties: { "class": "this.class", "class.is-hover": "this.hover" } }, ngImport: i0, template: "<div class=\"o-pry-search-order\">\n  <pry-select\n    (ngModelChange)=\"changeProperty($event)\"\n    [itemsAsOption]=\"true\"\n    [items]=\"variableAttributes$ | async\"\n    [ngModel]=\"(order$ | async)?.attribute ?? 'null'\"\n    bindLabel=\"name\"\n    bindValue=\"id\"\n    class=\"a-pry-select\"\n  ></pry-select>\n  <pry-toggle\n    *ngIf=\"(order$ | async)?.attribute\"\n    [ngModel]=\"(order$ | async)?.asc === 'asc'\"\n    (ngModelChange)=\"changeProperty(undefined, $event ? 'asc' : 'desc')\"\n    [alwaysActive]=\"true\"\n    dir=\"ltr\"\n  >\n    {{ ((order$ | async)?.asc === 'asc' ? '@pry.search.composed.orderA' : '@pry.search.composed.orderD') | i18n }}\n  </pry-toggle>\n</div>\n", dependencies: [{ kind: "directive", type: i2.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: "directive", type: i5$1.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "component", type: i3.PryToggleComponent, selector: "pry-toggle", inputs: ["alwaysActive", "disabled", "mode", "size", "dir", "leftword", "rightword"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchOrderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-search-order', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"o-pry-search-order\">\n  <pry-select\n    (ngModelChange)=\"changeProperty($event)\"\n    [itemsAsOption]=\"true\"\n    [items]=\"variableAttributes$ | async\"\n    [ngModel]=\"(order$ | async)?.attribute ?? 'null'\"\n    bindLabel=\"name\"\n    bindValue=\"id\"\n    class=\"a-pry-select\"\n  ></pry-select>\n  <pry-toggle\n    *ngIf=\"(order$ | async)?.attribute\"\n    [ngModel]=\"(order$ | async)?.asc === 'asc'\"\n    (ngModelChange)=\"changeProperty(undefined, $event ? 'asc' : 'desc')\"\n    [alwaysActive]=\"true\"\n    dir=\"ltr\"\n  >\n    {{ ((order$ | async)?.asc === 'asc' ? '@pry.search.composed.orderA' : '@pry.search.composed.orderD') | i18n }}\n  </pry-toggle>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i3.PryI18nService }]; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], hover: [{
+                type: HostBinding,
+                args: ['class.is-hover']
+            }], onMouseOver: [{
+                type: HostListener,
+                args: ['mouseover', ['$event']]
+            }], onMouseOut: [{
+                type: HostListener,
+                args: ['mouseout', ['$event']]
+            }] } });
+
+class PrySearchMonoClassComponent {
+    constructor(store) {
+        this.store = store;
+        this.classes$ = this.store.select(ClassSelectors.classes);
+        this.monoClassMasterId$ = this.store.select(SearchMonoClassSelectors.selectMonoClassConditionsMasterId);
+        this.monoClassId$ = this.store.select(SearchMonoClassSelectors.selectMonoClassIdSearch);
+        this.monoClass$ = this.store.select(SearchMonoClassSelectors.selectMonoClassIdSearch).pipe(filter$1((id) => id !== null), switchMap$1((id) => this.store.select(ClassSelectors.classById(id))), filter$1((clazz) => clazz !== null));
+    }
+    onChangeClass(classId) {
+        this.store.dispatch(SearchMonoClassActions.addOrder({}));
+        this.monoClassId$
+            .pipe(take$1(1), filter$1((monoClassId) => monoClassId !== classId))
+            .subscribe(() => this.store.dispatch(SearchMonoClassActions.selectMonoClassSearch({ classId })));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchMonoClassComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySearchMonoClassComponent, selector: "pry-search-mono-class", ngImport: i0, template: "<div class=\"o-search-mono-class\">\n  <div class=\"o-search-mono-class__header search-mono__header\">\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"composed_class\">{{ '@pry.search.composed.class' | i18n }}</label>\n      <pry-select\n        [items]=\"classes$ | async\"\n        [itemsAsOption]=\"true\"\n        bindValue=\"id\"\n        [ngModel]=\"monoClassId$ | async\"\n        (ngModelChange)=\"onChangeClass($event)\"\n        [templateLabel]=\"optionTpl\"\n        [templateOption]=\"optionTpl\"\n        class=\"a-pry-select\"\n        id=\"composed_class\"\n      >\n      </pry-select>\n    </div>\n\n    <ng-template #optionTpl let-item=\"item\">\n      <div class=\"o-search-mono-class__header__selected search-class-selected__content\">\n        <ng-container *ngIf=\"item.image; else noImg\">\n          <img\n            alt=\"\"\n            [height]=\"25\"\n            [width]=\"25\"\n            [src]=\"item.id | translateId: { type: 'class', output: 'icon' } | async\"\n          />\n        </ng-container>\n        <ng-template #noImg>\n          <img\n            alt=\"\"\n            [height]=\"25\"\n            [width]=\"25\"\n            [src]=\"item.id | translateId: { type: 'class', output: 'icon' } | async\"\n          />\n        </ng-template>\n        <span>{{ item.name }}</span>\n      </div>\n    </ng-template>\n  </div>\n\n  <div class=\"o-search-mono-class__content-wrapper search-mono__content\">\n    <div class=\"o-search-mono-class__content search-mono__content__wrapper\">\n      <ng-container *ngIf=\"monoClassMasterId$ | async as conditionId; else noCondition\">\n        <p class=\"o-search-mono-class__content__title search-mono__content__title\">\n          {{ '@pry.search.composed.title' | i18n }}\n        </p>\n        <ng-container *ngIf=\"monoClass$ | async as clazz\">\n          <pry-search-composed [id]=\"conditionId\"></pry-search-composed>\n          <p class=\"o-search-mono-class__content__title search-mono__content__title\">\n            {{ '@pry.search.composed.order' | i18n }}\n          </p>\n          <pry-search-order></pry-search-order>\n        </ng-container>\n      </ng-container>\n    </div>\n    <ng-template #noCondition>{{ '@pry.search.composed.shouldSelectClass' | i18n }}</ng-template>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.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: i3.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "component", type: PrySearchComposedComponent, selector: "pry-search-composed", inputs: ["id"] }, { kind: "component", type: PrySearchOrderComponent, selector: "pry-search-order" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchMonoClassComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-search-mono-class', template: "<div class=\"o-search-mono-class\">\n  <div class=\"o-search-mono-class__header search-mono__header\">\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"composed_class\">{{ '@pry.search.composed.class' | i18n }}</label>\n      <pry-select\n        [items]=\"classes$ | async\"\n        [itemsAsOption]=\"true\"\n        bindValue=\"id\"\n        [ngModel]=\"monoClassId$ | async\"\n        (ngModelChange)=\"onChangeClass($event)\"\n        [templateLabel]=\"optionTpl\"\n        [templateOption]=\"optionTpl\"\n        class=\"a-pry-select\"\n        id=\"composed_class\"\n      >\n      </pry-select>\n    </div>\n\n    <ng-template #optionTpl let-item=\"item\">\n      <div class=\"o-search-mono-class__header__selected search-class-selected__content\">\n        <ng-container *ngIf=\"item.image; else noImg\">\n          <img\n            alt=\"\"\n            [height]=\"25\"\n            [width]=\"25\"\n            [src]=\"item.id | translateId: { type: 'class', output: 'icon' } | async\"\n          />\n        </ng-container>\n        <ng-template #noImg>\n          <img\n            alt=\"\"\n            [height]=\"25\"\n            [width]=\"25\"\n            [src]=\"item.id | translateId: { type: 'class', output: 'icon' } | async\"\n          />\n        </ng-template>\n        <span>{{ item.name }}</span>\n      </div>\n    </ng-template>\n  </div>\n\n  <div class=\"o-search-mono-class__content-wrapper search-mono__content\">\n    <div class=\"o-search-mono-class__content search-mono__content__wrapper\">\n      <ng-container *ngIf=\"monoClassMasterId$ | async as conditionId; else noCondition\">\n        <p class=\"o-search-mono-class__content__title search-mono__content__title\">\n          {{ '@pry.search.composed.title' | i18n }}\n        </p>\n        <ng-container *ngIf=\"monoClass$ | async as clazz\">\n          <pry-search-composed [id]=\"conditionId\"></pry-search-composed>\n          <p class=\"o-search-mono-class__content__title search-mono__content__title\">\n            {{ '@pry.search.composed.order' | i18n }}\n          </p>\n          <pry-search-order></pry-search-order>\n        </ng-container>\n      </ng-container>\n    </div>\n    <ng-template #noCondition>{{ '@pry.search.composed.shouldSelectClass' | i18n }}</ng-template>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; } });
+
+class SearchMultiClassService {
+    generateCondition(field, operator) {
+        const id = v4();
+        return {
+            id,
+            field,
+            operator: operator ? operator : field ? 'EQUALS' : null,
+            value: field ? '' : null,
+            isDate: false
+        };
+    }
+    getConditionsFromSearchPayload(payload, fields) {
+        return payload.fields.map((item) => {
+            const generatedCondition = this.generateCondition(item.field, item.operator);
+            const field = fields.find((field) => field.id === item.field);
+            if (!field) {
+                return generatedCondition;
+            }
+            const pattern = this.getPatternForField(field);
+            return {
+                ...generatedCondition,
+                value: item.value,
+                pattern,
+                isDate: field?.type === FieldType.INSTANT
+            };
+        });
+    }
+    buildConditionsToSearchPayload(conditions, classes, multiType) {
+        const oClasses = this.getClassesIdsByConditions(conditions, classes);
+        const fields = conditions.map((c) => ({
+            field: c.field,
+            operator: c.operator,
+            value: c.value,
+            upperValue: c.upperValue
+        }));
+        return {
+            fullSearch: null,
+            type: NamedQueryTypes.MULTI_CLASS,
+            multiType,
+            oClasses,
+            fields: fields.map((f) => {
+                if (f.operator === 'INSIDE' || f.operator === 'OUTSIDE') {
+                    return f;
+                }
+                const { upperValue, ...rest } = f;
+                return rest;
+            })
+        };
+    }
+    getFieldsAvailable(conditions, classes, fields, excludedCondition) {
+        const selectedFields = this.getSelectedFields(conditions, excludedCondition);
+        const availableClasses = this.getClassesIntersectFields(selectedFields, classes);
+        const classesByFields = {};
+        const availableFields = [
+            ...new Set(availableClasses.reduce((acc, c) => {
+                const fieldsByClass = c.attributes
+                    .map((a) => fields.find((f) => f.id === a.field))
+                    .filter((f) => f !== undefined);
+                fieldsByClass.forEach((f) => {
+                    classesByFields[f.id] = classesByFields[f.id] ? [...classesByFields[f.id], c.name] : [c.name];
+                });
+                return [...acc, ...fieldsByClass];
+            }, []))
+        ];
+        return availableFields.map((f) => ({
+            id: f.id,
+            name: f.name,
+            classes: classesByFields[f.id]
+        }));
+    }
+    getClassesForField(conditions, condition, classes) {
+        const selectedFields = this.getSelectedFields(conditions);
+        const availableClasses = this.getClassesIntersectFields(selectedFields, classes);
+        return condition
+            ? availableClasses.filter((c) => c.attributes.find((a) => a.field === condition.field))
+            : availableClasses;
+    }
+    getPatternForField(field) {
+        const type = field.type;
+        switch (type) {
+            case FieldType.DECIMAL:
+                return '^[+-]?([0-9]*[.])?[0-9]+$';
+            case FieldType.INTEGER:
+            case FieldType.LONG:
+                return '^[+-]?[0-9]+$';
+            case FieldType.STRING:
+            case FieldType.KEYWORD:
+                return '^.+$';
+            case FieldType.INSTANT:
+                return '^[0-9]{4}-[0-9]{2}-[0-9]{2}$|^[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}:[0-9]{2}$';
+            default:
+                return '^.+$';
+        }
+    }
+    getClassesIdsByConditions(conditions, classes) {
+        const selectedFields = this.getSelectedFields(conditions);
+        const availableClasses = this.getClassesIntersectFields(selectedFields, classes);
+        return availableClasses.map((c) => c.id);
+    }
+    getClassesIntersectFields(fields, classes) {
+        return fields?.length > 0
+            ? classes.filter((c) => {
+                const fieldsInClass = c.attributes.map((a) => a.field);
+                const intersect = fields.filter((field) => fieldsInClass.includes(field)).length;
+                return intersect === fields.length;
+            })
+            : classes;
+    }
+    getSelectedFields(conditions, excludedCondition) {
+        return [
+            ...new Set(conditions.filter((c) => !(c.id === excludedCondition || c.field === undefined)).map((c) => c.field))
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchMultiClassService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchMultiClassService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchMultiClassService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class MultiClassFieldSelectionComponent {
+    set conditionId(val) {
+        this._conditionId = val;
+        this.availableFields$ = combineLatest([this.conditions$, this.classes$, this.fields$]).pipe(map(([conditions, classes, fields]) => this.sortFields(conditions, classes, fields)), map((fields) => {
+            const uniqueFields = fields.map((field) => ({
+                ...field,
+                classes: [...new Set(field.classes)]
+            }));
+            return uniqueFields;
+        }));
+    }
+    get conditionId() {
+        return this._conditionId;
+    }
+    constructor(store, searchMultiClassService) {
+        this.store = store;
+        this.searchMultiClassService = searchMultiClassService;
+        this.fieldSearch = '';
+        this.closeModal = new EventEmitter();
+        this.selectFieldChange = new EventEmitter();
+        this.classes$ = this.store.select(ClassSelectors.classes);
+        this.fields$ = this.store
+            .select(FieldSelectors.fields)
+            .pipe(map((fields) => fields.filter((field) => field.type !== FieldType.RAW)));
+        this.conditions$ = this.store.select(SearchMultiClassSelectors.conditions);
+        this.availableFields$ = combineLatest([this.conditions$, this.classes$, this.fields$]).pipe(map(([conditions, classes, fields]) => this.sortFields(conditions, classes, fields)), map((fields) => {
+            const uniqueFields = fields.map((field) => ({
+                ...field,
+                classes: [...new Set(field.classes)]
+            }));
+            return uniqueFields;
+        }));
+    }
+    sortFields(conditions, classes, fields) {
+        const availableFields = this.searchMultiClassService.getFieldsAvailable(conditions, classes, fields, this._conditionId);
+        return availableFields.sort((a, b) => a.name.localeCompare(b.name));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: MultiClassFieldSelectionComponent, deps: [{ token: i1.Store }, { token: SearchMultiClassService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: MultiClassFieldSelectionComponent, selector: "pry-multi-class-field-selection", inputs: { conditionId: "conditionId" }, outputs: { closeModal: "closeModal", selectFieldChange: "selectFieldChange" }, ngImport: i0, template: "<div class=\"o-multi-class-field-selection\" id=\"popin\">\n  <div class=\"o-multi-class-field-selection__header\" data-toggle=\"popin\">\n    <div class=\"o-multi-class-field-selection__header__top\">\n      <div class=\"o-multi-class-field-selection__header__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.search.multi.selectField' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-multi-class-field-selection__header__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"closeModal.emit()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <ng-container *ngIf=\"availableFields$ | async as list\">\n      <ng-container *ngIf=\"list.length > 7\">\n        <div class=\"o-multi-class-field-selection__header__search\">\n          <input class=\"a-form-field\" type=\"text\" [(ngModel)]=\"fieldSearch\" placeholder=\"Filtrer\" />\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\n  <div class=\"o-multi-class-field-selection__legend\">{{ '@pry.search.multi.legend' | i18n }}</div>\n  <ul class=\"o-multi-class-field-selection__fields\">\n    <ng-container *ngFor=\"let field of availableFields$ | async | pryFilter: 'name' : fieldSearch\">\n      <li class=\"o-multi-class-field-selection__fields__select\" (click)=\"selectFieldChange.emit(field.id)\">\n        <button class=\"a-btn -link-like\">\n          {{ field.name }}\n          <span class=\"o-multi-class-field-selection__fields__select__inside\"\n            >{{ '@pry.search.multi.in' | i18n }}\n            <ng-container> {{ field.classes.join(', ') }} </ng-container>\n          </span>\n        </button>\n      </li>\n    </ng-container>\n  </ul>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.PryFilterPipe, name: "pryFilter" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: MultiClassFieldSelectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-multi-class-field-selection', template: "<div class=\"o-multi-class-field-selection\" id=\"popin\">\n  <div class=\"o-multi-class-field-selection__header\" data-toggle=\"popin\">\n    <div class=\"o-multi-class-field-selection__header__top\">\n      <div class=\"o-multi-class-field-selection__header__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.search.multi.selectField' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-multi-class-field-selection__header__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"closeModal.emit()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <ng-container *ngIf=\"availableFields$ | async as list\">\n      <ng-container *ngIf=\"list.length > 7\">\n        <div class=\"o-multi-class-field-selection__header__search\">\n          <input class=\"a-form-field\" type=\"text\" [(ngModel)]=\"fieldSearch\" placeholder=\"Filtrer\" />\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\n  <div class=\"o-multi-class-field-selection__legend\">{{ '@pry.search.multi.legend' | i18n }}</div>\n  <ul class=\"o-multi-class-field-selection__fields\">\n    <ng-container *ngFor=\"let field of availableFields$ | async | pryFilter: 'name' : fieldSearch\">\n      <li class=\"o-multi-class-field-selection__fields__select\" (click)=\"selectFieldChange.emit(field.id)\">\n        <button class=\"a-btn -link-like\">\n          {{ field.name }}\n          <span class=\"o-multi-class-field-selection__fields__select__inside\"\n            >{{ '@pry.search.multi.in' | i18n }}\n            <ng-container> {{ field.classes.join(', ') }} </ng-container>\n          </span>\n        </button>\n      </li>\n    </ng-container>\n  </ul>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: SearchMultiClassService }]; }, propDecorators: { conditionId: [{
+                type: Input
+            }], closeModal: [{
+                type: Output
+            }], selectFieldChange: [{
+                type: Output
+            }] } });
+
+class MultiClassConditionComponent {
+    set id(val) {
+        this._id = val;
+        this.condition$ = this.store.select(SearchMultiClassSelectors.getConditionById(this._id));
+        this.condition$
+            .pipe(filter((c) => c?.field !== undefined), take(1))
+            .subscribe((c) => {
+            if (c.isDate && typeof this.form.get('value')?.value !== 'string') {
+                this.form.patchValue({ operator: c.operator, value: { start: c.value, end: c.upperValue } });
+            }
+            else {
+                this.form.patchValue({ operator: c.operator, value: c.value, upperValue: c.upperValue }, { emitEvent: false });
+            }
+            this.formValue?.setValidators([Validators.required]);
+            this.formValue?.updateValueAndValidity();
+            if (c.value !== null) {
+                this.form.markAllAsTouched();
+            }
+            this.form.enable({ emitEvent: false });
+        });
+        this.field$ = this.condition$.pipe(filter((c) => c !== undefined), switchMap((c) => this.store.select(FieldSelectors.fieldById(c.field))));
+        this.classesLinked$ = combineLatest([this.conditions$, this.condition$, this.classes$]).pipe(map(([conditions, condition, classes]) => this.service.getClassesForField(conditions, condition, classes)), filter((clazz) => (clazz?.length ?? 0) > 0));
+        this.operators$ = this.condition$.pipe(filter((c) => c !== undefined), switchMap((c) => this.store.select(FieldSelectors.fieldById(c.field))), filter((f) => f !== undefined), map((f) => {
+            const type = f.type;
+            if ([FieldType.STRING, FieldType.KEYWORD].includes(type)) {
+                return OPERATOR_OPTIONS.filter((opt) => opt.type === 'string');
+            }
+            else if ([FieldType.DECIMAL, FieldType.INTEGER, FieldType.LONG].includes(type)) {
+                return OPERATOR_OPTIONS.filter((opt) => opt.type === 'number');
+            }
+            else {
+                return OPERATOR_OPTIONS.filter((opt) => opt.type === 'date');
+            }
+        }));
+    }
+    get formValue() {
+        return this.form.get('value');
+    }
+    constructor(store, service, overlay, viewContainerRef) {
+        this.store = store;
+        this.service = service;
+        this.overlay = overlay;
+        this.viewContainerRef = viewContainerRef;
+        this.condition$ = of(undefined);
+        this.classesLinked$ = of([]);
+        this.field$ = of(undefined);
+        this.operators$ = of([]);
+        this.opened = false;
+        this.form = new UntypedFormGroup({
+            operator: new UntypedFormControl({ value: null, disabled: true }, [Validators.required]),
+            value: new UntypedFormControl({ value: null, disabled: true }, [Validators.required]),
+            upperValue: new UntypedFormControl({ value: null, disabled: true }, [])
+        });
+        this.classes$ = this.store.select(ClassSelectors.classes);
+        this.conditions$ = this.store.select(SearchMultiClassSelectors.conditions);
+        this.notLastCondition$ = this.conditions$.pipe(map((conditions) => (conditions?.length ?? 0) !== 1));
+    }
+    ngOnInit() {
+        this.form.get('operator')?.valueChanges.subscribe((value) => {
+            if (this._id) {
+                this.store.dispatch(SearchMultiClassActions.updateCondition({ conditionId: this._id, key: 'operator', value }));
+            }
+        });
+    }
+    onRemoveCondition(condition) {
+        this.store.dispatch(SearchMultiClassActions.removeCondition({ conditionId: condition.id }));
+    }
+    toggleFieldSelection() {
+        this.opened = !this.opened;
+        if (this.opened) {
+            this.openWithTemplate();
+        }
+        else {
+            this.store.dispatch(ConfigActions.closeOverlay({ id: this.constructor.name }));
+            this.overlayRef?.dispose();
+        }
+    }
+    openWithTemplate() {
+        this.overlayRef = this.overlay.create(new OverlayConfig({
+            hasBackdrop: true,
+            backdropClass: 'backdrop',
+            positionStrategy: this.overlay.position().global().centerHorizontally().centerVertically(),
+            minHeight: '300px',
+            maxHeight: '600px',
+            width: '500px'
+        }));
+        this.store.dispatch(ConfigActions.addingOverlay({ id: this.constructor.name }));
+        this.overlayRef.backdropClick().subscribe((_) => this.toggleFieldSelection());
+        this.overlayRef.attach(new TemplatePortal(this.fieldSelectionTpl, this.viewContainerRef));
+    }
+    onChangeField(condition, field) {
+        if (condition.field !== field) {
+            this.store.dispatch(SearchMultiClassActions.updateConditionField({ conditionId: condition.id, field }));
+        }
+        this.toggleFieldSelection();
+    }
+    onCloseModal() {
+        this.toggleFieldSelection();
+    }
+    onUpdateValue(condition) {
+        let formValue, formSecondValue;
+        if (condition.isDate && typeof this.form.get('value')?.value !== 'string') {
+            formValue = this.form.get('value')?.value.start;
+            formSecondValue = this.form.get('value')?.value.end;
+        }
+        else {
+            formValue = this.form.get('value')?.value;
+            formSecondValue = this.form.get('upperValue')?.value;
+        }
+        if (formValue !== condition.value || formSecondValue !== condition.upperValue) {
+            this.store.dispatch(SearchMultiClassActions.updateCondition({
+                conditionId: condition.id,
+                key: 'value',
+                value: formValue,
+                upperValue: formSecondValue
+            }));
+        }
+    }
+    get hasTwoFields() {
+        return this.form.get('operator')?.value === 'INSIDE' || this.form.get('operator')?.value === 'OUTSIDE';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: MultiClassConditionComponent, deps: [{ token: i1.Store }, { token: SearchMultiClassService }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: MultiClassConditionComponent, selector: "pry-multi-class-condition", inputs: { id: "id" }, viewQueries: [{ propertyName: "fieldSelectionTpl", first: true, predicate: ["fieldSelectionTpl"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<ng-container *ngIf=\"condition$ | async as condition\">\n  <div class=\"o-multi-class-condition\">\n    <div class=\"o-multi-class-condition__content\">\n      <div class=\"o-multi-class-condition__content__action\">\n        <button\n          type=\"button\"\n          class=\"a-btn a-btn--primary -size-sm -width-full\"\n          aria-label=\"selection button\"\n          (click)=\"toggleFieldSelection()\"\n        >\n          <ng-container *ngIf=\"field$ | async as field; else noFieldTpl\">\n            {{ field.name }}\n          </ng-container>\n          <ng-template #noFieldTpl>{{ '@pry.search.multi.selectField' | i18n }}</ng-template>\n        </button>\n\n        <ng-container *ngIf=\"classesLinked$ | async as classesLinked\">\n          <pry-icon\n            iconSvg=\"links_line\"\n            [width]=\"15\"\n            [height]=\"15\"\n            style=\"color: black\"\n            [pryTooltip]=\"classesTooltip\"\n            pryTooltipPosition=\"after\"\n          ></pry-icon>\n          <ng-template #classesTooltip>\n            <span>\n              {{ '@pry.search.multi.in' | i18n }}\n              <span *ngFor=\"let clazz of classesLinked; let last = last\">\n                {{ clazz.name }}\n                <ng-container *ngIf=\"!last\">, </ng-container>\n              </span>\n            </span>\n          </ng-template>\n        </ng-container>\n      </div>\n\n      <ng-container [formGroup]=\"form\">\n        <div class=\"m-form-label-field\">\n          <pry-select\n            [items]=\"operators$ | async\"\n            placeholder=\"Op\u00E9rateur\"\n            formControlName=\"operator\"\n            [itemsAsOption]=\"true\"\n            [labelTranslate]=\"true\"\n            bindValue=\"operator\"\n            bindLabel=\"translation\"\n            class=\"a-pry-select\"\n          ></pry-select>\n        </div>\n        <div class=\"m-form-label-field\">\n          <ng-container *ngIf=\"condition.isDate; else classicInput\">\n            <pry-date-picker\n              formControlName=\"value\"\n              (click)=\"onUpdateValue(condition)\"\n              [rangePicker]=\"hasTwoFields\"\n              [roundSelection]=\"true\"\n              [timePicker]=\"true\"\n            ></pry-date-picker>\n          </ng-container>\n          <ng-template #classicInput>\n            <input\n              type=\"text\"\n              class=\"a-form-field\"\n              [placeholder]=\"\n                (hasTwoFields ? '@pry.search.placeholder.minValue' : '@pry.search.placeholder.search') | i18n\n              \"\n              formControlName=\"value\"\n              (focusout)=\"onUpdateValue(condition)\"\n            />\n            <ng-container *ngIf=\"hasTwoFields\">\n              <input\n                type=\"text\"\n                class=\"a-form-field\"\n                [placeholder]=\"'@pry.search.placeholder.maxValue' | i18n\"\n                formControlName=\"upperValue\"\n                (focusout)=\"onUpdateValue(condition)\"\n              />\n            </ng-container>\n          </ng-template>\n\n          <label class=\"a-label a-label--help -error\" *ngIf=\"formValue?.errors?.['required'] && formValue?.touched\">\n            {{ '@pry.search.multi.requiredError' | i18n }}\n          </label>\n        </div>\n      </ng-container>\n    </div>\n\n    <div class=\"o-multi-class-condition__delete-content\">\n      <ng-container *ngIf=\"notLastCondition$ | async; else cannotDelete\">\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\">\n          <pry-icon\n            iconSvg=\"delete\"\n            [height]=\"20\"\n            [width]=\"20\"\n            [animation]=\"false\"\n            (click)=\"onRemoveCondition(condition)\"\n          ></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.action.delete' | i18n }}</span>\n        </button>\n      </ng-container>\n    </div>\n    <ng-template #cannotDelete>\n      <button type=\"button\" class=\"a-btn a-btn--icon-only\" disabled>\n        <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"delete\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.delete' | i18n }}</span>\n      </button>\n    </ng-template>\n  </div>\n\n  <ng-template #fieldSelectionTpl>\n    <pry-multi-class-field-selection\n      [conditionId]=\"condition.id\"\n      (closeModal)=\"onCloseModal()\"\n      (selectFieldChange)=\"onChangeField(condition, $event)\"\n    ></pry-multi-class-field-selection>\n  </ng-template>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "directive", type: i3.PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "component", type: i3.PryDatePickerComponent, selector: "pry-date-picker", inputs: ["rangePicker", "timePicker", "maxYear", "minYear", "roundSelection"] }, { kind: "component", type: MultiClassFieldSelectionComponent, selector: "pry-multi-class-field-selection", inputs: ["conditionId"], outputs: ["closeModal", "selectFieldChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: MultiClassConditionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-multi-class-condition', template: "<ng-container *ngIf=\"condition$ | async as condition\">\n  <div class=\"o-multi-class-condition\">\n    <div class=\"o-multi-class-condition__content\">\n      <div class=\"o-multi-class-condition__content__action\">\n        <button\n          type=\"button\"\n          class=\"a-btn a-btn--primary -size-sm -width-full\"\n          aria-label=\"selection button\"\n          (click)=\"toggleFieldSelection()\"\n        >\n          <ng-container *ngIf=\"field$ | async as field; else noFieldTpl\">\n            {{ field.name }}\n          </ng-container>\n          <ng-template #noFieldTpl>{{ '@pry.search.multi.selectField' | i18n }}</ng-template>\n        </button>\n\n        <ng-container *ngIf=\"classesLinked$ | async as classesLinked\">\n          <pry-icon\n            iconSvg=\"links_line\"\n            [width]=\"15\"\n            [height]=\"15\"\n            style=\"color: black\"\n            [pryTooltip]=\"classesTooltip\"\n            pryTooltipPosition=\"after\"\n          ></pry-icon>\n          <ng-template #classesTooltip>\n            <span>\n              {{ '@pry.search.multi.in' | i18n }}\n              <span *ngFor=\"let clazz of classesLinked; let last = last\">\n                {{ clazz.name }}\n                <ng-container *ngIf=\"!last\">, </ng-container>\n              </span>\n            </span>\n          </ng-template>\n        </ng-container>\n      </div>\n\n      <ng-container [formGroup]=\"form\">\n        <div class=\"m-form-label-field\">\n          <pry-select\n            [items]=\"operators$ | async\"\n            placeholder=\"Op\u00E9rateur\"\n            formControlName=\"operator\"\n            [itemsAsOption]=\"true\"\n            [labelTranslate]=\"true\"\n            bindValue=\"operator\"\n            bindLabel=\"translation\"\n            class=\"a-pry-select\"\n          ></pry-select>\n        </div>\n        <div class=\"m-form-label-field\">\n          <ng-container *ngIf=\"condition.isDate; else classicInput\">\n            <pry-date-picker\n              formControlName=\"value\"\n              (click)=\"onUpdateValue(condition)\"\n              [rangePicker]=\"hasTwoFields\"\n              [roundSelection]=\"true\"\n              [timePicker]=\"true\"\n            ></pry-date-picker>\n          </ng-container>\n          <ng-template #classicInput>\n            <input\n              type=\"text\"\n              class=\"a-form-field\"\n              [placeholder]=\"\n                (hasTwoFields ? '@pry.search.placeholder.minValue' : '@pry.search.placeholder.search') | i18n\n              \"\n              formControlName=\"value\"\n              (focusout)=\"onUpdateValue(condition)\"\n            />\n            <ng-container *ngIf=\"hasTwoFields\">\n              <input\n                type=\"text\"\n                class=\"a-form-field\"\n                [placeholder]=\"'@pry.search.placeholder.maxValue' | i18n\"\n                formControlName=\"upperValue\"\n                (focusout)=\"onUpdateValue(condition)\"\n              />\n            </ng-container>\n          </ng-template>\n\n          <label class=\"a-label a-label--help -error\" *ngIf=\"formValue?.errors?.['required'] && formValue?.touched\">\n            {{ '@pry.search.multi.requiredError' | i18n }}\n          </label>\n        </div>\n      </ng-container>\n    </div>\n\n    <div class=\"o-multi-class-condition__delete-content\">\n      <ng-container *ngIf=\"notLastCondition$ | async; else cannotDelete\">\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\">\n          <pry-icon\n            iconSvg=\"delete\"\n            [height]=\"20\"\n            [width]=\"20\"\n            [animation]=\"false\"\n            (click)=\"onRemoveCondition(condition)\"\n          ></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.action.delete' | i18n }}</span>\n        </button>\n      </ng-container>\n    </div>\n    <ng-template #cannotDelete>\n      <button type=\"button\" class=\"a-btn a-btn--icon-only\" disabled>\n        <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"delete\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.delete' | i18n }}</span>\n      </button>\n    </ng-template>\n  </div>\n\n  <ng-template #fieldSelectionTpl>\n    <pry-multi-class-field-selection\n      [conditionId]=\"condition.id\"\n      (closeModal)=\"onCloseModal()\"\n      (selectFieldChange)=\"onChangeField(condition, $event)\"\n    ></pry-multi-class-field-selection>\n  </ng-template>\n</ng-container>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: SearchMultiClassService }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { fieldSelectionTpl: [{
+                type: ViewChild,
+                args: ['fieldSelectionTpl', { read: TemplateRef }]
+            }], id: [{
+                type: Input
+            }] } });
+
+class PrySearchMultiClassComponent {
+    constructor(store) {
+        this.store = store;
+        this.optionsOpen = false;
+        this.conditions$ = this.store.select(SearchMultiClassSelectors.conditions);
+        this.multiType$ = this.store.select(SearchMultiClassSelectors.multiType);
+        this.conditions$.pipe(take(1)).subscribe((conditions) => {
+            if ((conditions?.length ?? 0) === 0) {
+                this.store.dispatch(SearchMultiClassActions.addNewEmptyCondition());
+            }
+        });
+    }
+    onAddCondition() {
+        this.store.dispatch(SearchMultiClassActions.addNewEmptyCondition());
+    }
+    onChangeMultiType(evt) {
+        const multiType = evt ? 'OR' : 'AND';
+        this.store.dispatch(SearchMultiClassActions.updateMultiType({ multiType }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchMultiClassComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySearchMultiClassComponent, selector: "pry-search-multi-class", ngImport: i0, template: "<div class=\"o-search-multi-class\">\n  <div class=\"o-search-multi-class__header\">\n    <h3 class=\"a-h3\">{{ '@pry.search.multi.title' | i18n }}</h3>\n    <div class=\"\" [pryOverlay]=\"optionOverlay\" [(overlayOpen)]=\"optionsOpen\" (click)=\"optionsOpen = !optionsOpen\">\n      <button\n        class=\"a-btn a-btn--icon-text\"\n        [pryTooltip]=\"infoTooltip\"\n        pryTooltipPosition=\"bottom\"\n        aria-describedby=\"infoTooltip_searchMulticlass\"\n      >\n        {{ '@pry.search.multi.options' | i18n }}\n        <pry-icon iconSvg=\"tune\" [width]=\"16\" [height]=\"16\" [animation]=\"false\"></pry-icon>\n      </button>\n    </div>\n    <ng-template #optionOverlay>\n      <div class=\"o-search-multi-class__options\">\n        <pry-toggle\n          [ngModel]=\"(multiType$ | async) === 'OR'\"\n          [leftword]=\"'@pry.search.type.or' | i18n\"\n          [rightword]=\"'@pry.search.type.and' | i18n\"\n          [alwaysActive]=\"true\"\n          (ngModelChange)=\"onChangeMultiType($event)\"\n          >{{ '@pry.search.multi.multiType' | i18n }}</pry-toggle\n        >\n      </div>\n    </ng-template>\n  </div>\n\n  <div class=\"o-search-multi-class__conditions-wrapper\">\n    <div class=\"o-search-multi-class__conditions\">\n      <ng-container *ngFor=\"let condition of conditions$ | async\">\n        <pry-multi-class-condition [id]=\"condition.id\"></pry-multi-class-condition>\n      </ng-container>\n    </div>\n    <div class=\"o-search-multi-class__add-condition\">\n      <button (click)=\"onAddCondition()\" class=\"a-btn a-btn--secondary -size-sm\">\n        <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"add\"></pry-icon>\n        {{ '@pry.search.multi.addCondition' | i18n }}\n      </button>\n    </div>\n  </div>\n</div>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_searchMulticlass\">\n    <span class=\"m-tooltip__text\"> Options suppl\u00E9mentaires </span>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { 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: i3.PryToggleComponent, selector: "pry-toggle", inputs: ["alwaysActive", "disabled", "mode", "size", "dir", "leftword", "rightword"] }, { kind: "directive", type: i3.PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "directive", type: i3.PryOverlayDirective, selector: "[pryOverlay]", inputs: ["pryOverlay", "styleReversed", "pryOverlaySticky", "pryOverlayNoPadding", "pryOverlayPosition", "overlayOpen", "hasBackdrop"], outputs: ["overlayOpenChange"] }, { kind: "component", type: MultiClassConditionComponent, selector: "pry-multi-class-condition", inputs: ["id"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchMultiClassComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-search-multi-class', template: "<div class=\"o-search-multi-class\">\n  <div class=\"o-search-multi-class__header\">\n    <h3 class=\"a-h3\">{{ '@pry.search.multi.title' | i18n }}</h3>\n    <div class=\"\" [pryOverlay]=\"optionOverlay\" [(overlayOpen)]=\"optionsOpen\" (click)=\"optionsOpen = !optionsOpen\">\n      <button\n        class=\"a-btn a-btn--icon-text\"\n        [pryTooltip]=\"infoTooltip\"\n        pryTooltipPosition=\"bottom\"\n        aria-describedby=\"infoTooltip_searchMulticlass\"\n      >\n        {{ '@pry.search.multi.options' | i18n }}\n        <pry-icon iconSvg=\"tune\" [width]=\"16\" [height]=\"16\" [animation]=\"false\"></pry-icon>\n      </button>\n    </div>\n    <ng-template #optionOverlay>\n      <div class=\"o-search-multi-class__options\">\n        <pry-toggle\n          [ngModel]=\"(multiType$ | async) === 'OR'\"\n          [leftword]=\"'@pry.search.type.or' | i18n\"\n          [rightword]=\"'@pry.search.type.and' | i18n\"\n          [alwaysActive]=\"true\"\n          (ngModelChange)=\"onChangeMultiType($event)\"\n          >{{ '@pry.search.multi.multiType' | i18n }}</pry-toggle\n        >\n      </div>\n    </ng-template>\n  </div>\n\n  <div class=\"o-search-multi-class__conditions-wrapper\">\n    <div class=\"o-search-multi-class__conditions\">\n      <ng-container *ngFor=\"let condition of conditions$ | async\">\n        <pry-multi-class-condition [id]=\"condition.id\"></pry-multi-class-condition>\n      </ng-container>\n    </div>\n    <div class=\"o-search-multi-class__add-condition\">\n      <button (click)=\"onAddCondition()\" class=\"a-btn a-btn--secondary -size-sm\">\n        <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"add\"></pry-icon>\n        {{ '@pry.search.multi.addCondition' | i18n }}\n      </button>\n    </div>\n  </div>\n</div>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_searchMulticlass\">\n    <span class=\"m-tooltip__text\"> Options suppl\u00E9mentaires </span>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; } });
+
+class PrySearchFulltextComponent {
+    set currentEdit(nq) {
+        if (nq) {
+            const request = nq.request;
+            this.search = request.fullSearch?.value;
+            this.classesSelected = request.oClasses ?? [];
+        }
+        else {
+            this.search = '';
+            this.classesSelected = [];
+        }
+        this.searchDisabled = this.search === '';
+        this.emitChange(this.search, this.classesSelected);
+    }
+    constructor(store) {
+        this.store = store;
+        this.panelClassesOpen = false;
+        this.panelSearchOpen = false;
+        this.mode = 'inline';
+        this.launchButton = true;
+        this.search = '';
+        this.isFocused = false;
+        this.searchChange = new EventEmitter();
+        this.BOTTOM_POSITION = {
+            originX: 'start',
+            originY: 'bottom',
+            overlayX: 'start',
+            overlayY: 'top'
+        };
+        this.TOP_POSITION = {
+            originX: 'start',
+            originY: 'top',
+            overlayX: 'start',
+            overlayY: 'bottom'
+        };
+        this.positions = [this.BOTTOM_POSITION, this.TOP_POSITION];
+        this.classesSelected = [];
+        this.classesSelectedLabel = '@pry.search.fulltext.allClasses';
+        this.searchDisabled = true;
+        this.classes$ = this.store.select(ClassSelectors.classes);
+    }
+    ngOnInit() {
+        this.emitChange(this.search, this.classesSelected);
+    }
+    onArrowUp() {
+        const lastElement = this.chooseClasses.nativeElement.lastElementChild;
+        if (this.selectedClassItem?.previousElementSibling) {
+            this.selectedClassItem = this.selectedClassItem?.previousElementSibling;
+        }
+        else {
+            this.selectedClassItem = lastElement;
+        }
+        const focusElement = this.selectedClassItem;
+        focusElement.focus();
+    }
+    onArrowDown() {
+        const firstElement = this.chooseClasses.nativeElement.firstElementChild;
+        if (this.selectedClassItem?.nextElementSibling) {
+            this.selectedClassItem = this.selectedClassItem?.nextElementSibling;
+        }
+        else {
+            this.selectedClassItem = firstElement;
+        }
+        const focusElement = this.selectedClassItem;
+        focusElement.focus();
+    }
+    clickout(event) {
+        if (this.panelSearchOpen) {
+            setTimeout(() => {
+                this.selectedClassItem = this.chooseClasses?.nativeElement?.firstElementChild;
+            }, 10);
+            const clickInput = this.searchInputRef?.nativeElement?.contains(event.target);
+            if (!clickInput) {
+                const clickPanel = this.searchOverlayRef?.nativeElement?.contains(event.target);
+                if (!clickPanel) {
+                    this.panelSearchOpen = false;
+                }
+            }
+        }
+    }
+    keyEvent(event) {
+        this.chooseClasses?.nativeElement?.firstElementChild.focus();
+        this.selectedClassItem = this.chooseClasses?.nativeElement?.firstElementChild;
+        const search = this.search;
+        if ((search ?? '') !== '' && (this.panelSearchOpen || this.isFocused)) {
+            this.searchButton?.nativeElement.click();
+        }
+    }
+    closeFocus() {
+        if (this.panelClassesOpen) {
+            this.panelClassesOpen = false;
+            this.searchClass?.nativeElement?.focus();
+        }
+    }
+    onSearch() {
+        this.panelSearchOpen = false;
+        const search = this.search;
+        if ((search ?? '') !== '') {
+            const classes = this.classesSelected;
+            this.store.dispatch(searchFulltextActions.search({ classes, search }));
+            this.store.dispatch(DashboardActions.updateWidgetInPresentation({
+                id: DEFAULT_NAMED_QUERY_ID,
+                widgetType: this.widgetSelected ?? 'table'
+            }));
+        }
+    }
+    onChangeSearch(evt) {
+        const value = evt?.target?.value ?? '';
+        this.searchDisabled = value === '';
+        this.emitChange(value, this.classesSelected);
+    }
+    onClearSearch(evt) {
+        this.search = '';
+        this.searchDisabled = true;
+        this.emitChange(this.search, this.classesSelected);
+    }
+    onOpenSearchPanel() {
+        this.isFocused = true;
+        this.searchPanelWidth = this.searchInputRef.nativeElement.getBoundingClientRect().width;
+        this.panelSearchOpen = true;
+    }
+    onFocusOut() {
+        this.isFocused = false;
+    }
+    onSelectWidget(widget) {
+        this.widgetSelected = this.widgetSelected === widget ? undefined : widget;
+    }
+    onSelectAllClasses() {
+        this.classesSelected = [];
+        this.classesSelectedLabel = '@pry.search.fulltext.allClasses';
+    }
+    onSelectClass(clazz) {
+        if (this.classesSelected.indexOf(clazz.id) !== -1) {
+            this.classesSelected = this.classesSelected.filter((c) => clazz.id !== c);
+        }
+        else {
+            this.classesSelected = [...this.classesSelected, clazz.id];
+        }
+        this.emitChange(this.search, this.classesSelected);
+        if (this.classesSelected?.length === 1) {
+            this.classes$.pipe(take(1)).subscribe((classes) => {
+                this.classesSelectedLabel =
+                    classes.find((c) => this.classesSelected[0] === c.id)?.name ?? '@pry.search.fulltext.oneClass';
+            });
+        }
+        else if (this.classesSelected?.length > 1) {
+            this.classesSelectedLabel = '@pry.search.fulltext.manyClasses';
+        }
+        else {
+            this.classesSelectedLabel = '@pry.search.fulltext.allClasses';
+        }
+    }
+    emitChange(value, classes) {
+        const payload = { value, classes };
+        this.searchChange.emit(payload);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchFulltextComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySearchFulltextComponent, selector: "pry-search-fulltext", inputs: { mode: "mode", launchButton: "launchButton", currentEdit: "currentEdit" }, outputs: { searchChange: "searchChange" }, host: { listeners: { "document:click": "clickout($event)", "window:keyup.enter": "keyEvent($event)" } }, viewQueries: [{ propertyName: "searchButton", first: true, predicate: ["searchButton"], descendants: true, read: ElementRef }, { propertyName: "searchTrigger", first: true, predicate: ["searchTrigger"], descendants: true, read: ElementRef }, { propertyName: "searchInputRef", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef }, { propertyName: "searchOverlayRef", first: true, predicate: ["searchOverlay"], descendants: true, read: ElementRef }, { propertyName: "searchClass", first: true, predicate: ["searchClass"], descendants: true }, { propertyName: "chooseClasses", first: true, predicate: ["chooseClasses"], descendants: true }], ngImport: i0, template: "<pry-search-css></pry-search-css>\n<div class=\"o-search-fulltext\" [class.o-search-fulltext--vertical]=\"mode === 'vertical'\">\n  <div class=\"o-search-fulltext__container\">\n    <button\n      #searchClass\n      type=\"button\"\n      class=\"o-search-fulltext__classes\"\n      [class.o-search-fulltext__classes--inline]=\"mode === 'inline'\"\n      [pryOverlay]=\"classesOverlay\"\n      [(overlayOpen)]=\"panelClassesOpen\"\n      pryOverlayPosition=\"start-top\"\n      [pryOverlaySticky]=\"true\"\n      [pryOverlayNoPadding]=\"true\"\n      (click)=\"panelClassesOpen = true\"\n    >\n      <span\n        class=\"o-search-fulltext__classes__content\"\n        [pryTooltip]=\"infoTooltip\"\n        pryTooltipPosition=\"bottom\"\n        aria-describedby=\"infoTooltip_searchfulltext\"\n      >\n        <pry-icon\n          [iconSvg]=\"classesSelected.length === 0 ? 'apps' : 'detail'\"\n          [height]=\"20\"\n          [width]=\"20\"\n          [animation]=\"false\"\n        ></pry-icon>\n        <span class=\"o-search-fulltext__classes__content__label\" *ngIf=\"mode === 'inline'\">\n          {{ classesSelectedLabel | i18n: { nb: classesSelected.length } }}\n        </span>\n      </span>\n\n      <span class=\"o-search-fulltext__classes__arrow\">\n        <pry-icon\n          iconSvg=\"fleche_bas\"\n          [width]=\"17\"\n          [height]=\"17\"\n          [animation]=\"false\"\n          class=\"o-search-fulltext__classes__arrow__icon\"\n          [class.is-open]=\"panelClassesOpen\"\n        ></pry-icon>\n      </span>\n    </button>\n\n    <pry-choose-widget\n      [mode]=\"'input'\"\n      [class.m-choose-widget__input__inline]=\"mode === 'inline'\"\n      [panelOpen]=\"panelSearchOpen\"\n      [width]=\"searchPanelWidth ?? 200\"\n      (selected)=\"onSelectWidget($event)\"\n    >\n      <input\n        #searchInput\n        [(ngModel)]=\"search\"\n        (input)=\"onChangeSearch($event)\"\n        (focusin)=\"onOpenSearchPanel()\"\n        (focusout)=\"onFocusOut()\"\n      />\n      <div\n        *ngIf=\"!searchDisabled\"\n        class=\"o-search-fulltext__input__clear\"\n        [pryTooltip]=\"infoTooltipClose\"\n        pryTooltipPosition=\"bottom\"\n        aria-describedby=\"infoTooltipClose_searchfulltext\"\n      >\n        <div class=\"o-search-fulltext__input__clear__wrapper\" (click)=\"onClearSearch($event)\">\n          <pry-icon iconSvg=\"close\" [height]=\"16\" [width]=\"16\" [animation]=\"false\"></pry-icon>\n          <span class=\"u-visually-hidden\">Effacer la saisie</span>\n        </div>\n      </div>\n    </pry-choose-widget>\n  </div>\n\n  <button\n    #searchButton\n    class=\"a-btn a-btn--primary\"\n    (click)=\"onSearch()\"\n    [class.o-search-fulltext__button__inline]=\"mode === 'inline'\"\n    [ngClass]=\"{ ' -width-full': mode === 'vertical' }\"\n    [disabled]=\"searchDisabled\"\n    *ngIf=\"launchButton\"\n    [pryTooltip]=\"infoTooltipSearch\"\n    pryTooltipPosition=\"bottom\"\n    aria-describedby=\"infoTooltipSearch_searchfulltext\"\n  >\n    <pry-icon iconSvg=\"search-line\" [animation]=\"false\"></pry-icon>\n    <span *ngIf=\"mode === 'vertical'\">{{ '@pry.search.fulltext.search' | i18n }}</span>\n    <span class=\"u-visually-hidden\">Lancer la recherche</span>\n  </button>\n</div>\n\n<ng-template #classesOverlay>\n  <div\n    class=\"o-search-fulltext__classes-overlay\"\n    #chooseClasses\n    (keydown.escape)=\"closeFocus()\"\n    (keydown.arrowDown)=\"onArrowDown()\"\n    (keydown.arrowUp)=\"onArrowUp()\"\n  >\n    <button class=\"o-search-fulltext__classes-overlay__item\" (click)=\"onSelectAllClasses()\">\n      <pry-icon iconSvg=\"apps\" [width]=\"20\" [height]=\"20\"></pry-icon>\n      <span class=\"o-search-fulltext__classes-overlay__item__label\">{{\n        '@pry.search.fulltext.allClasses' | i18n\n      }}</span>\n    </button>\n    <ng-container *ngFor=\"let clazz of classes$ | async; let last = last\">\n      <button\n        type=\"button\"\n        class=\"o-search-fulltext__classes-overlay__item\"\n        (click)=\"onSelectClass(clazz)\"\n        [class.o-search-fulltext__classes-overlay__item__selected]=\"classesSelected.includes(clazz.id)\"\n        (keydown.tab)=\"last ? closeFocus() : null\"\n      >\n        <img\n          alt=\"class\"\n          [height]=\"20\"\n          [width]=\"20\"\n          [src]=\"clazz.id | translateId: { type: 'class', output: 'icon' } | async\"\n        />\n        <span class=\"o-search-fulltext__classes-overlay__item__label\">{{ clazz.name }}</span>\n      </button>\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_searchfulltext\">\n    <span class=\"m-tooltip__text\"> S\u00E9lectionner la classe </span>\n  </div>\n</ng-template>\n\n<ng-template #infoTooltipSearch>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltipSearch_searchfulltext\">\n    <span class=\"m-tooltip__text\"> Lancer la recherche </span>\n  </div>\n</ng-template>\n\n<ng-template #infoTooltipClose>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltipClose_searchfulltext\">\n    <span class=\"m-tooltip__text\"> Effacer la saisie </span>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "directive", type: i3.PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "directive", type: i3.PryOverlayDirective, selector: "[pryOverlay]", inputs: ["pryOverlay", "styleReversed", "pryOverlaySticky", "pryOverlayNoPadding", "pryOverlayPosition", "overlayOpen", "hasBackdrop"], outputs: ["overlayOpenChange"] }, { kind: "component", type: ChooseWidgetComponent, selector: "pry-choose-widget", inputs: ["panelOpen", "mode", "width"], outputs: ["selected"] }, { kind: "component", type: PrySearchCssComponent, selector: "pry-search-css" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchFulltextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-search-fulltext', template: "<pry-search-css></pry-search-css>\n<div class=\"o-search-fulltext\" [class.o-search-fulltext--vertical]=\"mode === 'vertical'\">\n  <div class=\"o-search-fulltext__container\">\n    <button\n      #searchClass\n      type=\"button\"\n      class=\"o-search-fulltext__classes\"\n      [class.o-search-fulltext__classes--inline]=\"mode === 'inline'\"\n      [pryOverlay]=\"classesOverlay\"\n      [(overlayOpen)]=\"panelClassesOpen\"\n      pryOverlayPosition=\"start-top\"\n      [pryOverlaySticky]=\"true\"\n      [pryOverlayNoPadding]=\"true\"\n      (click)=\"panelClassesOpen = true\"\n    >\n      <span\n        class=\"o-search-fulltext__classes__content\"\n        [pryTooltip]=\"infoTooltip\"\n        pryTooltipPosition=\"bottom\"\n        aria-describedby=\"infoTooltip_searchfulltext\"\n      >\n        <pry-icon\n          [iconSvg]=\"classesSelected.length === 0 ? 'apps' : 'detail'\"\n          [height]=\"20\"\n          [width]=\"20\"\n          [animation]=\"false\"\n        ></pry-icon>\n        <span class=\"o-search-fulltext__classes__content__label\" *ngIf=\"mode === 'inline'\">\n          {{ classesSelectedLabel | i18n: { nb: classesSelected.length } }}\n        </span>\n      </span>\n\n      <span class=\"o-search-fulltext__classes__arrow\">\n        <pry-icon\n          iconSvg=\"fleche_bas\"\n          [width]=\"17\"\n          [height]=\"17\"\n          [animation]=\"false\"\n          class=\"o-search-fulltext__classes__arrow__icon\"\n          [class.is-open]=\"panelClassesOpen\"\n        ></pry-icon>\n      </span>\n    </button>\n\n    <pry-choose-widget\n      [mode]=\"'input'\"\n      [class.m-choose-widget__input__inline]=\"mode === 'inline'\"\n      [panelOpen]=\"panelSearchOpen\"\n      [width]=\"searchPanelWidth ?? 200\"\n      (selected)=\"onSelectWidget($event)\"\n    >\n      <input\n        #searchInput\n        [(ngModel)]=\"search\"\n        (input)=\"onChangeSearch($event)\"\n        (focusin)=\"onOpenSearchPanel()\"\n        (focusout)=\"onFocusOut()\"\n      />\n      <div\n        *ngIf=\"!searchDisabled\"\n        class=\"o-search-fulltext__input__clear\"\n        [pryTooltip]=\"infoTooltipClose\"\n        pryTooltipPosition=\"bottom\"\n        aria-describedby=\"infoTooltipClose_searchfulltext\"\n      >\n        <div class=\"o-search-fulltext__input__clear__wrapper\" (click)=\"onClearSearch($event)\">\n          <pry-icon iconSvg=\"close\" [height]=\"16\" [width]=\"16\" [animation]=\"false\"></pry-icon>\n          <span class=\"u-visually-hidden\">Effacer la saisie</span>\n        </div>\n      </div>\n    </pry-choose-widget>\n  </div>\n\n  <button\n    #searchButton\n    class=\"a-btn a-btn--primary\"\n    (click)=\"onSearch()\"\n    [class.o-search-fulltext__button__inline]=\"mode === 'inline'\"\n    [ngClass]=\"{ ' -width-full': mode === 'vertical' }\"\n    [disabled]=\"searchDisabled\"\n    *ngIf=\"launchButton\"\n    [pryTooltip]=\"infoTooltipSearch\"\n    pryTooltipPosition=\"bottom\"\n    aria-describedby=\"infoTooltipSearch_searchfulltext\"\n  >\n    <pry-icon iconSvg=\"search-line\" [animation]=\"false\"></pry-icon>\n    <span *ngIf=\"mode === 'vertical'\">{{ '@pry.search.fulltext.search' | i18n }}</span>\n    <span class=\"u-visually-hidden\">Lancer la recherche</span>\n  </button>\n</div>\n\n<ng-template #classesOverlay>\n  <div\n    class=\"o-search-fulltext__classes-overlay\"\n    #chooseClasses\n    (keydown.escape)=\"closeFocus()\"\n    (keydown.arrowDown)=\"onArrowDown()\"\n    (keydown.arrowUp)=\"onArrowUp()\"\n  >\n    <button class=\"o-search-fulltext__classes-overlay__item\" (click)=\"onSelectAllClasses()\">\n      <pry-icon iconSvg=\"apps\" [width]=\"20\" [height]=\"20\"></pry-icon>\n      <span class=\"o-search-fulltext__classes-overlay__item__label\">{{\n        '@pry.search.fulltext.allClasses' | i18n\n      }}</span>\n    </button>\n    <ng-container *ngFor=\"let clazz of classes$ | async; let last = last\">\n      <button\n        type=\"button\"\n        class=\"o-search-fulltext__classes-overlay__item\"\n        (click)=\"onSelectClass(clazz)\"\n        [class.o-search-fulltext__classes-overlay__item__selected]=\"classesSelected.includes(clazz.id)\"\n        (keydown.tab)=\"last ? closeFocus() : null\"\n      >\n        <img\n          alt=\"class\"\n          [height]=\"20\"\n          [width]=\"20\"\n          [src]=\"clazz.id | translateId: { type: 'class', output: 'icon' } | async\"\n        />\n        <span class=\"o-search-fulltext__classes-overlay__item__label\">{{ clazz.name }}</span>\n      </button>\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_searchfulltext\">\n    <span class=\"m-tooltip__text\"> S\u00E9lectionner la classe </span>\n  </div>\n</ng-template>\n\n<ng-template #infoTooltipSearch>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltipSearch_searchfulltext\">\n    <span class=\"m-tooltip__text\"> Lancer la recherche </span>\n  </div>\n</ng-template>\n\n<ng-template #infoTooltipClose>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltipClose_searchfulltext\">\n    <span class=\"m-tooltip__text\"> Effacer la saisie </span>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { searchButton: [{
+                type: ViewChild,
+                args: ['searchButton', { read: ElementRef }]
+            }], searchTrigger: [{
+                type: ViewChild,
+                args: ['searchTrigger', { read: ElementRef }]
+            }], searchInputRef: [{
+                type: ViewChild,
+                args: ['searchInput', { read: ElementRef }]
+            }], searchOverlayRef: [{
+                type: ViewChild,
+                args: ['searchOverlay', { read: ElementRef }]
+            }], searchClass: [{
+                type: ViewChild,
+                args: ['searchClass']
+            }], chooseClasses: [{
+                type: ViewChild,
+                args: ['chooseClasses']
+            }], mode: [{
+                type: Input
+            }], launchButton: [{
+                type: Input
+            }], currentEdit: [{
+                type: Input
+            }], searchChange: [{
+                type: Output
+            }], clickout: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }], keyEvent: [{
+                type: HostListener,
+                args: ['window:keyup.enter', ['$event']]
+            }] } });
+
+class PrySaveQueryButtonComponent {
+    constructor(pryDialog) {
+        this.pryDialog = pryDialog;
+        this.editInProgress = false;
+        this.fulltextValid = false;
+        this.multiValid = false;
+        this.monoValid = false;
+        this.isNotFulltext = false;
+        this.isMonoSearch = false;
+        this.saveDisabled = true;
+    }
+    ngOnChanges(changes) {
+        const isEditFulltextValid = this.editInProgress && this.currentEditType === NamedQueryTypes.FULL_TEXT && this.fulltextValid;
+        const isEditMonoValid = this.editInProgress && this.currentEditType === NamedQueryTypes.MONO_CLASS && this.monoValid;
+        const isEditMultiValid = this.editInProgress && this.currentEditType === NamedQueryTypes.MULTI_CLASS && this.multiValid;
+        const isCreateFulltextValid = !this.editInProgress && !this.isNotFulltext && this.fulltextValid;
+        const isCreateMonoValid = !this.editInProgress && this.isNotFulltext && this.isMonoSearch && this.monoValid;
+        const isCreateMultiValid = !this.editInProgress && this.isNotFulltext && !this.isMonoSearch && this.multiValid;
+        this.saveDisabled =
+            //test pour rendre inactive la sauvegarde via l'edition
+            //!isEditFulltextValid &&
+            //!isEditMonoValid &&
+            //!isEditMultiValid &&
+            !isCreateFulltextValid && !isCreateMonoValid && !isCreateMultiValid;
+    }
+    openSaveQuery() {
+        if (!this.saveDisabled) {
+            const save = true;
+            const nq = this.currentEdit;
+            const type = nq
+                ? NamedQueryUtils.getTypeFromPayload(nq.request)
+                : this.getNQType(this.isNotFulltext, this.isMonoSearch);
+            const data = type === NamedQueryTypes.FULL_TEXT ? { save, type, payload: this.fulltextSearch } : { save, type };
+            this.pryDialog.open(PrySaveQueryComponent, { data });
+        }
+    }
+    getNQType(isNotFulltext, isMono) {
+        return isNotFulltext
+            ? isMono
+                ? NamedQueryTypes.MONO_CLASS
+                : NamedQueryTypes.MULTI_CLASS
+            : NamedQueryTypes.FULL_TEXT;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySaveQueryButtonComponent, deps: [{ token: i3.PryDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySaveQueryButtonComponent, selector: "pry-save-query-button", inputs: { editInProgress: "editInProgress", currentEdit: "currentEdit", currentEditType: "currentEditType", fulltextValid: "fulltextValid", multiValid: "multiValid", monoValid: "monoValid", isNotFulltext: "isNotFulltext", isMonoSearch: "isMonoSearch", fulltextSearch: "fulltextSearch", saveDisabled: "saveDisabled" }, usesOnChanges: true, ngImport: i0, template: "<button class=\"a-btn a-btn--icon-text save-query-button\" (click)=\"openSaveQuery()\" [disabled]=\"saveDisabled\">\n  <pry-icon iconSvg=\"save-line\"></pry-icon>\n  <span>{{ '@pry.search.namedQuery.open' | i18n }}</span>\n</button>\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySaveQueryButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-save-query-button', template: "<button class=\"a-btn a-btn--icon-text save-query-button\" (click)=\"openSaveQuery()\" [disabled]=\"saveDisabled\">\n  <pry-icon iconSvg=\"save-line\"></pry-icon>\n  <span>{{ '@pry.search.namedQuery.open' | i18n }}</span>\n</button>\n" }]
+        }], ctorParameters: function () { return [{ type: i3.PryDialogService }]; }, propDecorators: { editInProgress: [{
+                type: Input
+            }], currentEdit: [{
+                type: Input
+            }], currentEditType: [{
+                type: Input
+            }], fulltextValid: [{
+                type: Input
+            }], multiValid: [{
+                type: Input
+            }], monoValid: [{
+                type: Input
+            }], isNotFulltext: [{
+                type: Input
+            }], isMonoSearch: [{
+                type: Input
+            }], fulltextSearch: [{
+                type: Input
+            }], saveDisabled: [{
+                type: Input
+            }] } });
+
+class EditNamedQueryComponent extends SubscriptionnerDirective {
+    constructor(store) {
+        super();
+        this.store = store;
+        this.class = 'o-edit-named-query-wrapper';
+        this.FULL_TEXT = NamedQueryTypes.FULL_TEXT;
+        this.MONO_CLASS = NamedQueryTypes.MONO_CLASS;
+        this.MULTI_CLASS = NamedQueryTypes.MULTI_CLASS;
+        this.isSearchCriteria = false;
+        this.isSearchParams = false;
+        this.DEFAULT_NAMED_QUERY_ID = DEFAULT_NAMED_QUERY_ID;
+        this.searchFulltextChange = new EventEmitter();
+        this.cancelled = new EventEmitter();
+        this.searched = new EventEmitter();
+        this.fullTextPayload = { value: '', classes: [] };
+        this.widgetType = 'table';
+        this.currentEditType$ = this.store.select(DataSourceSelectors.currentEditType);
+        this.currentEdit$ = this.store.select(DataSourceSelectors.currentEdit);
+        this.searchMultiClassValid$ = this.store.select(SearchMultiClassSelectors.searchMultiClassValid);
+        this.searchMonoClassValid$ = this.store.select(SearchMonoClassSelectors.searchMonoClassValid);
+        this.subscriptions.add(this.currentEdit$.subscribe((currentEdit) => (this.currentEdit = currentEdit)));
+    }
+    cancel() {
+        this.isSearchCriteria = false;
+        this.isSearchParams = false;
+        this.store.dispatch(DataSourceActions.namedQuery.stopEdit());
+        this.cancelled.emit();
+    }
+    search() {
+        // Save as current name
+        const descriptionQuery = {
+            name: this.currentEdit?.name ?? '',
+            description: this.currentEdit?.description,
+            visibility: this.currentEdit?.visibility ?? undefined
+        };
+        switch (NamedQueryUtils.getTypeFromPayload(this.currentEdit?.request)) {
+            case NamedQueryTypes.FULL_TEXT:
+                this.store.dispatch(searchFulltextActions.save({
+                    descriptionQuery,
+                    id: this.currentEdit?.id,
+                    classes: this.fullTextPayload.classes,
+                    search: this.fullTextPayload.value
+                }));
+                break;
+            case NamedQueryTypes.MONO_CLASS:
+                this.store.dispatch(SearchMonoClassActions.save({ descriptionQuery, id: this.currentEdit?.id }));
+                break;
+            case NamedQueryTypes.MULTI_CLASS:
+                this.store.dispatch(SearchMultiClassActions.save({ descriptionQuery, id: this.currentEdit?.id }));
+                break;
+        }
+        if (this.currentEdit?.id !== DEFAULT_NAMED_QUERY_ID) {
+            this.store.dispatch(SearchActions.getDatasourceItems({ id: this.currentEdit?.id ?? DEFAULT_NAMED_QUERY_ID }));
+        }
+        this.store.dispatch(DashboardActions.updateWidgetInPresentation({
+            id: this.currentEdit?.id ?? DEFAULT_NAMED_QUERY_ID,
+            widgetType: this.widgetType
+        }));
+        this.searched.emit();
+    }
+    onSearchFulltextChange(evt) {
+        this.searchFulltextChange.emit(evt);
+        this.fullTextPayload = evt;
+    }
+    select($event) {
+        this.widgetType = $event;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: EditNamedQueryComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: EditNamedQueryComponent, selector: "pry-edit-named-query", inputs: { fromWidget: "fromWidget" }, outputs: { searchFulltextChange: "searchFulltextChange", cancelled: "cancelled", searched: "searched" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-edit-named-query\">\n  <ng-container *ngIf=\"currentEditType$ | async as currentEditType\">\n    <div class=\"o-edit-named-query__content\">\n      <ng-container [ngSwitch]=\"currentEditType\">\n        <ng-container *ngSwitchCase=\"FULL_TEXT\">\n          <pry-search-fulltext\n            mode=\"vertical\"\n            [launchButton]=\"false\"\n            (searchChange)=\"onSearchFulltextChange($event)\"\n            [currentEdit]=\"currentEdit$ | async\"\n          ></pry-search-fulltext>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"MONO_CLASS\">\n          <pry-search-mono-class></pry-search-mono-class>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"MULTI_CLASS\">\n          <pry-search-multi-class></pry-search-multi-class>\n        </ng-container>\n      </ng-container>\n    </div>\n    <div class=\"o-edit-named-query__buttons\">\n      <ng-container *ngIf=\"currentEditType !== FULL_TEXT\">\n        <pry-choose-widget (selected)=\"select($event)\"></pry-choose-widget>\n      </ng-container>\n      <div class=\"m-btn-group\">\n        <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"cancel()\" *ngIf=\"currentEditType === FULL_TEXT\">\n          {{ '@pry.search.button.cancel' | i18n }}\n        </button>\n        <button\n          [disabled]=\"\n            (currentEditType === MULTI_CLASS && !(searchMultiClassValid$ | async)) ||\n            (currentEditType === MONO_CLASS && !(searchMonoClassValid$ | async)) ||\n            !(currentEdit$ | async)?.owner\n          \"\n          type=\"button\"\n          class=\"a-btn a-btn--primary a-btn--icon-text\"\n          (click)=\"search()\"\n        >\n          <pry-icon iconSvg=\"search-line\"></pry-icon>\n          {{\n            ((currentEdit$ | async)?.id === DEFAULT_NAMED_QUERY_ID\n              ? '@pry.search.button.search'\n              : '@pry.search.button.update'\n            ) | i18n\n          }}\n        </button>\n      </div>\n    </div>\n  </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PrySearchMonoClassComponent, selector: "pry-search-mono-class" }, { kind: "component", type: PrySearchMultiClassComponent, selector: "pry-search-multi-class" }, { kind: "component", type: PrySearchFulltextComponent, selector: "pry-search-fulltext", inputs: ["mode", "launchButton", "currentEdit"], outputs: ["searchChange"] }, { kind: "component", type: ChooseWidgetComponent, selector: "pry-choose-widget", inputs: ["panelOpen", "mode", "width"], outputs: ["selected"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: EditNamedQueryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-edit-named-query', template: "<div class=\"o-edit-named-query\">\n  <ng-container *ngIf=\"currentEditType$ | async as currentEditType\">\n    <div class=\"o-edit-named-query__content\">\n      <ng-container [ngSwitch]=\"currentEditType\">\n        <ng-container *ngSwitchCase=\"FULL_TEXT\">\n          <pry-search-fulltext\n            mode=\"vertical\"\n            [launchButton]=\"false\"\n            (searchChange)=\"onSearchFulltextChange($event)\"\n            [currentEdit]=\"currentEdit$ | async\"\n          ></pry-search-fulltext>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"MONO_CLASS\">\n          <pry-search-mono-class></pry-search-mono-class>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"MULTI_CLASS\">\n          <pry-search-multi-class></pry-search-multi-class>\n        </ng-container>\n      </ng-container>\n    </div>\n    <div class=\"o-edit-named-query__buttons\">\n      <ng-container *ngIf=\"currentEditType !== FULL_TEXT\">\n        <pry-choose-widget (selected)=\"select($event)\"></pry-choose-widget>\n      </ng-container>\n      <div class=\"m-btn-group\">\n        <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"cancel()\" *ngIf=\"currentEditType === FULL_TEXT\">\n          {{ '@pry.search.button.cancel' | i18n }}\n        </button>\n        <button\n          [disabled]=\"\n            (currentEditType === MULTI_CLASS && !(searchMultiClassValid$ | async)) ||\n            (currentEditType === MONO_CLASS && !(searchMonoClassValid$ | async)) ||\n            !(currentEdit$ | async)?.owner\n          \"\n          type=\"button\"\n          class=\"a-btn a-btn--primary a-btn--icon-text\"\n          (click)=\"search()\"\n        >\n          <pry-icon iconSvg=\"search-line\"></pry-icon>\n          {{\n            ((currentEdit$ | async)?.id === DEFAULT_NAMED_QUERY_ID\n              ? '@pry.search.button.search'\n              : '@pry.search.button.update'\n            ) | i18n\n          }}\n        </button>\n      </div>\n    </div>\n  </ng-container>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], fromWidget: [{
+                type: Input
+            }], searchFulltextChange: [{
+                type: Output
+            }], cancelled: [{
+                type: Output
+            }], searched: [{
+                type: Output
+            }] } });
+
+class PrySearchToolsComponent {
+    get isNewMono() {
+        return this.isSearchCriteria && this.isSearchMono;
+    }
+    get isEditMono$() {
+        return combineLatest([this.currentEditType$, this.isRename$]).pipe(map(([type, isRename]) => type === NamedQueryTypes.MONO_CLASS && !isRename));
+    }
+    constructor(store) {
+        this.store = store;
+        this.class = true;
+        this.searchToolsClose = false;
+        this.isSearchCriteria = false;
+        this.isSearchMono = false;
+        this.isSearchFullText = false;
+        this.isSearchFulltextValid = false;
+        this.isMoreList = false;
+        this.widgetType = 'table';
+        this.getIcon = {
+            caracteristique: 'default',
+            lieu: 'default',
+            meteo: 'default',
+            usager: 'profil',
+            valeur_fonciere: 'default',
+            vehicule: 'car'
+        };
+        this.items = of([
+            { id: 1, name: '1' },
+            { id: 2, name: '2' },
+            { id: 3, name: '3' },
+            { id: 4, name: '4' }
+        ]);
+        this.FULL_TEXT = NamedQueryTypes.FULL_TEXT;
+        this.MONO_CLASS = NamedQueryTypes.MONO_CLASS;
+        this.MULTI_CLASS = NamedQueryTypes.MULTI_CLASS;
+        this.sub = new Subscription();
+        this.loading$ = this.store.select(DataSourceSelectors.selectFeature).pipe(map((state) => state.isLoading));
+        this.store.dispatch(DataSourceActions.load());
+        this.store.dispatch(FieldActions.load());
+        this.store.dispatch(ClassActions.load());
+        this.searchMultiClassValid$ = this.store.select(SearchMultiClassSelectors.searchMultiClassValid).pipe(delay(100));
+        this.searchMonoClassValid$ = this.store.select(SearchMonoClassSelectors.searchMonoClassValid).pipe(delay(100));
+        this.editInProgress$ = this.store.select(DataSourceSelectors.editInProgress);
+        this.currentEditType$ = this.store.select(DataSourceSelectors.currentEditType);
+        this.currentEdit$ = this.store.select(DataSourceSelectors.currentEdit);
+        this.isRename$ = this.store.select(DataSourceSelectors.isRename);
+        this.sub.add(combineLatest([this.editInProgress$, this.isRename$]).subscribe(([editInProgress, isRename]) => {
+            if (editInProgress && this.searchToolsClose && !isRename) {
+                this.onChangePanel();
+            }
+        }));
+    }
+    ngOnDestroy() {
+        this.sub.unsubscribe();
+    }
+    onSearchCriteria() {
+        this.isSearchCriteria = true;
+        this.store.dispatch(DataSourceActions.namedQuery.openEdit({
+            currentEdit: {
+                sourceType: 'namedQuery',
+                id: v4(),
+                request: { type: NamedQueryTypes.MULTI_CLASS, fullSearch: null, fields: [], multiType: 'AND' },
+                name: ''
+            }
+        }));
+    }
+    onSearchTools() {
+        this.isSearchCriteria = false;
+        this.store.dispatch(DataSourceActions.namedQuery.stopEdit());
+        this.resizeScreen();
+    }
+    back() {
+        this.store.dispatch(DataSourceActions.namedQuery.stopEdit());
+        this.resizeScreen();
+    }
+    onMonoSearch() {
+        this.isSearchMono = !this.isSearchMono;
+        this.resizeScreen();
+    }
+    onChangeListView(isMoreList) {
+        this.isMoreList = !isMoreList;
+    }
+    onSearchFulltextChange(payload) {
+        setTimeout(() => {
+            this.isSearchFulltextValid = payload.value !== '';
+            this.searchFulltextTemp = payload;
+        }, 10);
+    }
+    onSearch() {
+        if (this.isSearchMono) {
+            this.store.dispatch(SearchMonoClassActions.search());
+        }
+        else {
+            this.store.dispatch(SearchMultiClassActions.search());
+        }
+        this.store.dispatch(DashboardActions.updateWidgetInPresentation({
+            id: DEFAULT_NAMED_QUERY_ID,
+            widgetType: this.widgetType
+        }));
+    }
+    onChangePanel() {
+        this.searchToolsClose = !this.searchToolsClose;
+        this.resizeScreen();
+    }
+    resizeScreen() {
+        setTimeout(() => window?.dispatchEvent(new Event('resize')), 400);
+    }
+    selectWidget($event) {
+        this.widgetType = $event;
+    }
+    reset() {
+        this.store.dispatch(DataSourceActions.namedQuery.stopEdit());
+        this.isSearchCriteria = true;
+    }
+    updateVisibility($event) {
+        this.store.dispatch(DataSourceActions.namedQuery.updateCurrentEdit({ currentEdit: { visibility: $event } }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchToolsComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySearchToolsComponent, selector: "pry-search-tools", host: { properties: { "class.o-pry-search-tools-wrapper": "this.class", "class.is-close": "this.searchToolsClose" } }, ngImport: i0, template: "<div\n  class=\"o-pry-search-tools\"\n  [class.is-close]=\"searchToolsClose\"\n  [class.is-mono]=\"isNewMono || (isEditMono$ | async)\"\n>\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--icon-text -back\"\n    (click)=\"onSearchTools()\"\n    aria-pressed=\"false\"\n    *ngIf=\"((editInProgress$ | async) && !(isRename$ | async)) || isSearchCriteria\"\n    [pryTooltip]=\"infoTooltipBack\"\n    pryTooltipPosition=\"bottom\"\n    aria-describedby=\"infoTooltipBack_searchTools\"\n  >\n    <pry-icon iconSvg=\"arrow_back\" [width]=\"24\" [height]=\"24\" [animation]=\"false\"></pry-icon>\n    <span>{{ '@pry.search.button.backSearch' | i18n }}</span>\n  </button>\n  <div class=\"o-pry-search-tools__content\" [class.is-close]=\"searchToolsClose\">\n    <button\n      *ngIf=\"((editInProgress$ | async) && !(isRename$ | async)) || isSearchCriteria\"\n      class=\"a-btn a-btn--icon-text -link-like u-self-end\"\n      (click)=\"reset()\"\n      id=\"btn_reset\"\n    >\n      <pry-icon iconSvg=\"reset\" [width]=\"18\" [height]=\"18\"></pry-icon>\n      {{ '@pry.search.button.reset' | i18n }}\n    </button>\n    <ng-container *ngIf=\"editInProgress$ | async\">\n      <pry-share [ngModel]=\"(currentEdit$ | async)?.visibility\" (ngModelChange)=\"updateVisibility($event)\"></pry-share>\n    </ng-container>\n    <ng-container *ngIf=\"(editInProgress$ | async) && !(isRename$ | async) && !(loading$ | async); else noEdit\">\n      <pry-edit-named-query\n        (searchFulltextChange)=\"onSearchFulltextChange($event)\"\n        (cancelled)=\"onSearchTools()\"\n      ></pry-edit-named-query>\n    </ng-container>\n    <ng-template #noEdit>\n      <ng-container *ngIf=\"isSearchCriteria && !(loading$ | async); else noSearch\">\n        <pry-toggle\n          class=\"o-pry-search-tools__content__toggle\"\n          [ngModel]=\"isSearchMono\"\n          (ngModelChange)=\"onMonoSearch()\"\n          [alwaysActive]=\"true\"\n          mode=\"action\"\n        >\n          {{ (isSearchMono ? '@pry.search.button.mono' : '@pry.search.button.multi') | i18n }}\n        </pry-toggle>\n        <div class=\"o-pry-search-tools__content__full\">\n          <ng-container *ngIf=\"isSearchMono; else isMultiSearch\">\n            <pry-search-mono-class></pry-search-mono-class>\n          </ng-container>\n          <ng-template #isMultiSearch>\n            <pry-search-multi-class></pry-search-multi-class>\n          </ng-template>\n        </div>\n\n        <div class=\"o-pry-search-tools__content__button-search\">\n          <ng-container *ngIf=\"isSearchCriteria\">\n            <pry-choose-widget (selected)=\"selectWidget($event)\"></pry-choose-widget>\n          </ng-container>\n          <button class=\"a-btn a-btn--primary\" (click)=\"onSearchTools()\" *ngIf=\"!isSearchCriteria\">\n            {{ '@pry.search.button.cancel' | i18n }}\n          </button>\n          <button\n            [disabled]=\"\n              (!(searchMultiClassValid$ | async) && !isSearchMono) || (!(searchMonoClassValid$ | async) && isSearchMono)\n            \"\n            class=\"a-btn a-btn--primary\"\n            (click)=\"onSearch()\"\n          >\n            <pry-icon iconSvg=\"search-line\"></pry-icon>\n            {{ '@pry.search.button.search' | i18n }}\n          </button>\n        </div>\n      </ng-container>\n    </ng-template>\n\n    <ng-template #noSearch>\n      <div class=\"o-pry-search-tools__content__full\">\n        <pry-search-home\n          class=\"o-pry-search-home\"\n          [isMoreList]=\"isMoreList\"\n          [searchFulltextTpl]=\"searchFulltextTpl\"\n          (changeListView)=\"onChangeListView($event)\"\n          (changeSearchCriteria)=\"onSearchCriteria()\"\n        ></pry-search-home>\n        <ng-template #searchFulltextTpl>\n          <pry-search-fulltext mode=\"vertical\" (searchChange)=\"onSearchFulltextChange($event)\"></pry-search-fulltext>\n        </ng-template>\n      </div>\n    </ng-template>\n  </div>\n  <div class=\"o-pry-search-tools__footer\" [class.is-close]=\"searchToolsClose\">\n    <pry-save-query-button\n      [editInProgress]=\"editInProgress$ | async\"\n      [currentEdit]=\"currentEdit$ | async\"\n      [currentEditType]=\"currentEditType$ | async\"\n      [fulltextValid]=\"isSearchFulltextValid\"\n      [multiValid]=\"searchMultiClassValid$ | async\"\n      [monoValid]=\"searchMonoClassValid$ | async\"\n      [isNotFulltext]=\"isSearchCriteria\"\n      [isMonoSearch]=\"isSearchMono\"\n      [fulltextSearch]=\"searchFulltextTemp\"\n    ></pry-save-query-button>\n  </div>\n</div>\n\n<ng-template #infoTooltipBack>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltipBack_searchTools\">\n    <span class=\"m-tooltip__text\"> Retour \u00E0 la liste des recherches </span>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { 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: i3.PryToggleComponent, selector: "pry-toggle", inputs: ["alwaysActive", "disabled", "mode", "size", "dir", "leftword", "rightword"] }, { kind: "directive", type: i3.PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "component", type: i3.PryShareComponent, selector: "pry-share", inputs: ["value", "labelProperty", "valueProperty", "users$"] }, { kind: "component", type: PrySearchHomeComponent, selector: "pry-search-home", inputs: ["searchFulltextTpl", "isMoreList"], outputs: ["changeListView", "changeSearchCriteria"] }, { kind: "component", type: PrySearchMonoClassComponent, selector: "pry-search-mono-class" }, { kind: "component", type: PrySearchMultiClassComponent, selector: "pry-search-multi-class" }, { kind: "component", type: PrySearchFulltextComponent, selector: "pry-search-fulltext", inputs: ["mode", "launchButton", "currentEdit"], outputs: ["searchChange"] }, { kind: "component", type: PrySaveQueryButtonComponent, selector: "pry-save-query-button", inputs: ["editInProgress", "currentEdit", "currentEditType", "fulltextValid", "multiValid", "monoValid", "isNotFulltext", "isMonoSearch", "fulltextSearch", "saveDisabled"] }, { kind: "component", type: EditNamedQueryComponent, selector: "pry-edit-named-query", inputs: ["fromWidget"], outputs: ["searchFulltextChange", "cancelled", "searched"] }, { kind: "component", type: ChooseWidgetComponent, selector: "pry-choose-widget", inputs: ["panelOpen", "mode", "width"], outputs: ["selected"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchToolsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-search-tools', template: "<div\n  class=\"o-pry-search-tools\"\n  [class.is-close]=\"searchToolsClose\"\n  [class.is-mono]=\"isNewMono || (isEditMono$ | async)\"\n>\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--icon-text -back\"\n    (click)=\"onSearchTools()\"\n    aria-pressed=\"false\"\n    *ngIf=\"((editInProgress$ | async) && !(isRename$ | async)) || isSearchCriteria\"\n    [pryTooltip]=\"infoTooltipBack\"\n    pryTooltipPosition=\"bottom\"\n    aria-describedby=\"infoTooltipBack_searchTools\"\n  >\n    <pry-icon iconSvg=\"arrow_back\" [width]=\"24\" [height]=\"24\" [animation]=\"false\"></pry-icon>\n    <span>{{ '@pry.search.button.backSearch' | i18n }}</span>\n  </button>\n  <div class=\"o-pry-search-tools__content\" [class.is-close]=\"searchToolsClose\">\n    <button\n      *ngIf=\"((editInProgress$ | async) && !(isRename$ | async)) || isSearchCriteria\"\n      class=\"a-btn a-btn--icon-text -link-like u-self-end\"\n      (click)=\"reset()\"\n      id=\"btn_reset\"\n    >\n      <pry-icon iconSvg=\"reset\" [width]=\"18\" [height]=\"18\"></pry-icon>\n      {{ '@pry.search.button.reset' | i18n }}\n    </button>\n    <ng-container *ngIf=\"editInProgress$ | async\">\n      <pry-share [ngModel]=\"(currentEdit$ | async)?.visibility\" (ngModelChange)=\"updateVisibility($event)\"></pry-share>\n    </ng-container>\n    <ng-container *ngIf=\"(editInProgress$ | async) && !(isRename$ | async) && !(loading$ | async); else noEdit\">\n      <pry-edit-named-query\n        (searchFulltextChange)=\"onSearchFulltextChange($event)\"\n        (cancelled)=\"onSearchTools()\"\n      ></pry-edit-named-query>\n    </ng-container>\n    <ng-template #noEdit>\n      <ng-container *ngIf=\"isSearchCriteria && !(loading$ | async); else noSearch\">\n        <pry-toggle\n          class=\"o-pry-search-tools__content__toggle\"\n          [ngModel]=\"isSearchMono\"\n          (ngModelChange)=\"onMonoSearch()\"\n          [alwaysActive]=\"true\"\n          mode=\"action\"\n        >\n          {{ (isSearchMono ? '@pry.search.button.mono' : '@pry.search.button.multi') | i18n }}\n        </pry-toggle>\n        <div class=\"o-pry-search-tools__content__full\">\n          <ng-container *ngIf=\"isSearchMono; else isMultiSearch\">\n            <pry-search-mono-class></pry-search-mono-class>\n          </ng-container>\n          <ng-template #isMultiSearch>\n            <pry-search-multi-class></pry-search-multi-class>\n          </ng-template>\n        </div>\n\n        <div class=\"o-pry-search-tools__content__button-search\">\n          <ng-container *ngIf=\"isSearchCriteria\">\n            <pry-choose-widget (selected)=\"selectWidget($event)\"></pry-choose-widget>\n          </ng-container>\n          <button class=\"a-btn a-btn--primary\" (click)=\"onSearchTools()\" *ngIf=\"!isSearchCriteria\">\n            {{ '@pry.search.button.cancel' | i18n }}\n          </button>\n          <button\n            [disabled]=\"\n              (!(searchMultiClassValid$ | async) && !isSearchMono) || (!(searchMonoClassValid$ | async) && isSearchMono)\n            \"\n            class=\"a-btn a-btn--primary\"\n            (click)=\"onSearch()\"\n          >\n            <pry-icon iconSvg=\"search-line\"></pry-icon>\n            {{ '@pry.search.button.search' | i18n }}\n          </button>\n        </div>\n      </ng-container>\n    </ng-template>\n\n    <ng-template #noSearch>\n      <div class=\"o-pry-search-tools__content__full\">\n        <pry-search-home\n          class=\"o-pry-search-home\"\n          [isMoreList]=\"isMoreList\"\n          [searchFulltextTpl]=\"searchFulltextTpl\"\n          (changeListView)=\"onChangeListView($event)\"\n          (changeSearchCriteria)=\"onSearchCriteria()\"\n        ></pry-search-home>\n        <ng-template #searchFulltextTpl>\n          <pry-search-fulltext mode=\"vertical\" (searchChange)=\"onSearchFulltextChange($event)\"></pry-search-fulltext>\n        </ng-template>\n      </div>\n    </ng-template>\n  </div>\n  <div class=\"o-pry-search-tools__footer\" [class.is-close]=\"searchToolsClose\">\n    <pry-save-query-button\n      [editInProgress]=\"editInProgress$ | async\"\n      [currentEdit]=\"currentEdit$ | async\"\n      [currentEditType]=\"currentEditType$ | async\"\n      [fulltextValid]=\"isSearchFulltextValid\"\n      [multiValid]=\"searchMultiClassValid$ | async\"\n      [monoValid]=\"searchMonoClassValid$ | async\"\n      [isNotFulltext]=\"isSearchCriteria\"\n      [isMonoSearch]=\"isSearchMono\"\n      [fulltextSearch]=\"searchFulltextTemp\"\n    ></pry-save-query-button>\n  </div>\n</div>\n\n<ng-template #infoTooltipBack>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltipBack_searchTools\">\n    <span class=\"m-tooltip__text\"> Retour \u00E0 la liste des recherches </span>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.o-pry-search-tools-wrapper']
+            }], searchToolsClose: [{
+                type: HostBinding,
+                args: ['class.is-close']
+            }] } });
+
+class EditNamedQueryModalComponent extends SubscriptionnerDirective {
+    constructor(store, overlay, viewContainerRef) {
+        super();
+        this.store = store;
+        this.overlay = overlay;
+        this.viewContainerRef = viewContainerRef;
+        this.subscriptions.add(this.store.select(DataSourceSelectors.editInProgress).subscribe((inProgress) => {
+            if (inProgress && !this.overlayRef && !this.isPanelAlreadyPresent) {
+                // open modal
+                this.overlayRef = this.overlay.create(new OverlayConfig({
+                    hasBackdrop: true,
+                    panelClass: ['o-edit-named-query-modal'],
+                    backdropClass: 'backdrop'
+                }));
+                this.store.dispatch(ConfigActions.addingOverlay({ id: this.constructor.name }));
+                this.overlayRef.backdropClick().subscribe((_) => {
+                    this.close();
+                });
+                this.overlayRef.attach(new TemplatePortal(this.template, this.viewContainerRef));
+            }
+            if (!inProgress) {
+                this.close();
+            }
+        }));
+    }
+    close() {
+        this.overlayRef?.dispose();
+        this.overlayRef = undefined;
+        this.store.dispatch(DataSourceActions.namedQuery.stopEdit());
+        this.store.dispatch(ConfigActions.closeOverlay({ id: this.constructor.name }));
+    }
+    get isPanelAlreadyPresent() {
+        return (document.getElementsByTagName('pry-search-home').length +
+            document.getElementsByTagName('pry-search-tools').length >
+            0);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: EditNamedQueryModalComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: EditNamedQueryModalComponent, selector: "pry-edit-named-query-modal", viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div>\n    <pry-search-tools></pry-search-tools>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: PrySearchToolsComponent, selector: "pry-search-tools" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: EditNamedQueryModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-edit-named-query-modal', template: "<ng-template #template>\n  <div>\n    <pry-search-tools></pry-search-tools>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { template: [{
+                type: ViewChild,
+                args: ['template', { read: TemplateRef }]
+            }] } });
+
+const enTranslations = {
+    '@pry': {
+        search: {
+            title: 'Search',
+            button: {
+                update: 'Save',
+                search: 'Search',
+                cancel: 'Cancel',
+                reset: 'Reset',
+                backSearch: 'Back to searches list',
+                mono: 'Class search',
+                multi: 'Business field search'
+            },
+            home: {
+                or: 'or',
+                title: 'My search',
+                ssTitle: 'New search',
+                searchByCriteria: 'search by criteria'
+            },
+            attribute: {
+                title: 'Attribute: ',
+                remove: 'Remove attribute filter'
+            },
+            type: {
+                and: 'AND',
+                or: 'OR'
+            },
+            composed: {
+                class: 'Class',
+                title: 'Include filters',
+                order: 'Add sort',
+                orderA: 'Ascending',
+                orderD: 'Descending',
+                orderNone: 'None',
+                shouldSelectClass: 'Select a class',
+                changeClassWarning: 'Change class will remove all conditions',
+                addCondition: 'Add condition',
+                addGroup: 'Add nested group',
+                removeGroup: 'Remove nested group'
+            },
+            operator: {
+                contains: 'Contain',
+                startWith: 'Start with',
+                endWith: 'End with',
+                notEqualsString: 'Different from',
+                equalsString: 'Match',
+                equalsNumber: 'Equal to',
+                greaterThanNumber: 'Greater than',
+                lowerThanNumber: 'Lower than',
+                innerBoundsNumber: 'Between',
+                outerBoundsNumber: 'Outside',
+                greaterThanDate: 'After',
+                lowerThanDate: 'Before',
+                innerBoundsDate: 'Between',
+                outerBoundsDate: 'Outside'
+            },
+            placeholder: {
+                search: 'Enter value...',
+                minValue: 'Min value...',
+                maxValue: 'Max value...'
+            },
+            namedQuery: {
+                emptyNamedQuery: 'No saved search',
+                open: 'Save search...',
+                title: 'Give a name to this search',
+                saveTitle: 'Save search',
+                renameTitle: 'Rename search',
+                rename: 'Rename',
+                name: 'Name',
+                description: 'Description',
+                favorite: 'Pin',
+                noFavorite: 'Detach',
+                display: 'Display',
+                refreshData: 'Refresh',
+                noSpot: 'Unused search',
+                color: 'Data color',
+                spot: 'Spot',
+                spotTitle: 'This query is used {{length}} times:',
+                use: 'View n°{{windowIndex}}',
+                delete: 'Delete',
+                edit: 'Edit',
+                seeLess: 'see less',
+                seeMore: 'see More',
+                explore: 'Exploring set',
+                type: {
+                    map: 'Map',
+                    table: 'Table',
+                    chart: 'Chart',
+                    graph: 'Network Relation'
+                },
+                alreadyEditing: 'A search is already being edited.',
+                refresh: {
+                    title: 'Automatic refresh',
+                    0: 'Inactive',
+                    10: '10 seconds',
+                    30: '30 seconds',
+                    60: '1 minute'
+                }
+            },
+            mono: {
+                title: 'Search advanded criteria'
+            },
+            fulltext: {
+                allClasses: 'All classes',
+                oneClass: 'One selected class',
+                manyClasses: '{{nb}} selected classes',
+                search: 'Search'
+            },
+            multi: {
+                title: 'Add criterias',
+                addCondition: 'Add one criteria',
+                options: 'Options',
+                multiType: 'Kind of association',
+                search: 'Search',
+                requiredError: 'Value is missing',
+                patternError: 'Format is incorrect',
+                selectField: 'Select the criteria',
+                legend: 'Criteria / classes using it',
+                in: 'in'
+            },
+            params: {
+                title: 'Search parameters',
+                button: 'Save settings',
+                namedQuery: {
+                    title: 'Searches',
+                    description: 'This part presents default parameters when creating a new search, like color or refresh rate.'
+                }
+            }
+        }
+    }
+};
+
+const frTranslations = {
+    '@pry': {
+        search: {
+            title: 'Recherche',
+            button: {
+                update: 'Enregistrer',
+                search: 'Rechercher',
+                cancel: 'Annuler',
+                reset: 'Remise à zéro',
+                backSearch: 'Retour à la liste des recherches',
+                mono: 'Recherche par classe',
+                multi: 'Recherche par champs métier'
+            },
+            home: {
+                or: 'ou',
+                title: 'Mes recherches',
+                ssTitle: 'Nouvelle recherche',
+                searchByCriteria: 'Recherche par critères'
+            },
+            attribute: {
+                title: 'Attribut : ',
+                remove: 'Retirer le filtre'
+            },
+            type: {
+                and: 'ET',
+                or: 'OU'
+            },
+            composed: {
+                class: 'Classe',
+                title: 'Incluez des filtres',
+                order: 'Ajouter un tri',
+                orderA: 'Croissant',
+                orderD: 'Décroissant',
+                orderNone: 'Aucun tri',
+                shouldSelectClass: 'Choisissez une classe',
+                changeClassWarning: 'Changer de classe supprimera toutes les conditions',
+                addCondition: 'Ajouter une condition',
+                addGroup: 'Ajouter un sous-groupe',
+                removeGroup: 'Supprimer un sous-groupe'
+            },
+            operator: {
+                contains: 'Contient',
+                startWith: 'Commence par',
+                endWith: 'Fini par',
+                notEqualsString: 'Différent de',
+                equalsString: 'Exactement',
+                equalsNumber: 'Egal',
+                greaterThanNumber: 'Supérieur à',
+                lowerThanNumber: 'Inférieur à',
+                innerBoundsNumber: 'Compris entre',
+                outerBoundsNumber: "A l'extérieur de",
+                greaterThanDate: 'Après',
+                lowerThanDate: 'Avant',
+                innerBoundsDate: 'Entre deux dates',
+                outerBoundsDate: "A l'extérieur d'une période"
+            },
+            placeholder: {
+                search: 'Entrer la valeur ...',
+                minValue: 'Valeur min ...',
+                maxValue: 'Valeur max ...'
+            },
+            namedQuery: {
+                emptyNamedQuery: 'Aucune recherche enregistrée',
+                open: 'Enregistrer la recherche sous...',
+                title: 'Nommez cette recherche',
+                saveTitle: 'Sauvegarder cette recherche',
+                renameTitle: 'Renommer cette recherche',
+                rename: 'Renommer',
+                name: 'Nom',
+                description: 'Description',
+                favorite: 'Epingler',
+                noFavorite: 'Détacher',
+                display: 'Afficher',
+                refreshData: 'Actualiser',
+                noSpot: 'Recherche non utilisée',
+                color: 'Couleur jeu de données',
+                spot: 'Repérer',
+                spotTitle: 'La recherche est utilisée à {{length}} endroits:',
+                use: 'Vue n°{{windowIndex}}',
+                delete: 'Supprimer',
+                edit: 'Editer',
+                seeLess: 'voir moins',
+                seeMore: 'voir plus',
+                explore: 'Recherche exploratoire',
+                type: {
+                    map: 'Carte',
+                    table: 'Tableau',
+                    chart: 'Graphique',
+                    graph: 'Relations'
+                },
+                alreadyEditing: 'Vous avez déjà une édition de recherche en cours.',
+                refresh: {
+                    title: 'Rafraichissement automatique',
+                    0: 'Inactif',
+                    10: '10 secondes',
+                    30: '30 secondes',
+                    60: '1 minute'
+                }
+            },
+            mono: {
+                title: 'Recherche critères avancés'
+            },
+            fulltext: {
+                allClasses: 'Toutes les classes',
+                oneClass: 'Une classe sélectionnée',
+                manyClasses: '{{nb}} classes sélectionnées',
+                search: 'Lancer la recherche'
+            },
+            multi: {
+                title: 'Ajouter des critères',
+                addCondition: 'Ajouter un critère',
+                options: 'Options',
+                multiType: 'Associer les critères',
+                search: 'Rechercher',
+                requiredError: 'La valeur est manquante',
+                patternError: 'Le format est incorrect',
+                selectField: 'Sélectionner un critère',
+                legend: 'Critère / classes utilisant ce critère',
+                in: 'dans'
+            },
+            params: {
+                title: 'Paramètres de recherche',
+                button: 'Enregistrer les paramètres',
+                namedQuery: {
+                    title: 'Recherches',
+                    description: "Cette partie regroupe les paramètres par défaut d'une nouvelle recherche(la couleur à utiliser, ...)"
+                }
+            }
+        }
+    }
+};
+
+class SearchFulltextService {
+    buildPayload(value, oClasses) {
+        return {
+            type: NamedQueryTypes.MULTI_CLASS,
+            multiType: 'AND',
+            oClasses,
+            fullSearch: {
+                value
+            }
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchFulltextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchFulltextService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchFulltextService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class SearchFulltextEffects {
+    constructor(actions$, store, searchFulltextService) {
+        this.actions$ = actions$;
+        this.store = store;
+        this.searchFulltextService = searchFulltextService;
+        this.search$ = createEffect(() => this.actions$.pipe(ofType(searchFulltextActions.search, searchFulltextActions.save), withLatestFrom(this.store.select(DataSourceSelectors.currentEdit)), map$1(([action, currentEdit]) => {
+            const payload = this.searchFulltextService.buildPayload(action.search, action.classes);
+            if (action.type === searchFulltextActions.save.type && DEFAULT_NAMED_QUERY_ID !== action?.id) {
+                return DataSourceActions.namedQuery.post({
+                    id: action.id ?? currentEdit?.id,
+                    name: action.descriptionQuery.name,
+                    description: action.descriptionQuery?.description,
+                    visibility: action.descriptionQuery?.visibility,
+                    payload,
+                    color: currentEdit?.color,
+                    favorite: currentEdit?.favorite ?? false,
+                    isEdit: !!currentEdit
+                });
+            }
+            return SearchActions.search({ payload });
+        })));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchFulltextEffects, deps: [{ token: i1$1.Actions }, { token: i1.Store }, { token: SearchFulltextService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchFulltextEffects }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchFulltextEffects, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$1.Actions }, { type: i1.Store }, { type: SearchFulltextService }]; } });
+
+class SearchMonoClassService {
+    initNormalizedConditionComposed(parentId) {
+        const id = v4();
+        return {
+            id,
+            parentId,
+            type: 'AND'
+        };
+    }
+    initNormalizedConditionAttribute(parentId, attributeId) {
+        if (!attributeId.trim()) {
+            throw new Error('Invalid attribute ID');
+        }
+        const id = v4();
+        return {
+            id,
+            parentId,
+            attribute: attributeId,
+            type: 'ATTRIBUTE',
+            operator: 'EQUALS'
+        };
+    }
+    buildMonoClassSearchPayloadForSearch(oClass, masterId, monoClassConditions, order) {
+        if (!oClass.trim()) {
+            throw new Error('Invalid class ID');
+        }
+        const condition = this.buildConditionFromMonoClassSearchCondition(monoClassConditions, masterId);
+        let sort = undefined;
+        if (order) {
+            sort = {
+                attribute: order.attribute,
+                direction: order.asc
+            };
+        }
+        return { type: NamedQueryTypes.MONO_CLASS, ...{ condition }, ...{ sort }, oClass };
+    }
+    buildConditionFromMonoClassSearchCondition(monoClassConditions, idCondition) {
+        const cond = monoClassConditions.entities[idCondition];
+        const subCond = monoClassConditions.entities[idCondition].composed?.map((id) => this.buildConditionFromMonoClassSearchCondition(monoClassConditions, id)) ?? [];
+        const condition = {
+            type: cond.type,
+            attribute: cond.attribute,
+            composed: subCond.length > 0 ? subCond : undefined,
+            operator: cond.operator,
+            value: cond.value,
+            upperValue: cond.upperValue
+        };
+        if (condition.operator !== 'INSIDE' && condition.operator !== 'OUTSIDE') {
+            delete condition.upperValue;
+        }
+        return condition;
+    }
+    loadNormalizedConditions(cond, parentId, classes, fields, masterId, sort) {
+        let resultSort = undefined;
+        if (sort) {
+            resultSort = {
+                attribute: sort.attribute,
+                asc: sort.direction
+            };
+        }
+        if (cond?.type === 'AND' || cond?.type === 'OR') {
+            const id = masterId ?? v4();
+            if (cond?.composed) {
+                const children = cond.composed.map((cond) => this.loadNormalizedConditions(cond, id, classes, fields));
+                const ids = children.map((child) => child.id);
+                const normalizedChildren = children.reduce((acc, res) => [...acc, ...res.conditions], []);
+                return {
+                    id,
+                    conditions: [
+                        ...normalizedChildren,
+                        {
+                            id,
+                            parentId: parentId ?? null,
+                            type: cond.type,
+                            composed: ids
+                        }
+                    ],
+                    sort: resultSort
+                };
+            }
+            return {
+                id,
+                conditions: [
+                    {
+                        id,
+                        parentId: parentId ?? null,
+                        type: cond.type
+                    }
+                ],
+                sort: resultSort
+            };
+        }
+        else {
+            const id = masterId ?? v4();
+            const field = this.getFieldFromAttribute(cond?.attribute, classes, fields);
+            const condition = field
+                ? {
+                    id,
+                    parentId: parentId ?? null,
+                    type: 'ATTRIBUTE',
+                    attribute: cond.attribute,
+                    operator: cond.operator,
+                    value: cond.value,
+                    pattern: this.getPatternForField(field),
+                    isDate: field.type === FieldType.INSTANT
+                }
+                : {
+                    id,
+                    parentId: parentId ?? null,
+                    type: 'ATTRIBUTE',
+                    attribute: cond?.attribute,
+                    operator: cond?.operator,
+                    value: cond?.value
+                };
+            return {
+                id,
+                conditions: [condition],
+                sort: resultSort
+            };
+        }
+    }
+    getPatternForField(field) {
+        const type = field.type;
+        switch (type) {
+            case FieldType.DECIMAL:
+                return '^[+-]?([0-9]*[.])?[0-9]+$';
+            case FieldType.INTEGER:
+            case FieldType.LONG:
+                return '^[+-]?[0-9]+$';
+            case FieldType.STRING:
+            case FieldType.KEYWORD:
+                return '^.+$';
+            case FieldType.INSTANT:
+                return '^[0-9]{4}-[0-9]{2}-[0-9]{2}$|^[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}:[0-9]{2}$';
+            default:
+                return '^.+$';
+        }
+    }
+    getFieldFromAttribute(attributeId, classes, fields) {
+        if (!attributeId) {
+            return undefined;
+        }
+        const attribute = classes
+            .reduce((acc, clazz) => [...acc, ...clazz.attributes], [])
+            .find((a) => a.id === attributeId);
+        return fields.find((f) => f.id === attribute?.field);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchMonoClassService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchMonoClassService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchMonoClassService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class SearchMonoClassEffects {
+    constructor(actions$, searchService, searchMonoClassService, store) {
+        this.actions$ = actions$;
+        this.searchService = searchService;
+        this.searchMonoClassService = searchMonoClassService;
+        this.store = store;
+        this.selectedMonoClass$ = createEffect(() => this.actions$.pipe(ofType(SearchMonoClassActions.selectMonoClassSearch), map$1(() => {
+            const condition = this.searchMonoClassService.initNormalizedConditionComposed(null);
+            return SearchMonoClassActions.addFirstNormalizedCondition({ condition });
+        })));
+        this.addNormalizedConditionAttribute$ = createEffect(() => this.actions$.pipe(ofType(SearchMonoClassActions.addNormalizedConditionAttributeForConditionId), mergeMap((action) => combineLatest([of(action), this.store.select(FieldSelectors.fieldById(action.attribute.field))]).pipe(first())), map$1(([action, field]) => {
+            const pattern = this.searchMonoClassService.getPatternForField(field);
+            const isDate = field.type === FieldType.INSTANT;
+            const condition = {
+                ...this.searchMonoClassService.initNormalizedConditionAttribute(action.conditionId, action.attribute.id),
+                isDate,
+                pattern
+            };
+            return SearchMonoClassActions.addNormalizedConditionForConditionId({
+                conditionId: action.conditionId,
+                condition
+            });
+        })));
+        this.addNormalizedConditionComposed$ = createEffect(() => this.actions$.pipe(ofType(SearchMonoClassActions.addNormalizedConditionComposedForConditionId), map$1((action) => {
+            const condition = this.searchMonoClassService.initNormalizedConditionComposed(action.conditionId);
+            return SearchMonoClassActions.addNormalizedConditionForConditionId({
+                conditionId: action.conditionId,
+                condition
+            });
+        })));
+        this.deleteNormalizedCondition$ = createEffect(() => this.actions$.pipe(ofType(SearchMonoClassActions.deleteNormalizedConditionById), mergeMap((action) => combineLatest([
+            of(action),
+            this.store.select(SearchMonoClassSelectors.selectMonoClassConditionsById(action.conditionId))
+        ]).pipe(first())), switchMap$1(([action, condition]) => {
+            const actionCondition$ = SearchMonoClassActions.deleteNormalizedCondition({ condition });
+            const actionParent$ = SearchMonoClassActions.removeConditionFromComposed({
+                parentId: condition.parentId ?? null,
+                childrenId: condition.id
+            });
+            const actionsComposed$ = condition.composed?.map((id) => SearchMonoClassActions.deleteNormalizedConditionById({ conditionId: id }));
+            return actionsComposed$
+                ? [actionCondition$, actionParent$, ...actionsComposed$]
+                : [actionCondition$, actionParent$];
+        })));
+        this.actionMonoClassSearch$ = createEffect(() => this.actions$.pipe(ofType(SearchMonoClassActions.search, SearchMonoClassActions.save), withLatestFrom(this.store.select(SearchMonoClassSelectors.selectMonoClassIdSearch), this.store.select(SearchMonoClassSelectors.selectMonoClassConditionsMasterId), this.store.select(SearchMonoClassSelectors.selectMonoClassConditions), this.store.select(SearchMonoClassSelectors.order), this.store.select(DataSourceSelectors.currentEdit)), map$1(([action, oClass, masterId, conditions, order, currentEdit]) => {
+            const payload = this.searchMonoClassService.buildMonoClassSearchPayloadForSearch(oClass ?? '', masterId ?? '', conditions, order);
+            if (action.type === SearchMonoClassActions.save.type && DEFAULT_NAMED_QUERY_ID !== action?.id) {
+                return DataSourceActions.namedQuery.post({
+                    id: action.id ?? currentEdit?.id,
+                    name: action.descriptionQuery.name,
+                    description: action.descriptionQuery?.description,
+                    visibility: action.descriptionQuery?.visibility,
+                    payload,
+                    color: currentEdit?.color,
+                    favorite: currentEdit?.favorite ?? false,
+                    isEdit: !!currentEdit
+                });
+            }
+            return SearchActions.search({ payload });
+        })));
+        this.loadExistingConditions$ = createEffect(() => this.actions$.pipe(ofType(SearchMonoClassActions.loadExistingConditions), withLatestFrom(this.store.select(ClassSelectors.classes), this.store.select(FieldSelectors.fields)), mergeMap(([action, classes, fields]) => {
+            const { oClass, condition, sort } = action.payload;
+            const masterId = v4();
+            const conditions = this.searchMonoClassService.loadNormalizedConditions(condition, masterId, classes, fields, masterId, sort).conditions;
+            const ids = conditions.map((cond) => cond.id);
+            const entities = conditions.reduce((acc, cond) => ({ ...acc, [cond.id]: cond }), {});
+            return [
+                SearchMonoClassActions.addIdMaster({ id: masterId }),
+                SearchMonoClassActions.addIdCondition({ ids }),
+                SearchMonoClassActions.addEntities({ entities }),
+                SearchMonoClassActions.addIdClass({ id: oClass }),
+                SearchMonoClassActions.addOrder({ attribute: sort?.attribute, asc: sort?.direction })
+            ];
+        })));
+        this.addEdit$ = createEffect(() => this.actions$.pipe(ofType(DataSourceActions.namedQuery.openEdit), withLatestFrom(this.store.select(DataSourceSelectors.currentEdit)), mergeMap(([action, currentEdit]) => {
+            const actions = [];
+            if (!!currentEdit) {
+                const type = NamedQueryUtils.getTypeFromPayload(currentEdit.request);
+                if (type === NamedQueryTypes.MULTI_CLASS) {
+                    actions.push(SearchMultiClassActions.loadExistingConditions({
+                        payload: currentEdit.request
+                    }));
+                }
+                if (type === NamedQueryTypes.MONO_CLASS) {
+                    actions.push(SearchMonoClassActions.loadExistingConditions({ payload: currentEdit.request }));
+                }
+            }
+            return actions;
+        }), catchError((error) => [DataSourceActions.namedQuery.failure({ error })])));
+        this.stopEdit$ = createEffect(() => this.actions$.pipe(ofType(DataSourceActions.namedQuery.stopEdit), mergeMap(() => [SearchMultiClassActions.resetSearch(), SearchMonoClassActions.resetSearch()])));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchMonoClassEffects, deps: [{ token: i1$1.Actions }, { token: i3.SearchService }, { token: SearchMonoClassService }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchMonoClassEffects }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchMonoClassEffects, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$1.Actions }, { type: i3.SearchService }, { type: SearchMonoClassService }, { type: i1.Store }]; } });
+
+class SearchMultiClassEffects {
+    constructor(actions$, store, multiClassService) {
+        this.actions$ = actions$;
+        this.store = store;
+        this.multiClassService = multiClassService;
+        this.addCondition$ = createEffect(() => this.actions$.pipe(ofType(SearchMultiClassActions.addNewEmptyCondition), map$1(() => {
+            const condition = this.multiClassService.generateCondition();
+            return SearchMultiClassActions.addMultiClassCondition({ condition });
+        })));
+        this.updateConditionField$ = createEffect(() => this.actions$.pipe(ofType(SearchMultiClassActions.updateConditionField), mergeMap((action) => combineLatest([
+            this.store
+                .select(SearchMultiClassSelectors.getConditionById(action.conditionId))
+                .pipe(filter$1((c) => c !== undefined)),
+            this.store.select(FieldSelectors.fieldById(action.field))
+        ]).pipe(first())), map$1(([condition, field]) => {
+            const pattern = this.multiClassService.getPatternForField(field);
+            const isDate = field.type === FieldType.INSTANT;
+            return SearchMultiClassActions.updateConditionPattern({
+                conditionId: condition.id,
+                pattern,
+                isDate
+            });
+        })));
+        this.actionMultiClassSearch$ = createEffect(() => this.actions$.pipe(ofType(SearchMultiClassActions.search, SearchMultiClassActions.save), withLatestFrom(this.store.select(SearchMultiClassSelectors.conditions), this.store.select(SearchMultiClassSelectors.multiType), this.store.select(ClassSelectors.classes), this.store.select(DataSourceSelectors.currentEdit)), map$1(([action, conditions, multiType, classes, currentEdit]) => {
+            const payload = this.multiClassService.buildConditionsToSearchPayload(conditions, classes, multiType);
+            if (action.type === SearchMultiClassActions.save.type && DEFAULT_NAMED_QUERY_ID !== currentEdit?.id) {
+                return DataSourceActions.namedQuery.post({
+                    id: action.id ?? currentEdit?.id,
+                    name: action.descriptionQuery.name,
+                    description: action.descriptionQuery?.description,
+                    visibility: action.descriptionQuery?.visibility,
+                    payload,
+                    color: currentEdit?.color,
+                    favorite: currentEdit?.favorite ?? false,
+                    isEdit: !!currentEdit
+                });
+            }
+            return SearchActions.search({ payload });
+        })));
+        this.loadExistingConditions$ = createEffect(() => this.actions$.pipe(ofType(SearchMultiClassActions.loadExistingConditions), withLatestFrom(this.store.select(FieldSelectors.fields)), mergeMap(([action, fields]) => {
+            const conditions = this.multiClassService.getConditionsFromSearchPayload(action.payload, fields);
+            const multiType = action.payload.multiType;
+            return [
+                SearchMultiClassActions.updateConditions({ conditions }),
+                SearchMultiClassActions.updateMultiType({ multiType })
+            ];
+        })));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchMultiClassEffects, deps: [{ token: i1$1.Actions }, { token: i1.Store }, { token: SearchMultiClassService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchMultiClassEffects }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchMultiClassEffects, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$1.Actions }, { type: i1.Store }, { type: SearchMultiClassService }]; } });
+
+class PrySearchModule {
+    constructor(pryTranslateService) {
+        this.pryTranslateService = pryTranslateService;
+        this.pryTranslateService.addLangObject('fr', 'search', frTranslations);
+        this.pryTranslateService.addLangObject('en', 'search', enTranslations);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchModule, deps: [{ token: i3.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PrySearchModule, declarations: [PrySearchComposedComponent,
+            PrySearchSelectAttributeComponent,
+            PrySearchConditionComponent,
+            PrySaveQueryComponent,
+            PrySearchToolsComponent,
+            PrySearchHomeComponent,
+            PrySearchMonoClassComponent,
+            PrySaveQueryComponent,
+            MultiClassConditionComponent,
+            PrySearchMultiClassComponent,
+            MultiClassFieldSelectionComponent,
+            PrySearchFulltextComponent,
+            PrySaveQueryButtonComponent,
+            EditNamedQueryComponent,
+            EditNamedQueryModalComponent,
+            ChooseWidgetComponent,
+            PrySearchOrderComponent,
+            PrySearchCssComponent], imports: [CommonModule,
+            PryCoreModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1$1.EffectsFeatureModule, PryIconModule,
+            FormsModule,
+            ReactiveFormsModule,
+            OverlayModule,
+            PortalModule,
+            PrySelectModule,
+            PryToggleModule,
+            PryOverlayModule,
+            PryFilterModule,
+            PryToggleModule,
+            PryExpandPanelModule,
+            PryCardModule,
+            PryCheckboxModule,
+            PryDashboardModule,
+            PryShareModule,
+            PryDatePickerModule,
+            PryI18nModule], exports: [PrySearchToolsComponent, PrySearchFulltextComponent, EditNamedQueryModalComponent, ChooseWidgetComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchModule, imports: [CommonModule,
+            PryCoreModule,
+            StoreModule.forFeature(searchMultiClassFeatureKey, searchMultiClassReducer),
+            StoreModule.forFeature(searchMonoClassFeatureKey, searchMonoClassReducer),
+            EffectsModule.forFeature([SearchMultiClassEffects, SearchMonoClassEffects, SearchFulltextEffects]),
+            PryIconModule,
+            FormsModule,
+            ReactiveFormsModule,
+            OverlayModule,
+            PortalModule,
+            PrySelectModule,
+            PryToggleModule,
+            PryOverlayModule,
+            PryFilterModule,
+            PryToggleModule,
+            PryExpandPanelModule,
+            PryCardModule,
+            PryCheckboxModule,
+            PryDashboardModule,
+            PryShareModule,
+            PryDatePickerModule,
+            PryI18nModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySearchModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        PryCoreModule,
+                        StoreModule.forFeature(searchMultiClassFeatureKey, searchMultiClassReducer),
+                        StoreModule.forFeature(searchMonoClassFeatureKey, searchMonoClassReducer),
+                        EffectsModule.forFeature([SearchMultiClassEffects, SearchMonoClassEffects, SearchFulltextEffects]),
+                        PryIconModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        OverlayModule,
+                        PortalModule,
+                        PrySelectModule,
+                        PryToggleModule,
+                        PryOverlayModule,
+                        PryFilterModule,
+                        PryToggleModule,
+                        PryExpandPanelModule,
+                        PryCardModule,
+                        PryCheckboxModule,
+                        PryDashboardModule,
+                        PryShareModule,
+                        PryDatePickerModule,
+                        PryI18nModule
+                    ],
+                    declarations: [
+                        PrySearchComposedComponent,
+                        PrySearchSelectAttributeComponent,
+                        PrySearchConditionComponent,
+                        PrySaveQueryComponent,
+                        PrySearchToolsComponent,
+                        PrySearchHomeComponent,
+                        PrySearchMonoClassComponent,
+                        PrySaveQueryComponent,
+                        MultiClassConditionComponent,
+                        PrySearchMultiClassComponent,
+                        MultiClassFieldSelectionComponent,
+                        PrySearchFulltextComponent,
+                        PrySaveQueryButtonComponent,
+                        EditNamedQueryComponent,
+                        EditNamedQueryModalComponent,
+                        ChooseWidgetComponent,
+                        PrySearchOrderComponent,
+                        PrySearchCssComponent
+                    ],
+                    exports: [PrySearchToolsComponent, PrySearchFulltextComponent, EditNamedQueryModalComponent, ChooseWidgetComponent]
+                }]
+        }], ctorParameters: function () { return [{ type: i3.PryI18nService }]; } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ChooseWidgetComponent, EditNamedQueryComponent, EditNamedQueryModalComponent, PrySaveQueryComponent, PrySearchComposedComponent, PrySearchConditionComponent, PrySearchFulltextComponent, PrySearchModule, PrySearchMonoClassComponent, PrySearchMultiClassComponent, PrySearchSelectAttributeComponent, PrySearchToolsComponent };
+//# sourceMappingURL=provoly-dashboard-search.mjs.map