@dskripchenko/embed 1.1.0 → 1.3.0

package/dist/embed.js

@@ -2,5 +2,5 @@
 `).split(`
 `);for(;t.length>0&&t[0].trim()===``;)t.shift();for(;t.length>0&&t[t.length-1].trim()===``;)t.pop();let n=1/0;for(let e of t)e.trim()!==``&&(n=Math.min(n,e.length-e.trimStart().length));return!Number.isFinite(n)||n===0?t.join(`
 `):t.map(e=>e.slice(Math.min(n,e.length-e.trimStart().length))).join(`
-`)}function S(e){let t=(e.getAttribute(`type`)??``).trim().toLowerCase();return t!==``&&t!==`module`&&!/javascript|ecmascript/.test(t)}function C(e){for(let t of Array.from(e.children))if(t.tagName===`SCRIPT`&&S(t))return x(t.textContent??``);for(let t of Array.from(e.children))if(t.tagName===`TEMPLATE`)return x(t.innerHTML);let t=``;for(let n of Array.from(e.childNodes))(n.nodeType===Node.TEXT_NODE||n.nodeType===Node.ELEMENT_NODE&&!b.has(n.tagName)&&!n.hasAttribute(`data-dsk-root`))&&(t+=n.textContent??``);return x(t)}function w(e){let t={};for(let n of Array.from(e.attributes)){let e=n.name.startsWith(`data-`)?n.name.slice(5):n.name;(!(e in t)||n.name.startsWith(`data-`))&&(t[e]=n.value)}return t}function T(e){let t=[],n=[];for(let r of Array.from(e.children))r.tagName===`SOURCE`?t.push(w(r)):r.tagName===`TRACK`&&n.push(w(r));return{sources:t,tracks:n}}var ee={"dsk-video":{plugin:`media`,methods:[`play`,`pause`,`toggle`,`seek`,`playChapter`],getters:[`state`,`media`,`chapters`],objects:[]},"dsk-audio":{plugin:`media`,methods:[`play`,`pause`,`toggle`,`seek`,`next`,`prev`],getters:[`state`,`media`],objects:[]},"dsk-diagram":{plugin:`diagram`,methods:[],getters:[`svg`],objects:[]},"dsk-openapi":{plugin:`openapi`,methods:[`go`,`open`,`print`],getters:[`loaded`,`value`],objects:[`spec`,`send`,`labels`]},"dsk-flow":{plugin:`flow`,methods:[`fit`,`select`,`enter`,`back`,`refresh`,`undo`,`redo`],getters:[`stack`],objects:[`graph`,`loadSubgraph`,`persistToggle`,`labels`,`registry`]},"dsk-markdown":{plugin:`markdown`,methods:[],getters:[`value`],objects:[]},"dsk-board":{plugin:`board`,methods:[`fit`,`select`,`toPng`,`toSvg`,`undo`,`redo`],getters:[`value`],objects:[`board`,`provider`,`labels`]},"dsk-editor":{plugin:`editor`,methods:[`focus`],getters:[`controller`],objects:[]}},E=null,D={io:null};function O(e,t){typeof IntersectionObserver==`function`?(D.io??=new IntersectionObserver(e=>{for(let t of e)t.isIntersecting&&(D.io.unobserve(t.target),t.target._dskLazyStart?.())},{rootMargin:`200px`}),e._dskLazyStart=t,D.io.observe(e)):t()}function k(t,n,r){let i=r.map(s);class a extends HTMLElement{static get observedAttributes(){return i}_overrides={};_source=null;_children={sources:[],tracks:[]};_instance=null;_container=null;_starting=!1;_waitingForParse=!1;_updateQueued=!1;_resolveReady;_ready;constructor(){super(),this._ready=new Promise(e=>this._resolveReady=e)}get ready(){return this._ready}get source(){return this._source===null&&this._capture(),this._source??``}set source(e){this._source=String(e??``),this._queueUpdate()}connectedCallback(){this._instance||this._starting||(document.readyState===`loading`?this._waitingForParse||(this._waitingForParse=!0,document.addEventListener(`DOMContentLoaded`,()=>{this._waitingForParse=!1,this.isConnected&&this.connectedCallback()},{once:!0})):this.getAttribute(`loading`)===`lazy`?O(this,()=>this._start()):this._start())}disconnectedCallback(){D.io?.unobserve(this),queueMicrotask(()=>{this.isConnected||this._destroy()})}attributeChangedCallback(e,t,n){t!==n&&(e===`loading`&&n!==`lazy`&&!this._instance&&!this._starting&&this.isConnected&&this._start(),this._queueUpdate())}refresh(){this._capture(!0),this._queueUpdate()}_capture(e=!1){(this._source===null||e)&&(this._source=C(this),this._children=T(this))}_props(){let{props:e,errors:n}=g(this,r);for(let e of n)console.warn(`[dsk-embed] <${t} ${e.attr}>: ${e.message}`);return{...e,...this._overrides}}_locale(){let t=this._overrides.locale??this.getAttribute(`locale`);return typeof t==`string`&&t!==``?e(t):E?.config().locale??`en`}_queueUpdate(){this._instance&&!this._updateQueued&&(this._updateQueued=!0,queueMicrotask(()=>{this._updateQueued=!1,this._instance?.update()}))}_start(){let e=E;if(!e||this._starting||this._instance)return;this._starting=!0,this._capture();for(let e of Array.from(this.childNodes))e.nodeType===Node.ELEMENT_NODE&&b.has(e.tagName)||e.nodeType===Node.ELEMENT_NODE&&e.hasAttribute(`data-dsk-root`)||e.remove();let r=document.createElement(`div`);r.setAttribute(`data-dsk-root`,``),r.className=`dsk-root`,this.appendChild(r),this._container=r,this.setAttribute(`data-dsk-state`,`loading`),e.load(n.plugin).then(i=>{if(!this.isConnected||this._container!==r)return;if(!i.mountElement)throw Error(`plugin ${n.plugin} has no elements`);let a={host:e,el:this,tag:t,container:r,props:()=>this._props(),source:()=>this.source,children:()=>this._children,emit:(t,n)=>e.emit(t,n,this),locale:()=>this._locale()};this._instance=i.mountElement(a),this.setAttribute(`data-dsk-state`,`ready`),this._resolveReady(),e.emit(`ready`,{tag:t},this)}).catch(n=>{let i=n instanceof Error?n.message:String(n);console.error(`[dsk-embed] <${t}> failed to load`,n),this.setAttribute(`data-dsk-state`,`error`),r.replaceChildren();let a=document.createElement(`div`);a.className=`dsk-error`,a.setAttribute(`role`,`alert`),a.textContent=i,r.appendChild(a),e.emit(`error`,{tag:t,message:i},this)}).finally(()=>{this._starting=!1})}_destroy(){if(this._instance)try{this._instance.destroy()}catch(e){console.error(`[dsk-embed] <${t}> destroy failed`,e)}this._instance=null,this._container?.remove(),this._container=null,this.removeAttribute(`data-dsk-state`),this._ready=new Promise(e=>this._resolveReady=e)}}let o=a.prototype;for(let e of r)e.prop in o||Object.defineProperty(o,e.prop,{configurable:!0,enumerable:!0,get(){let t=this._instance?.api;return t&&e.prop in t?t[e.prop]:e.prop in this._overrides?this._overrides[e.prop]:this._props()[e.prop]},set(t){t===void 0?delete this._overrides[e.prop]:this._overrides[e.prop]=t,this._queueUpdate()}});for(let e of n.objects)Object.defineProperty(o,e,{configurable:!0,enumerable:!0,get(){let t=this._instance?.api;return t&&e in t?t[e]:this._overrides[e]},set(t){t===void 0?delete this._overrides[e]:this._overrides[e]=t,this._queueUpdate()}});for(let e of n.methods)o[e]=function(...n){let r=()=>{let r=this._instance?.api?.[e];if(typeof r!=`function`)throw Error(`<${t}>.${e}() is not available`);return r(...n)};return this._instance?r():this.ready.then(r)};for(let e of n.getters)Object.defineProperty(o,e,{configurable:!0,enumerable:!0,get(){return this._instance?.api?.[e]}});return a}function te(e,t=customElements){E=e;for(let[e,n]of Object.entries(ee))t.get(e)||t.define(e,k(e,n,y[e]??[]))}var ne=/^[a-z0-9][a-z0-9_+.-]*$/;function A(e){return String(e).trim().toLowerCase()}function re(e){if(typeof e==`function`)return e;if(e&&typeof e==`object`&&(typeof e.mount==`function`||typeof e.html==`string`)){let t=e;return()=>t}throw TypeError("a block renderer is a function, or an object with `html` or `mount`")}function j(){let e=new Map,t=new Set,n=()=>{for(let e of[...t])e()},r={register(t,i){let a=A(t);if(!ne.test(a))throw TypeError(`invalid block language "${t}"`);let o=re(i);return e.set(a,o),n(),()=>{e.get(a)===o&&r.unregister(a)}},unregister(t){e.delete(A(t))&&n()},get:t=>e.get(A(t)),has:t=>e.has(A(t)),languages:()=>[...e.keys()],all:()=>Object.fromEntries(e),subscribe(e){return t.add(e),()=>t.delete(e)}};return r}var M=new WeakMap,N=`[data-dsk-root], [contenteditable], .uid-markdown, dsk-markdown, dsk-editor`;function P(e,t){for(let n of[t,e]){if(!n)continue;let e=n.getAttribute(`data-lang`)??n.getAttribute(`data-language`);if(e)return e.trim().toLowerCase();for(let e of Array.from(n.classList)){let t=/^(?:language|lang)-(.+)$/.exec(e);if(t)return t[1].toLowerCase()}}return null}function F(e,t,n={}){let r=n.languages?.map(e=>e.toLowerCase()),i=[],a=[];e instanceof HTMLElement&&e.tagName===`PRE`&&a.push(e),a.push(...Array.from(e.querySelectorAll(`pre`)));for(let e of a){if(e.hasAttribute(`data-dsk-failed`)||e.closest(N))continue;let n=e.querySelector(`:scope > code`),a=P(e,n);a&&t.has(a)&&(!r||r.includes(a))&&i.push({pre:e,code:(n??e).textContent??``,language:a})}return i}function I(e){return e instanceof Error?e.message:String(e)}function L(e,t,n){t.setAttribute(`data-dsk-failed`,``),t.title=n,e.isConnected&&e.replaceWith(t),M.delete(e)}async function R(e,t,n={}){let r=F(e,t,n),i=0,a=r.map(async({pre:e,code:n,language:r})=>{let a=t.get(r),o=document.createElement(`div`);o.className=`dsk-block dsk-block--${r}`,o.setAttribute(`data-dsk-block`,r),o.setAttribute(`data-dsk-state`,`loading`),e.replaceWith(o),M.set(o,{pre:e,handle:null});let s;try{s=await a(n,{language:r,index:i++})}catch(t){return L(o,e,I(t)),0}if(!o.isConnected)return 0;if(!s||s.error!==void 0||s.html===void 0&&!s.mount)return L(o,e,s?.error??`nothing to render`),0;if(s.mount)try{let t=s.mount(o,{code:n,language:r,editable:!1,setCode:()=>{}});M.set(o,{pre:e,handle:typeof t==`function`?{destroy:t}:t??null})}catch(t){return L(o,e,I(t)),0}else o.innerHTML=s.html;return o.setAttribute(`data-dsk-state`,`ready`),1});return(await Promise.all(a)).reduce((e,t)=>e+t,0)}function z(e){let t=0,n=[];e instanceof Element&&e.hasAttribute(`data-dsk-block`)&&n.push(e),n.push(...Array.from(e.querySelectorAll(`[data-dsk-block]`)));for(let e of n){let n=M.get(e);if(n){try{n.handle?.destroy?.()}catch(e){console.error(`[dsk-embed] block destroy failed`,e)}e.replaceWith(n.pre),M.delete(e),t++}}return t}var B={mermaid:`diagram`,openapi:`openapi`,flow:`flow`,board:`board`,video:`media`,audio:`media`};function V(e){let t=r(e.config??{},document,e.versions),n=j(),i=a(document),o=new Map,s={version:e.version,config:()=>t.get(),onConfig:e=>t.subscribe(e),blocks:n,emit:(e,t,n)=>i.emit(e,t,n),load(n){let r=o.get(n);return r||(r=e.loadPlugin(n,t.get()).then(e=>(e.setup?.(s),e)),r.catch(()=>o.delete(n)),o.set(n,r)),r}};for(let[e,t]of Object.entries(B))n.register(e,async(n,r)=>{let i=(await s.load(t)).renderers?.[e];return i?i(n,r):{error:`no ${e} renderer in the ${t} plugin`}});t.subscribe(e=>{i.emit(`config`,{theme:e.theme,resolvedTheme:e.resolvedTheme,locale:e.locale})});let c={version:e.version,mode:e.mode,versions:Object.freeze({...e.versions}),importMap:e.importMap??null,get config(){return t.get()},configure:e=>t.configure(e),blocks:{register:(e,t)=>n.register(e,t),unregister:e=>n.unregister(e),has:e=>n.has(e),list:()=>n.languages()},on:i.on,once:i.once,off:i.off,emit:i.emit,renderBlocks:(e=document.body,t)=>R(e,n,t),unrenderBlocks:(e=document.body)=>z(e),preload:async(...e)=>{await Promise.all(e.map(e=>s.load(e)))},host:s};return te(s),c}function H(e){let t={...globalThis.DskEmbedConfig??{}};if(e){let n=e.getAttribute(`data-theme`),r=e.getAttribute(`data-locale`),i=e.getAttribute(`data-cdn-base`);n&&(t.theme=n),r&&(t.locale=r),i&&(t.cdnBase=i)}return t}function U(e,t){if(!t||!t.hasAttribute(`data-render-blocks`))return;let n=t.getAttribute(`data-render-blocks`)||`body`,r=()=>{for(let t of Array.from(document.querySelectorAll(n)))e.renderBlocks(t)};document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,r,{once:!0}):r()}var W={vue:[`vue`,`dist/vue.runtime.esm-browser.prod.js`],"@dskripchenko/ui":[`@dskripchenko/ui`,`dist/index.mjs`],"@dskripchenko/ui/hls":[`@dskripchenko/ui`,`dist/hls/index.mjs`],"@dskripchenko/wysiwyg":[`@dskripchenko/wysiwyg`,`dist/index.mjs`],"@dskripchenko/diagrams":[`@dskripchenko/diagrams`,`dist/index.mjs`],"@dskripchenko/openapi":[`@dskripchenko/openapi`,`dist/index.mjs`],"@dskripchenko/openapi/vue":[`@dskripchenko/openapi`,`dist/vue.mjs`],"@dskripchenko/flow":[`@dskripchenko/flow`,`dist/index.mjs`],"@dskripchenko/flow/vue":[`@dskripchenko/flow`,`dist/vue.mjs`],"@dskripchenko/flow/mermaid":[`@dskripchenko/flow`,`dist/mermaid.mjs`],"@dskripchenko/board":[`@dskripchenko/board`,`dist/index.mjs`],"@dskripchenko/board/vue":[`@dskripchenko/board`,`dist/vue.mjs`]},G={tokens:[`@dskripchenko/ui`,`dist/styles/tokens.css`],themes:[`@dskripchenko/ui`,`dist/styles/themes.css`],kit:[`@dskripchenko/ui`,`dist/styles/index.css`],openapi:[`@dskripchenko/openapi`,`dist/style.css`],flow:[`@dskripchenko/flow`,`dist/style.css`],board:[`@dskripchenko/board`,`dist/style.css`],editor:[`@dskripchenko/wysiwyg`,`dist/style.css`]};function K(e,t,n,r){return`${e}${t}@${n}/${r}`}function ie(e,t){let n={};for(let[r,[i,a]]of Object.entries(W)){let o=t[i];if(!o)throw Error(`no version pinned for ${i}`);n[r]=K(e,i,o,a)}return{imports:n}}function q(e,t,n){let[r,i]=G[n];return K(e,r,t[r],i)}function J(e=document){let t={};for(let n of Array.from(e.querySelectorAll(`script[type="importmap"]`)))try{let e=JSON.parse(n.textContent??`{}`);for(let[n,r]of Object.entries(e.imports??{}))n in t||(t[n]=r)}catch{}return{imports:t}}function Y(e,t=document){let n=J(t),r={},i=[],a={};for(let[t,o]of Object.entries(e.imports)){let e=n.imports[t];e===void 0?(r[t]=o,a[t]=o):(a[t]=e,e!==o&&i.push({specifier:t,page:e,embed:o}))}let o=Object.keys(r);if(o.length>0){let e=t.createElement(`script`);e.type=`importmap`,e.setAttribute(`data-dsk-embed`,``),e.textContent=JSON.stringify({imports:r},null,2);let n=t.querySelector(`script[type="module"]`),i=n&&n.parentNode?n:null;i?i.parentNode.insertBefore(e,i):(t.head??t.documentElement).appendChild(e)}return{map:{imports:a},added:o,conflicts:i}}var ae={diagram:[`tokens`,`themes`],media:[`tokens`,`themes`,`kit`],markdown:[`tokens`,`themes`,`kit`],openapi:[`tokens`,`themes`,`kit`,`openapi`],flow:[`tokens`,`themes`,`kit`,`flow`],editor:[`tokens`,`themes`,`kit`,`editor`],board:[`tokens`,`themes`,`kit`,`board`]},X=new Map;function oe(e){return e.head.querySelector(`link[rel="stylesheet"]:not([data-dsk-embed]), style:not([data-dsk-embed])`)}function se(e){let t=e.head.querySelectorAll(`link[data-dsk-embed], style[data-dsk-embed]`);return t.length>0?t[t.length-1]:null}function Z(e,t){let n=se(e);if(n)n.after(t);else{let n=oe(e);n?n.before(t):e.head.appendChild(t)}}function ce(e,t=document){let n=X.get(e);if(n)return n;if(Array.from(t.querySelectorAll(`link[rel="stylesheet"]`)).find(t=>t.href===e))return X.set(e,Promise.resolve()),X.get(e);let r=t.createElement(`link`);r.rel=`stylesheet`,r.href=e,r.setAttribute(`data-dsk-embed`,``);let i=new Promise(t=>{r.addEventListener(`load`,()=>t(),{once:!0}),r.addEventListener(`error`,()=>{console.error(`[dsk-embed] stylesheet failed to load: ${e}`),t()},{once:!0})});return Z(t,r),X.set(e,i),i}function le(e,t,n=document){if(n.querySelector(`style[data-dsk-embed="${e}"]`))return;let r=n.createElement(`style`);r.setAttribute(`data-dsk-embed`,e),r.textContent=t,Z(n,r)}var ue=`:root:not([data-theme]) { --uid-surface-base: var(--uid-color-zinc-50); --uid-surface-raised: var(--uid-color-white); --uid-surface-overlay: var(--uid-color-white); --uid-text-primary: var(--uid-color-zinc-900); --uid-text-secondary: var(--uid-color-zinc-500); --uid-text-tertiary: var(--uid-color-zinc-400); --uid-text-on-accent: var(--uid-color-white); --uid-border-subtle: var(--uid-color-zinc-200); --uid-border-default: var(--uid-color-zinc-300); --uid-border-hover: var(--uid-color-zinc-400); --uid-accent: var(--uid-color-teal-500); --uid-accent-hover: var(--uid-color-teal-600); --uid-accent-subtle: var(--uid-color-teal-50); --uid-accent-text: var(--uid-color-teal-700); --uid-danger: var(--uid-color-rose-600); --uid-danger-hover: var(--uid-color-rose-700); --uid-danger-subtle: var(--uid-color-rose-50); --uid-success: var(--uid-color-emerald-600); --uid-success-subtle: var(--uid-color-emerald-50); --uid-warning: var(--uid-color-amber-600); --uid-warning-subtle: var(--uid-color-amber-50); --uid-info: var(--uid-color-blue-600); --uid-info-subtle: var(--uid-color-blue-50); --uid-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.05); --uid-shadow-md: 0 4px 12px rgb(0 0 0 / 0.08); --uid-shadow-lg: 0 8px 24px rgb(0 0 0 / 0.12); --uid-shadow-xl: 0 20px 60px rgb(0 0 0 / 0.3); }
-:where(dsk-video,dsk-audio,dsk-diagram,dsk-openapi,dsk-flow,dsk-board,dsk-markdown,dsk-editor){min-width:0;display:block;position:relative}:where(dsk-video,dsk-audio,dsk-diagram,dsk-openapi,dsk-flow,dsk-board,dsk-markdown,dsk-editor):not([data-dsk-state]){visibility:hidden;min-height:2rem;overflow:hidden}:where(.dsk-root){min-width:0;display:block}:where([data-dsk-state=loading],.dsk-block[data-dsk-state=loading]){border-radius:var(--uid-radius-md,8px);background:var(--uid-color-bg-subtle,#7f7f7f14);animation:1.4s ease-in-out infinite dsk-pulse}:where(dsk-video[data-dsk-state=loading]){aspect-ratio:16/9}:where(dsk-audio[data-dsk-state=loading]){min-height:72px}:where(dsk-diagram[data-dsk-state=loading],dsk-markdown[data-dsk-state=loading]){min-height:120px}:where(dsk-openapi[data-dsk-state=loading],dsk-editor[data-dsk-state=loading]){min-height:240px}:where(.dsk-block[data-dsk-state=loading]){min-height:96px}@keyframes dsk-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){:where([data-dsk-state=loading],.dsk-block[data-dsk-state=loading]){animation:none}}:where(.dsk-error){padding:var(--uid-space-sm,8px) var(--uid-space-md,12px);border:1px solid var(--uid-danger,#dc2626);border-radius:var(--uid-radius-md,8px);color:var(--uid-danger,#dc2626);background:var(--uid-danger-subtle,#dc262614);font:13px/1.45 var(--uid-font-family-mono,ui-monospace, monospace);white-space:pre-wrap;overflow-wrap:anywhere}:where(dsk-video,dsk-audio,dsk-diagram,dsk-openapi,dsk-flow,dsk-board,dsk-markdown,dsk-editor,.dsk-block,[class^=uid-],[class*=\\ uid-]),:where(dsk-video,dsk-audio,dsk-diagram,dsk-openapi,dsk-flow,dsk-board,dsk-markdown,dsk-editor,.dsk-block,[class^=uid-],[class*=\\ uid-]) *,:where(dsk-video,dsk-audio,dsk-diagram,dsk-openapi,dsk-flow,dsk-board,dsk-markdown,dsk-editor,.dsk-block,[class^=uid-],[class*=\\ uid-]) :before,:where(dsk-video,dsk-audio,dsk-diagram,dsk-openapi,dsk-flow,dsk-board,dsk-markdown,dsk-editor,.dsk-block,[class^=uid-],[class*=\\ uid-]) :after{box-sizing:border-box}:where(dsk-video,dsk-audio,dsk-openapi,dsk-flow,dsk-editor,.dsk-block,[class^=uid-],[class*=\\ uid-]) :where(button,input,textarea,select){font:inherit}:where(dsk-video,dsk-audio,dsk-diagram,dsk-openapi,dsk-flow,dsk-board,dsk-markdown,dsk-editor,.dsk-block,body>[class^=uid-],body>[class*=\\ uid-]){font-family:var(--uid-font-family-sans);line-height:var(--uid-line-height-normal);color:var(--uid-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(body>[class^=uid-],body>[class*=\\ uid-]){font-size:var(--uid-font-size-md)}:where([class^=uid-],[class*=\\ uid-]):focus-visible{outline:2px solid var(--uid-color-focus-ring);outline-offset:2px}:root{--dg-font-family:var(--uid-font-family-sans);--dg-text:var(--uid-text-primary);--dg-text-muted:var(--uid-text-secondary);--dg-line:var(--uid-text-tertiary);--dg-node-fill:var(--uid-accent-subtle);--dg-node-stroke:var(--uid-accent);--dg-node-text:var(--uid-text-primary);--dg-cluster-fill:var(--uid-color-bg-subtle);--dg-cluster-stroke:var(--uid-border-default);--dg-cluster-text:var(--uid-text-secondary);--dg-edge-label-fill:var(--uid-surface-raised);--dg-note-fill:var(--uid-warning-subtle);--dg-note-stroke:var(--uid-warning);--dg-note-text:var(--uid-text-primary);--dg-actor-fill:var(--uid-accent-subtle);--dg-actor-stroke:var(--uid-accent);--dg-activation-fill:var(--uid-accent-subtle);--dg-lifeline:var(--uid-border-default);--dg-block-stroke:var(--uid-border-hover);--dg-block-label-fill:var(--uid-color-bg-subtle);--dg-grid:var(--uid-border-subtle);--dg-task-fill:var(--uid-accent);--dg-task-stroke:var(--uid-accent-hover);--dg-task-active-fill:var(--uid-accent-subtle);--dg-task-done-fill:var(--uid-border-default);--dg-task-done-stroke:var(--uid-border-hover);--dg-task-crit-fill:var(--uid-danger);--dg-task-crit-stroke:var(--uid-danger-hover);--dg-task-text:var(--uid-text-on-accent);--dg-task-text-dark:var(--uid-text-primary);--dg-today:var(--uid-danger);--dg-state-start:var(--uid-text-primary);--dg-pie-stroke:var(--uid-surface-raised);--dg-row-fill:var(--uid-surface-raised);--dg-row-alt-fill:var(--uid-color-bg-subtle);--dg-c4-boundary-stroke:var(--uid-text-secondary);--dg-c4-boundary-text:var(--uid-text-primary);--dg-c4-node-stroke:var(--uid-text-secondary);--dg-c4-node-text:var(--uid-text-primary)}:root[data-theme=dark]{--dg-c4-person-fill:#1f5c99;--dg-c4-person-stroke:#6aa5e0;--dg-c4-system-fill:#1f6fbf;--dg-c4-system-stroke:#7bb4ee;--dg-c4-container-fill:#3b7fc0;--dg-c4-container-stroke:#93c5fd;--dg-c4-component-stroke:#bfdbfe;--dg-c4-external-fill:#5f6670;--dg-c4-external-stroke:#9ca3af}:where(.dsk-diagram){overflow-x:auto}:where(.dsk-diagram) svg{max-width:100%;height:auto;margin-inline:auto;display:block}:where(.dsk-block){margin:var(--uid-space-md,12px) 0;min-width:0}:where(.dsk-block--mermaid){overflow-x:auto}:where(.dsk-block--mermaid) svg{max-width:100%;height:auto;margin-inline:auto;display:block}:where(.dsk-flow-frame,.dsk-board-frame){border:1px solid var(--uid-border-subtle);border-radius:var(--uid-radius-md);background:var(--uid-surface-raised);position:relative;overflow:hidden}:where(.dsk-media){min-width:0}`;function Q(e,t){return e.replace(/(@dskripchenko\/embed)@[^/]+\//,`$1@${t}/`).replace(/[?#].*$/,``).replace(/[^/]*$/,``)}function de(e){let t=/^(.*\/)@dskripchenko\/embed@[^/]+\//.exec(e);return t?t[1]:null}var $=`1.1.0`,fe={vue:`3.5.44`,"@dskripchenko/ui":`1.16.0`,"@dskripchenko/wysiwyg":`0.5.3`,"@dskripchenko/diagrams":`1.1.0`,"@dskripchenko/openapi":`1.1.3`,"@dskripchenko/flow":`1.1.1`,"@dskripchenko/board":`0.2.1`};function pe(){return document.currentScript instanceof HTMLScriptElement?document.currentScript:Array.from(document.querySelectorAll(`script[src]`)).reverse().find(e=>/\/embed(\.min)?\.js(\?|#|$)/.test(e.src))??null}function me(){if(window.DskEmbed){console.warn(`[dsk-embed] already loaded (${window.DskEmbed.mode} ${window.DskEmbed.version}); this copy is ignored`);return}let e=pe();e||console.warn(`[dsk-embed] cannot find its own <script>; assuming the default CDN`),e?.type===`module`&&console.warn(`[dsk-embed] embed.js runs best as a classic <script>: from a module the import map may come too late in browsers without multiple import maps`);let t=e?.src??`https://cdn.jsdelivr.net/npm/@dskripchenko/embed@${$}/dist/embed.js`,r=H(e),i=Q(t,$),a=n(r.cdnBase??de(t)??`https://cdn.jsdelivr.net/npm/`),o={...fe,...r.versions??{}},{map:s,conflicts:c}=Y(ie(a,o));for(let e of c)console.warn(`[dsk-embed] the page maps "${e.specifier}" to ${e.page}; the embed was built against ${e.embed}. A second copy of Vue or the kit breaks the elements — map both to the same file.`);le(`base`,ue);let l=V({mode:`loader`,version:$,versions:o,importMap:s,config:{...r,cdnBase:a,versions:o},async loadPlugin(e){let t=ae[e].map(e=>ce(q(a,o,e))),n=import(`${i}plugins/${e}.js`),[r]=await Promise.all([n,...t]);return r}});window.DskEmbed=l,U(l,e),document.dispatchEvent(new CustomEvent(`dsk:embed-ready`,{detail:{version:$,mode:`loader`}}))}me()})();
+`)}function S(e){let t=(e.getAttribute(`type`)??``).trim().toLowerCase();return t!==``&&t!==`module`&&!/javascript|ecmascript/.test(t)}function ee(e){for(let t of Array.from(e.children))if(t.tagName===`SCRIPT`&&S(t))return x(t.textContent??``);for(let t of Array.from(e.children))if(t.tagName===`TEMPLATE`)return x(t.innerHTML);let t=``;for(let n of Array.from(e.childNodes))(n.nodeType===Node.TEXT_NODE||n.nodeType===Node.ELEMENT_NODE&&!b.has(n.tagName)&&!n.hasAttribute(`data-dsk-root`))&&(t+=n.textContent??``);return x(t)}function C(e){let t={};for(let n of Array.from(e.attributes)){let e=n.name.startsWith(`data-`)?n.name.slice(5):n.name;(!(e in t)||n.name.startsWith(`data-`))&&(t[e]=n.value)}return t}function w(e){let t=[],n=[];for(let r of Array.from(e.children))r.tagName===`SOURCE`?t.push(C(r)):r.tagName===`TRACK`&&n.push(C(r));return{sources:t,tracks:n}}var T={"dsk-video":{plugin:`media`,methods:[`play`,`pause`,`toggle`,`seek`,`playChapter`],getters:[`state`,`media`,`chapters`],objects:[]},"dsk-audio":{plugin:`media`,methods:[`play`,`pause`,`toggle`,`seek`,`next`,`prev`],getters:[`state`,`media`],objects:[]},"dsk-diagram":{plugin:`diagram`,methods:[`enterFullscreen`,`exitFullscreen`],getters:[`svg`,`fullscreen`],objects:[]},"dsk-openapi":{plugin:`openapi`,methods:[`go`,`open`,`print`,`enterFullscreen`,`exitFullscreen`],getters:[`loaded`,`value`,`fullscreen`],objects:[`spec`,`send`,`labels`]},"dsk-flow":{plugin:`flow`,methods:[`fit`,`select`,`enter`,`back`,`refresh`,`undo`,`redo`,`enterFullscreen`,`exitFullscreen`],getters:[`stack`,`fullscreen`],objects:[`graph`,`loadSubgraph`,`persistToggle`,`labels`,`registry`]},"dsk-markdown":{plugin:`markdown`,methods:[],getters:[`value`],objects:[]},"dsk-board":{plugin:`board`,methods:[`fit`,`select`,`toPng`,`toSvg`,`undo`,`redo`,`enterFullscreen`,`exitFullscreen`],getters:[`value`,`fullscreen`],objects:[`board`,`provider`,`labels`]},"dsk-editor":{plugin:`editor`,methods:[`focus`],getters:[`controller`],objects:[]}},E=null,D={io:null};function O(e,t){typeof IntersectionObserver==`function`?(D.io??=new IntersectionObserver(e=>{for(let t of e)t.isIntersecting&&(D.io.unobserve(t.target),t.target._dskLazyStart?.())},{rootMargin:`200px`}),e._dskLazyStart=t,D.io.observe(e)):t()}function k(t,n,r){let i=r.map(s);class a extends HTMLElement{static get observedAttributes(){return i}_overrides={};_source=null;_children={sources:[],tracks:[]};_instance=null;_container=null;_starting=!1;_waitingForParse=!1;_updateQueued=!1;_resolveReady;_ready;constructor(){super(),this._ready=new Promise(e=>this._resolveReady=e)}get ready(){return this._ready}get source(){return this._source===null&&this._capture(),this._source??``}set source(e){this._source=String(e??``),this._queueUpdate()}connectedCallback(){this._instance||this._starting||(document.readyState===`loading`?this._waitingForParse||(this._waitingForParse=!0,document.addEventListener(`DOMContentLoaded`,()=>{this._waitingForParse=!1,this.isConnected&&this.connectedCallback()},{once:!0})):this.getAttribute(`loading`)===`lazy`?O(this,()=>this._start()):this._start())}disconnectedCallback(){D.io?.unobserve(this),queueMicrotask(()=>{this.isConnected||this._destroy()})}attributeChangedCallback(e,t,n){t!==n&&(e===`loading`&&n!==`lazy`&&!this._instance&&!this._starting&&this.isConnected&&this._start(),this._queueUpdate())}refresh(){this._capture(!0),this._queueUpdate()}_capture(e=!1){(this._source===null||e)&&(this._source=ee(this),this._children=w(this))}_props(){let{props:e,errors:n}=g(this,r);for(let e of n)console.warn(`[dsk-embed] <${t} ${e.attr}>: ${e.message}`);return{...e,...this._overrides}}_locale(){let t=this._overrides.locale??this.getAttribute(`locale`);return typeof t==`string`&&t!==``?e(t):E?.config().locale??`en`}_queueUpdate(){this._instance&&!this._updateQueued&&(this._updateQueued=!0,queueMicrotask(()=>{this._updateQueued=!1,this._instance?.update()}))}_start(){let e=E;if(!e||this._starting||this._instance)return;this._starting=!0,this._capture();for(let e of Array.from(this.childNodes))e.nodeType===Node.ELEMENT_NODE&&b.has(e.tagName)||e.nodeType===Node.ELEMENT_NODE&&e.hasAttribute(`data-dsk-root`)||e.remove();let r=document.createElement(`div`);r.setAttribute(`data-dsk-root`,``),r.className=`dsk-root`,this.appendChild(r),this._container=r,this.setAttribute(`data-dsk-state`,`loading`),e.load(n.plugin).then(i=>{if(!this.isConnected||this._container!==r)return;if(!i.mountElement)throw Error(`plugin ${n.plugin} has no elements`);let a={host:e,el:this,tag:t,container:r,props:()=>this._props(),source:()=>this.source,children:()=>this._children,emit:(t,n)=>e.emit(t,n,this),locale:()=>this._locale()};this._instance=i.mountElement(a),this.setAttribute(`data-dsk-state`,`ready`),this._resolveReady(),e.emit(`ready`,{tag:t},this)}).catch(n=>{let i=n instanceof Error?n.message:String(n);console.error(`[dsk-embed] <${t}> failed to load`,n),this.setAttribute(`data-dsk-state`,`error`),r.replaceChildren();let a=document.createElement(`div`);a.className=`dsk-error`,a.setAttribute(`role`,`alert`),a.textContent=i,r.appendChild(a),e.emit(`error`,{tag:t,message:i},this)}).finally(()=>{this._starting=!1})}_destroy(){if(this._instance)try{this._instance.destroy()}catch(e){console.error(`[dsk-embed] <${t}> destroy failed`,e)}this._instance=null,this._container?.remove(),this._container=null,this.removeAttribute(`data-dsk-state`),this._ready=new Promise(e=>this._resolveReady=e)}}let o=a.prototype;for(let e of r)e.prop in o||Object.defineProperty(o,e.prop,{configurable:!0,enumerable:!0,get(){let t=this._instance?.api;return t&&e.prop in t?t[e.prop]:e.prop in this._overrides?this._overrides[e.prop]:this._props()[e.prop]},set(t){t===void 0?delete this._overrides[e.prop]:this._overrides[e.prop]=t,this._queueUpdate()}});for(let e of n.objects)Object.defineProperty(o,e,{configurable:!0,enumerable:!0,get(){let t=this._instance?.api;return t&&e in t?t[e]:this._overrides[e]},set(t){t===void 0?delete this._overrides[e]:this._overrides[e]=t,this._queueUpdate()}});for(let e of n.methods)o[e]=function(...n){let r=()=>{let r=this._instance?.api?.[e];if(typeof r!=`function`)throw Error(`<${t}>.${e}() is not available`);return r(...n)};return this._instance?r():this.ready.then(r)};for(let e of n.getters)Object.defineProperty(o,e,{configurable:!0,enumerable:!0,get(){return this._instance?.api?.[e]}});return a}function A(e,t,n=customElements){E=e;for(let[e,r]of Object.entries(T))n.get(e)||t&&!t.has(r.plugin)||n.define(e,k(e,r,y[e]??[]))}var te=/^[a-z0-9][a-z0-9_+.-]*$/;function j(e){return String(e).trim().toLowerCase()}function ne(e){if(typeof e==`function`)return e;if(e&&typeof e==`object`&&(typeof e.mount==`function`||typeof e.html==`string`)){let t=e;return()=>t}throw TypeError("a block renderer is a function, or an object with `html` or `mount`")}function re(){let e=new Map,t=new Set,n=()=>{for(let e of[...t])e()},r={register(t,i){let a=j(t);if(!te.test(a))throw TypeError(`invalid block language "${t}"`);let o=ne(i);return e.set(a,o),n(),()=>{e.get(a)===o&&r.unregister(a)}},unregister(t){e.delete(j(t))&&n()},get:t=>e.get(j(t)),has:t=>e.has(j(t)),languages:()=>[...e.keys()],all:()=>Object.fromEntries(e),subscribe(e){return t.add(e),()=>t.delete(e)}};return r}var M=new WeakMap,N=`[data-dsk-root], [contenteditable], .uid-markdown, dsk-markdown, dsk-editor`;function P(e,t){for(let n of[t,e]){if(!n)continue;let e=n.getAttribute(`data-lang`)??n.getAttribute(`data-language`);if(e)return e.trim().toLowerCase();for(let e of Array.from(n.classList)){let t=/^(?:language|lang)-(.+)$/.exec(e);if(t)return t[1].toLowerCase()}}return null}function F(e,t,n={}){let r=n.languages?.map(e=>e.toLowerCase()),i=[],a=[];e instanceof HTMLElement&&e.tagName===`PRE`&&a.push(e),a.push(...Array.from(e.querySelectorAll(`pre`)));for(let e of a){if(e.hasAttribute(`data-dsk-failed`)||e.closest(N))continue;let n=e.querySelector(`:scope > code`),a=P(e,n);a&&t.has(a)&&(!r||r.includes(a))&&i.push({pre:e,code:(n??e).textContent??``,language:a})}return i}function I(e){return e instanceof Error?e.message:String(e)}function L(e,t,n){t.setAttribute(`data-dsk-failed`,``),t.title=n,e.isConnected&&e.replaceWith(t),M.delete(e)}async function R(e,t,n={}){let r=F(e,t,n),i=0,a=r.map(async({pre:e,code:n,language:r})=>{let a=t.get(r),o=document.createElement(`div`);o.className=`dsk-block dsk-block--${r}`,o.setAttribute(`data-dsk-block`,r),o.setAttribute(`data-dsk-state`,`loading`),e.replaceWith(o),M.set(o,{pre:e,handle:null});let s;try{s=await a(n,{language:r,index:i++})}catch(t){return L(o,e,I(t)),0}if(!o.isConnected)return 0;if(!s||s.error!==void 0||s.html===void 0&&!s.mount)return L(o,e,s?.error??`nothing to render`),0;if(s.mount)try{let t=s.mount(o,{code:n,language:r,editable:!1,setCode:()=>{}});M.set(o,{pre:e,handle:typeof t==`function`?{destroy:t}:t??null})}catch(t){return L(o,e,I(t)),0}else o.innerHTML=s.html;return o.setAttribute(`data-dsk-state`,`ready`),1});return(await Promise.all(a)).reduce((e,t)=>e+t,0)}function z(e){let t=0,n=[];e instanceof Element&&e.hasAttribute(`data-dsk-block`)&&n.push(e),n.push(...Array.from(e.querySelectorAll(`[data-dsk-block]`)));for(let e of n){let n=M.get(e);if(n){try{n.handle?.destroy?.()}catch(e){console.error(`[dsk-embed] block destroy failed`,e)}e.replaceWith(n.pre),M.delete(e),t++}}return t}var B=[`media`,`diagram`,`openapi`,`flow`,`markdown`,`editor`,`board`],V={mermaid:`diagram`,openapi:`openapi`,flow:`flow`,board:`board`,video:`media`,audio:`media`};function H(e){let t=r(e.config??{},document,e.versions),n=re(),i=a(document),o=new Map,s=new Set(e.plugins??B),c=new Map,l={version:e.version,config:()=>t.get(),onConfig:e=>t.subscribe(e),blocks:n,emit:(e,t,n)=>i.emit(e,t,n),load(n){let r=o.get(n);if(!r){let i=c.get(n);if(!i&&!s.has(n))return Promise.reject(Error(`the ${n} plugin is not on this page`));r=(i?i():e.loadPlugin(n,t.get())).then(e=>(e.setup?.(l),e)),r.catch(()=>o.delete(n)),o.set(n,r)}return r}},u=e=>{let t=new Set(e);for(let[e,r]of Object.entries(V))t.has(r)&&!n.has(e)&&n.register(e,async(t,n)=>{let i=(await l.load(r)).renderers?.[e];return i?i(t,n):{error:`no ${e} renderer in the ${r} plugin`}})};u(s),t.subscribe(e=>{i.emit(`config`,{theme:e.theme,resolvedTheme:e.resolvedTheme,locale:e.locale})});let d={version:e.version,mode:e.mode,versions:Object.freeze({...e.versions}),importMap:e.importMap??null,get config(){return t.get()},configure:e=>t.configure(e),blocks:{register:(e,t)=>n.register(e,t),unregister:e=>n.unregister(e),has:e=>n.has(e),list:()=>n.languages()},on:i.on,once:i.once,off:i.off,emit:i.emit,renderBlocks:(e=document.body,t)=>R(e,n,t),unrenderBlocks:(e=document.body)=>z(e),preload:async(...e)=>{await Promise.all(e.map(e=>l.load(e)))},plugins:()=>[...s],extend(e){let t=[];for(let[n,r]of Object.entries(e))r&&!s.has(n)&&(c.set(n,typeof r==`function`?r:()=>Promise.resolve(r)),s.add(n),t.push(n));return t.length>0&&(A(l,s),u(t)),t},host:l};return A(l,s),d}function U(e){let t={...globalThis.DskEmbedConfig??{}};if(e){let n=e.getAttribute(`data-theme`),r=e.getAttribute(`data-locale`),i=e.getAttribute(`data-cdn-base`);n&&(t.theme=n),r&&(t.locale=r),i&&(t.cdnBase=i)}return t}function W(e,t){if(!t||!t.hasAttribute(`data-render-blocks`))return;let n=t.getAttribute(`data-render-blocks`)||`body`,r=()=>{for(let t of Array.from(document.querySelectorAll(n)))e.renderBlocks(t)};document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,r,{once:!0}):r()}var G={vue:[`vue`,`dist/vue.runtime.esm-browser.prod.js`],"@dskripchenko/ui":[`@dskripchenko/ui`,`dist/index.mjs`],"@dskripchenko/ui/hls":[`@dskripchenko/ui`,`dist/hls/index.mjs`],"@dskripchenko/wysiwyg":[`@dskripchenko/wysiwyg`,`dist/index.mjs`],"@dskripchenko/diagrams":[`@dskripchenko/diagrams`,`dist/index.mjs`],"@dskripchenko/openapi":[`@dskripchenko/openapi`,`dist/index.mjs`],"@dskripchenko/openapi/vue":[`@dskripchenko/openapi`,`dist/vue.mjs`],"@dskripchenko/flow":[`@dskripchenko/flow`,`dist/index.mjs`],"@dskripchenko/flow/vue":[`@dskripchenko/flow`,`dist/vue.mjs`],"@dskripchenko/flow/mermaid":[`@dskripchenko/flow`,`dist/mermaid.mjs`],"@dskripchenko/board":[`@dskripchenko/board`,`dist/index.mjs`],"@dskripchenko/board/vue":[`@dskripchenko/board`,`dist/vue.mjs`]},K={tokens:[`@dskripchenko/ui`,`dist/styles/tokens.css`],themes:[`@dskripchenko/ui`,`dist/styles/themes.css`],kit:[`@dskripchenko/ui`,`dist/styles/index.css`],openapi:[`@dskripchenko/openapi`,`dist/style.css`],flow:[`@dskripchenko/flow`,`dist/style.css`],board:[`@dskripchenko/board`,`dist/style.css`],editor:[`@dskripchenko/wysiwyg`,`dist/style.css`]};function q(e,t,n,r){return`${e}${t}@${n}/${r}`}function ie(e,t){let n={};for(let[r,[i,a]]of Object.entries(G)){let o=t[i];if(!o)throw Error(`no version pinned for ${i}`);n[r]=q(e,i,o,a)}return{imports:n}}function J(e,t,n){let[r,i]=K[n];return q(e,r,t[r],i)}function Y(e=document){let t={};for(let n of Array.from(e.querySelectorAll(`script[type="importmap"]`)))try{let e=JSON.parse(n.textContent??`{}`);for(let[n,r]of Object.entries(e.imports??{}))n in t||(t[n]=r)}catch{}return{imports:t}}function ae(e,t=document){let n=Y(t),r={},i=[],a={};for(let[t,o]of Object.entries(e.imports)){let e=n.imports[t];e===void 0?(r[t]=o,a[t]=o):(a[t]=e,e!==o&&i.push({specifier:t,page:e,embed:o}))}let o=Object.keys(r);if(o.length>0){let e=t.createElement(`script`);e.type=`importmap`,e.setAttribute(`data-dsk-embed`,``),e.textContent=JSON.stringify({imports:r},null,2);let n=t.querySelector(`script[type="module"]`),i=n&&n.parentNode?n:null;i?i.parentNode.insertBefore(e,i):(t.head??t.documentElement).appendChild(e)}return{map:{imports:a},added:o,conflicts:i}}var oe={diagram:[`tokens`,`themes`],media:[`tokens`,`themes`,`kit`],markdown:[`tokens`,`themes`,`kit`],openapi:[`tokens`,`themes`,`kit`,`openapi`],flow:[`tokens`,`themes`,`kit`,`flow`],editor:[`tokens`,`themes`,`kit`,`editor`],board:[`tokens`,`themes`,`kit`,`board`]},X=new Map;function se(e){return e.head.querySelector(`link[rel="stylesheet"]:not([data-dsk-embed]), style:not([data-dsk-embed])`)}function ce(e){let t=e.head.querySelectorAll(`link[data-dsk-embed], style[data-dsk-embed]`);return t.length>0?t[t.length-1]:null}function Z(e,t){let n=ce(e);if(n)n.after(t);else{let n=se(e);n?n.before(t):e.head.appendChild(t)}}function le(e,t=document){let n=X.get(e);if(n)return n;if(Array.from(t.querySelectorAll(`link[rel="stylesheet"]`)).find(t=>t.href===e))return X.set(e,Promise.resolve()),X.get(e);let r=t.createElement(`link`);r.rel=`stylesheet`,r.href=e,r.setAttribute(`data-dsk-embed`,``);let i=new Promise(t=>{r.addEventListener(`load`,()=>t(),{once:!0}),r.addEventListener(`error`,()=>{console.error(`[dsk-embed] stylesheet failed to load: ${e}`),t()},{once:!0})});return Z(t,r),X.set(e,i),i}function ue(e,t,n=document){if(n.querySelector(`style[data-dsk-embed="${e}"]`))return;let r=n.createElement(`style`);r.setAttribute(`data-dsk-embed`,e),r.textContent=t,Z(n,r)}var Q=`:root:not([data-theme]) { --uid-surface-base: var(--uid-color-zinc-50); --uid-surface-raised: var(--uid-color-white); --uid-surface-overlay: var(--uid-color-white); --uid-text-primary: var(--uid-color-zinc-900); --uid-text-secondary: var(--uid-color-zinc-500); --uid-text-tertiary: var(--uid-color-zinc-400); --uid-text-on-accent: var(--uid-color-white); --uid-border-subtle: var(--uid-color-zinc-200); --uid-border-default: var(--uid-color-zinc-300); --uid-border-hover: var(--uid-color-zinc-400); --uid-accent: var(--uid-color-teal-500); --uid-accent-hover: var(--uid-color-teal-600); --uid-accent-subtle: var(--uid-color-teal-50); --uid-accent-text: var(--uid-color-teal-700); --uid-danger: var(--uid-color-rose-600); --uid-danger-hover: var(--uid-color-rose-700); --uid-danger-subtle: var(--uid-color-rose-50); --uid-success: var(--uid-color-emerald-600); --uid-success-subtle: var(--uid-color-emerald-50); --uid-warning: var(--uid-color-amber-600); --uid-warning-subtle: var(--uid-color-amber-50); --uid-info: var(--uid-color-blue-600); --uid-info-subtle: var(--uid-color-blue-50); --uid-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.05); --uid-shadow-md: 0 4px 12px rgb(0 0 0 / 0.08); --uid-shadow-lg: 0 8px 24px rgb(0 0 0 / 0.12); --uid-shadow-xl: 0 20px 60px rgb(0 0 0 / 0.3); }
+:where(dsk-video,dsk-audio,dsk-diagram,dsk-openapi,dsk-flow,dsk-board,dsk-markdown,dsk-editor){min-width:0;display:block;position:relative}:where(dsk-video,dsk-audio,dsk-diagram,dsk-openapi,dsk-flow,dsk-board,dsk-markdown,dsk-editor):not([data-dsk-state]){visibility:hidden;min-height:2rem;overflow:hidden}:where(.dsk-root){min-width:0;display:block}:where([data-dsk-state=loading],.dsk-block[data-dsk-state=loading]){border-radius:var(--uid-radius-md,8px);background:var(--uid-color-bg-subtle,#7f7f7f14);animation:1.4s ease-in-out infinite dsk-pulse}:where(dsk-video[data-dsk-state=loading]){aspect-ratio:16/9}:where(dsk-audio[data-dsk-state=loading]){min-height:72px}:where(dsk-diagram[data-dsk-state=loading],dsk-markdown[data-dsk-state=loading]){min-height:120px}:where(dsk-openapi[data-dsk-state=loading],dsk-editor[data-dsk-state=loading]){min-height:240px}:where(.dsk-block[data-dsk-state=loading]){min-height:96px}@keyframes dsk-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){:where([data-dsk-state=loading],.dsk-block[data-dsk-state=loading]){animation:none}}:where(.dsk-error){padding:var(--uid-space-sm,8px) var(--uid-space-md,12px);border:1px solid var(--uid-danger,#dc2626);border-radius:var(--uid-radius-md,8px);color:var(--uid-danger,#dc2626);background:var(--uid-danger-subtle,#dc262614);font:13px/1.45 var(--uid-font-family-mono,ui-monospace, monospace);white-space:pre-wrap;overflow-wrap:anywhere}:where(dsk-video,dsk-audio,dsk-diagram,dsk-openapi,dsk-flow,dsk-board,dsk-markdown,dsk-editor,.dsk-block,[class^=uid-],[class*=\\ uid-]),:where(dsk-video,dsk-audio,dsk-diagram,dsk-openapi,dsk-flow,dsk-board,dsk-markdown,dsk-editor,.dsk-block,[class^=uid-],[class*=\\ uid-]) *,:where(dsk-video,dsk-audio,dsk-diagram,dsk-openapi,dsk-flow,dsk-board,dsk-markdown,dsk-editor,.dsk-block,[class^=uid-],[class*=\\ uid-]) :before,:where(dsk-video,dsk-audio,dsk-diagram,dsk-openapi,dsk-flow,dsk-board,dsk-markdown,dsk-editor,.dsk-block,[class^=uid-],[class*=\\ uid-]) :after{box-sizing:border-box}:where(dsk-video,dsk-audio,dsk-openapi,dsk-flow,dsk-editor,.dsk-block,[class^=uid-],[class*=\\ uid-]) :where(button,input,textarea,select){font:inherit}:where(dsk-video,dsk-audio,dsk-diagram,dsk-openapi,dsk-flow,dsk-board,dsk-markdown,dsk-editor,.dsk-block,body>[class^=uid-],body>[class*=\\ uid-]){font-family:var(--uid-font-family-sans);line-height:var(--uid-line-height-normal);color:var(--uid-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(body>[class^=uid-],body>[class*=\\ uid-]){font-size:var(--uid-font-size-md)}:where([class^=uid-],[class*=\\ uid-]):focus-visible{outline:2px solid var(--uid-color-focus-ring);outline-offset:2px}:root{--dg-font-family:var(--uid-font-family-sans);--dg-text:var(--uid-text-primary);--dg-text-muted:var(--uid-text-secondary);--dg-line:var(--uid-text-tertiary);--dg-node-fill:var(--uid-accent-subtle);--dg-node-stroke:var(--uid-accent);--dg-node-text:var(--uid-text-primary);--dg-cluster-fill:var(--uid-color-bg-subtle);--dg-cluster-stroke:var(--uid-border-default);--dg-cluster-text:var(--uid-text-secondary);--dg-edge-label-fill:var(--uid-surface-raised);--dg-note-fill:var(--uid-warning-subtle);--dg-note-stroke:var(--uid-warning);--dg-note-text:var(--uid-text-primary);--dg-actor-fill:var(--uid-accent-subtle);--dg-actor-stroke:var(--uid-accent);--dg-activation-fill:var(--uid-accent-subtle);--dg-lifeline:var(--uid-border-default);--dg-block-stroke:var(--uid-border-hover);--dg-block-label-fill:var(--uid-color-bg-subtle);--dg-grid:var(--uid-border-subtle);--dg-task-fill:var(--uid-accent);--dg-task-stroke:var(--uid-accent-hover);--dg-task-active-fill:var(--uid-accent-subtle);--dg-task-done-fill:var(--uid-border-default);--dg-task-done-stroke:var(--uid-border-hover);--dg-task-crit-fill:var(--uid-danger);--dg-task-crit-stroke:var(--uid-danger-hover);--dg-task-text:var(--uid-text-on-accent);--dg-task-text-dark:var(--uid-text-primary);--dg-today:var(--uid-danger);--dg-state-start:var(--uid-text-primary);--dg-pie-stroke:var(--uid-surface-raised);--dg-row-fill:var(--uid-surface-raised);--dg-row-alt-fill:var(--uid-color-bg-subtle);--dg-c4-boundary-stroke:var(--uid-text-secondary);--dg-c4-boundary-text:var(--uid-text-primary);--dg-c4-node-stroke:var(--uid-text-secondary);--dg-c4-node-text:var(--uid-text-primary)}:root[data-theme=dark]{--dg-c4-person-fill:#1f5c99;--dg-c4-person-stroke:#6aa5e0;--dg-c4-system-fill:#1f6fbf;--dg-c4-system-stroke:#7bb4ee;--dg-c4-container-fill:#3b7fc0;--dg-c4-container-stroke:#93c5fd;--dg-c4-component-stroke:#bfdbfe;--dg-c4-external-fill:#5f6670;--dg-c4-external-stroke:#9ca3af}:where(.dsk-diagram){overflow-x:auto}:where(.dsk-diagram) svg{max-width:100%;height:auto;margin-inline:auto;display:block}:where(.dsk-block){margin:var(--uid-space-md,12px) 0;min-width:0}:where(.dsk-block--mermaid){overflow-x:auto}:where(.dsk-block--mermaid) svg{max-width:100%;height:auto;margin-inline:auto;display:block}:where(.dsk-flow-frame,.dsk-board-frame){border:1px solid var(--uid-border-subtle);border-radius:var(--uid-radius-md);background:var(--uid-surface-raised);position:relative;overflow:hidden}:where(.dsk-media){min-width:0}`;function de(e,t){return e.replace(/(@dskripchenko\/embed)@[^/]+\//,`$1@${t}/`).replace(/[?#].*$/,``).replace(/[^/]*$/,``)}function fe(e){let t=/^(.*\/)@dskripchenko\/embed@[^/]+\//.exec(e);return t?t[1]:null}var $=`1.3.0`,pe={vue:`3.5.44`,"@dskripchenko/ui":`1.16.0`,"@dskripchenko/wysiwyg":`0.5.3`,"@dskripchenko/diagrams":`1.1.0`,"@dskripchenko/openapi":`1.1.3`,"@dskripchenko/flow":`1.1.1`,"@dskripchenko/board":`0.2.1`};function me(){return document.currentScript instanceof HTMLScriptElement?document.currentScript:Array.from(document.querySelectorAll(`script[src]`)).reverse().find(e=>/\/embed(\.min)?\.js(\?|#|$)/.test(e.src))??null}function he(){if(window.DskEmbed){console.warn(`[dsk-embed] already loaded (${window.DskEmbed.mode} ${window.DskEmbed.version}); this copy is ignored`);return}let e=me();e||console.warn(`[dsk-embed] cannot find its own <script>; assuming the default CDN`),e?.type===`module`&&console.warn(`[dsk-embed] embed.js runs best as a classic <script>: from a module the import map may come too late in browsers without multiple import maps`);let t=e?.src??`https://cdn.jsdelivr.net/npm/@dskripchenko/embed@${$}/dist/embed.js`,r=U(e),i=de(t,$),a=n(r.cdnBase??fe(t)??`https://cdn.jsdelivr.net/npm/`),o={...pe,...r.versions??{}},{map:s,conflicts:c}=ae(ie(a,o));for(let e of c)console.warn(`[dsk-embed] the page maps "${e.specifier}" to ${e.page}; the embed was built against ${e.embed}. A second copy of Vue or the kit breaks the elements — map both to the same file.`);ue(`base`,Q);let l=H({mode:`loader`,version:$,versions:o,importMap:s,config:{...r,cdnBase:a,versions:o},async loadPlugin(e){let t=oe[e].map(e=>le(J(a,o,e))),n=import(`${i}plugins/${e}.js`),[r]=await Promise.all([n,...t]);return r}});window.DskEmbed=l,W(l,e),document.dispatchEvent(new CustomEvent(`dsk:embed-ready`,{detail:{version:$,mode:`loader`}}))}he()})();

package/dist/plugins/board.js

@@ -1 +1 @@
-import{n as e}from"../chunks/attrs-ommFQqA5.js";import{a as t,c as n,i as r,l as i,n as a,o,r as s,t as c}from"../chunks/runtime-C8zlTt5D.js";import{h as l,shallowRef as u}from"vue";import{httpProvider as d,parseBoard as f}from"@dskripchenko/board";import{BoardEditor as p}from"@dskripchenko/board/vue";function m(e){n(e)}function h(){return{version:1,objects:{}}}function g(n){let i=r(),o=u(null),m=u(null),g=null,_=``,v=null,y=``;function b(){let e=n.props().name;typeof e==`string`&&e!==``&&(v||(v=document.createElement(`input`),v.type=`hidden`,n.el.appendChild(v)),v.name=e,v.value=o.value?JSON.stringify(o.value):``)}function x(e,t){let n=typeof t==`number`&&t>0?Math.max(250,t):0,r=`${e}|${n}`;return g&&_===r||(g?.close?.(),g=d(n?{base:e,wait:0,interval:n}:{base:e}),_=r),g}async function S(){let e=n.props();if(typeof e.boardUrl==`string`&&e.boardUrl!==``){m.value=null;return}let t=e.board===void 0?typeof e.src==`string`&&e.src!==``?`src:${e.src}`:`source:${n.source()}`:`object`;if(t!==y||t===`object`){y=t;try{let t=e.board===void 0?typeof e.src==`string`&&e.src!==``?await a(e.src):n.source().trim()||h():e.board;o.value=f(t),m.value=null,b(),n.emit(`load`,{objects:Object.keys(o.value.objects).length})}catch(e){m.value=c(e),n.emit(`error`,{message:m.value})}}}let C=t(n,t=>{let r=t.props;if(m.value)return l(`div`,{class:`dsk-error`,role:`alert`},m.value);let a=typeof r.boardUrl==`string`&&r.boardUrl!==``,c=`var(--dsk-board-height, ${e(r.height,`560px`)})`;if(!a&&!o.value)return l(`div`,{class:`dsk-board-frame`,style:{height:c}});let u=typeof r.userName==`string`&&r.userName!==``?{id:typeof r.userId==`string`?r.userId:void 0,name:r.userName,color:typeof r.userColor==`string`?r.userColor:void 0}:null;return l(`div`,{class:`dsk-board-frame`,style:{height:c}},[s(p,{ref:i.set,locale:t.locale,readonly:a?r.readonly===!0:r.editable!==!0,minimap:r.minimap!==!1,...r.labels&&typeof r.labels==`object`?{labels:r.labels}:{},...a?{provider:r.provider&&typeof r.provider==`object`?r.provider:x(r.boardUrl,r.pollInterval),user:u}:{modelValue:o.value},style:{height:`100%`},"onUpdate:modelValue":e=>{o.value=e,b()},onChange:e=>n.emit(`change`,{board:e.board,ops:e.ops,origin:e.origin}),onSelection:e=>n.emit(`select`,{ids:e})})])});S();let w=e=>(...t)=>{let n=i.ref.value?.[e];if(typeof n!=`function`)throw Error(`${String(e)}() is not available here`);return n(...t)};return{update(){C.refresh(),S()},destroy(){C.unmount(),g?.close?.(),v?.remove()},api:{fit:w(`fit`),select:w(`select`),toPng:w(`toPng`),toSvg:w(`toSvg`),undo:()=>i.ref.value?.doc?.undo(),redo:()=>i.ref.value?.doc?.redo(),get value(){return o.value}}}}var _={async board(e){let t;try{t=f(e.trim()||h())}catch(e){return{error:c(e)}}return{mount(e){e.classList.add(`dsk-board-frame`),e.style.height=`420px`;let n=u(t),r=o(e,()=>s(p,{modelValue:n.value,readonly:!0,minimap:!1,locale:i.locale,style:{height:`100%`}}));return{update(e){try{n.value=f(e)}catch{}},destroy:()=>r.unmount()}}}}};export{g as mountElement,_ as renderers,m as setup};
+import{n as e}from"../chunks/attrs-ommFQqA5.js";import{a as t,c as n,i as r,l as i,n as a,o,r as s,t as c}from"../chunks/runtime-C8zlTt5D.js";import{t as l}from"../chunks/fullscreen-Bb8W3ga9.js";import{h as u,shallowRef as d}from"vue";import{httpProvider as f,parseBoard as p}from"@dskripchenko/board";import{BoardEditor as m}from"@dskripchenko/board/vue";function h(e){n(e)}function g(){return{version:1,objects:{}}}function _(n){let i=r(),o=d(null),h=d(null),_=null,v=``,y=null,b=``;function x(){let e=n.props().name;typeof e==`string`&&e!==``&&(y||(y=document.createElement(`input`),y.type=`hidden`,n.el.appendChild(y)),y.name=e,y.value=o.value?JSON.stringify(o.value):``)}function S(e,t){let n=typeof t==`number`&&t>0?Math.max(250,t):0,r=`${e}|${n}`;return _&&v===r||(_?.close?.(),_=f(n?{base:e,wait:0,interval:n}:{base:e}),v=r),_}async function C(){let e=n.props();if(typeof e.boardUrl==`string`&&e.boardUrl!==``){h.value=null;return}let t=e.board===void 0?typeof e.src==`string`&&e.src!==``?`src:${e.src}`:`source:${n.source()}`:`object`;if(t!==b||t===`object`){b=t;try{let t=e.board===void 0?typeof e.src==`string`&&e.src!==``?await a(e.src):n.source().trim()||g():e.board;o.value=p(t),h.value=null,x(),n.emit(`load`,{objects:Object.keys(o.value.objects).length})}catch(e){h.value=c(e),n.emit(`error`,{message:h.value})}}}let w=t(n,t=>{let r=t.props;if(h.value)return u(`div`,{class:`dsk-error`,role:`alert`},h.value);let a=typeof r.boardUrl==`string`&&r.boardUrl!==``,c=`var(--dsk-board-height, ${e(r.height,`560px`)})`;if(!a&&!o.value)return u(`div`,{class:`dsk-board-frame`,style:{height:c}});let l=typeof r.userName==`string`&&r.userName!==``?{id:typeof r.userId==`string`?r.userId:void 0,name:r.userName,color:typeof r.userColor==`string`?r.userColor:void 0}:null;return u(`div`,{class:`dsk-board-frame`,style:{height:c}},[s(m,{ref:i.set,locale:t.locale,readonly:a?r.readonly===!0:r.editable!==!0,minimap:r.minimap!==!1,...r.labels&&typeof r.labels==`object`?{labels:r.labels}:{},...a?{provider:r.provider&&typeof r.provider==`object`?r.provider:S(r.boardUrl,r.pollInterval),user:l}:{modelValue:o.value},style:{height:`100%`},"onUpdate:modelValue":e=>{o.value=e,x()},onChange:e=>n.emit(`change`,{board:e.board,ops:e.ops,origin:e.origin}),onSelection:e=>n.emit(`select`,{ids:e})})])});C();let T=e=>(...t)=>{let n=i.ref.value?.[e];if(typeof n!=`function`)throw Error(`${String(e)}() is not available here`);return n(...t)},E=l(n,()=>i.ref.value?.fit?.());return{update(){w.refresh(),C()},destroy(){E?.destroy(),w.unmount(),_?.close?.(),y?.remove()},api:{fit:T(`fit`),enterFullscreen:()=>E?.enter(),exitFullscreen:()=>E?.exit(),get fullscreen(){return E?.active??!1},select:T(`select`),toPng:T(`toPng`),toSvg:T(`toSvg`),undo:()=>i.ref.value?.doc?.undo(),redo:()=>i.ref.value?.doc?.redo(),get value(){return o.value}}}}var v={async board(e){let t;try{t=p(e.trim()||g())}catch(e){return{error:c(e)}}return{mount(e){e.classList.add(`dsk-board-frame`),e.style.height=`420px`;let n=d(t),r=o(e,()=>s(m,{modelValue:n.value,readonly:!0,minimap:!1,locale:i.locale,style:{height:`100%`}}));return{update(e){try{n.value=p(e)}catch{}},destroy:()=>r.unmount()}}}}};export{_ as mountElement,v as renderers,h as setup};

package/dist/plugins/diagram.js

@@ -1 +1 @@
-import{DiagramError as e,render as t}from"@dskripchenko/diagrams";var n=0,r=/* @__PURE__ */ new Map;function i(e){let t=r.get(e);return t||(t=fetch(e,{credentials:`same-origin`}).then(t=>{if(!t.ok)throw Error(`${e}: HTTP ${t.status}`);return t.text()}),t.catch(()=>r.delete(e)),r.set(e,t)),t}function a(t){if(t instanceof e){let e=t.line>0?` (line ${t.line}${t.column>0?`, column ${t.column}`:``})`:``;return`${t.message}${e}${t.hint?`. ${t.hint}`:``}`}return t instanceof Error?t.message:String(t)}function o(r){let o=document.createElement(`div`);o.className=`dsk-diagram`,r.container.appendChild(o);let s=0,c=``;async function l(){let e=++s,a=r.props(),l=typeof a.label==`string`?a.label:void 0,d;try{d=typeof a.src==`string`&&a.src!==``?await i(a.src):r.source()}catch(t){e===s&&u(t);return}if(e!==s)return;let f=`${l??``}\n${d}`;if(f!==c){c=f;try{let e=t(d,{idPrefix:`dsk-dg-${++n}`,...l?{title:l}:{}});o.innerHTML=e.svg,r.emit(`render`,{type:e.type,width:e.width,height:e.height})}catch(e){u(e)}}}function u(t){c=``;let n=document.createElement(`div`);n.className=`dsk-error`,n.setAttribute(`role`,`alert`),n.textContent=a(t),o.replaceChildren(n);let i={message:a(t)};t instanceof e&&Object.assign(i,{line:t.line,column:t.column,hint:t.hint}),r.emit(`error`,i)}return l(),{update:()=>void l(),destroy:()=>o.remove(),api:{get svg(){return o.querySelector(`svg`)}}}}var s={mermaid(r){try{return{html:t(r,{idPrefix:`dsk-dg-${++n}`}).svg}}catch(t){if(t instanceof e)return{error:a(t)};throw t}}};export{o as mountElement,s as renderers};
+import{t as e}from"../chunks/fullscreen-Bb8W3ga9.js";import{DiagramError as t,render as n}from"@dskripchenko/diagrams";var r=0,i=/* @__PURE__ */ new Map;function a(e){let t=i.get(e);return t||(t=fetch(e,{credentials:`same-origin`}).then(t=>{if(!t.ok)throw Error(`${e}: HTTP ${t.status}`);return t.text()}),t.catch(()=>i.delete(e)),i.set(e,t)),t}function o(e){if(e instanceof t){let t=e.line>0?` (line ${e.line}${e.column>0?`, column ${e.column}`:``})`:``;return`${e.message}${t}${e.hint?`. ${e.hint}`:``}`}return e instanceof Error?e.message:String(e)}function s(i){let s=document.createElement(`div`);s.className=`dsk-diagram`,i.container.appendChild(s);let c=0,l=``;async function u(){let e=++c,t=i.props(),o=typeof t.label==`string`?t.label:void 0,u;try{u=typeof t.src==`string`&&t.src!==``?await a(t.src):i.source()}catch(t){e===c&&d(t);return}if(e!==c)return;let f=`${o??``}\n${u}`;if(f!==l){l=f;try{let e=n(u,{idPrefix:`dsk-dg-${++r}`,...o?{title:o}:{}});s.innerHTML=e.svg,i.emit(`render`,{type:e.type,width:e.width,height:e.height})}catch(e){d(e)}}}function d(e){l=``;let n=document.createElement(`div`);n.className=`dsk-error`,n.setAttribute(`role`,`alert`),n.textContent=o(e),s.replaceChildren(n);let r={message:o(e)};e instanceof t&&Object.assign(r,{line:e.line,column:e.column,hint:e.hint}),i.emit(`error`,r)}u();let f=e(i);return{update:()=>void u(),destroy:()=>{f?.destroy(),s.remove()},api:{enterFullscreen:()=>f?.enter(),exitFullscreen:()=>f?.exit(),get fullscreen(){return f?.active??!1},get svg(){return s.querySelector(`svg`)}}}}var c={mermaid(e){try{return{html:n(e,{idPrefix:`dsk-dg-${++r}`}).svg}}catch(e){if(e instanceof t)return{error:o(e)};throw e}}};export{s as mountElement,c as renderers};

package/dist/plugins/flow.js

@@ -1 +1 @@
-import{n as e}from"../chunks/attrs-ommFQqA5.js";import{a as t,c as n,i as r,l as i,n as a,o,r as s,t as c}from"../chunks/runtime-C8zlTt5D.js";import{h as l,shallowReactive as u,shallowRef as d}from"vue";import{parseGraph as f}from"@dskripchenko/flow";import{FlowEditor as p,FlowView as m}from"@dskripchenko/flow/vue";function h(e){n(e)}var g=null;function _(){return g??=import(`@dskripchenko/flow/mermaid`),g.catch(()=>g=null),g}async function v(e){if(e&&typeof e==`object`)return f(e);let t=String(e??``).trim();if(t===``)return f({version:1,nodes:[],edges:[]});if(t.startsWith(`{`))return f(t);let{fromMermaid:n}=await _();return n(t)}function y(e,t){let n=new URL(e,document.baseURI);return t.path&&t.path.length>0&&n.searchParams.set(`path`,t.path.join(`,`)),t.ref&&n.searchParams.set(`ref`,t.ref),n.href}function b(e,t){if(e.includes(`{ref}`))return e.replace(`{ref}`,encodeURIComponent(t));let n=new URL(e,document.baseURI);return n.searchParams.set(`ref`,t),n.href}async function x(e,t){let n=await fetch(e,{signal:t,credentials:`same-origin`,headers:{Accept:`application/json`}});if(!n.ok)throw Error(`${e}: HTTP ${n.status}`);return n.json()}var S=[`direction`,`edgeStyle`,`wheel`,`minimap`,`controls`,`details`,`statusBar`,`labels`,`registry`];function C(e,t){let n=e.data??{},r=e=>typeof e==`string`&&e!==``?document.querySelector(e):null,i=r(t.openapiTarget);i&&typeof n.operation==`string`&&n.operation!==``&&Promise.resolve(i.go?.(n.operation)).catch(e=>console.warn(`[dsk-embed] openapi-target:`,c(e)));let a=r(t.mediaTarget);if(a&&(n.chapter!==void 0||n.time!==void 0)){let e=n.chapter===void 0?Promise.resolve(a.seek?.(Number(n.time))).then(()=>a.play?.()):a.playChapter?.(n.chapter);Promise.resolve(e).catch(e=>console.warn(`[dsk-embed] media-target:`,c(e)))}}function w(n){let i=r(),o=d(null),u=d(null),f=null,h=``;function g(){let e=n.props().name;typeof e==`string`&&e!==``&&(f||(f=document.createElement(`input`),f.type=`hidden`,n.el.appendChild(f)),f.name=e,f.value=o.value?JSON.stringify(o.value):``)}async function w(){let e=n.props(),t=e.graph===void 0?typeof e.src==`string`&&e.src!==``?`src:${e.src}`:`source:${n.source()}`:`object`;if(t!==h||t===`object`){h=t;try{let t=e.graph===void 0?typeof e.src==`string`&&e.src!==``?await v(await a(e.src)):await v(n.source()):await v(e.graph);o.value=t,u.value=null,g(),n.emit(`load`,{nodes:t.nodes.length,edges:t.edges.length})}catch(e){u.value=c(e),n.emit(`error`,{message:u.value})}}}let T=t(n,t=>{let r=t.props;if(u.value)return l(`div`,{class:`dsk-error`,role:`alert`},u.value);if(!o.value)return l(`div`,{class:`dsk-flow-frame`,style:{height:e(r.height,`480px`)}});let a={};for(let e of S)r[e]!==void 0&&(a[e]=r[e]);let d=`var(--dsk-flow-height, ${e(r.height,r.editable?`600px`:`480px`)})`;if(r.editable)return l(`div`,{class:`dsk-flow-frame`,style:{height:d}},[s(p,{...a,ref:i.set,modelValue:o.value,locale:t.locale,readonly:r.readonly===!0,...Array.isArray(r.palette)?{palette:r.palette}:{},mermaid:e=>{if(!E)throw Error(`Mermaid import is still loading; try again`);return E(e)},style:{height:`100%`},"onUpdate:modelValue":e=>{o.value=e,g()},onChange:e=>{o.value=e.graph,g(),n.emit(`change`,{graph:e.graph,description:e.description,source:e.source})},onSelect:e=>n.emit(`select`,{ids:e}),onValidate:e=>n.emit(`validate`,{issues:e})})]);let f=typeof r.pollUrl==`string`&&r.pollUrl!==``?r.pollUrl:null,h=typeof r.toggleUrl==`string`&&r.toggleUrl!==``?r.toggleUrl:null,_=typeof r.persistToggle==`function`?r.persistToggle:null,w=typeof r.subgraphUrl==`string`&&r.subgraphUrl!==``?r.subgraphUrl:null,T=typeof r.loadSubgraph==`function`?r.loadSubgraph:null;return l(`div`,{class:`dsk-flow-frame`,style:{height:d}},[s(m,{...a,ref:i.set,graph:o.value,locale:t.locale,style:{height:`100%`},...r.state===void 0?{}:{state:r.state},...f?{poll:{intervalMs:typeof r.pollInterval==`number`?r.pollInterval:5e3,fetch:(e,t)=>x(y(f,t),e)}}:{},...h||_?{toggleable:!0,persistToggle:async e=>{if(_)return _(e);let t=await fetch(h,{method:`POST`,credentials:`same-origin`,headers:{"Content-Type":`application/json`,Accept:`application/json`},body:JSON.stringify(e)});if(!t.ok)throw Error(`${t.status} ${t.statusText}`.trim());return t},onToggle:(e,t)=>n.emit(`toggle`,{...e,ok:t.ok,...t.ok?{}:{rolledBack:t.rolledBack}})}:{},...T?{loadSubgraph:T}:w?{loadSubgraph:e=>x(b(w,e)).then(e=>v(e))}:{},onSelect:e=>{n.emit(`select`,e?{kind:e.kind,id:e.id,path:e.path,element:e.element}:null),e?.kind===`node`&&(n.emit(`node`,{id:e.id,path:e.path,node:e.element,data:e.element.data??{}}),C(e.element,{openapiTarget:r.openapiTarget,mediaTarget:r.mediaTarget}))},onNavigate:e=>n.emit(`navigate`,{path:e.map(e=>e.nodeId).filter(Boolean)}),"onToggle-error":(e,t)=>n.emit(`toggle-error`,{change:e,message:c(t)}),"onPoll-error":e=>n.emit(`poll-error`,{message:c(e)})})])}),E=null;n.props().editable&&_().then(e=>E=e.fromMermaid,()=>void 0),w();let D=e=>(...t)=>{let n=i.ref.value?.[e];if(typeof n!=`function`)throw Error(`${String(e)}() is not available here`);return n(...t)};return{update(){T.refresh(),w(),n.props().editable&&!E&&_().then(e=>E=e.fromMermaid,()=>void 0)},destroy(){T.unmount(),f?.remove()},api:{fit:D(`fit`),select:D(`select`),enter:D(`enter`),back:D(`back`),refresh:D(`refresh`),undo:D(`undo`),redo:D(`redo`),get stack(){return i.ref.value?.stack},get graph(){return o.value}}}}var T={async flow(e){let t;try{t=await v(e)}catch(e){return{error:c(e)}}return{mount(e){e.classList.add(`dsk-flow-frame`),e.style.height=`420px`;let n=u({graph:t}),r=o(e,()=>s(m,{graph:n.graph,locale:i.locale,minimap:!1,statusBar:!1,style:{height:`100%`},onSelect:t=>{t?.kind===`node`&&e.dispatchEvent(new CustomEvent(`dsk:node`,{bubbles:!0,composed:!0,detail:{id:t.id,path:t.path,node:t.element,data:t.element.data??{}}}))}}));return{update(e){v(e).then(e=>n.graph=e,()=>void 0)},destroy:()=>r.unmount()}}}}};export{C as followNode,w as mountElement,y as pollUrl,T as renderers,h as setup,b as subgraphUrl,v as toGraph};
+import{n as e}from"../chunks/attrs-ommFQqA5.js";import{a as t,c as n,i as r,l as i,n as a,o,r as s,t as c}from"../chunks/runtime-C8zlTt5D.js";import{t as l}from"../chunks/fullscreen-Bb8W3ga9.js";import{h as u,shallowReactive as d,shallowRef as f}from"vue";import{parseGraph as p}from"@dskripchenko/flow";import{FlowEditor as m,FlowView as h}from"@dskripchenko/flow/vue";function g(e){n(e)}var _=null;function v(){return _??=import(`@dskripchenko/flow/mermaid`),_.catch(()=>_=null),_}async function y(e){if(e&&typeof e==`object`)return p(e);let t=String(e??``).trim();if(t===``)return p({version:1,nodes:[],edges:[]});if(t.startsWith(`{`))return p(t);let{fromMermaid:n}=await v();return n(t)}function b(e,t){let n=new URL(e,document.baseURI);return t.path&&t.path.length>0&&n.searchParams.set(`path`,t.path.join(`,`)),t.ref&&n.searchParams.set(`ref`,t.ref),n.href}function x(e,t){if(e.includes(`{ref}`))return e.replace(`{ref}`,encodeURIComponent(t));let n=new URL(e,document.baseURI);return n.searchParams.set(`ref`,t),n.href}async function S(e,t){let n=await fetch(e,{signal:t,credentials:`same-origin`,headers:{Accept:`application/json`}});if(!n.ok)throw Error(`${e}: HTTP ${n.status}`);return n.json()}var C=[`direction`,`edgeStyle`,`wheel`,`minimap`,`controls`,`details`,`statusBar`,`labels`,`registry`];function w(e,t){let n=e.data??{},r=e=>typeof e==`string`&&e!==``?document.querySelector(e):null,i=r(t.openapiTarget);i&&typeof n.operation==`string`&&n.operation!==``&&Promise.resolve(i.go?.(n.operation)).catch(e=>console.warn(`[dsk-embed] openapi-target:`,c(e)));let a=r(t.mediaTarget);if(a&&(n.chapter!==void 0||n.time!==void 0)){let e=n.chapter===void 0?Promise.resolve(a.seek?.(Number(n.time))).then(()=>a.play?.()):a.playChapter?.(n.chapter);Promise.resolve(e).catch(e=>console.warn(`[dsk-embed] media-target:`,c(e)))}}function T(n){let i=r(),o=f(null),d=f(null),p=null,g=``;function _(){let e=n.props().name;typeof e==`string`&&e!==``&&(p||(p=document.createElement(`input`),p.type=`hidden`,n.el.appendChild(p)),p.name=e,p.value=o.value?JSON.stringify(o.value):``)}async function T(){let e=n.props(),t=e.graph===void 0?typeof e.src==`string`&&e.src!==``?`src:${e.src}`:`source:${n.source()}`:`object`;if(t!==g||t===`object`){g=t;try{let t=e.graph===void 0?typeof e.src==`string`&&e.src!==``?await y(await a(e.src)):await y(n.source()):await y(e.graph);o.value=t,d.value=null,_(),n.emit(`load`,{nodes:t.nodes.length,edges:t.edges.length})}catch(e){d.value=c(e),n.emit(`error`,{message:d.value})}}}let E=t(n,t=>{let r=t.props;if(d.value)return u(`div`,{class:`dsk-error`,role:`alert`},d.value);if(!o.value)return u(`div`,{class:`dsk-flow-frame`,style:{height:e(r.height,`480px`)}});let a={};for(let e of C)r[e]!==void 0&&(a[e]=r[e]);let l=`var(--dsk-flow-height, ${e(r.height,r.editable?`600px`:`480px`)})`;if(r.editable)return u(`div`,{class:`dsk-flow-frame`,style:{height:l}},[s(m,{...a,ref:i.set,modelValue:o.value,locale:t.locale,readonly:r.readonly===!0,...Array.isArray(r.palette)?{palette:r.palette}:{},mermaid:e=>{if(!D)throw Error(`Mermaid import is still loading; try again`);return D(e)},style:{height:`100%`},"onUpdate:modelValue":e=>{o.value=e,_()},onChange:e=>{o.value=e.graph,_(),n.emit(`change`,{graph:e.graph,description:e.description,source:e.source})},onSelect:e=>n.emit(`select`,{ids:e}),onValidate:e=>n.emit(`validate`,{issues:e})})]);let f=typeof r.pollUrl==`string`&&r.pollUrl!==``?r.pollUrl:null,p=typeof r.toggleUrl==`string`&&r.toggleUrl!==``?r.toggleUrl:null,g=typeof r.persistToggle==`function`?r.persistToggle:null,v=typeof r.subgraphUrl==`string`&&r.subgraphUrl!==``?r.subgraphUrl:null,T=typeof r.loadSubgraph==`function`?r.loadSubgraph:null;return u(`div`,{class:`dsk-flow-frame`,style:{height:l}},[s(h,{...a,ref:i.set,graph:o.value,locale:t.locale,style:{height:`100%`},...r.state===void 0?{}:{state:r.state},...f?{poll:{intervalMs:typeof r.pollInterval==`number`?r.pollInterval:5e3,fetch:(e,t)=>S(b(f,t),e)}}:{},...p||g?{toggleable:!0,persistToggle:async e=>{if(g)return g(e);let t=await fetch(p,{method:`POST`,credentials:`same-origin`,headers:{"Content-Type":`application/json`,Accept:`application/json`},body:JSON.stringify(e)});if(!t.ok)throw Error(`${t.status} ${t.statusText}`.trim());return t},onToggle:(e,t)=>n.emit(`toggle`,{...e,ok:t.ok,...t.ok?{}:{rolledBack:t.rolledBack}})}:{},...T?{loadSubgraph:T}:v?{loadSubgraph:e=>S(x(v,e)).then(e=>y(e))}:{},onSelect:e=>{n.emit(`select`,e?{kind:e.kind,id:e.id,path:e.path,element:e.element}:null),e?.kind===`node`&&(n.emit(`node`,{id:e.id,path:e.path,node:e.element,data:e.element.data??{}}),w(e.element,{openapiTarget:r.openapiTarget,mediaTarget:r.mediaTarget}))},onNavigate:e=>n.emit(`navigate`,{path:e.map(e=>e.nodeId).filter(Boolean)}),"onToggle-error":(e,t)=>n.emit(`toggle-error`,{change:e,message:c(t)}),"onPoll-error":e=>n.emit(`poll-error`,{message:c(e)})})])}),D=null;n.props().editable&&v().then(e=>D=e.fromMermaid,()=>void 0),T();let O=e=>(...t)=>{let n=i.ref.value?.[e];if(typeof n!=`function`)throw Error(`${String(e)}() is not available here`);return n(...t)},k=l(n,()=>i.ref.value?.fit?.());return{update(){E.refresh(),T(),n.props().editable&&!D&&v().then(e=>D=e.fromMermaid,()=>void 0)},destroy(){k?.destroy(),E.unmount(),p?.remove()},api:{fit:O(`fit`),enterFullscreen:()=>k?.enter(),exitFullscreen:()=>k?.exit(),get fullscreen(){return k?.active??!1},select:O(`select`),enter:O(`enter`),back:O(`back`),refresh:O(`refresh`),undo:O(`undo`),redo:O(`redo`),get stack(){return i.ref.value?.stack},get graph(){return o.value}}}}var E={async flow(e){let t;try{t=await y(e)}catch(e){return{error:c(e)}}return{mount(e){e.classList.add(`dsk-flow-frame`),e.style.height=`420px`;let n=d({graph:t}),r=o(e,()=>s(h,{graph:n.graph,locale:i.locale,minimap:!1,statusBar:!1,style:{height:`100%`},onSelect:t=>{t?.kind===`node`&&e.dispatchEvent(new CustomEvent(`dsk:node`,{bubbles:!0,composed:!0,detail:{id:t.id,path:t.path,node:t.element,data:t.element.data??{}}}))}}));return{update(e){y(e).then(e=>n.graph=e,()=>void 0)},destroy:()=>r.unmount()}}}}};export{w as followNode,T as mountElement,b as pollUrl,E as renderers,g as setup,x as subgraphUrl,y as toGraph};

package/dist/plugins/openapi.js

@@ -1 +1 @@
-import{n as e}from"../chunks/attrs-ommFQqA5.js";import{a as t,c as n,i as r,l as i,n as a,o,r as s,t as c}from"../chunks/runtime-C8zlTt5D.js";import{shallowReactive as l}from"vue";import{OpenApiBlock as u,OpenApiEditor as d,OpenApiOperation as f,OpenApiReference as p,proxySend as m}from"@dskripchenko/openapi/vue";function h(e){n(e)}var g=/* @__PURE__ */ new Map;function _(e){let t=g.get(e);return t||(t=()=>a(e),g.set(e,t)),t}function v(e){if(!Array.isArray(e))return;let t=[];return e.forEach((e,n)=>{if(!e||typeof e!=`object`)return;let r=e,i=typeof r.id==`string`&&r.id!==``?r.id:`spec-${n+1}`,a=typeof r.src==`string`?_(r.src):r.content??r.spec;a!==void 0&&t.push({id:i,...typeof r.name==`string`?{name:r.name}:{},spec:a})}),t}function y(e){return/^(operation|schema|tag|webhook)\//.test(e)||e.startsWith(`#`)?e.replace(/^#/,``):`operation/${e}`}var b=[`tryIt`,`baseUrl`,`defaultSnippet`,`snippetTargets`,`persistCredentials`,`send`,`labels`],x=/* @__PURE__ */ new Map;function S(e){let t=x.get(e);return t||(t=m(e),x.set(e,t)),t}function C(e){let t={};for(let n of b)e[n]!==void 0&&(t[n]=e[n]);return t.send===void 0&&typeof e.proxy==`string`&&e.proxy!==``&&(t.send=S(e.proxy)),t}function w(e){return(e?.document)?.info?.title}function T(n){let i=r(),a=null,o=t(n,t=>{let r=t.props,o=r.mode??(r.operation?`operation`:`reference`),l=t.locale,m=e(r.height),h=e=>s(`div`,{class:`dsk-openapi dsk-openapi--${String(o)}`,style:m?{height:`var(--dsk-openapi-height, ${m})`,overflow:`auto`,"--oa-viewport-h":`var(--dsk-openapi-height, ${m})`}:void 0},[e]);if(o===`block`){let e=a??t.source;return h(s(u,{...C(r),source:e,editable:r.editable===!0,locale:l,"onUpdate:source":e=>{a=e,n.emit(`change`,{source:e})}}))}if(o===`editor`)return h(s(d,{modelValue:a??t.source,...r.view?{view:r.view}:{},locale:l,...r.baseUrl?{baseUrl:r.baseUrl}:{},...r.labels?{labels:r.labels}:{},"onUpdate:modelValue":e=>{a=e,n.emit(`change`,{source:e})},onIssues:e=>n.emit(`issues`,{issues:e})}));let g=r.spec??(typeof r.src==`string`&&r.src!==``?_(r.src):t.source||void 0),y={ref:i.set,onLoaded:(e,t)=>n.emit(`loaded`,{id:t??`spec`,title:w(e)}),onError:(e,t)=>n.emit(`error`,{id:t??`spec`,message:c(e)})};if(o===`operation`)return h(s(f,{...C(r),...y,spec:g,operation:String(r.operation??``),locale:l,...r.referenceUrl?{referenceUrl:r.referenceUrl}:{},...r.specId?{specId:r.specId}:{}}));let b=v(r.specs);return h(s(p,{...C(r),...y,...b?{specs:b}:{spec:g},...r.active?{active:r.active}:{},...r.heading?{title:r.heading}:{},...r.hashNavigation===void 0?{}:{hashNavigation:r.hashNavigation},locale:l,"onUpdate:active":e=>n.emit(`active`,{id:e})}))}),l=()=>{let e=i.ref.value;if(!e)throw Error(`the reference is not ready`);return e};return{update(){n.source()!==o.view.source&&(a=null),o.refresh()},destroy:()=>o.unmount(),api:{go:(e,t)=>l().go(y(String(e)),t),open:e=>l().open(e),print:()=>l().print?.(),get loaded(){return i.ref.value?.spec??null},get value(){return a??n.source()}}}}var E={openapi(){return{mount(e,t){e.classList.add(`dsk-openapi-block`);let n=l({code:t.code}),r=o(e,()=>s(u,{source:n.code,editable:t.editable,locale:i.locale,"onUpdate:source":e=>{n.code=e,t.setCode(e)}}));return{update(e){e!==n.code&&(n.code=e)},destroy:()=>r.unmount()}}}}};export{y as anchorOf,T as mountElement,E as renderers,h as setup,_ as specLoader,v as toSpecs};
+import{n as e}from"../chunks/attrs-ommFQqA5.js";import{a as t,c as n,i as r,l as i,n as a,o,r as s,t as c}from"../chunks/runtime-C8zlTt5D.js";import{t as l}from"../chunks/fullscreen-Bb8W3ga9.js";import{shallowReactive as u}from"vue";import{OpenApiBlock as d,OpenApiEditor as f,OpenApiOperation as p,OpenApiReference as m,proxySend as h}from"@dskripchenko/openapi/vue";function g(e){n(e)}var _=/* @__PURE__ */ new Map;function v(e){let t=_.get(e);return t||(t=()=>a(e),_.set(e,t)),t}function y(e){if(!Array.isArray(e))return;let t=[];return e.forEach((e,n)=>{if(!e||typeof e!=`object`)return;let r=e,i=typeof r.id==`string`&&r.id!==``?r.id:`spec-${n+1}`,a=typeof r.src==`string`?v(r.src):r.content??r.spec;a!==void 0&&t.push({id:i,...typeof r.name==`string`?{name:r.name}:{},spec:a})}),t}function b(e){return/^(operation|schema|tag|webhook)\//.test(e)||e.startsWith(`#`)?e.replace(/^#/,``):`operation/${e}`}var x=[`tryIt`,`baseUrl`,`defaultSnippet`,`snippetTargets`,`persistCredentials`,`send`,`labels`],S=/* @__PURE__ */ new Map;function C(e){let t=S.get(e);return t||(t=h(e),S.set(e,t)),t}function w(e){let t={};for(let n of x)e[n]!==void 0&&(t[n]=e[n]);return t.send===void 0&&typeof e.proxy==`string`&&e.proxy!==``&&(t.send=C(e.proxy)),t}function T(e){return(e?.document)?.info?.title}function E(n){let i=r(),a=null,o=t(n,t=>{let r=t.props,o=r.mode??(r.operation?`operation`:`reference`),l=t.locale,u=e(r.height),h=e=>s(`div`,{class:`dsk-openapi dsk-openapi--${String(o)}`,style:u?{height:`var(--dsk-openapi-height, ${u})`,overflow:`auto`,"--oa-viewport-h":`var(--dsk-openapi-height, ${u})`}:void 0},[e]);if(o===`block`){let e=a??t.source;return h(s(d,{...w(r),source:e,editable:r.editable===!0,locale:l,"onUpdate:source":e=>{a=e,n.emit(`change`,{source:e})}}))}if(o===`editor`)return h(s(f,{modelValue:a??t.source,...r.view?{view:r.view}:{},locale:l,...r.baseUrl?{baseUrl:r.baseUrl}:{},...r.labels?{labels:r.labels}:{},"onUpdate:modelValue":e=>{a=e,n.emit(`change`,{source:e})},onIssues:e=>n.emit(`issues`,{issues:e})}));let g=r.spec??(typeof r.src==`string`&&r.src!==``?v(r.src):t.source||void 0),_={ref:i.set,onLoaded:(e,t)=>n.emit(`loaded`,{id:t??`spec`,title:T(e)}),onError:(e,t)=>n.emit(`error`,{id:t??`spec`,message:c(e)})};if(o===`operation`)return h(s(p,{...w(r),..._,spec:g,operation:String(r.operation??``),locale:l,...r.referenceUrl?{referenceUrl:r.referenceUrl}:{},...r.specId?{specId:r.specId}:{}}));let b=y(r.specs);return h(s(m,{...w(r),..._,...b?{specs:b}:{spec:g},...r.active?{active:r.active}:{},...r.heading?{title:r.heading}:{},...r.hashNavigation===void 0?{}:{hashNavigation:r.hashNavigation},locale:l,"onUpdate:active":e=>n.emit(`active`,{id:e})}))}),u=()=>{let e=i.ref.value;if(!e)throw Error(`the reference is not ready`);return e},h=l(n);return{update(){n.source()!==o.view.source&&(a=null),o.refresh()},destroy:()=>{h?.destroy(),o.unmount()},api:{enterFullscreen:()=>h?.enter(),exitFullscreen:()=>h?.exit(),get fullscreen(){return h?.active??!1},go:(e,t)=>u().go(b(String(e)),t),open:e=>u().open(e),print:()=>u().print?.(),get loaded(){return i.ref.value?.spec??null},get value(){return a??n.source()}}}}var D={openapi(){return{mount(e,t){e.classList.add(`dsk-openapi-block`);let n=u({code:t.code}),r=o(e,()=>s(d,{source:n.code,editable:t.editable,locale:i.locale,"onUpdate:source":e=>{n.code=e,t.setCode(e)}}));return{update(e){e!==n.code&&(n.code=e)},destroy:()=>r.unmount()}}}}};export{b as anchorOf,E as mountElement,D as renderers,g as setup,v as specLoader,y as toSpecs};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dskripchenko/embed",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "Drop-in custom elements for any web page from a CDN: video and audio players, Mermaid diagrams, OpenAPI references, process flows, live markdown and a WYSIWYG editor, sharing one Vue runtime and cooperating through a block registry and an event bus.",
   "type": "module",
   "license": "MIT",
@@ -42,14 +42,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "build": "node scripts/build.mjs",
-    "test": "vitest run",
-    "lint": "eslint src tests scripts",
-    "typecheck": "tsc --noEmit",
-    "check:browser": "node scripts/browser-check.mjs",
-    "prepublishOnly": "pnpm build"
-  },
   "devDependencies": {
     "@dskripchenko/board": "0.2.1",
     "@dskripchenko/diagrams": "1.1.0",
@@ -69,5 +61,11 @@
     "vitest": "^5.0.5",
     "vue": "3.5.44"
   },
-  "packageManager": "pnpm@10.28.0"
-}
+  "scripts": {
+    "build": "node scripts/build.mjs",
+    "test": "vitest run",
+    "lint": "eslint src tests scripts",
+    "typecheck": "tsc --noEmit",
+    "check:browser": "node scripts/browser-check.mjs"
+  }
+}