@mekari/pixel3-rich-text-editor 0.1.2 → 0.1.3-dev.1

package/dist/editor-toolbar.mjs

@@ -1,13 +1,15 @@
 import {
   EditorToolbar
-} from "./chunk-YE6FEVD4.mjs";
-import "./chunk-VYCDVS5I.mjs";
-import "./chunk-ZO6THAT6.mjs";
-import "./chunk-25RKPG44.mjs";
-import "./chunk-UBJOZ2IA.mjs";
-import "./chunk-5S2LSGJV.mjs";
-import "./chunk-YIEQVTEO.mjs";
-import "./chunk-Q7QLZISF.mjs";
+} from "./chunk-RX7ZEE2M.mjs";
+import "./chunk-HIHIKPNN.mjs";
+import "./chunk-X2CB42A3.mjs";
+import "./chunk-COZ45QUD.mjs";
+import "./chunk-FCLBNBXD.mjs";
+import "./chunk-ENKUUZPM.mjs";
+import "./chunk-76GEEOAG.mjs";
+import "./chunk-YWVVMJGP.mjs";
+import "./chunk-Y6UPQ6EU.mjs";
+import "./chunk-IFRJVX2K.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   EditorToolbar

package/dist/extensions/align-extension.js

@@ -438,6 +438,33 @@ var LocationIcon = (0, import_vue2.defineComponent)({
     }, null)]);
   }
 });
+var VariableIcon = (0, import_vue2.defineComponent)({
+  name: "VariableIcon",
+  setup() {
+    return () => (0, import_vue.createVNode)("svg", {
+      "class": "mp-icon mp-icon--size_sm",
+      "data-pixel-component": "MpIcon",
+      "data-icon-name": "text-editor-inline-code",
+      "viewBox": "0 0 24 24",
+      "role": "presentation",
+      "fill": "none",
+      "focusable": "false",
+      "style": "--mp-icon-color: var(--mp-colors-icon-default);"
+    }, [(0, import_vue.createVNode)("path", {
+      "d": "M15 6L21 12L15 18",
+      "stroke": "currentcolor",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null), (0, import_vue.createVNode)("path", {
+      "d": "M9 6L3 12L9 18",
+      "stroke": "currentcolor",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null)]);
+  }
+});
 
 // src/extensions/align-extension.tsx
 var AlignExtention = (0, import_vue4.defineComponent)({

package/dist/extensions/align-extension.mjs

@@ -1,7 +1,7 @@
 import {
   AlignExtention
-} from "../chunk-UBJOZ2IA.mjs";
-import "../chunk-Q7QLZISF.mjs";
+} from "../chunk-YWVVMJGP.mjs";
+import "../chunk-IFRJVX2K.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   AlignExtention

package/dist/extensions/color-extension.js

@@ -436,6 +436,33 @@ var LocationIcon = (0, import_vue2.defineComponent)({
     }, null)]);
   }
 });
+var VariableIcon = (0, import_vue2.defineComponent)({
+  name: "VariableIcon",
+  setup() {
+    return () => (0, import_vue.createVNode)("svg", {
+      "class": "mp-icon mp-icon--size_sm",
+      "data-pixel-component": "MpIcon",
+      "data-icon-name": "text-editor-inline-code",
+      "viewBox": "0 0 24 24",
+      "role": "presentation",
+      "fill": "none",
+      "focusable": "false",
+      "style": "--mp-icon-color: var(--mp-colors-icon-default);"
+    }, [(0, import_vue.createVNode)("path", {
+      "d": "M15 6L21 12L15 18",
+      "stroke": "currentcolor",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null), (0, import_vue.createVNode)("path", {
+      "d": "M9 6L3 12L9 18",
+      "stroke": "currentcolor",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null)]);
+  }
+});
 
 // src/extensions/color-extension.tsx
 var import_pixel3_color_picker = require("@mekari/pixel3-color-picker");

package/dist/extensions/color-extension.mjs

@@ -1,7 +1,7 @@
 import {
   ColorExtension
-} from "../chunk-5S2LSGJV.mjs";
-import "../chunk-Q7QLZISF.mjs";
+} from "../chunk-Y6UPQ6EU.mjs";
+import "../chunk-IFRJVX2K.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   ColorExtension

package/dist/extensions/heading-extension.js

@@ -438,6 +438,33 @@ var LocationIcon = (0, import_vue2.defineComponent)({
     }, null)]);
   }
 });
