@ajf/material 15.3.2 → 15.3.4

package/fesm2020/ajf-material-signature.mjs

@@ -0,0 +1,163 @@
+import { AjfSignature } from '@ajf/core/signature';
+import * as i0 from '@angular/core';
+import { forwardRef, Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@ngneat/transloco';
+import { AjfCommonModule } from '@ajf/core/common';
+import { AjfTranslocoModule } from '@ajf/core/transloco';
+import { CommonModule } from '@angular/common';
+
+/**
+ * @license
+ * Copyright (C) Gnucoop soc. coop.
+ *
+ * This file is part of the Advanced JSON forms (ajf).
+ *
+ * Advanced JSON forms (ajf) is free software: you can redistribute it and/or
+ * modify it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the License,
+ * or (at your option) any later version.
+ *
+ * Advanced JSON forms (ajf) is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero
+ * General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with Advanced JSON forms (ajf).
+ * If not, see http://www.gnu.org/licenses/.
+ *
+ */
+const SIGNATURE_CONTROL_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => AjfSignatureComponent),
+    multi: true,
+};
+/**
+ * Ajf signature component.
+ */
+class AjfSignatureComponent extends AjfSignature {
+    constructor(cdr, renderer) {
+        super(cdr, renderer);
+    }
+    ngAfterViewInit() {
+        this.sigPadElement = this.sigPad.nativeElement;
+        this.context = this.sigPadElement?.getContext('2d') ?? null;
+    }
+    clear() {
+        if (this.context != null && this.sigPadElement != null) {
+            this.context.clearRect(0, 0, this.sigPadElement.width, this.sigPadElement.height);
+            this.context.beginPath();
+        }
+        this.isDrawn = false;
+        this.value = null;
+    }
+    accept() {
+        if (this.sigPadElement != null) {
+            const signaturDataUrl = this.sigPadElement.toDataURL('image/png');
+            const head = 'data:image/png;base64,';
+            const imgFileSize = Math.round(((signaturDataUrl.length - head.length) * 3) / 4).toString();
+            this.value = {
+                name: 'signature.png',
+                type: 'image/png',
+                signature: true,
+                size: imgFileSize,
+                content: signaturDataUrl,
+            };
+        }
+    }
+    ngOnDestroy() {
+        return;
+    }
+}
+AjfSignatureComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfSignatureComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+AjfSignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AjfSignatureComponent, selector: "ajf-signature", providers: [SIGNATURE_CONTROL_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "<div class=\"ajf-signature-container\">\n  <p class=\"ajf-signature-text\">{{'Please sign here'|transloco}}</p>\n  <canvas\n    class=\"ajf-signature-canvas\"\n    #sigPad\n    (mousedown)=\"onMouseDown($event)\"\n    (mousemove)=\"onMouseMove($event)\"\n    (touchstart)=\"onMouseDown($event)\"\n    (touchmove)=\"onMouseMove($event)\"\n  ></canvas>\n  <div class=\"ajf-signature-actions\">\n    <button mat-fab (click)=\"clear()\" class=\"ajf-signature-action-clear\">\n      <mat-icon>close</mat-icon>\n    </button>\n    <button mat-fab (click)=\"accept()\" color=\"primary\" [disabled]=\"!isDrawn\" class=\"ajf-signature-action-accept\">\n      <mat-icon>check</mat-icon>\n    </button>\n  </div>\n\n  <img class=\"ajf-signature-preview\" [src]=\"value?.content\" />\n</div>\n", styles: ["ajf-signature{display:block}ajf-signature .ajf-signature-container{width:100%;display:flex;flex-flow:column wrap;justify-content:center;align-items:center}ajf-signature .ajf-signature-container .ajf-signature-preview{max-width:200px;max-height:100px;margin:auto;padding:5px}ajf-signature .ajf-signature-container .ajf-signature-canvas{margin:auto;border-radius:10px;border:2px solid rgba(0,0,0,.4)}ajf-signature .ajf-signature-container .ajf-signature-actions{flex:1 0 auto;display:flex;flex-flow:row wrap;justify-content:space-around}ajf-signature .ajf-signature-container .ajf-signature-actions .mdc-fab{margin:10px}ajf-signature .ajf-signature-container .ajf-signature-actions .mdc-fab .mat-icon{margin-left:0!important}ajf-signature .ajf-signature-container .ajf-signature-actions .ajf-signature-action-clear{background-color:#f53d3d99}ajf-signature .ajf-signature-container .ajf-signature-actions .ajf-signature-action-accept{background-color:#32db6499}ajf-signature .ajf-signature-container .ajf-signature-actions .ajf-signature-action-accept[disabled=true]{background-color:#0000001f;color:#00000061}\n"], dependencies: [{ kind: "component", type: i1.MatFabButton, selector: "button[mat-fab]", inputs: ["disabled", "disableRipple", "color", "tabIndex", "extended"], exportAs: ["matButton"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfSignatureComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ajf-signature', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [SIGNATURE_CONTROL_VALUE_ACCESSOR], template: "<div class=\"ajf-signature-container\">\n  <p class=\"ajf-signature-text\">{{'Please sign here'|transloco}}</p>\n  <canvas\n    class=\"ajf-signature-canvas\"\n    #sigPad\n    (mousedown)=\"onMouseDown($event)\"\n    (mousemove)=\"onMouseMove($event)\"\n    (touchstart)=\"onMouseDown($event)\"\n    (touchmove)=\"onMouseMove($event)\"\n  ></canvas>\n  <div class=\"ajf-signature-actions\">\n    <button mat-fab (click)=\"clear()\" class=\"ajf-signature-action-clear\">\n      <mat-icon>close</mat-icon>\n    </button>\n    <button mat-fab (click)=\"accept()\" color=\"primary\" [disabled]=\"!isDrawn\" class=\"ajf-signature-action-accept\">\n      <mat-icon>check</mat-icon>\n    </button>\n  </div>\n\n  <img class=\"ajf-signature-preview\" [src]=\"value?.content\" />\n</div>\n", styles: ["ajf-signature{display:block}ajf-signature .ajf-signature-container{width:100%;display:flex;flex-flow:column wrap;justify-content:center;align-items:center}ajf-signature .ajf-signature-container .ajf-signature-preview{max-width:200px;max-height:100px;margin:auto;padding:5px}ajf-signature .ajf-signature-container .ajf-signature-canvas{margin:auto;border-radius:10px;border:2px solid rgba(0,0,0,.4)}ajf-signature .ajf-signature-container .ajf-signature-actions{flex:1 0 auto;display:flex;flex-flow:row wrap;justify-content:space-around}ajf-signature .ajf-signature-container .ajf-signature-actions .mdc-fab{margin:10px}ajf-signature .ajf-signature-container .ajf-signature-actions .mdc-fab .mat-icon{margin-left:0!important}ajf-signature .ajf-signature-container .ajf-signature-actions .ajf-signature-action-clear{background-color:#f53d3d99}ajf-signature .ajf-signature-container .ajf-signature-actions .ajf-signature-action-accept{background-color:#32db6499}ajf-signature .ajf-signature-container .ajf-signature-actions .ajf-signature-action-accept[disabled=true]{background-color:#0000001f;color:#00000061}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; } });
+
+/**
+ * @license
+ * Copyright (C) Gnucoop soc. coop.
+ *
+ * This file is part of the Advanced JSON forms (ajf).
+ *
+ * Advanced JSON forms (ajf) is free software: you can redistribute it and/or
+ * modify it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the License,
+ * or (at your option) any later version.
+ *
+ * Advanced JSON forms (ajf) is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero
+ * General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with Advanced JSON forms (ajf).
+ * If not, see http://www.gnu.org/licenses/.
+ *
+ */
+class AjfSignatureModule {
+}
+AjfSignatureModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfSignatureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AjfSignatureModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AjfSignatureModule, declarations: [AjfSignatureComponent], imports: [AjfCommonModule,
+        AjfTranslocoModule,
+        CommonModule,
+        FormsModule,
+        MatButtonModule,
+        MatIconModule], exports: [AjfSignatureComponent] });
+AjfSignatureModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfSignatureModule, imports: [AjfCommonModule,
+        AjfTranslocoModule,
+        CommonModule,
+        FormsModule,
+        MatButtonModule,
+        MatIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfSignatureModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        AjfCommonModule,
+                        AjfTranslocoModule,
+                        CommonModule,
+                        FormsModule,
+                        MatButtonModule,
+                        MatIconModule,
+                    ],
+                    declarations: [AjfSignatureComponent],
+                    exports: [AjfSignatureComponent],
+                }]
+        }] });
+
+/**
+ * @license
+ * Copyright (C) Gnucoop soc. coop.
+ *
+ * This file is part of the Advanced JSON forms (ajf).
+ *
+ * Advanced JSON forms (ajf) is free software: you can redistribute it and/or
+ * modify it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the License,
+ * or (at your option) any later version.
+ *
+ * Advanced JSON forms (ajf) is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero
+ * General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with Advanced JSON forms (ajf).
+ * If not, see http://www.gnu.org/licenses/.
+ *
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AjfSignatureComponent, AjfSignatureModule, SIGNATURE_CONTROL_VALUE_ACCESSOR };
+//# sourceMappingURL=ajf-material-signature.mjs.map

package/fesm2020/ajf-material-signature.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ajf-material-signature.mjs","sources":["../../../projects/material/signature/src/signature.ts","../../../projects/material/signature/src/signature.html","../../../projects/material/signature/src/signature-module.ts","../../../projects/material/signature/src/public_api.ts","../../../projects/material/signature/src/ajf-material-signature.ts"],"sourcesContent":["/**\n * @license\n * Copyright (C) Gnucoop soc. coop.\n *\n * This file is part of the Advanced JSON forms (ajf).\n *\n * Advanced JSON forms (ajf) is free software: you can redistribute it and/or\n * modify it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the License,\n * or (at your option) any later version.\n *\n * Advanced JSON forms (ajf) is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero\n * General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with Advanced JSON forms (ajf).\n * If not, see http://www.gnu.org/licenses/.\n *\n */\n\nimport {AjfSignature} from '@ajf/core/signature';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  forwardRef,\n  OnDestroy,\n  Renderer2,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {NG_VALUE_ACCESSOR} from '@angular/forms';\n\nexport const SIGNATURE_CONTROL_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => AjfSignatureComponent),\n  multi: true,\n};\n\n/**\n * Ajf signature component.\n */\n@Component({\n  selector: 'ajf-signature',\n  templateUrl: 'signature.html',\n  styleUrls: ['signature.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [SIGNATURE_CONTROL_VALUE_ACCESSOR],\n})\nexport class AjfSignatureComponent extends AjfSignature implements OnDestroy, AfterViewInit {\n  constructor(cdr: ChangeDetectorRef, renderer: Renderer2) {\n    super(cdr, renderer);\n  }\n\n  ngAfterViewInit(): void {\n    this.sigPadElement = this.sigPad.nativeElement;\n    this.context = this.sigPadElement?.getContext('2d') ?? null;\n  }\n\n  clear() {\n    if (this.context != null && this.sigPadElement != null) {\n      this.context.clearRect(0, 0, this.sigPadElement.width, this.sigPadElement.height);\n      this.context.beginPath();\n    }\n    this.isDrawn = false;\n    this.value = null;\n  }\n\n  accept() {\n    if (this.sigPadElement != null) {\n      const signaturDataUrl = this.sigPadElement.toDataURL('image/png');\n      const head = 'data:image/png;base64,';\n      const imgFileSize = Math.round(((signaturDataUrl.length - head.length) * 3) / 4).toString();\n      this.value = {\n        name: 'signature.png',\n        type: 'image/png',\n        signature: true,\n        size: imgFileSize,\n        content: signaturDataUrl,\n      };\n    }\n  }\n\n  ngOnDestroy(): void {\n    return;\n  }\n}\n","<div class=\"ajf-signature-container\">\n  <p class=\"ajf-signature-text\">{{'Please sign here'|transloco}}</p>\n  <canvas\n    class=\"ajf-signature-canvas\"\n    #sigPad\n    (mousedown)=\"onMouseDown($event)\"\n    (mousemove)=\"onMouseMove($event)\"\n    (touchstart)=\"onMouseDown($event)\"\n    (touchmove)=\"onMouseMove($event)\"\n  ></canvas>\n  <div class=\"ajf-signature-actions\">\n    <button mat-fab (click)=\"clear()\" class=\"ajf-signature-action-clear\">\n      <mat-icon>close</mat-icon>\n    </button>\n    <button mat-fab (click)=\"accept()\" color=\"primary\" [disabled]=\"!isDrawn\" class=\"ajf-signature-action-accept\">\n      <mat-icon>check</mat-icon>\n    </button>\n  </div>\n\n  <img class=\"ajf-signature-preview\" [src]=\"value?.content\" />\n</div>\n","/**\n * @license\n * Copyright (C) Gnucoop soc. coop.\n *\n * This file is part of the Advanced JSON forms (ajf).\n *\n * Advanced JSON forms (ajf) is free software: you can redistribute it and/or\n * modify it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the License,\n * or (at your option) any later version.\n *\n * Advanced JSON forms (ajf) is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero\n * General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with Advanced JSON forms (ajf).\n * If not, see http://www.gnu.org/licenses/.\n *\n */\n\nimport {AjfCommonModule} from '@ajf/core/common';\nimport {AjfTranslocoModule} from '@ajf/core/transloco';\nimport {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {MatButtonModule} from '@angular/material/button';\nimport {MatIconModule} from '@angular/material/icon';\n\nimport {AjfSignatureComponent} from './signature';\nimport {FormsModule} from '@angular/forms';\n\n@NgModule({\n  imports: [\n    AjfCommonModule,\n    AjfTranslocoModule,\n    CommonModule,\n    FormsModule,\n    MatButtonModule,\n    MatIconModule,\n  ],\n  declarations: [AjfSignatureComponent],\n  exports: [AjfSignatureComponent],\n})\nexport class AjfSignatureModule {}\n","/**\n * @license\n * Copyright (C) Gnucoop soc. coop.\n *\n * This file is part of the Advanced JSON forms (ajf).\n *\n * Advanced JSON forms (ajf) is free software: you can redistribute it and/or\n * modify it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the License,\n * or (at your option) any later version.\n *\n * Advanced JSON forms (ajf) is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero\n * General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with Advanced JSON forms (ajf).\n * If not, see http://www.gnu.org/licenses/.\n *\n */\n\nexport * from './signature';\nexport * from './signature-module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/form-builder/form-builder-service.d.ts

@@ -161,6 +161,13 @@ export declare class AjfFormBuilderService {
         choices: any[];
     }): void;
     saveStringIdentifier(identifier: AjfFormStringIdentifier[]): void;
+    /**
+     * Searches the form nodes for field nodes with choicesOriginRef corresponding
+     * to an edited choicesOrigin and updates it with the new name.
+     * @param previous_name The choicesOrigin previous name
+     * @param new_name The choicesOrigin new name
+     */
+    private _updateChoicesOriginRefInNodes;
     private _buildFormBuilderNodesTree;
     /**
      * Adds the id of a dropList to be connected with the FormBuilder source list.

package/form-builder/node-properties.d.ts

@@ -147,6 +147,7 @@ export declare class AjfFbNodeProperties implements OnDestroy {
     isField(nodeEntry: AjfFormBuilderNodeEntry | null): boolean;
     isNumericField(node: AjfNode): node is AjfNumberField;
     isFieldWithChoices(node: AjfNode): node is AjfFieldWithChoices<any>;
+    hasChoicesOriginRef(): Observable<boolean>;
     isRangeField(node: AjfNode): node is AjfRangeField;
     isTableField(node: AjfNode): node is AjfTableField;
     save(): void;

package/forms/forms-module.d.ts

@@ -12,41 +12,43 @@ import * as i9 from "./geolocation-field";
 import * as i10 from "./input-field";
 import * as i11 from "./multiple-choice-field";
 import * as i12 from "./range-field";
-import * as i13 from "./single-choice-field";
-import * as i14 from "./table-field";
-import * as i15 from "./text-field";
-import * as i16 from "./time-field";
-import * as i17 from "./video-url-field";
-import * as i18 from "@ajf/material/barcode";
-import * as i19 from "@ajf/material/calendar";
-import * as i20 from "@ajf/core/common";
-import * as i21 from "@ajf/material/checkbox-group";
-import * as i22 from "@ajf/material/geolocation";
-import * as i23 from "@ajf/material/page-slider";
-import * as i24 from "@ajf/material/time";
-import * as i25 from "@ajf/core/transloco";
-import * as i26 from "@angular/common";
-import * as i27 from "@ajf/core/forms";
-import * as i28 from "@angular/material/button";
-import * as i29 from "@angular/material/button-toggle";
-import * as i30 from "@angular/material/card";
-import * as i31 from "@angular/material/datepicker";
-import * as i32 from "@angular/material/dialog";
-import * as i33 from "@angular/material/form-field";
-import * as i34 from "@angular/material/icon";
-import * as i35 from "@angular/material/input";
-import * as i36 from "@angular/material/core";
-import * as i37 from "@angular/material/radio";
-import * as i38 from "@angular/material/select";
-import * as i39 from "@angular/material/slide-toggle";
-import * as i40 from "@angular/material/toolbar";
-import * as i41 from "@angular/material/tooltip";
-import * as i42 from "@angular/forms";
-import * as i43 from "@angular/cdk/text-field";
-import * as i44 from "@angular/material/slider";
+import * as i13 from "./signature-field";
+import * as i14 from "./single-choice-field";
+import * as i15 from "./table-field";
+import * as i16 from "./text-field";
+import * as i17 from "./time-field";
+import * as i18 from "./video-url-field";
+import * as i19 from "@ajf/material/barcode";
+import * as i20 from "@ajf/material/calendar";
+import * as i21 from "@ajf/core/common";
+import * as i22 from "@ajf/material/checkbox-group";
+import * as i23 from "@ajf/material/geolocation";
+import * as i24 from "@ajf/material/page-slider";
+import * as i25 from "@ajf/material/signature";
+import * as i26 from "@ajf/material/time";
+import * as i27 from "@ajf/core/transloco";
+import * as i28 from "@angular/common";
+import * as i29 from "@ajf/core/forms";
+import * as i30 from "@angular/material/button";
+import * as i31 from "@angular/material/button-toggle";
+import * as i32 from "@angular/material/card";
+import * as i33 from "@angular/material/datepicker";
+import * as i34 from "@angular/material/dialog";
+import * as i35 from "@angular/material/form-field";
+import * as i36 from "@angular/material/icon";
+import * as i37 from "@angular/material/input";
+import * as i38 from "@angular/material/core";
+import * as i39 from "@angular/material/radio";
+import * as i40 from "@angular/material/select";
+import * as i41 from "@angular/material/slide-toggle";
+import * as i42 from "@angular/material/toolbar";
+import * as i43 from "@angular/material/tooltip";
+import * as i44 from "@angular/forms";
+import * as i45 from "@angular/cdk/text-field";
+import * as i46 from "@angular/material/slider";
 export declare class AjfFormsModule {
     static forRoot(): ModuleWithProviders<AjfFormsModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AjfFormsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AjfFormsModule, [typeof i1.AjfBarcodeFieldComponent, typeof i2.AjfBooleanFieldComponent, typeof i3.AjfDateFieldComponent, typeof i4.AjfDateInputFieldComponent, typeof i5.AjfEmptyFieldComponent, typeof i6.AjfFieldWarningDialog, typeof i7.AjfFormField, typeof i8.AjfFormRenderer, typeof i9.AjfGeolocationFieldComponent, typeof i10.AjfInputFieldComponent, typeof i11.AjfMultipleChoiceFieldComponent, typeof i12.AjfRangeFieldComponent, typeof i13.AjfSingleChoiceFieldComponent, typeof i14.AjfTableFieldComponent, typeof i15.AjfTextFieldComponent, typeof i16.AjfTimeFieldComponent, typeof i17.AjfVideoUrlFieldComponent], [typeof i18.AjfBarcodeModule, typeof i19.AjfCalendarModule, typeof i20.AjfCommonModule, typeof i21.AjfCheckboxGroupModule, typeof i22.AjfGeolocationModule, typeof i23.AjfPageSliderModule, typeof i24.AjfTimeModule, typeof i25.AjfTranslocoModule, typeof i26.CommonModule, typeof i27.AjfFormsModule, typeof i28.MatButtonModule, typeof i29.MatButtonToggleModule, typeof i30.MatCardModule, typeof i31.MatDatepickerModule, typeof i32.MatDialogModule, typeof i33.MatFormFieldModule, typeof i34.MatIconModule, typeof i35.MatInputModule, typeof i36.MatNativeDateModule, typeof i37.MatRadioModule, typeof i38.MatSelectModule, typeof i39.MatSlideToggleModule, typeof i40.MatToolbarModule, typeof i41.MatTooltipModule, typeof i42.ReactiveFormsModule, typeof i43.TextFieldModule, typeof i44.MatSliderModule], [typeof i7.AjfFormField, typeof i8.AjfFormRenderer]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AjfFormsModule, [typeof i1.AjfBarcodeFieldComponent, typeof i2.AjfBooleanFieldComponent, typeof i3.AjfDateFieldComponent, typeof i4.AjfDateInputFieldComponent, typeof i5.AjfEmptyFieldComponent, typeof i6.AjfFieldWarningDialog, typeof i7.AjfFormField, typeof i8.AjfFormRenderer, typeof i9.AjfGeolocationFieldComponent, typeof i10.AjfInputFieldComponent, typeof i11.AjfMultipleChoiceFieldComponent, typeof i12.AjfRangeFieldComponent, typeof i13.AjfSignatureFieldComponent, typeof i14.AjfSingleChoiceFieldComponent, typeof i15.AjfTableFieldComponent, typeof i16.AjfTextFieldComponent, typeof i17.AjfTimeFieldComponent, typeof i18.AjfVideoUrlFieldComponent], [typeof i19.AjfBarcodeModule, typeof i20.AjfCalendarModule, typeof i21.AjfCommonModule, typeof i22.AjfCheckboxGroupModule, typeof i23.AjfGeolocationModule, typeof i24.AjfPageSliderModule, typeof i25.AjfSignatureModule, typeof i26.AjfTimeModule, typeof i27.AjfTranslocoModule, typeof i28.CommonModule, typeof i29.AjfFormsModule, typeof i30.MatButtonModule, typeof i31.MatButtonToggleModule, typeof i32.MatCardModule, typeof i33.MatDatepickerModule, typeof i34.MatDialogModule, typeof i35.MatFormFieldModule, typeof i36.MatIconModule, typeof i37.MatInputModule, typeof i38.MatNativeDateModule, typeof i39.MatRadioModule, typeof i40.MatSelectModule, typeof i41.MatSlideToggleModule, typeof i42.MatToolbarModule, typeof i43.MatTooltipModule, typeof i44.ReactiveFormsModule, typeof i45.TextFieldModule, typeof i46.MatSliderModule], [typeof i7.AjfFormField, typeof i8.AjfFormRenderer]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AjfFormsModule>;
 }

package/forms/signature-field.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @license
+ * Copyright (C) Gnucoop soc. coop.
+ *
+ * This file is part of the Advanced JSON forms (ajf).
+ *
+ * Advanced JSON forms (ajf) is free software: you can redistribute it and/or
+ * modify it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the License,
+ * or (at your option) any later version.
+ *
+ * Advanced JSON forms (ajf) is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero
+ * General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with Advanced JSON forms (ajf).
+ * If not, see http://www.gnu.org/licenses/.
+ *
+ */
+import { ChangeDetectorRef } from '@angular/core';
+import { AjfBaseFieldComponent, AjfFormRendererService } from '@ajf/core/forms';
+import { AjfWarningAlertService } from './warning-alert-service';
+import * as i0 from "@angular/core";
+/**
+ * It allows the loading of a Signature canvas image inside an AjfForm.
+ *
+ * @export
+ * @class AjfSignatureFieldComponent
+ */
+export declare class AjfSignatureFieldComponent extends AjfBaseFieldComponent {
+    constructor(cdr: ChangeDetectorRef, service: AjfFormRendererService, was: AjfWarningAlertService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AjfSignatureFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AjfSignatureFieldComponent, "ajf-signature-field", never, {}, {}, never, never, false, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ajf/material",
-  "version": "15.3.2",
+  "version": "15.3.4",
   "description": "",
   "repository": {
     "type": "git",
@@ -13,7 +13,7 @@
   },
   "homepage": "https://github.com/gnucoop/ajf#readme",
   "peerDependencies": {
-    "@ajf/core": "15.3.2",
+    "@ajf/core": "15.3.4",
     "@angular/animations": "^15.0.4",
     "@angular/cdk": "^15.0.3",
     "@angular/common": "^15.0.4",
@@ -123,6 +123,14 @@
       "node": "./fesm2015/ajf-material-reports.mjs",
       "default": "./fesm2020/ajf-material-reports.mjs"
     },
+    "./signature": {
+      "types": "./signature/index.d.ts",
+      "esm2020": "./esm2020/signature/ajf-material-signature.mjs",
+      "es2020": "./fesm2020/ajf-material-signature.mjs",
+      "es2015": "./fesm2015/ajf-material-signature.mjs",
+      "node": "./fesm2015/ajf-material-signature.mjs",
+      "default": "./fesm2020/ajf-material-signature.mjs"
+    },
     "./time": {
       "types": "./time/index.d.ts",
       "esm2020": "./esm2020/time/ajf-material-time.mjs",

package/signature/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ajf/material/signature" />
+export * from './public_api';

package/signature/public_api.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright (C) Gnucoop soc. coop.
+ *
+ * This file is part of the Advanced JSON forms (ajf).
+ *
+ * Advanced JSON forms (ajf) is free software: you can redistribute it and/or
+ * modify it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the License,
+ * or (at your option) any later version.
+ *
+ * Advanced JSON forms (ajf) is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero
+ * General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with Advanced JSON forms (ajf).
+ * If not, see http://www.gnu.org/licenses/.
+ *
+ */
+export * from './signature';
+export * from './signature-module';

package/signature/signature-module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./signature";
+import * as i2 from "@ajf/core/common";
+import * as i3 from "@ajf/core/transloco";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/icon";
+export declare class AjfSignatureModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AjfSignatureModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AjfSignatureModule, [typeof i1.AjfSignatureComponent], [typeof i2.AjfCommonModule, typeof i3.AjfTranslocoModule, typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.MatButtonModule, typeof i7.MatIconModule], [typeof i1.AjfSignatureComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AjfSignatureModule>;
+}

package/signature/signature.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @license
+ * Copyright (C) Gnucoop soc. coop.
+ *
+ * This file is part of the Advanced JSON forms (ajf).
+ *
+ * Advanced JSON forms (ajf) is free software: you can redistribute it and/or
+ * modify it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the License,
+ * or (at your option) any later version.
+ *
+ * Advanced JSON forms (ajf) is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero
+ * General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with Advanced JSON forms (ajf).
+ * If not, see http://www.gnu.org/licenses/.
+ *
+ */
+import { AjfSignature } from '@ajf/core/signature';
+import { AfterViewInit, ChangeDetectorRef, OnDestroy, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const SIGNATURE_CONTROL_VALUE_ACCESSOR: any;
+/**
+ * Ajf signature component.
+ */
+export declare class AjfSignatureComponent extends AjfSignature implements OnDestroy, AfterViewInit {
+    constructor(cdr: ChangeDetectorRef, renderer: Renderer2);
+    ngAfterViewInit(): void;
+    clear(): void;
+    accept(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AjfSignatureComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AjfSignatureComponent, "ajf-signature", never, {}, {}, never, never, false, never>;
+}