@bizdoc/core 2.1.7 → 2.1.10

package/esm2022/lib/core/avatar/avatar.component.mjs

@@ -84,10 +84,10 @@ export class AvatarComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: AvatarComponent, deps: [{ token: i1.HubService }, { token: i0.ChangeDetectorRef }, { token: i2.ChatInfo }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: AvatarComponent, selector: "bizdoc-avatar", inputs: { person: "person", interactive: "interactive", dense: "dense" }, host: { listeners: { "click": "chat()" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"avatar mat-elevation-z3\" [class.dense]=dense [class.interactive]=interactive\r\n     [style.backgroundColor]='color' [style.borderColor]='borderColor' [style.backgroundImage]='image'>\r\n  <div class=\"initials\">{{initials}}</div>\r\n  <i class=\"material-icons filled mode\" [bizdocTooltip]=\"mode | translate\"\r\n     [style.backgroundColor]='modeColor' *ngIf=modeIcon>{{modeIcon}}</i>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AvatarComponent, deps: [{ token: i1.HubService }, { token: i0.ChangeDetectorRef }, { token: i2.ChatInfo }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: AvatarComponent, selector: "bizdoc-avatar", inputs: { person: "person", interactive: "interactive", dense: "dense" }, host: { listeners: { "click": "chat()" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"avatar mat-elevation-z3\" [class.dense]=dense [class.interactive]=interactive\r\n     [style.backgroundColor]='color' [style.borderColor]='borderColor' [style.backgroundImage]='image'>\r\n  <div class=\"initials\">{{initials}}</div>\r\n  <i class=\"material-icons filled mode\" [bizdocTooltip]=\"mode | translate\"\r\n     [style.backgroundColor]='modeColor' *ngIf=modeIcon>{{modeIcon}}</i>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: AvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AvatarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-avatar', template: "<div class=\"avatar mat-elevation-z3\" [class.dense]=dense [class.interactive]=interactive\r\n     [style.backgroundColor]='color' [style.borderColor]='borderColor' [style.backgroundImage]='image'>\r\n  <div class=\"initials\">{{initials}}</div>\r\n  <i class=\"material-icons filled mode\" [bizdocTooltip]=\"mode | translate\"\r\n     [style.backgroundColor]='modeColor' *ngIf=modeIcon>{{modeIcon}}</i>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return [{ type: i1.HubService }, { type: i0.ChangeDetectorRef }, { type: i2.ChatInfo }]; }, propDecorators: { person: [{

package/esm2022/lib/core/checkbox.mjs

@@ -7,21 +7,21 @@ export class CheckboxComponent {
     constructor() {
         this.icon = 'checkbox';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: CheckboxComponent, selector: "bizdoc-checkbox", inputs: { checked: "checked", color: "color", icon: "icon" }, host: { classAttribute: "field" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CheckboxComponent, selector: "bizdoc-checkbox", inputs: { checked: "checked", color: "color", icon: "icon" }, host: { classAttribute: "field" }, ngImport: i0, template: `
       <div *ngIf="checked" class="container">
         <mat-icon [color]="color">{{icon == 'checkbox' ? 'check_box' : 'toggle_on'}}</mat-icon>
-        <span class="mat-body-1">
+        <span class="mat-mdc-body-1">
           <ng-content></ng-content>
         </span>
       </div>`, isInline: true, styles: [".container{display:flex;align-items:center}.container *{align-self:center}.container :last-child{padding-left:5px;padding-right:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: CheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-checkbox', template: `
       <div *ngIf="checked" class="container">
         <mat-icon [color]="color">{{icon == 'checkbox' ? 'check_box' : 'toggle_on'}}</mat-icon>
-        <span class="mat-body-1">
+        <span class="mat-mdc-body-1">
           <ng-content></ng-content>
         </span>
       </div>`, host: { class: 'field' }, styles: [".container{display:flex;align-items:center}.container *{align-self:center}.container :last-child{padding-left:5px;padding-right:5px}\n"] }]
@@ -32,4 +32,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
             }], icon: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJyYXJpZXMvY29yZS9zcmMvbGliL2NvcmUvY2hlY2tib3gudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFFakQsTUFBTTtBQWFOLE1BQU0sT0FBTyxpQkFBaUI7SUFaOUI7UUFpQkUsU0FBSSxHQUEwQixVQUFVLENBQUM7S0FDMUM7OEdBTlksaUJBQWlCO2tHQUFqQixpQkFBaUIsd0pBVmxCOzs7Ozs7YUFNQzs7MkZBSUEsaUJBQWlCO2tCQVo3QixTQUFTOytCQUNFLGlCQUFpQixZQUNqQjs7Ozs7O2FBTUMsUUFDTCxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7OEJBS3hCLE9BQU87c0JBRE4sS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRU4sSUFBSTtzQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9jb3JlXCI7XHJcbi8qKiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2JpemRvYy1jaGVja2JveCcsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgICAgPGRpdiAqbmdJZj1cImNoZWNrZWRcIiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxtYXQtaWNvbiBbY29sb3JdPVwiY29sb3JcIj57e2ljb24gPT0gJ2NoZWNrYm94JyA/ICdjaGVja19ib3gnIDogJ3RvZ2dsZV9vbid9fTwvbWF0LWljb24+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJtYXQtYm9keS0xXCI+XHJcbiAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICA8L2Rpdj5gLFxyXG4gIGhvc3Q6IHsgY2xhc3M6ICdmaWVsZCcgfSxcclxuICBzdHlsZVVybHM6IFsnY2hlY2tib3guc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDaGVja2JveENvbXBvbmVudCB7XHJcbiAgQElucHV0KClcclxuICBjaGVja2VkOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGNvbG9yOiBUaGVtZVBhbGV0dGU7XHJcbiAgQElucHV0KClcclxuICBpY29uOiAnc3dpdGNoJyB8ICdjaGVja2JveCcgPSAnY2hlY2tib3gnO1xyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJyYXJpZXMvY29yZS9zcmMvbGliL2NvcmUvY2hlY2tib3gudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFFakQsTUFBTTtBQWFOLE1BQU0sT0FBTyxpQkFBaUI7SUFaOUI7UUFpQkUsU0FBSSxHQUEwQixVQUFVLENBQUM7S0FDMUM7OEdBTlksaUJBQWlCO2tHQUFqQixpQkFBaUIsd0pBVmxCOzs7Ozs7YUFNQzs7MkZBSUEsaUJBQWlCO2tCQVo3QixTQUFTOytCQUNFLGlCQUFpQixZQUNqQjs7Ozs7O2FBTUMsUUFDTCxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7OEJBS3hCLE9BQU87c0JBRE4sS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRU4sSUFBSTtzQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9jb3JlXCI7XHJcbi8qKiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2JpemRvYy1jaGVja2JveCcsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgICAgPGRpdiAqbmdJZj1cImNoZWNrZWRcIiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxtYXQtaWNvbiBbY29sb3JdPVwiY29sb3JcIj57e2ljb24gPT0gJ2NoZWNrYm94JyA/ICdjaGVja19ib3gnIDogJ3RvZ2dsZV9vbid9fTwvbWF0LWljb24+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJtYXQtbWRjLWJvZHktMVwiPlxyXG4gICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgPC9kaXY+YCxcclxuICBob3N0OiB7IGNsYXNzOiAnZmllbGQnIH0sXHJcbiAgc3R5bGVVcmxzOiBbJ2NoZWNrYm94LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2hlY2tib3hDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpXHJcbiAgY2hlY2tlZDogYm9vbGVhbjtcclxuICBASW5wdXQoKSBjb2xvcjogVGhlbWVQYWxldHRlO1xyXG4gIEBJbnB1dCgpXHJcbiAgaWNvbjogJ3N3aXRjaCcgfCAnY2hlY2tib3gnID0gJ2NoZWNrYm94JztcclxufVxyXG4iXX0=

package/esm2022/lib/core/component-factory-resolver.mjs

@@ -39,10 +39,10 @@ export class BizDocComponentFactoryResolver {
             throw (`No component registered using @BizDoc({selector: '${componentSelector}'}).`);
         return comp;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: BizDocComponentFactoryResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: BizDocComponentFactoryResolver }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: BizDocComponentFactoryResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: BizDocComponentFactoryResolver }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: BizDocComponentFactoryResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: BizDocComponentFactoryResolver, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LWZhY3RvcnktcmVzb2x2ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJyYXJpZXMvY29yZS9zcmMvbGliL2NvcmUvY29tcG9uZW50LWZhY3RvcnktcmVzb2x2ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBNkIsTUFBTSxlQUFlLENBQUM7QUFDdEUsT0FBTyxFQUFpQixRQUFRLEVBQUUsTUFBTSxjQUFjLENBQUM7O0FBRXZELE1BQU0sVUFBVSxrQkFBa0IsQ0FBQyxVQUFpQjtJQUNsRCxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0FBQ3ZELENBQUM7QUFFRDs7Ozs7R0FLRztBQUNILFNBQVMsZUFBZSxDQUFJLGFBQXdCLEVBQUUsYUFBc0I7SUFDMUUsOENBQThDO0lBQzlDLE9BQU8sT0FBTyxDQUFDLHdCQUF3QixDQUFDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxVQUFlLEVBQUUsRUFBRTtJQUN2RyxvREFBb0Q7SUFDcEQsVUFBVSxZQUFZLGFBQWEsQ0FDcEMsQ0FBQztBQUNKLENBQUM7QUFFYSxNQUFNLE9BQU8sOEJBQThCO0lBQ3ZEO1FBR0YsYUFBYTtRQUNYLG9DQUFvQztRQUNsQyxtREFBbUQ7UUFDL0MseUVBQXlFO1FBQ3pFLDBEQUEwRDtRQUMxRCxxREFBcUQ7UUFDckQsS0FBSztRQUNMLDJEQUEyRDtRQUUzRCxrREFBa0Q7UUFDbEQsa0NBQWtDO1FBQ25DLGlFQUFpRTtRQUNuRSxNQUFNO1FBQ1AsK0VBQStFO1FBQy9FLGNBQWM7SUFDaEIsQ0FBQztJQUNNLFNBQVMsQ0FBQyxpQkFBeUI7UUFDeEMsTUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDekMsSUFBSSxDQUFDLElBQUk7WUFDUCxNQUFNLENBQUMscURBQXFELGlCQUFpQixNQUFNLENBQUMsQ0FBQztRQUN2RixPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7OEdBekJ3Qiw4QkFBOEI7a0hBQTlCLDhCQUE4Qjs7MkZBQTlCLDhCQUE4QjtrQkFBeEQsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFwcGxpY2F0aW9uUmVmLCByZWZsZWN0Q29tcG9uZW50VHlwZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IEluamVjdGFibGUsIFR5cGUsIE5nTW9kdWxlLCBDb21wb25lbnQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBDb21wb25lbnRUeXBlLCBSRUdJU1RSWSB9IGZyb20gJy4vZGVjb3JhdG9ycyc7XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gcmVnaXN0ZXJDb21wb25lbnRzKGNvbXBvbmVudHM6IGFueVtdKSB7XHJcbiAgY29tcG9uZW50cy5mb3JFYWNoKGMgPT4gUkVHSVNUUllbY1snX19iaXpkb2MnXV0gPSBjKTtcclxufVxyXG5cclxuLyoqXHJcbiAqIGdldHMgYSBkZWNvcmF0b3Igb2YgdGhlIHJlcXVlc3RlZCB0eXBlIG9mZiBvZiB0aGUgZ2l2ZW4gZGVjb3JhdGVkIHR5cGVcclxuICogQHBhcmFtIGRlY29yYXRlZFR5cGUgdG8gZ2V0IGRlY29yYXRvciBhbm5vdGF0aW9ucyBvZmYgb2ZcclxuICogQHBhcmFtIGRlY29yYXRvclR5cGUgdG8gc2VhcmNoIGZvciBvdXQgb2YgYWxsIHRoZSBkZWNvcmF0b3JzIG9uIGRlY29yYXRlZFR5cGVcclxuICogQHJldHVybnMgZGVjb3JhdG9yIGZyb20gdGhlIGRlY29yYXRlZFR5cGUgb2YgdGhlIGRlY29yYXRvclR5cGVcclxuICovXHJcbmZ1bmN0aW9uIGRlY29yYXRvck9mVHlwZTxUPihkZWNvcmF0ZWRUeXBlOiBUeXBlPGFueT4sIGRlY29yYXRvclR5cGU6IFR5cGU8VD4pOiBUIHtcclxuICAvLyBnZXQgYWxsIGRlY29yYXRvcnMgb2ZmIG9mIHRoZSBwcm92aWRlZCB0eXBlXHJcbiAgcmV0dXJuIFJlZmxlY3QuZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yKGRlY29yYXRlZFR5cGUsICdfX2Fubm90YXRpb25zX18nKS52YWx1ZS5maW5kKChhbm5vdGF0aW9uOiBhbnkpID0+XHJcbiAgICAvLyBnZXQgdGhlIGRlY29yYXRvciB0aGF0IG1hdGNoZXMgdGhlIHJlcXVlc3RlZCB0eXBlXHJcbiAgICBhbm5vdGF0aW9uIGluc3RhbmNlb2YgZGVjb3JhdG9yVHlwZVxyXG4gICk7XHJcbn1cclxuXHJcbkBJbmplY3RhYmxlKCkgZXhwb3J0IGNsYXNzIEJpekRvY0NvbXBvbmVudEZhY3RvcnlSZXNvbHZlciB7XHJcbiAgY29uc3RydWN0b3IoXHJcbi8vICAgIF9hcHBSZWY6IEFwcGxpY2F0aW9uUmVmLFxyXG4gICkge1xyXG4vLyAgICBfYXBwUmVmXHJcbiAgLy8gICAgLmNvbXBvbmVudFR5cGVzLmZvckVhY2godCA9PiB7XHJcbiAgICAvLyAgICBjb25zdCB7IHNlbGVjdG9yIH0gPSByZWZsZWN0Q29tcG9uZW50VHlwZSh0KTtcclxuICAgICAgICAvL3ZhciBhbm5vdGF0aW9ucyA9IFJlZmxlY3QuZ2V0TWV0YWRhdGEoJ2Fubm90YXRpb25zJywgdGhpcy5jb25zdHJ1Y3Rvcik7XHJcbiAgICAgICAgLy92YXIgY29tcG9uZW50TWV0YWRhdGEgPSBhbm5vdGF0aW9ucy5maW5kKGFubm90YXRpb24gPT4ge1xyXG4gICAgICAgIC8vICByZXR1cm4gKGFubm90YXRpb24gaW5zdGFuY2VvZiBDb21wb25lbnRNZXRhZGF0YSk7XHJcbiAgICAgICAgLy99KTtcclxuICAgICAgICAvL3ZhciBzZWxlY3RvciA9IGNvbXBvbmVudE1ldGFkYXRhLnNlbGVjdG9yIC8vIG15LWNvbXBvbmVudFxyXG5cclxuICAgICAgICAvLyAgICBjb25zdCB0eXBlID0gdFsnX19iaXpkb2MnXSBhcyBDb21wb25lbnRUeXBlO1xyXG4gICAgICAgIC8vICAgIFJFR0lTVFJZW3R5cGUuc2VsZWN0b3JdID0gdDtcclxuICAgICAgIC8vIGNvbnNvbGUuaW5mbyhgJHt0Lm5hbWV9ICR7c2VsZWN0b3J9YCkvL1JFR0lTVFJZW3NlbGVjdG9yXSA9IHQ7XHJcbiAgICAgLy8gfSk7XHJcbiAgICAvL3RoaXMuX2ZhY3RvcmllcyA9IEFycmF5LmZyb20oX2NvbXBvbmVudEZhY3RvcnlSZXNvbHZlclsnX2ZhY3RvcmllcyddLmtleXMoKSk7XHJcbiAgICAvLyAgICBfYXBwUmVmLlxyXG4gIH1cclxuICBwdWJsaWMgY29tcG9uZW50KGNvbXBvbmVudFNlbGVjdG9yOiBzdHJpbmcpIHtcclxuICAgIGNvbnN0IGNvbXAgPSBSRUdJU1RSWVtjb21wb25lbnRTZWxlY3Rvcl07XHJcbiAgICBpZiAoIWNvbXApXHJcbiAgICAgIHRocm93IChgTm8gY29tcG9uZW50IHJlZ2lzdGVyZWQgdXNpbmcgQEJpekRvYyh7c2VsZWN0b3I6ICcke2NvbXBvbmVudFNlbGVjdG9yfSd9KS5gKTtcclxuICAgIHJldHVybiBjb21wO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2022/lib/core/datasource.service.mjs

@@ -65,10 +65,10 @@ export class DatasourceService {
     all(type, queryParams) {
         return this.map(type, queryParams).pipe(map(mapToArray));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DatasourceService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DatasourceService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: DatasourceService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: DatasourceService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DatasourceService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: DatasourceService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });

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

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

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

@@ -18,8 +18,8 @@ export let AddressField = class AddressField {
     ngOnInit() {
         this.required && this.control.addValidators(Validators.required);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: AddressField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: AddressField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: AddressInput, descendants: true }], ngImport: i0, template: `<mat-form-field [appearance]=appearance *ngIf="mode==='compose';else view">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AddressField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: AddressField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: AddressInput, descendants: true }], ngImport: i0, template: `<mat-form-field [appearance]=appearance *ngIf="mode==='compose';else view">
   <mat-label>{{label|localizedString}}</mat-label>
   <mat-hint *ngIf="hint"> {{ hint |localizedString}}</mat-hint>
     <bizdoc-address [formControl]=control [placeholder]="placeholder|localizedString"></bizdoc-address>
@@ -33,7 +33,7 @@ export let AddressField = class AddressField {
 AddressField = __decorate([
     BizDoc({ selector: 'address-control' })
 ], AddressField);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: AddressField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AddressField, decorators: [{
             type: Component,
             args: [{
                     template: `<mat-form-field [appearance]=appearance *ngIf="mode==='compose';else view">

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

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

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

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

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

@@ -19,13 +19,13 @@ export let CheckboxField = class CheckboxField {
     ngOnInit() {
         this.required && this.control.addValidators(Validators.requiredTrue);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: CheckboxField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: CheckboxField, selector: "ng-component", viewQueries: [{ propertyName: "input", first: true, predicate: MatCheckbox, descendants: true }], ngImport: i0, template: "<div *ngIf=\"mode==='compose';else view\">\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-checkbox [formControl]=control> {{ label |localizedString}}</mat-checkbox>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:(label||name)\"></mat-error>\r\n</div>\r\n<ng-template #view>\r\n  <bizdoc-checkbox [checked]=\"control.value\">{{label|localizedString}}</bizdoc-checkbox>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5.CheckboxComponent, selector: "bizdoc-checkbox", inputs: ["checked", "color", "icon"] }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CheckboxField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CheckboxField, selector: "ng-component", viewQueries: [{ propertyName: "input", first: true, predicate: MatCheckbox, descendants: true }], ngImport: i0, template: "<div *ngIf=\"mode==='compose';else view\">\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-checkbox [formControl]=control> {{ label |localizedString}}</mat-checkbox>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:(label||name)\"></mat-error>\r\n</div>\r\n<ng-template #view>\r\n  <bizdoc-checkbox [checked]=\"control.value\">{{label|localizedString}}</bizdoc-checkbox>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5.CheckboxComponent, selector: "bizdoc-checkbox", inputs: ["checked", "color", "icon"] }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
 };
 CheckboxField = __decorate([
     BizDoc({ selector: 'checkbox-control' })
 ], CheckboxField);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: CheckboxField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CheckboxField, decorators: [{
             type: Component,
             args: [{ template: "<div *ngIf=\"mode==='compose';else view\">\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-checkbox [formControl]=control> {{ label |localizedString}}</mat-checkbox>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:(label||name)\"></mat-error>\r\n</div>\r\n<ng-template #view>\r\n  <bizdoc-checkbox [checked]=\"control.value\">{{label|localizedString}}</bizdoc-checkbox>\r\n</ng-template>\r\n" }]
         }], propDecorators: { input: [{

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

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

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

@@ -18,13 +18,13 @@ export let ChecklistField = class ChecklistField extends OptionsControlField {
         this.multiple = true;
     }
     focus() { this.input.focus(); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: ChecklistField, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: ChecklistField, selector: "ng-component", inputs: { params: "params" }, host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatSelectionList, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"mode==='compose';else view\">\r\n  <mat-label *ngIf=\"label\">{{label |localizedString}}</mat-label>\r\n  <mat-selection-list [formControl]=\"control\" [multiple]=\"multiple\">\r\n    <mat-list-option *ngFor=\"let o of options\" [value]=\"o.key\">{{o.value|localizedString}}</mat-list-option>\r\n  </mat-selection-list>\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:((label|localizedString)||'')\"></mat-error>\r\n</div>\r\n<ng-template #view>\r\n  <ng-container *ngIf=\"control.value\">\r\n    <ng-container *ngFor=\"let o of control.value; index as index\">\r\n      <ng-container *ngIf=\"index>0\">,&nbsp;</ng-container>\r\n      {{optionOf(o)|localizedString}}\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i3.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { 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: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ChecklistField, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: ChecklistField, selector: "ng-component", inputs: { params: "params" }, host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatSelectionList, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"mode==='compose';else view\">\r\n  <mat-label *ngIf=\"label\">{{label |localizedString}}</mat-label>\r\n  <mat-selection-list [formControl]=\"control\" [multiple]=\"multiple\">\r\n    <mat-list-option *ngFor=\"let o of options\" [value]=\"o.key\">{{o.value|localizedString}}</mat-list-option>\r\n  </mat-selection-list>\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:((label|localizedString)||'')\"></mat-error>\r\n</div>\r\n<ng-template #view>\r\n  <ng-container *ngIf=\"control.value\">\r\n    <ng-container *ngFor=\"let o of control.value; index as index\">\r\n      <ng-container *ngIf=\"index>0\">,&nbsp;</ng-container>\r\n      {{optionOf(o)|localizedString}}\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i3.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { 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: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 };
 ChecklistField = __decorate([
     BizDoc({ selector: 'checklist-control' })
 ], ChecklistField);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: ChecklistField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ChecklistField, decorators: [{
             type: Component,
             args: [{ host: { class: 'field' }, template: "<div *ngIf=\"mode==='compose';else view\">\r\n  <mat-label *ngIf=\"label\">{{label |localizedString}}</mat-label>\r\n  <mat-selection-list [formControl]=\"control\" [multiple]=\"multiple\">\r\n    <mat-list-option *ngFor=\"let o of options\" [value]=\"o.key\">{{o.value|localizedString}}</mat-list-option>\r\n  </mat-selection-list>\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:((label|localizedString)||'')\"></mat-error>\r\n</div>\r\n<ng-template #view>\r\n  <ng-container *ngIf=\"control.value\">\r\n    <ng-container *ngFor=\"let o of control.value; index as index\">\r\n      <ng-container *ngIf=\"index>0\">,&nbsp;</ng-container>\r\n      {{optionOf(o)|localizedString}}\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n" }]
         }], propDecorators: { params: [{

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -19,13 +19,13 @@ export let FileField = class FileField {
     ngOnInit() {
         this.required && this.control.addValidators(Validators.required);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FileField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: FileField, selector: "ng-component", viewQueries: [{ propertyName: "input", first: true, predicate: FileInput, descendants: true }], ngImport: i0, template: "<div [appearance]=appearance *ngIf=\"mode==='compose';else view\">\r\n  <mat-label>{{label |localizedString}}</mat-label>\r\n  <bizdoc-file-upload [formControl]=control [placeholder]=\"placeholder|localizedString\"\r\n                      [required]=\"required\" [multiple]=\"multiple\"></bizdoc-file-upload>\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\r\n</div>\r\n<ng-template #view>\r\n  <span>\r\n  </span>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "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.FileInput, selector: "bizdoc-file-upload", inputs: ["multiple", "accept", "icon", "value", "placeholder", "required", "disabled"] }, { kind: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: FileField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: FileField, selector: "ng-component", viewQueries: [{ propertyName: "input", first: true, predicate: FileInput, descendants: true }], ngImport: i0, template: "<div [appearance]=appearance *ngIf=\"mode==='compose';else view\">\r\n  <mat-label>{{label |localizedString}}</mat-label>\r\n  <bizdoc-file-upload [formControl]=control [placeholder]=\"placeholder|localizedString\"\r\n                      [required]=\"required\" [multiple]=\"multiple\"></bizdoc-file-upload>\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\r\n</div>\r\n<ng-template #view>\r\n  <span>\r\n  </span>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "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.FileInput, selector: "bizdoc-file-upload", inputs: ["multiple", "accept", "icon", "value", "placeholder", "required", "disabled"] }, { kind: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 };
 FileField = __decorate([
     BizDoc({ selector: 'file-control' })
 ], FileField);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FileField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: FileField, decorators: [{
             type: Component,
             args: [{ template: "<div [appearance]=appearance *ngIf=\"mode==='compose';else view\">\r\n  <mat-label>{{label |localizedString}}</mat-label>\r\n  <bizdoc-file-upload [formControl]=control [placeholder]=\"placeholder|localizedString\"\r\n                      [required]=\"required\" [multiple]=\"multiple\"></bizdoc-file-upload>\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\r\n</div>\r\n<ng-template #view>\r\n  <span>\r\n  </span>\r\n</ng-template>\r\n" }]
         }], propDecorators: { input: [{

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

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