@maketribe/ms-app 3.2.3 → 3.2.5

package/dist/esm/components/basic/doc-editor/plugins/ToolbarPlugin/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ToolbarPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { CommandListenerPriority } from 'lexical'\r\nimport {\r\n  CAN_REDO_COMMAND,\r\n  CAN_UNDO_COMMAND,\r\n  REDO_COMMAND,\r\n  UNDO_COMMAND,\r\n} from 'lexical'\r\n\r\nimport {  mergeRegister } from '@lexical/utils'\r\nimport {  useLexicalComposer } from '../../lexical-vue'\r\nimport { onMounted, onUnmounted, ref } from 'vue'\r\nimport HtmlCodeToolbar from \"./HtmlCodeTool.vue\"\r\nimport FontStyleToolbar from \"./FontStyleTool.vue\"\r\nimport ContentStyleToolbar from \"./ContentStyleTool.vue\"\r\n\r\n\r\nconst LowPriority: CommandListenerPriority = 1\r\n\r\nconst toolbarRef = ref<HTMLDivElement | null>(null)\r\nconst editor = useLexicalComposer()\r\n\r\nconst canUndo = ref(false)\r\nconst canRedo = ref(false)\r\n\r\n\r\nonMounted(() => {\r\n  const unregisterMergeListener = mergeRegister(\r\n    editor.registerCommand(\r\n      CAN_UNDO_COMMAND,\r\n      (payload: boolean) => {\r\n        canUndo.value = payload\r\n        return false\r\n      },\r\n      LowPriority,\r\n    ),\r\n    editor.registerCommand(\r\n      CAN_REDO_COMMAND,\r\n      (payload: boolean) => {\r\n        canRedo.value = payload\r\n        return false\r\n      },\r\n      LowPriority,\r\n    ),\r\n  )\r\n\r\n  onUnmounted(() => {\r\n    unregisterMergeListener()\r\n  })\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n  <div ref=\"toolbarRef\" class=\"mk-doc-editor-toolbar\">\r\n    <el-button-group>\r\n      <el-button text  :disabled=\"!canUndo\" @click=\"editor.dispatchCommand(UNDO_COMMAND, undefined)\">\r\n        <MKSvgIcon iconClass=\"RefreshLeft\" /> \r\n      </el-button>\r\n      <el-button text  :disabled=\"!canRedo\" @click=\"editor.dispatchCommand(REDO_COMMAND, undefined)\">\r\n        <MKSvgIcon iconClass=\"RefreshRight\" /> \r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider  direction=\"vertical\" />\r\n    <!-- 内容 -->\r\n    <ContentStyleToolbar />\r\n    <el-divider  direction=\"vertical\" />  \r\n    <!-- 文字样式 -->\r\n    <FontStyleToolbar />\r\n    <el-divider  direction=\"vertical\" />\r\n    <el-dropdown>\r\n      <el-button text>\r\n        <MKSvgIcon iconClass=\"Plus\" style=\"margin-right: 5px;\" /> 插入\r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item>Action 1</el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" />\r\n    <el-button-group>\r\n      <HtmlCodeToolbar />\r\n    </el-button-group>\r\n  </div>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,cAAuC;;;;AAEvC,UAAA,aAAa,IAA2B,IAAI;AAClD,UAAM,SAAS;AAET,UAAA,UAAU,IAAI,KAAK;AACnB,UAAA,UAAU,IAAI,KAAK;AAGzB,cAAU,MAAM;AACd,YAAM,0BAA0B;AAAA,QAC9B,OAAO;AAAA,UACL;AAAA,UACA,CAAC,YAAqB;AACpB,oBAAQ,QAAQ;AACT,mBAAA;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA,CAAC,YAAqB;AACpB,oBAAQ,QAAQ;AACT,mBAAA;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,MAAA;AAGF,kBAAY,MAAM;AACQ;MAAA,CACzB;AAAA,IAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ToolbarPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { CommandListenerPriority } from 'lexical'\r\nimport {\r\n  CAN_REDO_COMMAND,\r\n  CAN_UNDO_COMMAND,\r\n  REDO_COMMAND,\r\n  UNDO_COMMAND,\r\n} from 'lexical'\r\n\r\nimport {  mergeRegister } from '@lexical/utils'\r\nimport {  useLexicalComposer } from '../../lexical-vue'\r\nimport { onMounted, onUnmounted, ref } from 'vue'\r\nimport HtmlCodeToolbar from \"./HtmlCodeTool.vue\"\r\nimport FontStyleToolbar from \"./FontStyleTool.vue\"\r\nimport ContentStyleToolbar from \"./ContentStyleTool.vue\"\r\nimport { ToolbarExtendPlugins } from \"./defines\"\r\nimport { DEVICE_VIEW_MODE } from \"../commands\"\r\n\r\n\r\nconst LowPriority: CommandListenerPriority = 1\r\n\r\nconst toolbarRef = ref<HTMLDivElement | null>(null)\r\nconst editor = useLexicalComposer()\r\n\r\nconst canUndo = ref(false)\r\nconst canRedo = ref(false)\r\n// pc | mobile\r\nconst viewDevice = ref('pc')\r\n\r\n\r\nonMounted(() => {\r\n  const unregisterMergeListener = mergeRegister(\r\n    editor.registerCommand(\r\n      CAN_UNDO_COMMAND,\r\n      (payload: boolean) => {\r\n        canUndo.value = payload\r\n        return false\r\n      },\r\n      LowPriority,\r\n    ),\r\n    editor.registerCommand(\r\n      CAN_REDO_COMMAND,\r\n      (payload: boolean) => {\r\n        canRedo.value = payload\r\n        return false\r\n      },\r\n      LowPriority,\r\n    ),\r\n    editor.registerCommand(\r\n      DEVICE_VIEW_MODE,\r\n      (payload: string) => {\r\n        viewDevice.value = payload\r\n        return false\r\n      },\r\n      LowPriority,\r\n    )\r\n  )\r\n\r\n  onUnmounted(() => {\r\n    ToolbarExtendPlugins.length = 0;\r\n    unregisterMergeListener()\r\n  })\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n  <div ref=\"toolbarRef\" class=\"mk-doc-editor-toolbar\">\r\n    <el-button-group>\r\n      <el-button text  :disabled=\"!canUndo\" @click=\"editor.dispatchCommand(UNDO_COMMAND, undefined)\">\r\n        <MKSvgIcon iconClass=\"RefreshLeft\" /> \r\n      </el-button>\r\n      <el-button text  :disabled=\"!canRedo\" @click=\"editor.dispatchCommand(REDO_COMMAND, undefined)\">\r\n        <MKSvgIcon iconClass=\"RefreshRight\" /> \r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider  direction=\"vertical\" />\r\n    <!-- 内容 -->\r\n    <ContentStyleToolbar />\r\n    <el-divider  direction=\"vertical\" />  \r\n    <!-- 文字样式 -->\r\n    <FontStyleToolbar />\r\n    <el-divider  direction=\"vertical\" />\r\n    \r\n    <el-button-group>\r\n      <el-button text :class=\"`${viewDevice=='pc' ? 'active' : ''}`\" @click=\"editor.dispatchCommand(DEVICE_VIEW_MODE, 'pc')\">\r\n        <MKSvgIcon iconClass=\"Platform\" /> \r\n      </el-button>\r\n      <el-button text :class=\"`${viewDevice=='mobile' ? 'active' : ''}`\" @click=\"editor.dispatchCommand(DEVICE_VIEW_MODE, 'mobile')\">\r\n        <MKSvgIcon iconClass=\"Iphone\" /> \r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider  direction=\"vertical\" />\r\n    <el-dropdown>\r\n      <el-button text>\r\n        <MKSvgIcon iconClass=\"Plus\" style=\"margin-right: 5px;\" /> 插入\r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item v-for=\"item in ToolbarExtendPlugins\" :key=\"item\" @click=\"item.action()\">\r\n            <MKSvgIcon :iconClass=\"item.icon\" /> \r\n            {{item.text}}\r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" />\r\n    <el-button-group>\r\n      <HtmlCodeToolbar />\r\n    </el-button-group>\r\n  </div>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,cAAuC;;;;AAEvC,UAAA,aAAa,IAA2B,IAAI;AAClD,UAAM,SAAS;AAET,UAAA,UAAU,IAAI,KAAK;AACnB,UAAA,UAAU,IAAI,KAAK;AAEnB,UAAA,aAAa,IAAI,IAAI;AAG3B,cAAU,MAAM;AACd,YAAM,0BAA0B;AAAA,QAC9B,OAAO;AAAA,UACL;AAAA,UACA,CAAC,YAAqB;AACpB,oBAAQ,QAAQ;AACT,mBAAA;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA,CAAC,YAAqB;AACpB,oBAAQ,QAAQ;AACT,mBAAA;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA,CAAC,YAAoB;AACnB,uBAAW,QAAQ;AACZ,mBAAA;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,MAAA;AAGF,kBAAY,MAAM;AAChB,6BAAqB,SAAS;AACN;MAAA,CACzB;AAAA,IAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/basic/doc-editor/plugins/commands.js

@@ -0,0 +1,8 @@
+import { createCommand } from "lexical";
+const DEVICE_VIEW_MODE = createCommand("DEVICE_VIEW_MODE");
+const SELECTED_COMPONENT_COMMAND = createCommand("SELECTED_COMPONENT_COMMAND");
+export {
+  DEVICE_VIEW_MODE,
+  SELECTED_COMPONENT_COMMAND
+};
+//# sourceMappingURL=commands.js.map

package/dist/esm/components/basic/doc-editor/plugins/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.js","sources":["../../../../../../src/components/basic/doc-editor/plugins/commands.ts"],"sourcesContent":["\r\nimport type { LexicalCommand, LexicalNode } from 'lexical'\r\nimport { createCommand } from 'lexical'\r\nimport { type Component } from \"vue\"\r\n\r\n/**\r\n * 设备显示模式\r\n */\r\nexport const DEVICE_VIEW_MODE: LexicalCommand<string> = createCommand('DEVICE_VIEW_MODE')\r\n\r\n/**\r\n * 组件选中\r\n */\r\nexport type ComponentSelectEvent = {\r\n  component:Component,\r\n  el:HTMLElement\r\n}\r\n\r\n/**\r\n * 选中可节点\r\n */\r\nexport const SELECTED_COMPONENT_COMMAND: LexicalCommand<ComponentSelectEvent|null> = createCommand('SELECTED_COMPONENT_COMMAND')\r\n"],"names":[],"mappings":";AAQa,MAAA,mBAA2C,cAAc,kBAAkB;AAa3E,MAAA,6BAAwE,cAAc,4BAA4B;"}

