@jxsuite/studio 4.1.0 → 5.1.0

package/dist/chunks/{studio-92ab2jqe.js → studio-y9zedyjn.js}

@@ -1,10 +1,10 @@
 import {
-  notify
-} from "./studio-xrapxwwc.js";
+  getPlatform2,
+  hasPlatform2
+} from "./studio-6nzaktvy.js";
 import {
-  getPlatform,
-  hasPlatform
-} from "./studio-9ab8gqsm.js";
+  notify2
+} from "./studio-p1dw8wfw.js";
 
 // src/services/settings/definitions.ts
 function normalizeBaseUrl(raw) {
@@ -144,17 +144,17 @@ function announce(keys) {
 }
 var queue = createWriteQueue({
   onError(error) {
-    notify("error", "Your settings could not be saved.", {
+    notify2("error", "Your settings could not be saved.", {
       detail: error instanceof Error ? error.message : String(error),
       key: "settings-write",
       source: "Settings"
     });
   },
   async send(patch) {
-    if (!hasPlatform()) {
+    if (!hasPlatform2()) {
       return;
     }
-    const platform = getPlatform();
+    const platform = getPlatform2();
     if (!platform.patchSettings) {
       return;
     }
@@ -221,10 +221,10 @@ function clearSettings(definitions) {
   }
 }
 async function hydrateSettings() {
-  if (!hasPlatform()) {
+  if (!hasPlatform2()) {
     return;
   }
-  const platform = getPlatform();
+  const platform = getPlatform2();
   if (!platform.getSettings) {
     return;
   }
@@ -270,13 +270,13 @@ function adoptRemoteSettings(stored) {
   }
 }
 function watchRemoteSettings() {
-  if (!hasPlatform()) {
+  if (!hasPlatform2()) {
     return;
   }
-  getPlatform().subscribeSettings?.(adoptRemoteSettings);
+  getPlatform2().subscribeSettings?.(adoptRemoteSettings);
 }
 
 export { SETTINGS, readStoredSetting, hasSetting, onSettingsChanged, settingsSettled, setSetting, setSettings, clearSettings, hydrateSettings, watchRemoteSettings };
 
-//# debugId=C4A4FABDAA7EC06E64756E2164756E21
-//# sourceMappingURL=studio-92ab2jqe.js.map
+//# debugId=8DE88702AC5D888464756E2164756E21
+//# sourceMappingURL=studio-y9zedyjn.js.map

package/dist/chunks/studio-yxa81f45.js

@@ -0,0 +1,12 @@
+// ../schema/src/ijson.ts
+var WHITESPACE = new Set([" ", "\t", `
+`, "\r"]);
+
+// ../schema/src/parse.ts
+function errorMessage2(e) {
+  return e instanceof Error ? e.message : String(e);
+}
+export { errorMessage2 };
+
+//# debugId=D23E652B2F32CF8F64756E2164756E21
+//# sourceMappingURL=studio-yxa81f45.js.map

package/dist/chunks/studio-zdn2g6dt.js

@@ -0,0 +1,148 @@
+import {
+  getPlatform2
+} from "./studio-6nzaktvy.js";
+import {
+  projectState
+} from "./studio-6ewqv390.js";
+
+// ../schema/src/component-meta.ts
+function collectSlotDefs(node, out = []) {
+  if (!node || typeof node !== "object" || Array.isArray(node)) {
+    return out;
+  }
+  const el = node;
+  if (el.tagName === "slot") {
+    const attrs = el.attributes;
+    const rawName = attrs?.name;
+    const name = typeof rawName === "string" ? rawName.trim() : "";
+    const { children } = el;
+    out.push({
+      name,
+      ...Array.isArray(children) && children.length > 0 ? { fallback: children } : {}
+    });
+  }
+  if (Array.isArray(el.children)) {
+    for (const c of el.children) {
+      collectSlotDefs(c, out);
+    }
+  }
+  return out;
+}
+function isPropEntry(def) {
+  if (def == null) {
+    return false;
+  }
+  if (typeof def !== "object") {
+    return true;
+  }
+  const obj = def;
+  return !obj.$prototype && !obj.$handler && !obj.$compute;
+}
+function componentMetaFrom(doc, path) {
+  if (!doc || typeof doc !== "object" || Array.isArray(doc)) {
+    return null;
+  }
+  const content = doc;
+  const { tagName } = content;
+  if (typeof tagName !== "string" || !tagName.includes("-")) {
+    return null;
+  }
+  const slots = collectSlotDefs(content);
+  const state = content.state ?? {};
+  return {
+    $id: typeof content.$id === "string" && content.$id ? content.$id : null,
+    hasElements: Array.isArray(content.$elements) && content.$elements.length > 0,
+    path,
+    props: Object.entries(state).filter(([, def]) => isPropEntry(def)).map(([name, def]) => {
+      if (typeof def !== "object" || def === null) {
+        return { default: def, name, type: typeof def };
+      }
+      const obj = def;
+      return {
+        default: obj.default,
+        format: obj.format,
+        name,
+        type: obj.type
+      };
+    }),
+    ...slots.length > 0 ? { slots } : {},
+    tagName
+  };
+}
+
+// src/files/components.ts
+var componentRegistry2 = [];
+var _componentRegistryLoaded = false;
+async function loadComponentRegistry2() {
+  try {
+    const platform = getPlatform2();
+    componentRegistry2 = await platform.discoverComponents(projectState?.projectRoot || undefined);
+    _componentRegistryLoaded = true;
+  } catch {
+    _componentRegistryLoaded = true;
+  }
+}
+function noteComponentSaved2(path, doc) {
+  if (!path) {
+    return false;
+  }
+  const index = componentRegistry2.findIndex((c) => c.path === path);
+  const meta = componentMetaFrom(doc, path);
+  if (!meta) {
+    if (index === -1) {
+      return false;
+    }
+    componentRegistry2.splice(index, 1);
+    return true;
+  }
+  const entry = meta;
+  if (index === -1) {
+    componentRegistry2.push(entry);
+  } else {
+    componentRegistry2[index] = entry;
+  }
+  return true;
+}
+function buildComponentInstance2(comp) {
+  const $props = Object.fromEntries((comp.props ?? []).map((p) => [p.name, p.default !== undefined ? p.default : ""]));
+  const children = [];
+  for (const slot of comp.slots ?? []) {
+    for (const child of structuredClone(slot.fallback ?? [])) {
+      if (!slot.name) {
+        children.push(child);
+      } else if (typeof child === "object" && child !== null && typeof child.tagName === "string") {
+        child.attributes = { slot: slot.name, ...child.attributes };
+        children.push(child);
+      } else {
+        children.push({ attributes: { slot: slot.name }, children: [child], tagName: "span" });
+      }
+    }
+  }
+  return {
+    $props,
+    tagName: comp.tagName,
+    ...children.length > 0 ? { children } : {}
+  };
+}
+function computeRelativePath2(fromDocPath, toCompPath) {
+  if (!fromDocPath) {
+    return `./${toCompPath}`;
+  }
+  const from = fromDocPath.replaceAll("\\", "/");
+  const to = toCompPath.replaceAll("\\", "/");
+  const fromDir = from.includes("/") ? from.slice(0, from.lastIndexOf("/")) : "";
+  const fromParts = fromDir.split("/").filter(Boolean);
+  const toParts = to.split("/").filter(Boolean);
+  let common = 0;
+  while (common < fromParts.length && common < toParts.length && fromParts[common] === toParts[common]) {
+    common += 1;
+  }
+  const ups = fromParts.length - common;
+  const remaining = toParts.slice(common);
+  return (ups > 0 ? "../".repeat(ups) : "./") + remaining.join("/");
+}
+
+export { componentMetaFrom, componentRegistry2, loadComponentRegistry2, noteComponentSaved2, buildComponentInstance2, computeRelativePath2 };
+
+//# debugId=466165F8ABAECB0564756E2164756E21
+//# sourceMappingURL=studio-zdn2g6dt.js.map

package/dist/chunks/swatch-group-t0n6h2rn.js

@@ -0,0 +1,139 @@
+// ../ui/src/behaviors/swatch-group.ts
+var GROUP = "jx-swatch-group";
+var SWATCH = "jx-swatch";
+var hosts = new WeakMap;
+var watched = new WeakMap;
+function hostOf(event) {
+  const target = event.currentTarget;
+  return target instanceof HTMLElement && target.localName === GROUP ? target : null;
+}
+function ownsNode(group, node) {
+  return node instanceof Element && node.closest(GROUP) === group;
+}
+function swatchesOf(group) {
+  return [...group.querySelectorAll(SWATCH)].filter((swatch) => swatch.closest(GROUP) === group);
+}
+function valueOf(swatch) {
+  return String(swatch.value || swatch.color || "");
+}
+function isDisabled(swatch) {
+  return swatch.disabled === undefined ? swatch.hasAttribute("disabled") : swatch.disabled === true;
+}
+function focusControl(swatch) {
+  const control = swatch.querySelector('[part="control"]');
+  (control ?? swatch).focus();
+}
+function focusSwatch(group, index) {
+  const enabled = swatchesOf(group).filter((swatch) => !isDisabled(swatch));
+  if (enabled.length === 0) {
+    return null;
+  }
+  const at = (index % enabled.length + enabled.length) % enabled.length;
+  const caret = enabled[at];
+  focusControl(caret);
+  return caret;
+}
+function syncSwatches(group) {
+  const swatches = swatchesOf(group);
+  if (swatches.length === 0) {
+    return;
+  }
+  const value = String(group.value ?? "");
+  const enabled = swatches.filter((swatch) => !isDisabled(swatch));
+  const chosen = enabled.find((swatch) => valueOf(swatch) === value);
+  const caret = chosen ?? enabled[0] ?? null;
+  for (const swatch of swatches) {
+    swatch.checked = valueOf(swatch) === value ? "true" : "false";
+    swatch.tabindex = swatch === caret ? "0" : "-1";
+  }
+}
+function watchSwatches(group) {
+  if (watched.has(group)) {
+    return;
+  }
+  const observer = new MutationObserver(() => {
+    syncSwatches(group);
+  });
+  observer.observe(group, { childList: true, subtree: true });
+  watched.set(group, observer);
+}
+function applySwatchSelection(scope) {
+  const value = String(scope.value ?? "");
+  const host = hosts.get(scope);
+  if (host) {
+    syncSwatches(host);
+  }
+  return value;
+}
+function onSwatchGroupMount(scope, event) {
+  const host = hostOf(event);
+  if (!host) {
+    return;
+  }
+  hosts.set(scope, host);
+  syncSwatches(host);
+  watchSwatches(host);
+}
+function onSwatchGroupSelect(scope, event) {
+  const host = hostOf(event);
+  if (!host || !ownsNode(host, event.target)) {
+    return;
+  }
+  event.stopPropagation();
+  const value = String(event.detail ?? "");
+  if (value === String(scope.value ?? "")) {
+    return;
+  }
+  scope.value = value;
+  host.dispatchEvent(new CustomEvent("change", { bubbles: true, detail: value }));
+}
+function onSwatchGroupKeydown(_scope, event) {
+  const host = hostOf(event);
+  if (!host || !ownsNode(host, event.target)) {
+    return;
+  }
+  const enabled = swatchesOf(host).filter((swatch) => !isDisabled(swatch));
+  if (enabled.length === 0) {
+    return;
+  }
+  const active = enabled.findIndex((swatch) => swatch === event.target || event.target instanceof Node && swatch.contains(event.target));
+  let moved;
+  switch (event.key) {
+    case "ArrowDown":
+    case "ArrowRight": {
+      moved = active + 1;
+      break;
+    }
+    case "ArrowLeft":
+    case "ArrowUp": {
+      moved = active === -1 ? -1 : active - 1;
+      break;
+    }
+    case "Home": {
+      moved = 0;
+      break;
+    }
+    case "End": {
+      moved = -1;
+      break;
+    }
+    default: {
+      return;
+    }
+  }
+  event.preventDefault();
+  event.stopPropagation();
+  focusSwatch(host, moved)?.click();
+}
+export {
+  applySwatchSelection,
+  focusSwatch,
+  onSwatchGroupKeydown,
+  onSwatchGroupMount,
+  onSwatchGroupSelect,
+  swatchesOf,
+  syncSwatches
+};
+
+//# debugId=2FEC0B8431B5DE3A64756E2164756E21
+//# sourceMappingURL=swatch-group-t0n6h2rn.js.map

package/dist/chunks/tabs-wbp1cdws.js

@@ -0,0 +1,156 @@
+// ../ui/src/behaviors/tabs.ts
+var TABS = "jx-tabs";
+var TAB = "jx-tab";
+var hosts = new WeakMap;
+var watched = new WeakMap;
+function watchTabs(host) {
+  if (watched.has(host)) {
+    return;
+  }
+  const observer = new MutationObserver(() => {
+    syncTabs(host);
+  });
+  observer.observe(host, { childList: true, subtree: true });
+  watched.set(host, observer);
+}
+function hostOf(event) {
+  const target = event.currentTarget;
+  return target instanceof HTMLElement && target.localName === TABS ? target : null;
+}
+function ownsNode(host, node) {
+  return node instanceof Element && node.closest(TABS) === host;
+}
+function tabsOf(host) {
+  return [...host.querySelectorAll(TAB)].filter((tab) => tab.closest(TABS) === host);
+}
+function valueOf(tab) {
+  return String(tab.value ?? "");
+}
+function focusTab(tabs, index) {
+  if (tabs.length === 0) {
+    return null;
+  }
+  const next = (index % tabs.length + tabs.length) % tabs.length;
+  for (const [at, tab] of tabs.entries()) {
+    tab.tabIndex = at === next ? 0 : -1;
+  }
+  const tab = tabs[next];
+  tab.focus();
+  return tab;
+}
+function syncTabs(host) {
+  const tabs = tabsOf(host);
+  if (tabs.length === 0) {
+    return;
+  }
+  const selected = String(host.selected ?? "");
+  const found = tabs.findIndex((tab) => valueOf(tab) === selected);
+  const caret = found === -1 ? 0 : found;
+  for (const [at, tab] of tabs.entries()) {
+    tab.selected = valueOf(tab) === selected;
+    tab.tabIndex = at === caret ? 0 : -1;
+  }
+}
+function applySelection(scope) {
+  const selected = String(scope.selected ?? "");
+  const host = hosts.get(scope);
+  if (host) {
+    syncTabs(host);
+  }
+  return selected;
+}
+function onTabsMount(scope, event) {
+  const host = hostOf(event);
+  if (!host) {
+    return;
+  }
+  hosts.set(scope, host);
+  syncTabs(host);
+  watchTabs(host);
+}
+function onTabsSelect(scope, event) {
+  const host = hostOf(event);
+  if (!host || !ownsNode(host, event.target)) {
+    return;
+  }
+  event.stopPropagation();
+  const value = String(event.detail ?? "");
+  if (value === String(scope.selected ?? "")) {
+    return;
+  }
+  scope.selected = value;
+  host.dispatchEvent(new CustomEvent("change", { bubbles: true, detail: value }));
+}
+function onTabsKeydown(scope, event) {
+  const host = hostOf(event);
+  if (!host || !ownsNode(host, event.target)) {
+    return;
+  }
+  const tabs = tabsOf(host);
+  if (tabs.length === 0) {
+    return;
+  }
+  const active = tabs.findIndex((tab) => tab === event.target || event.target instanceof Node && tab.contains(event.target));
+  const vertical = String(scope.orientation ?? "horizontal") === "vertical";
+  const forward = vertical ? "ArrowDown" : "ArrowRight";
+  const back = vertical ? "ArrowUp" : "ArrowLeft";
+  let moved = null;
+  switch (event.key) {
+    case forward: {
+      moved = active + 1;
+      break;
+    }
+    case back: {
+      moved = active === -1 ? -1 : active - 1;
+      break;
+    }
+    case "Home": {
+      moved = 0;
+      break;
+    }
+    case "End": {
+      moved = tabs.length - 1;
+      break;
+    }
+    case "Enter":
+    case " ": {
+      const tab = tabs[active];
+      if (!tab || event.target !== tab) {
+        return;
+      }
+      tab.click();
+      break;
+    }
+    case "Delete": {
+      const close = tabs[active]?.querySelector('[part="close"]');
+      if (!close) {
+        return;
+      }
+      close.click();
+      break;
+    }
+    default: {
+      return;
+    }
+  }
+  if (moved !== null) {
+    const tab = focusTab(tabs, moved);
+    if (tab && String(scope.activation ?? "auto") !== "manual") {
+      tab.click();
+    }
+  }
+  event.preventDefault();
+  event.stopPropagation();
+}
+export {
+  applySelection,
+  focusTab,
+  onTabsKeydown,
+  onTabsMount,
+  onTabsSelect,
+  syncTabs,
+  tabsOf
+};
+
+//# debugId=DF1D2F1579013B9564756E2164756E21
+//# sourceMappingURL=tabs-wbp1cdws.js.map

package/dist/chunks/textfield-abk6qyee.js

@@ -0,0 +1,73 @@
+// ../ui/src/behaviors/textfield.ts
+function controlOf(host) {
+  return host.querySelector('[part="input"]');
+}
+function selectValue(host, mode = "all") {
+  const control = controlOf(host);
+  if (!control) {
+    return;
+  }
+  control.focus();
+  if (mode === "none") {
+    return;
+  }
+  if (mode === "stem") {
+    const dot = control.value.lastIndexOf(".");
+    control.setSelectionRange(0, dot > 0 ? dot : control.value.length);
+    return;
+  }
+  control.select();
+}
+function focusField(host) {
+  controlOf(host)?.focus();
+}
+function hostOf(event) {
+  const target = event.currentTarget;
+  return target instanceof Element ? target.closest("jx-textfield") : null;
+}
+function clearField(state, event) {
+  const host = hostOf(event);
+  if (!host) {
+    return;
+  }
+  state["value"] = "";
+  focusField(host);
+  host.dispatchEvent(new Event("input", { bubbles: true }));
+  host.dispatchEvent(new Event("change", { bubbles: true }));
+}
+var minted = 0;
+function mintFieldId(state) {
+  minted += 1;
+  state["uid"] = `jx-tf-${minted}`;
+}
+var namedRows = 0;
+function observesNaming(el) {
+  const def = customElements.get(el.localName);
+  return def?.observedAttributes?.includes("labelledby") === true;
+}
+function nameFieldControl(state, host) {
+  namedRows += 1;
+  const uid = `jx-field-${namedRows}`;
+  state["uid"] = uid;
+  const own = (name) => [...host.children].find((el) => el.getAttribute("part") === name);
+  const control = own("control")?.firstElementChild;
+  if (!control || !observesNaming(control)) {
+    return;
+  }
+  const target = control;
+  target["labelledby"] ||= `${uid}-label`;
+  const help = own("help");
+  if (help && (help.firstElementChild !== null || help.textContent !== "")) {
+    target["describedby"] ||= `${uid}-help`;
+  }
+}
+export {
+  clearField,
+  focusField,
+  mintFieldId,
+  nameFieldControl,
+  selectValue
+};
+
+//# debugId=231A91528E16259F64756E2164756E21
+//# sourceMappingURL=textfield-abk6qyee.js.map

package/dist/chunks/toast-780pvfbv.js

@@ -0,0 +1,27 @@
+import {
+  TOAST_PAUSE2,
+  TOAST_RESUME2,
+  staysInside2,
+  closeToast2,
+  onToastMount2,
+  onToastUnmount2,
+  onToastHold2,
+  onToastRelease2,
+  onToastDismiss2,
+  onToastAction2
+} from "./iframe-entry-15g3n6xv.js";
+export {
+  TOAST_PAUSE2 as TOAST_PAUSE,
+  TOAST_RESUME2 as TOAST_RESUME,
+  closeToast2 as closeToast,
+  onToastAction2 as onToastAction,
+  onToastDismiss2 as onToastDismiss,
+  onToastHold2 as onToastHold,
+  onToastMount2 as onToastMount,
+  onToastRelease2 as onToastRelease,
+  onToastUnmount2 as onToastUnmount,
+  staysInside2 as staysInside
+};
+
+//# debugId=87548D3CC152134D64756E2164756E21
+//# sourceMappingURL=toast-780pvfbv.js.map