@toolbox-web/grid 1.6.2 → 1.8.0

package/lib/plugins/master-detail/index.js

@@ -23,7 +23,7 @@ const R = /{{\s*([^}]+)\s*}}/g, u = "__DG_EMPTY__", E = /^[\w$. '?+\-*/%:()!<>=,
   "plaintext",
   "xmp",
   "listing"
-]), h = /^on\w+$/i, C = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), _ = /^\s*(javascript|vbscript|data|blob):/i;
+]), g = /^on\w+$/i, C = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), _ = /^\s*(javascript|vbscript|data|blob):/i;
 function A(n) {
   if (!n || typeof n != "string") return "";
   if (n.indexOf("<") === -1) return n;
@@ -39,7 +39,7 @@ function D(n) {
       continue;
     }
     if ((s === "svg" || i.namespaceURI === "http://www.w3.org/2000/svg") && Array.from(i.attributes).some(
-      (r) => h.test(r.name) || r.name === "href" || r.name === "xlink:href"
+      (r) => g.test(r.name) || r.name === "href" || r.name === "xlink:href"
     )) {
       e.push(i);
       continue;
@@ -47,7 +47,7 @@ function D(n) {
     const l = [];
     for (const o of i.attributes) {
       const r = o.name.toLowerCase();
-      if (h.test(r)) {
+      if (g.test(r)) {
         l.push(o.name);
         continue;
       }
@@ -92,7 +92,7 @@ function L(n, e) {
 function I(n) {
   return n && n.replace(new RegExp(u, "g"), "").replace(/Reflect\.[^<>{}\s]+/g, "").replace(/\bProxy\b/g, "").replace(/ownKeys\([^)]*\)/g, "");
 }
-const g = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', T = {
+const h = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', T = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -101,8 +101,8 @@ const g = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentCo
   submenuArrow: "▶",
   dragHandle: "⋮⋮",
   toolPanel: "☰",
-  filter: g,
-  filterActive: g,
+  filter: h,
+  filterActive: h,
   print: "🖨️"
 };
 class H {
@@ -243,6 +243,63 @@ class H {
     const i = new CustomEvent(e, { detail: t, bubbles: !0, cancelable: !0 });
     return this.grid?.dispatchEvent?.(i), i.defaultPrevented;
   }
+  // =========================================================================
+  // Event Bus - Plugin-to-Plugin Communication
+  // =========================================================================
+  /**
+   * Subscribe to an event from another plugin.
+   * The subscription is automatically cleaned up when this plugin is detached.
+   *
+   * @category Plugin Development
+   * @param eventType - The event type to listen for (e.g., 'filter-change')
+   * @param callback - The callback to invoke when the event is emitted
+   *
+   * @example
+   * ```typescript
+   * // In attach() or other initialization
+   * this.on('filter-change', (detail) => {
+   *   console.log('Filter changed:', detail);
+   * });
+   * ```
+   */
+  on(e, t) {
+    this.grid?._pluginManager?.subscribe(this, e, t);
+  }
+  /**
+   * Unsubscribe from a plugin event.
+   *
+   * @category Plugin Development
+   * @param eventType - The event type to stop listening for
+   *
+   * @example
+   * ```typescript
+   * this.off('filter-change');
+   * ```
+   */
+  off(e) {
+    this.grid?._pluginManager?.unsubscribe(this, e);
+  }
+  /**
+   * Emit an event to other plugins via the Event Bus.
+   * This is for inter-plugin communication only; it does NOT dispatch DOM events.
+   * Use `emit()` to dispatch DOM events that external consumers can listen to.
+   *
+   * @category Plugin Development
+   * @param eventType - The event type to emit (should be declared in manifest.events)
+   * @param detail - The event payload
+   *
+   * @example
+   * ```typescript
+   * // Emit to other plugins (not DOM)
+   * this.emitPluginEvent('filter-change', { field: 'name', value: 'Alice' });
+   *
+   * // For DOM events that consumers can addEventListener to:
+   * this.emit('filter-change', { field: 'name', value: 'Alice' });
+   * ```
+   */
+  emitPluginEvent(e, t) {
+    this.grid?._pluginManager?.emitPluginEvent(e, t);
+  }
   /**
    * Request a re-render of the grid.
    */
@@ -436,15 +493,15 @@ function p(n, e) {
   const t = new Set(n);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function q(n, e) {
+function P(n, e) {
   const t = new Set(n);
   return t.add(e), t;
 }
-function P(n, e) {
+function M(n, e) {
   const t = new Set(n);
   return t.delete(e), t;
 }
-function M(n, e) {
+function q(n, e) {
   return n.has(e);
 }
 function F(n, e, t, i) {
@@ -718,7 +775,7 @@ class b extends H {
    */
   expand(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = q(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = P(this.expandedRows, t), this.requestRender());
   }
   /**
    * Collapse the detail row at the given index.
@@ -726,7 +783,7 @@ class b extends H {
    */
   collapse(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = P(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = M(this.expandedRows, t), this.requestRender());
   }
   /**
    * Toggle the detail row at the given index.
@@ -743,7 +800,7 @@ class b extends H {
    */
   isExpanded(e) {
     const t = this.rows[e];
-    return t ? M(this.expandedRows, t) : !1;
+    return t ? q(this.expandedRows, t) : !1;
   }
   /**
    * Expand all detail rows.