@inkandswitch/patchwork-pkg-base 0.0.22 → 0.0.24

package/packages/frame-configurator/dist/assets/FrameConfigurator-CIgJ8HSh.js

@@ -1,3 +0,0 @@
-(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("@layer package{:root,:host,[theme]{--configurator-fg: var(--editor-line, black);--configurator-fill: var(--editor-fill, white);--configurator-family: var(--editor-family-sans, system-ui, sans-serif);--configurator-family-code: var(--editor-family-code, ui-monospace, monospace);--configurator-accent: var(--studio-accent, oklch(.6 .15 250))}}.configurator{container-type:inline-size;padding:1.25rem 1.25rem 4rem;display:flex;flex-direction:column;gap:1.5rem;height:100%;overflow-y:auto;font-family:var(--configurator-family);color:var(--configurator-fg)}.configurator.loading{opacity:.5;font-size:.875rem}.configurator-title{font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:inherit}.config-section{display:flex;flex-direction:column;gap:.625rem;padding-top:1rem;border-top:1px solid color-mix(in oklch,currentColor 10%,transparent)}.config-section:first-of-type{border-top:none;padding-top:0}.section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.5}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@container (max-width: 279px){.preview-grid{grid-template-columns:1fr}}@container (min-width: 400px){.preview-grid{grid-template-columns:repeat(3,1fr)}}.preview-card{display:flex;flex-direction:column;border:1.5px solid color-mix(in oklch,currentColor 12%,transparent);border-radius:.5rem;overflow:hidden;cursor:pointer;transition:border-color .12s,box-shadow .12s;background:none;color:inherit;padding:0;text-align:left}.preview-card:hover{border-color:color-mix(in oklch,currentColor 25%,transparent)}.preview-card[aria-checked=true]{border-color:var(--configurator-accent);box-shadow:0 0 0 1px var(--configurator-accent)}.preview-card-thumbnail{aspect-ratio:4 / 3;overflow:hidden;pointer-events:none;position:relative;background:color-mix(in oklch,currentColor 4%,transparent);max-height:6rem}.preview-card-scaler{width:300%;height:300%;transform:scale(.3333);transform-origin:top left}.preview-card-scaler patchwork-view{display:block;width:100%;height:100%}.preview-card-label{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;font-size:.75rem;font-weight:500;border-top:1px solid color-mix(in oklch,currentColor 8%,transparent)}.preview-card-check{margin-left:auto;color:var(--configurator-accent);flex-shrink:0;display:none}.preview-card[aria-checked=true] .preview-card-check{display:flex}.empty-message{font-size:.8125rem;opacity:.7;font-style:italic;margin:0;padding:.375rem 0}.toolbar-strip{display:flex;flex-wrap:wrap;gap:.375rem;align-items:flex-end}.toolbar-box{display:flex;flex-direction:column;border:1px solid color-mix(in oklch,currentColor 12%,transparent);border-radius:.375rem;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;position:relative;transition:border-color .12s,opacity .15s,transform .2s ease}.toolbar-box:active{cursor:grabbing}.toolbar-box.dragging{opacity:0}.toolbar-box.shift-left{transform:translate(calc(-100% - .375rem))}.toolbar-box.shift-right{transform:translate(calc(100% + .375rem))}.toolbar-box-preview{width:4.5rem;height:2.5rem;overflow:hidden;pointer-events:none;background:color-mix(in oklch,currentColor 4%,transparent)}.toolbar-box-preview patchwork-view{display:block;width:100%;height:100%}.toolbar-box-label{font-size:.625rem;padding:.1875rem .375rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid color-mix(in oklch,currentColor 8%,transparent)}.toolbar-box-remove{position:absolute;top:.125rem;right:.125rem;display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;border:none;border-radius:50%;background:color-mix(in oklch,currentColor 10%,transparent);color:inherit;opacity:0;cursor:pointer;padding:0;transition:opacity .12s,background .12s,color .12s}.toolbar-box:hover .toolbar-box-remove{opacity:.5}.toolbar-box-remove:hover{opacity:1!important;color:#f04c5a;background:#f04c5a26}.toolbar-add-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:100%;min-height:3.5rem;border:1.5px dashed color-mix(in oklch,currentColor 18%,transparent);border-radius:.375rem;background:none;color:inherit;opacity:.45;cursor:pointer;padding:0;transition:opacity .12s,border-color .12s,background .12s}.toolbar-add-btn:hover{opacity:.8;border-color:color-mix(in oklch,currentColor 30%,transparent);background:color-mix(in oklch,currentColor 4%,transparent)}.context-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:1.5px solid color-mix(in oklch,currentColor 12%,transparent)}.context-tab{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border:1px solid color-mix(in oklch,currentColor 12%,transparent);border-bottom:none;border-radius:.375rem .375rem 0 0;background:none;color:inherit;font-size:.75rem;font-weight:500;cursor:grab;-webkit-user-select:none;user-select:none;margin-bottom:-1.5px;transition:background .12s,opacity .15s,transform .2s ease}.context-tab:active{cursor:grabbing}.context-tab.dragging{opacity:0}.context-tab.shift-left{transform:translate(-100%)}.context-tab.shift-right{transform:translate(100%)}.context-tab:hover{background:color-mix(in oklch,currentColor 6%,transparent)}.context-tab-remove{display:flex;align-items:center;justify-content:center;width:.875rem;height:.875rem;border:none;border-radius:50%;background:none;color:inherit;opacity:.25;cursor:pointer;padding:0;flex-shrink:0;transition:opacity .12s,color .12s,background .12s}.context-tab-remove:hover{opacity:1;color:#f04c5a;background:#f04c5a1f}.context-tab-add{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border:1px dashed color-mix(in oklch,currentColor 15%,transparent);border-bottom:none;border-radius:.375rem .375rem 0 0;background:none;color:inherit;font-size:.75rem;opacity:.45;cursor:pointer;margin-bottom:-1.5px;transition:opacity .12s,background .12s}.context-tab-add:hover{opacity:.8;background:color-mix(in oklch,currentColor 4%,transparent)}.add-popover-anchor{position:relative}.add-popover{position:absolute;bottom:calc(100% + .375rem);left:0;z-index:10;min-width:12rem;padding:.375rem;background:var(--configurator-fill);border:1px solid color-mix(in oklch,currentColor 15%,transparent);border-radius:.5rem;box-shadow:0 4px 16px #0000001a,0 1px 4px #0000000f;display:flex;flex-direction:column;gap:2px}.add-popover-option{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;border:none;border-radius:.375rem;background:none;color:inherit;font-size:.8125rem;cursor:pointer;text-align:left;width:100%;transition:background .12s}.add-popover-option:hover{background:color-mix(in oklch,currentColor 8%,transparent)}.add-popover-option svg{opacity:.4;flex-shrink:0}.add-popover-custom{display:flex;align-items:center;gap:4px;padding:.375rem .375rem .25rem;border-top:1px solid color-mix(in oklch,currentColor 8%,transparent);margin-top:2px}.add-popover-custom-input{flex:1;min-width:0;padding:.25rem .375rem;border:1px solid color-mix(in oklch,currentColor 15%,transparent);border-radius:.25rem;background:none;color:inherit;font-size:.8125rem;font-family:var(--configurator-family-code);outline:none;transition:border-color .12s}.add-popover-custom-input::placeholder{opacity:.4;font-family:inherit;font-style:italic}.add-popover-custom-input:focus{border-color:color-mix(in oklch,currentColor 35%,transparent)}.add-popover-custom-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;border-radius:.25rem;background:none;color:inherit;opacity:.5;cursor:pointer;flex-shrink:0;padding:0;transition:opacity .12s,background .12s}.add-popover-custom-btn:hover:not(:disabled){opacity:.8;background:color-mix(in oklch,currentColor 8%,transparent)}.add-popover-custom-btn:disabled{opacity:.2;cursor:default}.add-popover-done{display:flex;align-items:center;justify-content:center;padding:.3125rem;border:none;border-radius:.25rem;background:none;color:inherit;opacity:.5;font-size:.75rem;cursor:pointer;transition:background .12s,opacity .12s}.add-popover-done:hover{opacity:.8;background:color-mix(in oklch,currentColor 8%,transparent)}.theme-embed{border:1px solid color-mix(in oklch,currentColor 10%,transparent);border-radius:.5rem;overflow:hidden}.theme-embed patchwork-view{display:block;width:100%}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import{render as de,createComponent as w,insert as g,getOwner as H,effect as E,template as b,use as se,setAttribute as I,className as Y,delegateEvents as fe}from"solid-js/web";import{getRegistry as he}from"@inkandswitch/patchwork-plugins";import{accept as Q}from"@inkandswitch/patchwork-providers";import{onCleanup as le,createMemo as x,createContext as pe,useContext as Ce,createResource as me,createEffect as ve,Show as P,For as W,createSignal as T}from"solid-js";import{createStore as ae,reconcile as G,produce as ge}from"solid-js/store";function we(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var M={exports:{}},N,X;function ye(){if(X)return N;X=1;var e=1e3,n=e*60,r=n*60,t=r*24,u=t*7,f=t*365.25;N=function(l,o){o=o||{};var i=typeof l;if(i==="string"&&l.length>0)return a(l);if(i==="number"&&isFinite(l))return o.long?m(l):p(l);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(l))};function a(l){if(l=String(l),!(l.length>100)){var o=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(l);if(o){var i=parseFloat(o[1]),d=(o[2]||"ms").toLowerCase();switch(d){case"years":case"year":case"yrs":case"yr":case"y":return i*f;case"weeks":case"week":case"w":return i*u;case"days":case"day":case"d":return i*t;case"hours":case"hour":case"hrs":case"hr":case"h":return i*r;case"minutes":case"minute":case"mins":case"min":case"m":return i*n;case"seconds":case"second":case"secs":case"sec":case"s":return i*e;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return i;default:return}}}}function p(l){var o=Math.abs(l);return o>=t?Math.round(l/t)+"d":o>=r?Math.round(l/r)+"h":o>=n?Math.round(l/n)+"m":o>=e?Math.round(l/e)+"s":l+"ms"}function m(l){var o=Math.abs(l);return o>=t?s(l,o,t,"day"):o>=r?s(l,o,r,"hour"):o>=n?s(l,o,n,"minute"):o>=e?s(l,o,e,"second"):l+" ms"}function s(l,o,i,d){var h=o>=i*1.5;return Math.round(l/i)+" "+d+(h?"s":"")}return N}var z,ee;function be(){if(ee)return z;ee=1;function e(n){t.debug=t,t.default=t,t.coerce=s,t.disable=p,t.enable=f,t.enabled=m,t.humanize=ye(),t.destroy=l,Object.keys(n).forEach(o=>{t[o]=n[o]}),t.names=[],t.skips=[],t.formatters={};function r(o){let i=0;for(let d=0;d<o.length;d++)i=(i<<5)-i+o.charCodeAt(d),i|=0;return t.colors[Math.abs(i)%t.colors.length]}t.selectColor=r;function t(o){let i,d=null,h,y;function c(...C){if(!c.enabled)return;const v=c,$=Number(new Date),L=$-(i||$);v.diff=L,v.prev=i,v.curr=$,i=$,C[0]=t.coerce(C[0]),typeof C[0]!="string"&&C.unshift("%O");let A=0;C[0]=C[0].replace(/%([a-zA-Z%])/g,(_,k)=>{if(_==="%%")return"%";A++;const D=t.formatters[k];if(typeof D=="function"){const R=C[A];_=D.call(v,R),C.splice(A,1),A--}return _}),t.formatArgs.call(v,C),(v.log||t.log).apply(v,C)}return c.namespace=o,c.useColors=t.useColors(),c.color=t.selectColor(o),c.extend=u,c.destroy=t.destroy,Object.defineProperty(c,"enabled",{enumerable:!0,configurable:!1,get:()=>d!==null?d:(h!==t.namespaces&&(h=t.namespaces,y=t.enabled(o)),y),set:C=>{d=C}}),typeof t.init=="function"&&t.init(c),c}function u(o,i){const d=t(this.namespace+(typeof i>"u"?":":i)+o);return d.log=this.log,d}function f(o){t.save(o),t.namespaces=o,t.names=[],t.skips=[];const i=(typeof o=="string"?o:"").trim().replace(/\s+/g,",").split(",").filter(Boolean);for(const d of i)d[0]==="-"?t.skips.push(d.slice(1)):t.names.push(d)}function a(o,i){let d=0,h=0,y=-1,c=0;for(;d<o.length;)if(h<i.length&&(i[h]===o[d]||i[h]==="*"))i[h]==="*"?(y=h,c=d,h++):(d++,h++);else if(y!==-1)h=y+1,c++,d=c;else return!1;for(;h<i.length&&i[h]==="*";)h++;return h===i.length}function p(){const o=[...t.names,...t.skips.map(i=>"-"+i)].join(",");return t.enable(""),o}function m(o){for(const i of t.skips)if(a(o,i))return!1;for(const i of t.names)if(a(o,i))return!0;return!1}function s(o){return o instanceof Error?o.stack||o.message:o}function l(){console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.")}return t.enable(t.load()),t}return z=e,z}var te;function Fe(){return te||(te=1,(function(e,n){var r={};n.formatArgs=u,n.save=f,n.load=a,n.useColors=t,n.storage=p(),n.destroy=(()=>{let s=!1;return()=>{s||(s=!0,console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`."))}})(),n.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"];function t(){if(typeof window<"u"&&window.process&&(window.process.type==="renderer"||window.process.__nwjs))return!0;if(typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))return!1;let s;return typeof document<"u"&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||typeof window<"u"&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||typeof navigator<"u"&&navigator.userAgent&&(s=navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/))&&parseInt(s[1],10)>=31||typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)}function u(s){if(s[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+s[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff),!this.useColors)return;const l="color: "+this.color;s.splice(1,0,l,"color: inherit");let o=0,i=0;s[0].replace(/%[a-zA-Z%]/g,d=>{d!=="%%"&&(o++,d==="%c"&&(i=o))}),s.splice(i,0,l)}n.log=console.debug||console.log||(()=>{});function f(s){try{s?n.storage.setItem("debug",s):n.storage.removeItem("debug")}catch{}}function a(){let s;try{s=n.storage.getItem("debug")||n.storage.getItem("DEBUG")}catch{}return!s&&typeof process<"u"&&"env"in process&&(s=r.DEBUG),s}function p(){try{return localStorage}catch{}}e.exports=be()(n);const{formatters:m}=e.exports;m.j=function(s){try{return JSON.stringify(s)}catch(l){return"[UnexpectedJSONParseError]: "+l.message}}})(M,M.exports)),M.exports}var $e=Fe();const ke=we($e);var ce=ke("cabbages");function ne(e){return typeof e=="object"&&typeof e!=null&&Object.getPrototypeOf(e)==Object.prototype}var _e="";function Ae(e,...n){if(n.length==0){ce("empty patch");return}const[r,t,u]=n;let f=[...r];for(;;){let a=f.shift();if(!f.length){const m=Array.isArray(t);if(ne(e)&&m&&typeof a>"u"&&typeof t[0]=="string"){delete e[t[0]];return}if(m||typeof t=="number"){if(typeof a>"u")throw new Error("cant treat top level as a seq");a=a;let[s,l]=Array.isArray(t)?t:[t,t+1];const o=Array.isArray(t)&&t.length==0;if(!o&&(s==null||l==null))throw new RangeError("it's all or nothing, no half measures");const i=typeof u>"u",d=s===l&&!i,h=o&&!i,y=!d&&!i&&!h;if(typeof e[a]>"u"){if(typeof e=="string")return;typeof u=="string"?e[a]="":e[a]=[]}let c=e[a];if(Array.isArray(c)){if(h){Array.isArray(u)?c.push(...u):c.push(u);return}if(d||y){Array.isArray(u)?c.splice(s,l-s,...u):c.splice(s,l-s,u);return}if(i){c.splice(s,l-s);return}throw new Error("i don't know what happened")}if(typeof c=="string"){if(h){e[a]=c+u;return}if(y||d){e[a]=c.slice(0,s)+(typeof u=="string"?u:u.map(C=>typeof C=="string"?C:_e).join(""))+c.slice(l);return}if(i){e[a]=c.slice(0,s)+c.slice(l);return}throw new Error("i don't know what happened")}if(ne(c)&&m&&typeof t[0]=="string"){delete c[t[0]];return}throw new Error("not implemented")}if(typeof a>"u"){if(typeof t!="string")throw new Error(`can't index top-level map with ${t}`);typeof u>"u"?delete e[t]:e[t]=u;return}if(typeof e[a]>"u"&&(e[a]={}),m){let[s,l]=t;s!=null&&l!=null&&(typeof u>"u"&&s!=null&&l!=null?delete e[a][s||l]:e[a][s||l]=u)}else if(typeof u>"u")delete e[a][t];else{if(typeof e[a]=="string")return;e[a][t]=u}return}if(typeof a>"u")throw new Error("cant treat top level as a seq");a=a;let p=f[0];if(typeof e[a]>"u")if(typeof p=="string")e[a]={};else if(typeof p=="number")e[a]=[];else throw new Error(`can't go down this road ${e}.${a}.${p}`);e=e[a]}}function re(e,n){for(let r=0;r<n.length;r++)e=e?e[n[r]]:void 0;return e}function Ee(e,n){const r=e.path.slice(0,-1),t=e.path[e.path.length-1];switch(e.action){case"mark":case"unmark":return ce(`skipping ${e.action} because it doesn't affect material reality`),[];case"inc":if(n)return[r,t,re(n.patchInfo.after,e.path)];throw new Error(`can't apply ${e.action} without payload argument`);case"conflict":if(n)return[r,t,re(n.patchInfo.after,e.path)];throw new Error(`can't apply ${e.action} without payload argument`);case"del":return typeof t=="string"?[r,t]:[r,[t,t+(e.length||1)]];case"insert":return[r,[t,t],e.values];case"splice":return[r,[t,t],[e.value]];case"put":return[r,t,e.value]}}function xe(e){return n=>{for(let r of e.patches)Ae(n,...Ee(r,e))}}const O=new WeakMap;function Ie(e){if(le(()=>{const f=O.get(e);f&&(f.refs--||f.cleanup())}),O.has(e)){const f=O.get(e);return f.refs++,f.store}const[n,r]=ae(e.doc());O.set(e,{refs:0,store:n,cleanup(){e.off("change",t),e.off("delete",u),O.delete(e)}});function t(f){if(f.scopeReplaced){r(G(f.doc??{}));return}r(ge(xe(f)))}function u(){r(G({}))}return e.on("change",t),e.on("delete",u),e.whenReady().then(()=>{r(e.doc())}),n}const q=e=>typeof e=="function"&&!e.length?e():e;function De(e){return x(()=>q(e)&&Ie(q(e)))}const ue=pe(null);function Re(e,n){const r=Ce(ue);if(!r)throw new Error("use outside <RepoContext> requires options.repo");const t=r;function u(){const p=q(e);if(!p)return;const m=t.findWithProgress(p).peek();return m.state==="ready"?m.handle:void 0}const[f,{mutate:a}]=me(e,p=>t.findWithProgress(p).whenReady(),{initialValue:u()});return ve(()=>{q(e)||a()}),f}function oe(e,n){const r=Re(e);return[De(r),r]}var Se=b('<svg width=14 height=14 viewBox="0 0 14 14"fill=none stroke=var(--studio-chrome-line) stroke-width=1.5 stroke-linecap=round><line x1=7 y1=3 x2=7 y2=11></line><line x1=3 y1=7 x2=11 y2=7>'),Oe=b('<svg viewBox="0 0 10 10"fill=none stroke=var(--studio-chrome-line) stroke-width=1.5 stroke-linecap=round><line x1=2 y1=2 x2=8 y2=8></line><line x1=8 y1=2 x2=2 y2=8>'),Pe=b('<svg width=12 height=12 viewBox="0 0 12 12"fill=none stroke=var(--studio-chrome-line) stroke-width=2 stroke-linecap=round stroke-linejoin=round><polyline points="2.5 6 5 8.5 9.5 3.5">'),Le=b("<div class=add-popover><div class=add-popover-custom><input type=text class=add-popover-custom-input><button class=add-popover-custom-btn></button></div><button class=add-popover-done>Done"),je=b("<button class=add-popover-option>"),Me=b("<div class=preview-grid>"),Te=b("<div class=config-section><div class=section-label>"),qe=b("<p class=empty-message>No tools available"),Ue=b("<button class=preview-card><div class=preview-card-thumbnail><div class=preview-card-scaler><patchwork-view></patchwork-view></div></div><div class=preview-card-label><span></span><span class=preview-card-check>",!0,!1,!1),Be=b('<div class=config-section><div class=section-label></div><div><div class=add-popover-anchor><button class=toolbar-add-btn aria-label="Add doc titlebar tool">'),Ne=b("<div><div class=toolbar-box-preview><patchwork-view style=pointer-events:none;width:100%;height:100%></patchwork-view></div><div class=toolbar-box-label></div><button class=toolbar-box-remove>",!0,!1,!1),ze=b("<div class=configurator>"),Ge=b('<div class="configurator loading">Loading configuration...'),Ve=b("<p class=empty-message>Preparing layout configuration…"),He=b("<div class=config-section><div class=section-label>Theme</div><div class=theme-embed><patchwork-view tool-id=theme-picker>",!0,!1,!1);const We=250;function Je(e){const n=he(e),[r,t]=ae((n.all?.()??[]).map(a=>a)),u=()=>{const a=(n.all?.()??[]).map(p=>p);t(G(a))};u();const f=n.on("changed",u);return le(f),r}function ie(e,n){return e.filter(r=>!r.unlisted&&(r.tags??[]).includes(n)).map(r=>({id:r.id,name:r.name||r.id})).sort((r,t)=>r.name.localeCompare(t.name))}const V=()=>Se(),Ze=e=>{const n=()=>e.size??10;return(()=>{var r=Oe();return E(t=>{var u=n(),f=n();return u!==t.e&&I(r,"width",t.e=u),f!==t.t&&I(r,"height",t.t=f),t},{e:void 0,t:void 0}),r})()},Ke=()=>Pe();function Ye(e){const[n,r]=T(""),t=()=>{const u=n().trim();u&&(e.onAdd(u),r(""))};return(()=>{var u=Le(),f=u.firstChild,a=f.firstChild,p=a.nextSibling,m=f.nextSibling;return g(u,w(W,{get each(){return e.available},children:s=>(()=>{var l=je();return l.$$click=()=>e.onAdd(s.id),g(l,w(V,{}),null),g(l,()=>s.name,null),l})()}),f),a.$$keydown=s=>s.key==="Enter"&&t(),a.$$input=s=>r(s.currentTarget.value),p.$$click=t,g(p,w(V,{})),m.$$click=()=>e.onClose(),E(s=>{var l=e.customPlaceholder??"tool-id",o=!n().trim();return l!==s.e&&I(a,"placeholder",s.e=l),o!==s.t&&(p.disabled=s.t=o),s},{e:void 0,t:void 0}),E(()=>a.value=n()),u})()}function U(e){e.addEventListener("patchwork:subscribe",(n=>{n.detail.selector.type==="patchwork:selected-doc"?Q(n,r=>{r([])}):n.detail.selector.type==="patchwork:selected-view"&&Q(n,r=>{r(null)})}),!0)}function Qe(e){return(()=>{var n=Te(),r=n.firstChild;return g(r,()=>e.label),g(n,w(P,{get when(){return e.options.length>0},get fallback(){return qe()},get children(){var t=Me(),u=U;return typeof u=="function"?se(u,t):U=t,g(t,w(W,{get each(){return e.options},children:f=>(()=>{var a=Ue(),p=a.firstChild,m=p.firstChild,s=m.firstChild,l=p.nextSibling,o=l.firstChild,i=o.nextSibling;return a.$$click=()=>e.onChange(f.id),s._$owner=H(),g(o,()=>f.name),g(i,w(Ke,{})),E(d=>{var h=e.value===f.id,y=e.docUrl,c=f.id;return h!==d.e&&I(a,"aria-checked",d.e=h),y!==d.t&&(s.docUrl=d.t=y),c!==d.a&&(s.toolId=d.a=c),d},{e:void 0,t:void 0,a:void 0}),a})()})),t}}),null),n})()}function Xe(e,n,r){return n===null||r===null?"":e===n?" dragging":r===n?"":n<r&&e>n&&e<=r?" shift-left":n>r&&e<n&&e>=r?" shift-right":""}function et(e){const[n,r]=T(!1),[t,u]=T(null),[f,a]=T(null);let p=null;const m=x(()=>e.values??[]),s=x(()=>new Set(m())),l=x(()=>e.allOptions.filter(c=>!s().has(c.id))),o=c=>e.allOptions.find(C=>C.id===c)?.name??c,i=c=>{e.setValues(m().filter((C,v)=>v!==c))},d=c=>{e.setValues([...m(),c])},h=c=>{p=c,a(c)},y=()=>{const c=t(),C=p;if(u(null),a(null),p=null,c==null||C==null||c===C)return;const v=[...m()],[$]=v.splice(c,1);v.splice(C,0,$),e.setValues(v)};return(()=>{var c=Be(),C=c.firstChild,v=C.nextSibling,$=v.firstChild,L=$.firstChild;g(C,()=>e.label);var A=U;return typeof A=="function"?se(A,v):U=v,g(v,w(W,{get each(){return m()},children:(j,_)=>(()=>{var k=Ne(),D=k.firstChild,R=D.firstChild,J=D.nextSibling,B=J.nextSibling;return k.addEventListener("dragend",()=>y()),k.addEventListener("dragover",F=>{F.preventDefault(),F.dataTransfer.dropEffect="move",h(_())}),k.addEventListener("dragstart",F=>{F.dataTransfer.effectAllowed="move";const S=_();requestAnimationFrame(()=>{u(S),h(S)})}),I(k,"draggable",!0),R.toolId=j,R._$owner=H(),g(J,()=>o(j)),B.$$click=F=>{F.stopPropagation(),i(_())},g(B,w(Ze,{size:8})),E(F=>{var S=`toolbar-box${Xe(_(),t(),f())}`,Z=e.docUrl,K=`Remove ${o(j)}`;return S!==F.e&&Y(k,F.e=S),Z!==F.t&&(R.docUrl=F.t=Z),K!==F.a&&I(B,"aria-label",F.a=K),F},{e:void 0,t:void 0,a:void 0}),k})()}),$),L.$$click=()=>r(!n()),g(L,w(V,{})),g($,w(P,{get when(){return n()},get children(){return w(Ye,{get available(){return l()},onAdd:d,onClose:()=>r(!1)})}}),null),E(()=>Y(v,`toolbar-strip${t()!==null?" is-dragging":""}`)),c})()}function tt(e){const[n]=oe(()=>e.handle.url),[r,t]=oe(()=>n()?.tools?.threepane),u=Je("patchwork:tool"),f=x(()=>ie([...u],"frame-tool")),a=x(()=>ie([...u],"titlebar-tool")),p=e.handle.url,m=i=>typeof i=="string"?i:i[0],s=()=>r()?.doctitle?.tools?.map(m),l=i=>t()?.change(d=>{d.doctitle.tools=i.slice()}),o=(i,d)=>{e.handle.change(h=>{h[i]=d})};return w(P,{get when(){return n()},get fallback(){return Ge()},get children(){var i=ze();return g(i,w(Qe,{label:"Frame Tool",get value(){return n().frameToolId},onChange:d=>{o("frameToolId",d),setTimeout(async()=>{await e.element.repo.flush().catch(()=>null),window.location.reload()},We)},get options(){return f()},docUrl:p}),null),g(i,w(P,{get when(){return r()},get fallback(){return Ve()},get children(){return w(et,{label:"Doc Titlebar",get values(){return s()},setValues:l,get allOptions(){return a()},docUrl:p})}}),null),g(i,w(P,{get when(){return n()?.toolStorage?.["theme-preferences"]},children:d=>(()=>{var h=He(),y=h.firstChild,c=y.nextSibling,C=c.firstChild;return C._$owner=H(),E(()=>C.docUrl=d()),h})()}),null),i}})}function lt(e,n){const r=de(()=>w(ue.Provider,{get value(){return n.repo},get children(){return w(tt,{handle:e,element:n})}}),n);return()=>r()}fe(["input","keydown","click"]);export{tt as FrameConfigurator,lt as renderFrameConfigurator};
-//# sourceMappingURL=FrameConfigurator-CIgJ8HSh.js.map