@igo2/common 16.0.2 → 16.1.1

package/lib/color-picker-form-field/color-picker-form-field.component.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ColorEvent } from 'ngx-color';
 import * as i0 from "@angular/core";
@@ -8,6 +9,11 @@ export declare class ColorPickerFormFieldComponent implements ControlValueAccess
     get value(): string;
     private _value;
     outputFormat: ColorFormat;
+    /**
+     * The emitted value represent the current chosen color in the picker
+     * The value is emitted by default in RGBA, or based on the input 'outputFormat' value.
+     */
+    colorChange: EventEmitter<string>;
     colorPicker: string;
     onChange: any;
     onTouch: any;
@@ -18,6 +24,6 @@ export declare class ColorPickerFormFieldComponent implements ControlValueAccess
     handleChange($event: ColorEvent): void;
     private formatColor;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerFormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerFormFieldComponent, "igo-color-picker-form-field", never, { "outputFormat": { "alias": "outputFormat"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerFormFieldComponent, "igo-color-picker-form-field", never, { "outputFormat": { "alias": "outputFormat"; "required": false; }; }, { "colorChange": "colorChange"; }, never, never, false, never>;
 }
 export {};

package/lib/confirm-dialog/confirm-dialog.component.d.ts

@@ -3,6 +3,9 @@ import * as i0 from "@angular/core";
 export declare class ConfirmDialogComponent {
     dialogRef: MatDialogRef<ConfirmDialogComponent>;
     confirmMessage: string;
+    titleKey: string;
+    proccessKey: string;
+    cancelKey: string;
     constructor(dialogRef: MatDialogRef<ConfirmDialogComponent>);
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialogComponent, "igo-confirm-dialog", never, {}, {}, never, never, false, never>;

package/lib/confirm-dialog/confirm-dialog.interface.d.ts

@@ -0,0 +1,4 @@
+export interface ConfirmDialogOptions {
+    title?: string;
+    modeYesNo?: boolean;
+}

package/lib/confirm-dialog/confirm-dialog.service.d.ts

@@ -1,12 +1,11 @@
 import { MatDialog } from '@angular/material/dialog';
-import { LanguageService } from '@igo2/core';
 import { Observable } from 'rxjs';
+import { ConfirmDialogOptions } from './confirm-dialog.interface';
 import * as i0 from "@angular/core";
 export declare class ConfirmDialogService {
     private dialog;
-    private languageService;
-    constructor(dialog: MatDialog, languageService: LanguageService);
-    open(message: string): Observable<any>;
+    constructor(dialog: MatDialog);
+    open(message: string, options?: ConfirmDialogOptions): Observable<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ConfirmDialogService>;
 }

package/lib/confirm-dialog/index.d.ts

@@ -1,2 +1,3 @@
 export * from './confirm-dialog.component';
+export * from './confirm-dialog.interface';
 export * from './confirm-dialog.service';

package/lib/form/form-field/form-field-select.component.d.ts

@@ -14,6 +14,10 @@ export declare class FormFieldSelectComponent implements OnInit {
     set choices(value: FormFieldSelectChoice[]);
     get choices(): FormFieldSelectChoice[];
     readonly choices$: BehaviorSubject<FormFieldSelectChoice[]>;
+    /**
+     * If the select allow multiple selections
+     */
+    multiple: boolean;
     /**
      * The field's form control
      */
@@ -44,5 +48,5 @@ export declare class FormFieldSelectComponent implements OnInit {
     onDisableSwitchClick(): void;
     private toggleDisabled;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldSelectComponent, "igo-form-field-select", never, { "choices": { "alias": "choices"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disableSwitch": { "alias": "disableSwitch"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldSelectComponent, "igo-form-field-select", never, { "choices": { "alias": "choices"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disableSwitch": { "alias": "disableSwitch"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/form/form-field/form-field-text.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnInit } from '@angular/core';
 import type { UntypedFormControl } from '@angular/forms';
 import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
@@ -6,7 +6,10 @@ import * as i0 from "@angular/core";
  * This component renders a text field
  */
 export declare class FormFieldTextComponent implements OnInit {
+    private cdRef;
     disabled$: BehaviorSubject<boolean>;
+    hide: boolean;
+    private lastTimeoutRequest;
     /**
      * The field's form control
      */
@@ -15,6 +18,10 @@ export declare class FormFieldTextComponent implements OnInit {
      * Field placeholder
      */
     placeholder: string;
+    /**
+     * if the input is a password
+     */
+    isPassword: boolean;
     /**
      * Field placeholder
      */
@@ -29,6 +36,7 @@ export declare class FormFieldTextComponent implements OnInit {
      * Whether the field is required
      */
     get required(): boolean;
+    constructor(cdRef: ChangeDetectorRef);
     ngOnInit(): void;
     /**
      * Get error message
@@ -36,6 +44,8 @@ export declare class FormFieldTextComponent implements OnInit {
     getErrorMessage(): string;
     onDisableSwitchClick(): void;
     private toggleDisabled;
+    togglePassword(): void;
+    delayedHide(delayMS?: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldTextComponent, "igo-form-field-text", never, { "formControl": { "alias": "formControl"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disableSwitch": { "alias": "disableSwitch"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldTextComponent, "igo-form-field-text", never, { "formControl": { "alias": "formControl"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "isPassword": { "alias": "isPassword"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disableSwitch": { "alias": "disableSwitch"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/form/form-field/form-field.module.d.ts

@@ -11,11 +11,12 @@ import * as i9 from "@angular/material/input";
 import * as i10 from "@angular/material/select";
 import * as i11 from "@igo2/core";
 import * as i12 from "../../dynamic-component/dynamic-outlet/dynamic-outlet.module";
+import * as i13 from "@angular/material/button";
 /**
  * @ignore
  */
 export declare class IgoFormFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<IgoFormFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoFormFieldModule, [typeof i1.FormFieldComponent, typeof i2.FormFieldSelectComponent, typeof i3.FormFieldTextComponent, typeof i4.FormFieldTextareaComponent], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.MatIconModule, typeof i8.MatFormFieldModule, typeof i9.MatInputModule, typeof i10.MatSelectModule, typeof i11.IgoLanguageModule, typeof i12.IgoDynamicOutletModule], [typeof i1.FormFieldComponent, typeof i2.FormFieldSelectComponent, typeof i3.FormFieldTextComponent, typeof i4.FormFieldTextareaComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoFormFieldModule, [typeof i1.FormFieldComponent, typeof i2.FormFieldSelectComponent, typeof i3.FormFieldTextComponent, typeof i4.FormFieldTextareaComponent], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.MatIconModule, typeof i8.MatFormFieldModule, typeof i9.MatInputModule, typeof i10.MatSelectModule, typeof i11.IgoLanguageModule, typeof i12.IgoDynamicOutletModule, typeof i13.MatButtonModule], [typeof i1.FormFieldComponent, typeof i2.FormFieldSelectComponent, typeof i3.FormFieldTextComponent, typeof i4.FormFieldTextareaComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IgoFormFieldModule>;
 }

package/lib/form/shared/form.interfaces.d.ts

@@ -20,6 +20,10 @@ export interface FormFieldGroupOptions {
         [key: string]: string;
     };
 }
+export interface FormGroupsConfig {
+    name: string;
+    formFieldConfigs: FormFieldConfig[];
+}
 export interface FormFieldConfig<T extends FormFieldInputs = FormFieldInputs> {
     name: string;
     title: string;

package/lib/form-dialog/form-dialog.component.d.ts

@@ -0,0 +1,24 @@
+import { MatDialogRef } from '@angular/material/dialog';
+import { LanguageService } from '@igo2/core';
+import { BehaviorSubject } from 'rxjs';
+import { Form } from '../form/shared/form.interfaces';
+import { FormService } from '../form/shared/form.service';
+import { FormDialogData } from './form-dialog.interface';
+import * as i0 from "@angular/core";
+export declare class FormDialogComponent {
+    languageService: LanguageService;
+    dialogRef: MatDialogRef<FormDialogComponent>;
+    private formService;
+    data: FormDialogData;
+    form$: BehaviorSubject<Form>;
+    data$: BehaviorSubject<{
+        [key: string]: any;
+    }>;
+    constructor(languageService: LanguageService, dialogRef: MatDialogRef<FormDialogComponent>, formService: FormService, data: FormDialogData);
+    onSubmit(data: {
+        [key: string]: any;
+    }): void;
+    cancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormDialogComponent, "igo-form-dialog", never, {}, {}, never, never, false, never>;
+}

package/lib/form-dialog/form-dialog.interface.d.ts

@@ -0,0 +1,18 @@
+import { MatDialogConfig } from '@angular/material/dialog';
+import { BehaviorSubject } from 'rxjs';
+import { FormFieldConfig, FormGroupsConfig } from '../form/shared/form.interfaces';
+export interface FormDialogFormConfig {
+    formFieldConfigs?: FormFieldConfig[];
+    formGroupsConfigs?: FormGroupsConfig[];
+}
+export interface FormDialogData extends FormDialogOptions, FormDialogFormConfig {
+}
+export interface FormDialogOptions extends MatDialogConfig {
+    data$?: BehaviorSubject<{
+        [key: string]: any;
+    }>;
+    title?: string;
+    processButtonText?: string;
+    cancelButtonText?: string;
+    notice?: string;
+}

package/lib/form-dialog/form-dialog.module.d.ts

@@ -0,0 +1,16 @@
+import { ModuleWithProviders } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./form-dialog.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@angular/material/dialog";
+import * as i5 from "../custom-html/custom-html.module";
+import * as i6 from "@igo2/core";
+import * as i7 from "../form/form.module";
+import * as i8 from "@angular/material/divider";
+export declare class IgoFormDialogModule {
+    static forRoot(): ModuleWithProviders<IgoFormDialogModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgoFormDialogModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoFormDialogModule, [typeof i1.FormDialogComponent], [typeof i2.CommonModule, typeof i3.MatButtonModule, typeof i4.MatDialogModule, typeof i5.IgoCustomHtmlModule, typeof i6.IgoLanguageModule, typeof i7.IgoFormModule, typeof i8.MatDividerModule], [typeof i1.FormDialogComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IgoFormDialogModule>;
+}

package/lib/form-dialog/form-dialog.service.d.ts

@@ -0,0 +1,13 @@
+import { MatDialog } from '@angular/material/dialog';
+import { Observable } from 'rxjs';
+import { FormDialogFormConfig, FormDialogOptions } from './form-dialog.interface';
+import * as i0 from "@angular/core";
+export declare class FormDialogService {
+    private dialog;
+    constructor(dialog: MatDialog);
+    open(formDialogConfig?: FormDialogFormConfig, options?: FormDialogOptions): Observable<{
+        [key: string]: any;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FormDialogService>;
+}

package/lib/form-dialog/index.d.ts

@@ -0,0 +1,3 @@
+export * from './form-dialog.component';
+export * from './form-dialog.interface';
+export * from './form-dialog.service';

package/lib/select-value-dialog/index.d.ts

@@ -0,0 +1,4 @@
+export * from './select-value-check-radio-dialog.component';
+export * from './select-value-dialog.enums';
+export * from './select-value-dialog.interface';
+export * from './select-value-dialog.service';

package/lib/select-value-dialog/select-value-check-radio-dialog.component.d.ts

@@ -0,0 +1,25 @@
+import { OnInit } from '@angular/core';
+import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
+import { MatDialogRef } from '@angular/material/dialog';
+import { MatRadioChange } from '@angular/material/radio';
+import { LanguageService } from '@igo2/core';
+import { BehaviorSubject } from 'rxjs';
+import { SelectValueData } from './select-value-dialog.interface';
+import * as i0 from "@angular/core";
+export declare class SelectValueCheckRadioDialogComponent implements OnInit {
+    private formBuilder;
+    languageService: LanguageService;
+    dialogRef: MatDialogRef<SelectValueCheckRadioDialogComponent>;
+    data: SelectValueData;
+    formGroup: UntypedFormGroup;
+    isDisabled$: BehaviorSubject<boolean>;
+    constructor(formBuilder: UntypedFormBuilder, languageService: LanguageService, dialogRef: MatDialogRef<SelectValueCheckRadioDialogComponent>, data: SelectValueData);
+    ngOnInit(): void;
+    getFg(): {};
+    canProcess(): void;
+    save(): void;
+    cancel(): void;
+    onChange(e: MatRadioChange): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectValueCheckRadioDialogComponent, [null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectValueCheckRadioDialogComponent, "igo-select-value-check-radio-dialog", never, {}, {}, never, never, false, never>;
+}

package/lib/select-value-dialog/select-value-dialog.enums.d.ts

@@ -0,0 +1,4 @@
+export declare enum SelectValueDialogType {
+    Radio = "radio",
+    Checkbox = "checkbox"
+}

package/lib/select-value-dialog/select-value-dialog.interface.d.ts

@@ -0,0 +1,16 @@
+import { MatDialogConfig } from '@angular/material/dialog';
+import { SelectValueDialogType } from './select-value-dialog.enums';
+export interface Choice {
+    value: any;
+    title: any;
+}
+export interface SelectValueData extends SelectValueDialogOptions {
+    choices: Choice[];
+}
+export interface SelectValueDialogOptions extends MatDialogConfig {
+    type?: SelectValueDialogType;
+    title?: string;
+    processButtonText?: string;
+    cancelButtonText?: string;
+    selectFieldText?: string;
+}

package/lib/select-value-dialog/select-value-dialog.module.d.ts

@@ -0,0 +1,17 @@
+import { ModuleWithProviders } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./select-value-check-radio-dialog.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/checkbox";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/material/radio";
+import * as i6 from "@angular/forms";
+import * as i7 from "@angular/material/dialog";
+import * as i8 from "@igo2/core";
+import * as i9 from "../form/form.module";
+export declare class IgoSelectValueDialogModule {
+    static forRoot(): ModuleWithProviders<IgoSelectValueDialogModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgoSelectValueDialogModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoSelectValueDialogModule, [typeof i1.SelectValueCheckRadioDialogComponent], [typeof i2.CommonModule, typeof i3.MatCheckboxModule, typeof i4.MatButtonModule, typeof i5.MatRadioModule, typeof i6.FormsModule, typeof i7.MatDialogModule, typeof i6.ReactiveFormsModule, typeof i8.IgoLanguageModule, typeof i9.IgoFormModule], [typeof i1.SelectValueCheckRadioDialogComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IgoSelectValueDialogModule>;
+}

package/lib/select-value-dialog/select-value-dialog.service.d.ts

@@ -0,0 +1,11 @@
+import { MatDialog } from '@angular/material/dialog';
+import { Observable } from 'rxjs';
+import { Choice, SelectValueDialogOptions } from './select-value-dialog.interface';
+import * as i0 from "@angular/core";
+export declare class SelectValueDialogService {
+    private dialog;
+    constructor(dialog: MatDialog);
+    open(choices: Choice[], options?: SelectValueDialogOptions): Observable<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectValueDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SelectValueDialogService>;
+}

package/locale/en.common.json

@@ -4,9 +4,23 @@
       "confirmDialog": {
         "cancelBtn": "Cancel",
         "confirmBtn": "Confirm",
+        "yes": "Yes",
+        "no": "No",
         "title": "Confirm",
         "applyBtn": "Apply"
       },
+      "selectValueDialog": {
+        "cancelButtonText": "Cancel",
+        "processButtonText": "Select",
+        "multipleTitle": "Please, select values",
+        "title": "Please, select a value",
+        "selectFieldText": "Options"
+      },
+      "formDialog": {
+        "cancelButtonText": "Cancel",
+        "processButtonText": "Submit",
+        "title": "Fill the form"
+      },
       "table": {
         "filter": "Filter"
       },
@@ -15,6 +29,7 @@
       },
       "form": {
         "errors": {
+          "email": "You must provide a email",
           "required": "This field is required"
         }
       },

package/locale/fr.common.json

@@ -4,9 +4,23 @@
       "confirmDialog": {
         "cancelBtn": "Annuler",
         "confirmBtn": "Confirmer",
+        "yes": "Oui",
+        "no": "Non",
         "title": "Confirmation",
         "applyBtn": "Appliquer"
       },
+      "selectValueDialog": {
+        "cancelButtonText": "Annuler",
+        "processButtonText": "Sélectionner",
+        "multipleTitle": "Veuiller sélectionner une ou plusieurs valeurs",
+        "title": "Veuiller sélectionner une valeur",
+        "selectFieldText": "Options"
+      },
+      "formDialog": {
+        "cancelButtonText": "Annuler",
+        "processButtonText": "Confirmer",
+        "title": "Veuiller remplir le formulaire"
+      },
       "table": {
         "filter": "Filtre"
       },
@@ -15,6 +29,7 @@
       },
       "form": {
         "errors": {
+          "email": "Veuillez saisir un courriel",
           "required": "Ce champ est requis"
         }
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igo2/common",
-  "version": "16.0.2",
+  "version": "16.1.1",
   "description": "IGO Library",
   "author": "IGO Community",
   "keywords": [
@@ -16,46 +16,46 @@
     "url": "https://github.com/infra-geo-ouverte/igo2-lib/issues"
   },
   "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/igo2-common.mjs",
+      "esm": "./esm2022/igo2-common.mjs",
+      "default": "./fesm2022/igo2-common.mjs"
+    },
     "./style": {
       "style": "./style/style.css"
     },
     "./theming": {
-      "sass": "./common-theme.scss"
+      "sass": "./src/common-theme.scss"
+    },
+    "./partial/*": {
+      "sass": "./src/style/partial/*.scss"
     },
     "./package.json": {
       "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/igo2-common.mjs",
-      "esm": "./esm2022/igo2-common.mjs",
-      "default": "./fesm2022/igo2-common.mjs"
     }
   },
+  "dependencies": {
+    "tslib": "^2.6.0"
+  },
   "peerDependencies": {
     "@angular/common": "^16.2.5",
     "@angular/core": "^16.2.5",
     "@angular/material": "^16.2.4",
     "@angular/platform-browser": "^16.2.5",
     "@floating-ui/utils": "^0.1.4",
-    "@igo2/core": "^16.0.2",
-    "@igo2/utils": "^16.0.2",
+    "@igo2/core": "^16.1.1",
+    "@igo2/utils": "^16.1.1",
     "angular-shepherd": "16.0.0",
-    "scroll-into-view-if-needed": "^3.0.0",
-    "typy": "^3.3.0",
     "ngx-color": "^9.0.0",
-    "tinycolor2": "^1.6.0"
-  },
-  "dependencies": {
-    "tslib": "^2.6.0"
+    "scroll-into-view-if-needed": "^3.0.0",
+    "tinycolor2": "^1.6.0",
+    "typy": "^3.3.0"
   },
   "engines": {
     "node": ">=18.10.0"
   },
   "module": "fesm2022/igo2-common.mjs",
   "typings": "index.d.ts",
-  "sideEffects": false,
-  "scripts": {
-
-  }
-}
+  "sideEffects": false
+}

package/public_api.d.ts

@@ -6,6 +6,8 @@ export * from './lib/clickout/clickout.module';
 export * from './lib/clone/clone.module';
 export * from './lib/collapsible/collapsible.module';
 export * from './lib/confirm-dialog/confirm-dialog.module';
+export * from './lib/select-value-dialog/select-value-dialog.module';
+export * from './lib/form-dialog/form-dialog.module';
 export * from './lib/context-menu/context-menu.module';
 export * from './lib/custom-html/custom-html.module';
 export * from './lib/dom/dom.module';
@@ -48,6 +50,8 @@ export * from './lib/clickout';
 export * from './lib/clone';
 export * from './lib/collapsible';
 export * from './lib/confirm-dialog';
+export * from './lib/select-value-dialog';
+export * from './lib/form-dialog';
 export * from './lib/context-menu';
 export * from './lib/custom-html';
 export * from './lib/drag-drop';

package/src/style/style.scss

@@ -0,0 +1 @@
+@import 'shepherd.js/dist/css/shepherd';