@shadow-garden/bapbong-ui 0.2.0 → 0.4.0

package/dist/index.cjs

@@ -868,8 +868,11 @@ var STYLE4 = `
 .bb-find-btn:hover:not(:disabled){background:var(--bb-ui-hover,#f1efe8)}
 .bb-find-btn:disabled{opacity:.4;cursor:default}
 `;
-function createFindDialog(find, options = {}) {
+function createFindDialog(handle, options = {}) {
   injectStyle("bb-ui-find-styles", STYLE4);
+  const find = typeof handle === "function" ? new Proxy({}, {
+    get: (_t, prop) => handle()[prop]
+  }) : handle;
   const labels = { ...DEFAULT_LABELS2, ...options.labels ?? {} };
   const root = document.createElement("div");
   root.className = "bb-find";
@@ -916,8 +919,14 @@ function createFindDialog(find, options = {}) {
   });
   prev.addEventListener("click", () => find.prev());
   next.addEventListener("click", () => find.next());
-  replaceOne.addEventListener("click", () => find.replaceCurrent(replaceInput.value));
-  replaceAll.addEventListener("click", () => find.replaceAll(replaceInput.value));
+  replaceOne.addEventListener(
+    "click",
+    () => find.replaceCurrent(replaceInput.value)
+  );
+  replaceAll.addEventListener(
+    "click",
+    () => find.replaceAll(replaceInput.value)
+  );
   const off = find.onState((s) => {
     count.textContent = s.count ? `${s.active}/${s.count}` : "0";
     for (const b of matchButtons) b.disabled = s.count === 0;
@@ -945,7 +954,8 @@ function createFindDialog(find, options = {}) {
       openPanel();
     }
   };
-  if (options.shortcut !== false) document.addEventListener("keydown", onHotkey);
+  if (options.shortcut !== false)
+    document.addEventListener("keydown", onHotkey);
   return {
     open: openPanel,
     close() {

package/dist/index.js

@@ -832,8 +832,11 @@ var STYLE4 = `
 .bb-find-btn:hover:not(:disabled){background:var(--bb-ui-hover,#f1efe8)}
 .bb-find-btn:disabled{opacity:.4;cursor:default}
 `;
-function createFindDialog(find, options = {}) {
+function createFindDialog(handle, options = {}) {
   injectStyle("bb-ui-find-styles", STYLE4);
+  const find = typeof handle === "function" ? new Proxy({}, {
+    get: (_t, prop) => handle()[prop]
+  }) : handle;
   const labels = { ...DEFAULT_LABELS2, ...options.labels ?? {} };
   const root = document.createElement("div");
   root.className = "bb-find";
@@ -880,8 +883,14 @@ function createFindDialog(find, options = {}) {
   });
   prev.addEventListener("click", () => find.prev());
   next.addEventListener("click", () => find.next());
-  replaceOne.addEventListener("click", () => find.replaceCurrent(replaceInput.value));
-  replaceAll.addEventListener("click", () => find.replaceAll(replaceInput.value));
+  replaceOne.addEventListener(
+    "click",
+    () => find.replaceCurrent(replaceInput.value)
+  );
+  replaceAll.addEventListener(
+    "click",
+    () => find.replaceAll(replaceInput.value)
+  );
   const off = find.onState((s) => {
     count.textContent = s.count ? `${s.active}/${s.count}` : "0";
     for (const b of matchButtons) b.disabled = s.count === 0;
@@ -909,7 +918,8 @@ function createFindDialog(find, options = {}) {
       openPanel();
     }
   };
-  if (options.shortcut !== false) document.addEventListener("keydown", onHotkey);
+  if (options.shortcut !== false)
+    document.addEventListener("keydown", onHotkey);
   return {
     open: openPanel,
     close() {

package/dist/lib/find.d.ts

@@ -49,5 +49,5 @@ export interface FindDialogHandle {
  * closing clears the search so highlights go away. The host (any framework)
  * just opens it from a menu / shortcut.
  */
-export declare function createFindDialog(find: FindHandle, options?: FindDialogOptions): FindDialogHandle;
+export declare function createFindDialog(handle: FindHandle | (() => FindHandle), options?: FindDialogOptions): FindDialogHandle;
 //# sourceMappingURL=find.d.ts.map

package/dist/lib/find.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"find.d.ts","sourceRoot":"","sources":["../../src/lib/find.ts"],"names":[],"mappings":"AAGA,0DAA0D;AAC1D,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,IAAI,IAAI,IAAI,CAAC;IACb,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;IACd,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,uEAAuE;IACvE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;CACjD;AAED,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC;IAC9B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,MAAM,CAAC,EAAE,OAAO,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;CACJ;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;IACd,OAAO,IAAI,IAAI,CAAC;CACjB;AAuBD;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,GAAE,iBAAsB,GAAG,gBAAgB,CAuGpG"}
+{"version":3,"file":"find.d.ts","sourceRoot":"","sources":["../../src/lib/find.ts"],"names":[],"mappings":"AAGA,0DAA0D;AAC1D,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,IAAI,IAAI,IAAI,CAAC;IACb,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;IACd,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,uEAAuE;IACvE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;CACjD;AAED,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC;IAC9B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,MAAM,CAAC,EAAE,OAAO,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;CACJ;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;IACd,OAAO,IAAI,IAAI,CAAC;CACjB;AAuBD;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,UAAU,GAAG,CAAC,MAAM,UAAU,CAAC,EACvC,OAAO,GAAE,iBAAsB,GAC9B,gBAAgB,CA2HlB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shadow-garden/bapbong-ui",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "bapbong — framework-agnostic editor UI (toolbar/menubar) that mounts into a host element and binds to editor.commands",
   "license": "MIT",
   "repository": {
@@ -56,6 +56,6 @@
     }
   },
   "dependencies": {
-    "@shadow-garden/bapbong-contracts": "^0.2.0"
+    "@shadow-garden/bapbong-contracts": "^0.4.0"
   }
 }