@omegagrid/markdown 0.6.26 → 0.6.28

package/dist/components/features/linkEdit/view.js

@@ -1 +1,135 @@
-var _LinkEditView_provider,_LinkEditView_slice,_LinkEditView_content,_LinkEditView_hovering,_LinkEditView_data,_LinkEditView_hide,_LinkEditView_onMouseEnter,_LinkEditView_onMouseLeave,_LinkEditView_enterEditMode,_LinkEditView_reset,__classPrivateFieldSet=this&&this.__classPrivateFieldSet||function(e,i,t,s,a){if("m"===s)throw new TypeError("Private method is not writable");if("a"===s&&!a)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?e!==i||!a:!i.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===s?a.call(e,t):a?a.value=t:i.set(e,t),t},__classPrivateFieldGet=this&&this.__classPrivateFieldGet||function(e,i,t,s){if("a"===t&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?e!==i||!s:!i.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?s:"a"===t?s.call(e):s?s.value:i.get(e)};import{dom}from"@omegagrid/core";import{md}from"../../../loader";import{getLinkEditAPI,getLinkEditState}from"./slices";const defaultData={from:-1,to:-1,mark:null};export class LinkEditView{constructor(e,i){this.ctx=e,_LinkEditView_provider.set(this,void 0),_LinkEditView_slice.set(this,void 0),_LinkEditView_content.set(this,void 0),_LinkEditView_hovering.set(this,!1),_LinkEditView_data.set(this,{...defaultData}),this._onChange=e=>{const{from:i,to:t,mark:s}=__classPrivateFieldGet(this,_LinkEditView_data,"f");if(null==e.value||""===e.value)this.ctx.get(getLinkEditAPI().key).removeLink(i,t);else{const a=this.ctx.get(md.core.editorViewCtx),_=md.presets.commonmark.linkSchema.type(this.ctx);if(s&&s.attrs.href===e.value)return void __classPrivateFieldGet(this,_LinkEditView_reset,"f").call(this);const d=a.state.tr;s&&d.removeMark(i,t,s),d.addMark(i,t,_.create({href:e.value})),a.dispatch(d),__classPrivateFieldGet(this,_LinkEditView_reset,"f").call(this)}__classPrivateFieldGet(this,_LinkEditView_hide,"f").call(this)},this.update=e=>{const{state:i}=e,{selection:t}=i;if(!(t instanceof md.prose.state.TextSelection))return;const{from:s,to:a}=t;s===__classPrivateFieldGet(this,_LinkEditView_data,"f").from&&a===__classPrivateFieldGet(this,_LinkEditView_data,"f").to||__classPrivateFieldGet(this,_LinkEditView_reset,"f").call(this)},this.destroy=()=>{__classPrivateFieldGet(this,_LinkEditView_provider,"f").destroy(),__classPrivateFieldGet(this,_LinkEditView_content,"f").remove()},this.show=(e,i,t,s)=>{__classPrivateFieldSet(this,_LinkEditView_data,{from:i,to:t,mark:e},"f"),s.height=__classPrivateFieldGet(this,_LinkEditView_content,"f").offsetHeight||20,s.width=__classPrivateFieldGet(this,_LinkEditView_content,"f").offsetWidth||150,__classPrivateFieldGet(this,_LinkEditView_provider,"f").show({getBoundingClientRect:()=>s}),__classPrivateFieldGet(this,_LinkEditView_provider,"f").element.addEventListener("mouseenter",__classPrivateFieldGet(this,_LinkEditView_onMouseEnter,"f")),__classPrivateFieldGet(this,_LinkEditView_provider,"f").element.addEventListener("mouseleave",__classPrivateFieldGet(this,_LinkEditView_onMouseLeave,"f")),__classPrivateFieldGet(this,_LinkEditView_content,"f").value=e?.attrs.href??"",dom.showElement(__classPrivateFieldGet(this,_LinkEditView_content,"f"))},this.hide=()=>{__classPrivateFieldGet(this,_LinkEditView_hovering,"f")||__classPrivateFieldGet(this,_LinkEditView_hide,"f").call(this)},_LinkEditView_hide.set(this,(()=>{dom.hideElement(__classPrivateFieldGet(this,_LinkEditView_content,"f")),__classPrivateFieldGet(this,_LinkEditView_provider,"f").hide(),__classPrivateFieldGet(this,_LinkEditView_provider,"f").element.removeEventListener("mouseenter",__classPrivateFieldGet(this,_LinkEditView_onMouseEnter,"f")),__classPrivateFieldGet(this,_LinkEditView_provider,"f").element.removeEventListener("mouseleave",__classPrivateFieldGet(this,_LinkEditView_onMouseLeave,"f"))})),_LinkEditView_onMouseEnter.set(this,(()=>{__classPrivateFieldSet(this,_LinkEditView_hovering,!0,"f")})),_LinkEditView_onMouseLeave.set(this,(()=>{__classPrivateFieldSet(this,_LinkEditView_hovering,!1,"f")})),_LinkEditView_enterEditMode.set(this,((e,i,t)=>{__classPrivateFieldGet(this,_LinkEditView_content,"f").value=e;const s=this.ctx.get(md.core.editorViewCtx);this.show(null,i,t,md.prose.posToDOMRect(s,i,t));const a=s.state.tr;s.dispatch(a.setSelection(md.prose.state.TextSelection.create(s.state.doc,i,t)))})),_LinkEditView_reset.set(this,(()=>{__classPrivateFieldGet(this,_LinkEditView_provider,"f").hide(),__classPrivateFieldSet(this,_LinkEditView_data,{...defaultData},"f")})),this.addLink=(e,i)=>{__classPrivateFieldSet(this,_LinkEditView_data,{from:e,to:i,mark:null},"f"),console.log(this),__classPrivateFieldGet(this,_LinkEditView_enterEditMode,"f").call(this,"",e,i)},this.editLink=(e,i,t)=>{__classPrivateFieldSet(this,_LinkEditView_data,{from:i,to:t,mark:e},"f"),__classPrivateFieldGet(this,_LinkEditView_enterEditMode,"f").call(this,e.attrs.href,i,t)},this.removeLink=(e,i)=>{const t=this.ctx.get(md.core.editorViewCtx),s=t.state.tr;s.removeMark(e,i,md.presets.commonmark.linkSchema.type(this.ctx)),t.dispatch(s),__classPrivateFieldGet(this,_LinkEditView_reset,"f").call(this)};const t=dom.createElement("og-markdown-linkedit");t.addEventListener("change",this._onChange),t.ctx=e,__classPrivateFieldSet(this,_LinkEditView_content,t,"f"),__classPrivateFieldSet(this,_LinkEditView_provider,new md.plugins.tooltip.TooltipProvider({content:__classPrivateFieldGet(this,_LinkEditView_content,"f"),offset:10,debounce:0,shouldShow:()=>!1}),"f"),__classPrivateFieldGet(this,_LinkEditView_provider,"f").update(i),__classPrivateFieldSet(this,_LinkEditView_slice,e.use(getLinkEditState().key),"f")}}_LinkEditView_provider=new WeakMap,_LinkEditView_slice=new WeakMap,_LinkEditView_content=new WeakMap,_LinkEditView_hovering=new WeakMap,_LinkEditView_data=new WeakMap,_LinkEditView_hide=new WeakMap,_LinkEditView_onMouseEnter=new WeakMap,_LinkEditView_onMouseLeave=new WeakMap,_LinkEditView_enterEditMode=new WeakMap,_LinkEditView_reset=new WeakMap;
+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 __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 _LinkEditView_provider, _LinkEditView_slice, _LinkEditView_content, _LinkEditView_hovering, _LinkEditView_data, _LinkEditView_hide, _LinkEditView_onMouseEnter, _LinkEditView_onMouseLeave, _LinkEditView_enterEditMode, _LinkEditView_reset;
+import { dom } from "@omegagrid/core";
+import { md } from "../../../loader";
+import { getLinkEditAPI, getLinkEditState } from "./slices";
+const defaultData = {
+    from: -1,
+    to: -1,
+    mark: null,
+};
+export class LinkEditView {
+    constructor(ctx, view) {
+        this.ctx = ctx;
+        _LinkEditView_provider.set(this, void 0);
+        _LinkEditView_slice.set(this, void 0);
+        _LinkEditView_content.set(this, void 0);
+        _LinkEditView_hovering.set(this, false);
+        _LinkEditView_data.set(this, { ...defaultData });
+        this._onChange = (e) => {
+            const { from, to, mark } = __classPrivateFieldGet(this, _LinkEditView_data, "f");
+            if (e.value == null || e.value === '') {
+                this.ctx.get(getLinkEditAPI().key).removeLink(from, to);
+            }
+            else {
+                const view = this.ctx.get(md.core.editorViewCtx);
+                const type = md.presets.commonmark.linkSchema.type(this.ctx);
+                if (mark && mark.attrs.href === e.value) {
+                    __classPrivateFieldGet(this, _LinkEditView_reset, "f").call(this);
+                    return;
+                }
+                const tr = view.state.tr;
+                if (mark)
+                    tr.removeMark(from, to, mark);
+                tr.addMark(from, to, type.create({ href: e.value }));
+                view.dispatch(tr);
+                __classPrivateFieldGet(this, _LinkEditView_reset, "f").call(this);
+            }
+            __classPrivateFieldGet(this, _LinkEditView_hide, "f").call(this);
+        };
+        this.update = (view) => {
+            const { state } = view;
+            const { selection } = state;
+            if (!(selection instanceof md.prose.state.TextSelection))
+                return;
+            const { from, to } = selection;
+            if (from === __classPrivateFieldGet(this, _LinkEditView_data, "f").from && to === __classPrivateFieldGet(this, _LinkEditView_data, "f").to)
+                return;
+            __classPrivateFieldGet(this, _LinkEditView_reset, "f").call(this);
+        };
+        this.destroy = () => {
+            __classPrivateFieldGet(this, _LinkEditView_provider, "f").destroy();
+            __classPrivateFieldGet(this, _LinkEditView_content, "f").remove();
+        };
+        this.show = (mark, from, to, rect) => {
+            __classPrivateFieldSet(this, _LinkEditView_data, { from, to, mark }, "f");
+            rect.height = __classPrivateFieldGet(this, _LinkEditView_content, "f").offsetHeight || 20;
+            rect.width = __classPrivateFieldGet(this, _LinkEditView_content, "f").offsetWidth || 150;
+            __classPrivateFieldGet(this, _LinkEditView_provider, "f").show({
+                getBoundingClientRect: () => rect,
+            });
+            __classPrivateFieldGet(this, _LinkEditView_provider, "f").element.addEventListener('mouseenter', __classPrivateFieldGet(this, _LinkEditView_onMouseEnter, "f"));
+            __classPrivateFieldGet(this, _LinkEditView_provider, "f").element.addEventListener('mouseleave', __classPrivateFieldGet(this, _LinkEditView_onMouseLeave, "f"));
+            __classPrivateFieldGet(this, _LinkEditView_content, "f").value = mark?.attrs.href ?? '';
+            dom.showElement(__classPrivateFieldGet(this, _LinkEditView_content, "f"));
+        };
+        this.hide = () => {
+            if (__classPrivateFieldGet(this, _LinkEditView_hovering, "f"))
+                return;
+            __classPrivateFieldGet(this, _LinkEditView_hide, "f").call(this);
+        };
+        _LinkEditView_hide.set(this, () => {
+            dom.hideElement(__classPrivateFieldGet(this, _LinkEditView_content, "f"));
+            __classPrivateFieldGet(this, _LinkEditView_provider, "f").hide();
+            __classPrivateFieldGet(this, _LinkEditView_provider, "f").element.removeEventListener('mouseenter', __classPrivateFieldGet(this, _LinkEditView_onMouseEnter, "f"));
+            __classPrivateFieldGet(this, _LinkEditView_provider, "f").element.removeEventListener('mouseleave', __classPrivateFieldGet(this, _LinkEditView_onMouseLeave, "f"));
+        });
+        _LinkEditView_onMouseEnter.set(this, () => {
+            __classPrivateFieldSet(this, _LinkEditView_hovering, true, "f");
+        });
+        _LinkEditView_onMouseLeave.set(this, () => {
+            __classPrivateFieldSet(this, _LinkEditView_hovering, false, "f");
+        });
+        _LinkEditView_enterEditMode.set(this, (value, from, to) => {
+            __classPrivateFieldGet(this, _LinkEditView_content, "f").value = value;
+            const view = this.ctx.get(md.core.editorViewCtx);
+            this.show(null, from, to, md.prose.posToDOMRect(view, from, to));
+            const tr = view.state.tr;
+            view.dispatch(tr.setSelection(md.prose.state.TextSelection.create(view.state.doc, from, to)));
+        });
+        _LinkEditView_reset.set(this, () => {
+            __classPrivateFieldGet(this, _LinkEditView_provider, "f").hide();
+            __classPrivateFieldSet(this, _LinkEditView_data, { ...defaultData }, "f");
+        });
+        this.addLink = (from, to) => {
+            __classPrivateFieldSet(this, _LinkEditView_data, { from, to, mark: null }, "f");
+            console.log(this);
+            __classPrivateFieldGet(this, _LinkEditView_enterEditMode, "f").call(this, '', from, to);
+        };
+        this.editLink = (mark, from, to) => {
+            __classPrivateFieldSet(this, _LinkEditView_data, { from, to, mark }, "f");
+            __classPrivateFieldGet(this, _LinkEditView_enterEditMode, "f").call(this, mark.attrs.href, from, to);
+        };
+        this.removeLink = (from, to) => {
+            const view = this.ctx.get(md.core.editorViewCtx);
+            const tr = view.state.tr;
+            tr.removeMark(from, to, md.presets.commonmark.linkSchema.type(this.ctx));
+            view.dispatch(tr);
+            __classPrivateFieldGet(this, _LinkEditView_reset, "f").call(this);
+        };
+        const content = dom.createElement('og-markdown-linkedit');
+        content.addEventListener('change', this._onChange);
+        content.ctx = ctx;
+        __classPrivateFieldSet(this, _LinkEditView_content, content, "f");
+        __classPrivateFieldSet(this, _LinkEditView_provider, new md.plugins.tooltip.TooltipProvider({
+            content: __classPrivateFieldGet(this, _LinkEditView_content, "f"),
+            offset: 10,
+            debounce: 0,
+            shouldShow: () => false
+        }), "f");
+        __classPrivateFieldGet(this, _LinkEditView_provider, "f").update(view);
+        __classPrivateFieldSet(this, _LinkEditView_slice, ctx.use(getLinkEditState().key), "f");
+    }
+}
+_LinkEditView_provider = new WeakMap(), _LinkEditView_slice = new WeakMap(), _LinkEditView_content = new WeakMap(), _LinkEditView_hovering = new WeakMap(), _LinkEditView_data = new WeakMap(), _LinkEditView_hide = new WeakMap(), _LinkEditView_onMouseEnter = new WeakMap(), _LinkEditView_onMouseLeave = new WeakMap(), _LinkEditView_enterEditMode = new WeakMap(), _LinkEditView_reset = new WeakMap();
+//# sourceMappingURL=view.js.map

package/dist/components/features/placeholder.js

@@ -1 +1,50 @@
-import{isInCodeBlock,isInList}from"./utils";function isDocEmpty(e){return e.childCount<=1&&!e.firstChild?.content.size}function createPlaceholderDecoration(e,t,o){const{selection:n}=t;if(!n.empty)return null;const r=n.$anchor,l=r.parent;if(l.content.size>0)return null;const c=e.prose.findParent((e=>"table"===e.type.name))(r);if(c)return null;const i=r.before();return e.prose.view.Decoration.node(i,i+l.nodeSize,{class:"crepe-placeholder","data-placeholder":o})}export const defaultPlaceholderConfig={text:"Please enter...",mode:"block"};export const createPlaceHolder=e=>{const t=e.utils.$ctx(defaultPlaceholderConfig,"placeholderConfigCtx");return{plugin:e.utils.$prose((o=>new e.prose.state.Plugin({key:new e.prose.state.PluginKey("MARKDOWN_PLACEHOLDER"),props:{decorations:n=>{const r=o.get(t.key);if("doc"===r.mode&&!isDocEmpty(n.doc))return null;if(isInCodeBlock(n.selection)||isInList(n.selection))return null;const l=r.text??"Please enter...",c=createPlaceholderDecoration(e,n,l);return c?e.prose.view.DecorationSet.create(n.doc,[c]):null}}}))),config:t}};
+import { isInCodeBlock, isInList } from './utils';
+function isDocEmpty(doc) {
+    return doc.childCount <= 1 && !doc.firstChild?.content.size;
+}
+function createPlaceholderDecoration(md, state, placeholderText) {
+    const { selection } = state;
+    if (!selection.empty)
+        return null;
+    const $pos = selection.$anchor;
+    const node = $pos.parent;
+    if (node.content.size > 0)
+        return null;
+    const inTable = md.prose.findParent((node) => node.type.name === 'table')($pos);
+    if (inTable)
+        return null;
+    const before = $pos.before();
+    return md.prose.view.Decoration.node(before, before + node.nodeSize, {
+        class: 'crepe-placeholder',
+        'data-placeholder': placeholderText,
+    });
+}
+export const defaultPlaceholderConfig = {
+    text: 'Please enter...',
+    mode: 'block',
+};
+export const createPlaceHolder = (md) => {
+    const placeholderConfig = md.utils.$ctx(defaultPlaceholderConfig, 'placeholderConfigCtx');
+    const placeholderPlugin = md.utils.$prose(ctx => new md.prose.state.Plugin({
+        key: new md.prose.state.PluginKey('MARKDOWN_PLACEHOLDER'),
+        props: {
+            decorations: (state) => {
+                const config = ctx.get(placeholderConfig.key);
+                if (config.mode === 'doc' && !isDocEmpty(state.doc))
+                    return null;
+                if (isInCodeBlock(state.selection) || isInList(state.selection))
+                    return null;
+                const placeholderText = config.text ?? 'Please enter...';
+                const deco = createPlaceholderDecoration(md, state, placeholderText);
+                if (!deco)
+                    return null;
+                return md.prose.view.DecorationSet.create(state.doc, [deco]);
+            },
+        }
+    }));
+    return {
+        plugin: placeholderPlugin,
+        config: placeholderConfig,
+    };
+};
+//# sourceMappingURL=placeholder.js.map

package/dist/components/features/toolbar.d.ts

@@ -12,7 +12,7 @@ export declare class Toolbar extends LitElement {
     isActive: (mark: MarkType) => boolean;
     constructor();
     command(key: milkdown.core.CmdKey<unknown>): void;
-    render: () => import("lit").TemplateResult<1>;
+    render: () => import("lit-html").TemplateResult<1>;
 }
 export declare class ToolbarView implements PluginView {
     #private;

package/dist/components/features/toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/features/toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACxF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAGzD,qBACa,OAAQ,SAAQ,UAAU;IAEtC,MAAM,CAAC,MAAM,0BA6BX;IAEF,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;IACtB,EAAE,EAAE,OAAO,QAAQ,CAAC;IAEpB,IAAI,UAAU,iDAAwC;IACtD,IAAI,GAAG,0CAAiC;IAExC,QAAQ,SAAU,QAAQ,aAKzB;;IAkBD,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;IAI1C,MAAM,wCAiDJ;CACF;AAGD,qBAAa,WAAY,YAAW,UAAU;;gBAKjC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,OAAO,QAAQ;IAgCxE,MAAM,SAAU,UAAU,cAAc,WAAW,UAElD;IAED,OAAO,aAGN;IAED,IAAI,aAEH;CAED"}
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/features/toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACxF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAGzD,qBACa,OAAQ,SAAQ,UAAU;IAEtC,MAAM,CAAC,MAAM,0BA6BX;IAEF,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;IACtB,EAAE,EAAE,OAAO,QAAQ,CAAC;IAEpB,IAAI,UAAU,iDAAwC;IACtD,IAAI,GAAG,0CAAiC;IAExC,QAAQ,SAAU,QAAQ,aAKzB;;IAkBD,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;IAI1C,MAAM,6CAiDJ;CACF;AAGD,qBAAa,WAAY,YAAW,UAAU;;gBAKjC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,OAAO,QAAQ;IAgCxE,MAAM,SAAU,UAAU,cAAc,WAAW,UAElD;IAED,OAAO,aAGN;IAED,IAAI,aAEH;CAED"}

package/dist/components/features/toolbar.js

@@ -1,41 +1,102 @@
-var _ToolbarView_provider,_ToolbarView_ctx,_ToolbarView_content,__decorate=this&&this.__decorate||function(t,e,o,i){var r,s=arguments.length,a=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(s<3?r(a):s>3?r(e,o,a):r(e,o))||a);return s>3&&a&&Object.defineProperty(e,o,a),a},__classPrivateFieldSet=this&&this.__classPrivateFieldSet||function(t,e,o,i,r){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!r:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?r.call(t,o):r?r.value=o:e.set(t,o),o},__classPrivateFieldGet=this&&this.__classPrivateFieldGet||function(t,e,o,i){if("a"===o&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?i:"a"===o?i.call(t):i?i.value:e.get(t)};import{LitElement,css,html}from"lit";import{customElement}from"lit/decorators.js";import{dom}from"@omegagrid/core";import{getLinkEditAPI}from"./linkEdit/slices";let Toolbar=class extends LitElement{get commonmark(){return this.md.presets.commonmark}get gfm(){return this.md.presets.gfm}constructor(){super(),this.isActive=t=>{if(!this.ctx)return!1;const e=this.ctx.get(this.md.core.editorViewCtx),{state:{doc:o,selection:i}}=e;return o.rangeHasMark(i.from,i.to,t)},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 __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 __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 _ToolbarView_provider, _ToolbarView_ctx, _ToolbarView_content;
+import { LitElement, css, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { dom } from "@omegagrid/core";
+import { getLinkEditAPI } from "./linkEdit/slices";
+let Toolbar = class Toolbar extends LitElement {
+    get commonmark() { return this.md.presets.commonmark; }
+    get gfm() { return this.md.presets.gfm; }
+    constructor() {
+        super();
+        this.isActive = (mark) => {
+            if (!this.ctx)
+                return false;
+            const view = this.ctx.get(this.md.core.editorViewCtx);
+            const { state: { doc, selection } } = view;
+            return doc.rangeHasMark(selection.from, selection.to, mark);
+        };
+        this.render = () => html `
 		<div>
 			<og-button 
-				.state="${this.isActive(this.commonmark.strongSchema.type(this.ctx))?"checked":"unchecked"}"
+				.state="${this.isActive(this.commonmark.strongSchema.type(this.ctx)) ? 'checked' : 'unchecked'}"
 				type="toggle"
 				icon="bold" 
-				@click="${()=>this.command(this.commonmark.toggleStrongCommand.key)}">
+				@click="${() => this.command(this.commonmark.toggleStrongCommand.key)}">
 			</og-button>
 
 			<og-button 
-				.state="${this.isActive(this.commonmark.emphasisSchema.type(this.ctx))?"checked":"unchecked"}"
+				.state="${this.isActive(this.commonmark.emphasisSchema.type(this.ctx)) ? 'checked' : 'unchecked'}"
 				type="toggle"
 				icon="italic" 
-				@click="${()=>this.command(this.commonmark.toggleEmphasisCommand.key)}">
+				@click="${() => this.command(this.commonmark.toggleEmphasisCommand.key)}">
 			</og-button>
 
 			<og-button 
-				.state="${this.isActive(this.gfm.strikethroughSchema.type(this.ctx))?"checked":"unchecked"}"
+				.state="${this.isActive(this.gfm.strikethroughSchema.type(this.ctx)) ? 'checked' : 'unchecked'}"
 				type="toggle"
 				icon="strikethrough" 
-				@click="${()=>this.command(this.gfm.toggleStrikethroughCommand.key)}">
+				@click="${() => this.command(this.gfm.toggleStrikethroughCommand.key)}">
 			</og-button>
 			
 			<og-button 
-				.state="${this.isActive(this.commonmark.inlineCodeSchema.type(this.ctx))?"checked":"unchecked"}"
+				.state="${this.isActive(this.commonmark.inlineCodeSchema.type(this.ctx)) ? 'checked' : 'unchecked'}"
 				type="toggle"
 				icon="code" 
-				@click="${()=>this.command(this.commonmark.toggleInlineCodeCommand.key)}">
+				@click="${() => this.command(this.commonmark.toggleInlineCodeCommand.key)}">
 			</og-button>
 
 			<og-button 
-				.state="${this.isActive(this.commonmark.linkSchema.type(this.ctx))?"checked":"unchecked"}"
+				.state="${this.isActive(this.commonmark.linkSchema.type(this.ctx)) ? 'checked' : 'unchecked'}"
 				type="toggle"
 				icon="link" 
-				@click="${()=>{const t=this.ctx.get(this.md.core.editorViewCtx),{selection:e}=t.state;this.isActive(this.commonmark.linkSchema.type(this.ctx))?this.ctx.get(getLinkEditAPI().key).removeLink(e.from,e.to):(this.ctx.get(getLinkEditAPI().key).addLink(e.from,e.to),this.dispatchEvent(new Event("hide")))}}">
+				@click="${() => {
+            const view = this.ctx.get(this.md.core.editorViewCtx);
+            const { selection } = view.state;
+            if (this.isActive(this.commonmark.linkSchema.type(this.ctx))) {
+                this.ctx.get(getLinkEditAPI().key).removeLink(selection.from, selection.to);
+                return;
+            }
+            this.ctx.get(getLinkEditAPI().key).addLink(selection.from, selection.to);
+            this.dispatchEvent(new Event('hide'));
+        }}">
 			</og-button>
 		</div>
-	`,this.addEventListener("click",(t=>{t.stopPropagation(),t.preventDefault()})),this.addEventListener("mousedown",(t=>{t.stopPropagation(),t.preventDefault()})),this.addEventListener("mouseup",(t=>{t.stopPropagation(),t.preventDefault()}))}command(t){this.ctx.get(this.md.core.commandsCtx).call(t)}};Toolbar.styles=css`
+	`;
+        this.addEventListener('click', (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+        });
+        this.addEventListener('mousedown', (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+        });
+        this.addEventListener('mouseup', (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+        });
+    }
+    command(key) {
+        this.ctx.get(this.md.core.commandsCtx).call(key);
+    }
+};
+Toolbar.styles = css `
 		* {
 			box-sizing: border-box;
 		}
@@ -64,4 +125,57 @@ var _ToolbarView_provider,_ToolbarView_ctx,_ToolbarView_content,__decorate=this&
 			flex: 0;
 			text-align: center;
 		}
-	`,Toolbar=__decorate([customElement("og-markdown-toolbar")],Toolbar);export{Toolbar};export class ToolbarView{constructor(t,e,o){_ToolbarView_provider.set(this,void 0),_ToolbarView_ctx.set(this,void 0),_ToolbarView_content.set(this,void 0),this.update=(t,e)=>{__classPrivateFieldGet(this,_ToolbarView_provider,"f").update(t,e)},this.destroy=()=>{__classPrivateFieldGet(this,_ToolbarView_provider,"f").destroy(),__classPrivateFieldGet(this,_ToolbarView_content,"f").remove()},this.hide=()=>{__classPrivateFieldGet(this,_ToolbarView_provider,"f").hide()},__classPrivateFieldSet(this,_ToolbarView_ctx,t,"f");const i=dom.createElement("og-markdown-toolbar");i.addEventListener("hide",(()=>__classPrivateFieldGet(this,_ToolbarView_provider,"f").hide())),i.ctx=t,i.md=o,__classPrivateFieldSet(this,_ToolbarView_content,i,"f"),__classPrivateFieldSet(this,_ToolbarView_provider,new o.plugins.tooltip.TooltipProvider({content:__classPrivateFieldGet(this,_ToolbarView_content,"f"),offset:10,debounce:20,shouldShow(t){const{doc:e,selection:r}=t.state,{empty:s,from:a,to:n}=r,c=!e.textBetween(a,n).length&&r instanceof o.prose.state.TextSelection,l=!(r instanceof o.prose.state.TextSelection),d=t.dom.getRootNode().activeElement,h=i.contains(d),m=!t.hasFocus()&&!h,_=!t.editable;return!(m||l||s||c||_)}}),"f"),__classPrivateFieldGet(this,_ToolbarView_provider,"f").onShow=()=>{dom.showElement(__classPrivateFieldGet(this,_ToolbarView_content,"f")),__classPrivateFieldGet(this,_ToolbarView_content,"f").requestUpdate()},__classPrivateFieldGet(this,_ToolbarView_provider,"f").onHide=()=>dom.hideElement(__classPrivateFieldGet(this,_ToolbarView_content,"f")),this.update(e)}}_ToolbarView_provider=new WeakMap,_ToolbarView_ctx=new WeakMap,_ToolbarView_content=new WeakMap;
+	`;
+Toolbar = __decorate([
+    customElement('og-markdown-toolbar')
+], Toolbar);
+export { Toolbar };
+export class ToolbarView {
+    constructor(ctx, view, md) {
+        _ToolbarView_provider.set(this, void 0);
+        _ToolbarView_ctx.set(this, void 0);
+        _ToolbarView_content.set(this, void 0);
+        this.update = (view, prevState) => {
+            __classPrivateFieldGet(this, _ToolbarView_provider, "f").update(view, prevState);
+        };
+        this.destroy = () => {
+            __classPrivateFieldGet(this, _ToolbarView_provider, "f").destroy();
+            __classPrivateFieldGet(this, _ToolbarView_content, "f").remove();
+        };
+        this.hide = () => {
+            __classPrivateFieldGet(this, _ToolbarView_provider, "f").hide();
+        };
+        __classPrivateFieldSet(this, _ToolbarView_ctx, ctx, "f");
+        const content = dom.createElement('og-markdown-toolbar');
+        content.addEventListener('hide', () => __classPrivateFieldGet(this, _ToolbarView_provider, "f").hide());
+        content.ctx = ctx;
+        content.md = md;
+        __classPrivateFieldSet(this, _ToolbarView_content, content, "f");
+        __classPrivateFieldSet(this, _ToolbarView_provider, new md.plugins.tooltip.TooltipProvider({
+            content: __classPrivateFieldGet(this, _ToolbarView_content, "f"),
+            offset: 10,
+            debounce: 20,
+            shouldShow(view) {
+                const { doc, selection } = view.state;
+                const { empty, from, to } = selection;
+                const isEmptyTextBlock = !doc.textBetween(from, to).length && selection instanceof md.prose.state.TextSelection;
+                const isNotTextBlock = !(selection instanceof md.prose.state.TextSelection);
+                const activeElement = view.dom.getRootNode().activeElement;
+                const isTooltipChildren = content.contains(activeElement);
+                const notHasFocus = !view.hasFocus() && !isTooltipChildren;
+                const isReadonly = !view.editable;
+                if (notHasFocus || isNotTextBlock || empty || isEmptyTextBlock || isReadonly)
+                    return false;
+                return true;
+            }
+        }), "f");
+        __classPrivateFieldGet(this, _ToolbarView_provider, "f").onShow = () => {
+            dom.showElement(__classPrivateFieldGet(this, _ToolbarView_content, "f"));
+            __classPrivateFieldGet(this, _ToolbarView_content, "f").requestUpdate();
+        };
+        __classPrivateFieldGet(this, _ToolbarView_provider, "f").onHide = () => dom.hideElement(__classPrivateFieldGet(this, _ToolbarView_content, "f"));
+        this.update(view);
+    }
+}
+_ToolbarView_provider = new WeakMap(), _ToolbarView_ctx = new WeakMap(), _ToolbarView_content = new WeakMap();
+//# sourceMappingURL=toolbar.js.map

package/dist/components/features/utils.js

@@ -1 +1,64 @@
-import{MilkdownLoader}from"../../loader";export function clearRange(e){const{$from:n,$to:o}=e.selection,t=n.pos-n.node().content.size;return t>=0&&(e=e.deleteRange(t,o.pos)),e}export function setBlockType(e,n,o=null){const{from:t,to:r}=e.selection;return e.setBlockType(t,r,n,o)}export function wrapInBlockType(e,n,o=null){const{$from:t,$to:r}=e.selection,l=t.blockRange(r),c=l&&MilkdownLoader.getSync().prose.transform.findWrapping(l,n,o);return c?e.wrap(l,c):null}export function addBlockType(e,n,o=null){const t=n.createAndFill(o);return t?e.replaceSelectionWith(t):null}export function clearContentAndSetBlockType(e,n=null){return(o,t)=>(t&&t(setBlockType(clearRange(o.tr),e,n).scrollIntoView()),!0)}export function clearContentAndWrapInBlockType(e,n=null){return(o,t)=>{const r=wrapInBlockType(clearRange(o.tr),e,n);return!!r&&(t&&t(r.scrollIntoView()),!0)}}export function clearContentAndAddBlockType(e,n=null){return(o,t)=>{const r=addBlockType(clearRange(o.tr),e,n);return!!r&&(t&&t(r.scrollIntoView()),!0)}}export function isInCodeBlock(e){return"code_block"===e.$from.parent.type.name}export function isInList(e){const n=e.$from.node(e.$from.depth-1)?.type;return"list_item"===n?.name}
+import { MilkdownLoader } from "../../loader";
+export function clearRange(tr) {
+    const { $from, $to } = tr.selection;
+    const from = $from.pos - $from.node().content.size;
+    if (from >= 0)
+        tr = tr.deleteRange(from, $to.pos);
+    return tr;
+}
+export function setBlockType(tr, nodeType, attrs = null) {
+    const { from, to } = tr.selection;
+    return tr.setBlockType(from, to, nodeType, attrs);
+}
+export function wrapInBlockType(tr, nodeType, attrs = null) {
+    const { $from, $to } = tr.selection;
+    const range = $from.blockRange($to);
+    const wrapping = range && (MilkdownLoader.getSync()).prose.transform.findWrapping(range, nodeType, attrs);
+    if (!wrapping)
+        return null;
+    return tr.wrap(range, wrapping);
+}
+export function addBlockType(tr, nodeType, attrs = null) {
+    const node = nodeType.createAndFill(attrs);
+    if (!node)
+        return null;
+    return tr.replaceSelectionWith(node);
+}
+export function clearContentAndSetBlockType(nodeType, attrs = null) {
+    return (state, dispatch) => {
+        if (dispatch) {
+            const tr = setBlockType(clearRange(state.tr), nodeType, attrs);
+            dispatch(tr.scrollIntoView());
+        }
+        return true;
+    };
+}
+export function clearContentAndWrapInBlockType(nodeType, attrs = null) {
+    return (state, dispatch) => {
+        const tr = wrapInBlockType(clearRange(state.tr), nodeType, attrs);
+        if (!tr)
+            return false;
+        if (dispatch)
+            dispatch(tr.scrollIntoView());
+        return true;
+    };
+}
+export function clearContentAndAddBlockType(nodeType, attrs = null) {
+    return (state, dispatch) => {
+        const tr = addBlockType(clearRange(state.tr), nodeType, attrs);
+        if (!tr)
+            return false;
+        if (dispatch)
+            dispatch(tr.scrollIntoView());
+        return true;
+    };
+}
+export function isInCodeBlock(selection) {
+    const type = selection.$from.parent.type;
+    return type.name === 'code_block';
+}
+export function isInList(selection) {
+    const type = selection.$from.node(selection.$from.depth - 1)?.type;
+    return type?.name === 'list_item';
+}
+//# sourceMappingURL=utils.js.map

package/dist/components/index.js

@@ -1 +1,4 @@
-export*from"./markdownView";export*from"./markdownEditor";export*from"./features";
+export * from './markdownView';
+export * from './markdownEditor';
+export * from './features';
+//# sourceMappingURL=index.js.map

package/dist/components/markdownEditor.d.ts

@@ -28,7 +28,7 @@ export declare class MarkdownEditor extends LitElement implements Layout {
     _onChange: (markdown: string, prevMarkdown: string) => void;
     updated(): Promise<void>;
     disconnectedCallback(): void;
-    render: () => import("lit").TemplateResult<1>;
+    render: () => import("lit-html").TemplateResult<1>;
     layout(): void;
 }
 //# sourceMappingURL=markdownEditor.d.ts.map

package/dist/components/markdownEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdownEditor.d.ts","sourceRoot":"","sources":["../../src/components/markdownEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,kBAAkB,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAEzD,qBAAa,iBAAkB,SAAQ,KAAK;IAC3C,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,CAAC,EAAE,iBAAiB,CAAC;IAC9B,QAAQ,CAAC,SAAS,EAAE,YAAY,CAAC;gBAErB,IAAI,EAAE,OAAO,CAAC,iBAAiB,CAAC;CAI5C;AAED,qBACa,cAAe,SAAQ,UAAW,YAAW,MAAM;;IAE/D,MAAM,CAAC,MAAM,4BAAsB;IAGnC,IACI,OAAO,IACM,MAAM,CADe;IACtC,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,EAKtB;IAGD,eAAe,SAAO;IAGtB,gBAAgB,EAAE,kBAAkB,CAAU;IAG9C,QAAQ,UAAS;IAGjB,SAAS,EAAE,cAAc,CAAC;IAG1B,MAAM,EAAE,MAAM,CAAC;IAGf,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAG1C,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,GAAC,MAAM,CAAC;IAIzD,IAAI,WAAW,IAAiD,WAAW,CAAE;IAC7E,IAAI,MAAM,yBAA0B;;IAwBpC,gBAAgB,CAAC,QAAQ,EAAE,MAAM;IAOjC,iBAAiB;IAKjB,WAAW;IAKX,SAAS,aAAc,MAAM,gBAAgB,MAAM,UAGlD;IAEK,OAAO;IAab,oBAAoB;IAOpB,MAAM,wCAMJ;IAEF,MAAM;CAEN"}
+{"version":3,"file":"markdownEditor.d.ts","sourceRoot":"","sources":["../../src/components/markdownEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,kBAAkB,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAEzD,qBAAa,iBAAkB,SAAQ,KAAK;IAC3C,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,CAAC,EAAE,iBAAiB,CAAC;IAC9B,QAAQ,CAAC,SAAS,EAAE,YAAY,CAAC;gBAErB,IAAI,EAAE,OAAO,CAAC,iBAAiB,CAAC;CAI5C;AAED,qBACa,cAAe,SAAQ,UAAW,YAAW,MAAM;;IAE/D,MAAM,CAAC,MAAM,4BAAsB;IAGnC,IACI,OAAO,IACM,MAAM,CADe;IACtC,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,EAKtB;IAGD,eAAe,SAAO;IAGtB,gBAAgB,EAAE,kBAAkB,CAAU;IAG9C,QAAQ,UAAS;IAGjB,SAAS,EAAE,cAAc,CAAC;IAG1B,MAAM,EAAE,MAAM,CAAC;IAGf,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAG1C,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,GAAC,MAAM,CAAC;IAIzD,IAAI,WAAW,IAAiD,WAAW,CAAE;IAC7E,IAAI,MAAM,yBAA0B;;IAwBpC,gBAAgB,CAAC,QAAQ,EAAE,MAAM;IAOjC,iBAAiB;IAKjB,WAAW;IAKX,SAAS,aAAc,MAAM,gBAAgB,MAAM,UAGlD;IAEK,OAAO;IAab,oBAAoB;IAOpB,MAAM,6CAMJ;IAEF,MAAM;CAEN"}