@draftably/runtime 0.4.0 → 0.5.0

package/dist/element.js

@@ -1,13 +1,13 @@
 import { CANCELABLE_EVENTS as x } from "./host.js";
 import { HOST_EVENTS as F } from "./host.js";
-import { r as m } from "./version-CKs2Vl8m.js";
+import { r as p } from "./version-CO7i33cq.js";
 import { mountViewer as C } from "./viewer.js";
-const S = ".draft-viewer{--dv-border: var(--draft-border, #cbd5e1);--dv-ink: var(--draft-ink, #1e293b);--dv-bg: var(--draft-bg, #fff);--dv-focus: var(--draft-focus, #2563eb);--dv-shadow: var(--draft-shadow, rgb(15 23 42 / .12));--dv-warning-ink: var(--draft-warning-ink, #9a3412);--dv-warning-bg: var(--draft-warning-bg, #fff7ed);position:relative;display:grid;grid-template-rows:auto minmax(8rem,1fr) auto auto;box-sizing:border-box;height:100%;min-height:16rem;border:1px solid var(--dv-border);border-radius:.5rem;color:var(--dv-ink);background:var(--dv-bg);font:14px/1.45 system-ui,sans-serif;overflow:clip}.draft-viewer__toolbar[hidden]{display:none}.draft-viewer__toolbar{grid-row:1;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem;border-bottom:1px solid var(--dv-border)}.draft-viewer__toolbar button{font:inherit;padding:.25rem .55rem;border:1px solid var(--dv-border);border-radius:.3rem;background:var(--dv-bg);color:inherit}.draft-viewer button:focus-visible,.draft-viewer__viewport:focus-visible{outline:3px solid var(--dv-focus);outline-offset:2px}.draft-viewer__viewport{grid-row:2;position:relative;overflow:clip;min-height:8rem;touch-action:none;cursor:grab}.draft-viewer__viewport:active{cursor:grabbing}.draft-viewer__viewport svg{position:absolute;left:0;top:0;overflow:visible}.draft-viewer__status{grid-row:3;margin:0;padding:.35rem .65rem}.draft-viewer__outline{grid-row:4;margin:0;padding:.4rem .8rem .6rem 2rem;max-height:7rem;overflow:auto;border-top:1px solid var(--dv-border)}.draft-viewer__outline:empty{display:none}.draft-viewer--outline-hidden .draft-viewer__outline:not(:focus-within){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.draft-viewer--outline-hidden .draft-viewer__outline:focus-within{position:absolute;inset:auto 0 0;background:var(--dv-bg);box-shadow:0 -4px 12px var(--dv-shadow)}.draft-viewer--stale .draft-viewer__status{color:var(--dv-warning-ink);background:var(--dv-warning-bg)}.draft-viewer__status:empty{display:none}@media(prefers-reduced-motion:reduce){.draft-viewer *{scroll-behavior:auto!important;transition:none!important}}@media(max-width:600px){.draft-viewer__toolbar{gap:.3rem}.draft-viewer__toolbar button{padding-inline:.45rem}}.draft-anchors{position:absolute;inset:0;pointer-events:none;overflow:visible}.draft-anchors__bodies{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0}.draft-anchors__overlays{position:absolute;inset:0}.draft-anchor{position:absolute;box-sizing:border-box;pointer-events:none}.draft-anchor--body{overflow:clip}.draft-anchor--overlay{left:0;top:0;overflow:visible}.draft-anchors[data-draft-detail=low] .draft-anchors__bodies{visibility:hidden}.draft-viewer__viewport[data-draft-detail=full] [data-draft-body] text{opacity:0}";
-function p(i, r) {
+const S = ".draft-viewer{--dv-border: var(--draft-border, light-dark(#cbd5e1, #3d4450));--dv-ink: var(--draft-ink, light-dark(#1e293b, #e7eaef));--dv-bg: var(--draft-bg, light-dark(#fff, #16191e));--dv-focus: var(--draft-focus, light-dark(#2563eb, #7fa4e6));--dv-shadow: var(--draft-shadow, light-dark(rgb(15 23 42 / .12), rgb(0 0 0 / .4)));--dv-warning-ink: var(--draft-warning-ink, light-dark(#9a3412, #fdba74));--dv-warning-bg: var(--draft-warning-bg, light-dark(#fff7ed, #431407));position:relative;display:grid;grid-template-rows:auto minmax(8rem,1fr) auto auto;box-sizing:border-box;height:100%;min-height:16rem;border:1px solid var(--dv-border);border-radius:.5rem;color:var(--dv-ink);background:var(--dv-bg);font:14px/1.45 system-ui,sans-serif;overflow:clip}.draft-viewer__toolbar[hidden]{display:none}.draft-viewer__toolbar{grid-row:1;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem;border-bottom:1px solid var(--dv-border)}.draft-viewer__toolbar button{font:inherit;padding:.25rem .55rem;border:1px solid var(--dv-border);border-radius:.3rem;background:var(--dv-bg);color:inherit}.draft-viewer button:focus-visible,.draft-viewer__viewport:focus-visible{outline:3px solid var(--dv-focus);outline-offset:2px}.draft-viewer__viewport{grid-row:2;position:relative;overflow:clip;min-height:8rem;touch-action:none;cursor:grab}.draft-viewer__viewport:active{cursor:grabbing}.draft-viewer__viewport svg{position:absolute;left:0;top:0;overflow:visible}.draft-viewer__status{grid-row:3;margin:0;padding:.35rem .65rem}.draft-viewer__outline{grid-row:4;margin:0;padding:.4rem .8rem .6rem 2rem;max-height:7rem;overflow:auto;border-top:1px solid var(--dv-border)}.draft-viewer__outline:empty{display:none}.draft-viewer--outline-hidden .draft-viewer__outline:not(:focus-within){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.draft-viewer--outline-hidden .draft-viewer__outline:focus-within{position:absolute;inset:auto 0 0;background:var(--dv-bg);box-shadow:0 -4px 12px var(--dv-shadow)}.draft-viewer--stale .draft-viewer__status{color:var(--dv-warning-ink);background:var(--dv-warning-bg)}.draft-viewer__status:empty{display:none}@media(prefers-reduced-motion:reduce){.draft-viewer *{scroll-behavior:auto!important;transition:none!important}}@media(max-width:600px){.draft-viewer__toolbar{gap:.3rem}.draft-viewer__toolbar button{padding-inline:.45rem}}.draft-anchors{position:absolute;inset:0;pointer-events:none;overflow:visible}.draft-anchors__bodies{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0}.draft-anchors__overlays{position:absolute;inset:0}.draft-anchor{position:absolute;box-sizing:border-box;pointer-events:none}.draft-anchor [data-draft-input]{pointer-events:auto}.draft-anchor--body{overflow:clip}.draft-anchor--overlay{left:0;top:0;overflow:visible}.draft-anchors[data-draft-detail=low] .draft-anchors__bodies{visibility:hidden}.draft-viewer__viewport[data-draft-detail=full] [data-draft-body] text{opacity:0}";
+function v(i, r) {
   if (i === r || typeof i == "function" && typeof r == "function") return !0;
   if (!i || !r || typeof i != "object" || typeof r != "object" || Array.isArray(i) !== Array.isArray(r)) return !1;
   const t = Object.keys(i).filter((s) => i[s] !== void 0), e = Object.keys(r).filter((s) => r[s] !== void 0);
-  return t.length === e.length && t.every((s) => p(i[s], r[s]));
+  return t.length === e.length && t.every((s) => v(i[s], r[s]));
 }
 function _(i, r) {
   if (!Object.hasOwn(i, r)) return;
@@ -16,8 +16,8 @@ function _(i, r) {
 }
 function E(i) {
   const r = customElements.get(i)?.runtimeVersion;
-  r !== m && console.warn(
-    `<${i}> is already defined by @draftably runtime ${r ?? "unknown"}; this copy (${m}) is not used. Install one copy of the runtime.`
+  r !== p && console.warn(
+    `<${i}> is already defined by @draftably runtime ${r ?? "unknown"}; this copy (${p}) is not used. Install one copy of the runtime.`
   );
 }
 function u(i, r, t) {
@@ -64,10 +64,10 @@ function M(i, r, t) {
 }
 function D(i, r, t) {
   const e = i.ownerDocument, s = typeof HTMLSlotElement < "u" && "assign" in HTMLSlotElement.prototype, o = /* @__PURE__ */ new WeakMap();
-  let n = /* @__PURE__ */ new Map(), v = [];
+  let n = /* @__PURE__ */ new Map(), m = [];
   const b = () => {
     if (s)
-      for (const a of v) {
+      for (const a of m) {
         let d = o.get(a.el);
         d || (d = e.createElement("slot"), a.el.append(d), o.set(a.el, d)), d.assign(...n.get(a.slot) ?? []);
       }
@@ -98,7 +98,7 @@ function D(i, r, t) {
     },
     /** The handle's targets changed: put each slot's children in its target. */
     setAnchors(a) {
-      v = a, b();
+      m = a, b();
     },
     names: () => [...n.keys()]
   };
@@ -117,7 +117,7 @@ if (typeof globalThis.document < "u" && typeof globalThis.customElements < "u")
   if (customElements.get(h)) E(h);
   else {
     class i extends HTMLElement {
-      static runtimeVersion = m;
+      static runtimeVersion = p;
       static get observedAttributes() {
         return ["source", "state", "label", "outline"];
       }
@@ -167,11 +167,11 @@ if (typeof globalThis.document < "u" && typeof globalThis.customElements < "u")
       set options(t) {
         const e = this._options, s = t ?? {};
         if (this._options = s, !this._viewer) return;
-        if (!p(e.execution, s.execution) || (e.render?.fonts ?? "embed") !== (s.render?.fonts ?? "embed")) {
+        if (!v(e.execution, s.execution) || (e.render?.fonts ?? "embed") !== (s.render?.fonts ?? "embed")) {
           this._reset(), this._schedule();
           return;
         }
-        const o = !p(e.render, s.render);
+        const o = !v(e.render, s.render);
         this._applyLive(), o && this._update();
       }
       get viewer() {

package/dist/graph.js

@@ -1,4 +1,4 @@
-import { c as ne, a as re, b as m, q as F, p as se, d as ae, e as de, f as le, v as ce, g as N, r as ue } from "./compile-C2lvlbqE.js";
+import { c as ne, a as re, b as m, q as F, p as se, d as ae, e as de, f as le, v as ce, g as N, r as ue } from "./compile-BAIrdu-8.js";
 import { p as pe } from "./geometry-DfUVE8b2.js";
 const _ = /^[A-Za-z_][A-Za-z0-9_.-]*$/;
 function H(e, t) {

package/dist/host.js

@@ -1,4 +1,4 @@
-const e = [
+const n = [
   "anchors",
   "update",
   "render",
@@ -9,8 +9,16 @@ const e = [
   "contextmenu",
   "select",
   "change"
-], t = ["link", "contextmenu"];
+], a = [
+  "link",
+  "contextmenu"
+];
+function c(e) {
+  const { detail: t } = e;
+  return e.cancelable ? { ...t, preventDefault: () => e.preventDefault() } : t;
+}
 export {
-  t as CANCELABLE_EVENTS,
-  e as HOST_EVENTS
+  a as CANCELABLE_EVENTS,
+  n as HOST_EVENTS,
+  c as hostDetail
 };

package/dist/index.js

@@ -1,5 +1,5 @@
-import { renderSvg as r, validate as e } from "./render-CFWEEKPT.js";
-import { r as i } from "./version-CKs2Vl8m.js";
+import { renderSvg as r, validate as e } from "./render-CsJYFD3o.js";
+import { r as i } from "./version-CO7i33cq.js";
 import { f as v } from "./geometry-DfUVE8b2.js";
 const t = r, a = e;
 export {