@rolatech/angular-platform 20.3.0-beta.2

package/README.md

@@ -0,0 +1,3 @@
+# angular-platform
+
+This library was generated with [Nx](https://nx.dev).

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

@@ -0,0 +1,129 @@
+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';
+
+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');
+    get isEdit() {
+        return !!this.id;
+    }
+    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();
+        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: "<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", dependencies: [{ 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: [PlatformPageHeader, PlatformDetailPanel, PlatformStickyActionBar], changeDetection: ChangeDetectionStrategy.OnPush, providers: [ApplicationCreateFacade], template: "<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" }]
+        }] });
+
+export { ApplicationCreate };
+//# sourceMappingURL=rolatech-angular-platform-application-create-DqPMquaO.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-platform-application-create-DqPMquaO.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';\n\n@Component({\n  selector: 'rolatech-application-create',\n  standalone: true,\n  imports: [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\n  get isEdit(): boolean {\n    return !!this.id;\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    await this.router.navigate(['../'], { relativeTo: this.route });\n  }\n}\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"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,54 @@
+import * as i0 from '@angular/core';
+import { inject, signal, Injectable, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
+import { platformStatusLabel, PlatformPageHeader, PlatformDetailPanel, PlatformStatCard, PlatformTabs, PlatformStatusBadge } from './rolatech-angular-platform.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);
+    statusLabel = platformStatusLabel;
+    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: "<section class=\"rt-platform-theme flex flex-col gap-6 bg-(--rt-base-background) p-6 text-(--rt-text-primary)\">\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  <rolatech-platform-page-header>\n    <div header-left class=\"space-y-2\">\n      <div class=\"flex items-center gap-2 text-sm text-muted-foreground\">\n        <a routerLink=\"../\" class=\"hover:underline cursor-pointer\">Applications</a>\n        <span>/</span>\n        <span>{{ item.name }}</span>\n      </div>\n\n      <div>\n        <h1 class=\"text-2xl font-semibold tracking-tight\">{{ item.name }}</h1>\n        <div class=\"mt-1 text-sm text-muted-foreground\">{{ item.code }}</div>\n      </div>\n\n      @if (item.description) {\n      <p class=\"max-w-3xl text-sm text-muted-foreground\">{{ item.description }}</p>\n      }\n\n      <div class=\"flex flex-wrap gap-2\">\n        <rolatech-platform-status-badge [status]=\"item.status\" />\n        @if (item.type) {\n        <span class=\"inline-flex rounded-full border border-(--rt-border-color) px-2 py-1 text-xs\"> {{ item.type }} </span>\n        }\n      </div>\n    </div>\n\n    <div header-actions>\n      <a routerLink=\"./edit\" class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium cursor-pointer\">\n        Edit Application\n      </a>\n    </div>\n  </rolatech-platform-page-header>\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>{{ item.organizationCount }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Roles</div>\n      <div stat-value>{{ item.roleCount }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Members</div>\n      <div stat-value>{{ item.memberCount }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Updated</div>\n      <div stat-value class=\"text-sm\">{{ item.updatedAt || '-' }}</div>\n    </rolatech-platform-stat-card>\n  </section>\n\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card shadow-sm\">\n    <rolatech-platform-tabs>\n      <a routerLink=\"./\" class=\"rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium cursor-pointer\"> Overview </a>\n\n      <a routerLink=\"./organizations\" class=\"rounded-xl px-4 py-2 text-sm font-medium cursor-pointer\"> Organizations </a>\n\n      <a routerLink=\"./roles\" class=\"rounded-xl px-4 py-2 text-sm font-medium cursor-pointer\"> Roles </a>\n\n      <a routerLink=\"./settings\" class=\"rounded-xl px-4 py-2 text-sm font-medium cursor-pointer\"> Settings </a>\n    </rolatech-platform-tabs>\n\n    <div class=\"grid gap-6 p-4 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\">{{ statusLabel(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    </div>\n  </section>\n  }\n</section>\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: PlatformPageHeader, selector: "rolatech-platform-page-header" }, { kind: "component", type: PlatformDetailPanel, selector: "rolatech-platform-detail-panel" }, { kind: "component", type: PlatformStatCard, selector: "rolatech-platform-stat-card" }, { kind: "component", type: PlatformTabs, selector: "rolatech-platform-tabs" }, { kind: "component", type: PlatformStatusBadge, selector: "rolatech-platform-status-badge", inputs: ["status"] }], 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: [RouterLink, PlatformPageHeader, PlatformDetailPanel, PlatformStatCard, PlatformTabs, PlatformStatusBadge], changeDetection: ChangeDetectionStrategy.OnPush, providers: [ApplicationDetailFacade], template: "<section class=\"rt-platform-theme flex flex-col gap-6 bg-(--rt-base-background) p-6 text-(--rt-text-primary)\">\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  <rolatech-platform-page-header>\n    <div header-left class=\"space-y-2\">\n      <div class=\"flex items-center gap-2 text-sm text-muted-foreground\">\n        <a routerLink=\"../\" class=\"hover:underline cursor-pointer\">Applications</a>\n        <span>/</span>\n        <span>{{ item.name }}</span>\n      </div>\n\n      <div>\n        <h1 class=\"text-2xl font-semibold tracking-tight\">{{ item.name }}</h1>\n        <div class=\"mt-1 text-sm text-muted-foreground\">{{ item.code }}</div>\n      </div>\n\n      @if (item.description) {\n      <p class=\"max-w-3xl text-sm text-muted-foreground\">{{ item.description }}</p>\n      }\n\n      <div class=\"flex flex-wrap gap-2\">\n        <rolatech-platform-status-badge [status]=\"item.status\" />\n        @if (item.type) {\n        <span class=\"inline-flex rounded-full border border-(--rt-border-color) px-2 py-1 text-xs\"> {{ item.type }} </span>\n        }\n      </div>\n    </div>\n\n    <div header-actions>\n      <a routerLink=\"./edit\" class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium cursor-pointer\">\n        Edit Application\n      </a>\n    </div>\n  </rolatech-platform-page-header>\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>{{ item.organizationCount }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Roles</div>\n      <div stat-value>{{ item.roleCount }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Members</div>\n      <div stat-value>{{ item.memberCount }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Updated</div>\n      <div stat-value class=\"text-sm\">{{ item.updatedAt || '-' }}</div>\n    </rolatech-platform-stat-card>\n  </section>\n\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card shadow-sm\">\n    <rolatech-platform-tabs>\n      <a routerLink=\"./\" class=\"rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium cursor-pointer\"> Overview </a>\n\n      <a routerLink=\"./organizations\" class=\"rounded-xl px-4 py-2 text-sm font-medium cursor-pointer\"> Organizations </a>\n\n      <a routerLink=\"./roles\" class=\"rounded-xl px-4 py-2 text-sm font-medium cursor-pointer\"> Roles </a>\n\n      <a routerLink=\"./settings\" class=\"rounded-xl px-4 py-2 text-sm font-medium cursor-pointer\"> Settings </a>\n    </rolatech-platform-tabs>\n\n    <div class=\"grid gap-6 p-4 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\">{{ statusLabel(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    </div>\n  </section>\n  }\n</section>\n" }]
+        }] });
+
+export { ApplicationDetail };
+//# sourceMappingURL=rolatech-angular-platform-application-detail-BoITs_yE.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-platform-application-detail-BoITs_yE.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, RouterLink } from '@angular/router';\nimport { PlatformPageHeader, PlatformDetailPanel, PlatformStatCard, PlatformTabs, PlatformStatusBadge } from '../../../shared';\nimport { ApplicationDetailFacade } from '../../../store/application-detail.facade';\nimport { platformStatusLabel } from '../../../ui/platform-label';\n\n@Component({\n  selector: 'rolatech-application-detail',\n  standalone: true,\n  imports: [RouterLink, PlatformPageHeader, PlatformDetailPanel, PlatformStatCard, PlatformTabs, PlatformStatusBadge],\n  templateUrl: './application-detail.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [ApplicationDetailFacade],\n})\nexport class ApplicationDetail implements OnInit {\n  readonly facade = inject(ApplicationDetailFacade);\n  readonly statusLabel = platformStatusLabel;\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","<section class=\"rt-platform-theme flex flex-col gap-6 bg-(--rt-base-background) p-6 text-(--rt-text-primary)\">\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  <rolatech-platform-page-header>\n    <div header-left class=\"space-y-2\">\n      <div class=\"flex items-center gap-2 text-sm text-muted-foreground\">\n        <a routerLink=\"../\" class=\"hover:underline cursor-pointer\">Applications</a>\n        <span>/</span>\n        <span>{{ item.name }}</span>\n      </div>\n\n      <div>\n        <h1 class=\"text-2xl font-semibold tracking-tight\">{{ item.name }}</h1>\n        <div class=\"mt-1 text-sm text-muted-foreground\">{{ item.code }}</div>\n      </div>\n\n      @if (item.description) {\n      <p class=\"max-w-3xl text-sm text-muted-foreground\">{{ item.description }}</p>\n      }\n\n      <div class=\"flex flex-wrap gap-2\">\n        <rolatech-platform-status-badge [status]=\"item.status\" />\n        @if (item.type) {\n        <span class=\"inline-flex rounded-full border border-(--rt-border-color) px-2 py-1 text-xs\"> {{ item.type }} </span>\n        }\n      </div>\n    </div>\n\n    <div header-actions>\n      <a routerLink=\"./edit\" class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium cursor-pointer\">\n        Edit Application\n      </a>\n    </div>\n  </rolatech-platform-page-header>\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>{{ item.organizationCount }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Roles</div>\n      <div stat-value>{{ item.roleCount }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Members</div>\n      <div stat-value>{{ item.memberCount }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Updated</div>\n      <div stat-value class=\"text-sm\">{{ item.updatedAt || '-' }}</div>\n    </rolatech-platform-stat-card>\n  </section>\n\n  <section class=\"rounded-2xl border border-(--rt-border-color) bg-card shadow-sm\">\n    <rolatech-platform-tabs>\n      <a routerLink=\"./\" class=\"rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium cursor-pointer\"> Overview </a>\n\n      <a routerLink=\"./organizations\" class=\"rounded-xl px-4 py-2 text-sm font-medium cursor-pointer\"> Organizations </a>\n\n      <a routerLink=\"./roles\" class=\"rounded-xl px-4 py-2 text-sm font-medium cursor-pointer\"> Roles </a>\n\n      <a routerLink=\"./settings\" class=\"rounded-xl px-4 py-2 text-sm font-medium cursor-pointer\"> Settings </a>\n    </rolatech-platform-tabs>\n\n    <div class=\"grid gap-6 p-4 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\">{{ statusLabel(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    </div>\n  </section>\n  }\n</section>\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;IACxC,WAAW,GAAG,mBAAmB;AACzB,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;uGAXW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,0EAFjB,CAAC,uBAAuB,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZtC,s7JA+HA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDtHY,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,0EAAE,mBAAmB,EAAA,QAAA,EAAA,gCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,QAAA,EAAA,6BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,YAAY,mEAAE,mBAAmB,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAKvG,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;+BACE,6BAA6B,EAAA,UAAA,EAC3B,IAAI,EAAA,OAAA,EACP,CAAC,UAAU,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,YAAY,EAAE,mBAAmB,CAAC,EAAA,eAAA,EAElG,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC,CAAC,uBAAuB,CAAC,EAAA,QAAA,EAAA,s7JAAA,EAAA;;;;;"}