+var VariableIcon = (0, import_vue2.defineComponent)({
+  name: "VariableIcon",
+  setup() {
+    return () => (0, import_vue.createVNode)("svg", {
+      "class": "mp-icon mp-icon--size_sm",
+      "data-pixel-component": "MpIcon",
+      "data-icon-name": "text-editor-inline-code",
+      "viewBox": "0 0 24 24",
+      "role": "presentation",
+      "fill": "none",
+      "focusable": "false",
+      "style": "--mp-icon-color: var(--mp-colors-icon-default);"
+    }, [(0, import_vue.createVNode)("path", {
+      "d": "M15 6L21 12L15 18",
+      "stroke": "currentcolor",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null), (0, import_vue.createVNode)("path", {
+      "d": "M9 6L3 12L9 18",
+      "stroke": "currentcolor",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null)]);
+  }
+});
 
 // src/extensions/heading-extension.tsx
 var HeadingExtention = (0, import_vue4.defineComponent)({

package/dist/extensions/heading-extension.mjs

@@ -1,7 +1,7 @@
 import {
   HeadingExtention
-} from "../chunk-YIEQVTEO.mjs";
-import "../chunk-Q7QLZISF.mjs";
+} from "../chunk-X2CB42A3.mjs";
+import "../chunk-IFRJVX2K.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   HeadingExtention

package/dist/extensions/icons.d.mts

@@ -24,5 +24,6 @@ declare const FileIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Elemen
 declare const AudioIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
 declare const MentionIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
 declare const LocationIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+declare const VariableIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
 
-export { AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AudioIcon, BlockquoteIcon, BoldIcon, BulletListIcon, CaretIcon, ClearIcon, ColorTextIcon, FileIcon, FillTextIcon, ImageIcon, ItalicIcon, LinkIcon, LocationIcon, MentionIcon, OrderedListIcon, RedoIcon, StrikeIcon, UnderlineIcon, UndoIcon };
+export { AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AudioIcon, BlockquoteIcon, BoldIcon, BulletListIcon, CaretIcon, ClearIcon, ColorTextIcon, FileIcon, FillTextIcon, ImageIcon, ItalicIcon, LinkIcon, LocationIcon, MentionIcon, OrderedListIcon, RedoIcon, StrikeIcon, UnderlineIcon, UndoIcon, VariableIcon };

package/dist/extensions/icons.d.ts

@@ -24,5 +24,6 @@ declare const FileIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Elemen
 declare const AudioIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
 declare const MentionIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
 declare const LocationIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+declare const VariableIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
 
-export { AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AudioIcon, BlockquoteIcon, BoldIcon, BulletListIcon, CaretIcon, ClearIcon, ColorTextIcon, FileIcon, FillTextIcon, ImageIcon, ItalicIcon, LinkIcon, LocationIcon, MentionIcon, OrderedListIcon, RedoIcon, StrikeIcon, UnderlineIcon, UndoIcon };
+export { AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AudioIcon, BlockquoteIcon, BoldIcon, BulletListIcon, CaretIcon, ClearIcon, ColorTextIcon, FileIcon, FillTextIcon, ImageIcon, ItalicIcon, LinkIcon, LocationIcon, MentionIcon, OrderedListIcon, RedoIcon, StrikeIcon, UnderlineIcon, UndoIcon, VariableIcon };

package/dist/extensions/icons.js

@@ -42,7 +42,8 @@ __export(icons_exports, {
   RedoIcon: () => RedoIcon,
   StrikeIcon: () => StrikeIcon,
   UnderlineIcon: () => UnderlineIcon,
-  UndoIcon: () => UndoIcon
+  UndoIcon: () => UndoIcon,
+  VariableIcon: () => VariableIcon
 });
 module.exports = __toCommonJS(icons_exports);
 var import_vue = require("vue");
@@ -453,6 +454,33 @@ var LocationIcon = (0, import_vue2.defineComponent)({
     }, null)]);
   }
 });
+var VariableIcon = (0, import_vue2.defineComponent)({
+  name: "VariableIcon",
+  setup() {
+    return () => (0, import_vue.createVNode)("svg", {
+      "class": "mp-icon mp-icon--size_sm",
+      "data-pixel-component": "MpIcon",
+      "data-icon-name": "text-editor-inline-code",
+      "viewBox": "0 0 24 24",
+      "role": "presentation",
+      "fill": "none",
+      "focusable": "false",
+      "style": "--mp-icon-color: var(--mp-colors-icon-default);"
+    }, [(0, import_vue.createVNode)("path", {
+      "d": "M15 6L21 12L15 18",
+      "stroke": "currentcolor",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null), (0, import_vue.createVNode)("path", {
+      "d": "M9 6L3 12L9 18",
+      "stroke": "currentcolor",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null)]);
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AlignCenterIcon,
@@ -477,5 +505,6 @@ var LocationIcon = (0, import_vue2.defineComponent)({
   RedoIcon,
   StrikeIcon,
   UnderlineIcon,
-  UndoIcon
+  UndoIcon,
+  VariableIcon
 });

package/dist/extensions/icons.mjs

@@ -21,8 +21,9 @@ import {
   RedoIcon,
   StrikeIcon,
   UnderlineIcon,
-  UndoIcon
-} from "../chunk-Q7QLZISF.mjs";
+  UndoIcon,
+  VariableIcon
+} from "../chunk-IFRJVX2K.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   AlignCenterIcon,
@@ -47,5 +48,6 @@ export {
   RedoIcon,
   StrikeIcon,
   UnderlineIcon,
-  UndoIcon
+  UndoIcon,
+  VariableIcon
 };

package/dist/extensions/index.d.mts

@@ -3,6 +3,12 @@ export { AlignExtention } from './align-extension.mjs';
 export { SingleExtention } from './single-extension.mjs';
 export { ColorExtension } from './color-extension.mjs';
 export { LinkExtension } from './link-extension.mjs';
+export { Variable } from './variable-extension.mjs';
+export { VariableList } from './variable-list-extension.mjs';
 import 'vue';
 import 'vue/jsx-runtime';
 import '@tiptap/vue-3';
+import '@tiptap/core';
+import '@tiptap/suggestion';
+import '../modules/rich-text-editor.types.mjs';
+import '@mekari/pixel3-utils';

package/dist/extensions/index.d.ts

@@ -3,6 +3,12 @@ export { AlignExtention } from './align-extension.js';
 export { SingleExtention } from './single-extension.js';
 export { ColorExtension } from './color-extension.js';
 export { LinkExtension } from './link-extension.js';
+export { Variable } from './variable-extension.js';
+export { VariableList } from './variable-list-extension.js';
 import 'vue';
 import 'vue/jsx-runtime';
 import '@tiptap/vue-3';
+import '@tiptap/core';
+import '@tiptap/suggestion';
+import '../modules/rich-text-editor.types.js';
+import '@mekari/pixel3-utils';