reke-ui 0.1.1 → 0.2.0

package/dist/components/reke-date-range/reke-date-range.js

@@ -0,0 +1,326 @@
+import { RekeElement as e } from "../../shared/base-element.js";
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
+import { styles as n } from "./reke-date-range.styles.js";
+import { html as r, nothing as i } from "lit";
+import { customElement as a, property as o, state as s } from "lit/decorators.js";
+import { classMap as c } from "lit/directives/class-map.js";
+//#region src/components/reke-date-range/reke-date-range.ts
+var l = [
+	"Enero",
+	"Febrero",
+	"Marzo",
+	"Abril",
+	"Mayo",
+	"Junio",
+	"Julio",
+	"Agosto",
+	"Septiembre",
+	"Octubre",
+	"Noviembre",
+	"Diciembre"
+], u = [
+	"Lu",
+	"Ma",
+	"Mi",
+	"Ju",
+	"Vi",
+	"Sa",
+	"Do"
+];
+function d(e) {
+	if (!e) return null;
+	let [t, n, r] = e.split("-").map(Number);
+	return !t || !n || !r ? null : new Date(t, n - 1, r);
+}
+function f(e) {
+	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+}
+function p(e) {
+	return `${String(e.getDate()).padStart(2, "0")}/${String(e.getMonth() + 1).padStart(2, "0")}/${e.getFullYear()}`;
+}
+function m(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+}
+function h(e, t) {
+	let n = new Date(e, t, 1).getDay() - 1;
+	n < 0 && (n = 6);
+	let r = new Date(e, t, 1 - n), i = [];
+	for (let e = 0; e < 42; e++) {
+		let n = new Date(r.getFullYear(), r.getMonth(), r.getDate() + e);
+		i.push({
+			date: n,
+			day: n.getDate(),
+			otherMonth: n.getMonth() !== t
+		});
+	}
+	return i;
+}
+var g = class extends e {
+	constructor(...e) {
+		super(...e), this.mode = "range", this.value = "", this.from = "", this.to = "", this.label = "", this.placeholder = "", this.min = "", this.max = "", this.disabled = !1, this.error = !1, this._open = !1, this._viewYear = (/* @__PURE__ */ new Date()).getFullYear(), this._viewMonth = (/* @__PURE__ */ new Date()).getMonth(), this._rangeSelecting = !1, this._boundOutsideClick = this._onOutsideClick.bind(this), this._onKeyDown = (e) => {
+			if (e.key === "Escape" && this._open) {
+				if (this._rangeSelecting && this.from) {
+					this.to = this.from, this._rangeSelecting = !1, this._open = !1, this.emit("reke-change", {
+						from: this.from,
+						to: this.to
+					});
+					return;
+				}
+				this._open = !1, this._rangeSelecting = !1;
+			}
+		};
+	}
+	static {
+		this.styles = n;
+	}
+	connectedCallback() {
+		super.connectedCallback(), document.addEventListener("click", this._boundOutsideClick, !0), document.addEventListener("keydown", this._onKeyDown);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), document.removeEventListener("click", this._boundOutsideClick, !0), document.removeEventListener("keydown", this._onKeyDown);
+	}
+	_onOutsideClick(e) {
+		if (this._open && !e.composedPath().includes(this)) {
+			if (this._rangeSelecting && this.from) {
+				this.to = this.from, this._rangeSelecting = !1, this._open = !1, this.emit("reke-change", {
+					from: this.from,
+					to: this.to
+				});
+				return;
+			}
+			this._open = !1, this._rangeSelecting = !1;
+		}
+	}
+	_toggleOpen() {
+		if (!this.disabled) if (this._open = !this._open, this._open) this._syncView();
+		else {
+			if (this._rangeSelecting && this.from) {
+				this.to = this.from, this._rangeSelecting = !1, this.emit("reke-change", {
+					from: this.from,
+					to: this.to
+				});
+				return;
+			}
+			this._rangeSelecting = !1;
+		}
+	}
+	_syncView() {
+		let e = null;
+		if (e = this.mode === "single" ? d(this.value) : d(this.from), e) this._viewYear = e.getFullYear(), this._viewMonth = e.getMonth();
+		else {
+			let e = /* @__PURE__ */ new Date();
+			this._viewYear = e.getFullYear(), this._viewMonth = e.getMonth();
+		}
+	}
+	_prevYear() {
+		this._viewYear--;
+	}
+	_nextYear() {
+		this._viewYear++;
+	}
+	_prevMonth() {
+		this._viewMonth === 0 ? (this._viewMonth = 11, this._viewYear--) : this._viewMonth--;
+	}
+	_nextMonth() {
+		this._viewMonth === 11 ? (this._viewMonth = 0, this._viewYear++) : this._viewMonth++;
+	}
+	_isDisabledDate(e) {
+		let t = d(this.min), n = d(this.max);
+		return !!(t && e < t || n && e > n);
+	}
+	_selectDay(e) {
+		if (!this._isDisabledDate(e.date)) {
+			if (this.mode === "single") {
+				this.value = f(e.date), this._open = !1, this.emit("reke-change", { value: this.value });
+				return;
+			}
+			if (!this._rangeSelecting) this.from = f(e.date), this.to = "", this._rangeSelecting = !0;
+			else {
+				let t = d(this.from), n = e.date;
+				n < t && ([t, n] = [n, t]), this.from = f(t), this.to = f(n), this._rangeSelecting = !1, this._open = !1, this.emit("reke-change", {
+					from: this.from,
+					to: this.to
+				});
+			}
+		}
+	}
+	_goToday() {
+		let e = /* @__PURE__ */ new Date(), t = f(e);
+		if (this._viewYear = e.getFullYear(), this._viewMonth = e.getMonth(), this.mode === "single") this.value = t, this._open = !1, this.emit("reke-change", { value: this.value });
+		else if (this._rangeSelecting && this.from) {
+			let t = d(this.from), n = e;
+			n < t && ([t, n] = [n, t]), this.from = f(t), this.to = f(n), this._rangeSelecting = !1, this._open = !1, this.emit("reke-change", {
+				from: this.from,
+				to: this.to
+			});
+		} else this.from = t, this.to = t, this._rangeSelecting = !1, this._open = !1, this.emit("reke-change", {
+			from: this.from,
+			to: this.to
+		});
+	}
+	_clear() {
+		this.mode === "single" ? (this.value = "", this.emit("reke-change", { value: "" })) : (this.from = "", this.to = "", this._rangeSelecting = !1, this.emit("reke-change", {
+			from: "",
+			to: ""
+		})), this._open = !1;
+	}
+	_getDayClasses(e) {
+		let t = /* @__PURE__ */ new Date(), n = m(e.date, t), r = this._isDisabledDate(e.date);
+		if (this.mode === "single") {
+			let t = d(this.value);
+			return {
+				calendar__day: !0,
+				"calendar__day--other": e.otherMonth,
+				"calendar__day--today": n,
+				"calendar__day--selected": !!t && m(e.date, t),
+				"calendar__day--disabled": r
+			};
+		}
+		let i = d(this.from), a = d(this.to), o = !!i && m(e.date, i), s = !!a && m(e.date, a), c = !!i && !!a && e.date > i && e.date < a;
+		return {
+			calendar__day: !0,
+			"calendar__day--other": e.otherMonth,
+			"calendar__day--today": n && !o && !s,
+			"calendar__day--selected": !1,
+			"calendar__day--in-range": c,
+			"calendar__day--range-start": o,
+			"calendar__day--range-end": s,
+			"calendar__day--disabled": r
+		};
+	}
+	_getDisplayText() {
+		if (this.mode === "single") {
+			let e = d(this.value);
+			return e ? p(e) : this.placeholder || "Seleccionar fecha";
+		}
+		let e = d(this.from), t = d(this.to);
+		return !e && !t ? this.placeholder || "Seleccionar rango" : r`${e ? p(e) : "—"} <span class="trigger__separator">→</span> ${t ? p(t) : "—"}`;
+	}
+	_hasValue() {
+		return this.mode === "single" ? !!this.value : !!(this.from || this.to);
+	}
+	_renderCalendarIcon() {
+		return r`
+      <span class="trigger__icon" aria-hidden="true">
+        <svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
+      </span>
+    `;
+	}
+	_renderChevron() {
+		return r`
+      <span class="trigger__chevron" aria-hidden="true">
+        <svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>
+      </span>
+    `;
+	}
+	render() {
+		let e = h(this._viewYear, this._viewMonth), t = !this._hasValue(), n = `${l[this._viewMonth]} ${this._viewYear}`, a = {
+			trigger: !0,
+			"trigger--open": this._open,
+			"trigger--error": this.error,
+			"trigger--placeholder": t
+		}, o = {
+			label: !0,
+			"label--active": this._open
+		};
+		return r`
+      ${this.label ? r`<span class=${c(o)}>${this.label}</span>` : i}
+
+      <button
+        part="trigger"
+        class=${c(a)}
+        type="button"
+        @click=${this._toggleOpen}
+        aria-haspopup="dialog"
+        aria-expanded=${this._open}
+        ?disabled=${this.disabled}
+      >
+        ${this._renderCalendarIcon()}
+        <span class="trigger__text">${this._getDisplayText()}</span>
+        ${this._renderChevron()}
+      </button>
+
+      ${this._open ? r`
+            <div part="calendar" class="calendar" role="dialog" aria-label="Calendar">
+              <div class="calendar__header">
+                <span class="calendar__title">${n}</span>
+                <div class="calendar__nav">
+                  <button
+                    class="calendar__nav-btn"
+                    type="button"
+                    @click=${this._prevYear}
+                    aria-label="Previous year"
+                  >
+                    <svg viewBox="0 0 24 24"><polyline points="17 18 11 12 17 6"/><polyline points="11 18 5 12 11 6"/></svg>
+                  </button>
+                  <button
+                    class="calendar__nav-btn"
+                    type="button"
+                    @click=${this._prevMonth}
+                    aria-label="Previous month"
+                  >
+                    <svg viewBox="0 0 24 24"><polyline points="15 18 9 12 15 6"/></svg>
+                  </button>
+                  <button
+                    class="calendar__nav-btn"
+                    type="button"
+                    @click=${this._nextMonth}
+                    aria-label="Next month"
+                  >
+                    <svg viewBox="0 0 24 24"><polyline points="9 6 15 12 9 18"/></svg>
+                  </button>
+                  <button
+                    class="calendar__nav-btn"
+                    type="button"
+                    @click=${this._nextYear}
+                    aria-label="Next year"
+                  >
+                    <svg viewBox="0 0 24 24"><polyline points="7 6 13 12 7 18"/><polyline points="13 6 19 12 13 18"/></svg>
+                  </button>
+                </div>
+              </div>
+
+              <div class="calendar__weekdays">
+                ${u.map((e) => r`<span class="calendar__weekday">${e}</span>`)}
+              </div>
+
+              <div class="calendar__grid">
+                ${e.map((e) => r`
+                    <button
+                      class=${c(this._getDayClasses(e))}
+                      type="button"
+                      @click=${() => this._selectDay(e)}
+                      ?disabled=${this._isDisabledDate(e.date)}
+                      aria-label="${e.date.toLocaleDateString("es-ES", {
+			day: "numeric",
+			month: "long",
+			year: "numeric"
+		})}"
+                    >
+                      ${e.day}
+                    </button>
+                  `)}
+              </div>
+
+              <div class="calendar__footer">
+                <button class="calendar__action calendar__action--today" type="button" @click=${this._goToday}>
+                  Hoy
+                </button>
+                <button class="calendar__action calendar__action--clear" type="button" @click=${this._clear}>
+                  Limpiar
+                </button>
+              </div>
+            </div>
+          ` : i}
+    `;
+	}
+};
+t([o({ reflect: !0 })], g.prototype, "mode", void 0), t([o()], g.prototype, "value", void 0), t([o()], g.prototype, "from", void 0), t([o()], g.prototype, "to", void 0), t([o()], g.prototype, "label", void 0), t([o()], g.prototype, "placeholder", void 0), t([o()], g.prototype, "min", void 0), t([o()], g.prototype, "max", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], g.prototype, "disabled", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], g.prototype, "error", void 0), t([s()], g.prototype, "_open", void 0), t([s()], g.prototype, "_viewYear", void 0), t([s()], g.prototype, "_viewMonth", void 0), t([s()], g.prototype, "_rangeSelecting", void 0), g = t([a("reke-date-range")], g);
+//#endregion
+export { g as RekeDateRange };

