@trdrs/quickcharts 4.0.0 → 4.1.0

package/dist/index.js

@@ -106,7 +106,7 @@ import {
   withRow,
   withoutColumn,
   withoutRow
-} from "./chunk-C4MEVUNK.js";
+} from "./chunk-TBOVLJAK.js";
 import {
   ResourceAbortError,
   memorySaveLoadAdapter
@@ -1611,26 +1611,26 @@ function readingDirection(i18n) {
   return BUILT_IN_LOCALES.find((l) => l.code === i18n.locale())?.dir ?? "ltr";
 }
 var chartDictionaries = createDictionaryLoader(en, {
-  de: () => import("./de-V72Q3OI7.js"),
-  fr: () => import("./fr-5WQBCGR4.js"),
-  es: () => import("./es-CNQ3OJ6E.js"),
-  it: () => import("./it-DR2EBNWX.js"),
-  ca_ES: () => import("./ca_ES-3WVKFBIF.js"),
-  pl: () => import("./pl-3IKQRG3Y.js"),
-  sv: () => import("./sv-Y6GBGDHM.js"),
-  tr: () => import("./tr-3LQHINUZ.js"),
-  ru: () => import("./ru-BAL6RQUV.js"),
-  pt: () => import("./pt-PZHV5EZE.js"),
-  id_ID: () => import("./id_ID-XPBAYSWK.js"),
-  ms_MY: () => import("./ms_MY-BKCFRK2K.js"),
-  th: () => import("./th-MAMLMZKU.js"),
-  vi: () => import("./vi-GR4PSDKP.js"),
-  ja: () => import("./ja-URB2CPXO.js"),
-  ko: () => import("./ko-OE47NYVP.js"),
-  zh: () => import("./zh-2RJ5VNAI.js"),
-  zh_TW: () => import("./zh_TW-XEBSACHU.js"),
-  ar: () => import("./ar-FXZ5QJUR.js"),
-  he_IL: () => import("./he_IL-WXKA77UE.js")
+  de: () => import("./de-PHID4SVN.js"),
+  fr: () => import("./fr-KTTX3FF3.js"),
+  es: () => import("./es-KD4FBLOP.js"),
+  it: () => import("./it-X2GFCLGU.js"),
+  ca_ES: () => import("./ca_ES-EJXLAXOA.js"),
+  pl: () => import("./pl-2W2HP34O.js"),
+  sv: () => import("./sv-ZMEGAPCR.js"),
+  tr: () => import("./tr-PG3CW2L3.js"),
+  ru: () => import("./ru-XKFQPFDM.js"),
+  pt: () => import("./pt-XQUBSXO7.js"),
+  id_ID: () => import("./id_ID-FFX6X4C5.js"),
+  ms_MY: () => import("./ms_MY-HPVQKVPY.js"),
+  th: () => import("./th-4735BUT4.js"),
+  vi: () => import("./vi-YPRIAJ33.js"),
+  ja: () => import("./ja-TG3WO2KH.js"),
+  ko: () => import("./ko-4HHHO7KV.js"),
+  zh: () => import("./zh-RVHEWNSW.js"),
+  zh_TW: () => import("./zh_TW-ZFJMDA64.js"),
+  ar: () => import("./ar-VILLYPAA.js"),
+  he_IL: () => import("./he_IL-Z3DXMAKZ.js")
 });
 var dynamic = (t) => t;
 var source = null;
@@ -1646,7 +1646,8 @@ function arrangementName(t, code, fallback) {
 function inventory(custom) {
   if (custom.length === 0) return { registry: BUILT_IN_LOCALE_REGISTRY, dictionaries: chartDictionaries };
   const registry = createLocaleRegistry([...BUILT_IN_LOCALES, ...custom], DEFAULT_LOCALE);
-  const own = createDictionaryLoader(en, Object.fromEntries(custom.map((l) => [l.code, l.dictionary])), DEFAULT_LOCALE);
+  const asTranslation = (load) => load;
+  const own = createDictionaryLoader(en, Object.fromEntries(custom.map((l) => [l.code, asTranslation(l.dictionary)])), DEFAULT_LOCALE);
   return {
     registry,
     dictionaries: {
@@ -6217,6 +6218,15 @@ function bindGestures(ctx) {
       }
       const hit = hitAt(p);
       if (hit) {
+        const showsHandles = hit.handlesOnHover?.() === true;
+        if (showsHandles && hit.id !== sel?.id && !e.ctrlKey && !e.metaKey && !editRefused("resize", hit.options, false)) {
+          const ai = anchorHit(hit, p);
+          if (ai !== null) {
+            manager.select(hit.id);
+            startDrag("anchor", hit, ai, p);
+            return;
+          }
+        }
         if ((e.ctrlKey || e.metaKey) && !editRefused("cloneDrag", hit.options, false) && ctx.copies(hit.type)) {
           const copy = drawingTools.restore({ ...hit.toJSON(), id: ctx.nextId() });
           if (copy) {
@@ -6277,7 +6287,7 @@ function bindGestures(ctx) {
       return;
     }
     manager.add(drawing2);
-    if (required > 1 && inlineTextRules(drawing2)) drawing2.setState("editing");
+    if (required > 1 && (inlineTextRules(drawing2) || toolRegistry.get(drawing2.type)?.category === "lines")) drawing2.setState("editing");
     ctx.draft = { drawing: drawing2, required, placed: 1, downX: p.x, downY: p.y, pendingDrag: true, hasText: !!def.hasText, mode, lastX: p.x, lastY: p.y };
     showPoint(anchor);
     if (mode === "fixed" && required === 1) completePlacement(ctx.draft, p);
@@ -6483,7 +6493,9 @@ function bindGestures(ctx) {
     if (hit && settingsOnDoubleClick(hit)) {
       ctx.endTextEdit();
       manager.select(hit.id);
-      ctx.openSettings();
+      const vp = viewport();
+      const cursor = vp ? hit.cursorFor?.(p, vp) : null;
+      ctx.openSettings(cursor === "text" ? "Text" : void 0);
       return;
     }
     if (ctx.textEditOpen()) return;
@@ -6784,7 +6796,7 @@ function attachDrawings(options) {
           doubleClick: () => {
             if (textEdit !== session2 || openedBy !== "click" || !settingsOnDoubleClick(drawing2)) return false;
             commitTextEdit(drawing2.textDraft?.value ?? value);
-            openSettings();
+            openSettings("Text");
             return true;
           },
           tab: (backward) => {
@@ -6804,8 +6816,9 @@ function attachDrawings(options) {
     }, 0);
     pendingEdit = { drawing: drawing2, timer };
   };
-  const openSettings = () => {
-    options.execute?.(SETTINGS_COMMAND);
+  const openSettings = (page) => {
+    if (page) options.execute?.(SETTINGS_COMMAND, page);
+    else options.execute?.(SETTINGS_COMMAND);
   };
   const commitInline = (session2, value) => {
     const drawing2 = manager.get(session2.id);
@@ -9728,10 +9741,16 @@ var BAR_LAYOUTS = {
   arrow_up: ["line", "text"],
   arrow_down: ["line", "text"]
 };
+var NO_WORDS_INK = /* @__PURE__ */ new Set(["trend_angle"]);
 function widthBar(icons, width) {
   const h2 = Math.max(1, Math.min(4, Math.round(width)));
   return el("span", { class: "qc-drawing-width-bar", "aria-hidden": "true" }, icons.icon(THICKNESS_ICONS[h2]));
 }
+function pointAnchor(clientX, clientY) {
+  const anchor = el("span", { "aria-hidden": "true" });
+  anchor.getBoundingClientRect = () => new DOMRect(clientX, clientY, 0, 0);
+  return anchor;
+}
 function mountSettingsBar(deps) {
   const { t } = deps;
   const shown2 = (command2) => deps.shown?.(command2) ?? true;
@@ -9869,7 +9888,37 @@ function mountSettingsBar(deps) {
     return face;
   };
   const modifier = () => t(isApplePlatform() ? "drawing.modifierCommand" : "drawing.modifierControl");
-  const moreMenu = () => {
+  const templateItems = (type) => {
+    const saved = deps.presets.templatesFor(type);
+    const items2 = [
+      menuRow(t("drawing.saveTemplateAs"), () => openTemplateNameDialog({ container: deps.chrome, t, icons: deps.icons }, (name2) => deps.run("chart.drawings.template.save", name2)), { command: "chart.drawings.template.save" }),
+      menuRow(t("drawing.applyDefaultTemplate"), () => deps.run("chart.drawings.template.apply", null), { command: "chart.drawings.template.apply" })
+    ];
+    if (saved.length) items2.push(separator2());
+    for (const template of saved) {
+      const rowEl = el("div", { class: "qc-drawing-flyout-row" });
+      rowEl.append(
+        menuRow(template.name, () => deps.run("chart.drawings.template.apply", template.name), { command: "chart.drawings.template.apply" }),
+        button({
+          class: "qc-drawing-star",
+          label: t("drawing.removeTemplateNamed", { name: template.name }),
+          title: t("drawing.remove"),
+          icon: deps.icons.icon("trash", 18),
+          disabled: !deps.available("chart.drawings.template.remove"),
+          onClick: () => {
+            closeOpen();
+            openTemplateDeleteDialog({ container: deps.chrome, t, icons: deps.icons }, template.name, () => deps.run("chart.drawings.template.remove", template.name));
+          }
+        })
+      );
+      const remove = rowEl.querySelector(".qc-drawing-star");
+      if (remove) remove.hidden = !shown2("chart.drawings.template.remove");
+      rowEl.hidden = !shown2("chart.drawings.template.apply");
+      items2.push(rowEl);
+    }
+    return items2;
+  };
+  const drawingMenu = (kind, selected, extra = []) => {
     let sub = null;
     let timer = null;
     const cancelClose = () => {
@@ -9885,34 +9934,35 @@ function mountSettingsBar(deps) {
       cancelClose();
       timer = setTimeout(closeSub, SUBMENU_GRACE_MS);
     };
-    const submenuOf = (kind) => {
-      if (kind === "order") {
+    const submenuOf = (kind2) => {
+      if (kind2 === "template") return menuOf(t("drawing.drawingTemplates"), "wide", ...templateItems(selected.type));
+      if (kind2 === "order") {
         const at2 = deps.stackPosition();
         return menuOf(t("drawing.visualOrder"), "narrow", ...ORDER_MOVES.map((move) => menuRow(t(move.label), () => deps.run(move.command), { disabled: move.dead(at2), command: move.command })));
       }
       return menuOf(t("drawing.visibilityOnTimeframes"), "wide", ...VISIBILITY_PRESETS.map((v) => menuRow(t(v.label), () => deps.run("chart.drawings.visibility", v.preset), { command: "chart.drawings.visibility" })));
     };
-    const arm = (kind, row2) => {
+    const arm = (kind2, row2) => {
       cancelClose();
-      if (sub?.kind === kind) return;
+      if (sub?.kind === kind2) return;
       sub?.close();
       sub = null;
-      if (!kind || !row2) return;
-      const panel = submenuOf(kind);
+      if (!kind2 || !row2) return;
+      const panel = submenuOf(kind2);
       panel.addEventListener("mouseenter", cancelClose);
       panel.addEventListener("mouseleave", scheduleClose);
       const close = openPopover(deps.chrome, row2, panel, "sidecar", () => {
         if (sub?.close === close) sub = null;
       });
-      sub = { kind, close };
+      sub = { kind: kind2, close };
     };
-    const submenuRow = (kind, label3, icon) => {
+    const submenuRow = (kind2, label3, icon) => {
       const row2 = menuRow(label3, () => void 0, { ...icon ? { icon: deps.icons.icon(icon) } : { spacer: true }, submenu: true });
       row2.setAttribute("aria-haspopup", "menu");
-      row2.addEventListener("mouseenter", () => arm(kind, row2));
+      row2.addEventListener("mouseenter", () => arm(kind2, row2));
       row2.addEventListener("mouseleave", scheduleClose);
-      row2.addEventListener("click", () => arm(kind, row2));
-      const commands = kind === "order" ? ORDER_MOVES.map((move) => move.command) : ["chart.drawings.visibility"];
+      row2.addEventListener("click", () => arm(kind2, row2));
+      const commands = kind2 === "order" ? ORDER_MOVES.map((move) => move.command) : kind2 === "template" ? ["chart.drawings.template.apply", "chart.drawings.template.save"] : ["chart.drawings.visibility"];
       if (!commands.some(shown2)) row2.hidden = true;
       return row2;
     };
@@ -9920,16 +9970,51 @@ function mountSettingsBar(deps) {
       b.addEventListener("mouseenter", () => arm(null));
       return b;
     };
+    const order = submenuRow("order", t("drawing.visualOrder"), "layers");
+    const visibility = submenuRow("visibility", t("drawing.visibilityOnTimeframes"));
+    const clone = plain(menuRow(t("drawing.clone"), () => deps.run("chart.drawings.clone"), { icon: deps.icons.icon("clone"), hint: t("drawing.hintClone", { modifier: modifier() }), command: "chart.drawings.clone" }));
+    const copy = plain(menuRow(t("drawing.copy"), () => deps.run("chart.drawings.copy"), { spacer: true, hint: t("drawing.hintCopy", { modifier: modifier() }), command: "chart.drawings.copy" }));
+    const hide = plain(menuRow(t("drawing.hide"), () => deps.run("chart.drawings.hideSelected"), { icon: deps.icons.icon("eyeCrossed"), command: "chart.drawings.hideSelected" }));
+    if (kind === "more") return { element: menuOf(t("drawing.moreActions"), "wide", order, visibility, separator2(), clone, copy, separator2(), hide), closeSub };
+    const table = [];
+    if (selected.hasCells) {
+      table.push(
+        plain(menuRow(t("drawing.addColumnRight"), () => deps.run("chart.drawings.tableAddColumn"), { icon: deps.icons.icon("tableAddColumn"), command: "chart.drawings.tableAddColumn" })),
+        plain(menuRow(t("drawing.addRowBelow"), () => deps.run("chart.drawings.tableAddRow"), { icon: deps.icons.icon("tableAddRow"), command: "chart.drawings.tableAddRow" }))
+      );
+      if (deps.tableCell?.()) {
+        table.push(
+          separator2(),
+          plain(menuRow(t("drawing.removeRow"), () => deps.run("chart.drawings.tableRemoveRow"), { icon: deps.icons.icon("trash28"), command: "chart.drawings.tableRemoveRow" })),
+          plain(menuRow(t("drawing.removeColumn"), () => deps.run("chart.drawings.tableRemoveColumn"), { icon: deps.icons.icon("trash28"), command: "chart.drawings.tableRemoveColumn" }))
+        );
+      }
+      table.push(separator2());
+    }
+    const contributed = (row2) => {
+      const glyph2 = row2.checked ? deps.icons.icon("check") : buildGlyph(row2.icon);
+      return plain(menuRow(row2.label, () => row2.run(), { ...glyph2 ? { icon: glyph2 } : { spacer: true }, ...row2.shortcut ? { hint: row2.shortcut } : {} }));
+    };
+    const level = extra.filter((row2) => row2.group !== "view").map(contributed);
+    const view = extra.filter((row2) => row2.group === "view").map(contributed);
     const element = menuOf(
-      t("drawing.moreActions"),
+      t("drawing.drawingMenu"),
       "wide",
-      submenuRow("order", t("drawing.visualOrder"), "layers"),
-      submenuRow("visibility", t("drawing.visibilityOnTimeframes")),
+      ...table,
+      submenuRow("template", t("drawing.template")),
+      order,
+      visibility,
       separator2(),
-      plain(menuRow(t("drawing.clone"), () => deps.run("chart.drawings.clone"), { icon: deps.icons.icon("clone"), hint: t("drawing.hintClone", { modifier: modifier() }), command: "chart.drawings.clone" })),
-      plain(menuRow(t("drawing.copy"), () => deps.run("chart.drawings.copy"), { spacer: true, hint: t("drawing.hintCopy", { modifier: modifier() }), command: "chart.drawings.copy" })),
+      clone,
+      copy,
+      ...level.length ? [separator2(), ...level] : [],
       separator2(),
-      plain(menuRow(t("drawing.hide"), () => deps.run("chart.drawings.hideSelected"), { icon: deps.icons.icon("eyeCrossed"), command: "chart.drawings.hideSelected" }))
+      plain(menuRow(t(selected.locked ? "drawing.unlock" : "drawing.lock"), () => deps.run("chart.drawings.lock", !selected.locked), { icon: deps.icons.icon(selected.locked ? "lockOpen" : "lockClosed"), command: "chart.drawings.lock" })),
+      hide,
+      plain(menuRow(t("drawing.remove"), () => deps.run("chart.drawings.deleteSelected"), { icon: deps.icons.icon("trash28"), hint: t("drawing.hintRemove"), command: "chart.drawings.deleteSelected" })),
+      ...view.length ? [separator2(), ...view] : [],
+      separator2(),
+      plain(menuRow(t("menu.settings"), () => deps.run("chart.drawings.settings"), { icon: deps.icons.icon("gear"), command: "chart.drawings.settings" }))
     );
     return { element, closeSub };
   };
@@ -9950,36 +10035,7 @@ function mountSettingsBar(deps) {
     templates.setAttribute("aria-haspopup", "menu");
     templates.setAttribute("aria-expanded", "false");
     templates.dataset.qcControl = "templates";
-    templates.addEventListener("click", () => {
-      const saved = deps.presets.templatesFor(type);
-      const items2 = [
-        menuRow(t("drawing.saveTemplateAs"), () => openTemplateNameDialog({ container: deps.chrome, t, icons: deps.icons }, (name2) => deps.run("chart.drawings.template.save", name2)), { command: "chart.drawings.template.save" }),
-        menuRow(t("drawing.applyDefaultTemplate"), () => deps.run("chart.drawings.template.apply", null), { command: "chart.drawings.template.apply" })
-      ];
-      if (saved.length) items2.push(separator2());
-      for (const template of saved) {
-        const rowEl = el("div", { class: "qc-drawing-flyout-row" });
-        rowEl.append(
-          menuRow(template.name, () => deps.run("chart.drawings.template.apply", template.name), { command: "chart.drawings.template.apply" }),
-          button({
-            class: "qc-drawing-star",
-            label: t("drawing.removeTemplateNamed", { name: template.name }),
-            title: t("drawing.remove"),
-            icon: deps.icons.icon("trash", 18),
-            disabled: !deps.available("chart.drawings.template.remove"),
-            onClick: () => {
-              closeOpen();
-              openTemplateDeleteDialog({ container: deps.chrome, t, icons: deps.icons }, template.name, () => deps.run("chart.drawings.template.remove", template.name));
-            }
-          })
-        );
-        const remove = rowEl.querySelector(".qc-drawing-star");
-        if (remove) remove.hidden = !shown2("chart.drawings.template.remove");
-        rowEl.hidden = !shown2("chart.drawings.template.apply");
-        items2.push(rowEl);
-      }
-      openPanel(templates, menuOf(t("drawing.drawingTemplates"), "wide", ...items2));
-    });
+    templates.addEventListener("click", () => openPanel(templates, menuOf(t("drawing.drawingTemplates"), "wide", ...templateItems(type))));
     controls.appendChild(templates);
     const colorPanel = (control, spec) => {
       openPanel(
@@ -10113,7 +10169,7 @@ function mountSettingsBar(deps) {
       }
       if (hasStroke) build.line();
       if (FILLABLE.has(type)) build.fill();
-      if (selected.hasText || FONT_TOOLS.has(type) || OWN_WORDS_TOOLS.has(type)) build.text();
+      if (selected.hasText && !NO_WORDS_INK.has(type) || FONT_TOOLS.has(type) || OWN_WORDS_TOOLS.has(type)) build.text();
       for (const channel of TOOL_COLOR_CHANNELS[type] ?? []) propColor(channel);
       if (FONT_TOOLS.has(type) && type !== "table") build.size();
       if (hasStroke && !NO_LINE_DECOR.has(type)) {
@@ -10165,7 +10221,7 @@ function mountSettingsBar(deps) {
     more.setAttribute("aria-expanded", "false");
     more.dataset.qcControl = "more";
     more.addEventListener("click", () => {
-      const menu2 = moreMenu();
+      const menu2 = drawingMenu("more", selected);
       openPanel(more, menu2.element, "below-end", menu2.closeSub);
     });
     controls.appendChild(more);
@@ -10175,6 +10231,23 @@ function mountSettingsBar(deps) {
   render();
   return {
     render,
+    openMenuAt(clientX, clientY, extra = []) {
+      const selected = deps.selected();
+      if (!selected) return false;
+      closeOpen();
+      const menu2 = drawingMenu("context", selected, extra);
+      const close = openPopover(deps.chrome, pointAnchor(clientX, clientY), menu2.element, "below", () => {
+        menu2.closeSub();
+        if (closePanel === close) {
+          closePanel = null;
+          panelFor = null;
+        }
+      });
+      closePanel = close;
+      panelFor = selected.id;
+      focusFirst(menu2.element);
+      return true;
+    },
     destroy() {
       closeOpen();
       unfollow();
@@ -11083,6 +11156,7 @@ function openImagePicker(deps) {
 }
 
 // src/ui/drawings/settingsRows.ts
+var isSettingsTab = (value) => value === "Inputs" || value === "Style" || value === "Text" || value === "Coordinates" || value === "Visibility";
 var TAB_LABEL = {
   Inputs: "drawing.tabInputs",
   Style: "drawing.tabStyle",
@@ -11301,6 +11375,7 @@ var STATS = [
   { key: "showPipsChange", label: "drawing.changeInPips" },
   { key: "showBarsRange", label: "drawing.barsRange" },
   { key: "showDateTimeRange", label: "drawing.dateTimeRange" },
+  { key: "showDistance", label: "drawing.distance" },
   { key: "showAngle", label: "drawing.angle" }
 ];
 var STATS_POSITION_LABEL = { left: "drawing.left", center: "drawing.center", right: "drawing.right", auto: "drawing.auto" };
@@ -12377,7 +12452,7 @@ function openSettingsDialog(deps) {
   const def = drawingTools.get(drawing2.type);
   const toolTitle = def ? toolName(t, def.type, def.name) : drawing2.type;
   const nameOf2 = () => drawing2.options.name || toolTitle;
-  let tab = firstTabFor(drawing2);
+  let tab = deps.tab && tabsFor(drawing2).includes(deps.tab) ? deps.tab : firstTabFor(drawing2);
   let settled = false;
   const dialog = openDialog2({
     container: deps.chrome,
@@ -12647,6 +12722,7 @@ function attachDrawingsPlane(deps) {
       setCurrency: () => void 0,
       relabel: () => void 0,
       refresh: () => void 0,
+      openMenuAt: () => false,
       applyToolIntent: () => void 0,
       rebindIdentity: () => void 0,
       destroy: () => void 0
@@ -12795,7 +12871,8 @@ function attachDrawingsPlane(deps) {
     position: () => prefs().settingsBarPosition,
     onMove: (position) => write({ settingsBarPosition: position }),
     recentColors: colors.list,
-    onMixColor: colors.add
+    onMixColor: colors.add,
+    tableCell: () => !!selectedTable()?.editingCell
   });
   const renderAll = () => {
     toolbar?.render();
@@ -12934,7 +13011,7 @@ function attachDrawingsPlane(deps) {
     setRemoveLocked: (on) => write({ removeLocked: on }),
     toggleFavorite: (tool) => write({ favorites: toggleFavorite(prefs().favorites, tool) }),
     setFavoritesBar: (on) => write({ favorites: { ...prefs().favorites, visible: on } }),
-    openSettings() {
+    openSettings(page) {
       const drawing2 = handle.selectedDrawing();
       if (!drawing2 || dialog) return;
       handle.beginPreview();
@@ -12950,6 +13027,7 @@ function attachDrawingsPlane(deps) {
         available,
         shown: shown2,
         colors,
+        ...page ? { tab: page } : {},
         onClose: () => {
           handle.endPreview();
           dialog = null;
@@ -13057,6 +13135,12 @@ function attachDrawingsPlane(deps) {
       settingsBar?.render();
     },
     refresh,
+    openMenuAt: (clientX, clientY, extras) => {
+      const target = menuDrawing(handle);
+      if (!target || !settingsBar) return false;
+      const table = target instanceof TableNote ? { cell: !!target.editingCell } : null;
+      return settingsBar.openMenuAt(clientX, clientY, extras?.(table) ?? []);
+    },
     syncHideLayers,
     applyToolIntent: (arg) => verbs.arm(arg),
     rebindIdentity(id) {
@@ -18032,6 +18116,9 @@ var MENU_COMMAND = {
   "remove-indicators": "chart.indicators.removeAll",
   "remove-drawings": "chart.drawings.removeAll"
 };
+function raiseMenuAt(drawings2, menu2, clientX, clientY) {
+  return drawings2.openMenuAt(clientX, clientY, (table) => menu2.itemsAt(clientX, clientY, table)) || menu2.raiseAt(clientX, clientY);
+}
 function attachMenuPlane(deps) {
   const menu2 = mountMenu(
     deps.host,
@@ -18058,8 +18145,8 @@ function attachMenuPlane(deps) {
     if (price == null) return false;
     deps.setLevel(price);
     const priceText = deps.formatter().format(price);
-    const extra = deps.extensions()?.menuItems({ price, priceText, symbol: deps.symbol(), name: deps.symbolName(), timeframe: deps.timeframe(), clientX, clientY }) ?? [];
     const table = deps.table?.() ?? null;
+    const extra = deps.extensions()?.menuItems({ price, priceText, symbol: deps.symbol(), name: deps.symbolName(), timeframe: deps.timeframe(), clientX, clientY, ...table ? { table } : {} }) ?? [];
     menu2.open(
       { clientX, clientY },
       {
@@ -18097,8 +18184,17 @@ function attachMenuPlane(deps) {
     }
     return true;
   };
+  const itemsAt = (clientX, clientY, table) => {
+    const host2 = deps.extensions();
+    if (!host2) return [];
+    const price = priceAt(clientY);
+    if (price == null) return [];
+    const priceText = deps.formatter().format(price);
+    return host2.menuItems({ price, priceText, symbol: deps.symbol(), name: deps.symbolName(), timeframe: deps.timeframe(), clientX, clientY, ...table ? { table } : {} });
+  };
   return {
     raiseAt,
+    itemsAt,
     runShortcutAt,
     close: () => menu2.close(),
     refresh: () => menu2.refresh(),
@@ -18725,7 +18821,7 @@ function registerChartCommands(deps) {
       if (arg === "current-and-above" || arg === "current-and-below" || arg === "current-only" || arg === "all") drawings2()?.setVisibilityPreset(arg);
     }
   });
-  add({ id: "chart.drawings.settings", scope: "chart", label: "command.drawingSettings", available: withSelection, execute: () => verbs()?.openSettings() });
+  add({ id: "chart.drawings.settings", scope: "chart", label: "command.drawingSettings", available: withSelection, execute: (page) => verbs()?.openSettings(isSettingsTab(page) ? page : void 0) });
   add({ id: "chart.drawings.commitEdit", scope: "chart", label: "command.drawingCommitEdit", available: withSelection, execute: () => verbs()?.commitEdit() });
   add({
     id: "chart.drawings.template.apply",
@@ -19702,7 +19798,7 @@ function createChartInstance(deps) {
     gestures,
     toolArmed: () => drawings2.handle?.activeTool() != null,
     disposed: disposedFn,
-    raiseAt: (x, y) => menu2.raiseAt(x, y),
+    raiseAt: (x, y) => raiseMenuAt(drawings2, menu2, x, y),
     // The plot spans the time scale's width, beside the left price scale and above the time
     // scale, so whatever lies outside it is a scale.
     plotArea: () => {
@@ -19714,7 +19810,7 @@ function createChartInstance(deps) {
   }) : null;
   if (menu2) {
     gestures.addEventListener("contextmenu", (e) => {
-      if (menu2.raiseAt(e.clientX, e.clientY)) e.preventDefault();
+      if (raiseMenuAt(drawings2, menu2, e.clientX, e.clientY)) e.preventDefault();
     });
   }
   const nav = deps.ui.navigation ? mountNavControls({ chrome: chrome2, gestures, commands: deps.commands, i18n, icons: deps.icons, maximized: () => deps.layoutMaximized(), shown: (id) => commandShown(deps.access, id) }) : null;