mixdashboards 1.0.32 → 1.0.39

package/dist/element-resize-detector-DJcsrJ8s.js

@@ -0,0 +1,1547 @@
+var bt = (n, t, e) => new Promise((i, r) => {
+  var s = (d) => {
+    try {
+      c(e.next(d));
+    } catch (h) {
+      r(h);
+    }
+  }, o = (d) => {
+    try {
+      c(e.throw(d));
+    } catch (h) {
+      r(h);
+    }
+  }, c = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, o);
+  c((e = e.apply(n, t)).next());
+});
+import { ref as zt, inject as te, watch as pt, onMounted as ee, onBeforeUnmount as re } from "vue";
+import { d as tt, u as ie, b as ne } from "./index-kShjySl9.js";
+const ae = "object_alias_uid_mapping", _e = ["#4162ff", "#3bbc6a", "#e24359", "#fdcd61", "#44b4ff", "#8000ff", "#ae00ae", "#ff8102", "#970000", "#9b9b00", "#939393", "#007700", "#397373"];
+function se(n) {
+  if (!n || typeof n != "string" || n.startsWith("var("))
+    return !1;
+  let t = n.replace("#", "").toLowerCase();
+  t.length === 8 && (t = t.substring(0, 6));
+  let e, i, r;
+  if (t.length === 3)
+    e = parseInt(t[0] + t[0], 16), i = parseInt(t[1] + t[1], 16), r = parseInt(t[2] + t[2], 16);
+  else if (t.length === 6)
+    e = parseInt(t.substring(0, 2), 16), i = parseInt(t.substring(2, 4), 16), r = parseInt(t.substring(4, 6), 16);
+  else
+    return !1;
+  return (e * 299 + i * 587 + r * 114) / 1e3 > 180;
+}
+function oe(n) {
+  if (!n || typeof n != "string")
+    return !1;
+  const t = n.replace("#", "").toLowerCase();
+  let e, i, r;
+  if (t.length === 3)
+    e = parseInt(t[0] + t[0], 16), i = parseInt(t[1] + t[1], 16), r = parseInt(t[2] + t[2], 16);
+  else if (t.length === 6)
+    e = parseInt(t.substring(0, 2), 16), i = parseInt(t.substring(2, 4), 16), r = parseInt(t.substring(4, 6), 16);
+  else
+    return !1;
+  return (e * 299 + i * 587 + r * 114) / 1e3 < 50;
+}
+function ce(n, t) {
+  if (n === "dark") {
+    const e = ["bgColor", "itemColor", "oddColor", "evenColor", "backgroundColor", "cardBgColor", "barColor", "splitColor", "borderColor"], i = ["titleColor", "textColor", "nameColor", "valueColor", "fontColor", "labelColor"];
+    e.forEach((r) => {
+      const s = t[r];
+      s && typeof s == "string" && se(s) && (t[r] = "var(--el-bg-color)");
+    }), i.forEach((r) => {
+      const s = t[r];
+      s && typeof s == "string" && oe(s) && (t[r] = "var(--el-text-color-primary)");
+    });
+  }
+}
+const Me = [
+  { value: "alway", label: "setting.control.alway" },
+  { value: "once", label: "setting.control.once" },
+  { value: "never", label: "setting.control.never" }
+], qe = (n, t, e = !1) => {
+  const i = [];
+  if (t === "edit" || t === "preview" && !e) {
+    const r = /* @__PURE__ */ new Date();
+    i.push(tt(r).format("YYYY-MM-DD HH") + ":00:00");
+    for (let s = 0; s < n - 1; s++) {
+      const o = r.getHours();
+      r.setHours(o - 1), i.unshift(tt(r).format("YYYY-MM-DD HH") + ":00:00");
+    }
+  }
+  return i;
+}, We = (n) => {
+  const { num: t, max: e, min: i, mode: r, hasDataSource: s = !1 } = n, o = [];
+  if (r === "edit" || r === "preview" && !s) {
+    const c = t != null ? t : 10, d = e != null ? e : 200, h = i != null ? i : 10;
+    for (let u = 0; u < c; u++)
+      o.push(Math.floor(Math.random() * (d - h + 1) + h));
+  }
+  return o;
+}, Ne = (n) => {
+  let t = [];
+  switch (n) {
+    case "last-hour":
+    case "hour":
+      for (let e = 0; e < 60; e++) {
+        const i = e > 9 ? `${e}:00` : `0${e}:00`;
+        t.push(i);
+      }
+      break;
+    case "last-day":
+    case "day":
+      for (let e = 0; e < 24; e++) {
+        const i = e > 9 ? `${e}:00` : `0${e}:00`;
+        t.push(i);
+      }
+      break;
+    case "week":
+    case "last-week":
+      t = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
+      break;
+    case "last-month":
+    case "month":
+      for (let e = 1; e < 32; e++) {
+        const i = e > 9 ? `${e}日` : `0${e}日`;
+        t.push(i);
+      }
+      break;
+    case "last-year":
+    case "year":
+      for (let e = 1; e < 13; e++) {
+        const i = e > 9 ? `${e}月` : `0${e}月`;
+        t.push(i);
+      }
+      break;
+  }
+  return t;
+}, ue = (n) => ["周日", "周一", "周二", "周三", "周四", "周五", "周六"][n], Pe = (n, t) => {
+  switch (t) {
+    case "hour":
+      return tt(n).format("mm:00");
+    case "day":
+      return tt(n).format("HH:00");
+    case "week":
+      return ue(tt(n).day());
+    case "month":
+      return tt(n).format("DD日");
+    case "year":
+      return tt(n).format("MM月");
+    default:
+      return "";
+  }
+}, le = (n, t) => {
+  let e = null;
+  return function(...i) {
+    const r = this;
+    e !== null && clearTimeout(e), e = setTimeout(() => {
+      n.apply(r, i);
+    }, t);
+  };
+}, vt = (n, t, e) => {
+  const i = JSON.parse(sessionStorage.getItem(ae) || "{}") || {};
+  return t ? n.object_alias && i[n.object_alias] || e : n.object_id || e;
+}, Be = (n) => {
+  if (!n) return !1;
+  const { data: t = [], common: e = {} } = n;
+  return e.source === "calculate" ? Array.isArray(t) && t.length > 0 ? t.some((i) => i.uid && i.uid !== "") : !1 : e.object_id && e.object_id !== "" || e.object_alias && e.object_alias !== "" ? !0 : Array.isArray(t) && t.length > 0 ? t.some((i) => i.object_id && i.object_id !== "") : !1;
+}, de = (n) => Number.isNaN(n) || !Number.isFinite(n), fe = (n) => n == null || n === "", ct = {
+  null: fe,
+  abnormal: de
+}, he = (n) => n.res, pe = (n) => {
+  const { res: t, category: e, type: i, conf: r, uid: s } = n, { data: o, common: c } = r, d = c.source || "mosaic";
+  if (e === "history") {
+    const h = [], u = t.history[0].length;
+    for (let y = 0; y < u; y++) {
+      let D = !0;
+      for (let g = 0; g < t.history.length; g++) {
+        const b = o[g].fv;
+        if (ct[i](t.history[g][y][b])) {
+          D = !1;
+          break;
+        }
+      }
+      D && h.push(y);
+    }
+    const v = [];
+    for (let y = 0; y < t.history.length; y++) {
+      const D = h.map((g) => t.history[y][g]);
+      D.length > 0 && v.push(D);
+    }
+    t.history = v;
+  } else {
+    let h = !1;
+    if (o.forEach((u) => {
+      var D, g, b, m, x, H, E, P, p, a, w, f;
+      const v = vt(u, c.useAlias, s);
+      let y;
+      ["statistics", "calculate"].includes(d) ? y = (m = (b = (g = (D = t[v]) == null ? void 0 : D[d]) == null ? void 0 : g.data) == null ? void 0 : b[u.fv]) == null ? void 0 : m.data : ["statisticsRealtime", "calculateRealtime"].includes(d) ? y = (p = (P = (E = (H = (x = t[v]) == null ? void 0 : x[d]) == null ? void 0 : H.data) == null ? void 0 : E[u.fv]) == null ? void 0 : P.data) == null ? void 0 : p.data : y = (f = (w = (a = t[v]) == null ? void 0 : a[d]) == null ? void 0 : w.data) == null ? void 0 : f[u.fv], h = ct[i](y);
+    }), h) return null;
+  }
+  return t;
+}, ve = (n) => {
+  const { res: t, category: e, type: i, conf: r, uid: s } = n, { data: o, common: c } = r, d = c.source || "mosaic";
+  if (e === "history") {
+    const h = t.history[0].length;
+    for (let u = 0; u < h; u++)
+      for (let v = 0; v < t.history.length; v++) {
+        const y = o[v].fv;
+        ct[i](t.history[v][u][y]) && (t.history[v][u][y] = c.null.value);
+      }
+  } else
+    o.forEach((h) => {
+      var v, y, D, g, b, m, x, H, E, P, p, a;
+      const u = vt(h, c.useAlias, s);
+      if (["statistics", "calculate"].includes(d)) {
+        const w = (g = (D = (y = (v = t[u]) == null ? void 0 : v[d]) == null ? void 0 : y.data) == null ? void 0 : D[h.fv]) == null ? void 0 : g.data;
+        ct[i](w) && (t[u][d].data[h.fv].data = c.null.value);
+      } else if (["statisticsRealtime", "calculateRealtime"].includes(d)) {
+        const w = (E = (H = (x = (m = (b = t[u]) == null ? void 0 : b[d]) == null ? void 0 : m.data) == null ? void 0 : x[h.fv]) == null ? void 0 : H.data) == null ? void 0 : E.data;
+        ct[i](w) && (t[u][d].data[h.fv].data.data = c.null.value);
+      } else {
+        const w = (a = (p = (P = t[u]) == null ? void 0 : P[d]) == null ? void 0 : p.data) == null ? void 0 : a[h.fv];
+        ct[i](w) && (t[u][d].data[h.fv] = c.null.value);
+      }
+    });
+  return t;
+}, ge = (n) => n.res, be = {
+  0: he,
+  1: pe,
+  2: ve,
+  3: ge
+}, ye = (n, t, e) => {
+  var c;
+  const { conf: i, uid: r } = t, s = (c = i.common) == null ? void 0 : c.null;
+  if (!(s != null && s.type))
+    return n;
+  const o = {
+    res: n,
+    category: e,
+    type: "null",
+    conf: i,
+    uid: r
+  };
+  return be[s.type](o);
+}, Ue = (n, t) => (n.history = t.map(() => []), n.all_data_group.forEach((e, i) => {
+  if (Array.isArray(e) && e.length)
+    e.forEach((r) => {
+      n.history[i].push({
+        time: r.start_time,
+        [r.script_uid]: r.data
+      });
+    });
+  else
+    for (const r in e)
+      n.history[i].push({
+        time: r,
+        [t[i].fv]: e[r]
+      });
+}), n), $e = (n, t) => {
+  const e = /* @__PURE__ */ new Map();
+  for (let o = 0; o < n.length; o++)
+    e.set(n[o], o);
+  const i = [], r = t.map(() => []), s = /* @__PURE__ */ new Set();
+  for (let o = 0; o < n.length; o++) {
+    const c = n[o];
+    if (!s.has(c)) {
+      s.add(c);
+      const d = e.get(c);
+      i.push(c);
+      for (let h = 0; h < t.length; h++)
+        r[h].push(t[h][d]);
+    }
+  }
+  return { times: i, data: r };
+}, me = (n, t, e, i, r) => bt(null, null, function* () {
+  try {
+    const o = yield new (yield import("./history-BkZhlpdY.js")).default().getHistoryData(n, r);
+    e(o);
+  } catch (s) {
+    console.error("获取历史数据时出错:", s);
+  } finally {
+    if (t) {
+      const { formatRequest: s } = yield import("./request-BD0x5Hkt.js"), o = s(n.conf, n.uid, r);
+      t.registerComponent({
+        id: n.conf.id,
+        request: o,
+        onUpdate: (c, d) => {
+          c === "realtime" && i(d);
+        }
+      });
+    }
+  }
+}), Se = (n, t) => {
+  t && t.unregisterComponent(n.conf.id);
+};
+class Fe {
+  constructor(t, e) {
+    this.linkWatchStop = null, this.props = t, this.componentType = e, this.session = zt(te("session", null)), this.Style = zt({}), this.linkStore = ie();
+  }
+  // ==================== 可覆盖方法（子类按需实现）====================
+  /**
+   * 提取样式配置（子类应覆盖此方法）
+   */
+  extractStyles() {
+    return {};
+  }
+  /**
+   * 初始化组件
+   * - 提取样式配置
+   * - 应用主题
+   * - 初始化数据/图表
+   */
+  init() {
+    this.Style.value = this.extractStyles(), this.applyTheme();
+  }
+  /**
+   * 处理历史数据
+   * @param _res 历史数据响应
+   */
+  setHistoryData(t) {
+  }
+  /**
+   * 预览模式处理（子类可覆盖）
+   * 默认实现：根据配置的数据源类型自动订阅
+   * 支持单对象和多对象模式
+   */
+  onPreview() {
+    var r;
+    const { common: t, data: e } = this.props.conf, i = this.getSource();
+    if (t.multiObject && Array.isArray(e)) {
+      const s = /* @__PURE__ */ new Set();
+      e.forEach((o) => {
+        const c = this.resolveObjectId(o);
+        !c || s.has(c) || (s.add(c), this.subscribeBySource(i, c, o.uid));
+      }), console.log(`[${this.componentType}] 多对象模式：已订阅 ${s.size} 个对象`);
+    } else {
+      const s = this.resolveObjectId(), o = (r = e == null ? void 0 : e[0]) == null ? void 0 : r.uid;
+      this.subscribeBySource(i, s, o);
+    }
+  }
+  /**
+   * 处理实时数据（WebSocket）
+   * 默认实现：遍历 data 数组，提取每个字段的值
+   * 支持单对象和多对象模式
+   * 子类可覆盖此方法实现自定义逻辑
+   * 
+   * 注意：多对象模式下，Session 会根据 object_id 精确匹配并分发数据，
+   * 所以这里收到的 res 已经是匹配当前 object_id 的数据，不需要额外处理
+   * 
+   * @param res 实时数据响应
+   */
+  setSocketData(t) {
+    if (!t) return;
+    const { data: e } = this.props.conf;
+    !e || !Array.isArray(e) || e.forEach((i) => {
+      try {
+        const r = this.extractDataValue(t, i.fv);
+        i.value = r != null ? r : "--";
+      } catch (r) {
+        i.value = "--";
+      }
+    });
+  }
+  /**
+   * 收到联动事件的回调（子类可覆盖）
+   * @param event 联动事件
+   */
+  onLinkEvent(t) {
+  }
+  // ==================== 组件联动方法 ====================
+  /**
+   * 获取当前组件的联动频道
+   * 默认从 Style.linkChannel 读取，子类可覆盖
+   */
+  getLinkChannel() {
+    var t;
+    return ((t = this.Style.value) == null ? void 0 : t.linkChannel) || "";
+  }
+  /**
+   * 发布联动事件
+   * @param payload 业务数据（JSON 格式）
+   */
+  publish(t) {
+    const e = this.getLinkChannel();
+    if (!e) {
+      console.warn(`[${this.componentType}] 未配置联动频道，无法发布事件`);
+      return;
+    }
+    this.linkStore.publish(e, this.componentType, t);
+  }
+  /**
+   * 判断是否应该处理该联动事件
+   */
+  shouldHandleEvent(t) {
+    return !(!t || this.props.mode === "edit" || t.topic.source === this.componentType);
+  }
+  /**
+   * 设置联动频道监听
+   */
+  setupLinkWatch() {
+    this.linkWatchStop && this.linkWatchStop(), this.linkWatchStop = pt(
+      () => {
+        const t = this.getLinkChannel();
+        return t ? this.linkStore.channels[t] : null;
+      },
+      (t) => {
+        this.shouldHandleEvent(t) && this.onLinkEvent(t);
+      },
+      // 关键：immediate=true，确保“后挂载”的组件（比如弹窗里新渲染出来的组件）
+      // 也能立刻拿到该频道最近一次发布的事件，不会因为时序而错过。
+      { deep: !0, immediate: !0 }
+    );
+  }
+  /**
+   * 停止联动监听
+   */
+  stopLinkWatch() {
+    this.linkWatchStop && (this.linkWatchStop(), this.linkWatchStop = null);
+  }
+  // ==================== 数据订阅方法 ====================
+  /**
+   * 是否为“本地 IOT 系统”订阅模式
+   * 约定：dashboardUseLocalToken=1/true 时走本地 IOT 订阅协议（sub_event + block_mapping）
+   */
+  isLocalIotSubscribeMode() {
+    return localStorage.getItem("dashboardUseLocalToken") === "1" || localStorage.getItem("dashboardUseLocalToken") === "true";
+  }
+  /**
+   * 通用订阅方法（底层方法）
+   * 用于构建和发送订阅请求
+   * @param event 事件名称
+   * @param block 块名称
+   * @param object_id 对象ID
+   * @param extraParams 额外参数（如 uid, type）
+   */
+  subscribe(t, e, i, r) {
+    if (!this.session.value) {
+      console.warn(`[${this.componentType}] Session 未初始化，无法订阅`);
+      return;
+    }
+    const s = { event: t, block: e, object_id: i };
+    r && Object.assign(s, r);
+    const o = this.isLocalIotSubscribeMode() ? {
+      action: "sub_event",
+      block_mapping: "mmq",
+      event: s
+    } : {
+      action: "sub_agent_event",
+      event: s
+    }, c = this.props.conf.id;
+    this.session.value.componentRequests && (this.session.value.componentRequests.has(c) || this.session.value.componentRequests.set(c, []), this.session.value.componentRequests.get(c).push(o)), this.session.value.send({
+      type: "send_message",
+      message: o
+    });
+  }
+  /**
+   * 订阅 FV 数据（马赛克数据）
+   */
+  subscribeFv(t) {
+    this.subscribe("recv_fv", "mosaic", t);
+  }
+  /**
+   * 订阅历程开始事件
+   * 当历程开始时发布该事件
+   * @param object_id 对象ID
+   */
+  subscribeRetainerOpen(t) {
+    this.subscribe("retainer_open", "retainer", t);
+  }
+  /**
+   * 订阅历程结束事件
+   * 当历程结束时发布该事件
+   * @param object_id 对象ID
+   */
+  subscribeRetainerClose(t) {
+    this.subscribe("retainer_close", "retainer", t);
+  }
+  /**
+   * 订阅历程转发条件事件
+   * 当历程收到对象条件事件且历程还未结束时发布
+   * @param object_id 对象ID
+   */
+  subscribeRetainerEvent(t) {
+    this.subscribe("retainer_event", "retainer", t);
+  }
+  /**
+   * 订阅所有历程事件（便捷方法）
+   * 同时订阅 open、close、event 三个事件
+   * @param object_id 对象ID
+   */
+  subscribeRetainer(t) {
+    this.subscribeRetainerOpen(t), this.subscribeRetainerClose(t), this.subscribeRetainerEvent(t);
+  }
+  /**
+   * 订阅统计实时结果更新事件
+   */
+  subscribeStatisticsRealtimeResult(t) {
+    this.subscribe("statistics_realtime_result", "statistics", t);
+  }
+  /**
+   * 订阅统计结果
+   * 需要额外的 uid 和 type 参数
+   * uid 是统计配置的唯一ID，应该在组件配置的 data 中指定
+   * 注意：统计需要 object_id 和 uid
+   */
+  subscribeStatistics(t) {
+    var i, r;
+    const e = (r = (i = this.props.conf.data) == null ? void 0 : i[0]) == null ? void 0 : r.uid;
+    this.subscribeStatisticsWithUid(t, e);
+  }
+  /**
+   * 订阅统计结果（带 uid 参数）
+   * 用于多对象模式，每个数据项可能有不同的 uid
+   * @param object_id 对象ID
+   * @param uid 统计配置ID
+   */
+  subscribeStatisticsWithUid(t, e) {
+    this.subscribe("statistics_result", "statistics", t, { uid: e, type: "statistics" });
+  }
+  /**
+   * 订阅计算结果
+   * 需要额外的 uid 和 type 参数
+   * uid 是计算配置的唯一ID，应该在组件配置的 data 中指定
+   * 注意：计算不需要 object_id，只需要 uid
+   */
+  subscribeCalculate(t) {
+    var i, r;
+    const e = (r = (i = this.props.conf.data) == null ? void 0 : i[0]) == null ? void 0 : r.uid;
+    this.subscribeCalculateWithUid(e);
+  }
+  /**
+   * 订阅计算结果（带 uid 参数）
+   * 用于多对象模式，每个数据项可能有不同的 uid
+   * @param uid 计算配置ID
+   */
+  subscribeCalculateWithUid(t) {
+    this.subscribe("statistics_result", "statistics", "", { uid: t, type: "calculate" });
+  }
+  /**
+   * 根据数据源类型自动订阅
+   * @param source 数据源类型
+   * @param object_id 对象ID
+   * @param uid 统计/计算配置ID（可选）
+   */
+  subscribeBySource(t, e, i) {
+    switch (t) {
+      case "mosaic":
+        this.subscribeFv(e);
+        break;
+      case "statisticsRealtime":
+        this.subscribeStatisticsRealtimeResult(e);
+        break;
+      case "statistics":
+        i ? this.subscribeStatisticsWithUid(e, i) : this.subscribeStatistics(e);
+        break;
+      case "calculate":
+        i ? this.subscribeCalculateWithUid(i) : this.subscribeCalculate(e);
+        break;
+      default:
+        console.warn(`[${this.componentType}] 未知的数据源类型: ${t}`);
+    }
+  }
+  /**
+   * 统一处理不同数据源的数据格式
+   * @param res 响应数据
+   * @param fieldName 字段名（可选，计算数据源不需要）
+   */
+  extractDataValue(t, e) {
+    var i;
+    return !t || !t.event ? null : t.event === "recv_fv" && t.block === "mosaic" ? !e || !t.data ? null : t.data[e] : t.event === "statistics_realtime_result" && t.block === "statistics" ? (i = t.data) == null ? void 0 : i.data : t.event === "statistics_result" && t.block === "statistics" ? t.data : null;
+  }
+  // ==================== 公共工具方法 ====================
+  /**
+   * 从 conf.options 提取值
+   * 处理 Vue 组件中 options 的 { value: xxx } 格式
+   */
+  getOptionValue(t, e) {
+    var r, s;
+    const i = (s = (r = this.props.conf) == null ? void 0 : r.options) == null ? void 0 : s[t];
+    return i == null ? e : typeof i == "object" && "value" in i ? i.value : i;
+  }
+  /**
+   * 应用主题样式
+   */
+  applyTheme() {
+    ce(this.props.theme, this.Style.value);
+  }
+  /**
+   * 获取数据源类型
+   */
+  getSource() {
+    var t, e;
+    return ((e = (t = this.props.conf) == null ? void 0 : t.common) == null ? void 0 : e.source) || "mosaic";
+  }
+  /**
+   * 是否为统计类数据源
+   */
+  isStatistics() {
+    return ["statistics", "calculate", "statisticsRealtime", "calculateRealtime"].includes(this.getSource());
+  }
+  /**
+   * 获取对象ID（处理单对象/多对象模式）
+   */
+  resolveObjectId(t) {
+    const { common: e, data: i } = this.props.conf;
+    if (e.multiObject && t)
+      return vt(t, e.useAlias, this.props.uid);
+    const r = e.object_id ? e : i[0] || {};
+    return vt(r, e.useAlias, this.props.uid);
+  }
+  /**
+   * 空值处理
+   */
+  handleNull(t, e) {
+    return ye(t, this.props, e);
+  }
+  /**
+   * 获取预览助手对象
+   */
+  getPreviewHelper() {
+    return {
+      preview: () => me(
+        this.props,
+        this.session.value,
+        (t) => this.setHistoryData(t),
+        (t) => this.setSocketData(t),
+        this.componentType
+      ),
+      unregister: () => Se(this.props, this.session.value)
+    };
+  }
+  /**
+   * 获取防抖的初始化方法
+   */
+  getDebouncedInit() {
+    return le(() => this.init(), 200);
+  }
+  /**
+   * 清理资源（子类可覆盖）
+   */
+  cleanup() {
+  }
+  /**
+   * 是否需要获取历史数据
+   * 子类可以覆盖此方法来控制是否获取历史数据
+   * @returns true 表示需要获取历史数据，false 表示不需要
+   */
+  needsHistoryData() {
+    return !0;
+  }
+  /**
+   * 设置 Vue 生命周期钩子
+   */
+  setupLifecycle() {
+    const t = this.getDebouncedInit(), e = this.getPreviewHelper();
+    ee(() => bt(this, null, function* () {
+      if (this.init(), this.props.mode === "preview") {
+        if (this.needsHistoryData())
+          try {
+            const r = yield new (yield import("./history-BkZhlpdY.js")).default().getHistoryData(this.props, this.componentType);
+            this.setHistoryData(r);
+          } catch (i) {
+            console.error(`[${this.componentType}] 获取历史数据失败:`, i);
+          }
+        this.session.value && this.session.value.registerComponent({
+          id: this.props.conf.id,
+          request: null,
+          onUpdate: (i, r) => {
+            i === "realtime" && this.setSocketData(r);
+          }
+        }), this.onPreview();
+      }
+      this.setupLinkWatch();
+    })), re(() => {
+      this.cleanup(), e.unregister(), this.stopLinkWatch();
+    }), pt(
+      () => this.props.conf,
+      () => {
+        this.props.mode === "edit" && t();
+      },
+      { deep: !0 }
+    ), pt(
+      () => this.props.theme,
+      () => {
+        this.init();
+      }
+    ), pt(
+      () => {
+        var i;
+        return (i = this.Style.value) == null ? void 0 : i.linkChannel;
+      },
+      () => {
+        this.setupLinkWatch();
+      }
+    );
+  }
+  // ==================== Getter（供模板使用）====================
+  /** 获取样式配置 */
+  getStyle() {
+    return this.Style;
+  }
+  /** 获取组件类型 */
+  getType() {
+    return this.componentType;
+  }
+  // ==================== 全局弹窗联动（通用）====================
+  /**
+   * 触发弹窗（直接打开/关闭/切换）
+   * 预览页会监听 window 的 'mix-modal' 事件并打开对应弹窗图层
+   */
+  dispatchModal(t, e, i) {
+    this.props.mode === "preview" && window.dispatchEvent(
+      new CustomEvent("mix-modal", {
+        detail: {
+          action: t,
+          layerId: e,
+          sheetIndex: i != null ? i : -1
+        }
+      })
+    );
+  }
+  /**
+   * 按 key 触发弹窗联动（细粒度）
+   * 配置位置：conf.modalLink
+   * 结构示例：
+   * modalLink: {
+   *   enabled: true,
+   *   sheetIndex: -1,
+   *   map: { '离线': { layerId: 'layer_xxx', action: 'show' } }
+   * }
+   */
+  triggerModalByKey(t) {
+    var i, r;
+    if (this.props.mode !== "preview") return;
+    const e = (i = this.props.conf) == null ? void 0 : i.modalBinding;
+    if (e && e.enabled && e.mode === "key") {
+      const o = (e.map || {})[t];
+      if (!o || !o.layerId) return;
+      const c = o.action || "toggle", d = (r = e.sheetIndex) != null ? r : -1;
+      this.dispatchModal(c, o.layerId, d);
+    }
+  }
+}
+var yt = { exports: {} }, _t;
+function Kt() {
+  if (_t) return yt.exports;
+  _t = 1;
+  var n = yt.exports = {};
+  return n.forEach = function(t, e) {
+    for (var i = 0; i < t.length; i++) {
+      var r = e(t[i]);
+      if (r)
+        return r;
+    }
+  }, yt.exports;
+}
+var mt, Mt;
+function we() {
+  return Mt || (Mt = 1, mt = function(n) {
+    var t = n.stateHandler.getState;
+    function e(o) {
+      var c = t(o);
+      return c && !!c.isDetectable;
+    }
+    function i(o) {
+      t(o).isDetectable = !0;
+    }
+    function r(o) {
+      return !!t(o).busy;
+    }
+    function s(o, c) {
+      t(o).busy = !!c;
+    }
+    return {
+      isDetectable: e,
+      markAsDetectable: i,
+      isBusy: r,
+      markBusy: s
+    };
+  }), mt;
+}
+var St, qt;
+function ke() {
+  return qt || (qt = 1, St = function(n) {
+    var t = {};
+    function e(o) {
+      var c = n.get(o);
+      return c === void 0 ? [] : t[c] || [];
+    }
+    function i(o, c) {
+      var d = n.get(o);
+      t[d] || (t[d] = []), t[d].push(c);
+    }
+    function r(o, c) {
+      for (var d = e(o), h = 0, u = d.length; h < u; ++h)
+        if (d[h] === c) {
+          d.splice(h, 1);
+          break;
+        }
+    }
+    function s(o) {
+      var c = e(o);
+      c && (c.length = 0);
+    }
+    return {
+      get: e,
+      add: i,
+      removeListener: r,
+      removeAllListeners: s
+    };
+  }), St;
+}
+var wt, Wt;
+function Ee() {
+  return Wt || (Wt = 1, wt = function() {
+    var n = 1;
+    function t() {
+      return n++;
+    }
+    return {
+      generate: t
+    };
+  }), wt;
+}
+var kt, Nt;
+function xe() {
+  return Nt || (Nt = 1, kt = function(n) {
+    var t = n.idGenerator, e = n.stateHandler.getState;
+    function i(s) {
+      var o = e(s);
+      return o && o.id !== void 0 ? o.id : null;
+    }
+    function r(s) {
+      var o = e(s);
+      if (!o)
+        throw new Error("setId required the element to have a resize detection state.");
+      var c = t.generate();
+      return o.id = c, c;
+    }
+    return {
+      get: i,
+      set: r
+    };
+  }), kt;
+}
+var Et, Pt;
+function Ce() {
+  return Pt || (Pt = 1, Et = function(n) {
+    function t() {
+    }
+    var e = {
+      log: t,
+      warn: t,
+      error: t
+    };
+    if (!n && window.console) {
+      var i = function(r, s) {
+        r[s] = function() {
+          var c = console[s];
+          if (c.apply)
+            c.apply(console, arguments);
+          else
+            for (var d = 0; d < arguments.length; d++)
+              c(arguments[d]);
+        };
+      };
+      i(e, "log"), i(e, "warn"), i(e, "error");
+    }
+    return e;
+  }), Et;
+}
+var xt = { exports: {} }, Bt;
+function Jt() {
+  if (Bt) return xt.exports;
+  Bt = 1;
+  var n = xt.exports = {};
+  return n.isIE = function(t) {
+    function e() {
+      var r = navigator.userAgent.toLowerCase();
+      return r.indexOf("msie") !== -1 || r.indexOf("trident") !== -1 || r.indexOf(" edge/") !== -1;
+    }
+    if (!e())
+      return !1;
+    if (!t)
+      return !0;
+    var i = (function() {
+      var r, s = 3, o = document.createElement("div"), c = o.getElementsByTagName("i");
+      do
+        o.innerHTML = "<!--[if gt IE " + ++s + "]><i></i><![endif]-->";
+      while (c[0]);
+      return s > 4 ? s : r;
+    })();
+    return t === i;
+  }, n.isLegacyOpera = function() {
+    return !!window.opera;
+  }, xt.exports;
+}
+var Ct = { exports: {} }, Ut;
+function De() {
+  if (Ut) return Ct.exports;
+  Ut = 1;
+  var n = Ct.exports = {};
+  n.getOption = t;
+  function t(e, i, r) {
+    var s = e[i];
+    return s == null && r !== void 0 ? r : s;
+  }
+  return Ct.exports;
+}
+var Dt, $t;
+function Ie() {
+  if ($t) return Dt;
+  $t = 1;
+  var n = De();
+  Dt = function(i) {
+    i = i || {};
+    var r = i.reporter, s = n.getOption(i, "async", !0), o = n.getOption(i, "auto", !0);
+    o && !s && (r && r.warn("Invalid options combination. auto=true and async=false is invalid. Setting async=true."), s = !0);
+    var c = t(), d, h = !1;
+    function u(m, x) {
+      !h && o && s && c.size() === 0 && D(), c.add(m, x);
+    }
+    function v() {
+      for (h = !0; c.size(); ) {
+        var m = c;
+        c = t(), m.process();
+      }
+      h = !1;
+    }
+    function y(m) {
+      h || (m === void 0 && (m = s), d && (g(d), d = null), m ? D() : v());
+    }
+    function D() {
+      d = b(v);
+    }
+    function g(m) {
+      var x = clearTimeout;
+      return x(m);
+    }
+    function b(m) {
+      var x = function(H) {
+        return setTimeout(H, 0);
+      };
+      return x(m);
+    }
+    return {
+      add: u,
+      force: y
+    };
+  };
+  function t() {
+    var e = {}, i = 0, r = 0, s = 0;
+    function o(h, u) {
+      u || (u = h, h = 0), h > r ? r = h : h < s && (s = h), e[h] || (e[h] = []), e[h].push(u), i++;
+    }
+    function c() {
+      for (var h = s; h <= r; h++)
+        for (var u = e[h], v = 0; v < u.length; v++) {
+          var y = u[v];
+          y();
+        }
+    }
+    function d() {
+      return i;
+    }
+    return {
+      add: o,
+      process: c,
+      size: d
+    };
+  }
+  return Dt;
+}
+var It, Ft;
+function He() {
+  if (Ft) return It;
+  Ft = 1;
+  var n = "_erd";
+  function t(r) {
+    return r[n] = {}, e(r);
+  }
+  function e(r) {
+    return r[n];
+  }
+  function i(r) {
+    delete r[n];
+  }
+  return It = {
+    initState: t,
+    getState: e,
+    cleanState: i
+  }, It;
+}
+var Ht, Yt;
+function Le() {
+  if (Yt) return Ht;
+  Yt = 1;
+  var n = Jt();
+  return Ht = function(t) {
+    t = t || {};
+    var e = t.reporter, i = t.batchProcessor, r = t.stateHandler.getState;
+    if (!e)
+      throw new Error("Missing required dependency: reporter.");
+    function s(u, v) {
+      function y() {
+        v(u);
+      }
+      if (n.isIE(8))
+        r(u).object = {
+          proxy: y
+        }, u.attachEvent("onresize", y);
+      else {
+        var D = d(u);
+        if (!D)
+          throw new Error("Element is not detectable by this strategy.");
+        D.contentDocument.defaultView.addEventListener("resize", y);
+      }
+    }
+    function o(u) {
+      var v = t.important ? " !important; " : "; ";
+      return (u.join(v) + v).trim();
+    }
+    function c(u, v, y) {
+      y || (y = v, v = u, u = null), u = u || {}, u.debug;
+      function D(g, b) {
+        var m = o(["display: block", "position: absolute", "top: 0", "left: 0", "width: 100%", "height: 100%", "border: none", "padding: 0", "margin: 0", "opacity: 0", "z-index: -1000", "pointer-events: none"]), x = !1, H = window.getComputedStyle(g), E = g.offsetWidth, P = g.offsetHeight;
+        r(g).startSize = {
+          width: E,
+          height: P
+        };
+        function p() {
+          function a() {
+            if (H.position === "static") {
+              g.style.setProperty("position", "relative", u.important ? "important" : "");
+              var I = function(_, T, q, L) {
+                function B(ut) {
+                  return ut.replace(/[^-\d\.]/g, "");
+                }
+                var U = q[L];
+                U !== "auto" && B(U) !== "0" && (_.warn("An element that is positioned static has style." + L + "=" + U + " which is ignored due to the static positioning. The element will need to be positioned relative, so the style." + L + " will be set to 0. Element: ", T), T.style.setProperty(L, "0", u.important ? "important" : ""));
+              };
+              I(e, g, H, "top"), I(e, g, H, "right"), I(e, g, H, "bottom"), I(e, g, H, "left");
+            }
+          }
+          function w() {
+            x || a();
+            function I(T, q) {
+              if (!T.contentDocument) {
+                var L = r(T);
+                L.checkForObjectDocumentTimeoutId && window.clearTimeout(L.checkForObjectDocumentTimeoutId), L.checkForObjectDocumentTimeoutId = setTimeout(function() {
+                  L.checkForObjectDocumentTimeoutId = 0, I(T, q);
+                }, 100);
+                return;
+              }
+              q(T.contentDocument);
+            }
+            var _ = this;
+            I(_, function(q) {
+              b(g);
+            });
+          }
+          H.position !== "" && (a(), x = !0);
+          var f = document.createElement("object");
+          f.style.cssText = m, f.tabIndex = -1, f.type = "text/html", f.setAttribute("aria-hidden", "true"), f.onload = w, n.isIE() || (f.data = "about:blank"), r(g) && (g.appendChild(f), r(g).object = f, n.isIE() && (f.data = "about:blank"));
+        }
+        i ? i.add(p) : p();
+      }
+      n.isIE(8) ? y(v) : D(v, y);
+    }
+    function d(u) {
+      return r(u).object;
+    }
+    function h(u) {
+      if (r(u)) {
+        var v = d(u);
+        v && (n.isIE(8) ? u.detachEvent("onresize", v.proxy) : u.removeChild(v), r(u).checkForObjectDocumentTimeoutId && window.clearTimeout(r(u).checkForObjectDocumentTimeoutId), delete r(u).object);
+      }
+    }
+    return {
+      makeDetectable: c,
+      addListener: s,
+      uninstall: h
+    };
+  }, Ht;
+}
+var Lt, Gt;
+function Ae() {
+  if (Gt) return Lt;
+  Gt = 1;
+  var n = Kt().forEach;
+  return Lt = function(t) {
+    t = t || {};
+    var e = t.reporter, i = t.batchProcessor, r = t.stateHandler.getState;
+    t.stateHandler.hasState;
+    var s = t.idHandler;
+    if (!i)
+      throw new Error("Missing required dependency: batchProcessor");
+    if (!e)
+      throw new Error("Missing required dependency: reporter.");
+    var o = v(), c = "erd_scroll_detection_scrollbar_style", d = "erd_scroll_detection_container";
+    function h(p) {
+      y(p, c, d);
+    }
+    h(window.document);
+    function u(p) {
+      var a = t.important ? " !important; " : "; ";
+      return (p.join(a) + a).trim();
+    }
+    function v() {
+      var p = 500, a = 500, w = document.createElement("div");
+      w.style.cssText = u(["position: absolute", "width: " + p * 2 + "px", "height: " + a * 2 + "px", "visibility: hidden", "margin: 0", "padding: 0"]);
+      var f = document.createElement("div");
+      f.style.cssText = u(["position: absolute", "width: " + p + "px", "height: " + a + "px", "overflow: scroll", "visibility: none", "top: " + -p * 3 + "px", "left: " + -a * 3 + "px", "visibility: hidden", "margin: 0", "padding: 0"]), f.appendChild(w), document.body.insertBefore(f, document.body.firstChild);
+      var I = p - f.clientWidth, _ = a - f.clientHeight;
+      return document.body.removeChild(f), {
+        width: I,
+        height: _
+      };
+    }
+    function y(p, a, w) {
+      function f(q, L) {
+        L = L || function(U) {
+          p.head.appendChild(U);
+        };
+        var B = p.createElement("style");
+        return B.innerHTML = q, B.id = a, L(B), B;
+      }
+      if (!p.getElementById(a)) {
+        var I = w + "_animation", _ = w + "_animation_active", T = `/* Created by the element-resize-detector library. */
+`;
+        T += "." + w + " > div::-webkit-scrollbar { " + u(["display: none"]) + ` }
+
+`, T += "." + _ + " { " + u(["-webkit-animation-duration: 0.1s", "animation-duration: 0.1s", "-webkit-animation-name: " + I, "animation-name: " + I]) + ` }
+`, T += "@-webkit-keyframes " + I + ` { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }
+`, T += "@keyframes " + I + " { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }", f(T);
+      }
+    }
+    function D(p) {
+      p.className += " " + d + "_animation_active";
+    }
+    function g(p, a, w) {
+      if (p.addEventListener)
+        p.addEventListener(a, w);
+      else if (p.attachEvent)
+        p.attachEvent("on" + a, w);
+      else
+        return e.error("[scroll] Don't know how to add event listeners.");
+    }
+    function b(p, a, w) {
+      if (p.removeEventListener)
+        p.removeEventListener(a, w);
+      else if (p.detachEvent)
+        p.detachEvent("on" + a, w);
+      else
+        return e.error("[scroll] Don't know how to remove event listeners.");
+    }
+    function m(p) {
+      return r(p).container.childNodes[0].childNodes[0].childNodes[0];
+    }
+    function x(p) {
+      return r(p).container.childNodes[0].childNodes[0].childNodes[1];
+    }
+    function H(p, a) {
+      var w = r(p).listeners;
+      if (!w.push)
+        throw new Error("Cannot add listener to an element that is not detectable.");
+      r(p).listeners.push(a);
+    }
+    function E(p, a, w) {
+      w || (w = a, a = p, p = null), p = p || {};
+      function f() {
+        if (p.debug) {
+          var l = Array.prototype.slice.call(arguments);
+          if (l.unshift(s.get(a), "Scroll: "), e.log.apply)
+            e.log.apply(null, l);
+          else
+            for (var S = 0; S < l.length; S++)
+              e.log(l[S]);
+        }
+      }
+      function I(l) {
+        function S(C) {
+          var W = C.getRootNode && C.getRootNode().contains(C);
+          return C === C.ownerDocument.body || C.ownerDocument.body.contains(C) || W;
+        }
+        return !S(l) || window.getComputedStyle(l) === null;
+      }
+      function _(l) {
+        var S = r(l).container.childNodes[0], C = window.getComputedStyle(S);
+        return !C.width || C.width.indexOf("px") === -1;
+      }
+      function T() {
+        var l = window.getComputedStyle(a), S = {};
+        return S.position = l.position, S.width = a.offsetWidth, S.height = a.offsetHeight, S.top = l.top, S.right = l.right, S.bottom = l.bottom, S.left = l.left, S.widthCSS = l.width, S.heightCSS = l.height, S;
+      }
+      function q() {
+        var l = T();
+        r(a).startSize = {
+          width: l.width,
+          height: l.height
+        }, f("Element start size", r(a).startSize);
+      }
+      function L() {
+        r(a).listeners = [];
+      }
+      function B() {
+        if (f("storeStyle invoked."), !r(a)) {
+          f("Aborting because element has been uninstalled");
+          return;
+        }
+        var l = T();
+        r(a).style = l;
+      }
+      function U(l, S, C) {
+        r(l).lastWidth = S, r(l).lastHeight = C;
+      }
+      function ut(l) {
+        return m(l).childNodes[0];
+      }
+      function A() {
+        return 2 * o.width + 1;
+      }
+      function R() {
+        return 2 * o.height + 1;
+      }
+      function F(l) {
+        return l + 10 + A();
+      }
+      function lt(l) {
+        return l + 10 + R();
+      }
+      function dt(l) {
+        return l * 2 + A();
+      }
+      function J(l) {
+        return l * 2 + R();
+      }
+      function et(l, S, C) {
+        var W = m(l), Y = x(l), nt = F(S), at = lt(C), M = dt(S), k = J(C);
+        W.scrollLeft = nt, W.scrollTop = at, Y.scrollLeft = M, Y.scrollTop = k;
+      }
+      function rt() {
+        var l = r(a).container;
+        if (!l) {
+          l = document.createElement("div"), l.className = d, l.style.cssText = u(["visibility: hidden", "display: inline", "width: 0px", "height: 0px", "z-index: -1", "overflow: hidden", "margin: 0", "padding: 0"]), r(a).container = l, D(l), a.appendChild(l);
+          var S = function() {
+            r(a).onRendered && r(a).onRendered();
+          };
+          g(l, "animationstart", S), r(a).onAnimationStart = S;
+        }
+        return l;
+      }
+      function $() {
+        function l() {
+          var z = r(a).style;
+          if (z.position === "static") {
+            a.style.setProperty("position", "relative", p.important ? "important" : "");
+            var K = function(ot, Z, Xt, ht) {
+              function Qt(Zt) {
+                return Zt.replace(/[^-\d\.]/g, "");
+              }
+              var gt = Xt[ht];
+              gt !== "auto" && Qt(gt) !== "0" && (ot.warn("An element that is positioned static has style." + ht + "=" + gt + " which is ignored due to the static positioning. The element will need to be positioned relative, so the style." + ht + " will be set to 0. Element: ", Z), Z.style[ht] = 0);
+            };
+            K(e, a, z, "top"), K(e, a, z, "right"), K(e, a, z, "bottom"), K(e, a, z, "left");
+          }
+        }
+        function S(z, K, ot, Z) {
+          return z = z ? z + "px" : "0", K = K ? K + "px" : "0", ot = ot ? ot + "px" : "0", Z = Z ? Z + "px" : "0", ["left: " + z, "top: " + K, "right: " + Z, "bottom: " + ot];
+        }
+        if (f("Injecting elements"), !r(a)) {
+          f("Aborting because element has been uninstalled");
+          return;
+        }
+        l();
+        var C = r(a).container;
+        C || (C = rt());
+        var W = o.width, Y = o.height, nt = u(["position: absolute", "flex: none", "overflow: hidden", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%", "left: 0px", "top: 0px"]), at = u(["position: absolute", "flex: none", "overflow: hidden", "z-index: -1", "visibility: hidden"].concat(S(-(1 + W), -(1 + Y), -Y, -W))), M = u(["position: absolute", "flex: none", "overflow: scroll", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%"]), k = u(["position: absolute", "flex: none", "overflow: scroll", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%"]), N = u(["position: absolute", "left: 0", "top: 0"]), Q = u(["position: absolute", "width: 200%", "height: 200%"]), G = document.createElement("div"), V = document.createElement("div"), st = document.createElement("div"), Tt = document.createElement("div"), ft = document.createElement("div"), Rt = document.createElement("div");
+        G.dir = "ltr", G.style.cssText = nt, G.className = d, V.className = d, V.style.cssText = at, st.style.cssText = M, Tt.style.cssText = N, ft.style.cssText = k, Rt.style.cssText = Q, st.appendChild(Tt), ft.appendChild(Rt), V.appendChild(st), V.appendChild(ft), G.appendChild(V), C.appendChild(G);
+        function jt() {
+          var z = r(a);
+          z && z.onExpand ? z.onExpand() : f("Aborting expand scroll handler: element has been uninstalled");
+        }
+        function Ot() {
+          var z = r(a);
+          z && z.onShrink ? z.onShrink() : f("Aborting shrink scroll handler: element has been uninstalled");
+        }
+        g(st, "scroll", jt), g(ft, "scroll", Ot), r(a).onExpandScroll = jt, r(a).onShrinkScroll = Ot;
+      }
+      function X() {
+        function l(M, k, N) {
+          var Q = ut(M), G = F(k), V = lt(N);
+          Q.style.setProperty("width", G + "px", p.important ? "important" : ""), Q.style.setProperty("height", V + "px", p.important ? "important" : "");
+        }
+        function S(M) {
+          var k = a.offsetWidth, N = a.offsetHeight, Q = k !== r(a).lastWidth || N !== r(a).lastHeight;
+          f("Storing current size", k, N), U(a, k, N), i.add(0, function() {
+            if (Q) {
+              if (!r(a)) {
+                f("Aborting because element has been uninstalled");
+                return;
+              }
+              if (!C()) {
+                f("Aborting because element container has not been initialized");
+                return;
+              }
+              if (p.debug) {
+                var V = a.offsetWidth, st = a.offsetHeight;
+                (V !== k || st !== N) && e.warn(s.get(a), "Scroll: Size changed before updating detector elements.");
+              }
+              l(a, k, N);
+            }
+          }), i.add(1, function() {
+            if (!r(a)) {
+              f("Aborting because element has been uninstalled");
+              return;
+            }
+            if (!C()) {
+              f("Aborting because element container has not been initialized");
+              return;
+            }
+            et(a, k, N);
+          }), Q && M && i.add(2, function() {
+            if (!r(a)) {
+              f("Aborting because element has been uninstalled");
+              return;
+            }
+            if (!C()) {
+              f("Aborting because element container has not been initialized");
+              return;
+            }
+            M();
+          });
+        }
+        function C() {
+          return !!r(a).container;
+        }
+        function W() {
+          function M() {
+            return r(a).lastNotifiedWidth === void 0;
+          }
+          f("notifyListenersIfNeeded invoked");
+          var k = r(a);
+          if (M() && k.lastWidth === k.startSize.width && k.lastHeight === k.startSize.height)
+            return f("Not notifying: Size is the same as the start size, and there has been no notification yet.");
+          if (k.lastWidth === k.lastNotifiedWidth && k.lastHeight === k.lastNotifiedHeight)
+            return f("Not notifying: Size already notified");
+          f("Current size not notified, notifying..."), k.lastNotifiedWidth = k.lastWidth, k.lastNotifiedHeight = k.lastHeight, n(r(a).listeners, function(N) {
+            N(a);
+          });
+        }
+        function Y() {
+          if (f("startanimation triggered."), _(a)) {
+            f("Ignoring since element is still unrendered...");
+            return;
+          }
+          f("Element rendered.");
+          var M = m(a), k = x(a);
+          (M.scrollLeft === 0 || M.scrollTop === 0 || k.scrollLeft === 0 || k.scrollTop === 0) && (f("Scrollbars out of sync. Updating detector elements..."), S(W));
+        }
+        function nt() {
+          if (f("Scroll detected."), _(a)) {
+            f("Scroll event fired while unrendered. Ignoring...");
+            return;
+          }
+          S(W);
+        }
+        if (f("registerListenersAndPositionElements invoked."), !r(a)) {
+          f("Aborting because element has been uninstalled");
+          return;
+        }
+        r(a).onRendered = Y, r(a).onExpand = nt, r(a).onShrink = nt;
+        var at = r(a).style;
+        l(a, at.width, at.height);
+      }
+      function O() {
+        if (f("finalizeDomMutation invoked."), !r(a)) {
+          f("Aborting because element has been uninstalled");
+          return;
+        }
+        var l = r(a).style;
+        U(a, l.width, l.height), et(a, l.width, l.height);
+      }
+      function j() {
+        w(a);
+      }
+      function it() {
+        f("Installing..."), L(), q(), i.add(0, B), i.add(1, $), i.add(2, X), i.add(3, O), i.add(4, j);
+      }
+      f("Making detectable..."), I(a) ? (f("Element is detached"), rt(), f("Waiting until element is attached..."), r(a).onRendered = function() {
+        f("Element is now attached"), it();
+      }) : it();
+    }
+    function P(p) {
+      var a = r(p);
+      a && (a.onExpandScroll && b(m(p), "scroll", a.onExpandScroll), a.onShrinkScroll && b(x(p), "scroll", a.onShrinkScroll), a.onAnimationStart && b(a.container, "animationstart", a.onAnimationStart), a.container && p.removeChild(a.container));
+    }
+    return {
+      makeDetectable: E,
+      addListener: H,
+      uninstall: P,
+      initDocument: h
+    };
+  }, Lt;
+}
+var At, Vt;
+function Te() {
+  if (Vt) return At;
+  Vt = 1;
+  var n = Kt().forEach, t = we(), e = ke(), i = Ee(), r = xe(), s = Ce(), o = Jt(), c = Ie(), d = He(), h = Le(), u = Ae();
+  function v(b) {
+    return Array.isArray(b) || b.length !== void 0;
+  }
+  function y(b) {
+    if (Array.isArray(b))
+      return b;
+    var m = [];
+    return n(b, function(x) {
+      m.push(x);
+    }), m;
+  }
+  function D(b) {
+    return b && b.nodeType === 1;
+  }
+  At = function(b) {
+    b = b || {};
+    var m;
+    if (b.idHandler)
+      m = {
+        get: function(A) {
+          return b.idHandler.get(A, !0);
+        },
+        set: b.idHandler.set
+      };
+    else {
+      var x = i(), H = r({
+        idGenerator: x,
+        stateHandler: d
+      });
+      m = H;
+    }
+    var E = b.reporter;
+    if (!E) {
+      var P = E === !1;
+      E = s(P);
+    }
+    var p = g(b, "batchProcessor", c({ reporter: E })), a = {};
+    a.callOnAdd = !!g(b, "callOnAdd", !0), a.debug = !!g(b, "debug", !1);
+    var w = e(m), f = t({
+      stateHandler: d
+    }), I, _ = g(b, "strategy", "object"), T = g(b, "important", !1), q = {
+      reporter: E,
+      batchProcessor: p,
+      stateHandler: d,
+      idHandler: m,
+      important: T
+    };
+    if (_ === "scroll" && (o.isLegacyOpera() ? (E.warn("Scroll strategy is not supported on legacy Opera. Changing to object strategy."), _ = "object") : o.isIE(9) && (E.warn("Scroll strategy is not supported on IE9. Changing to object strategy."), _ = "object")), _ === "scroll")
+      I = u(q);
+    else if (_ === "object")
+      I = h(q);
+    else
+      throw new Error("Invalid strategy name: " + _);
+    var L = {};
+    function B(A, R, F) {
+      function lt(X) {
+        var O = w.get(X);
+        n(O, function(it) {
+          it(X);
+        });
+      }
+      function dt(X, O, j) {
+        w.add(O, j), X && j(O);
+      }
+      if (F || (F = R, R = A, A = {}), !R)
+        throw new Error("At least one element required.");
+      if (!F)
+        throw new Error("Listener required.");
+      if (D(R))
+        R = [R];
+      else if (v(R))
+        R = y(R);
+      else
+        return E.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");
+      var J = 0, et = g(A, "callOnAdd", a.callOnAdd), rt = g(A, "onReady", function() {
+      }), $ = g(A, "debug", a.debug);
+      n(R, function(O) {
+        d.getState(O) || (d.initState(O), m.set(O));
+        var j = m.get(O);
+        if ($ && E.log("Attaching listener to element", j, O), !f.isDetectable(O)) {
+          if ($ && E.log(j, "Not detectable."), f.isBusy(O)) {
+            $ && E.log(j, "System busy making it detectable"), dt(et, O, F), L[j] = L[j] || [], L[j].push(function() {
+              J++, J === R.length && rt();
+            });
+            return;
+          }
+          return $ && E.log(j, "Making detectable..."), f.markBusy(O, !0), I.makeDetectable({ debug: $, important: T }, O, function(l) {
+            if ($ && E.log(j, "onElementDetectable"), d.getState(l)) {
+              f.markAsDetectable(l), f.markBusy(l, !1), I.addListener(l, lt), dt(et, l, F);
+              var S = d.getState(l);
+              if (S && S.startSize) {
+                var C = l.offsetWidth, W = l.offsetHeight;
+                (S.startSize.width !== C || S.startSize.height !== W) && lt(l);
+              }
+              L[j] && n(L[j], function(Y) {
+                Y();
+              });
+            } else
+              $ && E.log(j, "Element uninstalled before being detectable.");
+            delete L[j], J++, J === R.length && rt();
+          });
+        }
+        $ && E.log(j, "Already detecable, adding listener."), dt(et, O, F), J++;
+      }), J === R.length && rt();
+    }
+    function U(A) {
+      if (!A)
+        return E.error("At least one element is required.");
+      if (D(A))
+        A = [A];
+      else if (v(A))
+        A = y(A);
+      else
+        return E.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");
+      n(A, function(R) {
+        w.removeAllListeners(R), I.uninstall(R), d.cleanState(R);
+      });
+    }
+    function ut(A) {
+      I.initDocument && I.initDocument(A);
+    }
+    return {
+      listenTo: B,
+      removeListener: w.removeListener,
+      removeAllListeners: w.removeAllListeners,
+      uninstall: U,
+      initDocument: ut
+    };
+  };
+  function g(b, m, x) {
+    var H = b[m];
+    return H == null && x !== void 0 ? x : H;
+  }
+  return At;
+}
+var Re = Te();
+const Ye = /* @__PURE__ */ ne(Re);
+export {
+  ae as A,
+  Fe as B,
+  _e as C,
+  We as a,
+  Pe as b,
+  $e as c,
+  vt as d,
+  Ye as e,
+  qe as f,
+  Ne as g,
+  Be as h,
+  Ue as i,
+  ye as j,
+  le as k,
+  Me as l,
+  me as p,
+  Se as u
+};