@jxsuite/studio 2.2.2 → 2.4.0

package/dist/chunks/{studio-22xr4q8q.js → studio-1dgqagzz.js}

@@ -3,17 +3,17 @@ import {
   measuredRowHeight,
   revealListRow,
   watchListWindow
-} from "./studio-8sdyjfd6.js";
+} from "./studio-kwavhmdr.js";
 import {
   autoSyncProjectOnOpen,
   cleanupGitPanel,
   maybePromptJxsuiteUpdate,
   shouldInstallAutomation
-} from "./studio-hekaagev.js";
+} from "./studio-q07vj7p9.js";
 import {
   openCsvGridTab,
   openPagesGrid
-} from "./studio-753znj4c.js";
+} from "./studio-0evba9z5.js";
 import {
   collectionDirs,
   collectionInfo,
@@ -21,20 +21,20 @@ import {
   markLocalMutation,
   parseSourceForPath,
   renamePromptMessage
-} from "./studio-r8vx7bkz.js";
+} from "./studio-wxthr2x1.js";
 import {
   UPLOAD_ACCEPT,
   invalidateUsages,
   isImage,
   uploadAssets
-} from "./studio-qhh8r5fz.js";
+} from "./studio-102jzb8r.js";
 import {
   showProgressModal
-} from "./studio-zqv3w24n.js";
+} from "./studio-eqyybj2e.js";
 import {
   rectOf,
   registerPanel
-} from "./studio-yz9s88s0.js";
+} from "./studio-yk7037sg.js";
 import {
   activateTab,
   activeRegistry,
@@ -61,14 +61,14 @@ import {
   setWorkspaceProject,
   showPromptDialog,
   workspace
-} from "./studio-5kt960pk.js";
+} from "./studio-ddgrc5hs.js";
 import {
   classMap
-} from "./studio-ckwz4d3x.js";
+} from "./studio-twsafr1e.js";
 import {
   ref,
   repeat
-} from "./studio-p471gg5n.js";
+} from "./studio-kvfx9z2c.js";
 import {
   html,
   nothing
@@ -94,7 +94,7 @@ import {
   noFormatError,
   refreshExtensionUi,
   refreshFormats
-} from "./studio-tqemhphj.js";
+} from "./studio-6gcrk1bq.js";
 import {
   getPlatform,
   hasPlatform
@@ -597,6 +597,9 @@ function renderFilesTemplate({
       class="file-tree"
       role="tree"
       aria-label="Project files"
+      @keydown=${(e) => {
+    onFileTreeKeydown(e, e.currentTarget);
+  }}
       ${ref((el) => {
     if (el) {
       afterFileTreeRender(el);
@@ -773,16 +776,6 @@ async function toggleTreeDirectory(path) {
     await loadDirectory(path);
   }
 }
-var _keyboardTrees = new WeakSet;
-function setupTreeKeyboard(tree) {
-  if (_keyboardTrees.has(tree)) {
-    return;
-  }
-  _keyboardTrees.add(tree);
-  tree.addEventListener("keydown", (e) => {
-    onFileTreeKeydown(e, tree);
-  });
-}
 function onFileTreeKeydown(e, tree) {
   const focused = tree.querySelector(".file-tree-item:focus");
   if (!focused) {
@@ -1466,17 +1459,13 @@ function registerFilesPanel() {
     dock: "navigator",
     icon: "sp-icon-folder",
     render: (ctx) => ctx.deps.renderFilesTemplate(),
-    afterRender: (ctx, host) => {
-      const tree = host.querySelector(".file-tree");
-      if (tree) {
-        ctx.deps.setupTreeKeyboard(tree);
-      }
+    afterRender: (ctx) => {
       ctx.deps.registerFileTreeDnD({ renderLeftPanel: ctx.rerender });
     }
   });
 }
 
-export { ensureDependenciesInstalled, entryCollection, entryCollections, collectionOfPath, seedEntry, missingRequired, hydrateRecentProjects, getRecentProjects, addRecentProject, removeRecentProject, clearRecentProjects, getRecentFiles, trackRecentFile, loadDirectory, loadProject, openProject, initProjectRepo, findHomePage, openHomePage, openLastSessionOrHome, renderFilesTemplate, FILE_ROW_HEIGHT, setupTreeKeyboard, isFileDrag, uploadFilesToDir, pickAndUploadTo, registerFileTreeDnD, createFileIn, openFileInTab, openFileInPane, reloadCleanTab, reloadFileInTab, registerFilesPanel };
+export { ensureDependenciesInstalled, entryCollection, entryCollections, collectionOfPath, seedEntry, missingRequired, hydrateRecentProjects, getRecentProjects, addRecentProject, removeRecentProject, clearRecentProjects, getRecentFiles, trackRecentFile, loadDirectory, loadProject, openProject, initProjectRepo, findHomePage, openHomePage, openLastSessionOrHome, renderFilesTemplate, FILE_ROW_HEIGHT, isFileDrag, uploadFilesToDir, pickAndUploadTo, registerFileTreeDnD, createFileIn, openFileInTab, openFileInPane, reloadCleanTab, reloadFileInTab, registerFilesPanel };
 
-//# debugId=FB716457707AF69D64756E2164756E21
-//# sourceMappingURL=studio-22xr4q8q.js.map
+//# debugId=AF54EB1634A6A49164756E2164756E21
+//# sourceMappingURL=studio-1dgqagzz.js.map

package/dist/chunks/{studio-6f0am8f2.js → studio-2w11grav.js}

@@ -2,7 +2,7 @@ import {
   Directive,
   PartType,
   directive
-} from "./studio-p471gg5n.js";
+} from "./studio-kvfx9z2c.js";
 import {
   noChange,
   nothing
@@ -50,4 +50,4 @@ var unsafeHTML = directive(UnsafeHTMLDirective);
 export { unsafeHTML };
 
 //# debugId=2A5B539DDAEE5D8464756E2164756E21
-//# sourceMappingURL=studio-6f0am8f2.js.map
+//# sourceMappingURL=studio-2w11grav.js.map

package/dist/chunks/{studio-pv8m0h4a.js → studio-377bbhtz.js}

@@ -3,19 +3,19 @@ import {
   noopCommandDeps,
   selectStylebookTag,
   stylebook_meta_default
-} from "./studio-1kgfcv7s.js";
+} from "./studio-yz06mkfj.js";
 import {
   dataTypeLabel,
   defCategory,
   inspectorCommands,
   unwrapSignal
-} from "./studio-x0et2z9g.js";
+} from "./studio-ng5gbxkj.js";
 import {
   listWindow,
   measuredRowHeight,
   revealListRow,
   watchListWindow
-} from "./studio-8sdyjfd6.js";
+} from "./studio-kwavhmdr.js";
 import {
   VFile,
   VFileMessage,
@@ -27,7 +27,7 @@ import {
 } from "./studio-bw5dz6km.js";
 import {
   usagesSupported
-} from "./studio-qhh8r5fz.js";
+} from "./studio-102jzb8r.js";
 import {
   KEY_SCOPES,
   activeCanvasSurface,
@@ -43,7 +43,7 @@ import {
   rectOf,
   registerPanel,
   renderEmptyState
-} from "./studio-yz9s88s0.js";
+} from "./studio-yk7037sg.js";
 import {
   activeRegistry,
   activeTab,
@@ -81,16 +81,16 @@ import {
   transactDoc,
   view,
   workspace
-} from "./studio-5kt960pk.js";
+} from "./studio-ddgrc5hs.js";
 import {
   classMap,
   ifDefined,
   styleMap
-} from "./studio-ckwz4d3x.js";
+} from "./studio-twsafr1e.js";
 import {
   ref,
   repeat
-} from "./studio-p471gg5n.js";
+} from "./studio-kvfx9z2c.js";
 import {
   html,
   nothing,
@@ -12675,6 +12675,7 @@ var SLASH_COMMANDS = [
 ];
 var callbacks = null;
 var activeIdx = 0;
+var showFilter = false;
 var filteredItems = [];
 var open = false;
 var _anchorRect = null;
@@ -12699,7 +12700,8 @@ function showAt(rect, filter, cbs) {
     return;
   }
   activeIdx = 0;
-  render2(cbs.showFilter || false);
+  showFilter = cbs.showFilter || false;
+  render2();
   if (!open) {
     open = true;
     document.addEventListener("keydown", onKeydown, true);
@@ -12731,7 +12733,7 @@ function dismissSlashMenu() {
   render(nothing, getHost());
   cbs?.onDismiss?.();
 }
-function render2(showFilter) {
+function render2() {
   const rect = _anchorRect;
   if (!rect) {
     return;
@@ -12759,7 +12761,7 @@ function render2(showFilter) {
         <sp-menu style="min-width:220px">
           ${filteredItems.length > 0 ? filteredItems.map((cmd, i) => html`
                     <sp-menu-item
-                      ?focused=${i === 0}
+                      ?focused=${i === activeIdx}
                       @click=${(e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -12790,7 +12792,7 @@ function onFilterInput(e) {
   const source = callbacks?.commands || SLASH_COMMANDS;
   filteredItems = filter ? source.filter((c) => c.label.toLowerCase().includes(filter) || c.tag.toLowerCase().includes(filter)) : source;
   activeIdx = 0;
-  render2(true);
+  render2();
   requestAnimationFrame(() => {
     if (_filterEl && _filterEl !== document.activeElement) {
       _filterEl.focus();
@@ -12799,6 +12801,10 @@ function onFilterInput(e) {
     }
   });
 }
+function revealActive() {
+  const rows = getHost().querySelectorAll("sp-menu-item:not([disabled])");
+  rows[activeIdx]?.scrollIntoView({ block: "nearest" });
+}
 function handleSlashMenuKey(key) {
   if (!open) {
     return;
@@ -12808,18 +12814,16 @@ function handleSlashMenuKey(key) {
     if (items.length === 0) {
       return;
     }
-    items[activeIdx]?.removeAttribute("focused");
     activeIdx = (activeIdx + 1) % items.length;
-    items[activeIdx]?.setAttribute("focused", "");
-    items[activeIdx]?.scrollIntoView({ block: "nearest" });
+    render2();
+    revealActive();
   } else if (key === "ArrowUp") {
     if (items.length === 0) {
       return;
     }
-    items[activeIdx]?.removeAttribute("focused");
     activeIdx = (activeIdx - 1 + items.length) % items.length;
-    items[activeIdx]?.setAttribute("focused", "");
-    items[activeIdx]?.scrollIntoView({ block: "nearest" });
+    render2();
+    revealActive();
   } else if (key === "Enter") {
     const cmd = filteredItems[activeIdx];
     if (cmd) {
@@ -14168,7 +14172,7 @@ function elementCommands(deps) {
         if (!target?.rerender) {
           return;
         }
-        const { startLayerTitleEdit } = await import("./layers-panel-kj93w2zg.js");
+        const { startLayerTitleEdit } = await import("./layers-panel-a8wjsdjj.js");
         startLayerTitleEdit(target.path, target.rerender);
       }
     }
@@ -14411,7 +14415,8 @@ function rowTemplate(row, index) {
   return html`${row.dividerAbove ? html`<sp-menu-divider role="separator"></sp-menu-divider>` : nothing}<sp-menu-item
       role="menuitem"
       data-command-id=${row.command.id}
-      tabindex=${index === 0 ? 0 : -1}
+      tabindex=${index === _activeIdx ? 0 : -1}
+      ?focused=${index === _activeIdx}
       ?disabled=${!row.enabled}
       aria-disabled=${row.enabled ? "false" : "true"}
       style=${row.command.destructive && row.enabled ? "color: var(--danger)" : ""}
@@ -14817,7 +14822,7 @@ function onTreeKeydown(e, collapsed, rerender) {
 }
 function startLayerTitleEdit(path, rerender) {
   const key = pathKey(path);
-  const row = document.querySelector(`.layer-row[data-path="${key}"]`);
+  const row = _outlineList ? rowElementFor(_outlineList, key) : null;
   if (!row) {
     const index = outlineIndexOfPath(path);
     if (index >= 0 && revealOutlineRow(index)) {
@@ -15167,5 +15172,5 @@ function registerLayersPanel() {
 
 export { findEnclosingRepeater, convertToComponent, showSlashMenu, showSlashMenuAtRect, dismissSlashMenu, handleSlashMenuKey, parseChord, normalizeChord, chordFromEvent, formatChord, overlappingScopes, chordsInScopes, CommandUnavailableError, createCommandRegistry, initBlockActionBar, formatCommands, registerSelectionCommands, dismissLinkPopover, dismissBlockActionBar, suppressBlockActionBar, releaseBlockActionBar, isEditChromeTarget, renderBlockActionBar, outlineLabel, OUTLINE_ROW_MAX_ITEMS, renderRowCommands, clearHoverActions, onTreeHover, afterTreeRender, indentWidth, OUTLINE_ROW_HEIGHT, outlineRowPath, applyTreeRovingTabindex, applyRowSelection, onTreeKeydown, startLayerTitleEdit, renderLayersTemplate, registerLayersPanel, pasteNode, clipboardCommands, setContextMenuNavigate, liveElementCommands, dismissContextMenu, showContextMenu };
 
-//# debugId=0A72A5F10EA65EFD64756E2164756E21
-//# sourceMappingURL=studio-pv8m0h4a.js.map
+//# debugId=5DE335A028CC7DD364756E2164756E21
+//# sourceMappingURL=studio-377bbhtz.js.map

package/dist/chunks/{studio-6zzbyx17.js → studio-53dn6e6t.js}

@@ -2,7 +2,7 @@ import {
   activeRegistry,
   shell,
   updateSiteConfig
-} from "./studio-5kt960pk.js";
+} from "./studio-ddgrc5hs.js";
 import {
   html,
   nothing
@@ -382,4 +382,4 @@ function renderDeployChecklist() {
 export { platformSupportsPublish, listAccounts, latestDeployment, writeDeployConfig, connectDeploy, currentDeploy, noteDeployment, deployStatusItem, renderDeployChecklist };
 
 //# debugId=F16370A3EAFA6BE564756E2164756E21
-//# sourceMappingURL=studio-6zzbyx17.js.map
+//# sourceMappingURL=studio-53dn6e6t.js.map

package/dist/chunks/studio-53n8bp04.js

@@ -0,0 +1,16 @@
+// src/services/bundle-base.ts
+var base;
+function setBundleBase(entryUrl) {
+  base = new URL("./", entryUrl).href;
+}
+function bundleUrl(path) {
+  if (base === undefined) {
+    throw new Error(`bundleUrl(${JSON.stringify(path)}) before setBundleBase(). An entry module ` + `(src/studio.ts or src/canvas/iframe-entry.ts) must call setBundleBase(import.meta.url) ` + `first; a test needs tests/with-dom.ts, which sets one.`);
+  }
+  return new URL(path, base).href;
+}
+
+export { setBundleBase, bundleUrl };
+
+//# debugId=0B4622FE09D1B65C64756E2164756E21
+//# sourceMappingURL=studio-53n8bp04.js.map

package/dist/chunks/{studio-tqemhphj.js → studio-6gcrk1bq.js}

@@ -21,7 +21,7 @@ async function applyPendingSchemas() {
   }
   _pendingSchemasDirty = false;
   try {
-    const { applyProjectSchemas } = await import("./monaco-setup-xy3bs05d.js");
+    const { applyProjectSchemas } = await import("./monaco-setup-a5wkmbgh.js");
     applyProjectSchemas(_pendingSchemas);
   } catch {}
 }
@@ -32,7 +32,7 @@ function loadMonaco() {
   _loading ??= (async () => {
     const [monaco] = await Promise.all([
       import("./editor-cptq5jp1.js"),
-      import("./monaco-setup-xy3bs05d.js")
+      import("./monaco-setup-a5wkmbgh.js")
     ]);
     _monaco = monaco;
     await applyPendingSchemas();
@@ -110,7 +110,7 @@ async function shareProjectSchemas(platform) {
 }
 function refreshExtensionUi(platform) {
   shareProjectSchemas(platform);
-  import("./extension-sections-vpcm4jvx.js").then(({ syncExtensionSettingsSections }) => syncExtensionSettingsSections()).catch(() => {});
+  import("./extension-sections-2zjyty05.js").then(({ syncExtensionSettingsSections }) => syncExtensionSettingsSections()).catch(() => {});
 }
 function getFormats() {
   return _formats;
@@ -225,4 +225,4 @@ function splitFormatDocument(format, doc) {
 export { loadMonaco, loadedMonaco, mountStillWanted, loadFormats, refreshFormats, setFormats, loadExtensions, getExtensions, setExtensions, refreshExtensionUi, getFormats, formatByExtension, formatByName, noFormatError, formatForPath, documentExtensions, defaultContentFormat, formatParse, formatSerialize, splitFormatDocument };
 
 //# debugId=7A0A51B7AA10806664756E2164756E21
-//# sourceMappingURL=studio-tqemhphj.js.map
+//# sourceMappingURL=studio-6gcrk1bq.js.map

package/dist/chunks/{studio-3z8jjm2p.js → studio-7ejemhej.js}

@@ -14,7 +14,7 @@ import {
 } from "./studio-0rqqhrdy.js";
 import {
   ifDefined
-} from "./studio-ckwz4d3x.js";
+} from "./studio-twsafr1e.js";
 import {
   html
 } from "./studio-5x5774ak.js";
@@ -240,7 +240,7 @@ class Tooltip extends SpectrumElement {
     `;
     if (this.selfManaged) {
       this.dependencyManager.add("sp-overlay");
-      import("./sp-overlay.dev-h6kdx076.js");
+      import("./sp-overlay.dev-s18hymn9.js");
       return html`
         <sp-overlay
           ?open=${this.open && !this.disabled && this.dependencyManager.loaded}
@@ -315,4 +315,4 @@ defineElement("sp-tooltip", Tooltip);
 export { DependencyManagerController };
 
 //# debugId=B26C538C82CA430D64756E2164756E21
-//# sourceMappingURL=studio-3z8jjm2p.js.map
+//# sourceMappingURL=studio-7ejemhej.js.map

package/dist/chunks/{studio-nqq8jk8f.js → studio-8x4399kc.js}

@@ -1,7 +1,7 @@
 import {
   INSPECTOR_TABS,
   selectStylebookTag
-} from "./studio-1kgfcv7s.js";
+} from "./studio-yz06mkfj.js";
 import {
   allConditionsPass,
   autoOpenSections,
@@ -28,7 +28,7 @@ import {
   setInspectorSection,
   spTextField,
   widgetForType
-} from "./studio-x0et2z9g.js";
+} from "./studio-ng5gbxkj.js";
 import {
   createPanelScheduler
 } from "./studio-8jpzqk5s.js";
@@ -44,22 +44,22 @@ import {
   renderStaticKvRow,
   slotMode,
   switchSlotMode
-} from "./studio-300zsz1k.js";
+} from "./studio-ky68mp85.js";
 import {
   live
-} from "./studio-xmvbhg31.js";
+} from "./studio-c31yb4t6.js";
 import {
   loadUsages,
   peekUsages,
   usageFiles
-} from "./studio-qhh8r5fz.js";
+} from "./studio-102jzb8r.js";
 import {
   clickAnythingTo,
   mediaDisplayName,
   openPageAction,
   renderEmptyState,
   staleSelectionMessage
-} from "./studio-yz9s88s0.js";
+} from "./studio-yk7037sg.js";
 import {
   DEFAULT_INSPECTOR_TAB,
   REGION_ATTR,
@@ -92,14 +92,14 @@ import {
   stringArg,
   transactDoc,
   unifyValues
-} from "./studio-5kt960pk.js";
+} from "./studio-ddgrc5hs.js";
 import {
   classMap,
   ifDefined
-} from "./studio-ckwz4d3x.js";
+} from "./studio-twsafr1e.js";
 import {
   ref
-} from "./studio-p471gg5n.js";
+} from "./studio-kvfx9z2c.js";
 import {
   html,
   nothing,
@@ -1398,7 +1398,7 @@ function styleSidebarTemplate(node, activeMediaTab, activeSelector, opts = {}) {
     return html`
         <sp-accordion-item
           label=${sec.label}
-          .open=${isOpen}
+          .open=${live(isOpen)}
           @sp-accordion-item-toggle=${(e) => {
       activeTab.value.session.ui.styleSections = {
         ...activeTab.value.session.ui.styleSections,
@@ -1416,7 +1416,7 @@ function styleSidebarTemplate(node, activeMediaTab, activeSelector, opts = {}) {
   const customSectionT = html`
     <sp-accordion-item
       label="Custom"
-      .open=${customIsOpen}
+      .open=${live(customIsOpen)}
       @sp-accordion-item-toggle=${(e) => {
     activeTab.value.session.ui.styleSections = {
       ...activeTab.value.session.ui.styleSections,
@@ -1488,7 +1488,7 @@ function styleSidebarTemplate(node, activeMediaTab, activeSelector, opts = {}) {
   const nestedSectionT = nestedRules.length > 0 ? html`
           <sp-accordion-item
             label="Relative Styling"
-            .open=${nestedIsOpen}
+            .open=${live(nestedIsOpen)}
             @sp-accordion-item-toggle=${(e) => {
     activeTab.value.session.ui.styleSections = {
       ...activeTab.value.session.ui.styleSections,
@@ -1813,5 +1813,5 @@ function _doRender() {
 
 export { registerStyleCommands, mount, unmount, render2 as render, inspectorTab, setInspectorTab };
 
-//# debugId=EE6BCDBC241C370964756E2164756E21
-//# sourceMappingURL=studio-nqq8jk8f.js.map
+//# debugId=515A6CAE86AEF1C564756E2164756E21
+//# sourceMappingURL=studio-8x4399kc.js.map

package/dist/chunks/{studio-rgwcpast.js → studio-ay8wcr2b.js}

@@ -2,7 +2,7 @@ import {
   AsyncDirective,
   directive,
   isPrimitive
-} from "./studio-p471gg5n.js";
+} from "./studio-kvfx9z2c.js";
 import {
   noChange
 } from "./studio-5x5774ak.js";
@@ -112,4 +112,4 @@ function when(condition, trueCase, falseCase) {
 export { until, when };
 
 //# debugId=6810A26C9093588464756E2164756E21
-//# sourceMappingURL=studio-rgwcpast.js.map
+//# sourceMappingURL=studio-ay8wcr2b.js.map

package/dist/chunks/{studio-xmvbhg31.js → studio-c31yb4t6.js}

@@ -4,7 +4,7 @@ import {
   directive,
   isSingleExpression,
   setCommittedValue
-} from "./studio-p471gg5n.js";
+} from "./studio-kvfx9z2c.js";
 import {
   noChange,
   nothing
@@ -52,4 +52,4 @@ var live = directive(LiveDirective);
 export { live };
 
 //# debugId=D34FC2E2E606E1C064756E2164756E21
-//# sourceMappingURL=studio-xmvbhg31.js.map
+//# sourceMappingURL=studio-c31yb4t6.js.map