markmap-toolbar 0.18.10-alpha.2 → 0.18.12-alpha.3

package/dist/index.js

@@ -210,6 +210,16 @@
           });
         }
       });
+      this.register({
+        id: "dark",
+        title: "Toggle dark theme",
+        content: _Toolbar.icon(
+          "M10 4a6 6 0 0 0 0 12a6 6 0 0 0 0 -12v2a4 4 0 0 1 0 8z"
+        ),
+        onClick: () => {
+          document.documentElement.classList.toggle("markmap-dark");
+        }
+      });
       this.render();
     }
     static create(mm) {
@@ -226,6 +236,7 @@
       };
       return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx("path", { ...attrs, d: path }) });
     }
+    /** @deprecated Set `showBrand` instead. */
     setBrand(show) {
       this.showBrand = show;
       return this.render();
@@ -273,7 +284,8 @@
     "zoomIn",
     "zoomOut",
     "fit",
-    "recurse"
+    "recurse",
+    "dark"
   ];
   let Toolbar = _Toolbar;
   exports.Toolbar = Toolbar;

package/dist/index.mjs

@@ -208,6 +208,16 @@ const _Toolbar = class _Toolbar {
         });
       }
     });
+    this.register({
+      id: "dark",
+      title: "Toggle dark theme",
+      content: _Toolbar.icon(
+        "M10 4a6 6 0 0 0 0 12a6 6 0 0 0 0 -12v2a4 4 0 0 1 0 8z"
+      ),
+      onClick: () => {
+        document.documentElement.classList.toggle("markmap-dark");
+      }
+    });
     this.render();
   }
   static create(mm) {
@@ -224,6 +234,7 @@ const _Toolbar = class _Toolbar {
     };
     return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx("path", { ...attrs, d: path }) });
   }
+  /** @deprecated Set `showBrand` instead. */
   setBrand(show) {
     this.showBrand = show;
     return this.render();
@@ -271,7 +282,8 @@ _Toolbar.defaultItems = [
   "zoomIn",
   "zoomOut",
   "fit",
-  "recurse"
+  "recurse",
+  "dark"
 ];
 let Toolbar = _Toolbar;
 export {

package/dist/toolbar.d.ts

@@ -8,8 +8,10 @@ export interface IToolbarItem {
     onClick?: (e: Event) => void;
 }
 export declare class Toolbar {
-    private showBrand;
-    private registry;
+    showBrand: boolean;
+    registry: {
+        [id: string]: IToolbarItem;
+    };
     private markmap;
     static defaultItems: (string | IToolbarItem)[];
     el: HTMLDivElement;
@@ -17,6 +19,7 @@ export declare class Toolbar {
     static create(mm: Markmap): Toolbar;
     static icon(path: string, attrs?: {}): import("@gera2ld/jsx-dom").VNode;
     constructor();
+    /** @deprecated Set `showBrand` instead. */
     setBrand(show: boolean): HTMLDivElement;
     register(data: IToolbarItem & {
         id: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-toolbar",
-  "version": "0.18.10-alpha.2+9487f11",
+  "version": "0.18.12-alpha.3+5e694ce",
   "description": "Extensible toolbar for markmap",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -36,11 +36,11 @@
   },
   "devDependencies": {
     "markmap-common": "0.18.9",
-    "markmap-view": "0.18.10-alpha.2+9487f11"
+    "markmap-view": "0.18.10"
   },
   "dependencies": {
     "@babel/runtime": "^7.22.6",
     "@gera2ld/jsx-dom": "^2.2.2"
   },
-  "gitHead": "9487f115b82c8eaee934c7f848faf67f05c700b1"
+  "gitHead": "5e694cef13598557fe8cdf1d2b43396fd3edc07b"
 }