@realsee/dnalogel 3.19.0 → 3.20.0-dev.2

package/libs/floorplan/Components/RoomLabels/RoomLabel.js

@@ -1,264 +1,382 @@
-import { SvelteComponent as le, init as ne, safe_not_equal as fe, append_styles as re, element as I, attr as N, set_style as y, insert as b, action_destroyer as ae, listen as C, noop as V, detach as d, run_all as ce, empty as S, space as se, text as q, append as O, set_data as U, HtmlTag as me } from "../../../vendor/svelte/internal/index.js";
-import { svelteResizeObserver as ue } from "../../../shared-utils/svelte/resizeObserver.js";
-function be(n) {
-  re(n, "svelte-12pzct5", ".floorplan-plugin__room-label-item.svelte-12pzct5{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:1;color:#fff;transform:translate(-50%, -50%);white-space:nowrap;will-change:opacity;transition:opacity 300ms}.floorplan-plugin__room-size.svelte-12pzct5{opacity:0.45}");
+import { SvelteComponent as ze, init as He, safe_not_equal as Le, append_styles as ke, element as R, attr as E, set_style as d, insert as h, action_destroyer as le, listen as D, noop as x, detach as g, run_all as ne, empty as oe, space as $, append as W, text as F, set_data as M, HtmlTag as Te } from "../../../vendor/svelte/internal/index.js";
+import { svelteResizeObserver as fe } from "../../../shared-utils/svelte/resizeObserver.js";
+function ve(i) {
+  ke(i, "svelte-9vzn2f", ".floorplan-plugin__room-label-item.svelte-9vzn2f{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:1;color:#fff;transform:translate(-50%, -50%);white-space:nowrap;will-change:opacity;transition:opacity 300ms}.floorplan-plugin__room-part1.svelte-9vzn2f{display:flex;flex-flow:column;align-items:center;color:#fff;white-space:nowrap}.floorplan-plugin__room-area.svelte-9vzn2f{opacity:0.6;line-height:1.25;margin-top:0.125rem}");
 }
-function de(n) {
+function De(i) {
   let e, t = (
     /*userConfigElement*/
-    n[8].outerHTML + ""
-  ), l;
+    i[14].outerHTML + ""
+  ), o;
   return {
     c() {
-      e = new me(!1), l = S(), e.a = l;
+      e = new Te(!1), o = oe(), e.a = o;
     },
-    m(o, i) {
-      e.m(t, o, i), b(o, l, i);
+    m(l, m) {
+      e.m(t, l, m), h(l, o, m);
     },
-    p(o, i) {
-      i & /*userConfigElement*/
-      256 && t !== (t = /*userConfigElement*/
-      o[8].outerHTML + "") && e.p(t);
+    p(l, m) {
+      m[0] & /*userConfigElement*/
+      16384 && t !== (t = /*userConfigElement*/
+      l[14].outerHTML + "") && e.p(t);
     },
-    d(o) {
-      o && d(l), o && e.d();
+    d(l) {
+      l && g(o), l && e.d();
     }
   };
 }
-function _e(n) {
-  let e, t, l = (
+function We(i) {
+  let e, t, o, l, m, s, n = (
     /*roomNameEnable*/
-    n[1] && j(n)
-  ), o = (
+    i[1] && ee(i)
+  ), r = (
     /*roomAreaEnable*/
-    n[0] && M(n)
+    i[0] && te(i)
+  ), c = (
+    /*roomDimensionEnable*/
+    i[2] && ie(i)
   );
   return {
     c() {
-      l && l.c(), e = se(), o && o.c(), t = S();
+      e = R("div"), n && n.c(), t = $(), r && r.c(), o = $(), c && c.c(), l = oe(), E(e, "class", "floorplan-plugin__room-part1 svelte-9vzn2f"), d(
+        e,
+        "opacity",
+        /*level1_labelVisible*/
+        i[11] ? "1" : "0"
+      );
     },
-    m(i, f) {
-      l && l.m(i, f), b(i, e, f), o && o.m(i, f), b(i, t, f);
+    m(a, u) {
+      h(a, e, u), n && n.m(e, null), W(e, t), r && r.m(e, null), h(a, o, u), c && c.m(a, u), h(a, l, u), m || (s = [
+        le(fe.call(null, e)),
+        D(
+          e,
+          "clientWidth",
+          /*clientWidth_handler*/
+          i[31]
+        ),
+        D(
+          e,
+          "clientHeight",
+          /*clientHeight_handler*/
+          i[32]
+        )
+      ], m = !0);
     },
-    p(i, f) {
+    p(a, u) {
       /*roomNameEnable*/
-      i[1] ? l ? l.p(i, f) : (l = j(i), l.c(), l.m(e.parentNode, e)) : l && (l.d(1), l = null), /*roomAreaEnable*/
-      i[0] ? o ? o.p(i, f) : (o = M(i), o.c(), o.m(t.parentNode, t)) : o && (o.d(1), o = null);
+      a[1] ? n ? n.p(a, u) : (n = ee(a), n.c(), n.m(e, t)) : n && (n.d(1), n = null), /*roomAreaEnable*/
+      a[0] ? r ? r.p(a, u) : (r = te(a), r.c(), r.m(e, null)) : r && (r.d(1), r = null), u[0] & /*level1_labelVisible*/
+      2048 && d(
+        e,
+        "opacity",
+        /*level1_labelVisible*/
+        a[11] ? "1" : "0"
+      ), /*roomDimensionEnable*/
+      a[2] ? c ? c.p(a, u) : (c = ie(a), c.c(), c.m(l.parentNode, l)) : c && (c.d(1), c = null);
     },
-    d(i) {
-      l && l.d(i), i && d(e), o && o.d(i), i && d(t);
+    d(a) {
+      a && g(e), n && n.d(), r && r.d(), a && g(o), c && c.d(a), a && g(l), m = !1, ne(s);
     }
   };
 }
-function j(n) {
+function ee(i) {
   let e, t = (
     /*room*/
-    n[2].name + ""
-  ), l;
+    i[3].name + ""
+  ), o;
   return {
     c() {
-      e = I("span"), l = q(t), N(e, "class", "floorplan-plugin__room-name");
+      e = R("span"), o = F(t), E(e, "class", "floorplan-plugin__room-name");
     },
-    m(o, i) {
-      b(o, e, i), O(e, l);
+    m(l, m) {
+      h(l, e, m), W(e, o);
     },
-    p(o, i) {
-      i & /*room*/
-      4 && t !== (t = /*room*/
-      o[2].name + "") && U(l, t);
+    p(l, m) {
+      m[0] & /*room*/
+      8 && t !== (t = /*room*/
+      l[3].name + "") && M(o, t);
     },
-    d(o) {
-      o && d(e);
+    d(l) {
+      l && g(e);
     }
   };
 }
-function M(n) {
+function te(i) {
   let e, t;
   return {
     c() {
-      e = I("span"), t = q(
+      e = R("span"), t = F(
         /*roomAreaSize*/
-        n[7]
-      ), N(e, "class", "floorplan-plugin__room-size svelte-12pzct5");
+        i[13]
+      ), E(e, "class", "floorplan-plugin__room-area svelte-9vzn2f"), d(
+        e,
+        "font-size",
+        /*txtFontSize*/
+        i[18]
+      );
     },
-    m(l, o) {
-      b(l, e, o), O(e, t);
+    m(o, l) {
+      h(o, e, l), W(e, t);
     },
-    p(l, o) {
-      o & /*roomAreaSize*/
-      128 && U(
+    p(o, l) {
+      l[0] & /*roomAreaSize*/
+      8192 && M(
         t,
         /*roomAreaSize*/
-        l[7]
+        o[13]
       );
     },
-    d(l) {
-      l && d(e);
+    d(o) {
+      o && g(e);
     }
   };
 }
-function he(n) {
-  let e, t, l;
-  function o(a, c) {
+function ie(i) {
+  let e, t;
+  return {
+    c() {
+      e = R("span"), t = F(
+        /*roomDimension*/
+        i[12]
+      ), E(e, "class", "floorplan-plugin__room-size"), d(
+        e,
+        "font-size",
+        /*txtFontSize*/
+        i[18]
+      ), d(
+        e,
+        "opacity",
+        /*level2_labelVisible*/
+        i[10] ? "0.6" : "0"
+      );
+    },
+    m(o, l) {
+      h(o, e, l), W(e, t);
+    },
+    p(o, l) {
+      l[0] & /*roomDimension*/
+      4096 && M(
+        t,
+        /*roomDimension*/
+        o[12]
+      ), l[0] & /*level2_labelVisible*/
+      1024 && d(
+        e,
+        "opacity",
+        /*level2_labelVisible*/
+        o[10] ? "0.6" : "0"
+      );
+    },
+    d(o) {
+      o && g(e);
+    }
+  };
+}
+function Ae(i) {
+  let e, t, o;
+  function l(n, r) {
     if (
       /*getLabelElement*/
-      a[3] === void 0
+      n[4] === void 0
     )
-      return _e;
+      return We;
     if (
       /*userConfigElement*/
-      a[8]
+      n[14]
     )
-      return de;
+      return De;
   }
-  let i = o(n), f = i && i(n);
+  let m = l(i), s = m && m(i);
   return {
     c() {
-      e = I("div"), f && f.c(), N(e, "class", "floorplan-plugin__room-label-item svelte-12pzct5"), y(
+      e = R("div"), s && s.c(), E(e, "class", "floorplan-plugin__room-label-item svelte-9vzn2f"), d(
         e,
         "left",
         /*left*/
-        n[9]
-      ), y(
+        i[15]
+      ), d(
         e,
         "top",
         /*top*/
-        n[10]
-      ), y(
+        i[16]
+      ), d(
         e,
         "font-size",
-        /*fontSize*/
-        n[11]
-      ), y(
+        /*titleFontSize*/
+        i[17]
+      ), d(
         e,
         "opacity",
-        /*labelVisible*/
-        n[6] ? "1" : "0"
+        /*level1_labelVisible*/
+        i[11] ? "1" : "0"
+      ), d(
+        e,
+        "transform",
+        /*transformInner*/
+        i[9] ? "translate(-50%, calc(-50% + 6px))" : "translate(-50%, -50%)"
       );
     },
-    m(a, c) {
-      b(a, e, c), f && f.m(e, null), t || (l = [
-        ae(ue.call(null, e)),
-        C(
+    m(n, r) {
+      h(n, e, r), s && s.m(e, null), t || (o = [
+        le(fe.call(null, e)),
+        D(
           e,
           "clientWidth",
-          /*clientWidth_handler*/
-          n[19]
+          /*clientWidth_handler_1*/
+          i[33]
         ),
-        C(
+        D(
           e,
           "clientHeight",
-          /*clientHeight_handler*/
-          n[20]
+          /*clientHeight_handler_1*/
+          i[34]
         )
       ], t = !0);
     },
-    p(a, [c]) {
-      i === (i = o(a)) && f ? f.p(a, c) : (f && f.d(1), f = i && i(a), f && (f.c(), f.m(e, null))), c & /*labelVisible*/
-      64 && y(
+    p(n, r) {
+      m === (m = l(n)) && s ? s.p(n, r) : (s && s.d(1), s = m && m(n), s && (s.c(), s.m(e, null))), r[0] & /*level1_labelVisible*/
+      2048 && d(
         e,
         "opacity",
-        /*labelVisible*/
-        a[6] ? "1" : "0"
+        /*level1_labelVisible*/
+        n[11] ? "1" : "0"
+      ), r[0] & /*transformInner*/
+      512 && d(
+        e,
+        "transform",
+        /*transformInner*/
+        n[9] ? "translate(-50%, calc(-50% + 6px))" : "translate(-50%, -50%)"
       );
     },
-    i: V,
-    o: V,
-    d(a) {
-      a && d(e), f && f.d(), t = !1, ce(l);
+    i: x,
+    o: x,
+    d(n) {
+      n && g(e), s && s.d(), t = !1, ne(o);
     }
   };
 }
-function ye(n, e) {
-  const t = n[0], l = n[1];
-  let o = !1;
-  for (let i = 0, f = e.length - 1; i < e.length; f = i++) {
-    const a = e[i][0], c = e[i][1], g = e[f][0], _ = e[f][1];
-    c > l != _ > l && t < (g - a) * (l - c) / (_ - c) + a && (o = !o);
+function Ve(i, e) {
+  const t = i[0], o = i[1];
+  let l = !1;
+  for (let m = 0, s = e.length - 1; m < e.length; s = m++) {
+    const n = e[m][0], r = e[m][1], c = e[s][0], a = e[s][1];
+    r > o != a > o && t < (c - n) * (o - r) / (a - r) + n && (l = !l);
   }
-  return o;
+  return l;
 }
-function ge(n, e, t) {
-  let l, o, i, f, a, { pxmm: c } = e, { roomAreaEnable: g } = e, { roomNameEnable: _ } = e, { room: s } = e, { hoveredRoom: z } = e, { getRoomAreaText: H } = e, { getLabelElement: h } = e, { adaptiveRoomLabelVisibleEnable: k } = e;
-  function X(r, m) {
-    if (m.width === 0 || m.height === 0)
+function Ce(i, e, t) {
+  let o, l, m, s, n, r, c, a, u, q, O, U, { pxmm: w } = e, { roomAreaEnable: X } = e, { roomNameEnable: Y } = e, { roomDimensionEnable: B } = e, { room: b } = e, { hoveredRoom: A } = e, { getRoomAreaText: V } = e, { getRoomDimensionText: C } = e, { getLabelElement: y } = e, { adaptiveRoomLabelVisibleEnable: z } = e;
+  function G(f, _) {
+    if (_.width === 0 || _.height === 0)
       return () => !1;
-    const Q = r.path.map(({ x: W, y: u }) => [W, u]), Z = r.roomLabel.position, { x, y: $ } = Z, { width: ee, height: te } = m, p = ee / 2, R = te / 2;
-    return function(u) {
-      const E = x * u, L = $ * u, oe = Q.map(([T, ie]) => [T * u, ie * u]);
+    const _e = f.path.map(({ x: Z, y: p }) => [Z, p]), he = f.roomLabel.position, { x: ge, y: pe } = he, { width: ye, height: Re } = _, L = ye / 2, k = Re / 2;
+    return function(p) {
+      const T = ge * p, v = pe * p, Ee = _e.map(([j, we]) => [j * p, we * p]);
       return [
-        [E + p, L - R],
-        [E - p, L - R],
-        [E - p, L + R],
-        [E + p, L + R]
-      ].every((T) => ye(T, oe));
+        [T + L, v - k],
+        [T - L, v - k],
+        [T - L, v + k],
+        [T + L, v + k]
+      ].every((j) => Ve(j, Ee));
     };
   }
-  const Y = document.body.clientWidth, B = document.body.clientHeight, P = s.roomLabel, D = P.positionInImage.x * 100 + "%", F = P.positionInImage.y * 100 + "%", G = (Y < 500 || B < 500 ? 10 : 14) + "px";
-  let w = 0, A = 0, v = !1;
-  z.subscribe(function(m) {
-    t(16, v = !!m && m.id === s.id);
+  const J = document.body.clientWidth, K = document.body.clientHeight, Q = b.roomLabel, re = Q.positionInImage.x * 100 + "%", ae = Q.positionInImage.y * 100 + "%", me = (J < 500 || K < 500 ? 10 : 14) + "px", se = (J < 500 || K < 500 ? 8 : 12) + "px";
+  let I = 0, P = 0, N = 0, S = 0, H = !1;
+  A.subscribe(function(_) {
+    t(24, H = !!_ && _.id === b.id);
   });
-  const J = (r) => {
-    t(4, w = r.detail);
-  }, K = (r) => {
-    t(5, A = r.detail);
+  const ce = (f) => {
+    t(7, N = f.detail);
+  }, ue = (f) => {
+    t(8, S = f.detail);
+  }, be = (f) => {
+    t(5, I = f.detail);
+  }, de = (f) => {
+    t(6, P = f.detail);
   };
-  return n.$$set = (r) => {
-    "pxmm" in r && t(12, c = r.pxmm), "roomAreaEnable" in r && t(0, g = r.roomAreaEnable), "roomNameEnable" in r && t(1, _ = r.roomNameEnable), "room" in r && t(2, s = r.room), "hoveredRoom" in r && t(13, z = r.hoveredRoom), "getRoomAreaText" in r && t(14, H = r.getRoomAreaText), "getLabelElement" in r && t(3, h = r.getLabelElement), "adaptiveRoomLabelVisibleEnable" in r && t(15, k = r.adaptiveRoomLabelVisibleEnable);
-  }, n.$$.update = () => {
-    n.$$.dirty & /*getLabelElement, room*/
-    12 && t(8, l = h == null ? void 0 : h(s)), n.$$.dirty & /*room, getRoomAreaText*/
-    16388 && t(7, o = s.size ? H(s.size) : ""), n.$$.dirty & /*clientWidth, clientHeight*/
-    48 && t(18, i = { width: w, height: A }), n.$$.dirty & /*labelElementSize, room*/
-    262148 && t(17, f = i ? X(s, i) : void 0), n.$$.dirty & /*adaptiveRoomLabelVisibleEnable, isHovered, isLabelInRoom, pxmm*/
-    233472 && t(6, a = k ? v ? !0 : !!(f != null && f(c)) : !0);
+  return i.$$set = (f) => {
+    "pxmm" in f && t(19, w = f.pxmm), "roomAreaEnable" in f && t(0, X = f.roomAreaEnable), "roomNameEnable" in f && t(1, Y = f.roomNameEnable), "roomDimensionEnable" in f && t(2, B = f.roomDimensionEnable), "room" in f && t(3, b = f.room), "hoveredRoom" in f && t(20, A = f.hoveredRoom), "getRoomAreaText" in f && t(21, V = f.getRoomAreaText), "getRoomDimensionText" in f && t(22, C = f.getRoomDimensionText), "getLabelElement" in f && t(4, y = f.getLabelElement), "adaptiveRoomLabelVisibleEnable" in f && t(23, z = f.adaptiveRoomLabelVisibleEnable);
+  }, i.$$.update = () => {
+    var f, _;
+    i.$$.dirty[0] & /*getLabelElement, room*/
+    24 && t(14, o = y == null ? void 0 : y(b)), i.$$.dirty[0] & /*room, getRoomAreaText*/
+    2097160 && t(13, l = b.size ? V(b.size) : ""), i.$$.dirty[0] & /*room, getRoomDimensionText*/
+    4194312 && t(12, m = b != null && b.dimension ? C((f = b.dimension) == null ? void 0 : f.width, (_ = b.dimension) == null ? void 0 : _.height) : ""), i.$$.dirty[0] & /*clientWidth, clientHeight*/
+    384 && t(30, s = { width: N, height: S }), i.$$.dirty[0] & /*labelElementSize, room*/
+    1073741832 && t(29, n = s ? G(b, s) : void 0), i.$$.dirty[0] & /*adaptiveRoomLabelVisibleEnable, isLabelInRoom, pxmm*/
+    545783808 && t(26, r = z ? !!(n != null && n(w)) : !0), i.$$.dirty[0] & /*wrapperClientWidth, wrapperClientHeight*/
+    96 && t(28, c = {
+      width: I,
+      height: P
+    }), i.$$.dirty[0] & /*wrapperLabelElementSize, room*/
+    268435464 && t(27, a = c ? G(b, c) : void 0), i.$$.dirty[0] & /*adaptiveRoomLabelVisibleEnable, isAllLabelInRoom, pxmm*/
+    143130624 && t(25, u = z ? !!(a != null && a(w)) : !0), i.$$.dirty[0] & /*labelVisible, isHovered*/
+    83886080 && t(11, q = r || H), i.$$.dirty[0] & /*allLabelVisible, isHovered*/
+    50331648 && t(10, O = u || H), i.$$.dirty[0] & /*labelVisible, allLabelVisible*/
+    100663296 && t(9, U = r && !u);
   }, [
-    g,
-    _,
-    s,
-    h,
+    X,
+    Y,
+    B,
+    b,
+    y,
+    I,
+    P,
+    N,
+    S,
+    U,
+    O,
+    q,
+    m,
+    l,
+    o,
+    re,
+    ae,
+    me,
+    se,
     w,
     A,
-    a,
-    o,
-    l,
-    D,
-    F,
-    G,
-    c,
+    V,
+    C,
     z,
     H,
-    k,
-    v,
-    f,
-    i,
-    J,
-    K
+    u,
+    r,
+    a,
+    c,
+    n,
+    s,
+    ce,
+    ue,
+    be,
+    de
   ];
 }
-class Le extends le {
+class Se extends ze {
   constructor(e) {
-    super(), ne(
+    super(), He(
       this,
       e,
-      ge,
-      he,
-      fe,
+      Ce,
+      Ae,
+      Le,
       {
-        pxmm: 12,
+        pxmm: 19,
         roomAreaEnable: 0,
         roomNameEnable: 1,
-        room: 2,
-        hoveredRoom: 13,
-        getRoomAreaText: 14,
-        getLabelElement: 3,
-        adaptiveRoomLabelVisibleEnable: 15
+        roomDimensionEnable: 2,
+        room: 3,
+        hoveredRoom: 20,
+        getRoomAreaText: 21,
+        getRoomDimensionText: 22,
+        getLabelElement: 4,
+        adaptiveRoomLabelVisibleEnable: 23
       },
-      be
+      ve,
+      [-1, -1]
     );
   }
 }
 export {
-  Le as RoomLabel
+  Se as RoomLabel
 };