package/dist/esm/components/basic/doc-editor/plugins/index.vue.js

@@ -1,13 +1,17 @@
 import { defineComponent, openBlock, createElementBlock, Fragment, createVNode } from "vue";
-import _sfc_main$1 from "./AutoLinkPlugin.vue.js";
-import _sfc_main$2 from "./ImagePlugin/index.vue.js";
+import _sfc_main$2 from "./AutoLinkPlugin.vue.js";
+import _sfc_main$3 from "./ImagePlugin/index.vue.js";
+import _sfc_main$4 from "./ImageTextPlugin/index.vue.js";
+import _sfc_main$1 from "./ToolbarPlugin/InlineToolsPlugin.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(_sfc_main$1),
-        createVNode(_sfc_main$2)
+        createVNode(_sfc_main$2),
+        createVNode(_sfc_main$3),
+        createVNode(_sfc_main$4)
       ], 64);
     };
   }

package/dist/esm/components/basic/doc-editor/plugins/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/basic/doc-editor/plugins/nodes.js

@@ -1,25 +1,23 @@
-import { HeadingNode, QuoteNode } from "@lexical/rich-text";
-import { TableNode, TableCellNode, TableRowNode } from "@lexical/table";
+import { HeadingNode } from "@lexical/rich-text";
 import { ListNode, ListItemNode } from "@lexical/list";
-import { CodeNode, CodeHighlightNode } from "@lexical/code";
 import { AutoLinkNode, LinkNode } from "@lexical/link";
-import { HashtagNode } from "@lexical/hashtag";
-import "./ImagePlugin/index.js";
-import { ImageNode } from "./ImagePlugin/ImageNode.js";
+import { ImageNode } from "./ImagePlugin/index.js";
+import { ImageTextNode } from "./ImageTextPlugin/index.js";
 const Nodes = [
   HeadingNode,
   ListNode,
   ListItemNode,
-  QuoteNode,
-  CodeNode,
-  CodeHighlightNode,
-  TableNode,
-  TableCellNode,
-  TableRowNode,
+  // QuoteNode,
+  // CodeNode,
+  // CodeHighlightNode,
+  // TableNode,
+  // TableCellNode,
+  // TableRowNode,
   AutoLinkNode,
   LinkNode,
-  HashtagNode,
-  ImageNode
+  // HashtagNode,
+  ImageNode,
+  ImageTextNode
 ];
 export {
   Nodes as default

package/dist/esm/components/basic/doc-editor/plugins/nodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"nodes.js","sources":["../../../../../../src/components/basic/doc-editor/plugins/nodes.ts"],"sourcesContent":["import type { Klass, LexicalNode } from 'lexical'\r\nimport { HeadingNode, QuoteNode } from '@lexical/rich-text'\r\nimport { TableCellNode, TableNode, TableRowNode } from '@lexical/table'\r\nimport { ListItemNode, ListNode } from '@lexical/list'\r\nimport { CodeHighlightNode, CodeNode } from '@lexical/code'\r\nimport { AutoLinkNode, LinkNode } from '@lexical/link'\r\nimport { HashtagNode } from '@lexical/hashtag'\r\nimport { ImageNode } from \"./ImagePlugin\"\r\n\r\nconst Nodes: Array<Klass<LexicalNode>> = [\r\n  HeadingNode,\r\n  ListNode,\r\n  ListItemNode,\r\n  QuoteNode,\r\n  CodeNode,\r\n  CodeHighlightNode,\r\n  TableNode,\r\n  TableCellNode,\r\n  TableRowNode,\r\n  AutoLinkNode,\r\n  LinkNode,\r\n  HashtagNode,\r\n  ImageNode\r\n]\r\n\r\nexport default Nodes\r\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,QAAmC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"nodes.js","sources":["../../../../../../src/components/basic/doc-editor/plugins/nodes.ts"],"sourcesContent":["import type { Klass, LexicalNode } from 'lexical'\r\nimport { HeadingNode, QuoteNode } from '@lexical/rich-text'\r\nimport { TableCellNode, TableNode, TableRowNode } from '@lexical/table'\r\nimport { ListItemNode, ListNode } from '@lexical/list'\r\nimport { CodeHighlightNode, CodeNode } from '@lexical/code'\r\nimport { AutoLinkNode, LinkNode } from '@lexical/link'\r\nimport { HashtagNode } from '@lexical/hashtag'\r\nimport { ImageNode } from \"./ImagePlugin\"\r\nimport { ImageTextNode } from \"./ImageTextPlugin\"\r\n\r\nconst Nodes: Array<Klass<LexicalNode>> = [\r\n  HeadingNode,\r\n  ListNode,\r\n  ListItemNode,\r\n  // QuoteNode,\r\n  // CodeNode,\r\n  // CodeHighlightNode,\r\n  // TableNode,\r\n  // TableCellNode,\r\n  // TableRowNode,\r\n  AutoLinkNode,\r\n  LinkNode,\r\n  // HashtagNode,\r\n  ImageNode,\r\n  ImageTextNode\r\n]\r\n\r\nexport default Nodes\r\n"],"names":[],"mappings":";;;;;AAUA,MAAM,QAAmC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AACF;"}

package/dist/esm/components/basic/doc-editor/themes/doc-editor.css.js

@@ -1,4 +1,4 @@
-const DocEditorCss = "html,body{\r\n  width:100%;\r\n  height:100%;\r\n  padding:0px;\r\n  margin:0px;\r\n  position: relative;\r\n  font-size: 14px;\r\n  color:#000;\r\n  overflow: hidden;\r\n}\r\nbody{\r\n  box-sizing: border-box;\r\n}\r\n.mk-doc-editor__stage__editable{\r\n  width: 100%;\r\n  min-height: 100%;\r\n  margin: auto;\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: 10px 20px;\r\n  box-sizing: border-box;\r\n}\r\n.mk-doc-editor__stage__editable .mk-doc-editor-stage{\r\n  z-index: 1;\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 80%;\r\n  outline: 0;\r\n  border: 0;\r\n}\r\n.mk-doc-editor__stage__editable .mk-doc-editor__stage__placeholder{\r\n  position: absolute;\r\n  top: 10px;\r\n  left:20px;\r\n  z-index: 0;    \r\n  color: #ccc;\r\n}\r\n";
+const DocEditorCss = "html,body{\r\n  width:100%;\r\n  height:100%;\r\n  padding:0px;\r\n  margin:0px;\r\n  position: relative;\r\n  font-size: 14px;\r\n  color:#000;\r\n  overflow: hidden;\r\n}\r\nbody{\r\n  box-sizing: border-box;\r\n}\r\n.mk-doc-editor__stage__editable{\r\n  width: 100%;\r\n  min-height: 100%;\r\n  margin: auto;\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: 10px 20px;\r\n  box-sizing: border-box;\r\n}\r\n.mk-doc-editor__stage__editable .mk-doc-editor-stage{\r\n  z-index: 1;\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 80%;\r\n  outline: 0;\r\n  border: 0;\r\n}\r\n.mk-doc-editor__stage__editable .mk-doc-editor__stage__placeholder{\r\n  position: absolute;\r\n  top: 10px;\r\n  left:20px;\r\n  z-index: 0;    \r\n  color: #ccc;\r\n}\r\n\r\n\r\n.mk-doc-active-mark{\r\n  position: absolute;\r\n  box-sizing:border-box;\r\n  background-color:#2776f63b;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.mk-doc-loading-mark{\r\n  position: absolute;\r\n  box-sizing:border-box;\r\n  background-color:#201d1dd6;\r\n  pointer-events: none;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 2;    \r\n  display: flex;\r\n  align-items: center;\r\n  align-content: center;\r\n  justify-content: center;\r\n  color: #fff;\r\n}\r\n";
 export {
   DocEditorCss as default
 };

