@omegagrid/markdown 0.3.67 → 0.4.0

package/dist/components/markdownEditor.style.js

@@ -0,0 +1,221 @@
+import{css}from"lit";export const style=css`
+	* {
+		box-sizing: border-box;
+	}
+	
+	:host {
+		display: block;
+		position: relative;
+		overflow: hidden;
+		color: var(--og-text-color);
+		font-size: var(--og-font-size);
+		user-select: text;
+
+		--markdown-color-selected: var(--og-accent-color);
+		--markdown-color-outline: var(--og-accent-color);
+		--markdown-color-surface: var(--og-background-color);
+	}
+
+	:host([readonly]) og-markdown-block-edit, 
+	:host([readonly]) .operation-item 
+	:host([readonly]) .image-resize-handle {
+		display: none !important;
+	}
+
+	og-code-block, og-code-view {
+		border: 1px solid var(--og-accent-color);
+		white-space: normal;
+	}
+
+	.md-editor-drop-cursor {
+		background-color: var(--og-accent-color) !important;
+	}
+
+	#container {
+		height: 100%;
+		position: relative;
+		overflow: hidden;
+	}
+
+	.milkdown {
+		height: 100%;
+		position: relative;
+		overflow: hidden;
+		flex-direction: row;
+	}
+
+	:host([contentAlignment='center']) .ProseMirror {
+		margin: 0 auto;
+	}
+
+	:host([contentAlignment='left']) .ProseMirror {
+		margin: 0 auto 0 0;
+	}
+
+	:host([contentAlignment='right']) .ProseMirror {
+		margin: 0 0 0 auto;
+	}
+
+	button, input {
+		border: none;
+		background: none;
+		box-shadow: none;
+	}
+	
+	button:focus, input:focus {
+		outline: none;
+	}
+		
+	:focus-visible {
+		outline: none;
+	}
+			
+	.ProseMirror-focused {
+		outline: none;
+	}
+		
+	.ProseMirror {
+		padding: 0px 60px 60px;
+	}
+		
+	.ProseMirror *::selection {
+		background: var(--markdown-color-selected);
+		color: var(--og-text-color-2);
+	}
+		
+	li.ProseMirror-selectednode {
+		background: var(--markdown-color-selected);
+		outline: none;
+	}
+	
+	li.ProseMirror-selectednode::selection {
+		background: transparent;
+	}
+	
+	li.ProseMirror-selectednode:after {
+		all: unset;
+	}
+		
+	.ProseMirror-selectednode {
+		background: var(--markdown-color-selected);
+		outline: none;
+		background: color-mix(in srgb, var(--markdown-color-selected), transparent 60%);
+	}
+	
+	.ProseMirror-selectednode::selection {
+		background: transparent;
+	}
+		
+	.ProseMirror[data-dragging='true'] .ProseMirror-selectednode,
+	.ProseMirror[data-dragging='true']::selection,
+	.ProseMirror[data-dragging='true'] *::selection {
+		background: transparent;
+	}
+		
+	.ProseMirror[data-dragging='true'] input::selection {
+		background: var(--markdown-color-selected);
+	}
+		
+	img {
+		vertical-align: bottom;
+		max-width: 100%;
+	}
+		
+	img.ProseMirror-selectednode {
+		background: none;
+		outline: 2px solid var(--markdown-color-primary);
+	}
+		
+	h1 {
+		font-size: 1.5em;
+	}
+
+	h2 {
+		font-size: 1.3em;
+	}
+
+	h3 {
+		font-size: 1.1em;
+	}
+
+	h4 {
+		font-size: 1em;
+	}
+
+	a {
+		color: #688DC8;
+		text-decoration: underline;
+	}
+		
+	p {
+		font-size: var(--og-font-size);
+		margin-block-start: 0.2em;
+		margin-block-end: 0.2em;
+		padding: 0px 0;
+	}
+
+	code {
+		padding: 2px 4px;
+		font-size: 90%;
+		color: #c7254e;
+		background-color: #f9f2f4;
+		border-radius: 0;
+	}
+		
+	pre {
+		background: color-mix(in srgb, var(--markdown-color-inline-area), transparent 40%);
+		padding: 10px;
+		border-radius: 4px;
+	}
+	
+	pre code {
+		padding: 0;
+		background: transparent;
+	}
+		
+	blockquote {
+		position: relative;
+		padding-left: 40px;
+		padding-top: 0;
+		padding-bottom: 0;
+		box-sizing: content-box;
+		margin: 4px 0;
+	}
+	
+	blockquote::before {
+		content: '';
+		width: 4px;
+		left: 0;
+		top: 4px;
+		bottom: 4px;
+		position: absolute;
+		background: var(--markdown-color-selected);
+		border-radius: 100px;
+	}
+		
+	hr {
+		border: none;
+		background-color: color-mix(in srgb, var(--markdown-color-outline), transparent 80%);
+		background-clip: content-box;
+		padding: 6px 0;
+		height: 13px;
+		position: relative;
+	}
+	
+	hr.ProseMirror-selectednode {
+		outline: none;
+		background-color: color-mix(in srgb, var(--markdown-color-outline), transparent 20%);
+		background-clip: content-box;
+	}
+	
+	hr.ProseMirror-selectednode::before {
+		content: '';
+		position: absolute;
+		left: 0;
+		top: 0;
+		bottom: 0;
+		right: 0;
+		background-color: color-mix(in srgb, var(--markdown-color-outline), transparent 80%);
+		pointer-events: none;
+	}
+`;

