@awc-ui/core 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/components-csr/p-DzPKu-Ma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DIM","EMPHASIS_MS","FOCUS_STICK","distanceToLine","points","cursorMain","cursorValue","n","length","Infinity","first","last","Math","hypot","lo","hi","mid","aMain","aValue","bMain","bValue","t","abs","pickFocusSeries","candidates","held","stick","best","bestD","heldD","c","seriesIndex","distance","FOCUS_DWELL_MS","HoverFocus","constructor","dwellMs","this","candidate","since","pick","now","wanted","reset","emphasizeScene","scene","focusIndex","factor","min","dim","si","lines","map","l","color","withAlpha","areas","a","colorTop","colorBottom","markers","m","MARK_HIT_RADIUS","LINE_HIT_TOLERANCE","nearestIndex","positions","px","i","d","seriesSampleLines","inverted","hoverPoints","hp","ascending","Object","keys","byIndex","k","p","Number","y","x","axisSeriesValues","index","label","value","insidePlot","plot","py","width","height","polylineY","input","reverse","b","areaContains","area","top","base","basePoints","baselineY","max","areaSeriesAt","hitTestScene","dataIndex","xPositions","markSeries","markD","kind","lineSeries","lineD","forEach","areaSeries","areaD"],"sources":["src/utils/charts/engine/emphasis.ts","src/utils/charts/engine/hit-test.ts"],"sourcesContent":["/*\n * Chart engine — hover emphasis\n * ===========================================================\n * When the pointer is near one series, that series stays vivid and\n * the others fade back so the focused line reads clearly. A pure\n * scene→scene transform (like animate.ts) so both renderer backends\n * dim identically; the engine animates the `t` factor over a short\n * MD3 transition and redraws emphasizeScene(scene, focus, t).\n * ===========================================================\n */\n\nimport { withAlpha } from './color';\nimport type { RenderScene } from './scene';\n\n/** How faded a non-focused series gets at full emphasis (alpha multiplier). */\nconst DIM = 0.22;\n/** Emphasis fade duration in ms. */\nexport const EMPHASIS_MS = 260;\n\n/**\n * How much nearer (px) a rival series must be before the emphasis leaves the\n * series it is on. Sized just under a typical \"close lines\" gap: enough of a\n * deadband to stop the two trading focus at their midpoint, small enough that\n * moving onto the other line still takes the focus with it.\n */\nexport const FOCUS_STICK = 4;\n\n/**\n * How far the cursor is (px) from a series' drawn line.\n *\n * `points` are that series' samples as `[main, value]` pixel pairs ordered\n * along the main axis (x for a normal chart, y for an inverted one). The line\n * is interpolated between the two samples bracketing the cursor, which is what\n * makes this work for series sampled at *different* x: with irregular data a\n * series usually has no sample exactly at the hovered position, and comparing\n * only exact samples hands the emphasis to whichever series happens to own\n * that slot. Past either end of the series the distance is measured to its\n * endpoint, so a line that has already finished reads as far away.\n */\nexport function distanceToLine(\n  points: readonly (readonly [number, number])[],\n  cursorMain: number,\n  cursorValue: number,\n): number {\n  const n = points.length;\n  if (!n) return Infinity;\n  const first = points[0];\n  const last = points[n - 1];\n  if (cursorMain <= first[0]) return Math.hypot(first[0] - cursorMain, first[1] - cursorValue);\n  if (cursorMain >= last[0]) return Math.hypot(last[0] - cursorMain, last[1] - cursorValue);\n  let lo = 0;\n  let hi = n - 1;\n  while (hi - lo > 1) {\n    const mid = (lo + hi) >> 1;\n    if (points[mid][0] <= cursorMain) lo = mid;\n    else hi = mid;\n  }\n  const [aMain, aValue] = points[lo];\n  const [bMain, bValue] = points[hi];\n  const t = bMain === aMain ? 0 : (cursorMain - aMain) / (bMain - aMain);\n  return Math.abs(aValue + (bValue - aValue) * t - cursorValue);\n}\n\n/**\n * Which series the hover should emphasise, given each candidate's distance to\n * the cursor and the one currently held (`-1` for none).\n *\n * Plain \"nearest wins\" flickers: between two lines a few pixels apart the\n * winner flips on every pointer move, and because the emphasis is already\n * fully faded in, each flip swaps vivid and dimmed instantly. Holding the\n * current series until a rival is clearly nearer turns the midpoint into a\n * deadband. A held series that isn't a candidate any more (it was hidden, or\n * the pointer left the plot) has no distance, so the focus moves on.\n */\nexport function pickFocusSeries(\n  candidates: readonly { seriesIndex: number; distance: number }[],\n  held: number,\n  stick: number = FOCUS_STICK,\n): number {\n  let best = -1;\n  let bestD = Infinity;\n  let heldD = Infinity;\n  for (const c of candidates) {\n    if (c.seriesIndex === held) heldD = c.distance;\n    if (c.distance < bestD) {\n      bestD = c.distance;\n      best = c.seriesIndex;\n    }\n  }\n  if (held >= 0 && bestD > heldD - stick) return held;\n  return best;\n}\n\n/**\n * How long (ms) a rival has to stay the nearest before the emphasis moves to\n * it. The px deadband alone can't settle two lines running close together: a\n * hand held roughly still while the lines wander across the cursor makes the\n * nearest genuinely alternate, by the full gap each time. Requiring the rival\n * to *stay* nearest ignores that alternation while still following a\n * deliberate move onto the other line within a frame or three.\n */\nexport const FOCUS_DWELL_MS = 140;\n\n/**\n * Chooses the emphasised series over time: {@link pickFocusSeries} for the\n * geometry, plus a dwell so a contested choice has to settle before it moves.\n *\n * Owns the held series, so the engine just feeds it distances and a clock.\n */\nexport class HoverFocus {\n  private held = -1;\n  private candidate = -1;\n  private since = 0;\n\n  constructor(\n    private readonly stick: number = FOCUS_STICK,\n    private readonly dwellMs: number = FOCUS_DWELL_MS,\n  ) {}\n\n  /** The series to emphasise now, given each one's distance to the cursor. */\n  pick(candidates: readonly { seriesIndex: number; distance: number }[], now: number): number {\n    const wanted = pickFocusSeries(candidates, this.held, this.stick);\n    if (wanted !== this.candidate) {\n      this.candidate = wanted;\n      this.since = now;\n    }\n    // Nothing focused yet (first hover, or after the pointer left): adopt\n    // immediately, so arriving on a line reads as instant.\n    if (this.held < 0) {\n      this.held = wanted;\n    } else if (wanted !== this.held && now - this.since >= this.dwellMs) {\n      this.held = wanted;\n    }\n    return this.held;\n  }\n\n  /** Pointer left the plot, or the scene changed — drop the held series. */\n  reset(): void {\n    this.held = -1;\n    this.candidate = -1;\n    this.since = 0;\n  }\n}\n\n/**\n * The scene with every series except `focusIndex` dimmed by progress `t`\n * (0 = no dimming, 1 = fully faded). Glyph markers and chrome are untouched.\n * Series without an index are treated as focused (never dimmed).\n */\nexport function emphasizeScene(scene: RenderScene, focusIndex: number, t: number): RenderScene {\n  if (focusIndex < 0 || t <= 0) return scene;\n  const factor = 1 - (1 - DIM) * Math.min(1, t);\n  const dim = (si: number | undefined): boolean => si != null && si !== focusIndex;\n  return {\n    ...scene,\n    lines: scene.lines.map((l) => (dim(l.seriesIndex) ? { ...l, color: withAlpha(l.color, factor) } : l)),\n    areas: scene.areas.map((a) =>\n      dim(a.seriesIndex) ? { ...a, colorTop: withAlpha(a.colorTop, factor), colorBottom: withAlpha(a.colorBottom, factor) } : a,\n    ),\n    markers: scene.markers.map((m) => (dim(m.seriesIndex) ? { ...m, color: withAlpha(m.color, factor) } : m)),\n  };\n}\n","/*\n * Chart engine — click hit-testing\n * ===========================================================\n * Turns a pointer position over a rendered scene into the most\n * specific thing under it: a data mark, a series line, a filled\n * area, or the plot background (an \"axis\" click). Pure functions\n * over the RenderScene, so the precedence rule is unit-testable\n * without a canvas — the engine only maps the result onto its\n * callbacks.\n * ===========================================================\n */\n\nimport { distanceToLine } from './emphasis';\nimport type { Pt } from './geometry';\nimport { ascending } from './rtl';\nimport type { RenderScene, Rect, SceneArea } from './scene';\n\n/**\n * Max cursor→point distance (px) for a click to count as a mark click.\n * Deliberately generous: a mark is the thing consumers most want to catch, and\n * at this radius a click anywhere in a fingertip-sized region around the point\n * still lands on it.\n */\nexport const MARK_HIT_RADIUS = 26;\n\n/**\n * Max cursor→line distance (px) for a click to count as a line click.\n *\n * The stroke is 2.5px wide (±1.25px from the centreline), so this leaves ~6.75px\n * of pointer slop on either side — comfortable for an imprecise mouse without\n * reaching so far into the fill below that \"clicked the area just under the\n * line\" gets stolen by the line. It also absorbs the small error in\n * {@link distanceToLine}, which measures against the straight segment between\n * two samples while a `smooth` curve bows a little away from it.\n */\nexport const LINE_HIT_TOLERANCE = 8;\n\n/** What sits under the pointer, most specific first. */\nexport type SceneHit =\n  | { kind: 'mark'; seriesIndex: number; dataIndex: number }\n  | { kind: 'line'; seriesIndex: number; dataIndex: number }\n  | { kind: 'area'; seriesIndex: number; dataIndex: number }\n  | { kind: 'axis'; dataIndex: number }\n  | null;\n\n/** One visible series' value at an x index — the rows the tooltip lists. */\nexport interface AxisSeriesValue {\n  seriesIndex: number;\n  label: string;\n  /** Raw value there, or `null` when this series has no point at that x. */\n  value: number | null;\n}\n\n/** Index of the xPosition nearest to `px` (or -1 if none). */\nexport function nearestIndex(positions: number[], px: number): number {\n  if (!positions.length) return -1;\n  let best = 0;\n  let bestD = Infinity;\n  for (let i = 0; i < positions.length; i++) {\n    const d = Math.abs(positions[i] - px);\n    if (d < bestD) {\n      bestD = d;\n      best = i;\n    }\n  }\n  return best;\n}\n\n/**\n * Each visible series' samples as `[main, value]` pixel pairs ordered along the\n * main axis (x for a normal chart, y for an inverted one) — the input\n * {@link distanceToLine} expects. (Integer-keyed records enumerate in ascending\n * numeric order, so `byIndex` is already in main-axis order.)\n */\nexport function seriesSampleLines(scene: RenderScene): [number, number][][] {\n  const inverted = !!scene.inverted;\n  return scene.hoverPoints.map((hp) =>\n    // `ascending`: an RTL scene is mirrored, so its samples descend in x — the\n    // distance search bisects on that axis and needs them the other way round.\n    ascending(\n      Object.keys(hp.byIndex).map((k): [number, number] => {\n        const p = hp.byIndex[Number(k)];\n        return inverted ? [p.y, p.x] : [p.x, p.y];\n      }),\n    ),\n  );\n}\n\n/** Every visible series' value at `index` — what an axis click reports. */\nexport function axisSeriesValues(scene: RenderScene, index: number): AxisSeriesValue[] {\n  return scene.hoverPoints.map((hp) => ({\n    seriesIndex: hp.seriesIndex,\n    label: hp.label,\n    value: hp.byIndex[index]?.value ?? null,\n  }));\n}\n\n/** Is (px, py) inside the plot rect (i.e. not in the title / legend / gutters)? */\nexport function insidePlot(plot: Rect, px: number, py: number): boolean {\n  return px >= plot.x && px <= plot.x + plot.width && py >= plot.y && py <= plot.y + plot.height;\n}\n\n/**\n * The polyline's y at `x`, linearly interpolated between the samples bracketing\n * it, or `null` when `x` is outside its span. Assumes points ascend in x, which\n * every drawn series polyline does.\n */\nfunction polylineY(input: readonly Pt[], x: number): number | null {\n  const n = input.length;\n  if (!n) return null;\n  // A mirrored (RTL) area runs right-to-left; bisecting needs ascending x.\n  const points = n > 1 && input[0].x > input[n - 1].x ? [...input].reverse() : input;\n  if (x < points[0].x || x > points[n - 1].x) return null;\n  if (n === 1) return points[0].y;\n  let lo = 0;\n  let hi = n - 1;\n  while (hi - lo > 1) {\n    const mid = (lo + hi) >> 1;\n    if (points[mid].x <= x) lo = mid;\n    else hi = mid;\n  }\n  const a = points[lo];\n  const b = points[hi];\n  return b.x === a.x ? a.y : a.y + ((b.y - a.y) * (x - a.x)) / (b.x - a.x);\n}\n\n/**\n * Is (px, py) inside this filled area — between its top edge and its base?\n *\n * A stacked layer fills only its own band, so its `basePoints` (not the global\n * baseline) are the bottom edge; an unstacked area fills down to `baselineY`.\n * `min`/`max` rather than `<`/`>` because a negative series fills *upward* to\n * the zero line.\n */\nfunction areaContains(area: SceneArea, px: number, py: number): boolean {\n  const top = polylineY(area.points, px);\n  if (top == null) return false;\n  const base = (area.basePoints ? polylineY(area.basePoints, px) : null) ?? area.baselineY;\n  return py >= Math.min(top, base) && py <= Math.max(top, base);\n}\n\n/**\n * Which series' filled band contains (px, py), or -1.\n *\n * This is what the eye reads on an area chart: the cursor sits INSIDE a band,\n * so the band it is in owns it — not whichever series' drawn line happens to\n * pass nearest, which on a thick stacked band is usually a different series\n * altogether. Where unstacked areas overlap and several contain the cursor,\n * the one whose own top edge is nearest wins.\n */\nexport function areaSeriesAt(scene: RenderScene, px: number, py: number): number {\n  if (!insidePlot(scene.plot, px, py)) return -1;\n  let best = -1;\n  let bestD = Infinity;\n  for (const a of scene.areas) {\n    if (a.seriesIndex == null || !areaContains(a, px, py)) continue;\n    const top = polylineY(a.points, px);\n    const d = top == null ? Infinity : Math.abs(py - top);\n    if (d < bestD) {\n      bestD = d;\n      best = a.seriesIndex;\n    }\n  }\n  return best;\n}\n\n/**\n * What a click at (px, py) — canvas-relative pixels — landed on.\n *\n * Most specific first: a data **mark**, else a series **line**, else a filled\n * **area**, else the plot background (**axis**). So a click on a mark never\n * also reads as a click on that series' line, and one on the line never reads\n * as its area.\n *\n * Only the mark test reaches outside the plot rect (it always has: a click just\n * past the axis still counts as the point it is nearest). Line / area / axis\n * are plot-only, since the geometry is clipped to the plot and a click in the\n * title, legend or an axis gutter is not a click on the chart background.\n *\n * `lines` is {@link seriesSampleLines}, passed in so the engine can reuse its\n * per-scene cache.\n */\nexport function hitTestScene(\n  scene: RenderScene,\n  px: number,\n  py: number,\n  lines: [number, number][][] = seriesSampleLines(scene),\n): SceneHit {\n  const inverted = !!scene.inverted;\n  const cursorMain = inverted ? py : px;\n  const cursorValue = inverted ? px : py;\n  const dataIndex = nearestIndex(scene.xPositions, cursorMain);\n  if (dataIndex < 0) return null;\n\n  // ── 1. a data mark: the series whose point at this x is nearest (2D) ──\n  let markSeries = -1;\n  let markD = Infinity;\n  for (const hp of scene.hoverPoints) {\n    const p = hp.byIndex[dataIndex];\n    if (!p) continue;\n    const d = Math.hypot(p.x - px, p.y - py);\n    if (d < markD) {\n      markD = d;\n      markSeries = hp.seriesIndex;\n    }\n  }\n  if (markSeries >= 0 && markD <= MARK_HIT_RADIUS) return { kind: 'mark', seriesIndex: markSeries, dataIndex };\n\n  if (!insidePlot(scene.plot, px, py)) return null;\n\n  // ── 2. a series line: distance to the DRAWN line, not to the sample at this\n  //      x (series can be measured at different x and have no sample here) ──\n  let lineSeries = -1;\n  let lineD = Infinity;\n  scene.hoverPoints.forEach((hp, i) => {\n    const d = distanceToLine(lines[i] ?? [], cursorMain, cursorValue);\n    if (d < lineD) {\n      lineD = d;\n      lineSeries = hp.seriesIndex;\n    }\n  });\n  if (lineSeries >= 0 && lineD <= LINE_HIT_TOLERANCE) return { kind: 'line', seriesIndex: lineSeries, dataIndex };\n\n  // ── 3. a filled area (only when the chart draws them). Where unstacked areas\n  //      overlap, the one whose own line is nearest above/below wins — that is\n  //      the band the click reads as being \"under\". ──\n  let areaSeries = -1;\n  let areaD = Infinity;\n  for (const a of scene.areas) {\n    if (a.seriesIndex == null || !areaContains(a, px, py)) continue;\n    const d = Math.abs(py - (polylineY(a.points, px) as number));\n    if (d < areaD) {\n      areaD = d;\n      areaSeries = a.seriesIndex;\n    }\n  }\n  if (areaSeries >= 0) return { kind: 'area', seriesIndex: areaSeries, dataIndex };\n\n  // ── 4. plot background ──\n  return { kind: 'axis', dataIndex };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/{components/p-UdGDg2oJ.js → components-csr/p-If0JHsYV.js}

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as i,f as e,h as a,d as n,t as r}from"./p-MWBNn6Lj.js";import{V as o,i as l,n as h,r as d,c,l as m}from"./p-BEWIC0pC.js";import{s as p,a as u,g as f,c as g,r as y}from"./p-DWxN44zD.js";import{p as b}from"./p-CxhZdOPw.js";import{d as _}from"./p-6wZSqm_2.js";import{d as x}from"./p-BwXpiUsu.js";import{d as v}from"./p-B0Opn6dK.js";import{d as w}from"./p-7fN_yCXW.js";import{d as k}from"./p-e2HRV63Y.js";import{d as z}from"./p-stybaFzj.js";import{d as C}from"./p-B3MWYEEJ.js";const V=()=>`:host{--md-text-field-padding-inline-end:var(--md-sys-spacing-inset-lg, 16px);display:inline-block;inline-size:var(--md-select-width, 100%);min-inline-size:var(--md-select-min-width, 0);box-sizing:border-box;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif)}.md-select__field{inline-size:100%;cursor:pointer;--md-text-field-cursor:pointer}.md-select__field::part(input){cursor:pointer}:host(.md-select--disabled) .md-select__field::part(input){cursor:not-allowed}.md-select__field .md-select__trailing{display:inline-flex;align-items:center;gap:var(--md-select-trailing-gap, 2px);width:auto;height:auto}.md-select__caret{font-size:var(--md-select-caret-size, 24px);line-height:1;color:var(--md-select-caret-color, var(--md-sys-color-on-surface-variant, #49454F));transition:transform var(--md-sys-motion-duration-short4, 200ms)     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-select--open) .md-select__caret{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.md-select__caret{transition:none}}.md-select__loader{display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;--md-loading-indicator-size:var(--md-select-spinner-size, 22px);--md-loading-indicator-shape-size:var(--md-select-spinner-size, 22px)}:host([full-width]){display:block;inline-size:100%}.md-select__loading{display:flex;align-items:center;padding-block:var(--md-sys-spacing-inset-lg, 16px);padding-inline:var(--md-sys-spacing-inset-lg, 16px)}.md-select__loading md-progress-indicator{inline-size:100%}.md-select__field .md-select__clear{--_clear-color:var(--md-select-clear-color,     var(--md-select-caret-color, var(--md-sys-color-on-surface-variant, #49454F)));--md-icon-button-container-width:24px;--md-icon-button-container-height:24px;--md-icon-button-icon-size:18px;--md-icon-button-icon-color:var(--_clear-color);--md-icon-button-state-layer-color:var(--_clear-color)}.md-select__option-icon{font-size:20px;line-height:1;color:var(--md-select-option-icon-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.md-select--disabled){cursor:default}:host(.md-select--disabled) .md-select__field{--md-text-field-cursor:not-allowed}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.md-select__vspacer{display:block;flex:none;pointer-events:none}.md-select__search-wrap{position:relative;display:block}.md-select__search{box-sizing:border-box;width:100%;border:none;outline:none;padding:12px 44px 12px 16px;font:inherit;color:var(--md-sys-color-on-surface, #1d1b20);background:var(--md-sys-color-surface-container, #f3edf7);border-bottom:1px solid var(--md-sys-color-outline-variant, #cac4d0)}.md-select__search::placeholder{color:var(--md-sys-color-on-surface-variant, #49454f)}.md-select__search-spinner{position:absolute;inset-block-start:50%;inset-inline-end:12px;margin-block-start:-12px;--md-loading-indicator-size:24px;--md-loading-indicator-shape-size:18px;pointer-events:none}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;let M=0;const O=200;const j=180;const E=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdChange=i(this,"mdChange",7);this.mdOpen=i(this,"mdOpen",7);this.mdClose=i(this,"mdClose",7);this.mdValidityChange=i(this,"mdValidityChange",5);this.internals=this.attachInternals();this.valueMissingLabel="Please select an item in the list.";this.reserveSupportingSpace=false;this.customValidityMessage="";this.variant="outlined";this.label="";this.placeholder="";this.value="";this.disabled=false;this.required=false;this.error=false;this.errorText="";this.supportingText="";this.density=0;this.clearable=false;this.matchTriggerWidth=true;this.placement="bottom-start";this.options=[];this.virtualize="auto";this.filterable=false;this.filterMode="substring";this.name="";this.searchPlaceholder="Search…";this.filterLabel="";this.noResultsText="No results";this.noOptionsText="No options";this.clearLabel="Clear selection";this.searchingLabel="Searching";this.loadingText="Loading…";this.clearIcon="close";this.dropdownIcon="arrow_drop_down";this.loading=false;this.fullWidth=false;this.open=false;this.optionsData=[];this.triggerId=`md-select-${++M}`;this.vc=new o({queryItem:t=>this.el.shadowRoot?.querySelector(`md-menu-item[data-vindex="${t}"]`)??null,requestRender:()=>e(this)});this.providerSet=false;this.selectedLabel="";this.query="";this.searching=false;this.queryText=null;this.defaultValue="";this.lastValidityKey=null;this._syncGuard=false;this._lastEmit=null;this.toggleOpen=()=>{if(this.disabled)return;this.open=!this.open};this.selectValue=t=>{if(this.value===t){this.open=false;return}this.value=t;this.mdChange.emit(t);this.open=false;this.fieldEl?.focus?.()};this.clearValue=t=>{t.stopPropagation();if(this.disabled||!this.value)return;this.value="";this.mdChange.emit("")};this.vpWired=false;this.handleMenuOpen=()=>{this._syncGuard=true;this.open=true;this._syncGuard=false;if(this._lastEmit!=="open"){this._lastEmit="open";this.mdOpen.emit()}if(this.vc.active){this.wireViewport();if(this.filterable){requestAnimationFrame((()=>{const t=this.el.shadowRoot?.querySelector(".md-select__search");t?.focus();void this.menuEl?.setComboboxElement?.(t)}))}}};this.handleMenuClose=()=>{this._syncGuard=true;this.open=false;this._syncGuard=false;if(this.query)this.query="";if(this._lastEmit!=="close"){this._lastEmit="close";this.mdClose.emit()}void this.menuEl?.setComboboxElement?.(null);this.vc.detachViewport();this.vpWired=false};this.onSearchInput=t=>{const s=t.target.value;this.queryText=null;if(!this.vc.active){this.query=s;return}if(!this.searching){this.searching=true;e(this)}clearTimeout(this.searchDebounce);this.searchDebounce=setTimeout((()=>{this.vc.setQuery(s);this.searching=false;e(this)}),j)}}get optionList(){return b(this.options,"md-select","options")}async show(){if(this.disabled)return;this.open=true}async close(){this.open=false}async focusTrigger(){this.fieldEl?.focus?.()}async reset(){if(!this.value)return;this.value="";this.mdChange.emit("")}async loadOptions(t){if(this.virtualize==="never"||!l()){this.vc.reset();this.optionsData=h(d(t));return}this.optionsData=[];this.vc.setFixedRowHeight(this.rowHeight);this.vc.setFilterMode(this.filterMode);const s=await this.vc.load(t);if(!s){this.vc.reset();this.optionsData=h(d(t))}else{this.updateSelectedLabel()}e(this)}async setQuery(t){this.vc.setQuery(t);if(!this.vc.active)this.query=t;this.queryText=t;this.syncSearchField();e(this)}syncSearchField(){if(this.queryText===null)return;const t=this.el.shadowRoot?.querySelector(".md-select__search");if(!t)return;t.value=this.queryText;this.queryText=null}async getLabels(t){return Object.fromEntries(this.vc.getLabels(t))}componentWillLoad(){this.refreshOptions();if(!this.value){const t=this.optionsData.find((t=>t.selected&&!t.disabled));if(t)this.value=t.value}this.defaultValue=this.value;this.syncFormValue()}syncFormValue(){p(this.internals,this.value||null);this.updateSelectedLabel();this.syncValidity()}syncValidity(){u(this.internals,{missing:this.required&&!this.value,missingMessage:this.valueMissingLabel,customMessage:this.customValidityMessage});this.emitValidityChange()}async getValidity(){return f(this.internals)}emitValidityChange(){const t=f(this.internals);const s=`${t.valid}|${t.validationMessage}`;if(this.lastValidityKey===s)return;const i=this.lastValidityKey!==null;this.lastValidityKey=s;if(i)this.mdValidityChange.emit(t)}async checkValidity(){return g(this.internals)}async reportValidity(){return y(this.internals)}async setCustomValidity(t){this.customValidityMessage=t;this.syncValidity()}formResetCallback(){this.value=this.defaultValue}refreshOptions(){const t=c(this.el,this.optionList);const s=this.virtualize==="always"||this.virtualize==="auto"&&t.length>O;if(s&&l()&&t.length>0){this.optionsData=[];this.vc.setFixedRowHeight(this.rowHeight);this.vc.setFilterMode(this.filterMode);void this.vc.load(t).then((s=>{if(!s){this.optionsData=t;e(this)}else{this.updateSelectedLabel()}}))}else{this.vc.reset();this.optionsData=t}}updateSelectedLabel(){if(!this.value){this.selectedLabel=""}else if(this.vc.active){this.selectedLabel=this.vc.getLabels([this.value]).get(this.value)??this.selectedLabel}e(this)}onOptionChange(t){t.stopPropagation();this.refreshOptions()}syncMenu(t){if(this._syncGuard||!this.menuEl)return;if(t){this.menuEl.show?.({autoFocus:!(this.filterable&&this.vc.active)})}else{this.menuEl.close?.()}}handleKeyDown(t){if(this.disabled)return;if(!this.open&&(t.key==="ArrowDown"||t.key==="Enter"||t.key===" ")){t.preventDefault();this.open=true}else if(this.open&&t.key==="Escape"){t.preventDefault();this.open=false;this.fieldEl?.focus?.()}}wireViewport(){void(async()=>{const t=await(this.menuEl?.getScrollViewport?.())??null;if(!t||this.vpWired)return;this.vpWired=true;await this.vc.attachViewport((async()=>t))})()}componentDidRender(){this.syncSearchField();if(!this.menuEl)return;if(this.vc.active&&!this.providerSet){void this.menuEl.setVirtualProvider?.(this.vc.provider);this.providerSet=true}else if(!this.vc.active&&this.providerSet){void this.menuEl.setVirtualProvider?.(null);this.providerSet=false}if(this.open&&this.vc.active&&!this.vpWired)this.wireViewport()}disconnectedCallback(){clearTimeout(this.searchDebounce);this.vc.detachViewport()}get accessibleName(){if(this.label)return this.label;const t=this.el.getAttribute("aria-label");if(t&&t.trim())return t.trim();const s=this.el.getAttribute("aria-labelledby");if(s){const t=this.el.getRootNode();const i=s.trim().split(/\s+/).map((s=>t.getElementById?.(s)?.textContent?.trim()??"")).filter(Boolean).join(" ");if(i)return i}return""}renderTrigger(){const t=this.vc.active?this.selectedLabel:m(this.optionsData,this.value);const s=!!this.value&&!!t;const i=this.clearable&&s&&!this.disabled;const e=this.label?undefined:this.accessibleName||undefined;return a("md-text-field",{ref:t=>this.fieldEl=t,id:this.triggerId,class:"md-select__field",part:"field",exportparts:"container:field-container",variant:this.variant,label:this.label,"aria-label":e,placeholder:s?"":this.placeholder,value:t,readOnly:true,disabled:this.disabled,required:this.required,error:this.error,errorText:this.errorText,reserveSupportingSpace:this.reserveSupportingSpace,supportingText:this.supportingText,density:this.density,appearFocused:this.open,onClick:this.toggleOpen},a("span",{slot:"trailing-icon",class:"md-select__trailing",part:"trailing","aria-hidden":"true"},this.loading?a("span",{class:"md-select__loader",part:"loading-spinner"},a("slot",{name:"loader"},a("md-loading-indicator",{label:this.loadingText}))):[i&&a("md-icon-button",{class:"md-select__clear",part:"clear",size:"xs",icon:this.clearIcon,"aria-label":this.clearLabel,shapeMorph:false,groupTabindex:-1,onClick:this.clearValue}),a("span",{class:"md-select__caret material-symbols-outlined",part:"caret"},a("slot",{name:"dropdown-icon"},this.dropdownIcon))]))}renderVirtualOptions(){return a("div",{class:"md-select__listbox",role:"listbox",id:`${this.triggerId}-listbox`,"aria-label":this.accessibleName||"Options"},a("div",{class:"md-select__vspacer",style:{height:`${this.vc.topPad}px`},"aria-hidden":"true"}),this.vc.windowRows.map(((t,s)=>{const i=this.vc.windowStart+s;const e=t.value===this.value;return a("md-menu-item",{key:t.index,id:`${this.triggerId}-opt-${i}`,"data-vindex":i,presentation:"option",type:"radio","check-position":"start","keep-open":true,part:e?"option option-selected":"option",disabled:t.disabled,selected:e,headline:t.label,"supporting-text":t.supportingText||"","aria-setsize":this.vc.filteredLength,"aria-posinset":i+1,onMdClick:()=>this.selectValue(t.value)},t.icon?a("span",{slot:"leading-icon",part:"option-icon",class:"material-symbols-outlined md-select__option-icon","aria-hidden":"true"},t.icon):null,t.label)})),a("div",{class:"md-select__vspacer",style:{height:`${this.vc.bottomPad}px`},"aria-hidden":"true"}))}renderMenu(){const t=this.vc.active;const s=this.filterable&&!t?this.query.trim().toLowerCase():"";const i=s?this.optionsData.filter((t=>t.label.toLowerCase().includes(s)||(t.supportingText||"").toLowerCase().includes(s))):this.optionsData;const e=this.loading?"":t?this.vc.filteredLength===0?this.noResultsText:"":this.optionsData.length===0?this.noOptionsText:s&&i.length===0?this.noResultsText:"";const n=t?this.maxHeight??320:this.maxHeight;return a("md-menu",{ref:t=>this.menuEl=t,anchor:this.triggerId,placement:this.placement,"match-anchor-width":this.matchTriggerWidth||this.fullWidth,"max-height":n,"empty-text":e,listbox:true,"list-label":this.accessibleName||"Options",part:"menu",onMdOpen:this.handleMenuOpen,onMdClose:this.handleMenuClose},this.filterable&&!this.loading&&a("div",{slot:"header",class:"md-select__search-wrap",part:"search-wrap"},a("input",{class:"md-select__search",part:"search",type:"text",role:"combobox","aria-haspopup":"listbox","aria-expanded":String(this.open),"aria-controls":`${this.triggerId}-listbox`,"aria-autocomplete":"list",autocomplete:"off",placeholder:this.searchPlaceholder,"aria-label":this.filterLabel||(this.label?`Filter ${this.label}`:"Filter options"),onInput:this.onSearchInput,onClick:t=>t.stopPropagation()}),this.searching&&a("md-loading-indicator",{class:"md-select__search-spinner",part:"search-spinner",label:this.searchingLabel,"aria-hidden":"true"})),this.loading?a("div",{class:"md-select__loading",part:"loading-bar",role:"status","aria-label":this.loadingText},a("md-progress-indicator",{variant:"linear",indeterminate:true,wave:true,part:"loading-progress",label:this.loadingText})):t?this.renderVirtualOptions():a("div",{class:"md-select__listbox",role:"listbox",id:`${this.triggerId}-listbox`,"aria-label":this.accessibleName||"Options"},i.map((t=>a("md-menu-item",{key:t.value,id:`${this.triggerId}-opt-${t.value}`,presentation:"option",type:"radio","check-position":"start","keep-open":true,part:t.value===this.value?"option option-selected":"option",disabled:t.disabled,selected:t.value===this.value,headline:t.label,"supporting-text":t.supportingText||"",onMdClick:()=>this.selectValue(t.value)},t.icon?a("span",{slot:"leading-icon",part:"option-icon",class:"material-symbols-outlined md-select__option-icon",style:t.iconColor?{color:t.iconColor}:undefined,"aria-hidden":"true"},t.icon):null)))))}render(){return a(n,{key:"9673c714adf54a5c44d38754a7539d75a530e750",class:{"md-select":true,[`md-select--${this.variant}`]:true,"md-select--open":this.open,"md-select--disabled":this.disabled,"md-select--loading":this.loading},"aria-haspopup":"listbox","aria-busy":this.loading?"true":undefined},this.renderTrigger(),this.renderMenu(),a("div",{key:"4d83d5a2e165c72dfeddb87ad9679ecaaf964d44",class:"md-select__options",hidden:true},a("slot",{key:"0dbc2ee39737fc9fa38af8c0c2da4ca154807777",onSlotchange:()=>this.refreshOptions()})))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:[{syncFormValue:0}],required:[{syncValidity:0}],valueMissingLabel:[{syncValidity:0}],options:[{refreshOptions:0}],open:[{syncMenu:0}]}}static get style(){return V()}},[321,"md-select",{valueMissingLabel:[1,"value-missing-label"],reserveSupportingSpace:[4,"reserve-supporting-space"],variant:[513],label:[1],placeholder:[1],value:[1537],disabled:[516],required:[516],error:[516],errorText:[1,"error-text"],supportingText:[1,"supporting-text"],density:[514],clearable:[516],matchTriggerWidth:[516,"match-trigger-width"],placement:[1],maxHeight:[8,"max-height"],options:[1],virtualize:[1],filterable:[4],filterMode:[1,"filter-mode"],rowHeight:[2,"row-height"],name:[513],searchPlaceholder:[1,"search-placeholder"],filterLabel:[1,"filter-label"],noResultsText:[1,"no-results-text"],noOptionsText:[1,"no-options-text"],clearLabel:[1,"clear-label"],searchingLabel:[1,"searching-label"],loadingText:[1,"loading-text"],clearIcon:[1,"clear-icon"],dropdownIcon:[1,"dropdown-icon"],loading:[516],fullWidth:[516,"full-width"],open:[1540],optionsData:[32],triggerId:[32],query:[32],show:[64],close:[64],focusTrigger:[64],reset:[64],loadOptions:[64],setQuery:[64],getLabels:[64],getValidity:[64],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},[[0,"mdSelectOptionChange","onOptionChange"],[0,"keydown","handleKeyDown"]],{value:[{syncFormValue:0}],required:[{syncValidity:0}],valueMissingLabel:[{syncValidity:0}],options:[{refreshOptions:0}],open:[{syncMenu:0}]}]);function T(){if(typeof customElements==="undefined"){return}const t=["md-select","md-icon-button","md-loading-indicator","md-menu","md-menu-item","md-progress-indicator","md-ripple","md-text-field"];t.forEach((t=>{switch(t){case"md-select":if(!customElements.get(r(t))){customElements.define(r(t),E)}break;case"md-icon-button":if(!customElements.get(r(t))){_()}break;case"md-loading-indicator":if(!customElements.get(r(t))){x()}break;case"md-menu":if(!customElements.get(r(t))){v()}break;case"md-menu-item":if(!customElements.get(r(t))){w()}break;case"md-progress-indicator":if(!customElements.get(r(t))){k()}break;case"md-ripple":if(!customElements.get(r(t))){z()}break;case"md-text-field":if(!customElements.get(r(t))){C()}break}}))}T();export{E as M,T as d};
-//# sourceMappingURL=p-UdGDg2oJ.js.map
+import{p as t,H as s,c as i,f as e,h as a,d as n,t as r}from"./p-bSpXNc5J.js";import{L as o}from"./p-6WgHjhDg.js";import{V as l,i as h,n as c,r as d,c as p,l as m}from"./p-Bz-JaJcA.js";import{s as u,a as f,g,c as y,r as b}from"./p-DWxN44zD.js";import{p as _}from"./p-CxhZdOPw.js";import{d as x}from"./p-R_guULjT.js";import{d as v}from"./p-Bkt_X-6v.js";import{d as w}from"./p-CVMM-tdC.js";import{d as k}from"./p-DfcpeJAu.js";import{d as z}from"./p-C3vB0Hd9.js";import{d as C}from"./p-CF7mq5T7.js";const V=()=>`:host{--md-text-field-padding-inline-end:var(--md-sys-spacing-inset-lg, 16px);display:inline-block;inline-size:var(--md-select-width, 100%);min-inline-size:var(--md-select-min-width, 0);box-sizing:border-box;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif)}.md-select__field{inline-size:100%;cursor:pointer;--md-text-field-cursor:pointer}.md-select__field::part(input){cursor:pointer}:host(.md-select--disabled) .md-select__field::part(input){cursor:not-allowed}.md-select__field .md-select__trailing{display:inline-flex;align-items:center;gap:var(--md-select-trailing-gap, 2px);width:auto;height:auto}.md-select__caret{font-size:var(--md-select-caret-size, 24px);line-height:1;color:var(--md-select-caret-color, var(--md-sys-color-on-surface-variant, #49454F));transition:transform var(--md-sys-motion-duration-short4, 200ms)     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-select--open) .md-select__caret{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.md-select__caret{transition:none}}.md-select__loader{display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;--md-loading-indicator-size:var(--md-select-spinner-size, 22px);--md-loading-indicator-shape-size:var(--md-select-spinner-size, 22px)}:host([full-width]){display:block;inline-size:100%}.md-select__loading{display:flex;align-items:center;padding-block:var(--md-sys-spacing-inset-lg, 16px);padding-inline:var(--md-sys-spacing-inset-lg, 16px)}.md-select__loading md-progress-indicator{inline-size:100%}.md-select__field .md-select__clear{--_clear-color:var(--md-select-clear-color,     var(--md-select-caret-color, var(--md-sys-color-on-surface-variant, #49454F)));--md-icon-button-container-width:24px;--md-icon-button-container-height:24px;--md-icon-button-icon-size:18px;--md-icon-button-icon-color:var(--_clear-color);--md-icon-button-state-layer-color:var(--_clear-color)}.md-select__option-icon{font-size:20px;line-height:1;color:var(--md-select-option-icon-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.md-select--disabled){cursor:default}:host(.md-select--disabled) .md-select__field{--md-text-field-cursor:not-allowed}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.md-select__vspacer{display:block;flex:none;pointer-events:none}.md-select__search-wrap{position:relative;display:block}.md-select__search{box-sizing:border-box;width:100%;border:none;outline:none;padding:12px 44px 12px 16px;font:inherit;color:var(--md-sys-color-on-surface, #1d1b20);background:var(--md-sys-color-surface-container, #f3edf7);border-bottom:1px solid var(--md-sys-color-outline-variant, #cac4d0)}.md-select__search::placeholder{color:var(--md-sys-color-on-surface-variant, #49454f)}.md-select__search-spinner{position:absolute;inset-block-start:50%;inset-inline-end:12px;margin-block-start:-12px;--md-loading-indicator-size:24px;--md-loading-indicator-shape-size:18px;pointer-events:none}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;let M=0;const O=200;const T=180;const j=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdChange=i(this,"mdChange",7);this.mdOpen=i(this,"mdOpen",7);this.mdClose=i(this,"mdClose",7);this.mdValidityChange=i(this,"mdValidityChange",5);this.internals=this.attachInternals();this.valueMissingLabel="Please select an item in the list.";this.reserveSupportingSpace=false;this.customValidityMessage="";this.variant="outlined";this.label="";this.placeholder="";this.value="";this.disabled=false;this.required=false;this.error=false;this.errorText="";this.supportingText="";this.density=0;this.clearable=false;this.matchTriggerWidth=true;this.placement="bottom-start";this.options=[];this.virtualize="auto";this.filterable=false;this.filterMode="substring";this.name="";this.searchPlaceholder="Search…";this.filterLabel="";this.noResultsText="No results";this.noOptionsText="No options";this.clearLabel="Clear selection";this.searchingLabel="Searching";this.loadingText="Loading…";this.clearIcon="close";this.dropdownIcon="arrow_drop_down";this.loading=false;this.fullWidth=false;this.open=false;this.optionsData=[];this.triggerId=`md-select-${++M}`;this.vc=new l({queryItem:t=>this.el.shadowRoot?.querySelector(`md-menu-item[data-vindex="${t}"]`)??null,requestRender:()=>e(this)});this.providerSet=false;this.selectedLabel="";this.query="";this.searching=false;this.queryText=null;this.defaultValue="";this.lastValidityKey=null;this._syncGuard=false;this._lastEmit=null;this.toggleOpen=()=>{if(this.disabled)return;this.open=!this.open};this.selectValue=t=>{if(this.value===t){this.open=false;return}this.value=t;this.mdChange.emit(t);this.open=false;this.fieldEl?.focus?.()};this.clearValue=t=>{t.stopPropagation();if(this.disabled||!this.value)return;this.value="";this.mdChange.emit("")};this.vpWired=false;this.handleMenuOpen=()=>{this._syncGuard=true;this.open=true;this._syncGuard=false;if(this._lastEmit!=="open"){this._lastEmit="open";this.mdOpen.emit()}if(this.vc.active){this.wireViewport();if(this.filterable){requestAnimationFrame((()=>{const t=this.el.shadowRoot?.querySelector(".md-select__search");t?.focus();void this.menuEl?.setComboboxElement?.(t)}))}}};this.handleMenuClose=()=>{this._syncGuard=true;this.open=false;this._syncGuard=false;if(this.query)this.query="";if(this._lastEmit!=="close"){this._lastEmit="close";this.mdClose.emit()}void this.menuEl?.setComboboxElement?.(null);this.vc.detachViewport();this.vpWired=false};this.onSearchInput=t=>{const s=t.target.value;this.queryText=null;if(!this.vc.active){this.query=s;return}if(!this.searching){this.searching=true;e(this)}clearTimeout(this.searchDebounce);this.searchDebounce=setTimeout((()=>{this.vc.setQuery(s);this.searching=false;e(this)}),T)}}get optionList(){return _(this.options,"md-select","options")}async show(){if(this.disabled)return;this.open=true}async close(){this.open=false}async focusTrigger(){this.fieldEl?.focus?.()}async reset(){if(!this.value)return;this.value="";this.mdChange.emit("")}async loadOptions(t){if(this.virtualize==="never"||!h()){this.vc.reset();this.optionsData=c(d(t));return}this.optionsData=[];this.vc.setFixedRowHeight(this.rowHeight);this.vc.setFilterMode(this.filterMode);const s=await this.vc.load(t);if(!s){this.vc.reset();this.optionsData=c(d(t))}else{this.updateSelectedLabel()}e(this)}async setQuery(t){this.vc.setQuery(t);if(!this.vc.active)this.query=t;this.queryText=t;this.syncSearchField();e(this)}syncSearchField(){if(this.queryText===null)return;const t=this.el.shadowRoot?.querySelector(".md-select__search");if(!t)return;t.value=this.queryText;this.queryText=null}async getLabels(t){return Object.fromEntries(this.vc.getLabels(t))}componentWillLoad(){this.refreshOptions();if(!this.value){const t=this.optionsData.find((t=>t.selected&&!t.disabled));if(t)this.value=t.value}this.defaultValue=this.value;this.syncFormValue()}syncFormValue(){u(this.internals,this.value||null);this.updateSelectedLabel();this.syncValidity()}syncValidity(){f(this.internals,{missing:this.required&&!this.value,missingMessage:this.valueMissingLabel,customMessage:this.customValidityMessage});this.emitValidityChange()}async getValidity(){return g(this.internals)}emitValidityChange(){const t=g(this.internals);const s=`${t.valid}|${t.validationMessage}`;if(this.lastValidityKey===s)return;const i=this.lastValidityKey!==null;this.lastValidityKey=s;if(i)this.mdValidityChange.emit(t)}async checkValidity(){return y(this.internals)}async reportValidity(){return b(this.internals)}async setCustomValidity(t){this.customValidityMessage=t;this.syncValidity()}formResetCallback(){this.value=this.defaultValue}refreshOptions(){const t=p(this.el,this.optionList);const s=this.virtualize==="always"||this.virtualize==="auto"&&t.length>O;if(s&&h()&&t.length>0){this.optionsData=[];this.vc.setFixedRowHeight(this.rowHeight);this.vc.setFilterMode(this.filterMode);void this.vc.load(t).then((s=>{if(!s){this.optionsData=t;e(this)}else{this.updateSelectedLabel()}}))}else{this.vc.reset();this.optionsData=t}}updateSelectedLabel(){if(!this.value){this.selectedLabel=""}else if(this.vc.active){this.selectedLabel=this.vc.getLabels([this.value]).get(this.value)??this.selectedLabel}e(this)}onOptionChange(t){t.stopPropagation();this.refreshOptions()}syncMenu(t){if(this._syncGuard||!this.menuEl)return;if(t){this.menuEl.show?.({autoFocus:!(this.filterable&&this.vc.active)})}else{this.menuEl.close?.()}}handleKeyDown(t){if(this.disabled)return;if(!this.open&&(t.key==="ArrowDown"||t.key==="Enter"||t.key===" ")){t.preventDefault();this.open=true}else if(this.open&&t.key==="Escape"){t.preventDefault();this.open=false;this.fieldEl?.focus?.()}}wireViewport(){void(async()=>{const t=await(this.menuEl?.getScrollViewport?.())??null;if(!t||this.vpWired)return;this.vpWired=true;await this.vc.attachViewport((async()=>t))})()}componentDidRender(){this.syncSearchField();if(!this.menuEl)return;if(this.vc.active&&!this.providerSet){void this.menuEl.setVirtualProvider?.(this.vc.provider);this.providerSet=true}else if(!this.vc.active&&this.providerSet){void this.menuEl.setVirtualProvider?.(null);this.providerSet=false}if(this.open&&this.vc.active&&!this.vpWired)this.wireViewport()}disconnectedCallback(){clearTimeout(this.searchDebounce);this.vc.detachViewport()}get accessibleName(){if(this.label)return this.label;const t=this.el.getAttribute("aria-label");if(t&&t.trim())return t.trim();const s=this.el.getAttribute("aria-labelledby");if(s){const t=this.el.getRootNode();const i=s.trim().split(/\s+/).map((s=>t.getElementById?.(s)?.textContent?.trim()??"")).filter(Boolean).join(" ");if(i)return i}return""}renderTrigger(){const t=this.vc.active?this.selectedLabel:m(this.optionsData,this.value);const s=!!this.value&&!!t;const i=this.clearable&&s&&!this.disabled;const e=this.label?undefined:this.accessibleName||undefined;return a("md-text-field",{ref:t=>this.fieldEl=t,id:this.triggerId,class:"md-select__field",part:"field",exportparts:"container:field-container",variant:this.variant,label:this.label,"aria-label":e,placeholder:s?"":this.placeholder,value:t,readOnly:true,disabled:this.disabled,required:this.required,error:this.error,errorText:this.errorText,reserveSupportingSpace:this.reserveSupportingSpace,supportingText:this.supportingText,density:this.density,appearFocused:this.open,onClick:this.toggleOpen},a("span",{slot:"trailing-icon",class:"md-select__trailing",part:"trailing","aria-hidden":"true"},this.loading?a("span",{class:"md-select__loader",part:"loading-spinner"},a("slot",{name:"loader"},a(o,{label:this.loadingText}))):[i&&a("md-icon-button",{class:"md-select__clear",part:"clear",size:"xs",icon:this.clearIcon,"aria-label":this.clearLabel,shapeMorph:false,groupTabindex:-1,onClick:this.clearValue}),a("span",{class:"md-select__caret material-symbols-outlined",part:"caret"},a("slot",{name:"dropdown-icon"},this.dropdownIcon))]))}renderVirtualOptions(){return a("div",{class:"md-select__listbox",role:"listbox",id:`${this.triggerId}-listbox`,"aria-label":this.accessibleName||"Options"},a("div",{class:"md-select__vspacer",style:{height:`${this.vc.topPad}px`},"aria-hidden":"true"}),this.vc.windowRows.map(((t,s)=>{const i=this.vc.windowStart+s;const e=t.value===this.value;return a("md-menu-item",{key:t.index,id:`${this.triggerId}-opt-${i}`,"data-vindex":i,presentation:"option",type:"radio","check-position":"start","keep-open":true,part:e?"option option-selected":"option",disabled:t.disabled,selected:e,headline:t.label,"supporting-text":t.supportingText||"","aria-setsize":this.vc.filteredLength,"aria-posinset":i+1,onMdClick:()=>this.selectValue(t.value)},t.icon?a("span",{slot:"leading-icon",part:"option-icon",class:"material-symbols-outlined md-select__option-icon","aria-hidden":"true"},t.icon):null,t.label)})),a("div",{class:"md-select__vspacer",style:{height:`${this.vc.bottomPad}px`},"aria-hidden":"true"}))}renderMenu(){const t=this.vc.active;const s=this.filterable&&!t?this.query.trim().toLowerCase():"";const i=s?this.optionsData.filter((t=>t.label.toLowerCase().includes(s)||(t.supportingText||"").toLowerCase().includes(s))):this.optionsData;const e=this.loading?"":t?this.vc.filteredLength===0?this.noResultsText:"":this.optionsData.length===0?this.noOptionsText:s&&i.length===0?this.noResultsText:"";const n=t?this.maxHeight??320:this.maxHeight;return a("md-menu",{ref:t=>this.menuEl=t,anchor:this.triggerId,placement:this.placement,"match-anchor-width":this.matchTriggerWidth||this.fullWidth,"max-height":n,"empty-text":e,listbox:true,"list-label":this.accessibleName||"Options",part:"menu",onMdOpen:this.handleMenuOpen,onMdClose:this.handleMenuClose},this.filterable&&!this.loading&&a("div",{slot:"header",class:"md-select__search-wrap",part:"search-wrap"},a("input",{class:"md-select__search",part:"search",type:"text",role:"combobox","aria-haspopup":"listbox","aria-expanded":String(this.open),"aria-controls":`${this.triggerId}-listbox`,"aria-autocomplete":"list",autocomplete:"off",placeholder:this.searchPlaceholder,"aria-label":this.filterLabel||(this.label?`Filter ${this.label}`:"Filter options"),onInput:this.onSearchInput,onClick:t=>t.stopPropagation()}),this.searching&&a(o,{class:"md-select__search-spinner",part:"search-spinner",label:this.searchingLabel,"aria-hidden":"true"})),this.loading?a("div",{class:"md-select__loading",part:"loading-bar",role:"status","aria-label":this.loadingText},a("md-progress-indicator",{variant:"linear",indeterminate:true,wave:true,part:"loading-progress",label:this.loadingText})):t?this.renderVirtualOptions():a("div",{class:"md-select__listbox",role:"listbox",id:`${this.triggerId}-listbox`,"aria-label":this.accessibleName||"Options"},i.map((t=>a("md-menu-item",{key:t.value,id:`${this.triggerId}-opt-${t.value}`,presentation:"option",type:"radio","check-position":"start","keep-open":true,part:t.value===this.value?"option option-selected":"option",disabled:t.disabled,selected:t.value===this.value,headline:t.label,"supporting-text":t.supportingText||"",onMdClick:()=>this.selectValue(t.value)},t.icon?a("span",{slot:"leading-icon",part:"option-icon",class:"material-symbols-outlined md-select__option-icon",style:t.iconColor?{color:t.iconColor}:undefined,"aria-hidden":"true"},t.icon):null)))))}render(){return a(n,{key:"80b4ba73a6076b553c86ecc8e1bfa2a32ca9eb1a",class:{"md-select":true,[`md-select--${this.variant}`]:true,"md-select--open":this.open,"md-select--disabled":this.disabled,"md-select--loading":this.loading},"aria-haspopup":"listbox","aria-busy":this.loading?"true":undefined},this.renderTrigger(),this.renderMenu(),a("div",{key:"3cb7f01eb33bd8025d26c0dffe52748a394d4091",class:"md-select__options",hidden:true},a("slot",{key:"2cc921cc04dc87830ca2ee4456eccd6dee79315a",onSlotchange:()=>this.refreshOptions()})))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:[{syncFormValue:0}],required:[{syncValidity:0}],valueMissingLabel:[{syncValidity:0}],options:[{refreshOptions:0}],open:[{syncMenu:0}]}}static get style(){return V()}},[321,"md-select",{valueMissingLabel:[1,"value-missing-label"],reserveSupportingSpace:[4,"reserve-supporting-space"],variant:[513],label:[1],placeholder:[1],value:[1537],disabled:[516],required:[516],error:[516],errorText:[1,"error-text"],supportingText:[1,"supporting-text"],density:[514],clearable:[516],matchTriggerWidth:[516,"match-trigger-width"],placement:[1],maxHeight:[8,"max-height"],options:[1],virtualize:[1],filterable:[4],filterMode:[1,"filter-mode"],rowHeight:[2,"row-height"],name:[513],searchPlaceholder:[1,"search-placeholder"],filterLabel:[1,"filter-label"],noResultsText:[1,"no-results-text"],noOptionsText:[1,"no-options-text"],clearLabel:[1,"clear-label"],searchingLabel:[1,"searching-label"],loadingText:[1,"loading-text"],clearIcon:[1,"clear-icon"],dropdownIcon:[1,"dropdown-icon"],loading:[516],fullWidth:[516,"full-width"],open:[1540],optionsData:[32],triggerId:[32],query:[32],show:[64],close:[64],focusTrigger:[64],reset:[64],loadOptions:[64],setQuery:[64],getLabels:[64],getValidity:[64],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},[[0,"mdSelectOptionChange","onOptionChange"],[0,"keydown","handleKeyDown"]],{value:[{syncFormValue:0}],required:[{syncValidity:0}],valueMissingLabel:[{syncValidity:0}],options:[{refreshOptions:0}],open:[{syncMenu:0}]}]);function $(){if(typeof customElements==="undefined"){return}const t=["md-select","md-icon-button","md-menu","md-menu-item","md-progress-indicator","md-ripple","md-text-field"];t.forEach((t=>{switch(t){case"md-select":if(!customElements.get(r(t))){customElements.define(r(t),j)}break;case"md-icon-button":if(!customElements.get(r(t))){x()}break;case"md-menu":if(!customElements.get(r(t))){v()}break;case"md-menu-item":if(!customElements.get(r(t))){w()}break;case"md-progress-indicator":if(!customElements.get(r(t))){k()}break;case"md-ripple":if(!customElements.get(r(t))){z()}break;case"md-text-field":if(!customElements.get(r(t))){C()}break}}))}$();export{j as M,$ as d};
+//# sourceMappingURL=p-If0JHsYV.js.map

package/dist/components-csr/p-If0JHsYV.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mdSelectCss","selectIdCounter","VIRTUALIZE_THRESHOLD","SEARCH_DEBOUNCE_MS","MdSelect","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","valueMissingLabel","reserveSupportingSpace","customValidityMessage","variant","label","placeholder","value","disabled","required","error","errorText","supportingText","density","clearable","matchTriggerWidth","placement","options","virtualize","filterable","filterMode","name","searchPlaceholder","filterLabel","noResultsText","noOptionsText","clearLabel","searchingLabel","loadingText","clearIcon","dropdownIcon","loading","fullWidth","open","optionsData","triggerId","vc","VirtualSelectController","queryItem","i","el","shadowRoot","querySelector","requestRender","forceUpdate","providerSet","selectedLabel","query","searching","queryText","defaultValue","lastValidityKey","_syncGuard","_lastEmit","toggleOpen","selectValue","val","mdChange","emit","fieldEl","focus","clearValue","e","stopPropagation","vpWired","handleMenuOpen","mdOpen","active","wireViewport","requestAnimationFrame","input","menuEl","setComboboxElement","handleMenuClose","mdClose","detachViewport","onSearchInput","q","target","clearTimeout","searchDebounce","setTimeout","setQuery","optionList","parseJsonArrayProp","show","close","focusTrigger","reset","loadOptions","source","isWasmSupported","normalizeInits","rowsToArray","setFixedRowHeight","rowHeight","setFilterMode","ok","load","updateSelectedLabel","syncSearchField","getLabels","values","Object","fromEntries","componentWillLoad","refreshOptions","preselected","find","o","selected","syncFormValue","setFormValue","internals","syncValidity","setValidityState","missing","missingMessage","customMessage","emitValidityChange","getValidity","getValidityOf","v","key","valid","validationMessage","primed","mdValidityChange","checkValidity","checkValidityOf","reportValidity","reportValidityOf","setCustomValidity","message","formResetCallback","data","collectOptions","shouldVirtualize","length","then","get","onOptionChange","syncMenu","autoFocus","handleKeyDown","preventDefault","vp","getScrollViewport","attachViewport","async","componentDidRender","setVirtualProvider","provider","disconnectedCallback","accessibleName","ariaLabel","getAttribute","trim","labelledby","root","getRootNode","text","split","map","id","getElementById","textContent","filter","Boolean","join","renderTrigger","display","labelFor","hasValue","showClear","fieldAriaLabel","undefined","h","ref","class","part","exportparts","readOnly","appearFocused","onClick","slot","LazyLoadingIndicator","size","icon","shapeMorph","groupTabindex","renderVirtualOptions","role","style","height","topPad","windowRows","row","filteredIndex","windowStart","index","presentation","type","headline","filteredLength","onMdClick","bottomPad","renderMenu","virtual","toLowerCase","listOptions","includes","emptyText","menuMaxHeight","maxHeight","anchor","listbox","onMdOpen","onMdClose","String","autocomplete","onInput","indeterminate","wave","opt","iconColor","color","render","Host","hidden","onSlotchange"],"sources":["src/components/md-select/md-select.css?tag=md-select&encapsulation=shadow","src/components/md-select/md-select.tsx"],"sourcesContent":["/* ==========================================================\n   md-select — single-select dropdown\n\n   The heavy lifting (field surface, label float, error state, menu\n   motion + positioning + keyboard) is delegated to md-text-field and\n   md-menu. This stylesheet only owns the host layout and the trailing\n   caret / clear affordances rendered into the field's trailing slot.\n\n   PUBLIC CSS CUSTOM PROPERTIES (select-owned):\n     --md-select-width            Host inline size            (default 100%)\n     --md-select-min-width        Host minimum inline size    (default 0)\n     --md-select-caret-color      Dropdown caret colour\n     --md-select-caret-size       Dropdown caret glyph size   (default 24px)\n     --md-select-clear-color      Clear (✕) icon colour       (default: caret colour)\n     --md-select-trailing-gap     Gap between clear + caret   (default 2px)\n     --md-select-option-icon-color  Leading icon colour in option rows\n\n   The composed field + menu expose their own --md-text-field-* / --md-menu-*\n   / --md-menu-item-* tokens, which flow straight through when set on the host.\n\n   PUBLIC PARTS:\n     field, field-container, trailing, clear, caret, menu,\n     option, option-selected, option-icon\n   ========================================================== */\n\n:host {\n  /* The text inset already includes the caret's 7px optical bearing (see\n     md-text-field --_text-inset). Pull the TRAILING side back to the plain\n     box inset so the caret's BOX sits 7px shallower and its INK lands on the\n     same column as the text. */\n  --md-text-field-padding-inline-end: var(--md-sys-spacing-inset-lg, 16px);\n  display: inline-block;\n  inline-size: var(--md-select-width, 100%);\n  min-inline-size: var(--md-select-min-width, 0);\n  box-sizing: border-box;\n  font-family: var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);\n}\n\n.md-select__field {\n  inline-size: 100%;\n  cursor: pointer;\n  --md-text-field-cursor: pointer;\n}\n\n/* Override the browser's default text cursor on the readonly input —\n   the whole field behaves as a button, not an editable field. */\n.md-select__field::part(input) {\n  cursor: pointer;\n}\n\n:host(.md-select--disabled) .md-select__field::part(input) {\n  cursor: not-allowed;\n}\n\n/* ── Trailing cluster (clear + caret) ───────────────────── */\n\n/* The trailing slot holds a *cluster* (clear + caret), but md-text-field\n   sizes any single slotted trailing icon to a fixed 24px box via\n   `.md-text-field__icon ::slotted(*)` — which would squash the cluster and\n   push the caret off the edge. Scoping under `.md-select__field` raises this\n   rule's specificity above that ::slotted rule so the cluster sizes to its\n   content across the shadow boundary. */\n.md-select__field .md-select__trailing {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--md-select-trailing-gap, 2px);\n  width: auto;\n  height: auto;\n}\n\n\n.md-select__caret {\n  font-size: var(--md-select-caret-size, 24px);\n  line-height: 1;\n  color: var(--md-select-caret-color, var(--md-sys-color-on-surface-variant, #49454F));\n  transition: transform var(--md-sys-motion-duration-short4, 200ms)\n    var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));\n}\n\n/* Flip the caret when open — works for any custom dropdown-icon, not just the\n   default arrow (which then reads as \"up\"). */\n:host(.md-select--open) .md-select__caret {\n  transform: rotate(180deg);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .md-select__caret {\n    transition: none;\n  }\n}\n\n/* Busy state: the spinner replaces the caret/clear cluster in the trigger. The\n   default md-loading-indicator is 48px — shrink it to the trailing footprint. */\n.md-select__loader {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 24px;\n  block-size: 24px;\n  --md-loading-indicator-size: var(--md-select-spinner-size, 22px);\n  --md-loading-indicator-shape-size: var(--md-select-spinner-size, 22px);\n}\n\n/* Full-width: fill the parent's inline size as a block (overrides the default\n   inline-block sizing). The dropdown follows via match-trigger-width. */\n:host([full-width]) {\n  display: block;\n  inline-size: 100%;\n}\n\n/* Busy state inside the menu: the wavy linear progress bar fills the surface\n   width with comfortable padding (replaces the old \"Loading…\" text). */\n.md-select__loading {\n  display: flex;\n  align-items: center;\n  padding-block: var(--md-sys-spacing-inset-lg, 16px);\n  padding-inline: var(--md-sys-spacing-inset-lg, 16px);\n}\n\n.md-select__loading md-progress-indicator {\n  inline-size: 100%;\n}\n\n/* Clear affordance is an md-icon-button (ripple + state layer for free).\n   Compact it to the prior 24px footprint; defaults to the caret colour so it\n   sits inline with the caret, but is independently overridable. */\n.md-select__field .md-select__clear {\n  --_clear-color: var(--md-select-clear-color,\n    var(--md-select-caret-color, var(--md-sys-color-on-surface-variant, #49454F)));\n  --md-icon-button-container-width: 24px;\n  --md-icon-button-container-height: 24px;\n  --md-icon-button-icon-size: 18px;\n  --md-icon-button-icon-color: var(--_clear-color);\n  --md-icon-button-state-layer-color: var(--_clear-color);\n}\n\n/* ── Option leading icon (in the menu rows) ─────────────── */\n\n.md-select__option-icon {\n  font-size: 20px;\n  line-height: 1;\n  color: var(--md-select-option-icon-color, var(--md-sys-color-on-surface-variant, #49454F));\n}\n\n/* ── Disabled ───────────────────────────────────────────── */\n\n:host(.md-select--disabled) {\n  cursor: default;\n}\n\n:host(.md-select--disabled) .md-select__field {\n  --md-text-field-cursor: not-allowed;\n}\n\n/* Material Symbols inside the shadow root. */\n.material-symbols-outlined {\n  font-family: var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');\n  font-weight: normal;\n  font-style: normal;\n  line-height: 1;\n  letter-spacing: normal;\n  text-transform: none;\n  display: inline-block;\n  white-space: nowrap;\n  overflow-wrap: normal;\n  direction: ltr;\n  font-feature-settings: 'liga';\n  -webkit-font-smoothing: antialiased;\n}\n\n/* ── Virtualized list ──────────────────────────────────── */\n\n/* Spacers reserve the full scroll height above/below the rendered window so\n   the menu scrolls as if every option were present. */\n.md-select__vspacer {\n  display: block;\n  flex: none;\n  pointer-events: none;\n}\n\n/* Search field pinned in the menu header (filterable virtualized lists). */\n.md-select__search-wrap {\n  position: relative;\n  display: block;\n}\n\n.md-select__search {\n  box-sizing: border-box;\n  width: 100%;\n  border: none;\n  outline: none;\n  /* Right padding reserves room for the search spinner. */\n  padding: 12px 44px 12px 16px;\n  font: inherit;\n  color: var(--md-sys-color-on-surface, #1d1b20);\n  background: var(--md-sys-color-surface-container, #f3edf7);\n  border-bottom: 1px solid var(--md-sys-color-outline-variant, #cac4d0);\n}\n\n.md-select__search::placeholder {\n  color: var(--md-sys-color-on-surface-variant, #49454f);\n}\n\n/* M3 shape-morph loading indicator shown while a debounced search is in flight.\n   Motion + reduced-motion handling live inside md-loading-indicator. */\n.md-select__search-spinner {\n  position: absolute;\n  inset-block-start: 50%;\n  inset-inline-end: 12px;\n  margin-block-start: -12px;\n  --md-loading-indicator-size: 24px;\n  --md-loading-indicator-shape-size: 18px;\n  pointer-events: none;\n}\n\n/* ==========================================================\n   DENSITY (local override)\n   This component FORWARDS `density` to the md-text-field it embeds, which\n   handles the field box — but that forward says nothing about this host, so its\n   OWN chrome (dropdown surface, chips, frame gaps) stayed at density-0 whenever\n   density came from the local prop rather than a global ancestor. Mapping the\n   prop onto the shared signal here fixes that asymmetry; the spacing-token half\n   of the rung arrives from the [density=\"-N\"] selector in tokens.css.\n   ========================================================== */\n:host([density='-1']) { --md-sys-density-scale: -1; }\n:host([density='-2']) { --md-sys-density-scale: -2; }\n:host([density='-3']) { --md-sys-density-scale: -3; }\n:host([density='-4']) { --md-sys-density-scale: -4; }\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, State, Watch, forceUpdate, h } from '@stencil/core';\nimport { LazyLoadingIndicator } from '../../utils/lazy-loading-indicator';\nimport {\n  collectOptions,\n  labelFor,\n  normalizeInits,\n  OptionRowSource,\n  rowsToArray,\n  SelectOptionData,\n  SelectOptionInit,\n} from '../../utils/select-options';\nimport {\n  setFormValue,\n  setValidityState,\n  checkValidityOf,\n  reportValidityOf,\n  getValidityOf,\n} from '../../utils/form';\nimport { VirtualSelectController } from '../../utils/virtual-select-controller';\nimport { isWasmSupported, FilterMode } from '../../utils/wasm-option-store';\nimport { VirtualMenuProvider } from '../../utils/types';\nimport { parseJsonArrayProp } from '../../utils/json-prop';\n\nlet selectIdCounter = 0;\n\n/** Above this many options, `virtualize=\"auto\"` switches to the WASM path. */\nconst VIRTUALIZE_THRESHOLD = 200;\n\n/** Idle time after a keystroke before the search query runs (debounce). */\nconst SEARCH_DEBOUNCE_MS = 180;\n\ntype VirtualMenuEl = HTMLElement & {\n  show?: (opts?: { autoFocus?: boolean }) => Promise<void>;\n  close?: () => Promise<void>;\n  setVirtualProvider?: (p: VirtualMenuProvider | null) => Promise<void>;\n  setComboboxElement?: (el: HTMLElement | null) => Promise<void>;\n  getScrollViewport?: () => Promise<HTMLElement | null>;\n};\n\n/**\n * `md-select` — Material Design 3 single-select dropdown.\n *\n * Composes the library's own primitives instead of re-implementing them:\n *   - `md-text-field` is the trigger surface, so the picker inherits the\n *     full filled/outlined visuals, density scale, floating label, error\n *     state, supporting text, and focus ring of every other input. It is\n *     `readonly` (not editable) and `appear-focused` while the menu is open\n *     so the field + menu read as one connected control.\n *   - `md-menu` is the option surface, so the picker inherits open/close\n *     motion, viewport-aware positioning, single-open coordination, roving\n *     tabindex, type-ahead, and Escape/Home/End — for free.\n *\n * Options are authored either declaratively as slotted `<md-select-option>`\n * children (primary API) or via the programmatic `options` array. Each\n * becomes a `type=\"radio\"` `md-menu-item` so only one is ever selected.\n *\n * @slot - `md-select-option` children for the dropdown (primary authoring API).\n * @slot dropdown-icon - Replaces the caret glyph (e.g. a custom SVG). Rotates 180° when open.\n * @slot loader - Replaces the busy-state spinner shown in the trigger while `loading`.\n *\n * @part field - The inner `md-text-field` trigger surface.\n * @part field-container - The text-field's container box (border/fill).\n * @part trailing - The trailing cluster wrapping the clear + caret.\n * @part clear - The clear (✕) `md-icon-button`.\n * @part caret - The dropdown caret glyph.\n * @part loading-spinner - The busy-state spinner in the trigger (`loading`).\n * @part loading-bar - The busy-state container in the menu (`loading`).\n * @part loading-progress - The wavy progress indicator shown in the menu while `loading`.\n * @part menu - The `md-menu` option surface.\n * @part option - Each option row (`md-menu-item`).\n * @part option-selected - The currently selected option row.\n * @part option-icon - An option's leading icon.\n * @part search - The filter input (`filterable`).\n * @part search-spinner - The in-menu spinner shown while filtering.\n */\n@Component({\n  tag: 'md-select',\n  styleUrl: 'md-select.css',\n  shadow: true,\n  formAssociated: true,\n})\nexport class MdSelect {\n  @Element() el!: HTMLElement;\n\n\n  /**\n   * Localized constraint-validation message shown when `required` is unmet.\n   *\n   * A prop rather than a hardcoded string, matching md-time-picker's\n   * `value-missing-label`: components stay i18n-engine-agnostic and the\n   * consumer localizes through its own dictionary. Native inputs get their\n   * message from the browser's locale for free; a form-associated custom\n   * element supplies its own, so leaving this hardcoded would ship an\n   * English-only form to every locale.\n   */\n  @Prop({ attribute: 'value-missing-label' }) valueMissingLabel: string =\n    'Please select an item in the list.';\n\n\n  /**\n   * Always occupy the supporting-text line, even when there is no message, so a\n   * validation error does not push the content below it down. Forwarded to the\n   * embedded md-text-field. See that component for why it is opt-in.\n   */\n  @Prop({ attribute: 'reserve-supporting-space' }) reserveSupportingSpace: boolean = false;\n\n  /** Message set via setCustomValidity(); non-empty wins over valueMissing. */\n  private customValidityMessage = '';\n\n  /**\n   * Form-association handle. The select submits its `value` under the host's\n   * `name` via `setFormValue`, so it participates in `<form>`/`FormData`\n   * natively — a hidden `<input>` in the shadow root would be invisible to\n   * `FormData`.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /** Visual variant — forwarded to the inner `md-text-field`. */\n  @Prop({ reflect: true }) variant: 'filled' | 'outlined' = 'outlined';\n\n  /** Floating label / accessible name. */\n  @Prop() label: string = '';\n\n  /** Placeholder shown when no value is selected. */\n  @Prop() placeholder: string = '';\n\n  /** Selected option value. Empty string = nothing selected. */\n  @Prop({ mutable: true, reflect: true }) value: string = '';\n\n  /** Disabled — non-interactive. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Required (form validation parity). */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Error state — forwarded to the inner field. */\n  @Prop({ reflect: true }) error: boolean = false;\n\n  /** Error text rendered in place of supporting text when `error` is set. */\n  @Prop({ attribute: 'error-text' }) errorText: string = '';\n\n  /** Supporting / helper text rendered below the field. */\n  @Prop({ attribute: 'supporting-text' }) supportingText: string = '';\n\n  /** Density forwarded to the inner field (0 = comfortable … -3 = compact). */\n  @Prop({ reflect: true }) density: 0 | -1 | -2 | -3 | -4 = 0;\n\n  /** Show a clear (✕) button in the trigger when a value is selected. */\n  @Prop({ reflect: true }) clearable: boolean = false;\n\n  /**\n   * Match the dropdown width to the trigger width. When `false` the menu\n   * sizes to its content (down to its own min-width). Maps to `md-menu`'s\n   * `match-anchor-width`. Default `true` — the expected select behaviour.\n   */\n  @Prop({ attribute: 'match-trigger-width', reflect: true })\n  matchTriggerWidth: boolean = true;\n\n  /** Menu placement relative to the trigger — forwarded to `md-menu`. */\n  @Prop() placement: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end' =\n    'bottom-start';\n\n  /**\n   * Cap the dropdown height. When the options exceed it the list scrolls\n   * vertically with top/bottom edge shadows. A number is pixels; any CSS\n   * length is passed through (e.g. `'50vh'`). Forwarded to `md-menu`'s\n   * `max-height`.\n   */\n  @Prop({ attribute: 'max-height' }) maxHeight?: number | string;\n\n  /** Programmatic options. Ignored when `<md-select-option>` children exist. */\n  /**\n   * Programmatic options. Slotted `md-select-option` children take precedence.\n   *\n   * Accepts the array (property) or a **JSON string** (attribute), so a\n   * plain-HTML page can declare its data inline instead of reaching for a\n   * script. Malformed JSON degrades to an empty list with a console warning.\n   */\n  @Prop() options: SelectOptionInit[] | string = [];\n\n  /** `options` as an array, whether it arrived as one or as a JSON attribute. */\n  private get optionList(): SelectOptionInit[] {\n    return parseJsonArrayProp<SelectOptionInit>(this.options, 'md-select', 'options');\n  }\n\n  /**\n   * Virtualization mode for large option lists (backed by a WASM data engine):\n   *   - `'auto'` (default): virtualize only above `VIRTUALIZE_THRESHOLD` rows.\n   *   - `'always'`: always virtualize the `options` / `loadOptions` dataset.\n   *   - `'never'`: keep the classic DOM rendering regardless of size.\n   * Virtualized rows render label + selection only (no per-row icon /\n   * supporting text) and assume a uniform row height.\n   */\n  @Prop() virtualize: 'auto' | 'always' | 'never' = 'auto';\n\n  /**\n   * Show a search field in the menu header.\n   *\n   * A plain list filters client-side on label / supporting text; a virtualized\n   * one filters inside the WASM engine. Closing the menu clears the query.\n   */\n  @Prop() filterable: boolean = false;\n\n  /** Filter strategy used by `filterable` / `setQuery`. */\n  @Prop({ attribute: 'filter-mode' }) filterMode: FilterMode = 'substring';\n\n  /** Fixed virtualized row height (px). Auto-measured from the first row if unset. */\n  @Prop({ attribute: 'row-height' }) rowHeight?: number;\n\n  /** Form field name. The selected value is submitted under this name. */\n  @Prop({ reflect: true }) name: string = '';\n\n  // ── Localizable UI strings ───────────────────────────────\n  // Defaults are English; override per the page locale (see the date picker for\n  // the same convention). Option labels themselves come from `options` data.\n\n  /** Placeholder for the in-menu filter field (`filterable`). */\n  @Prop({ attribute: 'search-placeholder' }) searchPlaceholder: string = 'Search…';\n  /** Accessible name for the filter field. Falls back to `Filter <label>`. */\n  @Prop({ attribute: 'filter-label' }) filterLabel: string = '';\n  /** Empty-state text when a filter matches nothing. */\n  @Prop({ attribute: 'no-results-text' }) noResultsText: string = 'No results';\n  /** Empty-state text when there are no options at all. */\n  @Prop({ attribute: 'no-options-text' }) noOptionsText: string = 'No options';\n  /** Accessible label for the clear button (`clearable`). */\n  @Prop({ attribute: 'clear-label' }) clearLabel: string = 'Clear selection';\n  /** Accessible label for the in-menu loading spinner while filtering. */\n  @Prop({ attribute: 'searching-label' }) searchingLabel: string = 'Searching';\n  /** Text shown in the trigger / menu while `loading` is true. */\n  @Prop({ attribute: 'loading-text' }) loadingText: string = 'Loading…';\n\n  // ── Icon customization (Material Symbols names; or use the slots below) ──\n\n  /** Icon (Material Symbols name) for the clear button (`clearable`). */\n  @Prop({ attribute: 'clear-icon' }) clearIcon: string = 'close';\n  /** Caret icon; rotates 180° when open. Slot `dropdown-icon` overrides it. */\n  @Prop({ attribute: 'dropdown-icon' }) dropdownIcon: string = 'arrow_drop_down';\n\n  /**\n   * Show a busy state: the trigger shows a spinner instead of the caret and the\n   * host is `aria-busy`. Use while an async dataset loads (e.g. before/around a\n   * large `loadOptions`). Replace the spinner with the `loader` slot.\n   */\n  @Prop({ reflect: true }) loading: boolean = false;\n\n  /**\n   * Stretch the control to fill its parent's inline width (otherwise it sizes to\n   * a sensible default). The dropdown follows when `match-trigger-width` is set.\n   */\n  @Prop({ attribute: 'full-width', reflect: true }) fullWidth: boolean = false;\n\n  /** Open state of the dropdown. Reflected so `:host([open])` rules apply. */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /** Emits the newly selected value whenever the selection changes. */\n  @Event() mdChange!: EventEmitter<string>;\n\n  /** Emits when the dropdown opens. */\n  @Event() mdOpen!: EventEmitter<void>;\n\n  /** Emits when the dropdown closes. */\n  @Event() mdClose!: EventEmitter<void>;\n\n  @State() private optionsData: SelectOptionData[] = [];\n\n  @State() private triggerId = `md-select-${++selectIdCounter}`;\n\n  private fieldEl?: HTMLElement & { focus?: () => void };\n  private menuEl?: VirtualMenuEl;\n\n  /** Shared virtualization engine (WASM store + window math + provider glue). */\n  private vc = new VirtualSelectController({\n    queryItem: (i) =>\n      (this.el.shadowRoot?.querySelector(\n        `md-menu-item[data-vindex=\"${i}\"]`,\n      ) as HTMLElement | null) ?? null,\n    requestRender: () => forceUpdate(this),\n  });\n  private providerSet = false;\n  /** Trigger label for the selected value while virtualized (off-window safe). */\n  private selectedLabel = '';\n  private searchDebounce?: ReturnType<typeof setTimeout>;\n  /** Client-side filter query for `filterable` on a NON-virtualized list. The\n   *  virtualized path filters inside the WASM engine via `vc.setQuery`. */\n  @State() private query = '';\n\n  /** True between a keystroke and the debounced query resolving (drives the spinner). */\n  private searching = false;\n\n  // ── Public API ───────────────────────────────────────────\n\n  /** Open the dropdown programmatically. */\n  @Method()\n  async show() {\n    if (this.disabled) return;\n    this.open = true;\n  }\n\n  /** Close the dropdown programmatically. */\n  @Method()\n  async close() {\n    this.open = false;\n  }\n\n  /** Move focus to the trigger field. */\n  @Method()\n  async focusTrigger() {\n    this.fieldEl?.focus?.();\n  }\n\n  /** Clear the selection. */\n  @Method()\n  async reset() {\n    if (!this.value) return;\n    this.value = '';\n    this.mdChange.emit('');\n  }\n\n  /**\n   * Load a large dataset into the WASM-backed virtualized list (the high-scale\n   * entry point). Accepts a materialised `SelectOptionInit[]` or a row factory\n   * (`{ count, getRow }`) — the factory streams rows into WASM one at a time, so\n   * tens of millions of options never exist as JS objects at once. Falls back to\n   * plain DOM rendering when `virtualize=\"never\"` or WebAssembly is unavailable.\n   */\n  @Method()\n  async loadOptions(source: SelectOptionInit[] | OptionRowSource) {\n    if (this.virtualize === 'never' || !isWasmSupported()) {\n      this.vc.reset();\n      this.optionsData = normalizeInits(rowsToArray(source));\n      return;\n    }\n    this.optionsData = [];\n    this.vc.setFixedRowHeight(this.rowHeight);\n    this.vc.setFilterMode(this.filterMode);\n    const ok = await this.vc.load(source);\n    if (!ok) {\n      // The store declines an empty set (and a WASM failure). Without dropping\n      // whatever it still holds, `loadOptions([])` after a populated load left\n      // the PREVIOUS rows active and rendering — so a consumer could not clear\n      // the list by handing over an empty one.\n      this.vc.reset();\n      this.optionsData = normalizeInits(rowsToArray(source));\n    } else {\n      this.updateSelectedLabel();\n    }\n    forceUpdate(this);\n  }\n\n  /**\n   * Filter the menu exactly as typing into the in-menu search field would.\n   *\n   * The field is uncontrolled, so the text is mirrored into it as well —\n   * otherwise the list narrows while the box still reads empty, which looks\n   * like the call did nothing. The menu may be closed (no field rendered yet),\n   * so the text is stashed and applied on the next render.\n   */\n  @Method()\n  async setQuery(query: string) {\n    this.vc.setQuery(query);\n    if (!this.vc.active) this.query = query;\n    this.queryText = query;\n    this.syncSearchField();\n    forceUpdate(this);\n  }\n\n  /** Text pushed by `setQuery()`, pending mirroring into the search field. */\n  private queryText: string | null = null;\n\n  private syncSearchField() {\n    if (this.queryText === null) return;\n    const input = this.el.shadowRoot?.querySelector(\n      '.md-select__search',\n    ) as HTMLInputElement | null;\n    if (!input) return;\n    input.value = this.queryText;\n    this.queryText = null;\n  }\n\n  /** Resolve labels for values that may be outside the current filter/window. */\n  @Method()\n  async getLabels(values: string[]): Promise<Record<string, string>> {\n    return Object.fromEntries(this.vc.getLabels(values));\n  }\n\n  // ── Lifecycle / reactivity ───────────────────────────────\n\n  /** Initial value, restored on form reset. */\n  private defaultValue = '';\n\n  componentWillLoad() {\n    this.refreshOptions();\n    // Adopt an option-declared `selected` hint when no value was provided.\n    if (!this.value) {\n      const preselected = this.optionsData.find((o) => o.selected && !o.disabled);\n      if (preselected) this.value = preselected.value;\n    }\n    this.defaultValue = this.value;\n    this.syncFormValue();\n  }\n\n  /** Keep the submitted form value in sync with the selection. */\n  @Watch('value')\n  syncFormValue() {\n    setFormValue(this.internals, this.value || null);\n    this.updateSelectedLabel();\n    this.syncValidity();\n  }\n\n  /**\n   * Publish `required` to the owning form. Without this the select is\n   * form-associated (its value reaches FormData) yet ALWAYS reports valid, so an\n   * empty required control lets the form submit — `required` renders as a visual\n   * hint and nothing more. Kept in the same place as the value sync so the two\n   * can never drift.\n   */\n  @Watch('required')\n  @Watch('valueMissingLabel')\n  private syncValidity() {\n    setValidityState(this.internals, {\n      missing: this.required && !this.value,\n      missingMessage: this.valueMissingLabel,\n      customMessage: this.customValidityMessage,\n    });\n      this.emitValidityChange();\n  }\n\n  /** Current validity: boolean, message and flags. Mirrors md-text-field. */\n  @Method()\n  async getValidity(): Promise<{\n    valid: boolean;\n    validationMessage: string;\n    flags: Record<string, boolean>;\n  }> {\n    return getValidityOf(this.internals);\n  }\n\n  /**\n   * Fires when this control's validity CHANGES — never on every keystroke, and\n   * never for a re-publish that lands on the same state.\n   *\n   * `composed: false` is deliberate. Composites like md-select embed an\n   * md-text-field, and a composed event escapes that inner shadow root, so a\n   * listener on md-select would receive the inner field's event as well as the\n   * host's — two events, different payloads, for one logical control. Keeping\n   * it uncomposed means each component reports only for itself, while\n   * `bubbles: true` still lets a <form> or app root hear every control.\n   */\n  @Event({ bubbles: true, composed: false }) mdValidityChange: EventEmitter<{\n    valid: boolean;\n    validationMessage: string;\n    flags: Record<string, boolean>;\n  }>;\n\n  /** Last emitted validity, so a re-publish that changes nothing stays silent. */\n  private lastValidityKey: string | null = null;\n\n  /**\n   * Emit mdValidityChange if validity actually moved.\n   *\n   * The FIRST call only primes the baseline. Initial state is not a change, and\n   * emitting on mount would fire once per control on every page load — noise a\n   * consumer would have to filter out, and misleading for anything logging\n   * \"field became invalid\".\n   */\n  private emitValidityChange() {\n    const v = getValidityOf(this.internals);\n    const key = `${v.valid}|${v.validationMessage}`;\n    if (this.lastValidityKey === key) return;\n    const primed = this.lastValidityKey !== null;\n    this.lastValidityKey = key;\n    if (primed) this.mdValidityChange.emit(v);\n  }\n\n  /** Constraint-validation API, matching md-text-field and the native contract. */\n  @Method()\n  async checkValidity(): Promise<boolean> {\n    return checkValidityOf(this.internals);\n  }\n\n  /** Like checkValidity(), but also shows the browser's validation message. */\n  @Method()\n  async reportValidity(): Promise<boolean> {\n    return reportValidityOf(this.internals);\n  }\n\n  /** App/server-side validation: a non-empty message marks the control invalid\n   *  for its form until cleared with an empty string. */\n  @Method()\n  async setCustomValidity(message: string) {\n    this.customValidityMessage = message;\n    this.syncValidity();\n  }\n\n  /** Restore the initial selection when the owning form is reset. */\n  formResetCallback() {\n    this.value = this.defaultValue;\n  }\n\n  @Watch('options')\n  refreshOptions() {\n    const data = collectOptions(this.el, this.optionList);\n    const shouldVirtualize =\n      this.virtualize === 'always' ||\n      (this.virtualize === 'auto' && data.length > VIRTUALIZE_THRESHOLD);\n\n    if (shouldVirtualize && isWasmSupported() && data.length > 0) {\n      this.optionsData = [];\n      this.vc.setFixedRowHeight(this.rowHeight);\n      this.vc.setFilterMode(this.filterMode);\n      void this.vc.load(data).then((ok) => {\n        if (!ok) {\n          this.optionsData = data;\n          forceUpdate(this);\n        } else {\n          this.updateSelectedLabel();\n        }\n      });\n    } else {\n      this.vc.reset();\n      this.optionsData = data;\n    }\n  }\n\n  /** Refresh the cached trigger label for the current value (virtual mode). */\n  private updateSelectedLabel() {\n    if (!this.value) {\n      this.selectedLabel = '';\n    } else if (this.vc.active) {\n      this.selectedLabel = this.vc.getLabels([this.value]).get(this.value) ?? this.selectedLabel;\n    }\n    forceUpdate(this);\n  }\n\n  /** Slotted `<md-select-option>` mount/unmount/data change → re-read. */\n  @Listen('mdSelectOptionChange')\n  onOptionChange(e: Event) {\n    e.stopPropagation();\n    this.refreshOptions();\n  }\n\n  // Prevents @Watch re-entrancy when handleMenuClose syncs this.open back.\n  private _syncGuard = false;\n  // Deduplicates mdOpen/mdClose: only emit when the state actually flips.\n  private _lastEmit: 'open' | 'close' | null = null;\n\n  @Watch('open')\n  syncMenu(open: boolean) {\n    if (this._syncGuard || !this.menuEl) return;\n    if (open) {\n      // A filterable virtual menu focuses its search field, not the first row.\n      this.menuEl.show?.({ autoFocus: !(this.filterable && this.vc.active) });\n    } else {\n      this.menuEl.close?.();\n    }\n  }\n\n  // ── Keyboard (trigger) ───────────────────────────────────\n\n  @Listen('keydown')\n  handleKeyDown(e: KeyboardEvent) {\n    if (this.disabled) return;\n    if (!this.open && (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ')) {\n      e.preventDefault();\n      this.open = true;\n    } else if (this.open && e.key === 'Escape') {\n      e.preventDefault();\n      this.open = false;\n      this.fieldEl?.focus?.();\n    }\n  }\n\n  // ── Handlers ─────────────────────────────────────────────\n\n  private toggleOpen = () => {\n    if (this.disabled) return;\n    this.open = !this.open;\n  };\n\n  private selectValue = (val: string) => {\n    if (this.value === val) {\n      this.open = false;\n      return;\n    }\n    this.value = val;\n    this.mdChange.emit(val);\n    this.open = false;\n    this.fieldEl?.focus?.();\n  };\n\n  private clearValue = (e: MouseEvent) => {\n    e.stopPropagation();\n    if (this.disabled || !this.value) return;\n    this.value = '';\n    this.mdChange.emit('');\n  };\n\n  /** True once the vc is wired to the menu's live scroll viewport. */\n  private vpWired = false;\n\n  /** Wire the vc to the menu scroll viewport; a null resolve (viewport not\n   *  rendered yet — e.g. the menu opened while the dataset was packing and\n   *  showed the uncapped busy bar) just returns, and componentDidRender\n   *  retries until the wiring lands. */\n  private wireViewport() {\n    void (async () => {\n      const vp = (await this.menuEl?.getScrollViewport?.()) ?? null;\n      if (!vp || this.vpWired) return;\n      this.vpWired = true;\n      await this.vc.attachViewport(async () => vp);\n    })();\n  }\n\n  private handleMenuOpen = () => {\n    this._syncGuard = true;\n    this.open = true;\n    this._syncGuard = false;\n    if (this._lastEmit !== 'open') {\n      this._lastEmit = 'open';\n      this.mdOpen.emit();\n    }\n    if (this.vc.active) {\n      this.wireViewport();\n      if (this.filterable) {\n        requestAnimationFrame(() => {\n          const input = this.el.shadowRoot?.querySelector('.md-select__search') as HTMLElement | null;\n          input?.focus();\n          // Register the search input as the combobox so md-menu drives the\n          // listbox via aria-activedescendant on it (focus stays here while the\n          // user arrows through / filters the virtualized options).\n          void this.menuEl?.setComboboxElement?.(input);\n        });\n      }\n    }\n  };\n\n  private handleMenuClose = () => {\n    this._syncGuard = true;\n    this.open = false;\n    this._syncGuard = false;\n    // Reopening shows the full list: the search field is uncontrolled and\n    // unmounts with the menu, so a stale query would filter an empty-looking box.\n    if (this.query) this.query = '';\n    if (this._lastEmit !== 'close') {\n      this._lastEmit = 'close';\n      this.mdClose.emit();\n    }\n    void this.menuEl?.setComboboxElement?.(null);\n    this.vc.detachViewport();\n    this.vpWired = false;\n  };\n\n  private onSearchInput = (e: Event) => {\n    const q = (e.target as HTMLInputElement).value;\n    this.queryText = null; // typing supersedes a pending programmatic query\n    if (!this.vc.active) {\n      // Plain (non-virtual) list: filter the rendered options client-side. It is\n      // cheap, so it runs synchronously per keystroke — no spinner, no debounce.\n      this.query = q;\n      return;\n    }\n    // Show the spinner immediately, debounce the actual (expensive) query, then\n    // clear the spinner once results are in — a smooth, intentional transition.\n    if (!this.searching) {\n      this.searching = true;\n      forceUpdate(this);\n    }\n    clearTimeout(this.searchDebounce);\n    this.searchDebounce = setTimeout(() => {\n      this.vc.setQuery(q);\n      this.searching = false;\n      forceUpdate(this);\n    }, SEARCH_DEBOUNCE_MS);\n  };\n\n  /** Register/clear the virtual provider on the menu once it's rendered, and\n   *  (re)try viewport wiring for menus opened mid-pack. */\n  componentDidRender() {\n    this.syncSearchField();\n    if (!this.menuEl) return;\n    if (this.vc.active && !this.providerSet) {\n      void this.menuEl.setVirtualProvider?.(this.vc.provider);\n      this.providerSet = true;\n    } else if (!this.vc.active && this.providerSet) {\n      void this.menuEl.setVirtualProvider?.(null);\n      this.providerSet = false;\n    }\n    if (this.open && this.vc.active && !this.vpWired) this.wireViewport();\n  }\n\n  disconnectedCallback() {\n    clearTimeout(this.searchDebounce);\n    this.vc.detachViewport();\n  }\n\n  // ── Render ───────────────────────────────────────────────\n\n  /**\n   * Resolved accessible name for the control.\n   *\n   * A consumer names the select one of two ways: the visible `label` prop, or\n   * `aria-label` / `aria-labelledby` on the host — the latter used when there\n   * is no floating label, e.g. `md-table-pagination`'s rows-per-page select,\n   * which has a *separate* visible label element next to it. The host is\n   * role-less (generic), so a name set there is invisible to assistive tech,\n   * and an `aria-labelledby` IDREF can't cross the shadow boundary into the\n   * field's inner input. Resolve the name here (visible `label` wins, then\n   * `aria-label`, then the flattened text of `aria-labelledby` targets) so it\n   * can be forwarded onto the inner input (the real focus/accessible-name\n   * target) and used to name the popup listbox — instead of the input having\n   * no accessible name at all.\n   */\n  private get accessibleName(): string {\n    if (this.label) return this.label;\n    const ariaLabel = this.el.getAttribute('aria-label');\n    if (ariaLabel && ariaLabel.trim()) return ariaLabel.trim();\n    const labelledby = this.el.getAttribute('aria-labelledby');\n    if (labelledby) {\n      const root = this.el.getRootNode() as Document | ShadowRoot;\n      const text = labelledby\n        .trim()\n        .split(/\\s+/)\n        .map((id) => root.getElementById?.(id)?.textContent?.trim() ?? '')\n        .filter(Boolean)\n        .join(' ');\n      if (text) return text;\n    }\n    return '';\n  }\n\n  private renderTrigger() {\n    const display = this.vc.active\n      ? this.selectedLabel\n      : labelFor(this.optionsData, this.value);\n    const hasValue = !!this.value && !!display;\n    const showClear = this.clearable && hasValue && !this.disabled;\n    // When there's no visible `label`, forward the host's accessible name\n    // (aria-label / aria-labelledby) onto the field so md-text-field mirrors it\n    // as the inner input's accessible name. Skipped when `label` is set: the\n    // `label` prop already names the input, and passing aria-label too would\n    // both double-name and leave an aria-label on md-text-field's role-less host.\n    const fieldAriaLabel = this.label ? undefined : this.accessibleName || undefined;\n\n    return (\n      <md-text-field\n        ref={(el) => (this.fieldEl = el as HTMLElement)}\n        id={this.triggerId}\n        class=\"md-select__field\"\n        part=\"field\"\n        exportparts=\"container:field-container\"\n        variant={this.variant}\n        label={this.label}\n        aria-label={fieldAriaLabel}\n        placeholder={hasValue ? '' : this.placeholder}\n        value={display}\n        readOnly={true}\n        disabled={this.disabled}\n        required={this.required}\n        error={this.error}\n        errorText={this.errorText}\n        reserveSupportingSpace={this.reserveSupportingSpace}\n        supportingText={this.supportingText}\n        density={this.density}\n        appearFocused={this.open}\n        onClick={this.toggleOpen}\n      >\n        <span\n          slot=\"trailing-icon\"\n          class=\"md-select__trailing\"\n          part=\"trailing\"\n          aria-hidden=\"true\"\n        >\n          {this.loading ? (\n            // Busy state: a spinner replaces the caret/clear. Consumers can swap\n            // the spinner via the `loader` slot; the default is md-loading-indicator.\n            <span class=\"md-select__loader\" part=\"loading-spinner\">\n              <slot name=\"loader\">\n                <LazyLoadingIndicator label={this.loadingText}></LazyLoadingIndicator>\n              </slot>\n            </span>\n          ) : (\n            [\n              showClear && (\n                <md-icon-button\n                  class=\"md-select__clear\"\n                  part=\"clear\"\n                  size=\"xs\"\n                  icon={this.clearIcon}\n                  aria-label={this.clearLabel}\n                  shapeMorph={false}\n                  // Keep it out of the tab order: the cluster is aria-hidden and\n                  // the select trigger owns focus, matching the prior <button>.\n                  groupTabindex={-1}\n                  // Native click (not mdClick) so stopPropagation prevents the\n                  // field's toggle from also firing and opening the menu.\n                  onClick={this.clearValue}\n                ></md-icon-button>\n              ),\n              <span class=\"md-select__caret material-symbols-outlined\" part=\"caret\">\n                <slot name=\"dropdown-icon\">{this.dropdownIcon}</slot>\n              </span>,\n            ]\n          )}\n        </span>\n      </md-text-field>\n    );\n  }\n\n  private renderVirtualOptions() {\n    // The listbox wrapper lives in md-select's shadow root (slotted into md-menu),\n    // so the combobox input's aria-controls / aria-activedescendant IDREFs\n    // resolve, and the listbox directly owns its role=\"option\" children (the\n    // spacers are aria-hidden). This is the WAI-ARIA combobox/listbox structure.\n    return (\n      <div\n        class=\"md-select__listbox\"\n        role=\"listbox\"\n        id={`${this.triggerId}-listbox`}\n        aria-label={this.accessibleName || 'Options'}\n      >\n        <div\n          class=\"md-select__vspacer\"\n          style={{ height: `${this.vc.topPad}px` }}\n          aria-hidden=\"true\"\n        ></div>\n        {this.vc.windowRows.map((row, i) => {\n        const filteredIndex = this.vc.windowStart + i;\n        const selected = row.value === this.value;\n        return (\n          <md-menu-item\n            key={row.index}\n            // Stable id so md-menu can point aria-activedescendant here. Lives in\n            // md-select's shadow root alongside the combobox input, so the IDREF\n            // resolves. Keyed on the filtered index (its position in the list).\n            id={`${this.triggerId}-opt-${filteredIndex}`}\n            data-vindex={filteredIndex}\n            // Exposes the row as a listbox option (role=\"option\" + aria-selected)\n            // rather than a menuitemradio — the WAI-ARIA select/combobox pattern.\n            presentation=\"option\"\n            type=\"radio\"\n            check-position=\"start\"\n            keep-open\n            part={selected ? 'option option-selected' : 'option'}\n            disabled={row.disabled}\n            selected={selected}\n            headline={row.label}\n            supporting-text={row.supportingText || ''}\n            aria-setsize={this.vc.filteredLength}\n            aria-posinset={filteredIndex + 1}\n            onMdClick={() => this.selectValue(row.value)}\n          >\n            {row.icon ? (\n              <span\n                slot=\"leading-icon\"\n                part=\"option-icon\"\n                // Per-option `iconColor` is not carried on the virtualized (WASM)\n                // path — the byte-packed row store has no colour column — so\n                // virtual rows fall back to --md-select-option-icon-color.\n                class=\"material-symbols-outlined md-select__option-icon\"\n                aria-hidden=\"true\"\n              >\n                {row.icon}\n              </span>\n            ) : null}\n            {row.label}\n          </md-menu-item>\n        );\n        })}\n        <div\n          class=\"md-select__vspacer\"\n          style={{ height: `${this.vc.bottomPad}px` }}\n          aria-hidden=\"true\"\n        ></div>\n      </div>\n    );\n  }\n\n  private renderMenu() {\n    const virtual = this.vc.active;\n    // Non-virtual `filterable`: narrow the rendered options by label / supporting\n    // text (case-insensitive). Virtual filtering runs in the WASM engine instead.\n    const q = this.filterable && !virtual ? this.query.trim().toLowerCase() : '';\n    const listOptions = q\n      ? this.optionsData.filter(\n          (o) =>\n            o.label.toLowerCase().includes(q) ||\n            (o.supportingText || '').toLowerCase().includes(q),\n        )\n      : this.optionsData;\n    // While loading we show a wavy progress bar in the menu (below), not text.\n    const emptyText = this.loading\n      ? ''\n      : virtual\n        ? this.vc.filteredLength === 0\n          ? this.noResultsText\n          : ''\n        : this.optionsData.length === 0\n          ? this.noOptionsText\n          : q && listOptions.length === 0\n            ? this.noResultsText\n            : '';\n    // Virtualization needs a bounded viewport to scroll within.\n    const menuMaxHeight = virtual ? (this.maxHeight ?? 320) : this.maxHeight;\n\n    return (\n      <md-menu\n        ref={(el) => (this.menuEl = el as VirtualMenuEl)}\n        anchor={this.triggerId}\n        placement={this.placement}\n        match-anchor-width={this.matchTriggerWidth || this.fullWidth}\n        max-height={menuMaxHeight}\n        empty-text={emptyText}\n        // Present the popup as a WAI-ARIA listbox (not a menu) for every select,\n        // virtual or not, and name it.\n        listbox\n        list-label={this.accessibleName || 'Options'}\n        part=\"menu\"\n        onMdOpen={this.handleMenuOpen}\n        onMdClose={this.handleMenuClose}\n      >\n        {this.filterable && !this.loading && (\n          <div slot=\"header\" class=\"md-select__search-wrap\" part=\"search-wrap\">\n            <input\n              class=\"md-select__search\"\n              part=\"search\"\n              type=\"text\"\n              // WAI-ARIA combobox: this input owns focus while the listbox is\n              // open; the active option is conveyed via aria-activedescendant\n              // (set by md-menu). aria-controls points at the listbox wrapper,\n              // which md-select renders in this same shadow root so the IDREF\n              // resolves (the menu surface is only role=\"presentation\").\n              role=\"combobox\"\n              aria-haspopup=\"listbox\"\n              aria-expanded={String(this.open)}\n              aria-controls={`${this.triggerId}-listbox`}\n              aria-autocomplete=\"list\"\n              autocomplete=\"off\"\n              placeholder={this.searchPlaceholder}\n              aria-label={this.filterLabel || (this.label ? `Filter ${this.label}` : 'Filter options')}\n              onInput={this.onSearchInput}\n              onClick={(e: MouseEvent) => e.stopPropagation()}\n            />\n            {this.searching && (\n              <LazyLoadingIndicator\n                class=\"md-select__search-spinner\"\n                part=\"search-spinner\"\n                label={this.searchingLabel}\n                aria-hidden=\"true\"\n              ></LazyLoadingIndicator>\n            )}\n          </div>\n        )}\n        {this.loading ? (\n          // Busy state inside the menu: a wavy (M3 Expressive) indeterminate\n          // linear progress bar instead of \"Loading…\" text.\n          <div\n            class=\"md-select__loading\"\n            part=\"loading-bar\"\n            role=\"status\"\n            aria-label={this.loadingText}\n          >\n            <md-progress-indicator\n              variant=\"linear\"\n              indeterminate\n              wave\n              part=\"loading-progress\"\n              label={this.loadingText}\n            ></md-progress-indicator>\n          </div>\n        ) : virtual ? (\n          this.renderVirtualOptions()\n        ) : (\n          // Listbox wrapper in md-select's shadow root so aria-controls (from a\n          // combobox consumer) resolves and the listbox directly owns its\n          // role=\"option\" children — the WAI-ARIA select pattern, matching the\n          // virtual path. Options carry aria-selected (presentation=\"option\")\n          // rather than the menuitemradio/aria-checked of a menu.\n          <div\n            class=\"md-select__listbox\"\n            role=\"listbox\"\n            id={`${this.triggerId}-listbox`}\n            aria-label={this.accessibleName || 'Options'}\n          >\n            {listOptions.map((opt) => (\n              <md-menu-item\n                key={opt.value}\n                id={`${this.triggerId}-opt-${opt.value}`}\n                presentation=\"option\"\n                type=\"radio\"\n                check-position=\"start\"\n                keep-open\n                part={opt.value === this.value ? 'option option-selected' : 'option'}\n                disabled={opt.disabled}\n                selected={opt.value === this.value}\n                headline={opt.label}\n                supporting-text={opt.supportingText || ''}\n                onMdClick={() => this.selectValue(opt.value)}\n              >\n                {opt.icon ? (\n                  <span\n                    slot=\"leading-icon\"\n                    part=\"option-icon\"\n                    class=\"material-symbols-outlined md-select__option-icon\"\n                    style={opt.iconColor ? { color: opt.iconColor } : undefined}\n                    aria-hidden=\"true\"\n                  >\n                    {opt.icon}\n                  </span>\n                ) : null}\n                {/* No light-DOM label copy: md-menu-item renders `headline` in\n                    its shadow and has no default slot — the unslotted text\n                    still entered accname computation, doubling the option's\n                    accessible name (\"10 10\"). */}\n              </md-menu-item>\n            ))}\n          </div>\n        )}\n      </md-menu>\n    );\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'md-select': true,\n          [`md-select--${this.variant}`]: true,\n          'md-select--open': this.open,\n          'md-select--disabled': this.disabled,\n          'md-select--loading': this.loading,\n        }}\n        aria-haspopup=\"listbox\"\n        // No aria-expanded on the host: it has no role, so a screen reader ignores\n        // it there (axe flags it \"aria attribute may be ignored\"). The expanded\n        // state lives where it works — the filterable search (role=combobox) — and\n        // on open, focus moves into the menu (the search, or md-menu's active row).\n        aria-busy={this.loading ? 'true' : undefined}\n      >\n        {this.renderTrigger()}\n        {this.renderMenu()}\n        {/* Keep the declarative options in the light DOM (hidden) so the\n            slotchange/mutation reactivity has something to observe. */}\n        <div class=\"md-select__options\" hidden>\n          <slot onSlotchange={() => this.refreshOptions()} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components-csr/p-RLxbNqRv.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["now","performance","Date","DRAG_SLOP","LineChartEngine","constructor","container","this","ctx","spec","theme","scene","cb","hoverRaf","lastHoverIndex","hoverEnabled","hoverOpts","hasRendered","introRaf","lastW","lastH","lastDpr","emphasisSeries","emphasisT","emphasisTarget","emphasisRaf","focusLines","focus","HoverFocus","downAt","dragged","rtl","sceneLtr","dprWatch","watchDevicePixelRatio","render","dirWatch","watchDirection","isRtl","handlePointerDown","e","x","clientX","y","clientY","handlePointerMove","Math","hypot","rect","canvas","getBoundingClientRect","px","left","py","top","inverted","idx","nearestIndex","xPositions","cancelAnimationFrame","requestAnimationFrame","hoverPoints","length","nearestSeries","renderHover","hoverLayer","yFormatter","fontFamily","setFocus","onHover","handlePointerLeave","clearHover","reset","handleClick","hit","hitTestScene","seriesLines","pe","kind","onPointClick","seriesIndex","dataIndex","onLineClick","onAreaClick","onAxisClick","axisSeriesValues","onLegendToggle","item","series","hidden","onLegendClick","getComputedStyle","position","style","document","createElement","cssText","setAttribute","overlay","legendLayer","glyphLayer","endLabelLayer","append","getContext","addEventListener","getScene","setHoverEnabled","enabled","setTooltip","opts","setSpec","resize","round","width","height","toDataURL","type","dispose","stopIntro","removeEventListener","remove","update","w","h","dpr","min","window","devicePixelRatio","layout","computeLayout","mirrored","syncOverlay","legendEl","querySelector","legend","side","extent","offsetWidth","offsetHeight","abs","legendExtent","variant","duration","resolveIntro","animate","prefersReducedMotion","hasContent","lines","areas","markers","playIntro","paintGeometry","emphasizeScene","clearIntroOpacity","opacity","mirrorScene","drawGeometry","renderGlyphs","glyphs","renderEndLabels","endLabels","paintEmphasis","target","last","step","dt","dir","EMPHASIS_MS","replay","setTransform","drawSceneCanvas","dur","n","Set","map","l","size","setOpacity","a","v","String","first","stepAnimation","alpha","start","frame","tRaw","focusIndex","index","pt","hp","byIndex","find","Boolean","pos","cursor","plot","points","seriesSampleLines","trigger","inArea","areaSeriesAt","cursorMain","cursorValue","candidates","i","distance","distanceToLine","pick"],"sources":["src/utils/charts/engine/chart.ts"],"sourcesContent":["/*\n * Chart engine — LineChartEngine\n * ===========================================================\n * The instance that replaces the ECharts object. Owns a plot\n * <canvas> + a DOM overlay layer inside the host's canvas box,\n * and runs the render pipeline: spec + theme + size →\n * computeLayout → draw geometry + sync the text/legend overlay. Exposes\n * setSpec / resize / dispose and a legend-toggle + hover callback,\n * mirroring the surface md-line-chart needs.\n * ===========================================================\n */\n\nimport { computeLayout, type EngineTheme, type LineChartSpec } from './layout';\nimport { drawSceneCanvas } from './renderer-canvas';\nimport { syncOverlay, renderGlyphs, renderEndLabels } from './overlay';\nimport { clearHover, renderHover, type HoverOptions } from './hover';\nimport { watchDevicePixelRatio, type DprWatcher } from './dpr';\nimport { resolveIntro, stepAnimation, prefersReducedMotion } from './animate';\n\n/** Monotonic ms, for the hover-focus dwell. */\nconst now = (): number => (typeof performance !== 'undefined' ? performance.now() : Date.now());\nimport { distanceToLine, emphasizeScene, HoverFocus, EMPHASIS_MS } from './emphasis';\nimport { axisSeriesValues, hitTestScene, nearestIndex, seriesSampleLines, type AxisSeriesValue, areaSeriesAt } from './hit-test';\nimport { isRtl, mirrorScene, watchDirection, type DirectionWatcher } from './rtl';\nimport type { MdChartAnimation } from '../types';\nimport type { LegendItem, RenderScene } from './scene';\n\nexport interface EngineCallbacks {\n  onLegendClick?: (item: LegendItem) => void;\n  /** Fires with the nearest category index as the pointer moves (or -1 on leave). */\n  onHover?: (dataIndex: number) => void;\n  /** Fires when a data point is clicked (nearest series + index). */\n  onPointClick?: (seriesIndex: number, dataIndex: number, e: PointerEvent) => void;\n  /** Fires when a series' drawn LINE is clicked away from its data points. */\n  onLineClick?: (seriesIndex: number, dataIndex: number, e: PointerEvent) => void;\n  /** Fires when a series' filled AREA is clicked (not its line or its points). */\n  onAreaClick?: (seriesIndex: number, dataIndex: number, e: PointerEvent) => void;\n  /** Fires when the plot background is clicked: the nearest x index plus every\n   *  visible series' value there. */\n  onAxisClick?: (dataIndex: number, values: AxisSeriesValue[], e: PointerEvent) => void;\n}\n\n/**\n * How far (px) the pointer may travel between press and release for the release\n * to still count as a click on the plot. Anything further is a gesture (the\n * drag-to-zoom band, a slider pan), and the background / line / area clicks stay\n * quiet. Matches the same threshold md-line-chart uses to tell a stray drag from\n * a click. A MARK click is exempt — that behaviour predates this and is public.\n */\nconst DRAG_SLOP = 8;\n\nexport class LineChartEngine {\n  private canvas: HTMLCanvasElement;\n  private overlay: HTMLDivElement;\n  /** Legend lives here: same box, but NOT clipped, so a focus ring keeps its\n   *  outer pixels where the legend hugs the plot edge. */\n  private legendLayer: HTMLDivElement;\n  private glyphLayer: HTMLDivElement;\n  private endLabelLayer: HTMLDivElement;\n  private hoverLayer: HTMLDivElement;\n  private ctx: CanvasRenderingContext2D | null = null;\n  private spec: LineChartSpec | null = null;\n  private theme: EngineTheme | null = null;\n  private scene: RenderScene | null = null;\n  private cb: EngineCallbacks = {};\n  private hoverRaf = 0;\n  private lastHoverIndex = -2;\n  private hoverEnabled = true;\n  private hoverOpts: HoverOptions = {};\n  private hasRendered = false;\n  private introRaf = 0;\n  private lastW = 0;\n  private lastH = 0;\n  private lastDpr = 1;\n  // Hover emphasis: the series kept vivid (persists through the fade-out so the\n  // others un-dim gradually) + the animated dim factor (0 none → 1 full).\n  private emphasisSeries = -1;\n  private emphasisT = 0;\n  private emphasisTarget = 0;\n  private emphasisRaf = 0;\n  /** Per-scene cache for {@link seriesLines}. */\n  private focusLines: { scene: RenderScene; points: [number, number][][] } | null = null;\n  /** Picks which series the hover emphasises, and keeps that choice steady. */\n  private focus = new HoverFocus();\n  /** Where the pointer went down, and whether it has since travelled far enough\n   *  to make the coming click the end of a drag rather than a click. */\n  private downAt: { x: number; y: number } | null = null;\n  private dragged = false;\n  /** Host is laid out right-to-left — the finished scene is mirrored. */\n  private rtl = false;\n  /** The scene BEFORE mirroring, for the +x-sweeping intro animations. */\n  private sceneLtr: RenderScene | null = null;\n  private dprWatch: DprWatcher = watchDevicePixelRatio(() => this.render());\n  /** Re-render when the page (or an ancestor) flips direction — but only if\n   *  THIS chart's own computed direction actually changed. */\n  private dirWatch: DirectionWatcher = watchDirection(() => {\n    if (isRtl(this.container) !== this.rtl) this.render();\n  });\n\n  constructor(private container: HTMLElement) {\n    // Host provides a positioned box; layer the canvas + overlay in it.\n    if (getComputedStyle(container).position === 'static') container.style.position = 'relative';\n\n    this.canvas = document.createElement('canvas');\n    this.canvas.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;display:block';\n    this.canvas.setAttribute('part', 'plot-canvas');\n\n    this.overlay = document.createElement('div');\n    this.overlay.style.cssText = 'position:absolute;inset:0;pointer-events:none;overflow:hidden';\n\n    this.legendLayer = document.createElement('div');\n    this.legendLayer.style.cssText = 'position:absolute;inset:0;pointer-events:none;overflow:visible';\n\n    // Emoji / text markers get their own layer so they can rise / reveal / fade\n    // with the data geometry each animation frame (the static overlay above is\n    // only synced once per render).\n    this.glyphLayer = document.createElement('div');\n    this.glyphLayer.style.cssText = 'position:absolute;inset:0;pointer-events:none;overflow:hidden';\n\n    // End-of-line series labels live in their own PERSISTENT layer (not cleared\n    // each frame) so they can fade in/out on collision via a CSS transition.\n    this.endLabelLayer = document.createElement('div');\n    this.endLabelLayer.style.cssText = 'position:absolute;inset:0;pointer-events:none;overflow:hidden';\n\n    // Hover UI (crosshair + tooltip) sits above the static overlay so it\n    // updates on pointermove without re-syncing the labels/legend.\n    this.hoverLayer = document.createElement('div');\n    this.hoverLayer.style.cssText = 'position:absolute;inset:0;pointer-events:none;overflow:hidden';\n\n    container.append(this.canvas, this.overlay, this.legendLayer, this.glyphLayer, this.endLabelLayer, this.hoverLayer);\n\n    this.ctx = this.canvas.getContext('2d');\n\n    this.canvas.addEventListener('pointerdown', this.handlePointerDown);\n    this.canvas.addEventListener('pointermove', this.handlePointerMove);\n    this.canvas.addEventListener('pointerleave', this.handlePointerLeave);\n    this.canvas.addEventListener('click', this.handleClick);\n  }\n\n  /** The current render scene — for diagnostics/tests. */\n  getScene(): RenderScene | null {\n    return this.scene;\n  }\n\n  /** Enable/disable the hover crosshair + tooltip (sparkline `show-tooltip`). */\n  setHoverEnabled(enabled: boolean): void {\n    this.hoverEnabled = enabled;\n    if (!enabled) clearHover(this.hoverLayer);\n  }\n\n  /**\n   * Install the tooltip extras: a developer's content renderer and/or the\n   * formatter consulted for a series with no value at the hovered x. Presentation\n   * only — it deliberately does NOT go through `setSpec`, so swapping the\n   * renderer never re-runs layout.\n   */\n  setTooltip(opts: HoverOptions): void {\n    this.hoverOpts = opts;\n  }\n\n\n\n  setSpec(spec: LineChartSpec, theme: EngineTheme, cb: EngineCallbacks = {}): void {\n    this.spec = spec;\n    this.theme = theme;\n    this.cb = cb;\n    // The series set may have changed — drop any stale hover focus.\n    cancelAnimationFrame(this.emphasisRaf);\n    this.focus.reset();\n    this.emphasisSeries = -1;\n    this.emphasisT = 0;\n    this.emphasisTarget = 0;\n    this.render();\n  }\n\n  resize(): void {\n    // A ResizeObserver fires an initial callback right after observe() with the\n    // same size the first render already used. Re-rendering there would draw the\n    // static final geometry and cancel the just-scheduled intro animation (RO\n    // delivery runs before rAF in the frame), so skip when size is unchanged.\n    const rect = this.container.getBoundingClientRect();\n    if (Math.round(rect.width) === this.lastW && Math.round(rect.height) === this.lastH) return;\n    this.render();\n  }\n\n  /** Current frame as a data URL (for toDataURL export). */\n  toDataURL(type = 'image/png'): string {\n    // Guard for canvases that can't export (mock-doc / SSR): return '' rather\n    // than throwing, so the host's toDataURL() degrades gracefully.\n    return typeof this.canvas.toDataURL === 'function' ? this.canvas.toDataURL(type) : '';\n  }\n\n  dispose(): void {\n    if (this.hoverRaf) cancelAnimationFrame(this.hoverRaf);\n    // stopIntro rather than a bare cancel. Nothing depends on the clear here —\n    // dispose() removes the canvas a few lines down — but routing EVERY cancel\n    // of introRaf through stopIntro is what makes the invariant hold: the\n    // inline opacity is only ever non-empty while the entrance loop is live.\n    // The bug this fixes was one cancel site that forgot the clear.\n    this.stopIntro();\n    cancelAnimationFrame(this.emphasisRaf);\n    this.canvas.removeEventListener('pointerdown', this.handlePointerDown);\n    this.canvas.removeEventListener('pointermove', this.handlePointerMove);\n    this.canvas.removeEventListener('pointerleave', this.handlePointerLeave);\n    this.canvas.removeEventListener('click', this.handleClick);\n    this.dprWatch.dispose();\n    this.dirWatch.dispose();\n    this.canvas.remove();\n    this.overlay.remove();\n    this.glyphLayer.remove();\n    this.endLabelLayer.remove();\n    this.hoverLayer.remove();\n    this.spec = null;\n    this.scene = null;\n    this.sceneLtr = null;\n  }\n\n  private render(): void {\n    if (!this.spec || !this.theme) return;\n    this.dprWatch.update();\n    const rect = this.container.getBoundingClientRect();\n    const w = Math.round(rect.width);\n    const h = Math.round(rect.height);\n    if (w < 2 || h < 2) return; // not laid out yet — ResizeObserver retries\n    this.lastW = w;\n    this.lastH = h;\n\n    // Cap the backing-store scale for perf; 4 keeps lines crisp through ~200%\n    // browser zoom on a 2x display (the dpr watcher re-renders on zoom).\n    const dpr = Math.min(window.devicePixelRatio || 1, 4);\n    this.lastDpr = dpr;\n    this.canvas.width = w * dpr;\n    this.canvas.height = h * dpr;\n\n    // Layout always runs left-to-right; an RTL host gets the finished frame\n    // mirrored (see rtl.ts), so no part of the geometry pipeline needs to know.\n    // The un-mirrored scene is kept because the intro animations sweep along +x\n    // (`draw` reveals by a moving cutX) — they run in that space and each frame\n    // is mirrored on its way to the canvas, so the reveal follows the reading\n    // direction instead of running backwards.\n    this.rtl = isRtl(this.container);\n    const layout = (): RenderScene => {\n      this.sceneLtr = computeLayout(this.spec!, this.theme!, w, h);\n      return this.mirrored(this.sceneLtr);\n    };\n\n    this.scene = layout();\n    // Chrome (axes, gridlines, labels, legend) is static — sync it once; only\n    // the data geometry animates on the first render.\n    syncOverlay(this.overlay, this.scene, this.theme.fontFamily, { onLegendClick: this.onLegendToggle }, this.rtl, this.legendLayer);\n    // Two-pass legend: a wrapped legend's real extent isn't known until it's in\n    // the DOM. Re-reserve the gutter to its measured height/width and re-lay-out\n    // so a many-series legend never spills onto the plot.\n    const legendEl = this.overlay.querySelector('[part=\"legend\"]') as HTMLElement | null;\n    if (legendEl && this.spec.legend && this.spec.legend !== 'none') {\n      const side = this.spec.legend === 'left' || this.spec.legend === 'right';\n      const extent = side ? legendEl.offsetWidth : legendEl.offsetHeight;\n      if (extent > 0 && Math.abs((this.spec.legendExtent ?? -1) - extent) > 2) {\n        this.spec.legendExtent = extent;\n        this.scene = layout();\n        syncOverlay(this.overlay, this.scene, this.theme.fontFamily, { onLegendClick: this.onLegendToggle }, this.rtl, this.legendLayer);\n      }\n    }\n    const { variant, duration } = resolveIntro(this.spec);\n    const animate = !this.hasRendered && variant !== 'none' && !prefersReducedMotion();\n    // An EMPTY scene is not a chart that has been shown: a host that hydrates\n    // before its data lands renders once with no series, and treating that as\n    // the first render spent the entrance on nothing — the real data then\n    // arrived un-animated. The first render with geometry owns the entrance.\n    const hasContent = this.sceneLtr\n      ? this.sceneLtr.lines.length > 0 || this.sceneLtr.areas.length > 0 || this.sceneLtr.markers.length > 0\n      : false;\n    if (animate) {\n      this.hasRendered = hasContent;\n      this.playIntro(dpr, variant, duration);\n      return;\n    }\n    this.hasRendered = this.hasRendered || hasContent;\n    this.stopIntro();\n    // Preserve any active hover emphasis across non-hover re-renders.\n    this.paintGeometry(emphasizeScene(this.scene, this.emphasisSeries, this.emphasisT), dpr);\n  }\n\n  /**\n   * Clear the inline opacity the entrance fades the layers in with.\n   *\n   * The entrance is the ONLY writer of it, and the loop's terminal frame the\n   * only thing that clears it — so any path that ends the entrance early must\n   * undo it here, or the chart is left drawn into a canvas pinned at\n   * `opacity: 0` with nothing left to write style again.\n   */\n  private clearIntroOpacity(): void {\n    this.canvas.style.opacity = '';\n    this.glyphLayer.style.opacity = '';\n  }\n\n  /** End the entrance loop AND undo the fade it applied. Use this instead of a\n   *  bare `cancelAnimationFrame(this.introRaf)` outside the loop itself. */\n  private stopIntro(): void {\n    cancelAnimationFrame(this.introRaf);\n    this.introRaf = 0;\n    this.clearIntroOpacity();\n  }\n\n  /** A scene as it should reach the canvas: mirrored on an RTL host. */\n  private mirrored(scene: RenderScene): RenderScene {\n    return this.rtl ? mirrorScene(scene) : scene;\n  }\n\n  /** Draw the plot geometry (canvas) + the emoji/text markers (their own layer)\n   *  for a scene — both animate together frame to frame. */\n  private paintGeometry(scene: RenderScene, dpr: number): void {\n    this.drawGeometry(scene, dpr);\n    renderGlyphs(this.glyphLayer, scene.glyphs ?? [], this.theme?.fontFamily);\n    renderEndLabels(this.endLabelLayer, scene.endLabels ?? [], this.theme?.fontFamily);\n  }\n\n  /** Redraw the plot geometry at the current emphasis (hover-focus dimming).\n   *  Glyphs are unaffected by emphasis, so only the canvas is repainted. */\n  private paintEmphasis(): void {\n    if (this.scene) this.drawGeometry(emphasizeScene(this.scene, this.emphasisSeries, this.emphasisT), this.lastDpr);\n  }\n\n  /** Focus a series (dim the rest) with a short MD3 fade; -1 fades everything\n   *  back. The emphasised series is kept while fading OUT so the others un-dim\n   *  gradually instead of snapping. */\n  private setFocus(idx: number): void {\n    const target = idx >= 0 ? 1 : 0;\n    const series = idx >= 0 ? idx : this.emphasisSeries; // keep the last series while fading out\n    if (target === this.emphasisTarget && series === this.emphasisSeries) return;\n    this.emphasisSeries = series;\n    this.emphasisTarget = target;\n    if (prefersReducedMotion()) {\n      cancelAnimationFrame(this.emphasisRaf);\n      this.emphasisT = target;\n      if (target === 0) this.emphasisSeries = -1;\n      this.paintEmphasis();\n      return;\n    }\n    cancelAnimationFrame(this.emphasisRaf);\n    let last = 0;\n    const step = (now: number): void => {\n      if (!last) last = now;\n      const dt = now - last;\n      last = now;\n      const dir = this.emphasisTarget > this.emphasisT ? 1 : -1;\n      this.emphasisT += dir * (dt / EMPHASIS_MS);\n      if ((dir > 0 && this.emphasisT >= this.emphasisTarget) || (dir < 0 && this.emphasisT <= this.emphasisTarget)) {\n        this.emphasisT = this.emphasisTarget;\n        if (this.emphasisTarget === 0) this.emphasisSeries = -1; // fully restored → clear\n        this.paintEmphasis();\n        return;\n      }\n      this.paintEmphasis();\n      this.emphasisRaf = requestAnimationFrame(step);\n    };\n    this.emphasisRaf = requestAnimationFrame(step);\n  }\n\n  /** Replay the entry animation from the start (uses the current spec's variant). */\n  replay(): void {\n    this.hasRendered = false;\n    this.render();\n  }\n\n  private drawGeometry(scene: RenderScene, dpr: number): void {\n    if (!this.ctx) return;\n    this.ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n    drawSceneCanvas(this.ctx, scene);\n  }\n\n  private playIntro(dpr: number, variant: MdChartAnimation, duration: number): void {\n    // Animate in LTR space (the reveals sweep along +x) and mirror each frame.\n    const target = this.sceneLtr;\n    if (!target) return;\n    // A staggered reveal draws each series in turn, so the whole timeline scales\n    // with the series count (`duration` is the per-series draw time) — capped so\n    // a many-series chart doesn't crawl.\n    let dur = duration;\n    if (variant === 'stagger') {\n      const n = new Set(target.lines.map((l) => l.seriesIndex ?? 0)).size || 1;\n      dur = Math.min(duration * n, 5200);\n    }\n    this.stopIntro();\n    // Grow + fade share one layer opacity: `alpha` < 1 fades the canvas (and its\n    // glyph overlay) in; an empty string restores the stylesheet default once the\n    // entrance settles. draw/stagger report alpha 1, so their layer stays fully\n    // opaque and only the geometry animates.\n    const setOpacity = (a: number): void => {\n      const v = a < 1 ? String(a) : '';\n      this.canvas.style.opacity = v;\n      this.glyphLayer.style.opacity = v;\n    };\n    // Draw t=0 NOW rather than waiting for the first frame. Setting the\n    // canvas size above cleared it, so deferring the first draw leaves one\n    // frame of blank canvas under a DOM overlay that has already painted its\n    // labels — the chart appears to blink before it starts.\n    const first = stepAnimation(variant, target, 0);\n    setOpacity(first.alpha);\n    this.drawGeometry(first.scene, dpr);\n    let start = 0;\n    const frame = (now: number): void => {\n      if (!start) start = now;\n      const tRaw = (now - start) / dur;\n      if (tRaw >= 1) {\n        setOpacity(1);\n        this.paintGeometry(this.mirrored(target), dpr);\n        return;\n      }\n      const { scene, alpha } = stepAnimation(variant, target, tRaw);\n      setOpacity(alpha);\n      this.paintGeometry(this.mirrored(scene), dpr);\n      this.introRaf = requestAnimationFrame(frame);\n    };\n    this.introRaf = requestAnimationFrame(frame);\n  }\n\n  private handlePointerDown = (e: PointerEvent): void => {\n    this.downAt = { x: e.clientX, y: e.clientY };\n    this.dragged = false;\n  };\n\n  /**\n   * Show the hover UI at a data index without a pointer — the keyboard path.\n   *\n   * A sighted keyboard user has to see the same crosshair and tooltip a mouse\n   * user gets, so this reuses the pointer's own rendering rather than a second\n   * presentation. The cursor is taken from the point itself, which is what the\n   * tooltip positions against. `-1` clears.\n   */\n  focusIndex(index: number): void {\n    if (!this.scene || !this.spec || !this.theme) return;\n    if (index < 0) {\n      clearHover(this.hoverLayer);\n      this.focus.reset();\n      this.setFocus(-1);\n      return;\n    }\n    const inverted = !!this.scene.inverted;\n    // Anchor on the topmost series that actually has a point here.\n    const pt = this.scene.hoverPoints.map((hp) => hp.byIndex[index]).find(Boolean);\n    const pos = this.scene.xPositions[index] ?? 0;\n    const cursor = pt ? { x: pt.x, y: pt.y } : { x: inverted ? this.scene.plot.x : pos, y: inverted ? pos : this.scene.plot.y };\n    renderHover(\n      this.hoverLayer,\n      this.scene,\n      index,\n      this.spec.yFormatter,\n      this.theme.fontFamily,\n      cursor,\n      inverted ? 'horizontal' : 'vertical',\n      -1,\n      { ...this.hoverOpts, rtl: this.rtl },\n    );\n  }\n\n  private handlePointerMove = (e: PointerEvent): void => {\n    // Before the hover guard: a drag has to be recognised even with the hover UI\n    // switched off (sparklines), and while the zoom band is being dragged.\n    if (this.downAt && Math.hypot(e.clientX - this.downAt.x, e.clientY - this.downAt.y) > DRAG_SLOP) {\n      this.dragged = true;\n    }\n    if (!this.scene || !this.hoverEnabled) return;\n    const rect = this.canvas.getBoundingClientRect();\n    const px = e.clientX - rect.left;\n    const py = e.clientY - rect.top;\n    // For an inverted chart the main axis is vertical, so hit-test along y.\n    const inverted = !!this.scene.inverted;\n    const idx = nearestIndex(this.scene.xPositions, inverted ? py : px);\n    if (this.hoverRaf) cancelAnimationFrame(this.hoverRaf);\n    this.hoverRaf = requestAnimationFrame(() => {\n      this.hoverRaf = 0;\n      if (!this.scene || !this.spec || !this.theme) return;\n      // Emphasise the series nearest the cursor and fade the others (only worth\n      // it with more than one series); the hover highlights fade to match.\n      const focus = this.scene.hoverPoints.length > 1 ? this.nearestSeries(px, py) : -1;\n      renderHover(this.hoverLayer, this.scene, idx, this.spec.yFormatter, this.theme.fontFamily, { x: px, y: py }, inverted ? 'horizontal' : 'vertical', focus, { ...this.hoverOpts, rtl: this.rtl });\n      this.setFocus(focus);\n      if (idx !== this.lastHoverIndex) {\n        this.lastHoverIndex = idx;\n        this.cb.onHover?.(idx);\n      }\n    });\n  };\n\n  /**\n   * Each visible series' samples as `[main, value]` pixel pairs ordered along\n   * the main axis, for the hover-focus distance test. Built once per scene and\n   * only when a multi-series chart is actually hovered, so the single-series\n   * and never-hovered cases cost nothing. (Integer-keyed records enumerate in\n   * ascending numeric order, so `byIndex` is already in main-axis order.)\n   */\n  private seriesLines(scene: RenderScene): [number, number][][] {\n    if (this.focusLines?.scene === scene) return this.focusLines.points;\n    const points = seriesSampleLines(scene);\n    this.focusLines = { scene, points };\n    return points;\n  }\n\n  /**\n   * Series whose drawn line is nearest the cursor, or -1.\n   *\n   * Distance is to the LINE, not to the sample at the hovered index: series\n   * measured at different x (irregular data) mostly have no sample there, and\n   * comparing exact samples handed the emphasis to whichever series owned that\n   * slot — so it strobed as the pointer moved. The currently emphasised series\n   * then holds on unless a rival is clearly nearer ({@link pickFocusSeries}),\n   * which is what settles lines running close together.\n   */\n  private nearestSeries(px: number, py: number): number {\n    if (!this.scene) return -1;\n    // Emphasis exists to pick one LINE out of several running close together.\n    // On a FILLED chart it does something else entirely: it recolours large\n    // areas, and with an axis-triggered tooltip — which already lists every\n    // series — singling one band out contradicts the card and washes the figure\n    // out. So a filled chart on axis trigger emphasises nothing; the crosshair\n    // and the card carry the reading. Item trigger is the opposite case: the\n    // card names exactly ONE series, and without the highlight there would be\n    // nothing to say which band it meant, so there the emphasis is essential.\n    if (this.scene.areas.length > 0 && this.hoverOpts.trigger !== 'item') {\n      this.focus.reset();\n      return -1;\n    }\n    // The cursor is inside a band, and that band owns it. Distance-to-line is\n    // the wrong test there: on a thick stacked band the nearest line is usually\n    // the NEIGHBOURING series' edge, so the tooltip named a series the pointer\n    // was never over.\n    const inArea = areaSeriesAt(this.scene, px, py);\n    if (inArea >= 0) {\n      // Containment doesn't strobe the way a distance tie does, so it is\n      // adopted immediately — but the dwell state still has to follow, or the\n      // next move outside the bands inherits a stale focus.\n      this.focus.reset();\n      return inArea;\n    }\n    const inverted = !!this.scene.inverted;\n    const cursorMain = inverted ? py : px;\n    const cursorValue = inverted ? px : py;\n    const lines = this.seriesLines(this.scene);\n    const candidates = this.scene.hoverPoints.map((hp, i) => ({\n      seriesIndex: hp.seriesIndex,\n      distance: distanceToLine(lines[i], cursorMain, cursorValue),\n    }));\n    return this.focus.pick(candidates, now());\n  }\n\n  private handlePointerLeave = (): void => {\n    if (this.hoverRaf) {\n      cancelAnimationFrame(this.hoverRaf);\n      this.hoverRaf = 0;\n    }\n    clearHover(this.hoverLayer);\n    this.focus.reset(); // next hover adopts a series immediately\n    this.setFocus(-1); // restore all series to full emphasis\n    if (this.lastHoverIndex !== -1) {\n      this.lastHoverIndex = -1;\n      this.cb.onHover?.(-1);\n    }\n  };\n\n  /**\n   * Resolve a click to the most specific thing under it — mark, then line, then\n   * area, then the plot background — and fire that one callback only\n   * ({@link hitTestScene} owns the geometry).\n   */\n  private handleClick = (e: MouseEvent): void => {\n    const dragged = this.dragged;\n    this.dragged = false;\n    this.downAt = null;\n    if (!this.scene) return;\n    const rect = this.canvas.getBoundingClientRect();\n    const px = e.clientX - rect.left;\n    const py = e.clientY - rect.top;\n    const hit = hitTestScene(this.scene, px, py, this.seriesLines(this.scene));\n    if (!hit) return;\n    const pe = e as PointerEvent;\n    if (hit.kind === 'mark') {\n      this.cb.onPointClick?.(hit.seriesIndex, hit.dataIndex, pe);\n      return;\n    }\n    // The plot-wide clicks are the ones a stray drag would spam, so they take\n    // the drag guard (a mark click never has — see DRAG_SLOP).\n    if (dragged) return;\n    if (hit.kind === 'line') this.cb.onLineClick?.(hit.seriesIndex, hit.dataIndex, pe);\n    else if (hit.kind === 'area') this.cb.onAreaClick?.(hit.seriesIndex, hit.dataIndex, pe);\n    else this.cb.onAxisClick?.(hit.dataIndex, axisSeriesValues(this.scene, hit.dataIndex), pe);\n  };\n\n  /** Toggle the series' visibility on legend click (ECharts-style built-in\n   *  behaviour) and forward the resulting state to the consumer. */\n  private onLegendToggle = (item: LegendItem): void => {\n    if (this.spec) {\n      this.spec.series[item.seriesIndex].hidden = !this.spec.series[item.seriesIndex].hidden;\n      // Re-play the entry motion so the chart animates into its new\n      // configuration (respects the variant + reduced-motion / 'none').\n      this.hasRendered = false;\n      this.render();\n      this.cb.onLegendClick?.({ ...item, hidden: this.spec.series[item.seriesIndex].hidden });\n    } else {\n      this.cb.onLegendClick?.(item);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/{components/p-6wZSqm_2.js → components-csr/p-R_guULjT.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as n,h as i,d as e,t as s}from"./p-MWBNn6Lj.js";import{t as r}from"./p-DYBUr7K_.js";import{s as a,a as c}from"./p-BdEoSBtL.js";import{d}from"./p-stybaFzj.js";const m=()=>`:host{--_container-color:var(--md-icon-button-container-color, transparent);--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-on-surface-variant, #49454F));--_icon-size:var(--md-icon-button-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_container-width:var(--md-icon-button-container-width, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--md-icon-button-container-height, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_shape-round:20px;--_border-radius:var(--md-icon-button-container-shape, var(--_shape-round));display:inline-flex;align-items:center;justify-content:center;position:relative;width:var(--_container-width);height:var(--_container-height);border-radius:calc(var(--_border-radius) + var(--md-sys-shape-morph-enabled, 1) * (var(--_morph-to, var(--_border-radius)) - var(--_border-radius)));cursor:pointer;user-select:none;border:none;outline:none;overflow:hidden;box-sizing:border-box;background-color:var(--_container-color);color:var(--_icon-color);-webkit-tap-highlight-color:transparent;transition:background-color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1));flex-shrink:0;vertical-align:middle}:host(.md-icon-button--xs){--_container-width:var(--md-icon-button-container-width, max(32px, calc(32px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--md-icon-button-container-height, max(32px, calc(32px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--md-icon-button-icon-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_shape-round:16px}:host(.md-icon-button--sm){--_container-width:var(--md-icon-button-container-width, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--md-icon-button-container-height, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--md-icon-button-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_shape-round:20px}:host(.md-icon-button--md){--_container-width:var(--md-icon-button-container-width, max(32px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--md-icon-button-container-height, max(32px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--md-icon-button-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_shape-round:28px}:host(.md-icon-button--lg){--_container-width:var(--md-icon-button-container-width, max(32px, calc(96px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--md-icon-button-container-height, max(32px, calc(96px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--md-icon-button-icon-size, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_shape-round:48px}:host(.md-icon-button--xl){--_container-width:var(--md-icon-button-container-width, max(32px, calc(136px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--md-icon-button-container-height, max(32px, calc(136px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--md-icon-button-icon-size, max(28px, calc(40px + var(--md-sys-density-scale, 0) * 3px)));--_shape-round:68px}:host(.md-icon-button--width-narrow.md-icon-button--xs){--_container-width:var(--md-icon-button-container-width, max(32px, calc(28px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-narrow.md-icon-button--sm){--_container-width:var(--md-icon-button-container-width, max(32px, calc(32px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-narrow.md-icon-button--md){--_container-width:var(--md-icon-button-container-width, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-narrow.md-icon-button--lg){--_container-width:var(--md-icon-button-container-width, max(32px, calc(64px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-narrow.md-icon-button--xl){--_container-width:var(--md-icon-button-container-width, max(32px, calc(104px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-wide.md-icon-button--xs){--_container-width:var(--md-icon-button-container-width, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-wide.md-icon-button--sm){--_container-width:var(--md-icon-button-container-width, max(32px, calc(52px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-wide.md-icon-button--md){--_container-width:var(--md-icon-button-container-width, max(32px, calc(72px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-wide.md-icon-button--lg){--_container-width:var(--md-icon-button-container-width, max(32px, calc(128px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-wide.md-icon-button--xl){--_container-width:var(--md-icon-button-container-width, max(32px, calc(184px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--round){--_border-radius:var(--md-icon-button-container-shape, var(--_shape-round))}:host(.md-icon-button--square.md-icon-button--xs){--_border-radius:var(--md-icon-button-container-shape, var(--md-sys-shape-corner-medium, 12px))}:host(.md-icon-button--square.md-icon-button--sm){--_border-radius:var(--md-icon-button-container-shape, var(--md-sys-shape-corner-medium, 12px))}:host(.md-icon-button--square.md-icon-button--md){--_border-radius:var(--md-icon-button-container-shape, var(--md-sys-shape-corner-large, 16px))}:host(.md-icon-button--square.md-icon-button--lg){--_border-radius:var(--md-icon-button-container-shape, var(--md-sys-shape-corner-extra-large, 28px))}:host(.md-icon-button--square.md-icon-button--xl){--_border-radius:var(--md-icon-button-container-shape, var(--md-sys-shape-corner-extra-large, 28px))}:host(.md-icon-button--shape-morph.md-icon-button--round.md-icon-button--selected.md-icon-button--xs){--_morph-to:var(--md-sys-shape-corner-medium, 12px)}:host(.md-icon-button--shape-morph.md-icon-button--round.md-icon-button--selected.md-icon-button--sm){--_morph-to:var(--md-sys-shape-corner-medium, 12px)}:host(.md-icon-button--shape-morph.md-icon-button--round.md-icon-button--selected.md-icon-button--md){--_morph-to:var(--md-sys-shape-corner-large, 16px)}:host(.md-icon-button--shape-morph.md-icon-button--round.md-icon-button--selected.md-icon-button--lg){--_morph-to:var(--md-sys-shape-corner-extra-large, 28px)}:host(.md-icon-button--shape-morph.md-icon-button--round.md-icon-button--selected.md-icon-button--xl){--_morph-to:var(--md-sys-shape-corner-extra-large, 28px)}:host(.md-icon-button--shape-morph.md-icon-button--square.md-icon-button--selected){--_morph-to:var(--_shape-round)}:host(.md-icon-button--pressed.md-icon-button--xs){--_morph-to:var(--md-sys-shape-corner-small, 8px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-icon-button--pressed.md-icon-button--sm){--_morph-to:var(--md-sys-shape-corner-small, 8px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-icon-button--pressed.md-icon-button--md){--_morph-to:var(--md-sys-shape-corner-medium, 12px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-icon-button--pressed.md-icon-button--lg){--_morph-to:var(--md-sys-shape-corner-large, 16px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-icon-button--pressed.md-icon-button--xl){--_morph-to:var(--md-sys-shape-corner-large, 16px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-icon-button--width-narrow.md-icon-button--pressed){transition-duration:var(--md-sys-motion-duration-medium1, 250ms)}:host(.md-icon-button--connected-left.md-icon-button--xs),:host(.md-icon-button--connected-right.md-icon-button--xs){--_c-inner:4px}:host(.md-icon-button--connected-left.md-icon-button--sm),:host(.md-icon-button--connected-right.md-icon-button--sm){--_c-inner:8px}:host(.md-icon-button--connected-left.md-icon-button--md),:host(.md-icon-button--connected-right.md-icon-button--md){--_c-inner:8px}:host(.md-icon-button--connected-left.md-icon-button--lg),:host(.md-icon-button--connected-right.md-icon-button--lg){--_c-inner:16px}:host(.md-icon-button--connected-left.md-icon-button--xl),:host(.md-icon-button--connected-right.md-icon-button--xl){--_c-inner:20px}:host(.md-icon-button--connected-left.md-icon-button--connected-right){border-radius:var(--_c-inner)}:host(.md-icon-button--round.md-icon-button--connected-right:not(.md-icon-button--connected-left)){border-start-start-radius:var(--_shape-round);border-end-start-radius:var(--_shape-round);border-start-end-radius:var(--_c-inner);border-end-end-radius:var(--_c-inner)}:host(.md-icon-button--round.md-icon-button--connected-left:not(.md-icon-button--connected-right)){border-start-start-radius:var(--_c-inner);border-end-start-radius:var(--_c-inner);border-start-end-radius:var(--_shape-round);border-end-end-radius:var(--_shape-round)}:host(.md-icon-button--square.md-icon-button--connected-right:not(.md-icon-button--connected-left)),:host(.md-icon-button--square.md-icon-button--connected-left:not(.md-icon-button--connected-right)){border-radius:var(--_c-inner)}:host(.md-icon-button--standard){--_container-color:var(--md-icon-button-container-color, transparent);--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.md-icon-button--standard.md-icon-button--selected:not(.md-icon-button--disabled)){--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-primary, #6750A4));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-primary, #6750A4))}:host(.md-icon-button--filled){--_container-color:var(--md-icon-button-container-color, var(--md-sys-color-primary, #6750A4));--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-on-primary, #FFFFFF));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-on-primary, #FFFFFF))}:host(.md-icon-button--filled.md-icon-button--toggle:not(.md-icon-button--selected):not(.md-icon-button--disabled)){--_container-color:var(--md-icon-button-container-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-primary, #6750A4));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-primary, #6750A4))}:host(.md-icon-button--filled.md-icon-button--selected:not(.md-icon-button--disabled)){--_container-color:var(--md-icon-button-container-color, var(--md-sys-color-primary, #6750A4));--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-on-primary, #FFFFFF));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-on-primary, #FFFFFF))}:host(.md-icon-button--tonal){--_container-color:var(--md-icon-button-container-color, var(--md-sys-color-secondary-container, #E8DEF8));--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-on-secondary-container, #1E192B));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-on-secondary-container, #1E192B))}:host(.md-icon-button--tonal.md-icon-button--toggle:not(.md-icon-button--selected):not(.md-icon-button--disabled)){--_container-color:var(--md-icon-button-container-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.md-icon-button--tonal.md-icon-button--selected:not(.md-icon-button--disabled)){--_container-color:var(--md-icon-button-container-color, var(--md-sys-color-secondary-container, #E8DEF8));--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-on-secondary-container, #1E192B));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-on-secondary-container, #1E192B))}:host(.md-icon-button--outlined){--_container-color:var(--md-icon-button-container-color, transparent);--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-on-surface-variant, #49454F));border:var(--md-icon-button-outline-width, 1px) solid var(--md-icon-button-outline-color, var(--md-sys-color-outline, #79747E))}:host(.md-icon-button--outlined.md-icon-button--selected:not(.md-icon-button--disabled)){--_container-color:var(--md-icon-button-container-color, var(--md-sys-color-inverse-surface, #313033));--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));border-color:transparent}.md-icon-button__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(:hover) .md-icon-button__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:active) .md-icon-button__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus-visible) .md-icon-button__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(:focus-visible){outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px;z-index:1}:host(.md-icon-button--disabled){cursor:default;pointer-events:none}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled]) .md-icon-button__state-layer{display:none}:host(.md-icon-button--standard.md-icon-button--disabled),:host(.md-icon-button--outlined.md-icon-button--disabled){--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-icon-button--outlined.md-icon-button--disabled){border-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.md-icon-button--filled.md-icon-button--disabled),:host(.md-icon-button--tonal.md-icon-button--disabled){--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-icon-button--disabled:hover) .md-icon-button__state-layer,:host(.md-icon-button--disabled:active) .md-icon-button__state-layer,:host(.md-icon-button--disabled:focus-visible) .md-icon-button__state-layer{opacity:0}.md-icon-button__icon{display:none;align-items:center;justify-content:center;position:relative;z-index:1;color:inherit;width:var(--_icon-size);height:var(--_icon-size);font-size:0;line-height:0}.md-icon-button__icon slot{font-size:var(--_icon-size);line-height:1}.md-icon-button__icon--on{display:inline-flex}.md-icon-button__icon-font{font-size:var(--_icon-size);width:var(--_icon-size);height:var(--_icon-size);display:flex;align-items:center;justify-content:center;line-height:1}:host(.md-icon-button--has-badge){overflow:visible}:host(.md-icon-button--has-badge) .md-icon-button__state-layer{overflow:hidden}::slotted(*:not(md-badge):not(md-avatar)){width:var(--_icon-size) !important;height:var(--_icon-size) !important;font-size:var(--_icon-size) !important;color:inherit !important;fill:currentColor !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;font-size:var(--_icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}@media (forced-colors: active){:host{forced-color-adjust:none}:host(.md-icon-button--outlined){border-color:ButtonText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const l=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdClick=n(this,"mdClick",7);this.variant="standard";this.size="sm";this.shape="round";this.buttonWidth="default";this.disabled=false;this.softDisabled=false;this.toggle=false;this.selected=false;this.shapeMorph=true;this.ripple=true;this.icon="";this.selectedIcon="";this.href="";this.target="_self";this.connectedLeft=false;this.connectedRight=false;this.value="";this.groupTabindex=null;this.density=0;this.hasSlottedIcon=false;this.hasSlottedBadge=false;this.hasSlottedSelected=false;this.pressed=false;this.handleClick=t=>{if(this.isDisabled){t.preventDefault();return}const o=a(this.href);if(o){window.open(o,this.target,c)}if(this.toggle)this.selected=!this.selected;this.mdClick.emit({selected:this.selected})};this.handleKeyDown=t=>{if(t.key==="Enter"||t.key===" "){t.preventDefault();if(!this.isDisabled){this.pressed=true;r(this.el);this.el.click();setTimeout((()=>{this.pressed=false}),150)}}};this.handlePointerDown=()=>{if(!this.isDisabled)this.pressed=true};this.handlePointerUp=()=>{this.pressed=false}}get isDisabled(){return this.disabled||this.softDisabled}componentWillLoad(){this.syncSlottedIcons()}componentDidLoad(){const t=this.el.shadowRoot;if(!t)return;const o=t.querySelector("slot:not([name])");const n=t.querySelector('slot[name="selected"]');this.syncSlottedIcons();o?.addEventListener("slotchange",(()=>this.syncSlottedIcons()));n?.addEventListener("slotchange",(()=>this.syncSlottedIcons()))}hasMeaningfulSlotContent(t){if(!t)return false;return t.assignedNodes().some((t=>{if(t.nodeType===Node.ELEMENT_NODE){if(t.tagName.toLowerCase()==="md-badge")return false;return true}if(t.nodeType===Node.TEXT_NODE)return(t.textContent?.trim().length??0)>0;return false}))}syncSlottedIcons(){const t=this.el.shadowRoot;const o=t?.querySelector("slot:not([name])");const n=t?.querySelector('slot[name="selected"]');this.hasSlottedIcon=this.hasMeaningfulSlotContent(o);this.hasSlottedBadge=!!o?.assignedElements().some((t=>t.tagName.toLowerCase()==="md-badge"));this.hasSlottedSelected=this.hasMeaningfulSlotContent(n)}render(){const t=this.isDisabled;const o=this.toggle&&this.selected;const n=!!this.icon||this.hasSlottedIcon;const s=!o||!this.selectedIcon&&!this.hasSlottedSelected;return i(e,{key:"c8ba395e0f0eaa47019a6ec74ddb76135018d63a",class:{"md-icon-button":true,[`md-icon-button--${this.variant}`]:true,[`md-icon-button--${this.size}`]:true,[`md-icon-button--${this.shape}`]:true,[`md-icon-button--width-${this.buttonWidth}`]:this.buttonWidth!=="default","md-icon-button--selected":this.selected,"md-icon-button--toggle":this.toggle,"md-icon-button--disabled":this.disabled||this.softDisabled,"md-icon-button--shape-morph":this.shapeMorph,"md-icon-button--has-badge":this.hasSlottedBadge,"md-icon-button--pressed":this.shapeMorph&&this.pressed,"md-icon-button--connected-left":this.connectedLeft,"md-icon-button--connected-right":this.connectedRight},role:"button","aria-disabled":t?"true":"false","aria-pressed":this.toggle?String(this.selected):undefined,tabindex:this.disabled?"-1":this.groupTabindex!==null?String(this.groupTabindex):"0",onClick:this.handleClick,onKeyDown:this.handleKeyDown,onPointerDown:this.handlePointerDown,onPointerUp:this.handlePointerUp,onPointerLeave:this.handlePointerUp,onPointerCancel:this.handlePointerUp},this.ripple&&i("md-ripple",{key:"38a31f8be791e2441c128668d12cffc8d2883863",disabled:t}),i("span",{key:"3e36940f6038c69663ae28330827edb68158e78e",class:"md-icon-button__state-layer",part:"state-layer","aria-hidden":"true"}),i("span",{key:"ee34874988c22da61d85a98db6e2f636c43b1bdb",class:{"md-icon-button__icon":true,"md-icon-button__icon--on":s},part:"icon"},i("slot",{key:"25fe46290a2d8793c7f72ee623fafcfeaf01d015"}),s&&n&&!this.hasSlottedIcon&&i("span",{key:"9da0f58088f30f43b37d14f93f1f2406454f493d",class:"md-icon-button__icon-font material-symbols-outlined","aria-hidden":"true"},o&&this.selectedIcon?this.selectedIcon:this.icon)),this.toggle&&(this.selectedIcon||this.hasSlottedSelected)&&i("span",{key:"366c07e84c1aa12ca7259983518ecb6e6e909852",class:{"md-icon-button__icon":true,"md-icon-button__icon--on":o},part:"selected-icon"},i("slot",{key:"7b346adf89aca1c953618e2b2654df70ed2c2320",name:"selected"}),!this.hasSlottedSelected&&this.selectedIcon&&i("span",{key:"f61d47d93eb24d4e95a5704dfc14bf59f3a3f9e0",class:"md-icon-button__icon-font material-symbols-outlined","aria-hidden":"true"},this.selectedIcon)))}get el(){return this}static get style(){return m()}},[257,"md-icon-button",{variant:[1],size:[1],shape:[1],buttonWidth:[1,"button-width"],disabled:[516],softDisabled:[516,"soft-disabled"],toggle:[4],selected:[1028],shapeMorph:[4,"shape-morph"],ripple:[4],icon:[1],selectedIcon:[1,"selected-icon"],href:[1],target:[1],connectedLeft:[516,"connected-left"],connectedRight:[516,"connected-right"],value:[1],groupTabindex:[1026,"group-tabindex"],density:[514],hasSlottedIcon:[32],hasSlottedBadge:[32],hasSlottedSelected:[32],pressed:[32]}]);function u(){if(typeof customElements==="undefined"){return}const t=["md-icon-button","md-ripple"];t.forEach((t=>{switch(t){case"md-icon-button":if(!customElements.get(s(t))){customElements.define(s(t),l)}break;case"md-ripple":if(!customElements.get(s(t))){d()}break}}))}u();export{l as M,u as d};
-//# sourceMappingURL=p-6wZSqm_2.js.map
+import{p as t,H as o,c as n,h as i,d as e,t as s}from"./p-bSpXNc5J.js";import{t as r}from"./p-DYBUr7K_.js";import{s as a,a as c}from"./p-BdEoSBtL.js";import{d}from"./p-C3vB0Hd9.js";const m=()=>`:host{--_container-color:var(--md-icon-button-container-color, transparent);--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-on-surface-variant, #49454F));--_icon-size:var(--md-icon-button-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_container-width:var(--md-icon-button-container-width, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--md-icon-button-container-height, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_shape-round:20px;--_border-radius:var(--md-icon-button-container-shape, var(--_shape-round));display:inline-flex;align-items:center;justify-content:center;position:relative;width:var(--_container-width);height:var(--_container-height);border-radius:calc(var(--_border-radius) + var(--md-sys-shape-morph-enabled, 1) * (var(--_morph-to, var(--_border-radius)) - var(--_border-radius)));cursor:pointer;user-select:none;border:none;outline:none;overflow:hidden;box-sizing:border-box;background-color:var(--_container-color);color:var(--_icon-color);-webkit-tap-highlight-color:transparent;transition:background-color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1));flex-shrink:0;vertical-align:middle}:host(.md-icon-button--xs){--_container-width:var(--md-icon-button-container-width, max(32px, calc(32px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--md-icon-button-container-height, max(32px, calc(32px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--md-icon-button-icon-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_shape-round:16px}:host(.md-icon-button--sm){--_container-width:var(--md-icon-button-container-width, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--md-icon-button-container-height, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--md-icon-button-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_shape-round:20px}:host(.md-icon-button--md){--_container-width:var(--md-icon-button-container-width, max(32px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--md-icon-button-container-height, max(32px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--md-icon-button-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_shape-round:28px}:host(.md-icon-button--lg){--_container-width:var(--md-icon-button-container-width, max(32px, calc(96px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--md-icon-button-container-height, max(32px, calc(96px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--md-icon-button-icon-size, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_shape-round:48px}:host(.md-icon-button--xl){--_container-width:var(--md-icon-button-container-width, max(32px, calc(136px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--md-icon-button-container-height, max(32px, calc(136px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--md-icon-button-icon-size, max(28px, calc(40px + var(--md-sys-density-scale, 0) * 3px)));--_shape-round:68px}:host(.md-icon-button--width-narrow.md-icon-button--xs){--_container-width:var(--md-icon-button-container-width, max(32px, calc(28px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-narrow.md-icon-button--sm){--_container-width:var(--md-icon-button-container-width, max(32px, calc(32px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-narrow.md-icon-button--md){--_container-width:var(--md-icon-button-container-width, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-narrow.md-icon-button--lg){--_container-width:var(--md-icon-button-container-width, max(32px, calc(64px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-narrow.md-icon-button--xl){--_container-width:var(--md-icon-button-container-width, max(32px, calc(104px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-wide.md-icon-button--xs){--_container-width:var(--md-icon-button-container-width, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-wide.md-icon-button--sm){--_container-width:var(--md-icon-button-container-width, max(32px, calc(52px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-wide.md-icon-button--md){--_container-width:var(--md-icon-button-container-width, max(32px, calc(72px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-wide.md-icon-button--lg){--_container-width:var(--md-icon-button-container-width, max(32px, calc(128px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--width-wide.md-icon-button--xl){--_container-width:var(--md-icon-button-container-width, max(32px, calc(184px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-icon-button--round){--_border-radius:var(--md-icon-button-container-shape, var(--_shape-round))}:host(.md-icon-button--square.md-icon-button--xs){--_border-radius:var(--md-icon-button-container-shape, var(--md-sys-shape-corner-medium, 12px))}:host(.md-icon-button--square.md-icon-button--sm){--_border-radius:var(--md-icon-button-container-shape, var(--md-sys-shape-corner-medium, 12px))}:host(.md-icon-button--square.md-icon-button--md){--_border-radius:var(--md-icon-button-container-shape, var(--md-sys-shape-corner-large, 16px))}:host(.md-icon-button--square.md-icon-button--lg){--_border-radius:var(--md-icon-button-container-shape, var(--md-sys-shape-corner-extra-large, 28px))}:host(.md-icon-button--square.md-icon-button--xl){--_border-radius:var(--md-icon-button-container-shape, var(--md-sys-shape-corner-extra-large, 28px))}:host(.md-icon-button--shape-morph.md-icon-button--round.md-icon-button--selected.md-icon-button--xs){--_morph-to:var(--md-sys-shape-corner-medium, 12px)}:host(.md-icon-button--shape-morph.md-icon-button--round.md-icon-button--selected.md-icon-button--sm){--_morph-to:var(--md-sys-shape-corner-medium, 12px)}:host(.md-icon-button--shape-morph.md-icon-button--round.md-icon-button--selected.md-icon-button--md){--_morph-to:var(--md-sys-shape-corner-large, 16px)}:host(.md-icon-button--shape-morph.md-icon-button--round.md-icon-button--selected.md-icon-button--lg){--_morph-to:var(--md-sys-shape-corner-extra-large, 28px)}:host(.md-icon-button--shape-morph.md-icon-button--round.md-icon-button--selected.md-icon-button--xl){--_morph-to:var(--md-sys-shape-corner-extra-large, 28px)}:host(.md-icon-button--shape-morph.md-icon-button--square.md-icon-button--selected){--_morph-to:var(--_shape-round)}:host(.md-icon-button--pressed.md-icon-button--xs){--_morph-to:var(--md-sys-shape-corner-small, 8px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-icon-button--pressed.md-icon-button--sm){--_morph-to:var(--md-sys-shape-corner-small, 8px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-icon-button--pressed.md-icon-button--md){--_morph-to:var(--md-sys-shape-corner-medium, 12px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-icon-button--pressed.md-icon-button--lg){--_morph-to:var(--md-sys-shape-corner-large, 16px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-icon-button--pressed.md-icon-button--xl){--_morph-to:var(--md-sys-shape-corner-large, 16px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-icon-button--width-narrow.md-icon-button--pressed){transition-duration:var(--md-sys-motion-duration-medium1, 250ms)}:host(.md-icon-button--connected-left.md-icon-button--xs),:host(.md-icon-button--connected-right.md-icon-button--xs){--_c-inner:4px}:host(.md-icon-button--connected-left.md-icon-button--sm),:host(.md-icon-button--connected-right.md-icon-button--sm){--_c-inner:8px}:host(.md-icon-button--connected-left.md-icon-button--md),:host(.md-icon-button--connected-right.md-icon-button--md){--_c-inner:8px}:host(.md-icon-button--connected-left.md-icon-button--lg),:host(.md-icon-button--connected-right.md-icon-button--lg){--_c-inner:16px}:host(.md-icon-button--connected-left.md-icon-button--xl),:host(.md-icon-button--connected-right.md-icon-button--xl){--_c-inner:20px}:host(.md-icon-button--connected-left.md-icon-button--connected-right){border-radius:var(--_c-inner)}:host(.md-icon-button--round.md-icon-button--connected-right:not(.md-icon-button--connected-left)){border-start-start-radius:var(--_shape-round);border-end-start-radius:var(--_shape-round);border-start-end-radius:var(--_c-inner);border-end-end-radius:var(--_c-inner)}:host(.md-icon-button--round.md-icon-button--connected-left:not(.md-icon-button--connected-right)){border-start-start-radius:var(--_c-inner);border-end-start-radius:var(--_c-inner);border-start-end-radius:var(--_shape-round);border-end-end-radius:var(--_shape-round)}:host(.md-icon-button--square.md-icon-button--connected-right:not(.md-icon-button--connected-left)),:host(.md-icon-button--square.md-icon-button--connected-left:not(.md-icon-button--connected-right)){border-radius:var(--_c-inner)}:host(.md-icon-button--standard){--_container-color:var(--md-icon-button-container-color, transparent);--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.md-icon-button--standard.md-icon-button--selected:not(.md-icon-button--disabled)){--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-primary, #6750A4));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-primary, #6750A4))}:host(.md-icon-button--filled){--_container-color:var(--md-icon-button-container-color, var(--md-sys-color-primary, #6750A4));--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-on-primary, #FFFFFF));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-on-primary, #FFFFFF))}:host(.md-icon-button--filled.md-icon-button--toggle:not(.md-icon-button--selected):not(.md-icon-button--disabled)){--_container-color:var(--md-icon-button-container-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-primary, #6750A4));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-primary, #6750A4))}:host(.md-icon-button--filled.md-icon-button--selected:not(.md-icon-button--disabled)){--_container-color:var(--md-icon-button-container-color, var(--md-sys-color-primary, #6750A4));--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-on-primary, #FFFFFF));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-on-primary, #FFFFFF))}:host(.md-icon-button--tonal){--_container-color:var(--md-icon-button-container-color, var(--md-sys-color-secondary-container, #E8DEF8));--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-on-secondary-container, #1E192B));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-on-secondary-container, #1E192B))}:host(.md-icon-button--tonal.md-icon-button--toggle:not(.md-icon-button--selected):not(.md-icon-button--disabled)){--_container-color:var(--md-icon-button-container-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.md-icon-button--tonal.md-icon-button--selected:not(.md-icon-button--disabled)){--_container-color:var(--md-icon-button-container-color, var(--md-sys-color-secondary-container, #E8DEF8));--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-on-secondary-container, #1E192B));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-on-secondary-container, #1E192B))}:host(.md-icon-button--outlined){--_container-color:var(--md-icon-button-container-color, transparent);--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-on-surface-variant, #49454F));border:var(--md-icon-button-outline-width, 1px) solid var(--md-icon-button-outline-color, var(--md-sys-color-outline, #79747E))}:host(.md-icon-button--outlined.md-icon-button--selected:not(.md-icon-button--disabled)){--_container-color:var(--md-icon-button-container-color, var(--md-sys-color-inverse-surface, #313033));--_icon-color:var(--md-icon-button-icon-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));--_state-layer-color:var(--md-icon-button-state-layer-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));border-color:transparent}.md-icon-button__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(:hover) .md-icon-button__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:active) .md-icon-button__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus-visible) .md-icon-button__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(:focus-visible){outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px;z-index:1}:host(.md-icon-button--disabled){cursor:default;pointer-events:none}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled]) .md-icon-button__state-layer{display:none}:host(.md-icon-button--standard.md-icon-button--disabled),:host(.md-icon-button--outlined.md-icon-button--disabled){--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-icon-button--outlined.md-icon-button--disabled){border-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.md-icon-button--filled.md-icon-button--disabled),:host(.md-icon-button--tonal.md-icon-button--disabled){--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-icon-button--disabled:hover) .md-icon-button__state-layer,:host(.md-icon-button--disabled:active) .md-icon-button__state-layer,:host(.md-icon-button--disabled:focus-visible) .md-icon-button__state-layer{opacity:0}.md-icon-button__icon{display:none;align-items:center;justify-content:center;position:relative;z-index:1;color:inherit;width:var(--_icon-size);height:var(--_icon-size);font-size:0;line-height:0}.md-icon-button__icon slot{font-size:var(--_icon-size);line-height:1}.md-icon-button__icon--on{display:inline-flex}.md-icon-button__icon-font{font-size:var(--_icon-size);width:var(--_icon-size);height:var(--_icon-size);display:flex;align-items:center;justify-content:center;line-height:1}:host(.md-icon-button--has-badge){overflow:visible}:host(.md-icon-button--has-badge) .md-icon-button__state-layer{overflow:hidden}::slotted(*:not(md-badge):not(md-avatar)){width:var(--_icon-size) !important;height:var(--_icon-size) !important;font-size:var(--_icon-size) !important;color:inherit !important;fill:currentColor !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;font-size:var(--_icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}@media (forced-colors: active){:host{forced-color-adjust:none}:host(.md-icon-button--outlined){border-color:ButtonText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const l=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdClick=n(this,"mdClick",7);this.variant="standard";this.size="sm";this.shape="round";this.buttonWidth="default";this.disabled=false;this.softDisabled=false;this.toggle=false;this.selected=false;this.shapeMorph=true;this.ripple=true;this.icon="";this.selectedIcon="";this.href="";this.target="_self";this.connectedLeft=false;this.connectedRight=false;this.value="";this.groupTabindex=null;this.density=0;this.hasSlottedIcon=false;this.hasSlottedBadge=false;this.hasSlottedSelected=false;this.pressed=false;this.handleClick=t=>{if(this.isDisabled){t.preventDefault();return}const o=a(this.href);if(o){window.open(o,this.target,c)}if(this.toggle)this.selected=!this.selected;this.mdClick.emit({selected:this.selected})};this.handleKeyDown=t=>{if(t.key==="Enter"||t.key===" "){t.preventDefault();if(!this.isDisabled){this.pressed=true;r(this.el);this.el.click();setTimeout((()=>{this.pressed=false}),150)}}};this.handlePointerDown=()=>{if(!this.isDisabled)this.pressed=true};this.handlePointerUp=()=>{this.pressed=false}}get isDisabled(){return this.disabled||this.softDisabled}componentWillLoad(){this.syncSlottedIcons()}componentDidLoad(){const t=this.el.shadowRoot;if(!t)return;const o=t.querySelector("slot:not([name])");const n=t.querySelector('slot[name="selected"]');this.syncSlottedIcons();o?.addEventListener("slotchange",(()=>this.syncSlottedIcons()));n?.addEventListener("slotchange",(()=>this.syncSlottedIcons()))}hasMeaningfulSlotContent(t){if(!t)return false;return t.assignedNodes().some((t=>{if(t.nodeType===Node.ELEMENT_NODE){if(t.tagName.toLowerCase()==="md-badge")return false;return true}if(t.nodeType===Node.TEXT_NODE)return(t.textContent?.trim().length??0)>0;return false}))}syncSlottedIcons(){const t=this.el.shadowRoot;const o=t?.querySelector("slot:not([name])");const n=t?.querySelector('slot[name="selected"]');this.hasSlottedIcon=this.hasMeaningfulSlotContent(o);this.hasSlottedBadge=!!o?.assignedElements().some((t=>t.tagName.toLowerCase()==="md-badge"));this.hasSlottedSelected=this.hasMeaningfulSlotContent(n)}render(){const t=this.isDisabled;const o=this.toggle&&this.selected;const n=!!this.icon||this.hasSlottedIcon;const s=!o||!this.selectedIcon&&!this.hasSlottedSelected;return i(e,{key:"09ede8ee7dd9deece236c792668d01d499a1b2e7",class:{"md-icon-button":true,[`md-icon-button--${this.variant}`]:true,[`md-icon-button--${this.size}`]:true,[`md-icon-button--${this.shape}`]:true,[`md-icon-button--width-${this.buttonWidth}`]:this.buttonWidth!=="default","md-icon-button--selected":this.selected,"md-icon-button--toggle":this.toggle,"md-icon-button--disabled":this.disabled||this.softDisabled,"md-icon-button--shape-morph":this.shapeMorph,"md-icon-button--has-badge":this.hasSlottedBadge,"md-icon-button--pressed":this.shapeMorph&&this.pressed,"md-icon-button--connected-left":this.connectedLeft,"md-icon-button--connected-right":this.connectedRight},role:"button","aria-disabled":t?"true":"false","aria-pressed":this.toggle?String(this.selected):undefined,tabindex:this.disabled?"-1":this.groupTabindex!==null?String(this.groupTabindex):"0",onClick:this.handleClick,onKeyDown:this.handleKeyDown,onPointerDown:this.handlePointerDown,onPointerUp:this.handlePointerUp,onPointerLeave:this.handlePointerUp,onPointerCancel:this.handlePointerUp},this.ripple&&i("md-ripple",{key:"72e91836f4a9ed31b320e7adb3d16e3d8d62a0e9",disabled:t}),i("span",{key:"7b7d129ceaef5fcd92170bb86c6342ebca6a4fd7",class:"md-icon-button__state-layer",part:"state-layer","aria-hidden":"true"}),i("span",{key:"a7676d07a86d8067b03ab028871f79a5d9c2781a",class:{"md-icon-button__icon":true,"md-icon-button__icon--on":s},part:"icon"},i("slot",{key:"9b719ec841e5a917dbe7874a42c609ea6a3fb456"}),s&&n&&!this.hasSlottedIcon&&i("span",{key:"cc86062ec19a4b20577212d7ac4efdaa81622565",class:"md-icon-button__icon-font material-symbols-outlined","aria-hidden":"true"},o&&this.selectedIcon?this.selectedIcon:this.icon)),this.toggle&&(this.selectedIcon||this.hasSlottedSelected)&&i("span",{key:"8b09b003d9f24b5699400dda2d1a5aab3dacac0a",class:{"md-icon-button__icon":true,"md-icon-button__icon--on":o},part:"selected-icon"},i("slot",{key:"4515b64d704dc5f64f7509d35f7fe2d3e50c64d3",name:"selected"}),!this.hasSlottedSelected&&this.selectedIcon&&i("span",{key:"d18a21bdd3511d6f5ab6f9ce33e59caab9d8f29b",class:"md-icon-button__icon-font material-symbols-outlined","aria-hidden":"true"},this.selectedIcon)))}get el(){return this}static get style(){return m()}},[257,"md-icon-button",{variant:[1],size:[1],shape:[1],buttonWidth:[1,"button-width"],disabled:[516],softDisabled:[516,"soft-disabled"],toggle:[4],selected:[1028],shapeMorph:[4,"shape-morph"],ripple:[4],icon:[1],selectedIcon:[1,"selected-icon"],href:[1],target:[1],connectedLeft:[516,"connected-left"],connectedRight:[516,"connected-right"],value:[1],groupTabindex:[1026,"group-tabindex"],density:[514],hasSlottedIcon:[32],hasSlottedBadge:[32],hasSlottedSelected:[32],pressed:[32]}]);function u(){if(typeof customElements==="undefined"){return}const t=["md-icon-button","md-ripple"];t.forEach((t=>{switch(t){case"md-icon-button":if(!customElements.get(s(t))){customElements.define(s(t),l)}break;case"md-ripple":if(!customElements.get(s(t))){d()}break}}))}u();export{l as M,u as d};
+//# sourceMappingURL=p-R_guULjT.js.map