@acorex-platform/framework-client 0.0.38 → 0.0.48

package/fesm2022/{acorex-platform-framework-client-layout-components-binding-expression-editor-popup.component-Bp2cNCPO.mjs → acorex-platform-framework-client-layout-components-binding-expression-editor-popup.component-BqPaHKPM.mjs}

@@ -1,19 +1,20 @@
-import * as i1$1 from '@acorex/components/button';
+import * as i2 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
-import * as i4 from '@acorex/components/code-editor';
+import * as i2$1 from '@acorex/components/code-editor';
 import { AXCodeEditorModule } from '@acorex/components/code-editor';
-import * as i2 from '@acorex/components/decorators';
+import * as i2$2 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { AXBasePageComponent } from '@acorex/components/page';
 import * as i3 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
 import { setupPopupFooterKeyboardShortcuts } from '@acorex-platform/framework-client/core';
-import * as i1$2 from '@angular/common';
+import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { input, linkedSignal, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
+import { PROPERTY_VIEWER_EXPRESSION_EDITOR_MIN_LINES } from './acorex-platform-framework-client-layout-components.mjs';
 
 /**
  * Popup for editing a binding/expression string (e.g. `{{ context.eval('x') }}`).
@@ -28,6 +29,7 @@ class AXPBindingExpressionEditorPopupComponent extends AXBasePageComponent {
         ...(ngDevMode ? [{ debugName: "initialValue" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----   Properties   ----
+        this.minRow = PROPERTY_VIEWER_EXPRESSION_EDITOR_MIN_LINES;
         this.currentValue = linkedSignal(() => (this.initialValue() ?? ''), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "currentValue" }] : /* istanbul ignore next */ []));
         setupPopupFooterKeyboardShortcuts(() => [
@@ -65,6 +67,7 @@ class AXPBindingExpressionEditorPopupComponent extends AXBasePageComponent {
                     (ngModelChange)="handleValueChange($event)"
                     language="javascript"
                     [lineNumbers]="true"
+                    [minRow]="minRow"
                     class="w-full h-full min-h-96"
                 ></ax-code-editor>
             </div>
@@ -85,7 +88,7 @@ class AXPBindingExpressionEditorPopupComponent extends AXBasePageComponent {
                 ></ax-button>
             </ax-suffix>
         </ax-footer>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i4.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i2$1.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPBindingExpressionEditorPopupComponent, decorators: [{
             type: Component,
@@ -99,6 +102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     (ngModelChange)="handleValueChange($event)"
                     language="javascript"
                     [lineNumbers]="true"
+                    [minRow]="minRow"
                     class="w-full h-full min-h-96"
                 ></ax-code-editor>
             </div>
@@ -133,4 +137,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }], ctorParameters: () => [], propDecorators: { initialValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialValue", required: true }] }] } });
 
 export { AXPBindingExpressionEditorPopupComponent };
-//# sourceMappingURL=acorex-platform-framework-client-layout-components-binding-expression-editor-popup.component-Bp2cNCPO.mjs.map
+//# sourceMappingURL=acorex-platform-framework-client-layout-components-binding-expression-editor-popup.component-BqPaHKPM.mjs.map

package/fesm2022/acorex-platform-framework-client-layout-components-binding-expression-editor-popup.component-BqPaHKPM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-framework-client-layout-components-binding-expression-editor-popup.component-BqPaHKPM.mjs","sources":["../../../../../libs/framework/client/layout/components/src/lib/property-viewer/binding-expression-editor-popup.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXCodeEditorModule } from '@acorex/components/code-editor';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { setupPopupFooterKeyboardShortcuts } from '@acorex-platform/framework-client/core';\nimport { CommonModule } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    input,\n    linkedSignal,\n    WritableSignal,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { PROPERTY_VIEWER_EXPRESSION_EDITOR_MIN_LINES } from './property-viewer.types';\n\n/**\n * Popup for editing a binding/expression string (e.g. `{{ context.eval('x') }}`).\n * Mirrors the trigger expression editor UX: code editor with Save/Cancel.\n */\n@Component({\n    selector: 'axp-binding-expression-editor-popup',\n    template: `\n        <div class=\"flex flex-col h-full overflow-hidden\">\n            <div class=\"flex-1 p-4 overflow-hidden\" style=\"direction: ltr;\">\n                <ax-code-editor\n                    [ngModel]=\"currentValue()\"\n                    (ngModelChange)=\"handleValueChange($event)\"\n                    language=\"javascript\"\n                    [lineNumbers]=\"true\"\n                    [minRow]=\"minRow\"\n                    class=\"w-full h-full min-h-96\"\n                ></ax-code-editor>\n            </div>\n        </div>\n\n        <ax-footer>\n            <ax-suffix>\n                <ax-button\n                    look=\"solid\"\n                    [text]=\"'@general:actions.cancel.title' | translate | async\"\n                    (onClick)=\"handleCancelClick()\"\n                ></ax-button>\n                <ax-button\n                    look=\"solid\"\n                    color=\"primary\"\n                    [text]=\"'@general:actions.save.title' | translate | async\"\n                    (onClick)=\"handleSaveClick()\"\n                ></ax-button>\n            </ax-suffix>\n        </ax-footer>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        CommonModule,\n        FormsModule,\n        AXButtonModule,\n        AXCodeEditorModule,\n        AXDecoratorModule,\n        AXTranslationModule,\n    ],\n})\nexport class AXPBindingExpressionEditorPopupComponent extends AXBasePageComponent {\n    //#region ----   Inputs   ----\n\n    /** Use a distinct name to avoid popup 'data.value' overwriting the input signal. */\n    initialValue = input.required<string | null>();\n\n    //#endregion\n\n    //#region ----   Properties   ----\n\n    protected readonly minRow = PROPERTY_VIEWER_EXPRESSION_EDITOR_MIN_LINES;\n\n    protected readonly currentValue: WritableSignal<string> = linkedSignal(\n        () => (this.initialValue() ?? '') as string,\n    );\n\n    constructor() {\n        super();\n        setupPopupFooterKeyboardShortcuts(\n            () => [\n                {\n                    title: '@general:actions.cancel.title',\n                    command: 'cancel',\n                    handler: () => this.handleCancelClick(),\n                },\n                {\n                    title: '@general:actions.save.title',\n                    command: 'submit',\n                    handler: () => this.handleSaveClick(),\n                },\n            ],\n            { id: 'binding-expression-editor-popup' },\n        );\n    }\n\n    //#endregion\n\n    //#region ----   Event Handlers   ----\n\n    protected handleValueChange(newValue: string): void {\n        this.currentValue.set(newValue);\n    }\n\n    protected handleCancelClick(): void {\n        this.close();\n    }\n\n    protected handleSaveClick(): void {\n        this.close({\n            value: this.currentValue(),\n        });\n    }\n\n    //#endregion\n}\n"],"names":["i3","i4","i5","i6"],"mappings":"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"}

package/fesm2022/acorex-platform-framework-client-layout-components-property-viewer-inline-code-editor.component-CcpUTEVQ.mjs

@@ -0,0 +1,66 @@
+import * as i2 from '@acorex/components/code-editor';
+import { AXCodeEditorModule } from '@acorex/components/code-editor';
+import * as i0 from '@angular/core';
+import { input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { PROPERTY_VIEWER_EXPRESSION_EDITOR_MIN_LINES } from './acorex-platform-framework-client-layout-components.mjs';
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Component -----
+/**
+ * Inline binding-expression editor. Loaded on demand so the code-editor
+ * package stays off the dest first-load graph.
+ */
+class AXPPropertyViewerInlineCodeEditorComponent {
+    constructor() {
+        //#region ----- Inputs -----
+        this.value = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.onValueChange = input(() => undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "onValueChange" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----- Constants -----
+        this.minRow = PROPERTY_VIEWER_EXPRESSION_EDITOR_MIN_LINES;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPPropertyViewerInlineCodeEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: AXPPropertyViewerInlineCodeEditorComponent, isStandalone: true, selector: "axp-property-viewer-inline-code-editor", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, onValueChange: { classPropertyName: "onValueChange", publicName: "onValueChange", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div class="w-full overflow-hidden" style="direction: ltr">
+      <ax-code-editor
+        [ngModel]="value()"
+        (ngModelChange)="onValueChange()($event)"
+        language="javascript"
+        [lineNumbers]="true"
+        [minRow]="minRow"
+        class="w-full"
+      >
+      </ax-code-editor>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i2.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPPropertyViewerInlineCodeEditorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-property-viewer-inline-code-editor',
+                    template: `
+    <div class="w-full overflow-hidden" style="direction: ltr">
+      <ax-code-editor
+        [ngModel]="value()"
+        (ngModelChange)="onValueChange()($event)"
+        language="javascript"
+        [lineNumbers]="true"
+        [minRow]="minRow"
+        class="w-full"
+      >
+      </ax-code-editor>
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    imports: [FormsModule, AXCodeEditorModule],
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], onValueChange: [{ type: i0.Input, args: [{ isSignal: true, alias: "onValueChange", required: false }] }] } });
+
+export { AXPPropertyViewerInlineCodeEditorComponent };
+//# sourceMappingURL=acorex-platform-framework-client-layout-components-property-viewer-inline-code-editor.component-CcpUTEVQ.mjs.map

package/fesm2022/acorex-platform-framework-client-layout-components-property-viewer-inline-code-editor.component-CcpUTEVQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-framework-client-layout-components-property-viewer-inline-code-editor.component-CcpUTEVQ.mjs","sources":["../../../../../libs/framework/client/layout/components/src/lib/property-viewer/property-viewer-inline-code-editor.component.ts"],"sourcesContent":["//#region ----- Imports -----\n\nimport { AXCodeEditorModule } from '@acorex/components/code-editor';\nimport { ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { PROPERTY_VIEWER_EXPRESSION_EDITOR_MIN_LINES } from './property-viewer.types';\n\n//#endregion\n\n//#region ----- Component -----\n\n/**\n * Inline binding-expression editor. Loaded on demand so the code-editor\n * package stays off the dest first-load graph.\n */\n@Component({\n  selector: 'axp-property-viewer-inline-code-editor',\n  template: `\n    <div class=\"w-full overflow-hidden\" style=\"direction: ltr\">\n      <ax-code-editor\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange()($event)\"\n        language=\"javascript\"\n        [lineNumbers]=\"true\"\n        [minRow]=\"minRow\"\n        class=\"w-full\"\n      >\n      </ax-code-editor>\n    </div>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [FormsModule, AXCodeEditorModule],\n})\nexport class AXPPropertyViewerInlineCodeEditorComponent {\n  //#region ----- Inputs -----\n\n  value = input<string>('');\n  onValueChange = input<(next: string) => void>(() => undefined);\n\n  //#endregion\n\n  //#region ----- Constants -----\n\n  protected readonly minRow = PROPERTY_VIEWER_EXPRESSION_EDITOR_MIN_LINES;\n\n  //#endregion\n}\n\n//#endregion\n"],"names":[],"mappings":";;;;;;;;AAAA;AAQA;AAEA;AAEA;;;AAGG;MAoBU,0CAA0C,CAAA;AAnBvD,IAAA,WAAA,GAAA;;QAsBE,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,EAAE;kFAAC;AACzB,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAyB,MAAM,SAAS;0FAAC;;;QAM3C,IAAA,CAAA,MAAM,GAAG,2CAA2C;AAGxE,IAAA;8GAbY,0CAA0C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0CAA0C,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wCAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAjB3C;;;;;;;;;;;;GAYT,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAGS,WAAW,8VAAE,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,IAAA,EAAA,UAAA,EAAA,UAAA,EAAA,aAAA,EAAA,aAAA,EAAA,cAAA,EAAA,SAAA,EAAA,eAAA,EAAA,OAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,cAAA,EAAA,QAAA,EAAA,mBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,aAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,OAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAE9B,0CAA0C,EAAA,UAAA,EAAA,CAAA;kBAnBtD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wCAAwC;AAClD,oBAAA,QAAQ,EAAE;;;;;;;;;;;;AAYT,EAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,OAAO,EAAE,CAAC,WAAW,EAAE,kBAAkB,CAAC;AAC3C,iBAAA;;;"}

package/fesm2022/acorex-platform-framework-client-layout-components-resource-appointment-board.component-DCkpgsFH.mjs

@@ -0,0 +1,195 @@
+import { AXCommonModule } from '@acorex/cdk/common';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i4 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import * as i1 from '@acorex/components/menu';
+import { AXMenuModule } from '@acorex/components/menu';
+import { AXSchedulerComponent } from '@acorex/components/scheduler';
+import { AXFormatService } from '@acorex/core/format';
+import { AXTranslationService } from '@acorex/core/translation';
+import * as i0 from '@angular/core';
+import { input, inject, viewChild, signal, computed, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { AXPResourceAppointmentService } from './acorex-platform-framework-client-layout-components.mjs';
+
+//#region ---- Imports ----
+class AXPResourceAppointmentBoardComponent {
+    //#endregion
+    //#region ---- Lifecycle ----
+    constructor() {
+        //#region ---- Inputs ----
+        /** Show resource headers in the timeline views. */
+        this.showResourceHeaders = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showResourceHeaders" }] : /* istanbul ignore next */ []));
+        /** Show appointments that have no resourceId. */
+        this.showUnassignedAppointments = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showUnassignedAppointments" }] : /* istanbul ignore next */ []));
+        /** Optional provider name to filter the board (e.g. from route param). */
+        this.providerName = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "providerName" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Services & Dependencies ----
+        this.resourceAppointmentService = inject(AXPResourceAppointmentService);
+        this.formatService = inject(AXFormatService);
+        this.translateService = inject(AXTranslationService);
+        //#endregion
+        //#region ---- Component References ----
+        this.contextMenu = viewChild('contextMenu', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "contextMenu" }] : /* istanbul ignore next */ []));
+        this.schedulerRef = viewChild('scheduler', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "schedulerRef" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- State ----
+        this.isReady = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isReady" }] : /* istanbul ignore next */ []));
+        this.currentDate = signal(new Date(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentDate" }] : /* istanbul ignore next */ []));
+        this.currentView = signal('timeline-month', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentView" }] : /* istanbul ignore next */ []));
+        this.currentAppointment = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentAppointment" }] : /* istanbul ignore next */ []));
+        /** Raw resources returned by providers. */
+        this.rawResources = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rawResources" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Computed Properties ----
+        /** Scheduler resources derived from provider data. */
+        this.schedulerResources = computed(() => this.rawResources().map((r) => ({
+            id: r.id,
+            title: r.title,
+        })), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "schedulerResources" }] : /* istanbul ignore next */ []));
+        /** Flat list of scheduler appointments derived from provider data. */
+        this.schedulerAppointments = computed(() => this.rawResources().flatMap((resource) => resource.appointments.map((a) => ({
+            id: a.id,
+            title: a.title,
+            startDate: a.startDate,
+            endDate: a.endDate,
+            allDay: a.allDay,
+            description: a.description,
+            resourceId: a.resourceId ?? resource.id,
+            provider: a.provider,
+        }))), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "schedulerAppointments" }] : /* istanbul ignore next */ []));
+        /** Formatted date range text for the toolbar. */
+        this.timeText = computed(() => {
+            const scheduler = this.schedulerRef();
+            return scheduler?.currentDateText() ?? this.formatCurrentDateRange();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "timeText" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            this.providerName();
+            if (this.isReady()) {
+                this.loadData();
+            }
+        });
+    }
+    async ngOnInit() {
+        await this.resolveProvidersAndReady();
+    }
+    //#endregion
+    //#region ---- Provider Resolution ----
+    async resolveProvidersAndReady() {
+        await this.resourceAppointmentService.resolveProviders();
+        // this.resourceAppointmentService.refresh$.subscribe(() => this.loadData());
+        await this.loadData();
+        this.isReady.set(true);
+    }
+    //#endregion
+    //#region ---- Data Loading ----
+    /** Fetches resource + appointment data from providers and updates signals. */
+    async loadData(range) {
+        const providerName = this.providerName();
+        const filter = {
+            ...(range && { range: { from: range.from, end: range.end } }),
+            ...(providerName && { providerNames: [providerName] }),
+        };
+        const resourceList = await this.resourceAppointmentService.getList(filter);
+        this.rawResources.set(resourceList);
+    }
+    //#endregion
+    //#region ---- Event Handlers ----
+    /** Re-load data when the scheduler view range changes and sync toolbar date. */
+    handleRangeChanged(range) {
+        //TODO FIX LATER
+        // this.currentDate.set(range.from);
+        // this.loadData(range);
+    }
+    /** Navigate to previous/next period based on current view. */
+    changeDate(forward) {
+        const date = new Date(this.currentDate().getTime());
+        const view = this.currentView();
+        switch (view) {
+            case 'timeline-day':
+                date.setDate(date.getDate() + (forward ? 1 : -1));
+                break;
+            case 'timeline-weekly':
+                date.setDate(date.getDate() + (forward ? 7 : -7));
+                break;
+            case 'timeline-month':
+                date.setMonth(date.getMonth() + (forward ? 1 : -1));
+                break;
+            default:
+                date.setDate(date.getDate() + (forward ? 1 : -1));
+        }
+        this.currentDate.set(date);
+    }
+    /** Fallback formatted date range when scheduler ref is not yet available. */
+    formatCurrentDateRange() {
+        const d = this.currentDate();
+        return d ? this.formatService.format(d, 'datetime', { format: 'long' }) : '';
+    }
+    handleAppointmentClick(event) {
+        const appointment = event.appointment;
+        if (!appointment)
+            return;
+        this.currentAppointment.set(appointment);
+        const { clientX: x, clientY: y, target } = event.nativeEvent;
+        this.contextMenu()?.showAt({ x, y }, target);
+    }
+    async handleContextMenuOpening(event) {
+        const appointment = this.currentAppointment();
+        if (!appointment)
+            return;
+        const providerName = appointment.provider;
+        if (!providerName)
+            return;
+        const item = {
+            id: appointment.id,
+            title: appointment.title ?? '',
+            startDate: appointment.startDate,
+            endDate: appointment.endDate,
+            resourceId: appointment.resourceId,
+            description: appointment.description,
+            allDay: appointment.allDay,
+        };
+        const actions = await this.resourceAppointmentService.getActions(item, providerName);
+        for (const actionItem of actions) {
+            const t = actionItem.title;
+            const text = typeof t === 'string'
+                ? t.startsWith('@')
+                    ? await this.translateService.translateAsync(t)
+                    : t
+                : this.translateService.resolve(t);
+            event.items.push({
+                text,
+                icon: actionItem.icon,
+                color: actionItem.color,
+                break: actionItem.break,
+                data: { command: actionItem.command },
+            });
+        }
+    }
+    handleContextMenuItemClick(event) {
+        const providerName = this.currentAppointment()?.provider ?? '';
+        this.resourceAppointmentService.executeCommand(event.item.data?.command, providerName);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPResourceAppointmentBoardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPResourceAppointmentBoardComponent, isStandalone: true, selector: "axp-resource-appointment-board", inputs: { showResourceHeaders: { classPropertyName: "showResourceHeaders", publicName: "showResourceHeaders", isSignal: true, isRequired: false, transformFunction: null }, showUnassignedAppointments: { classPropertyName: "showUnassignedAppointments", publicName: "showUnassignedAppointments", isSignal: true, isRequired: false, transformFunction: null }, providerName: { classPropertyName: "providerName", publicName: "providerName", isSignal: true, isRequired: false, transformFunction: null } }, providers: [AXPResourceAppointmentService], viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["contextMenu"], descendants: true, isSignal: true }, { propertyName: "schedulerRef", first: true, predicate: ["scheduler"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"axp-resource-appointment__container flex flex-col min-h-0 h-full\">\n  @if (isReady()) {\n    <!-- TODO: Add weekly view 'timeline-weekly' -->\n    <ax-scheduler\n      #scheduler\n      [views]=\"['timeline-day', 'timeline-month']\"\n      [dataSource]=\"schedulerAppointments()\"\n      [resources]=\"schedulerResources()\"\n      [startingDate]=\"currentDate()\"\n      [selectedView]=\"currentView()\"\n      [draggable]=\"false\"\n      (onRangeChanged)=\"handleRangeChanged($event)\"\n      class=\"axp-resource-appointment__scheduler bg-lightest dark:bg-darkest flex-1\"\n    ></ax-scheduler>\n\n    <ax-context-menu\n      #contextMenu\n      [closeOn]=\"'leave'\"\n      [orientation]=\"'vertical'\"\n      (onOpening)=\"handleContextMenuOpening($event)\"\n      (onItemClick)=\"handleContextMenuItemClick($event)\"\n    ></ax-context-menu>\n  } @else {\n    <div class=\"axp-resource-appointment__loading flex items-center justify-center w-full h-full\">\n      <ax-loading></ax-loading>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;height:100%;width:100%}:host .axp-resource-appointment__scheduler{--ax-comp-scheduler-width: 100%;height:100%;width:100%;min-height:400px}:host .axp-resource-appointment__loading{min-height:300px}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXCommonModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "component", type: i1.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "closeOnRouteChange", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: AXSchedulerComponent, selector: "ax-scheduler", inputs: ["calendar", "startingDate", "endDayHour", "startDayHour", "hasHeader", "readonly", "draggable", "hasActions", "dragStartDelay", "weekend", "allowFullScreen", "multiDayViewDaysCount", "showResourceHeaders", "showCurrentTimeIndicator", "scrollToCurrentTimeIndicator", "showUnassignedAppointments", "resources", "resourceTemplate", "firstDayOfWeek", "tooltipTemplate", "dataSource", "holidays", "views", "selectedView"], outputs: ["selectedViewChange", "onDataLoaded", "onRangeChanged", "onSlotClicked", "onSlotDblClicked", "onSlotRightClick", "onAppointmentDrop", "onActionClick", "onAppointmentClicked", "onAppointmentDblClicked", "onAppointmentRightClick"] }, { kind: "ngmodule", type: AXButtonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPResourceAppointmentBoardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-resource-appointment-board', imports: [AXCommonModule, AXMenuModule, AXLoadingModule, AXSchedulerComponent, AXButtonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [AXPResourceAppointmentService], template: "<div class=\"axp-resource-appointment__container flex flex-col min-h-0 h-full\">\n  @if (isReady()) {\n    <!-- TODO: Add weekly view 'timeline-weekly' -->\n    <ax-scheduler\n      #scheduler\n      [views]=\"['timeline-day', 'timeline-month']\"\n      [dataSource]=\"schedulerAppointments()\"\n      [resources]=\"schedulerResources()\"\n      [startingDate]=\"currentDate()\"\n      [selectedView]=\"currentView()\"\n      [draggable]=\"false\"\n      (onRangeChanged)=\"handleRangeChanged($event)\"\n      class=\"axp-resource-appointment__scheduler bg-lightest dark:bg-darkest flex-1\"\n    ></ax-scheduler>\n\n    <ax-context-menu\n      #contextMenu\n      [closeOn]=\"'leave'\"\n      [orientation]=\"'vertical'\"\n      (onOpening)=\"handleContextMenuOpening($event)\"\n      (onItemClick)=\"handleContextMenuItemClick($event)\"\n    ></ax-context-menu>\n  } @else {\n    <div class=\"axp-resource-appointment__loading flex items-center justify-center w-full h-full\">\n      <ax-loading></ax-loading>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;height:100%;width:100%}:host .axp-resource-appointment__scheduler{--ax-comp-scheduler-width: 100%;height:100%;width:100%;min-height:400px}:host .axp-resource-appointment__loading{min-height:300px}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { showResourceHeaders: [{ type: i0.Input, args: [{ isSignal: true, alias: "showResourceHeaders", required: false }] }], showUnassignedAppointments: [{ type: i0.Input, args: [{ isSignal: true, alias: "showUnassignedAppointments", required: false }] }], providerName: [{ type: i0.Input, args: [{ isSignal: true, alias: "providerName", required: false }] }], contextMenu: [{ type: i0.ViewChild, args: ['contextMenu', { isSignal: true }] }], schedulerRef: [{ type: i0.ViewChild, args: ['scheduler', { isSignal: true }] }] } });
+
+export { AXPResourceAppointmentBoardComponent };
+//# sourceMappingURL=acorex-platform-framework-client-layout-components-resource-appointment-board.component-DCkpgsFH.mjs.map

package/fesm2022/acorex-platform-framework-client-layout-components-resource-appointment-board.component-DCkpgsFH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-framework-client-layout-components-resource-appointment-board.component-DCkpgsFH.mjs","sources":["../../../../../libs/framework/client/layout/components/src/lib/resource-appointment/resource-appointment-board.component.ts","../../../../../libs/framework/client/layout/components/src/lib/resource-appointment/resource-appointment.component.html"],"sourcesContent":["//#region ---- Imports ----\n\nimport { AXCommonModule, AXStyleColorType } from '@acorex/cdk/common';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport {\n  AXContextMenuComponent,\n  AXContextMenuItemsClickEvent,\n  AXContextMenuOpeningEvent,\n  AXMenuModule,\n} from '@acorex/components/menu';\nimport {\n  AXSchedulerAppointment,\n  AXSchedulerComponent,\n  AXSchedulerDateRange,\n  AXSchedulerResource,\n  AXSchedulerView,\n} from '@acorex/components/scheduler';\nimport { AXFormatService } from '@acorex/core/format';\nimport { AXTranslationService } from '@acorex/core/translation';\n\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  inject,\n  input,\n  OnInit,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXPResourceAppointmentService } from './resource-appointment.service';\nimport {\n  AXPResourceAppointmentBoardFilter,\n  AXPResourceAppointmentItem,\n  AXPResourceAppointmentResource,\n} from './resource-appointment.types';\n\n//#endregion\n\n/** Scheduler appointment with optional provider tag for context menu routing. */\ntype AppointmentWithProvider = AXSchedulerAppointment & { provider?: string };\n\n@Component({\n  selector: 'axp-resource-appointment-board',\n  templateUrl: './resource-appointment.component.html',\n  styleUrls: ['./resource-appointment.component.css'],\n  imports: [AXCommonModule, AXMenuModule, AXLoadingModule, AXSchedulerComponent, AXButtonModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [AXPResourceAppointmentService],\n})\nexport class AXPResourceAppointmentBoardComponent implements OnInit {\n  //#region ---- Inputs ----\n\n  /** Show resource headers in the timeline views. */\n  showResourceHeaders = input<boolean>(true);\n\n  /** Show appointments that have no resourceId. */\n  showUnassignedAppointments = input<boolean>(true);\n\n  /** Optional provider name to filter the board (e.g. from route param). */\n  providerName = input<string | undefined>(undefined);\n\n  //#endregion\n\n  //#region ---- Services & Dependencies ----\n\n  private readonly resourceAppointmentService = inject(AXPResourceAppointmentService);\n  private readonly formatService = inject(AXFormatService);\n  private readonly translateService = inject(AXTranslationService);\n\n  //#endregion\n\n  //#region ---- Component References ----\n\n  private readonly contextMenu = viewChild<AXContextMenuComponent>('contextMenu');\n  protected readonly schedulerRef = viewChild<AXSchedulerComponent>('scheduler');\n\n  //#endregion\n\n  //#region ---- State ----\n\n  protected readonly isReady = signal(false);\n  protected readonly currentDate = signal<Date>(new Date());\n  protected readonly currentView = signal<AXSchedulerView>('timeline-month');\n  private readonly currentAppointment = signal<AppointmentWithProvider | null>(null);\n\n  /** Raw resources returned by providers. */\n  private readonly rawResources = signal<AXPResourceAppointmentResource[]>([]);\n\n  //#endregion\n\n  //#region ---- Computed Properties ----\n\n  /** Scheduler resources derived from provider data. */\n  protected readonly schedulerResources = computed<AXSchedulerResource[]>(() =>\n    this.rawResources().map((r) => ({\n      id: r.id,\n      title: r.title,\n    })),\n  );\n\n  /** Flat list of scheduler appointments derived from provider data. */\n  protected readonly schedulerAppointments = computed<AppointmentWithProvider[]>(() =>\n    this.rawResources().flatMap((resource) =>\n      resource.appointments.map((a: AXPResourceAppointmentItem & { provider?: string }) => ({\n        id: a.id,\n        title: a.title,\n        startDate: a.startDate,\n        endDate: a.endDate,\n        allDay: a.allDay,\n        description: a.description,\n        resourceId: a.resourceId ?? resource.id,\n        provider: a.provider,\n      })),\n    ),\n  );\n\n  /** Formatted date range text for the toolbar. */\n  protected readonly timeText = computed(() => {\n    const scheduler = this.schedulerRef();\n    return scheduler?.currentDateText() ?? this.formatCurrentDateRange();\n  });\n\n  //#endregion\n\n  //#region ---- Lifecycle ----\n\n  constructor() {\n    effect(() => {\n      this.providerName();\n      if (this.isReady()) {\n        this.loadData();\n      }\n    });\n  }\n\n  async ngOnInit(): Promise<void> {\n    await this.resolveProvidersAndReady();\n  }\n\n  //#endregion\n\n  //#region ---- Provider Resolution ----\n\n  private async resolveProvidersAndReady(): Promise<void> {\n    await this.resourceAppointmentService.resolveProviders();\n    // this.resourceAppointmentService.refresh$.subscribe(() => this.loadData());\n\n    await this.loadData();\n    this.isReady.set(true);\n  }\n\n  //#endregion\n\n  //#region ---- Data Loading ----\n\n  /** Fetches resource + appointment data from providers and updates signals. */\n  private async loadData(range?: AXSchedulerDateRange): Promise<void> {\n    const providerName = this.providerName();\n    const filter: AXPResourceAppointmentBoardFilter = {\n      ...(range && { range: { from: range.from, end: range.end } }),\n      ...(providerName && { providerNames: [providerName] }),\n    };\n\n    const resourceList = await this.resourceAppointmentService.getList(filter);\n    this.rawResources.set(resourceList);\n  }\n\n  //#endregion\n\n  //#region ---- Event Handlers ----\n\n  /** Re-load data when the scheduler view range changes and sync toolbar date. */\n  protected handleRangeChanged(range: AXSchedulerDateRange): void {\n    //TODO FIX LATER\n    // this.currentDate.set(range.from);\n    // this.loadData(range);\n  }\n\n  /** Navigate to previous/next period based on current view. */\n  protected changeDate(forward: boolean): void {\n    const date = new Date(this.currentDate().getTime());\n    const view = this.currentView();\n\n    switch (view) {\n      case 'timeline-day':\n        date.setDate(date.getDate() + (forward ? 1 : -1));\n        break;\n      case 'timeline-weekly':\n        date.setDate(date.getDate() + (forward ? 7 : -7));\n        break;\n      case 'timeline-month':\n        date.setMonth(date.getMonth() + (forward ? 1 : -1));\n        break;\n      default:\n        date.setDate(date.getDate() + (forward ? 1 : -1));\n    }\n\n    this.currentDate.set(date);\n  }\n\n  /** Fallback formatted date range when scheduler ref is not yet available. */\n  private formatCurrentDateRange(): string {\n    const d = this.currentDate();\n    return d ? this.formatService.format(d, 'datetime', { format: 'long' }) : '';\n  }\n\n  protected handleAppointmentClick(event: { appointment: AXSchedulerAppointment; nativeEvent: MouseEvent }): void {\n    const appointment = event.appointment as AppointmentWithProvider;\n    if (!appointment) return;\n\n    this.currentAppointment.set(appointment);\n\n    const { clientX: x, clientY: y, target } = event.nativeEvent;\n    this.contextMenu()?.showAt({ x, y }, target as HTMLElement);\n  }\n\n  protected async handleContextMenuOpening(event: AXContextMenuOpeningEvent): Promise<void> {\n    const appointment = this.currentAppointment();\n    if (!appointment) return;\n\n    const providerName = appointment.provider;\n    if (!providerName) return;\n\n    const item: AXPResourceAppointmentItem = {\n      id: appointment.id,\n      title: appointment.title ?? '',\n      startDate: appointment.startDate,\n      endDate: appointment.endDate,\n      resourceId: appointment.resourceId,\n      description: appointment.description,\n      allDay: appointment.allDay,\n    };\n    const actions = await this.resourceAppointmentService.getActions(item, providerName);\n    for (const actionItem of actions) {\n      const t = actionItem.title;\n      const text =\n        typeof t === 'string'\n          ? t.startsWith('@')\n            ? await this.translateService.translateAsync(t)\n            : t\n          : this.translateService.resolve(t);\n      event.items.push({\n        text,\n        icon: actionItem.icon,\n        color: actionItem.color as AXStyleColorType,\n        break: actionItem.break,\n        data: { command: actionItem.command },\n      });\n    }\n  }\n\n  protected handleContextMenuItemClick(event: AXContextMenuItemsClickEvent): void {\n    const providerName = this.currentAppointment()?.provider ?? '';\n    this.resourceAppointmentService.executeCommand(event.item.data?.command, providerName);\n  }\n\n  //#endregion\n}\n","<div class=\"axp-resource-appointment__container flex flex-col min-h-0 h-full\">\n  @if (isReady()) {\n    <!-- TODO: Add weekly view 'timeline-weekly' -->\n    <ax-scheduler\n      #scheduler\n      [views]=\"['timeline-day', 'timeline-month']\"\n      [dataSource]=\"schedulerAppointments()\"\n      [resources]=\"schedulerResources()\"\n      [startingDate]=\"currentDate()\"\n      [selectedView]=\"currentView()\"\n      [draggable]=\"false\"\n      (onRangeChanged)=\"handleRangeChanged($event)\"\n      class=\"axp-resource-appointment__scheduler bg-lightest dark:bg-darkest flex-1\"\n    ></ax-scheduler>\n\n    <ax-context-menu\n      #contextMenu\n      [closeOn]=\"'leave'\"\n      [orientation]=\"'vertical'\"\n      (onOpening)=\"handleContextMenuOpening($event)\"\n      (onItemClick)=\"handleContextMenuItemClick($event)\"\n    ></ax-context-menu>\n  } @else {\n    <div class=\"axp-resource-appointment__loading flex items-center justify-center w-full h-full\">\n      <ax-loading></ax-loading>\n    </div>\n  }\n</div>\n"],"names":["i2"],"mappings":"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"}