package/fesm2022/rolatech-angular-platform-application-index-BlCbJVDc.mjs

@@ -0,0 +1,82 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, Injectable, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
+import { firstValueFrom } from 'rxjs';
+import { ApplicationService } from '@rolatech/angular-services';
+import { PlatformPageHeader, PlatformStatCard, PlatformFilterPanel, PlatformDataTable, PlatformStatusBadge } from './rolatech-angular-platform.mjs';
+
+class ApplicationIndexFacade {
+    applicationService = inject(ApplicationService);
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    keyword = signal('', ...(ngDevMode ? [{ debugName: "keyword" }] : []));
+    status = signal('ALL', ...(ngDevMode ? [{ debugName: "status" }] : []));
+    filteredItems = computed(() => {
+        const keyword = this.keyword().trim().toLowerCase();
+        const status = this.status();
+        return this.items().filter((item) => {
+            const matchesKeyword = !keyword || item.name.toLowerCase().includes(keyword) || item.code.toLowerCase().includes(keyword);
+            const matchesStatus = status === 'ALL' || item.status === status;
+            return matchesKeyword && matchesStatus;
+        });
+    }, ...(ngDevMode ? [{ debugName: "filteredItems" }] : []));
+    total = computed(() => this.items().length, ...(ngDevMode ? [{ debugName: "total" }] : []));
+    activeCount = computed(() => this.items().filter((x) => x.active).length, ...(ngDevMode ? [{ debugName: "activeCount" }] : []));
+    totalOrganizations = computed(() => this.items().reduce((sum, item) => sum + item.organizationCount, 0), ...(ngDevMode ? [{ debugName: "totalOrganizations" }] : []));
+    totalRoles = computed(() => this.items().reduce((sum, item) => sum + item.roleCount, 0), ...(ngDevMode ? [{ debugName: "totalRoles" }] : []));
+    async load() {
+        this.loading.set(true);
+        this.error.set(null);
+        try {
+            const page = await firstValueFrom(this.applicationService.findApplications());
+            this.items.set(page.items ?? []);
+        }
+        catch (error) {
+            console.error(error);
+            this.items.set([]);
+            this.error.set('Unable to load applications.');
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    setKeyword(value) {
+        this.keyword.set(value);
+    }
+    setStatus(value) {
+        this.status.set(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationIndexFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationIndexFacade });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationIndexFacade, decorators: [{
+            type: Injectable
+        }] });
+
+class ApplicationIndex {
+    facade = inject(ApplicationIndexFacade);
+    route = inject(ActivatedRoute);
+    router = inject(Router);
+    ngOnInit() {
+        void this.facade.load();
+    }
+    onKeywordInput(event) {
+        this.facade.setKeyword(event.target.value);
+    }
+    onStatusChange(event) {
+        this.facade.setStatus(event.target.value);
+    }
+    openDetail(id) {
+        void this.router.navigate([id], { relativeTo: this.route });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationIndex, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: ApplicationIndex, isStandalone: true, selector: "rolatech-application-index", providers: [ApplicationIndexFacade], ngImport: i0, template: "<section class=\"rt-platform-theme flex flex-col gap-6 bg-(--rt-base-background) p-6 text-(--rt-text-primary)\">\n  <rolatech-platform-page-header>\n    <div header-left class=\"space-y-1\">\n      <h1 class=\"text-2xl font-semibold tracking-tight\">Applications</h1>\n      <p class=\"text-sm text-muted-foreground\">Manage platform applications and their structure.</p>\n    </div>\n\n    <div header-actions>\n      <a routerLink=\"./new\" class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium cursor-pointer\">\n        Create Application\n      </a>\n    </div>\n  </rolatech-platform-page-header>\n\n  <section class=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n    <rolatech-platform-stat-card>\n      <div stat-label>Total Applications</div>\n      <div stat-value>{{ facade.total() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Active Applications</div>\n      <div stat-value>{{ facade.activeCount() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Total Organizations</div>\n      <div stat-value>{{ facade.totalOrganizations() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Total Roles</div>\n      <div stat-value>{{ facade.totalRoles() }}</div>\n    </rolatech-platform-stat-card>\n  </section>\n\n  <section class=\"grid gap-6 xl:grid-cols-[320px_minmax(0,1fr)]\">\n    <rolatech-platform-filter-panel>\n      <div filter-title>Filters</div>\n      <div filter-description>Refine visible applications.</div>\n\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Search</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.keyword()\"\n          (input)=\"onKeywordInput($event)\"\n          placeholder=\"Search application name or code\"\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\">Status</span>\n        <select class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\" (change)=\"onStatusChange($event)\">\n          <option value=\"ALL\">All</option>\n          <option value=\"ACTIVE\">Active</option>\n          <option value=\"INACTIVE\">Inactive</option>\n          <option value=\"DRAFT\">Draft</option>\n        </select>\n      </label>\n    </rolatech-platform-filter-panel>\n\n    <rolatech-platform-data-table>\n      <div table-toolbar class=\"flex items-center justify-between gap-3\">\n        <h2 class=\"text-base font-semibold\">Application List</h2>\n        <div class=\"text-sm text-muted-foreground\">{{ facade.filteredItems().length }} items</div>\n      </div>\n\n      <thead class=\"bg-muted/40\">\n        <tr class=\"text-left\">\n          <th class=\"px-4 py-3 font-medium\">Name</th>\n          <th class=\"px-4 py-3 font-medium\">Code</th>\n          <th class=\"px-4 py-3 font-medium\">Type</th>\n          <th class=\"px-4 py-3 font-medium\">Organizations</th>\n          <th class=\"px-4 py-3 font-medium\">Roles</th>\n          <th class=\"px-4 py-3 font-medium\">Status</th>\n          <th class=\"px-4 py-3 font-medium\">Actions</th>\n        </tr>\n      </thead>\n\n      <tbody>\n        @if (facade.loading()) {\n        <tr>\n          <td colspan=\"7\" class=\"px-4 py-10 text-center text-muted-foreground\">Loading applications...</td>\n        </tr>\n        } @else if (facade.filteredItems().length === 0) {\n        <tr>\n          <td colspan=\"7\" class=\"px-4 py-10 text-center text-muted-foreground\">No applications matched your filters.</td>\n        </tr>\n        } @else { @for (item of facade.filteredItems(); track item.id) {\n        <tr class=\"border-t border-(--rt-border-color)\">\n          <td class=\"px-4 py-3 font-medium\">{{ item.name }}</td>\n          <td class=\"px-4 py-3 text-muted-foreground\">{{ item.code }}</td>\n          <td class=\"px-4 py-3\">{{ item.type || '-' }}</td>\n          <td class=\"px-4 py-3\">{{ item.organizationCount }}</td>\n          <td class=\"px-4 py-3\">{{ item.roleCount }}</td>\n          <td class=\"px-4 py-3\">\n            <rolatech-platform-status-badge [status]=\"item.status\" />\n          </td>\n          <td class=\"px-4 py-3\">\n            <button\n              type=\"button\"\n              class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-3 py-2 text-sm font-medium\"\n              (click)=\"openDetail(item.id)\"\n            >\n              View\n            </button>\n          </td>\n        </tr>\n        } }\n      </tbody>\n    </rolatech-platform-data-table>\n  </section>\n</section>\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: PlatformPageHeader, selector: "rolatech-platform-page-header" }, { kind: "component", type: PlatformStatCard, selector: "rolatech-platform-stat-card" }, { kind: "component", type: PlatformFilterPanel, selector: "rolatech-platform-filter-panel" }, { kind: "component", type: PlatformDataTable, selector: "rolatech-platform-data-table" }, { kind: "component", type: PlatformStatusBadge, selector: "rolatech-platform-status-badge", inputs: ["status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationIndex, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-application-index', standalone: true, imports: [RouterLink, PlatformPageHeader, PlatformStatCard, PlatformFilterPanel, PlatformDataTable, PlatformStatusBadge], changeDetection: ChangeDetectionStrategy.OnPush, providers: [ApplicationIndexFacade], template: "<section class=\"rt-platform-theme flex flex-col gap-6 bg-(--rt-base-background) p-6 text-(--rt-text-primary)\">\n  <rolatech-platform-page-header>\n    <div header-left class=\"space-y-1\">\n      <h1 class=\"text-2xl font-semibold tracking-tight\">Applications</h1>\n      <p class=\"text-sm text-muted-foreground\">Manage platform applications and their structure.</p>\n    </div>\n\n    <div header-actions>\n      <a routerLink=\"./new\" class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium cursor-pointer\">\n        Create Application\n      </a>\n    </div>\n  </rolatech-platform-page-header>\n\n  <section class=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n    <rolatech-platform-stat-card>\n      <div stat-label>Total Applications</div>\n      <div stat-value>{{ facade.total() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Active Applications</div>\n      <div stat-value>{{ facade.activeCount() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Total Organizations</div>\n      <div stat-value>{{ facade.totalOrganizations() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Total Roles</div>\n      <div stat-value>{{ facade.totalRoles() }}</div>\n    </rolatech-platform-stat-card>\n  </section>\n\n  <section class=\"grid gap-6 xl:grid-cols-[320px_minmax(0,1fr)]\">\n    <rolatech-platform-filter-panel>\n      <div filter-title>Filters</div>\n      <div filter-description>Refine visible applications.</div>\n\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Search</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.keyword()\"\n          (input)=\"onKeywordInput($event)\"\n          placeholder=\"Search application name or code\"\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\">Status</span>\n        <select class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\" (change)=\"onStatusChange($event)\">\n          <option value=\"ALL\">All</option>\n          <option value=\"ACTIVE\">Active</option>\n          <option value=\"INACTIVE\">Inactive</option>\n          <option value=\"DRAFT\">Draft</option>\n        </select>\n      </label>\n    </rolatech-platform-filter-panel>\n\n    <rolatech-platform-data-table>\n      <div table-toolbar class=\"flex items-center justify-between gap-3\">\n        <h2 class=\"text-base font-semibold\">Application List</h2>\n        <div class=\"text-sm text-muted-foreground\">{{ facade.filteredItems().length }} items</div>\n      </div>\n\n      <thead class=\"bg-muted/40\">\n        <tr class=\"text-left\">\n          <th class=\"px-4 py-3 font-medium\">Name</th>\n          <th class=\"px-4 py-3 font-medium\">Code</th>\n          <th class=\"px-4 py-3 font-medium\">Type</th>\n          <th class=\"px-4 py-3 font-medium\">Organizations</th>\n          <th class=\"px-4 py-3 font-medium\">Roles</th>\n          <th class=\"px-4 py-3 font-medium\">Status</th>\n          <th class=\"px-4 py-3 font-medium\">Actions</th>\n        </tr>\n      </thead>\n\n      <tbody>\n        @if (facade.loading()) {\n        <tr>\n          <td colspan=\"7\" class=\"px-4 py-10 text-center text-muted-foreground\">Loading applications...</td>\n        </tr>\n        } @else if (facade.filteredItems().length === 0) {\n        <tr>\n          <td colspan=\"7\" class=\"px-4 py-10 text-center text-muted-foreground\">No applications matched your filters.</td>\n        </tr>\n        } @else { @for (item of facade.filteredItems(); track item.id) {\n        <tr class=\"border-t border-(--rt-border-color)\">\n          <td class=\"px-4 py-3 font-medium\">{{ item.name }}</td>\n          <td class=\"px-4 py-3 text-muted-foreground\">{{ item.code }}</td>\n          <td class=\"px-4 py-3\">{{ item.type || '-' }}</td>\n          <td class=\"px-4 py-3\">{{ item.organizationCount }}</td>\n          <td class=\"px-4 py-3\">{{ item.roleCount }}</td>\n          <td class=\"px-4 py-3\">\n            <rolatech-platform-status-badge [status]=\"item.status\" />\n          </td>\n          <td class=\"px-4 py-3\">\n            <button\n              type=\"button\"\n              class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-3 py-2 text-sm font-medium\"\n              (click)=\"openDetail(item.id)\"\n            >\n              View\n            </button>\n          </td>\n        </tr>\n        } }\n      </tbody>\n    </rolatech-platform-data-table>\n  </section>\n</section>\n" }]
+        }] });
+
+export { ApplicationIndex };
+//# sourceMappingURL=rolatech-angular-platform-application-index-BlCbJVDc.mjs.map

