@ng-vagabond-lab/ng-dsv 0.0.75 → 0.0.77

package/ds/form/index.d.ts

@@ -1,18 +1,16 @@
 import * as _angular_core from '@angular/core';
 import { FormGroup, FormBuilder } from '@angular/forms';
 import { ApiDto } from '@ng-vagabond-lab/ng-dsv/api';
+import { ToastService } from '@ng-vagabond-lab/ng-dsv/ds/toast';
 
 declare class FormCheckboxComponent {
     form: _angular_core.InputSignal<FormGroup<any>>;
     field: _angular_core.InputSignal<string>;
     withLabel: _angular_core.InputSignal<boolean>;
-    list: _angular_core.InputSignal<(ApiDto & {
-        name: string;
-    })[]>;
     change: _angular_core.OutputEmitterRef<string>;
     doChange(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormCheckboxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormCheckboxComponent, "dsv-form-checkbox", never, { "form": { "alias": "form"; "required": true; "isSignal": true; }; "field": { "alias": "field"; "required": true; "isSignal": true; }; "withLabel": { "alias": "withLabel"; "required": false; "isSignal": true; }; "list": { "alias": "list"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormCheckboxComponent, "dsv-form-checkbox", never, { "form": { "alias": "form"; "required": true; "isSignal": true; }; "field": { "alias": "field"; "required": true; "isSignal": true; }; "withLabel": { "alias": "withLabel"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, never, true, never>;
 }
 
 declare abstract class BaseFormComponent {
@@ -23,13 +21,15 @@ declare abstract class BaseFormComponent {
 }
 
 declare class FormComponent {
+    toastService: ToastService;
     form: _angular_core.InputSignal<FormGroup<any>>;
     urlBack: _angular_core.InputSignal<string | undefined>;
     textValid: _angular_core.InputSignal<string>;
+    formValid: _angular_core.InputSignal<string>;
     callback: _angular_core.OutputEmitterRef<ApiDto>;
     onSubmit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormComponent, "app-form", never, { "form": { "alias": "form"; "required": true; "isSignal": true; }; "urlBack": { "alias": "urlBack"; "required": false; "isSignal": true; }; "textValid": { "alias": "textValid"; "required": false; "isSignal": true; }; }, { "callback": "callback"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormComponent, "app-form", never, { "form": { "alias": "form"; "required": true; "isSignal": true; }; "urlBack": { "alias": "urlBack"; "required": false; "isSignal": true; }; "textValid": { "alias": "textValid"; "required": false; "isSignal": true; }; "formValid": { "alias": "formValid"; "required": false; "isSignal": true; }; }, { "callback": "callback"; }, never, ["*"], true, never>;
 }
 
 declare class FormInputComponent {
@@ -37,11 +37,14 @@ declare class FormInputComponent {
     field: _angular_core.InputSignal<string>;
     type: _angular_core.InputSignal<string>;
     withLabel: _angular_core.InputSignal<boolean>;
+    required: _angular_core.InputSignal<boolean>;
     icon: _angular_core.InputSignal<string | undefined>;
     onSend: _angular_core.OutputEmitterRef<string>;
+    error: _angular_core.WritableSignal<string>;
     onEnter(): void;
+    onChange(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormInputComponent, "dsv-form-input", never, { "form": { "alias": "form"; "required": true; "isSignal": true; }; "field": { "alias": "field"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "withLabel": { "alias": "withLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "onSend": "onSend"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormInputComponent, "dsv-form-input", never, { "form": { "alias": "form"; "required": true; "isSignal": true; }; "field": { "alias": "field"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "withLabel": { "alias": "withLabel"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "onSend": "onSend"; }, never, never, true, never>;
 }
 
 declare class SearchbarComponent extends BaseFormComponent {

package/fesm2022/ng-vagabond-lab-ng-dsv-ds-form.mjs

@@ -1,26 +1,26 @@
 import * as i0 from '@angular/core';
-import { input, output, Component, inject, effect } from '@angular/core';
+import { input, output, Component, inject, signal, effect } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { ReactiveFormsModule, FormBuilder } from '@angular/forms';
 import { RouterLink } from '@angular/router';
 import { DsvButtonComponent } from '@ng-vagabond-lab/ng-dsv/ds/button';
+import { ToastService } from '@ng-vagabond-lab/ng-dsv/ds/toast';
 import { TranslatePipe } from '@ngx-translate/core';
 
 class FormCheckboxComponent {
     form = input.required();
     field = input.required();
     withLabel = input(true);
-    list = input([]);
     change = output();
     doChange() {
         this.change.emit(this.form().value[this.field()]);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: FormCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: FormCheckboxComponent, isStandalone: true, selector: "dsv-form-checkbox", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, withLabel: { classPropertyName: "withLabel", publicName: "withLabel", isSignal: true, isRequired: false, transformFunction: null }, list: { classPropertyName: "list", publicName: "list", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, ngImport: i0, template: "<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }}</label>\n  }\n  <div>\n    <input\n      type=\"checkbox\"\n      [formControlName]=\"field()\"\n      class=\"form-control\"\n      [id]=\"field()\"\n    />\n  </div>\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div label{display:inline-block;margin-bottom:.5rem}:host>div .form-control{display:block;width:calc(100% - 2rem);height:calc(1rem + 2px);padding:.5rem;padding-left:25px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host>div i{position:absolute;z-index:1000;color:#000;top:10px;left:5px}::ng-deep .dark .form-control{background-color:var(--background-dark)!important;color:var(--text-dark)!important}\n", ":host{display:flex;flex:1;width:100%}:host>div{align-items:center;flex-direction:row;flex:1}:host>div label{flex:1}:host>div input{width:20px!important;height:20px!important}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: FormCheckboxComponent, isStandalone: true, selector: "dsv-form-checkbox", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, withLabel: { classPropertyName: "withLabel", publicName: "withLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, ngImport: i0, template: "<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }}</label>\n  }\n  <div>\n    <input\n      type=\"checkbox\"\n      [formControlName]=\"field()\"\n      class=\"form-control\"\n      [id]=\"field()\"\n    />\n  </div>\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div label{display:inline-block;margin-bottom:.5rem}:host>div .form-control{display:block;width:calc(100% - 2rem);height:calc(1rem + 2px);padding:.5rem;padding-left:10px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host>div .form-control.icon{padding-left:25px}:host>div .form-control.error{border:1px solid var(--error)}:host>div i{position:absolute;z-index:1000;color:#000;top:10px;left:5px}:host>div .error-content{margin:5px;color:var(--error)}::ng-deep .dark .form-control{background-color:var(--background-dark)!important;color:var(--text-dark)!important}\n", ":host{display:flex;flex:1;width:100%}:host>div{align-items:center;flex-direction:row;flex:1}:host>div label{flex:1}:host>div input{width:20px!important;height:20px!important}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: FormCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dsv-form-checkbox', standalone: true, imports: [ReactiveFormsModule], template: "<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }}</label>\n  }\n  <div>\n    <input\n      type=\"checkbox\"\n      [formControlName]=\"field()\"\n      class=\"form-control\"\n      [id]=\"field()\"\n    />\n  </div>\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div label{display:inline-block;margin-bottom:.5rem}:host>div .form-control{display:block;width:calc(100% - 2rem);height:calc(1rem + 2px);padding:.5rem;padding-left:25px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host>div i{position:absolute;z-index:1000;color:#000;top:10px;left:5px}::ng-deep .dark .form-control{background-color:var(--background-dark)!important;color:var(--text-dark)!important}\n", ":host{display:flex;flex:1;width:100%}:host>div{align-items:center;flex-direction:row;flex:1}:host>div label{flex:1}:host>div input{width:20px!important;height:20px!important}\n"] }]
+            args: [{ selector: 'dsv-form-checkbox', standalone: true, imports: [ReactiveFormsModule], template: "<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }}</label>\n  }\n  <div>\n    <input\n      type=\"checkbox\"\n      [formControlName]=\"field()\"\n      class=\"form-control\"\n      [id]=\"field()\"\n    />\n  </div>\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div label{display:inline-block;margin-bottom:.5rem}:host>div .form-control{display:block;width:calc(100% - 2rem);height:calc(1rem + 2px);padding:.5rem;padding-left:10px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host>div .form-control.icon{padding-left:25px}:host>div .form-control.error{border:1px solid var(--error)}:host>div i{position:absolute;z-index:1000;color:#000;top:10px;left:5px}:host>div .error-content{margin:5px;color:var(--error)}::ng-deep .dark .form-control{background-color:var(--background-dark)!important;color:var(--text-dark)!important}\n", ":host{display:flex;flex:1;width:100%}:host>div{align-items:center;flex-direction:row;flex:1}:host>div label{flex:1}:host>div input{width:20px!important;height:20px!important}\n"] }]
         }] });
 
 class BaseFormComponent {
@@ -37,20 +37,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
         }] });
 
 class FormComponent {
+    toastService = inject(ToastService);
     form = input.required();
     urlBack = input();
     textValid = input('ENREGISTRER');
+    formValid = input('Formulaire envoyé !');
     callback = output();
     onSubmit() {
         if (this.form().valid) {
             this.callback.emit(this.form().value);
+            this.toastService.showToast({
+                text: this.formValid(),
+            });
         }
         else {
-            console.log('Erreur dans le formulaire !');
+            this.toastService.showToast({
+                text: 'Erreur dans le formulaire !',
+                type: 'error'
+            });
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: FormComponent, isStandalone: true, selector: "app-form", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, urlBack: { classPropertyName: "urlBack", publicName: "urlBack", isSignal: true, isRequired: false, transformFunction: null }, textValid: { classPropertyName: "textValid", publicName: "textValid", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { callback: "callback" }, ngImport: i0, template: "<form [formGroup]=\"form()\" (ngSubmit)=\"onSubmit()\" class=\"form-container\">\n  <ng-content></ng-content>\n  <div class=\"form-buttons\">\n    @if (urlBack()) {\n      <dsv-button\n        color=\"default\"\n        variant=\"outlined\"\n        [routerLink]=\"urlBack()\"\n        [prevent]=\"false\"\n        >{{ \"RETOUR\" | translate }}</dsv-button\n      >\n    }\n    @if (textValid()) {\n      <dsv-button type=\"submit\" color=\"success\">{{\n        textValid()! | translate\n      }}</dsv-button>\n    }\n  </div>\n</form>\n", styles: [":host{width:100%;height:100%}:host form{flex-direction:column;display:block;margin-top:0;unicode-bidi:isolate}:host .form-buttons{display:flex;justify-content:flex-end;gap:10px;padding-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DsvButtonComponent, selector: "dsv-button", inputs: ["libelle", "color", "icon", "iconEnd", "width", "variant", "fullwidth", "show", "disabled", "noHover", "type", "prevent"], outputs: ["callback"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: FormComponent, isStandalone: true, selector: "app-form", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, urlBack: { classPropertyName: "urlBack", publicName: "urlBack", isSignal: true, isRequired: false, transformFunction: null }, textValid: { classPropertyName: "textValid", publicName: "textValid", isSignal: true, isRequired: false, transformFunction: null }, formValid: { classPropertyName: "formValid", publicName: "formValid", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { callback: "callback" }, ngImport: i0, template: "<form [formGroup]=\"form()\" (ngSubmit)=\"onSubmit()\" class=\"form-container\">\n  <ng-content></ng-content>\n  <div class=\"form-buttons\">\n    @if (urlBack()) {\n      <dsv-button\n        color=\"default\"\n        variant=\"outlined\"\n        [routerLink]=\"urlBack()\"\n        [prevent]=\"false\"\n        >{{ \"RETOUR\" | translate }}</dsv-button\n      >\n    }\n    @if (textValid() && textValid() !== \"\") {\n      <dsv-button type=\"submit\" color=\"success\">{{\n        textValid()! | translate\n      }}</dsv-button>\n    }\n  </div>\n</form>\n", styles: [":host{width:100%;height:100%}:host form{flex-direction:column;display:block;margin-top:0;unicode-bidi:isolate}:host .form-buttons{display:flex;justify-content:flex-end;gap:10px;padding-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DsvButtonComponent, selector: "dsv-button", inputs: ["libelle", "color", "icon", "iconEnd", "width", "variant", "fullwidth", "show", "disabled", "noHover", "type", "prevent"], outputs: ["callback"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: FormComponent, decorators: [{
             type: Component,
@@ -59,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
                         DsvButtonComponent,
                         RouterLink,
                         TranslatePipe
-                    ], standalone: true, template: "<form [formGroup]=\"form()\" (ngSubmit)=\"onSubmit()\" class=\"form-container\">\n  <ng-content></ng-content>\n  <div class=\"form-buttons\">\n    @if (urlBack()) {\n      <dsv-button\n        color=\"default\"\n        variant=\"outlined\"\n        [routerLink]=\"urlBack()\"\n        [prevent]=\"false\"\n        >{{ \"RETOUR\" | translate }}</dsv-button\n      >\n    }\n    @if (textValid()) {\n      <dsv-button type=\"submit\" color=\"success\">{{\n        textValid()! | translate\n      }}</dsv-button>\n    }\n  </div>\n</form>\n", styles: [":host{width:100%;height:100%}:host form{flex-direction:column;display:block;margin-top:0;unicode-bidi:isolate}:host .form-buttons{display:flex;justify-content:flex-end;gap:10px;padding-top:10px}\n"] }]
+                    ], standalone: true, template: "<form [formGroup]=\"form()\" (ngSubmit)=\"onSubmit()\" class=\"form-container\">\n  <ng-content></ng-content>\n  <div class=\"form-buttons\">\n    @if (urlBack()) {\n      <dsv-button\n        color=\"default\"\n        variant=\"outlined\"\n        [routerLink]=\"urlBack()\"\n        [prevent]=\"false\"\n        >{{ \"RETOUR\" | translate }}</dsv-button\n      >\n    }\n    @if (textValid() && textValid() !== \"\") {\n      <dsv-button type=\"submit\" color=\"success\">{{\n        textValid()! | translate\n      }}</dsv-button>\n    }\n  </div>\n</form>\n", styles: [":host{width:100%;height:100%}:host form{flex-direction:column;display:block;margin-top:0;unicode-bidi:isolate}:host .form-buttons{display:flex;justify-content:flex-end;gap:10px;padding-top:10px}\n"] }]
         }] });
 
 class FormInputComponent {
@@ -67,17 +75,30 @@ class FormInputComponent {
     field = input.required();
     type = input('text');
     withLabel = input(true);
+    required = input(true);
     icon = input();
     onSend = output();
+    error = signal('');
     onEnter() {
         this.onSend.emit(this.form().value[this.field()]);
     }
+    onChange() {
+        const error = this.form().controls[this.field()].errors;
+        let errorText = "";
+        if (error) {
+            console.log(error);
+        }
+        if (error?.['required']) {
+            errorText = "Ce champ est obligatoire";
+        }
+        this.error.set(errorText);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: FormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: FormInputComponent, isStandalone: true, selector: "dsv-form-input", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, withLabel: { classPropertyName: "withLabel", publicName: "withLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSend: "onSend" }, ngImport: i0, template: "<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }}</label>\n  }\n  <input\n    [type]=\"type()\"\n    [formControlName]=\"field()\"\n    class=\"form-control\"\n    [id]=\"field()\"\n    (keydown.enter)=\"onEnter()\"\n  />\n  @if (icon()) {\n    <i [class]=\"icon()\"></i>\n  }\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div label{display:inline-block;margin-bottom:.5rem}:host>div .form-control{display:block;width:calc(100% - 2rem);height:calc(1rem + 2px);padding:.5rem;padding-left:25px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host>div i{position:absolute;z-index:1000;color:#000;top:10px;left:5px}::ng-deep .dark .form-control{background-color:var(--background-dark)!important;color:var(--text-dark)!important}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: FormInputComponent, isStandalone: true, selector: "dsv-form-input", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, withLabel: { classPropertyName: "withLabel", publicName: "withLabel", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSend: "onSend" }, ngImport: i0, template: "<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }} {{ required() ? \"*\" : \"\" }}</label>\n  }\n  <input\n    [type]=\"type()\"\n    [formControlName]=\"field()\"\n    class=\"form-control\"\n    [class.icon]=\"icon()\"\n    [class.error]=\"error()\"\n    [id]=\"field()\"\n    (change)=\"onChange()\"\n    (keydown.enter)=\"onEnter()\"\n  />\n  @if (icon()) {\n    <i [class]=\"icon()\"></i>\n  }\n  @if (error() !== \"\") {\n    <div class=\"error-content\">{{ error() }}</div>\n  }\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div label{display:inline-block;margin-bottom:.5rem}:host>div .form-control{display:block;width:calc(100% - 2rem);height:calc(1rem + 2px);padding:.5rem;padding-left:10px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host>div .form-control.icon{padding-left:25px}:host>div .form-control.error{border:1px solid var(--error)}:host>div i{position:absolute;z-index:1000;color:#000;top:10px;left:5px}:host>div .error-content{margin:5px;color:var(--error)}::ng-deep .dark .form-control{background-color:var(--background-dark)!important;color:var(--text-dark)!important}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: FormInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dsv-form-input', imports: [ReactiveFormsModule], standalone: true, template: "<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }}</label>\n  }\n  <input\n    [type]=\"type()\"\n    [formControlName]=\"field()\"\n    class=\"form-control\"\n    [id]=\"field()\"\n    (keydown.enter)=\"onEnter()\"\n  />\n  @if (icon()) {\n    <i [class]=\"icon()\"></i>\n  }\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div label{display:inline-block;margin-bottom:.5rem}:host>div .form-control{display:block;width:calc(100% - 2rem);height:calc(1rem + 2px);padding:.5rem;padding-left:25px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host>div i{position:absolute;z-index:1000;color:#000;top:10px;left:5px}::ng-deep .dark .form-control{background-color:var(--background-dark)!important;color:var(--text-dark)!important}\n"] }]
+            args: [{ selector: 'dsv-form-input', imports: [ReactiveFormsModule], standalone: true, template: "<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }} {{ required() ? \"*\" : \"\" }}</label>\n  }\n  <input\n    [type]=\"type()\"\n    [formControlName]=\"field()\"\n    class=\"form-control\"\n    [class.icon]=\"icon()\"\n    [class.error]=\"error()\"\n    [id]=\"field()\"\n    (change)=\"onChange()\"\n    (keydown.enter)=\"onEnter()\"\n  />\n  @if (icon()) {\n    <i [class]=\"icon()\"></i>\n  }\n  @if (error() !== \"\") {\n    <div class=\"error-content\">{{ error() }}</div>\n  }\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div label{display:inline-block;margin-bottom:.5rem}:host>div .form-control{display:block;width:calc(100% - 2rem);height:calc(1rem + 2px);padding:.5rem;padding-left:10px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host>div .form-control.icon{padding-left:25px}:host>div .form-control.error{border:1px solid var(--error)}:host>div i{position:absolute;z-index:1000;color:#000;top:10px;left:5px}:host>div .error-content{margin:5px;color:var(--error)}::ng-deep .dark .form-control{background-color:var(--background-dark)!important;color:var(--text-dark)!important}\n"] }]
         }] });
 
 class SearchbarComponent extends BaseFormComponent {
@@ -95,11 +116,11 @@ class SearchbarComponent extends BaseFormComponent {
         this.onSearch.emit(value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SearchbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.0", type: SearchbarComponent, isStandalone: true, selector: "form-searchbar", inputs: { search: { classPropertyName: "search", publicName: "search", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSearch: "onSearch" }, usesInheritance: true, ngImport: i0, template: "<app-form [form]=\"form\">\n  <dsv-form-input\n    [form]=\"form\"\n    field=\"search\"\n    [withLabel]=\"false\"\n    (onSend)=\"onSend($event)\"\n    icon=\"icon ri-search-line\"\n  ></dsv-form-input>\n</app-form>\n", dependencies: [{ kind: "component", type: FormComponent, selector: "app-form", inputs: ["form", "urlBack", "textValid"], outputs: ["callback"] }, { kind: "component", type: FormInputComponent, selector: "dsv-form-input", inputs: ["form", "field", "type", "withLabel", "icon"], outputs: ["onSend"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.0", type: SearchbarComponent, isStandalone: true, selector: "form-searchbar", inputs: { search: { classPropertyName: "search", publicName: "search", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSearch: "onSearch" }, usesInheritance: true, ngImport: i0, template: "<app-form [form]=\"form\" textValid=\"\">\n  <dsv-form-input\n    [form]=\"form\"\n    field=\"search\"\n    [withLabel]=\"false\"\n    (onSend)=\"onSend($event)\"\n    icon=\"icon ri-search-line\"\n  ></dsv-form-input>\n</app-form>\n", dependencies: [{ kind: "component", type: FormComponent, selector: "app-form", inputs: ["form", "urlBack", "textValid", "formValid"], outputs: ["callback"] }, { kind: "component", type: FormInputComponent, selector: "dsv-form-input", inputs: ["form", "field", "type", "withLabel", "required", "icon"], outputs: ["onSend"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SearchbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'form-searchbar', imports: [FormComponent, FormInputComponent], standalone: true, template: "<app-form [form]=\"form\">\n  <dsv-form-input\n    [form]=\"form\"\n    field=\"search\"\n    [withLabel]=\"false\"\n    (onSend)=\"onSend($event)\"\n    icon=\"icon ri-search-line\"\n  ></dsv-form-input>\n</app-form>\n" }]
+            args: [{ selector: 'form-searchbar', imports: [FormComponent, FormInputComponent], standalone: true, template: "<app-form [form]=\"form\" textValid=\"\">\n  <dsv-form-input\n    [form]=\"form\"\n    field=\"search\"\n    [withLabel]=\"false\"\n    (onSend)=\"onSend($event)\"\n    icon=\"icon ri-search-line\"\n  ></dsv-form-input>\n</app-form>\n" }]
         }], ctorParameters: () => [] });
 
 class SelectComponent {
@@ -112,13 +133,13 @@ class SelectComponent {
         this.change.emit(this.form().value[this.field()]);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: SelectComponent, isStandalone: true, selector: "dsv-form-select", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, withLabel: { classPropertyName: "withLabel", publicName: "withLabel", isSignal: true, isRequired: false, transformFunction: null }, list: { classPropertyName: "list", publicName: "list", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, ngImport: i0, template: "<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }}</label>\n  }\n  <div>\n    <select\n      [id]=\"field()\"\n      [formControlName]=\"field()\"\n      class=\"form-control\"\n      (change)=\"doChange()\"\n    >\n      @for (list of list(); track list.id) {\n        <option [value]=\"list.id\">\n          {{ list.name }}\n        </option>\n      }\n    </select>\n  </div>\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div label{display:inline-block;margin-bottom:.5rem}:host>div .form-control{display:block;width:calc(100% - 2rem);height:calc(1rem + 2px);padding:.5rem;padding-left:25px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host>div i{position:absolute;z-index:1000;color:#000;top:10px;left:5px}::ng-deep .dark .form-control{background-color:var(--background-dark)!important;color:var(--text-dark)!important}\n", ":host{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: SelectComponent, isStandalone: true, selector: "dsv-form-select", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, withLabel: { classPropertyName: "withLabel", publicName: "withLabel", isSignal: true, isRequired: false, transformFunction: null }, list: { classPropertyName: "list", publicName: "list", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, ngImport: i0, template: "<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }}</label>\n  }\n  <div>\n    <select\n      [id]=\"field()\"\n      [formControlName]=\"field()\"\n      class=\"form-control\"\n      (change)=\"doChange()\"\n    >\n      @for (list of list(); track list.id) {\n        <option [value]=\"list.id\">\n          {{ list.name }}\n        </option>\n      }\n    </select>\n  </div>\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div label{display:inline-block;margin-bottom:.5rem}:host>div .form-control{display:block;width:calc(100% - 2rem);height:calc(1rem + 2px);padding:.5rem;padding-left:10px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host>div .form-control.icon{padding-left:25px}:host>div .form-control.error{border:1px solid var(--error)}:host>div i{position:absolute;z-index:1000;color:#000;top:10px;left:5px}:host>div .error-content{margin:5px;color:var(--error)}::ng-deep .dark .form-control{background-color:var(--background-dark)!important;color:var(--text-dark)!important}\n", ":host{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dsv-form-select', imports: [
                         ReactiveFormsModule
-                    ], standalone: true, template: "<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }}</label>\n  }\n  <div>\n    <select\n      [id]=\"field()\"\n      [formControlName]=\"field()\"\n      class=\"form-control\"\n      (change)=\"doChange()\"\n    >\n      @for (list of list(); track list.id) {\n        <option [value]=\"list.id\">\n          {{ list.name }}\n        </option>\n      }\n    </select>\n  </div>\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div label{display:inline-block;margin-bottom:.5rem}:host>div .form-control{display:block;width:calc(100% - 2rem);height:calc(1rem + 2px);padding:.5rem;padding-left:25px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host>div i{position:absolute;z-index:1000;color:#000;top:10px;left:5px}::ng-deep .dark .form-control{background-color:var(--background-dark)!important;color:var(--text-dark)!important}\n", ":host{width:100%}\n"] }]
+                    ], standalone: true, template: "<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }}</label>\n  }\n  <div>\n    <select\n      [id]=\"field()\"\n      [formControlName]=\"field()\"\n      class=\"form-control\"\n      (change)=\"doChange()\"\n    >\n      @for (list of list(); track list.id) {\n        <option [value]=\"list.id\">\n          {{ list.name }}\n        </option>\n      }\n    </select>\n  </div>\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div label{display:inline-block;margin-bottom:.5rem}:host>div .form-control{display:block;width:calc(100% - 2rem);height:calc(1rem + 2px);padding:.5rem;padding-left:10px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host>div .form-control.icon{padding-left:25px}:host>div .form-control.error{border:1px solid var(--error)}:host>div i{position:absolute;z-index:1000;color:#000;top:10px;left:5px}:host>div .error-content{margin:5px;color:var(--error)}::ng-deep .dark .form-control{background-color:var(--background-dark)!important;color:var(--text-dark)!important}\n", ":host{width:100%}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-vagabond-lab-ng-dsv-ds-form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-form.mjs","sources":["../../../projects/ng-dsv/ds/form/checkbox/component/form.checkbox.component.ts","../../../projects/ng-dsv/ds/form/checkbox/component/form.checkbox.component.html","../../../projects/ng-dsv/ds/form/form/base/base.form.component.ts","../../../projects/ng-dsv/ds/form/form/component/form.component.ts","../../../projects/ng-dsv/ds/form/form/component/form.component.html","../../../projects/ng-dsv/ds/form/input/component/form.input.component.ts","../../../projects/ng-dsv/ds/form/input/component/form.input.component.html","../../../projects/ng-dsv/ds/form/searchbar/component/searchbar.component.ts","../../../projects/ng-dsv/ds/form/searchbar/component/searchbar.component.html","../../../projects/ng-dsv/ds/form/select/component/form.select.component.ts","../../../projects/ng-dsv/ds/form/select/component/form.select.component.html","../../../projects/ng-dsv/ds/form/ng-vagabond-lab-ng-dsv-ds-form.ts"],"sourcesContent":["import { Component, input, output } from \"@angular/core\";\nimport { FormGroup, ReactiveFormsModule } from \"@angular/forms\";\nimport { ApiDto } from \"@ng-vagabond-lab/ng-dsv/api\";\n\n@Component({\n    selector: 'dsv-form-checkbox',\n    standalone: true,\n    imports: [ReactiveFormsModule],\n    templateUrl: './form.checkbox.component.html',\n    styleUrls: [\n        '../../input/component/form.input.component.scss',\n        './form.checkbox.component.scss'\n    ],\n})\nexport class FormCheckboxComponent {\n    form = input.required<FormGroup>();\n    field = input.required<string>();\n    withLabel = input<boolean>(true);\n\n    list = input<(ApiDto & { name: string })[]>([]);\n\n    change = output<string>();\n\n    doChange() {\n        this.change.emit(this.form().value[this.field()]);\n    }\n}","<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }}</label>\n  }\n  <div>\n    <input\n      type=\"checkbox\"\n      [formControlName]=\"field()\"\n      class=\"form-control\"\n      [id]=\"field()\"\n    />\n  </div>\n</div>\n","import { Component, inject } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\n\n@Component({\n  template: '',\n})\nexport abstract class BaseFormComponent {\n  protected readonly formBuilder = inject(FormBuilder);\n  protected form!: FormGroup;\n}\n","import { Component, input, output } from '@angular/core';\nimport { FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport { RouterLink } from '@angular/router';\nimport { ApiDto } from '@ng-vagabond-lab/ng-dsv/api';\nimport { DsvButtonComponent } from '@ng-vagabond-lab/ng-dsv/ds/button';\nimport { TranslatePipe } from '@ngx-translate/core';\n\n@Component({\n  selector: 'app-form',\n  imports: [\n    ReactiveFormsModule,\n    DsvButtonComponent,\n    RouterLink,\n    TranslatePipe\n  ],\n  standalone: true,\n  templateUrl: './form.component.html',\n  styleUrl: './form.component.scss',\n})\nexport class FormComponent {\n  form = input.required<FormGroup>();\n\n  urlBack = input<string>();\n  textValid = input<string>('ENREGISTRER');\n\n  callback = output<ApiDto>();\n\n  onSubmit() {\n    if (this.form().valid) {\n      this.callback.emit(this.form().value);\n    } else {\n      console.log('Erreur dans le formulaire !');\n    }\n  }\n}\n","<form [formGroup]=\"form()\" (ngSubmit)=\"onSubmit()\" class=\"form-container\">\n  <ng-content></ng-content>\n  <div class=\"form-buttons\">\n    @if (urlBack()) {\n      <dsv-button\n        color=\"default\"\n        variant=\"outlined\"\n        [routerLink]=\"urlBack()\"\n        [prevent]=\"false\"\n        >{{ \"RETOUR\" | translate }}</dsv-button\n      >\n    }\n    @if (textValid()) {\n      <dsv-button type=\"submit\" color=\"success\">{{\n        textValid()! | translate\n      }}</dsv-button>\n    }\n  </div>\n</form>\n","import { Component, input, output } from '@angular/core';\nimport { FormGroup, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'dsv-form-input',\n  imports: [ReactiveFormsModule],\n  standalone: true,\n  templateUrl: './form.input.component.html',\n  styleUrl: './form.input.component.scss',\n})\nexport class FormInputComponent {\n  form = input.required<FormGroup>();\n  field = input.required<string>();\n  type = input<string>('text');\n  withLabel = input<boolean>(true);\n  icon = input<string>();\n\n  onSend = output<string>();\n\n  onEnter() {\n    this.onSend.emit(this.form().value[this.field()]);\n  }\n}\n","<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }}</label>\n  }\n  <input\n    [type]=\"type()\"\n    [formControlName]=\"field()\"\n    class=\"form-control\"\n    [id]=\"field()\"\n    (keydown.enter)=\"onEnter()\"\n  />\n  @if (icon()) {\n    <i [class]=\"icon()\"></i>\n  }\n</div>\n","import { Component, effect, input, output } from '@angular/core';\nimport {\n  BaseFormComponent,\n  FormComponent,\n  FormInputComponent,\n} from '../../public-api';\n\n@Component({\n  selector: 'form-searchbar',\n  imports: [FormComponent, FormInputComponent],\n  standalone: true,\n  templateUrl: './searchbar.component.html',\n})\nexport class SearchbarComponent extends BaseFormComponent {\n  search = input<string>('');\n  onSearch = output<string>();\n\n  constructor() {\n    super();\n    effect(() => {\n      this.form = this.formBuilder.group({\n        search: [this.search()],\n      });\n    });\n  }\n\n  onSend(value: string) {\n    this.onSearch.emit(value);\n  }\n}\n","<app-form [form]=\"form\">\n  <dsv-form-input\n    [form]=\"form\"\n    field=\"search\"\n    [withLabel]=\"false\"\n    (onSend)=\"onSend($event)\"\n    icon=\"icon ri-search-line\"\n  ></dsv-form-input>\n</app-form>\n","import { Component, input, output } from \"@angular/core\";\nimport { FormGroup, ReactiveFormsModule } from \"@angular/forms\";\nimport { ApiDto } from \"@ng-vagabond-lab/ng-dsv/api\";\n\n@Component({\n    selector: 'dsv-form-select',\n    imports: [\n        ReactiveFormsModule\n    ],\n    standalone: true,\n    templateUrl: './form.select.component.html',\n    styleUrls: [\n        '../../input/component/form.input.component.scss',\n        './form.select.component.scss'\n    ]\n})\nexport class SelectComponent {\n    form = input.required<FormGroup>();\n    field = input.required<string>();\n    withLabel = input<boolean>(true);\n\n    list = input<(ApiDto & { name: string })[]>([]);\n\n    change = output<string>();\n\n    doChange() {\n        this.change.emit(this.form().value[this.field()]);\n    }\n}","<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }}</label>\n  }\n  <div>\n    <select\n      [id]=\"field()\"\n      [formControlName]=\"field()\"\n      class=\"form-control\"\n      (change)=\"doChange()\"\n    >\n      @for (list of list(); track list.id) {\n        <option [value]=\"list.id\">\n          {{ list.name }}\n        </option>\n      }\n    </select>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAca,qBAAqB,CAAA;AAC9B,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,EAAa;AAClC,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAU;AAChC,IAAA,SAAS,GAAG,KAAK,CAAU,IAAI,CAAC;AAEhC,IAAA,IAAI,GAAG,KAAK,CAAgC,EAAE,CAAC;IAE/C,MAAM,GAAG,MAAM,EAAU;IAEzB,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;;uGAV5C,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdlC,mRAaA,EAAA,MAAA,EAAA,CAAA,8oBAAA,EAAA,kLAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDNc,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAOpB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAVjC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EACjB,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,mBAAmB,CAAC,EAAA,QAAA,EAAA,mRAAA,EAAA,MAAA,EAAA,CAAA,8oBAAA,EAAA,kLAAA,CAAA,EAAA;;;MEDZ,iBAAiB,CAAA;AAClB,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AAC1C,IAAA,IAAI;uGAFM,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,wEAF3B,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAEQ,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAHtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,EAAE;AACb,iBAAA;;;MCcY,aAAa,CAAA;AACxB,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,EAAa;IAElC,OAAO,GAAG,KAAK,EAAU;AACzB,IAAA,SAAS,GAAG,KAAK,CAAS,aAAa,CAAC;IAExC,QAAQ,GAAG,MAAM,EAAU;IAE3B,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE;AACrB,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC;;aAChC;AACL,YAAA,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC;;;uGAZnC,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnB1B,4hBAmBA,EDTI,MAAA,EAAA,CAAA,sMAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,qbACnB,kBAAkB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EACV,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAMJ,aAAa,EAAA,UAAA,EAAA,CAAA;kBAZzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EACX,OAAA,EAAA;wBACP,mBAAmB;wBACnB,kBAAkB;wBAClB,UAAU;wBACV;AACD,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,QAAA,EAAA,4hBAAA,EAAA,MAAA,EAAA,CAAA,sMAAA,CAAA,EAAA;;;MELL,kBAAkB,CAAA;AAC7B,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,EAAa;AAClC,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAU;AAChC,IAAA,IAAI,GAAG,KAAK,CAAS,MAAM,CAAC;AAC5B,IAAA,SAAS,GAAG,KAAK,CAAU,IAAI,CAAC;IAChC,IAAI,GAAG,KAAK,EAAU;IAEtB,MAAM,GAAG,MAAM,EAAU;IAEzB,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;;uGAVxC,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECV/B,8UAeA,EAAA,MAAA,EAAA,CAAA,8oBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDVY,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAKlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EACjB,OAAA,EAAA,CAAC,mBAAmB,CAAC,cAClB,IAAI,EAAA,QAAA,EAAA,8UAAA,EAAA,MAAA,EAAA,CAAA,8oBAAA,CAAA,EAAA;;;AEOZ,MAAO,kBAAmB,SAAQ,iBAAiB,CAAA;AACvD,IAAA,MAAM,GAAG,KAAK,CAAS,EAAE,CAAC;IAC1B,QAAQ,GAAG,MAAM,EAAU;AAE3B,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QACP,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AACjC,gBAAA,MAAM,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;AACxB,aAAA,CAAC;AACJ,SAAC,CAAC;;AAGJ,IAAA,MAAM,CAAC,KAAa,EAAA;AAClB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;;uGAdhB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,ECb/B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,6NASA,EDAY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,aAAa,sHAAE,kBAAkB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIhC,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,WACjB,CAAC,aAAa,EAAE,kBAAkB,CAAC,cAChC,IAAI,EAAA,QAAA,EAAA,6NAAA,EAAA;;;MEML,eAAe,CAAA;AACxB,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,EAAa;AAClC,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAU;AAChC,IAAA,SAAS,GAAG,KAAK,CAAU,IAAI,CAAC;AAEhC,IAAA,IAAI,GAAG,KAAK,CAAgC,EAAE,CAAC;IAE/C,MAAM,GAAG,MAAM,EAAU;IAEzB,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;;uGAV5C,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChB5B,mbAmBA,EAAA,MAAA,EAAA,CAAA,8oBAAA,EAAA,qBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDZQ,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FASd,eAAe,EAAA,UAAA,EAAA,CAAA;kBAZ3B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAClB,OAAA,EAAA;wBACL;AACH,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,QAAA,EAAA,mbAAA,EAAA,MAAA,EAAA,CAAA,8oBAAA,EAAA,qBAAA,CAAA,EAAA;;;AETpB;;AAEG;;;;"}
+{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-form.mjs","sources":["../../../projects/ng-dsv/ds/form/checkbox/component/form.checkbox.component.ts","../../../projects/ng-dsv/ds/form/checkbox/component/form.checkbox.component.html","../../../projects/ng-dsv/ds/form/form/base/base.form.component.ts","../../../projects/ng-dsv/ds/form/form/component/form.component.ts","../../../projects/ng-dsv/ds/form/form/component/form.component.html","../../../projects/ng-dsv/ds/form/input/component/form.input.component.ts","../../../projects/ng-dsv/ds/form/input/component/form.input.component.html","../../../projects/ng-dsv/ds/form/searchbar/component/searchbar.component.ts","../../../projects/ng-dsv/ds/form/searchbar/component/searchbar.component.html","../../../projects/ng-dsv/ds/form/select/component/form.select.component.ts","../../../projects/ng-dsv/ds/form/select/component/form.select.component.html","../../../projects/ng-dsv/ds/form/ng-vagabond-lab-ng-dsv-ds-form.ts"],"sourcesContent":["import { Component, input, output } from \"@angular/core\";\nimport { FormGroup, ReactiveFormsModule } from \"@angular/forms\";\n\n@Component({\n    selector: 'dsv-form-checkbox',\n    standalone: true,\n    imports: [ReactiveFormsModule],\n    templateUrl: './form.checkbox.component.html',\n    styleUrls: [\n        '../../input/component/form.input.component.scss',\n        './form.checkbox.component.scss'\n    ],\n})\nexport class FormCheckboxComponent {\n    form = input.required<FormGroup>();\n    field = input.required<string>();\n    withLabel = input<boolean>(true);\n\n    change = output<string>();\n\n    doChange() {\n        this.change.emit(this.form().value[this.field()]);\n    }\n}","<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }}</label>\n  }\n  <div>\n    <input\n      type=\"checkbox\"\n      [formControlName]=\"field()\"\n      class=\"form-control\"\n      [id]=\"field()\"\n    />\n  </div>\n</div>\n","import { Component, inject } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\n\n@Component({\n  template: '',\n})\nexport abstract class BaseFormComponent {\n  protected readonly formBuilder = inject(FormBuilder);\n  protected form!: FormGroup;\n}\n","import { Component, inject, input, output } from '@angular/core';\nimport { FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport { RouterLink } from '@angular/router';\nimport { ApiDto } from '@ng-vagabond-lab/ng-dsv/api';\nimport { DsvButtonComponent } from '@ng-vagabond-lab/ng-dsv/ds/button';\nimport { ToastService } from '@ng-vagabond-lab/ng-dsv/ds/toast';\nimport { TranslatePipe } from '@ngx-translate/core';\n\n@Component({\n  selector: 'app-form',\n  imports: [\n    ReactiveFormsModule,\n    DsvButtonComponent,\n    RouterLink,\n    TranslatePipe\n  ],\n  standalone: true,\n  templateUrl: './form.component.html',\n  styleUrl: './form.component.scss',\n})\nexport class FormComponent {\n  toastService = inject(ToastService);\n\n  form = input.required<FormGroup>();\n\n  urlBack = input<string>();\n  textValid = input<string>('ENREGISTRER');\n  formValid = input<string>('Formulaire envoyé !');\n\n  callback = output<ApiDto>();\n\n  onSubmit() {\n    if (this.form().valid) {\n      this.callback.emit(this.form().value);\n      this.toastService.showToast({\n        text: this.formValid(),\n      })\n    } else {\n      this.toastService.showToast({\n        text: 'Erreur dans le formulaire !',\n        type: 'error'\n      })\n    }\n  }\n}\n","<form [formGroup]=\"form()\" (ngSubmit)=\"onSubmit()\" class=\"form-container\">\n  <ng-content></ng-content>\n  <div class=\"form-buttons\">\n    @if (urlBack()) {\n      <dsv-button\n        color=\"default\"\n        variant=\"outlined\"\n        [routerLink]=\"urlBack()\"\n        [prevent]=\"false\"\n        >{{ \"RETOUR\" | translate }}</dsv-button\n      >\n    }\n    @if (textValid() && textValid() !== \"\") {\n      <dsv-button type=\"submit\" color=\"success\">{{\n        textValid()! | translate\n      }}</dsv-button>\n    }\n  </div>\n</form>\n","import { Component, input, output, signal } from '@angular/core';\nimport { FormGroup, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'dsv-form-input',\n  imports: [ReactiveFormsModule],\n  standalone: true,\n  templateUrl: './form.input.component.html',\n  styleUrl: './form.input.component.scss',\n})\nexport class FormInputComponent {\n  form = input.required<FormGroup>();\n  field = input.required<string>();\n  type = input<string>('text');\n  withLabel = input<boolean>(true);\n  required = input<boolean>(true);\n  icon = input<string>();\n\n  onSend = output<string>();\n\n  error = signal<string>('');\n\n  onEnter() {\n    this.onSend.emit(this.form().value[this.field()]);\n  }\n\n  onChange() {\n    const error = this.form().controls[this.field()].errors;\n    let errorText = \"\";\n    if (error) {\n      console.log(error);\n    }\n    if (error?.['required']) {\n      errorText = \"Ce champ est obligatoire\";\n    }\n    this.error.set(errorText);\n  }\n}\n","<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }} {{ required() ? \"*\" : \"\" }}</label>\n  }\n  <input\n    [type]=\"type()\"\n    [formControlName]=\"field()\"\n    class=\"form-control\"\n    [class.icon]=\"icon()\"\n    [class.error]=\"error()\"\n    [id]=\"field()\"\n    (change)=\"onChange()\"\n    (keydown.enter)=\"onEnter()\"\n  />\n  @if (icon()) {\n    <i [class]=\"icon()\"></i>\n  }\n  @if (error() !== \"\") {\n    <div class=\"error-content\">{{ error() }}</div>\n  }\n</div>\n","import { Component, effect, input, output } from '@angular/core';\nimport {\n  BaseFormComponent,\n  FormComponent,\n  FormInputComponent,\n} from '../../public-api';\n\n@Component({\n  selector: 'form-searchbar',\n  imports: [FormComponent, FormInputComponent],\n  standalone: true,\n  templateUrl: './searchbar.component.html',\n})\nexport class SearchbarComponent extends BaseFormComponent {\n  search = input<string>('');\n  onSearch = output<string>();\n\n  constructor() {\n    super();\n    effect(() => {\n      this.form = this.formBuilder.group({\n        search: [this.search()],\n      });\n    });\n  }\n\n  onSend(value: string) {\n    this.onSearch.emit(value);\n  }\n}\n","<app-form [form]=\"form\" textValid=\"\">\n  <dsv-form-input\n    [form]=\"form\"\n    field=\"search\"\n    [withLabel]=\"false\"\n    (onSend)=\"onSend($event)\"\n    icon=\"icon ri-search-line\"\n  ></dsv-form-input>\n</app-form>\n","import { Component, input, output } from \"@angular/core\";\nimport { FormGroup, ReactiveFormsModule } from \"@angular/forms\";\nimport { ApiDto } from \"@ng-vagabond-lab/ng-dsv/api\";\n\n@Component({\n    selector: 'dsv-form-select',\n    imports: [\n        ReactiveFormsModule\n    ],\n    standalone: true,\n    templateUrl: './form.select.component.html',\n    styleUrls: [\n        '../../input/component/form.input.component.scss',\n        './form.select.component.scss'\n    ]\n})\nexport class SelectComponent {\n    form = input.required<FormGroup>();\n    field = input.required<string>();\n    withLabel = input<boolean>(true);\n\n    list = input<(ApiDto & { name: string })[]>([]);\n\n    change = output<string>();\n\n    doChange() {\n        this.change.emit(this.form().value[this.field()]);\n    }\n}","<div [formGroup]=\"form()\">\n  @if (withLabel()) {\n    <label [for]=\"field()\">{{ field() }}</label>\n  }\n  <div>\n    <select\n      [id]=\"field()\"\n      [formControlName]=\"field()\"\n      class=\"form-control\"\n      (change)=\"doChange()\"\n    >\n      @for (list of list(); track list.id) {\n        <option [value]=\"list.id\">\n          {{ list.name }}\n        </option>\n      }\n    </select>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-vagabond-lab-ng-dsv-ds-item.mjs

@@ -8,7 +8,7 @@ class DsvItemComponent {
     icon = input('');
     text = input('');
     url = input();
-    small = input(false);
+    small = input(true);
     callback = output();
     isCallback() {
         const listeners = this.callback['listeners'];
@@ -17,8 +17,8 @@ class DsvItemComponent {
     doClick() {
         if (this.url()) {
             this.router.navigate([this.url()]);
-            this.isCallback() && this.callback.emit();
         }
+        this.isCallback() && this.callback.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: DsvItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: DsvItemComponent, isStandalone: true, selector: "dsv-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { callback: "callback" }, ngImport: i0, template: "<a class=\"text\" (click)=\"doClick()\" [class.small]=\"small()\">\n  @if (icon()) {\n    <i class=\"ri-{{ icon() }}-line\"></i>\n  }\n  {{ text() }}\n</a>\n<ng-content></ng-content>\n", styles: [":host{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}:host a{margin:5px 10px;padding:10px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host a:hover{background-color:#d9d9d9;cursor:pointer}:host i{margin-right:10px}:host .text{font-size:1.2rem;font-weight:700}:host .text.small{font-size:1rem}::ng-deep .dark dsv-item a:hover{background-color:#313131!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });

package/fesm2022/ng-vagabond-lab-ng-dsv-ds-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-item.mjs","sources":["../../../projects/ng-dsv/ds/item/component/item.component.ts","../../../projects/ng-dsv/ds/item/component/item.component.html","../../../projects/ng-dsv/ds/item/ng-vagabond-lab-ng-dsv-ds-item.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  inject,\n  input,\n  output,\n  OutputEmitterRef,\n} from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n  selector: 'dsv-item',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './item.component.html',\n  styleUrls: ['./item.component.scss'],\n})\nexport class DsvItemComponent {\n  private readonly router = inject(Router);\n\n  icon = input<string>('');\n  text = input<string>('');\n  url = input<string>();\n  small = input<boolean>(false);\n\n  callback = output<void>();\n\n  isCallback() {\n    const listeners =\n      this.callback['listeners' as keyof OutputEmitterRef<void>];\n    return listeners?.length > 0;\n  }\n\n  doClick() {\n    if (this.url()) {\n      this.router.navigate([this.url()]);\n      this.isCallback() && this.callback.emit();\n    }\n  }\n}\n","<a class=\"text\" (click)=\"doClick()\" [class.small]=\"small()\">\n  @if (icon()) {\n    <i class=\"ri-{{ icon() }}-line\"></i>\n  }\n  {{ text() }}\n</a>\n<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAiBa,gBAAgB,CAAA;AACV,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAExC,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,CAAC;AACxB,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,CAAC;IACxB,GAAG,GAAG,KAAK,EAAU;AACrB,IAAA,KAAK,GAAG,KAAK,CAAU,KAAK,CAAC;IAE7B,QAAQ,GAAG,MAAM,EAAQ;IAEzB,UAAU,GAAA;QACR,MAAM,SAAS,GACb,IAAI,CAAC,QAAQ,CAAC,WAA2C,CAAC;AAC5D,QAAA,OAAO,SAAS,EAAE,MAAM,GAAG,CAAC;;IAG9B,OAAO,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE;AACd,YAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;YAClC,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;;;uGAnBlC,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjB7B,0LAOA,EAAA,MAAA,EAAA,CAAA,saAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDMY,YAAY,EAAA,CAAA,EAAA,CAAA;;2FAIX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EACR,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,0LAAA,EAAA,MAAA,EAAA,CAAA,saAAA,CAAA,EAAA;;;AEbzB;;AAEG;;;;"}
+{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-item.mjs","sources":["../../../projects/ng-dsv/ds/item/component/item.component.ts","../../../projects/ng-dsv/ds/item/component/item.component.html","../../../projects/ng-dsv/ds/item/ng-vagabond-lab-ng-dsv-ds-item.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  inject,\n  input,\n  output,\n  OutputEmitterRef,\n} from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n  selector: 'dsv-item',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './item.component.html',\n  styleUrls: ['./item.component.scss'],\n})\nexport class DsvItemComponent {\n  private readonly router = inject(Router);\n\n  icon = input<string>('');\n  text = input<string>('');\n  url = input<string>();\n  small = input<boolean>(true);\n\n  callback = output<void>();\n\n  isCallback() {\n    const listeners =\n      this.callback['listeners' as keyof OutputEmitterRef<void>];\n    return listeners?.length > 0;\n  }\n\n  doClick() {\n    if (this.url()) {\n      this.router.navigate([this.url()]);\n    }\n    this.isCallback() && this.callback.emit();\n  }\n}\n","<a class=\"text\" (click)=\"doClick()\" [class.small]=\"small()\">\n  @if (icon()) {\n    <i class=\"ri-{{ icon() }}-line\"></i>\n  }\n  {{ text() }}\n</a>\n<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAiBa,gBAAgB,CAAA;AACV,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAExC,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,CAAC;AACxB,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,CAAC;IACxB,GAAG,GAAG,KAAK,EAAU;AACrB,IAAA,KAAK,GAAG,KAAK,CAAU,IAAI,CAAC;IAE5B,QAAQ,GAAG,MAAM,EAAQ;IAEzB,UAAU,GAAA;QACR,MAAM,SAAS,GACb,IAAI,CAAC,QAAQ,CAAC,WAA2C,CAAC;AAC5D,QAAA,OAAO,SAAS,EAAE,MAAM,GAAG,CAAC;;IAG9B,OAAO,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE;AACd,YAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;;QAEpC,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;;uGApBhC,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjB7B,0LAOA,EAAA,MAAA,EAAA,CAAA,saAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDMY,YAAY,EAAA,CAAA,EAAA,CAAA;;2FAIX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EACR,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,0LAAA,EAAA,MAAA,EAAA,CAAA,saAAA,CAAA,EAAA;;;AEbzB;;AAEG;;;;"}

