@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.umd.js CHANGED
@@ -494,7 +494,7 @@
494
494
  /* src/ModelRoomLabelPlugin/RoomLabelItem.svelte generated by Svelte v3.47.0 */
495
495
 
496
496
  function add_css$l(target) {
497
- 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}");
497
+ 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}");
498
498
  }
499
499
 
500
500
  function create_fragment$q(ctx) {
@@ -514,11 +514,11 @@
514
514
  t0 = internal.text(t0_value);
515
515
  t1 = internal.space();
516
516
  div0 = internal.element("div");
517
- internal.attr(span, "class", "room-label-item__text svelte-17nkflf");
517
+ internal.attr(span, "class", "room-label-item__text svelte-1ak9fbs");
518
518
  internal.set_style(span, "background-image", "url(" + ROOM_LABEL_BG + ")");
519
519
  internal.toggle_class(span, "wide", /*roomLabel*/ ctx[0].name.length > 3);
520
- internal.attr(div0, "class", "room-label-item__bar svelte-17nkflf");
521
- internal.attr(div1, "class", "room-label-item svelte-17nkflf");
520
+ internal.attr(div0, "class", "room-label-item__bar svelte-1ak9fbs");
521
+ internal.attr(div1, "class", "room-label-item svelte-1ak9fbs");
522
522
  internal.set_style(div1, "z-index", /*roomLabel*/ ctx[0].zIndex, false);
523
523
  internal.set_style(div1, "transform", /*roomLabel*/ ctx[0].transform, false);
524
524
  internal.set_style(div1, "opacity", /*roomLabel*/ ctx[0].visible ? 1 : 0, false);
@@ -594,7 +594,7 @@
594
594
  /* src/ModelRoomLabelPlugin/RoomLabelItems.svelte generated by Svelte v3.47.0 */
595
595
 
596
596
  function add_css$k(target) {
597
- internal.append_styles(target, "svelte-185yvaa", ".room-labels-container.svelte-185yvaa{width:100%;height:100%;position:relative;color:#fff}");
597
+ internal.append_styles(target, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
598
598
  }
599
599
 
600
600
  function get_each_context$8(ctx, list, i) {
@@ -675,7 +675,7 @@
675
675
  each_blocks[i].c();
676
676
  }
677
677
 
678
- internal.attr(div, "class", "room-labels-container svelte-185yvaa");
678
+ internal.attr(div, "class", "room-labels-container svelte-9eg4zi");
679
679
  internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[4].call(div));
680
680
  },
681
681
  m(target, anchor) {
@@ -908,6 +908,7 @@
908
908
  this.container.style.pointerEvents = 'none';
909
909
  this.container.style.left = '0';
910
910
  this.container.style.top = '0';
911
+ this.container.style.zIndex = '5';
911
912
  // five listener
912
913
  this.five.once('dispose', () => this.dispose());
913
914
  this.five.on('modeChange', this.onFiveModeChange);
@@ -1242,7 +1243,7 @@
1242
1243
  /* src/floorplan/ModelFloorplanPlugin/Components/Camera.svelte generated by Svelte v3.47.0 */
1243
1244
 
1244
1245
  function add_css$j(target) {
1245
- 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%}");
1246
+ 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%}");
1246
1247
  }
1247
1248
 
1248
1249
  function create_fragment$o(ctx) {
@@ -1253,7 +1254,7 @@
1253
1254
  c() {
1254
1255
  div1 = internal.element("div");
1255
1256
  div0 = internal.element("div");
1256
- internal.attr(div0, "class", "floorplan__camera-rotate svelte-e8a2kn");
1257
+ internal.attr(div0, "class", "floorplan__camera-rotate svelte-17cl35n");
1257
1258
  internal.set_style(div0, "background-image", `url(${/*cameraImageUrl*/ ctx[0] || CAMERA_IMAGE})`);
1258
1259
  internal.set_style(div0, "width", /*domSizeStyle*/ ctx[4], false);
1259
1260
  internal.set_style(div0, "height", /*domSizeStyle*/ ctx[4], false);
@@ -1261,7 +1262,7 @@
1261
1262
  internal.set_style(div0, "top", '-' + /*domSizeStyle*/ ctx[4], false);
1262
1263
  internal.set_style(div0, "transform", `rotate(${/*rotate*/ ctx[3]}deg)`, false);
1263
1264
  internal.set_style(div0, "transform-origin", `${/*domSizeStyle*/ ctx[4]} ${/*domSizeStyle*/ ctx[4]}`, false);
1264
- internal.attr(div1, "class", "floorplan__camera-position svelte-e8a2kn");
1265
+ internal.attr(div1, "class", "floorplan__camera-position svelte-17cl35n");
1265
1266
  internal.set_style(div1, "left", /*positionLeft*/ ctx[1], false);
1266
1267
  internal.set_style(div1, "top", /*positionTop*/ ctx[2], false);
1267
1268
  },
@@ -1347,7 +1348,7 @@
1347
1348
  /* src/floorplan/ModelFloorplanPlugin/Components/Compass.svelte generated by Svelte v3.47.0 */
1348
1349
 
1349
1350
  function add_css$i(target) {
1350
- 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}");
1351
+ 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}");
1351
1352
  }
1352
1353
 
1353
1354
  // (13:0) {#if northRad}
@@ -1365,10 +1366,10 @@
1365
1366
  t0 = internal.space();
1366
1367
  span = internal.element("span");
1367
1368
  t1 = internal.text(/*northDesc*/ ctx[0]);
1368
- internal.attr(div0, "class", "floorplan-plugin__compass-image svelte-5l80pv");
1369
+ internal.attr(div0, "class", "floorplan-plugin__compass-image svelte-1q44ru9");
1369
1370
  internal.set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