package/dist/esm/components/basic/doc-editor/themes/doc-editor.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"doc-editor.css.js","sources":["../../../../../../src/components/basic/doc-editor/themes/doc-editor.css?raw"],"sourcesContent":["export default \"html,body{\\r\\n  width:100%;\\r\\n  height:100%;\\r\\n  padding:0px;\\r\\n  margin:0px;\\r\\n  position: relative;\\r\\n  font-size: 14px;\\r\\n  color:#000;\\r\\n  overflow: hidden;\\r\\n}\\r\\nbody{\\r\\n  box-sizing: border-box;\\r\\n}\\r\\n.mk-doc-editor__stage__editable{\\r\\n  width: 100%;\\r\\n  min-height: 100%;\\r\\n  margin: auto;\\r\\n  position: relative;\\r\\n  z-index: 1;\\r\\n  padding: 10px 20px;\\r\\n  box-sizing: border-box;\\r\\n}\\r\\n.mk-doc-editor__stage__editable .mk-doc-editor-stage{\\r\\n  z-index: 1;\\r\\n  position: relative;\\r\\n  width: 100%;\\r\\n  min-height: 80%;\\r\\n  outline: 0;\\r\\n  border: 0;\\r\\n}\\r\\n.mk-doc-editor__stage__editable .mk-doc-editor__stage__placeholder{\\r\\n  position: absolute;\\r\\n  top: 10px;\\r\\n  left:20px;\\r\\n  z-index: 0;    \\r\\n  color: #ccc;\\r\\n}\\r\\n\""],"names":[],"mappings":"AAAA,MAAe,eAAA;"}
+{"version":3,"file":"doc-editor.css.js","sources":["../../../../../../src/components/basic/doc-editor/themes/doc-editor.css?raw"],"sourcesContent":["export default \"html,body{\\r\\n  width:100%;\\r\\n  height:100%;\\r\\n  padding:0px;\\r\\n  margin:0px;\\r\\n  position: relative;\\r\\n  font-size: 14px;\\r\\n  color:#000;\\r\\n  overflow: hidden;\\r\\n}\\r\\nbody{\\r\\n  box-sizing: border-box;\\r\\n}\\r\\n.mk-doc-editor__stage__editable{\\r\\n  width: 100%;\\r\\n  min-height: 100%;\\r\\n  margin: auto;\\r\\n  position: relative;\\r\\n  z-index: 1;\\r\\n  padding: 10px 20px;\\r\\n  box-sizing: border-box;\\r\\n}\\r\\n.mk-doc-editor__stage__editable .mk-doc-editor-stage{\\r\\n  z-index: 1;\\r\\n  position: relative;\\r\\n  width: 100%;\\r\\n  min-height: 80%;\\r\\n  outline: 0;\\r\\n  border: 0;\\r\\n}\\r\\n.mk-doc-editor__stage__editable .mk-doc-editor__stage__placeholder{\\r\\n  position: absolute;\\r\\n  top: 10px;\\r\\n  left:20px;\\r\\n  z-index: 0;    \\r\\n  color: #ccc;\\r\\n}\\r\\n\\r\\n\\r\\n.mk-doc-active-mark{\\r\\n  position: absolute;\\r\\n  box-sizing:border-box;\\r\\n  background-color:#2776f63b;\\r\\n  pointer-events: none;\\r\\n  z-index: 1;\\r\\n}\\r\\n\\r\\n.mk-doc-loading-mark{\\r\\n  position: absolute;\\r\\n  box-sizing:border-box;\\r\\n  background-color:#201d1dd6;\\r\\n  pointer-events: none;\\r\\n  left: 0;\\r\\n  top: 0;\\r\\n  width: 100%;\\r\\n  height: 100%;\\r\\n  z-index: 2;    \\r\\n  display: flex;\\r\\n  align-items: center;\\r\\n  align-content: center;\\r\\n  justify-content: center;\\r\\n  color: #fff;\\r\\n}\\r\\n\""],"names":[],"mappings":"AAAA,MAAe,eAAA;"}

package/dist/esm/components/basic/doc-editor/themes/doc-theme.css.js

