@realsee/dnalogel 2.0.0-alpha.9 → 2.0.0-beta.36

package/libs/floorplan/Components/RuleLabels/RuleItem.js

@@ -0,0 +1,284 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	destroy_block,
+	destroy_each,
+	detach,
+	element,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	set_style,
+	space,
+	text,
+	toggle_class,
+	update_keyed_each
+} from "svelte/internal";
+
+function add_css(target) {
+	append_styles(target, "svelte-1l1xujz", ".floorplan-plugin__rule-labels.svelte-1l1xujz.svelte-1l1xujz{position:absolute;display:flex}.floorplan-plugin__rule-labels--top.svelte-1l1xujz.svelte-1l1xujz{left:0;top:-1.25rem}.floorplan-plugin__rule-labels--bottom.svelte-1l1xujz.svelte-1l1xujz{left:0;bottom:-1.25rem}.floorplan-plugin__rule-labels--left.svelte-1l1xujz.svelte-1l1xujz{top:0;left:-1.25rem}.floorplan-plugin__rule-labels--right.svelte-1l1xujz.svelte-1l1xujz{top:0;right:-1.25rem}.floorplan-plugin__rule-line.svelte-1l1xujz.svelte-1l1xujz{background:#fff;opacity:0.05;width:100%;height:100%}.floorplan-plugin__rule-scale-wrapper.svelte-1l1xujz.svelte-1l1xujz{position:absolute;width:0.3125rem;height:100%;left:50%;top:0;transform:translateX(-50%)}.floorplan-plugin__rule-labels.is-row.svelte-1l1xujz .floorplan-plugin__rule-scale-wrapper.svelte-1l1xujz{width:100%;height:0.3125rem;top:50%;left:0;transform:translateY(-50%)}.floorplan-plugin__rule-scale.svelte-1l1xujz.svelte-1l1xujz{position:absolute;background:#fff;opacity:0.05;width:100%;height:0.0625rem}.floorplan-plugin__rule-labels.is-row.svelte-1l1xujz .floorplan-plugin__rule-scale.svelte-1l1xujz{width:0.0625rem;height:100%}.floorplan-plugin__rule-text-wrapper.svelte-1l1xujz.svelte-1l1xujz{position:absolute}.floorplan-plugin__rule-labels--top.svelte-1l1xujz .floorplan-plugin__rule-text-wrapper.svelte-1l1xujz{width:100%;height:0;top:0.625rem}.floorplan-plugin__rule-labels--bottom.svelte-1l1xujz .floorplan-plugin__rule-text-wrapper.svelte-1l1xujz{width:100%;height:0;bottom:0.625rem}.floorplan-plugin__rule-labels--left.svelte-1l1xujz .floorplan-plugin__rule-text-wrapper.svelte-1l1xujz{width:0;height:100%;left:0.625rem}.floorplan-plugin__rule-labels--right.svelte-1l1xujz .floorplan-plugin__rule-text-wrapper.svelte-1l1xujz{width:0;height:100%;right:0.625rem}.floorplan-plugin__rule-text-item.svelte-1l1xujz.svelte-1l1xujz{width:0;height:0;position:absolute;transform:rotate(90deg)}.floorplan-plugin__rule-labels.is-row.svelte-1l1xujz .floorplan-plugin__rule-text-item.svelte-1l1xujz{transform:rotate(0)}.floorplan-plugin__rule-text.svelte-1l1xujz.svelte-1l1xujz{width:max-content;transform:translate(-50%, -50%);font-size:0.625rem;color:#fff;opacity:0.2}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[10] = list[i];
+	child_ctx[12] = i;
+	return child_ctx;
+}
+
+function get_each_context_1(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[13] = list[i];
+	return child_ctx;
+}
+
+// (47:4) {#each rulerLabels as rulerLabel}
+function create_each_block_1(ctx) {
+	let div;
+
+	return {
+		c() {
+			div = element("div");
+			attr(div, "class", "floorplan-plugin__rule-scale svelte-1l1xujz");
+			set_style(div, "left", /*rulerLabel*/ ctx[13].left * 100 + '%', false);
+			set_style(div, "bottom", /*rulerLabel*/ ctx[13].bottom * 100 + '%', false);
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+		},
+		p: noop,
+		d(detaching) {
+			if (detaching) detach(div);
+		}
+	};
+}
+
+// (56:4) {#each rulerTexts as textItem, textItemIndex (textItemIndex)}
+function create_each_block(key_1, ctx) {
+	let div1;
+	let div0;
+	let t0_value = /*textItem*/ ctx[10].distance + "";
+	let t0;
+	let t1;
+
+	return {
+		key: key_1,
+		first: null,
+		c() {
+			div1 = element("div");
+			div0 = element("div");
+			t0 = text(t0_value);
+			t1 = space();
+			attr(div0, "class", "floorplan-plugin__rule-text svelte-1l1xujz");
+			toggle_class(div0, "is-row", /*isRow*/ ctx[1]);
+			attr(div1, "class", "floorplan-plugin__rule-text-item svelte-1l1xujz");
+			set_style(div1, "left", /*textItem*/ ctx[10].left * 100 + '%', false);
+			set_style(div1, "bottom", /*textItem*/ ctx[10].bottom * 100 + '%', false);
+			this.first = div1;
+		},
+		m(target, anchor) {
+			insert(target, div1, anchor);
+			append(div1, div0);
+			append(div0, t0);
+			append(div1, t1);
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+		},
+		d(detaching) {
+			if (detaching) detach(div1);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div3;
+	let div0;
+	let t0;
+	let div1;
+	let t1;
+	let div2;
+	let each_blocks = [];
+	let each1_lookup = new Map();
+	let div3_class_value;
+	let each_value_1 = /*rulerLabels*/ ctx[2];
+	let each_blocks_1 = [];
+
+	for (let i = 0; i < each_value_1.length; i += 1) {
+		each_blocks_1[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i));
+	}
+
+	let each_value = /*rulerTexts*/ ctx[3];
+	const get_key = ctx => /*textItemIndex*/ ctx[12];
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		let child_ctx = get_each_context(ctx, each_value, i);
+		let key = get_key(child_ctx);
+		each1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
+	}
+
+	return {
+		c() {
+			div3 = element("div");
+			div0 = element("div");
+			t0 = space();
+			div1 = element("div");
+
+			for (let i = 0; i < each_blocks_1.length; i += 1) {
+				each_blocks_1[i].c();
+			}
+
+			t1 = space();
+			div2 = element("div");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(div0, "class", "floorplan-plugin__rule-line svelte-1l1xujz");
+			attr(div1, "class", "floorplan-plugin__rule-scale-wrapper svelte-1l1xujz");
+			toggle_class(div1, "is-row", /*isRow*/ ctx[1]);
+			attr(div2, "class", "floorplan-plugin__rule-text-wrapper svelte-1l1xujz");
+			attr(div3, "class", div3_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels--" + /*type*/ ctx[0] + " svelte-1l1xujz");
+			toggle_class(div3, "is-row", /*isRow*/ ctx[1]);
+			set_style(div3, "width", /*isRow*/ ctx[1] ? '100%' : 1 / 16 + 'rem', false);
+			set_style(div3, "height", !/*isRow*/ ctx[1] ? '100%' : 1 / 16 + 'rem', false);
+		},
+		m(target, anchor) {
+			insert(target, div3, anchor);
+			append(div3, div0);
+			append(div3, t0);
+			append(div3, div1);
+
+			for (let i = 0; i < each_blocks_1.length; i += 1) {
+				each_blocks_1[i].m(div1, null);
+			}
+
+			append(div3, t1);
+			append(div3, div2);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(div2, null);
+			}
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*rulerLabels*/ 4) {
+				each_value_1 = /*rulerLabels*/ ctx[2];
+				let i;
+
+				for (i = 0; i < each_value_1.length; i += 1) {
+					const child_ctx = get_each_context_1(ctx, each_value_1, i);
+
+					if (each_blocks_1[i]) {
+						each_blocks_1[i].p(child_ctx, dirty);
+					} else {
+						each_blocks_1[i] = create_each_block_1(child_ctx);
+						each_blocks_1[i].c();
+						each_blocks_1[i].m(div1, null);
+					}
+				}
+
+				for (; i < each_blocks_1.length; i += 1) {
+					each_blocks_1[i].d(1);
+				}
+
+				each_blocks_1.length = each_value_1.length;
+			}
+
+			if (dirty & /*rulerTexts, isRow*/ 10) {
+				each_value = /*rulerTexts*/ ctx[3];
+				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each1_lookup, div2, destroy_block, create_each_block, null, get_each_context);
+			}
+
+			if (dirty & /*type*/ 1 && div3_class_value !== (div3_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels--" + /*type*/ ctx[0] + " svelte-1l1xujz")) {
+				attr(div3, "class", div3_class_value);
+			}
+
+			if (dirty & /*type, isRow*/ 3) {
+				toggle_class(div3, "is-row", /*isRow*/ ctx[1]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div3);
+			destroy_each(each_blocks_1, detaching);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].d();
+			}
+		}
+	};
+}
+
+const padding = 1000;
+const exteriorWallOffset = 180;
+
+function instance($$self, $$props, $$invalidate) {
+	let { type } = $$props;
+	let { data } = $$props;
+	let { bounding } = $$props;
+	const isRow = type === 'top' || type === 'bottom';
+	const contentWidth = bounding.max.x - bounding.min.x - (padding - exteriorWallOffset) * 2;
+	const contentHeight = bounding.max.y - bounding.min.y - (padding - exteriorWallOffset) * 2;
+
+	// 计算每一段墙的长度，以及墙两侧点距离标尺初始点的像素值
+	const rulerPoints = data.map(([start, end]) => isRow ? [start.x, end.x] : [start.y, end.y]).flat().sort().filter((x, index, arr) => {
+		// 筛除重复数据
+		if (index === 0) return true;
+
+		return x !== arr[index - 1];
+	});
+
+	const rulerLabels = rulerPoints.map(num => {
+		const left = isRow
+		? (num - bounding.min.x - padding + exteriorWallOffset) / contentWidth
+		: 0;
+
+		const bottom = !isRow
+		? (num - bounding.min.y - padding + exteriorWallOffset) / contentHeight
+		: 0;
+
+		return { left, bottom };
+	});
+
+	rulerLabels.unshift({ left: 0, bottom: 0 });
+	rulerLabels.push(isRow ? { left: 1, bottom: 0 } : { left: 0, bottom: 1 });
+	const length = rulerPoints[rulerPoints.length - 1] - rulerPoints[0];
+
+	const rulerTexts = rulerPoints.map((num, index, arr) => {
+		const distance = index === 0 ? 0 : num - arr[index - 1];
+		const positionNum = index === 0 ? 0 : (num + arr[index - 1]) / 2;
+
+		const left = isRow
+		? (positionNum - bounding.min.x - padding + exteriorWallOffset) / contentWidth
+		: 0;
+
+		const bottom = !isRow
+		? (positionNum - bounding.min.y - padding + exteriorWallOffset) / contentHeight
+		: 0;
+
+		return { left, bottom, distance };
+	}).filter(({ distance }) => distance / length > 0.1);
+
+	$$self.$$set = $$props => {
+		if ('type' in $$props) $$invalidate(0, type = $$props.type);
+		if ('data' in $$props) $$invalidate(4, data = $$props.data);
+		if ('bounding' in $$props) $$invalidate(5, bounding = $$props.bounding);
+	};
+
+	return [type, isRow, rulerLabels, rulerTexts, data, bounding];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { type: 0, data: 4, bounding: 5 }, add_css);
+	}
+}
+
+export default Component;

