@omegagrid/markdown 0.6.26 → 0.6.28

package/dist/components/markdownEditor.js

@@ -1,7 +1,143 @@
-var _MarkdownEditor_content,_MarkdownEditor_editor,__decorate=this&&this.__decorate||function(t,e,r,o){var i,n=arguments.length,d=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(t,e,r,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(d=(n<3?i(d):n>3?i(e,r,d):i(e,r))||d);return n>3&&d&&Object.defineProperty(e,r,d),d},__classPrivateFieldGet=this&&this.__classPrivateFieldGet||function(t,e,r,o){if("a"===r&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?o:"a"===r?o.call(t):o?o.value:e.get(t)},__classPrivateFieldSet=this&&this.__classPrivateFieldSet||function(t,e,r,o,i){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!i)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?i.call(t,r):i?i.value=r:e.set(t,r),r};import{dom,events}from"@omegagrid/core";import{LitElement,html}from"lit";import{customElement,query,property}from"lit/decorators.js";import{style}from"./markdownEditor.style";import styles from"./styles";import{createEditor}from"../utils";export class MarkdownLinkEvent extends Event{constructor(t){super("markdown.link",{bubbles:!0,composed:!0,cancelable:!0}),Object.assign(this,t)}}let MarkdownEditor=class extends LitElement{get content(){return __classPrivateFieldGet(this,_MarkdownEditor_content,"f")}set content(t){__classPrivateFieldSet(this,_MarkdownEditor_content,t,"f"),__classPrivateFieldGet(this,_MarkdownEditor_editor,"f")?.destroy(),__classPrivateFieldSet(this,_MarkdownEditor_editor,null,"f"),this.requestUpdate()}get milkdownElm(){return this.container.firstElementChild}get editor(){return __classPrivateFieldGet(this,_MarkdownEditor_editor,"f")}constructor(){super(),_MarkdownEditor_content.set(this,void 0),this.maxContentWidth=800,this.contentAlignment="left",this.readOnly=!1,_MarkdownEditor_editor.set(this,void 0),this._onChange=(t,e)=>{__classPrivateFieldSet(this,_MarkdownEditor_content,t,"f"),this.dispatchEvent(new events.ChangeEvent({value:t,oldValue:e}))},this.render=()=>html`
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _MarkdownEditor_content, _MarkdownEditor_editor;
+import { dom, events } from '@omegagrid/core';
+import { LitElement, html } from 'lit';
+import { customElement, query, property } from 'lit/decorators.js';
+import { style } from './markdownEditor.style';
+import styles from './styles';
+import { createEditor } from '../utils';
+export class MarkdownLinkEvent extends Event {
+    constructor(args) {
+        super(`markdown.link`, { bubbles: true, composed: true, cancelable: true });
+        Object.assign(this, args);
+    }
+}
+let MarkdownEditor = class MarkdownEditor extends LitElement {
+    get content() { return __classPrivateFieldGet(this, _MarkdownEditor_content, "f"); }
+    set content(val) {
+        __classPrivateFieldSet(this, _MarkdownEditor_content, val, "f");
+        __classPrivateFieldGet(this, _MarkdownEditor_editor, "f")?.destroy();
+        __classPrivateFieldSet(this, _MarkdownEditor_editor, null, "f");
+        this.requestUpdate();
+    }
+    get milkdownElm() { return this.container.firstElementChild; }
+    get editor() { return __classPrivateFieldGet(this, _MarkdownEditor_editor, "f"); }
+    constructor() {
+        super();
+        _MarkdownEditor_content.set(this, void 0);
+        this.maxContentWidth = 800;
+        this.contentAlignment = 'left';
+        this.readOnly = false;
+        _MarkdownEditor_editor.set(this, void 0);
+        this._onChange = (markdown, prevMarkdown) => {
+            __classPrivateFieldSet(this, _MarkdownEditor_content, markdown, "f");
+            this.dispatchEvent(new events.ChangeEvent({ value: markdown, oldValue: prevMarkdown }));
+        };
+        this.render = () => html `
 		<style>
 			.ProseMirror.editor { max-width: ${this.maxContentWidth}px; }
 		</style>
 		<div id="container" spellcheck="false"></div>
 		<og-slider direction="vertical"></og-slider>
-	`,dom.on(this,"click","a",((t,e)=>{if(!this.dispatchEvent(new MarkdownLinkEvent({href:e.getAttribute("href"),a:e,origEvent:t})))return void t.preventDefault();const r=e.getAttribute("href");r&&r.startsWith("#")&&(t.preventDefault(),this.scrollToSelector(r))}))}scrollToSelector(t){const e=this.milkdownElm.querySelector(t);e&&(this.milkdownElm.scrollTop=e.offsetTop,this.slider.updatePosition())}connectedCallback(){super.connectedCallback(),this.requestUpdate()}updateWidth(){const t=Math.min(this.maxContentWidth,this.clientWidth);this.milkdownElm.style.width=`${t}px`}async updated(){__classPrivateFieldGet(this,_MarkdownEditor_editor,"f")||(__classPrivateFieldSet(this,_MarkdownEditor_editor,await createEditor({container:this.container,content:this.content,readOnly:this.readOnly,onUpload:this.onUpload,onChange:this._onChange,modifyImageUrl:this.modifyImageUrl}),"f"),this.slider.attachElement(this.milkdownElm))}disconnectedCallback(){super.disconnectedCallback(),__classPrivateFieldGet(this,_MarkdownEditor_editor,"f")?.destroy(),__classPrivateFieldSet(this,_MarkdownEditor_editor,null,"f"),dom.empty(this.container)}layout(){}};_MarkdownEditor_content=new WeakMap,_MarkdownEditor_editor=new WeakMap,MarkdownEditor.styles=[style,...styles],__decorate([property({type:String})],MarkdownEditor.prototype,"content",null),__decorate([property({type:Number})],MarkdownEditor.prototype,"maxContentWidth",void 0),__decorate([property({type:String,reflect:!0})],MarkdownEditor.prototype,"contentAlignment",void 0),__decorate([property({type:Boolean,reflect:!0})],MarkdownEditor.prototype,"readOnly",void 0),__decorate([query("#container")],MarkdownEditor.prototype,"container",void 0),__decorate([query("og-slider")],MarkdownEditor.prototype,"slider",void 0),__decorate([property({type:Object})],MarkdownEditor.prototype,"onUpload",void 0),__decorate([property({type:Object})],MarkdownEditor.prototype,"modifyImageUrl",void 0),MarkdownEditor=__decorate([customElement("og-markdown-editor")],MarkdownEditor);export{MarkdownEditor};
+	`;
+        dom.on(this, 'click', 'a', (e, a) => {
+            const canceled = !this.dispatchEvent(new MarkdownLinkEvent({
+                href: a.getAttribute('href'),
+                a: a,
+                origEvent: e
+            }));
+            if (canceled) {
+                e.preventDefault();
+                return;
+            }
+            const href = a.getAttribute('href');
+            if (href && href.startsWith('#')) {
+                e.preventDefault();
+                this.scrollToSelector(href);
+            }
+        });
+    }
+    scrollToSelector(selector) {
+        const elm = this.milkdownElm.querySelector(selector);
+        if (!elm)
+            return;
+        this.milkdownElm.scrollTop = elm.offsetTop;
+        this.slider.updatePosition();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.requestUpdate();
+    }
+    updateWidth() {
+        const width = Math.min(this.maxContentWidth, this.clientWidth);
+        this.milkdownElm.style.width = `${width}px`;
+    }
+    async updated() {
+        if (__classPrivateFieldGet(this, _MarkdownEditor_editor, "f"))
+            return;
+        __classPrivateFieldSet(this, _MarkdownEditor_editor, await createEditor({
+            container: this.container,
+            content: this.content,
+            readOnly: this.readOnly,
+            onUpload: this.onUpload,
+            onChange: this._onChange,
+            modifyImageUrl: this.modifyImageUrl
+        }), "f");
+        this.slider.attachElement(this.milkdownElm);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        __classPrivateFieldGet(this, _MarkdownEditor_editor, "f")?.destroy();
+        __classPrivateFieldSet(this, _MarkdownEditor_editor, null, "f");
+        dom.empty(this.container);
+    }
+    layout() { }
+};
+_MarkdownEditor_content = new WeakMap();
+_MarkdownEditor_editor = new WeakMap();
+MarkdownEditor.styles = [style, ...styles];
+__decorate([
+    property({ type: String })
+], MarkdownEditor.prototype, "content", null);
+__decorate([
+    property({ type: Number })
+], MarkdownEditor.prototype, "maxContentWidth", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], MarkdownEditor.prototype, "contentAlignment", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], MarkdownEditor.prototype, "readOnly", void 0);
+__decorate([
+    query('#container')
+], MarkdownEditor.prototype, "container", void 0);
+__decorate([
+    query('og-slider')
+], MarkdownEditor.prototype, "slider", void 0);
+__decorate([
+    property({ type: Object })
+], MarkdownEditor.prototype, "onUpload", void 0);
+__decorate([
+    property({ type: Object })
+], MarkdownEditor.prototype, "modifyImageUrl", void 0);
+MarkdownEditor = __decorate([
+    customElement('og-markdown-editor')
+], MarkdownEditor);
+export { MarkdownEditor };
+//# sourceMappingURL=markdownEditor.js.map