package/dist/components/reke-date-range/reke-date-range.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reke-date-range.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-date-range/reke-date-range.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BA4TlB,CAAC"}
+{"version":3,"file":"reke-date-range.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-date-range/reke-date-range.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BA4UlB,CAAC"}

package/dist/components/reke-date-range/reke-date-range.styles.js

@@ -0,0 +1,335 @@
+import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
+import { css as t } from "lit";
+//#region src/components/reke-date-range/reke-date-range.styles.ts
+var n = [e, t`
+    :host {
+      display: inline-block;
+      position: relative;
+      font-family: var(--reke-font-mono, 'JetBrains Mono', ui-monospace, monospace);
+    }
+
+    :host([disabled]) {
+      pointer-events: none;
+      opacity: 0.5;
+    }
+
+    /* === Label === */
+
+    .label {
+      display: block;
+      margin-bottom: 6px;
+      font-size: 12px;
+      color: var(--reke-color-text-ghost, #7A7A7A);
+      transition: color 0.15s ease;
+    }
+
+    .label--active {
+      color: var(--reke-color-primary, #22C55E);
+    }
+
+    /* === Trigger === */
+
+    .trigger {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 16px;
+      background: var(--reke-color-surface, #1A1A1A);
+      border: 1px solid var(--reke-color-border, #252525);
+      border-radius: var(--reke-radius, 4px);
+      color: var(--reke-color-text, #E5E5E5);
+      font-family: inherit;
+      font-size: 13px;
+      cursor: pointer;
+      transition: border-color 0.15s ease;
+      min-width: 200px;
+      box-sizing: border-box;
+    }
+
+    .trigger:hover {
+      border-color: var(--reke-color-border-hover, #3A3A3A);
+    }
+
+    .trigger--open {
+      border-color: var(--reke-color-primary, #22C55E);
+    }
+
+    .trigger--error {
+      border-color: var(--reke-color-danger, #EF4444);
+    }
+
+    .trigger--placeholder {
+      color: var(--reke-color-text-muted, #525252);
+    }
+
+    .trigger__icon {
+      display: inline-flex;
+      width: 16px;
+      height: 16px;
+      color: var(--reke-color-text-muted, #525252);
+      transition: color 0.15s ease;
+    }
+
+    .trigger--open .trigger__icon {
+      color: var(--reke-color-primary, #22C55E);
+    }
+
+    .trigger__icon svg {
+      width: 16px;
+      height: 16px;
+      fill: none;
+      stroke: currentColor;
+      stroke-width: 2;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+    }
+
+    .trigger__text {
+      flex: 1;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .trigger__separator {
+      color: var(--reke-color-text-disabled, #3B3B3B);
+    }
+
+    .trigger__chevron {
+      display: inline-flex;
+      width: 16px;
+      height: 16px;
+      color: var(--reke-color-text-muted, #525252);
+      transition: transform 0.15s ease, color 0.15s ease;
+    }
+
+    .trigger--open .trigger__chevron {
+      transform: rotate(180deg);
+      color: var(--reke-color-primary, #22C55E);
+    }
+
+    .trigger__chevron svg {
+      width: 16px;
+      height: 16px;
+      fill: none;
+      stroke: currentColor;
+      stroke-width: 2;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+    }
+
+    /* === Calendar dropdown === */
+
+    .calendar {
+      position: absolute;
+      top: 100%;
+      left: 0;
+      z-index: 50;
+      margin-top: 4px;
+      padding: 16px;
+      background: var(--reke-color-surface, #1A1A1A);
+      border: 1px solid var(--reke-color-border, #252525);
+      border-radius: 8px;
+      box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.6);
+      min-width: 280px;
+    }
+
+    /* === Calendar header (month/year + nav) === */
+
+    .calendar__header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 12px;
+    }
+
+    .calendar__title {
+      font-size: 12px;
+      font-weight: 600;
+      color: var(--reke-color-text, #E5E5E5);
+    }
+
+    .calendar__nav {
+      display: flex;
+      gap: 4px;
+    }
+
+    .calendar__nav-btn {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 24px;
+      height: 24px;
+      padding: 0;
+      border: none;
+      border-radius: var(--reke-radius, 4px);
+      background: transparent;
+      color: var(--reke-color-text-ghost, #7A7A7A);
+      cursor: pointer;
+      font-family: inherit;
+    }
+
+    .calendar__nav-btn:hover {
+      color: var(--reke-color-text, #E5E5E5);
+      background: color-mix(in srgb, var(--reke-color-surface, #1A1A1A) 75%, var(--reke-color-border, #252525));
+    }
+
+    .calendar__nav-btn:focus-visible {
+      outline: 2px solid var(--reke-color-primary, #22C55E);
+      outline-offset: 2px;
+    }
+
+    .calendar__nav-btn svg {
+      width: 14px;
+      height: 14px;
+      fill: none;
+      stroke: currentColor;
+      stroke-width: 2;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+    }
+
+    /* === Weekday header === */
+
+    .calendar__weekdays {
+      display: grid;
+      grid-template-columns: repeat(7, 1fr);
+      margin-bottom: 4px;
+    }
+
+    .calendar__weekday {
+      text-align: center;
+      font-size: 9px;
+      font-weight: 600;
+      color: var(--reke-color-text-label, #8A8A8A);
+      padding: 4px 0;
+      text-transform: uppercase;
+    }
+
+    /* === Day grid === */
+
+    .calendar__grid {
+      display: grid;
+      grid-template-columns: repeat(7, 1fr);
+      gap: 2px;
+    }
+
+    .calendar__day {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 28px;
+      font-size: 11px;
+      border: none;
+      border-radius: var(--reke-radius, 4px);
+      background: transparent;
+      color: var(--reke-color-text, #E5E5E5);
+      cursor: pointer;
+      padding: 0;
+      font-family: inherit;
+      transition: background-color 0.1s ease;
+    }
+
+    .calendar__day:hover {
+      background: color-mix(in srgb, var(--reke-color-surface, #1A1A1A) 70%, var(--reke-color-border, #252525));
+    }
+
+    .calendar__day:focus-visible {
+      outline: 2px solid var(--reke-color-primary, #22C55E);
+      outline-offset: -2px;
+    }
+
+    .calendar__day--other {
+      color: var(--reke-color-text-ghost, #7A7A7A);
+    }
+
+    .calendar__day--today {
+      font-weight: 600;
+      color: var(--reke-color-primary, #22C55E);
+    }
+
+    .calendar__day--selected {
+      background: var(--reke-color-primary, #22C55E);
+      color: var(--reke-color-on-primary, #0A0A0B);
+      font-weight: 600;
+      border-radius: 14px;
+    }
+
+    .calendar__day--selected:hover {
+      background: color-mix(in srgb, var(--reke-color-primary, #22C55E) 85%, black);
+    }
+
+    .calendar__day--in-range {
+      background: color-mix(in srgb, var(--reke-color-primary, #22C55E) 10%, transparent);
+      border-radius: var(--reke-radius, 4px);
+    }
+
+    .calendar__day--range-start {
+      background: var(--reke-color-primary, #22C55E);
+      color: var(--reke-color-on-primary, #0A0A0B);
+      font-weight: 600;
+      border-radius: 14px 4px 4px 14px;
+    }
+
+    .calendar__day--range-end {
+      background: var(--reke-color-primary, #22C55E);
+      color: var(--reke-color-on-primary, #0A0A0B);
+      font-weight: 600;
+      border-radius: 4px 14px 14px 4px;
+    }
+
+    .calendar__day--range-start.calendar__day--range-end {
+      border-radius: 14px;
+    }
+
+    .calendar__day--disabled {
+      color: var(--reke-color-text-disabled, #3B3B3B);
+      cursor: default;
+      pointer-events: none;
+    }
+
+    /* === Calendar footer === */
+
+    .calendar__footer {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-top: 8px;
+      padding-top: 8px;
+    }
+
+    .calendar__action {
+      font-family: inherit;
+      font-size: 11px;
+      font-weight: 600;
+      border: none;
+      background: none;
+      cursor: pointer;
+      padding: 0;
+    }
+
+    .calendar__action--today {
+      color: var(--reke-color-primary, #22C55E);
+    }
+
+    .calendar__action--today:hover {
+      text-decoration: underline;
+    }
+
+    .calendar__action--today:focus-visible,
+    .calendar__action--clear:focus-visible {
+      outline: 2px solid var(--reke-color-primary, #22C55E);
+      outline-offset: 2px;
+    }
+
+    .calendar__action--clear {
+      color: var(--reke-color-text-label, #8A8A8A);
+      font-weight: 400;
+    }
+
+    .calendar__action--clear:hover {
+      color: var(--reke-color-text, #E5E5E5);
+    }
+  `];
+//#endregion
+export { n as styles };

