@kedataindo/docflow-element 0.0.1 → 0.0.3

package/dist/DocsEditorElement.d.ts

@@ -1,11 +1,18 @@
-import type { DocsEditorPlugin } from '@kedata-indonesia/docflow-core';
+import type { DocsEditorPlugin, ImageUploadHandler } from '@kedataindo/docflow-core';
 export declare class DocsEditorElement extends HTMLElement {
     static observedAttributes: string[];
     private _vueElement?;
     private _shadowRoot?;
     private _plugins;
+    private _onImageUpload?;
     get plugins(): DocsEditorPlugin[];
     set plugins(value: DocsEditorPlugin[]);
+    /**
+     * Host-injected image upload port. Functions can't be HTML attributes, so
+     * consumers set it as a JS property: `el.onImageUpload = async (file) => ({ src })`.
+     */
+    get onImageUpload(): ImageUploadHandler | undefined;
+    set onImageUpload(value: ImageUploadHandler | undefined);
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(_name: string, oldValue: string | null, newValue: string | null): void;

package/dist/DocsEditorElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocsEditorElement.d.ts","sourceRoot":"","sources":["../src/DocsEditorElement.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AAQtE,qBAAa,iBAAkB,SAAQ,WAAW;IAChD,MAAM,CAAC,kBAAkB,WAA4D;IAErF,OAAO,CAAC,WAAW,CAAC,CAAa;IACjC,OAAO,CAAC,WAAW,CAAC,CAAY;IAChC,OAAO,CAAC,QAAQ,CAAyB;IAEzC,IAAI,OAAO,IAAI,gBAAgB,EAAE,CAEhC;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,gBAAgB,EAAE,EAKpC;IAED,iBAAiB;IAgBjB,oBAAoB;IAMpB,wBAAwB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAKxF,OAAO,CAAC,WAAW;CAmCpB"}
+{"version":3,"file":"DocsEditorElement.d.ts","sourceRoot":"","sources":["../src/DocsEditorElement.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAQ1F,qBAAa,iBAAkB,SAAQ,WAAW;IAChD,MAAM,CAAC,kBAAkB,WAA4D;IAErF,OAAO,CAAC,WAAW,CAAC,CAAa;IACjC,OAAO,CAAC,WAAW,CAAC,CAAY;IAChC,OAAO,CAAC,QAAQ,CAAyB;IACzC,OAAO,CAAC,cAAc,CAAC,CAAoB;IAE3C,IAAI,OAAO,IAAI,gBAAgB,EAAE,CAEhC;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,gBAAgB,EAAE,EAKpC;IAED;;;OAGG;IACH,IAAI,aAAa,IAAI,kBAAkB,GAAG,SAAS,CAElD;IAED,IAAI,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,EAKtD;IAED,iBAAiB;IAgBjB,oBAAoB;IAMpB,wBAAwB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAKxF,OAAO,CAAC,WAAW;CAoCpB"}

package/dist/index.cjs

@@ -26,7 +26,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/DocsEditorElement.ts
-var import_docflow_vue = require("@kedata-indonesia/docflow-vue");
+var import_docflow_vue = require("@kedataindo/docflow-vue");
 var import_vue = require("vue");
 
 // src/shadow.css?inline
@@ -39,6 +39,7 @@ var DocsEditorElement = class extends HTMLElement {
   _vueElement;
   _shadowRoot;
   _plugins = [];
+  _onImageUpload;
   get plugins() {
     return this._plugins;
   }
@@ -48,6 +49,19 @@ var DocsEditorElement = class extends HTMLElement {
       Object.assign(this._vueElement, this._buildProps());
     }
   }
+  /**
+   * Host-injected image upload port. Functions can't be HTML attributes, so
+   * consumers set it as a JS property: `el.onImageUpload = async (file) => ({ src })`.
+   */
+  get onImageUpload() {
+    return this._onImageUpload;
+  }
+  set onImageUpload(value) {
+    this._onImageUpload = value;
+    if (this._vueElement) {
+      Object.assign(this._vueElement, this._buildProps());
+    }
+  }
   connectedCallback() {
     if (typeof window === "undefined" || typeof document === "undefined") return;
     this._shadowRoot = this.attachShadow({ mode: "open" });
@@ -96,7 +110,8 @@ var DocsEditorElement = class extends HTMLElement {
       modelValue,
       editable,
       collaboration,
-      plugins: this._plugins
+      plugins: this._plugins,
+      onImageUpload: this._onImageUpload
     };
   }
 };