@techie_doubts/editor-plugin-export 3.0.1

package/dist/toastui-editor-plugin-export.js

@@ -0,0 +1,800 @@
+/*!
+ * TOAST UI Editor : Export Plugin
+ * @version 3.0.1 | Fri Feb 20 2026
+ * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["toastui"] = factory();
+	else
+		root["toastui"] = root["toastui"] || {}, root["toastui"]["Editor"] = root["toastui"]["Editor"] || {}, root["toastui"]["Editor"]["plugin"] = root["toastui"]["Editor"]["plugin"] || {}, root["toastui"]["Editor"]["plugin"]["export"] = factory();
+})(self, function() {
+return /******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ exportPlugin; }
+});
+
+;// ./src/theme.ts
+function detectEditorDarkClass(instance) {
+    var _a, _b, _c;
+    if (typeof document === 'undefined') {
+        return null;
+    }
+    var elements = null;
+    try {
+        elements = (_a = instance.getEditorElements) === null || _a === void 0 ? void 0 : _a.call(instance);
+    }
+    catch (e) {
+        elements = null;
+    }
+    var root = ((_b = elements === null || elements === void 0 ? void 0 : elements.mdPreview) === null || _b === void 0 ? void 0 : _b.closest('.toastui-editor-defaultUI')) ||
+        ((_c = elements === null || elements === void 0 ? void 0 : elements.wwEditor) === null || _c === void 0 ? void 0 : _c.closest('.toastui-editor-defaultUI')) ||
+        document.querySelector('.toastui-editor-defaultUI');
+    if (!root) {
+        return null;
+    }
+    return root.classList.contains('toastui-editor-dark');
+}
+function resolveExportTheme(instance) {
+    var _a;
+    var darkFromDom = detectEditorDarkClass(instance);
+    if (typeof darkFromDom === 'boolean') {
+        return darkFromDom ? 'dark' : 'default';
+    }
+    try {
+        return ((_a = instance.getTheme) === null || _a === void 0 ? void 0 : _a.call(instance)) === 'dark' ? 'dark' : 'default';
+    }
+    catch (e) {
+        return 'default';
+    }
+}
+
+;// ./src/index.ts
+var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+
+
+function getMenuState() {
+    var win = window;
+    if (!win.__toastuiToolbarMenuState) {
+        win.__toastuiToolbarMenuState = { openId: null };
+    }
+    return win.__toastuiToolbarMenuState;
+}
+function ensureMenuStateListener(state) {
+    if (state.listenerAttached || typeof document === 'undefined')
+        return;
+    document.addEventListener('mousedown', function (event) {
+        var target = event.target;
+        if (target.closest('.toastui-editor-popup') ||
+            target.closest('.toastui-editor-toolbar-item-wrapper')) {
+            return;
+        }
+        state.openId = null;
+    });
+    state.listenerAttached = true;
+}
+function createMenuItem(label, iconClassName, onSelect, closePopup) {
+    var item = document.createElement('li');
+    var icon = document.createElement('span');
+    var text = document.createElement('span');
+    item.className = 'menu-item';
+    item.setAttribute('role', 'menuitem');
+    item.tabIndex = 0;
+    icon.className = "export-menu-icon " + iconClassName;
+    text.textContent = label;
+    item.appendChild(icon);
+    item.appendChild(text);
+    var handleSelect = function () {
+        onSelect();
+        closePopup();
+    };
+    item.addEventListener('click', function (event) {
+        event.preventDefault();
+        handleSelect();
+    });
+    item.addEventListener('keydown', function (event) {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            handleSelect();
+        }
+        else if (event.key === 'Escape') {
+            event.preventDefault();
+            closePopup();
+        }
+    });
+    return item;
+}
+function createMenuBody(items) {
+    var list = document.createElement('ul');
+    list.className = 'menu-group';
+    list.setAttribute('role', 'menu');
+    items.forEach(function (item) { return list.appendChild(item); });
+    return list;
+}
+function createExportSplitButton(onMainClick) {
+    var container = document.createElement('div');
+    var mainButton = document.createElement('button');
+    var caretButton = document.createElement('button');
+    var icon = document.createElement('span');
+    container.className = 'export-split';
+    container.setAttribute('role', 'group');
+    mainButton.type = 'button';
+    mainButton.className = 'toastui-editor-toolbar-icons export-split-main';
+    mainButton.setAttribute('aria-label', 'Download HTML');
+    icon.className = 'export-split-icon';
+    mainButton.appendChild(icon);
+    caretButton.type = 'button';
+    caretButton.className = 'toastui-editor-toolbar-icons export-split-caret';
+    caretButton.setAttribute('aria-label', 'Export options');
+    caretButton.setAttribute('aria-haspopup', 'menu');
+    caretButton.textContent = '▾';
+    mainButton.addEventListener('click', function (event) {
+        event.preventDefault();
+        event.stopPropagation();
+        onMainClick();
+    });
+    mainButton.addEventListener('keydown', function (event) {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            event.stopPropagation();
+            onMainClick();
+        }
+    });
+    container.appendChild(mainButton);
+    container.appendChild(caretButton);
+    return container;
+}
+function downloadText(filename, content, type) {
+    if (type === void 0) { type = 'text/plain'; }
+    var blob = new Blob([content], { type: type });
+    var url = URL.createObjectURL(blob);
+    var a = document.createElement('a');
+    a.href = url;
+    a.download = filename;
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    URL.revokeObjectURL(url);
+}
+function blobToDataUrl(blob) {
+    return new Promise(function (resolve, reject) {
+        var reader = new FileReader();
+        reader.onload = function () { return resolve(reader.result); };
+        reader.onerror = function () { return reject(reader.error); };
+        reader.readAsDataURL(blob);
+    });
+}
+function inlineImagesIn(rootEl) {
+    return __awaiter(this, void 0, void 0, function () {
+        var imgs;
+        var _this = this;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    imgs = Array.from(rootEl.querySelectorAll('img'));
+                    return [4 /*yield*/, Promise.all(imgs.map(function (img) { return __awaiter(_this, void 0, void 0, function () {
+                            var src, url, res, blob, dataUrl, e_1;
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0:
+                                        src = img.getAttribute('src');
+                                        if (!src || src.startsWith('data:'))
+                                            return [2 /*return*/];
+                                        url = src;
+                                        if (url.startsWith('//')) {
+                                            url = "https:" + url;
+                                        }
+                                        else if (!/^https?:\/\//i.test(url)) {
+                                            url = new URL(url, window.location.href).href;
+                                        }
+                                        _a.label = 1;
+                                    case 1:
+                                        _a.trys.push([1, 5, , 6]);
+                                        return [4 /*yield*/, fetch(url)];
+                                    case 2:
+                                        res = _a.sent();
+                                        if (!res.ok)
+                                            throw new Error("HTTP " + res.status);
+                                        return [4 /*yield*/, res.blob()];
+                                    case 3:
+                                        blob = _a.sent();
+                                        return [4 /*yield*/, blobToDataUrl(blob)];
+                                    case 4:
+                                        dataUrl = _a.sent();
+                                        img.setAttribute('src', dataUrl);
+                                        return [3 /*break*/, 6];
+                                    case 5:
+                                        e_1 = _a.sent();
+                                        // eslint-disable-next-line no-console
+                                        console.warn('Failed to inline image (likely CORS):', url, e_1);
+                                        return [3 /*break*/, 6];
+                                    case 6: return [2 /*return*/];
+                                }
+                            });
+                        }); }))];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+function inlineCanvases(fromRoot, toRoot) {
+    var srcCanvases = Array.from(fromRoot.querySelectorAll('canvas'));
+    var dstCanvases = Array.from(toRoot.querySelectorAll('canvas'));
+    srcCanvases.forEach(function (canvas, idx) {
+        var target = dstCanvases[idx];
+        if (!target)
+            return;
+        try {
+            var dataUrl = canvas.toDataURL('image/png');
+            var img = document.createElement('img');
+            img.src = dataUrl;
+            img.width = canvas.width;
+            img.height = canvas.height;
+            img.style.width = canvas.style.width;
+            img.style.height = canvas.style.height;
+            target.replaceWith(img);
+        }
+        catch (e) {
+            // eslint-disable-next-line no-console
+            console.warn('Inline canvas failed:', e);
+        }
+    });
+}
+function collectInlineStyles() {
+    var cssText = '';
+    for (var _i = 0, _a = Array.from(document.styleSheets); _i < _a.length; _i++) {
+        var sheet = _a[_i];
+        try {
+            var rules = sheet.cssRules;
+            if (!rules)
+                continue;
+            for (var _b = 0, _c = Array.from(rules); _b < _c.length; _b++) {
+                var rule = _c[_b];
+                cssText += rule.cssText + "\n";
+            }
+        }
+        catch (e) {
+            // ignore cross-origin styles
+        }
+    }
+    return cssText;
+}
+function inlineTokenStyles(original, clone) {
+    var origTokens = Array.from(original.querySelectorAll('[class*="token"]'));
+    var cloneTokens = Array.from(clone.querySelectorAll('[class*="token"]'));
+    origTokens.forEach(function (origEl, idx) {
+        var cloneEl = cloneTokens[idx];
+        if (!cloneEl)
+            return;
+        var cs = getComputedStyle(origEl);
+        if (cs.color) {
+            cloneEl.style.color = cs.color;
+        }
+        if (cs.fontWeight && cs.fontWeight !== 'normal' && cs.fontWeight !== '400') {
+            cloneEl.style.fontWeight = cs.fontWeight;
+        }
+        if (cs.fontStyle && cs.fontStyle !== 'normal') {
+            cloneEl.style.fontStyle = cs.fontStyle;
+        }
+    });
+}
+function fixLineNumberInputs(original, clone) {
+    var origInputs = Array.from(original.querySelectorAll('.toastui-editor-line-number-input'));
+    var cloneInputs = Array.from(clone.querySelectorAll('.toastui-editor-line-number-input'));
+    origInputs.forEach(function (origEl, idx) {
+        var cloneEl = cloneInputs[idx];
+        if (!cloneEl)
+            return;
+        var val = origEl.value || 'off';
+        var span = document.createElement('span');
+        span.className = cloneEl.className;
+        span.textContent = val;
+        span.style.display = 'inline-block';
+        span.style.textAlign = 'center';
+        span.style.minWidth = '42px';
+        cloneEl.replaceWith(span);
+    });
+}
+function normalizeFragmentId(text) {
+    return text.trim().replace(/\\s+/g, '_');
+}
+function normalizeFragmentHref(text) {
+    return "#" + normalizeFragmentId(text);
+}
+function slugify(text) {
+    return normalizeFragmentId(text).replace(/_+/g, '_');
+}
+function toHashHref(id) {
+    return normalizeFragmentHref(id);
+}
+function safeDecodeURIComponent(value) {
+    try {
+        return decodeURIComponent(value);
+    }
+    catch (e) {
+        return value;
+    }
+}
+function normalizeText(text) {
+    return text.replace(/\s+/g, ' ').trim();
+}
+function createUniqueId(baseId, usedIds) {
+    var id = baseId || 'heading';
+    var suffix = 1;
+    while (usedIds.has(id)) {
+        id = baseId + "-" + suffix;
+        suffix += 1;
+    }
+    usedIds.add(id);
+    return id;
+}
+function ensureHeadingIds(root) {
+    var usedIds = new Set();
+    var headings = Array.from(root.querySelectorAll('h1, h2, h3, h4, h5, h6'));
+    headings.forEach(function (heading) {
+        var _a;
+        var existingId = (_a = heading.getAttribute('id')) === null || _a === void 0 ? void 0 : _a.trim();
+        var baseId = existingId || slugify(heading.textContent || '') || 'heading';
+        var uniqueId = createUniqueId(baseId, usedIds);
+        heading.setAttribute('id', uniqueId);
+        heading.setAttribute('data-export-anchor-target', 'true');
+    });
+}
+function extractMarkdownAnchors(markdown) {
+    var anchors = [];
+    var reAnchor = /<a\s+[^>]*id\s*=\s*(?:"([^"]+)"|'([^']+)')[^>]*>([\s\S]*?)<\/a>/gi;
+    var match = reAnchor.exec(markdown);
+    while (match) {
+        var id = (match[1] || match[2] || '').trim();
+        var rawText = (match[3] || '').replace(/<[^>]+>/g, '');
+        var text = rawText.trim();
+        if (id && text) {
+            anchors.push({ id: id, text: text });
+        }
+        match = reAnchor.exec(markdown);
+    }
+    return anchors;
+}
+function addCustomAnchorTargets(root, markdownAnchors) {
+    var usedIds = new Set(Array.from(root.querySelectorAll('[id]'))
+        .map(function (el) { return el.id; })
+        .filter(Boolean));
+    var candidates = Array.from(root.querySelectorAll('span, a, mark, strong, em, code'));
+    markdownAnchors.forEach(function (_a) {
+        var id = _a.id, text = _a.text;
+        id = normalizeFragmentId(id);
+        var existing = root.querySelector("[id=\"" + CSS.escape(id) + "\"]");
+        if (existing) {
+            existing.setAttribute('data-export-anchor-target', 'true');
+            if (existing.tagName === 'A') {
+                var anchor = existing;
+                anchor.setAttribute('href', toHashHref(existing.id));
+                anchor.removeAttribute('target');
+                anchor.removeAttribute('rel');
+            }
+            return;
+        }
+        var normalizedAnchorText = normalizeText(text);
+        var anchorNodeTarget = candidates.find(function (candidate) {
+            if (candidate.tagName !== 'A') {
+                return false;
+            }
+            var href = candidate.getAttribute('href') || '';
+            if (href && href !== '#') {
+                return false;
+            }
+            return normalizeText(candidate.textContent || '') === normalizedAnchorText;
+        });
+        var target = anchorNodeTarget
+            ? anchorNodeTarget
+            : candidates.find(function (candidate) {
+                if (candidate.hasAttribute('id')) {
+                    return false;
+                }
+                if (candidate.closest('a[href]')) {
+                    return false;
+                }
+                return normalizeText(candidate.textContent || '') === normalizedAnchorText;
+            });
+        if (!target) {
+            return;
+        }
+        var uniqueId = createUniqueId(id, usedIds);
+        target.setAttribute('id', uniqueId);
+        target.setAttribute('data-export-anchor-target', 'true');
+        if (target.tagName === 'A') {
+            var anchor = target;
+            anchor.setAttribute('href', toHashHref(uniqueId));
+            anchor.removeAttribute('target');
+            anchor.removeAttribute('rel');
+        }
+    });
+}
+function extractFragmentDestinations(markdown) {
+    var destinations = [];
+    for (var i = 0; i < markdown.length; i += 1) {
+        if (markdown[i] !== '[' || markdown[i - 1] === '!') {
+            continue;
+        }
+        var labelEnd = i + 1;
+        while (labelEnd < markdown.length && markdown[labelEnd] !== ']') {
+            if (markdown[labelEnd] === '\\') {
+                labelEnd += 2;
+            }
+            else {
+                labelEnd += 1;
+            }
+        }
+        if (markdown[labelEnd] !== ']' || markdown[labelEnd + 1] !== '(') {
+            continue;
+        }
+        var cursor = labelEnd + 2;
+        while (cursor < markdown.length && /\s/.test(markdown[cursor])) {
+            cursor += 1;
+        }
+        if (markdown[cursor] !== '#') {
+            continue;
+        }
+        cursor += 1;
+        var start = cursor;
+        var depth = 1;
+        while (cursor < markdown.length) {
+            var ch = markdown[cursor];
+            if (ch === '\\') {
+                cursor += 2;
+                continue;
+            }
+            if (ch === '(') {
+                depth += 1;
+            }
+            else if (ch === ')') {
+                depth -= 1;
+                if (depth === 0) {
+                    break;
+                }
+            }
+            cursor += 1;
+        }
+        if (depth === 0) {
+            var destination = markdown.slice(start, cursor).trim();
+            if (destination) {
+                destinations.push(destination);
+            }
+            i = cursor;
+        }
+    }
+    return destinations;
+}
+function resolveTargetId(rawDestination, root) {
+    var raw = rawDestination.trim();
+    var decoded = safeDecodeURIComponent(raw);
+    var normalizedRaw = normalizeFragmentId(raw);
+    var normalizedDecoded = normalizeFragmentId(decoded);
+    var slug = slugify(decoded);
+    var candidates = [raw, decoded, normalizedRaw, normalizedDecoded, slug].filter(Boolean);
+    for (var _i = 0, candidates_1 = candidates; _i < candidates_1.length; _i++) {
+        var candidate = candidates_1[_i];
+        if (root.querySelector("[id=\"" + CSS.escape(candidate) + "\"]")) {
+            return candidate;
+        }
+    }
+    var headingByText = Array.from(root.querySelectorAll('h1, h2, h3, h4, h5, h6')).find(function (heading) { return normalizeText(heading.textContent || '') === normalizeText(decoded); });
+    if (headingByText === null || headingByText === void 0 ? void 0 : headingByText.id) {
+        return headingByText.id;
+    }
+    return normalizedDecoded || slug || decoded || raw;
+}
+function restoreFragmentLinks(root, markdown) {
+    var destinations = extractFragmentDestinations(markdown);
+    var links = Array.from(root.querySelectorAll('a[href]')).filter(function (link) {
+        var href = link.getAttribute('href') || '';
+        return ((href === '' || href.startsWith('#')) &&
+            link.getAttribute('data-export-anchor-target') !== 'true');
+    });
+    var count = Math.min(destinations.length, links.length);
+    for (var i = 0; i < count; i += 1) {
+        var resolvedId = resolveTargetId(destinations[i], root);
+        if (!resolvedId) {
+            continue;
+        }
+        links[i].setAttribute('href', toHashHref(resolvedId));
+        links[i].removeAttribute('target');
+        links[i].removeAttribute('rel');
+    }
+}
+function markSelfAnchors(root) {
+    Array.from(root.querySelectorAll('[id]')).forEach(function (el) {
+        if (el.matches('h1, h2, h3, h4, h5, h6') ||
+            el.getAttribute('data-export-anchor-target') === 'true') {
+            el.setAttribute('data-export-self-anchor', 'true');
+        }
+    });
+}
+function buildStandaloneHtml(bodyHtml, isDark) {
+    var styles = collectInlineStyles();
+    var darkClass = isDark ? ' toastui-editor-dark' : '';
+    var bgStyle = isDark ? 'background:#121212;' : '';
+    return "<!doctype html>\n<html>\n  <head>\n    <meta charset=\"utf-8\"/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>\n    <title>Toast UI Export</title>\n    <style>\n" + styles + "\n    </style>\n  </head>\n  <body style=\"margin:0;" + bgStyle + "\">\n    <div class=\"" + darkClass.trim() + "\" style=\"max-width:960px;margin:0 auto;padding:24px 32px\">\n      <div class=\"toastui-editor-contents\">" + bodyHtml + "</div>\n    </div>\n    <script>\n    document.querySelectorAll('.toastui-editor-code-block-copy').forEach(function(b){\n      b.addEventListener('click',function(){\n        var w=b.closest('.toastui-editor-ww-code-block-highlighting');\n        var c=w&&w.querySelector('code');\n        if(c){navigator.clipboard.writeText(c.textContent).then(function(){\n          b.classList.add('copied');setTimeout(function(){b.classList.remove('copied')},1500);\n        })}\n      });\n    });\n    function safeDecode(value){\n      try{return decodeURIComponent(value);}catch(e){return value;}\n    }\n    function resolveAnchorTarget(rawId){\n      var decoded = safeDecode(rawId);\n      var normalizedRaw = String(rawId).trim().replace(/\\s+/g, '_');\n      var normalizedDecoded = String(decoded).trim().replace(/\\s+/g, '_');\n      var candidates = [rawId, decoded, normalizedRaw, normalizedDecoded].filter(Boolean);\n      for(var i=0;i<candidates.length;i+=1){\n        var id = candidates[i];\n        var byId = document.getElementById(id);\n        if(byId){return { id: id, el: byId };}\n        try {\n          var escaped = CSS && CSS.escape ? CSS.escape(id) : id.replace(/([\"'\\.#:[,=])/g,'\\$1');\n          var byQuery = document.querySelector('[id=\"' + escaped + '\"]');\n          if(byQuery){return { id: id, el: byQuery };}\n        } catch(err) {}\n      }\n      return null;\n    }\n    function navigateToHash(rawHash){\n      var hash = rawHash || '';\n      if(!hash || hash[0] !== '#'){return;}\n      var rawId = hash.slice(1);\n      var resolved = resolveAnchorTarget(rawId);\n      if(!resolved){return;}\n      var nextHash = '#' + resolved.id;\n      if(window.location.hash !== nextHash){\n        history.replaceState(null,'', nextHash);\n      }\n      resolved.el.scrollIntoView({ block: 'start' });\n    }\n    document.querySelectorAll('a[href^=\"#\"]').forEach(function(link){\n      link.removeAttribute('target');\n      link.removeAttribute('rel');\n      link.addEventListener('click', function(event){\n        var href = link.getAttribute('href') || '';\n        if(!href || href === '#'){return;}\n        event.preventDefault();\n        navigateToHash(href);\n      });\n    });\n    document.querySelectorAll('[data-export-self-anchor=\"true\"]').forEach(function(target){\n      target.style.cursor='pointer';\n      target.addEventListener('click', function(event){\n        var id = target.getAttribute('id');\n        if(!id){return;}\n        if(target.tagName === 'A'){event.preventDefault();}\n        navigateToHash('#' + id);\n      });\n    });\n    " + '<' + "/script>\n  </body>\n</html>\n";
+}
+function getWysiwygRoot(instance) {
+    var _a;
+    var elements = (_a = instance.getEditorElements) === null || _a === void 0 ? void 0 : _a.call(instance);
+    var wysiwygRoot = (elements === null || elements === void 0 ? void 0 : elements.wwEditor) || null;
+    if (!wysiwygRoot)
+        return null;
+    return (wysiwygRoot.querySelector('.toastui-editor-contents') || wysiwygRoot);
+}
+function nextFrame() {
+    return new Promise(function (resolve) {
+        requestAnimationFrame(function () { return resolve(); });
+    });
+}
+function nextTick() {
+    return new Promise(function (resolve) {
+        setTimeout(function () { return resolve(); }, 0);
+    });
+}
+function waitForWysiwygRender() {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, Promise.resolve()];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, nextFrame()];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, nextFrame()];
+                case 3:
+                    _a.sent();
+                    return [4 /*yield*/, nextTick()];
+                case 4:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+/**
+ * Export plugin
+ * @param {Object} context - plugin context for communicating with editor
+ * @param {Object} options - options for plugin
+ */
+function exportPlugin(context, options) {
+    var _this = this;
+    var _a, _b;
+    if (options === void 0) { options = {}; }
+    var markdownFileName = options.markdownFileName || 'document.md';
+    var htmlFileName = options.htmlFileName || 'document.html';
+    var toolbarGroupIndex = (_a = options.toolbarGroupIndex) !== null && _a !== void 0 ? _a : 2;
+    var toolbarItemIndex = (_b = options.toolbarItemIndex) !== null && _b !== void 0 ? _b : 0;
+    var instance = context.instance;
+    var menuState = getMenuState();
+    ensureMenuStateListener(menuState);
+    var downloadMarkdown = function () {
+        if (!instance.getMarkdown)
+            return;
+        var md = instance.getMarkdown();
+        downloadText(markdownFileName, md, 'text/markdown');
+    };
+    var downloadHtml = function () { return __awaiter(_this, void 0, void 0, function () {
+        var wasMarkdownMode, exportTheme, isDark, markdownSource, htmlBody, exportOpts, promises, wysiwygRoot, clone, html;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        return __generator(this, function (_l) {
+            switch (_l.label) {
+                case 0:
+                    wasMarkdownMode = (_b = (_a = instance.isMarkdownMode) === null || _a === void 0 ? void 0 : _a.call(instance)) !== null && _b !== void 0 ? _b : false;
+                    exportTheme = resolveExportTheme(instance);
+                    isDark = exportTheme === 'dark';
+                    markdownSource = (_d = (_c = instance.getMarkdown) === null || _c === void 0 ? void 0 : _c.call(instance)) !== null && _d !== void 0 ? _d : '';
+                    htmlBody = '';
+                    _l.label = 1;
+                case 1:
+                    _l.trys.push([1, , 8, 9]);
+                    if (wasMarkdownMode) {
+                        (_e = instance.changeMode) === null || _e === void 0 ? void 0 : _e.call(instance, 'wysiwyg', true);
+                    }
+                    return [4 /*yield*/, waitForWysiwygRender()];
+                case 2:
+                    _l.sent();
+                    exportOpts = {
+                        promises: [],
+                        theme: exportTheme,
+                    };
+                    (_g = (_f = instance.eventEmitter) === null || _f === void 0 ? void 0 : _f.emit) === null || _g === void 0 ? void 0 : _g.call(_f, 'beforeExportHtml', exportOpts);
+                    promises = exportOpts.promises;
+                    if (!promises.length) return [3 /*break*/, 4];
+                    return [4 /*yield*/, Promise.all(promises)];
+                case 3:
+                    _l.sent();
+                    _l.label = 4;
+                case 4: return [4 /*yield*/, nextFrame()];
+                case 5:
+                    _l.sent();
+                    wysiwygRoot = getWysiwygRoot(instance);
+                    if (!(wysiwygRoot && wysiwygRoot.innerHTML.trim())) return [3 /*break*/, 7];
+                    clone = wysiwygRoot.cloneNode(true);
+                    inlineCanvases(wysiwygRoot, clone);
+                    inlineTokenStyles(wysiwygRoot, clone);
+                    fixLineNumberInputs(wysiwygRoot, clone);
+                    ensureHeadingIds(clone);
+                    addCustomAnchorTargets(clone, extractMarkdownAnchors(markdownSource));
+                    restoreFragmentLinks(clone, markdownSource);
+                    markSelfAnchors(clone);
+                    return [4 /*yield*/, inlineImagesIn(clone)];
+                case 6:
+                    _l.sent();
+                    htmlBody = clone.innerHTML;
+                    _l.label = 7;
+                case 7: return [3 /*break*/, 9];
+                case 8:
+                    (_j = (_h = instance.eventEmitter) === null || _h === void 0 ? void 0 : _h.emit) === null || _j === void 0 ? void 0 : _j.call(_h, 'afterExportHtml');
+                    if (wasMarkdownMode) {
+                        (_k = instance.changeMode) === null || _k === void 0 ? void 0 : _k.call(instance, 'markdown', true);
+                    }
+                    return [7 /*endfinally*/];
+                case 9:
+                    if (!htmlBody)
+                        return [2 /*return*/];
+                    html = buildStandaloneHtml(htmlBody, isDark);
+                    downloadText(htmlFileName, html, 'text/html');
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var closePopup = function () {
+        context.eventEmitter.emit('closePopup');
+        menuState.openId = null;
+    };
+    var exportMenu = createMenuBody([
+        createMenuItem('Download HTML', 'export-menu-icon-html', downloadHtml, closePopup),
+        createMenuItem('Download Markdown', 'export-menu-icon-markdown', downloadMarkdown, closePopup),
+    ]);
+    var exportSplit = createExportSplitButton(downloadHtml);
+    var caretButton = exportSplit.querySelector('.export-split-caret');
+    var openExportMenu = function () {
+        var wrapper = exportSplit.closest('.toastui-editor-toolbar-item-wrapper');
+        if (wrapper) {
+            wrapper.dispatchEvent(new MouseEvent('click', { bubbles: true }));
+        }
+    };
+    if (caretButton) {
+        var toggleMenu_1 = function () {
+            if (menuState.openId === 'export') {
+                closePopup();
+                return;
+            }
+            closePopup();
+            menuState.openId = 'export';
+            openExportMenu();
+        };
+        caretButton.addEventListener('click', function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            toggleMenu_1();
+        });
+        caretButton.addEventListener('keydown', function (event) {
+            if (event.key === 'Enter' || event.key === ' ') {
+                event.preventDefault();
+                event.stopPropagation();
+                toggleMenu_1();
+            }
+            else if (event.key === 'Escape') {
+                event.preventDefault();
+                closePopup();
+            }
+        });
+    }
+    var toolbarItems = [
+        {
+            groupIndex: toolbarGroupIndex,
+            itemIndex: toolbarItemIndex,
+            item: {
+                name: 'exportSplit',
+                tooltip: 'Export',
+                el: exportSplit,
+                popup: {
+                    body: exportMenu,
+                    className: 'toastui-editor-popup-add-heading export-split-menu',
+                },
+            },
+        },
+    ];
+    return {
+        toolbarItems: toolbarItems,
+        markdownCommands: {
+            downloadMarkdown: function () {
+                downloadMarkdown();
+                return true;
+            },
+            downloadHtml: function () {
+                downloadHtml();
+                return true;
+            },
+        },
+        wysiwygCommands: {
+            downloadMarkdown: function () {
+                downloadMarkdown();
+                return true;
+            },
+            downloadHtml: function () {
+                downloadHtml();
+                return true;
+            },
+        },
+    };
+}
+
+__webpack_exports__ = __webpack_exports__["default"];
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});