package/dist/components/markdownEditor.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdownEditor.style.js","sourceRoot":"","sources":["../../src/components/markdownEditor.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,0BAA0B;AAC1B,iCAAiC;AACjC,8BAA8B;AAC9B,4BAA4B;AAC5B,2BAA2B;AAC3B,wBAAwB;AACxB,+BAA+B;AAC/B,+BAA+B;AAC/B,uBAAuB;AACvB,yBAAyB;AACzB,sBAAsB;AACtB,8BAA8B;AAC9B,2BAA2B;AAC3B,2BAA2B;AAC3B,8BAA8B;AAC9B,2BAA2B;AAC3B,gCAAgC;AAChC,6BAA6B;AAG7B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4NvB,CAAC"}

package/dist/components/markdownView.d.ts

@@ -1,23 +1,5 @@
-import { Container, Layout } from '@omegagrid/core';
-import { LitElement } from 'lit';
-import MarkdownIt from 'markdown-it';
-export declare class MarkdownView extends LitElement implements Layout {
-    static md: MarkdownIt;
-    static styles: import("lit").CSSResult[];
-    content: string;
-    contentWidth: number;
-    padding: number;
-    scrollable: boolean;
-    markdownRoot: HTMLDivElement;
-    container: Container;
-    get theme(): import("@omegagrid/core").ThemeType;
-    onStyleChange: () => void;
+import { MarkdownEditor } from './markdownEditor';
+export declare class MarkdownView extends MarkdownEditor {
     constructor();
-    initSyntaxHighlighting(): void;
-    updated(props: Map<string, unknown>): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render: () => import("lit-html").TemplateResult<1>;
-    layout(): void;
 }
 //# sourceMappingURL=markdownView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"markdownView.d.ts","sourceRoot":"","sources":["../../src/components/markdownView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAwB,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,UAAU,MAAM,aAAa,CAAC;AAKrC,qBACa,YAAa,SAAQ,UAAW,YAAW,MAAM;IAE7D,MAAM,CAAC,EAAE,EAAE,UAAU,CAAC;IAEtB,MAAM,CAAC,MAAM,4BAAW;IAGxB,OAAO,EAAE,MAAM,CAAC;IAGhB,YAAY,EAAE,MAAM,CAAC;IAGrB,OAAO,SAAM;IAGb,UAAU,UAAS;IAGnB,YAAY,EAAE,cAAc,CAAC;IAG7B,SAAS,EAAE,SAAS,CAAC;IAErB,IAAI,KAAK,wCAAkD;IAE3D,aAAa,aAEZ;;IAOD,sBAAsB;IAkBtB,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAOnC,iBAAiB;IAKjB,oBAAoB;IAIpB,MAAM,6CAqBJ;IAEF,MAAM;CAIN"}
+{"version":3,"file":"markdownView.d.ts","sourceRoot":"","sources":["../../src/components/markdownView.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,qBACa,YAAa,SAAQ,cAAc;;CAO/C"}

package/dist/components/markdownView.js

@@ -1,109 +1 @@
-"use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-var MarkdownView_1;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MarkdownView = void 0;
-const core_1 = require("@omegagrid/core");
-const lit_1 = require("lit");
-const decorators_js_1 = require("lit/decorators.js");
-const markdown_it_1 = __importDefault(require("markdown-it"));
-const markdownView_style_1 = require("./markdownView.style");
-const style_map_js_1 = require("lit/directives/style-map.js");
-let MarkdownView = MarkdownView_1 = class MarkdownView extends lit_1.LitElement {
-    get theme() { var _a; return (_a = (0, core_1.getThemeManager)().activeTheme) === null || _a === void 0 ? void 0 : _a.type; }
-    constructor() {
-        super();
-        this.padding = 10;
-        this.scrollable = false;
-        this.onStyleChange = () => {
-            //this.editor.updateOptions({theme: this.theme});
-        };
-        this.render = () => (0, lit_1.html) `
-		${this.scrollable ? (0, lit_1.html) `
-			<og-container>
-				<div
-					slot="content"
-					id="markdown"
-					style="${(0, style_map_js_1.styleMap)({
-            width: this.contentWidth ? core_1.dom.numToPixels(this.contentWidth) : null,
-            padding: core_1.dom.numToPixels(this.padding)
-        })}">
-				</div>
-			</og-container>
-		` : (0, lit_1.html) `
-			<div
-				id="markdown"
-				style="${(0, style_map_js_1.styleMap)({
-            width: this.contentWidth ? core_1.dom.numToPixels(this.contentWidth) : null,
-            padding: core_1.dom.numToPixels(this.padding)
-        })}">
-			</div>
-		`}
-	`;
-        MarkdownView_1.md = MarkdownView_1.md || new markdown_it_1.default({ html: true });
-    }
-    initSyntaxHighlighting() {
-        const codeBlocks = this.markdownRoot.querySelectorAll('pre code');
-        const re = new RegExp('^language-(.*)');
-        codeBlocks.forEach((block) => {
-            const m = block.className.match(re);
-            if (m && m[1]) {
-                const highlighter = core_1.dom.createElement('og-highlighter');
-                //highlighter.style.height = '300px';
-                highlighter.language = m[1];
-                highlighter.content = block.textContent;
-                highlighter.copy = true;
-                highlighter.scrollable = true;
-                block.innerHTML = '';
-                block.parentElement.parentElement.replaceChild(highlighter, block.parentElement);
-            }
-        });
-    }
-    updated(props) {
-        if (props.has('content')) {
-            this.markdownRoot.innerHTML = MarkdownView_1.md.render(this.content);
-            this.initSyntaxHighlighting();
-        }
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        (0, core_1.getThemeManager)().addEventListener('change', this.onStyleChange);
-    }
-    disconnectedCallback() {
-        (0, core_1.getThemeManager)().removeEventListener('change', this.onStyleChange);
-    }
-    layout() {
-    }
-};
-exports.MarkdownView = MarkdownView;
-MarkdownView.styles = [markdownView_style_1.style];
-__decorate([
-    (0, decorators_js_1.property)({ type: String })
-], MarkdownView.prototype, "content", void 0);
-__decorate([
-    (0, decorators_js_1.property)({ type: Number })
-], MarkdownView.prototype, "contentWidth", void 0);
-__decorate([
-    (0, decorators_js_1.property)({ type: Number })
-], MarkdownView.prototype, "padding", void 0);
-__decorate([
-    (0, decorators_js_1.property)({ type: Boolean })
-], MarkdownView.prototype, "scrollable", void 0);
-__decorate([
-    (0, decorators_js_1.query)('#markdown')
-], MarkdownView.prototype, "markdownRoot", void 0);
-__decorate([
-    (0, decorators_js_1.query)('og-container')
-], MarkdownView.prototype, "container", void 0);
-exports.MarkdownView = MarkdownView = MarkdownView_1 = __decorate([
-    (0, decorators_js_1.customElement)('og-markdown')
-], 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.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdownView.js","sourceRoot":"","sources":["../../src/components/markdownView.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"markdownView.js","sourceRoot":"","sources":["../../src/components/markdownView.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAG3C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,cAAc;IAE/C;QACC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACtB,CAAC;CAED,CAAA;AAPY,YAAY;IADxB,aAAa,CAAC,kBAAkB,CAAC;GACrB,YAAY,CAOxB"}

package/dist/components/markdownView.style.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.style = void 0;
-const lit_1 = require("lit");
-exports.style = (0, lit_1.css) `
+import{css}from"lit";export const style=css`
 	* {
 		box-sizing: border-box;
 	}
@@ -45,5 +41,4 @@ exports.style = (0, lit_1.css) `
 
 
 
-`;
-//# sourceMappingURL=markdownView.style.js.map
+`;

package/dist/components/markdownView.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdownView.style.js","sourceRoot":"","sources":["../../src/components/markdownView.style.ts"],"names":[],"mappings":";;;AAAA,6BAA0B;AAEb,QAAA,KAAK,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CvB,CAAC"}
+{"version":3,"file":"markdownView.style.js","sourceRoot":"","sources":["../../src/components/markdownView.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CvB,CAAC"}

package/dist/components/styles/block-edit.d.ts

@@ -0,0 +1,2 @@
+export declare const style: import("lit").CSSResult;
+//# sourceMappingURL=block-edit.d.ts.map

package/dist/components/styles/block-edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-edit.d.ts","sourceRoot":"","sources":["../../../src/components/styles/block-edit.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAmIjB,CAAC"}

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

@@ -0,0 +1,132 @@
+import{css}from"lit";export const style=css`
+milkdown-block-handle {
+	transition: all 0.2s;
+	position: absolute;
+	cursor: pointer;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	gap: 2px;
+  }
+  milkdown-block-handle[data-show='false'] {
+	opacity: 0;
+	pointer-events: none;
+  }
+  
+  .operation-item {
+	border-radius: 4px;
+	width: 32px;
+	height: 32px;
+	padding: 4px;
+  }
+  .operation-item svg {
+	width: 24px;
+	height: 24px;
+	fill: var(--crepe-color-outline);
+  }
+  .operation-item:hover {
+	background: var(--crepe-color-hover);
+  }
+  .operation-item.active {
+	background: var(--crepe-color-selected);
+  }
+  
+  milkdown-slash-menu {
+	position: absolute;
+	display: block;
+	font-family: var(--crepe-font-default);
+	color: var(--crepe-color-on-surface);
+	background: var(--crepe-color-surface);
+	border-radius: 12px;
+	box-shadow: var(--crepe-shadow-1);
+  }
+  milkdown-slash-menu[data-show='false'] {
+	display: none;
+  }
+  
+  milkdown-slash-menu ul {
+	list-style-type: none;
+  }
+  milkdown-slash-menu ul li {
+	cursor: pointer;
+	border-radius: 8px;
+  }
+  
+  .tab-group {
+	border-bottom: 1px solid color-mix(in srgb, var(--crepe-color-outline), transparent 80%);
+	padding: 12px 12px 0;
+  }
+  .tab-group ul {
+	padding: 8px 10px;
+	display: flex;
+	gap: 10px;
+	flex-wrap: nowrap;
+  }
+  .tab-group ul li {
+	padding: 6px 10px;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 600;
+	line-height: 20px;
+  }
+  .tab-group ul li:hover {
+	background: var(--crepe-color-hover);
+  }
+  .tab-group ul li.selected {
+	background: var(--crepe-color-selected);
+  }
+  
+  .menu-groups {
+	padding: 0 12px 12px;
+	max-height: 420px;
+	overflow: auto;
+	overscroll-behavior: contain;
+	scroll-behavior: smooth;
+  }
+  
+  .menu-group h6 {
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 600;
+	line-height: 20px;
+	padding: 14px 10px;
+	text-transform: uppercase;
+	color: color-mix(in srgb, var(--crepe-color-on-surface), transparent 40%);
+  }
+  
+  .menu-group li {
+	min-width: 220px;
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+	gap: 16px;
+	padding: 14px 10px;
+  }
+  .menu-group li.hover {
+	background: var(--crepe-color-hover);
+  }
+  .menu-group li.active {
+	background: var(--crepe-color-selected);
+  }
+  .menu-group li > svg {
+	width: 24px;
+	height: 24px;
+	color: var(--crepe-color-outline);
+	fill: var(--crepe-color-outline);
+  }
+  .menu-group li > span {
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 600;
+	line-height: 20px;
+  }
+  
+  .menu-group + .menu-group::before {
+	content: '';
+	display: block;
+	height: 1px;
+	background: color-mix(in srgb, var(--crepe-color-outline), transparent 80%);
+	margin: 0 10px;
+  }
+  
+`;

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

@@ -0,0 +1 @@
+{"version":3,"file":"block-edit.js","sourceRoot":"","sources":["../../../src/components/styles/block-edit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmIvB,CAAC"}

package/dist/components/styles/cursor.d.ts

@@ -0,0 +1,2 @@
+export declare const style: import("lit").CSSResult;
+//# sourceMappingURL=cursor.d.ts.map

package/dist/components/styles/cursor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cursor.d.ts","sourceRoot":"","sources":["../../../src/components/styles/cursor.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAWjB,CAAC"}

package/dist/components/styles/cursor.js

@@ -0,0 +1,12 @@
+import{css}from"lit";export const style=css`
+	.crepe-drop-cursor {
+		opacity: 0.5;
+		transition: all 0.2s;
+		pointer-events: none;
+	}
+  
+	.ProseMirror-gapcursor:after {
+		box-sizing: border-box;
+		border-top: 1px solid var(--crepe-color-on-background);
+	}
+`;

package/dist/components/styles/cursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cursor.js","sourceRoot":"","sources":["../../../src/components/styles/cursor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;CAWvB,CAAC"}

package/dist/components/styles/image-block.d.ts

@@ -0,0 +1,2 @@
+export declare const style: import("lit").CSSResult;
+//# sourceMappingURL=image-block.d.ts.map

package/dist/components/styles/image-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-block.d.ts","sourceRoot":"","sources":["../../../src/components/styles/image-block.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBA2UjB,CAAC"}