@omegagrid/markdown 0.3.68 → 0.4.0

package/dist/components/styles/table.js

@@ -0,0 +1,233 @@
+import{css}from"lit";export const style=css`
+	.ProseMirror .tableWrapper {
+		overflow-x: auto;
+	}
+	.ProseMirror table {
+		border-collapse: collapse;
+		table-layout: fixed;
+		width: 100%;
+		overflow: hidden;
+	}
+	.ProseMirror td, .ProseMirror th {
+		vertical-align: top;
+		box-sizing: border-box;
+		position: relative;
+	}
+		
+	.ProseMirror td:not([data-colwidth]):not(.column-resize-dragging),
+	.ProseMirror th:not([data-colwidth]):not(.column-resize-dragging) {
+		/* if there's no explicit width set and the column is not being resized, set a default width */
+		min-width: var(--default-cell-min-width);
+	}
+		
+	.ProseMirror .column-resize-handle {
+		position: absolute;
+		right: -2px;
+		top: 0;
+		bottom: 0;
+		width: 4px;
+		z-index: 20;
+		background-color: #adf;
+		pointer-events: none;
+	}
+
+	.ProseMirror.resize-cursor {
+		cursor: ew-resize;
+		cursor: col-resize;
+	}
+
+	/* Give selected cells a blue overlay */
+	.ProseMirror .selectedCell:after {
+		z-index: 2;
+		position: absolute;
+		content: '';
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		background: rgba(200, 200, 255, 0.4);
+		pointer-events: none;
+	}
+
+	milkdown-table-block {
+		display: block;
+		margin: 4px 0;
+	}
+	milkdown-table-block th,
+	milkdown-table-block td {
+		border: 1px solid var(--og-border-color);
+		padding: 4px 16px;
+	}
+	milkdown-table-block th .ProseMirror-selectednode,
+	milkdown-table-block td .ProseMirror-selectednode {
+		background-color: transparent !important;
+	}
+	milkdown-table-block th:has(.ProseMirror-selectednode),
+	milkdown-table-block td:has(.ProseMirror-selectednode) {
+		outline: 1px solid var(--markdown-color-primary);
+		outline-offset: -1px;
+	}
+
+	milkdown-table-block .selectedCell::after {
+		background-color: var(--markdown-color-selected);
+		opacity: 0.4;
+	}
+	milkdown-table-block .selectedCell::selection {
+		background: transparent;
+	}
+
+	milkdown-table-block .drag-preview {
+		background-color: var(--markdown-color-surface);
+		opacity: 0.4;
+		position: absolute;
+		z-index: 100;
+		display: flex;
+		flex-direction: column;
+		outline: 1px solid var(--markdown-color-primary);
+		outline-offset: -1px;
+	}
+	milkdown-table-block .drag-preview[data-show='false'] {
+		display: none;
+	}
+	milkdown-table-block .drag-preview th:has(.ProseMirror-selectednode),
+	milkdown-table-block .drag-preview td:has(.ProseMirror-selectednode) {
+		outline: none;
+	}
+
+	milkdown-table-block .handle {
+		position: absolute;
+		font-size: 12px;
+		transition: opacity ease-in-out 0.2s;
+	}
+	milkdown-table-block .handle[data-show='false'] {
+		opacity: 0;
+	}
+
+	milkdown-table-block svg {
+		fill: var(--markdown-color-outline);
+	}
+
+	milkdown-table-block .cell-handle {
+		z-index: 50;
+		left: -999px;
+		top: -999px;
+		cursor: grab;
+		background-color: var(--og-accent-color);
+		color: var(--og-text-color-2);
+		border-radius: 100px;
+		transition: background-color 0.2s ease-in-out;
+	}
+	milkdown-table-block .cell-handle:hover {
+		background-color: var(--og-accent-color-highlight);
+	}
+	milkdown-table-block .cell-handle:has(.button-group:hover) {
+		background-color: var(--og-accent-color-highlight);
+	}
+	milkdown-table-block .cell-handle[data-role='col-drag-handle'] {
+		transform: translateY(50%);
+		padding: 0 6px;
+		width: 28px;
+		height: 16px;
+	}
+	milkdown-table-block .cell-handle[data-role='row-drag-handle'] {
+		transform: translateX(50%);
+		padding: 6px 0;
+		width: 16px;
+		height: 28px;
+	}
+	milkdown-table-block .cell-handle .button-group {
+		position: absolute;
+		transform: translateX(-50%);
+		left: 50%;
+		top: -52px;
+		display: flex;
+		gap: 2px;
+		background-color: var(--og-background-color);
+		border: 1px solid var(--og-accent-color);
+		padding: 2px;
+	}
+	milkdown-table-block .cell-handle .button-group::after {
+		content: '';
+		position: absolute;
+		bottom: -8px;
+		height: 8px;
+		background-color: transparent;
+		width: 100%;
+	}
+	milkdown-table-block .cell-handle .button-group[data-show='false'] {
+		display: none;
+	}
+	milkdown-table-block .cell-handle .button-group button {
+		background-color: var(--og-accent-color);
+		color: var(--og-text-color-2);
+		cursor: pointer;
+		min-width: 20px;
+		height: 20px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+	milkdown-table-block .cell-handle .button-group button:hover {
+		background-color: var(--og-accent-color-highlight);
+	}
+	milkdown-table-block .cell-handle .button-group button:active {
+		background: var(--markdown-color-selected);
+	}
+	milkdown-table-block .cell-handle:hover {
+		opacity: 1;
+	}
+
+	milkdown-table-block .line-handle {
+		z-index: 20;
+		background-color: var(--markdown-color-primary);
+	}
+	milkdown-table-block .line-handle:hover {
+		opacity: 1;
+	}
+	milkdown-table-block .line-handle .add-button {
+		cursor: pointer;
+		background-color: var(--og-accent-color);
+		color: var(--og-text-color-2);
+		border-radius: 100px;
+		transition: background-color 0.2s ease-in-out;
+	}
+	milkdown-table-block .line-handle .add-button > svg {
+		width: 16px;
+		height: 16px;
+	}
+	milkdown-table-block .line-handle .add-button:hover {
+		background-color: var(--og-accent-color-highlight);
+	}
+	milkdown-table-block .line-handle .add-button:active {
+		background: var(--markdown-color-selected);
+	}
+	milkdown-table-block .line-handle[data-role='x-line-drag-handle'] {
+		height: 1px;
+		z-index: 2;
+	}
+	milkdown-table-block .line-handle[data-role='x-line-drag-handle'] .add-button {
+		position: absolute;
+		transform: translateX(-50%) translateY(-50%);
+		padding: 6px 0;
+		width: 16px;
+		height: 28px;
+	}
+	milkdown-table-block .line-handle[data-role='y-line-drag-handle'] {
+		width: 1px;
+		z-index: 1;
+	}
+	milkdown-table-block .line-handle[data-role='y-line-drag-handle'] .add-button {
+		position: absolute;
+		transform: translateY(-50%) translateX(-50%);
+		padding: 0 6px;
+		width: 28px;
+		height: 16px;
+	}
+	milkdown-table-block .line-handle[data-display-type='indicator'] .add-button {
+		display: none;
+	}
+
+	milkdown-table-block.readonly .handle {
+		display: none;
+	}
+`;

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

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

