@bizdoc/core 2.6.1 → 2.6.2

package/esm2022/lib/home/home.desktop.component.mjs

@@ -268,10 +268,10 @@ export class HomeComponent extends HomeBase {
         const item = evt.option.value;
         item.instance.onPick();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: HomeComponent, deps: [{ token: i1.PanesRouter }, { token: i2.SearchService }, { token: i3.DocumentFactory }, { token: i4.Popup }, { token: i5.GuideService }, { token: i6.AuthenticationImpl }, { token: i0.Injector }, { token: i7.SessionService }, { token: i8.HubService }, { token: i9.TranslateService }, { token: i10.MatSnackBar }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: HomeComponent, selector: "bizdoc-home", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" }, classAttribute: "mat-app-background" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatSidenav, descendants: true, static: true }, { propertyName: "main", first: true, predicate: SlotsComponent, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "trigger", first: true, predicate: ["input"], descendants: true, read: MatAutocompleteTrigger }], usesInheritance: true, ngImport: i0, template: "<!-- menu -->\n<div [class.nav-collapsed]=\"collapsed\" [class.nav-open]=\"submenu\"\n     [class.dialog]=\"dialog\"\n     class=\"nav-menu row\">\n  <div class=\"column\">\n    <div>\n      @if (forms.length) {\n      <div [class.active]=\"activeMenu === 'new'\" class=\"new-container\">\n        <button mat-raised-button\n                [bizdocTooltip]=\"'Compose'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n                (click)=\"opennew()\" [disabled]=\"creating\"\n                [attr.aria-label]=\"'Compose'| translate\" color=\"primary\" data-help=\"compose\">\n          <mat-icon>add</mat-icon>\n          <span class=\"nav-label\">{{'Compose'| translate}}</span>\n        </button>\n      </div>\n      }\n      <mat-nav-list>\n        <mat-list-item [attr.aria-label]=\"'Dashboard' | translate\"\n                       (click)=\"nav('dashboard')\" [class.active]=\"activeMenu === 'dashboard'\"\n                       data-help=\"dashboard\"\n                       [bizdocTooltip]=\"'Dashboard'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon>apps</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Dashboard' | translate}}</span>\n        </mat-list-item>\n        <mat-list-item (click)=\"mails()\" [bizdocTooltip]=\"'Mailbox'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n                       [class.active]=\"activeMenu === 'mailbox'\"\n                       [attr.aria-label]=\"'Mailbox' | translate\" data-help=\"folders\">\n          <mat-icon matListItemIcon [matBadge]=\"profile.inboxCount\" [matBadgeHidden]=\"profile.inboxCount < 1\" matBadgeColor=\"accent\" aria-hidden=\"false\">inbox</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{'Mailbox' | translate}}</span>\n        </mat-list-item>\n        @if (schedulerEnabled) {\n        <mat-list-item [attr.aria-label]=\"'Scheduler' | translate\"\n                       (click)=\"nav('schedule')\" [class.active]=\"activeMenu === 'schedule'\"\n                       [bizdocTooltip]=\"'Scheduler'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon class=\"mat-icon-rtl-mirror\">date_range</mat-icon><span class=\"nav-label\" matListItemTitle>{{ 'Scheduler' | translate}}</span>\n        </mat-list-item>\n        }\n        @if (chatEnabled) {\n        <mat-list-item data-help=\"chat\" [attr.aria-label]=\"'Chat' | translate\"\n                       (click)=\"nav('contacts')\" [class.active]=\"activeMenu === 'contacts'\"\n                       [bizdocTooltip]=\"'Chat'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon [matBadge]=\"profile.conversationsCount\" [matBadgeHidden]=\"!profile.conversationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\">chat</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{ 'Chat' | translate}}</span>\n        </mat-list-item>\n        }\n        <mat-divider></mat-divider>\n        @if (enableAnalysis && profile.cubes.length) {\n        <mat-list-item (click)=\"opensubmenu('cube')\"\n                       [class.active]=\"activeMenu === 'cube'\"\n                       [bizdocTooltip]=\"'Cube'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n                       data-help=\"cube\" [attr.aria-label]=\"'Cube' | translate\">\n          <mat-icon matListItemIcon>equalizer</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Cube' | translate}}</span>\n        </mat-list-item>\n        }\n        @if (profile.reports.length) {\n        <mat-list-item (click)=\"opensubmenu('reports')\"\n                       [class.active]=\"activeMenu === 'reports'\"\n                       [bizdocTooltip]=\"'Reports'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\" data-help=\"reports\" [attr.aria-label]=\"'Reports' | translate\">\n          <mat-icon matListItemIcon>list_alt</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Reports' | translate}}</span>\n        </mat-list-item>\n        }\n        @if (isSysAdmin) {\n        <mat-divider></mat-divider>\n        <mat-list-item (click)=\"opensubmenu('admin')\"\n                       [class.active]=\"activeMenu === 'admin'\"\n                       [bizdocTooltip]=\"'System'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\" [attr.aria-label]=\"'System' | translate\">\n          <mat-icon matListItemIcon>device_hub</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{'Workflow' | translate}}</span>\n        </mat-list-item>\n        }\n      </mat-nav-list>\n    </div>\n    <span class=\"divider\"></span>\n    <!--<lottie name=\"lf30_editor_qr7zgmcs\" *ngIf=\"loading\"></lottie>-->\n    <div class=\"sign-in\">\n      <button mat-icon-button data-help=\"settings\" [bizdocTooltip]=\"'Settings' | translate\" bizdocTooltipPosition=\"above\"\n              [attr.aria-label]=\"'Settings' | translate\" (click)=\"options($event)\">\n        <mat-icon matAnimate=\"rotate\">settingson</mat-icon>\n      </button>\n      @if(canSignOut) {\n      <span class=\"divider\"></span>\n      <button mat-icon-button data-help=\"sign-in\" [attr.aria-label]=\"'Power' | translate\" (click)=\"signout($event)\" [bizdocTooltip]=\"'Exit'|translate\" bizdocTooltipPosition=\"above\">\n        <mat-icon class=\"mat-icon-rtl-mirror\">logout</mat-icon>\n      </button>\n      }\n    </div>\n  </div>\n  <!-- -->\n  @if (submenu) {\n  <div class=\"sub-menu\" (mouseleave)=\"collapsesubmenu()\" [@submenu]=\"submenuMode\" (@submenu.done)=\"resize()\">\n    @if (submenu !== 'new') {\n    <div class=\"action\">\n      <button mat-icon-button (click)=\"togglePinned()\" [bizdocTooltip]=\"(pinned?'Collapse':'Expand')|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">{{pinned ? 'push_pin' : 'menu'}}</mat-icon></button>\n    </div>\n    }\n    @switch (submenu) {\n    @case ('new') {\n    <bizdoc-new-menu (change)=\"closesubmenu()\"></bizdoc-new-menu>\n    }\n    @case ('mailbox') {\n    <bizdoc-folders-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-folders-menu>\n    }\n    @case ('admin') {\n    <bizdoc-admin-menu [collapsed]=\"submenuMode === 'shrink'\"></bizdoc-admin-menu>\n    }\n    @case ('reports') {\n    <bizdoc-reports-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-reports-menu>\n    }\n    @case ('cube') {\n    <bizdoc-cube-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-cube-menu>\n    }\n    }\n  </div>\n  }\n  @if (dialog) {\n  <div class=\"backdrop\"></div>\n  }\n</div>\n<div class=\"main\">\n  <!-- title -->\n  <div class=\"row header\" [@title]=\"main.titleVariant\">\n    <h1>\n      @if (main.swap) {\n      <button mat-icon-button (click)=\"main.back()\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">arrow_circle_left</mat-icon></button>\n      }\n      @for (p of main.panes; track p; let first = $first) {\n      @if (!first) {\n      <span class=\"breadcrumbs\">\\</span>\n      }\n      {{p.title}}\n      }\n      @if (main.panes[0]?.guide) {\n      <button mat-icon-button (click)=\"guide(main.panes[0].guide)\" [bizdocTooltip]=\"'Help'|translate\"><mat-icon>help</mat-icon></button>\n      }\n    </h1>\n    <span class=\"divider\">\n    </span>\n    <!--search-->\n    <input type=\"text\"\n           [@search]=\"searching\"\n           (@search.done)=\"searching && focus()\"\n           #input\n           (keydown.escape)=\"collapse($event)\"\n           [attr.aria-label]=\"'Search'|translate\"\n           [formControl]=\"search\"\n           [matAutocomplete]=\"auto\" class=\"search-box\">\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"goto($event)\" [displayWith]=\"displayWith\">\n      @for (o of results | async; track o) {\n      <mat-option [value]=\"o\">\n        <ng-container (attached)=\"onAttached(o, $event)\" [cdkPortalOutlet]=\"o.portal\"></ng-container>\n      </mat-option>\n      }\n    </mat-autocomplete>\n    <button mat-icon-button (click)=\"toggle($event)\" [bizdocTooltip]=\"'Search'|translate\" class=\"tool\"><mat-icon>search</mat-icon></button>\n    <!--notifications-->\n    <button mat-icon-button (click)=\"notifs($event)\" [bizdocTooltip]=\"'Notifications'|translate\" bizdocTooltipPosition=\"start\" class=\"tool\"\n            [attr.aria-label]=\"'Notifications'| translate\"\n            data-help=\"notifications\">\n      <mat-icon matListItemIcon [matBadge]=\"profile.notificationsCount\" [matBadgeHidden]=\"!profile.notificationsCount\"\n                matBadgeColor=\"accent\" aria-hidden=\"false\"\n                [class.filled]=\"profile.notificationsCount\">\n        {{profile.options.notifications.active ? 'notifications':'notifications_off'}}\n      </mat-icon>\n    </button>\n  </div>\n  <!--panes & tabs-->\n  <bizdoc-panes-outlet (dialogChange)=\"dialog = $event\" #main></bizdoc-panes-outlet>\n</div>\n", styles: [":host{display:flex;height:100%}::ng-deep .nav-collapsed .mdc-list-item{padding-right:0}::ng-deep [dir=rtl] .nav-collapsed .mdc-list-item{padding-left:0}.nav-menu{z-index:1}.nav-menu .sub-menu{min-width:210px;display:block;z-index:1;overflow-x:hidden;align-self:stretch}.nav-menu .sub-menu .action{display:flex;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.nav-menu .new-container{margin:8px 8px 0;text-align:center}.nav-menu .new-container button{min-width:35px;padding:0 14px;height:40px}.nav-menu .new-container button .mat-icon{margin-right:2px;margin-left:2px}.nav-menu .nav-icon{display:none}.nav-menu.nav-collapsed .nav-icon{display:unset}.nav-menu.nav-collapsed .nav-label{display:none}.nav-menu.nav-collapsed .sign-in{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;align-items:center}.nav-menu .sign-in{display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;overflow:hidden;margin-bottom:5px;align-items:baseline}.backdrop{position:absolute;z-index:200;width:100%;height:100%;display:block;background:#424242;opacity:.8}.main{flex:1;overflow-x:hidden;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.main .header{align-items:center;min-width:max-content}.main .header h1{font-size:xx-large;margin:12px;font-weight:100}.main .header h1 button{vertical-align:middle}.main .header h1 .breadcrumbs{font-size:smaller}.main .header .search-box{font-size:large}\n"], dependencies: [{ kind: "directive", type: i11.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: i11.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i11.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i12.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i13.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i14.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i14.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i14.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i15.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i14.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i16.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: i17.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i16.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i18.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i18.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i19.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i20.MatIconAnimate, selector: "[matAnimate]" }, { kind: "directive", type: i21.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i22.AdminMenuComponent, selector: "bizdoc-admin-menu", inputs: ["collapsed"] }, { kind: "component", type: i23.SlotsComponent, selector: "bizdoc-panes-outlet", outputs: ["dialogChange"] }, { kind: "component", type: i24.CubeMenuComponent, selector: "bizdoc-cube-menu", inputs: ["collapsed"], outputs: ["change"] }, { kind: "component", type: i25.ReportsMenuComponent, selector: "bizdoc-reports-menu", inputs: ["collapsed"], outputs: ["change"] }, { kind: "component", type: i26.FoldersMenuComponent, selector: "bizdoc-folders-menu", inputs: ["collapsed"], outputs: ["change"] }, { kind: "component", type: i27.ComposeMenuComponent, selector: "bizdoc-new-menu", outputs: ["change"] }, { kind: "pipe", type: i28.AsyncPipe, name: "async" }, { kind: "pipe", type: i29.TranslatePipe, name: "translate" }], animations: [submenuAnimation, panesTitleAnimation, searchAnimation] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: HomeComponent, deps: [{ token: i1.PanesRouter }, { token: i2.SearchService }, { token: i3.DocumentFactory }, { token: i4.Popup }, { token: i5.GuideService }, { token: i6.AuthenticationImpl }, { token: i0.Injector }, { token: i7.SessionService }, { token: i8.HubService }, { token: i9.TranslateService }, { token: i10.MatSnackBar }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: HomeComponent, selector: "bizdoc-home", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" }, classAttribute: "mat-app-background" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatSidenav, descendants: true, static: true }, { propertyName: "main", first: true, predicate: SlotsComponent, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "trigger", first: true, predicate: ["input"], descendants: true, read: MatAutocompleteTrigger }], usesInheritance: true, ngImport: i0, template: "<!-- menu -->\n<div [class.nav-collapsed]=\"collapsed\" [class.nav-open]=\"submenu\"\n     [class.dialog]=\"dialog\"\n     class=\"nav-menu row\">\n  <div class=\"column\">\n    <div>\n      @if (forms.length) {\n      <div [class.active]=\"activeMenu === 'new'\" class=\"new-container\">\n        <button mat-raised-button\n                [bizdocTooltip]=\"'Compose'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n                (click)=\"opennew()\" [disabled]=\"creating\"\n                [attr.aria-label]=\"'Compose'| translate\" color=\"primary\" data-help=\"compose\">\n          <mat-icon>add</mat-icon>\n          <span class=\"nav-label\">{{'Compose'| translate}}</span>\n        </button>\n      </div>\n      }\n      <mat-nav-list>\n        <mat-list-item [attr.aria-label]=\"'Dashboard' | translate\"\n                       (click)=\"nav('dashboard')\" [class.active]=\"activeMenu === 'dashboard'\"\n                       data-help=\"dashboard\"\n                       [bizdocTooltip]=\"'Dashboard'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon>apps</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Dashboard' | translate}}</span>\n        </mat-list-item>\n        <mat-list-item (click)=\"mails()\" [bizdocTooltip]=\"'Mailbox'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n                       [class.active]=\"activeMenu === 'mailbox'\"\n                       [attr.aria-label]=\"'Mailbox' | translate\" data-help=\"folders\">\n          <mat-icon matListItemIcon [matBadge]=\"profile.inboxCount\" [matBadgeHidden]=\"profile.inboxCount < 1\" matBadgeColor=\"accent\" aria-hidden=\"false\">inbox</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{'Mailbox' | translate}}</span>\n        </mat-list-item>\n        @if (schedulerEnabled) {\n        <mat-list-item [attr.aria-label]=\"'Scheduler' | translate\"\n                       (click)=\"nav('schedule')\" [class.active]=\"activeMenu === 'schedule'\"\n                       [bizdocTooltip]=\"'Scheduler'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon class=\"mat-icon-rtl-mirror\">date_range</mat-icon><span class=\"nav-label\" matListItemTitle>{{ 'Scheduler' | translate}}</span>\n        </mat-list-item>\n        }\n        @if (chatEnabled) {\n        <mat-list-item data-help=\"chat\" [attr.aria-label]=\"'Chat' | translate\"\n                       (click)=\"nav('contacts')\" [class.active]=\"activeMenu === 'contacts'\"\n                       [bizdocTooltip]=\"'Chat'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon [matBadge]=\"profile.conversationsCount\" [matBadgeHidden]=\"!profile.conversationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\">chat</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{ 'Chat' | translate}}</span>\n        </mat-list-item>\n        }\n        <mat-divider></mat-divider>\n        @if (enableAnalysis && profile.cubes.length) {\n        <mat-list-item (click)=\"opensubmenu('cube')\"\n                       [class.active]=\"activeMenu === 'cube'\"\n                       [bizdocTooltip]=\"'Cube'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n                       data-help=\"cube\" [attr.aria-label]=\"'Cube' | translate\">\n          <mat-icon matListItemIcon>equalizer</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Cube' | translate}}</span>\n        </mat-list-item>\n        }\n        @if (profile.reports.length) {\n        <mat-list-item (click)=\"opensubmenu('reports')\"\n                       [class.active]=\"activeMenu === 'reports'\"\n                       [bizdocTooltip]=\"'Reports'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\" data-help=\"reports\" [attr.aria-label]=\"'Reports' | translate\">\n          <mat-icon matListItemIcon>list_alt</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Reports' | translate}}</span>\n        </mat-list-item>\n        }\n        @if (isSysAdmin) {\n        <mat-divider></mat-divider>\n        <mat-list-item (click)=\"opensubmenu('admin')\"\n                       [class.active]=\"activeMenu === 'admin'\"\n                       [bizdocTooltip]=\"'System'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\" [attr.aria-label]=\"'System' | translate\">\n          <mat-icon matListItemIcon>device_hub</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{'Workflow' | translate}}</span>\n        </mat-list-item>\n        }\n      </mat-nav-list>\n    </div>\n    <span class=\"divider\"></span>\n    <!--<lottie name=\"lf30_editor_qr7zgmcs\" *ngIf=\"loading\"></lottie>-->\n    <div class=\"sign-in\">\n      <button mat-icon-button data-help=\"settings\" [bizdocTooltip]=\"'Settings' | translate\" bizdocTooltipPosition=\"above\"\n              [attr.aria-label]=\"'Settings' | translate\" (click)=\"options($event)\">\n        <mat-icon matAnimate=\"rotate\">settingson</mat-icon>\n      </button>\n      @if(canSignOut) {\n      <span class=\"divider\"></span>\n      <button mat-icon-button data-help=\"sign-in\" [attr.aria-label]=\"'Power' | translate\" (click)=\"signout($event)\" [bizdocTooltip]=\"'Exit'|translate\" bizdocTooltipPosition=\"above\">\n        <mat-icon class=\"mat-icon-rtl-mirror\">logout</mat-icon>\n      </button>\n      }\n    </div>\n  </div>\n  <!-- -->\n  @if (submenu) {\n  <div class=\"sub-menu\" (mouseleave)=\"collapsesubmenu()\" [@submenu]=\"submenuMode\" (@submenu.done)=\"resize()\">\n    @if (submenu !== 'new') {\n    <div class=\"action\">\n      <button mat-icon-button (click)=\"togglePinned()\" [bizdocTooltip]=\"(pinned?'Collapse':'Expand')|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">{{pinned ? 'push_pin' : 'menu'}}</mat-icon></button>\n    </div>\n    }\n    @switch (submenu) {\n    @case ('new') {\n    <bizdoc-new-menu (change)=\"closesubmenu()\"></bizdoc-new-menu>\n    }\n    @case ('mailbox') {\n    <bizdoc-folders-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-folders-menu>\n    }\n    @case ('admin') {\n    <bizdoc-admin-menu [collapsed]=\"submenuMode === 'shrink'\"></bizdoc-admin-menu>\n    }\n    @case ('reports') {\n    <bizdoc-reports-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-reports-menu>\n    }\n    @case ('cube') {\n    <bizdoc-cube-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-cube-menu>\n    }\n    }\n  </div>\n  }\n  @if (dialog) {\n  <div class=\"backdrop\"></div>\n  }\n</div>\n<div class=\"main\">\n  <!-- title -->\n  <div class=\"row header\" [@title]=\"main.titleVariant\">\n    <h1>\n      @if (main.swap) {\n      <button mat-icon-button (click)=\"main.back()\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">arrow_circle_left</mat-icon></button>\n      }\n      @for (p of main.panes; track p; let first = $first) {\n      @if (!first) {\n      <span class=\"breadcrumbs\">\\</span>\n      }\n      {{p.title}}\n      }\n      @if (main.panes[0]?.guide) {\n      <button mat-icon-button (click)=\"guide(main.panes[0].guide)\" [bizdocTooltip]=\"'Help'|translate\"><mat-icon>help</mat-icon></button>\n      }\n    </h1>\n    <span class=\"divider\">\n    </span>\n    <!--search-->\n    <input type=\"text\"\n           [@search]=\"searching\"\n           (@search.done)=\"searching && focus()\"\n           #input\n           (keydown.escape)=\"collapse($event)\"\n           [attr.aria-label]=\"'Search'|translate\"\n           [formControl]=\"search\"\n           [matAutocomplete]=\"auto\" class=\"search-box\">\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"goto($event)\" [displayWith]=\"displayWith\">\n      @for (o of results | async; track o) {\n      <mat-option [value]=\"o\">\n        <ng-container (attached)=\"onAttached(o, $event)\" [cdkPortalOutlet]=\"o.portal\"></ng-container>\n      </mat-option>\n      }\n    </mat-autocomplete>\n    <button mat-icon-button (click)=\"toggle($event)\" [bizdocTooltip]=\"'Search'|translate\" class=\"tool\"><mat-icon>search</mat-icon></button>\n    <!--notifications-->\n    <button mat-icon-button (click)=\"notifs($event)\" [bizdocTooltip]=\"'Notifications'|translate\" bizdocTooltipPosition=\"start\" class=\"tool\"\n            [attr.aria-label]=\"'Notifications'| translate\"\n            data-help=\"notifications\">\n      <mat-icon matListItemIcon [matBadge]=\"profile.notificationsCount\" [matBadgeHidden]=\"!profile.notificationsCount\"\n                matBadgeColor=\"accent\" aria-hidden=\"false\"\n                [class.filled]=\"profile.notificationsCount\">\n        {{profile.options.notifications.active ? 'notifications':'notifications_off'}}\n      </mat-icon>\n    </button>\n  </div>\n  <!--panes & tabs-->\n  <bizdoc-panes-outlet (dialogChange)=\"dialog = $event\" #main></bizdoc-panes-outlet>\n</div>\n", styles: [":host{display:flex;height:100%}::ng-deep .nav-collapsed .mdc-list-item{padding-right:0}::ng-deep [dir=rtl] .nav-collapsed .mdc-list-item{padding-left:0}.nav-menu{z-index:1}.nav-menu .sub-menu{min-width:210px;display:block;z-index:1;overflow-x:hidden;align-self:stretch}.nav-menu .sub-menu .action{display:flex;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.nav-menu .new-container{margin:8px 8px 0;text-align:center}.nav-menu .new-container button{min-width:35px;padding:0 14px;height:40px}.nav-menu .new-container button .mat-icon{margin-right:2px;margin-left:2px}.nav-menu .nav-icon{display:none}.nav-menu.nav-collapsed .nav-icon{display:unset}.nav-menu.nav-collapsed .nav-label{display:none}.nav-menu.nav-collapsed .sign-in{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;align-items:center}.nav-menu .sign-in{display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;overflow:hidden;margin-bottom:5px;align-items:baseline}.backdrop{position:absolute;z-index:200;width:100%;height:100%;display:block;background:#424242;opacity:.8}.main{flex:1;overflow-x:hidden;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.main .header{align-items:center;min-width:max-content}.main .header h1{font-size:xx-large;margin:12px;font-weight:100}.main .header h1 button{vertical-align:middle}.main .header h1 .breadcrumbs{font-size:smaller}.main .header .search-box{font-size:large}\n"], dependencies: [{ kind: "directive", type: i11.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: i11.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i11.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i12.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i13.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i14.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i14.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i14.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i15.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i14.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i16.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: i17.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i16.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i18.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i18.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i19.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i20.MatIconAnimate, selector: "[matAnimate]" }, { kind: "directive", type: i21.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i22.AdminMenuComponent, selector: "bizdoc-admin-menu", inputs: ["collapsed"] }, { kind: "component", type: i23.SlotsComponent, selector: "bizdoc-panes-outlet", outputs: ["dialogChange"] }, { kind: "component", type: i24.CubeMenuComponent, selector: "bizdoc-cube-menu", inputs: ["collapsed"], outputs: ["change"] }, { kind: "component", type: i25.ReportsMenuComponent, selector: "bizdoc-reports-menu", inputs: ["collapsed"], outputs: ["change"] }, { kind: "component", type: i26.FoldersMenuComponent, selector: "bizdoc-folders-menu", inputs: ["collapsed"], outputs: ["change"] }, { kind: "component", type: i27.ComposeMenuComponent, selector: "bizdoc-new-menu", outputs: ["change"] }, { kind: "pipe", type: i28.AsyncPipe, name: "async" }, { kind: "pipe", type: i29.TranslatePipe, name: "translate" }], animations: [submenuAnimation, panesTitleAnimation, searchAnimation] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: HomeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: HomeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-home', host: { class: 'mat-app-background' }, animations: [submenuAnimation, panesTitleAnimation, searchAnimation], template: "<!-- menu -->\n<div [class.nav-collapsed]=\"collapsed\" [class.nav-open]=\"submenu\"\n     [class.dialog]=\"dialog\"\n     class=\"nav-menu row\">\n  <div class=\"column\">\n    <div>\n      @if (forms.length) {\n      <div [class.active]=\"activeMenu === 'new'\" class=\"new-container\">\n        <button mat-raised-button\n                [bizdocTooltip]=\"'Compose'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n                (click)=\"opennew()\" [disabled]=\"creating\"\n                [attr.aria-label]=\"'Compose'| translate\" color=\"primary\" data-help=\"compose\">\n          <mat-icon>add</mat-icon>\n          <span class=\"nav-label\">{{'Compose'| translate}}</span>\n        </button>\n      </div>\n      }\n      <mat-nav-list>\n        <mat-list-item [attr.aria-label]=\"'Dashboard' | translate\"\n                       (click)=\"nav('dashboard')\" [class.active]=\"activeMenu === 'dashboard'\"\n                       data-help=\"dashboard\"\n                       [bizdocTooltip]=\"'Dashboard'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon>apps</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Dashboard' | translate}}</span>\n        </mat-list-item>\n        <mat-list-item (click)=\"mails()\" [bizdocTooltip]=\"'Mailbox'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n                       [class.active]=\"activeMenu === 'mailbox'\"\n                       [attr.aria-label]=\"'Mailbox' | translate\" data-help=\"folders\">\n          <mat-icon matListItemIcon [matBadge]=\"profile.inboxCount\" [matBadgeHidden]=\"profile.inboxCount < 1\" matBadgeColor=\"accent\" aria-hidden=\"false\">inbox</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{'Mailbox' | translate}}</span>\n        </mat-list-item>\n        @if (schedulerEnabled) {\n        <mat-list-item [attr.aria-label]=\"'Scheduler' | translate\"\n                       (click)=\"nav('schedule')\" [class.active]=\"activeMenu === 'schedule'\"\n                       [bizdocTooltip]=\"'Scheduler'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon class=\"mat-icon-rtl-mirror\">date_range</mat-icon><span class=\"nav-label\" matListItemTitle>{{ 'Scheduler' | translate}}</span>\n        </mat-list-item>\n        }\n        @if (chatEnabled) {\n        <mat-list-item data-help=\"chat\" [attr.aria-label]=\"'Chat' | translate\"\n                       (click)=\"nav('contacts')\" [class.active]=\"activeMenu === 'contacts'\"\n                       [bizdocTooltip]=\"'Chat'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon [matBadge]=\"profile.conversationsCount\" [matBadgeHidden]=\"!profile.conversationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\">chat</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{ 'Chat' | translate}}</span>\n        </mat-list-item>\n        }\n        <mat-divider></mat-divider>\n        @if (enableAnalysis && profile.cubes.length) {\n        <mat-list-item (click)=\"opensubmenu('cube')\"\n                       [class.active]=\"activeMenu === 'cube'\"\n                       [bizdocTooltip]=\"'Cube'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n                       data-help=\"cube\" [attr.aria-label]=\"'Cube' | translate\">\n          <mat-icon matListItemIcon>equalizer</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Cube' | translate}}</span>\n        </mat-list-item>\n        }\n        @if (profile.reports.length) {\n        <mat-list-item (click)=\"opensubmenu('reports')\"\n                       [class.active]=\"activeMenu === 'reports'\"\n                       [bizdocTooltip]=\"'Reports'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\" data-help=\"reports\" [attr.aria-label]=\"'Reports' | translate\">\n          <mat-icon matListItemIcon>list_alt</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Reports' | translate}}</span>\n        </mat-list-item>\n        }\n        @if (isSysAdmin) {\n        <mat-divider></mat-divider>\n        <mat-list-item (click)=\"opensubmenu('admin')\"\n                       [class.active]=\"activeMenu === 'admin'\"\n                       [bizdocTooltip]=\"'System'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\" [attr.aria-label]=\"'System' | translate\">\n          <mat-icon matListItemIcon>device_hub</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{'Workflow' | translate}}</span>\n        </mat-list-item>\n        }\n      </mat-nav-list>\n    </div>\n    <span class=\"divider\"></span>\n    <!--<lottie name=\"lf30_editor_qr7zgmcs\" *ngIf=\"loading\"></lottie>-->\n    <div class=\"sign-in\">\n      <button mat-icon-button data-help=\"settings\" [bizdocTooltip]=\"'Settings' | translate\" bizdocTooltipPosition=\"above\"\n              [attr.aria-label]=\"'Settings' | translate\" (click)=\"options($event)\">\n        <mat-icon matAnimate=\"rotate\">settingson</mat-icon>\n      </button>\n      @if(canSignOut) {\n      <span class=\"divider\"></span>\n      <button mat-icon-button data-help=\"sign-in\" [attr.aria-label]=\"'Power' | translate\" (click)=\"signout($event)\" [bizdocTooltip]=\"'Exit'|translate\" bizdocTooltipPosition=\"above\">\n        <mat-icon class=\"mat-icon-rtl-mirror\">logout</mat-icon>\n      </button>\n      }\n    </div>\n  </div>\n  <!-- -->\n  @if (submenu) {\n  <div class=\"sub-menu\" (mouseleave)=\"collapsesubmenu()\" [@submenu]=\"submenuMode\" (@submenu.done)=\"resize()\">\n    @if (submenu !== 'new') {\n    <div class=\"action\">\n      <button mat-icon-button (click)=\"togglePinned()\" [bizdocTooltip]=\"(pinned?'Collapse':'Expand')|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">{{pinned ? 'push_pin' : 'menu'}}</mat-icon></button>\n    </div>\n    }\n    @switch (submenu) {\n    @case ('new') {\n    <bizdoc-new-menu (change)=\"closesubmenu()\"></bizdoc-new-menu>\n    }\n    @case ('mailbox') {\n    <bizdoc-folders-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-folders-menu>\n    }\n    @case ('admin') {\n    <bizdoc-admin-menu [collapsed]=\"submenuMode === 'shrink'\"></bizdoc-admin-menu>\n    }\n    @case ('reports') {\n    <bizdoc-reports-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-reports-menu>\n    }\n    @case ('cube') {\n    <bizdoc-cube-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-cube-menu>\n    }\n    }\n  </div>\n  }\n  @if (dialog) {\n  <div class=\"backdrop\"></div>\n  }\n</div>\n<div class=\"main\">\n  <!-- title -->\n  <div class=\"row header\" [@title]=\"main.titleVariant\">\n    <h1>\n      @if (main.swap) {\n      <button mat-icon-button (click)=\"main.back()\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">arrow_circle_left</mat-icon></button>\n      }\n      @for (p of main.panes; track p; let first = $first) {\n      @if (!first) {\n      <span class=\"breadcrumbs\">\\</span>\n      }\n      {{p.title}}\n      }\n      @if (main.panes[0]?.guide) {\n      <button mat-icon-button (click)=\"guide(main.panes[0].guide)\" [bizdocTooltip]=\"'Help'|translate\"><mat-icon>help</mat-icon></button>\n      }\n    </h1>\n    <span class=\"divider\">\n    </span>\n    <!--search-->\n    <input type=\"text\"\n           [@search]=\"searching\"\n           (@search.done)=\"searching && focus()\"\n           #input\n           (keydown.escape)=\"collapse($event)\"\n           [attr.aria-label]=\"'Search'|translate\"\n           [formControl]=\"search\"\n           [matAutocomplete]=\"auto\" class=\"search-box\">\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"goto($event)\" [displayWith]=\"displayWith\">\n      @for (o of results | async; track o) {\n      <mat-option [value]=\"o\">\n        <ng-container (attached)=\"onAttached(o, $event)\" [cdkPortalOutlet]=\"o.portal\"></ng-container>\n      </mat-option>\n      }\n    </mat-autocomplete>\n    <button mat-icon-button (click)=\"toggle($event)\" [bizdocTooltip]=\"'Search'|translate\" class=\"tool\"><mat-icon>search</mat-icon></button>\n    <!--notifications-->\n    <button mat-icon-button (click)=\"notifs($event)\" [bizdocTooltip]=\"'Notifications'|translate\" bizdocTooltipPosition=\"start\" class=\"tool\"\n            [attr.aria-label]=\"'Notifications'| translate\"\n            data-help=\"notifications\">\n      <mat-icon matListItemIcon [matBadge]=\"profile.notificationsCount\" [matBadgeHidden]=\"!profile.notificationsCount\"\n                matBadgeColor=\"accent\" aria-hidden=\"false\"\n                [class.filled]=\"profile.notificationsCount\">\n        {{profile.options.notifications.active ? 'notifications':'notifications_off'}}\n      </mat-icon>\n    </button>\n  </div>\n  <!--panes & tabs-->\n  <bizdoc-panes-outlet (dialogChange)=\"dialog = $event\" #main></bizdoc-panes-outlet>\n</div>\n", styles: [":host{display:flex;height:100%}::ng-deep .nav-collapsed .mdc-list-item{padding-right:0}::ng-deep [dir=rtl] .nav-collapsed .mdc-list-item{padding-left:0}.nav-menu{z-index:1}.nav-menu .sub-menu{min-width:210px;display:block;z-index:1;overflow-x:hidden;align-self:stretch}.nav-menu .sub-menu .action{display:flex;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.nav-menu .new-container{margin:8px 8px 0;text-align:center}.nav-menu .new-container button{min-width:35px;padding:0 14px;height:40px}.nav-menu .new-container button .mat-icon{margin-right:2px;margin-left:2px}.nav-menu .nav-icon{display:none}.nav-menu.nav-collapsed .nav-icon{display:unset}.nav-menu.nav-collapsed .nav-label{display:none}.nav-menu.nav-collapsed .sign-in{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;align-items:center}.nav-menu .sign-in{display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;overflow:hidden;margin-bottom:5px;align-items:baseline}.backdrop{position:absolute;z-index:200;width:100%;height:100%;display:block;background:#424242;opacity:.8}.main{flex:1;overflow-x:hidden;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.main .header{align-items:center;min-width:max-content}.main .header h1{font-size:xx-large;margin:12px;font-weight:100}.main .header h1 button{vertical-align:middle}.main .header h1 .breadcrumbs{font-size:smaller}.main .header .search-box{font-size:large}\n"] }]
         }], ctorParameters: () => [{ type: i1.PanesRouter }, { type: i2.SearchService }, { type: i3.DocumentFactory }, { type: i4.Popup }, { type: i5.GuideService }, { type: i6.AuthenticationImpl }, { type: i0.Injector }, { type: i7.SessionService }, { type: i8.HubService }, { type: i9.TranslateService }, { type: i10.MatSnackBar }, { type: undefined, decorators: [{

package/esm2022/lib/home/home.mobile.component.mjs

@@ -115,10 +115,10 @@ export class HomeMobileComponent extends HomeBase {
         this.mode = 'notifications';
         this.secondaryDrawer.toggle().then(this.resize);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: HomeMobileComponent, deps: [{ token: i1.Router }, { token: i2.MatBottomSheet }, { token: i3.Directionality }, { token: i4.Popup }, { token: i0.Injector }, { token: i5.SessionService }, { token: i6.HubService }, { token: i7.TranslateService }, { token: i8.MatSnackBar }, { token: i9.ChatInfo }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: HomeMobileComponent, selector: "bizdoc-mobile-home", viewQueries: [{ propertyName: "menuDrawer", first: true, predicate: MatSidenav, descendants: true, static: true }, { propertyName: "secondaryDrawer", first: true, predicate: ["secondaryDrawer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<mat-toolbar color=\"primary\" [class.loading]=\"loading\">\n  <button mat-icon-button (click)='menuDrawer.toggle()' [bizdocTooltip]=\"'Menu' | translate\" [attr.aria-label]=\"'Menu' | translate\"><mat-icon>menu</mat-icon></button>\n  <div [routerLink]='[\"/dashboard\"]' matRipple [matRippleUnbounded]=\"true\" [matRippleRadius]=\"100\" [matRippleCentered]=\"true\" style=\"outline: none\">\n    <!--<img id=\"logo\" src=\"logo.svg\" alt=\"\" />-->\n  </div>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"notifs()\" data-help=\"notifications\" [attr.aria-label]=\"'Notifications' | translate\" [bizdocTooltip]=\"'Notifications' | translate\"><mat-icon [matBadge]=\"profile.notificationsCount\" [matBadgeHidden]=\"!profile.notificationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\">notifications</mat-icon></button>\n  @if (chatEnabled) {\n    <button mat-icon-button (click)=\"chat()\" data-help=\"chat\" [attr.aria-label]=\"'Chat' | translate\" [bizdocTooltip]=\"'Chat' | translate\"><mat-icon [matBadge]=\"profile.conversationsCount\" [matBadgeHidden]=\"!profile.conversationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\" class=\"mat-icon-rtl-mirror\">chat</mat-icon></button>\n  }\n</mat-toolbar>\n<mat-sidenav-container autosize>\n  <mat-sidenav #menuDrawer data-help=\"menu\" mode=\"over\" closed class=\"mat-elevation-z5\">\n    <mat-nav-list class=\"nav-menu-mobile\">\n      <mat-list-item [routerLink]='[\"/dashboard\"]' [attr.aria-label]=\"'Dashboard' | translate\" routerLinkActive=\"active\" data-help=\"dashboard\">\n        <mat-icon matListItemIcon>apps</mat-icon><span matListItemTitle>{{'Dashboard' | translate}}</span>\n      </mat-list-item>\n      <mat-expansion-panel expanded=\"true\" class=\"mat-elevation-z0\" [attr.aria-label]=\"'Mailbox' | translate\" data-help=\"folders\">\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <!--<mat-icon>inbox</mat-icon>-->\n            <span>{{'Mailbox' | translate}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        @for (f of profile.folders; track f) {\n          <mat-list-item [routerLink]='[\"/mailbox/f\", f.name]' routerLinkActive=\"active\" [attr.data-help]=\"'folder-'+f.name\" [attr.aria-label]=\"f.title\">\n            <mat-icon matListItemIcon>{{f.icon}}</mat-icon>\n            <span matListItemTitle>{{f.title}}</span>\n          </mat-list-item>\n        }\n      </mat-expansion-panel>\n      @if (schedulerEnabled) {\n        <mat-list-item [routerLink]='[\"/schedule\"]' routerLinkActive=\"active\" [attr.aria-label]=\"'Scheduler' | translate\">\n          <mat-icon matListItemIcon class=\"mat-icon-rtl-mirror\">date_range</mat-icon>\n          <span matListItemTitle>{{ 'Schedule' | translate}}</span>\n        </mat-list-item>\n      }\n      <mat-divider></mat-divider>\n      @if (enableAnalysis) {\n        @for (c of profile.cubes; track c) {\n          @if (c.views.length) {\n            <mat-expansion-panel class=\"mat-elevation-z0\">\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  <!--<mat-icon>{{ c.icon || 'insert_chart_outlined'}}</mat-icon>-->\n                  <span>{{c.title}}</span>\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n              @for (v of c.views; track v) {\n                <mat-list-item [routerLink]='[\"/cube\", c.name, \"v\", v.name]' routerLinkActive=\"active\" [attr.data-help]=\"'cube-view-'+v.name\">\n                  <mat-icon matListItemIcon>{{v.icon || 'insights'}}</mat-icon>\n                  <span matListItemTitle>{{v.title}}</span>\n                </mat-list-item>\n              }\n            </mat-expansion-panel>\n          }\n        }\n      }\n      @if (profile.reports.length) {\n        <mat-expansion-panel class=\"mat-elevation-z0\" [attr.aria-label]=\"'Reports' | translate\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <!--<mat-icon>list_alt</mat-icon>-->\n              <span>{{'Reports' | translate}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          @for (r of profile.reports; track r) {\n            <mat-list-item [routerLink]='[\"/reports\", r.name]' routerLinkActive=\"active\"\n              [attr.aria-label]=\"r.title\" [attr.data-help]=\"'report-'+r.name\">\n              <mat-icon matListItemIcon>{{r.icon}}</mat-icon><span matListItemTitle>{{r.title}}</span>\n            </mat-list-item>\n          }\n        </mat-expansion-panel>\n      }\n      <mat-divider></mat-divider>\n      <mat-list-item role=\"listitem\" data-help=\"options\"\n        (click)=\"options($event)\">\n        <mat-icon matListItemIcon>settingson</mat-icon>\n        <span matListItemTitle>{{'Settings' | translate}}</span>\n      </mat-list-item>\n      <mat-divider></mat-divider>\n      <mat-list-item role=\"listitem\" (click)=\"signout()\">\n        <mat-icon matListItemIcon>logout</mat-icon>\n        <span matListItemTitle>{{'Power' | translate}}</span>\n      </mat-list-item>\n    </mat-nav-list>\n  </mat-sidenav>\n  <mat-sidenav #secondaryDrawer position=\"end\" closed mode=\"over\" autoFocus=\"false\" class=\"mat-elevation-z3\">\n    @switch (mode) {\n      @case ('chat') {\n        <bizdoc-chat [(contact)]=\"contact\"></bizdoc-chat>\n      }\n      @case ('notifications') {\n        <bizdoc-notifications-table></bizdoc-notifications-table>\n      }\n    }\n  </mat-sidenav>\n  <mat-sidenav-content data-help=\"main\">\n    <router-outlet></router-outlet>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n@if (composeEnabled) {\n  <button mat-fab [attr.aria-label]=\"'Compose'| translate\" [@fabFull]=\"composeState\" color=\"accent\" (click)=\"compose()\" data-help=\"compose\"><mat-icon>add</mat-icon></button>\n}\n", styles: ["#logo{padding-left:12px;padding-right:12px;vertical-align:middle;width:120px;filter:invert(1)}:host ::ng-deep .mat-sidenav-container{height:calc(100% - 58px)}:host ::ng-deep .mat-sidenav-container .home-content{padding:unset}::ng-deep .mat-drawer-inner-container{height:auto}router-outlet~*{position:absolute;height:100%;width:100%}.mat-mdc-fab{z-index:1;position:absolute;bottom:30px;right:30px}::ng-deep [dir=rtl] .mat-mdc-fab{left:30px;right:unset}:host ::ng-deep .mat-expansion-panel-body{padding:0}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i10.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i11.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i11.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i11.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i12.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i13.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i13.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i13.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i14.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i13.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i15.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i15.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i15.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i16.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i17.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i17.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "component", type: i18.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i19.NotificationsTableComponent, selector: "bizdoc-notifications-table" }, { kind: "directive", type: i20.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i21.ChatMobileComponent, selector: "bizdoc-chat", inputs: ["contact"], outputs: ["contactChange"] }, { kind: "pipe", type: i22.TranslatePipe, name: "translate" }], animations: [fabAnimation] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: HomeMobileComponent, deps: [{ token: i1.Router }, { token: i2.MatBottomSheet }, { token: i3.Directionality }, { token: i4.Popup }, { token: i0.Injector }, { token: i5.SessionService }, { token: i6.HubService }, { token: i7.TranslateService }, { token: i8.MatSnackBar }, { token: i9.ChatInfo }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: HomeMobileComponent, selector: "bizdoc-mobile-home", viewQueries: [{ propertyName: "menuDrawer", first: true, predicate: MatSidenav, descendants: true, static: true }, { propertyName: "secondaryDrawer", first: true, predicate: ["secondaryDrawer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<mat-toolbar color=\"primary\" [class.loading]=\"loading\">\n  <button mat-icon-button (click)='menuDrawer.toggle()' [bizdocTooltip]=\"'Menu' | translate\" [attr.aria-label]=\"'Menu' | translate\"><mat-icon>menu</mat-icon></button>\n  <div [routerLink]='[\"/dashboard\"]' matRipple [matRippleUnbounded]=\"true\" [matRippleRadius]=\"100\" [matRippleCentered]=\"true\" style=\"outline: none\">\n    <!--<img id=\"logo\" src=\"logo.svg\" alt=\"\" />-->\n  </div>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"notifs()\" data-help=\"notifications\" [attr.aria-label]=\"'Notifications' | translate\" [bizdocTooltip]=\"'Notifications' | translate\"><mat-icon [matBadge]=\"profile.notificationsCount\" [matBadgeHidden]=\"!profile.notificationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\">notifications</mat-icon></button>\n  @if (chatEnabled) {\n    <button mat-icon-button (click)=\"chat()\" data-help=\"chat\" [attr.aria-label]=\"'Chat' | translate\" [bizdocTooltip]=\"'Chat' | translate\"><mat-icon [matBadge]=\"profile.conversationsCount\" [matBadgeHidden]=\"!profile.conversationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\" class=\"mat-icon-rtl-mirror\">chat</mat-icon></button>\n  }\n</mat-toolbar>\n<mat-sidenav-container autosize>\n  <mat-sidenav #menuDrawer data-help=\"menu\" mode=\"over\" closed class=\"mat-elevation-z5\">\n    <mat-nav-list class=\"nav-menu-mobile\">\n      <mat-list-item [routerLink]='[\"/dashboard\"]' [attr.aria-label]=\"'Dashboard' | translate\" routerLinkActive=\"active\" data-help=\"dashboard\">\n        <mat-icon matListItemIcon>apps</mat-icon><span matListItemTitle>{{'Dashboard' | translate}}</span>\n      </mat-list-item>\n      <mat-expansion-panel expanded=\"true\" class=\"mat-elevation-z0\" [attr.aria-label]=\"'Mailbox' | translate\" data-help=\"folders\">\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <!--<mat-icon>inbox</mat-icon>-->\n            <span>{{'Mailbox' | translate}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        @for (f of profile.folders; track f) {\n          <mat-list-item [routerLink]='[\"/mailbox/f\", f.name]' routerLinkActive=\"active\" [attr.data-help]=\"'folder-'+f.name\" [attr.aria-label]=\"f.title\">\n            <mat-icon matListItemIcon>{{f.icon}}</mat-icon>\n            <span matListItemTitle>{{f.title}}</span>\n          </mat-list-item>\n        }\n      </mat-expansion-panel>\n      @if (schedulerEnabled) {\n        <mat-list-item [routerLink]='[\"/schedule\"]' routerLinkActive=\"active\" [attr.aria-label]=\"'Scheduler' | translate\">\n          <mat-icon matListItemIcon class=\"mat-icon-rtl-mirror\">date_range</mat-icon>\n          <span matListItemTitle>{{ 'Schedule' | translate}}</span>\n        </mat-list-item>\n      }\n      <mat-divider></mat-divider>\n      @if (enableAnalysis) {\n        @for (c of profile.cubes; track c) {\n          @if (c.views.length) {\n            <mat-expansion-panel class=\"mat-elevation-z0\">\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  <!--<mat-icon>{{ c.icon || 'insert_chart_outlined'}}</mat-icon>-->\n                  <span>{{c.title}}</span>\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n              @for (v of c.views; track v) {\n                <mat-list-item [routerLink]='[\"/cube\", c.name, \"v\", v.name]' routerLinkActive=\"active\" [attr.data-help]=\"'cube-view-'+v.name\">\n                  <mat-icon matListItemIcon>{{v.icon || 'insights'}}</mat-icon>\n                  <span matListItemTitle>{{v.title}}</span>\n                </mat-list-item>\n              }\n            </mat-expansion-panel>\n          }\n        }\n      }\n      @if (profile.reports.length) {\n        <mat-expansion-panel class=\"mat-elevation-z0\" [attr.aria-label]=\"'Reports' | translate\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <!--<mat-icon>list_alt</mat-icon>-->\n              <span>{{'Reports' | translate}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          @for (r of profile.reports; track r) {\n            <mat-list-item [routerLink]='[\"/reports\", r.name]' routerLinkActive=\"active\"\n              [attr.aria-label]=\"r.title\" [attr.data-help]=\"'report-'+r.name\">\n              <mat-icon matListItemIcon>{{r.icon}}</mat-icon><span matListItemTitle>{{r.title}}</span>\n            </mat-list-item>\n          }\n        </mat-expansion-panel>\n      }\n      <mat-divider></mat-divider>\n      <mat-list-item role=\"listitem\" data-help=\"options\"\n        (click)=\"options($event)\">\n        <mat-icon matListItemIcon>settingson</mat-icon>\n        <span matListItemTitle>{{'Settings' | translate}}</span>\n      </mat-list-item>\n      <mat-divider></mat-divider>\n      <mat-list-item role=\"listitem\" (click)=\"signout()\">\n        <mat-icon matListItemIcon>logout</mat-icon>\n        <span matListItemTitle>{{'Power' | translate}}</span>\n      </mat-list-item>\n    </mat-nav-list>\n  </mat-sidenav>\n  <mat-sidenav #secondaryDrawer position=\"end\" closed mode=\"over\" autoFocus=\"false\" class=\"mat-elevation-z3\">\n    @switch (mode) {\n      @case ('chat') {\n        <bizdoc-chat [(contact)]=\"contact\"></bizdoc-chat>\n      }\n      @case ('notifications') {\n        <bizdoc-notifications-table></bizdoc-notifications-table>\n      }\n    }\n  </mat-sidenav>\n  <mat-sidenav-content data-help=\"main\">\n    <router-outlet></router-outlet>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n@if (composeEnabled) {\n  <button mat-fab [attr.aria-label]=\"'Compose'| translate\" [@fabFull]=\"composeState\" color=\"accent\" (click)=\"compose()\" data-help=\"compose\"><mat-icon>add</mat-icon></button>\n}\n", styles: ["#logo{padding-left:12px;padding-right:12px;vertical-align:middle;width:120px;filter:invert(1)}:host ::ng-deep .mat-sidenav-container{height:calc(100% - 58px)}:host ::ng-deep .mat-sidenav-container .home-content{padding:unset}::ng-deep .mat-drawer-inner-container{height:auto}router-outlet~*{position:absolute;height:100%;width:100%}.mat-mdc-fab{z-index:1;position:absolute;bottom:30px;right:30px}::ng-deep [dir=rtl] .mat-mdc-fab{left:30px;right:unset}:host ::ng-deep .mat-expansion-panel-body{padding:0}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i10.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i11.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i11.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i11.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i12.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i13.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i13.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i13.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i14.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i13.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i15.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i15.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i15.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i16.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i17.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i17.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "component", type: i18.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i19.NotificationsTableComponent, selector: "bizdoc-notifications-table" }, { kind: "directive", type: i20.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i21.ChatMobileComponent, selector: "bizdoc-chat", inputs: ["contact"], outputs: ["contactChange"] }, { kind: "pipe", type: i22.TranslatePipe, name: "translate" }], animations: [fabAnimation] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: HomeMobileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: HomeMobileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-mobile-home', animations: [fabAnimation], template: "<mat-toolbar color=\"primary\" [class.loading]=\"loading\">\n  <button mat-icon-button (click)='menuDrawer.toggle()' [bizdocTooltip]=\"'Menu' | translate\" [attr.aria-label]=\"'Menu' | translate\"><mat-icon>menu</mat-icon></button>\n  <div [routerLink]='[\"/dashboard\"]' matRipple [matRippleUnbounded]=\"true\" [matRippleRadius]=\"100\" [matRippleCentered]=\"true\" style=\"outline: none\">\n    <!--<img id=\"logo\" src=\"logo.svg\" alt=\"\" />-->\n  </div>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"notifs()\" data-help=\"notifications\" [attr.aria-label]=\"'Notifications' | translate\" [bizdocTooltip]=\"'Notifications' | translate\"><mat-icon [matBadge]=\"profile.notificationsCount\" [matBadgeHidden]=\"!profile.notificationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\">notifications</mat-icon></button>\n  @if (chatEnabled) {\n    <button mat-icon-button (click)=\"chat()\" data-help=\"chat\" [attr.aria-label]=\"'Chat' | translate\" [bizdocTooltip]=\"'Chat' | translate\"><mat-icon [matBadge]=\"profile.conversationsCount\" [matBadgeHidden]=\"!profile.conversationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\" class=\"mat-icon-rtl-mirror\">chat</mat-icon></button>\n  }\n</mat-toolbar>\n<mat-sidenav-container autosize>\n  <mat-sidenav #menuDrawer data-help=\"menu\" mode=\"over\" closed class=\"mat-elevation-z5\">\n    <mat-nav-list class=\"nav-menu-mobile\">\n      <mat-list-item [routerLink]='[\"/dashboard\"]' [attr.aria-label]=\"'Dashboard' | translate\" routerLinkActive=\"active\" data-help=\"dashboard\">\n        <mat-icon matListItemIcon>apps</mat-icon><span matListItemTitle>{{'Dashboard' | translate}}</span>\n      </mat-list-item>\n      <mat-expansion-panel expanded=\"true\" class=\"mat-elevation-z0\" [attr.aria-label]=\"'Mailbox' | translate\" data-help=\"folders\">\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <!--<mat-icon>inbox</mat-icon>-->\n            <span>{{'Mailbox' | translate}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        @for (f of profile.folders; track f) {\n          <mat-list-item [routerLink]='[\"/mailbox/f\", f.name]' routerLinkActive=\"active\" [attr.data-help]=\"'folder-'+f.name\" [attr.aria-label]=\"f.title\">\n            <mat-icon matListItemIcon>{{f.icon}}</mat-icon>\n            <span matListItemTitle>{{f.title}}</span>\n          </mat-list-item>\n        }\n      </mat-expansion-panel>\n      @if (schedulerEnabled) {\n        <mat-list-item [routerLink]='[\"/schedule\"]' routerLinkActive=\"active\" [attr.aria-label]=\"'Scheduler' | translate\">\n          <mat-icon matListItemIcon class=\"mat-icon-rtl-mirror\">date_range</mat-icon>\n          <span matListItemTitle>{{ 'Schedule' | translate}}</span>\n        </mat-list-item>\n      }\n      <mat-divider></mat-divider>\n      @if (enableAnalysis) {\n        @for (c of profile.cubes; track c) {\n          @if (c.views.length) {\n            <mat-expansion-panel class=\"mat-elevation-z0\">\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  <!--<mat-icon>{{ c.icon || 'insert_chart_outlined'}}</mat-icon>-->\n                  <span>{{c.title}}</span>\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n              @for (v of c.views; track v) {\n                <mat-list-item [routerLink]='[\"/cube\", c.name, \"v\", v.name]' routerLinkActive=\"active\" [attr.data-help]=\"'cube-view-'+v.name\">\n                  <mat-icon matListItemIcon>{{v.icon || 'insights'}}</mat-icon>\n                  <span matListItemTitle>{{v.title}}</span>\n                </mat-list-item>\n              }\n            </mat-expansion-panel>\n          }\n        }\n      }\n      @if (profile.reports.length) {\n        <mat-expansion-panel class=\"mat-elevation-z0\" [attr.aria-label]=\"'Reports' | translate\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <!--<mat-icon>list_alt</mat-icon>-->\n              <span>{{'Reports' | translate}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          @for (r of profile.reports; track r) {\n            <mat-list-item [routerLink]='[\"/reports\", r.name]' routerLinkActive=\"active\"\n              [attr.aria-label]=\"r.title\" [attr.data-help]=\"'report-'+r.name\">\n              <mat-icon matListItemIcon>{{r.icon}}</mat-icon><span matListItemTitle>{{r.title}}</span>\n            </mat-list-item>\n          }\n        </mat-expansion-panel>\n      }\n      <mat-divider></mat-divider>\n      <mat-list-item role=\"listitem\" data-help=\"options\"\n        (click)=\"options($event)\">\n        <mat-icon matListItemIcon>settingson</mat-icon>\n        <span matListItemTitle>{{'Settings' | translate}}</span>\n      </mat-list-item>\n      <mat-divider></mat-divider>\n      <mat-list-item role=\"listitem\" (click)=\"signout()\">\n        <mat-icon matListItemIcon>logout</mat-icon>\n        <span matListItemTitle>{{'Power' | translate}}</span>\n      </mat-list-item>\n    </mat-nav-list>\n  </mat-sidenav>\n  <mat-sidenav #secondaryDrawer position=\"end\" closed mode=\"over\" autoFocus=\"false\" class=\"mat-elevation-z3\">\n    @switch (mode) {\n      @case ('chat') {\n        <bizdoc-chat [(contact)]=\"contact\"></bizdoc-chat>\n      }\n      @case ('notifications') {\n        <bizdoc-notifications-table></bizdoc-notifications-table>\n      }\n    }\n  </mat-sidenav>\n  <mat-sidenav-content data-help=\"main\">\n    <router-outlet></router-outlet>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n@if (composeEnabled) {\n  <button mat-fab [attr.aria-label]=\"'Compose'| translate\" [@fabFull]=\"composeState\" color=\"accent\" (click)=\"compose()\" data-help=\"compose\"><mat-icon>add</mat-icon></button>\n}\n", styles: ["#logo{padding-left:12px;padding-right:12px;vertical-align:middle;width:120px;filter:invert(1)}:host ::ng-deep .mat-sidenav-container{height:calc(100% - 58px)}:host ::ng-deep .mat-sidenav-container .home-content{padding:unset}::ng-deep .mat-drawer-inner-container{height:auto}router-outlet~*{position:absolute;height:100%;width:100%}.mat-mdc-fab{z-index:1;position:absolute;bottom:30px;right:30px}::ng-deep [dir=rtl] .mat-mdc-fab{left:30px;right:unset}:host ::ng-deep .mat-expansion-panel-body{padding:0}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }, { type: i2.MatBottomSheet }, { type: i3.Directionality }, { type: i4.Popup }, { type: i0.Injector }, { type: i5.SessionService }, { type: i6.HubService }, { type: i7.TranslateService }, { type: i8.MatSnackBar }, { type: i9.ChatInfo }, { type: undefined, decorators: [{

package/esm2022/lib/home/notifications/notifications.component.mjs

@@ -56,10 +56,10 @@ export class QuickNotificationsComponent extends NotificationsComponentBase {
     mute(item, mute) {
         this._service.mute(item.id, mute);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: QuickNotificationsComponent, deps: [{ token: i1.PopupRef }, { token: i2.PanesRouter }, { token: i3.NotificationsService }, { token: i4.SessionService }, { token: i0.Injector }, { token: i5.OptionsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: QuickNotificationsComponent, selector: "bizdoc-notifications", usesInheritance: true, ngImport: i0, template: "<mat-nav-list role=\"list\">\n  <!--dense-->\n  @for (n of notifications | sort: 'sent' : 'desc' | slice:0:9; track n; let i = $index) {\n    <mat-list-item role=\"listitem\" class=\"item\" [class.read]=\"n.read\" (click)=\"open(n, $event)\">\n      <h3 *ngComponentOutlet=\"n.comp; injector: n.injector\" matListItemTitle></h3>\n      <span matListItemLine [bizdocTooltip]=\"n.sent | amCalendar\">{{n.sent | amTimeAgo }}</span>\n      <button mat-icon-button [matMenuTriggerFor]=\"options\" [matMenuTriggerData]=\"{muted: false}\" class=\"tool\"><mat-icon>more_vert</mat-icon></button>\n      <mat-menu #options>\n        <ng-template matMenuContent let-muted=\"muted\">\n          <button mat-menu-item (click)=\"mute(n, true)\">{{ (!(muted | async) ? 'Mute': 'Unmute') | translate}}</button>\n        </ng-template>\n      </mat-menu>\n    </mat-list-item>\n  }\n</mat-nav-list>\n<div class=\"tools row\">\n  <a (click)=\"all()\">{{'ShowAll'|translate}}</a>&nbsp;\n  <span class=\"divider\"></span>\n  <a (click)='options()'>{{'Options'|translate}}</a>\n</div>\n", styles: [".item .tool{opacity:.1}.item:hover .tool{opacity:1}.tools{font-variant-caps:all-small-caps;font-size:medium;padding:8px}\n"], dependencies: [{ kind: "directive", type: i6.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { 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.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i7.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i11.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.SlicePipe, name: "slice" }, { kind: "pipe", type: i12.CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: i13.TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: i14.ArraySortPipe, name: "sort" }, { kind: "pipe", type: i15.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: QuickNotificationsComponent, deps: [{ token: i1.PopupRef }, { token: i2.PanesRouter }, { token: i3.NotificationsService }, { token: i4.SessionService }, { token: i0.Injector }, { token: i5.OptionsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: QuickNotificationsComponent, selector: "bizdoc-notifications", usesInheritance: true, ngImport: i0, template: "<mat-nav-list role=\"list\">\n  <!--dense-->\n  @for (n of notifications | sort: 'sent' : 'desc' | slice:0:9; track n; let i = $index) {\n    <mat-list-item role=\"listitem\" class=\"item\" [class.read]=\"n.read\" (click)=\"open(n, $event)\">\n      <h3 *ngComponentOutlet=\"n.comp; injector: n.injector\" matListItemTitle></h3>\n      <span matListItemLine [bizdocTooltip]=\"n.sent | amCalendar\">{{n.sent | amTimeAgo }}</span>\n      <button mat-icon-button [matMenuTriggerFor]=\"options\" [matMenuTriggerData]=\"{muted: false}\" class=\"tool\"><mat-icon>more_vert</mat-icon></button>\n      <mat-menu #options>\n        <ng-template matMenuContent let-muted=\"muted\">\n          <button mat-menu-item (click)=\"mute(n, true)\">{{ (!(muted | async) ? 'Mute': 'Unmute') | translate}}</button>\n        </ng-template>\n      </mat-menu>\n    </mat-list-item>\n  }\n</mat-nav-list>\n<div class=\"tools row\">\n  <a (click)=\"all()\">{{'ShowAll'|translate}}</a>&nbsp;\n  <span class=\"divider\"></span>\n  <a (click)='options()'>{{'Options'|translate}}</a>\n</div>\n", styles: [".item .tool{opacity:.1}.item:hover .tool{opacity:1}.tools{font-variant-caps:all-small-caps;font-size:medium;padding:8px}\n"], dependencies: [{ kind: "directive", type: i6.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { 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.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i7.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i11.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.SlicePipe, name: "slice" }, { kind: "pipe", type: i12.CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: i13.TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: i14.ArraySortPipe, name: "sort" }, { kind: "pipe", type: i15.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: QuickNotificationsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: QuickNotificationsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-notifications', template: "<mat-nav-list role=\"list\">\n  <!--dense-->\n  @for (n of notifications | sort: 'sent' : 'desc' | slice:0:9; track n; let i = $index) {\n    <mat-list-item role=\"listitem\" class=\"item\" [class.read]=\"n.read\" (click)=\"open(n, $event)\">\n      <h3 *ngComponentOutlet=\"n.comp; injector: n.injector\" matListItemTitle></h3>\n      <span matListItemLine [bizdocTooltip]=\"n.sent | amCalendar\">{{n.sent | amTimeAgo }}</span>\n      <button mat-icon-button [matMenuTriggerFor]=\"options\" [matMenuTriggerData]=\"{muted: false}\" class=\"tool\"><mat-icon>more_vert</mat-icon></button>\n      <mat-menu #options>\n        <ng-template matMenuContent let-muted=\"muted\">\n          <button mat-menu-item (click)=\"mute(n, true)\">{{ (!(muted | async) ? 'Mute': 'Unmute') | translate}}</button>\n        </ng-template>\n      </mat-menu>\n    </mat-list-item>\n  }\n</mat-nav-list>\n<div class=\"tools row\">\n  <a (click)=\"all()\">{{'ShowAll'|translate}}</a>&nbsp;\n  <span class=\"divider\"></span>\n  <a (click)='options()'>{{'Options'|translate}}</a>\n</div>\n", styles: [".item .tool{opacity:.1}.item:hover .tool{opacity:1}.tools{font-variant-caps:all-small-caps;font-size:medium;padding:8px}\n"] }]
         }], ctorParameters: () => [{ type: i1.PopupRef }, { type: i2.PanesRouter }, { type: i3.NotificationsService }, { type: i4.SessionService }, { type: i0.Injector }, { type: i5.OptionsService }] });

package/esm2022/lib/home/options/options.component.mjs

@@ -82,10 +82,10 @@ export class QuickOptionsComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: QuickOptionsComponent, deps: [{ token: i1.PromptService }, { token: i2.FormBuilder }, { token: i3.GuideService }, { token: i4.PopupRef, optional: true }, { token: i5.HubService }, { token: i6.SessionService }, { token: i7.MatDialog }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: QuickOptionsComponent, selector: "bizdoc-quick-options", ngImport: i0, template: "<div class=\"column\">\n  <div class=\"profile-name\">\n    <span class=\"mat-headline-6\">\n      @if (profile.byName) {\n      {{profile.byName}} \\\n      }\n      {{profile.name}}\n    </span>\n  </div>\n  <mat-divider />\n  <bizdoc-options section=\"notifications\"></bizdoc-options>\n  <mat-divider />\n  <!--keys-->\n  <div *ngTemplateOutlet=\"keysTmpl\"></div>\n  <!--themes-->\n  @if (themes.length > 1) {\n  <div class=\"row center\">\n    @for (t of themes; track t) {\n    <button (click)=\"changeTheme(t)\" mat-icon-button class=\"theme\" [style.background]=\"t.color\" [class.active]=\"t.name === theme\" [class.dark]=\"t.dark\" [bizdocTooltip]=\"'Theme'|translate\"></button>\n    }\n  </div>\n  }\n</div>\n<!--guide-->\n<mat-nav-list role=\"list\">\n  <mat-divider></mat-divider>\n  <h3 mat-subheader [matBadge]=\"guidesCount\" matBadgeColor=\"accent\" matBadgeOverlap=\"false\" matBadgeSize=\"small\">{{'Help'|translate}}</h3>\n  @for (g of guides; track g) {\n  <button mat-menu-item (click)=\"guide(g.name)\">{{g.title}}</button>\n  }\n</mat-nav-list>\n<mat-divider></mat-divider>\n<!--footer-->\n<div class=\"row\">\n  <button mat-button role=\"listitem\" [matMenuTriggerFor]=\"language\">\n    {{currentLanguage | translate}}\n    <mat-icon>arrow_drop_down</mat-icon>\n    <!--'ChangeLanguage'-->\n  </button>\n  <mat-menu #language>\n    @for (l of languages; track l) {\n    <button mat-menu-item (click)=\"changeLanguage(l)\">{{l | translate}}</button>\n    }\n  </mat-menu>\n  @if (online) {\n  <button mat-button [matMenuTriggerFor]=\"availability\">\n    {{'ShowAs' | translate : (available | translate | lowercase)}}\n    <mat-icon>arrow_drop_down</mat-icon>\n  </button>\n  }\n  <mat-menu #availability>\n    @for (m of modes; track m) {\n    <button mat-menu-item (click)=\"setAvailable(m)\">{{m | translate}}</button>\n    }\n  </mat-menu>\n  <span class=\"divider\"></span>\n  <button mat-button role=\"listitem\" (click)=\"about()\">{{ 'About' | translate}}</button>\n  @if (!online) {\n  <button mat-icon-button (click)=\"revive()\" [bizdocTooltip]=\"'Connect'|translate\">\n    <mat-icon>wifi_off</mat-icon>\n  </button>\n  }\n</div>\n<!---->\n<ng-template #keysTmpl>\n  <dl class=\"keys mat-body-2\">\n    <dt>Alt+n</dt>\n    <dd>{{'AltNHelp'|translate}}</dd>\n    <dt>Ctrl+s</dt>\n    <dd>{{'CtrlSHelp'|translate}}</dd>\n    <dt>Alt+s</dt>\n    <dd>{{'AltSHelp'|translate}}</dd>\n    <dt>Alt+q</dt>\n    <dd>{{'AltQHelp'|translate}}</dd>\n    <dt>Alt+a</dt>\n    <dd>{{'AltAHelp'|translate}}</dd>\n    <dt>Alt+h</dt>\n    <dd>{{'AltHHelp'|translate}}</dd>\n    <dt>Ctrl+.</dt>\n    <dd>{{'CtrlDotHelp'|translate}}</dd>\n  </dl>\n</ng-template>\n", styles: [".profile-name{margin:8px}.theme{height:22px!important;width:22px!important;-moz-border-radius:13px 13px!important;-webkit-border-radius:13px 13px!important;border-radius:13px!important;margin:4px!important}.theme.active.dark{border:2px solid #f4f4f4}button{font-weight:300!important}.keys dt{width:72px;float:inline-start;clear:both;font-variant-caps:all-small-caps}.keys dd{float:inline-end;font-size:small;margin:0}\n"], dependencies: [{ kind: "directive", type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i9.OptionsComponent, selector: "bizdoc-options", inputs: ["section"] }, { kind: "directive", type: i10.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i11.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "directive", type: i11.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i12.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i13.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i13.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i14.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i15.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i15.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i15.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i16.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i8.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i17.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: QuickOptionsComponent, deps: [{ token: i1.PromptService }, { token: i2.FormBuilder }, { token: i3.GuideService }, { token: i4.PopupRef, optional: true }, { token: i5.HubService }, { token: i6.SessionService }, { token: i7.MatDialog }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: QuickOptionsComponent, selector: "bizdoc-quick-options", ngImport: i0, template: "<div class=\"column\">\n  <div class=\"profile-name\">\n    <span class=\"mat-headline-6\">\n      @if (profile.byName) {\n      {{profile.byName}} \\\n      }\n      {{profile.name}}\n    </span>\n  </div>\n  <mat-divider />\n  <bizdoc-options section=\"notifications\"></bizdoc-options>\n  <mat-divider />\n  <!--keys-->\n  <div *ngTemplateOutlet=\"keysTmpl\"></div>\n  <!--themes-->\n  @if (themes.length > 1) {\n  <div class=\"row center\">\n    @for (t of themes; track t) {\n    <button (click)=\"changeTheme(t)\" mat-icon-button class=\"theme\" [style.background]=\"t.color\" [class.active]=\"t.name === theme\" [class.dark]=\"t.dark\" [bizdocTooltip]=\"'Theme'|translate\"></button>\n    }\n  </div>\n  }\n</div>\n<!--guide-->\n<mat-nav-list role=\"list\">\n  <mat-divider></mat-divider>\n  <h3 mat-subheader [matBadge]=\"guidesCount\" matBadgeColor=\"accent\" matBadgeOverlap=\"false\" matBadgeSize=\"small\">{{'Help'|translate}}</h3>\n  @for (g of guides; track g) {\n  <button mat-menu-item (click)=\"guide(g.name)\">{{g.title}}</button>\n  }\n</mat-nav-list>\n<mat-divider></mat-divider>\n<!--footer-->\n<div class=\"row\">\n  <button mat-button role=\"listitem\" [matMenuTriggerFor]=\"language\">\n    {{currentLanguage | translate}}\n    <mat-icon>arrow_drop_down</mat-icon>\n    <!--'ChangeLanguage'-->\n  </button>\n  <mat-menu #language>\n    @for (l of languages; track l) {\n    <button mat-menu-item (click)=\"changeLanguage(l)\">{{l | translate}}</button>\n    }\n  </mat-menu>\n  @if (online) {\n  <button mat-button [matMenuTriggerFor]=\"availability\">\n    {{'ShowAs' | translate : (available | translate | lowercase)}}\n    <mat-icon>arrow_drop_down</mat-icon>\n  </button>\n  }\n  <mat-menu #availability>\n    @for (m of modes; track m) {\n    <button mat-menu-item (click)=\"setAvailable(m)\">{{m | translate}}</button>\n    }\n  </mat-menu>\n  <span class=\"divider\"></span>\n  <button mat-button role=\"listitem\" (click)=\"about()\">{{ 'About' | translate}}</button>\n  @if (!online) {\n  <button mat-icon-button (click)=\"revive()\" [bizdocTooltip]=\"'Connect'|translate\">\n    <mat-icon>wifi_off</mat-icon>\n  </button>\n  }\n</div>\n<!---->\n<ng-template #keysTmpl>\n  <dl class=\"keys mat-body-2\">\n    <dt>Alt+n</dt>\n    <dd>{{'AltNHelp'|translate}}</dd>\n    <dt>Ctrl+s</dt>\n    <dd>{{'CtrlSHelp'|translate}}</dd>\n    <dt>Alt+s</dt>\n    <dd>{{'AltSHelp'|translate}}</dd>\n    <dt>Alt+q</dt>\n    <dd>{{'AltQHelp'|translate}}</dd>\n    <dt>Alt+a</dt>\n    <dd>{{'AltAHelp'|translate}}</dd>\n    <dt>Alt+h</dt>\n    <dd>{{'AltHHelp'|translate}}</dd>\n    <dt>Ctrl+.</dt>\n    <dd>{{'CtrlDotHelp'|translate}}</dd>\n  </dl>\n</ng-template>\n", styles: [".profile-name{margin:8px}.theme{height:22px!important;width:22px!important;-moz-border-radius:13px 13px!important;-webkit-border-radius:13px 13px!important;border-radius:13px!important;margin:4px!important}.theme.active.dark{border:2px solid #f4f4f4}button{font-weight:300!important}.keys dt{width:72px;float:inline-start;clear:both;font-variant-caps:all-small-caps}.keys dd{float:inline-end;font-size:small;margin:0}\n"], dependencies: [{ kind: "directive", type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i9.OptionsComponent, selector: "bizdoc-options", inputs: ["section"] }, { kind: "directive", type: i10.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i11.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "directive", type: i11.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i12.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i13.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i13.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i14.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i15.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i15.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i15.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i16.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i8.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i17.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: QuickOptionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: QuickOptionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-quick-options', template: "<div class=\"column\">\n  <div class=\"profile-name\">\n    <span class=\"mat-headline-6\">\n      @if (profile.byName) {\n      {{profile.byName}} \\\n      }\n      {{profile.name}}\n    </span>\n  </div>\n  <mat-divider />\n  <bizdoc-options section=\"notifications\"></bizdoc-options>\n  <mat-divider />\n  <!--keys-->\n  <div *ngTemplateOutlet=\"keysTmpl\"></div>\n  <!--themes-->\n  @if (themes.length > 1) {\n  <div class=\"row center\">\n    @for (t of themes; track t) {\n    <button (click)=\"changeTheme(t)\" mat-icon-button class=\"theme\" [style.background]=\"t.color\" [class.active]=\"t.name === theme\" [class.dark]=\"t.dark\" [bizdocTooltip]=\"'Theme'|translate\"></button>\n    }\n  </div>\n  }\n</div>\n<!--guide-->\n<mat-nav-list role=\"list\">\n  <mat-divider></mat-divider>\n  <h3 mat-subheader [matBadge]=\"guidesCount\" matBadgeColor=\"accent\" matBadgeOverlap=\"false\" matBadgeSize=\"small\">{{'Help'|translate}}</h3>\n  @for (g of guides; track g) {\n  <button mat-menu-item (click)=\"guide(g.name)\">{{g.title}}</button>\n  }\n</mat-nav-list>\n<mat-divider></mat-divider>\n<!--footer-->\n<div class=\"row\">\n  <button mat-button role=\"listitem\" [matMenuTriggerFor]=\"language\">\n    {{currentLanguage | translate}}\n    <mat-icon>arrow_drop_down</mat-icon>\n    <!--'ChangeLanguage'-->\n  </button>\n  <mat-menu #language>\n    @for (l of languages; track l) {\n    <button mat-menu-item (click)=\"changeLanguage(l)\">{{l | translate}}</button>\n    }\n  </mat-menu>\n  @if (online) {\n  <button mat-button [matMenuTriggerFor]=\"availability\">\n    {{'ShowAs' | translate : (available | translate | lowercase)}}\n    <mat-icon>arrow_drop_down</mat-icon>\n  </button>\n  }\n  <mat-menu #availability>\n    @for (m of modes; track m) {\n    <button mat-menu-item (click)=\"setAvailable(m)\">{{m | translate}}</button>\n    }\n  </mat-menu>\n  <span class=\"divider\"></span>\n  <button mat-button role=\"listitem\" (click)=\"about()\">{{ 'About' | translate}}</button>\n  @if (!online) {\n  <button mat-icon-button (click)=\"revive()\" [bizdocTooltip]=\"'Connect'|translate\">\n    <mat-icon>wifi_off</mat-icon>\n  </button>\n  }\n</div>\n<!---->\n<ng-template #keysTmpl>\n  <dl class=\"keys mat-body-2\">\n    <dt>Alt+n</dt>\n    <dd>{{'AltNHelp'|translate}}</dd>\n    <dt>Ctrl+s</dt>\n    <dd>{{'CtrlSHelp'|translate}}</dd>\n    <dt>Alt+s</dt>\n    <dd>{{'AltSHelp'|translate}}</dd>\n    <dt>Alt+q</dt>\n    <dd>{{'AltQHelp'|translate}}</dd>\n    <dt>Alt+a</dt>\n    <dd>{{'AltAHelp'|translate}}</dd>\n    <dt>Alt+h</dt>\n    <dd>{{'AltHHelp'|translate}}</dd>\n    <dt>Ctrl+.</dt>\n    <dd>{{'CtrlDotHelp'|translate}}</dd>\n  </dl>\n</ng-template>\n", styles: [".profile-name{margin:8px}.theme{height:22px!important;width:22px!important;-moz-border-radius:13px 13px!important;-webkit-border-radius:13px 13px!important;border-radius:13px!important;margin:4px!important}.theme.active.dark{border:2px solid #f4f4f4}button{font-weight:300!important}.keys dt{width:72px;float:inline-start;clear:both;font-variant-caps:all-small-caps}.keys dd{float:inline-end;font-size:small;margin:0}\n"] }]
         }], ctorParameters: () => [{ type: i1.PromptService }, { type: i2.FormBuilder }, { type: i3.GuideService }, { type: i4.PopupRef, decorators: [{

package/esm2022/lib/home/outofoffice/outofoffice.component.mjs

@@ -24,10 +24,10 @@ export class OutOfOfficeToast {
     dismiss() {
         this._ref.dismiss();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: OutOfOfficeToast, deps: [{ token: i1.OptionsService }, { token: i2.AccountService }, { token: MAT_SNACK_BAR_DATA }, { token: i3.MatSnackBarRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: OutOfOfficeToast, selector: "bizdoc-outofoffice", ngImport: i0, template: "@if (substitute) {\n  <span matSnackBarLabel [innerHTML]=\"'OutOfOfficeOn'|translate:substitute.name|sanitizeHtml\"></span>\n}\n<div matSnackBarActions>\n  <button mat-stroked-button (click)=\"options()\" color=\"warn\">{{'ChangeOptions'|translate}}</button>\n  <button matSnackBarAction mat-icon-button (click)=\"dismiss()\" [bizdocTooltip]=\"'Dismiss'|translate\"><mat-icon>close</mat-icon></button>\n</div>\n", styles: ["div{flex-direction:row;box-sizing:border-box;display:flex;align-items:center}div span{flex:1 1 auto}\n"], dependencies: [{ kind: "directive", type: i3.MatSnackBarLabel, selector: "[matSnackBarLabel]" }, { kind: "directive", type: i3.MatSnackBarActions, selector: "[matSnackBarActions]" }, { kind: "directive", type: i3.MatSnackBarAction, selector: "[matSnackBarAction]" }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }, { kind: "pipe", type: i8.SanitizeHtmlPipe, name: "sanitizeHtml" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: OutOfOfficeToast, deps: [{ token: i1.OptionsService }, { token: i2.AccountService }, { token: MAT_SNACK_BAR_DATA }, { token: i3.MatSnackBarRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: OutOfOfficeToast, selector: "bizdoc-outofoffice", ngImport: i0, template: "@if (substitute) {\n  <span matSnackBarLabel [innerHTML]=\"'OutOfOfficeOn'|translate:substitute.name|sanitizeHtml\"></span>\n}\n<div matSnackBarActions>\n  <button mat-stroked-button (click)=\"options()\" color=\"warn\">{{'ChangeOptions'|translate}}</button>\n  <button matSnackBarAction mat-icon-button (click)=\"dismiss()\" [bizdocTooltip]=\"'Dismiss'|translate\"><mat-icon>close</mat-icon></button>\n</div>\n", styles: ["div{flex-direction:row;box-sizing:border-box;display:flex;align-items:center}div span{flex:1 1 auto}\n"], dependencies: [{ kind: "directive", type: i3.MatSnackBarLabel, selector: "[matSnackBarLabel]" }, { kind: "directive", type: i3.MatSnackBarActions, selector: "[matSnackBarActions]" }, { kind: "directive", type: i3.MatSnackBarAction, selector: "[matSnackBarAction]" }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }, { kind: "pipe", type: i8.SanitizeHtmlPipe, name: "sanitizeHtml" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: OutOfOfficeToast, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: OutOfOfficeToast, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-outofoffice', template: "@if (substitute) {\n  <span matSnackBarLabel [innerHTML]=\"'OutOfOfficeOn'|translate:substitute.name|sanitizeHtml\"></span>\n}\n<div matSnackBarActions>\n  <button mat-stroked-button (click)=\"options()\" color=\"warn\">{{'ChangeOptions'|translate}}</button>\n  <button matSnackBarAction mat-icon-button (click)=\"dismiss()\" [bizdocTooltip]=\"'Dismiss'|translate\"><mat-icon>close</mat-icon></button>\n</div>\n", styles: ["div{flex-direction:row;box-sizing:border-box;display:flex;align-items:center}div span{flex:1 1 auto}\n"] }]
         }], ctorParameters: () => [{ type: i1.OptionsService }, { type: i2.AccountService }, { type: undefined, decorators: [{

package/esm2022/lib/home/sign/sign.component.mjs

@@ -46,10 +46,10 @@ export class QuickSignComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: QuickSignComponent, deps: [{ token: i1.PromptService }, { token: i2.AuthenticationImpl }, { token: i3.MatDialog }, { token: i4.MatBottomSheetRef, optional: true }, { token: i5.PopupRef, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: QuickSignComponent, selector: "ng-component", ngImport: i0, template: "<mat-nav-list role=\"list\">\r\n  <mat-list-item role=\"listitem\" (click)=\"impersonate()\">\r\n    <mat-icon matListItemIcon>\r\n        admin_panel_settings\r\n    </mat-icon>\r\n    <h4 matListItemTitle>{{'Impersonate' | translate}}</h4>\r\n  </mat-list-item>\r\n  <mat-divider></mat-divider>\r\n  <mat-list-item role=\"listitem\" (click)=\"signOut()\">\r\n    <mat-icon matListItemIcon>\r\n        power_settings_new\r\n    </mat-icon>\r\n    <h4 matListItemTitle>{{'SignOut' | translate}}</h4>\r\n  </mat-list-item>\r\n</mat-nav-list>\r\n", dependencies: [{ 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: "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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: QuickSignComponent, deps: [{ token: i1.PromptService }, { token: i2.AuthenticationImpl }, { token: i3.MatDialog }, { token: i4.MatBottomSheetRef, optional: true }, { token: i5.PopupRef, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: QuickSignComponent, selector: "ng-component", ngImport: i0, template: "<mat-nav-list role=\"list\">\r\n  <mat-list-item role=\"listitem\" (click)=\"impersonate()\">\r\n    <mat-icon matListItemIcon>\r\n        admin_panel_settings\r\n    </mat-icon>\r\n    <h4 matListItemTitle>{{'Impersonate' | translate}}</h4>\r\n  </mat-list-item>\r\n  <mat-divider></mat-divider>\r\n  <mat-list-item role=\"listitem\" (click)=\"signOut()\">\r\n    <mat-icon matListItemIcon>\r\n        power_settings_new\r\n    </mat-icon>\r\n    <h4 matListItemTitle>{{'SignOut' | translate}}</h4>\r\n  </mat-list-item>\r\n</mat-nav-list>\r\n", dependencies: [{ 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: "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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: QuickSignComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: QuickSignComponent, decorators: [{
             type: Component,
             args: [{ template: "<mat-nav-list role=\"list\">\r\n  <mat-list-item role=\"listitem\" (click)=\"impersonate()\">\r\n    <mat-icon matListItemIcon>\r\n        admin_panel_settings\r\n    </mat-icon>\r\n    <h4 matListItemTitle>{{'Impersonate' | translate}}</h4>\r\n  </mat-list-item>\r\n  <mat-divider></mat-divider>\r\n  <mat-list-item role=\"listitem\" (click)=\"signOut()\">\r\n    <mat-icon matListItemIcon>\r\n        power_settings_new\r\n    </mat-icon>\r\n    <h4 matListItemTitle>{{'SignOut' | translate}}</h4>\r\n  </mat-list-item>\r\n</mat-nav-list>\r\n" }]
         }], ctorParameters: () => [{ type: i1.PromptService }, { type: i2.AuthenticationImpl }, { type: i3.MatDialog }, { type: i4.MatBottomSheetRef, decorators: [{

package/esm2022/lib/impersonate/impersonate.component.mjs

@@ -56,10 +56,10 @@ export class ImpersonateDialog {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ImpersonateDialog, deps: [{ token: i1.PromptService }, { token: i2.SessionService }, { token: i3.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ImpersonateDialog, selector: "bizdoc-impersonate", ngImport: i0, template: "<h2 mat-dialog-title>{{'Impersonate' | translate}}</h2>\n<mat-dialog-content>\n  <p class=\"mat-body-1\">{{'ImpersonateHelp' | translate}}</p>\n  <mat-form-field>\n    <input matInput type=\"search\" [matAutocomplete]=\"auto\" [placeholder]=\"'Associate' | translate\" required [formControl]=\"username\"  />\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"display\"\n      (optionSelected)=\"change($event)\">\n      @for (u of users$ | async; track u) {\n        <mat-option [value]=\"u\">\n          <span>{{u.name}}</span>\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-raised-button (click)=\"go()\" [disabled]=\"!item || logging\" color=\"primary\">{{'Login' | translate}}</button>\n  <button mat-button [mat-dialog-close]>{{'Cancel' | translate }}</button>\n</mat-dialog-actions>\n", styles: [".mat-mdc-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "pipe", type: i10.AsyncPipe, name: "async" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: ImpersonateDialog, deps: [{ token: i1.PromptService }, { token: i2.SessionService }, { token: i3.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: ImpersonateDialog, selector: "bizdoc-impersonate", ngImport: i0, template: "<h2 mat-dialog-title>{{'Impersonate' | translate}}</h2>\n<mat-dialog-content>\n  <p class=\"mat-body-1\">{{'ImpersonateHelp' | translate}}</p>\n  <mat-form-field>\n    <input matInput type=\"search\" [matAutocomplete]=\"auto\" [placeholder]=\"'Associate' | translate\" required [formControl]=\"username\"  />\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"display\"\n      (optionSelected)=\"change($event)\">\n      @for (u of users$ | async; track u) {\n        <mat-option [value]=\"u\">\n          <span>{{u.name}}</span>\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-raised-button (click)=\"go()\" [disabled]=\"!item || logging\" color=\"primary\">{{'Login' | translate}}</button>\n  <button mat-button [mat-dialog-close]>{{'Cancel' | translate }}</button>\n</mat-dialog-actions>\n", styles: [".mat-mdc-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "pipe", type: i10.AsyncPipe, name: "async" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ImpersonateDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: ImpersonateDialog, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-impersonate', template: "<h2 mat-dialog-title>{{'Impersonate' | translate}}</h2>\n<mat-dialog-content>\n  <p class=\"mat-body-1\">{{'ImpersonateHelp' | translate}}</p>\n  <mat-form-field>\n    <input matInput type=\"search\" [matAutocomplete]=\"auto\" [placeholder]=\"'Associate' | translate\" required [formControl]=\"username\"  />\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"display\"\n      (optionSelected)=\"change($event)\">\n      @for (u of users$ | async; track u) {\n        <mat-option [value]=\"u\">\n          <span>{{u.name}}</span>\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-raised-button (click)=\"go()\" [disabled]=\"!item || logging\" color=\"primary\">{{'Login' | translate}}</button>\n  <button mat-button [mat-dialog-close]>{{'Cancel' | translate }}</button>\n</mat-dialog-actions>\n", styles: [".mat-mdc-form-field{width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i1.PromptService }, { type: i2.SessionService }, { type: i3.MatDialogRef }] });

package/esm2022/lib/mobile.module.mjs

@@ -23,15 +23,15 @@ import { DocumentResolveService } from './compose/document-resolve.service';
 import { CubeItemResolveService } from './cube/explore/item-resolver.service';
 import * as i0 from "@angular/core";
 export class MobileModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MobileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: MobileModule, declarations: [DocumentInfoPageComponent, HomeMobileComponent, BrowseMobileComponent, CubeMobileViewComponent, ComposeMobileComponent, ReportMobileComponent, FormSelectorSheet, CopyDialog, SchedulerMobileComponent, NotificationsComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: MobileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: MobileModule, declarations: [DocumentInfoPageComponent, HomeMobileComponent, BrowseMobileComponent, CubeMobileViewComponent, ComposeMobileComponent, ReportMobileComponent, FormSelectorSheet, CopyDialog, SchedulerMobileComponent, NotificationsComponent,
             ChatMobileComponent, CubeMatrixMobileComponent, DocumentViewMobileComponent], imports: [CommonModule,
             HttpClientModule,
             ReactiveFormsModule,
             RouterModule,
             SharedModule], exports: [HomeMobileComponent, BrowseMobileComponent, CubeMobileViewComponent, ComposeMobileComponent, ReportMobileComponent, FormSelectorSheet, CopyDialog, SchedulerMobileComponent, NotificationsComponent,
             ChatMobileComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MobileModule, providers: [CanDeactivateCompose,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: MobileModule, providers: [CanDeactivateCompose,
             CubeItemResolveService,
             RecipientResolveService, DocumentResolveService
         ], imports: [CommonModule,
@@ -40,7 +40,7 @@ export class MobileModule {
             RouterModule,
             SharedModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MobileModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: MobileModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DocumentInfoPageComponent, HomeMobileComponent, BrowseMobileComponent, CubeMobileViewComponent, ComposeMobileComponent, ReportMobileComponent, FormSelectorSheet, CopyDialog, SchedulerMobileComponent, NotificationsComponent,

package/esm2022/lib/modules/chart.module.mjs

@@ -2,9 +2,9 @@ import { NgModule } from "@angular/core";
 import { Highlight, BoxAndWhiskerSeries, RangeNavigatorModule, RangeTooltipService, ChartModule, LineSeriesService, ScatterSeriesService, ColumnSeriesService, SplineSeriesService, SplineAreaSeriesService, StripLineService, AreaSeriesService, ScrollBarService, StepLineSeriesService, StepAreaSeriesService, StackingColumnSeriesService, StackingLineSeriesService, StackingAreaSeriesService, BarSeriesService, StackingBarSeriesService, RangeColumnSeriesService, BubbleSeriesService, TooltipService, CrosshairService, CategoryService, DateTimeService, LogarithmicService, LegendService, ZoomService, DataLabelService, SelectionService, ChartAnnotationService, WaterfallSeriesService, SplineRangeAreaSeriesService, RangeAreaSeriesService, PolarSeriesService, RadarSeriesService, DateTimeCategoryService, MultiLevelLabelService, ParetoSeriesService, TooltipRenderService, AccumulationDistributionIndicatorService, FunnelSeriesService, PyramidSeriesService, SparklineModule, PieSeriesService, StackingStepAreaSeriesService, SparklineTooltipService, AccumulationSelection, SparklineTooltip, AccumulationChartModule, AccumulationAnnotationService, AccumulationDataLabelService, AccumulationLegendService, AccumulationSelectionService, AccumulationTooltipService, Selection, AccumulationChart, AccumulationDataLabel, AccumulationLegend, AccumulationTooltip, FunnelSeries, PieSeries, PyramidSeries, AreaSeries, BarSeries, BubbleSeries, Category, Chart, ColumnSeries, DateTime, Legend, LineSeries, PolarSeries, RadarSeries, ScatterSeries, SplineAreaSeries, SplineSeries, StackingAreaSeries, StackingBarSeries, StackingColumnSeries, StackingLineSeries, StackingStepAreaSeries, StepAreaSeries, StepLineSeries, Tooltip, AccumulationAnnotation, Sparkline, RangeNavigator, RangeTooltip, Zoom, Crosshair, DataLabel, ChartAnnotation, StripLine, BulletChartModule, BulletTooltipService, ScrollBar } from '@syncfusion/ej2-angular-charts';
 import * as i0 from "@angular/core";
 export class SyncfusionChartModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: SyncfusionChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: SyncfusionChartModule, imports: [ChartModule, AccumulationChartModule, SparklineModule, RangeNavigatorModule, BulletChartModule], exports: [ChartModule, AccumulationChartModule, SparklineModule, RangeNavigatorModule, BulletChartModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: SyncfusionChartModule, providers: [RangeTooltipService, AccumulationDistributionIndicatorService, FunnelSeriesService, StackingStepAreaSeriesService, PieSeriesService, PyramidSeriesService, LineSeriesService, ScatterSeriesService, ColumnSeriesService, SplineSeriesService,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SyncfusionChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: SyncfusionChartModule, imports: [ChartModule, AccumulationChartModule, SparklineModule, RangeNavigatorModule, BulletChartModule], exports: [ChartModule, AccumulationChartModule, SparklineModule, RangeNavigatorModule, BulletChartModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SyncfusionChartModule, providers: [RangeTooltipService, AccumulationDistributionIndicatorService, FunnelSeriesService, StackingStepAreaSeriesService, PieSeriesService, PyramidSeriesService, LineSeriesService, ScatterSeriesService, ColumnSeriesService, SplineSeriesService,
             SplineAreaSeriesService, StripLineService, AreaSeriesService, ScrollBarService, StepLineSeriesService,
             StepAreaSeriesService, StackingColumnSeriesService, StackingLineSeriesService, StackingAreaSeriesService,
             BarSeriesService, StackingBarSeriesService, RangeColumnSeriesService, BubbleSeriesService, TooltipService,
@@ -16,7 +16,7 @@ export class SyncfusionChartModule {
             AccumulationAnnotationService, AccumulationDataLabelService, AccumulationLegendService, AccumulationSelectionService, AccumulationTooltipService,
             BulletTooltipService /*, BulletChartLegendService*/], imports: [ChartModule, AccumulationChartModule, SparklineModule, RangeNavigatorModule, BulletChartModule, ChartModule, AccumulationChartModule, SparklineModule, RangeNavigatorModule, BulletChartModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: SyncfusionChartModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SyncfusionChartModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ChartModule, AccumulationChartModule, SparklineModule, RangeNavigatorModule, BulletChartModule],

package/esm2022/lib/modules/circular-gauge.module.mjs

@@ -3,11 +3,11 @@ import { Annotations, AnnotationsService, CircularGauge, CircularGaugeModule, Ga
 import * as i0 from "@angular/core";
 CircularGauge.Inject(Annotations, GaugeTooltip, Legend);
 export class SyncfusionCircularGaugeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: SyncfusionCircularGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: SyncfusionCircularGaugeModule, imports: [CircularGaugeModule], exports: [CircularGaugeModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: SyncfusionCircularGaugeModule, providers: [AnnotationsService, GaugeTooltipService, LegendService], imports: [CircularGaugeModule, CircularGaugeModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SyncfusionCircularGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: SyncfusionCircularGaugeModule, imports: [CircularGaugeModule], exports: [CircularGaugeModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SyncfusionCircularGaugeModule, providers: [AnnotationsService, GaugeTooltipService, LegendService], imports: [CircularGaugeModule, CircularGaugeModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: SyncfusionCircularGaugeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SyncfusionCircularGaugeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CircularGaugeModule],

package/esm2022/lib/modules/datepicker.intl.mjs

@@ -32,10 +32,10 @@ export class DatepickerIntl extends MatDatepickerIntl {
         /** A label for the 'switch to year view' button (used by screen readers). */
         this.switchToMultiYearViewLabel = this._translate.get('Year');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DatepickerIntl, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DatepickerIntl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DatepickerIntl, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DatepickerIntl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DatepickerIntl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DatepickerIntl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.TranslateService }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci5pbnRsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvcmUvc3JjL2xpYi9tb2R1bGVzL2RhdGVwaWNrZXIuaW50bC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7QUFLakUsTUFBTSxPQUFPLGNBQWUsU0FBUSxpQkFBaUI7SUFzQm5ELGdDQUFnQztJQUN2QixlQUFlLENBQUMsS0FBYSxFQUFFLEdBQVc7UUFDakQsT0FBTyxLQUFLLENBQUMsZUFBZSxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsWUFBb0IsVUFBNEI7UUFDOUMsS0FBSyxFQUFFLENBQUM7UUFEVSxlQUFVLEdBQVYsVUFBVSxDQUFrQjtRQTFCeEMsbUJBQWMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNqRCxlQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDeEMsa0JBQWEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNqRCx1RkFBdUY7UUFDOUUsc0JBQWlCLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDekQsc0VBQXNFO1FBQzdELG1CQUFjLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQztRQUM5QyxrRUFBa0U7UUFDekQsbUJBQWMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBQzFDLHFFQUFxRTtRQUM1RCxrQkFBYSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUM7UUFDN0MsaUVBQWlFO1FBQ3hELGtCQUFhLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUN6QywyRUFBMkU7UUFDbEUsdUJBQWtCLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQztRQUNsRCx1RUFBdUU7UUFDOUQsdUJBQWtCLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUM5Qyw4RUFBOEU7UUFDckUsMkJBQXNCLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDL0QsNkVBQTZFO1FBQ3BFLCtCQUEwQixHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBUWxFLENBQUM7OEdBN0JVLGNBQWM7a0hBQWQsY0FBYzs7MkZBQWQsY0FBYztrQkFEMUIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0RGF0ZXBpY2tlckludGwgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGF0ZXBpY2tlclwiO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vY29yZS90cmFuc2xhdGUuc2VydmljZSc7XHJcblxyXG5cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgRGF0ZXBpY2tlckludGwgZXh0ZW5kcyBNYXREYXRlcGlja2VySW50bCB7XHJcbiAgcHJpdmF0ZSBfcHJldmlvdXNMYWJlbCA9IHRoaXMuX3RyYW5zbGF0ZS5nZXQoJ1ByZXZpb3VzJyk7XHJcbiAgcHJpdmF0ZSBfbmV4dExhYmVsID0gdGhpcy5fdHJhbnNsYXRlLmdldCgnTmV4dCcpO1xyXG4gIG92ZXJyaWRlIGNhbGVuZGFyTGFiZWwgPSB0aGlzLl90cmFuc2xhdGUuZ2V0KCcnKTtcclxuICAvKiogQSBsYWJlbCBmb3IgdGhlIGJ1dHRvbiB1c2VkIHRvIG9wZW4gdGhlIGNhbGVuZGFyIHBvcHVwICh1c2VkIGJ5IHNjcmVlbiByZWFkZXJzKS4gKi9cclxuICBvdmVycmlkZSBvcGVuQ2FsZW5kYXJMYWJlbCA9IHRoaXMuX3RyYW5zbGF0ZS5nZXQoJ09wZW4nKTtcclxuICAvKiogQSBsYWJlbCBmb3IgdGhlIHByZXZpb3VzIG1vbnRoIGJ1dHRvbiAodXNlZCBieSBzY3JlZW4gcmVhZGVycykuICovXHJcbiAgb3ZlcnJpZGUgcHJldk1vbnRoTGFiZWwgPSB0aGlzLl9wcmV2aW91c0xhYmVsO1xyXG4gIC8qKiBBIGxhYmVsIGZvciB0aGUgbmV4dCBtb250aCBidXR0b24gKHVzZWQgYnkgc2NyZWVuIHJlYWRlcnMpLiAqL1xyXG4gIG92ZXJyaWRlIG5leHRNb250aExhYmVsID0gdGhpcy5fbmV4dExhYmVsO1xyXG4gIC8qKiBBIGxhYmVsIGZvciB0aGUgcHJldmlvdXMgeWVhciBidXR0b24gKHVzZWQgYnkgc2NyZWVuIHJlYWRlcnMpLiAqL1xyXG4gIG92ZXJyaWRlIHByZXZZZWFyTGFiZWwgPSB0aGlzLl9wcmV2aW91c0xhYmVsO1xyXG4gIC8qKiBBIGxhYmVsIGZvciB0aGUgbmV4dCB5ZWFyIGJ1dHRvbiAodXNlZCBieSBzY3JlZW4gcmVhZGVycykuICovXHJcbiAgb3ZlcnJpZGUgbmV4dFllYXJMYWJlbCA9IHRoaXMuX25leHRMYWJlbDtcclxuICAvKiogQSBsYWJlbCBmb3IgdGhlIHByZXZpb3VzIG11bHRpLXllYXIgYnV0dG9uICh1c2VkIGJ5IHNjcmVlbiByZWFkZXJzKS4gKi9cclxuICBvdmVycmlkZSBwcmV2TXVsdGlZZWFyTGFiZWwgPSB0aGlzLl9wcmV2aW91c0xhYmVsO1xyXG4gIC8qKiBBIGxhYmVsIGZvciB0aGUgbmV4dCBtdWx0aS15ZWFyIGJ1dHRvbiAodXNlZCBieSBzY3JlZW4gcmVhZGVycykuICovXHJcbiAgb3ZlcnJpZGUgbmV4dE11bHRpWWVhckxhYmVsID0gdGhpcy5fbmV4dExhYmVsO1xyXG4gIC8qKiBBIGxhYmVsIGZvciB0aGUgJ3N3aXRjaCB0byBtb250aCB2aWV3JyBidXR0b24gKHVzZWQgYnkgc2NyZWVuIHJlYWRlcnMpLiAqL1xyXG4gIG92ZXJyaWRlIHN3aXRjaFRvTW9udGhWaWV3TGFiZWwgPSB0aGlzLl90cmFuc2xhdGUuZ2V0KCdNb250aCcpO1xyXG4gIC8qKiBBIGxhYmVsIGZvciB0aGUgJ3N3aXRjaCB0byB5ZWFyIHZpZXcnIGJ1dHRvbiAodXNlZCBieSBzY3JlZW4gcmVhZGVycykuICovXHJcbiAgb3ZlcnJpZGUgc3dpdGNoVG9NdWx0aVllYXJWaWV3TGFiZWwgPSB0aGlzLl90cmFuc2xhdGUuZ2V0KCdZZWFyJyk7XHJcbiAgLyoqIEZvcm1hdHMgYSByYW5nZSBvZiB5ZWFycy4gKi9cclxuICBvdmVycmlkZSBmb3JtYXRZZWFyUmFuZ2Uoc3RhcnQ6IHN0cmluZywgZW5kOiBzdHJpbmcpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHN1cGVyLmZvcm1hdFllYXJSYW5nZShzdGFydCwgZW5kKTtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX3RyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSkge1xyXG4gICAgc3VwZXIoKTtcclxuICB9XHJcbn1cclxuIl19

package/esm2022/lib/modules/dayjs.module.mjs

@@ -29,11 +29,11 @@ export class DayJsModule {
         dayjs.extend(updateLocale);
         dayjs.extend(advancedFormat);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DayJsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: DayJsModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DayJsModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DayJsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: DayJsModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DayJsModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DayJsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DayJsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],

package/esm2022/lib/modules/diagram.module.mjs

@@ -3,17 +3,17 @@ import { CommonModule } from '@angular/common';
 import { DiagramModule, ConnectorBridgingService, LineRoutingService, ComplexHierarchicalTreeService, BpmnDiagramsService, LayoutAnimationService, UndoRedoService, SnappingService, ConnectorEditingService, SymbolPaletteModule, LineDistributionService, Diagram, BpmnDiagrams, DataBinding, LineDistribution, ComplexHierarchicalTree } from '@syncfusion/ej2-angular-diagrams';
 import * as i0 from "@angular/core";
 export class SyncfusionDiagramModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: SyncfusionDiagramModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: SyncfusionDiagramModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SyncfusionDiagramModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: SyncfusionDiagramModule, imports: [CommonModule,
             DiagramModule,
             SymbolPaletteModule], exports: [DiagramModule,
             SymbolPaletteModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: SyncfusionDiagramModule, providers: [ConnectorBridgingService, LineRoutingService, ComplexHierarchicalTreeService, BpmnDiagramsService, LayoutAnimationService, UndoRedoService, SnappingService, ConnectorEditingService, LineDistributionService], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SyncfusionDiagramModule, providers: [ConnectorBridgingService, LineRoutingService, ComplexHierarchicalTreeService, BpmnDiagramsService, LayoutAnimationService, UndoRedoService, SnappingService, ConnectorEditingService, LineDistributionService], imports: [CommonModule,
             DiagramModule,
             SymbolPaletteModule, DiagramModule,
             SymbolPaletteModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: SyncfusionDiagramModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SyncfusionDiagramModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],