@realsee/dnalogel 2.0.0-alpha.15 → 2.0.0-alpha.18

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 (50) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/ModelItemLabelPlugin/index.js +27 -23
  3. package/dist/ModelItemLabelPlugin/typings.d.ts +2 -1
  4. package/dist/ModelRoomLabelPlugin/index.js +7 -6
  5. package/dist/PanoMeasurePlugin/index.js +1 -21
  6. package/dist/PanoSpatialTagPlugin/index.js +11 -11
  7. package/dist/floorplan/ModelFloorplanPlugin/index.js +37 -38
  8. package/dist/floorplan/PanoFloorplanRadarPlugin/index.js +23 -24
  9. package/dist/floorplan/TopviewFloorplanPlugin/index.js +37 -38
  10. package/dist/index.es.js +94 -110
  11. package/dist/index.js +94 -110
  12. package/dist/index.umd.js +94 -110
  13. package/docs/classes/ModelRoomLabelController.html +6 -6
  14. package/docs/enums/FLOOR_PLAN_ATTACHED_TO.html +1 -1
  15. package/docs/enums/ModelFloorplanErrorType.html +1 -1
  16. package/docs/interfaces/LineJson.html +1 -1
  17. package/docs/interfaces/ModelChassisCompassPluginData.html +1 -1
  18. package/docs/interfaces/ModelChassisCompassPluginExportType.html +1 -1
  19. package/docs/interfaces/ModelChassisCompassPluginParameterType.html +1 -1
  20. package/docs/interfaces/ModelEntryDoorGuidePluginData.html +1 -1
  21. package/docs/interfaces/ModelEntryDoorGuidePluginExportType.html +1 -1
  22. package/docs/interfaces/ModelFloorplanParameterType.html +1 -1
  23. package/docs/interfaces/ModelFloorplanViewEvent.html +2 -2
  24. package/docs/interfaces/ModelItemLabelPluginData.html +1 -1
  25. package/docs/interfaces/ModelItemLabelPluginExportReturnsType.html +1 -1
  26. package/docs/interfaces/ModelItemLabelPluginParametersType.html +1 -1
  27. package/docs/interfaces/ModelRoomLabelPluginData.html +1 -1
  28. package/docs/interfaces/ModelTVVideoPluginData.html +1 -1
  29. package/docs/interfaces/ModelTVVideoPluginExportType.html +1 -1
  30. package/docs/interfaces/ModelTVVideoPluginParameterType.html +1 -1
  31. package/docs/interfaces/PanoCompassPluginData.html +1 -1
  32. package/docs/interfaces/PanoCompassPluginParameterType.html +1 -1
  33. package/docs/interfaces/PanoCursorRaycasterPluginExportType.html +6 -6
  34. package/docs/interfaces/PanoRulerPluginExportType.html +1 -1
  35. package/docs/interfaces/PanoRulerPluginOptions.html +1 -1
  36. package/docs/interfaces/PanoRulerPluginParameterType.html +1 -1
  37. package/docs/interfaces/PanoSpatialTagPluginData.html +1 -1
  38. package/docs/interfaces/PanoSpatialTagPluginExportType.html +1 -1
  39. package/docs/interfaces/PanoSpatialTagPluginParameterType.html +1 -1
  40. package/docs/interfaces/PointJson.html +1 -1
  41. package/docs/interfaces/RoomLabel.html +7 -7
  42. package/docs/interfaces/TopviewFloorplanPluginParameterType.html +1 -1
  43. package/docs/modules.html +12 -12
  44. package/libs/ModelItemLabelPlugin/ItemLabelComponent.js +17 -15
  45. package/libs/ModelItemLabelPlugin/index.js +1 -0
  46. package/libs/ModelItemLabelPlugin/typings.d.ts +2 -1
  47. package/libs/ModelItemLabelPlugin/typings.js +1 -0
  48. package/libs/ModelRoomLabelPlugin/Controller.js +1 -0
  49. package/libs/PanoMeasurePlugin/Controller/EditController.js +1 -1
  50. package/package.json +3 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # CHANGELOG
2
2
 
