@acorex/platform 18.1.2 → 18.1.3

package/fesm2022/acorex-platform-themes-default-entity-master-single-view.component-DhcKSyrX.mjs

@@ -1,457 +0,0 @@
-import { AXActionSheetModule } from '@acorex/components/action-sheet';
-import * as i8$1 from '@acorex/components/breadcrumbs';
-import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
-import * as i4 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import * as i3 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import { AXDialogService, AXDialogModule } from '@acorex/components/dialog';
-import * as i4$2 from '@acorex/components/drawer';
-import { AXDrawerModule } from '@acorex/components/drawer';
-import * as i8 from '@acorex/components/dropdown';
-import { AXDropdownModule } from '@acorex/components/dropdown';
-import * as i2$2 from '@acorex/components/form';
-import { AXFormModule } from '@acorex/components/form';
-import * as i5 from '@acorex/components/loading';
-import { AXLoadingModule } from '@acorex/components/loading';
-import { AXPopoverModule } from '@acorex/components/popover';
-import * as i3$2 from '@acorex/components/tabs';
-import { AXTabsModule } from '@acorex/components/tabs';
-import * as i9 from '@acorex/core/translation';
-import { AXTranslationModule } from '@acorex/core/translation';
-import { AXPGridLayoutDirective, AXPStickyDirective, isSmallScreen, getChildDrawer } from '@acorex/platform/common';
-import * as i2 from '@acorex/platform/layout/builder';
-import { AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
-import { AXPWidgetsModule } from '@acorex/platform/widgets';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Component, signal, viewChild, inject, computed, ChangeDetectionStrategy } from '@angular/core';
-import * as i2$3 from '@angular/router';
-import { ActivatedRoute, RouterModule } from '@angular/router';
-import { Store } from '@ngrx/store';
-import * as i3$1 from '@acorex/components/comment';
-import { AXCommentModule } from '@acorex/components/comment';
-import * as i4$1 from '@acorex/components/wysiwyg';
-import { AXWysiwygModule } from '@acorex/components/wysiwyg';
-import * as i2$1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i6 from '@acorex/components/avatar';
-import { AXAvatarModule } from '@acorex/components/avatar';
-import * as i7$1 from '@acorex/components/dropdown-button';
-import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
-import * as i7 from '@acorex/components/image';
-import { AXImageModule } from '@acorex/components/image';
-import { AXLabelModule } from '@acorex/components/label';
-import { AXPopupService } from '@acorex/components/popup';
-import { AXSelectBoxModule } from '@acorex/components/select-box';
-import { AXTextBoxModule } from '@acorex/components/text-box';
-import { AXToastService } from '@acorex/components/toast';
-import { AXPHtmlUtils } from '@acorex/platform/core';
-import { AXBasePageComponent } from '@acorex/components/page';
-import { AXPCommentService, AXPEntityDetailListViewComponent } from './acorex-platform-themes-default.mjs';
-import '@acorex/core/utils';
-import '@acorex/components/side-menu';
-import '@acorex/platform/auth';
-import '@acorex/components/badge';
-import '@acorex/platform/layout/entity';
-import '@acorex/components/data-table';
-import '@acorex/components/search-box';
-import '@acorex/components/tooltip';
-import '@acorex/core/platform';
-import '@acorex/platform/layouts';
-import '@acorex/platform/workflow';
-import 'rxjs';
-
-class AXPCommentLookupPopup extends AXBasePageComponent {
-    constructor() {
-        super(...arguments);
-        this.lookupNode = {
-            name: 'lookup',
-            path: 'lookup',
-            type: 'lookup-editor',
-            options: {
-                entity: 'axoidc.users',
-            },
-        };
-        this.context = {};
-    }
-    handleClose() {
-        this.close({
-            result: true,
-            data: this.context,
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPCommentLookupPopup, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPCommentLookupPopup, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<axp-widgets-container class="ax-flex ax-flex-col ax-gap-2 ax-p-4" [(context)]="context">
-      <div class="ax-m-5"><axp-widget-renderer [node]="lookupNode" [mode]="'edit'"> </axp-widget-renderer></div>
-    </axp-widgets-container>
-
-    <ax-footer>
-      <ax-suffix>
-        <ax-button text="Accept & Send" color="primary" (onClick)="handleClose()"></ax-button>
-      </ax-suffix>
-    </ax-footer>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { 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-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i2.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "variables", "functions"], outputs: ["onChanged", "contextChange"] }, { kind: "component", type: i2.AXPWidgetRendererComponent, selector: "axp-widget-renderer", inputs: ["node", "mode", "parentNode", "index"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPCommentLookupPopup, decorators: [{
-            type: Component,
-            args: [{
-                    template: `<axp-widgets-container class="ax-flex ax-flex-col ax-gap-2 ax-p-4" [(context)]="context">
-      <div class="ax-m-5"><axp-widget-renderer [node]="lookupNode" [mode]="'edit'"> </axp-widget-renderer></div>
-    </axp-widgets-container>
-
-    <ax-footer>
-      <ax-suffix>
-        <ax-button text="Accept & Send" color="primary" (onClick)="handleClose()"></ax-button>
-      </ax-suffix>
-    </ax-footer>`,
-                    imports: [AXDecoratorModule, AXPLayoutBuilderModule, AXButtonModule],
-                    standalone: true,
-                }]
-        }] });
-
-class AXPCommentListViewComponent {
-    constructor() {
-        this.commentContent = signal('');
-        this.hasCooldown = signal(false);
-        this.isSubmitting = signal(false);
-        this.isReplyingMode = signal(false);
-        this.isEditingMode = signal(false);
-        this.failedImageIds = signal([]);
-        this.activeReplyComment = signal(undefined);
-        this.activeEditComment = signal(undefined);
-        this.wysiwygEditor = viewChild.required('w');
-        this.commentService = inject(AXPCommentService);
-        this.route = inject(ActivatedRoute);
-        this.popupService = inject(AXPopupService);
-        this.toastService = inject(AXToastService);
-        this.dialogService = inject(AXDialogService);
-        this.htmlUtils = inject(AXPHtmlUtils);
-        this.routeParams = this.route.snapshot;
-        this.payload = computed(() => ({
-            roomType: 'default',
-            entityId: this.routeParams.params?.['module'] + '.' + this.routeParams.params?.['entity'],
-            instanceId: this.routeParams.params?.['id'],
-        }));
-        this.comments = signal([]);
-        this.wysiwygOptions = signal({
-            look: 'none',
-        });
-        this.avatarConfig = signal({
-            color: 'primary',
-            look: 'rounded',
-            type: 'solid', // 'image' | 'text' | 'icon' | 'default'
-        });
-        this.validateContent = (content) => {
-            let isValid = true;
-            if (!content || content === '<p><br></p>') {
-                isValid = false;
-            }
-            return {
-                rule: 'callback',
-                result: isValid,
-                message: isValid ? '' : 'Please fill the content',
-                value: content,
-            };
-        };
-    }
-    ngOnInit() {
-        this.loadComments();
-    }
-    sanitizeHtml(htmlContent) {
-        return this.htmlUtils.getSafeHTMLfromHTML(htmlContent);
-    }
-    handleImageError(imageId) {
-        this.failedImageIds.update((ids) => [...ids, imageId]);
-    }
-    checkImageExists(imageId) {
-        return !this.failedImageIds().includes(imageId);
-    }
-    extractInitials(name) {
-        const words = name.split(' ');
-        const initials = words.map((word) => word.charAt(0).toUpperCase());
-        return initials.join('');
-    }
-    async loadComments() {
-        const response = await this.commentService.get(this.payload());
-        this.comments.set(response.items);
-    }
-    async initiateEditComment(comment) {
-        this.isReplyingMode.set(false);
-        this.activeReplyComment.set(undefined);
-        this.isEditingMode.set(true);
-        this.activeEditComment.set(comment);
-        this.commentContent.set(comment.content);
-        document.getElementsByClassName('ql-editor')[0].innerHTML = comment.content;
-        this.wysiwygEditor().getHostElement().scrollIntoView({ behavior: 'smooth', block: 'start' });
-    }
-    async initiateReplyComment(comment) {
-        this.isEditingMode.set(false);
-        this.activeEditComment.set(undefined);
-        this.isReplyingMode.set(true);
-        this.activeReplyComment.set(comment);
-        this.wysiwygEditor().getHostElement().scrollIntoView({ behavior: 'smooth', block: 'start' });
-    }
-    async deleteComment(comment) {
-        const dialog = this.dialogService.open({
-            icon: 'fa-regular fa-warning',
-            content: 'Are you sure you want to delete this comment?',
-            title: 'Delete Comment',
-            type: 'danger',
-            orientation: 'horizontal',
-            buttons: [
-                {
-                    text: 'Delete',
-                    color: 'danger',
-                    onClick: async (e) => {
-                        e.handled = true;
-                        e.source.text = 'Deleting...';
-                        e.source.disabled = true;
-                        e.source.loading = true;
-                        try {
-                            await this.commentService.delete({ id: comment.id });
-                            this.removeCommentById(comment.id);
-                            this.toastService.show({
-                                content: 'Comment deleted successfully.',
-                                color: 'success',
-                                location: 'bottom-center',
-                                closeButton: true,
-                                timeOut: 3000,
-                                timeOutProgress: true,
-                            });
-                            dialog.close();
-                        }
-                        catch (error) {
-                            this.toastService.show({
-                                content: typeof error === 'string' ? error : 'Failed to delete comment!',
-                                color: 'danger',
-                                location: 'bottom-center',
-                                closeButton: true,
-                                timeOut: 3000,
-                                timeOutProgress: true,
-                            });
-                        }
-                    },
-                },
-                {
-                    text: 'Cancel',
-                    color: 'ghost',
-                    autofocus: true,
-                    onClick: (e) => {
-                        dialog.close();
-                    },
-                },
-            ],
-            closeButton: false,
-        });
-    }
-    resetReplyEditState() {
-        this.isEditingMode.set(false);
-        this.activeEditComment.set(undefined);
-        this.isReplyingMode.set(false);
-        this.activeReplyComment.set(undefined);
-    }
-    async toggleLikeComment(comment) {
-        this.updateLikeStatus(comment.id);
-        const payload = {
-            messageId: comment.id,
-            type: 'like',
-        };
-        try {
-            await this.commentService.like(payload);
-        }
-        catch (error) {
-            this.updateLikeStatus(comment.id);
-        }
-    }
-    updateLikeStatus(commentId) {
-        this.comments.update((commentsList) => {
-            return commentsList.map((comment) => comment.id === commentId
-                ? {
-                    ...comment,
-                    isLiked: !comment.isLiked,
-                    reactionsCount: comment.isLiked ? --comment.reactionsCount : ++comment.reactionsCount,
-                }
-                : comment);
-        });
-    }
-    removeCommentById(commentId) {
-        this.comments.update((commentsList) => commentsList.filter((comment) => comment.id !== commentId));
-    }
-    async submitPrivateComment() {
-        if (!this.validateContent(this.commentContent()).result) {
-            return;
-        }
-        const popupConfig = {
-            header: true,
-            size: 'md',
-            draggable: true,
-            hasBackdrop: true,
-            closeButton: true,
-            closeOnBackdropClick: false,
-        };
-        const popup = await this.popupService.open(AXPCommentLookupPopup, popupConfig);
-        const payload = {
-            ...this.payload(),
-            content: this.commentContent(),
-            contentType: 'text',
-            isPrivate: false,
-            replyId: this.activeReplyComment()?.id,
-            members: [popup.data?.data?.lookup],
-        };
-        this.isSubmitting.set(true);
-        this.hasCooldown.set(true);
-        await this.commentService.post(payload);
-        const response = await this.commentService.get(this.payload());
-        this.comments.set(response.items);
-        this.commentContent.set('');
-        document.getElementsByClassName('ql-editor')[0].innerHTML = '';
-        this.isSubmitting.set(false);
-        setTimeout(() => {
-            this.hasCooldown.set(false);
-        }, 1000);
-    }
-    async submitComment() {
-        if (!this.validateContent(this.commentContent()).result) {
-            return;
-        }
-        const payload = {
-            ...this.payload(),
-            content: this.commentContent(),
-            contentType: 'text',
-            isPrivate: false,
-            replyId: this.activeReplyComment()?.id,
-        };
-        this.isSubmitting.set(true);
-        this.hasCooldown.set(true);
-        await this.commentService.post(payload);
-        const response = await this.commentService.get(this.payload());
-        this.comments.set(response.items);
-        this.commentContent.set('');
-        document.getElementsByClassName('ql-editor')[0].innerHTML = '';
-        this.isSubmitting.set(false);
-        setTimeout(() => {
-            this.hasCooldown.set(false);
-        }, 1000);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPCommentListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPCommentListViewComponent, isStandalone: true, selector: "axp-comment-list-view", viewQueries: [{ propertyName: "wysiwygEditor", first: true, predicate: ["w"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-mt-2\">\n  <ax-comment-view class=\"ax-bg-surface\">\n    @for(comment of comments(); track comment.id){\n    <ax-comment-item>\n      <ax-avatar [color]=\"avatarConfig().color\" [look]=\"avatarConfig().look\">\n        @if(checkImageExists(comment.id) && comment.user.picture){\n        <ax-image (onError)=\"handleImageError(comment.id)\" [src]=\"comment.user.picture\">\n          <ax-loading></ax-loading>\n        </ax-image>\n        }@else{\n        <ax-text>\n          <span class=\"ax-text-base ax-overflow-hidden\">{{\n            extractInitials(comment.user.firstName + ' ' + comment.user.lastName)\n          }}</span>\n        </ax-text>\n        }\n      </ax-avatar>\n      <ax-title>{{ comment.user.firstName + ' ' + comment.user.lastName }}</ax-title>\n      <ax-comment-menu-options>\n        <ax-button class=\"ax-sm\" look=\"blank\" color=\"secondary\">\n          <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n        </ax-button>\n\n        <ax-dropdown-panel>\n          <ax-button-item-list>\n            <ax-button-item text=\"Edit\" color=\"secondary\" (click)=\"initiateEditComment(comment)\">\n              <ax-prefix>\n                <ax-icon icon=\"fa-solid fa-edit\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n\n            <ax-button-item text=\"Delete\" color=\"danger\" (click)=\"deleteComment(comment)\">\n              <ax-prefix>\n                <ax-icon icon=\"fa-solid fa-trash-can\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n          </ax-button-item-list>\n        </ax-dropdown-panel>\n      </ax-comment-menu-options>\n      <ax-content [innerHTML]=\"sanitizeHtml(comment.content)\"></ax-content>\n      <ax-comment-like (click)=\"toggleLikeComment(comment)\" [liked]=\"comment.isLiked\">\n        {{ comment.reactionsCount }}\n      </ax-comment-like>\n      <ax-comment-reply-text (click)=\"initiateReplyComment(comment)\"></ax-comment-reply-text>\n      @for(reply of comment.replies; track reply.id){\n      <ax-comment-item>\n        @if(checkImageExists(reply.id) && reply?.user?.picture){\n        <ax-image (onError)=\"handleImageError(reply.id)\" [src]=\"reply?.user?.picture\">\n          <ax-loading></ax-loading>\n        </ax-image>\n        }@else{\n        <ax-text>\n          <span class=\"ax-text-base ax-overflow-hidden\">{{\n            extractInitials(reply?.user?.firstName + ' ' + reply?.user?.lastName)\n          }}</span>\n        </ax-text>\n        }\n        <ax-title>{{ (reply?.user?.firstName ?? '') + ' ' + (reply?.user?.lastName ?? '') }}</ax-title>\n        <ax-content [innerHTML]=\"sanitizeHtml(reply.content)\"></ax-content>\n        <ax-comment-like (click)=\"toggleLikeComment(reply)\" [liked]=\"reply.isLiked\">\n          {{ reply.reactionsCount }}\n        </ax-comment-like>\n        <ax-comment-reply-text (click)=\"initiateReplyComment(reply)\"></ax-comment-reply-text>\n      </ax-comment-item>\n      }\n    </ax-comment-item>\n    } @empty{ }\n  </ax-comment-view>\n\n  <ax-form>\n    <ax-form-field>\n      <div class=\"ax-border ax-overflow-hidden ax-rounded-lg\">\n        @if(isReplyingMode() || isEditingMode()){\n        <div\n          class=\"ax-flex ax-justify-between ax-border-b ax-bg-on-surface ax-px-6 ax-py-4 ax-w-full ax-items-center ax-overflow-hidden ax-text-sm ax-leading-none\"\n        >\n          <div class=\"ax-flex ax-justify-start ax-align-middle\">\n            <i\n              [class]=\"isReplyingMode() ? 'fa-reply' : 'fa-pen'\"\n              class=\"fa-solid ax-text-primary-500 ax-text-2xl ax-me-4\"\n            ></i>\n            <div class=\"ax-flex ax-flex-col ax-gap-2 ax-justify-between ax-align-middle\">\n              <p class=\"ax-text-primary-500\">\n                {{ isReplyingMode() ? 'Reply to ' : 'Edit Message' }}\n                <span class=\"ax-font-bold\">\n                  {{\n                    isReplyingMode()\n                      ? activeReplyComment()?.user?.firstName + ' ' + activeReplyComment()?.user?.lastName\n                      : ''\n                  }}\n                </span>\n              </p>\n              <div\n                class=\"ax-truncate\"\n                [innerHTML]=\"\n                  isReplyingMode()\n                    ? sanitizeHtml(activeReplyComment()?.content ?? '')\n                    : sanitizeHtml(activeEditComment()?.content ?? '')\n                \"\n              ></div>\n            </div>\n          </div>\n          <div><i (click)=\"resetReplyEditState()\" class=\"fa-solid ax-text-2xl fa-xmark ax-cursor-pointer\"></i></div>\n        </div>\n        }\n        <ax-wysiwyg-container #w [look]=\"wysiwygOptions().look\" [(ngModel)]=\"commentContent\">\n          <ax-wysiwyg-view class=\"ax-min-h-28\"></ax-wysiwyg-view>\n          <ax-wysiwyg-toolbar>\n            <ax-wysiwyg-history></ax-wysiwyg-history>\n            <ax-wysiwyg-font-style></ax-wysiwyg-font-style>\n            <ax-wysiwyg-colors></ax-wysiwyg-colors>\n            <ax-wysiwyg-list></ax-wysiwyg-list>\n            <ax-wysiwyg-alignment></ax-wysiwyg-alignment>\n            <ax-suffix>\n              <ax-dropdown-button\n                [disabled]=\"hasCooldown()\"\n                type=\"submit\"\n                color=\"primary\"\n                mode=\"split\"\n                text=\"Send\"\n                (onClick)=\"submitComment()\"\n              >\n                @if(isSubmitting()){ <ax-loading></ax-loading> }\n                <ax-button-item-list>\n                  <ax-button-item\n                    (click)=\"submitPrivateComment()\"\n                    text=\"Send Private ...\"\n                    name=\"private\"\n                    data=\"private\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-regular fa-user-secret\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n                </ax-button-item-list>\n              </ax-dropdown-button>\n            </ax-suffix>\n          </ax-wysiwyg-toolbar>\n          <ax-validation-rule rule=\"callback\" [options]=\"{ validate: validateContent }\"></ax-validation-rule>\n        </ax-wysiwyg-container>\n      </div>\n    </ax-form-field>\n  </ax-form>\n</div>\n", styles: ["ax-wysiwyg-container .ax-error-message{padding-left:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { 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-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCommentModule }, { kind: "component", type: i3$1.AXCommentViewComponent, selector: "ax-comment-view" }, { kind: "component", type: i3$1.AxCommentItemComponent, selector: "ax-comment-item" }, { kind: "component", type: i3$1.AXCommentLikeComponent, selector: "ax-comment-like", inputs: ["liked"] }, { kind: "component", type: i3$1.AXMenuOptionsComponent, selector: "ax-comment-menu-options" }, { kind: "component", type: i3$1.AXCommentReplyTextComponent, selector: "ax-comment-reply-text" }, { kind: "ngmodule", type: AXWysiwygModule }, { kind: "component", type: i4$1.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i4$1.AXWysiwygViewComponent, selector: "ax-wysiwyg-view", inputs: ["class"] }, { kind: "component", type: i4$1.AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar" }, { kind: "component", type: i4$1.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i4$1.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i4$1.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i4$1.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i4$1.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i4.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i4.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "component", type: i6.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "look"], outputs: ["sizeChange"] }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i7.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i2$2.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i2$2.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "directive", type: i2$2.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: i7$1.AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "type", "mode"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i8.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPCommentListViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-comment-list-view', imports: [
-                        FormsModule,
-                        CommonModule,
-                        RouterModule,
-                        AXDecoratorModule,
-                        AXCommentModule,
-                        AXWysiwygModule,
-                        AXButtonModule,
-                        AXTextBoxModule,
-                        AXLabelModule,
-                        AXAvatarModule,
-                        AXImageModule,
-                        AXSelectBoxModule,
-                        AXFormModule,
-                        AXLoadingModule,
-                        AXDropdownButtonModule,
-                        AXDropdownModule,
-                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-mt-2\">\n  <ax-comment-view class=\"ax-bg-surface\">\n    @for(comment of comments(); track comment.id){\n    <ax-comment-item>\n      <ax-avatar [color]=\"avatarConfig().color\" [look]=\"avatarConfig().look\">\n        @if(checkImageExists(comment.id) && comment.user.picture){\n        <ax-image (onError)=\"handleImageError(comment.id)\" [src]=\"comment.user.picture\">\n          <ax-loading></ax-loading>\n        </ax-image>\n        }@else{\n        <ax-text>\n          <span class=\"ax-text-base ax-overflow-hidden\">{{\n            extractInitials(comment.user.firstName + ' ' + comment.user.lastName)\n          }}</span>\n        </ax-text>\n        }\n      </ax-avatar>\n      <ax-title>{{ comment.user.firstName + ' ' + comment.user.lastName }}</ax-title>\n      <ax-comment-menu-options>\n        <ax-button class=\"ax-sm\" look=\"blank\" color=\"secondary\">\n          <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n        </ax-button>\n\n        <ax-dropdown-panel>\n          <ax-button-item-list>\n            <ax-button-item text=\"Edit\" color=\"secondary\" (click)=\"initiateEditComment(comment)\">\n              <ax-prefix>\n                <ax-icon icon=\"fa-solid fa-edit\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n\n            <ax-button-item text=\"Delete\" color=\"danger\" (click)=\"deleteComment(comment)\">\n              <ax-prefix>\n                <ax-icon icon=\"fa-solid fa-trash-can\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n          </ax-button-item-list>\n        </ax-dropdown-panel>\n      </ax-comment-menu-options>\n      <ax-content [innerHTML]=\"sanitizeHtml(comment.content)\"></ax-content>\n      <ax-comment-like (click)=\"toggleLikeComment(comment)\" [liked]=\"comment.isLiked\">\n        {{ comment.reactionsCount }}\n      </ax-comment-like>\n      <ax-comment-reply-text (click)=\"initiateReplyComment(comment)\"></ax-comment-reply-text>\n      @for(reply of comment.replies; track reply.id){\n      <ax-comment-item>\n        @if(checkImageExists(reply.id) && reply?.user?.picture){\n        <ax-image (onError)=\"handleImageError(reply.id)\" [src]=\"reply?.user?.picture\">\n          <ax-loading></ax-loading>\n        </ax-image>\n        }@else{\n        <ax-text>\n          <span class=\"ax-text-base ax-overflow-hidden\">{{\n            extractInitials(reply?.user?.firstName + ' ' + reply?.user?.lastName)\n          }}</span>\n        </ax-text>\n        }\n        <ax-title>{{ (reply?.user?.firstName ?? '') + ' ' + (reply?.user?.lastName ?? '') }}</ax-title>\n        <ax-content [innerHTML]=\"sanitizeHtml(reply.content)\"></ax-content>\n        <ax-comment-like (click)=\"toggleLikeComment(reply)\" [liked]=\"reply.isLiked\">\n          {{ reply.reactionsCount }}\n        </ax-comment-like>\n        <ax-comment-reply-text (click)=\"initiateReplyComment(reply)\"></ax-comment-reply-text>\n      </ax-comment-item>\n      }\n    </ax-comment-item>\n    } @empty{ }\n  </ax-comment-view>\n\n  <ax-form>\n    <ax-form-field>\n      <div class=\"ax-border ax-overflow-hidden ax-rounded-lg\">\n        @if(isReplyingMode() || isEditingMode()){\n        <div\n          class=\"ax-flex ax-justify-between ax-border-b ax-bg-on-surface ax-px-6 ax-py-4 ax-w-full ax-items-center ax-overflow-hidden ax-text-sm ax-leading-none\"\n        >\n          <div class=\"ax-flex ax-justify-start ax-align-middle\">\n            <i\n              [class]=\"isReplyingMode() ? 'fa-reply' : 'fa-pen'\"\n              class=\"fa-solid ax-text-primary-500 ax-text-2xl ax-me-4\"\n            ></i>\n            <div class=\"ax-flex ax-flex-col ax-gap-2 ax-justify-between ax-align-middle\">\n              <p class=\"ax-text-primary-500\">\n                {{ isReplyingMode() ? 'Reply to ' : 'Edit Message' }}\n                <span class=\"ax-font-bold\">\n                  {{\n                    isReplyingMode()\n                      ? activeReplyComment()?.user?.firstName + ' ' + activeReplyComment()?.user?.lastName\n                      : ''\n                  }}\n                </span>\n              </p>\n              <div\n                class=\"ax-truncate\"\n                [innerHTML]=\"\n                  isReplyingMode()\n                    ? sanitizeHtml(activeReplyComment()?.content ?? '')\n                    : sanitizeHtml(activeEditComment()?.content ?? '')\n                \"\n              ></div>\n            </div>\n          </div>\n          <div><i (click)=\"resetReplyEditState()\" class=\"fa-solid ax-text-2xl fa-xmark ax-cursor-pointer\"></i></div>\n        </div>\n        }\n        <ax-wysiwyg-container #w [look]=\"wysiwygOptions().look\" [(ngModel)]=\"commentContent\">\n          <ax-wysiwyg-view class=\"ax-min-h-28\"></ax-wysiwyg-view>\n          <ax-wysiwyg-toolbar>\n            <ax-wysiwyg-history></ax-wysiwyg-history>\n            <ax-wysiwyg-font-style></ax-wysiwyg-font-style>\n            <ax-wysiwyg-colors></ax-wysiwyg-colors>\n            <ax-wysiwyg-list></ax-wysiwyg-list>\n            <ax-wysiwyg-alignment></ax-wysiwyg-alignment>\n            <ax-suffix>\n              <ax-dropdown-button\n                [disabled]=\"hasCooldown()\"\n                type=\"submit\"\n                color=\"primary\"\n                mode=\"split\"\n                text=\"Send\"\n                (onClick)=\"submitComment()\"\n              >\n                @if(isSubmitting()){ <ax-loading></ax-loading> }\n                <ax-button-item-list>\n                  <ax-button-item\n                    (click)=\"submitPrivateComment()\"\n                    text=\"Send Private ...\"\n                    name=\"private\"\n                    data=\"private\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-regular fa-user-secret\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n                </ax-button-item-list>\n              </ax-dropdown-button>\n            </ax-suffix>\n          </ax-wysiwyg-toolbar>\n          <ax-validation-rule rule=\"callback\" [options]=\"{ validate: validateContent }\"></ax-validation-rule>\n        </ax-wysiwyg-container>\n      </div>\n    </ax-form-field>\n  </ax-form>\n</div>\n", styles: ["ax-wysiwyg-container .ax-error-message{padding-left:.5rem}\n"] }]
-        }] });
-
-class AXPEntitySingleOverviewComponent {
-    constructor() {
-        this.activeRoute = inject(ActivatedRoute);
-        this.vm = this.activeRoute.snapshot.data['vm'];
-        this.selectedRelatedIEntityTabIndex = signal(0);
-    }
-    handleActiveRelatedEntityChanged(e) {
-        this.selectedRelatedIEntityTabIndex.set(e.index);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntitySingleOverviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPEntitySingleOverviewComponent, isStandalone: true, selector: "axp-entity-single-overview", ngImport: i0, template: "<div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n  @for(section of vm.sections(); track section.name()) {\n  <div class=\"ax-card ax-mt-2\" [gridLayout]=\"section.layout()\">\n    <ax-form #form>\n      <axp-widgets-container [context]=\"vm.context()\">\n        <div class=\"ax-card-header !ax-py-2 !ax-px-4\">\n          <p>\n            <span class=\"!ax-text-lg ax-font-semibold\">{{ section.title() }}</span>\n            <br />\n            @if(section.description()) {\n            <span class=\"ax-text-sm ax-font-normal ax-text-gray-500\">{{ section.description() }}</span>\n            }\n          </p>\n          @if(section.editable()) {\n          <ax-button\n            class=\"ax-xs\"\n            color=\"ghost\"\n            [look]=\"'blank'\"\n            (onClick)=\"vm.executeCommand('modify-entity-section', section)\"\n          >\n            <ax-icon class=\"fa-solid fa-pen ax-text-gray-600\"> </ax-icon>\n          </ax-button>\n          }\n        </div>\n        <div class=\"ax-card-body !ax-grid !ax-grid-cols-12 !ax-gap-4\">\n          @for(attr of section.props(); track $index) {\n          <div class=\"ax-flex ax-flex-col ax-gap-1\" [gridLayout]=\"attr.layout()\">\n            <div>\n              <div>\n                <span class=\"ax-font-semibold\">{{ attr.title() }}</span>\n              </div>\n            </div>\n            <div class=\"ax-text-neutral-500\">\n              <axp-widget-renderer [node]=\"attr.node()\" [mode]=\"'view'\"> </axp-widget-renderer>\n            </div>\n          </div>\n          }\n        </div>\n      </axp-widgets-container>\n    </ax-form>\n  </div>\n  }\n</div>\n\n@if(vm.relatedEntities().length) {\n<ax-tabs\n  [look]=\"'classic'\"\n  class=\"ax-mt-4 ax-font-semibold\"\n  #tab\n  (onActiveTabChanged)=\"handleActiveRelatedEntityChanged($event)\"\n>\n  @for(e of vm.relatedEntities();track $index;let index= $index){\n  <ax-tab-item [text]=\"e.title()\" [key]=\"index.toString()\"> </ax-tab-item>\n  }\n</ax-tabs>\n@for(e of vm.relatedEntities();track $index;let index= $index){\n<div [class.ax-hidden]=\"$index != selectedRelatedIEntityTabIndex()\">\n  <axp-entity-detail-list-view [viewModel]=\"e\"></axp-entity-detail-list-view>\n</div>\n} }\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i2$2.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXActionSheetModule }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i3$2.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i3$2.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: 
-                //
-                AXPLayoutBuilderModule }, { kind: "component", type: i2.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "variables", "functions"], outputs: ["onChanged", "contextChange"] }, { kind: "component", type: i2.AXPWidgetRendererComponent, selector: "axp-widget-renderer", inputs: ["node", "mode", "parentNode", "index"] }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "directive", type: AXPGridLayoutDirective, selector: "[gridLayout]", inputs: ["gridLayout"] }, { kind: "component", type: AXPEntityDetailListViewComponent, selector: "axp-entity-detail-list-view", inputs: ["viewModel"] }, { kind: "ngmodule", type: 
-                //
-                AXTranslationModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntitySingleOverviewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-entity-single-overview', imports: [
-                        CommonModule,
-                        RouterModule,
-                        AXDecoratorModule,
-                        AXDropdownModule,
-                        AXPopoverModule,
-                        AXFormModule,
-                        AXActionSheetModule,
-                        AXDrawerModule,
-                        AXDialogModule,
-                        AXLoadingModule,
-                        AXTabsModule,
-                        AXButtonModule,
-                        AXBreadcrumbsModule,
-                        //
-                        AXPLayoutBuilderModule,
-                        AXPWidgetsModule,
-                        AXPStickyDirective,
-                        AXPGridLayoutDirective,
-                        AXPEntityDetailListViewComponent,
-                        //
-                        AXTranslationModule,
-                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n  @for(section of vm.sections(); track section.name()) {\n  <div class=\"ax-card ax-mt-2\" [gridLayout]=\"section.layout()\">\n    <ax-form #form>\n      <axp-widgets-container [context]=\"vm.context()\">\n        <div class=\"ax-card-header !ax-py-2 !ax-px-4\">\n          <p>\n            <span class=\"!ax-text-lg ax-font-semibold\">{{ section.title() }}</span>\n            <br />\n            @if(section.description()) {\n            <span class=\"ax-text-sm ax-font-normal ax-text-gray-500\">{{ section.description() }}</span>\n            }\n          </p>\n          @if(section.editable()) {\n          <ax-button\n            class=\"ax-xs\"\n            color=\"ghost\"\n            [look]=\"'blank'\"\n            (onClick)=\"vm.executeCommand('modify-entity-section', section)\"\n          >\n            <ax-icon class=\"fa-solid fa-pen ax-text-gray-600\"> </ax-icon>\n          </ax-button>\n          }\n        </div>\n        <div class=\"ax-card-body !ax-grid !ax-grid-cols-12 !ax-gap-4\">\n          @for(attr of section.props(); track $index) {\n          <div class=\"ax-flex ax-flex-col ax-gap-1\" [gridLayout]=\"attr.layout()\">\n            <div>\n              <div>\n                <span class=\"ax-font-semibold\">{{ attr.title() }}</span>\n              </div>\n            </div>\n            <div class=\"ax-text-neutral-500\">\n              <axp-widget-renderer [node]=\"attr.node()\" [mode]=\"'view'\"> </axp-widget-renderer>\n            </div>\n          </div>\n          }\n        </div>\n      </axp-widgets-container>\n    </ax-form>\n  </div>\n  }\n</div>\n\n@if(vm.relatedEntities().length) {\n<ax-tabs\n  [look]=\"'classic'\"\n  class=\"ax-mt-4 ax-font-semibold\"\n  #tab\n  (onActiveTabChanged)=\"handleActiveRelatedEntityChanged($event)\"\n>\n  @for(e of vm.relatedEntities();track $index;let index= $index){\n  <ax-tab-item [text]=\"e.title()\" [key]=\"index.toString()\"> </ax-tab-item>\n  }\n</ax-tabs>\n@for(e of vm.relatedEntities();track $index;let index= $index){\n<div [class.ax-hidden]=\"$index != selectedRelatedIEntityTabIndex()\">\n  <axp-entity-detail-list-view [viewModel]=\"e\"></axp-entity-detail-list-view>\n</div>\n} }\n" }]
-        }] });
-
-class AXPEntityMasterSingleViewComponent {
-    constructor() {
-        this.activeRoute = inject(ActivatedRoute);
-        this.vm = this.activeRoute.snapshot.data['vm'];
-        //
-        this.store = inject((Store));
-        this.isSM = this.store.select(isSmallScreen());
-        this.isOpen = this.store.select(getChildDrawer());
-        this.selectedDetailTabIndex = signal(0);
-    }
-    handleActiveDetailTabChanged(e) {
-        this.selectedDetailTabIndex.set(e.index);
-    }
-    ngOnDestroy() {
-        this.vm.destroy();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityMasterSingleViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPEntityMasterSingleViewComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<ax-drawer-container>\n  <!-- <ax-drawer #drawer location=\"start\" [collapsed]=\"!(isOpen | async)\" [mode]=\" (isSM | async) ? 'overlay' : 'push'\"\n      *ngIf=\"loader.hasSections$ | async\" (collapsedChange)=\"handleCollapsedChange($event)\">\n      <ax-content class=\"ax-border-e ax-p-6 ax-w-64\">\n        <p class=\"ax-text-xl ax-font-bold ax-mb-6\">{{loader.sectionTitle}}</p>\n        <ax-tabs look=\"with-line\" location=\"start\">\n          @for(tab of (loader.sections$ | async); track tab.name)\n          {\n          <ax-tab-item [text]=\"tab.title\" [active]=\"isActive(tab)\" (onClick)=\"handleMenuClick($event,tab)\"\n            [disabled]=\"editForm.context\">\n          </ax-tab-item>\n          }\n        </ax-tabs>\n      </ax-content>\n    </ax-drawer> -->\n  <ax-content #content class=\"ax-overflow-x-hidden\">\n    <div\n      class=\"ax-flex ax-flex-col ax-gap-4 ax-min-h-full ax-px-4 ax-pb-4 md:ax-px-6 ax-bg-surface ax-border-b md:ax-border-0 md:ax-bg-default\"\n    >\n      <div\n        class=\"ax-flex ax-flex-col ax-pt-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all\"\n        #sticky=\"axpSticky\"\n        [axpSticky]=\"'ax-bg-surface ax-px-6 ax-py-3 -ax-mx-6 ax-shadow-xl'\"\n        [stickyOffset]=\"30\"\n        [stickyParent]=\"content.getHostElement()\"\n      >\n        <!-------- Begin Toolbar  -------->\n        <div class=\"ax-flex ax-justify-between ax-items-center\">\n          <!-------- Begin Title  -------->\n          <div class=\"ax-flex ax-gap-1 ax-items-center\">\n            <div class=\"ax-flex ax-flex-col ax-gap-2 ax-transition\">\n              <div class=\"ax-text-xl md:ax-text-3xl ax-font-bold\">{{ vm.title() }}</div>\n              @if(vm.description()) {\n              <div class=\"ax-text-sm ax-text-neutral-600\" [class.ax-hidden]=\"sticky.isSticky\">\n                {{ vm.description() }}\n              </div>\n              }\n              <ax-breadcrumbs class=\"child:ax-font-normal child:ax-text-neutral-400\" [class.ax-hidden]=\"isSM | async\">\n                <ng-template #divider>\n                  <i class=\"fa-solid fa-chevron-right ax-text-xs ax-mx-2\"></i>\n                </ng-template>\n                @for(b of vm.beardcrumbs();track $index;let last=$last) {\n                <ax-breadcrumbs-item\n                  [active]=\"last\"\n                  [class.!ax-font-semibold]=\"last\"\n                  [class.!ax-text-neutral-600]=\"last\"\n                  [routerLink]=\"b.url\"\n                >\n                  @if(b.icon) {\n                  <i [class]=\"b.icon\"></i>\n                  }\n                  {{ b.title }}\n                </ax-breadcrumbs-item>\n                }\n              </ax-breadcrumbs>\n            </div>\n          </div>\n          <!-------- Finish Title  -------->\n          <!--------------------------------------------------------------->\n          <!-- Begin Action Menu  -->\n          <div class=\"ax-flex ax-items-center ax-gap-3\">\n            @for(tr of vm.primaryActions();track $index) {\n            <ax-button [text]=\"tr.title\" [color]=\"tr.color\" (onClick)=\"vm.executeCommand(tr.name)\">\n              <ax-prefix>\n                <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n              </ax-prefix>\n            </ax-button>\n            } @if(vm.secondaryActions().length) {\n            <ax-button [text]=\"(isSM | async) ? null : 'Actions'\" color=\"ghost\">\n              <ax-prefix>\n                <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n              </ax-prefix>\n              <ax-dropdown-panel>\n                <ax-button-item-list>\n                  @for(tr of vm.secondaryActions();track $index) {\n                  <ng-container>\n                    @if(tr.separated) {\n                    <ax-divider></ax-divider>\n                    }\n                    <ax-button-item\n                      [text]=\"tr.title\"\n                      class=\"ax-font-semibold ax-text-{{ tr.color }}\"\n                      (onClick)=\"vm.executeCommand(tr.name)\"\n                    >\n                      <ax-prefix>\n                        <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n                      </ax-prefix>\n                    </ax-button-item>\n                  </ng-container>\n                  }\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-button>\n            }\n          </div>\n          <!-- Finish Action Menu  -->\n        </div>\n        <!----- Finish Toolbar  ----->\n        <!--------------------------------------------------------------->\n        <!-- Begin Sections -->\n        <ax-tabs\n          (onActiveTabChanged)=\"handleActiveDetailTabChanged($event)\"\n          [look]=\"'classic'\"\n          class=\"ax-mt-4 ax-font-semibold\"\n          [class.ax-hidden]=\"sticky.isSticky\"\n        >\n          <ax-tab-item id=\"overview\" [text]=\"('overview' | translate | async) ?? 'Overview'\"> </ax-tab-item>\n          <ax-tab-item id=\"history\" [text]=\"('history' | translate | async) ?? 'History'\"> </ax-tab-item>\n          <ax-tab-item id=\"comments\" [text]=\"('comments' | translate | async) ?? 'Comments'\"> </ax-tab-item>\n        </ax-tabs>\n      </div>\n\n      @switch (selectedDetailTabIndex()) { @case(1){\n      <div></div>\n      } @case(2){\n      <axp-comment-list-view vm=\"vm\"></axp-comment-list-view>\n      } @default {\n      <axp-entity-single-overview></axp-entity-single-overview>\n      } }\n      <!-- Finish Sections  -->\n    </div>\n  </ax-content>\n</ax-drawer-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i8.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXActionSheetModule }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "component", type: i4$2.AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i3$2.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i3$2.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i4.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i4.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "component", type: i8$1.AXBreadCrumbsComponent, selector: "ax-breadcrumbs" }, { kind: "component", type: i8$1.AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: ["disabled", "active"] }, { kind: "ngmodule", type: 
-                //
-                AXPLayoutBuilderModule }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "component", type: AXPEntitySingleOverviewComponent, selector: "axp-entity-single-overview" }, { kind: "component", type: AXPCommentListViewComponent, selector: "axp-comment-list-view" }, { kind: "ngmodule", type: 
-                //
-                AXTranslationModule }, { kind: "pipe", type: i9.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityMasterSingleViewComponent, decorators: [{
-            type: Component,
-            args: [{ imports: [
-                        CommonModule,
-                        RouterModule,
-                        AXDecoratorModule,
-                        AXDropdownModule,
-                        AXPopoverModule,
-                        AXFormModule,
-                        AXActionSheetModule,
-                        AXDrawerModule,
-                        AXDialogModule,
-                        AXLoadingModule,
-                        AXTabsModule,
-                        AXButtonModule,
-                        AXBreadcrumbsModule,
-                        //
-                        AXPLayoutBuilderModule,
-                        AXPWidgetsModule,
-                        AXPStickyDirective,
-                        AXPGridLayoutDirective,
-                        AXPEntitySingleOverviewComponent,
-                        AXPCommentListViewComponent,
-                        //
-                        AXTranslationModule,
-                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ax-drawer-container>\n  <!-- <ax-drawer #drawer location=\"start\" [collapsed]=\"!(isOpen | async)\" [mode]=\" (isSM | async) ? 'overlay' : 'push'\"\n      *ngIf=\"loader.hasSections$ | async\" (collapsedChange)=\"handleCollapsedChange($event)\">\n      <ax-content class=\"ax-border-e ax-p-6 ax-w-64\">\n        <p class=\"ax-text-xl ax-font-bold ax-mb-6\">{{loader.sectionTitle}}</p>\n        <ax-tabs look=\"with-line\" location=\"start\">\n          @for(tab of (loader.sections$ | async); track tab.name)\n          {\n          <ax-tab-item [text]=\"tab.title\" [active]=\"isActive(tab)\" (onClick)=\"handleMenuClick($event,tab)\"\n            [disabled]=\"editForm.context\">\n          </ax-tab-item>\n          }\n        </ax-tabs>\n      </ax-content>\n    </ax-drawer> -->\n  <ax-content #content class=\"ax-overflow-x-hidden\">\n    <div\n      class=\"ax-flex ax-flex-col ax-gap-4 ax-min-h-full ax-px-4 ax-pb-4 md:ax-px-6 ax-bg-surface ax-border-b md:ax-border-0 md:ax-bg-default\"\n    >\n      <div\n        class=\"ax-flex ax-flex-col ax-pt-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all\"\n        #sticky=\"axpSticky\"\n        [axpSticky]=\"'ax-bg-surface ax-px-6 ax-py-3 -ax-mx-6 ax-shadow-xl'\"\n        [stickyOffset]=\"30\"\n        [stickyParent]=\"content.getHostElement()\"\n      >\n        <!-------- Begin Toolbar  -------->\n        <div class=\"ax-flex ax-justify-between ax-items-center\">\n          <!-------- Begin Title  -------->\n          <div class=\"ax-flex ax-gap-1 ax-items-center\">\n            <div class=\"ax-flex ax-flex-col ax-gap-2 ax-transition\">\n              <div class=\"ax-text-xl md:ax-text-3xl ax-font-bold\">{{ vm.title() }}</div>\n              @if(vm.description()) {\n              <div class=\"ax-text-sm ax-text-neutral-600\" [class.ax-hidden]=\"sticky.isSticky\">\n                {{ vm.description() }}\n              </div>\n              }\n              <ax-breadcrumbs class=\"child:ax-font-normal child:ax-text-neutral-400\" [class.ax-hidden]=\"isSM | async\">\n                <ng-template #divider>\n                  <i class=\"fa-solid fa-chevron-right ax-text-xs ax-mx-2\"></i>\n                </ng-template>\n                @for(b of vm.beardcrumbs();track $index;let last=$last) {\n                <ax-breadcrumbs-item\n                  [active]=\"last\"\n                  [class.!ax-font-semibold]=\"last\"\n                  [class.!ax-text-neutral-600]=\"last\"\n                  [routerLink]=\"b.url\"\n                >\n                  @if(b.icon) {\n                  <i [class]=\"b.icon\"></i>\n                  }\n                  {{ b.title }}\n                </ax-breadcrumbs-item>\n                }\n              </ax-breadcrumbs>\n            </div>\n          </div>\n          <!-------- Finish Title  -------->\n          <!--------------------------------------------------------------->\n          <!-- Begin Action Menu  -->\n          <div class=\"ax-flex ax-items-center ax-gap-3\">\n            @for(tr of vm.primaryActions();track $index) {\n            <ax-button [text]=\"tr.title\" [color]=\"tr.color\" (onClick)=\"vm.executeCommand(tr.name)\">\n              <ax-prefix>\n                <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n              </ax-prefix>\n            </ax-button>\n            } @if(vm.secondaryActions().length) {\n            <ax-button [text]=\"(isSM | async) ? null : 'Actions'\" color=\"ghost\">\n              <ax-prefix>\n                <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n              </ax-prefix>\n              <ax-dropdown-panel>\n                <ax-button-item-list>\n                  @for(tr of vm.secondaryActions();track $index) {\n                  <ng-container>\n                    @if(tr.separated) {\n                    <ax-divider></ax-divider>\n                    }\n                    <ax-button-item\n                      [text]=\"tr.title\"\n                      class=\"ax-font-semibold ax-text-{{ tr.color }}\"\n                      (onClick)=\"vm.executeCommand(tr.name)\"\n                    >\n                      <ax-prefix>\n                        <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n                      </ax-prefix>\n                    </ax-button-item>\n                  </ng-container>\n                  }\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-button>\n            }\n          </div>\n          <!-- Finish Action Menu  -->\n        </div>\n        <!----- Finish Toolbar  ----->\n        <!--------------------------------------------------------------->\n        <!-- Begin Sections -->\n        <ax-tabs\n          (onActiveTabChanged)=\"handleActiveDetailTabChanged($event)\"\n          [look]=\"'classic'\"\n          class=\"ax-mt-4 ax-font-semibold\"\n          [class.ax-hidden]=\"sticky.isSticky\"\n        >\n          <ax-tab-item id=\"overview\" [text]=\"('overview' | translate | async) ?? 'Overview'\"> </ax-tab-item>\n          <ax-tab-item id=\"history\" [text]=\"('history' | translate | async) ?? 'History'\"> </ax-tab-item>\n          <ax-tab-item id=\"comments\" [text]=\"('comments' | translate | async) ?? 'Comments'\"> </ax-tab-item>\n        </ax-tabs>\n      </div>\n\n      @switch (selectedDetailTabIndex()) { @case(1){\n      <div></div>\n      } @case(2){\n      <axp-comment-list-view vm=\"vm\"></axp-comment-list-view>\n      } @default {\n      <axp-entity-single-overview></axp-entity-single-overview>\n      } }\n      <!-- Finish Sections  -->\n    </div>\n  </ax-content>\n</ax-drawer-container>\n" }]
-        }] });
-
-export { AXPEntityMasterSingleViewComponent };
-//# sourceMappingURL=acorex-platform-themes-default-entity-master-single-view.component-DhcKSyrX.mjs.map