@realsee/dnalogel 2.0.0-alpha.14 → 2.0.0-alpha.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/ModelItemLabelPlugin/index.js +77 -100
  3. package/dist/ModelItemLabelPlugin/typings.d.ts +2 -2
  4. package/dist/ModelRoomLabelPlugin/index.js +7 -6
  5. package/dist/PanoSpatialTagPlugin/index.js +11 -11
  6. package/dist/floorplan/ModelFloorplanPlugin/index.js +37 -38
  7. package/dist/floorplan/PanoFloorplanRadarPlugin/index.js +23 -24
  8. package/dist/floorplan/TopviewFloorplanPlugin/index.js +37 -38
  9. package/dist/index.es.js +143 -166
  10. package/dist/index.js +143 -166
  11. package/dist/index.umd.js +143 -166
  12. package/docs/classes/ModelRoomLabelController.html +6 -6
  13. package/docs/enums/FLOOR_PLAN_ATTACHED_TO.html +1 -1
  14. package/docs/enums/ModelFloorplanErrorType.html +1 -1
  15. package/docs/interfaces/LineJson.html +1 -1
  16. package/docs/interfaces/ModelChassisCompassPluginData.html +1 -1
  17. package/docs/interfaces/ModelChassisCompassPluginExportType.html +1 -1
  18. package/docs/interfaces/ModelChassisCompassPluginParameterType.html +1 -1
  19. package/docs/interfaces/ModelEntryDoorGuidePluginData.html +1 -1
  20. package/docs/interfaces/ModelEntryDoorGuidePluginExportType.html +1 -1
  21. package/docs/interfaces/ModelFloorplanParameterType.html +1 -1
  22. package/docs/interfaces/ModelFloorplanViewEvent.html +2 -2
  23. package/docs/interfaces/ModelItemLabelPluginData.html +1 -1
  24. package/docs/interfaces/ModelItemLabelPluginExportReturnsType.html +1 -1
  25. package/docs/interfaces/ModelItemLabelPluginParametersType.html +1 -1
  26. package/docs/interfaces/ModelRoomLabelPluginData.html +1 -1
  27. package/docs/interfaces/ModelTVVideoPluginData.html +1 -1
  28. package/docs/interfaces/ModelTVVideoPluginExportType.html +1 -1
  29. package/docs/interfaces/ModelTVVideoPluginParameterType.html +1 -1
  30. package/docs/interfaces/PanoCompassPluginData.html +1 -1
  31. package/docs/interfaces/PanoCompassPluginParameterType.html +1 -1
  32. package/docs/interfaces/PanoCursorRaycasterPluginExportType.html +6 -6
  33. package/docs/interfaces/PanoRulerPluginExportType.html +1 -1
  34. package/docs/interfaces/PanoRulerPluginOptions.html +1 -1
  35. package/docs/interfaces/PanoRulerPluginParameterType.html +1 -1
  36. package/docs/interfaces/PanoSpatialTagPluginData.html +1 -1
  37. package/docs/interfaces/PanoSpatialTagPluginExportType.html +1 -1
  38. package/docs/interfaces/PanoSpatialTagPluginParameterType.html +1 -1
  39. package/docs/interfaces/PointJson.html +1 -1
  40. package/docs/interfaces/RoomLabel.html +7 -7
  41. package/docs/interfaces/TopviewFloorplanPluginParameterType.html +1 -1
  42. package/docs/modules.html +12 -12
  43. package/libs/ModelItemLabelPlugin/ItemLabelComponent.js +48 -61
  44. package/libs/ModelItemLabelPlugin/index.js +2 -66
  45. package/libs/ModelItemLabelPlugin/typings.d.ts +2 -2
  46. package/libs/ModelItemLabelPlugin/typings.js +1 -0
  47. package/libs/ModelRoomLabelPlugin/Controller.js +1 -0
  48. package/package.json +4 -1
package/dist/index.js CHANGED
@@ -505,7 +505,7 @@ const ROOM_LABEL_BG = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAA8CAY
505
505
  /* src/ModelRoomLabelPlugin/RoomLabelItem.svelte generated by Svelte v3.47.0 */
506
506
 
507
507
  function add_css$l(target) {
508
- internal.append_styles(target, "svelte-17nkflf", ".room-label-item.svelte-17nkflf{position:absolute;font-size:8px;z-index:0;transform:none;cursor:pointer;pointer-events:none;user-select:none}.room-label-item__text.svelte-17nkflf{position:absolute;left:0;top:-64px;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;height:20px;min-width:32px;padding:0 6px;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-17nkflf{position:absolute;top:-44px;height:48px;width:1px;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}.wide.svelte-17nkflf{font-size:10px}");
508
+ internal.append_styles(target, "svelte-1ak9fbs", ".room-label-item.svelte-1ak9fbs{position:absolute;font-size:0.41667rem;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.room-label-item__text.svelte-1ak9fbs{position:absolute;left:0;top:-3.33333rem;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;height:1.04167rem;min-width:1.66667rem;padding:0 0.3125rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-1ak9fbs{position:absolute;top:-2.29167rem;height:2.5rem;width:1px;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}.wide.svelte-1ak9fbs{font-size:0.52083rem}");
509
509
  }
510
510
 