package/dist/constants.js

@@ -1,7 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@omegagrid/core");
-exports.default = {
-    ...core_1.constants
-};
-//# sourceMappingURL=constants.js.map
+import{constants as coreConstants}from"@omegagrid/core";export default{...coreConstants};

package/dist/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;AAAA,0CAA6D;AAE7D,kBAAe;IACd,GAAG,gBAAa;CAChB,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE7D,eAAe;IACd,GAAG,aAAa;CAChB,CAAC"}

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
+export { MilkdownLoader as loader } from '@omegagrid/milkdown-kit/dist/loader';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC"}

package/dist/index.js

@@ -1,18 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components"), exports);
-//# sourceMappingURL=index.js.map
+export*from"./components";export{MilkdownLoader as loader}from"@omegagrid/milkdown-kit/dist/loader";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC"}

package/dist/utils.d.ts

@@ -0,0 +1,9 @@
+export type CreateEditorOptions = {
+    container?: HTMLElement;
+    content?: string;
+    readOnly?: boolean;
+    onUpload?: (file: File) => Promise<string>;
+};
+export declare function createEditor(options?: CreateEditorOptions): Promise<import("@milkdown/core").Editor>;
+export declare function markdownToHtml(markdown: string): Promise<string>;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,mBAAmB,GAAG;IACjC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;CAC3C,CAAA;AAED,wBAAsB,YAAY,CAAC,OAAO,CAAC,EAAE,mBAAmB,4CAgC/D;AAED,wBAAsB,cAAc,CAAC,QAAQ,EAAE,MAAM,mBAKpD"}

package/dist/utils.js

@@ -0,0 +1 @@
+import{MilkdownLoader}from"@omegagrid/milkdown-kit/dist/loader";import{configureFeatures,getFeatures}from".";export async function createEditor(e){const t=await MilkdownLoader.get(),o=t.core.Editor.make(),r=Array.from(getFeatures(o,t,e).entries()).filter((([e,t])=>t.default));return o.config(configureFeatures(r.map((e=>e[0])),t)).config((o=>{(null==e?void 0:e.container)&&o.set(t.core.rootCtx,e.container),(null==e?void 0:e.content)&&o.set(t.core.defaultValueCtx,e.content),(null==e?void 0:e.readOnly)&&o.update(t.core.editorViewOptionsCtx,(e=>({...e,editable:()=>!1})))})).use(t.plugins.listener.listener).use(t.presets.commonmark.commonmark).use(t.presets.gfm.gfm).use(t.plugins.history.history),r.forEach((e=>e[1].init())),await o.create(),o}export async function markdownToHtml(e){const t=await createEditor({content:e,readOnly:!0}),o=MilkdownLoader.getSync().utils.getHTML()(t.ctx);return t.destroy(),o}

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AASnD,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,OAA6B;IAC/D,MAAM,QAAQ,GAAG,MAAM,cAAc,CAAC,GAAG,EAAE,CAAC;IAC5C,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IAC3C,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAEpH,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;SACxE,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE;QACf,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS;YAAE,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QAC1E,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO;YAAE,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QAC9E,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,CAAC;YACvB,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,EAAC,CAAC,CAAC,CAAC;QAC9F,CAAC;QAED,yCAAyC;QACzC,8BAA8B;QAC9B,mCAAmC;QACnC,MAAM;QACN,8DAA8D;QAC7D,mCAAmC;QACnC,kCAAkC;QAClC,IAAI;QACL,KAAK;IACN,CAAC,CAAC;SACD,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC;SACvC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;SAC3C,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;SAC7B,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAExC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAE1C,MAAM,MAAM,CAAC,MAAM,EAAE,CAAC;IACtB,OAAO,MAAM,CAAC;AACf,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,QAAgB;IACpD,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;IACvE,MAAM,IAAI,GAAG,cAAc,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAClE,MAAM,CAAC,OAAO,EAAE,CAAC;IACjB,OAAO,IAAI,CAAC;AACb,CAAC"}

package/package.json

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

package/dist/types.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}