@bizdoc/core 2.2.2 → 2.3.4

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

@@ -20,14 +20,14 @@ let SelectField = class SelectField extends OptionsControlField {
     focus() {
         this.select.focus();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: SelectField, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: SelectField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "select", first: true, predicate: MatSelect, descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=appearance *ngIf=\"mode==='compose';else view\">\r\n  <mat-label>{{label |localizedString}}</mat-label>\r\n  <mat-select [placeholder]=\"placeholder\" [formControl]=control\r\n              [required]=\"required\" [multiple]=\"multiple\">\r\n    <mat-option *ngFor=\"let o of options\" [value]=\"o.key\">{{o.value}}</mat-option>\r\n  </mat-select>\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\" [ngSwitch]=\"multiple\">\r\n    <ng-container *ngSwitchCase=\"true\">\r\n      <ng-container *ngFor=\"let o of control.value; index as index\">\r\n        {{optionOf(o)|localizedString}}\r\n        <ng-container *ngIf=\"index>0\">,&nbsp;</ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      {{optionOf(control.value)|localizedString}}\r\n    </ng-container>\r\n  </span>\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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "aria-describedby", "panelClass", "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: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: SelectField, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: SelectField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "select", first: true, predicate: MatSelect, descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=appearance *ngIf=\"mode==='compose';else view\">\r\n  <mat-label>{{label |localizedString}}</mat-label>\r\n  <mat-select [placeholder]=\"placeholder\" [formControl]=control\r\n              [required]=\"required\" [multiple]=\"multiple\">\r\n    <mat-option *ngFor=\"let o of options\" [value]=\"o.key\">{{o.value}}</mat-option>\r\n  </mat-select>\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\" [ngSwitch]=\"multiple\">\r\n    <ng-container *ngSwitchCase=\"true\">\r\n      <ng-container *ngFor=\"let o of control.value; index as index\">\r\n        {{optionOf(o)|localizedString}}\r\n        <ng-container *ngIf=\"index>0\">,&nbsp;</ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      {{optionOf(control.value)|localizedString}}\r\n    </ng-container>\r\n  </span>\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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "aria-describedby", "panelClass", "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: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
 };
 SelectField = __decorate([
     BizDoc({ selector: 'select-control' })
 ], SelectField);
 export { SelectField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: SelectField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: SelectField, 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  <mat-select [placeholder]=\"placeholder\" [formControl]=control\r\n              [required]=\"required\" [multiple]=\"multiple\">\r\n    <mat-option *ngFor=\"let o of options\" [value]=\"o.key\">{{o.value}}</mat-option>\r\n  </mat-select>\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\" [ngSwitch]=\"multiple\">\r\n    <ng-container *ngSwitchCase=\"true\">\r\n      <ng-container *ngFor=\"let o of control.value; index as index\">\r\n        {{optionOf(o)|localizedString}}\r\n        <ng-container *ngIf=\"index>0\">,&nbsp;</ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      {{optionOf(control.value)|localizedString}}\r\n    </ng-container>\r\n  </span>\r\n</ng-template>\r\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: "17.0.2", ngImport: i0, type: SignatureControlDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: SignatureControlDesigner, selector: "ng-component", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: SignatureControlDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", 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: "17.0.2", ngImport: i0, type: SignatureControlDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: SignatureControlDesigner, decorators: [{
             type: Component,
             args: [{
                     template: `

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

@@ -36,14 +36,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: "17.0.2", ngImport: i0, type: SignatureField, deps: [{ token: i1.SessionService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: SignatureField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["signature"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"mode==='compose';else view\" class=\"column signature-pad\">\r\n  <mat-label>{{label |localizedString}}</mat-label>\r\n  <canvas ejs-signature #signature id=\"signature\" (created)=\"created()\" (change)=\"change($event)\" [strokeColor]=\"strokeColor\"></canvas>\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 class=\"tools\">\r\n    <button mat-icon-button (click)=\"clear()\" [bizdocTooltip]=\"'Clear'|translate\" [disabled]=\"!control.value\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n  </div>\r\n</div>\r\n<ng-template #view>\r\n  <img [src]=\"src\" />\r\n</ng-template>\r\n", styles: [".signature-pad{position:relative}.tools{position:absolute;left:0;bottom:0}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.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: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { 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: "pipe", type: i9.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: SignatureField, deps: [{ token: i1.SessionService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: SignatureField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["signature"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"mode==='compose';else view\" class=\"column signature-pad\">\r\n  <mat-label>{{label |localizedString}}</mat-label>\r\n  <canvas ejs-signature #signature id=\"signature\" (created)=\"created()\" (change)=\"change($event)\" [strokeColor]=\"strokeColor\"></canvas>\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 class=\"tools\">\r\n    <button mat-icon-button (click)=\"clear()\" [bizdocTooltip]=\"'Clear'|translate\" [disabled]=\"!control.value\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n  </div>\r\n</div>\r\n<ng-template #view>\r\n  <img [src]=\"src\" />\r\n</ng-template>\r\n", styles: [".signature-pad{position:relative}.tools{position:absolute;left:0;bottom:0}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.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: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { 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: "pipe", type: i9.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
 };
 SignatureField = __decorate([
     BizDoc({ selector: 'signature-control' })
 ], SignatureField);
 export { SignatureField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: SignatureField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: SignatureField, decorators: [{
             type: Component,
             args: [{ host: { class: 'field' }, template: "<div *ngIf=\"mode==='compose';else view\" class=\"column signature-pad\">\r\n  <mat-label>{{label |localizedString}}</mat-label>\r\n  <canvas ejs-signature #signature id=\"signature\" (created)=\"created()\" (change)=\"change($event)\" [strokeColor]=\"strokeColor\"></canvas>\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 class=\"tools\">\r\n    <button mat-icon-button (click)=\"clear()\" [bizdocTooltip]=\"'Clear'|translate\" [disabled]=\"!control.value\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n  </div>\r\n</div>\r\n<ng-template #view>\r\n  <img [src]=\"src\" />\r\n</ng-template>\r\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

@@ -19,14 +19,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: "17.0.2", ngImport: i0, type: SwitchField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: SwitchField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatSlideToggle, descendants: true }], ngImport: i0, template: "<div *ngIf=\"mode === 'compose'; else view\">\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-slide-toggle [formControl]=control> {{ label |localizedString }}</mat-slide-toggle>\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  <mat-slide-toggle [formControl]=control> {{ label |localizedString }}</mat-slide-toggle>\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.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: SwitchField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: SwitchField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatSlideToggle, descendants: true }], ngImport: i0, template: "<div *ngIf=\"mode === 'compose'; else view\">\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-slide-toggle [formControl]=control> {{ label |localizedString }}</mat-slide-toggle>\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  <mat-slide-toggle [formControl]=control> {{ label |localizedString }}</mat-slide-toggle>\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.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 };
 SwitchField = __decorate([
     BizDoc({ selector: 'switch-control' })
 ], SwitchField);
 export { SwitchField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: SwitchField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: SwitchField, decorators: [{
             type: Component,
             args: [{ host: { class: 'field' }, template: "<div *ngIf=\"mode === 'compose'; else view\">\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-slide-toggle [formControl]=control> {{ label |localizedString }}</mat-slide-toggle>\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  <mat-slide-toggle [formControl]=control> {{ label |localizedString }}</mat-slide-toggle>\r\n</ng-template>\r\n" }]
         }], propDecorators: { input: [{

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

@@ -0,0 +1,28 @@
+import { __decorate } from "tslib";
+import { Component } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { BizDoc } from '../decorators';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "../../admin/core/localized-string.component";
+import * as i3 from "../pipes/translate.pipe";
+let TagsControlDesigner = class TagsControlDesigner {
+    constructor() {
+        this.form = new FormGroup({});
+    }
+    ngOnInit() {
+    }
+    onBind(model) {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TagsControlDesigner, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", 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: "17.0.7", 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" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFncy5kZXNpZ25lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb3JlL3NyYy9saWIvY29yZS9maWVsZHMvdGFncy5kZXNpZ25lci50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb3JlL3NyYy9saWIvY29yZS9maWVsZHMvdGFncy5kZXNpZ25lci5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVFoQyxJQUFNLG1CQUFtQixHQUF6QixNQUFNLG1CQUFtQjtJQUF6QjtRQUdNLFNBQUksR0FBRyxJQUFJLFNBQVMsQ0FBTSxFQUFFLENBQUMsQ0FBQztLQUcxQztJQUxHLFFBQVE7SUFDUixDQUFDO0lBRUQsTUFBTSxDQUFFLEtBQVU7SUFDbEIsQ0FBQzs4R0FMUSxtQkFBbUI7a0dBQW5CLG1CQUFtQiw0RENYaEMsaVhBTUE7O0FES2EsbUJBQW1CO0lBRC9CLE1BQU0sQ0FBQyxFQUFFLFFBQVEsRUFBRSx1QkFBdUIsRUFBRSxDQUFDO0dBQ2pDLG1CQUFtQixDQU0vQjs7MkZBTlksbUJBQW1CO2tCQUwvQixTQUFTOytCQUNJLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgQ29udHJvbERlc2lnbmVyIH0gZnJvbSAnLi4vYmFzZSc7XHJcbmltcG9ydCB7IEJpekRvYyB9IGZyb20gJy4uL2RlY29yYXRvcnMnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdiaXpkb2MtdGFncy1kZXNpZ25lcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJ3RhZ3MuZGVzaWduZXIuaHRtbCdcclxufSlcclxuQEJpekRvYyh7IHNlbGVjdG9yOiAndGFncy1jb250cm9sLWRlc2lnbmVyJyB9KVxyXG5leHBvcnQgY2xhc3MgVGFnc0NvbnRyb2xEZXNpZ25lciBpbXBsZW1lbnRzIENvbnRyb2xEZXNpZ25lcjxhbnk+LCBPbkluaXQge1xyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB9XHJcbiAgICByZWFkb25seSBmb3JtID0gbmV3IEZvcm1Hcm91cDxhbnk+KHt9KTtcclxuICAgIG9uQmluZD8obW9kZWw6IGFueSkge1xyXG4gICAgfVxyXG59XHJcbiIsIjxmb3JtIGF1dG9jb21wbGV0ZT1cIm9mZlwiIFtmb3JtR3JvdXBdPVwiZm9ybVwiIGNsYXNzPVwiY29sdW1uXCI+XHJcbiAgPGJpemRvYy1sb2NhbGl6ZWQtc3RyaW5nIFtwbGFjZWhvbGRlcl09XCInTGFiZWwnfHRyYW5zbGF0ZVwiIGZvcm1Db250cm9sTmFtZT1cImxhYmVsXCI+PC9iaXpkb2MtbG9jYWxpemVkLXN0cmluZz5cclxuICA8Yml6ZG9jLWxvY2FsaXplZC1zdHJpbmcgW3BsYWNlaG9sZGVyXT1cIidQbGFjZWhvbGRlcid8dHJhbnNsYXRlXCIgZm9ybUNvbnRyb2xOYW1lPVwicGxhY2Vob2xkZXJcIj48L2JpemRvYy1sb2NhbGl6ZWQtc3RyaW5nPlxyXG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cclxuICA8L2Rpdj5cclxuPC9mb3JtPlxyXG4iXX0=

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

@@ -0,0 +1,53 @@
+import { __decorate } from "tslib";
+import { Component, ViewChild } from '@angular/core';
+import { FormControl, Validators } from '@angular/forms';
+import { MatInput } from '@angular/material/input';
+import { BizDoc } from '../decorators';
+import { COMMA, ENTER, SEMICOLON } from '@angular/cdk/keycodes';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/chips";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "../pipes/localized-string.pipe";
+import * as i7 from "../pipes/translate.pipe";
+let ChipsField = class ChipsField {
+    constructor() {
+        this.separatorKeysCodes = [ENTER, COMMA, SEMICOLON];
+        this.control = new FormControl();
+        this._tags = new FormControl();
+    }
+    ngOnInit() {
+        this.required && this.control.addValidators(Validators.required);
+    }
+    focus() { this.input.focus(); }
+    addTag(event) {
+        const { chipInput, value } = event;
+        if (value) {
+            if (!this.tags)
+                this.tags = [];
+            this.tags.push(value);
+            this._tags.setValue(this.tags);
+        }
+        chipInput?.clear();
+    }
+    removeTag(name) {
+        this.tags.remove(name);
+        this._tags.setValue(this.tags.length ? this.tags : null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ChipsField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ChipsField, 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\" class=\"flex\">\r\n  <mat-label>{{label |localizedString}}</mat-label>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:(label||name)\"></mat-error>\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-chip-grid #chips\r\n                 formControlName=\"control\"\r\n                 [attr.aria-label]=\"label\">\r\n    <mat-chip-row *ngFor=\"let t of (control.value || [])\"\r\n                  removable (removed)=\"removeTag(t)\">\r\n      {{t}}\r\n      <mat-icon matChipRemove>cancel</mat-icon>\r\n    </mat-chip-row>\r\n    <input [matChipInputFor]=\"chips\" #chipsInput\r\n           [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n           [matChipInputAddOnBlur]=\"true\"\r\n           (matChipInputTokenEnd)=\"addTag($event)\">\r\n  </mat-chip-grid>\r\n</mat-form-field>\r\n<ng-template #view>\r\n  <p [innerHTML]=\"control.value\"></p>\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.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatChipGrid, selector: "mat-chip-grid", inputs: ["tabIndex", "disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i3.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["color", "disabled", "disableRipple", "tabIndex", "editable"], outputs: ["edited"] }, { 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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+};
+ChipsField = __decorate([
+    BizDoc({ selector: 'tags-control' })
+], ChipsField);
+export { ChipsField };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ChipsField, decorators: [{
+            type: Component,
+            args: [{ host: { class: 'field' }, template: "<mat-form-field [appearance]=appearance *ngIf=\"mode==='compose';else view\" class=\"flex\">\r\n  <mat-label>{{label |localizedString}}</mat-label>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:(label||name)\"></mat-error>\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-chip-grid #chips\r\n                 formControlName=\"control\"\r\n                 [attr.aria-label]=\"label\">\r\n    <mat-chip-row *ngFor=\"let t of (control.value || [])\"\r\n                  removable (removed)=\"removeTag(t)\">\r\n      {{t}}\r\n      <mat-icon matChipRemove>cancel</mat-icon>\r\n    </mat-chip-row>\r\n    <input [matChipInputFor]=\"chips\" #chipsInput\r\n           [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n           [matChipInputAddOnBlur]=\"true\"\r\n           (matChipInputTokenEnd)=\"addTag($event)\">\r\n  </mat-chip-grid>\r\n</mat-form-field>\r\n<ng-template #view>\r\n  <p [innerHTML]=\"control.value\"></p>\r\n</ng-template>\r\n" }]
+        }], propDecorators: { input: [{
+                type: ViewChild,
+                args: [MatInput]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFncy5maWVsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb3JlL3NyYy9saWIvY29yZS9maWVsZHMvdGFncy5maWVsZC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb3JlL3NyYy9saWIvY29yZS9maWVsZHMvdGFncy5maWVsZC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXpELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVuRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZDLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7Ozs7Ozs7QUFPekQsSUFBTSxVQUFVLEdBQWhCLE1BQU0sVUFBVTtJQUFoQjtRQUNJLHVCQUFrQixHQUFhLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxTQUFTLENBQUMsQ0FBQztRQU96RCxZQUFPLEdBQUcsSUFBSSxXQUFXLEVBQUUsQ0FBQztRQUM1QixVQUFLLEdBQUcsSUFBSSxXQUFXLEVBQUUsQ0FBQztLQXFCcEM7SUFwQkMsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ25FLENBQUM7SUFFRCxLQUFLLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFFL0IsTUFBTSxDQUFDLEtBQXdCO1FBQzdCLE1BQU0sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEdBQUcsS0FBSyxDQUFDO1FBQ25DLElBQUksS0FBSyxFQUFFO1lBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJO2dCQUFFLElBQUksQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDO1lBQy9CLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUNoQztRQUVELFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBQ0QsU0FBUyxDQUFDLElBQVk7UUFDcEIsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNELENBQUM7OEdBN0JVLFVBQVU7a0dBQVYsVUFBVSw4SEFhVixRQUFRLGdEQzNCckIseWdDQXFCQTs7QURQYSxVQUFVO0lBRHBCLE1BQU0sQ0FBQyxFQUFFLFFBQVEsRUFBRSxjQUFjLEVBQUUsQ0FBQztHQUMxQixVQUFVLENBOEJ0Qjs7MkZBOUJZLFVBQVU7a0JBTHRCLFNBQVM7MkJBRUYsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFOzhCQWdCSCxLQUFLO3NCQUF6QixTQUFTO3VCQUFDLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1Db250cm9sLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBNYXRGb3JtRmllbGRBcHBlYXJhbmNlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XHJcbmltcG9ydCB7IE1hdElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xyXG5pbXBvcnQgeyBDb250cm9sQ29tcG9uZW50LCBWaWV3TW9kZSB9IGZyb20gJy4uL2Jhc2UnO1xyXG5pbXBvcnQgeyBCaXpEb2MgfSBmcm9tICcuLi9kZWNvcmF0b3JzJztcclxuaW1wb3J0IHsgTWF0Q2hpcElucHV0RXZlbnQgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jaGlwcyc7XHJcbmltcG9ydCB7IENPTU1BLCBFTlRFUiwgU0VNSUNPTE9OIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2tleWNvZGVzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHRlbXBsYXRlVXJsOiAndGFncy5maWVsZC5odG1sJyxcclxuICBob3N0OiB7IGNsYXNzOiAnZmllbGQnIH1cclxufSlcclxuICBAQml6RG9jKHsgc2VsZWN0b3I6ICd0YWdzLWNvbnRyb2wnIH0pXHJcbmV4cG9ydCBjbGFzcyBDaGlwc0ZpZWxkIGltcGxlbWVudHMgQ29udHJvbENvbXBvbmVudCwgT25Jbml0IHtcclxuICByZWFkb25seSBzZXBhcmF0b3JLZXlzQ29kZXM6IG51bWJlcltdID0gW0VOVEVSLCBDT01NQSwgU0VNSUNPTE9OXTtcclxuICBhcHBlYXJhbmNlOiBNYXRGb3JtRmllbGRBcHBlYXJhbmNlO1xyXG4gIG1vZGU6IFZpZXdNb2RlO1xyXG4gIGhpbnQ/OiBzdHJpbmc7XHJcbiAgbGFiZWw/OiBzdHJpbmc7XHJcbiAgcmVxdWlyZWQ/OiBib29sZWFuO1xyXG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xyXG4gIHJlYWRvbmx5IGNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woKTtcclxuICByZWFkb25seSBfdGFncyA9IG5ldyBGb3JtQ29udHJvbCgpO1xyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5yZXF1aXJlZCAmJiB0aGlzLmNvbnRyb2wuYWRkVmFsaWRhdG9ycyhWYWxpZGF0b3JzLnJlcXVpcmVkKTtcclxuICB9XHJcbiAgQFZpZXdDaGlsZChNYXRJbnB1dCkgaW5wdXQ6IE1hdElucHV0O1xyXG4gIGZvY3VzKCkgeyB0aGlzLmlucHV0LmZvY3VzKCk7IH1cclxuICB0YWdzOiBzdHJpbmdbXTtcclxuICBhZGRUYWcoZXZlbnQ6IE1hdENoaXBJbnB1dEV2ZW50KTogdm9pZCB7XHJcbiAgICBjb25zdCB7IGNoaXBJbnB1dCwgdmFsdWUgfSA9IGV2ZW50O1xyXG4gICAgaWYgKHZhbHVlKSB7XHJcbiAgICAgIGlmICghdGhpcy50YWdzKSB0aGlzLnRhZ3MgPSBbXTtcclxuICAgICAgdGhpcy50YWdzLnB1c2godmFsdWUpO1xyXG4gICAgICB0aGlzLl90YWdzLnNldFZhbHVlKHRoaXMudGFncyk7XHJcbiAgICB9XHJcblxyXG4gICAgY2hpcElucHV0Py5jbGVhcigpO1xyXG4gIH1cclxuICByZW1vdmVUYWcobmFtZTogc3RyaW5nKTogdm9pZCB7XHJcbiAgICB0aGlzLnRhZ3MucmVtb3ZlKG5hbWUpO1xyXG4gICAgdGhpcy5fdGFncy5zZXRWYWx1ZSh0aGlzLnRhZ3MubGVuZ3RoID8gdGhpcy50YWdzIDogbnVsbCk7XHJcbiAgfVxyXG59XHJcblxyXG4iLCI8bWF0LWZvcm0tZmllbGQgW2FwcGVhcmFuY2VdPWFwcGVhcmFuY2UgKm5nSWY9XCJtb2RlPT09J2NvbXBvc2UnO2Vsc2Ugdmlld1wiIGNsYXNzPVwiZmxleFwiPlxyXG4gIDxtYXQtbGFiZWw+e3tsYWJlbCB8bG9jYWxpemVkU3RyaW5nfX08L21hdC1sYWJlbD5cclxuICA8bWF0LWVycm9yICpuZ0lmPVwiY29udHJvbC5oYXNFcnJvcigncmVxdWlyZWQnKVwiIFtpbm5lckhUTUxdPVwiJ1JlcXVpcmVkRXJyJ3x0cmFuc2xhdGU6KGxhYmVsfHxuYW1lKVwiPjwvbWF0LWVycm9yPlxyXG4gIDxtYXQtaGludCAqbmdJZj1cImhpbnRcIj4ge3sgaGludCB8bG9jYWxpemVkU3RyaW5nfX08L21hdC1oaW50PlxyXG4gIDxtYXQtY2hpcC1ncmlkICNjaGlwc1xyXG4gICAgICAgICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cImNvbnRyb2xcIlxyXG4gICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwibGFiZWxcIj5cclxuICAgIDxtYXQtY2hpcC1yb3cgKm5nRm9yPVwibGV0IHQgb2YgKGNvbnRyb2wudmFsdWUgfHwgW10pXCJcclxuICAgICAgICAgICAgICAgICAgcmVtb3ZhYmxlIChyZW1vdmVkKT1cInJlbW92ZVRhZyh0KVwiPlxyXG4gICAgICB7e3R9fVxyXG4gICAgICA8bWF0LWljb24gbWF0Q2hpcFJlbW92ZT5jYW5jZWw8L21hdC1pY29uPlxyXG4gICAgPC9tYXQtY2hpcC1yb3c+XHJcbiAgICA8aW5wdXQgW21hdENoaXBJbnB1dEZvcl09XCJjaGlwc1wiICNjaGlwc0lucHV0XHJcbiAgICAgICAgICAgW21hdENoaXBJbnB1dFNlcGFyYXRvcktleUNvZGVzXT1cInNlcGFyYXRvcktleXNDb2Rlc1wiXHJcbiAgICAgICAgICAgW21hdENoaXBJbnB1dEFkZE9uQmx1cl09XCJ0cnVlXCJcclxuICAgICAgICAgICAobWF0Q2hpcElucHV0VG9rZW5FbmQpPVwiYWRkVGFnKCRldmVudClcIj5cclxuICA8L21hdC1jaGlwLWdyaWQ+XHJcbjwvbWF0LWZvcm0tZmllbGQ+XHJcbjxuZy10ZW1wbGF0ZSAjdmlldz5cclxuICA8cCBbaW5uZXJIVE1MXT1cImNvbnRyb2wudmFsdWVcIj48L3A+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==

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: "17.0.2", ngImport: i0, type: TextAreaFieldDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", 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: "17.0.7", ngImport: i0, type: TextAreaFieldDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", 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: "17.0.2", ngImport: i0, type: TextAreaFieldDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", 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

@@ -21,14 +21,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: "17.0.2", ngImport: i0, type: TextareaField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: TextareaField, 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\" class=\"flex\">\r\n  <mat-label>{{label |localizedString}}</mat-label>\r\n  <textarea matInput [formControl]=control cdkTextareaAutosize [placeholder]=\"placeholder|localizedString\"\r\n            [required]=\"required\" [minlength]=\"minLength\" [maxlength]=\"maxLength\" [pattern]=\"pattern\"></textarea>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:(label||name)\"></mat-error>\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-hint *ngIf=\"maxLength\" align=\"end\">{{control.value?.length || 0}} / {{maxLength}}</mat-hint>\r\n</mat-form-field>\r\n<ng-template #view>\r\n  <p [innerHTML]=\"control.value\"></p>\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.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i5.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TextareaField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: TextareaField, 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\" class=\"flex\">\r\n  <mat-label>{{label |localizedString}}</mat-label>\r\n  <textarea matInput [formControl]=control cdkTextareaAutosize [placeholder]=\"placeholder|localizedString\"\r\n            [required]=\"required\" [minlength]=\"minLength\" [maxlength]=\"maxLength\" [pattern]=\"pattern\"></textarea>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:(label||name)\"></mat-error>\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-hint *ngIf=\"maxLength\" align=\"end\">{{control.value?.length || 0}} / {{maxLength}}</mat-hint>\r\n</mat-form-field>\r\n<ng-template #view>\r\n  <p [innerHTML]=\"control.value\"></p>\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.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i5.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
 };
 TextareaField = __decorate([
     BizDoc({ selector: 'textarea-control' })
 ], TextareaField);
 export { TextareaField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TextareaField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TextareaField, decorators: [{
             type: Component,
             args: [{ host: { class: 'field' }, template: "<mat-form-field [appearance]=appearance *ngIf=\"mode==='compose';else view\" class=\"flex\">\r\n  <mat-label>{{label |localizedString}}</mat-label>\r\n  <textarea matInput [formControl]=control cdkTextareaAutosize [placeholder]=\"placeholder|localizedString\"\r\n            [required]=\"required\" [minlength]=\"minLength\" [maxlength]=\"maxLength\" [pattern]=\"pattern\"></textarea>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:(label||name)\"></mat-error>\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-hint *ngIf=\"maxLength\" align=\"end\">{{control.value?.length || 0}} / {{maxLength}}</mat-hint>\r\n</mat-form-field>\r\n<ng-template #view>\r\n  <p [innerHTML]=\"control.value\"></p>\r\n</ng-template>\r\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: "17.0.2", ngImport: i0, type: TimeControlDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: TimeControlDesigner, selector: "bizdoc-time-designer", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TimeControlDesigner, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", 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: "17.0.2", ngImport: i0, type: TimeControlDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TimeControlDesigner, decorators: [{
             type: Component,
             args: [{
                     selector: 'bizdoc-time-designer',

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

@@ -23,14 +23,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: "17.0.2", ngImport: i0, type: TimeField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: TimeField, 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  <mat-time-picker [placeholder]=\"placeholder|localizedString\" [formControl]=control\r\n                   [required]=\"required\">\r\n    </mat-time-picker>\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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.TimePicker, selector: "mat-time-picker", inputs: ["dateControlName", "placeholder", "required", "disabled", "value"] }, { kind: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.DateFormatPipe, name: "amDateFormat" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TimeField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: TimeField, 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  <mat-time-picker [placeholder]=\"placeholder|localizedString\" [formControl]=control\r\n                   [required]=\"required\">\r\n    </mat-time-picker>\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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.TimePicker, selector: "mat-time-picker", inputs: ["dateControlName", "placeholder", "required", "disabled", "value"] }, { kind: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.DateFormatPipe, name: "amDateFormat" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
 };
 TimeField = __decorate([
     BizDoc({ selector: 'time-control' })
 ], TimeField);
 export { TimeField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TimeField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TimeField, 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  <mat-time-picker [placeholder]=\"placeholder|localizedString\" [formControl]=control\r\n                   [required]=\"required\">\r\n    </mat-time-picker>\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/timespan.field.mjs

@@ -19,8 +19,8 @@ let TimespanField = class TimespanField {
     ngOnInit() {
         this.required && this.control.addValidators(Validators.required);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TimespanField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", 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: "17.0.7", ngImport: i0, type: TimespanField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", 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
@@ -34,7 +34,7 @@ TimespanField = __decorate([
     BizDoc({ selector: 'timespan-control' })
 ], TimespanField);
 export { TimespanField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TimespanField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TimespanField, decorators: [{
             type: Component,
             args: [{
                     template: `<mat-form-field [appearance]=appearance>
@@ -58,14 +58,14 @@ let TimespanControlDesigner = class TimespanControlDesigner {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TimespanControlDesigner, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: TimespanControlDesigner, selector: "ng-component", ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TimespanControlDesigner, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: TimespanControlDesigner, selector: "ng-component", ngImport: i0, template: ``, isInline: true }); }
 };
 TimespanControlDesigner = __decorate([
     BizDoc({ selector: 'timespan-control-designer' })
 ], TimespanControlDesigner);
 export { TimespanControlDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TimespanControlDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TimespanControlDesigner, decorators: [{
             type: Component,
             args: [{ template: `` }]
         }] });

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

@@ -21,8 +21,8 @@ let YesNoControlDesigner = class YesNoControlDesigner extends OptionsControlDesi
             defaultValue: null,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: YesNoControlDesigner, deps: [{ token: i1.SystemService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: YesNoControlDesigner, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: YesNoControlDesigner, deps: [{ token: i1.SystemService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: YesNoControlDesigner, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
   <form autocomplete="off" [formGroup]="form" class="column">
     <mat-form-field *ngIf="datatypes">
       <mat-label>{{'DataType'|translate}}</mat-label>
@@ -51,7 +51,7 @@ YesNoControlDesigner = __decorate([
     BizDoc({ selector: 'yesno-control-designer' })
 ], YesNoControlDesigner);
 export { YesNoControlDesigner };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: YesNoControlDesigner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: YesNoControlDesigner, decorators: [{
             type: Component,
             args: [{
                     template: `

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

@@ -18,14 +18,14 @@ let YesNoField = class YesNoField {
     ngOnInit() {
         this.required && this.control.addValidators(Validators.requiredTrue);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: YesNoField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: YesNoField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatRadioButton, descendants: true }], ngImport: i0, template: "<div *ngIf=\"mode==='compose';else view\">\r\n<!--  <mat-label *ngIf=label>{{label|localizedString}}</mat-label>-->\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-radio-group [formControl]=control>\r\n    <mat-radio-button [value]=\"true\">{{'Yes'|translate}}</mat-radio-button>\r\n    <mat-radio-button [value]=\"false\">{{'No'|translate}}</mat-radio-button>\r\n  </mat-radio-group>\r\n\r\n  <mat-error *ngIf=\"control.hasError('requiredTrue')\" [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\r\n</div>\r\n<ng-template #view>\r\n  {{(control.value?'Yes':'No')|translate}}\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.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex", "id", "name", "aria-label", "aria-labelledby", "aria-describedby", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { 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: "17.0.7", ngImport: i0, type: YesNoField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: YesNoField, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatRadioButton, descendants: true }], ngImport: i0, template: "<div *ngIf=\"mode==='compose';else view\">\r\n<!--  <mat-label *ngIf=label>{{label|localizedString}}</mat-label>-->\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-radio-group [formControl]=control>\r\n    <mat-radio-button [value]=\"true\">{{'Yes'|translate}}</mat-radio-button>\r\n    <mat-radio-button [value]=\"false\">{{'No'|translate}}</mat-radio-button>\r\n  </mat-radio-group>\r\n\r\n  <mat-error *ngIf=\"control.hasError('requiredTrue')\" [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\r\n</div>\r\n<ng-template #view>\r\n  {{(control.value?'Yes':'No')|translate}}\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.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex", "id", "name", "aria-label", "aria-labelledby", "aria-describedby", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { 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" }] }); }
 };
 YesNoField = __decorate([
     BizDoc({ selector: 'yesno-control' })
 ], YesNoField);
 export { YesNoField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: YesNoField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: YesNoField, 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-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-radio-group [formControl]=control>\r\n    <mat-radio-button [value]=\"true\">{{'Yes'|translate}}</mat-radio-button>\r\n    <mat-radio-button [value]=\"false\">{{'No'|translate}}</mat-radio-button>\r\n  </mat-radio-group>\r\n\r\n  <mat-error *ngIf=\"control.hasError('requiredTrue')\" [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\r\n</div>\r\n<ng-template #view>\r\n  {{(control.value?'Yes':'No')|translate}}\r\n</ng-template>\r\n" }]
         }], propDecorators: { input: [{

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

@@ -199,13 +199,13 @@ export class GuideComponent {
         this._overlayRef.detach();
         this._clear();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: GuideComponent, deps: [{ token: TOUR_TOKEN }, { token: i1.SessionService }, { token: i2.Overlay }, { token: i3.Router }, { token: i2.OverlayRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: GuideComponent, selector: "ng-component", host: { listeners: { "window:keydown": "keydown($event)" } }, ngImport: i0, template: "<div class=\"container\" [style.display]=\"step ? '': 'none'\" cdkTrapFocus>\r\n  <div class=\"column content\">\r\n    <div class=\"row\">\r\n      <h2 *ngIf=\"step?.title\" class=\"mat-h2\">{{step?.title}}</h2>\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"close()\" *ngIf=\"index < count - 1\"><mat-icon>close</mat-icon></button>\r\n    </div>\r\n    <p class=\"mat-body\" [innerHTML]=\"step?.content | sanitizeHtml\">\r\n    </p>\r\n    <div class=\"row center\">\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"prev()\" [disabled]=\"index < 1 || working\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_left</mat-icon></button>\r\n      <button mat-icon-button (click)=\"next()\" [disabled]=\"index >= count - 1 || working\" cdkFocusInitial><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_right</mat-icon></button>\r\n      <button mat-button (click)=\"close()\" *ngIf=\"index >= count - 1\">{{'GuideFinish'|translate}}</button>\r\n    </div>\r\n  </div>\r\n  <div class=\"tooltip-container\">\r\n    <div class=\"tooltip\"></div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { 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: "pipe", type: i7.TranslatePipe, name: "translate" }, { kind: "pipe", type: i8.SanitizeHtmlPipe, name: "sanitizeHtml" }], animations: [trigger('body', [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: GuideComponent, deps: [{ token: TOUR_TOKEN }, { token: i1.SessionService }, { token: i2.Overlay }, { token: i3.Router }, { token: i2.OverlayRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: GuideComponent, selector: "ng-component", host: { listeners: { "window:keydown": "keydown($event)" } }, ngImport: i0, template: "<div class=\"container\" [style.display]=\"step ? '': 'none'\" cdkTrapFocus>\r\n  <div class=\"column content\">\r\n    <div class=\"row\">\r\n      <h2 *ngIf=\"step?.title\" class=\"mat-h2\">{{step?.title}}</h2>\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"close()\" *ngIf=\"index < count - 1\"><mat-icon>close</mat-icon></button>\r\n    </div>\r\n    <p class=\"mat-body\" [innerHTML]=\"step?.content | sanitizeHtml\">\r\n    </p>\r\n    <div class=\"row center\">\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"prev()\" [disabled]=\"index < 1 || working\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_left</mat-icon></button>\r\n      <button mat-icon-button (click)=\"next()\" [disabled]=\"index >= count - 1 || working\" cdkFocusInitial><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_right</mat-icon></button>\r\n      <button mat-button (click)=\"close()\" *ngIf=\"index >= count - 1\">{{'GuideFinish'|translate}}</button>\r\n    </div>\r\n  </div>\r\n  <div class=\"tooltip-container\">\r\n    <div class=\"tooltip\"></div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { 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: "pipe", type: i7.TranslatePipe, name: "translate" }, { kind: "pipe", type: i8.SanitizeHtmlPipe, name: "sanitizeHtml" }], animations: [trigger('body', [
                 state('here', style({ width: '*', height: '*' })),
                 transition('*<=>*', animate('250ms', style({})))
             ])] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: GuideComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: GuideComponent, decorators: [{
             type: Component,
             args: [{ animations: [trigger('body', [
                             state('here', style({ width: '*', height: '*' })),

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

@@ -107,10 +107,10 @@ export class GuideService {
         !this.seen(guide.name) && this._session.guide(guide.name).subscribe();
         return gRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: GuideService, deps: [{ token: i1.Overlay }, { token: i0.Injector }, { token: i2.SessionService }, { token: i3.TranslateService }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: GuideService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: GuideService, deps: [{ token: i1.Overlay }, { token: i0.Injector }, { token: i2.SessionService }, { token: i3.TranslateService }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: GuideService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: GuideService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: GuideService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.Overlay }, { type: i0.Injector }, { type: i2.SessionService }, { type: i3.TranslateService }, { type: undefined, decorators: [{

package/esm2022/lib/core/guide/help-tip.component.mjs

@@ -23,15 +23,15 @@ export class HelpTipComponent {
         localStorage.setItem(this.name + 'tip', '1');
         this.showTip = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: HelpTipComponent, deps: [{ token: i1.GuideService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: HelpTipComponent, selector: "bizdoc-help-tip", inputs: { name: "name" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: HelpTipComponent, deps: [{ token: i1.GuideService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: HelpTipComponent, selector: "bizdoc-help-tip", inputs: { name: "name" }, ngImport: i0, template: `
   <p class="row form-help-tip" *ngIf="showTip">
     <mat-icon>help_outline</mat-icon> &nbsp;<span (click)="open($event)" [innerHTML]="'HelpTip'|translate: _message" class="mat-body-1"></span>
     <button mat-icon-button (click)="dismiss()" [bizdocTooltip]="'Dismiss'|translate"><mat-icon inline>close</mat-icon></button>
   </p>
 `, isInline: true, styles: [".form-help-tip{align-items:center;border:1px rgb(0 0 0 / 38%) solid;margin:10px;border-radius:3px;padding:0 8px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: HelpTipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: HelpTipComponent, decorators: [{
             type: Component,
             args: [{ template: `
   <p class="row form-help-tip" *ngIf="showTip">

package/esm2022/lib/core/http.interceptor.mjs

@@ -57,10 +57,10 @@ export class AppHttpInterceptor {
         else
             this._baseUrl = '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AppHttpInterceptor, deps: [{ token: 'BASE_URL', optional: true }, { token: i1.SessionService }, { token: i2.AuthenticationImpl }, { token: i3.HubService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AppHttpInterceptor, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppHttpInterceptor, deps: [{ token: 'BASE_URL', optional: true }, { token: i1.SessionService }, { token: i2.AuthenticationImpl }, { token: i3.HubService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppHttpInterceptor, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AppHttpInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppHttpInterceptor, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

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

@@ -96,10 +96,10 @@ export class HubService {
         await this._connection.stop();
         this._state.next(HubConnectionState.Disconnected);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: HubService, deps: [{ token: i1.AuthenticationImpl }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: HubService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: HubService, deps: [{ token: i1.AuthenticationImpl }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: HubService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: HubService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: HubService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"