@solidev/data 1.1.0 → 1.1.2

package/fesm2022/solidev-data.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, TransferState, PLATFORM_ID, makeStateKey, Injectable, input, ViewChild, Component, signal, model, DestroyRef, Pipe, LOCALE_ID, DEFAULT_CURRENCY_CODE, output, NgZone, effect, untracked, EventEmitter, ElementRef, Directive, NgModule, ApplicationRef } from '@angular/core';
+import { InjectionToken, inject, TransferState, PLATFORM_ID, makeStateKey, Injectable, input, ViewChild, Component, signal, model, DestroyRef, Pipe, LOCALE_ID, DEFAULT_CURRENCY_CODE, output, NgZone, effect, untracked, EventEmitter, ElementRef, Directive, NgModule, computed, ApplicationRef } from '@angular/core';
 import { __decorate } from 'tslib';
 import * as i1$2 from '@angular/forms';
 import { FormControl, Validators, FormGroup, ReactiveFormsModule, UntypedFormControl, NG_VALUE_ACCESSOR, UntypedFormGroup } from '@angular/forms';
@@ -13,6 +13,7 @@ import { DragDropModule, CDK_DRAG_CONFIG } from '@angular/cdk/drag-drop';
 import * as i1$1 from '@ng-bootstrap/ng-bootstrap';
 import { NgbOffcanvas, NgbOffcanvasModule, NgbDropdownModule, NgbTypeaheadModule, NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap';
 import { CdkScrollableModule } from '@angular/cdk/scrolling';
+import { DomSanitizer } from '@angular/platform-browser';
 import { jwtDecode } from 'jwt-decode';
 import * as i1$3 from '@angular/router';
 import { Router, ActivatedRoute, NavigationEnd, RouterModule } from '@angular/router';
@@ -79,7 +80,6 @@ const BootstrapDataDisplayConfig = {
             'input.checkbox': 'form-control',
             'input.password': 'form-control',
             textarea: 'form-control',
-            quill: '',
             fkselect: 'form-control',
             select: 'form-select',
         },
@@ -6342,6 +6342,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+/**
+ * Marks HTML as trusted, so `[innerHTML]` renders it as-is.
+ *
+ * Meant for the rendered half of a rich text field — the `<field>_html` column
+ * the server produces from the markdown or HTML source. Angular's sanitizer
+ * builds its allow-list from `URI_ATTRS + HTML_ATTRS + ARIA_ATTRS`, and `style`
+ * is in none of them, so a plain `[innerHTML]` silently drops every
+ * `text-align` and every colour `<data-richedit>` writes: read-only mode ends
+ * up looking nothing like the editor.
+ *
+ * **Only use it on HTML the server produced.** The value is inserted without
+ * any filtering, and trusted HTML executes scripts — pointing this at a string
+ * a user of another system can influence is an XSS vector.
+ *
+ * @example
+ * ```html
+ * <div [innerHTML]="product.description_html | safeHtml"></div>
+ * ```
+ */
+class SafeHtmlPipe {
+    _sanitizer = inject(DomSanitizer);
+    /**
+     * @param value HTML to trust; null for a nullish or empty input, which
+     *   `[innerHTML]` renders as nothing.
+     */
+    transform(value) {
+        if (!value) {
+            return null;
+        }
+        return this._sanitizer.bypassSecurityTrustHtml(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SafeHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: SafeHtmlPipe, isStandalone: true, name: "safeHtml" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SafeHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'safeHtml',
+                }]
+        }] });
+
 /**
  * Typeahead for picking several related instances (a many-to-many target).
  *
@@ -6842,8 +6883,8 @@ class DispeditComponent {
     /**
      * Forces a display renderer, bypassing the field manager's `displayType`.
      *
-     * Writable because setting `[editor]="'quill'"` without a viewer makes the
-     * component select the `quill` viewer for you.
+     * Writable so that cross-input consistency rules can settle on a renderer;
+     * see {@link _checks}.
      */
     viewer = model(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "viewer" }] : /* istanbul ignore next */ []));
