@hypericon/mico 0.4.2 → 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.
Files changed (94) hide show
  1. package/dist/cjs/components/markdown-editor/MarkdownEditor.js +17 -7
  2. package/dist/cjs/components/select/SelectOptionsPanel.d.ts +0 -1
  3. package/dist/cjs/components/table/Table.d.ts +6 -2
  4. package/dist/cjs/components/table/Table.js +7 -3
  5. package/dist/cjs/components/toast/toast.js +19 -9
  6. package/dist/cjs/components/tooltip/tooltip-function.d.ts +1 -1
  7. package/dist/cjs/components/tooltip/tooltip-function.js +3 -4
  8. package/dist/cjs/components/tree/Tree.d.ts +30 -30
  9. package/dist/cjs/components/tree/Tree.js +3 -3
  10. package/dist/cjs/components/tree/tree-utils.js +1 -2
  11. package/dist/cjs/utils/date-time.js +2 -3
  12. package/dist/cjs/utils/dom.js +2 -3
  13. package/dist/cjs/utils/events.js +1 -2
  14. package/dist/esm/components/accordion/index.d.ts +1 -0
  15. package/dist/esm/components/accordion/index.js +1 -0
  16. package/dist/esm/components/data-grid/index.d.ts +1 -0
  17. package/dist/esm/components/data-grid/index.js +1 -0
  18. package/dist/esm/components/data-table/index.d.ts +1 -0
  19. package/dist/esm/components/data-table/index.js +1 -0
  20. package/dist/esm/components/dialog/Dialog.js +2 -1
  21. package/dist/esm/components/dialog/dialog-manager.js +20 -13
  22. package/dist/esm/components/dialog/index.js +17 -1
  23. package/dist/esm/components/drag-handler/DragHandler.js +9 -3
  24. package/dist/esm/components/drag-handler/index.js +17 -1
  25. package/dist/esm/components/drawer/index.d.ts +1 -0
  26. package/dist/esm/components/drawer/index.js +1 -0
  27. package/dist/esm/components/drop-target/DropTarget.js +15 -9
  28. package/dist/esm/components/drop-target/drop-target.state.js +14 -10
  29. package/dist/esm/components/drop-target/index.js +17 -1
  30. package/dist/esm/components/form/Form.js +4 -1
  31. package/dist/esm/components/form/index.js +17 -1
  32. package/dist/esm/components/icon/Icon.js +9 -3
  33. package/dist/esm/components/icon/icons.js +2 -1
  34. package/dist/esm/components/icon/index.js +18 -2
  35. package/dist/esm/components/index.js +28 -12
  36. package/dist/esm/components/markdown/Markdown.js +15 -9
  37. package/dist/esm/components/markdown/index.js +17 -1
  38. package/dist/esm/components/markdown-editor/MarkdownEditor.js +80 -44
  39. package/dist/esm/components/markdown-editor/index.js +17 -1
  40. package/dist/esm/components/markdown-editor/markdown-editor.state.js +11 -7
  41. package/dist/esm/components/menu/Menu.js +16 -10
  42. package/dist/esm/components/menu/MenuButton.js +31 -25
  43. package/dist/esm/components/menu/MenuSeparator.js +11 -5
  44. package/dist/esm/components/menu/index.js +22 -6
  45. package/dist/esm/components/menu/menu-constants.js +4 -1
  46. package/dist/esm/components/menu/menu-manager.js +18 -11
  47. package/dist/esm/components/menu/menu-settings.js +4 -1
  48. package/dist/esm/components/modal/index.d.ts +1 -0
  49. package/dist/esm/components/modal/index.js +1 -0
  50. package/dist/esm/components/pagination/Pagination.js +35 -29
  51. package/dist/esm/components/pagination/index.js +18 -2
  52. package/dist/esm/components/pagination/pagination-settings.js +4 -1
  53. package/dist/esm/components/panel-tree/PanelTree.js +27 -21
  54. package/dist/esm/components/panel-tree/index.d.ts +1 -0
  55. package/dist/esm/components/panel-tree/index.js +1 -0
  56. package/dist/esm/components/panel-tree/panel-tree-constants.js +5 -2
  57. package/dist/esm/components/panel-tree/panel-tree-store.js +13 -9
  58. package/dist/esm/components/panel-tree/panel-tree-utils.js +7 -3
  59. package/dist/esm/components/popover/index.d.ts +1 -0
  60. package/dist/esm/components/popover/index.js +1 -0
  61. package/dist/esm/components/reorderable-list/RedorderableList.js +17 -11
  62. package/dist/esm/components/reorderable-list/index.d.ts +1 -0
  63. package/dist/esm/components/reorderable-list/index.js +1 -0
  64. package/dist/esm/components/select/Select.js +18 -12
  65. package/dist/esm/components/select/SelectOptionsPanel.d.ts +0 -1
  66. package/dist/esm/components/select/SelectOptionsPanel.js +19 -13
  67. package/dist/esm/components/select/constants.js +5 -2
  68. package/dist/esm/components/select/index.js +18 -2
  69. package/dist/esm/components/select/select-options-manager.js +7 -3
  70. package/dist/esm/components/tab-panel/TabPanel.js +19 -13
  71. package/dist/esm/components/tab-panel/index.js +19 -3
  72. package/dist/esm/components/tab-panel/tab-panel-default-settings.js +4 -1
  73. package/dist/esm/components/tab-panel/tab-panel-settings.js +2 -1
  74. package/dist/esm/components/table/Table.d.ts +6 -2
  75. package/dist/esm/components/table/Table.js +24 -13
  76. package/dist/esm/components/table/index.js +17 -1
  77. package/dist/esm/components/toast/index.js +17 -1
  78. package/dist/esm/components/toast/toast.js +49 -9
  79. package/dist/esm/components/tooltip/index.js +19 -3
  80. package/dist/esm/components/tooltip/tooltip-defaults.js +4 -1
  81. package/dist/esm/components/tooltip/tooltip-function.d.ts +1 -1
  82. package/dist/esm/components/tooltip/tooltip-function.js +25 -21
  83. package/dist/esm/components/tooltip/tooltip-interfaces.js +2 -1
  84. package/dist/esm/components/tree/Tree.d.ts +30 -30
  85. package/dist/esm/components/tree/Tree.js +30 -23
  86. package/dist/esm/components/tree/index.js +19 -3
  87. package/dist/esm/components/tree/tree-node.interface.js +2 -1
  88. package/dist/esm/components/tree/tree-utils.js +4 -1
  89. package/dist/esm/index.js +18 -2
  90. package/dist/esm/utils/date-time.js +6 -2
  91. package/dist/esm/utils/dom.js +6 -2
  92. package/dist/esm/utils/events.js +4 -1
  93. package/dist/esm/utils/index.js +19 -3
  94. package/package.json +1 -1
