@hypericon/mico 0.4.1 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/dialog/dialog-manager.js +1 -1
- package/dist/cjs/components/markdown-editor/MarkdownEditor.js +17 -7
- package/dist/cjs/components/select/SelectOptionsPanel.d.ts +0 -1
- package/dist/cjs/components/table/Table.d.ts +6 -2
- package/dist/cjs/components/table/Table.js +7 -3
- package/dist/cjs/components/toast/toast.js +19 -9
- package/dist/cjs/components/tooltip/tooltip-function.d.ts +1 -1
- package/dist/cjs/components/tooltip/tooltip-function.js +3 -4
- package/dist/cjs/components/tree/Tree.d.ts +30 -30
- package/dist/cjs/components/tree/Tree.js +3 -3
- package/dist/cjs/components/tree/tree-utils.js +1 -2
- package/dist/cjs/utils/date-time.js +2 -3
- package/dist/cjs/utils/dom.js +2 -3
- package/dist/cjs/utils/events.js +1 -2
- package/dist/esm/components/accordion/index.d.ts +1 -0
- package/dist/esm/components/accordion/index.js +1 -0
- package/dist/esm/components/data-grid/index.d.ts +1 -0
- package/dist/esm/components/data-grid/index.js +1 -0
- package/dist/esm/components/data-table/index.d.ts +1 -0
- package/dist/esm/components/data-table/index.js +1 -0
- package/dist/esm/components/dialog/Dialog.js +2 -1
- package/dist/esm/components/dialog/dialog-manager.js +21 -14
- package/dist/esm/components/dialog/index.js +17 -1
- package/dist/esm/components/drag-handler/DragHandler.js +9 -3
- package/dist/esm/components/drag-handler/index.js +17 -1
- package/dist/esm/components/drawer/index.d.ts +1 -0
- package/dist/esm/components/drawer/index.js +1 -0
- package/dist/esm/components/drop-target/DropTarget.js +15 -9
- package/dist/esm/components/drop-target/drop-target.state.js +14 -10
- package/dist/esm/components/drop-target/index.js +17 -1
- package/dist/esm/components/form/Form.js +4 -1
- package/dist/esm/components/form/index.js +17 -1
- package/dist/esm/components/icon/Icon.js +9 -3
- package/dist/esm/components/icon/icons.js +2 -1
- package/dist/esm/components/icon/index.js +18 -2
- package/dist/esm/components/index.js +28 -12
- package/dist/esm/components/markdown/Markdown.js +15 -9
- package/dist/esm/components/markdown/index.js +17 -1
- package/dist/esm/components/markdown-editor/MarkdownEditor.js +80 -44
- package/dist/esm/components/markdown-editor/index.js +17 -1
- package/dist/esm/components/markdown-editor/markdown-editor.state.js +11 -7
- package/dist/esm/components/menu/Menu.js +16 -10
- package/dist/esm/components/menu/MenuButton.js +31 -25
- package/dist/esm/components/menu/MenuSeparator.js +11 -5
- package/dist/esm/components/menu/index.js +22 -6
- package/dist/esm/components/menu/menu-constants.js +4 -1
- package/dist/esm/components/menu/menu-manager.js +18 -11
- package/dist/esm/components/menu/menu-settings.js +4 -1
- package/dist/esm/components/modal/index.d.ts +1 -0
- package/dist/esm/components/modal/index.js +1 -0
- package/dist/esm/components/pagination/Pagination.js +35 -29
- package/dist/esm/components/pagination/index.js +18 -2
- package/dist/esm/components/pagination/pagination-settings.js +4 -1
- package/dist/esm/components/panel-tree/PanelTree.js +27 -21
- package/dist/esm/components/panel-tree/index.d.ts +1 -0
- package/dist/esm/components/panel-tree/index.js +1 -0
- package/dist/esm/components/panel-tree/panel-tree-constants.js +5 -2
- package/dist/esm/components/panel-tree/panel-tree-store.js +13 -9
- package/dist/esm/components/panel-tree/panel-tree-utils.js +7 -3
- package/dist/esm/components/popover/index.d.ts +1 -0
- package/dist/esm/components/popover/index.js +1 -0
- package/dist/esm/components/reorderable-list/RedorderableList.js +17 -11
- package/dist/esm/components/reorderable-list/index.d.ts +1 -0
- package/dist/esm/components/reorderable-list/index.js +1 -0
- package/dist/esm/components/select/Select.js +18 -12
- package/dist/esm/components/select/SelectOptionsPanel.d.ts +0 -1
- package/dist/esm/components/select/SelectOptionsPanel.js +19 -13
- package/dist/esm/components/select/constants.js +5 -2
- package/dist/esm/components/select/index.js +18 -2
- package/dist/esm/components/select/select-options-manager.js +7 -3
- package/dist/esm/components/tab-panel/TabPanel.js +19 -13
- package/dist/esm/components/tab-panel/index.js +19 -3
- package/dist/esm/components/tab-panel/tab-panel-default-settings.js +4 -1
- package/dist/esm/components/tab-panel/tab-panel-settings.js +2 -1
- package/dist/esm/components/table/Table.d.ts +6 -2
- package/dist/esm/components/table/Table.js +24 -13
- package/dist/esm/components/table/index.js +17 -1
- package/dist/esm/components/toast/index.js +17 -1
- package/dist/esm/components/toast/toast.js +49 -9
- package/dist/esm/components/tooltip/index.js +19 -3
- package/dist/esm/components/tooltip/tooltip-defaults.js +4 -1
- package/dist/esm/components/tooltip/tooltip-function.d.ts +1 -1
- package/dist/esm/components/tooltip/tooltip-function.js +25 -21
- package/dist/esm/components/tooltip/tooltip-interfaces.js +2 -1
- package/dist/esm/components/tree/Tree.d.ts +30 -30
- package/dist/esm/components/tree/Tree.js +30 -23
- package/dist/esm/components/tree/index.js +19 -3
- package/dist/esm/components/tree/tree-node.interface.js +2 -1
- package/dist/esm/components/tree/tree-utils.js +4 -1
- package/dist/esm/index.js +18 -2
- package/dist/esm/utils/date-time.js +6 -2
- package/dist/esm/utils/dom.js +6 -2
- package/dist/esm/utils/events.js +4 -1
- package/dist/esm/utils/index.js +19 -3
- package/package.json +1 -1
|
@@ -1,9 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.DropTarget = void 0;
|
|
7
|
+
const mithril_1 = __importDefault(require("mithril"));
|
|
8
|
+
const drop_target_state_1 = require("./drop-target.state");
|
|
9
|
+
const utils_1 = require("../../utils");
|
|
10
|
+
exports.DropTarget = {
|
|
5
11
|
oninit() {
|
|
6
|
-
this.state = new DropTargetState();
|
|
12
|
+
this.state = new drop_target_state_1.DropTargetState();
|
|
7
13
|
},
|
|
8
14
|
oncreate({ dom }) {
|
|
9
15
|
this.state.lastHeight = dom.clientHeight;
|
|
@@ -15,12 +21,12 @@ export const DropTarget = {
|
|
|
15
21
|
},
|
|
16
22
|
view({ attrs, children }) {
|
|
17
23
|
const autoHeightStr = (attrs.autoHeight !== false) ? `height: ${this.state.lastHeight}px;` : "";
|
|
18
|
-
return
|
|
24
|
+
return (0, mithril_1.default)(".mico-drop-container", {
|
|
19
25
|
class: attrs.class,
|
|
20
26
|
style: attrs.style,
|
|
21
27
|
}, [
|
|
22
28
|
this.state.isDragging ? [
|
|
23
|
-
|
|
29
|
+
(0, mithril_1.default)("", {
|
|
24
30
|
class: `mico-drop-target ${this.state.isOver ? "highlighted" : ""}`,
|
|
25
31
|
style: `${autoHeightStr} display: flex; flex-direction: column; align-items: center; justify-content: center;`,
|
|
26
32
|
ondragover: (ev) => {
|
|
@@ -38,7 +44,7 @@ export const DropTarget = {
|
|
|
38
44
|
// console.log("ondrop", ev);
|
|
39
45
|
this.state.isOver = false;
|
|
40
46
|
ev.preventDefault();
|
|
41
|
-
const files = dragEventFiles(ev);
|
|
47
|
+
const files = (0, utils_1.dragEventFiles)(ev);
|
|
42
48
|
if (files.length > 0) {
|
|
43
49
|
attrs.onDropFiles({ ev, files });
|
|
44
50
|
}
|
|
@@ -46,7 +52,7 @@ export const DropTarget = {
|
|
|
46
52
|
}, [
|
|
47
53
|
(attrs.dropMessage && typeof attrs.dropMessage === "object")
|
|
48
54
|
? attrs.dropMessage
|
|
49
|
-
:
|
|
55
|
+
: (0, mithril_1.default)("span.mico-drop-target-message", attrs.dropMessage || "Drop files here"),
|
|
50
56
|
]),
|
|
51
57
|
] : [
|
|
52
58
|
children,
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DropTargetState = void 0;
|
|
4
|
+
const mithril_1 = require("mithril");
|
|
5
|
+
const rxjs_1 = require("rxjs");
|
|
6
|
+
class DropTargetState {
|
|
4
7
|
constructor() {
|
|
5
|
-
this.subs = new Subscription();
|
|
8
|
+
this.subs = new rxjs_1.Subscription();
|
|
6
9
|
this.isDragging = false;
|
|
7
10
|
this.isOver = false;
|
|
8
11
|
this.lastHeight = 100;
|
|
@@ -10,24 +13,24 @@ export class DropTargetState {
|
|
|
10
13
|
}
|
|
11
14
|
initialise() {
|
|
12
15
|
this.destroy();
|
|
13
|
-
this.subs = new Subscription();
|
|
16
|
+
this.subs = new rxjs_1.Subscription();
|
|
14
17
|
this.isDragging = false;
|
|
15
18
|
this.isOver = false;
|
|
16
19
|
const onclick = () => {
|
|
17
20
|
this.isDragging = false;
|
|
18
|
-
redraw();
|
|
21
|
+
(0, mithril_1.redraw)();
|
|
19
22
|
};
|
|
20
23
|
const ondragstart = (ev) => {
|
|
21
24
|
ev.preventDefault();
|
|
22
25
|
};
|
|
23
26
|
const ondragend = (ev) => {
|
|
24
27
|
this.isDragging = false;
|
|
25
|
-
redraw();
|
|
28
|
+
(0, mithril_1.redraw)();
|
|
26
29
|
ev.preventDefault();
|
|
27
30
|
};
|
|
28
31
|
const ondragenter = (ev) => {
|
|
29
32
|
this.isDragging = true;
|
|
30
|
-
redraw();
|
|
33
|
+
(0, mithril_1.redraw)();
|
|
31
34
|
ev.preventDefault();
|
|
32
35
|
};
|
|
33
36
|
const ondragover = (ev) => {
|
|
@@ -39,7 +42,7 @@ export class DropTargetState {
|
|
|
39
42
|
if (!containsTarget) {
|
|
40
43
|
// console.log("page ondragleave, isDragging=false")
|
|
41
44
|
this.isDragging = false;
|
|
42
|
-
redraw();
|
|
45
|
+
(0, mithril_1.redraw)();
|
|
43
46
|
}
|
|
44
47
|
};
|
|
45
48
|
const ondrag = (ev) => {
|
|
@@ -47,7 +50,7 @@ export class DropTargetState {
|
|
|
47
50
|
};
|
|
48
51
|
const ondrop = (ev) => {
|
|
49
52
|
this.isDragging = false;
|
|
50
|
-
redraw();
|
|
53
|
+
(0, mithril_1.redraw)();
|
|
51
54
|
ev.preventDefault();
|
|
52
55
|
};
|
|
53
56
|
document.addEventListener("click", onclick);
|
|
@@ -71,3 +74,4 @@ export class DropTargetState {
|
|
|
71
74
|
this.subs.unsubscribe();
|
|
72
75
|
}
|
|
73
76
|
}
|
|
77
|
+
exports.DropTargetState = DropTargetState;
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./DropTarget"), exports);
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Form = void 0;
|
|
1
4
|
// type FormItem =
|
|
2
5
|
// | InputText
|
|
3
6
|
// | InputNumber
|
|
4
7
|
// | InputDate
|
|
5
8
|
// | InputCheckbox
|
|
6
9
|
// | InputTextarea
|
|
7
|
-
|
|
10
|
+
exports.Form = {
|
|
8
11
|
view() { }
|
|
9
12
|
};
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Form"), exports);
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Icon = void 0;
|
|
7
|
+
const mithril_1 = __importDefault(require("mithril"));
|
|
2
8
|
/**
|
|
3
9
|
* Font Awesome Icon
|
|
4
10
|
*
|
|
@@ -7,14 +13,14 @@ import m from "mithril";
|
|
|
7
13
|
*
|
|
8
14
|
* @see https://fontawesome.com/search
|
|
9
15
|
*/
|
|
10
|
-
|
|
16
|
+
exports.Icon = {
|
|
11
17
|
view({ attrs }) {
|
|
12
18
|
var _a, _b;
|
|
13
19
|
const icon = ("fas" in attrs) ? `fas fa-${attrs.fas}` :
|
|
14
20
|
("far" in attrs) ? `far fa-${attrs.far}` :
|
|
15
21
|
("fab" in attrs) ? `fab fa-${attrs.fab}` :
|
|
16
22
|
"";
|
|
17
|
-
return
|
|
23
|
+
return (0, mithril_1.default)("i", {
|
|
18
24
|
class: `${(_a = attrs.class) !== null && _a !== void 0 ? _a : ""} ${icon}`,
|
|
19
25
|
style: `${(_b = attrs.style) !== null && _b !== void 0 ? _b : ""}`,
|
|
20
26
|
});
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
@@ -1,2 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Icon"), exports);
|
|
18
|
+
__exportStar(require("./icons"), exports);
|
|
@@ -1,20 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
17
|
// export * from "./accordion";
|
|
2
18
|
// export * from "./data-grid";
|
|
3
19
|
// export * from "./data-table";
|
|
4
|
-
|
|
20
|
+
__exportStar(require("./dialog"), exports);
|
|
5
21
|
// export * from "./drawer";
|
|
6
|
-
|
|
7
|
-
|
|
22
|
+
__exportStar(require("./drag-handler"), exports);
|
|
23
|
+
__exportStar(require("./drop-target"), exports);
|
|
8
24
|
// export * from "./form";
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
25
|
+
__exportStar(require("./icon"), exports);
|
|
26
|
+
__exportStar(require("./markdown"), exports);
|
|
27
|
+
__exportStar(require("./markdown-editor"), exports);
|
|
28
|
+
__exportStar(require("./menu"), exports);
|
|
13
29
|
// export * from "./modal";
|
|
14
|
-
|
|
30
|
+
__exportStar(require("./pagination"), exports);
|
|
15
31
|
// export * from "./popover";
|
|
16
32
|
// export * from "./reorderable-list";
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
33
|
+
__exportStar(require("./table"), exports);
|
|
34
|
+
__exportStar(require("./toast"), exports);
|
|
35
|
+
__exportStar(require("./tooltip"), exports);
|
|
36
|
+
__exportStar(require("./tree"), exports);
|
|
@@ -1,13 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Markdown = exports.MARKDOWN_DEFAULT_OPTIONS = void 0;
|
|
7
|
+
const mithril_1 = __importDefault(require("mithril"));
|
|
8
|
+
const marked_1 = require("marked");
|
|
9
|
+
const dompurify_1 = __importDefault(require("dompurify"));
|
|
4
10
|
// import hljs from "highlight.js/lib/common";
|
|
5
11
|
/**
|
|
6
12
|
* Default options for the markdown parser
|
|
7
13
|
*
|
|
8
14
|
* @see https://marked.js.org/using_advanced#options
|
|
9
15
|
*/
|
|
10
|
-
|
|
16
|
+
exports.MARKDOWN_DEFAULT_OPTIONS = {
|
|
11
17
|
smartLists: true,
|
|
12
18
|
headerIds: true,
|
|
13
19
|
};
|
|
@@ -18,7 +24,7 @@ export const MARKDOWN_DEFAULT_OPTIONS = {
|
|
|
18
24
|
*
|
|
19
25
|
* Returned in a div with the `markdown` class.
|
|
20
26
|
*/
|
|
21
|
-
|
|
27
|
+
exports.Markdown = {
|
|
22
28
|
oncreate({ attrs }) {
|
|
23
29
|
var _a;
|
|
24
30
|
if (attrs.highlight === true || Boolean(attrs.highlightAllAs)) {
|
|
@@ -39,17 +45,17 @@ export const Markdown = {
|
|
|
39
45
|
if (attrs.highlightAllAs) {
|
|
40
46
|
markdown = "```" + attrs.highlightAllAs + "\n" + markdown + "\n" + "```";
|
|
41
47
|
}
|
|
42
|
-
const parsed = marked.parse(markdown, (_d = attrs.markedOptions) !== null && _d !== void 0 ? _d : MARKDOWN_DEFAULT_OPTIONS);
|
|
43
|
-
const sanitised = attrs.unsanitised === true ? parsed :
|
|
48
|
+
const parsed = marked_1.marked.parse(markdown, (_d = attrs.markedOptions) !== null && _d !== void 0 ? _d : exports.MARKDOWN_DEFAULT_OPTIONS);
|
|
49
|
+
const sanitised = attrs.unsanitised === true ? parsed : dompurify_1.default.sanitize(parsed);
|
|
44
50
|
const result = sanitised;
|
|
45
51
|
// const result = attrs.highlight === true
|
|
46
52
|
// ? hljs.highlightAuto(sanitised).value
|
|
47
53
|
// : sanitised;
|
|
48
|
-
return
|
|
54
|
+
return (0, mithril_1.default)("", {
|
|
49
55
|
class: `markdown ${(_e = attrs.class) !== null && _e !== void 0 ? _e : ""}`,
|
|
50
56
|
style: `${(_f = attrs.style) !== null && _f !== void 0 ? _f : ""}`,
|
|
51
57
|
}, [
|
|
52
|
-
|
|
58
|
+
mithril_1.default.trust(result),
|
|
53
59
|
]);
|
|
54
60
|
}
|
|
55
61
|
};
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Markdown"), exports);
|
|
@@ -1,11 +1,47 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.MarkdownEditor = void 0;
|
|
37
|
+
const mithril_1 = __importStar(require("mithril"));
|
|
38
|
+
const Icon_1 = require("../icon/Icon");
|
|
39
|
+
const Markdown_1 = require("../markdown/Markdown");
|
|
40
|
+
const menu_1 = require("../menu");
|
|
41
|
+
const markdown_editor_state_1 = require("./markdown-editor.state");
|
|
42
|
+
exports.MarkdownEditor = {
|
|
7
43
|
oninit({ attrs }) {
|
|
8
|
-
this.state = new MarkdownEditorState(attrs.onEdit);
|
|
44
|
+
this.state = new markdown_editor_state_1.MarkdownEditorState(attrs.onEdit);
|
|
9
45
|
},
|
|
10
46
|
onremove() {
|
|
11
47
|
this.state.destroy();
|
|
@@ -27,94 +63,94 @@ export const MarkdownEditor = {
|
|
|
27
63
|
this.state.editValue = attrs.onEdit;
|
|
28
64
|
this.state.setSelection(0, 0);
|
|
29
65
|
setTimeout(() => {
|
|
30
|
-
redraw();
|
|
66
|
+
(0, mithril_1.redraw)();
|
|
31
67
|
}, 1);
|
|
32
68
|
}
|
|
33
69
|
if (this.state.requestSelection && this.state.editorEl) {
|
|
34
70
|
this.state.editorEl.setSelectionRange(this.state.requestSelection.start, this.state.requestSelection.end);
|
|
35
71
|
this.state.requestSelection = undefined;
|
|
36
|
-
redraw();
|
|
72
|
+
(0, mithril_1.redraw)();
|
|
37
73
|
}
|
|
38
74
|
this.state.isEditingPrevious = this.state.isEditing;
|
|
39
75
|
},
|
|
40
76
|
view({ attrs }) {
|
|
41
|
-
return
|
|
77
|
+
return (0, mithril_1.default)(".mico-markdown-editor", {
|
|
42
78
|
class: attrs.class,
|
|
43
79
|
style: attrs.style,
|
|
44
80
|
}, [
|
|
45
81
|
(!this.state.isEditing) ? [
|
|
46
|
-
|
|
82
|
+
(0, mithril_1.default)(".render-container", {
|
|
47
83
|
tabindex: 0,
|
|
48
84
|
onclick: () => {
|
|
49
85
|
this.state.isEditing = true;
|
|
50
86
|
},
|
|
51
87
|
}, [
|
|
52
|
-
|
|
88
|
+
(0, mithril_1.default)(Markdown_1.Markdown, {
|
|
53
89
|
highlight: attrs.highlight,
|
|
54
90
|
markdown: attrs.markdown,
|
|
55
91
|
}),
|
|
56
92
|
]),
|
|
57
93
|
] : [
|
|
58
|
-
|
|
94
|
+
(0, mithril_1.default)(".editor-container", [
|
|
59
95
|
// Editor buttons
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
96
|
+
(0, mithril_1.default)(".editor-buttons", [
|
|
97
|
+
(0, mithril_1.default)(".editor-button-group", [
|
|
98
|
+
(0, mithril_1.default)("button", {
|
|
63
99
|
title: "Ctrl+Shift+H",
|
|
64
100
|
onclick: () => this.state.applyHeading(),
|
|
65
|
-
},
|
|
66
|
-
|
|
67
|
-
onclick: (ev) => menuMgr.show(ev, [
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
101
|
+
}, (0, mithril_1.default)(Icon_1.Icon, { fas: "heading" })),
|
|
102
|
+
(0, mithril_1.default)("button", {
|
|
103
|
+
onclick: (ev) => menu_1.menuMgr.show(ev, [
|
|
104
|
+
(0, mithril_1.default)(menu_1.MenuButton, { label: "Heading 1", onclick: () => this.state.applyHeading(1) }),
|
|
105
|
+
(0, mithril_1.default)(menu_1.MenuButton, { label: "Heading 2", onclick: () => this.state.applyHeading(2) }),
|
|
106
|
+
(0, mithril_1.default)(menu_1.MenuButton, { label: "Heading 3", onclick: () => this.state.applyHeading(3) }),
|
|
107
|
+
(0, mithril_1.default)(menu_1.MenuButton, { label: "Heading 4", onclick: () => this.state.applyHeading(4) }),
|
|
72
108
|
], {
|
|
73
109
|
noFlipH: true,
|
|
74
110
|
noFlipV: true,
|
|
75
111
|
}),
|
|
76
|
-
},
|
|
112
|
+
}, (0, mithril_1.default)(Icon_1.Icon, { fas: "caret-down" })),
|
|
77
113
|
]),
|
|
78
|
-
|
|
79
|
-
|
|
114
|
+
(0, mithril_1.default)(".editor-button-group", [
|
|
115
|
+
(0, mithril_1.default)("button", {
|
|
80
116
|
title: "Ctrl+Shift+B",
|
|
81
117
|
onclick: () => this.state.applyBold(),
|
|
82
|
-
},
|
|
83
|
-
|
|
118
|
+
}, (0, mithril_1.default)(Icon_1.Icon, { fas: "bold" })),
|
|
119
|
+
(0, mithril_1.default)("button", {
|
|
84
120
|
title: "Ctrl+Shift+I",
|
|
85
121
|
onclick: () => this.state.applyItalic(),
|
|
86
|
-
},
|
|
87
|
-
|
|
122
|
+
}, (0, mithril_1.default)(Icon_1.Icon, { fas: "italic" })),
|
|
123
|
+
(0, mithril_1.default)("button", {
|
|
88
124
|
title: "Ctrl+Shift+C",
|
|
89
125
|
onclick: () => this.state.applyCode(),
|
|
90
|
-
},
|
|
91
|
-
|
|
126
|
+
}, (0, mithril_1.default)(Icon_1.Icon, { fas: "code" })),
|
|
127
|
+
(0, mithril_1.default)("button", {
|
|
92
128
|
title: "Ctrl+Shift+S",
|
|
93
129
|
onclick: () => this.state.applyStrikethrough(),
|
|
94
|
-
},
|
|
130
|
+
}, (0, mithril_1.default)(Icon_1.Icon, { fas: "strikethrough" })),
|
|
95
131
|
]),
|
|
96
|
-
|
|
97
|
-
|
|
132
|
+
(0, mithril_1.default)(".editor-button-group", [
|
|
133
|
+
(0, mithril_1.default)("button", {
|
|
98
134
|
title: "Ctrl+Shift+U",
|
|
99
135
|
onclick: () => this.state.applyUnorderedList(),
|
|
100
|
-
},
|
|
101
|
-
|
|
136
|
+
}, (0, mithril_1.default)(Icon_1.Icon, { fas: "list-ul" })),
|
|
137
|
+
(0, mithril_1.default)("button", {
|
|
102
138
|
title: "Ctrl+Shift+O",
|
|
103
139
|
onclick: () => this.state.applyOrderedList(),
|
|
104
|
-
},
|
|
105
|
-
|
|
140
|
+
}, (0, mithril_1.default)(Icon_1.Icon, { fas: "list-ol" })),
|
|
141
|
+
(0, mithril_1.default)("button", {
|
|
106
142
|
title: "Ctrl+Shift+L",
|
|
107
143
|
onclick: () => this.state.applyLink(),
|
|
108
|
-
},
|
|
144
|
+
}, (0, mithril_1.default)(Icon_1.Icon, { fas: "link" })),
|
|
109
145
|
]),
|
|
110
|
-
attrs.onHelp !== undefined ?
|
|
111
|
-
|
|
146
|
+
attrs.onHelp !== undefined ? (0, mithril_1.default)(".editor-button-group", [
|
|
147
|
+
(0, mithril_1.default)("button", {
|
|
112
148
|
onclick: () => { var _a; return (_a = attrs.onHelp) === null || _a === void 0 ? void 0 : _a.call(attrs); },
|
|
113
|
-
},
|
|
149
|
+
}, (0, mithril_1.default)(Icon_1.Icon, { far: "circle-question" })),
|
|
114
150
|
]) : [],
|
|
115
151
|
]),
|
|
116
152
|
// Editor content
|
|
117
|
-
|
|
153
|
+
(0, mithril_1.default)("textarea.editor-textarea", {
|
|
118
154
|
rows: this.state.editorValue.split("\n").length + 1,
|
|
119
155
|
value: this.state.editorValue,
|
|
120
156
|
oninput: (e) => {
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./MarkdownEditor"), exports);
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MarkdownEditorState = void 0;
|
|
4
|
+
const rxjs_1 = require("rxjs");
|
|
5
|
+
const utils_1 = require("../../utils");
|
|
6
|
+
const mithril_1 = require("mithril");
|
|
7
|
+
class MarkdownEditorState {
|
|
5
8
|
constructor(editValue) {
|
|
6
|
-
this.subs = new Subscription();
|
|
9
|
+
this.subs = new rxjs_1.Subscription();
|
|
7
10
|
this.isEditing = false;
|
|
8
11
|
this.isEditingPrevious = false;
|
|
9
12
|
this.editorValue = "";
|
|
@@ -14,9 +17,9 @@ export class MarkdownEditorState {
|
|
|
14
17
|
this.editValue = editValue;
|
|
15
18
|
const onclick = (ev) => {
|
|
16
19
|
if (this.isEditing && this.editorContainerEl) {
|
|
17
|
-
if (!mouseWithinElement(ev, this.editorContainerEl)) {
|
|
20
|
+
if (!(0, utils_1.mouseWithinElement)(ev, this.editorContainerEl)) {
|
|
18
21
|
this.isEditing = false;
|
|
19
|
-
redraw();
|
|
22
|
+
(0, mithril_1.redraw)();
|
|
20
23
|
}
|
|
21
24
|
}
|
|
22
25
|
};
|
|
@@ -253,3 +256,4 @@ export class MarkdownEditorState {
|
|
|
253
256
|
this.requestSelection = { start: newSelection, end: newSelection };
|
|
254
257
|
}
|
|
255
258
|
}
|
|
259
|
+
exports.MarkdownEditorState = MarkdownEditorState;
|
|
@@ -1,7 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Menu = void 0;
|
|
7
|
+
const mithril_1 = __importDefault(require("mithril"));
|
|
8
|
+
const menu_constants_1 = require("./menu-constants");
|
|
9
|
+
const menu_settings_1 = require("./menu-settings");
|
|
10
|
+
exports.Menu = {
|
|
5
11
|
oninit() { },
|
|
6
12
|
oncreate({ dom }) {
|
|
7
13
|
if (dom) {
|
|
@@ -14,12 +20,12 @@ export const Menu = {
|
|
|
14
20
|
},
|
|
15
21
|
view({ attrs, children }) {
|
|
16
22
|
var _a, _b, _c, _d, _e, _f;
|
|
17
|
-
const maxWidthPx = Math.min(window.innerWidth, MENU_CONSTANTS.MAX_WIDTH_PX);
|
|
23
|
+
const maxWidthPx = Math.min(window.innerWidth, menu_constants_1.MENU_CONSTANTS.MAX_WIDTH_PX);
|
|
18
24
|
const maxHeightPx = window.innerHeight / 2;
|
|
19
25
|
const xPx = (_a = attrs.x) !== null && _a !== void 0 ? _a : 0;
|
|
20
26
|
const yPx = (_b = attrs.y) !== null && _b !== void 0 ? _b : 0;
|
|
21
|
-
let flipH = ((xPx + MENU_CONSTANTS.MIN_WIDTH_PX) > window.innerWidth);
|
|
22
|
-
let flipV = MENU_SETTINGS.ANCHOR === "page"
|
|
27
|
+
let flipH = ((xPx + menu_constants_1.MENU_CONSTANTS.MIN_WIDTH_PX) > window.innerWidth);
|
|
28
|
+
let flipV = menu_settings_1.MENU_SETTINGS.ANCHOR === "page"
|
|
23
29
|
? ((yPx + maxHeightPx - window.scrollY) > window.innerHeight)
|
|
24
30
|
: ((yPx + maxHeightPx) > window.innerHeight);
|
|
25
31
|
if (((_c = attrs.options) === null || _c === void 0 ? void 0 : _c.noFlipH) === true)
|
|
@@ -40,10 +46,10 @@ export const Menu = {
|
|
|
40
46
|
// TODO: don't let the menu width actually touch the screen width; it will fall off the left hand side
|
|
41
47
|
const posH = flipH ? `right: ${window.innerWidth - xPx}px;` : `left: ${xPx}px;`;
|
|
42
48
|
const posV = flipV ? `bottom: ${window.innerHeight - yPx}px;` : `top: ${yPx}px;`;
|
|
43
|
-
return
|
|
49
|
+
return (0, mithril_1.default)("", {
|
|
44
50
|
key: Date.now(),
|
|
45
|
-
class: `mico-menu ${MENU_SETTINGS.MENU_CLASS}`,
|
|
46
|
-
style: `position: absolute; overflow-y: auto; overflow-x: hidden; ${posH} ${posV} z-index: 100; min-width: ${MENU_CONSTANTS.MIN_WIDTH_PX}px; max-width: ${maxWidthPx}px; max-height: ${maxHeightPx}px;`,
|
|
51
|
+
class: `mico-menu ${menu_settings_1.MENU_SETTINGS.MENU_CLASS}`,
|
|
52
|
+
style: `position: absolute; overflow-y: auto; overflow-x: hidden; ${posH} ${posV} z-index: 100; min-width: ${menu_constants_1.MENU_CONSTANTS.MIN_WIDTH_PX}px; max-width: ${maxWidthPx}px; max-height: ${maxHeightPx}px;`,
|
|
47
53
|
tabIndex: -1,
|
|
48
54
|
onkeydown: (ev) => {
|
|
49
55
|
var _a, _b, _c, _d, _e, _f;
|