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