+ {#if source === "upload"}
+
+ {#if (value === null && !static_image) || streaming}
+ (handle_clear(e), (tool = "editor"))} />
+ {:else if tool === "editor"}
+ (tool = "select")}
+ on:clear={handle_clear}
+ editable
+ />
+
+ 
+ {:else if (tool === "sketch" || tool === "color-sketch") && (value !== null || static_image)}
+ {#key static_image}
+ 
+ {/key}
+ {#if img_width > 0}
+ sketch.undo()}
+ on:redraw={() => sketch.redraw()}
+ on:clear_mask={handle_mask_clear}
+ on:remove_image={handle_sketch_clear}
+ />
+ {#if tool === "color-sketch" || tool === "sketch"}
+ 
+ {/if}
+
+ {:else if source === "canvas"}
+ sketch.undo()}
+ on:redraw={() => sketch.redraw()}
+ on:clear={handle_sketch_clear}
+ on:remove_image={handle_sketch_clear}
+ />
+ {#if tool === "color-sketch"}
+
+ tool === "color-sketch"
+ ? handle_upload(e)
+ : handle_save(e, true, "pizda")}
+ on:stream={handle_save}
+ on:error
+ {streaming}
+ {pending}
+ {mirror_webcam}
+ />
+ {/if}
+ {:else if tool === "select"}
+ (handle_clear(e), (tool = "editor"))} />
+ {:else if tool === "editor"}
+ (tool = "select")}
+ on:clear={handle_clear}
+ editable
+ />
+
+
+ {:else if (tool === "sketch" || tool === "color-sketch") && (value !== null || static_image)}
+ {#key static_image}
+
+ {/key}
+ {#if img_width > 0}
+ sketch.undo()}
+ on:redraw={() => sketch.redraw()}
+ on:clear={handle_sketch_clear}
+ on:remove_image={handle_sketch_clear}
+ />
+ {#if tool === "color-sketch" || tool === "sketch"}
+
+
+
diff --git a/extensions/canvas-zoom/dist/js/image/src/ModifySketch.svelte b/extensions/canvas-zoom/dist/js/image/src/ModifySketch.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..e558b459f73bd5ad5a040bcaf5b209792c59ac61
--- /dev/null
+++ b/extensions/canvas-zoom/dist/js/image/src/ModifySketch.svelte
@@ -0,0 +1,49 @@
+
+
+
+ dispatch("undo")} />
+
+ dispatch("redraw")} />
+
+
+ {#if true}
+ {
+ dispatch("clear_mask");
+ event.stopPropagation();
+ }}
+ />
+ {/if}
+
+ {
+ dispatch("remove_image");
+ event.stopPropagation();
+ }}
+ />
+
+
+
diff --git a/extensions/canvas-zoom/dist/js/image/src/Sketch.svelte b/extensions/canvas-zoom/dist/js/image/src/Sketch.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..0dbfb5e37257ef106fda25f9bc623ec5b506304a
--- /dev/null
+++ b/extensions/canvas-zoom/dist/js/image/src/Sketch.svelte
@@ -0,0 +1,867 @@
+
+
+
+ {#if line_count === 0}
+
+
+
diff --git a/extensions/canvas-zoom/dist/js/image/src/SketchSettings.svelte b/extensions/canvas-zoom/dist/js/image/src/SketchSettings.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..28af562f9b426150b6938fcb9daa5b34675cd484
--- /dev/null
+++ b/extensions/canvas-zoom/dist/js/image/src/SketchSettings.svelte
@@ -0,0 +1,91 @@
+
+
+Start drawing
+ {/if}
+ {#each canvas_types as { name, zIndex }}
+
+
+ (show_size = !show_size)}
+ />
+ {#if show_size}
+
+ {/if}
+
+
+ {#if true}
+
+ (show_col = !show_col)}
+ />
+ {#if show_col}
+ {
+ if (mode === "mask") dispatch("redraw");
+ }}
+ bind:value={brush_color}
+ type="color"
+ />
+ {/if}
+
+ {/if}
+
+
+
diff --git a/extensions/canvas-zoom/dist/js/image/src/StaticImage.svelte b/extensions/canvas-zoom/dist/js/image/src/StaticImage.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..1af905be2a730183a406143e0606f06bc5d25b3f
--- /dev/null
+++ b/extensions/canvas-zoom/dist/js/image/src/StaticImage.svelte
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
+
+
+ {#if !streaming}
+
+ {/if}
+
+
+
diff --git a/extensions/canvas-zoom/dist/js/image/src/index.ts b/extensions/canvas-zoom/dist/js/image/src/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..42800442a811e02457fda02133a44334c0231c46
--- /dev/null
+++ b/extensions/canvas-zoom/dist/js/image/src/index.ts
@@ -0,0 +1,3 @@
+export { default as Image } from "./Image.svelte";
+export { default as Webcam } from "./Webcam.svelte";
+export { default as StaticImage } from "./StaticImage.svelte";
diff --git a/extensions/canvas-zoom/dist/js/image/src/utils.ts b/extensions/canvas-zoom/dist/js/image/src/utils.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e5ffea75366b567bdf2f9bfe91aaef68f3983395
--- /dev/null
+++ b/extensions/canvas-zoom/dist/js/image/src/utils.ts
@@ -0,0 +1,26 @@
+export const get_coordinates_of_clicked_image = (
+ evt: MouseEvent
+): [number, number] | null => {
+ let image = evt.currentTarget as HTMLImageElement;
+
+ const imageRect = image.getBoundingClientRect();
+ const xScale = image.naturalWidth / imageRect.width;
+ const yScale = image.naturalHeight / imageRect.height;
+ if (xScale > yScale) {
+ const displayed_width = imageRect.width;
+ const displayed_height = image.naturalHeight / xScale;
+ const y_offset = (imageRect.height - displayed_height) / 2;
+ var x = Math.round((evt.clientX - imageRect.left) * xScale);
+ var y = Math.round((evt.clientY - imageRect.top - y_offset) * xScale);
+ } else {
+ const displayed_width = image.naturalWidth / yScale;
+ const displayed_height = imageRect.height;
+ const x_offset = (imageRect.width - displayed_width) / 2;
+ var x = Math.round((evt.clientX - imageRect.left - x_offset) * yScale);
+ var y = Math.round((evt.clientY - imageRect.top) * yScale);
+ }
+ if (x < 0 || x >= image.naturalWidth || y < 0 || y >= image.naturalHeight) {
+ return null;
+ }
+ return [x, y];
+};
diff --git a/extensions/canvas-zoom/dist/old-auto-v-1-0/README.MD b/extensions/canvas-zoom/dist/old-auto-v-1-0/README.MD
new file mode 100644
index 0000000000000000000000000000000000000000..2952fbb5bf7c7438fdfc2fd8e3bf2bf1460aff48
--- /dev/null
+++ b/extensions/canvas-zoom/dist/old-auto-v-1-0/README.MD
@@ -0,0 +1,9 @@
+# A small guide to development
+
+To change the changes in the main scripts, you need:
+1) download the source code of the gradio
+2) Transfer ui folder from this repo to gradio with substitution
+3) After you finish editing the changes in the source files. Run the file
+scripts\build_frontend.sh
+4) After you are done, go to gradio folder inside of the gradio source code and copy templates folder to dist folder inside of the extension
+5) Restart webui extension will replace the files by itself and you will see the change
diff --git a/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/BlockLabel.353a84f3.js b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/BlockLabel.353a84f3.js
new file mode 100644
index 0000000000000000000000000000000000000000..f2c1de718fa2b0a85206bbacc275f6bc35b4752d
--- /dev/null
+++ b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/BlockLabel.353a84f3.js
@@ -0,0 +1,2 @@
+import{S as b,i as g,s as h,F as m,c as d,G as w,H as y,B as u,O as r,f as I,D as _,m as B,J as j,o as S,t as k,p as q,l as C}from"./index.8bc3f3e8.js";import{g as D}from"./Empty.svelte_svelte_type_style_lang.bc882d5f.js";function F(l){let e,a,n,c,f,i;return n=new l[1]({}),{c(){e=m("div"),a=m("span"),d(n.$$.fragment),c=w(),f=y(l[0]),u(a,"class","svelte-1frtwj3"),u(e,"style",l[4]),u(e,"class","svelte-1frtwj3"),r(e,"hide",!l[2]),r(e,"sr-only",!l[2]),r(e,"float",l[3])},m(t,s){I(t,e,s),_(e,a),B(n,a,null),_(e,c),_(e,f),i=!0},p(t,[s]){(!i||s&1)&&j(f,t[0]),(!i||s&16)&&u(e,"style",t[4]),s&4&&r(e,"hide",!t[2]),s&4&&r(e,"sr-only",!t[2]),s&8&&r(e,"float",t[3])},i(t){i||(S(n.$$.fragment,t),i=!0)},o(t){k(n.$$.fragment,t),i=!1},d(t){t&&q(e),C(n)}}}function G(l,e,a){let n,{label:c=null}=e,{Icon:f}=e,{show_label:i=!0}=e,{disable:t=!1}=e,{float:s=!0}=e;return l.$$set=o=>{"label"in o&&a(0,c=o.label),"Icon"in o&&a(1,f=o.Icon),"show_label"in o&&a(2,i=o.show_label),"disable"in o&&a(5,t=o.disable),"float"in o&&a(3,s=o.float)},l.$$.update=()=>{l.$$.dirty&32&&a(4,{styles:n}=D({label_container:!t},["label_container"]),n)},[c,f,i,s,n,t]}class L extends b{constructor(e){super(),g(this,e,G,F,h,{label:0,Icon:1,show_label:2,disable:5,float:3})}}export{L as B};
+//# sourceMappingURL=BlockLabel.353a84f3.js.map
diff --git a/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/BlockLabel.353a84f3.js.map b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/BlockLabel.353a84f3.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..4c1f5190862fc3f1ff9879b4c4546540b543406f
--- /dev/null
+++ b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/BlockLabel.353a84f3.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"BlockLabel.353a84f3.js","sources":["../../../../ui/packages/atoms/src/BlockLabel.svelte"],"sourcesContent":["\n\napi_name
+ parameter of the event listener.
+ + For more information, visit the + API Page guide + . To hide the API documentation button and this page, set +
show_api=False
+ in the
+ Blocks.launch()
+ method.`,u=L(),_=w("button"),V(c.$$.fragment),E(s,"class","svelte-1i3r921"),E(i,"class","attention svelte-1i3r921"),E(t,"class","wrap prose svelte-1i3r921"),E(_,"class","svelte-1i3r921")},m(d,C){I(d,t,C),h(t,n),h(t,r),h(t,i),h(i,o),h(i,s),h(s,a),h(t,f),h(t,l),I(d,u,C),I(d,_,C),z(c,_,null),g=!0,p||(m=_e(_,"click",e[2]),p=!0)},p(d,[C]){(!g||C&1)&&B(a,d[0])},i(d){g||(x(c.$$.fragment,d),g=!0)},o(d){D(c.$$.fragment,d),g=!1},d(d){d&&S(t),d&&S(u),d&&S(_),X(c),p=!1,m()}}}function Xl(e,t,n){const r=it();let{root:i}=t;const o=()=>r("close");return e.$$set=s=>{"root"in s&&n(0,i=s.root)},[i,r,o]}class Bl extends K{constructor(t){super(),$(this,t,Xl,zl,ee,{root:0})}}function ve(e,t,n=null){return t===void 0?n==="py"?"None":null:t==="string"?n===null?e:'"'+e+'"':t==="number"?n===null?parseFloat(e):e:t==="boolean"?n==="py"?e==="true"?"True":"False":n==="js"?e:e==="true":n===null?e===""?null:JSON.parse(e):typeof e=="string"?e===""?n==="py"?"None":"null":e:JSON.stringify(e)}var ql="./assets/api-logo.5346f193.svg";function Lt(e){let t,n,r;return{c(){t=w("div"),n=P(e[1]),r=P(" API endpoints:")},m(i,o){I(i,t,o),h(t,n),h(t,r)},p(i,o){o&2&&B(n,i[1])},d(i){i&&S(t)}}}function Hl(e){let t,n,r,i,o,s,a,f,l,u,_,c,g,p=e[1]>1&&Lt(e);return u=new $i({}),{c(){t=w("h2"),n=w("img"),i=P(`
+ API documentation for\xA0
+ `),o=w("span"),s=P(e[0]),a=L(),p&&p.c(),f=L(),l=w("button"),V(u.$$.fragment),Pe(n.src,r=ql)||E(n,"src",r),E(n,"alt",""),E(n,"class","svelte-155na5k"),E(o,"class","url svelte-155na5k"),E(t,"class","svelte-155na5k"),E(l,"class","svelte-155na5k")},m(m,d){I(m,t,d),h(t,n),h(t,i),h(t,o),h(o,s),I(m,a,d),p&&p.m(m,d),I(m,f,d),I(m,l,d),z(u,l,null),_=!0,c||(g=_e(l,"click",e[3]),c=!0)},p(m,[d]){(!_||d&1)&&B(s,m[0]),m[1]>1?p?p.p(m,d):(p=Lt(m),p.c(),p.m(f.parentNode,f)):p&&(p.d(1),p=null)},i(m){_||(x(u.$$.fragment,m),_=!0)},o(m){D(u.$$.fragment,m),_=!1},d(m){m&&S(t),m&&S(a),p&&p.d(m),m&&S(f),m&&S(l),X(u),c=!1,g()}}}function Wl(e,t,n){let{root:r}=t,{active_api_count:i}=t;const o=it(),s=()=>o("close");return e.$$set=a=>{"root"in a&&n(0,r=a.root),"active_api_count"in a&&n(1,i=a.active_api_count)},[r,i,o,s]}class Zl extends K{constructor(t){super(),$(this,t,Wl,Hl,ee,{root:0,active_api_count:1})}}function Jl(e){let t;return{c(){t=P("copy")},m(n,r){I(n,t,r)},d(n){n&&S(t)}}}function Yl(e){let t;return{c(){t=P("copied!")},m(n,r){I(n,t,r)},d(n){n&&S(t)}}}function Ql(e){let t;function n(o,s){return o[3]===o[2]?Yl:Jl}let r=n(e),i=r(e);return{c(){i.c(),t=ne()},m(o,s){i.m(o,s),I(o,t,s)},p(o,s){r!==(r=n(o))&&(i.d(1),i=r(o),i&&(i.c(),i.m(t.parentNode,t)))},d(o){i.d(o),o&&S(t)}}}function Kl(e){let t,n,r,i,o,s,a,f,l,u,_,c,g;return c=new ot({props:{size:"sm",variant:"secondary",$$slots:{default:[Ql]},$$scope:{ctx:e}}}),c.$on("click",e[4]),{c(){t=w("h3"),n=w("span"),n.textContent="POST",r=P(`
+ /run/`),i=P(e[0]),o=L(),s=w("div"),a=w("div"),f=P(e[1]),l=P("run/"),u=P(e[0]),_=L(),V(c.$$.fragment),E(n,"class","post svelte-vs3f38"),E(t,"class","svelte-vs3f38"),E(a,"class","url svelte-vs3f38"),E(s,"class","endpoint prose svelte-vs3f38")},m(p,m){I(p,t,m),h(t,n),h(t,r),h(t,i),I(p,o,m),I(p,s,m),h(s,a),h(a,f),h(a,l),h(a,u),h(a,_),z(c,a,null),g=!0},p(p,[m]){(!g||m&1)&&B(i,p[0]),(!g||m&2)&&B(f,p[1]),(!g||m&1)&&B(u,p[0]);const d={};m&44&&(d.$$scope={dirty:m,ctx:p}),c.$set(d)},i(p){g||(x(c.$$.fragment,p),g=!0)},o(p){D(c.$$.fragment,p),g=!1},d(p){p&&S(t),p&&S(o),p&&S(s),X(c)}}}function $l(e,t,n){let{api_name:r}=t,{root:i}=t,{dependency_index:o}=t,s=-1;function a(){navigator.clipboard.writeText(i+"run/"+r),n(3,s=o),setTimeout(()=>{n(3,s=-1)},1500)}return e.$$set=f=>{"api_name"in f&&n(0,r=f.api_name),"root"in f&&n(1,i=f.root),"dependency_index"in f&&n(2,o=f.dependency_index)},[r,i,o,s,a]}class es extends K{constructor(t){super(),$(this,t,$l,Kl,ee,{api_name:0,root:1,dependency_index:2})}}function Rt(e,t,n){const r=e.slice();return r[7]=t[n],r[8]=t,r[9]=n,r}function Nt(e){let t;return{c(){t=w("span"),t.textContent="ERROR",E(t,"class","error svelte-j5il63")},m(n,r){I(n,t,r)},d(n){n&&S(t)}}}function jt(e){let t,n,r,i,o,s,a=(e[4][e[7]].documentation?.type?.input_payload||e[4][e[7]].documentation?.type?.payload)+"",f,l,u,_,c,g=(e[4][e[7]].documentation?.description?.input_payload||e[4][e[7]].documentation?.description?.payload)+"",p,m,d=Dt(e[4][e[7]].props.label)+"",C,T,y,b=e[4][e[7]].props.name+"",A,O,J,ke;function q(){e[6].call(n,e[9])}let W=e[2][e[3]][e[9]]&&Nt();return{c(){t=w("div"),n=w("input"),r=L(),W&&W.c(),i=L(),o=w("span"),s=P(": "),f=P(a),l=P(","),u=L(),_=w("span"),c=P("// represents "),p=P(g),m=P(` of
+ `),C=P(d),T=L(),y=w("span"),A=P(b),O=P(`
+ component`),E(n,"class"," svelte-j5il63"),E(n,"type","text"),E(o,"class","type svelte-j5il63"),E(y,"class","name svelte-j5il63"),E(_,"class","desc svelte-j5il63"),E(t,"class","second-level svelte-j5il63")},m(le,te){I(le,t,te),h(t,n),De(n,e[0][e[3]][e[9]]),h(t,r),W&&W.m(t,null),h(t,i),h(t,o),h(o,s),h(o,f),h(o,l),h(t,u),h(t,_),h(_,c),h(_,p),h(_,m),h(_,C),h(_,T),h(_,y),h(y,A),h(_,O),J||(ke=_e(n,"input",q),J=!0)},p(le,te){e=le,te&9&&n.value!==e[0][e[3]][e[9]]&&De(n,e[0][e[3]][e[9]]),e[2][e[3]][e[9]]?W||(W=Nt(),W.c(),W.m(t,i)):W&&(W.d(1),W=null),te&18&&a!==(a=(e[4][e[7]].documentation?.type?.input_payload||e[4][e[7]].documentation?.type?.payload)+"")&&B(f,a),te&18&&g!==(g=(e[4][e[7]].documentation?.description?.input_payload||e[4][e[7]].documentation?.description?.payload)+"")&&B(p,g),te&18&&d!==(d=Dt(e[4][e[7]].props.label)+"")&&B(C,d),te&18&&b!==(b=e[4][e[7]].props.name+"")&&B(A,b)},d(le){le&&S(t),W&&W.d(),J=!1,ke()}}}function ts(e){let t,n,r,i,o,s,a,f=e[1].inputs,l=[];for(let u=0;u\n\t
\n\n\n\n\n","export function represent_value(\n\tvalue: string,\n\ttype: string | undefined,\n\tlang: \"js\" | \"py\" | null = null\n) {\n\tif (type === undefined) {\n\t\treturn lang === \"py\" ? \"None\" : null;\n\t}\n\tif (type === \"string\") {\n\t\treturn lang === null ? value : '\"' + value + '\"';\n\t} else if (type === \"number\") {\n\t\treturn lang === null ? parseFloat(value) : value;\n\t} else if (type === \"boolean\") {\n\t\tif (lang === \"py\") {\n\t\t\treturn value === \"true\" ? \"True\" : \"False\";\n\t\t} else if (lang === \"js\") {\n\t\t\treturn value;\n\t\t} else {\n\t\t\treturn value === \"true\";\n\t\t}\n\t} else {\n\t\t// assume object type\n\t\tif (lang === null) {\n\t\t\treturn value === \"\" ? null : JSON.parse(value);\n\t\t} else if (typeof value === \"string\") {\n\t\t\tif (value === \"\") {\n\t\t\t\treturn lang === \"py\" ? \"None\" : \"null\";\n\t\t\t}\n\t\t\treturn value;\n\t\t} else {\n\t\t\treturn JSON.stringify(value);\n\t\t}\n\t}\n}\n","export default \"__VITE_ASSET__5346f193__\"","\n\nAPI Docs
\n\t\n\t\tNo named API Routes found for\n\t\t\n\t\t\t{root}\n\t\t\n\t
\n\t\tTo expose an API endpoint of your app in this page, set the \n\t\t\tapi_name\n\t\t\n\t\tparameter of the event listener.\n\t\t
\n\t\tFor more information, visit the\n\t\t\n\t\t\tAPI Page guide\n\t\t\n\t\t. To hide the API documentation button and this page, set\n\t\tshow_api=False\n\t\tin the\n\t\tBlocks.launch()\n\t\tmethod.\n\t
\n\t
\n\tAPI documentation for \n\t\n\t\t{root}\n\t\n
\n{#if active_api_count > 1}\n\t\n\t\t{active_api_count} API endpoints:\n\t
\n{/if}\n\n\n\n\n","\n\n\n\tPOST\n\t/run/{api_name}\n
\n\n\t
\n\n\n","\n\n\n\t\t{root}run/{api_name}\n\t\t\n\t
\n\n\t\n\tInput Payload\n
\n\n\t\t{\n\t\t
\n\"data\": [
\n\t\t{#each dependency.inputs as component_id, component_index}\n\t\t\t\n\t\t\t\t
\n\t\t{/each}\n\t\t]
\n\t\t}\n\t\n\t\n\tResponse Object\n
\n\n\t\t
\n\n\t\t\t{\n\t\t\t
\n\t\t{#if is_running}\n\t\t\t\"data\": [
\n\t\t\t{#each dependency.outputs as component_id, component_index}\n\t\t\t\t\n\t\t\t\t\t{#if dependency_outputs[dependency_index][component_index] !== undefined}\n\t\t\t\t\t\t
\n\t\t\t{/each}\n\t\t\t],
\n\t\t\t\n\t\t\t\t\"duration\": (float)\n\t\t\t\t// number of seconds to run function call\n\t\t\t
\n\t\t\t}\n\t\t\n\t\t\t\t
\n\t\t{/if}\n\t\n\t\n\tCode snippets\n
\n\n\t{#each langs as [language, img]}\n\t\t (current_language = language)}\n\t\t>\n\t\t\t
\n\t\t\t{language}\n\t\t\n\t{/each}\n
\n\n\n\t\t{#if current_language === \"python\"}\n\t\t\t\n\t\t\t\timport requests\n\nresponse = requests.post(\"{root + \"run/\" + dependency.api_name}\", json={\n\t\"data\": [{#each dependency_inputs[dependency_index] as component_value, component_index}\n\t\t\t\n\t\t{:else if current_language === \"javascript\"}\n\t\t\t\n\t\t\t\tconst response = await fetch(\"{root + \"run/\" + dependency.api_name}\", {\n\tmethod: \"POST\",\n\theaders: { \"Content-Type\": \"application/json\" },\n\tbody: JSON.stringify({\n\t\tdata: [{#each dependency_inputs[dependency_index] as component_value, component_index}\n\t\t\t\n\t\t{:else if current_language === \"gradio client\"}\n\t\t\tHello World
\n\t\t{/if}\n\t\n\n\t\t{#each dependencies as dependency, dependency_index}\n\t\t\t{#if dependency.api_name}\n\t\t\t\t
\n{:else}\n\t\n\t\t\t\t\t
\n\t\t\t{/if}\n\t\t{/each}\n\t\n\t
\n\n{#if api_docs_visible && ready}\n\t\n\t\t{#if ready}\n\t\t\t handle_destroy(detail)}\n\t\t\t/>\n\t\t{/if}\n\t
\n\n\t{#if show_footer}\n\t\t\n\t{/if}\n\n\t\t {\n\t\t\t\tset_api_docs_visible(false);\n\t\t\t}}\n\t\t/>\n\t\t
\n{/if}\n\n\n"],"file":"assets/Blocks.721a001e.js"}
\ No newline at end of file
diff --git a/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Check.2e4ca81a.js b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Check.2e4ca81a.js
new file mode 100644
index 0000000000000000000000000000000000000000..8519b9b0cdd8b688523e82d21af9b170e19f6e8f
--- /dev/null
+++ b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Check.2e4ca81a.js
@@ -0,0 +1,2 @@
+import{S as l,i as p,s as c,A as r,B as t,f as u,D as d,E as o,p as h}from"./index.8bc3f3e8.js";function f(i){let e,s;return{c(){e=r("svg"),s=r("polyline"),t(s,"points","20 6 9 17 4 12"),t(e,"xmlns","http://www.w3.org/2000/svg"),t(e,"width","100%"),t(e,"height","100%"),t(e,"viewBox","0 0 24 24"),t(e,"fill","none"),t(e,"stroke","currentColor"),t(e,"stroke-width","3"),t(e,"stroke-linecap","round"),t(e,"stroke-linejoin","round")},m(n,a){u(n,e,a),d(e,s)},p:o,i:o,o,d(n){n&&h(e)}}}class m extends l{constructor(e){super(),p(this,e,null,f,c,{})}}export{m as C};
+//# sourceMappingURL=Check.2e4ca81a.js.map
diff --git a/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Check.2e4ca81a.js.map b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Check.2e4ca81a.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..2d427cd7c4bb697418f7e07342aa2c7da977ff4c
--- /dev/null
+++ b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Check.2e4ca81a.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"Check.2e4ca81a.js","sources":["../../../../ui/packages/icons/src/Check.svelte"],"sourcesContent":["\n\t\t\t {\n\t\t\t\t\tset_api_docs_visible(false);\n\t\t\t\t}}\n\t\t\t\t{instance_map}\n\t\t\t\t{dependencies}\n\t\t\t\t{root}\n\t\t\t/>\n\t\t
\n\t\n\t\t
\n\n\n\n"],"names":[],"mappings":"iYAOc,OAAS,OAAO,cAChB,OAAS,OAAO,mCAH9B,SAMC,uHAJa,OAAS,OAAO,mBAChB,OAAS,OAAO,oJAPlB,OAA0B,YAC1B,eAAe"}
\ No newline at end of file
diff --git a/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Empty.svelte_svelte_type_style_lang.04656a45.css b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Empty.svelte_svelte_type_style_lang.04656a45.css
new file mode 100644
index 0000000000000000000000000000000000000000..7eccfe5b6ac9a0b65a64c4007b294d0f4df457cd
--- /dev/null
+++ b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Empty.svelte_svelte_type_style_lang.04656a45.css
@@ -0,0 +1 @@
+button.svelte-1ipelgc{display:inline-flex;justify-content:center;align-items:center;transition:var(--button-transition);box-shadow:var(--button-shadow);padding:var(--size-0-5) var(--size-2);text-align:center}button.svelte-1ipelgc:hover,button[disabled].svelte-1ipelgc{box-shadow:var(--button-shadow-hover)}button.svelte-1ipelgc:active{box-shadow:var(--button-shadow-active)}button[disabled].svelte-1ipelgc{opacity:.5;filter:grayscale(30%);cursor:not-allowed}.hide.svelte-1ipelgc{display:none}.primary.svelte-1ipelgc{border:var(--button-border-width) solid var(--button-primary-border-color);background:var(--button-primary-background-fill);color:var(--button-primary-text-color)}.primary.svelte-1ipelgc:hover,.primary[disabled].svelte-1ipelgc{border-color:var(--button-primary-border-color-hover);background:var(--button-primary-background-fill-hover);color:var(--button-primary-text-color-hover)}.secondary.svelte-1ipelgc{border:var(--button-border-width) solid var(--button-secondary-border-color);background:var(--button-secondary-background-fill);color:var(--button-secondary-text-color)}.secondary.svelte-1ipelgc:hover,.secondary[disabled].svelte-1ipelgc{border-color:var(--button-secondary-border-color-hover);background:var(--button-secondary-background-fill-hover);color:var(--button-secondary-text-color-hover)}.stop.svelte-1ipelgc{border:var(--button-border-width) solid var(--button-cancel-border-color);background:var(--button-cancel-background-fill);color:var(--button-cancel-text-color)}.stop.svelte-1ipelgc:hover,.stop[disabled].svelte-1ipelgc{border-color:var(--button-cancel-border-color-hover);background:var(--button-cancel-background-fill-hover);color:var(--button-cancel-text-color-hover)}.sm.svelte-1ipelgc{border-radius:var(--button-small-radius);padding:var(--button-small-padding);font-weight:var(--button-small-text-weight);font-size:var(--button-small-text-size)}.lg.svelte-1ipelgc{border-radius:var(--button-large-radius);padding:var(--button-large-padding);font-weight:var(--button-large-text-weight);font-size:var(--button-large-text-size)}.block.svelte-mppz8v{position:relative;margin:0;box-shadow:var(--block-shadow);border-width:var(--block-border-width);border-color:var(--block-border-color);border-radius:var(--block-radius);background:var(--block-background-fill);width:100%;line-height:var(--line-sm)}.block.border_focus.svelte-mppz8v{border-color:var(--color-accent)}.padded.svelte-mppz8v{padding:var(--block-padding)}.hidden.svelte-mppz8v{display:none}div.svelte-e8n7p6{margin-bottom:var(--spacing-lg);color:var(--block-info-text-color);font-weight:var(--block-info-text-weight);font-size:var(--block-info-text-size);line-height:var(--line-sm)}span.has-info.svelte-1gfkn6j{margin-bottom:var(--spacing-xs)}span.svelte-1gfkn6j:not(.has-info){margin-bottom:var(--spacing-lg)}span.svelte-1gfkn6j{display:inline-block;position:relative;z-index:var(--layer-4);border:solid var(--block-title-border-width) var(--block-title-border-color);border-radius:var(--block-title-radius);background:var(--block-title-background-fill);padding:var(--block-title-padding);color:var(--block-title-text-color);font-weight:var(--block-title-text-weight);font-size:var(--block-title-text-size);line-height:var(--line-sm)}.hide.svelte-1gfkn6j{margin:0;height:0}div.svelte-1frtwj3{display:inline-flex;align-items:center;z-index:var(--layer-2);box-shadow:var(--block-shadow);border:var(--block-label-border-width) solid var(--border-color-primary);border-top:none;border-left:none;border-radius:var(--block-label-radius);background:var(--block-label-background-fill);padding:var(--block-label-padding);pointer-events:none;color:var(--block-label-text-color);font-weight:var(--block-label-text-weight);font-size:var(--block-label-text-size);line-height:var(--line-sm)}div.float.svelte-1frtwj3{position:absolute;top:var(--block-label-margin);left:var(--block-label-margin)}div.svelte-1frtwj3:not(.float){position:static;margin-top:var(--block-label-margin);margin-left:var(--block-label-margin)}.hide.svelte-1frtwj3{height:0}span.svelte-1frtwj3{opacity:.8;margin-right:var(--size-2);width:calc(var(--block-label-text-size) - 1px);height:calc(var(--block-label-text-size) - 1px)}button.svelte-184m5ec{display:flex;justify-content:center;align-items:center;z-index:var(--layer-1);box-shadow:var(--shadow-drop);border:1px solid var(--button-secondary-border-color);border-radius:var(--radius-sm);background:var(--background-fill-primary);width:var(--size-5);height:var(--size-5);color:var(--block-label-text-color)}button.svelte-184m5ec:hover{border:1px solid var(--button-secondary-border-color-hover);color:var(--block-label-text-color)}div.svelte-184m5ec{width:60%;height:60%}.empty.svelte-1u5vjgs{display:flex;justify-content:center;align-items:center;height:var(--size-full)}.icon.svelte-1u5vjgs{opacity:.5;height:var(--size-5);color:var(--body-text-color)}.small.svelte-1u5vjgs{height:calc(var(--size-32) - 20px)}.large.svelte-1u5vjgs{height:calc(var(--size-64) - 20px)}.unpadded_box.small.svelte-1u5vjgs{min-height:var(--size-32)}.unpadded_box.large.svelte-1u5vjgs{min-height:var(--size-64)}
diff --git a/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Empty.svelte_svelte_type_style_lang.bc882d5f.js b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Empty.svelte_svelte_type_style_lang.bc882d5f.js
new file mode 100644
index 0000000000000000000000000000000000000000..175af232a50dd5a190f130b117d4271a822474b7
--- /dev/null
+++ b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Empty.svelte_svelte_type_style_lang.bc882d5f.js
@@ -0,0 +1,2 @@
+import{S as K,i as L,s as z,W as N,F as S,B as b,O as m,f as j,I as Z,X as Y,Y as F,Z as T,o as C,t as I,p as O,x as D,$ as E,C as y,g as G,e as H,a0 as J,v as M}from"./index.8bc3f3e8.js";const P=(l,e)=>W[e](l[e]);function k(l,e){const t=e.reduce((n,s)=>(l[s]===void 0||!W[s]?n[s]=" ":n[s]=` ${P(l,s)} `,n),{});return t.styles=` ${Object.values(t).join(" ").replace(/\s+/g," ").trim()} `,t}const W={container(l){return l?"":"padding: 0; margin: 0; border-width: 0; box-shadow: none; overflow: visible; background: transparent;"},label_container(l){return l?"":"border-width: 0; box-shadow: none; overflow: visible; background: transparent;"},grid(l){let e=["","sm-","md-","lg-","xl-","2xl-"],t=Array.isArray(l)?l:[l];return[0,0,0,0,0,0].map((n,s)=>`--${e[s]}grid-cols: var(--grid-${t?.[s]||t?.[t?.length-1]});`).join(" ")},height(l){return l==="auto"?"height: auto;":""},full_width(l){return l?"width: var(--size-full); flex-grow: 1;":"flex-grow: 0; width: fit-content;"},equal_height(l){return l?"align-items: stretch;":"align-items: flex-start;"},visible(l){return l?"":"display:hidden;"},item_container(l){return l?"":"border-width:0;"}};function Q(l){let e,t,n,s,f;const _=l[9].default,d=N(_,l,l[8],null);return{c(){e=S("button"),d&&d.c(),b(e,"class",t=l[4]+" "+l[3]+" "+l[1].join(" ")+" svelte-1ipelgc"),b(e,"style",l[6]),b(e,"id",l[0]),e.disabled=l[5],m(e,"hide",!l[2])},m(a,i){j(a,e,i),d&&d.m(e,null),n=!0,s||(f=Z(e,"click",l[10]),s=!0)},p(a,[i]){d&&d.p&&(!n||i&256)&&Y(d,_,a,a[8],n?T(_,a[8],i,null):F(a[8]),null),(!n||i&26&&t!==(t=a[4]+" "+a[3]+" "+a[1].join(" ")+" svelte-1ipelgc"))&&b(e,"class",t),(!n||i&64)&&b(e,"style",a[6]),(!n||i&1)&&b(e,"id",a[0]),(!n||i&32)&&(e.disabled=a[5]),i&30&&m(e,"hide",!a[2])},i(a){n||(C(d,a),n=!0)},o(a){I(d,a),n=!1},d(a){a&&O(e),d&&d.d(a),s=!1,f()}}}function R(l,e,t){let n,{$$slots:s={},$$scope:f}=e,{style:_={}}=e,{elem_id:d=""}=e,{elem_classes:a=[]}=e,{visible:i=!0}=e,{variant:o="secondary"}=e,{size:v=_.size||"lg"}=e,{disabled:g=!1}=e;function c(r){D.call(this,l,r)}return l.$$set=r=>{"style"in r&&t(7,_=r.style),"elem_id"in r&&t(0,d=r.elem_id),"elem_classes"in r&&t(1,a=r.elem_classes),"visible"in r&&t(2,i=r.visible),"variant"in r&&t(3,o=r.variant),"size"in r&&t(4,v=r.size),"disabled"in r&&t(5,g=r.disabled),"$$scope"in r&&t(8,f=r.$$scope)},l.$$.update=()=>{l.$$.dirty&128&&t(6,{styles:n}=k(_,["full_width"]),n)},[d,a,i,o,v,g,n,_,f,s,c]}class p extends K{constructor(e){super(),L(this,e,R,Q,z,{style:7,elem_id:0,elem_classes:1,visible:2,variant:3,size:4,disabled:5})}}function B(l){let e,t,n,s;const f=l[16].default,_=N(f,l,l[15],null);let d=[{"data-testid":l[5]},{id:l[0]},{class:t="block "+l[1].join(" ")+" svelte-mppz8v"},{style:n=l[9]+" "+(l[8]||null)}],a={};for(let i=0;i\n\t
\n\n\n"],"names":[],"mappings":"gRAIiC,cAAjC,2HAAiC,0HAHrB,UAAU"}
\ No newline at end of file
diff --git a/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Image.3a14ca24.css b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Image.3a14ca24.css
new file mode 100644
index 0000000000000000000000000000000000000000..60f45635043d082881d8d8a529c1142ee028a68b
--- /dev/null
+++ b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Image.3a14ca24.css
@@ -0,0 +1 @@
+img.svelte-gqt00k{border-radius:var(--radius-lg);max-width:none}img.selected.svelte-gqt00k{border-color:var(--border-color-accent)}.table.svelte-gqt00k{margin:0 auto;border:2px solid var(--border-color-primary);border-radius:var(--radius-lg);width:var(--size-20);height:var(--size-20);object-fit:cover}.gallery.svelte-gqt00k{border:2px solid var(--border-color-primary);max-height:var(--size-20);object-fit:cover}
diff --git a/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Image.6849a1b2.js b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Image.6849a1b2.js
new file mode 100644
index 0000000000000000000000000000000000000000..57a07332fb72e3dd1996c99bc91bd600c3edcbf0
--- /dev/null
+++ b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Image.6849a1b2.js
@@ -0,0 +1,2 @@
+import{S as h,i as g,s as d,A as n,B as e,f,D as a,E as l,p as m}from"./index.8bc3f3e8.js";function u(c){let t,r,s,o;return{c(){t=n("svg"),r=n("rect"),s=n("circle"),o=n("polyline"),e(r,"x","3"),e(r,"y","3"),e(r,"width","18"),e(r,"height","18"),e(r,"rx","2"),e(r,"ry","2"),e(s,"cx","8.5"),e(s,"cy","8.5"),e(s,"r","1.5"),e(o,"points","21 15 16 10 5 21"),e(t,"xmlns","http://www.w3.org/2000/svg"),e(t,"width","100%"),e(t,"height","100%"),e(t,"viewBox","0 0 24 24"),e(t,"fill","none"),e(t,"stroke","currentColor"),e(t,"stroke-width","1.5"),e(t,"stroke-linecap","round"),e(t,"stroke-linejoin","round"),e(t,"class","feather feather-image")},m(i,p){f(i,t,p),a(t,r),a(t,s),a(t,o)},p:l,i:l,o:l,d(i){i&&m(t)}}}class x extends h{constructor(t){super(),g(this,t,null,u,d,{})}}export{x as I};
+//# sourceMappingURL=Image.6849a1b2.js.map
diff --git a/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Image.6849a1b2.js.map b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Image.6849a1b2.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..e36d3b6453a8d248061faff605c3c298b1bee7e2
--- /dev/null
+++ b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/Image.6849a1b2.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"Image.6849a1b2.js","sources":["../../../../ui/packages/icons/src/Image.svelte"],"sourcesContent":["\n\t{#each choices as choice, i (i)}\n\t\t\n\t\t\t dispatch(\"select\", { value: choice, index: i })}\n\t\t\t\ttype=\"radio\"\n\t\t\t\tname=\"radio-{elem_id}\"\n\t\t\t\tvalue={choice}\n\t\t\t/>\n\t\t\t{choice}\n\t\t\n\t{/each}\n
\n\n\n","\n\n\n\t\t
\n\n\t
\n\n\n\t\t\n\t\t
\n\n\t
\n\n\n","export { default as Component } from \"./Group.svelte\";\nexport const modes = [\"static\"];\n"],"names":[],"mappings":"mPAMS,sBAAgB,KAAa,KAAK,GAAG,oCAAkB,cAAhE,4HAAS,yBAAgB,KAAa,KAAK,GAAG,0DAAkB,0HALpD,UAAkB,OAClB,sBACA,UAAmB,4RCFlB,GAAQ,CAAC,QAAQ"}
\ No newline at end of file
diff --git a/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/index.5e7e2969.js b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/index.5e7e2969.js
new file mode 100644
index 0000000000000000000000000000000000000000..233b1ef01aed463c8c4acf78d9232e472f66f70c
--- /dev/null
+++ b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/index.5e7e2969.js
@@ -0,0 +1,2 @@
+import{S as m,i as u,s as r,c as d,m as b,o as c,t as f,l as g,W as v,X as h,Y as k,Z as p}from"./index.8bc3f3e8.js";import{a as B}from"./Empty.svelte_svelte_type_style_lang.bc882d5f.js";function C(i){let t;const l=i[3].default,e=v(l,i,i[4],null);return{c(){e&&e.c()},m(s,n){e&&e.m(s,n),t=!0},p(s,n){e&&e.p&&(!t||n&16)&&h(e,l,s,s[4],t?p(l,s[4],n,null):k(s[4]),null)},i(s){t||(c(e,s),t=!0)},o(s){f(e,s),t=!1},d(s){e&&e.d(s)}}}function S(i){let t,l;return t=new B({props:{elem_id:i[0],elem_classes:i[1],visible:i[2],explicit_call:!0,$$slots:{default:[C]},$$scope:{ctx:i}}}),{c(){d(t.$$.fragment)},m(e,s){b(t,e,s),l=!0},p(e,[s]){const n={};s&1&&(n.elem_id=e[0]),s&2&&(n.elem_classes=e[1]),s&4&&(n.visible=e[2]),s&16&&(n.$$scope={dirty:s,ctx:e}),t.$set(n)},i(e){l||(c(t.$$.fragment,e),l=!0)},o(e){f(t.$$.fragment,e),l=!1},d(e){g(t,e)}}}function q(i,t,l){let{$$slots:e={},$$scope:s}=t,{elem_id:n}=t,{elem_classes:a}=t,{visible:_=!0}=t;return i.$$set=o=>{"elem_id"in o&&l(0,n=o.elem_id),"elem_classes"in o&&l(1,a=o.elem_classes),"visible"in o&&l(2,_=o.visible),"$$scope"in o&&l(4,s=o.$$scope)},[n,a,_,e,s]}class w extends m{constructor(t){super(),u(this,t,q,S,r,{elem_id:0,elem_classes:1,visible:2})}}var Y=w;const Z=["static"];export{Y as Component,Z as modes};
+//# sourceMappingURL=index.5e7e2969.js.map
diff --git a/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/index.5e7e2969.js.map b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/index.5e7e2969.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..e3a62acb07becc570ce86ef623dcecc5c4020099
--- /dev/null
+++ b/extensions/canvas-zoom/dist/old-auto-v-1-0/templates/frontend/assets/index.5e7e2969.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"index.5e7e2969.js","sources":["../../../../ui/packages/app/src/components/Box/Box.svelte","../../../../ui/packages/app/src/components/Box/index.ts"],"sourcesContent":["\n\n\n\t\t\t\n\t\t\t\t{#if time === duration}\n\t\t\t\t\t\n\n\t\t\t
\n\t\n\n\n\n","\n\n video.requestFullscreen()}>\n\t\t\t\t
\n\t\t{value.name}
\n\t\t\n\t\t\t{prettyBytes(value.size)}\n\t\t
\n\t{/if}\n{/if}\n\n\n","\n\n