@ng-vagabond-lab/ng-dsv 0.1.52 → 0.1.54

package/assets/global.scss

@@ -0,0 +1,82 @@
+html,
+body {
+    padding: 0px !important;
+    margin: 0px !important;
+    width: 100% !important;
+    height: 100% !important;
+    font-family: Roboto, Helvetica, Arial, sans-serif;
+    font-size: 14px;
+}
+
+body {
+    overflow-x: hidden;
+    scrollbar-color: rgb(117, 117, 117) rgb(245, 245, 245);
+}
+
+body.dark {
+    scrollbar-color: rgb(169, 169, 169) rgb(56, 56, 56);
+}
+
+app-root {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+button {
+    cursor: pointer;
+}
+
+p {
+    line-height: 1.5rem;
+    margin: 0;
+}
+
+.flex,
+.flex-column {
+    display: flex;
+}
+
+.flex-column {
+    flex-direction: column;
+}
+
+.gap10 {
+    gap: 10px;
+}
+
+.flex1 {
+    flex: 1;
+}
+
+.hidden {
+    display: none;
+}
+
+a {
+    text-decoration: none;
+    color: inherit;
+    font-weight: 500;
+    cursor: pointer;
+}
+
+h1 {
+    font-size: 1.5rem;
+}
+
+h2 {
+    font-size: 1.2rem;
+}
+
+form {
+    width: 100%;
+}
+
+
+.card-container .subtitle {
+    color: rgb(91, 90, 90);
+}
+
+.dark .card-container .subtitle {
+    color: rgba(255, 255, 255, 0.7);
+}

package/assets/style.scss

@@ -0,0 +1,144 @@
+.inherit {
+    background-color: inherit;
+    color: inherit;
+}
+
+.default {
+    background-color: var(--text);
+    color: var(--text-dark);
+}
+
+.primary {
+    background-color: var(--primary);
+    color: var(--text-dark);
+}
+
+.secondary {
+    background-color: var(--secondary);
+    color: var(--text-dark);
+}
+
+.success {
+    background-color: var(--success);
+    color: var(--text-dark);
+}
+
+.info {
+    background-color: var(--info);
+    color: var(--text-dark);
+}
+
+.warning {
+    background-color: var(--warning);
+    color: var(--text-dark);
+}
+
+.error {
+    background-color: var(--error);
+    color: var(--text-dark);
+}
+
+.text,
+.outlined {
+    background-color: transparent;
+    box-shadow: none;
+
+    &.default {
+        color: var(--text);
+    }
+
+    &.primary {
+        color: var(--primary);
+    }
+
+    &.success {
+        color: var(--success);
+    }
+
+    &.info {
+        color: var(--info);
+    }
+
+    &.warning {
+        color: var(--warning);
+    }
+
+    &.error {
+        color: var(--error);
+    }
+
+    &.outlined.default {
+        border: 1px solid var(--text);
+    }
+
+    &.outlined.primary {
+        border: 1px solid var(--primary);
+    }
+
+    &.outlined.success {
+        border: 1px solid var(--success);
+    }
+
+    &.outlined.info {
+        border: 1px solid var(--info);
+    }
+
+    &.outlined.warning {
+        border: 1px solid var(--warning);
+    }
+
+    &.outlined.error {
+        border: 1px solid var(--error);
+    }
+}
+
+.dark {
+
+    .default {
+        background-color: var(--text-dark);
+        color: var(--text);
+    }
+
+    .inherit {
+        filter: hue-rotate(5deg);
+    }
+
+    .text,
+    .outlined {
+        .default {
+            color: var(--text-dark);
+        }
+    }
+
+    .outlined.default {
+        border: 1px solid var(--text-dark);
+    }
+}
+
+
+
+.small,
+.small>i {
+    font-size: 1rem;
+}
+
+.medium,
+.medium>i {
+    font-size: 1.25rem;
+}
+
+.large,
+.large>i {
+    font-size: 1.5rem;
+}
+
+.fullwidth {
+    width: 100%;
+}
+
+dsv-tooltip>*:not(.dsv-tooltip) {
+    cursor: context-menu;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}

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

@@ -0,0 +1,226 @@
+import * as i0 from '@angular/core';
+import { input, signal, output, effect, Component, HostBinding, inject, computed } from '@angular/core';
+import { FormField, submit, form } from '@angular/forms/signals';
+import { TranslatePipe } from '@ngx-translate/core';
+import { RouterLink } from '@angular/router';
+import { isCallback } from '@ng-vagabond-lab/ng-dsv/base';
+import { DsvButtonComponent } from '@ng-vagabond-lab/ng-dsv/ds/button';
+import { ToastService } from '@ng-vagabond-lab/ng-dsv/ds/toast';
+
+class FormSignalInputBase {
+    form = input.required(...(ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []));
+    fieldName = input.required(...(ngDevMode ? [{ debugName: "fieldName" }] : /* istanbul ignore next */ []));
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+    withLabel = input(true, ...(ngDevMode ? [{ debugName: "withLabel" }] : /* istanbul ignore next */ []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    debug = input(false, ...(ngDevMode ? [{ debugName: "debug" }] : /* istanbul ignore next */ []));
+    isError = signal(false, ...(ngDevMode ? [{ debugName: "isError" }] : /* istanbul ignore next */ []));
+    onSend = output();
+    callbackChange = output();
+    constructor() {
+        effect(() => {
+            this.isError.set(this.getSignal()?.().touched() && this.getSignal()?.().errors().length > 0);
+        });
+    }
+    isTouched() {
+        return this.getSignal()().touched();
+    }
+    getSignal() {
+        return this.form()?.[this.fieldName()];
+    }
+    doOnSend() {
+        this.getValue() && this.onSend.emit(this.getValue());
+    }
+    doChange() {
+        this.getValue() && this.callbackChange.emit(this.getValue());
+    }
+    getValue() {
+        const signal = this.getSignal();
+        if (signal) {
+            const value = signal().value();
+            this.debug() && console.log(signal, signal().errors(), value);
+            return value;
+        }
+        return "";
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormSignalInputBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.7", type: FormSignalInputBase, isStandalone: true, selector: "ng-component", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, fieldName: { classPropertyName: "fieldName", publicName: "fieldName", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, withLabel: { classPropertyName: "withLabel", publicName: "withLabel", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, debug: { classPropertyName: "debug", publicName: "debug", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSend: "onSend", callbackChange: "callbackChange" }, ngImport: i0, template: ``, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormSignalInputBase, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``
+                }]
+        }], ctorParameters: () => [], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: true }] }], fieldName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldName", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], withLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "withLabel", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], debug: [{ type: i0.Input, args: [{ isSignal: true, alias: "debug", required: false }] }], onSend: [{ type: i0.Output, args: ["onSend"] }], callbackChange: [{ type: i0.Output, args: ["callbackChange"] }] } });
+
+class FormSignalLabelComponent {
+    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    name = input.required(...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    signal = input.required(...(ngDevMode ? [{ debugName: "signal" }] : /* istanbul ignore next */ []));
+    show = input(true, ...(ngDevMode ? [{ debugName: "show" }] : /* istanbul ignore next */ []));
+    isRequired = signal(false, ...(ngDevMode ? [{ debugName: "isRequired" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            this.isRequired.set(this.signal().required());
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormSignalLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: FormSignalLabelComponent, isStandalone: true, selector: "dsv-form-signal-label", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, signal: { classPropertyName: "signal", publicName: "signal", isSignal: true, isRequired: true, transformFunction: null }, show: { classPropertyName: "show", publicName: "show", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (show()) {\n  <label\n    [for]=\"name()\"\n    class=\"text\"\n    [class.error]=\"signal().touched() && signal().errors().length! > 0\"\n  >\n    {{ label() }} {{ isRequired() ? \"*\" : \"\" }}\n  </label>\n}\n", styles: [":host{margin-bottom:.5rem;display:flex;align-content:center;opacity:.65;-webkit-user-select:none;user-select:none}:host label{width:100%}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormSignalLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dsv-form-signal-label', template: "@if (show()) {\n  <label\n    [for]=\"name()\"\n    class=\"text\"\n    [class.error]=\"signal().touched() && signal().errors().length! > 0\"\n  >\n    {{ label() }} {{ isRequired() ? \"*\" : \"\" }}\n  </label>\n}\n", styles: [":host{margin-bottom:.5rem;display:flex;align-content:center;opacity:.65;-webkit-user-select:none;user-select:none}:host label{width:100%}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], signal: [{ type: i0.Input, args: [{ isSignal: true, alias: "signal", required: true }] }], show: [{ type: i0.Input, args: [{ isSignal: true, alias: "show", required: false }] }] } });
+
+class FormSignalCheckboxComponent extends FormSignalInputBase {
+    getBooleanSignal() {
+        return this.form()?.[this.fieldName()];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormSignalCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: FormSignalCheckboxComponent, isStandalone: true, selector: "dsv-form-signal-checkbox", usesInheritance: true, ngImport: i0, template: "<div>\n  @if (getSignal()) {\n    <dsv-form-signal-label\n      [name]=\"fieldName()\"\n      [label]=\"label() ?? fieldName()\"\n      [signal]=\"getSignal()()\"\n      [show]=\"withLabel()\"\n    />\n    <div>\n      <input\n        type=\"checkbox\"\n        [id]=\"fieldName()\"\n        class=\"form-control\"\n        [class.error]=\"isError()\"\n        [formField]=\"getBooleanSignal()\"\n        (change)=\"doChange()\"\n      />\n    </div>\n  }\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div .form-control{font-family:inherit;display:block;width:calc(100% - 20px);margin:0;padding:6px 6px 6px 10px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:5px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;outline-color:#0000004d}:host>div .form-control.icon{padding-left:25px}:host>div .form-control.error{border:1px solid var(--error)}:host>div .form-control:disabled{opacity:.6}:host>div i{position:absolute;z-index:1000;top:10px;left:7px}:host>div textarea{overflow:auto;scrollbar-width:thin;resize:vertical}:host>div textarea.form-control{height:auto;min-height:90px}::ng-deep .dark .form-control{color-scheme:dark;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 dsv-form-label,:host>div dsv-form-reactive-label,:host>div dsv-form-signal-label{flex:1}:host>div input{accent-color:var(--primary);width:20px!important;height:20px!important}\n"], dependencies: [{ kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "component", type: FormSignalLabelComponent, selector: "dsv-form-signal-label", inputs: ["label", "name", "signal", "show"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormSignalCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dsv-form-signal-checkbox', imports: [FormField, FormSignalLabelComponent], template: "<div>\n  @if (getSignal()) {\n    <dsv-form-signal-label\n      [name]=\"fieldName()\"\n      [label]=\"label() ?? fieldName()\"\n      [signal]=\"getSignal()()\"\n      [show]=\"withLabel()\"\n    />\n    <div>\n      <input\n        type=\"checkbox\"\n        [id]=\"fieldName()\"\n        class=\"form-control\"\n        [class.error]=\"isError()\"\n        [formField]=\"getBooleanSignal()\"\n        (change)=\"doChange()\"\n      />\n    </div>\n  }\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div .form-control{font-family:inherit;display:block;width:calc(100% - 20px);margin:0;padding:6px 6px 6px 10px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:5px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;outline-color:#0000004d}:host>div .form-control.icon{padding-left:25px}:host>div .form-control.error{border:1px solid var(--error)}:host>div .form-control:disabled{opacity:.6}:host>div i{position:absolute;z-index:1000;top:10px;left:7px}:host>div textarea{overflow:auto;scrollbar-width:thin;resize:vertical}:host>div textarea.form-control{height:auto;min-height:90px}::ng-deep .dark .form-control{color-scheme:dark;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 dsv-form-label,:host>div dsv-form-reactive-label,:host>div dsv-form-signal-label{flex:1}:host>div input{accent-color:var(--primary);width:20px!important;height:20px!important}\n"] }]
+        }] });
+
+class FormSignalErrorComponent {
+    errors = input.required(...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+    error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+    get hostClasses() {
+        const classes = ['text', 'error'];
+        return classes.join(' ');
+    }
+    constructor() {
+        effect(() => {
+            let errorMessage = "";
+            this.errors().forEach(error => {
+                switch (error.kind) {
+                    case "required":
+                        errorMessage = "Le champ est obligatoire.";
+                        break;
+                    case "minLength":
+                        errorMessage = "La taille minimum est de " + error['minLength'] + ".";
+                        break;
+                    case "maxLength":
+                        errorMessage = "La taille maximum est de " + error['maxLength'] + ".";
+                        break;
+                    case "email":
+                        errorMessage = "Le format n'est pas celui d'un email.";
+                        break;
+                    default:
+                        errorMessage = error.message ?? "Erreur inconnue.";
+                        break;
+                }
+            });
+            this.error.set(errorMessage);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormSignalErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: FormSignalErrorComponent, isStandalone: true, selector: "dsv-signal-form-error", inputs: { errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "@if (errors().length > 0) {\n  @if (error() !== \"\") {\n    <div>{{ error() | translate }}</div>\n  }\n}\n", styles: [":host{margin:5px}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormSignalErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dsv-signal-form-error', imports: [TranslatePipe], template: "@if (errors().length > 0) {\n  @if (error() !== \"\") {\n    <div>{{ error() | translate }}</div>\n  }\n}\n", styles: [":host{margin:5px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: true }] }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class FormSignalComponent {
+    toastService = inject(ToastService);
+    form = input.required(...(ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []));
+    urlBack = input(...(ngDevMode ? [undefined, { debugName: "urlBack" }] : /* istanbul ignore next */ []));
+    textValid = input('ENREGISTRER', ...(ngDevMode ? [{ debugName: "textValid" }] : /* istanbul ignore next */ []));
+    formValid = input('Formulaire envoyé !', ...(ngDevMode ? [{ debugName: "formValid" }] : /* istanbul ignore next */ []));
+    callbackBack = output();
+    callback = output();
+    isCallbackBack = computed(() => isCallback(this.callbackBack), ...(ngDevMode ? [{ debugName: "isCallbackBack" }] : /* istanbul ignore next */ []));
+    goBack() {
+        this.callbackBack.emit();
+    }
+    onSubmit(event) {
+        event.preventDefault();
+        submit(this.form(), async (form) => {
+            if (form().valid()) {
+                this.callback.emit(form().value());
+                this.toastService.showToast({
+                    text: this.formValid(),
+                });
+            }
+            else {
+                this.toastService.showToast({
+                    text: 'Erreur dans le formulaire !',
+                    type: 'error',
+                });
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormSignalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: FormSignalComponent, isStandalone: true, selector: "app-form-signal", 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: { callbackBack: "callbackBack", callback: "callback" }, ngImport: i0, template: "<form (submit)=\"onSubmit($event)\" class=\"form-container\" novalidate>\n  <div>\n    <ng-content></ng-content>\n  </div>\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 (isCallbackBack()) {\n      <dsv-button color=\"default\" variant=\"outlined\" (callback)=\"goBack()\">{{\n        \"RETOUR\" | translate\n      }}</dsv-button>\n    }\n    @if (textValid() && textValid() !== \"\") {\n      <dsv-button type=\"submit\" color=\"primary\">{{\n        textValid()! | translate\n      }}</dsv-button>\n    }\n  </div>\n</form>\n", styles: [":host{display:flex;width:100%;height:100%}:host form{flex-direction:column;display:flex;margin-top:0;unicode-bidi:isolate}:host form>div:nth-child(1){flex-direction:column;display:flex;gap:10px;overflow:auto;scrollbar-width:thin}:host .form-buttons{display:flex;justify-content:flex-end;gap:10px;padding-top:10px}\n"], dependencies: [{ kind: "component", type: DsvButtonComponent, selector: "dsv-button", inputs: ["libelle", "icon", "iconEnd", "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: "21.2.7", ngImport: i0, type: FormSignalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-form-signal', imports: [DsvButtonComponent, RouterLink, TranslatePipe], template: "<form (submit)=\"onSubmit($event)\" class=\"form-container\" novalidate>\n  <div>\n    <ng-content></ng-content>\n  </div>\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 (isCallbackBack()) {\n      <dsv-button color=\"default\" variant=\"outlined\" (callback)=\"goBack()\">{{\n        \"RETOUR\" | translate\n      }}</dsv-button>\n    }\n    @if (textValid() && textValid() !== \"\") {\n      <dsv-button type=\"submit\" color=\"primary\">{{\n        textValid()! | translate\n      }}</dsv-button>\n    }\n  </div>\n</form>\n", styles: [":host{display:flex;width:100%;height:100%}:host form{flex-direction:column;display:flex;margin-top:0;unicode-bidi:isolate}:host form>div:nth-child(1){flex-direction:column;display:flex;gap:10px;overflow:auto;scrollbar-width:thin}:host .form-buttons{display:flex;justify-content:flex-end;gap:10px;padding-top:10px}\n"] }]
+        }], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: true }] }], urlBack: [{ type: i0.Input, args: [{ isSignal: true, alias: "urlBack", required: false }] }], textValid: [{ type: i0.Input, args: [{ isSignal: true, alias: "textValid", required: false }] }], formValid: [{ type: i0.Input, args: [{ isSignal: true, alias: "formValid", required: false }] }], callbackBack: [{ type: i0.Output, args: ["callbackBack"] }], callback: [{ type: i0.Output, args: ["callback"] }] } });
+
+class FormSignalInputComponent extends FormSignalInputBase {
+    type = input('text', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormSignalInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: FormSignalInputComponent, isStandalone: true, selector: "dsv-form-signal-input", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div>\n  @if (getSignal()) {\n    @if (withLabel()) {\n      <dsv-form-signal-label\n        [name]=\"fieldName()\"\n        [label]=\"label() ?? fieldName()\"\n        [signal]=\"getSignal()()\"\n      />\n    }\n    @if (type() === \"textarea\") {\n      <textarea\n        [id]=\"fieldName()\"\n        [formField]=\"getSignal()\"\n        [placeholder]=\"placeholder()\"\n        class=\"form-control\"\n      ></textarea>\n    } @else {\n      <input\n        #input\n        [type]=\"type()\"\n        [id]=\"fieldName()\"\n        class=\"form-control\"\n        [class.error]=\"isError()\"\n        [formField]=\"getSignal()\"\n        [placeholder]=\"placeholder()\"\n        [class.icon]=\"icon()\"\n        (blur)=\"doOnSend()\"\n        (keydown.enter)=\"doOnSend()\"\n      />\n    }\n    @if (icon()) {\n      <i [class]=\"icon()\"></i>\n    }\n    @if (isTouched()) {\n      <dsv-signal-form-error [errors]=\"getSignal()().errors()\" />\n    }\n  }\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div .form-control{font-family:inherit;display:block;width:calc(100% - 20px);margin:0;padding:6px 6px 6px 10px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:5px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;outline-color:#0000004d}:host>div .form-control.icon{padding-left:25px}:host>div .form-control.error{border:1px solid var(--error)}:host>div .form-control:disabled{opacity:.6}:host>div i{position:absolute;z-index:1000;top:10px;left:7px}:host>div textarea{overflow:auto;scrollbar-width:thin;resize:vertical}:host>div textarea.form-control{height:auto;min-height:90px}::ng-deep .dark .form-control{color-scheme:dark;background-color:var(--background-dark)!important;color:var(--text-dark)!important}\n"], dependencies: [{ kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "component", type: FormSignalLabelComponent, selector: "dsv-form-signal-label", inputs: ["label", "name", "signal", "show"] }, { kind: "component", type: FormSignalErrorComponent, selector: "dsv-signal-form-error", inputs: ["errors"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormSignalInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dsv-form-signal-input', imports: [
+                        FormField,
+                        FormSignalLabelComponent,
+                        FormSignalErrorComponent
+                    ], template: "<div>\n  @if (getSignal()) {\n    @if (withLabel()) {\n      <dsv-form-signal-label\n        [name]=\"fieldName()\"\n        [label]=\"label() ?? fieldName()\"\n        [signal]=\"getSignal()()\"\n      />\n    }\n    @if (type() === \"textarea\") {\n      <textarea\n        [id]=\"fieldName()\"\n        [formField]=\"getSignal()\"\n        [placeholder]=\"placeholder()\"\n        class=\"form-control\"\n      ></textarea>\n    } @else {\n      <input\n        #input\n        [type]=\"type()\"\n        [id]=\"fieldName()\"\n        class=\"form-control\"\n        [class.error]=\"isError()\"\n        [formField]=\"getSignal()\"\n        [placeholder]=\"placeholder()\"\n        [class.icon]=\"icon()\"\n        (blur)=\"doOnSend()\"\n        (keydown.enter)=\"doOnSend()\"\n      />\n    }\n    @if (icon()) {\n      <i [class]=\"icon()\"></i>\n    }\n    @if (isTouched()) {\n      <dsv-signal-form-error [errors]=\"getSignal()().errors()\" />\n    }\n  }\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div .form-control{font-family:inherit;display:block;width:calc(100% - 20px);margin:0;padding:6px 6px 6px 10px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:5px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;outline-color:#0000004d}:host>div .form-control.icon{padding-left:25px}:host>div .form-control.error{border:1px solid var(--error)}:host>div .form-control:disabled{opacity:.6}:host>div i{position:absolute;z-index:1000;top:10px;left:7px}:host>div textarea{overflow:auto;scrollbar-width:thin;resize:vertical}:host>div textarea.form-control{height:auto;min-height:90px}::ng-deep .dark .form-control{color-scheme:dark;background-color:var(--background-dark)!important;color:var(--text-dark)!important}\n"] }]
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+
+class BaseFormSignalComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: BaseFormSignalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: BaseFormSignalComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: BaseFormSignalComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                }]
+        }] });
+
+class FormSignalSearchbarComponent extends BaseFormSignalComponent {
+    search = input('', ...(ngDevMode ? [{ debugName: "search" }] : /* istanbul ignore next */ []));
+    onSearch = output();
+    form = form(signal({ search: this.search() }));
+    onSend(value) {
+        this.onSearch.emit(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormSignalSearchbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.7", type: FormSignalSearchbarComponent, isStandalone: true, selector: "form-signal-searchbar", inputs: { search: { classPropertyName: "search", publicName: "search", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSearch: "onSearch" }, usesInheritance: true, ngImport: i0, template: "<app-form-signal [form]=\"form\" textValid=\"\">\n  <dsv-form-signal-input\n    [form]=\"form\"\n    fieldName=\"search\"\n    type=\"search\"\n    [withLabel]=\"false\"\n    (onSend)=\"onSend($event)\"\n    icon=\"icon ri-search-line\"\n  ></dsv-form-signal-input>\n</app-form-signal>\n", styles: [":host{display:flex;margin:5px}::ng-deep form-searchbar input{width:100%!important;overflow:hidden!important}\n"], dependencies: [{ kind: "component", type: FormSignalComponent, selector: "app-form-signal", inputs: ["form", "urlBack", "textValid", "formValid"], outputs: ["callbackBack", "callback"] }, { kind: "component", type: FormSignalInputComponent, selector: "dsv-form-signal-input", inputs: ["type", "icon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormSignalSearchbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'form-signal-searchbar', imports: [FormSignalComponent, FormSignalInputComponent], template: "<app-form-signal [form]=\"form\" textValid=\"\">\n  <dsv-form-signal-input\n    [form]=\"form\"\n    fieldName=\"search\"\n    type=\"search\"\n    [withLabel]=\"false\"\n    (onSend)=\"onSend($event)\"\n    icon=\"icon ri-search-line\"\n  ></dsv-form-signal-input>\n</app-form-signal>\n", styles: [":host{display:flex;margin:5px}::ng-deep form-searchbar input{width:100%!important;overflow:hidden!important}\n"] }]
+        }], propDecorators: { search: [{ type: i0.Input, args: [{ isSignal: true, alias: "search", required: false }] }], onSearch: [{ type: i0.Output, args: ["onSearch"] }] } });
+
+class FormSignalSelectComponent extends FormSignalInputBase {
+    list = input([], ...(ngDevMode ? [{ debugName: "list" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormSignalSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: FormSignalSelectComponent, isStandalone: true, selector: "dsv-form-signal-select", inputs: { list: { classPropertyName: "list", publicName: "list", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div>\n  @if (getSignal()) {\n    <dsv-form-signal-label\n      [name]=\"fieldName()\"\n      [label]=\"label() ?? fieldName()\"\n      [signal]=\"getSignal()()\"\n      [show]=\"withLabel()\"\n    />\n    <div>\n      <select\n        [id]=\"fieldName()\"\n        [formField]=\"getSignal()\"\n        class=\"form-control\"\n        (change)=\"doChange()\"\n        [class.error]=\"isError()\"\n      >\n        @for (list of list(); track list.id) {\n          <option\n            [value]=\"list.id\"\n            [selected]=\"\n              list.id?.toString() === getSignal()().value().toString()\n            \"\n          >\n            {{ list.name }}\n          </option>\n        }\n      </select>\n      @if (isTouched()) {\n        <dsv-signal-form-error [errors]=\"getSignal()().errors()\" />\n      }\n    </div>\n  }\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div .form-control{font-family:inherit;display:block;width:calc(100% - 20px);margin:0;padding:6px 6px 6px 10px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:5px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;outline-color:#0000004d}:host>div .form-control.icon{padding-left:25px}:host>div .form-control.error{border:1px solid var(--error)}:host>div .form-control:disabled{opacity:.6}:host>div i{position:absolute;z-index:1000;top:10px;left:7px}:host>div textarea{overflow:auto;scrollbar-width:thin;resize:vertical}:host>div textarea.form-control{height:auto;min-height:90px}::ng-deep .dark .form-control{color-scheme:dark;background-color:var(--background-dark)!important;color:var(--text-dark)!important}\n", ":host{width:100%}:host>div .form-control{width:calc(100% - 2px)}\n"], dependencies: [{ kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "component", type: FormSignalLabelComponent, selector: "dsv-form-signal-label", inputs: ["label", "name", "signal", "show"] }, { kind: "component", type: FormSignalErrorComponent, selector: "dsv-signal-form-error", inputs: ["errors"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormSignalSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dsv-form-signal-select', imports: [FormField, FormSignalLabelComponent, FormSignalErrorComponent], template: "<div>\n  @if (getSignal()) {\n    <dsv-form-signal-label\n      [name]=\"fieldName()\"\n      [label]=\"label() ?? fieldName()\"\n      [signal]=\"getSignal()()\"\n      [show]=\"withLabel()\"\n    />\n    <div>\n      <select\n        [id]=\"fieldName()\"\n        [formField]=\"getSignal()\"\n        class=\"form-control\"\n        (change)=\"doChange()\"\n        [class.error]=\"isError()\"\n      >\n        @for (list of list(); track list.id) {\n          <option\n            [value]=\"list.id\"\n            [selected]=\"\n              list.id?.toString() === getSignal()().value().toString()\n            \"\n          >\n            {{ list.name }}\n          </option>\n        }\n      </select>\n      @if (isTouched()) {\n        <dsv-signal-form-error [errors]=\"getSignal()().errors()\" />\n      }\n    </div>\n  }\n</div>\n", styles: [":host{width:100%}:host>div{display:flex;flex-direction:column;position:relative}:host>div .form-control{font-family:inherit;display:block;width:calc(100% - 20px);margin:0;padding:6px 6px 6px 10px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:5px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;outline-color:#0000004d}:host>div .form-control.icon{padding-left:25px}:host>div .form-control.error{border:1px solid var(--error)}:host>div .form-control:disabled{opacity:.6}:host>div i{position:absolute;z-index:1000;top:10px;left:7px}:host>div textarea{overflow:auto;scrollbar-width:thin;resize:vertical}:host>div textarea.form-control{height:auto;min-height:90px}::ng-deep .dark .form-control{color-scheme:dark;background-color:var(--background-dark)!important;color:var(--text-dark)!important}\n", ":host{width:100%}:host>div .form-control{width:calc(100% - 2px)}\n"] }]
+        }], propDecorators: { list: [{ type: i0.Input, args: [{ isSignal: true, alias: "list", required: false }] }] } });
+
+const requiredTrim = (value) => value.value().trim() != "" ? null : { kind: 'required' };
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormSignalCheckboxComponent, FormSignalComponent, FormSignalErrorComponent, FormSignalInputBase, FormSignalInputComponent, FormSignalLabelComponent, FormSignalSearchbarComponent, FormSignalSelectComponent, requiredTrim };
+//# sourceMappingURL=ng-vagabond-lab-ng-dsv-ds-form-signal.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-form-signal.mjs","sources":["../../../projects/ng-dsv/ds/form/signal/base/form.signal.input.base.ts","../../../projects/ng-dsv/ds/form/signal/label/component/form.signal.label.component.ts","../../../projects/ng-dsv/ds/form/signal/label/component/form.signal.label.component.html","../../../projects/ng-dsv/ds/form/signal/checkbox/component/form.signal.checkbox.component.ts","../../../projects/ng-dsv/ds/form/signal/checkbox/component/form.signal.checkbox.component.html","../../../projects/ng-dsv/ds/form/signal/error/component/form.signal.error.component.ts","../../../projects/ng-dsv/ds/form/signal/error/component/form.signal.error.component.html","../../../projects/ng-dsv/ds/form/signal/form/component/form.signal.component.ts","../../../projects/ng-dsv/ds/form/signal/form/component/form.signal.component.html","../../../projects/ng-dsv/ds/form/signal/input/component/form.signal.input.component.ts","../../../projects/ng-dsv/ds/form/signal/input/component/form.signal.input.component.html","../../../projects/ng-dsv/ds/form/signal/form/base/base.form.signal.component.ts","../../../projects/ng-dsv/ds/form/signal/searchbar/component/form.signal.searchbar.component.ts","../../../projects/ng-dsv/ds/form/signal/searchbar/component/form.signal.searchbar.component.html","../../../projects/ng-dsv/ds/form/signal/select/component/form.signal.select.component.ts","../../../projects/ng-dsv/ds/form/signal/select/component/form.signal.select.component.html","../../../projects/ng-dsv/ds/form/signal/utils/form.signal.utils.ts","../../../projects/ng-dsv/ds/form/signal/ng-vagabond-lab-ng-dsv-ds-form-signal.ts"],"sourcesContent":["import { Component, effect, input, output, signal } from \"@angular/core\";\nimport { FieldTree } from \"@angular/forms/signals\";\n\n@Component({\n    template: ``\n})\nexport abstract class FormSignalInputBase<T> {\n    form = input.required<FieldTree<T, string | number>>();\n    fieldName = input.required<string>();\n    label = input<string>();\n    withLabel = input<boolean>(true);\n    placeholder = input<string>('');\n    required = input<boolean>(false);\n    debug = input<boolean>(false);\n\n    isError = signal<boolean>(false);\n\n    onSend = output<string>();\n    callbackChange = output<string>();\n\n    constructor() {\n        effect(() => {\n            this.isError.set(this.getSignal()?.().touched() && this.getSignal()?.().errors().length > 0);\n        });\n    }\n\n    isTouched() {\n        return this.getSignal()().touched();\n    }\n\n    getSignal() {\n        return this.form()?.[this.fieldName() as keyof FieldTree<T, string | number>] as FieldTree<string, string | number>;\n    }\n\n    doOnSend() {\n        this.getValue() && this.onSend.emit(this.getValue());\n    }\n\n    doChange() {\n        this.getValue() && this.callbackChange.emit(this.getValue());\n    }\n\n    protected getValue() {\n        const signal = this.getSignal();\n        if (signal) {\n            const value = signal().value();\n            this.debug() && console.log(signal, signal().errors(), value);\n            return value;\n        }\n        return \"\";\n    }\n}\n","import { Component, effect, input, signal } from \"@angular/core\";\nimport { FieldState } from \"@angular/forms/signals\";\n\n@Component({\n  selector: 'dsv-form-signal-label',\n  templateUrl: './form.signal.label.component.html',\n  styleUrls: ['../../../reactive/label/component/form.reactive.label.component.scss'],\n})\nexport class FormSignalLabelComponent<T> {\n  label = input.required<string>();\n  name = input.required<string>();\n  signal = input.required<FieldState<T>>();\n  show = input<boolean>(true);\n\n  isRequired = signal<boolean>(false);\n\n  constructor() {\n    effect(() => {\n      this.isRequired.set(this.signal().required());\n    })\n  }\n}","@if (show()) {\n  <label\n    [for]=\"name()\"\n    class=\"text\"\n    [class.error]=\"signal().touched() && signal().errors().length! > 0\"\n  >\n    {{ label() }} {{ isRequired() ? \"*\" : \"\" }}\n  </label>\n}\n","import { Component } from '@angular/core';\nimport { FieldTree, FormField } from '@angular/forms/signals';\nimport { FormSignalLabelComponent } from '../../label/component/form.signal.label.component';\nimport { FormSignalInputBase } from '../../public-api';\n\n@Component({\n  selector: 'dsv-form-signal-checkbox',\n  imports: [FormField, FormSignalLabelComponent],\n  templateUrl: './form.signal.checkbox.component.html',\n  styleUrls: [\n    '../../../reactive/input/component/form.reactive.input.component.scss',\n    '../../../reactive/checkbox/component/form.reactive.checkbox.component.scss',\n  ],\n})\nexport class FormSignalCheckboxComponent<T> extends FormSignalInputBase<T> {\n\n\n  getBooleanSignal() {\n    return this.form()?.[this.fieldName() as keyof FieldTree<T, string | number>] as FieldTree<boolean, string | number>;\n  }\n}\n","<div>\n  @if (getSignal()) {\n    <dsv-form-signal-label\n      [name]=\"fieldName()\"\n      [label]=\"label() ?? fieldName()\"\n      [signal]=\"getSignal()()\"\n      [show]=\"withLabel()\"\n    />\n    <div>\n      <input\n        type=\"checkbox\"\n        [id]=\"fieldName()\"\n        class=\"form-control\"\n        [class.error]=\"isError()\"\n        [formField]=\"getBooleanSignal()\"\n        (change)=\"doChange()\"\n      />\n    </div>\n  }\n</div>\n","import { Component, effect, HostBinding, input, signal } from \"@angular/core\";\nimport { ValidationError } from \"@angular/forms/signals\";\nimport { TranslatePipe } from \"@ngx-translate/core\";\n\n@Component({\n    selector: 'dsv-signal-form-error',\n    imports: [TranslatePipe],\n    templateUrl: './form.signal.error.component.html',\n    styleUrls: ['../../../reactive/error/component/form.reactive.error.component.scss']\n})\nexport class FormSignalErrorComponent {\n    errors = input.required<ValidationError[]>();\n\n    error = signal<string>('');\n\n    @HostBinding('class')\n    get hostClasses(): string {\n        const classes: string[] = ['text', 'error'];\n        return classes.join(' ');\n    }\n\n    constructor() {\n        effect(() => {\n            let errorMessage = \"\";\n            this.errors().forEach(error => {\n                switch (error.kind) {\n                    case \"required\":\n                        errorMessage = \"Le champ est obligatoire.\";\n                        break;\n                    case \"minLength\":\n                        errorMessage = \"La taille minimum est de \" + error['minLength' as keyof ValidationError] + \".\";\n                        break;\n                    case \"maxLength\":\n                        errorMessage = \"La taille maximum est de \" + error['maxLength' as keyof ValidationError] + \".\";\n                        break;\n                    case \"email\":\n                        errorMessage = \"Le format n'est pas celui d'un email.\";\n                        break;\n                    default:\n                        errorMessage = error.message ?? \"Erreur inconnue.\";\n                        break;\n                }\n            });\n            this.error.set(errorMessage);\n        })\n    }\n}","@if (errors().length > 0) {\n  @if (error() !== \"\") {\n    <div>{{ error() | translate }}</div>\n  }\n}\n","import { Component, computed, inject, input, output } from '@angular/core';\nimport { FieldTree, submit } from '@angular/forms/signals';\nimport { RouterLink } from '@angular/router';\nimport { ApiDto } from '@ng-vagabond-lab/ng-dsv/api';\nimport { isCallback } from '@ng-vagabond-lab/ng-dsv/base';\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-signal',\n  imports: [DsvButtonComponent, RouterLink, TranslatePipe],\n  templateUrl: './form.signal.component.html',\n  styleUrl: '../../../reactive/form/component/form.reactive.component.scss',\n})\nexport class FormSignalComponent<T> {\n  toastService = inject(ToastService);\n\n  form = input.required<FieldTree<T, string | number>>();\n\n  urlBack = input<string>();\n  textValid = input<string>('ENREGISTRER');\n  formValid = input<string>('Formulaire envoyé !');\n\n  callbackBack = output<void>();\n  callback = output<ApiDto>();\n\n  isCallbackBack = computed(() => isCallback(this.callbackBack));\n\n  goBack() {\n    this.callbackBack.emit();\n  }\n\n  onSubmit(event: Event) {\n    event.preventDefault();\n    submit(this.form(), async (form) => {\n      if (form().valid()) {\n        this.callback.emit(form().value() as ApiDto);\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}\n","<form (submit)=\"onSubmit($event)\" class=\"form-container\" novalidate>\n  <div>\n    <ng-content></ng-content>\n  </div>\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 (isCallbackBack()) {\n      <dsv-button color=\"default\" variant=\"outlined\" (callback)=\"goBack()\">{{\n        \"RETOUR\" | translate\n      }}</dsv-button>\n    }\n    @if (textValid() && textValid() !== \"\") {\n      <dsv-button type=\"submit\" color=\"primary\">{{\n        textValid()! | translate\n      }}</dsv-button>\n    }\n  </div>\n</form>\n","import { Component, input } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\nimport { INPUT_TYPE } from '@ng-vagabond-lab/ng-dsv/type';\nimport { FormSignalInputBase } from '../../base/form.signal.input.base';\nimport { FormSignalErrorComponent } from '../../error/component/form.signal.error.component';\nimport { FormSignalLabelComponent } from '../../label/component/form.signal.label.component';\n\n@Component({\n  selector: 'dsv-form-signal-input',\n  imports: [\n    FormField,\n    FormSignalLabelComponent,\n    FormSignalErrorComponent\n  ],\n  templateUrl: './form.signal.input.component.html',\n  styleUrl: '../../../reactive/input/component/form.reactive.input.component.scss',\n})\nexport class FormSignalInputComponent<T> extends FormSignalInputBase<T> {\n\n  type = input<INPUT_TYPE>('text');\n  icon = input<string>();\n}\n","<div>\n  @if (getSignal()) {\n    @if (withLabel()) {\n      <dsv-form-signal-label\n        [name]=\"fieldName()\"\n        [label]=\"label() ?? fieldName()\"\n        [signal]=\"getSignal()()\"\n      />\n    }\n    @if (type() === \"textarea\") {\n      <textarea\n        [id]=\"fieldName()\"\n        [formField]=\"getSignal()\"\n        [placeholder]=\"placeholder()\"\n        class=\"form-control\"\n      ></textarea>\n    } @else {\n      <input\n        #input\n        [type]=\"type()\"\n        [id]=\"fieldName()\"\n        class=\"form-control\"\n        [class.error]=\"isError()\"\n        [formField]=\"getSignal()\"\n        [placeholder]=\"placeholder()\"\n        [class.icon]=\"icon()\"\n        (blur)=\"doOnSend()\"\n        (keydown.enter)=\"doOnSend()\"\n      />\n    }\n    @if (icon()) {\n      <i [class]=\"icon()\"></i>\n    }\n    @if (isTouched()) {\n      <dsv-signal-form-error [errors]=\"getSignal()().errors()\" />\n    }\n  }\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n  template: '',\n})\nexport abstract class BaseFormSignalComponent {\n}\n","import { Component, input, output, signal } from '@angular/core';\nimport { form } from '@angular/forms/signals';\nimport { BaseFormSignalComponent } from '../../form/base/base.form.signal.component';\nimport {\n  FormSignalComponent,\n  FormSignalInputComponent\n} from '../../public-api';\n\n@Component({\n  selector: 'form-signal-searchbar',\n  imports: [FormSignalComponent, FormSignalInputComponent],\n  templateUrl: './form.signal.searchbar.component.html',\n  styleUrls: ['../../../reactive/searchbar/component/reactive.searchbar.component.scss'],\n})\nexport class FormSignalSearchbarComponent extends BaseFormSignalComponent {\n  search = input<string>('');\n  onSearch = output<string>();\n\n  form = form(signal({ search: this.search() }));\n\n  onSend(value: string) {\n    this.onSearch.emit(value);\n  }\n}\n","<app-form-signal [form]=\"form\" textValid=\"\">\n  <dsv-form-signal-input\n    [form]=\"form\"\n    fieldName=\"search\"\n    type=\"search\"\n    [withLabel]=\"false\"\n    (onSend)=\"onSend($event)\"\n    icon=\"icon ri-search-line\"\n  ></dsv-form-signal-input>\n</app-form-signal>\n","import { Component, input } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\nimport { ApiDto } from '@ng-vagabond-lab/ng-dsv/api';\nimport { FormSignalErrorComponent } from '../../error/component/form.signal.error.component';\nimport { FormSignalLabelComponent } from '../../label/component/form.signal.label.component';\nimport { FormSignalInputBase } from '../../public-api';\n\n@Component({\n  selector: 'dsv-form-signal-select',\n  imports: [FormField, FormSignalLabelComponent, FormSignalErrorComponent],\n  templateUrl: './form.signal.select.component.html',\n  styleUrls: [\n    '../../../reactive/input/component/form.reactive.input.component.scss',\n    '../../../reactive/select/component/form.reactive.select.component.scss',\n  ],\n})\nexport class FormSignalSelectComponent<T> extends FormSignalInputBase<T> {\n\n  list = input<(ApiDto & { name: string })[]>([]);\n\n}\n","<div>\n  @if (getSignal()) {\n    <dsv-form-signal-label\n      [name]=\"fieldName()\"\n      [label]=\"label() ?? fieldName()\"\n      [signal]=\"getSignal()()\"\n      [show]=\"withLabel()\"\n    />\n    <div>\n      <select\n        [id]=\"fieldName()\"\n        [formField]=\"getSignal()\"\n        class=\"form-control\"\n        (change)=\"doChange()\"\n        [class.error]=\"isError()\"\n      >\n        @for (list of list(); track list.id) {\n          <option\n            [value]=\"list.id\"\n            [selected]=\"\n              list.id?.toString() === getSignal()().value().toString()\n            \"\n          >\n            {{ list.name }}\n          </option>\n        }\n      </select>\n      @if (isTouched()) {\n        <dsv-signal-form-error [errors]=\"getSignal()().errors()\" />\n      }\n    </div>\n  }\n</div>\n","import { ChildFieldContext } from \"@angular/forms/signals\";\n\nexport const requiredTrim = (value: ChildFieldContext<string>) => value.value().trim() != \"\" ? null : { kind: 'required' };","/**\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-modules-auth.mjs

@@ -0,0 +1,167 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, output, effect, Component, signal, Injectable } from '@angular/core';
+import { ModalButtonComponent, ModalAlertComponent } from '@ng-vagabond-lab/ng-dsv/ds/modal';
+import { EnvironmentService } from '@ng-vagabond-lab/ng-dsv/environment';
+import { PlatformService } from '@ng-vagabond-lab/ng-dsv/platform';
+import { ApiService } from '@ng-vagabond-lab/ng-dsv/api';
+import { ToastService } from '@ng-vagabond-lab/ng-dsv/ds/toast';
+import { StorageService } from '@ng-vagabond-lab/ng-dsv/storage';
+import { Router } from '@angular/router';
+
+class AuthComponent {
+    authGoogleService = inject(AuthGoogleService);
+    authService = inject(AuthService);
+    environmentService = inject(EnvironmentService);
+    platformService = inject(PlatformService);
+    initMember = output();
+    constructor() {
+        effect(() => {
+            if (this.environmentService.env() && this.platformService.isPlatformBrowser()) {
+                this.authService.loginFromCache();
+                this.authGoogleService.initGoogleAuth();
+                if (this.authService.userConnected() === null) {
+                    this.authGoogleService.loginWithGoogle();
+                }
+                else {
+                    this.initMember.emit(this.authService.userConnected()?.user?.id);
+                }
+            }
+        });
+    }
+    logout() {
+        this.authService.logout();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AuthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: AuthComponent, isStandalone: true, selector: "app-auth", outputs: { initMember: "initMember" }, ngImport: i0, template: "<div class=\"auth-button\">\n  <button\n    id=\"google-signin-button\"\n    [class.hidden]=\"authService.userConnected() !== null\"\n  ></button>\n</div>\n\n@if (authService.userConnected()) {\n  <div class=\"profile\">\n    <img [src]=\"authService.userConnected()?.user?.avatar\" alt=\"profile\" />\n    <app-modal-button id=\"logout\" icon=\"ri-logout-box-line\" />\n  </div>\n  <app-modal-alert\n    id=\"logout\"\n    title=\"De\u0301connexion\"\n    text=\"Voulez-vous vraiment vous de\u0301connecter ?\"\n    button=\"Oui\"\n    buttonClose=\"Non\"\n    (callback)=\"logout()\"\n  ></app-modal-alert>\n}\n", styles: [".auth-button button{margin:0;padding:0;background:transparent;border:0px}.profile{display:flex;gap:.5rem;flex-flow:nowrap;align-items:center}.profile img{width:30px;height:30px;border-radius:50%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ModalButtonComponent, selector: "app-modal-button", inputs: ["id", "icon", "variant", "text", "color"], outputs: ["callback"] }, { kind: "component", type: ModalAlertComponent, selector: "app-modal-alert", inputs: ["id", "titleText", "text", "button", "buttonClose"], outputs: ["callback"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AuthComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-auth', imports: [CommonModule, ModalButtonComponent, ModalAlertComponent], template: "<div class=\"auth-button\">\n  <button\n    id=\"google-signin-button\"\n    [class.hidden]=\"authService.userConnected() !== null\"\n  ></button>\n</div>\n\n@if (authService.userConnected()) {\n  <div class=\"profile\">\n    <img [src]=\"authService.userConnected()?.user?.avatar\" alt=\"profile\" />\n    <app-modal-button id=\"logout\" icon=\"ri-logout-box-line\" />\n  </div>\n  <app-modal-alert\n    id=\"logout\"\n    title=\"De\u0301connexion\"\n    text=\"Voulez-vous vraiment vous de\u0301connecter ?\"\n    button=\"Oui\"\n    buttonClose=\"Non\"\n    (callback)=\"logout()\"\n  ></app-modal-alert>\n}\n", styles: [".auth-button button{margin:0;padding:0;background:transparent;border:0px}.profile{display:flex;gap:.5rem;flex-flow:nowrap;align-items:center}.profile img{width:30px;height:30px;border-radius:50%}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { initMember: [{ type: i0.Output, args: ["initMember"] }] } });
+
+const authGuard = (route) => {
+    const platformService = inject(PlatformService);
+    if (!platformService.isPlatformBrowser()) {
+        return true;
+    }
+    const authService = inject(AuthService);
+    const router = inject(Router);
+    const requiredRole = route.data['role'];
+    if (!requiredRole) {
+        console.warn('No role specified in route data.');
+        return false;
+    }
+    authService.loginFromCache();
+    const profiles = authService.userConnected()?.user?.profiles;
+    if (hasRole(requiredRole, profiles)) {
+        return true;
+    }
+    router.navigate(['/']);
+    return false;
+};
+
+class AuthService {
+    apiService = inject(ApiService);
+    toastService = inject(ToastService);
+    storageService = inject(StorageService);
+    userConnected = signal(null, ...(ngDevMode ? [{ debugName: "userConnected" }] : /* istanbul ignore next */ []));
+    googleLogin(credential) {
+        this.apiService.post('auth/google-identity-connect', {
+            googleToken: credential,
+        }, (data) => {
+            this.storageService.setItem('user-connected', JSON.stringify(data));
+            this.userConnected.set(data);
+            this.toastService.showToast({
+                type: 'success',
+                text: 'Connexion réussie',
+            });
+        });
+    }
+    loginFromCache() {
+        const userConnected = typeof window !== 'undefined' &&
+            JSON.parse(this.storageService?.getItem('user-connected'));
+        this.userConnected.set(userConnected);
+        this.apiService.info('userConnected', userConnected);
+        return userConnected;
+    }
+    logout() {
+        this.storageService?.removeItem('user-connected');
+        this.userConnected.set(null);
+        this.toastService.showToast({
+            type: 'success',
+            text: 'Déconnexion réussie',
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AuthService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AuthService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class AuthGoogleService {
+    authService = inject(AuthService);
+    environmentService = inject(EnvironmentService);
+    initGoogle = false;
+    initGoogleAuth() {
+        if (!this.initGoogle) {
+            this.initGoogle = true;
+            google.accounts.id.initialize({
+                client_id: this.environmentService.env()?.GOOGLE_CLIENT_ID,
+                callback: this.handleCredentialResponse.bind(this),
+            });
+            google.accounts.id.renderButton(document.getElementById('google-signin-button'), {
+                theme: 'outline',
+                size: 'medium',
+                type: 'icon',
+            });
+        }
+    }
+    handleCredentialResponse(response) {
+        this.authService.googleLogin(response.credential);
+    }
+    decodeJwtToken(token) {
+        const base64Url = token.split('.')[1];
+        const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
+        const jsonPayload = decodeURIComponent(atob(base64)
+            .split('')
+            .map(function (c) {
+            return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
+        })
+            .join(''));
+        return JSON.parse(jsonPayload);
+    }
+    loginWithGoogle() {
+        google.accounts.id.prompt();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AuthGoogleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AuthGoogleService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AuthGoogleService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+const hasRole = (roles, userRoles) => {
+    const roleSplit = roles.split(',');
+    let find = false;
+    roleSplit.forEach(role => {
+        if (userRoles?.find(userRole => userRole['roles']?.toString().includes(role) || userRole['name'] === role)) {
+            find = true;
+        }
+    });
+    return find;
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AuthComponent, AuthGoogleService, AuthService, authGuard, hasRole };
+//# sourceMappingURL=ng-vagabond-lab-ng-dsv-modules-auth.mjs.map

package/fesm2022/ng-vagabond-lab-ng-dsv-modules-auth.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-vagabond-lab-ng-dsv-modules-auth.mjs","sources":["../../../projects/ng-dsv/modules/auth/component/auth.component.ts","../../../projects/ng-dsv/modules/auth/component/auth.component.html","../../../projects/ng-dsv/modules/auth/guard/auth.guard.ts","../../../projects/ng-dsv/modules/auth/service/auth.service.ts","../../../projects/ng-dsv/modules/auth/service/auth.google.service.ts","../../../projects/ng-dsv/modules/auth/utils/auth.utils.ts","../../../projects/ng-dsv/modules/auth/ng-vagabond-lab-ng-dsv-modules-auth.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  effect,\n  inject,\n  output\n} from '@angular/core';\nimport { ID } from '@ng-vagabond-lab/ng-dsv/api';\nimport {\n  ModalAlertComponent,\n  ModalButtonComponent,\n} from '@ng-vagabond-lab/ng-dsv/ds/modal';\nimport { EnvironmentService } from '@ng-vagabond-lab/ng-dsv/environment';\nimport { PlatformService } from '@ng-vagabond-lab/ng-dsv/platform';\nimport { AuthGoogleService, AuthService } from '../public-api';\n\n@Component({\n  selector: 'app-auth',\n  imports: [CommonModule, ModalButtonComponent, ModalAlertComponent],\n  templateUrl: './auth.component.html',\n  styleUrls: ['./auth.component.scss'],\n})\nexport class AuthComponent {\n  readonly authGoogleService = inject(AuthGoogleService);\n  readonly authService = inject(AuthService);\n  readonly environmentService = inject(EnvironmentService);\n  readonly platformService = inject(PlatformService);\n\n  readonly initMember = output<ID>();\n\n  constructor() {\n    effect(() => {\n      if (this.environmentService.env() && this.platformService.isPlatformBrowser()) {\n        this.authService.loginFromCache();\n        this.authGoogleService.initGoogleAuth();\n        if (this.authService.userConnected() === null) {\n          this.authGoogleService.loginWithGoogle();\n        } else {\n          this.initMember.emit(this.authService.userConnected()?.user?.id);\n        }\n      }\n    });\n  }\n\n  logout() {\n    this.authService.logout();\n  }\n}\n","<div class=\"auth-button\">\n  <button\n    id=\"google-signin-button\"\n    [class.hidden]=\"authService.userConnected() !== null\"\n  ></button>\n</div>\n\n@if (authService.userConnected()) {\n  <div class=\"profile\">\n    <img [src]=\"authService.userConnected()?.user?.avatar\" alt=\"profile\" />\n    <app-modal-button id=\"logout\" icon=\"ri-logout-box-line\" />\n  </div>\n  <app-modal-alert\n    id=\"logout\"\n    title=\"Déconnexion\"\n    text=\"Voulez-vous vraiment vous déconnecter ?\"\n    button=\"Oui\"\n    buttonClose=\"Non\"\n    (callback)=\"logout()\"\n  ></app-modal-alert>\n}\n","import { inject } from '@angular/core';\nimport { ActivatedRouteSnapshot, CanActivateFn, Router } from '@angular/router';\nimport { PlatformService } from '@ng-vagabond-lab/ng-dsv/platform';\nimport { AuthService, hasRole } from '../public-api';\n\nexport const authGuard: CanActivateFn = (\n    route: ActivatedRouteSnapshot,\n) => {\n    const platformService = inject(PlatformService);\n\n    if (!platformService.isPlatformBrowser()) {\n        return true;\n    }\n\n    const authService = inject(AuthService);\n    const router = inject(Router);\n\n    const requiredRole = route.data['role'];\n\n    if (!requiredRole) {\n        console.warn('No role specified in route data.');\n        return false;\n    }\n\n    authService.loginFromCache();\n    const profiles = authService.userConnected()?.user?.profiles;\n    if (hasRole(requiredRole, profiles)) {\n        return true;\n    }\n\n    router.navigate(['/']);\n    return false;\n};\n","import { inject, Injectable, signal } from '@angular/core';\nimport { ApiService } from '@ng-vagabond-lab/ng-dsv/api';\nimport { ToastService } from '@ng-vagabond-lab/ng-dsv/ds/toast';\nimport { StorageService } from '@ng-vagabond-lab/ng-dsv/storage';\nimport { UserConnectedDto } from '../dto/user.dto';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class AuthService {\n  apiService = inject(ApiService);\n  toastService = inject(ToastService);\n  storageService = inject(StorageService);\n\n  userConnected = signal<UserConnectedDto | null>(null);\n\n  googleLogin(credential: string) {\n    this.apiService.post<UserConnectedDto>(\n      'auth/google-identity-connect',\n      {\n        googleToken: credential,\n      },\n      (data) => {\n        this.storageService.setItem('user-connected', JSON.stringify(data));\n        this.userConnected.set(data);\n        this.toastService.showToast({\n          type: 'success',\n          text: 'Connexion réussie',\n        });\n      }\n    );\n  }\n\n  loginFromCache() {\n    const userConnected =\n      typeof window !== 'undefined' &&\n      JSON.parse(this.storageService?.getItem('user-connected')!);\n    this.userConnected.set(userConnected);\n    this.apiService.info('userConnected', userConnected);\n    return userConnected;\n  }\n\n  logout() {\n    this.storageService?.removeItem('user-connected');\n    this.userConnected.set(null);\n    this.toastService.showToast({\n      type: 'success',\n      text: 'Déconnexion réussie',\n    });\n  }\n}\n","import { inject, Injectable } from '@angular/core';\nimport { EnvironmentService } from '@ng-vagabond-lab/ng-dsv/environment';\nimport { AuthService } from './auth.service';\n\ndeclare const google: any;\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class AuthGoogleService {\n  private readonly authService = inject(AuthService);\n  private readonly environmentService = inject(EnvironmentService);\n\n  initGoogle: boolean = false;\n\n  initGoogleAuth() {\n    if (!this.initGoogle) {\n      this.initGoogle = true;\n      google.accounts.id.initialize({\n        client_id: this.environmentService.env()?.GOOGLE_CLIENT_ID,\n        callback: this.handleCredentialResponse.bind(this),\n      });\n      google.accounts.id.renderButton(\n        document.getElementById('google-signin-button')!,\n        {\n          theme: 'outline',\n          size: 'medium',\n          type: 'icon',\n        }\n      );\n    }\n  }\n\n  handleCredentialResponse(response: { credential: string }) {\n    this.authService.googleLogin(response.credential);\n  }\n\n  decodeJwtToken(token: string) {\n    const base64Url = token.split('.')[1];\n    const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');\n    const jsonPayload = decodeURIComponent(\n      atob(base64)\n        .split('')\n        .map(function (c) {\n          return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);\n        })\n        .join('')\n    );\n    return JSON.parse(jsonPayload);\n  }\n\n  loginWithGoogle() {\n    google.accounts.id.prompt();\n  }\n}\n","import { ApiDto } from \"@ng-vagabond-lab/ng-dsv/api\";\n\nexport const hasRole = (roles: string, userRoles?: ApiDto[]) => {\n    const roleSplit = roles.split(',');\n    let find = false;\n    roleSplit.forEach(role => {\n        if (userRoles?.find(userRole => userRole['roles' as keyof ApiDto]?.toString().includes(role) || userRole['name' as keyof ApiDto] === role)) {\n            find = true;\n        }\n    });\n    return find;\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.1.52",
+  "version": "0.1.54",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0"

package/types/ng-vagabond-lab-ng-dsv-ds-form-signal.d.ts

@@ -0,0 +1,105 @@
+import * as _angular_core from '@angular/core';
+import * as _angular_forms_signals from '@angular/forms/signals';
+import { FieldTree, ValidationError, FieldState, ChildFieldContext } from '@angular/forms/signals';
+import { ApiDto } from '@ng-vagabond-lab/ng-dsv/api';
+import { ToastService } from '@ng-vagabond-lab/ng-dsv/ds/toast';
+import { INPUT_TYPE } from '@ng-vagabond-lab/ng-dsv/type';
+
+declare abstract class FormSignalInputBase<T> {
+    form: _angular_core.InputSignal<FieldTree<T, string | number>>;
+    fieldName: _angular_core.InputSignal<string>;
+    label: _angular_core.InputSignal<string | undefined>;
+    withLabel: _angular_core.InputSignal<boolean>;
+    placeholder: _angular_core.InputSignal<string>;
+    required: _angular_core.InputSignal<boolean>;
+    debug: _angular_core.InputSignal<boolean>;
+    isError: _angular_core.WritableSignal<boolean>;
+    onSend: _angular_core.OutputEmitterRef<string>;
+    callbackChange: _angular_core.OutputEmitterRef<string>;
+    constructor();
+    isTouched(): boolean;
+    getSignal(): FieldTree<string, string | number>;
+    doOnSend(): void;
+    doChange(): void;
+    protected getValue(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormSignalInputBase<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormSignalInputBase<any>, "ng-component", never, { "form": { "alias": "form"; "required": true; "isSignal": true; }; "fieldName": { "alias": "fieldName"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "withLabel": { "alias": "withLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "debug": { "alias": "debug"; "required": false; "isSignal": true; }; }, { "onSend": "onSend"; "callbackChange": "callbackChange"; }, never, never, true, never>;
+}
+
+declare class FormSignalCheckboxComponent<T> extends FormSignalInputBase<T> {
+    getBooleanSignal(): FieldTree<boolean, string | number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormSignalCheckboxComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormSignalCheckboxComponent<any>, "dsv-form-signal-checkbox", never, {}, {}, never, never, true, never>;
+}
+
+declare class FormSignalErrorComponent {
+    errors: _angular_core.InputSignal<ValidationError[]>;
+    error: _angular_core.WritableSignal<string>;
+    get hostClasses(): string;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormSignalErrorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormSignalErrorComponent, "dsv-signal-form-error", never, { "errors": { "alias": "errors"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FormSignalComponent<T> {
+    toastService: ToastService;
+    form: _angular_core.InputSignal<FieldTree<T, string | number>>;
+    urlBack: _angular_core.InputSignal<string | undefined>;
+    textValid: _angular_core.InputSignal<string>;
+    formValid: _angular_core.InputSignal<string>;
+    callbackBack: _angular_core.OutputEmitterRef<void>;
+    callback: _angular_core.OutputEmitterRef<ApiDto>;
+    isCallbackBack: _angular_core.Signal<boolean>;
+    goBack(): void;
+    onSubmit(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormSignalComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormSignalComponent<any>, "app-form-signal", 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; }; }, { "callbackBack": "callbackBack"; "callback": "callback"; }, never, ["*"], true, never>;
+}
+
+declare class FormSignalInputComponent<T> extends FormSignalInputBase<T> {
+    type: _angular_core.InputSignal<INPUT_TYPE>;
+    icon: _angular_core.InputSignal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormSignalInputComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormSignalInputComponent<any>, "dsv-form-signal-input", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FormSignalLabelComponent<T> {
+    label: _angular_core.InputSignal<string>;
+    name: _angular_core.InputSignal<string>;
+    signal: _angular_core.InputSignal<FieldState<T, string | number>>;
+    show: _angular_core.InputSignal<boolean>;
+    isRequired: _angular_core.WritableSignal<boolean>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormSignalLabelComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormSignalLabelComponent<any>, "dsv-form-signal-label", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "signal": { "alias": "signal"; "required": true; "isSignal": true; }; "show": { "alias": "show"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare abstract class BaseFormSignalComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseFormSignalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BaseFormSignalComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}
+
+declare class FormSignalSearchbarComponent extends BaseFormSignalComponent {
+    search: _angular_core.InputSignal<string>;
+    onSearch: _angular_core.OutputEmitterRef<string>;
+    form: _angular_forms_signals.FieldTree<{
+        search: string;
+    }, string | number>;
+    onSend(value: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormSignalSearchbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormSignalSearchbarComponent, "form-signal-searchbar", never, { "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "onSearch": "onSearch"; }, never, never, true, never>;
+}
+
+declare class FormSignalSelectComponent<T> extends FormSignalInputBase<T> {
+    list: _angular_core.InputSignal<(ApiDto & {
+        name: string;
+    })[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormSignalSelectComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormSignalSelectComponent<any>, "dsv-form-signal-select", never, { "list": { "alias": "list"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const requiredTrim: (value: ChildFieldContext<string>) => {
+    kind: string;
+} | null;
+
+export { FormSignalCheckboxComponent, FormSignalComponent, FormSignalErrorComponent, FormSignalInputBase, FormSignalInputComponent, FormSignalLabelComponent, FormSignalSearchbarComponent, FormSignalSelectComponent, requiredTrim };

package/types/ng-vagabond-lab-ng-dsv-modules-auth.d.ts

@@ -0,0 +1,70 @@
+import * as i0 from '@angular/core';
+import { ID, ApiDto, ApiService } from '@ng-vagabond-lab/ng-dsv/api';
+import { EnvironmentService } from '@ng-vagabond-lab/ng-dsv/environment';
+import { PlatformService } from '@ng-vagabond-lab/ng-dsv/platform';
+import { ToastService } from '@ng-vagabond-lab/ng-dsv/ds/toast';
+import { StorageService } from '@ng-vagabond-lab/ng-dsv/storage';
+import { CanActivateFn } from '@angular/router';
+
+declare class AuthComponent {
+    readonly authGoogleService: AuthGoogleService;
+    readonly authService: AuthService;
+    readonly environmentService: EnvironmentService;
+    readonly platformService: PlatformService;
+    readonly initMember: i0.OutputEmitterRef<ID>;
+    constructor();
+    logout(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AuthComponent, "app-auth", never, {}, { "initMember": "initMember"; }, never, never, true, never>;
+}
+
+interface UserDto extends ApiDto {
+    avatar?: string;
+    creationDate?: string;
+    facebookId?: string;
+    googleId?: string;
+    username?: string;
+    profiles?: [];
+}
+interface UserConnectedDto {
+    googleToken?: string;
+    jwt?: string;
+    jwtRefresh?: string;
+    user?: UserDto;
+}
+interface GoogleRequest {
+    googleToken: string;
+}
+
+declare const authGuard: CanActivateFn;
+
+declare class AuthGoogleService {
+    private readonly authService;
+    private readonly environmentService;
+    initGoogle: boolean;
+    initGoogleAuth(): void;
+    handleCredentialResponse(response: {
+        credential: string;
+    }): void;
+    decodeJwtToken(token: string): any;
+    loginWithGoogle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthGoogleService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AuthGoogleService>;
+}
+
+declare class AuthService {
+    apiService: ApiService;
+    toastService: ToastService;
+    storageService: StorageService;
+    userConnected: i0.WritableSignal<UserConnectedDto | null>;
+    googleLogin(credential: string): void;
+    loginFromCache(): any;
+    logout(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AuthService>;
+}
+
+declare const hasRole: (roles: string, userRoles?: ApiDto[]) => boolean;
+
+export { AuthComponent, AuthGoogleService, AuthService, authGuard, hasRole };
+export type { GoogleRequest, UserConnectedDto, UserDto };