@helixui/library 1.0.1 → 1.1.2

package/dist/shared/hx-color-picker-Bb2UPVc3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hx-color-picker-Bb2UPVc3.js","sources":["../../src/components/hx-color-picker/hx-color-picker.styles.ts","../../src/components/hx-color-picker/hx-color-picker.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixColorPickerStyles = css`\n  :host {\n    display: inline-block;\n    position: relative;\n    font-family: var(--hx-font-family-base, sans-serif);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n    opacity: var(--hx-opacity-disabled, 0.4);\n  }\n\n  /* ─── Trigger ─── */\n\n  .trigger {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--hx-space-2, 0.5rem);\n    padding: var(--hx-space-1, 0.25rem);\n    border: var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);\n    border-radius: var(--hx-border-radius-md, 0.375rem);\n    background: var(--hx-color-neutral-0, #fff);\n    cursor: pointer;\n    transition: border-color var(--hx-transition-fast, 0.15s ease);\n  }\n\n  .trigger:hover:not([disabled]) {\n    border-color: var(--hx-color-primary-500, #3b82f6);\n  }\n\n  .trigger:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, #2563eb);\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n  }\n\n  .trigger-swatch {\n    width: 1.5rem;\n    height: 1.5rem;\n    border-radius: var(--hx-border-radius-sm, 0.25rem);\n    /* P1-6: was hardcoded rgba(0,0,0,0.1) */\n    border: var(--hx-border-width-thin, 1px) solid\n      var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, 0.1)));\n    background: var(--_preview-color, #000);\n    display: block;\n    flex-shrink: 0;\n  }\n\n  .trigger-label {\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    color: var(--hx-color-neutral-700, #374151);\n    font-family: var(--hx-font-family-mono, monospace);\n    white-space: nowrap;\n  }\n\n  /* ─── Panel ─── */\n\n  .panel {\n    position: absolute;\n    z-index: var(--hx-color-picker-z-index, 1000);\n    top: calc(100% + 4px);\n    left: 0;\n    background: var(--hx-color-neutral-0, #fff);\n    /* P1-6: border width now uses token */\n    border: var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);\n    border-radius: var(--hx-border-radius-lg, 0.5rem);\n    /* P1-6: panel shadow uses component token */\n    box-shadow: 0 8px 24px\n      var(--hx-color-picker-panel-shadow, var(--hx-overlay-black-15, rgba(0, 0, 0, 0.15)));\n    padding: var(--hx-space-4, 1rem);\n    /* P2-8: panel width is now a CSS custom property */\n    width: var(--hx-color-picker-width, 260px);\n    display: flex;\n    flex-direction: column;\n    gap: var(--hx-space-3, 0.75rem);\n    outline: none;\n  }\n\n  :host([inline]) .panel {\n    position: static;\n    box-shadow: none;\n    border: var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);\n    border-radius: var(--hx-border-radius-lg, 0.5rem);\n  }\n\n  /* ─── Gradient Grid ─── */\n\n  .gradient-grid {\n    position: relative;\n    width: 100%;\n    /* P2-8: grid height is now a CSS custom property */\n    height: var(--hx-color-picker-grid-height, 160px);\n    border-radius: var(--hx-border-radius-sm, 0.25rem);\n    cursor: crosshair;\n    overflow: hidden;\n    touch-action: none;\n    flex-shrink: 0;\n  }\n\n  /* P0-1: focus ring for keyboard-operable gradient grid */\n  .gradient-grid:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, #2563eb);\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n  }\n\n  .gradient-grid-bg {\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(to bottom, transparent, #000),\n      linear-gradient(to right, #fff, var(--_hue-color, hsl(0, 100%, 50%)));\n    pointer-events: none;\n  }\n\n  .gradient-thumb {\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    /* A11y fix (WCAG 1.4.11): double-ring ensures thumb visibility on light hue backgrounds\n       (yellow, cyan) where a white-only border falls below 3:1 non-text contrast.\n       Inner dark ring at 1px provides contrast against light backgrounds;\n       outer white ring at 2px provides contrast against dark backgrounds. */\n    border: none;\n    box-shadow:\n      0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),\n      0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, 0.3)));\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n    top: var(--_thumb-y, 0%);\n    left: var(--_thumb-x, 100%);\n  }\n\n  /* ─── Sliders ─── */\n\n  .slider-track {\n    position: relative;\n    width: 100%;\n    height: 12px;\n    border-radius: 6px;\n    cursor: pointer;\n    touch-action: none;\n    flex-shrink: 0;\n  }\n\n  .slider-track:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, #2563eb);\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n  }\n\n  .hue-track {\n    background: linear-gradient(\n      to right,\n      hsl(0, 100%, 50%),\n      hsl(30, 100%, 50%),\n      hsl(60, 100%, 50%),\n      hsl(90, 100%, 50%),\n      hsl(120, 100%, 50%),\n      hsl(150, 100%, 50%),\n      hsl(180, 100%, 50%),\n      hsl(210, 100%, 50%),\n      hsl(240, 100%, 50%),\n      hsl(270, 100%, 50%),\n      hsl(300, 100%, 50%),\n      hsl(330, 100%, 50%),\n      hsl(360, 100%, 50%)\n    );\n  }\n\n  .opacity-track {\n    background-image:\n      linear-gradient(to right, transparent, var(--_hue-color, hsl(0, 100%, 50%))),\n      repeating-conic-gradient(#ccc 0% 25%, #fff 0% 50%) 0 0 / 12px 12px;\n  }\n\n  .slider-thumb {\n    position: absolute;\n    top: 50%;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    /* A11y fix (WCAG 1.4.11): double-ring ensures thumb visibility on light hue backgrounds\n       (yellow, cyan) where a white-only border falls below 3:1 non-text contrast.\n       Inner dark ring at 1px provides contrast against light backgrounds;\n       outer white ring at 2px provides contrast against dark backgrounds. */\n    border: none;\n    box-shadow:\n      0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),\n      0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, 0.3)));\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n    left: var(--_slider-pct, 0%);\n    background: var(--_thumb-color, hsl(0, 100%, 50%));\n  }\n\n  /* ─── Swatches ─── */\n\n  .swatches {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--hx-space-1, 0.25rem);\n  }\n\n  .swatch-btn {\n    width: 20px;\n    height: 20px;\n    border-radius: var(--hx-border-radius-sm, 0.25rem);\n    /* P1-6: was hardcoded rgba(0,0,0,0.1) */\n    border: var(--hx-border-width-thin, 1px) solid\n      var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, 0.1)));\n    cursor: pointer;\n    padding: 0;\n    flex-shrink: 0;\n    transition: transform var(--hx-transition-fast, 0.15s ease);\n  }\n\n  .swatch-btn:hover {\n    transform: scale(1.15);\n    /* P1-6: was hardcoded rgba(0,0,0,0.3) */\n    border-color: var(\n      --hx-color-picker-swatch-border-hover,\n      var(--hx-overlay-black-30, rgba(0, 0, 0, 0.3))\n    );\n  }\n\n  .swatch-btn:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, #2563eb);\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n  }\n\n  /* ─── Input ─── */\n\n  .input-area {\n    display: flex;\n    align-items: center;\n    gap: var(--hx-space-2, 0.5rem);\n  }\n\n  .format-btn {\n    flex-shrink: 0;\n    padding: var(--hx-space-1, 0.25rem) var(--hx-space-2, 0.5rem);\n    background: var(--hx-color-neutral-100, #f3f4f6);\n    border: var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);\n    border-radius: var(--hx-border-radius-sm, 0.25rem);\n    cursor: pointer;\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    color: var(--hx-color-neutral-600, #4b5563);\n    text-transform: uppercase;\n    font-weight: var(--hx-font-weight-semibold, 600);\n    letter-spacing: 0.05em;\n  }\n\n  .format-btn:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, #2563eb);\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n  }\n\n  .color-input {\n    flex: 1;\n    min-width: 0;\n    padding: var(--hx-space-1, 0.25rem) var(--hx-space-2, 0.5rem);\n    border: var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);\n    border-radius: var(--hx-border-radius-sm, 0.25rem);\n    font-family: var(--hx-font-family-mono, monospace);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    color: var(--hx-color-neutral-900, #111827);\n    background: var(--hx-color-neutral-0, #fff);\n    outline: none;\n  }\n\n  .color-input:focus {\n    border-color: var(--hx-focus-ring-color, #2563eb);\n    /* P1-5: was invalid \"box-shadow: ... / 0.2\" syntax; replaced with valid box-shadow */\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--hx-focus-ring-color, #2563eb) 20%, transparent);\n  }\n\n  /* ─── Color preview strip in input area ─── */\n\n  .input-preview {\n    width: 24px;\n    height: 24px;\n    border-radius: var(--hx-border-radius-sm, 0.25rem);\n    /* P1-6: was hardcoded rgba(0,0,0,0.1) */\n    border: var(--hx-border-width-thin, 1px) solid\n      var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, 0.1)));\n    background: var(--_preview-color, #000);\n    flex-shrink: 0;\n  }\n\n  /* ─── Reduced Motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .trigger,\n    .swatch-btn {\n      transition: none;\n    }\n  }\n`;\n","import { LitElement, html, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { tokenStyles } from '@helixui/tokens/lit';\nimport { helixColorPickerStyles } from './hx-color-picker.styles.js';\n\n// ─── Types ───────────────────────────────────────────────────────────────────\n\nexport type ColorFormat = 'hex' | 'rgb' | 'hsl' | 'hsv';\n\ninterface HSV {\n  h: number; // 0-360\n  s: number; // 0-100\n  v: number; // 0-100\n  a: number; // 0-1\n}\n\ninterface RGB {\n  r: number; // 0-255\n  g: number; // 0-255\n  b: number; // 0-255\n  a: number; // 0-1\n}\n\n// ─── Color utilities ──────────────────────────────────────────────────────────\n\nfunction clamp(n: number, min: number, max: number): number {\n  return Math.max(min, Math.min(max, n));\n}\n\nfunction hexToRgb(hex: string): RGB | null {\n  let h = hex.trim().replace(/^#/, '');\n  if (h.length === 3) h = h.replace(/(.)/g, '$1$1');\n  if (h.length === 4) h = h.replace(/(.)/g, '$1$1');\n  if (h.length === 6) h += 'ff';\n  if (h.length !== 8) return null;\n  const n = parseInt(h, 16);\n  if (isNaN(n)) return null;\n  return {\n    r: (n >>> 24) & 0xff,\n    g: (n >>> 16) & 0xff,\n    b: (n >>> 8) & 0xff,\n    a: (n & 0xff) / 255,\n  };\n}\n\nfunction toHex2(n: number): string {\n  return Math.round(clamp(n, 0, 255))\n    .toString(16)\n    .padStart(2, '0');\n}\n\nfunction rgbToHex(rgb: RGB, includeAlpha: boolean): string {\n  const base = `#${toHex2(rgb.r)}${toHex2(rgb.g)}${toHex2(rgb.b)}`;\n  if (includeAlpha && rgb.a < 1) return base + toHex2(rgb.a * 255);\n  return base;\n}\n\nfunction rgbToHsv(rgb: RGB): HSV {\n  const r = rgb.r / 255;\n  const g = rgb.g / 255;\n  const b = rgb.b / 255;\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const d = max - min;\n  const s = max === 0 ? 0 : d / max;\n  const v = max;\n  let h = 0;\n  if (d !== 0) {\n    if (max === r) h = ((g - b) / d + (g < b ? 6 : 0)) / 6;\n    else if (max === g) h = ((b - r) / d + 2) / 6;\n    else h = ((r - g) / d + 4) / 6;\n  }\n  return { h: h * 360, s: s * 100, v: v * 100, a: rgb.a };\n}\n\nfunction hsvToRgb(hsv: HSV): RGB {\n  const h = hsv.h / 360;\n  const s = hsv.s / 100;\n  const v = hsv.v / 100;\n  const i = Math.floor(h * 6);\n  const f = h * 6 - i;\n  const p = v * (1 - s);\n  const q = v * (1 - f * s);\n  const t = v * (1 - (1 - f) * s);\n  let r = 0;\n  let g = 0;\n  let b = 0;\n  switch (i % 6) {\n    case 0:\n      r = v;\n      g = t;\n      b = p;\n      break;\n    case 1:\n      r = q;\n      g = v;\n      b = p;\n      break;\n    case 2:\n      r = p;\n      g = v;\n      b = t;\n      break;\n    case 3:\n      r = p;\n      g = q;\n      b = v;\n      break;\n    case 4:\n      r = t;\n      g = p;\n      b = v;\n      break;\n    case 5:\n      r = v;\n      g = p;\n      b = q;\n      break;\n  }\n  return { r: Math.round(r * 255), g: Math.round(g * 255), b: Math.round(b * 255), a: hsv.a };\n}\n\nfunction rgbToHsl(rgb: RGB): { h: number; s: number; l: number; a: number } {\n  const r = rgb.r / 255;\n  const g = rgb.g / 255;\n  const b = rgb.b / 255;\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const l = (max + min) / 2;\n  let h = 0;\n  let s = 0;\n  if (max !== min) {\n    const d = max - min;\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n    if (max === r) h = ((g - b) / d + (g < b ? 6 : 0)) / 6;\n    else if (max === g) h = ((b - r) / d + 2) / 6;\n    else h = ((r - g) / d + 4) / 6;\n  }\n  return { h: h * 360, s: s * 100, l: l * 100, a: rgb.a };\n}\n\n// P2-1: parseColor now handles HSV/HSVA input strings for round-trip correctness\nfunction parseColor(value: string): HSV | null {\n  if (!value) return null;\n\n  if (value.startsWith('#')) {\n    const rgb = hexToRgb(value);\n    return rgb ? rgbToHsv(rgb) : null;\n  }\n\n  const rgbMatch = value.match(\n    /rgba?\\(\\s*(\\d+)(?:\\s*,\\s*|\\s+)(\\d+)(?:\\s*,\\s*|\\s+)(\\d+)(?:\\s*(?:\\/|,)\\s*([\\d.]+))?\\s*\\)/,\n  );\n  if (rgbMatch) {\n    const [, rm1, rm2, rm3, rm4] = rgbMatch;\n    return rgbToHsv({\n      r: parseInt(rm1 ?? '0', 10),\n      g: parseInt(rm2 ?? '0', 10),\n      b: parseInt(rm3 ?? '0', 10),\n      a: rm4 !== undefined ? parseFloat(rm4) : 1,\n    });\n  }\n\n  const hslMatch = value.match(\n    /hsla?\\(\\s*([\\d.]+)(?:\\s*,\\s*|\\s+)([\\d.]+)%(?:\\s*,\\s*|\\s+)([\\d.]+)%(?:\\s*(?:\\/|,)\\s*([\\d.]+))?\\s*\\)/,\n  );\n  if (hslMatch) {\n    const [, hm1, hm2, hm3, hm4] = hslMatch;\n    const h = parseFloat(hm1 ?? '0');\n    const s = parseFloat(hm2 ?? '0') / 100;\n    const l = parseFloat(hm3 ?? '0') / 100;\n    const a = hm4 !== undefined ? parseFloat(hm4) : 1;\n    const c = (1 - Math.abs(2 * l - 1)) * s;\n    const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n    const m = l - c / 2;\n    let r = 0;\n    let g = 0;\n    let b = 0;\n    if (h < 60) {\n      r = c;\n      g = x;\n    } else if (h < 120) {\n      r = x;\n      g = c;\n    } else if (h < 180) {\n      g = c;\n      b = x;\n    } else if (h < 240) {\n      g = x;\n      b = c;\n    } else if (h < 300) {\n      r = x;\n      b = c;\n    } else {\n      r = c;\n      b = x;\n    }\n    return rgbToHsv({\n      r: Math.round((r + m) * 255),\n      g: Math.round((g + m) * 255),\n      b: Math.round((b + m) * 255),\n      a,\n    });\n  }\n\n  // P2-1: Support HSV/HSVA input strings (component's own output format)\n  const hsvMatch = value.match(\n    /hsva?\\(\\s*([\\d.]+)\\s*,\\s*([\\d.]+)%\\s*,\\s*([\\d.]+)%(?:\\s*,\\s*([\\d.]+))?\\s*\\)/,\n  );\n  if (hsvMatch) {\n    const [, hm1, hm2, hm3, hm4] = hsvMatch;\n    return {\n      h: parseFloat(hm1 ?? '0'),\n      s: parseFloat(hm2 ?? '0'),\n      v: parseFloat(hm3 ?? '0'),\n      a: hm4 !== undefined ? parseFloat(hm4) : 1,\n    };\n  }\n\n  return null;\n}\n\nfunction formatColor(hsv: HSV, format: ColorFormat, includeAlpha: boolean): string {\n  const rgb = hsvToRgb(hsv);\n  switch (format) {\n    case 'hex':\n      return rgbToHex(rgb, includeAlpha);\n    case 'rgb': {\n      if (includeAlpha && hsv.a < 1) {\n        return `rgb(${rgb.r} ${rgb.g} ${rgb.b} / ${Math.round(hsv.a * 100) / 100})`;\n      }\n      return `rgb(${rgb.r} ${rgb.g} ${rgb.b})`;\n    }\n    case 'hsl': {\n      const hsl = rgbToHsl(rgb);\n      if (includeAlpha && hsv.a < 1) {\n        return `hsl(${Math.round(hsl.h)} ${Math.round(hsl.s)}% ${Math.round(hsl.l)}% / ${Math.round(hsv.a * 100) / 100})`;\n      }\n      return `hsl(${Math.round(hsl.h)} ${Math.round(hsl.s)}% ${Math.round(hsl.l)}%)`;\n    }\n    case 'hsv': {\n      if (includeAlpha && hsv.a < 1) {\n        return `hsva(${Math.round(hsv.h)}, ${Math.round(hsv.s)}%, ${Math.round(hsv.v)}%, ${Math.round(hsv.a * 100) / 100})`;\n      }\n      return `hsv(${Math.round(hsv.h)}, ${Math.round(hsv.s)}%, ${Math.round(hsv.v)}%)`;\n    }\n  }\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * A color picker control with gradient picker, hue/opacity sliders, swatches,\n * and formatted text input. Supports hex, rgb, hsl, and hsv output formats.\n *\n * @summary Color selection control with swatches, gradient picker, and formatted input.\n *\n * @tag hx-color-picker\n *\n * @slot trigger - Custom trigger element. Default: a color swatch button.\n *\n * @fires {CustomEvent<{value: string}>} hx-input - Dispatched while dragging sliders or grid.\n * @fires {CustomEvent<{value: string}>} hx-change - Dispatched when a color is committed.\n *\n * @csspart trigger - The trigger button element.\n * @csspart swatches - The swatch color buttons container.\n * @csspart grid - The 2D saturation/value gradient picker area.\n * @csspart slider - Shared slider container (also on hue-slider and opacity-slider).\n * @csspart hue-slider - The hue slider track.\n * @csspart opacity-slider - The alpha/opacity slider track.\n * @csspart input - The text input area.\n *\n * @cssprop [--hx-color-picker-z-index=1000] - z-index of the popover panel.\n * @cssprop [--hx-color-picker-width=260px] - Width of the picker panel.\n * @cssprop [--hx-color-picker-grid-height=160px] - Height of the gradient grid.\n * @cssprop [--hx-color-picker-thumb-border=#fff] - Border color of slider/grid thumbs.\n * @cssprop [--hx-color-picker-thumb-shadow=rgba(0,0,0,0.3)] - Shadow color of slider/grid thumbs.\n * @cssprop [--hx-color-picker-panel-shadow=rgba(0,0,0,0.15)] - Panel drop-shadow color.\n * @cssprop [--hx-color-picker-swatch-border=rgba(0,0,0,0.1)] - Swatch button border color.\n * @cssprop [--hx-color-picker-swatch-border-hover=rgba(0,0,0,0.3)] - Swatch button border on hover.\n *\n * @example\n * ```html\n * <hx-color-picker value=\"#3b82f6\" format=\"hex\"></hx-color-picker>\n * ```\n *\n * @example Drupal / Twig usage\n * The `swatches` property must be set via JavaScript (Drupal behavior) because arrays\n * cannot be serialized as HTML attributes:\n * ```js\n * // my-theme/js/color-picker-behavior.js\n * Drupal.behaviors.helixColorPicker = {\n *   attach(context) {\n *     context.querySelectorAll('hx-color-picker[data-swatches]').forEach((el) => {\n *       el.swatches = JSON.parse(el.dataset.swatches);\n *     });\n *   },\n * };\n * ```\n * ```twig\n * <hx-color-picker\n *   value=\"{{ color }}\"\n *   data-swatches='{{ swatches | json_encode }}'\n * ></hx-color-picker>\n * ```\n */\n@customElement('hx-color-picker')\nexport class HelixColorPicker extends LitElement {\n  static override styles = [tokenStyles, helixColorPickerStyles];\n\n  /**\n   * Declares this element as form-associated so it participates in native form submission.\n   * @internal\n   */\n  static formAssociated = true;\n\n  /**\n   * ElementInternals instance used for form participation and constraint validation.\n   * @internal\n   */\n  private _internals: ElementInternals;\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n    // P1-1: Store bound references so connectedCallback/disconnectedCallback use the same object\n    this._boundPointerMove = this._handlePointerMove.bind(this);\n    this._boundPointerUp = this._handlePointerUp.bind(this);\n    this._boundDocumentClick = this._handleDocumentClick.bind(this);\n  }\n\n  // ─── Public Properties ───────────────────────────────────────────────────\n\n  /**\n   * Current color value as a CSS color string.\n   * @attr value\n   */\n  @property({ type: String, reflect: true })\n  value = '#000000';\n\n  /**\n   * Output format for the color value.\n   * @attr format\n   */\n  @property({ type: String, reflect: true })\n  format: ColorFormat = 'hex';\n\n  /**\n   * Whether to show the alpha/opacity channel slider and include alpha in the output.\n   * @attr opacity\n   */\n  @property({ type: Boolean, reflect: true })\n  opacity = false;\n\n  /**\n   * Array of preset swatch color strings.\n   * Set via JS property only — arrays cannot be serialized as HTML attributes.\n   * In Drupal/Twig, use a behavior to read `data-swatches` and set this property.\n   * See JSDoc example above.\n   */\n  @property({ attribute: false })\n  swatches: string[] = [];\n\n  /**\n   * When true, hides the gradient grid and sliders, showing only swatches and the input.\n   * Useful for compact preset-only color selection UIs.\n   * @attr swatches-only\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'swatches-only' })\n  swatchesOnly = false;\n\n  /**\n   * Whether the control is disabled.\n   * @attr disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Form field name for form participation.\n   * @attr name\n   */\n  @property({ type: String, reflect: true })\n  name = '';\n\n  /**\n   * When true the picker is shown inline instead of in a popover.\n   * @attr inline\n   */\n  @property({ type: Boolean, reflect: true })\n  inline = false;\n\n  // ─── Internal State ──────────────────────────────────────────────────────\n\n  /**\n   * Internal HSV representation of the current color, used to drive all picker UI elements.\n   * @internal\n   */\n  @state() private _hsv: HSV = { h: 0, s: 0, v: 0, a: 1 };\n  /**\n   * Whether the color picker popover panel is currently open.\n   * @internal\n   */\n  @state() private _open = false;\n  /**\n   * The formatted color string displayed in the text input, kept in sync with `_hsv` and `format`.\n   * @internal\n   */\n  @state() private _inputValue = '#000000';\n\n  // ─── Dragging state (not reactive, managed manually) ─────────────────────\n\n  /**\n   * Whether the user is actively dragging within the gradient grid.\n   * @internal\n   */\n  private _draggingGrid = false;\n  /**\n   * Whether the user is actively dragging the hue slider thumb.\n   * @internal\n   */\n  private _draggingHue = false;\n  /**\n   * Whether the user is actively dragging the opacity slider thumb.\n   * @internal\n   */\n  private _draggingOpacity = false;\n\n  // P1-1: Stored bound references to prevent memory leaks\n  /**\n   * Stable bound reference to the pointermove handler, stored to allow correct listener removal.\n   * @internal\n   */\n  private _boundPointerMove: (e: PointerEvent) => void;\n  /**\n   * Stable bound reference to the pointerup handler, stored to allow correct listener removal.\n   * @internal\n   */\n  private _boundPointerUp: () => void;\n  /**\n   * Stable bound reference to the document click handler, stored to allow correct listener removal.\n   * @internal\n   */\n  private _boundDocumentClick: (e: MouseEvent) => void;\n\n  // ─── Lifecycle ───────────────────────────────────────────────────────────\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._syncFromValue();\n    // P1-1: Use stored bound references (not inline .bind() which creates new objects)\n    document.addEventListener('click', this._boundDocumentClick, true);\n    document.addEventListener('pointermove', this._boundPointerMove);\n    document.addEventListener('pointerup', this._boundPointerUp);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    // P1-1: Remove using the same stored references added in connectedCallback\n    document.removeEventListener('click', this._boundDocumentClick, true);\n    document.removeEventListener('pointermove', this._boundPointerMove);\n    document.removeEventListener('pointerup', this._boundPointerUp);\n  }\n\n  override willUpdate(changedProperties: Map<string, unknown>): void {\n    if (changedProperties.has('value')) {\n      this._syncFromValue();\n    }\n  }\n\n  // ─── Sync ────────────────────────────────────────────────────────────────\n\n  private _syncFromValue(): void {\n    const parsed = parseColor(this.value);\n    if (parsed) {\n      this._hsv = parsed;\n    }\n    this._inputValue = formatColor(this._hsv, this.format, this.opacity);\n    this._internals.setFormValue(this.value);\n  }\n\n  /** Called when a parent fieldset is disabled/enabled. */\n  formDisabledCallback(disabled: boolean): void {\n    this.disabled = disabled;\n  }\n\n  private _commit(source: 'drag' | 'change'): void {\n    const formatted = formatColor(this._hsv, this.format, this.opacity);\n    this.value = formatted;\n    this._inputValue = formatted;\n    this._internals.setFormValue(formatted);\n    const detail = { value: formatted };\n    const opts: CustomEventInit<{ value: string }> = {\n      bubbles: true,\n      composed: true,\n      detail,\n    };\n    if (source === 'drag') {\n      this.dispatchEvent(new CustomEvent('hx-input', opts));\n    } else {\n      this.dispatchEvent(new CustomEvent('hx-change', opts));\n    }\n  }\n\n  // ─── Panel open/close ────────────────────────────────────────────────────\n\n  private _show(): void {\n    if (this._open || this.inline) return;\n    this._open = true;\n  }\n\n  private _hide(): void {\n    if (!this._open) return;\n    this._open = false;\n  }\n\n  private _handleDocumentClick(e: MouseEvent): void {\n    if (!this._open) return;\n    if (!e.composedPath().includes(this)) {\n      this._hide();\n    }\n  }\n\n  private _handleTriggerClick(e: MouseEvent): void {\n    e.stopPropagation();\n    if (this._open) {\n      this._hide();\n    } else {\n      this._show();\n    }\n  }\n\n  private _handlePanelKeydown(e: KeyboardEvent): void {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      this._hide();\n      this.shadowRoot?.querySelector<HTMLElement>('[part=\"trigger\"]')?.focus();\n    }\n  }\n\n  // ─── Gradient grid dragging ───────────────────────────────────────────────\n\n  private _handleGridPointerDown(e: PointerEvent): void {\n    if (this.disabled) return;\n    e.preventDefault();\n    this._draggingGrid = true;\n    (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);\n    this._updateGridFromPointer(e);\n  }\n\n  private _updateGridFromPointer(e: PointerEvent): void {\n    const grid = this.shadowRoot?.querySelector<HTMLElement>('[part=\"grid\"]');\n    if (!grid) return;\n    const rect = grid.getBoundingClientRect();\n    const x = clamp((e.clientX - rect.left) / rect.width, 0, 1);\n    const y = clamp((e.clientY - rect.top) / rect.height, 0, 1);\n    this._hsv = { ...this._hsv, s: x * 100, v: (1 - y) * 100 };\n    this._commit('drag');\n    this.requestUpdate();\n  }\n\n  // P0-1: Keyboard support for gradient grid — fixes WCAG 2.1 SC 2.1.1 failure\n  private _handleGridKeydown(e: KeyboardEvent): void {\n    let sDelta = 0;\n    let vDelta = 0;\n    if (e.key === 'ArrowLeft') sDelta = -1;\n    else if (e.key === 'ArrowRight') sDelta = 1;\n    else if (e.key === 'ArrowUp') vDelta = 1;\n    else if (e.key === 'ArrowDown') vDelta = -1;\n    else if (e.key === 'PageUp') vDelta = 10;\n    else if (e.key === 'PageDown') vDelta = -10;\n    else if (e.key === 'Home') {\n      this._hsv = { ...this._hsv, s: 0, v: 100 };\n      this._commit('change');\n      return;\n    } else if (e.key === 'End') {\n      this._hsv = { ...this._hsv, s: 100, v: 0 };\n      this._commit('change');\n      return;\n    }\n    if (sDelta !== 0 || vDelta !== 0) {\n      e.preventDefault();\n      this._hsv = {\n        ...this._hsv,\n        s: clamp(this._hsv.s + sDelta, 0, 100),\n        v: clamp(this._hsv.v + vDelta, 0, 100),\n      };\n      this._commit('change');\n    }\n  }\n\n  // ─── Hue slider dragging ─────────────────────────────────────────────────\n\n  private _handleHuePointerDown(e: PointerEvent): void {\n    if (this.disabled) return;\n    e.preventDefault();\n    this._draggingHue = true;\n    (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);\n    this._updateHueFromPointer(e);\n  }\n\n  private _updateHueFromPointer(e: PointerEvent): void {\n    const track = this.shadowRoot?.querySelector<HTMLElement>('[part=\"hue-slider\"]');\n    if (!track) return;\n    const rect = track.getBoundingClientRect();\n    const pct = clamp((e.clientX - rect.left) / rect.width, 0, 1);\n    this._hsv = { ...this._hsv, h: pct * 360 };\n    this._commit('drag');\n    this.requestUpdate();\n  }\n\n  // ─── Opacity slider dragging ──────────────────────────────────────────────\n\n  private _handleOpacityPointerDown(e: PointerEvent): void {\n    if (this.disabled) return;\n    e.preventDefault();\n    this._draggingOpacity = true;\n    (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);\n    this._updateOpacityFromPointer(e);\n  }\n\n  private _updateOpacityFromPointer(e: PointerEvent): void {\n    const track = this.shadowRoot?.querySelector<HTMLElement>('[part=\"opacity-slider\"]');\n    if (!track) return;\n    const rect = track.getBoundingClientRect();\n    const pct = clamp((e.clientX - rect.left) / rect.width, 0, 1);\n    this._hsv = { ...this._hsv, a: pct };\n    this._commit('drag');\n    this.requestUpdate();\n  }\n\n  // ─── Document-level pointer handlers ─────────────────────────────────────\n\n  private _handlePointerMove(e: PointerEvent): void {\n    if (this._draggingGrid) this._updateGridFromPointer(e);\n    else if (this._draggingHue) this._updateHueFromPointer(e);\n    else if (this._draggingOpacity) this._updateOpacityFromPointer(e);\n  }\n\n  private _handlePointerUp(): void {\n    if (this._draggingGrid || this._draggingHue || this._draggingOpacity) {\n      this._draggingGrid = false;\n      this._draggingHue = false;\n      this._draggingOpacity = false;\n      this._commit('change');\n    }\n  }\n\n  // ─── Keyboard handling for sliders ───────────────────────────────────────\n\n  private _handleHueKeydown(e: KeyboardEvent): void {\n    let delta = 0;\n    if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') delta = -1;\n    else if (e.key === 'ArrowRight' || e.key === 'ArrowUp') delta = 1;\n    else if (e.key === 'PageDown') delta = -10;\n    else if (e.key === 'PageUp') delta = 10;\n    else if (e.key === 'Home') {\n      this._hsv = { ...this._hsv, h: 0 };\n      this._commit('change');\n      return;\n    } else if (e.key === 'End') {\n      this._hsv = { ...this._hsv, h: 360 };\n      this._commit('change');\n      return;\n    }\n    if (delta !== 0) {\n      e.preventDefault();\n      this._hsv = { ...this._hsv, h: clamp(this._hsv.h + delta, 0, 360) };\n      this._commit('change');\n    }\n  }\n\n  private _handleOpacityKeydown(e: KeyboardEvent): void {\n    let delta = 0;\n    if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') delta = -0.01;\n    else if (e.key === 'ArrowRight' || e.key === 'ArrowUp') delta = 0.01;\n    else if (e.key === 'PageDown') delta = -0.1;\n    else if (e.key === 'PageUp') delta = 0.1;\n    else if (e.key === 'Home') {\n      this._hsv = { ...this._hsv, a: 0 };\n      this._commit('change');\n      return;\n    } else if (e.key === 'End') {\n      this._hsv = { ...this._hsv, a: 1 };\n      this._commit('change');\n      return;\n    }\n    if (delta !== 0) {\n      e.preventDefault();\n      this._hsv = { ...this._hsv, a: clamp(this._hsv.a + delta, 0, 1) };\n      this._commit('change');\n    }\n  }\n\n  // ─── Input ───────────────────────────────────────────────────────────────\n\n  // P1-7: Bound to @input (was @change) for real-time color preview while typing\n  private _handleInputChange(e: Event): void {\n    const input = e.target as HTMLInputElement;\n    const parsed = parseColor(input.value.trim());\n    if (parsed) {\n      this._hsv = parsed;\n      this._commit('change');\n    }\n    this._inputValue = input.value;\n  }\n\n  private _handleInputBlur(e: FocusEvent): void {\n    const input = e.target as HTMLInputElement;\n    const parsed = parseColor(input.value.trim());\n    if (parsed) {\n      this._hsv = parsed;\n      this._commit('change');\n    } else {\n      // Revert to current valid value\n      this._inputValue = formatColor(this._hsv, this.format, this.opacity);\n    }\n  }\n\n  private _handleFormatCycle(): void {\n    const formats: ColorFormat[] = ['hex', 'rgb', 'hsl', 'hsv'];\n    const idx = formats.indexOf(this.format);\n    const next = formats[(idx + 1) % formats.length];\n    if (next !== undefined) this.format = next;\n    this._inputValue = formatColor(this._hsv, this.format, this.opacity);\n  }\n\n  // ─── Swatches ────────────────────────────────────────────────────────────\n\n  private _handleSwatchClick(color: string): void {\n    const parsed = parseColor(color);\n    if (parsed) {\n      this._hsv = parsed;\n      this._commit('change');\n    }\n  }\n\n  // ─── Computed values ──────────────────────────────────────────────────────\n\n  private _hueColor(): string {\n    return `hsl(${Math.round(this._hsv.h)}, 100%, 50%)`;\n  }\n\n  private _previewColor(): string {\n    const rgb = hsvToRgb(this._hsv);\n    if (this.opacity && this._hsv.a < 1) {\n      return `rgb(${rgb.r} ${rgb.g} ${rgb.b} / ${Math.round(this._hsv.a * 100) / 100})`;\n    }\n    return `rgb(${rgb.r} ${rgb.g} ${rgb.b})`;\n  }\n\n  // ─── Render helpers ───────────────────────────────────────────────────────\n\n  private _renderGrid() {\n    const thumbX = `${this._hsv.s}%`;\n    const thumbY = `${100 - this._hsv.v}%`;\n    const hueColor = this._hueColor();\n\n    // P0-1: Grid is now keyboard-operable — WCAG 2.1 SC 2.1.1 compliance\n    // Arrow keys adjust saturation (left/right) and value (up/down)\n    //\n    // A11y note (WCAG 4.1.2 — 2D slider aria-valuenow limitation): The ARIA slider role\n    // requires a single numeric aria-valuenow. This 2D control has two axes (saturation and\n    // value), so aria-valuenow reports only saturation (the primary/horizontal axis) per\n    // the ARIA 1.2 \"slider\" pattern. aria-valuetext compensates by announcing both axes\n    // (\"Saturation X%, Value Y%\") for all assistive technologies that support it.\n    return html`\n      <div\n        part=\"grid\"\n        class=\"gradient-grid\"\n        role=\"slider\"\n        tabindex=\"0\"\n        aria-label=\"Color gradient\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=${Math.round(this._hsv.s)}\n        aria-valuetext=\"Saturation ${Math.round(this._hsv.s)}%, Value ${Math.round(this._hsv.v)}%\"\n        @pointerdown=${this._handleGridPointerDown}\n        @keydown=${this._handleGridKeydown}\n      >\n        <div class=\"gradient-grid-bg\" style=${styleMap({ '--_hue-color': hueColor })}></div>\n        <div\n          class=\"gradient-thumb\"\n          style=${styleMap({ '--_thumb-x': thumbX, '--_thumb-y': thumbY })}\n          aria-hidden=\"true\"\n        ></div>\n      </div>\n    `;\n  }\n\n  private _renderHueSlider() {\n    const pct = `${(this._hsv.h / 360) * 100}%`;\n    const hueColor = this._hueColor();\n\n    // P1-8: part=\"slider hue-slider\" — exposes the documented shared \"slider\" CSS part\n    // P1-4: aria-valuetext announces the hue angle with degree symbol\n    return html`\n      <div\n        part=\"slider hue-slider\"\n        class=\"slider-track hue-track\"\n        role=\"slider\"\n        tabindex=\"0\"\n        aria-label=\"Hue\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"360\"\n        aria-valuenow=${Math.round(this._hsv.h)}\n        aria-valuetext=\"${Math.round(this._hsv.h)}°\"\n        @pointerdown=${this._handleHuePointerDown}\n        @keydown=${this._handleHueKeydown}\n      >\n        <div\n          class=\"slider-thumb\"\n          style=${styleMap({ '--_slider-pct': pct, '--_thumb-color': hueColor })}\n          aria-hidden=\"true\"\n        ></div>\n      </div>\n    `;\n  }\n\n  private _renderOpacitySlider() {\n    if (!this.opacity) return nothing;\n    const pct = `${this._hsv.a * 100}%`;\n    const rgb = hsvToRgb(this._hsv);\n    const thumbColor = `rgb(${rgb.r} ${rgb.g} ${rgb.b} / ${Math.round(this._hsv.a * 100) / 100})`;\n    const hueColor = this._hueColor();\n\n    // P1-8: part=\"slider opacity-slider\" — exposes the documented shared \"slider\" CSS part\n    // P1-4: aria-valuetext announces the opacity as a percentage\n    return html`\n      <div\n        part=\"slider opacity-slider\"\n        class=\"slider-track opacity-track\"\n        role=\"slider\"\n        tabindex=\"0\"\n        aria-label=\"Opacity\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=${Math.round(this._hsv.a * 100)}\n        aria-valuetext=\"${Math.round(this._hsv.a * 100)}%\"\n        style=${styleMap({ '--_hue-color': hueColor })}\n        @pointerdown=${this._handleOpacityPointerDown}\n        @keydown=${this._handleOpacityKeydown}\n      >\n        <div\n          class=\"slider-thumb\"\n          style=${styleMap({ '--_slider-pct': pct, '--_thumb-color': thumbColor })}\n          aria-hidden=\"true\"\n        ></div>\n      </div>\n    `;\n  }\n\n  private _renderSwatches() {\n    if (!this.swatches?.length) return nothing;\n    return html`\n      <div part=\"swatches\" class=\"swatches\" role=\"group\" aria-label=\"Preset colors\">\n        ${this.swatches.map(\n          (color) => html`\n            <button\n              type=\"button\"\n              class=\"swatch-btn\"\n              style=${styleMap({ background: color })}\n              aria-label=${color}\n              title=${color}\n              @click=${() => this._handleSwatchClick(color)}\n            ></button>\n          `,\n        )}\n      </div>\n    `;\n  }\n\n  private _renderInput() {\n    return html`\n      <div part=\"input\" class=\"input-area\">\n        <div\n          class=\"input-preview\"\n          style=${styleMap({ '--_preview-color': this._previewColor() })}\n          aria-hidden=\"true\"\n        ></div>\n        <button\n          type=\"button\"\n          class=\"format-btn\"\n          aria-label=\"Switch color format\"\n          title=\"Switch format\"\n          @click=${this._handleFormatCycle}\n        >\n          ${this.format}\n        </button>\n        <input\n          type=\"text\"\n          class=\"color-input\"\n          .value=${this._inputValue}\n          aria-label=\"Color value\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          @input=${this._handleInputChange}\n          @blur=${this._handleInputBlur}\n        />\n      </div>\n    `;\n  }\n\n  private _renderPanel() {\n    // A11y fix (WCAG 4.1.2): use role=\"group\" instead of role=\"dialog\" + aria-modal=\"true\".\n    // aria-modal=\"true\" requires a programmatic focus trap so screen readers restrict virtual\n    // cursor navigation to the dialog. Without Tab-key trapping, aria-modal causes JAWS/NVDA\n    // to hide all content outside the panel, stranding keyboard users who Tab out. role=\"group\"\n    // with aria-label provides the same grouping semantics without the false modal contract.\n    return html`\n      <div\n        class=\"panel\"\n        role=\"group\"\n        aria-label=\"Color picker\"\n        tabindex=\"-1\"\n        @keydown=${this._handlePanelKeydown}\n      >\n        ${this.swatchesOnly\n          ? nothing\n          : html`${this._renderGrid()} ${this._renderHueSlider()} ${this._renderOpacitySlider()}`}\n        ${this._renderSwatches()} ${this._renderInput()}\n      </div>\n    `;\n  }\n\n  // ─── Main render ─────────────────────────────────────────────────────────\n\n  override render() {\n    const previewColor = this._previewColor();\n\n    if (this.inline) {\n      return html`\n        <div style=${styleMap({ '--_preview-color': previewColor })}>${this._renderPanel()}</div>\n      `;\n    }\n\n    // P1-3: aria-label includes the current color value so AT users know the selected color\n    return html`\n      <button\n        part=\"trigger\"\n        type=\"button\"\n        class=\"trigger\"\n        aria-label=\"Choose color: ${this._inputValue}\"\n        aria-expanded=${this._open ? 'true' : nothing}\n        ?disabled=${this.disabled}\n        style=${styleMap({ '--_preview-color': previewColor })}\n        @click=${this._handleTriggerClick}\n      >\n        <slot name=\"trigger\">\n          <span class=\"trigger-swatch\" aria-hidden=\"true\"></span>\n          <span class=\"trigger-label\">${this._inputValue}</span>\n        </slot>\n      </button>\n      ${this._open ? this._renderPanel() : nothing}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-color-picker': HelixColorPicker;\n  }\n}\n"],"names":["helixColorPickerStyles","css","clamp","n","min","max","hexToRgb","hex","h","toHex2","rgbToHex","rgb","includeAlpha","base","rgbToHsv","r","g","b","d","s","v","hsvToRgb","hsv","i","f","p","q","t","rgbToHsl","l","parseColor","value","rgbMatch","rm1","rm2","rm3","rm4","hslMatch","hm1","hm2","hm3","hm4","a","c","x","m","hsvMatch","formatColor","format","hsl","HelixColorPicker","LitElement","changedProperties","parsed","disabled","source","formatted","opts","e","_b","_a","grid","rect","y","sDelta","vDelta","track","pct","delta","input","formats","idx","next","color","thumbX","thumbY","hueColor","html","styleMap","nothing","thumbColor","previewColor","tokenStyles","__decorateClass","property","state","customElement"],"mappings":";;;;AAEO,MAAMA,IAAyBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA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"}

package/dist/shared/hx-combobox-CNvY-es8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hx-combobox-CNvY-es8.js","sources":["../../src/components/hx-combobox/hx-combobox.styles.ts","../../src/components/hx-combobox/hx-combobox.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixComboboxStyles = css`\n  :host {\n    display: block;\n  }\n\n  :host([disabled]) {\n    opacity: var(--hx-opacity-disabled, 0.5);\n    pointer-events: none;\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  /* ─── Field Container ─── */\n\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--hx-space-1, 0.25rem);\n    font-family: var(--hx-combobox-font-family, var(--hx-font-family-sans, sans-serif));\n    position: relative;\n  }\n\n  /* ─── Label ─── */\n\n  .field__label {\n    display: flex;\n    align-items: baseline;\n    gap: var(--hx-space-1, 0.25rem);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    font-weight: var(--hx-font-weight-medium, 500);\n    color: var(--hx-combobox-label-color, var(--hx-color-neutral-700, #343a40));\n    line-height: var(--hx-line-height-normal, 1.5);\n  }\n\n  .field__required-marker {\n    color: var(--hx-combobox-error-color, var(--hx-color-error-text, #b91c1c));\n    font-weight: var(--hx-font-weight-bold, 700);\n  }\n\n  /* ─── Input Wrapper ─── */\n\n  .field__input-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    border: var(--hx-border-width-thin, 1px) solid\n      var(--hx-combobox-border-color, var(--hx-color-neutral-300, #ced4da));\n    border-radius: var(--hx-combobox-border-radius, var(--hx-border-radius-md, 0.375rem));\n    background-color: var(--hx-combobox-bg, var(--hx-color-neutral-0, #ffffff));\n    transition:\n      border-color var(--hx-transition-fast, 150ms ease),\n      box-shadow var(--hx-transition-fast, 150ms ease);\n  }\n\n  .field__input-wrapper:focus-within {\n    border-color: var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, #2563eb));\n    /* P2-7: Solid fallback for browsers without color-mix() (Chrome <111, Safari <16.2) */\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      var(--hx-overlay-primary-25, rgba(37, 99, 235, 0.25));\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      color-mix(\n        in srgb,\n        var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, #2563eb))\n          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),\n        transparent\n      );\n  }\n\n  .field--error .field__input-wrapper {\n    border-color: var(--hx-combobox-error-color, var(--hx-color-error-500, #dc3545));\n  }\n\n  .field--error .field__input-wrapper:focus-within {\n    border-color: var(--hx-combobox-error-color, var(--hx-color-error-500, #dc3545));\n    /* P2-7: Solid fallback for browsers without color-mix() */\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      var(--hx-overlay-error-25, rgba(220, 53, 69, 0.25));\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      color-mix(\n        in srgb,\n        var(--hx-combobox-error-color, var(--hx-color-error-500, #dc3545))\n          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),\n        transparent\n      );\n  }\n\n  /* ─── Prefix / Suffix Slots ─── */\n\n  .field__prefix,\n  .field__suffix {\n    display: flex;\n    align-items: center;\n    padding: 0 var(--hx-space-2, 0.5rem);\n    color: var(--hx-color-neutral-500, #6c757d);\n    flex-shrink: 0;\n  }\n\n  /* ─── Text Input ─── */\n\n  .field__input {\n    flex: 1;\n    min-width: 0;\n    border: none;\n    background: transparent;\n    outline: none;\n    font-family: inherit;\n    font-size: var(--hx-font-size-md, 1rem);\n    line-height: var(--hx-line-height-normal, 1.5);\n    color: var(--hx-combobox-color, var(--hx-color-neutral-800, #212529));\n    padding: var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem);\n  }\n\n  .field__input::placeholder {\n    color: var(--hx-color-neutral-400, #adb5bd);\n  }\n\n  /* ─── Input size variants ─── */\n\n  .field__input--sm {\n    min-height: var(--hx-input-height-sm, var(--hx-size-8, 2rem));\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    padding: var(--hx-space-1, 0.25rem) var(--hx-space-3, 0.75rem);\n  }\n\n  .field__input--md {\n    min-height: var(--hx-input-height-md, var(--hx-size-10, 2.5rem));\n    font-size: var(--hx-font-size-md, 1rem);\n    padding: var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem);\n  }\n\n  .field__input--lg {\n    min-height: var(--hx-input-height-lg, var(--hx-size-12, 3rem));\n    font-size: var(--hx-font-size-lg, 1.125rem);\n    padding: var(--hx-space-3, 0.75rem) var(--hx-space-4, 1rem);\n  }\n\n  /* ─── Clear Button ─── */\n\n  .field__clear-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1.25rem;\n    height: 1.25rem;\n    margin-inline-end: var(--hx-space-2, 0.5rem);\n    flex-shrink: 0;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    padding: 0;\n    color: var(--hx-color-neutral-400, #adb5bd);\n    border-radius: var(--hx-border-radius-full, 9999px);\n    transition: color var(--hx-transition-fast, 150ms ease);\n  }\n\n  .field__clear-button:hover {\n    color: var(--hx-color-neutral-700, #343a40);\n  }\n\n  .field__clear-button:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n  }\n\n  /* ─── Loading Indicator ─── */\n\n  .field__loading-indicator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1rem;\n    height: 1rem;\n    margin-inline-end: var(--hx-space-2, 0.5rem);\n    flex-shrink: 0;\n    color: var(--hx-color-neutral-400, #adb5bd);\n  }\n\n  .field__loading-spinner {\n    width: 1rem;\n    height: 1rem;\n    border: 2px solid currentColor;\n    border-top-color: transparent;\n    border-radius: 50%;\n    animation: hx-spin 0.7s linear infinite;\n  }\n\n  @keyframes hx-spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .field__loading-spinner {\n      animation: none;\n    }\n  }\n\n  /* ─── Listbox Panel ─── */\n\n  .field__listbox {\n    position: absolute;\n    top: calc(100% + var(--hx-space-1, 0.25rem));\n    left: 0;\n    right: 0;\n    z-index: var(--hx-z-index-dropdown, 100);\n    background-color: var(--hx-combobox-listbox-bg, var(--hx-color-neutral-0, #ffffff));\n    border: var(--hx-border-width-thin, 1px) solid\n      var(--hx-combobox-border-color, var(--hx-color-neutral-300, #ced4da));\n    border-radius: var(--hx-combobox-border-radius, var(--hx-border-radius-md, 0.375rem));\n    /* P2-7: Solid fallback for browsers without color-mix() */\n    box-shadow: 0 4px 16px var(--hx-overlay-neutral-12, rgba(13, 17, 23, 0.12));\n    box-shadow: var(\n      --hx-combobox-listbox-shadow,\n      0 4px 16px color-mix(in srgb, var(--hx-color-neutral-900, #0d1117) 12%, transparent)\n    );\n    max-height: var(--hx-combobox-listbox-max-height, 16rem);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .field__listbox[hidden] {\n    display: none;\n  }\n\n  /* ─── Options Container ─── */\n\n  .field__options {\n    overflow-y: auto;\n    flex: 1;\n    padding: var(--hx-space-1, 0.25rem) 0;\n  }\n\n  /* ─── Individual Options ─── */\n\n  .field__option {\n    display: flex;\n    align-items: center;\n    gap: var(--hx-space-2, 0.5rem);\n    padding: var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem);\n    font-size: var(--hx-font-size-md, 1rem);\n    color: var(--hx-combobox-color, var(--hx-color-neutral-800, #212529));\n    cursor: pointer;\n    user-select: none;\n    -webkit-user-select: none;\n    transition: background-color var(--hx-transition-fast, 150ms ease);\n  }\n\n  .field__option:hover {\n    background-color: var(--hx-combobox-option-hover-bg, var(--hx-color-primary-50, #eff6ff));\n  }\n\n  .field__option--selected {\n    background-color: var(--hx-combobox-option-selected-bg, var(--hx-color-primary-100, #dbeafe));\n    font-weight: var(--hx-font-weight-medium, 500);\n  }\n\n  .field__option--focused {\n    background-color: var(--hx-combobox-option-hover-bg, var(--hx-color-primary-50, #eff6ff));\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));\n    outline-offset: var(--hx-combobox-option-focus-ring-offset, -2px);\n  }\n\n  .field__option--focused.field__option--selected {\n    background-color: var(--hx-combobox-option-selected-bg, var(--hx-color-primary-100, #dbeafe));\n  }\n\n  .field__option--disabled {\n    opacity: var(--hx-opacity-disabled, 0.5);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .field__option-label {\n    flex: 1;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* ─── No Options / Empty State ─── */\n\n  .field__no-options {\n    padding: var(--hx-space-3, 0.75rem);\n    text-align: center;\n    color: var(--hx-color-neutral-400, #adb5bd);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n  }\n\n  /* ─── Screen Reader Only ─── */\n\n  .field__sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  /* ─── Help Text & Error Messages ─── */\n\n  .field__help-text {\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    color: var(--hx-color-neutral-500, #6c757d);\n    line-height: var(--hx-line-height-normal, 1.5);\n  }\n\n  .field__error {\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    color: var(--hx-combobox-error-color, var(--hx-color-error-text, #b91c1c));\n    line-height: var(--hx-line-height-normal, 1.5);\n  }\n\n  /* ─── Reduced Motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .field__input-wrapper,\n    .field__option {\n      transition: none;\n    }\n  }\n\n  /* ─── Multiple Selection / Chips (P0-1) ─── */\n\n  :host([multiple]) .field__input-wrapper {\n    flex-wrap: wrap;\n    padding: var(--hx-space-1, 0.25rem);\n    gap: var(--hx-space-1, 0.25rem);\n    align-items: center;\n  }\n\n  :host([multiple]) .field__input {\n    min-width: 8rem;\n    padding: var(--hx-space-1, 0.25rem) var(--hx-space-2, 0.5rem);\n    flex-shrink: 1;\n  }\n\n  .field__chip {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--hx-space-1, 0.25rem);\n    padding: 0 var(--hx-space-1, 0.25rem) 0 var(--hx-space-2, 0.5rem);\n    height: 1.5rem;\n    background-color: var(--hx-combobox-chip-bg, var(--hx-color-primary-100, #dbeafe));\n    color: var(--hx-combobox-chip-color, var(--hx-color-primary-800, #1e40af));\n    border-radius: var(--hx-border-radius-full, 9999px);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    white-space: nowrap;\n    max-width: 12rem;\n    flex-shrink: 0;\n  }\n\n  .field__chip-label {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 8rem;\n  }\n\n  .field__chip-remove {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1rem;\n    height: 1rem;\n    border: none;\n    background: none;\n    cursor: pointer;\n    padding: 0;\n    color: inherit;\n    opacity: 0.7;\n    border-radius: 50%;\n    line-height: 1;\n    transition: opacity var(--hx-transition-fast, 150ms ease);\n  }\n\n  .field__chip-remove:hover {\n    opacity: 1;\n    background-color: var(--hx-combobox-chip-remove-hover-bg, var(--hx-color-primary-200, #bfdbfe));\n  }\n\n  .field__chip-remove:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n    opacity: 1;\n  }\n`;\n","import { LitElement, html, nothing } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { tokenStyles } from '@helixui/tokens/lit';\nimport { helixComboboxStyles } from './hx-combobox.styles.js';\n\n// ─── Internal option model ───\n\n// P1-7: Exported so TypeScript consumers can type option arrays programmatically\nexport interface ComboboxOption {\n  value: string;\n  label: string;\n  disabled: boolean;\n}\n\n// P2-13: Exported size type for TypeScript consumers\nexport type HxComboboxSize = 'sm' | 'md' | 'lg';\n\n// P2-6: Module-level counter for deterministic, collision-free IDs\nlet _comboboxIdCounter = 0;\n\n/**\n * A form-associated combobox component combining a text input with a listbox\n * for autocomplete and typeahead. Supports filtering, free-text entry,\n * keyboard navigation, and async option loading.\n *\n * @summary Form-associated combobox with autocomplete, filtering, and keyboard navigation.\n *\n * @tag hx-combobox\n *\n * @slot option - Slot for `<option>` elements that populate the listbox.\n * @slot prefix - Content to display before the text input.\n * @slot suffix - Content to display after the text input.\n * @slot empty-label - Content shown when no options match the filter.\n * @slot label - Custom label content (overrides the label property).\n * @slot error - Custom error content (overrides the error property).\n * @slot help-text - Custom help text content (overrides the helpText property).\n *\n * @fires {CustomEvent<{value: string}>} hx-input - Dispatched on each keystroke as the user types.\n * @fires {CustomEvent<{value: string}>} hx-change - Dispatched when an option is selected.\n * @fires {CustomEvent<void>} hx-clear - Dispatched when the clear button is activated.\n * @fires {CustomEvent<void>} hx-show - Dispatched when the listbox opens.\n * @fires {CustomEvent<void>} hx-hide - Dispatched when the listbox closes.\n *\n * @csspart input - The native text input element.\n * @csspart listbox - The dropdown panel containing options.\n * @csspart trigger - The input wrapper element acting as the combobox trigger.\n * @csspart clear-button - The button that clears the current value.\n * @csspart loading-indicator - The loading spinner shown during async operations.\n *\n * @cssprop [--hx-combobox-bg=var(--hx-color-neutral-0)] - Input background color.\n * @cssprop [--hx-combobox-color=var(--hx-color-neutral-800)] - Input text color.\n * @cssprop [--hx-combobox-border-color=var(--hx-color-neutral-300)] - Border color.\n * @cssprop [--hx-combobox-border-radius=var(--hx-border-radius-md)] - Border radius.\n * @cssprop [--hx-combobox-font-family=var(--hx-font-family-sans)] - Font family.\n * @cssprop [--hx-combobox-focus-ring-color=var(--hx-focus-ring-color)] - Focus ring color.\n * @cssprop [--hx-combobox-error-color=var(--hx-color-error-500)] - Error state color.\n * @cssprop [--hx-combobox-label-color=var(--hx-color-neutral-700)] - Label text color.\n * @cssprop [--hx-combobox-listbox-bg=var(--hx-color-neutral-0)] - Listbox background color.\n * @cssprop [--hx-combobox-option-hover-bg=var(--hx-color-primary-50)] - Option hover background.\n * @cssprop [--hx-combobox-option-selected-bg=var(--hx-color-primary-100)] - Selected option background.\n */\n@customElement('hx-combobox')\nexport class HelixCombobox extends LitElement {\n  static override styles = [tokenStyles, helixComboboxStyles];\n\n  // ─── Form Association ───\n\n  /** Marks this element as form-associated for ElementInternals support. @internal */\n  static formAssociated = true;\n\n  /** Holds the ElementInternals instance used for form value and validity management. @internal */\n  private _internals: ElementInternals;\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  // ─── Stable IDs ───\n\n  // P2-6: Use module-level counter instead of Math.random() to guarantee uniqueness\n  private _id = `hx-combobox-${++_comboboxIdCounter}`;\n  private _listboxId = `${this._id}-listbox`;\n  private _helpTextId = `${this._id}-help`;\n  private _errorId = `${this._id}-error`;\n  private _labelId = `${this._id}-label`;\n  private _liveRegionId = `${this._id}-live`;\n\n  // ─── Public Properties ───\n\n  /**\n   * The visible label text for the combobox.\n   * @attr label\n   */\n  @property({ type: String })\n  label = '';\n\n  /**\n   * Placeholder text shown in the input when no value is entered.\n   * @attr placeholder\n   */\n  @property({ type: String })\n  placeholder = '';\n\n  /**\n   * The current value of the combobox.\n   * @attr value\n   */\n  @property({ type: String, reflect: true })\n  value = '';\n\n  /**\n   * Whether the combobox is required for form submission.\n   * @attr required\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Whether the combobox is disabled.\n   * @attr disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The name used for form submission.\n   * @attr name\n   */\n  @property({ type: String })\n  name = '';\n\n  /**\n   * Error message to display. When set, the field enters an error state.\n   * @attr error\n   */\n  @property({ type: String })\n  error = '';\n\n  /**\n   * Help text displayed below the combobox for guidance.\n   * @attr help-text\n   */\n  @property({ type: String, attribute: 'help-text' })\n  helpText = '';\n\n  /**\n   * Size variant of the combobox.\n   * @attr hx-size\n   */\n  @property({ type: String, attribute: 'hx-size', reflect: true })\n  size: HxComboboxSize = 'md';\n\n  /**\n   * Whether multiple options can be selected.\n   * @attr multiple\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * Whether the combobox shows a clear button when a value is set.\n   * @attr clearable\n   */\n  @property({ type: Boolean, reflect: true })\n  clearable = false;\n\n  /**\n   * Whether the combobox is in a loading state (shows spinner).\n   * @attr loading\n   */\n  @property({ type: Boolean, reflect: true })\n  loading = false;\n\n  /**\n   * Debounce delay in milliseconds for the filter input event.\n   * @attr filter-debounce\n   */\n  @property({ type: Number, attribute: 'filter-debounce' })\n  filterDebounce = 0;\n\n  /**\n   * Accessible name for screen readers, if different from the visible label.\n   * @attr aria-label\n   */\n  @property({ type: String, attribute: 'aria-label' })\n  override ariaLabel: string | null = null;\n\n  /**\n   * Text shown when no options match the current filter.\n   * @attr label-no-options\n   */\n  @property({ type: String, attribute: 'label-no-options' })\n  labelNoOptions = 'No options found';\n\n  /**\n   * Validation message shown when the field is required but empty.\n   * @attr label-required\n   */\n  @property({ type: String, attribute: 'label-required' })\n  labelRequired = 'Please select an option.';\n\n  // ─── Internal State ───\n\n  /** Parsed option models derived from slotted `<option>` and `<optgroup>` elements. @internal */\n  @state() private _options: ComboboxOption[] = [];\n  /** Current text typed in the input, used to filter the option list. @internal */\n  @state() private _filterText = '';\n  /** Whether the listbox dropdown is currently visible. @internal */\n  @state() private _open = false;\n  /** Zero-based index of the keyboard-focused option within the filtered list; -1 means none. @internal */\n  @state() private _focusedOptionIndex = -1;\n  /** Whether the named error slot contains projected content. @internal */\n  @state() private _hasErrorSlot = false;\n  /** Live-region announcement text describing the current number of filtered options. @internal */\n  @state() private _filterAnnouncement = '';\n\n  // ─── Queries ───\n\n  /** Reference to the native text input element inside the shadow DOM. @internal */\n  @query('.field__input')\n  private _input: HTMLInputElement | undefined;\n\n  // ─── Debounce timer ───\n\n  private _debounceTimer: ReturnType<typeof setTimeout> | null = null;\n\n  // ─── Multiple Selection ───\n\n  // P0-1: Derive selected values Set from the comma-separated value property\n  private get _selectedValuesSet(): Set<string> {\n    if (!this.multiple || !this.value) return new Set();\n    return new Set(this.value.split(',').filter(Boolean));\n  }\n\n  // ─── Filtered options ───\n\n  private get _filteredOptions(): ComboboxOption[] {\n    if (!this._filterText) return this._options;\n    const lower = this._filterText.toLowerCase();\n    return this._options.filter((o) => o.label.toLowerCase().includes(lower));\n  }\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    document.addEventListener('click', this._handleOutsideClick);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this._handleOutsideClick);\n    if (this._debounceTimer !== null) {\n      clearTimeout(this._debounceTimer);\n    }\n  }\n\n  override updated(changedProperties: Map<string, unknown>): void {\n    if (changedProperties.has('value')) {\n      this._updateFormValue();\n      this._updateValidity();\n    }\n  }\n\n  // ─── Form Integration ───\n\n  /** Returns the associated form element, if any. */\n  get form(): HTMLFormElement | null {\n    return this._internals.form;\n  }\n\n  /** Returns the validation message. */\n  get validationMessage(): string {\n    return this._internals.validationMessage;\n  }\n\n  /** Returns the ValidityState object. */\n  get validity(): ValidityState {\n    return this._internals.validity;\n  }\n\n  /** Checks whether the combobox satisfies its constraints. */\n  checkValidity(): boolean {\n    return this._internals.checkValidity();\n  }\n\n  /** Reports validity and shows the browser's constraint validation UI. */\n  reportValidity(): boolean {\n    return this._internals.reportValidity();\n  }\n\n  private _updateFormValue(): void {\n    this._internals.setFormValue(this.value || null);\n  }\n\n  private _updateValidity(): void {\n    if (this.required && !this.value) {\n      this._internals.setValidity(\n        { valueMissing: true },\n        this.error || this.labelRequired,\n        this._input,\n      );\n    } else {\n      this._internals.setValidity({});\n    }\n  }\n\n  /** Called by the browser when the owning form resets. */\n  formResetCallback(): void {\n    this.value = '';\n    this._filterText = '';\n    this._internals.setFormValue(null);\n  }\n\n  /** Called when the browser restores form state (e.g., bfcache navigation). */\n  // P1-6: Correct signature per WHATWG spec — includes mode param and all state types\n  formStateRestoreCallback(\n    state: string | File | FormData | null,\n    _mode?: 'restore' | 'autocomplete',\n  ): void {\n    if (typeof state === 'string') {\n      this.value = state;\n    }\n  }\n\n  /** Called when a parent fieldset is disabled/enabled. */\n  formDisabledCallback(disabled: boolean): void {\n    this.disabled = disabled;\n  }\n\n  // ─── Option Syncing from Slot ───\n\n  private _handleSlotChange(): void {\n    this._readOptions();\n  }\n\n  private _parseOption(el: HTMLOptionElement): ComboboxOption {\n    return { value: el.value, label: el.textContent?.trim() ?? el.value, disabled: el.disabled };\n  }\n\n  private _readOptions(): void {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"option\"]');\n    if (!slot) return;\n\n    const parsed: ComboboxOption[] = [];\n\n    for (const el of slot.assignedElements({ flatten: true })) {\n      if (el instanceof HTMLOptionElement) {\n        parsed.push(this._parseOption(el));\n      } else if (el instanceof HTMLOptGroupElement) {\n        for (const child of Array.from(el.children)) {\n          if (child instanceof HTMLOptionElement) parsed.push(this._parseOption(child));\n        }\n      }\n    }\n\n    this._options = parsed;\n  }\n\n  // ─── Slot Change Handlers ───\n\n  private _handleErrorSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasErrorSlot = slot.assignedNodes({ flatten: true }).length > 0;\n  }\n\n  // ─── Dropdown Control ───\n\n  private _openDropdown(): void {\n    if (this.disabled || this._open) return;\n    this._open = true;\n    this._focusedOptionIndex = -1;\n    this.dispatchEvent(new CustomEvent('hx-show', { bubbles: true, composed: true }));\n  }\n\n  private _closeDropdown(): void {\n    if (!this._open) return;\n    this._open = false;\n    this._focusedOptionIndex = -1;\n    this.dispatchEvent(new CustomEvent('hx-hide', { bubbles: true, composed: true }));\n  }\n\n  // ─── Input Handling ───\n\n  private _handleInput(e: Event): void {\n    const input = e.target as HTMLInputElement;\n    this._filterText = input.value;\n\n    if (!this._open) {\n      this._openDropdown();\n    }\n\n    this._focusedOptionIndex = -1;\n\n    if (this.filterDebounce > 0) {\n      if (this._debounceTimer !== null) {\n        clearTimeout(this._debounceTimer);\n      }\n      this._debounceTimer = setTimeout(() => {\n        this._emitInput();\n        this._announceFilterResults();\n      }, this.filterDebounce);\n    } else {\n      this._emitInput();\n      this._announceFilterResults();\n    }\n  }\n\n  private _announceFilterResults(): void {\n    const count = this._filteredOptions.length;\n    this._filterAnnouncement =\n      count === 0\n        ? 'No matching options'\n        : `${count} ${count === 1 ? 'option' : 'options'} available`;\n  }\n\n  private _emitInput(): void {\n    this.dispatchEvent(\n      new CustomEvent('hx-input', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this._filterText },\n      }),\n    );\n  }\n\n  private _handleFocus(): void {\n    this._openDropdown();\n  }\n\n  // ─── Keyboard Navigation ───\n\n  private _handleKeydown(e: KeyboardEvent): void {\n    if (this.disabled) return;\n\n    const filtered = this._filteredOptions;\n    const enabledIndices = filtered\n      .map((o, i) => ({ o, i }))\n      .filter(({ o }) => !o.disabled)\n      .map(({ i }) => i);\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault();\n        if (!this._open) {\n          this._openDropdown();\n          this._focusedOptionIndex = enabledIndices.length > 0 ? (enabledIndices[0] ?? 0) : -1;\n          break;\n        }\n        const nextDown = enabledIndices.find((i) => i > this._focusedOptionIndex);\n        this._focusedOptionIndex =\n          nextDown !== undefined ? nextDown : (enabledIndices[0] ?? this._focusedOptionIndex);\n        break;\n      }\n      case 'ArrowUp': {\n        e.preventDefault();\n        if (!this._open) {\n          this._openDropdown();\n          const lastEnabled = enabledIndices[enabledIndices.length - 1];\n          this._focusedOptionIndex = lastEnabled !== undefined ? lastEnabled : -1;\n          break;\n        }\n        const prevUp = [...enabledIndices].reverse().find((i) => i < this._focusedOptionIndex);\n        const lastEnabledUp = enabledIndices[enabledIndices.length - 1];\n        this._focusedOptionIndex =\n          prevUp !== undefined ? prevUp : (lastEnabledUp ?? this._focusedOptionIndex);\n        break;\n      }\n      case 'Enter': {\n        e.preventDefault();\n        if (!this._open) {\n          this._openDropdown();\n          break;\n        }\n        if (this._focusedOptionIndex >= 0 && this._focusedOptionIndex < filtered.length) {\n          const opt = filtered[this._focusedOptionIndex];\n          if (opt) this._selectOption(opt);\n        }\n        break;\n      }\n      case 'Escape': {\n        e.preventDefault();\n        this._closeDropdown();\n        this._filterText = '';\n        if (this._input) this._input.value = '';\n        break;\n      }\n      case 'Tab': {\n        this._closeDropdown();\n        break;\n      }\n      // P1-1: Home/End keyboard navigation for option list\n      case 'Home': {\n        e.preventDefault();\n        if (!this._open) this._openDropdown();\n        this._focusedOptionIndex = enabledIndices.length > 0 ? (enabledIndices[0] ?? -1) : -1;\n        break;\n      }\n      case 'End': {\n        e.preventDefault();\n        if (!this._open) this._openDropdown();\n        this._focusedOptionIndex =\n          enabledIndices.length > 0 ? (enabledIndices[enabledIndices.length - 1] ?? -1) : -1;\n        break;\n      }\n      default:\n        break;\n    }\n  }\n\n  // ─── Selection ───\n\n  // P0-1: Handle both single and multiple selection modes\n  private _selectOption(option: ComboboxOption): void {\n    if (option.disabled) return;\n    if (this.multiple) {\n      const current = this._selectedValuesSet;\n      const next = new Set(current);\n      if (next.has(option.value)) {\n        next.delete(option.value);\n      } else {\n        next.add(option.value);\n      }\n      this.value = [...next].join(',');\n      // Keep dropdown open for multiple selection so user can pick more\n    } else {\n      this.value = option.value;\n      this._closeDropdown();\n    }\n    this._filterText = '';\n    if (this._input) this._input.value = '';\n    this._dispatchChange();\n  }\n\n  // P0-1: Remove a single value from multi-selection\n  private _removeValue(val: string): void {\n    const next = this._selectedValuesSet;\n    next.delete(val);\n    this.value = [...next].join(',');\n    this._dispatchChange();\n  }\n\n  // ─── Clear ───\n\n  private _handleClear(e: Event): void {\n    e.stopPropagation();\n    this.value = '';\n    this._filterText = '';\n    if (this._input) {\n      this._input.value = '';\n      this._input.focus();\n    }\n    this._internals.setFormValue(null);\n    this._updateValidity();\n    this.dispatchEvent(new CustomEvent('hx-clear', { bubbles: true, composed: true }));\n  }\n\n  // ─── Event Dispatchers ───\n\n  private _dispatchChange(): void {\n    this.dispatchEvent(\n      new CustomEvent('hx-change', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value },\n      }),\n    );\n  }\n\n  // ─── Outside Click Handler ───\n\n  private _handleOutsideClick = (e: MouseEvent): void => {\n    if (this._open && !e.composedPath().includes(this)) {\n      this._closeDropdown();\n    }\n  };\n\n  // ─── Public Methods ───\n\n  /** Moves focus to the text input. */\n  override focus(options?: FocusOptions): void {\n    this._input?.focus(options);\n  }\n\n  // ─── Render Helpers ───\n\n  private _optionId(index: number): string {\n    return `${this._id}-option-${index}`;\n  }\n\n  private get _displayValue(): string {\n    // P0-1: In multiple mode, chips render selected values — input shows only filter text\n    if (this.multiple) return '';\n    if (!this.value) return '';\n    const opt = this._options.find((o) => o.value === this.value);\n    return opt ? opt.label : this.value;\n  }\n\n  private _renderOptions() {\n    const filtered = this._filteredOptions;\n\n    if (filtered.length === 0) {\n      return html`\n        <slot name=\"empty-label\">\n          <div class=\"field__no-options\">${this.labelNoOptions}</div>\n        </slot>\n      `;\n    }\n\n    return filtered.map((opt, index) => {\n      // P0-1: Use Set membership for multiple mode, direct equality for single mode\n      const isSelected = this.multiple\n        ? this._selectedValuesSet.has(opt.value)\n        : opt.value === this.value;\n      const isFocused = index === this._focusedOptionIndex;\n\n      return html`\n        <div\n          id=${this._optionId(index)}\n          part=\"option\"\n          role=\"option\"\n          class=${classMap({\n            field__option: true,\n            'field__option--selected': isSelected,\n            'field__option--focused': isFocused,\n            'field__option--disabled': opt.disabled,\n          })}\n          aria-selected=${isSelected ? 'true' : nothing}\n          aria-disabled=${opt.disabled ? 'true' : nothing}\n          @click=${() => this._selectOption(opt)}\n        >\n          <span class=\"field__option-label\">${opt.label}</span>\n        </div>\n      `;\n    });\n  }\n\n  // ─── Main Render ───\n\n  override render() {\n    const hasError = !!this.error;\n    const showClear = this.clearable && !!this.value && !this.disabled;\n\n    const fieldClasses = {\n      field: true,\n      'field--error': hasError,\n      'field--disabled': this.disabled,\n      'field--required': this.required,\n      'field--open': this._open,\n    };\n\n    const inputClasses = {\n      field__input: true,\n      [`field__input--${this.size}`]: true,\n    };\n\n    const describedBy =\n      [\n        hasError || this._hasErrorSlot ? this._errorId : null,\n        this.helpText ? this._helpTextId : null,\n      ]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    const activedescendant =\n      this._open && this._focusedOptionIndex >= 0\n        ? this._optionId(this._focusedOptionIndex)\n        : undefined;\n\n    return html`\n      <div part=\"field\" class=${classMap(fieldClasses)}>\n        <!-- Label -->\n        <slot name=\"label\">\n          ${this.label\n            ? html`<label id=${this._labelId} for=${this._id} part=\"label\" class=\"field__label\">\n                ${this.label}\n                ${this.required\n                  ? html`<span class=\"field__required-marker\" aria-hidden=\"true\">*</span>`\n                  : nothing}\n              </label>`\n            : nothing}\n        </slot>\n\n        <!-- Input Wrapper -->\n        <div part=\"trigger\" class=\"field__input-wrapper\">\n          <!-- Prefix Slot -->\n          <slot name=\"prefix\" class=\"field__prefix\"></slot>\n\n          <!-- P0-1: Selected value chips for multiple mode -->\n          ${this.multiple && this._selectedValuesSet.size > 0\n            ? [...this._selectedValuesSet].map((val) => {\n                const opt = this._options.find((o) => o.value === val);\n                const label = opt ? opt.label : val;\n                return html`\n                  <span class=\"field__chip\">\n                    <span class=\"field__chip-label\">${label}</span>\n                    <button\n                      type=\"button\"\n                      class=\"field__chip-remove\"\n                      aria-label=\"Remove ${label}\"\n                      @click=${(e: Event) => {\n                        e.stopPropagation();\n                        this._removeValue(val);\n                      }}\n                    >\n                      <svg\n                        width=\"8\"\n                        height=\"8\"\n                        viewBox=\"0 0 8 8\"\n                        fill=\"none\"\n                        aria-hidden=\"true\"\n                        focusable=\"false\"\n                      >\n                        <path\n                          d=\"M1 1L7 7M7 1L1 7\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"1.5\"\n                          stroke-linecap=\"round\"\n                        />\n                      </svg>\n                    </button>\n                  </span>\n                `;\n              })\n            : nothing}\n\n          <!-- Text Input (combobox role) -->\n          <input\n            part=\"input\"\n            type=\"text\"\n            id=${this._id}\n            class=${classMap(inputClasses)}\n            role=\"combobox\"\n            aria-expanded=${this._open ? 'true' : 'false'}\n            aria-autocomplete=\"list\"\n            aria-controls=${this._listboxId}\n            aria-activedescendant=${ifDefined(activedescendant)}\n            aria-invalid=${hasError ? 'true' : nothing}\n            aria-describedby=${ifDefined(describedBy)}\n            aria-required=${this.required ? 'true' : nothing}\n            aria-label=${ifDefined(this.ariaLabel || undefined)}\n            aria-labelledby=${ifDefined(this.label && !this.ariaLabel ? this._labelId : undefined)}\n            aria-busy=${this.loading ? 'true' : nothing}\n            .value=${this._filterText || (this._open ? '' : this._displayValue)}\n            placeholder=${ifDefined(this.placeholder || undefined)}\n            ?disabled=${this.disabled}\n            ?required=${this.required}\n            name=${ifDefined(this.name || undefined)}\n            autocomplete=\"off\"\n            @input=${this._handleInput}\n            @focus=${this._handleFocus}\n            @keydown=${this._handleKeydown}\n          />\n\n          <!-- Loading Indicator -->\n          ${this.loading\n            ? html`\n                <div part=\"loading-indicator\" class=\"field__loading-indicator\" aria-hidden=\"true\">\n                  <div class=\"field__loading-spinner\"></div>\n                </div>\n              `\n            : nothing}\n\n          <!-- Clear Button -->\n          ${showClear\n            ? html`\n                <button\n                  part=\"clear-button\"\n                  type=\"button\"\n                  class=\"field__clear-button\"\n                  aria-label=${`Clear ${this.label || this.ariaLabel || 'selection'}`}\n                  tabindex=\"0\"\n                  @click=${this._handleClear}\n                >\n                  <svg\n                    width=\"12\"\n                    height=\"12\"\n                    viewBox=\"0 0 12 12\"\n                    fill=\"none\"\n                    aria-hidden=\"true\"\n                    focusable=\"false\"\n                  >\n                    <path\n                      d=\"M1 1L11 11M11 1L1 11\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"1.5\"\n                      stroke-linecap=\"round\"\n                    />\n                  </svg>\n                </button>\n              `\n            : nothing}\n\n          <!-- Suffix Slot -->\n          <slot name=\"suffix\" class=\"field__suffix\"></slot>\n        </div>\n\n        <!-- Listbox -->\n        <div\n          part=\"listbox\"\n          role=\"listbox\"\n          id=${this._listboxId}\n          class=\"field__listbox\"\n          aria-label=${ifDefined(this.label || this.ariaLabel || undefined)}\n          aria-multiselectable=${this.multiple ? 'true' : nothing}\n          ?hidden=${!this._open}\n        >\n          <div class=\"field__options\">${this._renderOptions()}</div>\n        </div>\n\n        <!-- Hidden slot (options read from here) -->\n        <slot name=\"option\" @slotchange=${this._handleSlotChange} style=\"display:none;\"></slot>\n\n        <!-- Error -->\n        <slot name=\"error\" @slotchange=${this._handleErrorSlotChange}>\n          ${hasError\n            ? html`<div part=\"error\" class=\"field__error\" id=${this._errorId} role=\"alert\">\n                ${this.error}\n              </div>`\n            : nothing}\n        </slot>\n\n        <!-- Help Text -->\n        ${this.helpText && !hasError\n          ? html`\n              <div part=\"help-text\" class=\"field__help-text\" id=${this._helpTextId}>\n                <slot name=\"help-text\">${this.helpText}</slot>\n              </div>\n            `\n          : nothing}\n\n        <!-- Filter results live region -->\n        <div id=${this._liveRegionId} aria-live=\"polite\" aria-atomic=\"true\" class=\"field__sr-only\">\n          ${this._filterAnnouncement}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-combobox': HelixCombobox;\n  }\n}\n\nexport type { HelixCombobox as HxCombobox };\n"],"names":["helixComboboxStyles","css","_comboboxIdCounter","HelixCombobox","LitElement","lower","o","changedProperties","state","_mode","disabled","el","_a","slot","parsed","child","input","count","filtered","enabledIndices","i","nextDown","lastEnabled","prevUp","lastEnabledUp","opt","option","current","next","val","options","index","html","isSelected","isFocused","classMap","nothing","hasError","showClear","fieldClasses","inputClasses","describedBy","activedescendant","label","e","ifDefined","tokenStyles","__decorateClass","property","query","customElement"],"mappings":";;;;;AAEO,MAAMA,IAAsBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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"}

package/dist/shared/hx-counter-D-1NXzGs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hx-counter-D-1NXzGs.js","sources":["../../src/components/hx-counter/hx-counter.styles.ts","../../src/components/hx-counter/hx-counter.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixCounterStyles = css`\n  :host {\n    display: inline-block;\n  }\n\n  .counter {\n    display: inline-flex;\n    align-items: baseline;\n    font-family: var(--hx-counter-font-family, var(--hx-font-family-sans, sans-serif));\n    font-weight: var(--hx-counter-font-weight, var(--hx-font-weight-bold, 700));\n    color: var(--hx-counter-color, var(--hx-color-neutral-900, #111827));\n    line-height: var(--hx-line-height-tight, 1.25);\n    font-variant-numeric: tabular-nums;\n  }\n\n  /* ─── Size Variants ─── */\n\n  .counter--sm {\n    font-size: var(--hx-counter-font-size-sm, var(--hx-font-size-xl, 1.25rem));\n  }\n\n  .counter--md {\n    font-size: var(--hx-counter-font-size-md, var(--hx-font-size-3xl, 1.875rem));\n  }\n\n  .counter--lg {\n    font-size: var(--hx-counter-font-size-lg, var(--hx-font-size-5xl, 3rem));\n  }\n\n  /* ─── Reduced Motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .counter {\n      /* Animation is handled in JS — reduced-motion consumers\n         will see the final value immediately via the component logic */\n    }\n  }\n`;\n","import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { tokenStyles } from '@helixui/tokens/lit';\nimport { helixCounterStyles } from './hx-counter.styles.js';\n\nexport type CounterSize = 'sm' | 'md' | 'lg';\nexport type CounterEasing = 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out';\nexport type CounterFormat = 'integer' | 'decimal';\n\n/**\n * Animated number counter that counts from 0 (or the previous value) to the\n * target value using requestAnimationFrame. Respects prefers-reduced-motion.\n *\n * @summary Displays an animated numeric counter that transitions to a target value.\n *\n * @tag hx-counter\n *\n * @csspart counter - The outer counter element.\n *\n * @cssprop [--hx-counter-font-family=var(--hx-font-family-sans)] - Font family.\n * @cssprop [--hx-counter-font-weight=var(--hx-font-weight-bold)] - Font weight.\n * @cssprop [--hx-counter-color=var(--hx-color-neutral-900)] - Counter text color.\n * @cssprop [--hx-counter-font-size-sm=var(--hx-font-size-xl)] - Font size at sm.\n * @cssprop [--hx-counter-font-size-md=var(--hx-font-size-3xl)] - Font size at md.\n * @cssprop [--hx-counter-font-size-lg=var(--hx-font-size-5xl)] - Font size at lg.\n */\n@customElement('hx-counter')\nexport class HelixCounter extends LitElement {\n  static override styles = [tokenStyles, helixCounterStyles];\n\n  /**\n   * The target numeric value to count to.\n   * @attr value\n   */\n  @property({ type: Number })\n  value = 0;\n\n  /**\n   * Animation duration in milliseconds.\n   * @attr duration\n   */\n  @property({ type: Number })\n  duration = 1000;\n\n  /**\n   * Easing function applied to the animation progress.\n   * @attr easing\n   */\n  @property({ type: String })\n  easing: CounterEasing = 'ease-out';\n\n  /**\n   * Number format. 'integer' rounds to the nearest whole number;\n   * 'decimal' shows two decimal places.\n   * @attr format\n   */\n  @property({ type: String })\n  format: CounterFormat = 'integer';\n\n  /**\n   * String prepended to the formatted value (e.g., '$').\n   * @attr prefix\n   */\n  @property({ type: String })\n  prefix = '';\n\n  /**\n   * String appended to the formatted value (e.g., '%').\n   * @attr suffix\n   */\n  @property({ type: String })\n  suffix = '';\n\n  /**\n   * Size variant controlling font size.\n   * @attr size\n   */\n  @property({ type: String, reflect: true })\n  size: CounterSize = 'md';\n\n  // ─── Internal State ───\n\n  @state() private _displayValue = 0;\n\n  private _animationId: number | null = null;\n  private _startTime: number | null = null;\n  private _startValue = 0;\n  private _prefersReducedMotion = false;\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    const mq = window.matchMedia('(prefers-reduced-motion: reduce)');\n    this._prefersReducedMotion = mq.matches;\n\n    if (this._prefersReducedMotion) {\n      this._displayValue = this.value;\n    } else {\n      this._startAnimation();\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._cancelAnimation();\n  }\n\n  override updated(changedProps: Map<string, unknown>): void {\n    if (changedProps.has('value') && changedProps.get('value') !== undefined) {\n      if (this._prefersReducedMotion) {\n        this._displayValue = this.value;\n      } else {\n        this._startValue = this._displayValue;\n        this._startTime = null;\n        this._startAnimation();\n      }\n    }\n  }\n\n  // ─── Animation ───\n\n  private _cancelAnimation(): void {\n    if (this._animationId !== null) {\n      cancelAnimationFrame(this._animationId);\n      this._animationId = null;\n    }\n  }\n\n  private _applyEasing(t: number): number {\n    switch (this.easing) {\n      case 'linear':\n        return t;\n      case 'ease-in':\n        return t * t;\n      case 'ease-out':\n        return t * (2 - t);\n      case 'ease-in-out':\n        return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;\n    }\n  }\n\n  private _startAnimation(): void {\n    this._cancelAnimation();\n\n    const step = (timestamp: number): void => {\n      if (this._startTime === null) {\n        this._startTime = timestamp;\n      }\n\n      const elapsed = timestamp - this._startTime;\n      const rawProgress = Math.min(elapsed / this.duration, 1);\n      const easedProgress = this._applyEasing(rawProgress);\n\n      this._displayValue = this._startValue + (this.value - this._startValue) * easedProgress;\n\n      if (rawProgress < 1) {\n        this._animationId = requestAnimationFrame(step);\n      } else {\n        this._displayValue = this.value;\n        this._animationId = null;\n      }\n    };\n\n    this._animationId = requestAnimationFrame(step);\n  }\n\n  // ─── Formatting ───\n\n  private _formatValue(): string {\n    const num =\n      this.format === 'integer'\n        ? Math.round(this._displayValue)\n        : parseFloat(this._displayValue.toFixed(2));\n\n    return `${this.prefix}${num.toLocaleString()}${this.suffix}`;\n  }\n\n  // ─── Render ───\n\n  override render() {\n    const classes = {\n      counter: true,\n      [`counter--${this.size}`]: true,\n    };\n\n    return html`\n      <span part=\"counter\" class=${classMap(classes)} aria-live=\"polite\" aria-atomic=\"true\">\n        ${this._formatValue()}\n      </span>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-counter': HelixCounter;\n  }\n}\n"],"names":["helixCounterStyles","css","HelixCounter","LitElement","mq","changedProps","t","step","timestamp","elapsed","rawProgress","easedProgress","num","classes","html","classMap","tokenStyles","__decorateClass","property","state","customElement"],"mappings":"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"}

