@glodon-aiot/react-components 3.0.11-beta.0 → 3.0.11-beta.2

package/dist/es/TrackMap/index.mjs

@@ -0,0 +1,375 @@
+var Tt = Object.defineProperty, $t = Object.defineProperties;
+var Ft = Object.getOwnPropertyDescriptors;
+var ht = Object.getOwnPropertySymbols;
+var zt = Object.prototype.hasOwnProperty, Dt = Object.prototype.propertyIsEnumerable;
+var yt = (x, l, y) => l in x ? Tt(x, l, { enumerable: !0, configurable: !0, writable: !0, value: y }) : x[l] = y, b = (x, l) => {
+  for (var y in l || (l = {}))
+    zt.call(l, y) && yt(x, y, l[y]);
+  if (ht)
+    for (var y of ht(l))
+      Dt.call(l, y) && yt(x, y, l[y]);
+  return x;
+}, X = (x, l) => $t(x, Ft(l));
+import { jsx as d, jsxs as Y } from "react/jsx-runtime";
+import { useRef as D, useState as u, useEffect as h } from "react";
+import Mt from "antd/es/tooltip";
+import Ot from "react-moveable";
+import "./style.less.mjs";
+import mt from "./TrackPoint.mjs";
+import { ConfigProvider as Ct } from "antd";
+const Ut = (x) => {
+  var ft;
+  const {
+    width: l,
+    height: y,
+    points: T,
+    scale: a,
+    pointSize: $ = 6,
+    direction: q,
+    activePointId: M,
+    style: g,
+    lineStyle: O,
+    pointStyle: k,
+    directionStyle: xt,
+    marks: ot,
+    resizable: H,
+    transform: r,
+    keepRatio: it = !1,
+    onPointClick: J,
+    onTransform: N,
+    onPointsChange: C,
+    onCancelResize: Wt,
+    actions: B = !0,
+    setIsSaved: st,
+    isSaved: ct = !1
+  } = x, S = D(null), w = D(null), s = D(null), E = D(null), K = D(null), [F, pt] = u(null), [Q, U] = u((r == null ? void 0 : r.scale) || [1, 1]), [V, Z] = u((r == null ? void 0 : r.rotate) || 0), [W, _] = u((r == null ? void 0 : r.translate) || [0, 0, 0, 0]), [bt, vt] = u([]), [f, Rt] = u(), [kt, at] = u(), [P, G] = u(H), [lt, tt] = u([]), [v, dt] = u(T), [I, Pt] = u(!0), [R, j] = u(), [m, z] = u(), [It, Nt] = u(typeof B != "boolean" ? B : B === !0 ? {} : null), A = ($ - $ / 4 * 0.9) * 2 / a;
+  h(() => {
+    Nt(typeof B != "boolean" ? B : B === !0 ? {} : null);
+  }, [B]);
+  const Bt = (t, e) => {
+    if (!t.length)
+      return;
+    let i;
+    return t.map((o) => {
+      var p;
+      if (!i) {
+        i = o;
+        return;
+      }
+      const c = /* @__PURE__ */ d("line", {
+        x1: Number.isFinite(i.x) ? i.x : 0,
+        y1: Number.isFinite(i.y) ? i.y : 0,
+        x2: Number.isFinite(o.x) ? o.x : 0,
+        y2: Number.isFinite(o.y) ? o.y : 0,
+        style: X(b(b({
+          stroke: "#1F66E1BF"
+        }, O), i.lineStyle), {
+          strokeWidth: Number((O == null ? void 0 : O.strokeWidth) || ((p = i.lineStyle) == null ? void 0 : p.strokeWidth) || 2) / e
+        })
+      }, o.id);
+      return i = o, c;
+    });
+  }, ut = new ResizeObserver(() => {
+    S.current && (w.current && (w.current.style.transform = "none", w.current.style.width = "auto", w.current.style.height = "100%"), w.current && (w.current.style.width = "100%", w.current.style.height = "100%"));
+  });
+  h(() => {
+    var t;
+    z((t = s.current) == null ? void 0 : t.getBoundingClientRect());
+  }, [g == null ? void 0 : g.left, g == null ? void 0 : g.top, g == null ? void 0 : g.width, g == null ? void 0 : g.height, a]), h(() => {
+    G(H);
+  }, [H]), h(() => {
+    dt(T || []);
+  }, [T, lt]), h(() => {
+    var t;
+    (!((t = s.current) != null && t.style.transform) || s.current.style.transform === "none") && (U((r == null ? void 0 : r.scale) || [1, 1]), Z((r == null ? void 0 : r.rotate) || 0), _((r == null ? void 0 : r.translate) || [0, 0, 0, 0]));
+  }, [(ft = s.current) == null ? void 0 : ft.style.transform]), h(() => {
+    !s.current || P || (s.current.style.transform = "none", U((r == null ? void 0 : r.scale) || [1, 1]), Z((r == null ? void 0 : r.rotate) || 0), _((r == null ? void 0 : r.translate) || [0, 0, 0, 0]));
+  }, [P]), h(() => {
+    if (S.current)
+      return ut.observe(S.current), () => {
+        S.current && ut.unobserve(S.current);
+      };
+  }, [S.current]), h(() => {
+    !F || !r || (F.throttleDragRotate = r.rotate, F.throttleScale = r.scale, F.throttleDrag = r.translate);
+  }, [F, r]), h(() => {
+    Rt(v == null ? void 0 : v.find((e) => e.id === M));
+    let t = v.map((e) => {
+      var p, nt, L;
+      const i = e.x, n = e.y, o = e.id === M, c = $ * (o ? 1.2 : 1) / a;
+      return /* @__PURE__ */ d(mt, {
+        open: I,
+        id: e.id,
+        point: e,
+        getTooltipContainer: () => K.current || document.body,
+        x: i,
+        y: n,
+        r: k != null && k.r || (p = e.pointStyle) != null && p.r ? Number((k == null ? void 0 : k.r) || ((nt = e.pointStyle) == null ? void 0 : nt.r)) / a : c / 2,
+        hidden: o,
+        style: X(b(b({
+          stroke: "#1F66E1BF",
+          fill: "#fff",
+          cursor: J ? "pointer" : "unset"
+        }, k), e.pointStyle), {
+          strokeWidth: Number(((L = e.pointStyle) == null ? void 0 : L.strokeWidth) || 2) / a,
+          r: void 0
+        }),
+        onPointClick: J
+      }, e.id);
+    }) || [];
+    vt(t);
+  }, [v, M, a, I]), h(() => {
+    var o, c, p;
+    if (!f) {
+      at(void 0);
+      return;
+    }
+    const t = f.x, e = f.y, i = f.id === M, n = $ * (i ? 1.2 : 1) / a;
+    at(/* @__PURE__ */ Y("g", {
+      children: [q !== void 0 && /* @__PURE__ */ d("circle", {
+        id: `mark-${f.id}`,
+        cx: t,
+        cy: e,
+        r: `${A}`,
+        strokeDasharray: A * 2 * Math.PI,
+        strokeDashoffset: A * 2 * Math.PI / 360 * (360 - 60),
+        style: b({
+          transform: `rotate(${q + 240}deg)`,
+          transformOrigin: `${t}px ${e}px`,
+          strokeWidth: A * 2,
+          stroke: "#1F66E1BF",
+          fill: "transparent",
+          pointerEvents: "none"
+        }, xt)
+      }), /* @__PURE__ */ d(mt, {
+        open: I,
+        point: f,
+        getTooltipContainer: () => K.current || document.body,
+        x: t,
+        y: e,
+        r: (o = f.pointStyle) != null && o.r ? Number((c = f.pointStyle) == null ? void 0 : c.r) / a : n / 2,
+        style: X(b(b({
+          stroke: "#1F66E1BF",
+          fill: "#fff"
+        }, k), f.pointStyle), {
+          strokeWidth: Number(((p = f.pointStyle) == null ? void 0 : p.strokeWidth) || 2) / a,
+          r: void 0
+        }),
+        onPointClick: J
+      }, f.id)]
+    }, f.id));
+  }, [f, q, a, I]), h(() => {
+    s.current && setTimeout(() => {
+      var t, e;
+      j((t = s.current) == null ? void 0 : t.getBBox()), z((e = s.current) == null ? void 0 : e.getBoundingClientRect());
+    }, 100);
+  }, [r]), h(() => {
+    var e, i;
+    if (!s.current)
+      return;
+    j((e = s.current) == null ? void 0 : e.getBBox()), z((i = s.current) == null ? void 0 : i.getBoundingClientRect()), new ResizeObserver(() => {
+      var n, o;
+      j((n = s.current) == null ? void 0 : n.getBBox()), z((o = s.current) == null ? void 0 : o.getBoundingClientRect());
+    }).observe(s.current);
+  }, [s.current]), h(() => {
+    ct && (St(), st && st(!1));
+  }, [ct]);
+  const St = () => {
+    var n;
+    const t = (n = E.current) == null ? void 0 : n.getBoundingClientRect();
+    if (!t) {
+      C && C(T), G(!1);
+      return;
+    }
+    const e = lt.map((o) => {
+      const c = o.getBoundingClientRect();
+      return {
+        id: o.id.split("-")[1],
+        x: (c.x + c.width / 2 - t.x) / a,
+        y: (c.y + c.height / 2 - t.y) / a
+      };
+    }), i = T.map((o) => {
+      const c = e == null ? void 0 : e.find((p) => p.id.toString() === o.id.toString());
+      return c ? b(b({}, o), c) : o;
+    });
+    dt(i), C && C(i.length ? i.map((o, c) => ({
+      id: o.id,
+      x: o.x,
+      y: o.y,
+      order: c
+    })) : T), G(!1);
+  }, wt = (t) => t.map((e) => {
+    const {
+      render: i,
+      renderData: n
+    } = e, o = e.x * a, c = e.y * a;
+    return /* @__PURE__ */ d(Mt, {
+      className: "track-map-marker-tooltip",
+      placement: "top",
+      title: i(n, b({}, e)),
+      open: !!n,
+      style: {
+        zIndex: 9999
+      },
+      children: /* @__PURE__ */ d("circle", {
+        id: `mark-${e.id}`,
+        cx: o,
+        cy: c,
+        r: $ / 2,
+        style: {
+          stroke: "#1F66E100",
+          strokeWidth: 2,
+          fill: "#fff0"
+        },
+        children: /* @__PURE__ */ d("span", {
+          children: n.label
+        })
+      })
+    }, e.id);
+  }), gt = R ? {
+    x: R.x + R.width / 2,
+    y: R.y + R.height / 2
+  } : {
+    x: 0,
+    y: 0
+  }, et = v.reduce((t, e) => [Math.min(t[0], e.x), Math.max(t[1], e.x)], [0, 0]), rt = v.reduce((t, e) => [Math.min(t[0], e.y), Math.max(t[1], e.y)], [0, 0]);
+  return /* @__PURE__ */ d(Ct, {
+    prefixCls: "g-rc",
+    children: /* @__PURE__ */ Y("div", {
+      className: "track-map",
+      style: {
+        width: "100%",
+        height: "100%"
+      },
+      ref: S,
+      children: [/* @__PURE__ */ d("svg", {
+        style: g,
+        ref: E,
+        viewBox: `0 0 ${l} ${y}`,
+        children: /* @__PURE__ */ Y("g", {
+          ref: s,
+          x: et[0],
+          y: rt[0],
+          width: et[1] - et[0],
+          height: rt[1] - rt[0],
+          style: {
+            transformOrigin: `${gt.x}px ${gt.y}px`,
+            cursor: P ? "url('./images/icon-move.svg') 16 16, move" : "unset",
+            transform: r && r.scale ? `${r.translate ? ` translate(${r.translate[0]}px, ${r.translate[1]}px)` : ""} rotate(${r.rotate}rad)${r.scale ? ` scale(${r.scale[0]}, ${r.scale[1]})` : ""}` : "none"
+          },
+          children: [R && /* @__PURE__ */ d("rect", {
+            x: R.x,
+            y: R.y,
+            width: R.width,
+            height: R.height,
+            fill: "#ff000004"
+          }), /* @__PURE__ */ d("g", {
+            className: "track-lines",
+            children: Bt((v == null ? void 0 : v.filter((t) => t.order > -1)) || [], a)
+          }), /* @__PURE__ */ Y("g", {
+            className: "track-points",
+            children: [bt, kt]
+          }), ot && /* @__PURE__ */ d("g", {
+            children: wt(ot)
+          })]
+        })
+      }), /* @__PURE__ */ d("div", {
+        className: "tooltip-container",
+        ref: K,
+        style: {
+          position: "fixed",
+          top: (m == null ? void 0 : m.y) || 0,
+          left: (m == null ? void 0 : m.x) || 0,
+          width: (m == null ? void 0 : m.width) || 0,
+          height: (m == null ? void 0 : m.height) || 0
+        }
+      }), P && s.current && E.current && /* @__PURE__ */ d(Ot, {
+        className: "path-moveable-control-box",
+        ref: (t) => {
+          pt(t);
+        },
+        keepRatio: it,
+        target: [s.current],
+        draggable: !0,
+        scalable: !0,
+        rotatable: !0,
+        padding: {
+          left: 10,
+          right: 10,
+          top: 10,
+          bottom: 10
+        },
+        onDrag: ({
+          target: t,
+          beforeDelta: e,
+          beforeDist: i,
+          left: n,
+          top: o,
+          right: c,
+          bottom: p,
+          delta: nt,
+          dist: L,
+          transform: Et,
+          clientX: jt,
+          clientY: At
+        }) => {
+          _(L), t.style.transform = Et;
+        },
+        onDragStart: ({
+          inputEvent: t
+        }) => {
+          t.stopPropagation();
+        },
+        onDragEnd: () => {
+          var e;
+          const t = (e = s.current) == null ? void 0 : e.getElementsByTagName("circle");
+          tt(t != null && t.length ? [...t] : []), N && N({
+            rotate: V,
+            translate: W,
+            scale: Q
+          }, t != null && t.length ? [...t] : [], E.current || void 0);
+        },
+        renderDirections: it ? ["nw", "ne", "sw", "se"] : ["n", "w", "e", "s", "nw", "ne", "sw", "se"],
+        onScale: ({
+          target: t,
+          scale: e,
+          transform: i
+        }) => {
+          var o;
+          U(e), t.style.transform = i;
+          const n = (o = s.current) == null ? void 0 : o.getElementsByTagName("circle");
+          tt(n != null && n.length ? [...n] : []), N && N({
+            rotate: V,
+            translate: W,
+            scale: e
+          }, n != null && n.length ? [...n] : [], E.current || void 0);
+        },
+        onRotate: ({
+          target: t,
+          dist: e,
+          transform: i
+        }) => {
+          var o;
+          Z(e), t.style.transform = i;
+          const n = (o = s.current) == null ? void 0 : o.getElementsByTagName("circle");
+          tt(n != null && n.length ? [...n] : []), N && N({
+            rotate: e,
+            translate: W,
+            scale: Q
+          }, n != null && n.length ? [...n] : [], E.current || void 0);
+        },
+        onRenderEnd: () => {
+          var e, i, n;
+          const t = (e = s.current) == null ? void 0 : e.getElementsByTagName("circle");
+          N && N({
+            rotate: V,
+            translate: W,
+            scale: Q
+          }, t != null && t.length ? [...t] : [], E.current || void 0), j((i = s.current) == null ? void 0 : i.getBBox()), z((n = s.current) == null ? void 0 : n.getBoundingClientRect());
+        }
+      })]
+    })
+  });
+};
+export {
+  Ut as default
+};

