@acorex-platform/module-communication-management-client 0.0.21

package/fesm2022/acorex-platform-module-communication-management-client-communication-in-app-inbox-page.component-b7ZqkMTt.mjs

@@ -0,0 +1,514 @@
+import * as i1$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i5 from '@acorex/components/check-box';
+import { AXCheckBoxModule } from '@acorex/components/check-box';
+import * as i8 from '@acorex/components/data-pager';
+import { AXDataPagerModule } from '@acorex/components/data-pager';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i6 from '@acorex/components/label';
+import { AXLabelModule } from '@acorex/components/label';
+import { AXContextMenuComponent } from '@acorex/components/menu';
+import * as i4 from '@acorex/components/skeleton';
+import { AXSkeletonModule } from '@acorex/components/skeleton';
+import * as i7 from '@acorex/components/sliding-item';
+import { AXSlidingItemModule } from '@acorex/components/sliding-item';
+import * as i4$1 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXPDeviceService } from '@acorex-platform/framework-client/core';
+import { AXPThemeLayoutBlockComponent, AXPStateMessageComponent, AXPQueryFiltersComponent } from '@acorex-platform/framework-client/layout/components';
+import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex-platform/framework-client/layout/views';
+import { AXP_QUERY_QUICK_SEARCH_FIELD } from '@acorex-platform/framework-shared/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, computed, signal, viewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import { A as AXPInAppInboxConnectorService, a as AXPInAppInboxActionService, b as AXP_IN_APP_INBOX_I18N, c as AXPInAppInboxItemComponent } from './acorex-platform-module-communication-management-client-acorex-platform-module-communication-management-client-09UhY2Rc.mjs';
+
+//#region ---- Communication in-app inbox page ----
+class AXMCommunicationInAppInboxPageComponent extends AXPPageLayoutBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.connector = inject(AXPInAppInboxConnectorService);
+        this.inboxActions = inject(AXPInAppInboxActionService);
+        this.i18n = inject(AXP_IN_APP_INBOX_I18N);
+        this.deviceService = inject(AXPDeviceService);
+        this.pageLoading = this.connector.pageLoadingState;
+        this.pageItems = this.connector.pagedInboxList;
+        this.pageTotal = this.connector.pagedTotal;
+        this.unreadCount = this.connector.unreadCount;
+        this.totalCount = this.connector.total;
+        this.showPin = computed(() => this.connector.capabilities.pinSupport, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showPin" }] : /* istanbul ignore next */ []));
+        this.filterDefinitions = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filterDefinitions" }] : /* istanbul ignore next */ []));
+        this.panelInitialFilters = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "panelInitialFilters" }] : /* istanbul ignore next */ []));
+        this.queryFiltersKey = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "queryFiltersKey" }] : /* istanbul ignore next */ []));
+        this.activeFilters = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeFilters" }] : /* istanbul ignore next */ []));
+        this.pageIndex = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pageIndex" }] : /* istanbul ignore next */ []));
+        this.pageSize = signal(AXMCommunicationInAppInboxPageComponent.DEFAULT_PAGE_SIZE, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []));
+        this.isEditing = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isEditing" }] : /* istanbul ignore next */ []));
+        this.contextMenu = viewChild('contextMenu', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "contextMenu" }] : /* istanbul ignore next */ []));
+        this.contextItem = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "contextItem" }] : /* istanbul ignore next */ []));
+        this.selectedIds = signal(new Set(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedIds" }] : /* istanbul ignore next */ []));
+        this.selectedCount = computed(() => this.selectedIds().size, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedCount" }] : /* istanbul ignore next */ []));
+        this.pagerDisplayMode = computed(() => (this.deviceService.isSmall() ? 'compact' : 'full'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pagerDisplayMode" }] : /* istanbul ignore next */ []));
+        this.skeletonPlaceholders = computed(() => Array.from({ length: Math.max(this.pageSize(), 1) }, (_, index) => index), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "skeletonPlaceholders" }] : /* istanbul ignore next */ []));
+        this.hasActiveFilters = computed(() => this.activeFilters().some((filter) => {
+            if (filter.field === 'readStatus' && (!filter.value || filter.value === 'all')) {
+                return false;
+            }
+            return filter.value != null && String(filter.value).trim() !== '';
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasActiveFilters" }] : /* istanbul ignore next */ []));
+        this.searchText = computed(() => {
+            const searchFilter = this.activeFilters().find((f) => f.field === 'all' || f.field === AXP_QUERY_QUICK_SEARCH_FIELD);
+            return searchFilter?.value != null ? String(searchFilter.value).trim().toLowerCase() : '';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "searchText" }] : /* istanbul ignore next */ []));
+        this.isUnreadFilterActive = computed(() => {
+            const readFilter = this.activeFilters().find((f) => f.field === 'readStatus');
+            return readFilter?.value === 'unread';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isUnreadFilterActive" }] : /* istanbul ignore next */ []));
+        this.highlightUnreadBackground = computed(() => !this.isUnreadFilterActive(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "highlightUnreadBackground" }] : /* istanbul ignore next */ []));
+    }
+    static { this.DEFAULT_PAGE_SIZE = 10; }
+    async ngOnInit() {
+        super.ngOnInit();
+        await this.loadFilterDefinitions();
+        await this.connector.ensureReady();
+        await this.loadPage();
+        await this.connector.markUnseenAsSeen();
+    }
+    async getPageTitle() {
+        return this.translateService.translateAsync(this.i18n.pageTitle);
+    }
+    async getPageDescription() {
+        const unread = this.unreadCount();
+        const total = this.totalCount();
+        if (!total) {
+            return this.translateService.translateAsync(this.i18n.pageDescriptionNone);
+        }
+        if (unread > 0) {
+            return this.translateService.translateAsync(this.i18n.pageDescriptionUnread, {
+                params: { unread, total },
+            });
+        }
+        return this.translateService.translateAsync(this.i18n.pageDescriptionAllRead, { params: { total } });
+    }
+    async getPrimaryMenuItems() {
+        if (this.selectedCount() === 0) {
+            return [];
+        }
+        return [
+            {
+                title: await this.translateService.translateAsync(this.i18n.delete),
+                icon: 'fa-light fa-trash',
+                command: { name: 'delete-selected' },
+                color: 'danger',
+            },
+            {
+                title: await this.translateService.translateAsync(this.i18n.archive),
+                icon: 'fa-light fa-box-archive',
+                command: { name: 'archive-selected' },
+            },
+            {
+                title: await this.translateService.translateAsync(this.i18n.markAsRead),
+                icon: 'fa-light fa-envelopes-bulk',
+                command: { name: 'mark-selected-as-read' },
+                color: 'primary',
+            },
+        ];
+    }
+    async getSecondaryMenuItems() {
+        if (this.selectedCount() > 0) {
+            return [];
+        }
+        return [
+            {
+                title: await this.translateService.translateAsync(this.i18n.refresh),
+                icon: 'fa-light fa-rotate',
+                command: { name: 'refresh' },
+            },
+            {
+                title: await this.translateService.translateAsync(this.i18n.markAllAsRead),
+                icon: 'fa-light fa-envelopes-bulk',
+                command: { name: 'mark-all-read' },
+                disabled: this.unreadCount() === 0,
+            },
+            {
+                title: await this.translateService.translateAsync(this.i18n.selectItems),
+                icon: 'fa-light fa-pen',
+                command: { name: 'edit-mode' },
+                color: 'primary',
+            },
+        ];
+    }
+    async execute(command) {
+        switch (command.name) {
+            case 'refresh':
+                await this.onRefresh();
+                this.exitEditModeIfNeeded();
+                break;
+            case 'delete-selected':
+                await this.deleteSelected();
+                this.exitEditModeIfNeeded();
+                break;
+            case 'archive-selected':
+                await this.archiveSelected();
+                this.exitEditModeIfNeeded();
+                break;
+            case 'mark-selected-as-read':
+                await this.markSelectedAsRead();
+                this.exitEditModeIfNeeded();
+                break;
+            case 'mark-all-read':
+                await this.onMarkAllAsRead();
+                this.exitEditModeIfNeeded();
+                break;
+            case 'edit-mode':
+                if (this.isEditing()) {
+                    this.deselectAll();
+                }
+                else {
+                    this.isEditing.set(true);
+                }
+                this.recompute();
+                break;
+        }
+    }
+    handleFiltersChanged(filters) {
+        this.activeFilters.set(filters);
+        this.pageIndex.set(0);
+        void this.loadPage();
+    }
+    clearFilters() {
+        this.activeFilters.set([]);
+        this.panelInitialFilters.set([]);
+        this.pageIndex.set(0);
+        this.queryFiltersKey.update((key) => key + 1);
+        void this.loadPage();
+    }
+    onPageChanged(event) {
+        if (!event.isUserInteraction) {
+            return;
+        }
+        const nextIndex = Math.floor(event.skip / event.take);
+        if (nextIndex === this.pageIndex() && event.take === this.pageSize()) {
+            return;
+        }
+        this.pageSize.set(event.take);
+        this.pageIndex.set(nextIndex);
+        void this.loadPage();
+    }
+    async onItemPress(id) {
+        if (this.isEditing()) {
+            this.toggleSelectionById(id);
+            return;
+        }
+        if (this.selectedCount() > 0) {
+            return;
+        }
+        await this.inboxActions.openItem(id);
+    }
+    async onTogglePin(id) {
+        await this.connector.togglePin(id);
+    }
+    async onDismissUnread(id) {
+        await this.connector.markAsRead([id]);
+        this.recompute();
+    }
+    isSelected(id) {
+        return this.selectedIds().has(id);
+    }
+    toggleSelectionWithModel(id, event) {
+        const checked = Boolean(event.value);
+        const next = new Set(this.selectedIds());
+        if (checked) {
+            next.add(id);
+        }
+        else {
+            next.delete(id);
+        }
+        this.selectedIds.set(next);
+        this.recompute();
+    }
+    deselectAll() {
+        if (this.selectedCount() > 0) {
+            this.selectedIds.set(new Set());
+        }
+        if (this.isEditing()) {
+            this.isEditing.set(false);
+        }
+        this.recompute();
+    }
+    slidingItemsHandler(item, action) {
+        switch (action) {
+            case 'mark-as-read':
+                void this.markSelectedAsRead(item);
+                break;
+            case 'delete':
+                void this.deleteSelected(item);
+                break;
+            case 'archive':
+                void this.archiveSelected(item);
+                break;
+        }
+    }
+    openContextMenu(event, item) {
+        if (this.isEditing() || this.selectedCount() > 0) {
+            return;
+        }
+        event.preventDefault();
+        this.contextItem.set(item);
+        this.contextMenu()?.showAt({ x: event.clientX, y: event.clientY });
+    }
+    async handleContextMenuOpening(event) {
+        const item = this.contextItem();
+        const isPinned = item?.isPinned ?? false;
+        event.items = [
+            {
+                name: isPinned ? 'unpin' : 'pin',
+                text: await this.translateService.translateAsync(isPinned ? this.i18n.unpin : this.i18n.pin),
+                icon: isPinned ? 'fa-light fa-thumbtack-slash' : 'fa-light fa-thumbtack',
+            },
+            {
+                name: 'mark-as-read',
+                text: await this.translateService.translateAsync(this.i18n.markAsRead),
+                icon: 'fa-light fa-envelopes-bulk',
+                color: 'primary',
+            },
+            {
+                name: 'archive',
+                text: await this.translateService.translateAsync(this.i18n.archive),
+                icon: 'fa-light fa-box-archive',
+            },
+            {
+                name: 'delete',
+                text: await this.translateService.translateAsync(this.i18n.delete),
+                icon: 'fa-light fa-trash-can',
+                color: 'danger',
+            },
+        ];
+    }
+    handleContextMenuItemClick(event) {
+        const item = this.contextItem();
+        if (!item) {
+            return;
+        }
+        switch (event.item.name) {
+            case 'mark-as-read':
+                void this.markSelectedAsRead(item);
+                break;
+            case 'pin':
+            case 'unpin':
+                void this.onTogglePin(item.id);
+                break;
+            case 'archive':
+                void this.archiveSelected(item);
+                break;
+            case 'delete':
+                void this.deleteSelected(item);
+                break;
+        }
+    }
+    getEmptyIcon() {
+        if (this.searchText()) {
+            return 'fa-solid fa-magnifying-glass';
+        }
+        if (this.isUnreadFilterActive()) {
+            return 'fa-solid fa-check-circle';
+        }
+        return 'fa-solid fa-bell';
+    }
+    getEmptyTitle() {
+        if (this.hasActiveFilters()) {
+            return '@communication-management:in-app.state.no-results.title';
+        }
+        if (this.isUnreadFilterActive()) {
+            return '@communication-management:in-app.state.all-caught-up.title';
+        }
+        return this.i18n.emptyTitle;
+    }
+    getEmptyDescription() {
+        if (this.hasActiveFilters()) {
+            return '@communication-management:in-app.state.no-results.description';
+        }
+        if (this.isUnreadFilterActive()) {
+            return '@communication-management:in-app.state.all-caught-up.description';
+        }
+        return this.i18n.emptyDescription;
+    }
+    async onRefresh() {
+        await this.connector.refresh();
+        await this.loadPage();
+    }
+    async onMarkAllAsRead() {
+        await this.connector.markAllAsRead();
+    }
+    async markSelectedAsRead(item) {
+        const ids = item ? [item.id] : Array.from(this.selectedIds());
+        if (ids.length === 0) {
+            return;
+        }
+        await this.connector.markAsRead(ids);
+        this.selectedIds.set(new Set());
+        this.recompute();
+    }
+    async deleteSelected(item) {
+        const ids = item ? [item.id] : Array.from(this.selectedIds());
+        for (const id of ids) {
+            await this.connector.deleteOne(id);
+        }
+        this.selectedIds.set(new Set());
+        this.recompute();
+    }
+    async archiveSelected(item) {
+        const ids = item ? [item.id] : Array.from(this.selectedIds());
+        if (ids.length === 0) {
+            return;
+        }
+        await this.connector.archive(ids);
+        this.selectedIds.set(new Set());
+        this.recompute();
+    }
+    toggleSelectionById(id) {
+        const next = new Set(this.selectedIds());
+        if (next.has(id)) {
+            next.delete(id);
+        }
+        else {
+            next.add(id);
+        }
+        this.selectedIds.set(next);
+        this.recompute();
+    }
+    exitEditModeIfNeeded() {
+        if (this.isEditing()) {
+            this.isEditing.set(false);
+        }
+    }
+    async loadPage() {
+        await this.connector.loadPage(this.activeFilters(), this.pageIndex() * this.pageSize(), this.pageSize());
+    }
+    async loadFilterDefinitions() {
+        const [allLabel, unreadLabel, inboxLabel, archiveLabel, warningLabel, dangerLabel, noticeLabel] = await Promise.all([
+            this.translateService.translateAsync(this.i18n.all),
+            this.translateService.translateAsync(this.i18n.unread),
+            this.translateService.translateAsync('@communication-management:in-app.filters.category.options.inbox'),
+            this.translateService.translateAsync('@communication-management:in-app.filters.category.options.archive'),
+            this.translateService.translateAsync('@communication-management:in-app.filters.priority.options.warning'),
+            this.translateService.translateAsync('@communication-management:in-app.filters.priority.options.danger'),
+            this.translateService.translateAsync('@communication-management:in-app.filters.priority.options.notice'),
+        ]);
+        this.filterDefinitions.set([
+            {
+                field: 'all',
+                title: '@communication-management:in-app.filters.search.title',
+                icon: 'fa-light fa-magnifying-glass',
+                widget: { type: 'string-filter' },
+                filterType: { inline: true, advance: false },
+            },
+            {
+                field: 'readStatus',
+                operator: { type: 'equal' },
+                title: '@communication-management:in-app.filters.read-status.title',
+                icon: 'fa-light fa-envelope-open-text',
+                widget: {
+                    type: 'select-filter',
+                    options: {
+                        dataSource: [
+                            { id: 'all', title: allLabel },
+                            { id: 'unread', title: unreadLabel },
+                        ],
+                        valueField: 'id',
+                        textField: 'title',
+                        allowClear: true,
+                    },
+                },
+                filterType: { advance: true, inline: false },
+            },
+            {
+                field: 'priority',
+                operator: { type: 'equal' },
+                title: '@communication-management:in-app.filters.priority.title',
+                icon: 'fa-light fa-flag',
+                widget: {
+                    type: 'select-filter',
+                    options: {
+                        dataSource: [
+                            { id: 'Warning', title: warningLabel },
+                            { id: 'Danger', title: dangerLabel },
+                            { id: 'Notice', title: noticeLabel },
+                        ],
+                        valueField: 'id',
+                        textField: 'title',
+                        allowClear: true,
+                    },
+                },
+                filterType: { advance: true, inline: false },
+            },
+            {
+                field: 'category',
+                operator: { type: 'equal' },
+                title: '@communication-management:in-app.filters.category.title',
+                icon: 'fa-light fa-inbox',
+                widget: {
+                    type: 'select-filter',
+                    options: {
+                        dataSource: [
+                            { id: 'Inbox', title: inboxLabel },
+                            { id: 'Archive', title: archiveLabel },
+                        ],
+                        valueField: 'id',
+                        textField: 'title',
+                        allowClear: true,
+                    },
+                },
+                filterType: { advance: true, inline: false },
+            },
+        ]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMCommunicationInAppInboxPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMCommunicationInAppInboxPageComponent, isStandalone: true, selector: "axm-communication-in-app-inbox-page", host: { listeners: { "document:keydown.escape": "deselectAll()" }, classAttribute: "axm-communication-in-app-inbox-page" }, providers: [{ provide: AXPPageLayoutBase, useExisting: AXMCommunicationInAppInboxPageComponent }], viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["contextMenu"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<axp-page-layout>\n  <axp-page-toolbar>\n    <div class=\"w-full flex items-center\">\n      <axp-layout-prefix class=\"w-full\">\n        @if (selectedCount() > 0 || isEditing()) {\n          <!-- ----- Bulk selection bar ----- -->\n          <div class=\"axm-communication-in-app-inbox-page__selection-bar\">\n            <span class=\"axm-communication-in-app-inbox-page__selection-count\">\n              {{ selectedCount() }} {{ '@general:terms.items-selected' | translate | async }}\n            </span>\n            <button type=\"button\" class=\"axm-communication-in-app-inbox-page__unselect\" (click)=\"deselectAll()\">\n              {{ '@general:actions.unselect.title' | translate | async }}\n            </button>\n          </div>\n        } @else {\n          @for (_k of [queryFiltersKey()]; track _k) {\n            <axp-query-filters\n              [filtersDefinitions]=\"filterDefinitions()\"\n              [initialFilters]=\"panelInitialFilters()\"\n              [quickSearch]=\"true\"\n              (onFiltersChanged)=\"handleFiltersChanged($event)\"\n            />\n          }\n        }\n      </axp-layout-prefix>\n    </div>\n  </axp-page-toolbar>\n\n  <axp-page-content class=\"axm-communication-in-app-inbox-page__content\">\n    <div class=\"axm-communication-in-app-inbox-page__panel\">\n      @if (pageLoading()) {\n        <!-- ----- Loading skeleton list ----- -->\n        <div class=\"axm-communication-in-app-inbox-page__list axm-communication-in-app-inbox-page__list--loading\">\n          @for (_ of skeletonPlaceholders(); track $index) {\n            <div class=\"axm-communication-in-app-inbox-page__skeleton\">\n              <ax-skeleton [animated]=\"true\" class=\"axm-communication-in-app-inbox-page__skeleton-avatar\"></ax-skeleton>\n              <div class=\"axm-communication-in-app-inbox-page__skeleton-body\">\n                <ax-skeleton [animated]=\"true\" class=\"axm-communication-in-app-inbox-page__skeleton-line --wide\"></ax-skeleton>\n                <ax-skeleton [animated]=\"true\" class=\"axm-communication-in-app-inbox-page__skeleton-line\"></ax-skeleton>\n              </div>\n            </div>\n          }\n        </div>\n      } @else if (pageTotal() === 0) {\n        <axp-state-message\n          mode=\"empty\"\n          [icon]=\"getEmptyIcon()\"\n          [title]=\"getEmptyTitle()\"\n          [description]=\"getEmptyDescription()\"\n        >\n          @if (hasActiveFilters()) {\n            <ax-button\n              slot=\"actions\"\n              look=\"outline\"\n              [text]=\"((i18n.clearFilters | translate | async) ?? '')\"\n              (onClick)=\"clearFilters()\"\n            />\n          }\n        </axp-state-message>\n      } @else {\n        <div class=\"axm-communication-in-app-inbox-page__list\">\n          @for (item of pageItems(); track item.id) {\n            @if (deviceService.isMobileDevice()) {\n              <ng-container [ngTemplateOutlet]=\"mobile\" [ngTemplateOutletContext]=\"{ $implicit: item }\" />\n            } @else {\n              <ng-container [ngTemplateOutlet]=\"desktop\" [ngTemplateOutletContext]=\"{ $implicit: item }\" />\n            }\n          }\n        </div>\n      }\n    </div>\n  </axp-page-content>\n\n  @if (!pageLoading() && pageTotal() > 0) {\n    <!-- ----- Pagination pinned to page footer ----- -->\n    <axp-page-footer\n      class=\"axm-communication-in-app-inbox-page__footer\"\n      [class.axm-communication-in-app-inbox-page__footer--compact]=\"deviceService.isSmall()\"\n    >\n      <ax-data-pager\n        [displayMode]=\"pagerDisplayMode()\"\n        [total]=\"pageTotal()\"\n        [size]=\"pageSize()\"\n        [value]=\"pageIndex() + 1\"\n        (onChanged)=\"onPageChanged($event)\"\n      />\n    </axp-page-footer>\n  }\n</axp-page-layout>\n\n<ng-template #mobile let-item>\n  <ax-sliding-item class=\"axm-communication-in-app-inbox-page__sliding-item\">\n    <ax-content class=\"p-0!\">\n      <div\n        class=\"axm-communication-in-app-inbox-page__row\"\n        [class.--selected]=\"isSelected(item.id)\"\n        (contextmenu)=\"openContextMenu($event, item)\"\n      >\n        @if (isEditing()) {\n          <ax-check-box\n            class=\"axm-communication-in-app-inbox-page__checkbox\"\n            [value]=\"isSelected(item.id)\"\n            (onValueChanged)=\"toggleSelectionWithModel(item.id, $event)\"\n          >\n            <ax-label></ax-label>\n          </ax-check-box>\n        }\n        <axp-in-app-inbox-item\n          class=\"flex-1 min-w-0\"\n          [data]=\"item\"\n          [highlightUnreadBackground]=\"highlightUnreadBackground()\"\n          [showPin]=\"showPin()\"\n          [pinLabelKey]=\"i18n.pin\"\n          [unpinLabelKey]=\"i18n.unpin\"\n          [markAsReadLabelKey]=\"i18n.markAsRead\"\n          (itemPress)=\"onItemPress($event)\"\n          (markAsRead)=\"onDismissUnread($event)\"\n          (togglePin)=\"onTogglePin($event)\"\n        />\n      </div>\n    </ax-content>\n\n    <ax-sliding-item-suffix (onClick)=\"slidingItemsHandler(item, 'mark-as-read')\" color=\"primary\">\n      <ax-icon class=\"fa-light fa-envelopes-bulk fa-xl\"></ax-icon>\n    </ax-sliding-item-suffix>\n\n    <ax-sliding-item-suffix (onClick)=\"slidingItemsHandler(item, 'archive')\" color=\"default\">\n      <ax-icon class=\"fa-light fa-box-archive fa-xl\"></ax-icon>\n    </ax-sliding-item-suffix>\n\n    <ax-sliding-item-suffix (onClick)=\"slidingItemsHandler(item, 'delete')\" color=\"danger\">\n      <ax-icon class=\"fa-light fa-trash-can fa-xl\"></ax-icon>\n    </ax-sliding-item-suffix>\n  </ax-sliding-item>\n</ng-template>\n\n<ng-template #desktop let-item>\n  <div\n    class=\"axm-communication-in-app-inbox-page__row\"\n    [class.--selected]=\"isSelected(item.id)\"\n    (contextmenu)=\"openContextMenu($event, item)\"\n  >\n    @if (isEditing()) {\n      <ax-check-box\n        class=\"axm-communication-in-app-inbox-page__checkbox\"\n        [value]=\"isSelected(item.id)\"\n        (onValueChanged)=\"toggleSelectionWithModel(item.id, $event)\"\n      >\n        <ax-label></ax-label>\n      </ax-check-box>\n    }\n    <axp-in-app-inbox-item\n      class=\"flex-1 min-w-0\"\n      [data]=\"item\"\n      [highlightUnreadBackground]=\"highlightUnreadBackground()\"\n      [showPin]=\"showPin()\"\n      [pinLabelKey]=\"i18n.pin\"\n      [unpinLabelKey]=\"i18n.unpin\"\n      [markAsReadLabelKey]=\"i18n.markAsRead\"\n      (itemPress)=\"onItemPress($event)\"\n      (markAsRead)=\"onDismissUnread($event)\"\n      (togglePin)=\"onTogglePin($event)\"\n    />\n  </div>\n</ng-template>\n\n<ax-context-menu\n  #contextMenu\n  [openOn]=\"'click'\"\n  [closeOn]=\"'click'\"\n  [orientation]=\"'horizontal'\"\n  (onOpening)=\"handleContextMenuOpening($event)\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n/>\n", styles: ["@reference \"@acorex/styles/themes/default.css\";.axm-communication-in-app-inbox-page{@apply flex min-h-0 flex-1 flex-col;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__selection-bar{@apply flex h-10 w-full items-center gap-3;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__selection-count{@apply text-xl font-semibold;color:rgb(var(--ax-sys-color-on-surface))}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__unselect{@apply cursor-pointer border-0 bg-transparent p-0 text-sm underline;color:rgb(var(--ax-sys-color-on-surface-variant))}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__content,.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__panel{@apply flex min-h-0 flex-1 flex-col overflow-hidden;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__list{@apply min-h-0 flex-1 overflow-auto rounded-lg border;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__list--loading{@apply space-y-0 p-2;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__row{@apply flex max-w-full items-center gap-3 border-b transition-colors;border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__row:last-child{@apply border-b-0;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__row:hover{background:rgb(var(--ax-sys-color-lightest-surface))}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__row.--selected{background:rgb(var(--ax-sys-color-lighter-surface))}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__checkbox{@apply shrink-0 ps-4;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__sliding-item{@apply max-h-24 overflow-hidden border-b;border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__sliding-item:last-child{@apply border-b-0;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__footer{@apply w-full;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__footer ax-data-pager{@apply w-full;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__footer--compact ::ng-deep ax-data-pager{@apply justify-center;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__footer--compact ::ng-deep ax-data-pager .compact-prefix{@apply flex w-full justify-center;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__footer--compact ::ng-deep ax-data-pager .compact-suffix{@apply hidden;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__skeleton{@apply flex gap-4 p-4;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__skeleton-avatar{@apply size-12 shrink-0 rounded-full;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__skeleton-body{@apply flex-1 space-y-2 py-1;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__skeleton-line{@apply h-3 rounded-md;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__skeleton-line.--wide{@apply w-3/4;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__skeleton-line:not(.--wide){@apply w-1/2;}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i4.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i5.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i6.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXSlidingItemModule }, { kind: "component", type: i7.AXSlidingItemComponent, selector: "ax-sliding-item" }, { kind: "component", type: i7.AXSlidingItemSuffixComponent, selector: "ax-sliding-item-suffix", inputs: ["color", "text"], outputs: ["onClick"] }, { kind: "ngmodule", type: AXDataPagerModule }, { kind: "component", type: i8.AXDataPagerComponent, selector: "ax-data-pager", inputs: ["value", "name", "disabled", "readonly", "isLoading", "size", "total", "displayMode"], outputs: ["valueChange", "onValueChanged", "disabledChange", "readonlyChange", "displayModeChange", "onChanged"] }, { kind: "component", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "closeOnRouteChange", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "component", type: AXPQueryFiltersComponent, selector: "axp-query-filters", inputs: ["filtersDefinitions", "initialFilters", "quickSearch"], outputs: ["onFiltersChanged"] }, { kind: "component", type: AXPInAppInboxItemComponent, selector: "axp-in-app-inbox-item", inputs: ["data", "showAvatar", "showDate", "showPin", "pinLabelKey", "unpinLabelKey", "highlightUnreadBackground", "showDismissUnread", "markAsReadLabelKey"], outputs: ["itemPress", "markAsRead", "togglePin", "closePopover"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMCommunicationInAppInboxPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-communication-in-app-inbox-page', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXPPageLayoutBase, useExisting: AXMCommunicationInAppInboxPageComponent }], host: {
+                        class: 'axm-communication-in-app-inbox-page',
+                        '(document:keydown.escape)': 'deselectAll()',
+                    }, imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXSkeletonModule,
+                        AXTranslationModule,
+                        AXCheckBoxModule,
+                        AXLabelModule,
+                        AXSlidingItemModule,
+                        AXDataPagerModule,
+                        AXContextMenuComponent,
+                        AXPPageLayoutComponent,
+                        AXPThemeLayoutBlockComponent,
+                        AXPStateMessageComponent,
+                        AXPQueryFiltersComponent,
+                        AXPInAppInboxItemComponent,
+                    ], template: "<axp-page-layout>\n  <axp-page-toolbar>\n    <div class=\"w-full flex items-center\">\n      <axp-layout-prefix class=\"w-full\">\n        @if (selectedCount() > 0 || isEditing()) {\n          <!-- ----- Bulk selection bar ----- -->\n          <div class=\"axm-communication-in-app-inbox-page__selection-bar\">\n            <span class=\"axm-communication-in-app-inbox-page__selection-count\">\n              {{ selectedCount() }} {{ '@general:terms.items-selected' | translate | async }}\n            </span>\n            <button type=\"button\" class=\"axm-communication-in-app-inbox-page__unselect\" (click)=\"deselectAll()\">\n              {{ '@general:actions.unselect.title' | translate | async }}\n            </button>\n          </div>\n        } @else {\n          @for (_k of [queryFiltersKey()]; track _k) {\n            <axp-query-filters\n              [filtersDefinitions]=\"filterDefinitions()\"\n              [initialFilters]=\"panelInitialFilters()\"\n              [quickSearch]=\"true\"\n              (onFiltersChanged)=\"handleFiltersChanged($event)\"\n            />\n          }\n        }\n      </axp-layout-prefix>\n    </div>\n  </axp-page-toolbar>\n\n  <axp-page-content class=\"axm-communication-in-app-inbox-page__content\">\n    <div class=\"axm-communication-in-app-inbox-page__panel\">\n      @if (pageLoading()) {\n        <!-- ----- Loading skeleton list ----- -->\n        <div class=\"axm-communication-in-app-inbox-page__list axm-communication-in-app-inbox-page__list--loading\">\n          @for (_ of skeletonPlaceholders(); track $index) {\n            <div class=\"axm-communication-in-app-inbox-page__skeleton\">\n              <ax-skeleton [animated]=\"true\" class=\"axm-communication-in-app-inbox-page__skeleton-avatar\"></ax-skeleton>\n              <div class=\"axm-communication-in-app-inbox-page__skeleton-body\">\n                <ax-skeleton [animated]=\"true\" class=\"axm-communication-in-app-inbox-page__skeleton-line --wide\"></ax-skeleton>\n                <ax-skeleton [animated]=\"true\" class=\"axm-communication-in-app-inbox-page__skeleton-line\"></ax-skeleton>\n              </div>\n            </div>\n          }\n        </div>\n      } @else if (pageTotal() === 0) {\n        <axp-state-message\n          mode=\"empty\"\n          [icon]=\"getEmptyIcon()\"\n          [title]=\"getEmptyTitle()\"\n          [description]=\"getEmptyDescription()\"\n        >\n          @if (hasActiveFilters()) {\n            <ax-button\n              slot=\"actions\"\n              look=\"outline\"\n              [text]=\"((i18n.clearFilters | translate | async) ?? '')\"\n              (onClick)=\"clearFilters()\"\n            />\n          }\n        </axp-state-message>\n      } @else {\n        <div class=\"axm-communication-in-app-inbox-page__list\">\n          @for (item of pageItems(); track item.id) {\n            @if (deviceService.isMobileDevice()) {\n              <ng-container [ngTemplateOutlet]=\"mobile\" [ngTemplateOutletContext]=\"{ $implicit: item }\" />\n            } @else {\n              <ng-container [ngTemplateOutlet]=\"desktop\" [ngTemplateOutletContext]=\"{ $implicit: item }\" />\n            }\n          }\n        </div>\n      }\n    </div>\n  </axp-page-content>\n\n  @if (!pageLoading() && pageTotal() > 0) {\n    <!-- ----- Pagination pinned to page footer ----- -->\n    <axp-page-footer\n      class=\"axm-communication-in-app-inbox-page__footer\"\n      [class.axm-communication-in-app-inbox-page__footer--compact]=\"deviceService.isSmall()\"\n    >\n      <ax-data-pager\n        [displayMode]=\"pagerDisplayMode()\"\n        [total]=\"pageTotal()\"\n        [size]=\"pageSize()\"\n        [value]=\"pageIndex() + 1\"\n        (onChanged)=\"onPageChanged($event)\"\n      />\n    </axp-page-footer>\n  }\n</axp-page-layout>\n\n<ng-template #mobile let-item>\n  <ax-sliding-item class=\"axm-communication-in-app-inbox-page__sliding-item\">\n    <ax-content class=\"p-0!\">\n      <div\n        class=\"axm-communication-in-app-inbox-page__row\"\n        [class.--selected]=\"isSelected(item.id)\"\n        (contextmenu)=\"openContextMenu($event, item)\"\n      >\n        @if (isEditing()) {\n          <ax-check-box\n            class=\"axm-communication-in-app-inbox-page__checkbox\"\n            [value]=\"isSelected(item.id)\"\n            (onValueChanged)=\"toggleSelectionWithModel(item.id, $event)\"\n          >\n            <ax-label></ax-label>\n          </ax-check-box>\n        }\n        <axp-in-app-inbox-item\n          class=\"flex-1 min-w-0\"\n          [data]=\"item\"\n          [highlightUnreadBackground]=\"highlightUnreadBackground()\"\n          [showPin]=\"showPin()\"\n          [pinLabelKey]=\"i18n.pin\"\n          [unpinLabelKey]=\"i18n.unpin\"\n          [markAsReadLabelKey]=\"i18n.markAsRead\"\n          (itemPress)=\"onItemPress($event)\"\n          (markAsRead)=\"onDismissUnread($event)\"\n          (togglePin)=\"onTogglePin($event)\"\n        />\n      </div>\n    </ax-content>\n\n    <ax-sliding-item-suffix (onClick)=\"slidingItemsHandler(item, 'mark-as-read')\" color=\"primary\">\n      <ax-icon class=\"fa-light fa-envelopes-bulk fa-xl\"></ax-icon>\n    </ax-sliding-item-suffix>\n\n    <ax-sliding-item-suffix (onClick)=\"slidingItemsHandler(item, 'archive')\" color=\"default\">\n      <ax-icon class=\"fa-light fa-box-archive fa-xl\"></ax-icon>\n    </ax-sliding-item-suffix>\n\n    <ax-sliding-item-suffix (onClick)=\"slidingItemsHandler(item, 'delete')\" color=\"danger\">\n      <ax-icon class=\"fa-light fa-trash-can fa-xl\"></ax-icon>\n    </ax-sliding-item-suffix>\n  </ax-sliding-item>\n</ng-template>\n\n<ng-template #desktop let-item>\n  <div\n    class=\"axm-communication-in-app-inbox-page__row\"\n    [class.--selected]=\"isSelected(item.id)\"\n    (contextmenu)=\"openContextMenu($event, item)\"\n  >\n    @if (isEditing()) {\n      <ax-check-box\n        class=\"axm-communication-in-app-inbox-page__checkbox\"\n        [value]=\"isSelected(item.id)\"\n        (onValueChanged)=\"toggleSelectionWithModel(item.id, $event)\"\n      >\n        <ax-label></ax-label>\n      </ax-check-box>\n    }\n    <axp-in-app-inbox-item\n      class=\"flex-1 min-w-0\"\n      [data]=\"item\"\n      [highlightUnreadBackground]=\"highlightUnreadBackground()\"\n      [showPin]=\"showPin()\"\n      [pinLabelKey]=\"i18n.pin\"\n      [unpinLabelKey]=\"i18n.unpin\"\n      [markAsReadLabelKey]=\"i18n.markAsRead\"\n      (itemPress)=\"onItemPress($event)\"\n      (markAsRead)=\"onDismissUnread($event)\"\n      (togglePin)=\"onTogglePin($event)\"\n    />\n  </div>\n</ng-template>\n\n<ax-context-menu\n  #contextMenu\n  [openOn]=\"'click'\"\n  [closeOn]=\"'click'\"\n  [orientation]=\"'horizontal'\"\n  (onOpening)=\"handleContextMenuOpening($event)\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n/>\n", styles: ["@reference \"@acorex/styles/themes/default.css\";.axm-communication-in-app-inbox-page{@apply flex min-h-0 flex-1 flex-col;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__selection-bar{@apply flex h-10 w-full items-center gap-3;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__selection-count{@apply text-xl font-semibold;color:rgb(var(--ax-sys-color-on-surface))}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__unselect{@apply cursor-pointer border-0 bg-transparent p-0 text-sm underline;color:rgb(var(--ax-sys-color-on-surface-variant))}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__content,.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__panel{@apply flex min-h-0 flex-1 flex-col overflow-hidden;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__list{@apply min-h-0 flex-1 overflow-auto rounded-lg border;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__list--loading{@apply space-y-0 p-2;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__row{@apply flex max-w-full items-center gap-3 border-b transition-colors;border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__row:last-child{@apply border-b-0;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__row:hover{background:rgb(var(--ax-sys-color-lightest-surface))}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__row.--selected{background:rgb(var(--ax-sys-color-lighter-surface))}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__checkbox{@apply shrink-0 ps-4;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__sliding-item{@apply max-h-24 overflow-hidden border-b;border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__sliding-item:last-child{@apply border-b-0;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__footer{@apply w-full;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__footer ax-data-pager{@apply w-full;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__footer--compact ::ng-deep ax-data-pager{@apply justify-center;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__footer--compact ::ng-deep ax-data-pager .compact-prefix{@apply flex w-full justify-center;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__footer--compact ::ng-deep ax-data-pager .compact-suffix{@apply hidden;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__skeleton{@apply flex gap-4 p-4;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__skeleton-avatar{@apply size-12 shrink-0 rounded-full;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__skeleton-body{@apply flex-1 space-y-2 py-1;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__skeleton-line{@apply h-3 rounded-md;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__skeleton-line.--wide{@apply w-3/4;}.axm-communication-in-app-inbox-page .axm-communication-in-app-inbox-page__skeleton-line:not(.--wide){@apply w-1/2;}\n"] }]
+        }], propDecorators: { contextMenu: [{ type: i0.ViewChild, args: ['contextMenu', { isSignal: true }] }] } });
+
+export { AXMCommunicationInAppInboxPageComponent };
+//# sourceMappingURL=acorex-platform-module-communication-management-client-communication-in-app-inbox-page.component-b7ZqkMTt.mjs.map