package/dist/components/reke-dialog/reke-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reke-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/reke-dialog/reke-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC/C,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,CAAC;AAE9C;;;;;;;;;;;;;;GAcG;AACH,qBACa,UAAW,SAAQ,WAAW;IACzC,OAAgB,MAAM,4BAAU;IAGhC,IAAI,UAAS;IAGb,OAAO,SAAM;IAGb,OAAO,EAAE,aAAa,CAAW;IAEjC,kEAAkE;IAElE,QAAQ,EAAE,cAAc,CAAW;IAEnC,OAAO,CAAC,cAAc,CAIpB;IAEO,iBAAiB;IAKjB,oBAAoB;IAK7B,IAAI;IAIJ,KAAK;IAKI,MAAM;CAkDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
+{"version":3,"file":"reke-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/reke-dialog/reke-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC/C,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,CAAC;AAE9C;;;;;;;;;;;;;;GAcG;AACH,qBACa,UAAW,SAAQ,WAAW;IACzC,OAAgB,MAAM,4BAAU;IAGhC,IAAI,UAAS;IAGb,OAAO,SAAM;IAGb,OAAO,EAAE,aAAa,CAAW;IAEjC,kEAAkE;IAElE,QAAQ,EAAE,cAAc,CAAW;IAEnC,OAAO,CAAC,cAAc,CAIpB;IAEO,iBAAiB;IAKjB,oBAAoB;IAK7B,IAAI;IAIJ,KAAK;IAKI,MAAM;CAoDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}