3
+ ## 2.0.0-alpha.18
4
+ - 1.fix: 修复 PanoMeasurePlugin 使用时 hammerjs 报错问题。
5
+
6
+ ## 2.0.0-alpha.17
7
+ - 1.fix: 修复构建输出 px2rem 失效问题。
8
+
9
+ ## 2.0.0-alpha.16
10
+ - 1.fix: 修复 z-index 问题;
11
+ - 2.fix: 修复 ModelItemLabelPlugin 事件监听问题。
12
+
3
13
  ## 2.0.0-alpha.15
4
14
  - 1.refactor: 优化 ModelItemLabelPlugin 在调用 five.setState() 时的动画显示。
5
15
 
@@ -36,12 +36,13 @@ var DISPLAY_STRATEGY_TYPE;
36
36
  DISPLAY_STRATEGY_TYPE["SMALL"] = "small";
37
37
  DISPLAY_STRATEGY_TYPE["MIDLLE"] = "middle";
38
38
  DISPLAY_STRATEGY_TYPE["LARGE"] = "large";
39
+ DISPLAY_STRATEGY_TYPE["EXTRA_LARGE"] = "x-large";
39
40
  })(DISPLAY_STRATEGY_TYPE || (DISPLAY_STRATEGY_TYPE = {}));
40
41
 
41
42
  /* src/ModelItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.47.0 */
42
43
 
43
44
  function add_css$1(target) {
44
- 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 }}");
45
+ 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 }}");
45
46
  }
46
47
 
