@helixui/library 3.8.0 → 4.0.0

package/dist/shared/hx-phi-field-sZt_rYIL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-phi-field-sZt_rYIL.js","sources":["../../src/components/hx-phi-field/hx-phi-field.styles.ts","../../src/components/hx-phi-field/hx-phi-field.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixPhiFieldStyles = css`\n  :host {\n    display: inline-flex;\n  }\n\n  /* ─── Container ─── */\n\n  .phi-field {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--hx-space-2, 0.5rem);\n    font-family: var(--hx-phi-field-font-family, var(--hx-font-family-mono, monospace));\n  }\n\n  /* ─── Value ─── */\n\n  .phi-field__value--masked {\n    user-select: none;\n    -webkit-user-select: none;\n    color: var(--hx-phi-field-masked-color, var(--hx-color-text-muted, #4a5362));\n    letter-spacing: var(--hx-phi-field-letter-spacing, 0.1em);\n  }\n\n  .phi-field__value--revealed {\n    color: var(--hx-phi-field-value-color, var(--hx-color-text-primary, #0d1825));\n  }\n\n  /* ─── Screen Reader Status ─── */\n\n  .phi-field__status {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n    padding: 0;\n    margin: -1px;\n  }\n\n  /* ─── Toggle Button ─── */\n\n  .phi-field__toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: none;\n    padding: var(--hx-space-1, 0.25rem);\n    min-width: var(--hx-touch-target-min, 2.75rem);\n    min-height: var(--hx-touch-target-min, 2.75rem);\n    color: var(--hx-phi-field-toggle-color, var(--hx-color-primary-500, #429797));\n    cursor: pointer;\n    line-height: 1;\n    border-radius: var(--hx-border-radius-sm, 0.25rem);\n  }\n\n  .phi-field__toggle:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-phi-field-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n  }\n\n  .phi-field__toggle:hover {\n    opacity: var(--hx-opacity-90, 0.9);\n  }\n\n  .phi-field__toggle:active {\n    opacity: var(--hx-opacity-50, 0.5);\n  }\n\n  .phi-field__glyph {\n    --hx-icon-size: 1em;\n    pointer-events: none;\n  }\n\n  /* ─── Disabled State ─── */\n\n  :host([disabled]) {\n    opacity: var(--hx-phi-field-disabled-opacity, var(--hx-opacity-50, 0.5));\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n\n  .phi-field--disabled .phi-field__toggle {\n    cursor: not-allowed;\n  }\n\n  /* ─── Reduced Motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .phi-field__toggle {\n      transition: none;\n    }\n  }\n\n  /* ─── Forced Colors (Windows High Contrast Mode) ─── */\n\n  @media (forced-colors: active) {\n    .phi-field__toggle {\n      border: 1px solid ButtonText;\n      forced-color-adjust: none;\n    }\n\n    .phi-field__toggle:focus-visible {\n      outline: 2px solid Highlight;\n      outline-offset: 2px;\n    }\n  }\n`;\n","import { html, type TemplateResult } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport '../hx-icon/hx-icon.js';\nimport { HelixElement } from '../../base/index.js';\nimport { helixPhiFieldStyles } from './hx-phi-field.styles.js';\nimport { forcedColorsField } from '../../styles/forced-colors.js';\nimport { devWarn } from '../../utils/dev-warn.js';\n\n/**\n * HIPAA-compliant field component for rendering masked Protected Health Information (PHI).\n * PHI is masked by default and only rendered to the DOM when explicitly revealed. Access\n * events are fired on reveal, hide, and clipboard auto-clear for audit trail purposes.\n *\n * ## Security Model — Event Composition\n *\n * The `hx-phi-access` event is dispatched with `composed: true` so it crosses shadow DOM\n * boundaries and reaches application-level audit listeners. This is intentional — audit\n * trail events MUST reach the host application regardless of shadow DOM nesting depth.\n *\n * **PHI is never included in event details.** The `PhiAccessEventDetail` payload contains\n * only audit metadata: `fieldId`, `action`, `timestamp`, and `fieldType`. The actual PHI\n * value (the `data` property) is deliberately excluded from all dispatched events.\n *\n * ### Consumer Responsibilities\n *\n * - **Audit logging**: Listen for `hx-phi-access` at the application root to build a\n *   HIPAA-compliant access audit trail. The `fieldId` and `timestamp` fields correlate\n *   access events to specific data elements without exposing the data itself.\n * - **Multi-tenant isolation**: In micro-frontend architectures where multiple patient\n *   contexts share a document, consumers MUST scope their `hx-phi-access` listeners to\n *   the appropriate DOM subtree (e.g., listen on a container element rather than\n *   `document`). Composed events from one patient context will bubble through shared\n *   ancestors.\n * - **Do not extend event details with PHI**: When wrapping this component, never add\n *   the raw `data` value to re-dispatched events. The separation of audit metadata from\n *   PHI content is a deliberate security boundary.\n *\n * @summary HIPAA-compliant field for rendering masked Protected Health Information.\n *\n * @tag hx-phi-field\n *\n * @csspart container - The outer wrapper element.\n * @csspart value - The value display span (masked or revealed).\n * @csspart toggle - The reveal/hide toggle button.\n *\n * @fires {CustomEvent<PhiAccessEventDetail>} hx-phi-access - Fired on reveal, hide,\n *   auto-hide, clipboard-clear, and clipboard-clear-failed actions. Contains audit\n *   metadata only — never raw PHI. Dispatched with `composed: true` to cross shadow\n *   boundaries for application-level audit listeners.\n *\n * @cssprop [--hx-phi-field-font-family=var(--hx-font-family-mono,monospace)] - Font family for the masked value.\n * @cssprop [--hx-phi-field-value-color=var(--hx-color-neutral-900,#0D1825)] - Value text color.\n * @cssprop [--hx-phi-field-masked-color=var(--hx-color-neutral-500,#66787B)] - Masked value text color.\n * @cssprop [--hx-phi-field-toggle-color=var(--hx-color-primary-500,#429797)] - Toggle button color.\n * @cssprop [--hx-phi-field-focus-ring-color=var(--hx-focus-ring-color,var(--hx-color-primary-500,#429797))] - Focus ring color.\n * @cssprop [--hx-phi-field-disabled-opacity=var(--hx-opacity-50,0.5)] - Opacity applied when the field is disabled.\n * @cssprop [--hx-space-2] - Spacing token.\n * @cssprop [--hx-font-family-mono] - Font family.\n * @cssprop [--hx-color-neutral-500] - Color.\n * @cssprop [--hx-phi-field-letter-spacing=0.1em] - CSS custom property.\n * @cssprop [--hx-color-neutral-900] - Color.\n * @cssprop [--hx-space-1] - Spacing token.\n * @cssprop [--hx-touch-target-min] - Minimum touch target size.\n * @cssprop [--hx-color-primary-500] - Color.\n * @cssprop [--hx-border-radius-sm] - CSS custom property.\n * @cssprop [--hx-focus-ring-width] - Width.\n * @cssprop [--hx-focus-ring-color] - Color.\n * @cssprop [--hx-focus-ring-offset] - CSS custom property.\n * @cssprop [--hx-opacity-90] - Opacity.\n * @cssprop [--hx-opacity-50] - Opacity.\n */\n@customElement('hx-phi-field')\nexport class HelixPhiField extends HelixElement {\n  static override styles = [helixPhiFieldStyles, forcedColorsField];\n\n  // ─── Public Properties ───\n\n  /**\n   * The Protected Health Information value to display or mask.\n   * Must be set via the JavaScript property (`element.data = \"...\"`) — not as an HTML attribute.\n   * Setting PHI as an HTML attribute exposes it in the DOM and browser caches (HIPAA violation).\n   */\n  @property({ attribute: false })\n  data: string = '';\n\n  /**\n   * The type of PHI field. Controls the masking pattern applied.\n   * @attr field-type\n   */\n  @property({ type: String, reflect: true, attribute: 'field-type' })\n  fieldType: 'ssn' | 'mrn' | 'dob' | 'insurance' = 'ssn';\n\n  /**\n   * Identifier used in audit events. Falls back to the element's id attribute.\n   * @attr field-id\n   */\n  @property({ type: String, attribute: 'field-id' })\n  fieldId: string = '';\n\n  /**\n   * Milliseconds after clipboard write before the clipboard is automatically cleared.\n   * Defaults to 30000 (30 seconds).\n   * @attr clipboard-timeout\n   */\n  @property({ type: Number, attribute: 'clipboard-timeout' })\n  clipboardTimeout: number = 30000;\n\n  /**\n   * Accessible label describing the PHI field. Used as a prefix in screen reader\n   * announcements (e.g., \"Social Security Number is masked\").\n   * @attr label\n   */\n  @property({ type: String })\n  label: string = '';\n\n  /**\n   * Seconds of inactivity after reveal before PHI is automatically re-masked.\n   * Prevents PHI from remaining visible indefinitely when a clinician walks away.\n   * Set to 0 to disable auto-hide. Defaults to 60 seconds.\n   * @attr auto-hide-delay\n   */\n  @property({ type: Number, attribute: 'auto-hide-delay' })\n  autoHideDelay: number = 60;\n\n  /**\n   * When set, disables all interaction with the field and prevents reveal.\n   * @attr disabled\n   * @reflect\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled: boolean = false;\n\n  // ─── Internal State ───\n\n  /** @internal */\n  @state() private _masked = true;\n\n  /** @internal */\n  private _clipboardTimer: ReturnType<typeof setTimeout> | null = null;\n\n  /** @internal Timer ID for auto-re-mask after reveal. */\n  private _autoHideTimer: ReturnType<typeof setTimeout> | null = null;\n\n  // ─── Lifecycle ───\n\n  /** @internal Bound reference for visibilitychange listener cleanup. */\n  private readonly _boundHandleVisibilityChange = (): void => {\n    if (document.visibilityState !== 'hidden') return;\n    // Only clear if the field has been revealed (unmasked) or an active\n    // clipboard-clear timer is running. Otherwise there's nothing to clear,\n    // and emitting hx-phi-access with action: 'clipboard-clear' would pollute\n    // the HIPAA audit log with events for fields that were never accessed.\n    if (this._masked && this._clipboardTimer === null) return;\n    this._clearClipboard();\n  };\n\n  /** @internal Bound reference for interaction-based auto-hide timer reset. */\n  private readonly _boundResetAutoHideTimer = (): void => {\n    this._resetAutoHideTimer();\n  };\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // Enforce HIPAA compliance: prevent browser autofill on the host element\n    this.setAttribute('autocomplete', 'off');\n    // HIPAA: Clear clipboard immediately when tab is hidden (prevents PHI exposure\n    // when setTimeout is throttled in backgrounded tabs on mobile/laptop lid close).\n    document.addEventListener('visibilitychange', this._boundHandleVisibilityChange);\n    // FS-029: PHI SSR/attribute exposure prevention.\n    // If a developer (or server-rendered HTML) mistakenly sets PHI via the\n    // `data` HTML attribute, the raw value is readable in the DOM source before\n    // JavaScript initialises — a HIPAA risk on SSR pages. We recover the value\n    // into the JS-only property and then immediately remove the attribute so\n    // that no PHI is ever left exposed in the DOM tree or HTML source.\n    if (this.hasAttribute('data')) {\n      devWarn(\n        'hx-phi-field',\n        'Setting PHI via the `data` HTML attribute is not supported and exposes sensitive data in the DOM source. Use the `data` JS property (element.data = \"...\") instead.',\n      );\n      // Rescue the value into the private property so the component still works,\n      // then strip the attribute so the raw PHI is no longer readable in the DOM.\n      const rawValue = this.getAttribute('data');\n      if (rawValue !== null) {\n        this.data = rawValue;\n      }\n      this.removeAttribute('data');\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._cancelClipboardTimer();\n    this._cancelAutoHideTimer();\n    document.removeEventListener('visibilitychange', this._boundHandleVisibilityChange);\n  }\n\n  // ─── Private Helpers ───\n\n  /** @internal */\n  private _cancelClipboardTimer(): void {\n    if (this._clipboardTimer !== null) {\n      clearTimeout(this._clipboardTimer);\n      this._clipboardTimer = null;\n    }\n  }\n\n  /** @internal Cancel the auto-hide timer if running. */\n  private _cancelAutoHideTimer(): void {\n    if (this._autoHideTimer !== null) {\n      clearTimeout(this._autoHideTimer);\n      this._autoHideTimer = null;\n    }\n    this._removeAutoHideInteractionListeners();\n  }\n\n  /** @internal Start the auto-hide countdown. Resets if already running. */\n  private _scheduleAutoHide(): void {\n    this._cancelAutoHideTimer();\n    if (this.autoHideDelay <= 0) return;\n\n    this._addAutoHideInteractionListeners();\n    this._autoHideTimer = setTimeout(() => {\n      this._autoHideTimer = null;\n      this._autoHide();\n    }, this.autoHideDelay * 1000);\n  }\n\n  /** @internal Reset the auto-hide timer on user interaction. */\n  private _resetAutoHideTimer(): void {\n    if (this._autoHideTimer === null) return;\n    this._scheduleAutoHide();\n  }\n\n  /** @internal Auto-hide PHI and dispatch audit event. */\n  private _autoHide(): void {\n    if (this._masked) return;\n\n    this._removeAutoHideInteractionListeners();\n    // Do NOT cancel the clipboard-clear timer — same reasoning as the manual\n    // hide branch of `_handleToggle`. A reveal may have resulted in a copy,\n    // and cancelling the scheduled clear would leave PHI on the clipboard\n    // past the auto-hide ceiling.\n    this._masked = true;\n\n    this.dispatchEvent(\n      new CustomEvent<PhiAccessEventDetail>('hx-phi-access', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          fieldId: this.fieldId || this.id || '',\n          action: 'auto-hide',\n          timestamp: new Date().toISOString(),\n          fieldType: this.fieldType,\n        },\n      }),\n    );\n  }\n\n  /** @internal Interaction events that reset the auto-hide timer. */\n  private static readonly _AUTO_HIDE_INTERACTION_EVENTS = [\n    'mouseenter',\n    'mousemove',\n    'focusin',\n    'keydown',\n    'pointerdown',\n  ] as const;\n\n  /** @internal Add interaction listeners to reset auto-hide timer. */\n  private _addAutoHideInteractionListeners(): void {\n    for (const event of HelixPhiField._AUTO_HIDE_INTERACTION_EVENTS) {\n      this.addEventListener(event, this._boundResetAutoHideTimer);\n    }\n  }\n\n  /** @internal Remove interaction listeners. */\n  private _removeAutoHideInteractionListeners(): void {\n    for (const event of HelixPhiField._AUTO_HIDE_INTERACTION_EVENTS) {\n      this.removeEventListener(event, this._boundResetAutoHideTimer);\n    }\n  }\n\n  /** @internal */\n  private _scheduleClipboardClear(): void {\n    this._cancelClipboardTimer();\n    this._clipboardTimer = setTimeout(() => {\n      this._clearClipboard();\n    }, this.clipboardTimeout);\n  }\n\n  /** @internal */\n  private _clearClipboard(): void {\n    // Cancel any pending scheduled clear. When `_clearClipboard` is invoked\n    // from the setTimeout callback the timer has already fired and this is a\n    // no-op; when invoked from the visibilitychange pre-emption path it stops\n    // the scheduled timer from firing again and dispatching a duplicate\n    // clipboard-clear audit event.\n    this._cancelClipboardTimer();\n    // Also cancel the auto-hide timer and remove its interaction listeners.\n    // `_clearClipboard` force-masks the field below, so any scheduled auto-hide\n    // is now moot. Without this call the setTimeout stays pending and the\n    // `mouseenter / mousemove / focusin / keydown / pointerdown` listeners\n    // stay attached to the host; when the auto-hide timer later fires,\n    // `_autoHide()` early-returns on `this._masked` WITHOUT removing the\n    // listeners, leaking them until the next scheduleAutoHide/cancelAutoHideTimer\n    // path runs. `_cancelAutoHideTimer` already closes both — one call suffices.\n    this._cancelAutoHideTimer();\n    this._masked = true;\n\n    // `navigator.clipboard.writeText` requires transient user activation in\n    // Chrome and Safari. The clipboard-clear timer fires async (activation\n    // expired) and the visibilitychange pre-emption path has no activation\n    // at all — both can reject silently. Dispatching an unconditional\n    // clipboard-clear audit event in that case would be MISLEADING: the\n    // audit trail would claim PHI was cleared while it in fact remains on\n    // the clipboard. Instead we observe the writeText outcome and dispatch\n    // `clipboard-clear` only on confirmed success, or `clipboard-clear-failed`\n    // when the API is unavailable or the promise rejects. This gives\n    // HIPAA audit consumers an accurate signal and lets them escalate\n    // failures (prompt the user, flag the session, etc).\n    const dispatchOutcome = (succeeded: boolean): void => {\n      this.dispatchEvent(\n        new CustomEvent<PhiAccessEventDetail>('hx-phi-access', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            fieldId: this.fieldId || this.id || '',\n            action: succeeded ? 'clipboard-clear' : 'clipboard-clear-failed',\n            timestamp: new Date().toISOString(),\n            fieldType: this.fieldType,\n          },\n        }),\n      );\n    };\n\n    if (typeof navigator === 'undefined') {\n      dispatchOutcome(false);\n      return;\n    }\n\n    // Every remaining clipboard interaction — including the `navigator.clipboard`\n    // read itself — runs inside this try. The Clipboard API's property descriptor\n    // is UA-defined, so `navigator.clipboard` can legally be an accessor that\n    // throws synchronously. Same for `clipboard.writeText`. Pulling the read\n    // inside the try ensures any sync throw resolves to `clipboard-clear-failed`\n    // instead of an uncaught error that would silently drop the HIPAA audit event.\n    //\n    // `navigator.clipboard` is captured exactly once and the same reference is\n    // used for both the method read and the call's receiver. A shim that exposes\n    // `navigator.clipboard` as a getter returning a fresh object per read (rare\n    // but legal) would otherwise let us grab `writeText` from object A and invoke\n    // it against object B — brand/instance checks inside a real polyfill would\n    // then fail and the call would reject spuriously.\n    //\n    // Promise.resolve() on a non-thenable still resolves, so the then() path\n    // normalizes the return value shape for us.\n    try {\n      const clipboard = navigator.clipboard;\n      if (!clipboard) {\n        dispatchOutcome(false);\n        return;\n      }\n      const writeText = clipboard.writeText;\n      if (typeof writeText !== 'function') {\n        dispatchOutcome(false);\n        return;\n      }\n      void Promise.resolve(writeText.call(clipboard, '')).then(\n        () => dispatchOutcome(true),\n        () => dispatchOutcome(false),\n      );\n    } catch {\n      dispatchOutcome(false);\n    }\n  }\n\n  /** @internal */\n  private _getMaskedValue(): string {\n    if (!this.data) return '';\n\n    switch (this.fieldType) {\n      case 'ssn': {\n        // Format: xxx-xx-xxxx → ***-**-xxxx (show last 4 digits)\n        // Match the separator-delimited pattern first\n        const ssnMatch = this.data.match(/^(\\d{3})(-?)(\\d{2})(-?)(\\d{4})$/);\n        if (ssnMatch) {\n          return `***${ssnMatch[2]}**${ssnMatch[4]}${ssnMatch[5]}`;\n        }\n        // Fallback: mask all but last 4 chars\n        return this.data.slice(0, -4).replace(/\\d/g, '*') + this.data.slice(-4);\n      }\n\n      case 'mrn': {\n        // Mask all but last 4 alphanumeric characters, preserve separators\n        const chars = this.data.split('');\n        const alphanumericIndices: number[] = [];\n        chars.forEach((ch, i) => {\n          if (/[a-zA-Z0-9]/.test(ch)) {\n            alphanumericIndices.push(i);\n          }\n        });\n        const revealCount = Math.min(4, alphanumericIndices.length);\n        const maskUntilIdx = alphanumericIndices.length - revealCount;\n        const indicesToMask = new Set(alphanumericIndices.slice(0, maskUntilIdx));\n        return chars.map((ch, i) => (indicesToMask.has(i) ? '*' : ch)).join('');\n      }\n\n      case 'dob': {\n        // Replace ALL digits with *, preserve separators\n        return this.data.replace(/\\d/g, '*');\n      }\n\n      case 'insurance': {\n        // Format: xxxx-xxxx-xxxx-xxxx → ****-****-****-xxxx (show last 4 digits)\n        const insMatch = this.data.match(/^(\\d{4})(-?)(\\d{4})(-?)(\\d{4})(-?)(\\d{4})$/);\n        if (insMatch) {\n          return `****${insMatch[2]}****${insMatch[4]}****${insMatch[6]}${insMatch[7]}`;\n        }\n        // Fallback: mask all but last 4 chars\n        return this.data.slice(0, -4).replace(/[a-zA-Z0-9]/g, '*') + this.data.slice(-4);\n      }\n\n      default: {\n        // Exhaustive check — fieldType is typed, but guard defensively\n        const _exhaustive: never = this.fieldType;\n        return _exhaustive;\n      }\n    }\n  }\n\n  // ─── Event Handlers ───\n\n  /** @internal */\n  private _handleToggle(): void {\n    if (this.disabled) return;\n\n    // Dispatch BEFORE toggling state so action reflects the upcoming state\n    this.dispatchEvent(\n      new CustomEvent<PhiAccessEventDetail>('hx-phi-access', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          fieldId: this.fieldId || this.id || '',\n          action: this._masked ? 'reveal' : 'hide',\n          timestamp: new Date().toISOString(),\n          fieldType: this.fieldType,\n        },\n      }),\n    );\n\n    if (this._masked) {\n      // Revealing: start clipboard clear timer and auto-hide timer\n      this._masked = false;\n      this._scheduleClipboardClear();\n      this._scheduleAutoHide();\n    } else {\n      // Hiding: cancel the auto-hide countdown (purpose already served — the\n      // field is hidden). Do NOT cancel the clipboard-clear timer — the user\n      // may have copied PHI while the field was revealed, and cancelling here\n      // would strand it on the clipboard if the tab later backgrounds. The\n      // timer fires naturally at `clipboardTimeout`, and the visibilitychange\n      // handler will pre-empt it if the tab hides sooner.\n      this._cancelAutoHideTimer();\n      this._masked = true;\n    }\n  }\n\n  /** @internal */\n  private _handleCopy(e: ClipboardEvent): void {\n    if (this._masked) {\n      e.preventDefault();\n    }\n  }\n\n  /** @internal */\n  private _handlePaste(e: ClipboardEvent): void {\n    if (this._masked) {\n      e.preventDefault();\n    }\n  }\n\n  // ─── Render Helpers ───\n\n  /** @internal */\n  private _renderEyeIcon(): TemplateResult {\n    return html`<hx-icon\n      class=\"phi-field__glyph\"\n      library=\"helix\"\n      name=\"eye\"\n      aria-hidden=\"true\"\n    ></hx-icon>`;\n  }\n\n  /** @internal */\n  private _renderEyeOffIcon(): TemplateResult {\n    return html`<hx-icon\n      class=\"phi-field__glyph\"\n      library=\"helix\"\n      name=\"eye-off\"\n      aria-hidden=\"true\"\n    ></hx-icon>`;\n  }\n\n  // ─── Render ───\n\n  override render() {\n    const fieldLabel = this.label || 'Protected health information';\n    const maskedLabel = `${fieldLabel} is masked`;\n    const revealedLabel = `${fieldLabel} is revealed`;\n    const revealActionLabel = `Reveal ${fieldLabel.toLowerCase()}`;\n    const hideActionLabel = `Hide ${fieldLabel.toLowerCase()}`;\n\n    return html`\n      <div\n        part=\"container\"\n        class=${classMap({ 'phi-field': true, 'phi-field--disabled': this.disabled })}\n        @copy=${this._handleCopy}\n        @paste=${this._handlePaste}\n      >\n        ${this._masked\n          ? html`<span\n              part=\"value\"\n              class=\"phi-field__value phi-field__value--masked\"\n              aria-hidden=\"true\"\n              >${this._getMaskedValue()}</span\n            >`\n          : html`<span part=\"value\" class=\"phi-field__value phi-field__value--revealed\"\n              >${this.data}</span\n            >`}\n        <span role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" class=\"phi-field__status\">\n          ${this._masked ? maskedLabel : revealedLabel}\n        </span>\n        <button\n          part=\"toggle\"\n          class=\"phi-field__toggle\"\n          type=\"button\"\n          ?disabled=${this.disabled}\n          aria-label=${this._masked ? revealActionLabel : hideActionLabel}\n          aria-pressed=${String(!this._masked)}\n          @click=${this._handleToggle}\n        >\n          ${this._masked ? this._renderEyeIcon() : this._renderEyeOffIcon()}\n        </button>\n      </div>\n    `;\n  }\n}\n\n/**\n * Audit metadata for PHI access events. This interface intentionally contains\n * only identifiers and action metadata — never raw PHI values. The separation\n * of audit trail data from PHI content is a deliberate HIPAA security boundary.\n *\n * **Security invariant**: No field in this interface should ever contain the\n * actual protected health information (SSN digits, MRN value, date of birth,\n * insurance number). The `fieldId` is a developer-assigned logical identifier,\n * not the PHI value itself.\n */\nexport interface PhiAccessEventDetail {\n  /** Developer-assigned logical identifier for the field (NOT the PHI value). */\n  fieldId: string;\n  /**\n   * The action that triggered the audit event.\n   *\n   * - `clipboard-clear`: `navigator.clipboard.writeText('')` resolved successfully\n   *   — the clipboard has been confirmed cleared.\n   * - `clipboard-clear-failed`: the clipboard API was unavailable OR `writeText('')`\n   *   rejected (most commonly because the browser required transient user\n   *   activation that the timer or visibilitychange pre-emption path did not\n   *   provide). The clipboard MAY still contain PHI. HIPAA audit consumers\n   *   should treat this as an actionable event — prompt the user to manually\n   *   clear their clipboard, flag the session, or escalate per policy.\n   */\n  action: 'reveal' | 'hide' | 'auto-hide' | 'clipboard-clear' | 'clipboard-clear-failed';\n  /** ISO 8601 timestamp of the access event. */\n  timestamp: string;\n  /** The category of PHI this field contains. */\n  fieldType: 'ssn' | 'mrn' | 'dob' | 'insurance';\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-phi-field': HelixPhiField;\n  }\n}\n"],"names":["helixPhiFieldStyles","css","HelixPhiField","HelixElement","rawValue","event","dispatchOutcome","succeeded","clipboard","writeText","ssnMatch","chars","alphanumericIndices","ch","i","revealCount","maskUntilIdx","indicesToMask","insMatch","html","fieldLabel","maskedLabel","revealedLabel","revealActionLabel","hideActionLabel","classMap","forcedColorsField","__decorateClass","property","state","customElement"],"mappings":"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"}

package/dist/shared/{hx-radio-BY4zpwdh.js → hx-radio-BD_c9NJy.js}

@@ -1,4 +1,4 @@
-import { css as H, nothing as R, html as y } from "lit";
+import { css as H, nothing as I, html as y } from "lit";
 import { property as d, state as S, customElement as O } from "lit/decorators.js";
 import { classMap as B } from "lit/directives/class-map.js";
 import { F as G } from "./FormMixin-B8PXk5RQ.js";
@@ -126,18 +126,18 @@ const N = H`
     }
   }
 `;
-var P = Object.defineProperty, K = Object.getOwnPropertyDescriptor, n = (e, t, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? K(t, s) : t, o = e.length - 1, a; o >= 0; o--)
-    (a = e[o]) && (i = (r ? a(t, s, i) : a(i)) || i);
-  return r && i && P(t, s, i), i;
+var P = Object.defineProperty, K = Object.getOwnPropertyDescriptor, n = (e, t, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? K(t, i) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (s = (r ? a(t, i, s) : a(s)) || s);
+  return r && s && P(t, i, s), s;
 };
 const U = z("hx-radio-group");
 function D(e) {
   const t = e.querySelector("slot");
   if (t) {
-    const s = t.assignedNodes({ flatten: !0 });
-    if (s.length > 0)
-      return s.map((r) => r.textContent ?? "").join("").trim();
+    const i = t.assignedNodes({ flatten: !0 });
+    if (i.length > 0)
+      return i.map((r) => r.textContent ?? "").join("").trim();
   }
   return (e.textContent ?? "").trim();
 }
@@ -178,9 +178,9 @@ let l = class extends G($) {
         );
         return;
       }