1370
- internal.attr(span, "class", "floorplan-plugin__compass-text svelte-5l80pv");
1371
- internal.attr(div1, "class", "floorplan-plugin__compass svelte-5l80pv");
1371
+ internal.attr(span, "class", "floorplan-plugin__compass-text svelte-1q44ru9");
1372
+ internal.attr(div1, "class", "floorplan-plugin__compass svelte-1q44ru9");
1372
1373
  internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[2], false);
1373
1374
  },
1374
1375
  m(target, anchor) {
@@ -1446,7 +1447,7 @@
1446
1447
  /* src/floorplan/ModelFloorplanPlugin/Components/RoomLabels/RoomLabel.svelte generated by Svelte v3.47.0 */
1447
1448
 
1448
1449
  function add_css$h(target) {
1449
- 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}");
1450
+ 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}");
1450
1451
  }
1451
1452
 
1452
1453
  // (22:30)
@@ -1491,7 +1492,7 @@
1491
1492
  span1 = internal.element("span");
1492
1493
  span1.textContent = `${/*roomSizeDes*/ ctx[3]}`;
1493
1494
  internal.attr(span0, "class", "floorplan-plugin__room-name");
1494
- internal.attr(span1, "class", "floorplan-plugin__room-size svelte-1ashbdx");
1495
+ internal.attr(span1, "class", "floorplan-plugin__room-size svelte-i2nwuk");
1495
1496
  },
1496
1497
  m(target, anchor) {
1497
1498
  internal.insert(target, span0, anchor);
@@ -1525,7 +1526,7 @@
1525
1526
  c() {
1526
1527
  div = internal.element("div");
1527
1528
  if (if_block) if_block.c();
1528
- internal.attr(div, "class", "floorplan-plugin__room-label-item svelte-1ashbdx");
1529
+ internal.attr(div, "class", "floorplan-plugin__room-label-item svelte-i2nwuk");
1529
1530
  internal.set_style(div, "left", /*left*/ ctx[4], false);
1530
1531
  internal.set_style(div, "top", /*top*/ ctx[5], false);
1531
1532
  internal.set_style(div, "font-size", /*fontSize*/ ctx[6], false);
@@ -1600,7 +1601,7 @@
1600
1601
  /* src/floorplan/ModelFloorplanPlugin/Components/RoomLabels/RoomLabels.svelte generated by Svelte v3.47.0 */
1601
1602
 
1602
1603
  function add_css$g(target) {
1603
- 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}");
1604
+ 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}");
1604
1605
  }
1605
1606
 
1606
1607
  function get_each_context$7(ctx, list, i) {
@@ -1632,7 +1633,7 @@
1632
1633
  each_blocks[i].c();
1633
1634
  }
1634
1635
 
1635
- internal.attr(div, "class", "floorplan-plugin__room-labels svelte-sw25w3");
1636
+ internal.attr(div, "class", "floorplan-plugin__room-labels svelte-vkeyjz");
1636
1637
  },
1637
1638
  m(target, anchor) {
1638
1639
  internal.insert(target, div, anchor);
@@ -1852,7 +1853,7 @@
1852
1853
  /* src/floorplan/ModelFloorplanPlugin/Components/RuleLabels/RuleItem.svelte generated by Svelte v3.47.0 */
1853
1854
 
1854
1855
  function add_css$f(target) {
1855
- 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%)}");
1856
+ 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%)}");
1856
1857
  }
1857
1858
 
1858
1859
  function get_each_context$6(ctx, list, i) {
@@ -1879,7 +1880,7 @@
1879
1880
  first: null,
1880
1881
  c() {
1881
1882
  div = internal.element("div");
1882
- internal.attr(div, "class", "floorplan-plugin__rule-scale svelte-1rr09in");
1883
+ internal.attr(div, "class", "floorplan-plugin__rule-scale svelte-1d5a0k4");
1883
1884
  internal.set_style(div, "left", style_left, false);
1884
1885
  this.first = div;
1885
1886
  },
@@ -1912,9 +1913,9 @@
1912
1913
  span = internal.element("span");
1913
1914
  t0 = internal.text(t0_value);
1914
1915
  t1 = internal.space();
1915
- internal.attr(span, "class", "floorplan-plugin__rule-text svelte-1rr09in");
1916
+ internal.attr(span, "class", "floorplan-plugin__rule-text svelte-1d5a0k4");
1916
1917
  internal.toggle_class(span, "is-row", /*isRow*/ ctx[5]);
1917
- internal.attr(div, "class", "floorplan-plugin__text-wrapper svelte-1rr09in");
1918
+ internal.attr(div, "class", "floorplan-plugin__text-wrapper svelte-1d5a0k4");
1918
1919
  internal.toggle_class(div, "floorplan-plugin__text-wrapper--is-left-or-top", /*isLeft*/ ctx[3] || /*isTop*/ ctx[1]);
1919
1920
  internal.toggle_class(div, "floorplan-plugin__text-wrapper-is-right-or-bottom", /*isRight*/ ctx[4] || /*isBottom*/ ctx[2]);
1920
1921
  internal.set_style(div, "left", style_left, false);
@@ -1979,8 +1980,8 @@
1979
1980
  each_blocks[i].c();
1980
1981
  }
1981
1982
 
1982
- internal.attr(div0, "class", "floorplan-plugin__rule-line svelte-1rr09in");
1983
- internal.attr(div1, "class", div1_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels-" + /*type*/ ctx[0] + " svelte-1rr09in");
1983
+ internal.attr(div0, "class", "floorplan-plugin__rule-line svelte-1d5a0k4");
1984
+ internal.attr(div1, "class", div1_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels-" + /*type*/ ctx[0] + " svelte-1d5a0k4");
1984
1985
  internal.set_style(div1, "width", /*width*/ ctx[9], false);
1985
1986
  internal.set_style(div1, "transform", /*transform*/ ctx[7], false);
1986
1987
  internal.set_style(div1, "transform-origin", /*transformOrigin*/ ctx[8], false);
@@ -2011,7 +2012,7 @@
2011
2012
  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);
2012
2013
  }