package/dist/es/TrackMap/style.less.mjs

@@ -0,0 +1,4 @@
+const t = "";
+export {
+  t as default
+};

package/dist/es/Zoom/index.mjs

@@ -0,0 +1,48 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import m from "../IconButton/index.mjs";
+import a from "../Iconfont/index.mjs";
+import { useState as x, useEffect as u } from "react";
+const y = (l) => {
+  const {
+    className: f,
+    style: h,
+    value: o,
+    min: i,
+    max: c,
+    step: n = 1,
+    onChange: r,
+    showText: p = !1
+  } = l, [t, s] = x(o != null ? o : 0);
+  return u(() => {
+    s(o != null ? o : 0);
+  }, [o]), /* @__PURE__ */ d("div", {
+    className: f,
+    style: h,
+    children: [/* @__PURE__ */ e(m, {
+      disabled: !!(c && c <= t),
+      onClick: () => {
+        r(t + n), s(t + n);
+      },
+      children: /* @__PURE__ */ e(a, {
+        type: "icon-fangda"
+      })
+    }), p && /* @__PURE__ */ d("div", {
+      style: {
+        width: 40,
+        textAlign: "center"
+      },
+      children: [Math.round(t * 100), "%"]
+    }), /* @__PURE__ */ e(m, {
+      disabled: !!(i && i >= t),
+      onClick: () => {
+        r(t - n), s(t - n);
+      },
+      children: /* @__PURE__ */ e(a, {
+        type: "icon-suoxiao"
+      })
+    })]
+  });
+}, k = y;
+export {
+  k as default
+};