package/libs/floorplan/Components/RuleLabels/RuleLabels.js

@@ -0,0 +1,269 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append_styles,
+	assign,
+	attr,
+	check_outros,
+	create_component,
+	destroy_component,
+	detach,
+	element,
+	empty,
+	get_spread_update,
+	group_outros,
+	init,
+	insert,
+	mount_component,
+	outro_and_destroy_block,
+	safe_not_equal,
+	set_style,
+	transition_in,
+	transition_out,
+	update_keyed_each
+} from "svelte/internal";
+
+import RuleItem from './RuleItem';
+
+function add_css(target) {
+	append_styles(target, "svelte-12vlcaz", ".floorplan-plugin__rule-labels-wrapper.svelte-12vlcaz{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[12] = list[i][0];
+	child_ctx[13] = list[i][1];
+	return child_ctx;
+}
+
+// (19:2) {#each ruleLabelArray as [type, data] (type)}
+function create_each_block(key_1, ctx) {
+	let first;
+	let ruleitem;
+	let current;
+
+	const ruleitem_spread_levels = [
+		{
+			type: /*type*/ ctx[12],
+			data: /*data*/ ctx[13],
+			bounding: /*bounding*/ ctx[0]
+		}
+	];
+
+	let ruleitem_props = {};
+
+	for (let i = 0; i < ruleitem_spread_levels.length; i += 1) {
+		ruleitem_props = assign(ruleitem_props, ruleitem_spread_levels[i]);
+	}
+
+	ruleitem = new RuleItem({ props: ruleitem_props });
+
+	return {
+		key: key_1,
+		first: null,
+		c() {
+			first = empty();
+			create_component(ruleitem.$$.fragment);
+			this.first = first;
+		},
+		m(target, anchor) {
+			insert(target, first, anchor);
+			mount_component(ruleitem, target, anchor);
+			current = true;
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+
+			const ruleitem_changes = (dirty & /*ruleLabelArray, bounding*/ 9)
+			? get_spread_update(ruleitem_spread_levels, [
+					{
+						type: /*type*/ ctx[12],
+						data: /*data*/ ctx[13],
+						bounding: /*bounding*/ ctx[0]
+					}
+				])
+			: {};
+
+			ruleitem.$set(ruleitem_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(ruleitem.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(ruleitem.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(first);
+			destroy_component(ruleitem, detaching);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let each_blocks = [];
+	let each_1_lookup = new Map();
+	let current;
+	let each_value = /*ruleLabelArray*/ ctx[3];
+	const get_key = ctx => /*type*/ ctx[12];
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		let child_ctx = get_each_context(ctx, each_value, i);
+		let key = get_key(child_ctx);
+		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
+	}
+
+	return {
+		c() {
+			div = element("div");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(div, "class", "floorplan-plugin__rule-labels-wrapper svelte-12vlcaz");
+			set_style(div, "width", /*width*/ ctx[2], false);
+			set_style(div, "height", /*height*/ ctx[1], false);
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(div, null);
+			}
+
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*ruleLabelArray, bounding*/ 9) {
+				each_value = /*ruleLabelArray*/ ctx[3];
+				group_outros();
+				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, outro_and_destroy_block, create_each_block, null, get_each_context);
+				check_outros();
+			}
+
+			if (dirty & /*width*/ 4) {
+				set_style(div, "width", /*width*/ ctx[2], false);
+			}
+
+			if (dirty & /*height*/ 2) {
+				set_style(div, "height", /*height*/ ctx[1], false);
+			}
+		},
+		i(local) {
+			if (current) return;
+
+			for (let i = 0; i < each_value.length; i += 1) {
+				transition_in(each_blocks[i]);
+			}
+
+			current = true;
+		},
+		o(local) {
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				transition_out(each_blocks[i]);
+			}
+
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].d();
+			}
+		}
+	};
+}
+
+const padding = 1000;
+const exteriorWallOffset = 180;
+
+function instance($$self, $$props, $$invalidate) {
+	let bounding;
+	let ruleLabelData;
+	let ruleLabelDataKeys;
+	let ruleLabelArray;
+	let boundingWidth;
+	let boundingHeight;
+	let contentWidth;
+	let contentHeight;
+	let width;
+	let height;
+	let { floorIndex } = $$props;
+	let { floorplanData } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('floorIndex' in $$props) $$invalidate(4, floorIndex = $$props.floorIndex);
+		if ('floorplanData' in $$props) $$invalidate(5, floorplanData = $$props.floorplanData);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*floorplanData*/ 32) {
+			$: $$invalidate(0, bounding = floorplanData.bounding);
+		}
+
+		if ($$self.$$.dirty & /*floorplanData, floorIndex*/ 48) {
+			$: $$invalidate(10, ruleLabelData = floorplanData.floorDatas[floorIndex].rules);
+		}
+
+		if ($$self.$$.dirty & /*ruleLabelData*/ 1024) {
+			$: $$invalidate(11, ruleLabelDataKeys = Object.keys(ruleLabelData));
+		}
+
+		if ($$self.$$.dirty & /*ruleLabelDataKeys, ruleLabelData*/ 3072) {
+			$: $$invalidate(3, ruleLabelArray = ruleLabelDataKeys.map(key => [key, ruleLabelData[key]]));
+		}
+
+		if ($$self.$$.dirty & /*bounding*/ 1) {
+			$: $$invalidate(8, boundingWidth = bounding.max.x - bounding.min.x);
+		}
+
+		if ($$self.$$.dirty & /*bounding*/ 1) {
+			$: $$invalidate(6, boundingHeight = bounding.max.y - bounding.min.y);
+		}
+
+		if ($$self.$$.dirty & /*bounding*/ 1) {
+			$: $$invalidate(9, contentWidth = bounding.max.x - bounding.min.x - (padding - exteriorWallOffset) * 2);
+		}
+
+		if ($$self.$$.dirty & /*bounding*/ 1) {
+			$: $$invalidate(7, contentHeight = bounding.max.y - bounding.min.y - (padding - exteriorWallOffset) * 2);
+		}
+
+		if ($$self.$$.dirty & /*contentWidth, boundingWidth*/ 768) {
+			$: $$invalidate(2, width = contentWidth / boundingWidth * 100 + '%');
+		}
+
+		if ($$self.$$.dirty & /*contentHeight, boundingHeight*/ 192) {
+			$: $$invalidate(1, height = contentHeight / boundingHeight * 100 + '%');
+		}
+	};
+
+	return [
+		bounding,
+		height,
+		width,
+		ruleLabelArray,
+		floorIndex,
+		floorplanData,
+		boundingHeight,
+		contentHeight,
+		boundingWidth,
+		contentWidth,
+		ruleLabelData,
+		ruleLabelDataKeys
+	];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css);
+	}
+}
+
+export default Component;