package/dist/components/markdownEditor.style.js

@@ -1,4 +1,23 @@
-import{css}from"lit";export const style=css`
+import { css } from "lit";
+// --markdown-font-default
+// --markdown-color-on-background
+// --markdown-color-background
+// --markdown-color-selected
+// --markdown-color-primary
+// --markdown-font-title
+// --markdown-color-inline-code
+// --markdown-color-inline-area
+// --markdown-font-code
+// --markdown-color-hover
+// --markdown-shadow-1
+// --markdown-color-on-surface
+// --markdown-color-surface
+// --markdown-color-outline
+// --markdown-color-on-inverse
+// --markdown-color-inverse
+// --markdown-color-on-secondary
+// --markdown-color-secondary
+export const style = css `
 	* {
 		box-sizing: border-box;
 	}
@@ -218,4 +237,5 @@ import{css}from"lit";export const style=css`
 		background-color: color-mix(in srgb, var(--markdown-color-outline), transparent 80%);
 		pointer-events: none;
 	}
-`;
+`;
+//# sourceMappingURL=markdownEditor.style.js.map

package/dist/components/markdownView.js

@@ -1 +1,19 @@
-var __decorate=this&&this.__decorate||function(e,t,r,o){var n,c=arguments.length,d=c<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,r,o);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(d=(c<3?n(d):c>3?n(t,r,d):n(t,r))||d);return c>3&&d&&Object.defineProperty(t,r,d),d};import{customElement}from"lit/decorators.js";import{MarkdownEditor}from"./markdownEditor";let MarkdownView=class extends MarkdownEditor{constructor(){super(),this.readOnly=!0}};MarkdownView=__decorate([customElement("og-markdown-view")],MarkdownView);export{MarkdownView};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement } from 'lit/decorators.js';
+import { MarkdownEditor } from './markdownEditor';
+let MarkdownView = class MarkdownView extends MarkdownEditor {
+    constructor() {
+        super();
+        this.readOnly = true;
+    }
+};
+MarkdownView = __decorate([
+    customElement('og-markdown-view')
+], MarkdownView);
+export { MarkdownView };
+//# sourceMappingURL=markdownView.js.map

package/dist/components/markdownView.style.js

@@ -1,4 +1,5 @@
-import{css}from"lit";export const style=css`
+import { css } from "lit";
+export const style = css `
 	* {
 		box-sizing: border-box;
 	}
@@ -41,4 +42,5 @@ import{css}from"lit";export const style=css`
 
 
 
