@jxsuite/studio 0.22.0 → 0.22.1

package/dist/studio.js

@@ -264509,6 +264509,8 @@ async function buildScope(doc, parentScope = {}, base2 = location.href) {
   }
   if (doc.$media) {
     state["$media"] = doc.$media;
+  } else if (!state["$media"] && Object.keys(_rootMedia).length > 0) {
+    state["$media"] = _rootMedia;
   }
   return state;
 }
@@ -264775,16 +264777,16 @@ function applyStyle2(el, styleDef, mediaQueries = {}, state = {}) {
         const resolved = sel.startsWith("&") ? sel.replace("&", parentSel) : sel.startsWith("[") ? `${parentSel}${sel}` : sel.startsWith(":") || sel.startsWith(".") ? `${parentSel}${sel}` : `${parentSel} ${sel}`;
         const props = toCSSText(sub);
         if (props)
-          css += `@media ${query} { ${resolved} { ${props} } }
+          css += `${atRule} { ${resolved} { ${props} } }
 `;
         emitMediaNested(resolved, sub);
       }
     };
     if (key === "@--")
       continue;
-    const query = key.startsWith("@--") ? mediaQueries[key.slice(1)] ?? key.slice(1) : key.slice(1);
+    const atRule = key.startsWith("@--") ? `@media ${mediaQueries[key.slice(1)] ?? key.slice(1)}` : key.startsWith("@(") ? `@media ${key.slice(1)}` : key;
     const scope = `[data-jx="${uid}"]`;
-    css += `@media ${query} { ${scope} { ${toCSSText(rules)} } }
+    css += `${atRule} { ${scope} { ${toCSSText(rules)} } }
 `;
     emitMediaNested(scope, rules);
   }
@@ -265392,6 +265394,7 @@ function camelToKebab(s2) {
 function toCSSText(rules) {
   return Object.entries(rules).filter(([k, v]) => !isNestedSelector2(k) && (v === null || typeof v !== "object")).map(([p, v]) => `${camelToKebab(p)}: ${v}`).join("; ");
 }
+var _rootMedia = {};
 var _elementDefs = new Map;
 async function registerElements(elements, base2) {
   for (const entry of elements) {
@@ -308029,5 +308032,5 @@ effect(() => {
     scheduleAutosave();
 });
 
-//# debugId=44524F8AC477F4E864756E2164756E21
+//# debugId=1F44B1DD74CD205664756E2164756E21
 //# sourceMappingURL=studio.js.map