tmg-media-player 0.0.1

package/dist/components/controls/brightness/slider.cjs

@@ -0,0 +1,460 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/ts/components/controls/brightness/slider.ts
+var slider_exports = {};
+__export(slider_exports, {
+  BrightnessSlider: () => BrightnessSlider
+});
+module.exports = __toCommonJS(slider_exports);
+
+// src/ts/core/controllable.ts
+var import_sia_reactor3 = require("sia-reactor");
+var import_utils11 = require("sia-reactor/utils");
+
+// ../t007-tools/packages/utils/dist/chunk-ZALPHCSJ.js
+var import_utils = require("sia-reactor/utils");
+var import_utils2 = require("sia-reactor/utils");
+var import_sia_reactor = require("sia-reactor");
+var import_sia_reactor2 = require("sia-reactor");
+var import_utils3 = require("sia-reactor/utils");
+var import_utils4 = require("sia-reactor/utils");
+var import_utils5 = require("sia-reactor/utils");
+var import_utils6 = require("sia-reactor/utils");
+var import_utils7 = require("sia-reactor/utils");
+var VIRTUAL_RESOURCE = /* @__PURE__ */ Symbol.for("T007_VIRTUAL_RESOURCE");
+function getWindow(el = window) {
+  return el?.ownerDocument?.defaultView ?? el?.defaultView ?? window;
+}
+function isNum(val) {
+  return "number" === typeof val;
+}
+function isFunc(val) {
+  return "function" === typeof val;
+}
+function bindCleanupToSignal(cleanup, signal) {
+  signal?.aborted ? cleanup() : signal?.addEventListener("abort", cleanup, { once: true });
+  if (signal && !signal.aborted) cleanup = (() => (signal.removeEventListener("abort", cleanup), cleanup()));
+  return cleanup;
+}
+if ("undefined" !== typeof window) {
+  (window.t007 ?? (window.t007 = {})).VIRTUAL_RESOURCE = VIRTUAL_RESOURCE;
+  window.T007_TOAST_JS_SRC ?? (window.T007_TOAST_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/toast@latest`);
+  window.T007_INPUT_JS_SRC ?? (window.T007_INPUT_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/input@latest`);
+  window.T007_DIALOG_JS_SRC ?? (window.T007_DIALOG_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`);
+  window.T007_TOAST_CSS_SRC ?? (window.T007_TOAST_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/index.min.css`);
+  window.T007_INPUT_CSS_SRC ?? (window.T007_INPUT_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/index.min.css`);
+  window.T007_DIALOG_CSS_SRC ?? (window.T007_DIALOG_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/index.min.css`);
+}
+
+// src/ts/utils/obj.ts
+var import_utils9 = require("sia-reactor/utils");
+
+// src/ts/core/controllable.ts
+var Controllable = class {
+  // for easy reach, better devx
+  constructor(ctlr, config, state) {
+    __publicField(this, "ac", new AbortController());
+    __publicField(this, "signal", this.ac.signal);
+    __publicField(this, "ctlr");
+    __publicField(this, "media");
+    __publicField(this, "state");
+    // for reactivity needs of those who pass it up
+    __publicField(this, "config");
+    (0, import_utils7.guardAllMethods)(this, ctlr.guard);
+    this.signal = AbortSignal.any([this.signal, ctlr.signal]);
+    this.ctlr = ctlr;
+    this.media = ctlr.media;
+    this.state = (0, import_utils3.isObj)(state) ? (0, import_sia_reactor3.reactive)(state) : state;
+    this.config = config;
+  }
+  // may be a reactive obj node or the obj itself
+  get settings() {
+    return this.ctlr.settings;
+  }
+  setup() {
+    return this.onSetup(), this;
+  }
+  destroy() {
+    !this.signal.aborted && this.ac.abort(`[TMG Controllable] Instance is being destroyed`);
+    this.onDestroy(), this.state?.destroy?.(), this.config !== this.media && isFunc(this.config?.destroy) && this.config?.destroy?.();
+    (0, import_utils11.nuke)(this);
+  }
+  onDestroy() {
+  }
+};
+
+// src/ts/components/base/index.ts
+var BaseComponent = class extends Controllable {
+  constructor(ctlr, config, state) {
+    super(ctlr, config, { label: "", cmd: "", active: false, disabled: false, hidden: false, ...state });
+    __publicField(this, "element");
+  }
+  get name() {
+    return this.constructor.componentName;
+  }
+  get el() {
+    return this.element;
+  }
+  onSetup() {
+    this.mount?.();
+    this.ctlr.state.readyState ? this.wire?.() : this.wire && this.ctlr.state.wonce("readyState", this.wire, { signal: this.signal });
+  }
+  onDestroy() {
+    this.unmount();
+  }
+  // Must assign to this.element before returning
+  mount() {
+  }
+  unmount() {
+    this.el.remove();
+  }
+  wire() {
+  }
+  // auto unwiring
+  active() {
+    this.el.classList.toggle("tmg-media-control-active", this.state.active = true);
+  }
+  inactive() {
+    this.el.classList.toggle("tmg-media-control-active", this.state.active = false);
+  }
+  disable() {
+    this.el.classList.toggle("tmg-media-control-disabled", this.state.disabled = true);
+  }
+  enable() {
+    this.el.classList.toggle("tmg-media-control-disabled", this.state.disabled = false);
+  }
+  hide() {
+    this.el.classList.toggle("tmg-media-control-hidden", this.state.hidden = true);
+  }
+  show() {
+    this.el.classList.toggle("tmg-media-control-hidden", this.state.hidden = false);
+  }
+  gate(e) {
+    !e.value ? this.hide() : this.canShow && this.show();
+  }
+  get canShow() {
+    return true;
+  }
+  // override to make gating smarter
+  setBtnARIA(dblAction, target = this.el) {
+    this.state.label && target.setAttribute("aria-label", this.state.label);
+    this.state.cmd && target.setAttribute("aria-keyshortcuts", (0, import_utils6.parseForARIAKS)(this.state.cmd));
+    if (dblAction) target.setAttribute("aria-description", `Double-press to ${dblAction}`);
+    else if (target.hasAttribute("aria-description")) target.removeAttribute("aria-description");
+  }
+};
+__publicField(BaseComponent, "componentName");
+__publicField(BaseComponent, "isControl", false);
+
+// src/ts/components/rangeinput/build.ts
+var RANGE_INPUT_BUILD = {
+  label: "Range Slider",
+  min: 0,
+  max: 100,
+  value: 0,
+  previewValue: 50,
+  step: 1,
+  scrub: {
+    sync: true,
+    relative: true,
+    cancel: {
+      delta: 5,
+      timeout: 1500
+    }
+  },
+  wheel: {
+    disabled: false,
+    axisRatio: 6
+  },
+  preview: true,
+  tooltip: true,
+  readonly: false,
+  disabled: false,
+  divs: [],
+  marks: []
+};
+
+// src/ts/components/rangeinput/index.ts
+var import_sia_reactor5 = require("sia-reactor");
+var import_utils18 = require("sia-reactor/utils");
+
+// src/ts/utils/dom.ts
+var import_sia_reactor4 = require("sia-reactor");
+var win = "undefined" !== typeof window ? window : void 0;
+var intersectionObserver = win ? new IntersectionObserver(
+  (entries) => {
+    for (const entry of entries) if (entry.target._intersectCbs) for (const cb of entry.target._intersectCbs) cb(entry);
+  },
+  { root: null, rootMargin: "0px", threshold: 0.3 }
+) : null;
+var resizeObserver = win ? new ResizeObserver((entries) => {
+  for (const entry of entries) if (entry.target._resizeCbs) for (const cb of entry.target._resizeCbs) cb(entry);
+}) : null;
+var mutationObserver = win ? new MutationObserver((mutations) => {
+  const target = mutations[0].target;
+  if (target._mutationCbs) for (const cb of target._mutationCbs) cb(mutations);
+}) : null;
+function observeResize(el, cb, sig) {
+  (el._resizeCbs ?? (el._resizeCbs = /* @__PURE__ */ new Set())).add(cb);
+  resizeObserver?.observe(el);
+  return bindCleanupToSignal(() => (el._resizeCbs?.delete(cb), !el._resizeCbs?.size && resizeObserver?.unobserve(el)), sig);
+}
+
+// src/ts/utils/num.ts
+function isSafeNum(val) {
+  return isNum(val) && !isNaN(val ?? NaN) && val !== Infinity;
+}
+function safeNum(number, fallback = 0) {
+  return isSafeNum(number) ? number : fallback;
+}
+function stepNum(v = 0, { min, max, step }) {
+  const s = step ? Math.round((safeNum(v) - (min || 0)) / step) * step + (min || 0) : safeNum(v);
+  return (0, import_utils4.clamp)(min, +s.toFixed(10), max);
+}
+
+// src/ts/components/rangeinput/index.ts
+var import_modules = require("sia-reactor/modules");
+var RangeInput = class extends BaseComponent {
+  constructor(ctlr, config, state) {
+    super(ctlr, (0, import_sia_reactor5.reactive)((0, import_utils18.mergeObjs)(structuredClone(RANGE_INPUT_BUILD), config), { scrubbing: false, previewing: false, cancelScrub: false, ...state }));
+    __publicField(this, "barsWrapper");
+    __publicField(this, "marksWrapper");
+    __publicField(this, "chunks", []);
+    __publicField(this, "thumbEl");
+    __publicField(this, "tooltipEl");
+    __publicField(this, "isVertical", false);
+    __publicField(this, "isRTL", false);
+    __publicField(this, "rect");
+    __publicField(this, "lastPtrPos", 0);
+    __publicField(this, "lastThumbPos", 0);
+    __publicField(this, "currentThumbPos", 0);
+    __publicField(this, "stallCancelScrub", false);
+    __publicField(this, "cancelScrubTimeoutId", null);
+    __publicField(this, "tx", null);
+    __publicField(this, "prevEX");
+    __publicField(this, "prevEY");
+  }
+  create() {
+    this.element = (0, import_utils.createEl)("div", { className: "tmg-media-range-container", tabIndex: 0, role: "slider" });
+    this.barsWrapper = (0, import_utils.createEl)("div", { className: "tmg-media-range-bars-wrapper" });
+    this.marksWrapper = (0, import_utils.createEl)("div", { className: "tmg-media-range-marks-wrapper" });
+    this.thumbEl = (0, import_utils.createEl)("div", { className: "tmg-media-range-thumb" });
+    this.tooltipEl = (0, import_utils.createEl)("div", { className: "tmg-media-range-tooltip" });
+    return this.el.append(this.barsWrapper, this.marksWrapper, this.thumbEl, this.tooltipEl), this.el;
+  }
+  wire() {
+    this.rect = this.el.getBoundingClientRect();
+    this.el.addEventListener("pointerdown", this.handlePointerDown, { signal: this.signal });
+    this.el.addEventListener("keydown", this.handleKeyDown, { signal: this.signal });
+    this.el.addEventListener("wheel", this.handleWheel, { passive: false, signal: this.signal });
+    this.el.addEventListener("mouseover", () => this.rect = this.el.getBoundingClientRect(), { signal: this.signal });
+    this.el.addEventListener("mousemove", this.handleInput, { signal: this.signal });
+    for (const e of ["mouseleave", "touchend", "touchcancel"]) this.el.addEventListener(e, this.stopPreviewing, { signal: this.signal });
+    this.state.watch("scrubbing", (value) => value ? this.tx = (0, import_modules.startTx)(`${this.config.label} Scrub`) : this.tx && this.config.stall(() => ((0, import_modules.endTx)(this.tx), this.tx = null)), { signal: this.signal });
+    this.state.on("previewing", ({ value }) => this.el.classList.toggle("tmg-media-control-previewing", !!value), { signal: this.signal });
+    this.state.on("scrubbing", ({ value }) => this.el.classList.toggle("tmg-media-control-scrubbing", !!value), { signal: this.signal });
+    this.state.on("cancelScrub", ({ value }) => this.el.classList.toggle("tmg-media-control-cancel-scrub", !!value), { signal: this.signal });
+    this.config.set("value", (value) => stepNum(value, this.config), { signal: this.signal });
+    this.config.on("label", ({ value }) => this.el.ariaLabel = value, { init: true, signal: this.signal });
+    this.config.on("min", ({ value }) => this.el.ariaValueMin = String(value), { init: true, signal: this.signal });
+    this.config.on("max", ({ value }) => this.el.ariaValueMax = String(value), { init: true, signal: this.signal });
+    this.config.watch("value", this.onValue, { init: true, signal: this.signal });
+    this.config.watch("previewValue", this.onPreviewValue, { init: true, signal: this.signal });
+    this.config.on("tooltip", ({ value }) => this.el.toggleAttribute("data-tooltip", !!value), { init: true, signal: this.signal });
+    this.config.on("readonly", ({ value }) => this.el.toggleAttribute("readonly", !!value), { init: true, signal: this.signal });
+    this.config.on("disabled", ({ value }) => this.el.toggleAttribute("disabled", !!value), { init: true, signal: this.signal });
+    this.config.on("divs", ({ currentTarget: { value } }) => this.syncDivs(value), { init: true, signal: this.signal });
+    this.config.on("marks", ({ currentTarget: { value } }) => this.syncMarks(value), { init: true, signal: this.signal });
+    observeResize(this.el, () => this.ctlr.throttle(`${this.config.label}Resizing`, this.handleResize, 30, false), this.signal);
+  }
+  scrub(value, bypass = false) {
+    return this.canScrub ? (!bypass ? this.config.value = value : this.onValue(value), true) : false;
+  }
+  get canScrub() {
+    return !this.config.readonly && !this.config.disabled;
+  }
+  onValue(value) {
+    this.syncElPos(this.thumbEl, this.getValuePos(value), false, "auto"), this.syncChunks("value", value);
+    if (!this.state.scrubbing) this.el.ariaValueNow = String(value);
+  }
+  onPreviewValue(value) {
+    this.syncChunks("preview", value), this.config.tooltip && (this.syncElPos(this.tooltipEl, this.getValuePos(value), false, !(this.state.previewing && !this.state.scrubbing) ? "auto" : false, this.thumbEl), this.tooltipEl.innerHTML = (this.config.formatTooltip ? String(this.config.formatTooltip(value)) : `${Math.round(value)}`) + ` ${this.getValueChunk(value)?.label || ""}`.trim());
+  }
+  handlePointerDown(e) {
+    if (this.state.scrubbing || this.config.readonly || this.config.disabled) return;
+    this.state.scrubbing = true;
+    this.el.setPointerCapture(e.pointerId);
+    const s = getWindow(this.el).getComputedStyle(this.el);
+    this.isVertical = s.writingMode.includes("vertical"), this.isRTL = s.direction === "rtl";
+    this.rect = this.el.getBoundingClientRect(), this.lastPtrPos = this.getPos(e), this.lastThumbPos = this.currentThumbPos = this.getValuePos();
+    getWindow(this.el).addEventListener("pointermove", this.handleInput, { signal: this.signal }), this.handleInput(e);
+    getWindow(this.el).addEventListener("pointerup", this.stopScrubbing, { signal: this.signal }), getWindow(this.el).addEventListener("pointercancel", this.stopScrubbing, { signal: this.signal });
+  }
+  stopScrubbing() {
+    if (!this.state.scrubbing) return;
+    this.state.scrubbing = this.state.previewing = false;
+    this.ctlr.cancelRAFLoop(`${this.config.label}Inputing`);
+    this.scrub(this.getPosValue(this.state.cancelScrub ? this.lastThumbPos : this.currentThumbPos), this.state.cancelScrub);
+    this.allowScrubbing(), this.stopPreviewing();
+    this.stallCancelScrub = true;
+    getWindow(this.el).removeEventListener("pointermove", this.handleInput);
+    getWindow(this.el).removeEventListener("pointerup", this.stopScrubbing), getWindow(this.el).removeEventListener("pointercancel", this.stopScrubbing);
+  }
+  stopPreviewing() {
+    if (!this.state.previewing) return;
+    this.state.previewing = false;
+    !this.state.scrubbing && this.ctlr.cancelRAFLoop(`${this.config.label}Inputing`);
+  }
+  cancelScrubbing() {
+    if (this.stallCancelScrub || this.state.cancelScrub || this.cancelScrubTimeoutId) return;
+    this.state.cancelScrub = true;
+    this.cancelScrubTimeoutId = (0, import_utils5.setTimeout)(() => this.allowScrubbing(false), this.config.scrub.cancel.timeout, this.signal);
+  }
+  allowScrubbing(reset = true) {
+    this.stallCancelScrub = this.state.cancelScrub = false;
+    clearTimeout(this.cancelScrubTimeoutId);
+    if (reset) this.cancelScrubTimeoutId = null;
+  }
+  handleInput(e) {
+    if (this.config.readonly || this.config.disabled) return;
+    this.ctlr.RAFLoop(`${this.config.label}Inputing`, () => {
+      var _a;
+      if (this.prevEX === e.clientX && this.prevEY === e.clientY) return;
+      this.prevEX = e.clientX, this.prevEY = e.clientY;
+      (_a = this.state).previewing || (_a.previewing = true);
+      const dimension = this.isVertical ? this.rect.height : this.rect.width, progress = this.getPos(e), pos = this.currentThumbPos = (0, import_utils4.clamp)(0, !this.state.scrubbing || this.config.scrub.relative ? progress : this.lastThumbPos + progress - this.lastPtrPos, 1), value = this.getPosValue(pos);
+      this.config.previewValue = value;
+      if (this.state.scrubbing) {
+        !this.config.scrub.sync ? this.syncElPos(this.thumbEl, pos, false, "auto") : this.scrub(value);
+        Math.abs(pos - this.lastThumbPos) < this.config.scrub.cancel.delta / dimension ? this.cancelScrubbing() : this.allowScrubbing();
+      }
+      this.onInput(e, pos);
+    });
+  }
+  onInput(_e, _pos) {
+  }
+  // override to safely add preview logic (timeline preview image, etc.)
+  handleWheel(e) {
+    if (this.config.wheel.disabled) return;
+    e.preventDefault(), e.stopImmediatePropagation();
+    const dimension = this.isVertical ? getWindow(this.el).innerHeight : getWindow(this.el).innerWidth, pos = (0, import_utils4.clamp)(0, Math.abs(-e.deltaY), dimension * this.config.wheel.axisRatio) / (dimension * this.config.wheel.axisRatio), value = this.config.value + (-e.deltaY >= 0 ? pos : -pos) * (this.config.max - this.config.min);
+    this.scrub(value);
+  }
+  handleKeyDown(e) {
+    const key = e.key?.toLowerCase();
+    if (["arrowleft", "arrowdown", "arrowright", "arrowup"].includes(key)) {
+      e.preventDefault(), e.stopImmediatePropagation();
+      const delta = e.shiftKey ? 2 : 1, direction = ["arrowleft", "arrowdown"].includes(key) ? -1 : 1;
+      this.scrub(this.config.value + direction * delta * this.config.step);
+    }
+  }
+  handleResize() {
+    this.rect = this.el.getBoundingClientRect();
+    const pos = this.getValuePos();
+    this.syncElPos(this.thumbEl, pos, false, "auto"), this.syncChunks("value", this.config.value), this.config.tooltip && this.syncElPos(this.tooltipEl, pos, false, "auto", this.thumbEl);
+  }
+  getValuePos(value = this.config.value, range = this.config.max - this.config.min) {
+    return range ? (value - this.config.min) / range : 0;
+  }
+  getPosValue(pos) {
+    return pos * (this.config.max - this.config.min) + this.config.min;
+  }
+  getValueChunk(value = this.config.value) {
+    for (let i = 0, len = this.chunks.length; i < len; i++) {
+      const c = this.chunks[i];
+      if (value >= c.start && value <= c.end) return c;
+    }
+  }
+  getPos(e) {
+    const p = this.isVertical ? (e.clientY - this.rect.top) / this.rect.height : (e.clientX - this.rect.left) / this.rect.width;
+    return (0, import_utils4.clamp)(0, this.isRTL ? 1 - p : p, 1);
+  }
+  syncElPos(el, pos, isSize = false, inBounds = false, bounds = el) {
+    const dim = this.isVertical ? this.rect?.height : this.rect?.width, min = inBounds && dim ? (this.isVertical ? bounds.offsetHeight : bounds.offsetWidth) / 2 / dim : 0;
+    pos = inBounds === "auto" ? min + pos * (1 - min * 2) : pos;
+    const value = pos || !isSize && pos === 0 ? `${(0, import_utils4.clamp)(min, pos, 1 - min) * 100}%` : "";
+    if (isSize) this.isVertical ? (el.style.blockSize = value, el.style.inlineSize = "") : (el.style.inlineSize = value, el.style.blockSize = "");
+    else this.isVertical ? (el.style.insetBlockEnd = value, el.style.insetInlineStart = "") : (el.style.insetInlineStart = value, el.style.insetBlockEnd = "");
+  }
+  syncChunks(key, value) {
+    for (let i = 0, len = this.chunks.length; i < len; i++) {
+      const c = this.chunks[i];
+      this.syncElPos(c[key], (0, import_utils4.clamp)(0, (value - c.start) / c.size, 1) || 0, true), c[key].style.setProperty("--tmg-media-current-range-pos", String(this.getValuePos(value)));
+      c.el.classList.toggle(`tmg-media-chunk-${key}-active`, value >= c.start && value <= c.end);
+    }
+  }
+  syncDivs(divs = this.config.divs) {
+    this.barsWrapper.innerHTML = "";
+    this.chunks = [];
+    const range = this.config.max - this.config.min, stops = divs.toSorted((a, b) => a.value - b.value);
+    if (stops.length && stops[0].value > this.config.min && stops[0].value <= this.config.min + Math.min(0.02 * range, range * 0.25)) stops[0].value = this.config.min;
+    else if (!stops.length || stops[0].value > this.config.min) stops.unshift({ value: this.config.min, label: "" });
+    if (stops[stops.length - 1].value < this.config.max) stops.push({ value: this.config.max, label: "" });
+    const fragment = document.createDocumentFragment();
+    for (let i = 0, len = stops.length; i < len - 1; i++) {
+      const start = stops[i], end = stops[i + 1], size = end.value - start.value;
+      if (size <= 0) continue;
+      const el = (0, import_utils.createEl)("div", { className: "tmg-media-range-chunk" }, void 0, { cssText: `--tmg-media-current-chunk-st: ${(start.value - this.config.min) / range};` }), chunk = { base: (0, import_utils.createEl)("div", { className: "tmg-media-range-bar tmg-media-range-base-bar" }), preview: (0, import_utils.createEl)("div", { className: "tmg-media-range-bar tmg-media-range-preview-bar" }), value: (0, import_utils.createEl)("div", { className: "tmg-media-range-bar tmg-media-range-value-bar" }) };
+      this.syncElPos(el, size / range, true), fragment.append((el.append(chunk.base, chunk.preview, chunk.value), el)), this.chunks.push({ start: start.value, end: end.value, label: start.label, size, el, ...chunk });
+    }
+    this.barsWrapper.append(fragment), this.onValue(this.config.value), this.onPreviewValue(this.config.previewValue);
+  }
+  syncMarks(marks = this.config.marks) {
+    this.marksWrapper.innerHTML = "";
+    const els = [], range = this.config.max - this.config.min;
+    if (range <= 0) return;
+    for (let i = 0, len = marks.length; i < len; i++) {
+      const m = marks[i], el = (0, import_utils.createEl)("div", { className: `tmg-media-range-mark tmg-media-range-${marks[i].type || "base"}-mark`, title: marks[i].label || `${m.start}${m.end && m.end > m.start + 1 ? ` - ${m.end}` : ""}  Mark` }, void 0);
+      this.syncElPos(el, (m.start - this.config.min) / range, false), this.syncElPos(el, m.end ? (m.end - m.start) / range : 0, true), els.push(el);
+    }
+    this.marksWrapper.append(...els);
+  }
+};
+__publicField(RangeInput, "componentName", "rangeinput");
+
+// src/ts/components/controls/brightness/slider.ts
+var BrightnessSlider = class extends RangeInput {
+  get plug() {
+    return this.ctlr.plug("settings.brightness");
+  }
+  constructor(ctlr, config) {
+    super(ctlr, { label: "Brightness Slider", ...config });
+  }
+  wire() {
+    super.wire();
+    this.config.set("value", (v) => Math.max(this.plug?.shouldToggle ? 0 : this.settings.brightness.min, v), { signal: this.signal });
+    this.config.set("previewValue", (v) => Math.max(this.plug?.shouldToggle ? 0 : this.settings.brightness.min, v), { signal: this.signal });
+    this.media.on("state.brightness", this.handleBrightnessState, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.ctlr.config.on("settings.brightness.max", this.handleBrightnessMax, { init: true, signal: this.signal });
+  }
+  scrub(value, bypass) {
+    return super.scrub(value, bypass) ? (this.plug?.handleSliderInput(value), true) : false;
+  }
+  handleBrightnessState({ value }) {
+    if (!this.state.scrubbing) this.config.previewValue = this.config.value = value;
+  }
+  handleBrightnessMax({ value }) {
+    this.config.max = value;
+    this.config.divs = value > 100 ? [{ value: 0, label: "" }, { value: 100, label: `<strong style="color: var(--tmg-media-range-track-boost-color, red); vertical-align: 4%;">\u2191</strong>` }] : [];
+  }
+};
+//# sourceMappingURL=slider.cjs.map

package/dist/components/controls/brightness/slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ts/components/controls/brightness/slider.ts","../../../../src/ts/core/controllable.ts","../../../../../t007-tools/packages/utils/dist/chunk-ZALPHCSJ.js","../../../../src/ts/utils/obj.ts","../../../../src/ts/components/base/index.ts","../../../../src/ts/components/rangeinput/build.ts","../../../../src/ts/components/rangeinput/index.ts","../../../../src/ts/utils/dom.ts","../../../../src/ts/utils/num.ts"],"sourcesContent":["import { CtlrConfig } from \"@defs/config\";\r\nimport { RangeInput, type RangeInputConfig, type RangeState } from \"../../rangeinput\";\r\nimport type { Controller } from \"@core/controller\";\r\nimport type { CtlrMedia } from \"@defs/contract\";\r\nimport type { REvent } from \"sia-reactor\";\r\n\r\nexport type BrightnessSliderConfig = Partial<RangeInputConfig>;\r\n\r\nexport class BrightnessSlider extends RangeInput<RangeInputConfig, RangeState> {\r\n  protected get plug() {\r\n    return this.ctlr.plug(\"settings.brightness\");\r\n  }\r\n\r\n  constructor(ctlr: Controller, config?: BrightnessSliderConfig) {\r\n    super(ctlr, { label: \"Brightness Slider\", ...config });\r\n  }\r\n\r\n  public override wire(): void {\r\n    super.wire();\r\n    // Config Listeners\r\n    this.config.set(\"value\", (v) => Math.max(this.plug?.shouldToggle ? 0 : this.settings.brightness.min, v), { signal: this.signal }); // #VALIDATOR: rules enforcement\r\n    this.config.set(\"previewValue\", (v) => Math.max(this.plug?.shouldToggle ? 0 : this.settings.brightness.min, v), { signal: this.signal }); // #VALIDATOR: rules enforcement\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"state.brightness\", this.handleBrightnessState, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // ---- Config --------\r\n    this.ctlr.config.on(\"settings.brightness.max\", this.handleBrightnessMax, { init: true, signal: this.signal });\r\n  }\r\n  protected override scrub(value: number, bypass?: boolean): boolean {\r\n    return super.scrub(value, bypass) ? (this.plug?.handleSliderInput(value), true) : false;\r\n  }\r\n\r\n  protected handleBrightnessState({ value }: REvent<CtlrMedia, \"state.brightness\">): void {\r\n    if (!this.state.scrubbing) this.config.previewValue = this.config.value = value;\r\n  }\r\n\r\n  protected handleBrightnessMax({ value }: REvent<CtlrConfig, \"settings.brightness.max\">): void {\r\n    this.config.max = value;\r\n    // prettier-ignore\r\n    this.config.divs = value > 100 ? [{ value: 0, label: \"\" }, { value: 100, label: `<strong style=\"color: var(--tmg-media-range-track-boost-color, red); vertical-align: 4%;\">↑</strong>` },] : [];\r\n  }\r\n}\r\n","import { Controller } from \"./controller\";\r\nimport { type Reactive, reactive } from \"sia-reactor\";\r\nimport { nuke } from \"sia-reactor/utils\";\r\nimport { guardAllMethods } from \"@utils/methd\";\r\nimport { isObj } from \"@utils/obj\";\r\nimport { isFunc } from \"@t007/utils\";\r\n\r\n// A lifecylce controlled by it's Controller\r\n// Try to use methods for most things so they can be customized when extended and also auto guarded\r\nexport abstract class Controllable<Config = any, State = any> {\r\n  protected readonly ac = new AbortController();\r\n  protected readonly signal = this.ac.signal;\r\n  public readonly ctlr: Controller;\r\n  public readonly media: Controller[\"media\"];\r\n  public readonly state!: State extends object ? Reactive<State> : State; // for reactivity needs of those who pass it up\r\n  public config: Config; // may be a reactive obj node or the obj itself\r\n  public get settings() {\r\n    return this.ctlr.settings; // can change ref\r\n  } // for easy reach, better devx\r\n\r\n  constructor(ctlr: Controller, config: Config, state?: State) {\r\n    guardAllMethods(this, ctlr.guard);\r\n    this.signal = AbortSignal.any([this.signal, ctlr.signal]);\r\n    this.ctlr = ctlr;\r\n    this.media = ctlr.media; // can't change ref\r\n    this.state = (isObj(state) ? reactive(state) : state) as Controllable[\"state\"];\r\n    this.config = config;\r\n  }\r\n\r\n  public setup(): this {\r\n    return this.onSetup(), this; // We let the subclass do its work\r\n  }\r\n  protected abstract onSetup(): void;\r\n\r\n  public destroy(): void {\r\n    !this.signal.aborted && this.ac.abort(`[TMG Controllable] Instance is being destroyed`); // incase controller already aborted, kills all listeners and timers before proper destruction below\r\n    this.onDestroy(), (this.state as any)?.destroy?.(), this.config !== this.media && isFunc((this.config as any)?.destroy) && (this.config as any)?.destroy?.(); // Can I clean here?... Anatoly :)\r\n    nuke(this);\r\n  }\r\n  protected onDestroy(): void {}\r\n}\r\n","// src/ts/core/dom.ts\nimport { createEl, assignEl } from \"sia-reactor/utils\";\nimport { getActiveEl } from \"sia-reactor/utils\";\nimport { NOOP } from \"sia-reactor\";\nvar INTERACTIVE_SELECTOR = \":is(button,[href],input:not([type='hidden']),select,textarea,details>summary,[contenteditable],iframe,audio[controls],video[controls],[tabindex]):not([disabled],[tabindex='-1'],[data-focus-guard],[inert],[inert] *)\";\nvar isInteractive = (target) => target instanceof HTMLElement && target.matches(INTERACTIVE_SELECTOR);\nvar VIRTUAL_RESOURCE = /* @__PURE__ */ Symbol.for(\"T007_VIRTUAL_RESOURCE\");\nfunction loadResource(req, type = \"style\", { module, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts = 3, retryKey = false } = {}, win = window) {\n  win.t007 ??= {}, win.t007._resourceCache ??= {};\n  if (req === VIRTUAL_RESOURCE || isSym(req)) return Promise.resolve();\n  const src = req;\n  if (win.t007._resourceCache[src]) return win.t007._resourceCache[src];\n  const existing = type === \"script\" ? Array.prototype.find.call(win.document.scripts, (s) => isSameURL(s.src, src)) : type === \"style\" ? Array.prototype.find.call(win.document.styleSheets, (s) => isSameURL(s.href, src)) : null;\n  if (existing) return win.t007._resourceCache[src] = Promise.resolve(existing);\n  win.t007._resourceCache[src] = new Promise((resolve, reject) => {\n    (function tryLoad(remaining, el) {\n      const onerror = () => {\n        el?.remove?.();\n        if (remaining > 1) {\n          setTimeout(tryLoad, 1e3, remaining - 1);\n          console.warn(`Retrying ${type} load for \"${src}\" (${attempts - remaining + 1})...`);\n        } else {\n          delete win.t007._resourceCache[src];\n          reject(new Error(`${capitalize(type)} load failed for \"${src}\" after ${attempts - 1} attempts`));\n        }\n      };\n      const url = retryKey && remaining < attempts ? `${src}${src.includes(\"?\") ? \"&\" : \"?\"}_${retryKey}=${Date.now()}` : src;\n      if (type === \"script\") win.document.body.append(el = createEl(\"script\", { src: url, type: module ? \"module\" : \"text/javascript\", crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, onload: () => resolve(el), onerror }) || \"\");\n      else if (type === \"style\") win.document.head.append(el = createEl(\"link\", { rel: \"stylesheet\", href: url, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, onload: () => resolve(el), onerror }) || \"\");\n      else reject(new Error(`Unsupported resource type: ${type}`));\n    })(attempts);\n  });\n  return win.t007._resourceCache[src];\n}\nfunction getWindow(el = window) {\n  return el?.ownerDocument?.defaultView ?? el?.defaultView ?? window;\n}\nfunction createListRenderer({ container, getKey, createNode, updateNode = NOOP, destroyNode = NOOP, initNode }) {\n  let nodeRegistry = /* @__PURE__ */ new Map();\n  if (initNode) {\n    const children = Array.from(container.children);\n    for (let i = 0, len = children.length; i < len; i++) initNode(children[i], (key) => nodeRegistry.set(key, children[i]));\n  }\n  return function syncDOM(array, strict = true) {\n    const newRegistry = /* @__PURE__ */ new Map(), seenKeys = /* @__PURE__ */ new Set(), oldPositions = /* @__PURE__ */ new WeakMap(), children = Array.from(container.children);\n    for (let i = 0, len = children.length; i < len; i++) oldPositions.set(children[i], i);\n    const futureNodes = [], oldIndices = [];\n    for (let i = 0, len = array.length; i < len; i++) {\n      const item = array[i], key = getKey(item);\n      if (seenKeys.has(key)) throw new Error(`[List Renderer] Duplicate key \"${key}\" detected`);\n      let node = nodeRegistry.get(key);\n      if (!node) {\n        node = createNode(item);\n        if (!node) {\n          if (strict) throw new Error(`[List Renderer] No HTMLElement for key \"${key}\"`);\n          continue;\n        }\n        oldIndices.push(-1);\n      } else updateNode(node, item), oldIndices.push(oldPositions.get(node) ?? -1);\n      seenKeys.add(key), futureNodes.push(node), newRegistry.set(key, node);\n    }\n    for (const [key, node] of nodeRegistry.entries()) !seenKeys.has(key) && node.parentElement === container && (destroyNode(node, key), node.remove());\n    const sequence = longestIncreasingSubsequence(oldIndices), stable = new Set(sequence);\n    let anchor = null;\n    for (let i = futureNodes.length - 1; i >= 0; i--) {\n      const node = futureNodes[i];\n      if (oldIndices[i] !== -1 && stable.has(i)) {\n        anchor = node;\n        continue;\n      }\n      container.insertBefore(node, anchor), anchor = node;\n    }\n    nodeRegistry = newRegistry;\n  };\n}\n\n// src/ts/index.ts\nimport { NIL, NOOP as NOOP2 } from \"sia-reactor\";\n\n// src/ts/core/obj.ts\nimport { isObj } from \"sia-reactor/utils\";\nfunction isDef(val) {\n  return \"undefined\" !== typeof val;\n}\nfunction isSym(val) {\n  return \"symbol\" === typeof val;\n}\nfunction isBool(val) {\n  return \"boolean\" === typeof val;\n}\nfunction isNum(val) {\n  return \"number\" === typeof val;\n}\nfunction isStr(val) {\n  return \"string\" === typeof val;\n}\nfunction isArr(obj) {\n  return Array.isArray(obj);\n}\nfunction isPOJO(obj, crossRealms = false, typecheck = true) {\n  return (typecheck ? isObj(obj, false) : true) && (crossRealms ? Object.prototype.toString.call(obj) === \"[object Object]\" : obj.constructor === Object);\n}\nfunction isIter(obj) {\n  return obj != null && \"function\" === typeof obj[Symbol.iterator];\n}\nfunction isFunc(val) {\n  return \"function\" === typeof val;\n}\nfunction inBoolArrOpt(opt, str) {\n  return opt?.includes?.(str) ?? opt;\n}\n\n// src/ts/core/num.ts\nimport { clamp } from \"sia-reactor/utils\";\nfunction longestIncreasingSubsequence(array) {\n  const n = array.length, parent = new Array(n), tails = [];\n  for (let i = 0; i < n; i++) {\n    const value = array[i];\n    if (value === -1) continue;\n    let left = 0;\n    let right = tails.length;\n    while (left < right) {\n      const mid = left + right >> 1;\n      if (array[tails[mid]] < value) left = mid + 1;\n      else right = mid;\n    }\n    if (left > 0) parent[i] = tails[left - 1];\n    else parent[i] = -1;\n    tails[left] = i;\n  }\n  if (!tails.length) return [];\n  const result = [];\n  let k = tails[tails.length - 1];\n  while (k >= 0) result.push(k), k = parent[k];\n  return result.reverse(), result;\n}\n\n// src/ts/core/str.ts\nfunction uid(prefix = \"\") {\n  return prefix + Date.now().toString(36) + \"_\" + performance.now().toString(36).replace(\".\", \"\") + \"_\" + Math.random().toString(36).slice(2);\n}\nfunction capitalize(word = \"\") {\n  return word.replace(/^(\\s*)([a-z])/i, (_, s, l) => s + l.toUpperCase());\n}\nfunction camelize(str = \"\", { source } = /[\\s_-]+/, { preserveInnerCase: pIC = true, upperFirst: uF = false } = {}) {\n  return (pIC ? str : str.toLowerCase()).replace(new RegExp(source + \"(\\\\w)\", \"g\"), (_, c) => c.toUpperCase()).replace(/^\\w/, (c) => c[uF ? \"toUpperCase\" : \"toLowerCase\"]());\n}\nfunction uncamelize(str, separator = \" \") {\n  return str.replace(/([a-z])([A-Z])/g, `$1${separator}$2`).toLowerCase();\n}\nfunction remToPx(rem, el = document.documentElement) {\n  return rem * parseFloat(getComputedStyle(el).fontSize);\n}\nfunction pxToRem(px, el = document.documentElement) {\n  return px / parseFloat(getComputedStyle(el).fontSize);\n}\nfunction parseCSSTime(time) {\n  return time?.endsWith?.(\"ms\") ? parseFloat(time) : parseFloat(time) * 1e3;\n}\nfunction parseCSSSize(size, el) {\n  return size?.endsWith?.(\"px\") ? parseFloat(size) : remToPx(parseFloat(size), el);\n}\nfunction cleanURL(url) {\n  try {\n    const u = new URL(url, window.location.href);\n    return decodeURIComponent(u.origin + u.pathname);\n  } catch {\n    return url.replace(/\\\\/g, \"/\").split(\"?\")[0].trim();\n  }\n}\nfunction isSameURL(url1, url2) {\n  if (url1 === url2) return true;\n  if (!isStr(url1) || !isStr(url2) || !url1 || !url2) return false;\n  return cleanURL(url1) === cleanURL(url2);\n}\n\n// src/ts/core/fn.ts\nimport { setTimeout as setTimeout2, setInterval, requestAnimationFrame } from \"sia-reactor/utils\";\nfunction throttle(key, fn, delay = 30, strict = true, signal, win) {\n  const throttleMap = t007._throttlers ??= /* @__PURE__ */ new Map();\n  if (strict === true) {\n    const now = performance.now();\n    return now - (throttleMap.get(key) ?? 0) < delay ? void 0 : (throttleMap.set(key, now), fn());\n  }\n  if (throttleMap.has(key)) return;\n  const id = strict === false ? setTimeout2(() => throttleMap.delete(key), delay, signal, win) : strict(() => throttleMap.delete(key));\n  return throttleMap.set(key, id), fn();\n}\nfunction debounce(key, fn, delay = 30, strict = true, signal, win) {\n  const debounceMap = t007._debouncers ??= /* @__PURE__ */ new Map();\n  if (strict) {\n    const now = performance.now(), prev = debounceMap.get(key) ?? 0;\n    return debounceMap.set(key, now), now - prev < delay ? void 0 : fn();\n  }\n  const prevId = debounceMap.get(key);\n  prevId !== void 0 && (win ?? window).clearTimeout(prevId);\n  const id = setTimeout2(() => (debounceMap.delete(key), fn()), delay, signal, win);\n  return void debounceMap.set(key, id);\n}\nfunction RAFLoop(key, fn, signal, win) {\n  const rafLoopMap = t007._RAFLoopers ??= /* @__PURE__ */ new Map();\n  if (rafLoopMap.has(key)) return void rafLoopMap.set(key, fn);\n  rafLoopMap.set(key, fn);\n  const loop = (_ = 0, fn2 = rafLoopMap.get(key)) => fn2 && (fn2(), requestAnimationFrame(loop, signal, win));\n  loop();\n}\nvar cancelRAFLoop = (key) => t007._RAFLoopers ? t007._RAFLoopers.delete(key) : false;\nfunction limited(FN_KEY, fn, opts = {}) {\n  let count = 0, { key, maxTimes: max = 1, oncePerSession = true } = isStr(opts) ? { key: opts } : opts;\n  const getReg = () => JSON.parse(localStorage.getItem(FN_KEY) || \"{}\"), setReg = (r) => localStorage.setItem(FN_KEY, JSON.stringify(r));\n  const handle = (...args) => {\n    if (oncePerSession && count > 0) return void 0;\n    if (!key) return count++ < max ? fn(...args) : void 0;\n    const r = getReg(), c = r[key] || 0;\n    return c < max ? (count++, r[key] = c + 1, setReg(r), fn(...args)) : void 0;\n  };\n  handle.left = max - (handle.count = count);\n  handle.reset = () => (count = 0, key && ((r) => (delete r[key], setReg(r)))(getReg()));\n  handle.block = () => (count = max, key && ((r) => (r[key] = max, setReg(r)))(getReg()));\n  return handle;\n}\nvar mockAsync = (timeout = 250) => new Promise((resolve) => setTimeout2(resolve, timeout));\nvar breath = (w = window) => new Promise((res) => w.requestAnimationFrame(res));\nvar deepBreath = (w = window) => new Promise((res) => w.requestAnimationFrame(() => w.requestAnimationFrame(res)));\nfunction bindCleanupToSignal(cleanup, signal) {\n  signal?.aborted ? cleanup() : signal?.addEventListener(\"abort\", cleanup, { once: true });\n  if (signal && !signal.aborted) cleanup = (() => (signal.removeEventListener(\"abort\", cleanup), cleanup()));\n  return cleanup;\n}\n\n// src/ts/core/keys.ts\nimport { KEYS_BLOCKS, parseKeyCombo, stringifyKeyEvent, cleanKeyCombo, matchKeys, getTermsForKey, keyEventAllowed, formatKeyForDisplay, formatKeyShortcutsForDisplay, parseForARIAKS } from \"sia-reactor/utils\";\n\n// src/ts/core/file.ts\nfunction formatSize(bytes, decimals = 3, base = 1e3) {\n  if (bytes < base) return `${bytes} byte${bytes == 1 ? \"\" : \"s\"}`;\n  const units = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"], exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(base)), units.length - 1);\n  return `${(bytes / Math.pow(base, exponent)).toFixed(decimals).replace(/\\.0+$/, \"\")} ${units[exponent]}`;\n}\n\n// src/ts/mixins/methd.ts\nimport { onAllMethods, bindAllMethods, guardAllMethods, guardMethod } from \"sia-reactor/utils\";\n\n// src/ts/index.ts\nif (\"undefined\" !== typeof window) {\n  (window.t007 ??= {}).VIRTUAL_RESOURCE = VIRTUAL_RESOURCE;\n  window.T007_TOAST_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest`;\n  window.T007_INPUT_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest`;\n  window.T007_DIALOG_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`;\n  window.T007_TOAST_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/index.min.css`;\n  window.T007_INPUT_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/index.min.css`;\n  window.T007_DIALOG_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/index.min.css`;\n}\n\nexport {\n  createEl,\n  assignEl,\n  INTERACTIVE_SELECTOR,\n  isInteractive,\n  VIRTUAL_RESOURCE,\n  loadResource,\n  getWindow,\n  createListRenderer,\n  getActiveEl,\n  isObj,\n  isDef,\n  isSym,\n  isBool,\n  isNum,\n  isStr,\n  isArr,\n  isPOJO,\n  isIter,\n  isFunc,\n  inBoolArrOpt,\n  longestIncreasingSubsequence,\n  clamp,\n  uid,\n  capitalize,\n  camelize,\n  uncamelize,\n  remToPx,\n  pxToRem,\n  parseCSSTime,\n  parseCSSSize,\n  cleanURL,\n  isSameURL,\n  setTimeout2 as setTimeout,\n  setInterval,\n  requestAnimationFrame,\n  throttle,\n  debounce,\n  RAFLoop,\n  cancelRAFLoop,\n  limited,\n  mockAsync,\n  breath,\n  deepBreath,\n  bindCleanupToSignal,\n  KEYS_BLOCKS,\n  parseKeyCombo,\n  stringifyKeyEvent,\n  cleanKeyCombo,\n  matchKeys,\n  getTermsForKey,\n  keyEventAllowed,\n  formatKeyForDisplay,\n  formatKeyShortcutsForDisplay,\n  parseForARIAKS,\n  formatSize,\n  onAllMethods,\n  bindAllMethods,\n  guardAllMethods,\n  guardMethod,\n  NIL,\n  NOOP2 as NOOP\n};\n","import { camelize } from \"./str\";\r\nimport type { Control, ControlPanelBottomTuple } from \"@plugs/settings/controlPanel/types\";\r\nimport { type Paths, type PathValue } from \"sia-reactor\";\r\nimport { setPath } from \"sia-reactor/utils\";\r\nimport type { UIObject, UISettings, UIOption, UITuple } from \"@defs/UIOptions\";\r\nimport { isObj, isArr } from \"@t007/utils\";\r\n\r\nexport { isArr, isObj };\r\nexport { isDef, isSym, isBool, isNum, isStr, isPOJO, isIter, isFunc, inBoolArrOpt } from \"@t007/utils\";\r\n\r\n// Type Guards\r\nexport function isUISetting<T = unknown>(obj: unknown): obj is UISettings<T> {\r\n  return isObj(obj) && \"options\" in obj && isArr((obj as UISettings<T>).options);\r\n}\r\nexport function isUIOption<T>(opt: UIOption<T>): opt is UITuple<T> {\r\n  return isObj(opt) && \"value\" in (opt as object);\r\n}\r\n\r\n// Assignment & Derivation\r\nexport function setHTMLConfig<T extends object>(target: T, attr: `tmg--${Paths<T, \"--\">}`, value: string): void {\r\n  value = value.trim();\r\n  const path = attr.replace(\"tmg--\", \"\") as Paths<T, \"--\">;\r\n  const parsedValue = (() => {\r\n    if (value.includes(\",\")) return value.split(\",\")?.map((v: string) => v.trim());\r\n    if (value === \"true\") return true;\r\n    if (value === \"false\") return false;\r\n    if (value === \"null\") return null;\r\n    if (/^\\d+$/.test(value)) return Number(value);\r\n    return value;\r\n  })() as PathValue<T, typeof path, \"--\">;\r\n  setPath<T, \"--\">(target, path, parsedValue, \"--\", (p) => camelize(p));\r\n}\r\n\r\nexport function getBoolOrStr(value: string | boolean): string | boolean {\r\n  return value === \"true\" ? true : value === \"false\" ? false : value;\r\n}\r\n\r\nexport function getUIOpt<T = unknown>(opts: UIOption<T>[] | undefined, value: T, key: \"display\" | \"value\" = \"display\"): string {\r\n  if (opts)\r\n    for (const opt of opts) {\r\n      const p = parseUIOpt<T>(opt);\r\n      if (p.value == value) return p[key] as string;\r\n    }\r\n  return String(value);\r\n}\r\n\r\nexport function getUniqueOpts<T>(options: UITuple<T>[]) {\r\n  const counts: Record<string, number> = {};\r\n  options.forEach((opt) => (counts[opt.display] = (counts[opt.display] || 0) + 1)); // First pass: Count occurrences of each display name\r\n  const seen: Record<string, number> = {};\r\n  for (let i = options.length - 1; i >= 0; i--) {\r\n    const opt = options[i];\r\n    if (counts[opt.display] > 1) {\r\n      seen[opt.display] = (seen[opt.display] || 0) + 1;\r\n      const num = counts[opt.display] - seen[opt.display] + 1;\r\n      opt.display = `${opt.display} (${num})`;\r\n    }\r\n  } // Second pass: Add numbers to duplicates, tracking our current index from the back\r\n  return options;\r\n}\r\n\r\nexport function parseUIOpt<T = unknown>(opt: UIOption<T>): UITuple<T> {\r\n  return isUIOption<T>(opt) ? { value: opt.value, display: String(opt.display ?? opt.value), infoText: opt.infoText } : { value: opt as T, display: String(opt) };\r\n}\r\nexport function parseUIOpts<T = unknown>(opts: UIOption<T>[]): T[] {\r\n  return opts.map((opt) => parseUIOpt(opt).value);\r\n}\r\n\r\nexport function parseUIObj<T extends Record<string, any>>(obj: T): UIObject<T> {\r\n  const result: any = {} as UIObject<T>,\r\n    keys = Object.keys(obj);\r\n  for (let i = 0; i < keys.length; i++) {\r\n    const entry = obj[keys[i]];\r\n    if (!isObj(entry)) continue;\r\n    if (isUISetting(entry))\r\n      result[keys[i]] = {\r\n        values: entry.options.map((opt: UIOption<unknown>) => parseUIOpt(opt).value),\r\n        displays: entry.options.map((opt: UIOption<unknown>) => parseUIOpt(opt).display),\r\n      };\r\n    else result[keys[i]] = parseUIObj(entry); // recurse on sub-branch\r\n  }\r\n  return result;\r\n}\r\n\r\n// Control Panel Utilities\r\nexport function parsePanelBottomObj(obj: Partial<ControlPanelBottomTuple> | Control[][] | Control[] | unknown, arr?: false): ControlPanelBottomTuple | false;\r\nexport function parsePanelBottomObj(obj: Partial<ControlPanelBottomTuple> | Control[][] | Control[] | unknown, arr: true): Control[] | false;\r\nexport function parsePanelBottomObj(obj: Partial<ControlPanelBottomTuple> | Control[][] | Control[] | unknown = [], arr = false): ControlPanelBottomTuple | Control[] | false {\r\n  if (!isObj(obj) && !isArr(obj)) return false;\r\n  const [third = [], second = [], first = []] = isObj<Partial<ControlPanelBottomTuple>>(obj) ? (Object.values(obj).reverse() as Control[][]) : isArr((obj as Control[][])[0]) ? [...(obj as Control[][])].reverse() : [obj as Control[]];\r\n  return arr ? ([...third, ...second, ...first] as Control[]) : ({ 1: first, 2: second, 3: third } as ControlPanelBottomTuple);\r\n}\r\n\r\nexport function getPanelSplitCtrls<T = any>(row: T[]): { left: T[]; center: T[]; right: T[] } {\r\n  if (!row?.length) return { left: [], center: [], right: [] };\r\n  const s1 = row.indexOf(\"spacer\" as any),\r\n    s2 = row.indexOf(\"spacer\" as any, s1 + 1);\r\n  return s1 === -1 ? { left: row, center: [], right: [] } : s2 === -1 ? { left: row.slice(0, s1), center: [], right: row.slice(s1 + 1) } : { left: row.slice(0, s1), center: row.slice(s1 + 1, s2), right: row.slice(s2 + 1) };\r\n}\r\n\r\nexport function getPanelLocation(b: any, id: string) {\r\n  if (isArr(b.top) && b.top.includes(id)) return { path: \"top\", row: b.top, zone: getPanelSplitCtrls(b.top).left.includes(id) ? \"left\" : getPanelSplitCtrls(b.top).center.includes(id) ? \"center\" : \"right\" };\r\n  if (isArr(b.center) && b.center.includes(id)) return { path: \"center\", row: b.center, zone: \"zone\" };\r\n  if (b.bottom) {\r\n    const dB = parsePanelBottomObj(b.bottom);\r\n    if (dB) for (const k in dB) if ((dB as any)[k]?.includes(id)) return { path: `bottom.${k}`, row: (dB as any)[k], zone: getPanelSplitCtrls((dB as any)[k]).left.includes(id) ? \"left\" : getPanelSplitCtrls((dB as any)[k]).center.includes(id) ? \"center\" : \"right\" };\r\n  }\r\n  return { path: \"bottom.1\", row: [], zone: \"left\" };\r\n}\r\n\r\nexport function insertPanelCtrl(current: any[], defaults: readonly any[], id: string): void {\r\n  let s = 0;\r\n  for (let i = 0; i < defaults.indexOf(id); i++) if (defaults[i] === \"spacer\") s++;\r\n  for (let i = defaults.indexOf(id) + 1; i < defaults.length; i++)\r\n    if (defaults[i] === \"spacer\") {\r\n      let c = 0;\r\n      for (let j = 0; j < current.length; j++) if (current[j] === \"spacer\" && ++c === s + 1) return void current.splice(j, 0, id);\r\n    } else {\r\n      const idx = current.indexOf(defaults[i]);\r\n      if (idx !== -1) return void current.splice(idx, 0, id);\r\n    }\r\n  current.push(id);\r\n}\r\n","import { REvent } from \"sia-reactor\";\r\nimport { Controllable } from \"@core/controllable\";\r\nimport { Controller } from \"@core/controller\";\r\nimport { parseForARIAKS } from \"@utils/keys\";\r\nimport { CtlrMedia, MediaFeatures } from \"@defs/contract\";\r\nimport { ComponentConstructor, ComponentState } from \"./types\";\r\n\r\nexport abstract class BaseComponent<Config = any, State extends ComponentState = any, El extends HTMLElement = HTMLElement> extends Controllable<Config, State> {\r\n  public static readonly componentName: string;\r\n  public static readonly isControl: boolean = false;\r\n  public get name() {\r\n    return (this.constructor as ComponentConstructor).componentName;\r\n  }\r\n  public element!: El;\r\n  public get el() {\r\n    return this.element;\r\n  }\r\n\r\n  constructor(ctlr: Controller, config: Config, state?: State) {\r\n    super(ctlr, config, { label: \"\", cmd: \"\", active: false, disabled: false, hidden: false, ...state } as State);\r\n  }\r\n  protected override onSetup(): void {\r\n    this.mount?.();\r\n    this.ctlr.state.readyState ? this.wire?.() : this.wire && this.ctlr.state.wonce(\"readyState\", this.wire, { signal: this.signal }); // wire after all plugs setup\r\n  }\r\n  protected override onDestroy(): void {\r\n    this.unmount();\r\n  }\r\n\r\n  public abstract create(): El; // Must assign to this.element before returning\r\n  public mount?(): void {}\r\n  public unmount(): void {\r\n    this.el.remove();\r\n  }\r\n  public wire?(): void {} // auto unwiring\r\n\r\n  public active() {\r\n    this.el.classList.toggle(\"tmg-media-control-active\", (this.state.active = true));\r\n  }\r\n  public inactive() {\r\n    this.el.classList.toggle(\"tmg-media-control-active\", (this.state.active = false));\r\n  }\r\n  public disable(): void {\r\n    this.el.classList.toggle(\"tmg-media-control-disabled\", (this.state.disabled = true));\r\n  }\r\n  public enable(): void {\r\n    this.el.classList.toggle(\"tmg-media-control-disabled\", (this.state.disabled = false));\r\n  }\r\n  public hide(): void {\r\n    this.el.classList.toggle(\"tmg-media-control-hidden\", (this.state.hidden = true));\r\n  }\r\n  public show(): void {\r\n    this.el.classList.toggle(\"tmg-media-control-hidden\", (this.state.hidden = false));\r\n  }\r\n  protected gate(e: REvent<CtlrMedia, `features.${keyof MediaFeatures}`>): void {\r\n    !e.value ? this.hide() : this.canShow && this.show();\r\n  }\r\n  protected get canShow(): boolean {\r\n    return true;\r\n  } // override to make gating smarter\r\n\r\n  protected setBtnARIA(dblAction?: string, target: HTMLElement = this.el): void {\r\n    this.state.label && target.setAttribute(\"aria-label\", this.state.label);\r\n    this.state.cmd && target.setAttribute(\"aria-keyshortcuts\", parseForARIAKS(this.state.cmd));\r\n    if (dblAction) target.setAttribute(\"aria-description\", `Double-press to ${dblAction}`);\r\n    else if (target.hasAttribute(\"aria-description\")) target.removeAttribute(\"aria-description\");\r\n  }\r\n}\r\n\r\nexport type * from \"./types\";\r\n","import type { RangeInputConfig } from \"./types\";\r\n\r\nexport const RANGE_INPUT_BUILD: RangeInputConfig = {\r\n  label: \"Range Slider\",\r\n  min: 0,\r\n  max: 100,\r\n  value: 0,\r\n  previewValue: 50,\r\n  step: 1,\r\n  scrub: {\r\n    sync: true,\r\n    relative: true,\r\n    cancel: {\r\n      delta: 5,\r\n      timeout: 1500,\r\n    },\r\n  },\r\n  wheel: {\r\n    disabled: false,\r\n    axisRatio: 6,\r\n  },\r\n  preview: true,\r\n  tooltip: true,\r\n  readonly: false,\r\n  disabled: false,\r\n  divs: [],\r\n  marks: [],\r\n};\r\n","import { BaseComponent } from \"../base\";\r\nimport { RangeInputChunk, RangeInputConfig, RangeState } from \"./types\";\r\nimport { RANGE_INPUT_BUILD } from \"./build\";\r\nimport type { Controller } from \"@core/controller\";\r\nimport { reactive, type Reactive } from \"sia-reactor\";\r\nimport { mergeObjs } from \"sia-reactor/utils\";\r\nimport { createEl, getWindow, observeResize } from \"@utils/dom\";\r\nimport { clamp, stepNum } from \"@utils/num\";\r\nimport { setTimeout } from \"@utils/fn\";\r\nimport { startTx, endTx, Transaction } from \"sia-reactor/modules\";\r\n\r\nexport class RangeInput<Config extends RangeInputConfig = RangeInputConfig, State extends RangeState = RangeState> extends BaseComponent<Reactive<Config>, State, HTMLDivElement> {\r\n  public declare config: Reactive<Config> & Reactive<RangeInputConfig>;\r\n  public static readonly componentName: string = \"rangeinput\";\r\n  public barsWrapper!: HTMLElement;\r\n  public marksWrapper!: HTMLElement;\r\n  public chunks: RangeInputChunk[] = [];\r\n  public thumbEl!: HTMLElement;\r\n  public tooltipEl!: HTMLElement;\r\n  public isVertical = false;\r\n  public isRTL = false;\r\n  protected rect!: DOMRect;\r\n  protected lastPtrPos = 0;\r\n  protected lastThumbPos = 0;\r\n  protected currentThumbPos = 0;\r\n  protected stallCancelScrub = false;\r\n  protected cancelScrubTimeoutId: number | null = null;\r\n  protected tx: Transaction | null = null;\r\n\r\n  constructor(ctlr: Controller, config?: Partial<Config>, state?: Partial<State>) {\r\n    super(ctlr, reactive(mergeObjs(structuredClone(RANGE_INPUT_BUILD), config) as unknown as Reactive<Config>, { scrubbing: false, previewing: false, cancelScrub: false, ...state } as any));\r\n  }\r\n\r\n  public override create() {\r\n    // Variables Assignments\r\n    this.element = createEl(\"div\", { className: \"tmg-media-range-container\", tabIndex: 0, role: \"slider\" });\r\n    this.barsWrapper = createEl(\"div\", { className: \"tmg-media-range-bars-wrapper\" });\r\n    this.marksWrapper = createEl(\"div\", { className: \"tmg-media-range-marks-wrapper\" });\r\n    this.thumbEl = createEl(\"div\", { className: \"tmg-media-range-thumb\" });\r\n    this.tooltipEl = createEl(\"div\", { className: \"tmg-media-range-tooltip\" });\r\n    // DOM Injection\r\n    return this.el.append(this.barsWrapper, this.marksWrapper, this.thumbEl, this.tooltipEl), this.el;\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Variables Asignments\r\n    this.rect = this.el.getBoundingClientRect();\r\n    // Event Listeners\r\n    this.el.addEventListener(\"pointerdown\", this.handlePointerDown, { signal: this.signal });\r\n    this.el.addEventListener(\"keydown\", this.handleKeyDown, { signal: this.signal });\r\n    this.el.addEventListener(\"wheel\", this.handleWheel, { passive: false, signal: this.signal });\r\n    this.el.addEventListener(\"mouseover\", () => (this.rect = this.el.getBoundingClientRect()), { signal: this.signal });\r\n    this.el.addEventListener(\"mousemove\", this.handleInput, { signal: this.signal });\r\n    for (const e of [\"mouseleave\", \"touchend\", \"touchcancel\"]) this.el.addEventListener(e, this.stopPreviewing, { signal: this.signal });\r\n    // State Watchers\r\n    this.state.watch(\"scrubbing\", (value) => (value ? (this.tx = startTx(`${this.config.label} Scrub`)) : this.tx && this.config.stall(() => (endTx(this.tx!), (this.tx = null)))), { signal: this.signal });\r\n    // ----- Listeners\r\n    this.state.on(\"previewing\", ({ value }) => this.el.classList.toggle(\"tmg-media-control-previewing\", !!value), { signal: this.signal });\r\n    this.state.on(\"scrubbing\", ({ value }) => this.el.classList.toggle(\"tmg-media-control-scrubbing\", !!value), { signal: this.signal });\r\n    this.state.on(\"cancelScrub\", ({ value }) => this.el.classList.toggle(\"tmg-media-control-cancel-scrub\", !!value), { signal: this.signal });\r\n    // Config Setters\r\n    this.config.set(\"value\", (value) => stepNum(value, this.config), { signal: this.signal });\r\n    // ------ Listeners\r\n    this.config.on(\"label\", ({ value }) => (this.el.ariaLabel = value!), { init: true, signal: this.signal });\r\n    this.config.on(\"min\", ({ value }) => (this.el.ariaValueMin = String(value!)), { init: true, signal: this.signal });\r\n    this.config.on(\"max\", ({ value }) => (this.el.ariaValueMax = String(value!)), { init: true, signal: this.signal });\r\n    this.config.watch(\"value\", this.onValue, { init: true, signal: this.signal }); // #SYNC: near native speed\r\n    this.config.watch(\"previewValue\", this.onPreviewValue, { init: true, signal: this.signal }); // #SYNC: near native speed\r\n    this.config.on(\"tooltip\", ({ value }) => this.el.toggleAttribute(\"data-tooltip\", !!value), { init: true, signal: this.signal });\r\n    this.config.on(\"readonly\", ({ value }) => this.el.toggleAttribute(\"readonly\", !!value), { init: true, signal: this.signal });\r\n    this.config.on(\"disabled\", ({ value }) => this.el.toggleAttribute(\"disabled\", !!value), { init: true, signal: this.signal });\r\n    this.config.on(\"divs\", ({ currentTarget: { value } }) => this.syncDivs(value), { init: true, signal: this.signal });\r\n    this.config.on(\"marks\", ({ currentTarget: { value } }) => this.syncMarks(value), { init: true, signal: this.signal });\r\n    // Post Wiring\r\n    observeResize(this.el, () => this.ctlr.throttle(`${this.config.label}Resizing`, this.handleResize, 30, false), this.signal);\r\n  }\r\n  protected scrub(value: number, bypass = false): boolean {\r\n    return this.canScrub ? (!bypass ? (this.config.value = value) : this.onValue(value), true) : false;\r\n  }\r\n  public get canScrub(): boolean {\r\n    return !this.config.readonly && !this.config.disabled;\r\n  }\r\n\r\n  protected onValue(value: number): void {\r\n    this.syncElPos(this.thumbEl, this.getValuePos(value), false, \"auto\"), this.syncChunks(\"value\", value);\r\n    if (!this.state.scrubbing) this.el.ariaValueNow = String(value);\r\n  }\r\n  protected onPreviewValue(value: number): void {\r\n    this.syncChunks(\"preview\", value), this.config.tooltip && (this.syncElPos(this.tooltipEl, this.getValuePos(value), false, !(this.state.previewing && !this.state.scrubbing) ? \"auto\" : false, this.thumbEl), (this.tooltipEl.innerHTML = (this.config.formatTooltip ? String(this.config.formatTooltip(value)) : `${Math.round(value)}`) + ` ${this.getValueChunk(value)?.label || \"\"}`.trim()));\r\n  }\r\n\r\n  protected handlePointerDown(e: PointerEvent): void {\r\n    if (this.state.scrubbing || this.config.readonly || this.config.disabled) return;\r\n    this.state.scrubbing = true;\r\n    this.el.setPointerCapture(e.pointerId);\r\n    const s = getWindow(this.el).getComputedStyle(this.el);\r\n    (this.isVertical = s.writingMode.includes(\"vertical\")), (this.isRTL = s.direction === \"rtl\");\r\n    (this.rect = this.el.getBoundingClientRect()), (this.lastPtrPos = this.getPos(e)), (this.lastThumbPos = this.currentThumbPos = this.getValuePos());\r\n    getWindow(this.el).addEventListener(\"pointermove\", this.handleInput, { signal: this.signal }), this.handleInput(e);\r\n    getWindow(this.el).addEventListener(\"pointerup\", this.stopScrubbing, { signal: this.signal }), getWindow(this.el).addEventListener(\"pointercancel\", this.stopScrubbing, { signal: this.signal });\r\n  }\r\n\r\n  protected stopScrubbing(): void {\r\n    if (!this.state.scrubbing) return;\r\n    this.state.scrubbing = this.state.previewing = false;\r\n    this.ctlr.cancelRAFLoop(`${this.config.label}Inputing`);\r\n    this.scrub(this.getPosValue(this.state.cancelScrub ? this.lastThumbPos : this.currentThumbPos), this.state.cancelScrub);\r\n    this.allowScrubbing(), this.stopPreviewing();\r\n    this.stallCancelScrub = true;\r\n    getWindow(this.el).removeEventListener(\"pointermove\", this.handleInput);\r\n    getWindow(this.el).removeEventListener(\"pointerup\", this.stopScrubbing), getWindow(this.el).removeEventListener(\"pointercancel\", this.stopScrubbing);\r\n  }\r\n  protected stopPreviewing(): void {\r\n    if (!this.state.previewing) return;\r\n    this.state.previewing = false;\r\n    !this.state.scrubbing && this.ctlr.cancelRAFLoop(`${this.config.label}Inputing`);\r\n  }\r\n\r\n  protected cancelScrubbing(): void {\r\n    if (this.stallCancelScrub || this.state.cancelScrub || this.cancelScrubTimeoutId) return;\r\n    this.state.cancelScrub = true;\r\n    this.cancelScrubTimeoutId = setTimeout(() => this.allowScrubbing(false), this.config.scrub.cancel.timeout, this.signal);\r\n  }\r\n  protected allowScrubbing(reset = true): void {\r\n    this.stallCancelScrub = this.state.cancelScrub = false;\r\n    clearTimeout(this.cancelScrubTimeoutId!);\r\n    if (reset) this.cancelScrubTimeoutId = null;\r\n  }\r\n\r\n  protected handleInput(e: MouseEvent | PointerEvent): void {\r\n    if (this.config.readonly || this.config.disabled) return;\r\n    this.ctlr.RAFLoop(`${this.config.label}Inputing`, () => {\r\n      if (this.prevEX === e.clientX && this.prevEY === e.clientY) return; // #CONSERVATION: peak stays peak\r\n      (this.prevEX = e.clientX), (this.prevEY = e.clientY);\r\n      this.state.previewing ||= true;\r\n      const dimension = this.isVertical ? this.rect.height : this.rect.width,\r\n        progress = this.getPos(e),\r\n        pos = (this.currentThumbPos = clamp(0, !this.state.scrubbing || this.config.scrub.relative ? progress : this.lastThumbPos + progress - this.lastPtrPos, 1)),\r\n        value = this.getPosValue(pos);\r\n      this.config.previewValue = value;\r\n      if (this.state.scrubbing) {\r\n        !this.config.scrub.sync ? this.syncElPos(this.thumbEl, pos, false, \"auto\") : this.scrub(value);\r\n        Math.abs(pos - this.lastThumbPos) < this.config.scrub.cancel.delta / dimension ? this.cancelScrubbing() : this.allowScrubbing();\r\n      }\r\n      this.onInput(e, pos);\r\n    });\r\n  }\r\n  private prevEX?: number;\r\n  private prevEY?: number;\r\n  protected onInput(_e: MouseEvent | PointerEvent, _pos: number): void {} // override to safely add preview logic (timeline preview image, etc.)\r\n\r\n  protected handleWheel(e: WheelEvent): void {\r\n    if (this.config.wheel.disabled) return;\r\n    e.preventDefault(), e.stopImmediatePropagation();\r\n    const dimension = this.isVertical ? getWindow(this.el).innerHeight : getWindow(this.el).innerWidth,\r\n      pos = clamp(0, Math.abs(-e.deltaY), dimension * this.config.wheel.axisRatio) / (dimension * this.config.wheel.axisRatio),\r\n      value = this.config.value + (-e.deltaY >= 0 ? pos : -pos) * (this.config.max - this.config.min);\r\n    this.scrub(value);\r\n  }\r\n  protected handleKeyDown(e: KeyboardEvent): void {\r\n    const key = e.key?.toLowerCase();\r\n    if ([\"arrowleft\", \"arrowdown\", \"arrowright\", \"arrowup\"].includes(key)) {\r\n      e.preventDefault(), e.stopImmediatePropagation();\r\n      const delta = e.shiftKey ? 2 : 1,\r\n        direction = [\"arrowleft\", \"arrowdown\"].includes(key) ? -1 : 1;\r\n      this.scrub(this.config.value + direction * delta * this.config.step);\r\n    }\r\n  }\r\n\r\n  protected handleResize(): void {\r\n    this.rect = this.el.getBoundingClientRect();\r\n    const pos = this.getValuePos();\r\n    this.syncElPos(this.thumbEl, pos, false, \"auto\"), this.syncChunks(\"value\", this.config.value), this.config.tooltip && this.syncElPos(this.tooltipEl, pos, false, \"auto\", this.thumbEl);\r\n  }\r\n\r\n  protected getValuePos(value = this.config.value, range = this.config.max - this.config.min): number {\r\n    return range ? (value - this.config.min) / range : 0;\r\n  }\r\n  protected getPosValue(pos: number): number {\r\n    return pos * (this.config.max - this.config.min) + this.config.min;\r\n  }\r\n  protected getValueChunk(value = this.config.value): RangeInputChunk | undefined {\r\n    for (let i = 0, len = this.chunks.length; i < len; i++) {\r\n      const c = this.chunks[i];\r\n      if (value >= c.start && value <= c.end) return c;\r\n    }\r\n  }\r\n  protected getPos(e: MouseEvent | PointerEvent): number {\r\n    const p = this.isVertical ? (e.clientY - this.rect.top) / this.rect.height : (e.clientX - this.rect.left) / this.rect.width;\r\n    return clamp(0, this.isRTL ? 1 - p : p, 1);\r\n  }\r\n\r\n  public syncElPos(el: HTMLElement, pos: number, isSize = false, inBounds: boolean | \"auto\" = false, bounds = el): void {\r\n    const dim = this.isVertical ? this.rect?.height : this.rect?.width,\r\n      min = inBounds && dim ? (this.isVertical ? bounds.offsetHeight : bounds.offsetWidth) / 2 / dim : 0;\r\n    pos = inBounds === \"auto\" ? min + pos * (1 - min * 2) : pos;\r\n    const value = pos || (!isSize && pos === 0) ? `${clamp(min, pos, 1 - min) * 100}%` : \"\"; // onresize still for pixel accuracy, debounce won't stutter due to '%'\r\n    if (isSize) this.isVertical ? ((el.style.blockSize = value), (el.style.inlineSize = \"\")) : ((el.style.inlineSize = value), (el.style.blockSize = \"\"));\r\n    else this.isVertical ? ((el.style.insetBlockEnd = value), (el.style.insetInlineStart = \"\")) : ((el.style.insetInlineStart = value), (el.style.insetBlockEnd = \"\"));\r\n    // el.style.transform = this.isVertical ? (isSize ? `scaleY(${pos})` : `translateY(-${pos * 100}%)`) : (isSize ? `scaleX(${pos})` : `translateX(${pos * 100}%)`);\r\n  }\r\n  protected syncChunks(key: keyof Omit<RangeInputChunk, \"start\" | \"end\" | \"size\" | \"el\" | \"label\">, value: number): void {\r\n    for (let i = 0, len = this.chunks.length; i < len; i++) {\r\n      const c = this.chunks[i];\r\n      this.syncElPos(c[key]!, clamp(0, (value - c.start) / c.size, 1) || 0, true), c[key]!.style.setProperty(\"--tmg-media-current-range-pos\", String(this.getValuePos(value)));\r\n      c.el.classList.toggle(`tmg-media-chunk-${key}-active`, value >= c.start && value <= c.end);\r\n    }\r\n  }\r\n  protected syncDivs(divs = this.config.divs): void {\r\n    this.barsWrapper.innerHTML = \"\";\r\n    this.chunks = [];\r\n    const range = this.config.max - this.config.min,\r\n      stops = divs.toSorted((a, b) => a.value - b.value); // Sort divs chronologically\r\n    if (stops.length && stops[0].value > this.config.min && stops[0].value <= this.config.min + Math.min(0.02 * range, range * 0.25)) stops[0].value = this.config.min;\r\n    else if (!stops.length || stops[0].value > this.config.min) stops.unshift({ value: this.config.min, label: \"\" });\r\n    if (stops[stops.length - 1].value < this.config.max) stops.push({ value: this.config.max, label: \"\" });\r\n    const fragment = document.createDocumentFragment();\r\n    for (let i = 0, len = stops.length; i < len - 1; i++) {\r\n      // prettier-ignore\r\n      const start = stops[i], end = stops[i + 1], size = end.value - start.value;\r\n      if (size <= 0) continue;\r\n      const el = createEl(\"div\", { className: \"tmg-media-range-chunk\" }, undefined, { cssText: `--tmg-media-current-chunk-st: ${(start.value - this.config.min) / range};` }),\r\n        chunk = { base: createEl(\"div\", { className: \"tmg-media-range-bar tmg-media-range-base-bar\" }), preview: createEl(\"div\", { className: \"tmg-media-range-bar tmg-media-range-preview-bar\" }), value: createEl(\"div\", { className: \"tmg-media-range-bar tmg-media-range-value-bar\" }) };\r\n      this.syncElPos(el, size / range, true), fragment.append((el.append(chunk.base, chunk.preview, chunk.value), el)), this.chunks.push({ start: start.value, end: end.value, label: start.label, size, el, ...chunk });\r\n    }\r\n    this.barsWrapper.append(fragment), this.onValue(this.config.value), this.onPreviewValue(this.config.previewValue);\r\n  }\r\n  protected syncMarks(marks = this.config.marks): void {\r\n    this.marksWrapper.innerHTML = \"\";\r\n    const els: HTMLElement[] = [],\r\n      range = this.config.max - this.config.min;\r\n    if (range <= 0) return;\r\n    for (let i = 0, len = marks.length; i < len; i++) {\r\n      const m = marks[i],\r\n        el = createEl(\"div\", { className: `tmg-media-range-mark tmg-media-range-${marks[i].type || \"base\"}-mark`, title: marks[i].label || `${m.start}${m.end && m.end > m.start + 1 ? ` - ${m.end}` : \"\"}  Mark` }, undefined);\r\n      this.syncElPos(el, (m.start - this.config.min) / range, false), this.syncElPos(el, m.end ? (m.end - m.start) / range : 0, true), els.push(el);\r\n    }\r\n    this.marksWrapper.append(...els);\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    rangeinput: typeof RangeInput;\r\n  }\r\n}\r\n\r\nexport type * from \"./types\";\r\n","import { NOOP } from \"sia-reactor\";\r\nimport { bindCleanupToSignal as bindSig } from \"./fn\";\r\nconst win = \"undefined\" !== typeof window ? window : undefined;\r\n\r\n// Element Factory\r\nexport { createEl, assignEl, getWindow, createListRenderer } from \"@t007/utils\";\r\nexport { initVScrollerator } from \"@t007/utils/hooks/vanilla\";\r\n\r\n// Resource Loading\r\nexport { loadResource } from \"@t007/utils\";\r\n\r\n// Viewport Checks\r\nexport function inDocView(el: Element, axis: \"x\" | \"y\" = \"y\"): boolean {\r\n  const rect = el.getBoundingClientRect(),\r\n    inX = rect.left + win!.scrollX >= 0 && rect.right + win!.scrollX <= win!.scrollX + (win!.innerWidth || win!.document.documentElement.clientWidth),\r\n    inY = rect.top + win!.scrollY >= 0 && rect.bottom + win!.scrollY <= win!.scrollY + (win!.innerHeight || win!.document.documentElement.clientHeight);\r\n  return axis === \"x\" ? inY : axis === \"y\" ? inX : inY && inX;\r\n}\r\n\r\nexport function getElSiblingAt(p: number, dir: \"x\" | \"y\", els: HTMLElement[] | NodeListOf<HTMLElement>, pos: \"before\" | \"after\" | \"at\" = \"after\"): HTMLElement | undefined {\r\n  return (\r\n    els.length &&\r\n    (\r\n      Array.prototype.reduce.call(\r\n        els,\r\n        ((closest: { offset: number; element: Element | undefined }, child: Element) => {\r\n          const { top: cT, left: cL, width: cW, height: cH } = child.getBoundingClientRect(),\r\n            offset = p - (dir === \"y\" ? cT : cL) - (dir === \"y\" ? cH : cW) / 2,\r\n            condition = pos === \"after\" ? offset < 0 && offset > closest.offset : pos === \"before\" ? offset > 0 && offset < closest.offset : pos === \"at\" ? Math.abs(offset) <= (dir === \"y\" ? cH : cW) / 2 && Math.abs(offset) < Math.abs(closest.offset) : false;\r\n          return condition ? { offset, element: child } : closest;\r\n        }) as any,\r\n        { offset: pos === \"after\" ? -Infinity : Infinity, element: undefined }\r\n      ) as any\r\n    ).element\r\n  );\r\n}\r\n\r\n// Fullscreen & Picture-in-Picture\r\nexport const queryFullscreen = (): boolean => Boolean(queryFullscreenEl());\r\nexport const queryFullscreenEl = (d = document as any): Element | null => d.fullscreenElement || d.webkitFullscreenElement || d.mozFullScreenElement || d.msFullscreenElement || null;\r\n\r\nexport const queryPictureInPicture = (): boolean => Boolean(queryPictureInPictureEl());\r\nexport const queryPictureInPictureEl = () => document.pictureInPictureElement;\r\n\r\nexport const supportsFullscreen = (vp = HTMLVideoElement.prototype as any, d = document as any) => Boolean(d.fullscreenEnabled || d.mozFullscreenEnabled || d.msFullscreenEnabled || d.webkitFullscreenEnabled || d.webkitSupportsFullscreen || vp.webkitEnterFullscreen);\r\nexport const supportsPictureInPicture = (vp = HTMLVideoElement.prototype as any, d = document as any, w = window as any) => Boolean(d.pictureInPictureEnabled || vp.requestPictureInPicture || w.documentPictureInPicture);\r\n\r\nexport const enterFullscreen = (el: any): Promise<void> => (el.webkitEnterFullscreen ? el.webkitEnterFullscreen() : el.requestFullscreen ? el.requestFullscreen() : el.mozRequestFullScreen ? el.mozRequestFullScreen() : el.webkitRequestFullscreen ? el.webkitRequestFullscreen() : el.msRequestFullscreen ? el.msRequestFullscreen() : Promise.reject(new Error(\"Fullscreen API is not supported\")));\r\nexport const exitFullscreen = (el: any, d = document as any): Promise<void> => (queryFullscreenEl(d) === el ? (el.webkitExitFullscreen ? el.webkitExitFullscreen() : d.exitFullscreen ? d.exitFullscreen() : d.mozCancelFullScreen ? d.mozCancelFullScreen() : d.webkitExitFullscreen ? d.webkitExitFullscreen() : d.msExitFullscreen ? d.msExitFullscreen() : Promise.reject(new Error(\"Fullscreen API is not supported\"))) : Promise.resolve());\r\n\r\n// Safe Click Handling\r\ntype SafeClickEl = HTMLElement & {\r\n  _clickHandler?: (e: MouseEvent) => void;\r\n  _dblClickHandler?: (e: MouseEvent) => void;\r\n  _clickTimeoutId?: ReturnType<typeof setTimeout>;\r\n};\r\nexport function addSafeClicks(el?: SafeClickEl | null, onClick: (e: MouseEvent) => any = NOOP, onDblClick: (e: MouseEvent) => any = NOOP, options?: boolean | AddEventListenerOptions): void {\r\n  el && removeSafeClicks(el);\r\n  el?.addEventListener(\"click\", (el._clickHandler = (e: MouseEvent) => (clearTimeout(el._clickTimeoutId), (el._clickTimeoutId = setTimeout(() => onClick(e), 300)))), options);\r\n  el?.addEventListener(\"dblclick\", (el._dblClickHandler = (e: MouseEvent) => (clearTimeout(el._clickTimeoutId), onDblClick(e))), options);\r\n}\r\nexport function removeSafeClicks(el?: SafeClickEl | null): void {\r\n  el?.removeEventListener(\"click\", el._clickHandler as EventListener);\r\n  el?.removeEventListener(\"dblclick\", el._dblClickHandler as EventListener);\r\n}\r\n\r\n// DOM Observers\r\ndeclare global {\r\n  interface Element {\r\n    _resizeCbs?: Set<(entry: ResizeObserverEntry) => void>;\r\n    _intersectCbs?: Set<(entry: IntersectionObserverEntry) => void>;\r\n    _mutationCbs?: Set<(mutations: MutationRecord[]) => void>;\r\n  }\r\n}\r\n\r\nexport const intersectionObserver = win\r\n  ? new IntersectionObserver(\r\n      (entries) => {\r\n        for (const entry of entries) if (entry.target._intersectCbs) for (const cb of entry.target._intersectCbs) cb(entry);\r\n      },\r\n      { root: null, rootMargin: \"0px\", threshold: 0.3 }\r\n    )\r\n  : null;\r\n\r\nexport const resizeObserver = win\r\n  ? new ResizeObserver((entries) => {\r\n      for (const entry of entries) if (entry.target._resizeCbs) for (const cb of entry.target._resizeCbs) cb(entry);\r\n    })\r\n  : null;\r\n\r\nexport const mutationObserver = win\r\n  ? new MutationObserver((mutations) => {\r\n      // Dispatch to specific targets if they are being observed directly\r\n      // Note: MutationObserver works differently; this handles the 'root' observer callbacks\r\n      // We map the *target* of the observation, not the mutation target usually.\r\n      // For this util, we assume the observer instance calls the callback associated with the observed node.\r\n      // Since we use one global observer, we need to map back.\r\n      // Actually, for MutationObserver it's cleaner to keep separate instances if configs differ,\r\n      // but for \"utils\" style, we can use a Map logic or just basic callback sets.\r\n      // Current implementation assumes the caller handles the mutation list.\r\n      const target = mutations[0].target as Element; // Batch usually targets one observer\r\n      if (target._mutationCbs) for (const cb of target._mutationCbs) cb(mutations);\r\n    })\r\n  : null;\r\n\r\n// --- PUBLIC API ---\r\nexport function observeResize(el: Element, cb: (entry: ResizeObserverEntry) => void, sig?: AbortSignal) {\r\n  (el._resizeCbs ?? (el._resizeCbs = new Set())).add(cb);\r\n  resizeObserver?.observe(el);\r\n  return bindSig(() => (el._resizeCbs?.delete(cb), !el._resizeCbs?.size && resizeObserver?.unobserve(el)), sig);\r\n}\r\n\r\nexport function observeIntersection(el: Element, cb: (entry: IntersectionObserverEntry) => void, sig?: AbortSignal) {\r\n  (el._intersectCbs ?? (el._intersectCbs = new Set())).add(cb);\r\n  intersectionObserver?.observe(el);\r\n  return bindSig(() => (el._intersectCbs?.delete(cb), !el._intersectCbs?.size && intersectionObserver?.unobserve(el)), sig);\r\n}\r\n\r\nexport function observeMutation(el: Element, cb: (mutations: MutationRecord[]) => void, options: MutationObserverInit, sig?: AbortSignal) {\r\n  (el._mutationCbs ?? (el._mutationCbs = new Set())).add(cb);\r\n  mutationObserver?.observe(el, options);\r\n  return bindSig(() => el._mutationCbs?.delete(cb), sig);\r\n}\r\n","import { AptRange } from \"@defs/generics\";\r\nimport { isNum, clamp } from \"@t007/utils\";\r\n\r\n// Validators\r\nexport { clamp };\r\n\r\nexport function isSafeNum(val: any): boolean {\r\n  return isNum(val) && !isNaN(val ?? NaN) && val !== Infinity;\r\n}\r\n\r\nexport function safeNum(number: any, fallback = 0): number {\r\n  return isSafeNum(number) ? number : fallback;\r\n}\r\n\r\n// Parsers\r\nexport function parseIfPercent(percent: any, amount: any, autocap = 0.25): number {\r\n  const val = percent?.endsWith?.(\"%\") ? safeNum((parseFloat(percent) / 100) * amount) : percent;\r\n  return val && amount && autocap && amount <= val ? amount * autocap : val;\r\n}\r\n\r\nexport function parseRomanNum(roman: string, valid = /^[IVXLCDM]+$/i.test(roman), ROMAN = { I: 1, V: 5, X: 10, L: 50, C: 100, D: 500, M: 1000 } as Record<string, number>): number {\r\n  if (!valid) return 0; // ← Invalid input\r\n  return roman\r\n    .toUpperCase() // Ensure consistent uppercase (e.g., 'iv' becomes 'IV')\r\n    .split(\"\") // Turn into array of characters: 'XIV' → ['X','I','V']\r\n    .reduce((acc, val, i, arr) => {\r\n      const curr = ROMAN[val] || 0, // Current character's value\r\n        next = ROMAN[arr[i + 1]] || 0; // Look ahead to the next character (if any)\r\n      return acc + (curr < next ? -curr : curr); // Subtractive notation: if current is less than next (e.g., I before V → 4); Otherwise, just add normally\r\n    }, 0); // Start accumulator at 0\r\n}\r\n\r\n// Helpers\r\nexport function stepNum<T extends AptRange>(v = 0, { min, max, step }: T): number {\r\n  const s = step ? Math.round((safeNum(v) - (min || 0)) / step) * step + (min || 0) : safeNum(v);\r\n  return clamp(min, +s.toFixed(10), max); // no gymnastics, for sliders only; to reach near native speed\r\n}\r\n\r\nconst _stepsCache = new Map<string, number[]>();\r\nexport function rotateAny<T>(cur: T, steps: T[] | readonly T[], dir?: \"forwards\" | \"backwards\", wrap?: boolean): T;\r\nexport function rotateAny(cur: number, steps: AptRange, dir?: \"forwards\" | \"backwards\", wrap?: boolean): number;\r\nexport function rotateAny(cur: any, steps: any, dir: \"forwards\" | \"backwards\" = \"forwards\", wrap = true): any {\r\n  let list: any[];\r\n  if (Array.isArray(steps)) list = steps;\r\n  else {\r\n    const key = `${steps.min}|${steps.max}|${steps.step}`; // Generate cache key from min|max|step\r\n    if (_stepsCache.has(key)) list = _stepsCache.get(key)!;\r\n    else _stepsCache.set(key, (list = Array.from({ length: Math.floor((steps.max - steps.min) / steps.step) + 1 }, (_, i) => steps.min + i * steps.step)));\r\n  }\r\n  let idx = isNum(cur) ? list.reduce((p, c, x) => (Math.abs(c - cur) < Math.abs(list[p] - cur) ? x : p), 0) : list.indexOf(cur);\r\n  idx = idx + (dir === \"forwards\" ? 1 : -1);\r\n  return list[wrap ? (idx + list.length) % list.length : clamp(0, idx, list.length - 1)];\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,IAAAA,sBAAwC;AACxC,IAAAC,iBAAqB;;;ACDrB,mBAAmC;AACnC,IAAAC,gBAA4B;AAC5B,yBAAqB;AA0ErB,IAAAC,sBAAmC;AAGnC,IAAAD,gBAAsB;AAiCtB,IAAAA,gBAAsB;AAgEtB,IAAAA,gBAA8E;AAsD9E,IAAAA,gBAA4L;AAU5L,IAAAA,gBAA2E;AA3O3E,IAAI,mBAAmC,uBAAO,IAAI,uBAAuB;AA4BzE,SAAS,UAAU,KAAK,QAAQ;AAC9B,SAAO,IAAI,eAAe,eAAe,IAAI,eAAe;AAC9D;AAsDA,SAAS,MAAM,KAAK;AAClB,SAAO,aAAa,OAAO;AAC7B;AAaA,SAAS,OAAO,KAAK;AACnB,SAAO,eAAe,OAAO;AAC/B;AAqHA,SAAS,oBAAoB,SAAS,QAAQ;AAC5C,UAAQ,UAAU,QAAQ,IAAI,QAAQ,iBAAiB,SAAS,SAAS,EAAE,MAAM,KAAK,CAAC;AACvF,MAAI,UAAU,CAAC,OAAO,QAAS,YAAW,OAAO,OAAO,oBAAoB,SAAS,OAAO,GAAG,QAAQ;AACvG,SAAO;AACT;AAgBA,IAAI,gBAAgB,OAAO,QAAQ;AACjC,GAAC,OAAO,SAAP,OAAO,OAAS,CAAC,IAAG,mBAAmB;AACxC,SAAO,sBAAP,OAAO,oBAAsB;AAC7B,SAAO,sBAAP,OAAO,oBAAsB;AAC7B,SAAO,uBAAP,OAAO,qBAAuB;AAC9B,SAAO,uBAAP,OAAO,qBAAuB;AAC9B,SAAO,uBAAP,OAAO,qBAAuB;AAC9B,SAAO,wBAAP,OAAO,sBAAwB;AACjC;;;ACzPA,IAAAE,gBAAwB;;;AFMjB,IAAe,eAAf,MAAuD;AAAA;AAAA,EAW5D,YAAY,MAAkB,QAAgB,OAAe;AAV7D,wBAAmB,MAAK,IAAI,gBAAgB;AAC5C,wBAAmB,UAAS,KAAK,GAAG;AACpC,wBAAgB;AAChB,wBAAgB;AAChB,wBAAgB;AAChB;AAAA,wBAAO;AAML,uCAAgB,MAAM,KAAK,KAAK;AAChC,SAAK,SAAS,YAAY,IAAI,CAAC,KAAK,QAAQ,KAAK,MAAM,CAAC;AACxD,SAAK,OAAO;AACZ,SAAK,QAAQ,KAAK;AAClB,SAAK,YAAS,qBAAM,KAAK,QAAI,8BAAS,KAAK,IAAI;AAC/C,SAAK,SAAS;AAAA,EAChB;AAAA;AAAA,EAXA,IAAW,WAAW;AACpB,WAAO,KAAK,KAAK;AAAA,EACnB;AAAA,EAWO,QAAc;AACnB,WAAO,KAAK,QAAQ,GAAG;AAAA,EACzB;AAAA,EAGO,UAAgB;AACrB,KAAC,KAAK,OAAO,WAAW,KAAK,GAAG,MAAM,gDAAgD;AACtF,SAAK,UAAU,GAAI,KAAK,OAAe,UAAU,GAAG,KAAK,WAAW,KAAK,SAAS,OAAQ,KAAK,QAAgB,OAAO,KAAM,KAAK,QAAgB,UAAU;AAC3J,6BAAK,IAAI;AAAA,EACX;AAAA,EACU,YAAkB;AAAA,EAAC;AAC/B;;;AGjCO,IAAe,gBAAf,cAA6H,aAA4B;AAAA,EAW9J,YAAY,MAAkB,QAAgB,OAAe;AAC3D,UAAM,MAAM,QAAQ,EAAE,OAAO,IAAI,KAAK,IAAI,QAAQ,OAAO,UAAU,OAAO,QAAQ,OAAO,GAAG,MAAM,CAAU;AAN9G,wBAAO;AAAA,EAOP;AAAA,EAVA,IAAW,OAAO;AAChB,WAAQ,KAAK,YAAqC;AAAA,EACpD;AAAA,EAEA,IAAW,KAAK;AACd,WAAO,KAAK;AAAA,EACd;AAAA,EAKmB,UAAgB;AACjC,SAAK,QAAQ;AACb,SAAK,KAAK,MAAM,aAAa,KAAK,OAAO,IAAI,KAAK,QAAQ,KAAK,KAAK,MAAM,MAAM,cAAc,KAAK,MAAM,EAAE,QAAQ,KAAK,OAAO,CAAC;AAAA,EAClI;AAAA,EACmB,YAAkB;AACnC,SAAK,QAAQ;AAAA,EACf;AAAA;AAAA,EAGO,QAAe;AAAA,EAAC;AAAA,EAChB,UAAgB;AACrB,SAAK,GAAG,OAAO;AAAA,EACjB;AAAA,EACO,OAAc;AAAA,EAAC;AAAA;AAAA,EAEf,SAAS;AACd,SAAK,GAAG,UAAU,OAAO,4BAA6B,KAAK,MAAM,SAAS,IAAK;AAAA,EACjF;AAAA,EACO,WAAW;AAChB,SAAK,GAAG,UAAU,OAAO,4BAA6B,KAAK,MAAM,SAAS,KAAM;AAAA,EAClF;AAAA,EACO,UAAgB;AACrB,SAAK,GAAG,UAAU,OAAO,8BAA+B,KAAK,MAAM,WAAW,IAAK;AAAA,EACrF;AAAA,EACO,SAAe;AACpB,SAAK,GAAG,UAAU,OAAO,8BAA+B,KAAK,MAAM,WAAW,KAAM;AAAA,EACtF;AAAA,EACO,OAAa;AAClB,SAAK,GAAG,UAAU,OAAO,4BAA6B,KAAK,MAAM,SAAS,IAAK;AAAA,EACjF;AAAA,EACO,OAAa;AAClB,SAAK,GAAG,UAAU,OAAO,4BAA6B,KAAK,MAAM,SAAS,KAAM;AAAA,EAClF;AAAA,EACU,KAAK,GAA+D;AAC5E,KAAC,EAAE,QAAQ,KAAK,KAAK,IAAI,KAAK,WAAW,KAAK,KAAK;AAAA,EACrD;AAAA,EACA,IAAc,UAAmB;AAC/B,WAAO;AAAA,EACT;AAAA;AAAA,EAEU,WAAW,WAAoB,SAAsB,KAAK,IAAU;AAC5E,SAAK,MAAM,SAAS,OAAO,aAAa,cAAc,KAAK,MAAM,KAAK;AACtE,SAAK,MAAM,OAAO,OAAO,aAAa,yBAAqB,8BAAe,KAAK,MAAM,GAAG,CAAC;AACzF,QAAI,UAAW,QAAO,aAAa,oBAAoB,mBAAmB,SAAS,EAAE;AAAA,aAC5E,OAAO,aAAa,kBAAkB,EAAG,QAAO,gBAAgB,kBAAkB;AAAA,EAC7F;AACF;AA3DE,cADoB,eACG;AACvB,cAFoB,eAEG,aAAqB;;;ACPvC,IAAM,oBAAsC;AAAA,EACjD,OAAO;AAAA,EACP,KAAK;AAAA,EACL,KAAK;AAAA,EACL,OAAO;AAAA,EACP,cAAc;AAAA,EACd,MAAM;AAAA,EACN,OAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AAAA,EACA,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM,CAAC;AAAA,EACP,OAAO,CAAC;AACV;;;ACvBA,IAAAC,sBAAwC;AACxC,IAAAC,iBAA0B;;;ACL1B,IAAAC,sBAAqB;AAErB,IAAM,MAAM,gBAAgB,OAAO,SAAS,SAAS;AAyE9C,IAAM,uBAAuB,MAChC,IAAI;AAAA,EACF,CAAC,YAAY;AACX,eAAW,SAAS,QAAS,KAAI,MAAM,OAAO,cAAe,YAAW,MAAM,MAAM,OAAO,cAAe,IAAG,KAAK;AAAA,EACpH;AAAA,EACA,EAAE,MAAM,MAAM,YAAY,OAAO,WAAW,IAAI;AAClD,IACA;AAEG,IAAM,iBAAiB,MAC1B,IAAI,eAAe,CAAC,YAAY;AAC9B,aAAW,SAAS,QAAS,KAAI,MAAM,OAAO,WAAY,YAAW,MAAM,MAAM,OAAO,WAAY,IAAG,KAAK;AAC9G,CAAC,IACD;AAEG,IAAM,mBAAmB,MAC5B,IAAI,iBAAiB,CAAC,cAAc;AASlC,QAAM,SAAS,UAAU,CAAC,EAAE;AAC5B,MAAI,OAAO,aAAc,YAAW,MAAM,OAAO,aAAc,IAAG,SAAS;AAC7E,CAAC,IACD;AAGG,SAAS,cAAc,IAAa,IAA0C,KAAmB;AACtG,GAAC,GAAG,eAAe,GAAG,aAAa,oBAAI,IAAI,IAAI,IAAI,EAAE;AACrD,kBAAgB,QAAQ,EAAE;AAC1B,SAAO,oBAAQ,OAAO,GAAG,YAAY,OAAO,EAAE,GAAG,CAAC,GAAG,YAAY,QAAQ,gBAAgB,UAAU,EAAE,IAAI,GAAG;AAC9G;;;ACxGO,SAAS,UAAU,KAAmB;AAC3C,SAAO,MAAM,GAAG,KAAK,CAAC,MAAM,OAAO,GAAG,KAAK,QAAQ;AACrD;AAEO,SAAS,QAAQ,QAAa,WAAW,GAAW;AACzD,SAAO,UAAU,MAAM,IAAI,SAAS;AACtC;AAqBO,SAAS,QAA4B,IAAI,GAAG,EAAE,KAAK,KAAK,KAAK,GAAc;AAChF,QAAM,IAAI,OAAO,KAAK,OAAO,QAAQ,CAAC,KAAK,OAAO,MAAM,IAAI,IAAI,QAAQ,OAAO,KAAK,QAAQ,CAAC;AAC7F,aAAO,qBAAM,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,GAAG;AACvC;;;AF3BA,qBAA4C;AAErC,IAAM,aAAN,cAAoH,cAAuD;AAAA,EAkBhL,YAAY,MAAkB,QAA0B,OAAwB;AAC9E,UAAM,UAAM,kCAAS,0BAAU,gBAAgB,iBAAiB,GAAG,MAAM,GAAkC,EAAE,WAAW,OAAO,YAAY,OAAO,aAAa,OAAO,GAAG,MAAM,CAAQ,CAAC;AAhB1L,wBAAO;AACP,wBAAO;AACP,wBAAO,UAA4B,CAAC;AACpC,wBAAO;AACP,wBAAO;AACP,wBAAO,cAAa;AACpB,wBAAO,SAAQ;AACf,wBAAU;AACV,wBAAU,cAAa;AACvB,wBAAU,gBAAe;AACzB,wBAAU,mBAAkB;AAC5B,wBAAU,oBAAmB;AAC7B,wBAAU,wBAAsC;AAChD,wBAAU,MAAyB;AAwHnC,wBAAQ;AACR,wBAAQ;AAAA,EArHR;AAAA,EAEgB,SAAS;AAEvB,SAAK,cAAU,uBAAS,OAAO,EAAE,WAAW,6BAA6B,UAAU,GAAG,MAAM,SAAS,CAAC;AACtG,SAAK,kBAAc,uBAAS,OAAO,EAAE,WAAW,+BAA+B,CAAC;AAChF,SAAK,mBAAe,uBAAS,OAAO,EAAE,WAAW,gCAAgC,CAAC;AAClF,SAAK,cAAU,uBAAS,OAAO,EAAE,WAAW,wBAAwB,CAAC;AACrE,SAAK,gBAAY,uBAAS,OAAO,EAAE,WAAW,0BAA0B,CAAC;AAEzE,WAAO,KAAK,GAAG,OAAO,KAAK,aAAa,KAAK,cAAc,KAAK,SAAS,KAAK,SAAS,GAAG,KAAK;AAAA,EACjG;AAAA,EAEgB,OAAa;AAE3B,SAAK,OAAO,KAAK,GAAG,sBAAsB;AAE1C,SAAK,GAAG,iBAAiB,eAAe,KAAK,mBAAmB,EAAE,QAAQ,KAAK,OAAO,CAAC;AACvF,SAAK,GAAG,iBAAiB,WAAW,KAAK,eAAe,EAAE,QAAQ,KAAK,OAAO,CAAC;AAC/E,SAAK,GAAG,iBAAiB,SAAS,KAAK,aAAa,EAAE,SAAS,OAAO,QAAQ,KAAK,OAAO,CAAC;AAC3F,SAAK,GAAG,iBAAiB,aAAa,MAAO,KAAK,OAAO,KAAK,GAAG,sBAAsB,GAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;AAClH,SAAK,GAAG,iBAAiB,aAAa,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAC/E,eAAW,KAAK,CAAC,cAAc,YAAY,aAAa,EAAG,MAAK,GAAG,iBAAiB,GAAG,KAAK,gBAAgB,EAAE,QAAQ,KAAK,OAAO,CAAC;AAEnI,SAAK,MAAM,MAAM,aAAa,CAAC,UAAW,QAAS,KAAK,SAAK,wBAAQ,GAAG,KAAK,OAAO,KAAK,QAAQ,IAAK,KAAK,MAAM,KAAK,OAAO,MAAM,WAAO,sBAAM,KAAK,EAAG,GAAI,KAAK,KAAK,KAAM,GAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;AAEvM,SAAK,MAAM,GAAG,cAAc,CAAC,EAAE,MAAM,MAAM,KAAK,GAAG,UAAU,OAAO,gCAAgC,CAAC,CAAC,KAAK,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC;AACrI,SAAK,MAAM,GAAG,aAAa,CAAC,EAAE,MAAM,MAAM,KAAK,GAAG,UAAU,OAAO,+BAA+B,CAAC,CAAC,KAAK,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC;AACnI,SAAK,MAAM,GAAG,eAAe,CAAC,EAAE,MAAM,MAAM,KAAK,GAAG,UAAU,OAAO,kCAAkC,CAAC,CAAC,KAAK,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC;AAExI,SAAK,OAAO,IAAI,SAAS,CAAC,UAAU,QAAQ,OAAO,KAAK,MAAM,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC;AAExF,SAAK,OAAO,GAAG,SAAS,CAAC,EAAE,MAAM,MAAO,KAAK,GAAG,YAAY,OAAS,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AACxG,SAAK,OAAO,GAAG,OAAO,CAAC,EAAE,MAAM,MAAO,KAAK,GAAG,eAAe,OAAO,KAAM,GAAI,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AACjH,SAAK,OAAO,GAAG,OAAO,CAAC,EAAE,MAAM,MAAO,KAAK,GAAG,eAAe,OAAO,KAAM,GAAI,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AACjH,SAAK,OAAO,MAAM,SAAS,KAAK,SAAS,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC5E,SAAK,OAAO,MAAM,gBAAgB,KAAK,gBAAgB,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC1F,SAAK,OAAO,GAAG,WAAW,CAAC,EAAE,MAAM,MAAM,KAAK,GAAG,gBAAgB,gBAAgB,CAAC,CAAC,KAAK,GAAG,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC9H,SAAK,OAAO,GAAG,YAAY,CAAC,EAAE,MAAM,MAAM,KAAK,GAAG,gBAAgB,YAAY,CAAC,CAAC,KAAK,GAAG,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC3H,SAAK,OAAO,GAAG,YAAY,CAAC,EAAE,MAAM,MAAM,KAAK,GAAG,gBAAgB,YAAY,CAAC,CAAC,KAAK,GAAG,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC3H,SAAK,OAAO,GAAG,QAAQ,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,KAAK,SAAS,KAAK,GAAG,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAClH,SAAK,OAAO,GAAG,SAAS,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,KAAK,UAAU,KAAK,GAAG,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAEpH,kBAAc,KAAK,IAAI,MAAM,KAAK,KAAK,SAAS,GAAG,KAAK,OAAO,KAAK,YAAY,KAAK,cAAc,IAAI,KAAK,GAAG,KAAK,MAAM;AAAA,EAC5H;AAAA,EACU,MAAM,OAAe,SAAS,OAAgB;AACtD,WAAO,KAAK,YAAY,CAAC,SAAU,KAAK,OAAO,QAAQ,QAAS,KAAK,QAAQ,KAAK,GAAG,QAAQ;AAAA,EAC/F;AAAA,EACA,IAAW,WAAoB;AAC7B,WAAO,CAAC,KAAK,OAAO,YAAY,CAAC,KAAK,OAAO;AAAA,EAC/C;AAAA,EAEU,QAAQ,OAAqB;AACrC,SAAK,UAAU,KAAK,SAAS,KAAK,YAAY,KAAK,GAAG,OAAO,MAAM,GAAG,KAAK,WAAW,SAAS,KAAK;AACpG,QAAI,CAAC,KAAK,MAAM,UAAW,MAAK,GAAG,eAAe,OAAO,KAAK;AAAA,EAChE;AAAA,EACU,eAAe,OAAqB;AAC5C,SAAK,WAAW,WAAW,KAAK,GAAG,KAAK,OAAO,YAAY,KAAK,UAAU,KAAK,WAAW,KAAK,YAAY,KAAK,GAAG,OAAO,EAAE,KAAK,MAAM,cAAc,CAAC,KAAK,MAAM,aAAa,SAAS,OAAO,KAAK,OAAO,GAAI,KAAK,UAAU,aAAa,KAAK,OAAO,gBAAgB,OAAO,KAAK,OAAO,cAAc,KAAK,CAAC,IAAI,GAAG,KAAK,MAAM,KAAK,CAAC,MAAM,IAAI,KAAK,cAAc,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK;AAAA,EAC/X;AAAA,EAEU,kBAAkB,GAAuB;AACjD,QAAI,KAAK,MAAM,aAAa,KAAK,OAAO,YAAY,KAAK,OAAO,SAAU;AAC1E,SAAK,MAAM,YAAY;AACvB,SAAK,GAAG,kBAAkB,EAAE,SAAS;AACrC,UAAM,IAAI,UAAU,KAAK,EAAE,EAAE,iBAAiB,KAAK,EAAE;AACrD,IAAC,KAAK,aAAa,EAAE,YAAY,SAAS,UAAU,GAAK,KAAK,QAAQ,EAAE,cAAc;AACtF,IAAC,KAAK,OAAO,KAAK,GAAG,sBAAsB,GAAK,KAAK,aAAa,KAAK,OAAO,CAAC,GAAK,KAAK,eAAe,KAAK,kBAAkB,KAAK,YAAY;AAChJ,cAAU,KAAK,EAAE,EAAE,iBAAiB,eAAe,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC,GAAG,KAAK,YAAY,CAAC;AACjH,cAAU,KAAK,EAAE,EAAE,iBAAiB,aAAa,KAAK,eAAe,EAAE,QAAQ,KAAK,OAAO,CAAC,GAAG,UAAU,KAAK,EAAE,EAAE,iBAAiB,iBAAiB,KAAK,eAAe,EAAE,QAAQ,KAAK,OAAO,CAAC;AAAA,EACjM;AAAA,EAEU,gBAAsB;AAC9B,QAAI,CAAC,KAAK,MAAM,UAAW;AAC3B,SAAK,MAAM,YAAY,KAAK,MAAM,aAAa;AAC/C,SAAK,KAAK,cAAc,GAAG,KAAK,OAAO,KAAK,UAAU;AACtD,SAAK,MAAM,KAAK,YAAY,KAAK,MAAM,cAAc,KAAK,eAAe,KAAK,eAAe,GAAG,KAAK,MAAM,WAAW;AACtH,SAAK,eAAe,GAAG,KAAK,eAAe;AAC3C,SAAK,mBAAmB;AACxB,cAAU,KAAK,EAAE,EAAE,oBAAoB,eAAe,KAAK,WAAW;AACtE,cAAU,KAAK,EAAE,EAAE,oBAAoB,aAAa,KAAK,aAAa,GAAG,UAAU,KAAK,EAAE,EAAE,oBAAoB,iBAAiB,KAAK,aAAa;AAAA,EACrJ;AAAA,EACU,iBAAuB;AAC/B,QAAI,CAAC,KAAK,MAAM,WAAY;AAC5B,SAAK,MAAM,aAAa;AACxB,KAAC,KAAK,MAAM,aAAa,KAAK,KAAK,cAAc,GAAG,KAAK,OAAO,KAAK,UAAU;AAAA,EACjF;AAAA,EAEU,kBAAwB;AAChC,QAAI,KAAK,oBAAoB,KAAK,MAAM,eAAe,KAAK,qBAAsB;AAClF,SAAK,MAAM,cAAc;AACzB,SAAK,2BAAuB,cAAAC,YAAW,MAAM,KAAK,eAAe,KAAK,GAAG,KAAK,OAAO,MAAM,OAAO,SAAS,KAAK,MAAM;AAAA,EACxH;AAAA,EACU,eAAe,QAAQ,MAAY;AAC3C,SAAK,mBAAmB,KAAK,MAAM,cAAc;AACjD,iBAAa,KAAK,oBAAqB;AACvC,QAAI,MAAO,MAAK,uBAAuB;AAAA,EACzC;AAAA,EAEU,YAAY,GAAoC;AACxD,QAAI,KAAK,OAAO,YAAY,KAAK,OAAO,SAAU;AAClD,SAAK,KAAK,QAAQ,GAAG,KAAK,OAAO,KAAK,YAAY,MAAM;AAnI5D;AAoIM,UAAI,KAAK,WAAW,EAAE,WAAW,KAAK,WAAW,EAAE,QAAS;AAC5D,MAAC,KAAK,SAAS,EAAE,SAAW,KAAK,SAAS,EAAE;AAC5C,iBAAK,OAAM,eAAX,GAAW,aAAe;AAC1B,YAAM,YAAY,KAAK,aAAa,KAAK,KAAK,SAAS,KAAK,KAAK,OAC/D,WAAW,KAAK,OAAO,CAAC,GACxB,MAAO,KAAK,sBAAkB,qBAAM,GAAG,CAAC,KAAK,MAAM,aAAa,KAAK,OAAO,MAAM,WAAW,WAAW,KAAK,eAAe,WAAW,KAAK,YAAY,CAAC,GACzJ,QAAQ,KAAK,YAAY,GAAG;AAC9B,WAAK,OAAO,eAAe;AAC3B,UAAI,KAAK,MAAM,WAAW;AACxB,SAAC,KAAK,OAAO,MAAM,OAAO,KAAK,UAAU,KAAK,SAAS,KAAK,OAAO,MAAM,IAAI,KAAK,MAAM,KAAK;AAC7F,aAAK,IAAI,MAAM,KAAK,YAAY,IAAI,KAAK,OAAO,MAAM,OAAO,QAAQ,YAAY,KAAK,gBAAgB,IAAI,KAAK,eAAe;AAAA,MAChI;AACA,WAAK,QAAQ,GAAG,GAAG;AAAA,IACrB,CAAC;AAAA,EACH;AAAA,EAGU,QAAQ,IAA+B,MAAoB;AAAA,EAAC;AAAA;AAAA,EAE5D,YAAY,GAAqB;AACzC,QAAI,KAAK,OAAO,MAAM,SAAU;AAChC,MAAE,eAAe,GAAG,EAAE,yBAAyB;AAC/C,UAAM,YAAY,KAAK,aAAa,UAAU,KAAK,EAAE,EAAE,cAAc,UAAU,KAAK,EAAE,EAAE,YACtF,UAAM,qBAAM,GAAG,KAAK,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,KAAK,OAAO,MAAM,SAAS,KAAK,YAAY,KAAK,OAAO,MAAM,YAC9G,QAAQ,KAAK,OAAO,SAAS,CAAC,EAAE,UAAU,IAAI,MAAM,CAAC,QAAQ,KAAK,OAAO,MAAM,KAAK,OAAO;AAC7F,SAAK,MAAM,KAAK;AAAA,EAClB;AAAA,EACU,cAAc,GAAwB;AAC9C,UAAM,MAAM,EAAE,KAAK,YAAY;AAC/B,QAAI,CAAC,aAAa,aAAa,cAAc,SAAS,EAAE,SAAS,GAAG,GAAG;AACrE,QAAE,eAAe,GAAG,EAAE,yBAAyB;AAC/C,YAAM,QAAQ,EAAE,WAAW,IAAI,GAC7B,YAAY,CAAC,aAAa,WAAW,EAAE,SAAS,GAAG,IAAI,KAAK;AAC9D,WAAK,MAAM,KAAK,OAAO,QAAQ,YAAY,QAAQ,KAAK,OAAO,IAAI;AAAA,IACrE;AAAA,EACF;AAAA,EAEU,eAAqB;AAC7B,SAAK,OAAO,KAAK,GAAG,sBAAsB;AAC1C,UAAM,MAAM,KAAK,YAAY;AAC7B,SAAK,UAAU,KAAK,SAAS,KAAK,OAAO,MAAM,GAAG,KAAK,WAAW,SAAS,KAAK,OAAO,KAAK,GAAG,KAAK,OAAO,WAAW,KAAK,UAAU,KAAK,WAAW,KAAK,OAAO,QAAQ,KAAK,OAAO;AAAA,EACvL;AAAA,EAEU,YAAY,QAAQ,KAAK,OAAO,OAAO,QAAQ,KAAK,OAAO,MAAM,KAAK,OAAO,KAAa;AAClG,WAAO,SAAS,QAAQ,KAAK,OAAO,OAAO,QAAQ;AAAA,EACrD;AAAA,EACU,YAAY,KAAqB;AACzC,WAAO,OAAO,KAAK,OAAO,MAAM,KAAK,OAAO,OAAO,KAAK,OAAO;AAAA,EACjE;AAAA,EACU,cAAc,QAAQ,KAAK,OAAO,OAAoC;AAC9E,aAAS,IAAI,GAAG,MAAM,KAAK,OAAO,QAAQ,IAAI,KAAK,KAAK;AACtD,YAAM,IAAI,KAAK,OAAO,CAAC;AACvB,UAAI,SAAS,EAAE,SAAS,SAAS,EAAE,IAAK,QAAO;AAAA,IACjD;AAAA,EACF;AAAA,EACU,OAAO,GAAsC;AACrD,UAAM,IAAI,KAAK,cAAc,EAAE,UAAU,KAAK,KAAK,OAAO,KAAK,KAAK,UAAU,EAAE,UAAU,KAAK,KAAK,QAAQ,KAAK,KAAK;AACtH,eAAO,qBAAM,GAAG,KAAK,QAAQ,IAAI,IAAI,GAAG,CAAC;AAAA,EAC3C;AAAA,EAEO,UAAU,IAAiB,KAAa,SAAS,OAAO,WAA6B,OAAO,SAAS,IAAU;AACpH,UAAM,MAAM,KAAK,aAAa,KAAK,MAAM,SAAS,KAAK,MAAM,OAC3D,MAAM,YAAY,OAAO,KAAK,aAAa,OAAO,eAAe,OAAO,eAAe,IAAI,MAAM;AACnG,UAAM,aAAa,SAAS,MAAM,OAAO,IAAI,MAAM,KAAK;AACxD,UAAM,QAAQ,OAAQ,CAAC,UAAU,QAAQ,IAAK,OAAG,qBAAM,KAAK,KAAK,IAAI,GAAG,IAAI,GAAG,MAAM;AACrF,QAAI,OAAQ,MAAK,cAAe,GAAG,MAAM,YAAY,OAAS,GAAG,MAAM,aAAa,OAAS,GAAG,MAAM,aAAa,OAAS,GAAG,MAAM,YAAY;AAAA,QAC5I,MAAK,cAAe,GAAG,MAAM,gBAAgB,OAAS,GAAG,MAAM,mBAAmB,OAAS,GAAG,MAAM,mBAAmB,OAAS,GAAG,MAAM,gBAAgB;AAAA,EAEhK;AAAA,EACU,WAAW,KAA6E,OAAqB;AACrH,aAAS,IAAI,GAAG,MAAM,KAAK,OAAO,QAAQ,IAAI,KAAK,KAAK;AACtD,YAAM,IAAI,KAAK,OAAO,CAAC;AACvB,WAAK,UAAU,EAAE,GAAG,OAAI,qBAAM,IAAI,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,GAAG,IAAI,GAAG,EAAE,GAAG,EAAG,MAAM,YAAY,iCAAiC,OAAO,KAAK,YAAY,KAAK,CAAC,CAAC;AACvK,QAAE,GAAG,UAAU,OAAO,mBAAmB,GAAG,WAAW,SAAS,EAAE,SAAS,SAAS,EAAE,GAAG;AAAA,IAC3F;AAAA,EACF;AAAA,EACU,SAAS,OAAO,KAAK,OAAO,MAAY;AAChD,SAAK,YAAY,YAAY;AAC7B,SAAK,SAAS,CAAC;AACf,UAAM,QAAQ,KAAK,OAAO,MAAM,KAAK,OAAO,KAC1C,QAAQ,KAAK,SAAS,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AACnD,QAAI,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,KAAK,OAAO,OAAO,MAAM,CAAC,EAAE,SAAS,KAAK,OAAO,MAAM,KAAK,IAAI,OAAO,OAAO,QAAQ,IAAI,EAAG,OAAM,CAAC,EAAE,QAAQ,KAAK,OAAO;AAAA,aACtJ,CAAC,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,KAAK,OAAO,IAAK,OAAM,QAAQ,EAAE,OAAO,KAAK,OAAO,KAAK,OAAO,GAAG,CAAC;AAC/G,QAAI,MAAM,MAAM,SAAS,CAAC,EAAE,QAAQ,KAAK,OAAO,IAAK,OAAM,KAAK,EAAE,OAAO,KAAK,OAAO,KAAK,OAAO,GAAG,CAAC;AACrG,UAAM,WAAW,SAAS,uBAAuB;AACjD,aAAS,IAAI,GAAG,MAAM,MAAM,QAAQ,IAAI,MAAM,GAAG,KAAK;AAEpD,YAAM,QAAQ,MAAM,CAAC,GAAG,MAAM,MAAM,IAAI,CAAC,GAAG,OAAO,IAAI,QAAQ,MAAM;AACrE,UAAI,QAAQ,EAAG;AACf,YAAM,SAAK,uBAAS,OAAO,EAAE,WAAW,wBAAwB,GAAG,QAAW,EAAE,SAAS,kCAAkC,MAAM,QAAQ,KAAK,OAAO,OAAO,KAAK,IAAI,CAAC,GACpK,QAAQ,EAAE,UAAM,uBAAS,OAAO,EAAE,WAAW,+CAA+C,CAAC,GAAG,aAAS,uBAAS,OAAO,EAAE,WAAW,kDAAkD,CAAC,GAAG,WAAO,uBAAS,OAAO,EAAE,WAAW,gDAAgD,CAAC,EAAE;AACrR,WAAK,UAAU,IAAI,OAAO,OAAO,IAAI,GAAG,SAAS,QAAQ,GAAG,OAAO,MAAM,MAAM,MAAM,SAAS,MAAM,KAAK,GAAG,GAAG,GAAG,KAAK,OAAO,KAAK,EAAE,OAAO,MAAM,OAAO,KAAK,IAAI,OAAO,OAAO,MAAM,OAAO,MAAM,IAAI,GAAG,MAAM,CAAC;AAAA,IACnN;AACA,SAAK,YAAY,OAAO,QAAQ,GAAG,KAAK,QAAQ,KAAK,OAAO,KAAK,GAAG,KAAK,eAAe,KAAK,OAAO,YAAY;AAAA,EAClH;AAAA,EACU,UAAU,QAAQ,KAAK,OAAO,OAAa;AACnD,SAAK,aAAa,YAAY;AAC9B,UAAM,MAAqB,CAAC,GAC1B,QAAQ,KAAK,OAAO,MAAM,KAAK,OAAO;AACxC,QAAI,SAAS,EAAG;AAChB,aAAS,IAAI,GAAG,MAAM,MAAM,QAAQ,IAAI,KAAK,KAAK;AAChD,YAAM,IAAI,MAAM,CAAC,GACf,SAAK,uBAAS,OAAO,EAAE,WAAW,wCAAwC,MAAM,CAAC,EAAE,QAAQ,MAAM,SAAS,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,EAAE,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,IAAI,MAAM,EAAE,GAAG,KAAK,EAAE,SAAS,GAAG,MAAS;AACxN,WAAK,UAAU,KAAK,EAAE,QAAQ,KAAK,OAAO,OAAO,OAAO,KAAK,GAAG,KAAK,UAAU,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,QAAQ,GAAG,IAAI,GAAG,IAAI,KAAK,EAAE;AAAA,IAC9I;AACA,SAAK,aAAa,OAAO,GAAG,GAAG;AAAA,EACjC;AACF;AAlOE,cAFW,YAEY,iBAAwB;;;ANL1C,IAAM,mBAAN,cAA+B,WAAyC;AAAA,EAC7E,IAAc,OAAO;AACnB,WAAO,KAAK,KAAK,KAAK,qBAAqB;AAAA,EAC7C;AAAA,EAEA,YAAY,MAAkB,QAAiC;AAC7D,UAAM,MAAM,EAAE,OAAO,qBAAqB,GAAG,OAAO,CAAC;AAAA,EACvD;AAAA,EAEgB,OAAa;AAC3B,UAAM,KAAK;AAEX,SAAK,OAAO,IAAI,SAAS,CAAC,MAAM,KAAK,IAAI,KAAK,MAAM,eAAe,IAAI,KAAK,SAAS,WAAW,KAAK,CAAC,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC;AAChI,SAAK,OAAO,IAAI,gBAAgB,CAAC,MAAM,KAAK,IAAI,KAAK,MAAM,eAAe,IAAI,KAAK,SAAS,WAAW,KAAK,CAAC,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC;AAEvI,SAAK,MAAM,GAAG,oBAAoB,KAAK,uBAAuB,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAEpH,SAAK,KAAK,OAAO,GAAG,2BAA2B,KAAK,qBAAqB,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAAA,EAC9G;AAAA,EACmB,MAAM,OAAe,QAA2B;AACjE,WAAO,MAAM,MAAM,OAAO,MAAM,KAAK,KAAK,MAAM,kBAAkB,KAAK,GAAG,QAAQ;AAAA,EACpF;AAAA,EAEU,sBAAsB,EAAE,MAAM,GAAgD;AACtF,QAAI,CAAC,KAAK,MAAM,UAAW,MAAK,OAAO,eAAe,KAAK,OAAO,QAAQ;AAAA,EAC5E;AAAA,EAEU,oBAAoB,EAAE,MAAM,GAAwD;AAC5F,SAAK,OAAO,MAAM;AAElB,SAAK,OAAO,OAAO,QAAQ,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,GAAG,EAAE,OAAO,KAAK,OAAO,4GAAuG,CAAE,IAAI,CAAC;AAAA,EAChM;AACF;","names":["import_sia_reactor","import_utils","import_utils","import_sia_reactor","import_utils","import_sia_reactor","import_utils","import_sia_reactor","setTimeout2"]}