-`;
+`;
+//# sourceMappingURL=markdownView.style.js.map

package/dist/components/styles/block-edit.js

@@ -1,4 +1,5 @@
-import{css}from"lit";export const style=css`
+import { css } from "lit";
+export const style = css `
 milkdown-block-handle {
 	transition: all 0.2s;
 	position: absolute;
@@ -129,4 +130,5 @@ milkdown-block-handle {
 	margin: 0 10px;
   }
   
-`;
+`;
+//# sourceMappingURL=block-edit.js.map

package/dist/components/styles/cursor.js

@@ -1,4 +1,5 @@
-import{css}from"lit";export const style=css`
+import { css } from "lit";
+export const style = css `
 	.crepe-drop-cursor {
 		opacity: 0.5;
 		transition: all 0.2s;
@@ -9,4 +10,5 @@ import{css}from"lit";export const style=css`
 		box-sizing: border-box;
 		border-top: 1px solid var(--crepe-color-on-background);
 	}
-`;
+`;
+//# sourceMappingURL=cursor.js.map

package/dist/components/styles/image-block.js

@@ -1,4 +1,5 @@
-import{css}from"lit";export const style=css`
+import { css } from "lit";
+export const style = css `
 	milkdown-image-inline {
 		outline: none;
 		display: inline;
@@ -329,4 +330,5 @@ import{css}from"lit";export const style=css`
 		),
 		var(--markdown-color-secondary);
 	}
