floor-editor-ts 1.0.4 → 1.0.6
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/floor-editor.es.js +1140 -1098
- package/dist/floor-editor.es.js.map +1 -1
- package/package.json +1 -1
package/dist/floor-editor.es.js
CHANGED
|
@@ -56022,19 +56022,19 @@ var themePreference = createThemeStore();
|
|
|
56022
56022
|
//#region src/lib/components/toolbar/SettingsDialog.svelte
|
|
56023
56023
|
init_client();
|
|
56024
56024
|
var root_2$12 = /* @__PURE__ */ from_html(`<div class="absolute bottom-0 left-0 right-0 h-0.5 bg-slate-700 dark:bg-slate-300 rounded-t"></div>`);
|
|
56025
|
-
var root_3$
|
|
56026
|
-
var root_4$
|
|
56027
|
-
var root_5$
|
|
56028
|
-
var root_6$
|
|
56029
|
-
var root_7$
|
|
56025
|
+
var root_3$11 = /* @__PURE__ */ from_html(`<div class="absolute bottom-0 left-0 right-0 h-0.5 bg-slate-700 dark:bg-slate-300 rounded-t"></div>`);
|
|
56026
|
+
var root_4$12 = /* @__PURE__ */ from_html(`<div class="absolute bottom-0 left-0 right-0 h-0.5 bg-slate-700 dark:bg-slate-300 rounded-t"></div>`);
|
|
56027
|
+
var root_5$8 = /* @__PURE__ */ from_html(`<div class="absolute bottom-0 left-0 right-0 h-0.5 bg-slate-700 dark:bg-slate-300 rounded-t"></div>`);
|
|
56028
|
+
var root_6$5 = /* @__PURE__ */ from_html(`<div class="space-y-4"><label class="block"><span class="text-sm font-medium text-gray-700 dark:text-gray-300">Project Name</span> <input type="text" class="mt-1 w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:ring-2 focus:ring-slate-500 focus:border-slate-500 outline-none bg-white dark:bg-gray-700 dark:text-gray-100" placeholder="Untitled Project"/></label> <label class="block"><span class="text-sm font-medium text-gray-700 dark:text-gray-300">Description</span> <textarea rows="3" class="mt-1 w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:ring-2 focus:ring-slate-500 focus:border-slate-500 outline-none resize-none bg-white dark:bg-gray-700 dark:text-gray-100" placeholder="Add a description for this project..."></textarea></label></div>`);
|
|
56029
|
+
var root_7$6 = /* @__PURE__ */ from_html(`<div class="flex items-center justify-between mb-5"><span class="text-sm font-medium text-gray-700 dark:text-gray-300">Metrics unit</span> <div class="flex rounded-lg border border-gray-300 dark:border-gray-600 overflow-hidden"><button>m, cm</button> <button>ft, inch</button></div></div> <div class="bg-gray-50 dark:bg-gray-700/50 rounded-xl divide-y divide-gray-200 dark:divide-gray-600"><label class="flex items-center justify-between px-4 py-3.5 cursor-pointer"><span class="text-sm text-gray-700">Dimensions</span> <input type="checkbox" class="w-10 h-5 rounded-full appearance-none cursor-pointer bg-gray-300 checked:bg-slate-700 relative transition-colors
|
|
56030
56030
|
before:content-[''] before:absolute before:w-4 before:h-4 before:rounded-full before:bg-white before:top-0.5 before:left-0.5 before:transition-transform checked:before:translate-x-5"/></label> <label class="flex items-center justify-between px-4 py-3.5 cursor-pointer"><span class="text-sm text-gray-700">External Dimensions</span> <input type="checkbox" class="w-10 h-5 rounded-full appearance-none cursor-pointer bg-gray-300 checked:bg-slate-700 relative transition-colors
|
|
56031
56031
|
before:content-[''] before:absolute before:w-4 before:h-4 before:rounded-full before:bg-white before:top-0.5 before:left-0.5 before:transition-transform checked:before:translate-x-5"/></label> <label class="flex items-center justify-between px-4 py-3.5 cursor-pointer"><span class="text-sm text-gray-700">Internal Dimensions</span> <input type="checkbox" class="w-10 h-5 rounded-full appearance-none cursor-pointer bg-gray-300 checked:bg-slate-700 relative transition-colors
|
|
56032
56032
|
before:content-[''] before:absolute before:w-4 before:h-4 before:rounded-full before:bg-white before:top-0.5 before:left-0.5 before:transition-transform checked:before:translate-x-5"/></label> <label class="flex items-center justify-between px-4 py-3.5 cursor-pointer"><span class="text-sm text-gray-700">Extension Lines</span> <input type="checkbox" class="w-10 h-5 rounded-full appearance-none cursor-pointer bg-gray-300 checked:bg-slate-700 relative transition-colors
|
|
56033
56033
|
before:content-[''] before:absolute before:w-4 before:h-4 before:rounded-full before:bg-white before:top-0.5 before:left-0.5 before:transition-transform checked:before:translate-x-5"/></label> <label class="flex items-center justify-between px-4 py-3.5 cursor-pointer"><span class="text-sm text-gray-700">Object Distance</span> <input type="checkbox" class="w-10 h-5 rounded-full appearance-none cursor-pointer bg-gray-300 checked:bg-slate-700 relative transition-colors
|
|
56034
56034
|
before:content-[''] before:absolute before:w-4 before:h-4 before:rounded-full before:bg-white before:top-0.5 before:left-0.5 before:transition-transform checked:before:translate-x-5"/></label> <div class="flex items-center justify-between px-4 py-3.5"><span class="text-sm text-gray-700">Line Color</span> <div class="flex items-center gap-2"><button style="background-color: #ffffff" aria-label="White line color"></button> <span class="text-gray-300">|</span> <button style="background-color: #1e293b" aria-label="Dark line color"></button></div></div></div>`, 1);
|
|
56035
56035
|
var root_9$2 = /* @__PURE__ */ from_html(`<button><span class="text-2xl"> </span> <span class="text-xs font-medium text-gray-700 dark:text-gray-300"> </span></button>`);
|
|
56036
|
-
var root_8$
|
|
56037
|
-
var root_11$
|
|
56036
|
+
var root_8$4 = /* @__PURE__ */ from_html(`<div class="space-y-4"><div><span class="text-sm font-medium text-gray-700 dark:text-gray-300 block mb-3">Theme</span> <div class="flex gap-3"></div></div></div>`);
|
|
56037
|
+
var root_11$2 = /* @__PURE__ */ from_html(`<button class="px-4 py-2 text-sm font-medium text-red-600 dark:text-red-400 border border-red-300 dark:border-red-600 rounded-lg hover:bg-red-50 dark:hover:bg-red-900/20 transition-colors">Remove</button>`);
|
|
56038
56038
|
var root_12$3 = /* @__PURE__ */ from_html(`<button class="px-4 py-2 text-sm font-medium text-red-600 dark:text-red-400 border border-red-300 dark:border-red-600 rounded-lg hover:bg-red-50 dark:hover:bg-red-900/20 transition-colors">Remove</button>`);
|
|
56039
56039
|
var root_10$2 = /* @__PURE__ */ from_html(`<div class="space-y-4"><div><span class="text-sm font-medium text-gray-700 dark:text-gray-300 block mb-1">Gemini API Key</span> <p class="text-xs text-gray-500 dark:text-gray-400 mb-3">Required for AI-powered photorealistic rendering. Your key is stored locally in your browser only - never sent to our servers.</p> <div class="flex gap-2"><div class="relative flex-1"><input class="w-full px-3 py-2 pr-10 border border-gray-300 dark:border-gray-600 rounded-lg text-sm font-mono focus:ring-2 focus:ring-slate-500 focus:border-slate-500 outline-none bg-white dark:bg-gray-700 dark:text-gray-100" placeholder="AIza..."/> <button class="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 text-sm"> </button></div></div> <div class="flex gap-2 mt-3"><button class="px-4 py-2 text-sm font-medium bg-slate-700 text-white rounded-lg hover:bg-slate-600 transition-colors"> </button> <!></div></div> <div class="border-t border-gray-200 dark:border-gray-700 pt-4"><span class="text-sm font-medium text-gray-700 dark:text-gray-300 block mb-2">How to get a Gemini key</span> <ol class="text-xs text-gray-500 dark:text-gray-400 space-y-1 list-decimal list-inside"><li>Go to <a href="https://aistudio.google.com/apikey" target="_blank" rel="noopener" class="text-blue-500 hover:underline">Google AI Studio</a></li> <li>Click "Create API Key"</li> <li>Copy and paste it above</li></ol></div> <div class="border-t border-gray-200 dark:border-gray-700 pt-4"><span class="text-sm font-medium text-gray-700 dark:text-gray-300 block mb-1">OpenAI API Key</span> <p class="text-xs text-gray-500 dark:text-gray-400 mb-3">Optional — enables OpenAI image generation as an alternative to Gemini. Stored locally only.</p> <div class="flex gap-2"><div class="relative flex-1"><input class="w-full px-3 py-2 pr-10 border border-gray-300 dark:border-gray-600 rounded-lg text-sm font-mono focus:ring-2 focus:ring-slate-500 focus:border-slate-500 outline-none bg-white dark:bg-gray-700 dark:text-gray-100" placeholder="sk-..."/> <button class="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 text-sm"> </button></div></div> <div class="flex gap-2 mt-3"><button class="px-4 py-2 text-sm font-medium bg-slate-700 text-white rounded-lg hover:bg-slate-600 transition-colors"> </button> <!></div> <div class="mt-3"><span class="text-sm font-medium text-gray-700 dark:text-gray-300 block mb-2">How to get an OpenAI key</span> <ol class="text-xs text-gray-500 dark:text-gray-400 space-y-1 list-decimal list-inside"><li>Go to <a href="https://platform.openai.com/api-keys" target="_blank" rel="noopener" class="text-blue-500 hover:underline">OpenAI Platform</a></li> <li>Click "Create new secret key"</li> <li>Copy and paste it above</li></ol></div></div></div>`);
|
|
56040
56040
|
var root_1$14 = /* @__PURE__ */ from_html(`<div class="fixed inset-0 bg-black/50 z-50 flex items-center justify-center" role="dialog" tabindex="-1" aria-label="Settings"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-2xl w-[420px] max-h-[80vh] flex flex-col" role="document"><div class="flex items-center justify-between px-5 pt-4 pb-2"><h2 class="text-lg font-bold text-gray-800 dark:text-gray-100">Settings</h2> <button class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 text-xl leading-none" aria-label="Close settings">✕</button></div> <div class="flex border-b border-gray-200 dark:border-gray-700 px-5"><button>Project <!></button> <button>Dimensions <!></button> <button>Appearance <!></button> <button>AI <!></button></div> <div class="p-5 overflow-y-auto"><!></div></div></div>`);
|
|
@@ -56158,7 +56158,7 @@ function SettingsDialog($$anchor, $$props) {
|
|
|
56158
56158
|
var button_2 = sibling(button_1, 2);
|
|
56159
56159
|
var node_2 = sibling(child(button_2));
|
|
56160
56160
|
var consequent_1 = ($$anchor) => {
|
|
56161
|
-
append($$anchor, root_3$
|
|
56161
|
+
append($$anchor, root_3$11());
|
|
56162
56162
|
};
|
|
56163
56163
|
if_block(node_2, ($$render) => {
|
|
56164
56164
|
if (get(activeTab) === "dimensions") $$render(consequent_1);
|
|
@@ -56167,7 +56167,7 @@ function SettingsDialog($$anchor, $$props) {
|
|
|
56167
56167
|
var button_3 = sibling(button_2, 2);
|
|
56168
56168
|
var node_3 = sibling(child(button_3));
|
|
56169
56169
|
var consequent_2 = ($$anchor) => {
|
|
56170
|
-
append($$anchor, root_4$
|
|
56170
|
+
append($$anchor, root_4$12());
|
|
56171
56171
|
};
|
|
56172
56172
|
if_block(node_3, ($$render) => {
|
|
56173
56173
|
if (get(activeTab) === "appearance") $$render(consequent_2);
|
|
@@ -56176,7 +56176,7 @@ function SettingsDialog($$anchor, $$props) {
|
|
|
56176
56176
|
var button_4 = sibling(button_3, 2);
|
|
56177
56177
|
var node_4 = sibling(child(button_4));
|
|
56178
56178
|
var consequent_3 = ($$anchor) => {
|
|
56179
|
-
append($$anchor, root_5$
|
|
56179
|
+
append($$anchor, root_5$8());
|
|
56180
56180
|
};
|
|
56181
56181
|
if_block(node_4, ($$render) => {
|
|
56182
56182
|
if (get(activeTab) === "ai") $$render(consequent_3);
|
|
@@ -56186,7 +56186,7 @@ function SettingsDialog($$anchor, $$props) {
|
|
|
56186
56186
|
var div_8 = sibling(div_3, 2);
|
|
56187
56187
|
var node_5 = child(div_8);
|
|
56188
56188
|
var consequent_4 = ($$anchor) => {
|
|
56189
|
-
var div_9 = root_6$
|
|
56189
|
+
var div_9 = root_6$5();
|
|
56190
56190
|
var label_1 = child(div_9);
|
|
56191
56191
|
var input = sibling(child(label_1), 2);
|
|
56192
56192
|
remove_input_defaults(input);
|
|
@@ -56205,7 +56205,7 @@ function SettingsDialog($$anchor, $$props) {
|
|
|
56205
56205
|
append($$anchor, div_9);
|
|
56206
56206
|
};
|
|
56207
56207
|
var consequent_5 = ($$anchor) => {
|
|
56208
|
-
var fragment_1 = root_7$
|
|
56208
|
+
var fragment_1 = root_7$6();
|
|
56209
56209
|
var div_10 = first_child(fragment_1);
|
|
56210
56210
|
var div_11 = sibling(child(div_10), 2);
|
|
56211
56211
|
var button_5 = child(div_11);
|
|
@@ -56263,7 +56263,7 @@ function SettingsDialog($$anchor, $$props) {
|
|
|
56263
56263
|
append($$anchor, fragment_1);
|
|
56264
56264
|
};
|
|
56265
56265
|
var consequent_6 = ($$anchor) => {
|
|
56266
|
-
var div_15 = root_8$
|
|
56266
|
+
var div_15 = root_8$4();
|
|
56267
56267
|
var div_16 = child(div_15);
|
|
56268
56268
|
var div_17 = sibling(child(div_16), 2);
|
|
56269
56269
|
each(div_17, 20, () => [
|
|
@@ -56326,7 +56326,7 @@ function SettingsDialog($$anchor, $$props) {
|
|
|
56326
56326
|
reset(button_11);
|
|
56327
56327
|
var node_6 = sibling(button_11, 2);
|
|
56328
56328
|
var consequent_7 = ($$anchor) => {
|
|
56329
|
-
var button_12 = root_11$
|
|
56329
|
+
var button_12 = root_11$2();
|
|
56330
56330
|
delegated("click", button_12, clearGeminiKey);
|
|
56331
56331
|
append($$anchor, button_12);
|
|
56332
56332
|
};
|
|
@@ -56431,9 +56431,9 @@ delegate([
|
|
|
56431
56431
|
init_client();
|
|
56432
56432
|
var root_2$11 = /* @__PURE__ */ from_html(`<div class="flex items-center justify-between text-xs bg-gray-50 rounded px-2 py-1.5"><span class="text-gray-700"> <span class="text-gray-400"> </span></span> <span class="font-medium text-gray-800"> </span></div>`);
|
|
56433
56433
|
var root_1$13 = /* @__PURE__ */ from_html(`<div><h4 class="text-xs font-semibold text-gray-500 uppercase mb-1.5">By Category</h4> <div class="space-y-1"></div></div>`);
|
|
56434
|
-
var root_4$
|
|
56435
|
-
var root_3$
|
|
56436
|
-
var root_5$
|
|
56434
|
+
var root_4$11 = /* @__PURE__ */ from_html(`<div class="flex items-center gap-1.5 text-xs px-1 py-1"><div class="flex-1 min-w-0"><div class="flex items-center justify-between"><span class="text-gray-700 truncate"> </span> <span class="text-gray-500 ml-1 shrink-0"> </span></div> <div class="w-full bg-gray-200 rounded-full h-1 mt-0.5"><div class="bg-blue-400 h-1 rounded-full"></div></div></div> <span class="text-[10px] text-gray-400 w-8 text-right shrink-0"> </span></div>`);
|
|
56435
|
+
var root_3$10 = /* @__PURE__ */ from_html(`<div><h4 class="text-xs font-semibold text-gray-500 uppercase mb-1.5">Room Breakdown</h4> <div class="space-y-0.5"></div></div>`);
|
|
56436
|
+
var root_5$7 = /* @__PURE__ */ from_html(`<p class="text-xs text-gray-400 text-center py-4">No rooms detected yet.<br/>Draw walls to create rooms.</p>`);
|
|
56437
56437
|
var root$5 = /* @__PURE__ */ from_html(`<div class="space-y-3"><div class="grid grid-cols-2 gap-2"><div class="bg-blue-50 rounded-lg p-2 text-center"><div class="text-lg font-bold text-blue-700"> </div> <div class="text-[10px] text-blue-500">Rooms</div></div> <div class="bg-green-50 rounded-lg p-2 text-center"><div class="text-lg font-bold text-green-700"> </div> <div class="text-[10px] text-green-500">Total Area</div></div> <div class="bg-amber-50 rounded-lg p-2 text-center"><div class="text-sm font-bold text-amber-700"> </div> <div class="text-[10px] text-amber-500">Doors / Windows</div></div> <div class="bg-purple-50 rounded-lg p-2 text-center"><div class="text-sm font-bold text-purple-700"> </div> <div class="text-[10px] text-purple-500">Wall Length</div></div></div> <!> <!></div>`);
|
|
56438
56438
|
function AreaSummaryPanel($$anchor, $$props) {
|
|
56439
56439
|
push($$props, true);
|
|
@@ -56578,11 +56578,11 @@ function AreaSummaryPanel($$anchor, $$props) {
|
|
|
56578
56578
|
});
|
|
56579
56579
|
var node_1 = sibling(node, 2);
|
|
56580
56580
|
var consequent_1 = ($$anchor) => {
|
|
56581
|
-
var div_13 = root_3$
|
|
56581
|
+
var div_13 = root_3$10();
|
|
56582
56582
|
var div_14 = sibling(child(div_13), 2);
|
|
56583
56583
|
each(div_14, 21, () => get(allRooms), index$1, ($$anchor, room) => {
|
|
56584
56584
|
const pct = /* @__PURE__ */ user_derived(() => get(totalArea) > 0 ? get(room).area / get(totalArea) * 100 : 0);
|
|
56585
|
-
var div_15 = root_4$
|
|
56585
|
+
var div_15 = root_4$11();
|
|
56586
56586
|
var div_16 = child(div_15);
|
|
56587
56587
|
var div_17 = child(div_16);
|
|
56588
56588
|
var span_3 = child(div_17);
|
|
@@ -56617,7 +56617,7 @@ function AreaSummaryPanel($$anchor, $$props) {
|
|
|
56617
56617
|
append($$anchor, div_13);
|
|
56618
56618
|
};
|
|
56619
56619
|
var alternate = ($$anchor) => {
|
|
56620
|
-
append($$anchor, root_5$
|
|
56620
|
+
append($$anchor, root_5$7());
|
|
56621
56621
|
};
|
|
56622
56622
|
if_block(node_1, ($$render) => {
|
|
56623
56623
|
if (get(allRooms).length > 0) $$render(consequent_1);
|
|
@@ -56776,9 +56776,9 @@ async function autoSave(onDispatch) {
|
|
|
56776
56776
|
//#region src/lib/components/toolbar/VersionHistoryPanel.svelte
|
|
56777
56777
|
init_client();
|
|
56778
56778
|
var root_2$10 = /* @__PURE__ */ from_html(`<p class="text-sm text-gray-400 text-center py-8">No snapshots yet.<br/>Versions are saved automatically every 5 minutes.</p>`);
|
|
56779
|
-
var root_4$
|
|
56780
|
-
var root_3$
|
|
56781
|
-
var root_5$
|
|
56779
|
+
var root_4$10 = /* @__PURE__ */ from_html(`<div class="flex items-center justify-between py-2 px-2 rounded-lg hover:bg-gray-50 group transition-colors"><div class="flex-1 min-w-0"><div class="text-sm font-medium text-gray-700 truncate"> </div> <div class="text-xs text-gray-400"> </div></div> <button class="text-xs px-2.5 py-1 bg-blue-50 text-blue-600 rounded-md hover:bg-blue-100 transition-colors opacity-0 group-hover:opacity-100 font-medium shrink-0 ml-2">Restore</button></div>`);
|
|
56780
|
+
var root_3$9 = /* @__PURE__ */ from_html(`<div class="space-y-1"></div>`);
|
|
56781
|
+
var root_5$6 = /* @__PURE__ */ from_html(`<div class="px-4 py-2 border-t border-gray-100"><button class="text-xs text-red-400 hover:text-red-600 transition-colors">Clear all versions</button></div>`);
|
|
56782
56782
|
var root_1$12 = /* @__PURE__ */ from_html(`<div class="fixed inset-0 bg-black/40 z-50 flex items-center justify-center"><div class="bg-white rounded-xl shadow-2xl w-96 max-h-[70vh] flex flex-col"><div class="flex items-center justify-between px-4 py-3 border-b border-gray-100"><h2 class="text-sm font-semibold text-gray-800 flex items-center gap-2"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg> Version History</h2> <button class="text-gray-400 hover:text-gray-600 transition-colors" aria-label="Close"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div> <div class="flex-1 overflow-y-auto px-4 py-2"><!></div> <!></div></div>`);
|
|
56783
56783
|
function VersionHistoryPanel($$anchor, $$props) {
|
|
56784
56784
|
push($$props, true);
|
|
@@ -56828,10 +56828,10 @@ function VersionHistoryPanel($$anchor, $$props) {
|
|
|
56828
56828
|
append($$anchor, root_2$10());
|
|
56829
56829
|
};
|
|
56830
56830
|
var alternate = ($$anchor) => {
|
|
56831
|
-
var div_4 = root_3$
|
|
56831
|
+
var div_4 = root_3$9();
|
|
56832
56832
|
each(div_4, 21, () => [...get(snapshots)].reverse(), index$1, ($$anchor, snap, i) => {
|
|
56833
56833
|
const realIndex = /* @__PURE__ */ user_derived(() => get(snapshots).length - 1 - i);
|
|
56834
|
-
var div_5 = root_4$
|
|
56834
|
+
var div_5 = root_4$10();
|
|
56835
56835
|
var div_6 = child(div_5);
|
|
56836
56836
|
var div_7 = child(div_6);
|
|
56837
56837
|
var text = child(div_7, true);
|
|
@@ -56859,7 +56859,7 @@ function VersionHistoryPanel($$anchor, $$props) {
|
|
|
56859
56859
|
reset(div_3);
|
|
56860
56860
|
var node_2 = sibling(div_3, 2);
|
|
56861
56861
|
var consequent_1 = ($$anchor) => {
|
|
56862
|
-
var div_9 = root_5$
|
|
56862
|
+
var div_9 = root_5$6();
|
|
56863
56863
|
var button_2 = child(div_9);
|
|
56864
56864
|
reset(div_9);
|
|
56865
56865
|
delegated("click", button_2, onClearAll);
|
|
@@ -56892,15 +56892,16 @@ init_client();
|
|
|
56892
56892
|
init_index_client();
|
|
56893
56893
|
init_onboarding_svelte();
|
|
56894
56894
|
var root_2$9 = /* @__PURE__ */ from_html(`<input type="text" class="bg-white/20 text-white font-semibold px-2 py-0.5 rounded border border-white/30 outline-none text-sm w-40"/>`);
|
|
56895
|
-
var root_3$
|
|
56896
|
-
var root_4$
|
|
56897
|
-
var root_5$
|
|
56898
|
-
var root_6$
|
|
56899
|
-
var
|
|
56895
|
+
var root_3$8 = /* @__PURE__ */ from_html(`<button class="font-semibold text-white text-sm hover:bg-white/10 px-2 py-0.5 rounded transition-colors" title="Click to rename"> </button>`);
|
|
56896
|
+
var root_4$9 = /* @__PURE__ */ from_html(`<button> </button>`);
|
|
56897
|
+
var root_5$5 = /* @__PURE__ */ from_html(`<div class="flex bg-white/15 rounded-full p-0.5"><button title="Select mode (V)" aria-label="Select mode"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path><path d="M13 13l6 6"></path></svg></button> <button title="Pan mode (H)" aria-label="Pan mode"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 11V6a2 2 0 0 0-4 0v1"></path><path d="M14 10V4a2 2 0 0 0-4 0v2"></path><path d="M10 10.5V6a2 2 0 0 0-4 0v8"></path><path d="M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15"></path></svg></button></div>`);
|
|
56898
|
+
var root_6$4 = /* @__PURE__ */ from_html(`<div class="flex items-center gap-1 bg-white/15 rounded-full p-0.5"><button class="w-7 h-7 flex items-center justify-center text-white/80 hover:text-white hover:bg-white/10 rounded-full transition-colors text-sm font-bold" title="Zoom Out (−)" aria-label="Zoom Out">−</button> <button class="px-2 py-1 text-xs font-medium text-white/80 hover:text-white hover:bg-white/10 rounded-full transition-colors min-w-[3rem] text-center" title="Reset Zoom (100%)"> </button> <button class="w-7 h-7 flex items-center justify-center text-white/80 hover:text-white hover:bg-white/10 rounded-full transition-colors text-sm font-bold" title="Zoom In (+)" aria-label="Zoom In">+</button></div>`);
|
|
56899
|
+
var root_8$3 = /* @__PURE__ */ from_html(`<button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line></svg> Import JSON</button>`);
|
|
56900
|
+
var root_7$5 = /* @__PURE__ */ from_html(`<div class="absolute right-0 top-full mt-1 bg-white rounded-lg shadow-lg border border-gray-200 py-1 w-48 z-50"><button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 6 2 18 2 18 9"></polyline><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path><rect x="6" y="14" width="12" height="8"></rect></svg> Print Layout</button> <div class="h-px bg-gray-100 my-1"></div> <button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><path d="M21 15l-5-5L5 21"></path></svg> Export 2D as PNG</button> <button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5z"></path><path d="M2 17l10 5 10-5"></path><path d="M2 12l10 5 10-5"></path></svg> Export 3D as PNG</button> <button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 19V5"></path><path d="M5 12l7-7 7 7"></path></svg> Export as SVG</button> <button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><path d="M14 2v6h6"></path><path d="M8 16h2"></path><path d="M14 16h2"></path></svg> Export as DXF</button> <button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><path d="M14 2v6h6"></path><path d="M9 16h6"></path></svg> Export as DWG</button> <button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><path d="M14 2v6h6"></path><path d="M16 11v6"></path><path d="M8 11v6"></path><path d="M12 11v6"></path></svg> Export as PDF</button> <button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><path d="M14 2v6h6"></path></svg> Download JSON</button> <div class="h-px bg-gray-100 my-1"></div> <!> <button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg> New Project</button></div>`);
|
|
56900
56901
|
var root_1$11 = /* @__PURE__ */ from_html(`<div class="h-12 bg-gradient-to-r from-slate-800 to-slate-700 flex items-center px-4 gap-3 shrink-0 shadow-sm"><!> <div class="h-5 w-px bg-white/20"></div> <div class="flex items-center gap-1"><!> <button class="text-white/80 hover:text-white text-xs hover:bg-white/10 px-1.5 py-0.5 rounded transition-colors" title="Add Floor" aria-label="Add Floor">+</button> <span class="text-white/40 text-[10px] ml-1"> </span></div> <div class="flex-1"></div> <button class="p-1.5 text-white/80 hover:text-white hover:bg-white/10 rounded transition-colors" title="Undo (Ctrl+Z)" aria-label="Undo"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="1 4 1 10 7 10"></polyline><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path></svg></button> <button class="p-1.5 text-white/80 hover:text-white hover:bg-white/10 rounded transition-colors" title="Redo (Ctrl+Y)" aria-label="Redo"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 4 23 10 17 10"></polyline><path d="M20.49 15a9 9 0 1 1-2.13-9.36L23 10"></path></svg></button> <div class="h-5 w-px bg-white/20"></div> <button aria-label="Snap to Grid"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg></button> <!> <button aria-label="Toggle Furniture"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="12" width="20" height="8" rx="1"></rect><path d="M4 12V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5"></path><line x1="12" y1="12" x2="12" y2="20"></line></svg></button> <div class="h-5 w-px bg-white/20"></div> <!> <button class="p-1.5 text-white/80 hover:text-white hover:bg-white/10 rounded transition-colors" title="Version History" aria-label="Version History"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></button> <button class="px-2 py-1.5 text-white/80 hover:text-white hover:bg-white/10 rounded transition-colors" title="Area Summary" aria-label="Area Summary"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"></rect><path d="M3 9h18"></path><path d="M9 3v18"></path></svg></button> <button class="px-2 py-1.5 text-white/80 hover:text-white hover:bg-white/10 rounded transition-colors" title="Settings" aria-label="Settings"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg></button> <div class="h-5 w-px bg-white/20"></div> <div class="relative"><button class="px-3 py-1.5 text-sm text-white/90 hover:text-white hover:bg-white/10 rounded transition-colors flex items-center gap-1.5"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg> Export</button> <!></div> <span><!></span> <button class="px-3 py-1.5 text-sm bg-white text-slate-800 font-semibold rounded-lg hover:bg-blue-50 transition-colors shadow-sm">Save</button></div>`);
|
|
56901
|
-
var
|
|
56902
|
-
var
|
|
56903
|
-
var
|
|
56902
|
+
var root_13$2 = /* @__PURE__ */ from_html(`<div class="absolute right-0 top-full mt-1 bg-white rounded-lg shadow-lg border border-gray-200 py-1 w-48 z-50"><button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 6 2 18 2 18 9"></polyline><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path><rect x="6" y="14" width="12" height="8"></rect></svg> Print Layout</button> <div class="h-px bg-gray-100 my-1"></div> <button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><path d="M21 15l-5-5L5 21"></path></svg> Export 2D as PNG</button> <button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5z"></path><path d="M2 17l10 5 10-5"></path><path d="M2 12l10 5 10-5"></path></svg> Export 3D as PNG</button> <button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 19V5"></path><path d="M5 12l7-7 7 7"></path></svg> Export as SVG</button> <button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><path d="M14 2v6h6"></path><path d="M8 16h2"></path><path d="M14 16h2"></path></svg> Export as DXF</button> <button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><path d="M14 2v6h6"></path><path d="M9 16h6"></path></svg> Export as DWG</button> <button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><path d="M14 2v6h6"></path><path d="M16 11v6"></path><path d="M8 11v6"></path><path d="M12 11v6"></path></svg> Export as PDF</button> <button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><path d="M14 2v6h6"></path></svg> Download JSON</button> <div class="h-px bg-gray-100 my-1"></div> <button class="w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line></svg> Import JSON</button></div>`);
|
|
56903
|
+
var root_12$2 = /* @__PURE__ */ from_html(`<div class="h-12 bg-gradient-to-r from-slate-800 to-slate-700 flex items-center justify-between px-4 gap-3 shrink-0 shadow-sm"><span class="font-semibold text-white text-sm px-2 py-0.5 rounded transition-colors"> </span> <div class="relative"><button class="px-3 py-1.5 text-sm text-white/90 hover:text-white hover:bg-white/10 rounded transition-colors flex items-center gap-1.5"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg> Import</button> <!></div></div>`);
|
|
56904
|
+
var root_14$1 = /* @__PURE__ */ from_html(`<div class="fixed inset-0 z-50 flex items-center justify-center bg-black/40"><div class="bg-white rounded-xl shadow-2xl w-[420px] max-h-[80vh] overflow-hidden"><div class="flex items-center justify-between px-5 py-3 border-b border-gray-200"><h2 class="text-base font-semibold text-gray-800">📐 Area Summary</h2> <button class="text-gray-400 hover:text-gray-600 text-xl leading-none">×</button></div> <div class="overflow-y-auto max-h-[calc(80vh-52px)] p-1"><!></div></div></div>`);
|
|
56904
56905
|
var root$4 = /* @__PURE__ */ from_html(`<!> <!> <!> <!>`, 1);
|
|
56905
56906
|
function TopBar($$anchor, $$props) {
|
|
56906
56907
|
push($$props, true);
|
|
@@ -57085,7 +57086,7 @@ function TopBar($$anchor, $$props) {
|
|
|
57085
57086
|
}
|
|
57086
57087
|
var fragment = root$4();
|
|
57087
57088
|
var node = first_child(fragment);
|
|
57088
|
-
var
|
|
57089
|
+
var consequent_7 = ($$anchor) => {
|
|
57089
57090
|
var div = root_1$11();
|
|
57090
57091
|
var node_1 = child(div);
|
|
57091
57092
|
var consequent = ($$anchor) => {
|
|
@@ -57097,7 +57098,7 @@ function TopBar($$anchor, $$props) {
|
|
|
57097
57098
|
append($$anchor, input_1);
|
|
57098
57099
|
};
|
|
57099
57100
|
var alternate = ($$anchor) => {
|
|
57100
|
-
var button = root_3$
|
|
57101
|
+
var button = root_3$8();
|
|
57101
57102
|
var text_1 = child(button, true);
|
|
57102
57103
|
reset(button);
|
|
57103
57104
|
template_effect(() => set_text(text_1, get(projectName)));
|
|
@@ -57111,7 +57112,7 @@ function TopBar($$anchor, $$props) {
|
|
|
57111
57112
|
var div_1 = sibling(node_1, 4);
|
|
57112
57113
|
var node_2 = child(div_1);
|
|
57113
57114
|
each(node_2, 17, () => get(floors), index$1, ($$anchor, fl) => {
|
|
57114
|
-
var button_1 = root_4$
|
|
57115
|
+
var button_1 = root_4$9();
|
|
57115
57116
|
var text_2 = child(button_1, true);
|
|
57116
57117
|
reset(button_1);
|
|
57117
57118
|
template_effect(() => {
|
|
@@ -57133,7 +57134,7 @@ function TopBar($$anchor, $$props) {
|
|
|
57133
57134
|
var button_5 = sibling(button_4, 4);
|
|
57134
57135
|
var node_3 = sibling(button_5, 2);
|
|
57135
57136
|
var consequent_1 = ($$anchor) => {
|
|
57136
|
-
var div_2 = root_5$
|
|
57137
|
+
var div_2 = root_5$5();
|
|
57137
57138
|
var button_6 = child(div_2);
|
|
57138
57139
|
var button_7 = sibling(button_6, 2);
|
|
57139
57140
|
reset(div_2);
|
|
@@ -57151,7 +57152,7 @@ function TopBar($$anchor, $$props) {
|
|
|
57151
57152
|
var button_8 = sibling(node_3, 2);
|
|
57152
57153
|
var node_4 = sibling(button_8, 4);
|
|
57153
57154
|
var consequent_2 = ($$anchor) => {
|
|
57154
|
-
var div_3 = root_6$
|
|
57155
|
+
var div_3 = root_6$4();
|
|
57155
57156
|
var button_9 = child(div_3);
|
|
57156
57157
|
var button_10 = sibling(button_9, 2);
|
|
57157
57158
|
var text_4 = child(button_10);
|
|
@@ -57173,8 +57174,8 @@ function TopBar($$anchor, $$props) {
|
|
|
57173
57174
|
var div_4 = sibling(button_14, 4);
|
|
57174
57175
|
var button_15 = child(div_4);
|
|
57175
57176
|
var node_5 = sibling(button_15, 2);
|
|
57176
|
-
var
|
|
57177
|
-
var div_5 = root_7$
|
|
57177
|
+
var consequent_4 = ($$anchor) => {
|
|
57178
|
+
var div_5 = root_7$5();
|
|
57178
57179
|
var button_16 = child(div_5);
|
|
57179
57180
|
var button_17 = sibling(button_16, 4);
|
|
57180
57181
|
var button_18 = sibling(button_17, 2);
|
|
@@ -57183,8 +57184,16 @@ function TopBar($$anchor, $$props) {
|
|
|
57183
57184
|
var button_21 = sibling(button_20, 2);
|
|
57184
57185
|
var button_22 = sibling(button_21, 2);
|
|
57185
57186
|
var button_23 = sibling(button_22, 2);
|
|
57186
|
-
var
|
|
57187
|
-
var
|
|
57187
|
+
var node_6 = sibling(button_23, 4);
|
|
57188
|
+
var consequent_3 = ($$anchor) => {
|
|
57189
|
+
var button_24 = root_8$3();
|
|
57190
|
+
delegated("click", button_24, onImportJSON);
|
|
57191
|
+
append($$anchor, button_24);
|
|
57192
|
+
};
|
|
57193
|
+
if_block(node_6, ($$render) => {
|
|
57194
|
+
if (!$$props.viewOnly) $$render(consequent_3);
|
|
57195
|
+
});
|
|
57196
|
+
var button_25 = sibling(node_6, 2);
|
|
57188
57197
|
reset(div_5);
|
|
57189
57198
|
delegated("click", button_16, () => {
|
|
57190
57199
|
set(exportOpen, false);
|
|
@@ -57200,29 +57209,28 @@ function TopBar($$anchor, $$props) {
|
|
|
57200
57209
|
delegated("click", button_21, onExportDWG);
|
|
57201
57210
|
delegated("click", button_22, onExportPDF);
|
|
57202
57211
|
delegated("click", button_23, onExportJSON);
|
|
57203
|
-
delegated("click", button_24, onImportJSON);
|
|
57204
57212
|
delegated("click", button_25, newProject);
|
|
57205
57213
|
append($$anchor, div_5);
|
|
57206
57214
|
};
|
|
57207
57215
|
if_block(node_5, ($$render) => {
|
|
57208
|
-
if (get(exportOpen)) $$render(
|
|
57216
|
+
if (get(exportOpen)) $$render(consequent_4);
|
|
57209
57217
|
});
|
|
57210
57218
|
reset(div_4);
|
|
57211
57219
|
bind_this(div_4, ($$value) => exportRef = $$value, () => exportRef);
|
|
57212
57220
|
var span_1 = sibling(div_4, 2);
|
|
57213
|
-
var
|
|
57214
|
-
var
|
|
57221
|
+
var node_7 = child(span_1);
|
|
57222
|
+
var consequent_5 = ($$anchor) => {
|
|
57215
57223
|
append($$anchor, text$1("Saving…"));
|
|
57216
57224
|
};
|
|
57217
|
-
var
|
|
57225
|
+
var consequent_6 = ($$anchor) => {
|
|
57218
57226
|
append($$anchor, text$1("Saved ✓"));
|
|
57219
57227
|
};
|
|
57220
57228
|
var alternate_1 = ($$anchor) => {
|
|
57221
57229
|
append($$anchor, text$1("Unsaved •"));
|
|
57222
57230
|
};
|
|
57223
|
-
if_block(
|
|
57224
|
-
if ($saveState() === "saving") $$render(
|
|
57225
|
-
else if ($saveState() === "saved") $$render(
|
|
57231
|
+
if_block(node_7, ($$render) => {
|
|
57232
|
+
if ($saveState() === "saving") $$render(consequent_5);
|
|
57233
|
+
else if ($saveState() === "saved") $$render(consequent_6, 1);
|
|
57226
57234
|
else $$render(alternate_1, -1);
|
|
57227
57235
|
});
|
|
57228
57236
|
reset(span_1);
|
|
@@ -57264,15 +57272,15 @@ function TopBar($$anchor, $$props) {
|
|
|
57264
57272
|
append($$anchor, div);
|
|
57265
57273
|
};
|
|
57266
57274
|
var alternate_2 = ($$anchor) => {
|
|
57267
|
-
var div_6 =
|
|
57275
|
+
var div_6 = root_12$2();
|
|
57268
57276
|
var span_2 = child(div_6);
|
|
57269
57277
|
var text_8 = child(span_2, true);
|
|
57270
57278
|
reset(span_2);
|
|
57271
57279
|
var div_7 = sibling(span_2, 2);
|
|
57272
57280
|
var button_27 = child(div_7);
|
|
57273
|
-
var
|
|
57274
|
-
var
|
|
57275
|
-
var div_8 =
|
|
57281
|
+
var node_8 = sibling(button_27, 2);
|
|
57282
|
+
var consequent_8 = ($$anchor) => {
|
|
57283
|
+
var div_8 = root_13$2();
|
|
57276
57284
|
var button_28 = child(div_8);
|
|
57277
57285
|
var button_29 = sibling(button_28, 4);
|
|
57278
57286
|
var button_30 = sibling(button_29, 2);
|
|
@@ -57300,8 +57308,8 @@ function TopBar($$anchor, $$props) {
|
|
|
57300
57308
|
delegated("click", button_36, onImportJSON);
|
|
57301
57309
|
append($$anchor, div_8);
|
|
57302
57310
|
};
|
|
57303
|
-
if_block(
|
|
57304
|
-
if (get(exportOpen)) $$render(
|
|
57311
|
+
if_block(node_8, ($$render) => {
|
|
57312
|
+
if (get(exportOpen)) $$render(consequent_8);
|
|
57305
57313
|
});
|
|
57306
57314
|
reset(div_7);
|
|
57307
57315
|
bind_this(div_7, ($$value) => exportRef = $$value, () => exportRef);
|
|
@@ -57314,11 +57322,11 @@ function TopBar($$anchor, $$props) {
|
|
|
57314
57322
|
append($$anchor, div_6);
|
|
57315
57323
|
};
|
|
57316
57324
|
if_block(node, ($$render) => {
|
|
57317
|
-
if (!$$props.viewOnly) $$render(
|
|
57325
|
+
if (!$$props.viewOnly) $$render(consequent_7);
|
|
57318
57326
|
else $$render(alternate_2, -1);
|
|
57319
57327
|
});
|
|
57320
|
-
var
|
|
57321
|
-
SettingsDialog(
|
|
57328
|
+
var node_9 = sibling(node, 2);
|
|
57329
|
+
SettingsDialog(node_9, {
|
|
57322
57330
|
get open() {
|
|
57323
57331
|
return get(settingsOpen);
|
|
57324
57332
|
},
|
|
@@ -57326,8 +57334,8 @@ function TopBar($$anchor, $$props) {
|
|
|
57326
57334
|
set(settingsOpen, $$value, true);
|
|
57327
57335
|
}
|
|
57328
57336
|
});
|
|
57329
|
-
var
|
|
57330
|
-
VersionHistoryPanel(
|
|
57337
|
+
var node_10 = sibling(node_9, 2);
|
|
57338
|
+
VersionHistoryPanel(node_10, {
|
|
57331
57339
|
get open() {
|
|
57332
57340
|
return get(versionHistoryOpen);
|
|
57333
57341
|
},
|
|
@@ -57335,9 +57343,9 @@ function TopBar($$anchor, $$props) {
|
|
|
57335
57343
|
set(versionHistoryOpen, $$value, true);
|
|
57336
57344
|
}
|
|
57337
57345
|
});
|
|
57338
|
-
var
|
|
57339
|
-
var
|
|
57340
|
-
var div_9 =
|
|
57346
|
+
var node_11 = sibling(node_10, 2);
|
|
57347
|
+
var consequent_9 = ($$anchor) => {
|
|
57348
|
+
var div_9 = root_14$1();
|
|
57341
57349
|
var div_10 = child(div_9);
|
|
57342
57350
|
var div_11 = child(div_10);
|
|
57343
57351
|
var button_37 = sibling(child(div_11), 2);
|
|
@@ -57355,8 +57363,8 @@ function TopBar($$anchor, $$props) {
|
|
|
57355
57363
|
delegated("click", button_37, () => set(areaOpen, false));
|
|
57356
57364
|
append($$anchor, div_9);
|
|
57357
57365
|
};
|
|
57358
|
-
if_block(
|
|
57359
|
-
if (get(areaOpen)) $$render(
|
|
57366
|
+
if_block(node_11, ($$render) => {
|
|
57367
|
+
if (get(areaOpen)) $$render(consequent_9);
|
|
57360
57368
|
});
|
|
57361
57369
|
append($$anchor, fragment);
|
|
57362
57370
|
pop();
|
|
@@ -57899,8 +57907,8 @@ function placeRoomTemplate(preset, origin, template, w = 400, h = 300) {
|
|
|
57899
57907
|
//#region src/lib/components/editor/UndoHistoryPanel.svelte
|
|
57900
57908
|
init_client();
|
|
57901
57909
|
var root_2$8 = /* @__PURE__ */ from_html(`<div class="px-3 py-6 text-center text-xs text-gray-400">No history yet</div>`);
|
|
57902
|
-
var root_4$
|
|
57903
|
-
var root_3$
|
|
57910
|
+
var root_4$8 = /* @__PURE__ */ from_html(`<button><span class="w-5 text-[10px] text-gray-400 text-right shrink-0"></span> <span class="truncate flex-1"> </span> <span class="text-[10px] text-gray-300 shrink-0"> </span></button>`);
|
|
57911
|
+
var root_3$7 = /* @__PURE__ */ from_html(`<div class="py-1"><!> <div><span class="w-5 text-[10px] text-gray-400 text-right shrink-0">●</span> <span class="truncate flex-1 font-medium">Current state</span></div></div>`);
|
|
57904
57912
|
var root_1$10 = /* @__PURE__ */ from_html(`<div class="fixed bottom-12 left-4 w-64 max-h-80 bg-white rounded-xl shadow-2xl border border-gray-200 z-50 flex flex-col overflow-hidden"><div class="flex items-center justify-between px-3 py-2 border-b border-gray-100 bg-gray-50"><div class="flex items-center gap-1.5"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="text-slate-500"><polyline points="1 4 1 10 7 10"></polyline><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path></svg> <span class="text-xs font-semibold text-slate-700">Undo History</span></div> <div class="flex items-center gap-2"><span class="text-[10px] text-slate-400"> </span> <button class="text-gray-400 hover:text-gray-600 text-sm leading-none" aria-label="Close history">✕</button></div></div> <div class="flex-1 overflow-y-auto"><!></div></div>`);
|
|
57905
57913
|
function UndoHistoryPanel($$anchor, $$props) {
|
|
57906
57914
|
push($$props, true);
|
|
@@ -57940,10 +57948,10 @@ function UndoHistoryPanel($$anchor, $$props) {
|
|
|
57940
57948
|
append($$anchor, root_2$8());
|
|
57941
57949
|
};
|
|
57942
57950
|
var alternate = ($$anchor) => {
|
|
57943
|
-
var div_5 = root_3$
|
|
57951
|
+
var div_5 = root_3$7();
|
|
57944
57952
|
var node_2 = child(div_5);
|
|
57945
57953
|
each(node_2, 17, () => get(history).entries, index$1, ($$anchor, entry, i) => {
|
|
57946
|
-
var button_1 = root_4$
|
|
57954
|
+
var button_1 = root_4$8();
|
|
57947
57955
|
let classes;
|
|
57948
57956
|
var span_1 = child(button_1);
|
|
57949
57957
|
span_1.textContent = i + 1;
|
|
@@ -58001,19 +58009,19 @@ delegate(["click"]);
|
|
|
58001
58009
|
//#region src/lib/components/sidebar/BuildPanel.svelte
|
|
58002
58010
|
init_client();
|
|
58003
58011
|
init_index_client();
|
|
58004
|
-
var root_3$
|
|
58005
|
-
var root_4$
|
|
58012
|
+
var root_3$6 = /* @__PURE__ */ from_html(`<button draggable="true"><div class="w-9 h-9 rounded-lg bg-amber-50 flex items-center justify-center"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#92400e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path></path></svg></div> <span class="text-xs font-medium text-gray-600"> </span> <span class="text-[10px] text-gray-400"> </span></button>`);
|
|
58013
|
+
var root_4$7 = /* @__PURE__ */ from_html(`<button draggable="true"><div class="w-9 h-9 rounded-lg bg-cyan-50 flex items-center justify-center"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#0e7490" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="16" rx="1"></rect><line x1="12" y1="4" x2="12" y2="20"></line><line x1="3" y1="12" x2="21" y2="12"></line></svg></div> <span class="text-xs font-medium text-gray-600"> </span> <span class="text-[10px] text-gray-400"> </span></button>`);
|
|
58006
58014
|
var root_2$7 = /* @__PURE__ */ from_html(`<div class="grid grid-cols-2 gap-2 mb-3"></div> <h3 class="text-xs font-semibold text-gray-400 uppercase mb-2">Windows</h3> <div class="grid grid-cols-2 gap-2"></div>`, 1);
|
|
58007
58015
|
var root_1$9 = /* @__PURE__ */ from_html(`<div class="space-y-1"><h3 class="text-xs font-semibold text-gray-400 uppercase mb-2">Tools</h3> <button><div><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path><path d="M13 13l6 6"></path></svg></div> <div class="text-left"><div class="font-medium">Select <span class="text-gray-400 text-xs ml-1">V</span></div> <div class="text-xs text-gray-400">Click to select elements</div></div></button> <button><div><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="8" width="18" height="8" rx="1"></rect><line x1="7" y1="8" x2="7" y2="16"></line><line x1="12" y1="8" x2="12" y2="16"></line><line x1="17" y1="8" x2="17" y2="16"></line></svg></div> <div class="text-left"><div class="font-medium">Draw Wall <span class="text-gray-400 text-xs ml-1">W</span></div> <div class="text-xs text-gray-400">Click to draw, dbl-click to finish</div></div></button> <h3 class="text-xs font-semibold text-gray-400 uppercase mb-2 mt-3">Structure</h3> <button><div><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 5h-5V2h-3v6h-4V5H7v6H2v3h5v3h3v-3h4v3h3v-6h5z"></path></svg></div> <div class="text-left"><div class="font-medium">Add Stairs</div> <div class="text-xs text-gray-400">Click to place stairs</div></div></button> <div class="flex gap-2"><button><div><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="6"></circle><line x1="6" y1="6" x2="18" y2="18"></line><line x1="18" y1="6" x2="6" y2="18"></line></svg></div> <div class="text-left"><div class="font-medium text-xs">Round Column</div></div></button> <button><div><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="6" y="6" width="12" height="12"></rect><line x1="6" y1="6" x2="18" y2="18"></line><line x1="18" y1="6" x2="6" y2="18"></line></svg></div> <div class="text-left"><div class="font-medium text-xs">Square Column</div></div></button></div> <h3 class="text-xs font-semibold text-gray-400 uppercase mb-2 mt-3">Annotate</h3> <button><div><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7V4h16v3"></path><line x1="12" y1="4" x2="12" y2="20"></line><line x1="8" y1="20" x2="16" y2="20"></line></svg></div> <div class="text-left"><div class="font-medium">Text Label</div> <div class="text-xs text-gray-400">Add text annotations (T)</div></div></button> <button><div><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><line x1="16" y1="5" x2="22" y2="5"></line><line x1="19" y1="2" x2="19" y2="8"></line><line x1="3" y1="12" x2="12" y2="12"></line></svg></div> <div class="text-left"><div class="font-medium">Dimension</div> <div class="text-xs text-gray-400">Add dimension annotations (N)</div></div></button> <button><div><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12h5l2-7 4 14 2-7h7"></path></svg></div> <div class="text-left"><div class="font-medium">Measure</div> <div class="text-xs text-gray-400">Measure distances (M)</div></div></button> <h3 class="text-xs font-semibold text-gray-400 uppercase mb-2 mt-3">Import</h3> <button class="w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm transition-colors hover:bg-gray-50 text-gray-700"><div class="w-9 h-9 rounded-lg bg-gray-100 flex items-center justify-center"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div> <div class="text-left"><div class="font-medium">Import Image</div> <div class="text-xs text-gray-400">Floor plan background</div></div></button> <button class="w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm transition-colors hover:bg-gray-50 text-gray-700"><div class="w-9 h-9 rounded-lg bg-gray-100 flex items-center justify-center"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></div> <div class="text-left"><div class="font-medium">Import RoomPlan</div> <div class="text-xs text-gray-400">iOS LiDAR scan (.json/.zip)</div></div></button> <button class="w-full flex items-center justify-between px-1 py-2 mt-3"><h3 class="text-xs font-semibold text-gray-400 uppercase">Doors</h3> <span class="text-gray-400 text-xs"> </span></button> <!></div>`);
|
|
58008
|
-
var root_6$
|
|
58009
|
-
var root_7$
|
|
58010
|
-
var root_5$
|
|
58016
|
+
var root_6$3 = /* @__PURE__ */ from_html(`<button class="flex flex-col items-center gap-1.5 p-3 rounded-lg border-2 border-gray-100 hover:border-blue-300 hover:bg-blue-50 transition-colors cursor-grab active:cursor-grabbing" draggable="true"><div class="w-12 h-12 rounded-lg bg-gray-50 flex items-center justify-center text-2xl font-mono"> </div> <span class="text-xs font-medium text-gray-600"> </span></button>`);
|
|
58017
|
+
var root_7$4 = /* @__PURE__ */ from_html(`<button class="flex flex-col items-center gap-1.5 p-3 rounded-lg border-2 border-gray-100 hover:border-green-300 hover:bg-green-50 transition-colors cursor-grab active:cursor-grabbing" draggable="true"><div class="w-12 h-12 rounded-lg bg-green-50 flex items-center justify-center text-lg"><!></div> <span class="text-xs font-medium text-gray-600"> </span> <span class="text-[10px] text-gray-400"> </span></button>`);
|
|
58018
|
+
var root_5$4 = /* @__PURE__ */ from_html(`<div class="space-y-2"><h3 class="text-xs font-semibold text-gray-400 uppercase mb-2">Room Presets</h3> <p class="text-xs text-gray-400 mb-3">Click to add a room shape to the canvas</p> <div class="grid grid-cols-2 gap-2"></div> <hr class="my-3 border-gray-200"/> <h3 class="text-xs font-semibold text-gray-400 uppercase mb-2">Room Templates</h3> <p class="text-xs text-gray-400 mb-3">Pre-furnished rooms — walls + furniture in one click</p> <div class="grid grid-cols-2 gap-2"></div></div>`);
|
|
58011
58019
|
var root_16$1 = /* @__PURE__ */ from_html(`<button class="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 w-5 h-5 flex items-center justify-center rounded-full hover:bg-gray-100" title="Clear search"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>`);
|
|
58012
58020
|
var root_17$2 = /* @__PURE__ */ from_html(`<div class="text-[10px] text-gray-400 px-1"> </div>`);
|
|
58013
58021
|
var root_18$2 = /* @__PURE__ */ from_html(`<button> </button>`);
|
|
58014
58022
|
var root_20$2 = /* @__PURE__ */ from_html(`<button draggable="true"><span role="button" tabindex="0"> </span> <div class="w-8 h-8 rounded-lg flex items-center justify-center"><div class="w-4 h-4 rounded-sm"></div></div> <span class="text-[10px] font-medium text-gray-600 leading-tight text-center"> </span></button>`);
|
|
58015
58023
|
var root_19$2 = /* @__PURE__ */ from_html(`<div class="mt-1"><h4 class="text-[10px] font-semibold text-gray-400 uppercase mb-1.5">Recent</h4> <div class="grid grid-cols-2 gap-2"></div></div> <hr class="border-gray-100"/>`, 1);
|
|
58016
|
-
var root_22$
|
|
58024
|
+
var root_22$2 = /* @__PURE__ */ from_html(`<span class="text-xs font-medium text-gray-600"> <mark class="bg-yellow-200 text-gray-800 rounded-sm px-0.5"> </mark> </span>`);
|
|
58017
58025
|
var root_23$1 = /* @__PURE__ */ from_html(`<span class="text-xs font-medium text-gray-600"> </span>`);
|
|
58018
58026
|
var root_21$2 = /* @__PURE__ */ from_html(`<button draggable="true"><span role="button" tabindex="0"> </span> <div class="w-10 h-10 rounded-lg flex items-center justify-center"><div class="w-5 h-5 rounded-sm"></div></div> <!> <span class="text-[10px] text-gray-400"> </span></button>`);
|
|
58019
58027
|
var root_15$2 = /* @__PURE__ */ from_html(`<div class="space-y-2"><div class="relative"><input type="text" placeholder="Search furniture..." class="w-full px-3 py-2 pr-8 border border-gray-200 rounded-lg text-sm focus:ring-2 focus:ring-blue-200 focus:border-blue-400 outline-none"/> <!></div> <!> <div class="flex flex-wrap gap-1 max-h-24 overflow-y-auto"><button>All</button> <button> </button> <!></div> <!> <div class="grid grid-cols-2 gap-2 mt-2"></div></div>`);
|
|
@@ -58386,7 +58394,7 @@ function BuildPanel($$anchor, $$props) {
|
|
|
58386
58394
|
var fragment_1 = root_2$7();
|
|
58387
58395
|
var div_13 = first_child(fragment_1);
|
|
58388
58396
|
each(div_13, 21, () => doorCatalog, index$1, ($$anchor, dc) => {
|
|
58389
|
-
var button_14 = root_3$
|
|
58397
|
+
var button_14 = root_3$6();
|
|
58390
58398
|
var div_14 = child(button_14);
|
|
58391
58399
|
var svg = child(div_14);
|
|
58392
58400
|
var path = child(svg);
|
|
@@ -58416,7 +58424,7 @@ function BuildPanel($$anchor, $$props) {
|
|
|
58416
58424
|
reset(div_13);
|
|
58417
58425
|
var div_15 = sibling(div_13, 4);
|
|
58418
58426
|
each(div_15, 21, () => windowCatalog, index$1, ($$anchor, wc) => {
|
|
58419
|
-
var button_15 = root_4$
|
|
58427
|
+
var button_15 = root_4$7();
|
|
58420
58428
|
var span_3 = sibling(child(button_15), 2);
|
|
58421
58429
|
var text_4 = child(span_3, true);
|
|
58422
58430
|
reset(span_3);
|
|
@@ -58477,10 +58485,10 @@ function BuildPanel($$anchor, $$props) {
|
|
|
58477
58485
|
append($$anchor, div_3);
|
|
58478
58486
|
};
|
|
58479
58487
|
var consequent_8 = ($$anchor) => {
|
|
58480
|
-
var div_16 = root_5$
|
|
58488
|
+
var div_16 = root_5$4();
|
|
58481
58489
|
var div_17 = sibling(child(div_16), 4);
|
|
58482
58490
|
each(div_17, 21, () => roomPresets, index$1, ($$anchor, preset) => {
|
|
58483
|
-
var button_16 = root_6$
|
|
58491
|
+
var button_16 = root_6$3();
|
|
58484
58492
|
var div_18 = child(button_16);
|
|
58485
58493
|
var text_6 = child(div_18, true);
|
|
58486
58494
|
reset(div_18);
|
|
@@ -58503,7 +58511,7 @@ function BuildPanel($$anchor, $$props) {
|
|
|
58503
58511
|
reset(div_17);
|
|
58504
58512
|
var div_19 = sibling(div_17, 8);
|
|
58505
58513
|
each(div_19, 21, () => roomTemplates, index$1, ($$anchor, tmpl) => {
|
|
58506
|
-
var button_17 = root_7$
|
|
58514
|
+
var button_17 = root_7$4();
|
|
58507
58515
|
var div_20 = child(button_17);
|
|
58508
58516
|
var node_2 = child(div_20);
|
|
58509
58517
|
var consequent_2 = ($$anchor) => {
|
|
@@ -58683,7 +58691,7 @@ function BuildPanel($$anchor, $$props) {
|
|
|
58683
58691
|
var node_7 = sibling(div_30, 2);
|
|
58684
58692
|
var consequent_12 = ($$anchor) => {
|
|
58685
58693
|
const idx = /* @__PURE__ */ user_derived(() => get(item).name.toLowerCase().indexOf(get(s)));
|
|
58686
|
-
var span_11 = root_22$
|
|
58694
|
+
var span_11 = root_22$2();
|
|
58687
58695
|
var text_23 = child(span_11, true);
|
|
58688
58696
|
var mark = sibling(text_23);
|
|
58689
58697
|
var text_24 = child(mark, true);
|
|
@@ -59142,19 +59150,19 @@ var images = {
|
|
|
59142
59150
|
//#endregion
|
|
59143
59151
|
//#region src/lib/components/sidebar/PropertiesPanel.svelte
|
|
59144
59152
|
init_client();
|
|
59145
|
-
var root_3$
|
|
59146
|
-
var root_4$
|
|
59153
|
+
var root_3$5 = /* @__PURE__ */ from_html(`<button></button>`);
|
|
59154
|
+
var root_4$6 = /* @__PURE__ */ from_html(`<button><span class="bg-white/80 backdrop-blur-sm rounded px-1 py-0.5 mb-0.5 text-gray-700"> </span></button>`);
|
|
59147
59155
|
var root_2$6 = /* @__PURE__ */ from_html(`<div class="space-y-2"><span class="text-xs text-gray-500">Color</span> <div class="grid grid-cols-6 gap-1.5"></div> <label class="flex items-center gap-2"><span class="text-xs text-gray-500">Custom:</span> <input type="color" class="w-8 h-6 rounded border border-gray-200 cursor-pointer"/></label> <span class="text-xs text-gray-500">Texture</span> <div class="grid grid-cols-3 gap-1.5"><button>None</button> <!></div></div>`);
|
|
59148
|
-
var root_6$
|
|
59149
|
-
var root_7$
|
|
59150
|
-
var root_5$
|
|
59156
|
+
var root_6$2 = /* @__PURE__ */ from_html(`<button></button>`);
|
|
59157
|
+
var root_7$3 = /* @__PURE__ */ from_html(`<button><span class="bg-white/80 backdrop-blur-sm rounded px-1 py-0.5 mb-0.5 text-gray-700"> </span></button>`);
|
|
59158
|
+
var root_5$3 = /* @__PURE__ */ from_html(`<div class="space-y-2"><span class="text-xs text-gray-500">Color</span> <div class="grid grid-cols-6 gap-1.5"></div> <label class="flex items-center gap-2"><span class="text-xs text-gray-500">Custom:</span> <input type="color" class="w-8 h-6 rounded border border-gray-200 cursor-pointer"/></label> <span class="text-xs text-gray-500">Texture</span> <div class="grid grid-cols-3 gap-1.5"><button>None</button> <!></div></div>`);
|
|
59151
59159
|
var root_1$8 = /* @__PURE__ */ from_html(`<h3 class="text-sm font-semibold text-gray-700 mb-3 flex items-center gap-2"><span class="w-6 h-6 bg-gray-200 rounded flex items-center justify-center text-xs">▭</span> Wall Properties</h3> <div class="space-y-3"><label class="block"><span class="text-xs text-gray-500"> </span> <input type="number" disabled="" class="w-full px-2 py-1 border border-gray-200 rounded text-sm bg-gray-50"/></label> <label class="block"><span class="text-xs text-gray-500"> </span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500"> </span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <div class="flex items-center gap-2"><span class="text-xs text-gray-500">Curved</span> <button> </button></div> <div><div class="flex border-b border-gray-200 mb-3"><button>Interior</button> <button>Exterior</button></div> <!></div></div>`, 1);
|
|
59152
|
-
var root_8$
|
|
59160
|
+
var root_8$2 = /* @__PURE__ */ from_html(`<h3 class="text-sm font-semibold text-gray-700 mb-3 flex items-center gap-2"><span class="w-6 h-6 bg-amber-100 rounded flex items-center justify-center text-xs">🚪</span> Door Properties</h3> <div class="space-y-3"><label class="block"><span class="text-xs text-gray-500"> </span> <input type="number" min="1" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500"> </span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500"> </span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500"> </span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500">Type</span> <select class="w-full px-2 py-1 border border-gray-200 rounded text-sm"><option>Single</option><option>Double</option><option>Sliding</option><option>French</option><option>Pocket</option><option>Bifold</option></select></label> <label class="block"><span class="text-xs text-gray-500">Hinge Side</span> <div class="flex gap-2"><button>Left</button> <button>Right</button></div></label> <label class="block"><span class="text-xs text-gray-500">Opens</span> <div class="flex gap-2"><button>Inward</button> <button>Outward</button></div></label></div>`, 1);
|
|
59153
59161
|
var root_9$1 = /* @__PURE__ */ from_html(`<h3 class="text-sm font-semibold text-gray-700 mb-3 flex items-center gap-2"><span class="w-6 h-6 bg-cyan-100 rounded flex items-center justify-center text-xs">🪟</span> Window Properties</h3> <div class="space-y-3"><label class="block"><span class="text-xs text-gray-500">Type</span> <select class="w-full px-2 py-1 border border-gray-200 rounded text-sm"><option>Standard</option><option>Fixed</option><option>Casement</option><option>Sliding</option><option>Bay</option></select></label> <label class="block"><span class="text-xs text-gray-500"> </span> <input type="number" min="1" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500"> </span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500"> </span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500"> </span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500"> </span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label></div>`, 1);
|
|
59154
59162
|
var root_11$1 = /* @__PURE__ */ from_html(`<button></button>`);
|
|
59155
59163
|
var root_10$1 = /* @__PURE__ */ from_html(`<h3 class="text-sm font-semibold text-gray-700 mb-3 flex items-center gap-2"><span class="w-6 h-6 bg-purple-100 rounded flex items-center justify-center text-xs"> </span> <button> </button></h3> <div class="space-y-3"><div><div class="flex items-center gap-1 mb-2"><span class="text-xs text-gray-500">Color</span> <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="text-gray-400"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div> <div class="grid grid-cols-5 gap-1.5 mb-2"></div> <div class="flex items-center gap-2"><span class="text-xs text-gray-500">Custom:</span> <input type="color" class="w-8 h-6 rounded border border-gray-200 cursor-pointer"/></div></div> <label class="block"><span class="text-xs text-gray-500"> </span> <input type="number" min="1" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500"> </span> <input type="number" min="1" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500"> </span> <input type="number" min="1" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500">Material</span> <select class="w-full px-2 py-1 border border-gray-200 rounded text-sm"><option>Wood</option><option>Metal</option><option>Fabric</option><option>Leather</option><option>Glass</option><option>Plastic</option><option>Stone</option><option>Ceramic</option></select></label> <label class="block"><span class="text-xs text-gray-500">Rotation (degrees)</span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <div class="flex gap-1"><button class="flex-1 px-2 py-1.5 border border-gray-200 rounded text-sm hover:bg-gray-50 transition-colors" title="Rotate 90° left">↺ 90°</button> <button class="flex-1 px-2 py-1.5 border border-gray-200 rounded text-sm hover:bg-gray-50 transition-colors" title="Rotate 90° right">↻ 90°</button></div> <div class="flex gap-1"><button class="flex-1 px-2 py-1.5 border border-gray-200 rounded text-sm hover:bg-gray-50 transition-colors" title="Flip horizontally">↔ Flip H</button> <button class="flex-1 px-2 py-1.5 border border-gray-200 rounded text-sm hover:bg-gray-50 transition-colors" title="Flip vertically">↕ Flip V</button></div> <button class="w-full px-2 py-1.5 border border-gray-300 rounded text-sm text-gray-600 hover:bg-gray-50 transition-colors">Reset to defaults</button></div>`, 1);
|
|
59156
|
-
var root_13 = /* @__PURE__ */ from_html(`<option> </option>`);
|
|
59157
|
-
var root_14
|
|
59164
|
+
var root_13$1 = /* @__PURE__ */ from_html(`<option> </option>`);
|
|
59165
|
+
var root_14 = /* @__PURE__ */ from_html(`<button></button>`);
|
|
59158
59166
|
var root_17$1 = /* @__PURE__ */ from_html(`<button><div class="w-full h-12 rounded-md mb-1 overflow-hidden"></div> <div class="text-center leading-3 text-[10px] text-gray-600 truncate"> </div></button>`);
|
|
59159
59167
|
var root_15$1 = /* @__PURE__ */ from_html(`<div><span class="text-xs font-medium text-gray-600 mb-1.5 block"> </span> <div class="grid grid-cols-3 gap-1.5"></div></div>`);
|
|
59160
59168
|
var root_12$1 = /* @__PURE__ */ from_html(`<h3 class="text-sm font-semibold text-gray-700 mb-3 flex items-center gap-2"><span class="w-6 h-6 bg-green-100 rounded flex items-center justify-center text-xs">⬜</span> Room Properties</h3> <div class="space-y-3"><label class="block"><span class="text-xs text-gray-500">Room Type</span> <select class="w-full px-2 py-1 border border-gray-200 rounded text-sm"></select></label> <label class="block"><span class="text-xs text-gray-500">Room Name</span> <input type="text" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500">Category</span> <select class="w-full px-2 py-1 border border-gray-200 rounded text-sm"><option>🏠 Indoor</option><option>🌳 Outdoor</option><option>🚗 Garage</option><option>🔧 Utility</option></select></label> <div><span class="text-xs text-gray-500">Area</span> <p class="text-sm text-gray-700"> </p></div> <div><span class="text-xs text-gray-500 mb-1.5 block">Room Color</span> <div class="grid grid-cols-5 gap-1.5 mb-2"></div> <div class="flex items-center gap-2"><span class="text-xs text-gray-500">Custom:</span> <input type="color" class="w-8 h-6 rounded border border-gray-200 cursor-pointer"/></div></div> <div><div class="flex items-center gap-1 mb-2"><span class="text-xs text-gray-500">Floor Material</span> <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="text-gray-400"><path d="M3 3h18v18H3z"></path><path d="M8 8h8v8H8z"></path></svg></div> <div class="space-y-3"></div></div></div>`, 1);
|
|
@@ -59162,7 +59170,7 @@ var root_18$1 = /* @__PURE__ */ from_html(`<h3 class="text-sm font-semibold text
|
|
|
59162
59170
|
var root_20$1 = /* @__PURE__ */ from_html(`<button></button>`);
|
|
59163
59171
|
var root_21$1 = /* @__PURE__ */ from_html(`<label class="block"><span class="text-xs text-gray-500">Rotation (degrees)</span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label>`);
|
|
59164
59172
|
var root_19$1 = /* @__PURE__ */ from_html(`<h3 class="text-sm font-semibold text-gray-700 mb-3 flex items-center gap-2"><span class="w-6 h-6 bg-gray-200 rounded flex items-center justify-center text-xs">🏛️</span> Column Properties</h3> <div class="space-y-3"><label class="block"><span class="text-xs text-gray-500">Shape</span> <div class="flex gap-2"><button>⭕ Round</button> <button>⬜ Square</button></div></label> <label class="block"><span class="text-xs text-gray-500"> </span> <input type="number" min="10" max="200" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500"> </span> <input type="number" min="50" max="1000" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <div><span class="text-xs text-gray-500 mb-1.5 block">Color</span> <div class="grid grid-cols-5 gap-1.5 mb-2"></div> <div class="flex items-center gap-2"><span class="text-xs text-gray-500">Custom:</span> <input type="color" class="w-8 h-6 rounded border border-gray-200 cursor-pointer"/></div></div> <!></div>`, 1);
|
|
59165
|
-
var root_22 = /* @__PURE__ */ from_html(`<div class="space-y-3"><h3 class="text-sm font-semibold text-gray-700 mb-3 flex items-center gap-2"><span class="w-6 h-6 bg-emerald-100 rounded flex items-center justify-center text-xs">🏷️</span> Text Annotation</h3> <label class="block"><span class="text-xs text-gray-500">Text</span> <input type="text" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500">Font Size</span> <input type="number" min="8" max="72" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500">Color</span> <div class="flex items-center gap-2"><input type="color" class="w-8 h-6 rounded border border-gray-200 cursor-pointer"/> <span class="text-xs text-gray-400"> </span></div></label> <label class="block"><span class="text-xs text-gray-500">Rotation (°)</span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500">X</span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500">Y</span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label></div>`);
|
|
59173
|
+
var root_22$1 = /* @__PURE__ */ from_html(`<div class="space-y-3"><h3 class="text-sm font-semibold text-gray-700 mb-3 flex items-center gap-2"><span class="w-6 h-6 bg-emerald-100 rounded flex items-center justify-center text-xs">🏷️</span> Text Annotation</h3> <label class="block"><span class="text-xs text-gray-500">Text</span> <input type="text" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500">Font Size</span> <input type="number" min="8" max="72" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500">Color</span> <div class="flex items-center gap-2"><input type="color" class="w-8 h-6 rounded border border-gray-200 cursor-pointer"/> <span class="text-xs text-gray-400"> </span></div></label> <label class="block"><span class="text-xs text-gray-500">Rotation (°)</span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500">X</span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <label class="block"><span class="text-xs text-gray-500">Y</span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label></div>`);
|
|
59166
59174
|
var root_23 = /* @__PURE__ */ from_html(`<div class="mt-4 pt-3 border-t border-gray-200"><h3 class="text-sm font-semibold text-gray-700 mb-3 flex items-center gap-2"><span class="w-6 h-6 bg-blue-100 rounded flex items-center justify-center text-xs">🖼️</span> Background Image</h3> <div class="space-y-3"><label class="block"><span class="text-xs text-gray-500">Opacity</span> <input type="range" min="0.05" max="1" step="0.05" class="w-full"/></label> <label class="block"><span class="text-xs text-gray-500">Scale</span> <input type="range" min="0.1" max="5" step="0.05" class="w-full"/></label> <label class="block"><span class="text-xs text-gray-500">Rotation</span> <input type="number" class="w-full px-2 py-1 border border-gray-200 rounded text-sm"/></label> <div class="flex gap-2"><button> </button> <button class="flex-1 px-2 py-1.5 border rounded text-sm border-gray-200 hover:bg-gray-50">📏 Set Scale</button></div> <button class="w-full px-2 py-1.5 border border-red-300 rounded text-sm text-red-600 hover:bg-red-50">Remove Image</button></div></div>`);
|
|
59167
59175
|
var root$2 = /* @__PURE__ */ from_html(`<div style="top: 48px; bottom: 36px;"><!> <!></div>`);
|
|
59168
59176
|
function PropertiesPanel($$anchor, $$props) {
|
|
@@ -59638,7 +59646,7 @@ function PropertiesPanel($$anchor, $$props) {
|
|
|
59638
59646
|
var div_5 = root_2$6();
|
|
59639
59647
|
var div_6 = sibling(child(div_5), 2);
|
|
59640
59648
|
each(div_6, 21, () => wallColors, index$1, ($$anchor, wc) => {
|
|
59641
|
-
var button_3 = root_3$
|
|
59649
|
+
var button_3 = root_3$5();
|
|
59642
59650
|
template_effect(() => {
|
|
59643
59651
|
var _$$get$color;
|
|
59644
59652
|
set_class(button_3, 1, `w-7 h-7 rounded-md border-2 hover:border-gray-300 transition-colors ${get(sideColor) === get(wc).color ? "border-blue-500 ring-1 ring-blue-200" : "border-gray-200"}`);
|
|
@@ -59669,7 +59677,7 @@ function PropertiesPanel($$anchor, $$props) {
|
|
|
59669
59677
|
"subway-tile": images.subwayTile
|
|
59670
59678
|
}[get(wc).id]) !== null && _redBrick$exposedBr !== void 0 ? _redBrick$exposedBr : "";
|
|
59671
59679
|
});
|
|
59672
|
-
var button_5 = root_4$
|
|
59680
|
+
var button_5 = root_4$6();
|
|
59673
59681
|
var span_3 = child(button_5);
|
|
59674
59682
|
var text_4 = child(span_3, true);
|
|
59675
59683
|
reset(span_3);
|
|
@@ -59704,10 +59712,10 @@ function PropertiesPanel($$anchor, $$props) {
|
|
|
59704
59712
|
var alternate = ($$anchor) => {
|
|
59705
59713
|
const sideColor = /* @__PURE__ */ user_derived(() => get(selectedWall).exteriorColor || get(selectedWall).color);
|
|
59706
59714
|
const sideTex = /* @__PURE__ */ user_derived(() => get(selectedWall).exteriorTexture === "none" ? void 0 : get(selectedWall).exteriorTexture || get(selectedWall).texture);
|
|
59707
|
-
var div_8 = root_5$
|
|
59715
|
+
var div_8 = root_5$3();
|
|
59708
59716
|
var div_9 = sibling(child(div_8), 2);
|
|
59709
59717
|
each(div_9, 21, () => wallColors, index$1, ($$anchor, wc) => {
|
|
59710
|
-
var button_6 = root_6$
|
|
59718
|
+
var button_6 = root_6$2();
|
|
59711
59719
|
template_effect(() => {
|
|
59712
59720
|
var _$$get$color2;
|
|
59713
59721
|
set_class(button_6, 1, `w-7 h-7 rounded-md border-2 hover:border-gray-300 transition-colors ${get(sideColor) === get(wc).color ? "border-blue-500 ring-1 ring-blue-200" : "border-gray-200"}`);
|
|
@@ -59738,7 +59746,7 @@ function PropertiesPanel($$anchor, $$props) {
|
|
|
59738
59746
|
"subway-tile": images.subwayTile
|
|
59739
59747
|
}[get(wc).id]) !== null && _redBrick$exposedBr2 !== void 0 ? _redBrick$exposedBr2 : "";
|
|
59740
59748
|
});
|
|
59741
|
-
var button_8 = root_7$
|
|
59749
|
+
var button_8 = root_7$3();
|
|
59742
59750
|
var span_4 = child(button_8);
|
|
59743
59751
|
var text_5 = child(span_4, true);
|
|
59744
59752
|
reset(span_4);
|
|
@@ -59816,7 +59824,7 @@ function PropertiesPanel($$anchor, $$props) {
|
|
|
59816
59824
|
append($$anchor, fragment);
|
|
59817
59825
|
};
|
|
59818
59826
|
var consequent_2 = ($$anchor) => {
|
|
59819
|
-
var fragment_1 = root_8$
|
|
59827
|
+
var fragment_1 = root_8$2();
|
|
59820
59828
|
var div_11 = sibling(first_child(fragment_1), 2);
|
|
59821
59829
|
var label_5 = child(div_11);
|
|
59822
59830
|
var span_5 = child(label_5);
|
|
@@ -60212,7 +60220,7 @@ function PropertiesPanel($$anchor, $$props) {
|
|
|
60212
60220
|
var label_23 = child(div_21);
|
|
60213
60221
|
var select_3 = sibling(child(label_23), 2);
|
|
60214
60222
|
each(select_3, 21, () => roomTypes, index$1, ($$anchor, rt) => {
|
|
60215
|
-
var option_19 = root_13();
|
|
60223
|
+
var option_19 = root_13$1();
|
|
60216
60224
|
var text_21 = child(option_19);
|
|
60217
60225
|
reset(option_19);
|
|
60218
60226
|
var option_19_value = {};
|
|
@@ -60256,7 +60264,7 @@ function PropertiesPanel($$anchor, $$props) {
|
|
|
60256
60264
|
var div_23 = sibling(div_22, 2);
|
|
60257
60265
|
var div_24 = sibling(child(div_23), 2);
|
|
60258
60266
|
each(div_24, 21, () => roomColorPresets, index$1, ($$anchor, preset) => {
|
|
60259
|
-
var button_20 = root_14
|
|
60267
|
+
var button_20 = root_14();
|
|
60260
60268
|
template_effect(() => {
|
|
60261
60269
|
var _$$get$color5;
|
|
60262
60270
|
set_class(button_20, 1, `w-7 h-7 rounded-md border-2 hover:border-gray-300 transition-colors ${get(selectedRoom).color === get(preset).color ? "border-blue-500 ring-1 ring-blue-200" : "border-gray-200"}`);
|
|
@@ -60495,7 +60503,7 @@ function PropertiesPanel($$anchor, $$props) {
|
|
|
60495
60503
|
append($$anchor, fragment_7);
|
|
60496
60504
|
};
|
|
60497
60505
|
var consequent_10 = ($$anchor) => {
|
|
60498
|
-
var div_39 = root_22();
|
|
60506
|
+
var div_39 = root_22$1();
|
|
60499
60507
|
var label_36 = sibling(child(div_39), 2);
|
|
60500
60508
|
var input_29 = sibling(child(label_36), 2);
|
|
60501
60509
|
remove_input_defaults(input_29);
|
|
@@ -60614,11 +60622,11 @@ delegate([
|
|
|
60614
60622
|
//#endregion
|
|
60615
60623
|
//#region src/lib/components/sidebar/LayersPanel.svelte
|
|
60616
60624
|
init_client();
|
|
60617
|
-
var root_3$
|
|
60618
|
-
var root_4$
|
|
60625
|
+
var root_3$4 = /* @__PURE__ */ from_html(`<button><span class="text-[10px]"> </span> <span class="truncate flex-1"> </span></button>`);
|
|
60626
|
+
var root_4$5 = /* @__PURE__ */ from_html(`<div class="pl-7 pr-2 py-1 text-gray-300 italic">Empty</div>`);
|
|
60619
60627
|
var root_2$5 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
|
|
60620
60628
|
var root_1$7 = /* @__PURE__ */ from_html(`<div class="border-b border-gray-50 relative"><button class="w-full flex items-center gap-1.5 px-2 py-1.5 hover:bg-gray-50 text-left"><span class="text-[10px] text-gray-400 w-3"> </span> <span> </span> <span class="font-medium text-gray-700 flex-1"> </span> <span class="text-gray-400 mr-1"> </span></button> <span role="button" tabindex="0">👁</span> <!></div>`);
|
|
60621
|
-
var root_5$
|
|
60629
|
+
var root_5$2 = /* @__PURE__ */ from_html(`<div class="p-4 text-gray-400 text-center">No elements</div>`);
|
|
60622
60630
|
var root$1 = /* @__PURE__ */ from_html(`<div class="w-56 bg-white border-l border-gray-200 flex flex-col overflow-hidden text-xs select-none"><div class="px-3 py-2 border-b border-gray-100 font-semibold text-gray-700 text-sm flex items-center gap-1.5">🗂 Layers</div> <div class="flex-1 overflow-y-auto"><!> <!></div></div>`);
|
|
60623
60631
|
function LayersPanel($$anchor, $$props) {
|
|
60624
60632
|
push($$props, true);
|
|
@@ -60790,7 +60798,7 @@ function LayersPanel($$anchor, $$props) {
|
|
|
60790
60798
|
var fragment = root_2$5();
|
|
60791
60799
|
var node_2 = first_child(fragment);
|
|
60792
60800
|
each(node_2, 17, () => get(cat).items, index$1, ($$anchor, item) => {
|
|
60793
|
-
var button_1 = root_3$
|
|
60801
|
+
var button_1 = root_3$4();
|
|
60794
60802
|
let classes_1;
|
|
60795
60803
|
var span_5 = child(button_1);
|
|
60796
60804
|
var text_4 = child(span_5, true);
|
|
@@ -60813,7 +60821,7 @@ function LayersPanel($$anchor, $$props) {
|
|
|
60813
60821
|
});
|
|
60814
60822
|
var node_3 = sibling(node_2, 2);
|
|
60815
60823
|
var consequent = ($$anchor) => {
|
|
60816
|
-
append($$anchor, root_4$
|
|
60824
|
+
append($$anchor, root_4$5());
|
|
60817
60825
|
};
|
|
60818
60826
|
if_block(node_3, ($$render) => {
|
|
60819
60827
|
if (get(cat).items.length === 0) $$render(consequent);
|
|
@@ -60847,7 +60855,7 @@ function LayersPanel($$anchor, $$props) {
|
|
|
60847
60855
|
});
|
|
60848
60856
|
var node_4 = sibling(node, 2);
|
|
60849
60857
|
var consequent_2 = ($$anchor) => {
|
|
60850
|
-
append($$anchor, root_5$
|
|
60858
|
+
append($$anchor, root_5$2());
|
|
60851
60859
|
};
|
|
60852
60860
|
if_block(node_4, ($$render) => {
|
|
60853
60861
|
if (get(categories).length === 0) $$render(consequent_2);
|
|
@@ -61974,11 +61982,11 @@ function handleGlobalShortcut(e, ctx = {}) {
|
|
|
61974
61982
|
init_client();
|
|
61975
61983
|
init_index_client();
|
|
61976
61984
|
var root_2$4 = /* @__PURE__ */ from_html(`<button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">📋</span> Duplicate</button> <button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">🔄</span> Rotate 90°</button> <button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">↔️</span> Flip Horizontal</button> <div class="ctx-sep svelte-wxo1tu"></div> <button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">⬆️</span> Bring to Front</button> <button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">⬇️</span> Send to Back</button> <div class="ctx-sep svelte-wxo1tu"></div> <div class="ctx-sep svelte-wxo1tu"></div> <button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu"> </span> </button> <button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">⚙️</span> Properties</button> <div class="ctx-sep svelte-wxo1tu"></div> <button class="ctx-item ctx-danger svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">🗑️</span> Delete</button>`, 1);
|
|
61977
|
-
var root_3$
|
|
61978
|
-
var root_4$
|
|
61979
|
-
var root_5$
|
|
61980
|
-
var root_7$
|
|
61981
|
-
var root_6$
|
|
61985
|
+
var root_3$3 = /* @__PURE__ */ from_html(`<button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">✂️</span> Split Wall</button> <button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">〰️</span> </button> <div class="ctx-sep svelte-wxo1tu"></div> <button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">⚙️</span> Properties</button> <div class="ctx-sep svelte-wxo1tu"></div> <button class="ctx-item ctx-danger svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">🗑️</span> Delete Wall</button>`, 1);
|
|
61986
|
+
var root_4$4 = /* @__PURE__ */ from_html(`<button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">⚙️</span> Properties</button> <div class="ctx-sep svelte-wxo1tu"></div> <button class="ctx-item ctx-danger svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">🗑️</span> Delete</button>`, 1);
|
|
61987
|
+
var root_5$1 = /* @__PURE__ */ from_html(`<button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">✏️</span> Rename Room</button> <button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">🎨</span> Change Floor Texture</button> <div class="ctx-sep svelte-wxo1tu"></div> <button class="ctx-item ctx-danger svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">🗑️</span> Delete Room</button>`, 1);
|
|
61988
|
+
var root_7$2 = /* @__PURE__ */ from_html(`<button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">📋</span> Paste</button> <div class="ctx-sep svelte-wxo1tu"></div>`, 1);
|
|
61989
|
+
var root_6$1 = /* @__PURE__ */ from_html(`<!> <button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">⬜</span> Select All</button> <button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">📦</span> Group Selected (Ctrl+G)</button> <button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">📤</span> Ungroup (Ctrl+Shift+G)</button> <button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">🧱</span> Add Wall</button> <div class="ctx-sep svelte-wxo1tu"></div> <button class="ctx-item svelte-wxo1tu" role="menuitem"><span class="ctx-icon svelte-wxo1tu">🔍</span> Zoom to Fit</button>`, 1);
|
|
61982
61990
|
var root_1$6 = /* @__PURE__ */ from_html(`<div class="fixed z-[9999] bg-white border border-gray-200 rounded-lg shadow-xl py-1 min-w-[180px] text-sm select-none" role="menu"><!></div>`);
|
|
61983
61991
|
function ContextMenu($$anchor, $$props) {
|
|
61984
61992
|
push($$props, true);
|
|
@@ -62051,7 +62059,7 @@ function ContextMenu($$anchor, $$props) {
|
|
|
62051
62059
|
append($$anchor, fragment_1);
|
|
62052
62060
|
};
|
|
62053
62061
|
var consequent_1 = ($$anchor) => {
|
|
62054
|
-
var fragment_2 = root_3$
|
|
62062
|
+
var fragment_2 = root_3$3();
|
|
62055
62063
|
var button_8 = first_child(fragment_2);
|
|
62056
62064
|
var button_9 = sibling(button_8, 2);
|
|
62057
62065
|
var text_2 = sibling(child(button_9));
|
|
@@ -62069,7 +62077,7 @@ function ContextMenu($$anchor, $$props) {
|
|
|
62069
62077
|
append($$anchor, fragment_2);
|
|
62070
62078
|
};
|
|
62071
62079
|
var consequent_2 = ($$anchor) => {
|
|
62072
|
-
var fragment_3 = root_4$
|
|
62080
|
+
var fragment_3 = root_4$4();
|
|
62073
62081
|
var button_12 = first_child(fragment_3);
|
|
62074
62082
|
var button_13 = sibling(button_12, 4);
|
|
62075
62083
|
delegated("click", button_12, () => clickItem("properties"));
|
|
@@ -62077,7 +62085,7 @@ function ContextMenu($$anchor, $$props) {
|
|
|
62077
62085
|
append($$anchor, fragment_3);
|
|
62078
62086
|
};
|
|
62079
62087
|
var consequent_3 = ($$anchor) => {
|
|
62080
|
-
var fragment_4 = root_5$
|
|
62088
|
+
var fragment_4 = root_5$1();
|
|
62081
62089
|
var button_14 = first_child(fragment_4);
|
|
62082
62090
|
var button_15 = sibling(button_14, 2);
|
|
62083
62091
|
var button_16 = sibling(button_15, 4);
|
|
@@ -62087,10 +62095,10 @@ function ContextMenu($$anchor, $$props) {
|
|
|
62087
62095
|
append($$anchor, fragment_4);
|
|
62088
62096
|
};
|
|
62089
62097
|
var consequent_5 = ($$anchor) => {
|
|
62090
|
-
var fragment_5 = root_6$
|
|
62098
|
+
var fragment_5 = root_6$1();
|
|
62091
62099
|
var node_2 = first_child(fragment_5);
|
|
62092
62100
|
var consequent_4 = ($$anchor) => {
|
|
62093
|
-
var fragment_6 = root_7$
|
|
62101
|
+
var fragment_6 = root_7$2();
|
|
62094
62102
|
var button_17 = first_child(fragment_6);
|
|
62095
62103
|
next(2);
|
|
62096
62104
|
delegated("click", button_17, () => clickItem("paste"));
|
|
@@ -64341,27 +64349,28 @@ function hitTestTextAnnotation(wp, floor, ctx, zoom) {
|
|
|
64341
64349
|
//#region src/lib/components/editor/FloorPlanCanvas.svelte
|
|
64342
64350
|
init_client();
|
|
64343
64351
|
init_index_client();
|
|
64344
|
-
var root_1$5 = /* @__PURE__ */ from_html(`<input type="text" class="absolute bg-white border-2 border-blue-500 rounded px-2 py-1 text-sm text-center shadow-lg outline-none"/>`);
|
|
64345
64352
|
var root_2$3 = /* @__PURE__ */ from_html(`<input type="text" class="absolute bg-white border-2 border-blue-500 rounded px-2 py-1 text-sm text-center shadow-lg outline-none"/>`);
|
|
64346
|
-
var root_3$
|
|
64347
|
-
var root_4$
|
|
64348
|
-
var root_5
|
|
64349
|
-
var
|
|
64350
|
-
var root_8 = /* @__PURE__ */ from_html(`<span> </span>`);
|
|
64353
|
+
var root_3$2 = /* @__PURE__ */ from_html(`<input type="text" class="absolute bg-white border-2 border-blue-500 rounded px-2 py-1 text-sm text-center shadow-lg outline-none"/>`);
|
|
64354
|
+
var root_4$3 = /* @__PURE__ */ from_html(`<div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="text-center opacity-60"><div class="text-5xl mb-3">🏠</div> <div class="text-sm font-medium text-gray-500">Start building your floor plan</div> <div class="text-xs text-gray-400 mt-1">Draw walls with <span class="font-mono bg-gray-100 px-1 rounded">W</span> or drag items from the sidebar</div></div></div>`);
|
|
64355
|
+
var root_5 = /* @__PURE__ */ from_html(`<canvas width="180" height="120" class="absolute bottom-10 right-2 rounded-lg shadow-lg border border-gray-300 cursor-crosshair bg-white" style="z-index: 15;"></canvas>`);
|
|
64356
|
+
var root_6 = /* @__PURE__ */ from_html(`<span> </span> <span> </span> <span class="text-gray-300">|</span>`, 1);
|
|
64357
|
+
var root_8$1 = /* @__PURE__ */ from_html(`<span> </span>`);
|
|
64351
64358
|
var root_9 = /* @__PURE__ */ from_html(`<span> </span>`);
|
|
64352
|
-
var
|
|
64353
|
-
var
|
|
64354
|
-
var
|
|
64355
|
-
var
|
|
64356
|
-
var
|
|
64357
|
-
var root_16 = /* @__PURE__ */ from_html(`<button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-500 hover:text-gray-700" title="
|
|
64358
|
-
var
|
|
64359
|
-
var
|
|
64360
|
-
var root_18 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-
|
|
64361
|
-
var root_19 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-
|
|
64362
|
-
var root_20 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-
|
|
64363
|
-
var root_21 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-
|
|
64364
|
-
var
|
|
64359
|
+
var root_10 = /* @__PURE__ */ from_html(`<span> </span>`);
|
|
64360
|
+
var root_7$1 = /* @__PURE__ */ from_html(`<span> </span> <!> <!> <!> <span class="text-gray-300">|</span>`, 1);
|
|
64361
|
+
var root_11 = /* @__PURE__ */ from_html(`<span class="text-blue-600 font-medium"> </span> <span class="text-gray-300">|</span>`, 1);
|
|
64362
|
+
var root_13 = /* @__PURE__ */ from_html(`<label class="flex items-center gap-2 py-0.5 cursor-pointer hover:bg-gray-50 rounded px-1"><input type="checkbox" class="accent-blue-500"/> <span> </span></label>`);
|
|
64363
|
+
var root_12 = /* @__PURE__ */ from_html(`<div class="absolute bottom-12 right-2 z-20 bg-white rounded-lg shadow-lg border border-gray-200 p-3 text-xs min-w-[160px]"><div class="font-semibold text-gray-700 mb-2">Layers</div> <!> <hr class="my-1 border-gray-100"/> <label class="flex items-center gap-2 py-0.5 cursor-pointer hover:bg-gray-50 rounded px-1"><input type="checkbox" class="accent-blue-500"/> <span>Room Labels</span></label> <label class="flex items-center gap-2 py-0.5 cursor-pointer hover:bg-gray-50 rounded px-1"><input type="checkbox" class="accent-blue-500"/> <span>Dimensions</span></label></div>`);
|
|
64364
|
+
var root_16 = /* @__PURE__ */ from_html(`<button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-500 hover:text-gray-700" title="Flip swing" aria-label="Flip swing"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 16V4m0 0L3 8m4-4l4 4M17 8v12m0 0l4-4m-4 4l-4-4"></path></svg></button>`);
|
|
64365
|
+
var root_17 = /* @__PURE__ */ from_html(`<button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-500 hover:text-gray-700" title="Split wall at midpoint" aria-label="Split wall at midpoint"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2v20M4 12h4M16 12h4"></path></svg></button>`);
|
|
64366
|
+
var root_15 = /* @__PURE__ */ from_html(`<div class="absolute z-40 flex items-center gap-0.5 bg-white rounded-lg shadow-lg border border-gray-200 px-1 py-0.5"><button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-500 hover:text-gray-700" title="Duplicate" aria-label="Duplicate"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"></rect><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"></path></svg></button> <!> <!> <div class="w-px h-5 bg-gray-200 mx-0.5"></div> <button class="w-7 h-7 flex items-center justify-center rounded hover:bg-red-50 text-gray-400 hover:text-red-600" title="Delete" aria-label="Delete"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2m3 0v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6h14"></path></svg></button></div>`);
|
|
64367
|
+
var root_18 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-blue-600 text-white px-3 py-1 rounded-full text-xs shadow">Click to add wall segment · Double-click to finish · C to close loop · Esc to cancel</div>`);
|
|
64368
|
+
var root_19 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-purple-600 text-white px-3 py-1 rounded-full text-xs shadow"> </div>`);
|
|
64369
|
+
var root_20 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-red-600 text-white px-3 py-1 rounded-full text-xs shadow">Right-click two points to measure · M to exit · Esc to cancel</div>`);
|
|
64370
|
+
var root_21 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-emerald-600 text-white px-3 py-1 rounded-full text-xs shadow">Click to place text label · Esc to cancel</div>`);
|
|
64371
|
+
var root_22 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-indigo-600 text-white px-3 py-1 rounded-full text-xs shadow"> </div>`);
|
|
64372
|
+
var root_1$5 = /* @__PURE__ */ from_html(`<!> <!> <!> <!> <div class="absolute bottom-2 right-2 bg-white/80 rounded px-2 py-1 text-xs text-gray-500 flex gap-3"><!> <!> <!> <span> </span> <button class="hover:text-gray-700" title="Zoom to Fit (F)">⊞ Fit</button> <button class="hover:text-gray-700" title="Toggle Grid (G)"> </button> <button class="hover:text-gray-700" title="Toggle Snap to Grid (S)"> </button> <button class="hover:text-gray-700" title="Toggle Furniture"> </button> <button class="hover:text-gray-700" title="Layer Visibility">🗂 Layers</button> <button class="hover:text-gray-700" title="Toggle Rulers"> </button> <button class="hover:text-gray-700" title="Toggle Mini-map"> </button></div> <!> <!> <!> <!> <!> <!> <!> <div class="absolute bottom-3 left-3 z-20 flex items-center gap-1 bg-white rounded-lg shadow-lg border border-gray-200 px-1 py-0.5"><button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-600 hover:text-gray-800 font-bold text-lg" title="Zoom Out (−)" aria-label="Zoom out">−</button> <button class="min-w-[3.5rem] h-7 flex items-center justify-center rounded hover:bg-gray-100 text-xs font-medium text-gray-600 hover:text-gray-800 tabular-nums" title="Reset to 100%" aria-label="Zoom to 100%"> </button> <button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-600 hover:text-gray-800 font-bold text-lg" title="Zoom In (+)" aria-label="Zoom in">+</button> <div class="w-px h-5 bg-gray-200"></div> <button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-500 hover:text-gray-700 text-sm" title="Zoom to Fit (F)" aria-label="Zoom to fit">⊞</button></div> <!>`, 1);
|
|
64373
|
+
var root = /* @__PURE__ */ from_html(`<div class="w-full h-full relative overflow-hidden" role="application"><canvas aria-label="Floor plan editor canvas"></canvas> <!></div>`);
|
|
64365
64374
|
function FloorPlanCanvas($$anchor, $$props) {
|
|
64366
64375
|
push($$props, true);
|
|
64367
64376
|
const $panMode = () => store_get(panMode, "$panMode", $$stores);
|
|
@@ -64466,6 +64475,9 @@ function FloorPlanCanvas($$anchor, $$props) {
|
|
|
64466
64475
|
};
|
|
64467
64476
|
let showGrid = /* @__PURE__ */ state(true);
|
|
64468
64477
|
let showRulers = /* @__PURE__ */ state(true);
|
|
64478
|
+
user_effect(() => {
|
|
64479
|
+
if ($$props.viewOnly) set(showRulers, false);
|
|
64480
|
+
});
|
|
64469
64481
|
let layerVis = /* @__PURE__ */ state(proxy({
|
|
64470
64482
|
walls: true,
|
|
64471
64483
|
doors: true,
|
|
@@ -64809,6 +64821,9 @@ function FloorPlanCanvas($$anchor, $$props) {
|
|
|
64809
64821
|
canvas.height = get(height);
|
|
64810
64822
|
}
|
|
64811
64823
|
markDirty();
|
|
64824
|
+
if ($$props.viewOnly) requestAnimationFrame(() => {
|
|
64825
|
+
zoomToFit();
|
|
64826
|
+
});
|
|
64812
64827
|
}
|
|
64813
64828
|
function drawGrid() {
|
|
64814
64829
|
if (!ctx || !get(showGrid)) return;
|
|
@@ -65248,7 +65263,7 @@ function FloorPlanCanvas($$anchor, $$props) {
|
|
|
65248
65263
|
return `${Math.round(worldCm)}`;
|
|
65249
65264
|
}
|
|
65250
65265
|
function drawRulers() {
|
|
65251
|
-
if (!ctx || !get(showRulers)) return;
|
|
65266
|
+
if (!ctx || !get(showRulers) || $$props.viewOnly) return;
|
|
65252
65267
|
const R = RULER_SIZE;
|
|
65253
65268
|
const fontSize = 9;
|
|
65254
65269
|
const isImperial = get(dimSettings).units === "imperial";
|
|
@@ -66100,6 +66115,9 @@ function FloorPlanCanvas($$anchor, $$props) {
|
|
|
66100
66115
|
const unsub1 = activeFloor.subscribe((f) => {
|
|
66101
66116
|
set(currentFloor, f, true);
|
|
66102
66117
|
markDirty();
|
|
66118
|
+
if ($$props.viewOnly && f) requestAnimationFrame(() => {
|
|
66119
|
+
zoomToFit();
|
|
66120
|
+
});
|
|
66103
66121
|
if (!initialFitDone && f && f.walls.length > 0) {
|
|
66104
66122
|
initialFitDone = true;
|
|
66105
66123
|
requestAnimationFrame(() => {
|
|
@@ -67907,480 +67925,521 @@ function FloorPlanCanvas($$anchor, $$props) {
|
|
|
67907
67925
|
event("keydown", $window, onKeyDown);
|
|
67908
67926
|
event("keyup", $window, onKeyUp);
|
|
67909
67927
|
var canvas_1 = child(div);
|
|
67928
|
+
let classes;
|
|
67910
67929
|
bind_this(canvas_1, ($$value) => canvas = $$value, () => canvas);
|
|
67911
67930
|
var node = sibling(canvas_1, 2);
|
|
67912
|
-
var
|
|
67913
|
-
var
|
|
67914
|
-
|
|
67915
|
-
|
|
67916
|
-
|
|
67917
|
-
|
|
67918
|
-
|
|
67919
|
-
|
|
67920
|
-
|
|
67921
|
-
|
|
67922
|
-
|
|
67923
|
-
|
|
67924
|
-
|
|
67925
|
-
|
|
67926
|
-
|
|
67927
|
-
|
|
67928
|
-
|
|
67929
|
-
name: get(editingRoomName)
|
|
67930
|
-
|
|
67931
|
-
|
|
67932
|
-
|
|
67933
|
-
|
|
67934
|
-
|
|
67935
|
-
|
|
67936
|
-
|
|
67937
|
-
|
|
67938
|
-
|
|
67939
|
-
name: get(editingRoomName)
|
|
67940
|
-
|
|
67941
|
-
|
|
67942
|
-
|
|
67943
|
-
|
|
67944
|
-
|
|
67945
|
-
|
|
67946
|
-
|
|
67947
|
-
|
|
67948
|
-
|
|
67949
|
-
|
|
67950
|
-
|
|
67951
|
-
var input_1 = root_2$3();
|
|
67952
|
-
remove_input_defaults(input_1);
|
|
67953
|
-
autofocus(input_1, true);
|
|
67954
|
-
template_effect(() => {
|
|
67955
|
-
var _$$get$x2, _$$get$y2;
|
|
67956
|
-
set_style(input_1, `left: ${(_$$get$x2 = get(editingTextAnnotationPos).x) !== null && _$$get$x2 !== void 0 ? _$$get$x2 : ""}px; top: ${(_$$get$y2 = get(editingTextAnnotationPos).y) !== null && _$$get$y2 !== void 0 ? _$$get$y2 : ""}px; transform: translate(-50%, -50%); z-index: 20; min-width: 120px;`);
|
|
67957
|
-
set_value(input_1, get(editingTextAnnotationValue));
|
|
67958
|
-
});
|
|
67959
|
-
delegated("input", input_1, (e) => {
|
|
67960
|
-
set(editingTextAnnotationValue, e.target.value, true);
|
|
67931
|
+
var consequent_20 = ($$anchor) => {
|
|
67932
|
+
var fragment = root_1$5();
|
|
67933
|
+
var node_1 = first_child(fragment);
|
|
67934
|
+
var consequent = ($$anchor) => {
|
|
67935
|
+
var input = root_2$3();
|
|
67936
|
+
remove_input_defaults(input);
|
|
67937
|
+
autofocus(input, true);
|
|
67938
|
+
template_effect(() => {
|
|
67939
|
+
var _$$get$x, _$$get$y;
|
|
67940
|
+
set_style(input, `left: ${(_$$get$x = get(editingRoomPos).x) !== null && _$$get$x !== void 0 ? _$$get$x : ""}px; top: ${(_$$get$y = get(editingRoomPos).y) !== null && _$$get$y !== void 0 ? _$$get$y : ""}px; transform: translate(-50%, -50%); z-index: 20; min-width: 100px;`);
|
|
67941
|
+
set_value(input, get(editingRoomName));
|
|
67942
|
+
});
|
|
67943
|
+
delegated("input", input, (e) => {
|
|
67944
|
+
set(editingRoomName, e.target.value, true);
|
|
67945
|
+
});
|
|
67946
|
+
delegated("keydown", input, (e) => {
|
|
67947
|
+
if (e.key === "Enter") {
|
|
67948
|
+
updateRoom(get(editingRoomId), { name: get(editingRoomName) });
|
|
67949
|
+
detectedRoomsStore.update((rooms) => rooms.map((r) => r.id === get(editingRoomId) ? {
|
|
67950
|
+
...r,
|
|
67951
|
+
name: get(editingRoomName)
|
|
67952
|
+
} : r));
|
|
67953
|
+
set(editingRoomId, null);
|
|
67954
|
+
} else if (e.key === "Escape") set(editingRoomId, null);
|
|
67955
|
+
});
|
|
67956
|
+
event("blur", input, () => {
|
|
67957
|
+
if (get(editingRoomId)) {
|
|
67958
|
+
updateRoom(get(editingRoomId), { name: get(editingRoomName) });
|
|
67959
|
+
detectedRoomsStore.update((rooms) => rooms.map((r) => r.id === get(editingRoomId) ? {
|
|
67960
|
+
...r,
|
|
67961
|
+
name: get(editingRoomName)
|
|
67962
|
+
} : r));
|
|
67963
|
+
set(editingRoomId, null);
|
|
67964
|
+
}
|
|
67965
|
+
});
|
|
67966
|
+
append($$anchor, input);
|
|
67967
|
+
};
|
|
67968
|
+
if_block(node_1, ($$render) => {
|
|
67969
|
+
if (get(editingRoomId)) $$render(consequent);
|
|
67961
67970
|
});
|
|
67962
|
-
|
|
67963
|
-
|
|
67964
|
-
|
|
67965
|
-
|
|
67966
|
-
|
|
67967
|
-
|
|
67968
|
-
|
|
67969
|
-
|
|
67971
|
+
var node_2 = sibling(node_1, 2);
|
|
67972
|
+
var consequent_1 = ($$anchor) => {
|
|
67973
|
+
var input_1 = root_3$2();
|
|
67974
|
+
remove_input_defaults(input_1);
|
|
67975
|
+
autofocus(input_1, true);
|
|
67976
|
+
template_effect(() => {
|
|
67977
|
+
var _$$get$x2, _$$get$y2;
|
|
67978
|
+
set_style(input_1, `left: ${(_$$get$x2 = get(editingTextAnnotationPos).x) !== null && _$$get$x2 !== void 0 ? _$$get$x2 : ""}px; top: ${(_$$get$y2 = get(editingTextAnnotationPos).y) !== null && _$$get$y2 !== void 0 ? _$$get$y2 : ""}px; transform: translate(-50%, -50%); z-index: 20; min-width: 120px;`);
|
|
67979
|
+
set_value(input_1, get(editingTextAnnotationValue));
|
|
67980
|
+
});
|
|
67981
|
+
delegated("input", input_1, (e) => {
|
|
67982
|
+
set(editingTextAnnotationValue, e.target.value, true);
|
|
67983
|
+
});
|
|
67984
|
+
delegated("keydown", input_1, (e) => {
|
|
67985
|
+
e.stopPropagation();
|
|
67986
|
+
if (e.key === "Enter") {
|
|
67987
|
+
if (get(editingTextAnnotationValue).trim()) updateTextAnnotation(get(editingTextAnnotationId), { text: get(editingTextAnnotationValue) });
|
|
67988
|
+
else {
|
|
67989
|
+
removeTextAnnotation(get(editingTextAnnotationId));
|
|
67990
|
+
set(selectedTextAnnotationId, null);
|
|
67991
|
+
selectedElementId.set(null);
|
|
67992
|
+
}
|
|
67993
|
+
set(editingTextAnnotationId, null);
|
|
67994
|
+
} else if (e.key === "Escape") {
|
|
67995
|
+
var _$$get12;
|
|
67996
|
+
if ((_$$get12 = get(currentFloor)) === null || _$$get12 === void 0 ? void 0 : _$$get12.textAnnotations) {
|
|
67997
|
+
const ta = get(currentFloor).textAnnotations.find((t) => t.id === get(editingTextAnnotationId));
|
|
67998
|
+
if (ta && ta.text === "Text" && !get(editingTextAnnotationValue).trim()) {
|
|
67999
|
+
removeTextAnnotation(get(editingTextAnnotationId));
|
|
68000
|
+
set(selectedTextAnnotationId, null);
|
|
68001
|
+
selectedElementId.set(null);
|
|
68002
|
+
}
|
|
68003
|
+
}
|
|
68004
|
+
set(editingTextAnnotationId, null);
|
|
67970
68005
|
}
|
|
67971
|
-
|
|
67972
|
-
|
|
67973
|
-
|
|
67974
|
-
|
|
67975
|
-
|
|
67976
|
-
if (ta && ta.text === "Text" && !get(editingTextAnnotationValue).trim()) {
|
|
68006
|
+
});
|
|
68007
|
+
event("blur", input_1, () => {
|
|
68008
|
+
if (get(editingTextAnnotationId)) {
|
|
68009
|
+
if (get(editingTextAnnotationValue).trim()) updateTextAnnotation(get(editingTextAnnotationId), { text: get(editingTextAnnotationValue) });
|
|
68010
|
+
else {
|
|
67977
68011
|
removeTextAnnotation(get(editingTextAnnotationId));
|
|
67978
68012
|
set(selectedTextAnnotationId, null);
|
|
67979
68013
|
selectedElementId.set(null);
|
|
67980
68014
|
}
|
|
68015
|
+
set(editingTextAnnotationId, null);
|
|
67981
68016
|
}
|
|
67982
|
-
|
|
67983
|
-
|
|
68017
|
+
});
|
|
68018
|
+
append($$anchor, input_1);
|
|
68019
|
+
};
|
|
68020
|
+
if_block(node_2, ($$render) => {
|
|
68021
|
+
if (get(editingTextAnnotationId)) $$render(consequent_1);
|
|
67984
68022
|
});
|
|
67985
|
-
|
|
67986
|
-
|
|
67987
|
-
|
|
67988
|
-
|
|
67989
|
-
|
|
67990
|
-
|
|
67991
|
-
selectedElementId.set(null);
|
|
67992
|
-
}
|
|
67993
|
-
set(editingTextAnnotationId, null);
|
|
67994
|
-
}
|
|
68023
|
+
var node_3 = sibling(node_2, 2);
|
|
68024
|
+
var consequent_2 = ($$anchor) => {
|
|
68025
|
+
append($$anchor, root_4$3());
|
|
68026
|
+
};
|
|
68027
|
+
if_block(node_3, ($$render) => {
|
|
68028
|
+
if (get(currentFloor) && get(currentFloor).walls.length === 0 && get(currentFloor).furniture.length === 0 && get(currentFloor).doors.length === 0 && !$$props.viewOnly) $$render(consequent_2);
|
|
67995
68029
|
});
|
|
67996
|
-
|
|
67997
|
-
|
|
67998
|
-
|
|
67999
|
-
|
|
68000
|
-
|
|
68001
|
-
|
|
68002
|
-
var consequent_2 = ($$anchor) => {
|
|
68003
|
-
append($$anchor, root_3$3());
|
|
68004
|
-
};
|
|
68005
|
-
if_block(node_2, ($$render) => {
|
|
68006
|
-
if (get(currentFloor) && get(currentFloor).walls.length === 0 && get(currentFloor).furniture.length === 0 && get(currentFloor).doors.length === 0 && !$$props.viewOnly) $$render(consequent_2);
|
|
68007
|
-
});
|
|
68008
|
-
var node_3 = sibling(node_2, 2);
|
|
68009
|
-
var consequent_3 = ($$anchor) => {
|
|
68010
|
-
var canvas_2 = root_4$2();
|
|
68011
|
-
bind_this(canvas_2, ($$value) => minimapCanvas = $$value, () => minimapCanvas);
|
|
68012
|
-
delegated("click", canvas_2, onMinimapClick);
|
|
68013
|
-
append($$anchor, canvas_2);
|
|
68014
|
-
};
|
|
68015
|
-
if_block(node_3, ($$render) => {
|
|
68016
|
-
if (get(showMinimap) && get(currentFloor) && get(currentFloor).walls.length > 0) $$render(consequent_3);
|
|
68017
|
-
});
|
|
68018
|
-
var div_2 = sibling(node_3, 2);
|
|
68019
|
-
var node_4 = child(div_2);
|
|
68020
|
-
var consequent_4 = ($$anchor) => {
|
|
68021
|
-
var fragment = root_5$1();
|
|
68022
|
-
var span = first_child(fragment);
|
|
68023
|
-
var text_1 = child(span);
|
|
68024
|
-
reset(span);
|
|
68025
|
-
var span_1 = sibling(span, 2);
|
|
68026
|
-
var text_2 = child(span_1, true);
|
|
68027
|
-
reset(span_1);
|
|
68028
|
-
next(2);
|
|
68029
|
-
template_effect(($0) => {
|
|
68030
|
-
var _$$get$length;
|
|
68031
|
-
set_text(text_1, `${(_$$get$length = get(detectedRooms).length) !== null && _$$get$length !== void 0 ? _$$get$length : ""} room${get(detectedRooms).length !== 1 ? "s" : ""}`);
|
|
68032
|
-
set_text(text_2, $0);
|
|
68033
|
-
}, [() => formatArea(get(detectedRooms).reduce((s, r) => s + r.area, 0), $projectSettings().units)]);
|
|
68034
|
-
append($$anchor, fragment);
|
|
68035
|
-
};
|
|
68036
|
-
if_block(node_4, ($$render) => {
|
|
68037
|
-
if (get(detectedRooms).length > 0) $$render(consequent_4);
|
|
68038
|
-
});
|
|
68039
|
-
var node_5 = sibling(node_4, 2);
|
|
68040
|
-
var consequent_8 = ($$anchor) => {
|
|
68041
|
-
var fragment_1 = root_6$1();
|
|
68042
|
-
var span_2 = first_child(fragment_1);
|
|
68043
|
-
var text_3 = child(span_2);
|
|
68044
|
-
reset(span_2);
|
|
68045
|
-
var node_6 = sibling(span_2, 2);
|
|
68046
|
-
var consequent_5 = ($$anchor) => {
|
|
68047
|
-
var span_3 = root_7();
|
|
68048
|
-
var text_4 = child(span_3);
|
|
68049
|
-
reset(span_3);
|
|
68050
|
-
template_effect(() => {
|
|
68051
|
-
var _$$get$doors$length;
|
|
68052
|
-
return set_text(text_4, `${(_$$get$doors$length = get(currentFloor).doors.length) !== null && _$$get$doors$length !== void 0 ? _$$get$doors$length : ""} door${get(currentFloor).doors.length !== 1 ? "s" : ""}`);
|
|
68053
|
-
});
|
|
68054
|
-
append($$anchor, span_3);
|
|
68030
|
+
var node_4 = sibling(node_3, 2);
|
|
68031
|
+
var consequent_3 = ($$anchor) => {
|
|
68032
|
+
var canvas_2 = root_5();
|
|
68033
|
+
bind_this(canvas_2, ($$value) => minimapCanvas = $$value, () => minimapCanvas);
|
|
68034
|
+
delegated("click", canvas_2, onMinimapClick);
|
|
68035
|
+
append($$anchor, canvas_2);
|
|
68055
68036
|
};
|
|
68056
|
-
if_block(
|
|
68057
|
-
if (get(currentFloor).
|
|
68037
|
+
if_block(node_4, ($$render) => {
|
|
68038
|
+
if (get(showMinimap) && get(currentFloor) && get(currentFloor).walls.length > 0) $$render(consequent_3);
|
|
68058
68039
|
});
|
|
68059
|
-
var
|
|
68060
|
-
var
|
|
68061
|
-
|
|
68062
|
-
var
|
|
68063
|
-
|
|
68040
|
+
var div_2 = sibling(node_4, 2);
|
|
68041
|
+
var node_5 = child(div_2);
|
|
68042
|
+
var consequent_4 = ($$anchor) => {
|
|
68043
|
+
var fragment_1 = root_6();
|
|
68044
|
+
var span = first_child(fragment_1);
|
|
68045
|
+
var text_1 = child(span);
|
|
68046
|
+
reset(span);
|
|
68047
|
+
var span_1 = sibling(span, 2);
|
|
68048
|
+
var text_2 = child(span_1, true);
|
|
68049
|
+
reset(span_1);
|
|
68050
|
+
next(2);
|
|
68051
|
+
template_effect(($0) => {
|
|
68052
|
+
var _$$get$length;
|
|
68053
|
+
set_text(text_1, `${(_$$get$length = get(detectedRooms).length) !== null && _$$get$length !== void 0 ? _$$get$length : ""} room${get(detectedRooms).length !== 1 ? "s" : ""}`);
|
|
68054
|
+
set_text(text_2, $0);
|
|
68055
|
+
}, [() => formatArea(get(detectedRooms).reduce((s, r) => s + r.area, 0), $projectSettings().units)]);
|
|
68056
|
+
append($$anchor, fragment_1);
|
|
68057
|
+
};
|
|
68058
|
+
if_block(node_5, ($$render) => {
|
|
68059
|
+
if (get(detectedRooms).length > 0) $$render(consequent_4);
|
|
68060
|
+
});
|
|
68061
|
+
var node_6 = sibling(node_5, 2);
|
|
68062
|
+
var consequent_8 = ($$anchor) => {
|
|
68063
|
+
var fragment_2 = root_7$1();
|
|
68064
|
+
var span_2 = first_child(fragment_2);
|
|
68065
|
+
var text_3 = child(span_2);
|
|
68066
|
+
reset(span_2);
|
|
68067
|
+
var node_7 = sibling(span_2, 2);
|
|
68068
|
+
var consequent_5 = ($$anchor) => {
|
|
68069
|
+
var span_3 = root_8$1();
|
|
68070
|
+
var text_4 = child(span_3);
|
|
68071
|
+
reset(span_3);
|
|
68072
|
+
template_effect(() => {
|
|
68073
|
+
var _$$get$doors$length;
|
|
68074
|
+
return set_text(text_4, `${(_$$get$doors$length = get(currentFloor).doors.length) !== null && _$$get$doors$length !== void 0 ? _$$get$doors$length : ""} door${get(currentFloor).doors.length !== 1 ? "s" : ""}`);
|
|
68075
|
+
});
|
|
68076
|
+
append($$anchor, span_3);
|
|
68077
|
+
};
|
|
68078
|
+
if_block(node_7, ($$render) => {
|
|
68079
|
+
if (get(currentFloor).doors.length > 0) $$render(consequent_5);
|
|
68080
|
+
});
|
|
68081
|
+
var node_8 = sibling(node_7, 2);
|
|
68082
|
+
var consequent_6 = ($$anchor) => {
|
|
68083
|
+
var span_4 = root_9();
|
|
68084
|
+
var text_5 = child(span_4);
|
|
68085
|
+
reset(span_4);
|
|
68086
|
+
template_effect(() => {
|
|
68087
|
+
var _$$get$windows$length;
|
|
68088
|
+
return set_text(text_5, `${(_$$get$windows$length = get(currentFloor).windows.length) !== null && _$$get$windows$length !== void 0 ? _$$get$windows$length : ""} window${get(currentFloor).windows.length !== 1 ? "s" : ""}`);
|
|
68089
|
+
});
|
|
68090
|
+
append($$anchor, span_4);
|
|
68091
|
+
};
|
|
68092
|
+
if_block(node_8, ($$render) => {
|
|
68093
|
+
if (get(currentFloor).windows.length > 0) $$render(consequent_6);
|
|
68094
|
+
});
|
|
68095
|
+
var node_9 = sibling(node_8, 2);
|
|
68096
|
+
var consequent_7 = ($$anchor) => {
|
|
68097
|
+
var span_5 = root_10();
|
|
68098
|
+
var text_6 = child(span_5);
|
|
68099
|
+
reset(span_5);
|
|
68100
|
+
template_effect(() => {
|
|
68101
|
+
var _$$get$furniture$leng;
|
|
68102
|
+
return set_text(text_6, `${(_$$get$furniture$leng = get(currentFloor).furniture.length) !== null && _$$get$furniture$leng !== void 0 ? _$$get$furniture$leng : ""} object${get(currentFloor).furniture.length !== 1 ? "s" : ""}`);
|
|
68103
|
+
});
|
|
68104
|
+
append($$anchor, span_5);
|
|
68105
|
+
};
|
|
68106
|
+
if_block(node_9, ($$render) => {
|
|
68107
|
+
if (get(currentFloor).furniture.length > 0) $$render(consequent_7);
|
|
68108
|
+
});
|
|
68109
|
+
next(2);
|
|
68064
68110
|
template_effect(() => {
|
|
68065
|
-
var _$$get$
|
|
68066
|
-
return set_text(
|
|
68111
|
+
var _$$get$walls$length;
|
|
68112
|
+
return set_text(text_3, `${(_$$get$walls$length = get(currentFloor).walls.length) !== null && _$$get$walls$length !== void 0 ? _$$get$walls$length : ""} wall${get(currentFloor).walls.length !== 1 ? "s" : ""}`);
|
|
68067
68113
|
});
|
|
68068
|
-
append($$anchor,
|
|
68114
|
+
append($$anchor, fragment_2);
|
|
68069
68115
|
};
|
|
68070
|
-
if_block(
|
|
68071
|
-
if (get(currentFloor)
|
|
68116
|
+
if_block(node_6, ($$render) => {
|
|
68117
|
+
if (get(currentFloor)) $$render(consequent_8);
|
|
68072
68118
|
});
|
|
68073
|
-
var
|
|
68074
|
-
var
|
|
68075
|
-
var
|
|
68076
|
-
var
|
|
68077
|
-
|
|
68119
|
+
var node_10 = sibling(node_6, 2);
|
|
68120
|
+
var consequent_9 = ($$anchor) => {
|
|
68121
|
+
var fragment_3 = root_11();
|
|
68122
|
+
var span_6 = first_child(fragment_3);
|
|
68123
|
+
var text_7 = child(span_6);
|
|
68124
|
+
reset(span_6);
|
|
68125
|
+
next(2);
|
|
68078
68126
|
template_effect(() => {
|
|
68079
|
-
var _$$get$
|
|
68080
|
-
return set_text(
|
|
68127
|
+
var _$$get$size;
|
|
68128
|
+
return set_text(text_7, `${(_$$get$size = get(currentSelectedIds).size) !== null && _$$get$size !== void 0 ? _$$get$size : ""} selected`);
|
|
68081
68129
|
});
|
|
68082
|
-
append($$anchor,
|
|
68130
|
+
append($$anchor, fragment_3);
|
|
68083
68131
|
};
|
|
68084
|
-
if_block(
|
|
68085
|
-
if (get(
|
|
68086
|
-
});
|
|
68087
|
-
next(2);
|
|
68088
|
-
template_effect(() => {
|
|
68089
|
-
var _$$get$walls$length;
|
|
68090
|
-
return set_text(text_3, `${(_$$get$walls$length = get(currentFloor).walls.length) !== null && _$$get$walls$length !== void 0 ? _$$get$walls$length : ""} wall${get(currentFloor).walls.length !== 1 ? "s" : ""}`);
|
|
68132
|
+
if_block(node_10, ($$render) => {
|
|
68133
|
+
if (get(currentSelectedIds).size > 1) $$render(consequent_9);
|
|
68091
68134
|
});
|
|
68092
|
-
|
|
68093
|
-
|
|
68094
|
-
|
|
68095
|
-
|
|
68096
|
-
|
|
68097
|
-
|
|
68098
|
-
|
|
68099
|
-
var
|
|
68100
|
-
var
|
|
68101
|
-
|
|
68102
|
-
|
|
68103
|
-
|
|
68104
|
-
|
|
68105
|
-
|
|
68106
|
-
|
|
68107
|
-
|
|
68108
|
-
|
|
68109
|
-
|
|
68110
|
-
|
|
68111
|
-
|
|
68112
|
-
|
|
68113
|
-
|
|
68114
|
-
|
|
68115
|
-
|
|
68116
|
-
|
|
68117
|
-
|
|
68118
|
-
|
|
68119
|
-
|
|
68120
|
-
|
|
68121
|
-
|
|
68122
|
-
|
|
68123
|
-
|
|
68124
|
-
|
|
68125
|
-
|
|
68126
|
-
|
|
68127
|
-
|
|
68128
|
-
|
|
68129
|
-
|
|
68130
|
-
|
|
68131
|
-
|
|
68132
|
-
|
|
68133
|
-
|
|
68134
|
-
|
|
68135
|
-
|
|
68136
|
-
|
|
68137
|
-
|
|
68138
|
-
|
|
68139
|
-
|
|
68140
|
-
|
|
68141
|
-
|
|
68142
|
-
|
|
68143
|
-
|
|
68144
|
-
|
|
68145
|
-
|
|
68146
|
-
|
|
68147
|
-
["measurements", "Measurements"]
|
|
68148
|
-
], index$1, ($$anchor, $$item) => {
|
|
68149
|
-
var $$array = /* @__PURE__ */ user_derived(() => to_array($$item, 2));
|
|
68150
|
-
let key = () => get($$array)[0];
|
|
68151
|
-
let label = () => get($$array)[1];
|
|
68152
|
-
var label_1 = root_12();
|
|
68153
|
-
var input_2 = child(label_1);
|
|
68154
|
-
remove_input_defaults(input_2);
|
|
68155
|
-
var span_8 = sibling(input_2, 2);
|
|
68156
|
-
var text_14 = child(span_8, true);
|
|
68157
|
-
reset(span_8);
|
|
68158
|
-
reset(label_1);
|
|
68159
|
-
template_effect(() => {
|
|
68160
|
-
set_checked(input_2, get(layerVis)[key()]);
|
|
68161
|
-
set_text(text_14, label());
|
|
68135
|
+
var span_7 = sibling(node_10, 2);
|
|
68136
|
+
var text_8 = child(span_7);
|
|
68137
|
+
reset(span_7);
|
|
68138
|
+
var button = sibling(span_7, 2);
|
|
68139
|
+
var button_1 = sibling(button, 2);
|
|
68140
|
+
var text_9 = child(button_1);
|
|
68141
|
+
reset(button_1);
|
|
68142
|
+
var button_2 = sibling(button_1, 2);
|
|
68143
|
+
var text_10 = child(button_2);
|
|
68144
|
+
reset(button_2);
|
|
68145
|
+
var button_3 = sibling(button_2, 2);
|
|
68146
|
+
var text_11 = child(button_3);
|
|
68147
|
+
reset(button_3);
|
|
68148
|
+
var button_4 = sibling(button_3, 2);
|
|
68149
|
+
var button_5 = sibling(button_4, 2);
|
|
68150
|
+
var text_12 = child(button_5);
|
|
68151
|
+
reset(button_5);
|
|
68152
|
+
var button_6 = sibling(button_5, 2);
|
|
68153
|
+
var text_13 = child(button_6);
|
|
68154
|
+
text_13.nodeValue = "🗺 Map";
|
|
68155
|
+
reset(button_6);
|
|
68156
|
+
reset(div_2);
|
|
68157
|
+
var node_11 = sibling(div_2, 2);
|
|
68158
|
+
var consequent_10 = ($$anchor) => {
|
|
68159
|
+
var div_3 = root_12();
|
|
68160
|
+
var node_12 = sibling(child(div_3), 2);
|
|
68161
|
+
each(node_12, 16, () => [
|
|
68162
|
+
["walls", "Walls"],
|
|
68163
|
+
["doors", "Doors"],
|
|
68164
|
+
["windows", "Windows"],
|
|
68165
|
+
["furniture", "Furniture"],
|
|
68166
|
+
["stairs", "Stairs"],
|
|
68167
|
+
["columns", "Columns"],
|
|
68168
|
+
["guides", "Guides"],
|
|
68169
|
+
["measurements", "Measurements"]
|
|
68170
|
+
], index$1, ($$anchor, $$item) => {
|
|
68171
|
+
var $$array = /* @__PURE__ */ user_derived(() => to_array($$item, 2));
|
|
68172
|
+
let key = () => get($$array)[0];
|
|
68173
|
+
let label = () => get($$array)[1];
|
|
68174
|
+
var label_1 = root_13();
|
|
68175
|
+
var input_2 = child(label_1);
|
|
68176
|
+
remove_input_defaults(input_2);
|
|
68177
|
+
var span_8 = sibling(input_2, 2);
|
|
68178
|
+
var text_14 = child(span_8, true);
|
|
68179
|
+
reset(span_8);
|
|
68180
|
+
reset(label_1);
|
|
68181
|
+
template_effect(() => {
|
|
68182
|
+
set_checked(input_2, get(layerVis)[key()]);
|
|
68183
|
+
set_text(text_14, label());
|
|
68184
|
+
});
|
|
68185
|
+
delegated("change", input_2, () => layerVisibility.update((v) => ({
|
|
68186
|
+
...v,
|
|
68187
|
+
[key()]: !v[key()]
|
|
68188
|
+
})));
|
|
68189
|
+
append($$anchor, label_1);
|
|
68162
68190
|
});
|
|
68163
|
-
|
|
68164
|
-
|
|
68165
|
-
|
|
68166
|
-
|
|
68167
|
-
|
|
68191
|
+
var label_2 = sibling(node_12, 4);
|
|
68192
|
+
var input_3 = child(label_2);
|
|
68193
|
+
remove_input_defaults(input_3);
|
|
68194
|
+
next(2);
|
|
68195
|
+
reset(label_2);
|
|
68196
|
+
var label_3 = sibling(label_2, 2);
|
|
68197
|
+
var input_4 = child(label_3);
|
|
68198
|
+
remove_input_defaults(input_4);
|
|
68199
|
+
next(2);
|
|
68200
|
+
reset(label_3);
|
|
68201
|
+
reset(div_3);
|
|
68202
|
+
bind_checked(input_3, () => get(showRoomLabels), ($$value) => set(showRoomLabels, $$value));
|
|
68203
|
+
bind_checked(input_4, () => get(showDimensions), ($$value) => set(showDimensions, $$value));
|
|
68204
|
+
append($$anchor, div_3);
|
|
68205
|
+
};
|
|
68206
|
+
if_block(node_11, ($$render) => {
|
|
68207
|
+
if (get(showLayerPanel)) $$render(consequent_10);
|
|
68168
68208
|
});
|
|
68169
|
-
var
|
|
68170
|
-
var
|
|
68171
|
-
|
|
68172
|
-
|
|
68173
|
-
|
|
68174
|
-
|
|
68175
|
-
|
|
68176
|
-
|
|
68177
|
-
next(2);
|
|
68178
|
-
reset(label_3);
|
|
68179
|
-
reset(div_3);
|
|
68180
|
-
bind_checked(input_3, () => get(showRoomLabels), ($$value) => set(showRoomLabels, $$value));
|
|
68181
|
-
bind_checked(input_4, () => get(showDimensions), ($$value) => set(showDimensions, $$value));
|
|
68182
|
-
append($$anchor, div_3);
|
|
68183
|
-
};
|
|
68184
|
-
if_block(node_10, ($$render) => {
|
|
68185
|
-
if (get(showLayerPanel)) $$render(consequent_10);
|
|
68186
|
-
});
|
|
68187
|
-
var node_12 = sibling(node_10, 2);
|
|
68188
|
-
var consequent_14 = ($$anchor) => {
|
|
68189
|
-
const el = /* @__PURE__ */ user_derived(() => (() => {
|
|
68190
|
-
const f = get(currentFloor);
|
|
68191
|
-
const wall = f.walls.find((w) => w.id === get(currentSelectedId));
|
|
68192
|
-
if (wall) return {
|
|
68193
|
-
type: "wall",
|
|
68194
|
-
pos: worldToScreen((wall.start.x + wall.end.x) / 2, (wall.start.y + wall.end.y) / 2)
|
|
68195
|
-
};
|
|
68196
|
-
const door = f.doors.find((d) => d.id === get(currentSelectedId));
|
|
68197
|
-
if (door) {
|
|
68198
|
-
const w = f.walls.find((w) => w.id === door.wallId);
|
|
68199
|
-
if (w) return {
|
|
68200
|
-
type: "door",
|
|
68201
|
-
pos: worldToScreen(w.start.x + (w.end.x - w.start.x) * door.position, w.start.y + (w.end.y - w.start.y) * door.position),
|
|
68202
|
-
door
|
|
68209
|
+
var node_13 = sibling(node_11, 2);
|
|
68210
|
+
var consequent_14 = ($$anchor) => {
|
|
68211
|
+
const el = /* @__PURE__ */ user_derived(() => (() => {
|
|
68212
|
+
const f = get(currentFloor);
|
|
68213
|
+
const wall = f.walls.find((w) => w.id === get(currentSelectedId));
|
|
68214
|
+
if (wall) return {
|
|
68215
|
+
type: "wall",
|
|
68216
|
+
pos: worldToScreen((wall.start.x + wall.end.x) / 2, (wall.start.y + wall.end.y) / 2)
|
|
68203
68217
|
};
|
|
68204
|
-
|
|
68205
|
-
|
|
68206
|
-
|
|
68207
|
-
|
|
68208
|
-
|
|
68209
|
-
|
|
68210
|
-
|
|
68218
|
+
const door = f.doors.find((d) => d.id === get(currentSelectedId));
|
|
68219
|
+
if (door) {
|
|
68220
|
+
const w = f.walls.find((w) => w.id === door.wallId);
|
|
68221
|
+
if (w) return {
|
|
68222
|
+
type: "door",
|
|
68223
|
+
pos: worldToScreen(w.start.x + (w.end.x - w.start.x) * door.position, w.start.y + (w.end.y - w.start.y) * door.position),
|
|
68224
|
+
door
|
|
68225
|
+
};
|
|
68226
|
+
}
|
|
68227
|
+
const win = f.windows.find((w) => w.id === get(currentSelectedId));
|
|
68228
|
+
if (win) {
|
|
68229
|
+
const w = f.walls.find((w) => w.id === win.wallId);
|
|
68230
|
+
if (w) return {
|
|
68231
|
+
type: "window",
|
|
68232
|
+
pos: worldToScreen(w.start.x + (w.end.x - w.start.x) * win.position, w.start.y + (w.end.y - w.start.y) * win.position)
|
|
68233
|
+
};
|
|
68234
|
+
}
|
|
68235
|
+
const furn = f.furniture.find((fi) => fi.id === get(currentSelectedId));
|
|
68236
|
+
if (furn) return {
|
|
68237
|
+
type: "furniture",
|
|
68238
|
+
pos: worldToScreen(furn.position.x, furn.position.y)
|
|
68211
68239
|
};
|
|
68212
|
-
|
|
68213
|
-
|
|
68214
|
-
|
|
68215
|
-
|
|
68216
|
-
|
|
68217
|
-
|
|
68218
|
-
|
|
68219
|
-
|
|
68220
|
-
|
|
68221
|
-
|
|
68222
|
-
|
|
68223
|
-
|
|
68224
|
-
|
|
68225
|
-
|
|
68226
|
-
|
|
68227
|
-
|
|
68228
|
-
|
|
68229
|
-
if (get(el).door) updateDoor(get(el).door.id, { swingDirection: get(el).door.swingDirection === "left" ? "right" : "left" });
|
|
68240
|
+
return null;
|
|
68241
|
+
})());
|
|
68242
|
+
var fragment_4 = comment();
|
|
68243
|
+
var node_14 = first_child(fragment_4);
|
|
68244
|
+
var consequent_13 = ($$anchor) => {
|
|
68245
|
+
var div_4 = root_15();
|
|
68246
|
+
var button_7 = child(div_4);
|
|
68247
|
+
var node_15 = sibling(button_7, 2);
|
|
68248
|
+
var consequent_11 = ($$anchor) => {
|
|
68249
|
+
var button_8 = root_16();
|
|
68250
|
+
delegated("click", button_8, () => {
|
|
68251
|
+
if (get(el).door) updateDoor(get(el).door.id, { swingDirection: get(el).door.swingDirection === "left" ? "right" : "left" });
|
|
68252
|
+
});
|
|
68253
|
+
append($$anchor, button_8);
|
|
68254
|
+
};
|
|
68255
|
+
if_block(node_15, ($$render) => {
|
|
68256
|
+
if (get(el).type === "door" && get(el).door) $$render(consequent_11);
|
|
68230
68257
|
});
|
|
68231
|
-
|
|
68232
|
-
|
|
68233
|
-
|
|
68234
|
-
|
|
68235
|
-
|
|
68236
|
-
|
|
68237
|
-
|
|
68238
|
-
|
|
68239
|
-
|
|
68240
|
-
|
|
68241
|
-
|
|
68258
|
+
var node_16 = sibling(node_15, 2);
|
|
68259
|
+
var consequent_12 = ($$anchor) => {
|
|
68260
|
+
var button_9 = root_17();
|
|
68261
|
+
delegated("click", button_9, () => {
|
|
68262
|
+
if (get(currentSelectedId)) {
|
|
68263
|
+
if (splitWall(get(currentSelectedId), .5)) selectedElementId.set(null);
|
|
68264
|
+
}
|
|
68265
|
+
});
|
|
68266
|
+
append($$anchor, button_9);
|
|
68267
|
+
};
|
|
68268
|
+
if_block(node_16, ($$render) => {
|
|
68269
|
+
if (get(el).type === "wall" && get(currentSelectedId) && get(currentSelectedIds).size === 0) $$render(consequent_12);
|
|
68270
|
+
});
|
|
68271
|
+
var button_10 = sibling(node_16, 4);
|
|
68272
|
+
reset(div_4);
|
|
68273
|
+
template_effect(() => {
|
|
68274
|
+
var _$$get$pos$x;
|
|
68275
|
+
return set_style(div_4, `left: ${(_$$get$pos$x = get(el).pos.x) !== null && _$$get$pos$x !== void 0 ? _$$get$pos$x : ""}px; top: ${get(el).pos.y - 44}px; transform: translateX(-50%);`);
|
|
68276
|
+
});
|
|
68277
|
+
delegated("click", button_7, () => {
|
|
68278
|
+
if (!get(currentSelectedId) || !get(currentFloor)) return;
|
|
68279
|
+
let newId = null;
|
|
68280
|
+
if (get(el).type === "door") newId = duplicateDoor(get(currentSelectedId));
|
|
68281
|
+
else if (get(el).type === "window") newId = duplicateWindow(get(currentSelectedId));
|
|
68282
|
+
else if (get(el).type === "furniture") newId = duplicateFurniture(get(currentSelectedId));
|
|
68283
|
+
else if (get(el).type === "wall") newId = duplicateWall(get(currentSelectedId));
|
|
68284
|
+
if (newId) selectedElementId.set(newId);
|
|
68285
|
+
});
|
|
68286
|
+
delegated("click", button_10, () => {
|
|
68287
|
+
if (get(currentSelectedIds).size > 0) {
|
|
68288
|
+
beginUndoGroup();
|
|
68289
|
+
for (const id of get(currentSelectedIds)) removeElement(id);
|
|
68290
|
+
endUndoGroup();
|
|
68291
|
+
selectedElementIds.set(/* @__PURE__ */ new Set());
|
|
68292
|
+
selectedElementId.set(null);
|
|
68293
|
+
} else if (get(currentSelectedId)) {
|
|
68294
|
+
removeElement(get(currentSelectedId));
|
|
68295
|
+
selectedElementId.set(null);
|
|
68242
68296
|
}
|
|
68243
68297
|
});
|
|
68244
|
-
append($$anchor,
|
|
68298
|
+
append($$anchor, div_4);
|
|
68245
68299
|
};
|
|
68246
|
-
if_block(
|
|
68247
|
-
if (get(el)
|
|
68300
|
+
if_block(node_14, ($$render) => {
|
|
68301
|
+
if (get(el)) $$render(consequent_13);
|
|
68248
68302
|
});
|
|
68249
|
-
|
|
68250
|
-
|
|
68303
|
+
append($$anchor, fragment_4);
|
|
68304
|
+
};
|
|
68305
|
+
if_block(node_13, ($$render) => {
|
|
68306
|
+
if ((get(currentSelectedId) || get(currentSelectedIds).size > 0) && get(currentFloor) && get(currentTool) === "select") $$render(consequent_14);
|
|
68307
|
+
});
|
|
68308
|
+
var node_17 = sibling(node_13, 2);
|
|
68309
|
+
var consequent_15 = ($$anchor) => {
|
|
68310
|
+
append($$anchor, root_18());
|
|
68311
|
+
};
|
|
68312
|
+
if_block(node_17, ($$render) => {
|
|
68313
|
+
if (get(currentTool) === "wall" && get(wallStart)) $$render(consequent_15);
|
|
68314
|
+
});
|
|
68315
|
+
var node_18 = sibling(node_17, 2);
|
|
68316
|
+
var consequent_16 = ($$anchor) => {
|
|
68317
|
+
var div_6 = root_19();
|
|
68318
|
+
var text_15 = child(div_6);
|
|
68319
|
+
reset(div_6);
|
|
68251
68320
|
template_effect(() => {
|
|
68252
|
-
var _$$
|
|
68253
|
-
return
|
|
68321
|
+
var _$$get13;
|
|
68322
|
+
return set_text(text_15, `Click to place · Scroll or R to rotate (${(_$$get13 = get(currentPlacingRotation)) !== null && _$$get13 !== void 0 ? _$$get13 : ""}°) · Esc to cancel`);
|
|
68254
68323
|
});
|
|
68255
|
-
|
|
68256
|
-
if (!get(currentSelectedId) || !get(currentFloor)) return;
|
|
68257
|
-
let newId = null;
|
|
68258
|
-
if (get(el).type === "door") newId = duplicateDoor(get(currentSelectedId));
|
|
68259
|
-
else if (get(el).type === "window") newId = duplicateWindow(get(currentSelectedId));
|
|
68260
|
-
else if (get(el).type === "furniture") newId = duplicateFurniture(get(currentSelectedId));
|
|
68261
|
-
else if (get(el).type === "wall") newId = duplicateWall(get(currentSelectedId));
|
|
68262
|
-
if (newId) selectedElementId.set(newId);
|
|
68263
|
-
});
|
|
68264
|
-
delegated("click", button_10, () => {
|
|
68265
|
-
if (get(currentSelectedIds).size > 0) {
|
|
68266
|
-
beginUndoGroup();
|
|
68267
|
-
for (const id of get(currentSelectedIds)) removeElement(id);
|
|
68268
|
-
endUndoGroup();
|
|
68269
|
-
selectedElementIds.set(/* @__PURE__ */ new Set());
|
|
68270
|
-
selectedElementId.set(null);
|
|
68271
|
-
} else if (get(currentSelectedId)) {
|
|
68272
|
-
removeElement(get(currentSelectedId));
|
|
68273
|
-
selectedElementId.set(null);
|
|
68274
|
-
}
|
|
68275
|
-
});
|
|
68276
|
-
append($$anchor, div_4);
|
|
68324
|
+
append($$anchor, div_6);
|
|
68277
68325
|
};
|
|
68278
|
-
if_block(
|
|
68279
|
-
if (get(
|
|
68326
|
+
if_block(node_18, ($$render) => {
|
|
68327
|
+
if (get(currentPlacingId) && get(currentTool) === "furniture") $$render(consequent_16);
|
|
68280
68328
|
});
|
|
68281
|
-
|
|
68282
|
-
|
|
68283
|
-
|
|
68284
|
-
|
|
68285
|
-
|
|
68286
|
-
|
|
68287
|
-
var consequent_15 = ($$anchor) => {
|
|
68288
|
-
append($$anchor, root_17());
|
|
68289
|
-
};
|
|
68290
|
-
if_block(node_16, ($$render) => {
|
|
68291
|
-
if (get(currentTool) === "wall" && get(wallStart)) $$render(consequent_15);
|
|
68292
|
-
});
|
|
68293
|
-
var node_17 = sibling(node_16, 2);
|
|
68294
|
-
var consequent_16 = ($$anchor) => {
|
|
68295
|
-
var div_6 = root_18();
|
|
68296
|
-
var text_15 = child(div_6);
|
|
68297
|
-
reset(div_6);
|
|
68298
|
-
template_effect(() => {
|
|
68299
|
-
var _$$get13;
|
|
68300
|
-
return set_text(text_15, `Click to place · Scroll or R to rotate (${(_$$get13 = get(currentPlacingRotation)) !== null && _$$get13 !== void 0 ? _$$get13 : ""}°) · Esc to cancel`);
|
|
68329
|
+
var node_19 = sibling(node_18, 2);
|
|
68330
|
+
var consequent_17 = ($$anchor) => {
|
|
68331
|
+
append($$anchor, root_20());
|
|
68332
|
+
};
|
|
68333
|
+
if_block(node_19, ($$render) => {
|
|
68334
|
+
if (get(measuring)) $$render(consequent_17);
|
|
68301
68335
|
});
|
|
68302
|
-
|
|
68303
|
-
|
|
68304
|
-
|
|
68305
|
-
|
|
68306
|
-
|
|
68307
|
-
|
|
68308
|
-
|
|
68309
|
-
|
|
68310
|
-
|
|
68311
|
-
|
|
68312
|
-
|
|
68313
|
-
|
|
68314
|
-
|
|
68315
|
-
|
|
68316
|
-
|
|
68317
|
-
|
|
68318
|
-
|
|
68319
|
-
|
|
68320
|
-
|
|
68321
|
-
|
|
68322
|
-
|
|
68323
|
-
var
|
|
68324
|
-
|
|
68325
|
-
|
|
68326
|
-
|
|
68327
|
-
|
|
68336
|
+
var node_20 = sibling(node_19, 2);
|
|
68337
|
+
var consequent_18 = ($$anchor) => {
|
|
68338
|
+
append($$anchor, root_21());
|
|
68339
|
+
};
|
|
68340
|
+
if_block(node_20, ($$render) => {
|
|
68341
|
+
if (get(textAnnotationMode)) $$render(consequent_18);
|
|
68342
|
+
});
|
|
68343
|
+
var node_21 = sibling(node_20, 2);
|
|
68344
|
+
var consequent_19 = ($$anchor) => {
|
|
68345
|
+
var div_9 = root_22();
|
|
68346
|
+
var text_16 = child(div_9);
|
|
68347
|
+
reset(div_9);
|
|
68348
|
+
template_effect(() => set_text(text_16, `${get(annotationStart) ? "Click second point to create annotation" : "Click first point"} · N to exit · Esc to cancel`));
|
|
68349
|
+
append($$anchor, div_9);
|
|
68350
|
+
};
|
|
68351
|
+
if_block(node_21, ($$render) => {
|
|
68352
|
+
if (get(annotating)) $$render(consequent_19);
|
|
68353
|
+
});
|
|
68354
|
+
var div_10 = sibling(node_21, 2);
|
|
68355
|
+
var button_11 = child(div_10);
|
|
68356
|
+
var button_12 = sibling(button_11, 2);
|
|
68357
|
+
var text_17 = child(button_12);
|
|
68358
|
+
reset(button_12);
|
|
68359
|
+
var button_13 = sibling(button_12, 2);
|
|
68360
|
+
var button_14 = sibling(button_13, 4);
|
|
68361
|
+
reset(div_10);
|
|
68362
|
+
ContextMenu(sibling(div_10, 2), {
|
|
68363
|
+
get x() {
|
|
68364
|
+
return get(ctxMenuX);
|
|
68365
|
+
},
|
|
68366
|
+
get y() {
|
|
68367
|
+
return get(ctxMenuY);
|
|
68368
|
+
},
|
|
68369
|
+
get visible() {
|
|
68370
|
+
return get(ctxMenuVisible);
|
|
68371
|
+
},
|
|
68372
|
+
get targetType() {
|
|
68373
|
+
return get(ctxMenuTargetType);
|
|
68374
|
+
},
|
|
68375
|
+
get targetId() {
|
|
68376
|
+
return get(ctxMenuTargetId);
|
|
68377
|
+
},
|
|
68378
|
+
get targetWall() {
|
|
68379
|
+
return get(ctxMenuWall);
|
|
68380
|
+
},
|
|
68381
|
+
get targetFurniture() {
|
|
68382
|
+
return get(ctxMenuFurniture);
|
|
68383
|
+
},
|
|
68384
|
+
get targetRoom() {
|
|
68385
|
+
return get(ctxMenuRoom);
|
|
68386
|
+
},
|
|
68387
|
+
get clipboard() {
|
|
68388
|
+
return get(clipboard);
|
|
68389
|
+
},
|
|
68390
|
+
onclose: () => {
|
|
68391
|
+
set(ctxMenuVisible, false);
|
|
68392
|
+
},
|
|
68393
|
+
onaction: handleContextMenuAction
|
|
68394
|
+
});
|
|
68395
|
+
template_effect(($0, $1) => {
|
|
68396
|
+
set_text(text_8, `Zoom: ${$0 !== null && $0 !== void 0 ? $0 : ""}%`);
|
|
68397
|
+
set_text(text_9, `${get(showGrid) ? "▦" : "▢"} Grid`);
|
|
68398
|
+
set_text(text_10, `${get(currentSnapToGrid) ? "🧲" : "↔"} Snap`);
|
|
68399
|
+
set_text(text_11, `${get(showFurniture) ? "🪑" : "👻"} Furniture`);
|
|
68400
|
+
set_text(text_12, `${get(showRulers) ? "📏" : "📐"} Rulers`);
|
|
68401
|
+
set_text(text_17, `${$1 !== null && $1 !== void 0 ? $1 : ""}%`);
|
|
68402
|
+
}, [() => Math.round(get(zoom) * 100), () => Math.round(get(zoom) * 100)]);
|
|
68403
|
+
delegated("click", button, () => zoomToFit());
|
|
68404
|
+
delegated("click", button_1, () => set(showGrid, !get(showGrid)));
|
|
68405
|
+
delegated("click", button_2, () => projectSettings.update((s) => ({
|
|
68406
|
+
...s,
|
|
68407
|
+
snapToGrid: !s.snapToGrid
|
|
68408
|
+
})));
|
|
68409
|
+
delegated("click", button_3, () => layerVisibility.update((v) => ({
|
|
68410
|
+
...v,
|
|
68411
|
+
furniture: !v.furniture
|
|
68412
|
+
})));
|
|
68413
|
+
delegated("click", button_4, () => set(showLayerPanel, !get(showLayerPanel)));
|
|
68414
|
+
delegated("click", button_5, () => set(showRulers, !get(showRulers)));
|
|
68415
|
+
delegated("click", button_6, () => set(showMinimap, !get(showMinimap)));
|
|
68416
|
+
delegated("click", button_11, () => {
|
|
68417
|
+
const newZoom = Math.max(.1, get(zoom) * .8);
|
|
68418
|
+
const worldCX = (get(width) / 2 - get(width) / 2) / get(zoom) + get(camX);
|
|
68419
|
+
const worldCY = (get(height) / 2 - get(height) / 2) / get(zoom) + get(camY);
|
|
68420
|
+
set(camX, worldCX - (get(width) / 2 - get(width) / 2) / newZoom);
|
|
68421
|
+
set(camY, worldCY - (get(height) / 2 - get(height) / 2) / newZoom);
|
|
68422
|
+
set(zoom, newZoom, true);
|
|
68423
|
+
});
|
|
68424
|
+
delegated("click", button_12, () => {
|
|
68425
|
+
set(zoom, 1);
|
|
68426
|
+
});
|
|
68427
|
+
delegated("click", button_13, () => {
|
|
68428
|
+
set(zoom, Math.min(10, get(zoom) * 1.25), true);
|
|
68429
|
+
});
|
|
68430
|
+
delegated("click", button_14, () => zoomToFit());
|
|
68431
|
+
append($$anchor, fragment);
|
|
68328
68432
|
};
|
|
68329
|
-
if_block(
|
|
68330
|
-
if (
|
|
68331
|
-
});
|
|
68332
|
-
var div_10 = sibling(node_20, 2);
|
|
68333
|
-
var button_11 = child(div_10);
|
|
68334
|
-
var button_12 = sibling(button_11, 2);
|
|
68335
|
-
var text_17 = child(button_12);
|
|
68336
|
-
reset(button_12);
|
|
68337
|
-
var button_13 = sibling(button_12, 2);
|
|
68338
|
-
var button_14 = sibling(button_13, 4);
|
|
68339
|
-
reset(div_10);
|
|
68340
|
-
ContextMenu(sibling(div_10, 2), {
|
|
68341
|
-
get x() {
|
|
68342
|
-
return get(ctxMenuX);
|
|
68343
|
-
},
|
|
68344
|
-
get y() {
|
|
68345
|
-
return get(ctxMenuY);
|
|
68346
|
-
},
|
|
68347
|
-
get visible() {
|
|
68348
|
-
return get(ctxMenuVisible);
|
|
68349
|
-
},
|
|
68350
|
-
get targetType() {
|
|
68351
|
-
return get(ctxMenuTargetType);
|
|
68352
|
-
},
|
|
68353
|
-
get targetId() {
|
|
68354
|
-
return get(ctxMenuTargetId);
|
|
68355
|
-
},
|
|
68356
|
-
get targetWall() {
|
|
68357
|
-
return get(ctxMenuWall);
|
|
68358
|
-
},
|
|
68359
|
-
get targetFurniture() {
|
|
68360
|
-
return get(ctxMenuFurniture);
|
|
68361
|
-
},
|
|
68362
|
-
get targetRoom() {
|
|
68363
|
-
return get(ctxMenuRoom);
|
|
68364
|
-
},
|
|
68365
|
-
get clipboard() {
|
|
68366
|
-
return get(clipboard);
|
|
68367
|
-
},
|
|
68368
|
-
onclose: () => {
|
|
68369
|
-
set(ctxMenuVisible, false);
|
|
68370
|
-
},
|
|
68371
|
-
onaction: handleContextMenuAction
|
|
68433
|
+
if_block(node, ($$render) => {
|
|
68434
|
+
if (!$$props.viewOnly) $$render(consequent_20);
|
|
68372
68435
|
});
|
|
68373
68436
|
reset(div);
|
|
68374
|
-
template_effect((
|
|
68437
|
+
template_effect(() => {
|
|
68375
68438
|
var _$$get14;
|
|
68439
|
+
classes = set_class(canvas_1, 1, "block w-full h-full", null, classes, { "pointer-events-none": $$props.viewOnly });
|
|
68440
|
+
set_attribute(canvas_1, "tabindex", $$props.viewOnly ? -1 : 0);
|
|
68376
68441
|
set_style(canvas_1, `cursor: ${(_$$get14 = get(cursorStyle)) !== null && _$$get14 !== void 0 ? _$$get14 : ""}`);
|
|
68377
|
-
|
|
68378
|
-
set_text(text_9, `${get(showGrid) ? "▦" : "▢"} Grid`);
|
|
68379
|
-
set_text(text_10, `${get(currentSnapToGrid) ? "🧲" : "↔"} Snap`);
|
|
68380
|
-
set_text(text_11, `${get(showFurniture) ? "🪑" : "👻"} Furniture`);
|
|
68381
|
-
set_text(text_12, `${get(showRulers) ? "📏" : "📐"} Rulers`);
|
|
68382
|
-
set_text(text_17, `${$1 !== null && $1 !== void 0 ? $1 : ""}%`);
|
|
68383
|
-
}, [() => Math.round(get(zoom) * 100), () => Math.round(get(zoom) * 100)]);
|
|
68442
|
+
});
|
|
68384
68443
|
delegated("mousedown", canvas_1, onMouseDown);
|
|
68385
68444
|
delegated("mousemove", canvas_1, onMouseMove);
|
|
68386
68445
|
delegated("mouseup", canvas_1, onMouseUp);
|
|
@@ -68390,34 +68449,6 @@ function FloorPlanCanvas($$anchor, $$props) {
|
|
|
68390
68449
|
event("dragover", canvas_1, onDragOver);
|
|
68391
68450
|
event("dragleave", canvas_1, onDragLeave);
|
|
68392
68451
|
event("drop", canvas_1, onDrop);
|
|
68393
|
-
delegated("click", button, () => zoomToFit());
|
|
68394
|
-
delegated("click", button_1, () => set(showGrid, !get(showGrid)));
|
|
68395
|
-
delegated("click", button_2, () => projectSettings.update((s) => ({
|
|
68396
|
-
...s,
|
|
68397
|
-
snapToGrid: !s.snapToGrid
|
|
68398
|
-
})));
|
|
68399
|
-
delegated("click", button_3, () => layerVisibility.update((v) => ({
|
|
68400
|
-
...v,
|
|
68401
|
-
furniture: !v.furniture
|
|
68402
|
-
})));
|
|
68403
|
-
delegated("click", button_4, () => set(showLayerPanel, !get(showLayerPanel)));
|
|
68404
|
-
delegated("click", button_5, () => set(showRulers, !get(showRulers)));
|
|
68405
|
-
delegated("click", button_6, () => set(showMinimap, !get(showMinimap)));
|
|
68406
|
-
delegated("click", button_11, () => {
|
|
68407
|
-
const newZoom = Math.max(.1, get(zoom) * .8);
|
|
68408
|
-
const worldCX = (get(width) / 2 - get(width) / 2) / get(zoom) + get(camX);
|
|
68409
|
-
const worldCY = (get(height) / 2 - get(height) / 2) / get(zoom) + get(camY);
|
|
68410
|
-
set(camX, worldCX - (get(width) / 2 - get(width) / 2) / newZoom);
|
|
68411
|
-
set(camY, worldCY - (get(height) / 2 - get(height) / 2) / newZoom);
|
|
68412
|
-
set(zoom, newZoom, true);
|
|
68413
|
-
});
|
|
68414
|
-
delegated("click", button_12, () => {
|
|
68415
|
-
set(zoom, 1);
|
|
68416
|
-
});
|
|
68417
|
-
delegated("click", button_13, () => {
|
|
68418
|
-
set(zoom, Math.min(10, get(zoom) * 1.25), true);
|
|
68419
|
-
});
|
|
68420
|
-
delegated("click", button_14, () => zoomToFit());
|
|
68421
68452
|
append($$anchor, div);
|
|
68422
68453
|
pop();
|
|
68423
68454
|
$$cleanup();
|
|
@@ -68555,7 +68586,7 @@ function alignElements(ids, op) {
|
|
|
68555
68586
|
//#endregion
|
|
68556
68587
|
//#region src/lib/components/editor/AlignmentToolbar.svelte
|
|
68557
68588
|
init_client();
|
|
68558
|
-
var root_3$
|
|
68589
|
+
var root_3$1 = /* @__PURE__ */ from_html(`<div class="w-px h-5 bg-gray-200 mx-0.5"></div>`);
|
|
68559
68590
|
var root_2$2 = /* @__PURE__ */ from_html(`<button class="w-7 h-7 flex items-center justify-center rounded hover:bg-blue-50 text-gray-500 hover:text-blue-600 transition-colors"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path></path></svg></button> <!>`, 1);
|
|
68560
68591
|
var root_1$4 = /* @__PURE__ */ from_html(`<div class="fixed top-16 left-1/2 -translate-x-1/2 z-50 flex items-center gap-0.5 bg-white rounded-lg shadow-lg border border-gray-200 px-1.5 py-1"><span class="text-xs text-gray-400 px-1 select-none"> </span> <div class="w-px h-5 bg-gray-200 mx-0.5"></div> <!></div>`);
|
|
68561
68592
|
function AlignmentToolbar($$anchor, $$props) {
|
|
@@ -68629,7 +68660,7 @@ function AlignmentToolbar($$anchor, $$props) {
|
|
|
68629
68660
|
reset(button);
|
|
68630
68661
|
var node_2 = sibling(button, 2);
|
|
68631
68662
|
var consequent = ($$anchor) => {
|
|
68632
|
-
append($$anchor, root_3$
|
|
68663
|
+
append($$anchor, root_3$1());
|
|
68633
68664
|
};
|
|
68634
68665
|
if_block(node_2, ($$render) => {
|
|
68635
68666
|
if (get(btn).op === "align-right" || get(btn).op === "align-bottom") $$render(consequent);
|
|
@@ -68660,7 +68691,7 @@ delegate(["click"]);
|
|
|
68660
68691
|
//#region src/lib/components/editor/CommandPalette.svelte
|
|
68661
68692
|
init_client();
|
|
68662
68693
|
var root_2$1 = /* @__PURE__ */ from_html(`<div class="px-4 py-6 text-center text-sm text-gray-400">No results found</div>`);
|
|
68663
|
-
var root_4$
|
|
68694
|
+
var root_4$2 = /* @__PURE__ */ from_html(`<div role="option"><span class="text-base w-6 text-center flex-shrink-0"> </span> <span class="flex-1 truncate"> </span> <span class="text-xs text-gray-400 flex-shrink-0"> </span></div>`);
|
|
68664
68695
|
var root_1$3 = /* @__PURE__ */ from_html(`<div class="fixed inset-0 bg-black/40 z-[100] flex justify-center" role="dialog" aria-label="Command Palette"><div class="mt-[15vh] w-full max-w-lg h-fit bg-white rounded-xl shadow-2xl overflow-hidden" role="listbox"><div class="flex items-center gap-2 px-4 py-3 border-b border-gray-200"><span class="text-gray-400 text-lg">🔍</span> <input class="flex-1 bg-transparent outline-none text-sm text-gray-800 placeholder-gray-400" placeholder="Search furniture, tools, actions…" type="text" spellcheck="false"/> <kbd class="text-[10px] px-1.5 py-0.5 bg-gray-100 rounded border border-gray-200 text-gray-400">ESC</kbd></div> <div class="max-h-[50vh] overflow-y-auto"><!></div> <div class="px-4 py-2 border-t border-gray-100 flex items-center gap-3 text-[10px] text-gray-400"><span><kbd class="px-1 py-0.5 bg-gray-100 rounded border border-gray-200">↑↓</kbd> navigate</span> <span><kbd class="px-1 py-0.5 bg-gray-100 rounded border border-gray-200">↵</kbd> select</span> <span><kbd class="px-1 py-0.5 bg-gray-100 rounded border border-gray-200">esc</kbd> close</span></div></div></div>`);
|
|
68665
68696
|
function CommandPalette($$anchor, $$props) {
|
|
68666
68697
|
push($$props, true);
|
|
@@ -68921,7 +68952,7 @@ function CommandPalette($$anchor, $$props) {
|
|
|
68921
68952
|
var alternate = ($$anchor) => {
|
|
68922
68953
|
var fragment_1 = comment();
|
|
68923
68954
|
each(first_child(fragment_1), 17, () => get(results), index$1, ($$anchor, item, i) => {
|
|
68924
|
-
var div_5 = root_4$
|
|
68955
|
+
var div_5 = root_4$2();
|
|
68925
68956
|
let classes;
|
|
68926
68957
|
var span = child(div_5);
|
|
68927
68958
|
var text = child(span, true);
|
|
@@ -68981,8 +69012,8 @@ delegate(["click", "keydown"]);
|
|
|
68981
69012
|
init_client();
|
|
68982
69013
|
init_index_client();
|
|
68983
69014
|
var root_2 = /* @__PURE__ */ from_html(`<option> </option>`);
|
|
68984
|
-
var root_4 = /* @__PURE__ */ from_html(`<div class="flex justify-between"><span class="text-slate-600"> </span> <span class="text-slate-800 font-medium ml-2"> </span></div>`);
|
|
68985
|
-
var root_3
|
|
69015
|
+
var root_4$1 = /* @__PURE__ */ from_html(`<div class="flex justify-between"><span class="text-slate-600"> </span> <span class="text-slate-800 font-medium ml-2"> </span></div>`);
|
|
69016
|
+
var root_3 = /* @__PURE__ */ from_html(`<div class="border-t border-slate-300 pt-3 mt-2 print-legend"><h3 class="text-xs font-bold text-slate-700 uppercase tracking-wide mb-2">Room Schedule</h3> <div class="grid grid-cols-3 gap-x-6 gap-y-1 text-xs"></div></div>`);
|
|
68986
69017
|
var root_1$2 = /* @__PURE__ */ from_html(`<div class="fixed inset-0 bg-black/60 z-[100] flex items-start justify-center overflow-auto print-overlay-backdrop"><div class="fixed top-0 left-0 right-0 bg-slate-800 text-white px-6 py-3 flex items-center gap-4 z-[101] print-hide"><h3 class="font-semibold text-sm">Print Preview</h3> <div class="h-4 w-px bg-white/20"></div> <label class="text-xs text-white/70">Page: <select class="ml-1 bg-slate-700 text-white text-xs rounded px-2 py-1 border border-slate-600"><option>Letter</option><option>A4</option></select></label> <label class="text-xs text-white/70">Orientation: <select class="ml-1 bg-slate-700 text-white text-xs rounded px-2 py-1 border border-slate-600"><option>Landscape</option><option>Portrait</option></select></label> <label class="text-xs text-white/70">Scale: <select class="ml-1 bg-slate-700 text-white text-xs rounded px-2 py-1 border border-slate-600"></select></label> <div class="flex-1"></div> <button class="px-4 py-1.5 bg-blue-500 hover:bg-blue-600 text-white text-sm font-semibold rounded-lg transition-colors flex items-center gap-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 6 2 18 2 18 9"></polyline><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path><rect x="6" y="14" width="12" height="8"></rect></svg> Print</button> <button class="px-3 py-1.5 text-white/70 hover:text-white text-sm transition-colors">✕ Close</button></div> <div><div class="border-b-2 border-slate-800 pb-3 mb-4 flex items-end justify-between print-title-block"><div><h1 class="text-xl font-bold text-slate-800"> </h1> <p class="text-sm text-slate-500"> </p></div> <div class="text-right text-xs text-slate-500"><p class="font-semibold text-slate-700"> </p> <p> </p></div></div> <div class="flex-1 relative print-canvas-container svelte-67xe6d"><canvas class="w-full svelte-67xe6d" style="height: calc(100% - 20px);"></canvas> <div class="absolute top-2 right-2 print-north-arrow"><svg width="40" height="40" viewBox="0 0 40 40"><polygon points="20,2 24,16 20,12 16,16" fill="#1e293b"></polygon><polygon points="20,38 24,24 20,28 16,24" fill="#94a3b8"></polygon><text x="20" y="10" text-anchor="middle" fill="#1e293b" font-size="8" font-weight="bold">N</text></svg></div> <div class="absolute bottom-1 left-2 flex items-center gap-2 text-[10px] text-slate-600 print-scale-bar"><div class="flex items-end gap-0"><div class="w-12 h-1 bg-slate-800"></div> <div class="w-12 h-1 bg-slate-400"></div></div> <span> </span></div></div> <!> <div class="border-t border-slate-200 pt-2 mt-3 flex justify-between text-[9px] text-slate-400 print-footer"><span>Generated by Open3D Floorplan</span> <span>Page 1 of 1</span></div></div></div>`);
|
|
68987
69018
|
function PrintLayout($$anchor, $$props) {
|
|
68988
69019
|
push($$props, true);
|
|
@@ -69256,10 +69287,10 @@ function PrintLayout($$anchor, $$props) {
|
|
|
69256
69287
|
reset(div_6);
|
|
69257
69288
|
var node_1 = sibling(div_6, 2);
|
|
69258
69289
|
var consequent = ($$anchor) => {
|
|
69259
|
-
var div_8 = root_3
|
|
69290
|
+
var div_8 = root_3();
|
|
69260
69291
|
var div_9 = sibling(child(div_8), 2);
|
|
69261
69292
|
each(div_9, 21, getRooms, index$1, ($$anchor, room) => {
|
|
69262
|
-
var div_10 = root_4();
|
|
69293
|
+
var div_10 = root_4$1();
|
|
69263
69294
|
var span_1 = child(div_10);
|
|
69264
69295
|
var text_6 = child(span_1, true);
|
|
69265
69296
|
reset(span_1);
|
|
@@ -69394,10 +69425,10 @@ delegate(["click"]);
|
|
|
69394
69425
|
//#region src/App.svelte
|
|
69395
69426
|
init_client();
|
|
69396
69427
|
init_index_client();
|
|
69397
|
-
var
|
|
69398
|
-
var
|
|
69399
|
-
var root_1 = /* @__PURE__ */ from_html(`<div class="h-
|
|
69400
|
-
var
|
|
69428
|
+
var root_4 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
|
|
69429
|
+
var root_7 = /* @__PURE__ */ from_html(`<div class="fixed inset-0 bg-black/50 flex items-center justify-center z-50" role="dialog" tabindex="-1" aria-label="Keyboard Shortcuts"><div class="bg-white rounded-2xl shadow-2xl max-w-2xl w-full mx-4 max-h-[85vh] flex flex-col" role="document"><div class="flex items-center justify-between px-6 pt-5 pb-3 border-b border-gray-100"><div class="flex items-center gap-2"><svg class="w-5 h-5 text-slate-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707"></path></svg> <h2 class="text-lg font-bold text-slate-800">Keyboard Shortcuts</h2></div> <div class="flex items-center gap-2"><button class="text-xs px-3 py-1.5 rounded-lg bg-slate-100 hover:bg-slate-200 text-slate-600 hover:text-slate-800 transition-colors flex items-center gap-1.5" aria-label="Copy all shortcuts"><svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path></svg> Copy All</button> <button class="text-gray-400 hover:text-gray-600 text-xl leading-none" aria-label="Close shortcuts">✕</button></div></div> <div class="overflow-y-auto px-6 py-4"><div class="grid grid-cols-2 gap-x-8 gap-y-0 text-sm"><div><div class="flex items-center gap-2 mb-2"><span class="text-xs font-bold uppercase tracking-wider text-indigo-500">Tools</span> <div class="flex-1 h-px bg-indigo-100"></div></div> <div class="space-y-1.5 mb-5"><div class="flex justify-between"><span class="text-gray-600">Select tool</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">V</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Wall tool</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">W</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Door tool</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">D</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Pan mode</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">H</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Measure tool</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">M</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Annotate tool</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">N</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Text tool</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">T</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Toggle snap</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">S</kbd></div></div> <div class="flex items-center gap-2 mb-2"><span class="text-xs font-bold uppercase tracking-wider text-amber-500">Edit</span> <div class="flex-1 h-px bg-amber-100"></div></div> <div class="space-y-1.5 mb-5"><div class="flex justify-between"><span class="text-gray-600">Undo</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">Ctrl+Z</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Redo</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">Ctrl+Y</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Copy</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">Ctrl+C</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Paste</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">Ctrl+V</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Select all</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">Ctrl+A</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Deselect all</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">Ctrl+D</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Save project</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">Ctrl+S</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Cancel / Deselect</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">Esc</kbd></div></div></div> <div><div class="flex items-center gap-2 mb-2"><span class="text-xs font-bold uppercase tracking-wider text-emerald-500">Elements</span> <div class="flex-1 h-px bg-emerald-100"></div></div> <div class="space-y-1.5 mb-5"><div class="flex justify-between"><span class="text-gray-600">Rotate element</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">R</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Delete selected</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">Del</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Lock / Unlock</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">Ctrl+L</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Group selection</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">Ctrl+G</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Ungroup</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">Ctrl+⇧+G</kbd></div></div> <div class="flex items-center gap-2 mb-2"><span class="text-xs font-bold uppercase tracking-wider text-blue-500">View</span> <div class="flex-1 h-px bg-blue-100"></div></div> <div class="space-y-1.5 mb-5"><div class="flex justify-between"><span class="text-gray-600">Toggle 2D / 3D</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">Tab</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Zoom to fit</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">F</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Toggle grid</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">G</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Toggle layers</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">L</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Show shortcuts</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">?</kbd></div></div> <div class="flex items-center gap-2 mb-2"><span class="text-xs font-bold uppercase tracking-wider text-purple-500">Canvas</span> <div class="flex-1 h-px bg-purple-100"></div></div> <div class="space-y-1.5 mb-5"><div class="flex justify-between"><span class="text-gray-600">Zoom in / out</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">Scroll</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Zoom in / out</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">+ / −</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Pan canvas</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">Space+Drag</kbd></div></div> <div class="flex items-center gap-2 mb-2"><span class="text-xs font-bold uppercase tracking-wider text-rose-500">Walls</span> <div class="flex-1 h-px bg-rose-100"></div></div> <div class="space-y-1.5"><div class="flex justify-between"><span class="text-gray-600">Finish wall chain</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">Dbl-click</kbd></div> <div class="flex justify-between"><span class="text-gray-600">Close wall loop</span><kbd class="px-1.5 py-0.5 bg-gray-100 rounded text-xs font-mono text-slate-700 border border-gray-200">C</kbd></div></div></div></div></div> <div class="px-6 py-3 border-t border-gray-100 text-center"><p class="text-xs text-gray-400">Press <kbd class="px-1 py-0.5 bg-gray-100 rounded text-xs font-mono border border-gray-200">?</kbd> or <kbd class="px-1 py-0.5 bg-gray-100 rounded text-xs font-mono border border-gray-200">Esc</kbd> to close</p></div></div></div>`);
|
|
69430
|
+
var root_1 = /* @__PURE__ */ from_html(`<div class="h-full flex flex-col overflow-hidden"><!> <div class="flex flex-1 overflow-hidden"><!> <div class="flex-1 min-w-0 relative"><!></div> <!> <!></div></div> <!> <!> <!> <!> <!>`, 1);
|
|
69431
|
+
var root_8 = /* @__PURE__ */ from_html(`<div class="h-screen flex items-center justify-center"><p class="text-gray-400">Loading...</p></div>`);
|
|
69401
69432
|
function App($$anchor, $$props) {
|
|
69402
69433
|
var _$$props$stores, _$$props$stores2;
|
|
69403
69434
|
push($$props, true);
|
|
@@ -69417,256 +69448,256 @@ function App($$anchor, $$props) {
|
|
|
69417
69448
|
});
|
|
69418
69449
|
user_effect(() => {
|
|
69419
69450
|
currentProject.set({
|
|
69420
|
-
|
|
69421
|
-
|
|
69422
|
-
|
|
69423
|
-
|
|
69424
|
-
|
|
69425
|
-
|
|
69426
|
-
|
|
69451
|
+
id: "0retn2ek",
|
|
69452
|
+
name: "L-Shaped House",
|
|
69453
|
+
floors: [{
|
|
69454
|
+
id: "1fg6pga0",
|
|
69455
|
+
name: "Ground Floor",
|
|
69456
|
+
level: 0,
|
|
69457
|
+
walls: [
|
|
69427
69458
|
{
|
|
69428
|
-
|
|
69429
|
-
|
|
69430
|
-
|
|
69431
|
-
|
|
69459
|
+
id: "lg5h806h",
|
|
69460
|
+
start: {
|
|
69461
|
+
x: 0,
|
|
69462
|
+
y: 0
|
|
69432
69463
|
},
|
|
69433
|
-
|
|
69434
|
-
|
|
69435
|
-
|
|
69464
|
+
end: {
|
|
69465
|
+
x: 1400,
|
|
69466
|
+
y: 0
|
|
69436
69467
|
},
|
|
69437
|
-
|
|
69438
|
-
|
|
69439
|
-
|
|
69468
|
+
thickness: 15,
|
|
69469
|
+
height: 280,
|
|
69470
|
+
color: "#444444"
|
|
69440
69471
|
},
|
|
69441
69472
|
{
|
|
69442
|
-
|
|
69443
|
-
|
|
69444
|
-
|
|
69445
|
-
|
|
69473
|
+
id: "whcf9cv2",
|
|
69474
|
+
start: {
|
|
69475
|
+
x: 1400,
|
|
69476
|
+
y: 0
|
|
69446
69477
|
},
|
|
69447
|
-
|
|
69448
|
-
|
|
69449
|
-
|
|
69478
|
+
end: {
|
|
69479
|
+
x: 1400,
|
|
69480
|
+
y: 600
|
|
69450
69481
|
},
|
|
69451
|
-
|
|
69452
|
-
|
|
69453
|
-
|
|
69482
|
+
thickness: 15,
|
|
69483
|
+
height: 280,
|
|
69484
|
+
color: "#444444"
|
|
69454
69485
|
},
|
|
69455
69486
|
{
|
|
69456
|
-
|
|
69457
|
-
|
|
69458
|
-
|
|
69459
|
-
|
|
69487
|
+
id: "phvbebmu",
|
|
69488
|
+
start: {
|
|
69489
|
+
x: 1400,
|
|
69490
|
+
y: 600
|
|
69460
69491
|
},
|
|
69461
|
-
|
|
69462
|
-
|
|
69463
|
-
|
|
69492
|
+
end: {
|
|
69493
|
+
x: 600,
|
|
69494
|
+
y: 600
|
|
69464
69495
|
},
|
|
69465
|
-
|
|
69466
|
-
|
|
69467
|
-
|
|
69496
|
+
thickness: 15,
|
|
69497
|
+
height: 280,
|
|
69498
|
+
color: "#444444"
|
|
69468
69499
|
},
|
|
69469
69500
|
{
|
|
69470
|
-
|
|
69471
|
-
|
|
69472
|
-
|
|
69473
|
-
|
|
69501
|
+
id: "xaxhdtmi",
|
|
69502
|
+
start: {
|
|
69503
|
+
x: 600,
|
|
69504
|
+
y: 600
|
|
69474
69505
|
},
|
|
69475
|
-
|
|
69476
|
-
|
|
69477
|
-
|
|
69506
|
+
end: {
|
|
69507
|
+
x: 600,
|
|
69508
|
+
y: 1100
|
|
69478
69509
|
},
|
|
69479
|
-
|
|
69480
|
-
|
|
69481
|
-
|
|
69510
|
+
thickness: 15,
|
|
69511
|
+
height: 280,
|
|
69512
|
+
color: "#444444"
|
|
69482
69513
|
},
|
|
69483
69514
|
{
|
|
69484
|
-
|
|
69485
|
-
|
|
69486
|
-
|
|
69487
|
-
|
|
69515
|
+
id: "cs1poy28",
|
|
69516
|
+
start: {
|
|
69517
|
+
x: 600,
|
|
69518
|
+
y: 1100
|
|
69488
69519
|
},
|
|
69489
|
-
|
|
69490
|
-
|
|
69491
|
-
|
|
69520
|
+
end: {
|
|
69521
|
+
x: 0,
|
|
69522
|
+
y: 1100
|
|
69492
69523
|
},
|
|
69493
|
-
|
|
69494
|
-
|
|
69495
|
-
|
|
69524
|
+
thickness: 15,
|
|
69525
|
+
height: 280,
|
|
69526
|
+
color: "#444444"
|
|
69496
69527
|
},
|
|
69497
69528
|
{
|
|
69498
|
-
|
|
69499
|
-
|
|
69500
|
-
|
|
69501
|
-
|
|
69529
|
+
id: "irjmbyqg",
|
|
69530
|
+
start: {
|
|
69531
|
+
x: 0,
|
|
69532
|
+
y: 1100
|
|
69502
69533
|
},
|
|
69503
|
-
|
|
69504
|
-
|
|
69505
|
-
|
|
69534
|
+
end: {
|
|
69535
|
+
x: 0,
|
|
69536
|
+
y: 0
|
|
69506
69537
|
},
|
|
69507
|
-
|
|
69508
|
-
|
|
69509
|
-
|
|
69538
|
+
thickness: 15,
|
|
69539
|
+
height: 280,
|
|
69540
|
+
color: "#444444"
|
|
69510
69541
|
},
|
|
69511
69542
|
{
|
|
69512
|
-
|
|
69513
|
-
|
|
69514
|
-
|
|
69515
|
-
|
|
69543
|
+
id: "n45rb09q",
|
|
69544
|
+
start: {
|
|
69545
|
+
x: 350,
|
|
69546
|
+
y: 600
|
|
69516
69547
|
},
|
|
69517
|
-
|
|
69518
|
-
|
|
69519
|
-
|
|
69548
|
+
end: {
|
|
69549
|
+
x: 350,
|
|
69550
|
+
y: 1100
|
|
69520
69551
|
},
|
|
69521
|
-
|
|
69522
|
-
|
|
69523
|
-
|
|
69552
|
+
thickness: 15,
|
|
69553
|
+
height: 280,
|
|
69554
|
+
color: "#444444"
|
|
69524
69555
|
},
|
|
69525
69556
|
{
|
|
69526
|
-
|
|
69527
|
-
|
|
69528
|
-
|
|
69529
|
-
|
|
69557
|
+
id: "mrcejzip",
|
|
69558
|
+
start: {
|
|
69559
|
+
x: 0,
|
|
69560
|
+
y: 600
|
|
69530
69561
|
},
|
|
69531
|
-
|
|
69532
|
-
|
|
69533
|
-
|
|
69562
|
+
end: {
|
|
69563
|
+
x: 350,
|
|
69564
|
+
y: 600
|
|
69534
69565
|
},
|
|
69535
|
-
|
|
69536
|
-
|
|
69537
|
-
|
|
69566
|
+
thickness: 15,
|
|
69567
|
+
height: 280,
|
|
69568
|
+
color: "#444444"
|
|
69538
69569
|
},
|
|
69539
69570
|
{
|
|
69540
|
-
|
|
69541
|
-
|
|
69542
|
-
|
|
69543
|
-
|
|
69571
|
+
id: "s0j86ogg",
|
|
69572
|
+
start: {
|
|
69573
|
+
x: 400,
|
|
69574
|
+
y: 0
|
|
69544
69575
|
},
|
|
69545
|
-
|
|
69546
|
-
|
|
69547
|
-
|
|
69576
|
+
end: {
|
|
69577
|
+
x: 400,
|
|
69578
|
+
y: 350
|
|
69548
69579
|
},
|
|
69549
|
-
|
|
69550
|
-
|
|
69551
|
-
|
|
69580
|
+
thickness: 15,
|
|
69581
|
+
height: 280,
|
|
69582
|
+
color: "#444444"
|
|
69552
69583
|
},
|
|
69553
69584
|
{
|
|
69554
|
-
|
|
69555
|
-
|
|
69556
|
-
|
|
69557
|
-
|
|
69585
|
+
id: "9779xycw",
|
|
69586
|
+
start: {
|
|
69587
|
+
x: 0,
|
|
69588
|
+
y: 350
|
|
69558
69589
|
},
|
|
69559
|
-
|
|
69560
|
-
|
|
69561
|
-
|
|
69590
|
+
end: {
|
|
69591
|
+
x: 400,
|
|
69592
|
+
y: 350
|
|
69562
69593
|
},
|
|
69563
|
-
|
|
69564
|
-
|
|
69565
|
-
|
|
69594
|
+
thickness: 15,
|
|
69595
|
+
height: 280,
|
|
69596
|
+
color: "#444444"
|
|
69566
69597
|
},
|
|
69567
69598
|
{
|
|
69568
|
-
|
|
69569
|
-
|
|
69570
|
-
|
|
69571
|
-
|
|
69599
|
+
id: "epl8xjo0",
|
|
69600
|
+
start: {
|
|
69601
|
+
x: 800,
|
|
69602
|
+
y: 0
|
|
69572
69603
|
},
|
|
69573
|
-
|
|
69574
|
-
|
|
69575
|
-
|
|
69604
|
+
end: {
|
|
69605
|
+
x: 800,
|
|
69606
|
+
y: 350
|
|
69576
69607
|
},
|
|
69577
|
-
|
|
69578
|
-
|
|
69579
|
-
|
|
69608
|
+
thickness: 15,
|
|
69609
|
+
height: 280,
|
|
69610
|
+
color: "#444444"
|
|
69580
69611
|
},
|
|
69581
69612
|
{
|
|
69582
|
-
|
|
69583
|
-
|
|
69584
|
-
|
|
69585
|
-
|
|
69613
|
+
id: "pw24r5jz",
|
|
69614
|
+
start: {
|
|
69615
|
+
x: 400,
|
|
69616
|
+
y: 350
|
|
69586
69617
|
},
|
|
69587
|
-
|
|
69588
|
-
|
|
69589
|
-
|
|
69618
|
+
end: {
|
|
69619
|
+
x: 800,
|
|
69620
|
+
y: 350
|
|
69590
69621
|
},
|
|
69591
|
-
|
|
69592
|
-
|
|
69593
|
-
|
|
69622
|
+
thickness: 15,
|
|
69623
|
+
height: 280,
|
|
69624
|
+
color: "#444444"
|
|
69594
69625
|
},
|
|
69595
69626
|
{
|
|
69596
|
-
|
|
69597
|
-
|
|
69598
|
-
|
|
69599
|
-
|
|
69627
|
+
id: "xvghl92m",
|
|
69628
|
+
start: {
|
|
69629
|
+
x: 800,
|
|
69630
|
+
y: 350
|
|
69600
69631
|
},
|
|
69601
|
-
|
|
69602
|
-
|
|
69603
|
-
|
|
69632
|
+
end: {
|
|
69633
|
+
x: 1400,
|
|
69634
|
+
y: 350
|
|
69604
69635
|
},
|
|
69605
|
-
|
|
69606
|
-
|
|
69607
|
-
|
|
69636
|
+
thickness: 15,
|
|
69637
|
+
height: 280,
|
|
69638
|
+
color: "#444444"
|
|
69608
69639
|
},
|
|
69609
69640
|
{
|
|
69610
|
-
|
|
69611
|
-
|
|
69612
|
-
|
|
69613
|
-
|
|
69641
|
+
id: "j5kb9mas",
|
|
69642
|
+
start: {
|
|
69643
|
+
x: 200,
|
|
69644
|
+
y: 350
|
|
69614
69645
|
},
|
|
69615
|
-
|
|
69616
|
-
|
|
69617
|
-
|
|
69646
|
+
end: {
|
|
69647
|
+
x: 200,
|
|
69648
|
+
y: 600
|
|
69618
69649
|
},
|
|
69619
|
-
|
|
69620
|
-
|
|
69621
|
-
|
|
69650
|
+
thickness: 15,
|
|
69651
|
+
height: 280,
|
|
69652
|
+
color: "#444444"
|
|
69622
69653
|
},
|
|
69623
69654
|
{
|
|
69624
|
-
|
|
69625
|
-
|
|
69626
|
-
|
|
69627
|
-
|
|
69655
|
+
id: "lryeizdx",
|
|
69656
|
+
start: {
|
|
69657
|
+
x: 0,
|
|
69658
|
+
y: 600
|
|
69628
69659
|
},
|
|
69629
|
-
|
|
69630
|
-
|
|
69631
|
-
|
|
69660
|
+
end: {
|
|
69661
|
+
x: 200,
|
|
69662
|
+
y: 600
|
|
69632
69663
|
},
|
|
69633
|
-
|
|
69634
|
-
|
|
69635
|
-
|
|
69664
|
+
thickness: 15,
|
|
69665
|
+
height: 280,
|
|
69666
|
+
color: "#444444"
|
|
69636
69667
|
},
|
|
69637
69668
|
{
|
|
69638
|
-
|
|
69639
|
-
|
|
69640
|
-
|
|
69641
|
-
|
|
69669
|
+
id: "zp1xe5hf",
|
|
69670
|
+
start: {
|
|
69671
|
+
x: 1e3,
|
|
69672
|
+
y: 350
|
|
69642
69673
|
},
|
|
69643
|
-
|
|
69644
|
-
|
|
69645
|
-
|
|
69674
|
+
end: {
|
|
69675
|
+
x: 1e3,
|
|
69676
|
+
y: 600
|
|
69646
69677
|
},
|
|
69647
|
-
|
|
69648
|
-
|
|
69649
|
-
|
|
69678
|
+
thickness: 15,
|
|
69679
|
+
height: 280,
|
|
69680
|
+
color: "#444444"
|
|
69650
69681
|
},
|
|
69651
69682
|
{
|
|
69652
|
-
|
|
69653
|
-
|
|
69654
|
-
|
|
69655
|
-
|
|
69683
|
+
id: "2cvf9bma",
|
|
69684
|
+
start: {
|
|
69685
|
+
x: 200,
|
|
69686
|
+
y: 350
|
|
69656
69687
|
},
|
|
69657
|
-
|
|
69658
|
-
|
|
69659
|
-
|
|
69688
|
+
end: {
|
|
69689
|
+
x: 200,
|
|
69690
|
+
y: 600
|
|
69660
69691
|
},
|
|
69661
|
-
|
|
69662
|
-
|
|
69663
|
-
|
|
69692
|
+
thickness: 15,
|
|
69693
|
+
height: 280,
|
|
69694
|
+
color: "#444444"
|
|
69664
69695
|
}
|
|
69665
69696
|
],
|
|
69666
|
-
|
|
69667
|
-
|
|
69668
|
-
|
|
69669
|
-
|
|
69697
|
+
rooms: [{
|
|
69698
|
+
id: "room-1-1776067835920",
|
|
69699
|
+
name: "Room 1",
|
|
69700
|
+
walls: [
|
|
69670
69701
|
"lg5h806h",
|
|
69671
69702
|
"whcf9cv2",
|
|
69672
69703
|
"phvbebmu",
|
|
@@ -69674,12 +69705,12 @@ function App($$anchor, $$props) {
|
|
|
69674
69705
|
"cs1poy28",
|
|
69675
69706
|
"irjmbyqg"
|
|
69676
69707
|
],
|
|
69677
|
-
|
|
69678
|
-
|
|
69708
|
+
floorTexture: "hardwood",
|
|
69709
|
+
area: 114
|
|
69679
69710
|
}, {
|
|
69680
|
-
|
|
69681
|
-
|
|
69682
|
-
|
|
69711
|
+
id: "room-6-1776067835920",
|
|
69712
|
+
name: "Room 6",
|
|
69713
|
+
walls: [
|
|
69683
69714
|
"phvbebmu",
|
|
69684
69715
|
"zp1xe5hf",
|
|
69685
69716
|
"xvghl92m",
|
|
@@ -69691,379 +69722,379 @@ function App($$anchor, $$props) {
|
|
|
69691
69722
|
"cs1poy28",
|
|
69692
69723
|
"xaxhdtmi"
|
|
69693
69724
|
],
|
|
69694
|
-
|
|
69695
|
-
|
|
69725
|
+
floorTexture: "light-oak",
|
|
69726
|
+
area: 32.5
|
|
69696
69727
|
}],
|
|
69697
|
-
|
|
69728
|
+
doors: [
|
|
69698
69729
|
{
|
|
69699
|
-
|
|
69700
|
-
|
|
69701
|
-
|
|
69702
|
-
|
|
69703
|
-
|
|
69704
|
-
|
|
69705
|
-
|
|
69706
|
-
|
|
69730
|
+
id: "ri02cnm3",
|
|
69731
|
+
wallId: "phvbebmu",
|
|
69732
|
+
position: .8,
|
|
69733
|
+
width: 90,
|
|
69734
|
+
height: 210,
|
|
69735
|
+
type: "single",
|
|
69736
|
+
swingDirection: "left",
|
|
69737
|
+
flipSide: false
|
|
69707
69738
|
},
|
|
69708
69739
|
{
|
|
69709
|
-
|
|
69710
|
-
|
|
69711
|
-
|
|
69712
|
-
|
|
69713
|
-
|
|
69714
|
-
|
|
69715
|
-
|
|
69716
|
-
|
|
69740
|
+
id: "5vzer8y2",
|
|
69741
|
+
wallId: "mrcejzip",
|
|
69742
|
+
position: .5,
|
|
69743
|
+
width: 300,
|
|
69744
|
+
height: 210,
|
|
69745
|
+
type: "double",
|
|
69746
|
+
swingDirection: "left",
|
|
69747
|
+
flipSide: false
|
|
69717
69748
|
},
|
|
69718
69749
|
{
|
|
69719
|
-
|
|
69720
|
-
|
|
69721
|
-
|
|
69722
|
-
|
|
69723
|
-
|
|
69724
|
-
|
|
69725
|
-
|
|
69726
|
-
|
|
69750
|
+
id: "djdsr69e",
|
|
69751
|
+
wallId: "9779xycw",
|
|
69752
|
+
position: .6,
|
|
69753
|
+
width: 90,
|
|
69754
|
+
height: 210,
|
|
69755
|
+
type: "single",
|
|
69756
|
+
swingDirection: "left",
|
|
69757
|
+
flipSide: false
|
|
69727
69758
|
},
|
|
69728
69759
|
{
|
|
69729
|
-
|
|
69730
|
-
|
|
69731
|
-
|
|
69732
|
-
|
|
69733
|
-
|
|
69734
|
-
|
|
69735
|
-
|
|
69736
|
-
|
|
69760
|
+
id: "q7q6yxj5",
|
|
69761
|
+
wallId: "pw24r5jz",
|
|
69762
|
+
position: .5,
|
|
69763
|
+
width: 90,
|
|
69764
|
+
height: 210,
|
|
69765
|
+
type: "single",
|
|
69766
|
+
swingDirection: "left",
|
|
69767
|
+
flipSide: false
|
|
69737
69768
|
},
|
|
69738
69769
|
{
|
|
69739
|
-
|
|
69740
|
-
|
|
69741
|
-
|
|
69742
|
-
|
|
69743
|
-
|
|
69744
|
-
|
|
69745
|
-
|
|
69746
|
-
|
|
69770
|
+
id: "trlthzki",
|
|
69771
|
+
wallId: "xvghl92m",
|
|
69772
|
+
position: .3,
|
|
69773
|
+
width: 90,
|
|
69774
|
+
height: 210,
|
|
69775
|
+
type: "single",
|
|
69776
|
+
swingDirection: "left",
|
|
69777
|
+
flipSide: false
|
|
69747
69778
|
},
|
|
69748
69779
|
{
|
|
69749
|
-
|
|
69750
|
-
|
|
69751
|
-
|
|
69752
|
-
|
|
69753
|
-
|
|
69754
|
-
|
|
69755
|
-
|
|
69756
|
-
|
|
69780
|
+
id: "cftusuau",
|
|
69781
|
+
wallId: "j5kb9mas",
|
|
69782
|
+
position: .5,
|
|
69783
|
+
width: 90,
|
|
69784
|
+
height: 210,
|
|
69785
|
+
type: "single",
|
|
69786
|
+
swingDirection: "left",
|
|
69787
|
+
flipSide: false
|
|
69757
69788
|
},
|
|
69758
69789
|
{
|
|
69759
|
-
|
|
69760
|
-
|
|
69761
|
-
|
|
69762
|
-
|
|
69763
|
-
|
|
69764
|
-
|
|
69765
|
-
|
|
69766
|
-
|
|
69790
|
+
id: "ffwybstc",
|
|
69791
|
+
wallId: "zp1xe5hf",
|
|
69792
|
+
position: .5,
|
|
69793
|
+
width: 90,
|
|
69794
|
+
height: 210,
|
|
69795
|
+
type: "single",
|
|
69796
|
+
swingDirection: "left",
|
|
69797
|
+
flipSide: false
|
|
69767
69798
|
},
|
|
69768
69799
|
{
|
|
69769
|
-
|
|
69770
|
-
|
|
69771
|
-
|
|
69772
|
-
|
|
69773
|
-
|
|
69774
|
-
|
|
69775
|
-
|
|
69776
|
-
|
|
69800
|
+
id: "zbqvbt3e",
|
|
69801
|
+
wallId: "n45rb09q",
|
|
69802
|
+
position: .3,
|
|
69803
|
+
width: 90,
|
|
69804
|
+
height: 210,
|
|
69805
|
+
type: "single",
|
|
69806
|
+
swingDirection: "left",
|
|
69807
|
+
flipSide: false
|
|
69777
69808
|
}
|
|
69778
69809
|
],
|
|
69779
|
-
|
|
69810
|
+
windows: [
|
|
69780
69811
|
{
|
|
69781
|
-
|
|
69782
|
-
|
|
69783
|
-
|
|
69784
|
-
|
|
69785
|
-
|
|
69786
|
-
|
|
69787
|
-
|
|
69812
|
+
id: "str62d0g",
|
|
69813
|
+
wallId: "lg5h806h",
|
|
69814
|
+
position: .15,
|
|
69815
|
+
width: 140,
|
|
69816
|
+
height: 120,
|
|
69817
|
+
sillHeight: 90,
|
|
69818
|
+
type: "standard"
|
|
69788
69819
|
},
|
|
69789
69820
|
{
|
|
69790
|
-
|
|
69791
|
-
|
|
69792
|
-
|
|
69793
|
-
|
|
69794
|
-
|
|
69795
|
-
|
|
69796
|
-
|
|
69821
|
+
id: "rhl9pa6k",
|
|
69822
|
+
wallId: "lg5h806h",
|
|
69823
|
+
position: .45,
|
|
69824
|
+
width: 140,
|
|
69825
|
+
height: 120,
|
|
69826
|
+
sillHeight: 90,
|
|
69827
|
+
type: "standard"
|
|
69797
69828
|
},
|
|
69798
69829
|
{
|
|
69799
|
-
|
|
69800
|
-
|
|
69801
|
-
|
|
69802
|
-
|
|
69803
|
-
|
|
69804
|
-
|
|
69805
|
-
|
|
69830
|
+
id: "lg4nh0s5",
|
|
69831
|
+
wallId: "lg5h806h",
|
|
69832
|
+
position: .8,
|
|
69833
|
+
width: 140,
|
|
69834
|
+
height: 120,
|
|
69835
|
+
sillHeight: 90,
|
|
69836
|
+
type: "standard"
|
|
69806
69837
|
},
|
|
69807
69838
|
{
|
|
69808
|
-
|
|
69809
|
-
|
|
69810
|
-
|
|
69811
|
-
|
|
69812
|
-
|
|
69813
|
-
|
|
69814
|
-
|
|
69839
|
+
id: "8bpiebl6",
|
|
69840
|
+
wallId: "whcf9cv2",
|
|
69841
|
+
position: .3,
|
|
69842
|
+
width: 120,
|
|
69843
|
+
height: 120,
|
|
69844
|
+
sillHeight: 90,
|
|
69845
|
+
type: "standard"
|
|
69815
69846
|
},
|
|
69816
69847
|
{
|
|
69817
|
-
|
|
69818
|
-
|
|
69819
|
-
|
|
69820
|
-
|
|
69821
|
-
|
|
69822
|
-
|
|
69823
|
-
|
|
69848
|
+
id: "nqvio771",
|
|
69849
|
+
wallId: "whcf9cv2",
|
|
69850
|
+
position: .7,
|
|
69851
|
+
width: 180,
|
|
69852
|
+
height: 120,
|
|
69853
|
+
sillHeight: 90,
|
|
69854
|
+
type: "standard"
|
|
69824
69855
|
},
|
|
69825
69856
|
{
|
|
69826
|
-
|
|
69827
|
-
|
|
69828
|
-
|
|
69829
|
-
|
|
69830
|
-
|
|
69831
|
-
|
|
69832
|
-
|
|
69857
|
+
id: "4wfq1m5b",
|
|
69858
|
+
wallId: "cs1poy28",
|
|
69859
|
+
position: .7,
|
|
69860
|
+
width: 150,
|
|
69861
|
+
height: 120,
|
|
69862
|
+
sillHeight: 90,
|
|
69863
|
+
type: "standard"
|
|
69833
69864
|
},
|
|
69834
69865
|
{
|
|
69835
|
-
|
|
69836
|
-
|
|
69837
|
-
|
|
69838
|
-
|
|
69839
|
-
|
|
69840
|
-
|
|
69841
|
-
|
|
69866
|
+
id: "uy5t0vr6",
|
|
69867
|
+
wallId: "irjmbyqg",
|
|
69868
|
+
position: .1,
|
|
69869
|
+
width: 120,
|
|
69870
|
+
height: 120,
|
|
69871
|
+
sillHeight: 90,
|
|
69872
|
+
type: "standard"
|
|
69842
69873
|
}
|
|
69843
69874
|
],
|
|
69844
|
-
|
|
69875
|
+
furniture: [
|
|
69845
69876
|
{
|
|
69846
|
-
|
|
69847
|
-
|
|
69848
|
-
|
|
69849
|
-
|
|
69850
|
-
|
|
69877
|
+
id: "3s34714b",
|
|
69878
|
+
catalogId: "bed_queen",
|
|
69879
|
+
position: {
|
|
69880
|
+
x: 150,
|
|
69881
|
+
y: 120
|
|
69851
69882
|
},
|
|
69852
|
-
|
|
69853
|
-
|
|
69854
|
-
|
|
69855
|
-
|
|
69856
|
-
|
|
69883
|
+
rotation: 0,
|
|
69884
|
+
scale: {
|
|
69885
|
+
x: 1,
|
|
69886
|
+
y: 1,
|
|
69887
|
+
z: 1
|
|
69857
69888
|
}
|
|
69858
69889
|
},
|
|
69859
69890
|
{
|
|
69860
|
-
|
|
69861
|
-
|
|
69862
|
-
|
|
69863
|
-
|
|
69864
|
-
|
|
69891
|
+
id: "vy1dh1df",
|
|
69892
|
+
catalogId: "bed_queen",
|
|
69893
|
+
position: {
|
|
69894
|
+
x: 550,
|
|
69895
|
+
y: 120
|
|
69865
69896
|
},
|
|
69866
|
-
|
|
69867
|
-
|
|
69868
|
-
|
|
69869
|
-
|
|
69870
|
-
|
|
69897
|
+
rotation: 0,
|
|
69898
|
+
scale: {
|
|
69899
|
+
x: 1,
|
|
69900
|
+
y: 1,
|
|
69901
|
+
z: 1
|
|
69871
69902
|
}
|
|
69872
69903
|
},
|
|
69873
69904
|
{
|
|
69874
|
-
|
|
69875
|
-
|
|
69876
|
-
|
|
69877
|
-
|
|
69878
|
-
|
|
69905
|
+
id: "lbkdt1gr",
|
|
69906
|
+
catalogId: "bed_twin",
|
|
69907
|
+
position: {
|
|
69908
|
+
x: 1050,
|
|
69909
|
+
y: 120
|
|
69879
69910
|
},
|
|
69880
|
-
|
|
69881
|
-
|
|
69882
|
-
|
|
69883
|
-
|
|
69884
|
-
|
|
69911
|
+
rotation: 0,
|
|
69912
|
+
scale: {
|
|
69913
|
+
x: 1,
|
|
69914
|
+
y: 1,
|
|
69915
|
+
z: 1
|
|
69885
69916
|
}
|
|
69886
69917
|
},
|
|
69887
69918
|
{
|
|
69888
|
-
|
|
69889
|
-
|
|
69890
|
-
|
|
69891
|
-
|
|
69892
|
-
|
|
69919
|
+
id: "929s823r",
|
|
69920
|
+
catalogId: "sofa",
|
|
69921
|
+
position: {
|
|
69922
|
+
x: 500,
|
|
69923
|
+
y: 450
|
|
69893
69924
|
},
|
|
69894
|
-
|
|
69895
|
-
|
|
69896
|
-
|
|
69897
|
-
|
|
69898
|
-
|
|
69925
|
+
rotation: 0,
|
|
69926
|
+
scale: {
|
|
69927
|
+
x: 1,
|
|
69928
|
+
y: 1,
|
|
69929
|
+
z: 1
|
|
69899
69930
|
}
|
|
69900
69931
|
},
|
|
69901
69932
|
{
|
|
69902
|
-
|
|
69903
|
-
|
|
69904
|
-
|
|
69905
|
-
|
|
69906
|
-
|
|
69933
|
+
id: "vemdx0ly",
|
|
69934
|
+
catalogId: "dining_table",
|
|
69935
|
+
position: {
|
|
69936
|
+
x: 1100,
|
|
69937
|
+
y: 470
|
|
69907
69938
|
},
|
|
69908
|
-
|
|
69909
|
-
|
|
69910
|
-
|
|
69911
|
-
|
|
69912
|
-
|
|
69939
|
+
rotation: 0,
|
|
69940
|
+
scale: {
|
|
69941
|
+
x: 1,
|
|
69942
|
+
y: 1,
|
|
69943
|
+
z: 1
|
|
69913
69944
|
}
|
|
69914
69945
|
},
|
|
69915
69946
|
{
|
|
69916
|
-
|
|
69917
|
-
|
|
69918
|
-
|
|
69919
|
-
|
|
69920
|
-
|
|
69947
|
+
id: "4ut780gy",
|
|
69948
|
+
catalogId: "toilet",
|
|
69949
|
+
position: {
|
|
69950
|
+
x: 80,
|
|
69951
|
+
y: 450
|
|
69921
69952
|
},
|
|
69922
|
-
|
|
69923
|
-
|
|
69924
|
-
|
|
69925
|
-
|
|
69926
|
-
|
|
69953
|
+
rotation: 0,
|
|
69954
|
+
scale: {
|
|
69955
|
+
x: 1,
|
|
69956
|
+
y: 1,
|
|
69957
|
+
z: 1
|
|
69927
69958
|
}
|
|
69928
69959
|
},
|
|
69929
69960
|
{
|
|
69930
|
-
|
|
69931
|
-
|
|
69932
|
-
|
|
69933
|
-
|
|
69934
|
-
|
|
69961
|
+
id: "b86ttpr9",
|
|
69962
|
+
catalogId: "sink_b",
|
|
69963
|
+
position: {
|
|
69964
|
+
x: 80,
|
|
69965
|
+
y: 530
|
|
69935
69966
|
},
|
|
69936
|
-
|
|
69937
|
-
|
|
69938
|
-
|
|
69939
|
-
|
|
69940
|
-
|
|
69967
|
+
rotation: 0,
|
|
69968
|
+
scale: {
|
|
69969
|
+
x: 1,
|
|
69970
|
+
y: 1,
|
|
69971
|
+
z: 1
|
|
69941
69972
|
}
|
|
69942
69973
|
},
|
|
69943
69974
|
{
|
|
69944
|
-
|
|
69945
|
-
|
|
69946
|
-
|
|
69947
|
-
|
|
69948
|
-
|
|
69975
|
+
id: "o5vi7zwx",
|
|
69976
|
+
catalogId: "toilet",
|
|
69977
|
+
position: {
|
|
69978
|
+
x: 880,
|
|
69979
|
+
y: 450
|
|
69949
69980
|
},
|
|
69950
|
-
|
|
69951
|
-
|
|
69952
|
-
|
|
69953
|
-
|
|
69954
|
-
|
|
69981
|
+
rotation: 0,
|
|
69982
|
+
scale: {
|
|
69983
|
+
x: 1,
|
|
69984
|
+
y: 1,
|
|
69985
|
+
z: 1
|
|
69955
69986
|
}
|
|
69956
69987
|
},
|
|
69957
69988
|
{
|
|
69958
|
-
|
|
69959
|
-
|
|
69960
|
-
|
|
69961
|
-
|
|
69962
|
-
|
|
69989
|
+
id: "5n8aegie",
|
|
69990
|
+
catalogId: "sink_b",
|
|
69991
|
+
position: {
|
|
69992
|
+
x: 880,
|
|
69993
|
+
y: 530
|
|
69963
69994
|
},
|
|
69964
|
-
|
|
69965
|
-
|
|
69966
|
-
|
|
69967
|
-
|
|
69968
|
-
|
|
69995
|
+
rotation: 0,
|
|
69996
|
+
scale: {
|
|
69997
|
+
x: 1,
|
|
69998
|
+
y: 1,
|
|
69999
|
+
z: 1
|
|
69969
70000
|
}
|
|
69970
70001
|
},
|
|
69971
70002
|
{
|
|
69972
|
-
|
|
69973
|
-
|
|
69974
|
-
|
|
69975
|
-
|
|
69976
|
-
|
|
70003
|
+
id: "3srr4a1o",
|
|
70004
|
+
catalogId: "camera",
|
|
70005
|
+
position: {
|
|
70006
|
+
x: 350,
|
|
70007
|
+
y: 125
|
|
69977
70008
|
},
|
|
69978
|
-
|
|
69979
|
-
|
|
69980
|
-
|
|
69981
|
-
|
|
69982
|
-
|
|
70009
|
+
rotation: 240,
|
|
70010
|
+
scale: {
|
|
70011
|
+
x: 1,
|
|
70012
|
+
y: 1,
|
|
70013
|
+
z: 1
|
|
69983
70014
|
}
|
|
69984
70015
|
},
|
|
69985
70016
|
{
|
|
69986
|
-
|
|
69987
|
-
|
|
69988
|
-
|
|
69989
|
-
|
|
69990
|
-
|
|
70017
|
+
id: "c5t2gb8x",
|
|
70018
|
+
catalogId: "camera",
|
|
70019
|
+
position: {
|
|
70020
|
+
x: 1250,
|
|
70021
|
+
y: 175
|
|
69991
70022
|
},
|
|
69992
|
-
|
|
69993
|
-
|
|
69994
|
-
|
|
69995
|
-
|
|
69996
|
-
|
|
70023
|
+
rotation: 0,
|
|
70024
|
+
scale: {
|
|
70025
|
+
x: 1,
|
|
70026
|
+
y: 1,
|
|
70027
|
+
z: 1
|
|
69997
70028
|
}
|
|
69998
70029
|
},
|
|
69999
70030
|
{
|
|
70000
|
-
|
|
70001
|
-
|
|
70002
|
-
|
|
70003
|
-
|
|
70004
|
-
|
|
70031
|
+
id: "2i2ebqoi",
|
|
70032
|
+
catalogId: "camera",
|
|
70033
|
+
position: {
|
|
70034
|
+
x: 200,
|
|
70035
|
+
y: 775
|
|
70005
70036
|
},
|
|
70006
|
-
|
|
70007
|
-
|
|
70008
|
-
|
|
70009
|
-
|
|
70010
|
-
|
|
70037
|
+
rotation: 0,
|
|
70038
|
+
scale: {
|
|
70039
|
+
x: 1,
|
|
70040
|
+
y: 1,
|
|
70041
|
+
z: 1
|
|
70011
70042
|
}
|
|
70012
70043
|
},
|
|
70013
70044
|
{
|
|
70014
|
-
|
|
70015
|
-
|
|
70016
|
-
|
|
70017
|
-
|
|
70018
|
-
|
|
70045
|
+
id: "uem6oqib",
|
|
70046
|
+
catalogId: "camera",
|
|
70047
|
+
position: {
|
|
70048
|
+
x: 350,
|
|
70049
|
+
y: 525
|
|
70019
70050
|
},
|
|
70020
|
-
|
|
70021
|
-
|
|
70022
|
-
|
|
70023
|
-
|
|
70024
|
-
|
|
70051
|
+
rotation: 225,
|
|
70052
|
+
scale: {
|
|
70053
|
+
x: 1,
|
|
70054
|
+
y: 1,
|
|
70055
|
+
z: 1
|
|
70025
70056
|
}
|
|
70026
70057
|
},
|
|
70027
70058
|
{
|
|
70028
|
-
|
|
70029
|
-
|
|
70030
|
-
|
|
70031
|
-
|
|
70032
|
-
|
|
70059
|
+
id: "h5sbi17v",
|
|
70060
|
+
catalogId: "camera",
|
|
70061
|
+
position: {
|
|
70062
|
+
x: 775,
|
|
70063
|
+
y: 450
|
|
70033
70064
|
},
|
|
70034
|
-
|
|
70035
|
-
|
|
70036
|
-
|
|
70037
|
-
|
|
70038
|
-
|
|
70065
|
+
rotation: 90,
|
|
70066
|
+
scale: {
|
|
70067
|
+
x: 1,
|
|
70068
|
+
y: 1,
|
|
70069
|
+
z: 1
|
|
70039
70070
|
}
|
|
70040
70071
|
},
|
|
70041
70072
|
{
|
|
70042
|
-
|
|
70043
|
-
|
|
70044
|
-
|
|
70045
|
-
|
|
70046
|
-
|
|
70073
|
+
id: "6uqjgzjq",
|
|
70074
|
+
catalogId: "camera",
|
|
70075
|
+
position: {
|
|
70076
|
+
x: 1275,
|
|
70077
|
+
y: 500
|
|
70047
70078
|
},
|
|
70048
|
-
|
|
70049
|
-
|
|
70050
|
-
|
|
70051
|
-
|
|
70052
|
-
|
|
70079
|
+
rotation: 345,
|
|
70080
|
+
scale: {
|
|
70081
|
+
x: 1,
|
|
70082
|
+
y: 1,
|
|
70083
|
+
z: 1
|
|
70053
70084
|
}
|
|
70054
70085
|
}
|
|
70055
70086
|
],
|
|
70056
|
-
|
|
70057
|
-
|
|
70058
|
-
|
|
70059
|
-
|
|
70060
|
-
|
|
70061
|
-
|
|
70062
|
-
|
|
70087
|
+
stairs: [],
|
|
70088
|
+
columns: [],
|
|
70089
|
+
guides: [],
|
|
70090
|
+
measurements: [],
|
|
70091
|
+
annotations: [],
|
|
70092
|
+
textAnnotations: [],
|
|
70093
|
+
groups: []
|
|
70063
70094
|
}],
|
|
70064
|
-
|
|
70065
|
-
|
|
70066
|
-
|
|
70095
|
+
activeFloorId: "1fg6pga0",
|
|
70096
|
+
createdAt: "2026-04-13T08:10:35.869Z",
|
|
70097
|
+
updatedAt: "2026-04-13T08:58:30.617Z"
|
|
70067
70098
|
});
|
|
70068
70099
|
});
|
|
70069
70100
|
onMount(() => {
|
|
@@ -70098,21 +70129,26 @@ function App($$anchor, $$props) {
|
|
|
70098
70129
|
if (e.key === "l" && !e.ctrlKey && !e.metaKey && !e.altKey && ((_e$target3 = e.target) === null || _e$target3 === void 0 ? void 0 : _e$target3.tagName) !== "INPUT") set(showLayers, !get(showLayers));
|
|
70099
70130
|
});
|
|
70100
70131
|
var node = first_child(fragment);
|
|
70101
|
-
var
|
|
70132
|
+
var consequent_6 = ($$anchor) => {
|
|
70102
70133
|
var fragment_1 = root_1();
|
|
70103
70134
|
var div = first_child(fragment_1);
|
|
70104
70135
|
var node_1 = child(div);
|
|
70105
|
-
|
|
70106
|
-
|
|
70107
|
-
|
|
70108
|
-
|
|
70109
|
-
|
|
70110
|
-
|
|
70111
|
-
|
|
70136
|
+
var consequent = ($$anchor) => {
|
|
70137
|
+
TopBar($$anchor, {
|
|
70138
|
+
get viewOnly() {
|
|
70139
|
+
return get(config).viewOnly;
|
|
70140
|
+
},
|
|
70141
|
+
get onDispatch() {
|
|
70142
|
+
return $$props.onDispatch;
|
|
70143
|
+
}
|
|
70144
|
+
});
|
|
70145
|
+
};
|
|
70146
|
+
if_block(node_1, ($$render) => {
|
|
70147
|
+
if (!get(config).viewOnly) $$render(consequent);
|
|
70112
70148
|
});
|
|
70113
70149
|
var div_1 = sibling(node_1, 2);
|
|
70114
70150
|
var node_2 = child(div_1);
|
|
70115
|
-
var
|
|
70151
|
+
var consequent_1 = ($$anchor) => {
|
|
70116
70152
|
BuildPanel($$anchor, {
|
|
70117
70153
|
get showHelp() {
|
|
70118
70154
|
return get(showHelp);
|
|
@@ -70136,13 +70172,13 @@ function App($$anchor, $$props) {
|
|
|
70136
70172
|
};
|
|
70137
70173
|
if_block(node_2, ($$render) => {
|
|
70138
70174
|
var _$$get;
|
|
70139
|
-
if (get(mode) === "2d" && !((_$$get = get(config)) === null || _$$get === void 0 ? void 0 : _$$get.viewOnly)) $$render(
|
|
70175
|
+
if (get(mode) === "2d" && !((_$$get = get(config)) === null || _$$get === void 0 ? void 0 : _$$get.viewOnly)) $$render(consequent_1);
|
|
70140
70176
|
});
|
|
70141
70177
|
var div_2 = sibling(node_2, 2);
|
|
70142
70178
|
var node_3 = child(div_2);
|
|
70143
|
-
var
|
|
70144
|
-
var
|
|
70145
|
-
var node_4 = first_child(
|
|
70179
|
+
var consequent_3 = ($$anchor) => {
|
|
70180
|
+
var fragment_4 = root_4();
|
|
70181
|
+
var node_4 = first_child(fragment_4);
|
|
70146
70182
|
{
|
|
70147
70183
|
let $0 = /* @__PURE__ */ user_derived(() => {
|
|
70148
70184
|
var _$$get2;
|
|
@@ -70152,19 +70188,25 @@ function App($$anchor, $$props) {
|
|
|
70152
70188
|
return get($0);
|
|
70153
70189
|
} });
|
|
70154
70190
|
}
|
|
70155
|
-
|
|
70156
|
-
|
|
70191
|
+
var node_5 = sibling(node_4, 2);
|
|
70192
|
+
var consequent_2 = ($$anchor) => {
|
|
70193
|
+
AlignmentToolbar($$anchor, {});
|
|
70194
|
+
};
|
|
70195
|
+
if_block(node_5, ($$render) => {
|
|
70196
|
+
if (!get(config).viewOnly) $$render(consequent_2);
|
|
70197
|
+
});
|
|
70198
|
+
append($$anchor, fragment_4);
|
|
70157
70199
|
};
|
|
70158
70200
|
if_block(node_3, ($$render) => {
|
|
70159
|
-
if (get(mode) === "2d") $$render(
|
|
70201
|
+
if (get(mode) === "2d") $$render(consequent_3);
|
|
70160
70202
|
});
|
|
70161
70203
|
reset(div_2);
|
|
70162
70204
|
var node_6 = sibling(div_2, 2);
|
|
70163
|
-
var
|
|
70205
|
+
var consequent_4 = ($$anchor) => {
|
|
70164
70206
|
LayersPanel($$anchor, {});
|
|
70165
70207
|
};
|
|
70166
70208
|
if_block(node_6, ($$render) => {
|
|
70167
|
-
if (get(showLayers) && get(mode) === "2d") $$render(
|
|
70209
|
+
if (get(showLayers) && get(mode) === "2d") $$render(consequent_4);
|
|
70168
70210
|
});
|
|
70169
70211
|
var node_7 = sibling(node_6, 2);
|
|
70170
70212
|
{
|
|
@@ -70185,8 +70227,8 @@ function App($$anchor, $$props) {
|
|
|
70185
70227
|
}
|
|
70186
70228
|
});
|
|
70187
70229
|
var node_9 = sibling(node_8, 2);
|
|
70188
|
-
var
|
|
70189
|
-
var div_3 =
|
|
70230
|
+
var consequent_5 = ($$anchor) => {
|
|
70231
|
+
var div_3 = root_7();
|
|
70190
70232
|
var div_4 = child(div_3);
|
|
70191
70233
|
var div_5 = child(div_4);
|
|
70192
70234
|
var div_6 = sibling(child(div_5), 2);
|
|
@@ -70256,7 +70298,7 @@ function App($$anchor, $$props) {
|
|
|
70256
70298
|
append($$anchor, div_3);
|
|
70257
70299
|
};
|
|
70258
70300
|
if_block(node_9, ($$render) => {
|
|
70259
|
-
if (get(showHelp)) $$render(
|
|
70301
|
+
if (get(showHelp)) $$render(consequent_5);
|
|
70260
70302
|
});
|
|
70261
70303
|
var node_10 = sibling(node_9, 2);
|
|
70262
70304
|
CommandPalette(node_10, {
|
|
@@ -70280,10 +70322,10 @@ function App($$anchor, $$props) {
|
|
|
70280
70322
|
append($$anchor, fragment_1);
|
|
70281
70323
|
};
|
|
70282
70324
|
var alternate = ($$anchor) => {
|
|
70283
|
-
append($$anchor,
|
|
70325
|
+
append($$anchor, root_8());
|
|
70284
70326
|
};
|
|
70285
70327
|
if_block(node, ($$render) => {
|
|
70286
|
-
if (get(ready)) $$render(
|
|
70328
|
+
if (get(ready)) $$render(consequent_6);
|
|
70287
70329
|
else $$render(alternate, -1);
|
|
70288
70330
|
});
|
|
70289
70331
|
append($$anchor, fragment);
|