@ai-projector/ide 0.0.0-stage → 0.11.0

package/dist/assets/SvgViewer-CEIl2Ob2.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/CodeViewer-BAgvP3Yx.js","assets/_plugin-vue_export-helper-C4wFX7Eq.js","assets/shared.esm-bundler-EUzHGNqQ.js","assets/dist-dwBOnDaY.js","assets/styles-C07CLvbW.js","assets/styles-CX3Ni7dk.css","assets/preload-helper-BLdHbfdN.js","assets/dist-23D313r2.js","assets/UiPanel-CND7Qs_n.js","assets/UiPanel-CS77nWcC.css","assets/main-DEEGhxlk.js","assets/github-emoji-C2UmmDoA.js","assets/ImageViewport-lPITcKgO.js","assets/ImageViewport-BXN_-Ztv.css","assets/github-emoji-qJihbtN6.css","assets/UiViewerPage-z_s1uFHO.js","assets/external-link-BFTqPI03.js","assets/UiViewerPage-BOvnLith.css","assets/main-CgMl4Qjs.css","assets/dist-CRLdLpSX.js","assets/editor-theme-DuQQ8n56.js","assets/CodeViewer-QIU6uQDH.css"])))=>i.map(i=>d[i]);
+import{$ as e,A as t,C as n,J as r,P as i,S as a,W as o,_ as s,ct as c,et as l,f as u,g as d,h as f,l as p,m,q as h,t as g,v as _,w as v,x as y,z as b}from"./_plugin-vue_export-helper-C4wFX7Eq.js";import{A as x,D as S,k as C,m as w,v as T}from"./styles-C07CLvbW.js";import{q as E,tt as D}from"./shared.esm-bundler-EUzHGNqQ.js";import{t as O}from"./UiPanel-CND7Qs_n.js";import{t as k}from"./preload-helper-BLdHbfdN.js";import{t as A}from"./ImageViewport-lPITcKgO.js";import{A as j,F as M,I as N,L as P,M as F,N as I,P as L,b as R,w as z,x as B}from"./main-DEEGhxlk.js";import{t as V}from"./SplitPanes-DR126xV8.js";var H=v({__name:`SvgParameters`,props:t({variant:{type:String,required:!0}},{color:{type:String,required:!0},colorModifiers:{},size:{type:Number,required:!0},sizeModifiers:{},background:{type:String,required:!0},backgroundModifiers:{},backgroundColor:{type:String,required:!0},backgroundColorModifiers:{}}),emits:t([`reset`],[`update:color`,`update:size`,`update:background`,`update:backgroundColor`]),setup(e,{expose:t}){t();let n=h(),i=r(e,`color`),a=r(e,`size`),o={sizeId:n,color:i,size:a,background:r(e,`background`),backgroundColor:r(e,`backgroundColor`),clamp:()=>a.value=Math.max(8,Math.min(2048,Math.round(Number(a.value)||256))),UiLabel:P,UiControl:x,UiInline:C,UiButton:S,get IconRotateCcw(){return F}};return Object.defineProperty(o,"__isScriptSetup",{enumerable:!1,value:!0}),o}}),U={class:`hex`};function W(t,n,r,i,o,c){return b(),_(`div`,{class:E([`params`,r.variant])},[a(i.UiInline,{as:`label`,class:`field color-control`,gap:r.variant===`bar`?1.5:1,align:r.variant===`bar`?`center`:`stretch`,justify:`normal`},{default:e(()=>[a(i.UiLabel,{as:`span`,size:r.variant===`sheet`?`2xs`:void 0,tone:r.variant===`sheet`?`muted`:void 0},{default:e(()=>[...n[6]||=[y(`currentColor`,-1)]]),_:1},8,[`size`,`tone`]),a(i.UiInline,{as:`span`,class:`value`,justify:`normal`},{default:e(()=>[a(i.UiControl,{modelValue:i.color,"onUpdate:modelValue":n[0]||=e=>i.color=e,type:`color`,appearance:`swatch`,"aria-label":`Цвет currentColor`},null,8,[`modelValue`]),f(`span`,U,D(i.color),1)]),_:1})]),_:1},8,[`gap`,`align`]),a(i.UiInline,{class:`field size-control`,gap:r.variant===`bar`?1.5:1,align:r.variant===`bar`?`center`:`stretch`,justify:`normal`},{default:e(()=>[a(i.UiLabel,{for:i.sizeId,size:r.variant===`sheet`?`2xs`:void 0,tone:r.variant===`sheet`?`muted`:void 0},{default:e(()=>[...n[7]||=[y(`Размер, px`,-1)]]),_:1},8,[`for`,`size`,`tone`]),a(i.UiInline,{as:`span`,class:`value`,justify:`normal`},{default:e(()=>[a(i.UiControl,{modelValue:i.size,"onUpdate:modelValue":n[1]||=e=>i.size=e,modelModifiers:{number:!0},class:`slider`,type:`range`,min:`8`,max:`2048`,step:`1`,"aria-label":`Размер SVG`},null,8,[`modelValue`]),a(i.UiControl,{id:i.sizeId,modelValue:i.size,"onUpdate:modelValue":n[2]||=e=>i.size=e,modelModifiers:{number:!0},class:`size-input`,type:`number`,min:`8`,max:`2048`,step:`1`,"aria-label":`Произвольный размер SVG в пикселях`,onChange:i.clamp},null,8,[`id`,`modelValue`])]),_:1})]),_:1},8,[`gap`,`align`]),a(i.UiInline,{as:`label`,class:`field background-control`,gap:r.variant===`bar`?1.5:1,align:r.variant===`bar`?`center`:`stretch`,justify:`normal`},{default:e(()=>[a(i.UiLabel,{as:`span`,size:r.variant===`sheet`?`2xs`:void 0,tone:r.variant===`sheet`?`muted`:void 0},{default:e(()=>[...n[8]||=[y(`Фон`,-1)]]),_:1},8,[`size`,`tone`]),a(i.UiInline,{as:`span`,class:`value`,justify:`normal`},{default:e(()=>[a(i.UiControl,{as:`select`,modelValue:i.background,"onUpdate:modelValue":n[3]||=e=>i.background=e,appearance:`inline-select`,"aria-label":`Фон SVG`},{default:e(()=>[...n[9]||=[f(`option`,{value:`light`},`Светлый`,-1),f(`option`,{value:`dark`},`Тёмный`,-1),f(`option`,{value:`checker`},`Шашечки`,-1),f(`option`,{value:`gradient`},`Градиент`,-1),f(`option`,{value:`color-gradient`},`Цветной градиент`,-1),f(`option`,{value:`custom`},`Свой цвет`,-1)]]),_:1},8,[`modelValue`]),i.background===`custom`?(b(),d(i.UiControl,{key:0,modelValue:i.backgroundColor,"onUpdate:modelValue":n[4]||=e=>i.backgroundColor=e,type:`color`,appearance:`swatch`,"aria-label":`Свой цвет фона SVG`},null,8,[`modelValue`])):s(`v-if`,!0)]),_:1})]),_:1},8,[`gap`,`align`]),a(i.UiButton,{class:`reset`,shape:r.variant===`bar`?`icon`:`rect`,size:`sm`,"aria-label":`Сбросить параметры SVG`,title:`Вернуть исходные currentColor, размер и фон SVG`,onClick:n[5]||=e=>t.$emit(`reset`)},{default:e(()=>[a(i.IconRotateCcw,{"aria-hidden":`true`}),r.variant===`sheet`?(b(),_(u,{key:0},[y(`Сбросить`)],64)):s(`v-if`,!0)]),_:1},8,[`shape`])],2)}var G=g(H,[[`render`,W],[`__scopeId`,`data-v-e7889e07`],[`__file`,`/run/media/zede/general/pr/my/image-gen/projector/packages/client/modules/workspace/modules/viewers/ui/SvgParameters.vue`]]);function K(e,t){let n=new DOMParser,r=n.parseFromString(e,`image/svg+xml`),i=r.documentElement;if(r.querySelector(`parsererror`)||i.localName!==`svg`||i.namespaceURI&&i.namespaceURI!==`http://www.w3.org/2000/svg`)throw Error(`Не удалось отобразить SVG: проверьте разметку исходника.`);i.namespaceURI||(i.setAttribute(`xmlns`,`http://www.w3.org/2000/svg`),r=n.parseFromString(new XMLSerializer().serializeToString(i),`image/svg+xml`),i=r.documentElement);let a=i.getAttribute(`viewBox`)?.trim().split(/[\s,]+/).map(Number),o=e=>{let t=i.getAttribute(e)?.trim()??``;return/^\d+(?:\.\d+)?(?:px)?$/.test(t)?parseFloat(t):NaN},s=o(`width`),c=o(`height`),l=a?.length===4&&a.every(Number.isFinite)&&a[2]>0&&a[3]>0;if(!(s>0&&c>0)){let e=l?a[2]/a[3]:2;s>0?c=s/e:c>0?s=c*e:(s=l?a[2]:300,c=l?a[3]:150)}let u=i.style;return u.setProperty(`color`,t,`important`),u.setProperty(`width`,`100%`,`important`),u.setProperty(`height`,`100%`,`important`),i.setAttribute(`width`,`100%`),i.setAttribute(`height`,`100%`),!l&&!i.hasAttribute(`viewBox`)&&i.setAttribute(`viewBox`,`0 0 ${s} ${c}`),{url:`data:image/svg+xml;charset=utf-8,${encodeURIComponent(new XMLSerializer().serializeToString(i))}`,width:s,height:c}}var q=v({__name:`SvgViewer`,props:{path:{type:String,required:!0},projectId:{type:String,required:!1},content:{type:String,required:!0},editable:{type:Boolean,required:!1},line:{type:Number,required:!1},endLine:{type:Number,required:!1},column:{type:Number,required:!1}},emits:[`change`,`save`],setup(e,{expose:t,emit:r}){t();let a=n(()=>k(()=>import(`./CodeViewer-BAgvP3Yx.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21]))),o=e,s=r,l=L();function u(){let e=getComputedStyle(document.documentElement).getPropertyValue(`--text-2`).trim();return/^#[0-9a-f]{6}$/i.test(e)?e:`#d8d2c4`}let d=c(u()),f=c(256),p=c(`checker`),h=c(`#808080`),g=c(!1),_=[`light`,`dark`,`checker`,`gradient`,`color-gradient`,`custom`],v=m(()=>{try{return{...K(o.content,d.value),error:``}}catch(e){return{url:``,width:1,height:1,error:String(e.message)}}}),y=m(()=>{let{width:e,height:t}=v.value,n=Math.max(e,t),r=Math.max(8,Math.min(2048,Number(f.value)||256));return{width:Math.max(1,Math.round(r*e/n)),height:Math.max(1,Math.round(r*t/n))}}),b=m(()=>l.value||g.value),x=I({anchor:`right`,initialFocus:[`input`,`select`],items:`input,select,button`});function C(){d.value=u(),f.value=256,p.value=`checker`,h.value=`#808080`}let E=!1;function D(e){e!==g.value&&(g.value=e,x.close(!1),e?(E=!!document.documentElement.requestFullscreen,document.documentElement.requestFullscreen?.().catch(()=>E=!1)):document.fullscreenElement&&(E=!1,document.exitFullscreen().catch(()=>{})))}M(document,`fullscreenchange`,()=>{!document.fullscreenElement&&E&&(E=!1,g.value=!1)}),M(window,`keydown`,e=>{e.key===`Escape`&&g.value&&!x.open.value&&D(!1)}),i(()=>D(!1));let P=T(`svg-viewer:${o.path}`,()=>({surface:`svg-viewer`,path:o.path}));P.scope.registerCommand({id:`ide.svg.fullscreen.toggle`,title:`SVG: полноэкранный просмотр`,description:`Открывает или закрывает просмотр SVG на весь экран без панелей и кода.`,run:()=>D(!g.value)}),P.scope.registerCommand({id:`ide.svg.parameters.toggle`,title:`SVG: показать или скрыть параметры`,description:`Открывает панель параметров просмотра SVG: цвет currentColor, размер и фон.`,run:()=>void x.toggle()}),P.scope.registerCommand({id:`ide.svg.parameters.set`,title:`SVG: изменить параметры просмотра`,description:`Задаёт цвет currentColor, размер рендера в пикселях и фон просмотра SVG; можно указать любые из параметров.`,arguments:{color:`Цвет currentColor, #rrggbb`,size:`Размер длинной стороны, 8–2048 px`,background:`Фон: ${_.join(`, `)}`,backgroundColor:`Цвет фона #rrggbb, используется при background=custom`},run:e=>{let t=w(e),n=/^#[0-9a-f]{6}$/i,r={color:d.value,size:f.value,background:p.value,backgroundColor:h.value};if(t.color!==void 0){if(typeof t.color!=`string`||!n.test(t.color))throw Error(`color: цвет вида #rrggbb`);r.color=t.color}if(t.backgroundColor!==void 0){if(typeof t.backgroundColor!=`string`||!n.test(t.backgroundColor))throw Error(`backgroundColor: цвет вида #rrggbb`);r.backgroundColor=t.backgroundColor}if(t.size!==void 0){if(typeof t.size!=`number`||!Number.isFinite(t.size)||t.size<8||t.size>2048)throw Error(`size: число от 8 до 2048`);r.size=Math.round(t.size)}if(t.background!==void 0){if(typeof t.background!=`string`||!_.includes(t.background))throw Error(`background: ${_.join(`, `)}`);r.background=t.background}d.value=r.color,f.value=r.size,p.value=r.background,h.value=r.backgroundColor}}),P.scope.registerCommand({id:`ide.svg.parameters.reset`,title:`SVG: сбросить параметры просмотра`,description:`Возвращает исходные currentColor, размер и фон просмотра SVG.`,run:C});let F={CodeViewer:a,props:o,emit:s,compact:l,defaultColor:u,color:d,size:f,background:p,backgroundColor:h,fullscreen:g,backgrounds:_,preview:v,dimensions:y,floating:b,settings:x,resetParameters:C,get native(){return E},set native(e){E=e},setFullscreen:D,commands:P,UiPanel:O,UiToolbar:j,UiButton:S,UiIsland:N,ImageViewport:A,SplitPanes:V,SvgParameters:G,get IconSliders(){return z},get IconExpand(){return B},get IconShrink(){return R}};return Object.defineProperty(F,"__isScriptSetup",{enumerable:!1,value:!0}),F}}),J={key:0,class:`render-info`},Y={class:`stage`},X={class:`chip`},Z={class:`actions`};function Q(t,n,r,i,c,m){return b(),d(i.UiPanel,{class:E([`svg-viewer`,{fullscreen:i.fullscreen}]),"aria-label":`Просмотр SVG`,onPointerdown:n[13]||=e=>i.commands.scope.activate()},{default:e(()=>[i.compact?s(`v-if`,!0):l((b(),d(i.UiToolbar,{key:0,class:`toolbar`,gap:3},{default:e(()=>[a(i.SvgParameters,{color:i.color,"onUpdate:color":n[0]||=e=>i.color=e,size:i.size,"onUpdate:size":n[1]||=e=>i.size=e,background:i.background,"onUpdate:background":n[2]||=e=>i.background=e,"background-color":i.backgroundColor,"onUpdate:backgroundColor":n[3]||=e=>i.backgroundColor=e,variant:`bar`,onReset:i.resetParameters},null,8,[`color`,`size`,`background`,`background-color`]),a(i.UiButton,{shape:`icon`,size:`sm`,"aria-label":`Во весь экран`,title:`Просмотр SVG на весь экран`,onClick:n[4]||=e=>i.commands.run(`ide.svg.fullscreen.toggle`)},{default:e(()=>[a(i.IconExpand,{"aria-hidden":`true`})]),_:1})]),_:1},512)),[[p,!i.fullscreen]]),a(i.SplitPanes,{reveal:r.line,initial:i.compact?1:.45,solo:i.fullscreen},{top:e(()=>[a(i.UiPanel,{as:`div`,sizing:`flex`,class:`render-pane`},{default:e(()=>[i.compact?s(`v-if`,!0):l((b(),_(`div`,J,[y(D(i.dimensions.width)+` × `+D(i.dimensions.height)+` px `,1),f(`span`,null,`Исходный: `+D(Math.round(i.preview.width))+` × `+D(Math.round(i.preview.height)),1)],512)),[[p,!i.fullscreen]]),f(`div`,Y,[a(i.ImageViewport,{src:i.preview.url,alt:r.path,identity:r.path,width:i.dimensions.width,height:i.dimensions.height,fit:i.floating,floating:i.floating,background:i.background,"background-controls":!1,"background-color":i.backgroundColor,error:i.preview.error},null,8,[`src`,`alt`,`identity`,`width`,`height`,`fit`,`floating`,`background`,`background-color`,`error`]),i.floating?(b(),_(u,{key:0},[f(`span`,X,D(i.dimensions.width)+` × `+D(i.dimensions.height),1),f(`div`,Z,[f(`span`,{ref:i.settings.trigger},[a(i.UiButton,{shape:`icon`,class:`float`,"aria-label":`Параметры`,title:`Параметры: цвет, размер, фон`,"aria-haspopup":`dialog`,"aria-expanded":i.settings.open.value,"aria-controls":i.settings.open.value?i.settings.id:void 0,onClick:n[5]||=e=>i.commands.run(`ide.svg.parameters.toggle`)},{default:e(()=>[a(i.IconSliders,{"aria-hidden":`true`})]),_:1},8,[`aria-expanded`,`aria-controls`])],512),a(i.UiButton,{shape:`icon`,class:`float`,"aria-label":i.fullscreen?`Выйти из полноэкранного режима`:`Во весь экран`,title:i.fullscreen?`Выйти из полноэкранного режима (Esc)`:`На весь экран`,onClick:n[6]||=e=>i.commands.run(`ide.svg.fullscreen.toggle`)},{default:e(()=>[(b(),d(o(i.fullscreen?i.IconShrink:i.IconExpand),{"aria-hidden":`true`}))]),_:1},8,[`aria-label`,`title`])])],64)):s(`v-if`,!0)])]),_:1})]),bottom:e(()=>[a(i.CodeViewer,{path:r.path,"project-id":r.projectId,content:r.content,editable:r.editable,line:r.line,"end-line":r.endLine,column:r.column,onChange:n[7]||=e=>i.emit(`change`,e),onSave:n[8]||=e=>i.emit(`save`)},null,8,[`path`,`project-id`,`content`,`editable`,`line`,`end-line`,`column`])]),_:1},8,[`reveal`,`initial`,`solo`]),a(i.UiIsland,{menu:i.settings,label:`Параметры SVG`,width:320},{default:e(()=>[a(i.SvgParameters,{color:i.color,"onUpdate:color":n[9]||=e=>i.color=e,size:i.size,"onUpdate:size":n[10]||=e=>i.size=e,background:i.background,"onUpdate:background":n[11]||=e=>i.background=e,"background-color":i.backgroundColor,"onUpdate:backgroundColor":n[12]||=e=>i.backgroundColor=e,variant:`sheet`,onReset:i.resetParameters},null,8,[`color`,`size`,`background`,`background-color`])]),_:1},8,[`menu`])]),_:1},8,[`class`])}var $=g(q,[[`render`,Q],[`__scopeId`,`data-v-ad498f53`],[`__file`,`/run/media/zede/general/pr/my/image-gen/projector/packages/client/modules/workspace/modules/viewers/ui/SvgViewer.vue`]]);export{$ as default};

package/dist/assets/SvgViewer-DyAp20sd.css

@@ -0,0 +1 @@
+.params[data-v-e7889e07]{font-size:var(--fs-xs)}.field[data-v-e7889e07],.value[data-v-e7889e07]{min-width:0}.hex[data-v-e7889e07]{font-family:var(--mono)}.size-input[data-v-e7889e07]{width:72px;padding-block:var(--sp-1)}.bar[data-v-e7889e07]{align-items:center;gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;display:flex}.bar .slider[data-v-e7889e07]{width:clamp(100px,15vw,180px)}.bar .reset[data-v-e7889e07]{margin-left:auto}.sheet[data-v-e7889e07]{gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-3);flex-direction:column;display:flex}.sheet .field[data-v-e7889e07]{flex-direction:column}.sheet .value[data-v-e7889e07]>:is(select,.slider){flex:1}.sheet .color-control .value[data-v-e7889e07]{min-height:var(--control-h)}.sheet .reset[data-v-e7889e07]{align-self:flex-start}.svg-viewer.fullscreen[data-v-ad498f53]{z-index:calc(var(--z-popover) - 1);background:var(--bg);position:fixed;inset:0}.toolbar[data-v-ad498f53] .params{flex:1}.render-pane[data-v-ad498f53]{overflow:hidden}.render-info[data-v-ad498f53]{gap:var(--sp-1) var(--sp-3);padding:6px var(--sp-3);font-size:var(--fs-2xs);color:var(--muted);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.render-info span[data-v-ad498f53]{margin-left:auto}.stage[data-v-ad498f53]{flex:1;min-height:0;display:flex;position:relative}.chip[data-v-ad498f53]{top:var(--sp-3);left:var(--sp-3);padding:2px var(--sp-2);border-radius:var(--r-full);background:color-mix(in srgb, var(--bg-2) 90%, transparent);color:var(--text);font:var(--fs-2xs) var(--mono);pointer-events:none;position:absolute}.actions[data-v-ad498f53]{top:var(--sp-2);right:var(--sp-2);gap:var(--sp-1);padding-top:env(safe-area-inset-top);display:flex;position:absolute}.float[data-v-ad498f53]{border-radius:var(--r-full);background:color-mix(in srgb, var(--bg-2) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#0000}