2013
2014
 
2014
- if (dirty & /*type*/ 1 && div1_class_value !== (div1_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels-" + /*type*/ ctx[0] + " svelte-1rr09in")) {
2015
+ if (dirty & /*type*/ 1 && div1_class_value !== (div1_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels-" + /*type*/ ctx[0] + " svelte-1d5a0k4")) {
2015
2016
  internal.attr(div1, "class", div1_class_value);
2016
2017
  }
2017
2018
  },
@@ -2327,7 +2328,7 @@
2327
2328
  /* src/floorplan/Components/Normalmage.svelte generated by Svelte v3.47.0 */
2328
2329
 
2329
2330
  function add_css$e(target) {
2330
- internal.append_styles(target, "svelte-1cuuebb", "img.svelte-1cuuebb{width:100%;height:100%}");
2331
+ internal.append_styles(target, "svelte-1gfoniz", "img.svelte-1gfoniz{width:100%;height:100%}");
2331
2332
  }
2332
2333
 
2333
2334
  function create_fragment$i(ctx) {
@@ -2339,7 +2340,7 @@
2339
2340
  img = internal.element("img");
2340
2341
  if (!internal.src_url_equal(img.src, img_src_value = /*url*/ ctx[0])) internal.attr(img, "src", img_src_value);
2341
2342
  internal.attr(img, "alt", "floorplan iamge");
2342
- internal.attr(img, "class", "svelte-1cuuebb");
2343
+ internal.attr(img, "class", "svelte-1gfoniz");
2343
2344
  },
2344
2345
  m(target, anchor) {
2345
2346
  internal.insert(target, img, anchor);
@@ -2377,7 +2378,7 @@
2377
2378
  /* src/floorplan/Components/SvgImage.svelte generated by Svelte v3.47.0 */
2378
2379
 
2379
2380
  function add_css$d(target) {
2380
- internal.append_styles(target, "svelte-1qqy56u", ".floorplan-plugin__base-image.svelte-1qqy56u{width:100%;height:100%}");
2381
+ internal.append_styles(target, "svelte-ub47ya", ".floorplan-plugin__base-image.svelte-ub47ya{width:100%;height:100%}");
2381
2382
  }
2382
2383
 
2383
2384
  function create_fragment$h(ctx) {
@@ -2394,7 +2395,7 @@
2394
2395
  html_tag_1 = new internal.HtmlTag();
2395
2396
  html_tag.a = t;
2396
2397
  html_tag_1.a = null;
2397
- internal.attr(div, "class", "floorplan-plugin__base-image svelte-1qqy56u");
2398
+ internal.attr(div, "class", "floorplan-plugin__base-image svelte-ub47ya");
2398
2399
  },
2399
2400
  m(target, anchor) {
2400
2401
  internal.insert(target, div, anchor);
@@ -2424,8 +2425,7 @@
2424
2425
  }
2425
2426
  svg [type='lineItemGroup'] g g g g {
2426
2427
  stroke: #ffffff;
2427
- }
2428
- </style>
2428
+ }</style>
2429
2429
  `;
2430
2430
 
2431
2431
  $$self.$$set = $$props => {
@@ -2445,7 +2445,7 @@
2445
2445
  /* src/floorplan/Components/BaseImage.svelte generated by Svelte v3.47.0 */
2446
2446
 
2447
2447
  function add_css$c(target) {
2448
- internal.append_styles(target, "svelte-126ja8e", ".floorplan-plugin__base-image.svelte-126ja8e{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
2448
+ internal.append_styles(target, "svelte-ozpg4a", ".floorplan-plugin__base-image.svelte-ozpg4a{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
2449
2449
  }
2450
2450
 
2451
2451
  // (13:22)
@@ -2541,7 +2541,7 @@
2541
2541
  c() {
2542
2542
  div = internal.element("div");
2543
2543
  if (if_block) if_block.c();
2544
- internal.attr(div, "class", "floorplan-plugin__base-image svelte-126ja8e");
2544
+ internal.attr(div, "class", "floorplan-plugin__base-image svelte-ozpg4a");
2545
2545
  },
2546
2546
  m(target, anchor) {
2547
2547
  internal.insert(target, div, anchor);
@@ -2910,7 +2910,7 @@
2910
2910
  /* src/floorplan/Components/RoomMaterials/RoomMaterial.svelte generated by Svelte v3.47.0 */
2911
2911
 
2912
2912
  function add_css$b(target) {
2913
- internal.append_styles(target, "svelte-1b0icjc", "svg.svelte-1b0icjc{position:absolute;width:100%;height:100%;overflow:visible}");
2913
+ internal.append_styles(target, "svelte-1d4xj70", "svg.svelte-1d4xj70{position:absolute;width:100%;height:100%;overflow:visible}");
2914
2914
  }
2915
2915
 
2916
2916
  function get_each_context$4(ctx, list, i) {
@@ -3043,7 +3043,7 @@
3043
3043
  c() {
3044
3044
  svg = internal.svg_element("svg");
3045
3045
  if_block.c();
3046
- internal.attr(svg, "class", "svelte-1b0icjc");
3046
+ internal.attr(svg, "class", "svelte-1d4xj70");
3047
3047
  },
3048
3048
  m(target, anchor) {
3049
3049
  internal.insert(target, svg, anchor);
@@ -3212,7 +3212,7 @@
3212
3212
  /* src/floorplan/Components/RoomHighlight/Room.svelte generated by Svelte v3.47.0 */
3213
3213
 
3214
3214
  function add_css$a(target) {
3215
- internal.append_styles(target, "svelte-11takew", "path.svelte-11takew{opacity:0}path.svelte-11takew:hover{opacity:0.1}");
3215
+ internal.append_styles(target, "svelte-19uvvss", "path.svelte-19uvvss{opacity:0}path.svelte-19uvvss:hover{opacity:0.1}");
3216
3216
  }
3217
3217
 
3218
3218
  function create_fragment$b(ctx) {
@@ -3223,7 +3223,7 @@
3223
3223
  path = internal.svg_element("path");
3224
3224
  internal.attr(path, "d", /*_pathD*/ ctx[0]);
3225
3225
  internal.attr(path, "fill", `#fff`);
3226
- internal.attr(path, "class", "svelte-11takew");
3226
+ internal.attr(path, "class", "svelte-19uvvss");
3227
3227
  },
3228
3228
  m(target, anchor) {
3229
3229
  internal.insert(target, path, anchor);
@@ -3267,7 +3267,7 @@
3267
3267
  /* src/floorplan/Components/RoomHighlight/RoomHighlight.svelte generated by Svelte v3.47.0 */
3268
3268
 
3269
3269
  function add_css$9(target) {
3270
- 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}");
3270
+ 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}");
3271
3271
  }
