@rolatech/angular-platform 20.3.0-beta.2 → 20.3.0-beta.3

package/fesm2022/rolatech-angular-platform-application-create-CwJeutMN.mjs

@@ -0,0 +1,138 @@
+import * as i0 from '@angular/core';
+import { inject, signal, Injectable, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { PlatformPageHeader, PlatformDetailPanel, PlatformStickyActionBar } from './rolatech-angular-platform.mjs';
+import { firstValueFrom } from 'rxjs';
+import { ApplicationService } from '@rolatech/angular-services';
+import { A as ApplicationWorkspaceShell } from './rolatech-angular-platform-application-workspace-shell-MPkdKJ2X.mjs';
+
+class ApplicationCreateFacade {
+    applicationService = inject(ApplicationService);
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    saving = signal(false, ...(ngDevMode ? [{ debugName: "saving" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    id = signal(null, ...(ngDevMode ? [{ debugName: "id" }] : []));
+    name = signal('', ...(ngDevMode ? [{ debugName: "name" }] : []));
+    code = signal('', ...(ngDevMode ? [{ debugName: "code" }] : []));
+    type = signal('', ...(ngDevMode ? [{ debugName: "type" }] : []));
+    description = signal('', ...(ngDevMode ? [{ debugName: "description" }] : []));
+    active = signal(true, ...(ngDevMode ? [{ debugName: "active" }] : []));
+    async load(id) {
+        this.loading.set(true);
+        this.error.set(null);
+        try {
+            const item = await firstValueFrom(this.applicationService.findApplicationById(id));
+            this.id.set(item.id);
+            this.name.set(item.name);
+            this.code.set(item.code);
+            this.type.set(item.type ?? '');
+            this.description.set(item.description ?? '');
+            this.active.set(item.active);
+        }
+        catch (error) {
+            console.error(error);
+            this.error.set('Unable to load the application.');
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    async save() {
+        this.saving.set(true);
+        this.error.set(null);
+        try {
+            const payload = {
+                name: this.name(),
+                code: this.code(),
+                type: this.type() || null,
+                description: this.description() || null,
+                active: this.active(),
+            };
+            if (this.id()) {
+                await firstValueFrom(this.applicationService.updateApplication(this.id(), payload));
+            }
+            else {
+                const created = await firstValueFrom(this.applicationService.createApplication(payload));
+                this.id.set(created.id);
+            }
+        }
+        catch (error) {
+            console.error(error);
+            this.error.set('Unable to save the application.');
+        }
+        finally {
+            this.saving.set(false);
+        }
+    }
+    setName(value) {
+        this.name.set(value);
+    }
+    setCode(value) {
+        this.code.set(value);
+    }
+    setType(value) {
+        this.type.set(value);
+    }
+    setDescription(value) {
+        this.description.set(value);
+    }
+    setActive(value) {
+        this.active.set(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationCreateFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationCreateFacade });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationCreateFacade, decorators: [{
+            type: Injectable
+        }] });
+
+class ApplicationCreate {
+    facade = inject(ApplicationCreateFacade);
+    route = inject(ActivatedRoute);
+    router = inject(Router);
+    id = this.route.snapshot.paramMap.get('appId') ?? this.route.snapshot.paramMap.get('id');
+    routePath = this.route.snapshot.routeConfig?.path ?? '';
+    get isEdit() {
+        return !!this.id;
+    }
+    get isSettings() {
+        return this.routePath.includes('settings');
+    }
+    ngOnInit() {
+        if (this.id) {
+            void this.facade.load(this.id);
+        }
+    }
+    onNameInput(event) {
+        this.facade.setName(event.target.value);
+    }
+    onCodeInput(event) {
+        this.facade.setCode(event.target.value);
+    }
+    onTypeInput(event) {
+        this.facade.setType(event.target.value);
+    }
+    onDescriptionInput(event) {
+        this.facade.setDescription(event.target.value);
+    }
+    onActiveChange(event) {
+        this.facade.setActive(event.target.checked);
+    }
+    async save() {
+        await this.facade.save();
+        if (this.isSettings && this.id) {
+            await this.router.navigate(['/platform/applications', this.id]);
+            return;
+        }
+        await this.router.navigate(['../'], { relativeTo: this.route });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationCreate, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: ApplicationCreate, isStandalone: true, selector: "rolatech-application-create", providers: [ApplicationCreateFacade], ngImport: i0, template: "@if (isSettings && id) {\n<rolatech-application-workspace-shell [appId]=\"id\" activeTab=\"settings\" sectionTitle=\"Settings\" sectionDescription=\"Update core application configuration.\">\n  @if (facade.loading()) {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-10 text-center text-muted-foreground shadow-sm\">Loading application...</section>\n  } @else {\n  <rolatech-platform-detail-panel>\n    <div panel-title>Basic Information</div>\n    <div panel-description>Set core application properties.</div>\n\n    <div class=\"grid gap-4 md:grid-cols-2\">\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Name</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.name()\"\n          (input)=\"onNameInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Code</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.code()\"\n          (input)=\"onCodeInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Type</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.type()\"\n          (input)=\"onTypeInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex items-center gap-2 pt-8\">\n        <input type=\"checkbox\" [checked]=\"facade.active()\" (change)=\"onActiveChange($event)\" />\n        <span class=\"text-sm font-medium\">Active</span>\n      </label>\n\n      <label class=\"md:col-span-2 flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Description</span>\n        <textarea\n          rows=\"5\"\n          [value]=\"facade.description()\"\n          (input)=\"onDescriptionInput($event)\"\n          class=\"rounded-xl border border-(--rt-border-color) px-3 py-2 text-sm outline-none\"\n        ></textarea>\n      </label>\n    </div>\n  </rolatech-platform-detail-panel>\n\n  <rolatech-platform-sticky-action-bar>\n    <div action-message>Update and save this application configuration.</div>\n\n    <div action-buttons>\n      <button\n        type=\"button\"\n        class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium\"\n        [disabled]=\"facade.saving()\"\n        (click)=\"save()\"\n      >\n        @if (facade.saving()) { Saving... } @else { Save Changes }\n      </button>\n    </div>\n  </rolatech-platform-sticky-action-bar>\n  }\n</rolatech-application-workspace-shell>\n} @else {\n<section class=\"flex flex-col gap-6 p-6\">\n  <rolatech-platform-page-header>\n    <div header-left class=\"space-y-1\">\n      <h1 class=\"text-2xl font-semibold tracking-tight\">@if (isEdit) { Edit Application } @else { Create Application }</h1>\n      <p class=\"text-sm text-muted-foreground\">\n        @if (isEdit) { Update application information. } @else { Create a new application for the platform. }\n      </p>\n    </div>\n  </rolatech-platform-page-header>\n\n  @if (facade.loading()) {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-10 text-center text-muted-foreground shadow-sm\">Loading application...</section>\n  } @else {\n  <rolatech-platform-detail-panel>\n    <div panel-title>Basic Information</div>\n    <div panel-description>Set core application properties.</div>\n\n    <div class=\"grid gap-4 md:grid-cols-2\">\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Name</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.name()\"\n          (input)=\"onNameInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Code</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.code()\"\n          (input)=\"onCodeInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Type</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.type()\"\n          (input)=\"onTypeInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex items-center gap-2 pt-8\">\n        <input type=\"checkbox\" [checked]=\"facade.active()\" (change)=\"onActiveChange($event)\" />\n        <span class=\"text-sm font-medium\">Active</span>\n      </label>\n\n      <label class=\"md:col-span-2 flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Description</span>\n        <textarea\n          rows=\"5\"\n          [value]=\"facade.description()\"\n          (input)=\"onDescriptionInput($event)\"\n          class=\"rounded-xl border border-(--rt-border-color) px-3 py-2 text-sm outline-none\"\n        ></textarea>\n      </label>\n    </div>\n  </rolatech-platform-detail-panel>\n\n  <rolatech-platform-sticky-action-bar>\n    <div action-message>@if (isEdit) { Update and save this application. } @else { Save this new application. }</div>\n\n    <div action-buttons>\n      <button\n        type=\"button\"\n        class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium\"\n        [disabled]=\"facade.saving()\"\n        (click)=\"save()\"\n      >\n        @if (facade.saving()) { Saving... } @else { Save }\n      </button>\n    </div>\n  </rolatech-platform-sticky-action-bar>\n  }\n</section>\n}\n", dependencies: [{ kind: "component", type: ApplicationWorkspaceShell, selector: "rolatech-application-workspace-shell", inputs: ["appId", "activeTab", "sectionTitle", "sectionDescription", "showEditButton"] }, { kind: "component", type: PlatformPageHeader, selector: "rolatech-platform-page-header" }, { kind: "component", type: PlatformDetailPanel, selector: "rolatech-platform-detail-panel" }, { kind: "component", type: PlatformStickyActionBar, selector: "rolatech-platform-sticky-action-bar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationCreate, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-application-create', standalone: true, imports: [ApplicationWorkspaceShell, PlatformPageHeader, PlatformDetailPanel, PlatformStickyActionBar], changeDetection: ChangeDetectionStrategy.OnPush, providers: [ApplicationCreateFacade], template: "@if (isSettings && id) {\n<rolatech-application-workspace-shell [appId]=\"id\" activeTab=\"settings\" sectionTitle=\"Settings\" sectionDescription=\"Update core application configuration.\">\n  @if (facade.loading()) {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-10 text-center text-muted-foreground shadow-sm\">Loading application...</section>\n  } @else {\n  <rolatech-platform-detail-panel>\n    <div panel-title>Basic Information</div>\n    <div panel-description>Set core application properties.</div>\n\n    <div class=\"grid gap-4 md:grid-cols-2\">\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Name</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.name()\"\n          (input)=\"onNameInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Code</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.code()\"\n          (input)=\"onCodeInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Type</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.type()\"\n          (input)=\"onTypeInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex items-center gap-2 pt-8\">\n        <input type=\"checkbox\" [checked]=\"facade.active()\" (change)=\"onActiveChange($event)\" />\n        <span class=\"text-sm font-medium\">Active</span>\n      </label>\n\n      <label class=\"md:col-span-2 flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Description</span>\n        <textarea\n          rows=\"5\"\n          [value]=\"facade.description()\"\n          (input)=\"onDescriptionInput($event)\"\n          class=\"rounded-xl border border-(--rt-border-color) px-3 py-2 text-sm outline-none\"\n        ></textarea>\n      </label>\n    </div>\n  </rolatech-platform-detail-panel>\n\n  <rolatech-platform-sticky-action-bar>\n    <div action-message>Update and save this application configuration.</div>\n\n    <div action-buttons>\n      <button\n        type=\"button\"\n        class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium\"\n        [disabled]=\"facade.saving()\"\n        (click)=\"save()\"\n      >\n        @if (facade.saving()) { Saving... } @else { Save Changes }\n      </button>\n    </div>\n  </rolatech-platform-sticky-action-bar>\n  }\n</rolatech-application-workspace-shell>\n} @else {\n<section class=\"flex flex-col gap-6 p-6\">\n  <rolatech-platform-page-header>\n    <div header-left class=\"space-y-1\">\n      <h1 class=\"text-2xl font-semibold tracking-tight\">@if (isEdit) { Edit Application } @else { Create Application }</h1>\n      <p class=\"text-sm text-muted-foreground\">\n        @if (isEdit) { Update application information. } @else { Create a new application for the platform. }\n      </p>\n    </div>\n  </rolatech-platform-page-header>\n\n  @if (facade.loading()) {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-10 text-center text-muted-foreground shadow-sm\">Loading application...</section>\n  } @else {\n  <rolatech-platform-detail-panel>\n    <div panel-title>Basic Information</div>\n    <div panel-description>Set core application properties.</div>\n\n    <div class=\"grid gap-4 md:grid-cols-2\">\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Name</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.name()\"\n          (input)=\"onNameInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Code</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.code()\"\n          (input)=\"onCodeInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Type</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.type()\"\n          (input)=\"onTypeInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex items-center gap-2 pt-8\">\n        <input type=\"checkbox\" [checked]=\"facade.active()\" (change)=\"onActiveChange($event)\" />\n        <span class=\"text-sm font-medium\">Active</span>\n      </label>\n\n      <label class=\"md:col-span-2 flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Description</span>\n        <textarea\n          rows=\"5\"\n          [value]=\"facade.description()\"\n          (input)=\"onDescriptionInput($event)\"\n          class=\"rounded-xl border border-(--rt-border-color) px-3 py-2 text-sm outline-none\"\n        ></textarea>\n      </label>\n    </div>\n  </rolatech-platform-detail-panel>\n\n  <rolatech-platform-sticky-action-bar>\n    <div action-message>@if (isEdit) { Update and save this application. } @else { Save this new application. }</div>\n\n    <div action-buttons>\n      <button\n        type=\"button\"\n        class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium\"\n        [disabled]=\"facade.saving()\"\n        (click)=\"save()\"\n      >\n        @if (facade.saving()) { Saving... } @else { Save }\n      </button>\n    </div>\n  </rolatech-platform-sticky-action-bar>\n  }\n</section>\n}\n" }]
+        }] });
+
+export { ApplicationCreate };
+//# sourceMappingURL=rolatech-angular-platform-application-create-CwJeutMN.mjs.map

package/fesm2022/rolatech-angular-platform-application-create-CwJeutMN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-platform-application-create-CwJeutMN.mjs","sources":["../../../../packages/angular-platform/src/lib/store/application-create.facade.ts","../../../../packages/angular-platform/src/lib/pages/application/application-create/application-create.ts","../../../../packages/angular-platform/src/lib/pages/application/application-create/application-create.html"],"sourcesContent":["import { Injectable, inject, signal } from '@angular/core';\nimport { firstValueFrom } from 'rxjs';\nimport { ApplicationService } from '@rolatech/angular-services';\n\n@Injectable()\nexport class ApplicationCreateFacade {\n  private readonly applicationService = inject(ApplicationService);\n\n  readonly loading = signal(false);\n  readonly saving = signal(false);\n  readonly error = signal<string | null>(null);\n\n  readonly id = signal<string | null>(null);\n\n  readonly name = signal('');\n  readonly code = signal('');\n  readonly type = signal('');\n  readonly description = signal('');\n  readonly active = signal(true);\n\n  async load(id: string): Promise<void> {\n    this.loading.set(true);\n    this.error.set(null);\n    try {\n      const item = await firstValueFrom(this.applicationService.findApplicationById(id));\n      this.id.set(item.id);\n      this.name.set(item.name);\n      this.code.set(item.code);\n      this.type.set(item.type ?? '');\n      this.description.set(item.description ?? '');\n      this.active.set(item.active);\n    } catch (error) {\n      console.error(error);\n      this.error.set('Unable to load the application.');\n    } finally {\n      this.loading.set(false);\n    }\n  }\n\n  async save(): Promise<void> {\n    this.saving.set(true);\n    this.error.set(null);\n    try {\n      const payload = {\n        name: this.name(),\n        code: this.code(),\n        type: this.type() || null,\n        description: this.description() || null,\n        active: this.active(),\n      };\n\n      if (this.id()) {\n        await firstValueFrom(this.applicationService.updateApplication(this.id()!, payload));\n      } else {\n        const created = await firstValueFrom(this.applicationService.createApplication(payload));\n        this.id.set(created.id);\n      }\n    } catch (error) {\n      console.error(error);\n      this.error.set('Unable to save the application.');\n    } finally {\n      this.saving.set(false);\n    }\n  }\n\n  setName(value: string): void {\n    this.name.set(value);\n  }\n\n  setCode(value: string): void {\n    this.code.set(value);\n  }\n\n  setType(value: string): void {\n    this.type.set(value);\n  }\n\n  setDescription(value: string): void {\n    this.description.set(value);\n  }\n\n  setActive(value: boolean): void {\n    this.active.set(value);\n  }\n}\n","import { ChangeDetectionStrategy, Component, OnInit, inject } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { PlatformPageHeader, PlatformDetailPanel, PlatformStickyActionBar } from '../../../shared';\nimport { ApplicationCreateFacade } from '../../../store/application-create.facade';\nimport { ApplicationWorkspaceShell } from '../application-workspace-shell/application-workspace-shell';\n\n@Component({\n  selector: 'rolatech-application-create',\n  standalone: true,\n  imports: [ApplicationWorkspaceShell, PlatformPageHeader, PlatformDetailPanel, PlatformStickyActionBar],\n  templateUrl: './application-create.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [ApplicationCreateFacade],\n})\nexport class ApplicationCreate implements OnInit {\n  readonly facade = inject(ApplicationCreateFacade);\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n\n  readonly id = this.route.snapshot.paramMap.get('appId') ?? this.route.snapshot.paramMap.get('id');\n  readonly routePath = this.route.snapshot.routeConfig?.path ?? '';\n\n  get isEdit(): boolean {\n    return !!this.id;\n  }\n\n  get isSettings(): boolean {\n    return this.routePath.includes('settings');\n  }\n\n  ngOnInit(): void {\n    if (this.id) {\n      void this.facade.load(this.id);\n    }\n  }\n\n  onNameInput(event: Event): void {\n    this.facade.setName((event.target as HTMLInputElement).value);\n  }\n\n  onCodeInput(event: Event): void {\n    this.facade.setCode((event.target as HTMLInputElement).value);\n  }\n\n  onTypeInput(event: Event): void {\n    this.facade.setType((event.target as HTMLInputElement).value);\n  }\n\n  onDescriptionInput(event: Event): void {\n    this.facade.setDescription((event.target as HTMLTextAreaElement).value);\n  }\n\n  onActiveChange(event: Event): void {\n    this.facade.setActive((event.target as HTMLInputElement).checked);\n  }\n\n  async save(): Promise<void> {\n    await this.facade.save();\n    if (this.isSettings && this.id) {\n      await this.router.navigate(['/platform/applications', this.id]);\n      return;\n    }\n\n    await this.router.navigate(['../'], { relativeTo: this.route });\n  }\n}\n","@if (isSettings && id) {\n<rolatech-application-workspace-shell [appId]=\"id\" activeTab=\"settings\" sectionTitle=\"Settings\" sectionDescription=\"Update core application configuration.\">\n  @if (facade.loading()) {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-10 text-center text-muted-foreground shadow-sm\">Loading application...</section>\n  } @else {\n  <rolatech-platform-detail-panel>\n    <div panel-title>Basic Information</div>\n    <div panel-description>Set core application properties.</div>\n\n    <div class=\"grid gap-4 md:grid-cols-2\">\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Name</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.name()\"\n          (input)=\"onNameInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Code</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.code()\"\n          (input)=\"onCodeInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Type</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.type()\"\n          (input)=\"onTypeInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex items-center gap-2 pt-8\">\n        <input type=\"checkbox\" [checked]=\"facade.active()\" (change)=\"onActiveChange($event)\" />\n        <span class=\"text-sm font-medium\">Active</span>\n      </label>\n\n      <label class=\"md:col-span-2 flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Description</span>\n        <textarea\n          rows=\"5\"\n          [value]=\"facade.description()\"\n          (input)=\"onDescriptionInput($event)\"\n          class=\"rounded-xl border border-(--rt-border-color) px-3 py-2 text-sm outline-none\"\n        ></textarea>\n      </label>\n    </div>\n  </rolatech-platform-detail-panel>\n\n  <rolatech-platform-sticky-action-bar>\n    <div action-message>Update and save this application configuration.</div>\n\n    <div action-buttons>\n      <button\n        type=\"button\"\n        class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium\"\n        [disabled]=\"facade.saving()\"\n        (click)=\"save()\"\n      >\n        @if (facade.saving()) { Saving... } @else { Save Changes }\n      </button>\n    </div>\n  </rolatech-platform-sticky-action-bar>\n  }\n</rolatech-application-workspace-shell>\n} @else {\n<section class=\"flex flex-col gap-6 p-6\">\n  <rolatech-platform-page-header>\n    <div header-left class=\"space-y-1\">\n      <h1 class=\"text-2xl font-semibold tracking-tight\">@if (isEdit) { Edit Application } @else { Create Application }</h1>\n      <p class=\"text-sm text-muted-foreground\">\n        @if (isEdit) { Update application information. } @else { Create a new application for the platform. }\n      </p>\n    </div>\n  </rolatech-platform-page-header>\n\n  @if (facade.loading()) {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-10 text-center text-muted-foreground shadow-sm\">Loading application...</section>\n  } @else {\n  <rolatech-platform-detail-panel>\n    <div panel-title>Basic Information</div>\n    <div panel-description>Set core application properties.</div>\n\n    <div class=\"grid gap-4 md:grid-cols-2\">\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Name</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.name()\"\n          (input)=\"onNameInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Code</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.code()\"\n          (input)=\"onCodeInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Type</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.type()\"\n          (input)=\"onTypeInput($event)\"\n          class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\"\n        />\n      </label>\n\n      <label class=\"flex items-center gap-2 pt-8\">\n        <input type=\"checkbox\" [checked]=\"facade.active()\" (change)=\"onActiveChange($event)\" />\n        <span class=\"text-sm font-medium\">Active</span>\n      </label>\n\n      <label class=\"md:col-span-2 flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Description</span>\n        <textarea\n          rows=\"5\"\n          [value]=\"facade.description()\"\n          (input)=\"onDescriptionInput($event)\"\n          class=\"rounded-xl border border-(--rt-border-color) px-3 py-2 text-sm outline-none\"\n        ></textarea>\n      </label>\n    </div>\n  </rolatech-platform-detail-panel>\n\n  <rolatech-platform-sticky-action-bar>\n    <div action-message>@if (isEdit) { Update and save this application. } @else { Save this new application. }</div>\n\n    <div action-buttons>\n      <button\n        type=\"button\"\n        class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium\"\n        [disabled]=\"facade.saving()\"\n        (click)=\"save()\"\n      >\n        @if (facade.saving()) { Saving... } @else { Save }\n      </button>\n    </div>\n  </rolatech-platform-sticky-action-bar>\n  }\n</section>\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/rolatech-angular-platform-application-detail-Bzgydts3.mjs

@@ -0,0 +1,54 @@
+import * as i0 from '@angular/core';
+import { inject, signal, Injectable, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { PlatformDetailPanel } from './rolatech-angular-platform.mjs';
+import { A as ApplicationWorkspaceShell } from './rolatech-angular-platform-application-workspace-shell-MPkdKJ2X.mjs';
+import { firstValueFrom } from 'rxjs';
+import { ApplicationService } from '@rolatech/angular-services';
+
+class ApplicationDetailFacade {
+    applicationService = inject(ApplicationService);
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    item = signal(null, ...(ngDevMode ? [{ debugName: "item" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    async load(id) {
+        this.loading.set(true);
+        this.error.set(null);
+        try {
+            this.item.set(await firstValueFrom(this.applicationService.findApplicationById(id)));
+        }
+        catch (error) {
+            console.error(error);
+            this.item.set(null);
+            this.error.set('Unable to load the application.');
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationDetailFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationDetailFacade });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationDetailFacade, decorators: [{
+            type: Injectable
+        }] });
+
+class ApplicationDetail {
+    facade = inject(ApplicationDetailFacade);
+    route = inject(ActivatedRoute);
+    id = this.route.snapshot.paramMap.get('appId') ?? this.route.snapshot.paramMap.get('id') ?? '';
+    ngOnInit() {
+        if (this.id) {
+            void this.facade.load(this.id);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationDetail, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: ApplicationDetail, isStandalone: true, selector: "rolatech-application-detail", providers: [ApplicationDetailFacade], ngImport: i0, template: "<rolatech-application-workspace-shell [appId]=\"id\" activeTab=\"overview\" [showEditButton]=\"true\">\n  @if (facade.loading()) {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-10 text-center text-muted-foreground shadow-sm\">Loading application...</section>\n  } @else if (facade.item(); as item) {\n  <section class=\"grid gap-6 xl:grid-cols-2\">\n    <rolatech-platform-detail-panel>\n      <div panel-title>Basic Information</div>\n      <div panel-description>Core application details.</div>\n\n      <div class=\"grid gap-4 md:grid-cols-2\">\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Name</div>\n          <div class=\"font-medium\">{{ item.name }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Code</div>\n          <div class=\"font-medium\">{{ item.code }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Type</div>\n          <div class=\"font-medium\">{{ item.type || '-' }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Status</div>\n          <div class=\"font-medium\">{{ item.status }}</div>\n        </div>\n      </div>\n    </rolatech-platform-detail-panel>\n\n    <rolatech-platform-detail-panel>\n      <div panel-title>Structure Summary</div>\n      <div panel-description>Top-level related resources under this application.</div>\n\n      <div class=\"grid gap-4 md:grid-cols-2\">\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Organizations</div>\n          <div class=\"font-medium\">{{ item.organizationCount }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Roles</div>\n          <div class=\"font-medium\">{{ item.roleCount }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Members</div>\n          <div class=\"font-medium\">{{ item.memberCount }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Created At</div>\n          <div class=\"font-medium\">{{ item.createdAt || '-' }}</div>\n        </div>\n      </div>\n    </rolatech-platform-detail-panel>\n  </section>\n  }\n</rolatech-application-workspace-shell>\n", dependencies: [{ kind: "component", type: ApplicationWorkspaceShell, selector: "rolatech-application-workspace-shell", inputs: ["appId", "activeTab", "sectionTitle", "sectionDescription", "showEditButton"] }, { kind: "component", type: PlatformDetailPanel, selector: "rolatech-platform-detail-panel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationDetail, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-application-detail', standalone: true, imports: [ApplicationWorkspaceShell, PlatformDetailPanel], changeDetection: ChangeDetectionStrategy.OnPush, providers: [ApplicationDetailFacade], template: "<rolatech-application-workspace-shell [appId]=\"id\" activeTab=\"overview\" [showEditButton]=\"true\">\n  @if (facade.loading()) {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-10 text-center text-muted-foreground shadow-sm\">Loading application...</section>\n  } @else if (facade.item(); as item) {\n  <section class=\"grid gap-6 xl:grid-cols-2\">\n    <rolatech-platform-detail-panel>\n      <div panel-title>Basic Information</div>\n      <div panel-description>Core application details.</div>\n\n      <div class=\"grid gap-4 md:grid-cols-2\">\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Name</div>\n          <div class=\"font-medium\">{{ item.name }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Code</div>\n          <div class=\"font-medium\">{{ item.code }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Type</div>\n          <div class=\"font-medium\">{{ item.type || '-' }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Status</div>\n          <div class=\"font-medium\">{{ item.status }}</div>\n        </div>\n      </div>\n    </rolatech-platform-detail-panel>\n\n    <rolatech-platform-detail-panel>\n      <div panel-title>Structure Summary</div>\n      <div panel-description>Top-level related resources under this application.</div>\n\n      <div class=\"grid gap-4 md:grid-cols-2\">\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Organizations</div>\n          <div class=\"font-medium\">{{ item.organizationCount }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Roles</div>\n          <div class=\"font-medium\">{{ item.roleCount }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Members</div>\n          <div class=\"font-medium\">{{ item.memberCount }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Created At</div>\n          <div class=\"font-medium\">{{ item.createdAt || '-' }}</div>\n        </div>\n      </div>\n    </rolatech-platform-detail-panel>\n  </section>\n  }\n</rolatech-application-workspace-shell>\n" }]
+        }] });
+
+export { ApplicationDetail };
+//# sourceMappingURL=rolatech-angular-platform-application-detail-Bzgydts3.mjs.map

package/fesm2022/rolatech-angular-platform-application-detail-Bzgydts3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-platform-application-detail-Bzgydts3.mjs","sources":["../../../../packages/angular-platform/src/lib/store/application-detail.facade.ts","../../../../packages/angular-platform/src/lib/pages/application/application-detail/application-detail.ts","../../../../packages/angular-platform/src/lib/pages/application/application-detail/application-detail.html"],"sourcesContent":["import { Injectable, inject, signal } from '@angular/core';\nimport { firstValueFrom } from 'rxjs';\nimport { ApplicationService } from '@rolatech/angular-services';\nimport { ApplicationDetailModel } from '../model/application.models';\n\n@Injectable()\nexport class ApplicationDetailFacade {\n  private readonly applicationService = inject(ApplicationService);\n\n  readonly loading = signal(false);\n  readonly item = signal<ApplicationDetailModel | null>(null);\n  readonly error = signal<string | null>(null);\n\n  async load(id: string): Promise<void> {\n    this.loading.set(true);\n    this.error.set(null);\n    try {\n      this.item.set(await firstValueFrom(this.applicationService.findApplicationById(id)));\n    } catch (error) {\n      console.error(error);\n      this.item.set(null);\n      this.error.set('Unable to load the application.');\n    } finally {\n      this.loading.set(false);\n    }\n  }\n}\n","import { ChangeDetectionStrategy, Component, OnInit, inject } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { PlatformDetailPanel } from '../../../shared';\nimport { ApplicationWorkspaceShell } from '../application-workspace-shell/application-workspace-shell';\nimport { ApplicationDetailFacade } from '../../../store/application-detail.facade';\n\n@Component({\n  selector: 'rolatech-application-detail',\n  standalone: true,\n  imports: [ApplicationWorkspaceShell, PlatformDetailPanel],\n  templateUrl: './application-detail.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [ApplicationDetailFacade],\n})\nexport class ApplicationDetail implements OnInit {\n  readonly facade = inject(ApplicationDetailFacade);\n  private readonly route = inject(ActivatedRoute);\n\n  readonly id = this.route.snapshot.paramMap.get('appId') ?? this.route.snapshot.paramMap.get('id') ?? '';\n\n  ngOnInit(): void {\n    if (this.id) {\n      void this.facade.load(this.id);\n    }\n  }\n}\n","<rolatech-application-workspace-shell [appId]=\"id\" activeTab=\"overview\" [showEditButton]=\"true\">\n  @if (facade.loading()) {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-10 text-center text-muted-foreground shadow-sm\">Loading application...</section>\n  } @else if (facade.item(); as item) {\n  <section class=\"grid gap-6 xl:grid-cols-2\">\n    <rolatech-platform-detail-panel>\n      <div panel-title>Basic Information</div>\n      <div panel-description>Core application details.</div>\n\n      <div class=\"grid gap-4 md:grid-cols-2\">\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Name</div>\n          <div class=\"font-medium\">{{ item.name }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Code</div>\n          <div class=\"font-medium\">{{ item.code }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Type</div>\n          <div class=\"font-medium\">{{ item.type || '-' }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Status</div>\n          <div class=\"font-medium\">{{ item.status }}</div>\n        </div>\n      </div>\n    </rolatech-platform-detail-panel>\n\n    <rolatech-platform-detail-panel>\n      <div panel-title>Structure Summary</div>\n      <div panel-description>Top-level related resources under this application.</div>\n\n      <div class=\"grid gap-4 md:grid-cols-2\">\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Organizations</div>\n          <div class=\"font-medium\">{{ item.organizationCount }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Roles</div>\n          <div class=\"font-medium\">{{ item.roleCount }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Members</div>\n          <div class=\"font-medium\">{{ item.memberCount }}</div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Created At</div>\n          <div class=\"font-medium\">{{ item.createdAt || '-' }}</div>\n        </div>\n      </div>\n    </rolatech-platform-detail-panel>\n  </section>\n  }\n</rolatech-application-workspace-shell>\n"],"names":[],"mappings":";;;;;;;;MAMa,uBAAuB,CAAA;AACjB,IAAA,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAEvD,IAAA,OAAO,GAAG,MAAM,CAAC,KAAK,mDAAC;AACvB,IAAA,IAAI,GAAG,MAAM,CAAgC,IAAI,gDAAC;AAClD,IAAA,KAAK,GAAG,MAAM,CAAgB,IAAI,iDAAC;IAE5C,MAAM,IAAI,CAAC,EAAU,EAAA;AACnB,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AACtB,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;AACpB,QAAA,IAAI;AACF,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC;QACtF;QAAE,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;AACpB,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;AACnB,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iCAAiC,CAAC;QACnD;gBAAU;AACR,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;QACzB;IACF;uGAnBW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;2GAAvB,uBAAuB,EAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBADnC;;;MCSY,iBAAiB,CAAA;AACnB,IAAA,MAAM,GAAG,MAAM,CAAC,uBAAuB,CAAC;AAChC,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAEtC,IAAA,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE;IAEvG,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,EAAE,EAAE;YACX,KAAK,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QAChC;IACF;uGAVW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,SAAA,EAFjB,CAAC,uBAAuB,CAAC,0BCZtC,6wEA6DA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDpDY,yBAAyB,EAAA,QAAA,EAAA,sCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,WAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,mBAAmB,EAAA,QAAA,EAAA,gCAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAK7C,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,6BAA6B,EAAA,UAAA,EAC3B,IAAI,EAAA,OAAA,EACP,CAAC,yBAAyB,EAAE,mBAAmB,CAAC,EAAA,eAAA,EAExC,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC,CAAC,uBAAuB,CAAC,EAAA,QAAA,EAAA,6wEAAA,EAAA;;;;;"}

package/fesm2022/rolatech-angular-platform-application-member-detail-D3ESzMBX.mjs

@@ -0,0 +1,72 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, Injectable, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
+import { PlatformStatCard, PlatformDetailPanel } from './rolatech-angular-platform.mjs';
+import { firstValueFrom } from 'rxjs';
+import { ApplicationService } from '@rolatech/angular-services';
+import { A as ApplicationWorkspaceShell } from './rolatech-angular-platform-application-workspace-shell-MPkdKJ2X.mjs';
+
+class ApplicationMemberDetailFacade {
+    applicationService = inject(ApplicationService);
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    item = signal(null, ...(ngDevMode ? [{ debugName: "item" }] : []));
+    displayName = computed(() => {
+        const item = this.item();
+        if (!item) {
+            return '';
+        }
+        return item.name || item.fullName || [item.firstName, item.lastName].filter(Boolean).join(' ').trim() || item.username || item.email || item.memberId;
+    }, ...(ngDevMode ? [{ debugName: "displayName" }] : []));
+    organizationCount = computed(() => this.item()?.organizations?.length ?? this.item()?.organizationCount ?? 0, ...(ngDevMode ? [{ debugName: "organizationCount" }] : []));
+    applicationRoleCount = computed(() => this.item()?.applicationRoles?.length ?? this.item()?.roles.length ?? 0, ...(ngDevMode ? [{ debugName: "applicationRoleCount" }] : []));
+    platformRoleCount = computed(() => this.item()?.platformRoles?.length ?? 0, ...(ngDevMode ? [{ debugName: "platformRoleCount" }] : []));
+    permissionCount = computed(() => this.item()?.permissions?.length ?? 0, ...(ngDevMode ? [{ debugName: "permissionCount" }] : []));
+    async load(appId, memberId) {
+        if (!appId || !memberId) {
+            this.item.set(null);
+            this.error.set('Member context is missing.');
+            return;
+        }
+        this.loading.set(true);
+        this.error.set(null);
+        try {
+            this.item.set(await firstValueFrom(this.applicationService.findApplicationMemberById(appId, memberId)));
+        }
+        catch (error) {
+            console.error(error);
+            this.item.set(null);
+            this.error.set('Unable to load application member details.');
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationMemberDetailFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationMemberDetailFacade });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationMemberDetailFacade, decorators: [{
+            type: Injectable
+        }] });
+
+class ApplicationMemberDetail {
+    facade = inject(ApplicationMemberDetailFacade);
+    route = inject(ActivatedRoute);
+    appId = this.route.snapshot.paramMap.get('appId') ?? '';
+    memberId = this.route.snapshot.paramMap.get('memberId') ?? '';
+    ngOnInit() {
+        void this.facade.load(this.appId, this.memberId);
+    }
+    verificationLabel(value) {
+        return value ? 'Verified' : 'Pending';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationMemberDetail, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: ApplicationMemberDetail, isStandalone: true, selector: "rolatech-application-member-detail", providers: [ApplicationMemberDetailFacade], ngImport: i0, template: "<rolatech-application-workspace-shell [appId]=\"appId\" activeTab=\"members\" sectionTitle=\"Member Detail\">\n  @if (facade.loading()) {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-10 text-center text-muted-foreground shadow-sm\">Loading member...</section>\n  } @else if (facade.item(); as item) {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-6 shadow-sm\">\n    <div class=\"flex flex-wrap items-start justify-between gap-4\">\n      <div class=\"space-y-2\">\n        <div class=\"flex items-center gap-2 text-sm text-muted-foreground\">\n          <a [routerLink]=\"['/platform/applications', appId, 'members']\" class=\"hover:underline cursor-pointer\">Members</a>\n          <span>/</span>\n          <span>{{ facade.displayName() }}</span>\n        </div>\n\n        <div>\n          <h2 class=\"text-xl font-semibold tracking-tight\">{{ facade.displayName() }}</h2>\n          <div class=\"mt-1 text-sm text-muted-foreground\">@if (item.username) { &#64;{{ item.username }} } @else { {{ item.userId || item.memberId }} }</div>\n        </div>\n\n        <div class=\"flex flex-wrap gap-2\">\n          <span class=\"inline-flex rounded-full border border-(--rt-border-color) px-2.5 py-1 text-xs\">{{ item.status || 'UNKNOWN' }}</span>\n          @for (role of item.applicationRoles ?? item.roles; track role) {\n          <span class=\"inline-flex rounded-full border border-(--rt-border-color) px-2.5 py-1 text-xs\">{{ role }}</span>\n          }\n        </div>\n      </div>\n\n      <a\n        [routerLink]=\"['/platform/applications', appId, 'members']\"\n        class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium cursor-pointer\"\n      >\n        Back to Members\n      </a>\n    </div>\n  </section>\n\n  <section class=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n    <rolatech-platform-stat-card>\n      <div stat-label>Organizations</div>\n      <div stat-value>{{ facade.organizationCount() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Application Roles</div>\n      <div stat-value>{{ facade.applicationRoleCount() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Platform Roles</div>\n      <div stat-value>{{ facade.platformRoleCount() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Permissions</div>\n      <div stat-value>{{ facade.permissionCount() }}</div>\n    </rolatech-platform-stat-card>\n  </section>\n\n  <section class=\"grid gap-6 xl:grid-cols-2\">\n    <rolatech-platform-detail-panel>\n      <div panel-title>Basic Information</div>\n      <div panel-description>Primary user identity and contact details.</div>\n\n      <div class=\"grid gap-4 md:grid-cols-2\">\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Member ID</div>\n          <div class=\"font-medium break-all\">{{ item.memberId }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">User ID</div>\n          <div class=\"font-medium break-all\">{{ item.userId || '\u2014' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">First Name</div>\n          <div class=\"font-medium\">{{ item.firstName || '\u2014' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Last Name</div>\n          <div class=\"font-medium\">{{ item.lastName || '\u2014' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Email</div>\n          <div class=\"font-medium\">{{ item.email || '\u2014' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Phone</div>\n          <div class=\"font-medium\">{{ item.phone || '\u2014' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Joined At</div>\n          <div class=\"font-medium\">{{ item.joinedAt || '\u2014' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Status</div>\n          <div class=\"font-medium\">{{ item.status || 'UNKNOWN' }}</div>\n        </div>\n      </div>\n    </rolatech-platform-detail-panel>\n\n    <rolatech-platform-detail-panel>\n      <div panel-title>Verification</div>\n      <div panel-description>Contact and identity verification state returned by the API.</div>\n\n      <div class=\"grid gap-4 md:grid-cols-2\">\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Email Verification</div>\n          <div class=\"font-medium\">{{ verificationLabel(item.verification?.emailVerified) }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Phone Verification</div>\n          <div class=\"font-medium\">{{ verificationLabel(item.verification?.phoneVerified) }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Identity Verification</div>\n          <div class=\"font-medium\">{{ verificationLabel(item.verification?.identityVerified) }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Verification Status</div>\n          <div class=\"font-medium\">{{ item.verification?.status || '\u2014' }}</div>\n        </div>\n      </div>\n    </rolatech-platform-detail-panel>\n  </section>\n\n  <section class=\"grid gap-6 xl:grid-cols-2\">\n    <rolatech-platform-detail-panel>\n      <div panel-title>Application Access</div>\n      <div panel-description>Application-level and inherited platform roles for this member.</div>\n\n      <div class=\"space-y-4\">\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Application Roles</div>\n          <div class=\"mt-2 flex flex-wrap gap-2\">\n            @for (role of item.applicationRoles ?? item.roles; track role) {\n            <span class=\"rt-platform-chip\">{{ role }}</span>\n            } @if (!((item.applicationRoles ?? item.roles).length)) {\n            <span class=\"text-sm text-muted-foreground\">No application roles returned.</span>\n            }\n          </div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Platform Roles</div>\n          <div class=\"mt-2 flex flex-wrap gap-2\">\n            @for (role of item.platformRoles ?? []; track role) {\n            <span class=\"rt-platform-chip\">{{ role }}</span>\n            } @if (!(item.platformRoles?.length)) {\n            <span class=\"text-sm text-muted-foreground\">No platform roles returned.</span>\n            }\n          </div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Permissions</div>\n          <div class=\"mt-2 flex flex-wrap gap-2\">\n            @for (permission of (item.permissions ?? []).slice(0, 12); track permission) {\n            <span class=\"rt-platform-chip\">{{ permission }}</span>\n            } @if (!(item.permissions?.length)) {\n            <span class=\"text-sm text-muted-foreground\">No permission details returned.</span>\n            } @if ((item.permissions?.length ?? 0) > 12) {\n            <span class=\"text-sm text-muted-foreground\">+{{ (item.permissions?.length ?? 0) - 12 }} more</span>\n            }\n          </div>\n        </div>\n      </div>\n    </rolatech-platform-detail-panel>\n\n    <rolatech-platform-detail-panel>\n      <div panel-title>Organization Memberships</div>\n      <div panel-description>Organizations this member belongs to inside the application.</div>\n\n      <div class=\"space-y-3\">\n        @for (organization of item.organizations ?? []; track organization.orgId) {\n        <a class=\"rt-platform-link-block cursor-pointer\" [routerLink]=\"['/platform/organizations', organization.orgId]\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <div class=\"min-w-0\">\n              <div class=\"font-medium\">{{ organization.orgName || organization.orgCode || organization.orgId }}</div>\n              <div class=\"text-sm text-muted-foreground break-all\">{{ organization.orgId }}</div>\n            </div>\n            <div class=\"text-sm text-muted-foreground\">{{ organization.roles.length }} roles</div>\n          </div>\n\n          <div class=\"mt-3 flex flex-wrap gap-2\">\n            @for (role of organization.roles; track role) {\n            <span class=\"rt-platform-chip\">{{ role }}</span>\n            } @if (organization.roles.length === 0) {\n            <span class=\"text-sm text-muted-foreground\">No organization roles</span>\n            }\n          </div>\n        </a>\n        } @if (!(item.organizations?.length)) {\n        <div class=\"rounded-2xl border border-(--rt-border-color) border-dashed p-4 text-sm text-muted-foreground\">\n          No organization memberships returned.\n        </div>\n        }\n      </div>\n    </rolatech-platform-detail-panel>\n  </section>\n  } @else {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-10 text-center text-muted-foreground shadow-sm\">\n    Application member not found.\n  </section>\n  }\n</rolatech-application-workspace-shell>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ApplicationWorkspaceShell, selector: "rolatech-application-workspace-shell", inputs: ["appId", "activeTab", "sectionTitle", "sectionDescription", "showEditButton"] }, { kind: "component", type: PlatformStatCard, selector: "rolatech-platform-stat-card" }, { kind: "component", type: PlatformDetailPanel, selector: "rolatech-platform-detail-panel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationMemberDetail, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-application-member-detail', standalone: true, imports: [RouterLink, ApplicationWorkspaceShell, PlatformStatCard, PlatformDetailPanel], changeDetection: ChangeDetectionStrategy.OnPush, providers: [ApplicationMemberDetailFacade], template: "<rolatech-application-workspace-shell [appId]=\"appId\" activeTab=\"members\" sectionTitle=\"Member Detail\">\n  @if (facade.loading()) {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-10 text-center text-muted-foreground shadow-sm\">Loading member...</section>\n  } @else if (facade.item(); as item) {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-6 shadow-sm\">\n    <div class=\"flex flex-wrap items-start justify-between gap-4\">\n      <div class=\"space-y-2\">\n        <div class=\"flex items-center gap-2 text-sm text-muted-foreground\">\n          <a [routerLink]=\"['/platform/applications', appId, 'members']\" class=\"hover:underline cursor-pointer\">Members</a>\n          <span>/</span>\n          <span>{{ facade.displayName() }}</span>\n        </div>\n\n        <div>\n          <h2 class=\"text-xl font-semibold tracking-tight\">{{ facade.displayName() }}</h2>\n          <div class=\"mt-1 text-sm text-muted-foreground\">@if (item.username) { &#64;{{ item.username }} } @else { {{ item.userId || item.memberId }} }</div>\n        </div>\n\n        <div class=\"flex flex-wrap gap-2\">\n          <span class=\"inline-flex rounded-full border border-(--rt-border-color) px-2.5 py-1 text-xs\">{{ item.status || 'UNKNOWN' }}</span>\n          @for (role of item.applicationRoles ?? item.roles; track role) {\n          <span class=\"inline-flex rounded-full border border-(--rt-border-color) px-2.5 py-1 text-xs\">{{ role }}</span>\n          }\n        </div>\n      </div>\n\n      <a\n        [routerLink]=\"['/platform/applications', appId, 'members']\"\n        class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium cursor-pointer\"\n      >\n        Back to Members\n      </a>\n    </div>\n  </section>\n\n  <section class=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n    <rolatech-platform-stat-card>\n      <div stat-label>Organizations</div>\n      <div stat-value>{{ facade.organizationCount() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Application Roles</div>\n      <div stat-value>{{ facade.applicationRoleCount() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Platform Roles</div>\n      <div stat-value>{{ facade.platformRoleCount() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Permissions</div>\n      <div stat-value>{{ facade.permissionCount() }}</div>\n    </rolatech-platform-stat-card>\n  </section>\n\n  <section class=\"grid gap-6 xl:grid-cols-2\">\n    <rolatech-platform-detail-panel>\n      <div panel-title>Basic Information</div>\n      <div panel-description>Primary user identity and contact details.</div>\n\n      <div class=\"grid gap-4 md:grid-cols-2\">\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Member ID</div>\n          <div class=\"font-medium break-all\">{{ item.memberId }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">User ID</div>\n          <div class=\"font-medium break-all\">{{ item.userId || '\u2014' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">First Name</div>\n          <div class=\"font-medium\">{{ item.firstName || '\u2014' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Last Name</div>\n          <div class=\"font-medium\">{{ item.lastName || '\u2014' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Email</div>\n          <div class=\"font-medium\">{{ item.email || '\u2014' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Phone</div>\n          <div class=\"font-medium\">{{ item.phone || '\u2014' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Joined At</div>\n          <div class=\"font-medium\">{{ item.joinedAt || '\u2014' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Status</div>\n          <div class=\"font-medium\">{{ item.status || 'UNKNOWN' }}</div>\n        </div>\n      </div>\n    </rolatech-platform-detail-panel>\n\n    <rolatech-platform-detail-panel>\n      <div panel-title>Verification</div>\n      <div panel-description>Contact and identity verification state returned by the API.</div>\n\n      <div class=\"grid gap-4 md:grid-cols-2\">\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Email Verification</div>\n          <div class=\"font-medium\">{{ verificationLabel(item.verification?.emailVerified) }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Phone Verification</div>\n          <div class=\"font-medium\">{{ verificationLabel(item.verification?.phoneVerified) }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Identity Verification</div>\n          <div class=\"font-medium\">{{ verificationLabel(item.verification?.identityVerified) }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Verification Status</div>\n          <div class=\"font-medium\">{{ item.verification?.status || '\u2014' }}</div>\n        </div>\n      </div>\n    </rolatech-platform-detail-panel>\n  </section>\n\n  <section class=\"grid gap-6 xl:grid-cols-2\">\n    <rolatech-platform-detail-panel>\n      <div panel-title>Application Access</div>\n      <div panel-description>Application-level and inherited platform roles for this member.</div>\n\n      <div class=\"space-y-4\">\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Application Roles</div>\n          <div class=\"mt-2 flex flex-wrap gap-2\">\n            @for (role of item.applicationRoles ?? item.roles; track role) {\n            <span class=\"rt-platform-chip\">{{ role }}</span>\n            } @if (!((item.applicationRoles ?? item.roles).length)) {\n            <span class=\"text-sm text-muted-foreground\">No application roles returned.</span>\n            }\n          </div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Platform Roles</div>\n          <div class=\"mt-2 flex flex-wrap gap-2\">\n            @for (role of item.platformRoles ?? []; track role) {\n            <span class=\"rt-platform-chip\">{{ role }}</span>\n            } @if (!(item.platformRoles?.length)) {\n            <span class=\"text-sm text-muted-foreground\">No platform roles returned.</span>\n            }\n          </div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Permissions</div>\n          <div class=\"mt-2 flex flex-wrap gap-2\">\n            @for (permission of (item.permissions ?? []).slice(0, 12); track permission) {\n            <span class=\"rt-platform-chip\">{{ permission }}</span>\n            } @if (!(item.permissions?.length)) {\n            <span class=\"text-sm text-muted-foreground\">No permission details returned.</span>\n            } @if ((item.permissions?.length ?? 0) > 12) {\n            <span class=\"text-sm text-muted-foreground\">+{{ (item.permissions?.length ?? 0) - 12 }} more</span>\n            }\n          </div>\n        </div>\n      </div>\n    </rolatech-platform-detail-panel>\n\n    <rolatech-platform-detail-panel>\n      <div panel-title>Organization Memberships</div>\n      <div panel-description>Organizations this member belongs to inside the application.</div>\n\n      <div class=\"space-y-3\">\n        @for (organization of item.organizations ?? []; track organization.orgId) {\n        <a class=\"rt-platform-link-block cursor-pointer\" [routerLink]=\"['/platform/organizations', organization.orgId]\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <div class=\"min-w-0\">\n              <div class=\"font-medium\">{{ organization.orgName || organization.orgCode || organization.orgId }}</div>\n              <div class=\"text-sm text-muted-foreground break-all\">{{ organization.orgId }}</div>\n            </div>\n            <div class=\"text-sm text-muted-foreground\">{{ organization.roles.length }} roles</div>\n          </div>\n\n          <div class=\"mt-3 flex flex-wrap gap-2\">\n            @for (role of organization.roles; track role) {\n            <span class=\"rt-platform-chip\">{{ role }}</span>\n            } @if (organization.roles.length === 0) {\n            <span class=\"text-sm text-muted-foreground\">No organization roles</span>\n            }\n          </div>\n        </a>\n        } @if (!(item.organizations?.length)) {\n        <div class=\"rounded-2xl border border-(--rt-border-color) border-dashed p-4 text-sm text-muted-foreground\">\n          No organization memberships returned.\n        </div>\n        }\n      </div>\n    </rolatech-platform-detail-panel>\n  </section>\n  } @else {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-10 text-center text-muted-foreground shadow-sm\">\n    Application member not found.\n  </section>\n  }\n</rolatech-application-workspace-shell>\n" }]
+        }] });
+
+export { ApplicationMemberDetail };
+//# sourceMappingURL=rolatech-angular-platform-application-member-detail-D3ESzMBX.mjs.map

package/fesm2022/rolatech-angular-platform-application-member-detail-D3ESzMBX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-platform-application-member-detail-D3ESzMBX.mjs","sources":["../../../../packages/angular-platform/src/lib/store/application-member-detail.facade.ts","../../../../packages/angular-platform/src/lib/pages/application/application-member-detail/application-member-detail.ts","../../../../packages/angular-platform/src/lib/pages/application/application-member-detail/application-member-detail.html"],"sourcesContent":["import { Injectable, computed, inject, signal } from '@angular/core';\nimport { firstValueFrom } from 'rxjs';\nimport { ApplicationMemberDetailResponse, ApplicationService } from '@rolatech/angular-services';\n\n@Injectable()\nexport class ApplicationMemberDetailFacade {\n  private readonly applicationService = inject(ApplicationService);\n\n  readonly loading = signal(false);\n  readonly error = signal<string | null>(null);\n  readonly item = signal<ApplicationMemberDetailResponse | null>(null);\n\n  readonly displayName = computed(() => {\n    const item = this.item();\n    if (!item) {\n      return '';\n    }\n\n    return item.name || item.fullName || [item.firstName, item.lastName].filter(Boolean).join(' ').trim() || item.username || item.email || item.memberId;\n  });\n\n  readonly organizationCount = computed(() => this.item()?.organizations?.length ?? this.item()?.organizationCount ?? 0);\n  readonly applicationRoleCount = computed(() => this.item()?.applicationRoles?.length ?? this.item()?.roles.length ?? 0);\n  readonly platformRoleCount = computed(() => this.item()?.platformRoles?.length ?? 0);\n  readonly permissionCount = computed(() => this.item()?.permissions?.length ?? 0);\n\n  async load(appId: string, memberId: string): Promise<void> {\n    if (!appId || !memberId) {\n      this.item.set(null);\n      this.error.set('Member context is missing.');\n      return;\n    }\n\n    this.loading.set(true);\n    this.error.set(null);\n\n    try {\n      this.item.set(await firstValueFrom(this.applicationService.findApplicationMemberById(appId, memberId)));\n    } catch (error) {\n      console.error(error);\n      this.item.set(null);\n      this.error.set('Unable to load application member details.');\n    } finally {\n      this.loading.set(false);\n    }\n  }\n}\n","import { ChangeDetectionStrategy, Component, OnInit, inject } from '@angular/core';\nimport { ActivatedRoute, RouterLink } from '@angular/router';\nimport {\n  PlatformDetailPanel,\n  PlatformStatCard,\n} from '../../../shared';\nimport { ApplicationMemberDetailFacade } from '../../../store/application-member-detail.facade';\nimport { ApplicationWorkspaceShell } from '../application-workspace-shell/application-workspace-shell';\n\n@Component({\n  selector: 'rolatech-application-member-detail',\n  standalone: true,\n  imports: [RouterLink, ApplicationWorkspaceShell, PlatformStatCard, PlatformDetailPanel],\n  templateUrl: './application-member-detail.html',\n  styleUrl: './application-member-detail.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [ApplicationMemberDetailFacade],\n})\nexport class ApplicationMemberDetail implements OnInit {\n  readonly facade = inject(ApplicationMemberDetailFacade);\n  private readonly route = inject(ActivatedRoute);\n\n  readonly appId = this.route.snapshot.paramMap.get('appId') ?? '';\n  readonly memberId = this.route.snapshot.paramMap.get('memberId') ?? '';\n\n  ngOnInit(): void {\n    void this.facade.load(this.appId, this.memberId);\n  }\n\n  verificationLabel(value: boolean | null | undefined): string {\n    return value ? 'Verified' : 'Pending';\n  }\n}\n","<rolatech-application-workspace-shell [appId]=\"appId\" activeTab=\"members\" sectionTitle=\"Member Detail\">\n  @if (facade.loading()) {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-10 text-center text-muted-foreground shadow-sm\">Loading member...</section>\n  } @else if (facade.item(); as item) {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-6 shadow-sm\">\n    <div class=\"flex flex-wrap items-start justify-between gap-4\">\n      <div class=\"space-y-2\">\n        <div class=\"flex items-center gap-2 text-sm text-muted-foreground\">\n          <a [routerLink]=\"['/platform/applications', appId, 'members']\" class=\"hover:underline cursor-pointer\">Members</a>\n          <span>/</span>\n          <span>{{ facade.displayName() }}</span>\n        </div>\n\n        <div>\n          <h2 class=\"text-xl font-semibold tracking-tight\">{{ facade.displayName() }}</h2>\n          <div class=\"mt-1 text-sm text-muted-foreground\">@if (item.username) { &#64;{{ item.username }} } @else { {{ item.userId || item.memberId }} }</div>\n        </div>\n\n        <div class=\"flex flex-wrap gap-2\">\n          <span class=\"inline-flex rounded-full border border-(--rt-border-color) px-2.5 py-1 text-xs\">{{ item.status || 'UNKNOWN' }}</span>\n          @for (role of item.applicationRoles ?? item.roles; track role) {\n          <span class=\"inline-flex rounded-full border border-(--rt-border-color) px-2.5 py-1 text-xs\">{{ role }}</span>\n          }\n        </div>\n      </div>\n\n      <a\n        [routerLink]=\"['/platform/applications', appId, 'members']\"\n        class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium cursor-pointer\"\n      >\n        Back to Members\n      </a>\n    </div>\n  </section>\n\n  <section class=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n    <rolatech-platform-stat-card>\n      <div stat-label>Organizations</div>\n      <div stat-value>{{ facade.organizationCount() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Application Roles</div>\n      <div stat-value>{{ facade.applicationRoleCount() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Platform Roles</div>\n      <div stat-value>{{ facade.platformRoleCount() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Permissions</div>\n      <div stat-value>{{ facade.permissionCount() }}</div>\n    </rolatech-platform-stat-card>\n  </section>\n\n  <section class=\"grid gap-6 xl:grid-cols-2\">\n    <rolatech-platform-detail-panel>\n      <div panel-title>Basic Information</div>\n      <div panel-description>Primary user identity and contact details.</div>\n\n      <div class=\"grid gap-4 md:grid-cols-2\">\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Member ID</div>\n          <div class=\"font-medium break-all\">{{ item.memberId }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">User ID</div>\n          <div class=\"font-medium break-all\">{{ item.userId || '—' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">First Name</div>\n          <div class=\"font-medium\">{{ item.firstName || '—' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Last Name</div>\n          <div class=\"font-medium\">{{ item.lastName || '—' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Email</div>\n          <div class=\"font-medium\">{{ item.email || '—' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Phone</div>\n          <div class=\"font-medium\">{{ item.phone || '—' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Joined At</div>\n          <div class=\"font-medium\">{{ item.joinedAt || '—' }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Status</div>\n          <div class=\"font-medium\">{{ item.status || 'UNKNOWN' }}</div>\n        </div>\n      </div>\n    </rolatech-platform-detail-panel>\n\n    <rolatech-platform-detail-panel>\n      <div panel-title>Verification</div>\n      <div panel-description>Contact and identity verification state returned by the API.</div>\n\n      <div class=\"grid gap-4 md:grid-cols-2\">\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Email Verification</div>\n          <div class=\"font-medium\">{{ verificationLabel(item.verification?.emailVerified) }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Phone Verification</div>\n          <div class=\"font-medium\">{{ verificationLabel(item.verification?.phoneVerified) }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Identity Verification</div>\n          <div class=\"font-medium\">{{ verificationLabel(item.verification?.identityVerified) }}</div>\n        </div>\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Verification Status</div>\n          <div class=\"font-medium\">{{ item.verification?.status || '—' }}</div>\n        </div>\n      </div>\n    </rolatech-platform-detail-panel>\n  </section>\n\n  <section class=\"grid gap-6 xl:grid-cols-2\">\n    <rolatech-platform-detail-panel>\n      <div panel-title>Application Access</div>\n      <div panel-description>Application-level and inherited platform roles for this member.</div>\n\n      <div class=\"space-y-4\">\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Application Roles</div>\n          <div class=\"mt-2 flex flex-wrap gap-2\">\n            @for (role of item.applicationRoles ?? item.roles; track role) {\n            <span class=\"rt-platform-chip\">{{ role }}</span>\n            } @if (!((item.applicationRoles ?? item.roles).length)) {\n            <span class=\"text-sm text-muted-foreground\">No application roles returned.</span>\n            }\n          </div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Platform Roles</div>\n          <div class=\"mt-2 flex flex-wrap gap-2\">\n            @for (role of item.platformRoles ?? []; track role) {\n            <span class=\"rt-platform-chip\">{{ role }}</span>\n            } @if (!(item.platformRoles?.length)) {\n            <span class=\"text-sm text-muted-foreground\">No platform roles returned.</span>\n            }\n          </div>\n        </div>\n\n        <div>\n          <div class=\"text-xs text-muted-foreground\">Permissions</div>\n          <div class=\"mt-2 flex flex-wrap gap-2\">\n            @for (permission of (item.permissions ?? []).slice(0, 12); track permission) {\n            <span class=\"rt-platform-chip\">{{ permission }}</span>\n            } @if (!(item.permissions?.length)) {\n            <span class=\"text-sm text-muted-foreground\">No permission details returned.</span>\n            } @if ((item.permissions?.length ?? 0) > 12) {\n            <span class=\"text-sm text-muted-foreground\">+{{ (item.permissions?.length ?? 0) - 12 }} more</span>\n            }\n          </div>\n        </div>\n      </div>\n    </rolatech-platform-detail-panel>\n\n    <rolatech-platform-detail-panel>\n      <div panel-title>Organization Memberships</div>\n      <div panel-description>Organizations this member belongs to inside the application.</div>\n\n      <div class=\"space-y-3\">\n        @for (organization of item.organizations ?? []; track organization.orgId) {\n        <a class=\"rt-platform-link-block cursor-pointer\" [routerLink]=\"['/platform/organizations', organization.orgId]\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <div class=\"min-w-0\">\n              <div class=\"font-medium\">{{ organization.orgName || organization.orgCode || organization.orgId }}</div>\n              <div class=\"text-sm text-muted-foreground break-all\">{{ organization.orgId }}</div>\n            </div>\n            <div class=\"text-sm text-muted-foreground\">{{ organization.roles.length }} roles</div>\n          </div>\n\n          <div class=\"mt-3 flex flex-wrap gap-2\">\n            @for (role of organization.roles; track role) {\n            <span class=\"rt-platform-chip\">{{ role }}</span>\n            } @if (organization.roles.length === 0) {\n            <span class=\"text-sm text-muted-foreground\">No organization roles</span>\n            }\n          </div>\n        </a>\n        } @if (!(item.organizations?.length)) {\n        <div class=\"rounded-2xl border border-(--rt-border-color) border-dashed p-4 text-sm text-muted-foreground\">\n          No organization memberships returned.\n        </div>\n        }\n      </div>\n    </rolatech-platform-detail-panel>\n  </section>\n  } @else {\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card p-10 text-center text-muted-foreground shadow-sm\">\n    Application member not found.\n  </section>\n  }\n</rolatech-application-workspace-shell>\n"],"names":[],"mappings":"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"}