@ajf/material 15.3.13 → 16.0.0

package/fesm2015/ajf-material-form-builder.mjs

@@ -1,3120 +0,0 @@
-import { AjfTranslocoModule } from '@ajf/core/transloco';
-import * as i2$1 from '@ajf/material/node-icon';
-import { AjfNodeIconModule } from '@ajf/material/node-icon';
-import * as i4$1 from '@angular/cdk/drag-drop';
-import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, EventEmitter, Injectable, ViewChild, ElementRef, ViewChildren, NgModule } from '@angular/core';
-import * as i3$1 from '@angular/forms';
-import { FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i4 from '@angular/material/autocomplete';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import * as i5 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i6$2 from '@angular/material/card';
-import { MatCardModule } from '@angular/material/card';
-import * as i8$2 from '@angular/material/checkbox';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import * as i7$2 from '@angular/material/chips';
-import { MatChipsModule } from '@angular/material/chips';
-import * as i2 from '@angular/material/dialog';
-import { MatDialogModule } from '@angular/material/dialog';
-import * as i8$1 from '@angular/material/expansion';
-import { MatExpansionModule } from '@angular/material/expansion';
-import * as i9 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i10 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i6 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import * as i7$1 from '@angular/material/list';
-import { MatListModule } from '@angular/material/list';
-import * as i7$3 from '@angular/material/menu';
-import { MatMenuModule } from '@angular/material/menu';
-import * as i12 from '@angular/material/select';
-import { MatSelectModule } from '@angular/material/select';
-import * as i8$3 from '@angular/material/sidenav';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import * as i11 from '@angular/material/slide-toggle';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import * as i13 from '@angular/material/slider';
-import { MatSliderModule } from '@angular/material/slider';
-import * as i7 from '@angular/material/table';
-import { MatTableDataSource, MatTableModule } from '@angular/material/table';
-import * as i9$1 from '@angular/material/toolbar';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import * as i8 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i1 from '@ajf/core/forms';
-import { isChoicesFixedOrigin, isContainerNode, AjfFieldType, AjfNodeType, createField, createContainerNode, createForm, createChoicesFixedOrigin, isSlidesNode, isFieldWithChoices, isRepeatingContainerNode, isField, createValidationGroup, notEmptyValidation, minValidation, maxValidation, minDigitsValidation, maxDigitsValidation, createValidation, createWarningGroup, notEmptyWarning, createWarning, isRangeField, isTableField, isNumberField } from '@ajf/core/forms';
-import { DataSource } from '@angular/cdk/collections';
-import { BehaviorSubject, of, Subject, Subscription, combineLatest } from 'rxjs';
-import * as i6$1 from '@ngneat/transloco';
-import { filter, map, scan, shareReplay, withLatestFrom, debounceTime, finalize, take, distinctUntilChanged, sample } from 'rxjs/operators';
-import { createCondition, alwaysCondition, createFormula, neverCondition } from '@ajf/core/models';
-import { deepCopy } from '@ajf/core/utils';
-import { ENTER, COMMA } from '@angular/cdk/keycodes';
-import * as i5$1 from '@angular/material/core';
-
-/**
- * @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 AjfFbBranchLine {
-    constructor(_el, _renderer) {
-        this._el = _el;
-        this._renderer = _renderer;
-        this._offset = 0;
-        this._color = '';
-        this._height = 0;
-    }
-    set offset(offset) {
-        this._offset = offset;
-        this._updateOffset();
-    }
-    set color(color) {
-        this._color = color;
-        this._updateColor();
-    }
-    set height(height) {
-        this._height = height;
-        this._updateHeight();
-    }
-    _updateHeight() {
-        const height = `${Math.max(0, this._height - 25)}px`;
-        this._renderer.setStyle(this._el.nativeElement, 'height', height);
-    }
-    _updateOffset() {
-        const margin = `${this._offset * 4}px`;
-        this._renderer.setStyle(this._el.nativeElement, 'margin-top', margin);
-        this._renderer.setStyle(this._el.nativeElement, 'margin-left', margin);
-    }
-    _updateColor() {
-        this._renderer.setStyle(this._el.nativeElement, 'border-color', this._color);
-    }
-}
-AjfFbBranchLine.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbBranchLine, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-AjfFbBranchLine.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AjfFbBranchLine, selector: "ajf-fb-branch-line", inputs: { offset: "offset", color: "color", height: "height" }, ngImport: i0, template: "", styles: ["ajf-fb-branch-line{display:block;position:absolute;top:25px;left:25px;width:25px;border-top:2px solid;border-left:2px solid;border-top-left-radius:6px;transition:height .5s ease-in-out}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbBranchLine, decorators: [{
-            type: Component,
-            args: [{ selector: 'ajf-fb-branch-line', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "", styles: ["ajf-fb-branch-line{display:block;position:absolute;top:25px;left:25px;width:25px;border-top:2px solid;border-left:2px solid;border-top-left-radius:6px;transition:height .5s ease-in-out}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { offset: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }] } });
-
-/**
- * @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 ChoicesOriginDataSource extends DataSource {
-    constructor() {
-        super();
-        this._choices = new BehaviorSubject([]);
-        this._choicesObs = this._choices;
-    }
-    connect() {
-        return this._choicesObs;
-    }
-    disconnect() { }
-    updateChoices(choices) {
-        this._choices.next(choices);
-    }
-}
-
-/**
- * @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 AjfFbChoicesOriginEditor {
-    constructor() {
-        this._displayedColumns = ['label', 'value', 'delete'];
-        this.editing = {};
-        this.name = '';
-        this.label = '';
-        this.canEditChoices = false;
-        this._choices = new ChoicesOriginDataSource();
-        this._choicesArr = [];
-    }
-    get displayedColumns() {
-        return this._displayedColumns;
-    }
-    get choicesOrigin() {
-        return this._choicesOrigin;
-    }
-    set choicesOrigin(choicesOrigin) {
-        this._choicesOrigin = choicesOrigin;
-        if (choicesOrigin != null) {
-            this.name = choicesOrigin.name;
-            this.label = choicesOrigin.label;
-            this.canEditChoices = isChoicesFixedOrigin(choicesOrigin);
-            this._choicesArr = choicesOrigin.choices;
-        }
-        else {
-            this.name = '';
-            this.label = '';
-            this.canEditChoices = false;
-            this._choicesArr = [];
-        }
-        this._choices.updateChoices(this._choicesArr);
-    }
-    get choices() {
-        return this._choices;
-    }
-    get choicesArr() {
-        return this._choicesArr;
-    }
-    updateValue(evt, cell, _value, rowIdx) {
-        this.editing[rowIdx + '-' + cell] = false;
-        this._choicesArr[rowIdx][cell] = evt.target.value;
-        this._choices.updateChoices(this._choicesArr);
-    }
-    deleteRow(rowIdx) {
-        this._choicesArr.splice(rowIdx, 1);
-        this._choices.updateChoices(this._choicesArr);
-    }
-    addRow() {
-        this._choicesArr.push({ label: '', value: '' });
-        this._choices.updateChoices(this._choicesArr);
-    }
-}
-AjfFbChoicesOriginEditor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbChoicesOriginEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AjfFbChoicesOriginEditor.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AjfFbChoicesOriginEditor, selector: "ajf-fb-choices-origin-editor", inputs: { choicesOrigin: "choicesOrigin" }, ngImport: i0, template: "<div>\n  <mat-form-field>\n    <input matInput [(ngModel)]=\"name\" [placeholder]=\"'Name' | transloco\" />\n  </mat-form-field>\n  <mat-form-field>\n    <input matInput [(ngModel)]=\"label\" [placeholder]=\"'Label' | transloco\" />\n  </mat-form-field>\n  <ng-template [ngIf]=\"canEditChoices\">\n    <button (click)=\"addRow()\" mat-button>\n      <mat-icon>add</mat-icon>\n      <span>{{'Add value'|transloco}}</span>\n    </button>\n    <mat-table [dataSource]=\"choices\">\n      <ng-container matColumnDef=\"label\">\n        <mat-header-cell *matHeaderCellDef\n          >{{'Label'|transloco}}</mat-header-cell\n        >\n        <mat-cell *matCellDef=\"let row; let idx = index\">\n          <input matInput [(ngModel)]=\"row.label\" type=\"text\" />\n        </mat-cell>\n      </ng-container>\n      <ng-container matColumnDef=\"value\">\n        <mat-header-cell *matHeaderCellDef\n          >{{'Value'|transloco}}</mat-header-cell\n        >\n        <mat-cell *matCellDef=\"let row; let idx = index\">\n          <input matInput [(ngModel)]=\"row.value\" type=\"text\" />\n        </mat-cell>\n      </ng-container>\n      <ng-container matColumnDef=\"delete\">\n        <mat-header-cell *matHeaderCellDef\n          >{{'Delete'|transloco}}</mat-header-cell\n        >\n        <mat-cell *matCellDef=\"let row; let idx = index\">\n          <mat-icon (click)=\"deleteRow(idx)\">delete</mat-icon>\n        </mat-cell>\n      </ng-container>\n\n      <mat-header-row *matHeaderRowDef=\"displayedColumns\"></mat-header-row>\n      <mat-row *matRowDef=\"let row; columns: displayedColumns;\"></mat-row>\n    </mat-table>\n  </ng-template>\n</div>\n", styles: ["ajf-fb-choices-origin-editor mat-form-field+mat-form-field{margin-left:1em}ajf-fb-choices-origin-editor mat-table{max-height:300px}ajf-fb-choices-origin-editor mat-table mat-icon{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i7.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i7.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbChoicesOriginEditor, decorators: [{
-            type: Component,
-            args: [{ selector: 'ajf-fb-choices-origin-editor', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>\n  <mat-form-field>\n    <input matInput [(ngModel)]=\"name\" [placeholder]=\"'Name' | transloco\" />\n  </mat-form-field>\n  <mat-form-field>\n    <input matInput [(ngModel)]=\"label\" [placeholder]=\"'Label' | transloco\" />\n  </mat-form-field>\n  <ng-template [ngIf]=\"canEditChoices\">\n    <button (click)=\"addRow()\" mat-button>\n      <mat-icon>add</mat-icon>\n      <span>{{'Add value'|transloco}}</span>\n    </button>\n    <mat-table [dataSource]=\"choices\">\n      <ng-container matColumnDef=\"label\">\n        <mat-header-cell *matHeaderCellDef\n          >{{'Label'|transloco}}</mat-header-cell\n        >\n        <mat-cell *matCellDef=\"let row; let idx = index\">\n          <input matInput [(ngModel)]=\"row.label\" type=\"text\" />\n        </mat-cell>\n      </ng-container>\n      <ng-container matColumnDef=\"value\">\n        <mat-header-cell *matHeaderCellDef\n          >{{'Value'|transloco}}</mat-header-cell\n        >\n        <mat-cell *matCellDef=\"let row; let idx = index\">\n          <input matInput [(ngModel)]=\"row.value\" type=\"text\" />\n        </mat-cell>\n      </ng-container>\n      <ng-container matColumnDef=\"delete\">\n        <mat-header-cell *matHeaderCellDef\n          >{{'Delete'|transloco}}</mat-header-cell\n        >\n        <mat-cell *matCellDef=\"let row; let idx = index\">\n          <mat-icon (click)=\"deleteRow(idx)\">delete</mat-icon>\n        </mat-cell>\n      </ng-container>\n\n      <mat-header-row *matHeaderRowDef=\"displayedColumns\"></mat-header-row>\n      <mat-row *matRowDef=\"let row; columns: displayedColumns;\"></mat-row>\n    </mat-table>\n  </ng-template>\n</div>\n", styles: ["ajf-fb-choices-origin-editor mat-form-field+mat-form-field{margin-left:1em}ajf-fb-choices-origin-editor mat-table{max-height:300px}ajf-fb-choices-origin-editor mat-table mat-icon{cursor:pointer}\n"] }]
-        }], propDecorators: { choicesOrigin: [{
-                type: Input
-            }] } });
-
-/**
- * @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/.
- *
- */
-function getNodeContainer(c, node) {
-    if (c.nodes.indexOf(node) > -1 || c.nodes.map(n => n.id).indexOf(node === null || node === void 0 ? void 0 : node.id) > -1) {
-        return c;
-    }
-    const cns = c.nodes.filter(n => isContainerNode(n));
-    const len = cns.length;
-    for (let i = 0; i < len; i++) {
-        const cn = getNodeContainer(cns[i], node);
-        if (cn != null) {
-            return cn;
-        }
-    }
-    return null;
-}
-function getDefaultValue(value, node) {
-    let defaultValue = value && value.trim() != '' ? value : null;
-    if (defaultValue) {
-        switch (node.fieldType) {
-            case AjfFieldType.Boolean:
-                return defaultValue === 'true' || defaultValue === '1';
-            case AjfFieldType.MultipleChoice:
-                return [defaultValue];
-            case AjfFieldType.Number:
-                const v = +defaultValue;
-                return isNaN(v) ? 0 : v;
-        }
-    }
-    return defaultValue;
-}
-function buildFormBuilderNodesSubtree(nodes, parent, ignoreConditionalBranches = false) {
-    const entries = nodes
-        .filter(n => n.parent === parent.id)
-        .sort((n1, n2) => n1.parentNode - n2.parentNode)
-        .map(n => {
-        const children = buildFormBuilderNodesSubtree(nodes, n);
-        if (children.length === 0) {
-            children.push({ parent: n, parentNode: 0 });
-        }
-        return {
-            node: n,
-            children,
-            content: buildFormBuilderNodesContent(nodes, n),
-        };
-    });
-    if (!ignoreConditionalBranches) {
-        const entriesNum = entries.length;
-        const cbs = parent.conditionalBranches.length;
-        for (let i = entriesNum; i < cbs; i++) {
-            entries.push({ parent: parent, parentNode: i });
-        }
-    }
-    return entries;
-}
-function buildFormBuilderNodesContent(_nodes, node) {
-    if (isContainerNode(node)) {
-        return buildFormBuilderNodesSubtree(node.nodes, node, true);
-    }
-    return [];
-}
-function flattenNodes(nodes) {
-    let flatNodes = [];
-    nodes.forEach((node) => {
-        if (isContainerNode(node)) {
-            flatNodes = flatNodes.concat(flattenNodes(node.nodes));
-        }
-        flatNodes.push(node);
-    });
-    return flatNodes;
-}
-function getDescendants(flatNodes, parentNode, branch = null) {
-    return branch != null
-        ? flatNodes.filter(n => n.parent === parentNode.id && n.parentNode === branch)
-        : flatNodes.filter(n => n.parent === parentNode.id);
-}
-function removeNodes(nodes, ids) {
-    const len = nodes.length;
-    for (let i = 0; i < len; i++) {
-        const node = nodes[i];
-        if (isContainerNode(node)) {
-            const container = node;
-            container.nodes = removeNodes(container.nodes, ids);
-        }
-    }
-    return nodes.filter(n => ids.indexOf(n.id) === -1);
-}
-function deleteNodeSubtree(nodes, parentNode, branch = null) {
-    const flatNodes = flattenNodes(nodes);
-    let delNodes = [];
-    let descendants = getDescendants(flatNodes, parentNode, branch);
-    const len = descendants.length;
-    for (let i = 0; i < len; i++) {
-        delNodes = delNodes.concat(getDescendants(flatNodes, descendants[i]));
-    }
-    delNodes = delNodes.concat(descendants);
-    return removeNodes(nodes, delNodes.map(n => n.id));
-}
-let nodeUniqueId = 0;
-class AjfFormBuilderService {
-    constructor() {
-        this._availableNodeTypes = [
-            {
-                label: 'Slide',
-                nodeType: { node: AjfNodeType.AjfSlide },
-                isSlide: true,
-            },
-            {
-                label: 'Repeating slide',
-                nodeType: { node: AjfNodeType.AjfRepeatingSlide },
-                isSlide: true,
-            },
-            {
-                label: 'String',
-                nodeType: { node: AjfNodeType.AjfField, field: AjfFieldType.String },
-            },
-            {
-                label: 'Text',
-                nodeType: { node: AjfNodeType.AjfField, field: AjfFieldType.Text },
-            },
-            {
-                label: 'Number',
-                nodeType: { node: AjfNodeType.AjfField, field: AjfFieldType.Number },
-            },
-            {
-                label: 'Boolean',
-                nodeType: { node: AjfNodeType.AjfField, field: AjfFieldType.Boolean },
-            },
-            {
-                label: 'Single choice',
-                nodeType: { node: AjfNodeType.AjfField, field: AjfFieldType.SingleChoice },
-            },
-            {
-                label: 'Multiple choice',
-                nodeType: { node: AjfNodeType.AjfField, field: AjfFieldType.MultipleChoice },
-            },
-            {
-                label: 'Formula',
-                nodeType: { node: AjfNodeType.AjfField, field: AjfFieldType.Formula },
-            },
-            {
-                label: 'Date',
-                nodeType: { node: AjfNodeType.AjfField, field: AjfFieldType.Date },
-            },
-            {
-                label: 'Date input',
-                nodeType: { node: AjfNodeType.AjfField, field: AjfFieldType.DateInput },
-            },
-            {
-                label: 'Time',
-                nodeType: { node: AjfNodeType.AjfField, field: AjfFieldType.Time },
-            },
-            {
-                label: 'Table',
-                nodeType: { node: AjfNodeType.AjfField, field: AjfFieldType.Table },
-            },
-            {
-                label: 'Geolocation',
-                nodeType: { node: AjfNodeType.AjfField, field: AjfFieldType.Geolocation },
-            },
-            {
-                label: 'Barcode',
-                nodeType: { node: AjfNodeType.AjfField, field: AjfFieldType.Barcode },
-            },
-            {
-                label: 'Signature',
-                nodeType: { node: AjfNodeType.AjfField, field: AjfFieldType.Signature },
-            },
-            {
-                label: 'File',
-                nodeType: { node: AjfNodeType.AjfField, field: AjfFieldType.File },
-            },
-            {
-                label: 'Image',
-                nodeType: { node: AjfNodeType.AjfField, field: AjfFieldType.Image },
-            },
-            {
-                label: 'Range',
-                nodeType: { node: AjfNodeType.AjfField, field: AjfFieldType.Range },
-            },
-        ];
-        this._form = new BehaviorSubject(null);
-        this._formObs = this._form;
-        this._attachmentsOrigins = of([]);
-        this._choicesOrigins = of([]);
-        this._stringIdentifier = of([]);
-        this._nodesWithoutChoiceOrigins = of([]);
-        this._nodes = of([]);
-        this._flatFields = of([]);
-        this._nodeEntriesTree = of([]);
-        /**
-         * A list of the ids of the dropLists connected to the source list.
-         */
-        this._connectedDropLists = new BehaviorSubject([]);
-        /**
-         * A dictionary of the 'expanded' status of all nodeEntries in the tree {node.name: boolean}
-         */
-        this._nodeEntriesTreeExpandedStatus = new BehaviorSubject({});
-        /**
-         * Determines the default expanded state of nodeEntries when the FormBuilder loads
-         */
-        this._defaultExpanded = false;
-        this._editedNodeEntry = new BehaviorSubject(null);
-        this._editedNodeEntryObs = this
-            ._editedNodeEntry;
-        this._editedCondition = new BehaviorSubject(null);
-        this._editedConditionObs = this
-            ._editedCondition;
-        this._editedChoicesOrigin = new BehaviorSubject(null);
-        this._editedChoicesOriginObs = this
-            ._editedChoicesOrigin;
-        this._beforeNodesUpdate = new EventEmitter();
-        this._beforeNodesUpdateObs = this._beforeNodesUpdate;
-        this._afterNodeUpdate = new EventEmitter();
-        this._afterNodeUpdateObs = this._afterNodeUpdate;
-        this._nodesUpdates = new Subject();
-        this._attachmentsOriginsUpdates = new Subject();
-        this._choicesOriginsUpdates = new Subject();
-        this._stringIdentifierUpdates = new Subject();
-        this._saveNodeEntryEvent = new EventEmitter();
-        this._deleteNodeEntryEvent = new EventEmitter();
-        /**
-         * Event fired when the position of a node in a tree changes.
-         */
-        this._moveNodeEntryEvent = new EventEmitter();
-        /**
-         * Subscribes to the moveNodeEntryEvent event emitter;
-         */
-        this._moveNodeSub = Subscription.EMPTY;
-        /**
-         * Counters for default name assigned to inserted fields/slides
-         */
-        this._emptyFieldCounter = 1;
-        this._emptySlideCounter = 1;
-        this._initChoicesOriginsStreams();
-        this._initAttachmentsOriginsStreams();
-        this._initStringIdentifierStreams();
-        this._initNodesStreams();
-        this._initFormStreams();
-        this._initSaveNode();
-        this._initMoveNode();
-        this._initDeleteNode();
-    }
-    /**
-     * Available node types
-     *
-     * @readonly
-     * @memberOf AjfFormBuilderService
-     */
-    get availableNodeTypes() {
-        return this._availableNodeTypes;
-    }
-    /**
-     * Current edited form stream
-     *
-     * @readonly
-     * @memberOf AjfFormBuilderService
-     */
-    get form() {
-        return this._formObs;
-    }
-    get attachmentsOrigins() {
-        return this._attachmentsOrigins;
-    }
-    get choicesOrigins() {
-        return this._choicesOrigins;
-    }
-    get stringIdentifier() {
-        return this._stringIdentifier;
-    }
-    get nodes() {
-        return this._nodes;
-    }
-    get flatNodes() {
-        return this._flatNodes;
-    }
-    get flatFields() {
-        return this._flatFields;
-    }
-    get nodeEntriesTree() {
-        return this._nodeEntriesTree;
-    }
-    get connectedDropLists() {
-        return this._connectedDropLists;
-    }
-    get nodeEntriesTreeExpandedStatus() {
-        return this._nodeEntriesTreeExpandedStatus;
-    }
-    get editedNodeEntry() {
-        return this._editedNodeEntryObs;
-    }
-    get editedCondition() {
-        return this._editedConditionObs;
-    }
-    get editedChoicesOrigin() {
-        return this._editedChoicesOriginObs;
-    }
-    get beforeNodesUpdate() {
-        return this._beforeNodesUpdateObs;
-    }
-    get afterNodeUpdate() {
-        return this._afterNodeUpdateObs;
-    }
-    /**
-     * Sets the current edited form
-     *
-     * @param form
-     *
-     * @memberOf AjfFormBuilderService
-     */
-    setForm(form) {
-        if (form !== this._form.getValue()) {
-            this._form.next(form);
-        }
-    }
-    editNodeEntry(nodeEntry) {
-        this._editedNodeEntry.next(nodeEntry);
-    }
-    editCondition(condition) {
-        this._editedCondition.next(condition);
-    }
-    saveCurrentCondition(condition) {
-        let c = this._editedCondition.getValue();
-        if (c == null) {
-            return;
-        }
-        c.condition = condition;
-        this._editedCondition.next(null);
-    }
-    cancelConditionEdit() {
-        this._editedChoicesOrigin.next(null);
-    }
-    assignListId(node, empty = false) {
-        if (node.nodeType === AjfNodeType.AjfSlide || node.nodeType === AjfNodeType.AjfRepeatingSlide) {
-            const listId = empty ? `empty_fields_list_${node.id}` : `fields_list_${node.id}`;
-            if (this._connectedDropLists.value.indexOf(listId) == -1) {
-                this._connectDropList(listId);
-            }
-            return listId;
-        }
-        return '';
-    }
-    insertNode(nodeType, parent, parentNode, inContent = false, insertInIndex = 0) {
-        var _a;
-        let node;
-        const id = ++nodeUniqueId;
-        const isFieldNode = ((_a = nodeType.nodeType) === null || _a === void 0 ? void 0 : _a.field) != null;
-        if (isFieldNode) {
-            node = createField({
-                id,
-                nodeType: AjfNodeType.AjfField,
-                fieldType: nodeType.nodeType.field,
-                parent: parent.id,
-                parentNode,
-                name: `new_field_${this._emptyFieldCounter}`,
-                label: `New ${AjfFieldType[nodeType.nodeType.field]} field ${this._emptyFieldCounter}`,
-            });
-            this._emptyFieldCounter++;
-        }
-        else {
-            node = createContainerNode({
-                id,
-                nodeType: nodeType.nodeType.node,
-                parent: 0,
-                parentNode,
-                name: `new_slide_${this._emptySlideCounter}`,
-                label: `New Slide ${this._emptySlideCounter}`,
-                nodes: [],
-            });
-            this._emptySlideCounter++;
-        }
-        this._beforeNodesUpdate.emit();
-        this._nodesUpdates.next((nodes) => {
-            const cn = isContainerNode(parent) && inContent
-                ? parent
-                : getNodeContainer({ nodes }, parent);
-            if (!isFieldNode) {
-                let newNodes = nodes.slice(0);
-                newNodes.splice(insertInIndex, 0, node);
-                newNodes = this._updateNodesList(0, newNodes);
-                return newNodes;
-            }
-            else {
-                let newNodes = cn.nodes.slice(0);
-                newNodes.splice(insertInIndex, 0, node);
-                newNodes = this._updateNodesList(cn.id, newNodes);
-                cn.nodes = newNodes;
-            }
-            return nodes;
-        });
-        this.cancelNodeEntryEdit();
-    }
-    saveNodeEntry(properties) {
-        this._saveNodeEntryEvent.emit(properties);
-    }
-    cancelNodeEntryEdit() {
-        this._editedNodeEntry.next(null);
-    }
-    deleteNodeEntry(nodeEntry) {
-        this._deleteNodeEntryEvent.next(nodeEntry);
-    }
-    /**
-     * Triggers the moveNode event when a node is moved in the formbuilder.
-     * @param nodeEntry The node to be moved.
-     */
-    moveNodeEntry(nodeEntry, from, to) {
-        const moveEvent = { nodeEntry: nodeEntry, fromIndex: from, toIndex: to };
-        this._moveNodeEntryEvent.next(moveEvent);
-        this.cancelNodeEntryEdit();
-    }
-    getCurrentForm() {
-        return combineLatest([
-            this.form,
-            this._nodesWithoutChoiceOrigins,
-            this.attachmentsOrigins,
-            this.choicesOrigins,
-            this.stringIdentifier,
-        ]).pipe(filter(([form]) => form != null), map(([form, nodes, attachmentsOrigins, choicesOrigins, stringIdentifier]) => {
-            const supplementaryInformations = (form || {}).supplementaryInformations;
-            return createForm({
-                choicesOrigins: [...choicesOrigins],
-                attachmentsOrigins: [...attachmentsOrigins],
-                stringIdentifier: [...(stringIdentifier || [])],
-                nodes: [...nodes],
-                supplementaryInformations,
-            });
-        }));
-    }
-    editChoicesOrigin(choicesOrigin) {
-        this._editedChoicesOrigin.next(choicesOrigin);
-    }
-    createChoicesOrigin() {
-        this._editedChoicesOrigin.next(createChoicesFixedOrigin({ name: '' }));
-    }
-    cancelChoicesOriginEdit() {
-        this._editedChoicesOrigin.next(null);
-    }
-    saveChoicesOrigin(params) {
-        const choicesOrigin = this._editedChoicesOrigin.getValue();
-        const choicesOriginPreviousName = choicesOrigin === null || choicesOrigin === void 0 ? void 0 : choicesOrigin.name;
-        if (choicesOrigin != null) {
-            choicesOrigin.label = params.label;
-            choicesOrigin.name = params.name;
-            if (isChoicesFixedOrigin(choicesOrigin)) {
-                choicesOrigin.choices = params.choices;
-            }
-            this._updateChoicesOriginRefInNodes(choicesOriginPreviousName, params.name);
-            this._choicesOriginsUpdates.next(choicesOrigins => {
-                const idx = choicesOrigins.indexOf(choicesOrigin);
-                if (idx > -1) {
-                    choicesOrigins = [
-                        ...choicesOrigins.slice(0, idx),
-                        choicesOrigin,
-                        ...choicesOrigins.slice(idx + 1),
-                    ];
-                }
-                else {
-                    choicesOrigins = [...choicesOrigins, choicesOrigin];
-                }
-                return choicesOrigins;
-            });
-        }
-        this._editedChoicesOrigin.next(null);
-    }
-    saveStringIdentifier(identifier) {
-        this._stringIdentifierUpdates.next(() => [...identifier]);
-    }
-    /**
-     * Resets the nodeEntriesTreeExpandedStatus dictionary to an empty object.
-     */
-    resetNodeEntriesTreeExpandedStatus() {
-        this._nodeEntriesTreeExpandedStatus.next({});
-    }
-    /**
-     * Gets the expanded status of an entry in the nodeEntriesTreeExpandedStatus dictionary
-     * @param nodeName The unique name of the nodeEntry
-     */
-    getExpandedStatus(nodeName) {
-        return this._nodeEntriesTreeExpandedStatus.pipe(map(tree => {
-            if (nodeName in tree) {
-                return tree[nodeName];
-            }
-            return this._defaultExpanded;
-        }));
-    }
-    /**
-     * Upserts an entry in the nodeEntriesTreeExpandedStatus dictionary
-     * @param nodeName The unique name of the nodeEntry
-     * @param expanded True if the nodeEntry is expanded
-     */
-    updateExpandedStatus(nodeName, expanded) {
-        if (!nodeName)
-            return;
-        const dictValue = this._nodeEntriesTreeExpandedStatus.value;
-        this._nodeEntriesTreeExpandedStatus.next(Object.assign(Object.assign({}, dictValue), { [nodeName]: expanded }));
-    }
-    /**
-     * Removes an entry from the nodeEntriesTreeExpandedStatus dictionary
-     * @param nodeName The unique name of the nodeEntry
-     */
-    removeExpandedStatus(nodeName) {
-        const dictValue = this._nodeEntriesTreeExpandedStatus.value;
-        delete dictValue[nodeName];
-        this._nodeEntriesTreeExpandedStatus.next(dictValue);
-    }
-    /**
-     * Sets expanded to true for each entry in the nodeEntriesTreeExpandedStatus dictionary
-     */
-    expandAll() {
-        const dictValue = this._nodeEntriesTreeExpandedStatus.value;
-        for (let nodeName in dictValue) {
-            dictValue[nodeName] = true;
-        }
-        this._defaultExpanded = true;
-        this._nodeEntriesTreeExpandedStatus.next(dictValue);
-    }
-    /**
-     * Sets expanded to false for each entry in the nodeEntriesTreeExpandedStatus dictionary
-     */
-    collapseAll() {
-        const dictValue = this._nodeEntriesTreeExpandedStatus.value;
-        for (let nodeName in dictValue) {
-            dictValue[nodeName] = false;
-        }
-        this._defaultExpanded = false;
-        this._nodeEntriesTreeExpandedStatus.next(dictValue);
-    }
-    /**
-     * Resets the empty fields/slides counters
-     */
-    resetEmptyCounters() {
-        this._emptyFieldCounter = 1;
-        this._emptySlideCounter = 1;
-    }
-    /**
-     * 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
-     */
-    _updateChoicesOriginRefInNodes(previous_name, new_name) {
-        if (!previous_name || !new_name)
-            return;
-        const currentForm = this._form.value;
-        if (!currentForm)
-            return;
-        const updatedNodes = [];
-        const currentSlides = currentForm.nodes;
-        for (let slide of currentSlides) {
-            if (!slide.nodes || !slide.nodes.length)
-                continue;
-            for (let node of slide.nodes) {
-                const nodeObj = node;
-                if (nodeObj['choicesOriginRef'] && nodeObj['choicesOriginRef'] === previous_name) {
-                    nodeObj['choicesOriginRef'] = new_name;
-                    updatedNodes.push(nodeObj);
-                }
-            }
-        }
-        this._nodesUpdates.next((_nodes) => {
-            return currentForm.nodes.slice(0);
-        });
-    }
-    _buildFormBuilderNodesTree(nodes) {
-        this._updateNodesList(0, nodes);
-        const rootNodes = nodes.filter(n => n.nodeType == AjfNodeType.AjfSlide || n.nodeType == AjfNodeType.AjfRepeatingSlide);
-        if (rootNodes.length === 0) {
-            return [null];
-        }
-        const rootNode = rootNodes[0];
-        if (isSlidesNode(rootNode)) {
-            const tree = [];
-            tree.push({
-                node: rootNode,
-                container: null,
-                children: buildFormBuilderNodesSubtree(nodes, rootNode),
-                content: buildFormBuilderNodesContent(nodes, rootNode),
-            });
-            return tree;
-        }
-        throw new Error('Invalid form definition');
-    }
-    /**
-     * Adds the id of a dropList to be connected with the FormBuilder source list.
-     * @param listId The id of the list to connect.
-     */
-    _connectDropList(listId) {
-        let connectedLists = this._connectedDropLists.value.slice(0);
-        this._connectedDropLists.next([...connectedLists, listId]);
-    }
-    _findMaxNodeId(nodes, _curMaxId = 0) {
-        let maxId = 0;
-        nodes.forEach(n => {
-            maxId = Math.max(maxId, n.id);
-            if (isContainerNode(n)) {
-                maxId = Math.max(maxId, this._findMaxNodeId(n.nodes));
-            }
-        });
-        return maxId;
-    }
-    _initFormStreams() {
-        this._form.subscribe((form) => {
-            nodeUniqueId = 0;
-            if (form != null && form.nodes != null && form.nodes.length > 0) {
-                nodeUniqueId = this._findMaxNodeId(form.nodes);
-            }
-            this._nodesUpdates.next((_nodes) => {
-                return form != null && form.nodes != null ? form.nodes.slice(0) : [];
-            });
-            this._attachmentsOriginsUpdates.next((_attachmentsOrigins) => {
-                return form != null && form.attachmentsOrigins != null
-                    ? form.attachmentsOrigins.slice(0)
-                    : [];
-            });
-            this._choicesOriginsUpdates.next((_choicesOrigins) => {
-                return form != null && form.choicesOrigins != null ? form.choicesOrigins.slice(0) : [];
-            });
-            this._stringIdentifierUpdates.next((_) => {
-                return form != null && form.stringIdentifier != null
-                    ? form.stringIdentifier.slice(0)
-                    : [];
-            });
-        });
-    }
-    _initChoicesOriginsStreams() {
-        this._choicesOrigins = (this._choicesOriginsUpdates).pipe(scan((choicesOrigins, op) => {
-            return op(choicesOrigins);
-        }, []), shareReplay(1));
-    }
-    _initAttachmentsOriginsStreams() {
-        this._attachmentsOrigins = this._attachmentsOriginsUpdates.pipe(scan((attachmentsOrigins, op) => {
-            return op(attachmentsOrigins);
-        }, []), shareReplay(1));
-    }
-    _initStringIdentifierStreams() {
-        this._stringIdentifier = this._stringIdentifierUpdates.pipe(scan((stringIdentifier, op) => {
-            return op(stringIdentifier);
-        }, []), shareReplay(1));
-    }
-    _initNodesStreams() {
-        this._nodes = this._nodesUpdates.pipe(scan((nodes, op) => {
-            return op(nodes);
-        }, []), shareReplay(1));
-        this._nodesWithoutChoiceOrigins = this._nodes.pipe(map(slides => slides.map(slide => {
-            slide.nodes = slide.nodes.map((node) => {
-                if (isFieldWithChoices(node)) {
-                    const fwc = deepCopy(node);
-                    if (fwc && fwc.choices) {
-                        delete fwc.choices;
-                    }
-                    if (fwc && fwc.choicesOrigin) {
-                        delete fwc.choicesOrigin;
-                    }
-                    return fwc;
-                }
-                return node;
-            });
-            return slide;
-        })));
-        this._flatNodes = this._nodes.pipe(map((nodes) => flattenNodes(nodes)), shareReplay(1));
-        this._flatFields = this._flatNodes.pipe(map((nodes) => nodes.filter(n => !isContainerNode(n))), shareReplay(1));
-        this._nodeEntriesTree = this._nodes.pipe(map(nodes => this._buildFormBuilderNodesTree(nodes)), shareReplay(1));
-    }
-    _initSaveNode() {
-        this._saveNodeEntryEvent
-            .pipe(withLatestFrom(this.editedNodeEntry, this.choicesOrigins, this.attachmentsOrigins), filter(([_, nodeEntry]) => nodeEntry != null), map(([properties, ne]) => {
-            this._beforeNodesUpdate.emit();
-            const nodeEntry = ne;
-            const origNode = nodeEntry.node;
-            const node = deepCopy(origNode);
-            node.id = nodeEntry.node.id;
-            node.name = properties.name;
-            node.label = properties.label;
-            node.visibility =
-                properties.visibility != null
-                    ? createCondition({ condition: properties.visibility })
-                    : null;
-            const oldConditionalBranches = node.conditionalBranches.length;
-            node.conditionalBranches =
-                properties.conditionalBranches != null
-                    ? properties.conditionalBranches.map((condition) => createCondition({ condition }))
-                    : [alwaysCondition()];
-            const newConditionalBranches = node.conditionalBranches.length;
-            if (isRepeatingContainerNode(node)) {
-                node.formulaReps =
-                    properties.formulaReps != null
-                        ? createFormula({ formula: properties.formulaReps })
-                        : undefined;
-                node.minReps = properties.minReps;
-                node.maxReps = properties.maxReps;
-            }
-            if (isField(node)) {
-                node.hint = properties.hint;
-                node.editable = !properties.readonlyField;
-                node.description = properties.description;
-                node.defaultValue = getDefaultValue(properties.defaultValue, node);
-                node.formula =
-                    properties.formula != null ? createFormula({ formula: properties.formula }) : undefined;
-                const forceValue = properties.value;
-                const notEmpty = properties.notEmpty;
-                const validationConditions = properties.validationConditions;
-                let minValue = parseInt(properties.minValue, 10);
-                let maxValue = parseInt(properties.maxValue, 10);
-                let minDigits = parseInt(properties.minDigits, 10);
-                let maxDigits = parseInt(properties.maxDigits, 10);
-                if (isNaN(minValue)) {
-                    minValue = null;
-                }
-                if (isNaN(maxValue)) {
-                    maxValue = null;
-                }
-                if (isNaN(minDigits)) {
-                    minDigits = null;
-                }
-                if (isNaN(maxDigits)) {
-                    maxDigits = null;
-                }
-                if (forceValue != null ||
-                    notEmpty != null ||
-                    (validationConditions != null && validationConditions.length > 0) ||
-                    minValue != null ||
-                    maxValue != null ||
-                    minDigits != null ||
-                    maxDigits != null) {
-                    const validation = node.validation || createValidationGroup({});
-                    validation.forceValue = forceValue;
-                    validation.notEmpty = notEmpty ? notEmptyValidation() : undefined;
-                    validation.minValue = minValue != null ? minValidation(minValue) : undefined;
-                    validation.maxValue = maxValue != null ? maxValidation(maxValue) : undefined;
-                    validation.minDigits = minDigits != null ? minDigitsValidation(minDigits) : undefined;
-                    validation.maxDigits = maxDigits != null ? maxDigitsValidation(maxDigits) : undefined;
-                    validation.conditions = (validationConditions || []).map((c) => createValidation({
-                        condition: c.condition,
-                        errorMessage: c.errorMessage,
-                    }));
-                    node.validation = validation;
-                }
-                else {
-                    node.validation = undefined;
-                }
-                const notEmptyWarn = properties.notEmptyWarning;
-                const warningConditions = properties.warningConditions;
-                if (notEmptyWarn != null ||
-                    (warningConditions != null && warningConditions.length > 0)) {
-                    const warning = node.warning || createWarningGroup({});
-                    warning.notEmpty = notEmptyWarn ? notEmptyWarning() : undefined;
-                    warning.conditions = (warningConditions || []).map((w) => createWarning({
-                        condition: w.condition,
-                        warningMessage: w.warningMessage,
-                    }));
-                    node.warning = warning;
-                }
-                else {
-                    node.warning = undefined;
-                }
-                node.nextSlideCondition =
-                    properties.nextSlideCondition != null
-                        ? createCondition({ condition: properties.nextSlideCondition })
-                        : undefined;
-                node.size = properties.size;
-                if (isFieldWithChoices(node)) {
-                    node.choicesOriginRef = properties.choicesOriginRef;
-                    node.forceExpanded = properties.forceExpanded;
-                    node.forceNarrow = properties.forceNarrow;
-                    node.triggerConditions = (properties.triggerConditions || []).map((t) => createCondition({ condition: t }));
-                }
-                if (isRangeField(node)) {
-                    node.start = properties.start;
-                    node.end = properties.end;
-                    node.step = properties.step;
-                }
-                if (isTableField(node)) {
-                    let { columnTypes, rows, columnLabels, rowLabels } = JSON.parse(properties.tableDef);
-                    node.columnTypes = columnTypes || [];
-                    node.rows = rows || [];
-                    node.columnLabels = columnLabels || [];
-                    node.rowLabels = rowLabels || [];
-                    node.hideEmptyRows = properties.hideEmptyRows;
-                }
-            }
-            this._editedNodeEntry.next(null);
-            return (nodes) => {
-                let cn = getNodeContainer({ nodes }, origNode);
-                if (cn != null) {
-                    // TODO: @trik check this, was always true?
-                    // if (cn instanceof AjfNode) {
-                    const replaceNodes = cn.nodes === nodes;
-                    const idx = cn.nodes.map(n => n.id).indexOf(origNode.id);
-                    let newNodes = cn.nodes.slice(0, idx);
-                    newNodes.push(node);
-                    newNodes = newNodes.concat(cn.nodes.slice(idx + 1));
-                    cn.nodes = newNodes;
-                    if (replaceNodes) {
-                        nodes = newNodes;
-                    }
-                    else {
-                        nodes = nodes.slice(0);
-                    }
-                    // } else {
-                    //   const idx = nodes.indexOf(origNode);
-                    //   nodes = nodes.slice(0, idx).concat([node]).concat(nodes.slice(idx + 1));
-                    // }
-                    if (newConditionalBranches < oldConditionalBranches) {
-                        for (let i = newConditionalBranches; i < oldConditionalBranches; i++) {
-                            nodes = deleteNodeSubtree(nodes, node, i);
-                        }
-                    }
-                }
-                return nodes;
-            };
-        }))
-            .subscribe(this._nodesUpdates);
-    }
-    _initDeleteNode() {
-        this._deleteNodeEntryEvent
-            .pipe(map((nodeEntry) => {
-            this._beforeNodesUpdate.emit();
-            this.removeExpandedStatus(nodeEntry.node.name);
-            return (nodes) => {
-                const node = nodeEntry.node;
-                let cn = getNodeContainer({ nodes }, node);
-                if (cn != null) {
-                    const replaceNodes = cn.nodes === nodes;
-                    const idx = cn.nodes.map(n => n.id).indexOf(node.id);
-                    let newNodes = cn.nodes.slice(0, idx);
-                    newNodes = newNodes.concat(cn.nodes.slice(idx + 1));
-                    cn.nodes = newNodes;
-                    if (replaceNodes) {
-                        nodes = newNodes;
-                    }
-                    else {
-                        nodes = nodes.slice(0);
-                    }
-                }
-                return nodes;
-            };
-        }))
-            .subscribe(this._nodesUpdates);
-    }
-    /**
-     * Initializes the subscription to the moveNodeEntryEvent.
-     */
-    _initMoveNode() {
-        this._moveNodeSub.unsubscribe();
-        this._moveNodeSub = this._moveNodeEntryEvent
-            .pipe(map((moveEvent) => {
-            this._beforeNodesUpdate.emit();
-            return (nodes) => {
-                const nodeEntry = moveEvent.nodeEntry;
-                const node = nodeEntry.node;
-                let cn = getNodeContainer({ nodes }, node);
-                let newNodes = nodes;
-                if (cn != null) {
-                    const replaceNodes = cn.nodes === nodes;
-                    newNodes = cn.nodes;
-                    moveItemInArray(newNodes, moveEvent.fromIndex, moveEvent.toIndex);
-                    newNodes = this._updateNodesList(cn.id, newNodes);
-                    cn.nodes = newNodes;
-                    if (replaceNodes) {
-                        nodes = newNodes;
-                    }
-                    else {
-                        nodes = nodes.slice(0);
-                    }
-                }
-                return nodes;
-            };
-        }))
-            .subscribe(this._nodesUpdates);
-    }
-    /**
-     * Updates the "id" and "parent" fields of a modified or rearranged list of nodes.
-     * @param containerId The id of the parent container of the list.
-     * @param nodesList The list of nodes to be updated.
-     */
-    _updateNodesList(containerId, nodesList) {
-        if (!nodesList.length) {
-            return [];
-        }
-        const contId = containerId != undefined ? containerId : 0;
-        for (let idx = 0; idx < nodesList.length; idx++) {
-            let currentNode = nodesList[idx];
-            currentNode.id = contId * 1000 + idx + 1;
-            currentNode.parent = idx == 0 ? contId : contId * 1000 + idx;
-            if (isSlidesNode(currentNode)) {
-                this._updateNodesList(currentNode.id, currentNode.nodes);
-            }
-        }
-        return nodesList;
-    }
-}
-AjfFormBuilderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFormBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-AjfFormBuilderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFormBuilderService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFormBuilderService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
-
-class AjfFbChoicesOriginEditorDialog {
-    constructor(_service) {
-        this._service = _service;
-        this._choicesOrigin = this._service.editedChoicesOrigin.pipe(filter(c => c != null), map(c => c));
-    }
-    get choicesOrigin() {
-        return this._choicesOrigin;
-    }
-    saveChoicesOrigin() {
-        this._service.saveChoicesOrigin({
-            label: this.editor.label,
-            name: this.editor.name,
-            choices: this.editor.choicesArr,
-        });
-    }
-    cancelChoicesOriginEdit() {
-        this._service.cancelChoicesOriginEdit();
-    }
-}
-AjfFbChoicesOriginEditorDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbChoicesOriginEditorDialog, deps: [{ token: AjfFormBuilderService }], target: i0.ɵɵFactoryTarget.Component });
-AjfFbChoicesOriginEditorDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AjfFbChoicesOriginEditorDialog, selector: "ajf-fb-choices-origin-editor-dialog", viewQueries: [{ propertyName: "editor", first: true, predicate: AjfFbChoicesOriginEditor, descendants: true }], ngImport: i0, template: "<h3 matDialogTitle>{{'Edit choices origin'|transloco}}</h3>\n<mat-dialog-content>\n  <ajf-fb-choices-origin-editor\n    *ngIf=\"choicesOrigin|async as co\"\n    [choicesOrigin]=\"co!\"\n  ></ajf-fb-choices-origin-editor>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-button (click)=\"saveChoicesOrigin()\">{{'Save'|transloco}}</button>\n  <button mat-button (click)=\"cancelChoicesOriginEdit()\">\n    {{'Close'|transloco}}\n  </button>\n</mat-dialog-actions>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: AjfFbChoicesOriginEditor, selector: "ajf-fb-choices-origin-editor", inputs: ["choicesOrigin"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbChoicesOriginEditorDialog, decorators: [{
-            type: Component,
-            args: [{ selector: 'ajf-fb-choices-origin-editor-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<h3 matDialogTitle>{{'Edit choices origin'|transloco}}</h3>\n<mat-dialog-content>\n  <ajf-fb-choices-origin-editor\n    *ngIf=\"choicesOrigin|async as co\"\n    [choicesOrigin]=\"co!\"\n  ></ajf-fb-choices-origin-editor>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-button (click)=\"saveChoicesOrigin()\">{{'Save'|transloco}}</button>\n  <button mat-button (click)=\"cancelChoicesOriginEdit()\">\n    {{'Close'|transloco}}\n  </button>\n</mat-dialog-actions>\n" }]
-        }], ctorParameters: function () { return [{ type: AjfFormBuilderService }]; }, propDecorators: { editor: [{
-                type: ViewChild,
-                args: [AjfFbChoicesOriginEditor, { static: false }]
-            }] } });
-
-class AjfFbConditionEditor {
-    constructor(_) {
-        this._fields = [];
-        this.condition = '';
-        this.formulaEditorControl = new FormControl(this.condition);
-    }
-    get fields() {
-        return this._fields;
-    }
-    set fields(fields) {
-        this._fields = fields;
-    }
-    ngAfterViewInit() {
-        this.formulaEditorControl.setValue(this.condition);
-    }
-    insertVariable(variable) {
-        const currValue = this.formulaEditorControl.value != null ? this.formulaEditorControl.value : '';
-        const newValue = currValue + variable;
-        this.formulaEditorControl.setValue(newValue);
-    }
-}
-AjfFbConditionEditor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbConditionEditor, deps: [{ token: i1.AjfValidationService }], target: i0.ɵɵFactoryTarget.Component });
-AjfFbConditionEditor.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AjfFbConditionEditor, selector: "ajf-condition-editor", inputs: { fields: "fields", condition: "condition" }, ngImport: i0, template: "<div class=\"ajf-editor\">\n  <mat-form-field class=\"ajf-formula-editor\">\n    <code><input matInput type=\"text\" [formControl]=\"formulaEditorControl\" /></code>\n  </mat-form-field>\n</div>\n<div class=\"ajf-editor-panel\">\n  <ng-container *ngIf=\"fields as curFields\">\n    <mat-nav-list dense *ngIf=\"curFields!.length > 0\">\n      <a\n        mat-list-item\n        (click)=\"insertVariable(field.name)\"\n        [matTooltip]=\"field.label\"\n        *ngFor=\"let field of curFields!\"\n      >\n        <ajf-node-icon [node]=\"field\"></ajf-node-icon>\n        {{ field.name }}\n      </a>\n    </mat-nav-list>\n  </ng-container>\n</div>\n", styles: ["ajf-condition-editor{display:flex;flex-direction:row;align-items:stretch;max-height:512px}ajf-condition-editor .ajf-editor{flex:.75 0 auto;display:flex;flex-direction:row;align-items:stretch}ajf-condition-editor .ajf-editor-panel{flex:.25 0 auto;overflow-y:auto}ajf-condition-editor .ajf-editor-panel .mat-mdc-nav-list{max-height:30vh;overflow-y:auto}ajf-condition-editor .ajf-formula-editor{min-width:40vw}\n"], dependencies: [{ kind: "component", type: i2$1.AjfNodeIcon, selector: "ajf-node-icon" }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i7$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbConditionEditor, decorators: [{
-            type: Component,
-            args: [{ selector: 'ajf-condition-editor', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ajf-editor\">\n  <mat-form-field class=\"ajf-formula-editor\">\n    <code><input matInput type=\"text\" [formControl]=\"formulaEditorControl\" /></code>\n  </mat-form-field>\n</div>\n<div class=\"ajf-editor-panel\">\n  <ng-container *ngIf=\"fields as curFields\">\n    <mat-nav-list dense *ngIf=\"curFields!.length > 0\">\n      <a\n        mat-list-item\n        (click)=\"insertVariable(field.name)\"\n        [matTooltip]=\"field.label\"\n        *ngFor=\"let field of curFields!\"\n      >\n        <ajf-node-icon [node]=\"field\"></ajf-node-icon>\n        {{ field.name }}\n      </a>\n    </mat-nav-list>\n  </ng-container>\n</div>\n", styles: ["ajf-condition-editor{display:flex;flex-direction:row;align-items:stretch;max-height:512px}ajf-condition-editor .ajf-editor{flex:.75 0 auto;display:flex;flex-direction:row;align-items:stretch}ajf-condition-editor .ajf-editor-panel{flex:.25 0 auto;overflow-y:auto}ajf-condition-editor .ajf-editor-panel .mat-mdc-nav-list{max-height:30vh;overflow-y:auto}ajf-condition-editor .ajf-formula-editor{min-width:40vw}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.AjfValidationService }]; }, propDecorators: { fields: [{
-                type: Input
-            }], condition: [{
-                type: Input
-            }] } });
-
-class AjfFbConditionEditorDialog {
-    constructor(service, dialogRef) {
-        this.dialogRef = dialogRef;
-        this.condition = '';
-        this._fields = service.flatFields.pipe(map((fields) => fields.sort((f1, f2) => f1.name.localeCompare(f2.name))));
-    }
-    get fields() {
-        return this._fields;
-    }
-    saveCondition() {
-        if (this.editor == null) {
-            return;
-        }
-        const newValue = this.editor.formulaEditorControl.value;
-        this.dialogRef.close(newValue);
-    }
-    closeDialog() {
-        this.dialogRef.close(this.editor.formulaEditorControl.value);
-    }
-}
-AjfFbConditionEditorDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbConditionEditorDialog, deps: [{ token: AjfFormBuilderService }, { token: i2.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-AjfFbConditionEditorDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AjfFbConditionEditorDialog, selector: "ajf-condition-editor-dialog", viewQueries: [{ propertyName: "editor", first: true, predicate: AjfFbConditionEditor, descendants: true }], ngImport: i0, template: "<h3 matDialogTitle>{{'Edit condition'|transloco}}</h3>\n<mat-dialog-content>\n  <ajf-condition-editor\n    *ngIf=\"fields|async as curFields\"\n    [fields]=\"curFields!\"\n    [condition]=\"condition\"\n  ></ajf-condition-editor>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-button (click)=\"saveCondition()\">{{'Save'|transloco}}</button>\n  <button mat-button (click)=\"closeDialog()\">{{'Close'|transloco}}</button>\n</mat-dialog-actions>\n", styles: ["ajf-condition-editor-dialog .mat-mdc-dialog-content{overflow:visible}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: AjfFbConditionEditor, selector: "ajf-condition-editor", inputs: ["fields", "condition"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbConditionEditorDialog, decorators: [{
-            type: Component,
-            args: [{ selector: 'ajf-condition-editor-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<h3 matDialogTitle>{{'Edit condition'|transloco}}</h3>\n<mat-dialog-content>\n  <ajf-condition-editor\n    *ngIf=\"fields|async as curFields\"\n    [fields]=\"curFields!\"\n    [condition]=\"condition\"\n  ></ajf-condition-editor>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-button (click)=\"saveCondition()\">{{'Save'|transloco}}</button>\n  <button mat-button (click)=\"closeDialog()\">{{'Close'|transloco}}</button>\n</mat-dialog-actions>\n", styles: ["ajf-condition-editor-dialog .mat-mdc-dialog-content{overflow:visible}\n"] }]
-        }], ctorParameters: function () { return [{ type: AjfFormBuilderService }, { type: i2.MatDialogRef }]; }, propDecorators: { editor: [{
-                type: ViewChild,
-                args: [AjfFbConditionEditor, { static: false }]
-            }] } });
-
-/**
- * @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/.
- *
- */
-/**
- * Triggers when a field or slide node is moved or inserted by drag&dropping in the formbuilder.
- * @param event The drop event.
- * @param fbService The AjfFormBuilderService.
- * @param nodeEntry The current nodeEntry, if present.
- * @param content True if the current nodeEntry contains other nodeEntries.
- */
-function onDropProcess(event, fbService, nodeEntry, content = false) {
-    const itemData = event.item.data;
-    const containerId = event.container.id;
-    if (!itemData.node) {
-        if (nodeEntry == null && containerId === 'slides-list') {
-            fbService.insertNode(itemData, null, 0, content, event.currentIndex);
-            return;
-        }
-        const emptySlot = content
-            ? { parent: nodeEntry.node, parentNode: 0 }
-            : nodeEntry;
-        fbService.insertNode(itemData, emptySlot.parent, emptySlot.parentNode, content, event.currentIndex);
-        return;
-    }
-    const previousIndex = event.previousIndex;
-    const currentIndex = event.currentIndex;
-    fbService.moveNodeEntry(event.item.data, previousIndex, currentIndex);
-}
-/**
- * Disables the drag&drop of Slide items.
- * @param item The dragged item.
- */
-function disableSlideDropPredicate(item) {
-    return !item.data.isSlide;
-}
-/**
- * Disables the drag&drop of Field items.
- * @param item The dragged item.
- */
-function disableFieldDropPredicate(item) {
-    if (!item.data.isSlide) {
-        return false;
-    }
-    return true;
-}
-
-class AjfFbStringIdentifierDialogComponent {
-    constructor(_service, _cdr) {
-        this._service = _service;
-        this._cdr = _cdr;
-        this.dataSource = new MatTableDataSource();
-        this.displayedColumns = ['label', 'value', 'show', 'delete'];
-        this.separatorKeysCodes = [ENTER, COMMA];
-        this._stringIdentifierSub = Subscription.EMPTY;
-        this._stringIdentifierSub = _service.stringIdentifier.subscribe(identifier => {
-            this.dataSource.data = [...identifier];
-        });
-        this.fields$ = _service.flatFields.pipe(map(fields => fields
-            .sort((f1, f2) => f1.name.localeCompare(f2.name))
-            .map(f => f.name)
-            .filter(f => f.length > 0)), shareReplay(1));
-    }
-    addRow() {
-        this.dataSource.data = [...this.dataSource.data, { label: '', value: [], show: undefined }];
-    }
-    deleteRow(rowIdx) {
-        this.dataSource.data = [
-            ...this.dataSource.data.slice(0, rowIdx),
-            ...this.dataSource.data.slice(rowIdx + 1),
-        ];
-    }
-    addValue(row, evt, valueInput) {
-        if (evt.value.length === 0) {
-            return;
-        }
-        row.value = [...row.value, evt.value];
-        valueInput.value = '';
-        this._cdr.markForCheck();
-    }
-    removeValue(row, value) {
-        const idx = row.value.indexOf(value);
-        if (idx > -1) {
-            row.value = [...row.value.slice(0, idx), ...row.value.slice(idx + 1)];
-            this._cdr.markForCheck();
-        }
-    }
-    ngOnDestroy() {
-        this._stringIdentifierSub.unsubscribe();
-    }
-    saveStringIdentifier() {
-        this._service.saveStringIdentifier(this.dataSource.data);
-    }
-    selected(row, evt) {
-        row.value = [...row.value, evt.option.value];
-        this._cdr.markForCheck();
-    }
-}
-AjfFbStringIdentifierDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbStringIdentifierDialogComponent, deps: [{ token: AjfFormBuilderService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AjfFbStringIdentifierDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AjfFbStringIdentifierDialogComponent, selector: "ajf-fb-string-identifier-dialog", ngImport: i0, template: "<h3 matDialogTitle>{{'Edit identifier'|transloco}}</h3>\n<mat-dialog-content>\n  <button (click)=\"addRow()\" mat-button>\n    <mat-icon>add</mat-icon>\n    <span>{{'Add value'|transloco}}</span>\n  </button>\n  <mat-table [dataSource]=\"dataSource\">\n    <ng-container matColumnDef=\"label\">\n      <mat-header-cell *matHeaderCellDef>{{'Label'|transloco}}</mat-header-cell>\n      <mat-cell *matCellDef=\"let row; let idx = index\">\n        <mat-form-field>\n          <input\n            matInput\n            [placeholder]=\"'Label'|transloco\"\n            autofocus\n            [(ngModel)]=\"row.label\"\n          />\n        </mat-form-field>\n      </mat-cell>\n    </ng-container>\n    <ng-container matColumnDef=\"value\">\n      <mat-header-cell *matHeaderCellDef>{{'Value'|transloco}}</mat-header-cell>\n      <mat-cell *matCellDef=\"let row; let idx = index\">\n        <mat-form-field>\n          <mat-chip-grid #chipList>\n            <mat-chip-row\n              *ngFor=\"let field of row.value\"\n              (removed)=\"removeValue(row, field)\"\n            >\n              {{ field }}\n              <mat-icon matChipRemove>cancel</mat-icon>\n            </mat-chip-row>\n          </mat-chip-grid>\n          <input\n            #valueInput\n            [ngModel]=\"row.value\"\n            [matAutocomplete]=\"valueAc\"\n            [matChipInputFor]=\"chipList\"\n            [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n            [matChipInputAddOnBlur]=\"true\"\n            (matChipInputTokenEnd)=\"addValue(row, $event, valueInput)\"\n            [placeholder]=\"'Value'|transloco\"\n          />\n          <mat-autocomplete\n            #valueAc=\"matAutocomplete\"\n            (optionSelected)=\"selected(row, $event)\"\n          >\n            <mat-option *ngFor=\"let field of fields$ | async\" [value]=\"field\"\n              >{{field}}</mat-option\n            >\n          </mat-autocomplete>\n        </mat-form-field>\n      </mat-cell>\n    </ng-container>\n    <ng-container matColumnDef=\"show\">\n      <mat-header-cell *matHeaderCellDef>{{'Show'|transloco}}</mat-header-cell>\n      <mat-cell *matCellDef=\"let row; let idx = index\">\n        <mat-form-field>\n          <mat-select matNativeControl [(ngModel)]=\"row.show\">\n            <mat-option value=\"all\">{{'All'|transloco}}</mat-option>\n            <mat-option value=\"first\">{{'First'|transloco}}</mat-option>\n            <mat-option value=\"last\">{{'Last'|transloco}}</mat-option>\n          </mat-select>\n        </mat-form-field>\n      </mat-cell>\n    </ng-container>\n    <ng-container matColumnDef=\"delete\">\n      <mat-header-cell *matHeaderCellDef\n        >{{'Delete'|transloco}}</mat-header-cell\n      >\n      <mat-cell *matCellDef=\"let row; let idx = index\">\n        <mat-icon (click)=\"deleteRow(idx)\">delete</mat-icon>\n      </mat-cell>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"displayedColumns\"></mat-header-row>\n    <mat-row *matRowDef=\"let row; columns: displayedColumns;\"></mat-row>\n  </mat-table>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-button matDialogClose (click)=\"saveStringIdentifier()\">\n    {{'Save'|transloco}}\n  </button>\n</mat-dialog-actions>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$2.MatChipGrid, selector: "mat-chip-grid", inputs: ["tabIndex", "disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i7$2.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i7$2.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i7$2.MatChipRow, selector: "mat-chip-row, mat-basic-chip-row", inputs: ["color", "disabled", "disableRipple", "tabIndex", "editable"], outputs: ["edited"] }, { kind: "directive", type: i2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i12.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i7.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i7.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbStringIdentifierDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ajf-fb-string-identifier-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<h3 matDialogTitle>{{'Edit identifier'|transloco}}</h3>\n<mat-dialog-content>\n  <button (click)=\"addRow()\" mat-button>\n    <mat-icon>add</mat-icon>\n    <span>{{'Add value'|transloco}}</span>\n  </button>\n  <mat-table [dataSource]=\"dataSource\">\n    <ng-container matColumnDef=\"label\">\n      <mat-header-cell *matHeaderCellDef>{{'Label'|transloco}}</mat-header-cell>\n      <mat-cell *matCellDef=\"let row; let idx = index\">\n        <mat-form-field>\n          <input\n            matInput\n            [placeholder]=\"'Label'|transloco\"\n            autofocus\n            [(ngModel)]=\"row.label\"\n          />\n        </mat-form-field>\n      </mat-cell>\n    </ng-container>\n    <ng-container matColumnDef=\"value\">\n      <mat-header-cell *matHeaderCellDef>{{'Value'|transloco}}</mat-header-cell>\n      <mat-cell *matCellDef=\"let row; let idx = index\">\n        <mat-form-field>\n          <mat-chip-grid #chipList>\n            <mat-chip-row\n              *ngFor=\"let field of row.value\"\n              (removed)=\"removeValue(row, field)\"\n            >\n              {{ field }}\n              <mat-icon matChipRemove>cancel</mat-icon>\n            </mat-chip-row>\n          </mat-chip-grid>\n          <input\n            #valueInput\n            [ngModel]=\"row.value\"\n            [matAutocomplete]=\"valueAc\"\n            [matChipInputFor]=\"chipList\"\n            [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n            [matChipInputAddOnBlur]=\"true\"\n            (matChipInputTokenEnd)=\"addValue(row, $event, valueInput)\"\n            [placeholder]=\"'Value'|transloco\"\n          />\n          <mat-autocomplete\n            #valueAc=\"matAutocomplete\"\n            (optionSelected)=\"selected(row, $event)\"\n          >\n            <mat-option *ngFor=\"let field of fields$ | async\" [value]=\"field\"\n              >{{field}}</mat-option\n            >\n          </mat-autocomplete>\n        </mat-form-field>\n      </mat-cell>\n    </ng-container>\n    <ng-container matColumnDef=\"show\">\n      <mat-header-cell *matHeaderCellDef>{{'Show'|transloco}}</mat-header-cell>\n      <mat-cell *matCellDef=\"let row; let idx = index\">\n        <mat-form-field>\n          <mat-select matNativeControl [(ngModel)]=\"row.show\">\n            <mat-option value=\"all\">{{'All'|transloco}}</mat-option>\n            <mat-option value=\"first\">{{'First'|transloco}}</mat-option>\n            <mat-option value=\"last\">{{'Last'|transloco}}</mat-option>\n          </mat-select>\n        </mat-form-field>\n      </mat-cell>\n    </ng-container>\n    <ng-container matColumnDef=\"delete\">\n      <mat-header-cell *matHeaderCellDef\n        >{{'Delete'|transloco}}</mat-header-cell\n      >\n      <mat-cell *matCellDef=\"let row; let idx = index\">\n        <mat-icon (click)=\"deleteRow(idx)\">delete</mat-icon>\n      </mat-cell>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"displayedColumns\"></mat-header-row>\n    <mat-row *matRowDef=\"let row; columns: displayedColumns;\"></mat-row>\n  </mat-table>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-button matDialogClose (click)=\"saveStringIdentifier()\">\n    {{'Save'|transloco}}\n  </button>\n</mat-dialog-actions>\n" }]
-        }], ctorParameters: function () { return [{ type: AjfFormBuilderService }, { type: i0.ChangeDetectorRef }]; } });
-
-/**
- * @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 branchColors = [
-    '#F44336',
-    '#4CAF50',
-    '#3F51B5',
-    '#FFC107',
-    '#795548', // BROWN
-];
-class AjfFbNodeEntry {
-    constructor(_service) {
-        this._service = _service;
-        this._hasContent = false;
-        this._isFirst = false;
-        this._isNodeEntry = false;
-        this._level = 0;
-        this._isDraggable = true;
-        this._branchColors = branchColors.slice(0);
-        this._dropZones = ['fbdz-node'];
-        this._slideDropZones = ['fbdz-slide'];
-        this._originOffset = 0;
-        this._originLeftMargin = '0';
-        this._firstBranchColor = branchColors[0];
-        this._branchLinesSubscription = Subscription.EMPTY;
-        this._childEntriesSubscription = Subscription.EMPTY;
-        this._currentEditedNode = this._service.editedNodeEntry;
-    }
-    get hasContent() {
-        return this._hasContent;
-    }
-    get isFirst() {
-        return this._isFirst;
-    }
-    set isFirst(isFirst) {
-        this._isFirst = isFirst;
-    }
-    get isNodeEntry() {
-        return this._isNodeEntry;
-    }
-    get nodeEntry() {
-        return this._nodeEntry;
-    }
-    set nodeEntry(nodeEntry) {
-        this._nodeEntry = nodeEntry;
-        if (nodeEntry != null && nodeEntry.node !== void 0) {
-            const ne = nodeEntry;
-            this._isNodeEntry = true;
-            const node = ne.node;
-            this._hasContent = node != null && isContainerNode(node);
-        }
-        else {
-            this._isNodeEntry = false;
-            this._hasContent = false;
-        }
-    }
-    get level() {
-        return this._level;
-    }
-    set level(value) {
-        this._level = value;
-    }
-    get isDraggable() {
-        return this._isDraggable;
-    }
-    set isDraggable(draggable) {
-        this._isDraggable = draggable;
-    }
-    get realNodeEntry() {
-        return this._nodeEntry;
-    }
-    get branchColors() {
-        return this._branchColors;
-    }
-    get dropZones() {
-        return this._dropZones;
-    }
-    get slideDropZones() {
-        return this._slideDropZones;
-    }
-    get originOffset() {
-        return this._originOffset;
-    }
-    set originOffset(originOffset) {
-        this._originOffset = originOffset;
-        this._originLeftMargin = `${this._originOffset * 4}px`;
-    }
-    get originLeftMargin() {
-        return this._originLeftMargin;
-    }
-    get firstBranchColor() {
-        return this._firstBranchColor;
-    }
-    set firstBranchColor(firstBranchColor) {
-        const idx = branchColors.indexOf(firstBranchColor);
-        if (idx > 0) {
-            this._firstBranchColor = firstBranchColor;
-            this._branchColors = branchColors.slice(idx).concat(branchColors.slice(0, idx));
-        }
-        else {
-            this._firstBranchColor = branchColors[0];
-            this._branchColors = branchColors.slice(0);
-        }
-    }
-    get currentEditedNode() {
-        return this._currentEditedNode;
-    }
-    onResize() { }
-    edit(evt) {
-        evt.stopPropagation();
-        if (this.nodeEntry == null || !this.isNodeEntry) {
-            return;
-        }
-        this._service.editNodeEntry(this.nodeEntry);
-    }
-    delete(evt) {
-        evt.stopPropagation();
-        if (this.nodeEntry == null || !this.isNodeEntry) {
-            return;
-        }
-        this._service.cancelNodeEntryEdit();
-        this._service.deleteNodeEntry(this.nodeEntry);
-    }
-    isLastNode() {
-        if (!this.realNodeEntry || !this.realNodeEntry.children) {
-            return false;
-        }
-        return !this.realNodeEntry.children[0].children;
-    }
-    isSlide(node) {
-        return isSlidesNode(node);
-    }
-    isExpanded() {
-        if (this._nodeEntry && 'node' in this._nodeEntry) {
-            return this._service.getExpandedStatus(this._nodeEntry.node.name);
-        }
-        return of(false);
-    }
-    ngAfterViewInit() {
-        this.updateBranchHeights();
-        this._childEntriesSubscription = this.childEntries.changes.subscribe(() => {
-            this.updateBranchHeights();
-        });
-    }
-    ngOnDestroy() {
-        this._branchLinesSubscription.unsubscribe();
-        this._childEntriesSubscription.unsubscribe();
-    }
-    /**
-     * Triggers when a field or slide node is moved or inserted by drag&dropping in the formbuilder.
-     * @param event The drop event.
-     * @param content True if the current nodeEntry contains other nodeEntries.
-     */
-    onDrop(event, content = false) {
-        if (this._nodeEntry == null) {
-            return;
-        }
-        onDropProcess(event, this._service, this._nodeEntry, content);
-    }
-    /**
-     * Assigns a progressive id to the dropList, to connect it to the FormBuilder source list.
-     * @param empty True if the list is marked as empty.
-     */
-    assignId(empty = false) {
-        return this._service.assignListId(this.realNodeEntry.node, empty);
-    }
-    disableSlideDrop(item) {
-        return disableSlideDropPredicate(item);
-    }
-    disableFieldDrop(item) {
-        return disableFieldDropPredicate(item);
-    }
-    emptyAreaDropPredicate() {
-        return (item, _drop) => {
-            if (this._level > 0) {
-                return !item.data.isSlide;
-            }
-            return item.data.isSlide || false;
-        };
-    }
-    updateBranchHeights(delay = 0) {
-        setTimeout(() => {
-            if (this.nodeEntry == null ||
-                !this.isNodeEntry ||
-                this.branchLines == null ||
-                this.childEntries == null) {
-                return;
-            }
-            const nodeEntry = this.nodeEntry;
-            const branchLines = this.branchLines.toArray();
-            const sliceIdx = nodeEntry.content != null ? nodeEntry.content.length : 0;
-            const childEntries = this.childEntries.toArray().slice(sliceIdx);
-            if (branchLines.length != childEntries.length) {
-                return;
-            }
-            branchLines.forEach((bl, idx) => {
-                const ce = childEntries[idx];
-                bl.height = ce.nativeElement.offsetTop;
-            });
-        }, delay);
-    }
-    updateExpandedStatus(expanded) {
-        if (this._nodeEntry && 'node' in this._nodeEntry) {
-            this._service.updateExpandedStatus(this._nodeEntry.node.name, expanded);
-            this.updateBranchHeights(400);
-        }
-    }
-}
-AjfFbNodeEntry.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbNodeEntry, deps: [{ token: AjfFormBuilderService }], target: i0.ɵɵFactoryTarget.Component });
-AjfFbNodeEntry.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AjfFbNodeEntry, selector: "ajf-fb-node-entry", inputs: { isFirst: "isFirst", nodeEntry: "nodeEntry", level: "level", isDraggable: "isDraggable", originOffset: "originOffset", firstBranchColor: "firstBranchColor" }, host: { listeners: { "window.resize": "onResize()" } }, viewQueries: [{ propertyName: "branchLines", predicate: AjfFbBranchLine, descendants: true }, { propertyName: "childEntries", predicate: AjfFbNodeEntry, descendants: true, read: ElementRef }], ngImport: i0, template: "<ng-container *ngIf=\"nodeEntry; else rootEmpty\">\n  <ng-template [ngIf]=\"isNodeEntry && !isLastNode()\">\n    <ajf-fb-branch-line\n      *ngFor=\"let childNodeEntry of realNodeEntry.children; let idx = index\"\n      [offset]=\"idx\"\n      [color]=\"branchColors[idx]\"\n    ></ajf-fb-branch-line>\n  </ng-template>\n\n  <div\n    class=\"mat-card-container\"\n    [class.ajf-highlighted-formbuilder-node]=\"(currentEditedNode|async) === nodeEntry\"\n  >\n    <div\n      *ngIf=\"!isFirst\"\n      class=\"ajf-origin-line\"\n      [style.margin-left]=\"originLeftMargin\"\n      [style.border-color]=\"firstBranchColor\"\n    ></div>\n    <ng-template [ngIf]=\"isNodeEntry\">\n      <ng-container *ngIf=\"!isDraggable; else draggable\">\n        <mat-card appearance=\"outlined\">\n          <ng-container *ngTemplateOutlet=\"cardTitle\"></ng-container>\n          <ng-container *ngTemplateOutlet=\"cardContent\"></ng-container>\n        </mat-card>\n      </ng-container>\n\n      <ng-template #draggable>\n        <mat-card\n          appearance=\"outlined\"\n          cdkDrag\n          [cdkDragData]=\"realNodeEntry\"\n          class=\"ajf-draggable-box\"\n        >\n          <ng-container *ngIf=\"isSlide(realNodeEntry.node); else fieldPanel\">\n            <ng-container *ngTemplateOutlet=\"slidePanel\"></ng-container>\n          </ng-container>\n        </mat-card>\n      </ng-template>\n\n      <ng-template #slidePanel>\n        <mat-expansion-panel\n          [expanded]=\"isExpanded()|async\"\n          (opened)=\"updateExpandedStatus(true)\"\n          (closed)=\"updateExpandedStatus(false)\"\n          class=\"mat-elevation-z\"\n        >\n          <mat-expansion-panel-header>\n            <ng-container *ngTemplateOutlet=\"cardTitle\"></ng-container>\n          </mat-expansion-panel-header>\n          <ng-container *ngTemplateOutlet=\"cardContent\"></ng-container>\n        </mat-expansion-panel>\n      </ng-template>\n\n      <ng-template #fieldPanel>\n        <ng-container *ngTemplateOutlet=\"cardTitle\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"cardContent\"></ng-container>\n      </ng-template>\n\n      <ng-template #cardTitle>\n        <div class=\"ajf-title-row\">\n          <ajf-node-icon [node]=\"realNodeEntry.node\"></ajf-node-icon>\n          &nbsp;\n          <span\n            class=\"ajf-title\"\n            [innerHTML]=\"(realNodeEntry.node.label || realNodeEntry.node.name)  | transloco\"\n          ></span>\n          <span\n            *ngIf=\"realNodeEntry.node.visibility && realNodeEntry.node.visibility?.condition !== 'true'\"\n            class=\"ajf-visibility-condition\"\n            [innerHTML]=\"'Condition: (' + realNodeEntry.node.visibility.condition + ')'\"\n          >\n          </span>\n          <span class=\"ajf-actions\">\n            <button\n              [disabled]=\"(currentEditedNode|async) === nodeEntry\"\n              (click)=\"edit($event)\"\n              mat-icon-button\n            >\n              <mat-icon>edit</mat-icon>\n            </button>\n            <button (click)=\"delete($event)\" mat-icon-button>\n              <mat-icon>delete</mat-icon>\n            </button>\n          </span>\n        </div>\n      </ng-template>\n\n      <ng-template #cardContent>\n        <div *ngIf=\"hasContent\">\n          <ajf-fb-node-entry\n            cdkDropList\n            class=\"ajf-fields-list\"\n            *ngFor=\"let contentEntry of realNodeEntry.content; let isFirstChild = first; let idx = index\"\n            [id]=\"assignId()\"\n            [level]=\"level + 1\"\n            [isFirst]=\"isFirstChild\"\n            [firstBranchColor]=\"branchColors[idx]\"\n            [nodeEntry]=\"contentEntry\"\n            [cdkDropListEnterPredicate]=\"disableSlideDrop\"\n            (cdkDropListDropped)=\"onDrop($event, true)\"\n          ></ajf-fb-node-entry>\n          <mat-card\n            appearance=\"outlined\"\n            class=\"ajf-empty\"\n            *ngIf=\"realNodeEntry.content.length === 0\"\n            cdkDropList\n            [id]=\"assignId(true)\"\n            [cdkDropListEnterPredicate]=\"disableSlideDrop\"\n            (cdkDropListDropped)=\"onDrop($event, true)\"\n            ><mat-card-title>Drop your fields here</mat-card-title></mat-card\n          >\n        </div>\n      </ng-template>\n    </ng-template>\n  </div>\n\n  <ng-template [ngIf]=\"isNodeEntry\">\n    <ng-container *ngFor=\"let childNodeEntry of realNodeEntry.children; let idx = index\">\n      <ajf-fb-node-entry\n        *ngIf=\"!isLastNode()\"\n        [level]=\"level\"\n        [originOffset]=\"idx\"\n        [firstBranchColor]=\"branchColors[idx]\"\n        [nodeEntry]=\"childNodeEntry\"\n      ></ajf-fb-node-entry>\n    </ng-container>\n  </ng-template>\n</ng-container>\n\n<ng-template #rootEmpty>\n  <div class=\"mat-card-container\">\n    <mat-card\n      appearance=\"outlined\"\n      class=\"ajf-empty\"\n      cdkDropList\n      [cdkDropListEnterPredicate]=\"emptyAreaDropPredicate()\"\n      (cdkDropListDropped)=\"onDrop($event)\"\n      ><mat-card-title>Drop your slides here</mat-card-title>\n    </mat-card>\n  </div>\n</ng-template>\n", styles: ["ajf-fb-node-entry{display:block;position:relative}ajf-fb-node-entry .mat-card-container{position:relative}ajf-fb-node-entry .mat-card-container .ajf-origin-line{position:absolute;top:0;left:25px;width:25px;height:25px;border-bottom:2px solid;border-left:2px solid;border-bottom-left-radius:.5em}ajf-fb-node-entry .mat-card-container .mat-mdc-card{margin-left:50px;padding:.5em 1em;background-color:#fff}ajf-fb-node-entry .mat-card-container .mat-mdc-card .ajf-title-row{display:flex;flex:1 1 auto;flex-direction:row wrap;align-items:center}ajf-fb-node-entry .mat-card-container .mat-mdc-card .ajf-title-row>.ajf-title{flex:1 1 auto;max-width:25vw;margin-right:10px}ajf-fb-node-entry .mat-card-container .mat-mdc-card .ajf-title-row>.ajf-visibility-condition{flex:1 1 auto;font-size:10px;color:#999;max-height:100px;max-width:25vw;overflow:hidden;text-overflow:ellipsis}ajf-fb-node-entry .mat-card-container .mat-mdc-card .ajf-title-row>.ajf-actions{flex:1 1 auto;display:flex;justify-content:flex-end;white-space:nowrap;justify-self:flex-end}ajf-fb-node-entry .mat-card-container .mat-mdc-card.ajf-empty{line-height:36px;border:2px dashed;box-shadow:none;box-sizing:border-box;text-align:center;color:#ccc}ajf-fb-node-entry .mat-card-container .mat-mdc-card.ajf-draggable-box{padding:5px;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;color:#000000de;box-sizing:border-box;cursor:move;background:white;font-size:14px}ajf-fb-node-entry .mat-card-container.ajf-highlighted-formbuilder-node>mat-card{background-color:#fff9c4!important}ajf-fb-node-entry .ajf-highlighted-formbuilder-node .mat-mdc-card .mat-expansion-panel .mat-expansion-panel-header{background-color:#fff9c4!important}ajf-fb-node-entry.ajf-fields-list{max-width:80%;min-height:60px;display:block;background:white;border-radius:4px;overflow:hidden}ajf-fb-node-entry .cdk-drag-placeholder{opacity:.4;min-height:60px;margin-left:50px;border:1px solid #ccc;border-radius:4px;background-color:#fff9c4}ajf-fb-node-entry .ajf-fields-list.cdk-drop-list-dragging .ajf-draggable-box:not(.cdk-drag-placeholder),ajf-fb-node-entry .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "component", type: i2$1.AjfNodeIcon, selector: "ajf-node-icon" }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i4$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "component", type: AjfFbBranchLine, selector: "ajf-fb-branch-line", inputs: ["offset", "color", "height"] }, { kind: "component", type: AjfFbNodeEntry, selector: "ajf-fb-node-entry", inputs: ["isFirst", "nodeEntry", "level", "isDraggable", "originOffset", "firstBranchColor"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbNodeEntry, decorators: [{
-            type: Component,
-            args: [{ selector: 'ajf-fb-node-entry', host: { '(window.resize)': 'onResize()' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"nodeEntry; else rootEmpty\">\n  <ng-template [ngIf]=\"isNodeEntry && !isLastNode()\">\n    <ajf-fb-branch-line\n      *ngFor=\"let childNodeEntry of realNodeEntry.children; let idx = index\"\n      [offset]=\"idx\"\n      [color]=\"branchColors[idx]\"\n    ></ajf-fb-branch-line>\n  </ng-template>\n\n  <div\n    class=\"mat-card-container\"\n    [class.ajf-highlighted-formbuilder-node]=\"(currentEditedNode|async) === nodeEntry\"\n  >\n    <div\n      *ngIf=\"!isFirst\"\n      class=\"ajf-origin-line\"\n      [style.margin-left]=\"originLeftMargin\"\n      [style.border-color]=\"firstBranchColor\"\n    ></div>\n    <ng-template [ngIf]=\"isNodeEntry\">\n      <ng-container *ngIf=\"!isDraggable; else draggable\">\n        <mat-card appearance=\"outlined\">\n          <ng-container *ngTemplateOutlet=\"cardTitle\"></ng-container>\n          <ng-container *ngTemplateOutlet=\"cardContent\"></ng-container>\n        </mat-card>\n      </ng-container>\n\n      <ng-template #draggable>\n        <mat-card\n          appearance=\"outlined\"\n          cdkDrag\n          [cdkDragData]=\"realNodeEntry\"\n          class=\"ajf-draggable-box\"\n        >\n          <ng-container *ngIf=\"isSlide(realNodeEntry.node); else fieldPanel\">\n            <ng-container *ngTemplateOutlet=\"slidePanel\"></ng-container>\n          </ng-container>\n        </mat-card>\n      </ng-template>\n\n      <ng-template #slidePanel>\n        <mat-expansion-panel\n          [expanded]=\"isExpanded()|async\"\n          (opened)=\"updateExpandedStatus(true)\"\n          (closed)=\"updateExpandedStatus(false)\"\n          class=\"mat-elevation-z\"\n        >\n          <mat-expansion-panel-header>\n            <ng-container *ngTemplateOutlet=\"cardTitle\"></ng-container>\n          </mat-expansion-panel-header>\n          <ng-container *ngTemplateOutlet=\"cardContent\"></ng-container>\n        </mat-expansion-panel>\n      </ng-template>\n\n      <ng-template #fieldPanel>\n        <ng-container *ngTemplateOutlet=\"cardTitle\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"cardContent\"></ng-container>\n      </ng-template>\n\n      <ng-template #cardTitle>\n        <div class=\"ajf-title-row\">\n          <ajf-node-icon [node]=\"realNodeEntry.node\"></ajf-node-icon>\n          &nbsp;\n          <span\n            class=\"ajf-title\"\n            [innerHTML]=\"(realNodeEntry.node.label || realNodeEntry.node.name)  | transloco\"\n          ></span>\n          <span\n            *ngIf=\"realNodeEntry.node.visibility && realNodeEntry.node.visibility?.condition !== 'true'\"\n            class=\"ajf-visibility-condition\"\n            [innerHTML]=\"'Condition: (' + realNodeEntry.node.visibility.condition + ')'\"\n          >\n          </span>\n          <span class=\"ajf-actions\">\n            <button\n              [disabled]=\"(currentEditedNode|async) === nodeEntry\"\n              (click)=\"edit($event)\"\n              mat-icon-button\n            >\n              <mat-icon>edit</mat-icon>\n            </button>\n            <button (click)=\"delete($event)\" mat-icon-button>\n              <mat-icon>delete</mat-icon>\n            </button>\n          </span>\n        </div>\n      </ng-template>\n\n      <ng-template #cardContent>\n        <div *ngIf=\"hasContent\">\n          <ajf-fb-node-entry\n            cdkDropList\n            class=\"ajf-fields-list\"\n            *ngFor=\"let contentEntry of realNodeEntry.content; let isFirstChild = first; let idx = index\"\n            [id]=\"assignId()\"\n            [level]=\"level + 1\"\n            [isFirst]=\"isFirstChild\"\n            [firstBranchColor]=\"branchColors[idx]\"\n            [nodeEntry]=\"contentEntry\"\n            [cdkDropListEnterPredicate]=\"disableSlideDrop\"\n            (cdkDropListDropped)=\"onDrop($event, true)\"\n          ></ajf-fb-node-entry>\n          <mat-card\n            appearance=\"outlined\"\n            class=\"ajf-empty\"\n            *ngIf=\"realNodeEntry.content.length === 0\"\n            cdkDropList\n            [id]=\"assignId(true)\"\n            [cdkDropListEnterPredicate]=\"disableSlideDrop\"\n            (cdkDropListDropped)=\"onDrop($event, true)\"\n            ><mat-card-title>Drop your fields here</mat-card-title></mat-card\n          >\n        </div>\n      </ng-template>\n    </ng-template>\n  </div>\n\n  <ng-template [ngIf]=\"isNodeEntry\">\n    <ng-container *ngFor=\"let childNodeEntry of realNodeEntry.children; let idx = index\">\n      <ajf-fb-node-entry\n        *ngIf=\"!isLastNode()\"\n        [level]=\"level\"\n        [originOffset]=\"idx\"\n        [firstBranchColor]=\"branchColors[idx]\"\n        [nodeEntry]=\"childNodeEntry\"\n      ></ajf-fb-node-entry>\n    </ng-container>\n  </ng-template>\n</ng-container>\n\n<ng-template #rootEmpty>\n  <div class=\"mat-card-container\">\n    <mat-card\n      appearance=\"outlined\"\n      class=\"ajf-empty\"\n      cdkDropList\n      [cdkDropListEnterPredicate]=\"emptyAreaDropPredicate()\"\n      (cdkDropListDropped)=\"onDrop($event)\"\n      ><mat-card-title>Drop your slides here</mat-card-title>\n    </mat-card>\n  </div>\n</ng-template>\n", styles: ["ajf-fb-node-entry{display:block;position:relative}ajf-fb-node-entry .mat-card-container{position:relative}ajf-fb-node-entry .mat-card-container .ajf-origin-line{position:absolute;top:0;left:25px;width:25px;height:25px;border-bottom:2px solid;border-left:2px solid;border-bottom-left-radius:.5em}ajf-fb-node-entry .mat-card-container .mat-mdc-card{margin-left:50px;padding:.5em 1em;background-color:#fff}ajf-fb-node-entry .mat-card-container .mat-mdc-card .ajf-title-row{display:flex;flex:1 1 auto;flex-direction:row wrap;align-items:center}ajf-fb-node-entry .mat-card-container .mat-mdc-card .ajf-title-row>.ajf-title{flex:1 1 auto;max-width:25vw;margin-right:10px}ajf-fb-node-entry .mat-card-container .mat-mdc-card .ajf-title-row>.ajf-visibility-condition{flex:1 1 auto;font-size:10px;color:#999;max-height:100px;max-width:25vw;overflow:hidden;text-overflow:ellipsis}ajf-fb-node-entry .mat-card-container .mat-mdc-card .ajf-title-row>.ajf-actions{flex:1 1 auto;display:flex;justify-content:flex-end;white-space:nowrap;justify-self:flex-end}ajf-fb-node-entry .mat-card-container .mat-mdc-card.ajf-empty{line-height:36px;border:2px dashed;box-shadow:none;box-sizing:border-box;text-align:center;color:#ccc}ajf-fb-node-entry .mat-card-container .mat-mdc-card.ajf-draggable-box{padding:5px;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;color:#000000de;box-sizing:border-box;cursor:move;background:white;font-size:14px}ajf-fb-node-entry .mat-card-container.ajf-highlighted-formbuilder-node>mat-card{background-color:#fff9c4!important}ajf-fb-node-entry .ajf-highlighted-formbuilder-node .mat-mdc-card .mat-expansion-panel .mat-expansion-panel-header{background-color:#fff9c4!important}ajf-fb-node-entry.ajf-fields-list{max-width:80%;min-height:60px;display:block;background:white;border-radius:4px;overflow:hidden}ajf-fb-node-entry .cdk-drag-placeholder{opacity:.4;min-height:60px;margin-left:50px;border:1px solid #ccc;border-radius:4px;background-color:#fff9c4}ajf-fb-node-entry .ajf-fields-list.cdk-drop-list-dragging .ajf-draggable-box:not(.cdk-drag-placeholder),ajf-fb-node-entry .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
-        }], ctorParameters: function () { return [{ type: AjfFormBuilderService }]; }, propDecorators: { branchLines: [{
-                type: ViewChildren,
-                args: [AjfFbBranchLine]
-            }], childEntries: [{
-                type: ViewChildren,
-                args: [AjfFbNodeEntry, { read: ElementRef }]
-            }], isFirst: [{
-                type: Input
-            }], nodeEntry: [{
-                type: Input
-            }], level: [{
-                type: Input
-            }], isDraggable: [{
-                type: Input
-            }], originOffset: [{
-                type: Input
-            }], firstBranchColor: [{
-                type: Input
-            }] } });
-
-class AjfFbValidationConditionEditorDialog {
-    constructor(service, dialogRef) {
-        this.dialogRef = dialogRef;
-        this.condition = '';
-        this.errorMessage = '';
-        this._fields = service.flatFields.pipe(map((fields) => fields.sort((f1, f2) => f1.name.localeCompare(f2.name))));
-    }
-    get fields() {
-        return this._fields;
-    }
-    saveCondition() {
-        if (this.editor == null) {
-            return;
-        }
-        const newValue = this.editor.formulaEditorControl.value;
-        this.dialogRef.close({ condition: newValue, errorMessage: this.errorMessage });
-    }
-    closeDialog() {
-        this.dialogRef.close(this.editor.formulaEditorControl.value);
-    }
-}
-AjfFbValidationConditionEditorDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbValidationConditionEditorDialog, deps: [{ token: AjfFormBuilderService }, { token: i2.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-AjfFbValidationConditionEditorDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AjfFbValidationConditionEditorDialog, selector: "ajf-fb-validation-condition-editor-dialog", viewQueries: [{ propertyName: "editor", first: true, predicate: AjfFbConditionEditor, descendants: true }], ngImport: i0, template: "<h3 matDialogTitle>{{'Edit condition'|transloco}}</h3>\n<mat-dialog-content>\n  <mat-form-field>\n    <input\n      matInput\n      [(ngModel)]=\"errorMessage\"\n      [placeholder]=\"'Error message'|transloco\"\n    />\n  </mat-form-field>\n  <ajf-condition-editor\n    *ngIf=\"fields|async as curFields\"\n    [fields]=\"curFields!\"\n    [condition]=\"condition\"\n  ></ajf-condition-editor>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-button (click)=\"saveCondition()\">{{'Save'|transloco}}</button>\n  <button mat-button (click)=\"closeDialog()\">{{'Close'|transloco}}</button>\n</mat-dialog-actions>\n", styles: ["ajf-fb-validation-condition-editor-dialog .mat-mdc-dialog-content{overflow:visible}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: AjfFbConditionEditor, selector: "ajf-condition-editor", inputs: ["fields", "condition"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbValidationConditionEditorDialog, decorators: [{
-            type: Component,
-            args: [{ selector: 'ajf-fb-validation-condition-editor-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<h3 matDialogTitle>{{'Edit condition'|transloco}}</h3>\n<mat-dialog-content>\n  <mat-form-field>\n    <input\n      matInput\n      [(ngModel)]=\"errorMessage\"\n      [placeholder]=\"'Error message'|transloco\"\n    />\n  </mat-form-field>\n  <ajf-condition-editor\n    *ngIf=\"fields|async as curFields\"\n    [fields]=\"curFields!\"\n    [condition]=\"condition\"\n  ></ajf-condition-editor>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-button (click)=\"saveCondition()\">{{'Save'|transloco}}</button>\n  <button mat-button (click)=\"closeDialog()\">{{'Close'|transloco}}</button>\n</mat-dialog-actions>\n", styles: ["ajf-fb-validation-condition-editor-dialog .mat-mdc-dialog-content{overflow:visible}\n"] }]
-        }], ctorParameters: function () { return [{ type: AjfFormBuilderService }, { type: i2.MatDialogRef }]; }, propDecorators: { editor: [{
-                type: ViewChild,
-                args: [AjfFbConditionEditor, { static: false }]
-            }] } });
-
-class AjfFbWarningConditionEditorDialog {
-    constructor(service, dialogRef) {
-        this.dialogRef = dialogRef;
-        this.condition = '';
-        this.warningMessage = '';
-        this._fields = service.flatFields.pipe(map((fields) => fields.sort((f1, f2) => f1.name.localeCompare(f2.name))));
-    }
-    get fields() {
-        return this._fields;
-    }
-    saveCondition() {
-        if (this.editor == null) {
-            return;
-        }
-        const newValue = this.editor.formulaEditorControl.value;
-        this.dialogRef.close({ condition: newValue, warningMessage: this.warningMessage });
-    }
-    closeDialog() {
-        this.dialogRef.close(this.editor.formulaEditorControl.value);
-    }
-}
-AjfFbWarningConditionEditorDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbWarningConditionEditorDialog, deps: [{ token: AjfFormBuilderService }, { token: i2.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-AjfFbWarningConditionEditorDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AjfFbWarningConditionEditorDialog, selector: "ajf-fb-warning-condition-editor-dialog", viewQueries: [{ propertyName: "editor", first: true, predicate: AjfFbConditionEditor, descendants: true }], ngImport: i0, template: "<h3 matDialogTitle>{{'Edit condition'|transloco}}</h3>\n<mat-dialog-content>\n  <mat-form-field>\n    <input\n      matInput\n      [(ngModel)]=\"warningMessage\"\n      [placeholder]=\"'Warning message' | transloco\"\n    />\n  </mat-form-field>\n  <ajf-condition-editor\n    *ngIf=\"fields|async as curFields\"\n    [fields]=\"curFields!\"\n    [condition]=\"condition\"\n  ></ajf-condition-editor>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-button (click)=\"saveCondition()\">{{'Save'|transloco}}</button>\n  <button mat-button (click)=\"closeDialog()\">{{'Close'|transloco}}</button>\n</mat-dialog-actions>\n", styles: ["ajf-fb-warning-condition-editor-dialog .mat-mdc-dialog-content{overflow:visible}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: AjfFbConditionEditor, selector: "ajf-condition-editor", inputs: ["fields", "condition"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbWarningConditionEditorDialog, decorators: [{
-            type: Component,
-            args: [{ selector: 'ajf-fb-warning-condition-editor-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<h3 matDialogTitle>{{'Edit condition'|transloco}}</h3>\n<mat-dialog-content>\n  <mat-form-field>\n    <input\n      matInput\n      [(ngModel)]=\"warningMessage\"\n      [placeholder]=\"'Warning message' | transloco\"\n    />\n  </mat-form-field>\n  <ajf-condition-editor\n    *ngIf=\"fields|async as curFields\"\n    [fields]=\"curFields!\"\n    [condition]=\"condition\"\n  ></ajf-condition-editor>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-button (click)=\"saveCondition()\">{{'Save'|transloco}}</button>\n  <button mat-button (click)=\"closeDialog()\">{{'Close'|transloco}}</button>\n</mat-dialog-actions>\n", styles: ["ajf-fb-warning-condition-editor-dialog .mat-mdc-dialog-content{overflow:visible}\n"] }]
-        }], ctorParameters: function () { return [{ type: AjfFormBuilderService }, { type: i2.MatDialogRef }]; }, propDecorators: { editor: [{
-                type: ViewChild,
-                args: [AjfFbConditionEditor, { static: false }]
-            }] } });
-
-/**
- * @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/.
- *
- */
-/**
- * Custom validator service that checks for an already existing
- * Node with the given name.
- */
-class AjfNodePropertiesNameMatchValidator {
-    constructor(_fbs) {
-        this._fbs = _fbs;
-    }
-    /**
-     * Custom async validator method.
-     * Checks if a Node with the same Name exists, in order to
-     * validate the Node Entry properties form.
-     * @param cdr The editor changeDetectionRef
-     * @param currentId The current node entry id
-     */
-    sameValueCheck(cdr, currentId) {
-        return (control) => {
-            if (!this._fbs.flatNodes)
-                return of(null);
-            return this._fbs.flatNodes.pipe(debounceTime(300), map(nodes => {
-                const sameNameNode = nodes.find(n => n.name.toLowerCase() === control.value.toLowerCase() && n.id != currentId);
-                if (sameNameNode) {
-                    return { 'name_exists': true };
-                }
-                return null;
-            }), finalize(() => {
-                control.markAsTouched();
-                cdr.detectChanges();
-            }), take(1));
-        };
-    }
-}
-AjfNodePropertiesNameMatchValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfNodePropertiesNameMatchValidator, deps: [{ token: AjfFormBuilderService }], target: i0.ɵɵFactoryTarget.Injectable });
-AjfNodePropertiesNameMatchValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfNodePropertiesNameMatchValidator });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfNodePropertiesNameMatchValidator, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: AjfFormBuilderService }]; } });
-
-/**
- * @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/.
- *
- */
-function checkRepsValidity(c) {
-    const minReps = c.value.minReps;
-    const maxReps = c.value.maxReps;
-    if (minReps != null && maxReps != null && minReps > maxReps) {
-        return { reps: 'Min repetions cannot be greater than max repetitions' };
-    }
-    return null;
-}
-function checkValueLimitsValidity(c) {
-    const minValue = c.value.minValue;
-    const maxValue = c.value.maxValue;
-    if (minValue != null && maxValue != null && minValue > maxValue) {
-        return { valueLimit: 'Min value cannot be greater than max value' };
-    }
-    return null;
-}
-function checkDigitsValidity(c) {
-    const minDigits = c.value.minDigits;
-    const maxDigits = c.value.maxDigits;
-    if (minDigits != null && maxDigits != null && minDigits > maxDigits) {
-        return { digits: 'Min digits cannot be greater than max digits' };
-    }
-    return null;
-}
-function checkRangeValidity(c) {
-    const { start, end } = c.value;
-    if (start != null && end != null && start > end) {
-        return { range: 'End must be greater than start' };
-    }
-    return null;
-}
-class AjfFbNodeProperties {
-    constructor(_cdr, _service, _dialog, _fb, _nodeNameValidator) {
-        this._cdr = _cdr;
-        this._service = _service;
-        this._dialog = _dialog;
-        this._fb = _fb;
-        this._nodeNameValidator = _nodeNameValidator;
-        this._fieldSizes = [
-            { label: 'Normal', value: 'normal' },
-            { label: 'Small', value: 'small' },
-            { label: 'Smaller', value: 'smaller' },
-            { label: 'Tiny', value: 'tiny' },
-            { label: 'Mini', value: 'mini' },
-        ];
-        this._choicesOrigins = [];
-        this._curVisibility = null;
-        this._curFormulaReps = null;
-        this._curChoicesFilter = null;
-        this._curForceValue = null;
-        this._curFormula = null;
-        this._conditionalBranches = [];
-        this._validationConditions = [];
-        this._warningConditions = [];
-        this._triggerConditions = [];
-        this.isRepeatingContainerNode = nodeEntry => {
-            return nodeEntry != null && isRepeatingContainerNode(nodeEntry.node);
-        };
-        this._visibilityOptSub = Subscription.EMPTY;
-        this._visibilitySub = Subscription.EMPTY;
-        this._conditionalBranchesSub = Subscription.EMPTY;
-        this._formulaRepsSub = Subscription.EMPTY;
-        this._choicesFilterSub = Subscription.EMPTY;
-        this._formulaSub = Subscription.EMPTY;
-        this._forceValueSub = Subscription.EMPTY;
-        this._validationConditionsSub = Subscription.EMPTY;
-        this._warningConditionsSub = Subscription.EMPTY;
-        this._nextSlideConditionSub = Subscription.EMPTY;
-        this._choicesOriginsSub = Subscription.EMPTY;
-        this._triggerConditionsSub = Subscription.EMPTY;
-        this._editConditionDialog = null;
-        this._editConditionDialogSub = Subscription.EMPTY;
-        this._editValidationConditionDialog = null;
-        this._editValidationConditionDialogSub = Subscription.EMPTY;
-        this._editWarningConditionDialog = null;
-        this._editWarningConditionDialogSub = Subscription.EMPTY;
-        this._editVisibilityEvt = new EventEmitter();
-        this._editVisibilitySub = Subscription.EMPTY;
-        this._editConditionalBranchEvt = new EventEmitter();
-        this._editConditionalBranchSub = Subscription.EMPTY;
-        this._editFormulaRepsEvt = new EventEmitter();
-        this._editFormulaRepsSub = Subscription.EMPTY;
-        this._editChoicesFilterEvt = new EventEmitter();
-        this._editChoicesFilterSub = Subscription.EMPTY;
-        this._editFormulaEvt = new EventEmitter();
-        this._editFormulaSub = Subscription.EMPTY;
-        this._editForceValueEvt = new EventEmitter();
-        this._editForceValueSub = Subscription.EMPTY;
-        this._editValidationConditionEvt = new EventEmitter();
-        this._editValidationConditionSub = Subscription.EMPTY;
-        this._addValidationConditionEvt = new EventEmitter();
-        this._addValidationConditionSub = Subscription.EMPTY;
-        this._removeValidationConditionEvt = new EventEmitter();
-        this._removeValidationConditionSub = Subscription.EMPTY;
-        this._editWarningConditionEvt = new EventEmitter();
-        this._editWarningConditionSub = Subscription.EMPTY;
-        this._addWarningConditionEvt = new EventEmitter();
-        this._addWarningConditionSub = Subscription.EMPTY;
-        this._removeWarningConditionEvt = new EventEmitter();
-        this._removeWarningConditionSub = Subscription.EMPTY;
-        this._editNextSlideConditionEvt = new EventEmitter();
-        this._editNextSlideConditionSub = Subscription.EMPTY;
-        this._editTriggerConditionEvt = new EventEmitter();
-        this._editTriggerConditionSub = Subscription.EMPTY;
-        this._addTriggerConditionEvt = new EventEmitter();
-        this._addTriggerConditionSub = Subscription.EMPTY;
-        this._removeTriggerConditionEvt = new EventEmitter();
-        this._removeTriggerConditionSub = Subscription.EMPTY;
-        this._saveEvt = new EventEmitter();
-        this._saveSub = Subscription.EMPTY;
-        this._nodeEntry = _service.editedNodeEntry;
-        this._choicesOriginsSub = _service.choicesOrigins.subscribe(c => (this._choicesOrigins = c || []));
-        this._enabled = this._nodeEntry.pipe(map(n => n != null));
-        this._initForm();
-        this._initVisibilityEdit();
-        this._initConditionalBranchEdit();
-        this._initFormulaRepsEdit();
-        this._initChoicesFilterEdit();
-        this._initFormulaEdit();
-        this._initForceValueEdit();
-        this._initValidationConditionEdit();
-        this._initAddValidationCondition();
-        this._initRemoveValidationCondition();
-        this._initWarningConditionEdit();
-        this._initAddWarningCondition();
-        this._initRemoveWarningCondition();
-        this._initNextSlideConditionEdit();
-        this._initTriggerConditionEdit();
-        this._initAddTriggerCondition();
-        this._initRemoveTriggerCondition();
-        this._initSave();
-    }
-    get fieldSizes() {
-        return this._fieldSizes;
-    }
-    get nodeEntry() {
-        return this._nodeEntry;
-    }
-    get choicesOrigins() {
-        return this._choicesOrigins;
-    }
-    get enabled() {
-        return this._enabled;
-    }
-    get propertiesForm() {
-        return this._propertiesForm;
-    }
-    get hasChoices() {
-        return this._hasChoices;
-    }
-    get curVisibility() {
-        return this._curVisibility;
-    }
-    get curFormulaReps() {
-        return this._curFormulaReps;
-    }
-    get curChoicesFilter() {
-        return this._curChoicesFilter;
-    }
-    get curForceValue() {
-        return this._curForceValue;
-    }
-    get curFormula() {
-        return this._curFormula;
-    }
-    get conditionalBranches() {
-        return this._conditionalBranches;
-    }
-    get validationConditions() {
-        return this._validationConditions;
-    }
-    get warningConditions() {
-        return this._warningConditions;
-    }
-    get nextSlideCondition() {
-        return this._nextSlideCondition;
-    }
-    get triggerConditions() {
-        return this._triggerConditions;
-    }
-    editVisibility() {
-        this._editVisibilityEvt.emit();
-    }
-    editConditionalBranch(idx) {
-        if (idx < 0 || idx >= this._conditionalBranches.length) {
-            return;
-        }
-        this._editConditionalBranchEvt.emit(idx);
-    }
-    editFormulaReps() {
-        this._editFormulaRepsEvt.emit();
-    }
-    editChoicesFilter() {
-        this._editChoicesFilterEvt.emit();
-    }
-    editFormula() {
-        this._editFormulaEvt.emit();
-    }
-    editForceValue() {
-        this._editForceValueEvt.emit();
-    }
-    editValidationCondition(idx) {
-        if (idx < 0 || idx >= this._validationConditions.length) {
-            return;
-        }
-        this._editValidationConditionEvt.emit(idx);
-    }
-    addValidationCondition() {
-        this._addValidationConditionEvt.emit();
-    }
-    removeValidationCondition(idx) {
-        if (idx < 0 || idx >= this._validationConditions.length) {
-            return;
-        }
-        this._removeValidationConditionEvt.emit(idx);
-    }
-    editWarningCondition(idx) {
-        if (idx < 0 || idx >= this._warningConditions.length) {
-            return;
-        }
-        this._editWarningConditionEvt.emit(idx);
-    }
-    addWarningCondition() {
-        this._addWarningConditionEvt.emit();
-    }
-    removeWarningCondition(idx) {
-        if (idx < 0 || idx >= this._warningConditions.length) {
-            return;
-        }
-        this._removeWarningConditionEvt.emit(idx);
-    }
-    editNextSlideCondition() {
-        this._editNextSlideConditionEvt.emit();
-    }
-    editTriggerCondition(idx) {
-        if (idx < 0 || idx >= this._triggerConditions.length) {
-            return;
-        }
-        this._editTriggerConditionEvt.emit(idx);
-    }
-    addTriggerCondition() {
-        this._addTriggerConditionEvt.emit();
-    }
-    removeTriggerCondition(idx) {
-        if (idx < 0 || idx >= this._triggerConditions.length) {
-            return;
-        }
-        this._removeTriggerConditionEvt.emit(idx);
-    }
-    isField(nodeEntry) {
-        return nodeEntry != null && isField(nodeEntry.node);
-    }
-    isNumericField(node) {
-        return isField(node) && isNumberField(node);
-    }
-    isFieldWithChoices(node) {
-        return isField(node) && isFieldWithChoices(node);
-    }
-    hasChoicesOriginRef() {
-        return this._propertiesForm.pipe(map(fg => {
-            var _a;
-            const value = ((_a = fg.get('choicesOriginRef')) === null || _a === void 0 ? void 0 : _a.value) != null;
-            return value;
-        }), take(1));
-    }
-    isRangeField(node) {
-        return isField(node) && isRangeField(node);
-    }
-    isTableField(node) {
-        return isField(node) && isTableField(node);
-    }
-    forceCheckbox(checked, checkbox) {
-        if (!checked || !checkbox) {
-            return;
-        }
-        if (checkbox.checked) {
-            checkbox.toggle();
-        }
-    }
-    save() {
-        this._saveEvt.emit();
-    }
-    cancel() {
-        this._service.cancelNodeEntryEdit();
-    }
-    fieldErrorMessage(formControl, fieldName) {
-        if (!formControl || !fieldName)
-            return null;
-        if (formControl.hasError('required')) {
-            return `You must enter a value for ${fieldName}`;
-        }
-        if (formControl.hasError('name_exists')) {
-            return `This ${fieldName} has already been used`;
-        }
-        return null;
-    }
-    ngOnDestroy() {
-        this.cancel();
-        this._choicesOriginsSub.unsubscribe();
-        this._visibilityOptSub.unsubscribe();
-        this._visibilitySub.unsubscribe();
-        this._formulaRepsSub.unsubscribe();
-        this._choicesFilterSub.unsubscribe();
-        this._formulaSub.unsubscribe();
-        this._forceValueSub.unsubscribe();
-        this._validationConditionsSub.unsubscribe();
-        this._warningConditionsSub.unsubscribe();
-        this._triggerConditionsSub.unsubscribe();
-        this._editConditionDialogSub.unsubscribe();
-        this._editValidationConditionDialogSub.unsubscribe();
-        this._editWarningConditionDialogSub.unsubscribe();
-        this._editChoicesFilterSub.unsubscribe();
-        this._editConditionalBranchSub.unsubscribe();
-        this._editVisibilitySub.unsubscribe();
-        this._editFormulaRepsSub.unsubscribe();
-        this._editFormulaSub.unsubscribe();
-        this._editForceValueSub.unsubscribe();
-        this._editValidationConditionSub.unsubscribe();
-        this._editWarningConditionSub.unsubscribe();
-        this._nextSlideConditionSub.unsubscribe();
-        this._addTriggerConditionSub.unsubscribe();
-        this._addValidationConditionSub.unsubscribe();
-        this._addWarningConditionSub.unsubscribe();
-        this._editNextSlideConditionSub.unsubscribe();
-        this._editTriggerConditionSub.unsubscribe();
-        this._removeTriggerConditionSub.unsubscribe();
-        this._removeValidationConditionSub.unsubscribe();
-        this._removeWarningConditionSub.unsubscribe();
-        this._saveSub.unsubscribe();
-    }
-    _initSave() {
-        this._saveSub = this._saveEvt
-            .pipe(withLatestFrom(this.propertiesForm))
-            .subscribe(([_, formGroup]) => {
-            const fg = formGroup;
-            const val = Object.assign(Object.assign({}, fg.value), { conditionalBranches: this._conditionalBranches });
-            this._service.saveNodeEntry(val);
-        });
-    }
-    _initForm() {
-        this._propertiesForm = this._nodeEntry.pipe(filter(n => n != null), map(n => {
-            if (this._visibilityOptSub != null) {
-                this._visibilityOptSub.unsubscribe();
-            }
-            if (this._visibilitySub != null) {
-                this._visibilitySub.unsubscribe();
-            }
-            if (this._conditionalBranchesSub != null) {
-                this._conditionalBranchesSub.unsubscribe();
-            }
-            if (n == null) {
-                return this._fb.group({});
-            }
-            const visibility = n.node.visibility != null ? n.node.visibility.condition : null;
-            const visibilityOpt = n.node.visibility != null ? this._guessVisibilityOpt(n.node.visibility) : null;
-            let controls = {
-                name: [
-                    n.node.name,
-                    Validators.required,
-                    this._nodeNameValidator.sameValueCheck(this._cdr, n.node.id),
-                ],
-                label: [n.node.label, Validators.required],
-                visibilityOpt: [visibilityOpt, Validators.required],
-                visibility: [visibility, Validators.required],
-                conditionalBranchesNum: n.node.conditionalBranches.length,
-            };
-            const validators = [];
-            if (isRepeatingContainerNode(n.node)) {
-                const rn = n.node;
-                const formulaReps = rn.formulaReps != null ? rn.formulaReps.formula : null;
-                controls.formulaReps = [formulaReps, Validators.required];
-                controls.minReps = rn.minReps;
-                controls.maxReps = rn.maxReps;
-                this._curFormulaReps = formulaReps;
-                validators.push(checkRepsValidity);
-            }
-            const { node } = n;
-            if (isField(node)) {
-                let forceValue = null;
-                let notEmpty = false;
-                let validationConditions = [];
-                if (node.validation != null) {
-                    if (node.validation.forceValue != null) {
-                        forceValue = node.validation.forceValue.condition;
-                    }
-                    notEmpty = node.validation.notEmpty != null;
-                    validationConditions = (node.validation.conditions || []).map(c => {
-                        return { condition: c.condition, errorMessage: c.errorMessage };
-                    });
-                }
-                let notEmptyW = false;
-                let warningConditions = [];
-                if (node.warning != null) {
-                    notEmptyW = node.warning.notEmpty != null;
-                    warningConditions = (node.warning.conditions || []).map(w => {
-                        return { condition: w.condition, warningMessage: w.warningMessage };
-                    });
-                }
-                const formula = node.formula != null ? node.formula.formula : null;
-                controls.description = node.description;
-                controls.defaultValue = node.defaultValue;
-                controls.hint = node.hint;
-                controls.size = node.size;
-                controls.formula = formula;
-                controls.forceValue = forceValue;
-                controls.notEmpty = notEmpty;
-                controls.validationConditions = [validationConditions, []];
-                controls.notEmptyWarning = notEmptyW;
-                controls.readonlyField = node.editable != null ? !node.editable : false;
-                controls.warningConditions = [warningConditions, []];
-                controls.nextSlideCondition = [node.nextSlideCondition];
-                this._curForceValue = forceValue;
-                this._curFormula = formula;
-                this._validationConditions = validationConditions;
-                this._warningConditions = warningConditions;
-            }
-            if (this.isNumericField(node)) {
-                let minValue;
-                let maxValue;
-                let minDigits;
-                let maxDigits;
-                if (node.validation != null) {
-                    if (node.validation.minValue != null) {
-                        minValue = (node.validation.minValue.condition || '').replace('$value >= ', '');
-                    }
-                    if (node.validation.maxValue != null) {
-                        maxValue = (node.validation.maxValue.condition || '').replace('$value <= ', '');
-                    }
-                    if (node.validation.minDigits != null) {
-                        minDigits = (node.validation.minDigits.condition || '').replace('$value.toString().length >= ', '');
-                    }
-                    if (node.validation.maxDigits != null) {
-                        maxDigits = (node.validation.maxDigits.condition || '').replace('$value.toString().length <= ', '');
-                    }
-                }
-                controls.minValue = minValue;
-                controls.maxValue = maxValue;
-                controls.minDigits = minDigits;
-                controls.maxDigits = maxDigits;
-                validators.push(checkValueLimitsValidity);
-                validators.push(checkDigitsValidity);
-            }
-            if (this.isRangeField(node)) {
-                const { start, end, step } = node;
-                controls.start = start;
-                controls.end = end;
-                controls.step = step;
-                validators.push(checkRangeValidity);
-            }
-            if (this.isFieldWithChoices(node)) {
-                let triggerConditions = (node.triggerConditions || []).map(c => c.condition);
-                controls.choicesOriginRef = node.choicesOriginRef;
-                controls.choicesFilter = node.choicesFilter != null ? node.choicesFilter.formula : null;
-                controls.forceExpanded = node.forceExpanded;
-                controls.forceNarrow = node.forceNarrow;
-                controls.triggerConditions = triggerConditions;
-                this._triggerConditions = triggerConditions;
-            }
-            if (this.isTableField(node)) {
-                const { columnTypes, rows, columnLabels, rowLabels } = node;
-                const tableDef = { columnTypes, rows, columnLabels, rowLabels };
-                controls.tableDef = JSON.stringify(tableDef, undefined, 2);
-                controls.hideEmptyRows = node.hideEmptyRows;
-            }
-            const fg = this._fb.group(controls);
-            fg.setValidators(validators);
-            this._conditionalBranches = n.node.conditionalBranches.map(c => c.condition);
-            this._curVisibility = n.node.visibility != null ? n.node.visibility.condition : null;
-            this._handleConditionalBranchesChange(fg);
-            this._handleVisibilityChange(fg);
-            this._handleFormulaRepsChange(fg);
-            this._handleChoicesFilterChange(fg);
-            this._handleFormulaChange(fg);
-            this._handleForceValueChange(fg);
-            this._handleValidationCondtionsChange(fg);
-            this._handleWarningCondtionsChange(fg);
-            this._handleNextSlideConditionChange(fg);
-            this._handleTriggerCondtionsChange(fg);
-            return fg;
-        }), shareReplay(1));
-    }
-    _destroyConditionDialog() {
-        if (this._editConditionDialogSub != null) {
-            this._editConditionDialogSub.unsubscribe();
-            this._editConditionDialogSub = Subscription.EMPTY;
-        }
-        if (this._editConditionDialog != null) {
-            this._editConditionDialog.close();
-            this._editConditionDialog = null;
-        }
-    }
-    _destroyValidationConditionDialog() {
-        if (this._editValidationConditionDialogSub != null) {
-            this._editValidationConditionDialogSub.unsubscribe();
-            this._editValidationConditionDialogSub = Subscription.EMPTY;
-        }
-        if (this._editValidationConditionDialog != null) {
-            this._editValidationConditionDialog.close();
-            this._editValidationConditionDialog = null;
-        }
-    }
-    _destroyWarningConditionDialog() {
-        if (this._editWarningConditionDialogSub != null) {
-            this._editWarningConditionDialogSub.unsubscribe();
-            this._editWarningConditionDialogSub = Subscription.EMPTY;
-        }
-        if (this._editWarningConditionDialog != null) {
-            this._editWarningConditionDialog.close();
-            this._editWarningConditionDialog = null;
-        }
-    }
-    _initRemoveTriggerCondition() {
-        this._removeTriggerConditionSub = this._removeTriggerConditionEvt
-            .pipe(withLatestFrom(this._propertiesForm))
-            .subscribe(([vcIdx, formGroup]) => {
-            if (formGroup == null) {
-                return;
-            }
-            const fg = formGroup;
-            const ctrl = fg.controls['triggerConditions'];
-            let vcs = (ctrl.value || []).slice(0);
-            if (vcIdx < 0 || vcIdx >= vcs.length) {
-                return;
-            }
-            vcs.splice(vcIdx, 1);
-            ctrl.setValue(vcs);
-        });
-    }
-    _initAddTriggerCondition() {
-        this._addTriggerConditionSub = this._addTriggerConditionEvt
-            .pipe(withLatestFrom(this._propertiesForm))
-            .subscribe(([_, formGroup]) => {
-            if (formGroup == null) {
-                return;
-            }
-            const fg = formGroup;
-            const ctrl = fg.controls['triggerConditions'];
-            let vcs = (ctrl.value || []).slice(0);
-            vcs.push('');
-            ctrl.setValue(vcs);
-        });
-    }
-    _initTriggerConditionEdit() {
-        this._editConditionDialogSub = Subscription.EMPTY;
-        this._cdr.markForCheck();
-        this._editTriggerConditionSub = this._editTriggerConditionEvt
-            .pipe(withLatestFrom(this._propertiesForm))
-            .subscribe(([vcIdx, fg]) => {
-            this._destroyConditionDialog();
-            if (vcIdx < 0 || vcIdx >= this._triggerConditions.length || fg == null) {
-                return;
-            }
-            this._editConditionDialog = this._dialog.open(AjfFbConditionEditorDialog);
-            const cmp = this._editConditionDialog.componentInstance;
-            cmp.condition = this._triggerConditions[vcIdx];
-            this._editConditionDialogSub = this._editConditionDialog
-                .afterClosed()
-                .subscribe((cond) => {
-                if (cond !== void 0) {
-                    this._triggerConditions[vcIdx] = cond;
-                }
-                this._editConditionDialogSub.unsubscribe();
-                this._editConditionDialogSub = Subscription.EMPTY;
-                this._cdr.markForCheck();
-            });
-        });
-    }
-    _initRemoveWarningCondition() {
-        this._removeWarningConditionSub = this._removeWarningConditionEvt
-            .pipe(withLatestFrom(this._propertiesForm))
-            .subscribe(([vcIdx, formGroup]) => {
-            if (formGroup == null) {
-                return;
-            }
-            const fg = formGroup;
-            const ctrl = fg.controls['warningConditions'];
-            let vcs = (ctrl.value || []).slice(0);
-            if (vcIdx < 0 || vcIdx >= vcs.length) {
-                return;
-            }
-            vcs.splice(vcIdx, 1);
-            ctrl.setValue(vcs);
-        });
-    }
-    _initAddWarningCondition() {
-        this._addWarningConditionSub = this._addWarningConditionEvt
-            .pipe(withLatestFrom(this._propertiesForm))
-            .subscribe(([_, formGroup]) => {
-            if (formGroup == null) {
-                return;
-            }
-            const fg = formGroup;
-            const ctrl = fg.controls['warningConditions'];
-            let vcs = (ctrl.value || []).slice(0);
-            vcs.push({ condition: '', errorMessage: '' });
-            ctrl.setValue(vcs);
-        });
-    }
-    _initWarningConditionEdit() {
-        this._editWarningConditionSub = this._editWarningConditionEvt
-            .pipe(withLatestFrom(this._propertiesForm))
-            .subscribe(([vcIdx, fg]) => {
-            this._destroyWarningConditionDialog();
-            if (vcIdx < 0 || vcIdx >= this._warningConditions.length || fg == null) {
-                return;
-            }
-            this._editWarningConditionDialog = this._dialog.open(AjfFbWarningConditionEditorDialog);
-            const cmp = this._editWarningConditionDialog.componentInstance;
-            const w = this._warningConditions[vcIdx];
-            cmp.condition = w.condition;
-            cmp.warningMessage = w.warningMessage;
-            this._editWarningConditionDialogSub = this._editWarningConditionDialog
-                .afterClosed()
-                .subscribe((cond) => {
-                if (cond !== void 0) {
-                    this._warningConditions[vcIdx] = cond;
-                }
-                this._editWarningConditionDialogSub.unsubscribe();
-                this._editWarningConditionDialogSub = Subscription.EMPTY;
-                this._cdr.markForCheck();
-            });
-        });
-    }
-    _initRemoveValidationCondition() {
-        this._removeValidationConditionSub = this._removeValidationConditionEvt
-            .pipe(withLatestFrom(this._propertiesForm))
-            .subscribe(([vcIdx, formGroup]) => {
-            if (formGroup == null) {
-                return;
-            }
-            const fg = formGroup;
-            const ctrl = fg.controls['validationConditions'];
-            let vcs = (ctrl.value || []).slice(0);
-            if (vcIdx < 0 || vcIdx >= vcs.length) {
-                return;
-            }
-            vcs.splice(vcIdx, 1);
-            ctrl.setValue(vcs);
-        });
-    }
-    _initAddValidationCondition() {
-        this._addValidationConditionSub = this._addValidationConditionEvt
-            .pipe(withLatestFrom(this._propertiesForm))
-            .subscribe(([_, formGroup]) => {
-            if (formGroup == null) {
-                return;
-            }
-            const fg = formGroup;
-            const ctrl = fg.controls['validationConditions'];
-            let vcs = (ctrl.value || []).slice(0);
-            vcs.push({ condition: '', errorMessage: '' });
-            ctrl.setValue(vcs);
-        });
-    }
-    _initValidationConditionEdit() {
-        this._editValidationConditionSub = this._editValidationConditionEvt
-            .pipe(withLatestFrom(this._propertiesForm))
-            .subscribe(([vcIdx, fg]) => {
-            this._destroyValidationConditionDialog();
-            if (vcIdx < 0 || vcIdx >= this._validationConditions.length || fg == null) {
-                return;
-            }
-            this._editValidationConditionDialog = this._dialog.open(AjfFbValidationConditionEditorDialog);
-            const cmp = this._editValidationConditionDialog.componentInstance;
-            const v = this._validationConditions[vcIdx];
-            cmp.condition = v.condition;
-            cmp.errorMessage = v.errorMessage;
-            this._editValidationConditionDialogSub = this._editValidationConditionDialog
-                .afterClosed()
-                .subscribe((cond) => {
-                if (cond !== void 0) {
-                    this._validationConditions[vcIdx] = cond;
-                }
-                this._editValidationConditionDialogSub.unsubscribe();
-                this._editValidationConditionDialogSub = Subscription.EMPTY;
-                this._cdr.markForCheck();
-            });
-        });
-    }
-    _initForceValueEdit() {
-        this._editForceValueSub = this._editForceValueEvt
-            .pipe(withLatestFrom(this._propertiesForm))
-            .subscribe(([_, formGroup]) => {
-            this._destroyConditionDialog();
-            if (formGroup == null) {
-                return;
-            }
-            const fg = formGroup;
-            const ctrl = fg.controls['forceValue'];
-            this._editConditionDialog = this._dialog.open(AjfFbConditionEditorDialog);
-            this._editConditionDialog.componentInstance.condition = ctrl.value;
-            this._editConditionDialogSub = this._editConditionDialog
-                .afterClosed()
-                .subscribe((cond) => {
-                if (cond !== void 0) {
-                    ctrl.setValue(cond);
-                }
-                this._editConditionDialogSub.unsubscribe();
-                this._editConditionDialogSub = Subscription.EMPTY;
-                this._cdr.markForCheck();
-            });
-        });
-    }
-    _initNextSlideConditionEdit() {
-        this._editNextSlideConditionSub = this._editNextSlideConditionEvt
-            .pipe(withLatestFrom(this._propertiesForm))
-            .subscribe(([_, formGroup]) => {
-            this._destroyConditionDialog();
-            if (formGroup == null) {
-                return;
-            }
-            const fg = formGroup;
-            const ctrl = fg.controls['nextSlideCondition'];
-            this._editConditionDialog = this._dialog.open(AjfFbConditionEditorDialog);
-            this._editConditionDialog.componentInstance.condition = ctrl.value;
-            this._editConditionDialogSub = this._editConditionDialog
-                .afterClosed()
-                .subscribe((cond) => {
-                if (cond !== void 0) {
-                    ctrl.setValue(cond);
-                }
-                this._editConditionDialogSub.unsubscribe();
-                this._editConditionDialogSub = Subscription.EMPTY;
-                this._cdr.markForCheck();
-            });
-        });
-    }
-    _initFormulaEdit() {
-        this._editConditionDialogSub = Subscription.EMPTY;
-        this._cdr.markForCheck();
-        this._editFormulaSub = this._editFormulaEvt
-            .pipe(withLatestFrom(this._propertiesForm))
-            .subscribe(([_, formGroup]) => {
-            this._destroyConditionDialog();
-            if (formGroup == null) {
-                return;
-            }
-            const fg = formGroup;
-            const ctrl = fg.controls['formula'];
-            this._editConditionDialog = this._dialog.open(AjfFbConditionEditorDialog);
-            this._editConditionDialog.componentInstance.condition = ctrl.value;
-            this._editConditionDialogSub = this._editConditionDialog
-                .afterClosed()
-                .subscribe((cond) => {
-                if (cond !== void 0) {
-                    ctrl.setValue(cond);
-                }
-                this._editConditionDialogSub.unsubscribe();
-                this._editConditionDialogSub = Subscription.EMPTY;
-                this._cdr.markForCheck();
-            });
-        });
-    }
-    _initFormulaRepsEdit() {
-        this._editFormulaRepsSub = this._editFormulaRepsEvt
-            .pipe(withLatestFrom(this._propertiesForm))
-            .subscribe(([_, formGroup]) => {
-            this._destroyConditionDialog();
-            if (formGroup == null) {
-                return;
-            }
-            const fg = formGroup;
-            const ctrl = fg.controls['formulaReps'];
-            this._editConditionDialog = this._dialog.open(AjfFbConditionEditorDialog);
-            this._editConditionDialog.componentInstance.condition = ctrl.value;
-            this._editConditionDialogSub = this._editConditionDialog
-                .afterClosed()
-                .subscribe((cond) => {
-                if (cond !== void 0) {
-                    ctrl.setValue(cond);
-                }
-                this._editConditionDialogSub.unsubscribe();
-                this._editConditionDialogSub = Subscription.EMPTY;
-                this._cdr.markForCheck();
-            });
-        });
-    }
-    _initChoicesFilterEdit() {
-        this._editChoicesFilterSub = this._editChoicesFilterEvt
-            .pipe(withLatestFrom(this._propertiesForm))
-            .subscribe(([_, formGroup]) => {
-            this._destroyConditionDialog();
-            if (formGroup == null) {
-                return;
-            }
-            const fg = formGroup;
-            const ctrl = fg.controls['choicesFilter'];
-            this._editConditionDialog = this._dialog.open(AjfFbConditionEditorDialog);
-            this._editConditionDialog.componentInstance.condition = ctrl.value;
-            this._editConditionDialogSub = this._editConditionDialog
-                .afterClosed()
-                .subscribe((cond) => {
-                if (cond !== void 0) {
-                    ctrl.setValue(cond);
-                }
-                this._editConditionDialogSub.unsubscribe();
-                this._editConditionDialogSub = Subscription.EMPTY;
-                this._cdr.markForCheck();
-            });
-        });
-    }
-    _initConditionalBranchEdit() {
-        this._editConditionalBranchSub = this._editConditionalBranchEvt
-            .pipe(withLatestFrom(this._propertiesForm))
-            .subscribe(([cbIdx, fg]) => {
-            this._destroyConditionDialog();
-            if (cbIdx < 0 || cbIdx >= this._conditionalBranches.length || fg == null) {
-                return;
-            }
-            this._editConditionDialog = this._dialog.open(AjfFbConditionEditorDialog);
-            this._editConditionDialog.componentInstance.condition = this._conditionalBranches[cbIdx];
-            this._editConditionDialogSub = this._editConditionDialog
-                .afterClosed()
-                .subscribe((cond) => {
-                if (cond !== void 0) {
-                    this._conditionalBranches[cbIdx] = cond;
-                }
-                this._editConditionDialogSub.unsubscribe();
-                this._editConditionDialogSub = Subscription.EMPTY;
-                this._cdr.markForCheck();
-            });
-        });
-    }
-    _initVisibilityEdit() {
-        this._editVisibilitySub = this._editVisibilityEvt
-            .pipe(withLatestFrom(this._propertiesForm))
-            .subscribe(([_, formGroup]) => {
-            this._destroyConditionDialog();
-            if (formGroup == null) {
-                return;
-            }
-            const fg = formGroup;
-            const ctrl = fg.controls['visibility'];
-            const condition = ctrl.value;
-            this._editConditionDialog = this._dialog.open(AjfFbConditionEditorDialog);
-            this._editConditionDialog.componentInstance.condition = condition;
-            this._editConditionDialogSub = this._editConditionDialog
-                .afterClosed()
-                .subscribe((cond) => {
-                if (cond !== void 0) {
-                    ctrl.setValue(cond);
-                }
-                this._editConditionDialogSub.unsubscribe();
-                this._editConditionDialogSub = Subscription.EMPTY;
-                this._cdr.markForCheck();
-            });
-        });
-    }
-    _handleTriggerCondtionsChange(fg) {
-        this._triggerConditionsSub = fg.valueChanges
-            .pipe(distinctUntilChanged((v1, v2) => JSON.stringify(v1.triggerConditions) === JSON.stringify(v2.triggerConditions)))
-            .subscribe((v) => {
-            this._triggerConditions = v.triggerConditions;
-            this._cdr.markForCheck();
-        });
-    }
-    _handleWarningCondtionsChange(fg) {
-        this._warningConditionsSub = fg.valueChanges
-            .pipe(distinctUntilChanged((v1, v2) => JSON.stringify(v1.warningConditions) === JSON.stringify(v2.warningConditions)))
-            .subscribe((v) => {
-            this._warningConditions = v.warningConditions;
-            this._cdr.markForCheck();
-        });
-    }
-    _handleValidationCondtionsChange(fg) {
-        this._validationConditionsSub = fg.valueChanges
-            .pipe(distinctUntilChanged((v1, v2) => JSON.stringify(v1.validationConditions) === JSON.stringify(v2.validationConditions)))
-            .subscribe((v) => {
-            this._validationConditions = v.validationConditions;
-            this._cdr.markForCheck();
-        });
-    }
-    _handleForceValueChange(fg) {
-        this._forceValueSub = fg.valueChanges
-            .pipe(distinctUntilChanged((v1, v2) => v1.forceValue === v2.forceValue))
-            .subscribe((v) => {
-            this._curForceValue = v.forceValue;
-            this._cdr.markForCheck();
-        });
-    }
-    _handleNextSlideConditionChange(fg) {
-        this._formulaSub = fg.valueChanges
-            .pipe(distinctUntilChanged((v1, v2) => v1.nextSlideCondition === v2.nextSlideCondition))
-            .subscribe((v) => {
-            this._nextSlideCondition = v.nextSlideCondition;
-            this._cdr.markForCheck();
-        });
-        this._formulaSub = fg.valueChanges
-            .pipe(distinctUntilChanged((v1, v2) => v1.nextSlideCondition === v2.nextSlideCondition))
-            .subscribe((v) => {
-            this._nextSlideCondition = v.nextSlideCondition;
-            this._cdr.markForCheck();
-        });
-    }
-    _handleFormulaChange(fg) {
-        this._formulaSub = fg.valueChanges
-            .pipe(distinctUntilChanged((v1, v2) => v1.formula === v2.formula))
-            .subscribe((v) => {
-            this._curFormula = v.formula;
-            this._cdr.markForCheck();
-        });
-    }
-    _handleFormulaRepsChange(fg) {
-        this._formulaRepsSub = fg.valueChanges
-            .pipe(distinctUntilChanged((v1, v2) => v1.formulaReps === v2.formulaReps))
-            .subscribe((v) => {
-            this._curFormulaReps = v.formulaReps;
-            this._cdr.markForCheck();
-        });
-    }
-    _handleChoicesFilterChange(fg) {
-        this._choicesFilterSub = fg.valueChanges
-            .pipe(distinctUntilChanged((v1, v2) => v1.choicesFilter === v2.choicesFilter))
-            .subscribe((v) => {
-            this._curChoicesFilter = v.choicesFilter;
-            this._cdr.markForCheck();
-        });
-    }
-    _handleConditionalBranchesChange(fg) {
-        this._conditionalBranchesSub = fg.valueChanges
-            .pipe(distinctUntilChanged((v1, v2) => v1.conditionalBranchesNum === v2.conditionalBranchesNum))
-            .subscribe((v) => {
-            const cbNum = v.conditionalBranchesNum;
-            const curCbNum = this._conditionalBranches.length;
-            if (curCbNum < cbNum) {
-                let newCbs = [];
-                for (let i = curCbNum; i < cbNum; i++) {
-                    newCbs.push(alwaysCondition().condition);
-                }
-                this._conditionalBranches = this._conditionalBranches.concat(newCbs);
-            }
-            else if (curCbNum > cbNum) {
-                this._conditionalBranches.splice(0, curCbNum - cbNum);
-            }
-            this._cdr.markForCheck();
-        });
-    }
-    _handleVisibilityChange(fg) {
-        this._visibilitySub = fg.valueChanges
-            .pipe(distinctUntilChanged((v1, v2) => v1.visibilityOpt === v2.visibilityOpt))
-            .subscribe(v => {
-            const visibilityOpt = v.visibilityOpt;
-            const visibility = v.visibility;
-            let newCondition;
-            switch (visibilityOpt) {
-                case 'always':
-                    newCondition = alwaysCondition().condition;
-                    break;
-                case 'never':
-                    newCondition = neverCondition().condition;
-                    break;
-                case 'condition':
-                    newCondition = visibility && visibility.length ? visibility : null;
-                    break;
-                default:
-                    newCondition = null;
-            }
-            this._curVisibility = newCondition;
-            fg.controls['visibility'].setValue(newCondition);
-            this._cdr.markForCheck();
-        });
-        this._visibilitySub = fg.valueChanges
-            .pipe(filter(v => v.visibilityOpt === 'condition'), distinctUntilChanged((v1, v2) => v1.visibility === v2.visibility))
-            .subscribe(v => {
-            this._curVisibility = v.visibility;
-            this._cdr.markForCheck();
-        });
-    }
-    _guessVisibilityOpt(condition) {
-        if (condition.condition.localeCompare(alwaysCondition().condition) === 0) {
-            return 'always';
-        }
-        if (condition.condition.localeCompare(neverCondition().condition) === 0) {
-            return 'never';
-        }
-        return 'condition';
-    }
-}
-AjfFbNodeProperties.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbNodeProperties, deps: [{ token: i0.ChangeDetectorRef }, { token: AjfFormBuilderService }, { token: i2.MatDialog }, { token: i3$1.UntypedFormBuilder }, { token: AjfNodePropertiesNameMatchValidator }], target: i0.ɵɵFactoryTarget.Component });
-AjfFbNodeProperties.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AjfFbNodeProperties, selector: "ajf-fb-node-properties", ngImport: i0, template: "<div [style.display]=\"(enabled|async) ? 'none' : 'block'\" class=\"ajf-disabled-overlay\"></div>\n<ng-container *ngIf=\"nodeEntry|async as ne\">\n  <ng-container *ngIf=\"propertiesForm|async as pf\">\n    <div class=\"ajf-header\">\n      <h3>{{'Properties'|transloco}}</h3>\n      <button\n        *ngIf=\"isFieldWithChoices(ne.node) && (hasChoicesOriginRef()|async) === false; else readysavebtn\"\n        mat-icon-button\n        color=\"warn\"\n        [matTooltip]=\"'Please select a Choice Origin for this field'\"\n      >\n        <mat-icon>save</mat-icon>\n      </button>\n      <ng-template #readysavebtn>\n        <button\n          mat-icon-button\n          [disabled]=\"pf.get('name')?.invalid || pf.get('label')?.invalid\"\n          (click)=\"save()\"\n        >\n          <mat-icon>save</mat-icon>\n        </button></ng-template\n      >\n      <button mat-icon-button (click)=\"cancel()\">\n        <mat-icon>cancel</mat-icon>\n      </button>\n    </div>\n    <form [formGroup]=\"pf!\" novalidate>\n      <div class=\"ajf-prop\">\n        <mat-form-field>\n          <input matInput formControlName=\"name\" [placeholder]=\"'Name' | transloco\" />\n          <mat-error *ngIf=\"pf.get('name')?.invalid\">\n            {{fieldErrorMessage(pf.get('name'), 'Name')}}\n          </mat-error>\n        </mat-form-field>\n      </div>\n      <div class=\"ajf-prop\">\n        <mat-form-field>\n          <input matInput formControlName=\"label\" [placeholder]=\"'Label' | transloco\" />\n          <mat-error *ngIf=\"pf.get('label')?.invalid\">\n            {{fieldErrorMessage(pf.get('label'), 'Label')}}\n          </mat-error>\n        </mat-form-field>\n      </div>\n      <div class=\"ajf-prop\">\n        <mat-form-field>\n          <mat-label>{{'Visibility'|transloco}}</mat-label>\n          <mat-select formControlName=\"visibilityOpt\" [placeholder]=\"'Visible' | transloco\">\n            <mat-option value=\"always\">{{'Always'|transloco}}</mat-option>\n            <mat-option value=\"never\">{{'Never'|transloco}}</mat-option>\n            <mat-option value=\"condition\">{{'Condition...'|transloco}}</mat-option>\n          </mat-select>\n        </mat-form-field>\n        <button\n          (click)=\"editVisibility()\"\n          [disabled]=\"pf!.value.visibilityOpt !== 'condition'\"\n          mat-raised-button\n          [matTooltip]=\"curVisibility || ''\"\n        >\n          <div class=\"ajf-icon-cont\">\n            <mat-icon>edit</mat-icon>\n            <span><code>{{ curVisibility }}</code></span>\n          </div>\n        </button>\n      </div>\n      <div class=\"ajf-prop\">\n        <div><label>{{'Branches'|transloco}}</label></div>\n        <div>\n          <mat-slider discrete min=\"1\" max=\"5\" step=\"1\"\n            ><input matSliderThumb formControlName=\"conditionalBranchesNum\"\n          /></mat-slider>\n        </div>\n        <div *ngFor=\"let branch of conditionalBranches; let idx = index\">\n          <button (click)=\"editConditionalBranch(idx)\" mat-raised-button [matTooltip]=\"branch\">\n            <div class=\"ajf-icon-cont\">\n              <mat-icon>edit</mat-icon>\n              <span><code>{{ branch }}</code></span>\n            </div>\n          </button>\n        </div>\n      </div>\n      <ng-template [ngIf]=\"isRepeatingContainerNode(ne)\">\n        <div class=\"ajf-prop\">\n          <div><label>{{'Repetitions'|transloco}}</label></div>\n          <div>\n            <button\n              (click)=\"editFormulaReps()\"\n              mat-raised-button\n              [matTooltip]=\"curFormulaReps || ''\"\n            >\n              <div class=\"ajf-icon-cont\">\n                <mat-icon>edit</mat-icon>\n                <span><code>{{ curFormulaReps }}</code></span>\n              </div>\n            </button>\n          </div>\n          <div><label>{{'Min repetitions'|transloco}}</label></div>\n          <div>\n            <mat-slider formControlName=\"minReps\" discrete min=\"1\" max=\"5\" step=\"1\"\n              ><input matSliderThumb\n            /></mat-slider>\n          </div>\n          <div><label>{{'Max repetitions'|transloco}}</label></div>\n          <div>\n            <mat-slider formControlName=\"maxReps\" discrete min=\"1\" max=\"5\" step=\"1\"\n              ><input matSliderThumb\n            /></mat-slider>\n          </div>\n        </div>\n      </ng-template>\n      <ng-template [ngIf]=\"isField(ne)\">\n        <div class=\"ajf-prop\">\n          <mat-checkbox formControlName=\"readonlyField\">{{'Readonly'|transloco}}</mat-checkbox>\n        </div>\n        <div class=\"ajf-prop\">\n          <mat-form-field>\n            <mat-label>{{'Field size'|transloco}}</mat-label>\n            <mat-select formControlName=\"size\" [placeholder]=\"'Size' | transloco\">\n              <mat-option *ngFor=\"let fieldSize of fieldSizes\" [value]=\"fieldSize.value\">\n                {{ fieldSize.label|transloco }}\n              </mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n        <div class=\"ajf-prop\">\n          <mat-form-field>\n            <input matInput formControlName=\"hint\" [placeholder]=\"'Hint' | transloco\" />\n          </mat-form-field>\n        </div>\n        <div class=\"ajf-prop\">\n          <mat-form-field>\n            <textarea\n              matInput\n              formControlName=\"description\"\n              [placeholder]=\"'Description' | transloco\"\n            ></textarea>\n          </mat-form-field>\n        </div>\n        <div class=\"ajf-prop\">\n          <mat-form-field>\n            <input\n              matInput\n              formControlName=\"defaultValue\"\n              [placeholder]=\"'Default value' | transloco\"\n            />\n          </mat-form-field>\n        </div>\n        <div class=\"ajf-prop\">\n          <div><label>{{'Formula'|transloco}}</label></div>\n          <div>\n            <button (click)=\"editFormula()\" mat-raised-button [matTooltip]=\"curFormula || ''\">\n              <div class=\"ajf-icon-cont\">\n                <mat-icon>edit</mat-icon>\n                <span><code>{{ curFormula }}</code></span>\n              </div>\n            </button>\n          </div>\n        </div>\n        <!-- <div class=\"ajf-prop\">\n          <div><label>{{'Force value'|translco}}</label></div>\n          <div>\n            <button (click)=\"editForceValue()\" mat-raised-button [matTooltip]=\"curForceValue\">\n              <div class=\"ajf-icon-cont\">\n                <mat-icon>edit</mat-icon>\n                <span>{{ curForceValue }}</span>\n              </div>\n            </button>\n          </div>\n        </div> -->\n        <div class=\"ajf-prop\">\n          <mat-checkbox formControlName=\"notEmpty\">{{'Not empty'|transloco}}</mat-checkbox>\n        </div>\n        <ng-template [ngIf]=\"isNumericField(ne!.node)\">\n          <div class=\"ajf-prop\">\n            <mat-form-field>\n              <input matInput formControlName=\"minValue\" [placeholder]=\"'Min value' | transloco\" />\n            </mat-form-field>\n          </div>\n          <div class=\"ajf-prop\">\n            <mat-form-field>\n              <input matInput formControlName=\"maxValue\" [placeholder]=\"'Max value' | transloco\" />\n            </mat-form-field>\n          </div>\n          <div class=\"ajf-prop\">\n            <mat-form-field>\n              <input\n                matInput\n                formControlName=\"minDigits\"\n                [placeholder]=\"'Min digits' | transloco\"\n              />\n            </mat-form-field>\n          </div>\n          <div class=\"ajf-prop\">\n            <mat-form-field>\n              <input\n                matInput\n                formControlName=\"maxDigits\"\n                [placeholder]=\"'Max digits' | transloco\"\n              />\n            </mat-form-field>\n          </div>\n        </ng-template>\n        <ng-template [ngIf]=\"isRangeField(ne!.node)\">\n          <div class=\"ajf-prop\">\n            <mat-form-field>\n              <input\n                matInput\n                type=\"number\"\n                formControlName=\"start\"\n                [placeholder]=\"'Start' | transloco\"\n              />\n            </mat-form-field>\n          </div>\n          <div class=\"ajf-prop\">\n            <mat-form-field>\n              <input\n                matInput\n                type=\"number\"\n                formControlName=\"end\"\n                [placeholder]=\"'End' | transloco\"\n              />\n            </mat-form-field>\n          </div>\n          <div class=\"ajf-prop\">\n            <mat-form-field>\n              <input\n                matInput\n                type=\"number\"\n                formControlName=\"step\"\n                [placeholder]=\"'Step' | transloco\"\n              />\n            </mat-form-field>\n          </div>\n        </ng-template>\n        <div class=\"ajf-prop\">\n          <div class=\"ajf-header\">\n            <label>{{ 'Validation' | transloco }}</label>\n            <mat-icon class=\"ajf-pointer\" (click)=\"addValidationCondition()\"\n              >add_circle_outline</mat-icon\n            >\n          </div>\n          <div *ngIf=\"validationConditions.length === 0\" class=\"ajf-validation-row ajf-emph\">\n            {{'No conditions'|transloco}}\n          </div>\n          <div\n            class=\"ajf-validation-row\"\n            *ngFor=\"let validationCondition of validationConditions; let idx = index\"\n          >\n            <button\n              (click)=\"editValidationCondition(idx)\"\n              mat-raised-button\n              [matTooltip]=\"validationCondition.condition\"\n            >\n              <div class=\"ajf-icon-cont\">\n                <mat-icon>edit</mat-icon>\n                <span><code>{{ validationCondition.condition }}</code></span>\n              </div>\n            </button>\n            <mat-icon class=\"ajf-pointer\" (click)=\"removeValidationCondition(idx)\"\n              >remove_circle_outline</mat-icon\n            >\n          </div>\n        </div>\n        <div class=\"ajf-prop\">\n          <mat-checkbox formControlName=\"notEmptyWarning\"\n            >{{'Not empty warning'|transloco}}</mat-checkbox\n          >\n        </div>\n        <div class=\"ajf-prop\">\n          <div class=\"ajf-header\">\n            <label>{{'Warnings'|transloco}}</label>\n            <mat-icon class=\"ajf-pointer\" (click)=\"addWarningCondition()\"\n              >add_circle_outline</mat-icon\n            >\n          </div>\n          <div *ngIf=\"warningConditions.length === 0\" class=\"ajf-validation-row ajf-emph\">\n            {{'No warnings'|transloco}}\n          </div>\n          <div\n            class=\"ajf-validation-row\"\n            *ngFor=\"let warningCondition of warningConditions; let idx = index\"\n          >\n            <button\n              (click)=\"editWarningCondition(idx)\"\n              mat-raised-button\n              [matTooltip]=\"warningCondition.condition\"\n            >\n              <div class=\"ajf-icon-cont\">\n                <mat-icon>edit</mat-icon>\n                <span><code>{{ warningCondition.condition }}</code></span>\n              </div>\n            </button>\n            <mat-icon class=\"ajf-pointer\" (click)=\"removeWarningCondition(idx)\"\n              >remove_circle_outline</mat-icon\n            >\n          </div>\n        </div>\n        <div class=\"ajf-prop\">\n          <div><label>{{'Go to next slide condition'|transloco}}</label></div>\n          <div>\n            <button\n              (click)=\"editNextSlideCondition()\"\n              mat-raised-button\n              [matTooltip]=\"nextSlideCondition || ''\"\n            >\n              <div class=\"ajf-icon-cont\">\n                <mat-icon>edit</mat-icon>\n                <span><code>{{ nextSlideCondition }}</code></span>\n              </div>\n            </button>\n          </div>\n        </div>\n        <ng-template [ngIf]=\"isFieldWithChoices(ne!.node)\">\n          <div class=\"ajf-prop\">\n            <mat-form-field>\n              <mat-label>{{'Choices origins'|transloco}}</mat-label>\n              <mat-select formControlName=\"choicesOriginRef\" [placeholder]=\"'Choices' | transloco\">\n                <mat-option\n                  *ngFor=\"let choicesOrigin of choicesOrigins\"\n                  [value]=\"choicesOrigin.name\"\n                >\n                  {{ (choicesOrigin.label || choicesOrigin.name)|transloco }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div class=\"ajf-prop\">\n            <div><label>{{'Choices filter'|transloco}}</label></div>\n            <div>\n              <button\n                (click)=\"editChoicesFilter()\"\n                mat-raised-button\n                [matTooltip]=\"curChoicesFilter || ''\"\n              >\n                <div class=\"ajf-icon-cont\">\n                  <mat-icon>edit</mat-icon>\n                  <span><code>{{ curChoicesFilter }}</code></span>\n                </div>\n              </button>\n            </div>\n          </div>\n          <div class=\"ajf-prop\">\n            <mat-checkbox\n              formControlName=\"forceExpanded\"\n              #forceExpanded\n              (change)=\"forceCheckbox($event.checked, forceNarrow)\"\n              >{{'Force expanded selection'|transloco}}</mat-checkbox\n            >\n          </div>\n          <div class=\"ajf-prop\">\n            <mat-checkbox\n              formControlName=\"forceNarrow\"\n              #forceNarrow\n              (change)=\"forceCheckbox($event.checked, forceExpanded)\"\n              >{{'Force narrow selection'|transloco}}</mat-checkbox\n            >\n          </div>\n          <div class=\"ajf-prop\">\n            <div class=\"ajf-header\">\n              <label>{{'Trigger selection'|transloco}}</label>\n              <mat-icon class=\"ajf-pointer\" (click)=\"addTriggerCondition()\"\n                >add_circle_outline</mat-icon\n              >\n            </div>\n            <div\n              *ngIf=\"!triggerConditions || triggerConditions.length === 0\"\n              class=\"ajf-validation-row ajf-emph\"\n            >\n              {{'No trigger condition'|transloco}}\n            </div>\n            <div\n              class=\"ajf-validation-row\"\n              *ngFor=\"let triggerCondition of triggerConditions; let idx = index\"\n            >\n              <button\n                (click)=\"editTriggerCondition(idx)\"\n                mat-raised-button\n                [matTooltip]=\"triggerCondition\"\n              >\n                <div class=\"ajf-icon-cont\">\n                  <mat-icon>edit</mat-icon>\n                  <span><code>{{ triggerCondition }}</code></span>\n                </div>\n              </button>\n              <mat-icon class=\"pointer\" (click)=\"removeTriggerCondition(idx)\"\n                >remove_circle_outline</mat-icon\n              >\n            </div>\n          </div>\n        </ng-template>\n        <ng-container *ngIf=\"isTableField(ne!.node)\">\n          <div class=\"ajf-prop\">\n            <mat-checkbox formControlName=\"hideEmptyRows\"\n              >{{'Hide empty rows'|transloco}}</mat-checkbox\n            >\n            <mat-form-field>\n              <textarea\n                matInput\n                type=\"number\"\n                formControlName=\"tableDef\"\n                [placeholder]=\"'Table definition' | transloco\"\n              ></textarea>\n            </mat-form-field>\n          </div>\n        </ng-container>\n      </ng-template>\n    </form>\n  </ng-container>\n</ng-container>\n", styles: ["ajf-fb-node-properties{display:block;padding:2px 2px 2px 5px;position:relative}ajf-fb-node-properties mat-icon{cursor:pointer}ajf-fb-node-properties .ajf-header{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap}ajf-fb-node-properties .ajf-header>h3,ajf-fb-node-properties .ajf-header>label{flex:1 0 auto;margin-right:.5em}ajf-fb-node-properties .ajf-header>mat-icon{flex:0 0 auto;margin-left:.5em}ajf-fb-node-properties .ajf-disabled-overlay{position:absolute;inset:0;opacity:.4;background-color:#fff}ajf-fb-node-properties .ajf-emph{font-style:italic}ajf-fb-node-properties [mat-raised-button]{margin:.5em 0}ajf-fb-node-properties [mat-raised-button].ajf-pointer{cursor:pointer}ajf-fb-node-properties [mat-raised-button] .ajf-icon-cont{display:flex;flex-direction:row;align-items:center;position:relative}ajf-fb-node-properties [mat-raised-button] .ajf-icon-cont span{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;display:block;margin:auto;position:relative;max-height:30px;max-width:100%}ajf-fb-node-properties .ajf-validation-row{margin:.5em 0;display:flex;flex-direction:row;align-items:center}ajf-fb-node-properties .ajf-validation-row button{flex:1 1 auto}ajf-fb-node-properties .ajf-validation-row mat-icon{flex:0 0 auto}ajf-fb-node-properties .ajf-prop{margin:.5em 0}ajf-fb-node-properties .ajf-prop .mdc-button__label{max-width:100%}ajf-fb-node-properties mat-form-field,ajf-fb-node-properties mat-slider,ajf-fb-node-properties [mat-raised-button]{width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8$2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i9.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i12.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i13.MatSlider, selector: "mat-slider", inputs: ["color", "disableRipple", "disabled", "discrete", "showTickMarks", "min", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i13.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbNodeProperties, decorators: [{
-            type: Component,
-            args: [{ selector: 'ajf-fb-node-properties', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [style.display]=\"(enabled|async) ? 'none' : 'block'\" class=\"ajf-disabled-overlay\"></div>\n<ng-container *ngIf=\"nodeEntry|async as ne\">\n  <ng-container *ngIf=\"propertiesForm|async as pf\">\n    <div class=\"ajf-header\">\n      <h3>{{'Properties'|transloco}}</h3>\n      <button\n        *ngIf=\"isFieldWithChoices(ne.node) && (hasChoicesOriginRef()|async) === false; else readysavebtn\"\n        mat-icon-button\n        color=\"warn\"\n        [matTooltip]=\"'Please select a Choice Origin for this field'\"\n      >\n        <mat-icon>save</mat-icon>\n      </button>\n      <ng-template #readysavebtn>\n        <button\n          mat-icon-button\n          [disabled]=\"pf.get('name')?.invalid || pf.get('label')?.invalid\"\n          (click)=\"save()\"\n        >\n          <mat-icon>save</mat-icon>\n        </button></ng-template\n      >\n      <button mat-icon-button (click)=\"cancel()\">\n        <mat-icon>cancel</mat-icon>\n      </button>\n    </div>\n    <form [formGroup]=\"pf!\" novalidate>\n      <div class=\"ajf-prop\">\n        <mat-form-field>\n          <input matInput formControlName=\"name\" [placeholder]=\"'Name' | transloco\" />\n          <mat-error *ngIf=\"pf.get('name')?.invalid\">\n            {{fieldErrorMessage(pf.get('name'), 'Name')}}\n          </mat-error>\n        </mat-form-field>\n      </div>\n      <div class=\"ajf-prop\">\n        <mat-form-field>\n          <input matInput formControlName=\"label\" [placeholder]=\"'Label' | transloco\" />\n          <mat-error *ngIf=\"pf.get('label')?.invalid\">\n            {{fieldErrorMessage(pf.get('label'), 'Label')}}\n          </mat-error>\n        </mat-form-field>\n      </div>\n      <div class=\"ajf-prop\">\n        <mat-form-field>\n          <mat-label>{{'Visibility'|transloco}}</mat-label>\n          <mat-select formControlName=\"visibilityOpt\" [placeholder]=\"'Visible' | transloco\">\n            <mat-option value=\"always\">{{'Always'|transloco}}</mat-option>\n            <mat-option value=\"never\">{{'Never'|transloco}}</mat-option>\n            <mat-option value=\"condition\">{{'Condition...'|transloco}}</mat-option>\n          </mat-select>\n        </mat-form-field>\n        <button\n          (click)=\"editVisibility()\"\n          [disabled]=\"pf!.value.visibilityOpt !== 'condition'\"\n          mat-raised-button\n          [matTooltip]=\"curVisibility || ''\"\n        >\n          <div class=\"ajf-icon-cont\">\n            <mat-icon>edit</mat-icon>\n            <span><code>{{ curVisibility }}</code></span>\n          </div>\n        </button>\n      </div>\n      <div class=\"ajf-prop\">\n        <div><label>{{'Branches'|transloco}}</label></div>\n        <div>\n          <mat-slider discrete min=\"1\" max=\"5\" step=\"1\"\n            ><input matSliderThumb formControlName=\"conditionalBranchesNum\"\n          /></mat-slider>\n        </div>\n        <div *ngFor=\"let branch of conditionalBranches; let idx = index\">\n          <button (click)=\"editConditionalBranch(idx)\" mat-raised-button [matTooltip]=\"branch\">\n            <div class=\"ajf-icon-cont\">\n              <mat-icon>edit</mat-icon>\n              <span><code>{{ branch }}</code></span>\n            </div>\n          </button>\n        </div>\n      </div>\n      <ng-template [ngIf]=\"isRepeatingContainerNode(ne)\">\n        <div class=\"ajf-prop\">\n          <div><label>{{'Repetitions'|transloco}}</label></div>\n          <div>\n            <button\n              (click)=\"editFormulaReps()\"\n              mat-raised-button\n              [matTooltip]=\"curFormulaReps || ''\"\n            >\n              <div class=\"ajf-icon-cont\">\n                <mat-icon>edit</mat-icon>\n                <span><code>{{ curFormulaReps }}</code></span>\n              </div>\n            </button>\n          </div>\n          <div><label>{{'Min repetitions'|transloco}}</label></div>\n          <div>\n            <mat-slider formControlName=\"minReps\" discrete min=\"1\" max=\"5\" step=\"1\"\n              ><input matSliderThumb\n            /></mat-slider>\n          </div>\n          <div><label>{{'Max repetitions'|transloco}}</label></div>\n          <div>\n            <mat-slider formControlName=\"maxReps\" discrete min=\"1\" max=\"5\" step=\"1\"\n              ><input matSliderThumb\n            /></mat-slider>\n          </div>\n        </div>\n      </ng-template>\n      <ng-template [ngIf]=\"isField(ne)\">\n        <div class=\"ajf-prop\">\n          <mat-checkbox formControlName=\"readonlyField\">{{'Readonly'|transloco}}</mat-checkbox>\n        </div>\n        <div class=\"ajf-prop\">\n          <mat-form-field>\n            <mat-label>{{'Field size'|transloco}}</mat-label>\n            <mat-select formControlName=\"size\" [placeholder]=\"'Size' | transloco\">\n              <mat-option *ngFor=\"let fieldSize of fieldSizes\" [value]=\"fieldSize.value\">\n                {{ fieldSize.label|transloco }}\n              </mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n        <div class=\"ajf-prop\">\n          <mat-form-field>\n            <input matInput formControlName=\"hint\" [placeholder]=\"'Hint' | transloco\" />\n          </mat-form-field>\n        </div>\n        <div class=\"ajf-prop\">\n          <mat-form-field>\n            <textarea\n              matInput\n              formControlName=\"description\"\n              [placeholder]=\"'Description' | transloco\"\n            ></textarea>\n          </mat-form-field>\n        </div>\n        <div class=\"ajf-prop\">\n          <mat-form-field>\n            <input\n              matInput\n              formControlName=\"defaultValue\"\n              [placeholder]=\"'Default value' | transloco\"\n            />\n          </mat-form-field>\n        </div>\n        <div class=\"ajf-prop\">\n          <div><label>{{'Formula'|transloco}}</label></div>\n          <div>\n            <button (click)=\"editFormula()\" mat-raised-button [matTooltip]=\"curFormula || ''\">\n              <div class=\"ajf-icon-cont\">\n                <mat-icon>edit</mat-icon>\n                <span><code>{{ curFormula }}</code></span>\n              </div>\n            </button>\n          </div>\n        </div>\n        <!-- <div class=\"ajf-prop\">\n          <div><label>{{'Force value'|translco}}</label></div>\n          <div>\n            <button (click)=\"editForceValue()\" mat-raised-button [matTooltip]=\"curForceValue\">\n              <div class=\"ajf-icon-cont\">\n                <mat-icon>edit</mat-icon>\n                <span>{{ curForceValue }}</span>\n              </div>\n            </button>\n          </div>\n        </div> -->\n        <div class=\"ajf-prop\">\n          <mat-checkbox formControlName=\"notEmpty\">{{'Not empty'|transloco}}</mat-checkbox>\n        </div>\n        <ng-template [ngIf]=\"isNumericField(ne!.node)\">\n          <div class=\"ajf-prop\">\n            <mat-form-field>\n              <input matInput formControlName=\"minValue\" [placeholder]=\"'Min value' | transloco\" />\n            </mat-form-field>\n          </div>\n          <div class=\"ajf-prop\">\n            <mat-form-field>\n              <input matInput formControlName=\"maxValue\" [placeholder]=\"'Max value' | transloco\" />\n            </mat-form-field>\n          </div>\n          <div class=\"ajf-prop\">\n            <mat-form-field>\n              <input\n                matInput\n                formControlName=\"minDigits\"\n                [placeholder]=\"'Min digits' | transloco\"\n              />\n            </mat-form-field>\n          </div>\n          <div class=\"ajf-prop\">\n            <mat-form-field>\n              <input\n                matInput\n                formControlName=\"maxDigits\"\n                [placeholder]=\"'Max digits' | transloco\"\n              />\n            </mat-form-field>\n          </div>\n        </ng-template>\n        <ng-template [ngIf]=\"isRangeField(ne!.node)\">\n          <div class=\"ajf-prop\">\n            <mat-form-field>\n              <input\n                matInput\n                type=\"number\"\n                formControlName=\"start\"\n                [placeholder]=\"'Start' | transloco\"\n              />\n            </mat-form-field>\n          </div>\n          <div class=\"ajf-prop\">\n            <mat-form-field>\n              <input\n                matInput\n                type=\"number\"\n                formControlName=\"end\"\n                [placeholder]=\"'End' | transloco\"\n              />\n            </mat-form-field>\n          </div>\n          <div class=\"ajf-prop\">\n            <mat-form-field>\n              <input\n                matInput\n                type=\"number\"\n                formControlName=\"step\"\n                [placeholder]=\"'Step' | transloco\"\n              />\n            </mat-form-field>\n          </div>\n        </ng-template>\n        <div class=\"ajf-prop\">\n          <div class=\"ajf-header\">\n            <label>{{ 'Validation' | transloco }}</label>\n            <mat-icon class=\"ajf-pointer\" (click)=\"addValidationCondition()\"\n              >add_circle_outline</mat-icon\n            >\n          </div>\n          <div *ngIf=\"validationConditions.length === 0\" class=\"ajf-validation-row ajf-emph\">\n            {{'No conditions'|transloco}}\n          </div>\n          <div\n            class=\"ajf-validation-row\"\n            *ngFor=\"let validationCondition of validationConditions; let idx = index\"\n          >\n            <button\n              (click)=\"editValidationCondition(idx)\"\n              mat-raised-button\n              [matTooltip]=\"validationCondition.condition\"\n            >\n              <div class=\"ajf-icon-cont\">\n                <mat-icon>edit</mat-icon>\n                <span><code>{{ validationCondition.condition }}</code></span>\n              </div>\n            </button>\n            <mat-icon class=\"ajf-pointer\" (click)=\"removeValidationCondition(idx)\"\n              >remove_circle_outline</mat-icon\n            >\n          </div>\n        </div>\n        <div class=\"ajf-prop\">\n          <mat-checkbox formControlName=\"notEmptyWarning\"\n            >{{'Not empty warning'|transloco}}</mat-checkbox\n          >\n        </div>\n        <div class=\"ajf-prop\">\n          <div class=\"ajf-header\">\n            <label>{{'Warnings'|transloco}}</label>\n            <mat-icon class=\"ajf-pointer\" (click)=\"addWarningCondition()\"\n              >add_circle_outline</mat-icon\n            >\n          </div>\n          <div *ngIf=\"warningConditions.length === 0\" class=\"ajf-validation-row ajf-emph\">\n            {{'No warnings'|transloco}}\n          </div>\n          <div\n            class=\"ajf-validation-row\"\n            *ngFor=\"let warningCondition of warningConditions; let idx = index\"\n          >\n            <button\n              (click)=\"editWarningCondition(idx)\"\n              mat-raised-button\n              [matTooltip]=\"warningCondition.condition\"\n            >\n              <div class=\"ajf-icon-cont\">\n                <mat-icon>edit</mat-icon>\n                <span><code>{{ warningCondition.condition }}</code></span>\n              </div>\n            </button>\n            <mat-icon class=\"ajf-pointer\" (click)=\"removeWarningCondition(idx)\"\n              >remove_circle_outline</mat-icon\n            >\n          </div>\n        </div>\n        <div class=\"ajf-prop\">\n          <div><label>{{'Go to next slide condition'|transloco}}</label></div>\n          <div>\n            <button\n              (click)=\"editNextSlideCondition()\"\n              mat-raised-button\n              [matTooltip]=\"nextSlideCondition || ''\"\n            >\n              <div class=\"ajf-icon-cont\">\n                <mat-icon>edit</mat-icon>\n                <span><code>{{ nextSlideCondition }}</code></span>\n              </div>\n            </button>\n          </div>\n        </div>\n        <ng-template [ngIf]=\"isFieldWithChoices(ne!.node)\">\n          <div class=\"ajf-prop\">\n            <mat-form-field>\n              <mat-label>{{'Choices origins'|transloco}}</mat-label>\n              <mat-select formControlName=\"choicesOriginRef\" [placeholder]=\"'Choices' | transloco\">\n                <mat-option\n                  *ngFor=\"let choicesOrigin of choicesOrigins\"\n                  [value]=\"choicesOrigin.name\"\n                >\n                  {{ (choicesOrigin.label || choicesOrigin.name)|transloco }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div class=\"ajf-prop\">\n            <div><label>{{'Choices filter'|transloco}}</label></div>\n            <div>\n              <button\n                (click)=\"editChoicesFilter()\"\n                mat-raised-button\n                [matTooltip]=\"curChoicesFilter || ''\"\n              >\n                <div class=\"ajf-icon-cont\">\n                  <mat-icon>edit</mat-icon>\n                  <span><code>{{ curChoicesFilter }}</code></span>\n                </div>\n              </button>\n            </div>\n          </div>\n          <div class=\"ajf-prop\">\n            <mat-checkbox\n              formControlName=\"forceExpanded\"\n              #forceExpanded\n              (change)=\"forceCheckbox($event.checked, forceNarrow)\"\n              >{{'Force expanded selection'|transloco}}</mat-checkbox\n            >\n          </div>\n          <div class=\"ajf-prop\">\n            <mat-checkbox\n              formControlName=\"forceNarrow\"\n              #forceNarrow\n              (change)=\"forceCheckbox($event.checked, forceExpanded)\"\n              >{{'Force narrow selection'|transloco}}</mat-checkbox\n            >\n          </div>\n          <div class=\"ajf-prop\">\n            <div class=\"ajf-header\">\n              <label>{{'Trigger selection'|transloco}}</label>\n              <mat-icon class=\"ajf-pointer\" (click)=\"addTriggerCondition()\"\n                >add_circle_outline</mat-icon\n              >\n            </div>\n            <div\n              *ngIf=\"!triggerConditions || triggerConditions.length === 0\"\n              class=\"ajf-validation-row ajf-emph\"\n            >\n              {{'No trigger condition'|transloco}}\n            </div>\n            <div\n              class=\"ajf-validation-row\"\n              *ngFor=\"let triggerCondition of triggerConditions; let idx = index\"\n            >\n              <button\n                (click)=\"editTriggerCondition(idx)\"\n                mat-raised-button\n                [matTooltip]=\"triggerCondition\"\n              >\n                <div class=\"ajf-icon-cont\">\n                  <mat-icon>edit</mat-icon>\n                  <span><code>{{ triggerCondition }}</code></span>\n                </div>\n              </button>\n              <mat-icon class=\"pointer\" (click)=\"removeTriggerCondition(idx)\"\n                >remove_circle_outline</mat-icon\n              >\n            </div>\n          </div>\n        </ng-template>\n        <ng-container *ngIf=\"isTableField(ne!.node)\">\n          <div class=\"ajf-prop\">\n            <mat-checkbox formControlName=\"hideEmptyRows\"\n              >{{'Hide empty rows'|transloco}}</mat-checkbox\n            >\n            <mat-form-field>\n              <textarea\n                matInput\n                type=\"number\"\n                formControlName=\"tableDef\"\n                [placeholder]=\"'Table definition' | transloco\"\n              ></textarea>\n            </mat-form-field>\n          </div>\n        </ng-container>\n      </ng-template>\n    </form>\n  </ng-container>\n</ng-container>\n", styles: ["ajf-fb-node-properties{display:block;padding:2px 2px 2px 5px;position:relative}ajf-fb-node-properties mat-icon{cursor:pointer}ajf-fb-node-properties .ajf-header{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap}ajf-fb-node-properties .ajf-header>h3,ajf-fb-node-properties .ajf-header>label{flex:1 0 auto;margin-right:.5em}ajf-fb-node-properties .ajf-header>mat-icon{flex:0 0 auto;margin-left:.5em}ajf-fb-node-properties .ajf-disabled-overlay{position:absolute;inset:0;opacity:.4;background-color:#fff}ajf-fb-node-properties .ajf-emph{font-style:italic}ajf-fb-node-properties [mat-raised-button]{margin:.5em 0}ajf-fb-node-properties [mat-raised-button].ajf-pointer{cursor:pointer}ajf-fb-node-properties [mat-raised-button] .ajf-icon-cont{display:flex;flex-direction:row;align-items:center;position:relative}ajf-fb-node-properties [mat-raised-button] .ajf-icon-cont span{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;display:block;margin:auto;position:relative;max-height:30px;max-width:100%}ajf-fb-node-properties .ajf-validation-row{margin:.5em 0;display:flex;flex-direction:row;align-items:center}ajf-fb-node-properties .ajf-validation-row button{flex:1 1 auto}ajf-fb-node-properties .ajf-validation-row mat-icon{flex:0 0 auto}ajf-fb-node-properties .ajf-prop{margin:.5em 0}ajf-fb-node-properties .ajf-prop .mdc-button__label{max-width:100%}ajf-fb-node-properties mat-form-field,ajf-fb-node-properties mat-slider,ajf-fb-node-properties [mat-raised-button]{width:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: AjfFormBuilderService }, { type: i2.MatDialog }, { type: i3$1.UntypedFormBuilder }, { type: AjfNodePropertiesNameMatchValidator }]; } });
-
-/**
- * @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 AjfFbNodeTypeEntry {
-    constructor(_cdr) {
-        this._cdr = _cdr;
-    }
-    get nodeType() {
-        return this._nodeType;
-    }
-    set nodeType(nodeType) {
-        this._nodeType = nodeType;
-        this._cdr.markForCheck();
-    }
-    get node() {
-        var _a, _b;
-        return { nodeType: (_a = this.nodeType) === null || _a === void 0 ? void 0 : _a.nodeType.node, fieldType: (_b = this.nodeType) === null || _b === void 0 ? void 0 : _b.nodeType.field };
-    }
-}
-AjfFbNodeTypeEntry.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbNodeTypeEntry, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AjfFbNodeTypeEntry.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AjfFbNodeTypeEntry, selector: "ajf-fb-node-type-entry", inputs: { nodeType: "nodeType" }, ngImport: i0, template: "<ng-container *ngIf=\"nodeType\">\n  <ajf-node-icon [node]=\"node\"></ajf-node-icon>&nbsp;{{nodeType.label}}\n</ng-container>\n", styles: ["ajf-fb-node-type-entry{display:block;padding:1em 1.5em}ajf-fb-node-type-entry mat-icon{vertical-align:middle}\n"], dependencies: [{ kind: "component", type: i2$1.AjfNodeIcon, selector: "ajf-node-icon" }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFbNodeTypeEntry, decorators: [{
-            type: Component,
-            args: [{ selector: 'ajf-fb-node-type-entry', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"nodeType\">\n  <ajf-node-icon [node]=\"node\"></ajf-node-icon>&nbsp;{{nodeType.label}}\n</ng-container>\n", styles: ["ajf-fb-node-type-entry{display:block;padding:1em 1.5em}ajf-fb-node-type-entry mat-icon{vertical-align:middle}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { nodeType: [{
-                type: Input
-            }] } });
-
-class AjfFormBuilder {
-    constructor(_service, _dialog) {
-        this._service = _service;
-        this._dialog = _dialog;
-        /**
-         * The list of the ids of all the dropLists connected to the formbuilder source list.
-         */
-        this._connectedDropLists = this._service.connectedDropLists;
-        this._vc = new EventEmitter();
-        this._init = false;
-        this._editConditionSub = Subscription.EMPTY;
-        this._editConditionDialog = null;
-        this._beforeNodesUpdateSub = Subscription.EMPTY;
-        this._editChoicesOriginSub = Subscription.EMPTY;
-        this._editChoicesOriginDialog = null;
-        this._stringIdentifierDialog = null;
-        this._stringIdentifierSub = Subscription.EMPTY;
-        this._lastScrollTop = 0;
-        this._nodeTypes = _service.availableNodeTypes;
-        this._nodeEntriesTree = _service.nodeEntriesTree;
-        this._choicesOrigins = _service.choicesOrigins;
-        this._editConditionSub = this._service.editedCondition.subscribe((condition) => {
-            if (this._editConditionDialog != null) {
-                this._editConditionDialog.close();
-                this._editConditionDialog = null;
-            }
-            if (condition != null) {
-                this._editConditionDialog = this._dialog.open(AjfFbConditionEditorDialog, {
-                    disableClose: true,
-                });
-            }
-        });
-        this._editChoicesOriginSub = this._service.editedChoicesOrigin.subscribe((choicesOrigin) => {
-            if (this._editChoicesOriginDialog != null) {
-                this._editChoicesOriginDialog.close();
-                this._editChoicesOriginDialog = null;
-            }
-            if (choicesOrigin != null) {
-                this._editChoicesOriginDialog = this._dialog.open(AjfFbChoicesOriginEditorDialog, {
-                    disableClose: true,
-                });
-            }
-        });
-        this._beforeNodesUpdateSub = this._service.beforeNodesUpdate.subscribe(() => {
-            if (this.designerCont == null) {
-                return;
-            }
-            this._lastScrollTop = this.designerCont.nativeElement.scrollTop;
-        });
-        this.nodeEntriesTree.pipe(sample(this._vc)).subscribe(() => {
-            if (this.designerCont == null) {
-                return;
-            }
-            this.designerCont.nativeElement.scrollTop = this._lastScrollTop;
-        });
-        this._stringIdentifierSub = this._service.stringIdentifier.subscribe(() => { });
-    }
-    get form() {
-        return this._form;
-    }
-    set form(form) {
-        if (this._form !== form) {
-            this._form = form;
-            if (this._init) {
-                this._setCurrentForm();
-            }
-        }
-    }
-    get nodeTypes() {
-        return this._nodeTypes;
-    }
-    get nodeEntriesTree() {
-        return this._nodeEntriesTree;
-    }
-    get choicesOrigins() {
-        return this._choicesOrigins;
-    }
-    get connectedDropLists() {
-        return this._connectedDropLists;
-    }
-    ngAfterViewChecked() {
-        this._vc.emit();
-    }
-    ngAfterContentInit() {
-        this._setCurrentForm();
-        this._init = true;
-    }
-    ngOnDestroy() {
-        this._editConditionSub.unsubscribe();
-        this._beforeNodesUpdateSub.unsubscribe();
-        this._editChoicesOriginSub.unsubscribe();
-        this._stringIdentifierSub.unsubscribe();
-        this._service.setForm(null);
-        this._service.resetNodeEntriesTreeExpandedStatus();
-        this._service.resetEmptyCounters();
-    }
-    createChoicesOrigin() {
-        this._service.createChoicesOrigin();
-    }
-    disableDrop() {
-        return false;
-    }
-    disableFieldDrop(item) {
-        return disableFieldDropPredicate(item);
-    }
-    /**
-     * Triggers when a field or slide node is moved or inserted by drag&dropping in the formbuilder.
-     * @param event The drop event.
-     * @param content True if the current nodeEntry contains other nodeEntries.
-     */
-    onDrop(event, content = false) {
-        onDropProcess(event, this._service, null, content);
-    }
-    editChoicesOrigin(choicesOrigin) {
-        this._service.editChoicesOrigin(choicesOrigin);
-    }
-    editStringIdentifier() {
-        if (this._stringIdentifierDialog != null) {
-            this._stringIdentifierDialog.close();
-            this._stringIdentifierDialog = null;
-        }
-        this._stringIdentifierDialog = this._dialog.open(AjfFbStringIdentifierDialogComponent, {
-            disableClose: true,
-            width: '60%',
-            height: '60%',
-        });
-    }
-    expandAll() {
-        this._service.expandAll();
-    }
-    collapseAll() {
-        this._service.collapseAll();
-    }
-    expandToggle(evt) {
-        if (evt.checked) {
-            this.expandAll();
-        }
-        else {
-            this.collapseAll();
-        }
-    }
-    _setCurrentForm() {
-        if (this._form == null) {
-            return;
-        }
-        this._service.setForm(this._form);
-    }
-}
-AjfFormBuilder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFormBuilder, deps: [{ token: AjfFormBuilderService }, { token: i2.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-AjfFormBuilder.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AjfFormBuilder, selector: "ajf-form-builder", inputs: { form: "form" }, viewQueries: [{ propertyName: "designerCont", first: true, predicate: ["designer"], descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar class=\"ajf-formbuilder-toolbar\">\n  <button mat-icon-button (click)=\"leftSidenav.toggle()\">\n    <mat-icon>add_box</mat-icon>\n  </button>\n  <button mat-button [matMenuTriggerFor]=\"choicesMenu\">{{'Choices'|transloco}}</button>\n  <button mat-button (click)=\"editStringIdentifier()\">{{'Identifier'|transloco}}</button>\n  <button mat-icon-button aria-label=\"Collapsed\" matTooltip=\"Keep slides collapsed\">\n    <mat-icon>unfold_less</mat-icon>\n  </button>\n  <mat-slide-toggle color=\"primary\" (change)=\"expandToggle($event)\"></mat-slide-toggle>\n  <button mat-icon-button aria-label=\"Expanded\" matTooltip=\"Keep slides expanded\">\n    <mat-icon>unfold_more</mat-icon>\n  </button>\n  <mat-menu #choicesMenu>\n    <button (click)=\"createChoicesOrigin()\" mat-menu-item>{{'New..'|transloco}}</button>\n    <ng-container *ngIf=\"choicesOrigins|async as cos\">\n      <button\n        *ngFor=\"let choicesOrigin of cos\"\n        (click)=\"editChoicesOrigin(choicesOrigin)\"\n        mat-menu-item\n      >\n        {{ (choicesOrigin.label || choicesOrigin.name)| transloco }}\n      </button>\n    </ng-container>\n  </mat-menu>\n  <span class=\"ajf-spacer\"></span>\n</mat-toolbar>\n<div class=\"ajf-formtree-container\">\n  <mat-drawer-container cdkDropListGroup class=\"ajf-formtree-drawer-container\">\n    <mat-drawer #leftSidenav position=\"start\" mode=\"over\">\n      <div\n        #sourceDropList\n        cdkDropList\n        [cdkDropListConnectedTo]=\"(connectedDropLists|async)!\"\n        [cdkDropListEnterPredicate]=\"disableDrop\"\n        [cdkDropListData]=\"nodeTypes\"\n      >\n        <ajf-fb-node-type-entry\n          *ngFor=\"let nodeType of nodeTypes\"\n          cdkDrag\n          [cdkDragData]=\"nodeType\"\n          (cdkDragStarted)=\"leftSidenav.close()\"\n          [nodeType]=\"nodeType\"\n        ></ajf-fb-node-type-entry>\n      </div>\n    </mat-drawer>\n    <div #designer class=\"ajf-designer\">\n      <ajf-fb-node-entry\n        id=\"slides-list\"\n        cdkDropList\n        (cdkDropListDropped)=\"onDrop($event)\"\n        [cdkDropListEnterPredicate]=\"disableFieldDrop\"\n        *ngFor=\"let nodeEntry of (nodeEntriesTree|async); let isFirst = first\"\n        [isFirst]=\"isFirst\"\n        [nodeEntry]=\"nodeEntry\"\n      ></ajf-fb-node-entry>\n    </div>\n  </mat-drawer-container>\n  <div class=\"ajf-formtree-properties\" #rightSidenav position=\"end\" mode=\"side\">\n    <ajf-fb-node-properties></ajf-fb-node-properties>\n  </div>\n</div>\n", styles: ["ajf-form-builder{display:flex;position:relative;min-height:300px;flex-direction:column;align-items:stretch}ajf-form-builder mat-toolbar.ajf-formbuilder-toolbar{position:sticky;top:0;z-index:2;padding:2px 0}ajf-form-builder mat-toolbar.ajf-formbuilder-toolbar mat-menu div[mat-menu-item]>button[mat-button]{flex:1 0 auto}ajf-form-builder mat-toolbar.ajf-formbuilder-toolbar mat-menu div[mat-menu-item]>button[mat-icon-button]{flex:0 0 auto}ajf-form-builder .ajf-formtree-container{display:flex;flex-flow:row;align-items:start;justify-content:space-between}ajf-form-builder .ajf-formtree-container mat-drawer-container.ajf-formtree-drawer-container{flex:1 0 auto;min-height:50vh}ajf-form-builder .ajf-formtree-container mat-drawer-container.ajf-formtree-drawer-container mat-drawer{max-width:20%}ajf-form-builder .ajf-formtree-container mat-drawer-container.ajf-formtree-drawer-container .ajf-designer{padding:2}ajf-form-builder .ajf-formtree-container mat-drawer-container.ajf-formtree-drawer-container .mat-expansion-panel-body{padding:10px}ajf-form-builder .ajf-formtree-container .ajf-formtree-properties{flex:0 1 auto;max-width:20%;max-height:60vh;overflow-y:auto;position:sticky;top:32px}ajf-form-builder mat-toolbar .ajf-spacer{flex:1 1 auto}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i4$1.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i4$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7$3.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i7$3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i8$3.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i8$3.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i9$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i11.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: AjfFbNodeEntry, selector: "ajf-fb-node-entry", inputs: ["isFirst", "nodeEntry", "level", "isDraggable", "originOffset", "firstBranchColor"] }, { kind: "component", type: AjfFbNodeProperties, selector: "ajf-fb-node-properties" }, { kind: "component", type: AjfFbNodeTypeEntry, selector: "ajf-fb-node-type-entry", inputs: ["nodeType"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFormBuilder, decorators: [{
-            type: Component,
-            args: [{ selector: 'ajf-form-builder', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<mat-toolbar class=\"ajf-formbuilder-toolbar\">\n  <button mat-icon-button (click)=\"leftSidenav.toggle()\">\n    <mat-icon>add_box</mat-icon>\n  </button>\n  <button mat-button [matMenuTriggerFor]=\"choicesMenu\">{{'Choices'|transloco}}</button>\n  <button mat-button (click)=\"editStringIdentifier()\">{{'Identifier'|transloco}}</button>\n  <button mat-icon-button aria-label=\"Collapsed\" matTooltip=\"Keep slides collapsed\">\n    <mat-icon>unfold_less</mat-icon>\n  </button>\n  <mat-slide-toggle color=\"primary\" (change)=\"expandToggle($event)\"></mat-slide-toggle>\n  <button mat-icon-button aria-label=\"Expanded\" matTooltip=\"Keep slides expanded\">\n    <mat-icon>unfold_more</mat-icon>\n  </button>\n  <mat-menu #choicesMenu>\n    <button (click)=\"createChoicesOrigin()\" mat-menu-item>{{'New..'|transloco}}</button>\n    <ng-container *ngIf=\"choicesOrigins|async as cos\">\n      <button\n        *ngFor=\"let choicesOrigin of cos\"\n        (click)=\"editChoicesOrigin(choicesOrigin)\"\n        mat-menu-item\n      >\n        {{ (choicesOrigin.label || choicesOrigin.name)| transloco }}\n      </button>\n    </ng-container>\n  </mat-menu>\n  <span class=\"ajf-spacer\"></span>\n</mat-toolbar>\n<div class=\"ajf-formtree-container\">\n  <mat-drawer-container cdkDropListGroup class=\"ajf-formtree-drawer-container\">\n    <mat-drawer #leftSidenav position=\"start\" mode=\"over\">\n      <div\n        #sourceDropList\n        cdkDropList\n        [cdkDropListConnectedTo]=\"(connectedDropLists|async)!\"\n        [cdkDropListEnterPredicate]=\"disableDrop\"\n        [cdkDropListData]=\"nodeTypes\"\n      >\n        <ajf-fb-node-type-entry\n          *ngFor=\"let nodeType of nodeTypes\"\n          cdkDrag\n          [cdkDragData]=\"nodeType\"\n          (cdkDragStarted)=\"leftSidenav.close()\"\n          [nodeType]=\"nodeType\"\n        ></ajf-fb-node-type-entry>\n      </div>\n    </mat-drawer>\n    <div #designer class=\"ajf-designer\">\n      <ajf-fb-node-entry\n        id=\"slides-list\"\n        cdkDropList\n        (cdkDropListDropped)=\"onDrop($event)\"\n        [cdkDropListEnterPredicate]=\"disableFieldDrop\"\n        *ngFor=\"let nodeEntry of (nodeEntriesTree|async); let isFirst = first\"\n        [isFirst]=\"isFirst\"\n        [nodeEntry]=\"nodeEntry\"\n      ></ajf-fb-node-entry>\n    </div>\n  </mat-drawer-container>\n  <div class=\"ajf-formtree-properties\" #rightSidenav position=\"end\" mode=\"side\">\n    <ajf-fb-node-properties></ajf-fb-node-properties>\n  </div>\n</div>\n", styles: ["ajf-form-builder{display:flex;position:relative;min-height:300px;flex-direction:column;align-items:stretch}ajf-form-builder mat-toolbar.ajf-formbuilder-toolbar{position:sticky;top:0;z-index:2;padding:2px 0}ajf-form-builder mat-toolbar.ajf-formbuilder-toolbar mat-menu div[mat-menu-item]>button[mat-button]{flex:1 0 auto}ajf-form-builder mat-toolbar.ajf-formbuilder-toolbar mat-menu div[mat-menu-item]>button[mat-icon-button]{flex:0 0 auto}ajf-form-builder .ajf-formtree-container{display:flex;flex-flow:row;align-items:start;justify-content:space-between}ajf-form-builder .ajf-formtree-container mat-drawer-container.ajf-formtree-drawer-container{flex:1 0 auto;min-height:50vh}ajf-form-builder .ajf-formtree-container mat-drawer-container.ajf-formtree-drawer-container mat-drawer{max-width:20%}ajf-form-builder .ajf-formtree-container mat-drawer-container.ajf-formtree-drawer-container .ajf-designer{padding:2}ajf-form-builder .ajf-formtree-container mat-drawer-container.ajf-formtree-drawer-container .mat-expansion-panel-body{padding:10px}ajf-form-builder .ajf-formtree-container .ajf-formtree-properties{flex:0 1 auto;max-width:20%;max-height:60vh;overflow-y:auto;position:sticky;top:32px}ajf-form-builder mat-toolbar .ajf-spacer{flex:1 1 auto}\n"] }]
-        }], ctorParameters: function () { return [{ type: AjfFormBuilderService }, { type: i2.MatDialog }]; }, propDecorators: { designerCont: [{
-                type: ViewChild,
-                args: ['designer', { static: true }]
-            }], form: [{
-                type: Input
-            }] } });
-
-/**
- * @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 AjfFormBuilderModule {
-}
-AjfFormBuilderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFormBuilderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AjfFormBuilderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AjfFormBuilderModule, declarations: [AjfFbBranchLine,
-        AjfFbChoicesOriginEditor,
-        AjfFbChoicesOriginEditorDialog,
-        AjfFbConditionEditor,
-        AjfFbConditionEditorDialog,
-        AjfFbNodeEntry,
-        AjfFbNodeProperties,
-        AjfFbNodeTypeEntry,
-        AjfFbStringIdentifierDialogComponent,
-        AjfFbValidationConditionEditorDialog,
-        AjfFbWarningConditionEditorDialog,
-        AjfFormBuilder], imports: [AjfNodeIconModule,
-        CommonModule,
-        DragDropModule,
-        FormsModule,
-        MatAutocompleteModule,
-        MatButtonModule,
-        MatCardModule,
-        MatCheckboxModule,
-        MatChipsModule,
-        MatDialogModule,
-        MatFormFieldModule,
-        MatIconModule,
-        MatInputModule,
-        MatListModule,
-        MatMenuModule,
-        MatSelectModule,
-        MatSidenavModule,
-        MatSliderModule,
-        MatTableModule,
-        MatToolbarModule,
-        MatTooltipModule,
-        ReactiveFormsModule,
-        AjfTranslocoModule,
-        MatExpansionModule,
-        MatSlideToggleModule], exports: [AjfFormBuilder] });
-AjfFormBuilderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFormBuilderModule, providers: [AjfFormBuilderService, AjfNodePropertiesNameMatchValidator], imports: [AjfNodeIconModule,
-        CommonModule,
-        DragDropModule,
-        FormsModule,
-        MatAutocompleteModule,
-        MatButtonModule,
-        MatCardModule,
-        MatCheckboxModule,
-        MatChipsModule,
-        MatDialogModule,
-        MatFormFieldModule,
-        MatIconModule,
-        MatInputModule,
-        MatListModule,
-        MatMenuModule,
-        MatSelectModule,
-        MatSidenavModule,
-        MatSliderModule,
-        MatTableModule,
-        MatToolbarModule,
-        MatTooltipModule,
-        ReactiveFormsModule,
-        AjfTranslocoModule,
-        MatExpansionModule,
-        MatSlideToggleModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AjfFormBuilderModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        AjfNodeIconModule,
-                        CommonModule,
-                        DragDropModule,
-                        FormsModule,
-                        MatAutocompleteModule,
-                        MatButtonModule,
-                        MatCardModule,
-                        MatCheckboxModule,
-                        MatChipsModule,
-                        MatDialogModule,
-                        MatFormFieldModule,
-                        MatIconModule,
-                        MatInputModule,
-                        MatListModule,
-                        MatMenuModule,
-                        MatSelectModule,
-                        MatSidenavModule,
-                        MatSliderModule,
-                        MatTableModule,
-                        MatToolbarModule,
-                        MatTooltipModule,
-                        ReactiveFormsModule,
-                        AjfTranslocoModule,
-                        MatExpansionModule,
-                        MatSlideToggleModule,
-                    ],
-                    declarations: [
-                        AjfFbBranchLine,
-                        AjfFbChoicesOriginEditor,
-                        AjfFbChoicesOriginEditorDialog,
-                        AjfFbConditionEditor,
-                        AjfFbConditionEditorDialog,
-                        AjfFbNodeEntry,
-                        AjfFbNodeProperties,
-                        AjfFbNodeTypeEntry,
-                        AjfFbStringIdentifierDialogComponent,
-                        AjfFbValidationConditionEditorDialog,
-                        AjfFbWarningConditionEditorDialog,
-                        AjfFormBuilder,
-                    ],
-                    exports: [AjfFormBuilder],
-                    providers: [AjfFormBuilderService, AjfNodePropertiesNameMatchValidator],
-                }]
-        }] });
-
-/**
- * @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 { AjfFormBuilder, AjfFormBuilderModule, AjfFormBuilderService, disableFieldDropPredicate, disableSlideDropPredicate, flattenNodes, onDropProcess };
-//# sourceMappingURL=ajf-material-form-builder.mjs.map