3272
3272
 
3273
3273
  function get_each_context$3(ctx, list, i) {
@@ -3369,8 +3369,8 @@
3369
3369
  each_blocks[i].c();
3370
3370
  }
3371
3371
 
3372
- internal.attr(svg, "class", "svelte-1aais5l");
3373
- internal.attr(div, "class", "floorplan-plugin__room-highlight svelte-1aais5l");
3372
+ internal.attr(svg, "class", "svelte-klfhwd");
3373
+ internal.attr(div, "class", "floorplan-plugin__room-highlight svelte-klfhwd");
3374
3374
  internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[10].call(div));
3375
3375
  },
3376
3376
  m(target, anchor) {
@@ -3526,7 +3526,7 @@
3526
3526
  /* src/floorplan/ModelFloorplanPlugin/Components/CurrentFloor/CurrentFloor.svelte generated by Svelte v3.47.0 */
3527
3527
 
3528
3528
  function add_css$8(target) {
3529
- internal.append_styles(target, "svelte-3pdgs4", ".floorplan-current-floor.svelte-3pdgs4{position:relative;width:100%;height:100%}");
3529
+ internal.append_styles(target, "svelte-tlo7rk", ".floorplan-current-floor.svelte-tlo7rk{position:relative;width:100%;height:100%}");
3530
3530
  }
3531
3531
 
3532
3532
  // (19:2) {#if hoverEnable}
@@ -3760,7 +3760,7 @@
3760
3760
  if (if_block1) if_block1.c();
3761
3761
  t3 = internal.space();
3762
3762
  if (if_block2) if_block2.c();
3763
- internal.attr(div, "class", "floorplan-current-floor svelte-3pdgs4");
3763
+ internal.attr(div, "class", "floorplan-current-floor svelte-tlo7rk");
3764
3764
  },
3765
3765
  m(target, anchor) {
3766
3766
  internal.insert(target, div, anchor);
@@ -3961,7 +3961,7 @@
3961
3961
  /* src/floorplan/ModelFloorplanPlugin/Components/Main.svelte generated by Svelte v3.47.0 */
3962
3962
 
3963
3963
  function add_css$7(target) {
3964
- internal.append_styles(target, "svelte-177x2q7", ".floorplan-main.svelte-177x2q7{width:100%;height:100%}");
3964
+ internal.append_styles(target, "svelte-q5wdnn", ".floorplan-main.svelte-q5wdnn{width:100%;height:100%}");
3965
3965
  }
3966
3966
 
3967
3967
  // (24:0) {#if visible}
@@ -4022,7 +4022,7 @@
4022
4022
  internal.create_component(camera.$$.fragment);
4023
4023
  t1 = internal.space();
4024
4024
  if (if_block) if_block.c();
4025
- internal.attr(div, "class", "floorplan-main svelte-177x2q7");
4025
+ internal.attr(div, "class", "floorplan-main svelte-q5wdnn");
4026
4026
  },
4027
4027
  m(target, anchor) {
4028
4028
  internal.insert(target, div, anchor);
@@ -4652,7 +4652,7 @@
4652
4652
  /* src/floorplan/PanoFloorplanRadarPlugin/Components/Camera.svelte generated by Svelte v3.47.0 */
4653
4653
 
4654
4654
  function add_css$6(target) {
4655
- 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%}");
4655
+ 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%}");
4656
4656
  }
4657
4657
 
4658
4658
  function create_fragment$7(ctx) {
@@ -4665,12 +4665,12 @@
4665
4665
  div2 = internal.element("div");
4666
4666
  div1 = internal.element("div");
4667
4667
  div0 = internal.element("div");
4668
- internal.attr(div0, "class", "plugin-radar__camera-rotate svelte-o7uo2v");
4668
+ internal.attr(div0, "class", "plugin-radar__camera-rotate svelte-1ty3s4p");
4669
4669
  internal.set_style(div0, "background-image", "url(" + (/*cameraImageUrl*/ ctx[0] || CAMERA_IMAGE) + ")");
4670
4670
  internal.set_style(div0, "transform", /*rotateTransform*/ ctx[1], false);
4671
- internal.attr(div1, "class", "plugin-radar__camera-position svelte-o7uo2v");
4671
+ internal.attr(div1, "class", "plugin-radar__camera-position svelte-1ty3s4p");
4672
4672
  internal.set_style(div1, "transform", /*positionTransform*/ ctx[2], false);
4673
- internal.attr(div2, "class", "plugin-radar__camera-wrapper svelte-o7uo2v");
4673
+ internal.attr(div2, "class", "plugin-radar__camera-wrapper svelte-1ty3s4p");
4674
4674
  },
4675
4675
  m(target, anchor) {
4676
4676
  internal.insert(target, div2, anchor);
@@ -4786,7 +4786,7 @@
4786
4786
  /* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/ExtraObjects.svelte generated by Svelte v3.47.0 */
4787
4787
 
4788
4788
  function add_css$5(target) {
4789
- 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%)}");
4789
+ 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%)}");
4790
4790
  }