package/dist/shared/hx-data-table-BwoJCFgs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hx-data-table-BwoJCFgs.js","sources":["../../src/components/hx-data-table/hx-data-table.styles.ts","../../src/components/hx-data-table/hx-data-table.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixDataTableStyles = css`\n  :host {\n    display: block;\n    overflow-x: auto;\n    font-family: var(--hx-font-family-sans, sans-serif);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n  }\n\n  /* ─── Scroll Wrapper ─── */\n\n  .table-wrapper {\n    min-width: 0;\n    width: 100%;\n  }\n\n  /* ─── Table ─── */\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    border-spacing: 0;\n    min-width: var(--hx-data-table-min-width, 600px);\n  }\n\n  /* ─── Head ─── */\n\n  thead {\n    background-color: var(--hx-data-table-header-bg, var(--hx-color-neutral-50, #f8fafc));\n  }\n\n  :host([sticky-header]) thead th {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    background-color: var(--hx-data-table-header-bg, var(--hx-color-neutral-50, #f8fafc));\n  }\n\n  /* ─── Cells ─── */\n\n  th,\n  td {\n    padding: var(--hx-space-3, 0.75rem) var(--hx-space-4, 1rem);\n    text-align: left;\n    border-bottom: var(--hx-border-width-thin, 1px) solid\n      var(--hx-data-table-border-color, var(--hx-color-neutral-200, #e2e8f0));\n    vertical-align: middle;\n  }\n\n  th {\n    font-weight: var(--hx-font-weight-semibold, 600);\n    color: var(--hx-data-table-header-color, var(--hx-color-neutral-700, #334155));\n    white-space: nowrap;\n  }\n\n  td {\n    color: var(--hx-data-table-cell-color, var(--hx-color-neutral-900, #0f172a));\n  }\n\n  /* ─── Checkbox Column ─── */\n\n  th.col-checkbox,\n  td.col-checkbox {\n    /* WCAG 2.5.5 (healthcare mandate): minimum 44x44px touch target */\n    width: var(--hx-touch-target-min, 2.75rem);\n    min-width: var(--hx-touch-target-min, 2.75rem);\n    padding-right: var(--hx-space-2, 0.5rem);\n  }\n\n  th.col-checkbox {\n    text-align: center;\n  }\n\n  td.col-checkbox {\n    text-align: center;\n  }\n\n  /* ─── Sort Button ─── */\n\n  .sort-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--hx-space-1, 0.25rem);\n    background: none;\n    border: none;\n    padding: 0;\n    font: inherit;\n    font-weight: inherit;\n    color: inherit;\n    cursor: pointer;\n    white-space: nowrap;\n  }\n\n  .sort-btn:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-focus-ring-color, var(--hx-color-primary-500, #2563eb));\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n    border-radius: var(--hx-border-radius-sm, 2px);\n  }\n\n  /* ─── Sort Icon ─── */\n\n  .sort-icon {\n    display: inline-flex;\n    align-items: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    opacity: 0.4;\n    transition:\n      opacity var(--hx-transition-fast, 150ms ease),\n      transform var(--hx-transition-fast, 150ms ease);\n  }\n\n  .sort-icon--active {\n    opacity: 1;\n    color: var(--hx-color-primary-500, #2563eb);\n  }\n\n  .sort-icon--desc {\n    transform: rotate(180deg);\n  }\n\n  /* ─── Row States ─── */\n\n  tbody tr {\n    transition: background-color var(--hx-transition-fast, 150ms ease);\n  }\n\n  tbody tr:hover {\n    background-color: var(--hx-data-table-row-hover-bg, var(--hx-color-neutral-50, #f8fafc));\n  }\n\n  tbody tr[aria-selected='true'] {\n    background-color: var(--hx-data-table-row-selected-bg, var(--hx-color-primary-50, #eff6ff));\n  }\n\n  /* ─── Checkbox Input ─── */\n\n  input[type='checkbox'] {\n    width: var(--hx-size-4, 1rem);\n    height: var(--hx-size-4, 1rem);\n    cursor: pointer;\n    accent-color: var(--hx-color-primary-500, #2563eb);\n  }\n\n  /* ─── Loading Skeleton ─── */\n\n  .skeleton-cell {\n    display: block;\n    height: 1em;\n    border-radius: var(--hx-border-radius-sm, 2px);\n    background: linear-gradient(\n      90deg,\n      var(--hx-color-neutral-200, #e2e8f0) 25%,\n      var(--hx-color-neutral-100, #f1f5f9) 50%,\n      var(--hx-color-neutral-200, #e2e8f0) 75%\n    );\n    background-size: 200% 100%;\n    animation: hx-shimmer 1.5s infinite;\n  }\n\n  @keyframes hx-shimmer {\n    0% {\n      background-position: 200% 0;\n    }\n    100% {\n      background-position: -200% 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .skeleton-cell {\n      animation: none;\n      opacity: 0.6;\n    }\n  }\n\n  /* ─── Cell Focus ─── */\n\n  td:focus-visible,\n  th:focus-visible,\n  [part~='td']:focus-visible,\n  [part~='th']:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-focus-ring-color, var(--hx-color-primary-500, #2563eb));\n    outline-offset: var(--hx-focus-ring-offset, -2px);\n    border-radius: var(--hx-border-radius-sm, 2px);\n  }\n\n  /* ─── Empty State ─── */\n\n  .empty-cell {\n    text-align: center;\n    color: var(--hx-data-table-empty-color, var(--hx-color-neutral-600, #475569));\n    padding: var(--hx-space-8, 2rem) var(--hx-space-4, 1rem);\n  }\n`;\n","import { LitElement, html, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { tokenStyles } from '@helixui/tokens/lit';\nimport { helixDataTableStyles } from './hx-data-table.styles.js';\nimport { devWarn } from '../../utils/dev-warn.js';\n\n/**\n * Column definition for `hx-data-table`.\n */\nexport interface HxDataTableColumn {\n  key: string;\n  label: string;\n  sortable?: boolean;\n  width?: string;\n}\n\n/**\n * Sort state exported for TypeScript consumers and CEM event types.\n */\nexport interface HxDataTableSortState {\n  key: string;\n  direction: 'asc' | 'desc';\n}\n\n/**\n * An enterprise data table with sorting, row selection, and keyboard navigation.\n *\n * @summary Enterprise data table with sorting, selection, and responsive scroll.\n *\n * @tag hx-data-table\n *\n * @slot toolbar - Content rendered above the table (e.g., search, actions).\n * @slot empty - Custom empty-state content rendered when `rows` is empty and not loading.\n * @slot loading - Custom loading content rendered when `loading` is true.\n *\n * @fires {CustomEvent<HxDataTableSortState>} hx-sort - Dispatched when a sortable column header is clicked.\n * @fires {CustomEvent<{selectedRows: Record<string, unknown>[]}>} hx-select - Dispatched when row selection changes.\n * @fires {CustomEvent<{row: Record<string, unknown>, index: number}>} hx-row-click - Dispatched when a data row is clicked.\n *\n * @csspart table - The `<table>` element.\n * @csspart thead - The `<thead>` element.\n * @csspart tbody - The `<tbody>` element.\n * @csspart tr - Each `<tr>` element.\n * @csspart th - Each `<th>` element.\n * @csspart td - Each `<td>` element.\n * @csspart sort-icon - The sort indicator icon `<span>` inside sortable headers.\n * @csspart checkbox - Each `<input type=\"checkbox\">` element.\n *\n * @cssprop [--hx-data-table-header-bg=var(--hx-color-neutral-50)] - Header background color.\n * @cssprop [--hx-data-table-header-color=var(--hx-color-neutral-700)] - Header text color.\n * @cssprop [--hx-data-table-cell-color=var(--hx-color-neutral-900)] - Cell text color.\n * @cssprop [--hx-data-table-border-color=var(--hx-color-neutral-200)] - Row border color.\n * @cssprop [--hx-data-table-row-hover-bg=var(--hx-color-neutral-50)] - Row hover background.\n * @cssprop [--hx-data-table-row-selected-bg=var(--hx-color-primary-50)] - Selected row background.\n * @cssprop [--hx-data-table-empty-color=var(--hx-color-neutral-600)] - Empty state text color.\n * @cssprop [--hx-data-table-min-width=600px] - Minimum table width before horizontal scrolling.\n */\n@customElement('hx-data-table')\nexport class HelixDataTable extends LitElement {\n  static override styles = [tokenStyles, helixDataTableStyles];\n\n  // ─── Public Properties ───\n\n  /**\n   * Column definitions. Each item: `{ key, label, sortable?, width? }`.\n   * Can be set as a JS array or a JSON string (e.g., from a Drupal Twig attribute).\n   * @attr columns\n   */\n  @property({ type: Array })\n  columns: HxDataTableColumn[] = [];\n\n  /**\n   * Row data. Each item is a plain object keyed by column `key` values.\n   * Can be set as a JS array or a JSON string (e.g., from a Drupal Twig attribute).\n   * @attr rows\n   */\n  @property({ type: Array })\n  rows: Record<string, unknown>[] = [];\n\n  /**\n   * When true, renders a checkbox column for row selection.\n   * @attr selectable\n   */\n  @property({ type: Boolean, reflect: true })\n  selectable = false;\n\n  /**\n   * The column key currently used for sorting.\n   * @attr sort-key\n   */\n  @property({ type: String, attribute: 'sort-key' })\n  sortKey = '';\n\n  /**\n   * Current sort direction.\n   * @attr sort-direction\n   */\n  @property({ type: String, attribute: 'sort-direction' })\n  sortDirection: 'asc' | 'desc' = 'asc';\n\n  /**\n   * When true, renders a loading skeleton and sets `aria-busy=\"true\"` on the host.\n   * @attr loading\n   */\n  @property({ type: Boolean, reflect: true })\n  loading = false;\n\n  /**\n   * Text displayed in the default empty state when `rows` is empty and not loading.\n   * @attr empty-label\n   */\n  @property({ type: String, attribute: 'empty-label' })\n  emptyLabel = 'No data';\n\n  /**\n   * Accessible name for the table. Exposed via `aria-label` on the `<table>` element.\n   * Required when the table has columns — a missing label is a WCAG 4.1.2 violation.\n   * @attr label\n   */\n  @property({ type: String })\n  label = '';\n\n  /**\n   * When true, the header row is sticky (position: sticky; top: 0).\n   * @attr sticky-header\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n  stickyHeader = false;\n\n  /**\n   * Current page (1-based). Set to 0 or leave at default (0) to disable pagination.\n   * @attr page\n   */\n  @property({ type: Number })\n  page = 1;\n\n  /**\n   * Number of rows per page. Set to 0 to disable pagination (show all rows).\n   * @attr page-size\n   */\n  @property({ type: Number, attribute: 'page-size' })\n  pageSize = 0;\n\n  // ─── Internal State ───\n\n  @state()\n  private _selectedRows: Set<number> = new Set();\n\n  // ─── Lifecycle ───\n\n  override willUpdate(changed: Map<string, unknown>): void {\n    // Coerce JSON strings to arrays — this is the Drupal/Twig integration path.\n    // Lit does not JSON-parse array attributes automatically, so we do it here.\n    // Note: Lit's defaultConverter returns null (not a string) when JSON.parse fails for\n    // type: Array — so we guard against both string and any non-array value.\n    if (changed.has('columns')) {\n      if (typeof (this.columns as unknown) === 'string') {\n        try {\n          this.columns = JSON.parse(this.columns as unknown as string) as HxDataTableColumn[];\n        } catch {\n          this.columns = [];\n        }\n      } else if (!Array.isArray(this.columns)) {\n        this.columns = [];\n      }\n    }\n    if (changed.has('rows')) {\n      if (typeof (this.rows as unknown) === 'string') {\n        try {\n          this.rows = JSON.parse(this.rows as unknown as string) as Record<string, unknown>[];\n        } catch {\n          this.rows = [];\n        }\n      } else if (!Array.isArray(this.rows)) {\n        this.rows = [];\n      }\n    }\n    // Only warn when rows actually changes to avoid noise on every property update.\n    if (changed.has('rows') && this.rows.length > 500) {\n      devWarn(\n        'hx-data-table',\n        'Rendering more than 500 rows may impact performance. Consider server-side pagination.',\n      );\n    }\n    // WCAG 4.1.2: data tables must have an accessible name so screen readers can identify them.\n    if (\n      (changed.has('label') || changed.has('columns')) &&\n      this.columns.length > 0 &&\n      !this.label\n    ) {\n      devWarn(\n        'hx-data-table',\n        'No accessible name provided. Set the `label` attribute so screen readers can identify this table (WCAG 4.1.2).',\n      );\n    }\n  }\n\n  // ─── Event Handlers ───\n\n  private _handleSort(key: string): void {\n    const direction =\n      this.sortKey === key ? (this.sortDirection === 'asc' ? 'desc' : 'asc') : 'asc';\n    this.sortKey = key;\n    this.sortDirection = direction;\n    this.dispatchEvent(\n      new CustomEvent<HxDataTableSortState>('hx-sort', {\n        bubbles: true,\n        composed: true,\n        detail: { key, direction },\n      }),\n    );\n  }\n\n  private _handleRowClick(row: Record<string, unknown>, index: number): void {\n    this.dispatchEvent(\n      new CustomEvent('hx-row-click', {\n        bubbles: true,\n        composed: true,\n        detail: { row, index },\n      }),\n    );\n  }\n\n  private _handleSelect(index: number, checked: boolean): void {\n    const next = new Set(this._selectedRows);\n    if (checked) {\n      next.add(index);\n    } else {\n      next.delete(index);\n    }\n    this._selectedRows = next;\n    this._dispatchSelect();\n  }\n\n  private _handleSelectAll(checked: boolean): void {\n    this._selectedRows = checked ? new Set(this.rows.map((_, i) => i)) : new Set<number>();\n    this._dispatchSelect();\n  }\n\n  private _dispatchSelect(): void {\n    this.dispatchEvent(\n      new CustomEvent('hx-select', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          selectedRows: [...this._selectedRows].map((i) => this.rows[i]),\n        },\n      }),\n    );\n  }\n\n  // ─── Keyboard Navigation ───\n\n  private _handleKeydown(e: KeyboardEvent): void {\n    if (!['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End', ' '].includes(e.key))\n      return;\n\n    const root = this.shadowRoot;\n    if (!root) return;\n\n    const cells = Array.from(root.querySelectorAll<HTMLElement>('[part~=\"td\"],[part~=\"th\"]'));\n\n    // When focus is inside a child element (e.g., the sort <button> inside a <th>),\n    // shadowRoot.activeElement returns the child, not the cell. Walk up to find the cell.\n    let focused = root.activeElement as HTMLElement | null;\n    if (!focused) return;\n\n    if (cells.indexOf(focused) === -1) {\n      let ancestor = focused.parentElement;\n      while (ancestor) {\n        if (cells.includes(ancestor as HTMLElement)) {\n          focused = ancestor as HTMLElement;\n          break;\n        }\n        ancestor = ancestor.parentElement;\n      }\n    }\n\n    const colCount = this.columns.length + (this.selectable ? 1 : 0);\n    const idx = cells.indexOf(focused);\n    if (idx === -1) return;\n\n    let target: HTMLElement | null = null;\n\n    if (e.key === 'ArrowRight' && idx + 1 < cells.length) {\n      target = cells[idx + 1] ?? null;\n    } else if (e.key === 'ArrowLeft' && idx - 1 >= 0) {\n      target = cells[idx - 1] ?? null;\n    } else if (e.key === 'ArrowDown' && idx + colCount < cells.length) {\n      target = cells[idx + colCount] ?? null;\n    } else if (e.key === 'ArrowUp' && idx - colCount >= 0) {\n      target = cells[idx - colCount] ?? null;\n    } else if (e.key === 'Home') {\n      // First cell of the current row\n      const rowStart = idx - (idx % colCount);\n      target = cells[rowStart] ?? null;\n    } else if (e.key === 'End') {\n      // Last cell of the current row\n      const rowEnd = Math.min(idx - (idx % colCount) + colCount - 1, cells.length - 1);\n      target = cells[rowEnd] ?? null;\n    } else if (e.key === ' ' && focused.getAttribute('part')?.includes('td')) {\n      // Toggle selection on Space in a data row\n      const rowIdx = Number(focused.dataset['rowIndex']);\n      if (this.selectable && !isNaN(rowIdx)) {\n        e.preventDefault();\n        this._handleSelect(rowIdx, !this._selectedRows.has(rowIdx));\n      }\n      return;\n    }\n\n    if (target) {\n      e.preventDefault();\n      target.setAttribute('tabindex', '0');\n      target.focus();\n      focused.setAttribute('tabindex', '-1');\n    }\n  }\n\n  // ─── Render Helpers ───\n\n  private _renderSortIcon(key: string) {\n    const isActive = this.sortKey === key;\n    const iconClass = [\n      'sort-icon',\n      isActive ? 'sort-icon--active' : '',\n      isActive && this.sortDirection === 'desc' ? 'sort-icon--desc' : '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return html`\n      <span part=\"sort-icon\" class=${iconClass} aria-hidden=\"true\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 16 16\"\n          fill=\"currentColor\"\n          width=\"16\"\n          height=\"16\"\n        >\n          <path d=\"M8 3L5 7h6L8 3zM8 13l3-4H5l3 4z\" fill-rule=\"evenodd\" />\n        </svg>\n      </span>\n    `;\n  }\n\n  private _renderHeaderRow() {\n    return html`\n      <tr part=\"tr\">\n        ${this.selectable\n          ? html`\n              <th part=\"th\" class=\"col-checkbox\" tabindex=\"0\">\n                <input\n                  type=\"checkbox\"\n                  part=\"checkbox\"\n                  aria-label=\"Select all rows\"\n                  .indeterminate=${this._selectedRows.size > 0 &&\n                  this._selectedRows.size < this.rows.length}\n                  .checked=${this._selectedRows.size === this.rows.length && this.rows.length > 0}\n                  @change=${(e: Event) =>\n                    this._handleSelectAll((e.target as HTMLInputElement).checked)}\n                />\n              </th>\n            `\n          : nothing}\n        ${this.columns.map(\n          (col) => html`\n            <th\n              part=\"th\"\n              tabindex=\"0\"\n              style=${col.width ? `width: ${col.width}` : ''}\n              aria-sort=${col.sortable\n                ? this.sortKey === col.key\n                  ? this.sortDirection === 'asc'\n                    ? 'ascending'\n                    : 'descending'\n                  : 'none'\n                : nothing}\n            >\n              ${col.sortable\n                ? html`\n                    <button\n                      class=\"sort-btn\"\n                      @click=${() => this._handleSort(col.key)}\n                      aria-label=${this.sortKey === col.key\n                        ? `Sort by ${col.label}, currently sorted ${this.sortDirection === 'asc' ? 'ascending' : 'descending'}`\n                        : `Sort by ${col.label}`}\n                    >\n                      ${col.label} ${this._renderSortIcon(col.key)}\n                    </button>\n                  `\n                : col.label}\n            </th>\n          `,\n        )}\n      </tr>\n    `;\n  }\n\n  private _renderSkeletonRows() {\n    return Array.from(\n      { length: 3 },\n      (_, i) => html`\n        <tr part=\"tr\" aria-hidden=\"true\" key=${i}>\n          ${this.selectable\n            ? html`<td part=\"td\" class=\"col-checkbox\">\n                <span class=\"skeleton-cell\" style=\"width:1rem;margin:auto\"></span>\n              </td>`\n            : nothing}\n          ${this.columns.map(\n            () => html`\n              <td part=\"td\">\n                <span class=\"skeleton-cell\"></span>\n              </td>\n            `,\n          )}\n        </tr>\n      `,\n    );\n  }\n\n  private _renderEmptyRow() {\n    const colSpan = this.columns.length + (this.selectable ? 1 : 0);\n    return html`\n      <tr part=\"tr\">\n        <td part=\"td\" colspan=${colSpan} class=\"empty-cell\">\n          <slot name=\"empty\">${this.emptyLabel}</slot>\n        </td>\n      </tr>\n    `;\n  }\n\n  private _renderDataRows() {\n    let displayRows = this.rows;\n\n    // Client-side pagination when pageSize > 0\n    if (this.pageSize > 0) {\n      const start = (this.page - 1) * this.pageSize;\n      displayRows = this.rows.slice(start, start + this.pageSize);\n    }\n\n    return displayRows.map((row, pageIndex) => {\n      // The global row index for selection and events\n      const globalIndex =\n        this.pageSize > 0 ? (this.page - 1) * this.pageSize + pageIndex : pageIndex;\n      return html`\n        <tr\n          part=\"tr\"\n          aria-selected=${this.selectable ? String(this._selectedRows.has(globalIndex)) : nothing}\n          @click=${() => this._handleRowClick(row, globalIndex)}\n        >\n          ${this.selectable\n            ? html`\n                <td part=\"td\" class=\"col-checkbox\" tabindex=\"-1\" data-row-index=${globalIndex}>\n                  <input\n                    type=\"checkbox\"\n                    part=\"checkbox\"\n                    aria-label=${`Select row ${globalIndex + 1}`}\n                    .checked=${this._selectedRows.has(globalIndex)}\n                    @click=${(e: Event) => e.stopPropagation()}\n                    @change=${(e: Event) =>\n                      this._handleSelect(globalIndex, (e.target as HTMLInputElement).checked)}\n                  />\n                </td>\n              `\n            : nothing}\n          ${this.columns.map(\n            (col) => html`\n              <td part=\"td\" tabindex=\"-1\" data-row-index=${globalIndex}>\n                ${row[col.key] != null ? String(row[col.key]) : ''}\n              </td>\n            `,\n          )}\n        </tr>\n      `;\n    });\n  }\n\n  // ─── Render ───\n\n  override render() {\n    return html`\n      <slot name=\"toolbar\"></slot>\n      <div class=\"table-wrapper\">\n        <table\n          part=\"table\"\n          role=\"grid\"\n          aria-label=${this.label.trim() || 'Table'}\n          aria-busy=${this.loading ? 'true' : nothing}\n          @keydown=${this._handleKeydown}\n        >\n          <thead part=\"thead\">\n            ${this._renderHeaderRow()}\n          </thead>\n          <tbody part=\"tbody\">\n            ${this.loading\n              ? html`<slot name=\"loading\">${this._renderSkeletonRows()}</slot>`\n              : this.rows.length === 0\n                ? this._renderEmptyRow()\n                : this._renderDataRows()}\n          </tbody>\n        </table>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-data-table': HelixDataTable;\n  }\n}\n"],"names":["helixDataTableStyles","css","HelixDataTable","LitElement","changed","key","direction","row","index","checked","next","_","i","e","root","cells","focused","ancestor","colCount","idx","target","rowStart","rowEnd","_a","rowIdx","isActive","iconClass","html","nothing","col","colSpan","displayRows","start","pageIndex","globalIndex","tokenStyles","__decorateClass","property","state","customElement"],"mappings":"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"}

package/dist/shared/hx-date-picker-DDcIBJir.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hx-date-picker-DDcIBJir.js","sources":["../../src/components/hx-date-picker/hx-date-picker.styles.ts","../../src/components/hx-date-picker/hx-date-picker.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixDatePickerStyles = css`\n  :host {\n    display: block;\n    position: relative;\n  }\n\n  :host([disabled]) {\n    opacity: var(--hx-opacity-disabled, 0.5);\n    pointer-events: none;\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--hx-space-1, 0.25rem);\n    font-family: var(--hx-date-picker-font-family, var(--hx-font-family-sans, sans-serif));\n    position: relative;\n  }\n\n  /* ─── Label ─── */\n\n  .field__label-wrapper {\n    display: contents;\n  }\n\n  .field__label {\n    display: flex;\n    align-items: baseline;\n    gap: var(--hx-space-1, 0.25rem);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    font-weight: var(--hx-font-weight-medium, 500);\n    color: var(--hx-date-picker-label-color, var(--hx-color-neutral-700, #343a40));\n    line-height: var(--hx-line-height-normal, 1.5);\n  }\n\n  .field__required-marker {\n    color: var(--hx-date-picker-error-color, var(--hx-color-error-text, #b91c1c));\n    font-weight: var(--hx-font-weight-bold, 700);\n  }\n\n  /* ─── Input Wrapper ─── */\n\n  .field__input-wrapper {\n    display: flex;\n    align-items: stretch;\n    border: var(--hx-border-width-thin, 1px) solid\n      var(--hx-date-picker-border-color, var(--hx-color-neutral-300, #ced4da));\n    border-radius: var(--hx-date-picker-border-radius, var(--hx-border-radius-md, 0.375rem));\n    background-color: var(--hx-date-picker-bg, var(--hx-color-neutral-0, #ffffff));\n    transition:\n      border-color var(--hx-transition-fast, 150ms ease),\n      box-shadow var(--hx-transition-fast, 150ms ease);\n    overflow: hidden;\n  }\n\n  .field__input-wrapper:focus-within {\n    border-color: var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, #2563eb));\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      color-mix(\n        in srgb,\n        var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, #2563eb))\n          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),\n        transparent\n      );\n  }\n\n  /* ─── Error State ─── */\n\n  .field--error .field__input-wrapper {\n    border-color: var(--hx-date-picker-error-color, var(--hx-color-error-500, #dc3545));\n  }\n\n  .field--error .field__input-wrapper:focus-within {\n    border-color: var(--hx-date-picker-error-color, var(--hx-color-error-500, #dc3545));\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      color-mix(\n        in srgb,\n        var(--hx-date-picker-error-color, var(--hx-color-error-500, #dc3545))\n          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),\n        transparent\n      );\n  }\n\n  /* ─── Native Input ─── */\n\n  .field__input {\n    flex: 1;\n    border: none;\n    outline: none;\n    background: transparent;\n    padding: var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem);\n    font-family: inherit;\n    font-size: var(--hx-font-size-md, 1rem);\n    color: var(--hx-date-picker-color, var(--hx-color-neutral-800, #212529));\n    line-height: var(--hx-line-height-normal, 1.5);\n    min-height: var(--hx-size-10, 2.5rem);\n    width: 100%;\n    cursor: default;\n  }\n\n  .field__input::placeholder {\n    color: var(--hx-color-neutral-400, #adb5bd);\n  }\n\n  .field__input:disabled {\n    cursor: not-allowed;\n  }\n\n  /* ─── Calendar Trigger Button ─── */\n\n  .field__trigger {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 var(--hx-space-3, 0.75rem);\n    border: none;\n    border-left: var(--hx-border-width-thin, 1px) solid\n      var(--hx-date-picker-border-color, var(--hx-color-neutral-300, #ced4da));\n    background: transparent;\n    color: var(--hx-date-picker-trigger-color, var(--hx-color-neutral-500, #6c757d));\n    cursor: pointer;\n    flex-shrink: 0;\n    transition: color var(--hx-transition-fast, 150ms ease);\n    outline: none;\n  }\n\n  .field__trigger:focus-visible {\n    color: var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, #2563eb));\n    background-color: color-mix(\n      in srgb,\n      var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, #2563eb)) 8%,\n      transparent\n    );\n  }\n\n  .field__trigger:hover:not(:disabled) {\n    color: var(--hx-date-picker-trigger-hover-color, var(--hx-color-neutral-700, #343a40));\n    background-color: color-mix(in srgb, var(--hx-color-neutral-900, #212529) 4%, transparent);\n  }\n\n  .field__trigger:disabled {\n    cursor: not-allowed;\n  }\n\n  /* ─── Calendar Popup ─── */\n\n  .calendar {\n    position: absolute;\n    top: calc(100% + var(--hx-space-1, 0.25rem));\n    left: 0;\n    z-index: var(--hx-z-index-dropdown, 1000);\n    min-width: var(--hx-date-picker-calendar-min-width, 18rem);\n    background-color: var(--hx-date-picker-calendar-bg, var(--hx-color-neutral-0, #ffffff));\n    border: var(--hx-border-width-thin, 1px) solid\n      var(--hx-date-picker-calendar-border-color, var(--hx-color-neutral-200, #e9ecef));\n    border-radius: var(--hx-date-picker-calendar-border-radius, var(--hx-border-radius-lg, 0.5rem));\n    box-shadow: var(\n      --hx-date-picker-calendar-shadow,\n      0 4px 6px -1px var(--hx-overlay-black-10, rgba(0, 0, 0, 0.1)),\n      0 2px 4px -2px var(--hx-overlay-black-10, rgba(0, 0, 0, 0.1))\n    );\n    padding: var(--hx-space-3, 0.75rem);\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .calendar {\n      animation: calendar-appear var(--hx-transition-fast, 150ms ease) forwards;\n    }\n  }\n\n  @keyframes calendar-appear {\n    from {\n      opacity: 0;\n      transform: translateY(-0.25rem);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  /* ─── Month Navigation ─── */\n\n  .calendar__nav {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: var(--hx-space-3, 0.75rem);\n  }\n\n  .calendar__nav-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    /* WCAG 2.5.5 (healthcare mandate): minimum 44x44px touch target */\n    min-width: var(--hx-touch-target-min, 2.75rem);\n    min-height: var(--hx-touch-target-min, 2.75rem);\n    width: var(--hx-touch-target-min, 2.75rem);\n    height: var(--hx-touch-target-min, 2.75rem);\n    border: none;\n    border-radius: var(--hx-border-radius-sm, 0.25rem);\n    background: transparent;\n    color: var(--hx-color-neutral-600, #495057);\n    cursor: pointer;\n    font-size: var(--hx-font-size-lg, 1.125rem);\n    line-height: 1;\n    transition:\n      background-color var(--hx-transition-fast, 150ms ease),\n      color var(--hx-transition-fast, 150ms ease);\n    outline: none;\n  }\n\n  .calendar__nav-btn:hover {\n    background-color: var(--hx-color-neutral-100, #f8f9fa);\n    color: var(--hx-color-neutral-900, #212529);\n  }\n\n  .calendar__nav-btn:focus-visible {\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, #2563eb));\n  }\n\n  .calendar__month-label {\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    font-weight: var(--hx-font-weight-semibold, 600);\n    color: var(--hx-color-neutral-800, #212529);\n    flex: 1;\n    text-align: center;\n  }\n\n  /* ─── Calendar Grid ─── */\n\n  .calendar__grid {\n    display: flex;\n    flex-direction: column;\n    gap: var(--hx-space-1, 0.25rem);\n  }\n\n  .calendar__row {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    gap: var(--hx-space-1, 0.25rem);\n  }\n\n  .calendar__weekday {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: var(--hx-size-8, 2rem);\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    font-weight: var(--hx-font-weight-semibold, 600);\n    color: var(--hx-color-neutral-500, #6c757d);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ─── Day Cells ─── */\n\n  .calendar__day-cell {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .calendar__day {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    /* WCAG 2.5.5 (healthcare mandate): minimum 44x44px touch target */\n    min-width: var(--hx-touch-target-min, 2.75rem);\n    min-height: var(--hx-touch-target-min, 2.75rem);\n    width: var(--hx-touch-target-min, 2.75rem);\n    height: var(--hx-touch-target-min, 2.75rem);\n    border: none;\n    border-radius: var(--hx-border-radius-sm, 0.25rem);\n    background: transparent;\n    color: var(--hx-color-neutral-800, #212529);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    font-family: inherit;\n    cursor: pointer;\n    transition:\n      background-color var(--hx-transition-fast, 150ms ease),\n      color var(--hx-transition-fast, 150ms ease);\n    outline: none;\n    position: relative;\n  }\n\n  .calendar__day:hover:not(.calendar__day--disabled):not(.calendar__day--selected) {\n    background-color: var(--hx-color-neutral-100, #f8f9fa);\n    color: var(--hx-color-neutral-900, #212529);\n  }\n\n  .calendar__day:focus-visible {\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, #2563eb));\n    z-index: 1;\n  }\n\n  .calendar__day--selected {\n    background-color: var(--hx-date-picker-selected-bg, var(--hx-color-primary-500, #2563eb));\n    color: var(--hx-date-picker-selected-color, var(--hx-color-neutral-0, #ffffff));\n    font-weight: var(--hx-font-weight-semibold, 600);\n  }\n\n  .calendar__day--selected:hover {\n    background-color: var(--hx-date-picker-selected-hover-bg, var(--hx-color-primary-600, #1d4ed8));\n  }\n\n  .calendar__day--today:not(.calendar__day--selected) {\n    font-weight: var(--hx-font-weight-bold, 700);\n    color: var(--hx-date-picker-today-color, var(--hx-color-primary-600, #1d4ed8));\n  }\n\n  .calendar__day--today:not(.calendar__day--selected)::after {\n    content: '';\n    position: absolute;\n    bottom: 0.2rem;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0.25rem;\n    height: 0.25rem;\n    border-radius: 50%;\n    background-color: var(--hx-date-picker-today-color, var(--hx-color-primary-600, #1d4ed8));\n  }\n\n  .calendar__day--disabled {\n    opacity: var(--hx-opacity-disabled, 0.4);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* ─── Live Region ─── */\n\n  .calendar__live-region {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  /* ─── Help Text & Error Messages ─── */\n\n  .field__help-text {\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    color: var(--hx-color-neutral-500, #6c757d);\n    line-height: var(--hx-line-height-normal, 1.5);\n  }\n\n  .field__error {\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    color: var(--hx-date-picker-error-color, var(--hx-color-error-text, #b91c1c));\n    line-height: var(--hx-line-height-normal, 1.5);\n  }\n\n  .calendar__nav-btn:disabled {\n    opacity: var(--hx-opacity-disabled, 0.4);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* ─── Forced Colors (High Contrast Mode) ─── */\n\n  @media (forced-colors: active) {\n    .field__input-wrapper {\n      border: 1px solid ButtonText;\n    }\n\n    .field__input-wrapper:focus-within {\n      outline: 2px solid Highlight;\n      outline-offset: 1px;\n      box-shadow: none;\n    }\n\n    .calendar__day:focus-visible {\n      outline: 2px solid Highlight;\n      box-shadow: none;\n    }\n\n    .calendar__day--selected {\n      background-color: Highlight;\n      color: HighlightText;\n      border: 1px solid Highlight;\n    }\n\n    .calendar__day--today:not(.calendar__day--selected) {\n      border: 2px solid LinkText;\n    }\n\n    .calendar__day--today:not(.calendar__day--selected)::after {\n      display: none;\n    }\n\n    .calendar__day--disabled {\n      color: GrayText;\n    }\n\n    .calendar__nav-btn:focus-visible {\n      outline: 2px solid Highlight;\n      box-shadow: none;\n    }\n\n    .field--error .field__input-wrapper {\n      border-color: LinkText;\n    }\n  }\n`;\n","import { LitElement, html, nothing } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { tokenStyles } from '@helixui/tokens/lit';\nimport { helixDatePickerStyles } from './hx-date-picker.styles.js';\n\nlet _instanceCounter = 0;\n\n/**\n * Date picker component for selecting dates with keyboard-accessible calendar popup.\n *\n * @summary Form-associated date picker with calendar popup and WCAG 2.1 AA accessibility.\n *\n * @tag hx-date-picker\n *\n * @slot label - Custom label content (overrides the label property).\n * @slot help-text - Custom help text content (overrides the helpText property).\n * @slot error - Custom error content (overrides the error property).\n *\n * @fires {CustomEvent<{value: string, date: Date | null}>} hx-change - Emitted when the selected date changes.\n *\n * @csspart field - The outer field container.\n * @csspart label - The label element.\n * @csspart input-wrapper - The wrapper around input and trigger.\n * @csspart input - The readonly text input displaying the formatted date.\n * @csspart trigger - The calendar icon button.\n * @csspart calendar - The calendar popup dialog.\n * @csspart month-nav - The month navigation header.\n * @csspart day - An individual day button in the calendar grid.\n * @csspart help-text - The help text container.\n * @csspart error - The error message container.\n *\n * @cssprop [--hx-date-picker-bg=var(--hx-color-neutral-0)] - Input background color.\n * @cssprop [--hx-date-picker-color=var(--hx-color-neutral-800)] - Input text color.\n * @cssprop [--hx-date-picker-border-color=var(--hx-color-neutral-300)] - Border color.\n * @cssprop [--hx-date-picker-border-radius=var(--hx-border-radius-md)] - Border radius.\n * @cssprop [--hx-date-picker-font-family=var(--hx-font-family-sans)] - Font family.\n * @cssprop [--hx-date-picker-focus-ring-color=var(--hx-focus-ring-color)] - Focus ring color.\n * @cssprop [--hx-date-picker-error-color=var(--hx-color-error-500)] - Error state color.\n * @cssprop [--hx-date-picker-label-color=var(--hx-color-neutral-700)] - Label text color.\n * @cssprop [--hx-date-picker-trigger-color=var(--hx-color-neutral-500)] - Trigger icon color.\n * @cssprop [--hx-date-picker-calendar-bg=var(--hx-color-neutral-0)] - Calendar background color.\n * @cssprop [--hx-date-picker-calendar-border-color=var(--hx-color-neutral-200)] - Calendar border color.\n * @cssprop [--hx-date-picker-calendar-min-width=18rem] - Calendar minimum width.\n * @cssprop [--hx-date-picker-selected-bg=var(--hx-color-primary-500)] - Selected day background.\n * @cssprop [--hx-date-picker-selected-color=var(--hx-color-neutral-0)] - Selected day text color.\n * @cssprop [--hx-date-picker-today-color=var(--hx-color-primary-600)] - Today indicator color.\n * @cssprop [--hx-date-picker-calendar-shadow=0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1)] - Calendar popup box shadow.\n */\n@customElement('hx-date-picker')\nexport class HelixDatePicker extends LitElement {\n  static override styles = [tokenStyles, helixDatePickerStyles];\n\n  // ─── Form Association ───\n\n  /**\n   * Marks this component as form-associated for native form participation.\n   * @internal\n   */\n  static formAssociated = true;\n\n  /**\n   * ElementInternals instance for form association.\n   * @internal\n   */\n  private _internals: ElementInternals;\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  // ─── Properties ───\n\n  /**\n   * The name of the field, used for form submission.\n   * @attr name\n   */\n  @property({ type: String })\n  name = '';\n\n  /**\n   * The current value as an ISO 8601 date string (e.g. 2026-03-04).\n   * @attr value\n   */\n  @property({ type: String })\n  value = '';\n\n  /**\n   * The minimum selectable date as an ISO 8601 string.\n   * @attr min\n   */\n  @property({ type: String })\n  min = '';\n\n  /**\n   * The maximum selectable date as an ISO 8601 string.\n   * @attr max\n   */\n  @property({ type: String })\n  max = '';\n\n  /**\n   * The visible label text.\n   * @attr label\n   */\n  @property({ type: String })\n  label = '';\n\n  /**\n   * Whether the field is required for form submission.\n   * @attr required\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Whether the field is disabled.\n   * @attr disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Error message to display. When set, the field enters an error state.\n   * @attr error\n   */\n  @property({ type: String })\n  error = '';\n\n  /**\n   * Help text displayed below the field for guidance.\n   * @attr help-text\n   */\n  @property({ type: String, attribute: 'help-text' })\n  helpText = '';\n\n  /**\n   * Display format hint shown as placeholder (e.g. MM/DD/YYYY).\n   * @attr format\n   */\n  @property({ type: String })\n  format = 'MM/DD/YYYY';\n\n  /**\n   * Locale string used for formatting the display value.\n   * @attr locale\n   */\n  @property({ type: String })\n  locale = 'en-US';\n\n  // ─── Internal State ───\n\n  /**\n   * Tracks whether the calendar popup is currently visible.\n   * @internal\n   */\n  @state() private _isOpen = false;\n  /**\n   * The year currently displayed in the calendar view.\n   * @internal\n   */\n  @state() private _viewYear: number = new Date().getFullYear();\n  /**\n   * The month (0-indexed) currently displayed in the calendar view.\n   * @internal\n   */\n  @state() private _viewMonth: number = new Date().getMonth();\n  /**\n   * The day number currently focused within the calendar grid, or null when the calendar is closed.\n   * @internal\n   */\n  @state() private _focusedDay: number | null = null;\n  /**\n   * The message announced to screen readers when the calendar month changes.\n   * @internal\n   */\n  @state() private _liveMessage = '';\n\n  // ─── Internal References ───\n\n  /**\n   * Reference to the readonly text input element displaying the formatted date.\n   * @internal\n   */\n  @query('.field__input')\n  private _input: HTMLInputElement | undefined;\n\n  /**\n   * Reference to the calendar icon button that opens and closes the popup.\n   * @internal\n   */\n  @query('.field__trigger')\n  private _trigger: HTMLButtonElement | undefined;\n\n  /**\n   * Reference to the calendar popup dialog element.\n   * @internal\n   */\n  @query('.calendar')\n  private _calendar: HTMLElement | undefined;\n\n  // ─── Unique IDs ───\n\n  /**\n   * Unique base ID for this component instance, used to generate all child element IDs.\n   * @internal\n   */\n  private _id = `hx-date-picker-${++_instanceCounter}`;\n  /**\n   * Unique ID for the text input element, used for label association.\n   * @internal\n   */\n  private _inputId = `${this._id}-input`;\n  /**\n   * Unique ID for the help text element, used for aria-describedby association.\n   * @internal\n   */\n  private _helpTextId = `${this._id}-help`;\n  /**\n   * Unique ID for the error message element, used for aria-describedby association.\n   * @internal\n   */\n  private _errorId = `${this._id}-error`;\n  /**\n   * Unique ID for the calendar popup dialog element, used for aria-controls association.\n   * @internal\n   */\n  private _calendarId = `${this._id}-calendar`;\n  /**\n   * Unique ID for the ARIA live region element that announces month navigation changes.\n   * @internal\n   */\n  private _liveRegionId = `${this._id}-live`;\n\n  // ─── Slot Tracking ───\n\n  /**\n   * Whether the label slot has any assigned elements, used to switch between slotted and property-based label rendering.\n   * @internal\n   */\n  private _hasLabelSlot = false;\n  /**\n   * Whether the error slot has any assigned elements, used to switch between slotted and property-based error rendering.\n   * @internal\n   */\n  private _hasErrorSlot = false;\n\n  private _handleLabelSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasLabelSlot = slot.assignedElements().length > 0;\n    if (this._hasLabelSlot) {\n      const slottedLabel = slot.assignedElements()[0];\n      if (slottedLabel && !slottedLabel.id) {\n        slottedLabel.id = `${this._inputId}-slotted-label`;\n      }\n    }\n    this.requestUpdate();\n  }\n\n  private _handleErrorSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasErrorSlot = slot.assignedElements().length > 0;\n    this.requestUpdate();\n  }\n\n  // ─── Bound Handler References ───\n\n  /**\n   * Bound reference to the outside-click handler, stored so the same function reference can be removed from document listeners.\n   * @internal\n   */\n  private _boundHandleOutsideClick: (e: MouseEvent) => void = () => undefined;\n  /**\n   * Bound reference to the document keydown handler, stored so the same function reference can be removed from document listeners.\n   * @internal\n   */\n  private _boundHandleDocumentKeydown: (e: KeyboardEvent) => void = () => undefined;\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._boundHandleOutsideClick = this._handleOutsideClick.bind(this);\n    this._boundHandleDocumentKeydown = this._handleDocumentKeydown.bind(this);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this._boundHandleOutsideClick);\n    document.removeEventListener('keydown', this._boundHandleDocumentKeydown);\n  }\n\n  override updated(changedProperties: Map<string, unknown>): void {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('value')) {\n      this._internals.setFormValue(this.value);\n      this._updateValidity();\n    }\n\n    if (changedProperties.has('_isOpen')) {\n      if (this._isOpen) {\n        // Sync view to the currently selected date when opening.\n        const selected = this._parseISODate(this.value);\n        if (selected) {\n          this._viewYear = selected.getFullYear();\n          this._viewMonth = selected.getMonth();\n        }\n        document.addEventListener('click', this._boundHandleOutsideClick);\n        document.addEventListener('keydown', this._boundHandleDocumentKeydown);\n        // Focus the calendar after it renders.\n        this.updateComplete.then(() => {\n          this._focusActiveDay();\n        });\n      } else {\n        document.removeEventListener('click', this._boundHandleOutsideClick);\n        document.removeEventListener('keydown', this._boundHandleDocumentKeydown);\n        this._focusedDay = null;\n      }\n    }\n\n    if (changedProperties.has('_viewMonth') || changedProperties.has('_viewYear')) {\n      if (this._isOpen) {\n        const monthName = this._getMonthName(this._viewMonth);\n        this._liveMessage = `${monthName} ${this._viewYear}`;\n        this.updateComplete.then(() => {\n          this._focusActiveDay();\n        });\n      }\n    }\n  }\n\n  private _handleOutsideClick(e: MouseEvent): void {\n    const path = e.composedPath();\n    if (!path.includes(this)) {\n      this._closeCalendar();\n    }\n  }\n\n  private _handleDocumentKeydown(e: KeyboardEvent): void {\n    if (e.key === 'Escape' && this._isOpen) {\n      this._closeCalendar();\n    }\n  }\n\n  // ─── Form Integration ───\n\n  /** The form element associated with this component, or null if not in a form. */\n  get form(): HTMLFormElement | null {\n    return this._internals.form;\n  }\n\n  /** The current validation message, or an empty string if the field is valid. */\n  get validationMessage(): string {\n    return this._internals.validationMessage;\n  }\n\n  /** The current validity state of the field. */\n  get validity(): ValidityState {\n    return this._internals.validity;\n  }\n\n  checkValidity(): boolean {\n    return this._internals.checkValidity();\n  }\n\n  reportValidity(): boolean {\n    return this._internals.reportValidity();\n  }\n\n  private _updateValidity(): void {\n    if (this.required && !this.value) {\n      this._internals.setValidity(\n        { valueMissing: true },\n        this.error || 'This field is required.',\n        this._input,\n      );\n    } else {\n      this._internals.setValidity({});\n    }\n  }\n\n  formResetCallback(): void {\n    this.value = '';\n    this._internals.setFormValue('');\n    this._isOpen = false;\n  }\n\n  formStateRestoreCallback(state: string): void {\n    this.value = state;\n  }\n\n  // ─── Public Methods ───\n\n  override focus(options?: FocusOptions): void {\n    this._trigger?.focus(options);\n  }\n\n  // ─── Date Utilities ───\n\n  private _parseISODate(iso: string): Date | null {\n    if (!iso) return null;\n    const d = new Date(iso + 'T00:00:00');\n    return isNaN(d.getTime()) ? null : d;\n  }\n\n  private _toISO(date: Date): string {\n    const y = date.getFullYear();\n    const m = String(date.getMonth() + 1).padStart(2, '0');\n    const d = String(date.getDate()).padStart(2, '0');\n    return `${y}-${m}-${d}`;\n  }\n\n  private _formatForDisplay(iso: string): string {\n    const date = this._parseISODate(iso);\n    if (!date) return '';\n    return date.toLocaleDateString(this.locale, {\n      year: 'numeric',\n      month: '2-digit',\n      day: '2-digit',\n    });\n  }\n\n  private _isDateDisabled(date: Date): boolean {\n    const iso = this._toISO(date);\n    if (this.min && iso < this.min) return true;\n    if (this.max && iso > this.max) return true;\n    return false;\n  }\n\n  private _isSameDay(a: Date, b: Date): boolean {\n    return (\n      a.getFullYear() === b.getFullYear() &&\n      a.getMonth() === b.getMonth() &&\n      a.getDate() === b.getDate()\n    );\n  }\n\n  private _isToday(date: Date): boolean {\n    return this._isSameDay(date, new Date());\n  }\n\n  private _getMonthName(month: number): string {\n    return new Date(2000, month, 1).toLocaleDateString(this.locale, { month: 'long' });\n  }\n\n  private _getDayName(dayIndex: number): string {\n    // dayIndex: 0=Sun, 1=Mon, ...\n    return new Date(2000, 0, 2 + dayIndex).toLocaleDateString(this.locale, {\n      weekday: 'short',\n    });\n  }\n\n  // ─── Calendar Grid ───\n\n  /**\n   * Returns an array of Date objects (or null for padding cells) representing\n   * the 6-week grid for the current view month.\n   */\n  private _getDaysInGrid(): (Date | null)[] {\n    const firstOfMonth = new Date(this._viewYear, this._viewMonth, 1);\n    const leadingBlanks = firstOfMonth.getDay(); // 0=Sun\n    const daysInMonth = new Date(this._viewYear, this._viewMonth + 1, 0).getDate();\n\n    const cells: (Date | null)[] = [];\n\n    // Leading blank cells for days before the 1st\n    for (let i = 0; i < leadingBlanks; i++) {\n      cells.push(null);\n    }\n\n    // Days of current month\n    for (let d = 1; d <= daysInMonth; d++) {\n      cells.push(new Date(this._viewYear, this._viewMonth, d));\n    }\n\n    // Trailing blank cells to complete a full 7-column row\n    const remainder = cells.length % 7;\n    if (remainder !== 0) {\n      for (let i = 0; i < 7 - remainder; i++) {\n        cells.push(null);\n      }\n    }\n\n    return cells;\n  }\n\n  // ─── Calendar Open/Close ───\n\n  private _openCalendar(): void {\n    if (this.disabled) return;\n    this._isOpen = true;\n  }\n\n  private _closeCalendar(): void {\n    this._isOpen = false;\n    // Return focus to trigger after calendar closes.\n    this.updateComplete.then(() => {\n      this._trigger?.focus();\n    });\n  }\n\n  private _toggleCalendar(): void {\n    if (this._isOpen) {\n      this._closeCalendar();\n    } else {\n      this._openCalendar();\n    }\n  }\n\n  // ─── Focus Management ───\n\n  private _focusActiveDay(): void {\n    if (!this._calendar) return;\n\n    const selectedISO = this.value;\n    const selected = this._parseISODate(selectedISO);\n\n    // Try to focus: selected day > today (if in view) > first enabled day\n    let targetDay: number | null = null;\n\n    if (\n      selected &&\n      selected.getFullYear() === this._viewYear &&\n      selected.getMonth() === this._viewMonth\n    ) {\n      targetDay = selected.getDate();\n    } else {\n      const today = new Date();\n      if (today.getFullYear() === this._viewYear && today.getMonth() === this._viewMonth) {\n        const todayDate = new Date(this._viewYear, this._viewMonth, today.getDate());\n        if (!this._isDateDisabled(todayDate)) {\n          targetDay = today.getDate();\n        }\n      }\n    }\n\n    if (targetDay === null) {\n      // Find first enabled day in the month\n      const daysInMonth = new Date(this._viewYear, this._viewMonth + 1, 0).getDate();\n      for (let d = 1; d <= daysInMonth; d++) {\n        const date = new Date(this._viewYear, this._viewMonth, d);\n        if (!this._isDateDisabled(date)) {\n          targetDay = d;\n          break;\n        }\n      }\n    }\n\n    if (targetDay !== null) {\n      this._focusedDay = targetDay;\n      this.updateComplete.then(() => {\n        const btn = this._calendar?.querySelector<HTMLButtonElement>(`[data-day=\"${targetDay}\"]`);\n        btn?.focus();\n      });\n    }\n  }\n\n  // ─── Month Navigation ───\n\n  private _prevMonth(): void {\n    if (this._viewMonth === 0) {\n      this._viewMonth = 11;\n      this._viewYear = this._viewYear - 1;\n    } else {\n      this._viewMonth = this._viewMonth - 1;\n    }\n  }\n\n  private _nextMonth(): void {\n    if (this._viewMonth === 11) {\n      this._viewMonth = 0;\n      this._viewYear = this._viewYear + 1;\n    } else {\n      this._viewMonth = this._viewMonth + 1;\n    }\n  }\n\n  // ─── Day Selection ───\n\n  private _selectDay(date: Date): void {\n    if (this._isDateDisabled(date)) return;\n\n    const iso = this._toISO(date);\n    this.value = iso;\n    this._internals.setFormValue(iso);\n    this._updateValidity();\n\n    this.dispatchEvent(\n      new CustomEvent('hx-change', {\n        bubbles: true,\n        composed: true,\n        detail: { value: iso, date },\n      }),\n    );\n\n    this._closeCalendar();\n  }\n\n  // ─── Calendar Keyboard Navigation ───\n\n  private _handleCalendarKeydown(e: KeyboardEvent): void {\n    const { key } = e;\n\n    if (key === 'Tab') {\n      this._handleCalendarTab(e);\n      return;\n    }\n\n    // Explicit Escape handler on the calendar container provides a reliable\n    // exit path even when the document-level handler does not fire (e.g. when\n    // the event is stopped by a descendant or the shadow boundary interferes).\n    if (key === 'Escape') {\n      e.stopPropagation();\n      this._closeCalendar();\n      return;\n    }\n\n    if (\n      key !== 'ArrowLeft' &&\n      key !== 'ArrowRight' &&\n      key !== 'ArrowUp' &&\n      key !== 'ArrowDown' &&\n      key !== 'Enter' &&\n      key !== ' ' &&\n      key !== 'Home' &&\n      key !== 'End' &&\n      key !== 'PageUp' &&\n      key !== 'PageDown'\n    ) {\n      return;\n    }\n\n    e.preventDefault();\n\n    const currentFocused = this._focusedDay ?? 1;\n    const daysInMonth = new Date(this._viewYear, this._viewMonth + 1, 0).getDate();\n\n    if (key === 'Enter' || key === ' ') {\n      const date = new Date(this._viewYear, this._viewMonth, currentFocused);\n      if (!this._isDateDisabled(date)) {\n        this._selectDay(date);\n      }\n      return;\n    }\n\n    if (key === 'PageUp') {\n      this._prevMonth();\n      return;\n    }\n\n    if (key === 'PageDown') {\n      this._nextMonth();\n      return;\n    }\n\n    if (key === 'Home') {\n      // Move to start of current week (Sunday)\n      const currentDate = new Date(this._viewYear, this._viewMonth, currentFocused);\n      const dayOfWeek = currentDate.getDay();\n      const newDay = currentFocused - dayOfWeek;\n      if (newDay >= 1) {\n        this._focusedDay = newDay;\n        this.updateComplete.then(() => {\n          this._calendar?.querySelector<HTMLButtonElement>(`[data-day=\"${newDay}\"]`)?.focus();\n        });\n      }\n      return;\n    }\n\n    if (key === 'End') {\n      // Move to end of current week (Saturday)\n      const currentDate = new Date(this._viewYear, this._viewMonth, currentFocused);\n      const dayOfWeek = currentDate.getDay();\n      const daysToSaturday = 6 - dayOfWeek;\n      const newDay = currentFocused + daysToSaturday;\n      if (newDay <= daysInMonth) {\n        this._focusedDay = newDay;\n        this.updateComplete.then(() => {\n          this._calendar?.querySelector<HTMLButtonElement>(`[data-day=\"${newDay}\"]`)?.focus();\n        });\n      }\n      return;\n    }\n\n    let newDay = currentFocused;\n\n    if (key === 'ArrowLeft') newDay = currentFocused - 1;\n    if (key === 'ArrowRight') newDay = currentFocused + 1;\n    if (key === 'ArrowUp') newDay = currentFocused - 7;\n    if (key === 'ArrowDown') newDay = currentFocused + 7;\n\n    if (newDay < 1) {\n      // Wrap to previous month\n      this._prevMonth();\n      const prevDaysInMonth = new Date(this._viewYear, this._viewMonth + 1, 0).getDate();\n      this._focusedDay = prevDaysInMonth + newDay;\n      this.updateComplete.then(() => {\n        const day = this._focusedDay;\n        this._calendar?.querySelector<HTMLButtonElement>(`[data-day=\"${day}\"]`)?.focus();\n      });\n      return;\n    }\n\n    if (newDay > daysInMonth) {\n      // Wrap to next month\n      const overflow = newDay - daysInMonth;\n      this._nextMonth();\n      this._focusedDay = overflow;\n      this.updateComplete.then(() => {\n        const day = this._focusedDay;\n        this._calendar?.querySelector<HTMLButtonElement>(`[data-day=\"${day}\"]`)?.focus();\n      });\n      return;\n    }\n\n    this._focusedDay = newDay;\n    this.updateComplete.then(() => {\n      this._calendar?.querySelector<HTMLButtonElement>(`[data-day=\"${newDay}\"]`)?.focus();\n    });\n  }\n\n  // ─── Navigation Boundary Checks ───\n\n  private _isPrevMonthDisabled(): boolean {\n    if (!this.min) return false;\n    const firstOfCurrentView = new Date(this._viewYear, this._viewMonth, 1);\n    const minDate = this._parseISODate(this.min);\n    if (!minDate) return false;\n    return firstOfCurrentView <= minDate;\n  }\n\n  private _isNextMonthDisabled(): boolean {\n    if (!this.max) return false;\n    const lastOfCurrentView = new Date(this._viewYear, this._viewMonth + 1, 0);\n    const maxDate = this._parseISODate(this.max);\n    if (!maxDate) return false;\n    return lastOfCurrentView >= maxDate;\n  }\n\n  // ─── Focus Trap ───\n\n  private _handleCalendarTab(e: KeyboardEvent): void {\n    if (e.key !== 'Tab' || !this._isOpen) return;\n\n    const focusableEls = this._calendar?.querySelectorAll<HTMLElement>(\n      'button:not([disabled]), [tabindex=\"0\"]',\n    );\n    if (!focusableEls || focusableEls.length === 0) return;\n\n    const first = focusableEls[0];\n    const last = focusableEls[focusableEls.length - 1];\n\n    // In shadow DOM, document.activeElement returns the host element, not the\n    // focused inner element. Use shadowRoot.activeElement exclusively so the\n    // comparison is accurate and the trap cannot malfunction and strand users.\n    const shadowActive = this.shadowRoot?.activeElement;\n\n    if (e.shiftKey) {\n      if (shadowActive === first) {\n        e.preventDefault();\n        last?.focus();\n      }\n    } else {\n      if (shadowActive === last) {\n        e.preventDefault();\n        first?.focus();\n      }\n    }\n  }\n\n  // ─── Render Helpers ───\n\n  private _renderWeekdayHeaders() {\n    const headers = Array.from(\n      { length: 7 },\n      (_, i) =>\n        html`<div class=\"calendar__weekday\" role=\"columnheader\" aria-label=${this._getDayName(i)}>\n          ${this._getDayName(i).slice(0, 2)}\n        </div>`,\n    );\n    return html`<div class=\"calendar__row\" role=\"row\">${headers}</div>`;\n  }\n\n  private _renderDayGrid() {\n    const cells = this._getDaysInGrid();\n    const selectedDate = this._parseISODate(this.value);\n\n    const rows: ReturnType<typeof html>[] = [];\n\n    for (let rowStart = 0; rowStart < cells.length; rowStart += 7) {\n      const rowCells = cells.slice(rowStart, rowStart + 7).map((date) => {\n        if (date === null) {\n          return html`<div class=\"calendar__day-cell\" role=\"gridcell\" aria-hidden=\"true\"></div>`;\n        }\n\n        const isSelected = selectedDate ? this._isSameDay(date, selectedDate) : false;\n        const isToday = this._isToday(date);\n        const isDisabled = this._isDateDisabled(date);\n        const isFocused = this._focusedDay === date.getDate();\n        const dayNumber = date.getDate();\n\n        const ariaLabel = date.toLocaleDateString(this.locale, {\n          weekday: 'long',\n          year: 'numeric',\n          month: 'long',\n          day: 'numeric',\n        });\n\n        const dayClasses = {\n          calendar__day: true,\n          'calendar__day--selected': isSelected,\n          'calendar__day--today': isToday,\n          'calendar__day--disabled': isDisabled,\n        };\n\n        return html`<div class=\"calendar__day-cell\">\n          <button\n            part=\"day\"\n            class=${classMap(dayClasses)}\n            type=\"button\"\n            role=\"gridcell\"\n            data-day=${dayNumber}\n            aria-label=${ariaLabel}\n            aria-selected=${isSelected ? 'true' : nothing}\n            aria-disabled=${isDisabled ? 'true' : nothing}\n            aria-current=${isToday ? 'date' : nothing}\n            tabindex=${isFocused ? '0' : '-1'}\n            ?disabled=${isDisabled}\n            @click=${() => {\n              this._selectDay(date);\n            }}\n          >\n            ${dayNumber}\n          </button>\n        </div>`;\n      });\n\n      rows.push(html`<div class=\"calendar__row\" role=\"row\">${rowCells}</div>`);\n    }\n\n    return rows;\n  }\n\n  // ─── Render ───\n\n  override render() {\n    const hasError = !!this.error || this._hasErrorSlot;\n    const displayValue = this._formatForDisplay(this.value);\n    const monthName = this._getMonthName(this._viewMonth);\n\n    const fieldClasses = {\n      field: true,\n      'field--error': hasError,\n      'field--disabled': this.disabled,\n      'field--required': this.required,\n    };\n\n    const describedBy =\n      [hasError ? this._errorId : null, this.helpText ? this._helpTextId : null]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    return html`\n      <div part=\"field\" class=${classMap(fieldClasses)}>\n        <!-- Label -->\n        <div class=\"field__label-wrapper\">\n          <slot name=\"label\" @slotchange=${this._handleLabelSlotChange}>\n            ${this.label\n              ? html`\n                  <label part=\"label\" class=\"field__label\" for=${this._inputId}>\n                    ${this.label}\n                    ${this.required\n                      ? html`<span class=\"field__required-marker\" aria-hidden=\"true\">*</span>`\n                      : nothing}\n                  </label>\n                `\n              : nothing}\n          </slot>\n        </div>\n\n        <!-- Input + Trigger -->\n        <div part=\"input-wrapper\" class=\"field__input-wrapper\">\n          <input\n            part=\"input\"\n            class=\"field__input\"\n            id=${this._inputId}\n            type=\"text\"\n            readonly\n            .value=${displayValue}\n            placeholder=${ifDefined(this.format || undefined)}\n            ?disabled=${this.disabled}\n            aria-labelledby=${ifDefined(\n              this._hasLabelSlot ? `${this._inputId}-slotted-label` : undefined,\n            )}\n            aria-invalid=${hasError ? 'true' : nothing}\n            aria-describedby=${ifDefined(describedBy)}\n            aria-required=${this.required ? 'true' : nothing}\n            aria-haspopup=\"dialog\"\n            @click=${this._openCalendar}\n          />\n          <button\n            part=\"trigger\"\n            class=\"field__trigger\"\n            type=\"button\"\n            aria-label=${this._isOpen ? 'Close calendar' : 'Open calendar'}\n            aria-haspopup=\"dialog\"\n            aria-expanded=${this._isOpen ? 'true' : nothing}\n            aria-controls=${this._calendarId}\n            ?disabled=${this.disabled}\n            @click=${this._toggleCalendar}\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n            >\n              <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"></rect>\n              <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"></line>\n              <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"></line>\n              <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"></line>\n            </svg>\n          </button>\n        </div>\n\n        <!-- Calendar Popup -->\n        ${this._isOpen\n          ? html`\n              <div\n                part=\"calendar\"\n                class=\"calendar\"\n                id=${this._calendarId}\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-label=\"Choose a date\"\n                @keydown=${this._handleCalendarKeydown}\n              >\n                <!-- Screen reader live region -->\n                <div\n                  id=${this._liveRegionId}\n                  class=\"calendar__live-region\"\n                  aria-live=\"polite\"\n                  aria-atomic=\"true\"\n                >\n                  ${this._liveMessage}\n                </div>\n\n                <!-- Month Navigation -->\n                <div part=\"month-nav\" class=\"calendar__nav\">\n                  <button\n                    class=\"calendar__nav-btn\"\n                    type=\"button\"\n                    aria-label=\"Previous month\"\n                    ?disabled=${this._isPrevMonthDisabled()}\n                    @click=${this._prevMonth}\n                  >\n                    &#8249;\n                  </button>\n                  <span class=\"calendar__month-label\" aria-hidden=\"true\">\n                    ${monthName} ${this._viewYear}\n                  </span>\n                  <button\n                    class=\"calendar__nav-btn\"\n                    type=\"button\"\n                    aria-label=\"Next month\"\n                    ?disabled=${this._isNextMonthDisabled()}\n                    @click=${this._nextMonth}\n                  >\n                    &#8250;\n                  </button>\n                </div>\n\n                <!-- Day Grid -->\n                <div class=\"calendar__grid\" role=\"grid\" aria-label=\"${monthName} ${this._viewYear}\">\n                  ${this._renderWeekdayHeaders()} ${this._renderDayGrid()}\n                </div>\n              </div>\n            `\n          : nothing}\n\n        <!-- Error -->\n        <slot name=\"error\" @slotchange=${this._handleErrorSlotChange}>\n          ${this.error\n            ? html`\n                <div part=\"error\" class=\"field__error\" id=${this._errorId} role=\"alert\">\n                  ${this.error}\n                </div>\n              `\n            : nothing}\n        </slot>\n\n        <!-- Help Text -->\n        ${this.helpText && !hasError\n          ? html`\n              <div part=\"help-text\" class=\"field__help-text\" id=${this._helpTextId}>\n                <slot name=\"help-text\">${this.helpText}</slot>\n              </div>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-date-picker': HelixDatePicker;\n  }\n}\n"],"names":["helixDatePickerStyles","css","_instanceCounter","HelixDatePicker","LitElement","e","slot","slottedLabel","changedProperties","selected","monthName","state","options","_a","iso","d","date","y","m","a","b","month","dayIndex","leadingBlanks","daysInMonth","cells","remainder","selectedISO","targetDay","today","todayDate","btn","key","currentFocused","dayOfWeek","newDay","_b","daysToSaturday","prevDaysInMonth","day","overflow","firstOfCurrentView","minDate","lastOfCurrentView","maxDate","focusableEls","first","last","shadowActive","headers","_","i","html","selectedDate","rows","rowStart","rowCells","isSelected","isToday","isDisabled","isFocused","dayNumber","ariaLabel","classMap","nothing","hasError","displayValue","fieldClasses","describedBy","ifDefined","tokenStyles","__decorateClass","property","query","customElement"],"mappings":";;;;;AAEO,MAAMA,IAAwBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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"}