@shibui-ui/ui 1.24.1 → 1.25.1

package/dist/index53.js

@@ -1,8 +1,9 @@
 import { unsafeCSS, css, LitElement } from "lit";
-import { property, query, customElement } from "lit/decorators.js";
-import { chipTemplate } from "./index291.js";
-import chipCss from "./index292.js";
+import { property, state, customElement } from "lit/decorators.js";
+import pickerCss from "./index203.js";
 import sharedTokens from "./index196.js";
+import { colorPickerTemplate, swatchGridTemplate } from "./index204.js";
+import { SHIBUI_SWATCHES } from "./index205.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -13,88 +14,358 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-let LibChip = class extends LitElement {
+function hslToHex(h, s, l) {
+  const sl = s / 100;
+  const ll = l / 100;
+  const k = (n) => (n + h / 30) % 12;
+  const a = sl * Math.min(ll, 1 - ll);
+  const f = (n) => ll - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1)));
+  return "#" + [f(0), f(8), f(4)].map((x) => Math.round(x * 255).toString(16).padStart(2, "0")).join("").toUpperCase();
+}
+function hexToRgb(hex) {
+  const clean = hex.replace("#", "");
+  return {
+    r: parseInt(clean.slice(0, 2), 16),
+    g: parseInt(clean.slice(2, 4), 16),
+    b: parseInt(clean.slice(4, 6), 16)
+  };
+}
+function hexToHsl(hex) {
+  const { r, g, b } = hexToRgb(hex);
+  const rn = r / 255;
+  const gn = g / 255;
+  const bn = b / 255;
+  const max = Math.max(rn, gn, bn);
+  const min = Math.min(rn, gn, bn);
+  let h = 0;
+  let s = 0;
+  const l = (max + min) / 2;
+  if (max !== min) {
+    const d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    if (max === rn) h = ((gn - bn) / d + (gn < bn ? 6 : 0)) / 6;
+    else if (max === gn) h = ((bn - rn) / d + 2) / 6;
+    else h = ((rn - gn) / d + 4) / 6;
+  }
+  return {
+    h: Math.round(h * 360),
+    s: Math.round(s * 100),
+    l: Math.round(l * 100)
+  };
+}
+function isValidHex(v) {
+  return /^#[0-9A-Fa-f]{6}$/.test(v);
+}
+let LibColorPicker = class extends LitElement {
   constructor() {
     super(...arguments);
-    this.kind = "static";
-    this.size = "md";
-    this.color = "default";
-    this.selected = false;
-    this.dot = false;
-    this.ariaLabel = "";
-  }
-  /* ── Toggle ── */
-  _handleToggle() {
-    this.selected = !this.selected;
-    this.dispatchEvent(new CustomEvent("ui-lib-chip-toggle", {
-      detail: { selected: this.selected },
-      bubbles: true,
-      composed: true
-    }));
+    this.value = "#B85A1E";
+    this.variant = "inline";
+    this.showAlpha = false;
+    this.dark = false;
+    this.disabled = false;
+    this.label = "";
+    this.saved = "";
+    this._cs = { h: 25, s: 70, l: 36, alpha: 100 };
+    this._inputMode = "hex";
+    this._open = false;
+    this._savedColors = [];
+    this._prevCs = { ...this._cs };
+    this._dragging = false;
+    this._onDocMouseMove = (e) => {
+      if (!this._dragging) return;
+      this._updateFromCanvasEvent(e);
+    };
+    this._onDocMouseUp = () => {
+      this._dragging = false;
+    };
+    this._onDocClick = (e) => {
+      var _a;
+      if (this.variant !== "trigger" || !this._open) return;
+      if (!this.contains(e.target) && !(((_a = this.shadowRoot) == null ? void 0 : _a.contains(e.target)) ?? false)) {
+        this._cancel();
+      }
+    };
+    this._onKeyDown = (e) => {
+      if (e.key === "Escape" && this._open) this._cancel();
+    };
   }
-  /* ── Remove con animación de salida ── */
-  _handleRemove(e) {
-    e.stopPropagation();
-    const el = this._inputEl;
-    if (!el) {
-      this._emitRemove();
-      return;
+  /* ── Lifecycle ── */
+  connectedCallback() {
+    super.connectedCallback();
+    this._initFromValue(this.value);
+    if (this.saved) {
+      try {
+        this._savedColors = JSON.parse(this.saved);
+      } catch {
+      }
     }
-    el.classList.add("is-removing");
-    el.addEventListener("animationend", () => {
-      this._emitRemove();
-    }, { once: true });
-  }
-  _emitRemove() {
-    this.dispatchEvent(new CustomEvent("ui-lib-chip-remove", {
-      detail: {},
+    document.addEventListener("mouseup", this._onDocMouseUp);
+    document.addEventListener("mousemove", this._onDocMouseMove);
+    document.addEventListener("click", this._onDocClick);
+    document.addEventListener("keydown", this._onKeyDown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    document.removeEventListener("mouseup", this._onDocMouseUp);
+    document.removeEventListener("mousemove", this._onDocMouseMove);
+    document.removeEventListener("click", this._onDocClick);
+    document.removeEventListener("keydown", this._onKeyDown);
+  }
+  /* ── API pública ── */
+  /** Devuelve el color actual en todos los formatos */
+  getValue() {
+    return this._buildColorResult();
+  }
+  /** Establece el color desde hex */
+  setValue(hex) {
+    this._initFromValue(hex);
+    this.requestUpdate();
+  }
+  /* ── Render ── */
+  render() {
+    const res = this._buildColorResult();
+    return colorPickerTemplate({
+      variant: this.variant,
+      label: this.label || res.hex,
+      panelOpen: this._open,
+      hex: res.hex,
+      r: res.r,
+      g: res.g,
+      b: res.b,
+      h: res.h,
+      s: res.s,
+      l: res.l,
+      alpha: res.alpha,
+      inputMode: this._inputMode,
+      savedColors: this._savedColors,
+      showAlpha: this.showAlpha,
+      onTriggerClick: () => this._togglePanel(),
+      onCanvasMousedown: (e) => this._startCanvasDrag(e),
+      onHueInput: (e) => this._onHueInput(e),
+      onAlphaInput: (e) => this._onAlphaSliderInput(e),
+      onModeToggle: () => this._cycleMode(),
+      onHexInput: (e) => this._onHexInput(e),
+      onRgbInput: (idx, e) => this._onRgbInput(idx, e),
+      onHslInput: (idx, e) => this._onHslInput(idx, e),
+      onAlphaNumInput: (e) => this._onAlphaNumInput(e),
+      onSaveColor: () => this._saveCurrentColor(),
+      onSavedClick: (hex) => this._applySavedColor(hex),
+      onCancel: () => this._cancel(),
+      onApply: () => this._apply()
+    });
+  }
+  /* ── Canvas drag ── */
+  _startCanvasDrag(e) {
+    this._dragging = true;
+    this._updateFromCanvasEvent(e);
+  }
+  _updateFromCanvasEvent(e) {
+    var _a;
+    const canvas = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".cp-canvas");
+    if (!canvas) return;
+    const rect = canvas.getBoundingClientRect();
+    const x = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
+    const y = Math.max(0, Math.min(1, (e.clientY - rect.top) / rect.height));
+    this._cs = {
+      ...this._cs,
+      s: Math.round(x * 100),
+      l: Math.round((1 - y) * 100)
+    };
+    this._emitChange();
+  }
+  /* ── Sliders ── */
+  _onHueInput(e) {
+    this._cs = { ...this._cs, h: parseInt(e.target.value) };
+    this._emitChange();
+  }
+  _onAlphaSliderInput(e) {
+    this._cs = { ...this._cs, alpha: parseInt(e.target.value) };
+    this._emitChange();
+  }
+  /* ── Input mode ── */
+  _cycleMode() {
+    const modes = ["hex", "rgb", "hsl"];
+    const i = modes.indexOf(this._inputMode);
+    this._inputMode = modes[(i + 1) % modes.length];
+  }
+  /* ── Text inputs ── */
+  _onHexInput(e) {
+    const v = e.target.value;
+    if (isValidHex(v)) {
+      const hsl = hexToHsl(v);
+      this._cs = { ...this._cs, ...hsl };
+      this._emitChange();
+    }
+  }
+  _onRgbInput(idx, e) {
+    const val = parseInt(e.target.value) || 0;
+    const clamped = Math.max(0, Math.min(255, val));
+    const { r, g, b } = hexToRgb(this._buildHex());
+    const rgb = [r, g, b];
+    rgb[idx] = clamped;
+    const hex = "#" + rgb.map((x) => x.toString(16).padStart(2, "0")).join("").toUpperCase();
+    const hsl = hexToHsl(hex);
+    this._cs = { ...this._cs, ...hsl };
+    this._emitChange();
+  }
+  _onHslInput(idx, e) {
+    const val = parseInt(e.target.value) || 0;
+    const maxes = [360, 100, 100];
+    const clamped = Math.max(0, Math.min(maxes[idx], val));
+    const next = { ...this._cs };
+    if (idx === 0) next.h = clamped;
+    else if (idx === 1) next.s = clamped;
+    else next.l = clamped;
+    this._cs = next;
+    this._emitChange();
+  }
+  _onAlphaNumInput(e) {
+    const val = parseInt(e.target.value) || 0;
+    this._cs = { ...this._cs, alpha: Math.max(0, Math.min(100, val)) };
+    this._emitChange();
+  }
+  /* ── Saved colors ── */
+  _saveCurrentColor() {
+    const hex = this._buildHex();
+    if (!this._savedColors.includes(hex)) {
+      this._savedColors = [...this._savedColors, hex];
+    }
+  }
+  _applySavedColor(hex) {
+    this._initFromValue(hex);
+    this._emitChange();
+  }
+  /* ── Panel (trigger mode) ── */
+  _togglePanel() {
+    if (this._open) {
+      this._cancel();
+    } else {
+      this._prevCs = { ...this._cs };
+      this._open = true;
+    }
+  }
+  _cancel() {
+    this._cs = { ...this._prevCs };
+    this._open = false;
+  }
+  _apply() {
+    this._open = false;
+    this.dispatchEvent(new CustomEvent("ui-lib-apply", {
+      detail: this._buildColorResult(),
       bubbles: true,
       composed: true
     }));
   }
-  /* ── Animación de entrada (llamar desde fuera si se crea dinámicamente) ── */
-  animateIn() {
-    var _a;
-    const el = this._inputEl ?? ((_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chip, .chip-toggle"));
-    if (!el) return;
-    el.classList.remove("is-entering");
-    void el.offsetWidth;
-    el.classList.add("is-entering");
-    el.addEventListener("animationend", () => el.classList.remove("is-entering"), { once: true });
+  /* ── Helpers ── */
+  _initFromValue(hex) {
+    if (!isValidHex(hex)) return;
+    const hsl = hexToHsl(hex);
+    this._cs = { ...this._cs, ...hsl };
   }
-  render() {
-    return chipTemplate(this);
+  _buildHex() {
+    return hslToHex(this._cs.h, this._cs.s, this._cs.l);
+  }
+  _buildColorResult() {
+    const hex = this._buildHex();
+    const { r, g, b } = hexToRgb(hex);
+    return { hex, r, g, b, ...this._cs };
+  }
+  _emitChange() {
+    this.dispatchEvent(new CustomEvent("ui-lib-change", {
+      detail: this._buildColorResult(),
+      bubbles: true,
+      composed: true
+    }));
   }
 };
-LibChip.styles = [
+LibColorPicker.styles = [
   css`${unsafeCSS(sharedTokens)}`,
-  css`${unsafeCSS(chipCss)}`
+  css`${unsafeCSS(pickerCss)}`
 ];
 __decorateClass([
-  property({ type: String, reflect: true })
-], LibChip.prototype, "kind", 2);
+  property({ type: String })
+], LibColorPicker.prototype, "value", 2);
 __decorateClass([
   property({ type: String, reflect: true })
-], LibChip.prototype, "size", 2);
+], LibColorPicker.prototype, "variant", 2);
 __decorateClass([
-  property({ type: String, reflect: true })
-], LibChip.prototype, "color", 2);
+  property({ type: Boolean, reflect: true, attribute: "show-alpha" })
+], LibColorPicker.prototype, "showAlpha", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibColorPicker.prototype, "dark", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibChip.prototype, "selected", 2);
+], LibColorPicker.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: String })
+], LibColorPicker.prototype, "label", 2);
+__decorateClass([
+  property({ type: String })
+], LibColorPicker.prototype, "saved", 2);
+__decorateClass([
+  state()
+], LibColorPicker.prototype, "_cs", 2);
+__decorateClass([
+  state()
+], LibColorPicker.prototype, "_inputMode", 2);
+__decorateClass([
+  state()
+], LibColorPicker.prototype, "_open", 2);
+__decorateClass([
+  state()
+], LibColorPicker.prototype, "_savedColors", 2);
+LibColorPicker = __decorateClass([
+  customElement("lib-color-picker")
+], LibColorPicker);
+let LibColorSwatches = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.dark = false;
+    this.value = "";
+    this.rowsJson = "";
+  }
+  render() {
+    let rows = SHIBUI_SWATCHES;
+    if (this.rowsJson) {
+      try {
+        rows = JSON.parse(this.rowsJson);
+      } catch {
+      }
+    }
+    return swatchGridTemplate({
+      rows,
+      selected: this.value,
+      onSelect: (c) => {
+        this.value = c.value;
+        this.dispatchEvent(new CustomEvent("ui-lib-swatch-click", {
+          detail: c,
+          bubbles: true,
+          composed: true
+        }));
+      }
+    });
+  }
+};
+LibColorSwatches.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(pickerCss)}`
+];
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibChip.prototype, "dot", 2);
+], LibColorSwatches.prototype, "dark", 2);
 __decorateClass([
-  property({ type: String, attribute: "aria-label" })
-], LibChip.prototype, "ariaLabel", 2);
+  property({ type: String })
+], LibColorSwatches.prototype, "value", 2);
 __decorateClass([
-  query(".chip-input")
-], LibChip.prototype, "_inputEl", 2);
-LibChip = __decorateClass([
-  customElement("lib-chip")
-], LibChip);
+  property({ type: String })
+], LibColorSwatches.prototype, "rowsJson", 2);
+LibColorSwatches = __decorateClass([
+  customElement("lib-color-swatches")
+], LibColorSwatches);
 export {
-  LibChip
+  LibColorPicker,
+  LibColorSwatches
 };
 //# sourceMappingURL=index53.js.map

package/dist/index53.js.map

@@ -1 +1 @@
-{"version":3,"file":"index53.js","sources":["../src/components/molecules/chip/lib-chip.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { chipTemplate } from './lib-chip.html';\nimport chipCss from './lib-chip.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport type { ChipKind, ChipSize, ChipColor } from './lib-chip.types';\n\n/**\n * lib-chip — Chip Shibui (SG-26)\n *\n * Tres familias semánticas controladas por `kind`:\n *   - static  → etiqueta read-only, taxonomía\n *   - toggle  → filtro seleccionable (aria-checkbox)\n *   - input   → tag removible con botón ×\n *\n * @prop kind       — 'static' | 'toggle' | 'input'\n * @prop size       — 'xs' | 'sm' | 'md' | 'lg'\n * @prop color      — 'default' | 'kaki' | 'celadon' | 'error' | 'info' | 'dark'\n * @prop selected   — Estado seleccionado (solo kind=toggle)\n * @prop dot        — Dot de color antes del texto\n * @prop aria-label — Texto accesible del chip\n *\n * @fires ui-lib-chip-toggle  — { detail: { selected: boolean } }  (kind=toggle)\n * @fires ui-lib-chip-remove  — { detail: {} }                     (kind=input)\n *\n * @slot         — Texto/label del chip\n * @slot icon    — Icono a la izquierda del texto\n * @slot avatar  — Avatar circular (solo kind=input, opcionalmente static)\n */\n@customElement('lib-chip')\nexport class LibChip extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(chipCss)}`,\n  ];\n\n  @property({ type: String, reflect: true })\n  kind: ChipKind = 'static';\n\n  @property({ type: String, reflect: true })\n  size: ChipSize = 'md';\n\n  @property({ type: String, reflect: true })\n  color: ChipColor = 'default';\n\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  @property({ type: Boolean, reflect: true })\n  dot = false;\n\n  @property({ type: String, attribute: 'aria-label' })\n  override ariaLabel = '';\n\n  @query('.chip-input')\n  declare private _inputEl: HTMLElement | null;\n\n  /* ── Toggle ── */\n  _handleToggle(): void {\n    this.selected = !this.selected;\n    this.dispatchEvent(new CustomEvent('ui-lib-chip-toggle', {\n      detail: { selected: this.selected },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /* ── Remove con animación de salida ── */\n  _handleRemove(e: MouseEvent): void {\n    e.stopPropagation();\n    const el = this._inputEl;\n    if (!el) {\n      this._emitRemove();\n      return;\n    }\n    el.classList.add('is-removing');\n    el.addEventListener('animationend', (): void => {\n      this._emitRemove();\n    }, { once: true });\n  }\n\n  private _emitRemove(): void {\n    this.dispatchEvent(new CustomEvent('ui-lib-chip-remove', {\n      detail: {},\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /* ── Animación de entrada (llamar desde fuera si se crea dinámicamente) ── */\n  animateIn(): void {\n    const el = this._inputEl ?? this.shadowRoot?.querySelector('.chip, .chip-toggle') as HTMLElement | null;\n    if (!el) return;\n    el.classList.remove('is-entering');\n    void el.offsetWidth; // reflow\n    el.classList.add('is-entering');\n    el.addEventListener('animationend', (): void => el.classList.remove('is-entering'), { once: true });\n  }\n\n  protected override render(): TemplateResult {\n    return chipTemplate(this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-chip': LibChip;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AA8BO,IAAM,UAAN,cAAsB,WAAW;AAAA,EAAjC,cAAA;AAAA,UAAA,GAAA,SAAA;AAOL,SAAA,OAAiB;AAGjB,SAAA,OAAiB;AAGjB,SAAA,QAAmB;AAGnB,SAAA,WAAW;AAGX,SAAA,MAAM;AAGN,SAAS,YAAY;AAAA,EAAA;AAAA;AAAA,EAMrB,gBAAsB;AACpB,SAAK,WAAW,CAAC,KAAK;AACtB,SAAK,cAAc,IAAI,YAAY,sBAAsB;AAAA,MACvD,QAAQ,EAAE,UAAU,KAAK,SAAA;AAAA,MACzB,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EACJ;AAAA;AAAA,EAGA,cAAc,GAAqB;AACjC,MAAE,gBAAA;AACF,UAAM,KAAK,KAAK;AAChB,QAAI,CAAC,IAAI;AACP,WAAK,YAAA;AACL;AAAA,IACF;AACA,OAAG,UAAU,IAAI,aAAa;AAC9B,OAAG,iBAAiB,gBAAgB,MAAY;AAC9C,WAAK,YAAA;AAAA,IACP,GAAG,EAAE,MAAM,MAAM;AAAA,EACnB;AAAA,EAEQ,cAAoB;AAC1B,SAAK,cAAc,IAAI,YAAY,sBAAsB;AAAA,MACvD,QAAQ,CAAA;AAAA,MACR,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EACJ;AAAA;AAAA,EAGA,YAAkB;;AAChB,UAAM,KAAK,KAAK,cAAY,UAAK,eAAL,mBAAiB,cAAc;AAC3D,QAAI,CAAC,GAAI;AACT,OAAG,UAAU,OAAO,aAAa;AACjC,SAAK,GAAG;AACR,OAAG,UAAU,IAAI,aAAa;AAC9B,OAAG,iBAAiB,gBAAgB,MAAY,GAAG,UAAU,OAAO,aAAa,GAAG,EAAE,MAAM,KAAA,CAAM;AAAA,EACpG;AAAA,EAEmB,SAAyB;AAC1C,WAAO,aAAa,IAAI;AAAA,EAC1B;AACF;AAxEa,QACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,OAAO,CAAC;AAC1B;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAN9B,QAOX,WAAA,QAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAT9B,QAUX,WAAA,QAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAZ9B,QAaX,WAAA,SAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAf/B,QAgBX,WAAA,YAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAlB/B,QAmBX,WAAA,OAAA,CAAA;AAGS,gBAAA;AAAA,EADR,SAAS,EAAE,MAAM,QAAQ,WAAW,cAAc;AAAA,GArBxC,QAsBF,WAAA,aAAA,CAAA;AAGO,gBAAA;AAAA,EADf,MAAM,aAAa;AAAA,GAxBT,QAyBK,WAAA,YAAA,CAAA;AAzBL,UAAN,gBAAA;AAAA,EADN,cAAc,UAAU;AAAA,GACZ,OAAA;"}
+{"version":3,"file":"index53.js","sources":["../src/components/molecules/color-picker/lib-color-picker.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport pickerCss from './lib-color-picker.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport { colorPickerTemplate, swatchGridTemplate } from './lib-color-picker.html';\nimport { SHIBUI_SWATCHES } from './lib-color-picker.types';\nimport type {\n  ColorPickerVariant,\n  ColorInputMode,\n  SwatchRow,\n  SwatchColor,\n  ColorState,\n} from './lib-color-picker.types';\n\n/* ──────────────────────────────────────\n   Color conversion utilities\n   ────────────────────────────────────── */\nfunction hslToHex(h: number, s: number, l: number): string {\n  const sl = s / 100;\n  const ll = l / 100;\n  const k  = (n: number): number => (n + h / 30) % 12;\n  const a  = sl * Math.min(ll, 1 - ll);\n  const f  = (n: number): number =>\n    ll - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1)));\n  return '#' + ([f(0), f(8), f(4)] as number[])\n    .map(x => Math.round(x * 255).toString(16).padStart(2, '0'))\n    .join('')\n    .toUpperCase();\n}\n\nfunction hexToRgb(hex: string): { r: number; g: number; b: number } {\n  const clean = hex.replace('#', '');\n  return {\n    r: parseInt(clean.slice(0, 2), 16),\n    g: parseInt(clean.slice(2, 4), 16),\n    b: parseInt(clean.slice(4, 6), 16),\n  };\n}\n\nfunction hexToHsl(hex: string): { h: number; s: number; l: number } {\n  const { r, g, b } = hexToRgb(hex);\n  const rn = r / 255; const gn = g / 255; const bn = b / 255;\n  const max = Math.max(rn, gn, bn);\n  const min = Math.min(rn, gn, bn);\n  let h = 0; let s = 0;\n  const l = (max + min) / 2;\n\n  if (max !== min) {\n    const d = max - min;\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n    if (max === rn)      h = ((gn - bn) / d + (gn < bn ? 6 : 0)) / 6;\n    else if (max === gn) h = ((bn - rn) / d + 2) / 6;\n    else                 h = ((rn - gn) / d + 4) / 6;\n  }\n  return {\n    h: Math.round(h * 360),\n    s: Math.round(s * 100),\n    l: Math.round(l * 100),\n  };\n}\n\nfunction isValidHex(v: string): boolean {\n  return /^#[0-9A-Fa-f]{6}$/.test(v);\n}\n\n/**\n * @element lib-color-picker\n *\n * Selector de color con canvas 2D (saturación/luminosidad), slider de tono,\n * slider de opacidad, inputs HEX/RGB/HSL intercambiables y colores guardados.\n *\n * @prop {string}             value     — Color inicial en HEX (#RRGGBB)\n * @prop {ColorPickerVariant} variant   — inline · trigger (default: inline)\n * @prop {boolean}            show-alpha— Mostrar slider y campo de opacidad\n * @prop {boolean}            dark      — Modo oscuro\n * @prop {boolean}            disabled  — Desactivado\n * @prop {string}             label     — Texto del trigger (variant=trigger)\n * @prop {string}             saved     — Colores guardados iniciales (JSON array)\n *\n * @fires ui-lib-change       — {detail: {value: string, hex: string, r, g, b, h, s, l, alpha}}\n * @fires ui-lib-apply        — Igual a change pero solo al pulsar \"Aplicar\"\n * @fires ui-lib-swatch-click — {detail: {value: string, name?: string}} al clickar un swatch\n *\n * @method getValue()   — Devuelve el color actual como {hex, r, g, b, h, s, l, alpha}\n * @method setValue(hex)— Establece el color programáticamente\n */\n@customElement('lib-color-picker')\nexport class LibColorPicker extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(pickerCss)}`,\n  ];\n\n  /* ── Props ── */\n\n  @property({ type: String })\n  value = '#B85A1E';\n\n  @property({ type: String, reflect: true })\n  variant: ColorPickerVariant = 'inline';\n\n  @property({ type: Boolean, reflect: true, attribute: 'show-alpha' })\n  showAlpha = false;\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: String })\n  label = '';\n\n  /** Colores guardados iniciales — JSON array, e.g. '[\"#B85A1E\",\"#357164\"]' */\n  @property({ type: String })\n  saved = '';\n\n  /* ── Internal state ── */\n\n  @state() private _cs: ColorState = { h: 25, s: 70, l: 36, alpha: 100 };\n  @state() private _inputMode: ColorInputMode = 'hex';\n  @state() private _open = false;\n  @state() private _savedColors: string[] = [];\n\n  /** Color anterior al abrir, para cancelar */\n  private _prevCs: ColorState = { ...this._cs };\n\n  /** Dragging en el canvas */\n  private _dragging = false;\n\n  /* ── Lifecycle ── */\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._initFromValue(this.value);\n\n    if (this.saved) {\n      try { this._savedColors = JSON.parse(this.saved) as string[]; }\n      catch { /* ignore */ }\n    }\n\n    document.addEventListener('mouseup',   this._onDocMouseUp);\n    document.addEventListener('mousemove', this._onDocMouseMove);\n    document.addEventListener('click',     this._onDocClick);\n    document.addEventListener('keydown',   this._onKeyDown);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('mouseup',   this._onDocMouseUp);\n    document.removeEventListener('mousemove', this._onDocMouseMove);\n    document.removeEventListener('click',     this._onDocClick);\n    document.removeEventListener('keydown',   this._onKeyDown);\n  }\n\n  /* ── API pública ── */\n\n  /** Devuelve el color actual en todos los formatos */\n  public getValue(): { hex: string; r: number; g: number; b: number; h: number; s: number; l: number; alpha: number } {\n    return this._buildColorResult();\n  }\n\n  /** Establece el color desde hex */\n  public setValue(hex: string): void {\n    this._initFromValue(hex);\n    this.requestUpdate();\n  }\n\n  /* ── Render ── */\n\n  protected override render(): TemplateResult {\n    const res = this._buildColorResult();\n\n    return colorPickerTemplate({\n      variant:   this.variant,\n      label:     this.label || res.hex,\n      panelOpen: this._open,\n      hex: res.hex, r: res.r, g: res.g, b: res.b,\n      h: res.h, s: res.s, l: res.l,\n      alpha: res.alpha,\n      inputMode:   this._inputMode,\n      savedColors: this._savedColors,\n      showAlpha:   this.showAlpha,\n\n      onTriggerClick:    (): void                        => this._togglePanel(),\n      onCanvasMousedown: (e: MouseEvent): void           => this._startCanvasDrag(e),\n      onHueInput:        (e: Event): void                => this._onHueInput(e),\n      onAlphaInput:      (e: Event): void                => this._onAlphaSliderInput(e),\n      onModeToggle:      (): void                        => this._cycleMode(),\n      onHexInput:        (e: Event): void                => this._onHexInput(e),\n      onRgbInput:        (idx: 0|1|2, e: Event): void   => this._onRgbInput(idx, e),\n      onHslInput:        (idx: 0|1|2, e: Event): void   => this._onHslInput(idx, e),\n      onAlphaNumInput:   (e: Event): void                => this._onAlphaNumInput(e),\n      onSaveColor:       (): void                        => this._saveCurrentColor(),\n      onSavedClick:      (hex: string): void             => this._applySavedColor(hex),\n      onCancel:          (): void                        => this._cancel(),\n      onApply:           (): void                        => this._apply(),\n    });\n  }\n\n  /* ── Canvas drag ── */\n\n  private _startCanvasDrag(e: MouseEvent): void {\n    this._dragging = true;\n    this._updateFromCanvasEvent(e);\n  }\n\n  private _onDocMouseMove = (e: MouseEvent): void => {\n    if (!this._dragging) return;\n    this._updateFromCanvasEvent(e);\n  };\n\n  private _onDocMouseUp = (): void => { this._dragging = false; };\n\n  private _updateFromCanvasEvent(e: MouseEvent): void {\n    const canvas = this.shadowRoot?.querySelector('.cp-canvas');\n    if (!canvas) return;\n    const rect = canvas.getBoundingClientRect();\n    const x = Math.max(0, Math.min(1, (e.clientX - rect.left)  / rect.width));\n    const y = Math.max(0, Math.min(1, (e.clientY - rect.top) / rect.height));\n    this._cs = {\n      ...this._cs,\n      s: Math.round(x * 100),\n      l: Math.round((1 - y) * 100),\n    };\n    this._emitChange();\n  }\n\n  /* ── Sliders ── */\n\n  private _onHueInput(e: Event): void {\n    this._cs = { ...this._cs, h: parseInt((e.target as HTMLInputElement).value) };\n    this._emitChange();\n  }\n\n  private _onAlphaSliderInput(e: Event): void {\n    this._cs = { ...this._cs, alpha: parseInt((e.target as HTMLInputElement).value) };\n    this._emitChange();\n  }\n\n  /* ── Input mode ── */\n\n  private _cycleMode(): void {\n    const modes: ColorInputMode[] = ['hex', 'rgb', 'hsl'];\n    const i = modes.indexOf(this._inputMode);\n    this._inputMode = modes[(i + 1) % modes.length]!;\n  }\n\n  /* ── Text inputs ── */\n\n  private _onHexInput(e: Event): void {\n    const v = (e.target as HTMLInputElement).value;\n    if (isValidHex(v)) {\n      const hsl = hexToHsl(v);\n      this._cs = { ...this._cs, ...hsl };\n      this._emitChange();\n    }\n  }\n\n  private _onRgbInput(idx: 0|1|2, e: Event): void {\n    const val = parseInt((e.target as HTMLInputElement).value) || 0;\n    const clamped = Math.max(0, Math.min(255, val));\n    const { r, g, b } = hexToRgb(this._buildHex());\n    const rgb: [number, number, number] = [r, g, b];\n    rgb[idx] = clamped;\n    const hex = '#' + (rgb as number[]).map(x => x.toString(16).padStart(2, '0')).join('').toUpperCase();\n    const hsl = hexToHsl(hex);\n    this._cs = { ...this._cs, ...hsl };\n    this._emitChange();\n  }\n\n  private _onHslInput(idx: 0|1|2, e: Event): void {\n    const val = parseInt((e.target as HTMLInputElement).value) || 0;\n    const maxes: [number, number, number] = [360, 100, 100];\n    const clamped = Math.max(0, Math.min(maxes[idx]!, val));\n    const next = { ...this._cs };\n    if (idx === 0) next.h = clamped;\n    else if (idx === 1) next.s = clamped;\n    else next.l = clamped;\n    this._cs = next;\n    this._emitChange();\n  }\n\n  private _onAlphaNumInput(e: Event): void {\n    const val = parseInt((e.target as HTMLInputElement).value) || 0;\n    this._cs = { ...this._cs, alpha: Math.max(0, Math.min(100, val)) };\n    this._emitChange();\n  }\n\n  /* ── Saved colors ── */\n\n  private _saveCurrentColor(): void {\n    const hex = this._buildHex();\n    if (!this._savedColors.includes(hex)) {\n      this._savedColors = [...this._savedColors, hex];\n    }\n  }\n\n  private _applySavedColor(hex: string): void {\n    this._initFromValue(hex);\n    this._emitChange();\n  }\n\n  /* ── Panel (trigger mode) ── */\n\n  private _togglePanel(): void {\n    if (this._open) {\n      this._cancel();\n    } else {\n      this._prevCs = { ...this._cs };\n      this._open = true;\n    }\n  }\n\n  private _cancel(): void {\n    this._cs = { ...this._prevCs };\n    this._open = false;\n  }\n\n  private _apply(): void {\n    this._open = false;\n    this.dispatchEvent(new CustomEvent('ui-lib-apply', {\n      detail: this._buildColorResult(),\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /* ── Close on outside click / Escape ── */\n\n  private _onDocClick = (e: MouseEvent): void => {\n    if (this.variant !== 'trigger' || !this._open) return;\n    if (!this.contains(e.target as Node) && !(this.shadowRoot?.contains(e.target as Node) ?? false)) {\n      this._cancel();\n    }\n  };\n\n  private _onKeyDown = (e: KeyboardEvent): void => {\n    if (e.key === 'Escape' && this._open) this._cancel();\n  };\n\n  /* ── Helpers ── */\n\n  private _initFromValue(hex: string): void {\n    if (!isValidHex(hex)) return;\n    const hsl = hexToHsl(hex);\n    this._cs = { ...this._cs, ...hsl };\n  }\n\n  private _buildHex(): string {\n    return hslToHex(this._cs.h, this._cs.s, this._cs.l);\n  }\n\n  private _buildColorResult(): { hex: string; r: number; g: number; b: number; h: number; s: number; l: number; alpha: number } {\n    const hex = this._buildHex();\n    const { r, g, b } = hexToRgb(hex);\n    return { hex, r, g, b, ...this._cs };\n  }\n\n  private _emitChange(): void {\n    this.dispatchEvent(new CustomEvent('ui-lib-change', {\n      detail: this._buildColorResult(),\n      bubbles: true,\n      composed: true,\n    }));\n  }\n}\n\n/* ──────────────────────────────────────\n   Swatch-only component\n   ────────────────────────────────────── */\n\n/**\n * @element lib-color-swatches\n *\n * Cuadrícula de swatches de color. Puede usarse de forma independiente o\n * para mostrar la paleta del design system.\n *\n * @prop {boolean} dark\n * @prop {string}  value — Color seleccionado (hex)\n *\n * @fires ui-lib-swatch-click — {detail: {value, name}}\n */\n@customElement('lib-color-swatches')\nexport class LibColorSwatches extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(pickerCss)}`,\n  ];\n\n  @property({ type: Boolean, reflect: true }) dark     = false;\n  @property({ type: String })                 value    = '';\n  @property({ type: String })                 rowsJson = '';\n\n  protected override render(): TemplateResult {\n    let rows: SwatchRow[] = SHIBUI_SWATCHES;\n    if (this.rowsJson) {\n      try { rows = JSON.parse(this.rowsJson) as SwatchRow[]; } catch { /* ignore */ }\n    }\n    return swatchGridTemplate({\n      rows,\n      selected: this.value,\n      onSelect: (c: SwatchColor): void => {\n        this.value = c.value;\n        this.dispatchEvent(new CustomEvent('ui-lib-swatch-click', {\n          detail: c, bubbles: true, composed: true,\n        }));\n      },\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-color-picker':  LibColorPicker;\n    'lib-color-swatches': LibColorSwatches;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiBA,SAAS,SAAS,GAAW,GAAW,GAAmB;AACzD,QAAM,KAAK,IAAI;AACf,QAAM,KAAK,IAAI;AACf,QAAM,IAAK,CAAC,OAAuB,IAAI,IAAI,MAAM;AACjD,QAAM,IAAK,KAAK,KAAK,IAAI,IAAI,IAAI,EAAE;AACnC,QAAM,IAAK,CAAC,MACV,KAAK,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC,IAAI,GAAG,KAAK,IAAI,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACjE,SAAO,MAAO,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,EAC5B,IAAI,CAAA,MAAK,KAAK,MAAM,IAAI,GAAG,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,EAC1D,KAAK,EAAE,EACP,YAAA;AACL;AAEA,SAAS,SAAS,KAAkD;AAClE,QAAM,QAAQ,IAAI,QAAQ,KAAK,EAAE;AACjC,SAAO;AAAA,IACL,GAAG,SAAS,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,IACjC,GAAG,SAAS,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,IACjC,GAAG,SAAS,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,EAAA;AAErC;AAEA,SAAS,SAAS,KAAkD;AAClE,QAAM,EAAE,GAAG,GAAG,EAAA,IAAM,SAAS,GAAG;AAChC,QAAM,KAAK,IAAI;AAAK,QAAM,KAAK,IAAI;AAAK,QAAM,KAAK,IAAI;AACvD,QAAM,MAAM,KAAK,IAAI,IAAI,IAAI,EAAE;AAC/B,QAAM,MAAM,KAAK,IAAI,IAAI,IAAI,EAAE;AAC/B,MAAI,IAAI;AAAG,MAAI,IAAI;AACnB,QAAM,KAAK,MAAM,OAAO;AAExB,MAAI,QAAQ,KAAK;AACf,UAAM,IAAI,MAAM;AAChB,QAAI,IAAI,MAAM,KAAK,IAAI,MAAM,OAAO,KAAK,MAAM;AAC/C,QAAI,QAAQ,GAAS,OAAM,KAAK,MAAM,KAAK,KAAK,KAAK,IAAI,MAAM;AAAA,aACtD,QAAQ,GAAI,OAAM,KAAK,MAAM,IAAI,KAAK;AAAA,QAC1B,OAAM,KAAK,MAAM,IAAI,KAAK;AAAA,EACjD;AACA,SAAO;AAAA,IACL,GAAG,KAAK,MAAM,IAAI,GAAG;AAAA,IACrB,GAAG,KAAK,MAAM,IAAI,GAAG;AAAA,IACrB,GAAG,KAAK,MAAM,IAAI,GAAG;AAAA,EAAA;AAEzB;AAEA,SAAS,WAAW,GAAoB;AACtC,SAAO,oBAAoB,KAAK,CAAC;AACnC;AAwBO,IAAM,iBAAN,cAA6B,WAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA;AASL,SAAA,QAAQ;AAGR,SAAA,UAA8B;AAG9B,SAAA,YAAY;AAGZ,SAAA,OAAO;AAGP,SAAA,WAAW;AAGX,SAAA,QAAQ;AAIR,SAAA,QAAQ;AAIC,SAAQ,MAAkB,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,OAAO,IAAA;AACxD,SAAQ,aAA6B;AACrC,SAAQ,QAAQ;AAChB,SAAQ,eAAyB,CAAA;AAG1C,SAAQ,UAAsB,EAAE,GAAG,KAAK,IAAA;AAGxC,SAAQ,YAAY;AA+EpB,SAAQ,kBAAkB,CAAC,MAAwB;AACjD,UAAI,CAAC,KAAK,UAAW;AACrB,WAAK,uBAAuB,CAAC;AAAA,IAC/B;AAEA,SAAQ,gBAAgB,MAAY;AAAE,WAAK,YAAY;AAAA,IAAO;AAsH9D,SAAQ,cAAc,CAAC,MAAwB;;AAC7C,UAAI,KAAK,YAAY,aAAa,CAAC,KAAK,MAAO;AAC/C,UAAI,CAAC,KAAK,SAAS,EAAE,MAAc,KAAK,IAAE,UAAK,eAAL,mBAAiB,SAAS,EAAE,YAAmB,QAAQ;AAC/F,aAAK,QAAA;AAAA,MACP;AAAA,IACF;AAEA,SAAQ,aAAa,CAAC,MAA2B;AAC/C,UAAI,EAAE,QAAQ,YAAY,KAAK,YAAY,QAAA;AAAA,IAC7C;AAAA,EAAA;AAAA;AAAA,EA/MS,oBAA0B;AACjC,UAAM,kBAAA;AACN,SAAK,eAAe,KAAK,KAAK;AAE9B,QAAI,KAAK,OAAO;AACd,UAAI;AAAE,aAAK,eAAe,KAAK,MAAM,KAAK,KAAK;AAAA,MAAe,QACxD;AAAA,MAAe;AAAA,IACvB;AAEA,aAAS,iBAAiB,WAAa,KAAK,aAAa;AACzD,aAAS,iBAAiB,aAAa,KAAK,eAAe;AAC3D,aAAS,iBAAiB,SAAa,KAAK,WAAW;AACvD,aAAS,iBAAiB,WAAa,KAAK,UAAU;AAAA,EACxD;AAAA,EAES,uBAA6B;AACpC,UAAM,qBAAA;AACN,aAAS,oBAAoB,WAAa,KAAK,aAAa;AAC5D,aAAS,oBAAoB,aAAa,KAAK,eAAe;AAC9D,aAAS,oBAAoB,SAAa,KAAK,WAAW;AAC1D,aAAS,oBAAoB,WAAa,KAAK,UAAU;AAAA,EAC3D;AAAA;AAAA;AAAA,EAKO,WAA6G;AAClH,WAAO,KAAK,kBAAA;AAAA,EACd;AAAA;AAAA,EAGO,SAAS,KAAmB;AACjC,SAAK,eAAe,GAAG;AACvB,SAAK,cAAA;AAAA,EACP;AAAA;AAAA,EAImB,SAAyB;AAC1C,UAAM,MAAM,KAAK,kBAAA;AAEjB,WAAO,oBAAoB;AAAA,MACzB,SAAW,KAAK;AAAA,MAChB,OAAW,KAAK,SAAS,IAAI;AAAA,MAC7B,WAAW,KAAK;AAAA,MAChB,KAAK,IAAI;AAAA,MAAK,GAAG,IAAI;AAAA,MAAG,GAAG,IAAI;AAAA,MAAG,GAAG,IAAI;AAAA,MACzC,GAAG,IAAI;AAAA,MAAG,GAAG,IAAI;AAAA,MAAG,GAAG,IAAI;AAAA,MAC3B,OAAO,IAAI;AAAA,MACX,WAAa,KAAK;AAAA,MAClB,aAAa,KAAK;AAAA,MAClB,WAAa,KAAK;AAAA,MAElB,gBAAmB,MAAmC,KAAK,aAAA;AAAA,MAC3D,mBAAmB,CAAC,MAAkC,KAAK,iBAAiB,CAAC;AAAA,MAC7E,YAAmB,CAAC,MAAkC,KAAK,YAAY,CAAC;AAAA,MACxE,cAAmB,CAAC,MAAkC,KAAK,oBAAoB,CAAC;AAAA,MAChF,cAAmB,MAAmC,KAAK,WAAA;AAAA,MAC3D,YAAmB,CAAC,MAAkC,KAAK,YAAY,CAAC;AAAA,MACxE,YAAmB,CAAC,KAAY,MAAqB,KAAK,YAAY,KAAK,CAAC;AAAA,MAC5E,YAAmB,CAAC,KAAY,MAAqB,KAAK,YAAY,KAAK,CAAC;AAAA,MAC5E,iBAAmB,CAAC,MAAkC,KAAK,iBAAiB,CAAC;AAAA,MAC7E,aAAmB,MAAmC,KAAK,kBAAA;AAAA,MAC3D,cAAmB,CAAC,QAAkC,KAAK,iBAAiB,GAAG;AAAA,MAC/E,UAAmB,MAAmC,KAAK,QAAA;AAAA,MAC3D,SAAmB,MAAmC,KAAK,OAAA;AAAA,IAAO,CACnE;AAAA,EACH;AAAA;AAAA,EAIQ,iBAAiB,GAAqB;AAC5C,SAAK,YAAY;AACjB,SAAK,uBAAuB,CAAC;AAAA,EAC/B;AAAA,EASQ,uBAAuB,GAAqB;;AAClD,UAAM,UAAS,UAAK,eAAL,mBAAiB,cAAc;AAC9C,QAAI,CAAC,OAAQ;AACb,UAAM,OAAO,OAAO,sBAAA;AACpB,UAAM,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,EAAE,UAAU,KAAK,QAAS,KAAK,KAAK,CAAC;AACxE,UAAM,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,EAAE,UAAU,KAAK,OAAO,KAAK,MAAM,CAAC;AACvE,SAAK,MAAM;AAAA,MACT,GAAG,KAAK;AAAA,MACR,GAAG,KAAK,MAAM,IAAI,GAAG;AAAA,MACrB,GAAG,KAAK,OAAO,IAAI,KAAK,GAAG;AAAA,IAAA;AAE7B,SAAK,YAAA;AAAA,EACP;AAAA;AAAA,EAIQ,YAAY,GAAgB;AAClC,SAAK,MAAM,EAAE,GAAG,KAAK,KAAK,GAAG,SAAU,EAAE,OAA4B,KAAK,EAAA;AAC1E,SAAK,YAAA;AAAA,EACP;AAAA,EAEQ,oBAAoB,GAAgB;AAC1C,SAAK,MAAM,EAAE,GAAG,KAAK,KAAK,OAAO,SAAU,EAAE,OAA4B,KAAK,EAAA;AAC9E,SAAK,YAAA;AAAA,EACP;AAAA;AAAA,EAIQ,aAAmB;AACzB,UAAM,QAA0B,CAAC,OAAO,OAAO,KAAK;AACpD,UAAM,IAAI,MAAM,QAAQ,KAAK,UAAU;AACvC,SAAK,aAAa,OAAO,IAAI,KAAK,MAAM,MAAM;AAAA,EAChD;AAAA;AAAA,EAIQ,YAAY,GAAgB;AAClC,UAAM,IAAK,EAAE,OAA4B;AACzC,QAAI,WAAW,CAAC,GAAG;AACjB,YAAM,MAAM,SAAS,CAAC;AACtB,WAAK,MAAM,EAAE,GAAG,KAAK,KAAK,GAAG,IAAA;AAC7B,WAAK,YAAA;AAAA,IACP;AAAA,EACF;AAAA,EAEQ,YAAY,KAAY,GAAgB;AAC9C,UAAM,MAAM,SAAU,EAAE,OAA4B,KAAK,KAAK;AAC9D,UAAM,UAAU,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,GAAG,CAAC;AAC9C,UAAM,EAAE,GAAG,GAAG,EAAA,IAAM,SAAS,KAAK,WAAW;AAC7C,UAAM,MAAgC,CAAC,GAAG,GAAG,CAAC;AAC9C,QAAI,GAAG,IAAI;AACX,UAAM,MAAM,MAAO,IAAiB,IAAI,CAAA,MAAK,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,YAAA;AACvF,UAAM,MAAM,SAAS,GAAG;AACxB,SAAK,MAAM,EAAE,GAAG,KAAK,KAAK,GAAG,IAAA;AAC7B,SAAK,YAAA;AAAA,EACP;AAAA,EAEQ,YAAY,KAAY,GAAgB;AAC9C,UAAM,MAAM,SAAU,EAAE,OAA4B,KAAK,KAAK;AAC9D,UAAM,QAAkC,CAAC,KAAK,KAAK,GAAG;AACtD,UAAM,UAAU,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,GAAG,GAAI,GAAG,CAAC;AACtD,UAAM,OAAO,EAAE,GAAG,KAAK,IAAA;AACvB,QAAI,QAAQ,EAAG,MAAK,IAAI;AAAA,aACf,QAAQ,EAAG,MAAK,IAAI;AAAA,cACnB,IAAI;AACd,SAAK,MAAM;AACX,SAAK,YAAA;AAAA,EACP;AAAA,EAEQ,iBAAiB,GAAgB;AACvC,UAAM,MAAM,SAAU,EAAE,OAA4B,KAAK,KAAK;AAC9D,SAAK,MAAM,EAAE,GAAG,KAAK,KAAK,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,GAAG,CAAC,EAAA;AAC/D,SAAK,YAAA;AAAA,EACP;AAAA;AAAA,EAIQ,oBAA0B;AAChC,UAAM,MAAM,KAAK,UAAA;AACjB,QAAI,CAAC,KAAK,aAAa,SAAS,GAAG,GAAG;AACpC,WAAK,eAAe,CAAC,GAAG,KAAK,cAAc,GAAG;AAAA,IAChD;AAAA,EACF;AAAA,EAEQ,iBAAiB,KAAmB;AAC1C,SAAK,eAAe,GAAG;AACvB,SAAK,YAAA;AAAA,EACP;AAAA;AAAA,EAIQ,eAAqB;AAC3B,QAAI,KAAK,OAAO;AACd,WAAK,QAAA;AAAA,IACP,OAAO;AACL,WAAK,UAAU,EAAE,GAAG,KAAK,IAAA;AACzB,WAAK,QAAQ;AAAA,IACf;AAAA,EACF;AAAA,EAEQ,UAAgB;AACtB,SAAK,MAAM,EAAE,GAAG,KAAK,QAAA;AACrB,SAAK,QAAQ;AAAA,EACf;AAAA,EAEQ,SAAe;AACrB,SAAK,QAAQ;AACb,SAAK,cAAc,IAAI,YAAY,gBAAgB;AAAA,MACjD,QAAQ,KAAK,kBAAA;AAAA,MACb,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EACJ;AAAA;AAAA,EAiBQ,eAAe,KAAmB;AACxC,QAAI,CAAC,WAAW,GAAG,EAAG;AACtB,UAAM,MAAM,SAAS,GAAG;AACxB,SAAK,MAAM,EAAE,GAAG,KAAK,KAAK,GAAG,IAAA;AAAA,EAC/B;AAAA,EAEQ,YAAoB;AAC1B,WAAO,SAAS,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC;AAAA,EACpD;AAAA,EAEQ,oBAAsH;AAC5H,UAAM,MAAM,KAAK,UAAA;AACjB,UAAM,EAAE,GAAG,GAAG,EAAA,IAAM,SAAS,GAAG;AAChC,WAAO,EAAE,KAAK,GAAG,GAAG,GAAG,GAAG,KAAK,IAAA;AAAA,EACjC;AAAA,EAEQ,cAAoB;AAC1B,SAAK,cAAc,IAAI,YAAY,iBAAiB;AAAA,MAClD,QAAQ,KAAK,kBAAA;AAAA,MACb,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EACJ;AACF;AAvRa,eACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,SAAS,CAAC;AAC5B;AAKA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GARf,eASX,WAAA,SAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAX9B,eAYX,WAAA,WAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM,WAAW,cAAc;AAAA,GAdxD,eAeX,WAAA,aAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAjB/B,eAkBX,WAAA,QAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GApB/B,eAqBX,WAAA,YAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAvBf,eAwBX,WAAA,SAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GA3Bf,eA4BX,WAAA,SAAA,CAAA;AAIiB,gBAAA;AAAA,EAAhB,MAAA;AAAM,GAhCI,eAgCM,WAAA,OAAA,CAAA;AACA,gBAAA;AAAA,EAAhB,MAAA;AAAM,GAjCI,eAiCM,WAAA,cAAA,CAAA;AACA,gBAAA;AAAA,EAAhB,MAAA;AAAM,GAlCI,eAkCM,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAhB,MAAA;AAAM,GAnCI,eAmCM,WAAA,gBAAA,CAAA;AAnCN,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;AAySN,IAAM,mBAAN,cAA+B,WAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA;AAMuC,SAAA,OAAW;AACX,SAAA,QAAW;AACX,SAAA,WAAW;AAAA,EAAA;AAAA,EAEpC,SAAyB;AAC1C,QAAI,OAAoB;AACxB,QAAI,KAAK,UAAU;AACjB,UAAI;AAAE,eAAO,KAAK,MAAM,KAAK,QAAQ;AAAA,MAAkB,QAAQ;AAAA,MAAe;AAAA,IAChF;AACA,WAAO,mBAAmB;AAAA,MACxB;AAAA,MACA,UAAU,KAAK;AAAA,MACf,UAAU,CAAC,MAAyB;AAClC,aAAK,QAAQ,EAAE;AACf,aAAK,cAAc,IAAI,YAAY,uBAAuB;AAAA,UACxD,QAAQ;AAAA,UAAG,SAAS;AAAA,UAAM,UAAU;AAAA,QAAA,CACrC,CAAC;AAAA,MACJ;AAAA,IAAA,CACD;AAAA,EACH;AACF;AA1Ba,iBACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,SAAS,CAAC;AAC5B;AAE4C,gBAAA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAN/B,iBAMiC,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAA3C,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAPf,iBAOiC,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAA3C,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GARf,iBAQiC,WAAA,YAAA,CAAA;AARjC,mBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,gBAAA;"}