@dflat-core/web 1.7.2077 → 1.7.2078

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dflat-core/web",
-  "version": "1.7.2077",
+  "version": "1.7.2078",
   "description": "Librairies Angular Dflat (core, core-*, system-*) et assets partagés, empaquetées en un module npm unique.",
   "license": "MIT",
   "peerDependencies": {

package/scss/dflat-app.scss

@@ -42,6 +42,12 @@ body {
     background: #fdfdfd;
 }
 
+// Cases à cocher et boutons radio natifs : bleu du menu principal.
+input[type=checkbox],
+input[type=radio] {
+    accent-color: $main_bg_color;
+}
+
 .login-page {
     background: #efefef;
 }

package/types/dflat-core-web-core-data.d.ts

@@ -49,6 +49,14 @@ export declare class DataService {
   }[]>;
   getGridColumnsFor(entityKey: string, columnKeys: string[]): Observable<ColumnDescriptor[]>;
   search<TData>(entityKey: string, filter: any): Observable<PagedList<TData>>;
+  /**
+   * Valeurs distinctes d'une colonne sur les résultats de la recherche du filtre (menu « Filtre avancé »
+   * des grilles) : une page, filtrée par le texte cherché (contient), la valeur vide (null) d'abord.
+   */
+  distinctValues(entityKey: string, filter: any, property: string, search: string, offset: number, take: number): Observable<{
+    Values: any[];
+    HasMore: boolean;
+  }>;
   getDetails<TData>(entityKey: string, id: number): Observable<TData>;
   getEmptyFilter<T>(entityKey: string): Observable<T>;
   /**

package/types/dflat-core-web-core-model.d.ts

@@ -515,6 +515,8 @@ export interface FilterClause {
   PropertyName: string;
   FilterValue: string;
   Operator: FilterOperator;
+  /** Valeurs cochées dans le menu « Filtre avancé » de la colonne (condition « dans la liste »). */
+  FilterValues?: string[];
 }
 export interface FilterRow {
   ClausesByPropertyName: Map<string, FilterClause>;

package/types/dflat-core-web-core-ux.d.ts

@@ -18,6 +18,7 @@ import { EnvironmentBase } from "@dflat-core/web/core";
 import { AnimationBuilder } from "@angular/animations";
 import { DomSanitizer, SafeUrl } from "@angular/platform-browser";
 import * as i95 from "@ng-select/ng-select";
+import { NgSelectComponent } from "@ng-select/ng-select";
 import { CdkDragDrop } from "@angular/cdk/drag-drop";
 /**
  * Mode de sélection des lignes d'une grille (mêmes valeurs que SelectionType de @swimlane/ngx-datatable,
@@ -481,6 +482,26 @@ export declare class FilterContext<TData extends EntityViewModel, TFilter extend
    * (AdditionalQuery) : le serveur résout chaque propriété et écrit la clause SQL.
    */
   applyAdditionalQuery(): void;
+  /**
+   * Valeur de AdditionalQuery des filtres composés : par ligne, une condition « ressemble à » par cellule
+   * renseignée et une condition « dans la liste » par colonne filtrée par valeurs (menu « Filtre avancé »).
+   * @param excludedProperty Colonne dont les conditions sont laissées de côté (valeurs proposées par son
+   * menu « Filtre avancé » : celles des autres filtres seulement).
+   */
+  private buildAdditionalQuery;
+  /**
+   * Filtre de la recherche des valeurs distinctes d'une colonne (menu « Filtre avancé ») : celui de
+   * l'écran, sans les conditions des filtres composés sur cette colonne.
+   */
+  getDistinctValuesFilter(property: string): TFilter;
+  /** Valeurs cochées dans le menu « Filtre avancé » d'une colonne (première ligne des filtres composés). */
+  getFilterValues(property: string): string[];
+  /**
+   * Filtre d'une colonne sur une liste de valeurs (menu « Filtre avancé ») : condition « dans la liste »
+   * de la colonne dans la première ligne des filtres composés, créée s'il n'y en a pas ; liste vide : la
+   * condition est retirée. La recherche est relancée.
+   */
+  setFilterValues(property: string, values: string[]): void;
   setAggregateClause(aggregationRequest: any): void;
 }
 declare class LoggerContext {
@@ -4462,7 +4483,7 @@ export declare class DataGridComponent<TData extends EntityViewModel> implements
     y: number;
     /** Ligne de la cellule (clic droit sur une cellule), pour filtrer sur sa valeur. */
     row?: TData;
-    submenu?: 'display' | 'columns';
+    submenu?: 'sort' | 'distinct' | 'display' | 'columns';
     submenuLeft?: boolean;
     submenuUp?: boolean;
     ready?: boolean;
@@ -4500,7 +4521,7 @@ export declare class DataGridComponent<TData extends EntityViewModel> implements
   private menuBounds;
   /** Place le menu ouvert au point (x, y) pour qu'il tienne entier dans la grille. */
   private fitColumnMenu;
-  setSubmenu(submenu: 'display' | 'columns' | undefined): void;
+  setSubmenu(submenu: 'sort' | 'distinct' | 'display' | 'columns' | undefined): void;
   /** Action faite dans le menu « Affichage » (alg-grid-view-menu) : menu fermé. */
   closeViewMenu(): void;
   /** Vues ou colonnes chargées dans le menu « Affichage » : sous-menu replacé dans la grille. */
@@ -6512,8 +6533,34 @@ export declare class FilterSummaryPanelComponent {
   private destroy$;
   ngOnDestroy(): void;
   updateSummary(): void;
+  /**
+   * Filtres à choix limités dont le rappel reste affiché même sans valeur (« Tous ») : une fois affiché,
+   * le rappel n'est retiré que par sa croix.
+   */
+  private keptFilters;
   updateFieldSummary(field: FilterDescriptor): void;
+  /** Libellé d'un filtre à choix limités sans valeur : celui de son choix -1 s'il existe, sinon « Tous ». */
+  private emptyLabel;
   getFilterSummaryValue(field: FilterDescriptor): string;
+  /** Propriété du filtre dont la liste est ouverte depuis le rappel, ou null. */
+  openedProperty: string | null;
+  /** Liste ouverte depuis le rappel : déroulée dès son affichage. */
+  set listSelect(select: NgSelectComponent);
+  /**
+   * Vrai si le rappel du filtre peut ouvrir sa liste : liste à choix limités (valeurs connues), à choix
+   * unique, non fixée par la vue affichée.
+   */
+  canOpenList(field: FilterDescriptor): boolean;
+  /** Ouvre la liste du filtre à la place de son rappel. */
+  openList(field: FilterDescriptor): void;
+  /** Referme la liste : le rappel est de nouveau affiché. */
+  closeList(): void;
+  /** Valeur actuelle du filtre, choisie dans sa liste. */
+  currentValue(field: FilterDescriptor): any;
+  /** Applique la valeur choisie dans la liste ouverte depuis le rappel. */
+  selectValue(field: FilterDescriptor, item: any): void;
+  /** Vrai si le filtre peut être supprimé depuis son rappel (croix rouge). */
+  canClear(field: FilterDescriptor): boolean;
   resetFormControl(field: FilterDescriptor): void;
   /**
    * Texte du filtre fixé par une vue : ses valeurs du FilterPanel (libellé : valeur), puis son filtre
@@ -6988,9 +7035,85 @@ export declare class GridViewMenuComponent implements OnInit {
     "loaded": "loaded";
   }, never, never, true, never>;
 }
+declare namespace grid_distinct_filter_component_d_exports {
+  export { GridDistinctFilterComponent };
+}
+/**
+ * Contenu du sous-menu « Filtre avancé » d'une colonne de grille : valeurs distinctes de la colonne sur
+ * les résultats de la recherche, avec les autres filtres de l'écran (action DistinctValues du contrôleur),
+ * par pages chargées au défilement ; recherche dans les valeurs ; les valeurs cochées (gardées d'une
+ * recherche à l'autre) deviennent la condition « dans la liste » de la colonne dans les filtres composés.
+ *
+ * Le composant donne des éléments de liste (li) : il se place dans la liste (ul) du menu qui l'ouvre.
+ */
+declare class GridDistinctFilterComponent implements OnInit, OnDestroy {
+  /** Nombre de valeurs d'une page. */
+  static readonly PageSize = 50;
+  /** Façade de l'écran (filtre). */
+  facade: EntityFacade<any>;
+  /** Clé de l'entité de la grille (contrôleur appelé). */
+  entityKey: string;
+  /** Propriété de la colonne. */
+  property: string;
+  /** Filtre appliqué ou effacé : le menu se ferme. */
+  readonly done: EventEmitter<void>;
+  /** Première page chargée : le menu peut se replacer. */
+  readonly loaded: EventEmitter<void>;
+  private readonly dataService;
+  private readonly cd;
+  /** Valeurs affichées (pages chargées). */
+  values: any[];
+  hasMore: boolean;
+  loading: boolean;
+  error: boolean;
+  search: string;
+  /** Valeurs cochées, par texte envoyé au serveur. */
+  readonly selected: Set<string>;
+  private readonly search$;
+  private readonly subscriptions;
+  private request?;
+  ngOnInit(): void;
+  ngOnDestroy(): void;
+  /** Charge la première page (reset) ou la page suivante. */
+  private load;
+  onSearchChange(): void;
+  /** Défilement de la liste : la page suivante est chargée près du bas. */
+  onScroll(event: Event): void;
+  key(value: any): string;
+  /** Libellé d'une valeur : Oui / Non, date (et heure) au format français, sinon le texte. */
+  label(value: any): string;
+  isSelected(value: any): boolean;
+  toggle(value: any): void;
+  /** Toutes les valeurs affichées sont cochées. */
+  allShownSelected(): boolean;
+  /** Coche (ajoute à la sélection) ou décoche toutes les valeurs affichées. */
+  toggleAllShown(): void;
+  /** Applique les valeurs cochées au filtre de la colonne. */
+  apply(): void;
+  /** Retire le filtre sur les valeurs de la colonne. */
+  clear(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<GridDistinctFilterComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<GridDistinctFilterComponent, "alg-grid-distinct-filter", never, {
+    "facade": {
+      "alias": "facade";
+      "required": true;
+    };
+    "entityKey": {
+      "alias": "entityKey";
+      "required": true;
+    };
+    "property": {
+      "alias": "property";
+      "required": true;
+    };
+  }, {
+    "done": "done";
+    "loaded": "loaded";
+  }, never, never, true, never>;
+}
 export declare class CoreUxModule {
   static ɵfac: i0.ɵɵFactoryDeclaration<CoreUxModule, never>;
-  static ɵmod: i0.ɵɵNgModuleDeclaration<CoreUxModule, [typeof ActionsComponent, typeof ActionsContentComponent, typeof BreadcrumbComponent, typeof CollapseDirective, typeof ConfirmModalComponent, typeof DatagridCustomComponent, typeof DataGridComponent, typeof OldDataPageComponent, typeof DefaultLayoutComponent, typeof DialogComponent, typeof DynamicFieldComponent, typeof DynamicFilterComponent, typeof DynamicFilterExtraComponent, typeof DynamicFilterPanel, typeof DynamicFormComponent, typeof ImageComponent, typeof ExportDataModalComponent, typeof TrackRecordModalComponent, typeof FilterSummaryComponent, typeof GridRowComponent, typeof DatagridCellComponent, typeof InputSelectorComponent, typeof InputTreeSelectorComponent, typeof InsertionDirective, typeof LoginLayoutComponent, typeof LogsComponent, typeof MenuComponent, typeof MenuDashboardComponent, typeof PageTabsComponent, typeof PaginatorComponent, typeof PropertyGridComponent, typeof Tab, typeof TabHeadingDirective, typeof Tabset, typeof TabTranscludeDirective, typeof ToDefinePipe, typeof ToFixedSizeIntegerPipe, typeof ValidateOnEnterDirective, typeof ValidationErrorComponent, typeof ValidationModalComponent, typeof TextViewerComponent, typeof EditModeDirective, typeof ViewModeDirective, typeof FocusableDirective, typeof OnEnterDirective, typeof TextViewerComponent, typeof WizardComponent, typeof WizardStepComponent, typeof TooltipDirective, typeof AddclassDirective, typeof BaseItemListComponent, typeof DroppableDirective, typeof DraggableDirective, typeof ParameterFieldComponent, typeof BaseParameterTypeComponent, typeof BaseArrayParameterTypeComponent, typeof ParameterTypeTextComponent, typeof ParameterTypeNumberComponent, typeof ParameterTypeBoolComponent, typeof ParameterTypeDateComponent, typeof ParameterTypePasswordComponent, typeof ParameterTypeTextArrayComponent, typeof ParameterTypeNumberArrayComponent, typeof ParameterTypeDateArrayComponent, typeof ParameterTypeBoolArrayComponent, typeof TimePickerComponent, typeof ExtendedActionComponent, typeof FormPasswordComponent, typeof SearchResultsComponent, typeof LayoutHandlerDirective, typeof OldLayoutHandlerDirective, typeof PageLayoutComponent, typeof HideOnThresholdDirective, typeof BaseShortcutsDirective, typeof DecimalInputDirective, typeof NewEditorComponent, typeof PropertyEditorComponent, typeof FieldComponent, typeof EditorTabSetComponent, typeof EditorTabComponent, typeof BreadcrumbComponent, typeof NewPaginatorComponent, typeof CardListComponent, typeof MobileMenuComponent, typeof FilterSummaryPanelComponent, typeof ActionPanelComponent, typeof StandardPageLayoutComponent, typeof DataListComponent, typeof CellRendererComponent, typeof SelectorComponent, typeof CellRendererComponent, typeof FilterFormModalComponent, typeof GridFieldComponent], [typeof i91.RouterModule, typeof i92.CommonModule, typeof i93.CoreModelModule, typeof i94.FormsModule, typeof i94.ReactiveFormsModule, typeof i95.NgSelectModule, typeof DatePickerDirective, typeof GridStylePipe, typeof RowRefDirective, typeof GridViewMenuComponent], [typeof ActionsComponent, typeof ActionsContentComponent, typeof BreadcrumbComponent, typeof CollapseDirective, typeof ConfirmModalComponent, typeof DatagridCustomComponent, typeof DataGridComponent, typeof OldDataPageComponent, typeof DefaultLayoutComponent, typeof DialogComponent, typeof DynamicFieldComponent, typeof DynamicFilterComponent, typeof DynamicFilterExtraComponent, typeof DynamicFilterPanel, typeof DynamicFormComponent, typeof ImageComponent, typeof ExportDataModalComponent, typeof TrackRecordModalComponent, typeof FilterSummaryComponent, typeof GridRowComponent, typeof DatagridCellComponent, typeof InputSelectorComponent, typeof InputTreeSelectorComponent, typeof InsertionDirective, typeof LoginLayoutComponent, typeof LogsComponent, typeof MenuComponent, typeof MenuDashboardComponent, typeof PageTabsComponent, typeof PaginatorComponent, typeof PropertyGridComponent, typeof Tab, typeof TabHeadingDirective, typeof Tabset, typeof TabTranscludeDirective, typeof ToDefinePipe, typeof ToFixedSizeIntegerPipe, typeof ValidateOnEnterDirective, typeof ValidationErrorComponent, typeof ValidationModalComponent, typeof TextViewerComponent, typeof EditModeDirective, typeof ViewModeDirective, typeof FocusableDirective, typeof OnEnterDirective, typeof TextViewerComponent, typeof WizardComponent, typeof WizardStepComponent, typeof TooltipDirective, typeof AddclassDirective, typeof BaseItemListComponent, typeof DroppableDirective, typeof DraggableDirective, typeof ParameterFieldComponent, typeof BaseParameterTypeComponent, typeof BaseArrayParameterTypeComponent, typeof ParameterTypeTextComponent, typeof ParameterTypeNumberComponent, typeof ParameterTypeBoolComponent, typeof ParameterTypeDateComponent, typeof ParameterTypePasswordComponent, typeof ParameterTypeTextArrayComponent, typeof ParameterTypeNumberArrayComponent, typeof ParameterTypeDateArrayComponent, typeof ParameterTypeBoolArrayComponent, typeof TimePickerComponent, typeof ExtendedActionComponent, typeof FormPasswordComponent, typeof SearchResultsComponent, typeof LayoutHandlerDirective, typeof OldLayoutHandlerDirective, typeof PageLayoutComponent, typeof HideOnThresholdDirective, typeof BaseShortcutsDirective, typeof DecimalInputDirective, typeof NewEditorComponent, typeof PropertyEditorComponent, typeof FieldComponent, typeof EditorTabSetComponent, typeof EditorTabComponent, typeof BreadcrumbComponent, typeof NewPaginatorComponent, typeof CardListComponent, typeof MobileMenuComponent, typeof FilterSummaryPanelComponent, typeof ActionPanelComponent, typeof StandardPageLayoutComponent, typeof DataListComponent, typeof CellRendererComponent, typeof SelectorComponent, typeof CellRendererComponent, typeof FilterFormModalComponent, typeof GridFieldComponent, typeof DatePickerDirective]>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<CoreUxModule, [typeof ActionsComponent, typeof ActionsContentComponent, typeof BreadcrumbComponent, typeof CollapseDirective, typeof ConfirmModalComponent, typeof DatagridCustomComponent, typeof DataGridComponent, typeof OldDataPageComponent, typeof DefaultLayoutComponent, typeof DialogComponent, typeof DynamicFieldComponent, typeof DynamicFilterComponent, typeof DynamicFilterExtraComponent, typeof DynamicFilterPanel, typeof DynamicFormComponent, typeof ImageComponent, typeof ExportDataModalComponent, typeof TrackRecordModalComponent, typeof FilterSummaryComponent, typeof GridRowComponent, typeof DatagridCellComponent, typeof InputSelectorComponent, typeof InputTreeSelectorComponent, typeof InsertionDirective, typeof LoginLayoutComponent, typeof LogsComponent, typeof MenuComponent, typeof MenuDashboardComponent, typeof PageTabsComponent, typeof PaginatorComponent, typeof PropertyGridComponent, typeof Tab, typeof TabHeadingDirective, typeof Tabset, typeof TabTranscludeDirective, typeof ToDefinePipe, typeof ToFixedSizeIntegerPipe, typeof ValidateOnEnterDirective, typeof ValidationErrorComponent, typeof ValidationModalComponent, typeof TextViewerComponent, typeof EditModeDirective, typeof ViewModeDirective, typeof FocusableDirective, typeof OnEnterDirective, typeof TextViewerComponent, typeof WizardComponent, typeof WizardStepComponent, typeof TooltipDirective, typeof AddclassDirective, typeof BaseItemListComponent, typeof DroppableDirective, typeof DraggableDirective, typeof ParameterFieldComponent, typeof BaseParameterTypeComponent, typeof BaseArrayParameterTypeComponent, typeof ParameterTypeTextComponent, typeof ParameterTypeNumberComponent, typeof ParameterTypeBoolComponent, typeof ParameterTypeDateComponent, typeof ParameterTypePasswordComponent, typeof ParameterTypeTextArrayComponent, typeof ParameterTypeNumberArrayComponent, typeof ParameterTypeDateArrayComponent, typeof ParameterTypeBoolArrayComponent, typeof TimePickerComponent, typeof ExtendedActionComponent, typeof FormPasswordComponent, typeof SearchResultsComponent, typeof LayoutHandlerDirective, typeof OldLayoutHandlerDirective, typeof PageLayoutComponent, typeof HideOnThresholdDirective, typeof BaseShortcutsDirective, typeof DecimalInputDirective, typeof NewEditorComponent, typeof PropertyEditorComponent, typeof FieldComponent, typeof EditorTabSetComponent, typeof EditorTabComponent, typeof BreadcrumbComponent, typeof NewPaginatorComponent, typeof CardListComponent, typeof MobileMenuComponent, typeof FilterSummaryPanelComponent, typeof ActionPanelComponent, typeof StandardPageLayoutComponent, typeof DataListComponent, typeof CellRendererComponent, typeof SelectorComponent, typeof CellRendererComponent, typeof FilterFormModalComponent, typeof GridFieldComponent], [typeof i91.RouterModule, typeof i92.CommonModule, typeof i93.CoreModelModule, typeof i94.FormsModule, typeof i94.ReactiveFormsModule, typeof i95.NgSelectModule, typeof DatePickerDirective, typeof GridStylePipe, typeof RowRefDirective, typeof GridViewMenuComponent, typeof GridDistinctFilterComponent], [typeof ActionsComponent, typeof ActionsContentComponent, typeof BreadcrumbComponent, typeof CollapseDirective, typeof ConfirmModalComponent, typeof DatagridCustomComponent, typeof DataGridComponent, typeof OldDataPageComponent, typeof DefaultLayoutComponent, typeof DialogComponent, typeof DynamicFieldComponent, typeof DynamicFilterComponent, typeof DynamicFilterExtraComponent, typeof DynamicFilterPanel, typeof DynamicFormComponent, typeof ImageComponent, typeof ExportDataModalComponent, typeof TrackRecordModalComponent, typeof FilterSummaryComponent, typeof GridRowComponent, typeof DatagridCellComponent, typeof InputSelectorComponent, typeof InputTreeSelectorComponent, typeof InsertionDirective, typeof LoginLayoutComponent, typeof LogsComponent, typeof MenuComponent, typeof MenuDashboardComponent, typeof PageTabsComponent, typeof PaginatorComponent, typeof PropertyGridComponent, typeof Tab, typeof TabHeadingDirective, typeof Tabset, typeof TabTranscludeDirective, typeof ToDefinePipe, typeof ToFixedSizeIntegerPipe, typeof ValidateOnEnterDirective, typeof ValidationErrorComponent, typeof ValidationModalComponent, typeof TextViewerComponent, typeof EditModeDirective, typeof ViewModeDirective, typeof FocusableDirective, typeof OnEnterDirective, typeof TextViewerComponent, typeof WizardComponent, typeof WizardStepComponent, typeof TooltipDirective, typeof AddclassDirective, typeof BaseItemListComponent, typeof DroppableDirective, typeof DraggableDirective, typeof ParameterFieldComponent, typeof BaseParameterTypeComponent, typeof BaseArrayParameterTypeComponent, typeof ParameterTypeTextComponent, typeof ParameterTypeNumberComponent, typeof ParameterTypeBoolComponent, typeof ParameterTypeDateComponent, typeof ParameterTypePasswordComponent, typeof ParameterTypeTextArrayComponent, typeof ParameterTypeNumberArrayComponent, typeof ParameterTypeDateArrayComponent, typeof ParameterTypeBoolArrayComponent, typeof TimePickerComponent, typeof ExtendedActionComponent, typeof FormPasswordComponent, typeof SearchResultsComponent, typeof LayoutHandlerDirective, typeof OldLayoutHandlerDirective, typeof PageLayoutComponent, typeof HideOnThresholdDirective, typeof BaseShortcutsDirective, typeof DecimalInputDirective, typeof NewEditorComponent, typeof PropertyEditorComponent, typeof FieldComponent, typeof EditorTabSetComponent, typeof EditorTabComponent, typeof BreadcrumbComponent, typeof NewPaginatorComponent, typeof CardListComponent, typeof MobileMenuComponent, typeof FilterSummaryPanelComponent, typeof ActionPanelComponent, typeof StandardPageLayoutComponent, typeof DataListComponent, typeof CellRendererComponent, typeof SelectorComponent, typeof CellRendererComponent, typeof FilterFormModalComponent, typeof GridFieldComponent, typeof DatePickerDirective]>;
   static ɵinj: i0.ɵɵInjectorDeclaration<CoreUxModule>;
 }
 export declare class CanDeactivateGuard {