@bizdoc/core 2.5.4 → 2.5.6

package/esm2022/lib/core/fields/options.component.mjs

@@ -44,10 +44,10 @@ export class ControlOptionsComponent {
         this.options.insert(event.currentIndex, element);
         //moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ControlOptionsComponent, deps: [{ token: i1.TranslateService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: ControlOptionsComponent, selector: "bizdoc-design-options", inputs: { form: "form", model: "model" }, ngImport: i0, template: "<h2 class=\"mat-h2 row\">\n  {{'Options'|translate}}\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"add()\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add_circle_outline</mat-icon></button>\n</h2>\n<div class=\"column\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n  @for (c of options.controls; track c; let index = $index) {\n    <div class=\"row\" [formGroup]=\"c\" cdkDrag>\n      <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n      <mat-form-field class=\"flex\" floatLabel=\"never\">\n        <input matInput [placeholder]=\"'Key'|l18n\" formControlName=\"key\" required />\n      </mat-form-field>\n      &nbsp;\n      <bizdoc-localized-string formControlName=\"value\" required class=\"row flex\" [placeholder]=\"'Label'|l18n\"></bizdoc-localized-string>\n      <button mat-icon-button (click)=\"options.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\"><mat-icon>delete</mat-icon></button>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.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: i3.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: "directive", type: i3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { 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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i9.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "pipe", type: i10.L18nPipe, name: "l18n" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ControlOptionsComponent, deps: [{ token: i1.TranslateService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: ControlOptionsComponent, selector: "bizdoc-design-options", inputs: { form: "form", model: "model" }, ngImport: i0, template: "<h2 class=\"mat-h2 row\">\n  {{'Options'|translate}}\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"add()\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add_circle_outline</mat-icon></button>\n</h2>\n<div class=\"column\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n  @for (c of options.controls; track c; let index = $index) {\n    <div class=\"row\" [formGroup]=\"c\" cdkDrag>\n      <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n      <mat-form-field class=\"flex\" floatLabel=\"never\">\n        <input matInput [placeholder]=\"'Key'|l18n\" formControlName=\"key\" required />\n      </mat-form-field>\n      &nbsp;\n      <bizdoc-localized-string formControlName=\"value\" required class=\"row flex\" [placeholder]=\"'Label'|l18n\"></bizdoc-localized-string>\n      <button mat-icon-button (click)=\"options.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\"><mat-icon>delete</mat-icon></button>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.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: i3.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: "directive", type: i3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { 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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i9.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "pipe", type: i10.L18nPipe, name: "l18n" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ControlOptionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ControlOptionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-design-options', template: "<h2 class=\"mat-h2 row\">\n  {{'Options'|translate}}\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"add()\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add_circle_outline</mat-icon></button>\n</h2>\n<div class=\"column\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n  @for (c of options.controls; track c; let index = $index) {\n    <div class=\"row\" [formGroup]=\"c\" cdkDrag>\n      <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n      <mat-form-field class=\"flex\" floatLabel=\"never\">\n        <input matInput [placeholder]=\"'Key'|l18n\" formControlName=\"key\" required />\n      </mat-form-field>\n      &nbsp;\n      <bizdoc-localized-string formControlName=\"value\" required class=\"row flex\" [placeholder]=\"'Label'|l18n\"></bizdoc-localized-string>\n      <button mat-icon-button (click)=\"options.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\"><mat-icon>delete</mat-icon></button>\n    </div>\n  }\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i2.FormBuilder }], propDecorators: { form: [{

package/esm2022/lib/core/fields/radio-button.designer.mjs

@@ -25,14 +25,14 @@ let RadioButtonControlDesigner = class RadioButtonControlDesigner extends Option
     onBind(model) {
         this.model = model;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: RadioButtonControlDesigner, deps: [{ token: i1.SystemService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: RadioButtonControlDesigner, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\n  <bizdoc-localized-string [placeholder]=\"'Label'|translate\" formControlName=\"label\"></bizdoc-localized-string>\n  @if (datatypes) {\n  <mat-form-field>\n    <mat-label>{{'DataType'|translate}}</mat-label>\n    <mat-select formControlName=\"dataType\">\n      @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n      <mat-option [value]=\"t.name\">\n        {{t.title}}\n      </mat-option>\n      }\n      @for (g of datatypes|sort: 'title'; track g) {\n      <mat-optgroup [label]=\"g.title\">\n        @for (t of g.elements|sort: 'title'; track t) {\n        <mat-option [value]=\"t.name\">\n          {{t.title}}\n        </mat-option>\n        }\n      </mat-optgroup>\n      }\n    </mat-select>\n    @if (form.controls.dataType.hasError('required')) {\n    <mat-error [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\n    }\n  </mat-form-field>\n  }\n  <bizdoc-design-options [form]=\"form\" [model]=\"model\"></bizdoc-design-options>\n</form>\n", dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { 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.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i5.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: "component", type: i6.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "component", type: i7.ControlOptionsComponent, selector: "bizdoc-design-options", inputs: ["form", "model"] }, { kind: "pipe", type: i8.ArraySortPipe, name: "sort" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RadioButtonControlDesigner, deps: [{ token: i1.SystemService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: RadioButtonControlDesigner, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\n  <bizdoc-localized-string [placeholder]=\"'Label'|translate\" formControlName=\"label\"></bizdoc-localized-string>\n  @if (datatypes) {\n  <mat-form-field>\n    <mat-label>{{'DataType'|translate}}</mat-label>\n    <mat-select formControlName=\"dataType\">\n      @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n      <mat-option [value]=\"t.name\">\n        {{t.title}}\n      </mat-option>\n      }\n      @for (g of datatypes|sort: 'title'; track g) {\n      <mat-optgroup [label]=\"g.title\">\n        @for (t of g.elements|sort: 'title'; track t) {\n        <mat-option [value]=\"t.name\">\n          {{t.title}}\n        </mat-option>\n        }\n      </mat-optgroup>\n      }\n    </mat-select>\n    @if (form.controls.dataType.hasError('required')) {\n    <mat-error [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\n    }\n  </mat-form-field>\n  }\n  <bizdoc-design-options [form]=\"form\" [model]=\"model\"></bizdoc-design-options>\n</form>\n", dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { 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.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i5.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: "component", type: i6.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "component", type: i7.ControlOptionsComponent, selector: "bizdoc-design-options", inputs: ["form", "model"] }, { kind: "pipe", type: i8.ArraySortPipe, name: "sort" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
 };
 RadioButtonControlDesigner = __decorate([
     BizDoc({ selector: 'radio-button-control-designer' })
 ], RadioButtonControlDesigner);
 export { RadioButtonControlDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: RadioButtonControlDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RadioButtonControlDesigner, decorators: [{
             type: Component,
             args: [{ template: "<form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\n  <bizdoc-localized-string [placeholder]=\"'Label'|translate\" formControlName=\"label\"></bizdoc-localized-string>\n  @if (datatypes) {\n  <mat-form-field>\n    <mat-label>{{'DataType'|translate}}</mat-label>\n    <mat-select formControlName=\"dataType\">\n      @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n      <mat-option [value]=\"t.name\">\n        {{t.title}}\n      </mat-option>\n      }\n      @for (g of datatypes|sort: 'title'; track g) {\n      <mat-optgroup [label]=\"g.title\">\n        @for (t of g.elements|sort: 'title'; track t) {\n        <mat-option [value]=\"t.name\">\n          {{t.title}}\n        </mat-option>\n        }\n      </mat-optgroup>\n      }\n    </mat-select>\n    @if (form.controls.dataType.hasError('required')) {\n    <mat-error [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\n    }\n  </mat-form-field>\n  }\n  <bizdoc-design-options [form]=\"form\" [model]=\"model\"></bizdoc-design-options>\n</form>\n" }]
         }], ctorParameters: () => [{ type: i1.SystemService }, { type: i2.FormBuilder }] });

package/esm2022/lib/core/fields/radio-button.field.mjs

@@ -16,14 +16,14 @@ let RadioButtonField = class RadioButtonField extends OptionsControlField {
         this.control = new FormControl(false);
     }
     focus() { this.input.focus(); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: RadioButtonField, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: RadioButtonField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatRadioButton, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (mode === 'compose') {\n  <div>\n    @if (hint) {\n      <mat-hint> {{ hint|localizedString }}</mat-hint>\n    }\n    <mat-label>{{label|localizedString}}</mat-label>\n    <mat-radio-group [formControl]=\"control\">\n      @for (o of options; track o) {\n        <mat-radio-button [value]=\"o.key\">\n          {{o.value|localizedString}}\n        </mat-radio-button>\n      }\n    </mat-radio-group>\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    <span>\n      {{optionOf(control.value)|localizedString}}\n    </span>\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: "directive", type: i2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { 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.0.1", ngImport: i0, type: RadioButtonField, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: RadioButtonField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatRadioButton, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (mode === 'compose') {\n  <div>\n    @if (hint) {\n      <mat-hint> {{ hint|localizedString }}</mat-hint>\n    }\n    <mat-label>{{label|localizedString}}</mat-label>\n    <mat-radio-group [formControl]=\"control\">\n      @for (o of options; track o) {\n        <mat-radio-button [value]=\"o.key\">\n          {{o.value|localizedString}}\n        </mat-radio-button>\n      }\n    </mat-radio-group>\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    <span>\n      {{optionOf(control.value)|localizedString}}\n    </span>\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: "directive", type: i2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { 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" }] }); }
 };
 RadioButtonField = __decorate([
     BizDoc({ selector: 'radio-button-control' })
 ], RadioButtonField);
 export { RadioButtonField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: RadioButtonField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RadioButtonField, 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-label>{{label|localizedString}}</mat-label>\n    <mat-radio-group [formControl]=\"control\">\n      @for (o of options; track o) {\n        <mat-radio-button [value]=\"o.key\">\n          {{o.value|localizedString}}\n        </mat-radio-button>\n      }\n    </mat-radio-group>\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    <span>\n      {{optionOf(control.value)|localizedString}}\n    </span>\n  }\n}\n" }]
         }], propDecorators: { input: [{

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

@@ -28,8 +28,8 @@ let SelectControlDesigner = class SelectControlDesigner extends OptionsControlDe
     onBind(model) {
         this.model = model;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: SelectControlDesigner, deps: [{ token: i1.SystemService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: SelectControlDesigner, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SelectControlDesigner, deps: [{ token: i1.SystemService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: SelectControlDesigner, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
    <form autocomplete="off" [formGroup]="form" class="column">
      <bizdoc-localized-string [placeholder]="'Label'|translate" formControlName="label"></bizdoc-localized-string>
      @if (datatypes) {
@@ -65,7 +65,7 @@ SelectControlDesigner = __decorate([
     BizDoc({ selector: 'select-control-designer' })
 ], SelectControlDesigner);
 export { SelectControlDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: SelectControlDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SelectControlDesigner, decorators: [{
             type: Component,
             args: [{
                     template: `

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

@@ -19,14 +19,14 @@ let SelectField = class SelectField extends OptionsControlField {
     focus() {
         this.select.focus();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: SelectField, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: SelectField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "select", first: true, predicate: MatSelect, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (mode==='compose') {\n  <mat-form-field [appearance]=appearance>\n    <mat-label>{{label |localizedString}}</mat-label>\n    <mat-select [placeholder]=\"placeholder\" [formControl]=control\n      [required]=\"required\" [multiple]=\"multiple\">\n      @for (o of options; track o) {\n        <mat-option [value]=\"o.key\">{{o.value}}</mat-option>\n      }\n    </mat-select>\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>\n      @switch (multiple) {\n        @case (true) {\n          @for (o of control.value; track o; let index = $index) {\n            {{optionOf(o)|localizedString}}\n            @if (index>0) {\n              ,&nbsp;\n            }\n          }\n        }\n        @default {\n          {{optionOf(control.value)|localizedString}}\n        }\n      }\n    </span>\n  }\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.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: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["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: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SelectField, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: SelectField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "select", first: true, predicate: MatSelect, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (mode==='compose') {\n  <mat-form-field [appearance]=appearance>\n    <mat-label>{{label |localizedString}}</mat-label>\n    <mat-select [placeholder]=\"placeholder\" [formControl]=control\n      [required]=\"required\" [multiple]=\"multiple\">\n      @for (o of options; track o) {\n        <mat-option [value]=\"o.key\">{{o.value}}</mat-option>\n      }\n    </mat-select>\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>\n      @switch (multiple) {\n        @case (true) {\n          @for (o of control.value; track o; let index = $index) {\n            {{optionOf(o)|localizedString}}\n            @if (index>0) {\n              ,&nbsp;\n            }\n          }\n        }\n        @default {\n          {{optionOf(control.value)|localizedString}}\n        }\n      }\n    </span>\n  }\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.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: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["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: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 };
 SelectField = __decorate([
     BizDoc({ selector: 'select-control' })
 ], SelectField);
 export { SelectField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: SelectField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SelectField, 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    <mat-select [placeholder]=\"placeholder\" [formControl]=control\n      [required]=\"required\" [multiple]=\"multiple\">\n      @for (o of options; track o) {\n        <mat-option [value]=\"o.key\">{{o.value}}</mat-option>\n      }\n    </mat-select>\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>\n      @switch (multiple) {\n        @case (true) {\n          @for (o of control.value; track o; let index = $index) {\n            {{optionOf(o)|localizedString}}\n            @if (index>0) {\n              ,&nbsp;\n            }\n          }\n        }\n        @default {\n          {{optionOf(control.value)|localizedString}}\n        }\n      }\n    </span>\n  }\n}\n" }]
         }], propDecorators: { select: [{

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

@@ -13,8 +13,8 @@ let SignatureControlDesigner = class SignatureControlDesigner {
             hint: null,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: SignatureControlDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: SignatureControlDesigner, selector: "ng-component", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SignatureControlDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: SignatureControlDesigner, 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]="'Hint'|translate" formControlName="hint"></bizdoc-localized-string>
@@ -24,7 +24,7 @@ SignatureControlDesigner = __decorate([
     BizDoc({ selector: 'signature-control-designer' })
 ], SignatureControlDesigner);
 export { SignatureControlDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: SignatureControlDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SignatureControlDesigner, decorators: [{
             type: Component,
             args: [{
                     template: `

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

@@ -35,14 +35,14 @@ let SignatureField = class SignatureField {
         this.control = new FormControl();
         _session.themeChange.pipe(startWith(_session.theme)).subscribe(t => this.strokeColor = t.dark ? 'white' : 'black');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: SignatureField, deps: [{ token: i1.SessionService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: SignatureField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["signature"], descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\n  <div class=\"column signature-pad\">\n    <mat-label>{{label |localizedString}}</mat-label>\n    <canvas ejs-signature #signature id=\"signature\" (created)=\"created()\" (change)=\"change($event)\" [strokeColor]=\"strokeColor\"></canvas>\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 class=\"tools\">\n      <button mat-icon-button (click)=\"clear()\" [bizdocTooltip]=\"'Clear'|translate\" [disabled]=\"!control.value\" type=\"button\"><mat-icon>delete</mat-icon></button>\n    </div>\n  </div>\n} @else {\n  <img [src]=\"src\" />\n}\n", styles: [".signature-pad{position:relative}.tools{position:absolute;left:0;bottom:0}\n"], dependencies: [{ kind: "component", type: i3.SignatureComponent, selector: "[ejs-signature]", inputs: ["backgroundColor", "backgroundImage", "disabled", "enablePersistence", "enableRtl", "isReadOnly", "locale", "maxStrokeWidth", "minStrokeWidth", "saveWithBackground", "strokeColor", "velocity"], outputs: ["focus", "blur", "beforeSave", "change", "created"] }, { 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.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i8.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SignatureField, deps: [{ token: i1.SessionService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: SignatureField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["signature"], descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\n  <div class=\"column signature-pad\">\n    <mat-label>{{label |localizedString}}</mat-label>\n    <canvas ejs-signature #signature id=\"signature\" (created)=\"created()\" (change)=\"change($event)\" [strokeColor]=\"strokeColor\"></canvas>\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 class=\"tools\">\n      <button mat-icon-button (click)=\"clear()\" [bizdocTooltip]=\"'Clear'|translate\" [disabled]=\"!control.value\" type=\"button\"><mat-icon>delete</mat-icon></button>\n    </div>\n  </div>\n} @else {\n  <img [src]=\"src\" />\n}\n", styles: [".signature-pad{position:relative}.tools{position:absolute;left:0;bottom:0}\n"], dependencies: [{ kind: "component", type: i3.SignatureComponent, selector: "[ejs-signature]", inputs: ["backgroundColor", "backgroundImage", "disabled", "enablePersistence", "enableRtl", "isReadOnly", "locale", "maxStrokeWidth", "minStrokeWidth", "saveWithBackground", "strokeColor", "velocity"], outputs: ["focus", "blur", "beforeSave", "change", "created"] }, { 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.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i8.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
 };
 SignatureField = __decorate([
     BizDoc({ selector: 'signature-control' })
 ], SignatureField);
 export { SignatureField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: SignatureField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SignatureField, decorators: [{
             type: Component,
             args: [{ host: { class: 'field' }, template: "@if (mode==='compose') {\n  <div class=\"column signature-pad\">\n    <mat-label>{{label |localizedString}}</mat-label>\n    <canvas ejs-signature #signature id=\"signature\" (created)=\"created()\" (change)=\"change($event)\" [strokeColor]=\"strokeColor\"></canvas>\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 class=\"tools\">\n      <button mat-icon-button (click)=\"clear()\" [bizdocTooltip]=\"'Clear'|translate\" [disabled]=\"!control.value\" type=\"button\"><mat-icon>delete</mat-icon></button>\n    </div>\n  </div>\n} @else {\n  <img [src]=\"src\" />\n}\n", styles: [".signature-pad{position:relative}.tools{position:absolute;left:0;bottom:0}\n"] }]
         }], ctorParameters: () => [{ type: i1.SessionService }, { type: i2.DomSanitizer }], propDecorators: { input: [{

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

@@ -18,14 +18,14 @@ let SwitchField = class SwitchField {
         this.required && this.control.addValidators(Validators.requiredTrue);
         this.mode !== 'compose' && this.control.disable();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: SwitchField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: SwitchField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatSlideToggle, descendants: true }], ngImport: i0, template: "@if (mode === 'compose') {\n  <div>\n    @if (hint) {\n      <mat-hint> {{ hint |localizedString}}</mat-hint>\n    }\n    <mat-slide-toggle [formControl]=control> {{ label |localizedString }}</mat-slide-toggle>\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n    }\n  </div>\n} @else {\n  <mat-slide-toggle [formControl]=control> {{ label |localizedString }}</mat-slide-toggle>\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.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { 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.0.1", ngImport: i0, type: SwitchField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: SwitchField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatSlideToggle, descendants: true }], ngImport: i0, template: "@if (mode === 'compose') {\n  <div>\n    @if (hint) {\n      <mat-hint> {{ hint |localizedString}}</mat-hint>\n    }\n    <mat-slide-toggle [formControl]=control> {{ label |localizedString }}</mat-slide-toggle>\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n    }\n  </div>\n} @else {\n  <mat-slide-toggle [formControl]=control> {{ label |localizedString }}</mat-slide-toggle>\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.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: i4.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
 };
 SwitchField = __decorate([
     BizDoc({ selector: 'switch-control' })
 ], SwitchField);
 export { SwitchField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: SwitchField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SwitchField, 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-slide-toggle [formControl]=control> {{ label |localizedString }}</mat-slide-toggle>\n    @if (control.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\n    }\n  </div>\n} @else {\n  <mat-slide-toggle [formControl]=control> {{ label |localizedString }}</mat-slide-toggle>\n}\n" }]
         }], propDecorators: { input: [{

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

@@ -14,14 +14,14 @@ let TagsControlDesigner = class TagsControlDesigner {
     }
     onBind(model) {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: TagsControlDesigner, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: TagsControlDesigner, selector: "bizdoc-tags-designer", 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  <div class=\"row\">\r\n  </div>\r\n</form>\r\n", dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TagsControlDesigner, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: TagsControlDesigner, selector: "bizdoc-tags-designer", 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  <div class=\"row\">\r\n  </div>\r\n</form>\r\n", dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 };
 TagsControlDesigner = __decorate([
     BizDoc({ selector: 'tags-control-designer' })
 ], TagsControlDesigner);
 export { TagsControlDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: TagsControlDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TagsControlDesigner, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-tags-designer', 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  <div class=\"row\">\r\n  </div>\r\n</form>\r\n" }]
         }] });

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

@@ -34,14 +34,14 @@ let ChipsField = class ChipsField {
         this.tags.remove(name);
         this.control.setValue(this.tags.length ? this.tags : null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ChipsField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: ChipsField, 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 class=\"flex\">\n    <mat-label>{{label |localizedString}}</mat-label>\n    <mat-chip-grid #chips\n      [formControl]=\"control\"\n      [attr.aria-label]=\"label\">\n      @for (t of (control.value || []); track t) {\n        <mat-chip-row\n          removable (removed)=\"removeTag(t)\">\n          {{t}}\n          <mat-icon matChipRemove>cancel</mat-icon>\n        </mat-chip-row>\n      }\n      <input [matChipInputFor]=\"chips\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        [matChipInputAddOnBlur]=\"true\"\n        (matChipInputTokenEnd)=\"addTag($event)\">\n      </mat-chip-grid>\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    </mat-form-field>\n  } @else {\n    @if (control.value) {\n      <mat-chip-set>\n        @for (t of control.value; track t) {\n          <mat-chip>{{t}}</mat-chip>\n        }\n      </mat-chip-set>\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.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled", "tabIndex"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i2.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i2.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i2.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i2.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i2.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { 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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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.0.1", ngImport: i0, type: ChipsField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: ChipsField, 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 class=\"flex\">\n    <mat-label>{{label |localizedString}}</mat-label>\n    <mat-chip-grid #chips\n      [formControl]=\"control\"\n      [attr.aria-label]=\"label\">\n      @for (t of (control.value || []); track t) {\n        <mat-chip-row\n          removable (removed)=\"removeTag(t)\">\n          {{t}}\n          <mat-icon matChipRemove>cancel</mat-icon>\n        </mat-chip-row>\n      }\n      <input [matChipInputFor]=\"chips\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        [matChipInputAddOnBlur]=\"true\"\n        (matChipInputTokenEnd)=\"addTag($event)\">\n      </mat-chip-grid>\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    </mat-form-field>\n  } @else {\n    @if (control.value) {\n      <mat-chip-set>\n        @for (t of control.value; track t) {\n          <mat-chip>{{t}}</mat-chip>\n        }\n      </mat-chip-set>\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.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled", "tabIndex"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i2.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i2.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i2.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i2.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i2.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { 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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 };
 ChipsField = __decorate([
     BizDoc({ selector: 'tags-control' })
 ], ChipsField);
 export { ChipsField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ChipsField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ChipsField, decorators: [{
             type: Component,
             args: [{ host: { class: 'field' }, template: "@if (mode==='compose') {\n  <mat-form-field [appearance]=appearance class=\"flex\">\n    <mat-label>{{label |localizedString}}</mat-label>\n    <mat-chip-grid #chips\n      [formControl]=\"control\"\n      [attr.aria-label]=\"label\">\n      @for (t of (control.value || []); track t) {\n        <mat-chip-row\n          removable (removed)=\"removeTag(t)\">\n          {{t}}\n          <mat-icon matChipRemove>cancel</mat-icon>\n        </mat-chip-row>\n      }\n      <input [matChipInputFor]=\"chips\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        [matChipInputAddOnBlur]=\"true\"\n        (matChipInputTokenEnd)=\"addTag($event)\">\n      </mat-chip-grid>\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    </mat-form-field>\n  } @else {\n    @if (control.value) {\n      <mat-chip-set>\n        @for (t of control.value; track t) {\n          <mat-chip>{{t}}</mat-chip>\n        }\n      </mat-chip-set>\n    }\n  }\n" }]
         }], propDecorators: { input: [{

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

@@ -19,14 +19,14 @@ let TextAreaFieldDesigner = class TextAreaFieldDesigner {
             suffixIcon: null
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: TextAreaFieldDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: TextAreaFieldDesigner, selector: "bizdoc-textarea-designer", 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  <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.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: i3.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: i4.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TextAreaFieldDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: TextAreaFieldDesigner, selector: "bizdoc-textarea-designer", 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  <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.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: i3.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: i4.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
 };
 TextAreaFieldDesigner = __decorate([
     BizDoc({ selector: 'textarea-control-designer' })
 ], TextAreaFieldDesigner);
 export { TextAreaFieldDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: TextAreaFieldDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TextAreaFieldDesigner, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-textarea-designer', 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  <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 }] });

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

@@ -20,14 +20,14 @@ let TextareaField = class TextareaField {
         this.required && this.control.addValidators(Validators.required);
     }
     focus() { this.input.focus(); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: TextareaField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: TextareaField, 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 class=\"flex\">\n    <mat-label>{{label |localizedString}}</mat-label>\n    <textarea matInput [formControl]=control cdkTextareaAutosize [placeholder]=\"placeholder|localizedString\"\n    [required]=\"required\" [minlength]=\"minLength\" [maxlength]=\"maxLength\" [pattern]=\"pattern\"></textarea>\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  </mat-form-field>\n} @else {\n  <p [innerHTML]=\"control.value\"></p>\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.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { 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: "directive", type: i3.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: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { 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.0.1", ngImport: i0, type: TextareaField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: TextareaField, 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 class=\"flex\">\n    <mat-label>{{label |localizedString}}</mat-label>\n    <textarea matInput [formControl]=control cdkTextareaAutosize [placeholder]=\"placeholder|localizedString\"\n    [required]=\"required\" [minlength]=\"minLength\" [maxlength]=\"maxLength\" [pattern]=\"pattern\"></textarea>\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  </mat-form-field>\n} @else {\n  <p [innerHTML]=\"control.value\"></p>\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.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { 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: "directive", type: i3.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: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 };
 TextareaField = __decorate([
     BizDoc({ selector: 'textarea-control' })
 ], TextareaField);
 export { TextareaField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: TextareaField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TextareaField, decorators: [{
             type: Component,
             args: [{ host: { class: 'field' }, template: "@if (mode==='compose') {\n  <mat-form-field [appearance]=appearance class=\"flex\">\n    <mat-label>{{label |localizedString}}</mat-label>\n    <textarea matInput [formControl]=control cdkTextareaAutosize [placeholder]=\"placeholder|localizedString\"\n    [required]=\"required\" [minlength]=\"minLength\" [maxlength]=\"maxLength\" [pattern]=\"pattern\"></textarea>\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  </mat-form-field>\n} @else {\n  <p [innerHTML]=\"control.value\"></p>\n}\n" }]
         }], propDecorators: { input: [{

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

@@ -16,8 +16,8 @@ let TimeControlDesigner = class TimeControlDesigner {
             max: null,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: TimeControlDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: TimeControlDesigner, selector: "bizdoc-time-designer", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TimeControlDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: TimeControlDesigner, selector: "bizdoc-time-designer", 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 @@ TimeControlDesigner = __decorate([
     BizDoc({ selector: 'time-control-designer' })
 ], TimeControlDesigner);
 export { TimeControlDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: TimeControlDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TimeControlDesigner, decorators: [{
             type: Component,
             args: [{
                     selector: 'bizdoc-time-designer',

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

@@ -22,14 +22,14 @@ let TimeField = class TimeField {
         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.0.0", ngImport: i0, type: TimeField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: TimeField, 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    <mat-time-picker [placeholder]=\"placeholder|localizedString\" [formControl]=control\n      [required]=\"required\">\n    </mat-time-picker>\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.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.TimePicker, selector: "mat-time-picker", inputs: ["dateControlName", "placeholder", "required", "disabled", "value"] }, { kind: "pipe", type: i4.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i5.DateFormatPipe, name: "amDateFormat" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TimeField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: TimeField, 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    <mat-time-picker [placeholder]=\"placeholder|localizedString\" [formControl]=control\n      [required]=\"required\">\n    </mat-time-picker>\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.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.TimePicker, selector: "mat-time-picker", inputs: ["dateControlName", "placeholder", "required", "disabled", "value"] }, { kind: "pipe", type: i4.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i5.DateFormatPipe, name: "amDateFormat" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 };
 TimeField = __decorate([
     BizDoc({ selector: 'time-control' })
 ], TimeField);
 export { TimeField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: TimeField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TimeField, 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    <mat-time-picker [placeholder]=\"placeholder|localizedString\" [formControl]=control\n      [required]=\"required\">\n    </mat-time-picker>\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/timespan.field.mjs

@@ -18,8 +18,8 @@ let TimespanField = class TimespanField {
     ngOnInit() {
         this.required && this.control.addValidators(Validators.required);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: TimespanField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: TimespanField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: TimespanInput, descendants: true }], ngImport: i0, template: `<mat-form-field [appearance]=appearance>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TimespanField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: TimespanField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: TimespanInput, descendants: true }], ngImport: i0, template: `<mat-form-field [appearance]=appearance>
     <mat-label >{{label |localizedString}}</mat-label>
     <bizdoc-timespan-input
       [placeholder]="placeholder|localizedString" [formControl]=control
@@ -37,7 +37,7 @@ TimespanField = __decorate([
     BizDoc({ selector: 'timespan-control' })
 ], TimespanField);
 export { TimespanField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: TimespanField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TimespanField, decorators: [{
             type: Component,
             args: [{
                     template: `<mat-form-field [appearance]=appearance>
@@ -65,14 +65,14 @@ let TimespanControlDesigner = class TimespanControlDesigner {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: TimespanControlDesigner, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: TimespanControlDesigner, selector: "bizdoc-timespan-control-designer", ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TimespanControlDesigner, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: TimespanControlDesigner, selector: "bizdoc-timespan-control-designer", ngImport: i0, template: ``, isInline: true }); }
 };
 TimespanControlDesigner = __decorate([
     BizDoc({ selector: 'timespan-control-designer' })
 ], TimespanControlDesigner);
 export { TimespanControlDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: TimespanControlDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TimespanControlDesigner, decorators: [{
             type: Component,
             args: [{
                     template: ``,