@umbraci/jsmind 0.9.1-rich-text

package/es6/jsmind.screenshot.js

@@ -0,0 +1,9 @@
+/**
+* @license BSD-3-Clause
+* @copyright 2014-2025 hizzgdev@163.com
+*
+* Project Home:
+*   https://github.com/hizzgdev/jsmind/
+*/
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("jsmind"),require("dom-to-image")):"function"==typeof define&&define.amd?define(["exports","jsmind","dom-to-image"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).jsMindScreenshot={},e.jsMind,e.domtoimage)}(this,(function(e,t,i){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t),s=n(i);if(!o.default)throw new Error("jsMind is not defined");if(!s.default)throw new Error("dom-to-image is required");const r=o.default.$,a={filename:null,watermark:{left:r.w.location,right:"https://github.com/hizzgdev/jsmind"},background:"transparent"};class d{constructor(e,t){var i={};o.default.util.json.merge(i,a),o.default.util.json.merge(i,t),this.version="0.2.0",this.jm=e,this.options=i,this.dpr=e.view.device_pixel_ratio}shoot(){let e=this.create_canvas(),t=e.getContext("2d");t.scale(this.dpr,this.dpr),Promise.resolve(t).then((()=>this.draw_background(t))).then((()=>this.draw_lines(t))).then((()=>this.draw_nodes(t))).then((()=>this.draw_watermark(e,t))).then((()=>this.download(e))).then((()=>this.clear(e)))}create_canvas(){let e=r.c("canvas");const t=this.jm.view.size.w,i=this.jm.view.size.h;return e.width=t*this.dpr,e.height=i*this.dpr,e.style.width=t+"px",e.style.height=i+"px",e.style.visibility="hidden",this.jm.view.e_panel.appendChild(e),e}clear(e){e.parentNode.removeChild(e)}draw_background(e){return new Promise(function(t,i){const n=this.options.background;n&&"transparent"!==n&&(e.fillStyle=this.options.background,e.fillRect(0,0,this.jm.view.size.w,this.jm.view.size.h)),t(e)}.bind(this))}draw_lines(e){return new Promise(function(t,i){this.jm.view.graph.copy_to(e,(function(){t(e)}))}.bind(this))}draw_nodes(e){return s.default.toSvg(this.jm.view.e_nodes,{style:{zoom:1}}).then(this.load_image).then((function(t){return e.drawImage(t,0,0),e}))}draw_watermark(e,t){return t.textBaseline="bottom",t.fillStyle="#000",t.font="11px Verdana,Arial,Helvetica,sans-serif",this.options.watermark.left&&(t.textAlign="left",t.fillText(this.options.watermark.left,5.5,e.height-2.5)),this.options.watermark.right&&(t.textAlign="right",t.fillText(this.options.watermark.right,e.width-5.5,e.height-2.5)),t}load_image(e){return new Promise((function(t,i){let n=new Image;n.onload=function(){t(n)},n.onerror=i,n.src=e}))}download(e){var t=(this.options.filename||this.jm.mind.name)+".png";if(navigator.msSaveBlob&&e.msToBlob){var i=e.msToBlob();navigator.msSaveBlob(i,t)}else{var n=e.toDataURL(),o=r.c("a");if("download"in o){o.style.visibility="hidden",o.href=n,o.download=t,r.d.body.appendChild(o);var s=r.d.createEvent("MouseEvents");s.initEvent("click",!0,!0),o.dispatchEvent(s),r.d.body.removeChild(o)}else location.href=n}}}const l=new o.default.plugin("screenshot",(function(e,t){var i=new d(e,t);e.screenshot=i,e.shoot=function(){i.shoot()}}));o.default.register_plugin(l),e.JmScreenshot=d,e.default=d,e.screenshot_plugin=l,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=jsmind.screenshot.js.map

package/es6/jsmind.screenshot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsmind.screenshot.js","sources":["../src/plugins/jsmind.screenshot.js"],"sourcesContent":["/**\n * @license BSD\n * @copyright 2014-2025 hizzgdev@163.com\n *\n * Project Home:\n *   https://github.com/hizzgdev/jsmind/\n */\n\nimport jsMind from 'jsmind';\nimport domtoimage from 'dom-to-image';\n\nif (!jsMind) {\n    throw new Error('jsMind is not defined');\n}\n\nif (!domtoimage) {\n    throw new Error('dom-to-image is required');\n}\n\nconst $ = jsMind.$;\n\n/**\n * Default options for screenshot plugin.\n * @typedef {Object} ScreenshotOptions\n * @property {string|null} [filename]\n * @property {{left?:string|Location,right?:string}} [watermark]\n * @property {string} [background]\n */\nconst DEFAULT_OPTIONS = {\n    filename: null,\n    watermark: {\n        left: $.w.location,\n        right: 'https://github.com/hizzgdev/jsmind',\n    },\n    background: 'transparent',\n};\n\n/**\n * Screenshot plugin for jsMind.\n */\nexport class JmScreenshot {\n    /**\n     * Create screenshot plugin instance.\n     * @param {import('../jsmind.js').default} jm - jsMind instance\n     * @param {Partial<ScreenshotOptions>} options - Plugin options\n     */\n    constructor(jm, options) {\n        var opts = {};\n        jsMind.util.json.merge(opts, DEFAULT_OPTIONS);\n        jsMind.util.json.merge(opts, options);\n\n        this.version = '0.2.0';\n        /** @type {import('../jsmind.js').default} */\n        this.jm = jm;\n        /** @type {ScreenshotOptions} */\n        this.options = opts;\n        /** @type {number} */\n        this.dpr = jm.view.device_pixel_ratio;\n    }\n\n    /** Take a screenshot of the mind map. */\n    shoot() {\n        let c = this.create_canvas();\n        let ctx = c.getContext('2d');\n        ctx.scale(this.dpr, this.dpr);\n        Promise.resolve(ctx)\n            .then(() => this.draw_background(ctx))\n            .then(() => this.draw_lines(ctx))\n            .then(() => this.draw_nodes(ctx))\n            .then(() => this.draw_watermark(c, ctx))\n            .then(() => this.download(c))\n            .then(() => this.clear(c));\n    }\n\n    /**\n     * Create canvas for screenshot.\n     * @returns {HTMLCanvasElement} Canvas element\n     */\n    create_canvas() {\n        let c = $.c('canvas');\n        const w = this.jm.view.size.w;\n        const h = this.jm.view.size.h;\n        c.width = w * this.dpr;\n        c.height = h * this.dpr;\n        c.style.width = w + 'px';\n        c.style.height = h + 'px';\n\n        c.style.visibility = 'hidden';\n        this.jm.view.e_panel.appendChild(c);\n        return c;\n    }\n\n    /**\n     * Clean up canvas element.\n     * @param {HTMLCanvasElement} c - Canvas to remove\n     */\n    clear(c) {\n        c.parentNode.removeChild(c);\n    }\n\n    /**\n     * Draw background on canvas.\n     * @param {CanvasRenderingContext2D} ctx - Canvas context\n     * @returns {Promise<CanvasRenderingContext2D>} Promise resolving to context\n     */\n    draw_background(ctx) {\n        return new Promise(\n            function (resolve, _) {\n                const bg = this.options.background;\n                if (!!bg && bg !== 'transparent') {\n                    ctx.fillStyle = this.options.background;\n                    ctx.fillRect(0, 0, this.jm.view.size.w, this.jm.view.size.h);\n                }\n                resolve(ctx);\n            }.bind(this)\n        );\n    }\n\n    /**\n     * Draw connection lines on canvas by copying from view graph.\n     * @param {CanvasRenderingContext2D} ctx\n     * @returns {Promise<CanvasRenderingContext2D>}\n     */\n    draw_lines(ctx) {\n        return new Promise(\n            function (resolve, _) {\n                this.jm.view.graph.copy_to(ctx, function () {\n                    resolve(ctx);\n                });\n            }.bind(this)\n        );\n    }\n\n    /**\n     * Draw node DOM into canvas via SVG snapshot.\n     * @param {CanvasRenderingContext2D} ctx\n     * @returns {Promise<CanvasRenderingContext2D>}\n     */\n    draw_nodes(ctx) {\n        return domtoimage\n            .toSvg(this.jm.view.e_nodes, { style: { zoom: 1 } })\n            .then(this.load_image)\n            .then(function (img) {\n                ctx.drawImage(img, 0, 0);\n                return ctx;\n            });\n    }\n\n    /**\n     * Draw watermark text on canvas.\n     * @param {HTMLCanvasElement} c\n     * @param {CanvasRenderingContext2D} ctx\n     * @returns {CanvasRenderingContext2D}\n     */\n    draw_watermark(c, ctx) {\n        ctx.textBaseline = 'bottom';\n        ctx.fillStyle = '#000';\n        ctx.font = '11px Verdana,Arial,Helvetica,sans-serif';\n        if (!!this.options.watermark.left) {\n            ctx.textAlign = 'left';\n            ctx.fillText(this.options.watermark.left, 5.5, c.height - 2.5);\n        }\n        if (!!this.options.watermark.right) {\n            ctx.textAlign = 'right';\n            ctx.fillText(this.options.watermark.right, c.width - 5.5, c.height - 2.5);\n        }\n        return ctx;\n    }\n\n    /**\n     * Load image from URL and resolve img element.\n     * @param {string} url\n     * @returns {Promise<HTMLImageElement>}\n     */\n    load_image(url) {\n        return new Promise(function (resolve, reject) {\n            let img = new Image();\n            img.onload = function () {\n                resolve(img);\n            };\n            img.onerror = reject;\n            img.src = url;\n        });\n    }\n\n    /**\n     * Trigger download of canvas content as PNG.\n     * @param {HTMLCanvasElement} c\n     */\n    download(c) {\n        var name = (this.options.filename || this.jm.mind.name) + '.png';\n\n        if (navigator.msSaveBlob && !!c.msToBlob) {\n            var blob = c.msToBlob();\n            navigator.msSaveBlob(blob, name);\n        } else {\n            var blob_url = c.toDataURL();\n            var anchor = $.c('a');\n            if ('download' in anchor) {\n                anchor.style.visibility = 'hidden';\n                anchor.href = blob_url;\n                anchor.download = name;\n                $.d.body.appendChild(anchor);\n                var evt = $.d.createEvent('MouseEvents');\n                evt.initEvent('click', true, true);\n                anchor.dispatchEvent(evt);\n                $.d.body.removeChild(anchor);\n            } else {\n                location.href = blob_url;\n            }\n        }\n    }\n}\n\n/**\n * Screenshot plugin registration.\n * @type {import('../jsmind.plugin.js').Plugin<Partial<ScreenshotOptions>>}\n */\nexport const screenshot_plugin = new jsMind.plugin('screenshot', function (jm, options) {\n    var jmss = new JmScreenshot(jm, options);\n    jm.screenshot = jmss;\n    jm.shoot = function () {\n        jmss.shoot();\n    };\n});\n\njsMind.register_plugin(screenshot_plugin);\n\nexport default JmScreenshot;\n"],"names":["jsMind","Error","domtoimage","$","DEFAULT_OPTIONS","filename","watermark","left","w","location","right","background","JmScreenshot","constructor","jm","options","opts","util","json","merge","this","version","dpr","view","device_pixel_ratio","shoot","c","create_canvas","ctx","getContext","scale","Promise","resolve","then","draw_background","draw_lines","draw_nodes","draw_watermark","download","clear","size","h","width","height","style","visibility","e_panel","appendChild","parentNode","removeChild","_","bg","fillStyle","fillRect","bind","graph","copy_to","toSvg","e_nodes","zoom","load_image","img","drawImage","textBaseline","font","textAlign","fillText","url","reject","Image","onload","onerror","src","name","mind","navigator","msSaveBlob","msToBlob","blob","blob_url","toDataURL","anchor","href","d","body","evt","createEvent","initEvent","dispatchEvent","screenshot_plugin","plugin","jmss","screenshot","register_plugin"],"mappings":"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"}

package/package.json

@@ -0,0 +1,85 @@
+{
+    "name": "@umbraci/jsmind",
+    "version": "0.9.1-rich-text",
+    "description": "jsMind is a pure javascript library for mindmap, it base on html5 canvas. jsMind was released under BSD license, you can embed it in any project, if only you observe the license.",
+    "main": "es6/jsmind.js",
+    "types": "types/generated/index.d.ts",
+    "exports": {
+        ".": {
+            "import": "./es6/jsmind.js",
+            "require": "./es6/jsmind.js",
+            "types": "./types/generated/index.d.ts"
+        },
+        "./draggable-node": {
+            "import": "./es6/jsmind.draggable-node.js",
+            "require": "./es6/jsmind.draggable-node.js",
+            "types": "./types/generated/plugins/jsmind.draggable-node.d.ts"
+        },
+        "./screenshot": {
+            "import": "./es6/jsmind.screenshot.js",
+            "require": "./es6/jsmind.screenshot.js",
+            "types": "./types/generated/plugins/jsmind.screenshot.d.ts"
+        },
+        "./style/jsmind.css": "./style/jsmind.css"
+    },
+    "directories": {
+        "doc": "docs",
+        "example": "example"
+    },
+    "files": [
+        "es6",
+        "style",
+        "types",
+        "LICENSE",
+        "README.md"
+    ],
+    "scripts": {
+        "server": "http-server",
+        "build": "rollup -c .config/rollup.config.js",
+        "build-types": "npx -p typescript tsc -p types/tsconfig.declaration.json",
+        "test": "NODE_OPTIONS=--experimental-vm-modules jest tests/unit",
+        "test-es6": "NODE_OPTIONS=--experimental-vm-modules jest tests/unit",
+        "test-types": "NODE_OPTIONS=--experimental-vm-modules jest tests/types",
+        "build-test-types": "npm run build-types && npm run test-types",
+        "test-legacy": "jest tests/legacy",
+        "format": "prettier --config .config/prettierrc.json --ignore-path .config/prettierignore --write .",
+        "format-check": "prettier --config .config/prettierrc.json --ignore-path .config/prettierignore --check ."
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/hizzgdev/jsmind.git"
+    },
+    "author": {
+        "name": "hizzgdev@163.com"
+    },
+    "license": "BSD-3-Clause",
+    "bugs": {
+        "url": "https://github.com/hizzgdev/jsmind/issues"
+    },
+    "homepage": "https://github.com/hizzgdev/jsmind#readme",
+    "keywords": [
+        "jsmind",
+        "mindmap"
+    ],
+    "maintainers": [
+        {
+            "name": "hizzgdev",
+            "email": "hizzgdev@163.com"
+        }
+    ],
+    "devDependencies": {
+        "@rollup/plugin-terser": "^0.4.4",
+        "http-server": "^14.1.1",
+        "jest": "^28.1.0",
+        "jest-environment-jsdom": "^28.1.0",
+        "prettier": "2.6.2",
+        "rollup": "2.79.2",
+        "rollup-plugin-cleanup": "^3.2.1",
+        "tsd-jsdoc": "^2.5.0",
+        "typescript": "^5.9.2"
+    },
+    "jest": {
+        "verbose": true,
+        "testEnvironment": "jsdom"
+    }
+}

package/style/jsmind.css

@@ -0,0 +1,498 @@
+/**
+ * @license BSD
+ * @copyright 2014-2025 hizzgdev@163.com
+ * 
+ * Project Home:
+ *   https://github.com/hizzgdev/jsmind/
+ */
+
+/* important section */
+.jsmind-inner {
+    position: relative;
+    overflow: auto;
+    width: 100%;
+    height: 100%;
+    outline: none;
+} /*box-shadow:0 0 2px #000;*/
+.jsmind-inner {
+    moz-user-select: -moz-none;
+    -moz-user-select: none;
+    -o-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.jsmind-inner canvas {
+    position: absolute;
+}
+
+/* z-index:1 */
+svg.jsmind {
+    position: absolute;
+    z-index: 1;
+}
+canvas.jsmind {
+    position: absolute;
+    z-index: 1;
+}
+
+/* z-index:2 */
+jmnodes {
+    position: absolute;
+    z-index: 2;
+    background-color: rgba(0, 0, 0, 0);
+} /*background color is necessary*/
+jmnode {
+    position: absolute;
+    cursor: default;
+    max-width: 400px;
+}
+jmexpander {
+    position: absolute;
+    width: 11px;
+    height: 11px;
+    display: block;
+    overflow: hidden;
+    line-height: 12px;
+    font-size: 10px;
+    text-align: center;
+    border-radius: 6px;
+    border-width: 1px;
+    border-style: solid;
+    cursor: pointer;
+}
+
+.jmnode-overflow-wrap jmnodes {
+    min-width: 420px;
+}
+
+.jmnode-overflow-hidden jmnode {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+/* Rich text and multiline support - unified div approach */
+.jsmind-editor {
+    border: 2px solid #4caf50;
+    border-radius: 4px;
+    padding: 4px;
+    margin: 0;
+    outline: none;
+    background: #fff;
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    color: #000 !important; /* 确保编辑器内字体始终为黑色 */
+}
+
+.jsmind-rich-editor {
+    min-height: 20px;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    white-space: normal;
+    max-height: 200px;
+    overflow-y: auto;
+}
+
+/* Multiline editor using contenteditable div */
+.jsmind-multiline-editor {
+    min-height: 20px;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    white-space: pre-wrap;
+    max-height: 200px;
+    overflow-y: auto;
+}
+
+/* Input editor for single line text */
+.jsmind-input-editor {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    min-height: 20px;
+    border: none;
+    outline: none;
+}
+
+/* Legacy textarea support (deprecated - will be removed in future versions) */
+.jsmind-textarea-editor {
+    resize: vertical;
+    min-height: 40px;
+    font-family: inherit;
+}
+
+/* Multiline node styles */
+jmnode.multiline {
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    max-width: 300px; /* This value should be consistent with textAutoWrapWidth config */
+}
+
+/* Rich text node styles */
+jmnode.rich-text {
+    white-space: normal;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    max-width: 300px;
+}
+
+jmnode.rich-text b,
+jmnode.rich-text strong {
+    font-weight: bold;
+}
+
+jmnode.rich-text i,
+jmnode.rich-text em {
+    font-style: italic;
+}
+
+jmnode.rich-text u {
+    text-decoration: underline;
+}
+
+jmnode.rich-text ul,
+jmnode.rich-text ol {
+    margin: 4px 0;
+    padding-left: 20px;
+}
+
+jmnode.rich-text li {
+    margin: 2px 0;
+}
+/* default theme */
+jmnode {
+    padding: 10px;
+    background-color: #fff;
+    color: #333;
+    border-radius: 5px;
+    box-shadow: 1px 1px 1px #666;
+    font: 16px/1.125 Verdana, Arial, Helvetica, sans-serif;
+}
+jmnode:hover {
+    box-shadow: 2px 2px 8px #000;
+    background-color: #ebebeb;
+    color: #333;
+}
+jmnode.selected {
+    background-color: #11f;
+    color: #fff;
+    box-shadow: 2px 2px 8px #000;
+}
+jmnode.root {
+    font-size: 24px;
+}
+jmexpander {
+    border-color: gray;
+}
+jmexpander:hover {
+    border-color: #000;
+}
+
+@media screen and (max-device-width: 1024px) {
+    jmnode {
+        padding: 5px;
+        border-radius: 3px;
+        font-size: 14px;
+    }
+    jmnode.root {
+        font-size: 21px;
+    }
+}
+/* primary theme */
+jmnodes.theme-primary jmnode {
+    background-color: #428bca;
+    color: #fff;
+    border-color: #357ebd;
+}
+jmnodes.theme-primary jmnode:hover {
+    background-color: #3276b1;
+    border-color: #285e8e;
+}
+jmnodes.theme-primary jmnode.selected {
+    background-color: #f1c40f;
+    color: #fff;
+}
+jmnodes.theme-primary jmnode.root {
+}
+jmnodes.theme-primary jmexpander {
+}
+jmnodes.theme-primary jmexpander:hover {
+}
+
+/* warning theme */
+jmnodes.theme-warning jmnode {
+    background-color: #f0ad4e;
+    border-color: #eea236;
+    color: #fff;
+}
+jmnodes.theme-warning jmnode:hover {
+    background-color: #ed9c28;
+    border-color: #d58512;
+}
+jmnodes.theme-warning jmnode.selected {
+    background-color: #11f;
+    color: #fff;
+}
+jmnodes.theme-warning jmnode.root {
+}
+jmnodes.theme-warning jmexpander {
+}
+jmnodes.theme-warning jmexpander:hover {
+}
+
+/* danger theme */
+jmnodes.theme-danger jmnode {
+    background-color: #d9534f;
+    border-color: #d43f3a;
+    color: #fff;
+}
+jmnodes.theme-danger jmnode:hover {
+    background-color: #d2322d;
+    border-color: #ac2925;
+}
+jmnodes.theme-danger jmnode.selected {
+    background-color: #11f;
+    color: #fff;
+}
+jmnodes.theme-danger jmnode.root {
+}
+jmnodes.theme-danger jmexpander {
+}
+jmnodes.theme-danger jmexpander:hover {
+}
+
+/* success theme */
+jmnodes.theme-success jmnode {
+    background-color: #5cb85c;
+    border-color: #4cae4c;
+    color: #fff;
+}
+jmnodes.theme-success jmnode:hover {
+    background-color: #47a447;
+    border-color: #398439;
+}
+jmnodes.theme-success jmnode.selected {
+    background-color: #11f;
+    color: #fff;
+}
+jmnodes.theme-success jmnode.root {
+}
+jmnodes.theme-success jmexpander {
+}
+jmnodes.theme-success jmexpander:hover {
+}
+
+/* info theme */
+jmnodes.theme-info jmnode {
+    background-color: #5dc0de;
+    border-color: #46b8da;
+    color: #fff;
+}
+jmnodes.theme-info jmnode:hover {
+    background-color: #39b3d7;
+    border-color: #269abc;
+}
+jmnodes.theme-info jmnode.selected {
+    background-color: #11f;
+    color: #fff;
+}
+jmnodes.theme-info jmnode.root {
+}
+jmnodes.theme-info jmexpander {
+}
+jmnodes.theme-info jmexpander:hover {
+}
+
+/* greensea theme */
+jmnodes.theme-greensea jmnode {
+    background-color: #1abc9c;
+    color: #fff;
+}
+jmnodes.theme-greensea jmnode:hover {
+    background-color: #16a085;
+}
+jmnodes.theme-greensea jmnode.selected {
+    background-color: #11f;
+    color: #fff;
+}
+jmnodes.theme-greensea jmnode.root {
+}
+jmnodes.theme-greensea jmexpander {
+}
+jmnodes.theme-greensea jmexpander:hover {
+}
+
+/* nephrite theme */
+jmnodes.theme-nephrite jmnode {
+    background-color: #2ecc71;
+    color: #fff;
+}
+jmnodes.theme-nephrite jmnode:hover {
+    background-color: #27ae60;
+}
+jmnodes.theme-nephrite jmnode.selected {
+    background-color: #11f;
+    color: #fff;
+}
+jmnodes.theme-nephrite jmnode.root {
+}
+jmnodes.theme-nephrite jmexpander {
+}
+jmnodes.theme-nephrite jmexpander:hover {
+}
+
+/* belizehole theme */
+jmnodes.theme-belizehole jmnode {
+    background-color: #3498db;
+    color: #fff;
+}
+jmnodes.theme-belizehole jmnode:hover {
+    background-color: #2980b9;
+}
+jmnodes.theme-belizehole jmnode.selected {
+    background-color: #11f;
+    color: #fff;
+}
+jmnodes.theme-belizehole jmnode.root {
+}
+jmnodes.theme-belizehole jmexpander {
+}
+jmnodes.theme-belizehole jmexpander:hover {
+}
+
+/* wisteria theme */
+jmnodes.theme-wisteria jmnode {
+    background-color: #9b59b6;
+    color: #fff;
+}
+jmnodes.theme-wisteria jmnode:hover {
+    background-color: #8e44ad;
+}
+jmnodes.theme-wisteria jmnode.selected {
+    background-color: #11f;
+    color: #fff;
+}
+jmnodes.theme-wisteria jmnode.root {
+}
+jmnodes.theme-wisteria jmexpander {
+}
+jmnodes.theme-wisteria jmexpander:hover {
+}
+
+/* asphalt theme */
+jmnodes.theme-asphalt jmnode {
+    background-color: #34495e;
+    color: #fff;
+}
+jmnodes.theme-asphalt jmnode:hover {
+    background-color: #2c3e50;
+}
+jmnodes.theme-asphalt jmnode.selected {
+    background-color: #11f;
+    color: #fff;
+}
+jmnodes.theme-asphalt jmnode.root {
+}
+jmnodes.theme-asphalt jmexpander {
+}
+jmnodes.theme-asphalt jmexpander:hover {
+}
+
+/* orange theme */
+jmnodes.theme-orange jmnode {
+    background-color: #f1c40f;
+    color: #fff;
+}
+jmnodes.theme-orange jmnode:hover {
+    background-color: #f39c12;
+}
+jmnodes.theme-orange jmnode.selected {
+    background-color: #11f;
+    color: #fff;
+}
+jmnodes.theme-orange jmnode.root {
+}
+jmnodes.theme-orange jmexpander {
+}
+jmnodes.theme-orange jmexpander:hover {
+}
+
+/* pumpkin theme */
+jmnodes.theme-pumpkin jmnode {
+    background-color: #e67e22;
+    color: #fff;
+}
+jmnodes.theme-pumpkin jmnode:hover {
+    background-color: #d35400;
+}
+jmnodes.theme-pumpkin jmnode.selected {
+    background-color: #11f;
+    color: #fff;
+}
+jmnodes.theme-pumpkin jmnode.root {
+}
+jmnodes.theme-pumpkin jmexpander {
+}
+jmnodes.theme-pumpkin jmexpander:hover {
+}
+
+/* pomegranate theme */
+jmnodes.theme-pomegranate jmnode {
+    background-color: #e74c3c;
+    color: #fff;
+}
+jmnodes.theme-pomegranate jmnode:hover {
+    background-color: #c0392b;
+}
+jmnodes.theme-pomegranate jmnode.selected {
+    background-color: #11f;
+    color: #fff;
+}
+jmnodes.theme-pomegranate jmnode.root {
+}
+jmnodes.theme-pomegranate jmexpander {
+}
+jmnodes.theme-pomegranate jmexpander:hover {
+}
+
+/* clouds theme */
+jmnodes.theme-clouds jmnode {
+    background-color: #ecf0f1;
+    color: #333;
+}
+jmnodes.theme-clouds jmnode:hover {
+    background-color: #bdc3c7;
+}
+jmnodes.theme-clouds jmnode.selected {
+    background-color: #11f;
+    color: #fff;
+}
+jmnodes.theme-clouds jmnode.root {
+}
+jmnodes.theme-clouds jmexpander {
+}
+jmnodes.theme-clouds jmexpander:hover {
+}
+
+/* asbestos theme */
+jmnodes.theme-asbestos jmnode {
+    background-color: #95a5a6;
+    color: #fff;
+}
+jmnodes.theme-asbestos jmnode:hover {
+    background-color: #7f8c8d;
+}
+jmnodes.theme-asbestos jmnode.selected {
+    background-color: #11f;
+    color: #fff;
+}
+jmnodes.theme-asbestos jmnode.root {
+}
+jmnodes.theme-asbestos jmexpander {
+}
+jmnodes.theme-asbestos jmexpander:hover {
+}

package/types/generated/index.d.ts

@@ -0,0 +1,8 @@
+export { default } from './jsmind';
+export { Node } from './jsmind.node';
+export { Mind } from './jsmind.mind';
+export type { JsMindRuntimeOptions as JsMindOptions } from './jsmind.option';
+export type { MindMapMeta, NodeTreeData, NodeTreeFormat, NodeArrayItem, NodeArrayFormat, } from './jsmind.format';
+export { Direction as direction, EventType as event_type } from './jsmind.common';
+export { $ } from './jsmind.dom';
+export { util } from './jsmind.util';

package/types/generated/jsmind.common.d.ts

@@ -0,0 +1,66 @@
+/**
+ * @license BSD
+ * @copyright 2014-2025 hizzgdev@163.com
+ *
+ * Project Home:
+ *   https://github.com/hizzgdev/jsmind/
+ */
+/**
+ * Library version string.
+ * @type {string}
+ */
+export const __version__: string;
+/**
+ * Library author.
+ * @type {string}
+ */
+export const __author__: string;
+/**
+ * Direction constants and parser.
+ * @typedef {{left:number,center:number,right:number,of:(dir:(string|number))=>number|undefined}} DirectionType
+ */
+/** @type {DirectionType} */
+export const Direction: DirectionType;
+export type EventType = number;
+export namespace EventType {
+    let show: number;
+    let resize: number;
+    let edit: number;
+    let select: number;
+}
+export type Key = number;
+export namespace Key {
+    let meta: number;
+    let ctrl: number;
+    let alt: number;
+    let shift: number;
+}
+export type LogLevel = number;
+export namespace LogLevel {
+    let debug: number;
+    let info: number;
+    let warn: number;
+    let error: number;
+    let disable: number;
+}
+/**
+ * Logger facade with dynamic level.
+ * @type {{level:(lvl:number)=>void,log:Function,debug:Function,info:Function,warn:Function,error:Function}}
+ */
+export let logger: {
+    level: (lvl: number) => void;
+    log: Function;
+    debug: Function;
+    info: Function;
+    warn: Function;
+    error: Function;
+};
+/**
+ * Direction constants and parser.
+ */
+export type DirectionType = {
+    left: number;
+    center: number;
+    right: number;
+    of: (dir: (string | number)) => number | undefined;
+};