@jxsuite/studio 4.1.0 → 5.0.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/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

package/dist/chunks/toast-host-3sqv46sn.js

@@ -0,0 +1,116 @@
+import {
+  TOAST_PAUSE2,
+  TOAST_RESUME2,
+  staysInside2
+} from "./iframe-entry-15g3n6xv.js";
+
+// ../ui/src/behaviors/toast-host.ts
+var HOST = "jx-toast-host";
+var FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+var origins = new WeakMap;
+var listeners = new WeakMap;
+function hostOf(event) {
+  const target = event.currentTarget ?? event.target;
+  return target instanceof Element ? target.closest(HOST) : null;
+}
+function focusablesIn(host) {
+  return [...host.querySelectorAll(FOCUSABLE)].filter((control) => control.closest("jx-toast")?.dataset["open"] !== undefined);
+}
+function holdsFocus(host) {
+  const active = host.ownerDocument.activeElement;
+  return active instanceof Node && host.contains(active);
+}
+function focusStack(host) {
+  const [first] = focusablesIn(host);
+  if (!first) {
+    return false;
+  }
+  const active = host.ownerDocument.activeElement;
+  if (active instanceof HTMLElement && !host.contains(active)) {
+    origins.set(host, active);
+  }
+  first.focus();
+  return true;
+}
+function returnFocus(host) {
+  const origin = origins.get(host);
+  origins.delete(host);
+  if (origin?.isConnected === true) {
+    origin.focus();
+    return true;
+  }
+  const active = host.ownerDocument.activeElement;
+  if (active instanceof HTMLElement && host.contains(active)) {
+    active.blur();
+  }
+  return false;
+}
+function tell(host, name) {
+  for (const toast of host.querySelectorAll("jx-toast")) {
+    toast.dispatchEvent(new Event(name));
+  }
+}
+function onStackHold(_state, event) {
+  const host = hostOf(event);
+  if (host) {
+    tell(host, TOAST_PAUSE2);
+  }
+}
+function onStackRelease(_state, event) {
+  const host = hostOf(event);
+  if (host && !staysInside2(event)) {
+    tell(host, TOAST_RESUME2);
+  }
+}
+function onStackClose(_state, event) {
+  const host = hostOf(event);
+  if (!host) {
+    return;
+  }
+  const active = host.ownerDocument.activeElement;
+  const closed = event.target;
+  const lost = active === null || active === host.ownerDocument.body;
+  const inClosed = closed instanceof Node && active instanceof Node && closed.contains(active);
+  if (lost || inClosed) {
+    returnFocus(host);
+  }
+}
+function onHostMount(state, host) {
+  const root = host.getRootNode();
+  const onKeydown = (event) => {
+    const press = event;
+    if (press.altKey || press.ctrlKey || press.metaKey) {
+      return;
+    }
+    const wanted = typeof state.hotkey === "string" ? state.hotkey : "";
+    if (wanted !== "" && press.key === wanted) {
+      if (focusStack(host)) {
+        press.preventDefault();
+      }
+      return;
+    }
+    if (press.key === "Escape" && holdsFocus(host)) {
+      returnFocus(host);
+      press.preventDefault();
+    }
+  };
+  root.addEventListener("keydown", onKeydown);
+  listeners.set(state, () => root.removeEventListener("keydown", onKeydown));
+}
+function onHostUnmount(state) {
+  listeners.get(state)?.();
+  listeners.delete(state);
+}
+export {
+  focusStack,
+  focusablesIn,
+  onHostMount,
+  onHostUnmount,
+  onStackClose,
+  onStackHold,
+  onStackRelease,
+  returnFocus
+};
+
+//# debugId=80B83EFC1DA35DD864756E2164756E21
+//# sourceMappingURL=toast-host-3sqv46sn.js.map