@mekari/pixel3-rich-text-editor 0.0.1-dev.0

package/dist/rich-text-editor.mjs

@@ -0,0 +1,17 @@
+import {
+  MpRichTextEditor
+} from "./chunk-N5YFARYC.mjs";
+import "./chunk-IE2ITPBX.mjs";
+import "./chunk-VQOMXS6M.mjs";
+import "./chunk-2SSVSEKG.mjs";
+import "./chunk-JURYRRU5.mjs";
+import "./chunk-CENCRLRC.mjs";
+import "./chunk-CE52CW3F.mjs";
+import "./chunk-MMFX326I.mjs";
+import "./chunk-3RJGWHBG.mjs";
+import "./chunk-OFJH5BEQ.mjs";
+import "./chunk-J5QZDLNA.mjs";
+import "./chunk-QZ7VFGWC.mjs";
+export {
+  MpRichTextEditor
+};

package/dist/rte-style-provider.d.mts

@@ -0,0 +1,17 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as vue from 'vue';
+
+/**
+ * MpRTEStyleProvider component is used to style provider for html content.
+ */
+declare const MpRTEStyleProvider: vue.DefineComponent<{
+    id: {
+        type: vue.PropType<string | undefined>;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    id: {
+        type: vue.PropType<string | undefined>;
+    };
+}>>, {}, {}>;
+
+export { MpRTEStyleProvider };

package/dist/rte-style-provider.d.ts

@@ -0,0 +1,17 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as vue from 'vue';
+
+/**
+ * MpRTEStyleProvider component is used to style provider for html content.
+ */
+declare const MpRTEStyleProvider: vue.DefineComponent<{
+    id: {
+        type: vue.PropType<string | undefined>;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    id: {
+        type: vue.PropType<string | undefined>;
+    };
+}>>, {}, {}>;
+
+export { MpRTEStyleProvider };

package/dist/rte-style-provider.js

@@ -0,0 +1,85 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/rte-style-provider.tsx
+var rte_style_provider_exports = {};
+__export(rte_style_provider_exports, {
+  MpRTEStyleProvider: () => MpRTEStyleProvider
+});
+module.exports = __toCommonJS(rte_style_provider_exports);
+var import_vue2 = require("vue");
+var import_vue3 = require("vue");
+
+// src/modules/rich-text-editor.props.ts
+var import_pixel3_utils = require("@mekari/pixel3-utils");
+var RTEStyleProviderProps = {
+  id: {
+    type: String
+  }
+};
+var richTextEditorEmits = (0, import_pixel3_utils.declareEmit)(["change", "blur", "focus"]);
+
+// src/modules/rich-text-editor.hooks.ts
+var import_vue = require("vue");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+
+// src/modules/rich-text-editor.connects.ts
+var import_pixel3_utils2 = require("@mekari/pixel3-utils");
+function RTEStyleProviderConnect(state, classes) {
+  const {
+    id
+  } = state;
+  const idx = id != null ? id : `mp-rte-style-provider-${(0, import_pixel3_utils2.useId)()}`;
+  return {
+    rootProps: {
+      id: idx,
+      class: classes,
+      "data-pixel-component": "MpRTEStyleProvider"
+    }
+  };
+}
+__name(RTEStyleProviderConnect, "RTEStyleProviderConnect");
+
+// src/modules/rich-text-editor.hooks.ts
+var useRTEStyleProvider = /* @__PURE__ */ __name((props) => {
+  const context = (0, import_vue.ref)(props);
+  const [value] = import_recipes.RTEStyleProviderRecipe.splitVariantProps(context.value);
+  const classes = (0, import_recipes.RTEStyleProviderRecipe)(value);
+  return (0, import_vue.computed)(() => RTEStyleProviderConnect(context.value, classes));
+}, "useRTEStyleProvider");
+
+// src/rte-style-provider.tsx
+var MpRTEStyleProvider = (0, import_vue3.defineComponent)({
+  name: "MpRTEStyleProvider",
+  props: RTEStyleProviderProps,
+  setup(props, {
+    slots
+  }) {
+    const api = useRTEStyleProvider(props);
+    return () => {
+      var _a;
+      return (0, import_vue2.createVNode)("div", api.value.rootProps, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MpRTEStyleProvider
+});

package/dist/rte-style-provider.mjs

@@ -0,0 +1,10 @@
+import {
+  MpRTEStyleProvider
+} from "./chunk-VQOMXS6M.mjs";
+import "./chunk-2SSVSEKG.mjs";
+import "./chunk-JURYRRU5.mjs";
+import "./chunk-CENCRLRC.mjs";
+import "./chunk-QZ7VFGWC.mjs";
+export {
+  MpRTEStyleProvider
+};

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@mekari/pixel3-rich-text-editor",
+  "description": "Mekari Pixel 3 | Rich text editor component is used to content editor based Tiptap.js",
+  "version": "0.0.1-dev.0",
+  "main": "dist/index.js",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@tiptap/extension-blockquote": "^2.2.3",
+    "@tiptap/extension-bullet-list": "^2.2.3",
+    "@tiptap/extension-list-item": "^2.2.3",
+    "@tiptap/extension-ordered-list": "^2.2.3",
+    "@tiptap/extension-placeholder": "^2.2.3",
+    "@tiptap/extension-text-align": "^2.2.3",
+    "@tiptap/extension-underline": "^2.2.3",
+    "@tiptap/pm": "^2.2.3",
+    "@tiptap/starter-kit": "^2.2.3",
+    "@tiptap/vue-3": "^2.2.3",
+    "@mekari/pixel3-divider": "0.0.8-dev.0",
+    "@mekari/pixel3-form-control": "0.0.8-dev.0",
+    "@mekari/pixel3-popover": "0.0.8-dev.0",
+    "@mekari/pixel3-styled-system": "0.0.6-dev.0",
+    "@mekari/pixel3-text": "0.0.8-dev.0",
+    "@mekari/pixel3-utils": "0.0.5"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.9"
+  },
+  "devDependencies": {
+    "vue": "^3.4.9"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "default": "./dist/index.mjs"
+    }
+  },
+  "scripts": {
+    "clean": "rimraf dist .turbo",
+    "build": "tsup && pnpm build:types",
+    "build:fast": "tsup",
+    "build:types": "tsup src --dts-only",
+    "types:check": "tsc --noEmit",
+    "replace-config": "clean-package",
+    "restore-config": "clean-package restore"
+  }
+}