@bizdoc/core 3.0.2 → 3.0.4

package/esm2022/lib/compose/document.pane.component.mjs

@@ -14,10 +14,10 @@ export class DocumentInfoPaneComponent {
             this._pane.title = this._pane.group = `#${this.model.number}`;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DocumentInfoPaneComponent, deps: [{ token: i1.PaneRef }, { token: i2.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: DocumentInfoPaneComponent, selector: "bizdoc-document-info-pane", ngImport: i0, template: `<bizdoc-document [model]=model></bizdoc-document>`, isInline: true, dependencies: [{ kind: "component", type: i3.DocumentInfoComponent, selector: "bizdoc-document", inputs: ["model"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: DocumentInfoPaneComponent, deps: [{ token: i1.PaneRef }, { token: i2.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: DocumentInfoPaneComponent, selector: "bizdoc-document-info-pane", ngImport: i0, template: `<bizdoc-document [model]=model></bizdoc-document>`, isInline: true, dependencies: [{ kind: "component", type: i3.DocumentInfoComponent, selector: "bizdoc-document", inputs: ["model"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DocumentInfoPaneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: DocumentInfoPaneComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bizdoc-document-info-pane',

package/esm2022/lib/compose/events/events.component.mjs

@@ -17,10 +17,10 @@ export class DocumentEventsComponent {
             queryParams: { date: new Date(event.starting).valueOf().encodeId() }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DocumentEventsComponent, deps: [{ token: i1.RouterImpl }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: DocumentEventsComponent, selector: "bizdoc-events", inputs: { model: "model" }, ngImport: i0, template: "@for (e of model.events | sort : 'time'; track e) {\n  <div>\n    <button mat-button (click)='open(e)'><mat-icon>{{e.time < today ? 'timer' : 'timer'}}</mat-icon><span> {{e.time | amCalendar}}</span></button>\n    <!--[matMenuTriggerFor]=\"event\"\n    <mat-menu #event>\n    </mat-menu>-->\n  </div>\n}\n", dependencies: [{ kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i4.CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: i5.ArraySortPipe, name: "sort" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: DocumentEventsComponent, deps: [{ token: i1.RouterImpl }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: DocumentEventsComponent, selector: "bizdoc-events", inputs: { model: "model" }, ngImport: i0, template: "@for (e of model.events | sort : 'time'; track e) {\n  <div>\n    <button mat-button (click)='open(e)'><mat-icon>{{e.time < today ? 'timer' : 'timer'}}</mat-icon><span> {{e.time | amCalendar}}</span></button>\n    <!--[matMenuTriggerFor]=\"event\"\n    <mat-menu #event>\n    </mat-menu>-->\n  </div>\n}\n", dependencies: [{ kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i4.CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: i5.ArraySortPipe, name: "sort" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DocumentEventsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: DocumentEventsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-events', template: "@for (e of model.events | sort : 'time'; track e) {\n  <div>\n    <button mat-button (click)='open(e)'><mat-icon>{{e.time < today ? 'timer' : 'timer'}}</mat-icon><span> {{e.time | amCalendar}}</span></button>\n    <!--[matMenuTriggerFor]=\"event\"\n    <mat-menu #event>\n    </mat-menu>-->\n  </div>\n}\n" }]
         }], ctorParameters: () => [{ type: i1.RouterImpl }], propDecorators: { model: [{

package/esm2022/lib/compose/form-selector/form-selector.sheet.mjs

@@ -49,10 +49,10 @@ export class FormSelectorSheet {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FormSelectorSheet, deps: [{ token: i1.MatDialog }, { token: i2.MatBottomSheetRef }, { token: i3.PromptService }, { token: i4.DocumentFactory }, { token: i5.Router }, { token: i6.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: FormSelectorSheet, selector: "bizdoc-form-selector", ngImport: i0, template: "<mat-nav-list role=\"list\">\n  @for (f of forms; track f) {\n    <a mat-list-item role=\"listitem\" (click)=\"open(f.name)\">\n      <span matListItemTitle>{{f.title}}</span>\n      <mat-icon matListItemIcon>{{f.icon || 'description'}}</mat-icon>\n    </a>\n  }\n  <mat-divider></mat-divider>\n  <a mat-list-item role=\"listitem\" (click)=\"copy($event)\">\n    <span matListItemTitle>{{'Elipsis'| translate: ('Copy' | translate)}}</span>\n  </a>\n</mat-nav-list>\n", dependencies: [{ kind: "component", type: i7.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i7.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i8.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i7.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: FormSelectorSheet, deps: [{ token: i1.MatDialog }, { token: i2.MatBottomSheetRef }, { token: i3.PromptService }, { token: i4.DocumentFactory }, { token: i5.Router }, { token: i6.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: FormSelectorSheet, selector: "bizdoc-form-selector", ngImport: i0, template: "<mat-nav-list role=\"list\">\n  @for (f of forms; track f) {\n    <a mat-list-item role=\"listitem\" (click)=\"open(f.name)\">\n      <span matListItemTitle>{{f.title}}</span>\n      <mat-icon matListItemIcon>{{f.icon || 'description'}}</mat-icon>\n    </a>\n  }\n  <mat-divider></mat-divider>\n  <a mat-list-item role=\"listitem\" (click)=\"copy($event)\">\n    <span matListItemTitle>{{'Elipsis'| translate: ('Copy' | translate)}}</span>\n  </a>\n</mat-nav-list>\n", dependencies: [{ kind: "component", type: i7.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i7.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i8.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i7.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FormSelectorSheet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: FormSelectorSheet, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-form-selector', template: "<mat-nav-list role=\"list\">\n  @for (f of forms; track f) {\n    <a mat-list-item role=\"listitem\" (click)=\"open(f.name)\">\n      <span matListItemTitle>{{f.title}}</span>\n      <mat-icon matListItemIcon>{{f.icon || 'description'}}</mat-icon>\n    </a>\n  }\n  <mat-divider></mat-divider>\n  <a mat-list-item role=\"listitem\" (click)=\"copy($event)\">\n    <span matListItemTitle>{{'Elipsis'| translate: ('Copy' | translate)}}</span>\n  </a>\n</mat-nav-list>\n" }]
         }], ctorParameters: () => [{ type: i1.MatDialog }, { type: i2.MatBottomSheetRef }, { type: i3.PromptService }, { type: i4.DocumentFactory }, { type: i5.Router }, { type: i6.SessionService }] });

package/esm2022/lib/compose/form.component.mjs

@@ -431,10 +431,10 @@ export class ComposeFormComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ComposeFormComponent, deps: [{ token: i1.Popup }, { token: i2.MailboxService }, { token: i3.AccountService }, { token: i4.RouterImpl }, { token: i5.MatDialog }, { token: i6.PromptService }, { token: i7.SessionService }, { token: i0.Injector }, { token: i8.MatSnackBar }, { token: i9.BizDocComponentFactoryResolver }, { token: i10.GuideService }, { token: i11.TranslateService }, { token: i12.HubService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: ComposeFormComponent, selector: "bizdoc-form", inputs: { model: "model", working: "working", dirty: "dirty", valid: "valid", page: "page", mode: "mode", contacts: "contacts" }, outputs: { modelChange: "modelChange", workingChange: "workingChange", dirtyChange: "dirtyChange", validChange: "validChange", saved: "saved" }, host: { classAttribute: "form-container bizdoc-compose" }, viewQueries: [{ propertyName: "_fileElement", first: true, predicate: ["file"], descendants: true, static: true }, { propertyName: "attachments", first: true, predicate: AttachmentsComponent, descendants: true, static: true }, { propertyName: "_container", first: true, predicate: ["component"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"form-header\">\n  <!--<bizdoc-people [model]=\"model\" *ngIf=\"mode !== 'compose' && contacts\"></bizdoc-people>-->\n  <bizdoc-attachments [model]=\"model\" [includeDeleted]=\"true\" [viewedIndicator]=\"false\"></bizdoc-attachments>\n  @if (!model.replied && mode !== 'compose' && model.note) {\n  <div class=\"compose-note\">\n    <mat-icon color=\"primary\">info</mat-icon> <span class=\"mat-body-2\">{{model.note}}</span>\n  </div>\n  }\n  @if (model.tags) {\n  <mat-chip-set>\n    @for (tag of model.tags; track tag) {\n    <mat-chip [disableRipple]=\"true\">{{tag}}</mat-chip>\n    }\n  </mat-chip-set>\n  }\n  @if (editing) {\n  <div class=\"message\">{{ editing }}</div>\n  }\n</div>\n<ng-container #component></ng-container>\n<form style=\"display:none\"><input type=\"file\" #file multiple /></form>\n", dependencies: [{ kind: "directive", type: i13.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i13.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i14.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i14.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "component", type: i15.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i16.AttachmentsComponent, selector: "bizdoc-attachments", inputs: ["model", "viewedIndicator", "includeDeleted"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: ComposeFormComponent, deps: [{ token: i1.Popup }, { token: i2.MailboxService }, { token: i3.AccountService }, { token: i4.RouterImpl }, { token: i5.MatDialog }, { token: i6.PromptService }, { token: i7.SessionService }, { token: i0.Injector }, { token: i8.MatSnackBar }, { token: i9.BizDocComponentFactoryResolver }, { token: i10.GuideService }, { token: i11.TranslateService }, { token: i12.HubService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: ComposeFormComponent, selector: "bizdoc-form", inputs: { model: "model", working: "working", dirty: "dirty", valid: "valid", page: "page", mode: "mode", contacts: "contacts" }, outputs: { modelChange: "modelChange", workingChange: "workingChange", dirtyChange: "dirtyChange", validChange: "validChange", saved: "saved" }, host: { classAttribute: "form-container bizdoc-compose" }, viewQueries: [{ propertyName: "_fileElement", first: true, predicate: ["file"], descendants: true, static: true }, { propertyName: "attachments", first: true, predicate: AttachmentsComponent, descendants: true, static: true }, { propertyName: "_container", first: true, predicate: ["component"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"form-header\">\n  <!--<bizdoc-people [model]=\"model\" *ngIf=\"mode !== 'compose' && contacts\"></bizdoc-people>-->\n  <bizdoc-attachments [model]=\"model\" [includeDeleted]=\"true\" [viewedIndicator]=\"false\"></bizdoc-attachments>\n  @if (!model.replied && mode !== 'compose' && model.note) {\n  <div class=\"compose-note\">\n    <mat-icon color=\"primary\">info</mat-icon> <span class=\"mat-body-2\">{{model.note}}</span>\n  </div>\n  }\n  @if (model.tags) {\n  <mat-chip-set>\n    @for (tag of model.tags; track tag) {\n    <mat-chip [disableRipple]=\"true\">{{tag}}</mat-chip>\n    }\n  </mat-chip-set>\n  }\n  @if (editing) {\n  <div class=\"message\">{{ editing }}</div>\n  }\n</div>\n<ng-container #component></ng-container>\n<form style=\"display:none\"><input type=\"file\" #file multiple /></form>\n", dependencies: [{ kind: "directive", type: i13.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i13.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i14.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i14.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "component", type: i15.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i16.AttachmentsComponent, selector: "bizdoc-attachments", inputs: ["model", "viewedIndicator", "includeDeleted"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ComposeFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: ComposeFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-form', host: {
                         class: 'form-container bizdoc-compose'

package/esm2022/lib/compose/new-menu.component.mjs

@@ -80,10 +80,10 @@ export class ComposeMenuComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ComposeMenuComponent, deps: [{ token: i1.SessionService }, { token: i2.MailboxService }, { token: i3.DocumentFactory }, { token: i4.PanesRouter }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: ComposeMenuComponent, selector: "bizdoc-new-menu", outputs: { change: "change" }, ngImport: i0, template: "<mat-progress-bar mode=\"indeterminate\" [style.visibility]=\"working ? 'visible':'hidden'\"></mat-progress-bar>\n<div class=\"container\">\n  <h1 class=\"mat-h1\">{{'New'|translate}}</h1>\n  <!--<span class=\"mat-subheader\">BizDoc</span>-->\n\n  <mat-nav-list dense>\n    @for (f of defaultgroup.forms; track f) {\n      <mat-list-item (click)=\"create(f.name)\" [attr.data-help]=\"f.name + '-form'\">\n        <mat-icon matListItemIcon>{{f.icon || 'description'}}</mat-icon>\n        <span matListItemTitle>{{f.title}}</span>\n      </mat-list-item>\n    }\n    @for (g of groups; track g; let index = $index) {\n      @if (index) {\n        <mat-divider></mat-divider>\n      }\n      <h3 mat-subheader>{{g.title}}</h3>\n      @for (f of g.forms; track f) {\n        <mat-list-item (click)=\"create(f.name)\" [attr.data-help]=\"f.name + '-form'\">\n          <mat-icon matListItemIcon>{{f.icon || 'description'}}</mat-icon>\n          <span matListItemTitle>{{f.title}}</span>\n        </mat-list-item>\n      }\n    }\n  </mat-nav-list>\n</div>\n<!--<mat-spinner radius=\"25\" *ngIf=\"creating===f.name\"></mat-spinner>-->\n", styles: ["h1{font-weight:500;margin:0 16px}form{padding:8px}hr{opacity:.4}\n"], dependencies: [{ kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i6.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i6.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i6.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i6.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i7.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i6.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], animations: [] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: ComposeMenuComponent, deps: [{ token: i1.SessionService }, { token: i2.MailboxService }, { token: i3.DocumentFactory }, { token: i4.PanesRouter }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: ComposeMenuComponent, selector: "bizdoc-new-menu", outputs: { change: "change" }, ngImport: i0, template: "<mat-progress-bar mode=\"indeterminate\" [style.visibility]=\"working ? 'visible':'hidden'\"></mat-progress-bar>\n<div class=\"container\">\n  <h1 class=\"mat-h1\">{{'New'|translate}}</h1>\n  <!--<span class=\"mat-subheader\">BizDoc</span>-->\n\n  <mat-nav-list dense>\n    @for (f of defaultgroup.forms; track f) {\n      <mat-list-item (click)=\"create(f.name)\" [attr.data-help]=\"f.name + '-form'\">\n        <mat-icon matListItemIcon>{{f.icon || 'description'}}</mat-icon>\n        <span matListItemTitle>{{f.title}}</span>\n      </mat-list-item>\n    }\n    @for (g of groups; track g; let index = $index) {\n      @if (index) {\n        <mat-divider></mat-divider>\n      }\n      <h3 mat-subheader>{{g.title}}</h3>\n      @for (f of g.forms; track f) {\n        <mat-list-item (click)=\"create(f.name)\" [attr.data-help]=\"f.name + '-form'\">\n          <mat-icon matListItemIcon>{{f.icon || 'description'}}</mat-icon>\n          <span matListItemTitle>{{f.title}}</span>\n        </mat-list-item>\n      }\n    }\n  </mat-nav-list>\n</div>\n<!--<mat-spinner radius=\"25\" *ngIf=\"creating===f.name\"></mat-spinner>-->\n", styles: ["h1{font-weight:500;margin:0 16px}form{padding:8px}hr{opacity:.4}\n"], dependencies: [{ kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i6.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i6.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i6.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i6.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i7.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i6.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], animations: [] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ComposeMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: ComposeMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-new-menu', animations: [], template: "<mat-progress-bar mode=\"indeterminate\" [style.visibility]=\"working ? 'visible':'hidden'\"></mat-progress-bar>\n<div class=\"container\">\n  <h1 class=\"mat-h1\">{{'New'|translate}}</h1>\n  <!--<span class=\"mat-subheader\">BizDoc</span>-->\n\n  <mat-nav-list dense>\n    @for (f of defaultgroup.forms; track f) {\n      <mat-list-item (click)=\"create(f.name)\" [attr.data-help]=\"f.name + '-form'\">\n        <mat-icon matListItemIcon>{{f.icon || 'description'}}</mat-icon>\n        <span matListItemTitle>{{f.title}}</span>\n      </mat-list-item>\n    }\n    @for (g of groups; track g; let index = $index) {\n      @if (index) {\n        <mat-divider></mat-divider>\n      }\n      <h3 mat-subheader>{{g.title}}</h3>\n      @for (f of g.forms; track f) {\n        <mat-list-item (click)=\"create(f.name)\" [attr.data-help]=\"f.name + '-form'\">\n          <mat-icon matListItemIcon>{{f.icon || 'description'}}</mat-icon>\n          <span matListItemTitle>{{f.title}}</span>\n        </mat-list-item>\n      }\n    }\n  </mat-nav-list>\n</div>\n<!--<mat-spinner radius=\"25\" *ngIf=\"creating===f.name\"></mat-spinner>-->\n", styles: ["h1{font-weight:500;margin:0 16px}form{padding:8px}hr{opacity:.4}\n"] }]
         }], ctorParameters: () => [{ type: i1.SessionService }, { type: i2.MailboxService }, { type: i3.DocumentFactory }, { type: i4.PanesRouter }], propDecorators: { change: [{

package/esm2022/lib/compose/overlay.component.exp.mjs

@@ -55,10 +55,10 @@ export class OverlayFormComponent {
         this.created$.unsubscribe();
         this._destroy.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: OverlayFormComponent, deps: [{ token: i1.SessionService }, { token: i2.RouterImpl }, { token: i0.Injector }, { token: i3.BizDocComponentFactoryResolver }, { token: i4.GuideService }, { token: i5.HubService }, { token: DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: OverlayFormComponent, selector: "ng-component", viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<h1 class=\"mat-h1 row\">\r\n  <span>{{form.title}}</span>\r\n  @if(form.guide) {\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help'|translate\"><mat-icon>help_outlined</mat-icon></button>\r\n  }\r\n</h1>\r\n<hr />\r\n<!--<mat-progress-bar mode=\"indeterminate\" [style.visibility]=\"creating ? 'visible':'hidden'\"></mat-progress-bar>-->\r\n<ng-container #container></ng-container>\r\n", styles: [":host{display:flex;flex-direction:column;height:inherit}\n"], dependencies: [{ 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.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: OverlayFormComponent, deps: [{ token: i1.SessionService }, { token: i2.RouterImpl }, { token: i0.Injector }, { token: i3.BizDocComponentFactoryResolver }, { token: i4.GuideService }, { token: i5.HubService }, { token: DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: OverlayFormComponent, selector: "ng-component", viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<h1 class=\"mat-h1 row\">\r\n  <span>{{form.title}}</span>\r\n  @if(form.guide) {\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help'|translate\"><mat-icon>help_outlined</mat-icon></button>\r\n  }\r\n</h1>\r\n<hr />\r\n<!--<mat-progress-bar mode=\"indeterminate\" [style.visibility]=\"creating ? 'visible':'hidden'\"></mat-progress-bar>-->\r\n<ng-container #container></ng-container>\r\n", styles: [":host{display:flex;flex-direction:column;height:inherit}\n"], dependencies: [{ 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.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: OverlayFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: OverlayFormComponent, decorators: [{
             type: Component,
             args: [{ host: {}, template: "<h1 class=\"mat-h1 row\">\r\n  <span>{{form.title}}</span>\r\n  @if(form.guide) {\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help'|translate\"><mat-icon>help_outlined</mat-icon></button>\r\n  }\r\n</h1>\r\n<hr />\r\n<!--<mat-progress-bar mode=\"indeterminate\" [style.visibility]=\"creating ? 'visible':'hidden'\"></mat-progress-bar>-->\r\n<ng-container #container></ng-container>\r\n", styles: [":host{display:flex;flex-direction:column;height:inherit}\n"] }]
         }], ctorParameters: () => [{ type: i1.SessionService }, { type: i2.RouterImpl }, { type: i0.Injector }, { type: i3.BizDocComponentFactoryResolver }, { type: i4.GuideService }, { type: i5.HubService }, { type: undefined, decorators: [{

package/esm2022/lib/compose/privilage.directive.mjs

@@ -20,10 +20,10 @@ export class PrivilegeHiddenDirective extends PrivilegeDirectiveBase {
         if (!this.can(this.name))
             this._element.nativeElement.style.display = 'none';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PrivilegeHiddenDirective, deps: [{ token: DOCUMENT_MODEL }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: PrivilegeHiddenDirective, selector: "[bizdocHidden]", inputs: { name: ["bizdocHidden", "name"] }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: PrivilegeHiddenDirective, deps: [{ token: DOCUMENT_MODEL }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.3", type: PrivilegeHiddenDirective, selector: "[bizdocHidden]", inputs: { name: ["bizdocHidden", "name"] }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PrivilegeHiddenDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: PrivilegeHiddenDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bizdocHidden]'
@@ -44,10 +44,10 @@ export class PrivilegeDisabledDirective extends PrivilegeDirectiveBase {
         if (!this.can(this.name) && this.ngControl)
             this.ngControl.control.disable();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PrivilegeDisabledDirective, deps: [{ token: DOCUMENT_MODEL }, { token: i1.NgControl, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: PrivilegeDisabledDirective, selector: "[bizdocDisabled]", inputs: { name: ["bizdocDisabled", "name"] }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: PrivilegeDisabledDirective, deps: [{ token: DOCUMENT_MODEL }, { token: i1.NgControl, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.3", type: PrivilegeDisabledDirective, selector: "[bizdocDisabled]", inputs: { name: ["bizdocDisabled", "name"] }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PrivilegeDisabledDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: PrivilegeDisabledDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bizdocDisabled]'

package/esm2022/lib/compose/recipient-resolver.service.mjs

@@ -9,10 +9,10 @@ export class RecipientResolver {
         const id = params['id'].decodeId();
         return this._mailbox.get(id);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RecipientResolver, deps: [{ token: i1.MailboxService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RecipientResolver }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: RecipientResolver, deps: [{ token: i1.MailboxService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: RecipientResolver }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RecipientResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: RecipientResolver, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.MailboxService }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVjaXBpZW50LXJlc29sdmVyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJyYXJpZXMvY29yZS9zcmMvbGliL2NvbXBvc2UvcmVjaXBpZW50LXJlc29sdmVyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUTNDLE1BQU0sT0FBTyxpQkFBaUI7SUFDMUIsWUFBb0IsUUFBd0I7UUFBeEIsYUFBUSxHQUFSLFFBQVEsQ0FBZ0I7SUFBSSxDQUFDO0lBQ2pELFNBQVMsQ0FBQyxNQUFnQjtRQUN4QixNQUFNLEVBQUUsR0FBSSxNQUFNLENBQUMsSUFBSSxDQUFZLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDL0MsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUMvQixDQUFDOzhHQUxRLGlCQUFpQjtrSEFBakIsaUJBQWlCOzsyRkFBakIsaUJBQWlCO2tCQUQ3QixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tIFwicnhqc1wiO1xyXG5pbXBvcnQgeyBSZWNpcGllbnRNb2RlbCB9IGZyb20gXCIuLi9jb3JlL21vZGVsc1wiO1xyXG5pbXBvcnQgeyBNYWlsYm94U2VydmljZSB9IGZyb20gXCIuLi9jb3JlL21haWxib3guc2VydmljZVwiO1xyXG5pbXBvcnQgeyBQYXJhbU1hcCwgUGFuZVJlc29sdmUgfSBmcm9tIFwiLi4vY29yZS9jb25maWd1cmF0aW9uXCI7XHJcblxyXG5cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgUmVjaXBpZW50UmVzb2x2ZXIgaW1wbGVtZW50cyBQYW5lUmVzb2x2ZTxSZWNpcGllbnRNb2RlbDxhbnk+PiB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9tYWlsYm94OiBNYWlsYm94U2VydmljZSkgeyB9XHJcbiAgICBvblJlc29sdmUocGFyYW1zOiBQYXJhbU1hcCk6IE9ic2VydmFibGU8UmVjaXBpZW50TW9kZWw8YW55Pj4ge1xyXG4gICAgICBjb25zdCBpZCA9IChwYXJhbXNbJ2lkJ10gYXMgc3RyaW5nKS5kZWNvZGVJZCgpO1xyXG4gICAgICByZXR1cm4gdGhpcy5fbWFpbGJveC5nZXQoaWQpO1xyXG4gICAgfVxyXG59XHJcbiJdfQ==

package/esm2022/lib/compose/state.component.mjs

@@ -25,10 +25,10 @@ export class StateDirective {
         else
             this._element.nativeElement.innerText = this.stateId;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: StateDirective, deps: [{ token: i1.SessionService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: StateDirective, selector: "bizdoc-status", inputs: { stateId: "stateId" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: StateDirective, deps: [{ token: i1.SessionService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.3", type: StateDirective, selector: "bizdoc-status", inputs: { stateId: "stateId" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: StateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: StateDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'bizdoc-status' }]
         }], ctorParameters: () => [{ type: i1.SessionService }, { type: i0.ElementRef }], propDecorators: { stateId: [{

package/esm2022/lib/compose/tag/tags.component.mjs

@@ -70,10 +70,10 @@ export class TagsComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TagsComponent, deps: [{ token: POPUP_DATA }, { token: i1.MailboxService }, { token: i2.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: TagsComponent, selector: "ng-component", viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }, { propertyName: "auto", first: true, predicate: ["auto"], descendants: true, static: true }], ngImport: i0, template: "<mat-form-field floatLabel=\"never\" subscriptSizing=\"dynamic\">\n  <mat-chip-grid #chipList [attr.aria-label]=\"'Tags'|translate\">\n    @for (item of tags; track item) {\n      <mat-chip\n        [removable]=\"true\" (removed)=\"remove(item)\">\n        {{item}}\n        <mat-icon matChipRemove>cancel</mat-icon>\n      </mat-chip>\n    }\n  </mat-chip-grid>\n  <input [placeholder]=\"'TagsHint'|translate\"\n    [matAutocomplete]=\"auto\"\n    [matChipInputFor]=\"chipList\"\n    [formControl]=\"control\"\n    #input autocomplete=\"off\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"add($event)\">\n    <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n      @for (item of options | async; track item) {\n        <mat-option [value]=\"item\">\n          {{item}}\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n", styles: [":host{padding:8px}\n"], dependencies: [{ kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i4.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i9.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: TagsComponent, deps: [{ token: POPUP_DATA }, { token: i1.MailboxService }, { token: i2.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: TagsComponent, selector: "ng-component", viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }, { propertyName: "auto", first: true, predicate: ["auto"], descendants: true, static: true }], ngImport: i0, template: "<mat-form-field floatLabel=\"never\" subscriptSizing=\"dynamic\">\n  <mat-chip-grid #chipList [attr.aria-label]=\"'Tags'|translate\">\n    @for (item of tags; track item) {\n      <mat-chip\n        [removable]=\"true\" (removed)=\"remove(item)\">\n        {{item}}\n        <mat-icon matChipRemove>cancel</mat-icon>\n      </mat-chip>\n    }\n  </mat-chip-grid>\n  <input [placeholder]=\"'TagsHint'|translate\"\n    [matAutocomplete]=\"auto\"\n    [matChipInputFor]=\"chipList\"\n    [formControl]=\"control\"\n    #input autocomplete=\"off\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"add($event)\">\n    <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n      @for (item of options | async; track item) {\n        <mat-option [value]=\"item\">\n          {{item}}\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n", styles: [":host{padding:8px}\n"], dependencies: [{ kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i4.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i9.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TagsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: TagsComponent, decorators: [{
             type: Component,
             args: [{ template: "<mat-form-field floatLabel=\"never\" subscriptSizing=\"dynamic\">\n  <mat-chip-grid #chipList [attr.aria-label]=\"'Tags'|translate\">\n    @for (item of tags; track item) {\n      <mat-chip\n        [removable]=\"true\" (removed)=\"remove(item)\">\n        {{item}}\n        <mat-icon matChipRemove>cancel</mat-icon>\n      </mat-chip>\n    }\n  </mat-chip-grid>\n  <input [placeholder]=\"'TagsHint'|translate\"\n    [matAutocomplete]=\"auto\"\n    [matChipInputFor]=\"chipList\"\n    [formControl]=\"control\"\n    #input autocomplete=\"off\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"add($event)\">\n    <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n      @for (item of options | async; track item) {\n        <mat-option [value]=\"item\">\n          {{item}}\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n", styles: [":host{padding:8px}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{