@ajf/material 18.5.0 → 18.5.2

package/fesm2022/ajf-material-node-icon.mjs

@@ -36,6 +36,9 @@ class AjfNodeIcon extends AjfNodeIcon$1 {
         if (node.nodeType === AjfNodeType.AjfRepeatingSlide) {
             return 'create_new_folder';
         }
+        if (node.nodeType === AjfNodeType.AjfNodeGroup) {
+            return 'view_agenda';
+        }
         if (node.nodeType !== AjfNodeType.AjfField) {
             return 'broken_image';
         }

package/fesm2022/ajf-material-node-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ajf-material-node-icon.mjs","sources":["../../../projects/material/node-icon/src/node-icon.ts","../../../projects/material/node-icon/src/node-icon.html","../../../projects/material/node-icon/src/node-icon-module.ts","../../../projects/material/node-icon/src/public_api.ts","../../../projects/material/node-icon/src/ajf-material-node-icon.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 {AjfField, AjfFieldType, AjfNode, AjfNodeType} from '@ajf/core/forms';\nimport {AjfNodeIcon as CoreNodeIcon} from '@ajf/core/node-icon';\nimport {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n  selector: 'ajf-node-icon',\n  templateUrl: 'node-icon.html',\n  styleUrls: ['node-icon.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AjfNodeIcon extends CoreNodeIcon {\n  matIcon(node: AjfNode): string {\n    if (node.nodeType === AjfNodeType.AjfSlide) {\n      return 'folder';\n    }\n    if (node.nodeType === AjfNodeType.AjfRepeatingSlide) {\n      return 'create_new_folder';\n    }\n    if (node.nodeType !== AjfNodeType.AjfField) {\n      return 'broken_image';\n    }\n    switch ((node as AjfField).fieldType as AjfFieldType) {\n      case AjfFieldType.String:\n      case AjfFieldType.Text:\n        return 'abc';\n      case AjfFieldType.Number:\n      case AjfFieldType.Range:\n        return 'pin';\n      case AjfFieldType.Boolean:\n        return 'toggle_off';\n      case AjfFieldType.SingleChoice:\n        return 'format_list_bulleted';\n      case AjfFieldType.MultipleChoice:\n        return 'format_list_numbered';\n      case AjfFieldType.Formula:\n        return 'code';\n      case AjfFieldType.Empty:\n        return 'html';\n      case AjfFieldType.DateRange:\n      case AjfFieldType.DateInput:\n        return 'calendar_month';\n      case AjfFieldType.Time:\n        return 'access_time';\n      case AjfFieldType.Table:\n        return 'grid_on';\n      case AjfFieldType.Geolocation:\n        return 'location_on';\n      case AjfFieldType.Barcode:\n        return 'qr_code_2';\n      case AjfFieldType.File:\n        return 'attach_file';\n      case AjfFieldType.Image:\n        return 'image';\n      case AjfFieldType.VideoUrl:\n        return 'videocam';\n      case AjfFieldType.Signature:\n        return 'draw';\n      default:\n        return 'broken_image';\n    }\n  }\n}\n","<ng-template [ngIf]=\"node\">\n  <mat-icon>{{matIcon(node)}}</mat-icon>\n</ng-template>\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 {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {MatIconModule} from '@angular/material/icon';\n\nimport {AjfNodeIcon} from './node-icon';\n\n@NgModule({\n  imports: [CommonModule, MatIconModule],\n  declarations: [AjfNodeIcon],\n  exports: [AjfNodeIcon],\n})\nexport class AjfNodeIconModule {}\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 './node-icon-module';\nexport * from './node-icon';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["CoreNodeIcon"],"mappings":"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"}
+{"version":3,"file":"ajf-material-node-icon.mjs","sources":["../../../projects/material/node-icon/src/node-icon.ts","../../../projects/material/node-icon/src/node-icon.html","../../../projects/material/node-icon/src/node-icon-module.ts","../../../projects/material/node-icon/src/public_api.ts","../../../projects/material/node-icon/src/ajf-material-node-icon.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 {AjfField, AjfFieldType, AjfNode, AjfNodeType} from '@ajf/core/forms';\nimport {AjfNodeIcon as CoreNodeIcon} from '@ajf/core/node-icon';\nimport {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n  selector: 'ajf-node-icon',\n  templateUrl: 'node-icon.html',\n  styleUrls: ['node-icon.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AjfNodeIcon extends CoreNodeIcon {\n  matIcon(node: AjfNode): string {\n    if (node.nodeType === AjfNodeType.AjfSlide) {\n      return 'folder';\n    }\n    if (node.nodeType === AjfNodeType.AjfRepeatingSlide) {\n      return 'create_new_folder';\n    }\n    if (node.nodeType === AjfNodeType.AjfNodeGroup) {\n      return 'view_agenda';\n    }\n    if (node.nodeType !== AjfNodeType.AjfField) {\n      return 'broken_image';\n    }\n    switch ((node as AjfField).fieldType as AjfFieldType) {\n      case AjfFieldType.String:\n      case AjfFieldType.Text:\n        return 'abc';\n      case AjfFieldType.Number:\n      case AjfFieldType.Range:\n        return 'pin';\n      case AjfFieldType.Boolean:\n        return 'toggle_off';\n      case AjfFieldType.SingleChoice:\n        return 'format_list_bulleted';\n      case AjfFieldType.MultipleChoice:\n        return 'format_list_numbered';\n      case AjfFieldType.Formula:\n        return 'code';\n      case AjfFieldType.Empty:\n        return 'html';\n      case AjfFieldType.DateRange:\n      case AjfFieldType.DateInput:\n        return 'calendar_month';\n      case AjfFieldType.Time:\n        return 'access_time';\n      case AjfFieldType.Table:\n        return 'grid_on';\n      case AjfFieldType.Geolocation:\n        return 'location_on';\n      case AjfFieldType.Barcode:\n        return 'qr_code_2';\n      case AjfFieldType.File:\n        return 'attach_file';\n      case AjfFieldType.Image:\n        return 'image';\n      case AjfFieldType.VideoUrl:\n        return 'videocam';\n      case AjfFieldType.Signature:\n        return 'draw';\n      default:\n        return 'broken_image';\n    }\n  }\n}\n","<ng-template [ngIf]=\"node\">\n  <mat-icon>{{matIcon(node)}}</mat-icon>\n</ng-template>\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 {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {MatIconModule} from '@angular/material/icon';\n\nimport {AjfNodeIcon} from './node-icon';\n\n@NgModule({\n  imports: [CommonModule, MatIconModule],\n  declarations: [AjfNodeIcon],\n  exports: [AjfNodeIcon],\n})\nexport class AjfNodeIconModule {}\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 './node-icon-module';\nexport * from './node-icon';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["CoreNodeIcon"],"mappings":"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"}

package/fesm2022/ajf-material-signature.mjs

@@ -106,11 +106,11 @@ class AjfSignatureComponent extends AjfSignature {
         return;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AjfSignatureComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AjfSignatureComponent, selector: "ajf-signature", providers: [SIGNATURE_CONTROL_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "<div class=\"ajf-signature-container\">\n  <div class=\"ajf-signature-pad\">\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    <span class=\"ajf-signature-text\" *ngIf=\"!isDrawn && !safeImageSrc\">{{\n      'Sign here to continue' | transloco\n    }}</span>\n  </div>\n\n  <div class=\"ajf-signature-actions\">\n    <button\n      type=\"button\"\n      class=\"ajf-signature-accept\"\n      (click)=\"accept()\"\n      [disabled]=\"!isDrawn\"\n    >\n      {{ 'Approve signature' | transloco }}\n      <span class=\"ajf-signature-kbd\" aria-hidden=\"true\">&#8984;&crarr;</span>\n    </button>\n    <button type=\"button\" class=\"ajf-signature-clear\" (click)=\"clear()\">\n      {{ 'Clear' | transloco }}\n    </button>\n  </div>\n\n  <img class=\"ajf-signature-preview\" *ngIf=\"safeImageSrc\" [src]=\"safeImageSrc\" alt=\"\" />\n</div>\n", styles: ["ajf-signature{display:block}ajf-signature .ajf-signature-container{display:flex;flex-wrap:wrap;align-items:center;gap:12px;width:100%}ajf-signature .ajf-signature-pad{position:relative;display:flex;align-items:center;justify-content:center;border:1px dashed var(--ajf-border-strong, #d5cfc6);border-radius:var(--ajf-radius, 4px);background:var(--ajf-surface, #fff)}ajf-signature .ajf-signature-canvas{display:block;touch-action:none}ajf-signature .ajf-signature-text{position:absolute;color:var(--ajf-text-faint, #a49c92);font-family:var(--ajf-font-mono, monospace);font-size:13px;pointer-events:none}ajf-signature .ajf-signature-actions{display:flex;align-items:center;gap:12px}ajf-signature .ajf-signature-accept{display:inline-flex;align-items:center;gap:8px;min-height:var(--ajf-control-h, 44px);padding:0 16px;border:1px solid var(--ajf-accent, #0f4c5c);border-radius:var(--ajf-radius, 4px);background:var(--ajf-accent, #0f4c5c);color:var(--ajf-accent-fg, #fff);font-family:inherit;font-size:14px;cursor:pointer}ajf-signature .ajf-signature-accept:disabled{border-color:var(--ajf-border-strong, #d5cfc6);background:var(--ajf-band, #faf8f5);color:var(--ajf-text-faint, #a49c92);cursor:default}ajf-signature .ajf-signature-kbd{padding:1px 5px;border-radius:3px;background:var(--ajf-kbd-bg, rgba(255, 255, 255, .22));font-family:var(--ajf-font-mono, monospace);font-size:10px}ajf-signature .ajf-signature-clear{padding:0 4px;border:0;background:none;color:var(--ajf-text-muted, #7a736a);font-family:inherit;font-size:14px;cursor:pointer}ajf-signature .ajf-signature-clear:hover{text-decoration:underline}ajf-signature .ajf-signature-preview{max-width:200px;max-height:100px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AjfSignatureComponent, selector: "ajf-signature", providers: [SIGNATURE_CONTROL_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "<div class=\"ajf-signature-container\">\n  <div class=\"ajf-signature-pad\">\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    <span class=\"ajf-signature-text\" *ngIf=\"!isDrawn && !safeImageSrc\">{{\n      'Sign here to continue' | transloco\n    }}</span>\n  </div>\n\n  <div class=\"ajf-signature-actions\">\n    <button\n      type=\"button\"\n      class=\"ajf-signature-accept\"\n      (click)=\"accept()\"\n      [disabled]=\"!isDrawn\"\n    >\n      {{ 'Approve signature' | transloco }}\n      <span class=\"ajf-signature-kbd\" aria-hidden=\"true\">&#8984;&crarr;</span>\n    </button>\n    <button type=\"button\" class=\"ajf-signature-clear\" (click)=\"clear()\">\n      {{ 'Clear' | transloco }}\n    </button>\n  </div>\n\n  <img class=\"ajf-signature-preview\" *ngIf=\"safeImageSrc\" [src]=\"safeImageSrc\" alt=\"\" />\n</div>\n", styles: ["ajf-signature{display:block}ajf-signature .ajf-signature-container{display:flex;flex-wrap:wrap;align-items:center;gap:12px;width:100%}ajf-signature .ajf-signature-pad{position:relative;display:flex;align-items:center;justify-content:center;border:1px dashed var(--ajf-border-strong, #d5cfc6);border-radius:var(--ajf-radius, 4px);background:#fff}ajf-signature .ajf-signature-canvas{display:block;touch-action:none}ajf-signature .ajf-signature-text{position:absolute;color:var(--ajf-text-faint, #a49c92);font-family:var(--ajf-font-mono, monospace);font-size:13px;pointer-events:none}ajf-signature .ajf-signature-actions{display:flex;align-items:center;gap:12px}ajf-signature .ajf-signature-accept{display:inline-flex;align-items:center;gap:8px;min-height:var(--ajf-control-h, 44px);padding:0 16px;border:1px solid var(--ajf-accent, #0f4c5c);border-radius:var(--ajf-radius, 4px);background:var(--ajf-accent, #0f4c5c);color:var(--ajf-accent-fg, #fff);font-family:inherit;font-size:14px;cursor:pointer}ajf-signature .ajf-signature-accept:disabled{border-color:var(--ajf-border-strong, #d5cfc6);background:var(--ajf-band, #faf8f5);color:var(--ajf-text-faint, #a49c92);cursor:default}ajf-signature .ajf-signature-kbd{padding:1px 5px;border-radius:3px;background:var(--ajf-kbd-bg, rgba(255, 255, 255, .22));font-family:var(--ajf-font-mono, monospace);font-size:10px}ajf-signature .ajf-signature-clear{padding:0 4px;border:0;background:none;color:var(--ajf-text-muted, #7a736a);font-family:inherit;font-size:14px;cursor:pointer}ajf-signature .ajf-signature-clear:hover{text-decoration:underline}ajf-signature .ajf-signature-preview{background:#fff;max-width:200px;max-height:100px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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  <div class=\"ajf-signature-pad\">\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    <span class=\"ajf-signature-text\" *ngIf=\"!isDrawn && !safeImageSrc\">{{\n      'Sign here to continue' | transloco\n    }}</span>\n  </div>\n\n  <div class=\"ajf-signature-actions\">\n    <button\n      type=\"button\"\n      class=\"ajf-signature-accept\"\n      (click)=\"accept()\"\n      [disabled]=\"!isDrawn\"\n    >\n      {{ 'Approve signature' | transloco }}\n      <span class=\"ajf-signature-kbd\" aria-hidden=\"true\">&#8984;&crarr;</span>\n    </button>\n    <button type=\"button\" class=\"ajf-signature-clear\" (click)=\"clear()\">\n      {{ 'Clear' | transloco }}\n    </button>\n  </div>\n\n  <img class=\"ajf-signature-preview\" *ngIf=\"safeImageSrc\" [src]=\"safeImageSrc\" alt=\"\" />\n</div>\n", styles: ["ajf-signature{display:block}ajf-signature .ajf-signature-container{display:flex;flex-wrap:wrap;align-items:center;gap:12px;width:100%}ajf-signature .ajf-signature-pad{position:relative;display:flex;align-items:center;justify-content:center;border:1px dashed var(--ajf-border-strong, #d5cfc6);border-radius:var(--ajf-radius, 4px);background:var(--ajf-surface, #fff)}ajf-signature .ajf-signature-canvas{display:block;touch-action:none}ajf-signature .ajf-signature-text{position:absolute;color:var(--ajf-text-faint, #a49c92);font-family:var(--ajf-font-mono, monospace);font-size:13px;pointer-events:none}ajf-signature .ajf-signature-actions{display:flex;align-items:center;gap:12px}ajf-signature .ajf-signature-accept{display:inline-flex;align-items:center;gap:8px;min-height:var(--ajf-control-h, 44px);padding:0 16px;border:1px solid var(--ajf-accent, #0f4c5c);border-radius:var(--ajf-radius, 4px);background:var(--ajf-accent, #0f4c5c);color:var(--ajf-accent-fg, #fff);font-family:inherit;font-size:14px;cursor:pointer}ajf-signature .ajf-signature-accept:disabled{border-color:var(--ajf-border-strong, #d5cfc6);background:var(--ajf-band, #faf8f5);color:var(--ajf-text-faint, #a49c92);cursor:default}ajf-signature .ajf-signature-kbd{padding:1px 5px;border-radius:3px;background:var(--ajf-kbd-bg, rgba(255, 255, 255, .22));font-family:var(--ajf-font-mono, monospace);font-size:10px}ajf-signature .ajf-signature-clear{padding:0 4px;border:0;background:none;color:var(--ajf-text-muted, #7a736a);font-family:inherit;font-size:14px;cursor:pointer}ajf-signature .ajf-signature-clear:hover{text-decoration:underline}ajf-signature .ajf-signature-preview{max-width:200px;max-height:100px}\n"] }]
+            args: [{ selector: 'ajf-signature', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [SIGNATURE_CONTROL_VALUE_ACCESSOR], template: "<div class=\"ajf-signature-container\">\n  <div class=\"ajf-signature-pad\">\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    <span class=\"ajf-signature-text\" *ngIf=\"!isDrawn && !safeImageSrc\">{{\n      'Sign here to continue' | transloco\n    }}</span>\n  </div>\n\n  <div class=\"ajf-signature-actions\">\n    <button\n      type=\"button\"\n      class=\"ajf-signature-accept\"\n      (click)=\"accept()\"\n      [disabled]=\"!isDrawn\"\n    >\n      {{ 'Approve signature' | transloco }}\n      <span class=\"ajf-signature-kbd\" aria-hidden=\"true\">&#8984;&crarr;</span>\n    </button>\n    <button type=\"button\" class=\"ajf-signature-clear\" (click)=\"clear()\">\n      {{ 'Clear' | transloco }}\n    </button>\n  </div>\n\n  <img class=\"ajf-signature-preview\" *ngIf=\"safeImageSrc\" [src]=\"safeImageSrc\" alt=\"\" />\n</div>\n", styles: ["ajf-signature{display:block}ajf-signature .ajf-signature-container{display:flex;flex-wrap:wrap;align-items:center;gap:12px;width:100%}ajf-signature .ajf-signature-pad{position:relative;display:flex;align-items:center;justify-content:center;border:1px dashed var(--ajf-border-strong, #d5cfc6);border-radius:var(--ajf-radius, 4px);background:#fff}ajf-signature .ajf-signature-canvas{display:block;touch-action:none}ajf-signature .ajf-signature-text{position:absolute;color:var(--ajf-text-faint, #a49c92);font-family:var(--ajf-font-mono, monospace);font-size:13px;pointer-events:none}ajf-signature .ajf-signature-actions{display:flex;align-items:center;gap:12px}ajf-signature .ajf-signature-accept{display:inline-flex;align-items:center;gap:8px;min-height:var(--ajf-control-h, 44px);padding:0 16px;border:1px solid var(--ajf-accent, #0f4c5c);border-radius:var(--ajf-radius, 4px);background:var(--ajf-accent, #0f4c5c);color:var(--ajf-accent-fg, #fff);font-family:inherit;font-size:14px;cursor:pointer}ajf-signature .ajf-signature-accept:disabled{border-color:var(--ajf-border-strong, #d5cfc6);background:var(--ajf-band, #faf8f5);color:var(--ajf-text-faint, #a49c92);cursor:default}ajf-signature .ajf-signature-kbd{padding:1px 5px;border-radius:3px;background:var(--ajf-kbd-bg, rgba(255, 255, 255, .22));font-family:var(--ajf-font-mono, monospace);font-size:10px}ajf-signature .ajf-signature-clear{padding:0 4px;border:0;background:none;color:var(--ajf-text-muted, #7a736a);font-family:inherit;font-size:14px;cursor:pointer}ajf-signature .ajf-signature-clear:hover{text-decoration:underline}ajf-signature .ajf-signature-preview{background:#fff;max-width:200px;max-height:100px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i1.DomSanitizer }] });
 
 /**

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

@@ -1 +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, canvasToIndexedPngDataUrl} 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';\nimport {DomSanitizer, SafeUrl} from '@angular/platform-browser';\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, private _sanitizer: DomSanitizer) {\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  /**\n   * Clears the signature value and preview (keeps the old url to delete old signature from storage)\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 = {\n      name: 'signature.png',\n      type: 'image/png',\n      signature: true,\n      size: undefined,\n      content: undefined,\n      url: this.value?.url ?? undefined,\n      deleteUrl: true,\n    };\n  }\n\n  /**\n   * Accepts the new signature from the canvas and sets it as field value (keeps the old url to delete old signature from storage)\n   */\n  accept() {\n    if (this.sigPadElement != null) {\n      // const signatureDataUrl = this.sigPadElement.toDataURL('image/png');\n      const signatureDataUrl = canvasToIndexedPngDataUrl(this.sigPadElement);\n\n      const head = 'data:image/png;base64,';\n      const imgFileSize = Math.round(((signatureDataUrl.length - head.length) * 3) / 4);\n\n      this.value = {\n        name: 'signature.png',\n        type: 'image/png',\n        signature: true,\n        size: imgFileSize,\n        content: signatureDataUrl,\n        url: this.value?.url ?? undefined,\n        deleteUrl: false,\n      };\n    }\n  }\n\n  /**\n   * Sanitizes signature image url\n   */\n  get safeImageSrc(): SafeUrl | string | null {\n    if (!this.value) return null;\n    if (!this.value.content && this.value.deleteUrl) return null;\n\n    const rawUrl =\n      this.value.content && this.value.content.length ? this.value.content : this.value.url;\n    if (!rawUrl) return null;\n\n    const sanitizedUrl = this._sanitizer.bypassSecurityTrustUrl(rawUrl);\n    return sanitizedUrl;\n  }\n\n  ngOnDestroy(): void {\n    return;\n  }\n}\n","<div class=\"ajf-signature-container\">\n  <div class=\"ajf-signature-pad\">\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    <span class=\"ajf-signature-text\" *ngIf=\"!isDrawn && !safeImageSrc\">{{\n      'Sign here to continue' | transloco\n    }}</span>\n  </div>\n\n  <div class=\"ajf-signature-actions\">\n    <button\n      type=\"button\"\n      class=\"ajf-signature-accept\"\n      (click)=\"accept()\"\n      [disabled]=\"!isDrawn\"\n    >\n      {{ 'Approve signature' | transloco }}\n      <span class=\"ajf-signature-kbd\" aria-hidden=\"true\">&#8984;&crarr;</span>\n    </button>\n    <button type=\"button\" class=\"ajf-signature-clear\" (click)=\"clear()\">\n      {{ 'Clear' | transloco }}\n    </button>\n  </div>\n\n  <img class=\"ajf-signature-preview\" *ngIf=\"safeImageSrc\" [src]=\"safeImageSrc\" alt=\"\" />\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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"}
+{"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, canvasToIndexedPngDataUrl} 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';\nimport {DomSanitizer, SafeUrl} from '@angular/platform-browser';\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, private _sanitizer: DomSanitizer) {\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  /**\n   * Clears the signature value and preview (keeps the old url to delete old signature from storage)\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 = {\n      name: 'signature.png',\n      type: 'image/png',\n      signature: true,\n      size: undefined,\n      content: undefined,\n      url: this.value?.url ?? undefined,\n      deleteUrl: true,\n    };\n  }\n\n  /**\n   * Accepts the new signature from the canvas and sets it as field value (keeps the old url to delete old signature from storage)\n   */\n  accept() {\n    if (this.sigPadElement != null) {\n      // const signatureDataUrl = this.sigPadElement.toDataURL('image/png');\n      const signatureDataUrl = canvasToIndexedPngDataUrl(this.sigPadElement);\n\n      const head = 'data:image/png;base64,';\n      const imgFileSize = Math.round(((signatureDataUrl.length - head.length) * 3) / 4);\n\n      this.value = {\n        name: 'signature.png',\n        type: 'image/png',\n        signature: true,\n        size: imgFileSize,\n        content: signatureDataUrl,\n        url: this.value?.url ?? undefined,\n        deleteUrl: false,\n      };\n    }\n  }\n\n  /**\n   * Sanitizes signature image url\n   */\n  get safeImageSrc(): SafeUrl | string | null {\n    if (!this.value) return null;\n    if (!this.value.content && this.value.deleteUrl) return null;\n\n    const rawUrl =\n      this.value.content && this.value.content.length ? this.value.content : this.value.url;\n    if (!rawUrl) return null;\n\n    const sanitizedUrl = this._sanitizer.bypassSecurityTrustUrl(rawUrl);\n    return sanitizedUrl;\n  }\n\n  ngOnDestroy(): void {\n    return;\n  }\n}\n","<div class=\"ajf-signature-container\">\n  <div class=\"ajf-signature-pad\">\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    <span class=\"ajf-signature-text\" *ngIf=\"!isDrawn && !safeImageSrc\">{{\n      'Sign here to continue' | transloco\n    }}</span>\n  </div>\n\n  <div class=\"ajf-signature-actions\">\n    <button\n      type=\"button\"\n      class=\"ajf-signature-accept\"\n      (click)=\"accept()\"\n      [disabled]=\"!isDrawn\"\n    >\n      {{ 'Approve signature' | transloco }}\n      <span class=\"ajf-signature-kbd\" aria-hidden=\"true\">&#8984;&crarr;</span>\n    </button>\n    <button type=\"button\" class=\"ajf-signature-clear\" (click)=\"clear()\">\n      {{ 'Clear' | transloco }}\n    </button>\n  </div>\n\n  <img class=\"ajf-signature-preview\" *ngIf=\"safeImageSrc\" [src]=\"safeImageSrc\" alt=\"\" />\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

@@ -89,6 +89,16 @@ export interface AjfFormBuilderMoveEvent {
 }
 export type AjfFormBuilderNode = AjfFormBuilderNodeEntry | AjfFormBuilderEmptySlot;
 export type AjfContainerNode = AjfSlide | AjfRepeatingSlide | AjfNodeGroup;
+/**
+ * True when the palette entry creates a node group. Groups can be dropped
+ * into a slide or a repeating slide, never into another group.
+ */
+export declare function isGroupNodeType(nodeType: AjfFormBuilderNodeTypeEntry): boolean;
+/**
+ * True when the node can be placed among the content of the container: a slide
+ * holds fields and groups, a group holds fields only.
+ */
+export declare function canContainNode(container: AjfNode, node: AjfNode): boolean;
 /**
  * Take the defaultValue from the ajf form defaultValue prop (non formula)
  * and return the value to be shown in the properties box
@@ -193,6 +203,7 @@ export declare class AjfFormBuilderService {
      */
     private _emptyFieldCounter;
     private _emptySlideCounter;
+    private _emptyGroupCounter;
     constructor();
     /**
      * Sets the current edited form
@@ -231,6 +242,14 @@ export declare class AjfFormBuilderService {
      * @param nodeEntry The node to be moved.
      */
     moveNodeEntry(nodeEntry: AjfFormBuilderNodeEntry, from: number, to: number): void;
+    /**
+     * Moves a node into another container, e.g. a field from a slide into a
+     * group, or out of it.
+     * @param nodeEntry The node to be moved.
+     * @param container The container the node is moved into.
+     * @param toIndex The position of the node among the content of the container.
+     */
+    moveNodeEntryToContainer(nodeEntry: AjfFormBuilderNodeEntry, container: AjfContainerNode, toIndex: number): void;
     getCurrentForm(): Observable<AjfForm>;
     editChoicesOrigin(choicesOrigin: AjfChoicesOrigin<any>): void;
     createChoicesOrigin(): void;
@@ -291,6 +310,10 @@ export declare class AjfFormBuilderService {
     /**
      * Adds the id of a dropList to be connected with the FormBuilder source list.
      * @param listId The id of the list to connect.
+     * @param first True to put the list before the others. The list of a group
+     * lies inside the list of its slide, and the CDK moves a dragged item into
+     * the first connected list under the pointer: the inner list has to come
+     * first, or it could never receive anything.
      */
     private _connectDropList;
     private _findMaxNodeId;

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

@@ -19,6 +19,7 @@
  * If not, see http://www.gnu.org/licenses/.
  *
  */
+import { AjfNode } from '@ajf/core/forms';
 import { CdkDrag, CdkDragDrop } from '@angular/cdk/drag-drop';
 import { AjfFormBuilderNode, AjfFormBuilderNodeEntry, AjfFormBuilderNodeTypeEntry, AjfFormBuilderService } from './form-builder-service';
 /**
@@ -29,6 +30,13 @@ import { AjfFormBuilderNode, AjfFormBuilderNodeEntry, AjfFormBuilderNodeTypeEntr
  * @param content True if the current nodeEntry contains other nodeEntries.
  */
 export declare function onDropProcess(event: CdkDragDrop<AjfFormBuilderNodeEntry> | CdkDragDrop<AjfFormBuilderNodeTypeEntry>, fbService: AjfFormBuilderService, nodeEntry: AjfFormBuilderNode | null, content?: boolean): void;
+/**
+ * Tells whether the dragged item can be dropped among the content of the
+ * container: a slide takes fields and groups, a group takes fields only.
+ * @param item The dragged item, either a palette entry or a node of the form.
+ * @param container The container node owning the drop list.
+ */
+export declare function canDropInContainer(item: CdkDrag<AjfFormBuilderNodeTypeEntry | AjfFormBuilderNodeEntry>, container: AjfNode): boolean;
 /**
  * Disables the drag&drop of Slide items.
  * @param item The dragged item.

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

@@ -63,6 +63,11 @@ export declare class AjfFbNodeEntry implements AfterViewInit, OnDestroy {
     set firstBranchColor(firstBranchColor: string);
     private _currentEditedNode;
     get currentEditedNode(): Observable<AjfFormBuilderNodeEntry | null>;
+    /**
+     * The ids of the drop lists an item dragged from the content of this node can
+     * be moved into, the lists of the groups first.
+     */
+    get connectedDropLists(): Observable<string[]>;
     private _branchLinesSubscription;
     private _childEntriesSubscription;
     constructor(_service: AjfFormBuilderService);
@@ -86,6 +91,11 @@ export declare class AjfFbNodeEntry implements AfterViewInit, OnDestroy {
      * @param empty True if the list is marked as empty.
      */
     assignId(empty?: boolean): string;
+    /**
+     * The enter predicate of the drop lists holding the content of this node.
+     * An arrow function, since the CDK calls it with no `this`.
+     */
+    contentDropPredicate: (item: CdkDrag) => boolean;
     disableSlideDrop(item: CdkDrag<AjfFormBuilderNodeTypeEntry>): boolean;
     disableFieldDrop(item: CdkDrag<AjfFormBuilderNodeTypeEntry>): boolean;
     emptyAreaDropPredicate(): (item: CdkDrag, _drop: CdkDropList) => boolean;

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

@@ -77,7 +77,11 @@ export declare class AjfFbNodeProperties implements OnDestroy, OnInit {
     get nextSlideCondition(): string | undefined;
     private _triggerConditions;
     get triggerConditions(): string[];
-    isRepeatingContainerNode: (nodeEntry: AjfFormBuilderNodeEntry | null) => boolean;
+    /**
+     * True for a repeating slide. A group is a repeating container node too, but
+     * the renderer never repeats it, so it gets no repetitions to edit.
+     */
+    isRepeatingSlide: (nodeEntry: AjfFormBuilderNodeEntry | null) => boolean;
     private _visibilityOptSub;
     private _visibilitySub;
     private _conditionalBranchesSub;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ajf/material",
-  "version": "18.5.0",
+  "version": "18.5.2",
   "description": "",
   "repository": {
     "type": "git",
@@ -13,7 +13,7 @@
   },
   "homepage": "https://github.com/gnucoop/ajf#readme",
   "peerDependencies": {
-    "@ajf/core": "18.5.0",
+    "@ajf/core": "18.5.2",
     "@angular/animations": "^18.2.13",
     "@angular/cdk": "^18.2.14",
     "@angular/common": "^18.2.13",