ngwr 14.3.1 → 14.5.0

package/fesm2022/ngwr-color-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-color-picker.mjs","sources":["../../../projects/lib/color-picker/color/rgb-to-hsv.ts","../../../projects/lib/color-picker/color/hsv-to-rgb.ts","../../../projects/lib/color-picker/color/rgb-to-hsl.ts","../../../projects/lib/color-picker/color/hsl-to-rgb.ts","../../../projects/lib/color-picker/color/parse-hex.ts","../../../projects/lib/color-picker/color/to-hex.ts","../../../projects/lib/color-picker/color/parse-color.ts","../../../projects/lib/color-picker/color/format-color.ts","../../../projects/lib/color-picker/color-picker.ts","../../../projects/lib/color-picker/color-picker.html","../../../projects/lib/color-picker/color-picker-trigger.ts","../../../projects/lib/color-picker/ngwr-color-picker.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrHsv } from './wr-hsv';\nimport type { WrRgb } from './wr-rgb';\n\n/**\n * Convert sRGB to HSV. Preserves alpha.\n */\nexport function rgbToHsv(rgb: WrRgb): WrHsv {\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\n  let h = 0;\n  if (d !== 0) {\n    if (max === r) h = ((g - b) / d) % 6;\n    else if (max === g) h = (b - r) / d + 2;\n    else h = (r - g) / d + 4;\n    h *= 60;\n    if (h < 0) h += 360;\n  }\n\n  const s = max === 0 ? 0 : d / max;\n  const v = max;\n\n  return { h, s, v, a: rgb.a };\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrHsv } from './wr-hsv';\nimport type { WrRgb } from './wr-rgb';\n\n/**\n * Convert HSV to sRGB. Preserves alpha. Returns integer channels in `[0, 255]`.\n */\nexport function hsvToRgb(hsv: WrHsv): WrRgb {\n  const { h, s, v } = hsv;\n  const c = v * s;\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n  const m = v - c;\n\n  let r = 0;\n  let g = 0;\n  let b = 0;\n\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\n  return {\n    r: Math.round((r + m) * 255),\n    g: Math.round((g + m) * 255),\n    b: Math.round((b + m) * 255),\n    a: hsv.a,\n  };\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrHsl } from './wr-hsl';\nimport type { WrRgb } from './wr-rgb';\n\n/**\n * Convert sRGB to HSL. Preserves alpha.\n */\nexport function rgbToHsl(rgb: WrRgb): WrHsl {\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 l = (max + min) / 2;\n\n  let h = 0;\n  let s = 0;\n\n  if (d !== 0) {\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n\n    if (max === r) h = (g - b) / d + (g < b ? 6 : 0);\n    else if (max === g) h = (b - r) / d + 2;\n    else h = (r - g) / d + 4;\n\n    h *= 60;\n  }\n\n  return { h, s, l, a: rgb.a };\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrHsl } from './wr-hsl';\nimport type { WrRgb } from './wr-rgb';\n\nfunction hueToChannel(p: number, q: number, t: number): number {\n  let x = t;\n  if (x < 0) x += 1;\n  if (x > 1) x -= 1;\n  if (x < 1 / 6) return p + (q - p) * 6 * x;\n  if (x < 1 / 2) return q;\n  if (x < 2 / 3) return p + (q - p) * (2 / 3 - x) * 6;\n  return p;\n}\n\n/**\n * Convert HSL to sRGB. Preserves alpha. Returns integer channels in `[0, 255]`.\n */\nexport function hslToRgb(hsl: WrHsl): WrRgb {\n  const h = hsl.h / 360;\n  const { s, l } = hsl;\n\n  let r: number;\n  let g: number;\n  let b: number;\n\n  if (s === 0) {\n    r = l;\n    g = l;\n    b = l;\n  } else {\n    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n    const p = 2 * l - q;\n    r = hueToChannel(p, q, h + 1 / 3);\n    g = hueToChannel(p, q, h);\n    b = hueToChannel(p, q, h - 1 / 3);\n  }\n\n  return {\n    r: Math.round(r * 255),\n    g: Math.round(g * 255),\n    b: Math.round(b * 255),\n    a: hsl.a,\n  };\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrRgb } from './wr-rgb';\n\n/**\n * Parse a CSS hex colour into {@link WrRgb}. Accepts 3, 4, 6, or 8 digit\n * forms with or without a leading `#`. Returns `null` for anything that\n * isn't a valid hex string.\n *\n * @example\n * ```ts\n * parseHex('#f00');       // { r: 255, g: 0, b: 0, a: 1 }\n * parseHex('3969e2');     // { r: 57,  g: 105, b: 226, a: 1 }\n * parseHex('#3969e2ff');  // { r: 57,  g: 105, b: 226, a: 1 }\n * parseHex('nope');       // null\n * ```\n */\nexport function parseHex(input: string): WrRgb | null {\n  if (typeof input !== 'string') return null;\n\n  let str = input.trim().replace(/^#/, '').toLowerCase();\n\n  // Expand shorthand: rgb → rrggbb, rgba → rrggbbaa\n  if (str.length === 3 || str.length === 4) {\n    str = str\n      .split('')\n      .map(c => c + c)\n      .join('');\n  }\n\n  if (str.length !== 6 && str.length !== 8) return null;\n  if (!/^[0-9a-f]+$/.test(str)) return null;\n\n  const r = parseInt(str.slice(0, 2), 16);\n  const g = parseInt(str.slice(2, 4), 16);\n  const b = parseInt(str.slice(4, 6), 16);\n  const a = str.length === 8 ? parseInt(str.slice(6, 8), 16) / 255 : 1;\n\n  return { r, g, b, a };\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrRgb } from './wr-rgb';\n\nfunction channelToHex(n: number): string {\n  const clamped = Math.max(0, Math.min(255, Math.round(n)));\n  return clamped.toString(16).padStart(2, '0');\n}\n\n/**\n * Format a {@link WrRgb} as a CSS hex string with a leading `#`. When\n * `withAlpha` is `true` the result is 8 digits (`#rrggbbaa`); otherwise\n * 6 digits.\n *\n * @example\n * ```ts\n * toHex({ r: 57, g: 105, b: 226, a: 1 });         // '#3969e2'\n * toHex({ r: 57, g: 105, b: 226, a: 0.5 }, true); // '#3969e280'\n * ```\n */\nexport function toHex(rgb: WrRgb, withAlpha = false): string {\n  const r = channelToHex(rgb.r);\n  const g = channelToHex(rgb.g);\n  const b = channelToHex(rgb.b);\n  if (withAlpha) {\n    const a = channelToHex(rgb.a * 255);\n    return `#${r}${g}${b}${a}`;\n  }\n  return `#${r}${g}${b}`;\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { clamp } from 'ngwr/utils';\n\nimport { hslToRgb } from './hsl-to-rgb';\nimport { parseHex } from './parse-hex';\nimport type { WrRgb } from './wr-rgb';\n\n/**\n * `rgb(…)` / `rgba(…)`, comma- or space-separated, with an optional `/ alpha`.\n * Signs are accepted so an out-of-range channel CLAMPS the way CSS clamps it,\n * rather than failing to parse and reading as black.\n */\nconst RGB_RE = /^rgba?\\(\\s*(-?[\\d.]+)\\s*[,\\s]\\s*(-?[\\d.]+)\\s*[,\\s]\\s*(-?[\\d.]+)\\s*(?:[,/]\\s*(-?[\\d.]+%?)\\s*)?\\)$/i;\n\n/** `hsl(…)` / `hsla(…)`, with `%` optional on saturation and lightness. */\nconst HSL_RE =\n  /^hsla?\\(\\s*(-?[\\d.]+)(?:deg)?\\s*[,\\s]\\s*(-?[\\d.]+)%?\\s*[,\\s]\\s*(-?[\\d.]+)%?\\s*(?:[,/]\\s*(-?[\\d.]+%?)\\s*)?\\)$/i;\n\n/** `0.5` and `50%` are the same alpha; anything absent is fully opaque. */\nfunction alphaOf(raw: string | undefined): number {\n  if (raw === undefined) return 1;\n  const value = raw.endsWith('%') ? Number(raw.slice(0, -1)) / 100 : Number(raw);\n  return Number.isFinite(value) ? clamp(value, 0, 1) : 1;\n}\n\nfunction channel(raw: string): number {\n  return clamp(Math.round(Number(raw)), 0, 255);\n}\n\n/**\n * Read a colour written in any format `<wr-color-picker>` can emit — hex,\n * `rgb()` / `rgba()`, `hsl()` / `hsla()` — or `null` when it is none of them.\n *\n * The picker emits in whichever format it was given, so a `[(value)]` binding\n * hands its own output straight back on the next external write. Accepting only\n * hex there (which is what it used to do) turned every non-hex value into black.\n *\n * `null` rather than a throw or a black fallback: the caller is often a text\n * field mid-typing, where \"not valid yet\" is the normal state.\n */\nexport function parseColor(input: string): WrRgb | null {\n  const value = input.trim();\n  if (value === '') return null;\n\n  const hex = parseHex(value);\n  if (hex) return hex;\n\n  const rgb = RGB_RE.exec(value);\n  if (rgb) {\n    return { r: channel(rgb[1]), g: channel(rgb[2]), b: channel(rgb[3]), a: alphaOf(rgb[4]) };\n  }\n\n  const hsl = HSL_RE.exec(value);\n  if (hsl) {\n    return hslToRgb({\n      // Normalised here rather than trusted downstream: `hslToRgb` happens to\n      // absorb one negative turn inside `hueToChannel`, which is an internal\n      // detail this function should not be leaning on.\n      h: ((Number(hsl[1]) % 360) + 360) % 360,\n      s: clamp(Number(hsl[2]) / 100, 0, 1),\n      l: clamp(Number(hsl[3]) / 100, 0, 1),\n      a: alphaOf(hsl[4]),\n    });\n  }\n\n  return null;\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrColorFormat } from '../interfaces';\n\nimport { rgbToHsl } from './rgb-to-hsl';\nimport { toHex } from './to-hex';\nimport type { WrRgb } from './wr-rgb';\n\n/** Alpha with at most two decimals, and no trailing zeroes: `0.5`, not `0.50`. */\nfunction alphaText(a: number): string {\n  return String(Math.round(a * 100) / 100);\n}\n\n/**\n * Render a colour in the format a `<wr-color-picker>` was asked for.\n *\n * `withAlpha` follows the picker's own `alpha` input, so each format has an\n * opaque and a translucent spelling — `#3969e2` / `#3969e2ff`,\n * `rgb(…)` / `rgba(…)`, `hsl(…)` / `hsla(…)` — and a picker with the alpha\n * slider turned off never emits a channel the caller cannot see or edit.\n */\nexport function formatColor(rgb: WrRgb, format: WrColorFormat, withAlpha: boolean): string {\n  if (format === 'hex') return toHex(rgb, withAlpha);\n\n  if (format === 'rgba') {\n    const { r, g, b } = rgb;\n    return withAlpha ? `rgba(${r}, ${g}, ${b}, ${alphaText(rgb.a)})` : `rgb(${r}, ${g}, ${b})`;\n  }\n\n  const { h, s, l } = rgbToHsl(rgb);\n  const parts = `${Math.round(h)}, ${Math.round(s * 100)}%, ${Math.round(l * 100)}%`;\n  return withAlpha ? `hsla(${parts}, ${alphaText(rgb.a)})` : `hsl(${parts})`;\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Directionality } from '@angular/cdk/bidi';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { DecimalPipe } from '@angular/common';\nimport { Component, ViewEncapsulation, computed, effect, inject, input, model, output, signal } from '@angular/core';\nimport type { FormValueControl } from '@angular/forms/signals';\n\nimport { WR_FORM_FIELD, useFormFieldAria } from 'ngwr/form';\nimport { readI18nText, useI18nFormatter } from 'ngwr/i18n';\nimport { WrSegmented, type WrSegmentedOption } from 'ngwr/segmented';\nimport { clamp } from 'ngwr/utils';\n\nimport {\n  formatColor,\n  hslToRgb,\n  hsvToRgb,\n  parseColor,\n  parseHex,\n  rgbToHsl,\n  rgbToHsv,\n  toHex,\n  type WrHsl,\n  type WrRgb,\n} from './color';\nimport type { WrColorFormat } from './interfaces';\n\ntype Tab = 'hex' | 'rgb' | 'hsl';\n\ntype Edges = 'sv' | 'hue' | 'alpha';\n\n/** Arrow step, in each surface's own unit: degrees of hue, percent everywhere else. */\nconst KEY_STEP = 1;\nconst KEY_STEP_COARSE = 10;\n\n/** Whether a hex string carries its own alpha (`#rgba` or `#rrggbbaa`). */\nfunction hasAlphaDigits(hex: string): boolean {\n  const digits = hex.trim().replace(/^#/, '').length;\n  return digits === 4 || digits === 8;\n}\n\n/**\n * Inline colour picker — HSV canvas, hue slider, optional alpha slider, HEX\n * input.\n *\n * A signal-forms native control: it implements `FormValueControl<string>`, so\n * `[formField]` binds straight to its `value` model — no\n * `ControlValueAccessor` in between. `[(value)]` works standalone. Output is\n * always a hex string.\n *\n * @example\n * ```html\n * <!-- signal forms -->\n * <wr-color-picker [formField]=\"form.brandColor\" />\n *\n * <!-- standalone two-way binding -->\n * <wr-color-picker [(value)]=\"brandColor\" [alpha]=\"false\" />\n * ```\n *\n * @see https://ngwr.dev/reference/components/color-picker\n */\n@Component({\n  selector: 'wr-color-picker',\n  templateUrl: './color-picker.html',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'classes()',\n    '[style.--wr-color-picker-hue]': 'hueCss()',\n    '[style.--wr-color-picker-rgb]': 'rgbCss()',\n  },\n  // The picker is the control a `<wr-form-field>` wraps; the `<wr-segmented>` tab\n  // strip in its own template is a part, not a control. Without this shield the\n  // tab strip found the field's token and announced the colour field's error as\n  // its own — which is why `fieldAria` below reads the field with `skipSelf`.\n  providers: [{ provide: WR_FORM_FIELD, useValue: null }],\n  imports: [DecimalPipe, WrSegmented],\n})\nexport class WrColorPicker implements FormValueControl<string> {\n  /** Render the alpha slider and emit 8-digit hex / `rgba()`. @default true */\n  readonly alpha = input(true, { transform: coerceBooleanProperty });\n\n  /** Disable interaction. @default false */\n  readonly disabled = input(false, { transform: coerceBooleanProperty });\n\n  /**\n   * Refuse changes while every surface stays focusable and the colour still\n   * submits. Bound automatically from the field's readonly state when used with\n   * `[formField]`.\n   *\n   * The two sliders keep their tab stop and keep announcing `aria-valuenow` —\n   * they simply do not move — the hex / channel fields take the native\n   * `readonly` attribute, and the swatches go inert. Switching TABS still works:\n   * that changes which notation is displayed, not the colour. `aria-readonly` is\n   * mirrored on the sliders, which support it; the saturation surface is a\n   * `role=\"group\"`, which does not, so it carries nothing.\n   *\n   * @default false\n   */\n  readonly readonly = input(false, { transform: coerceBooleanProperty });\n\n  /** The surrounding `<wr-form-field>`'s error state. @internal */\n  protected readonly fieldAria = useFormFieldAria({ skipSelf: true });\n\n  /**\n   * Format the control writes into `value`. See {@link WrColorFormat} — all\n   * three are accepted on the way in whichever one is set. @default 'hex'\n   */\n  readonly format = input<WrColorFormat>('hex');\n\n  /** Preset hex colours rendered as a clickable row beneath the inputs. Empty = no row. @default [] */\n  readonly swatches = input<readonly string[]>([]);\n\n  /** The selected colour as a string. Bound by `[formField]`, or two-way via `[(value)]`. */\n  readonly value = model<string>('');\n\n  /** Emitted on blur so a bound field can mark itself touched. */\n  readonly touch = output<void>();\n\n  // Source of truth: HSV + alpha\n\n  protected readonly h = signal(0);\n  protected readonly s = signal(0);\n  protected readonly v = signal(0);\n  protected readonly a = signal(1);\n\n  // Derived values\n\n  /** RGB view of the current colour, computed lazily. */\n  protected readonly rgb = computed<WrRgb>(() => hsvToRgb({ h: this.h(), s: this.s(), v: this.v(), a: this.a() }));\n\n  /** Canonical hex — what the HEX field shows, whatever `format` emits. */\n  protected readonly hex = computed(() => toHex(this.rgb(), this.alpha()));\n\n  /** The colour as the consumer asked for it; this is what `value` receives. */\n  protected readonly formatted = computed(() => formatColor(this.rgb(), this.format(), this.alpha()));\n\n  /** SV canvas background colour (full-saturation hue). */\n  protected readonly hueCss = computed(() => `hsl(${this.h()}, 100%, 50%)`);\n\n  /** RGB string used for the alpha-slider gradient. */\n  protected readonly rgbCss = computed(() => {\n    const { r, g, b } = this.rgb();\n    return `${r}, ${g}, ${b}`;\n  });\n\n  /**\n   * Ambient reading direction, for the two SLIDERS only — see `updateFromEvent`\n   * for why the SV canvas is not in that set.\n   *\n   * Optional so a bare `TestBed` — or any consumer that never set a direction —\n   * needs no provider; `Directionality` is root-provided, so `null` only ever\n   * means \"nobody asked\", which is LTR. Read inside the handlers rather than\n   * cached: the thumbs are placed with `inset-inline-start`, so the tracks mirror\n   * from CSS alone and a runtime flip needs no subscription to\n   * `Directionality.change`.\n   */\n  private readonly dir = inject(Directionality, { optional: true });\n\n  /** Thumb positions in % for each surface. */\n  protected readonly svThumbX = computed(() => this.s() * 100);\n  protected readonly svThumbY = computed(() => (1 - this.v()) * 100);\n  protected readonly hueThumbX = computed(() => (this.h() / 360) * 100);\n  protected readonly alphaThumbX = computed(() => this.a() * 100);\n\n  /** Mirror of the canonical hex, edited by the user via the input field. */\n  protected readonly hexInput = signal('');\n\n  /** Active tab in the input switcher. */\n  protected readonly activeTab = signal<Tab>('hex');\n\n  /** HSL view of the current colour, computed lazily. */\n  protected readonly hslView = computed<WrHsl>(() => rgbToHsl(this.rgb()));\n\n  /** Alpha as integer percent — the numeric tabs and the alpha slider's `aria-valuenow`. */\n  protected readonly alphaPercent = computed(() => Math.round(this.a() * 100));\n\n  /** Hue in whole degrees, for the hue slider's `aria-valuenow`. */\n  protected readonly hueValue = computed(() => Math.round(this.h()));\n\n  private readonly areaLabel = useI18nFormatter(\n    'colorPicker.area',\n    'Saturation and brightness, {{saturation}}% and {{brightness}}%'\n  );\n\n  /** Name of the SV surface, carrying the two values a `role=\"group\"` cannot. */\n  protected readonly resolvedAreaLabel = computed(() =>\n    this.areaLabel({ saturation: Math.round(this.s() * 100), brightness: Math.round(this.v() * 100) })\n  );\n\n  protected readonly resolvedHueLabel = readI18nText('colorPicker.hue', 'Hue');\n  protected readonly resolvedAlphaLabel = readI18nText('colorPicker.alpha', 'Opacity');\n\n  /**\n   * Every visible word in this component that is not a slider name.\n   *\n   * The format strip and the nine channel captions were literals — three in\n   * TypeScript, the rest in the template — beside a `colorPicker` catalog\n   * section that already existed and held the slider names. So the section was\n   * there and these had simply not been put in it, which is why a fully Russian\n   * picker still read `HEX RGB HSL` over `R G B`. Each caption is one string\n   * INCLUDING its `%`, because a locale that spaces the sign differently has to\n   * move the letter and the sign together.\n   *\n   * Signals, not strings: they follow a locale switch, and a catalog that lands\n   * a microtask after the first change-detection pass.\n   */\n  protected readonly channelHexLabel = readI18nText('colorPicker.channelHex', 'HEX');\n  protected readonly channelRedLabel = readI18nText('colorPicker.channelRed', 'R');\n  protected readonly channelGreenLabel = readI18nText('colorPicker.channelGreen', 'G');\n  protected readonly channelBlueLabel = readI18nText('colorPicker.channelBlue', 'B');\n  protected readonly channelHueLabel = readI18nText('colorPicker.channelHue', 'H');\n  protected readonly channelSaturationLabel = readI18nText('colorPicker.channelSaturation', 'S%');\n  protected readonly channelLightnessLabel = readI18nText('colorPicker.channelLightness', 'L%');\n  protected readonly channelAlphaLabel = readI18nText('colorPicker.channelAlpha', 'A%');\n\n  private readonly formatHexLabel = readI18nText('colorPicker.formatHex', 'HEX');\n  private readonly formatRgbLabel = readI18nText('colorPicker.formatRgb', 'RGB');\n  private readonly formatHslLabel = readI18nText('colorPicker.formatHsl', 'HSL');\n\n  /** A `computed`, because `WrSegmentedOption.label` is a plain string. */\n  protected readonly tabOptions = computed<readonly WrSegmentedOption<Tab>[]>(() => [\n    { value: 'hex', label: this.formatHexLabel() },\n    { value: 'rgb', label: this.formatRgbLabel() },\n    { value: 'hsl', label: this.formatHslLabel() },\n  ]);\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-color-picker'];\n    if (this.alpha()) parts.push('wr-color-picker--alpha');\n    if (this.disabled()) parts.push('wr-color-picker--disabled');\n    else if (this.readonly()) parts.push('wr-color-picker--readonly');\n    return parts.join(' ');\n  });\n\n  /**\n   * The one write we just made, held only until the sync effect has seen it.\n   *\n   * It exists so a drag keeps its continuous HSV values instead of being\n   * re-quantised through its own hex round-trip. It used to be set and never\n   * cleared, which turned \"ignore this write\" into \"ignore this STRING,\n   * forever\": after the picker emitted `#ff0000` once, an app writing\n   * `#ff0000` back — a reset button, a form patch, an undo — was silently\n   * dropped for the rest of the component's life, and the surface kept\n   * whatever colour the user had dragged to.\n   */\n  private lastEmitted: string | null = null;\n\n  constructor() {\n    // External writes (via `[formField]` / `[(value)]`) flow the incoming hex\n    // string back into the HSV source of truth. Our own emits are skipped via\n    // `lastEmitted` so dragging keeps its continuous (unquantised) values.\n    effect(() => {\n      const value = this.value();\n      if (value === this.lastEmitted) {\n        // Ours, and now observed. Release the guard so the NEXT write of the\n        // same string — which can only come from outside — is honoured.\n        this.lastEmitted = null;\n        return;\n      }\n      const rgb = parseColor(value) ?? { r: 0, g: 0, b: 0, a: 1 };\n      const hsv = rgbToHsv(rgb);\n      this.h.set(hsv.h);\n      this.s.set(hsv.s);\n      this.v.set(hsv.v);\n      this.a.set(hsv.a);\n      this.hexInput.set(toHex(rgb, this.alpha()));\n    });\n  }\n\n  // Drag handlers\n\n  protected onPointerDown(event: PointerEvent, surface: Edges): void {\n    if (this.disabled() || this.readonly()) return;\n    // Primary button, primary pointer: a right-click used to open the context\n    // menu AND start a drag, and a second finger used to fight the first one.\n    if (event.button !== 0 || !event.isPrimary) return;\n    event.preventDefault();\n    const target = event.currentTarget as HTMLElement;\n    target.setPointerCapture(event.pointerId);\n\n    const update = (e: PointerEvent): void => this.updateFromEvent(e, target, surface);\n    const cleanup = (e: PointerEvent): void => {\n      target.releasePointerCapture(e.pointerId);\n      target.removeEventListener('pointermove', update);\n      target.removeEventListener('pointerup', cleanup);\n      target.removeEventListener('pointercancel', cleanup);\n      this.touch.emit();\n    };\n\n    target.addEventListener('pointermove', update);\n    target.addEventListener('pointerup', cleanup);\n    // `pointercancel` never sends a `pointerup` after it, so without this the\n    // move listener outlived the drag: a cancelled gesture left the surface\n    // repainting the colour under a pointer that was only hovering.\n    target.addEventListener('pointercancel', cleanup);\n    this.updateFromEvent(event, target, surface);\n  }\n\n  // Keyboard handlers\n  //\n  // The three surfaces used to be bare `<div>`s carrying nothing but\n  // `(pointerdown)` — no role, no name, no tab stop, no key handler — so the\n  // control the component is built around was operable by pointer only. The\n  // numeric HEX / RGB / HSL fields could always reach the same values, which is\n  // why this is 4.1.2 rather than a total loss of keyboard access, but a\n  // roleless div driving a colour is WCAG F59 either way.\n\n  /**\n   * Hue and alpha are real one-value sliders, so they take the APG slider keys —\n   * the same set `wr-knob` and `wr-slider` implement, including Home / End.\n   *\n   * The horizontal arrows name a SIDE of the track and so follow the reading\n   * direction, exactly as `wr-slider`'s do; the vertical pair names a value's\n   * direction and never mirrors.\n   */\n  protected onSliderKeydown(event: KeyboardEvent, surface: 'hue' | 'alpha'): void {\n    if (this.disabled() || this.readonly()) return;\n    const step = event.shiftKey ? KEY_STEP_COARSE : KEY_STEP;\n    const inline = this.dir?.value === 'rtl' ? -step : step;\n    const max = surface === 'hue' ? 360 : 100;\n    const current = surface === 'hue' ? this.h() : this.a() * 100;\n    let next: number;\n    switch (event.key) {\n      case 'ArrowRight':\n        next = current + inline;\n        break;\n      case 'ArrowUp':\n        next = current + step;\n        break;\n      case 'ArrowLeft':\n        next = current - inline;\n        break;\n      case 'ArrowDown':\n        next = current - step;\n        break;\n      case 'Home':\n        next = 0;\n        break;\n      case 'End':\n        next = max;\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    const value = clamp(next, 0, max);\n    if (surface === 'hue') this.h.set(value);\n    else this.a.set(value / 100);\n    this.emit();\n  }\n\n  /**\n   * The SV canvas is two axes at once, so the keys follow the picture: left and\n   * right run along saturation, up and down along brightness — the directions\n   * the thumb visibly moves. Shift takes ten percent at a time.\n   *\n   * Not mirrored under `dir=\"rtl\"`, unlike the two sliders above, and for the\n   * reason given on `fraction()`: the canvas is a picture rather than a track, so\n   * its gradient does not flip and neither may the keys that walk it.\n   */\n  protected onAreaKeydown(event: KeyboardEvent): void {\n    if (this.disabled() || this.readonly()) return;\n    const step = (event.shiftKey ? KEY_STEP_COARSE : KEY_STEP) / 100;\n    switch (event.key) {\n      case 'ArrowRight':\n        this.s.set(clamp(this.s() + step, 0, 1));\n        break;\n      case 'ArrowLeft':\n        this.s.set(clamp(this.s() - step, 0, 1));\n        break;\n      case 'ArrowUp':\n        this.v.set(clamp(this.v() + step, 0, 1));\n        break;\n      case 'ArrowDown':\n        this.v.set(clamp(this.v() - step, 0, 1));\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    this.emit();\n  }\n\n  /** Leaving a surface is what \"touched\" means, the same as leaving the hex field. */\n  protected onSurfaceBlur(): void {\n    this.touch.emit();\n  }\n\n  /**\n   * The pointer's position along a surface, as a 0–1 fraction.\n   *\n   * Measured from whichever edge the surface STARTS at, and the two surfaces do\n   * not agree on what that means — deliberately.\n   *\n   * The hue and alpha bars are one-value tracks with `role=\"slider\"`, the same\n   * widget `wr-slider` is, so they mirror: their thumbs are placed with\n   * `inset-inline-start` and their gradients are flipped by a `[dir='rtl']` rule,\n   * which makes the reader's start the physical right edge under `dir=\"rtl\"`.\n   * Opacity 100% used to sit at the physical right in both directions, i.e. at\n   * the reader's START in RTL, while the format strip in the same panel mirrored\n   * correctly.\n   *\n   * The SV canvas does NOT mirror, and stays measured from `rect.left`. It is a\n   * two-axis colour FIELD, not a track — the component says so itself by giving\n   * it `role=\"group\"` rather than `role=\"slider\"`, because it carries two values\n   * and a slider has one. A picture with no start and no end has nothing to\n   * mirror, and flipping it would only move white to the other side of an image\n   * every colour picker in the world draws the same way.\n   */\n  private fraction(event: PointerEvent, rect: DOMRect, surface: Edges): number {\n    const offset =\n      surface !== 'sv' && this.dir?.value === 'rtl' ? rect.right - event.clientX : event.clientX - rect.left;\n    return clamp(offset / rect.width, 0, 1);\n  }\n\n  private updateFromEvent(event: PointerEvent, target: HTMLElement, surface: Edges): void {\n    const rect = target.getBoundingClientRect();\n    const x = this.fraction(event, rect, surface);\n\n    if (surface === 'sv') {\n      const y = clamp((event.clientY - rect.top) / rect.height, 0, 1);\n      this.s.set(x);\n      this.v.set(1 - y);\n    } else if (surface === 'hue') {\n      this.h.set(x * 360);\n    } else {\n      this.a.set(x);\n    }\n    this.emit();\n  }\n\n  // Hex input handlers\n\n  protected onHexInput(event: Event): void {\n    if (this.disabled() || this.readonly()) return;\n    const raw = (event.target as HTMLInputElement).value;\n    this.hexInput.set(raw);\n    const rgb = parseHex(raw);\n    if (!rgb) return;\n    const hsv = rgbToHsv(rgb);\n    this.h.set(hsv.h);\n    this.s.set(hsv.s);\n    this.v.set(hsv.v);\n    this.a.set(hsv.a);\n    this.emitWithoutHexSync();\n  }\n\n  protected onHexBlur(): void {\n    // Re-sync the input with the canonical value (in case the user typed invalid).\n    this.hexInput.set(this.hex());\n    this.touch.emit();\n  }\n\n  // Emission\n\n  private emit(): void {\n    this.emitWithoutHexSync();\n    this.hexInput.set(this.hex());\n  }\n\n  private emitWithoutHexSync(): void {\n    const next = this.formatted();\n    this.lastEmitted = next;\n    this.value.set(next);\n  }\n\n  // Tab + channel handlers\n\n  protected onTabChange(tab: Tab | null): void {\n    if (tab) this.activeTab.set(tab);\n  }\n\n  protected onRgbChannel(channel: 'r' | 'g' | 'b', event: Event): void {\n    if (this.disabled() || this.readonly()) return;\n    const n = clamp(Number((event.target as HTMLInputElement).value), 0, 255);\n    if (Number.isNaN(n)) return;\n    const current = this.rgb();\n    const next: WrRgb = { ...current, [channel]: n };\n    this.applyRgb(next);\n  }\n\n  protected onHslChannel(channel: 'h' | 's' | 'l', event: Event): void {\n    if (this.disabled() || this.readonly()) return;\n    const n = Number((event.target as HTMLInputElement).value);\n    if (Number.isNaN(n)) return;\n    const current = this.hslView();\n    const next: WrHsl =\n      channel === 'h' ? { ...current, h: clamp(n, 0, 360) } : { ...current, [channel]: clamp(n, 0, 100) / 100 };\n    this.applyRgb(hslToRgb(next));\n  }\n\n  protected onAlphaPercent(event: Event): void {\n    if (this.disabled() || this.readonly()) return;\n    const n = clamp(Number((event.target as HTMLInputElement).value), 0, 100);\n    if (Number.isNaN(n)) return;\n    this.a.set(n / 100);\n    this.emit();\n  }\n\n  protected onSwatchClick(hex: string): void {\n    if (this.disabled() || this.readonly()) return;\n    const rgb = parseHex(hex);\n    if (!rgb) return;\n    // A 6-digit swatch says nothing about alpha, and `parseHex` reports the\n    // absence as `1` — so picking a preset used to silently snap a translucent\n    // colour back to fully opaque.\n    this.applyRgb(hasAlphaDigits(hex) ? rgb : { ...rgb, a: this.a() });\n  }\n\n  /** Push an RGB triple into the HSV source of truth. */\n  private applyRgb(rgb: WrRgb): void {\n    const hsv = rgbToHsv(rgb);\n    this.h.set(hsv.h);\n    this.s.set(hsv.s);\n    this.v.set(hsv.v);\n    this.a.set(hsv.a);\n    this.emit();\n  }\n}\n","<!--\n  `role=\"group\"` rather than `role=\"slider\"`, because this surface holds TWO\n  values and a slider has one `aria-valuenow`; and rather than\n  `role=\"application\"`, which would switch the reader out of its own browse mode\n  for the whole subtree — the call `wr-image-cropper` already made. A group has\n  no value of its own, so the two percentages ride in its accessible name, which\n  is where a reader querying the focused element finds them.\n-->\n<div\n  class=\"wr-color-picker__sv\"\n  role=\"group\"\n  [attr.aria-label]=\"resolvedAreaLabel()\"\n  [attr.aria-disabled]=\"disabled() || null\"\n  [attr.aria-invalid]=\"fieldAria.ariaInvalid()\"\n  [attr.aria-describedby]=\"fieldAria.describedBy()\"\n  [attr.tabindex]=\"disabled() ? -1 : 0\"\n  (pointerdown)=\"onPointerDown($event, 'sv')\"\n  (keydown)=\"onAreaKeydown($event)\"\n  (blur)=\"onSurfaceBlur()\"\n>\n  <span class=\"wr-color-picker__thumb\" [style.left.%]=\"svThumbX()\" [style.top.%]=\"svThumbY()\"></span>\n</div>\n\n<div\n  class=\"wr-color-picker__slider wr-color-picker__slider--hue\"\n  role=\"slider\"\n  aria-valuemin=\"0\"\n  aria-valuemax=\"360\"\n  [attr.aria-label]=\"resolvedHueLabel()\"\n  [attr.aria-valuenow]=\"hueValue()\"\n  [attr.aria-disabled]=\"disabled() || null\"\n  [attr.aria-readonly]=\"readonly() || null\"\n  [attr.aria-invalid]=\"fieldAria.ariaInvalid()\"\n  [attr.aria-describedby]=\"fieldAria.describedBy()\"\n  [attr.tabindex]=\"disabled() ? -1 : 0\"\n  (pointerdown)=\"onPointerDown($event, 'hue')\"\n  (keydown)=\"onSliderKeydown($event, 'hue')\"\n  (blur)=\"onSurfaceBlur()\"\n>\n  <!--\n    `inset-inline-start`, not `left`: this is a one-value track, so it mirrors\n    under `dir=\"rtl\"` the way `wr-slider` does. The SV thumb above keeps `left` —\n    the canvas is a picture and does not flip.\n  -->\n  <span class=\"wr-color-picker__thumb wr-color-picker__thumb--slider\" [style.inset-inline-start.%]=\"hueThumbX()\"></span>\n</div>\n\n@if (alpha()) {\n  <div\n    class=\"wr-color-picker__slider wr-color-picker__slider--alpha\"\n    role=\"slider\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    [attr.aria-label]=\"resolvedAlphaLabel()\"\n    [attr.aria-valuenow]=\"alphaPercent()\"\n    [attr.aria-valuetext]=\"`${alphaPercent()}%`\"\n    [attr.aria-disabled]=\"disabled() || null\"\n    [attr.aria-readonly]=\"readonly() || null\"\n    [attr.aria-invalid]=\"fieldAria.ariaInvalid()\"\n    [attr.aria-describedby]=\"fieldAria.describedBy()\"\n    [attr.tabindex]=\"disabled() ? -1 : 0\"\n    (pointerdown)=\"onPointerDown($event, 'alpha')\"\n    (keydown)=\"onSliderKeydown($event, 'alpha')\"\n    (blur)=\"onSurfaceBlur()\"\n  >\n    <span\n      class=\"wr-color-picker__thumb wr-color-picker__thumb--slider\"\n      [style.inset-inline-start.%]=\"alphaThumbX()\"\n    ></span>\n  </div>\n}\n\n<div class=\"wr-color-picker__chrome\">\n  <span class=\"wr-color-picker__preview\" [style.background]=\"hex()\"></span>\n  <wr-segmented\n    class=\"wr-color-picker__tabs\"\n    [options]=\"tabOptions()\"\n    [value]=\"activeTab()\"\n    (valueChange)=\"onTabChange($event)\"\n  />\n</div>\n\n@switch (activeTab()) {\n  @case ('hex') {\n    <div class=\"wr-color-picker__inputs wr-color-picker__inputs--hex\">\n      <label class=\"wr-color-picker__field wr-color-picker__field--wide\">\n        <input\n          type=\"text\"\n          spellcheck=\"false\"\n          autocomplete=\"off\"\n          [value]=\"hexInput()\"\n          [disabled]=\"disabled()\"\n          [readonly]=\"readonly()\"\n          (input)=\"onHexInput($event)\"\n          (blur)=\"onHexBlur()\"\n        />\n        <span class=\"wr-color-picker__field-label\">{{ channelHexLabel() }}</span>\n      </label>\n    </div>\n  }\n  @case ('rgb') {\n    <div class=\"wr-color-picker__inputs\">\n      <label class=\"wr-color-picker__field\">\n        <input\n          type=\"number\"\n          min=\"0\"\n          max=\"255\"\n          [value]=\"rgb().r\"\n          [disabled]=\"disabled()\"\n          [readonly]=\"readonly()\"\n          (input)=\"onRgbChannel('r', $event)\"\n        />\n        <span class=\"wr-color-picker__field-label\">{{ channelRedLabel() }}</span>\n      </label>\n      <label class=\"wr-color-picker__field\">\n        <input\n          type=\"number\"\n          min=\"0\"\n          max=\"255\"\n          [value]=\"rgb().g\"\n          [disabled]=\"disabled()\"\n          [readonly]=\"readonly()\"\n          (input)=\"onRgbChannel('g', $event)\"\n        />\n        <span class=\"wr-color-picker__field-label\">{{ channelGreenLabel() }}</span>\n      </label>\n      <label class=\"wr-color-picker__field\">\n        <input\n          type=\"number\"\n          min=\"0\"\n          max=\"255\"\n          [value]=\"rgb().b\"\n          [disabled]=\"disabled()\"\n          [readonly]=\"readonly()\"\n          (input)=\"onRgbChannel('b', $event)\"\n        />\n        <span class=\"wr-color-picker__field-label\">{{ channelBlueLabel() }}</span>\n      </label>\n      @if (alpha()) {\n        <label class=\"wr-color-picker__field\">\n          <input\n            type=\"number\"\n            min=\"0\"\n            max=\"100\"\n            [value]=\"alphaPercent()\"\n            [disabled]=\"disabled()\"\n            [readonly]=\"readonly()\"\n            (input)=\"onAlphaPercent($event)\"\n          />\n          <span class=\"wr-color-picker__field-label\">{{ channelAlphaLabel() }}</span>\n        </label>\n      }\n    </div>\n  }\n  @case ('hsl') {\n    <div class=\"wr-color-picker__inputs\">\n      <label class=\"wr-color-picker__field\">\n        <input\n          type=\"number\"\n          min=\"0\"\n          max=\"360\"\n          [value]=\"hslView().h | number: '1.0-0'\"\n          [disabled]=\"disabled()\"\n          [readonly]=\"readonly()\"\n          (input)=\"onHslChannel('h', $event)\"\n        />\n        <span class=\"wr-color-picker__field-label\">{{ channelHueLabel() }}</span>\n      </label>\n      <label class=\"wr-color-picker__field\">\n        <input\n          type=\"number\"\n          min=\"0\"\n          max=\"100\"\n          [value]=\"hslView().s * 100 | number: '1.0-0'\"\n          [disabled]=\"disabled()\"\n          [readonly]=\"readonly()\"\n          (input)=\"onHslChannel('s', $event)\"\n        />\n        <span class=\"wr-color-picker__field-label\">{{ channelSaturationLabel() }}</span>\n      </label>\n      <label class=\"wr-color-picker__field\">\n        <input\n          type=\"number\"\n          min=\"0\"\n          max=\"100\"\n          [value]=\"hslView().l * 100 | number: '1.0-0'\"\n          [disabled]=\"disabled()\"\n          [readonly]=\"readonly()\"\n          (input)=\"onHslChannel('l', $event)\"\n        />\n        <span class=\"wr-color-picker__field-label\">{{ channelLightnessLabel() }}</span>\n      </label>\n      @if (alpha()) {\n        <label class=\"wr-color-picker__field\">\n          <input\n            type=\"number\"\n            min=\"0\"\n            max=\"100\"\n            [value]=\"alphaPercent()\"\n            [disabled]=\"disabled()\"\n            [readonly]=\"readonly()\"\n            (input)=\"onAlphaPercent($event)\"\n          />\n          <span class=\"wr-color-picker__field-label\">{{ channelAlphaLabel() }}</span>\n        </label>\n      }\n    </div>\n  }\n}\n\n@if (swatches().length > 0) {\n  <div class=\"wr-color-picker__swatches\">\n    @for (color of swatches(); track color) {\n      <button\n        type=\"button\"\n        class=\"wr-color-picker__swatch\"\n        [style.background]=\"color\"\n        [attr.aria-label]=\"color\"\n        [disabled]=\"disabled() || readonly()\"\n        (click)=\"onSwatchClick(color)\"\n      ></button>\n    }\n  </div>\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { type OverlayRef, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  ViewContainerRef,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { WR_OVERLAY, WrOutsideClick } from 'ngwr/overlay';\n\nimport { WrColorPicker } from './color-picker';\nimport type { WrColorFormat } from './interfaces';\n\nlet triggerUid = 0;\n\n/**\n * Opens a `<wr-color-picker>` in an overlay anchored to the host element.\n *\n * Apply to any clickable element (typically a button). Two-way binds the\n * current colour through `[(value)]`; forwards `alpha` / `format` /\n * `swatches` / `disabled` to the inner picker.\n *\n * Same overlay isolation as the rest of the lib — uses {@link WR_OVERLAY},\n * not CDK's root container.\n *\n * @example\n * ```html\n * <button wrColorPickerTrigger\n *         [(value)]=\"brandColor\"\n *         [swatches]=\"palette\">\n *   <span class=\"swatch\" [style.background]=\"brandColor\"></span>\n *   {{ brandColor }}\n * </button>\n * ```\n *\n * @see https://ngwr.dev/reference/components/color-picker\n */\n@Directive({\n  selector: '[wrColorPickerTrigger]',\n  exportAs: 'wrColorPickerTrigger',\n  host: {\n    '(click)': 'toggle()',\n    // The same two attributes `<wr-popover>`'s trigger carries: without them the\n    // button gave no hint that it opens anything, and never said it was open.\n    '[attr.aria-haspopup]': '\"dialog\"',\n    '[attr.aria-expanded]': 'isOpen()',\n    // Which panel, and only while there is one — the same pairing `[wrPopconfirm]`\n    // publishes. Without it nothing on the page connects the trigger to the picker\n    // it opened, so a second trigger's panel is indistinguishable from this one's.\n    '[attr.aria-controls]': 'isOpen() ? panelId : null',\n    // The directive's own `disabled` never reached the DOM: it gates `toggle()` and\n    // is forwarded to the inner picker, so the button looked live to a screen\n    // reader and did nothing when pressed.\n    '[attr.aria-disabled]': 'disabled() ? true : null',\n  },\n})\nexport class WrColorPickerTrigger {\n  /** Two-way bindable colour value (hex string). */\n  readonly value = model<string>('');\n\n  /** Forwarded to the inner picker. @default true */\n  readonly alpha = input(true, { transform: coerceBooleanProperty });\n\n  /** Forwarded to the inner picker. @default 'hex' */\n  readonly format = input<WrColorFormat>('hex');\n\n  /** Forwarded to the inner picker. @default [] */\n  readonly swatches = input<readonly string[]>([]);\n\n  /** Disable the trigger entirely. @default false */\n  readonly disabled = input(false, { transform: coerceBooleanProperty });\n\n  /** Fires after the picker opens. */\n  readonly opened = output<void>();\n\n  /** Fires after the picker closes. */\n  readonly closed = output<void>();\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly overlay = inject(WR_OVERLAY);\n  private readonly outsideClick = inject(WrOutsideClick);\n  private readonly vcr = inject(ViewContainerRef);\n  private readonly scrollStrategies = inject(ScrollStrategyOptions);\n  private readonly destroyRef = inject(DestroyRef);\n\n  protected readonly isOpen = signal(false);\n  private overlayRef: OverlayRef | null = null;\n\n  /** @internal Public so the host binding can read it. */\n  protected readonly panelId = `wr-color-picker-panel-${++triggerUid}`;\n\n  constructor() {\n    this.destroyRef.onDestroy(() => this.dispose());\n  }\n\n  /** Toggle the picker. Open if closed, close if open. */\n  toggle(): void {\n    if (this.disabled()) return;\n    if (this.isOpen()) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  /** Open the picker. No-op if already open. */\n  open(): void {\n    if (this.isOpen() || this.disabled()) return;\n\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.host)\n      .withPositions([\n        { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: 4 },\n        { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -4 },\n        { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: 4 },\n        { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -4 },\n      ])\n      .withPush(true);\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy,\n      scrollStrategy: this.scrollStrategies.reposition(),\n      panelClass: 'wr-color-picker-overlay',\n    });\n    this.overlayRef.overlayElement.id = this.panelId;\n\n    const portal = new ComponentPortal(WrColorPicker, this.vcr);\n    const ref = this.overlayRef.attach(portal);\n\n    ref.setInput('alpha', this.alpha());\n    ref.setInput('format', this.format());\n    ref.setInput('swatches', this.swatches());\n    ref.setInput('disabled', this.disabled());\n    ref.setInput('value', this.value());\n\n    // Render now rather than next frame: the picker's surfaces have to exist\n    // before focus can move to one, and a deferred focus is the class of bug\n    // this repo keeps finding.\n    ref.changeDetectorRef.detectChanges();\n    // Focus has to ENTER the panel. The overlay container sits at the end of\n    // `<body>`, so a Tab from the trigger went to the next thing on the PAGE and\n    // the saturation surface and both sliders — all `tabindex=\"0\"`, all\n    // `role=\"slider\"` or `role=\"group\"` — were unreachable from the keyboard for\n    // as long as the picker was open. The saturation surface is the first stop\n    // and the one that carries the colour's two main values.\n    //\n    // Deliberately NOT a focus trap, matching `wr-popover` / `[wrPopconfirm]`:\n    // this popup is non-modal, an outside click or Escape closes it, and\n    // trapping would only make it harder to leave.\n    this.overlayRef.overlayElement.querySelector<HTMLElement>('.wr-color-picker__sv')?.focus();\n\n    // Bridge the inner picker's `value` model back to our two-way [(value)].\n    ref.instance.value.subscribe((next: string) => this.value.set(next));\n\n    // Outside-click → close (the source only filters out the overlay pane, so\n    // the re-click on our own trigger still arrives here and has to be ignored).\n    this.outsideClick\n      .outsidePointerEvents(this.overlayRef)\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(event => {\n        if (this.host.nativeElement.contains(event.target as Node)) return;\n        this.close();\n      });\n\n    // Escape → close.\n    this.overlayRef\n      .keydownEvents()\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(event => {\n        if (event.key === 'Escape') {\n          event.preventDefault();\n          this.close();\n        }\n      });\n\n    this.isOpen.set(true);\n    this.opened.emit();\n  }\n\n  /** Close the picker. No-op if already closed. */\n  close(): void {\n    if (!this.isOpen()) return;\n    // Focus lives inside the panel while it is open, and removing the panel\n    // would drop it to `<body>` — hand it back to the trigger instead, the way\n    // `[wrPopconfirm]` does. Only when focus is still IN there: if the user has\n    // already clicked elsewhere, taking it back would be stealing.\n    const returnFocus = !!this.overlayRef?.overlayElement.contains(document.activeElement);\n    this.dispose();\n    this.isOpen.set(false);\n    this.closed.emit();\n    if (returnFocus) this.host.nativeElement.focus();\n  }\n\n  private dispose(): void {\n    if (this.overlayRef) {\n      this.overlayRef.dispose();\n      this.overlayRef = null;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-color-picker.mjs","sources":["../../../projects/lib/color-picker/color/rgb-to-hsv.ts","../../../projects/lib/color-picker/color/hsv-to-rgb.ts","../../../projects/lib/color-picker/color/rgb-to-hsl.ts","../../../projects/lib/color-picker/color/hsl-to-rgb.ts","../../../projects/lib/color-picker/color/parse-hex.ts","../../../projects/lib/color-picker/color/to-hex.ts","../../../projects/lib/color-picker/color/parse-color.ts","../../../projects/lib/color-picker/color/format-color.ts","../../../projects/lib/color-picker/color-picker.ts","../../../projects/lib/color-picker/color-picker.html","../../../projects/lib/color-picker/color-picker-trigger.ts","../../../projects/lib/color-picker/ngwr-color-picker.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrHsv } from './wr-hsv';\nimport type { WrRgb } from './wr-rgb';\n\n/**\n * Convert sRGB to HSV. Preserves alpha.\n */\nexport function rgbToHsv(rgb: WrRgb): WrHsv {\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\n  let h = 0;\n  if (d !== 0) {\n    if (max === r) h = ((g - b) / d) % 6;\n    else if (max === g) h = (b - r) / d + 2;\n    else h = (r - g) / d + 4;\n    h *= 60;\n    if (h < 0) h += 360;\n  }\n\n  const s = max === 0 ? 0 : d / max;\n  const v = max;\n\n  return { h, s, v, a: rgb.a };\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrHsv } from './wr-hsv';\nimport type { WrRgb } from './wr-rgb';\n\n/**\n * Convert HSV to sRGB. Preserves alpha. Returns integer channels in `[0, 255]`.\n */\nexport function hsvToRgb(hsv: WrHsv): WrRgb {\n  const { h, s, v } = hsv;\n  const c = v * s;\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n  const m = v - c;\n\n  let r = 0;\n  let g = 0;\n  let b = 0;\n\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\n  return {\n    r: Math.round((r + m) * 255),\n    g: Math.round((g + m) * 255),\n    b: Math.round((b + m) * 255),\n    a: hsv.a,\n  };\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrHsl } from './wr-hsl';\nimport type { WrRgb } from './wr-rgb';\n\n/**\n * Convert sRGB to HSL. Preserves alpha.\n */\nexport function rgbToHsl(rgb: WrRgb): WrHsl {\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 l = (max + min) / 2;\n\n  let h = 0;\n  let s = 0;\n\n  if (d !== 0) {\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n\n    if (max === r) h = (g - b) / d + (g < b ? 6 : 0);\n    else if (max === g) h = (b - r) / d + 2;\n    else h = (r - g) / d + 4;\n\n    h *= 60;\n  }\n\n  return { h, s, l, a: rgb.a };\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrHsl } from './wr-hsl';\nimport type { WrRgb } from './wr-rgb';\n\nfunction hueToChannel(p: number, q: number, t: number): number {\n  let x = t;\n  if (x < 0) x += 1;\n  if (x > 1) x -= 1;\n  if (x < 1 / 6) return p + (q - p) * 6 * x;\n  if (x < 1 / 2) return q;\n  if (x < 2 / 3) return p + (q - p) * (2 / 3 - x) * 6;\n  return p;\n}\n\n/**\n * Convert HSL to sRGB. Preserves alpha. Returns integer channels in `[0, 255]`.\n */\nexport function hslToRgb(hsl: WrHsl): WrRgb {\n  const h = hsl.h / 360;\n  const { s, l } = hsl;\n\n  let r: number;\n  let g: number;\n  let b: number;\n\n  if (s === 0) {\n    r = l;\n    g = l;\n    b = l;\n  } else {\n    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n    const p = 2 * l - q;\n    r = hueToChannel(p, q, h + 1 / 3);\n    g = hueToChannel(p, q, h);\n    b = hueToChannel(p, q, h - 1 / 3);\n  }\n\n  return {\n    r: Math.round(r * 255),\n    g: Math.round(g * 255),\n    b: Math.round(b * 255),\n    a: hsl.a,\n  };\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrRgb } from './wr-rgb';\n\n/**\n * Parse a CSS hex colour into {@link WrRgb}. Accepts 3, 4, 6, or 8 digit\n * forms with or without a leading `#`. Returns `null` for anything that\n * isn't a valid hex string.\n *\n * @example\n * ```ts\n * parseHex('#f00');       // { r: 255, g: 0, b: 0, a: 1 }\n * parseHex('3969e2');     // { r: 57,  g: 105, b: 226, a: 1 }\n * parseHex('#3969e2ff');  // { r: 57,  g: 105, b: 226, a: 1 }\n * parseHex('nope');       // null\n * ```\n */\nexport function parseHex(input: string): WrRgb | null {\n  if (typeof input !== 'string') return null;\n\n  let str = input.trim().replace(/^#/, '').toLowerCase();\n\n  // Expand shorthand: rgb → rrggbb, rgba → rrggbbaa\n  if (str.length === 3 || str.length === 4) {\n    str = str\n      .split('')\n      .map(c => c + c)\n      .join('');\n  }\n\n  if (str.length !== 6 && str.length !== 8) return null;\n  if (!/^[0-9a-f]+$/.test(str)) return null;\n\n  const r = parseInt(str.slice(0, 2), 16);\n  const g = parseInt(str.slice(2, 4), 16);\n  const b = parseInt(str.slice(4, 6), 16);\n  const a = str.length === 8 ? parseInt(str.slice(6, 8), 16) / 255 : 1;\n\n  return { r, g, b, a };\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrRgb } from './wr-rgb';\n\nfunction channelToHex(n: number): string {\n  const clamped = Math.max(0, Math.min(255, Math.round(n)));\n  return clamped.toString(16).padStart(2, '0');\n}\n\n/**\n * Format a {@link WrRgb} as a CSS hex string with a leading `#`. When\n * `withAlpha` is `true` the result is 8 digits (`#rrggbbaa`); otherwise\n * 6 digits.\n *\n * @example\n * ```ts\n * toHex({ r: 57, g: 105, b: 226, a: 1 });         // '#3969e2'\n * toHex({ r: 57, g: 105, b: 226, a: 0.5 }, true); // '#3969e280'\n * ```\n */\nexport function toHex(rgb: WrRgb, withAlpha = false): string {\n  const r = channelToHex(rgb.r);\n  const g = channelToHex(rgb.g);\n  const b = channelToHex(rgb.b);\n  if (withAlpha) {\n    const a = channelToHex(rgb.a * 255);\n    return `#${r}${g}${b}${a}`;\n  }\n  return `#${r}${g}${b}`;\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { clamp } from 'ngwr/utils';\n\nimport { hslToRgb } from './hsl-to-rgb';\nimport { parseHex } from './parse-hex';\nimport type { WrRgb } from './wr-rgb';\n\n/**\n * `rgb(…)` / `rgba(…)`, comma- or space-separated, with an optional `/ alpha`.\n * Signs are accepted so an out-of-range channel CLAMPS the way CSS clamps it,\n * rather than failing to parse and reading as black.\n */\nconst RGB_RE = /^rgba?\\(\\s*(-?[\\d.]+)\\s*[,\\s]\\s*(-?[\\d.]+)\\s*[,\\s]\\s*(-?[\\d.]+)\\s*(?:[,/]\\s*(-?[\\d.]+%?)\\s*)?\\)$/i;\n\n/** `hsl(…)` / `hsla(…)`, with `%` optional on saturation and lightness. */\nconst HSL_RE =\n  /^hsla?\\(\\s*(-?[\\d.]+)(?:deg)?\\s*[,\\s]\\s*(-?[\\d.]+)%?\\s*[,\\s]\\s*(-?[\\d.]+)%?\\s*(?:[,/]\\s*(-?[\\d.]+%?)\\s*)?\\)$/i;\n\n/** `0.5` and `50%` are the same alpha; anything absent is fully opaque. */\nfunction alphaOf(raw: string | undefined): number {\n  if (raw === undefined) return 1;\n  const value = raw.endsWith('%') ? Number(raw.slice(0, -1)) / 100 : Number(raw);\n  return Number.isFinite(value) ? clamp(value, 0, 1) : 1;\n}\n\nfunction channel(raw: string): number {\n  return clamp(Math.round(Number(raw)), 0, 255);\n}\n\n/**\n * Read a colour written in any format `<wr-color-picker>` can emit — hex,\n * `rgb()` / `rgba()`, `hsl()` / `hsla()` — or `null` when it is none of them.\n *\n * The picker emits in whichever format it was given, so a `[(value)]` binding\n * hands its own output straight back on the next external write. Accepting only\n * hex there (which is what it used to do) turned every non-hex value into black.\n *\n * `null` rather than a throw or a black fallback: the caller is often a text\n * field mid-typing, where \"not valid yet\" is the normal state.\n */\nexport function parseColor(input: string): WrRgb | null {\n  const value = input.trim();\n  if (value === '') return null;\n\n  const hex = parseHex(value);\n  if (hex) return hex;\n\n  const rgb = RGB_RE.exec(value);\n  if (rgb) {\n    return { r: channel(rgb[1]), g: channel(rgb[2]), b: channel(rgb[3]), a: alphaOf(rgb[4]) };\n  }\n\n  const hsl = HSL_RE.exec(value);\n  if (hsl) {\n    return hslToRgb({\n      // Normalised here rather than trusted downstream: `hslToRgb` happens to\n      // absorb one negative turn inside `hueToChannel`, which is an internal\n      // detail this function should not be leaning on.\n      h: ((Number(hsl[1]) % 360) + 360) % 360,\n      s: clamp(Number(hsl[2]) / 100, 0, 1),\n      l: clamp(Number(hsl[3]) / 100, 0, 1),\n      a: alphaOf(hsl[4]),\n    });\n  }\n\n  return null;\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrColorFormat } from '../interfaces';\n\nimport { rgbToHsl } from './rgb-to-hsl';\nimport { toHex } from './to-hex';\nimport type { WrRgb } from './wr-rgb';\n\n/** Alpha with at most two decimals, and no trailing zeroes: `0.5`, not `0.50`. */\nfunction alphaText(a: number): string {\n  return String(Math.round(a * 100) / 100);\n}\n\n/**\n * Render a colour in the format a `<wr-color-picker>` was asked for.\n *\n * `withAlpha` follows the picker's own `alpha` input, so each format has an\n * opaque and a translucent spelling — `#3969e2` / `#3969e2ff`,\n * `rgb(…)` / `rgba(…)`, `hsl(…)` / `hsla(…)` — and a picker with the alpha\n * slider turned off never emits a channel the caller cannot see or edit.\n */\nexport function formatColor(rgb: WrRgb, format: WrColorFormat, withAlpha: boolean): string {\n  if (format === 'hex') return toHex(rgb, withAlpha);\n\n  if (format === 'rgba') {\n    const { r, g, b } = rgb;\n    return withAlpha ? `rgba(${r}, ${g}, ${b}, ${alphaText(rgb.a)})` : `rgb(${r}, ${g}, ${b})`;\n  }\n\n  const { h, s, l } = rgbToHsl(rgb);\n  const parts = `${Math.round(h)}, ${Math.round(s * 100)}%, ${Math.round(l * 100)}%`;\n  return withAlpha ? `hsla(${parts}, ${alphaText(rgb.a)})` : `hsl(${parts})`;\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Directionality } from '@angular/cdk/bidi';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { DecimalPipe } from '@angular/common';\nimport { Component, ViewEncapsulation, computed, effect, inject, input, model, output, signal } from '@angular/core';\nimport type { FormValueControl } from '@angular/forms/signals';\n\nimport { WR_FORM_FIELD, useFormFieldAria } from 'ngwr/form';\nimport { readI18nText, useI18nFormatter } from 'ngwr/i18n';\nimport { WrSegmented, type WrSegmentedOption } from 'ngwr/segmented';\nimport { clamp } from 'ngwr/utils';\n\nimport {\n  formatColor,\n  hslToRgb,\n  hsvToRgb,\n  parseColor,\n  parseHex,\n  rgbToHsl,\n  rgbToHsv,\n  toHex,\n  type WrHsl,\n  type WrRgb,\n} from './color';\nimport type { WrColorFormat } from './interfaces';\n\ntype Tab = 'hex' | 'rgb' | 'hsl';\n\ntype Edges = 'sv' | 'hue' | 'alpha';\n\n/** Arrow step, in each surface's own unit: degrees of hue, percent everywhere else. */\nconst KEY_STEP = 1;\nconst KEY_STEP_COARSE = 10;\n\n/** Whether a hex string carries its own alpha (`#rgba` or `#rrggbbaa`). */\nfunction hasAlphaDigits(hex: string): boolean {\n  const digits = hex.trim().replace(/^#/, '').length;\n  return digits === 4 || digits === 8;\n}\n\n/**\n * Inline colour picker — HSV canvas, hue slider, optional alpha slider, HEX\n * input.\n *\n * A signal-forms native control: it implements `FormValueControl<string>`, so\n * `[formField]` binds straight to its `value` model — no\n * `ControlValueAccessor` in between. `[(value)]` works standalone. Output is\n * always a hex string.\n *\n * @example\n * ```html\n * <!-- signal forms -->\n * <wr-color-picker [formField]=\"form.brandColor\" />\n *\n * <!-- standalone two-way binding -->\n * <wr-color-picker [(value)]=\"brandColor\" [alpha]=\"false\" />\n * ```\n *\n * @see https://ngwr.dev/reference/components/color-picker\n */\n@Component({\n  selector: 'wr-color-picker',\n  templateUrl: './color-picker.html',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'classes()',\n    '[style.--wr-color-picker-hue]': 'hueCss()',\n    '[style.--wr-color-picker-rgb]': 'rgbCss()',\n  },\n  // The picker is the control a `<wr-form-field>` wraps; the `<wr-segmented>` tab\n  // strip in its own template is a part, not a control. Without this shield the\n  // tab strip found the field's token and announced the colour field's error as\n  // its own — which is why `fieldAria` below reads the field with `skipSelf`.\n  providers: [{ provide: WR_FORM_FIELD, useValue: null }],\n  imports: [DecimalPipe, WrSegmented],\n})\nexport class WrColorPicker implements FormValueControl<string> {\n  /** Render the alpha slider and emit 8-digit hex / `rgba()`. @default true */\n  readonly alpha = input(true, { transform: coerceBooleanProperty });\n\n  /** Disable interaction. @default false */\n  readonly disabled = input(false, { transform: coerceBooleanProperty });\n\n  /**\n   * Refuse changes while every surface stays focusable and the colour still\n   * submits. Bound automatically from the field's readonly state when used with\n   * `[formField]`.\n   *\n   * The two sliders keep their tab stop and keep announcing `aria-valuenow` —\n   * they simply do not move — the hex / channel fields take the native\n   * `readonly` attribute, and the swatches go inert. Switching TABS still works:\n   * that changes which notation is displayed, not the colour. `aria-readonly` is\n   * mirrored on the sliders, which support it; the saturation surface is a\n   * `role=\"group\"`, which does not, so it carries nothing.\n   *\n   * @default false\n   */\n  readonly readonly = input(false, { transform: coerceBooleanProperty });\n\n  /** The surrounding `<wr-form-field>`'s error state. @internal */\n  protected readonly fieldAria = useFormFieldAria({ skipSelf: true });\n\n  /**\n   * Format the control writes into `value`. See {@link WrColorFormat} — all\n   * three are accepted on the way in whichever one is set. @default 'hex'\n   */\n  readonly format = input<WrColorFormat>('hex');\n\n  /** Preset hex colours rendered as a clickable row beneath the inputs. Empty = no row. @default [] */\n  readonly swatches = input<readonly string[]>([]);\n\n  /** The selected colour as a string. Bound by `[formField]`, or two-way via `[(value)]`. */\n  readonly value = model<string>('');\n\n  /** Emitted on blur so a bound field can mark itself touched. */\n  readonly touch = output<void>();\n\n  // Source of truth: HSV + alpha\n\n  protected readonly h = signal(0);\n  protected readonly s = signal(0);\n  protected readonly v = signal(0);\n  protected readonly a = signal(1);\n\n  // Derived values\n\n  /** RGB view of the current colour, computed lazily. */\n  protected readonly rgb = computed<WrRgb>(() => hsvToRgb({ h: this.h(), s: this.s(), v: this.v(), a: this.a() }));\n\n  /** Canonical hex — what the HEX field shows, whatever `format` emits. */\n  protected readonly hex = computed(() => toHex(this.rgb(), this.alpha()));\n\n  /** The colour as the consumer asked for it; this is what `value` receives. */\n  protected readonly formatted = computed(() => formatColor(this.rgb(), this.format(), this.alpha()));\n\n  /** SV canvas background colour (full-saturation hue). */\n  protected readonly hueCss = computed(() => `hsl(${this.h()}, 100%, 50%)`);\n\n  /** RGB string used for the alpha-slider gradient. */\n  protected readonly rgbCss = computed(() => {\n    const { r, g, b } = this.rgb();\n    return `${r}, ${g}, ${b}`;\n  });\n\n  /**\n   * Ambient reading direction, for the two SLIDERS only — see `updateFromEvent`\n   * for why the SV canvas is not in that set.\n   *\n   * Optional so a bare `TestBed` — or any consumer that never set a direction —\n   * needs no provider; `Directionality` is root-provided, so `null` only ever\n   * means \"nobody asked\", which is LTR. Read inside the handlers rather than\n   * cached: the thumbs are placed with `inset-inline-start`, so the tracks mirror\n   * from CSS alone and a runtime flip needs no subscription to\n   * `Directionality.change`.\n   */\n  private readonly dir = inject(Directionality, { optional: true });\n\n  /** Thumb positions in % for each surface. */\n  protected readonly svThumbX = computed(() => this.s() * 100);\n  protected readonly svThumbY = computed(() => (1 - this.v()) * 100);\n  protected readonly hueThumbX = computed(() => (this.h() / 360) * 100);\n  protected readonly alphaThumbX = computed(() => this.a() * 100);\n\n  /** Mirror of the canonical hex, edited by the user via the input field. */\n  protected readonly hexInput = signal('');\n\n  /** Active tab in the input switcher. */\n  protected readonly activeTab = signal<Tab>('hex');\n\n  /** HSL view of the current colour, computed lazily. */\n  protected readonly hslView = computed<WrHsl>(() => rgbToHsl(this.rgb()));\n\n  /** Alpha as integer percent — the numeric tabs and the alpha slider's `aria-valuenow`. */\n  protected readonly alphaPercent = computed(() => Math.round(this.a() * 100));\n\n  /** Hue in whole degrees, for the hue slider's `aria-valuenow`. */\n  protected readonly hueValue = computed(() => Math.round(this.h()));\n\n  private readonly areaLabel = useI18nFormatter(\n    'colorPicker.area',\n    'Saturation and brightness, {{saturation}}% and {{brightness}}%'\n  );\n\n  /** Name of the SV surface, carrying the two values a `role=\"group\"` cannot. */\n  protected readonly resolvedAreaLabel = computed(() =>\n    this.areaLabel({ saturation: Math.round(this.s() * 100), brightness: Math.round(this.v() * 100) })\n  );\n\n  protected readonly resolvedHueLabel = readI18nText('colorPicker.hue', 'Hue');\n  protected readonly resolvedAlphaLabel = readI18nText('colorPicker.alpha', 'Opacity');\n\n  /**\n   * Every visible word in this component that is not a slider name.\n   *\n   * The format strip and the nine channel captions were literals — three in\n   * TypeScript, the rest in the template — beside a `colorPicker` catalog\n   * section that already existed and held the slider names. So the section was\n   * there and these had simply not been put in it, which is why a fully Russian\n   * picker still read `HEX RGB HSL` over `R G B`. Each caption is one string\n   * INCLUDING its `%`, because a locale that spaces the sign differently has to\n   * move the letter and the sign together.\n   *\n   * Signals, not strings: they follow a locale switch, and a catalog that lands\n   * a microtask after the first change-detection pass.\n   */\n  protected readonly channelHexLabel = readI18nText('colorPicker.channelHex', 'HEX');\n  protected readonly channelRedLabel = readI18nText('colorPicker.channelRed', 'R');\n  protected readonly channelGreenLabel = readI18nText('colorPicker.channelGreen', 'G');\n  protected readonly channelBlueLabel = readI18nText('colorPicker.channelBlue', 'B');\n  protected readonly channelHueLabel = readI18nText('colorPicker.channelHue', 'H');\n  protected readonly channelSaturationLabel = readI18nText('colorPicker.channelSaturation', 'S%');\n  protected readonly channelLightnessLabel = readI18nText('colorPicker.channelLightness', 'L%');\n  protected readonly channelAlphaLabel = readI18nText('colorPicker.channelAlpha', 'A%');\n\n  private readonly formatHexLabel = readI18nText('colorPicker.formatHex', 'HEX');\n  private readonly formatRgbLabel = readI18nText('colorPicker.formatRgb', 'RGB');\n  private readonly formatHslLabel = readI18nText('colorPicker.formatHsl', 'HSL');\n\n  /** A `computed`, because `WrSegmentedOption.label` is a plain string. */\n  protected readonly tabOptions = computed<readonly WrSegmentedOption<Tab>[]>(() => [\n    { value: 'hex', label: this.formatHexLabel() },\n    { value: 'rgb', label: this.formatRgbLabel() },\n    { value: 'hsl', label: this.formatHslLabel() },\n  ]);\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-color-picker'];\n    if (this.alpha()) parts.push('wr-color-picker--alpha');\n    if (this.disabled()) parts.push('wr-color-picker--disabled');\n    else if (this.readonly()) parts.push('wr-color-picker--readonly');\n    return parts.join(' ');\n  });\n\n  /**\n   * The one write we just made, held only until the sync effect has seen it.\n   *\n   * It exists so a drag keeps its continuous HSV values instead of being\n   * re-quantised through its own hex round-trip. It used to be set and never\n   * cleared, which turned \"ignore this write\" into \"ignore this STRING,\n   * forever\": after the picker emitted `#ff0000` once, an app writing\n   * `#ff0000` back — a reset button, a form patch, an undo — was silently\n   * dropped for the rest of the component's life, and the surface kept\n   * whatever colour the user had dragged to.\n   */\n  private lastEmitted: string | null = null;\n\n  constructor() {\n    // External writes (via `[formField]` / `[(value)]`) flow the incoming hex\n    // string back into the HSV source of truth. Our own emits are skipped via\n    // `lastEmitted` so dragging keeps its continuous (unquantised) values.\n    effect(() => {\n      const value = this.value();\n      if (value === this.lastEmitted) {\n        // Ours, and now observed. Release the guard so the NEXT write of the\n        // same string — which can only come from outside — is honoured.\n        this.lastEmitted = null;\n        return;\n      }\n      const rgb = parseColor(value) ?? { r: 0, g: 0, b: 0, a: 1 };\n      const hsv = rgbToHsv(rgb);\n      this.h.set(hsv.h);\n      this.s.set(hsv.s);\n      this.v.set(hsv.v);\n      this.a.set(hsv.a);\n      this.hexInput.set(toHex(rgb, this.alpha()));\n    });\n  }\n\n  // Drag handlers\n\n  protected onPointerDown(event: PointerEvent, surface: Edges): void {\n    if (this.disabled() || this.readonly()) return;\n    // Primary button, primary pointer: a right-click used to open the context\n    // menu AND start a drag, and a second finger used to fight the first one.\n    if (event.button !== 0 || !event.isPrimary) return;\n    event.preventDefault();\n    const target = event.currentTarget as HTMLElement;\n    target.setPointerCapture(event.pointerId);\n\n    const update = (e: PointerEvent): void => this.updateFromEvent(e, target, surface);\n    const cleanup = (e: PointerEvent): void => {\n      target.releasePointerCapture(e.pointerId);\n      target.removeEventListener('pointermove', update);\n      target.removeEventListener('pointerup', cleanup);\n      target.removeEventListener('pointercancel', cleanup);\n      this.touch.emit();\n    };\n\n    target.addEventListener('pointermove', update);\n    target.addEventListener('pointerup', cleanup);\n    // `pointercancel` never sends a `pointerup` after it, so without this the\n    // move listener outlived the drag: a cancelled gesture left the surface\n    // repainting the colour under a pointer that was only hovering.\n    target.addEventListener('pointercancel', cleanup);\n    this.updateFromEvent(event, target, surface);\n  }\n\n  // Keyboard handlers\n  //\n  // The three surfaces used to be bare `<div>`s carrying nothing but\n  // `(pointerdown)` — no role, no name, no tab stop, no key handler — so the\n  // control the component is built around was operable by pointer only. The\n  // numeric HEX / RGB / HSL fields could always reach the same values, which is\n  // why this is 4.1.2 rather than a total loss of keyboard access, but a\n  // roleless div driving a colour is WCAG F59 either way.\n\n  /**\n   * Hue and alpha are real one-value sliders, so they take the APG slider keys —\n   * the same set `wr-knob` and `wr-slider` implement, including Home / End.\n   *\n   * The horizontal arrows name a SIDE of the track and so follow the reading\n   * direction, exactly as `wr-slider`'s do; the vertical pair names a value's\n   * direction and never mirrors.\n   */\n  protected onSliderKeydown(event: KeyboardEvent, surface: 'hue' | 'alpha'): void {\n    if (this.disabled() || this.readonly()) return;\n    const step = event.shiftKey ? KEY_STEP_COARSE : KEY_STEP;\n    const inline = this.dir?.value === 'rtl' ? -step : step;\n    const max = surface === 'hue' ? 360 : 100;\n    const current = surface === 'hue' ? this.h() : this.a() * 100;\n    let next: number;\n    switch (event.key) {\n      case 'ArrowRight':\n        next = current + inline;\n        break;\n      case 'ArrowUp':\n        next = current + step;\n        break;\n      case 'ArrowLeft':\n        next = current - inline;\n        break;\n      case 'ArrowDown':\n        next = current - step;\n        break;\n      case 'Home':\n        next = 0;\n        break;\n      case 'End':\n        next = max;\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    const value = clamp(next, 0, max);\n    if (surface === 'hue') this.h.set(value);\n    else this.a.set(value / 100);\n    this.emit();\n  }\n\n  /**\n   * The SV canvas is two axes at once, so the keys follow the picture: left and\n   * right run along saturation, up and down along brightness — the directions\n   * the thumb visibly moves. Shift takes ten percent at a time.\n   *\n   * Not mirrored under `dir=\"rtl\"`, unlike the two sliders above, and for the\n   * reason given on `fraction()`: the canvas is a picture rather than a track, so\n   * its gradient does not flip and neither may the keys that walk it.\n   */\n  protected onAreaKeydown(event: KeyboardEvent): void {\n    if (this.disabled() || this.readonly()) return;\n    const step = (event.shiftKey ? KEY_STEP_COARSE : KEY_STEP) / 100;\n    switch (event.key) {\n      case 'ArrowRight':\n        this.s.set(clamp(this.s() + step, 0, 1));\n        break;\n      case 'ArrowLeft':\n        this.s.set(clamp(this.s() - step, 0, 1));\n        break;\n      case 'ArrowUp':\n        this.v.set(clamp(this.v() + step, 0, 1));\n        break;\n      case 'ArrowDown':\n        this.v.set(clamp(this.v() - step, 0, 1));\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    this.emit();\n  }\n\n  /** Leaving a surface is what \"touched\" means, the same as leaving the hex field. */\n  protected onSurfaceBlur(): void {\n    this.touch.emit();\n  }\n\n  /**\n   * The pointer's position along a surface, as a 0–1 fraction.\n   *\n   * Measured from whichever edge the surface STARTS at, and the two surfaces do\n   * not agree on what that means — deliberately.\n   *\n   * The hue and alpha bars are one-value tracks with `role=\"slider\"`, the same\n   * widget `wr-slider` is, so they mirror: their thumbs are placed with\n   * `inset-inline-start` and their gradients are flipped by a `[dir='rtl']` rule,\n   * which makes the reader's start the physical right edge under `dir=\"rtl\"`.\n   * Opacity 100% used to sit at the physical right in both directions, i.e. at\n   * the reader's START in RTL, while the format strip in the same panel mirrored\n   * correctly.\n   *\n   * The SV canvas does NOT mirror, and stays measured from `rect.left`. It is a\n   * two-axis colour FIELD, not a track — the component says so itself by giving\n   * it `role=\"group\"` rather than `role=\"slider\"`, because it carries two values\n   * and a slider has one. A picture with no start and no end has nothing to\n   * mirror, and flipping it would only move white to the other side of an image\n   * every colour picker in the world draws the same way.\n   */\n  private fraction(event: PointerEvent, rect: DOMRect, surface: Edges): number {\n    const offset =\n      surface !== 'sv' && this.dir?.value === 'rtl' ? rect.right - event.clientX : event.clientX - rect.left;\n    return clamp(offset / rect.width, 0, 1);\n  }\n\n  private updateFromEvent(event: PointerEvent, target: HTMLElement, surface: Edges): void {\n    const rect = target.getBoundingClientRect();\n    const x = this.fraction(event, rect, surface);\n\n    if (surface === 'sv') {\n      const y = clamp((event.clientY - rect.top) / rect.height, 0, 1);\n      this.s.set(x);\n      this.v.set(1 - y);\n    } else if (surface === 'hue') {\n      this.h.set(x * 360);\n    } else {\n      this.a.set(x);\n    }\n    this.emit();\n  }\n\n  // Hex input handlers\n\n  protected onHexInput(event: Event): void {\n    if (this.disabled() || this.readonly()) return;\n    const raw = (event.target as HTMLInputElement).value;\n    this.hexInput.set(raw);\n    const rgb = parseHex(raw);\n    if (!rgb) return;\n    const hsv = rgbToHsv(rgb);\n    this.h.set(hsv.h);\n    this.s.set(hsv.s);\n    this.v.set(hsv.v);\n    this.a.set(hsv.a);\n    this.emitWithoutHexSync();\n  }\n\n  protected onHexBlur(): void {\n    // Re-sync the input with the canonical value (in case the user typed invalid).\n    this.hexInput.set(this.hex());\n    this.touch.emit();\n  }\n\n  // Emission\n\n  private emit(): void {\n    this.emitWithoutHexSync();\n    this.hexInput.set(this.hex());\n  }\n\n  private emitWithoutHexSync(): void {\n    const next = this.formatted();\n    this.lastEmitted = next;\n    this.value.set(next);\n  }\n\n  // Tab + channel handlers\n\n  protected onTabChange(tab: Tab | null): void {\n    if (tab) this.activeTab.set(tab);\n  }\n\n  protected onRgbChannel(channel: 'r' | 'g' | 'b', event: Event): void {\n    if (this.disabled() || this.readonly()) return;\n    const n = clamp(Number((event.target as HTMLInputElement).value), 0, 255);\n    if (Number.isNaN(n)) return;\n    const current = this.rgb();\n    const next: WrRgb = { ...current, [channel]: n };\n    this.applyRgb(next);\n  }\n\n  protected onHslChannel(channel: 'h' | 's' | 'l', event: Event): void {\n    if (this.disabled() || this.readonly()) return;\n    const n = Number((event.target as HTMLInputElement).value);\n    if (Number.isNaN(n)) return;\n    const current = this.hslView();\n    const next: WrHsl =\n      channel === 'h' ? { ...current, h: clamp(n, 0, 360) } : { ...current, [channel]: clamp(n, 0, 100) / 100 };\n    this.applyRgb(hslToRgb(next));\n  }\n\n  protected onAlphaPercent(event: Event): void {\n    if (this.disabled() || this.readonly()) return;\n    const n = clamp(Number((event.target as HTMLInputElement).value), 0, 100);\n    if (Number.isNaN(n)) return;\n    this.a.set(n / 100);\n    this.emit();\n  }\n\n  protected onSwatchClick(hex: string): void {\n    if (this.disabled() || this.readonly()) return;\n    const rgb = parseHex(hex);\n    if (!rgb) return;\n    // A 6-digit swatch says nothing about alpha, and `parseHex` reports the\n    // absence as `1` — so picking a preset used to silently snap a translucent\n    // colour back to fully opaque.\n    this.applyRgb(hasAlphaDigits(hex) ? rgb : { ...rgb, a: this.a() });\n  }\n\n  /** Push an RGB triple into the HSV source of truth. */\n  private applyRgb(rgb: WrRgb): void {\n    const hsv = rgbToHsv(rgb);\n    this.h.set(hsv.h);\n    this.s.set(hsv.s);\n    this.v.set(hsv.v);\n    this.a.set(hsv.a);\n    this.emit();\n  }\n}\n","<!--\n  `role=\"group\"` rather than `role=\"slider\"`, because this surface holds TWO\n  values and a slider has one `aria-valuenow`; and rather than\n  `role=\"application\"`, which would switch the reader out of its own browse mode\n  for the whole subtree — the call `wr-image-cropper` already made. A group has\n  no value of its own, so the two percentages ride in its accessible name, which\n  is where a reader querying the focused element finds them.\n-->\n<div\n  class=\"wr-color-picker__sv\"\n  role=\"group\"\n  [attr.aria-label]=\"resolvedAreaLabel()\"\n  [attr.aria-disabled]=\"disabled() || null\"\n  [attr.aria-invalid]=\"fieldAria.ariaInvalid()\"\n  [attr.aria-describedby]=\"fieldAria.describedBy()\"\n  [attr.tabindex]=\"disabled() ? -1 : 0\"\n  (pointerdown)=\"onPointerDown($event, 'sv')\"\n  (keydown)=\"onAreaKeydown($event)\"\n  (blur)=\"onSurfaceBlur()\"\n>\n  <span class=\"wr-color-picker__thumb\" [style.left.%]=\"svThumbX()\" [style.top.%]=\"svThumbY()\"></span>\n</div>\n\n<div\n  class=\"wr-color-picker__slider wr-color-picker__slider--hue\"\n  role=\"slider\"\n  aria-valuemin=\"0\"\n  aria-valuemax=\"360\"\n  [attr.aria-label]=\"resolvedHueLabel()\"\n  [attr.aria-valuenow]=\"hueValue()\"\n  [attr.aria-disabled]=\"disabled() || null\"\n  [attr.aria-readonly]=\"readonly() || null\"\n  [attr.aria-invalid]=\"fieldAria.ariaInvalid()\"\n  [attr.aria-describedby]=\"fieldAria.describedBy()\"\n  [attr.tabindex]=\"disabled() ? -1 : 0\"\n  (pointerdown)=\"onPointerDown($event, 'hue')\"\n  (keydown)=\"onSliderKeydown($event, 'hue')\"\n  (blur)=\"onSurfaceBlur()\"\n>\n  <!--\n    `inset-inline-start`, not `left`: this is a one-value track, so it mirrors\n    under `dir=\"rtl\"` the way `wr-slider` does. The SV thumb above keeps `left` —\n    the canvas is a picture and does not flip.\n  -->\n  <span class=\"wr-color-picker__thumb wr-color-picker__thumb--slider\" [style.inset-inline-start.%]=\"hueThumbX()\"></span>\n</div>\n\n@if (alpha()) {\n  <div\n    class=\"wr-color-picker__slider wr-color-picker__slider--alpha\"\n    role=\"slider\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    [attr.aria-label]=\"resolvedAlphaLabel()\"\n    [attr.aria-valuenow]=\"alphaPercent()\"\n    [attr.aria-valuetext]=\"`${alphaPercent()}%`\"\n    [attr.aria-disabled]=\"disabled() || null\"\n    [attr.aria-readonly]=\"readonly() || null\"\n    [attr.aria-invalid]=\"fieldAria.ariaInvalid()\"\n    [attr.aria-describedby]=\"fieldAria.describedBy()\"\n    [attr.tabindex]=\"disabled() ? -1 : 0\"\n    (pointerdown)=\"onPointerDown($event, 'alpha')\"\n    (keydown)=\"onSliderKeydown($event, 'alpha')\"\n    (blur)=\"onSurfaceBlur()\"\n  >\n    <span\n      class=\"wr-color-picker__thumb wr-color-picker__thumb--slider\"\n      [style.inset-inline-start.%]=\"alphaThumbX()\"\n    ></span>\n  </div>\n}\n\n<div class=\"wr-color-picker__chrome\">\n  <span class=\"wr-color-picker__preview\" [style.background]=\"hex()\"></span>\n  <wr-segmented\n    class=\"wr-color-picker__tabs\"\n    [options]=\"tabOptions()\"\n    [value]=\"activeTab()\"\n    (valueChange)=\"onTabChange($event)\"\n  />\n</div>\n\n@switch (activeTab()) {\n  @case ('hex') {\n    <div class=\"wr-color-picker__inputs wr-color-picker__inputs--hex\">\n      <label class=\"wr-color-picker__field wr-color-picker__field--wide\">\n        <input\n          type=\"text\"\n          spellcheck=\"false\"\n          autocomplete=\"off\"\n          [value]=\"hexInput()\"\n          [disabled]=\"disabled()\"\n          [readonly]=\"readonly()\"\n          (input)=\"onHexInput($event)\"\n          (blur)=\"onHexBlur()\"\n        />\n        <span class=\"wr-color-picker__field-label\">{{ channelHexLabel() }}</span>\n      </label>\n    </div>\n  }\n  @case ('rgb') {\n    <div class=\"wr-color-picker__inputs\">\n      <label class=\"wr-color-picker__field\">\n        <input\n          type=\"number\"\n          min=\"0\"\n          max=\"255\"\n          [value]=\"rgb().r\"\n          [disabled]=\"disabled()\"\n          [readonly]=\"readonly()\"\n          (input)=\"onRgbChannel('r', $event)\"\n        />\n        <span class=\"wr-color-picker__field-label\">{{ channelRedLabel() }}</span>\n      </label>\n      <label class=\"wr-color-picker__field\">\n        <input\n          type=\"number\"\n          min=\"0\"\n          max=\"255\"\n          [value]=\"rgb().g\"\n          [disabled]=\"disabled()\"\n          [readonly]=\"readonly()\"\n          (input)=\"onRgbChannel('g', $event)\"\n        />\n        <span class=\"wr-color-picker__field-label\">{{ channelGreenLabel() }}</span>\n      </label>\n      <label class=\"wr-color-picker__field\">\n        <input\n          type=\"number\"\n          min=\"0\"\n          max=\"255\"\n          [value]=\"rgb().b\"\n          [disabled]=\"disabled()\"\n          [readonly]=\"readonly()\"\n          (input)=\"onRgbChannel('b', $event)\"\n        />\n        <span class=\"wr-color-picker__field-label\">{{ channelBlueLabel() }}</span>\n      </label>\n      @if (alpha()) {\n        <label class=\"wr-color-picker__field\">\n          <input\n            type=\"number\"\n            min=\"0\"\n            max=\"100\"\n            [value]=\"alphaPercent()\"\n            [disabled]=\"disabled()\"\n            [readonly]=\"readonly()\"\n            (input)=\"onAlphaPercent($event)\"\n          />\n          <span class=\"wr-color-picker__field-label\">{{ channelAlphaLabel() }}</span>\n        </label>\n      }\n    </div>\n  }\n  @case ('hsl') {\n    <div class=\"wr-color-picker__inputs\">\n      <label class=\"wr-color-picker__field\">\n        <input\n          type=\"number\"\n          min=\"0\"\n          max=\"360\"\n          [value]=\"hslView().h | number: '1.0-0'\"\n          [disabled]=\"disabled()\"\n          [readonly]=\"readonly()\"\n          (input)=\"onHslChannel('h', $event)\"\n        />\n        <span class=\"wr-color-picker__field-label\">{{ channelHueLabel() }}</span>\n      </label>\n      <label class=\"wr-color-picker__field\">\n        <input\n          type=\"number\"\n          min=\"0\"\n          max=\"100\"\n          [value]=\"hslView().s * 100 | number: '1.0-0'\"\n          [disabled]=\"disabled()\"\n          [readonly]=\"readonly()\"\n          (input)=\"onHslChannel('s', $event)\"\n        />\n        <span class=\"wr-color-picker__field-label\">{{ channelSaturationLabel() }}</span>\n      </label>\n      <label class=\"wr-color-picker__field\">\n        <input\n          type=\"number\"\n          min=\"0\"\n          max=\"100\"\n          [value]=\"hslView().l * 100 | number: '1.0-0'\"\n          [disabled]=\"disabled()\"\n          [readonly]=\"readonly()\"\n          (input)=\"onHslChannel('l', $event)\"\n        />\n        <span class=\"wr-color-picker__field-label\">{{ channelLightnessLabel() }}</span>\n      </label>\n      @if (alpha()) {\n        <label class=\"wr-color-picker__field\">\n          <input\n            type=\"number\"\n            min=\"0\"\n            max=\"100\"\n            [value]=\"alphaPercent()\"\n            [disabled]=\"disabled()\"\n            [readonly]=\"readonly()\"\n            (input)=\"onAlphaPercent($event)\"\n          />\n          <span class=\"wr-color-picker__field-label\">{{ channelAlphaLabel() }}</span>\n        </label>\n      }\n    </div>\n  }\n}\n\n@if (swatches().length > 0) {\n  <div class=\"wr-color-picker__swatches\">\n    @for (color of swatches(); track color) {\n      <button\n        type=\"button\"\n        class=\"wr-color-picker__swatch\"\n        [style.background]=\"color\"\n        [attr.aria-label]=\"color\"\n        [disabled]=\"disabled() || readonly()\"\n        (click)=\"onSwatchClick(color)\"\n      ></button>\n    }\n  </div>\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Directionality } from '@angular/cdk/bidi';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { type OverlayRef, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  Injector,\n  ViewContainerRef,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { WR_OVERLAY, WrOutsideClick, wrFollowDirection } from 'ngwr/overlay';\n\nimport { WrColorPicker } from './color-picker';\nimport type { WrColorFormat } from './interfaces';\n\nlet triggerUid = 0;\n\n/**\n * Opens a `<wr-color-picker>` in an overlay anchored to the host element.\n *\n * Apply to any clickable element (typically a button). Two-way binds the\n * current colour through `[(value)]`; forwards `alpha` / `format` /\n * `swatches` / `disabled` to the inner picker.\n *\n * Same overlay isolation as the rest of the lib — uses {@link WR_OVERLAY},\n * not CDK's root container.\n *\n * @example\n * ```html\n * <button wrColorPickerTrigger\n *         [(value)]=\"brandColor\"\n *         [swatches]=\"palette\">\n *   <span class=\"swatch\" [style.background]=\"brandColor\"></span>\n *   {{ brandColor }}\n * </button>\n * ```\n *\n * @see https://ngwr.dev/reference/components/color-picker\n */\n@Directive({\n  selector: '[wrColorPickerTrigger]',\n  exportAs: 'wrColorPickerTrigger',\n  host: {\n    '(click)': 'toggle()',\n    // The same two attributes `<wr-popover>`'s trigger carries: without them the\n    // button gave no hint that it opens anything, and never said it was open.\n    '[attr.aria-haspopup]': '\"dialog\"',\n    '[attr.aria-expanded]': 'isOpen()',\n    // Which panel, and only while there is one — the same pairing `[wrPopconfirm]`\n    // publishes. Without it nothing on the page connects the trigger to the picker\n    // it opened, so a second trigger's panel is indistinguishable from this one's.\n    '[attr.aria-controls]': 'isOpen() ? panelId : null',\n    // The directive's own `disabled` never reached the DOM: it gates `toggle()` and\n    // is forwarded to the inner picker, so the button looked live to a screen\n    // reader and did nothing when pressed.\n    '[attr.aria-disabled]': 'disabled() ? true : null',\n  },\n})\nexport class WrColorPickerTrigger {\n  /** Two-way bindable colour value (hex string). */\n  readonly value = model<string>('');\n\n  /** Forwarded to the inner picker. @default true */\n  readonly alpha = input(true, { transform: coerceBooleanProperty });\n\n  /** Forwarded to the inner picker. @default 'hex' */\n  readonly format = input<WrColorFormat>('hex');\n\n  /** Forwarded to the inner picker. @default [] */\n  readonly swatches = input<readonly string[]>([]);\n\n  /** Disable the trigger entirely. @default false */\n  readonly disabled = input(false, { transform: coerceBooleanProperty });\n\n  /** Fires after the picker opens. */\n  readonly opened = output<void>();\n\n  /** Fires after the picker closes. */\n  readonly closed = output<void>();\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly overlay = inject(WR_OVERLAY);\n  private readonly outsideClick = inject(WrOutsideClick);\n  private readonly vcr = inject(ViewContainerRef);\n  private readonly scrollStrategies = inject(ScrollStrategyOptions);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly injector = inject(Injector);\n  /**\n   * Ambient reading direction, for the open panel alone — nothing in this\n   * directive reads it directly. Optional so a bare `TestBed` needs no\n   * provider; `Directionality` is root-provided anyway, and a missing one\n   * simply reads as `ltr`.\n   */\n  private readonly dir = inject(Directionality, { optional: true });\n\n  protected readonly isOpen = signal(false);\n  private overlayRef: OverlayRef | null = null;\n\n  /** @internal Public so the host binding can read it. */\n  protected readonly panelId = `wr-color-picker-panel-${++triggerUid}`;\n\n  constructor() {\n    this.destroyRef.onDestroy(() => this.dispose());\n  }\n\n  /** Toggle the picker. Open if closed, close if open. */\n  toggle(): void {\n    if (this.disabled()) return;\n    if (this.isOpen()) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  /** Open the picker. No-op if already open. */\n  open(): void {\n    if (this.isOpen() || this.disabled()) return;\n\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.host)\n      .withPositions([\n        { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: 4 },\n        { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -4 },\n        { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: 4 },\n        { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -4 },\n      ])\n      .withPush(true);\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy,\n      scrollStrategy: this.scrollStrategies.reposition(),\n      panelClass: 'wr-color-picker-overlay',\n    });\n    this.overlayRef.overlayElement.id = this.panelId;\n\n    // Two of the four fallbacks anchor on `end`, and the CDK resolves start /\n    // end against the direction it captured when this ref was created. The\n    // `<wr-segmented>` the picker draws its HEX / RGB / HSL tabs with is the\n    // visible half: its thumb reads `Directionality` LIVE, so a flip while this\n    // panel was open slid the thumb to the other slot inside a pane still drawn\n    // `ltr` — parked under the wrong tab, which is the symptom that started all\n    // of this.\n    wrFollowDirection(this.overlayRef, this.dir, this.injector);\n\n    const portal = new ComponentPortal(WrColorPicker, this.vcr);\n    const ref = this.overlayRef.attach(portal);\n\n    ref.setInput('alpha', this.alpha());\n    ref.setInput('format', this.format());\n    ref.setInput('swatches', this.swatches());\n    ref.setInput('disabled', this.disabled());\n    ref.setInput('value', this.value());\n\n    // Render now rather than next frame: the picker's surfaces have to exist\n    // before focus can move to one, and a deferred focus is the class of bug\n    // this repo keeps finding.\n    ref.changeDetectorRef.detectChanges();\n    // Focus has to ENTER the panel. The overlay container sits at the end of\n    // `<body>`, so a Tab from the trigger went to the next thing on the PAGE and\n    // the saturation surface and both sliders — all `tabindex=\"0\"`, all\n    // `role=\"slider\"` or `role=\"group\"` — were unreachable from the keyboard for\n    // as long as the picker was open. The saturation surface is the first stop\n    // and the one that carries the colour's two main values.\n    //\n    // Deliberately NOT a focus trap, matching `wr-popover` / `[wrPopconfirm]`:\n    // this popup is non-modal, an outside click or Escape closes it, and\n    // trapping would only make it harder to leave.\n    this.overlayRef.overlayElement.querySelector<HTMLElement>('.wr-color-picker__sv')?.focus();\n\n    // Bridge the inner picker's `value` model back to our two-way [(value)].\n    ref.instance.value.subscribe((next: string) => this.value.set(next));\n\n    // Outside-click → close (the source only filters out the overlay pane, so\n    // the re-click on our own trigger still arrives here and has to be ignored).\n    this.outsideClick\n      .outsidePointerEvents(this.overlayRef)\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(event => {\n        if (this.host.nativeElement.contains(event.target as Node)) return;\n        this.close();\n      });\n\n    // Escape → close.\n    this.overlayRef\n      .keydownEvents()\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(event => {\n        if (event.key === 'Escape') {\n          event.preventDefault();\n          this.close();\n        }\n      });\n\n    this.isOpen.set(true);\n    this.opened.emit();\n  }\n\n  /** Close the picker. No-op if already closed. */\n  close(): void {\n    if (!this.isOpen()) return;\n    // Focus lives inside the panel while it is open, and removing the panel\n    // would drop it to `<body>` — hand it back to the trigger instead, the way\n    // `[wrPopconfirm]` does. Only when focus is still IN there: if the user has\n    // already clicked elsewhere, taking it back would be stealing.\n    const returnFocus = !!this.overlayRef?.overlayElement.contains(document.activeElement);\n    this.dispose();\n    this.isOpen.set(false);\n    this.closed.emit();\n    if (returnFocus) this.host.nativeElement.focus();\n  }\n\n  private dispose(): void {\n    if (this.overlayRef) {\n      this.overlayRef.dispose();\n      this.overlayRef = null;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAKH;;AAEG;AACG,SAAU,QAAQ,CAAC,GAAU,EAAA;AACjC,IAAA,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG;AACrB,IAAA,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG;AACrB,IAAA,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG;AACrB,IAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC7B,IAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC7B,IAAA,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG;IAEnB,IAAI,CAAC,GAAG,CAAC;AACT,IAAA,IAAI,CAAC,KAAK,CAAC,EAAE;QACX,IAAI,GAAG,KAAK,CAAC;AAAE,YAAA,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;aAC/B,IAAI,GAAG,KAAK,CAAC;YAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC;;YAClC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC;QACxB,CAAC,IAAI,EAAE;QACP,IAAI,CAAC,GAAG,CAAC;YAAE,CAAC,IAAI,GAAG;IACrB;AAEA,IAAA,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG;IACjC,MAAM,CAAC,GAAG,GAAG;AAEb,IAAA,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE;AAC9B;;AClCA;;;;;AAKG;AAKH;;AAEG;AACG,SAAU,QAAQ,CAAC,GAAU,EAAA;IACjC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG;AACvB,IAAA,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;IACf,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AAChD,IAAA,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;IAEf,IAAI,CAAC,GAAG,CAAC;IACT,IAAI,CAAC,GAAG,CAAC;IACT,IAAI,CAAC,GAAG,CAAC;AAET,IAAA,IAAI,CAAC,GAAG,EAAE,EAAE;QACV,CAAC,GAAG,CAAC;QACL,CAAC,GAAG,CAAC;IACP;AAAO,SAAA,IAAI,CAAC,GAAG,GAAG,EAAE;QAClB,CAAC,GAAG,CAAC;QACL,CAAC,GAAG,CAAC;IACP;AAAO,SAAA,IAAI,CAAC,GAAG,GAAG,EAAE;QAClB,CAAC,GAAG,CAAC;QACL,CAAC,GAAG,CAAC;IACP;AAAO,SAAA,IAAI,CAAC,GAAG,GAAG,EAAE;QAClB,CAAC,GAAG,CAAC;QACL,CAAC,GAAG,CAAC;IACP;AAAO,SAAA,IAAI,CAAC,GAAG,GAAG,EAAE;QAClB,CAAC,GAAG,CAAC;QACL,CAAC,GAAG,CAAC;IACP;SAAO;QACL,CAAC,GAAG,CAAC;QACL,CAAC,GAAG,CAAC;IACP;IAEA,OAAO;AACL,QAAA,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;AAC5B,QAAA,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;AAC5B,QAAA,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;QAC5B,CAAC,EAAE,GAAG,CAAC,CAAC;KACT;AACH;;ACjDA;;;;;AAKG;AAKH;;AAEG;AACG,SAAU,QAAQ,CAAC,GAAU,EAAA;AACjC,IAAA,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG;AACrB,IAAA,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG;AACrB,IAAA,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG;AACrB,IAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC7B,IAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC7B,IAAA,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG;IACnB,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;IAEzB,IAAI,CAAC,GAAG,CAAC;IACT,IAAI,CAAC,GAAG,CAAC;AAET,IAAA,IAAI,CAAC,KAAK,CAAC,EAAE;QACX,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC;QAEnD,IAAI,GAAG,KAAK,CAAC;YAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;aAC3C,IAAI,GAAG,KAAK,CAAC;YAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC;;YAClC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC;QAExB,CAAC,IAAI,EAAE;IACT;AAEA,IAAA,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE;AAC9B;;ACpCA;;;;;AAKG;AAKH,SAAS,YAAY,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS,EAAA;IACnD,IAAI,CAAC,GAAG,CAAC;IACT,IAAI,CAAC,GAAG,CAAC;QAAE,CAAC,IAAI,CAAC;IACjB,IAAI,CAAC,GAAG,CAAC;QAAE,CAAC,IAAI,CAAC;AACjB,IAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC;AACzC,IAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,CAAC;AACvB,IAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;AACnD,IAAA,OAAO,CAAC;AACV;AAEA;;AAEG;AACG,SAAU,QAAQ,CAAC,GAAU,EAAA;AACjC,IAAA,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG;AACrB,IAAA,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG;AAEpB,IAAA,IAAI,CAAS;AACb,IAAA,IAAI,CAAS;AACb,IAAA,IAAI,CAAS;AAEb,IAAA,IAAI,CAAC,KAAK,CAAC,EAAE;QACX,CAAC,GAAG,CAAC;QACL,CAAC,GAAG,CAAC;QACL,CAAC,GAAG,CAAC;IACP;SAAO;QACL,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;AAC/C,QAAA,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;AACnB,QAAA,CAAC,GAAG,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACjC,CAAC,GAAG,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACzB,QAAA,CAAC,GAAG,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnC;IAEA,OAAO;QACL,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC;QACtB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC;QACtB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC;QACtB,CAAC,EAAE,GAAG,CAAC,CAAC;KACT;AACH;;ACjDA;;;;;AAKG;AAIH;;;;;;;;;;;;AAYG;AACG,SAAU,QAAQ,CAAC,KAAa,EAAA;IACpC,IAAI,OAAO,KAAK,KAAK,QAAQ;AAAE,QAAA,OAAO,IAAI;AAE1C,IAAA,IAAI,GAAG,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE;;AAGtD,IAAA,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;AACxC,QAAA,GAAG,GAAG;aACH,KAAK,CAAC,EAAE;aACR,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;aACd,IAAI,CAAC,EAAE,CAAC;IACb;IAEA,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,IAAI;AACrD,IAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,IAAI;AAEzC,IAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AACvC,IAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AACvC,IAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AACvC,IAAA,MAAM,CAAC,GAAG,GAAG,CAAC,MAAM,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC;IAEpE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACvB;;AC5CA;;;;;AAKG;AAIH,SAAS,YAAY,CAAC,CAAS,EAAA;IAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AACzD,IAAA,OAAO,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AAC9C;AAEA;;;;;;;;;;AAUG;SACa,KAAK,CAAC,GAAU,EAAE,SAAS,GAAG,KAAK,EAAA;IACjD,MAAM,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;IAC7B,MAAM,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;IAC7B,MAAM,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;IAC7B,IAAI,SAAS,EAAE;QACb,MAAM,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QACnC,OAAO,CAAA,CAAA,EAAI,CAAC,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA,EAAG,CAAC,CAAA,CAAE;IAC5B;AACA,IAAA,OAAO,IAAI,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,EAAE;AACxB;;AClCA;;;;;AAKG;AAQH;;;;AAIG;AACH,MAAM,MAAM,GAAG,mGAAmG;AAElH;AACA,MAAM,MAAM,GACV,+GAA+G;AAEjH;AACA,SAAS,OAAO,CAAC,GAAuB,EAAA;IACtC,IAAI,GAAG,KAAK,SAAS;AAAE,QAAA,OAAO,CAAC;AAC/B,IAAA,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;IAC9E,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;AACxD;AAEA,SAAS,OAAO,CAAC,GAAW,EAAA;AAC1B,IAAA,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;AAC/C;AAEA;;;;;;;;;;AAUG;AACG,SAAU,UAAU,CAAC,KAAa,EAAA;AACtC,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE;IAC1B,IAAI,KAAK,KAAK,EAAE;AAAE,QAAA,OAAO,IAAI;AAE7B,IAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC;AAC3B,IAAA,IAAI,GAAG;AAAE,QAAA,OAAO,GAAG;IAEnB,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IAC9B,IAAI,GAAG,EAAE;AACP,QAAA,OAAO,EAAE,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;IAC3F;IAEA,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IAC9B,IAAI,GAAG,EAAE;AACP,QAAA,OAAO,QAAQ,CAAC;;;;AAId,YAAA,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG;AACvC,YAAA,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;AACpC,YAAA,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;AACpC,YAAA,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACnB,SAAA,CAAC;IACJ;AAEA,IAAA,OAAO,IAAI;AACb;;ACxEA;;;;;AAKG;AAQH;AACA,SAAS,SAAS,CAAC,CAAS,EAAA;AAC1B,IAAA,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAC1C;AAEA;;;;;;;AAOG;SACa,WAAW,CAAC,GAAU,EAAE,MAAqB,EAAE,SAAkB,EAAA;IAC/E,IAAI,MAAM,KAAK,KAAK;AAAE,QAAA,OAAO,KAAK,CAAC,GAAG,EAAE,SAAS,CAAC;AAElD,IAAA,IAAI,MAAM,KAAK,MAAM,EAAE;QACrB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG;AACvB,QAAA,OAAO,SAAS,GAAG,CAAA,KAAA,EAAQ,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,EAAA,EAAK,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA,CAAA,CAAG,GAAG,CAAA,IAAA,EAAO,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,CAAA,CAAG;IAC5F;AAEA,IAAA,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC;AACjC,IAAA,MAAM,KAAK,GAAG,CAAA,EAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,EAAA,EAAK,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAA,GAAA,EAAM,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAA,CAAA,CAAG;IAClF,OAAO,SAAS,GAAG,QAAQ,KAAK,CAAA,EAAA,EAAK,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA,IAAA,EAAO,KAAK,GAAG;AAC5E;;ACrCA;;;;;AAKG;AA+BH;AACA,MAAM,QAAQ,GAAG,CAAC;AAClB,MAAM,eAAe,GAAG,EAAE;AAE1B;AACA,SAAS,cAAc,CAAC,GAAW,EAAA;AACjC,IAAA,MAAM,MAAM,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,MAAM;AAClD,IAAA,OAAO,MAAM,KAAK,CAAC,IAAI,MAAM,KAAK,CAAC;AACrC;AAEA;;;;;;;;;;;;;;;;;;;AAmBG;MAiBU,aAAa,CAAA;;IAEf,KAAK,GAAG,KAAK,CAAC,IAAI,6EAAI,SAAS,EAAE,qBAAqB,EAAA,CAAG;;IAGzD,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,qBAAqB,EAAA,CAAG;AAEtE;;;;;;;;;;;;;AAaG;IACM,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,qBAAqB,EAAA,CAAG;;IAGnD,SAAS,GAAG,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEnE;;;AAGG;IACM,MAAM,GAAG,KAAK,CAAgB,KAAK;+EAAC;;IAGpC,QAAQ,GAAG,KAAK,CAAoB,EAAE;iFAAC;;IAGvC,KAAK,GAAG,KAAK,CAAS,EAAE;8EAAC;;IAGzB,KAAK,GAAG,MAAM,EAAQ;;IAIZ,CAAC,GAAG,MAAM,CAAC,CAAC;0EAAC;IACb,CAAC,GAAG,MAAM,CAAC,CAAC;0EAAC;IACb,CAAC,GAAG,MAAM,CAAC,CAAC;0EAAC;IACb,CAAC,GAAG,MAAM,CAAC,CAAC;0EAAC;;;AAKb,IAAA,GAAG,GAAG,QAAQ,CAAQ,MAAM,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;4EAAC;;AAG7F,IAAA,GAAG,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;4EAAC;;IAGrD,SAAS,GAAG,QAAQ,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;kFAAC;;IAGhF,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAA,IAAA,EAAO,IAAI,CAAC,CAAC,EAAE,CAAA,YAAA,CAAc;+EAAC;;AAGtD,IAAA,MAAM,GAAG,QAAQ,CAAC,MAAK;AACxC,QAAA,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE;AAC9B,QAAA,OAAO,GAAG,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,EAAA,EAAK,CAAC,EAAE;IAC3B,CAAC;+EAAC;AAEF;;;;;;;;;;AAUG;IACc,GAAG,GAAG,MAAM,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;;IAG9C,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,CAAC,EAAE,GAAG,GAAG;iFAAC;AACzC,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,IAAI,GAAG;iFAAC;AAC/C,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG;kFAAC;IAClD,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,CAAC,EAAE,GAAG,GAAG;oFAAC;;IAG5C,QAAQ,GAAG,MAAM,CAAC,EAAE;iFAAC;;IAGrB,SAAS,GAAG,MAAM,CAAM,KAAK;kFAAC;;AAG9B,IAAA,OAAO,GAAG,QAAQ,CAAQ,MAAM,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;gFAAC;;AAGrD,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC;qFAAC;;AAGzD,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;iFAAC;AAEjD,IAAA,SAAS,GAAG,gBAAgB,CAC3C,kBAAkB,EAClB,gEAAgE,CACjE;;AAGkB,IAAA,iBAAiB,GAAG,QAAQ,CAAC,MAC9C,IAAI,CAAC,SAAS,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,CAAC;0FACnG;AAEkB,IAAA,gBAAgB,GAAG,YAAY,CAAC,iBAAiB,EAAE,KAAK,CAAC;AACzD,IAAA,kBAAkB,GAAG,YAAY,CAAC,mBAAmB,EAAE,SAAS,CAAC;AAEpF;;;;;;;;;;;;;AAaG;AACgB,IAAA,eAAe,GAAG,YAAY,CAAC,wBAAwB,EAAE,KAAK,CAAC;AAC/D,IAAA,eAAe,GAAG,YAAY,CAAC,wBAAwB,EAAE,GAAG,CAAC;AAC7D,IAAA,iBAAiB,GAAG,YAAY,CAAC,0BAA0B,EAAE,GAAG,CAAC;AACjE,IAAA,gBAAgB,GAAG,YAAY,CAAC,yBAAyB,EAAE,GAAG,CAAC;AAC/D,IAAA,eAAe,GAAG,YAAY,CAAC,wBAAwB,EAAE,GAAG,CAAC;AAC7D,IAAA,sBAAsB,GAAG,YAAY,CAAC,+BAA+B,EAAE,IAAI,CAAC;AAC5E,IAAA,qBAAqB,GAAG,YAAY,CAAC,8BAA8B,EAAE,IAAI,CAAC;AAC1E,IAAA,iBAAiB,GAAG,YAAY,CAAC,0BAA0B,EAAE,IAAI,CAAC;AAEpE,IAAA,cAAc,GAAG,YAAY,CAAC,uBAAuB,EAAE,KAAK,CAAC;AAC7D,IAAA,cAAc,GAAG,YAAY,CAAC,uBAAuB,EAAE,KAAK,CAAC;AAC7D,IAAA,cAAc,GAAG,YAAY,CAAC,uBAAuB,EAAE,KAAK,CAAC;;AAG3D,IAAA,UAAU,GAAG,QAAQ,CAAoC,MAAM;QAChF,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE;QAC9C,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE;QAC9C,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE;AAC/C,KAAA;mFAAC;AAEiB,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;AACzC,QAAA,MAAM,KAAK,GAAG,CAAC,iBAAiB,CAAC;QACjC,IAAI,IAAI,CAAC,KAAK,EAAE;AAAE,YAAA,KAAK,CAAC,IAAI,CAAC,wBAAwB,CAAC;QACtD,IAAI,IAAI,CAAC,QAAQ,EAAE;AAAE,YAAA,KAAK,CAAC,IAAI,CAAC,2BAA2B,CAAC;aACvD,IAAI,IAAI,CAAC,QAAQ,EAAE;AAAE,YAAA,KAAK,CAAC,IAAI,CAAC,2BAA2B,CAAC;AACjE,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;IACxB,CAAC;gFAAC;AAEF;;;;;;;;;;AAUG;IACK,WAAW,GAAkB,IAAI;AAEzC,IAAA,WAAA,GAAA;;;;QAIE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,YAAA,IAAI,KAAK,KAAK,IAAI,CAAC,WAAW,EAAE;;;AAG9B,gBAAA,IAAI,CAAC,WAAW,GAAG,IAAI;gBACvB;YACF;YACA,MAAM,GAAG,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC3D,YAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC;YACzB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;YACjB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;YACjB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;YACjB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;AAC7C,QAAA,CAAC,CAAC;IACJ;;IAIU,aAAa,CAAC,KAAmB,EAAE,OAAc,EAAA;QACzD,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;;;QAGxC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS;YAAE;QAC5C,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,aAA4B;AACjD,QAAA,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC;AAEzC,QAAA,MAAM,MAAM,GAAG,CAAC,CAAe,KAAW,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC;AAClF,QAAA,MAAM,OAAO,GAAG,CAAC,CAAe,KAAU;AACxC,YAAA,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC;AACzC,YAAA,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,MAAM,CAAC;AACjD,YAAA,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,OAAO,CAAC;AAChD,YAAA,MAAM,CAAC,mBAAmB,CAAC,eAAe,EAAE,OAAO,CAAC;AACpD,YAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;AACnB,QAAA,CAAC;AAED,QAAA,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,MAAM,CAAC;AAC9C,QAAA,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,OAAO,CAAC;;;;AAI7C,QAAA,MAAM,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC;QACjD,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC;IAC9C;;;;;;;;;AAWA;;;;;;;AAOG;IACO,eAAe,CAAC,KAAoB,EAAE,OAAwB,EAAA;QACtE,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;AACxC,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,GAAG,eAAe,GAAG,QAAQ;AACxD,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,KAAK,KAAK,KAAK,GAAG,CAAC,IAAI,GAAG,IAAI;AACvD,QAAA,MAAM,GAAG,GAAG,OAAO,KAAK,KAAK,GAAG,GAAG,GAAG,GAAG;QACzC,MAAM,OAAO,GAAG,OAAO,KAAK,KAAK,GAAG,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,EAAE,GAAG,GAAG;AAC7D,QAAA,IAAI,IAAY;AAChB,QAAA,QAAQ,KAAK,CAAC,GAAG;AACf,YAAA,KAAK,YAAY;AACf,gBAAA,IAAI,GAAG,OAAO,GAAG,MAAM;gBACvB;AACF,YAAA,KAAK,SAAS;AACZ,gBAAA,IAAI,GAAG,OAAO,GAAG,IAAI;gBACrB;AACF,YAAA,KAAK,WAAW;AACd,gBAAA,IAAI,GAAG,OAAO,GAAG,MAAM;gBACvB;AACF,YAAA,KAAK,WAAW;AACd,gBAAA,IAAI,GAAG,OAAO,GAAG,IAAI;gBACrB;AACF,YAAA,KAAK,MAAM;gBACT,IAAI,GAAG,CAAC;gBACR;AACF,YAAA,KAAK,KAAK;gBACR,IAAI,GAAG,GAAG;gBACV;AACF,YAAA;gBACE;;QAEJ,KAAK,CAAC,cAAc,EAAE;QACtB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC;QACjC,IAAI,OAAO,KAAK,KAAK;AAAE,YAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC;;YACnC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC;QAC5B,IAAI,CAAC,IAAI,EAAE;IACb;AAEA;;;;;;;;AAQG;AACO,IAAA,aAAa,CAAC,KAAoB,EAAA;QAC1C,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;AACxC,QAAA,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,eAAe,GAAG,QAAQ,IAAI,GAAG;AAChE,QAAA,QAAQ,KAAK,CAAC,GAAG;AACf,YAAA,KAAK,YAAY;AACf,gBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBACxC;AACF,YAAA,KAAK,WAAW;AACd,gBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBACxC;AACF,YAAA,KAAK,SAAS;AACZ,gBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBACxC;AACF,YAAA,KAAK,WAAW;AACd,gBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBACxC;AACF,YAAA;gBACE;;QAEJ,KAAK,CAAC,cAAc,EAAE;QACtB,IAAI,CAAC,IAAI,EAAE;IACb;;IAGU,aAAa,GAAA;AACrB,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;IACnB;AAEA;;;;;;;;;;;;;;;;;;;;AAoBG;AACK,IAAA,QAAQ,CAAC,KAAmB,EAAE,IAAa,EAAE,OAAc,EAAA;AACjE,QAAA,MAAM,MAAM,GACV,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,GAAG,EAAE,KAAK,KAAK,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI;AACxG,QAAA,OAAO,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;IACzC;AAEQ,IAAA,eAAe,CAAC,KAAmB,EAAE,MAAmB,EAAE,OAAc,EAAA;AAC9E,QAAA,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE;AAC3C,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC;AAE7C,QAAA,IAAI,OAAO,KAAK,IAAI,EAAE;YACpB,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;AAC/D,YAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACb,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACnB;AAAO,aAAA,IAAI,OAAO,KAAK,KAAK,EAAE;YAC5B,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QACrB;aAAO;AACL,YAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACf;QACA,IAAI,CAAC,IAAI,EAAE;IACb;;AAIU,IAAA,UAAU,CAAC,KAAY,EAAA;QAC/B,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;AACxC,QAAA,MAAM,GAAG,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK;AACpD,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;AACtB,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC;AACzB,QAAA,IAAI,CAAC,GAAG;YAAE;AACV,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC;QACzB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QACjB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QACjB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QACjB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QACjB,IAAI,CAAC,kBAAkB,EAAE;IAC3B;IAEU,SAAS,GAAA;;QAEjB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;AAC7B,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;IACnB;;IAIQ,IAAI,GAAA;QACV,IAAI,CAAC,kBAAkB,EAAE;QACzB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;IAC/B;IAEQ,kBAAkB,GAAA;AACxB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE;AAC7B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;AACvB,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;IACtB;;AAIU,IAAA,WAAW,CAAC,GAAe,EAAA;AACnC,QAAA,IAAI,GAAG;AAAE,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC;IAClC;IAEU,YAAY,CAAC,OAAwB,EAAE,KAAY,EAAA;QAC3D,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;AACxC,QAAA,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;AACzE,QAAA,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;YAAE;AACrB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE;AAC1B,QAAA,MAAM,IAAI,GAAU,EAAE,GAAG,OAAO,EAAE,CAAC,OAAO,GAAG,CAAC,EAAE;AAChD,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;IACrB;IAEU,YAAY,CAAC,OAAwB,EAAE,KAAY,EAAA;QAC3D,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;QACxC,MAAM,CAAC,GAAG,MAAM,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;AAC1D,QAAA,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;YAAE;AACrB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;QAC9B,MAAM,IAAI,GACR,OAAO,KAAK,GAAG,GAAG,EAAE,GAAG,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE;QAC3G,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/B;AAEU,IAAA,cAAc,CAAC,KAAY,EAAA;QACnC,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;AACxC,QAAA,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;AACzE,QAAA,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;YAAE;QACrB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QACnB,IAAI,CAAC,IAAI,EAAE;IACb;AAEU,IAAA,aAAa,CAAC,GAAW,EAAA;QACjC,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;AACxC,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC;AACzB,QAAA,IAAI,CAAC,GAAG;YAAE;;;;QAIV,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;IACpE;;AAGQ,IAAA,QAAQ,CAAC,GAAU,EAAA;AACzB,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC;QACzB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QACjB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QACjB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QACjB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QACjB,IAAI,CAAC,IAAI,EAAE;IACb;uGAxbW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,i/BAHb,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/EzD,2lPAgOA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDhJyB,WAAW,qJAAxB,WAAW,EAAA,IAAA,EAAA,QAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAEV,aAAa,EAAA,UAAA,EAAA,CAAA;kBAhBzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,aAAA,EAEZ,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,SAAS,EAAE,WAAW;AACtB,wBAAA,+BAA+B,EAAE,UAAU;AAC3C,wBAAA,+BAA+B,EAAE,UAAU;AAC5C,qBAAA,EAAA,SAAA,EAKU,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAA,OAAA,EAC9C,CAAC,WAAW,EAAE,WAAW,CAAC,EAAA,QAAA,EAAA,2lPAAA,EAAA;;;AEhFrC;;;;;AAKG;AAyBH,IAAI,UAAU,GAAG,CAAC;AAElB;;;;;;;;;;;;;;;;;;;;;AAqBG;MAoBU,oBAAoB,CAAA;;IAEtB,KAAK,GAAG,KAAK,CAAS,EAAE;8EAAC;;IAGzB,KAAK,GAAG,KAAK,CAAC,IAAI,6EAAI,SAAS,EAAE,qBAAqB,EAAA,CAAG;;IAGzD,MAAM,GAAG,KAAK,CAAgB,KAAK;+EAAC;;IAGpC,QAAQ,GAAG,KAAK,CAAoB,EAAE;iFAAC;;IAGvC,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,qBAAqB,EAAA,CAAG;;IAG7D,MAAM,GAAG,MAAM,EAAQ;;IAGvB,MAAM,GAAG,MAAM,EAAQ;AAEf,IAAA,IAAI,GAAG,MAAM,CAA0B,UAAU,CAAC;AAClD,IAAA,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;AAC5B,IAAA,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC;AACrC,IAAA,GAAG,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAC9B,IAAA,gBAAgB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AAChD,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,IAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC5C;;;;;AAKG;IACc,GAAG,GAAG,MAAM,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAE9C,MAAM,GAAG,MAAM,CAAC,KAAK;+EAAC;IACjC,UAAU,GAAsB,IAAI;;AAGzB,IAAA,OAAO,GAAG,CAAA,sBAAA,EAAyB,EAAE,UAAU,EAAE;AAEpE,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;IACjD;;IAGA,MAAM,GAAA;QACJ,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;AACrB,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE;YACjB,IAAI,CAAC,KAAK,EAAE;QACd;aAAO;YACL,IAAI,CAAC,IAAI,EAAE;QACb;IACF;;IAGA,IAAI,GAAA;QACF,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;AAEtC,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC;AAC3B,aAAA,QAAQ;AACR,aAAA,mBAAmB,CAAC,IAAI,CAAC,IAAI;AAC7B,aAAA,aAAa,CAAC;AACb,YAAA,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE;YACvF,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE;AACxF,YAAA,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE;YACnF,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE;SACrF;aACA,QAAQ,CAAC,IAAI,CAAC;QAEjB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;YACpC,gBAAgB;AAChB,YAAA,cAAc,EAAE,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE;AAClD,YAAA,UAAU,EAAE,yBAAyB;AACtC,SAAA,CAAC;QACF,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE,GAAG,IAAI,CAAC,OAAO;;;;;;;;AAShD,QAAA,iBAAiB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC;QAE3D,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,GAAG,CAAC;QAC3D,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC;QAE1C,GAAG,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;QACnC,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;QACrC,GAAG,CAAC,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;QACzC,GAAG,CAAC,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;QACzC,GAAG,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;;;;AAKnC,QAAA,GAAG,CAAC,iBAAiB,CAAC,aAAa,EAAE;;;;;;;;;;;AAWrC,QAAA,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,aAAa,CAAc,sBAAsB,CAAC,EAAE,KAAK,EAAE;;QAG1F,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAY,KAAK,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;;;AAIpE,QAAA,IAAI,CAAC;AACF,aAAA,oBAAoB,CAAC,IAAI,CAAC,UAAU;AACpC,aAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;aACxC,SAAS,CAAC,KAAK,IAAG;YACjB,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;gBAAE;YAC5D,IAAI,CAAC,KAAK,EAAE;AACd,QAAA,CAAC,CAAC;;AAGJ,QAAA,IAAI,CAAC;AACF,aAAA,aAAa;AACb,aAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;aACxC,SAAS,CAAC,KAAK,IAAG;AACjB,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;gBAC1B,KAAK,CAAC,cAAc,EAAE;gBACtB,IAAI,CAAC,KAAK,EAAE;YACd;AACF,QAAA,CAAC,CAAC;AAEJ,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;AACrB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;IACpB;;IAGA,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAAE;;;;;AAKpB,QAAA,MAAM,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC;QACtF,IAAI,CAAC,OAAO,EAAE;AACd,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;AACtB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;AAClB,QAAA,IAAI,WAAW;AAAE,YAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;IAClD;IAEQ,OAAO,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;AACzB,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;QACxB;IACF;uGAhKW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,aAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,2BAAA,EAAA,oBAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAnBhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,UAAU;;;AAGrB,wBAAA,sBAAsB,EAAE,UAAU;AAClC,wBAAA,sBAAsB,EAAE,UAAU;;;;AAIlC,wBAAA,sBAAsB,EAAE,2BAA2B;;;;AAInD,wBAAA,sBAAsB,EAAE,0BAA0B;AACnD,qBAAA;AACF,iBAAA;;;ACxED;;AAEG;;;;"}

package/fesm2022/ngwr-command-palette.mjs

@@ -324,6 +324,19 @@ class WrCommandPalette {
     onQueryInput(event) {
         this.query.set(event.target.value);
         this.activeIndex.set(0);
+        // The highlight goes back to the first row, and the SCROLLER has to go with
+        // it. Nothing moved it otherwise: the options are not focusable, so the
+        // browser scrolls nothing on its own, and `revealActive` is called only from
+        // the arrow keys. Edit the query after arrowing down a long list and the
+        // highlight sat at the top, out of sight, while the rows on screen were
+        // something else — and Enter ran the command the user could not see.
+        //
+        // `scrollTop = 0` rather than `revealActive()`: the list has just been
+        // re-filtered, so under zoneless CD the row at index 0 is still the OLD one
+        // until change detection runs, and the destination is the top either way.
+        const body = this.panelEl()?.nativeElement.querySelector('.wr-command-palette__body');
+        if (body)
+            body.scrollTop = 0;
     }
     onKeydown(event) {
         // Every key below belongs to the input method while it is converting: Enter
@@ -421,10 +434,10 @@ class WrCommandPalette {
         if (this.closeOnPick())
             this.close();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrCommandPalette, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: WrCommandPalette, isStandalone: true, selector: "wr-command-palette", inputs: { paletteLabel: { classPropertyName: "paletteLabel", publicName: "paletteLabel", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, closeOnPick: { classPropertyName: "closeOnPick", publicName: "closeOnPick", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, serverSearch: { classPropertyName: "serverSearch", publicName: "serverSearch", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, debounceMs: { classPropertyName: "debounceMs", publicName: "debounceMs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", picked: "picked", query: "queryChange", searchChange: "searchChange" }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "panelEl", first: true, predicate: ["panel"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (open()) {\n  <div\n    class=\"wr-command-palette\"\n    [class.wr-command-palette--sheet]=\"presentAsSheet()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"resolvedPaletteLabel()\"\n  >\n    <!-- Backdrop captures clicks to close. Not focusable \u2014 keyboard users use\n         Esc on the panel below. -->\n\n    <div class=\"wr-command-palette__backdrop\" aria-hidden=\"true\" (click)=\"onBackdropClick()\"></div>\n\n    <!-- Keydown is delegated from the search input; tabindex enables Esc when\n         the input is unfocused. -->\n    <div #panel class=\"wr-command-palette__panel\" tabindex=\"-1\" (keydown)=\"onKeydown($event)\">\n      <div class=\"wr-command-palette__search\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n          <circle cx=\"7\" cy=\"7\" r=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n          <path d=\"M11 11 L14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" />\n        </svg>\n        <input\n          #input\n          type=\"text\"\n          role=\"combobox\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          aria-autocomplete=\"list\"\n          [attr.aria-controls]=\"listboxId\"\n          [attr.aria-expanded]=\"true\"\n          [attr.aria-activedescendant]=\"activeOptionId() || null\"\n          [placeholder]=\"resolvedPlaceholder()\"\n          [value]=\"query()\"\n          (input)=\"onQueryInput($event)\"\n        />\n        <kbd class=\"wr-command-palette__hint\">{{ resolvedEscHint() }}</kbd>\n      </div>\n\n      <!-- The empty row sits OUTSIDE the listbox below, and is a live region.\n           A listbox may only own `option` and `group` children \u2014 the same rule\n           the buckets already follow \u2014 so this row inside it was an\n           `aria-required-children` critical for every query that matched\n           nothing, and an empty listbox on its own is not. `role=\"status\"` also\n           gets the message spoken while focus stays in the search input. -->\n      @if (loading()) {\n        <div class=\"wr-command-palette__empty\" role=\"status\">{{ resolvedLoading() }}</div>\n      } @else if (filtered().length === 0 && !awaitingQuery()) {\n        <div class=\"wr-command-palette__empty\" role=\"status\">{{ resolvedEmpty() }}</div>\n      }\n\n      <div class=\"wr-command-palette__body\" role=\"listbox\" [attr.id]=\"listboxId\">\n        @for (bucket of buckets(); track bucket.title; let groupIndex = $index) {\n          <!-- A listbox may only own `option` and `group` children, so a titled\n               bucket is a labelled group and an untitled one leaves the tree with\n               `role=\"none\"`, promoting its options to the listbox's own. -->\n          <div\n            class=\"wr-command-palette__group\"\n            [attr.role]=\"bucket.title ? 'group' : 'none'\"\n            [attr.aria-labelledby]=\"bucket.title ? groupTitleId(groupIndex) : null\"\n          >\n            @if (bucket.title) {\n              <div class=\"wr-command-palette__group-title\" [attr.id]=\"groupTitleId(groupIndex)\">\n                {{ bucket.title }}\n              </div>\n            }\n            @for (item of bucket.items; track item.id) {\n              <div\n                class=\"wr-command-palette__option\"\n                role=\"option\"\n                [attr.id]=\"optionId(indexOf(item))\"\n                [class.wr-command-palette__option--active]=\"indexOf(item) === activeIndex()\"\n                [attr.aria-selected]=\"indexOf(item) === activeIndex()\"\n                (mouseenter)=\"onItemHover(item)\"\n                (mousedown)=\"onItemClick(item, $event)\"\n              >\n                @if (item.icon) {\n                  <wr-icon class=\"wr-command-palette__option-icon\" [name]=\"item.icon\" size=\"16\" />\n                } @else {\n                  <span class=\"wr-command-palette__option-icon\" aria-hidden=\"true\"></span>\n                }\n                <div class=\"wr-command-palette__option-body\">\n                  <div class=\"wr-command-palette__option-label\">{{ item.label }}</div>\n                  @if (item.description) {\n                    <div class=\"wr-command-palette__option-description\">{{ item.description }}</div>\n                  }\n                </div>\n                @if (item.shortcut) {\n                  <kbd class=\"wr-command-palette__option-shortcut\">{{ item.shortcut }}</kbd>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <!-- Footer slot. A real palette carries something under the list \u2014 a key\n           legend, a result count, a provider's required attribution \u2014 and there\n           was nowhere to put it. Projected rather than an input, because the\n           content is markup (a link, a logo) rather than a string.\n\n           Outside the listbox on purpose: a `role=\"listbox\"` may own only\n           `option` and `group` children, the same rule the buckets and the empty\n           row already follow. -->\n      <div class=\"wr-command-palette__footer\">\n        <ng-content select=\"[wrCommandPaletteFooter]\" />\n      </div>\n    </div>\n  </div>\n}\n", dependencies: [{ kind: "component", type: WrIcon, selector: "wr-icon", inputs: ["name"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrCommandPalette, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: WrCommandPalette, isStandalone: true, selector: "wr-command-palette", inputs: { paletteLabel: { classPropertyName: "paletteLabel", publicName: "paletteLabel", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, closeOnPick: { classPropertyName: "closeOnPick", publicName: "closeOnPick", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, serverSearch: { classPropertyName: "serverSearch", publicName: "serverSearch", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, debounceMs: { classPropertyName: "debounceMs", publicName: "debounceMs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", picked: "picked", query: "queryChange", searchChange: "searchChange" }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "panelEl", first: true, predicate: ["panel"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (open()) {\n  <div\n    class=\"wr-command-palette\"\n    [class.wr-command-palette--sheet]=\"presentAsSheet()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"resolvedPaletteLabel()\"\n  >\n    <!-- Backdrop captures clicks to close. Not focusable \u2014 keyboard users use\n         Esc on the panel below. -->\n\n    <div class=\"wr-command-palette__backdrop\" aria-hidden=\"true\" (click)=\"onBackdropClick()\"></div>\n\n    <!-- Keydown is delegated from the search input; tabindex enables Esc when\n         the input is unfocused. -->\n    <div #panel class=\"wr-command-palette__panel\" tabindex=\"-1\" (keydown)=\"onKeydown($event)\">\n      <div class=\"wr-command-palette__search\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n          <circle cx=\"7\" cy=\"7\" r=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n          <path d=\"M11 11 L14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" />\n        </svg>\n        <input\n          #input\n          type=\"text\"\n          role=\"combobox\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          aria-autocomplete=\"list\"\n          [attr.aria-controls]=\"listboxId\"\n          [attr.aria-expanded]=\"true\"\n          [attr.aria-activedescendant]=\"activeOptionId() || null\"\n          [placeholder]=\"resolvedPlaceholder()\"\n          [value]=\"query()\"\n          (input)=\"onQueryInput($event)\"\n        />\n        <kbd class=\"wr-command-palette__hint\">{{ resolvedEscHint() }}</kbd>\n      </div>\n\n      <!-- The empty row sits OUTSIDE the listbox below, and is a live region.\n           A listbox may only own `option` and `group` children \u2014 the same rule\n           the buckets already follow \u2014 so this row inside it was an\n           `aria-required-children` critical for every query that matched\n           nothing, and an empty listbox on its own is not. `role=\"status\"` also\n           gets the message spoken while focus stays in the search input. -->\n      @if (loading()) {\n        <div class=\"wr-command-palette__empty\" role=\"status\">{{ resolvedLoading() }}</div>\n      } @else if (filtered().length === 0 && !awaitingQuery()) {\n        <div class=\"wr-command-palette__empty\" role=\"status\">{{ resolvedEmpty() }}</div>\n      }\n\n      <div class=\"wr-command-palette__body\" role=\"listbox\" [attr.id]=\"listboxId\">\n        @for (bucket of buckets(); track bucket.title; let groupIndex = $index) {\n          <!-- A listbox may only own `option` and `group` children, so a titled\n               bucket is a labelled group and an untitled one leaves the tree with\n               `role=\"none\"`, promoting its options to the listbox's own. -->\n          <div\n            class=\"wr-command-palette__group\"\n            [attr.role]=\"bucket.title ? 'group' : 'none'\"\n            [attr.aria-labelledby]=\"bucket.title ? groupTitleId(groupIndex) : null\"\n          >\n            @if (bucket.title) {\n              <div class=\"wr-command-palette__group-title\" [attr.id]=\"groupTitleId(groupIndex)\">\n                {{ bucket.title }}\n              </div>\n            }\n            @for (item of bucket.items; track item.id) {\n              <div\n                class=\"wr-command-palette__option\"\n                role=\"option\"\n                [attr.id]=\"optionId(indexOf(item))\"\n                [class.wr-command-palette__option--active]=\"indexOf(item) === activeIndex()\"\n                [attr.aria-selected]=\"indexOf(item) === activeIndex()\"\n                (mouseenter)=\"onItemHover(item)\"\n                (mousedown)=\"onItemClick(item, $event)\"\n              >\n                @if (item.icon) {\n                  <wr-icon class=\"wr-command-palette__option-icon\" [name]=\"item.icon\" size=\"16\" />\n                } @else {\n                  <span class=\"wr-command-palette__option-icon\" aria-hidden=\"true\"></span>\n                }\n                <div class=\"wr-command-palette__option-body\">\n                  <div class=\"wr-command-palette__option-label\">{{ item.label }}</div>\n                  @if (item.description) {\n                    <div class=\"wr-command-palette__option-description\">{{ item.description }}</div>\n                  }\n                </div>\n                @if (item.shortcut) {\n                  <kbd class=\"wr-command-palette__option-shortcut\">{{ item.shortcut }}</kbd>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <!-- Footer slot. A real palette carries something under the list \u2014 a key\n           legend, a result count, a provider's required attribution \u2014 and there\n           was nowhere to put it. Projected rather than an input, because the\n           content is markup (a link, a logo) rather than a string.\n\n           Outside the listbox on purpose: a `role=\"listbox\"` may own only\n           `option` and `group` children, the same rule the buckets and the empty\n           row already follow. -->\n      <div class=\"wr-command-palette__footer\">\n        <ng-content select=\"[wrCommandPaletteFooter]\" />\n      </div>\n    </div>\n  </div>\n}\n", dependencies: [{ kind: "component", type: WrIcon, selector: "wr-icon", inputs: ["name"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrCommandPalette, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrCommandPalette, decorators: [{
             type: Component,
             args: [{ selector: 'wr-command-palette', encapsulation: ViewEncapsulation.None, imports: [WrIcon], template: "@if (open()) {\n  <div\n    class=\"wr-command-palette\"\n    [class.wr-command-palette--sheet]=\"presentAsSheet()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"resolvedPaletteLabel()\"\n  >\n    <!-- Backdrop captures clicks to close. Not focusable \u2014 keyboard users use\n         Esc on the panel below. -->\n\n    <div class=\"wr-command-palette__backdrop\" aria-hidden=\"true\" (click)=\"onBackdropClick()\"></div>\n\n    <!-- Keydown is delegated from the search input; tabindex enables Esc when\n         the input is unfocused. -->\n    <div #panel class=\"wr-command-palette__panel\" tabindex=\"-1\" (keydown)=\"onKeydown($event)\">\n      <div class=\"wr-command-palette__search\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n          <circle cx=\"7\" cy=\"7\" r=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n          <path d=\"M11 11 L14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" />\n        </svg>\n        <input\n          #input\n          type=\"text\"\n          role=\"combobox\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          aria-autocomplete=\"list\"\n          [attr.aria-controls]=\"listboxId\"\n          [attr.aria-expanded]=\"true\"\n          [attr.aria-activedescendant]=\"activeOptionId() || null\"\n          [placeholder]=\"resolvedPlaceholder()\"\n          [value]=\"query()\"\n          (input)=\"onQueryInput($event)\"\n        />\n        <kbd class=\"wr-command-palette__hint\">{{ resolvedEscHint() }}</kbd>\n      </div>\n\n      <!-- The empty row sits OUTSIDE the listbox below, and is a live region.\n           A listbox may only own `option` and `group` children \u2014 the same rule\n           the buckets already follow \u2014 so this row inside it was an\n           `aria-required-children` critical for every query that matched\n           nothing, and an empty listbox on its own is not. `role=\"status\"` also\n           gets the message spoken while focus stays in the search input. -->\n      @if (loading()) {\n        <div class=\"wr-command-palette__empty\" role=\"status\">{{ resolvedLoading() }}</div>\n      } @else if (filtered().length === 0 && !awaitingQuery()) {\n        <div class=\"wr-command-palette__empty\" role=\"status\">{{ resolvedEmpty() }}</div>\n      }\n\n      <div class=\"wr-command-palette__body\" role=\"listbox\" [attr.id]=\"listboxId\">\n        @for (bucket of buckets(); track bucket.title; let groupIndex = $index) {\n          <!-- A listbox may only own `option` and `group` children, so a titled\n               bucket is a labelled group and an untitled one leaves the tree with\n               `role=\"none\"`, promoting its options to the listbox's own. -->\n          <div\n            class=\"wr-command-palette__group\"\n            [attr.role]=\"bucket.title ? 'group' : 'none'\"\n            [attr.aria-labelledby]=\"bucket.title ? groupTitleId(groupIndex) : null\"\n          >\n            @if (bucket.title) {\n              <div class=\"wr-command-palette__group-title\" [attr.id]=\"groupTitleId(groupIndex)\">\n                {{ bucket.title }}\n              </div>\n            }\n            @for (item of bucket.items; track item.id) {\n              <div\n                class=\"wr-command-palette__option\"\n                role=\"option\"\n                [attr.id]=\"optionId(indexOf(item))\"\n                [class.wr-command-palette__option--active]=\"indexOf(item) === activeIndex()\"\n                [attr.aria-selected]=\"indexOf(item) === activeIndex()\"\n                (mouseenter)=\"onItemHover(item)\"\n                (mousedown)=\"onItemClick(item, $event)\"\n              >\n                @if (item.icon) {\n                  <wr-icon class=\"wr-command-palette__option-icon\" [name]=\"item.icon\" size=\"16\" />\n                } @else {\n                  <span class=\"wr-command-palette__option-icon\" aria-hidden=\"true\"></span>\n                }\n                <div class=\"wr-command-palette__option-body\">\n                  <div class=\"wr-command-palette__option-label\">{{ item.label }}</div>\n                  @if (item.description) {\n                    <div class=\"wr-command-palette__option-description\">{{ item.description }}</div>\n                  }\n                </div>\n                @if (item.shortcut) {\n                  <kbd class=\"wr-command-palette__option-shortcut\">{{ item.shortcut }}</kbd>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <!-- Footer slot. A real palette carries something under the list \u2014 a key\n           legend, a result count, a provider's required attribution \u2014 and there\n           was nowhere to put it. Projected rather than an input, because the\n           content is markup (a link, a logo) rather than a string.\n\n           Outside the listbox on purpose: a `role=\"listbox\"` may own only\n           `option` and `group` children, the same rule the buckets and the empty\n           row already follow. -->\n      <div class=\"wr-command-palette__footer\">\n        <ng-content select=\"[wrCommandPaletteFooter]\" />\n      </div>\n    </div>\n  </div>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { paletteLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "paletteLabel", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], emptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyText", required: false }] }], loadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingText", required: false }] }], closeOnPick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnPick", required: false }] }], responsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsive", required: false }] }], picked: [{ type: i0.Output, args: ["picked"] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }, { type: i0.Output, args: ["queryChange"] }], serverSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "serverSearch", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], debounceMs: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounceMs", required: false }] }], searchChange: [{ type: i0.Output, args: ["searchChange"] }], inputEl: [{ type: i0.ViewChild, args: ['input', { isSignal: true }] }], panelEl: [{ type: i0.ViewChild, args: ['panel', { isSignal: true }] }] } });