@inshapardaz/likhari-vue 0.1.2 → 0.1.3-dev.294

package/dist/LikhariEditor.d.ts

@@ -0,0 +1,105 @@
+import { type PropType } from 'vue';
+import '@inshapardaz/likhari-webcomponent';
+import type { EditorFeatureConfig } from '@inshapardaz/likhari-core';
+import type { FormatId } from '@inshapardaz/likhari-converters';
+/**
+ * `<LikhariEditor>` for Vue. A thin wrapper over the `<likhari-editor>` Web
+ * Component: props become attributes, `featureConfig` is set as a property, and the
+ * element's `editor-change` and `editor-save` events are re-emitted as `change` and
+ * `save`. Template refs can call `getContent`, `setContent`, `hasUnsavedChanges`,
+ * `confirmDiscard` and `focus`, which are exposed below.
+ */
+export declare const LikhariEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    documentId: StringConstructor;
+    locale: PropType<string>;
+    colorScheme: PropType<"light" | "dark">;
+    accentColor: StringConstructor;
+    placeholder: StringConstructor;
+    height: StringConstructor;
+    showSave: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    autosave: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    featurePreset: PropType<"minimal" | "standard" | "full" | "poetry">;
+    toolbarBordered: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    toolbarVariant: PropType<"light" | "filled">;
+    helpUrl: {
+        type: PropType<string | false>;
+        default: undefined;
+    };
+    fontMode: PropType<"selective" | "uniform">;
+    fontFamily: StringConstructor;
+    zoom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    featureConfig: PropType<EditorFeatureConfig>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (state: unknown) => state is {} | null;
+    save: (payload: {
+        content: string;
+        format: FormatId;
+    }) => boolean;
+    fontChange: (payload: {
+        fontFamily: string | undefined;
+        zoom: number;
+    }) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    documentId: StringConstructor;
+    locale: PropType<string>;
+    colorScheme: PropType<"light" | "dark">;
+    accentColor: StringConstructor;
+    placeholder: StringConstructor;
+    height: StringConstructor;
+    showSave: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    autosave: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    featurePreset: PropType<"minimal" | "standard" | "full" | "poetry">;
+    toolbarBordered: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    toolbarVariant: PropType<"light" | "filled">;
+    helpUrl: {
+        type: PropType<string | false>;
+        default: undefined;
+    };
+    fontMode: PropType<"selective" | "uniform">;
+    fontFamily: StringConstructor;
+    zoom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    featureConfig: PropType<EditorFeatureConfig>;
+}>> & Readonly<{
+    onChange?: ((state: unknown) => any) | undefined;
+    onSave?: ((payload: {
+        content: string;
+        format: FormatId;
+    }) => any) | undefined;
+    onFontChange?: ((payload: {
+        fontFamily: string | undefined;
+        zoom: number;
+    }) => any) | undefined;
+}>, {
+    showSave: boolean;
+    autosave: boolean;
+    toolbarBordered: boolean;
+    helpUrl: string | false;
+    zoom: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=LikhariEditor.d.ts.map

package/dist/LikhariEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LikhariEditor.d.ts","sourceRoot":"","sources":["../src/LikhariEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8D,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAChG,OAAO,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAahE;;;;;;GAMG;AACH,eAAO,MAAM,aAAa;;YAIJ,QAAQ,CAAC,MAAM,CAAC;iBACX,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC;;;;;;;;;;;;mBAOxB,QAAQ,CAAC,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;;;;;oBAEnD,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;;cAChB,QAAQ,CAAC,MAAM,GAAG,KAAK,CAAC;;;cAC1C,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC;;;;;;mBAG5B,QAAQ,CAAC,mBAAmB,CAAC;;;;oBAGtC,OAAO;oBACP;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAA;KAAE;0BAC/B;QAAE,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE;;;YApBpD,QAAQ,CAAC,MAAM,CAAC;iBACX,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC;;;;;;;;;;;;mBAOxB,QAAQ,CAAC,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;;;;;oBAEnD,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;;cAChB,QAAQ,CAAC,MAAM,GAAG,KAAK,CAAC;;;cAC1C,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC;;;;;;mBAG5B,QAAQ,CAAC,mBAAmB,CAAC;;;;iBAI3B,MAAM;gBAAU,QAAQ;;;oBACf,MAAM,GAAG,SAAS;cAAQ,MAAM;;;;;;;;4EAsCtE,CAAC"}

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC"}

package/dist/likhari-vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as v, ref as c, onMounted as h, onBeforeUnmount as f, watch as s, h as g } from "vue";
+import { defineComponent as f, ref as c, onMounted as h, onBeforeUnmount as g, watch as s, h as m } from "vue";
 import "@inshapardaz/likhari-webcomponent";