@@ -1,9 +1,15 @@
1
- import m from "mithril";
2
- import { DropTargetState } from "./drop-target.state";
3
- import { dragEventFiles } from "../../utils";
4
- export const DropTarget = {
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 m(".mico-drop-container", {
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
- m("", {
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
- : m("span.mico-drop-target-message", attrs.dropMessage || "Drop files here"),
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
- import { redraw } from "mithril";
2
- import { Subscription } from "rxjs";
3
- export class DropTargetState {
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
- export * from "./DropTarget";
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
- export const Form = {
10
+ exports.Form = {
8
11
  view() { }
9
12
  };
@@ -1 +1,17 @@
1
- export * from "./Form";
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
- import m from "mithril";
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
- export const Icon = {
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 m("i", {
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
- export {};
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,2 +1,18 @@
1
- export * from "./Icon";
2
- export * from "./icons";
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
- export * from "./dialog";
20
+ __exportStar(require("./dialog"), exports);
5
21
  // export * from "./drawer";
6
- export * from "./drag-handler";
7
- export * from "./drop-target";
22
+ __exportStar(require("./drag-handler"), exports);
23
+ __exportStar(require("./drop-target"), exports);
8
24
  // export * from "./form";
9
- export * from "./icon";
10
- export * from "./markdown";
11
- export * from "./markdown-editor";
12
- export * from "./menu";
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
- export * from "./pagination";
30
+ __exportStar(require("./pagination"), exports);
15
31
  // export * from "./popover";
16
32
  // export * from "./reorderable-list";
17
- export * from "./table";
18
- export * from "./toast";
19
- export * from "./tooltip";
20
- export * from "./tree";
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
- import m from "mithril";
2
- import { marked } from "marked";
3
- import DOMPurify from 'dompurify';
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
- export const MARKDOWN_DEFAULT_OPTIONS = {
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
- export const Markdown = {
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 : DOMPurify.sanitize(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 m("", {
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
- m.trust(result),
58
+ mithril_1.default.trust(result),
53
59
  ]);
54
60
  }
55
61
  };
@@ -1 +1,17 @@
1
- export * from "./Markdown";
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
- import m, { redraw } from "mithril";
2
- import { Icon } from "../icon/Icon";
3
- import { Markdown } from "../markdown/Markdown";
4
- import { MenuButton, menuMgr } from "../menu";
5
- import { MarkdownEditorState } from "./markdown-editor.state";
6
- export const MarkdownEditor = {
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 m(".mico-markdown-editor", {
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
- m(".render-container", {
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
- m(Markdown, {
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
- m(".editor-container", [
94
+ (0, mithril_1.default)(".editor-container", [
59
95
  // Editor buttons
60
- m(".editor-buttons", [
61
- m(".editor-button-group", [
62
- m("button", {
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
- }, m(Icon, { fas: "heading" })),
66
- m("button", {
67
- onclick: (ev) => menuMgr.show(ev, [
68
- m(MenuButton, { label: "Heading 1", onclick: () => this.state.applyHeading(1) }),
69
- m(MenuButton, { label: "Heading 2", onclick: () => this.state.applyHeading(2) }),
70
- m(MenuButton, { label: "Heading 3", onclick: () => this.state.applyHeading(3) }),
71
- m(MenuButton, { label: "Heading 4", onclick: () => this.state.applyHeading(4) }),
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
- }, m(Icon, { fas: "caret-down" })),
112
+ }, (0, mithril_1.default)(Icon_1.Icon, { fas: "caret-down" })),
77
113
  ]),
78
- m(".editor-button-group", [
79
- m("button", {
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
- }, m(Icon, { fas: "bold" })),
83
- m("button", {
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
- }, m(Icon, { fas: "italic" })),
87
- m("button", {
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
- }, m(Icon, { fas: "code" })),
91
- m("button", {
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
- }, m(Icon, { fas: "strikethrough" })),
130
+ }, (0, mithril_1.default)(Icon_1.Icon, { fas: "strikethrough" })),
95
131
  ]),
96
- m(".editor-button-group", [
97
- m("button", {
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
- }, m(Icon, { fas: "list-ul" })),
101
- m("button", {
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
- }, m(Icon, { fas: "list-ol" })),
105
- m("button", {
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
- }, m(Icon, { fas: "link" })),
144
+ }, (0, mithril_1.default)(Icon_1.Icon, { fas: "link" })),
109
145
  ]),
110
- attrs.onHelp !== undefined ? m(".editor-button-group", [
111
- m("button", {
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
- }, m(Icon, { far: "circle-question" })),
149
+ }, (0, mithril_1.default)(Icon_1.Icon, { far: "circle-question" })),
114
150
  ]) : [],
115
151
  ]),
116
152
  // Editor content
117
- m("textarea.editor-textarea", {
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
- export * from "./MarkdownEditor";
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
- import { Subscription } from "rxjs";
2
- import { mouseWithinElement } from "../../utils";
3
- import { redraw } from "mithril";
4
- export class MarkdownEditorState {
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
- import m from "mithril";
2
- import { MENU_CONSTANTS } from "./menu-constants";
3
- import { MENU_SETTINGS } from "./menu-settings";
4
- export const Menu = {
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 m("", {
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;