@@ -1,4 +1,456 @@
-const DocThemeCss = "\r\n .mk-doc__ltr {\r\n  text-align: left;\r\n}\r\n.mk-doc__rtl {\r\n  text-align: right;\r\n}\r\n.mk-doc__paragraph {\r\n  margin: 0;\r\n  position: relative;\r\n}\r\n.mk-doc__quote {\r\n  margin: 0;\r\n  margin-left: 20px;\r\n  margin-bottom: 10px;\r\n  font-size: 15px;\r\n  color: rgb(101, 103, 107);\r\n  border-left-color: rgb(206, 208, 212);\r\n  border-left-width: 4px;\r\n  border-left-style: solid;\r\n  padding-left: 16px;\r\n}\r\n.mk-doc__h1 {\r\n  font-size: 2rem;\r\n  color: rgb(5, 5, 5);\r\n  font-weight: 400;\r\n  margin: 0;\r\n}\r\n.mk-doc__h2 {\r\n  font-size: 1.5rem;\r\n  color: rgb(101, 103, 107);\r\n  font-weight: 700;\r\n  margin: 0;\r\n  text-transform: uppercase;\r\n}\r\n.mk-doc__h3 {\r\n  font-size: 1.17rem;\r\n  margin: 0;\r\n  text-transform: uppercase;\r\n}\r\n.mk-doc__indent {\r\n  --lexical-indent-base-value: 40px;\r\n}\r\n.mk-doc__textBold {\r\n  font-weight: bold;\r\n}\r\n.mk-doc__textItalic {\r\n  font-style: italic;\r\n}\r\n.mk-doc__textUnderline {\r\n  text-decoration: underline;\r\n}\r\n.mk-doc__textStrikethrough {\r\n  text-decoration: line-through;\r\n}\r\n.mk-doc__textUnderlineStrikethrough {\r\n  text-decoration: underline line-through;\r\n}\r\n.mk-doc__textSubscript {\r\n  font-size: 0.8em;\r\n  vertical-align: sub !important;\r\n}\r\n.mk-doc__textSuperscript {\r\n  font-size: 0.8em;\r\n  vertical-align: super;\r\n}\r\n.mk-doc__textCode {\r\n  background-color: rgb(240, 242, 245);\r\n  padding: 1px 0.25rem;\r\n  font-family: Menlo, Consolas, Monaco, monospace;\r\n  font-size: 94%;\r\n}\r\n.mk-doc__hashtag {\r\n  background-color: rgba(88, 144, 255, 0.15);\r\n  border-bottom: 1px solid rgba(88, 144, 255, 0.3);\r\n}\r\n.mk-doc__link {\r\n  color: rgb(33, 111, 219);\r\n  text-decoration: none;\r\n}\r\n.mk-doc__link:hover {\r\n  text-decoration: underline;\r\n  cursor: pointer;\r\n}\r\n.mk-doc__code {\r\n  background-color: rgb(240, 242, 245);\r\n  font-family: Menlo, Consolas, Monaco, monospace;\r\n  display: block;\r\n  padding: 8px 8px 8px 52px;\r\n  line-height: 1.53;\r\n  font-size: 13px;\r\n  margin: 0;\r\n  margin-top: 8px;\r\n  margin-bottom: 8px;\r\n  overflow-x: auto;\r\n  position: relative;\r\n  tab-size: 2;\r\n}\r\n.mk-doc__code:before {\r\n  content: attr(data-gutter);\r\n  position: absolute;\r\n  background-color: #eee;\r\n  left: 0;\r\n  top: 0;\r\n  border-right: 1px solid #ccc;\r\n  padding: 8px;\r\n  color: #777;\r\n  white-space: pre-wrap;\r\n  text-align: right;\r\n  min-width: 25px;\r\n}\r\n.mk-doc__table {\r\n  border-collapse: collapse;\r\n  border-spacing: 0;\r\n  overflow-y: scroll;\r\n  overflow-x: scroll;\r\n  table-layout: fixed;\r\n  width: max-content;\r\n  margin: 30px 0;\r\n}\r\n.mk-doc__tableSelection *::selection {\r\n  background-color: transparent;\r\n}\r\n.mk-doc__tableSelected {\r\n  outline: 2px solid rgb(60, 132, 244);\r\n}\r\n.mk-doc__tableCell {\r\n  border: 1px solid #bbb;\r\n  width: 75px;\r\n  min-width: 75px;\r\n  vertical-align: top;\r\n  text-align: start;\r\n  padding: 6px 8px;\r\n  position: relative;\r\n  outline: none;\r\n}\r\n.mk-doc__tableCellSortedIndicator {\r\n  display: block;\r\n  opacity: 0.5;\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 4px;\r\n  background-color: #999;\r\n}\r\n.mk-doc__tableCellResizer {\r\n  position: absolute;\r\n  right: -4px;\r\n  height: 100%;\r\n  width: 8px;\r\n  cursor: ew-resize;\r\n  z-index: 10;\r\n  top: 0;\r\n}\r\n.mk-doc__tableCellHeader {\r\n  background-color: #f2f3f5;\r\n  text-align: start;\r\n}\r\n.mk-doc__tableCellSelected {\r\n  background-color: #c9dbf0;\r\n}\r\n.mk-doc__tableCellPrimarySelected {\r\n  border: 2px solid rgb(60, 132, 244);\r\n  display: block;\r\n  height: calc(100% - 2px);\r\n  position: absolute;\r\n  width: calc(100% - 2px);\r\n  left: -1px;\r\n  top: -1px;\r\n  z-index: 2;\r\n}\r\n.mk-doc__tableCellEditing {\r\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\r\n  border-radius: 3px;\r\n}\r\n.mk-doc__tableAddColumns {\r\n  position: absolute;\r\n  top: 0;\r\n  width: 20px;\r\n  background-color: #eee;\r\n  height: 100%;\r\n  right: -25px;\r\n  animation: table-controls 0.2s ease;\r\n  border: 0;\r\n  cursor: pointer;\r\n}\r\n.mk-doc__tableAddColumns:after {\r\n  background-image: url(../images/icons/plus.svg);\r\n  background-size: contain;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  display: block;\r\n  content: ' ';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0.4;\r\n}\r\n.mk-doc__tableAddColumns:hover {\r\n  background-color: #c9dbf0;\r\n}\r\n.mk-doc__tableAddRows {\r\n  position: absolute;\r\n  bottom: -25px;\r\n  width: calc(100% - 25px);\r\n  background-color: #eee;\r\n  height: 20px;\r\n  left: 0;\r\n  animation: table-controls 0.2s ease;\r\n  border: 0;\r\n  cursor: pointer;\r\n}\r\n.mk-doc__tableAddRows:after {\r\n  background-image: url(../images/icons/plus.svg);\r\n  background-size: contain;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  display: block;\r\n  content: ' ';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0.4;\r\n}\r\n.mk-doc__tableAddRows:hover {\r\n  background-color: #c9dbf0;\r\n}\r\n@keyframes table-controls {\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n.mk-doc__tableCellResizeRuler {\r\n  display: block;\r\n  position: absolute;\r\n  width: 1px;\r\n  background-color: rgb(60, 132, 244);\r\n  height: 100%;\r\n  top: 0;\r\n}\r\n.mk-doc__tableCellActionButtonContainer {\r\n  display: block;\r\n  right: 5px;\r\n  top: 6px;\r\n  position: absolute;\r\n  z-index: 4;\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n.mk-doc__tableCellActionButton {\r\n  background-color: #eee;\r\n  display: block;\r\n  border: 0;\r\n  border-radius: 20px;\r\n  width: 20px;\r\n  height: 20px;\r\n  color: #222;\r\n  cursor: pointer;\r\n}\r\n.mk-doc__tableCellActionButton:hover {\r\n  background-color: #ddd;\r\n}\r\n.mk-doc__characterLimit {\r\n  display: inline;\r\n  background-color: #ffbbbb !important;\r\n}\r\n.mk-doc__ol1 {\r\n  padding: 0;\r\n  margin: 0;\r\n  list-style-position: inside;\r\n}\r\n.mk-doc__ol2 {\r\n  padding: 0;\r\n  margin: 0;\r\n  list-style-type: upper-alpha;\r\n  list-style-position: inside;\r\n}\r\n.mk-doc__ol3 {\r\n  padding: 0;\r\n  margin: 0;\r\n  list-style-type: lower-alpha;\r\n  list-style-position: inside;\r\n}\r\n.mk-doc__ol4 {\r\n  padding: 0;\r\n  margin: 0;\r\n  list-style-type: upper-roman;\r\n  list-style-position: inside;\r\n}\r\n.mk-doc__ol5 {\r\n  padding: 0;\r\n  margin: 0;\r\n  list-style-type: lower-roman;\r\n  list-style-position: inside;\r\n}\r\n.mk-doc__ul {\r\n  padding: 0;\r\n  margin: 0;\r\n  list-style-position: inside;\r\n}\r\n.mk-doc__listItem {\r\n  margin: 0 32px;\r\n}\r\n.mk-doc__listItemChecked,\r\n.mk-doc__listItemUnchecked {\r\n  position: relative;\r\n  margin-left: 8px;\r\n  margin-right: 8px;\r\n  padding-left: 24px;\r\n  padding-right: 24px;\r\n  list-style-type: none;\r\n  outline: none;\r\n}\r\n.mk-doc__listItemChecked {\r\n  text-decoration: line-through;\r\n}\r\n.mk-doc__listItemUnchecked:before,\r\n.mk-doc__listItemChecked:before {\r\n  content: '';\r\n  width: 16px;\r\n  height: 16px;\r\n  top: 2px;\r\n  left: 0;\r\n  cursor: pointer;\r\n  display: block;\r\n  background-size: cover;\r\n  position: absolute;\r\n}\r\n.mk-doc__listItemUnchecked[dir='rtl']:before,\r\n.mk-doc__listItemChecked[dir='rtl']:before {\r\n  left: auto;\r\n  right: 0;\r\n}\r\n.mk-doc__listItemUnchecked:focus:before,\r\n.mk-doc__listItemChecked:focus:before {\r\n  box-shadow: 0 0 0 2px #a6cdfe;\r\n  border-radius: 2px;\r\n}\r\n.mk-doc__listItemUnchecked:before {\r\n  border: 1px solid #999;\r\n  border-radius: 2px;\r\n}\r\n.mk-doc__listItemChecked:before {\r\n  border: 1px solid rgb(61, 135, 245);\r\n  border-radius: 2px;\r\n  background-color: #3d87f5;\r\n  background-repeat: no-repeat;\r\n}\r\n.mk-doc__listItemChecked:after {\r\n  content: '';\r\n  cursor: pointer;\r\n  border-color: #fff;\r\n  border-style: solid;\r\n  position: absolute;\r\n  display: block;\r\n  top: 6px;\r\n  width: 3px;\r\n  left: 7px;\r\n  right: 7px;\r\n  height: 6px;\r\n  transform: rotate(45deg);\r\n  border-width: 0 2px 2px 0;\r\n}\r\n.mk-doc__nestedListItem {\r\n  list-style-type: none;\r\n}\r\n.mk-doc__nestedListItem:before,\r\n.mk-doc__nestedListItem:after {\r\n  display: none;\r\n}\r\n.mk-doc__tokenComment {\r\n  color: slategray;\r\n}\r\n.mk-doc__tokenPunctuation {\r\n  color: #999;\r\n}\r\n.mk-doc__tokenProperty {\r\n  color: #905;\r\n}\r\n.mk-doc__tokenSelector {\r\n  color: #690;\r\n}\r\n.mk-doc__tokenOperator {\r\n  color: #9a6e3a;\r\n}\r\n.mk-doc__tokenAttr {\r\n  color: #07a;\r\n}\r\n.mk-doc__tokenVariable {\r\n  color: #e90;\r\n}\r\n.mk-doc__tokenFunction {\r\n  color: #dd4a68;\r\n}\r\n.mk-doc__mark {\r\n  background: rgba(255, 212, 0, 0.14);\r\n  border-bottom: 2px solid rgba(255, 212, 0, 0.3);\r\n  padding-bottom: 2px;\r\n}\r\n.mk-doc__markOverlap {\r\n  background: rgba(255, 212, 0, 0.3);\r\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\r\n}\r\n.mk-doc__mark.selected {\r\n  background: rgba(255, 212, 0, 0.5);\r\n  border-bottom: 2px solid rgba(255, 212, 0, 1);\r\n}\r\n.mk-doc__markOverlap.selected {\r\n  background: rgba(255, 212, 0, 0.7);\r\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\r\n}\r\n.mk-doc__embedBlock {\r\n  user-select: none;\r\n}\r\n.mk-doc__embedBlockFocus {\r\n  outline: 2px solid rgb(60, 132, 244);\r\n}\r\n.mk-doc__layoutContainer {\r\n  display: grid;\r\n  gap: 10px;\r\n  margin: 10px 0;\r\n}\r\n.mk-doc__layoutItem {\r\n  border: 1px dashed #ddd;\r\n  padding: 8px 16px;\r\n}\r\n";
+const DocThemeCss = `\r
+ .mk-doc__ltr {\r
+  text-align: left;\r
+}\r
+.mk-doc__rtl {\r
+  text-align: right;\r
+}\r
+.mk-doc__paragraph {\r
+  margin: 0;\r
+  position: relative;\r
+  line-height: 2em;\r
+}\r
+.mk-doc__quote {\r
+  margin: 0;\r
+  margin-left: 20px;\r
+  margin-bottom: 10px;\r
+  font-size: 15px;\r
+  color: rgb(101, 103, 107);\r
+  border-left-color: rgb(206, 208, 212);\r
+  border-left-width: 4px;\r
+  border-left-style: solid;\r
+  padding-left: 16px;\r
+}\r
+.mk-doc__quote .mk-doc__paragraph {\r
+  text-indent: 0;\r
+\r
+}\r
+.mk-doc__h1 {\r
+  font-size: 2rem;\r
+  color: rgb(5, 5, 5);\r
+  font-weight: 400;\r
+  margin: 0;\r
+}\r
+.mk-doc__h2 {\r
+  font-size: 1.5rem;\r
+  color: rgb(101, 103, 107);\r
+  font-weight: 700;\r
+  margin: 0;\r
+  text-transform: uppercase;\r
+}\r
+.mk-doc__h3 {\r
+  font-size: 1.17rem;\r
+  margin: 0;\r
+  text-transform: uppercase;\r
+}\r
+.mk-doc__indent {\r
+  --lexical-indent-base-value: 40px;\r
+}\r
+.mk-doc__textBold {\r
+  font-weight: bold;\r
+}\r
+.mk-doc__textItalic {\r
+  font-style: italic;\r
+}\r
+.mk-doc__textUnderline {\r
+  text-decoration: underline;\r
+}\r
+.mk-doc__textStrikethrough {\r
+  text-decoration: line-through;\r
+}\r
+.mk-doc__textUnderlineStrikethrough {\r
+  text-decoration: underline line-through;\r
+}\r
+.mk-doc__textSubscript {\r
+  font-size: 0.8em;\r
+  vertical-align: sub !important;\r
+}\r
+.mk-doc__textSuperscript {\r
+  font-size: 0.8em;\r
+  vertical-align: super;\r
+}\r
+.mk-doc__textCode {\r
+  background-color: rgb(240, 242, 245);\r
+  padding: 1px 0.25rem;\r
+  font-family: Menlo, Consolas, Monaco, monospace;\r
+  font-size: 94%;\r
+}\r
+.mk-doc__hashtag {\r
+  background-color: rgba(88, 144, 255, 0.15);\r
+  border-bottom: 1px solid rgba(88, 144, 255, 0.3);\r
+}\r
+.mk-doc__link {\r
+  color: rgb(33, 111, 219);\r
+  text-decoration: none;\r
+}\r
+.mk-doc__link:hover {\r
+  text-decoration: underline;\r
+  cursor: pointer;\r
+}\r
+.mk-doc__code {\r
+  background-color: rgb(240, 242, 245);\r
+  font-family: Menlo, Consolas, Monaco, monospace;\r
+  display: block;\r
+  padding: 8px 8px 8px 52px;\r
+  line-height: 1.53;\r
+  font-size: 13px;\r
+  margin: 0;\r
+  margin-top: 8px;\r
+  margin-bottom: 8px;\r
+  overflow-x: auto;\r
+  position: relative;\r
+  tab-size: 2;\r
+}\r
+.mk-doc__code:before {\r
+  content: attr(data-gutter);\r
+  position: absolute;\r
+  background-color: #eee;\r
+  left: 0;\r
+  top: 0;\r
+  border-right: 1px solid #ccc;\r
+  padding: 8px;\r
+  color: #777;\r
+  white-space: pre-wrap;\r
+  text-align: right;\r
+  min-width: 25px;\r
+}\r
+.mk-doc__table {\r
+  border-collapse: collapse;\r
+  border-spacing: 0;\r
+  overflow-y: scroll;\r
+  overflow-x: scroll;\r
+  table-layout: fixed;\r
+  width: max-content;\r
+  margin: 30px 0;\r
+}\r
+.mk-doc__tableSelection *::selection {\r
+  background-color: transparent;\r
+}\r
+.mk-doc__tableSelected {\r
+  outline: 2px solid rgb(60, 132, 244);\r
+}\r
+.mk-doc__tableCell {\r
+  border: 1px solid #bbb;\r
+  width: 75px;\r
+  min-width: 75px;\r
+  vertical-align: top;\r
+  text-align: start;\r
+  padding: 6px 8px;\r
+  position: relative;\r
+  outline: none;\r
+}\r
+.mk-doc__tableCellSortedIndicator {\r
+  display: block;\r
+  opacity: 0.5;\r
+  position: absolute;\r
+  bottom: 0;\r
+  left: 0;\r
+  width: 100%;\r
+  height: 4px;\r
+  background-color: #999;\r
+}\r
+.mk-doc__tableCellResizer {\r
+  position: absolute;\r
+  right: -4px;\r
+  height: 100%;\r
+  width: 8px;\r
+  cursor: ew-resize;\r
+  z-index: 10;\r
+  top: 0;\r
+}\r
+.mk-doc__tableCellHeader {\r
+  background-color: #f2f3f5;\r
+  text-align: start;\r
+}\r
+.mk-doc__tableCellSelected {\r
+  background-color: #c9dbf0;\r
+}\r
+.mk-doc__tableCellPrimarySelected {\r
+  border: 2px solid rgb(60, 132, 244);\r
+  display: block;\r
+  height: calc(100% - 2px);\r
+  position: absolute;\r
+  width: calc(100% - 2px);\r
+  left: -1px;\r
+  top: -1px;\r
+  z-index: 2;\r
+}\r
+.mk-doc__tableCellEditing {\r
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\r
+  border-radius: 3px;\r
+}\r
+.mk-doc__tableAddColumns {\r
+  position: absolute;\r
+  top: 0;\r
+  width: 20px;\r
+  background-color: #eee;\r
+  height: 100%;\r
+  right: -25px;\r
+  animation: table-controls 0.2s ease;\r
+  border: 0;\r
+  cursor: pointer;\r
+}\r
+.mk-doc__tableAddColumns:after {\r
+  background-image: url(../images/icons/plus.svg);\r
+  background-size: contain;\r
+  background-position: center;\r
+  background-repeat: no-repeat;\r
+  display: block;\r
+  content: ' ';\r
+  position: absolute;\r
+  top: 0;\r
+  left: 0;\r
+  width: 100%;\r
+  height: 100%;\r
+  opacity: 0.4;\r
+}\r
+.mk-doc__tableAddColumns:hover {\r
+  background-color: #c9dbf0;\r
+}\r
+.mk-doc__tableAddRows {\r
+  position: absolute;\r
+  bottom: -25px;\r
+  width: calc(100% - 25px);\r
+  background-color: #eee;\r
+  height: 20px;\r
+  left: 0;\r
+  animation: table-controls 0.2s ease;\r
+  border: 0;\r
+  cursor: pointer;\r
+}\r
+.mk-doc__tableAddRows:after {\r
+  background-image: url(../images/icons/plus.svg);\r
+  background-size: contain;\r
+  background-position: center;\r
+  background-repeat: no-repeat;\r
+  display: block;\r
+  content: ' ';\r
+  position: absolute;\r
+  top: 0;\r
+  left: 0;\r
+  width: 100%;\r
+  height: 100%;\r
+  opacity: 0.4;\r
+}\r
+.mk-doc__tableAddRows:hover {\r
+  background-color: #c9dbf0;\r
+}\r
+@keyframes table-controls {\r
+  0% {\r
+    opacity: 0;\r
+  }\r
+  100% {\r
+    opacity: 1;\r
+  }\r
+}\r
+.mk-doc__tableCellResizeRuler {\r
+  display: block;\r
+  position: absolute;\r
+  width: 1px;\r
+  background-color: rgb(60, 132, 244);\r
+  height: 100%;\r
+  top: 0;\r
+}\r
+.mk-doc__tableCellActionButtonContainer {\r
+  display: block;\r
+  right: 5px;\r
+  top: 6px;\r
+  position: absolute;\r
+  z-index: 4;\r
+  width: 20px;\r
+  height: 20px;\r
+}\r
+.mk-doc__tableCellActionButton {\r
+  background-color: #eee;\r
+  display: block;\r
+  border: 0;\r
+  border-radius: 20px;\r
+  width: 20px;\r
+  height: 20px;\r
+  color: #222;\r
+  cursor: pointer;\r
+}\r
+.mk-doc__tableCellActionButton:hover {\r
+  background-color: #ddd;\r
+}\r
+.mk-doc__characterLimit {\r
+  display: inline;\r
+  background-color: #ffbbbb !important;\r
+}\r
+.mk-doc__ol1 {\r
+  padding: 0;\r
+  margin: 0;\r
+  list-style-position: inside;\r
+}\r
+.mk-doc__ol2 {\r
+  padding: 0;\r
+  margin: 0;\r
+  list-style-type: upper-alpha;\r
+  list-style-position: inside;\r
+}\r
+.mk-doc__ol3 {\r
+  padding: 0;\r
+  margin: 0;\r
+  list-style-type: lower-alpha;\r
+  list-style-position: inside;\r
+}\r
+.mk-doc__ol4 {\r
+  padding: 0;\r
+  margin: 0;\r
+  list-style-type: upper-roman;\r
+  list-style-position: inside;\r
+}\r
+.mk-doc__ol5 {\r
+  padding: 0;\r
+  margin: 0;\r
+  list-style-type: lower-roman;\r
+  list-style-position: inside;\r
+}\r
+.mk-doc__ul {\r
+  padding: 0;\r
+  margin: 0;\r
+  list-style-position: inside;\r
+}\r
+.mk-doc__listItem {\r
+  margin: 0 32px;\r
+}\r
+.mk-doc__listItemChecked,\r
+.mk-doc__listItemUnchecked {\r
+  position: relative;\r
+  margin-left: 8px;\r
+  margin-right: 8px;\r
+  padding-left: 24px;\r
+  padding-right: 24px;\r
+  list-style-type: none;\r
+  outline: none;\r
+}\r
+.mk-doc__listItemChecked {\r
+  text-decoration: line-through;\r
+}\r
+.mk-doc__listItemUnchecked:before,\r
+.mk-doc__listItemChecked:before {\r
+  content: '';\r
+  width: 16px;\r
+  height: 16px;\r
+  top: 2px;\r
+  left: 0;\r
+  cursor: pointer;\r
+  display: block;\r
+  background-size: cover;\r
+  position: absolute;\r
+}\r
+.mk-doc__listItemUnchecked[dir='rtl']:before,\r
+.mk-doc__listItemChecked[dir='rtl']:before {\r
+  left: auto;\r
+  right: 0;\r
+}\r
+.mk-doc__listItemUnchecked:focus:before,\r
+.mk-doc__listItemChecked:focus:before {\r
+  box-shadow: 0 0 0 2px #a6cdfe;\r
+  border-radius: 2px;\r
+}\r
+.mk-doc__listItemUnchecked:before {\r
+  border: 1px solid #999;\r
+  border-radius: 2px;\r
+}\r
+.mk-doc__listItemChecked:before {\r
+  border: 1px solid rgb(61, 135, 245);\r
+  border-radius: 2px;\r
+  background-color: #3d87f5;\r
+  background-repeat: no-repeat;\r
+}\r
+.mk-doc__listItemChecked:after {\r
+  content: '';\r
+  cursor: pointer;\r
+  border-color: #fff;\r
+  border-style: solid;\r
+  position: absolute;\r
+  display: block;\r
+  top: 6px;\r
+  width: 3px;\r
+  left: 7px;\r
+  right: 7px;\r
+  height: 6px;\r
+  transform: rotate(45deg);\r
+  border-width: 0 2px 2px 0;\r
+}\r
+.mk-doc__nestedListItem {\r
+  list-style-type: none;\r
+}\r
+.mk-doc__nestedListItem:before,\r
+.mk-doc__nestedListItem:after {\r
+  display: none;\r
+}\r
+.mk-doc__tokenComment {\r
+  color: slategray;\r
+}\r
+.mk-doc__tokenPunctuation {\r
+  color: #999;\r
+}\r
+.mk-doc__tokenProperty {\r
+  color: #905;\r
+}\r
+.mk-doc__tokenSelector {\r
+  color: #690;\r
+}\r
+.mk-doc__tokenOperator {\r
+  color: #9a6e3a;\r
+}\r
+.mk-doc__tokenAttr {\r
+  color: #07a;\r
+}\r
+.mk-doc__tokenVariable {\r
+  color: #e90;\r
+}\r
+.mk-doc__tokenFunction {\r
+  color: #dd4a68;\r
+}\r
+.mk-doc__mark {\r
+  background: rgba(255, 212, 0, 0.14);\r
+  border-bottom: 2px solid rgba(255, 212, 0, 0.3);\r
+  padding-bottom: 2px;\r
+}\r
+.mk-doc__markOverlap {\r
+  background: rgba(255, 212, 0, 0.3);\r
+  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\r
+}\r
+.mk-doc__mark.selected {\r
+  background: rgba(255, 212, 0, 0.5);\r
+  border-bottom: 2px solid rgba(255, 212, 0, 1);\r
+}\r
+.mk-doc__markOverlap.selected {\r
+  background: rgba(255, 212, 0, 0.7);\r
+  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\r
+}\r
+.mk-doc__embedBlock {\r
+  user-select: none;\r
+  position: relative;\r
+  z-index: 1;\r
+}\r
+.mk-doc__embedBlockFocus {\r
+  outline: 2px solid rgb(60, 132, 244);\r
+}\r
+.mk-doc__layoutContainer {\r
+  display: grid;\r
+  gap: 10px;\r
+  margin: 10px 0;\r
+}\r
+.mk-doc__layoutItem {\r
+  border: 1px dashed #ddd;\r
+  padding: 8px 16px;\r
+}\r
+\r
+/* block结构 */\r
+.mk-doc-block{\r
+  position: relative;\r
+}\r
+.mk-doc-block.mk-doc-block-image-text::after{\r
+  content: ".";\r
+  font-size: 0;\r
+  clear: both;\r
+  display: block;\r
+}\r
+`;
 export {
   DocThemeCss as default
 };

