@rolatech/angular-onboarding 20.3.0-beta.2

package/fesm2022/rolatech-angular-onboarding-agent-onboarding-shell-page-B6ffcJ5A.mjs

@@ -0,0 +1,125 @@
+import { NgClass } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, computed, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { ActivatedRoute, Router, RouterOutlet, RouterLink } from '@angular/router';
+import { startWith, map } from 'rxjs';
+import { AgentOnboardingFacade, OnboardingPageShell, OnboardingStatusBadge } from './rolatech-angular-onboarding.mjs';
+
+class AgentOnboardingShellPage {
+    facade = inject(AgentOnboardingFacade);
+    route = inject(ActivatedRoute);
+    router = inject(Router);
+    paramMap = toSignal(this.route.paramMap, {
+        initialValue: this.route.snapshot.paramMap,
+    });
+    currentUrl = toSignal(this.router.events.pipe(startWith(null), map(() => this.router.url)), {
+        initialValue: this.router.url,
+    });
+    activeTab = computed(() => {
+        const parts = this.currentUrl().split('/').filter(Boolean);
+        const last = parts[parts.length - 1];
+        if (last === 'documents' || last === 'issues') {
+            return last;
+        }
+        return 'overview';
+    }, ...(ngDevMode ? [{ debugName: "activeTab" }] : []));
+    tabs = computed(() => {
+        const activeTab = this.activeTab();
+        return [
+            { label: 'Overview', link: ['.'], active: activeTab === 'overview' },
+            { label: 'Documents', link: ['documents'], active: activeTab === 'documents' },
+            { label: 'Issues', link: ['issues'], active: activeTab === 'issues' },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "tabs" }] : []));
+    constructor() {
+        effect(() => {
+            const applicationId = this.paramMap().get('applicationId');
+            if (!applicationId) {
+                return;
+            }
+            void this.facade.ensureLoaded(applicationId);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentOnboardingShellPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: AgentOnboardingShellPage, isStandalone: true, selector: "rolatech-agent-onboarding-shell-page", host: { classAttribute: "block" }, ngImport: i0, template: `
+    <rolatech-onboarding-page-shell
+      title="Agent Onboarding Dashboard"
+      subtitle="Track review progress and resolve any requested updates."
+      kicker="Agent Portal"
+    >
+      <div header-actions>
+        <rolatech-onboarding-status-badge [status]="facade.status()" />
+      </div>
+
+      <nav class="flex flex-wrap gap-2">
+        @for (tab of tabs(); track tab.label) {
+          <a
+            [routerLink]="tab.link"
+            class="rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium transition cursor-pointer"
+            [ngClass]="
+              tab.active
+                ? 'border-(--rt-brand-color) bg-(--rt-brand-color) text-(--rt-text-primary-inverse)'
+                : 'border-(--rt-border-color) bg-(--rt-base-background) text-(--rt-text-secondary) hover:bg-(--rt-raised-background)'
+            "
+          >
+            {{ tab.label }}
+          </a>
+        }
+      </nav>
+
+      @if (facade.error()) {
+        <div class="rounded-2xl border border-rose-200 bg-rose-50 px-4 py-3 text-sm text-rose-700">{{ facade.error() }}</div>
+      }
+
+      <router-outlet />
+    </rolatech-onboarding-page-shell>
+  `, isInline: true, dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: OnboardingPageShell, selector: "rolatech-onboarding-page-shell", inputs: ["title", "subtitle", "kicker"] }, { kind: "component", type: OnboardingStatusBadge, selector: "rolatech-onboarding-status-badge", inputs: ["status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentOnboardingShellPage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rolatech-agent-onboarding-shell-page',
+                    standalone: true,
+                    imports: [RouterOutlet, RouterLink, NgClass, OnboardingPageShell, OnboardingStatusBadge],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'block' },
+                    template: `
+    <rolatech-onboarding-page-shell
+      title="Agent Onboarding Dashboard"
+      subtitle="Track review progress and resolve any requested updates."
+      kicker="Agent Portal"
+    >
+      <div header-actions>
+        <rolatech-onboarding-status-badge [status]="facade.status()" />
+      </div>
+
+      <nav class="flex flex-wrap gap-2">
+        @for (tab of tabs(); track tab.label) {
+          <a
+            [routerLink]="tab.link"
+            class="rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium transition cursor-pointer"
+            [ngClass]="
+              tab.active
+                ? 'border-(--rt-brand-color) bg-(--rt-brand-color) text-(--rt-text-primary-inverse)'
+                : 'border-(--rt-border-color) bg-(--rt-base-background) text-(--rt-text-secondary) hover:bg-(--rt-raised-background)'
+            "
+          >
+            {{ tab.label }}
+          </a>
+        }
+      </nav>
+
+      @if (facade.error()) {
+        <div class="rounded-2xl border border-rose-200 bg-rose-50 px-4 py-3 text-sm text-rose-700">{{ facade.error() }}</div>
+      }
+
+      <router-outlet />
+    </rolatech-onboarding-page-shell>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+export { AgentOnboardingShellPage };
+//# sourceMappingURL=rolatech-angular-onboarding-agent-onboarding-shell-page-B6ffcJ5A.mjs.map

package/fesm2022/rolatech-angular-onboarding-agent-onboarding-shell-page-B6ffcJ5A.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-onboarding-agent-onboarding-shell-page-B6ffcJ5A.mjs","sources":["../../../../packages/angular-onboarding/src/lib/pages/agent-onboarding/agent-onboarding-shell-page.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, effect, inject, ViewEncapsulation } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { ActivatedRoute, Router, RouterLink, RouterOutlet } from '@angular/router';\nimport { map, startWith } from 'rxjs';\nimport { OnboardingPageShell } from '../../components/onboarding/onboarding-page-shell';\nimport { OnboardingStatusBadge } from '../../components/onboarding/onboarding-status-badge';\nimport { AgentOnboardingFacade } from '../../store/agent-onboarding.facade';\n\n@Component({\n  selector: 'rolatech-agent-onboarding-shell-page',\n  standalone: true,\n  imports: [RouterOutlet, RouterLink, NgClass, OnboardingPageShell, OnboardingStatusBadge],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'block' },\n  template: `\n    <rolatech-onboarding-page-shell\n      title=\"Agent Onboarding Dashboard\"\n      subtitle=\"Track review progress and resolve any requested updates.\"\n      kicker=\"Agent Portal\"\n    >\n      <div header-actions>\n        <rolatech-onboarding-status-badge [status]=\"facade.status()\" />\n      </div>\n\n      <nav class=\"flex flex-wrap gap-2\">\n        @for (tab of tabs(); track tab.label) {\n          <a\n            [routerLink]=\"tab.link\"\n            class=\"rounded-xl border border-(--rt-border-color) px-4 py-2 text-sm font-medium transition cursor-pointer\"\n            [ngClass]=\"\n              tab.active\n                ? 'border-(--rt-brand-color) bg-(--rt-brand-color) text-(--rt-text-primary-inverse)'\n                : 'border-(--rt-border-color) bg-(--rt-base-background) text-(--rt-text-secondary) hover:bg-(--rt-raised-background)'\n            \"\n          >\n            {{ tab.label }}\n          </a>\n        }\n      </nav>\n\n      @if (facade.error()) {\n        <div class=\"rounded-2xl border border-rose-200 bg-rose-50 px-4 py-3 text-sm text-rose-700\">{{ facade.error() }}</div>\n      }\n\n      <router-outlet />\n    </rolatech-onboarding-page-shell>\n  `,\n})\nexport class AgentOnboardingShellPage {\n  readonly facade = inject(AgentOnboardingFacade);\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n\n  private readonly paramMap = toSignal(this.route.paramMap, {\n    initialValue: this.route.snapshot.paramMap,\n  });\n\n  private readonly currentUrl = toSignal(\n    this.router.events.pipe(\n      startWith(null),\n      map(() => this.router.url),\n    ),\n    {\n      initialValue: this.router.url,\n    },\n  );\n\n  readonly activeTab = computed(() => {\n    const parts = this.currentUrl().split('/').filter(Boolean);\n    const last = parts[parts.length - 1];\n\n    if (last === 'documents' || last === 'issues') {\n      return last;\n    }\n\n    return 'overview';\n  });\n\n  readonly tabs = computed(() => {\n    const activeTab = this.activeTab();\n\n    return [\n      { label: 'Overview', link: ['.'], active: activeTab === 'overview' },\n      { label: 'Documents', link: ['documents'], active: activeTab === 'documents' },\n      { label: 'Issues', link: ['issues'], active: activeTab === 'issues' },\n    ];\n  });\n\n  constructor() {\n    effect(() => {\n      const applicationId = this.paramMap().get('applicationId');\n\n      if (!applicationId) {\n        return;\n      }\n\n      void this.facade.ensureLoaded(applicationId);\n    });\n  }\n}\n"],"names":[],"mappings":"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"}