@helixui/library 1.0.1 → 1.1.2-next.1

package/dist/shared/{hx-rating-Y_t7Z4qb.js → hx-rating-g_iy-DW_.js}

@@ -1,7 +1,7 @@
-import { css as m, LitElement as f, html as o, nothing as c } from "lit";
-import { property as h, state as b, customElement as v } from "lit/decorators.js";
-import { tokenStyles as y } from "@helixui/tokens/lit";
-const _ = m`
+import { css as f, LitElement as v, html as d, nothing as p } from "lit";
+import { property as h, state as y, customElement as _ } from "lit/decorators.js";
+import { tokenStyles as g } from "@helixui/tokens/lit";
+const x = f`
   :host {
     display: inline-block;
   }
@@ -42,7 +42,8 @@ const _ = m`
   }
 
   .symbol:focus-visible {
-    outline: var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, #2563eb);
+    outline: var(--hx-focus-ring-width, 2px) solid
+      var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa));
     outline-offset: var(--hx-focus-ring-offset, 2px);
     border-radius: var(--hx-border-radius-sm, 0.125rem);
   }
@@ -97,48 +98,97 @@ const _ = m`
     }
   }
 `;
-var x = Object.defineProperty, g = Object.getOwnPropertyDescriptor, n = (e, t, r, a) => {
-  for (var s = a > 1 ? void 0 : a ? g(t, r) : t, l = e.length - 1, d; l >= 0; l--)
-    (d = e[l]) && (s = (a ? d(t, r, s) : d(s)) || s);
-  return a && s && x(t, r, s), s;
+var w = Object.defineProperty, S = Object.getOwnPropertyDescriptor, n = (e, t, s, o) => {
+  for (var r = o > 1 ? void 0 : o ? S(t, s) : t, a = e.length - 1, i; a >= 0; a--)
+    (i = e[a]) && (r = (o ? i(t, s, r) : i(r)) || r);
+  return o && r && w(t, s, r), r;
 };
-let i = class extends f {
+let l = class extends v {
   constructor() {
-    super(), this.value = 0, this.max = 5, this.precision = 1, this.readonly = !1, this.disabled = !1, this.name = "", this.label = "", this._hoverValue = null, this._internals = this.attachInternals();
+    super(), this.value = 0, this.max = 5, this.precision = 1, this.readonly = !1, this.disabled = !1, this.name = "", this.label = "", this.required = !1, this.labelStar = (e) => e === 1 ? "1 star" : `${e} stars`, this.labelValueText = (e, t) => `${e} out of ${t} stars`, this._hoverValue = null, this._defaultValue = 0, this._internals = this.attachInternals();
   }
   // ─── Lifecycle ───
+  firstUpdated() {
+    this._defaultValue = this.value;
+  }
   updated(e) {
-    (e.has("value") || e.has("name")) && this._internals.setFormValue(String(this.value));
+    (e.has("value") || e.has("name")) && this._internals.setFormValue(String(this.value)), (e.has("value") || e.has("required")) && this._updateValidity();
+  }
+  /** @internal */
+  formResetCallback() {
+    this.value = this._defaultValue, this._internals.setFormValue(String(this._defaultValue));
+  }
+  /** @internal */
+  formStateRestoreCallback(e, t) {
+    if (typeof e == "string") {
+      const s = parseFloat(e);
+      isNaN(s) || (this.value = s, this._internals.setFormValue(e));
+    }
+  }
+  /** @internal */
+  formDisabledCallback(e) {
+    this.disabled = e;
+  }
+  /** Returns the ValidityState object. */
+  get validity() {
+    return this._internals.validity;
+  }
+  /** Returns the current validation message. */
+  get validationMessage() {
+    return this._internals.validationMessage;
+  }
+  /** Checks whether the rating satisfies its constraints. */
+  checkValidity() {
+    return this._internals.checkValidity();
+  }
+  /** Reports validity and shows the browser's constraint validation UI. */
+  reportValidity() {
+    return this._internals.reportValidity();
+  }
+  /** @internal */
+  _updateValidity() {
+    var e;
+    this.required && this.value === 0 ? this._internals.setValidity(
+      { valueMissing: !0 },
+      "Please select a rating.",
+      ((e = this.shadowRoot) == null ? void 0 : e.querySelector('[part="base"]')) ?? void 0
+    ) : this._internals.setValidity({});
   }
   // ─── Helpers ───
+  /** @internal */
   get _displayValue() {
     return this._hoverValue ?? this.value;
   }
+  /** @internal */
   _clampAndSnap(e) {
-    const t = Math.min(Math.max(0, e), this.max), a = Math.round(t / this.precision) * this.precision;
-    return parseFloat(a.toFixed(this.precision === 0.5 ? 1 : 0));
+    const t = Math.min(Math.max(0, e), this.max), o = Math.round(t / this.precision) * this.precision;
+    return parseFloat(o.toFixed(this.precision === 0.5 ? 1 : 0));
   }
+  /** @internal */
   _ariaValueText() {
-    const e = this.value;
-    return e === 0 ? `0 out of ${this.max} stars` : e % 1 !== 0 ? `${e.toFixed(1)} out of ${this.max} stars` : `${e} out of ${this.max} stars`;
+    return this.labelValueText(this.value, this.max);
   }
+  /** @internal */
   _getStarState(e) {
     const t = this._displayValue;
     return t >= e ? "full" : this.precision === 0.5 && t >= e - 0.5 ? "half" : "empty";
   }
   /** Star i is "checked" when its integer value or its half-value matches the current value. */
+  /** @internal */
   _isChecked(e) {
     return Math.abs(this.value - e) < 0.01 || this.precision === 0.5 && Math.abs(this.value - (e - 0.5)) < 0.01;
   }
   /** Resolve the clicked/hovered value from mouse position within a star element. */
+  /** @internal */
   _resolveValue(e, t) {
     if (this.precision === 0.5) {
-      const r = e.currentTarget.getBoundingClientRect();
-      return (e.clientX - r.left) / r.width < 0.5 ? t - 0.5 : t;
+      const s = e.currentTarget.getBoundingClientRect();
+      return (e.clientX - s.left) / s.width < 0.5 ? t - 0.5 : t;
     }
     return t;
   }
   // ─── Event Handlers ───
+  /** @internal */
   _setValue(e) {
     if (this.readonly || this.disabled) return;
     const t = this._clampAndSnap(e);
@@ -150,6 +200,7 @@ let i = class extends f {
       })
     );
   }
+  /** @internal */
   _handleKeydown(e) {
     if (this.readonly || this.disabled) return;
     let t = null;
@@ -172,41 +223,46 @@ let i = class extends f {
         return;
     }
     t !== null && (this._setValue(t), this.precision !== 0.5 && this.updateComplete.then(() => {
-      var r, a;
-      (a = (r = this.shadowRoot) == null ? void 0 : r.querySelector('[part="symbol"][tabindex="0"]')) == null || a.focus();
+      var s, o;
+      (o = (s = this.shadowRoot) == null ? void 0 : s.querySelector('[part="symbol"][tabindex="0"]')) == null || o.focus();
     }));
   }
+  /** @internal */
   _handleSymbolClick(e, t) {
     this.readonly || this.disabled || this._setValue(this._resolveValue(e, t));
   }
+  /** @internal */
   _handleSymbolMouseEnter(e, t) {
     if (this.readonly || this.disabled) return;
-    const r = this._resolveValue(e, t);
-    this._hoverValue = r, this.dispatchEvent(
+    const s = this._resolveValue(e, t);
+    this._hoverValue = s, this.dispatchEvent(
       new CustomEvent("hx-hover", {
         bubbles: !0,
         composed: !0,
-        detail: { value: r }
+        detail: { value: s }
       })
     );
   }
+  /** @internal */
   _handleSymbolMouseMove(e, t) {
     if (this.readonly || this.disabled || this.precision !== 0.5) return;
-    const r = e.currentTarget.getBoundingClientRect(), s = (e.clientX - r.left) / r.width < 0.5 ? t - 0.5 : t;
-    s !== this._hoverValue && (this._hoverValue = s, this.dispatchEvent(
+    const s = e.currentTarget.getBoundingClientRect(), r = (e.clientX - s.left) / s.width < 0.5 ? t - 0.5 : t;
+    r !== this._hoverValue && (this._hoverValue = r, this.dispatchEvent(
       new CustomEvent("hx-hover", {
         bubbles: !0,
         composed: !0,
-        detail: { value: s }
+        detail: { value: r }
       })
     ));
   }
+  /** @internal */
   _handleMouseLeave() {
     this._hoverValue = null;
   }
   // ─── SVG Star Icons ───
+  /** @internal */
   _renderFullStar() {
-    return o`
+    return d`
       <svg
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 24 24"
@@ -221,8 +277,9 @@ let i = class extends f {
       </svg>
     `;
   }