package/libs/floorplan/ModelFloorplanPlugin/Components/Camera.js

@@ -17,7 +17,7 @@ import { CAMERA_IMAGE } from '../../Assets/camera';
 import rad2Deg from '../../../shared-utils/math/rad2Deg';
 
 function add_css(target) {
-	append_styles(target, "svelte-e8a2kn", ".floorplan__camera-position.svelte-e8a2kn{position:absolute;width:0;height:0}.floorplan__camera-rotate.svelte-e8a2kn{position:absolute;background-repeat:no-repeat;background-size:100%}");
+	append_styles(target, "svelte-e8a2kn", ".floorplan__camera-position-e8a2kn{position:absolute;width:0;height:0}.floorplan__camera-rotate-e8a2kn{position:absolute;background-repeat:no-repeat;background-size:100%}");
 }
 
 function create_fragment(ctx) {

package/libs/floorplan/ModelFloorplanPlugin/Components/Compass.js

@@ -18,7 +18,7 @@ import {
 import { COMPASS_IMAGE } from '../Assets/compass';
 
 function add_css(target) {
-	append_styles(target, "svelte-5l80pv", ".floorplan-plugin__compass.svelte-5l80pv{position:absolute;left:50%;top:-46px;width:231px;height:41px;will-change:opacity;transform-origin:center 184px}.floorplan-plugin__compass-image.svelte-5l80pv{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.1;background-repeat:no-repeat;background-size:100% 100%}.floorplan-plugin__compass-text.svelte-5l80pv{position:absolute;left:50%;top:15px;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:10px;color:#fff}");
+	append_styles(target, "svelte-5l80pv", ".floorplan-plugin__compass-5l80pv{position:absolute;left:50%;top:-46px;width:231px;height:41px;will-change:opacity;transform-origin:center 184px}.floorplan-plugin__compass-image-5l80pv{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.1;background-repeat:no-repeat;background-size:100% 100%}.floorplan-plugin__compass-text-5l80pv{position:absolute;left:50%;top:15px;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:10px;color:#fff}");
 }
 
 // (11:0) {#if northRad}

package/libs/floorplan/ModelFloorplanPlugin/Components/CurrentFloor/CurrentFloor.js

@@ -28,7 +28,7 @@ import RoomMaterial from '../../../Components/RoomMaterials/RoomMaterial';
 import RoomHighlight from '../../../Components/RoomHighlight/RoomHighlight';
 
 function add_css(target) {
-	append_styles(target, "svelte-3pdgs4", ".floorplan-current-floor.svelte-3pdgs4{position:relative;width:100%;height:100%}");
+	append_styles(target, "svelte-3pdgs4", ".floorplan-current-floor-3pdgs4{position:relative;width:100%;height:100%}");
 }
 
 // (19:2) {#if hoverEnable}

package/libs/floorplan/ModelFloorplanPlugin/Components/Main.js

@@ -31,7 +31,7 @@ import { linear } from 'svelte/easing';
 import { fade } from 'svelte/transition';
 
 function add_css(target) {
-	append_styles(target, "svelte-177x2q7", ".floorplan-main.svelte-177x2q7{width:100%;height:100%}");
+	append_styles(target, "svelte-177x2q7", ".floorplan-main-177x2q7{width:100%;height:100%}");
 }
 
 // (23:0) {#if visible}

package/libs/floorplan/ModelFloorplanPlugin/Components/RoomLabels/RoomLabel.js

@@ -19,7 +19,7 @@ import {
 } from "svelte/internal";
 
 function add_css(target) {
-	append_styles(target, "svelte-1ashbdx", ".floorplan-plugin__room-label-item.svelte-1ashbdx{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:15px;color:#fff;transform:translate(-50%, -50%);white-space:nowrap}.floorplan-plugin__room-size.svelte-1ashbdx{opacity:0.45}");
+	append_styles(target, "svelte-1ashbdx", ".floorplan-plugin__room-label-item-1ashbdx{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:15px;color:#fff;transform:translate(-50%, -50%);white-space:nowrap}.floorplan-plugin__room-size-1ashbdx{opacity:0.45}");
 }
 
 // (22:30) 

package/libs/floorplan/ModelFloorplanPlugin/Components/RoomLabels/RoomLabels.js

@@ -25,7 +25,7 @@ import {
 import RoomLabel from './RoomLabel';
 
 function add_css(target) {
-	append_styles(target, "svelte-sw25w3", ".floorplan-plugin__room-labels.svelte-sw25w3{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20}");
+	append_styles(target, "svelte-sw25w3", ".floorplan-plugin__room-labels-sw25w3{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20}");
 }
 
 function get_each_context(ctx, list, i) {

package/libs/floorplan/ModelFloorplanPlugin/Components/RuleLabels/RuleItem.js

@@ -21,7 +21,7 @@ import {
 import { notNil } from '../../../../shared-utils/isNil';
 
 function add_css(target) {
-	append_styles(target, "svelte-1rr09in", ".floorplan-plugin__rule-labels.svelte-1rr09in{position:absolute;height:5px;display:flex;align-items:center}.floorplan-plugin__rule-labels-top.svelte-1rr09in{left:0;top:0}.floorplan-plugin__rule-labels-bottom.svelte-1rr09in{left:0;bottom:0}.floorplan-plugin__rule-labels-left.svelte-1rr09in{bottom:0;left:0}.floorplan-plugin__rule-labels-right.svelte-1rr09in{bottom:0;right:0}.floorplan-plugin__rule-line.svelte-1rr09in{background:#fff;opacity:0.05;width:100%;height:1px}.floorplan-plugin__rule-scale.svelte-1rr09in{position:absolute;background:#fff;opacity:0.05;transform-origin:center;width:1px;height:5px}.floorplan-plugin__text-wrapper.svelte-1rr09in{width:0;height:0;position:absolute}.floorplan-plugin__text-wrapper.floorplan-plugin__text-wrapper--is-left-or-top.svelte-1rr09in{top:10px}.floorplan-plugin__text-wrapper.floorplan-plugin__text-wrapper-is-right-or-bottom.svelte-1rr09in{bottom:10px}.floorplan-plugin__rule-text.svelte-1rr09in{position:absolute;width:max-content;display:block;transform:translate(-50%, -50%) rotate(180deg);font-size:10px;color:#fff;opacity:0.2}.floorplan-plugin__rule-text.is-row.svelte-1rr09in{transform:translate(-50%, -50%)}");
+	append_styles(target, "svelte-1rr09in", ".floorplan-plugin__rule-labels-1rr09in{position:absolute;height:5px;display:flex;align-items:center}.floorplan-plugin__rule-labels-top-1rr09in{left:0;top:0}.floorplan-plugin__rule-labels-bottom-1rr09in{left:0;bottom:0}.floorplan-plugin__rule-labels-left-1rr09in{bottom:0;left:0}.floorplan-plugin__rule-labels-right-1rr09in{bottom:0;right:0}.floorplan-plugin__rule-line-1rr09in{background:#fff;opacity:0.05;width:100%;height:1px}.floorplan-plugin__rule-scale-1rr09in{position:absolute;background:#fff;opacity:0.05;transform-origin:center;width:1px;height:5px}.floorplan-plugin__text-wrapper-1rr09in{width:0;height:0;position:absolute}.floorplan-plugin__text-wrapper.floorplan-plugin__text-wrapper--is-left-or-top-1rr09in{top:10px}.floorplan-plugin__text-wrapper.floorplan-plugin__text-wrapper-is-right-or-bottom-1rr09in{bottom:10px}.floorplan-plugin__rule-text-1rr09in{position:absolute;width:max-content;display:block;transform:translate(-50%, -50%) rotate(180deg);font-size:10px;color:#fff;opacity:0.2}.floorplan-plugin__rule-text.is-row-1rr09in{transform:translate(-50%, -50%)}");
 }
 
 function get_each_context(ctx, list, i) {