package/dist/es/index.mjs

@@ -0,0 +1,32 @@
+import { default as f } from "./Button/index.mjs";
+import { default as m } from "./ExpandablePannel/index.mjs";
+import { default as s } from "./IconButton/index.mjs";
+import { default as x } from "./Iconfont/index.mjs";
+import { default as n } from "./ImageMap/index.mjs";
+import { default as i } from "./PanoramaRecordPlayer/index.mjs";
+import { default as I } from "./TrackMap/index.mjs";
+import { default as b } from "./MouseTip/index.mjs";
+import { default as B } from "./PassMap/index.mjs";
+import { default as D } from "./Zoom/index.mjs";
+import { useBimface as k } from "./useBimface/index.mjs";
+import "react/jsx-runtime";
+import "@umijs/hooks";
+import "react";
+import { default as A } from "./GOSImageMap/DrawableImageMap.mjs";
+import { DrawableContext as E, calAngle as R } from "./Drawable/index.mjs";
+export {
+  f as Button,
+  E as DrawableContext,
+  A as DrawableImageMap,
+  m as ExpandablePannel,
+  s as IconButton,
+  x as Iconfont,
+  n as ImageMap,
+  b as MouseTip,
+  i as PanoramaRecordPlayer,
+  B as PassMap,
+  I as TrackMap,
+  D as Zoom,
+  R as calAngle,
+  k as useBimface
+};