package/dist/esm/components/basic/doc-editor/themes/doc-theme.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"doc-theme.css.js","sources":["../../../../../../src/components/basic/doc-editor/themes/doc-theme.css?raw"],"sourcesContent":["export default \"\\r\\n .mk-doc__ltr {\\r\\n  text-align: left;\\r\\n}\\r\\n.mk-doc__rtl {\\r\\n  text-align: right;\\r\\n}\\r\\n.mk-doc__paragraph {\\r\\n  margin: 0;\\r\\n  position: relative;\\r\\n}\\r\\n.mk-doc__quote {\\r\\n  margin: 0;\\r\\n  margin-left: 20px;\\r\\n  margin-bottom: 10px;\\r\\n  font-size: 15px;\\r\\n  color: rgb(101, 103, 107);\\r\\n  border-left-color: rgb(206, 208, 212);\\r\\n  border-left-width: 4px;\\r\\n  border-left-style: solid;\\r\\n  padding-left: 16px;\\r\\n}\\r\\n.mk-doc__h1 {\\r\\n  font-size: 2rem;\\r\\n  color: rgb(5, 5, 5);\\r\\n  font-weight: 400;\\r\\n  margin: 0;\\r\\n}\\r\\n.mk-doc__h2 {\\r\\n  font-size: 1.5rem;\\r\\n  color: rgb(101, 103, 107);\\r\\n  font-weight: 700;\\r\\n  margin: 0;\\r\\n  text-transform: uppercase;\\r\\n}\\r\\n.mk-doc__h3 {\\r\\n  font-size: 1.17rem;\\r\\n  margin: 0;\\r\\n  text-transform: uppercase;\\r\\n}\\r\\n.mk-doc__indent {\\r\\n  --lexical-indent-base-value: 40px;\\r\\n}\\r\\n.mk-doc__textBold {\\r\\n  font-weight: bold;\\r\\n}\\r\\n.mk-doc__textItalic {\\r\\n  font-style: italic;\\r\\n}\\r\\n.mk-doc__textUnderline {\\r\\n  text-decoration: underline;\\r\\n}\\r\\n.mk-doc__textStrikethrough {\\r\\n  text-decoration: line-through;\\r\\n}\\r\\n.mk-doc__textUnderlineStrikethrough {\\r\\n  text-decoration: underline line-through;\\r\\n}\\r\\n.mk-doc__textSubscript {\\r\\n  font-size: 0.8em;\\r\\n  vertical-align: sub !important;\\r\\n}\\r\\n.mk-doc__textSuperscript {\\r\\n  font-size: 0.8em;\\r\\n  vertical-align: super;\\r\\n}\\r\\n.mk-doc__textCode {\\r\\n  background-color: rgb(240, 242, 245);\\r\\n  padding: 1px 0.25rem;\\r\\n  font-family: Menlo, Consolas, Monaco, monospace;\\r\\n  font-size: 94%;\\r\\n}\\r\\n.mk-doc__hashtag {\\r\\n  background-color: rgba(88, 144, 255, 0.15);\\r\\n  border-bottom: 1px solid rgba(88, 144, 255, 0.3);\\r\\n}\\r\\n.mk-doc__link {\\r\\n  color: rgb(33, 111, 219);\\r\\n  text-decoration: none;\\r\\n}\\r\\n.mk-doc__link:hover {\\r\\n  text-decoration: underline;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__code {\\r\\n  background-color: rgb(240, 242, 245);\\r\\n  font-family: Menlo, Consolas, Monaco, monospace;\\r\\n  display: block;\\r\\n  padding: 8px 8px 8px 52px;\\r\\n  line-height: 1.53;\\r\\n  font-size: 13px;\\r\\n  margin: 0;\\r\\n  margin-top: 8px;\\r\\n  margin-bottom: 8px;\\r\\n  overflow-x: auto;\\r\\n  position: relative;\\r\\n  tab-size: 2;\\r\\n}\\r\\n.mk-doc__code:before {\\r\\n  content: attr(data-gutter);\\r\\n  position: absolute;\\r\\n  background-color: #eee;\\r\\n  left: 0;\\r\\n  top: 0;\\r\\n  border-right: 1px solid #ccc;\\r\\n  padding: 8px;\\r\\n  color: #777;\\r\\n  white-space: pre-wrap;\\r\\n  text-align: right;\\r\\n  min-width: 25px;\\r\\n}\\r\\n.mk-doc__table {\\r\\n  border-collapse: collapse;\\r\\n  border-spacing: 0;\\r\\n  overflow-y: scroll;\\r\\n  overflow-x: scroll;\\r\\n  table-layout: fixed;\\r\\n  width: max-content;\\r\\n  margin: 30px 0;\\r\\n}\\r\\n.mk-doc__tableSelection *::selection {\\r\\n  background-color: transparent;\\r\\n}\\r\\n.mk-doc__tableSelected {\\r\\n  outline: 2px solid rgb(60, 132, 244);\\r\\n}\\r\\n.mk-doc__tableCell {\\r\\n  border: 1px solid #bbb;\\r\\n  width: 75px;\\r\\n  min-width: 75px;\\r\\n  vertical-align: top;\\r\\n  text-align: start;\\r\\n  padding: 6px 8px;\\r\\n  position: relative;\\r\\n  outline: none;\\r\\n}\\r\\n.mk-doc__tableCellSortedIndicator {\\r\\n  display: block;\\r\\n  opacity: 0.5;\\r\\n  position: absolute;\\r\\n  bottom: 0;\\r\\n  left: 0;\\r\\n  width: 100%;\\r\\n  height: 4px;\\r\\n  background-color: #999;\\r\\n}\\r\\n.mk-doc__tableCellResizer {\\r\\n  position: absolute;\\r\\n  right: -4px;\\r\\n  height: 100%;\\r\\n  width: 8px;\\r\\n  cursor: ew-resize;\\r\\n  z-index: 10;\\r\\n  top: 0;\\r\\n}\\r\\n.mk-doc__tableCellHeader {\\r\\n  background-color: #f2f3f5;\\r\\n  text-align: start;\\r\\n}\\r\\n.mk-doc__tableCellSelected {\\r\\n  background-color: #c9dbf0;\\r\\n}\\r\\n.mk-doc__tableCellPrimarySelected {\\r\\n  border: 2px solid rgb(60, 132, 244);\\r\\n  display: block;\\r\\n  height: calc(100% - 2px);\\r\\n  position: absolute;\\r\\n  width: calc(100% - 2px);\\r\\n  left: -1px;\\r\\n  top: -1px;\\r\\n  z-index: 2;\\r\\n}\\r\\n.mk-doc__tableCellEditing {\\r\\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\\r\\n  border-radius: 3px;\\r\\n}\\r\\n.mk-doc__tableAddColumns {\\r\\n  position: absolute;\\r\\n  top: 0;\\r\\n  width: 20px;\\r\\n  background-color: #eee;\\r\\n  height: 100%;\\r\\n  right: -25px;\\r\\n  animation: table-controls 0.2s ease;\\r\\n  border: 0;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableAddColumns:after {\\r\\n  background-image: url(../images/icons/plus.svg);\\r\\n  background-size: contain;\\r\\n  background-position: center;\\r\\n  background-repeat: no-repeat;\\r\\n  display: block;\\r\\n  content: ' ';\\r\\n  position: absolute;\\r\\n  top: 0;\\r\\n  left: 0;\\r\\n  width: 100%;\\r\\n  height: 100%;\\r\\n  opacity: 0.4;\\r\\n}\\r\\n.mk-doc__tableAddColumns:hover {\\r\\n  background-color: #c9dbf0;\\r\\n}\\r\\n.mk-doc__tableAddRows {\\r\\n  position: absolute;\\r\\n  bottom: -25px;\\r\\n  width: calc(100% - 25px);\\r\\n  background-color: #eee;\\r\\n  height: 20px;\\r\\n  left: 0;\\r\\n  animation: table-controls 0.2s ease;\\r\\n  border: 0;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableAddRows:after {\\r\\n  background-image: url(../images/icons/plus.svg);\\r\\n  background-size: contain;\\r\\n  background-position: center;\\r\\n  background-repeat: no-repeat;\\r\\n  display: block;\\r\\n  content: ' ';\\r\\n  position: absolute;\\r\\n  top: 0;\\r\\n  left: 0;\\r\\n  width: 100%;\\r\\n  height: 100%;\\r\\n  opacity: 0.4;\\r\\n}\\r\\n.mk-doc__tableAddRows:hover {\\r\\n  background-color: #c9dbf0;\\r\\n}\\r\\n@keyframes table-controls {\\r\\n  0% {\\r\\n    opacity: 0;\\r\\n  }\\r\\n  100% {\\r\\n    opacity: 1;\\r\\n  }\\r\\n}\\r\\n.mk-doc__tableCellResizeRuler {\\r\\n  display: block;\\r\\n  position: absolute;\\r\\n  width: 1px;\\r\\n  background-color: rgb(60, 132, 244);\\r\\n  height: 100%;\\r\\n  top: 0;\\r\\n}\\r\\n.mk-doc__tableCellActionButtonContainer {\\r\\n  display: block;\\r\\n  right: 5px;\\r\\n  top: 6px;\\r\\n  position: absolute;\\r\\n  z-index: 4;\\r\\n  width: 20px;\\r\\n  height: 20px;\\r\\n}\\r\\n.mk-doc__tableCellActionButton {\\r\\n  background-color: #eee;\\r\\n  display: block;\\r\\n  border: 0;\\r\\n  border-radius: 20px;\\r\\n  width: 20px;\\r\\n  height: 20px;\\r\\n  color: #222;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableCellActionButton:hover {\\r\\n  background-color: #ddd;\\r\\n}\\r\\n.mk-doc__characterLimit {\\r\\n  display: inline;\\r\\n  background-color: #ffbbbb !important;\\r\\n}\\r\\n.mk-doc__ol1 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ol2 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-type: upper-alpha;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ol3 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-type: lower-alpha;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ol4 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-type: upper-roman;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ol5 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-type: lower-roman;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ul {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__listItem {\\r\\n  margin: 0 32px;\\r\\n}\\r\\n.mk-doc__listItemChecked,\\r\\n.mk-doc__listItemUnchecked {\\r\\n  position: relative;\\r\\n  margin-left: 8px;\\r\\n  margin-right: 8px;\\r\\n  padding-left: 24px;\\r\\n  padding-right: 24px;\\r\\n  list-style-type: none;\\r\\n  outline: none;\\r\\n}\\r\\n.mk-doc__listItemChecked {\\r\\n  text-decoration: line-through;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:before,\\r\\n.mk-doc__listItemChecked:before {\\r\\n  content: '';\\r\\n  width: 16px;\\r\\n  height: 16px;\\r\\n  top: 2px;\\r\\n  left: 0;\\r\\n  cursor: pointer;\\r\\n  display: block;\\r\\n  background-size: cover;\\r\\n  position: absolute;\\r\\n}\\r\\n.mk-doc__listItemUnchecked[dir='rtl']:before,\\r\\n.mk-doc__listItemChecked[dir='rtl']:before {\\r\\n  left: auto;\\r\\n  right: 0;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:focus:before,\\r\\n.mk-doc__listItemChecked:focus:before {\\r\\n  box-shadow: 0 0 0 2px #a6cdfe;\\r\\n  border-radius: 2px;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:before {\\r\\n  border: 1px solid #999;\\r\\n  border-radius: 2px;\\r\\n}\\r\\n.mk-doc__listItemChecked:before {\\r\\n  border: 1px solid rgb(61, 135, 245);\\r\\n  border-radius: 2px;\\r\\n  background-color: #3d87f5;\\r\\n  background-repeat: no-repeat;\\r\\n}\\r\\n.mk-doc__listItemChecked:after {\\r\\n  content: '';\\r\\n  cursor: pointer;\\r\\n  border-color: #fff;\\r\\n  border-style: solid;\\r\\n  position: absolute;\\r\\n  display: block;\\r\\n  top: 6px;\\r\\n  width: 3px;\\r\\n  left: 7px;\\r\\n  right: 7px;\\r\\n  height: 6px;\\r\\n  transform: rotate(45deg);\\r\\n  border-width: 0 2px 2px 0;\\r\\n}\\r\\n.mk-doc__nestedListItem {\\r\\n  list-style-type: none;\\r\\n}\\r\\n.mk-doc__nestedListItem:before,\\r\\n.mk-doc__nestedListItem:after {\\r\\n  display: none;\\r\\n}\\r\\n.mk-doc__tokenComment {\\r\\n  color: slategray;\\r\\n}\\r\\n.mk-doc__tokenPunctuation {\\r\\n  color: #999;\\r\\n}\\r\\n.mk-doc__tokenProperty {\\r\\n  color: #905;\\r\\n}\\r\\n.mk-doc__tokenSelector {\\r\\n  color: #690;\\r\\n}\\r\\n.mk-doc__tokenOperator {\\r\\n  color: #9a6e3a;\\r\\n}\\r\\n.mk-doc__tokenAttr {\\r\\n  color: #07a;\\r\\n}\\r\\n.mk-doc__tokenVariable {\\r\\n  color: #e90;\\r\\n}\\r\\n.mk-doc__tokenFunction {\\r\\n  color: #dd4a68;\\r\\n}\\r\\n.mk-doc__mark {\\r\\n  background: rgba(255, 212, 0, 0.14);\\r\\n  border-bottom: 2px solid rgba(255, 212, 0, 0.3);\\r\\n  padding-bottom: 2px;\\r\\n}\\r\\n.mk-doc__markOverlap {\\r\\n  background: rgba(255, 212, 0, 0.3);\\r\\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\\r\\n}\\r\\n.mk-doc__mark.selected {\\r\\n  background: rgba(255, 212, 0, 0.5);\\r\\n  border-bottom: 2px solid rgba(255, 212, 0, 1);\\r\\n}\\r\\n.mk-doc__markOverlap.selected {\\r\\n  background: rgba(255, 212, 0, 0.7);\\r\\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\\r\\n}\\r\\n.mk-doc__embedBlock {\\r\\n  user-select: none;\\r\\n}\\r\\n.mk-doc__embedBlockFocus {\\r\\n  outline: 2px solid rgb(60, 132, 244);\\r\\n}\\r\\n.mk-doc__layoutContainer {\\r\\n  display: grid;\\r\\n  gap: 10px;\\r\\n  margin: 10px 0;\\r\\n}\\r\\n.mk-doc__layoutItem {\\r\\n  border: 1px dashed #ddd;\\r\\n  padding: 8px 16px;\\r\\n}\\r\\n\""],"names":[],"mappings":"AAAA,MAAe,cAAA;"}
+{"version":3,"file":"doc-theme.css.js","sources":["../../../../../../src/components/basic/doc-editor/themes/doc-theme.css?raw"],"sourcesContent":["export default \"\\r\\n .mk-doc__ltr {\\r\\n  text-align: left;\\r\\n}\\r\\n.mk-doc__rtl {\\r\\n  text-align: right;\\r\\n}\\r\\n.mk-doc__paragraph {\\r\\n  margin: 0;\\r\\n  position: relative;\\r\\n  line-height: 2em;\\r\\n}\\r\\n.mk-doc__quote {\\r\\n  margin: 0;\\r\\n  margin-left: 20px;\\r\\n  margin-bottom: 10px;\\r\\n  font-size: 15px;\\r\\n  color: rgb(101, 103, 107);\\r\\n  border-left-color: rgb(206, 208, 212);\\r\\n  border-left-width: 4px;\\r\\n  border-left-style: solid;\\r\\n  padding-left: 16px;\\r\\n}\\r\\n.mk-doc__quote .mk-doc__paragraph {\\r\\n  text-indent: 0;\\r\\n\\r\\n}\\r\\n.mk-doc__h1 {\\r\\n  font-size: 2rem;\\r\\n  color: rgb(5, 5, 5);\\r\\n  font-weight: 400;\\r\\n  margin: 0;\\r\\n}\\r\\n.mk-doc__h2 {\\r\\n  font-size: 1.5rem;\\r\\n  color: rgb(101, 103, 107);\\r\\n  font-weight: 700;\\r\\n  margin: 0;\\r\\n  text-transform: uppercase;\\r\\n}\\r\\n.mk-doc__h3 {\\r\\n  font-size: 1.17rem;\\r\\n  margin: 0;\\r\\n  text-transform: uppercase;\\r\\n}\\r\\n.mk-doc__indent {\\r\\n  --lexical-indent-base-value: 40px;\\r\\n}\\r\\n.mk-doc__textBold {\\r\\n  font-weight: bold;\\r\\n}\\r\\n.mk-doc__textItalic {\\r\\n  font-style: italic;\\r\\n}\\r\\n.mk-doc__textUnderline {\\r\\n  text-decoration: underline;\\r\\n}\\r\\n.mk-doc__textStrikethrough {\\r\\n  text-decoration: line-through;\\r\\n}\\r\\n.mk-doc__textUnderlineStrikethrough {\\r\\n  text-decoration: underline line-through;\\r\\n}\\r\\n.mk-doc__textSubscript {\\r\\n  font-size: 0.8em;\\r\\n  vertical-align: sub !important;\\r\\n}\\r\\n.mk-doc__textSuperscript {\\r\\n  font-size: 0.8em;\\r\\n  vertical-align: super;\\r\\n}\\r\\n.mk-doc__textCode {\\r\\n  background-color: rgb(240, 242, 245);\\r\\n  padding: 1px 0.25rem;\\r\\n  font-family: Menlo, Consolas, Monaco, monospace;\\r\\n  font-size: 94%;\\r\\n}\\r\\n.mk-doc__hashtag {\\r\\n  background-color: rgba(88, 144, 255, 0.15);\\r\\n  border-bottom: 1px solid rgba(88, 144, 255, 0.3);\\r\\n}\\r\\n.mk-doc__link {\\r\\n  color: rgb(33, 111, 219);\\r\\n  text-decoration: none;\\r\\n}\\r\\n.mk-doc__link:hover {\\r\\n  text-decoration: underline;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__code {\\r\\n  background-color: rgb(240, 242, 245);\\r\\n  font-family: Menlo, Consolas, Monaco, monospace;\\r\\n  display: block;\\r\\n  padding: 8px 8px 8px 52px;\\r\\n  line-height: 1.53;\\r\\n  font-size: 13px;\\r\\n  margin: 0;\\r\\n  margin-top: 8px;\\r\\n  margin-bottom: 8px;\\r\\n  overflow-x: auto;\\r\\n  position: relative;\\r\\n  tab-size: 2;\\r\\n}\\r\\n.mk-doc__code:before {\\r\\n  content: attr(data-gutter);\\r\\n  position: absolute;\\r\\n  background-color: #eee;\\r\\n  left: 0;\\r\\n  top: 0;\\r\\n  border-right: 1px solid #ccc;\\r\\n  padding: 8px;\\r\\n  color: #777;\\r\\n  white-space: pre-wrap;\\r\\n  text-align: right;\\r\\n  min-width: 25px;\\r\\n}\\r\\n.mk-doc__table {\\r\\n  border-collapse: collapse;\\r\\n  border-spacing: 0;\\r\\n  overflow-y: scroll;\\r\\n  overflow-x: scroll;\\r\\n  table-layout: fixed;\\r\\n  width: max-content;\\r\\n  margin: 30px 0;\\r\\n}\\r\\n.mk-doc__tableSelection *::selection {\\r\\n  background-color: transparent;\\r\\n}\\r\\n.mk-doc__tableSelected {\\r\\n  outline: 2px solid rgb(60, 132, 244);\\r\\n}\\r\\n.mk-doc__tableCell {\\r\\n  border: 1px solid #bbb;\\r\\n  width: 75px;\\r\\n  min-width: 75px;\\r\\n  vertical-align: top;\\r\\n  text-align: start;\\r\\n  padding: 6px 8px;\\r\\n  position: relative;\\r\\n  outline: none;\\r\\n}\\r\\n.mk-doc__tableCellSortedIndicator {\\r\\n  display: block;\\r\\n  opacity: 0.5;\\r\\n  position: absolute;\\r\\n  bottom: 0;\\r\\n  left: 0;\\r\\n  width: 100%;\\r\\n  height: 4px;\\r\\n  background-color: #999;\\r\\n}\\r\\n.mk-doc__tableCellResizer {\\r\\n  position: absolute;\\r\\n  right: -4px;\\r\\n  height: 100%;\\r\\n  width: 8px;\\r\\n  cursor: ew-resize;\\r\\n  z-index: 10;\\r\\n  top: 0;\\r\\n}\\r\\n.mk-doc__tableCellHeader {\\r\\n  background-color: #f2f3f5;\\r\\n  text-align: start;\\r\\n}\\r\\n.mk-doc__tableCellSelected {\\r\\n  background-color: #c9dbf0;\\r\\n}\\r\\n.mk-doc__tableCellPrimarySelected {\\r\\n  border: 2px solid rgb(60, 132, 244);\\r\\n  display: block;\\r\\n  height: calc(100% - 2px);\\r\\n  position: absolute;\\r\\n  width: calc(100% - 2px);\\r\\n  left: -1px;\\r\\n  top: -1px;\\r\\n  z-index: 2;\\r\\n}\\r\\n.mk-doc__tableCellEditing {\\r\\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\\r\\n  border-radius: 3px;\\r\\n}\\r\\n.mk-doc__tableAddColumns {\\r\\n  position: absolute;\\r\\n  top: 0;\\r\\n  width: 20px;\\r\\n  background-color: #eee;\\r\\n  height: 100%;\\r\\n  right: -25px;\\r\\n  animation: table-controls 0.2s ease;\\r\\n  border: 0;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableAddColumns:after {\\r\\n  background-image: url(../images/icons/plus.svg);\\r\\n  background-size: contain;\\r\\n  background-position: center;\\r\\n  background-repeat: no-repeat;\\r\\n  display: block;\\r\\n  content: ' ';\\r\\n  position: absolute;\\r\\n  top: 0;\\r\\n  left: 0;\\r\\n  width: 100%;\\r\\n  height: 100%;\\r\\n  opacity: 0.4;\\r\\n}\\r\\n.mk-doc__tableAddColumns:hover {\\r\\n  background-color: #c9dbf0;\\r\\n}\\r\\n.mk-doc__tableAddRows {\\r\\n  position: absolute;\\r\\n  bottom: -25px;\\r\\n  width: calc(100% - 25px);\\r\\n  background-color: #eee;\\r\\n  height: 20px;\\r\\n  left: 0;\\r\\n  animation: table-controls 0.2s ease;\\r\\n  border: 0;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableAddRows:after {\\r\\n  background-image: url(../images/icons/plus.svg);\\r\\n  background-size: contain;\\r\\n  background-position: center;\\r\\n  background-repeat: no-repeat;\\r\\n  display: block;\\r\\n  content: ' ';\\r\\n  position: absolute;\\r\\n  top: 0;\\r\\n  left: 0;\\r\\n  width: 100%;\\r\\n  height: 100%;\\r\\n  opacity: 0.4;\\r\\n}\\r\\n.mk-doc__tableAddRows:hover {\\r\\n  background-color: #c9dbf0;\\r\\n}\\r\\n@keyframes table-controls {\\r\\n  0% {\\r\\n    opacity: 0;\\r\\n  }\\r\\n  100% {\\r\\n    opacity: 1;\\r\\n  }\\r\\n}\\r\\n.mk-doc__tableCellResizeRuler {\\r\\n  display: block;\\r\\n  position: absolute;\\r\\n  width: 1px;\\r\\n  background-color: rgb(60, 132, 244);\\r\\n  height: 100%;\\r\\n  top: 0;\\r\\n}\\r\\n.mk-doc__tableCellActionButtonContainer {\\r\\n  display: block;\\r\\n  right: 5px;\\r\\n  top: 6px;\\r\\n  position: absolute;\\r\\n  z-index: 4;\\r\\n  width: 20px;\\r\\n  height: 20px;\\r\\n}\\r\\n.mk-doc__tableCellActionButton {\\r\\n  background-color: #eee;\\r\\n  display: block;\\r\\n  border: 0;\\r\\n  border-radius: 20px;\\r\\n  width: 20px;\\r\\n  height: 20px;\\r\\n  color: #222;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableCellActionButton:hover {\\r\\n  background-color: #ddd;\\r\\n}\\r\\n.mk-doc__characterLimit {\\r\\n  display: inline;\\r\\n  background-color: #ffbbbb !important;\\r\\n}\\r\\n.mk-doc__ol1 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ol2 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-type: upper-alpha;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ol3 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-type: lower-alpha;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ol4 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-type: upper-roman;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ol5 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-type: lower-roman;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ul {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__listItem {\\r\\n  margin: 0 32px;\\r\\n}\\r\\n.mk-doc__listItemChecked,\\r\\n.mk-doc__listItemUnchecked {\\r\\n  position: relative;\\r\\n  margin-left: 8px;\\r\\n  margin-right: 8px;\\r\\n  padding-left: 24px;\\r\\n  padding-right: 24px;\\r\\n  list-style-type: none;\\r\\n  outline: none;\\r\\n}\\r\\n.mk-doc__listItemChecked {\\r\\n  text-decoration: line-through;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:before,\\r\\n.mk-doc__listItemChecked:before {\\r\\n  content: '';\\r\\n  width: 16px;\\r\\n  height: 16px;\\r\\n  top: 2px;\\r\\n  left: 0;\\r\\n  cursor: pointer;\\r\\n  display: block;\\r\\n  background-size: cover;\\r\\n  position: absolute;\\r\\n}\\r\\n.mk-doc__listItemUnchecked[dir='rtl']:before,\\r\\n.mk-doc__listItemChecked[dir='rtl']:before {\\r\\n  left: auto;\\r\\n  right: 0;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:focus:before,\\r\\n.mk-doc__listItemChecked:focus:before {\\r\\n  box-shadow: 0 0 0 2px #a6cdfe;\\r\\n  border-radius: 2px;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:before {\\r\\n  border: 1px solid #999;\\r\\n  border-radius: 2px;\\r\\n}\\r\\n.mk-doc__listItemChecked:before {\\r\\n  border: 1px solid rgb(61, 135, 245);\\r\\n  border-radius: 2px;\\r\\n  background-color: #3d87f5;\\r\\n  background-repeat: no-repeat;\\r\\n}\\r\\n.mk-doc__listItemChecked:after {\\r\\n  content: '';\\r\\n  cursor: pointer;\\r\\n  border-color: #fff;\\r\\n  border-style: solid;\\r\\n  position: absolute;\\r\\n  display: block;\\r\\n  top: 6px;\\r\\n  width: 3px;\\r\\n  left: 7px;\\r\\n  right: 7px;\\r\\n  height: 6px;\\r\\n  transform: rotate(45deg);\\r\\n  border-width: 0 2px 2px 0;\\r\\n}\\r\\n.mk-doc__nestedListItem {\\r\\n  list-style-type: none;\\r\\n}\\r\\n.mk-doc__nestedListItem:before,\\r\\n.mk-doc__nestedListItem:after {\\r\\n  display: none;\\r\\n}\\r\\n.mk-doc__tokenComment {\\r\\n  color: slategray;\\r\\n}\\r\\n.mk-doc__tokenPunctuation {\\r\\n  color: #999;\\r\\n}\\r\\n.mk-doc__tokenProperty {\\r\\n  color: #905;\\r\\n}\\r\\n.mk-doc__tokenSelector {\\r\\n  color: #690;\\r\\n}\\r\\n.mk-doc__tokenOperator {\\r\\n  color: #9a6e3a;\\r\\n}\\r\\n.mk-doc__tokenAttr {\\r\\n  color: #07a;\\r\\n}\\r\\n.mk-doc__tokenVariable {\\r\\n  color: #e90;\\r\\n}\\r\\n.mk-doc__tokenFunction {\\r\\n  color: #dd4a68;\\r\\n}\\r\\n.mk-doc__mark {\\r\\n  background: rgba(255, 212, 0, 0.14);\\r\\n  border-bottom: 2px solid rgba(255, 212, 0, 0.3);\\r\\n  padding-bottom: 2px;\\r\\n}\\r\\n.mk-doc__markOverlap {\\r\\n  background: rgba(255, 212, 0, 0.3);\\r\\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\\r\\n}\\r\\n.mk-doc__mark.selected {\\r\\n  background: rgba(255, 212, 0, 0.5);\\r\\n  border-bottom: 2px solid rgba(255, 212, 0, 1);\\r\\n}\\r\\n.mk-doc__markOverlap.selected {\\r\\n  background: rgba(255, 212, 0, 0.7);\\r\\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\\r\\n}\\r\\n.mk-doc__embedBlock {\\r\\n  user-select: none;\\r\\n  position: relative;\\r\\n  z-index: 1;\\r\\n}\\r\\n.mk-doc__embedBlockFocus {\\r\\n  outline: 2px solid rgb(60, 132, 244);\\r\\n}\\r\\n.mk-doc__layoutContainer {\\r\\n  display: grid;\\r\\n  gap: 10px;\\r\\n  margin: 10px 0;\\r\\n}\\r\\n.mk-doc__layoutItem {\\r\\n  border: 1px dashed #ddd;\\r\\n  padding: 8px 16px;\\r\\n}\\r\\n\\r\\n/* block结构 */\\r\\n.mk-doc-block{\\r\\n  position: relative;\\r\\n}\\r\\n.mk-doc-block.mk-doc-block-image-text::after{\\r\\n  content: \\\".\\\";\\r\\n  font-size: 0;\\r\\n  clear: both;\\r\\n  display: block;\\r\\n}\\r\\n\""],"names":[],"mappings":"AAAA,MAAe,cAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/esm/components/basic/icon-select/icon-select-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-select-options.js","sources":["../../../../../src/components/basic/icon-select/icon-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const iconSelectProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n    default: null,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n});\r\n\r\nexport type IconSelectProps = ExtractPropTypes<typeof iconSelectProps>;\r\n\r\nexport const iconSelectEmits = {\r\n  \"update:model-value\": (value: string) => true,\r\n};\r\n\r\nexport type IconSelectEmits = ExtractPropTypes<typeof iconSelectEmits>;\r\n"],"names":[],"mappings":";AAGO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAIM,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,UAAkB;AAC3C;"}
+{"version":3,"file":"icon-select-options.js","sources":["../../../../../src/components/basic/icon-select/icon-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const iconSelectProps = buildProps({\n  modelValue: {\n    type: String,\n    default: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nexport type IconSelectProps = ExtractPropTypes<typeof iconSelectProps>;\n\nexport const iconSelectEmits = {\n  \"update:model-value\": (value: string) => true,\n};\n\nexport type IconSelectEmits = ExtractPropTypes<typeof iconSelectEmits>;\n"],"names":[],"mappings":";AAGO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAIM,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,UAAkB;AAC3C;"}