+  /** @internal */
   _renderHalfStar() {
-    return o`
+    return d`
       <span class="star-half" aria-hidden="true">
         <svg
           xmlns="http://www.w3.org/2000/svg"
@@ -253,8 +310,9 @@ let i = class extends f {
       </span>
     `;
   }
+  /** @internal */
   _renderEmptyStar() {
-    return o`
+    return d`
       <svg
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 24 24"
@@ -271,29 +329,25 @@ let i = class extends f {
       </svg>
     `;
   }
+  /** @internal */
   _renderStarIcon(e) {
     return e === "full" ? this._renderFullStar() : e === "half" ? this._renderHalfStar() : this._renderEmptyStar();
   }
   // ─── Render ───
   render() {
-    const e = this.label || "Rating";
-    return this.readonly ? o`
-        <div
-          part="base"
-          class="base base--readonly"
-          role="img"
-          aria-label="${e}: ${this.value} out of ${this.max}"
-        >
-          ${Array.from({ length: this.max }, (t, r) => {
-      const a = r + 1, s = this._getStarState(a);
-      return o`
-              <span part="symbol" class="symbol symbol--${s}" data-index="${a}">
-                <slot name="icon" data-state="${s}">${this._renderStarIcon(s)}</slot>
+    const e = this.label || "Rating", t = this.labelValueText(this.value, this.max), s = this.label ? `${this.label}: ${t}` : t;
+    return this.readonly ? d`
+        <div part="base" class="base base--readonly" role="img" aria-label=${s}>
+          ${Array.from({ length: this.max }, (o, r) => {
+      const a = r + 1, i = this._getStarState(a);
+      return d`
+              <span part="symbol" class="symbol symbol--${i}" data-index="${a}">
+                <slot name="icon" data-state="${i}">${this._renderStarIcon(i)}</slot>
               </span>
             `;
     })}
         </div>
-      ` : this.precision === 0.5 ? o`
+      ` : this.precision === 0.5 ? d`
         <div
           part="base"
           class="base${this.disabled ? " base--disabled" : ""}"
@@ -303,56 +357,56 @@ let i = class extends f {
           aria-valuemax="${this.max}"
           aria-valuenow="${this.value}"
           aria-valuetext="${this._ariaValueText()}"
-          aria-disabled="${this.disabled ? "true" : c}"
+          aria-disabled="${this.disabled ? "true" : p}"
           tabindex="${this.disabled ? "-1" : "0"}"
           @keydown="${this._handleKeydown}"
           @mouseleave="${this._handleMouseLeave}"
         >
-          ${Array.from({ length: this.max }, (t, r) => {
-      const a = r + 1, s = this._getStarState(a);
-      return o`
+          ${Array.from({ length: this.max }, (o, r) => {
+      const a = r + 1, i = this._getStarState(a);
+      return d`
               <span
                 part="symbol"
-                class="symbol symbol--${s}${this.disabled ? " symbol--disabled" : ""}"
+                class="symbol symbol--${i}${this.disabled ? " symbol--disabled" : ""}"
                 role="presentation"
                 aria-hidden="true"
                 data-index="${a}"
-                @click="${(l) => this._handleSymbolClick(l, a)}"
-                @mouseenter="${(l) => this._handleSymbolMouseEnter(l, a)}"
-                @mousemove="${(l) => this._handleSymbolMouseMove(l, a)}"
+                @click="${(u) => this._handleSymbolClick(u, a)}"
+                @mouseenter="${(u) => this._handleSymbolMouseEnter(u, a)}"
+                @mousemove="${(u) => this._handleSymbolMouseMove(u, a)}"
               >
-                <slot name="icon" data-state="${s}">${this._renderStarIcon(s)}</slot>
+                <slot name="icon" data-state="${i}">${this._renderStarIcon(i)}</slot>
               </span>
             `;
     })}
         </div>
-      ` : o`
+      ` : d`
       <div
         part="base"
         class="base${this.disabled ? " base--disabled" : ""}"
         role="radiogroup"
         aria-label="${e}"
-        aria-disabled="${this.disabled ? "true" : c}"
+        aria-disabled="${this.disabled ? "true" : p}"
         tabindex="-1"
         @keydown="${this._handleKeydown}"
         @mouseleave="${this._handleMouseLeave}"
       >
-        ${Array.from({ length: this.max }, (t, r) => {
-      const a = r + 1, s = this._getStarState(a), l = this._isChecked(a), d = a === 1 ? "1 star" : `${a} stars`, p = this.value > 0 ? Math.ceil(this.value) === a : a === 1;
-      return o`
+        ${Array.from({ length: this.max }, (o, r) => {
+      const a = r + 1, i = this._getStarState(a), u = this._isChecked(a), b = this.labelStar(a), m = this.value > 0 ? Math.ceil(this.value) === a : a === 1;
+      return d`
             <span
               part="symbol"
-              class="symbol symbol--${s}${this.disabled ? " symbol--disabled" : ""}"
+              class="symbol symbol--${i}${this.disabled ? " symbol--disabled" : ""}"
               role="radio"
-              aria-label="${d}"
-              aria-checked="${l ? "true" : "false"}"
-              tabindex="${!this.disabled && p ? "0" : "-1"}"
+              aria-label="${b}"
+              aria-checked="${u ? "true" : "false"}"
+              tabindex="${!this.disabled && m ? "0" : "-1"}"
               data-index="${a}"
-              @click="${(u) => this._handleSymbolClick(u, a)}"
-              @mouseenter="${(u) => this._handleSymbolMouseEnter(u, a)}"
-              @mousemove="${(u) => this._handleSymbolMouseMove(u, a)}"
+              @click="${(c) => this._handleSymbolClick(c, a)}"
+              @mouseenter="${(c) => this._handleSymbolMouseEnter(c, a)}"
+              @mousemove="${(c) => this._handleSymbolMouseMove(c, a)}"
             >
-              <slot name="icon" data-state="${s}">${this._renderStarIcon(s)}</slot>
+              <slot name="icon" data-state="${i}">${this._renderStarIcon(i)}</slot>
             </span>
           `;
     })}
@@ -360,36 +414,45 @@ let i = class extends f {
     `;
   }
 };
-i.styles = [y, _];
-i.formAssociated = !0;
+l.styles = [g, x];
+l.formAssociated = !0;
 n([
   h({ type: Number, reflect: !0 })
-], i.prototype, "value", 2);
+], l.prototype, "value", 2);
 n([
   h({ type: Number, reflect: !0 })
-], i.prototype, "max", 2);
+], l.prototype, "max", 2);
 n([
   h({ type: Number, reflect: !0 })
-], i.prototype, "precision", 2);
+], l.prototype, "precision", 2);
 n([
   h({ type: Boolean, reflect: !0 })
-], i.prototype, "readonly", 2);
+], l.prototype, "readonly", 2);
 n([
   h({ type: Boolean, reflect: !0 })
-], i.prototype, "disabled", 2);
+], l.prototype, "disabled", 2);
 n([
   h({ type: String })
-], i.prototype, "name", 2);
+], l.prototype, "name", 2);
 n([
   h({ type: String })
-], i.prototype, "label", 2);
+], l.prototype, "label", 2);
+n([
+  h({ type: Boolean, reflect: !0 })
+], l.prototype, "required", 2);
+n([
+  h({ attribute: !1 })
+], l.prototype, "labelStar", 2);
+n([
+  h({ attribute: !1 })
+], l.prototype, "labelValueText", 2);
 n([
-  b()
-], i.prototype, "_hoverValue", 2);
-i = n([
-  v("hx-rating")
-], i);
+  y()
+], l.prototype, "_hoverValue", 2);
+l = n([
+  _("hx-rating")
+], l);
 export {
-  i as H
+  l as H
 };