package/dist/es/style.css

@@ -0,0 +1 @@
+.storybook-button{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;border:0;border-radius:3em;cursor:pointer;display:inline-block;line-height:1}.storybook-button--primary{color:#fff;background-color:#027bf4}.storybook-button--secondary{color:#333;background-color:transparent;box-shadow:#00000026 0 0 0 1px inset}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}.g-icon-btn{height:28px;width:28px;line-height:28px;background-color:#222836;color:#b8c1d0;cursor:pointer;text-align:center;padding:0;border:none;font-size:16px;display:block}.g-icon-btn:hover{color:#fff;background:linear-gradient(180deg,#4e5b73 0%,#222836 100%);border-image:linear-gradient(180deg,#4e5b73 0%,#222836 100%),linear-gradient(180deg,#ffffff 16.67%,#d2d2d2 49.48%,#000000 73.44%,#e4e4e4 92.71%)}.g-icon-btn:disabled{color:#68707e;cursor:not-allowed;background:linear-gradient(180deg,#0a111d 0%,#222836 100%)}.g-expandable-pannel-wrap{inset:0;z-index:999}.g-expandable-pannel-wrap .g-expandable-pannel-expand-bar{position:absolute;right:0;top:0;background-color:#222836;z-index:9999}.g-expandable-pannel-wrap .g-expandable-pannel-expand-bar.collapsed{position:absolute;top:0;right:0;z-index:9;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.g-expandable-pannel-wrap .g-expandable-pannel-expand-bar.expaned{padding:0}.g-expandable-pannel-wrap .g-expandable-pannel-expand-bar.expaned .g-icon-btn{background-color:#0000}.g-expandable-pannel-wrap .g-expandable-pannel{width:100%;height:100%;border:.5px solid #313A4D}.g-expandable-pannel-wrap .g-expandable-pannel-header{position:absolute;right:0;top:0;z-index:9;padding-right:28px;height:28px;display:flex;flex-direction:row-reverse}.g-expandable-pannel-wrap .g-expandable-pannel-body{opacity:.85;width:100%;height:100%}.g-expandable-pannel-wrap .g-expandable-pannel-body .icon{width:16px;height:16px}.g-expandable-pannel-wrap .g-expandable-pannel.full{width:100%!important;height:100%!important;inset:0 55px;z-index:9}.g-expandable-pannel-wrap .g-expandable-pannel.hidden{inset:0 -20000px}.g-expandable-pannel-wrap .g-expandable-pannel.hidden+.bar-btn{position:absolute;right:0!important;background:rgba(58,63,76,.5);border-radius:20px 0 0 20px}.g-expandable-pannel-wrap .g-expandable-pannel.normal{height:250px;overflow:hidden;padding:0}.g-expandable-pannel-wrap .g-expandable-pannel.full+.bar-btn{top:0;right:55px;z-index:99}.g-expandable-pannel-wrap .g-expandable-pannel.full~.cover{display:block;position:absolute;width:100vw;height:100vh;top:0;left:0;background:#00000066}.g-expandable-pannel-wrap .g-expandable-pannel.hiddern~.cover{display:none}.g-expandable-pannel-wrap .g-expandable-pannel .minimap-menu-pannel{width:134px;background:#ffffff;border:1px solid #ececec;box-shadow:2px 2px 6px #c0c0c040;border-radius:4px;padding:6px 12px}.g-expandable-pannel-wrap .g-expandable-pannel .minimap-menu-pannel .item-row{width:100%;display:flex;height:32px;align-items:center}.g-expandable-pannel-wrap .g-expandable-pannel .minimap-menu-pannel .item-row img{width:16px;height:16px;margin:0 8px}.g-expandable-pannel-wrap .g-expandable-pannel .status{display:block}.g-expandable-pannel-wrap .g-expandable-pannel .status.success:before{display:inline-block;content:"";width:12px;height:12px;background-color:#52c41a}.g-expandable-pannel-wrap .g-expandable-pannel .status.error:before{display:inline-block;content:"";width:12px;height:12px;background-color:#ff4d4f}.g-expandable-pannel-wrap .g-expandable-pannel .pass-confirm-wrap{position:absolute}.g-mouse-tip{display:inline-flex;justify-content:center;align-items:center;gap:4px;box-shadow:0 1px 10px #0000000d,0 4px 5px #00000014,0 2px 4px -1px #0000001f;border-radius:4px;background:#000;position:fixed;z-index:2000;padding:8px 12px}.g-mouse-tip-content{font-size:12px;font-style:normal;font-weight:400;color:#fff}.pass-map{background:transparent}.pass-map .pass-area{position:absolute;background:rgba(255,77,79,.21);border:1px solid #00000000;z-index:1}.pass-map .pass-area-circle{border-radius:50%}.pass-map .pass-area__active{background:rgba(255,77,79,.25);border:1px solid #ff4d4f}*{box-sizing:border-box}.image-map{position:relative;width:100%;height:100%;overflow:hidden;user-select:none;display:flex;justify-content:center}.image-map .image-map-pannel{width:100%;height:100%;user-select:none;display:flex;justify-content:center;align-items:center}.image-map .image-map-toolbar{position:absolute;width:auto;height:auto;bottom:12px;z-index:99;display:flex;align-items:center;gap:12px;background-color:#393939;padding:10px;border-radius:6px}.image-map .image-map-toolbar .zoom-controller{display:flex;height:100%;align-items:center;gap:12px;color:#fff}.image-map .image-map-toolbar .zoom-controller .g-icon-btn,.image-map .image-map-toolbar .zoom-controller .g-icon-btn button{background-color:unset;font-size:16px;border:.5px solid #6f6f6f;border-radius:2px;font-size:14px}.image-map .image-map-toolbar .zoom-controller .g-icon-btn .anticon,.image-map .image-map-toolbar .zoom-controller .g-icon-btn button .anticon{font-size:14px}.image-map .image-map-toolbar .zoom-controller.vertical{flex-direction:column}.image-map .image-map-toolbar .zoom-controller.vertical .g-icon-btn{background-color:red;margin-top:6px;border:none}.image-map .image-map-toolbar .zoom-controller.vertical .g-icon-btn .anticon{font-size:16px}.image-map .image-map-toolbar .zoom-controller.horizontal{flex-direction:row}.image-map .image-map-toolbar .line{width:1px;height:12px;border:.5px solid #e0e0e0}.image-map .image-map-toolbar .moveable-controller{background-color:unset;height:100%;border:.5px solid #6f6f6f;border-radius:2px}.image-map .image-map-toolbar .moveable-controller .moveable-controller-btn{position:relative;border:none;border-radius:2px;background-color:unset;padding:0;display:flex;height:100%}.image-map .image-map-toolbar .moveable-controller .moveable-controller-btn .btn-change{display:flex;align-items:center;color:#fff;gap:10px;height:100%;margin-inline-end:unset;padding:4px 8px}.image-map .image-map-toolbar .moveable-controller .moveable-controller-btn .btn-change svg{font-size:16px}.image-map .image-map-toolbar .moveable-controller .moveable-controller-btn .anticon{font-size:24px}.image-map .image-map-toolbar .moveable-controller .moveable-controller-btn.active{color:#fff}.image-map .image-map-toolbar .moveable-controller .moveable-controller-btn:hover{background:linear-gradient(180deg,#4e5b73 0%,#222836 100%)}.image-map .image-map-toolbar .editing-controller{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left}.image-map .image-map-toolbar .editing-controller .ant-btn-default{border:.5px solid #6f6f6f;border-radius:2px;background-color:unset;color:#fff;padding:4px 8px}.image-map .image-map-toolbar .editing-controller .ant-btn-default:hover{background:linear-gradient(180deg,#4e5b73 0%,#222836 100%)}.image-map .image-map-toolbar .editing-controller .ant-btn-primary{border-radius:2px;background-color:#0532a6;border:.5px solid #6f6f6f;color:#fff;padding:4px 8px}.image-map .image-map-toolbar .editing-controller .ant-btn-primary:hover{background:#0949d2}.image-map .image-map-toolbar .editing-controller .ant-btn-primary .save-detail{display:flex;align-items:center;color:#fff;gap:10px;height:100%}.image-map .image-map-toolbar .editing-controller .ant-btn-primary .save-detail svg{font-size:16px}.track-map{z-index:10;position:relative}.track-map .point{cursor:pointer}.track-map .bottom-action{position:fixed;left:50%;bottom:10px;transform:translate(-50%);z-index:1000;display:flex;justify-content:center;align-items:flex-end;padding-bottom:12px}.track-map .bottom-action .bottom-pannel{background:white;height:48px;background:rgba(255,255,255,.9);border:1px solid #f8f8f8;box-shadow:2px 2px 4px #c0c0c040;border-radius:4px;padding:0 12px}:where(.css-ed5zg0)[class^=ant-popconfirm],:where(.css-ed5zg0)[class*=" ant-popconfirm"]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:14px;box-sizing:border-box}:where(.css-ed5zg0)[class^=ant-popconfirm]:before,:where(.css-ed5zg0)[class*=" ant-popconfirm"]:before,:where(.css-ed5zg0)[class^=ant-popconfirm]:after,:where(.css-ed5zg0)[class*=" ant-popconfirm"]:after{box-sizing:border-box}:where(.css-ed5zg0)[class^=ant-popconfirm] [class^=ant-popconfirm],:where(.css-ed5zg0)[class*=" ant-popconfirm"] [class^=ant-popconfirm],:where(.css-ed5zg0)[class^=ant-popconfirm] [class*=" ant-popconfirm"],:where(.css-ed5zg0)[class*=" ant-popconfirm"] [class*=" ant-popconfirm"]{box-sizing:border-box}:where(.css-ed5zg0)[class^=ant-popconfirm] [class^=ant-popconfirm]:before,:where(.css-ed5zg0)[class*=" ant-popconfirm"] [class^=ant-popconfirm]:before,:where(.css-ed5zg0)[class^=ant-popconfirm] [class*=" ant-popconfirm"]:before,:where(.css-ed5zg0)[class*=" ant-popconfirm"] [class*=" ant-popconfirm"]:before,:where(.css-ed5zg0)[class^=ant-popconfirm] [class^=ant-popconfirm]:after,:where(.css-ed5zg0)[class*=" ant-popconfirm"] [class^=ant-popconfirm]:after,:where(.css-ed5zg0)[class^=ant-popconfirm] [class*=" ant-popconfirm"]:after,:where(.css-ed5zg0)[class*=" ant-popconfirm"] [class*=" ant-popconfirm"]:after{box-sizing:border-box}:where(.css-ed5zg0).ant-popconfirm{z-index:1060}:where(.css-ed5zg0).ant-popconfirm .ant-popconfirm-inner-content{color:#000000e0}:where(.css-ed5zg0).ant-popconfirm .ant-popconfirm-message{position:relative;margin-bottom:8px;color:#000000e0;font-size:14px;display:flex;flex-wrap:nowrap;align-items:start}:where(.css-ed5zg0).ant-popconfirm .ant-popconfirm-message>.ant-popconfirm-message-icon .anticon{color:#faad14;font-size:14px;flex:none;line-height:1;padding-top:4px}:where(.css-ed5zg0).ant-popconfirm .ant-popconfirm-message-title{flex:auto;margin-inline-start:8px}:where(.css-ed5zg0).ant-popconfirm .ant-popconfirm-message-title-only{font-weight:600}:where(.css-ed5zg0).ant-popconfirm .ant-popconfirm-description{position:relative;margin-inline-start:22px;margin-bottom:8px;color:#000000e0;font-size:14px}:where(.css-ed5zg0).ant-popconfirm .ant-popconfirm-buttons{text-align:end}:where(.css-ed5zg0).ant-popconfirm .ant-popconfirm-buttons button{margin-inline-start:8px}:where(.css-ed5zg0)[class^=ant-popover],:where(.css-ed5zg0)[class*=" ant-popover"]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:14px;box-sizing:border-box}:where(.css-ed5zg0)[class^=ant-popover]:before,:where(.css-ed5zg0)[class*=" ant-popover"]:before,:where(.css-ed5zg0)[class^=ant-popover]:after,:where(.css-ed5zg0)[class*=" ant-popover"]:after{box-sizing:border-box}:where(.css-ed5zg0)[class^=ant-popover] [class^=ant-popover],:where(.css-ed5zg0)[class*=" ant-popover"] [class^=ant-popover],:where(.css-ed5zg0)[class^=ant-popover] [class*=" ant-popover"],:where(.css-ed5zg0)[class*=" ant-popover"] [class*=" ant-popover"]{box-sizing:border-box}:where(.css-ed5zg0)[class^=ant-popover] [class^=ant-popover]:before,:where(.css-ed5zg0)[class*=" ant-popover"] [class^=ant-popover]:before,:where(.css-ed5zg0)[class^=ant-popover] [class*=" ant-popover"]:before,:where(.css-ed5zg0)[class*=" ant-popover"] [class*=" ant-popover"]:before,:where(.css-ed5zg0)[class^=ant-popover] [class^=ant-popover]:after,:where(.css-ed5zg0)[class*=" ant-popover"] [class^=ant-popover]:after,:where(.css-ed5zg0)[class^=ant-popover] [class*=" ant-popover"]:after,:where(.css-ed5zg0)[class*=" ant-popover"] [class*=" ant-popover"]:after{box-sizing:border-box}:where(.css-ed5zg0).ant-popover{box-sizing:border-box;margin:0;padding:0;color:#000000e0;font-size:14px;line-height:1.57142857;list-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";position:absolute;top:0;left:0;z-index:1030;font-weight:400;white-space:normal;text-align:start;cursor:auto;user-select:text;--antd-arrow-background-color: #ffffff}:where(.css-ed5zg0).ant-popover-rtl{direction:rtl}:where(.css-ed5zg0).ant-popover-hidden{display:none}:where(.css-ed5zg0).ant-popover .ant-popover-content{position:relative}:where(.css-ed5zg0).ant-popover .ant-popover-inner{background-color:#fff;background-clip:padding-box;border-radius:8px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;padding:12px}:where(.css-ed5zg0).ant-popover .ant-popover-title{min-width:177px;margin-bottom:8px;color:#000000e0;font-weight:600}:where(.css-ed5zg0).ant-popover .ant-popover-inner-content{color:#000000e0;padding:0}:where(.css-ed5zg0).ant-popover .ant-popover-arrow{position:absolute;z-index:1;display:block;pointer-events:none;width:16px;height:16px;overflow:hidden;border:0}:where(.css-ed5zg0).ant-popover .ant-popover-arrow:before{position:absolute;bottom:0;inset-inline-start:0;width:16px;height:8px;background:var(--antd-arrow-background-color);clip-path:polygon(1.65685425px 100%,50% 1.65685425px,14.34314575px 100%,1.65685425px 100%);clip-path:path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z");content:""}:where(.css-ed5zg0).ant-popover .ant-popover-arrow:after{content:"";position:absolute;width:8.97056275px;height:8.97056275px;bottom:0;inset-inline:0;margin:auto;border-radius:0 0 2px;transform:translateY(50%) rotate(-135deg);box-shadow:2px 2px 5px #0000000d;z-index:0;background:transparent}:where(.css-ed5zg0).ant-popover .ant-popover-arrow:before{background:var(--antd-arrow-background-color)}:where(.css-ed5zg0).ant-popover-placement-top .ant-popover-arrow,:where(.css-ed5zg0).ant-popover-placement-topLeft .ant-popover-arrow,:where(.css-ed5zg0).ant-popover-placement-topRight .ant-popover-arrow{bottom:0;transform:translateY(100%) rotate(180deg)}:where(.css-ed5zg0).ant-popover-placement-top .ant-popover-arrow{left:50%;transform:translate(-50%) translateY(100%) rotate(180deg)}:where(.css-ed5zg0).ant-popover-placement-topLeft .ant-popover-arrow{left:12px}:where(.css-ed5zg0).ant-popover-placement-topRight .ant-popover-arrow{right:12px}:where(.css-ed5zg0).ant-popover-placement-bottom .ant-popover-arrow,:where(.css-ed5zg0).ant-popover-placement-bottomLeft .ant-popover-arrow,:where(.css-ed5zg0).ant-popover-placement-bottomRight .ant-popover-arrow{top:0;transform:translateY(-100%)}:where(.css-ed5zg0).ant-popover-placement-bottom .ant-popover-arrow{left:50%;transform:translate(-50%) translateY(-100%)}:where(.css-ed5zg0).ant-popover-placement-bottomLeft .ant-popover-arrow{left:12px}:where(.css-ed5zg0).ant-popover-placement-bottomRight .ant-popover-arrow{right:12px}:where(.css-ed5zg0).ant-popover-placement-left .ant-popover-arrow,:where(.css-ed5zg0).ant-popover-placement-leftTop .ant-popover-arrow,:where(.css-ed5zg0).ant-popover-placement-leftBottom .ant-popover-arrow{right:0;transform:translate(100%) rotate(90deg)}:where(.css-ed5zg0).ant-popover-placement-left .ant-popover-arrow{top:50%;transform:translateY(-50%) translate(100%) rotate(90deg)}:where(.css-ed5zg0).ant-popover-placement-leftTop .ant-popover-arrow{top:12px}:where(.css-ed5zg0).ant-popover-placement-leftBottom .ant-popover-arrow{bottom:12px}:where(.css-ed5zg0).ant-popover-placement-right .ant-popover-arrow,:where(.css-ed5zg0).ant-popover-placement-rightTop .ant-popover-arrow,:where(.css-ed5zg0).ant-popover-placement-rightBottom .ant-popover-arrow{left:0;transform:translate(-100%) rotate(-90deg)}:where(.css-ed5zg0).ant-popover-placement-right .ant-popover-arrow{top:50%;transform:translateY(-50%) translate(-100%) rotate(-90deg)}:where(.css-ed5zg0).ant-popover-placement-rightTop .ant-popover-arrow{top:12px}:where(.css-ed5zg0).ant-popover-placement-rightBottom .ant-popover-arrow{bottom:12px}:where(.css-ed5zg0).ant-popover-pure{position:relative;max-width:none;margin:16px;display:inline-block}:where(.css-ed5zg0).ant-popover-pure .ant-popover-content{display:inline-block}:where(.css-ed5zg0).ant-popover.ant-popover-blue{--antd-arrow-background-color: #1677ff}:where(.css-ed5zg0).ant-popover.ant-popover-blue .ant-popover-inner{background-color:#1677ff}:where(.css-ed5zg0).ant-popover.ant-popover-blue .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-purple{--antd-arrow-background-color: #722ed1}:where(.css-ed5zg0).ant-popover.ant-popover-purple .ant-popover-inner{background-color:#722ed1}:where(.css-ed5zg0).ant-popover.ant-popover-purple .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-cyan{--antd-arrow-background-color: #13c2c2}:where(.css-ed5zg0).ant-popover.ant-popover-cyan .ant-popover-inner{background-color:#13c2c2}:where(.css-ed5zg0).ant-popover.ant-popover-cyan .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-green{--antd-arrow-background-color: #52c41a}:where(.css-ed5zg0).ant-popover.ant-popover-green .ant-popover-inner{background-color:#52c41a}:where(.css-ed5zg0).ant-popover.ant-popover-green .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-magenta{--antd-arrow-background-color: #eb2f96}:where(.css-ed5zg0).ant-popover.ant-popover-magenta .ant-popover-inner{background-color:#eb2f96}:where(.css-ed5zg0).ant-popover.ant-popover-magenta .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-pink{--antd-arrow-background-color: #eb2f96}:where(.css-ed5zg0).ant-popover.ant-popover-pink .ant-popover-inner{background-color:#eb2f96}:where(.css-ed5zg0).ant-popover.ant-popover-pink .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-red{--antd-arrow-background-color: #f5222d}:where(.css-ed5zg0).ant-popover.ant-popover-red .ant-popover-inner{background-color:#f5222d}:where(.css-ed5zg0).ant-popover.ant-popover-red .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-orange{--antd-arrow-background-color: #fa8c16}:where(.css-ed5zg0).ant-popover.ant-popover-orange .ant-popover-inner{background-color:#fa8c16}:where(.css-ed5zg0).ant-popover.ant-popover-orange .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-yellow{--antd-arrow-background-color: #fadb14}:where(.css-ed5zg0).ant-popover.ant-popover-yellow .ant-popover-inner{background-color:#fadb14}:where(.css-ed5zg0).ant-popover.ant-popover-yellow .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-volcano{--antd-arrow-background-color: #fa541c}:where(.css-ed5zg0).ant-popover.ant-popover-volcano .ant-popover-inner{background-color:#fa541c}:where(.css-ed5zg0).ant-popover.ant-popover-volcano .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-geekblue{--antd-arrow-background-color: #2f54eb}:where(.css-ed5zg0).ant-popover.ant-popover-geekblue .ant-popover-inner{background-color:#2f54eb}:where(.css-ed5zg0).ant-popover.ant-popover-geekblue .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-lime{--antd-arrow-background-color: #a0d911}:where(.css-ed5zg0).ant-popover.ant-popover-lime .ant-popover-inner{background-color:#a0d911}:where(.css-ed5zg0).ant-popover.ant-popover-lime .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-popover.ant-popover-gold{--antd-arrow-background-color: #faad14}:where(.css-ed5zg0).ant-popover.ant-popover-gold .ant-popover-inner{background-color:#faad14}:where(.css-ed5zg0).ant-popover.ant-popover-gold .ant-popover-arrow{background:transparent}:where(.css-ed5zg0).ant-zoom-big-enter,:where(.css-ed5zg0).ant-zoom-big-appear{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}:where(.css-ed5zg0).ant-zoom-big-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}:where(.css-ed5zg0).ant-zoom-big-enter.ant-zoom-big-enter-active,:where(.css-ed5zg0).ant-zoom-big-appear.ant-zoom-big-appear-active{animation-name:css-ed5zg0-antZoomBigIn;animation-play-state:running}:where(.css-ed5zg0).ant-zoom-big-leave.ant-zoom-big-leave-active{animation-name:css-ed5zg0-antZoomBigOut;animation-play-state:running;pointer-events:none}:where(.css-ed5zg0).ant-zoom-big-enter,:where(.css-ed5zg0).ant-zoom-big-appear{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}:where(.css-ed5zg0).ant-zoom-big-enter-prepare,:where(.css-ed5zg0).ant-zoom-big-appear-prepare{transform:none}:where(.css-ed5zg0).ant-zoom-big-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.track-map .tooltip-container{pointer-events:none!important}.track-map .tooltip-container>*{pointer-events:initial}.g-expandable-pannel-wrap.collapsed .tooltip-container{display:none}.g-rc-tooltip{position:absolute!important}.g-rc-tooltip .g-rc-tooltip-arrow{height:10px}

package/dist/es/useBimface/index.mjs

@@ -0,0 +1,148 @@
+import H from "../utils/JSAsyncLoader.mjs";
+import { useState as d, useEffect as v } from "react";
+function $(F) {
+  const [m, y] = d(!1), [D, b] = d(), [i, G] = d(), [g, L] = d(!1), [l, S] = d(), [r, M] = d([]), [c, V] = d(0);
+  function W(o) {
+    if (o.viewType != "3DView") {
+      console.error("bimface view type is not 3DView");
+      return;
+    }
+    y(!0), l && N(o.viewToken);
+  }
+  const N = (o) => {
+    if (!D) {
+      let a = l, t = new window.Glodon.Bimface.Application.WebApplication3DConfig();
+      t.domElement = a, t.Toolbars = [];
+      const e = new window.Glodon.Bimface.Application.WebApplication3D(t);
+      e.addView(o), b(e);
+      const n = e.getViewer();
+      n.addEventListener(window.Glodon.Bimface.Viewer.Viewer3DEvent.ViewAdded, function() {
+        window.onresize = function() {
+          n.resize(document.documentElement.clientWidth, document.documentElement.clientHeight - 40);
+        }, n.setCameraAnimation(!1), n.render(), n.setNavigationMode(window.Glodon.Bimface.Viewer.NavigationMode3D.Walk), n.render(), L(!0);
+      }), n.addEventListener(window.Glodon.Bimface.Viewer.Viewer3DEvent.ModelAdded, () => {
+        V((f) => f + 1);
+      }), G(n);
+    }
+  };
+  v(() => {
+    g && r.forEach((o) => {
+      i.loadModel({
+        viewToken: o
+      });
+    });
+  }, [g, r]), v(() => {
+  }, [c]), v(() => {
+    if (!l || !r.length)
+      return;
+    const o = r.pop();
+    o && A(o), M([...r]);
+  }, [l]);
+  function I(o) {
+    console.log(o);
+  }
+  function A(o) {
+    V(0);
+    const a = () => {
+      let t = new window.BimfaceSDKLoaderConfig();
+      t.viewToken = o, window.BimfaceSDKLoader.load(t, W, I);
+    };
+    if (!window.BimfaceSDKLoaderConfig) {
+      H("https://static.bimface.com/api/BimfaceSDKLoader/BimfaceSDKLoader@latest-release.js", a);
+      return;
+    }
+    a();
+  }
+  const K = (o, a) => {
+    if (!i || !g || !l) {
+      console.error("BIMFace viewer is not ready.");
+      return;
+    }
+    const t = l.getElementsByTagName("canvas")[0], e = document.createElement("canvas");
+    e.width = t.width, e.height = t.height;
+    const n = e.getContext("2d");
+    return n && (n.fillStyle = "#fff", n.fillRect(0, 0, e.width, e.height), n.drawImage(t, 0, 0, t.width, t.height)), e.toDataURL(o, a);
+  }, k = (o) => {
+    if (!i) {
+      console.error("viewer is not ready");
+      return;
+    }
+    if (c && r.length + 1 === c || !r.length)
+      i.getAllModels().map((e) => i._models[e.modelId]).forEach((e) => {
+        let n = new window.Glodon.Web.Graphics.Color(o);
+        e.overrideAllComponentsColor && e.overrideAllComponentsColor(n);
+      }), i.enableWireframe(!0), i.getLightManager().getAllFillLights().forEach((e) => e.enableLight(!0)), i.render();
+    else {
+      console.error("viewer is not render complete");
+      return;
+    }
+  }, x = (o) => {
+    if (i)
+      if (c && r.length + 1 === c || !r.length)
+        i.getAllModels().map((e) => i._models[e.modelId]).forEach((e) => {
+          Object.keys(o).forEach((n) => {
+            let f = [{
+              categoryId: n
+            }];
+            e.getComponentsByConditions(f, function(B) {
+              let w = new window.Glodon.Web.Graphics.Color(o[n]);
+              e.overrideComponentsColorById && e.overrideComponentsColorById(B, w);
+            }, function() {
+              window.alert("error");
+            });
+          });
+        }), i.enableWireframe(!1), i.getLightManager().getAllFillLights().forEach((e) => e.enableLight(!1)), i.render();
+      else {
+        console.error("viewer is not render complete");
+        return;
+      }
+  };
+  function P(o, a, t) {
+    const e = i.getModel();
+    e == null || e.getBoundingBox(({
+      currentBoundingBox: n
+    }) => {
+      const f = n.max.x - n.min.x, B = n.max.y - n.min.y, w = f / B;
+      let p, u;
+      w > 1 ? (p = a.width, u = p / w) : (u = a.height, p = u * w);
+      const h = document.createElement("div");
+      h.setAttribute("style", `width: ${p}px;height: ${u}px`), document.body.appendChild(h);
+      const E = new window.Glodon.Bimface.Plugins.NavigationMap.MapViewerConfig();
+      E.domElement = h;
+      const T = new window.Glodon.Bimface.Plugins.NavigationMap.MapViewer(E), s = new window.Glodon.Bimface.Plugins.NavigationMap.NavigationMapConfig();
+      s.viewer = i, s.mapViewer = T, s.type = "SetProfile", s.height = o, s.successCallback = (R) => {
+        setTimeout(() => {
+          const C = new Image();
+          C.src = h.getElementsByTagName("image")[0].getAttribute("href") || "", C.onload = () => {
+            t(C);
+          };
+        }, 200);
+      }, new window.Glodon.Bimface.Plugins.NavigationMap.NavigationMap(s);
+    });
+  }
+  return {
+    BimfaceViewer: m && window.Glodon.Bimface.Viewer,
+    BimfaceSection: m && window.Glodon.Bimface.Plugins.Section,
+    BimfaceMark: m && window.Glodon.Bimface.Plugins.Marker3D,
+    BimfaceViewerEvents: m && window.Glodon.Bimface.Viewer.Viewer3DEvent,
+    viewer: i,
+    viewerAdded: g,
+    sDKLoaded: m,
+    loadedModelCount: c,
+    loadModels: (o) => {
+      if (o != null && o.length || console.error("viewTokens is Empty"), !i && l) {
+        const a = o[0];
+        A(a);
+      }
+      M(o);
+    },
+    setContainerDom: S,
+    getSnapshot: K,
+    setComponentsColorByCatgryId: x,
+    setAllComponentsColor: k,
+    navigationMapByHeight: P
+  };
+}
+export {
+  $ as useBimface
+};

package/dist/es/utils/JSAsyncLoader.mjs

@@ -0,0 +1,7 @@
+function o(e, a) {
+  var d = document.getElementsByTagName("body")[0], t = document.createElement("script");
+  t.setAttribute("type", "text/javascript"), t.setAttribute("src", e), d.appendChild(t), t.onload = a;
+}
+export {
+  o as default
+};