package/fesm2022/ng-vagabond-lab-ng-dsv-ds-modal.mjs

@@ -101,13 +101,13 @@ class ModalButtonComponent {
         this.modalService.toggle(this.id());
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ModalButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.0", type: ModalButtonComponent, isStandalone: true, selector: "app-modal-button", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<dsv-button\n  [color]=\"icon() ? 'default' : color()\"\n  [icon]=\"icon()\"\n  [variant]=\"icon() ? 'text' : 'contained'\"\n  color=\"inherit\"\n  (callback)=\"doToogle()\"\n>\n  {{ text() }}\n  <ng-content></ng-content>\n</dsv-button>\n", dependencies: [{ kind: "component", type: DsvButtonComponent, selector: "dsv-button", inputs: ["libelle", "color", "icon", "iconEnd", "width", "variant", "fullwidth", "show", "disabled", "noHover", "type", "prevent"], outputs: ["callback"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.0", type: ModalButtonComponent, isStandalone: true, selector: "app-modal-button", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<dsv-button\n  [color]=\"icon() ? 'default' : color()\"\n  [icon]=\"icon()\"\n  [variant]=\"icon() ? 'text' : 'contained'\"\n  color=\"inherit\"\n  (callback)=\"doToogle()\"\n>\n  {{ text() }}\n</dsv-button>\n<ng-content></ng-content>\n", dependencies: [{ kind: "component", type: DsvButtonComponent, selector: "dsv-button", inputs: ["libelle", "color", "icon", "iconEnd", "width", "variant", "fullwidth", "show", "disabled", "noHover", "type", "prevent"], outputs: ["callback"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ModalButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-modal-button', imports: [
                         DsvButtonComponent
-                    ], standalone: true, template: "<dsv-button\n  [color]=\"icon() ? 'default' : color()\"\n  [icon]=\"icon()\"\n  [variant]=\"icon() ? 'text' : 'contained'\"\n  color=\"inherit\"\n  (callback)=\"doToogle()\"\n>\n  {{ text() }}\n  <ng-content></ng-content>\n</dsv-button>\n" }]
+                    ], standalone: true, template: "<dsv-button\n  [color]=\"icon() ? 'default' : color()\"\n  [icon]=\"icon()\"\n  [variant]=\"icon() ? 'text' : 'contained'\"\n  color=\"inherit\"\n  (callback)=\"doToogle()\"\n>\n  {{ text() }}\n</dsv-button>\n<ng-content></ng-content>\n" }]
         }] });
 
 /**

package/fesm2022/ng-vagabond-lab-ng-dsv-ds-modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-modal.mjs","sources":["../../../projects/ng-dsv/ds/modal/service/modal.service.ts","../../../projects/ng-dsv/ds/modal/component/modal.component.ts","../../../projects/ng-dsv/ds/modal/component/modal.component.html","../../../projects/ng-dsv/ds/modal/component/alert/modal-alert.component.ts","../../../projects/ng-dsv/ds/modal/component/alert/modal-alert.component.html","../../../projects/ng-dsv/ds/modal/component/button/modal-button.component.ts","../../../projects/ng-dsv/ds/modal/component/button/modal-button.component.html","../../../projects/ng-dsv/ds/modal/ng-vagabond-lab-ng-dsv-ds-modal.ts"],"sourcesContent":["import { Injectable, signal } from \"@angular/core\";\n\n@Injectable({ providedIn: 'root' })\nexport class ModalService {\n    private readonly states = new Map<string, ReturnType<typeof signal<boolean>>>();\n\n    getSignal(id: string) {\n        if (!this.states.has(id)) {\n            const newSignal = signal<boolean>(false);\n            this.states.set(id, newSignal);\n        }\n        return this.states.get(id)?.() ?? false;\n    }\n\n    open(id: string) {\n        this.states.get(id)?.set(true);\n    }\n\n    close(id: string) {\n        this.states.get(id)?.set(false);\n    }\n\n    toggle(id: string) {\n        const s = this.states.get(id);\n        if (s) s.update(v => !v);\n    }\n}","import { Component, effect, inject, input, signal } from \"@angular/core\";\nimport { DsvButtonComponent } from \"@ng-vagabond-lab/ng-dsv/ds/button\";\nimport { MenuService } from \"@ng-vagabond-lab/ng-dsv/ds/menu\";\nimport { ModalService } from \"../service/modal.service\";\n\n@Component({\n    selector: 'app-modal',\n    imports: [\n        DsvButtonComponent\n    ],\n    standalone: true,\n    templateUrl: './modal.component.html',\n    styleUrls: ['./modal.component.scss'],\n})\nexport class ModalComponent {\n    id = input.required<string>();\n    title = input.required<string>();\n    class = input<string>('');\n\n    isOpen = signal<boolean>(false);\n\n    modalService = inject(ModalService);\n    menuService = inject(MenuService);\n\n    constructor() {\n        effect(() => {\n            this.isOpen.set(this.modalService.getSignal(this.id()) ?? false);\n            if (this.isOpen()) {\n                this.menuService.isMenuOpen.set(false);\n            }\n        })\n    }\n\n    close = () => {\n        this.modalService.close(this.id());\n    }\n}","@if (isOpen()) {\n  <div class=\"modal-overlay\"></div>\n  <div [class]=\"'modal ' + class()\">\n    <div class=\"modal-header\">\n      <b>{{ title() }}</b>\n      <dsv-button (callback)=\"close()\" variant=\"text\" color=\"default\">\n        X\n      </dsv-button>\n    </div>\n    <div class=\"modal-content\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"modal-footer\">\n      <ng-content select=\"modal-footer\"></ng-content>\n    </div>\n  </div>\n}\n","import { Component, effect, inject, input, output, signal } from \"@angular/core\";\nimport { DsvButtonComponent } from \"@ng-vagabond-lab/ng-dsv/ds/button\";\nimport { ModalService } from \"../../service/modal.service\";\nimport { ModalComponent } from \"../modal.component\";\n\n@Component({\n    selector: 'app-modal-alert',\n    imports: [\n        ModalComponent,\n        DsvButtonComponent\n    ],\n    standalone: true,\n    templateUrl: './modal-alert.component.html',\n})\nexport class ModalAlertComponent {\n    id = input.required<string>();\n    title = input<string>('title');\n    text = input<string>('text');\n    button = input<string>('button');\n    buttonClose = input<string>();\n    callback = output<void>();\n\n    isOpen = signal<boolean>(false);\n\n    modalService = inject(ModalService);\n\n    constructor() {\n        effect(() => {\n            this.isOpen.set(this.modalService.getSignal(this.id()));\n        });\n    }\n\n    doClick = () => {\n        this.modalService.toggle(this.id());\n        this.callback.emit();\n    }\n\n    doClickClose = () => {\n        this.modalService.close(this.id());\n    }\n}","<app-modal [id]=\"id()\" [title]=\"title()\">\n  {{ text() }}\n  <div ngProjectAs=\"modal-footer\">\n    @if (buttonClose()) {\n      <dsv-button (callback)=\"doClickClose()\" color=\"error\">\n        {{ buttonClose() }}\n      </dsv-button>\n    }\n    <dsv-button (callback)=\"doClick()\" color=\"success\">\n      {{ button() }}\n    </dsv-button>\n  </div>\n</app-modal>\n","import { Component, inject, input } from \"@angular/core\";\nimport { DsvButtonComponent } from \"@ng-vagabond-lab/ng-dsv/ds/button\";\nimport { ColorType } from \"@ng-vagabond-lab/ng-dsv/type\";\nimport { ModalService } from \"../../service/modal.service\";\n\n@Component({\n    selector: 'app-modal-button',\n    imports: [\n        DsvButtonComponent\n    ],\n    standalone: true,\n    templateUrl: './modal-button.component.html',\n})\nexport class ModalButtonComponent {\n    id = input.required<string>();\n    icon = input<string>('');\n    text = input<string>('');\n    color = input<ColorType>('primary');\n\n    modalService = inject(ModalService);\n\n    doToogle = () => {\n        this.modalService.toggle(this.id());\n    }\n}","<dsv-button\n  [color]=\"icon() ? 'default' : color()\"\n  [icon]=\"icon()\"\n  [variant]=\"icon() ? 'text' : 'contained'\"\n  color=\"inherit\"\n  (callback)=\"doToogle()\"\n>\n  {{ text() }}\n  <ng-content></ng-content>\n</dsv-button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-modal.mjs","sources":["../../../projects/ng-dsv/ds/modal/service/modal.service.ts","../../../projects/ng-dsv/ds/modal/component/modal.component.ts","../../../projects/ng-dsv/ds/modal/component/modal.component.html","../../../projects/ng-dsv/ds/modal/component/alert/modal-alert.component.ts","../../../projects/ng-dsv/ds/modal/component/alert/modal-alert.component.html","../../../projects/ng-dsv/ds/modal/component/button/modal-button.component.ts","../../../projects/ng-dsv/ds/modal/component/button/modal-button.component.html","../../../projects/ng-dsv/ds/modal/ng-vagabond-lab-ng-dsv-ds-modal.ts"],"sourcesContent":["import { Injectable, signal } from \"@angular/core\";\n\n@Injectable({ providedIn: 'root' })\nexport class ModalService {\n    private readonly states = new Map<string, ReturnType<typeof signal<boolean>>>();\n\n    getSignal(id: string) {\n        if (!this.states.has(id)) {\n            const newSignal = signal<boolean>(false);\n            this.states.set(id, newSignal);\n        }\n        return this.states.get(id)?.() ?? false;\n    }\n\n    open(id: string) {\n        this.states.get(id)?.set(true);\n    }\n\n    close(id: string) {\n        this.states.get(id)?.set(false);\n    }\n\n    toggle(id: string) {\n        const s = this.states.get(id);\n        if (s) s.update(v => !v);\n    }\n}","import { Component, effect, inject, input, signal } from \"@angular/core\";\nimport { DsvButtonComponent } from \"@ng-vagabond-lab/ng-dsv/ds/button\";\nimport { MenuService } from \"@ng-vagabond-lab/ng-dsv/ds/menu\";\nimport { ModalService } from \"../service/modal.service\";\n\n@Component({\n    selector: 'app-modal',\n    imports: [\n        DsvButtonComponent\n    ],\n    standalone: true,\n    templateUrl: './modal.component.html',\n    styleUrls: ['./modal.component.scss'],\n})\nexport class ModalComponent {\n    id = input.required<string>();\n    title = input.required<string>();\n    class = input<string>('');\n\n    isOpen = signal<boolean>(false);\n\n    modalService = inject(ModalService);\n    menuService = inject(MenuService);\n\n    constructor() {\n        effect(() => {\n            this.isOpen.set(this.modalService.getSignal(this.id()) ?? false);\n            if (this.isOpen()) {\n                this.menuService.isMenuOpen.set(false);\n            }\n        })\n    }\n\n    close = () => {\n        this.modalService.close(this.id());\n    }\n}","@if (isOpen()) {\n  <div class=\"modal-overlay\"></div>\n  <div [class]=\"'modal ' + class()\">\n    <div class=\"modal-header\">\n      <b>{{ title() }}</b>\n      <dsv-button (callback)=\"close()\" variant=\"text\" color=\"default\">\n        X\n      </dsv-button>\n    </div>\n    <div class=\"modal-content\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"modal-footer\">\n      <ng-content select=\"modal-footer\"></ng-content>\n    </div>\n  </div>\n}\n","import { Component, effect, inject, input, output, signal } from \"@angular/core\";\nimport { DsvButtonComponent } from \"@ng-vagabond-lab/ng-dsv/ds/button\";\nimport { ModalService } from \"../../service/modal.service\";\nimport { ModalComponent } from \"../modal.component\";\n\n@Component({\n    selector: 'app-modal-alert',\n    imports: [\n        ModalComponent,\n        DsvButtonComponent\n    ],\n    standalone: true,\n    templateUrl: './modal-alert.component.html',\n})\nexport class ModalAlertComponent {\n    id = input.required<string>();\n    title = input<string>('title');\n    text = input<string>('text');\n    button = input<string>('button');\n    buttonClose = input<string>();\n    callback = output<void>();\n\n    isOpen = signal<boolean>(false);\n\n    modalService = inject(ModalService);\n\n    constructor() {\n        effect(() => {\n            this.isOpen.set(this.modalService.getSignal(this.id()));\n        });\n    }\n\n    doClick = () => {\n        this.modalService.toggle(this.id());\n        this.callback.emit();\n    }\n\n    doClickClose = () => {\n        this.modalService.close(this.id());\n    }\n}","<app-modal [id]=\"id()\" [title]=\"title()\">\n  {{ text() }}\n  <div ngProjectAs=\"modal-footer\">\n    @if (buttonClose()) {\n      <dsv-button (callback)=\"doClickClose()\" color=\"error\">\n        {{ buttonClose() }}\n      </dsv-button>\n    }\n    <dsv-button (callback)=\"doClick()\" color=\"success\">\n      {{ button() }}\n    </dsv-button>\n  </div>\n</app-modal>\n","import { Component, inject, input } from \"@angular/core\";\nimport { DsvButtonComponent } from \"@ng-vagabond-lab/ng-dsv/ds/button\";\nimport { ColorType } from \"@ng-vagabond-lab/ng-dsv/type\";\nimport { ModalService } from \"../../service/modal.service\";\n\n@Component({\n    selector: 'app-modal-button',\n    imports: [\n        DsvButtonComponent\n    ],\n    standalone: true,\n    templateUrl: './modal-button.component.html',\n})\nexport class ModalButtonComponent {\n    id = input.required<string>();\n    icon = input<string>('');\n    text = input<string>('');\n    color = input<ColorType>('primary');\n\n    modalService = inject(ModalService);\n\n    doToogle = () => {\n        this.modalService.toggle(this.id());\n    }\n}","<dsv-button\n  [color]=\"icon() ? 'default' : color()\"\n  [icon]=\"icon()\"\n  [variant]=\"icon() ? 'text' : 'contained'\"\n  color=\"inherit\"\n  (callback)=\"doToogle()\"\n>\n  {{ text() }}\n</dsv-button>\n<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-vagabond-lab-ng-dsv-ds-table.mjs

@@ -46,7 +46,7 @@ class TableComponent {
                     }
                 }
             });
-            value = recurse?.toString();
+            value = recurse;
         }
         if (isDate && value) {
             value = this.formatDate(value);
@@ -63,14 +63,14 @@ class TableComponent {
         return `${day}/${month}/${year} ${hours}:${minutes}`;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: TableComponent, isStandalone: true, selector: "dsv-table", inputs: { url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: true, transformFunction: null }, cells: { classPropertyName: "cells", publicName: "cells", isSignal: true, isRequired: true, transformFunction: null }, datas: { classPropertyName: "datas", publicName: "datas", isSignal: true, isRequired: true, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<table>\n  <thead>\n    <tr>\n      @for (cell of cells(); track cell.name) {\n        <th [style.maxWidth]=\"cell.width\">{{ cell.label | translate }}</th>\n      }\n    </tr>\n  </thead>\n  <tbody>\n    @for (data of showDatas(); track $index; let index = $index) {\n      <tr>\n        @for (cell of cells(); track cell.name; let indexData = $index) {\n          <td\n            [routerLink]=\"url() + '/' + data[0]\"\n            [style.maxWidth]=\"cell.width\"\n          >\n            {{ data[indexData + 1] }}\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", styles: [":host{overflow:auto;width:100%}:host table{table-layout:fixed;min-width:100%;display:table;border-collapse:collapse;border-spacing:0px}:host table thead{display:table-header-group}:host table thead tr{background-color:var(--text);color:var(--text-dark);display:table-row;vertical-align:middle;outline:0px;height:32px}:host table thead tr th{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;font-size:.875rem;line-height:1.5rem;letter-spacing:.01071em;display:table-cell;vertical-align:inherit;border-bottom:1px solid rgb(224,224,224);text-align:left;padding:6px 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table tbody{display:table-row-group;background-color:var(--text-dark)}:host table tbody tr{display:table-row;vertical-align:middle;outline:0px;height:32px}:host table tbody tr td{font-weight:400;font-size:.875rem;line-height:1.43;letter-spacing:.01071em;display:table-cell;vertical-align:inherit;border-bottom:1px solid rgb(224,224,224);text-align:left;padding:6px 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}::ng-deep .dark table thead tr{background-color:var(--text-dark)!important;color:var(--text)!important}::ng-deep .dark table tbody{display:table-row-group;background-color:var(--text)!important}::ng-deep .dark table tbody td{cursor:pointer;border-bottom:1px solid rgb(81,81,81)!important}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: TableComponent, isStandalone: true, selector: "dsv-table", inputs: { url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: true, transformFunction: null }, cells: { classPropertyName: "cells", publicName: "cells", isSignal: true, isRequired: true, transformFunction: null }, datas: { classPropertyName: "datas", publicName: "datas", isSignal: true, isRequired: true, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<table>\n  <thead>\n    <tr>\n      @for (cell of cells(); track cell.name) {\n        <th [style.maxWidth]=\"cell.width\">{{ cell.label | translate }}</th>\n      }\n    </tr>\n  </thead>\n  <tbody>\n    @for (data of showDatas(); track $index; let index = $index) {\n      <tr>\n        @for (cell of cells(); track cell.name; let indexData = $index) {\n          <td\n            [routerLink]=\"url() + '/' + data[0]\"\n            [style.maxWidth]=\"cell.width\"\n          >\n            {{ data[indexData + 1] }}\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", styles: [":host{overflow:auto;width:100%}:host table{table-layout:fixed;min-width:100%;display:table;border-collapse:collapse;border-spacing:0px}:host table thead{display:table-header-group}:host table thead tr{background-color:var(--text);color:var(--text-dark);display:table-row;vertical-align:middle;outline:0px;height:32px}:host table thead tr th{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;font-size:.875rem;line-height:1.5rem;letter-spacing:.01071em;display:table-cell;vertical-align:inherit;border-bottom:1px solid rgb(224,224,224);text-align:left;padding:6px 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table tbody{display:table-row-group;background-color:var(--text-dark)}:host table tbody tr{display:table-row;vertical-align:middle;outline:0px;height:32px}:host table tbody tr td{cursor:pointer;font-weight:400;font-size:.875rem;line-height:1.43;letter-spacing:.01071em;display:table-cell;vertical-align:inherit;border-bottom:1px solid rgb(224,224,224);text-align:left;padding:6px 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}::ng-deep .dark table thead tr{background-color:var(--text-dark)!important;color:var(--text)!important}::ng-deep .dark table tbody{display:table-row-group;background-color:var(--text)!important}::ng-deep .dark table tbody td{cursor:pointer;border-bottom:1px solid rgb(81,81,81)!important}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
             args: [{ selector: "dsv-table", standalone: true, imports: [
                         RouterLink,
                         TranslatePipe,
-                    ], template: "<table>\n  <thead>\n    <tr>\n      @for (cell of cells(); track cell.name) {\n        <th [style.maxWidth]=\"cell.width\">{{ cell.label | translate }}</th>\n      }\n    </tr>\n  </thead>\n  <tbody>\n    @for (data of showDatas(); track $index; let index = $index) {\n      <tr>\n        @for (cell of cells(); track cell.name; let indexData = $index) {\n          <td\n            [routerLink]=\"url() + '/' + data[0]\"\n            [style.maxWidth]=\"cell.width\"\n          >\n            {{ data[indexData + 1] }}\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", styles: [":host{overflow:auto;width:100%}:host table{table-layout:fixed;min-width:100%;display:table;border-collapse:collapse;border-spacing:0px}:host table thead{display:table-header-group}:host table thead tr{background-color:var(--text);color:var(--text-dark);display:table-row;vertical-align:middle;outline:0px;height:32px}:host table thead tr th{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;font-size:.875rem;line-height:1.5rem;letter-spacing:.01071em;display:table-cell;vertical-align:inherit;border-bottom:1px solid rgb(224,224,224);text-align:left;padding:6px 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table tbody{display:table-row-group;background-color:var(--text-dark)}:host table tbody tr{display:table-row;vertical-align:middle;outline:0px;height:32px}:host table tbody tr td{font-weight:400;font-size:.875rem;line-height:1.43;letter-spacing:.01071em;display:table-cell;vertical-align:inherit;border-bottom:1px solid rgb(224,224,224);text-align:left;padding:6px 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}::ng-deep .dark table thead tr{background-color:var(--text-dark)!important;color:var(--text)!important}::ng-deep .dark table tbody{display:table-row-group;background-color:var(--text)!important}::ng-deep .dark table tbody td{cursor:pointer;border-bottom:1px solid rgb(81,81,81)!important}\n"] }]
+                    ], template: "<table>\n  <thead>\n    <tr>\n      @for (cell of cells(); track cell.name) {\n        <th [style.maxWidth]=\"cell.width\">{{ cell.label | translate }}</th>\n      }\n    </tr>\n  </thead>\n  <tbody>\n    @for (data of showDatas(); track $index; let index = $index) {\n      <tr>\n        @for (cell of cells(); track cell.name; let indexData = $index) {\n          <td\n            [routerLink]=\"url() + '/' + data[0]\"\n            [style.maxWidth]=\"cell.width\"\n          >\n            {{ data[indexData + 1] }}\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", styles: [":host{overflow:auto;width:100%}:host table{table-layout:fixed;min-width:100%;display:table;border-collapse:collapse;border-spacing:0px}:host table thead{display:table-header-group}:host table thead tr{background-color:var(--text);color:var(--text-dark);display:table-row;vertical-align:middle;outline:0px;height:32px}:host table thead tr th{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;font-size:.875rem;line-height:1.5rem;letter-spacing:.01071em;display:table-cell;vertical-align:inherit;border-bottom:1px solid rgb(224,224,224);text-align:left;padding:6px 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table tbody{display:table-row-group;background-color:var(--text-dark)}:host table tbody tr{display:table-row;vertical-align:middle;outline:0px;height:32px}:host table tbody tr td{cursor:pointer;font-weight:400;font-size:.875rem;line-height:1.43;letter-spacing:.01071em;display:table-cell;vertical-align:inherit;border-bottom:1px solid rgb(224,224,224);text-align:left;padding:6px 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}::ng-deep .dark table thead tr{background-color:var(--text-dark)!important;color:var(--text)!important}::ng-deep .dark table tbody{display:table-row-group;background-color:var(--text)!important}::ng-deep .dark table tbody td{cursor:pointer;border-bottom:1px solid rgb(81,81,81)!important}\n"] }]
         }], ctorParameters: () => [] });
 
 /**

package/fesm2022/ng-vagabond-lab-ng-dsv-ds-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-table.mjs","sources":["../../../projects/ng-dsv/ds/table/component/table.component.ts","../../../projects/ng-dsv/ds/table/component/table.component.html","../../../projects/ng-dsv/ds/table/ng-vagabond-lab-ng-dsv-ds-table.ts"],"sourcesContent":["import { Component, effect, input, signal } from \"@angular/core\";\nimport { RouterLink } from \"@angular/router\";\nimport { JSONObject } from \"@ng-vagabond-lab/ng-dsv/api\";\nimport { TranslatePipe } from \"@ngx-translate/core\";\nimport { TableDto } from \"../dto/table.dto\";\n\n@Component({\n    selector: \"dsv-table\",\n    standalone: true,\n    imports: [\n        RouterLink,\n        TranslatePipe,\n    ],\n    templateUrl: \"./table.component.html\",\n    styleUrls: [\"./table.component.scss\"]\n})\nexport class TableComponent {\n\n    url = input.required<string>();\n\n    cells = input.required<TableDto[]>();\n    datas = input.required<JSONObject[]>();\n\n    max = input<number>(10);\n\n    showDatas = signal<string[][]>([]);\n\n    constructor() {\n        effect(() => {\n            let datas: JSONObject[] = this.datas();\n            if (this.max() > 0) {\n                datas = [];\n                for (let i = 0; i < this.max(); i++) {\n                    const data = this.datas()?.[i] ? this.datas()[i] : { id: i + 1 } as JSONObject;\n                    datas.push(data);\n                }\n            }\n\n            const showDatas: string[][] = [];\n            datas.forEach(data => {\n                const showData: string[] = [];\n                showData.push(this.getValue(data, \"id\", false));\n                this.cells().forEach(cell => {\n                    showData.push(this.getValue(data, cell.name, cell.date ?? false));\n                });\n                showDatas.push(showData);\n            })\n            this.showDatas.set(showDatas);\n        });\n    }\n\n    getValue(obj: JSONObject, key: string, isDate: boolean): any {\n        let value: string = obj[key as keyof JSONObject];\n        if (key.includes('.')) {\n            const keys = key.split('.');\n            let recurse: JSONObject = obj;\n            keys.forEach(key2 => {\n                if (recurse) {\n                    if (Array.isArray(recurse)) {\n                        recurse = (recurse as JSONObject[]).map(item => item[key2 as keyof JSONObject]).join(',') as JSONObject;\n                    } else {\n                        recurse = recurse[key2 as keyof JSONObject];\n                    }\n                }\n            });\n            value = recurse?.toString();\n        }\n        if (isDate && value) {\n            value = this.formatDate(value);\n        }\n        return value;\n    }\n\n    formatDate(dateString: string): string {\n        const date = new Date(dateString);\n\n        const day = String(date.getDate()).padStart(2, '0');\n        const month = String(date.getMonth() + 1).padStart(2, '0');\n        const year = date.getFullYear();\n\n        const hours = String(date.getHours()).padStart(2, '0');\n        const minutes = String(date.getMinutes()).padStart(2, '0');\n\n        return `${day}/${month}/${year} ${hours}:${minutes}`;\n    }\n}","<table>\n  <thead>\n    <tr>\n      @for (cell of cells(); track cell.name) {\n        <th [style.maxWidth]=\"cell.width\">{{ cell.label | translate }}</th>\n      }\n    </tr>\n  </thead>\n  <tbody>\n    @for (data of showDatas(); track $index; let index = $index) {\n      <tr>\n        @for (cell of cells(); track cell.name; let indexData = $index) {\n          <td\n            [routerLink]=\"url() + '/' + data[0]\"\n            [style.maxWidth]=\"cell.width\"\n          >\n            {{ data[indexData + 1] }}\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-table.mjs","sources":["../../../projects/ng-dsv/ds/table/component/table.component.ts","../../../projects/ng-dsv/ds/table/component/table.component.html","../../../projects/ng-dsv/ds/table/ng-vagabond-lab-ng-dsv-ds-table.ts"],"sourcesContent":["import { Component, effect, input, signal } from \"@angular/core\";\nimport { RouterLink } from \"@angular/router\";\nimport { JSONObject } from \"@ng-vagabond-lab/ng-dsv/api\";\nimport { TranslatePipe } from \"@ngx-translate/core\";\nimport { TableDto } from \"../dto/table.dto\";\n\n@Component({\n    selector: \"dsv-table\",\n    standalone: true,\n    imports: [\n        RouterLink,\n        TranslatePipe,\n    ],\n    templateUrl: \"./table.component.html\",\n    styleUrls: [\"./table.component.scss\"]\n})\nexport class TableComponent {\n\n    url = input.required<string>();\n\n    cells = input.required<TableDto[]>();\n    datas = input.required<JSONObject[]>();\n\n    max = input<number>(10);\n\n    showDatas = signal<string[][]>([]);\n\n    constructor() {\n        effect(() => {\n            let datas: JSONObject[] = this.datas();\n            if (this.max() > 0) {\n                datas = [];\n                for (let i = 0; i < this.max(); i++) {\n                    const data = this.datas()?.[i] ? this.datas()[i] : { id: i + 1 } as JSONObject;\n                    datas.push(data);\n                }\n            }\n\n            const showDatas: string[][] = [];\n            datas.forEach(data => {\n                const showData: string[] = [];\n                showData.push(this.getValue(data, \"id\", false));\n                this.cells().forEach(cell => {\n                    showData.push(this.getValue(data, cell.name, cell.date ?? false));\n                });\n                showDatas.push(showData);\n            })\n            this.showDatas.set(showDatas);\n        });\n    }\n\n    getValue(obj: JSONObject, key: string, isDate: boolean): any {\n        let value: string = obj[key as keyof JSONObject];\n        if (key.includes('.')) {\n            const keys = key.split('.');\n            let recurse: JSONObject = obj;\n            keys.forEach(key2 => {\n                if (recurse) {\n                    if (Array.isArray(recurse)) {\n                        recurse = (recurse as JSONObject[]).map(item => item[key2 as keyof JSONObject]).join(',') as JSONObject;\n                    } else {\n                        recurse = recurse[key2 as keyof JSONObject];\n                    }\n                }\n            });\n            value = recurse as string;\n        }\n        if (isDate && value) {\n            value = this.formatDate(value);\n        }\n        return value;\n    }\n\n    formatDate(dateString: string): string {\n        const date = new Date(dateString);\n\n        const day = String(date.getDate()).padStart(2, '0');\n        const month = String(date.getMonth() + 1).padStart(2, '0');\n        const year = date.getFullYear();\n\n        const hours = String(date.getHours()).padStart(2, '0');\n        const minutes = String(date.getMinutes()).padStart(2, '0');\n\n        return `${day}/${month}/${year} ${hours}:${minutes}`;\n    }\n}","<table>\n  <thead>\n    <tr>\n      @for (cell of cells(); track cell.name) {\n        <th [style.maxWidth]=\"cell.width\">{{ cell.label | translate }}</th>\n      }\n    </tr>\n  </thead>\n  <tbody>\n    @for (data of showDatas(); track $index; let index = $index) {\n      <tr>\n        @for (cell of cells(); track cell.name; let indexData = $index) {\n          <td\n            [routerLink]=\"url() + '/' + data[0]\"\n            [style.maxWidth]=\"cell.width\"\n          >\n            {{ data[indexData + 1] }}\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-vagabond-lab/ng-dsv",
-  "version": "0.0.75",
+  "version": "0.0.77",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0"
@@ -35,10 +35,6 @@
       "types": "./environment/index.d.ts",
       "default": "./fesm2022/ng-vagabond-lab-ng-dsv-environment.mjs"
     },
-    "./i18n": {
-      "types": "./i18n/index.d.ts",
-      "default": "./fesm2022/ng-vagabond-lab-ng-dsv-i18n.mjs"
-    },
     "./storage": {
       "types": "./storage/index.d.ts",
       "default": "./fesm2022/ng-vagabond-lab-ng-dsv-storage.mjs"

package/fesm2022/ng-vagabond-lab-ng-dsv-i18n.mjs

@@ -1,24 +0,0 @@
-import * as i0 from '@angular/core';
-import { Pipe } from '@angular/core';
-
-class TranslatePipe {
-    transform(value) {
-        return `${value} (translated)`;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.0", ngImport: i0, type: TranslatePipe, isStandalone: true, name: "translate" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TranslatePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'translate',
-                    standalone: true,
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TranslatePipe };
-//# sourceMappingURL=ng-vagabond-lab-ng-dsv-i18n.mjs.map

package/fesm2022/ng-vagabond-lab-ng-dsv-i18n.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ng-vagabond-lab-ng-dsv-i18n.mjs","sources":["../../../projects/ng-dsv/i18n/src/translate.pipe.ts","../../../projects/ng-dsv/i18n/ng-vagabond-lab-ng-dsv-i18n.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'translate',\n  standalone: true,\n})\nexport class TranslatePipe implements PipeTransform {\n  transform(value: string): unknown {\n    return `${value} (translated)`;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAMa,aAAa,CAAA;AACxB,IAAA,SAAS,CAAC,KAAa,EAAA;QACrB,OAAO,CAAA,EAAG,KAAK,CAAA,aAAA,CAAe;;uGAFrB,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA;qGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA;;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,WAAW;AACjB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACLD;;AAEG;;;;"}

package/i18n/index.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from '@angular/core';
-import { PipeTransform } from '@angular/core';
-
-declare class TranslatePipe implements PipeTransform {
-    transform(value: string): unknown;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TranslatePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<TranslatePipe, "translate", true>;
-}
-
-export { TranslatePipe };