-`;
+`;
+//# sourceMappingURL=image-block.js.map

package/dist/components/styles/index.js

@@ -1 +1,19 @@
-import{style as blockEditStyle}from"./block-edit";import{style as cursorStyle}from"./cursor";import{style as imageStyle}from"./image-block";import{style as linkTooltipStyle}from"./link-tooltip";import{style as listItemStyle}from"./list-item";import{style as placeholderStyle}from"./placeholder";import{style as prosemirrorStyle}from"./prosemirror";import{style as tableStyle}from"./table";export default[blockEditStyle,cursorStyle,imageStyle,linkTooltipStyle,listItemStyle,placeholderStyle,prosemirrorStyle,tableStyle];
+import { style as blockEditStyle } from './block-edit';
+import { style as cursorStyle } from './cursor';
+import { style as imageStyle } from './image-block';
+import { style as linkTooltipStyle } from './link-tooltip';
+import { style as listItemStyle } from './list-item';
+import { style as placeholderStyle } from './placeholder';
+import { style as prosemirrorStyle } from './prosemirror';
+import { style as tableStyle } from './table';
+export default [
+    blockEditStyle,
+    cursorStyle,
+    imageStyle,
+    linkTooltipStyle,
+    listItemStyle,
+    placeholderStyle,
+    prosemirrorStyle,
+    tableStyle,
+];
+//# sourceMappingURL=index.js.map

package/dist/components/styles/link-tooltip.js