-      const r = (f = (c = e.target) == null ? void 0 : c.closest) == null ? void 0 : f.call(c, "hx-radio"), i = r ? t.indexOf(r) : t.findIndex((h) => h.checked);
+      const r = (f = (c = e.target) == null ? void 0 : c.closest) == null ? void 0 : f.call(c, "hx-radio"), s = r ? t.indexOf(r) : t.findIndex((h) => h.checked);
       let o;
-      e.key === "Home" ? o = 0 : e.key === "End" ? o = t.length - 1 : e.key === "ArrowDown" || e.key === "ArrowRight" ? o = i === -1 ? 0 : (i + 1) % t.length : o = i <= 0 ? t.length - 1 : i - 1;
+      e.key === "Home" ? o = 0 : e.key === "End" ? o = t.length - 1 : e.key === "ArrowDown" || e.key === "ArrowRight" ? o = s === -1 ? 0 : (s + 1) % t.length : o = s <= 0 ? t.length - 1 : s - 1;
       const a = t[o];
       a && (a.focus(), a.dispatchEvent(
         new CustomEvent("hx-radio-select", {
@@ -223,8 +223,8 @@ let l = class extends G($) {
    * @internal
    */
   _installHelpSlotTextObserver(e) {
-    var s;
-    if ((s = this._helpSlotTextObserver) == null || s.disconnect(), !e) {
+    var i;
+    if ((i = this._helpSlotTextObserver) == null || i.disconnect(), !e) {
       this._helpSlotTextObserver = null;
       return;
     }
@@ -245,8 +245,8 @@ let l = class extends G($) {
    * @internal
    */
   _installErrorSlotTextObserver(e) {
-    var s;
-    if ((s = this._errorSlotTextObserver) == null || s.disconnect(), !e) {
+    var i;
+    if ((i = this._errorSlotTextObserver) == null || i.disconnect(), !e) {
       this._errorSlotTextObserver = null;
       return;
     }
@@ -272,9 +272,9 @@ let l = class extends G($) {
     }), this._previousRadios = e);
   }
   disconnectedCallback() {
-    var e, t, s, r;
-    super.disconnectedCallback(), this.removeEventListener("hx-radio-select", this._handleRadioSelect), this.removeEventListener("keydown", this._handleKeydown), (e = this._ariaMirror) == null || e.disconnect(), this._ariaMirror = null, (t = this._childDisabledObserver) == null || t.disconnect(), this._childDisabledObserver = null, (s = this._helpSlotTextObserver) == null || s.disconnect(), this._helpSlotTextObserver = null, (r = this._errorSlotTextObserver) == null || r.disconnect(), this._errorSlotTextObserver = null, this._previousRadios.forEach((i) => {
-      this._suppressedChildren.has(i) && (i._groupedSuppress = !1, this._suppressedChildren.delete(i));
+    var e, t, i, r;
+    super.disconnectedCallback(), this.removeEventListener("hx-radio-select", this._handleRadioSelect), this.removeEventListener("keydown", this._handleKeydown), (e = this._ariaMirror) == null || e.disconnect(), this._ariaMirror = null, (t = this._childDisabledObserver) == null || t.disconnect(), this._childDisabledObserver = null, (i = this._helpSlotTextObserver) == null || i.disconnect(), this._helpSlotTextObserver = null, (r = this._errorSlotTextObserver) == null || r.disconnect(), this._errorSlotTextObserver = null, this._previousRadios.forEach((s) => {
+      this._suppressedChildren.has(s) && (s._groupedSuppress = !1, this._suppressedChildren.delete(s));
     }), this._previousRadios = [];
   }
   updated(e) {
@@ -291,25 +291,25 @@ let l = class extends G($) {
    * @internal
    */
   _syncHostAriaSemantics() {
-    var E, w, k, C;
+    var R, E, w, k;
     const e = this._internals;
     e.role = "radiogroup", e.ariaRequired = this.required ? "true" : "false", e.ariaInvalid = e.validity.valid ? "false" : "true", e.ariaDisabled = this.disabled ? "true" : "false", e.ariaOrientation = this.orientation === "horizontal" ? "horizontal" : "vertical";
-    const t = ((E = this.getAttribute("aria-label")) == null ? void 0 : E.trim()) || "", s = (w = this.shadowRoot) == null ? void 0 : w.getElementById(`${this._groupId}-legend`), r = (k = this.shadowRoot) == null ? void 0 : k.getElementById(this._helpTextId), i = (C = this.shadowRoot) == null ? void 0 : C.getElementById(this._errorId), o = this.getAttribute("aria-labelledby");
+    const t = ((R = this.getAttribute("aria-label")) == null ? void 0 : R.trim()) || "", i = (E = this.shadowRoot) == null ? void 0 : E.getElementById(`${this._groupId}-legend`), r = (w = this.shadowRoot) == null ? void 0 : w.getElementById(this._helpTextId), s = (k = this.shadowRoot) == null ? void 0 : k.getElementById(this._errorId), o = this.getAttribute("aria-labelledby");
     o !== this._lastWrittenLabelledBy && (this._consumerLabelledBy = o);
     const a = this.getAttribute("aria-describedby");
     a !== this._lastWrittenDescribedBy && (this._consumerDescribedBy = a);
     const u = this._consumerLabelledBy, p = this._consumerDescribedBy, c = T(this, u), f = c.length > 0;
-    t ? e.ariaLabel = t : f ? e.ariaLabel = null : e.ariaLabel = this.label || null, c.length === 0 && !t && this.label && s && c.push(s);
+    t ? e.ariaLabel = t : f ? e.ariaLabel = null : e.ariaLabel = this.label || null, c.length === 0 && !t && this.label && i && c.push(i);
     const h = T(this, p), v = !!(this.error || this._hasErrorSlot);
-    if (r && !v && (this.helpText || this._hasHelpSlot) && h.push(r), i && v && h.push(i), this._supportsIdrefRefs) {
+    if (r && !v && (this.helpText || this._hasHelpSlot) && h.push(r), s && v && h.push(s), this._supportsIdrefRefs) {
       const g = e;
       g.ariaLabelledByElements = c.length > 0 ? c : null, g.ariaDescribedByElements = h.length > 0 ? h : null, e.ariaDescription = null;
     } else {
-      const g = new Set(((u == null ? void 0 : u.split(/\s+/)) ?? []).filter(Boolean)), M = new Set(((p == null ? void 0 : p.split(/\s+/)) ?? []).filter(Boolean)), x = f ? [...g].filter(Boolean).join(" ") : "", A = this.getAttribute("aria-labelledby");
-      x ? (A !== x && this.setAttribute("aria-labelledby", x), this._lastWrittenLabelledBy = x) : A !== null && (this.removeAttribute("aria-labelledby"), this._lastWrittenLabelledBy = null);
-      const m = [...M].filter(Boolean).join(" ") || "", I = this.getAttribute("aria-describedby");
-      m ? (I !== m && this.setAttribute("aria-describedby", m), this._lastWrittenDescribedBy = m) : I !== null && this._lastWrittenDescribedBy !== null && (this.removeAttribute("aria-describedby"), this._lastWrittenDescribedBy = null);
-      const F = r && !v && (this.helpText || this._hasHelpSlot) ? D(r) : "", W = i && v ? D(i) : "", q = [F, W].filter(Boolean).join(" ");
+      const g = new Set(((u == null ? void 0 : u.split(/\s+/)) ?? []).filter(Boolean)), M = new Set(((p == null ? void 0 : p.split(/\s+/)) ?? []).filter(Boolean)), x = f ? [...g].filter(Boolean).join(" ") : "", C = this.getAttribute("aria-labelledby");
+      x ? (C !== x && this.setAttribute("aria-labelledby", x), this._lastWrittenLabelledBy = x) : C !== null && (this.removeAttribute("aria-labelledby"), this._lastWrittenLabelledBy = null);
+      const m = [...M].filter(Boolean).join(" ") || "", A = this.getAttribute("aria-describedby");
+      m ? (A !== m && this.setAttribute("aria-describedby", m), this._lastWrittenDescribedBy = m) : A !== null && this._lastWrittenDescribedBy !== null && (this.removeAttribute("aria-describedby"), this._lastWrittenDescribedBy = null);
+      const F = r && !v && (this.helpText || this._hasHelpSlot) ? D(r) : "", W = s && v ? D(s) : "", q = [F, W].filter(Boolean).join(" ");
       e.ariaDescription = q || null;
     }
   }
@@ -338,19 +338,19 @@ let l = class extends G($) {
     const e = this._getRadios(), t = this._getEnabledRadios();
     e.forEach((r) => {
       r._groupedSuppress = !0, this._suppressedChildren.add(r);
-      const i = r.value === this.value && this.value !== "";
-      if (r.checked = i, this.disabled)
+      const s = r.value === this.value && this.value !== "";
+      if (r.checked = s, this.disabled)
         this._individualDisabledStates.has(r) || this._individualDisabledStates.set(r, r.disabled), r.disabled = !0;
       else {
         const o = this._individualDisabledStates.get(r);
         o !== void 0 && (r.disabled = o, this._individualDisabledStates.delete(r));
       }
     });
-    const s = t.find((r) => r.checked);
+    const i = t.find((r) => r.checked);
     if (e.forEach((r) => {
       r.tabIndex = -1;
-    }), s)
-      s.tabIndex = 0;
+    }), i)
+      i.tabIndex = 0;
     else if (t.length > 0) {
       const r = t[0];
       r && (r.tabIndex = 0);
@@ -387,17 +387,17 @@ let l = class extends G($) {
    * @internal
    */
   _reconcileChildren() {
-    const e = this._previousRadios, t = this._getRadios().filter((i) => i.checked && !i.disabled), s = t.find((i) => i.value !== this.value) ?? t[0];
-    if (s && s.value !== this.value && (this.value = s.value), this._syncRadios(), this.disabled) {
-      const i = this._getRadios().map((o) => o.value);
-      this.value && !i.includes(this.value) && (this.value = ""), this._updateValidity();
+    const e = this._previousRadios, t = this._getRadios().filter((s) => s.checked && !s.disabled), i = t.find((s) => s.value !== this.value) ?? t[0];
+    if (i && i.value !== this.value && (this.value = i.value), this._syncRadios(), this.disabled) {
+      const s = this._getRadios().map((o) => o.value);
+      this.value && !s.includes(this.value) && (this.value = ""), this._updateValidity();
     } else {
-      const i = this._getRadios().find((a) => a.checked && !a.disabled), o = (i == null ? void 0 : i.value) ?? "";
+      const s = this._getRadios().find((a) => a.checked && !a.disabled), o = (s == null ? void 0 : s.value) ?? "";
       o !== this.value && (this.value = o), this._internals.setFormValue(this.value || null), this._updateValidity();
     }
     const r = new Set(this._getRadios());
-    e.forEach((i) => {
-      !r.has(i) && this._suppressedChildren.has(i) && (i._groupedSuppress = !1, this._suppressedChildren.delete(i));
+    e.forEach((s) => {
+      !r.has(s) && this._suppressedChildren.has(s) && (s._groupedSuppress = !1, this._suppressedChildren.delete(s));
     }), this._previousRadios = this._getRadios();
   }
   /**
@@ -408,15 +408,15 @@ let l = class extends G($) {
    * @internal
    */
   _installChildDisabledObservers() {
-    var s;
-    (s = this._childDisabledObserver) == null || s.disconnect();
+    var i;
+    (i = this._childDisabledObserver) == null || i.disconnect();
     const e = this._getRadios();
     if (e.length === 0) {
       this._childDisabledObserver = null;
       return;
     }
     const t = new MutationObserver((r) => {
-      r.some((i) => i.attributeName === "disabled") && this._reconcileChildren();
+      r.some((s) => s.attributeName === "disabled") && this._reconcileChildren();
     });
     e.forEach((r) => {
       t.observe(r, {
@@ -456,25 +456,20 @@ let l = class extends G($) {
   }
   // ─── Render ───
   render() {
-    const e = !!this.error || this._hasErrorSlot, t = !!this.helpText || this._hasHelpSlot, s = `${this._groupId}-legend`, r = {
+    const e = !!this.error || this._hasErrorSlot, t = !!this.helpText || this._hasHelpSlot, i = `${this._groupId}-legend`, r = {
       fieldset: !0,
       "fieldset--error": e,
       "fieldset--disabled": this.disabled,
       "fieldset--required": this.required
     };
     return y`
-      <fieldset
-        part="fieldset"
-        class=${B(r)}
-        role="presentation"
-        aria-orientation=${this.orientation === "horizontal" ? "horizontal" : R}
-      >
+      <fieldset part="fieldset" class=${B(r)} role="presentation">
         ${this.label ? y`
-              <legend part="legend" class="fieldset__legend" id=${s}>
+              <legend part="legend" class="fieldset__legend" id=${i}>
                 ${this.label}
-                ${this.required ? y`<span class="fieldset__required-marker" aria-hidden="true">*</span>` : R}
+                ${this.required ? y`<span class="fieldset__required-marker" aria-hidden="true">*</span>` : I}
               </legend>
-            ` : R}
+            ` : I}
 
         <div part="group" class="fieldset__group" role="none">
           <slot @slotchange=${this._handleSlotChange}></slot>
@@ -727,10 +722,10 @@ const J = H`
     }
   }
 `;
-var Q = Object.defineProperty, X = Object.getOwnPropertyDescriptor, b = (e, t, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? X(t, s) : t, o = e.length - 1, a; o >= 0; o--)
-    (a = e[o]) && (i = (r ? a(t, s, i) : a(i)) || i);
-  return r && i && Q(t, s, i), i;
+var Q = Object.defineProperty, X = Object.getOwnPropertyDescriptor, b = (e, t, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? X(t, i) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (s = (r ? a(t, i, s) : a(s)) || s);
+  return r && s && Q(t, i, s), s;
 };
 const Y = z("hx-radio");
 let _ = class extends $ {
@@ -837,4 +832,4 @@ export {
   _ as H,
   l as a
 };
-//# sourceMappingURL=hx-radio-BY4zpwdh.js.map
+//# sourceMappingURL=hx-radio-BD_c9NJy.js.map