package/fesm2022/rolatech-angular-platform-application-index-BlCbJVDc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-platform-application-index-BlCbJVDc.mjs","sources":["../../../../packages/angular-platform/src/lib/store/application-index.facade.ts","../../../../packages/angular-platform/src/lib/pages/application/application-index/application-index.ts","../../../../packages/angular-platform/src/lib/pages/application/application-index/application-index.html"],"sourcesContent":["import { Injectable, computed, inject, signal } from '@angular/core';\nimport { firstValueFrom } from 'rxjs';\nimport { ApplicationService } from '@rolatech/angular-services';\nimport { ApplicationSummary } from '../model/application.models';\n\n@Injectable()\nexport class ApplicationIndexFacade {\n  private readonly applicationService = inject(ApplicationService);\n\n  readonly loading = signal(false);\n  readonly items = signal<ApplicationSummary[]>([]);\n  readonly error = signal<string | null>(null);\n\n  readonly keyword = signal('');\n  readonly status = signal<'ALL' | 'ACTIVE' | 'INACTIVE' | 'DRAFT'>('ALL');\n\n  readonly filteredItems = computed(() => {\n    const keyword = this.keyword().trim().toLowerCase();\n    const status = this.status();\n\n    return this.items().filter((item) => {\n      const matchesKeyword = !keyword || item.name.toLowerCase().includes(keyword) || item.code.toLowerCase().includes(keyword);\n\n      const matchesStatus = status === 'ALL' || item.status === status;\n\n      return matchesKeyword && matchesStatus;\n    });\n  });\n\n  readonly total = computed(() => this.items().length);\n  readonly activeCount = computed(() => this.items().filter((x) => x.active).length);\n  readonly totalOrganizations = computed(() => this.items().reduce((sum, item) => sum + item.organizationCount, 0));\n  readonly totalRoles = computed(() => this.items().reduce((sum, item) => sum + item.roleCount, 0));\n\n  async load(): Promise<void> {\n    this.loading.set(true);\n    this.error.set(null);\n    try {\n      const page = await firstValueFrom(this.applicationService.findApplications());\n      this.items.set(page.items ?? []);\n    } catch (error) {\n      console.error(error);\n      this.items.set([]);\n      this.error.set('Unable to load applications.');\n    } finally {\n      this.loading.set(false);\n    }\n  }\n\n  setKeyword(value: string): void {\n    this.keyword.set(value);\n  }\n\n  setStatus(value: 'ALL' | 'ACTIVE' | 'INACTIVE' | 'DRAFT'): void {\n    this.status.set(value);\n  }\n}\n","import { ChangeDetectionStrategy, Component, OnInit, inject } from '@angular/core';\nimport { ActivatedRoute, Router, RouterLink } from '@angular/router';\nimport { ApplicationIndexFacade } from '../../../store/application-index.facade';\nimport {\n  PlatformPageHeader,\n  PlatformStatCard,\n  PlatformFilterPanel,\n  PlatformDataTable,\n  PlatformStatusBadge,\n} from '../../../shared';\n\n@Component({\n  selector: 'rolatech-application-index',\n  standalone: true,\n  imports: [RouterLink, PlatformPageHeader, PlatformStatCard, PlatformFilterPanel, PlatformDataTable, PlatformStatusBadge],\n  templateUrl: './application-index.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [ApplicationIndexFacade],\n})\nexport class ApplicationIndex implements OnInit {\n  readonly facade = inject(ApplicationIndexFacade);\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n\n  ngOnInit(): void {\n    void this.facade.load();\n  }\n\n  onKeywordInput(event: Event): void {\n    this.facade.setKeyword((event.target as HTMLInputElement).value);\n  }\n\n  onStatusChange(event: Event): void {\n    this.facade.setStatus((event.target as HTMLSelectElement).value as 'ALL' | 'ACTIVE' | 'INACTIVE' | 'DRAFT');\n  }\n\n  openDetail(id: string): void {\n    void this.router.navigate([id], { relativeTo: this.route });\n  }\n}\n","<section class=\"rt-platform-theme flex flex-col gap-6 bg-(--rt-base-background) p-6 text-(--rt-text-primary)\">\n  <rolatech-platform-page-header>\n    <div header-left class=\"space-y-1\">\n      <h1 class=\"text-2xl font-semibold tracking-tight\">Applications</h1>\n      <p class=\"text-sm text-muted-foreground\">Manage platform applications and their structure.</p>\n    </div>\n\n    <div header-actions>\n      <a routerLink=\"./new\" class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium cursor-pointer\">\n        Create Application\n      </a>\n    </div>\n  </rolatech-platform-page-header>\n\n  <section class=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n    <rolatech-platform-stat-card>\n      <div stat-label>Total Applications</div>\n      <div stat-value>{{ facade.total() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Active Applications</div>\n      <div stat-value>{{ facade.activeCount() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Total Organizations</div>\n      <div stat-value>{{ facade.totalOrganizations() }}</div>\n    </rolatech-platform-stat-card>\n\n    <rolatech-platform-stat-card>\n      <div stat-label>Total Roles</div>\n      <div stat-value>{{ facade.totalRoles() }}</div>\n    </rolatech-platform-stat-card>\n  </section>\n\n  <section class=\"grid gap-6 xl:grid-cols-[320px_minmax(0,1fr)]\">\n    <rolatech-platform-filter-panel>\n      <div filter-title>Filters</div>\n      <div filter-description>Refine visible applications.</div>\n\n      <label class=\"flex flex-col gap-2\">\n        <span class=\"text-sm font-medium\">Search</span>\n        <input\n          type=\"text\"\n          [value]=\"facade.keyword()\"\n          (input)=\"onKeywordInput($event)\"\n          placeholder=\"Search application name or code\"\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\">Status</span>\n        <select class=\"h-10 rounded-xl border border-(--rt-border-color) px-3 text-sm outline-none\" (change)=\"onStatusChange($event)\">\n          <option value=\"ALL\">All</option>\n          <option value=\"ACTIVE\">Active</option>\n          <option value=\"INACTIVE\">Inactive</option>\n          <option value=\"DRAFT\">Draft</option>\n        </select>\n      </label>\n    </rolatech-platform-filter-panel>\n\n    <rolatech-platform-data-table>\n      <div table-toolbar class=\"flex items-center justify-between gap-3\">\n        <h2 class=\"text-base font-semibold\">Application List</h2>\n        <div class=\"text-sm text-muted-foreground\">{{ facade.filteredItems().length }} items</div>\n      </div>\n\n      <thead class=\"bg-muted/40\">\n        <tr class=\"text-left\">\n          <th class=\"px-4 py-3 font-medium\">Name</th>\n          <th class=\"px-4 py-3 font-medium\">Code</th>\n          <th class=\"px-4 py-3 font-medium\">Type</th>\n          <th class=\"px-4 py-3 font-medium\">Organizations</th>\n          <th class=\"px-4 py-3 font-medium\">Roles</th>\n          <th class=\"px-4 py-3 font-medium\">Status</th>\n          <th class=\"px-4 py-3 font-medium\">Actions</th>\n        </tr>\n      </thead>\n\n      <tbody>\n        @if (facade.loading()) {\n        <tr>\n          <td colspan=\"7\" class=\"px-4 py-10 text-center text-muted-foreground\">Loading applications...</td>\n        </tr>\n        } @else if (facade.filteredItems().length === 0) {\n        <tr>\n          <td colspan=\"7\" class=\"px-4 py-10 text-center text-muted-foreground\">No applications matched your filters.</td>\n        </tr>\n        } @else { @for (item of facade.filteredItems(); track item.id) {\n        <tr class=\"border-t border-(--rt-border-color)\">\n          <td class=\"px-4 py-3 font-medium\">{{ item.name }}</td>\n          <td class=\"px-4 py-3 text-muted-foreground\">{{ item.code }}</td>\n          <td class=\"px-4 py-3\">{{ item.type || '-' }}</td>\n          <td class=\"px-4 py-3\">{{ item.organizationCount }}</td>\n          <td class=\"px-4 py-3\">{{ item.roleCount }}</td>\n          <td class=\"px-4 py-3\">\n            <rolatech-platform-status-badge [status]=\"item.status\" />\n          </td>\n          <td class=\"px-4 py-3\">\n            <button\n              type=\"button\"\n              class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-3 py-2 text-sm font-medium\"\n              (click)=\"openDetail(item.id)\"\n            >\n              View\n            </button>\n          </td>\n        </tr>\n        } }\n      </tbody>\n    </rolatech-platform-data-table>\n  </section>\n</section>\n"],"names":[],"mappings":"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"}

package/fesm2022/rolatech-angular-platform-application-organization-index-D7TJ8CID.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 { PlatformPageHeader, PlatformDataTable, PlatformStatusBadge } from './rolatech-angular-platform.mjs';
+import { firstValueFrom } from 'rxjs';
+import { ApplicationService } from '@rolatech/angular-services';
+
+class ApplicationOrganizationIndexFacade {
+    applicationService = inject(ApplicationService);
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    async load(applicationId) {
+        this.loading.set(true);
+        this.error.set(null);
+        try {
+            const page = await firstValueFrom(this.applicationService.findApplicationOrganizations(applicationId));
+            this.items.set(page.items ?? []);
+        }
+        catch (error) {
+            console.error(error);
+            this.items.set([]);
+            this.error.set('Unable to load application organizations.');
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationOrganizationIndexFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationOrganizationIndexFacade });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationOrganizationIndexFacade, decorators: [{
+            type: Injectable
+        }] });
+
+class ApplicationOrganizationIndex {
+    facade = inject(ApplicationOrganizationIndexFacade);
+    route = inject(ActivatedRoute);
+    applicationId = this.route.snapshot.paramMap.get('appId') ?? this.route.snapshot.paramMap.get('id') ?? '';
+    ngOnInit() {
+        if (this.applicationId) {
+            void this.facade.load(this.applicationId);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationOrganizationIndex, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: ApplicationOrganizationIndex, isStandalone: true, selector: "rolatech-application-organization-index", providers: [ApplicationOrganizationIndexFacade], ngImport: i0, template: "<section class=\"rt-platform-theme flex flex-col gap-6 bg-(--rt-base-background) p-6 text-(--rt-text-primary)\">\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\">\n    Loading organizations...\n  </section>\n  } @else {\n  <rolatech-platform-page-header>\n    <div header-left class=\"space-y-1\">\n      <h1 class=\"text-2xl font-semibold tracking-tight\">Application Organizations</h1>\n      <p class=\"text-sm text-muted-foreground\">Organizations that belong to this application.</p>\n    </div>\n  </rolatech-platform-page-header>\n\n  <rolatech-platform-data-table>\n    <div table-toolbar class=\"flex items-center justify-between gap-3\">\n      <h2 class=\"text-base font-semibold\">Organizations</h2>\n      <div class=\"text-sm text-muted-foreground\">{{ facade.items().length }} items</div>\n    </div>\n\n    <thead class=\"bg-muted/40\">\n        <tr class=\"text-left\">\n          <th class=\"px-4 py-3 font-medium\">Name</th>\n          <th class=\"px-4 py-3 font-medium\">Code</th>\n          <th class=\"px-4 py-3 font-medium\">Status</th>\n          <th class=\"px-4 py-3 font-medium\">Members</th>\n        </tr>\n      </thead>\n\n      <tbody>\n        @if (facade.items().length === 0) {\n      <tr>\n        <td colspan=\"4\" class=\"px-4 py-10 text-center text-muted-foreground\">No organizations found.</td>\n      </tr>\n      } @else { @for (item of facade.items(); track item.id) {\n      <tr class=\"border-t border-(--rt-border-color)\">\n        <td class=\"px-4 py-3 font-medium\">{{ item.name }}</td>\n        <td class=\"px-4 py-3 text-muted-foreground\">{{ item.code }}</td>\n        <td class=\"px-4 py-3\">\n          <rolatech-platform-status-badge [status]=\"item.status\" />\n        </td>\n        <td class=\"px-4 py-3\">{{ item.memberCount }}</td>\n      </tr>\n      } }\n    </tbody>\n  </rolatech-platform-data-table>\n  }\n</section>\n", dependencies: [{ kind: "component", type: PlatformPageHeader, selector: "rolatech-platform-page-header" }, { kind: "component", type: PlatformDataTable, selector: "rolatech-platform-data-table" }, { kind: "component", type: PlatformStatusBadge, selector: "rolatech-platform-status-badge", inputs: ["status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationOrganizationIndex, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-application-organization-index', standalone: true, imports: [PlatformPageHeader, PlatformDataTable, PlatformStatusBadge], changeDetection: ChangeDetectionStrategy.OnPush, providers: [ApplicationOrganizationIndexFacade], template: "<section class=\"rt-platform-theme flex flex-col gap-6 bg-(--rt-base-background) p-6 text-(--rt-text-primary)\">\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\">\n    Loading organizations...\n  </section>\n  } @else {\n  <rolatech-platform-page-header>\n    <div header-left class=\"space-y-1\">\n      <h1 class=\"text-2xl font-semibold tracking-tight\">Application Organizations</h1>\n      <p class=\"text-sm text-muted-foreground\">Organizations that belong to this application.</p>\n    </div>\n  </rolatech-platform-page-header>\n\n  <rolatech-platform-data-table>\n    <div table-toolbar class=\"flex items-center justify-between gap-3\">\n      <h2 class=\"text-base font-semibold\">Organizations</h2>\n      <div class=\"text-sm text-muted-foreground\">{{ facade.items().length }} items</div>\n    </div>\n\n    <thead class=\"bg-muted/40\">\n        <tr class=\"text-left\">\n          <th class=\"px-4 py-3 font-medium\">Name</th>\n          <th class=\"px-4 py-3 font-medium\">Code</th>\n          <th class=\"px-4 py-3 font-medium\">Status</th>\n          <th class=\"px-4 py-3 font-medium\">Members</th>\n        </tr>\n      </thead>\n\n      <tbody>\n        @if (facade.items().length === 0) {\n      <tr>\n        <td colspan=\"4\" class=\"px-4 py-10 text-center text-muted-foreground\">No organizations found.</td>\n      </tr>\n      } @else { @for (item of facade.items(); track item.id) {\n      <tr class=\"border-t border-(--rt-border-color)\">\n        <td class=\"px-4 py-3 font-medium\">{{ item.name }}</td>\n        <td class=\"px-4 py-3 text-muted-foreground\">{{ item.code }}</td>\n        <td class=\"px-4 py-3\">\n          <rolatech-platform-status-badge [status]=\"item.status\" />\n        </td>\n        <td class=\"px-4 py-3\">{{ item.memberCount }}</td>\n      </tr>\n      } }\n    </tbody>\n  </rolatech-platform-data-table>\n  }\n</section>\n" }]
+        }] });
+
+export { ApplicationOrganizationIndex };
+//# sourceMappingURL=rolatech-angular-platform-application-organization-index-D7TJ8CID.mjs.map

package/fesm2022/rolatech-angular-platform-application-organization-index-D7TJ8CID.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-platform-application-organization-index-D7TJ8CID.mjs","sources":["../../../../packages/angular-platform/src/lib/store/application-organization-index.facade.ts","../../../../packages/angular-platform/src/lib/pages/application/application-organization-index/application-organization-index.ts","../../../../packages/angular-platform/src/lib/pages/application/application-organization-index/application-organization-index.html"],"sourcesContent":["import { Injectable, inject, signal } from '@angular/core';\nimport { firstValueFrom } from 'rxjs';\nimport { ApplicationOrganizationResponse, ApplicationService } from '@rolatech/angular-services';\n\nexport type ApplicationOrganizationItem = ApplicationOrganizationResponse;\n\n@Injectable()\nexport class ApplicationOrganizationIndexFacade {\n  private readonly applicationService = inject(ApplicationService);\n\n  readonly loading = signal(false);\n  readonly items = signal<ApplicationOrganizationItem[]>([]);\n  readonly error = signal<string | null>(null);\n\n  async load(applicationId: string): Promise<void> {\n    this.loading.set(true);\n    this.error.set(null);\n    try {\n      const page = await firstValueFrom(this.applicationService.findApplicationOrganizations(applicationId));\n      this.items.set(page.items ?? []);\n    } catch (error) {\n      console.error(error);\n      this.items.set([]);\n      this.error.set('Unable to load application organizations.');\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 { PlatformPageHeader, PlatformDataTable, PlatformStatusBadge } from '../../../shared';\nimport { ApplicationOrganizationIndexFacade } from '../../../store/application-organization-index.facade';\n\n@Component({\n  selector: 'rolatech-application-organization-index',\n  standalone: true,\n  imports: [PlatformPageHeader, PlatformDataTable, PlatformStatusBadge],\n  templateUrl: './application-organization-index.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [ApplicationOrganizationIndexFacade],\n})\nexport class ApplicationOrganizationIndex implements OnInit {\n  readonly facade = inject(ApplicationOrganizationIndexFacade);\n  private readonly route = inject(ActivatedRoute);\n\n  readonly applicationId = this.route.snapshot.paramMap.get('appId') ?? this.route.snapshot.paramMap.get('id') ?? '';\n\n  ngOnInit(): void {\n    if (this.applicationId) {\n      void this.facade.load(this.applicationId);\n    }\n  }\n}\n","<section class=\"rt-platform-theme flex flex-col gap-6 bg-(--rt-base-background) p-6 text-(--rt-text-primary)\">\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\">\n    Loading organizations...\n  </section>\n  } @else {\n  <rolatech-platform-page-header>\n    <div header-left class=\"space-y-1\">\n      <h1 class=\"text-2xl font-semibold tracking-tight\">Application Organizations</h1>\n      <p class=\"text-sm text-muted-foreground\">Organizations that belong to this application.</p>\n    </div>\n  </rolatech-platform-page-header>\n\n  <rolatech-platform-data-table>\n    <div table-toolbar class=\"flex items-center justify-between gap-3\">\n      <h2 class=\"text-base font-semibold\">Organizations</h2>\n      <div class=\"text-sm text-muted-foreground\">{{ facade.items().length }} items</div>\n    </div>\n\n    <thead class=\"bg-muted/40\">\n        <tr class=\"text-left\">\n          <th class=\"px-4 py-3 font-medium\">Name</th>\n          <th class=\"px-4 py-3 font-medium\">Code</th>\n          <th class=\"px-4 py-3 font-medium\">Status</th>\n          <th class=\"px-4 py-3 font-medium\">Members</th>\n        </tr>\n      </thead>\n\n      <tbody>\n        @if (facade.items().length === 0) {\n      <tr>\n        <td colspan=\"4\" class=\"px-4 py-10 text-center text-muted-foreground\">No organizations found.</td>\n      </tr>\n      } @else { @for (item of facade.items(); track item.id) {\n      <tr class=\"border-t border-(--rt-border-color)\">\n        <td class=\"px-4 py-3 font-medium\">{{ item.name }}</td>\n        <td class=\"px-4 py-3 text-muted-foreground\">{{ item.code }}</td>\n        <td class=\"px-4 py-3\">\n          <rolatech-platform-status-badge [status]=\"item.status\" />\n        </td>\n        <td class=\"px-4 py-3\">{{ item.memberCount }}</td>\n      </tr>\n      } }\n    </tbody>\n  </rolatech-platform-data-table>\n  }\n</section>\n"],"names":[],"mappings":";;;;;;;MAOa,kCAAkC,CAAA;AAC5B,IAAA,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAEvD,IAAA,OAAO,GAAG,MAAM,CAAC,KAAK,mDAAC;AACvB,IAAA,KAAK,GAAG,MAAM,CAAgC,EAAE,iDAAC;AACjD,IAAA,KAAK,GAAG,MAAM,CAAgB,IAAI,iDAAC;IAE5C,MAAM,IAAI,CAAC,aAAqB,EAAA;AAC9B,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AACtB,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;AACpB,QAAA,IAAI;AACF,YAAA,MAAM,IAAI,GAAG,MAAM,cAAc,CAAC,IAAI,CAAC,kBAAkB,CAAC,4BAA4B,CAAC,aAAa,CAAC,CAAC;YACtG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;QAClC;QAAE,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;AACpB,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;AAClB,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,2CAA2C,CAAC;QAC7D;gBAAU;AACR,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;QACzB;IACF;uGApBW,kCAAkC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;2GAAlC,kCAAkC,EAAA,CAAA;;2FAAlC,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBAD9C;;;MCOY,4BAA4B,CAAA;AAC9B,IAAA,MAAM,GAAG,MAAM,CAAC,kCAAkC,CAAC;AAC3C,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAEtC,IAAA,aAAa,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;IAElH,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,KAAK,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;QAC3C;IACF;uGAVW,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yCAAA,EAAA,SAAA,EAF5B,CAAC,kCAAkC,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXjD,u8DA+CA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDvCY,kBAAkB,EAAA,QAAA,EAAA,+BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,QAAA,EAAA,8BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,mBAAmB,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAKzD,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBARxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yCAAyC,cACvC,IAAI,EAAA,OAAA,EACP,CAAC,kBAAkB,EAAE,iBAAiB,EAAE,mBAAmB,CAAC,mBAEpD,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC,CAAC,kCAAkC,CAAC,EAAA,QAAA,EAAA,u8DAAA,EAAA;;;;;"}

package/fesm2022/rolatech-angular-platform-application-role-index-9_XVRBgD.mjs

@@ -0,0 +1,66 @@
+import * as i0 from '@angular/core';
+import { inject, signal, Injectable, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { PlatformPageHeader, PlatformDataTable, PlatformScopeBadge, PlatformStatusBadge } from './rolatech-angular-platform.mjs';
+import { firstValueFrom } from 'rxjs';
+import { RoleService } from '@rolatech/angular-services';
+
+class ApplicationRoleIndexFacade {
+    roleService = inject(RoleService);
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    async load(applicationId) {
+        if (!applicationId) {
+            this.items.set([]);
+            return;
+        }
+        this.loading.set(true);
+        try {
+            const roles = await firstValueFrom(this.roleService.findApplicationRoles(applicationId));
+            this.items.set((roles ?? []).map((role) => this.toRoleItem(role)));
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    toRoleItem(role) {
+        return {
+            id: role.id,
+            name: role.name,
+            code: role.code,
+            scope: role.scope === 'ORG' ? 'ORG' : 'APP',
+            permissionCount: role.permissionIds.length,
+            memberCount: 0,
+            status: role.enabled ? 'ACTIVE' : 'INACTIVE',
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationRoleIndexFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationRoleIndexFacade });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationRoleIndexFacade, decorators: [{
+            type: Injectable
+        }] });
+
+class ApplicationRoleIndex {
+    facade = inject(ApplicationRoleIndexFacade);
+    route = inject(ActivatedRoute);
+    router = inject(Router);
+    applicationId = this.route.snapshot.paramMap.get('appId') ?? this.route.snapshot.paramMap.get('id') ?? '';
+    ngOnInit() {
+        if (this.applicationId) {
+            void this.facade.load(this.applicationId);
+        }
+    }
+    openRole(id) {
+        void this.router.navigate([id, 'permissions'], { relativeTo: this.route });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationRoleIndex, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: ApplicationRoleIndex, isStandalone: true, selector: "rolatech-application-role-index", providers: [ApplicationRoleIndexFacade], ngImport: i0, template: "<section class=\"rt-platform-theme flex flex-col gap-6 bg-(--rt-base-background) p-6 text-(--rt-text-primary)\">\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 roles...</section>\n  } @else {\n  <rolatech-platform-page-header>\n    <div header-left class=\"space-y-1\">\n      <h1 class=\"text-2xl font-semibold tracking-tight\">Application Roles</h1>\n      <p class=\"text-sm text-muted-foreground\">Roles defined within this application.</p>\n    </div>\n  </rolatech-platform-page-header>\n\n  <rolatech-platform-data-table>\n    <div table-toolbar class=\"flex items-center justify-between gap-3\">\n      <h2 class=\"text-base font-semibold\">Roles</h2>\n      <div class=\"text-sm text-muted-foreground\">{{ facade.items().length }} items</div>\n    </div>\n\n    <thead class=\"bg-muted/40\">\n      <tr class=\"text-left\">\n        <th class=\"px-4 py-3 font-medium\">Name</th>\n        <th class=\"px-4 py-3 font-medium\">Code</th>\n        <th class=\"px-4 py-3 font-medium\">Scope</th>\n        <th class=\"px-4 py-3 font-medium\">Permissions</th>\n        <th class=\"px-4 py-3 font-medium\">Members</th>\n        <th class=\"px-4 py-3 font-medium\">Status</th>\n        <th class=\"px-4 py-3 font-medium\">Actions</th>\n      </tr>\n    </thead>\n\n    <tbody>\n      @if (facade.items().length === 0) {\n      <tr>\n        <td colspan=\"7\" class=\"px-4 py-10 text-center text-muted-foreground\">No roles found.</td>\n      </tr>\n      } @else { @for (item of facade.items(); track item.id) {\n      <tr class=\"border-t border-(--rt-border-color)\">\n        <td class=\"px-4 py-3 font-medium\">{{ item.name }}</td>\n        <td class=\"px-4 py-3 text-muted-foreground\">{{ item.code }}</td>\n        <td class=\"px-4 py-3\">\n          <rolatech-platform-scope-badge [scope]=\"item.scope\" />\n        </td>\n        <td class=\"px-4 py-3\">{{ item.permissionCount }}</td>\n        <td class=\"px-4 py-3\">{{ item.memberCount }}</td>\n        <td class=\"px-4 py-3\">\n          <rolatech-platform-status-badge [status]=\"item.status\" />\n        </td>\n        <td class=\"px-4 py-3\">\n          <button\n            type=\"button\"\n            class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-3 py-2 text-sm font-medium\"\n            (click)=\"openRole(item.id)\"\n          >\n            View Role\n          </button>\n        </td>\n      </tr>\n      } }\n    </tbody>\n  </rolatech-platform-data-table>\n  }\n</section>\n", dependencies: [{ kind: "component", type: PlatformPageHeader, selector: "rolatech-platform-page-header" }, { kind: "component", type: PlatformDataTable, selector: "rolatech-platform-data-table" }, { kind: "component", type: PlatformScopeBadge, selector: "rolatech-platform-scope-badge", inputs: ["scope"] }, { kind: "component", type: PlatformStatusBadge, selector: "rolatech-platform-status-badge", inputs: ["status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ApplicationRoleIndex, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-application-role-index', standalone: true, imports: [PlatformPageHeader, PlatformDataTable, PlatformScopeBadge, PlatformStatusBadge], changeDetection: ChangeDetectionStrategy.OnPush, providers: [ApplicationRoleIndexFacade], template: "<section class=\"rt-platform-theme flex flex-col gap-6 bg-(--rt-base-background) p-6 text-(--rt-text-primary)\">\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 roles...</section>\n  } @else {\n  <rolatech-platform-page-header>\n    <div header-left class=\"space-y-1\">\n      <h1 class=\"text-2xl font-semibold tracking-tight\">Application Roles</h1>\n      <p class=\"text-sm text-muted-foreground\">Roles defined within this application.</p>\n    </div>\n  </rolatech-platform-page-header>\n\n  <rolatech-platform-data-table>\n    <div table-toolbar class=\"flex items-center justify-between gap-3\">\n      <h2 class=\"text-base font-semibold\">Roles</h2>\n      <div class=\"text-sm text-muted-foreground\">{{ facade.items().length }} items</div>\n    </div>\n\n    <thead class=\"bg-muted/40\">\n      <tr class=\"text-left\">\n        <th class=\"px-4 py-3 font-medium\">Name</th>\n        <th class=\"px-4 py-3 font-medium\">Code</th>\n        <th class=\"px-4 py-3 font-medium\">Scope</th>\n        <th class=\"px-4 py-3 font-medium\">Permissions</th>\n        <th class=\"px-4 py-3 font-medium\">Members</th>\n        <th class=\"px-4 py-3 font-medium\">Status</th>\n        <th class=\"px-4 py-3 font-medium\">Actions</th>\n      </tr>\n    </thead>\n\n    <tbody>\n      @if (facade.items().length === 0) {\n      <tr>\n        <td colspan=\"7\" class=\"px-4 py-10 text-center text-muted-foreground\">No roles found.</td>\n      </tr>\n      } @else { @for (item of facade.items(); track item.id) {\n      <tr class=\"border-t border-(--rt-border-color)\">\n        <td class=\"px-4 py-3 font-medium\">{{ item.name }}</td>\n        <td class=\"px-4 py-3 text-muted-foreground\">{{ item.code }}</td>\n        <td class=\"px-4 py-3\">\n          <rolatech-platform-scope-badge [scope]=\"item.scope\" />\n        </td>\n        <td class=\"px-4 py-3\">{{ item.permissionCount }}</td>\n        <td class=\"px-4 py-3\">{{ item.memberCount }}</td>\n        <td class=\"px-4 py-3\">\n          <rolatech-platform-status-badge [status]=\"item.status\" />\n        </td>\n        <td class=\"px-4 py-3\">\n          <button\n            type=\"button\"\n            class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) px-3 py-2 text-sm font-medium\"\n            (click)=\"openRole(item.id)\"\n          >\n            View Role\n          </button>\n        </td>\n      </tr>\n      } }\n    </tbody>\n  </rolatech-platform-data-table>\n  }\n</section>\n" }]
+        }] });
+
+export { ApplicationRoleIndex };
+//# sourceMappingURL=rolatech-angular-platform-application-role-index-9_XVRBgD.mjs.map