@realsee/dnalogel 2.0.0-alpha.31 → 2.0.0-alpha.33
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/dist/ModelChassisCompassPlugin/index.js +5 -3
- package/dist/PanoRulerPlugin/index.js +3 -2
- package/dist/PanoSpatialTagPlugin/index.js +13 -11
- package/dist/floorplan/ModelFloorplanPlugin/index.js +10 -8
- package/dist/floorplan/TopviewFloorplanPlugin/index.js +10 -8
- package/dist/index.es.js +32 -24
- package/dist/index.js +32 -24
- package/dist/index.umd.js +32 -24
- package/docs/classes/Magnifier.html +4 -4
- package/docs/classes/ModelRoomLabelController.html +4 -4
- package/docs/classes/PanoFloorplanRadarPluginController.html +2 -2
- package/docs/enums/CameraMovementEffect.html +2 -2
- package/docs/enums/DIRECTION.html +1 -1
- package/docs/enums/DISPLAY_STRATEGY_TYPE.html +1 -1
- package/docs/enums/FLOOR_PLAN_ATTACHED_TO.html +1 -1
- package/docs/enums/ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.html +1 -1
- package/docs/enums/ModelFloorplanErrorType.html +1 -1
- package/docs/enums/Rotation.html +2 -2
- package/docs/index.html +1 -1
- package/docs/interfaces/CSS3DRenderPluginExportType.html +2 -2
- package/docs/interfaces/CameraMovementPluginExportType.html +2 -2
- package/docs/interfaces/FloorplanBounding.html +4 -4
- package/docs/interfaces/FloorplanData.html +2 -2
- package/docs/interfaces/FloorplanEntrance.html +7 -7
- package/docs/interfaces/FloorplanExtraObject.html +3 -3
- package/docs/interfaces/FloorplanExtraObject3D.html +2 -2
- package/docs/interfaces/FloorplanFloorData.html +2 -2
- package/docs/interfaces/FloorplanImagePosition.html +2 -2
- package/docs/interfaces/FloorplanObserver.html +2 -2
- package/docs/interfaces/FloorplanOutlineItem.html +2 -2
- package/docs/interfaces/FloorplanPosition.html +2 -2
- package/docs/interfaces/FloorplanRoomItem.html +6 -6
- package/docs/interfaces/FloorplanRoomLabelItem.html +3 -3
- package/docs/interfaces/FloorplanServerBounding.html +4 -4
- package/docs/interfaces/FloorplanServerComputedData.html +1 -1
- package/docs/interfaces/FloorplanServerData.html +2 -2
- package/docs/interfaces/FloorplanServerEntrance.html +7 -7
- package/docs/interfaces/FloorplanServerFloorData.html +2 -2
- package/docs/interfaces/FloorplanServerImagePosition.html +2 -2
- package/docs/interfaces/FloorplanServerObserver.html +2 -2
- package/docs/interfaces/FloorplanServerOutlineItem.html +2 -2
- package/docs/interfaces/FloorplanServerPosition.html +2 -2
- package/docs/interfaces/FloorplanServerRoomItem.html +7 -7
- package/docs/interfaces/FloorplanServerRoomLabelItem.html +3 -3
- package/docs/interfaces/ItemLabelPluginData.html +1 -1
- package/docs/interfaces/ItemLabelPluginExportReturnsType.html +1 -1
- package/docs/interfaces/ItemLabelPluginParametersType.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/ModelViewPluginExportType.html +1 -1
- package/docs/interfaces/OpenParameter.html +2 -2
- package/docs/interfaces/PanoCompassPluginData.html +1 -1
- package/docs/interfaces/PanoCompassPluginParameterType.html +1 -1
- package/docs/interfaces/PanoCursorRaycasterPluginExportType.html +6 -6
- package/docs/interfaces/PanoCursorRaycasterPluginParameterType.html +1 -1
- package/docs/interfaces/PanoFloorplanRadarPluginControllerParameter.html +1 -1
- package/docs/interfaces/PanoMeasureParameterType.html +1 -1
- package/docs/interfaces/PanoRulerPluginExportType.html +1 -1
- package/docs/interfaces/PanoRulerPluginOptions.html +1 -1
- package/docs/interfaces/PanoRulerPluginParameterType.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginContentEvent.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginContentReplacement.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginData.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginDataElement.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginExportType.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginOriginElement.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginParameterType.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginPointElement.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginTagElement.html +1 -1
- package/docs/interfaces/Point.html +1 -1
- package/docs/interfaces/PointJson.html +1 -1
- package/docs/interfaces/Room.html +1 -1
- package/docs/interfaces/RoomInfo.html +1 -1
- package/docs/interfaces/RoomLabel.html +7 -7
- package/docs/interfaces/RoomRules.html +1 -1
- package/docs/interfaces/Rooms.html +1 -1
- package/docs/interfaces/TopviewFloorplanPluginParameterType.html +9 -9
- package/docs/modules.html +20 -20
- package/libs/ModelChassisCompassPlugin/Plugin.js +5 -3
- package/libs/PanoRulerPlugin/Plugin.js +3 -2
- package/libs/PanoSpatialTagPlugin/Components/tag.js +9 -9
- package/libs/PanoSpatialTagPlugin/Plugin.js +4 -2
- package/libs/floorplan/Components/Compass.js +7 -6
- package/libs/floorplan/Components/Main.js +2 -2
- package/libs/floorplan/ModelFloorplanPlugin/Controller.js +1 -0
- package/libs/floorplan/TopviewFloorplanPlugin/style.js +1 -0
- package/package.json +1 -1
- package/CHANGELOG.md +0 -108
|
@@ -72,14 +72,16 @@ function transfromToMeshBasicMaterial(object, options) {
|
|
|
72
72
|
* 模型底盘指南针插件
|
|
73
73
|
*/
|
|
74
74
|
const ModelChassisCompassPlugin = (five, params) => {
|
|
75
|
+
var _a;
|
|
75
76
|
const defaultFbxUrl = params.fbx_url || '//vrlab-static.ljcdn.com/release/web/v3/dipan3/dipan.FBX';
|
|
76
|
-
const defaultNorthRad = params.north_rad
|
|
77
|
+
const defaultNorthRad = (_a = params.north_rad) !== null && _a !== void 0 ? _a : undefined;
|
|
77
78
|
// 局部状态
|
|
78
79
|
const state = {};
|
|
79
80
|
const load = async (data) => {
|
|
81
|
+
var _a;
|
|
80
82
|
const fbxUrl = (data === null || data === void 0 ? void 0 : data.fbx_url) || defaultFbxUrl;
|
|
81
|
-
const northRad = (data === null || data === void 0 ? void 0 : data.north_rad)
|
|
82
|
-
if (
|
|
83
|
+
const northRad = (_a = data === null || data === void 0 ? void 0 : data.north_rad) !== null && _a !== void 0 ? _a : defaultNorthRad;
|
|
84
|
+
if (typeof northRad !== 'number') {
|
|
83
85
|
throw new Error('"northRad"配置参数缺失:未配置指南针指向!');
|
|
84
86
|
}
|
|
85
87
|
const bounding = five.model.bounding;
|
|
@@ -384,7 +384,7 @@ const PanoRulerPlugin = (five$1, params) => {
|
|
|
384
384
|
throw new Error('标尺数据依赖不齐全!');
|
|
385
385
|
}
|
|
386
386
|
state.loaded = false;
|
|
387
|
-
state.options = Object.assign({}, state.options, options || {});
|
|
387
|
+
state.options = Object.assign(Object.assign({}, state.options), options || {});
|
|
388
388
|
if (five$1.model.loaded) {
|
|
389
389
|
return _load(roomInfo, roomRules);
|
|
390
390
|
}
|
|
@@ -486,7 +486,8 @@ const PanoRulerPlugin = (five$1, params) => {
|
|
|
486
486
|
$element.style.display = 'none';
|
|
487
487
|
continue;
|
|
488
488
|
}
|
|
489
|
-
|
|
489
|
+
// 线小于0.3m隐藏
|
|
490
|
+
if (start.distanceTo(end) < 0.3) {
|
|
490
491
|
$element.style.display = 'none';
|
|
491
492
|
continue;
|
|
492
493
|
}
|
|
@@ -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-
|
|
391
|
+
internal.append_styles(target, "svelte-eb8bdm", ".PanoSpatialTagPlugin__tag-x.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0;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-eb8bdm.svelte-eb8bdm{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-eb8bdm.svelte-eb8bdm{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm.svelte-eb8bdm{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-eb8bdm.svelte-eb8bdm{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-eb8bdm.svelte-eb8bdm{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-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line.svelte-eb8bdm{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm.svelte-eb8bdm{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-eb8bdm.svelte-eb8bdm{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-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content .svelte-eb8bdm{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 0) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@-webkit-keyframes svelte-eb8bdm-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-eb8bdm-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-eb8bdm-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-eb8bdm-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-eb8bdm-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-eb8bdm-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-eb8bdm-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-eb8bdm-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-
|
|
425
|
+
internal.attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-eb8bdm");
|
|
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-
|
|
427
|
+
internal.attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-eb8bdm");
|
|
428
428
|
internal.set_style(i0, "width", /*lineWidthZoom*/ ctx[4] + "rem");
|
|
429
|
-
internal.attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-
|
|
430
|
-
internal.attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-
|
|
431
|
-
internal.attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-
|
|
432
|
-
internal.attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-
|
|
433
|
-
internal.attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-
|
|
429
|
+
internal.attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-eb8bdm");
|
|
430
|
+
internal.attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-eb8bdm");
|
|
431
|
+
internal.attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-eb8bdm");
|
|
432
|
+
internal.attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-eb8bdm");
|
|
433
|
+
internal.attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-eb8bdm");
|
|
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-
|
|
437
|
+
internal.attr(div4, "class", "svelte-eb8bdm");
|
|
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]);
|
|
@@ -1257,7 +1257,8 @@ const PanoSpatialTagPlugin = (five$1, params) => {
|
|
|
1257
1257
|
if ((_f = five$1 === null || five$1 === void 0 ? void 0 : five$1.model) === null || _f === void 0 ? void 0 : _f.loaded) {
|
|
1258
1258
|
if (!wrapper)
|
|
1259
1259
|
wrapper = five$1.getElement().parentElement;
|
|
1260
|
-
wrapper
|
|
1260
|
+
if (wrapper)
|
|
1261
|
+
wrapper.appendChild(container);
|
|
1261
1262
|
state.forbidden = false;
|
|
1262
1263
|
updateTags();
|
|
1263
1264
|
five$1.on('panoWillArrive', onPanoWillArrive);
|
|
@@ -1269,7 +1270,8 @@ const PanoSpatialTagPlugin = (five$1, params) => {
|
|
|
1269
1270
|
five$1.once('modelLoaded', () => {
|
|
1270
1271
|
if (!wrapper)
|
|
1271
1272
|
wrapper = five$1.getElement().parentElement;
|
|
1272
|
-
wrapper
|
|
1273
|
+
if (wrapper)
|
|
1274
|
+
wrapper.appendChild(container);
|
|
1273
1275
|
state.forbidden = false;
|
|
1274
1276
|
updateTags();
|
|
1275
1277
|
five$1.on('panoWillArrive', onPanoWillArrive);
|
|
@@ -207,7 +207,7 @@ function add_css$c(target) {
|
|
|
207
207
|
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}");
|
|
208
208
|
}
|
|
209
209
|
|
|
210
|
-
// (
|
|
210
|
+
// (14:0) {#if canShowCompass}
|
|
211
211
|
function create_if_block$6(ctx) {
|
|
212
212
|
let div1;
|
|
213
213
|
let div0;
|
|
@@ -226,7 +226,7 @@ function create_if_block$6(ctx) {
|
|
|
226
226
|
internal.set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
|
|
227
227
|
internal.attr(span, "class", "floorplan-plugin__compass-text svelte-1q44ru9");
|
|
228
228
|
internal.attr(div1, "class", "floorplan-plugin__compass svelte-1q44ru9");
|
|
229
|
-
internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[
|
|
229
|
+
internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[1], false);
|
|
230
230
|
},
|
|
231
231
|
m(target, anchor) {
|
|
232
232
|
internal.insert(target, div1, anchor);
|
|
@@ -246,7 +246,7 @@ function create_if_block$6(ctx) {
|
|
|
246
246
|
|
|
247
247
|
function create_fragment$f(ctx) {
|
|
248
248
|
let if_block_anchor;
|
|
249
|
-
let if_block = /*
|
|
249
|
+
let if_block = /*canShowCompass*/ ctx[2] && create_if_block$6(ctx);
|
|
250
250
|
|
|
251
251
|
return {
|
|
252
252
|
c() {
|
|
@@ -258,7 +258,7 @@ function create_fragment$f(ctx) {
|
|
|
258
258
|
internal.insert(target, if_block_anchor, anchor);
|
|
259
259
|
},
|
|
260
260
|
p(ctx, [dirty]) {
|
|
261
|
-
if (/*
|
|
261
|
+
if (/*canShowCompass*/ ctx[2]) if_block.p(ctx, dirty);
|
|
262
262
|
},
|
|
263
263
|
i: internal.noop,
|
|
264
264
|
o: internal.noop,
|
|
@@ -282,15 +282,16 @@ function instance$f($$self, $$props, $$invalidate) {
|
|
|
282
282
|
? void 0
|
|
283
283
|
: _a.northRad;
|
|
284
284
|
|
|
285
|
-
const rotate =
|
|
285
|
+
const rotate = typeof northRad !== 'number' ? 0 : rad2Deg(northRad);
|
|
286
286
|
const compassTransformStyle = `translateX(-50%) translateZ(10px) rotate(${-rotate + 90}deg)`;
|
|
287
|
+
const canShowCompass = typeof northRad === 'number';
|
|
287
288
|
|
|
288
289
|
$$self.$$set = $$props => {
|
|
289
290
|
if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
|
|
290
291
|
if ('northDesc' in $$props) $$invalidate(0, northDesc = $$props.northDesc);
|
|
291
292
|
};
|
|
292
293
|
|
|
293
|
-
return [northDesc,
|
|
294
|
+
return [northDesc, compassTransformStyle, canShowCompass, floorplanData];
|
|
294
295
|
}
|
|
295
296
|
|
|
296
297
|
class Compass extends internal.SvelteComponent {
|
|
@@ -2769,7 +2770,7 @@ class CurrentFloor extends internal.SvelteComponent {
|
|
|
2769
2770
|
/* src/floorplan/Components/Main.svelte generated by Svelte v3.47.0 */
|
|
2770
2771
|
|
|
2771
2772
|
function add_css(target) {
|
|
2772
|
-
internal.append_styles(target, "svelte-
|
|
2773
|
+
internal.append_styles(target, "svelte-86bqav", ".floorplan-main.svelte-86bqav{width:100%;height:100%;pointer-events:none}");
|
|
2773
2774
|
}
|
|
2774
2775
|
|
|
2775
2776
|
function get_each_context(ctx, list, i) {
|
|
@@ -2827,7 +2828,7 @@ function create_if_block(ctx) {
|
|
|
2827
2828
|
internal.create_component(camera.$$.fragment);
|
|
2828
2829
|
t1 = internal.space();
|
|
2829
2830
|
if (if_block) if_block.c();
|
|
2830
|
-
internal.attr(div, "class", "floorplan-main svelte-
|
|
2831
|
+
internal.attr(div, "class", "floorplan-main svelte-86bqav");
|
|
2831
2832
|
},
|
|
2832
2833
|
m(target, anchor) {
|
|
2833
2834
|
internal.insert(target, div, anchor);
|
|
@@ -3959,6 +3960,7 @@ class ModelFloorplanPluginController {
|
|
|
3959
3960
|
top: '50%',
|
|
3960
3961
|
transform: 'translate(-50%, -50%)',
|
|
3961
3962
|
zIndex: 10,
|
|
3963
|
+
pointerEvents: 'none'
|
|
3962
3964
|
});
|
|
3963
3965
|
this.five.addExtraElement(this.container);
|
|
3964
3966
|
// 如果初始化的时候模型已经加载完毕了,就不用再等 modelLoaded
|
|
@@ -33,6 +33,7 @@ const pluginStyle = {
|
|
|
33
33
|
top: '50%',
|
|
34
34
|
transform: 'translate(-50%, -50%)',
|
|
35
35
|
zIndex: '10',
|
|
36
|
+
pointerEvents: 'none'
|
|
36
37
|
};
|
|
37
38
|
|
|
38
39
|
function pathD(points, options = {}) {
|
|
@@ -323,7 +324,7 @@ function add_css$c(target) {
|
|
|
323
324
|
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}");
|
|
324
325
|
}
|
|
325
326
|
|
|
326
|
-
// (
|
|
327
|
+
// (14:0) {#if canShowCompass}
|
|
327
328
|
function create_if_block$6(ctx) {
|
|
328
329
|
let div1;
|
|
329
330
|
let div0;
|
|
@@ -342,7 +343,7 @@ function create_if_block$6(ctx) {
|
|
|
342
343
|
internal.set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
|
|
343
344
|
internal.attr(span, "class", "floorplan-plugin__compass-text svelte-1q44ru9");
|
|
344
345
|
internal.attr(div1, "class", "floorplan-plugin__compass svelte-1q44ru9");
|
|
345
|
-
internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[
|
|
346
|
+
internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[1], false);
|
|
346
347
|
},
|
|
347
348
|
m(target, anchor) {
|
|
348
349
|
internal.insert(target, div1, anchor);
|
|
@@ -362,7 +363,7 @@ function create_if_block$6(ctx) {
|
|
|
362
363
|
|
|
363
364
|
function create_fragment$f(ctx) {
|
|
364
365
|
let if_block_anchor;
|
|
365
|
-
let if_block = /*
|
|
366
|
+
let if_block = /*canShowCompass*/ ctx[2] && create_if_block$6(ctx);
|
|
366
367
|
|
|
367
368
|
return {
|
|
368
369
|
c() {
|
|
@@ -374,7 +375,7 @@ function create_fragment$f(ctx) {
|
|
|
374
375
|
internal.insert(target, if_block_anchor, anchor);
|
|
375
376
|
},
|
|
376
377
|
p(ctx, [dirty]) {
|
|
377
|
-
if (/*
|
|
378
|
+
if (/*canShowCompass*/ ctx[2]) if_block.p(ctx, dirty);
|
|
378
379
|
},
|
|
379
380
|
i: internal.noop,
|
|
380
381
|
o: internal.noop,
|
|
@@ -398,15 +399,16 @@ function instance$f($$self, $$props, $$invalidate) {
|
|
|
398
399
|
? void 0
|
|
399
400
|
: _a.northRad;
|
|
400
401
|
|
|
401
|
-
const rotate =
|
|
402
|
+
const rotate = typeof northRad !== 'number' ? 0 : rad2Deg(northRad);
|
|
402
403
|
const compassTransformStyle = `translateX(-50%) translateZ(10px) rotate(${-rotate + 90}deg)`;
|
|
404
|
+
const canShowCompass = typeof northRad === 'number';
|
|
403
405
|
|
|
404
406
|
$$self.$$set = $$props => {
|
|
405
407
|
if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
|
|
406
408
|
if ('northDesc' in $$props) $$invalidate(0, northDesc = $$props.northDesc);
|
|
407
409
|
};
|
|
408
410
|
|
|
409
|
-
return [northDesc,
|
|
411
|
+
return [northDesc, compassTransformStyle, canShowCompass, floorplanData];
|
|
410
412
|
}
|
|
411
413
|
|
|
412
414
|
class Compass extends internal.SvelteComponent {
|
|
@@ -2859,7 +2861,7 @@ class CurrentFloor extends internal.SvelteComponent {
|
|
|
2859
2861
|
/* src/floorplan/Components/Main.svelte generated by Svelte v3.47.0 */
|
|
2860
2862
|
|
|
2861
2863
|
function add_css(target) {
|
|
2862
|
-
internal.append_styles(target, "svelte-
|
|
2864
|
+
internal.append_styles(target, "svelte-86bqav", ".floorplan-main.svelte-86bqav{width:100%;height:100%;pointer-events:none}");
|
|
2863
2865
|
}
|
|
2864
2866
|
|
|
2865
2867
|
function get_each_context(ctx, list, i) {
|
|
@@ -2917,7 +2919,7 @@ function create_if_block(ctx) {
|
|
|
2917
2919
|
internal.create_component(camera.$$.fragment);
|
|
2918
2920
|
t1 = internal.space();
|
|
2919
2921
|
if (if_block) if_block.c();
|
|
2920
|
-
internal.attr(div, "class", "floorplan-main svelte-
|
|
2922
|
+
internal.attr(div, "class", "floorplan-main svelte-86bqav");
|
|
2921
2923
|
},
|
|
2922
2924
|
m(target, anchor) {
|
|
2923
2925
|
internal.insert(target, div, anchor);
|
package/dist/index.es.js
CHANGED
|
@@ -1002,6 +1002,7 @@ const pluginStyle$1 = {
|
|
|
1002
1002
|
top: '50%',
|
|
1003
1003
|
transform: 'translate(-50%, -50%)',
|
|
1004
1004
|
zIndex: '10',
|
|
1005
|
+
pointerEvents: 'none'
|
|
1005
1006
|
};
|
|
1006
1007
|
|
|
1007
1008
|
const FLOORPLAN_EXTRA_OBJECT_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAwCAYAAACFUvPfAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAALaADAAQAAAABAAAAMAAAAADe2FZjAAAEF0lEQVRoBe2WzWskRRiHf13V092TxI2oEzYeVDwITtyDuCiihwiCePGgxIM3vYgHL4J4UIhBRA8i/gPqyUvWg7AiIuIeloDiYUHJLOK6BPwIk9nNODM9Xf1RVe1b3elJRjCZmQ6euqGmuqer33rq4e23GqiOykBloDJQGagMVAYqA5WBykBlYFYD1qwP/tdzaZqOx9zYOLxeX0+L5yzLGp0X/03a25MOnGRcBtx+6Rlo9SL08G4EooFnxa8Yiivox5/h5Ys/4cl7NVorNDRnngX+0MIkVMeMSf23zyKML8J7/Dy8hwF2Buh9CnS+AEQIdLspBuGb+M7/qLW4qJrNpsLapjYhpwVnx3BMfCtNNx3Etc9xywvnMf80wG8HmQainw0RxSGrnmeBp+8k5/j9S0HbvXb5io0Lz880/0wPHV1NlhLd316He+4xOCv5ragF7L9PrH1qBJyB0626x/lC+qrSvH5r/W+n1WpxUM5nMY4GPeH8lHJaPgfeAFQHCL+ntkXT+vnUc3W6pvTIwC0wy3rA4dwLmK2avZ7Eo9uKBuYJfgJscbs8dLCxDMt+EOEPBEZNEWyBYHqTz6bPXrzUnNrSShxHIsYiOL69zrCGLLcLqJP68tB+9w5wj+YhWDafQ2s61wNqxjZhmrQ2pvMFCEvXuCUZ7wqH794ZWs28LJqlTXSUyuksF2M/yOwqgkx2c1ADa4wLAQRk2sAGQQakhN6yFC2hltfz5kSY44NKQeeh+vtI/SSzWhg2CzCgmWISmKUGmaYFBDfCSymnfxJ6/+ospVcWOLLp5DGP/y0P/Rp66O99DQNq7Po3Ds0a0wY+My2QSv2N2mO/OyxR2o6UQk+Lv7yJ06JYSnnolZVU9cUn2O9SmaMWGFBqYXRwbqAJWIi94TX5biotpcGl1DXZ6LnqIbNDTnmUgi52Mv5l5ysMxIcZcGjy2DTK4ZHlcBC14zeSge4qphICjj3bS0A7o9nSp2TOkm7aZ8bGZy/jxhO87V91G0+dfY/Z7BWIIK9KYUi5qy/Hf8YfBG3sqJTHiQWhmTVkbip+wX3x6volVSx+LPAxF+VLXhZ8VQ+iP2Rta/iWe5v42Fngj0BbdnRTXh12ZIcKhTaGbcYjybRwXBU1lu9KlndXp04NM52poKWO0RZsviNaP9a6grkO972+st05pXhE5c1hTEluJy7XUejGUQNLMbAmTdWY1rKBLW3aTJqBZ7nZkb36DhYCreeYHbMUXHvaYi5XDK70EcgulmRjm77wNtenzuXCbmnTRaAx493rbGf3Jr/njMzj920CnKdUaFCjlDioy7NYNvOdGrQJNgI32/L2tkXfFPlxgToqjWVhD6KdLnQRdARf/HHQz2r2X2Gqy8pAZaAyUBmoDFQGKgP/q4F/AJYg9/s0ZoABAAAAAElFTkSuQmCC';
|
|
@@ -1329,7 +1330,7 @@ function add_css$l(target) {
|
|
|
1329
1330
|
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}");
|
|
1330
1331
|
}
|
|
1331
1332
|
|
|
1332
|
-
// (
|
|
1333
|
+
// (14:0) {#if canShowCompass}
|
|
1333
1334
|
function create_if_block$a(ctx) {
|
|
1334
1335
|
let div1;
|
|
1335
1336
|
let div0;
|
|
@@ -1348,7 +1349,7 @@ function create_if_block$a(ctx) {
|
|
|
1348
1349
|
set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
|
|
1349
1350
|
attr(span, "class", "floorplan-plugin__compass-text svelte-1q44ru9");
|
|
1350
1351
|
attr(div1, "class", "floorplan-plugin__compass svelte-1q44ru9");
|
|
1351
|
-
set_style(div1, "transform", /*compassTransformStyle*/ ctx[
|
|
1352
|
+
set_style(div1, "transform", /*compassTransformStyle*/ ctx[1], false);
|
|
1352
1353
|
},
|
|
1353
1354
|
m(target, anchor) {
|
|
1354
1355
|
insert(target, div1, anchor);
|
|
@@ -1368,7 +1369,7 @@ function create_if_block$a(ctx) {
|
|
|
1368
1369
|
|
|
1369
1370
|
function create_fragment$p(ctx) {
|
|
1370
1371
|
let if_block_anchor;
|
|
1371
|
-
let if_block = /*
|
|
1372
|
+
let if_block = /*canShowCompass*/ ctx[2] && create_if_block$a(ctx);
|
|
1372
1373
|
|
|
1373
1374
|
return {
|
|
1374
1375
|
c() {
|
|
@@ -1380,7 +1381,7 @@ function create_fragment$p(ctx) {
|
|
|
1380
1381
|
insert(target, if_block_anchor, anchor);
|
|
1381
1382
|
},
|
|
1382
1383
|
p(ctx, [dirty]) {
|
|
1383
|
-
if (/*
|
|
1384
|
+
if (/*canShowCompass*/ ctx[2]) if_block.p(ctx, dirty);
|
|
1384
1385
|
},
|
|
1385
1386
|
i: noop$1,
|
|
1386
1387
|
o: noop$1,
|
|
@@ -1404,15 +1405,16 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
|
1404
1405
|
? void 0
|
|
1405
1406
|
: _a.northRad;
|
|
1406
1407
|
|
|
1407
|
-
const rotate =
|
|
1408
|
+
const rotate = typeof northRad !== 'number' ? 0 : rad2Deg(northRad);
|
|
1408
1409
|
const compassTransformStyle = `translateX(-50%) translateZ(10px) rotate(${-rotate + 90}deg)`;
|
|
1410
|
+
const canShowCompass = typeof northRad === 'number';
|
|
1409
1411
|
|
|
1410
1412
|
$$self.$$set = $$props => {
|
|
1411
1413
|
if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
|
|
1412
1414
|
if ('northDesc' in $$props) $$invalidate(0, northDesc = $$props.northDesc);
|
|
1413
1415
|
};
|
|
1414
1416
|
|
|
1415
|
-
return [northDesc,
|
|
1417
|
+
return [northDesc, compassTransformStyle, canShowCompass, floorplanData];
|
|
1416
1418
|
}
|
|
1417
1419
|
|
|
1418
1420
|
class Compass extends SvelteComponent {
|
|
@@ -3865,7 +3867,7 @@ class CurrentFloor$1 extends SvelteComponent {
|
|
|
3865
3867
|
/* src/floorplan/Components/Main.svelte generated by Svelte v3.47.0 */
|
|
3866
3868
|
|
|
3867
3869
|
function add_css$9(target) {
|
|
3868
|
-
append_styles(target, "svelte-
|
|
3870
|
+
append_styles(target, "svelte-86bqav", ".floorplan-main.svelte-86bqav{width:100%;height:100%;pointer-events:none}");
|
|
3869
3871
|
}
|
|
3870
3872
|
|
|
3871
3873
|
function get_each_context$4(ctx, list, i) {
|
|
@@ -3923,7 +3925,7 @@ function create_if_block$4(ctx) {
|
|
|
3923
3925
|
create_component(camera.$$.fragment);
|
|
3924
3926
|
t1 = space();
|
|
3925
3927
|
if (if_block) if_block.c();
|
|
3926
|
-
attr(div, "class", "floorplan-main svelte-
|
|
3928
|
+
attr(div, "class", "floorplan-main svelte-86bqav");
|
|
3927
3929
|
},
|
|
3928
3930
|
m(target, anchor) {
|
|
3929
3931
|
insert(target, div, anchor);
|
|
@@ -6259,6 +6261,7 @@ class ModelFloorplanPluginController {
|
|
|
6259
6261
|
top: '50%',
|
|
6260
6262
|
transform: 'translate(-50%, -50%)',
|
|
6261
6263
|
zIndex: 10,
|
|
6264
|
+
pointerEvents: 'none'
|
|
6262
6265
|
});
|
|
6263
6266
|
this.five.addExtraElement(this.container);
|
|
6264
6267
|
// 如果初始化的时候模型已经加载完毕了,就不用再等 modelLoaded
|
|
@@ -6479,14 +6482,16 @@ function transfromToMeshBasicMaterial(object, options) {
|
|
|
6479
6482
|
* 模型底盘指南针插件
|
|
6480
6483
|
*/
|
|
6481
6484
|
const ModelChassisCompassPlugin = (five, params) => {
|
|
6485
|
+
var _a;
|
|
6482
6486
|
const defaultFbxUrl = params.fbx_url || '//vrlab-static.ljcdn.com/release/web/v3/dipan3/dipan.FBX';
|
|
6483
|
-
const defaultNorthRad = params.north_rad
|
|
6487
|
+
const defaultNorthRad = (_a = params.north_rad) !== null && _a !== void 0 ? _a : undefined;
|
|
6484
6488
|
// 局部状态
|
|
6485
6489
|
const state = {};
|
|
6486
6490
|
const load = async (data) => {
|
|
6491
|
+
var _a;
|
|
6487
6492
|
const fbxUrl = (data === null || data === void 0 ? void 0 : data.fbx_url) || defaultFbxUrl;
|
|
6488
|
-
const northRad = (data === null || data === void 0 ? void 0 : data.north_rad)
|
|
6489
|
-
if (
|
|
6493
|
+
const northRad = (_a = data === null || data === void 0 ? void 0 : data.north_rad) !== null && _a !== void 0 ? _a : defaultNorthRad;
|
|
6494
|
+
if (typeof northRad !== 'number') {
|
|
6490
6495
|
throw new Error('"northRad"配置参数缺失:未配置指南针指向!');
|
|
6491
6496
|
}
|
|
6492
6497
|
const bounding = five.model.bounding;
|
|
@@ -7329,7 +7334,7 @@ const PanoRulerPlugin = (five, params) => {
|
|
|
7329
7334
|
throw new Error('标尺数据依赖不齐全!');
|
|
7330
7335
|
}
|
|
7331
7336
|
state.loaded = false;
|
|
7332
|
-
state.options = Object.assign({}, state.options, options || {});
|
|
7337
|
+
state.options = Object.assign(Object.assign({}, state.options), options || {});
|
|
7333
7338
|
if (five.model.loaded) {
|
|
7334
7339
|
return _load(roomInfo, roomRules);
|
|
7335
7340
|
}
|
|
@@ -7431,7 +7436,8 @@ const PanoRulerPlugin = (five, params) => {
|
|
|
7431
7436
|
$element.style.display = 'none';
|
|
7432
7437
|
continue;
|
|
7433
7438
|
}
|
|
7434
|
-
|
|
7439
|
+
// 线小于0.3m隐藏
|
|
7440
|
+
if (start.distanceTo(end) < 0.3) {
|
|
7435
7441
|
$element.style.display = 'none';
|
|
7436
7442
|
continue;
|
|
7437
7443
|
}
|
|
@@ -11923,7 +11929,7 @@ class Origins extends SvelteComponent {
|
|
|
11923
11929
|
/* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.47.0 */
|
|
11924
11930
|
|
|
11925
11931
|
function add_css$4(target) {
|
|
11926
|
-
append_styles(target, "svelte-
|
|
11932
|
+
append_styles(target, "svelte-eb8bdm", ".PanoSpatialTagPlugin__tag-x.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0;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-eb8bdm.svelte-eb8bdm{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-eb8bdm.svelte-eb8bdm{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm.svelte-eb8bdm{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-eb8bdm.svelte-eb8bdm{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-eb8bdm.svelte-eb8bdm{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-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line.svelte-eb8bdm{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm.svelte-eb8bdm{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-eb8bdm.svelte-eb8bdm{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-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content .svelte-eb8bdm{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 0) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@-webkit-keyframes svelte-eb8bdm-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-eb8bdm-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-eb8bdm-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-eb8bdm-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-eb8bdm-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-eb8bdm-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-eb8bdm-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-eb8bdm-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)}}");
|
|
11927
11933
|
}
|
|
11928
11934
|
|
|
11929
11935
|
function create_fragment$4(ctx) {
|
|
@@ -11957,19 +11963,19 @@ function create_fragment$4(ctx) {
|
|
|
11957
11963
|
t3 = space();
|
|
11958
11964
|
div3 = element("div");
|
|
11959
11965
|
div2 = element("div");
|
|
11960
|
-
attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-
|
|
11966
|
+
attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-eb8bdm");
|
|
11961
11967
|
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)");
|
|
11962
|
-
attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-
|
|
11968
|
+
attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-eb8bdm");
|
|
11963
11969
|
set_style(i0, "width", /*lineWidthZoom*/ ctx[4] + "rem");
|
|
11964
|
-
attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-
|
|
11965
|
-
attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-
|
|
11966
|
-
attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-
|
|
11967
|
-
attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-
|
|
11968
|
-
attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-
|
|
11970
|
+
attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-eb8bdm");
|
|
11971
|
+
attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-eb8bdm");
|
|
11972
|
+
attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-eb8bdm");
|
|
11973
|
+
attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-eb8bdm");
|
|
11974
|
+
attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-eb8bdm");
|
|
11969
11975
|
set_style(div3, "transform", "scale(" + /*contentZoom*/ ctx[3] * 3 + ")");
|
|
11970
11976
|
attr(div4, "id", div4_id_value = 'PanoSpatialTagPlugin__' + /*id*/ ctx[0]);
|
|
11971
11977
|
set_style(div4, "height", 20 * /*lineHeightZoom*/ ctx[5] + "rem");
|
|
11972
|
-
attr(div4, "class", "svelte-
|
|
11978
|
+
attr(div4, "class", "svelte-eb8bdm");
|
|
11973
11979
|
toggle_class(div4, "PanoSpatialTagPlugin__tag-x", true);
|
|
11974
11980
|
toggle_class(div4, "PanoSpatialTagPlugin__tag-upside-down", /*upsideDown*/ ctx[1]);
|
|
11975
11981
|
toggle_class(div4, "PanoSpatialTagPlugin__tag-show", /*show*/ ctx[10]);
|
|
@@ -12792,7 +12798,8 @@ const PanoSpatialTagPlugin = (five, params) => {
|
|
|
12792
12798
|
if ((_f = five === null || five === void 0 ? void 0 : five.model) === null || _f === void 0 ? void 0 : _f.loaded) {
|
|
12793
12799
|
if (!wrapper)
|
|
12794
12800
|
wrapper = five.getElement().parentElement;
|
|
12795
|
-
wrapper
|
|
12801
|
+
if (wrapper)
|
|
12802
|
+
wrapper.appendChild(container);
|
|
12796
12803
|
state.forbidden = false;
|
|
12797
12804
|
updateTags();
|
|
12798
12805
|
five.on('panoWillArrive', onPanoWillArrive);
|
|
@@ -12804,7 +12811,8 @@ const PanoSpatialTagPlugin = (five, params) => {
|
|
|
12804
12811
|
five.once('modelLoaded', () => {
|
|
12805
12812
|
if (!wrapper)
|
|
12806
12813
|
wrapper = five.getElement().parentElement;
|
|
12807
|
-
wrapper
|
|
12814
|
+
if (wrapper)
|
|
12815
|
+
wrapper.appendChild(container);
|
|
12808
12816
|
state.forbidden = false;
|
|
12809
12817
|
updateTags();
|
|
12810
12818
|
five.on('panoWillArrive', onPanoWillArrive);
|