@inkandswitch/patchwork-pkg-base 0.0.103 → 0.0.105

package/module-settings-url

@@ -1 +1 @@
-automerge:2xqDXSFJN2sgoBiuiZpFfdhfnZZ6
+automerge:pW693NUXNtYLMaCeYJPjHfNRyGp

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkandswitch/patchwork-pkg-base",
-  "version": "0.0.103",
+  "version": "0.0.105",
   "type": "module",
   "description": "Base packages for the Patchwork system",
   "repository": {

package/packages/patternwitch/tool.js

@@ -41,6 +41,7 @@ const STYLES = `
   box-sizing: border-box;
   overflow: hidden;
   user-select: none;
+  outline: none;
 }
 .patternwitch * { box-sizing: border-box; }
 
@@ -319,6 +320,8 @@ const TOOL_CURSORS = Object.fromEntries(
 export default function PatternWitchTool(handle, element) {
   const root = document.createElement("div");
   root.className = "patternwitch";
+  // Focusable, so keyboard shortcuts only fire while you're in this tool.
+  root.tabIndex = -1;
   const style = document.createElement("style");
   style.textContent = STYLES;
   element.append(style, root);
@@ -327,52 +330,108 @@ export default function PatternWitchTool(handle, element) {
   let activeColor = 0;
   let activeTool = "draw"; // "draw" | "fill"
   let showSettings = false;
-  const history = []; // stack of pixel snapshots for undo (local)
-  const HISTORY_MAX = 40;
+  const HISTORY_MAX = 200;
 
   // ---- helpers ----
   const getDoc = () => handle.doc();
   const clamp = (n, lo, hi) => Math.max(lo, Math.min(hi, n));
   const snapshot = () => getDoc().pixels.map((row) => row.slice());
 
-  function pushHistory(pixels = snapshot()) {
-    history.push(pixels);
+  // ============================================================
+  // Undo: commands, not snapshots
+  // ============================================================
+  // An op makes a change to the doc and returns the op that reverses it (or
+  // null if it changed nothing). Undoing an op returns the op that redoes it,
+  // so the same shape runs both ways.
+  //
+  // Inverses only touch what this user did, and they check before they write:
+  // a cell a peer has painted since is left alone. So undo stays local while
+  // someone else is drawing on the same canvas.
+  const history = []; // inverse ops, for undo (local)
+  const future = []; // inverse-of-inverse ops, for redo (local)
+
+  function run(op) {
+    const inverse = op();
+    if (!inverse) return;
+    history.push(inverse);
     if (history.length > HISTORY_MAX) history.shift();
+    future.length = 0; // a new edit forks history; the old future is gone
+  }
+
+  function undo() {
+    const op = history.pop();
+    if (!op) return;
+    const redoOp = op();
+    if (redoOp) future.push(redoOp);
   }
 
-  // Write a whole grid cell by cell, so concurrent edits from peers merge
-  // instead of fighting over replaced rows.
-  function writePixels(next) {
+  function redo() {
+    const op = future.pop();
+    if (!op) return;
+    const undoOp = op();
+    if (undoOp) history.push(undoOp);
+  }
+
+  // Run several ops as one; the inverse runs their inverses backwards.
+  const sequence = (ops) => () => {
+    const inverses = ops.map((op) => op()).filter(Boolean).reverse();
+    return inverses.length ? sequence(inverses) : null;
+  };
+
+  // Set cells, each [x, y, to, expected?]. With `expected`, a cell is only
+  // written if it still holds that value, which is how inverses avoid
+  // clobbering peers. Cell by cell, never whole rows: replacing rows makes
+  // concurrent edits merge as list insertions, shifting pixels sideways.
+  function paintOp(cells) {
+    const done = [];
     handle.change((d) => {
-      if (d.height !== next.length || d.width !== next[0].length) {
-        d.height = next.length;
-        d.width = next[0].length;
-        d.pixels = next;
-        return;
+      for (const [x, y, to, expected] of cells) {
+        if (y >= d.height || x >= d.width) continue;
+        const current = d.pixels[y][x];
+        if (expected !== undefined && current !== expected) continue;
+        if (current === to) continue;
+        d.pixels[y][x] = to;
+        done.push([x, y, current, to]);
       }
-      for (let y = 0; y < d.height; y++)
-        for (let x = 0; x < d.width; x++)
-          if (d.pixels[y][x] !== next[y][x]) d.pixels[y][x] = next[y][x];
     });
+    return done.length ? () => paintOp(done) : null;
   }
 
-  // Resize the grid, preserving overlapping pixels.
-  function resize(newW, newH, record = true) {
+  // Every cell where `next` differs from the doc, as paintOp cells.
+  function diffCells(next) {
+    const { pixels } = getDoc();
+    const cells = [];
+    for (let y = 0; y < next.length; y++)
+      for (let x = 0; x < next[y].length; x++)
+        if (pixels[y][x] !== next[y][x]) cells.push([x, y, next[y][x]]);
+    return cells;
+  }
+
+  // Resize in place (trim / extend rows and columns) so cells inside both
+  // sizes are never rewritten and peers' paint there survives. The inverse
+  // resizes back and restores the cropped cells, unless something has since
+  // been painted over the blank space they come back into.
+  function resizeOp(newW, newH) {
     newW = clamp(Math.round(newW), MIN_SIZE, MAX_SIZE);
     newH = clamp(Math.round(newH), MIN_SIZE, MAX_SIZE);
-    const doc = getDoc();
-    if (newW === doc.width && newH === doc.height) return;
-    if (record) pushHistory();
-    const old = doc.pixels;
-    const next = makePixels(newW, newH, 0);
-    for (let y = 0; y < Math.min(newH, doc.height); y++)
-      for (let x = 0; x < Math.min(newW, doc.width); x++)
-        next[y][x] = old[y][x];
+    const { width: oldW, height: oldH } = getDoc();
+    if (newW === oldW && newH === oldH) return null;
+    const cropped = [];
     handle.change((d) => {
+      for (let y = 0; y < oldH; y++)
+        for (let x = y < newH ? newW : 0; x < oldW; x++)
+          if (d.pixels[y][x] !== 0) cropped.push([x, y, d.pixels[y][x], 0]);
+      if (oldH > newH) d.pixels.splice(newH, oldH - newH);
+      for (let y = 0; y < Math.min(oldH, newH); y++) {
+        const row = d.pixels[y];
+        if (oldW > newW) row.splice(newW, oldW - newW);
+        else if (newW > oldW) row.push(...new Array(newW - oldW).fill(0));
+      }
+      for (let y = oldH; y < newH; y++) d.pixels.push(new Array(newW).fill(0));
       d.width = newW;
       d.height = newH;
-      d.pixels = next;
     });
+    return sequence([() => resizeOp(oldW, oldH), () => paintOp(cropped)]);
   }
 
   function floodFill(sx, sy, target) {
@@ -380,7 +439,6 @@ export default function PatternWitchTool(handle, element) {
     const { width, height } = doc;
     const from = doc.pixels[sy][sx];
     if (from === target) return;
-    const before = snapshot();
     const grid = snapshot();
     const stack = [[sx, sy]];
     while (stack.length) {
@@ -390,19 +448,14 @@ export default function PatternWitchTool(handle, element) {
       grid[y][x] = target;
       stack.push([x + 1, y], [x - 1, y], [x, y + 1], [x, y - 1]);
     }
-    pushHistory(before);
-    writePixels(grid);
-  }
-
-  function undo() {
-    if (!history.length) return;
-    writePixels(history.pop());
+    const cells = diffCells(grid);
+    run(() => paintOp(cells));
   }
 
   function clearAll() {
-    const doc = getDoc();
-    pushHistory();
-    writePixels(makePixels(doc.width, doc.height, activeColor));
+    const { width, height } = getDoc();
+    const cells = diffCells(makePixels(width, height, activeColor));
+    run(() => paintOp(cells));
   }
 
   // ============================================================
@@ -411,11 +464,11 @@ export default function PatternWitchTool(handle, element) {
   root.innerHTML = `
     <div class="toolbar">
       <div class="tool-group">
-        <button class="btn" data-tool="draw" title="Draw">${icon("pencil")}</button>
-        <button class="btn" data-tool="fill" title="Fill">${icon("fill")}</button>
+        <button class="btn" data-tool="draw" title="Brush (B)">${icon("pencil")}</button>
+        <button class="btn" data-tool="fill" title="Fill (F)">${icon("fill")}</button>
       </div>
       <div class="tool-group">
-        <button class="btn" data-act="undo" title="Undo">${icon("undo")}</button>
+        <button class="btn" data-act="undo" title="Undo (⌘Z)">${icon("undo")}</button>
         <button class="btn" data-act="clear" data-danger title="Clear all">${icon("trash")}</button>
       </div>
       <div class="spacer"></div>
@@ -532,7 +585,6 @@ export default function PatternWitchTool(handle, element) {
   let painting = false;
   let strokeCells = null; // Map<"x,y", colour> of pending changes
   let lastCell = null; // last painted cell in the current stroke
-  let strokeBefore = null; // pixels as they were when the stroke started
 
   function paintCell(x, y) {
     const k = `${x},${y}`;
@@ -566,21 +618,15 @@ export default function PatternWitchTool(handle, element) {
     }
   }
 
-  // Commit cell by cell: replacing whole rows makes concurrent edits merge as
-  // list insertions, which shifts pixels sideways and duplicates them.
   function commitStroke() {
-    const cells = strokeCells;
-    const before = strokeBefore;
+    const pending = strokeCells;
     strokeCells = null;
-    strokeBefore = null;
-    if (!cells || cells.size === 0) return;
-    pushHistory(before);
-    handle.change((d) => {
-      for (const [k, color] of cells) {
-        const [x, y] = k.split(",").map(Number);
-        if (y < d.height && x < d.width) d.pixels[y][x] = color;
-      }
+    if (!pending || pending.size === 0) return;
+    const cells = [...pending].map(([k, color]) => {
+      const [x, y] = k.split(",").map(Number);
+      return [x, y, color];
     });
+    run(() => paintOp(cells));
   }
 
   canvas.addEventListener("pointerdown", (e) => {
@@ -593,7 +639,6 @@ export default function PatternWitchTool(handle, element) {
     }
     painting = true;
     strokeCells = new Map();
-    strokeBefore = snapshot();
     canvas.setPointerCapture(e.pointerId);
     paintCell(c.x, c.y);
     lastCell = c;
@@ -622,11 +667,48 @@ export default function PatternWitchTool(handle, element) {
   // Toolbar / actions
   // ============================================================
   root.querySelectorAll("[data-tool]").forEach((el) => {
-    el.addEventListener("click", () => {
-      activeTool = el.dataset.tool;
-      renderToolbar();
-    });
+    el.addEventListener("click", () => setTool(el.dataset.tool));
+  });
+  function setTool(tool) {
+    activeTool = tool;
+    renderToolbar();
+  }
+
+  // Shortcuts, scoped to this tool: the listener is on our root, which only
+  // sees keys while focus is inside it. Text-ish inputs in the settings modal
+  // keep their own keys.
+  root.addEventListener("keydown", (e) => {
+    if (e.target.closest("input, textarea, select, [contenteditable]")) return;
+    const key = e.key.toLowerCase();
+    const mod = e.metaKey || e.ctrlKey;
+    if (mod && !e.altKey && key === "z") {
+      e.preventDefault();
+      e.stopPropagation();
+      if (e.shiftKey) redo();
+      else undo();
+      return;
+    }
+    if (mod || e.altKey || e.shiftKey) return;
+    if (key === "b") setTool("draw");
+    else if (key === "f") setTool("fill");
+    else if (/^[0-9]$/.test(key)) {
+      // 1–9 then 0, like the number row: 1 is the first colour, 0 the tenth.
+      const i = key === "0" ? 9 : Number(key) - 1;
+      if (i >= getDoc().palette.length) return;
+      activeColor = i;
+      renderPalette();
+    } else return;
+    e.preventDefault();
+    e.stopPropagation();
+  });
+
+  // Clicking anywhere in the tool (including the canvas) takes focus, so the
+  // shortcuts work straight after painting.
+  root.addEventListener("pointerdown", (e) => {
+    if (e.target.closest("input")) return;
+    root.focus({ preventScroll: true });
   });
+
   root.querySelector('[data-act="undo"]').addEventListener("click", undo);
   root.querySelector('[data-act="clear"]').addEventListener("click", clearAll);
   root.querySelector('[data-act="settings"]').addEventListener("click", () => {
@@ -647,17 +729,19 @@ export default function PatternWitchTool(handle, element) {
     const rect = canvas.getBoundingClientRect();
     const step = Math.max(4, rect.width / doc.width); // px per cell
     grip.setPointerCapture(e.pointerId);
-    pushHistory(); // one undo entry for the whole drag
+    const steps = []; // each step's inverse; one undo entry for the whole drag
 
     const onMove = (ev) => {
       const dW = Math.round((ev.clientX - startX) / step);
       const dH = Math.round((ev.clientY - startY) / step);
-      resize(startW + dW, startH + dH, false);
+      const inverse = resizeOp(startW + dW, startH + dH);
+      if (inverse) steps.push(inverse);
     };
     const onUp = (ev) => {
       grip.releasePointerCapture(ev.pointerId);
       grip.removeEventListener("pointermove", onMove);
       grip.removeEventListener("pointerup", onUp);
+      if (steps.length) run(() => sequence(steps.reverse()));
     };
     grip.addEventListener("pointermove", onMove);
     grip.addEventListener("pointerup", onUp);
@@ -744,10 +828,9 @@ export default function PatternWitchTool(handle, element) {
     });
 
     modal.querySelector("[data-apply-size]").addEventListener("click", () => {
-      resize(
-        Number(modal.querySelector('[data-dim="w"]').value),
-        Number(modal.querySelector('[data-dim="h"]').value),
-      );
+      const w = Number(modal.querySelector('[data-dim="w"]').value);
+      const h = Number(modal.querySelector('[data-dim="h"]').value);
+      run(() => resizeOp(w, h));
     });
 
     modal.querySelector("[data-close]").addEventListener("click", () => {
@@ -759,21 +842,49 @@ export default function PatternWitchTool(handle, element) {
     modalMount.append(backdrop);
   }
 
-  // Remove a palette colour and remap pixels that referenced it.
   function removeColor(index) {
-    pushHistory();
+    run(() => removeColorOp(index));
+  }
+
+  // Remove a palette colour and remap pixels that referenced it: its own
+  // pixels become colour 0, and higher indices shift down by one.
+  function removeColorOp(index) {
+    const hex = getDoc().palette[index];
+    const orphans = new Set(); // "x,y" of pixels that were this colour
     handle.change((d) => {
       d.palette.splice(index, 1);
       const max = d.palette.length - 1;
       for (let y = 0; y < d.height; y++)
         for (let x = 0; x < d.width; x++) {
           let v = d.pixels[y][x];
-          if (v === index) v = 0;
-          else if (v > index) v = v - 1;
+          if (v === index) {
+            orphans.add(`${x},${y}`);
+            v = 0;
+          } else if (v > index) v = v - 1;
           v = clamp(v, 0, max);
           if (d.pixels[y][x] !== v) d.pixels[y][x] = v;
         }
     });
+    return () => insertColorOp(index, hex, orphans);
+  }
+
+  // Inverse of removeColorOp. Every index at or above `index` shifts back up,
+  // including pixels peers painted in the meantime, since those were painted
+  // against the shorter palette. Orphans get their colour back if they're
+  // still colour 0; one a peer has repainted keeps the peer's colour.
+  function insertColorOp(index, hex, orphans) {
+    handle.change((d) => {
+      d.palette.splice(index, 0, hex);
+      for (let y = 0; y < d.height; y++)
+        for (let x = 0; x < d.width; x++) {
+          const v = d.pixels[y][x];
+          let next = v;
+          if (v === 0 && orphans.has(`${x},${y}`)) next = index;
+          else if (v >= index) next = v + 1;
+          if (next !== v) d.pixels[y][x] = next;
+        }
+    });
+    return () => removeColorOp(index);
   }
 
   // ============================================================

package/packages/threepane/dist/IsolatedDocumentArea-7EWDRVFG.js

@@ -0,0 +1,2 @@
+import{r as a,s as b}from"./chunk-LNR6ATYD.js";import"./chunk-FW4363Y4.js";export{a as IsolatedDocumentArea,b as mountIsolationRoot};
+//# sourceMappingURL=IsolatedDocumentArea-7EWDRVFG.js.map

package/packages/threepane/dist/{PatchworkFrame-UNWWAISP.js → PatchworkFrame-BGA6G6TI.js}

@@ -1,2 +1,2 @@
-import{a as M,b as ce,c as H,d as U}from"./chunk-YERFWP5I.js";import{a as Ie,b as B,c as j,d as te,e as re,f as oe,g as ne,h as ie,i as ae,j as le,k as se,l as P,m as F,n as W,o as de,p as ue,q as me,r as fe}from"./chunk-MSZ7JVNB.js";import{b as Ue}from"./chunk-FW4363Y4.js";import{template as _}from"solid-js/web";import{delegateEvents as et}from"solid-js/web";import{memo as tt}from"solid-js/web";import{setStyleProperty as rt}from"solid-js/web";import{setAttribute as Y}from"solid-js/web";import{effect as R}from"solid-js/web";import{getOwner as k}from"solid-js/web";import{use as C}from"solid-js/web";import{insert as v}from"solid-js/web";import{createComponent as m}from"solid-js/web";import"@inkandswitch/patchwork-elements";import{subscribe as ft}from"@inkandswitch/patchwork-providers";import{template as q}from"solid-js/web";import{delegateEvents as Re}from"solid-js/web";import{memo as Le}from"solid-js/web";import{insert as pe}from"solid-js/web";import{createComponent as I}from"solid-js/web";import{For as Pe,Show as z}from"solid-js";var Ae=q("<div class=threepane-widgets>"),xe=q("<div class=threepane-widgets__empty><button type=button class=threepane-widgets__add>\uFF0B Add document list"),Oe=q("<div class=threepane-widget>");function he(e){let l=()=>{let o=e.rootFolderUrl(),a=e.configHandle();!o||!a||a.change(r=>{r.sidebar.widgets.push([H,o])})};return(()=>{var o=Ae();return pe(o,I(z,{get when(){return e.ready()},get children(){return I(z,{get when(){return e.widgets().length},get fallback(){return I(z,{get when(){return Le(()=>!!e.rootFolderUrl())()&&e.configHandle()},get children(){var a=xe(),r=a.firstChild;return r.$$click=l,a}})},get children(){return I(Pe,{get each(){return e.widgets()},children:a=>(()=>{var r=Oe();return pe(r,I(W,{slot:a})),r})()})}})}})),o})()}Re(["click"]);import{template as we}from"solid-js/web";import{setAttribute as Fe}from"solid-js/web";import{effect as We}from"solid-js/web";import{insert as ge}from"solid-js/web";import{createComponent as K}from"solid-js/web";import{For as Ne,Show as Ve}from"solid-js";var Me=we("<div class=frame-tray>"),He=we("<div class=frame-tray__item>");function ve(e){return K(Ve,{get when(){return e.slots().length},get children(){var l=Me();return ge(l,K(Ne,{get each(){return F(e.slots())},children:o=>(()=>{var a=He();return ge(a,K(W,{slot:o})),We(()=>Fe(a,"data-tray-id",P(o))),a})()})),l}})}import{createEffect as V,createMemo as pt,createSignal as b,onCleanup as L,onMount as ke,Show as S}from"solid-js";import{render as ht}from"solid-js/web";import{createDocOfDatatype2 as je}from"@inkandswitch/patchwork-plugins";import{getRegistry as Be}from"@inkandswitch/patchwork-plugins";function N(e){return Be("patchwork:datatype").loadWhenReady(e)}var ze=new Set(["document-title","spacer"]);function _e(e){return e?[[H,e]]:[]}function qe(e,l){if(!((e.version??0)>=1)){if(e.sidebar||(e.sidebar={widgets:[]}),l&&!e.sidebar.widgets?.length&&(e.sidebar.widgets=_e(l)),!e.tray)e.tray=M.slice();else{let o=F(e.tray);o.length!==e.tray.length&&(e.tray=o);let a=new Set(e.tray.map(r=>P(r)));for(let r of M)a.has(r)||(e.tray.push(r),a.add(r))}e.doctitle?.tools?.length||(e.doctitle={...e.doctitle,tools:ce.slice()}),!(!e.sidebar.widgets?.length&&!l)&&(e.version=1)}}async function ye(e,l){let o=e.doc()?.rootFolderUrl,a=e.doc()?.tools?.threepane;if(a){let i=await l.find(a);if((i.doc()?.version??0)>=1)return;i.change(u=>qe(u,o));return}let r=await N("threepane:config");if(!r){console.warn("frame: threepane:config datatype never registered");return}if(e.doc()?.tools?.threepane)return;let t=e.doc(),n=(t?.documentToolbarToolIds??[]).filter(i=>!ze.has(i)),s=await je(r,l);s.change(i=>{n.length&&(i.doctitle.tools=n),i.sidebar.widgets=_e(t?.rootFolderUrl),i.tray||(i.tray=M.slice()),t?.rootFolderUrl?i.version=1:delete i.version}),e.change(i=>{i.tools||(i.tools={}),i.tools.threepane||(i.tools.threepane=s.url)})}var Se=Ue(Ie(),1);import{createDocOfDatatype2 as Ke}from"@inkandswitch/patchwork-plugins";var g=(0,Se.default)("patchwork:threepane:examples");async function $e(e,l){let o=e.doc();if(!o?.rootFolderUrl){g("skipped \u2014 account has no rootFolderUrl");return}if(o.exampleDocsSeededAt){g("skipped \u2014 already ran for this account at",new Date(o.exampleDocsSeededAt).toISOString());return}g("claiming marker on account",e.url),e.change(d=>{d.exampleDocsSeededAt||(d.exampleDocsSeededAt=Date.now())});let a=await l.find(o.rootFolderUrl),r=a.doc()?.docs?.length??0;if(r){g(`skipped \u2014 root folder already has ${r} doc(s); only fresh accounts are seeded`);return}let t=window.location.hostname.includes("gaios"),n=t?[]:await Ye();if(g(t?"gaios examples":"bundle init scripts:",n),!t&&!n.length){g("skipped \u2014 no static module bundles to ask");return}let s=await N("folder");if(!s){g("folder datatype never registered; giving up");return}let i=await Ke(s,l,d=>{d.title="Examples"});if(t){let{seedGaiosExamples:d}=await import("./gaiosExamples-YDNQB35L.js");await d(l,i)}for(let d of n)try{await(await import(d)).default?.(l,i),g("ran init script",d)}catch(c){g("init script unavailable or failed",d,c)}let u=i.doc()?.docs?.length??0;if(!u){g("no bundle contributed any documents");return}a.change(d=>{d.docs.unshift({name:"Examples",type:"folder",url:i.url})}),g(`seeded ${u} document(s) into Examples folder`,i.url)}var be="https://patchwork-tools.netlify.app/init.js",De="https://patchwork-base.netlify.app/init.js";function Ge(){return document.documentElement.getAttribute("data-examples")==="site"}async function Ye(){let e=Ge(),l=window.patchwork?.packages;if(!l?.urls)return e?[]:[De,be];await l.doneLoading;let o=Object.values(l.urls).filter(r=>typeof r=="string"&&!r.startsWith("automerge:")).map(r=>new URL("init.js",new URL(r,document.baseURI)).href);if(e)return[...new Set(o)];let a=o.length?[]:[De];return[...new Set([...o,...a,be])]}import{createEffect as Xe,createMemo as Je,createSignal as Qe,onCleanup as Ze}from"solid-js";function G(e){let[l,o]=Qe(0);return Xe(()=>{let a=e();if(!a)return;let r=()=>o(t=>t+1);a.on("change",r),Ze(()=>a.off("change",r))}),Je(()=>(l(),e()?.doc()))}var ot=_("<div class=frame-shell><aside class=frame-warning-banner>research grade software. do not share links. sharing a doc is sharing your account.</aside><div class=frame><patchwork-view component=patchwork-selected-doc-provider><patchwork-view component=patchwork-account-provider><patchwork-view component=patchwork-tool-storage-provider><patchwork-view component=patchwork-worker-provider>",!0,!1,!1),nt=_("<div style=display:contents>"),it=_("<div class=main-area>"),at=_("<div class=frame__popover-backdrop><div class=frame__popover role=dialog aria-modal=true><div class=frame__popover-toolbar><patchwork-view tool-id=doc-openwith></patchwork-view></div><div class=frame__popover-body><patchwork-view>",!0,!1,!1),lt=_('<button type=button class="frame__sidebar-toggle frame__left-toggle">'),st=_("<div class=threepane-sidebar><div class=threepane-sidebar__footer><footer class=threepane-account-bar><button type=button class=threepane-account-bar__button>Settings"),ct=_("<div class=frame__tray-dock>"),dt=_('<button type=button class="threepane-account-bar__button threepane-account-bar__avatar"title=Account aria-label=Account><patchwork-view tool-id=contact-avatar>',!0,!1,!1),ut=_("<button type=button class=threepane-account-bar__button>Packages"),mt=_('<svg xmlns=http://www.w3.org/2000/svg width=18 height=18 viewBox="0 0 24 24"fill=none stroke=var(--studio-chrome-line) stroke-width=1.75 stroke-linecap=round stroke-linejoin=round><rect width=18 height=18 x=3 y=3 rx=2></rect><path d="M9 3v18">'),X=(e,l)=>{let[o,a]=b(!1);return V(()=>{let r=l();if(!r)return;a(!1);let t=n=>{n.detail?.componentId===e&&a(!0)};r.addEventListener("patchwork:mounted",t),L(()=>r.removeEventListener("patchwork:mounted",t))}),o};function J(e,l){e.dispatchEvent(new CustomEvent("patchwork:open-document",{detail:l,bubbles:!0,composed:!0}))}function gt({handle:e,repo:l,...o}){me();let a=e.url,[r,t]=b(),n=X("patchwork-account-provider",r),[s,i]=b(),u=X("patchwork-tool-storage-provider",s),[d,c]=b(),f=X("patchwork-selected-doc-provider",d),p=pt(()=>f()&&n()&&u());return(()=>{var w=ot(),E=w.firstChild,Q=E.firstChild,A=E.nextSibling,h=A.firstChild,D=h.firstChild,$=D.firstChild,T=$.firstChild;return v(E,m(S,{get when(){return o.isolation},get children(){return[" ","isolation is highly experimental. if things are broken, switch back to wild west."]}}),null),C(c,h),h._$owner=k(),C(t,D),D.docUrl=a,D._$owner=k(),C(i,$),$.docUrl=a,$._$owner=k(),T._$owner=k(),v(T,m(S,{get when(){return p()},get children(){return m(wt,{handle:e,repo:l,get isolation(){return o.isolation}})}})),w})()}function wt(e){let l=B(()=>e.handle.url,{repo:e.repo});(async()=>{await ye(e.handle,e.repo),await $e(e.handle,e.repo)})().catch(y=>{console.error("frame: account bootstrap failed",y)});let o=G(l),a=e.handle.url,r=()=>o()?.tools?.threepane,t=B(()=>r(),{repo:e.repo}),n=G(t),s=()=>n()?.doctitle?.tools,i=()=>n()?.sidebar?.widgets??[],u=()=>n()?.tray??[],d=()=>o()?.rootFolderUrl,c=ie(),f=ae("left",{isCollapsed:c.isSidebarCollapsed,setCollapsed:c.setIsSidebarCollapsed,setWidth:c.setLeftSidebarWidth}),p,[w,E]=b(null),[Q,A]=b(null);ke(()=>{let y=ft(p,{type:"patchwork:selected-view"},x=>E(x));L(y)});let h=()=>w()?.url,D=()=>w()?.toolId??void 0,$=()=>oe(j.rightWidth,re),T=()=>ne(j.rightCollapsed),[Ce,Z]=b(),Ee=le(Ce,h),[ee,Te]=b(!1);return V(()=>{ee()||(e.isolation||!h()||Ee())&&Te(!0)}),(()=>{var y=nt(),x=p;return typeof x=="function"?C(x,y):p=y,v(y,m(_t,{accountDocUrl:a,sidebarState:c,sidebarResize:f,sidebarWidgets:i,traySlots:u,configHandle:t,rootFolderUrl:d,widgetsReady:ee,contactUrl:()=>o()?.contactUrl,moduleSettingsUrl:()=>o()?.moduleSettingsUrl,get isolation(){return e.isolation},onInterceptOpen:A,get children(){return m(S,{get when(){return h()},get fallback(){return(()=>{var O=it();return v(O,m(de,{viewKey:h,selectedDocUrl:h,toolId:D,ref:Z})),O})()},get children(){return m(S,{get when(){return e.isolation},get fallback(){return m(ue,{setMainDocElement:Z,selectedDocUrl:h,selectedToolId:D,doctitleSlots:s,get isLeftCollapsed(){return c.isSidebarCollapsed},initialRightWidth:$,initialRightCollapsed:T})},get children(){return m(fe,{get contactUrl(){return o()?.contactUrl},selectedDocUrl:h,selectedToolId:D,doctitleSlots:s,get isLeftCollapsed(){return c.isSidebarCollapsed},initialRightWidth:$,initialRightCollapsed:T})}})}})}}),null),v(y,m(S,{get when(){return Q()},children:O=>m(vt,{get view(){return O()},onClose:()=>A(null)})}),null),y})()}function vt(e){let[l,o]=b(e.view.toolId??void 0);V(()=>o(e.view.toolId??void 0));let a;return ke(()=>{let r=s=>{s.key==="Escape"&&e.onClose()};window.addEventListener("keydown",r),L(()=>window.removeEventListener("keydown",r));let t=a;if(!t)return;let n=s=>{let{url:i,toolId:u}=s.detail;i&&(s.stopPropagation(),o(u??void 0))};t.addEventListener("patchwork:open-document",n),L(()=>t.removeEventListener("patchwork:open-document",n))}),(()=>{var r=at(),t=r.firstChild,n=t.firstChild,s=n.firstChild,i=n.nextSibling,u=i.firstChild;r.$$click=()=>e.onClose(),t.$$click=c=>c.stopPropagation();var d=a;return typeof d=="function"?C(d,t):a=t,s._$owner=k(),u._$owner=k(),R(c=>{var f=e.view.url,p=e.view.url,w=l();return f!==c.e&&(s.docUrl=c.e=f),p!==c.t&&(u.docUrl=c.t=p),w!==c.a&&(u.toolId=c.a=w),c},{e:void 0,t:void 0,a:void 0}),r})()}function _t(e){let l=e.sidebarState.isSidebarCollapsed,o=()=>e.traySlots().length>0,a,r;return V(()=>{if(l())return;let t=a;if(!t)return;let n=r,s=i=>{let{url:u,toolId:d}=i.detail;if(e.isolation&&u&&n&&i.composedPath().includes(n)){i.stopPropagation(),e.onInterceptOpen?.({url:u,toolId:d??null});return}t.getBoundingClientRect().width<=window.innerWidth*.75||(e.sidebarState.setIsSidebarCollapsed(!0),window.dispatchEvent(new CustomEvent(te)))};t.addEventListener("patchwork:open-document",s),L(()=>t.removeEventListener("patchwork:open-document",s))}),[(()=>{var t=lt();return t.$$click=()=>e.sidebarState.setIsSidebarCollapsed(n=>!n),v(t,m(yt,{})),R(n=>{var s=l()?"Show sidebar":"Hide sidebar",i=l()?"Show sidebar":"Hide sidebar",u=!l();return s!==n.e&&Y(t,"title",n.e=s),i!==n.t&&Y(t,"aria-label",n.t=i),u!==n.a&&Y(t,"aria-pressed",n.a=u),n},{e:void 0,t:void 0,a:void 0}),t})(),m(se,{side:"left",isCollapsed:l,get width(){return e.sidebarState.leftSidebarWidth},get onMouseDown(){return e.sidebarResize.handleMouseDown},get onToggleClick(){return e.sidebarResize.handleToggleClick},get children(){var t=st(),n=t.firstChild,s=n.firstChild,i=s.firstChild,u=a;typeof u=="function"?C(u,t):a=t,v(t,m(he,{get widgets(){return e.sidebarWidgets},get configHandle(){return e.configHandle},get rootFolderUrl(){return e.rootFolderUrl},get ready(){return e.widgetsReady}}),n);var d=r;return typeof d=="function"?C(d,n):r=n,v(s,m(S,{get when(){return e.contactUrl()},children:c=>(()=>{var f=dt(),p=f.firstChild;return f.$$click=w=>J(w.currentTarget,{url:e.accountDocUrl,toolId:"account-picker"}),p._$owner=k(),R(()=>p.docUrl=c()),f})()}),i),v(s,m(S,{get when(){return e.moduleSettingsUrl()},children:c=>(()=>{var f=ut();return f.$$click=p=>J(p.currentTarget,{url:c(),toolId:"packages"}),f})()}),i),i.$$click=c=>J(c.currentTarget,{url:e.accountDocUrl,toolId:"frame-configurator"}),R(()=>t.classList.toggle("threepane-sidebar--has-tray",!!o())),t}}),m(S,{get when(){return o()},get children(){var t=ct();return v(t,m(ve,{get slots(){return e.traySlots}})),R(n=>{var s=!!l(),i=`${e.sidebarState.leftSidebarWidth()}px`;return s!==n.e&&t.classList.toggle("frame__tray-dock--collapsed",n.e=s),i!==n.t&&rt(t,"width",n.t=i),n},{e:void 0,t:void 0}),t}}),tt(()=>e.children)]}function yt(){return mt()}function Dr(e){return(l,o)=>ht(()=>m(gt,{handle:l,get repo(){return o.repo},isolation:e}),o)}et(["click"]);export{_t as FrameLayout,gt as PatchworkFrame,Dr as renderPatchworkFrame};
-//# sourceMappingURL=PatchworkFrame-UNWWAISP.js.map
+import{a as M,b as ce,c as H,d as U}from"./chunk-YERFWP5I.js";import{a as Ie,b as B,c as j,d as te,e as re,f as oe,g as ne,h as ie,i as ae,j as le,k as se,l as P,m as F,n as W,o as de,p as ue,q as me,r as fe}from"./chunk-LNR6ATYD.js";import{b as Ue}from"./chunk-FW4363Y4.js";import{template as _}from"solid-js/web";import{delegateEvents as et}from"solid-js/web";import{memo as tt}from"solid-js/web";import{setStyleProperty as rt}from"solid-js/web";import{setAttribute as Y}from"solid-js/web";import{effect as R}from"solid-js/web";import{getOwner as k}from"solid-js/web";import{use as C}from"solid-js/web";import{insert as v}from"solid-js/web";import{createComponent as m}from"solid-js/web";import"@inkandswitch/patchwork-elements";import{subscribe as ft}from"@inkandswitch/patchwork-providers";import{template as q}from"solid-js/web";import{delegateEvents as Re}from"solid-js/web";import{memo as Le}from"solid-js/web";import{insert as pe}from"solid-js/web";import{createComponent as I}from"solid-js/web";import{For as Pe,Show as z}from"solid-js";var Ae=q("<div class=threepane-widgets>"),xe=q("<div class=threepane-widgets__empty><button type=button class=threepane-widgets__add>\uFF0B Add document list"),Oe=q("<div class=threepane-widget>");function he(e){let l=()=>{let o=e.rootFolderUrl(),a=e.configHandle();!o||!a||a.change(r=>{r.sidebar.widgets.push([H,o])})};return(()=>{var o=Ae();return pe(o,I(z,{get when(){return e.ready()},get children(){return I(z,{get when(){return e.widgets().length},get fallback(){return I(z,{get when(){return Le(()=>!!e.rootFolderUrl())()&&e.configHandle()},get children(){var a=xe(),r=a.firstChild;return r.$$click=l,a}})},get children(){return I(Pe,{get each(){return e.widgets()},children:a=>(()=>{var r=Oe();return pe(r,I(W,{slot:a})),r})()})}})}})),o})()}Re(["click"]);import{template as we}from"solid-js/web";import{setAttribute as Fe}from"solid-js/web";import{effect as We}from"solid-js/web";import{insert as ge}from"solid-js/web";import{createComponent as K}from"solid-js/web";import{For as Ne,Show as Ve}from"solid-js";var Me=we("<div class=frame-tray>"),He=we("<div class=frame-tray__item>");function ve(e){return K(Ve,{get when(){return e.slots().length},get children(){var l=Me();return ge(l,K(Ne,{get each(){return F(e.slots())},children:o=>(()=>{var a=He();return ge(a,K(W,{slot:o})),We(()=>Fe(a,"data-tray-id",P(o))),a})()})),l}})}import{createEffect as V,createMemo as pt,createSignal as b,onCleanup as L,onMount as ke,Show as S}from"solid-js";import{render as ht}from"solid-js/web";import{createDocOfDatatype2 as je}from"@inkandswitch/patchwork-plugins";import{getRegistry as Be}from"@inkandswitch/patchwork-plugins";function N(e){return Be("patchwork:datatype").loadWhenReady(e)}var ze=new Set(["document-title","spacer"]);function _e(e){return e?[[H,e]]:[]}function qe(e,l){if(!((e.version??0)>=1)){if(e.sidebar||(e.sidebar={widgets:[]}),l&&!e.sidebar.widgets?.length&&(e.sidebar.widgets=_e(l)),!e.tray)e.tray=M.slice();else{let o=F(e.tray);o.length!==e.tray.length&&(e.tray=o);let a=new Set(e.tray.map(r=>P(r)));for(let r of M)a.has(r)||(e.tray.push(r),a.add(r))}e.doctitle?.tools?.length||(e.doctitle={...e.doctitle,tools:ce.slice()}),!(!e.sidebar.widgets?.length&&!l)&&(e.version=1)}}async function ye(e,l){let o=e.doc()?.rootFolderUrl,a=e.doc()?.tools?.threepane;if(a){let i=await l.find(a);if((i.doc()?.version??0)>=1)return;i.change(u=>qe(u,o));return}let r=await N("threepane:config");if(!r){console.warn("frame: threepane:config datatype never registered");return}if(e.doc()?.tools?.threepane)return;let t=e.doc(),n=(t?.documentToolbarToolIds??[]).filter(i=>!ze.has(i)),s=await je(r,l);s.change(i=>{n.length&&(i.doctitle.tools=n),i.sidebar.widgets=_e(t?.rootFolderUrl),i.tray||(i.tray=M.slice()),t?.rootFolderUrl?i.version=1:delete i.version}),e.change(i=>{i.tools||(i.tools={}),i.tools.threepane||(i.tools.threepane=s.url)})}var Se=Ue(Ie(),1);import{createDocOfDatatype2 as Ke}from"@inkandswitch/patchwork-plugins";var g=(0,Se.default)("patchwork:threepane:examples");async function $e(e,l){let o=e.doc();if(!o?.rootFolderUrl){g("skipped \u2014 account has no rootFolderUrl");return}if(o.exampleDocsSeededAt){g("skipped \u2014 already ran for this account at",new Date(o.exampleDocsSeededAt).toISOString());return}g("claiming marker on account",e.url),e.change(d=>{d.exampleDocsSeededAt||(d.exampleDocsSeededAt=Date.now())});let a=await l.find(o.rootFolderUrl),r=a.doc()?.docs?.length??0;if(r){g(`skipped \u2014 root folder already has ${r} doc(s); only fresh accounts are seeded`);return}let t=window.location.hostname.includes("gaios"),n=t?[]:await Ye();if(g(t?"gaios examples":"bundle init scripts:",n),!t&&!n.length){g("skipped \u2014 no static module bundles to ask");return}let s=await N("folder");if(!s){g("folder datatype never registered; giving up");return}let i=await Ke(s,l,d=>{d.title="Examples"});if(t){let{seedGaiosExamples:d}=await import("./gaiosExamples-YDNQB35L.js");await d(l,i)}for(let d of n)try{await(await import(d)).default?.(l,i),g("ran init script",d)}catch(c){g("init script unavailable or failed",d,c)}let u=i.doc()?.docs?.length??0;if(!u){g("no bundle contributed any documents");return}a.change(d=>{d.docs.unshift({name:"Examples",type:"folder",url:i.url})}),g(`seeded ${u} document(s) into Examples folder`,i.url)}var be="https://patchwork-tools.netlify.app/init.js",De="https://patchwork-base.netlify.app/init.js";function Ge(){return document.documentElement.getAttribute("data-examples")==="site"}async function Ye(){let e=Ge(),l=window.patchwork?.packages;if(!l?.urls)return e?[]:[De,be];await l.doneLoading;let o=Object.values(l.urls).filter(r=>typeof r=="string"&&!r.startsWith("automerge:")).map(r=>new URL("init.js",new URL(r,document.baseURI)).href);if(e)return[...new Set(o)];let a=o.length?[]:[De];return[...new Set([...o,...a,be])]}import{createEffect as Xe,createMemo as Je,createSignal as Qe,onCleanup as Ze}from"solid-js";function G(e){let[l,o]=Qe(0);return Xe(()=>{let a=e();if(!a)return;let r=()=>o(t=>t+1);a.on("change",r),Ze(()=>a.off("change",r))}),Je(()=>(l(),e()?.doc()))}var ot=_("<div class=frame-shell><aside class=frame-warning-banner>research grade software. do not share links. sharing a doc is sharing your account.</aside><div class=frame><patchwork-view component=patchwork-selected-doc-provider><patchwork-view component=patchwork-account-provider><patchwork-view component=patchwork-tool-storage-provider><patchwork-view component=patchwork-worker-provider>",!0,!1,!1),nt=_("<div style=display:contents>"),it=_("<div class=main-area>"),at=_("<div class=frame__popover-backdrop><div class=frame__popover role=dialog aria-modal=true><div class=frame__popover-toolbar><patchwork-view tool-id=doc-openwith></patchwork-view></div><div class=frame__popover-body><patchwork-view>",!0,!1,!1),lt=_('<button type=button class="frame__sidebar-toggle frame__left-toggle">'),st=_("<div class=threepane-sidebar><div class=threepane-sidebar__footer><footer class=threepane-account-bar><button type=button class=threepane-account-bar__button>Settings"),ct=_("<div class=frame__tray-dock>"),dt=_('<button type=button class="threepane-account-bar__button threepane-account-bar__avatar"title=Account aria-label=Account><patchwork-view tool-id=contact-avatar>',!0,!1,!1),ut=_("<button type=button class=threepane-account-bar__button>Packages"),mt=_('<svg xmlns=http://www.w3.org/2000/svg width=18 height=18 viewBox="0 0 24 24"fill=none stroke=var(--studio-chrome-line) stroke-width=1.75 stroke-linecap=round stroke-linejoin=round><rect width=18 height=18 x=3 y=3 rx=2></rect><path d="M9 3v18">'),X=(e,l)=>{let[o,a]=b(!1);return V(()=>{let r=l();if(!r)return;a(!1);let t=n=>{n.detail?.componentId===e&&a(!0)};r.addEventListener("patchwork:mounted",t),L(()=>r.removeEventListener("patchwork:mounted",t))}),o};function J(e,l){e.dispatchEvent(new CustomEvent("patchwork:open-document",{detail:l,bubbles:!0,composed:!0}))}function gt({handle:e,repo:l,...o}){me();let a=e.url,[r,t]=b(),n=X("patchwork-account-provider",r),[s,i]=b(),u=X("patchwork-tool-storage-provider",s),[d,c]=b(),f=X("patchwork-selected-doc-provider",d),p=pt(()=>f()&&n()&&u());return(()=>{var w=ot(),E=w.firstChild,Q=E.firstChild,A=E.nextSibling,h=A.firstChild,D=h.firstChild,$=D.firstChild,T=$.firstChild;return v(E,m(S,{get when(){return o.isolation},get children(){return[" ","isolation is highly experimental. if things are broken, switch back to wild west."]}}),null),C(c,h),h._$owner=k(),C(t,D),D.docUrl=a,D._$owner=k(),C(i,$),$.docUrl=a,$._$owner=k(),T._$owner=k(),v(T,m(S,{get when(){return p()},get children(){return m(wt,{handle:e,repo:l,get isolation(){return o.isolation}})}})),w})()}function wt(e){let l=B(()=>e.handle.url,{repo:e.repo});(async()=>{await ye(e.handle,e.repo),await $e(e.handle,e.repo)})().catch(y=>{console.error("frame: account bootstrap failed",y)});let o=G(l),a=e.handle.url,r=()=>o()?.tools?.threepane,t=B(()=>r(),{repo:e.repo}),n=G(t),s=()=>n()?.doctitle?.tools,i=()=>n()?.sidebar?.widgets??[],u=()=>n()?.tray??[],d=()=>o()?.rootFolderUrl,c=ie(),f=ae("left",{isCollapsed:c.isSidebarCollapsed,setCollapsed:c.setIsSidebarCollapsed,setWidth:c.setLeftSidebarWidth}),p,[w,E]=b(null),[Q,A]=b(null);ke(()=>{let y=ft(p,{type:"patchwork:selected-view"},x=>E(x));L(y)});let h=()=>w()?.url,D=()=>w()?.toolId??void 0,$=()=>oe(j.rightWidth,re),T=()=>ne(j.rightCollapsed),[Ce,Z]=b(),Ee=le(Ce,h),[ee,Te]=b(!1);return V(()=>{ee()||(e.isolation||!h()||Ee())&&Te(!0)}),(()=>{var y=nt(),x=p;return typeof x=="function"?C(x,y):p=y,v(y,m(_t,{accountDocUrl:a,sidebarState:c,sidebarResize:f,sidebarWidgets:i,traySlots:u,configHandle:t,rootFolderUrl:d,widgetsReady:ee,contactUrl:()=>o()?.contactUrl,moduleSettingsUrl:()=>o()?.moduleSettingsUrl,get isolation(){return e.isolation},onInterceptOpen:A,get children(){return m(S,{get when(){return h()},get fallback(){return(()=>{var O=it();return v(O,m(de,{viewKey:h,selectedDocUrl:h,toolId:D,ref:Z})),O})()},get children(){return m(S,{get when(){return e.isolation},get fallback(){return m(ue,{setMainDocElement:Z,selectedDocUrl:h,selectedToolId:D,doctitleSlots:s,get isLeftCollapsed(){return c.isSidebarCollapsed},initialRightWidth:$,initialRightCollapsed:T})},get children(){return m(fe,{get contactUrl(){return o()?.contactUrl},selectedDocUrl:h,selectedToolId:D,doctitleSlots:s,get isLeftCollapsed(){return c.isSidebarCollapsed},initialRightWidth:$,initialRightCollapsed:T})}})}})}}),null),v(y,m(S,{get when(){return Q()},children:O=>m(vt,{get view(){return O()},onClose:()=>A(null)})}),null),y})()}function vt(e){let[l,o]=b(e.view.toolId??void 0);V(()=>o(e.view.toolId??void 0));let a;return ke(()=>{let r=s=>{s.key==="Escape"&&e.onClose()};window.addEventListener("keydown",r),L(()=>window.removeEventListener("keydown",r));let t=a;if(!t)return;let n=s=>{let{url:i,toolId:u}=s.detail;i&&(s.stopPropagation(),o(u??void 0))};t.addEventListener("patchwork:open-document",n),L(()=>t.removeEventListener("patchwork:open-document",n))}),(()=>{var r=at(),t=r.firstChild,n=t.firstChild,s=n.firstChild,i=n.nextSibling,u=i.firstChild;r.$$click=()=>e.onClose(),t.$$click=c=>c.stopPropagation();var d=a;return typeof d=="function"?C(d,t):a=t,s._$owner=k(),u._$owner=k(),R(c=>{var f=e.view.url,p=e.view.url,w=l();return f!==c.e&&(s.docUrl=c.e=f),p!==c.t&&(u.docUrl=c.t=p),w!==c.a&&(u.toolId=c.a=w),c},{e:void 0,t:void 0,a:void 0}),r})()}function _t(e){let l=e.sidebarState.isSidebarCollapsed,o=()=>e.traySlots().length>0,a,r;return V(()=>{if(l())return;let t=a;if(!t)return;let n=r,s=i=>{let{url:u,toolId:d}=i.detail;if(e.isolation&&u&&n&&i.composedPath().includes(n)){i.stopPropagation(),e.onInterceptOpen?.({url:u,toolId:d??null});return}t.getBoundingClientRect().width<=window.innerWidth*.75||(e.sidebarState.setIsSidebarCollapsed(!0),window.dispatchEvent(new CustomEvent(te)))};t.addEventListener("patchwork:open-document",s),L(()=>t.removeEventListener("patchwork:open-document",s))}),[(()=>{var t=lt();return t.$$click=()=>e.sidebarState.setIsSidebarCollapsed(n=>!n),v(t,m(yt,{})),R(n=>{var s=l()?"Show sidebar":"Hide sidebar",i=l()?"Show sidebar":"Hide sidebar",u=!l();return s!==n.e&&Y(t,"title",n.e=s),i!==n.t&&Y(t,"aria-label",n.t=i),u!==n.a&&Y(t,"aria-pressed",n.a=u),n},{e:void 0,t:void 0,a:void 0}),t})(),m(se,{side:"left",isCollapsed:l,get width(){return e.sidebarState.leftSidebarWidth},get onMouseDown(){return e.sidebarResize.handleMouseDown},get onToggleClick(){return e.sidebarResize.handleToggleClick},get children(){var t=st(),n=t.firstChild,s=n.firstChild,i=s.firstChild,u=a;typeof u=="function"?C(u,t):a=t,v(t,m(he,{get widgets(){return e.sidebarWidgets},get configHandle(){return e.configHandle},get rootFolderUrl(){return e.rootFolderUrl},get ready(){return e.widgetsReady}}),n);var d=r;return typeof d=="function"?C(d,n):r=n,v(s,m(S,{get when(){return e.contactUrl()},children:c=>(()=>{var f=dt(),p=f.firstChild;return f.$$click=w=>J(w.currentTarget,{url:e.accountDocUrl,toolId:"account-picker"}),p._$owner=k(),R(()=>p.docUrl=c()),f})()}),i),v(s,m(S,{get when(){return e.moduleSettingsUrl()},children:c=>(()=>{var f=ut();return f.$$click=p=>J(p.currentTarget,{url:c(),toolId:"packages"}),f})()}),i),i.$$click=c=>J(c.currentTarget,{url:e.accountDocUrl,toolId:"frame-configurator"}),R(()=>t.classList.toggle("threepane-sidebar--has-tray",!!o())),t}}),m(S,{get when(){return o()},get children(){var t=ct();return v(t,m(ve,{get slots(){return e.traySlots}})),R(n=>{var s=!!l(),i=`${e.sidebarState.leftSidebarWidth()}px`;return s!==n.e&&t.classList.toggle("frame__tray-dock--collapsed",n.e=s),i!==n.t&&rt(t,"width",n.t=i),n},{e:void 0,t:void 0}),t}}),tt(()=>e.children)]}function yt(){return mt()}function Dr(e){return(l,o)=>ht(()=>m(gt,{handle:l,get repo(){return o.repo},isolation:e}),o)}et(["click"]);export{_t as FrameLayout,gt as PatchworkFrame,Dr as renderPatchworkFrame};
+//# sourceMappingURL=PatchworkFrame-BGA6G6TI.js.map