47
48
  function create_fragment$1(ctx) {
@@ -68,12 +69,12 @@ function create_fragment$1(ctx) {
68
69
  t0 = internal.text(t0_value);
69
70
  t1 = internal.space();
70
71
  div1 = internal.element("div");
71
- internal.attr(span, "class", "item-label-item__text svelte-1mttyji");
72
- internal.attr(div0, "class", "item-label-item__text-wrap svelte-1mttyji");
72
+ internal.attr(span, "class", "item-label-item__text svelte-1hzvil1");
73
+ internal.attr(div0, "class", "item-label-item__text-wrap svelte-1hzvil1");
73
74
  internal.set_style(div0, "top", `-${/*itemLabel*/ ctx[0].strokeLength + 26}px`);
74
- internal.attr(div1, "class", "item-label-item__bar svelte-1mttyji");
75
+ internal.attr(div1, "class", "item-label-item__bar svelte-1hzvil1");
75
76
  internal.set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
76
- internal.attr(div2, "class", div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1mttyji"));
77
+ internal.attr(div2, "class", div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1hzvil1"));
77
78
  internal.set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
78
79
  internal.set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
79
80
  },
@@ -103,7 +104,7 @@ function create_fragment$1(ctx) {
103
104
  internal.set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
104
105
  }
105
106
 
106
- 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"))) {
107
+ 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"))) {
107
108
  internal.attr(div2, "class", div2_class_value);
108
109
  }
109
110
 
@@ -167,16 +168,16 @@ function debounce(func, wait = 200) {
167
168
  /* src/ModelItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.47.0 */
168
169
 
169
170
  function add_css(target) {
170
- internal.append_styles(target, "svelte-rmdeb", ".item-labels-container.svelte-rmdeb{width:100%;height:100%;position:relative}");
171
+ internal.append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
171
172
  }
172
173
 
173
174
  function get_each_context(ctx, list, i) {
174
175
  const child_ctx = ctx.slice();
175
- child_ctx[27] = list[i];
176
+ child_ctx[28] = list[i];
176
177
  return child_ctx;
177
178
  }
178
179
 
179
- // (159:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
180
+ // (162:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
180
181
  function create_each_block(key_1, ctx) {
181
182
  let first;
182
183
  let itemlabelitem;
@@ -184,7 +185,7 @@ function create_each_block(key_1, ctx) {
184
185
 
185
186
  itemlabelitem = new ItemLabelItem({
186
187
  props: {
187
- itemLabel: /*itemLabelItem*/ ctx[27],
188
+ itemLabel: /*itemLabelItem*/ ctx[28],
188
189
  hooks: /*hooks*/ ctx[0]
189
190
  }
190
191
  });
@@ -205,7 +206,7 @@ function create_each_block(key_1, ctx) {
205
206
  p(new_ctx, dirty) {
206
207
  ctx = new_ctx;
207
208
  const itemlabelitem_changes = {};
208
- if (dirty & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[27];
209
+ if (dirty & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[28];
209
210
  if (dirty & /*hooks*/ 1) itemlabelitem_changes.hooks = /*hooks*/ ctx[0];
210
211
  itemlabelitem.$set(itemlabelitem_changes);
211
212
  },
@@ -232,7 +233,7 @@ function create_fragment(ctx) {
232
233
  let div_resize_listener;
233
234
  let current;
234
235
  let each_value = /*renderItemLabels*/ ctx[1];
235
- const get_key = ctx => /*itemLabelItem*/ ctx[27].id;
236
+ const get_key = ctx => /*itemLabelItem*/ ctx[28].id;
236
237
 
237
238
  for (let i = 0; i < each_value.length; i += 1) {
238
239
  let child_ctx = get_each_context(ctx, each_value, i);
@@ -248,7 +249,7 @@ function create_fragment(ctx) {
248
249
  each_blocks[i].c();
249
250
  }
250
251
 
251
- internal.attr(div, "class", "item-labels-container svelte-rmdeb");
252
+ internal.attr(div, "class", "item-labels-container svelte-gk8s47");
252
253
  internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[10].call(div));
253
254
  internal.set_style(div, "opacity", /*itemsVisible*/ ctx[4] ? 1 : 0, false);
254
255
  },
@@ -383,6 +384,8 @@ function instance($$self, $$props, $$invalidate) {
383
384
  return Math.ceil(-38.9 * itemSpaceHeight + 130);
384
385
  case DISPLAY_STRATEGY_TYPE.LARGE:
385
386
  return Math.ceil(-44.44 * itemSpaceHeight + 140);
387
+ case DISPLAY_STRATEGY_TYPE.EXTRA_LARGE:
388
+ return Math.ceil(-92.59 * itemSpaceHeight + 300);
386
389
  }
387
390
  }
388
391
 
@@ -429,16 +432,17 @@ function instance($$self, $$props, $$invalidate) {
429
432
  addDataUpdateListener();
430
433
  });
431
434
 
435
+ const handleCameraUpdateCallback = () => {
436
+ $$invalidate(4, itemsVisible = false);
437
+ handleCameraUpdate();
438
+ };
439
+
432
440
  svelte.onMount(() => {
433
441
  $$invalidate(1, renderItemLabels = itemLabels);
434
442
  curItemLabels = itemLabels;
435
443
  onItemLabelUpdate();
436
444
  addResizeListener();
437
-
438
- five.on('cameraUpdate', () => {
439
- $$invalidate(4, itemsVisible = false);
440
- handleCameraUpdate();
441
- });
445
+ five.on('cameraUpdate', handleCameraUpdateCallback);
442
446
  });
443
447
 
444
448
  const handleCameraUpdate = debounce(
@@ -479,12 +483,11 @@ function instance($$self, $$props, $$invalidate) {
479
483
  });
480
484
 
481
485
  svelte.onDestroy(() => {
482
- five.off('cameraUpdate');
486
+ five.off('cameraUpdate', handleCameraUpdateCallback);
483
487
  resizeObserver.unobserve(wrapper);
484
- curItemLabels = null;
485
- $$invalidate(1, renderItemLabels = null);
486
- wrapperSize = { width: 0, height: 0 };
487
- });
488
+ }); // curItemLabels = null
489
+ // renderItemLabels = null
490
+ // wrapperSize = { width: 0, height: 0 }
488
491
 
489
492
  function div_elementresize_handler() {
490
493
  containerWidth = this.clientWidth;
@@ -566,6 +569,7 @@ const ModelItemLabelPlugin = (five$1, params) => {
566
569
  top: 0;
567
570
  width: 100%;
568
571
  height: 100%;
572
+ z-index: 5;
569
573
  `;
570
574
  pluginState.container.style.pointerEvents = 'none'; // 写到 cssText 里不生效
571
575
  const appendTo = (wrapper) => {
@@ -4,7 +4,8 @@ import { PluginEvent } from "./events.type";
4
4
  export declare enum DISPLAY_STRATEGY_TYPE {
5
5
  SMALL = "small",
6
6
  MIDLLE = "middle",
7
- LARGE = "large"
7
+ LARGE = "large",
8
+ EXTRA_LARGE = "x-large"
8
9
  }
9
10
  export interface ModelItemLabelPluginParametersType {
10
11
  modelOcclusionEnable?: boolean;
@@ -11,7 +11,7 @@ const ROOM_LABEL_BG = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAA8CAY
11
11
  /* src/ModelRoomLabelPlugin/RoomLabelItem.svelte generated by Svelte v3.47.0 */
12
12
 
13
13
  function add_css$1(target) {
14
- 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}");
14
+ 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}");
15
15
  }
16
16
 
17
17
  function create_fragment$1(ctx) {
@@ -31,11 +31,11 @@ function create_fragment$1(ctx) {
31
31
  t0 = internal.text(t0_value);
32
32
  t1 = internal.space();
33
33
  div0 = internal.element("div");
34
- internal.attr(span, "class", "room-label-item__text svelte-17nkflf");
34
+ internal.attr(span, "class", "room-label-item__text svelte-1ak9fbs");
35
35
  internal.set_style(span, "background-image", "url(" + ROOM_LABEL_BG + ")");
36
36
  internal.toggle_class(span, "wide", /*roomLabel*/ ctx[0].name.length > 3);
37
- internal.attr(div0, "class", "room-label-item__bar svelte-17nkflf");
38
- internal.attr(div1, "class", "room-label-item svelte-17nkflf");
37
+ internal.attr(div0, "class", "room-label-item__bar svelte-1ak9fbs");
38
+ internal.attr(div1, "class", "room-label-item svelte-1ak9fbs");
39
39
  internal.set_style(div1, "z-index", /*roomLabel*/ ctx[0].zIndex, false);
40
40
  internal.set_style(div1, "transform", /*roomLabel*/ ctx[0].transform, false);
41
41
  internal.set_style(div1, "opacity", /*roomLabel*/ ctx[0].visible ? 1 : 0, false);
@@ -111,7 +111,7 @@ class RoomLabelItem extends internal.SvelteComponent {
111
111
  /* src/ModelRoomLabelPlugin/RoomLabelItems.svelte generated by Svelte v3.47.0 */
112
112
 
113
113
  function add_css(target) {
114
- internal.append_styles(target, "svelte-185yvaa", ".room-labels-container.svelte-185yvaa{width:100%;height:100%;position:relative;color:#fff}");
114
+ internal.append_styles(target, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
115
115
  }
116
116
 
117
117
  function get_each_context(ctx, list, i) {
@@ -192,7 +192,7 @@ function create_fragment(ctx) {
192
192
  each_blocks[i].c();
193
193
  }
194
194
 
195
- internal.attr(div, "class", "room-labels-container svelte-185yvaa");
195
+ internal.attr(div, "class", "room-labels-container svelte-9eg4zi");
196
196
  internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[4].call(div));
197
197
  },
198
198
  m(target, anchor) {
@@ -425,6 +425,7 @@ class ModelRoomLabelController {
425
425
  this.container.style.pointerEvents = 'none';
426
426
  this.container.style.left = '0';
427
427
  this.container.style.top = '0';
428
+ this.container.style.zIndex = '5';
428
429
  // five listener
429
430
  this.five.once('dispose', () => this.dispose());
430
431
  this.five.on('modeChange', this.onFiveModeChange);
@@ -7,21 +7,6 @@ var TWEEN = require('@tweenjs/tween.js');
7
7
 
8
8
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
9
 
10
- function _mergeNamespaces(n, m) {
11
- m.forEach(function (e) {
12
- e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
13
- if (k !== 'default' && !(k in n)) {
14
- var d = Object.getOwnPropertyDescriptor(e, k);
15
- Object.defineProperty(n, k, d.get ? d : {
16
- enumerable: true,
17
- get: function () { return e[k]; }
18
- });
19
- }
20
- });
21
- });
22
- return Object.freeze(n);
23
- }
24
-
25
10
  var TWEEN__default = /*#__PURE__*/_interopDefaultLegacy(TWEEN);
26
11
 
27
12
  /** 交换数组元素 */
@@ -2875,11 +2860,6 @@ if (typeof undefined$1 === 'function' && undefined$1.amd) {
2875
2860
 
2876
2861
  var Hammer = hammer.exports;
2877
2862
 
2878
- var Hammer$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/_mergeNamespaces({
2879
- __proto__: null,
2880
- 'default': Hammer
2881
- }, [hammer.exports]));
2882
-
2883
2863
  // uuid
2884
2864
  function S4() {
2885
2865
  return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
@@ -3894,7 +3874,7 @@ class EditController extends BaseController {
3894
3874
  const fiveElement = this.five.getElement();
3895
3875
  if (fiveElement) {
3896
3876
  this.fiveElement = fiveElement;
3897
- const hammer = new Hammer$1(fiveElement);
3877
+ const hammer = new Hammer(fiveElement);
3898
3878
  this.hammer = hammer;
3899
3879
  hammer.on('tap', this.onTap);
3900
3880
  hammer.on('pan', this.onPan);
@@ -239,7 +239,7 @@ const currentTarget = store.writable(null);
239
239
  /* src/PanoSpatialTagPlugin/Components/origins.svelte generated by Svelte v3.47.0 */
240
240
 
241
241
  function add_css$1(target) {
242
- 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}}");
242
+ 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}}");
243
243
  }
244
244
 
245
245
  function get_each_context(ctx, list, i) {
@@ -263,7 +263,7 @@ function create_each_block(ctx) {
263
263
  return {
264
264
  c() {
265
265
  i = internal.element("i");
266
- internal.attr(i, "class", "svelte-scnx9u");
266
+ internal.attr(i, "class", "svelte-1kuu68s");
267
267
  internal.toggle_class(i, "PanoSpatialTagPlugin__tag-origin", true);
268
268
  internal.toggle_class(i, "PanoSpatialTagPlugin__tag-origin-destroy", /*origin*/ ctx[3].destroying);
269
269
  internal.set_style(i, "top", style_top, false);
@@ -388,7 +388,7 @@ class Origins extends internal.SvelteComponent {
388
388
  /* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.47.0 */
389
389
 
390
390
  function add_css(target) {
391
- 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)}}");
391
+ 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)}}");
392
392
  }
393
393
 
394
394
  function create_fragment(ctx) {
@@ -422,19 +422,19 @@ function create_fragment(ctx) {
422
422
  t3 = internal.space();
423
423
  div3 = internal.element("div");
424
424
  div2 = internal.element("div");
425
- internal.attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1c0xhg0");
425
+ internal.attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1wukaol");
426
426
  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)");
427
- internal.attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1c0xhg0");
427
+ internal.attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1wukaol");
428
428
  internal.set_style(i0, "width", /*lineWidthZoom*/ ctx[4] + "rem");
429
- internal.attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1c0xhg0");
430
- internal.attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1c0xhg0");
431
- internal.attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-1c0xhg0");
432
- internal.attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-1c0xhg0");
433
- internal.attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-1c0xhg0");
429
+ internal.attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1wukaol");
430
+ internal.attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1wukaol");
431
+ internal.attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-1wukaol");
432
+ internal.attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-1wukaol");
433
+ internal.attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-1wukaol");
434
434
  internal.set_style(div3, "transform", "scale(" + /*contentZoom*/ ctx[3] * 3 + ")");
435
435
  internal.attr(div4, "id", div4_id_value = 'PanoSpatialTagPlugin__' + /*id*/ ctx[0]);
436
436
  internal.set_style(div4, "height", 20 * /*lineHeightZoom*/ ctx[5] + "rem");
437
- internal.attr(div4, "class", "svelte-1c0xhg0");
437
+ internal.attr(div4, "class", "svelte-1wukaol");
438
438
  internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-x", true);
439
439
  internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-upside-down", /*upsideDown*/ ctx[1]);
440
440
  internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-show", /*show*/ ctx[10]);