-function m(e) {
+function C(e) {
   return {
     "document-id": e.documentId ?? null,
     locale: e.locale ?? null,
@@ -13,10 +13,13 @@ function m(e) {
     "feature-preset": e.featurePreset ?? null,
     "toolbar-bordered": e.toolbarBordered === void 0 ? null : e.toolbarBordered ? "" : "false",
     "toolbar-variant": e.toolbarVariant ?? null,
-    "help-url": e.helpUrl === void 0 ? null : e.helpUrl === !1 ? "false" : e.helpUrl
+    "help-url": e.helpUrl === void 0 ? null : e.helpUrl === !1 ? "false" : e.helpUrl,
+    "font-mode": e.fontMode ?? null,
+    "font-family": e.fontFamily ?? null,
+    zoom: e.zoom === void 0 ? null : String(e.zoom)
   };
 }
-const b = v({
+const y = f({
   name: "LikhariEditor",
   props: {
     documentId: String,
@@ -32,47 +35,51 @@ const b = v({
     toolbarBordered: { type: Boolean, default: void 0 },
     toolbarVariant: String,
     helpUrl: { type: [String, Boolean], default: void 0 },
+    fontMode: String,
+    fontFamily: String,
+    zoom: { type: Number, default: void 0 },
     featureConfig: Object
   },
   emits: {
     change: (e) => e !== void 0,
-    save: (e) => e !== void 0
+    save: (e) => e !== void 0,
+    fontChange: (e) => e !== void 0
   },
-  setup(e, { emit: o, expose: d }) {
-    const a = c(null), n = (t) => o("change", t.detail), r = (t) => o("save", t.detail), i = () => {
-      a.value && (a.value.featureConfig = e.featureConfig);
+  setup(e, { emit: l, expose: v }) {
+    const o = c(null), r = (t) => l("change", t.detail), i = (t) => l("save", t.detail), d = (t) => l("fontChange", t.detail), u = () => {
+      o.value && (o.value.featureConfig = e.featureConfig);
     };
     return h(() => {
-      var t, l;
-      (t = a.value) == null || t.addEventListener("editor-change", n), (l = a.value) == null || l.addEventListener("editor-save", r), i();
-    }), f(() => {
-      var t, l;
-      (t = a.value) == null || t.removeEventListener("editor-change", n), (l = a.value) == null || l.removeEventListener("editor-save", r);
-    }), s(() => e.featureConfig, i, { deep: !0 }), d({
+      var t, n, a;
+      (t = o.value) == null || t.addEventListener("editor-change", r), (n = o.value) == null || n.addEventListener("editor-save", i), (a = o.value) == null || a.addEventListener("editor-font-change", d), u();
+    }), g(() => {
+      var t, n, a;
+      (t = o.value) == null || t.removeEventListener("editor-change", r), (n = o.value) == null || n.removeEventListener("editor-save", i), (a = o.value) == null || a.removeEventListener("editor-font-change", d);
+    }), s(() => e.featureConfig, u, { deep: !0 }), v({
       getContent: (t) => {
-        var l;
-        return ((l = a.value) == null ? void 0 : l.getContent(t)) ?? "";
+        var n;
+        return ((n = o.value) == null ? void 0 : n.getContent(t)) ?? "";
       },
-      setContent: (t, l) => {
-        var u;
-        return (u = a.value) == null ? void 0 : u.setContent(t, l);
+      setContent: (t, n) => {
+        var a;
+        return (a = o.value) == null ? void 0 : a.setContent(t, n);
       },
       hasUnsavedChanges: () => {
         var t;
-        return ((t = a.value) == null ? void 0 : t.hasUnsavedChanges()) ?? !1;
+        return ((t = o.value) == null ? void 0 : t.hasUnsavedChanges()) ?? !1;
       },
       confirmDiscard: () => {
         var t;
-        return ((t = a.value) == null ? void 0 : t.confirmDiscard()) ?? Promise.resolve(!0);
+        return ((t = o.value) == null ? void 0 : t.confirmDiscard()) ?? Promise.resolve(!0);
       },
       focus: () => {
         var t;
-        return (t = a.value) == null ? void 0 : t.focus();
+        return (t = o.value) == null ? void 0 : t.focus();
       }
-    }), () => g("likhari-editor", { ref: a, ...m(e) });
+    }), () => m("likhari-editor", { ref: o, ...C(e) });
   }
 });
 export {
-  b as LikhariEditor,
-  m as toElementAttributes
+  y as LikhariEditor,
+  C as toElementAttributes
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inshapardaz/likhari-vue",
-  "version": "0.1.2",
+  "version": "0.1.3-dev.294",
   "description": "Vue 3 component for the Likhari editor, a thin wrapper over the <likhari-editor> Web Component.",
   "license": "MIT",
   "repository": {