@omegagrid/markdown 0.9.38 → 0.9.39

package/dist/components/markdownEditor.js

@@ -1,143 +1,7 @@
-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 `
+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`
 		<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', (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
+	`,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};

package/dist/components/markdownEditor.style.js

@@ -1,23 +1,4 @@
-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 `
+import{css}from"lit";export const style=css`
 	* {
 		box-sizing: border-box;
 	}
@@ -237,5 +218,4 @@ 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,19 +1 @@
-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
+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};

package/dist/components/markdownView.style.js

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

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

@@ -1,5 +1,4 @@
-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;
@@ -130,5 +129,4 @@ milkdown-block-handle {
 	margin: 0 10px;
   }
   
-`;
-//# sourceMappingURL=block-edit.js.map
+`;

package/dist/components/styles/cursor.js

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

package/dist/components/styles/index.js

@@ -1,19 +1 @@
-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
+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];

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

@@ -1,5 +1,4 @@
-import { css } from "lit";
-export const style = css `
+import{css}from"lit";export const style=css`
 	milkdown-link-preview {
 		position: absolute;
 		height: 32px;
@@ -108,5 +107,4 @@ 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,5 +1,4 @@
-import { css } from "lit";
-export const style = css `
+import{css}from"lit";export const style=css`
 	milkdown-list-item-block {
 		display: block;
 		padding: 0;
@@ -38,5 +37,4 @@ 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,5 +1,4 @@
-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);
@@ -7,5 +6,4 @@ export const style = css `
 		height: 0;
 		content: attr(data-placeholder);
 	}
-`;
-//# sourceMappingURL=placeholder.js.map
+`;

package/dist/components/styles/prosemirror.js

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

package/dist/components/styles/table.js

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

package/dist/constants.js

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

package/dist/index.js

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

package/dist/loader.js

@@ -1,46 +1 @@
-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
+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};

package/dist/utils.js

@@ -1,62 +1 @@
-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
+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}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omegagrid/markdown",
-  "version": "0.9.38",
+  "version": "0.9.39",
   "license": "UNLICENSED",
   "description": "Markdown view webcomponent",
   "main": "./dist/index.js",
@@ -28,11 +28,11 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.0.1",
-    "@omegagrid/code": "^0.9.38",
-    "@omegagrid/core": "^0.9.38",
-    "@omegagrid/localize": "^0.9.38",
-    "@omegagrid/milkdown-kit": "^0.9.38",
-    "@omegagrid/tabs": "^0.9.38",
+    "@omegagrid/code": "^0.9.39",
+    "@omegagrid/core": "^0.9.39",
+    "@omegagrid/localize": "^0.9.39",
+    "@omegagrid/milkdown-kit": "^0.9.39",
+    "@omegagrid/tabs": "^0.9.39",
     "lit": "^3.1.1",
     "markdown-it": "^14.1.0",
     "ts-debounce": "^4.0.0"