@@ -7150,11 +7191,15 @@ class DispeditComponent {
     onM2MValuesChanges(v) {
         this.m2mValues = v;
     }
-    /** Apply cross-input consistency rules (a quill editor implies a quill viewer). */
+    /**
+     * Apply cross-input consistency rules.
+     *
+     * Nothing to reconcile at the moment: the one rule that lived here paired the
+     * `quill` editor with the `quill` viewer, and neither exists any more. Kept
+     * as the place such rules belong, since `_init` already calls it.
+     */
     _checks() {
-        if (this.editor() === 'quill' && !this.viewer()) {
-            this.viewer.set('quill');
-        }
+        // No rules currently.
     }
     /**
      * Save value to database, only if model have an id.
@@ -7364,11 +7409,11 @@ class DispeditComponent {
         // Reserved: display classes are currently applied in the template.
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DispeditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: DispeditComponent, isStandalone: true, selector: "data-dispedit", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, edit: { classPropertyName: "edit", publicName: "edit", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, choices: { classPropertyName: "choices", publicName: "choices", isSignal: true, isRequired: false, transformFunction: null }, inputClasses: { classPropertyName: "inputClasses", publicName: "inputClasses", isSignal: true, isRequired: false, transformFunction: null }, editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: false, transformFunction: null }, viewer: { classPropertyName: "viewer", publicName: "viewer", isSignal: true, isRequired: false, transformFunction: null }, default: { classPropertyName: "default", publicName: "default", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "help", isSignal: true, isRequired: false, transformFunction: null }, hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", isSignal: true, isRequired: false, transformFunction: null }, queryset: { classPropertyName: "queryset", publicName: "queryset", isSignal: true, isRequired: false, transformFunction: null }, collection: { classPropertyName: "collection", publicName: "collection", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { edit: "editChange", inputClasses: "inputClassesChange", viewer: "viewerChange", changed: "changed" }, ngImport: i0, template: "<ng-template #titleTpl>\n  <ng-content></ng-content>\n</ng-template>\n\n<!-- TEMPLATE affichage  -->\n<ng-template #dispTpl>\n  @switch (realDisplay()) {\n    @case (\"text\") {\n      <span\n        class=\"editable disp-text\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        {{ txtValue() }}\n      </span>\n    }\n    @case (\"choice\") {\n      <span\n        class=\"editable disp-choice\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        {{ txtValue() }}\n      </span>\n    }\n    @case (\"decimal\") {\n      <span\n        class=\"editable disp-decimal\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        {{ txtValue() }}\n      </span>\n    }\n    @case (\"boolean\") {\n      <span\n        class=\"editable disp-boolean\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        {{ txtValue() }}\n      </span>\n    }\n    @case (\"fkdetails\") {\n      <span\n        class=\"editable disp-fkdetails\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        <div class=\"fkitem\">{{ txtValue() }}</div>\n      </span>\n    }\n    @case (\"m2mdetails\") {\n      <span\n        class=\"editable disp-m2mdetails\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        @for (v of txtValues(); track v) {\n          <div class=\"m2mitem\">{{ v }}</div>\n        }\n      </span>\n    }\n    @case (\"datetime\") {\n      <span\n        class=\"editable disp-datetime\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        @if (dispValue()) {\n          {{ txtValue() | date: \"short\" }}\n        }\n        @if (!dispValue()) {\n          {{ txtValue() }}\n        }\n      </span>\n    }\n    @case (\"date\") {\n      <span\n        class=\"editable disp-datetime\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        @if (dispValue()) {\n          {{ txtValue() | date: \"shortDate\" }}\n        }\n        @if (!dispValue()) {\n          {{ txtValue() }}\n        }\n      </span>\n    }\n  }\n</ng-template>\n\n<!-- TEMPLATE \u00E9dition  -->\n<ng-template #editTpl let-form=\"form\">\n  @switch (realEditor()) {\n    @case (\"input.text\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"text\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minlength']\"\n      >\n        Trop court : {{ $any(manager()).minLength }} caract\u00E8res minimum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxlength']\"\n      >\n        Trop long : {{ $any(manager()).maxLength }} caract\u00E8res maximum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['pattern']\"\n      >\n        Format invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.email\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"email\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minlength']\"\n      >\n        Trop court : {{ $any(manager()).minLength }} caract\u00E8res minimum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxlength']\"\n      >\n        Trop long : {{ $any(manager()).maxLength }} caract\u00E8res maximum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['pattern']\"\n      >\n        Format invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['email']\"\n      >\n        Format d'email invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.password\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"password\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minlength']\"\n      >\n        Trop court : {{ $any(manager()).minLength }} caract\u00E8res minimum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxlength']\"\n      >\n        Trop long : {{ $any(manager()).maxLength }} caract\u00E8res maximum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['pattern']\"\n      >\n        Format invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.datetime\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"datetime-local\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        (keyup.enter)=\"update()\"\n      />\n      <div class=\"form-text\">{{ realHelp() }}</div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minDate']\"\n      >\n        Doit \u00EAtre post\u00E9rieur \u00E0 {{ $any(manager()).min | date: \"short\" }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxDate']\"\n      >\n        Doit \u00EAtre ant\u00E9rieur \u00E0 {{ $any(manager()).max | date: \"short\" }}...\n      </div>\n    }\n    @case (\"input.date\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"date\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        (keyup.enter)=\"update()\"\n      />\n      <div class=\"form-text\">{{ realHelp() }}</div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minDate']\"\n      >\n        Doit \u00EAtre post\u00E9rieur \u00E0 {{ $any(manager()).min | date: \"short\" }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxDate']\"\n      >\n        Doit \u00EAtre ant\u00E9rieur \u00E0 {{ $any(manager()).max | date: \"short\" }}...\n      </div>\n    }\n    @case (\"input.number\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"number\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['min']\"\n      >\n        Trop petit : minimum {{ $any(manager()).min }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['max']\"\n      >\n        Trop grand : maximum {{ $any(manager()).max }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.decimal\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"number\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['min']\"\n      >\n        Trop petit : minimum {{ $any(manager()).min }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['max']\"\n      >\n        Trop grand : maximum {{ $any(manager()).max }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.checkbox\") {\n      @let v = $any(this.model())[this.field()];\n      <div class=\"btn-group btn-group-sm\" role=\"group\">\n        <button\n          type=\"button\"\n          [class]=\"v === true ? 'btn btn-primary' : 'btn btn-outline-primary'\"\n          (click)=\"form.get(field())?.setValue(true); update()\"\n          (keyup.escape)=\"unsetEdit()\"\n        >\n          Oui\n        </button>\n        <button\n          type=\"button\"\n          [class]=\"v === false ? 'btn btn-primary' : 'btn btn-outline-primary'\"\n          (click)=\"form.get(field())?.setValue(false); update()\"\n          (keyup.escape)=\"unsetEdit()\"\n        >\n          Non\n        </button>\n      </div>\n      <div class=\"form-text\">{{ realHelp() }}</div>\n    }\n    @case (\"textarea\") {\n      <textarea\n        [attr.id]=\"inputId\"\n        [formControl]=\"form.get(field())\"\n        (keyup.escape)=\"unsetEdit()\"\n        [class]=\"inputClasses()\"\n        (keyup.control.enter)=\"update()\"\n        [placeholder]=\"realPlaceholder()\"\n      ></textarea>\n      @if (mode() === \"dd\") {\n        <button class=\"btn btn-sm btn-link w-100 dispedit-text-update-button\" (click)=\"update()\">\n          <i class=\"bi bi-save\"></i>\n        </button>\n      }\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minlength']\"\n      >\n        Trop court : {{ $any(manager()).minLength }} caract\u00E8res minimum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxlength']\"\n      >\n        Trop long : {{ $any(manager()).maxLength }} caract\u00E8res maximum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['pattern']\"\n      >\n        Format invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"fkselect\") {\n      <data-fkselect\n        [inputId]=\"inputId\"\n        [collection]=\"collection()\"\n        [filter]=\"filter()\"\n        [display]=\"display()\"\n        (selected)=\"selectedRefItem($event)\"\n        [placeholder]=\"placeholder()\"\n        (cancelled)=\"unsetEdit()\"\n        (cleared)=\"selectedRefItem(null)\"\n      ></data-fkselect>\n    }\n    @case (\"m2mselect\") {\n      <data-m2mselect\n        [inputId]=\"inputId\"\n        [collection]=\"collection()\"\n        [filter]=\"filter()\"\n        (changed)=\"update()\"\n        [formControl]=\"form.get(field())\"\n        (detailsChanged)=\"onM2MValuesChanges($event)\"\n        [model]=\"model()\"\n        [field]=\"field()\"\n        [placeholder]=\"placeholder()\"\n      ></data-m2mselect>\n    }\n    @case (\"select\") {\n      <select\n        [attr.id]=\"inputId\"\n        [formControl]=\"form.get(field())\"\n        (keyup.escape)=\"unsetEdit()\"\n        (change)=\"update()\"\n        [class]=\"inputClasses()\"\n      >\n        @for (c of realChoices(); track c) {\n          <option [ngValue]=\"c.value !== undefined ? c.value : c\">\n            {{ c.desc ? c.desc : c }}\n          </option>\n        }\n      </select>\n      <div class=\"form-text\">{{ realHelp() }}</div>\n    }\n  }\n</ng-template>\n<!-- Disp/edit toggler-->\n<ng-template #dispeditTpl>\n  @if (!edit()) {\n    <ng-container *ngTemplateOutlet=\"dispTpl\"></ng-container>\n  }\n  @if (edit()) {\n    @if (fg(); as fg) {\n      <form [formGroup]=\"fg\" (submit)=\"update()\">\n        <ng-container *ngTemplateOutlet=\"editTpl; context: { form: fg }\"></ng-container>\n      </form>\n    }\n  }\n</ng-template>\n<!-- DispEdit noform-->\n<ng-template #dispeditFormTpl>\n  @if (!edit()) {\n    <ng-container *ngTemplateOutlet=\"dispTpl\"></ng-container>\n  }\n  @if (edit()) {\n    @if (form()) {\n      <ng-container *ngTemplateOutlet=\"editTpl; context: { form: form() }\"></ng-container>\n    }\n  }\n</ng-template>\n<!-- Dd display-->\n@if (mode() === \"dd\") {\n  @if (!hideLabel()) {\n    <dt [class.required]=\"required()\">\n      <span\n        class=\"editable\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"toggleEdit()\"\n        (keydown.enter)=\"toggleEdit()\"\n        (keydown.space)=\"$event.preventDefault(); toggleEdit()\"\n      >\n        <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n      </span>\n      @if (realDefault() !== undefined && edit()) {\n        <span\n          class=\"pointer float-end\"\n          role=\"button\"\n          tabindex=\"0\"\n          aria-label=\"R\u00E9tablir la valeur par d\u00E9faut\"\n          (click)=\"setDefault()\"\n          (keydown.enter)=\"setDefault()\"\n          (keydown.space)=\"$event.preventDefault(); setDefault()\"\n        >\n          <i class=\"bi bi-trash ms-2\"></i>\n        </span>\n      }\n    </dt>\n  }\n  <dd [class.mb-0]=\"hideLabel()\">\n    <ng-container *ngTemplateOutlet=\"dispeditTpl\"></ng-container>\n  </dd>\n}\n<!-- Inline display-->\n@if (mode() === \"inline\") {\n  @if (!hideLabel()) {\n    @if (realDefault() !== undefined && edit()) {\n      <span\n        class=\"pointer float-end\"\n        role=\"button\"\n        tabindex=\"0\"\n        aria-label=\"R\u00E9tablir la valeur par d\u00E9faut\"\n        (click)=\"setDefault()\"\n        (keydown.enter)=\"setDefault()\"\n        (keydown.space)=\"$event.preventDefault(); setDefault()\"\n      >\n        <i class=\"bi bi-trash ms-2\"></i>\n      </span>\n    }\n    <label [class.required]=\"required()\" [attr.for]=\"inputId\">\n      <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n    </label>\n  }\n  <ng-container *ngTemplateOutlet=\"dispeditTpl\"></ng-container>\n}\n<!-- Form display-->\n@if (mode() === \"form\") {\n  @if (!hideLabel()) {\n    @if (realDefault() !== undefined && edit()) {\n      <span\n        class=\"pointer float-end\"\n        role=\"button\"\n        tabindex=\"0\"\n        aria-label=\"R\u00E9tablir la valeur par d\u00E9faut\"\n        (click)=\"setDefault()\"\n        (keydown.enter)=\"setDefault()\"\n        (keydown.space)=\"$event.preventDefault(); setDefault()\"\n      >\n        <i class=\"bi bi-trash ms-2\"></i>\n      </span>\n    }\n    <label [class.required]=\"required()\" [attr.for]=\"inputId\">\n      <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n    </label>\n  }\n  <ng-container *ngTemplateOutlet=\"dispeditFormTpl\"></ng-container>\n}\n", styles: [".editable{cursor:pointer}form.inline{display:inline-block}.required{font-weight:700}.required:after{content:\" (*)\"}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NumberValueAccessor, selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FkselectComponent, selector: "data-fkselect", inputs: ["model", "field", "edit", "value", "queryset", "collection", "update", "filter", "mode", "display", "search", "label", "inputId", "placeholder", "inputClasses"], outputs: ["querysetChange", "collectionChange", "selected", "cancelled", "cleared"] }, { kind: "component", type: M2mselectComponent, selector: "data-m2mselect", inputs: ["model", "field", "edit", "values", "queryset", "collection", "filter", "mode", "display", "search", "label", "inputId", "placeholder", "emptyLabel", "inputClasses"], outputs: ["valuesChange", "querysetChange", "collectionChange", "added", "removed", "cancelled", "cleared", "detailsChanged", "changed"] }, { kind: "pipe", type: DatePipe, name: "date" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: DispeditComponent, isStandalone: true, selector: "data-dispedit", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, edit: { classPropertyName: "edit", publicName: "edit", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, choices: { classPropertyName: "choices", publicName: "choices", isSignal: true, isRequired: false, transformFunction: null }, inputClasses: { classPropertyName: "inputClasses", publicName: "inputClasses", isSignal: true, isRequired: false, transformFunction: null }, editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: false, transformFunction: null }, viewer: { classPropertyName: "viewer", publicName: "viewer", isSignal: true, isRequired: false, transformFunction: null }, default: { classPropertyName: "default", publicName: "default", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "help", isSignal: true, isRequired: false, transformFunction: null }, hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", isSignal: true, isRequired: false, transformFunction: null }, queryset: { classPropertyName: "queryset", publicName: "queryset", isSignal: true, isRequired: false, transformFunction: null }, collection: { classPropertyName: "collection", publicName: "collection", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { edit: "editChange", inputClasses: "inputClassesChange", viewer: "viewerChange", changed: "changed" }, ngImport: i0, template: "<ng-template #titleTpl>\n  <ng-content></ng-content>\n</ng-template>\n\n<!-- TEMPLATE affichage  -->\n<ng-template #dispTpl>\n  @switch (realDisplay()) {\n    @case (\"text\") {\n      <span\n        class=\"editable disp-text\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        {{ txtValue() }}\n      </span>\n    }\n    @case (\"html\") {\n      <!--\n        Trusted, not sanitized: Angular's sanitizer strips the inline styles\n        richedit writes. See SafeHtmlPipe.\n      -->\n      <div\n        class=\"editable disp-html\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n        [innerHTML]=\"txtValue() | safeHtml\"\n      ></div>\n    }\n    @case (\"choice\") {\n      <span\n        class=\"editable disp-choice\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        {{ txtValue() }}\n      </span>\n    }\n    @case (\"decimal\") {\n      <span\n        class=\"editable disp-decimal\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        {{ txtValue() }}\n      </span>\n    }\n    @case (\"boolean\") {\n      <span\n        class=\"editable disp-boolean\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        {{ txtValue() }}\n      </span>\n    }\n    @case (\"fkdetails\") {\n      <span\n        class=\"editable disp-fkdetails\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        <div class=\"fkitem\">{{ txtValue() }}</div>\n      </span>\n    }\n    @case (\"m2mdetails\") {\n      <span\n        class=\"editable disp-m2mdetails\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        @for (v of txtValues(); track v) {\n          <div class=\"m2mitem\">{{ v }}</div>\n        }\n      </span>\n    }\n    @case (\"datetime\") {\n      <span\n        class=\"editable disp-datetime\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        @if (dispValue()) {\n          {{ txtValue() | date: \"short\" }}\n        }\n        @if (!dispValue()) {\n          {{ txtValue() }}\n        }\n      </span>\n    }\n    @case (\"date\") {\n      <span\n        class=\"editable disp-datetime\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        @if (dispValue()) {\n          {{ txtValue() | date: \"shortDate\" }}\n        }\n        @if (!dispValue()) {\n          {{ txtValue() }}\n        }\n      </span>\n    }\n  }\n</ng-template>\n\n<!-- TEMPLATE \u00E9dition  -->\n<ng-template #editTpl let-form=\"form\">\n  @switch (realEditor()) {\n    @case (\"input.text\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"text\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minlength']\"\n      >\n        Trop court : {{ $any(manager()).minLength }} caract\u00E8res minimum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxlength']\"\n      >\n        Trop long : {{ $any(manager()).maxLength }} caract\u00E8res maximum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['pattern']\"\n      >\n        Format invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.email\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"email\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minlength']\"\n      >\n        Trop court : {{ $any(manager()).minLength }} caract\u00E8res minimum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxlength']\"\n      >\n        Trop long : {{ $any(manager()).maxLength }} caract\u00E8res maximum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['pattern']\"\n      >\n        Format invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['email']\"\n      >\n        Format d'email invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.password\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"password\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minlength']\"\n      >\n        Trop court : {{ $any(manager()).minLength }} caract\u00E8res minimum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxlength']\"\n      >\n        Trop long : {{ $any(manager()).maxLength }} caract\u00E8res maximum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['pattern']\"\n      >\n        Format invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.datetime\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"datetime-local\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        (keyup.enter)=\"update()\"\n      />\n      <div class=\"form-text\">{{ realHelp() }}</div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minDate']\"\n      >\n        Doit \u00EAtre post\u00E9rieur \u00E0 {{ $any(manager()).min | date: \"short\" }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxDate']\"\n      >\n        Doit \u00EAtre ant\u00E9rieur \u00E0 {{ $any(manager()).max | date: \"short\" }}...\n      </div>\n    }\n    @case (\"input.date\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"date\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        (keyup.enter)=\"update()\"\n      />\n      <div class=\"form-text\">{{ realHelp() }}</div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minDate']\"\n      >\n        Doit \u00EAtre post\u00E9rieur \u00E0 {{ $any(manager()).min | date: \"short\" }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxDate']\"\n      >\n        Doit \u00EAtre ant\u00E9rieur \u00E0 {{ $any(manager()).max | date: \"short\" }}...\n      </div>\n    }\n    @case (\"input.number\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"number\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['min']\"\n      >\n        Trop petit : minimum {{ $any(manager()).min }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['max']\"\n      >\n        Trop grand : maximum {{ $any(manager()).max }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.decimal\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"number\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['min']\"\n      >\n        Trop petit : minimum {{ $any(manager()).min }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['max']\"\n      >\n        Trop grand : maximum {{ $any(manager()).max }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.checkbox\") {\n      @let v = $any(this.model())[this.field()];\n      <div class=\"btn-group btn-group-sm\" role=\"group\">\n        <button\n          type=\"button\"\n          [class]=\"v === true ? 'btn btn-primary' : 'btn btn-outline-primary'\"\n          (click)=\"form.get(field())?.setValue(true); update()\"\n          (keyup.escape)=\"unsetEdit()\"\n        >\n          Oui\n        </button>\n        <button\n          type=\"button\"\n          [class]=\"v === false ? 'btn btn-primary' : 'btn btn-outline-primary'\"\n          (click)=\"form.get(field())?.setValue(false); update()\"\n          (keyup.escape)=\"unsetEdit()\"\n        >\n          Non\n        </button>\n      </div>\n      <div class=\"form-text\">{{ realHelp() }}</div>\n    }\n    @case (\"textarea\") {\n      <textarea\n        [attr.id]=\"inputId\"\n        [formControl]=\"form.get(field())\"\n        (keyup.escape)=\"unsetEdit()\"\n        [class]=\"inputClasses()\"\n        (keyup.control.enter)=\"update()\"\n        [placeholder]=\"realPlaceholder()\"\n      ></textarea>\n      @if (mode() === \"dd\") {\n        <button class=\"btn btn-sm btn-link w-100 dispedit-text-update-button\" (click)=\"update()\">\n          <i class=\"bi bi-save\"></i>\n        </button>\n      }\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minlength']\"\n      >\n        Trop court : {{ $any(manager()).minLength }} caract\u00E8res minimum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxlength']\"\n      >\n        Trop long : {{ $any(manager()).maxLength }} caract\u00E8res maximum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['pattern']\"\n      >\n        Format invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"fkselect\") {\n      <data-fkselect\n        [inputId]=\"inputId\"\n        [collection]=\"collection()\"\n        [filter]=\"filter()\"\n        [display]=\"display()\"\n        (selected)=\"selectedRefItem($event)\"\n        [placeholder]=\"placeholder()\"\n        (cancelled)=\"unsetEdit()\"\n        (cleared)=\"selectedRefItem(null)\"\n      ></data-fkselect>\n    }\n    @case (\"m2mselect\") {\n      <data-m2mselect\n        [inputId]=\"inputId\"\n        [collection]=\"collection()\"\n        [filter]=\"filter()\"\n        (changed)=\"update()\"\n        [formControl]=\"form.get(field())\"\n        (detailsChanged)=\"onM2MValuesChanges($event)\"\n        [model]=\"model()\"\n        [field]=\"field()\"\n        [placeholder]=\"placeholder()\"\n      ></data-m2mselect>\n    }\n    @case (\"select\") {\n      <select\n        [attr.id]=\"inputId\"\n        [formControl]=\"form.get(field())\"\n        (keyup.escape)=\"unsetEdit()\"\n        (change)=\"update()\"\n        [class]=\"inputClasses()\"\n      >\n        @for (c of realChoices(); track c) {\n          <option [ngValue]=\"c.value !== undefined ? c.value : c\">\n            {{ c.desc ? c.desc : c }}\n          </option>\n        }\n      </select>\n      <div class=\"form-text\">{{ realHelp() }}</div>\n    }\n  }\n</ng-template>\n<!-- Disp/edit toggler-->\n<ng-template #dispeditTpl>\n  @if (!edit()) {\n    <ng-container *ngTemplateOutlet=\"dispTpl\"></ng-container>\n  }\n  @if (edit()) {\n    @if (fg(); as fg) {\n      <form [formGroup]=\"fg\" (submit)=\"update()\">\n        <ng-container *ngTemplateOutlet=\"editTpl; context: { form: fg }\"></ng-container>\n      </form>\n    }\n  }\n</ng-template>\n<!-- DispEdit noform-->\n<ng-template #dispeditFormTpl>\n  @if (!edit()) {\n    <ng-container *ngTemplateOutlet=\"dispTpl\"></ng-container>\n  }\n  @if (edit()) {\n    @if (form()) {\n      <ng-container *ngTemplateOutlet=\"editTpl; context: { form: form() }\"></ng-container>\n    }\n  }\n</ng-template>\n<!-- Dd display-->\n@if (mode() === \"dd\") {\n  @if (!hideLabel()) {\n    <dt [class.required]=\"required()\">\n      <span\n        class=\"editable\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"toggleEdit()\"\n        (keydown.enter)=\"toggleEdit()\"\n        (keydown.space)=\"$event.preventDefault(); toggleEdit()\"\n      >\n        <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n      </span>\n      @if (realDefault() !== undefined && edit()) {\n        <span\n          class=\"pointer float-end\"\n          role=\"button\"\n          tabindex=\"0\"\n          aria-label=\"R\u00E9tablir la valeur par d\u00E9faut\"\n          (click)=\"setDefault()\"\n          (keydown.enter)=\"setDefault()\"\n          (keydown.space)=\"$event.preventDefault(); setDefault()\"\n        >\n          <i class=\"bi bi-trash ms-2\"></i>\n        </span>\n      }\n    </dt>\n  }\n  <dd [class.mb-0]=\"hideLabel()\">\n    <ng-container *ngTemplateOutlet=\"dispeditTpl\"></ng-container>\n  </dd>\n}\n<!-- Inline display-->\n@if (mode() === \"inline\") {\n  @if (!hideLabel()) {\n    @if (realDefault() !== undefined && edit()) {\n      <span\n        class=\"pointer float-end\"\n        role=\"button\"\n        tabindex=\"0\"\n        aria-label=\"R\u00E9tablir la valeur par d\u00E9faut\"\n        (click)=\"setDefault()\"\n        (keydown.enter)=\"setDefault()\"\n        (keydown.space)=\"$event.preventDefault(); setDefault()\"\n      >\n        <i class=\"bi bi-trash ms-2\"></i>\n      </span>\n    }\n    <label [class.required]=\"required()\" [attr.for]=\"inputId\">\n      <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n    </label>\n  }\n  <ng-container *ngTemplateOutlet=\"dispeditTpl\"></ng-container>\n}\n<!-- Form display-->\n@if (mode() === \"form\") {\n  @if (!hideLabel()) {\n    @if (realDefault() !== undefined && edit()) {\n      <span\n        class=\"pointer float-end\"\n        role=\"button\"\n        tabindex=\"0\"\n        aria-label=\"R\u00E9tablir la valeur par d\u00E9faut\"\n        (click)=\"setDefault()\"\n        (keydown.enter)=\"setDefault()\"\n        (keydown.space)=\"$event.preventDefault(); setDefault()\"\n      >\n        <i class=\"bi bi-trash ms-2\"></i>\n      </span>\n    }\n    <label [class.required]=\"required()\" [attr.for]=\"inputId\">\n      <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n    </label>\n  }\n  <ng-container *ngTemplateOutlet=\"dispeditFormTpl\"></ng-container>\n}\n", styles: [".editable{cursor:pointer}form.inline{display:inline-block}.required{font-weight:700}.required:after{content:\" (*)\"}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NumberValueAccessor, selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FkselectComponent, selector: "data-fkselect", inputs: ["model", "field", "edit", "value", "queryset", "collection", "update", "filter", "mode", "display", "search", "label", "inputId", "placeholder", "inputClasses"], outputs: ["querysetChange", "collectionChange", "selected", "cancelled", "cleared"] }, { kind: "component", type: M2mselectComponent, selector: "data-m2mselect", inputs: ["model", "field", "edit", "values", "queryset", "collection", "filter", "mode", "display", "search", "label", "inputId", "placeholder", "emptyLabel", "inputClasses"], outputs: ["valuesChange", "querysetChange", "collectionChange", "added", "removed", "cancelled", "cleared", "detailsChanged", "changed"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DispeditComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'data-dispedit', imports: [DatePipe, NgTemplateOutlet, ReactiveFormsModule, FkselectComponent, M2mselectComponent], template: "<ng-template #titleTpl>\n  <ng-content></ng-content>\n</ng-template>\n\n<!-- TEMPLATE affichage  -->\n<ng-template #dispTpl>\n  @switch (realDisplay()) {\n    @case (\"text\") {\n      <span\n        class=\"editable disp-text\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        {{ txtValue() }}\n      </span>\n    }\n    @case (\"choice\") {\n      <span\n        class=\"editable disp-choice\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        {{ txtValue() }}\n      </span>\n    }\n    @case (\"decimal\") {\n      <span\n        class=\"editable disp-decimal\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        {{ txtValue() }}\n      </span>\n    }\n    @case (\"boolean\") {\n      <span\n        class=\"editable disp-boolean\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        {{ txtValue() }}\n      </span>\n    }\n    @case (\"fkdetails\") {\n      <span\n        class=\"editable disp-fkdetails\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        <div class=\"fkitem\">{{ txtValue() }}</div>\n      </span>\n    }\n    @case (\"m2mdetails\") {\n      <span\n        class=\"editable disp-m2mdetails\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        @for (v of txtValues(); track v) {\n          <div class=\"m2mitem\">{{ v }}</div>\n        }\n      </span>\n    }\n    @case (\"datetime\") {\n      <span\n        class=\"editable disp-datetime\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        @if (dispValue()) {\n          {{ txtValue() | date: \"short\" }}\n        }\n        @if (!dispValue()) {\n          {{ txtValue() }}\n        }\n      </span>\n    }\n    @case (\"date\") {\n      <span\n        class=\"editable disp-datetime\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        @if (dispValue()) {\n          {{ txtValue() | date: \"shortDate\" }}\n        }\n        @if (!dispValue()) {\n          {{ txtValue() }}\n        }\n      </span>\n    }\n  }\n</ng-template>\n\n<!-- TEMPLATE \u00E9dition  -->\n<ng-template #editTpl let-form=\"form\">\n  @switch (realEditor()) {\n    @case (\"input.text\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"text\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minlength']\"\n      >\n        Trop court : {{ $any(manager()).minLength }} caract\u00E8res minimum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxlength']\"\n      >\n        Trop long : {{ $any(manager()).maxLength }} caract\u00E8res maximum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['pattern']\"\n      >\n        Format invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.email\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"email\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minlength']\"\n      >\n        Trop court : {{ $any(manager()).minLength }} caract\u00E8res minimum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxlength']\"\n      >\n        Trop long : {{ $any(manager()).maxLength }} caract\u00E8res maximum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['pattern']\"\n      >\n        Format invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['email']\"\n      >\n        Format d'email invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.password\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"password\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minlength']\"\n      >\n        Trop court : {{ $any(manager()).minLength }} caract\u00E8res minimum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxlength']\"\n      >\n        Trop long : {{ $any(manager()).maxLength }} caract\u00E8res maximum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['pattern']\"\n      >\n        Format invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.datetime\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"datetime-local\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        (keyup.enter)=\"update()\"\n      />\n      <div class=\"form-text\">{{ realHelp() }}</div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minDate']\"\n      >\n        Doit \u00EAtre post\u00E9rieur \u00E0 {{ $any(manager()).min | date: \"short\" }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxDate']\"\n      >\n        Doit \u00EAtre ant\u00E9rieur \u00E0 {{ $any(manager()).max | date: \"short\" }}...\n      </div>\n    }\n    @case (\"input.date\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"date\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        (keyup.enter)=\"update()\"\n      />\n      <div class=\"form-text\">{{ realHelp() }}</div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minDate']\"\n      >\n        Doit \u00EAtre post\u00E9rieur \u00E0 {{ $any(manager()).min | date: \"short\" }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxDate']\"\n      >\n        Doit \u00EAtre ant\u00E9rieur \u00E0 {{ $any(manager()).max | date: \"short\" }}...\n      </div>\n    }\n    @case (\"input.number\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"number\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['min']\"\n      >\n        Trop petit : minimum {{ $any(manager()).min }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['max']\"\n      >\n        Trop grand : maximum {{ $any(manager()).max }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.decimal\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"number\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['min']\"\n      >\n        Trop petit : minimum {{ $any(manager()).min }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['max']\"\n      >\n        Trop grand : maximum {{ $any(manager()).max }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.checkbox\") {\n      @let v = $any(this.model())[this.field()];\n      <div class=\"btn-group btn-group-sm\" role=\"group\">\n        <button\n          type=\"button\"\n          [class]=\"v === true ? 'btn btn-primary' : 'btn btn-outline-primary'\"\n          (click)=\"form.get(field())?.setValue(true); update()\"\n          (keyup.escape)=\"unsetEdit()\"\n        >\n          Oui\n        </button>\n        <button\n          type=\"button\"\n          [class]=\"v === false ? 'btn btn-primary' : 'btn btn-outline-primary'\"\n          (click)=\"form.get(field())?.setValue(false); update()\"\n          (keyup.escape)=\"unsetEdit()\"\n        >\n          Non\n        </button>\n      </div>\n      <div class=\"form-text\">{{ realHelp() }}</div>\n    }\n    @case (\"textarea\") {\n      <textarea\n        [attr.id]=\"inputId\"\n        [formControl]=\"form.get(field())\"\n        (keyup.escape)=\"unsetEdit()\"\n        [class]=\"inputClasses()\"\n        (keyup.control.enter)=\"update()\"\n        [placeholder]=\"realPlaceholder()\"\n      ></textarea>\n      @if (mode() === \"dd\") {\n        <button class=\"btn btn-sm btn-link w-100 dispedit-text-update-button\" (click)=\"update()\">\n          <i class=\"bi bi-save\"></i>\n        </button>\n      }\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minlength']\"\n      >\n        Trop court : {{ $any(manager()).minLength }} caract\u00E8res minimum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxlength']\"\n      >\n        Trop long : {{ $any(manager()).maxLength }} caract\u00E8res maximum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['pattern']\"\n      >\n        Format invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"fkselect\") {\n      <data-fkselect\n        [inputId]=\"inputId\"\n        [collection]=\"collection()\"\n        [filter]=\"filter()\"\n        [display]=\"display()\"\n        (selected)=\"selectedRefItem($event)\"\n        [placeholder]=\"placeholder()\"\n        (cancelled)=\"unsetEdit()\"\n        (cleared)=\"selectedRefItem(null)\"\n      ></data-fkselect>\n    }\n    @case (\"m2mselect\") {\n      <data-m2mselect\n        [inputId]=\"inputId\"\n        [collection]=\"collection()\"\n        [filter]=\"filter()\"\n        (changed)=\"update()\"\n        [formControl]=\"form.get(field())\"\n        (detailsChanged)=\"onM2MValuesChanges($event)\"\n        [model]=\"model()\"\n        [field]=\"field()\"\n        [placeholder]=\"placeholder()\"\n      ></data-m2mselect>\n    }\n    @case (\"select\") {\n      <select\n        [attr.id]=\"inputId\"\n        [formControl]=\"form.get(field())\"\n        (keyup.escape)=\"unsetEdit()\"\n        (change)=\"update()\"\n        [class]=\"inputClasses()\"\n      >\n        @for (c of realChoices(); track c) {\n          <option [ngValue]=\"c.value !== undefined ? c.value : c\">\n            {{ c.desc ? c.desc : c }}\n          </option>\n        }\n      </select>\n      <div class=\"form-text\">{{ realHelp() }}</div>\n    }\n  }\n</ng-template>\n<!-- Disp/edit toggler-->\n<ng-template #dispeditTpl>\n  @if (!edit()) {\n    <ng-container *ngTemplateOutlet=\"dispTpl\"></ng-container>\n  }\n  @if (edit()) {\n    @if (fg(); as fg) {\n      <form [formGroup]=\"fg\" (submit)=\"update()\">\n        <ng-container *ngTemplateOutlet=\"editTpl; context: { form: fg }\"></ng-container>\n      </form>\n    }\n  }\n</ng-template>\n<!-- DispEdit noform-->\n<ng-template #dispeditFormTpl>\n  @if (!edit()) {\n    <ng-container *ngTemplateOutlet=\"dispTpl\"></ng-container>\n  }\n  @if (edit()) {\n    @if (form()) {\n      <ng-container *ngTemplateOutlet=\"editTpl; context: { form: form() }\"></ng-container>\n    }\n  }\n</ng-template>\n<!-- Dd display-->\n@if (mode() === \"dd\") {\n  @if (!hideLabel()) {\n    <dt [class.required]=\"required()\">\n      <span\n        class=\"editable\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"toggleEdit()\"\n        (keydown.enter)=\"toggleEdit()\"\n        (keydown.space)=\"$event.preventDefault(); toggleEdit()\"\n      >\n        <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n      </span>\n      @if (realDefault() !== undefined && edit()) {\n        <span\n          class=\"pointer float-end\"\n          role=\"button\"\n          tabindex=\"0\"\n          aria-label=\"R\u00E9tablir la valeur par d\u00E9faut\"\n          (click)=\"setDefault()\"\n          (keydown.enter)=\"setDefault()\"\n          (keydown.space)=\"$event.preventDefault(); setDefault()\"\n        >\n          <i class=\"bi bi-trash ms-2\"></i>\n        </span>\n      }\n    </dt>\n  }\n  <dd [class.mb-0]=\"hideLabel()\">\n    <ng-container *ngTemplateOutlet=\"dispeditTpl\"></ng-container>\n  </dd>\n}\n<!-- Inline display-->\n@if (mode() === \"inline\") {\n  @if (!hideLabel()) {\n    @if (realDefault() !== undefined && edit()) {\n      <span\n        class=\"pointer float-end\"\n        role=\"button\"\n        tabindex=\"0\"\n        aria-label=\"R\u00E9tablir la valeur par d\u00E9faut\"\n        (click)=\"setDefault()\"\n        (keydown.enter)=\"setDefault()\"\n        (keydown.space)=\"$event.preventDefault(); setDefault()\"\n      >\n        <i class=\"bi bi-trash ms-2\"></i>\n      </span>\n    }\n    <label [class.required]=\"required()\" [attr.for]=\"inputId\">\n      <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n    </label>\n  }\n  <ng-container *ngTemplateOutlet=\"dispeditTpl\"></ng-container>\n}\n<!-- Form display-->\n@if (mode() === \"form\") {\n  @if (!hideLabel()) {\n    @if (realDefault() !== undefined && edit()) {\n      <span\n        class=\"pointer float-end\"\n        role=\"button\"\n        tabindex=\"0\"\n        aria-label=\"R\u00E9tablir la valeur par d\u00E9faut\"\n        (click)=\"setDefault()\"\n        (keydown.enter)=\"setDefault()\"\n        (keydown.space)=\"$event.preventDefault(); setDefault()\"\n      >\n        <i class=\"bi bi-trash ms-2\"></i>\n      </span>\n    }\n    <label [class.required]=\"required()\" [attr.for]=\"inputId\">\n      <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n    </label>\n  }\n  <ng-container *ngTemplateOutlet=\"dispeditFormTpl\"></ng-container>\n}\n", styles: [".editable{cursor:pointer}form.inline{display:inline-block}.required{font-weight:700}.required:after{content:\" (*)\"}\n"] }]
+            args: [{ selector: 'data-dispedit', imports: [DatePipe, NgTemplateOutlet, ReactiveFormsModule, FkselectComponent, M2mselectComponent, SafeHtmlPipe], template: "<ng-template #titleTpl>\n  <ng-content></ng-content>\n</ng-template>\n\n<!-- TEMPLATE affichage  -->\n<ng-template #dispTpl>\n  @switch (realDisplay()) {\n    @case (\"text\") {\n      <span\n        class=\"editable disp-text\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        {{ txtValue() }}\n      </span>\n    }\n    @case (\"html\") {\n      <!--\n        Trusted, not sanitized: Angular's sanitizer strips the inline styles\n        richedit writes. See SafeHtmlPipe.\n      -->\n      <div\n        class=\"editable disp-html\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n        [innerHTML]=\"txtValue() | safeHtml\"\n      ></div>\n    }\n    @case (\"choice\") {\n      <span\n        class=\"editable disp-choice\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        {{ txtValue() }}\n      </span>\n    }\n    @case (\"decimal\") {\n      <span\n        class=\"editable disp-decimal\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        {{ txtValue() }}\n      </span>\n    }\n    @case (\"boolean\") {\n      <span\n        class=\"editable disp-boolean\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        {{ txtValue() }}\n      </span>\n    }\n    @case (\"fkdetails\") {\n      <span\n        class=\"editable disp-fkdetails\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        <div class=\"fkitem\">{{ txtValue() }}</div>\n      </span>\n    }\n    @case (\"m2mdetails\") {\n      <span\n        class=\"editable disp-m2mdetails\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        @for (v of txtValues(); track v) {\n          <div class=\"m2mitem\">{{ v }}</div>\n        }\n      </span>\n    }\n    @case (\"datetime\") {\n      <span\n        class=\"editable disp-datetime\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        @if (dispValue()) {\n          {{ txtValue() | date: \"short\" }}\n        }\n        @if (!dispValue()) {\n          {{ txtValue() }}\n        }\n      </span>\n    }\n    @case (\"date\") {\n      <span\n        class=\"editable disp-datetime\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"enableEditMode()\"\n        (keydown.enter)=\"enableEditMode()\"\n        (keydown.space)=\"$event.preventDefault(); enableEditMode()\"\n      >\n        @if (dispValue()) {\n          {{ txtValue() | date: \"shortDate\" }}\n        }\n        @if (!dispValue()) {\n          {{ txtValue() }}\n        }\n      </span>\n    }\n  }\n</ng-template>\n\n<!-- TEMPLATE \u00E9dition  -->\n<ng-template #editTpl let-form=\"form\">\n  @switch (realEditor()) {\n    @case (\"input.text\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"text\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minlength']\"\n      >\n        Trop court : {{ $any(manager()).minLength }} caract\u00E8res minimum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxlength']\"\n      >\n        Trop long : {{ $any(manager()).maxLength }} caract\u00E8res maximum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['pattern']\"\n      >\n        Format invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.email\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"email\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minlength']\"\n      >\n        Trop court : {{ $any(manager()).minLength }} caract\u00E8res minimum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxlength']\"\n      >\n        Trop long : {{ $any(manager()).maxLength }} caract\u00E8res maximum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['pattern']\"\n      >\n        Format invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['email']\"\n      >\n        Format d'email invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.password\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"password\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minlength']\"\n      >\n        Trop court : {{ $any(manager()).minLength }} caract\u00E8res minimum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxlength']\"\n      >\n        Trop long : {{ $any(manager()).maxLength }} caract\u00E8res maximum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['pattern']\"\n      >\n        Format invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.datetime\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"datetime-local\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        (keyup.enter)=\"update()\"\n      />\n      <div class=\"form-text\">{{ realHelp() }}</div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minDate']\"\n      >\n        Doit \u00EAtre post\u00E9rieur \u00E0 {{ $any(manager()).min | date: \"short\" }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxDate']\"\n      >\n        Doit \u00EAtre ant\u00E9rieur \u00E0 {{ $any(manager()).max | date: \"short\" }}...\n      </div>\n    }\n    @case (\"input.date\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"date\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        (keyup.enter)=\"update()\"\n      />\n      <div class=\"form-text\">{{ realHelp() }}</div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minDate']\"\n      >\n        Doit \u00EAtre post\u00E9rieur \u00E0 {{ $any(manager()).min | date: \"short\" }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxDate']\"\n      >\n        Doit \u00EAtre ant\u00E9rieur \u00E0 {{ $any(manager()).max | date: \"short\" }}...\n      </div>\n    }\n    @case (\"input.number\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"number\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['min']\"\n      >\n        Trop petit : minimum {{ $any(manager()).min }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['max']\"\n      >\n        Trop grand : maximum {{ $any(manager()).max }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.decimal\") {\n      <input\n        [attr.id]=\"inputId\"\n        type=\"number\"\n        [formControl]=\"form.get(field())\"\n        [class]=\"inputClasses()\"\n        (keyup.escape)=\"unsetEdit()\"\n        [placeholder]=\"realPlaceholder()\"\n      />\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['min']\"\n      >\n        Trop petit : minimum {{ $any(manager()).min }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['max']\"\n      >\n        Trop grand : maximum {{ $any(manager()).max }}...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"input.checkbox\") {\n      @let v = $any(this.model())[this.field()];\n      <div class=\"btn-group btn-group-sm\" role=\"group\">\n        <button\n          type=\"button\"\n          [class]=\"v === true ? 'btn btn-primary' : 'btn btn-outline-primary'\"\n          (click)=\"form.get(field())?.setValue(true); update()\"\n          (keyup.escape)=\"unsetEdit()\"\n        >\n          Oui\n        </button>\n        <button\n          type=\"button\"\n          [class]=\"v === false ? 'btn btn-primary' : 'btn btn-outline-primary'\"\n          (click)=\"form.get(field())?.setValue(false); update()\"\n          (keyup.escape)=\"unsetEdit()\"\n        >\n          Non\n        </button>\n      </div>\n      <div class=\"form-text\">{{ realHelp() }}</div>\n    }\n    @case (\"textarea\") {\n      <textarea\n        [attr.id]=\"inputId\"\n        [formControl]=\"form.get(field())\"\n        (keyup.escape)=\"unsetEdit()\"\n        [class]=\"inputClasses()\"\n        (keyup.control.enter)=\"update()\"\n        [placeholder]=\"realPlaceholder()\"\n      ></textarea>\n      @if (mode() === \"dd\") {\n        <button class=\"btn btn-sm btn-link w-100 dispedit-text-update-button\" (click)=\"update()\">\n          <i class=\"bi bi-save\"></i>\n        </button>\n      }\n      @if (realHelp()) {\n        <div class=\"form-text\">\n          {{ realHelp() }}\n          @if (required()) {\n            <span class=\"ms-1\">(requis)</span>\n          }\n        </div>\n      }\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['minlength']\"\n      >\n        Trop court : {{ $any(manager()).minLength }} caract\u00E8res minimum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['maxlength']\"\n      >\n        Trop long : {{ $any(manager()).maxLength }} caract\u00E8res maximum...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['pattern']\"\n      >\n        Format invalide...\n      </div>\n      <div\n        class=\"invalid-feedback mt-0\"\n        [class.d-block]=\"form &amp;&amp; !form.controls[field()].pristine &amp;&amp; form.controls[field()].errors?.['required']\"\n      >\n        Ce champ est requis...\n      </div>\n    }\n    @case (\"fkselect\") {\n      <data-fkselect\n        [inputId]=\"inputId\"\n        [collection]=\"collection()\"\n        [filter]=\"filter()\"\n        [display]=\"display()\"\n        (selected)=\"selectedRefItem($event)\"\n        [placeholder]=\"placeholder()\"\n        (cancelled)=\"unsetEdit()\"\n        (cleared)=\"selectedRefItem(null)\"\n      ></data-fkselect>\n    }\n    @case (\"m2mselect\") {\n      <data-m2mselect\n        [inputId]=\"inputId\"\n        [collection]=\"collection()\"\n        [filter]=\"filter()\"\n        (changed)=\"update()\"\n        [formControl]=\"form.get(field())\"\n        (detailsChanged)=\"onM2MValuesChanges($event)\"\n        [model]=\"model()\"\n        [field]=\"field()\"\n        [placeholder]=\"placeholder()\"\n      ></data-m2mselect>\n    }\n    @case (\"select\") {\n      <select\n        [attr.id]=\"inputId\"\n        [formControl]=\"form.get(field())\"\n        (keyup.escape)=\"unsetEdit()\"\n        (change)=\"update()\"\n        [class]=\"inputClasses()\"\n      >\n        @for (c of realChoices(); track c) {\n          <option [ngValue]=\"c.value !== undefined ? c.value : c\">\n            {{ c.desc ? c.desc : c }}\n          </option>\n        }\n      </select>\n      <div class=\"form-text\">{{ realHelp() }}</div>\n    }\n  }\n</ng-template>\n<!-- Disp/edit toggler-->\n<ng-template #dispeditTpl>\n  @if (!edit()) {\n    <ng-container *ngTemplateOutlet=\"dispTpl\"></ng-container>\n  }\n  @if (edit()) {\n    @if (fg(); as fg) {\n      <form [formGroup]=\"fg\" (submit)=\"update()\">\n        <ng-container *ngTemplateOutlet=\"editTpl; context: { form: fg }\"></ng-container>\n      </form>\n    }\n  }\n</ng-template>\n<!-- DispEdit noform-->\n<ng-template #dispeditFormTpl>\n  @if (!edit()) {\n    <ng-container *ngTemplateOutlet=\"dispTpl\"></ng-container>\n  }\n  @if (edit()) {\n    @if (form()) {\n      <ng-container *ngTemplateOutlet=\"editTpl; context: { form: form() }\"></ng-container>\n    }\n  }\n</ng-template>\n<!-- Dd display-->\n@if (mode() === \"dd\") {\n  @if (!hideLabel()) {\n    <dt [class.required]=\"required()\">\n      <span\n        class=\"editable\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"toggleEdit()\"\n        (keydown.enter)=\"toggleEdit()\"\n        (keydown.space)=\"$event.preventDefault(); toggleEdit()\"\n      >\n        <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n      </span>\n      @if (realDefault() !== undefined && edit()) {\n        <span\n          class=\"pointer float-end\"\n          role=\"button\"\n          tabindex=\"0\"\n          aria-label=\"R\u00E9tablir la valeur par d\u00E9faut\"\n          (click)=\"setDefault()\"\n          (keydown.enter)=\"setDefault()\"\n          (keydown.space)=\"$event.preventDefault(); setDefault()\"\n        >\n          <i class=\"bi bi-trash ms-2\"></i>\n        </span>\n      }\n    </dt>\n  }\n  <dd [class.mb-0]=\"hideLabel()\">\n    <ng-container *ngTemplateOutlet=\"dispeditTpl\"></ng-container>\n  </dd>\n}\n<!-- Inline display-->\n@if (mode() === \"inline\") {\n  @if (!hideLabel()) {\n    @if (realDefault() !== undefined && edit()) {\n      <span\n        class=\"pointer float-end\"\n        role=\"button\"\n        tabindex=\"0\"\n        aria-label=\"R\u00E9tablir la valeur par d\u00E9faut\"\n        (click)=\"setDefault()\"\n        (keydown.enter)=\"setDefault()\"\n        (keydown.space)=\"$event.preventDefault(); setDefault()\"\n      >\n        <i class=\"bi bi-trash ms-2\"></i>\n      </span>\n    }\n    <label [class.required]=\"required()\" [attr.for]=\"inputId\">\n      <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n    </label>\n  }\n  <ng-container *ngTemplateOutlet=\"dispeditTpl\"></ng-container>\n}\n<!-- Form display-->\n@if (mode() === \"form\") {\n  @if (!hideLabel()) {\n    @if (realDefault() !== undefined && edit()) {\n      <span\n        class=\"pointer float-end\"\n        role=\"button\"\n        tabindex=\"0\"\n        aria-label=\"R\u00E9tablir la valeur par d\u00E9faut\"\n        (click)=\"setDefault()\"\n        (keydown.enter)=\"setDefault()\"\n        (keydown.space)=\"$event.preventDefault(); setDefault()\"\n      >\n        <i class=\"bi bi-trash ms-2\"></i>\n      </span>\n    }\n    <label [class.required]=\"required()\" [attr.for]=\"inputId\">\n      <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n    </label>\n  }\n  <ng-container *ngTemplateOutlet=\"dispeditFormTpl\"></ng-container>\n}\n", styles: [".editable{cursor:pointer}form.inline{display:inline-block}.required{font-weight:700}.required:after{content:\" (*)\"}\n"] }]
         }], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], edit: [{ type: i0.Input, args: [{ isSignal: true, alias: "edit", required: false }] }, { type: i0.Output, args: ["editChange"] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], choices: [{ type: i0.Input, args: [{ isSignal: true, alias: "choices", required: false }] }], inputClasses: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputClasses", required: false }] }, { type: i0.Output, args: ["inputClassesChange"] }], editor: [{ type: i0.Input, args: [{ isSignal: true, alias: "editor", required: false }] }], viewer: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewer", required: false }] }, { type: i0.Output, args: ["viewerChange"] }], default: [{ type: i0.Input, args: [{ isSignal: true, alias: "default", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], help: [{ type: i0.Input, args: [{ isSignal: true, alias: "help", required: false }] }], hideLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideLabel", required: false }] }], queryset: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryset", required: false }] }], collection: [{ type: i0.Input, args: [{ isSignal: true, alias: "collection", required: false }] }], display: [{ type: i0.Input, args: [{ isSignal: true, alias: "display", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 
 /**
@@ -10308,6 +10353,238 @@ function installEditorDomShims() {
     }
 }
 
+/**
+ * The behaviour `<data-richedit>` and `<data-mdedit>` share with
+ * `<data-dispedit>`: show the value, click to edit, save explicitly.
+ *
+ * It lives in the primary entry point so both editors can extend it — they
+ * import `@solidev/data`, and the reverse would be a circular dependency
+ * between entry points. Everything here is engine-agnostic: resolving which
+ * field to read, which control to bind, when to show the editor, and how to
+ * persist. The subclass owns its template and its editor widget.
+ *
+ * ## The source / rendered pair
+ *
+ * Long text is rarely one column. A markdown field is stored as its source
+ * plus the HTML the server rendered from it, and this base follows that shape
+ * by convention: given `field="description"` it edits `description_src` and
+ * displays `description_html` **when the model declares them**, and falls back
+ * to `description` for both when it does not. `[htmlField]` overrides the
+ * display half outright. A `field` that already ends in `_src` is understood,
+ * so `field="description_src"` resolves the same pair.
+ */
+class FieldEditorBase {
+    /** Id tying the label to the editor. */
+    inputId = uniqueId('data-editor');
+    /** Id of the label element, wired to the editor through `aria-labelledby`. */
+    labelId = `${this.inputId}-label`;
+    /** Model instance holding the field. */
+    model = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "model" }] : /* istanbul ignore next */ []));
+    /**
+     * Field to edit, or the base name of a source / rendered pair.
+     *
+     * See the class description for how `<field>_src` and `<field>_html` are
+     * resolved.
+     */
+    field = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "field" }] : /* istanbul ignore next */ []));
+    /** Overrides the field read for the read-only display. */
+    htmlField = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "htmlField" }] : /* istanbul ignore next */ []));
+    /** Whether {@link toggleEdit} is allowed to reveal the editor. */
+    editable = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "editable" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether the editor is showing, in `dd` mode.
+     *
+     * Defaults to false: the value renders and a click reveals the editor, the
+     * way `<data-dispedit>` behaves. `inline` and `form` modes ignore this and
+     * follow {@link showEditor}.
+     */
+    edit = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "edit" }] : /* istanbul ignore next */ []));
+    /**
+     * Layout, and whether {@link save} persists.
+     *
+     * `dd` renders a `<dt>`/`<dd>` block and is the only mode that saves to the
+     * API; `inline` and `form` render a label plus the editor and leave saving to
+     * the caller.
+     */
+    mode = input('dd', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    /** Hide label (for inline forms). */
+    hideLabel = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hideLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Hide the built-in save button, for callers driving persistence themselves
+     * from the {@link changed} output.
+     */
+    hideButton = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hideButton" }] : /* istanbul ignore next */ []));
+    /**
+     * Form control backing the editor.
+     *
+     * When supplied, the component uses it as-is and skips its own setup — no
+     * field manager lookup, no seeding from the model, and no {@link changed}
+     * emissions. Takes precedence over `[form]`.
+     */
+    fc = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "fc" }] : /* istanbul ignore next */ []));
+    /**
+     * External form group to register into, the way `<data-dispedit>` does.
+     *
+     * A control named after the resolved source field is added to it, seeded
+     * from the model. Ignored when `[fc]` is supplied.
+     */
+    form = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "form" }] : /* istanbul ignore next */ []));
+    /** Emits the value on every change. Not wired for a caller-supplied `[fc]`. */
+    changed = output();
+    /** Field manager for the source field; only resolved when `fc` is created here. */
+    manager;
+    /** Whether the manager declares the field required. */
+    required = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    /** The control actually in use. */
+    control;
+    /** The base name of the pair, with any trailing `_src` removed. */
+    baseField = computed(() => (this.field() ?? '').replace(/_src$/, ''), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "baseField" }] : /* istanbul ignore next */ []));
+    /** The field actually edited. */
+    sourceField = computed(() => {
+        const base = this.baseField();
+        return this.modelHas(`${base}_src`) ? `${base}_src` : (this.field() ?? '');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sourceField" }] : /* istanbul ignore next */ []));
+    /** The field actually displayed in read-only mode. */
+    displayField = computed(() => {
+        const override = this.htmlField();
+        if (override)
+            return override;
+        const base = this.baseField();
+        return this.modelHas(`${base}_html`) ? `${base}_html` : (this.field() ?? '');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayField" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether the editor is showing rather than the rendered value.
+     *
+     * The rule is `<data-dispedit>`'s: `dd` follows `[edit]`, `inline` shows the
+     * editor unless the field is not editable, and `form` always shows it — a
+     * form control that renders as static text would be a surprise.
+     */
+    showEditor = computed(() => {
+        switch (this.mode()) {
+            case 'dd':
+                return this.edit();
+            case 'inline':
+                return this.editable();
+            default:
+                return true;
+        }
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showEditor" }] : /* istanbul ignore next */ []));
+    /**
+     * Resolve the control: the supplied `[fc]`, one registered into `[form]`, or
+     * one of our own seeded from the model.
+     */
+    ngOnInit() {
+        const supplied = this.fc();
+        if (supplied) {
+            this.control = supplied;
+            return;
+        }
+        this.control = new FormControl('');
+        const model = this.model();
+        const field = this.sourceField();
+        if (model && field) {
+            this.manager = model.FM(field);
+            this.required.set(this.manager?.required ?? false);
+            this.control.setValue(asText(fieldValues(model)[field]), { emitEvent: false });
+        }
+        const form = this.form();
+        if (form && field) {
+            form.setControl(field, this.control, { emitEvent: false });
+        }
+        if (this.showEditor()) {
+            this.control.enable();
+        }
+        else {
+            this.control.disable();
+        }
+    }
+    /**
+     * Switch between the rendered value and the editor.
+     * Does nothing when `[editable]` is false.
+     */
+    toggleEdit() {
+        if (!this.editable()) {
+            this.edit.set(false);
+            this.control.disable();
+            return;
+        }
+        const next = !this.edit();
+        this.edit.set(next);
+        if (next) {
+            this.control.enable();
+        }
+        else {
+            this.control.disable();
+        }
+    }
+    /**
+     * The rendered value, as stored on the display field.
+     *
+     * Templates pass it through {@link SafeHtmlPipe} to inject it — **trusted,
+     * not sanitized**, because Angular's sanitizer allow-list has no `style` and
+     * would drop the alignment and colours the rich text editor writes. Point
+     * these components at fields your own editor produced and your own API
+     * stored.
+     */
+    displayValue() {
+        const model = this.model();
+        const field = this.displayField();
+        if (!model || !field)
+            return '';
+        return asText(fieldValues(model)[field]);
+    }
+    /**
+     * Write the editor content back to the model's source field, and persist it
+     * in `dd` mode only.
+     *
+     * In `inline` / `form` modes the model is updated in memory but no request is
+     * sent, leaving the save to the surrounding form. Does nothing without both a
+     * `[model]` and a `[field]`.
+     */
+    async save() {
+        const model = this.model();
+        const field = this.sourceField();
+        if (!model || !field)
+            return;
+        model.setFV(field, this.control.value);
+        if (this.mode() === 'dd') {
+            await firstValueFrom(model.update([field], { updateModel: true }));
+            // The API re-renders the HTML twin from the source it was just sent, and
+            // `updateModel` writes the response back onto the model -- so the view
+            // this component flips to shows the new rendering, not the old one.
+            this.edit.set(false);
+            this.control.disable();
+        }
+    }
+    /** Whether the model declares a property under that name. */
+    modelHas(name) {
+        const model = this.model();
+        if (!model || !name)
+            return false;
+        return name in fieldValues(model) || !!model.F.get(name);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FieldEditorBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: FieldEditorBase, isStandalone: true, inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, htmlField: { classPropertyName: "htmlField", publicName: "htmlField", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, edit: { classPropertyName: "edit", publicName: "edit", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", isSignal: true, isRequired: false, transformFunction: null }, hideButton: { classPropertyName: "hideButton", publicName: "hideButton", isSignal: true, isRequired: false, transformFunction: null }, fc: { classPropertyName: "fc", publicName: "fc", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { edit: "editChange", changed: "changed" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FieldEditorBase, decorators: [{
+            type: Directive
+        }], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: false }] }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: false }] }], htmlField: [{ type: i0.Input, args: [{ isSignal: true, alias: "htmlField", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], edit: [{ type: i0.Input, args: [{ isSignal: true, alias: "edit", required: false }] }, { type: i0.Output, args: ["editChange"] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], hideLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideLabel", required: false }] }], hideButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideButton", required: false }] }], fc: [{ type: i0.Input, args: [{ isSignal: true, alias: "fc", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+
 // By default, Underscore uses ERB-style template delimiters, change the
 // following template settings to use alternative delimiters.
 const settings = {
@@ -10490,5 +10767,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AuthInterceptor, AuthServiceBase, BanAdapter, BaseFieldManager, BootstrapDataDisplayConfig, BreadcrumbComponent, ChoicePipe, Collection, CollectionMock, DATA_API_URL, DATA_AUTH_PARAMS, DATA_AUTH_SERVICE, DATA_AUTH_URLS, DATA_AUTH_USER_SERVICE, DATA_DISPLAY_CONFIG, DATA_MAX_TRANSFERSTATE_TIME, DATA_MESSAGE_SOUNDS, DEFAULT_TIMEOUTS, DataBackend, DataMessageService, DataModel, DataUploaderService, DispeditComponent, FactorPipe, FactorcPipe, FkselectComponent, FlagsComponent, Jwt, Link, M2mselectComponent, Message, MessageZoneComponent, ModelList, ModelListAutocompleteFilter, ModelListAutocompleteMultiFilter, ModelListDateFilter, ModelListDatetimeFilter, ModelListDatetimerangeFilter, ModelListFieldHeaderComponent, ModelListFieldsSelectorComponent, ModelListFilter, ModelListFilterGroup, ModelListFilters, ModelListFiltersComponent, ModelListFiltersSelectComponent, ModelListFlagsFilter, ModelListGeodistanceFilter, ModelListNumberFilter, ModelListNumberOperations, ModelListPaginatorComponent, ModelListSelectFilter, ModelListSelectMultiFilter, ModelListService, ModelListSorterComponent, ModelListTextFilter, ModelListTreeFilter, NavDriver, NgFileDropDirective, NgFileSelectDirective, NgxUploaderModule, PChoicePipe, PFactorPipe, PFactorcPipe, Queryset, RData, STATUS, SafeDeleteComponent, TabMemoryService, UpdateComponent, UpdateService, UploadStatus, asText, booleanField, charField, computedField, dateField, datetimeField, decimalField, detailsField, emailField, fieldValues, floatField, foreignKeyField, humanizeBytes, installEditorDomShims, integerField, isValue, manyToManyField, passwordField, primaryField, reverseForeignKeyField, slugify, strToNumber, textField, tmpl, uniqueId };
+export { AuthInterceptor, AuthServiceBase, BanAdapter, BaseFieldManager, BootstrapDataDisplayConfig, BreadcrumbComponent, ChoicePipe, Collection, CollectionMock, DATA_API_URL, DATA_AUTH_PARAMS, DATA_AUTH_SERVICE, DATA_AUTH_URLS, DATA_AUTH_USER_SERVICE, DATA_DISPLAY_CONFIG, DATA_MAX_TRANSFERSTATE_TIME, DATA_MESSAGE_SOUNDS, DEFAULT_TIMEOUTS, DataBackend, DataMessageService, DataModel, DataUploaderService, DispeditComponent, FactorPipe, FactorcPipe, FieldEditorBase, FkselectComponent, FlagsComponent, Jwt, Link, M2mselectComponent, Message, MessageZoneComponent, ModelList, ModelListAutocompleteFilter, ModelListAutocompleteMultiFilter, ModelListDateFilter, ModelListDatetimeFilter, ModelListDatetimerangeFilter, ModelListFieldHeaderComponent, ModelListFieldsSelectorComponent, ModelListFilter, ModelListFilterGroup, ModelListFilters, ModelListFiltersComponent, ModelListFiltersSelectComponent, ModelListFlagsFilter, ModelListGeodistanceFilter, ModelListNumberFilter, ModelListNumberOperations, ModelListPaginatorComponent, ModelListSelectFilter, ModelListSelectMultiFilter, ModelListService, ModelListSorterComponent, ModelListTextFilter, ModelListTreeFilter, NavDriver, NgFileDropDirective, NgFileSelectDirective, NgxUploaderModule, PChoicePipe, PFactorPipe, PFactorcPipe, Queryset, RData, STATUS, SafeDeleteComponent, SafeHtmlPipe, TabMemoryService, UpdateComponent, UpdateService, UploadStatus, asText, booleanField, charField, computedField, dateField, datetimeField, decimalField, detailsField, emailField, fieldValues, floatField, foreignKeyField, humanizeBytes, installEditorDomShims, integerField, isValue, manyToManyField, passwordField, primaryField, reverseForeignKeyField, slugify, strToNumber, textField, tmpl, uniqueId };
 //# sourceMappingURL=solidev-data.mjs.map