@@ -1,4 +1,5 @@
-import{css}from"lit";export const style=css`
+import { css } from "lit";
+export const style = css `
 	milkdown-link-preview {
 		position: absolute;
 		height: 32px;
@@ -107,4 +108,5 @@ import{css}from"lit";export const style=css`
 	milkdown-link-edit > .link-edit > .button.hidden {
 		visibility: hidden;
 	}
-`;
+`;
+//# sourceMappingURL=link-tooltip.js.map

package/dist/components/styles/list-item.js

@@ -1,4 +1,5 @@
-import{css}from"lit";export const style=css`
+import { css } from "lit";
+export const style = css `
 	milkdown-list-item-block {
 		display: block;
 		padding: 0;
@@ -37,4 +38,5 @@ import{css}from"lit";export const style=css`
 	milkdown-list-item-block li .label-wrapper .readonly {
 		cursor: not-allowed;
 	}
-`;
+`;
+//# sourceMappingURL=list-item.js.map

package/dist/components/styles/placeholder.js

@@ -1,4 +1,5 @@
-import{css}from"lit";export const style=css`
+import { css } from "lit";
+export const style = css `
 	.crepe-placeholder::before {
 		position: absolute;
 		color: var(--og-accent-color-alpha-70);
@@ -6,4 +7,5 @@ import{css}from"lit";export const style=css`
 		height: 0;
 		content: attr(data-placeholder);
 	}
-`;
+`;
+//# sourceMappingURL=placeholder.js.map

package/dist/components/styles/prosemirror.js

@@ -1,4 +1,5 @@
-import{css}from"lit";export const style=css`
+import { css } from "lit";
+export const style = css `
 	.ProseMirror {
 		position: relative;
 	}
@@ -53,4 +54,5 @@ import{css}from"lit";export const style=css`
 		border: none !important;
 		margin: 0 !important;
 	}
-`;
+`;
+//# sourceMappingURL=prosemirror.js.map

package/dist/components/styles/table.js

@@ -1,4 +1,5 @@
-import{css}from"lit";export const style=css`
+import { css } from "lit";
+export const style = css `
 	.ProseMirror .tableWrapper {
 		overflow-x: auto;
 	}
@@ -230,4 +231,5 @@ import{css}from"lit";export const style=css`
 	milkdown-table-block.readonly .handle {
 		display: none;
 	}
-`;
+`;
+//# sourceMappingURL=table.js.map

package/dist/constants.js

@@ -1 +1,5 @@
-import{constants as coreConstants}from"@omegagrid/core";export default{...coreConstants};
+import { constants as coreConstants } from '@omegagrid/core';
+export default {
+    ...coreConstants
+};
+//# sourceMappingURL=constants.js.map

package/dist/index.js

@@ -1 +1,4 @@
-export*from"./components";export*from"./utils";export{MilkdownLoader as loader}from"./loader";
+export * from './components';
+export * from './utils';
+export { MilkdownLoader as loader } from './loader';
+//# sourceMappingURL=index.js.map

package/dist/loader.js

@@ -1 +1,46 @@
-var _a,_MilkdownLoader_milkdown,__classPrivateFieldGet=this&&this.__classPrivateFieldGet||function(e,i,t,a){if("a"===t&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?e!==i||!a:!i.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?a:"a"===t?a.call(e):a?a.value:i.get(e)},__classPrivateFieldSet=this&&this.__classPrivateFieldSet||function(e,i,t,a,o){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?e!==i||!o:!i.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?o.call(e,t):o?o.value=t:i.set(e,t),t};import{ScriptLoader}from"@omegagrid/core";export const md={};export class MilkdownLoader{static init(e){_a.milkdownPath=e}static async get(){return __classPrivateFieldGet(this,_a,"f",_MilkdownLoader_milkdown)||__classPrivateFieldSet(this,_a,await this.load(),"f",_MilkdownLoader_milkdown),Object.assign(md,__classPrivateFieldGet(this,_a,"f",_MilkdownLoader_milkdown)),__classPrivateFieldGet(this,_a,"f",_MilkdownLoader_milkdown)}static getSync(){return __classPrivateFieldGet(this,_a,"f",_MilkdownLoader_milkdown)}static async load(){return window.Milkdown?window.Milkdown:new Promise(((e,i)=>ScriptLoader.load(this.milkdownPath).then((()=>{window.Milkdown?e(window.Milkdown):i("Failed to load Milkdown")})).catch((e=>{console.error("Failed to load Milkdown",e),i(e)}))))}}_a=MilkdownLoader,_MilkdownLoader_milkdown={value:void 0};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _a, _MilkdownLoader_milkdown;
+import { ScriptLoader } from "@omegagrid/core";
+export const md = {};
+export class MilkdownLoader {
+    static init(path) {
+        _a.milkdownPath = path;
+    }
+    static async get() {
+        if (!__classPrivateFieldGet(this, _a, "f", _MilkdownLoader_milkdown))
+            __classPrivateFieldSet(this, _a, await this.load(), "f", _MilkdownLoader_milkdown);
+        Object.assign(md, __classPrivateFieldGet(this, _a, "f", _MilkdownLoader_milkdown));
+        return __classPrivateFieldGet(this, _a, "f", _MilkdownLoader_milkdown);
+    }
+    static getSync() {
+        return __classPrivateFieldGet(this, _a, "f", _MilkdownLoader_milkdown);
+    }
+    static async load() {
+        if (window.Milkdown)
+            return window.Milkdown;
+        return new Promise((resolve, reject) => ScriptLoader.load(this.milkdownPath).then(() => {
+            if (window.Milkdown) {
+                resolve(window.Milkdown);
+            }
+            else {
+                reject('Failed to load Milkdown');
+            }
+        }).catch((error) => {
+            console.error('Failed to load Milkdown', error);
+            reject(error);
+        }));
+    }
+}
+_a = MilkdownLoader;
+_MilkdownLoader_milkdown = { value: void 0 };
+//# sourceMappingURL=loader.js.map

package/dist/utils.js

@@ -1 +1,62 @@
-import{MilkdownLoader}from"./loader";import{configureFeatures,getFeatures}from".";export async function createEditor(e){const t=await MilkdownLoader.get(),r=t.core.Editor.make(),n=Array.from(getFeatures(r,t,e).entries()).filter((([e,t])=>t.default));return r.config(configureFeatures(n.map((e=>e[0])),t)).config((r=>{e?.container&&r.set(t.core.rootCtx,e.container),e?.content&&r.set(t.core.defaultValueCtx,e.content),e?.readOnly&&r.update(t.core.editorViewOptionsCtx,(e=>({...e,editable:()=>!1}))),r.update(t.plugins.indent.indentConfig.key,(e=>({...e,size:4}))),r.get(t.plugins.listener.listenerCtx).markdownUpdated(((t,r,n)=>{e?.onChange&&r!==n&&e.onChange(r,n)}))})).use(t.presets.commonmark.commonmark).use(t.plugins.listener.listener).use(t.plugins.history.history).use(t.plugins.indent.indent).use(t.plugins.trailing.trailing).use(t.plugins.clipboard.clipboard).use(t.presets.gfm.gfm),n.forEach((e=>e[1].init())),await r.create(),r}export async function markdownToHtml(e,t){const r=await createEditor(Object.assign({},t,{content:e,readOnly:!0})),n=MilkdownLoader.getSync(),i=document.createElement("div"),o=r.ctx.get(n.core.schemaCtx),a=r.ctx.get(n.core.editorViewCtx),s=n.prose.model.DOMSerializer.fromSchema(o).serializeFragment(a.state.doc.content);for(const e of s.querySelectorAll("img")){const r=e.getAttribute("src");if(r&&t?.modifyImageUrl){const n=t.modifyImageUrl(r);e.setAttribute("src","string"==typeof n?n:await n)}e.hasAttribute("ratio")&&(e.style.width=100*parseFloat(e.getAttribute("ratio"))+"%")}return i.appendChild(s),r.destroy(),i.innerHTML}
+import { MilkdownLoader } from "./loader";
+import { configureFeatures, getFeatures } from '.';
+export async function createEditor(options) {
+    const milkdown = await MilkdownLoader.get();
+    const editor = milkdown.core.Editor.make();
+    const enabledFeatures = Array.from(getFeatures(editor, milkdown, options).entries()).filter(([_k, v]) => v.default);
+    editor.config(configureFeatures(enabledFeatures.map(f => f[0]), milkdown))
+        .config((ctx) => {
+        if (options?.container)
+            ctx.set(milkdown.core.rootCtx, options.container);
+        if (options?.content)
+            ctx.set(milkdown.core.defaultValueCtx, options.content);
+        if (options?.readOnly) {
+            ctx.update(milkdown.core.editorViewOptionsCtx, (prev) => ({ ...prev, editable: () => false }));
+        }
+        ctx.update(milkdown.plugins.indent.indentConfig.key, (value) => ({
+            ...value,
+            size: 4,
+        }));
+        const listener = ctx.get(milkdown.plugins.listener.listenerCtx);
+        listener.markdownUpdated((_ctx, markdown, prevMarkdown) => {
+            if (options?.onChange && markdown !== prevMarkdown) {
+                options.onChange(markdown, prevMarkdown);
+            }
+        });
+        // listener.mounted((ctx) => {
+        // 	console.log(options.container);
+        // });
+    })
+        .use(milkdown.presets.commonmark.commonmark)
+        .use(milkdown.plugins.listener.listener)
+        .use(milkdown.plugins.history.history)
+        .use(milkdown.plugins.indent.indent)
+        .use(milkdown.plugins.trailing.trailing)
+        .use(milkdown.plugins.clipboard.clipboard)
+        .use(milkdown.presets.gfm.gfm);
+    enabledFeatures.forEach(f => f[1].init());
+    await editor.create();
+    return editor;
+}
+export async function markdownToHtml(markdown, options) {
+    const editor = await createEditor(Object.assign({}, options, { content: markdown, readOnly: true }));
+    const md = MilkdownLoader.getSync();
+    const div = document.createElement('div');
+    const schema = editor.ctx.get(md.core.schemaCtx);
+    const view = editor.ctx.get(md.core.editorViewCtx);
+    const fragment = md.prose.model.DOMSerializer.fromSchema(schema).serializeFragment(view.state.doc.content);
+    for (const img of fragment.querySelectorAll('img')) {
+        const src = img.getAttribute('src');
+        if (src && options?.modifyImageUrl) {
+            const url = options.modifyImageUrl(src);
+            img.setAttribute('src', typeof url === 'string' ? url : await url);
+        }
+        if (img.hasAttribute('ratio')) {
+            img.style.width = (100 * parseFloat(img.getAttribute('ratio'))) + '%';
+        }
+    }
+    div.appendChild(fragment);
+    editor.destroy();
+    return div.innerHTML;
+}
+//# sourceMappingURL=utils.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omegagrid/markdown",
-  "version": "0.6.26",
+  "version": "0.6.28",
   "license": "UNLICENSED",
   "description": "Markdown view webcomponent",
   "main": "./dist/index.js",
@@ -28,11 +28,11 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "6.4.2",
-    "@omegagrid/code": "^0.6.26",
-    "@omegagrid/core": "^0.6.26",
-    "@omegagrid/localize": "^0.6.26",
-    "@omegagrid/milkdown-kit": "^0.6.26",
-    "@omegagrid/tabs": "^0.6.26",
+    "@omegagrid/code": "^0.6.28",
+    "@omegagrid/core": "^0.6.28",
+    "@omegagrid/localize": "^0.6.28",
+    "@omegagrid/milkdown-kit": "^0.6.28",
+    "@omegagrid/tabs": "^0.6.28",
     "@riovir/wc-fontawesome": "^0.1.9",
     "lit": "^3.1.1",
     "markdown-it": "^14.1.0",