511
511
  function create_fragment$q(ctx) {
@@ -525,11 +525,11 @@ function create_fragment$q(ctx) {
525
525
  t0 = internal.text(t0_value);
526
526
  t1 = internal.space();
527
527
  div0 = internal.element("div");
528
- internal.attr(span, "class", "room-label-item__text svelte-17nkflf");
528
+ internal.attr(span, "class", "room-label-item__text svelte-1ak9fbs");
529
529
  internal.set_style(span, "background-image", "url(" + ROOM_LABEL_BG + ")");
530
530
  internal.toggle_class(span, "wide", /*roomLabel*/ ctx[0].name.length > 3);
531
- internal.attr(div0, "class", "room-label-item__bar svelte-17nkflf");
532
- internal.attr(div1, "class", "room-label-item svelte-17nkflf");
531
+ internal.attr(div0, "class", "room-label-item__bar svelte-1ak9fbs");
532
+ internal.attr(div1, "class", "room-label-item svelte-1ak9fbs");
533
533
  internal.set_style(div1, "z-index", /*roomLabel*/ ctx[0].zIndex, false);
534
534
  internal.set_style(div1, "transform", /*roomLabel*/ ctx[0].transform, false);
535
535
  internal.set_style(div1, "opacity", /*roomLabel*/ ctx[0].visible ? 1 : 0, false);
@@ -605,7 +605,7 @@ class RoomLabelItem extends internal.SvelteComponent {
605
605
  /* src/ModelRoomLabelPlugin/RoomLabelItems.svelte generated by Svelte v3.47.0 */
606
606
 
607
607
  function add_css$k(target) {
608
- internal.append_styles(target, "svelte-185yvaa", ".room-labels-container.svelte-185yvaa{width:100%;height:100%;position:relative;color:#fff}");
608
+ internal.append_styles(target, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
609
609
  }
610
610
 
611
611
  function get_each_context$8(ctx, list, i) {
@@ -686,7 +686,7 @@ function create_fragment$p(ctx) {
686
686
  each_blocks[i].c();
687
687
  }
688
688
 
689
- internal.attr(div, "class", "room-labels-container svelte-185yvaa");
689
+ internal.attr(div, "class", "room-labels-container svelte-9eg4zi");
690
690
  internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[4].call(div));
691
691
  },
692
692
  m(target, anchor) {
@@ -919,6 +919,7 @@ class ModelRoomLabelController {
919
919
  this.container.style.pointerEvents = 'none';
920
920
  this.container.style.left = '0';
921
921
  this.container.style.top = '0';
922
+ this.container.style.zIndex = '5';
922
923
  // five listener
923
924
  this.five.once('dispose', () => this.dispose());
924
925
  this.five.on('modeChange', this.onFiveModeChange);
@@ -1253,7 +1254,7 @@ function rad2Deg$1(rad) {
1253
1254
  /* src/floorplan/ModelFloorplanPlugin/Components/Camera.svelte generated by Svelte v3.47.0 */
1254
1255
 
1255
1256
  function add_css$j(target) {
1256
- internal.append_styles(target, "svelte-e8a2kn", ".floorplan__camera-position.svelte-e8a2kn{position:absolute;width:0;height:0}.floorplan__camera-rotate.svelte-e8a2kn{position:absolute;background-repeat:no-repeat;background-size:100%}");
1257
+ internal.append_styles(target, "svelte-17cl35n", ".floorplan__camera-position.svelte-17cl35n{position:absolute;width:0;height:0}.floorplan__camera-rotate.svelte-17cl35n{position:absolute;background-repeat:no-repeat;background-size:100%}");
1257
1258
  }
1258
1259
 
1259
1260
  function create_fragment$o(ctx) {
@@ -1264,7 +1265,7 @@ function create_fragment$o(ctx) {
1264
1265
  c() {
1265
1266
  div1 = internal.element("div");
1266
1267
  div0 = internal.element("div");
1267
- internal.attr(div0, "class", "floorplan__camera-rotate svelte-e8a2kn");
1268
+ internal.attr(div0, "class", "floorplan__camera-rotate svelte-17cl35n");
1268
1269
  internal.set_style(div0, "background-image", `url(${/*cameraImageUrl*/ ctx[0] || CAMERA_IMAGE})`);
1269
1270
  internal.set_style(div0, "width", /*domSizeStyle*/ ctx[4], false);
1270
1271
  internal.set_style(div0, "height", /*domSizeStyle*/ ctx[4], false);
@@ -1272,7 +1273,7 @@ function create_fragment$o(ctx) {
1272
1273
  internal.set_style(div0, "top", '-' + /*domSizeStyle*/ ctx[4], false);
1273
1274
  internal.set_style(div0, "transform", `rotate(${/*rotate*/ ctx[3]}deg)`, false);
1274
1275
  internal.set_style(div0, "transform-origin", `${/*domSizeStyle*/ ctx[4]} ${/*domSizeStyle*/ ctx[4]}`, false);
1275
- internal.attr(div1, "class", "floorplan__camera-position svelte-e8a2kn");
1276
+ internal.attr(div1, "class", "floorplan__camera-position svelte-17cl35n");
1276
1277
  internal.set_style(div1, "left", /*positionLeft*/ ctx[1], false);
1277
1278
  internal.set_style(div1, "top", /*positionTop*/ ctx[2], false);
1278
1279
  },
@@ -1358,7 +1359,7 @@ const COMPASS_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArUAAAB7CAM
1358
1359
  /* src/floorplan/ModelFloorplanPlugin/Components/Compass.svelte generated by Svelte v3.47.0 */
1359
1360
 
1360
1361
  function add_css$i(target) {
1361
- internal.append_styles(target, "svelte-5l80pv", ".floorplan-plugin__compass.svelte-5l80pv{position:absolute;left:50%;top:-46px;width:231px;height:41px;will-change:opacity;transform-origin:center 184px}.floorplan-plugin__compass-image.svelte-5l80pv{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.1;background-repeat:no-repeat;background-size:100% 100%}.floorplan-plugin__compass-text.svelte-5l80pv{position:absolute;left:50%;top:15px;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:10px;color:#fff}");
1362
+ internal.append_styles(target, "svelte-1q44ru9", ".floorplan-plugin__compass.svelte-1q44ru9{position:absolute;left:50%;top:-2.39583rem;width:12.03125rem;height:2.13542rem;will-change:opacity;transform-origin:center 9.58333rem}.floorplan-plugin__compass-image.svelte-1q44ru9{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.1;background-repeat:no-repeat;background-size:100% 100%}.floorplan-plugin__compass-text.svelte-1q44ru9{position:absolute;left:50%;top:0.78125rem;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:0.52083rem;color:#fff}");
1362
1363
  }
1363
1364
 
1364
1365
  // (13:0) {#if northRad}
@@ -1376,10 +1377,10 @@ function create_if_block$8(ctx) {
1376
1377
  t0 = internal.space();
1377
1378
  span = internal.element("span");
1378
1379
  t1 = internal.text(/*northDesc*/ ctx[0]);
1379
- internal.attr(div0, "class", "floorplan-plugin__compass-image svelte-5l80pv");
1380
+ internal.attr(div0, "class", "floorplan-plugin__compass-image svelte-1q44ru9");
1380
1381
  internal.set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
1381
- internal.attr(span, "class", "floorplan-plugin__compass-text svelte-5l80pv");
1382
- internal.attr(div1, "class", "floorplan-plugin__compass svelte-5l80pv");
1382
+ internal.attr(span, "class", "floorplan-plugin__compass-text svelte-1q44ru9");
1383
+ internal.attr(div1, "class", "floorplan-plugin__compass svelte-1q44ru9");
1383
1384
  internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[2], false);
1384
1385
  },
1385
1386
  m(target, anchor) {
@@ -1457,7 +1458,7 @@ class Compass extends internal.SvelteComponent {
1457
1458
  /* src/floorplan/ModelFloorplanPlugin/Components/RoomLabels/RoomLabel.svelte generated by Svelte v3.47.0 */
1458
1459
 
1459
1460
  function add_css$h(target) {
1460
- internal.append_styles(target, "svelte-1ashbdx", ".floorplan-plugin__room-label-item.svelte-1ashbdx{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:15px;color:#fff;transform:translate(-50%, -50%);white-space:nowrap}.floorplan-plugin__room-size.svelte-1ashbdx{opacity:0.45}");
1461
+ internal.append_styles(target, "svelte-i2nwuk", ".floorplan-plugin__room-label-item.svelte-i2nwuk{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:0.78125rem;color:#fff;transform:translate(-50%, -50%);white-space:nowrap}.floorplan-plugin__room-size.svelte-i2nwuk{opacity:0.45}");
1461
1462
  }
1462
1463
 
1463
1464
  // (22:30)
@@ -1502,7 +1503,7 @@ function create_if_block$7(ctx) {
1502
1503
  span1 = internal.element("span");
1503
1504
  span1.textContent = `${/*roomSizeDes*/ ctx[3]}`;
1504
1505
  internal.attr(span0, "class", "floorplan-plugin__room-name");
1505
- internal.attr(span1, "class", "floorplan-plugin__room-size svelte-1ashbdx");
1506
+ internal.attr(span1, "class", "floorplan-plugin__room-size svelte-i2nwuk");
1506
1507
  },
1507
1508
  m(target, anchor) {
1508
1509
  internal.insert(target, span0, anchor);
@@ -1536,7 +1537,7 @@ function create_fragment$m(ctx) {
1536
1537
  c() {
1537
1538
  div = internal.element("div");
1538
1539
  if (if_block) if_block.c();
1539
- internal.attr(div, "class", "floorplan-plugin__room-label-item svelte-1ashbdx");
1540
+ internal.attr(div, "class", "floorplan-plugin__room-label-item svelte-i2nwuk");
1540
1541
  internal.set_style(div, "left", /*left*/ ctx[4], false);
1541
1542
  internal.set_style(div, "top", /*top*/ ctx[5], false);
1542
1543
  internal.set_style(div, "font-size", /*fontSize*/ ctx[6], false);
@@ -1611,7 +1612,7 @@ class RoomLabel extends internal.SvelteComponent {
1611
1612
  /* src/floorplan/ModelFloorplanPlugin/Components/RoomLabels/RoomLabels.svelte generated by Svelte v3.47.0 */
1612
1613
 
1613
1614
  function add_css$g(target) {
1614
- internal.append_styles(target, "svelte-sw25w3", ".floorplan-plugin__room-labels.svelte-sw25w3{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20}");
1615
+ internal.append_styles(target, "svelte-vkeyjz", ".floorplan-plugin__room-labels.svelte-vkeyjz{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20}");
1615
1616
  }
1616
1617
 
1617
1618
  function get_each_context$7(ctx, list, i) {
@@ -1643,7 +1644,7 @@ function create_if_block$6(ctx) {
1643
1644
  each_blocks[i].c();
1644
1645
  }
1645
1646
 
1646
- internal.attr(div, "class", "floorplan-plugin__room-labels svelte-sw25w3");
1647
+ internal.attr(div, "class", "floorplan-plugin__room-labels svelte-vkeyjz");
1647
1648
  },
1648
1649
  m(target, anchor) {
1649
1650
  internal.insert(target, div, anchor);
@@ -1863,7 +1864,7 @@ function notNil(value) {
1863
1864
  /* src/floorplan/ModelFloorplanPlugin/Components/RuleLabels/RuleItem.svelte generated by Svelte v3.47.0 */
1864
1865
 
1865
1866
  function add_css$f(target) {
1866
- internal.append_styles(target, "svelte-1rr09in", ".floorplan-plugin__rule-labels.svelte-1rr09in{position:absolute;height:5px;display:flex;align-items:center}.floorplan-plugin__rule-labels-top.svelte-1rr09in{left:0;top:0}.floorplan-plugin__rule-labels-bottom.svelte-1rr09in{left:0;bottom:0}.floorplan-plugin__rule-labels-left.svelte-1rr09in{bottom:0;left:0}.floorplan-plugin__rule-labels-right.svelte-1rr09in{bottom:0;right:0}.floorplan-plugin__rule-line.svelte-1rr09in{background:#fff;opacity:0.05;width:100%;height:1px}.floorplan-plugin__rule-scale.svelte-1rr09in{position:absolute;background:#fff;opacity:0.05;transform-origin:center;width:1px;height:5px}.floorplan-plugin__text-wrapper.svelte-1rr09in{width:0;height:0;position:absolute}.floorplan-plugin__text-wrapper.floorplan-plugin__text-wrapper--is-left-or-top.svelte-1rr09in{top:10px}.floorplan-plugin__text-wrapper.floorplan-plugin__text-wrapper-is-right-or-bottom.svelte-1rr09in{bottom:10px}.floorplan-plugin__rule-text.svelte-1rr09in{position:absolute;width:max-content;display:block;transform:translate(-50%, -50%) rotate(180deg);font-size:10px;color:#fff;opacity:0.2}.floorplan-plugin__rule-text.is-row.svelte-1rr09in{transform:translate(-50%, -50%)}");
1867
+ internal.append_styles(target, "svelte-1d5a0k4", ".floorplan-plugin__rule-labels.svelte-1d5a0k4{position:absolute;height:0.26042rem;display:flex;align-items:center}.floorplan-plugin__rule-labels-top.svelte-1d5a0k4{left:0;top:0}.floorplan-plugin__rule-labels-bottom.svelte-1d5a0k4{left:0;bottom:0}.floorplan-plugin__rule-labels-left.svelte-1d5a0k4{bottom:0;left:0}.floorplan-plugin__rule-labels-right.svelte-1d5a0k4{bottom:0;right:0}.floorplan-plugin__rule-line.svelte-1d5a0k4{background:#fff;opacity:0.05;width:100%;height:1px}.floorplan-plugin__rule-scale.svelte-1d5a0k4{position:absolute;background:#fff;opacity:0.05;transform-origin:center;width:1px;height:0.26042rem}.floorplan-plugin__text-wrapper.svelte-1d5a0k4{width:0;height:0;position:absolute}.floorplan-plugin__text-wrapper.floorplan-plugin__text-wrapper--is-left-or-top.svelte-1d5a0k4{top:0.52083rem}.floorplan-plugin__text-wrapper.floorplan-plugin__text-wrapper-is-right-or-bottom.svelte-1d5a0k4{bottom:0.52083rem}.floorplan-plugin__rule-text.svelte-1d5a0k4{position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;display:block;transform:translate(-50%, -50%) rotate(180deg);font-size:0.52083rem;color:#fff;opacity:0.2}.floorplan-plugin__rule-text.is-row.svelte-1d5a0k4{transform:translate(-50%, -50%)}");
1867
1868
  }
1868
1869
 
1869
1870
  function get_each_context$6(ctx, list, i) {
@@ -1890,7 +1891,7 @@ function create_each_block_1(key_1, ctx) {
1890
1891
  first: null,
1891
1892
  c() {
1892
1893
  div = internal.element("div");
1893
- internal.attr(div, "class", "floorplan-plugin__rule-scale svelte-1rr09in");
1894
+ internal.attr(div, "class", "floorplan-plugin__rule-scale svelte-1d5a0k4");
1894
1895
  internal.set_style(div, "left", style_left, false);
1895
1896
  this.first = div;
1896
1897
  },
@@ -1923,9 +1924,9 @@ function create_each_block$6(key_1, ctx) {
1923
1924
  span = internal.element("span");
1924
1925
  t0 = internal.text(t0_value);
1925
1926
  t1 = internal.space();
1926
- internal.attr(span, "class", "floorplan-plugin__rule-text svelte-1rr09in");
1927
+ internal.attr(span, "class", "floorplan-plugin__rule-text svelte-1d5a0k4");
1927
1928
  internal.toggle_class(span, "is-row", /*isRow*/ ctx[5]);
1928
- internal.attr(div, "class", "floorplan-plugin__text-wrapper svelte-1rr09in");
1929
+ internal.attr(div, "class", "floorplan-plugin__text-wrapper svelte-1d5a0k4");
1929
1930
  internal.toggle_class(div, "floorplan-plugin__text-wrapper--is-left-or-top", /*isLeft*/ ctx[3] || /*isTop*/ ctx[1]);
1930
1931
  internal.toggle_class(div, "floorplan-plugin__text-wrapper-is-right-or-bottom", /*isRight*/ ctx[4] || /*isBottom*/ ctx[2]);
1931
1932
  internal.set_style(div, "left", style_left, false);
@@ -1990,8 +1991,8 @@ function create_fragment$k(ctx) {
1990
1991
  each_blocks[i].c();
1991
1992
  }
1992
1993
 
1993
- internal.attr(div0, "class", "floorplan-plugin__rule-line svelte-1rr09in");
1994
- internal.attr(div1, "class", div1_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels-" + /*type*/ ctx[0] + " svelte-1rr09in");
1994
+ internal.attr(div0, "class", "floorplan-plugin__rule-line svelte-1d5a0k4");
1995
+ internal.attr(div1, "class", div1_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels-" + /*type*/ ctx[0] + " svelte-1d5a0k4");
1995
1996
  internal.set_style(div1, "width", /*width*/ ctx[9], false);
1996
1997
  internal.set_style(div1, "transform", /*transform*/ ctx[7], false);
1997
1998
  internal.set_style(div1, "transform-origin", /*transformOrigin*/ ctx[8], false);
@@ -2022,7 +2023,7 @@ function create_fragment$k(ctx) {
2022
2023
  each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key_1, 1, ctx, each_value, each1_lookup, div1, internal.destroy_block, create_each_block$6, null, get_each_context$6);
2023
2024
  }
2024
2025
 
2025
- if (dirty & /*type*/ 1 && div1_class_value !== (div1_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels-" + /*type*/ ctx[0] + " svelte-1rr09in")) {
2026
+ if (dirty & /*type*/ 1 && div1_class_value !== (div1_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels-" + /*type*/ ctx[0] + " svelte-1d5a0k4")) {
2026
2027
  internal.attr(div1, "class", div1_class_value);
2027
2028
  }
2028
2029
  },
@@ -2338,7 +2339,7 @@ class RuleLabels extends internal.SvelteComponent {
2338
2339
  /* src/floorplan/Components/Normalmage.svelte generated by Svelte v3.47.0 */
2339
2340
 
2340
2341
  function add_css$e(target) {
2341
- internal.append_styles(target, "svelte-1cuuebb", "img.svelte-1cuuebb{width:100%;height:100%}");
2342
+ internal.append_styles(target, "svelte-1gfoniz", "img.svelte-1gfoniz{width:100%;height:100%}");
2342
2343
  }
2343
2344
 
2344
2345
  function create_fragment$i(ctx) {
@@ -2350,7 +2351,7 @@ function create_fragment$i(ctx) {
2350
2351
  img = internal.element("img");
2351
2352
  if (!internal.src_url_equal(img.src, img_src_value = /*url*/ ctx[0])) internal.attr(img, "src", img_src_value);
2352
2353
  internal.attr(img, "alt", "floorplan iamge");
2353
- internal.attr(img, "class", "svelte-1cuuebb");
2354
+ internal.attr(img, "class", "svelte-1gfoniz");
2354
2355
  },
2355
2356
  m(target, anchor) {
2356
2357
  internal.insert(target, img, anchor);
@@ -2388,7 +2389,7 @@ class Normalmage extends internal.SvelteComponent {
2388
2389
  /* src/floorplan/Components/SvgImage.svelte generated by Svelte v3.47.0 */
2389
2390
 
2390
2391
  function add_css$d(target) {
2391
- internal.append_styles(target, "svelte-1qqy56u", ".floorplan-plugin__base-image.svelte-1qqy56u{width:100%;height:100%}");
2392
+ internal.append_styles(target, "svelte-ub47ya", ".floorplan-plugin__base-image.svelte-ub47ya{width:100%;height:100%}");
2392
2393
  }
2393
2394
 
2394
2395
  function create_fragment$h(ctx) {
@@ -2405,7 +2406,7 @@ function create_fragment$h(ctx) {
2405
2406
  html_tag_1 = new internal.HtmlTag();
2406
2407
  html_tag.a = t;
2407
2408
  html_tag_1.a = null;
2408
- internal.attr(div, "class", "floorplan-plugin__base-image svelte-1qqy56u");
2409
+ internal.attr(div, "class", "floorplan-plugin__base-image svelte-ub47ya");
2409
2410
  },
2410
2411
  m(target, anchor) {
2411
2412
  internal.insert(target, div, anchor);
@@ -2435,8 +2436,7 @@ function instance$h($$self, $$props, $$invalidate) {
2435
2436
  }
2436
2437
  svg [type='lineItemGroup'] g g g g {
2437
2438
  stroke: #ffffff;
2438
- }
2439
- </style>
2439
+ }</style>
2440
2440
  `;
2441
2441
 
2442
2442
  $$self.$$set = $$props => {
@@ -2456,7 +2456,7 @@ class SvgImage extends internal.SvelteComponent {
2456
2456
  /* src/floorplan/Components/BaseImage.svelte generated by Svelte v3.47.0 */
2457
2457
 
2458
2458
  function add_css$c(target) {
2459
- internal.append_styles(target, "svelte-126ja8e", ".floorplan-plugin__base-image.svelte-126ja8e{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
2459
+ internal.append_styles(target, "svelte-ozpg4a", ".floorplan-plugin__base-image.svelte-ozpg4a{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
2460
2460
  }
2461
2461
 
2462
2462
  // (13:22)
@@ -2552,7 +2552,7 @@ function create_fragment$g(ctx) {
2552
2552
  c() {
2553
2553
  div = internal.element("div");
2554
2554
  if (if_block) if_block.c();
2555
- internal.attr(div, "class", "floorplan-plugin__base-image svelte-126ja8e");
2555
+ internal.attr(div, "class", "floorplan-plugin__base-image svelte-ozpg4a");
2556
2556
  },
2557
2557
  m(target, anchor) {
2558
2558
  internal.insert(target, div, anchor);
@@ -2921,7 +2921,7 @@ class RoomMaterial_2 extends internal.SvelteComponent {
2921
2921
  /* src/floorplan/Components/RoomMaterials/RoomMaterial.svelte generated by Svelte v3.47.0 */
2922
2922
 
2923
2923
  function add_css$b(target) {
2924
- internal.append_styles(target, "svelte-1b0icjc", "svg.svelte-1b0icjc{position:absolute;width:100%;height:100%;overflow:visible}");
2924
+ internal.append_styles(target, "svelte-1d4xj70", "svg.svelte-1d4xj70{position:absolute;width:100%;height:100%;overflow:visible}");
2925
2925
  }
2926
2926
 
2927
2927
  function get_each_context$4(ctx, list, i) {
@@ -3054,7 +3054,7 @@ function create_each_block$4(ctx) {
3054
3054
  c() {
3055
3055
  svg = internal.svg_element("svg");
3056
3056
  if_block.c();
3057
- internal.attr(svg, "class", "svelte-1b0icjc");
3057
+ internal.attr(svg, "class", "svelte-1d4xj70");
3058
3058
  },
3059
3059
  m(target, anchor) {
3060
3060
  internal.insert(target, svg, anchor);
@@ -3223,7 +3223,7 @@ class RoomMaterial extends internal.SvelteComponent {
3223
3223
  /* src/floorplan/Components/RoomHighlight/Room.svelte generated by Svelte v3.47.0 */
3224
3224
 
3225
3225
  function add_css$a(target) {
3226
- internal.append_styles(target, "svelte-11takew", "path.svelte-11takew{opacity:0}path.svelte-11takew:hover{opacity:0.1}");
3226
+ internal.append_styles(target, "svelte-19uvvss", "path.svelte-19uvvss{opacity:0}path.svelte-19uvvss:hover{opacity:0.1}");
3227
3227
  }
3228
3228
 
3229
3229
  function create_fragment$b(ctx) {
@@ -3234,7 +3234,7 @@ function create_fragment$b(ctx) {
3234
3234
  path = internal.svg_element("path");
3235
3235
  internal.attr(path, "d", /*_pathD*/ ctx[0]);
3236
3236
  internal.attr(path, "fill", `#fff`);
3237
- internal.attr(path, "class", "svelte-11takew");
3237
+ internal.attr(path, "class", "svelte-19uvvss");
3238
3238
  },
3239
3239
  m(target, anchor) {
3240
3240
  internal.insert(target, path, anchor);
@@ -3278,7 +3278,7 @@ class Room extends internal.SvelteComponent {
3278
3278
  /* src/floorplan/Components/RoomHighlight/RoomHighlight.svelte generated by Svelte v3.47.0 */
3279
3279
 
3280
3280
  function add_css$9(target) {
3281
- internal.append_styles(target, "svelte-1aais5l", ".floorplan-plugin__room-highlight.svelte-1aais5l{position:absolute;width:100%;height:100%;pointer-events:all}svg.svelte-1aais5l{width:100%;height:100%;overflow:visible}");
3281
+ internal.append_styles(target, "svelte-klfhwd", ".floorplan-plugin__room-highlight.svelte-klfhwd{position:absolute;width:100%;height:100%;pointer-events:all}svg.svelte-klfhwd{width:100%;height:100%;overflow:visible}");
3282
3282
  }
3283
3283
 
3284
3284
  function get_each_context$3(ctx, list, i) {
@@ -3380,8 +3380,8 @@ function create_fragment$a(ctx) {
3380
3380
  each_blocks[i].c();
3381
3381
  }
3382
3382
 
3383
- internal.attr(svg, "class", "svelte-1aais5l");
3384
- internal.attr(div, "class", "floorplan-plugin__room-highlight svelte-1aais5l");
3383
+ internal.attr(svg, "class", "svelte-klfhwd");
3384
+ internal.attr(div, "class", "floorplan-plugin__room-highlight svelte-klfhwd");
3385
3385
  internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[10].call(div));
3386
3386
  },
3387
3387
  m(target, anchor) {
@@ -3537,7 +3537,7 @@ class RoomHighlight extends internal.SvelteComponent {
3537
3537
  /* src/floorplan/ModelFloorplanPlugin/Components/CurrentFloor/CurrentFloor.svelte generated by Svelte v3.47.0 */
3538
3538
 
3539
3539
  function add_css$8(target) {
3540
- internal.append_styles(target, "svelte-3pdgs4", ".floorplan-current-floor.svelte-3pdgs4{position:relative;width:100%;height:100%}");
3540
+ internal.append_styles(target, "svelte-tlo7rk", ".floorplan-current-floor.svelte-tlo7rk{position:relative;width:100%;height:100%}");
3541
3541
  }
3542
3542
 
3543
3543
  // (19:2) {#if hoverEnable}
@@ -3771,7 +3771,7 @@ function create_fragment$9(ctx) {
3771
3771
  if (if_block1) if_block1.c();
3772
3772
  t3 = internal.space();
3773
3773
  if (if_block2) if_block2.c();
3774
- internal.attr(div, "class", "floorplan-current-floor svelte-3pdgs4");
3774
+ internal.attr(div, "class", "floorplan-current-floor svelte-tlo7rk");
3775
3775
  },
3776
3776
  m(target, anchor) {
3777
3777
  internal.insert(target, div, anchor);
@@ -3972,7 +3972,7 @@ class CurrentFloor$1 extends internal.SvelteComponent {
3972
3972
  /* src/floorplan/ModelFloorplanPlugin/Components/Main.svelte generated by Svelte v3.47.0 */
3973
3973
 
3974
3974
  function add_css$7(target) {
3975
- internal.append_styles(target, "svelte-177x2q7", ".floorplan-main.svelte-177x2q7{width:100%;height:100%}");
3975
+ internal.append_styles(target, "svelte-q5wdnn", ".floorplan-main.svelte-q5wdnn{width:100%;height:100%}");
3976
3976
  }
3977
3977
 
3978
3978
  // (24:0) {#if visible}
@@ -4033,7 +4033,7 @@ function create_if_block$2(ctx) {
4033
4033
  internal.create_component(camera.$$.fragment);
4034
4034
  t1 = internal.space();
4035
4035
  if (if_block) if_block.c();
4036
- internal.attr(div, "class", "floorplan-main svelte-177x2q7");
4036
+ internal.attr(div, "class", "floorplan-main svelte-q5wdnn");
4037
4037
  },
4038
4038
  m(target, anchor) {
4039
4039
  internal.insert(target, div, anchor);
@@ -4663,7 +4663,7 @@ function throttle(func, wait = 200) {
4663
4663
  /* src/floorplan/PanoFloorplanRadarPlugin/Components/Camera.svelte generated by Svelte v3.47.0 */
4664
4664
 
4665
4665
  function add_css$6(target) {
4666
- internal.append_styles(target, "svelte-o7uo2v", ".plugin-radar__camera-wrapper.svelte-o7uo2v{width:100%;height:100%;position:absolute;pointer-events:none}.plugin-radar__camera-position.svelte-o7uo2v{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear}.plugin-radar__camera-rotate.svelte-o7uo2v{position:absolute;left:-15px;top:-15px;width:17px;height:17px;transform-origin:15px 15px;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%}");
4666
+ internal.append_styles(target, "svelte-1ty3s4p", ".plugin-radar__camera-wrapper.svelte-1ty3s4p{width:100%;height:100%;position:absolute;pointer-events:none}.plugin-radar__camera-position.svelte-1ty3s4p{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear}.plugin-radar__camera-rotate.svelte-1ty3s4p{position:absolute;left:-0.78125rem;top:-0.78125rem;width:0.88542rem;height:0.88542rem;transform-origin:0.78125rem 0.78125rem;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%}");
4667
4667
  }
4668
4668
 
4669
4669
  function create_fragment$7(ctx) {
@@ -4676,12 +4676,12 @@ function create_fragment$7(ctx) {
4676
4676
  div2 = internal.element("div");
4677
4677
  div1 = internal.element("div");
4678
4678
  div0 = internal.element("div");
4679
- internal.attr(div0, "class", "plugin-radar__camera-rotate svelte-o7uo2v");
4679
+ internal.attr(div0, "class", "plugin-radar__camera-rotate svelte-1ty3s4p");
4680
4680
  internal.set_style(div0, "background-image", "url(" + (/*cameraImageUrl*/ ctx[0] || CAMERA_IMAGE) + ")");
4681
4681
  internal.set_style(div0, "transform", /*rotateTransform*/ ctx[1], false);
4682
- internal.attr(div1, "class", "plugin-radar__camera-position svelte-o7uo2v");
4682
+ internal.attr(div1, "class", "plugin-radar__camera-position svelte-1ty3s4p");
4683
4683
  internal.set_style(div1, "transform", /*positionTransform*/ ctx[2], false);
4684
- internal.attr(div2, "class", "plugin-radar__camera-wrapper svelte-o7uo2v");
4684
+ internal.attr(div2, "class", "plugin-radar__camera-wrapper svelte-1ty3s4p");
4685
4685
  },
4686
4686
  m(target, anchor) {
4687
4687
  internal.insert(target, div2, anchor);
@@ -4797,7 +4797,7 @@ class Camera extends internal.SvelteComponent {
4797
4797
  /* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/ExtraObjects.svelte generated by Svelte v3.47.0 */
4798
4798
 
4799
4799
  function add_css$5(target) {
4800
- internal.append_styles(target, "svelte-8n0d4v", ".plugin-pano-floorplan__extra-objects.svelte-8n0d4v{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.plugin-pano-floorplan__extra-object-item--position.svelte-8n0d4v{position:absolute;width:0;height:0}.plugin-pano-floorplan__extra-object-item.svelte-8n0d4v{transform:translate(-50%, -50%)}");
4800
+ internal.append_styles(target, "svelte-1i87fz7", ".plugin-pano-floorplan__extra-objects.svelte-1i87fz7{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.plugin-pano-floorplan__extra-object-item--position.svelte-1i87fz7{position:absolute;width:0;height:0}.plugin-pano-floorplan__extra-object-item.svelte-1i87fz7{transform:translate(-50%, -50%)}");
4801
4801
  }
4802
4802
 
4803
4803
  function get_each_context$2(ctx, list, i) {
@@ -4823,11 +4823,11 @@ function create_each_block$2(key_1, ctx) {
4823
4823
  div1 = internal.element("div");
4824
4824
  div0 = internal.element("div");
4825
4825
  t = internal.space();
4826
- internal.attr(div0, "class", "plugin-pano-floorplan__extra-object-item svelte-8n0d4v");
4826
+ internal.attr(div0, "class", "plugin-pano-floorplan__extra-object-item svelte-1i87fz7");
4827
4827
  internal.set_style(div0, "background-image", `url(${/*extraObject*/ ctx[1].icon.url})`);
4828
4828
  internal.set_style(div0, "width", style_width, false);
4829
4829
  internal.set_style(div0, "height", style_height, false);
4830
- internal.attr(div1, "class", "plugin-pano-floorplan__extra-object-item--position svelte-8n0d4v");
4830
+ internal.attr(div1, "class", "plugin-pano-floorplan__extra-object-item--position svelte-1i87fz7");
4831
4831
  internal.set_style(div1, "top", style_top, false);
4832
4832
  internal.set_style(div1, "left", style_left, false);
4833
4833
  this.first = div1;
@@ -4887,7 +4887,7 @@ function create_fragment$6(ctx) {
4887
4887
  each_blocks[i].c();
4888
4888
  }
4889
4889
 
4890
- internal.attr(div, "class", "plugin-pano-floorplan__extra-objects svelte-8n0d4v");
4890
+ internal.attr(div, "class", "plugin-pano-floorplan__extra-objects svelte-1i87fz7");
4891
4891
  },
4892
4892
  m(target, anchor) {
4893
4893
  internal.insert(target, div, anchor);
@@ -5161,7 +5161,7 @@ class CurrentFloor extends internal.SvelteComponent {
5161
5161
  /* src/floorplan/PanoFloorplanRadarPlugin/Components/Main.svelte generated by Svelte v3.47.0 */
5162
5162
 
5163
5163
  function add_css$4(target) {
5164
- internal.append_styles(target, "svelte-7d8ub2", ".plugin-floorplan-radar.svelte-7d8ub2{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.plugin-floorplan-radar-container.svelte-7d8ub2{position:relative}");
5164
+ internal.append_styles(target, "svelte-1mvqyqq", ".plugin-floorplan-radar.svelte-1mvqyqq{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.plugin-floorplan-radar-container.svelte-1mvqyqq{position:relative}");
5165
5165
  }
5166
5166
 
5167
5167
  // (41:2) {#if clientWidth !== 0}
@@ -5216,7 +5216,7 @@ function create_if_block(ctx) {
5216
5216
  internal.create_component(currentfloor.$$.fragment);
5217
5217
  t = internal.space();
5218
5218
  internal.create_component(camera.$$.fragment);
5219
- internal.attr(div, "class", "plugin-floorplan-radar-container svelte-7d8ub2");
5219
+ internal.attr(div, "class", "plugin-floorplan-radar-container svelte-1mvqyqq");
5220
5220
  internal.set_style(div, "width", style_width, false);
5221
5221
  internal.set_style(div, "height", style_height, false);
5222
5222
  },
@@ -5293,7 +5293,7 @@ function create_fragment$4(ctx) {
5293
5293
  c() {
5294
5294
  div = internal.element("div");
5295
5295
  if (if_block) if_block.c();
5296
- internal.attr(div, "class", "plugin-floorplan-radar svelte-7d8ub2");
5296
+ internal.attr(div, "class", "plugin-floorplan-radar svelte-1mvqyqq");
5297
5297
  internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[11].call(div));
5298
5298
  },
5299
5299
  m(target, anchor) {
@@ -13223,7 +13223,7 @@ const currentTarget = store.writable(null);
13223
13223
  /* src/PanoSpatialTagPlugin/Components/origins.svelte generated by Svelte v3.47.0 */
13224
13224
 
13225
13225
  function add_css$3(target) {
13226
- internal.append_styles(target, "svelte-scnx9u", ".PanoSpatialTagPlugin__tag-origin.svelte-scnx9u{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background:#fff;box-shadow:0 0 .6rem #fff;transform:translate(-50%, -50%) scale(1);transform-origin:center center;animation:svelte-scnx9u-PanoSpatialTagPlugin__tag-origin 1.2s forwards;pointer-events:auto}.PanoSpatialTagPlugin__tag-origin.svelte-scnx9u:after{content:'';position:absolute;top:50%;height:50%;width:2rem;height:2rem;transform:translate(-50%, -50%)}.PanoSpatialTagPlugin__tag-origin-destroy.svelte-scnx9u{transform:translate(-50%, -50%) scale(0.6);animation:svelte-scnx9u-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s}@keyframes svelte-scnx9u-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@keyframes svelte-scnx9u-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}");
13226
+ internal.append_styles(target, "svelte-1kuu68s", ".PanoSpatialTagPlugin__tag-origin.svelte-1kuu68s{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background:#fff;box-shadow:0 0 .6rem #fff;transform:translate(-50%, -50%) scale(1);transform-origin:center center;-webkit-animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin 1.2s forwards;animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin 1.2s forwards;pointer-events:auto}.PanoSpatialTagPlugin__tag-origin.svelte-1kuu68s:after{content:'';position:absolute;top:50%;height:50%;width:2rem;height:2rem;transform:translate(-50%, -50%)}.PanoSpatialTagPlugin__tag-origin-destroy.svelte-1kuu68s{transform:translate(-50%, -50%) scale(0.6);-webkit-animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s;animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s}@-webkit-keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@-webkit-keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}");
13227
13227
  }
13228
13228
 
13229
13229
  function get_each_context$1(ctx, list, i) {
@@ -13247,7 +13247,7 @@ function create_each_block$1(ctx) {
13247
13247
  return {
13248
13248
  c() {
13249
13249
  i = internal.element("i");
13250
- internal.attr(i, "class", "svelte-scnx9u");
13250
+ internal.attr(i, "class", "svelte-1kuu68s");
13251
13251
  internal.toggle_class(i, "PanoSpatialTagPlugin__tag-origin", true);
13252
13252
  internal.toggle_class(i, "PanoSpatialTagPlugin__tag-origin-destroy", /*origin*/ ctx[3].destroying);
13253
13253
  internal.set_style(i, "top", style_top, false);
@@ -13372,7 +13372,7 @@ class Origins extends internal.SvelteComponent {
13372
13372
  /* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.47.0 */
13373
13373
 
13374
13374
  function add_css$2(target) {
13375
- internal.append_styles(target, "svelte-1c0xhg0", ".PanoSpatialTagPlugin__tag-x.svelte-1c0xhg0.svelte-1c0xhg0{position:relative;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-1c0xhg0.svelte-1c0xhg0{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-1c0xhg0.svelte-1c0xhg0{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-1c0xhg0.svelte-1c0xhg0{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-1c0xhg0.svelte-1c0xhg0{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-1c0xhg0.svelte-1c0xhg0{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line1.svelte-1c0xhg0{animation:svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line2.svelte-1c0xhg0{animation:svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0.svelte-1c0xhg0{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line.svelte-1c0xhg0{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-1c0xhg0.svelte-1c0xhg0{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-animate.svelte-1c0xhg0{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-1c0xhg0.svelte-1c0xhg0{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-content.svelte-1c0xhg0{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-flagpole.svelte-1c0xhg0{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-shadow.svelte-1c0xhg0{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-shadow.svelte-1c0xhg0{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-content.svelte-1c0xhg0{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-flagpole.svelte-1c0xhg0{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-shadow.svelte-1c0xhg0{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-content.svelte-1c0xhg0{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-content .svelte-1c0xhg0{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line1.svelte-1c0xhg0{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);animation:svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line2.svelte-1c0xhg0{opacity:0.5;transform:translate(-50%, 0) scaleY(0);animation:svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@keyframes svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
13375
+ internal.append_styles(target, "svelte-1wukaol", ".PanoSpatialTagPlugin__tag-x.svelte-1wukaol.svelte-1wukaol{position:relative;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-1wukaol.svelte-1wukaol{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-1wukaol.svelte-1wukaol{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-1wukaol.svelte-1wukaol{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-1wukaol.svelte-1wukaol{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-1wukaol.svelte-1wukaol{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-1wukaol .PanoSpatialTagPlugin__tag-line1.svelte-1wukaol{-webkit-animation:svelte-1wukaol-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s;animation:svelte-1wukaol-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-1wukaol .PanoSpatialTagPlugin__tag-line2.svelte-1wukaol{-webkit-animation:svelte-1wukaol-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s;animation:svelte-1wukaol-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-1wukaol.svelte-1wukaol{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1wukaol .PanoSpatialTagPlugin__tag-line.svelte-1wukaol{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-1wukaol.svelte-1wukaol{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-1wukaol .PanoSpatialTagPlugin__tag-animate.svelte-1wukaol{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-1wukaol.svelte-1wukaol{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-1wukaol .PanoSpatialTagPlugin__tag-content.svelte-1wukaol{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-1wukaol .PanoSpatialTagPlugin__tag-flagpole.svelte-1wukaol{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1wukaol .PanoSpatialTagPlugin__tag-shadow.svelte-1wukaol{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-1wukaol .PanoSpatialTagPlugin__tag-shadow.svelte-1wukaol{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-1wukaol .PanoSpatialTagPlugin__tag-content.svelte-1wukaol{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-1wukaol .PanoSpatialTagPlugin__tag-flagpole.svelte-1wukaol{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-1wukaol .PanoSpatialTagPlugin__tag-shadow.svelte-1wukaol{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-1wukaol .PanoSpatialTagPlugin__tag-content.svelte-1wukaol{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-1wukaol .PanoSpatialTagPlugin__tag-content .svelte-1wukaol{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-1wukaol .PanoSpatialTagPlugin__tag-line1.svelte-1wukaol{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);-webkit-animation:svelte-1wukaol-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s;animation:svelte-1wukaol-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-1wukaol .PanoSpatialTagPlugin__tag-line2.svelte-1wukaol{opacity:0.5;transform:translate(-50%, 0) scaleY(0);-webkit-animation:svelte-1wukaol-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s;animation:svelte-1wukaol-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@-webkit-keyframes svelte-1wukaol-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-1wukaol-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@-webkit-keyframes svelte-1wukaol-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-1wukaol-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@-webkit-keyframes svelte-1wukaol-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-1wukaol-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@-webkit-keyframes svelte-1wukaol-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-1wukaol-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
13376
13376
  }
13377
13377
 
13378
13378
  function create_fragment$2(ctx) {
@@ -13406,19 +13406,19 @@ function create_fragment$2(ctx) {
13406
13406
  t3 = internal.space();
13407
13407
  div3 = internal.element("div");
13408
13408
  div2 = internal.element("div");
13409
- internal.attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1c0xhg0");
13409
+ internal.attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1wukaol");
13410
13410
  internal.set_style(div0, "transform", "translate(" + /*contentWidth*/ ctx[7] / 2 * /*contentZoom*/ ctx[3] * 3 + "px, " + /*contentHeight*/ ctx[8] / 2 * (/*upsideDown*/ ctx[1] ? -1 : 1) * /*contentZoom*/ ctx[3] * 3 + "px)");
13411
- internal.attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1c0xhg0");
13411
+ internal.attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1wukaol");
13412
13412
  internal.set_style(i0, "width", /*lineWidthZoom*/ ctx[4] + "rem");
13413
- internal.attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1c0xhg0");
13414
- internal.attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1c0xhg0");
13415
- internal.attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-1c0xhg0");
13416
- internal.attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-1c0xhg0");
13417
- internal.attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-1c0xhg0");
13413
+ internal.attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1wukaol");
13414
+ internal.attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1wukaol");
13415
+ internal.attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-1wukaol");
13416
+ internal.attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-1wukaol");
13417
+ internal.attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-1wukaol");
13418
13418
  internal.set_style(div3, "transform", "scale(" + /*contentZoom*/ ctx[3] * 3 + ")");
13419
13419
  internal.attr(div4, "id", div4_id_value = 'PanoSpatialTagPlugin__' + /*id*/ ctx[0]);
13420
13420
  internal.set_style(div4, "height", 20 * /*lineHeightZoom*/ ctx[5] + "rem");
13421
- internal.attr(div4, "class", "svelte-1c0xhg0");
13421
+ internal.attr(div4, "class", "svelte-1wukaol");
13422
13422
  internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-x", true);
13423
13423
  internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-upside-down", /*upsideDown*/ ctx[1]);
13424
13424
  internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-show", /*show*/ ctx[10]);
@@ -14279,12 +14279,13 @@ var DISPLAY_STRATEGY_TYPE;
14279
14279
  DISPLAY_STRATEGY_TYPE["SMALL"] = "small";
14280
14280
  DISPLAY_STRATEGY_TYPE["MIDLLE"] = "middle";
14281
14281
  DISPLAY_STRATEGY_TYPE["LARGE"] = "large";
14282
+ DISPLAY_STRATEGY_TYPE["EXTRA_LARGE"] = "x-large";
14282
14283
  })(DISPLAY_STRATEGY_TYPE || (DISPLAY_STRATEGY_TYPE = {}));
14283
14284
 
14284
14285
  /* src/ModelItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.47.0 */
14285
14286
 
14286
14287
  function add_css$1(target) {
14287
- internal.append_styles(target, "svelte-1mttyji", ".item-label-item.svelte-1mttyji{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;user-select:none;opacity:0}.item-label-item.visible.svelte-1mttyji{opacity:1;animation:svelte-1mttyji-fadeIn .3s ease-in}.item-label-item__text-wrap.svelte-1mttyji::before{content:'';position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, .3);filter:blur(16px);z-index:-1}.item-label-item__text-wrap.svelte-1mttyji{padding:6px 6px 0;position:absolute;height:20px;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap;line-height:10px;font-size:11px;font-weight:bold;color:#FFEAC0;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center}.item-label-item__text.svelte-1mttyji{padding-bottom:4px;border-top:0 solid;border-left:0 solid;border-right:0 solid;border-bottom:1px solid;border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5}.item-label-item__bar.svelte-1mttyji{position:absolute;bottom:0;width:1px;background-image:linear-gradient(to bottom, rgba(234, 208, 154, 0), rgba(234, 208, 154, 1))}@keyframes svelte-1mttyji-fadeIn{from{opacity:0\n }to{opacity:1\n }}");
14288
+ internal.append_styles(target, "svelte-1hzvil1", ".item-label-item.svelte-1hzvil1{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0}.item-label-item.visible.svelte-1hzvil1{opacity:1;-webkit-animation:svelte-1hzvil1-fadeIn .3s ease-in;animation:svelte-1hzvil1-fadeIn .3s ease-in}.item-label-item__text-wrap.svelte-1hzvil1::before{content:'';position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, .3);filter:blur(0.83333rem);z-index:-1}.item-label-item__text-wrap.svelte-1hzvil1{padding:0.3125rem 0.3125rem 0;position:absolute;height:1.04167rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap;line-height:0.52083rem;font-size:0.57292rem;font-weight:bold;color:#FFEAC0;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center}.item-label-item__text.svelte-1hzvil1{padding-bottom:0.20833rem;border-top:0 solid;border-left:0 solid;border-right:0 solid;border-bottom:1px solid;-o-border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5;border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5}.item-label-item__bar.svelte-1hzvil1{position:absolute;bottom:0;width:1px;background-image:linear-gradient(to bottom, rgba(234, 208, 154, 0), rgba(234, 208, 154, 1))}@-webkit-keyframes svelte-1hzvil1-fadeIn{from{opacity:0\n }to{opacity:1\n }}@keyframes svelte-1hzvil1-fadeIn{from{opacity:0\n }to{opacity:1\n }}");
14288
14289
  }
14289
14290
 
14290
14291
  function create_fragment$1(ctx) {
@@ -14311,12 +14312,12 @@ function create_fragment$1(ctx) {
14311
14312
  t0 = internal.text(t0_value);
14312
14313
  t1 = internal.space();
14313
14314
  div1 = internal.element("div");
14314
- internal.attr(span, "class", "item-label-item__text svelte-1mttyji");
14315
- internal.attr(div0, "class", "item-label-item__text-wrap svelte-1mttyji");
14315
+ internal.attr(span, "class", "item-label-item__text svelte-1hzvil1");
14316
+ internal.attr(div0, "class", "item-label-item__text-wrap svelte-1hzvil1");
14316
14317
  internal.set_style(div0, "top", `-${/*itemLabel*/ ctx[0].strokeLength + 26}px`);
14317
- internal.attr(div1, "class", "item-label-item__bar svelte-1mttyji");
14318
+ internal.attr(div1, "class", "item-label-item__bar svelte-1hzvil1");
14318
14319
  internal.set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
14319
- internal.attr(div2, "class", div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1mttyji"));
14320
+ internal.attr(div2, "class", div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1hzvil1"));
14320
14321
  internal.set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
14321
14322
  internal.set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
14322
14323
  },
@@ -14346,7 +14347,7 @@ function create_fragment$1(ctx) {
14346
14347
  internal.set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
14347
14348
  }
14348
14349
 
14349
- if (dirty & /*itemLabel*/ 1 && div2_class_value !== (div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1mttyji"))) {
14350
+ if (dirty & /*itemLabel*/ 1 && div2_class_value !== (div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1hzvil1"))) {
14350
14351
  internal.attr(div2, "class", div2_class_value);
14351
14352
  }
14352
14353
 
@@ -14392,19 +14393,34 @@ class ItemLabelItem extends internal.SvelteComponent {
14392
14393
  }
14393
14394
  }
14394
14395
 
14396
+ /**
14397
+ * 创建一个防抖动函数，该函数会在 wait 毫秒后调用 func 方法
14398
+ * @param func - 要防抖动的函数
14399
+ * @param [wait=0] - 需要延迟的毫秒数
14400
+ */
14401
+ function debounce(func, wait = 200) {
14402
+ let last;
14403
+ return function (...args) {
14404
+ clearTimeout(last);
14405
+ last = setTimeout(() => {
14406
+ func(...args);
14407
+ }, wait);
14408
+ };
14409
+ }
14410
+
14395
14411
  /* src/ModelItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.47.0 */
14396
14412
 
14397
14413
  function add_css(target) {
14398
- internal.append_styles(target, "svelte-rmdeb", ".item-labels-container.svelte-rmdeb{width:100%;height:100%;position:relative}");
14414
+ internal.append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
14399
14415
  }
14400
14416
 
14401
14417
  function get_each_context(ctx, list, i) {
14402
14418
  const child_ctx = ctx.slice();
14403
- child_ctx[26] = list[i];
14419
+ child_ctx[28] = list[i];
14404
14420
  return child_ctx;
14405
14421
  }
14406
14422
 
14407
- // (179:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
14423
+ // (162:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
14408
14424
  function create_each_block(key_1, ctx) {
14409
14425
  let first;
14410
14426
  let itemlabelitem;
@@ -14412,7 +14428,7 @@ function create_each_block(key_1, ctx) {
14412
14428
 
14413
14429
  itemlabelitem = new ItemLabelItem({
14414
14430
  props: {
14415
- itemLabel: /*itemLabelItem*/ ctx[26],
14431
+ itemLabel: /*itemLabelItem*/ ctx[28],
14416
14432
  hooks: /*hooks*/ ctx[0]
14417
14433
  }
14418
14434
  });
@@ -14433,7 +14449,7 @@ function create_each_block(key_1, ctx) {
14433
14449
  p(new_ctx, dirty) {
14434
14450
  ctx = new_ctx;
14435
14451
  const itemlabelitem_changes = {};
14436
- if (dirty & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[26];
14452
+ if (dirty & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[28];
14437
14453
  if (dirty & /*hooks*/ 1) itemlabelitem_changes.hooks = /*hooks*/ ctx[0];
14438
14454
  itemlabelitem.$set(itemlabelitem_changes);
14439
14455
  },
@@ -14460,7 +14476,7 @@ function create_fragment(ctx) {
14460
14476
  let div_resize_listener;
14461
14477
  let current;
14462
14478
  let each_value = /*renderItemLabels*/ ctx[1];
14463
- const get_key = ctx => /*itemLabelItem*/ ctx[26].id;
14479
+ const get_key = ctx => /*itemLabelItem*/ ctx[28].id;
14464
14480
 
14465
14481
  for (let i = 0; i < each_value.length; i += 1) {
14466
14482
  let child_ctx = get_each_context(ctx, each_value, i);
@@ -14476,8 +14492,9 @@ function create_fragment(ctx) {
14476
14492
  each_blocks[i].c();
14477
14493
  }
14478
14494
 
14479
- internal.attr(div, "class", "item-labels-container svelte-rmdeb");
14480
- internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[9].call(div));
14495
+ internal.attr(div, "class", "item-labels-container svelte-gk8s47");
14496
+ internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[10].call(div));
14497
+ internal.set_style(div, "opacity", /*itemsVisible*/ ctx[4] ? 1 : 0, false);
14481
14498
  },
14482
14499
  m(target, anchor) {
14483
14500
  internal.insert(target, div, anchor);
@@ -14486,7 +14503,7 @@ function create_fragment(ctx) {
14486
14503
  each_blocks[i].m(div, null);
14487
14504
  }
14488
14505
 
14489
- div_resize_listener = internal.add_resize_listener(div, /*div_elementresize_handler*/ ctx[9].bind(div));
14506
+ div_resize_listener = internal.add_resize_listener(div, /*div_elementresize_handler*/ ctx[10].bind(div));
14490
14507
  current = true;
14491
14508
  },
14492
14509
  p(ctx, [dirty]) {
@@ -14496,6 +14513,10 @@ function create_fragment(ctx) {
14496
14513
  each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block, null, get_each_context);
14497
14514
  internal.check_outros();
14498
14515
  }
14516
+
14517
+ if (dirty & /*itemsVisible*/ 16) {
14518
+ internal.set_style(div, "opacity", /*itemsVisible*/ ctx[4] ? 1 : 0, false);
14519
+ }
14499
14520
  },
14500
14521
  i(local) {
14501
14522
  if (current) return;
@@ -14545,6 +14566,14 @@ function instance($$self, $$props, $$invalidate) {
14545
14566
  // 计算重叠
14546
14567
  let cssOffsetLists = [];
14547
14568
 
14569
+ // 动画过程中 itemsVisible 为 false
14570
+ let itemsVisible = true;
14571
+
14572
+ /**
14573
+ * 可见性策略：
14574
+ * 1、当前楼层(假设先不考虑多楼层)
14575
+ * 2、模型未被遮挡（一个 box 有没有被遮挡的计算？ TODO）
14576
+ * */
14548
14577
  const getLabelVisible = (five, itemLabel) => {
14549
14578
  // 虚拟 VR 仅有一层，不考虑楼层信息
14550
14579
  const raycaster = new Raycaster();
@@ -14598,6 +14627,8 @@ function instance($$self, $$props, $$invalidate) {
14598
14627
  return Math.ceil(-38.9 * itemSpaceHeight + 130);
14599
14628
  case DISPLAY_STRATEGY_TYPE.LARGE:
14600
14629
  return Math.ceil(-44.44 * itemSpaceHeight + 140);
14630
+ case DISPLAY_STRATEGY_TYPE.EXTRA_LARGE:
14631
+ return Math.ceil(-92.59 * itemSpaceHeight + 300);
14601
14632
  }
14602
14633
  }
14603
14634
 
@@ -14644,15 +14675,27 @@ function instance($$self, $$props, $$invalidate) {
14644
14675
  addDataUpdateListener();
14645
14676
  });
14646
14677
 
14678
+ const handleCameraUpdateCallback = () => {
14679
+ $$invalidate(4, itemsVisible = false);
14680
+ handleCameraUpdate();
14681
+ };
14682
+
14647
14683
  svelte.onMount(() => {
14648
14684
  $$invalidate(1, renderItemLabels = itemLabels);
14649
14685
  curItemLabels = itemLabels;
14650
14686
  onItemLabelUpdate();
14651
-
14652
- // five.on('cameraUpdate', onItemLabelUpdate)
14653
14687
  addResizeListener();
14688
+ five.on('cameraUpdate', handleCameraUpdateCallback);
14654
14689
  });
14655
14690
 
14691
+ const handleCameraUpdate = debounce(
14692
+ () => {
14693
+ $$invalidate(4, itemsVisible = true);
14694
+ onItemLabelUpdate();
14695
+ },
14696
+ 300
14697
+ );
14698
+
14656
14699
  const addResizeListener = () => {
14657
14700
  wrapperSize = {
14658
14701
  width: wrapper.clientWidth,
@@ -14666,7 +14709,6 @@ function instance($$self, $$props, $$invalidate) {
14666
14709
  if (curItemLabels !== itemLabels) {
14667
14710
  $$invalidate(1, renderItemLabels = itemLabels);
14668
14711
  curItemLabels = itemLabels;
14669
- console.log('--debug--update--');
14670
14712
  onItemLabelUpdate();
14671
14713
  }
14672
14714
  };
@@ -14684,13 +14726,11 @@ function instance($$self, $$props, $$invalidate) {
14684
14726
  });
14685
14727
 
14686
14728
  svelte.onDestroy(() => {
14687
- // five.off('cameraUpdate', onItemLabelUpdate)
14729
+ five.off('cameraUpdate', handleCameraUpdateCallback);
14688
14730
  resizeObserver.unobserve(wrapper);
14689
-
14690
- curItemLabels = null;
14691
- $$invalidate(1, renderItemLabels = null);
14692
- wrapperSize = { width: 0, height: 0 };
14693
- });
14731
+ }); // curItemLabels = null
14732
+ // renderItemLabels = null
14733
+ // wrapperSize = { width: 0, height: 0 }
14694
14734
 
14695
14735
  function div_elementresize_handler() {
14696
14736
  containerWidth = this.clientWidth;
@@ -14700,12 +14740,12 @@ function instance($$self, $$props, $$invalidate) {
14700
14740
  }
14701
14741
 
14702
14742
  $$self.$$set = $$props => {
14703
- if ('five' in $$props) $$invalidate(4, five = $$props.five);
14704
- if ('modelOcclusionEnable' in $$props) $$invalidate(5, modelOcclusionEnable = $$props.modelOcclusionEnable);
14705
- if ('itemLabels' in $$props) $$invalidate(6, itemLabels = $$props.itemLabels);
14706
- if ('wrapper' in $$props) $$invalidate(7, wrapper = $$props.wrapper);
14743
+ if ('five' in $$props) $$invalidate(5, five = $$props.five);
14744
+ if ('modelOcclusionEnable' in $$props) $$invalidate(6, modelOcclusionEnable = $$props.modelOcclusionEnable);
14745
+ if ('itemLabels' in $$props) $$invalidate(7, itemLabels = $$props.itemLabels);
14746
+ if ('wrapper' in $$props) $$invalidate(8, wrapper = $$props.wrapper);
14707
14747
  if ('hooks' in $$props) $$invalidate(0, hooks = $$props.hooks);
14708
- if ('displayStrategyType' in $$props) $$invalidate(8, displayStrategyType = $$props.displayStrategyType);
14748
+ if ('displayStrategyType' in $$props) $$invalidate(9, displayStrategyType = $$props.displayStrategyType);
14709
14749
  };
14710
14750
 
14711
14751
  return [
@@ -14713,6 +14753,7 @@ function instance($$self, $$props, $$invalidate) {
14713
14753
  renderItemLabels,
14714
14754
  containerWidth,
14715
14755
  containerHeight,
14756
+ itemsVisible,
14716
14757
  five,
14717
14758
  modelOcclusionEnable,
14718
14759
  itemLabels,
@@ -14733,12 +14774,12 @@ class ItemLabelComponent extends internal.SvelteComponent {
14733
14774
  create_fragment,
14734
14775
  internal.safe_not_equal,
14735
14776
  {
14736
- five: 4,
14737
- modelOcclusionEnable: 5,
14738
- itemLabels: 6,
14739
- wrapper: 7,
14777
+ five: 5,
14778
+ modelOcclusionEnable: 6,
14779
+ itemLabels: 7,
14780
+ wrapper: 8,
14740
14781
  hooks: 0,
14741
- displayStrategyType: 8
14782
+ displayStrategyType: 9
14742
14783
  },
14743
14784
  add_css
14744
14785
  );
@@ -14763,7 +14804,6 @@ const ModelItemLabelPlugin = (five$1, params) => {
14763
14804
  hooks: new five.Subscribe(),
14764
14805
  modelOcclusionEnable: (_a = params === null || params === void 0 ? void 0 : params.modelOcclusionEnable) !== null && _a !== void 0 ? _a : true,
14765
14806
  displayStrategyType: (_b = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _b !== void 0 ? _b : DISPLAY_STRATEGY_TYPE.SMALL,
14766
- pending: false
14767
14807
  };
14768
14808
  pluginState.container.setAttribute('class', 'model-item-label-plugin-container');
14769
14809
  pluginState.container.style.cssText = `
@@ -14772,6 +14812,7 @@ const ModelItemLabelPlugin = (five$1, params) => {
14772
14812
  top: 0;
14773
14813
  width: 100%;
14774
14814
  height: 100%;
14815
+ z-index: 5;
14775
14816
  `;
14776
14817
  pluginState.container.style.pointerEvents = 'none'; // 写到 cssText 里不生效
14777
14818
  const appendTo = (wrapper) => {
@@ -14802,50 +14843,6 @@ const ModelItemLabelPlugin = (five$1, params) => {
14802
14843
  removeListener4Five();
14803
14844
  pluginState.container.remove();
14804
14845
  };
14805
- const handleRerender = () => {
14806
- if (!pluginState.enabled || !pluginState.fiveModeEnabled || pluginState.pending)
14807
- return;
14808
- pluginState.pending = true;
14809
- disable();
14810
- };
14811
- const rerender = (a, b, c) => {
14812
- if (!pluginState.pending)
14813
- return;
14814
- if (!pluginState.fiveModeEnabled)
14815
- return;
14816
- if (!c)
14817
- return;
14818
- pluginState.pending = false;
14819
- enable();
14820
- render();
14821
- };
14822
- const handleInteriaPanRerender = (a, b) => {
14823
- if (!pluginState.pending)
14824
- return;
14825
- if (!pluginState.fiveModeEnabled)
14826
- return;
14827
- if (!b)
14828
- return;
14829
- pluginState.pending = false;
14830
- enable();
14831
- render();
14832
- };
14833
- const handleWantsPanGesture = (pose, final) => {
14834
- if (pose) {
14835
- handleRerender();
14836
- }
14837
- };
14838
- const handlePanGesture = (pose, final) => {
14839
- if (!pluginState.pending)
14840
- return;
14841
- if (!pluginState.fiveModeEnabled)
14842
- return;
14843
- if (!final)
14844
- return;
14845
- pluginState.pending = false;
14846
- enable();
14847
- render();
14848
- };
14849
14846
  const render = () => {
14850
14847
  var _a;
14851
14848
  if (!pluginState.wrapper)
@@ -14881,33 +14878,13 @@ const ModelItemLabelPlugin = (five$1, params) => {
14881
14878
  const addListener4Five = () => {
14882
14879
  five$1.on('modeChange', onFiveModeChange);
14883
14880
  five$1.once('dispose', dispose);
14884
- // five.on('wantsGesture', handleRerender)
14885
- // five.on('gesture', rerender)
14886
- five$1.on('wantsMouseWheel', handleRerender);
14887
- five$1.on('mouseWheel', rerender);
14888
- five$1.on('wantsInteriaPan', handleRerender);
14889
- five$1.on('interiaPan', handleInteriaPanRerender);
14890
- five$1.on('wantsPanGesture', handleWantsPanGesture);
14891
- five$1.on('panGesture', handlePanGesture);
14892
- five$1.on('wantsPinchGesture', handleRerender);
14893
- five$1.on('pinchGesture', rerender);
14894
14881
  };
14895
14882
  // 取消 five 监听
14896
14883
  const removeListener4Five = () => {
14897
14884
  five$1.off('modeChange', onFiveModeChange);
14898
- // five.off('wantsGesture', handleRerender)
14899
- // five.off('gesture', rerender)
14900
- five$1.off('wantsMouseWheel', handleRerender);
14901
- five$1.off('mouseWheel', rerender);
14902
- five$1.off('wantsInteriaPan', handleRerender);
14903
- five$1.off('interiaPan', handleInteriaPanRerender);
14904
- five$1.off('wantsPanGesture', handleWantsPanGesture);
14905
- five$1.off('panGesture', handlePanGesture);
14906
- five$1.off('wantsPinchGesture', handleRerender);
14907
- five$1.off('pinchGesture', rerender);
14908
14885
  };
14909
14886
  const onFiveModeChange = (mode) => {
14910
- if (!pluginState.enabled || pluginState.pending)
14887
+ if (!pluginState.enabled)
14911
14888
  return;
14912
14889
  if (mode !== five.Five.Mode.Floorplan) {
14913
14890
  pluginState.fiveModeEnabled = false;