@omegagrid/markdown 0.9.37 → 0.9.38

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

@@ -9,7 +9,7 @@ export declare class BlockEdit extends LitElement {
     get menu(): BlockEditMenu;
     updated(): void;
     disconnectedCallback(): void;
-    render: () => import("lit").TemplateResult<1>;
+    render: () => import("lit-html").TemplateResult<1>;
     hideMenu: () => HTMLElement;
     showMenu: (elm: HTMLElement) => void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"blockEdit.d.ts","sourceRoot":"","sources":["../../../src/components/features/blockEdit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAGlC,qBACa,SAAU,SAAQ,UAAU;;IAExC,MAAM,CAAC,MAAM,0BAqBX;IAGF,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;IAGtB,EAAE,EAAE,OAAO,QAAQ,CAAC;IAGpB,IAAI,IAAI,kBAA+B;IAEvC,OAAO;IAMP,oBAAoB;IAIpB,MAAM,wCAkBJ;IAEF,QAAQ,oBAAoC;IAE5C,QAAQ,GAAI,KAAK,WAAW,UAW3B;CACD;AAED,qBAAa,eAAe;;IAG3B,EAAE,EAAE,OAAO,QAAQ,CAAC;gBAGR,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,OAAO,QAAQ;IAqBtD,MAAM,aAEL;IAED,OAAO,aAEN;CAyBD"}
+{"version":3,"file":"blockEdit.d.ts","sourceRoot":"","sources":["../../../src/components/features/blockEdit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAGlC,qBACa,SAAU,SAAQ,UAAU;;IAExC,MAAM,CAAC,MAAM,0BAqBX;IAGF,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;IAGtB,EAAE,EAAE,OAAO,QAAQ,CAAC;IAGpB,IAAI,IAAI,kBAA+B;IAEvC,OAAO;IAMP,oBAAoB;IAIpB,MAAM,6CAkBJ;IAEF,QAAQ,oBAAoC;IAE5C,QAAQ,GAAI,KAAK,WAAW,UAW3B;CACD;AAED,qBAAa,eAAe;;IAG3B,EAAE,EAAE,OAAO,QAAQ,CAAC;gBAGR,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,OAAO,QAAQ;IAqBtD,MAAM,aAEL;IAED,OAAO,aAEN;CAyBD"}

package/dist/components/features/blockEdit.js

@@ -1,20 +1,76 @@
-var _BlockEdit_menu,_BlockHandleView_provider,_BlockHandleView_ctx,_BlockHandleView_content,_BlockHandleView_onAdd,__decorate=this&&this.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r},__classPrivateFieldGet=this&&this.__classPrivateFieldGet||function(e,t,o,i){if("a"===o&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?i:"a"===o?i.call(e):i?i.value:t.get(e)},__classPrivateFieldSet=this&&this.__classPrivateFieldSet||function(e,t,o,i,n){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?n.call(e,o):n?n.value=o:t.set(e,o),o};import{LitElement,css,html}from"lit";import{customElement,property}from"lit/decorators.js";import{dom}from"@omegagrid/core";import{createRef,ref}from"lit/directives/ref.js";let BlockEdit=class extends LitElement{constructor(){super(...arguments),_BlockEdit_menu.set(this,createRef()),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 _BlockEdit_menu, _BlockHandleView_provider, _BlockHandleView_ctx, _BlockHandleView_content, _BlockHandleView_onAdd;
+import { LitElement, css, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { dom } from "@omegagrid/core";
+import { createRef, ref } from "lit/directives/ref.js";
+let BlockEdit = class BlockEdit extends LitElement {
+    constructor() {
+        super(...arguments);
+        _BlockEdit_menu.set(this, createRef());
+        this.render = () => html `
 		<og-button
 			icon="plus"
 			color="transparent"
-			@click=${()=>{this.dispatchEvent(new Event("add"))}}>
+			@click=${() => {
+            this.dispatchEvent(new Event('add'));
+        }}>
 		</og-button>
 
 		<og-button icon="grip-vertical" color="transparent"></og-button>
 
-		<og-markdown-block-edit-menu ${ref(__classPrivateFieldGet(this,_BlockEdit_menu,"f"))}
-			@mousedown=${e=>e.stopPropagation()}
+		<og-markdown-block-edit-menu ${ref(__classPrivateFieldGet(this, _BlockEdit_menu, "f"))}
+			@mousedown=${(e) => e.stopPropagation()}
 			style="display: none"
-			@run=${()=>this.hideMenu()}
+			@run=${() => this.hideMenu()}
 			.ctx="${this.ctx}"
 			.md="${this.md}">
 		</og-markdown-block-edit-menu>
-	`,this.hideMenu=()=>dom.hideElement(this.menu),this.showMenu=e=>{if(!this.menu)return;const t=this.menu.parentElement,o=dom.getElementOffset(e,t);dom.showElement(this.menu);let i=o.top+e.offsetHeight+4;i+this.menu.offsetHeight>t.clientHeight&&(i=o.top-this.menu.offsetHeight-4),dom.setPosition(this.menu,{t:i,l:o.left}),document.addEventListener("mousedown",(()=>dom.hideElement(this.menu)),{once:!0})}}get menu(){return __classPrivateFieldGet(this,_BlockEdit_menu,"f")?.value}updated(){this.menu.parentNode==this.shadowRoot&&document.body.appendChild(this.menu)}disconnectedCallback(){this.menu&&this.shadowRoot.appendChild(this.menu)}};_BlockEdit_menu=new WeakMap,BlockEdit.styles=css`
+	`;
+        this.hideMenu = () => dom.hideElement(this.menu);
+        this.showMenu = (elm) => {
+            if (!this.menu)
+                return;
+            const container = this.menu.parentElement;
+            const offset = dom.getElementOffset(elm, container);
+            dom.showElement(this.menu);
+            let top = offset.top + elm.offsetHeight + 4;
+            if (top + this.menu.offsetHeight > container.clientHeight) {
+                top = offset.top - this.menu.offsetHeight - 4;
+            }
+            dom.setPosition(this.menu, { t: top, l: offset.left });
+            document.addEventListener('mousedown', () => dom.hideElement(this.menu), { once: true });
+        };
+    }
+    get menu() { return __classPrivateFieldGet(this, _BlockEdit_menu, "f")?.value; }
+    updated() {
+        if (this.menu.parentNode == this.shadowRoot) {
+            document.body.appendChild(this.menu);
+        }
+    }
+    disconnectedCallback() {
+        if (this.menu)
+            this.shadowRoot.appendChild(this.menu);
+    }
+};
+_BlockEdit_menu = new WeakMap();
+BlockEdit.styles = css `
 		* {
 			box-sizing: border-box;
 		}
@@ -35,4 +91,69 @@ var _BlockEdit_menu,_BlockHandleView_provider,_BlockHandleView_ctx,_BlockHandleV
 			flex: 0;
 			text-align: center;
 		}
-	`,__decorate([property({type:Object})],BlockEdit.prototype,"ctx",void 0),__decorate([property({type:Object})],BlockEdit.prototype,"md",void 0),BlockEdit=__decorate([customElement("og-markdown-block-edit")],BlockEdit);export{BlockEdit};export class BlockHandleView{constructor(e,t){_BlockHandleView_provider.set(this,void 0),_BlockHandleView_ctx.set(this,void 0),_BlockHandleView_content.set(this,void 0),this.update=()=>{__classPrivateFieldGet(this,_BlockHandleView_provider,"f").update()},this.destroy=()=>{__classPrivateFieldGet(this,_BlockHandleView_provider,"f").destroy()},_BlockHandleView_onAdd.set(this,(()=>{const e=__classPrivateFieldGet(this,_BlockHandleView_ctx,"f"),t=e.get(this.md.core.editorViewCtx);t.hasFocus()||t.focus();const{state:o,dispatch:i}=t,n=__classPrivateFieldGet(this,_BlockHandleView_provider,"f").active;if(!n)return;const s=n.$pos.pos+n.node.nodeSize;let r=o.tr.insert(s,this.md.presets.commonmark.paragraphSchema.type(e).create());if(r=r.setSelection(this.md.prose.state.TextSelection.near(r.doc.resolve(s))),i(r.scrollIntoView()),__classPrivateFieldGet(this,_BlockHandleView_provider,"f").hide(),__classPrivateFieldGet(this,_BlockHandleView_content,"f").menu){const e=n.el.nextElementSibling;e&&__classPrivateFieldGet(this,_BlockHandleView_content,"f").showMenu(e)}})),this.md=t,__classPrivateFieldSet(this,_BlockHandleView_ctx,e,"f");const o=dom.createElement("og-markdown-block-edit");o.ctx=e,o.md=t,o.addEventListener("add",__classPrivateFieldGet(this,_BlockHandleView_onAdd,"f")),__classPrivateFieldSet(this,_BlockHandleView_content,o,"f"),__classPrivateFieldSet(this,_BlockHandleView_provider,new t.plugins.block.BlockProvider({ctx:e,content:o,getOffset:()=>10,getPlacement:({active:e,blockDom:t})=>(dom.setPosition(t,{l:0}),dom.setSize(t,{h:e.el.offsetHeight,w:40}),"left")}),"f"),this.update()}}_BlockHandleView_provider=new WeakMap,_BlockHandleView_ctx=new WeakMap,_BlockHandleView_content=new WeakMap,_BlockHandleView_onAdd=new WeakMap;
+	`;
+__decorate([
+    property({ type: Object })
+], BlockEdit.prototype, "ctx", void 0);
+__decorate([
+    property({ type: Object })
+], BlockEdit.prototype, "md", void 0);
+BlockEdit = __decorate([
+    customElement('og-markdown-block-edit')
+], BlockEdit);
+export { BlockEdit };
+export class BlockHandleView {
+    constructor(ctx, md) {
+        _BlockHandleView_provider.set(this, void 0);
+        _BlockHandleView_ctx.set(this, void 0);
+        _BlockHandleView_content.set(this, void 0);
+        this.update = () => {
+            __classPrivateFieldGet(this, _BlockHandleView_provider, "f").update();
+        };
+        this.destroy = () => {
+            __classPrivateFieldGet(this, _BlockHandleView_provider, "f").destroy();
+        };
+        _BlockHandleView_onAdd.set(this, () => {
+            const ctx = __classPrivateFieldGet(this, _BlockHandleView_ctx, "f");
+            const view = ctx.get(this.md.core.editorViewCtx);
+            if (!view.hasFocus())
+                view.focus();
+            const { state, dispatch } = view;
+            const active = __classPrivateFieldGet(this, _BlockHandleView_provider, "f").active;
+            if (!active)
+                return;
+            const $pos = active.$pos;
+            const pos = $pos.pos + active.node.nodeSize;
+            let tr = state.tr.insert(pos, this.md.presets.commonmark.paragraphSchema.type(ctx).create());
+            tr = tr.setSelection(this.md.prose.state.TextSelection.near(tr.doc.resolve(pos)));
+            dispatch(tr.scrollIntoView());
+            __classPrivateFieldGet(this, _BlockHandleView_provider, "f").hide();
+            if (__classPrivateFieldGet(this, _BlockHandleView_content, "f").menu) {
+                const el = active.el.nextElementSibling;
+                if (el)
+                    __classPrivateFieldGet(this, _BlockHandleView_content, "f").showMenu(el);
+            }
+            // ctx.get(menuAPI.key).show(tr.selection.from);
+        });
+        this.md = md;
+        __classPrivateFieldSet(this, _BlockHandleView_ctx, ctx, "f");
+        const content = dom.createElement('og-markdown-block-edit');
+        content.ctx = ctx;
+        content.md = md;
+        content.addEventListener('add', __classPrivateFieldGet(this, _BlockHandleView_onAdd, "f"));
+        __classPrivateFieldSet(this, _BlockHandleView_content, content, "f");
+        __classPrivateFieldSet(this, _BlockHandleView_provider, new md.plugins.block.BlockProvider({
+            ctx,
+            content,
+            getOffset: () => 10,
+            getPlacement: ({ active, blockDom }) => {
+                dom.setPosition(blockDom, { l: 0 });
+                dom.setSize(blockDom, { h: active.el.offsetHeight, w: 40 });
+                return 'left';
+            }
+        }), "f");
+        this.update();
+    }
+}
+_BlockHandleView_provider = new WeakMap(), _BlockHandleView_ctx = new WeakMap(), _BlockHandleView_content = new WeakMap(), _BlockHandleView_onAdd = new WeakMap();
+//# sourceMappingURL=blockEdit.js.map

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

@@ -10,7 +10,7 @@ export declare class BlockEditMenu extends LitElement {
     ctx: milkdown.ctx.Ctx;
     md: typeof milkdown;
     get menuItems(): BlockMenuItem[];
-    render: () => import("lit").TemplateResult<1>;
+    render: () => import("lit-html").TemplateResult<1>;
 }
 export {};
 //# sourceMappingURL=blockEditMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"blockEditMenu.d.ts","sourceRoot":"","sources":["../../../src/components/features/blockEditMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,EAAkD,QAAQ,EAAO,MAAM,iBAAiB,CAAC;AAChG,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAWzD,KAAK,aAAa,GAAG,QAAQ,GAAG;IAAC,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,KAAK,IAAI,CAAA;CAAC,CAAC;AA8I1E,qBACa,aAAc,SAAQ,UAAU;;IAE5C,MAAM,CAAC,MAAM,0BAkBX;IAKF,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;IAGtB,EAAE,EAAE,OAAO,QAAQ,CAAC;IAGpB,IAAI,SAAS,oBAA6E;IAmC1F,MAAM,wCAMJ;CACF"}
+{"version":3,"file":"blockEditMenu.d.ts","sourceRoot":"","sources":["../../../src/components/features/blockEditMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,EAAkD,QAAQ,EAAO,MAAM,iBAAiB,CAAC;AAChG,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAWzD,KAAK,aAAa,GAAG,QAAQ,GAAG;IAAC,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,KAAK,IAAI,CAAA;CAAC,CAAC;AA8I1E,qBACa,aAAc,SAAQ,UAAU;;IAE5C,MAAM,CAAC,MAAM,0BAkBX;IAKF,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;IAGtB,EAAE,EAAE,OAAO,QAAQ,CAAC;IAGpB,IAAI,SAAS,oBAA6E;IAmC1F,MAAM,6CAMJ;CACF"}

package/dist/components/features/blockEditMenu.js

@@ -1,10 +1,220 @@
-var _BlockEditMenu_menu,_BlockEditMenu_menuItems,_BlockEditMenu_createComponent,_BlockEditMenu_onTabSelect,__decorate=this&&this.__decorate||function(e,t,o,n){var i,s=arguments.length,c=s<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(c=(s<3?i(c):s>3?i(t,o,c):i(t,o))||c);return s>3&&c&&Object.defineProperty(t,o,c),c},__classPrivateFieldGet=this&&this.__classPrivateFieldGet||function(e,t,o,n){if("a"===o&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?n:"a"===o?n.call(e):n?n.value:t.get(e)},__classPrivateFieldSet=this&&this.__classPrivateFieldSet||function(e,t,o,n,i){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!i)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?i.call(e,o):i?i.value=o:t.set(e,o),o};import{LitElement,css,html}from"lit";import{customElement,property}from"lit/decorators.js";import{msg}from"@omegagrid/localize";import{dom}from"@omegagrid/core";import{addBlockType,clearContentAndAddBlockType,clearContentAndSetBlockType,clearContentAndWrapInBlockType,clearRange}from"./utils";const items=[{id:"sectionText",title:msg("Text")},{id:"sectionList",title:msg("List")},{id:"sectionAdvanced",title:msg("Advanced")}],createMenuItems=e=>[{key:"sectionText",value:msg("Text"),divider:!0,type:"label"},{key:"text",value:msg("Text"),icon:"text",onRun:t=>{const o=t.get(e.core.editorViewCtx),{dispatch:n,state:i}=o;clearContentAndSetBlockType(e.presets.commonmark.paragraphSchema.type(t))(i,n)}},...new Array(6).fill(0).map(((t,o)=>({key:`square${o+1}`,value:msg("Heading")+(o+1),icon:`square-${o+1}`,onRun:t=>{const n=t.get(e.core.editorViewCtx),{dispatch:i,state:s}=n;clearContentAndSetBlockType(e.presets.commonmark.headingSchema.type(t),{level:o+1})(s,i)}}))),{key:"quote",value:msg("Quote"),icon:"quote-right",onRun:t=>{const o=t.get(e.core.editorViewCtx),{dispatch:n,state:i}=o;clearContentAndWrapInBlockType(e.presets.commonmark.blockquoteSchema.type(t))(i,n)}},{key:"divider",value:msg("Divider"),icon:"horizontal-rule",onRun:t=>{const o=t.get(e.core.editorViewCtx),{dispatch:n,state:i}=o;clearContentAndAddBlockType(e.presets.commonmark.hrSchema.type(t))(i,n)}},{key:"sectionList",value:msg("List"),divider:!0,type:"label"},{key:"bulletList",value:msg("Bullet List"),icon:"list",onRun:t=>{const o=t.get(e.core.editorViewCtx),{dispatch:n,state:i}=o;clearContentAndWrapInBlockType(e.presets.commonmark.bulletListSchema.type(t))(i,n)}},{key:"orderedList",value:msg("Ordered List"),icon:"list-ol",onRun:t=>{const o=t.get(e.core.editorViewCtx),{dispatch:n,state:i}=o;clearContentAndWrapInBlockType(e.presets.commonmark.orderedListSchema.type(t))(i,n)}},{key:"todoList",value:msg("Todo List"),icon:"list-check",onRun:t=>{const o=t.get(e.core.editorViewCtx),{dispatch:n,state:i}=o;clearContentAndWrapInBlockType(e.presets.commonmark.listItemSchema.type(t),{checked:!1})(i,n)}},{key:"sectionAdvanced",value:msg("Advanced"),divider:!0,type:"label"},{key:"image",value:msg("Image"),icon:"image",onRun:t=>{const o=t.get(e.core.editorViewCtx),{dispatch:n,state:i}=o;clearContentAndAddBlockType(e.components.imageBlock.imageBlockSchema.type(t))(i,n)}},{key:"html",value:msg("Raw HTML"),icon:"code",onRun:t=>{const o=t.get(e.core.editorViewCtx),{dispatch:n,state:i}=o,s=addBlockType(clearRange(i.tr),e.presets.commonmark.htmlSchema.type(t),null);n(s.scrollIntoView()),requestAnimationFrame((()=>{const e=o.domAtPos(s.selection.$anchor.pos)?.node;if(e){const t=e.querySelector("og-markdown-html-block");t?.startEdit()}}))}},{key:"code",value:msg("Code"),icon:"code",onRun:t=>{const o=t.get(e.core.editorViewCtx),{dispatch:n,state:i}=o;clearContentAndAddBlockType(e.presets.commonmark.codeBlockSchema.type(t))(i,n)}},{key:"table",value:msg("Table"),icon:"table",onRun:t=>{const o=t.get(e.core.editorViewCtx),{dispatch:n,state:i}=o,s=clearRange(i.tr),c=e.presets.gfm.createTable(t,3,3);s.replaceSelectionWith(c);const{from:a}=s.selection,r=a-c.nodeSize+2;n(s),requestAnimationFrame((()=>{const t=e.prose.state.NodeSelection.create(o.state.tr.doc,r);n(o.state.tr.setSelection(t).scrollIntoView())}))}}];let BlockEditMenu=class extends LitElement{constructor(){super(...arguments),_BlockEditMenu_menu.set(this,void 0),_BlockEditMenu_menuItems.set(this,void 0),_BlockEditMenu_createComponent.set(this,(e=>{if(!__classPrivateFieldGet(this,_BlockEditMenu_menu,"f")){const e=this.menuItems;__classPrivateFieldSet(this,_BlockEditMenu_menu,dom.createElement("og-menu"),"f"),__classPrivateFieldGet(this,_BlockEditMenu_menu,"f").dynamicWidth=!1,__classPrivateFieldGet(this,_BlockEditMenu_menu,"f").disabledFocus=!0,__classPrivateFieldGet(this,_BlockEditMenu_menu,"f").style.width="100%",__classPrivateFieldGet(this,_BlockEditMenu_menu,"f").style.height="100%",__classPrivateFieldGet(this,_BlockEditMenu_menu,"f").style.border="none",__classPrivateFieldGet(this,_BlockEditMenu_menu,"f").items=e,__classPrivateFieldGet(this,_BlockEditMenu_menu,"f").addEventListener("menu.select",(t=>{const o=e.find((e=>e.key===t.item.key));o?.onRun&&(o.onRun(this.ctx),this.dispatchEvent(new Event("run")))})),__classPrivateFieldGet(this,_BlockEditMenu_menu,"f").addEventListener("mousedown",(e=>{e.stopPropagation(),e.preventDefault()}))}return __classPrivateFieldGet(this,_BlockEditMenu_menu,"f")})),_BlockEditMenu_onTabSelect.set(this,(e=>{if(__classPrivateFieldGet(this,_BlockEditMenu_menu,"f")?.list){const t=this.menuItems.findIndex((t=>t.key===e.tab.id));t>-1&&__classPrivateFieldGet(this,_BlockEditMenu_menu,"f").list.scrollToIndex(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 __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 _BlockEditMenu_menu, _BlockEditMenu_menuItems, _BlockEditMenu_createComponent, _BlockEditMenu_onTabSelect;
+import { LitElement, css, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { msg } from "@omegagrid/localize";
+import { dom } from "@omegagrid/core";
+import { addBlockType, clearContentAndAddBlockType, clearContentAndSetBlockType, clearContentAndWrapInBlockType, clearRange } from "./utils";
+const items = [
+    { id: 'sectionText', title: msg('Text') },
+    { id: 'sectionList', title: msg('List') },
+    { id: 'sectionAdvanced', title: msg('Advanced') },
+];
+const createMenuItems = (md) => [
+    { key: 'sectionText', value: msg('Text'), divider: true, type: 'label' },
+    {
+        key: 'text',
+        value: msg('Text'),
+        icon: 'text', onRun: ctx => {
+            const view = ctx.get(md.core.editorViewCtx);
+            const { dispatch, state } = view;
+            const command = clearContentAndSetBlockType(md.presets.commonmark.paragraphSchema.type(ctx));
+            command(state, dispatch);
+        }
+    }, ...(new Array(6).fill(0).map((_, i) => ({
+        key: `square${i + 1}`,
+        value: msg('Heading') + (i + 1),
+        icon: `square-${i + 1}`,
+        onRun: (ctx) => {
+            const view = ctx.get(md.core.editorViewCtx);
+            const { dispatch, state } = view;
+            const command = clearContentAndSetBlockType(md.presets.commonmark.headingSchema.type(ctx), { level: i + 1 });
+            command(state, dispatch);
+        }
+    }))), {
+        key: 'quote',
+        value: msg('Quote'),
+        icon: 'quote-right',
+        onRun: ctx => {
+            const view = ctx.get(md.core.editorViewCtx);
+            const { dispatch, state } = view;
+            const command = clearContentAndWrapInBlockType(md.presets.commonmark.blockquoteSchema.type(ctx));
+            command(state, dispatch);
+        }
+    }, {
+        key: 'divider',
+        value: msg('Divider'),
+        icon: 'horizontal-rule',
+        onRun: (ctx) => {
+            const view = ctx.get(md.core.editorViewCtx);
+            const { dispatch, state } = view;
+            const command = clearContentAndAddBlockType(md.presets.commonmark.hrSchema.type(ctx));
+            command(state, dispatch);
+        }
+    }, {
+        key: 'sectionList',
+        value: msg('List'),
+        divider: true,
+        type: 'label'
+    }, {
+        key: 'bulletList',
+        value: msg('Bullet List'),
+        icon: 'list',
+        onRun: (ctx) => {
+            const view = ctx.get(md.core.editorViewCtx);
+            const { dispatch, state } = view;
+            const command = clearContentAndWrapInBlockType(md.presets.commonmark.bulletListSchema.type(ctx));
+            command(state, dispatch);
+        }
+    }, {
+        key: 'orderedList',
+        value: msg('Ordered List'),
+        icon: 'list-ol',
+        onRun: (ctx) => {
+            const view = ctx.get(md.core.editorViewCtx);
+            const { dispatch, state } = view;
+            const command = clearContentAndWrapInBlockType(md.presets.commonmark.orderedListSchema.type(ctx));
+            command(state, dispatch);
+        }
+    }, {
+        key: 'todoList',
+        value: msg('Todo List'),
+        icon: 'list-check',
+        onRun: (ctx) => {
+            const view = ctx.get(md.core.editorViewCtx);
+            const { dispatch, state } = view;
+            const command = clearContentAndWrapInBlockType(md.presets.commonmark.listItemSchema.type(ctx), { checked: false });
+            command(state, dispatch);
+        }
+    }, {
+        key: 'sectionAdvanced',
+        value: msg('Advanced'),
+        divider: true,
+        type: 'label'
+    }, {
+        key: 'image',
+        value: msg('Image'),
+        icon: 'image',
+        onRun: (ctx) => {
+            const view = ctx.get(md.core.editorViewCtx);
+            const { dispatch, state } = view;
+            const command = clearContentAndAddBlockType(md.components.imageBlock.imageBlockSchema.type(ctx));
+            command(state, dispatch);
+        }
+    }, {
+        key: 'html',
+        value: msg('Raw HTML'),
+        icon: 'code',
+        onRun: (ctx) => {
+            const view = ctx.get(md.core.editorViewCtx);
+            const { dispatch, state } = view;
+            const tr = addBlockType(clearRange(state.tr), md.presets.commonmark.htmlSchema.type(ctx), null);
+            dispatch(tr.scrollIntoView());
+            requestAnimationFrame(() => {
+                const node = view.domAtPos(tr.selection.$anchor.pos)?.node;
+                if (node) {
+                    const block = node.querySelector('og-markdown-html-block');
+                    block?.startEdit();
+                }
+            });
+        }
+    }, {
+        key: 'code',
+        value: msg('Code'),
+        icon: 'code',
+        onRun: (ctx) => {
+            const view = ctx.get(md.core.editorViewCtx);
+            const { dispatch, state } = view;
+            const command = clearContentAndAddBlockType(md.presets.commonmark.codeBlockSchema.type(ctx));
+            command(state, dispatch);
+        }
+    }, {
+        key: 'table',
+        value: msg('Table'),
+        icon: 'table',
+        onRun: (ctx) => {
+            const view = ctx.get(md.core.editorViewCtx);
+            const { dispatch, state } = view;
+            const tr = clearRange(state.tr);
+            const table = md.presets.gfm.createTable(ctx, 3, 3);
+            tr.replaceSelectionWith(table);
+            const { from } = tr.selection;
+            const pos = from - table.nodeSize + 2;
+            dispatch(tr);
+            requestAnimationFrame(() => {
+                const selection = md.prose.state.NodeSelection.create(view.state.tr.doc, pos);
+                dispatch(view.state.tr.setSelection(selection).scrollIntoView());
+            });
+        }
+    }
+];
+let BlockEditMenu = class BlockEditMenu extends LitElement {
+    constructor() {
+        super(...arguments);
+        _BlockEditMenu_menu.set(this, void 0);
+        _BlockEditMenu_menuItems.set(this, void 0);
+        _BlockEditMenu_createComponent.set(this, (_id) => {
+            if (!__classPrivateFieldGet(this, _BlockEditMenu_menu, "f")) {
+                const menuItems = this.menuItems;
+                __classPrivateFieldSet(this, _BlockEditMenu_menu, dom.createElement('og-menu'), "f");
+                __classPrivateFieldGet(this, _BlockEditMenu_menu, "f").dynamicWidth = false;
+                __classPrivateFieldGet(this, _BlockEditMenu_menu, "f").disabledFocus = true;
+                __classPrivateFieldGet(this, _BlockEditMenu_menu, "f").style.width = '100%';
+                __classPrivateFieldGet(this, _BlockEditMenu_menu, "f").style.height = '100%';
+                __classPrivateFieldGet(this, _BlockEditMenu_menu, "f").style.border = 'none';
+                __classPrivateFieldGet(this, _BlockEditMenu_menu, "f").items = menuItems;
+                __classPrivateFieldGet(this, _BlockEditMenu_menu, "f").addEventListener('menu.select', (e) => {
+                    const item = menuItems.find(item => item.key === e.item.key);
+                    if (item?.onRun) {
+                        item.onRun(this.ctx);
+                        this.dispatchEvent(new Event('run'));
+                    }
+                });
+                __classPrivateFieldGet(this, _BlockEditMenu_menu, "f").addEventListener('mousedown', (e) => {
+                    e.stopPropagation();
+                    e.preventDefault();
+                });
+            }
+            return __classPrivateFieldGet(this, _BlockEditMenu_menu, "f");
+        });
+        _BlockEditMenu_onTabSelect.set(this, (e) => {
+            if (__classPrivateFieldGet(this, _BlockEditMenu_menu, "f")?.list) {
+                const index = this.menuItems.findIndex(item => item.key === e.tab.id);
+                if (index > -1)
+                    __classPrivateFieldGet(this, _BlockEditMenu_menu, "f").list.scrollToIndex(index);
+            }
+        });
+        this.render = () => html `
 		<og-tabcontainer
-			.createComponent="${__classPrivateFieldGet(this,_BlockEditMenu_createComponent,"f")}"
+			.createComponent="${__classPrivateFieldGet(this, _BlockEditMenu_createComponent, "f")}"
 			.items="${items}"
-			@tab.select="${__classPrivateFieldGet(this,_BlockEditMenu_onTabSelect,"f")}">
+			@tab.select="${__classPrivateFieldGet(this, _BlockEditMenu_onTabSelect, "f")}">
 		</og-tabcontainer>
-	`}get menuItems(){return __classPrivateFieldGet(this,_BlockEditMenu_menuItems,"f")??__classPrivateFieldSet(this,_BlockEditMenu_menuItems,createMenuItems(this.md),"f")}};_BlockEditMenu_menu=new WeakMap,_BlockEditMenu_menuItems=new WeakMap,_BlockEditMenu_createComponent=new WeakMap,_BlockEditMenu_onTabSelect=new WeakMap,BlockEditMenu.styles=css`
+	`;
+    }
+    get menuItems() { return __classPrivateFieldGet(this, _BlockEditMenu_menuItems, "f") ?? (__classPrivateFieldSet(this, _BlockEditMenu_menuItems, createMenuItems(this.md), "f")); }
+};
+_BlockEditMenu_menu = new WeakMap();
+_BlockEditMenu_menuItems = new WeakMap();
+_BlockEditMenu_createComponent = new WeakMap();
+_BlockEditMenu_onTabSelect = new WeakMap();
+BlockEditMenu.styles = css `
 		* {
 			box-sizing: border-box;
 		}
@@ -22,4 +232,15 @@ var _BlockEditMenu_menu,_BlockEditMenu_menuItems,_BlockEditMenu_createComponent,
 			width: 100%;
 			height: 100%;
 		}
-	`,__decorate([property({type:Object})],BlockEditMenu.prototype,"ctx",void 0),__decorate([property({type:Object})],BlockEditMenu.prototype,"md",void 0),BlockEditMenu=__decorate([customElement("og-markdown-block-edit-menu")],BlockEditMenu);export{BlockEditMenu};
+	`;
+__decorate([
+    property({ type: Object })
+], BlockEditMenu.prototype, "ctx", void 0);
+__decorate([
+    property({ type: Object })
+], BlockEditMenu.prototype, "md", void 0);
+BlockEditMenu = __decorate([
+    customElement('og-markdown-block-edit-menu')
+], BlockEditMenu);
+export { BlockEditMenu };
+//# sourceMappingURL=blockEditMenu.js.map

package/dist/components/features/codeBlock.js

@@ -1 +1,135 @@
-import{dom}from"@omegagrid/core";import{CodeBlock}from"@omegagrid/code";const DEFAULT_LANGUAGE="plaintext";export class CodeEditorBlock{get editor(){return this.dom?.editor?.editor}get model(){return this.editor?.getModel()}constructor(t,e,o,i){this.md=t,this.node=e,this.view=o,this.getPos=i,this.updating=!1,this.languageName="plaintext",this._onChange=t=>{if(this.updating)return;const e=t.editor.getModel(),o=this.view.state.tr;this.view.dispatch(o.setNodeAttribute(this.getPos()??0,"content",e.getValue()))},this.setLanguage=t=>{this.view.dispatch(this.view.state.tr.setNodeAttribute(this.getPos()??0,"language",t))},this.dom=this.createComponent(),this.updateLanguage()}createComponent(){const t=this.view.editable?dom.createElement("og-code-block"):dom.createElement("og-code-view");return t.content=this.node.textContent,t instanceof CodeBlock?(t.dynamicHeight=!0,t.editorOptions={minimap:{enabled:!1},stickyScroll:{enabled:!1}},t.addEventListener("code.change",this._onChange),t.addEventListener("changeLanguage",(t=>this.setLanguage(t.value)))):t.copy=!0,t}setSelection(t,e){if(!this.dom?.isConnected)return;this.dom.focus(),this.updating=!0;const o=this.model;if(o){const i=o.getPositionAt(t),n=o.getPositionAt(e);this.editor.setSelection({startLineNumber:i.lineNumber,startColumn:i.column,endLineNumber:n.lineNumber,endColumn:n.column})}this.updating=!1}update(t){return t.type===this.node.type&&(this.updating||(this.node=t,this.updateLanguage(),this.dom.content=t.textContent),!0)}selectNode(){this.dom.focus()}deselectNode(){}stopEvent(){return!0}destroy(){}updateLanguage(){this.languageName=this.node.attrs.language||"plaintext",this.dom.language=this.languageName}}export const defaultCodeEditorConfig={};export function createCodeBlockConfig(t){return t.utils.$ctx(defaultCodeEditorConfig,"codeEditorConfigCtx")}export function createCodeBlockView(t){return t.utils.$view(t.presets.commonmark.codeBlockSchema.node,(e=>(e,o,i)=>new CodeEditorBlock(t,e,o,i)))}
+import { dom } from '@omegagrid/core';
+import { CodeBlock } from '@omegagrid/code';
+const DEFAULT_LANGUAGE = 'plaintext';
+export class CodeEditorBlock {
+    get editor() { return this.dom?.editor?.editor; }
+    get model() { return this.editor?.getModel(); }
+    constructor(md, node, view, getPos) {
+        this.md = md;
+        this.node = node;
+        this.view = view;
+        this.getPos = getPos;
+        this.updating = false;
+        this.languageName = 'plaintext';
+        this._onChange = (e) => {
+            if (this.updating)
+                return;
+            const model = e.editor.getModel();
+            const tr = this.view.state.tr;
+            this.view.dispatch(tr.setNodeAttribute(this.getPos() ?? 0, 'content', model.getValue()));
+            // const selection = e.editor.getSelection();
+            // const selFrom = offset + model.getOffsetAt(selection.getStartPosition());
+            // const selTo = offset + model.getOffsetAt(selection.getEndPosition());
+            // if (e.changes?.length) {
+            // 	const tr = this.view.state.tr;	
+            // 	e.changes.forEach(change => {
+            // 		const { rangeOffset, rangeLength, text } = change;
+            // 		const from = offset + rangeOffset;
+            // 		const to = from + rangeLength;
+            // 		if (text.length) {
+            // 			tr.replaceWith(from, to, this.view.state.schema.text(text));
+            // 		} else {
+            // 			tr.delete(from, to);
+            // 		}
+            // 		offset += text.length - rangeLength;
+            // 	});
+            // 	tr.setSelection(this.md.prose.state.TextSelection.create(tr.doc, selFrom, selTo))
+            // 	this.view.dispatch(tr)
+            // }
+        };
+        this.setLanguage = (language) => {
+            this.view.dispatch(this.view.state.tr.setNodeAttribute(this.getPos() ?? 0, 'language', language));
+        };
+        this.dom = this.createComponent();
+        this.updateLanguage();
+    }
+    createComponent() {
+        const component = this.view.editable
+            ? dom.createElement('og-code-block')
+            : dom.createElement('og-code-view');
+        component.content = this.node.textContent;
+        if (component instanceof CodeBlock) {
+            component.dynamicHeight = true;
+            component.editorOptions = {
+                minimap: { enabled: false },
+                stickyScroll: { enabled: false },
+            };
+            // dom.setSize(component, {h: 500});
+            component.addEventListener('code.change', this._onChange);
+            component.addEventListener('changeLanguage', (e) => this.setLanguage(e.value));
+        }
+        else {
+            component.copy = true;
+        }
+        return component;
+    }
+    setSelection(anchor, head) {
+        if (!this.dom?.isConnected)
+            return;
+        this.dom.focus();
+        this.updating = true;
+        const model = this.model;
+        if (model) {
+            const start = model.getPositionAt(anchor);
+            const end = model.getPositionAt(head);
+            this.editor.setSelection({
+                startLineNumber: start.lineNumber,
+                startColumn: start.column,
+                endLineNumber: end.lineNumber,
+                endColumn: end.column
+            });
+        }
+        this.updating = false;
+    }
+    update(node) {
+        if (node.type !== this.node.type)
+            return false;
+        if (this.updating)
+            return true;
+        this.node = node;
+        this.updateLanguage();
+        this.dom.content = node.textContent;
+        return true;
+    }
+    selectNode() {
+        // this.component.selected = true
+        this.dom.focus();
+    }
+    deselectNode() {
+        // this.component.selected = false
+    }
+    stopEvent() {
+        return true;
+    }
+    destroy() {
+        // this.component.destroy()
+    }
+    updateLanguage() {
+        this.languageName = this.node.attrs.language || DEFAULT_LANGUAGE;
+        this.dom.language = this.languageName;
+    }
+}
+export const defaultCodeEditorConfig = {};
+export function createCodeBlockConfig(md) {
+    return md.utils.$ctx(defaultCodeEditorConfig, 'codeEditorConfigCtx');
+}
+export function createCodeBlockView(md) {
+    return md.utils.$view(md.presets.commonmark.codeBlockSchema.node, _ctx => {
+        // const config = ctx.get('codeBlockConfigCtx')
+        // const languageLoader = new LanguageLoader(config.languages)
+        return (node, view, getPos) => new CodeEditorBlock(md, node, view, getPos);
+    });
+}
+// function computeChange(oldVal: string, newVal: string): { from: number; to: number; text: string } | null {
+// 	if (oldVal === newVal) return null;
+// 	let start = 0;
+// 	let oldEnd = oldVal.length;
+// 	let newEnd = newVal.length;
+// 	while (start < oldEnd && oldVal.charCodeAt(start) === newVal.charCodeAt(start)) ++start;
+// 	while (oldEnd > start && newEnd > start && oldVal.charCodeAt(oldEnd - 1) === newVal.charCodeAt(newEnd - 1)) {
+// 		oldEnd--;
+// 		newEnd--;
+// 	}
+// 	return {from: start, to: oldEnd, text: newVal.slice(start, newEnd)};
+// }
+//# sourceMappingURL=codeBlock.js.map

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

@@ -15,7 +15,7 @@ export declare class HtmlBlockComponent extends LitElement {
     startEdit: () => void;
     constructor();
     commit(): void;
-    render: () => import("lit-html/development/directive").DirectiveResult<typeof import("lit/directives/unsafe-html.js").UnsafeHTMLDirective>;
+    render: () => import("lit-html/directive").DirectiveResult<typeof import("lit-html/directives/unsafe-html").UnsafeHTMLDirective>;
 }
 export declare class HtmlBlock implements NodeView {
     md: typeof milkdown;

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

@@ -1 +1 @@
-{"version":3,"file":"htmlBlock.d.ts","sourceRoot":"","sources":["../../../src/components/features/htmlBlock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAO,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C,qBACa,kBAAmB,SAAQ,UAAU;;IAEjD,MAAM,CAAC,MAAM,0BA6BX;IAIF,IACI,OAAO,IACM,MAAM,CADe;IACtC,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,EAGtB;IAGD,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,MAAM,EAAE,SAAS,CAAC;IAElB,SAAS,aAEP;;IAOF,MAAM;IAMN,MAAM,qIAyBuB;CAE7B;AAGD,qBAAa,SAAU,YAAW,QAAQ;IAOjC,EAAE,EAAE,OAAO,QAAQ;IACnB,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS;IATxC,GAAG,EAAE,kBAAkB,CAAC;IACxB,OAAO,CAAC,QAAQ,CAAS;gBAKjB,EAAE,EAAE,OAAO,QAAQ,EACnB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS;IAQxC,SAAS,GAAI,GAAG,MAAM,CAAC,WAAW,UAIjC;IAED,MAAM,CAAC,IAAI,EAAE,IAAI;IAQjB,UAAU;IAKV,YAAY;IAIZ,SAAS;IAIT,OAAO;CAyEP;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACrD,eAAO,MAAM,uBAAuB,EAAS,gBAAgB,CAAC;AAE9D,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,OAAO,QAAQ,gEAExD;AAED,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,OAAO,QAAQ,6HAQtD"}
+{"version":3,"file":"htmlBlock.d.ts","sourceRoot":"","sources":["../../../src/components/features/htmlBlock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAO,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C,qBACa,kBAAmB,SAAQ,UAAU;;IAEjD,MAAM,CAAC,MAAM,0BA6BX;IAIF,IACI,OAAO,IACM,MAAM,CADe;IACtC,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,EAGtB;IAGD,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,MAAM,EAAE,SAAS,CAAC;IAElB,SAAS,aAEP;;IAOF,MAAM;IAMN,MAAM,2HAyBuB;CAE7B;AAGD,qBAAa,SAAU,YAAW,QAAQ;IAOjC,EAAE,EAAE,OAAO,QAAQ;IACnB,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS;IATxC,GAAG,EAAE,kBAAkB,CAAC;IACxB,OAAO,CAAC,QAAQ,CAAS;gBAKjB,EAAE,EAAE,OAAO,QAAQ,EACnB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS;IAQxC,SAAS,GAAI,GAAG,MAAM,CAAC,WAAW,UAIjC;IAED,MAAM,CAAC,IAAI,EAAE,IAAI;IAQjB,UAAU;IAKV,YAAY;IAIZ,SAAS;IAIT,OAAO;CAyEP;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACrD,eAAO,MAAM,uBAAuB,EAAS,gBAAgB,CAAC;AAE9D,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,OAAO,QAAQ,gEAExD;AAED,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,OAAO,QAAQ,6HAQtD"}