4791
4791
 
4792
4792
  function get_each_context$2(ctx, list, i) {
@@ -4812,11 +4812,11 @@
4812
4812
  div1 = internal.element("div");
4813
4813
  div0 = internal.element("div");
4814
4814
  t = internal.space();
4815
- internal.attr(div0, "class", "plugin-pano-floorplan__extra-object-item svelte-8n0d4v");
4815
+ internal.attr(div0, "class", "plugin-pano-floorplan__extra-object-item svelte-1i87fz7");
4816
4816
  internal.set_style(div0, "background-image", `url(${/*extraObject*/ ctx[1].icon.url})`);
4817
4817
  internal.set_style(div0, "width", style_width, false);
4818
4818
  internal.set_style(div0, "height", style_height, false);
4819
- internal.attr(div1, "class", "plugin-pano-floorplan__extra-object-item--position svelte-8n0d4v");
4819
+ internal.attr(div1, "class", "plugin-pano-floorplan__extra-object-item--position svelte-1i87fz7");
4820
4820
  internal.set_style(div1, "top", style_top, false);
4821
4821
  internal.set_style(div1, "left", style_left, false);
4822
4822
  this.first = div1;
@@ -4876,7 +4876,7 @@
4876
4876
  each_blocks[i].c();
4877
4877
  }
4878
4878
 
4879
- internal.attr(div, "class", "plugin-pano-floorplan__extra-objects svelte-8n0d4v");
4879
+ internal.attr(div, "class", "plugin-pano-floorplan__extra-objects svelte-1i87fz7");
4880
4880
  },
4881
4881
  m(target, anchor) {
4882
4882
  internal.insert(target, div, anchor);
@@ -5150,7 +5150,7 @@
5150
5150
  /* src/floorplan/PanoFloorplanRadarPlugin/Components/Main.svelte generated by Svelte v3.47.0 */
5151
5151
 
5152
5152
  function add_css$4(target) {
5153
- 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}");
5153
+ 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}");
5154
5154
  }
5155
5155
 
5156
5156
  // (41:2) {#if clientWidth !== 0}
@@ -5205,7 +5205,7 @@
5205
5205
  internal.create_component(currentfloor.$$.fragment);
5206
5206
  t = internal.space();
5207
5207
  internal.create_component(camera.$$.fragment);
5208
- internal.attr(div, "class", "plugin-floorplan-radar-container svelte-7d8ub2");
5208
+ internal.attr(div, "class", "plugin-floorplan-radar-container svelte-1mvqyqq");
5209
5209
  internal.set_style(div, "width", style_width, false);
5210
5210
  internal.set_style(div, "height", style_height, false);
5211
5211
  },
@@ -5282,7 +5282,7 @@
5282
5282
  c() {
5283
5283
  div = internal.element("div");
5284
5284
  if (if_block) if_block.c();
5285
- internal.attr(div, "class", "plugin-floorplan-radar svelte-7d8ub2");
5285
+ internal.attr(div, "class", "plugin-floorplan-radar svelte-1mvqyqq");
5286
5286
  internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[11].call(div));
5287
5287
  },
5288
5288
  m(target, anchor) {
@@ -13212,7 +13212,7 @@
13212
13212
  /* src/PanoSpatialTagPlugin/Components/origins.svelte generated by Svelte v3.47.0 */
13213
13213
 
13214
13214
  function add_css$3(target) {
13215
- 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}}");
13215
+ 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}}");
13216
13216
  }
13217
13217
 
13218
13218
  function get_each_context$1(ctx, list, i) {
@@ -13236,7 +13236,7 @@
13236
13236
  return {
13237
13237
  c() {
13238
13238
  i = internal.element("i");
13239
- internal.attr(i, "class", "svelte-scnx9u");
13239
+ internal.attr(i, "class", "svelte-1kuu68s");
13240
13240
  internal.toggle_class(i, "PanoSpatialTagPlugin__tag-origin", true);
13241
13241
  internal.toggle_class(i, "PanoSpatialTagPlugin__tag-origin-destroy", /*origin*/ ctx[3].destroying);
13242
13242
  internal.set_style(i, "top", style_top, false);
@@ -13361,7 +13361,7 @@
13361
13361
  /* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.47.0 */
13362
13362
 
13363
13363
  function add_css$2(target) {
13364
- 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)}}");
13364
+ 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)}}");
13365
13365
  }
13366
13366
 
13367
13367
  function create_fragment$2(ctx) {
@@ -13395,19 +13395,19 @@
13395
13395
  t3 = internal.space();
13396
13396
  div3 = internal.element("div");
13397
13397
  div2 = internal.element("div");
13398
- internal.attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1c0xhg0");
13398
+ internal.attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1wukaol");
13399
13399
  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)");
13400
- internal.attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1c0xhg0");
13400
+ internal.attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1wukaol");
13401
13401
  internal.set_style(i0, "width", /*lineWidthZoom*/ ctx[4] + "rem");
13402
- internal.attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1c0xhg0");
13403
- internal.attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1c0xhg0");
13404
- internal.attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-1c0xhg0");
13405
- internal.attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-1c0xhg0");
13406
- internal.attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-1c0xhg0");
13402
+ internal.attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1wukaol");
13403
+ internal.attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1wukaol");
13404
+ internal.attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-1wukaol");
13405
+ internal.attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-1wukaol");
13406
+ internal.attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-1wukaol");
13407
13407
  internal.set_style(div3, "transform", "scale(" + /*contentZoom*/ ctx[3] * 3 + ")");
13408
13408
  internal.attr(div4, "id", div4_id_value = 'PanoSpatialTagPlugin__' + /*id*/ ctx[0]);
13409
13409
  internal.set_style(div4, "height", 20 * /*lineHeightZoom*/ ctx[5] + "rem");
