@edvak99/voice-receptionist-widget 1.1.13 → 1.1.15

package/fesm2022/edvak99-voice-receptionist-widget-dashboard-page.component-CF8VfDOy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-dashboard-page.component-CF8VfDOy.mjs","sources":["../../../src/lib/pages/dashboard-page/dashboard-page.component.ts","../../../src/lib/pages/dashboard-page/dashboard-page.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  CUSTOM_ELEMENTS_SCHEMA,\n  inject,\n  OnDestroy,\n  OnInit,\n  signal,\n} from '@angular/core';\nimport { ActivatedRoute, Router, RouterLink } from '@angular/router';\nimport { DatePipe } from '@angular/common';\n\nimport {\n  CallStatus,\n  DashboardData,\n  HistoryCall,\n  LiveCall,\n  Sentiment,\n} from '../../models/ai-receptionist.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { AgentOnlineService } from '../../services/agent-online.service';\nimport { LiveCallsListService } from '../../services/live-calls-list.service';\nimport {\n  ageFromDob,\n  callerMetaLine,\n  historyResolution,\n  historyResolutionLabel,\n  historyResultChips,\n  HistoryResolution,\n  isUnknownCaller,\n  resultChipIcon,\n} from '../../utils/call-history-display.util';\nimport { sentimentIconSrc, sentimentLabel } from '../../utils/sentiment-display.util';\nimport { isNeedsReview } from '../../utils/call-review.util';\nimport { EdButtonComponent } from '../../ui/ed-button.component';\nimport { EdSkeletonComponent } from '../../ui/ed-skeleton.component';\n\nimport { SmartTooltipDirective } from '../../shared/smart-tooltip.directive';\nimport { TABLE_SKELETON_ROWS } from '../../shared/table-skeleton.constants';\nimport { EdAvatarComponent } from '../../ui/ed-avatar.component';\nimport { IconComponent } from '../../ui/ed-icon.component';\nimport { EdsPulseDotComponent } from '../../ui/eds-pulse-dot.component';\nimport { EdsElapsedPipe } from '../../pipes/eds-elapsed.pipe';\n\ninterface KpiCardVm {\n  id: string;\n  label: string;\n  value: string;\n  meta: string;\n  link?: string;\n  queryParams?: Record<string, string>;\n}\n\ninterface LiveCallRowVm {\n  id: string;\n  name: string;\n  initials: string;\n  avatarTone: 'gray' | 'brand' | 'warm';\n  metaLine: string;\n  sentiment: Sentiment;\n  sentimentLabel: string;\n  sentimentIconSrc: string;\n  direction: 'inbound' | 'outbound';\n  directionIcon: string;\n  directionTitle: string;\n  goal: string;\n  statusSubtitle: string;\n  handlingLabel: string;\n  handlingVariant: 'opened' | 'danger' | 'success';\n  needsAssistance: boolean;\n  started: number;\n}\n\ninterface AttentionRowVm {\n  id: string;\n  callId: string;\n  name: string;\n  initials: string;\n  avatarTone: 'gray' | 'brand' | 'violet';\n  metaLine: string;\n  badge: string;\n  detail: string;\n  timeLabel: string;\n  direction: 'inbound' | 'outbound';\n  directionIcon: string;\n  directionTitle: string;\n}\n\ninterface RecentHistoryRowVm {\n  id: string;\n  name: string;\n  initials: string;\n  avatarTone: 'gray' | 'brand';\n  metaLine: string;\n  direction: 'inbound' | 'outbound';\n  directionIcon: string;\n  directionTitle: string;\n  reason: string;\n  handledByLabel: string;\n  handledByVariant: 'opened' | 'primary';\n  resolution: HistoryResolution | null;\n  resolutionLabel: string;\n  resolutionVariant: 'success' | 'warning';\n  resultChips: { label: string; icon: string }[];\n  durationLabel: string;\n  started: number | null;\n  whenLabel: string;\n  needsReview: boolean;\n}\n\n@Component({\n  selector: 'eds-dashboard-page',\n  imports: [\n    RouterLink,\n    DatePipe,\n    EdAvatarComponent,\n    EdButtonComponent,\n    IconComponent,\n    EdsPulseDotComponent,\n    EdsElapsedPipe,\n    SmartTooltipDirective,\n    EdSkeletonComponent,\n  ],\n  templateUrl: './dashboard-page.component.html',\n  styleUrl: './dashboard-page.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  host: { class: 'block h-full min-h-0' },\n})\nexport class DashboardPageComponent implements OnInit, OnDestroy {\n  private readonly api = inject(AiReceptionistApiService);\n  private readonly liveCallsList = inject(LiveCallsListService);\n  private readonly agentOnline = inject(AgentOnlineService);\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  protected readonly data = signal<DashboardData | null>(null);\n  protected readonly loading = signal(true);\n  protected readonly kpiSkeletonRows = [0, 1, 2, 3] as const;\n  protected readonly listSkeletonRows = [0, 1, 2] as const;\n  protected readonly skeletonRows = TABLE_SKELETON_ROWS;\n\n  protected readonly liveCalls = this.liveCallsList.calls;\n  protected readonly liveCallsLoading = this.liveCallsList.loading;\n  protected readonly liveCallsError = this.liveCallsList.error;\n  protected readonly agentOffline = computed(() => this.agentOnline.online() === false);\n\n  protected readonly kpiCards = computed((): KpiCardVm[] => {\n    const stats = this.data()?.stats;\n    if (!stats) return [];\n    const calls = stats.answeredToday;\n    const resolvedCount = Math.round((stats.completionRate / 100) * Math.max(calls, 1));\n    return [\n      {\n        id: 'calls',\n        label: 'Calls handled',\n        value: String(calls),\n        meta: 'Today',\n        link: '../history',\n      },\n      {\n        id: 'appointments',\n        label: 'Appointments booked',\n        value: String(stats.appointmentsBooked),\n        meta: 'Created by AI',\n        link: '../activities',\n        queryParams: { tab: 'appointments' },\n      },\n      {\n        id: 'tasks',\n        label: 'Tasks created',\n        value: String(stats.tasksCreated),\n        meta: 'Created by AI',\n        link: '../activities',\n      },\n      {\n        id: 'resolved',\n        label: 'Resolved without staff',\n        value: `${stats.completionRate}%`,\n        meta: calls > 0 ? `${resolvedCount} of ${calls} calls` : 'AI handled',\n        link: '../activities',\n      },\n    ];\n  });\n\n  protected readonly liveCallRows = computed(() =>\n    this.liveCalls().map((call) => this.toLiveCallRow(call)),\n  );\n\n  protected readonly liveCallCount = computed(() => this.liveCallRows().length);\n\n  protected readonly attentionRows = computed((): AttentionRowVm[] => {\n    const fromLive = this.liveCalls()\n      .filter((c) => this.isAssistanceStatus(c.status) || c.sentiment === 'frustrated' || c.sentiment === 'urgent')\n      .map((c) => this.toAttentionFromLive(c));\n\n    const fromHistory = (this.data()?.recentHistory ?? [])\n      .filter(\n        (row) =>\n          historyResolution({\n            outcome: row.outcome,\n            resolution: row.resolution,\n            risk: row.risk,\n          }) === 'needs_attention',\n      )\n      .map((row) => this.toAttentionFromHistory(row));\n\n    const seen = new Set<string>();\n    const merged: AttentionRowVm[] = [];\n    for (const item of [...fromLive, ...fromHistory]) {\n      if (seen.has(item.callId)) continue;\n      seen.add(item.callId);\n      merged.push(item);\n      if (merged.length >= 6) break;\n    }\n    return merged;\n  });\n\n  protected readonly attentionCount = computed(() => this.attentionRows().length);\n\n  protected readonly recentHistoryRows = computed(() =>\n    (this.data()?.recentHistory ?? []).map((row) => this.toRecentHistoryRow(row)),\n  );\n\n  protected readonly recentHistoryCount = computed(() => this.recentHistoryRows().length);\n\n  ngOnInit(): void {\n    this.liveCallsList.start();\n    this.api.getDashboard().subscribe(({ data }) => {\n      this.data.set(data);\n      this.loading.set(false);\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.liveCallsList.stop();\n  }\n\n  protected exportCsv(): void {\n    // mock export\n  }\n\n  protected openHistoryDetail(id: string): void {\n    void this.router.navigate(['../history', id], { relativeTo: this.route });\n  }\n\n  protected openLiveCall(id: string): void {\n    void this.router.navigate(['../live', id], { relativeTo: this.route });\n  }\n\n  protected openAttention(item: AttentionRowVm): void {\n    const live = this.liveCalls().some((c) => c.id === item.callId);\n    void this.router.navigate(live ? ['../live', item.callId] : ['../history', item.callId], {\n      relativeTo: this.route,\n    });\n  }\n\n  private toLiveCallRow(call: LiveCall): LiveCallRowVm {\n    const unknown = isUnknownCaller(call.name, call.matched);\n    const needsAssistance = this.isAssistanceStatus(call.status);\n    const staffHandling = call.status === 'takeover' || call.controlMode === 'takeover';\n    const lastTool = call.tools[call.tools.length - 1];\n\n    return {\n      id: call.id,\n      name: unknown ? 'Unknown Caller' : call.name.trim() || 'Unknown Caller',\n      initials: unknown ? '?' : call.initials || '?',\n      avatarTone: unknown ? 'gray' : 'warm',\n      metaLine: callerMetaLine({\n        name: call.name,\n        matched: call.matched,\n        phone: call.phone,\n        dob: call.dob,\n        age: call.age ?? ageFromDob(call.dob),\n        gender: call.gender,\n      }),\n      sentiment: call.sentiment,\n      sentimentLabel: sentimentLabel(call.sentiment),\n      sentimentIconSrc: sentimentIconSrc(call.sentiment),\n      direction: call.direction,\n      directionIcon: call.direction === 'inbound' ? 'call_received' : 'call_made',\n      directionTitle: call.direction === 'inbound' ? 'Incoming call' : 'Outgoing call',\n      goal: call.reason || call.goal || '—',\n      statusSubtitle: lastTool?.result || call.goal || 'In progress…',\n      handlingLabel: needsAssistance\n        ? 'NEED ASSISTANCE'\n        : staffHandling\n          ? 'STAFF HANDLING'\n          : 'AI HANDLING',\n      handlingVariant: needsAssistance ? 'danger' : staffHandling ? 'success' : 'opened',\n      needsAssistance,\n      started: call.started,\n    };\n  }\n\n  private toAttentionFromLive(call: LiveCall): AttentionRowVm {\n    const unknown = isUnknownCaller(call.name, call.matched);\n    return {\n      id: `live-${call.id}`,\n      callId: call.id,\n      name: unknown ? 'Unknown Caller' : call.name.trim() || 'Unknown Caller',\n      initials: unknown ? '?' : call.initials || '?',\n      avatarTone: unknown ? 'gray' : 'violet',\n      metaLine: callerMetaLine({\n        name: call.name,\n        matched: call.matched,\n        phone: call.phone,\n        dob: call.dob,\n        age: call.age ?? ageFromDob(call.dob),\n        gender: call.gender,\n      }),\n      badge: this.attentionBadgeFromLive(call),\n      detail: call.goal || call.reason || 'Needs staff follow-up.',\n      timeLabel: 'Just now',\n      direction: call.direction,\n      directionIcon: call.direction === 'inbound' ? 'call_received' : 'call_made',\n      directionTitle: call.direction === 'inbound' ? 'Incoming call' : 'Outgoing call',\n    };\n  }\n\n  private toAttentionFromHistory(row: HistoryCall): AttentionRowVm {\n    const unknown = isUnknownCaller(row.name);\n    const inbound = row.direction === 'inbound';\n    return {\n      id: `hist-${row.id}`,\n      callId: row.id,\n      name: unknown ? 'Unknown Caller' : row.name.trim() || 'Unknown Caller',\n      initials: unknown || !row.initials ? '?' : row.initials,\n      avatarTone: unknown || row.initials === '?' ? 'gray' : 'violet',\n      metaLine: callerMetaLine({\n        dob: row.dob,\n        age: row.age,\n        gender: row.gender,\n        phone: row.phone,\n        name: row.name,\n      }),\n      badge: this.attentionBadgeFromHistory(row),\n      detail: row.reason || row.outcome || 'Needs review.',\n      timeLabel: row.whenLabel || 'Recently',\n      direction: row.direction,\n      directionIcon: inbound ? 'call_received' : 'call_made',\n      directionTitle: inbound ? 'Incoming call' : 'Outgoing call',\n    };\n  }\n\n  private toRecentHistoryRow(row: HistoryCall): RecentHistoryRowVm {\n    const unknown = isUnknownCaller(row.name);\n    const resolution = historyResolution({\n      outcome: row.outcome,\n      resolution: row.resolution,\n      risk: row.risk,\n    });\n    const handledByStaff = row.handledBy === 'staff';\n    const inbound = row.direction === 'inbound';\n    const chips = historyResultChips(row.results, row.outcome);\n\n    return {\n      id: row.id,\n      name: row.name || 'Unknown Caller',\n      initials: row.initials || '?',\n      avatarTone: unknown || row.initials === '?' ? 'gray' : 'brand',\n      metaLine: callerMetaLine({\n        dob: row.dob,\n        age: row.age,\n        gender: row.gender,\n        phone: row.phone,\n        name: row.name,\n      }),\n      direction: row.direction,\n      directionIcon: inbound ? 'call_received' : 'call_made',\n      directionTitle: inbound ? 'Incoming call' : 'Outgoing call',\n      reason: row.reason || '—',\n      handledByLabel: handledByStaff ? 'STAFF' : 'AI',\n      handledByVariant: handledByStaff ? 'primary' : 'opened',\n      resolution,\n      resolutionLabel: historyResolutionLabel(resolution),\n      resolutionVariant: resolution === 'resolved' ? 'success' : 'warning',\n      resultChips: chips.map((label) => ({ label, icon: resultChipIcon(label) })),\n      durationLabel: row.durationLabel ?? this.formatDuration(row.duration),\n      started: row.started || null,\n      whenLabel: row.whenLabel || '—',\n      needsReview: isNeedsReview(row.review),\n    };\n  }\n\n  private isAssistanceStatus(status: CallStatus): boolean {\n    return status === 'needs-help' || status === 'human-requested' || status === 'urgent';\n  }\n\n  private attentionBadgeFromLive(call: LiveCall): string {\n    if (call.status === 'urgent') return 'SAFETY ESCALATION';\n    if (call.status === 'human-requested') return 'HUMAN REQUESTED';\n    if (call.verification === 'failed' || call.verification === 'unknown') return 'IDENTITY UNRESOLVED';\n    if (call.status === 'needs-help') return 'NEED ASSISTANCE';\n    return 'NEEDS REVIEW';\n  }\n\n  private attentionBadgeFromHistory(row: HistoryCall): string {\n    const o = (row.outcome || row.reason || '').toLowerCase();\n    if (o.includes('book') || o.includes('appoint')) return 'BOOKING FAILURE';\n    if (o.includes('ident') || row.verification === 'failed' || row.verification === 'unknown') {\n      return 'IDENTITY UNRESOLVED';\n    }\n    if (row.risk === 'urgent') return 'SAFETY ESCALATION';\n    return 'NEEDS REVIEW';\n  }\n\n  private formatDuration(sec: number): string {\n    const m = Math.floor(sec / 60);\n    const s = sec % 60;\n    return `${m}:${s.toString().padStart(2, '0')}`;\n  }\n}\n","<div class=\"flex h-full  flex-col overflow-auto bg-lighter p-base dashboard-page\">\n  <header class=\"mb-base flex shrink-0 items-start justify-between gap-base\">\n    <div class=\"flex flex-col gap-2xs\">\n      <h3>Dashboard</h3>\n      <p class=\"fs-sm text-light\">Monitor AI receptionist activity and follow up where needed</p>\n    </div>\n    <ed-button\n      class=\"shrink-0\"\n      variant=\"default\"\n      size=\"sm\"\n      (click$)=\"exportCsv()\">\n      <ed-icon slot=\"prefix\" name=\"download\" [size]=\"16\" />\n      Export CSV\n    </ed-button>\n  </header>\n\n  <div class=\"flex  flex-1 flex-col gap-base  \">\n  @if (loading()) {\n    <section class=\"grid grid-cols-1 gap-base sm:grid-cols-2 xl:grid-cols-4\" aria-label=\"Overview KPIs\" aria-busy=\"true\">\n      @for (_ of kpiSkeletonRows; track _) {\n        <article class=\"flex flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-base\">\n          <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n          <ed-skeleton class=\"h-6 w-14\"></ed-skeleton>\n          <ed-skeleton class=\"h-3 w-24\"></ed-skeleton>\n        </article>\n      }\n    </section>\n\n    <section\n      class=\"grid grid-cols-1 items-start gap-base xl:grid-cols-[minmax(0,785fr)_minmax(0,415fr)]\"\n      aria-label=\"Live calls and needs attention\"\n      aria-busy=\"true\"\n    >\n      <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\n        <header class=\"flex shrink-0 items-center justify-between gap-sm\">\n          <div class=\"flex items-center gap-sm\">\n            <h4>Live Calls</h4>\n            <ed-skeleton class=\"h-5 w-16 !rounded-full\"></ed-skeleton>\n          </div>\n          <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\n        </header>\n        <ul class=\"m-0 grid max-h-64 list-none content-start gap-xs overflow-x-hidden overflow-y-auto p-0\">\n          @for (_ of listSkeletonRows; track _) {\n            <li>\n              <div class=\"flex w-full items-center gap-base rounded-md border border-light bg-white p-sm\">\n                <div class=\"flex min-w-0 flex-1 items-center gap-xs xl:max-w-xs\">\n                  <ed-skeleton class=\"h-9 w-9 shrink-0 !rounded-md\"></ed-skeleton>\n                  <div class=\"grid min-w-0 flex-1 gap-2xs\">\n                    <ed-skeleton class=\"h-3 w-32\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\n                  </div>\n                </div>\n                <div class=\"hidden min-w-0 flex-1 items-center gap-xs xl:flex\">\n                  <ed-skeleton class=\"h-9 w-9 shrink-0 !rounded-md\"></ed-skeleton>\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-24\"></ed-skeleton>\n                  </div>\n                </div>\n                <div class=\"grid shrink-0 justify-items-end gap-2xs self-stretch\">\n                  <ed-skeleton class=\"h-5 w-24 !rounded-full\"></ed-skeleton>\n                  <ed-skeleton class=\"h-3 w-12\"></ed-skeleton>\n                </div>\n              </div>\n            </li>\n          }\n        </ul>\n      </article>\n\n      <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\n        <header class=\"flex shrink-0 items-center justify-between gap-sm\">\n          <div class=\"flex items-center gap-sm\">\n            <h4>Needs Attention</h4>\n            <ed-skeleton class=\"h-5 w-8 !rounded-full\"></ed-skeleton>\n          </div>\n          <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\n        </header>\n        <ul class=\"m-0 grid max-h-64 list-none content-start gap-xs overflow-x-hidden overflow-y-auto p-0\">\n          @for (_ of listSkeletonRows; track _) {\n            <li>\n              <div class=\"flex w-full flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-sm\">\n                <div class=\"flex w-full min-w-0 items-center gap-xs\">\n                  <div class=\"flex min-w-0 flex-1 items-center gap-xs\">\n                    <ed-skeleton class=\"h-9 w-9 shrink-0 !rounded-md\"></ed-skeleton>\n                    <div class=\"flex min-w-0 flex-1 flex-col gap-2xs\">\n                      <ed-skeleton class=\"h-3 w-32\"></ed-skeleton>\n                      <ed-skeleton class=\"h-3 w-36\"></ed-skeleton>\n                    </div>\n                  </div>\n                  <ed-skeleton class=\"h-5 w-28 shrink-0 !rounded-full\"></ed-skeleton>\n                </div>\n                <div class=\"flex w-full min-w-0 items-center gap-sm\">\n                  <div class=\"flex min-w-0 flex-1 items-center gap-xs\">\n                    <ed-skeleton class=\"h-8 w-8 shrink-0 !rounded-md\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-full max-w-xs\"></ed-skeleton>\n                  </div>\n                  <ed-skeleton class=\"h-3 w-14 shrink-0\"></ed-skeleton>\n                </div>\n              </div>\n            </li>\n          }\n        </ul>\n      </article>\n    </section>\n\n    <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\" aria-busy=\"true\">\n      <header class=\"flex items-center justify-between gap-xs\">\n        <div class=\"flex items-center gap-sm\">\n          <h4>Recent Calls</h4>\n          <ed-skeleton class=\"h-5 w-8 !rounded-full\"></ed-skeleton>\n        </div>\n        <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\n      </header>\n      <div class=\"overflow-x-auto bg-white rounded-md\">\n        <table class=\"table-default relative min-w-5xl w-full\" aria-label=\"Recent calls\">\n          <thead>\n            <tr>\n              <th>Time</th>\n              <th>Patient/Caller</th>\n              <th class=\"w-16 text-center\" aria-label=\"Direction\">\n                <span class=\"inline-flex items-center justify-center gap-2xs\">\n                  <ed-icon name=\"call_received\" [size]=\"12\" class=\"text-success\" color=\"currentColor\" />\n                  <span class=\"text-light\">/</span>\n                  <ed-icon name=\"call_made\" [size]=\"12\" class=\"text-primary\" color=\"currentColor\" />\n                </span>\n              </th>\n              <th>Goal</th>\n              <th>Handled By</th>\n              <th>Resolution</th>\n              <th>Result</th>\n              <th>Duration</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (_ of skeletonRows; track _) {\n              <tr>\n                <td>\n                  <div class=\"grid gap-2xs py-2xs\">\n                    <ed-skeleton class=\"h-3 w-12\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-20\"></ed-skeleton>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"flex items-center gap-xs py-2xs\">\n                    <ed-skeleton class=\"h-8 w-8 !rounded-md\"></ed-skeleton>\n                    <div class=\"grid gap-2xs\">\n                      <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n                      <ed-skeleton class=\"h-3 w-36\"></ed-skeleton>\n                    </div>\n                  </div>\n                </td>\n                <td class=\"text-center\">\n                  <div class=\"flex justify-center py-2xs\">\n                    <ed-skeleton class=\"h-5 w-5 !rounded\"></ed-skeleton>\n                  </div>\n                </td>\n                <td><ed-skeleton class=\"h-3 w-32\"></ed-skeleton></td>\n                <td><ed-skeleton class=\"h-5 w-12 !rounded-full\"></ed-skeleton></td>\n                <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\n                <td><ed-skeleton class=\"h-5 w-28 !rounded\"></ed-skeleton></td>\n                <td><ed-skeleton class=\"h-3 w-10\"></ed-skeleton></td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    </article>\n  } @else if (data()) {\n    <section class=\"grid grid-cols-1 gap-base sm:grid-cols-2 xl:grid-cols-4\" aria-label=\"Overview KPIs\">\n      @for (tile of kpiCards(); track tile.id) {\n        @if (tile.link) {\n          <a\n            [routerLink]=\"tile.link\"\n            [queryParams]=\"tile.queryParams ?? null\"\n            class=\"flex flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-base no-underline text-inherit transition-colors hover:bg-primary-100 hover:shadow-sm\">\n            <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">{{ tile.label }}</span>\n            <h3>{{ tile.value }}</h3>\n            <span class=\"fs-xs text-light\">{{ tile.meta }}</span>\n          </a>\n        } @else {\n          <article class=\"flex flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-base\">\n            <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">{{ tile.label }}</span>\n            <h3>{{ tile.value }}</h3>\n            <span class=\"fs-sm text-light\">{{ tile.meta }}</span>\n          </article>\n        }\n      }\n    </section>\n\n    <section\n      class=\"grid grid-cols-1 items-start gap-base xl:grid-cols-[minmax(0,785fr)_minmax(0,415fr)]\"\n      aria-label=\"Live calls and needs attention\">\n      <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\n        <header class=\"flex shrink-0 items-center justify-between gap-sm\">\n          <div class=\"flex items-center gap-sm\">\n            <h4>Live Calls</h4>\n            @if (agentOffline()) {\n              <span class=\"inline-flex items-center gap-2xs fs-sm font-semibold text-danger\">\n                <ed-icon name=\"phone_disabled\" [size]=\"18\" />\n                Offline\n              </span>\n            } @else {\n              <ed-badge-2 variant=\"success\" pill uppercase>\n                {{ liveCallCount() }} LIVE\n              </ed-badge-2>\n            }\n          </div>\n          <a routerLink=\"../live\"\n            class=\"inline-flex items-center gap-2xs fs-sm font-medium text-primary no-underline\">\n            View All\n            <ed-icon name=\"chevron_right\" [size]=\"16\" color=\"currentColor\" />\n          </a>\n        </header>\n\n        <ul class=\"m-0 grid max-h-64 list-none content-start gap-xs overflow-x-hidden overflow-y-auto p-0\">\n          @if (liveCallsError()) {\n            <li class=\"fs-sm text-light\" role=\"alert\">{{ liveCallsError() }}</li>\n          }\n          @if (liveCallsLoading() && liveCallRows().length === 0) {\n            @for (_ of listSkeletonRows; track _) {\n              <li>\n                <div class=\"flex w-full items-center gap-base rounded-md border border-light bg-white p-sm\">\n                  <div class=\"flex min-w-0 flex-1 items-center gap-xs xl:max-w-xs\">\n                    <ed-skeleton class=\"h-9 w-9 shrink-0 !rounded-md\"></ed-skeleton>\n                    <div class=\"grid min-w-0 flex-1 gap-2xs\">\n                      <ed-skeleton class=\"h-3 w-32\"></ed-skeleton>\n                      <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\n                    </div>\n                  </div>\n                  <div class=\"hidden min-w-0 flex-1 items-center gap-xs xl:flex\">\n                    <ed-skeleton class=\"h-9 w-9 shrink-0 !rounded-md\"></ed-skeleton>\n                    <div class=\"grid min-w-0 gap-2xs\">\n                      <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n                      <ed-skeleton class=\"h-3 w-24\"></ed-skeleton>\n                    </div>\n                  </div>\n                  <div class=\"grid shrink-0 justify-items-end gap-2xs self-stretch\">\n                    <ed-skeleton class=\"h-5 w-24 !rounded-full\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-12\"></ed-skeleton>\n                  </div>\n                </div>\n              </li>\n            }\n          }\n          @for (call of liveCallRows(); track call.id) {\n            <li>\n              <button\n                type=\"button\"\n                class=\"flex w-full cursor-pointer items-center gap-base rounded-md border border-light bg-white p-sm text-left transition-colors hover:bg-lighter hover:shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary\"\n                [class.border-danger]=\"call.needsAssistance\"\n                [class.bg-danger-50]=\"call.needsAssistance\"\n                (click)=\"openLiveCall(call.id)\"\n              >\n                <div class=\"flex min-w-0 flex-1 items-center gap-xs xl:max-w-xs\">\n                  <ed-avatar\n                    shape=\"box\"\n                    size=\"base\"\n                    [initials]=\"call.initials\"\n                    [tone]=\"call.avatarTone\"\n                  />\n                  <div class=\"grid min-w-0 flex-1 gap-2xs\">\n                    <div class=\"flex min-w-0 flex-wrap items-center gap-sm\">\n                      <span class=\"fs-sm font-semibold text-dark\">{{ call.name }}</span>\n                      <span class=\"vr-sentiment\" [attr.data-sentiment]=\"call.sentiment\">\n                        <span class=\"vr-sentiment__icon\" aria-hidden=\"true\">\n                          <img [src]=\"call.sentimentIconSrc\" alt=\"\" width=\"16\" height=\"16\" />\n                        </span>\n                        <span>{{ call.sentimentLabel }}</span>\n                      </span>\n                    </div>\n                    <span class=\"fs-sm whitespace-nowrap text-light\">{{ call.metaLine }}</span>\n                  </div>\n                </div>\n\n                <div class=\"hidden min-w-0 flex-1 items-center gap-xs xl:flex\">\n                  <span\n                    class=\"inline-flex size-9 shrink-0 items-center justify-center rounded-md\"\n                    [class.bg-success-50]=\"call.direction === 'inbound'\"\n                    [class.text-success]=\"call.direction === 'inbound'\"\n                    [class.bg-primary-50]=\"call.direction === 'outbound'\"\n                    [class.text-primary]=\"call.direction === 'outbound'\"\n                    [smartTooltip]=\"call.directionTitle\"\n                  >\n                    <ed-icon [name]=\"call.directionIcon\" [size]=\"18\" color=\"currentColor\" />\n                  </span>\n                  <div class=\"grid min-w-0 gap-2xs whitespace-nowrap\">\n                    <span class=\"fs-sm font-medium text-dark\">{{ call.goal }}</span>\n                    <span class=\"fs-xs text-light\">{{ call.statusSubtitle }}</span>\n                  </div>\n                </div>\n\n                <div class=\"grid shrink-0 justify-items-end gap-2xs self-stretch\">\n                  <ed-badge-2 [attr.variant]=\"call.handlingVariant\" pill uppercase>\n                    {{ call.handlingLabel }}\n                  </ed-badge-2>\n                  <strong\n                    class=\"inline-flex items-center gap-2xs fs-2xs text-primary\"\n                    [class.text-danger]=\"call.needsAssistance\"\n                    [class.text-light]=\"!call.needsAssistance\"\n                  >\n                    @if (!call.needsAssistance) {\n                      <eds-pulse-dot />\n                    }\n                    {{ call.started | edsElapsed }}\n                  </strong>\n                </div>\n              </button>\n            </li>\n          } @empty {\n            @if (!liveCallsLoading()) {\n              <li class=\"fs-sm text-light\">No active calls right now.</li>\n            }\n          }\n        </ul>\n      </article>\n\n      <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\n        <header class=\"flex shrink-0 items-center justify-between gap-sm\">\n          <div class=\"flex items-center gap-sm\">\n            <h4>Needs Attention</h4>\n            <ed-badge-2 variant=\"warning\" pill>\n              {{ attentionCount() }}\n            </ed-badge-2>\n          </div>\n          <a\n            routerLink=\"../history\"\n            class=\"inline-flex items-center gap-2xs fs-sm font-medium text-primary no-underline\"\n          >\n            View All\n            <ed-icon name=\"chevron_right\" [size]=\"16\" color=\"currentColor\" />\n          </a>\n        </header>\n\n        <ul class=\"m-0 grid max-h-64 list-none content-start gap-xs overflow-x-hidden overflow-y-auto p-0\">\n          @for (item of attentionRows(); track item.id) {\n            <li>\n              <div\n                role=\"button\"\n                tabindex=\"0\"\n                class=\"flex w-full cursor-pointer flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-sm text-left transition-colors hover:bg-lighter hover:shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary\"\n                [attr.aria-label]=\"'Open attention item for ' + item.name\"\n                (click)=\"openAttention(item)\"\n                (keyup.enter)=\"openAttention(item)\"\n              >\n                <div class=\"flex w-full min-w-0 items-center gap-xs\">\n                  <div class=\"flex min-w-0 flex-1 items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"item.initials\"\n                      [tone]=\"item.avatarTone\"\n                    />\n                    <div class=\"flex min-w-0 flex-1 flex-col gap-2xs\">\n                      <div class=\"flex min-w-0 items-center gap-2xs\">\n                        <span class=\"truncate fs-sm font-semibold text-dark\">{{ item.name }}</span>\n                        <!-- <span class=\"inline-flex shrink-0 text-light\">\n                          <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\n                        </span> -->\n                      </div>\n                      <span class=\"truncate fs-sm text-light\">{{ item.metaLine }}</span>\n                    </div>\n                  </div>\n                  <ed-badge-2 class=\"shrink-0\" variant=\"light\" pill uppercase>\n                    {{ item.badge }}\n                  </ed-badge-2>\n                </div>\n                <div class=\"flex w-full min-w-0 items-center gap-sm\">\n                  <div class=\"flex min-w-0 flex-1 items-center gap-xs\">\n                    <span\n                      class=\"inline-flex size-8 shrink-0 items-center justify-center rounded-md\"\n                      [class.bg-success-50]=\"item.direction === 'inbound'\"\n                      [class.text-success]=\"item.direction === 'inbound'\"\n                      [class.bg-primary-50]=\"item.direction === 'outbound'\"\n                      [class.text-primary]=\"item.direction === 'outbound'\"\n                      [smartTooltip]=\"item.directionTitle\"\n                    >\n                      <ed-icon [name]=\"item.directionIcon\" [size]=\"16\" color=\"currentColor\" />\n                    </span>\n                    <span class=\"min-w-0 flex-1 truncate fs-sm text-light\">{{ item.detail }}</span>\n                  </div>\n                  <span class=\"shrink-0 whitespace-nowrap fs-xs text-light\">{{ item.timeLabel }}</span>\n                </div>\n              </div>\n            </li>\n          } @empty {\n            <li class=\"fs-sm text-light\">Nothing needs attention right now.</li>\n          }\n        </ul>\n      </article>\n    </section>\n\n    <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\n      <header class=\"flex items-center justify-between gap-xs\">\n        <div class=\"flex items-center gap-sm\">\n          <h4>Recent Calls</h4>\n          <ed-badge-2\n            variant=\"light\"\n            pill\n            [attr.aria-label]=\"'Recent calls count ' + recentHistoryCount()\"\n          >\n            {{ recentHistoryCount() }}\n          </ed-badge-2>\n        </div>\n        <a\n          routerLink=\"../history\"\n          class=\"inline-flex items-center gap-2xs fs-sm font-medium text-primary no-underline\"\n        >\n          View All\n          <ed-icon name=\"chevron_right\" [size]=\"16\" color=\"currentColor\" />\n        </a>\n      </header>\n\n      <div class=\"overflow-x-auto bg-white rounded-md\">\n        <table class=\"table-default relative min-w-5xl w-full\" aria-label=\"Recent calls\">\n          <thead>\n            <tr>\n              <th>Time</th>\n              <th>Patient/Caller</th>\n              <th class=\"w-16 text-center\" aria-label=\"Direction\">\n                <span class=\"inline-flex items-center justify-center gap-2xs\">\n                  <ed-icon name=\"call_received\" [size]=\"12\" class=\"text-success\" color=\"currentColor\" />\n                  <span class=\"text-light\">/</span>\n                  <ed-icon name=\"call_made\" [size]=\"12\" class=\"text-primary\" color=\"currentColor\" />\n                </span>\n              </th>\n              <th>Goal</th>\n              <th>Handled By</th>\n              <th>Resolution</th>\n              <th>Result</th>\n              <th>Duration</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (row of recentHistoryRows(); track row.id) {\n              <tr\n                class=\"focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary\"\n                tabindex=\"0\"\n                role=\"link\"\n                [attr.aria-label]=\"'View call details for ' + row.name\"\n                (click)=\"openHistoryDetail(row.id)\"\n                (keyup.enter)=\"openHistoryDetail(row.id)\"\n              >\n                <td>\n                  <div class=\"flex flex-col gap-2xs whitespace-nowrap\">\n                    @if (row.started) {\n                      <span class=\"fs-xs font-medium text-light\">{{ row.started | date: 'shortTime' }}</span>\n                      <span class=\"fs-xs text-light\">{{ row.started | date: 'MMM d, y' }}</span>\n                    } @else {\n                      <span class=\"fs-xs font-medium text-light\">{{ row.whenLabel }}</span>\n                    }\n                  </div>\n                </td>\n\n                <td>\n                  <div class=\"flex min-w-52 items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"row.initials\"\n                      [tone]=\"row.avatarTone\"\n                    />\n                    <div class=\"flex min-w-0 flex-col gap-2xs\">\n                      <div class=\"flex min-w-0 items-center gap-2xs text-dark\">\n                        <span\n                          class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold\"\n                          [smartTooltip]=\"row.name\"\n                          [tooltipOnlyWhenTruncated]=\"true\"\n                        >{{ row.name }}</span>\n                        <!-- <span class=\"inline-flex shrink-0 text-light\">\n                          <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\n                        </span> -->\n                      </div>\n                      <span\n                        class=\"inline-block min-w-0 max-w-64 truncate fs-xs text-light\"\n                        [smartTooltip]=\"row.metaLine\"\n                        [tooltipOnlyWhenTruncated]=\"true\"\n                      >{{ row.metaLine }}</span>\n                    </div>\n                  </div>\n                </td>\n\n                <td class=\"text-center\">\n                  <span\n                    class=\"inline-flex size-5 items-center justify-center rounded\"\n                    [class.bg-success-50]=\"row.direction === 'inbound'\"\n                    [class.text-success]=\"row.direction === 'inbound'\"\n                    [class.bg-primary-50]=\"row.direction === 'outbound'\"\n                    [class.text-primary]=\"row.direction === 'outbound'\"\n                    [smartTooltip]=\"row.directionTitle\"\n                  >\n                    <ed-icon [name]=\"row.directionIcon\" [size]=\"12\" color=\"currentColor\" />\n                  </span>\n                </td>\n\n                <td>\n                  <span\n                    class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-medium text-light\"\n                    [smartTooltip]=\"row.reason\"\n                    [tooltipOnlyWhenTruncated]=\"true\"\n                  >{{ row.reason }}</span>\n                </td>\n\n                <td>\n                  <ed-badge-2 [attr.variant]=\"row.handledByVariant\" pill uppercase>\n                    {{ row.handledByLabel }}\n                  </ed-badge-2>\n                </td>\n\n                <td>\n                  @if (row.resolution) {\n                    <ed-badge-2 [attr.variant]=\"row.resolutionVariant\" pill uppercase>\n                      {{ row.resolutionLabel }}\n                    </ed-badge-2>\n                  }\n                </td>\n\n                <td>\n                  <div class=\"flex min-w-0 max-w-80 flex-wrap gap-2xs\">\n                    @for (chip of row.resultChips; track chip.label) {\n                      <span\n                        class=\"inline-flex h-5 max-w-48 min-w-0 items-center gap-2xs rounded bg-light px-2xs fs-xs font-medium text-dark\"\n                      >\n                        <ed-icon [name]=\"chip.icon\" [size]=\"12\" color=\"currentColor\" />\n                        <span\n                          class=\"min-w-0 truncate\"\n                          [smartTooltip]=\"chip.label\"\n                          [tooltipOnlyWhenTruncated]=\"true\"\n                        >{{ chip.label }}</span>\n                      </span>\n                    } @empty {\n                      <span class=\"fs-sm text-light\">—</span>\n                    }\n                  </div>\n                </td>\n\n                <td class=\"whitespace-nowrap tabular-nums fs-xs font-medium text-light\">\n                  {{ row.durationLabel }}\n                </td>\n              </tr>\n            } @empty {\n              <tr class=\"table-no-data\">\n                <td colspan=\"8\" class=\"py-base text-center fs-sm text-light\">No recent calls.</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    </article>\n  }\n  </div>\n</div>\n"],"names":[],"mappings":"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"}

package/fesm2022/{edvak99-voice-receptionist-widget-eds-elapsed.pipe-BFCiJOT3.mjs → edvak99-voice-receptionist-widget-eds-elapsed.pipe-Dra7e7xN.mjs}

@@ -1,6 +1,30 @@
 import * as i0 from '@angular/core';
 import { Pipe } from '@angular/core';
 
+/** Figma AI-Receptionist sentiment tag icons (16×16 fill smileys). */
+const SENTIMENT_ICON = {
+    calm: 'assets/icons/smiley-fill.svg',
+    neutral: 'assets/icons/smiley-meh-fill.svg',
+    urgent: 'assets/icons/smiley-nervous-fill.svg',
+    frustrated: 'assets/icons/smiley-angry-fill.svg',
+};
+function sentimentLabel(sentiment) {
+    switch (sentiment) {
+        case 'calm':
+            return 'Calm';
+        case 'frustrated':
+            return 'Frustrated';
+        case 'urgent':
+            return 'Concerned';
+        case 'neutral':
+        default:
+            return 'Uncertain';
+    }
+}
+function sentimentIconSrc(sentiment) {
+    return SENTIMENT_ICON[sentiment] ?? SENTIMENT_ICON.neutral;
+}
+
 class EdsElapsedPipe {
     transform(startMs) {
         if (!startMs)
@@ -18,5 +42,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
             args: [{ name: 'edsElapsed', standalone: true, pure: false }]
         }] });
 
-export { EdsElapsedPipe as E };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-eds-elapsed.pipe-BFCiJOT3.mjs.map
+export { EdsElapsedPipe as E, sentimentLabel as a, sentimentIconSrc as s };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-eds-elapsed.pipe-Dra7e7xN.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-eds-elapsed.pipe-Dra7e7xN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-eds-elapsed.pipe-Dra7e7xN.mjs","sources":["../../../src/lib/utils/sentiment-display.util.ts","../../../src/lib/pipes/eds-elapsed.pipe.ts"],"sourcesContent":["import { Sentiment } from '../models/ai-receptionist.types';\n\n/** Figma AI-Receptionist sentiment tag icons (16×16 fill smileys). */\nconst SENTIMENT_ICON: Record<Sentiment, string> = {\n  calm: 'assets/icons/smiley-fill.svg',\n  neutral: 'assets/icons/smiley-meh-fill.svg',\n  urgent: 'assets/icons/smiley-nervous-fill.svg',\n  frustrated: 'assets/icons/smiley-angry-fill.svg',\n};\n\nexport function sentimentLabel(sentiment: Sentiment): string {\n  switch (sentiment) {\n    case 'calm':\n      return 'Calm';\n    case 'frustrated':\n      return 'Frustrated';\n    case 'urgent':\n      return 'Concerned';\n    case 'neutral':\n    default:\n      return 'Uncertain';\n  }\n}\n\nexport function sentimentIconSrc(sentiment: Sentiment): string {\n  return SENTIMENT_ICON[sentiment] ?? SENTIMENT_ICON.neutral;\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({ name: 'edsElapsed', standalone: true, pure: false })\nexport class EdsElapsedPipe implements PipeTransform {\n  transform(startMs: number | null | undefined): string {\n    if (!startMs) return '0:00';\n    const sec = Math.max(0, Math.floor((Date.now() - startMs) / 1000));\n    const m = Math.floor(sec / 60);\n    const s = sec % 60;\n    return `${m}:${s.toString().padStart(2, '0')}`;\n  }\n}\n"],"names":[],"mappings":";;;AAEA;AACA,MAAM,cAAc,GAA8B;AAChD,IAAA,IAAI,EAAE,8BAA8B;AACpC,IAAA,OAAO,EAAE,kCAAkC;AAC3C,IAAA,MAAM,EAAE,sCAAsC;AAC9C,IAAA,UAAU,EAAE,oCAAoC;CACjD;AAEK,SAAU,cAAc,CAAC,SAAoB,EAAA;IACjD,QAAQ,SAAS;AACf,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,MAAM;AACf,QAAA,KAAK,YAAY;AACf,YAAA,OAAO,YAAY;AACrB,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,WAAW;AACpB,QAAA,KAAK,SAAS;AACd,QAAA;AACE,YAAA,OAAO,WAAW;;AAExB;AAEM,SAAU,gBAAgB,CAAC,SAAoB,EAAA;IACnD,OAAO,cAAc,CAAC,SAAS,CAAC,IAAI,cAAc,CAAC,OAAO;AAC5D;;MCvBa,cAAc,CAAA;AACzB,IAAA,SAAS,CAAC,OAAkC,EAAA;AAC1C,QAAA,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,MAAM;QAC3B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,OAAO,IAAI,IAAI,CAAC,CAAC;QAClE,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC;AAC9B,QAAA,MAAM,CAAC,GAAG,GAAG,GAAG,EAAE;AAClB,QAAA,OAAO,CAAA,EAAG,CAAC,CAAA,CAAA,EAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;IAChD;+GAPW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;6GAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,YAAA,EAAA,IAAA,EAAA,KAAA,EAAA,CAAA,CAAA;;4FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAD1B,IAAI;mBAAC,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE;;;;;"}

package/fesm2022/{edvak99-voice-receptionist-widget-eds-search-field.component-OGRDvYBp.mjs → edvak99-voice-receptionist-widget-eds-search-field.component-BDGCmkoP.mjs}

@@ -14,7 +14,7 @@ class EdsSearchFieldComponent {
         this.type = input('search');
         this.placeholder = input('');
         this.ariaLabel = input('');
-        this.inputClass = input('min-w-52 flex-1 rounded-md border border-zinc-200 px-3 py-2 text-sm');
+        this.inputClass = input('form-input');
         this.valueChange = output();
         this.enter = output();
         this.draft = signal('');
@@ -80,4 +80,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
         }], ctorParameters: () => [] });
 
 export { EdsSearchFieldComponent as E };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-eds-search-field.component-OGRDvYBp.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-eds-search-field.component-BDGCmkoP.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-eds-search-field.component-BDGCmkoP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-eds-search-field.component-BDGCmkoP.mjs","sources":["../../../src/lib/ui/eds-search-field.component.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  effect,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\n/**\n * Text search input that keeps the DOM value authoritative while focused.\n * Prevents dropped keystrokes when parent lists re-render or loading flips.\n */\n@Component({\n  selector: 'eds-search-field',\n  standalone: true,\n  imports: [FormsModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <input\n      [id]=\"inputId() || null\"\n      [type]=\"type()\"\n      [class]=\"inputClass()\"\n      [placeholder]=\"placeholder()\"\n      [attr.aria-label]=\"ariaLabel() || null\"\n      [ngModel]=\"draft()\"\n      (ngModelChange)=\"onDraftChange($event)\"\n      (focus)=\"focused.set(true)\"\n      (blur)=\"onBlur()\"\n      (keyup.enter)=\"enter.emit()\"\n      autocomplete=\"off\"\n    />\n  `,\n})\nexport class EdsSearchFieldComponent {\n  readonly value = input('');\n  readonly inputId = input('');\n  readonly type = input<'search' | 'text' | 'tel' | 'email'>('search');\n  readonly placeholder = input('');\n  readonly ariaLabel = input('');\n  readonly inputClass = input('form-input');\n\n\n  readonly valueChange = output<string>();\n  readonly enter = output<void>();\n\n  protected readonly draft = signal('');\n  protected readonly focused = signal(false);\n\n  constructor() {\n    effect(() => {\n      const incoming = this.value();\n      if (!this.focused() && this.draft() !== incoming) {\n        this.draft.set(incoming);\n      }\n    });\n  }\n\n  protected onDraftChange(next: string): void {\n    this.draft.set(next);\n    this.valueChange.emit(next);\n  }\n\n  protected onBlur(): void {\n    this.focused.set(false);\n    const incoming = this.value();\n    if (this.draft() !== incoming) {\n      this.draft.set(incoming);\n    }\n  }\n}\n"],"names":[],"mappings":"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"}