@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.es.js CHANGED
@@ -478,7 +478,7 @@ const ROOM_LABEL_BG = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAA8CAY
478
478
  /* src/ModelRoomLabelPlugin/RoomLabelItem.svelte generated by Svelte v3.47.0 */
479
479
 
480
480
  function add_css$l(target) {
481
- 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}");
481
+ 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}");
482
482
  }
483
483
 
484
484
  function create_fragment$q(ctx) {
@@ -498,11 +498,11 @@ function create_fragment$q(ctx) {
498
498
  t0 = text(t0_value);
499
499
  t1 = space();
500
500
  div0 = element("div");
501
- attr(span, "class", "room-label-item__text svelte-17nkflf");
501
+ attr(span, "class", "room-label-item__text svelte-1ak9fbs");
502
502
  set_style(span, "background-image", "url(" + ROOM_LABEL_BG + ")");
503
503
  toggle_class(span, "wide", /*roomLabel*/ ctx[0].name.length > 3);
504
- attr(div0, "class", "room-label-item__bar svelte-17nkflf");
505
- attr(div1, "class", "room-label-item svelte-17nkflf");
504
+ attr(div0, "class", "room-label-item__bar svelte-1ak9fbs");
505
+ attr(div1, "class", "room-label-item svelte-1ak9fbs");
506
506
  set_style(div1, "z-index", /*roomLabel*/ ctx[0].zIndex, false);
507
507
  set_style(div1, "transform", /*roomLabel*/ ctx[0].transform, false);
508
508
  set_style(div1, "opacity", /*roomLabel*/ ctx[0].visible ? 1 : 0, false);
@@ -578,7 +578,7 @@ class RoomLabelItem extends SvelteComponent {
578
578
  /* src/ModelRoomLabelPlugin/RoomLabelItems.svelte generated by Svelte v3.47.0 */
579
579
 
580
580
  function add_css$k(target) {
581
- append_styles(target, "svelte-185yvaa", ".room-labels-container.svelte-185yvaa{width:100%;height:100%;position:relative;color:#fff}");
581
+ append_styles(target, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
582
582
  }
583
583
 
584
584
  function get_each_context$8(ctx, list, i) {
@@ -659,7 +659,7 @@ function create_fragment$p(ctx) {
659
659
  each_blocks[i].c();
660
660
  }
661
661
 
662
- attr(div, "class", "room-labels-container svelte-185yvaa");
662
+ attr(div, "class", "room-labels-container svelte-9eg4zi");
663
663
  add_render_callback(() => /*div_elementresize_handler*/ ctx[4].call(div));
664
664
  },
665
665
  m(target, anchor) {
@@ -892,6 +892,7 @@ class ModelRoomLabelController {
892
892
  this.container.style.pointerEvents = 'none';
893
893
  this.container.style.left = '0';
894
894
  this.container.style.top = '0';
895
+ this.container.style.zIndex = '5';
895
896
  // five listener
896
897
  this.five.once('dispose', () => this.dispose());
897
898
  this.five.on('modeChange', this.onFiveModeChange);
@@ -1226,7 +1227,7 @@ function rad2Deg$1(rad) {
1226
1227
  /* src/floorplan/ModelFloorplanPlugin/Components/Camera.svelte generated by Svelte v3.47.0 */
1227
1228
 
1228
1229
  function add_css$j(target) {
1229
- 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%}");
1230
+ 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%}");
1230
1231
  }
1231
1232
 
1232
1233
  function create_fragment$o(ctx) {
@@ -1237,7 +1238,7 @@ function create_fragment$o(ctx) {
1237
1238
  c() {
1238
1239
  div1 = element("div");
1239
1240
  div0 = element("div");
1240
- attr(div0, "class", "floorplan__camera-rotate svelte-e8a2kn");
1241
+ attr(div0, "class", "floorplan__camera-rotate svelte-17cl35n");
1241
1242
  set_style(div0, "background-image", `url(${/*cameraImageUrl*/ ctx[0] || CAMERA_IMAGE})`);
1242
1243
  set_style(div0, "width", /*domSizeStyle*/ ctx[4], false);
1243
1244
  set_style(div0, "height", /*domSizeStyle*/ ctx[4], false);
@@ -1245,7 +1246,7 @@ function create_fragment$o(ctx) {
1245
1246
  set_style(div0, "top", '-' + /*domSizeStyle*/ ctx[4], false);
1246
1247
  set_style(div0, "transform", `rotate(${/*rotate*/ ctx[3]}deg)`, false);
1247
1248
  set_style(div0, "transform-origin", `${/*domSizeStyle*/ ctx[4]} ${/*domSizeStyle*/ ctx[4]}`, false);
1248
- attr(div1, "class", "floorplan__camera-position svelte-e8a2kn");
1249
+ attr(div1, "class", "floorplan__camera-position svelte-17cl35n");
1249
1250
  set_style(div1, "left", /*positionLeft*/ ctx[1], false);
1250
1251
  set_style(div1, "top", /*positionTop*/ ctx[2], false);
1251
1252
  },
@@ -1331,7 +1332,7 @@ const COMPASS_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArUAAAB7CAM
1331
1332
  /* src/floorplan/ModelFloorplanPlugin/Components/Compass.svelte generated by Svelte v3.47.0 */
1332
1333
 
1333
1334
  function add_css$i(target) {
1334
- 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}");
1335
+ 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}");
1335
1336
  }
1336
1337
 
1337
1338
  // (13:0) {#if northRad}
@@ -1349,10 +1350,10 @@ function create_if_block$8(ctx) {
1349
1350
  t0 = space();
1350
1351
  span = element("span");
1351
1352
  t1 = text(/*northDesc*/ ctx[0]);
1352
- attr(div0, "class", "floorplan-plugin__compass-image svelte-5l80pv");
1353
+ attr(div0, "class", "floorplan-plugin__compass-image svelte-1q44ru9");
1353
1354
  set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
1354
- attr(span, "class", "floorplan-plugin__compass-text svelte-5l80pv");
1355
- attr(div1, "class", "floorplan-plugin__compass svelte-5l80pv");
1355
+ attr(span, "class", "floorplan-plugin__compass-text svelte-1q44ru9");
1356
+ attr(div1, "class", "floorplan-plugin__compass svelte-1q44ru9");
1356
1357
  set_style(div1, "transform", /*compassTransformStyle*/ ctx[2], false);
1357
1358
  },
1358
1359
  m(target, anchor) {
@@ -1430,7 +1431,7 @@ class Compass extends SvelteComponent {
1430
1431
  /* src/floorplan/ModelFloorplanPlugin/Components/RoomLabels/RoomLabel.svelte generated by Svelte v3.47.0 */
1431
1432
 
1432
1433
  function add_css$h(target) {
1433
- 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}");
1434
+ 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}");
1434
1435
  }
1435
1436
 
1436
1437
  // (22:30)
@@ -1475,7 +1476,7 @@ function create_if_block$7(ctx) {
1475
1476
  span1 = element("span");
1476
1477
  span1.textContent = `${/*roomSizeDes*/ ctx[3]}`;
1477
1478
  attr(span0, "class", "floorplan-plugin__room-name");
1478
- attr(span1, "class", "floorplan-plugin__room-size svelte-1ashbdx");
1479
+ attr(span1, "class", "floorplan-plugin__room-size svelte-i2nwuk");
1479
1480
  },
1480
1481
  m(target, anchor) {
1481
1482
  insert(target, span0, anchor);
@@ -1509,7 +1510,7 @@ function create_fragment$m(ctx) {
1509
1510
  c() {
1510
1511
  div = element("div");
1511
1512
  if (if_block) if_block.c();
1512
- attr(div, "class", "floorplan-plugin__room-label-item svelte-1ashbdx");
1513
+ attr(div, "class", "floorplan-plugin__room-label-item svelte-i2nwuk");
1513
1514
  set_style(div, "left", /*left*/ ctx[4], false);
1514
1515
  set_style(div, "top", /*top*/ ctx[5], false);
1515
1516
  set_style(div, "font-size", /*fontSize*/ ctx[6], false);
@@ -1584,7 +1585,7 @@ class RoomLabel extends SvelteComponent {
1584
1585
  /* src/floorplan/ModelFloorplanPlugin/Components/RoomLabels/RoomLabels.svelte generated by Svelte v3.47.0 */
1585
1586
 
1586
1587
  function add_css$g(target) {
1587
- append_styles(target, "svelte-sw25w3", ".floorplan-plugin__room-labels.svelte-sw25w3{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20}");
1588
+ append_styles(target, "svelte-vkeyjz", ".floorplan-plugin__room-labels.svelte-vkeyjz{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20}");
1588
1589
  }
1589
1590
 
1590
1591
  function get_each_context$7(ctx, list, i) {
@@ -1616,7 +1617,7 @@ function create_if_block$6(ctx) {
1616
1617
  each_blocks[i].c();
1617
1618
  }
1618
1619
 
1619
- attr(div, "class", "floorplan-plugin__room-labels svelte-sw25w3");
1620
+ attr(div, "class", "floorplan-plugin__room-labels svelte-vkeyjz");
1620
1621
  },
1621
1622
  m(target, anchor) {
1622
1623
  insert(target, div, anchor);
@@ -1836,7 +1837,7 @@ function notNil(value) {
1836
1837
  /* src/floorplan/ModelFloorplanPlugin/Components/RuleLabels/RuleItem.svelte generated by Svelte v3.47.0 */
1837
1838
 
1838
1839
  function add_css$f(target) {
1839
- 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%)}");
1840
+ 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%)}");
1840
1841
  }
1841
1842
 
1842
1843
  function get_each_context$6(ctx, list, i) {
@@ -1863,7 +1864,7 @@ function create_each_block_1(key_1, ctx) {
1863
1864
  first: null,
1864
1865
  c() {
1865
1866
  div = element("div");
1866
- attr(div, "class", "floorplan-plugin__rule-scale svelte-1rr09in");
1867
+ attr(div, "class", "floorplan-plugin__rule-scale svelte-1d5a0k4");
1867
1868
  set_style(div, "left", style_left, false);
1868
1869
  this.first = div;
1869
1870
  },
@@ -1896,9 +1897,9 @@ function create_each_block$6(key_1, ctx) {
1896
1897
  span = element("span");
1897
1898
  t0 = text(t0_value);
1898
1899
  t1 = space();
1899
- attr(span, "class", "floorplan-plugin__rule-text svelte-1rr09in");
1900
+ attr(span, "class", "floorplan-plugin__rule-text svelte-1d5a0k4");
1900
1901
  toggle_class(span, "is-row", /*isRow*/ ctx[5]);
1901
- attr(div, "class", "floorplan-plugin__text-wrapper svelte-1rr09in");
1902
+ attr(div, "class", "floorplan-plugin__text-wrapper svelte-1d5a0k4");
1902
1903
  toggle_class(div, "floorplan-plugin__text-wrapper--is-left-or-top", /*isLeft*/ ctx[3] || /*isTop*/ ctx[1]);
1903
1904
  toggle_class(div, "floorplan-plugin__text-wrapper-is-right-or-bottom", /*isRight*/ ctx[4] || /*isBottom*/ ctx[2]);
1904
1905
  set_style(div, "left", style_left, false);
@@ -1963,8 +1964,8 @@ function create_fragment$k(ctx) {
1963
1964
  each_blocks[i].c();
1964
1965
  }
1965
1966
 
1966
- attr(div0, "class", "floorplan-plugin__rule-line svelte-1rr09in");
1967
- attr(div1, "class", div1_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels-" + /*type*/ ctx[0] + " svelte-1rr09in");
1967
+ attr(div0, "class", "floorplan-plugin__rule-line svelte-1d5a0k4");
1968
+ attr(div1, "class", div1_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels-" + /*type*/ ctx[0] + " svelte-1d5a0k4");
1968
1969
  set_style(div1, "width", /*width*/ ctx[9], false);
1969
1970
  set_style(div1, "transform", /*transform*/ ctx[7], false);
1970
1971
  set_style(div1, "transform-origin", /*transformOrigin*/ ctx[8], false);
@@ -1995,7 +1996,7 @@ function create_fragment$k(ctx) {
1995
1996
  each_blocks = update_keyed_each(each_blocks, dirty, get_key_1, 1, ctx, each_value, each1_lookup, div1, destroy_block, create_each_block$6, null, get_each_context$6);
1996
1997
  }
1997
1998
 
1998
- if (dirty & /*type*/ 1 && div1_class_value !== (div1_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels-" + /*type*/ ctx[0] + " svelte-1rr09in")) {
1999
+ if (dirty & /*type*/ 1 && div1_class_value !== (div1_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels-" + /*type*/ ctx[0] + " svelte-1d5a0k4")) {
1999
2000
  attr(div1, "class", div1_class_value);
2000
2001
  }
2001
2002
  },
@@ -2311,7 +2312,7 @@ class RuleLabels extends SvelteComponent {
2311
2312
  /* src/floorplan/Components/Normalmage.svelte generated by Svelte v3.47.0 */
2312
2313
 
2313
2314
  function add_css$e(target) {
2314
- append_styles(target, "svelte-1cuuebb", "img.svelte-1cuuebb{width:100%;height:100%}");
2315
+ append_styles(target, "svelte-1gfoniz", "img.svelte-1gfoniz{width:100%;height:100%}");
2315
2316
  }
2316
2317
 
2317
2318
  function create_fragment$i(ctx) {
@@ -2323,7 +2324,7 @@ function create_fragment$i(ctx) {
2323
2324
  img = element("img");
2324
2325
  if (!src_url_equal(img.src, img_src_value = /*url*/ ctx[0])) attr(img, "src", img_src_value);
2325
2326
  attr(img, "alt", "floorplan iamge");
2326
- attr(img, "class", "svelte-1cuuebb");
2327
+ attr(img, "class", "svelte-1gfoniz");
2327
2328
  },
2328
2329
  m(target, anchor) {
2329
2330
  insert(target, img, anchor);
@@ -2361,7 +2362,7 @@ class Normalmage extends SvelteComponent {
2361
2362
  /* src/floorplan/Components/SvgImage.svelte generated by Svelte v3.47.0 */
2362
2363
 
2363
2364
  function add_css$d(target) {
2364
- append_styles(target, "svelte-1qqy56u", ".floorplan-plugin__base-image.svelte-1qqy56u{width:100%;height:100%}");
2365
+ append_styles(target, "svelte-ub47ya", ".floorplan-plugin__base-image.svelte-ub47ya{width:100%;height:100%}");
2365
2366
  }
2366
2367
 
2367
2368
  function create_fragment$h(ctx) {
@@ -2378,7 +2379,7 @@ function create_fragment$h(ctx) {
2378
2379
  html_tag_1 = new HtmlTag();
2379
2380
  html_tag.a = t;
2380
2381
  html_tag_1.a = null;
2381
- attr(div, "class", "floorplan-plugin__base-image svelte-1qqy56u");
2382
+ attr(div, "class", "floorplan-plugin__base-image svelte-ub47ya");
2382
2383
  },
2383
2384
  m(target, anchor) {
2384
2385
  insert(target, div, anchor);
@@ -2408,8 +2409,7 @@ function instance$h($$self, $$props, $$invalidate) {
2408
2409
  }
2409
2410
  svg [type='lineItemGroup'] g g g g {
2410
2411
  stroke: #ffffff;
2411
- }
2412
- </style>
2412
+ }</style>
2413
2413
  `;
2414
2414
 
2415
2415
  $$self.$$set = $$props => {
@@ -2429,7 +2429,7 @@ class SvgImage extends SvelteComponent {
2429
2429
  /* src/floorplan/Components/BaseImage.svelte generated by Svelte v3.47.0 */
2430
2430
 
2431
2431
  function add_css$c(target) {
2432
- append_styles(target, "svelte-126ja8e", ".floorplan-plugin__base-image.svelte-126ja8e{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
2432
+ append_styles(target, "svelte-ozpg4a", ".floorplan-plugin__base-image.svelte-ozpg4a{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
2433
2433
  }
2434
2434
 
2435
2435
  // (13:22)
@@ -2525,7 +2525,7 @@ function create_fragment$g(ctx) {
2525
2525
  c() {
2526
2526
  div = element("div");
2527
2527
  if (if_block) if_block.c();
2528
- attr(div, "class", "floorplan-plugin__base-image svelte-126ja8e");
2528
+ attr(div, "class", "floorplan-plugin__base-image svelte-ozpg4a");
2529
2529
  },
2530
2530
  m(target, anchor) {
2531
2531
  insert(target, div, anchor);
@@ -2894,7 +2894,7 @@ class RoomMaterial_2 extends SvelteComponent {
2894
2894
  /* src/floorplan/Components/RoomMaterials/RoomMaterial.svelte generated by Svelte v3.47.0 */
2895
2895
 
2896
2896
  function add_css$b(target) {
2897
- append_styles(target, "svelte-1b0icjc", "svg.svelte-1b0icjc{position:absolute;width:100%;height:100%;overflow:visible}");
2897
+ append_styles(target, "svelte-1d4xj70", "svg.svelte-1d4xj70{position:absolute;width:100%;height:100%;overflow:visible}");
2898
2898
  }
2899
2899
 
2900
2900
  function get_each_context$4(ctx, list, i) {
@@ -3027,7 +3027,7 @@ function create_each_block$4(ctx) {
3027
3027
  c() {
3028
3028
  svg = svg_element("svg");
3029
3029
  if_block.c();
3030
- attr(svg, "class", "svelte-1b0icjc");
3030
+ attr(svg, "class", "svelte-1d4xj70");
3031
3031
  },
3032
3032
  m(target, anchor) {
3033
3033
  insert(target, svg, anchor);
@@ -3196,7 +3196,7 @@ class RoomMaterial extends SvelteComponent {
3196
3196
  /* src/floorplan/Components/RoomHighlight/Room.svelte generated by Svelte v3.47.0 */
3197
3197
 
3198
3198
  function add_css$a(target) {
3199
- append_styles(target, "svelte-11takew", "path.svelte-11takew{opacity:0}path.svelte-11takew:hover{opacity:0.1}");
3199
+ append_styles(target, "svelte-19uvvss", "path.svelte-19uvvss{opacity:0}path.svelte-19uvvss:hover{opacity:0.1}");
3200
3200
  }
3201
3201
 
3202
3202
  function create_fragment$b(ctx) {
@@ -3207,7 +3207,7 @@ function create_fragment$b(ctx) {
3207
3207
  path = svg_element("path");
3208
3208
  attr(path, "d", /*_pathD*/ ctx[0]);
3209
3209
  attr(path, "fill", `#fff`);
3210
- attr(path, "class", "svelte-11takew");
3210
+ attr(path, "class", "svelte-19uvvss");
3211
3211
  },
3212
3212
  m(target, anchor) {
3213
3213
  insert(target, path, anchor);
@@ -3251,7 +3251,7 @@ class Room extends SvelteComponent {
3251
3251
  /* src/floorplan/Components/RoomHighlight/RoomHighlight.svelte generated by Svelte v3.47.0 */
3252
3252
 
3253
3253
  function add_css$9(target) {
3254
- 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}");
3254
+ 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}");
3255
3255
  }
3256
3256
 
3257
3257
  function get_each_context$3(ctx, list, i) {
@@ -3353,8 +3353,8 @@ function create_fragment$a(ctx) {
3353
3353
  each_blocks[i].c();
3354
3354
  }
3355
3355
 
3356
- attr(svg, "class", "svelte-1aais5l");
3357
- attr(div, "class", "floorplan-plugin__room-highlight svelte-1aais5l");
3356
+ attr(svg, "class", "svelte-klfhwd");
3357
+ attr(div, "class", "floorplan-plugin__room-highlight svelte-klfhwd");
3358
3358
  add_render_callback(() => /*div_elementresize_handler*/ ctx[10].call(div));
3359
3359
  },
3360
3360
  m(target, anchor) {
@@ -3510,7 +3510,7 @@ class RoomHighlight extends SvelteComponent {
3510
3510
  /* src/floorplan/ModelFloorplanPlugin/Components/CurrentFloor/CurrentFloor.svelte generated by Svelte v3.47.0 */
3511
3511
 
3512
3512
  function add_css$8(target) {
3513
- append_styles(target, "svelte-3pdgs4", ".floorplan-current-floor.svelte-3pdgs4{position:relative;width:100%;height:100%}");
3513
+ append_styles(target, "svelte-tlo7rk", ".floorplan-current-floor.svelte-tlo7rk{position:relative;width:100%;height:100%}");
3514
3514
  }
3515
3515
 
3516
3516
  // (19:2) {#if hoverEnable}
@@ -3744,7 +3744,7 @@ function create_fragment$9(ctx) {
3744
3744
  if (if_block1) if_block1.c();
3745
3745
  t3 = space();
3746
3746
  if (if_block2) if_block2.c();
3747
- attr(div, "class", "floorplan-current-floor svelte-3pdgs4");
3747
+ attr(div, "class", "floorplan-current-floor svelte-tlo7rk");
3748
3748
  },
3749
3749
  m(target, anchor) {
3750
3750
  insert(target, div, anchor);
@@ -3945,7 +3945,7 @@ class CurrentFloor$1 extends SvelteComponent {
3945
3945
  /* src/floorplan/ModelFloorplanPlugin/Components/Main.svelte generated by Svelte v3.47.0 */
3946
3946
 
3947
3947
  function add_css$7(target) {
3948
- append_styles(target, "svelte-177x2q7", ".floorplan-main.svelte-177x2q7{width:100%;height:100%}");
3948
+ append_styles(target, "svelte-q5wdnn", ".floorplan-main.svelte-q5wdnn{width:100%;height:100%}");
3949
3949
  }
3950
3950
 
3951
3951
  // (24:0) {#if visible}
@@ -4006,7 +4006,7 @@ function create_if_block$2(ctx) {
4006
4006
  create_component(camera.$$.fragment);
4007
4007
  t1 = space();
4008
4008
  if (if_block) if_block.c();
4009
- attr(div, "class", "floorplan-main svelte-177x2q7");
4009
+ attr(div, "class", "floorplan-main svelte-q5wdnn");
4010
4010
  },
4011
4011
  m(target, anchor) {
4012
4012
  insert(target, div, anchor);
@@ -4636,7 +4636,7 @@ function throttle(func, wait = 200) {
4636
4636
  /* src/floorplan/PanoFloorplanRadarPlugin/Components/Camera.svelte generated by Svelte v3.47.0 */
4637
4637
 
4638
4638
  function add_css$6(target) {
4639
- 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%}");
4639
+ 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%}");
4640
4640
  }
4641
4641
 
4642
4642
  function create_fragment$7(ctx) {
@@ -4649,12 +4649,12 @@ function create_fragment$7(ctx) {
4649
4649
  div2 = element("div");
4650
4650
  div1 = element("div");
4651
4651
  div0 = element("div");
4652
- attr(div0, "class", "plugin-radar__camera-rotate svelte-o7uo2v");
4652
+ attr(div0, "class", "plugin-radar__camera-rotate svelte-1ty3s4p");
4653
4653
  set_style(div0, "background-image", "url(" + (/*cameraImageUrl*/ ctx[0] || CAMERA_IMAGE) + ")");
4654
4654
  set_style(div0, "transform", /*rotateTransform*/ ctx[1], false);
4655
- attr(div1, "class", "plugin-radar__camera-position svelte-o7uo2v");
4655
+ attr(div1, "class", "plugin-radar__camera-position svelte-1ty3s4p");
4656
4656
  set_style(div1, "transform", /*positionTransform*/ ctx[2], false);
4657
- attr(div2, "class", "plugin-radar__camera-wrapper svelte-o7uo2v");
4657
+ attr(div2, "class", "plugin-radar__camera-wrapper svelte-1ty3s4p");
4658
4658
  },
4659
4659
  m(target, anchor) {
4660
4660
  insert(target, div2, anchor);
@@ -4770,7 +4770,7 @@ class Camera extends SvelteComponent {
4770
4770
  /* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/ExtraObjects.svelte generated by Svelte v3.47.0 */
4771
4771
 
4772
4772
  function add_css$5(target) {
4773
- 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%)}");
4773
+ 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%)}");
4774
4774
  }
4775
4775
 
4776
4776
  function get_each_context$2(ctx, list, i) {
@@ -4796,11 +4796,11 @@ function create_each_block$2(key_1, ctx) {
4796
4796
  div1 = element("div");
4797
4797
  div0 = element("div");
4798
4798
  t = space();
4799
- attr(div0, "class", "plugin-pano-floorplan__extra-object-item svelte-8n0d4v");
4799
+ attr(div0, "class", "plugin-pano-floorplan__extra-object-item svelte-1i87fz7");
4800
4800
  set_style(div0, "background-image", `url(${/*extraObject*/ ctx[1].icon.url})`);
4801
4801
  set_style(div0, "width", style_width, false);
4802
4802
  set_style(div0, "height", style_height, false);
4803
- attr(div1, "class", "plugin-pano-floorplan__extra-object-item--position svelte-8n0d4v");
4803
+ attr(div1, "class", "plugin-pano-floorplan__extra-object-item--position svelte-1i87fz7");
4804
4804
  set_style(div1, "top", style_top, false);
4805
4805
  set_style(div1, "left", style_left, false);
4806
4806
  this.first = div1;
@@ -4860,7 +4860,7 @@ function create_fragment$6(ctx) {
4860
4860
  each_blocks[i].c();
4861
4861
  }
4862
4862
 
4863
- attr(div, "class", "plugin-pano-floorplan__extra-objects svelte-8n0d4v");
4863
+ attr(div, "class", "plugin-pano-floorplan__extra-objects svelte-1i87fz7");
4864
4864
  },
4865
4865
  m(target, anchor) {
4866
4866
  insert(target, div, anchor);
@@ -5134,7 +5134,7 @@ class CurrentFloor extends SvelteComponent {
5134
5134
  /* src/floorplan/PanoFloorplanRadarPlugin/Components/Main.svelte generated by Svelte v3.47.0 */
5135
5135
 
5136
5136
  function add_css$4(target) {
5137
- 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}");
5137
+ 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}");
5138
5138
  }
5139
5139
 
5140
5140
  // (41:2) {#if clientWidth !== 0}
@@ -5189,7 +5189,7 @@ function create_if_block(ctx) {
5189
5189
  create_component(currentfloor.$$.fragment);
5190
5190
  t = space();
5191
5191
  create_component(camera.$$.fragment);
5192
- attr(div, "class", "plugin-floorplan-radar-container svelte-7d8ub2");
5192
+ attr(div, "class", "plugin-floorplan-radar-container svelte-1mvqyqq");
5193
5193
  set_style(div, "width", style_width, false);
5194
5194
  set_style(div, "height", style_height, false);
5195
5195
  },
@@ -5266,7 +5266,7 @@ function create_fragment$4(ctx) {
5266
5266
  c() {
5267
5267
  div = element("div");
5268
5268
  if (if_block) if_block.c();
5269
- attr(div, "class", "plugin-floorplan-radar svelte-7d8ub2");
5269
+ attr(div, "class", "plugin-floorplan-radar svelte-1mvqyqq");
5270
5270
  add_render_callback(() => /*div_elementresize_handler*/ ctx[11].call(div));
5271
5271
  },
5272
5272
  m(target, anchor) {
@@ -13196,7 +13196,7 @@ const currentTarget = writable(null);
13196
13196
  /* src/PanoSpatialTagPlugin/Components/origins.svelte generated by Svelte v3.47.0 */
13197
13197
 
13198
13198
  function add_css$3(target) {
13199
- 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}}");
13199
+ 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}}");
13200
13200
  }
13201
13201
 
13202
13202
  function get_each_context$1(ctx, list, i) {
@@ -13220,7 +13220,7 @@ function create_each_block$1(ctx) {
13220
13220
  return {
13221
13221
  c() {
13222
13222
  i = element("i");
13223
- attr(i, "class", "svelte-scnx9u");
13223
+ attr(i, "class", "svelte-1kuu68s");
13224
13224
  toggle_class(i, "PanoSpatialTagPlugin__tag-origin", true);
13225
13225
  toggle_class(i, "PanoSpatialTagPlugin__tag-origin-destroy", /*origin*/ ctx[3].destroying);
13226
13226
  set_style(i, "top", style_top, false);
@@ -13345,7 +13345,7 @@ class Origins extends SvelteComponent {
13345
13345
  /* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.47.0 */
13346
13346
 
13347
13347
  function add_css$2(target) {
13348
- 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)}}");
13348
+ 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)}}");
13349
13349
  }
13350
13350
 
13351
13351
  function create_fragment$2(ctx) {
@@ -13379,19 +13379,19 @@ function create_fragment$2(ctx) {
13379
13379
  t3 = space();
13380
13380
  div3 = element("div");
13381
13381
  div2 = element("div");
13382
- attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1c0xhg0");
13382
+ attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1wukaol");
13383
13383
  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)");
13384
- attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1c0xhg0");
13384
+ attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1wukaol");
13385
13385
  set_style(i0, "width", /*lineWidthZoom*/ ctx[4] + "rem");
13386
- attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1c0xhg0");
13387
- attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1c0xhg0");
13388
- attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-1c0xhg0");
13389
- attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-1c0xhg0");
13390
- attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-1c0xhg0");
13386
+ attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1wukaol");
13387
+ attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1wukaol");
13388
+ attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-1wukaol");
13389
+ attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-1wukaol");
13390
+ attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-1wukaol");
13391
13391
  set_style(div3, "transform", "scale(" + /*contentZoom*/ ctx[3] * 3 + ")");
13392
13392
  attr(div4, "id", div4_id_value = 'PanoSpatialTagPlugin__' + /*id*/ ctx[0]);
13393
13393
  set_style(div4, "height", 20 * /*lineHeightZoom*/ ctx[5] + "rem");
13394
- attr(div4, "class", "svelte-1c0xhg0");
13394
+ attr(div4, "class", "svelte-1wukaol");
13395
13395
  toggle_class(div4, "PanoSpatialTagPlugin__tag-x", true);
13396
13396
  toggle_class(div4, "PanoSpatialTagPlugin__tag-upside-down", /*upsideDown*/ ctx[1]);
13397
13397
  toggle_class(div4, "PanoSpatialTagPlugin__tag-show", /*show*/ ctx[10]);
@@ -14252,12 +14252,13 @@ var DISPLAY_STRATEGY_TYPE;
14252
14252
  DISPLAY_STRATEGY_TYPE["SMALL"] = "small";
14253
14253
  DISPLAY_STRATEGY_TYPE["MIDLLE"] = "middle";
14254
14254
  DISPLAY_STRATEGY_TYPE["LARGE"] = "large";
14255
+ DISPLAY_STRATEGY_TYPE["EXTRA_LARGE"] = "x-large";
14255
14256
  })(DISPLAY_STRATEGY_TYPE || (DISPLAY_STRATEGY_TYPE = {}));
14256
14257
 
14257
14258
  /* src/ModelItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.47.0 */
14258
14259
 
14259
14260
  function add_css$1(target) {
14260
- 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 }}");
14261
+ 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 }}");
14261
14262
  }
14262
14263
 
14263
14264
  function create_fragment$1(ctx) {
@@ -14284,12 +14285,12 @@ function create_fragment$1(ctx) {
14284
14285
  t0 = text(t0_value);
14285
14286
  t1 = space();
14286
14287
  div1 = element("div");
14287
- attr(span, "class", "item-label-item__text svelte-1mttyji");
14288
- attr(div0, "class", "item-label-item__text-wrap svelte-1mttyji");
14288
+ attr(span, "class", "item-label-item__text svelte-1hzvil1");
14289
+ attr(div0, "class", "item-label-item__text-wrap svelte-1hzvil1");
14289
14290
  set_style(div0, "top", `-${/*itemLabel*/ ctx[0].strokeLength + 26}px`);
14290
- attr(div1, "class", "item-label-item__bar svelte-1mttyji");
14291
+ attr(div1, "class", "item-label-item__bar svelte-1hzvil1");
14291
14292
  set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
14292
- attr(div2, "class", div2_class_value = "" + (null_to_empty(classNames("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1mttyji"));
14293
+ attr(div2, "class", div2_class_value = "" + (null_to_empty(classNames("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1hzvil1"));
14293
14294
  set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
14294
14295
  set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
14295
14296
  },
@@ -14319,7 +14320,7 @@ function create_fragment$1(ctx) {
14319
14320
  set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
14320
14321
  }
14321
14322
 
14322
- if (dirty & /*itemLabel*/ 1 && div2_class_value !== (div2_class_value = "" + (null_to_empty(classNames("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1mttyji"))) {
14323
+ if (dirty & /*itemLabel*/ 1 && div2_class_value !== (div2_class_value = "" + (null_to_empty(classNames("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1hzvil1"))) {
14323
14324
  attr(div2, "class", div2_class_value);
14324
14325
  }
14325
14326
 
@@ -14365,19 +14366,34 @@ class ItemLabelItem extends SvelteComponent {
14365
14366
  }
14366
14367
  }
14367
14368
 
14369
+ /**
14370
+ * 创建一个防抖动函数，该函数会在 wait 毫秒后调用 func 方法
14371
+ * @param func - 要防抖动的函数
14372
+ * @param [wait=0] - 需要延迟的毫秒数
14373
+ */
14374
+ function debounce(func, wait = 200) {
14375
+ let last;
14376
+ return function (...args) {
14377
+ clearTimeout(last);
14378
+ last = setTimeout(() => {
14379
+ func(...args);
14380
+ }, wait);
14381
+ };
14382
+ }
14383
+
14368
14384
  /* src/ModelItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.47.0 */
14369
14385
 
14370
14386
  function add_css(target) {
14371
- append_styles(target, "svelte-rmdeb", ".item-labels-container.svelte-rmdeb{width:100%;height:100%;position:relative}");
14387
+ append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
14372
14388
  }
14373
14389
 
14374
14390
  function get_each_context(ctx, list, i) {
14375
14391
  const child_ctx = ctx.slice();
14376
- child_ctx[26] = list[i];
14392
+ child_ctx[28] = list[i];
14377
14393
  return child_ctx;
14378
14394
  }
14379
14395
 
14380
- // (179:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
14396
+ // (162:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
14381
14397
  function create_each_block(key_1, ctx) {
14382
14398
  let first;
14383
14399
  let itemlabelitem;
@@ -14385,7 +14401,7 @@ function create_each_block(key_1, ctx) {
14385
14401
 
14386
14402
  itemlabelitem = new ItemLabelItem({
14387
14403
  props: {
14388
- itemLabel: /*itemLabelItem*/ ctx[26],
14404
+ itemLabel: /*itemLabelItem*/ ctx[28],
14389
14405
  hooks: /*hooks*/ ctx[0]
14390
14406
  }
14391
14407
  });
@@ -14406,7 +14422,7 @@ function create_each_block(key_1, ctx) {
14406
14422
  p(new_ctx, dirty) {
14407
14423
  ctx = new_ctx;
14408
14424
  const itemlabelitem_changes = {};
14409
- if (dirty & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[26];
14425
+ if (dirty & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[28];
14410
14426
  if (dirty & /*hooks*/ 1) itemlabelitem_changes.hooks = /*hooks*/ ctx[0];
14411
14427
  itemlabelitem.$set(itemlabelitem_changes);
14412
14428
  },
@@ -14433,7 +14449,7 @@ function create_fragment(ctx) {
14433
14449
  let div_resize_listener;
14434
14450
  let current;
14435
14451
  let each_value = /*renderItemLabels*/ ctx[1];
14436
- const get_key = ctx => /*itemLabelItem*/ ctx[26].id;
14452
+ const get_key = ctx => /*itemLabelItem*/ ctx[28].id;
14437
14453
 
14438
14454
  for (let i = 0; i < each_value.length; i += 1) {
14439
14455
  let child_ctx = get_each_context(ctx, each_value, i);
@@ -14449,8 +14465,9 @@ function create_fragment(ctx) {
14449
14465
  each_blocks[i].c();
14450
14466
  }
14451
14467
 
14452
- attr(div, "class", "item-labels-container svelte-rmdeb");
14453
- add_render_callback(() => /*div_elementresize_handler*/ ctx[9].call(div));
14468
+ attr(div, "class", "item-labels-container svelte-gk8s47");
14469
+ add_render_callback(() => /*div_elementresize_handler*/ ctx[10].call(div));
14470
+ set_style(div, "opacity", /*itemsVisible*/ ctx[4] ? 1 : 0, false);
14454
14471
  },
14455
14472
  m(target, anchor) {
14456
14473
  insert(target, div, anchor);
@@ -14459,7 +14476,7 @@ function create_fragment(ctx) {
14459
14476
  each_blocks[i].m(div, null);
14460
14477
  }
14461
14478
 
14462
- div_resize_listener = add_resize_listener(div, /*div_elementresize_handler*/ ctx[9].bind(div));
14479
+ div_resize_listener = add_resize_listener(div, /*div_elementresize_handler*/ ctx[10].bind(div));
14463
14480
  current = true;
14464
14481
  },
14465
14482
  p(ctx, [dirty]) {
@@ -14469,6 +14486,10 @@ function create_fragment(ctx) {
14469
14486
  each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, outro_and_destroy_block, create_each_block, null, get_each_context);
14470
14487
  check_outros();
14471
14488
  }
14489
+
14490
+ if (dirty & /*itemsVisible*/ 16) {
14491
+ set_style(div, "opacity", /*itemsVisible*/ ctx[4] ? 1 : 0, false);
14492
+ }
14472
14493
  },
14473
14494
  i(local) {
14474
14495
  if (current) return;
@@ -14518,6 +14539,14 @@ function instance($$self, $$props, $$invalidate) {
14518
14539
  // 计算重叠
14519
14540
  let cssOffsetLists = [];
14520
14541
 
14542
+ // 动画过程中 itemsVisible 为 false
14543
+ let itemsVisible = true;
14544
+
14545
+ /**
14546
+ * 可见性策略：
14547
+ * 1、当前楼层(假设先不考虑多楼层)
14548
+ * 2、模型未被遮挡（一个 box 有没有被遮挡的计算？ TODO）
14549
+ * */
14521
14550
  const getLabelVisible = (five, itemLabel) => {
14522
14551
  // 虚拟 VR 仅有一层，不考虑楼层信息
14523
14552
  const raycaster = new Raycaster();
@@ -14571,6 +14600,8 @@ function instance($$self, $$props, $$invalidate) {
14571
14600
  return Math.ceil(-38.9 * itemSpaceHeight + 130);
14572
14601
  case DISPLAY_STRATEGY_TYPE.LARGE:
14573
14602
  return Math.ceil(-44.44 * itemSpaceHeight + 140);
14603
+ case DISPLAY_STRATEGY_TYPE.EXTRA_LARGE:
14604
+ return Math.ceil(-92.59 * itemSpaceHeight + 300);
14574
14605
  }
14575
14606
  }
14576
14607
 
@@ -14617,15 +14648,27 @@ function instance($$self, $$props, $$invalidate) {
14617
14648
  addDataUpdateListener();
14618
14649
  });
14619
14650
 
14651
+ const handleCameraUpdateCallback = () => {
14652
+ $$invalidate(4, itemsVisible = false);
14653
+ handleCameraUpdate();
14654
+ };
14655
+
14620
14656
  onMount(() => {
14621
14657
  $$invalidate(1, renderItemLabels = itemLabels);
14622
14658
  curItemLabels = itemLabels;
14623
14659
  onItemLabelUpdate();
14624
-
14625
- // five.on('cameraUpdate', onItemLabelUpdate)
14626
14660
  addResizeListener();
14661
+ five.on('cameraUpdate', handleCameraUpdateCallback);
14627
14662
  });
14628
14663
 
14664
+ const handleCameraUpdate = debounce(
14665
+ () => {
14666
+ $$invalidate(4, itemsVisible = true);
14667
+ onItemLabelUpdate();
14668
+ },
14669
+ 300
14670
+ );
14671
+
14629
14672
  const addResizeListener = () => {
14630
14673
  wrapperSize = {
14631
14674
  width: wrapper.clientWidth,
@@ -14639,7 +14682,6 @@ function instance($$self, $$props, $$invalidate) {
14639
14682
  if (curItemLabels !== itemLabels) {
14640
14683
  $$invalidate(1, renderItemLabels = itemLabels);
14641
14684
  curItemLabels = itemLabels;
14642
- console.log('--debug--update--');
14643
14685
  onItemLabelUpdate();
14644
14686
  }
14645
14687
  };
@@ -14657,13 +14699,11 @@ function instance($$self, $$props, $$invalidate) {
14657
14699
  });
14658
14700
 
14659
14701
  onDestroy(() => {
14660
- // five.off('cameraUpdate', onItemLabelUpdate)
14702
+ five.off('cameraUpdate', handleCameraUpdateCallback);
14661
14703
  resizeObserver.unobserve(wrapper);
14662
-
14663
- curItemLabels = null;
14664
- $$invalidate(1, renderItemLabels = null);
14665
- wrapperSize = { width: 0, height: 0 };
14666
- });
14704
+ }); // curItemLabels = null
14705
+ // renderItemLabels = null
14706
+ // wrapperSize = { width: 0, height: 0 }
14667
14707
 
14668
14708
  function div_elementresize_handler() {
14669
14709
  containerWidth = this.clientWidth;
@@ -14673,12 +14713,12 @@ function instance($$self, $$props, $$invalidate) {
14673
14713
  }
14674
14714
 
14675
14715
  $$self.$$set = $$props => {
14676
- if ('five' in $$props) $$invalidate(4, five = $$props.five);
14677
- if ('modelOcclusionEnable' in $$props) $$invalidate(5, modelOcclusionEnable = $$props.modelOcclusionEnable);
14678
- if ('itemLabels' in $$props) $$invalidate(6, itemLabels = $$props.itemLabels);
14679
- if ('wrapper' in $$props) $$invalidate(7, wrapper = $$props.wrapper);
14716
+ if ('five' in $$props) $$invalidate(5, five = $$props.five);
14717
+ if ('modelOcclusionEnable' in $$props) $$invalidate(6, modelOcclusionEnable = $$props.modelOcclusionEnable);
14718
+ if ('itemLabels' in $$props) $$invalidate(7, itemLabels = $$props.itemLabels);
14719
+ if ('wrapper' in $$props) $$invalidate(8, wrapper = $$props.wrapper);
14680
14720
  if ('hooks' in $$props) $$invalidate(0, hooks = $$props.hooks);
14681
- if ('displayStrategyType' in $$props) $$invalidate(8, displayStrategyType = $$props.displayStrategyType);
14721
+ if ('displayStrategyType' in $$props) $$invalidate(9, displayStrategyType = $$props.displayStrategyType);
14682
14722
  };
14683
14723
 
14684
14724
  return [
@@ -14686,6 +14726,7 @@ function instance($$self, $$props, $$invalidate) {
14686
14726
  renderItemLabels,
14687
14727
  containerWidth,
14688
14728
  containerHeight,
14729
+ itemsVisible,
14689
14730
  five,
14690
14731
  modelOcclusionEnable,
14691
14732
  itemLabels,
@@ -14706,12 +14747,12 @@ class ItemLabelComponent extends SvelteComponent {
14706
14747
  create_fragment,
14707
14748
  safe_not_equal,
14708
14749
  {
14709
- five: 4,
14710
- modelOcclusionEnable: 5,
14711
- itemLabels: 6,
14712
- wrapper: 7,
14750
+ five: 5,
14751
+ modelOcclusionEnable: 6,
14752
+ itemLabels: 7,
14753
+ wrapper: 8,
14713
14754
  hooks: 0,
14714
- displayStrategyType: 8
14755
+ displayStrategyType: 9
14715
14756
  },
14716
14757
  add_css
14717
14758
  );
@@ -14736,7 +14777,6 @@ const ModelItemLabelPlugin = (five, params) => {
14736
14777
  hooks: new Subscribe(),
14737
14778
  modelOcclusionEnable: (_a = params === null || params === void 0 ? void 0 : params.modelOcclusionEnable) !== null && _a !== void 0 ? _a : true,
14738
14779
  displayStrategyType: (_b = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _b !== void 0 ? _b : DISPLAY_STRATEGY_TYPE.SMALL,
14739
- pending: false
14740
14780
  };
14741
14781
  pluginState.container.setAttribute('class', 'model-item-label-plugin-container');
14742
14782
  pluginState.container.style.cssText = `
@@ -14745,6 +14785,7 @@ const ModelItemLabelPlugin = (five, params) => {
14745
14785
  top: 0;
14746
14786
  width: 100%;
14747
14787
  height: 100%;
14788
+ z-index: 5;
14748
14789
  `;
14749
14790
  pluginState.container.style.pointerEvents = 'none'; // 写到 cssText 里不生效
14750
14791
  const appendTo = (wrapper) => {
@@ -14775,50 +14816,6 @@ const ModelItemLabelPlugin = (five, params) => {
14775
14816
  removeListener4Five();
14776
14817
  pluginState.container.remove();
14777
14818
  };
14778
- const handleRerender = () => {
14779
- if (!pluginState.enabled || !pluginState.fiveModeEnabled || pluginState.pending)
14780
- return;
14781
- pluginState.pending = true;
14782
- disable();
14783
- };
14784
- const rerender = (a, b, c) => {
14785
- if (!pluginState.pending)
14786
- return;
14787
- if (!pluginState.fiveModeEnabled)
14788
- return;
14789
- if (!c)
14790
- return;
14791
- pluginState.pending = false;
14792
- enable();
14793
- render();
14794
- };
14795
- const handleInteriaPanRerender = (a, b) => {
14796
- if (!pluginState.pending)
14797
- return;
14798
- if (!pluginState.fiveModeEnabled)
14799
- return;
14800
- if (!b)
14801
- return;
14802
- pluginState.pending = false;
14803
- enable();
14804
- render();
14805
- };
14806
- const handleWantsPanGesture = (pose, final) => {
14807
- if (pose) {
14808
- handleRerender();
14809
- }
14810
- };
14811
- const handlePanGesture = (pose, final) => {
14812
- if (!pluginState.pending)
14813
- return;
14814
- if (!pluginState.fiveModeEnabled)
14815
- return;
14816
- if (!final)
14817
- return;
14818
- pluginState.pending = false;
14819
- enable();
14820
- render();
14821
- };
14822
14819
  const render = () => {
14823
14820
  var _a;
14824
14821
  if (!pluginState.wrapper)
@@ -14854,33 +14851,13 @@ const ModelItemLabelPlugin = (five, params) => {
14854
14851
  const addListener4Five = () => {
14855
14852
  five.on('modeChange', onFiveModeChange);
14856
14853
  five.once('dispose', dispose);
14857
- // five.on('wantsGesture', handleRerender)
14858
- // five.on('gesture', rerender)
14859
- five.on('wantsMouseWheel', handleRerender);
14860
- five.on('mouseWheel', rerender);
14861
- five.on('wantsInteriaPan', handleRerender);
14862
- five.on('interiaPan', handleInteriaPanRerender);
14863
- five.on('wantsPanGesture', handleWantsPanGesture);
14864
- five.on('panGesture', handlePanGesture);
14865
- five.on('wantsPinchGesture', handleRerender);
14866
- five.on('pinchGesture', rerender);
14867
14854
  };
14868
14855
  // 取消 five 监听
14869
14856
  const removeListener4Five = () => {
14870
14857
  five.off('modeChange', onFiveModeChange);
14871
- // five.off('wantsGesture', handleRerender)
14872
- // five.off('gesture', rerender)
14873
- five.off('wantsMouseWheel', handleRerender);
14874
- five.off('mouseWheel', rerender);
14875
- five.off('wantsInteriaPan', handleRerender);
14876
- five.off('interiaPan', handleInteriaPanRerender);
14877
- five.off('wantsPanGesture', handleWantsPanGesture);
14878
- five.off('panGesture', handlePanGesture);
14879
- five.off('wantsPinchGesture', handleRerender);
14880
- five.off('pinchGesture', rerender);
14881
14858
  };
14882
14859
  const onFiveModeChange = (mode) => {
14883
- if (!pluginState.enabled || pluginState.pending)
14860
+ if (!pluginState.enabled)
14884
14861
  return;
14885
14862
  if (mode !== Five.Mode.Floorplan) {
14886
14863
  pluginState.fiveModeEnabled = false;