13410
- internal.attr(div4, "class", "svelte-1c0xhg0");
13410
+ internal.attr(div4, "class", "svelte-1wukaol");
13411
13411
  internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-x", true);
13412
13412
  internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-upside-down", /*upsideDown*/ ctx[1]);
13413
13413
  internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-show", /*show*/ ctx[10]);
@@ -14268,12 +14268,13 @@
14268
14268
  DISPLAY_STRATEGY_TYPE["SMALL"] = "small";
14269
14269
  DISPLAY_STRATEGY_TYPE["MIDLLE"] = "middle";
14270
14270
  DISPLAY_STRATEGY_TYPE["LARGE"] = "large";
14271
+ DISPLAY_STRATEGY_TYPE["EXTRA_LARGE"] = "x-large";
14271
14272
  })(DISPLAY_STRATEGY_TYPE || (DISPLAY_STRATEGY_TYPE = {}));
14272
14273
 
14273
14274
  /* src/ModelItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.47.0 */
14274
14275
 
14275
14276
  function add_css$1(target) {
14276
- 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 }}");
14277
+ 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 }}");
14277
14278
  }
14278
14279
 
14279
14280
  function create_fragment$1(ctx) {
@@ -14300,12 +14301,12 @@
14300
14301
  t0 = internal.text(t0_value);
14301
14302
  t1 = internal.space();
14302
14303
  div1 = internal.element("div");
14303
- internal.attr(span, "class", "item-label-item__text svelte-1mttyji");
14304
- internal.attr(div0, "class", "item-label-item__text-wrap svelte-1mttyji");
14304
+ internal.attr(span, "class", "item-label-item__text svelte-1hzvil1");
14305
+ internal.attr(div0, "class", "item-label-item__text-wrap svelte-1hzvil1");
14305
14306
  internal.set_style(div0, "top", `-${/*itemLabel*/ ctx[0].strokeLength + 26}px`);
14306
- internal.attr(div1, "class", "item-label-item__bar svelte-1mttyji");
14307
+ internal.attr(div1, "class", "item-label-item__bar svelte-1hzvil1");
14307
14308
  internal.set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
14308
- internal.attr(div2, "class", div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1mttyji"));
14309
+ internal.attr(div2, "class", div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1hzvil1"));
14309
14310
  internal.set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
14310
14311
  internal.set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
14311
14312
  },
@@ -14335,7 +14336,7 @@
14335
14336
  internal.set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
14336
14337
  }
14337
14338
 
14338
- 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"))) {
14339
+ 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"))) {
14339
14340
  internal.attr(div2, "class", div2_class_value);
14340
14341
  }
14341
14342
 
@@ -14381,19 +14382,34 @@
14381
14382
  }
14382
14383
  }
14383
14384
 
14385
+ /**
14386
+ * 创建一个防抖动函数,该函数会在 wait 毫秒后调用 func 方法
14387
+ * @param func - 要防抖动的函数
14388
+ * @param [wait=0] - 需要延迟的毫秒数
14389
+ */
14390
+ function debounce(func, wait = 200) {
14391
+ let last;
14392
+ return function (...args) {
14393
+ clearTimeout(last);
14394
+ last = setTimeout(() => {
14395
+ func(...args);
14396
+ }, wait);
14397
+ };
14398
+ }
14399
+
14384
14400
  /* src/ModelItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.47.0 */
14385
14401
 
14386
14402
  function add_css(target) {
14387
- internal.append_styles(target, "svelte-rmdeb", ".item-labels-container.svelte-rmdeb{width:100%;height:100%;position:relative}");
14403
+ internal.append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
14388
14404
  }
14389
14405
 
14390
14406
  function get_each_context(ctx, list, i) {
14391
14407
  const child_ctx = ctx.slice();
14392
- child_ctx[26] = list[i];
14408
+ child_ctx[28] = list[i];
14393
14409
  return child_ctx;
14394
14410
  }
14395
14411
 
14396
- // (179:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
14412
+ // (162:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
14397
14413
  function create_each_block(key_1, ctx) {
14398
14414
  let first;
14399
14415
  let itemlabelitem;
@@ -14401,7 +14417,7 @@
14401
14417
 
14402
14418
  itemlabelitem = new ItemLabelItem({
14403
14419
  props: {
14404
- itemLabel: /*itemLabelItem*/ ctx[26],
14420
+ itemLabel: /*itemLabelItem*/ ctx[28],
14405
14421
  hooks: /*hooks*/ ctx[0]
14406
14422
  }
14407
14423
  });
@@ -14422,7 +14438,7 @@
14422
14438
  p(new_ctx, dirty) {
14423
14439
  ctx = new_ctx;
14424
14440
  const itemlabelitem_changes = {};
14425
- if (dirty & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[26];
14441
+ if (dirty & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[28];
14426
14442
  if (dirty & /*hooks*/ 1) itemlabelitem_changes.hooks = /*hooks*/ ctx[0];
14427
14443
  itemlabelitem.$set(itemlabelitem_changes);
14428
14444
  },
@@ -14449,7 +14465,7 @@
14449
14465
  let div_resize_listener;
14450
14466
  let current;
14451
14467
  let each_value = /*renderItemLabels*/ ctx[1];
14452
- const get_key = ctx => /*itemLabelItem*/ ctx[26].id;
14468
+ const get_key = ctx => /*itemLabelItem*/ ctx[28].id;
14453
14469
 
14454
14470
  for (let i = 0; i < each_value.length; i += 1) {
14455
14471
  let child_ctx = get_each_context(ctx, each_value, i);
@@ -14465,8 +14481,9 @@
14465
14481
  each_blocks[i].c();
14466
14482
  }
14467
14483
 
14468
- internal.attr(div, "class", "item-labels-container svelte-rmdeb");
14469
- internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[9].call(div));
14484
+ internal.attr(div, "class", "item-labels-container svelte-gk8s47");
14485
+ internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[10].call(div));
14486
+ internal.set_style(div, "opacity", /*itemsVisible*/ ctx[4] ? 1 : 0, false);
14470
14487
  },
