markmap-toolbar 0.14.4 → 0.15.0-alpha.1

package/README.md

@@ -15,7 +15,7 @@ $ npm i markmap-toolbar
 ```js
 import { Toolbar } from 'markmap-toolbar';
 
-const el = Toolbar.create(mm);
+const { el } = Toolbar.create(mm);
 el.style.position = 'absolute';
 el.style.bottom = '0.5rem';
 el.style.right = '0.5rem';

package/dist/{index.umd.js → index.js}

@@ -1,4 +1,4 @@
-/*! markmap-toolbar v0.14.4 | MIT License */
+/*! markmap-toolbar v0.15.0-alpha.1+1308d8e | MIT License */
 (function (global, factory) {
 typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
 typeof define === 'function' && define.amd ? define(['exports'], factory) :
@@ -6,20 +6,17 @@ typeof define === 'function' && define.amd ? define(['exports'], factory) :
 })(this, (function (exports) { 'use strict';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -35,19 +32,15 @@ var NS_ATTRS = {
   actuate: XLINK_NS,
   href: XLINK_NS
 };
-
 var isLeaf = function isLeaf(c) {
   return typeof c === 'string' || typeof c === 'number';
 };
-
 var isElement = function isElement(c) {
   return (c == null ? void 0 : c.vtype) === VTYPE_ELEMENT;
 };
-
 var isRenderFunction = function isRenderFunction(c) {
   return (c == null ? void 0 : c.vtype) === VTYPE_FUNCTION;
 };
-
 function jsx(type, props) {
   var vtype;
   if (typeof type === 'string') vtype = VTYPE_ELEMENT;else if (typeof type === 'function') vtype = VTYPE_FUNCTION;else throw new Error('Invalid VNode type');
@@ -57,17 +50,13 @@ function jsx(type, props) {
     props: props
   };
 }
-
 var jsxs = jsx;
-
 function Fragment(props) {
   return props.children;
 }
-
 var DEFAULT_ENV = {
   isSvg: false
 };
-
 function insertDom(parent, ref) {
   if (ref.type === MOUNT_SINGLE) {
     if (ref.node != null) parent.append(ref.node);
@@ -79,11 +68,9 @@ function insertDom(parent, ref) {
     throw new Error("Unkown ref type " + JSON.stringify(ref));
   }
 }
-
 function mountAttributes(domElement, props, env) {
   for (var key in props) {
     if (key === 'key' || key === 'children' || key === 'ref') continue;
-
     if (key === 'dangerouslySetInnerHTML') {
       domElement.innerHTML = props[key].__html;
     } else if (key === 'innerHTML' || key === 'textContent' || key === 'innerText') {
@@ -95,22 +82,18 @@ function mountAttributes(domElement, props, env) {
     }
   }
 }
-
 var attrMap = {
   className: 'class',
   labelFor: 'for'
 };
-
 function setDOMAttribute(el, attr, value, isSVG) {
   attr = attrMap[attr] || attr;
-
   if (value === true) {
     el.setAttribute(attr, '');
   } else if (value === false) {
     el.removeAttribute(attr);
   } else {
     var namespace = isSVG ? NS_ATTRS[attr] : undefined;
-
     if (namespace !== undefined) {
       el.setAttributeNS(namespace, attr, value);
     } else {
@@ -118,91 +101,72 @@ function setDOMAttribute(el, attr, value, isSVG) {
     }
   }
 }
-
 function mount(vnode, env) {
   if (env === void 0) {
     env = DEFAULT_ENV;
   }
-
   if (vnode == null || typeof vnode === 'boolean') {
     return {
       type: MOUNT_SINGLE,
       node: null
     };
   }
-
   if (vnode instanceof Node) {
     return {
       type: MOUNT_SINGLE,
       node: vnode
     };
   }
-
   if (isRenderFunction(vnode)) {
     var _ref = vnode,
-        type = _ref.type,
-        props = _ref.props;
-
+      type = _ref.type,
+      props = _ref.props;
     if (type === Fragment) {
       var node = document.createDocumentFragment();
-
       if (props.children) {
         var childrenRef = mount(props.children, env);
         insertDom(node, childrenRef);
       }
-
       return {
         type: MOUNT_SINGLE,
         node: node
       };
     }
-
     var childVNode = type(props);
     return mount(childVNode, env);
   }
-
   if (isLeaf(vnode)) {
     return {
       type: MOUNT_SINGLE,
       node: document.createTextNode("" + vnode)
     };
   }
-
   if (isElement(vnode)) {
     var _node;
-
     var _ref2 = vnode,
-        _type = _ref2.type,
-        _props = _ref2.props;
-
+      _type = _ref2.type,
+      _props = _ref2.props;
     if (!env.isSvg && _type === 'svg') {
       env = Object.assign({}, env, {
         isSvg: true
       });
     }
-
     if (!env.isSvg) {
       _node = document.createElement(_type);
     } else {
       _node = document.createElementNS(SVG_NS, _type);
     }
-
     mountAttributes(_node, _props, env);
-
     var _childrenRef;
-
     if (_props.children) {
       var childEnv = env;
-
       if (env.isSvg && _type === 'foreignObject') {
         childEnv = Object.assign({}, childEnv, {
           isSvg: false
         });
       }
-
       _childrenRef = mount(_props.children, childEnv);
     }
-
     if (_childrenRef != null) insertDom(_node, _childrenRef);
     var ref = _props.ref;
     if (typeof ref === 'function') ref(_node);
@@ -211,7 +175,6 @@ function mount(vnode, env) {
       node: _node
     };
   }
-
   if (Array.isArray(vnode)) {
     return {
       type: MOUNT_ARRAY,
@@ -220,60 +183,34 @@ function mount(vnode, env) {
       })
     };
   }
-
   throw new Error('mount: Invalid Vnode!');
 }
-
 function flattenWithoutNull(array) {
   var result = [];
-
   for (var i = 0; i < array.length; i += 1) {
     var item = array[i];
     if (Array.isArray(item)) result = result.concat(flattenWithoutNull(item));else if (item != null) result.push(item);
   }
-
   return result;
 }
-
 function asDom(result) {
   if (result.type === MOUNT_SINGLE) {
     return result.node;
   }
-
   return result.children.map(asDom);
 }
 /**
  * Mount vdom as real DOM nodes.
  */
 
-
 function mountDom(vnode) {
   if (Array.isArray(vnode)) {
     return flattenWithoutNull(vnode.map(mountDom));
   }
-
   return asDom(mount(vnode));
 }
 
-/*! markmap-common v0.14.2 | MIT License */
-
-Math.random().toString(36).slice(2, 8);
-
-function walkTree(tree, callback, key = 'children') {
-  const walk = (item, parent) => callback(item, () => {
-    var _item$key;
-
-    (_item$key = item[key]) == null ? void 0 : _item$key.forEach(child => {
-      walk(child, item);
-    });
-  }, parent);
-
-  walk(tree);
-}
-
 const clsToolbarItem = 'mm-toolbar-item';
-const clsActive = 'active';
-
 function renderBrand() {
   return jsxs("a", {
     className: "mm-toolbar-brand",
@@ -286,7 +223,6 @@ function renderBrand() {
     })]
   });
 }
-
 function renderItem({
   title,
   content,
@@ -299,14 +235,11 @@ function renderItem({
     children: content
   });
 }
-
 let promise;
-
 function safeCaller(fn) {
   return async (...args) => {
     if (promise) return;
     promise = fn(...args);
-
     try {
       await promise;
     } finally {
@@ -314,14 +247,13 @@ function safeCaller(fn) {
     }
   };
 }
-
 class Toolbar {
   static create(mm) {
     const toolbar = new Toolbar();
     toolbar.attach(mm);
-    return toolbar.render();
+    toolbar.render();
+    return toolbar;
   }
-
   static icon(path, attrs = {}) {
     attrs = _extends({
       stroke: 'none',
@@ -337,11 +269,13 @@ class Toolbar {
       }))
     });
   }
-
   constructor() {
     this.showBrand = true;
     this.registry = {};
     this.markmap = null;
+    this.el = mountDom(jsx("div", {
+      className: "mm-toolbar"
+    }));
     this.register({
       id: 'zoomIn',
       title: 'Zoom in',
@@ -360,81 +294,28 @@ class Toolbar {
       content: Toolbar.icon('M4 7h2v-2h2v4h-4zM4 13h2v2h2v-4h-4zM16 7h-2v-2h-2v4h4zM16 13h-2v2h-2v-4h4z'),
       onClick: this.getHandler(mm => mm.fit())
     });
-    this.register({
-      id: 'recurse',
-      title: 'Recursively toggle the next node',
-      content: Toolbar.icon('M16 4h-12v12h12v-8h-8v4h2v-2h4v4h-8v-8h10z'),
-      onClick: e => {
-        const button = e.target.closest(`.${clsToolbarItem}`);
-
-        const toggle = () => button.classList.toggle(clsActive);
-
-        const active = toggle();
-        this.handleRecurse(active, toggle);
-      }
-    });
-    this.setItems(Toolbar.defaultItems);
+    this.items = Toolbar.defaultItems;
   }
-
   setBrand(show) {
     this.showBrand = show;
+    return this.render();
   }
-
   register(data) {
     this.registry[data.id] = data;
   }
-
   getHandler(handle) {
     handle = safeCaller(handle);
     return () => {
       if (this.markmap) handle(this.markmap);
     };
   }
-
   setItems(items) {
     this.items = [...items];
+    return this.render();
   }
-
   attach(mm) {
     this.markmap = mm;
   }
-
-  handleRecurse(active, reset) {
-    const mm = this.markmap;
-
-    if (!active) {
-      var _mm$handleClick, _mm$handleClick$__res;
-
-      (_mm$handleClick = mm.handleClick) == null ? void 0 : (_mm$handleClick$__res = _mm$handleClick['__reset']) == null ? void 0 : _mm$handleClick$__res.call(_mm$handleClick);
-      return;
-    }
-
-    const originalClick = mm.handleClick;
-    if (!originalClick) return;
-
-    const handleClick = (_, d) => {
-      var _d$data$payload;
-
-      const fold = (_d$data$payload = d.data.payload) != null && _d$data$payload.fold ? 0 : 1;
-      walkTree(d.data, (item, next) => {
-        item.payload = _extends({}, item.payload, {
-          fold
-        });
-        next();
-      });
-      mm.renderData(d.data);
-      reset();
-
-      handleClick.__reset();
-    };
-
-    handleClick.__reset = () => {
-      mm.handleClick = originalClick;
-    };
-
-    mm.handleClick = handleClick;
-  }
-
   render() {
     const items = this.items.map(item => {
       if (typeof item === 'string') {
@@ -442,17 +323,18 @@ class Toolbar {
         if (!data) console.warn(`[markmap-toolbar] ${item} not found`);
         return data;
       }
-
       return item;
     }).filter(Boolean);
-    return mountDom(jsxs("div", {
-      className: "mm-toolbar",
+    while (this.el.firstChild) {
+      this.el.firstChild.remove();
+    }
+    this.el.append(mountDom(jsxs(Fragment, {
       children: [this.showBrand && renderBrand(), items.map(renderItem)]
-    }));
+    })));
+    return this.el;
   }
-
 }
-Toolbar.defaultItems = ['zoomIn', 'zoomOut', 'fit', 'recurse'];
+Toolbar.defaultItems = ['zoomIn', 'zoomOut', 'fit'];
 
 exports.Toolbar = Toolbar;
 

package/dist/{index.esm.js → index.mjs}

@@ -1,44 +1,23 @@
-/*! markmap-toolbar v0.14.4 | MIT License */
+/*! markmap-toolbar v0.15.0-alpha.1+1308d8e | MIT License */
 import { mountDom } from '@gera2ld/jsx-dom';
-import { jsx, jsxs } from '@gera2ld/jsx-dom/jsx-runtime';
+import { jsx, jsxs, Fragment } from '@gera2ld/jsx-dom/jsx-runtime';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
-/*! markmap-common v0.14.2 | MIT License */
-
-Math.random().toString(36).slice(2, 8);
-
-function walkTree(tree, callback, key = 'children') {
-  const walk = (item, parent) => callback(item, () => {
-    var _item$key;
-
-    (_item$key = item[key]) == null ? void 0 : _item$key.forEach(child => {
-      walk(child, item);
-    });
-  }, parent);
-
-  walk(tree);
-}
-
 const clsToolbarItem = 'mm-toolbar-item';
-const clsActive = 'active';
-
 function renderBrand() {
   return jsxs("a", {
     className: "mm-toolbar-brand",
@@ -51,7 +30,6 @@ function renderBrand() {
     })]
   });
 }
-
 function renderItem({
   title,
   content,
@@ -64,14 +42,11 @@ function renderItem({
     children: content
   });
 }
-
 let promise;
-
 function safeCaller(fn) {
   return async (...args) => {
     if (promise) return;
     promise = fn(...args);
-
     try {
       await promise;
     } finally {
@@ -79,14 +54,13 @@ function safeCaller(fn) {
     }
   };
 }
-
 class Toolbar {
   static create(mm) {
     const toolbar = new Toolbar();
     toolbar.attach(mm);
-    return toolbar.render();
+    toolbar.render();
+    return toolbar;
   }
-
   static icon(path, attrs = {}) {
     attrs = _extends({
       stroke: 'none',
@@ -102,11 +76,13 @@ class Toolbar {
       }))
     });
   }
-
   constructor() {
     this.showBrand = true;
     this.registry = {};
     this.markmap = null;
+    this.el = mountDom(jsx("div", {
+      className: "mm-toolbar"
+    }));
     this.register({
       id: 'zoomIn',
       title: 'Zoom in',
@@ -125,81 +101,28 @@ class Toolbar {
       content: Toolbar.icon('M4 7h2v-2h2v4h-4zM4 13h2v2h2v-4h-4zM16 7h-2v-2h-2v4h4zM16 13h-2v2h-2v-4h4z'),
       onClick: this.getHandler(mm => mm.fit())
     });
-    this.register({
-      id: 'recurse',
-      title: 'Recursively toggle the next node',
-      content: Toolbar.icon('M16 4h-12v12h12v-8h-8v4h2v-2h4v4h-8v-8h10z'),
-      onClick: e => {
-        const button = e.target.closest(`.${clsToolbarItem}`);
-
-        const toggle = () => button.classList.toggle(clsActive);
-
-        const active = toggle();
-        this.handleRecurse(active, toggle);
-      }
-    });
-    this.setItems(Toolbar.defaultItems);
+    this.items = Toolbar.defaultItems;
   }
-
   setBrand(show) {
     this.showBrand = show;
+    return this.render();
   }
-
   register(data) {
     this.registry[data.id] = data;
   }
-
   getHandler(handle) {
     handle = safeCaller(handle);
     return () => {
       if (this.markmap) handle(this.markmap);
     };
   }
-
   setItems(items) {
     this.items = [...items];
+    return this.render();
   }
-
   attach(mm) {
     this.markmap = mm;
   }
-
-  handleRecurse(active, reset) {
-    const mm = this.markmap;
-
-    if (!active) {
-      var _mm$handleClick, _mm$handleClick$__res;
-
-      (_mm$handleClick = mm.handleClick) == null ? void 0 : (_mm$handleClick$__res = _mm$handleClick['__reset']) == null ? void 0 : _mm$handleClick$__res.call(_mm$handleClick);
-      return;
-    }
-
-    const originalClick = mm.handleClick;
-    if (!originalClick) return;
-
-    const handleClick = (_, d) => {
-      var _d$data$payload;
-
-      const fold = (_d$data$payload = d.data.payload) != null && _d$data$payload.fold ? 0 : 1;
-      walkTree(d.data, (item, next) => {
-        item.payload = _extends({}, item.payload, {
-          fold
-        });
-        next();
-      });
-      mm.renderData(d.data);
-      reset();
-
-      handleClick.__reset();
-    };
-
-    handleClick.__reset = () => {
-      mm.handleClick = originalClick;
-    };
-
-    mm.handleClick = handleClick;
-  }
-
   render() {
     const items = this.items.map(item => {
       if (typeof item === 'string') {
@@ -207,16 +130,17 @@ class Toolbar {
         if (!data) console.warn(`[markmap-toolbar] ${item} not found`);
         return data;
       }
-
       return item;
     }).filter(Boolean);
-    return mountDom(jsxs("div", {
-      className: "mm-toolbar",
+    while (this.el.firstChild) {
+      this.el.firstChild.remove();
+    }
+    this.el.append(mountDom(jsxs(Fragment, {
       children: [this.showBrand && renderBrand(), items.map(renderItem)]
-    }));
+    })));
+    return this.el;
   }
-
 }
-Toolbar.defaultItems = ['zoomIn', 'zoomOut', 'fit', 'recurse'];
+Toolbar.defaultItems = ['zoomIn', 'zoomOut', 'fit'];
 
 export { Toolbar };

package/dist/style.css

@@ -1 +1,65 @@
-.mm-toolbar{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(209 213 219/var(--tw-border-opacity));border-radius:.25rem;border-style:solid;border-width:1px;display:flex;line-height:1;padding:.25rem;-moz-user-select:none;user-select:none}.mm-toolbar:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.mm-toolbar svg{display:block}.mm-toolbar a{display:inline-block;-webkit-text-decoration-line:none;text-decoration-line:none}.mm-toolbar-brand>img{height:1rem;vertical-align:middle;width:1rem}.mm-toolbar-brand>span{padding-left:.25rem;padding-right:.25rem}.mm-toolbar-brand:not(:first-child),.mm-toolbar-item:not(:first-child){margin-left:.25rem}.mm-toolbar-brand>*,.mm-toolbar-item>*{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity));cursor:pointer;font-size:.75rem;height:20px;line-height:1rem;line-height:20px;min-width:20px;text-align:center}.mm-toolbar-brand.active,.mm-toolbar-brand:hover,.mm-toolbar-item.active,.mm-toolbar-item:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));border-radius:.25rem}.mm-toolbar-brand.active>*,.mm-toolbar-brand:hover>*,.mm-toolbar-item.active>*,.mm-toolbar-item:hover>*{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.mm-toolbar-brand.active,.mm-toolbar-item.active{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}
+.mm-toolbar {
+      display: flex;
+      -moz-user-select: none;
+           user-select: none;
+      align-items: center;
+      border-radius: 0.25rem;
+      border-width: 1px;
+      border-style: solid;
+      --tw-border-opacity: 1;
+      border-color: rgb(209 213 219 / var(--tw-border-opacity));
+      --tw-bg-opacity: 1;
+      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+      padding: 0.25rem;
+      line-height: 1
+}
+  .mm-toolbar:hover {
+      --tw-border-opacity: 1;
+      border-color: rgb(156 163 175 / var(--tw-border-opacity))
+}
+  .mm-toolbar svg {
+      display: block
+}
+  .mm-toolbar a {
+      display: inline-block;
+      text-decoration-line: none
+}
+  .mm-toolbar-brand > img {
+      height: 1rem;
+      width: 1rem;
+      vertical-align: middle
+}
+  .mm-toolbar-brand > span {
+      padding-left: 0.25rem;
+      padding-right: 0.25rem
+}
+  .mm-toolbar-brand:not(:first-child), .mm-toolbar-item:not(:first-child) {
+      margin-left: 0.25rem
+}
+  .mm-toolbar-brand > *, .mm-toolbar-item > * {
+      cursor: pointer;
+      text-align: center;
+      font-size: 0.75rem;
+      line-height: 1rem;
+      --tw-text-opacity: 1;
+      color: rgb(156 163 175 / var(--tw-text-opacity));
+      min-width: 20px;
+      height: 20px;
+      line-height: 20px
+}
+  .mm-toolbar-brand.active,
+    .mm-toolbar-brand:hover,
+    .mm-toolbar-item.active,
+    .mm-toolbar-item:hover {
+      border-radius: 0.25rem;
+      --tw-bg-opacity: 1;
+      background-color: rgb(229 231 235 / var(--tw-bg-opacity))
+}
+  .mm-toolbar-brand.active > *, .mm-toolbar-brand:hover > *, .mm-toolbar-item.active > *, .mm-toolbar-item:hover > * {
+      --tw-text-opacity: 1;
+      color: rgb(31 41 55 / var(--tw-text-opacity))
+}
+  .mm-toolbar-brand.active, .mm-toolbar-item.active {
+      --tw-bg-opacity: 1;
+      background-color: rgb(209 213 219 / var(--tw-bg-opacity))
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-toolbar",
-  "version": "0.14.4",
+  "version": "0.15.0-alpha.1+1308d8e",
   "description": "Extensible toolbar for markmap",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -10,10 +10,10 @@
     "build:types": "tsc",
     "build:js": "rollup -c rollup.conf.js"
   },
-  "main": "dist/index.umd.js",
-  "module": "dist/index.esm.js",
-  "unpkg": "dist/index.umd.min.js",
-  "jsdelivr": "dist/index.umd.min.js",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "unpkg": "dist/index.js",
+  "jsdelivr": "dist/index.js",
   "files": [
     "dist",
     "types"
@@ -22,13 +22,25 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
+  "homepage": "https://github.com/markmap/markmap/packages/markmap-toolbar#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/markmap/markmap.git"
+  },
+  "bugs": {
+    "url": "https://github.com/markmap/markmap/issues"
+  },
   "typings": "types/index.d.ts",
+  "peerDependencies": {
+    "markmap-common": "*"
+  },
   "devDependencies": {
-    "markmap-view": "^0.14.4"
+    "markmap-common": "0.15.0-alpha.0",
+    "markmap-view": "0.15.0-alpha.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.16.3",
     "@gera2ld/jsx-dom": "^2.1.1"
   },
-  "gitHead": "8eb2fa223ab85d1a7699d2c9660fdb5fac24acd1"
+  "gitHead": "1308d8ea5a6e6b24b6c5f053a50cc319df4ad93d"
 }

package/types/toolbar.d.ts

@@ -1,7 +1,7 @@
 import { VChildren } from '@gera2ld/jsx-dom';
 import type { Markmap } from 'markmap-view';
 import './style.css';
-interface IToolbarItem {
+export interface IToolbarItem {
     id?: string;
     title?: string;
     content: VChildren;
@@ -12,18 +12,17 @@ export declare class Toolbar {
     private registry;
     private markmap;
     static defaultItems: (string | IToolbarItem)[];
+    el: HTMLDivElement;
     items: (string | IToolbarItem)[];
-    static create(mm: Markmap): Node;
+    static create(mm: Markmap): Toolbar;
     static icon(path: string, attrs?: {}): import("@gera2ld/jsx-dom").VNode;
     constructor();
-    setBrand(show: boolean): void;
+    setBrand(show: boolean): HTMLDivElement;
     register(data: IToolbarItem & {
         id: string;
     }): void;
     getHandler(handle: (mm: Markmap) => Promise<void>): () => void;
-    setItems(items: (string | IToolbarItem)[]): void;
+    setItems(items: (string | IToolbarItem)[]): HTMLDivElement;
     attach(mm: Markmap): void;
-    handleRecurse(active: boolean, reset: () => void): void;
-    render(): Node;
+    render(): HTMLDivElement;
 }
-export {};

package/dist/index.umd.min.js

@@ -1,4 +0,0 @@
-/*! markmap-toolbar v0.14.4 | MIT License */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).markmap=t.markmap||{})}(this,(function(t){"use strict";function e(){return e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var A in r)Object.prototype.hasOwnProperty.call(r,A)&&(t[A]=r[A])}return t},e.apply(this,arguments)}
-/*! @gera2ld/jsx-dom v2.1.1 | ISC License */var r="http://www.w3.org/1999/xlink",A={show:r,actuate:r,href:r};function n(t,e){var r;if("string"==typeof t)r=1;else{if("function"!=typeof t)throw new Error("Invalid VNode type");r=2}return{vtype:r,type:t,props:e}}var i=n;function o(t){return t.children}var a={isSvg:!1};function s(t,e){if(1===e.type)null!=e.node&&t.append(e.node);else{if(4!==e.type)throw new Error("Unkown ref type "+JSON.stringify(e));e.children.forEach((function(e){s(t,e)}))}}var l={className:"class",labelFor:"for"};function h(t,e,r,n){if(e=l[e]||e,!0===r)t.setAttribute(e,"");else if(!1===r)t.removeAttribute(e);else{var i=n?A[e]:void 0;void 0!==i?t.setAttributeNS(i,e,r):t.setAttribute(e,r)}}function c(t,e){if(void 0===e&&(e=a),null==t||"boolean"==typeof t)return{type:1,node:null};if(t instanceof Node)return{type:1,node:t};if(2===(null==(l=t)?void 0:l.vtype)){var r=t,A=r.type,n=r.props;if(A===o){var i=document.createDocumentFragment();if(n.children)s(i,c(n.children,e));return{type:1,node:i}}return c(A(n),e)}var l;if(function(t){return"string"==typeof t||"number"==typeof t}(t))return{type:1,node:document.createTextNode(""+t)};if(function(t){return 1===(null==t?void 0:t.vtype)}(t)){var d,u,v=t,f=v.type,g=v.props;if(e.isSvg||"svg"!==f||(e=Object.assign({},e,{isSvg:!0})),function(t,e,r){for(var A in e)"key"!==A&&"children"!==A&&"ref"!==A&&("dangerouslySetInnerHTML"===A?t.innerHTML=e[A].__html:"innerHTML"===A||"textContent"===A||"innerText"===A?t[A]=e[A]:A.startsWith("on")?t[A.toLowerCase()]=e[A]:h(t,A,e[A],r.isSvg))}(d=e.isSvg?document.createElementNS("http://www.w3.org/2000/svg",f):document.createElement(f),g,e),g.children){var p=e;e.isSvg&&"foreignObject"===f&&(p=Object.assign({},p,{isSvg:!1})),u=c(g.children,p)}null!=u&&s(d,u);var m=g.ref;return"function"==typeof m&&m(d),{type:1,node:d}}if(Array.isArray(t))return{type:4,children:t.map((function(t){return c(t,e)}))};throw new Error("mount: Invalid Vnode!")}function d(t){for(var e=[],r=0;r<t.length;r+=1){var A=t[r];Array.isArray(A)?e=e.concat(d(A)):null!=A&&e.push(A)}return e}function u(t){return 1===t.type?t.node:t.children.map(u)}function v(t){return Array.isArray(t)?d(t.map(v)):u(c(t))}
-/*! markmap-common v0.14.2 | MIT License */Math.random().toString(36).slice(2,8);const f="mm-toolbar-item";function g({title:t,content:e,onClick:r}){return n("div",{className:f,title:t,onClick:r,children:e})}let p;class m{static create(t){const e=new m;return e.attach(t),e.render()}static icon(t,r={}){return r=e({stroke:"none",fill:"currentColor","fill-rule":"evenodd"},r),n("svg",{width:"20",height:"20",viewBox:"0 0 20 20",children:n("path",e({},r,{d:t}))})}constructor(){this.showBrand=!0,this.registry={},this.markmap=null,this.register({id:"zoomIn",title:"Zoom in",content:m.icon("M9 5v4h-4v2h4v4h2v-4h4v-2h-4v-4z"),onClick:this.getHandler((t=>t.rescale(1.25)))}),this.register({id:"zoomOut",title:"Zoom out",content:m.icon("M5 9h10v2h-10z"),onClick:this.getHandler((t=>t.rescale(.8)))}),this.register({id:"fit",title:"Fit window size",content:m.icon("M4 7h2v-2h2v4h-4zM4 13h2v2h2v-4h-4zM16 7h-2v-2h-2v4h4zM16 13h-2v2h-2v-4h4z"),onClick:this.getHandler((t=>t.fit()))}),this.register({id:"recurse",title:"Recursively toggle the next node",content:m.icon("M16 4h-12v12h12v-8h-8v4h2v-2h4v4h-8v-8h10z"),onClick:t=>{const e=t.target.closest(".mm-toolbar-item"),r=()=>e.classList.toggle("active"),A=r();this.handleRecurse(A,r)}}),this.setItems(m.defaultItems)}setBrand(t){this.showBrand=t}register(t){this.registry[t.id]=t}getHandler(t){var e;return e=t,t=async(...t)=>{if(!p){p=e(...t);try{await p}finally{p=null}}},()=>{this.markmap&&t(this.markmap)}}setItems(t){this.items=[...t]}attach(t){this.markmap=t}handleRecurse(t,r){const A=this.markmap;var n,i;if(!t)return void(null==(n=A.handleClick)||null==(i=n.__reset)||i.call(n));const o=A.handleClick;if(!o)return;const a=(t,n)=>{var i;const o=null!=(i=n.data.payload)&&i.fold?0:1;!function(t,e,r="children"){const A=(t,n)=>e(t,(()=>{var e;null==(e=t[r])||e.forEach((e=>{A(e,t)}))}),n);A(t)}(n.data,((t,r)=>{t.payload=e({},t.payload,{fold:o}),r()})),A.renderData(n.data),r(),a.__reset()};a.__reset=()=>{A.handleClick=o},A.handleClick=a}render(){const t=this.items.map((t=>{if("string"==typeof t){const e=this.registry[t];return e||console.warn(`[markmap-toolbar] ${t} not found`),e}return t})).filter(Boolean);return v(i("div",{className:"mm-toolbar",children:[this.showBrand&&i("a",{className:"mm-toolbar-brand",href:"https://markmap.js.org/",children:[n("img",{alt:"markmap",src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACoFBMVEUAAAAAAAD//wAAAACAgAD//wAAAABVVQCqqgBAQACAQACAgABmZgBtbQAAAABgQABgYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaFQAAAAAAAAAAAAAAAAAHAAARBQIdGAIYEwI/OgJYUQUfHQI+OgJDPgJJRARBPQRJQgRRSwRRTQRIQQRUTgRUUARZUgRSTQRPSQRjWgZORQRfWQZsZAhTTQRNRwRWUAZkXAZOSARUTgZPRwRRSQRoYwZWUQZWTgRbUwZmXQZoXghmXwdqYwdsYwdfVwVmXQdqYgdiWgVpYAl3bgl6cgl4cAqLggw8OAOWjA2Uig1OSAR2bQihlg55cAh5cAh6cQmMgwyOhAyUjA2QhQ2Uiw2Viw2soBCflA+voxGwpRGhlg+hlg+snxGroBGjmBCpnBC0pxKyphKxpRG2qhK0qBK5rBK5rBP/7h3/8B7/8R3/8h3/8R7/8h786x397B3+7R3EtxT66Rz66hz76hz86xz96xz97Bz+7Rz45xz56Bz76hz97Bz97B3MvRX15Rv25Rv45xz66Rz76hz97B3+7R3IuxX05Bv15Bv25Rz56Bz66Ry/sxPAsxPCtRTCthTNvxbZyxfczxfi0xjl1Rnn2Bnr2xrr3Brs3Rru3Rru3xrv3hrw3xrx4Bvx4Rvy4hvz4hvz4xv04xv05Bv14xv15Bv15Rv25Bv25Rv25Rz25hv35hv35xv45xv45xz55xz56Bv56Bz66Rv66Rz76Rv76Rz76hz86hv86xz+7h3/7R3/7h3/7x3/8B3/8B7/8R3/8R4Yqhj5AAAAq3RSTlMAAQECAgIDAwMEBAQFBwgICAwQERITFRYXGBkbHB0eHyQlJyguNTg8RUZISU5PV2FiY2RlZmdqa2xubnJzc3R2d3d3eXl5eXp7fH1+gIGCgoKDg4SEhIWGh4eHiYmJjIyMjZSUlJ+sra+zt7i4uru8ztHV1tbW2d7g4OHi4uPk5ufp7Ozv9fX29/f3+Pj6+vr7+/v7+/v7+/z8/Pz8/f39/f39/f3+/v7+/v7K6J1dAAACHklEQVQ4y2NgwAoYWdi5uLm5GXHIcrLCmMzYpDmAhKCKjoGtp40MFhVsDAwSxmmVEzZu2XvqSLkchjw3g0h445Ybd24vmTN1Usd5X3R5DgaNqgN35sycP2/GxMkTMRVwMOivvtO3YsWUm3duX790EcMKdgbNNXdnnJh1+9T6ipzU+FB0RzIyiFYB5WdfaElUF8TmTQ6GwH39J2bvypMHcpg4MAKKkUGo5s6KWRfyGRh4WJClGEGBCgS8DLobliy/3abMwM8NBYwQjXDgf3ryxOspyKYyg+RFTFwdnYDAzbrw+oLFm9Ot3J3AwNHFTBykQrhg++GDh48cOXzk4P6VZy8s230MyAGCwwcP7iyRBJpiur1n8hQIWHX27NkLi6bAwOSuow5ABeY7OydOhoCFIAULe6E8YFCf8QAqEC86evniZTA4tfLsuRXHr0E4ly9ePF0uC3KnpH1MZBQQxPoVgxyZ5RMdBQaRMc6yIEcihWbQGaA3k9G8CfQoN0pAtSoxCMACihk9qGtBQZ2LHtRIkRUMiqwd2TJADiswsrjQlAGju/o+MLrPNkWo8mFN1ewMWmvBCebQ0rKMJG87QzF0FRwMRuvugpLcrXu3rp7Zs61UCtMZ2nVHbk+fMX/+jMmTp3Sf9MLiULG45q237txaPG3yxPYrYQzYMo60RWbD3E27Ll68Uq+AK+uJqOlZBiSEKGLNnMA0iDfzwrI/NKgBOivk9piPdtUAAAAASUVORK5CYII="}),n("span",{children:"markmap"})]}),t.map(g)]}))}}m.defaultItems=["zoomIn","zoomOut","fit","recurse"],t.Toolbar=m}));