@bizdoc/core 3.0.2 → 3.0.4

package/esm2022/lib/core/fields/autocomplete.field.mjs

@@ -34,14 +34,14 @@ let AutocompleteField = class AutocompleteField {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AutocompleteField, deps: [{ token: i1.DatasourceService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: AutocompleteField, selector: "ng-component", inputs: { params: "params" }, host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: TypeAutocomplete, descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\n  <mat-form-field [appearance]=appearance>\n    <mat-label>{{label |localizedString}}</mat-label>\n    <bizdoc-autocomplete [placeholder]=\"placeholder |localizedString\" [formControl]=control\n    [required]=\"required\" [type]=\"dataType\"></bizdoc-autocomplete>\n    @if (hint) {\n      <mat-hint> {{ hint |localizedString}}</mat-hint>\n    }\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n    }\n  </mat-form-field>\n} @else {\n  {{control.value | typeValue: dataType | async}}\n}\n", dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.TypeAutocomplete, selector: "bizdoc-autocomplete", inputs: ["type", "placeholder", "text", "required", "disabled", "value", "minimumChars", "textFormControlName", "textFormControl"], outputs: ["textChange", "optionSelected"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TypeValuePipe, name: "typeValue" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: AutocompleteField, deps: [{ token: i1.DatasourceService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: AutocompleteField, selector: "ng-component", inputs: { params: "params" }, host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: TypeAutocomplete, descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\n  <mat-form-field [appearance]=appearance>\n    <mat-label>{{label |localizedString}}</mat-label>\n    <bizdoc-autocomplete [placeholder]=\"placeholder |localizedString\" [formControl]=control\n    [required]=\"required\" [type]=\"dataType\"></bizdoc-autocomplete>\n    @if (hint) {\n      <mat-hint> {{ hint |localizedString}}</mat-hint>\n    }\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n    }\n  </mat-form-field>\n} @else {\n  {{control.value | typeValue: dataType | async}}\n}\n", dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.TypeAutocomplete, selector: "bizdoc-autocomplete", inputs: ["type", "placeholder", "text", "required", "disabled", "value", "minimumChars", "textFormControlName", "textFormControl"], outputs: ["textChange", "optionSelected"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TypeValuePipe, name: "typeValue" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] }); }
 };
 AutocompleteField = __decorate([
     BizDoc({ selector: 'autocomplete-control' })
 ], AutocompleteField);
 export { AutocompleteField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AutocompleteField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: AutocompleteField, decorators: [{
             type: Component,
             args: [{ host: { class: 'field' }, template: "@if (mode==='compose') {\n  <mat-form-field [appearance]=appearance>\n    <mat-label>{{label |localizedString}}</mat-label>\n    <bizdoc-autocomplete [placeholder]=\"placeholder |localizedString\" [formControl]=control\n    [required]=\"required\" [type]=\"dataType\"></bizdoc-autocomplete>\n    @if (hint) {\n      <mat-hint> {{ hint |localizedString}}</mat-hint>\n    }\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n    }\n  </mat-form-field>\n} @else {\n  {{control.value | typeValue: dataType | async}}\n}\n" }]
         }], ctorParameters: () => [{ type: i1.DatasourceService }], propDecorators: { params: [{
@@ -62,8 +62,8 @@ let AutocompleteControlDesigner = class AutocompleteControlDesigner extends Opti
             hint: null,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AutocompleteControlDesigner, deps: [{ token: i9.SystemService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: AutocompleteControlDesigner, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: AutocompleteControlDesigner, deps: [{ token: i9.SystemService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: AutocompleteControlDesigner, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
 <form autocomplete="off" [formGroup]="form" class="column">
   <mat-checkbox formControlName="multiple">{{'Multiple'|translate}}</mat-checkbox>
   <mat-form-field>
@@ -98,7 +98,7 @@ AutocompleteControlDesigner = __decorate([
     BizDoc({ selector: 'autocomplete-control-designer' })
 ], AutocompleteControlDesigner);
 export { AutocompleteControlDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AutocompleteControlDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: AutocompleteControlDesigner, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2022/lib/core/fields/axes-picker.designer.mjs

@@ -19,8 +19,8 @@ let AxesPickerControlDesigner = class AxesPickerControlDesigner {
         });
         service.cubes().subscribe(r => this.cubes = r);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AxesPickerControlDesigner, deps: [{ token: i1.SystemService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: AxesPickerControlDesigner, selector: "ng-component", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: AxesPickerControlDesigner, deps: [{ token: i1.SystemService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: AxesPickerControlDesigner, selector: "ng-component", ngImport: i0, template: `
   <form autocomplete="off" [formGroup]="form" class="column">
     <bizdoc-localized-string [placeholder]="'Label'|translate" formControlName="label"></bizdoc-localized-string>
     <mat-form-field>
@@ -38,7 +38,7 @@ AxesPickerControlDesigner = __decorate([
     BizDoc({ selector: 'axes-picker-control-designer' })
 ], AxesPickerControlDesigner);
 export { AxesPickerControlDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AxesPickerControlDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: AxesPickerControlDesigner, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2022/lib/core/fields/axes-picker.field.mjs

@@ -29,14 +29,14 @@ let AxesPickerField = class AxesPickerField {
         this._service = _service;
         this.control = new FormControl();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AxesPickerField, deps: [{ token: i1.SessionService }, { token: i2.CubeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: AxesPickerField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: CombinationPicker, descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\n<mat-form-field>\n  @if (label){<mat-label>{{label|localizedString}}</mat-label>}\n  @if (hint) {\n  <mat-hint> {{ hint |localizedString}}</mat-hint>\n  }\n  <bizdoc-combination-picker [cube]=\"cube\" [formControl]=control\n                             [required]=\"required\"></bizdoc-combination-picker>\n  @if (control.hasError('requiredTrue')) {\n  <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n  }\n</mat-form-field>\n} @else {\n{{nameOf(control.value)}}\n}\n", dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i5.CombinationPicker, selector: "bizdoc-combination-picker", inputs: ["divider", "displayDivider", "limit", "cube", "exploreSettings", "description", "touchUi", "placeholder", "required", "disabled", "value"], outputs: ["optionSelected", "descriptionChange"] }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: AxesPickerField, deps: [{ token: i1.SessionService }, { token: i2.CubeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: AxesPickerField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: CombinationPicker, descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\n<mat-form-field>\n  @if (label){<mat-label>{{label|localizedString}}</mat-label>}\n  @if (hint) {\n  <mat-hint> {{ hint |localizedString}}</mat-hint>\n  }\n  <bizdoc-combination-picker [cube]=\"cube\" [formControl]=control\n                             [required]=\"required\"></bizdoc-combination-picker>\n  @if (control.hasError('requiredTrue')) {\n  <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n  }\n</mat-form-field>\n} @else {\n{{nameOf(control.value)}}\n}\n", dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i5.CombinationPicker, selector: "bizdoc-combination-picker", inputs: ["divider", "displayDivider", "limit", "cube", "exploreSettings", "description", "touchUi", "placeholder", "required", "disabled", "value"], outputs: ["optionSelected", "descriptionChange"] }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
 };
 AxesPickerField = __decorate([
     BizDoc({ selector: 'axes-picker-control' })
 ], AxesPickerField);
 export { AxesPickerField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AxesPickerField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: AxesPickerField, decorators: [{
             type: Component,
             args: [{ host: { class: 'field' }, template: "@if (mode==='compose') {\n<mat-form-field>\n  @if (label){<mat-label>{{label|localizedString}}</mat-label>}\n  @if (hint) {\n  <mat-hint> {{ hint |localizedString}}</mat-hint>\n  }\n  <bizdoc-combination-picker [cube]=\"cube\" [formControl]=control\n                             [required]=\"required\"></bizdoc-combination-picker>\n  @if (control.hasError('requiredTrue')) {\n  <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n  }\n</mat-form-field>\n} @else {\n{{nameOf(control.value)}}\n}\n" }]
         }], ctorParameters: () => [{ type: i1.SessionService }, { type: i2.CubeService }], propDecorators: { input: [{

package/esm2022/lib/core/fields/checkbox.designer.mjs

@@ -14,8 +14,8 @@ let CheckboxControlDesigner = class CheckboxControlDesigner {
             hint: null,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CheckboxControlDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: CheckboxControlDesigner, selector: "ng-component", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: CheckboxControlDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: CheckboxControlDesigner, selector: "ng-component", ngImport: i0, template: `
    <form autocomplete="off" [formGroup]="form" class="column">
       <bizdoc-localized-string [placeholder]="'Label'|translate" required formControlName="label"></bizdoc-localized-string>
 </form>
@@ -25,7 +25,7 @@ CheckboxControlDesigner = __decorate([
     BizDoc({ selector: 'checkbox-control-designer' })
 ], CheckboxControlDesigner);
 export { CheckboxControlDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CheckboxControlDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: CheckboxControlDesigner, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2022/lib/core/fields/checkbox.field.mjs

@@ -18,14 +18,14 @@ let CheckboxField = class CheckboxField {
     ngOnInit() {
         this.required && this.control.addValidators(Validators.requiredTrue);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CheckboxField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: CheckboxField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatCheckbox, descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\n  <div>\n    @if (hint) {\n      <mat-hint> {{ hint |localizedString}}</mat-hint>\n    }\n    <mat-checkbox [formControl]=control> {{ label |localizedString}}</mat-checkbox>\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n    }\n  </div>\n} @else {\n  <bizdoc-checkbox [checked]=\"control.value\">{{label|localizedString}}</bizdoc-checkbox>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i4.CheckboxComponent, selector: "bizdoc-checkbox", inputs: ["checked", "color", "icon"] }, { kind: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: CheckboxField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: CheckboxField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatCheckbox, descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\n  <div>\n    @if (hint) {\n      <mat-hint> {{ hint |localizedString}}</mat-hint>\n    }\n    <mat-checkbox [formControl]=control> {{ label |localizedString}}</mat-checkbox>\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n    }\n  </div>\n} @else {\n  <bizdoc-checkbox [checked]=\"control.value\">{{label|localizedString}}</bizdoc-checkbox>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i4.CheckboxComponent, selector: "bizdoc-checkbox", inputs: ["checked", "color", "icon"] }, { kind: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 };
 CheckboxField = __decorate([
     BizDoc({ selector: 'checkbox-control' })
 ], CheckboxField);
 export { CheckboxField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CheckboxField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: CheckboxField, decorators: [{
             type: Component,
             args: [{ host: { class: 'field' }, template: "@if (mode==='compose') {\n  <div>\n    @if (hint) {\n      <mat-hint> {{ hint |localizedString}}</mat-hint>\n    }\n    <mat-checkbox [formControl]=control> {{ label |localizedString}}</mat-checkbox>\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n    }\n  </div>\n} @else {\n  <bizdoc-checkbox [checked]=\"control.value\">{{label|localizedString}}</bizdoc-checkbox>\n}\n" }]
         }], propDecorators: { input: [{

package/esm2022/lib/core/fields/checklist.designer.mjs

@@ -26,8 +26,8 @@ let ChecklistControlDesigner = class ChecklistControlDesigner extends OptionsCon
     onBind(model) {
         this.model = model;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ChecklistControlDesigner, deps: [{ token: i1.SystemService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: ChecklistControlDesigner, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: ChecklistControlDesigner, deps: [{ token: i1.SystemService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: ChecklistControlDesigner, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
    <form autocomplete="off" [formGroup]="form" class="column">
      <mat-checkbox formControlName="multiple">{{'Multiple'|translate}}</mat-checkbox>
      @if (datatypes) {
@@ -61,7 +61,7 @@ ChecklistControlDesigner = __decorate([
     BizDoc({ selector: 'checklist-control-designer' })
 ], ChecklistControlDesigner);
 export { ChecklistControlDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ChecklistControlDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: ChecklistControlDesigner, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2022/lib/core/fields/checklist.field.mjs

@@ -17,14 +17,14 @@ let ChecklistField = class ChecklistField extends OptionsControlField {
         this.multiple = true;
     }
     focus() { this.input.focus(); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ChecklistField, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: ChecklistField, selector: "ng-component", inputs: { params: "params" }, host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatSelectionList, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (mode==='compose') {\n  <div>\n    @if (label) {\n      <mat-label>{{label |localizedString}}</mat-label>\n    }\n    <mat-selection-list [formControl]=\"control\" [multiple]=\"multiple\">\n      @for (o of options; track o) {\n        <mat-list-option [value]=\"o.key\">{{o.value|localizedString}}</mat-list-option>\n      }\n    </mat-selection-list>\n    @if (hint) {\n      <mat-hint> {{ hint |localizedString}}</mat-hint>\n    }\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:((label|localizedString)||'')\"></mat-error>\n    }\n  </div>\n} @else {\n  @if (control.value) {\n    @for (o of control.value; track o; let index = $index) {\n      @if (index>0) {\n        ,&nbsp;\n      }\n      {{optionOf(o)|localizedString}}\n    }\n  }\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i2.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "pipe", type: i4.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: ChecklistField, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: ChecklistField, selector: "ng-component", inputs: { params: "params" }, host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatSelectionList, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (mode==='compose') {\n  <div>\n    @if (label) {\n      <mat-label>{{label |localizedString}}</mat-label>\n    }\n    <mat-selection-list [formControl]=\"control\" [multiple]=\"multiple\">\n      @for (o of options; track o) {\n        <mat-list-option [value]=\"o.key\">{{o.value|localizedString}}</mat-list-option>\n      }\n    </mat-selection-list>\n    @if (hint) {\n      <mat-hint> {{ hint |localizedString}}</mat-hint>\n    }\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:((label|localizedString)||'')\"></mat-error>\n    }\n  </div>\n} @else {\n  @if (control.value) {\n    @for (o of control.value; track o; let index = $index) {\n      @if (index>0) {\n        ,&nbsp;\n      }\n      {{optionOf(o)|localizedString}}\n    }\n  }\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i2.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "pipe", type: i4.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
 };
 ChecklistField = __decorate([
     BizDoc({ selector: 'checklist-control' })
 ], ChecklistField);
 export { ChecklistField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ChecklistField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: ChecklistField, decorators: [{
             type: Component,
             args: [{ host: { class: 'field' }, template: "@if (mode==='compose') {\n  <div>\n    @if (label) {\n      <mat-label>{{label |localizedString}}</mat-label>\n    }\n    <mat-selection-list [formControl]=\"control\" [multiple]=\"multiple\">\n      @for (o of options; track o) {\n        <mat-list-option [value]=\"o.key\">{{o.value|localizedString}}</mat-list-option>\n      }\n    </mat-selection-list>\n    @if (hint) {\n      <mat-hint> {{ hint |localizedString}}</mat-hint>\n    }\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:((label|localizedString)||'')\"></mat-error>\n    }\n  </div>\n} @else {\n  @if (control.value) {\n    @for (o of control.value; track o; let index = $index) {\n      @if (index>0) {\n        ,&nbsp;\n      }\n      {{optionOf(o)|localizedString}}\n    }\n  }\n}\n" }]
         }], propDecorators: { params: [{

package/esm2022/lib/core/fields/date-range.designer.mjs

@@ -17,8 +17,8 @@ let DateRangeControlDesigner = class DateRangeControlDesigner {
             max: null,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateRangeControlDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: DateRangeControlDesigner, selector: "ng-component", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: DateRangeControlDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: DateRangeControlDesigner, selector: "ng-component", ngImport: i0, template: `
 <form autocomplete="off" [formGroup]="form" class="column">
       <bizdoc-localized-string [placeholder]="'Label'|translate" formControlName="label"></bizdoc-localized-string>
       <bizdoc-localized-string [placeholder]="'Placeholder'|translate" formControlName="startPlaceholder"></bizdoc-localized-string>
@@ -29,7 +29,7 @@ DateRangeControlDesigner = __decorate([
     BizDoc({ selector: 'date-range-control-designer' })
 ], DateRangeControlDesigner);
 export { DateRangeControlDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateRangeControlDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: DateRangeControlDesigner, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2022/lib/core/fields/date-range.field.mjs

@@ -29,14 +29,14 @@ let DateRangeField = class DateRangeField {
     focus() {
         this.inp.nativeElement.focus();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateRangeField, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: DateRangeField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "inp", first: true, predicate: ["inp"], descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\n<mat-form-field [appearance]=appearance>\n  <mat-label>{{label }}</mat-label>\n  <mat-date-range-input [formGroup]=\"control\" [rangePicker]=\"picker\"\n                        [required]=\"required\" [min]=\"min\" [max]=\"max\">\n    <input matStartDate formControlName=\"start\" [placeholder]=\"startPlaceholder\" #inp>\n    <input matEndDate formControlName=\"end\" [placeholder]=\"endPlaceholder\">\n  </mat-date-range-input>\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-date-range-picker #picker [touchUi]=\"isMobile\"></mat-date-range-picker>\n  @if (hint) {\n  <mat-hint> {{ hint }}</mat-hint>\n  }\n  @if (control.hasError('required')) {\n  <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n  }\n</mat-form-field>\n} @else {\n<span>{{control.controls.start.value|dateRange:control.controls.end.value}}</span>\n}\n", dependencies: [{ kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i2.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i2.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i2.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i2.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "pipe", type: i4.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i5.DateRangePipe, name: "dateRange" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: DateRangeField, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: DateRangeField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "inp", first: true, predicate: ["inp"], descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\n<mat-form-field [appearance]=appearance>\n  <mat-label>{{label }}</mat-label>\n  <mat-date-range-input [formGroup]=\"control\" [rangePicker]=\"picker\"\n                        [required]=\"required\" [min]=\"min\" [max]=\"max\">\n    <input matStartDate formControlName=\"start\" [placeholder]=\"startPlaceholder\" #inp>\n    <input matEndDate formControlName=\"end\" [placeholder]=\"endPlaceholder\">\n  </mat-date-range-input>\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-date-range-picker #picker [touchUi]=\"isMobile\"></mat-date-range-picker>\n  @if (hint) {\n  <mat-hint> {{ hint }}</mat-hint>\n  }\n  @if (control.hasError('required')) {\n  <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n  }\n</mat-form-field>\n} @else {\n<span>{{control.controls.start.value|dateRange:control.controls.end.value}}</span>\n}\n", dependencies: [{ kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i2.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i2.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i2.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i2.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "pipe", type: i4.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i5.DateRangePipe, name: "dateRange" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 };
 DateRangeField = __decorate([
     BizDoc({ selector: 'date-range-control' })
 ], DateRangeField);
 export { DateRangeField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateRangeField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: DateRangeField, decorators: [{
             type: Component,
             args: [{ host: { class: 'field' }, template: "@if (mode==='compose') {\n<mat-form-field [appearance]=appearance>\n  <mat-label>{{label }}</mat-label>\n  <mat-date-range-input [formGroup]=\"control\" [rangePicker]=\"picker\"\n                        [required]=\"required\" [min]=\"min\" [max]=\"max\">\n    <input matStartDate formControlName=\"start\" [placeholder]=\"startPlaceholder\" #inp>\n    <input matEndDate formControlName=\"end\" [placeholder]=\"endPlaceholder\">\n  </mat-date-range-input>\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-date-range-picker #picker [touchUi]=\"isMobile\"></mat-date-range-picker>\n  @if (hint) {\n  <mat-hint> {{ hint }}</mat-hint>\n  }\n  @if (control.hasError('required')) {\n  <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n  }\n</mat-form-field>\n} @else {\n<span>{{control.controls.start.value|dateRange:control.controls.end.value}}</span>\n}\n" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { inp: [{

package/esm2022/lib/core/fields/date.designer.mjs

@@ -16,8 +16,8 @@ let DateControlDesigner = class DateControlDesigner {
             max: null,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateControlDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: DateControlDesigner, selector: "ng-component", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: DateControlDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: DateControlDesigner, selector: "ng-component", ngImport: i0, template: `
 <form autocomplete="off" [formGroup]="form" class="column">
       <bizdoc-localized-string [placeholder]="'Label'|translate" formControlName="label"></bizdoc-localized-string>
       <bizdoc-localized-string [placeholder]="'Placeholder'|translate" formControlName="placeholder"></bizdoc-localized-string>
@@ -27,7 +27,7 @@ DateControlDesigner = __decorate([
     BizDoc({ selector: 'date-control-designer' })
 ], DateControlDesigner);
 export { DateControlDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateControlDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: DateControlDesigner, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2022/lib/core/fields/date.field.mjs

@@ -23,14 +23,14 @@ let DateField = class DateField {
         this.min && this.control.addValidators(Validators.min(this.min));
         this.max && this.control.addValidators(Validators.max(this.max));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: DateField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatInput, descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\n  <mat-form-field [appearance]=appearance>\n    <mat-label>{{label|localizedString}}</mat-label>\n    <input matInput [placeholder]=\"placeholder|localizedString\" [formControl]=control\n      [required]=\"required\" [min]=\"min\" [max]=\"max\"\n      [matDatepicker]=\"picker\" />\n      <mat-datepicker-toggle [for]=\"picker\" matSuffix></mat-datepicker-toggle>\n      <mat-datepicker #picker [touchUi]=\"isMobile\"></mat-datepicker>\n      @if (hint) {\n        <mat-hint> {{ hint|localizedString }}</mat-hint>\n      }\n      @if (control.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n      }\n    </mat-form-field>\n  } @else {\n    @if (control.value) {\n      <span>{{control.value | amDateFormat: 'll'}}</span>\n    }\n  }\n", dependencies: [{ kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i4.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: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.DateFormatPipe, name: "amDateFormat" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: DateField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: DateField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatInput, descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\n  <mat-form-field [appearance]=appearance>\n    <mat-label>{{label|localizedString}}</mat-label>\n    <input matInput [placeholder]=\"placeholder|localizedString\" [formControl]=control\n      [required]=\"required\" [min]=\"min\" [max]=\"max\"\n      [matDatepicker]=\"picker\" />\n      <mat-datepicker-toggle [for]=\"picker\" matSuffix></mat-datepicker-toggle>\n      <mat-datepicker #picker [touchUi]=\"isMobile\"></mat-datepicker>\n      @if (hint) {\n        <mat-hint> {{ hint|localizedString }}</mat-hint>\n      }\n      @if (control.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n      }\n    </mat-form-field>\n  } @else {\n    @if (control.value) {\n      <span>{{control.value | amDateFormat: 'll'}}</span>\n    }\n  }\n", dependencies: [{ kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i4.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: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.DateFormatPipe, name: "amDateFormat" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
 };
 DateField = __decorate([
     BizDoc({ selector: 'date-control' })
 ], DateField);
 export { DateField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: DateField, decorators: [{
             type: Component,
             args: [{ host: { class: 'field' }, template: "@if (mode==='compose') {\n  <mat-form-field [appearance]=appearance>\n    <mat-label>{{label|localizedString}}</mat-label>\n    <input matInput [placeholder]=\"placeholder|localizedString\" [formControl]=control\n      [required]=\"required\" [min]=\"min\" [max]=\"max\"\n      [matDatepicker]=\"picker\" />\n      <mat-datepicker-toggle [for]=\"picker\" matSuffix></mat-datepicker-toggle>\n      <mat-datepicker #picker [touchUi]=\"isMobile\"></mat-datepicker>\n      @if (hint) {\n        <mat-hint> {{ hint|localizedString }}</mat-hint>\n      }\n      @if (control.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n      }\n    </mat-form-field>\n  } @else {\n    @if (control.value) {\n      <span>{{control.value | amDateFormat: 'll'}}</span>\n    }\n  }\n" }]
         }], propDecorators: { input: [{

package/esm2022/lib/core/fields/expression.field.mjs

@@ -17,8 +17,8 @@ let ExpressionField = class ExpressionField {
         this.required && this.control.addValidators(Validators.required);
     }
     focus() { this.input.focus(); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ExpressionField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: ExpressionField, selector: "ng-component", inputs: { params: "params" }, host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: AceInput, descendants: true }], ngImport: i0, template: `<mat-form-field>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: ExpressionField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: ExpressionField, selector: "ng-component", inputs: { params: "params" }, host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: AceInput, descendants: true }], ngImport: i0, template: `<mat-form-field>
     <mat-label >{{label }}</mat-label>
     <bizdoc-ace-input
       [placeholder]="placeholder" [formControl]=control
@@ -37,7 +37,7 @@ ExpressionField = __decorate([
     /** layout component*/
 ], ExpressionField);
 export { ExpressionField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ExpressionField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: ExpressionField, decorators: [{
             type: Component,
             args: [{
                     template: `<mat-form-field>
@@ -69,15 +69,15 @@ let ExpressionFieldDesigner = class ExpressionFieldDesigner {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ExpressionFieldDesigner, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ExpressionFieldDesigner, selector: "bizdoc-expression-designer", ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: ExpressionFieldDesigner, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: ExpressionFieldDesigner, selector: "bizdoc-expression-designer", ngImport: i0, template: ``, isInline: true }); }
 };
 ExpressionFieldDesigner = __decorate([
     BizDoc({ selector: 'programmable-expression-control-designer' })
     /** layout component*/
 ], ExpressionFieldDesigner);
 export { ExpressionFieldDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ExpressionFieldDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: ExpressionFieldDesigner, decorators: [{
             type: Component,
             args: [{
                     selector: 'bizdoc-expression-designer',

package/esm2022/lib/core/fields/file.designer.mjs

@@ -15,8 +15,8 @@ let FileControlDesigner = class FileControlDesigner {
             hint: null,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FileControlDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: FileControlDesigner, selector: "ng-component", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: FileControlDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: FileControlDesigner, selector: "ng-component", ngImport: i0, template: `
  <form autocomplete="off" [formGroup]="form" class="column">
       <bizdoc-localized-string [placeholder]="'Label'|translate" formControlName="label"></bizdoc-localized-string>
       <mat-checkbox formControlName="multiple">{{'Multiple'|translate}}</mat-checkbox>
@@ -26,7 +26,7 @@ FileControlDesigner = __decorate([
     BizDoc({ selector: 'file-control-designer' })
 ], FileControlDesigner);
 export { FileControlDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FileControlDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: FileControlDesigner, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2022/lib/core/fields/file.field.mjs

@@ -18,14 +18,14 @@ let FileField = class FileField {
     ngOnInit() {
         this.required && this.control.addValidators(Validators.required);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FileField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: FileField, selector: "ng-component", viewQueries: [{ propertyName: "input", first: true, predicate: FileInput, descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\n  <mat-form-field [appearance]=appearance>\n    <mat-label>{{label |localizedString}}</mat-label>\n    <bizdoc-file-upload [formControl]=control [placeholder]=\"placeholder|localizedString\"\n    [required]=\"required\" [multiple]=\"multiple\"></bizdoc-file-upload>\n    @if (hint) {\n      <mat-hint> {{ hint |localizedString}}</mat-hint>\n    }\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n    }\n  </mat-form-field>\n} @else {\n  <span>\n  </span>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i3.FileInput, selector: "bizdoc-file-upload", inputs: ["multiple", "accept", "icon", "value", "placeholder", "required", "disabled"] }, { kind: "pipe", type: i4.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: FileField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: FileField, selector: "ng-component", viewQueries: [{ propertyName: "input", first: true, predicate: FileInput, descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\n  <mat-form-field [appearance]=appearance>\n    <mat-label>{{label |localizedString}}</mat-label>\n    <bizdoc-file-upload [formControl]=control [placeholder]=\"placeholder|localizedString\"\n    [required]=\"required\" [multiple]=\"multiple\"></bizdoc-file-upload>\n    @if (hint) {\n      <mat-hint> {{ hint |localizedString}}</mat-hint>\n    }\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n    }\n  </mat-form-field>\n} @else {\n  <span>\n  </span>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i3.FileInput, selector: "bizdoc-file-upload", inputs: ["multiple", "accept", "icon", "value", "placeholder", "required", "disabled"] }, { kind: "pipe", type: i4.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
 };
 FileField = __decorate([
     BizDoc({ selector: 'file-control' })
 ], FileField);
 export { FileField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FileField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: FileField, decorators: [{
             type: Component,
             args: [{ template: "@if (mode==='compose') {\n  <mat-form-field [appearance]=appearance>\n    <mat-label>{{label |localizedString}}</mat-label>\n    <bizdoc-file-upload [formControl]=control [placeholder]=\"placeholder|localizedString\"\n    [required]=\"required\" [multiple]=\"multiple\"></bizdoc-file-upload>\n    @if (hint) {\n      <mat-hint> {{ hint |localizedString}}</mat-hint>\n    }\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n    }\n  </mat-form-field>\n} @else {\n  <span>\n  </span>\n}\n" }]
         }], propDecorators: { input: [{

package/esm2022/lib/core/fields/html.designer.mjs

@@ -17,8 +17,8 @@ let HtmlFieldDesigner = class HtmlFieldDesigner {
             maxLength: null,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HtmlFieldDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: HtmlFieldDesigner, selector: "ng-component", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: HtmlFieldDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: HtmlFieldDesigner, selector: "ng-component", ngImport: i0, template: `
   <form autocomplete="off" [formGroup]="form" class="column">
       <bizdoc-localized-string [placeholder]="'Label'|translate" formControlName="label"></bizdoc-localized-string>
       <bizdoc-localized-string [placeholder]="'Placeholder'|translate" formControlName="placeholder"></bizdoc-localized-string>
@@ -38,7 +38,7 @@ HtmlFieldDesigner = __decorate([
     BizDoc({ selector: 'html-control-designer' })
 ], HtmlFieldDesigner);
 export { HtmlFieldDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HtmlFieldDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: HtmlFieldDesigner, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2022/lib/core/fields/html.field.mjs

@@ -27,14 +27,14 @@ let HtmlField = class HtmlField {
         this.minLength && this.control.addValidators(Validators.minLength(this.minLength));
         this.maxLength && this.control.addValidators(Validators.maxLength(this.maxLength));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HtmlField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: HtmlField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: RichTextEditorComponent, descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\n  <div class=\"flex\">\n    <mat-label>{{label |localizedString}}</mat-label>\n    <ejs-richtexteditor [formControl]=control [toolbarSettings]=\"toolbarSettings\"\n      [placeholder]=\"placeholder|localizedString\" [maxlength]=\"maxLength\"\n    [required]=\"required\" width=\"100%\"></ejs-richtexteditor>\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n    }\n    @if (hint) {\n      <mat-hint> {{ hint |localizedString}}</mat-hint>\n    }\n    @if (maxLength) {\n      <mat-hint align=\"end\">{{control.value?.length || 0}} / {{maxLength}}</mat-hint>\n    }\n  </div>\n} @else {\n  <p [innerHTML]=\"control.value|sanitizeHtml\"></p>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.RichTextEditorComponent, selector: "ejs-richtexteditor", inputs: ["autoSaveOnIdle", "backgroundColor", "bulletFormatList", "cssClass", "editorMode", "emojiPickerSettings", "enableAutoUrl", "enableHtmlEncode", "enableHtmlSanitizer", "enablePersistence", "enableResize", "enableRtl", "enableTabKey", "enableXhtml", "enabled", "enterKey", "fileManagerSettings", "floatingToolbarOffset", "fontColor", "fontFamily", "fontSize", "format", "formatPainterSettings", "formatter", "height", "htmlAttributes", "iframeSettings", "inlineMode", "insertAudioSettings", "insertImageSettings", "insertVideoSettings", "keyConfig", "locale", "maxLength", "numberFormatList", "pasteCleanupSettings", "placeholder", "quickToolbarSettings", "readonly", "saveInterval", "shiftEnterKey", "showCharCount", "showTooltip", "tableSettings", "toolbarSettings", "undoRedoSteps", "undoRedoTimer", "value", "valueTemplate", "width"], outputs: ["actionBegin", "actionComplete", "afterImageDelete", "afterMediaDelete", "afterPasteCleanup", "beforeDialogClose", "beforeDialogOpen", "beforeFileUpload", "beforeImageDrop", "beforeImageUpload", "beforePasteCleanup", "beforeQuickToolbarOpen", "beforeSanitizeHtml", "blur", "change", "created", "destroyed", "dialogClose", "dialogOpen", "fileRemoving", "fileSelected", "fileUploadFailed", "fileUploadSuccess", "fileUploading", "focus", "imageRemoving", "imageSelected", "imageUploadFailed", "imageUploadSuccess", "imageUploading", "quickToolbarClose", "quickToolbarOpen", "resizeStart", "resizeStop", "resizing", "toolbarClick", "toolbarStatusUpdate", "updatedToolbarStatus", "valueChange"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "pipe", type: i4.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: i6.SanitizeHtmlPipe, name: "sanitizeHtml" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: HtmlField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: HtmlField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: RichTextEditorComponent, descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\n  <div class=\"flex\">\n    <mat-label>{{label |localizedString}}</mat-label>\n    <ejs-richtexteditor [formControl]=control [toolbarSettings]=\"toolbarSettings\"\n      [placeholder]=\"placeholder|localizedString\" [maxlength]=\"maxLength\"\n    [required]=\"required\" width=\"100%\"></ejs-richtexteditor>\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n    }\n    @if (hint) {\n      <mat-hint> {{ hint |localizedString}}</mat-hint>\n    }\n    @if (maxLength) {\n      <mat-hint align=\"end\">{{control.value?.length || 0}} / {{maxLength}}</mat-hint>\n    }\n  </div>\n} @else {\n  <p [innerHTML]=\"control.value|sanitizeHtml\"></p>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.RichTextEditorComponent, selector: "ejs-richtexteditor", inputs: ["autoSaveOnIdle", "backgroundColor", "bulletFormatList", "cssClass", "editorMode", "emojiPickerSettings", "enableAutoUrl", "enableHtmlEncode", "enableHtmlSanitizer", "enablePersistence", "enableResize", "enableRtl", "enableTabKey", "enableXhtml", "enabled", "enterKey", "fileManagerSettings", "floatingToolbarOffset", "fontColor", "fontFamily", "fontSize", "format", "formatPainterSettings", "formatter", "height", "htmlAttributes", "iframeSettings", "inlineMode", "insertAudioSettings", "insertImageSettings", "insertVideoSettings", "keyConfig", "locale", "maxLength", "numberFormatList", "pasteCleanupSettings", "placeholder", "quickToolbarSettings", "readonly", "saveInterval", "shiftEnterKey", "showCharCount", "showTooltip", "tableSettings", "toolbarSettings", "undoRedoSteps", "undoRedoTimer", "value", "valueTemplate", "width"], outputs: ["actionBegin", "actionComplete", "afterImageDelete", "afterMediaDelete", "afterPasteCleanup", "beforeDialogClose", "beforeDialogOpen", "beforeFileUpload", "beforeImageDrop", "beforeImageUpload", "beforePasteCleanup", "beforeQuickToolbarOpen", "beforeSanitizeHtml", "blur", "change", "created", "destroyed", "dialogClose", "dialogOpen", "fileRemoving", "fileSelected", "fileUploadFailed", "fileUploadSuccess", "fileUploading", "focus", "imageRemoving", "imageSelected", "imageUploadFailed", "imageUploadSuccess", "imageUploading", "quickToolbarClose", "quickToolbarOpen", "resizeStart", "resizeStop", "resizing", "toolbarClick", "toolbarStatusUpdate", "updatedToolbarStatus", "valueChange"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "pipe", type: i4.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: i6.SanitizeHtmlPipe, name: "sanitizeHtml" }] }); }
 };
 HtmlField = __decorate([
     BizDoc({ selector: 'html-control' })
 ], HtmlField);
 export { HtmlField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HtmlField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: HtmlField, decorators: [{
             type: Component,
             args: [{ host: { class: 'field' }, template: "@if (mode==='compose') {\n  <div class=\"flex\">\n    <mat-label>{{label |localizedString}}</mat-label>\n    <ejs-richtexteditor [formControl]=control [toolbarSettings]=\"toolbarSettings\"\n      [placeholder]=\"placeholder|localizedString\" [maxlength]=\"maxLength\"\n    [required]=\"required\" width=\"100%\"></ejs-richtexteditor>\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n    }\n    @if (hint) {\n      <mat-hint> {{ hint |localizedString}}</mat-hint>\n    }\n    @if (maxLength) {\n      <mat-hint align=\"end\">{{control.value?.length || 0}} / {{maxLength}}</mat-hint>\n    }\n  </div>\n} @else {\n  <p [innerHTML]=\"control.value|sanitizeHtml\"></p>\n}\n" }]
         }], propDecorators: { input: [{

package/esm2022/lib/core/fields/input.designer.mjs

@@ -24,14 +24,14 @@ let InputFieldDesigner = class InputFieldDesigner {
             suffixIcon: null
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: InputFieldDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: InputFieldDesigner, selector: "ng-component", ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n  <bizdoc-localized-string [placeholder]=\"'Label'|translate\" formControlName=\"label\"></bizdoc-localized-string>\r\n  <bizdoc-localized-string [placeholder]=\"'Placeholder'|translate\" formControlName=\"placeholder\"></bizdoc-localized-string>\r\n  <mat-form-field>\r\n    <mat-label>{{'Type'|translate}}</mat-label>\r\n    <mat-select formControlName=\"kind\">\r\n      <mat-option>{{'Text'|translate}}</mat-option>\r\n      <mat-option value=\"PhoneNumber\">{{'Tel'|translate}}</mat-option>\r\n      <mat-option value=\"EmailAddress\">{{'Email'|translate}}</mat-option>\r\n      <mat-option value=\"Url\">{{'Url'|translate}}</mat-option>\r\n    </mat-select>\r\n  </mat-form-field>\r\n  <mat-form-field>\r\n    <mat-label>{{'Pattern'|translate}}</mat-label>\r\n    <input matInput formControlName=\"pattern\" />\r\n    <mat-hint><span [innerHTML]=\"'RegexHint' | translate : 'https://regex101.com/'| sanitizeHtml\"></span></mat-hint>\r\n  </mat-form-field>\r\n  <div class=\"row\">\r\n    <!--<bizdoc-icon-picker formControlName=\"prefixIcon\"></bizdoc-icon-picker>\r\n    <bizdoc-icon-picker formControlName=\"suffixIcon\"></bizdoc-icon-picker>-->\r\n  </div>\r\n  <div class=\"row\">\r\n    <mat-form-field flex>\r\n      <mat-label>{{'MinLength'|translate}}</mat-label>\r\n      <input matInput formControlName=\"minLength\" type=\"number\" />\r\n    </mat-form-field>&nbsp;\r\n    <mat-form-field flex>\r\n      <mat-label>{{'MaxLength'|translate}}</mat-label>\r\n      <input matInput formControlName=\"maxLength\" type=\"number\" />\r\n    </mat-form-field>\r\n  </div>\r\n</form>\r\n", dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i5.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: i6.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "pipe", type: i7.SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: InputFieldDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: InputFieldDesigner, selector: "ng-component", ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n  <bizdoc-localized-string [placeholder]=\"'Label'|translate\" formControlName=\"label\"></bizdoc-localized-string>\r\n  <bizdoc-localized-string [placeholder]=\"'Placeholder'|translate\" formControlName=\"placeholder\"></bizdoc-localized-string>\r\n  <mat-form-field>\r\n    <mat-label>{{'Type'|translate}}</mat-label>\r\n    <mat-select formControlName=\"kind\">\r\n      <mat-option>{{'Text'|translate}}</mat-option>\r\n      <mat-option value=\"PhoneNumber\">{{'Tel'|translate}}</mat-option>\r\n      <mat-option value=\"EmailAddress\">{{'Email'|translate}}</mat-option>\r\n      <mat-option value=\"Url\">{{'Url'|translate}}</mat-option>\r\n    </mat-select>\r\n  </mat-form-field>\r\n  <mat-form-field>\r\n    <mat-label>{{'Pattern'|translate}}</mat-label>\r\n    <input matInput formControlName=\"pattern\" />\r\n    <mat-hint><span [innerHTML]=\"'RegexHint' | translate : 'https://regex101.com/'| sanitizeHtml\"></span></mat-hint>\r\n  </mat-form-field>\r\n  <div class=\"row\">\r\n    <!--<bizdoc-icon-picker formControlName=\"prefixIcon\"></bizdoc-icon-picker>\r\n    <bizdoc-icon-picker formControlName=\"suffixIcon\"></bizdoc-icon-picker>-->\r\n  </div>\r\n  <div class=\"row\">\r\n    <mat-form-field flex>\r\n      <mat-label>{{'MinLength'|translate}}</mat-label>\r\n      <input matInput formControlName=\"minLength\" type=\"number\" />\r\n    </mat-form-field>&nbsp;\r\n    <mat-form-field flex>\r\n      <mat-label>{{'MaxLength'|translate}}</mat-label>\r\n      <input matInput formControlName=\"maxLength\" type=\"number\" />\r\n    </mat-form-field>\r\n  </div>\r\n</form>\r\n", dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i5.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: i6.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "pipe", type: i7.SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] }); }
 };
 InputFieldDesigner = __decorate([
     BizDoc({ selector: 'text-control-designer' })
 ], InputFieldDesigner);
 export { InputFieldDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: InputFieldDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: InputFieldDesigner, decorators: [{
             type: Component,
             args: [{ template: "<form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n  <bizdoc-localized-string [placeholder]=\"'Label'|translate\" formControlName=\"label\"></bizdoc-localized-string>\r\n  <bizdoc-localized-string [placeholder]=\"'Placeholder'|translate\" formControlName=\"placeholder\"></bizdoc-localized-string>\r\n  <mat-form-field>\r\n    <mat-label>{{'Type'|translate}}</mat-label>\r\n    <mat-select formControlName=\"kind\">\r\n      <mat-option>{{'Text'|translate}}</mat-option>\r\n      <mat-option value=\"PhoneNumber\">{{'Tel'|translate}}</mat-option>\r\n      <mat-option value=\"EmailAddress\">{{'Email'|translate}}</mat-option>\r\n      <mat-option value=\"Url\">{{'Url'|translate}}</mat-option>\r\n    </mat-select>\r\n  </mat-form-field>\r\n  <mat-form-field>\r\n    <mat-label>{{'Pattern'|translate}}</mat-label>\r\n    <input matInput formControlName=\"pattern\" />\r\n    <mat-hint><span [innerHTML]=\"'RegexHint' | translate : 'https://regex101.com/'| sanitizeHtml\"></span></mat-hint>\r\n  </mat-form-field>\r\n  <div class=\"row\">\r\n    <!--<bizdoc-icon-picker formControlName=\"prefixIcon\"></bizdoc-icon-picker>\r\n    <bizdoc-icon-picker formControlName=\"suffixIcon\"></bizdoc-icon-picker>-->\r\n  </div>\r\n  <div class=\"row\">\r\n    <mat-form-field flex>\r\n      <mat-label>{{'MinLength'|translate}}</mat-label>\r\n      <input matInput formControlName=\"minLength\" type=\"number\" />\r\n    </mat-form-field>&nbsp;\r\n    <mat-form-field flex>\r\n      <mat-label>{{'MaxLength'|translate}}</mat-label>\r\n      <input matInput formControlName=\"maxLength\" type=\"number\" />\r\n    </mat-form-field>\r\n  </div>\r\n</form>\r\n" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }] });