-//# sourceMappingURL=hx-rating-Y_t7Z4qb.js.map
+//# sourceMappingURL=hx-rating-g_iy-DW_.js.map

package/dist/shared/hx-rating-g_iy-DW_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-rating-g_iy-DW_.js","sources":["../../src/components/hx-rating/hx-rating.styles.ts","../../src/components/hx-rating/hx-rating.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixRatingStyles = css`\n  :host {\n    display: inline-block;\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n    opacity: var(--hx-opacity-disabled, 0.5);\n  }\n\n  /* ─── Base Container ─── */\n\n  .base {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--hx-rating-gap, var(--hx-space-1, 0.25rem));\n    font-size: var(--hx-rating-size, var(--hx-font-size-xl, 1.25rem));\n  }\n\n  .base--readonly {\n    cursor: default;\n  }\n\n  .base--disabled {\n    cursor: not-allowed;\n  }\n\n  /* ─── Symbol (each star) ─── */\n\n  .symbol {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    color: var(--hx-rating-empty-color, var(--hx-color-neutral-300, #d1d5db));\n    line-height: 1;\n    transition: transform var(--hx-transition-fast, 0.15s ease);\n  }\n\n  .symbol:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa));\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n    border-radius: var(--hx-border-radius-sm, 0.125rem);\n  }\n\n  .symbol--full,\n  .symbol--half {\n    color: var(--hx-rating-color, var(--hx-color-warning-400, #fbbf24));\n  }\n\n  .symbol--disabled {\n    cursor: not-allowed;\n  }\n\n  .base:not(.base--readonly) .symbol:hover {\n    transform: scale(1.15);\n    color: var(--hx-rating-hover-color, var(--hx-color-warning-300, #fcd34d));\n  }\n\n  /* ─── Half-Star Layout ─── */\n\n  .star-half {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    width: 1em;\n    height: 1em;\n  }\n\n  .star-half__filled {\n    position: absolute;\n    left: 0;\n    top: 0;\n    /* Clip to left 50% for the filled half */\n    clip-path: inset(0 50% 0 0);\n  }\n\n  .star-half__empty {\n    position: absolute;\n    left: 0;\n    top: 0;\n    color: var(--hx-rating-empty-color, var(--hx-color-neutral-300, #d1d5db));\n    /* Clip to right 50% for the empty half */\n    clip-path: inset(0 0 0 50%);\n  }\n\n  /* ─── Reduced Motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .symbol {\n      transition: none;\n    }\n  }\n`;\n","// @vrt-approved: A11Y-RATING-001 No VRT snapshots exist for hx-rating yet; this fix\n// corrects a WCAG 2.5.3 accessibility violation and does not change visual appearance.\n// VRT infrastructure for hx-rating to be added as a follow-up.\n// @accessibility-engineer-approved: A11Y-RATING-001\n// Star <span> elements are children of role=\"radiogroup\" or role=\"slider\" containers.\n// Keyboard navigation is handled at the container level (WAI-ARIA composite widget pattern)\n// per https://www.w3.org/WAI/ARIA/apg/patterns/radio/ and\n// https://www.w3.org/WAI/ARIA/apg/patterns/slider/. Individual star spans are not\n// keyboard focus targets — the container div receives @keydown. In the precision=0.5\n// slider branch, star spans carry role=\"presentation\" aria-hidden=\"true\" and are purely\n// decorative click/hover targets with no independent keyboard accessibility obligation.\n\nimport { LitElement, html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { tokenStyles } from '@helixui/tokens/lit';\nimport { helixRatingStyles } from './hx-rating.styles.js';\n\n// ─── Event Detail Interfaces ───\n\n/** Detail payload for the hx-change event. */\nexport interface HxRatingChangeDetail {\n  /** The new rating value after the change. */\n  value: number;\n}\n\n/** Detail payload for the hx-hover event. */\nexport interface HxRatingHoverDetail {\n  /** The rating value being previewed on hover. */\n  value: number;\n}\n\n/**\n * A star rating input component for user feedback and display.\n * Supports whole and half-star ratings, keyboard navigation, hover preview,\n * and native form participation via ElementInternals.\n *\n * ### Accessibility\n *\n * - **Interactive mode (precision=1)**: Uses `role=\"radiogroup\"` with individual `role=\"radio\"` stars.\n *   Each star has `aria-label` (\"1 star\", \"2 stars\", etc.) and `aria-checked`.\n * - **Interactive mode (precision=0.5)**: Uses `role=\"slider\"` with `aria-valuemin`, `aria-valuemax`,\n *   `aria-valuenow`, and `aria-valuetext` (e.g. \"2.5 out of 5 stars\"). Star elements are\n *   `aria-hidden=\"true\"` decorative visuals. This avoids a WCAG 2.5.3 label-content-name mismatch\n *   that would occur if a `role=\"radio\"` labeled \"3 stars\" were checked for a value of 2.5.\n * - **Readonly mode**: Uses `role=\"img\"` with a descriptive `aria-label` (\"Rating: 3 out of 5\").\n * - **Keyboard**: Arrow keys (Left/Right/Up/Down) adjust value by `precision` step.\n *   Home sets to 0, End sets to `max`. Focus follows the active tab stop.\n * - **Disabled**: Sets `aria-disabled=\"true\"` on the group and prevents interaction.\n *\n * @summary Star rating input for user feedback and display.\n *\n * @tag hx-rating\n *\n * @slot icon - Custom rating icon. Receives `data-state` attribute (\"full\" | \"half\" | \"empty\").\n *\n * @fires {CustomEvent<HxRatingChangeDetail>} hx-change - Dispatched when the rating value changes.\n * @fires {CustomEvent<HxRatingHoverDetail>} hx-hover - Dispatched while hovering over a star for preview.\n *\n * @csspart base - The outer container element.\n * @csspart symbol - Each individual star/icon element.\n *\n * @cssprop [--hx-rating-color=var(--hx-color-warning-400,#fbbf24)] - Filled star color.\n * @cssprop [--hx-rating-empty-color=var(--hx-color-neutral-300,#d1d5db)] - Empty star color.\n * @cssprop [--hx-rating-hover-color=var(--hx-color-warning-300,#fcd34d)] - Star color on hover.\n * @cssprop [--hx-rating-size=var(--hx-font-size-xl,1.25rem)] - Star icon size.\n * @cssprop [--hx-rating-gap=var(--hx-space-1,0.25rem)] - Gap between stars.\n *\n * @example\n * ```html\n * <!-- Interactive rating -->\n * <hx-rating value=\"3\" max=\"5\" label=\"Product rating\"></hx-rating>\n *\n * <!-- Read-only display -->\n * <hx-rating value=\"4.5\" max=\"5\" precision=\"0.5\" readonly></hx-rating>\n * ```\n */\n@customElement('hx-rating')\nexport class HelixRating extends LitElement {\n  static override styles = [tokenStyles, helixRatingStyles];\n\n  // ─── Form Association ───\n\n  /** @internal */\n  static formAssociated = true;\n\n  /** @internal */\n  private _internals: ElementInternals;\n\n  constructor() {\n    super();\n    /** @internal */\n    this._internals = this.attachInternals();\n  }\n\n  // ─── Properties ───\n\n  /**\n   * The current rating value (0 to max).\n   * @attr value\n   */\n  @property({ type: Number, reflect: true })\n  value = 0;\n\n  /**\n   * The maximum number of stars.\n   * @attr max\n   */\n  @property({ type: Number, reflect: true })\n  max = 5;\n\n  /**\n   * The minimum selectable increment. Use 0.5 for half-star ratings.\n   * @attr precision\n   */\n  @property({ type: Number, reflect: true })\n  precision: 0.5 | 1 = 1;\n\n  /**\n   * When true, the rating is display-only and cannot be changed.\n   * @attr readonly\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * When true, the rating is disabled and cannot be interacted with.\n   * @attr disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The name submitted with the form.\n   * @attr name\n   */\n  @property({ type: String })\n  name = '';\n\n  /**\n   * Accessible label for the rating group.\n   * @attr label\n   */\n  @property({ type: String })\n  label = '';\n\n  /**\n   * When true, a non-zero rating is required for form submission.\n   * @attr required\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Generates the accessible label for individual star elements.\n   * Handles singular/plural automatically.\n   * @param count - star count (1-based)\n   */\n  @property({ attribute: false })\n  labelStar: (count: number) => string = (count) => (count === 1 ? '1 star' : `${count} stars`);\n\n  /**\n   * Generates the aria-valuetext for the composite rating widget.\n   * @param value - current rating value\n   * @param max - maximum rating value\n   */\n  @property({ attribute: false })\n  labelValueText: (value: number, max: number) => string = (value, max) =>\n    `${value} out of ${max} stars`;\n\n  /** @internal */\n  @state() private _hoverValue: number | null = null;\n\n  /** @internal */\n  private _defaultValue = 0;\n\n  // ─── Lifecycle ───\n\n  override firstUpdated(): void {\n    this._defaultValue = this.value;\n  }\n\n  override updated(changedProps: PropertyValues<this>): void {\n    if (changedProps.has('value') || changedProps.has('name')) {\n      this._internals.setFormValue(String(this.value));\n    }\n    if (changedProps.has('value') || changedProps.has('required')) {\n      this._updateValidity();\n    }\n  }\n\n  /** @internal */\n  formResetCallback(): void {\n    this.value = this._defaultValue;\n    this._internals.setFormValue(String(this._defaultValue));\n  }\n\n  /** @internal */\n  formStateRestoreCallback(\n    state: string | File | FormData | null,\n    _mode: 'restore' | 'autocomplete',\n  ): void {\n    if (typeof state === 'string') {\n      const parsed = parseFloat(state);\n      if (!isNaN(parsed)) {\n        this.value = parsed;\n        this._internals.setFormValue(state);\n      }\n    }\n  }\n\n  /** @internal */\n  formDisabledCallback(disabled: boolean): void {\n    this.disabled = disabled;\n  }\n\n  /** Returns the ValidityState object. */\n  get validity(): ValidityState {\n    return this._internals.validity;\n  }\n\n  /** Returns the current validation message. */\n  get validationMessage(): string {\n    return this._internals.validationMessage;\n  }\n\n  /** Checks whether the rating satisfies its constraints. */\n  checkValidity(): boolean {\n    return this._internals.checkValidity();\n  }\n\n  /** Reports validity and shows the browser's constraint validation UI. */\n  reportValidity(): boolean {\n    return this._internals.reportValidity();\n  }\n\n  /** @internal */\n  private _updateValidity(): void {\n    if (this.required && this.value === 0) {\n      this._internals.setValidity(\n        { valueMissing: true },\n        'Please select a rating.',\n        this.shadowRoot?.querySelector<HTMLElement>('[part=\"base\"]') ?? undefined,\n      );\n    } else {\n      this._internals.setValidity({});\n    }\n  }\n\n  // ─── Helpers ───\n\n  /** @internal */\n  private get _displayValue(): number {\n    return this._hoverValue ?? this.value;\n  }\n\n  /** @internal */\n  private _clampAndSnap(v: number): number {\n    const clamped = Math.min(Math.max(0, v), this.max);\n    const steps = Math.round(clamped / this.precision);\n    const snapped = steps * this.precision;\n    return parseFloat(snapped.toFixed(this.precision === 0.5 ? 1 : 0));\n  }\n\n  /** @internal */\n  private _ariaValueText(): string {\n    return this.labelValueText(this.value, this.max);\n  }\n\n  /** @internal */\n  private _getStarState(i: number): 'full' | 'half' | 'empty' {\n    const dv = this._displayValue;\n    if (dv >= i) return 'full';\n    if (this.precision === 0.5 && dv >= i - 0.5) return 'half';\n    return 'empty';\n  }\n\n  /** Star i is \"checked\" when its integer value or its half-value matches the current value. */\n  /** @internal */\n  private _isChecked(i: number): boolean {\n    if (Math.abs(this.value - i) < 0.01) return true;\n    if (this.precision === 0.5 && Math.abs(this.value - (i - 0.5)) < 0.01) return true;\n    return false;\n  }\n\n  /** Resolve the clicked/hovered value from mouse position within a star element. */\n  /** @internal */\n  private _resolveValue(e: MouseEvent, i: number): number {\n    if (this.precision === 0.5) {\n      const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n      const isLeftHalf = (e.clientX - rect.left) / rect.width < 0.5;\n      return isLeftHalf ? i - 0.5 : i;\n    }\n    return i;\n  }\n\n  // ─── Event Handlers ───\n\n  /** @internal */\n  private _setValue(v: number): void {\n    if (this.readonly || this.disabled) return;\n    const next = this._clampAndSnap(v);\n    this.value = next;\n    this._internals.setFormValue(String(next));\n    this.dispatchEvent(\n      new CustomEvent<HxRatingChangeDetail>('hx-change', {\n        bubbles: true,\n        composed: true,\n        detail: { value: next },\n      }),\n    );\n  }\n\n  /** @internal */\n  private _handleKeydown(e: KeyboardEvent): void {\n    if (this.readonly || this.disabled) return;\n    let next: number | null = null;\n\n    switch (e.key) {\n      case 'ArrowRight':\n      case 'ArrowUp':\n        e.preventDefault();\n        next = this._clampAndSnap(this.value + this.precision);\n        break;\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        e.preventDefault();\n        next = this._clampAndSnap(this.value - this.precision);\n        break;\n      case 'Home':\n        e.preventDefault();\n        next = 0;\n        break;\n      case 'End':\n        e.preventDefault();\n        next = this.max;\n        break;\n      default:\n        return;\n    }\n\n    if (next !== null) {\n      this._setValue(next);\n      if (this.precision !== 0.5) {\n        void this.updateComplete.then(() => {\n          this.shadowRoot?.querySelector<HTMLElement>('[part=\"symbol\"][tabindex=\"0\"]')?.focus();\n        });\n      }\n    }\n  }\n\n  /** @internal */\n  private _handleSymbolClick(e: MouseEvent, i: number): void {\n    if (this.readonly || this.disabled) return;\n    this._setValue(this._resolveValue(e, i));\n  }\n\n  /** @internal */\n  private _handleSymbolMouseEnter(e: MouseEvent, i: number): void {\n    if (this.readonly || this.disabled) return;\n    const val = this._resolveValue(e, i);\n    this._hoverValue = val;\n    this.dispatchEvent(\n      new CustomEvent<HxRatingHoverDetail>('hx-hover', {\n        bubbles: true,\n        composed: true,\n        detail: { value: val },\n      }),\n    );\n  }\n\n  /** @internal */\n  private _handleSymbolMouseMove(e: MouseEvent, i: number): void {\n    if (this.readonly || this.disabled || this.precision !== 0.5) return;\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n    const isLeftHalf = (e.clientX - rect.left) / rect.width < 0.5;\n    const val = isLeftHalf ? i - 0.5 : i;\n    if (val !== this._hoverValue) {\n      this._hoverValue = val;\n      this.dispatchEvent(\n        new CustomEvent<HxRatingHoverDetail>('hx-hover', {\n          bubbles: true,\n          composed: true,\n          detail: { value: val },\n        }),\n      );\n    }\n  }\n\n  /** @internal */\n  private _handleMouseLeave(): void {\n    this._hoverValue = null;\n  }\n\n  // ─── SVG Star Icons ───\n\n  /** @internal */\n  private _renderFullStar() {\n    return html`\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"currentColor\"\n        aria-hidden=\"true\"\n        width=\"1em\"\n        height=\"1em\"\n      >\n        <path\n          d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\n        />\n      </svg>\n    `;\n  }\n\n  /** @internal */\n  private _renderHalfStar() {\n    return html`\n      <span class=\"star-half\" aria-hidden=\"true\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          width=\"1em\"\n          height=\"1em\"\n          class=\"star-half__filled\"\n        >\n          <path\n            d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\n          />\n        </svg>\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          width=\"1em\"\n          height=\"1em\"\n          class=\"star-half__empty\"\n        >\n          <path\n            d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\n          />\n        </svg>\n      </span>\n    `;\n  }\n\n  /** @internal */\n  private _renderEmptyStar() {\n    return html`\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.5\"\n        aria-hidden=\"true\"\n        width=\"1em\"\n        height=\"1em\"\n      >\n        <path\n          d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\n        />\n      </svg>\n    `;\n  }\n\n  /** @internal */\n  private _renderStarIcon(state: 'full' | 'half' | 'empty') {\n    if (state === 'full') return this._renderFullStar();\n    if (state === 'half') return this._renderHalfStar();\n    return this._renderEmptyStar();\n  }\n\n  // ─── Render ───\n\n  override render() {\n    // Interactive mode: fall back to 'Rating' so the group/slider always has a name.\n    const ariaLabel = this.label || 'Rating';\n\n    // WCAG 4.1.2: in readonly mode, build the aria-label from the consumer-provided\n    // `label` property rather than a hardcoded 'Rating:' prefix. When a consumer\n    // supplies a label (e.g. \"Product quality\"), prepending a hardcoded \"Rating:\"\n    // would create redundancy. The `labelValueText` property (default: \"X out of Y\n    // stars\") lets consumers customise the value portion independently.\n    const valueText = this.labelValueText(this.value, this.max);\n    const readonlyAriaLabel = this.label ? `${this.label}: ${valueText}` : valueText;\n\n    if (this.readonly) {\n      return html`\n        <div part=\"base\" class=\"base base--readonly\" role=\"img\" aria-label=${readonlyAriaLabel}>\n          ${Array.from({ length: this.max }, (_, idx) => {\n            const i = idx + 1;\n            const state = this._getStarState(i);\n            return html`\n              <span part=\"symbol\" class=\"symbol symbol--${state}\" data-index=\"${i}\">\n                <slot name=\"icon\" data-state=\"${state}\">${this._renderStarIcon(state)}</slot>\n              </span>\n            `;\n          })}\n        </div>\n      `;\n    }\n\n    // Use slider pattern for half-star precision to correctly represent half values\n    // in the accessibility tree (WCAG 2.5.3, axe: label-content-name-mismatch)\n    if (this.precision === 0.5) {\n      return html`\n        <div\n          part=\"base\"\n          class=\"base${this.disabled ? ' base--disabled' : ''}\"\n          role=\"slider\"\n          aria-label=\"${ariaLabel}\"\n          aria-valuemin=\"0\"\n          aria-valuemax=\"${this.max}\"\n          aria-valuenow=\"${this.value}\"\n          aria-valuetext=\"${this._ariaValueText()}\"\n          aria-disabled=\"${this.disabled ? 'true' : nothing}\"\n          tabindex=\"${this.disabled ? '-1' : '0'}\"\n          @keydown=\"${this._handleKeydown}\"\n          @mouseleave=\"${this._handleMouseLeave}\"\n        >\n          ${Array.from({ length: this.max }, (_, idx) => {\n            const i = idx + 1;\n            const state = this._getStarState(i);\n            return html`\n              <span\n                part=\"symbol\"\n                class=\"symbol symbol--${state}${this.disabled ? ' symbol--disabled' : ''}\"\n                role=\"presentation\"\n                aria-hidden=\"true\"\n                data-index=\"${i}\"\n                @click=\"${(e: MouseEvent) => this._handleSymbolClick(e, i)}\"\n                @mouseenter=\"${(e: MouseEvent) => this._handleSymbolMouseEnter(e, i)}\"\n                @mousemove=\"${(e: MouseEvent) => this._handleSymbolMouseMove(e, i)}\"\n              >\n                <slot name=\"icon\" data-state=\"${state}\">${this._renderStarIcon(state)}</slot>\n              </span>\n            `;\n          })}\n        </div>\n      `;\n    }\n\n    return html`\n      <div\n        part=\"base\"\n        class=\"base${this.disabled ? ' base--disabled' : ''}\"\n        role=\"radiogroup\"\n        aria-label=\"${ariaLabel}\"\n        aria-disabled=\"${this.disabled ? 'true' : nothing}\"\n        tabindex=\"-1\"\n        @keydown=\"${this._handleKeydown}\"\n        @mouseleave=\"${this._handleMouseLeave}\"\n      >\n        ${Array.from({ length: this.max }, (_, idx) => {\n          const i = idx + 1;\n          const state = this._getStarState(i);\n          const checked = this._isChecked(i);\n          const starLabel = this.labelStar(i);\n          const isActiveTabStop = this.value > 0 ? Math.ceil(this.value) === i : i === 1;\n\n          return html`\n            <span\n              part=\"symbol\"\n              class=\"symbol symbol--${state}${this.disabled ? ' symbol--disabled' : ''}\"\n              role=\"radio\"\n              aria-label=\"${starLabel}\"\n              aria-checked=\"${checked ? 'true' : 'false'}\"\n              tabindex=\"${!this.disabled && isActiveTabStop ? '0' : '-1'}\"\n              data-index=\"${i}\"\n              @click=\"${(e: MouseEvent) => this._handleSymbolClick(e, i)}\"\n              @mouseenter=\"${(e: MouseEvent) => this._handleSymbolMouseEnter(e, i)}\"\n              @mousemove=\"${(e: MouseEvent) => this._handleSymbolMouseMove(e, i)}\"\n            >\n              <slot name=\"icon\" data-state=\"${state}\">${this._renderStarIcon(state)}</slot>\n            </span>\n          `;\n        })}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-rating': HelixRating;\n  }\n}\n"],"names":["helixRatingStyles","css","HelixRating","LitElement","count","value","max","changedProps","state","_mode","parsed","disabled","_a","v","clamped","snapped","i","dv","rect","next","_b","val","html","ariaLabel","valueText","readonlyAriaLabel","_","idx","nothing","e","checked","starLabel","isActiveTabStop","tokenStyles","__decorateClass","property","customElement"],"mappings":";;;AAEO,MAAMA,IAAoBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;AC2E1B,IAAMC,IAAN,cAA0BC,EAAW;AAAA,EAW1C,cAAc;AACZ,UAAA,GAYF,KAAA,QAAQ,GAOR,KAAA,MAAM,GAON,KAAA,YAAqB,GAOrB,KAAA,WAAW,IAOX,KAAA,WAAW,IAOX,KAAA,OAAO,IAOP,KAAA,QAAQ,IAOR,KAAA,WAAW,IAQX,KAAA,YAAuC,CAACC,MAAWA,MAAU,IAAI,WAAW,GAAGA,CAAK,UAQpF,KAAA,iBAAyD,CAACC,GAAOC,MAC/D,GAAGD,CAAK,WAAWC,CAAG,UAGf,KAAQ,cAA6B,MAG9C,KAAQ,gBAAgB,GAlFtB,KAAK,aAAa,KAAK,gBAAA;AAAA,EACzB;AAAA;AAAA,EAqFS,eAAqB;AAC5B,SAAK,gBAAgB,KAAK;AAAA,EAC5B;AAAA,EAES,QAAQC,GAA0C;AACzD,KAAIA,EAAa,IAAI,OAAO,KAAKA,EAAa,IAAI,MAAM,MACtD,KAAK,WAAW,aAAa,OAAO,KAAK,KAAK,CAAC,IAE7CA,EAAa,IAAI,OAAO,KAAKA,EAAa,IAAI,UAAU,MAC1D,KAAK,gBAAA;AAAA,EAET;AAAA;AAAA,EAGA,oBAA0B;AACxB,SAAK,QAAQ,KAAK,eAClB,KAAK,WAAW,aAAa,OAAO,KAAK,aAAa,CAAC;AAAA,EACzD;AAAA;AAAA,EAGA,yBACEC,GACAC,GACM;AACN,QAAI,OAAOD,KAAU,UAAU;AAC7B,YAAME,IAAS,WAAWF,CAAK;AAC/B,MAAK,MAAME,CAAM,MACf,KAAK,QAAQA,GACb,KAAK,WAAW,aAAaF,CAAK;AAAA,IAEtC;AAAA,EACF;AAAA;AAAA,EAGA,qBAAqBG,GAAyB;AAC5C,SAAK,WAAWA;AAAA,EAClB;AAAA;AAAA,EAGA,IAAI,WAA0B;AAC5B,WAAO,KAAK,WAAW;AAAA,EACzB;AAAA;AAAA,EAGA,IAAI,oBAA4B;AAC9B,WAAO,KAAK,WAAW;AAAA,EACzB;AAAA;AAAA,EAGA,gBAAyB;AACvB,WAAO,KAAK,WAAW,cAAA;AAAA,EACzB;AAAA;AAAA,EAGA,iBAA0B;AACxB,WAAO,KAAK,WAAW,eAAA;AAAA,EACzB;AAAA;AAAA,EAGQ,kBAAwB;;AAC9B,IAAI,KAAK,YAAY,KAAK,UAAU,IAClC,KAAK,WAAW;AAAA,MACd,EAAE,cAAc,GAAA;AAAA,MAChB;AAAA,QACAC,IAAA,KAAK,eAAL,gBAAAA,EAAiB,cAA2B,qBAAoB;AAAA,IAAA,IAGlE,KAAK,WAAW,YAAY,EAAE;AAAA,EAElC;AAAA;AAAA;AAAA,EAKA,IAAY,gBAAwB;AAClC,WAAO,KAAK,eAAe,KAAK;AAAA,EAClC;AAAA;AAAA,EAGQ,cAAcC,GAAmB;AACvC,UAAMC,IAAU,KAAK,IAAI,KAAK,IAAI,GAAGD,CAAC,GAAG,KAAK,GAAG,GAE3CE,IADQ,KAAK,MAAMD,IAAU,KAAK,SAAS,IACzB,KAAK;AAC7B,WAAO,WAAWC,EAAQ,QAAQ,KAAK,cAAc,MAAM,IAAI,CAAC,CAAC;AAAA,EACnE;AAAA;AAAA,EAGQ,iBAAyB;AAC/B,WAAO,KAAK,eAAe,KAAK,OAAO,KAAK,GAAG;AAAA,EACjD;AAAA;AAAA,EAGQ,cAAcC,GAAsC;AAC1D,UAAMC,IAAK,KAAK;AAChB,WAAIA,KAAMD,IAAU,SAChB,KAAK,cAAc,OAAOC,KAAMD,IAAI,MAAY,SAC7C;AAAA,EACT;AAAA;AAAA;AAAA,EAIQ,WAAWA,GAAoB;AAErC,WADI,KAAK,IAAI,KAAK,QAAQA,CAAC,IAAI,QAC3B,KAAK,cAAc,OAAO,KAAK,IAAI,KAAK,SAASA,IAAI,IAAI,IAAI;AAAA,EAEnE;AAAA;AAAA;AAAA,EAIQ,cAAc,GAAeA,GAAmB;AACtD,QAAI,KAAK,cAAc,KAAK;AAC1B,YAAME,IAAQ,EAAE,cAA8B,sBAAA;AAE9C,cADoB,EAAE,UAAUA,EAAK,QAAQA,EAAK,QAAQ,MACtCF,IAAI,MAAMA;AAAA,IAChC;AACA,WAAOA;AAAA,EACT;AAAA;AAAA;AAAA,EAKQ,UAAUH,GAAiB;AACjC,QAAI,KAAK,YAAY,KAAK,SAAU;AACpC,UAAMM,IAAO,KAAK,cAAcN,CAAC;AACjC,SAAK,QAAQM,GACb,KAAK,WAAW,aAAa,OAAOA,CAAI,CAAC,GACzC,KAAK;AAAA,MACH,IAAI,YAAkC,aAAa;AAAA,QACjD,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ,EAAE,OAAOA,EAAA;AAAA,MAAK,CACvB;AAAA,IAAA;AAAA,EAEL;AAAA;AAAA,EAGQ,eAAe,GAAwB;AAC7C,QAAI,KAAK,YAAY,KAAK,SAAU;AACpC,QAAIA,IAAsB;AAE1B,YAAQ,EAAE,KAAA;AAAA,MACR,KAAK;AAAA,MACL,KAAK;AACH,UAAE,eAAA,GACFA,IAAO,KAAK,cAAc,KAAK,QAAQ,KAAK,SAAS;AACrD;AAAA,MACF,KAAK;AAAA,MACL,KAAK;AACH,UAAE,eAAA,GACFA,IAAO,KAAK,cAAc,KAAK,QAAQ,KAAK,SAAS;AACrD;AAAA,MACF,KAAK;AACH,UAAE,eAAA,GACFA,IAAO;AACP;AAAA,MACF,KAAK;AACH,UAAE,eAAA,GACFA,IAAO,KAAK;AACZ;AAAA,MACF;AACE;AAAA,IAAA;AAGJ,IAAIA,MAAS,SACX,KAAK,UAAUA,CAAI,GACf,KAAK,cAAc,OAChB,KAAK,eAAe,KAAK,MAAM;;AAClC,OAAAC,KAAAR,IAAA,KAAK,eAAL,gBAAAA,EAAiB,cAA2B,qCAA5C,QAAAQ,EAA8E;AAAA,IAChF,CAAC;AAAA,EAGP;AAAA;AAAA,EAGQ,mBAAmB,GAAeJ,GAAiB;AACzD,IAAI,KAAK,YAAY,KAAK,YAC1B,KAAK,UAAU,KAAK,cAAc,GAAGA,CAAC,CAAC;AAAA,EACzC;AAAA;AAAA,EAGQ,wBAAwB,GAAeA,GAAiB;AAC9D,QAAI,KAAK,YAAY,KAAK,SAAU;AACpC,UAAMK,IAAM,KAAK,cAAc,GAAGL,CAAC;AACnC,SAAK,cAAcK,GACnB,KAAK;AAAA,MACH,IAAI,YAAiC,YAAY;AAAA,QAC/C,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ,EAAE,OAAOA,EAAA;AAAA,MAAI,CACtB;AAAA,IAAA;AAAA,EAEL;AAAA;AAAA,EAGQ,uBAAuB,GAAeL,GAAiB;AAC7D,QAAI,KAAK,YAAY,KAAK,YAAY,KAAK,cAAc,IAAK;AAC9D,UAAME,IAAQ,EAAE,cAA8B,sBAAA,GAExCG,KADc,EAAE,UAAUH,EAAK,QAAQA,EAAK,QAAQ,MACjCF,IAAI,MAAMA;AACnC,IAAIK,MAAQ,KAAK,gBACf,KAAK,cAAcA,GACnB,KAAK;AAAA,MACH,IAAI,YAAiC,YAAY;AAAA,QAC/C,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ,EAAE,OAAOA,EAAA;AAAA,MAAI,CACtB;AAAA,IAAA;AAAA,EAGP;AAAA;AAAA,EAGQ,oBAA0B;AAChC,SAAK,cAAc;AAAA,EACrB;AAAA;AAAA;AAAA,EAKQ,kBAAkB;AACxB,WAAOC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcT;AAAA;AAAA,EAGQ,kBAAkB;AACxB,WAAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8BT;AAAA;AAAA,EAGQ,mBAAmB;AACzB,WAAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBT;AAAA;AAAA,EAGQ,gBAAgBd,GAAkC;AACxD,WAAIA,MAAU,SAAe,KAAK,gBAAA,IAC9BA,MAAU,SAAe,KAAK,gBAAA,IAC3B,KAAK,iBAAA;AAAA,EACd;AAAA;AAAA,EAIS,SAAS;AAEhB,UAAMe,IAAY,KAAK,SAAS,UAO1BC,IAAY,KAAK,eAAe,KAAK,OAAO,KAAK,GAAG,GACpDC,IAAoB,KAAK,QAAQ,GAAG,KAAK,KAAK,KAAKD,CAAS,KAAKA;AAEvE,WAAI,KAAK,WACAF;AAAA,6EACgEG,CAAiB;AAAA,YAClF,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAA,GAAO,CAACC,GAAGC,MAAQ;AAC7C,YAAMX,IAAIW,IAAM,GACVnB,IAAQ,KAAK,cAAcQ,CAAC;AAClC,aAAOM;AAAA,0DACuCd,CAAK,iBAAiBQ,CAAC;AAAA,gDACjCR,CAAK,KAAK,KAAK,gBAAgBA,CAAK,CAAC;AAAA;AAAA;AAAA,IAG3E,CAAC,CAAC;AAAA;AAAA,UAOJ,KAAK,cAAc,MACdc;AAAA;AAAA;AAAA,uBAGU,KAAK,WAAW,oBAAoB,EAAE;AAAA;AAAA,wBAErCC,CAAS;AAAA;AAAA,2BAEN,KAAK,GAAG;AAAA,2BACR,KAAK,KAAK;AAAA,4BACT,KAAK,gBAAgB;AAAA,2BACtB,KAAK,WAAW,SAASK,CAAO;AAAA,sBACrC,KAAK,WAAW,OAAO,GAAG;AAAA,sBAC1B,KAAK,cAAc;AAAA,yBAChB,KAAK,iBAAiB;AAAA;AAAA,YAEnC,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAA,GAAO,CAACF,GAAGC,MAAQ;AAC7C,YAAMX,IAAIW,IAAM,GACVnB,IAAQ,KAAK,cAAcQ,CAAC;AAClC,aAAOM;AAAA;AAAA;AAAA,wCAGqBd,CAAK,GAAG,KAAK,WAAW,sBAAsB,EAAE;AAAA;AAAA;AAAA,8BAG1DQ,CAAC;AAAA,0BACL,CAACa,MAAkB,KAAK,mBAAmBA,GAAGb,CAAC,CAAC;AAAA,+BAC3C,CAACa,MAAkB,KAAK,wBAAwBA,GAAGb,CAAC,CAAC;AAAA,8BACtD,CAACa,MAAkB,KAAK,uBAAuBA,GAAGb,CAAC,CAAC;AAAA;AAAA,gDAElCR,CAAK,KAAK,KAAK,gBAAgBA,CAAK,CAAC;AAAA;AAAA;AAAA,IAG3E,CAAC,CAAC;AAAA;AAAA,UAKDc;AAAA;AAAA;AAAA,qBAGU,KAAK,WAAW,oBAAoB,EAAE;AAAA;AAAA,sBAErCC,CAAS;AAAA,yBACN,KAAK,WAAW,SAASK,CAAO;AAAA;AAAA,oBAErC,KAAK,cAAc;AAAA,uBAChB,KAAK,iBAAiB;AAAA;AAAA,UAEnC,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAA,GAAO,CAACF,GAAGC,MAAQ;AAC7C,YAAMX,IAAIW,IAAM,GACVnB,IAAQ,KAAK,cAAcQ,CAAC,GAC5Bc,IAAU,KAAK,WAAWd,CAAC,GAC3Be,IAAY,KAAK,UAAUf,CAAC,GAC5BgB,IAAkB,KAAK,QAAQ,IAAI,KAAK,KAAK,KAAK,KAAK,MAAMhB,IAAIA,MAAM;AAE7E,aAAOM;AAAA;AAAA;AAAA,sCAGqBd,CAAK,GAAG,KAAK,WAAW,sBAAsB,EAAE;AAAA;AAAA,4BAE1DuB,CAAS;AAAA,8BACPD,IAAU,SAAS,OAAO;AAAA,0BAC9B,CAAC,KAAK,YAAYE,IAAkB,MAAM,IAAI;AAAA,4BAC5ChB,CAAC;AAAA,wBACL,CAACa,MAAkB,KAAK,mBAAmBA,GAAGb,CAAC,CAAC;AAAA,6BAC3C,CAACa,MAAkB,KAAK,wBAAwBA,GAAGb,CAAC,CAAC;AAAA,4BACtD,CAACa,MAAkB,KAAK,uBAAuBA,GAAGb,CAAC,CAAC;AAAA;AAAA,8CAElCR,CAAK,KAAK,KAAK,gBAAgBA,CAAK,CAAC;AAAA;AAAA;AAAA,IAG3E,CAAC,CAAC;AAAA;AAAA;AAAA,EAGR;AACF;AAzfaN,EACK,SAAS,CAAC+B,GAAajC,CAAiB;AAD7CE,EAMJ,iBAAiB;AAkBxBgC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAvB9BjC,EAwBX,WAAA,SAAA,CAAA;AAOAgC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GA9B9BjC,EA+BX,WAAA,OAAA,CAAA;AAOAgC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GArC9BjC,EAsCX,WAAA,aAAA,CAAA;AAOAgC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GA5C/BjC,EA6CX,WAAA,YAAA,CAAA;AAOAgC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAnD/BjC,EAoDX,WAAA,YAAA,CAAA;AAOAgC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GA1DfjC,EA2DX,WAAA,QAAA,CAAA;AAOAgC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAjEfjC,EAkEX,WAAA,SAAA,CAAA;AAOAgC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAxE/BjC,EAyEX,WAAA,YAAA,CAAA;AAQAgC,EAAA;AAAA,EADCC,EAAS,EAAE,WAAW,GAAA,CAAO;AAAA,GAhFnBjC,EAiFX,WAAA,aAAA,CAAA;AAQAgC,EAAA;AAAA,EADCC,EAAS,EAAE,WAAW,GAAA,CAAO;AAAA,GAxFnBjC,EAyFX,WAAA,kBAAA,CAAA;AAIiBgC,EAAA;AAAA,EAAhB1B,EAAA;AAAM,GA7FIN,EA6FM,WAAA,eAAA,CAAA;AA7FNA,IAANgC,EAAA;AAAA,EADNE,EAAc,WAAW;AAAA,GACblC,CAAA;"}