14471
14488
  m(target, anchor) {
14472
14489
  internal.insert(target, div, anchor);
@@ -14475,7 +14492,7 @@
14475
14492
  each_blocks[i].m(div, null);
14476
14493
  }
14477
14494
 
14478
- div_resize_listener = internal.add_resize_listener(div, /*div_elementresize_handler*/ ctx[9].bind(div));
14495
+ div_resize_listener = internal.add_resize_listener(div, /*div_elementresize_handler*/ ctx[10].bind(div));
14479
14496
  current = true;
14480
14497
  },
14481
14498
  p(ctx, [dirty]) {
@@ -14485,6 +14502,10 @@
14485
14502
  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);
14486
14503
  internal.check_outros();
14487
14504
  }
14505
+
14506
+ if (dirty & /*itemsVisible*/ 16) {
14507
+ internal.set_style(div, "opacity", /*itemsVisible*/ ctx[4] ? 1 : 0, false);
14508
+ }
14488
14509
  },
14489
14510
  i(local) {
14490
14511
  if (current) return;
@@ -14534,6 +14555,14 @@
14534
14555
  // 计算重叠
14535
14556
  let cssOffsetLists = [];
14536
14557
 
14558
+ // 动画过程中 itemsVisible 为 false
14559
+ let itemsVisible = true;
14560
+
14561
+ /**
14562
+ * 可见性策略:
14563
+ * 1、当前楼层(假设先不考虑多楼层)
14564
+ * 2、模型未被遮挡(一个 box 有没有被遮挡的计算? TODO)
14565
+ * */
14537
14566
  const getLabelVisible = (five, itemLabel) => {
14538
14567
  // 虚拟 VR 仅有一层,不考虑楼层信息
14539
14568
  const raycaster = new Raycaster();
@@ -14587,6 +14616,8 @@
14587
14616
  return Math.ceil(-38.9 * itemSpaceHeight + 130);
14588
14617
  case DISPLAY_STRATEGY_TYPE.LARGE:
14589
14618
  return Math.ceil(-44.44 * itemSpaceHeight + 140);
14619
+ case DISPLAY_STRATEGY_TYPE.EXTRA_LARGE:
14620
+ return Math.ceil(-92.59 * itemSpaceHeight + 300);
14590
14621
  }
14591
14622
  }
14592
14623
 
@@ -14633,15 +14664,27 @@
14633
14664
  addDataUpdateListener();
14634
14665
  });
14635
14666
 
14667
+ const handleCameraUpdateCallback = () => {
14668
+ $$invalidate(4, itemsVisible = false);
14669
+ handleCameraUpdate();
14670
+ };
14671
+
14636
14672
  svelte.onMount(() => {
14637
14673
  $$invalidate(1, renderItemLabels = itemLabels);
14638
14674
  curItemLabels = itemLabels;
14639
14675
  onItemLabelUpdate();
14640
-
14641
- // five.on('cameraUpdate', onItemLabelUpdate)
14642
14676
  addResizeListener();
14677
+ five.on('cameraUpdate', handleCameraUpdateCallback);
14643
14678
  });
14644
14679
 
14680
+ const handleCameraUpdate = debounce(
14681
+ () => {
14682
+ $$invalidate(4, itemsVisible = true);
14683
+ onItemLabelUpdate();
14684
+ },
14685
+ 300
14686
+ );
14687
+
14645
14688
  const addResizeListener = () => {
14646
14689
  wrapperSize = {
14647
14690
  width: wrapper.clientWidth,
@@ -14655,7 +14698,6 @@
14655
14698
  if (curItemLabels !== itemLabels) {
14656
14699
  $$invalidate(1, renderItemLabels = itemLabels);
14657
14700
  curItemLabels = itemLabels;
14658
- console.log('--debug--update--');
14659
14701
  onItemLabelUpdate();
14660
14702
  }
14661
14703
  };
@@ -14673,13 +14715,11 @@
14673
14715
  });
14674
14716
 
14675
14717
  svelte.onDestroy(() => {
14676
- // five.off('cameraUpdate', onItemLabelUpdate)
14718
+ five.off('cameraUpdate', handleCameraUpdateCallback);
14677
14719
  resizeObserver.unobserve(wrapper);
14678
-
14679
- curItemLabels = null;
14680
- $$invalidate(1, renderItemLabels = null);
14681
- wrapperSize = { width: 0, height: 0 };
14682
- });
14720
+ }); // curItemLabels = null
14721
+ // renderItemLabels = null
14722
+ // wrapperSize = { width: 0, height: 0 }
14683
14723
 
14684
14724
  function div_elementresize_handler() {
14685
14725
  containerWidth = this.clientWidth;
@@ -14689,12 +14729,12 @@
14689
14729
  }
14690
14730
 
14691
14731
  $$self.$$set = $$props => {
14692
- if ('five' in $$props) $$invalidate(4, five = $$props.five);
14693
- if ('modelOcclusionEnable' in $$props) $$invalidate(5, modelOcclusionEnable = $$props.modelOcclusionEnable);
14694
- if ('itemLabels' in $$props) $$invalidate(6, itemLabels = $$props.itemLabels);
14695
- if ('wrapper' in $$props) $$invalidate(7, wrapper = $$props.wrapper);
14732
+ if ('five' in $$props) $$invalidate(5, five = $$props.five);
14733
+ if ('modelOcclusionEnable' in $$props) $$invalidate(6, modelOcclusionEnable = $$props.modelOcclusionEnable);
14734
+ if ('itemLabels' in $$props) $$invalidate(7, itemLabels = $$props.itemLabels);
14735
+ if ('wrapper' in $$props) $$invalidate(8, wrapper = $$props.wrapper);
14696
14736
  if ('hooks' in $$props) $$invalidate(0, hooks = $$props.hooks);
14697
- if ('displayStrategyType' in $$props) $$invalidate(8, displayStrategyType = $$props.displayStrategyType);
14737
+ if ('displayStrategyType' in $$props) $$invalidate(9, displayStrategyType = $$props.displayStrategyType);
14698
14738
  };
