@jxsuite/runtime 0.33.0 → 0.34.1

package/dist/runtime.js

@@ -1781,7 +1781,60 @@ var _serverFnConfig = { skip: false };
 function setSkipServerFunctions(v) {
   _serverFnConfig.skip = v;
 }
+var _resolveToken = null;
+function setResolveToken(token) {
+  _resolveToken = token || null;
+}
+function resolveProxyPath(path) {
+  return _resolveToken ? `${path}?token=${encodeURIComponent(_resolveToken)}` : path;
+}
 function setSkipContentResolution(_v) {}
+function observeScope(fn) {
+  const scope = effectScope(true);
+  scope.run(() => {
+    effect(fn);
+  });
+  return () => scope.stop();
+}
+function runScoped(fn) {
+  const scope = effectScope(true);
+  try {
+    const result = scope.run(fn);
+    return { result, stop: () => scope.stop() };
+  } catch (error) {
+    scope.stop();
+    throw error;
+  }
+}
+var _canvasViewportTranspose = false;
+function setCanvasViewportTranspose(on) {
+  _canvasViewportTranspose = on;
+}
+var VIEWPORT_UNIT_RE = /(-?\d*\.?\d+)(?:s|l|d)?v(h|w|min|max|i|b)\b/gi;
+var VIEWPORT_UNIT_MAP = {
+  b: "cqb",
+  h: "cqh",
+  i: "cqi",
+  max: "cqmax",
+  min: "cqmin",
+  w: "cqw"
+};
+function transposeCanvasUnits(value) {
+  if (!_canvasViewportTranspose || !value.includes("v")) {
+    return value;
+  }
+  return value.replace(VIEWPORT_UNIT_RE, (_m, num, dim) => `${num}${VIEWPORT_UNIT_MAP[dim.toLowerCase()] ?? `cq${dim}`}`);
+}
+var _canvasDelinkAnchors = false;
+function setCanvasDelinkAnchors(on) {
+  _canvasDelinkAnchors = on;
+}
+function canvasAttrName(el, key) {
+  if (_canvasDelinkAnchors && key === "href" && (el.tagName === "A" || el.tagName === "AREA")) {
+    return "data-jx-href";
+  }
+  return key;
+}
 async function buildScope(doc, parentScope = {}, base = location.href) {
   const raw = {};
   for (const [key, val] of Object.entries(parentScope)) {
@@ -2140,19 +2193,19 @@ function applyStyle(el, styleDef, mediaQueries = {}, state = {}) {
     if (prop.startsWith("--")) {
       if (isTemplateString(val)) {
         effect(() => {
-          el.style.setProperty(prop, evaluateTemplate(val, state));
+          el.style.setProperty(prop, transposeCanvasUnits(evaluateTemplate(val, state)));
         });
       } else {
-        el.style.setProperty(prop, scalar);
+        el.style.setProperty(prop, transposeCanvasUnits(scalar));
       }
     } else if (isTemplateString(val)) {
       effect(() => {
-        el.style[prop] = evaluateTemplate(val, state);
+        el.style[prop] = transposeCanvasUnits(evaluateTemplate(val, state));
       });
     } else if (mediaOverriddenProps.has(prop)) {
       baseDecls[prop] = scalar;
     } else {
-      el.style[prop] = scalar;
+      el.style[prop] = transposeCanvasUnits(scalar);
     }
   }
   const hasNested = Object.keys(nested).length > 0;
@@ -2236,12 +2289,13 @@ function reapplyStyle(el, styleDef, mediaQueries = {}, state = {}) {
 }
 function applyAttributes(el, attrs, state) {
   for (const [k, v] of Object.entries(attrs)) {
+    const attr = canvasAttrName(el, k);
     if (isRefObj(v)) {
-      effect(() => el.setAttribute(k, String(resolveRef(v.$ref, state) ?? "")));
+      effect(() => el.setAttribute(attr, String(resolveRef(v.$ref, state) ?? "")));
     } else if (isTemplateString(v)) {
-      effect(() => el.setAttribute(k, String(evaluateTemplate(v, state))));
+      effect(() => el.setAttribute(attr, String(evaluateTemplate(v, state))));
     } else {
-      el.setAttribute(k, String(v));
+      el.setAttribute(attr, String(v));
     }
   }
 }
@@ -2717,7 +2771,7 @@ async function resolveViaDevProxy(def2, state, key, base) {
     }
   }
   const hasTemplates = Object.values(config).some((v) => isTemplateString(v));
-  const doResolve = (resolvedConfig) => fetch("/__jx_resolve__", {
+  const doResolve = (resolvedConfig) => fetch(resolveProxyPath("/__jx_resolve__"), {
     body: JSON.stringify({
       $base: base,
       $export: def2.$export,
@@ -2815,7 +2869,7 @@ async function resolveServerFunctionViaProxy(def2, state, key, base) {
     }
     return args;
   };
-  const doResolve = (args) => fetch("/__jx_server__", {
+  const doResolve = (args) => fetch(resolveProxyPath("/__jx_server__"), {
     body: JSON.stringify({
       $base: base,
       $export: def2.$export,
@@ -2903,10 +2957,13 @@ function camelToKebab(s) {
   return s.replaceAll(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
 }
 function toCSSText(rules) {
-  return Object.entries(rules).filter(([k, v]) => !isNestedSelector(k) && (v === null || typeof v !== "object")).map(([p, v]) => `${camelToKebab(p)}: ${v}`).join("; ");
+  return Object.entries(rules).filter(([k, v]) => !isNestedSelector(k) && (v === null || typeof v !== "object")).map(([p, v]) => `${camelToKebab(p)}: ${transposeCanvasUnits(String(v))}`).join("; ");
 }
 var _rootMedia = {};
 var _elementDefs = new Map;
+function setRootMedia(map) {
+  _rootMedia = map ?? {};
+}
 async function registerElements(elements, base) {
   for (const entry of elements) {
     if (typeof entry === "string") {
@@ -2996,6 +3053,9 @@ async function defineElement(source, baseUrl) {
       return observedAttrs;
     }
     async connectedCallback() {
+      if (this.dataset.jxDefinitionRoot !== undefined) {
+        return;
+      }
       if (this._jxInitialized) {
         return;
       }
@@ -3013,6 +3073,14 @@ async function defineElement(source, baseUrl) {
         } catch {}
         delete this.dataset.jxProps;
       }
+      const propAttrNames = this.getAttributeNames().filter((name) => name.startsWith("props.") && name.length > "props.".length);
+      for (const name of propAttrNames) {
+        const key = name.slice("props.".length);
+        if (key in (def2.state ?? {})) {
+          state[key] = this.getAttribute(name);
+          this.removeAttribute(name);
+        }
+      }
       for (const key of Object.keys(def2.state ?? {})) {
         if (key in this && this[key] !== undefined) {
           state[key] = this[key];
@@ -3137,14 +3205,21 @@ function distributeSlots(host, slottedChildren) {
   }
 }
 export {
+  transposeCanvasUnits,
   toCSSText,
   setSkipServerFunctions,
   setSkipContentResolution,
+  setRootMedia,
+  setResolveToken,
+  setCanvasViewportTranspose,
+  setCanvasDelinkAnchors,
+  runScoped,
   resolveRef,
   resolvePrototype,
   resolve,
   renderNode,
   reapplyStyle,
+  observeScope,
   isSignal,
   hasSchemaKeywords,
   elementStyleTags,
@@ -3156,5 +3231,5 @@ export {
   Jx
 };
 
-//# debugId=F4441B44825A3DD064756E2164756E21
+//# debugId=242E5668DE62643A64756E2164756E21
 //# sourceMappingURL=runtime.js.map