@acorex/platform 18.0.16 → 18.1.1

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

@@ -0,0 +1,357 @@
+import * as i1 from '@acorex/components/action-sheet';
+import { AXActionSheetModule } from '@acorex/components/action-sheet';
+import * as i8$1 from '@acorex/components/breadcrumbs';
+import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
+import * as i4$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDialogModule } from '@acorex/components/dialog';
+import * as i4$3 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$1 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXPopoverModule } from '@acorex/components/popover';
+import * as i3$3 from '@acorex/components/tabs';
+import { AXTabsModule } from '@acorex/components/tabs';
+import * as i9$1 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXPLayoutService, isSmallScreen, AXPStickyDirective, AXPGridLayoutDirective, getChildDrawer } from '@acorex/platform/common';
+import * as i5 from '@acorex/platform/layout/builder';
+import { AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
+import { AXPWidgetsModule } from '@acorex/platform/widgets';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, signal, Component, ChangeDetectionStrategy, computed, ViewEncapsulation, Input, ViewChild } from '@angular/core';
+import * as i2$3 from '@angular/router';
+import { ActivatedRoute, RouterModule } from '@angular/router';
+import * as i4$2 from '@ngrx/store';
+import { Store } from '@ngrx/store';
+import * as i3$1 from '@acorex/components/comment';
+import { AXCommentModule } from '@acorex/components/comment';
+import * as i4 from '@acorex/components/wysiwyg';
+import { AXWysiwygModule } from '@acorex/components/wysiwyg';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i6 from '@acorex/components/avatar';
+import { AXAvatarModule } from '@acorex/components/avatar';
+import { AXDataSource } from '@acorex/components/common';
+import * as i7 from '@acorex/components/image';
+import { AXImageModule } from '@acorex/components/image';
+import { AXLabelModule } from '@acorex/components/label';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import { AXPCommentService } from './acorex-platform-themes-default.mjs';
+import { AXBadgeModule } from '@acorex/components/badge';
+import * as i9 from '@acorex/components/data-table';
+import { AXDataTableModule } from '@acorex/components/data-table';
+import { AXSearchBoxModule } from '@acorex/components/search-box';
+import { AXTooltipModule } from '@acorex/components/tooltip';
+import * as i3$2 from '@acorex/core/platform';
+import * as i2$2 from '@acorex/core/utils';
+import { AXUnsubscriber } from '@acorex/core/utils';
+import { AXPAuthModule } from '@acorex/platform/auth';
+import '@acorex/platform/layout/entity';
+import { AXPEntityDeletedEvent, AXPEntityCreateEvent } from '@acorex/platform/layouts';
+import { AXPWorkflowService, ofType } from '@acorex/platform/workflow';
+import { Subject, takeUntil } from 'rxjs';
+import '@acorex/components/side-menu';
+
+class AXPCommentListViewComponent {
+    constructor() {
+        this.commentService = inject(AXPCommentService);
+        this.activeRoute = inject(ActivatedRoute);
+        this.vm = this.activeRoute.snapshot.data['vm'];
+        this.comments = signal([]);
+        this.value = signal('');
+        this.wysiwygOptions = signal({
+            look: 'solid',
+        });
+        this.avatarOptions = signal({
+            color: 'primary',
+            look: 'rounded',
+            type: 'solid', // 'image' | 'text' | 'icon' | 'default'
+        });
+        this.editorOption = new AXDataSource({
+            pageSize: 10,
+            key: 'id',
+            load: () => {
+                return new Promise((resolve) => {
+                    resolve({
+                        items: ['advance', 'basic'],
+                        total: 2,
+                    });
+                });
+            },
+            byKey: () => {
+                return new Promise((resolve) => {
+                    resolve('advance');
+                });
+            },
+        });
+        this.validateFn = (val) => {
+            let isValid = true;
+            if (!val || val === '<p><br></p>') {
+                isValid = false;
+            }
+            return {
+                rule: 'callback',
+                result: isValid,
+                message: isValid ? '' : 'Please fill the content',
+                value: val,
+            };
+        };
+    }
+    ngOnInit() {
+        this.loadComments();
+    }
+    async loadComments() {
+        const payload = {
+            roomType: 'default',
+            entityId: 'inspection.vehicle',
+            instanceId: 'a96d2a63-a304-0da6-1231-3a152a99efd4',
+        };
+        const data = await this.commentService.getComments(payload);
+        this.comments.set(data.items);
+    }
+    replyHandler() {
+        console.log('click');
+    }
+    valueChange(e) {
+        console.log(e);
+    }
+    submitComment() {
+        const payload = {
+            content: 'This is Content',
+            contentType: 'text',
+            roomType: 'default',
+            entityId: 'inspection.vehicle',
+            instanceId: 'a96d2a63-a304-0da6-1231-3a152a99efd4',
+            isPrivate: false,
+            isArchived: true,
+            members: [],
+        };
+        this.commentService.postComment(payload);
+    }
+    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: "14.0.0", version: "18.2.0", type: AXPCommentListViewComponent, isStandalone: true, selector: "axp-comment-list-view", ngImport: i0, template: "<div class=\"ax-mt-2\">\n  <ax-comment-view class=\"ax-bg-surface\">\n    <ax-comment-item>\n      <ax-avatar [color]=\"avatarOptions().color\" [look]=\"avatarOptions().look\">\n        <ax-image src=\"https://i.pravatar.cc/300\"></ax-image>\n      </ax-avatar>\n      <ax-title>Matin</ax-title>\n      <ax-content>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, mollitia.</ax-content>\n      <ax-comment-like [liked]=\"false\">2</ax-comment-like>\n      <ax-comment-reply>4</ax-comment-reply>\n      <ax-comment-reply-text (click)=\"replyHandler()\"></ax-comment-reply-text>\n\n      <ax-comment-item>\n        <ax-avatar [color]=\"avatarOptions().color\" [look]=\"avatarOptions().look\">\n          <ax-image src=\"https://i.pravatar.cc/300\"></ax-image>\n        </ax-avatar>\n        <ax-title>Meysa</ax-title>\n        <ax-content>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, mollitia.</ax-content>\n        <ax-comment-like [liked]=\"true\">4</ax-comment-like>\n        <ax-comment-reply>3</ax-comment-reply>\n        <ax-comment-reply-text (click)=\"replyHandler()\"></ax-comment-reply-text>\n      </ax-comment-item>\n    </ax-comment-item>\n  </ax-comment-view>\n\n  <ax-form>\n    <ax-form-field>\n      <ax-wysiwyg-container [look]=\"wysiwygOptions().look\" (ngModelChange)=\"valueChange($event)\" [(ngModel)]=\"value\">\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-wysiwyg-insert></ax-wysiwyg-insert>\n          <ax-suffix>\n            <ax-button type=\"submit\" color=\"primary\" text=\"Send\" (onClick)=\"submitComment()\"></ax-button\n          ></ax-suffix>\n        </ax-wysiwyg-toolbar>\n        <ax-validation-rule rule=\"callback\" [options]=\"{ validate: validateFn }\"></ax-validation-rule>\n      </ax-wysiwyg-container>\n    </ax-form-field>\n  </ax-form>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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.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.AXCommentReplyComponent, selector: "ax-comment-reply" }, { kind: "component", type: i3$1.AXCommentReplyTextComponent, selector: "ax-comment-reply-text" }, { kind: "ngmodule", type: AXWysiwygModule }, { kind: "component", type: i4.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i4.AXWysiwygViewComponent, selector: "ax-wysiwyg-view", inputs: ["class"] }, { kind: "component", type: i4.AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar" }, { kind: "component", type: i4.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i4.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i4.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i4.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i4.AXWysiwygInsertComponent, selector: "ax-wysiwyg-insert" }, { kind: "component", type: i4.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4$1.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: 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$1.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i2$1.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "directive", type: i2$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }], 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,
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-mt-2\">\n  <ax-comment-view class=\"ax-bg-surface\">\n    <ax-comment-item>\n      <ax-avatar [color]=\"avatarOptions().color\" [look]=\"avatarOptions().look\">\n        <ax-image src=\"https://i.pravatar.cc/300\"></ax-image>\n      </ax-avatar>\n      <ax-title>Matin</ax-title>\n      <ax-content>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, mollitia.</ax-content>\n      <ax-comment-like [liked]=\"false\">2</ax-comment-like>\n      <ax-comment-reply>4</ax-comment-reply>\n      <ax-comment-reply-text (click)=\"replyHandler()\"></ax-comment-reply-text>\n\n      <ax-comment-item>\n        <ax-avatar [color]=\"avatarOptions().color\" [look]=\"avatarOptions().look\">\n          <ax-image src=\"https://i.pravatar.cc/300\"></ax-image>\n        </ax-avatar>\n        <ax-title>Meysa</ax-title>\n        <ax-content>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, mollitia.</ax-content>\n        <ax-comment-like [liked]=\"true\">4</ax-comment-like>\n        <ax-comment-reply>3</ax-comment-reply>\n        <ax-comment-reply-text (click)=\"replyHandler()\"></ax-comment-reply-text>\n      </ax-comment-item>\n    </ax-comment-item>\n  </ax-comment-view>\n\n  <ax-form>\n    <ax-form-field>\n      <ax-wysiwyg-container [look]=\"wysiwygOptions().look\" (ngModelChange)=\"valueChange($event)\" [(ngModel)]=\"value\">\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-wysiwyg-insert></ax-wysiwyg-insert>\n          <ax-suffix>\n            <ax-button type=\"submit\" color=\"primary\" text=\"Send\" (onClick)=\"submitComment()\"></ax-button\n          ></ax-suffix>\n        </ax-wysiwyg-toolbar>\n        <ax-validation-rule rule=\"callback\" [options]=\"{ validate: validateFn }\"></ax-validation-rule>\n      </ax-wysiwyg-container>\n    </ax-form-field>\n  </ax-form>\n</div>\n" }]
+        }] });
+
+class AXPEntityDetailListViewComponent {
+    constructor(actionSheetService, unsubscriber, platform, store) {
+        this.actionSheetService = actionSheetService;
+        this.unsubscriber = unsubscriber;
+        this.platform = platform;
+        this.store = store;
+        this.layout = inject(AXPLayoutService);
+        this.workflow = inject(AXPWorkflowService);
+        this.isSM = this.store.select(isSmallScreen());
+        this.destroyed = new Subject();
+        this.dropdownRowItems = computed(() => {
+            return this.vm.rowActions().map((c) => ({
+                icon: c.icon,
+                name: c.name,
+                text: c.title,
+                color: c.color,
+            }));
+        });
+        this.getDropdownRowItems = (rowData) => {
+            return Promise.resolve(this.dropdownRowItems());
+        };
+        this.subscribeActionEvents();
+    }
+    handleChangeSearchValue(e) {
+        if (e.isUserInteraction) {
+            this.vm.applyInlineFilter(e.value);
+        }
+    }
+    subscribeActionEvents() {
+        this.workflow.events$
+            .pipe(ofType(AXPEntityDeletedEvent, AXPEntityCreateEvent))
+            .pipe(takeUntil(this.destroyed))
+            .subscribe((event) => {
+            console.log(event);
+            this.grid.refresh();
+        });
+    }
+    ngAfterViewInit() {
+        this.grid.refresh();
+    }
+    handleRowDbClick(e) {
+        const d = {
+            component: e.component,
+            name: this.dropdownRowItems()[0].name,
+            data: e.data,
+        };
+        this.handleRowCommandClick(d);
+    }
+    async handleRowCommandClick(e) {
+        this.vm.executeCommand(e.name, e.data);
+    }
+    destroy() {
+        this.destroyed.next();
+        this.destroyed.complete();
+    }
+    ngOnDestroy() {
+        this.destroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityDetailListViewComponent, deps: [{ token: i1.AXActionSheetService }, { token: i2$2.AXUnsubscriber }, { token: i3$2.AXPlatform }, { token: i4$2.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPEntityDetailListViewComponent, isStandalone: true, selector: "axp-entity-detail-list-view", inputs: { vm: ["viewModel", "vm"] }, providers: [AXUnsubscriber], viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true }], ngImport: i0, template: "<div class=\"ax-flex ax-p-2\">\n  <div class=\"ax-flex ax-flex-col ax-items-end ax-gap-3 ax-flex-1 ax-overflow-auto ax-h-72\">\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' | translate | async)\" 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 && !$first) {\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    <ax-data-table\n      #grid\n      [showFooter]=\"false\"\n      class=\"ax-flex-1\"\n      [paging]=\"true\"\n      [fetchDataMode]=\"'manual'\"\n      [loading]=\"{ enabled: true, animation: true }\"\n      [dataSource]=\"vm.dataSource\"\n      (onRowDbClick)=\"handleRowDbClick($event)\"\n    >\n      <ax-select-column fixed=\"start\" [width]=\"'50px'\"></ax-select-column>\n      @for(col of vm.columns();track col.name) { @if(col.visible) {\n      <axp-widget-column-renderer [caption]=\"col.title\" [node]=\"col.node()\"></axp-widget-column-renderer>\n      } }\n      <ax-dropdown-command-column\n        fixed=\"end\"\n        [width]=\"'60px'\"\n        [items]=\"getDropdownRowItems\"\n        (onItemClick)=\"handleRowCommandClick($event)\"\n      ></ax-dropdown-command-column>\n    </ax-data-table>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4$1.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$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i4$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { 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: AXBadgeModule }, { 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: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i9.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "rowTemplate", "emptyTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged"] }, { kind: "component", type: i9.AXRowSelectColumnComponent, selector: "ax-select-column", inputs: ["width", "caption", "fixed"] }, { kind: "component", type: i9.AXRowDropdownCommandColumnComponent, selector: "ax-dropdown-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: 
+                //
+                AXPLayoutBuilderModule }, { kind: "component", type: i5.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "node", "footerTemplate", "cellTemplate", "headerTemplate"] }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "ngmodule", type: AXPAuthModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i9$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityDetailListViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-entity-detail-list-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [AXUnsubscriber], imports: [
+                        CommonModule,
+                        FormsModule,
+                        RouterModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXBadgeModule,
+                        AXDropdownModule,
+                        AXPopoverModule,
+                        AXFormModule,
+                        AXActionSheetModule,
+                        AXDrawerModule,
+                        AXDialogModule,
+                        AXLoadingModule,
+                        AXTabsModule,
+                        AXTooltipModule,
+                        AXBreadcrumbsModule,
+                        AXSearchBoxModule,
+                        AXDataTableModule,
+                        //
+                        AXPLayoutBuilderModule,
+                        AXPWidgetsModule,
+                        AXPStickyDirective,
+                        AXPGridLayoutDirective,
+                        AXPAuthModule,
+                        AXTranslationModule,
+                    ], standalone: true, template: "<div class=\"ax-flex ax-p-2\">\n  <div class=\"ax-flex ax-flex-col ax-items-end ax-gap-3 ax-flex-1 ax-overflow-auto ax-h-72\">\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' | translate | async)\" 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 && !$first) {\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    <ax-data-table\n      #grid\n      [showFooter]=\"false\"\n      class=\"ax-flex-1\"\n      [paging]=\"true\"\n      [fetchDataMode]=\"'manual'\"\n      [loading]=\"{ enabled: true, animation: true }\"\n      [dataSource]=\"vm.dataSource\"\n      (onRowDbClick)=\"handleRowDbClick($event)\"\n    >\n      <ax-select-column fixed=\"start\" [width]=\"'50px'\"></ax-select-column>\n      @for(col of vm.columns();track col.name) { @if(col.visible) {\n      <axp-widget-column-renderer [caption]=\"col.title\" [node]=\"col.node()\"></axp-widget-column-renderer>\n      } }\n      <ax-dropdown-command-column\n        fixed=\"end\"\n        [width]=\"'60px'\"\n        [items]=\"getDropdownRowItems\"\n        (onItemClick)=\"handleRowCommandClick($event)\"\n      ></ax-dropdown-command-column>\n    </ax-data-table>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.AXActionSheetService }, { type: i2$2.AXUnsubscriber }, { type: i3$2.AXPlatform }, { type: i4$2.Store }], propDecorators: { vm: [{
+                type: Input,
+                args: ['viewModel']
+            }], grid: [{
+                type: ViewChild,
+                args: ['grid']
+            }] } });
+
+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-shadow-md 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-2 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$1.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$3.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i3$3.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$1.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: i5.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "variables", "functions"], outputs: ["onChanged", "contextChange"] }, { kind: "component", type: i5.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-shadow-md 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-2 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$1.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$3.AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i3$3.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i3$3.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$1.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$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i4$1.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$1.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-B9lGgO_u.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-themes-default-entity-master-single-view.component-B9lGgO_u.mjs","sources":["../../../../libs/platform/themes/default/src/lib/layouts/entity-layouts/entity-master-single-view/comments/comment-list-view.component.ts","../../../../libs/platform/themes/default/src/lib/layouts/entity-layouts/entity-master-single-view/comments/comment-list-view.component.html","../../../../libs/platform/themes/default/src/lib/layouts/entity-layouts/entity-detail-list-view/entity-detail-list-view.component.ts","../../../../libs/platform/themes/default/src/lib/layouts/entity-layouts/entity-detail-list-view/entity-detail-list-view.component.html","../../../../libs/platform/themes/default/src/lib/layouts/entity-layouts/entity-master-single-view/overview/entity-single-overview.component.ts","../../../../libs/platform/themes/default/src/lib/layouts/entity-layouts/entity-master-single-view/overview/entity-single-overview.component.html","../../../../libs/platform/themes/default/src/lib/layouts/entity-layouts/entity-master-single-view/entity-master-single-view.component.ts","../../../../libs/platform/themes/default/src/lib/layouts/entity-layouts/entity-master-single-view/entity-master-single-view.component.html"],"sourcesContent":["import { AXCommentModule } from '@acorex/components/comment';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXWysiwygModule } from '@acorex/components/wysiwyg';\nimport { AXPEntityMasterSingleViewModel } from '@acorex/platform/layout/entity';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { ActivatedRoute, RouterModule } from '@angular/router';\n\nimport { AXAvatarModule } from '@acorex/components/avatar';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDataSource, AXStyleLookType } from '@acorex/components/common';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXImageModule } from '@acorex/components/image';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXPCommentService } from './comments.service';\n@Component({\n  templateUrl: './comment-list-view.component.html',\n  selector: 'axp-comment-list-view',\n  imports: [\n    FormsModule,\n    CommonModule,\n    RouterModule,\n    AXDecoratorModule,\n    AXCommentModule,\n    AXWysiwygModule,\n    AXButtonModule,\n    AXTextBoxModule,\n    AXLabelModule,\n    AXAvatarModule,\n    AXImageModule,\n    AXSelectBoxModule,\n    AXFormModule,\n  ],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPCommentListViewComponent {\n  commentService = inject(AXPCommentService);\n\n  private activeRoute = inject(ActivatedRoute);\n  protected readonly vm = this.activeRoute.snapshot.data['vm'] as AXPEntityMasterSingleViewModel;\n\n  protected comments = signal<any[]>([]);\n\n  ngOnInit(): void {\n    this.loadComments();\n  }\n\n  async loadComments() {\n    const payload = {\n      roomType: 'default',\n      entityId: 'inspection.vehicle',\n      instanceId: 'a96d2a63-a304-0da6-1231-3a152a99efd4',\n    };\n    const data = await this.commentService.getComments(payload);\n    this.comments.set(data.items);\n  }\n\n  value = signal('');\n\n  protected wysiwygOptions = signal<{\n    look: AXStyleLookType;\n  }>({\n    look: 'solid',\n  });\n\n  protected avatarOptions = signal<{\n    color: string;\n    look: 'sharp' | 'soft' | 'rounded';\n    type: string;\n  }>({\n    color: 'primary',\n    look: 'rounded',\n    type: 'solid', // 'image' | 'text' | 'icon' | 'default'\n  });\n\n  protected editorOption = new AXDataSource<string>({\n    pageSize: 10,\n    key: 'id',\n    load: () => {\n      return new Promise((resolve) => {\n        resolve({\n          items: ['advance', 'basic'],\n          total: 2,\n        });\n      });\n    },\n    byKey: () => {\n      return new Promise((resolve) => {\n        resolve('advance');\n      });\n    },\n  });\n\n  replyHandler() {\n    console.log('click');\n  }\n\n  valueChange(e: any) {\n    console.log(e);\n  }\n\n  validateFn = (val: string) => {\n    let isValid = true;\n\n    if (!val || val === '<p><br></p>') {\n      isValid = false;\n    }\n    return {\n      rule: 'callback',\n      result: isValid,\n      message: isValid ? '' : 'Please fill the content',\n      value: val,\n    };\n  };\n\n  submitComment() {\n    const payload = {\n      content: 'This is Content',\n      contentType: 'text',\n      roomType: 'default',\n      entityId: 'inspection.vehicle',\n      instanceId: 'a96d2a63-a304-0da6-1231-3a152a99efd4',\n      isPrivate: false,\n      isArchived: true,\n      members: [],\n    };\n\n    this.commentService.postComment(payload);\n  }\n}\n","<div class=\"ax-mt-2\">\n  <ax-comment-view class=\"ax-bg-surface\">\n    <ax-comment-item>\n      <ax-avatar [color]=\"avatarOptions().color\" [look]=\"avatarOptions().look\">\n        <ax-image src=\"https://i.pravatar.cc/300\"></ax-image>\n      </ax-avatar>\n      <ax-title>Matin</ax-title>\n      <ax-content>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, mollitia.</ax-content>\n      <ax-comment-like [liked]=\"false\">2</ax-comment-like>\n      <ax-comment-reply>4</ax-comment-reply>\n      <ax-comment-reply-text (click)=\"replyHandler()\"></ax-comment-reply-text>\n\n      <ax-comment-item>\n        <ax-avatar [color]=\"avatarOptions().color\" [look]=\"avatarOptions().look\">\n          <ax-image src=\"https://i.pravatar.cc/300\"></ax-image>\n        </ax-avatar>\n        <ax-title>Meysa</ax-title>\n        <ax-content>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, mollitia.</ax-content>\n        <ax-comment-like [liked]=\"true\">4</ax-comment-like>\n        <ax-comment-reply>3</ax-comment-reply>\n        <ax-comment-reply-text (click)=\"replyHandler()\"></ax-comment-reply-text>\n      </ax-comment-item>\n    </ax-comment-item>\n  </ax-comment-view>\n\n  <ax-form>\n    <ax-form-field>\n      <ax-wysiwyg-container [look]=\"wysiwygOptions().look\" (ngModelChange)=\"valueChange($event)\" [(ngModel)]=\"value\">\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-wysiwyg-insert></ax-wysiwyg-insert>\n          <ax-suffix>\n            <ax-button type=\"submit\" color=\"primary\" text=\"Send\" (onClick)=\"submitComment()\"></ax-button\n          ></ax-suffix>\n        </ax-wysiwyg-toolbar>\n        <ax-validation-rule rule=\"callback\" [options]=\"{ validate: validateFn }\"></ax-validation-rule>\n      </ax-wysiwyg-container>\n    </ax-form-field>\n  </ax-form>\n</div>\n","import { AXActionSheetModule, AXActionSheetService } from '@acorex/components/action-sheet';\nimport { AXBadgeModule } from '@acorex/components/badge';\nimport { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXValueChangedEvent } from '@acorex/components/common';\nimport {\n  AXDataTableComponent,\n  AXDataTableModule,\n  AXDataTableRowDbClick,\n  AXRowCommandItem,\n  AXRowCommandItemClickEvent,\n} from '@acorex/components/data-table';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDialogModule } from '@acorex/components/dialog';\nimport { AXDrawerModule } from '@acorex/components/drawer';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXTabsModule } from '@acorex/components/tabs';\nimport { AXTooltipModule } from '@acorex/components/tooltip';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXUnsubscriber } from '@acorex/core/utils';\nimport { AXPAuthModule } from '@acorex/platform/auth';\nimport {\n  AXPAdminLayoutState,\n  AXPGridLayoutDirective,\n  AXPLayoutService,\n  AXPStickyDirective,\n  isSmallScreen,\n} from '@acorex/platform/common';\nimport { AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';\nimport { AXPEntityDetailListViewModel } from '@acorex/platform/layout/entity';\nimport { AXPEntityCreateEvent, AXPEntityDeletedEvent } from '@acorex/platform/layouts';\nimport { AXPWidgetsModule } from '@acorex/platform/widgets';\nimport { AXPWorkflowService, ofType } from '@acorex/platform/workflow';\nimport { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  ViewChild,\n  ViewEncapsulation,\n  computed,\n  inject,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\nimport { Store } from '@ngrx/store';\nimport { Subject, takeUntil } from 'rxjs';\n\n@Component({\n  selector: 'axp-entity-detail-list-view',\n  templateUrl: 'entity-detail-list-view.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [AXUnsubscriber],\n  imports: [\n    CommonModule,\n    FormsModule,\n    RouterModule,\n    AXButtonModule,\n    AXDecoratorModule,\n    AXBadgeModule,\n    AXDropdownModule,\n    AXPopoverModule,\n    AXFormModule,\n    AXActionSheetModule,\n    AXDrawerModule,\n    AXDialogModule,\n    AXLoadingModule,\n    AXTabsModule,\n    AXTooltipModule,\n    AXBreadcrumbsModule,\n    AXSearchBoxModule,\n    AXDataTableModule,\n    //\n    AXPLayoutBuilderModule,\n    AXPWidgetsModule,\n    AXPStickyDirective,\n    AXPGridLayoutDirective,\n    AXPAuthModule,\n    AXTranslationModule,\n  ],\n  standalone: true,\n})\nexport class AXPEntityDetailListViewComponent {\n  private layout = inject(AXPLayoutService);\n  private workflow = inject(AXPWorkflowService);\n\n  @Input('viewModel')\n  vm: AXPEntityDetailListViewModel;\n\n  protected focusedRow: any;\n  //\n  @ViewChild('grid') grid!: AXDataTableComponent;\n\n  constructor(\n    private actionSheetService: AXActionSheetService,\n    private unsubscriber: AXUnsubscriber,\n    protected platform: AXPlatform,\n    private store: Store<AXPAdminLayoutState>\n  ) {\n    this.subscribeActionEvents();\n  }\n\n  protected isSM = this.store.select(isSmallScreen());\n\n  private readonly destroyed = new Subject<void>();\n\n  handleChangeSearchValue(e: AXValueChangedEvent) {\n    if (e.isUserInteraction) {\n      this.vm.applyInlineFilter(e.value);\n    }\n  }\n\n  protected subscribeActionEvents() {\n    this.workflow.events$\n      .pipe(ofType(AXPEntityDeletedEvent, AXPEntityCreateEvent))\n      .pipe(takeUntil(this.destroyed))\n      .subscribe((event) => {\n        console.log(event);\n        this.grid.refresh();\n      });\n  }\n\n  ngAfterViewInit(): void {\n    this.grid.refresh();\n  }\n\n  private dropdownRowItems = computed<AXRowCommandItem[]>(() => {\n    return this.vm.rowActions().map(\n      (c) =>\n        ({\n          icon: c.icon,\n          name: c.name,\n          text: c.title,\n          color: c.color,\n        } as AXRowCommandItem)\n    );\n  });\n\n  protected handleRowDbClick(e: AXDataTableRowDbClick) {\n    const d: AXRowCommandItemClickEvent = {\n      component: e.component,\n      name: this.dropdownRowItems()[0].name,\n      data: e.data,\n    };\n    this.handleRowCommandClick(d);\n  }\n\n  protected getDropdownRowItems = (rowData: unknown): Promise<AXRowCommandItem[]> => {\n    return Promise.resolve(this.dropdownRowItems());\n  };\n\n  protected async handleRowCommandClick(e: AXRowCommandItemClickEvent) {\n    this.vm.executeCommand(e.name, e.data);\n  }\n\n  protected destroy() {\n    this.destroyed.next();\n    this.destroyed.complete();\n  }\n\n  ngOnDestroy(): void {\n    this.destroy();\n  }\n}\n","<div class=\"ax-flex ax-p-2\">\n  <div class=\"ax-flex ax-flex-col ax-items-end ax-gap-3 ax-flex-1 ax-overflow-auto ax-h-72\">\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' | translate | async)\" 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 && !$first) {\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    <ax-data-table\n      #grid\n      [showFooter]=\"false\"\n      class=\"ax-flex-1\"\n      [paging]=\"true\"\n      [fetchDataMode]=\"'manual'\"\n      [loading]=\"{ enabled: true, animation: true }\"\n      [dataSource]=\"vm.dataSource\"\n      (onRowDbClick)=\"handleRowDbClick($event)\"\n    >\n      <ax-select-column fixed=\"start\" [width]=\"'50px'\"></ax-select-column>\n      @for(col of vm.columns();track col.name) { @if(col.visible) {\n      <axp-widget-column-renderer [caption]=\"col.title\" [node]=\"col.node()\"></axp-widget-column-renderer>\n      } }\n      <ax-dropdown-command-column\n        fixed=\"end\"\n        [width]=\"'60px'\"\n        [items]=\"getDropdownRowItems\"\n        (onItemClick)=\"handleRowCommandClick($event)\"\n      ></ax-dropdown-command-column>\n    </ax-data-table>\n  </div>\n</div>\n","import { AXActionSheetModule } from '@acorex/components/action-sheet';\nimport { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDialogModule } from '@acorex/components/dialog';\nimport { AXDrawerModule } from '@acorex/components/drawer';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { AXTabsModule, AXTabStripChangedEvent } from '@acorex/components/tabs';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPGridLayoutDirective, AXPStickyDirective } from '@acorex/platform/common';\nimport { AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';\nimport { AXPEntityMasterSingleViewModel } from '@acorex/platform/layout/entity';\nimport { AXPWidgetsModule } from '@acorex/platform/widgets';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';\nimport { ActivatedRoute, RouterModule } from '@angular/router';\nimport { AXPEntityDetailListViewComponent } from '../../entity-detail-list-view/entity-detail-list-view.component';\n\n@Component({\n  templateUrl: './entity-single-overview.component.html',\n  selector: 'axp-entity-single-overview',\n  imports: [\n    CommonModule,\n    RouterModule,\n    AXDecoratorModule,\n    AXDropdownModule,\n    AXPopoverModule,\n    AXFormModule,\n    AXActionSheetModule,\n    AXDrawerModule,\n    AXDialogModule,\n    AXLoadingModule,\n    AXTabsModule,\n    AXButtonModule,\n    AXBreadcrumbsModule,\n    //\n    AXPLayoutBuilderModule,\n    AXPWidgetsModule,\n    AXPStickyDirective,\n    AXPGridLayoutDirective,\n    AXPEntityDetailListViewComponent,\n\n    //\n    AXTranslationModule,\n  ],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPEntitySingleOverviewComponent {\n  private activeRoute = inject(ActivatedRoute);\n  protected readonly vm = this.activeRoute.snapshot.data['vm'] as AXPEntityMasterSingleViewModel;\n\n  protected selectedRelatedIEntityTabIndex = signal(0);\n\n  handleActiveRelatedEntityChanged(e: AXTabStripChangedEvent) {\n    this.selectedRelatedIEntityTabIndex.set(e.index);\n  }\n}\n","<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-shadow-md 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-2 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","import { AXActionSheetModule } from '@acorex/components/action-sheet';\nimport { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDialogModule } from '@acorex/components/dialog';\nimport { AXDrawerModule } from '@acorex/components/drawer';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { AXTabsModule, AXTabStripChangedEvent } from '@acorex/components/tabs';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport {\n  AXPAdminLayoutState,\n  AXPGridLayoutDirective,\n  AXPStickyDirective,\n  getChildDrawer,\n  isSmallScreen,\n} from '@acorex/platform/common';\nimport { AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';\nimport { AXPEntityMasterSingleViewModel } from '@acorex/platform/layout/entity';\nimport { AXPWidgetsModule } from '@acorex/platform/widgets';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';\nimport { ActivatedRoute, RouterModule } from '@angular/router';\nimport { Store } from '@ngrx/store';\nimport { AXPCommentListViewComponent } from './comments/comment-list-view.component';\nimport { AXPEntitySingleOverviewComponent } from './overview/entity-single-overview.component';\n\n@Component({\n  templateUrl: './entity-master-single-view.component.html',\n  imports: [\n    CommonModule,\n    RouterModule,\n    AXDecoratorModule,\n    AXDropdownModule,\n    AXPopoverModule,\n    AXFormModule,\n    AXActionSheetModule,\n    AXDrawerModule,\n    AXDialogModule,\n    AXLoadingModule,\n    AXTabsModule,\n    AXButtonModule,\n    AXBreadcrumbsModule,\n    //\n    AXPLayoutBuilderModule,\n    AXPWidgetsModule,\n    AXPStickyDirective,\n    AXPGridLayoutDirective,\n    AXPEntitySingleOverviewComponent,\n    AXPCommentListViewComponent,\n    //\n    AXTranslationModule,\n  ],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPEntityMasterSingleViewComponent {\n  private activeRoute = inject(ActivatedRoute);\n  protected readonly vm = this.activeRoute.snapshot.data['vm'] as AXPEntityMasterSingleViewModel;\n  //\n  private store = inject(Store<AXPAdminLayoutState>);\n  protected isSM = this.store.select(isSmallScreen());\n  protected isOpen = this.store.select(getChildDrawer());\n\n  protected selectedDetailTabIndex = signal(0);\n\n  handleActiveDetailTabChanged(e: AXTabStripChangedEvent) {\n    this.selectedDetailTabIndex.set(e.index);\n  }\n\n  ngOnDestroy(): void {\n    this.vm.destroy();\n  }\n}\n","<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"],"names":["i1","i2","i3","i5","i8","i4","i7","i10","i11","i6","i9"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAuCa,2BAA2B,CAAA;AArBxC,IAAA,WAAA,GAAA;AAsBE,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAEnC,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;QAC1B,IAAE,CAAA,EAAA,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAmC,CAAC;AAErF,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAQ,EAAE,CAAC,CAAC;AAgBvC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;QAET,IAAc,CAAA,cAAA,GAAG,MAAM,CAE9B;AACD,YAAA,IAAI,EAAE,OAAO;AACd,SAAA,CAAC,CAAC;QAEO,IAAa,CAAA,aAAA,GAAG,MAAM,CAI7B;AACD,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,OAAO;AACd,SAAA,CAAC,CAAC;QAEO,IAAY,CAAA,YAAA,GAAG,IAAI,YAAY,CAAS;AAChD,YAAA,QAAQ,EAAE,EAAE;AACZ,YAAA,GAAG,EAAE,IAAI;YACT,IAAI,EAAE,MAAK;AACT,gBAAA,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,KAAI;AAC7B,oBAAA,OAAO,CAAC;AACN,wBAAA,KAAK,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;AAC3B,wBAAA,KAAK,EAAE,CAAC;AACT,qBAAA,CAAC,CAAC;AACL,iBAAC,CAAC,CAAC;aACJ;YACD,KAAK,EAAE,MAAK;AACV,gBAAA,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,KAAI;oBAC7B,OAAO,CAAC,SAAS,CAAC,CAAC;AACrB,iBAAC,CAAC,CAAC;aACJ;AACF,SAAA,CAAC,CAAC;AAUH,QAAA,IAAA,CAAA,UAAU,GAAG,CAAC,GAAW,KAAI;YAC3B,IAAI,OAAO,GAAG,IAAI,CAAC;AAEnB,YAAA,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,aAAa,EAAE;gBACjC,OAAO,GAAG,KAAK,CAAC;aACjB;YACD,OAAO;AACL,gBAAA,IAAI,EAAE,UAAU;AAChB,gBAAA,MAAM,EAAE,OAAO;gBACf,OAAO,EAAE,OAAO,GAAG,EAAE,GAAG,yBAAyB;AACjD,gBAAA,KAAK,EAAE,GAAG;aACX,CAAC;AACJ,SAAC,CAAC;AAgBH,KAAA;IAtFC,QAAQ,GAAA;QACN,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;AAED,IAAA,MAAM,YAAY,GAAA;AAChB,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,QAAQ,EAAE,SAAS;AACnB,YAAA,QAAQ,EAAE,oBAAoB;AAC9B,YAAA,UAAU,EAAE,sCAAsC;SACnD,CAAC;QACF,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC5D,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC/B;IAsCD,YAAY,GAAA;AACV,QAAA,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;KACtB;AAED,IAAA,WAAW,CAAC,CAAM,EAAA;AAChB,QAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;KAChB;IAgBD,aAAa,GAAA;AACX,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,WAAW,EAAE,MAAM;AACnB,YAAA,QAAQ,EAAE,SAAS;AACnB,YAAA,QAAQ,EAAE,oBAAoB;AAC9B,YAAA,UAAU,EAAE,sCAAsC;AAClD,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,OAAO,EAAE,EAAE;SACZ,CAAC;AAEF,QAAA,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;KAC1C;8GA7FU,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvCxC,mnEA6CA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDvBI,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,+IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACjB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,EAAA,cAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,KAAA,EAAA,KAAA,EAAA,UAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACjB,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,cAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAKH,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBArBvC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,EACxB,OAAA,EAAA;wBACP,WAAW;wBACX,YAAY;wBACZ,YAAY;wBACZ,iBAAiB;wBACjB,eAAe;wBACf,eAAe;wBACf,cAAc;wBACd,eAAe;wBACf,aAAa;wBACb,cAAc;wBACd,aAAa;wBACb,iBAAiB;wBACjB,YAAY;AACb,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mnEAAA,EAAA,CAAA;;;MEmDpC,gCAAgC,CAAA;AAW3C,IAAA,WAAA,CACU,kBAAwC,EACxC,YAA4B,EAC1B,QAAoB,EACtB,KAAiC,EAAA;QAHjC,IAAkB,CAAA,kBAAA,GAAlB,kBAAkB,CAAsB;QACxC,IAAY,CAAA,YAAA,GAAZ,YAAY,CAAgB;QAC1B,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAY;QACtB,IAAK,CAAA,KAAA,GAAL,KAAK,CAA4B;AAdnC,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAkBpC,IAAI,CAAA,IAAA,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC;AAEnC,QAAA,IAAA,CAAA,SAAS,GAAG,IAAI,OAAO,EAAQ,CAAC;AAsBzC,QAAA,IAAA,CAAA,gBAAgB,GAAG,QAAQ,CAAqB,MAAK;AAC3D,YAAA,OAAO,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,GAAG,CAC7B,CAAC,CAAC,MACC;gBACC,IAAI,EAAE,CAAC,CAAC,IAAI;gBACZ,IAAI,EAAE,CAAC,CAAC,IAAI;gBACZ,IAAI,EAAE,CAAC,CAAC,KAAK;gBACb,KAAK,EAAE,CAAC,CAAC,KAAK;AACM,aAAA,CAAA,CACzB,CAAC;AACJ,SAAC,CAAC,CAAC;AAWO,QAAA,IAAA,CAAA,mBAAmB,GAAG,CAAC,OAAgB,KAAiC;YAChF,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAClD,SAAC,CAAC;QAlDA,IAAI,CAAC,qBAAqB,EAAE,CAAC;KAC9B;AAMD,IAAA,uBAAuB,CAAC,CAAsB,EAAA;AAC5C,QAAA,IAAI,CAAC,CAAC,iBAAiB,EAAE;YACvB,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;SACpC;KACF;IAES,qBAAqB,GAAA;QAC7B,IAAI,CAAC,QAAQ,CAAC,OAAO;AAClB,aAAA,IAAI,CAAC,MAAM,CAAC,qBAAqB,EAAE,oBAAoB,CAAC,CAAC;AACzD,aAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC/B,aAAA,SAAS,CAAC,CAAC,KAAK,KAAI;AACnB,YAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACnB,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;AACtB,SAAC,CAAC,CAAC;KACN;IAED,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;KACrB;AAcS,IAAA,gBAAgB,CAAC,CAAwB,EAAA;AACjD,QAAA,MAAM,CAAC,GAA+B;YACpC,SAAS,EAAE,CAAC,CAAC,SAAS;YACtB,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;YACrC,IAAI,EAAE,CAAC,CAAC,IAAI;SACb,CAAC;AACF,QAAA,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;KAC/B;IAMS,MAAM,qBAAqB,CAAC,CAA6B,EAAA;AACjE,QAAA,IAAI,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;KACxC;IAES,OAAO,GAAA;AACf,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;KAC3B;IAED,WAAW,GAAA;QACT,IAAI,CAAC,OAAO,EAAE,CAAC;KAChB;8GAhFU,gCAAgC,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,EAAA,EAAA,KAAA,EAAAH,IAAA,CAAA,cAAA,EAAA,EAAA,EAAA,KAAA,EAAAC,IAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAAG,IAAA,CAAA,KAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gCAAgC,+GA9BhC,CAAC,cAAc,CAAC,EC1D7B,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,gwEA4DA,2CDAI,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAF,IAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,owBACd,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAG,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,+IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACjB,aAAa,EACb,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,EAChB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,UAAA,EAAA,SAAA,EAAA,mBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,eAAe,8BACf,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,mBAAmB,EACnB,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,8BACd,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,eAAe,EACf,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BACZ,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,mBAAmB,EACnB,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,8BACjB,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,aAAA,EAAA,eAAA,EAAA,aAAA,EAAA,YAAA,EAAA,aAAA,EAAA,YAAA,EAAA,aAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,SAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,uBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mCAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA;;AAEjB,gBAAA,sBAAsB,EACtB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,gCAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,EAGhB,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,aAAa,8BACb,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAIV,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAnC5C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,6BAA6B,EAExB,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA,CAAC,cAAc,CAAC,EAClB,OAAA,EAAA;wBACP,YAAY;wBACZ,WAAW;wBACX,YAAY;wBACZ,cAAc;wBACd,iBAAiB;wBACjB,aAAa;wBACb,gBAAgB;wBAChB,eAAe;wBACf,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBACd,cAAc;wBACd,eAAe;wBACf,YAAY;wBACZ,eAAe;wBACf,mBAAmB;wBACnB,iBAAiB;wBACjB,iBAAiB;;wBAEjB,sBAAsB;wBACtB,gBAAgB;wBAChB,kBAAkB;wBAClB,sBAAsB;wBACtB,aAAa;wBACb,mBAAmB;AACpB,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,QAAA,EAAA,gwEAAA,EAAA,CAAA;yKAOhB,EAAE,EAAA,CAAA;sBADD,KAAK;uBAAC,WAAW,CAAA;gBAKC,IAAI,EAAA,CAAA;sBAAtB,SAAS;uBAAC,MAAM,CAAA;;;ME9CN,gCAAgC,CAAA;AA9B7C,IAAA,WAAA,GAAA;AA+BU,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;QAC1B,IAAE,CAAA,EAAA,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAmC,CAAC;AAErF,QAAA,IAAA,CAAA,8BAA8B,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAKtD,KAAA;AAHC,IAAA,gCAAgC,CAAC,CAAyB,EAAA;QACxD,IAAI,CAAC,8BAA8B,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;KAClD;8GARU,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAhC,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnD7C,2sEA4DA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDnCI,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAR,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACjB,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,cAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,KAAA,EAAA,gBAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,SAAA,EAAA,QAAA,EAAA,SAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAG,IAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,EAAA,cAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA;;AAEnB,gBAAA,sBAAsB,EACtB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,WAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,WAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,EAEhB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,sBAAsB,iFACtB,gCAAgC,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA;;gBAGhC,mBAAmB,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAKV,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBA9B5C,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,EAC7B,OAAA,EAAA;wBACP,YAAY;wBACZ,YAAY;wBACZ,iBAAiB;wBACjB,gBAAgB;wBAChB,eAAe;wBACf,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBACd,cAAc;wBACd,eAAe;wBACf,YAAY;wBACZ,cAAc;wBACd,mBAAmB;;wBAEnB,sBAAsB;wBACtB,gBAAgB;wBAChB,kBAAkB;wBAClB,sBAAsB;wBACtB,gCAAgC;;wBAGhC,mBAAmB;AACpB,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2sEAAA,EAAA,CAAA;;;MESpC,kCAAkC,CAAA;AA7B/C,IAAA,WAAA,GAAA;AA8BU,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;QAC1B,IAAE,CAAA,EAAA,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAmC,CAAC;;AAEvF,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,EAAC,KAA0B,EAAC,CAAC;QACzC,IAAI,CAAA,IAAA,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC;QAC1C,IAAM,CAAA,MAAA,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC;AAE7C,QAAA,IAAA,CAAA,sBAAsB,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAS9C,KAAA;AAPC,IAAA,4BAA4B,CAAC,CAAyB,EAAA;QACpD,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;KAC1C;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC;KACnB;8GAhBU,kCAAkC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlC,kCAAkC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1D/C,m+KA2HA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED3FI,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAL,IAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,+IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACjB,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAI,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,UAAA,EAAA,SAAA,EAAA,mBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAF,IAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAM,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,KAAA,EAAA,gBAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,SAAA,EAAA,QAAA,EAAA,SAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAH,IAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,EAAA,cAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAF,IAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA;;AAEnB,gBAAA,sBAAsB,8BACtB,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,kBAAkB,EAElB,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,cAAA,EAAA,cAAA,EAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gCAAgC,uEAChC,2BAA2B,EAAA,QAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA;;gBAE3B,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAM,IAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAKV,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBA7B9C,SAAS;AAEC,YAAA,IAAA,EAAA,CAAA,EAAA,OAAA,EAAA;wBACP,YAAY;wBACZ,YAAY;wBACZ,iBAAiB;wBACjB,gBAAgB;wBAChB,eAAe;wBACf,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBACd,cAAc;wBACd,eAAe;wBACf,YAAY;wBACZ,cAAc;wBACd,mBAAmB;;wBAEnB,sBAAsB;wBACtB,gBAAgB;wBAChB,kBAAkB;wBAClB,sBAAsB;wBACtB,gCAAgC;wBAChC,2BAA2B;;wBAE3B,mBAAmB;AACpB,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,m+KAAA,EAAA,CAAA;;;;;"}