14699
14739
 
14700
14740
  return [
@@ -14702,6 +14742,7 @@
14702
14742
  renderItemLabels,
14703
14743
  containerWidth,
14704
14744
  containerHeight,
14745
+ itemsVisible,
14705
14746
  five,
14706
14747
  modelOcclusionEnable,
14707
14748
  itemLabels,
@@ -14722,12 +14763,12 @@
14722
14763
  create_fragment,
14723
14764
  internal.safe_not_equal,
14724
14765
  {
14725
- five: 4,
14726
- modelOcclusionEnable: 5,
14727
- itemLabels: 6,
14728
- wrapper: 7,
14766
+ five: 5,
14767
+ modelOcclusionEnable: 6,
14768
+ itemLabels: 7,
14769
+ wrapper: 8,
14729
14770
  hooks: 0,
14730
- displayStrategyType: 8
14771
+ displayStrategyType: 9
14731
14772
  },
14732
14773
  add_css
14733
14774
  );
@@ -14752,7 +14793,6 @@
14752
14793
  hooks: new five.Subscribe(),
14753
14794
  modelOcclusionEnable: (_a = params === null || params === void 0 ? void 0 : params.modelOcclusionEnable) !== null && _a !== void 0 ? _a : true,
14754
14795
  displayStrategyType: (_b = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _b !== void 0 ? _b : DISPLAY_STRATEGY_TYPE.SMALL,
14755
- pending: false
14756
14796
  };
14757
14797
  pluginState.container.setAttribute('class', 'model-item-label-plugin-container');
14758
14798
  pluginState.container.style.cssText = `
@@ -14761,6 +14801,7 @@
14761
14801
  top: 0;
14762
14802
  width: 100%;
14763
14803
  height: 100%;
14804
+ z-index: 5;
14764
14805
  `;
14765
14806
  pluginState.container.style.pointerEvents = 'none'; // 写到 cssText 里不生效
14766
14807
  const appendTo = (wrapper) => {
@@ -14791,50 +14832,6 @@
14791
14832
  removeListener4Five();
14792
14833
  pluginState.container.remove();
14793
14834
  };
14794
- const handleRerender = () => {
14795
- if (!pluginState.enabled || !pluginState.fiveModeEnabled || pluginState.pending)
14796
- return;
14797
- pluginState.pending = true;
14798
- disable();
14799
- };
14800
- const rerender = (a, b, c) => {
14801
- if (!pluginState.pending)
14802
- return;
14803
- if (!pluginState.fiveModeEnabled)
14804
- return;
14805
- if (!c)
14806
- return;
14807
- pluginState.pending = false;
14808
- enable();
14809
- render();
14810
- };
14811
- const handleInteriaPanRerender = (a, b) => {
14812
- if (!pluginState.pending)
14813
- return;
14814
- if (!pluginState.fiveModeEnabled)
14815
- return;
14816
- if (!b)
14817
- return;
14818
- pluginState.pending = false;
14819
- enable();
14820
- render();
14821
- };
14822
- const handleWantsPanGesture = (pose, final) => {
14823
- if (pose) {
14824
- handleRerender();
14825
- }
14826
- };
14827
- const handlePanGesture = (pose, final) => {
14828
- if (!pluginState.pending)
14829
- return;
14830
- if (!pluginState.fiveModeEnabled)
14831
- return;
14832
- if (!final)
14833
- return;
14834
- pluginState.pending = false;
14835
- enable();
14836
- render();
14837
- };
14838
14835
  const render = () => {
14839
14836
  var _a;
14840
14837
  if (!pluginState.wrapper)
@@ -14870,33 +14867,13 @@
14870
14867
  const addListener4Five = () => {
14871
14868
  five$1.on('modeChange', onFiveModeChange);
14872
14869
  five$1.once('dispose', dispose);
14873
- // five.on('wantsGesture', handleRerender)
14874
- // five.on('gesture', rerender)
14875
- five$1.on('wantsMouseWheel', handleRerender);
14876
- five$1.on('mouseWheel', rerender);
14877
- five$1.on('wantsInteriaPan', handleRerender);
14878
- five$1.on('interiaPan', handleInteriaPanRerender);
14879
- five$1.on('wantsPanGesture', handleWantsPanGesture);
14880
- five$1.on('panGesture', handlePanGesture);
14881
- five$1.on('wantsPinchGesture', handleRerender);
14882
- five$1.on('pinchGesture', rerender);
14883
14870
  };
14884
14871
  // 取消 five 监听
14885
14872
  const removeListener4Five = () => {
14886
14873
  five$1.off('modeChange', onFiveModeChange);
14887
- // five.off('wantsGesture', handleRerender)
14888
- // five.off('gesture', rerender)
14889
- five$1.off('wantsMouseWheel', handleRerender);
14890
- five$1.off('mouseWheel', rerender);
14891
- five$1.off('wantsInteriaPan', handleRerender);
14892
- five$1.off('interiaPan', handleInteriaPanRerender);
14893
- five$1.off('wantsPanGesture', handleWantsPanGesture);
14894
- five$1.off('panGesture', handlePanGesture);
14895
- five$1.off('wantsPinchGesture', handleRerender);
14896
- five$1.off('pinchGesture', rerender);
14897
14874
  };
14898
14875
  const onFiveModeChange = (mode) => {
14899
- if (!pluginState.enabled || pluginState.pending)
14876
+ if (!pluginState.enabled)
14900
14877
  return;
14901
14878
  if (mode !== five.Five.Mode.Floorplan) {
14902
14879
  pluginState.fiveModeEnabled = false;