@hypericon/mico 0.4.2 → 0.5.1

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 (88) hide show
  1. package/dist/cjs/components/menu/Menu.d.ts +2 -0
  2. package/dist/cjs/components/menu/menu-manager.d.ts +2 -0
  3. package/dist/cjs/components/menu/menu-manager.js +18 -1
  4. package/dist/cjs/components/table/Table.d.ts +4 -0
  5. package/dist/cjs/components/table/Table.js +5 -1
  6. package/dist/cjs/components/tooltip/tooltip-function.d.ts +1 -1
  7. package/dist/cjs/components/tooltip/tooltip-function.js +1 -1
  8. package/dist/esm/components/accordion/index.d.ts +1 -0
  9. package/dist/esm/components/accordion/index.js +1 -0
  10. package/dist/esm/components/data-grid/index.d.ts +1 -0
  11. package/dist/esm/components/data-grid/index.js +1 -0
  12. package/dist/esm/components/data-table/index.d.ts +1 -0
  13. package/dist/esm/components/data-table/index.js +1 -0
  14. package/dist/esm/components/dialog/Dialog.js +2 -1
  15. package/dist/esm/components/dialog/dialog-manager.js +20 -13
  16. package/dist/esm/components/dialog/index.js +17 -1
  17. package/dist/esm/components/drag-handler/DragHandler.js +9 -3
  18. package/dist/esm/components/drag-handler/index.js +17 -1
  19. package/dist/esm/components/drawer/index.d.ts +1 -0
  20. package/dist/esm/components/drawer/index.js +1 -0
  21. package/dist/esm/components/drop-target/DropTarget.js +15 -9
  22. package/dist/esm/components/drop-target/drop-target.state.js +14 -10
  23. package/dist/esm/components/drop-target/index.js +17 -1
  24. package/dist/esm/components/form/Form.js +4 -1
  25. package/dist/esm/components/form/index.js +17 -1
  26. package/dist/esm/components/icon/Icon.js +9 -3
  27. package/dist/esm/components/icon/icons.js +2 -1
  28. package/dist/esm/components/icon/index.js +18 -2
  29. package/dist/esm/components/index.js +28 -12
  30. package/dist/esm/components/markdown/Markdown.js +15 -9
  31. package/dist/esm/components/markdown/index.js +17 -1
  32. package/dist/esm/components/markdown-editor/MarkdownEditor.js +70 -44
  33. package/dist/esm/components/markdown-editor/index.js +17 -1
  34. package/dist/esm/components/markdown-editor/markdown-editor.state.js +11 -7
  35. package/dist/esm/components/menu/Menu.d.ts +2 -0
  36. package/dist/esm/components/menu/Menu.js +16 -10
  37. package/dist/esm/components/menu/MenuButton.js +31 -25
  38. package/dist/esm/components/menu/MenuSeparator.js +11 -5
  39. package/dist/esm/components/menu/index.js +22 -6
  40. package/dist/esm/components/menu/menu-constants.js +4 -1
  41. package/dist/esm/components/menu/menu-manager.d.ts +2 -0
  42. package/dist/esm/components/menu/menu-manager.js +35 -11
  43. package/dist/esm/components/menu/menu-settings.js +4 -1
  44. package/dist/esm/components/modal/index.d.ts +1 -0
  45. package/dist/esm/components/modal/index.js +1 -0
  46. package/dist/esm/components/pagination/Pagination.js +35 -29
  47. package/dist/esm/components/pagination/index.js +18 -2
  48. package/dist/esm/components/pagination/pagination-settings.js +4 -1
  49. package/dist/esm/components/panel-tree/PanelTree.js +27 -21
  50. package/dist/esm/components/panel-tree/index.d.ts +1 -0
  51. package/dist/esm/components/panel-tree/index.js +1 -0
  52. package/dist/esm/components/panel-tree/panel-tree-constants.js +5 -2
  53. package/dist/esm/components/panel-tree/panel-tree-store.js +13 -9
  54. package/dist/esm/components/panel-tree/panel-tree-utils.js +7 -3
  55. package/dist/esm/components/popover/index.d.ts +1 -0
  56. package/dist/esm/components/popover/index.js +1 -0
  57. package/dist/esm/components/reorderable-list/RedorderableList.js +17 -11
  58. package/dist/esm/components/reorderable-list/index.d.ts +1 -0
  59. package/dist/esm/components/reorderable-list/index.js +1 -0
  60. package/dist/esm/components/select/Select.js +18 -12
  61. package/dist/esm/components/select/SelectOptionsPanel.js +19 -13
  62. package/dist/esm/components/select/constants.js +5 -2
  63. package/dist/esm/components/select/index.js +18 -2
  64. package/dist/esm/components/select/select-options-manager.js +7 -3
  65. package/dist/esm/components/tab-panel/TabPanel.js +19 -13
  66. package/dist/esm/components/tab-panel/index.js +19 -3
  67. package/dist/esm/components/tab-panel/tab-panel-default-settings.js +4 -1
  68. package/dist/esm/components/tab-panel/tab-panel-settings.js +2 -1
  69. package/dist/esm/components/table/Table.d.ts +4 -0
  70. package/dist/esm/components/table/Table.js +24 -13
  71. package/dist/esm/components/table/index.js +17 -1
  72. package/dist/esm/components/toast/index.js +17 -1
  73. package/dist/esm/components/toast/toast.js +39 -9
  74. package/dist/esm/components/tooltip/index.js +19 -3
  75. package/dist/esm/components/tooltip/tooltip-defaults.js +4 -1
  76. package/dist/esm/components/tooltip/tooltip-function.d.ts +1 -1
  77. package/dist/esm/components/tooltip/tooltip-function.js +26 -21
  78. package/dist/esm/components/tooltip/tooltip-interfaces.js +2 -1
  79. package/dist/esm/components/tree/Tree.js +29 -22
  80. package/dist/esm/components/tree/index.js +19 -3
  81. package/dist/esm/components/tree/tree-node.interface.js +2 -1
  82. package/dist/esm/components/tree/tree-utils.js +5 -1
  83. package/dist/esm/index.js +18 -2
  84. package/dist/esm/utils/date-time.js +7 -2
  85. package/dist/esm/utils/dom.js +7 -2
  86. package/dist/esm/utils/events.js +5 -1
  87. package/dist/esm/utils/index.js +19 -3
  88. package/package.json +1 -1
@@ -4,6 +4,8 @@ export interface MenuOptions {
4
4
  noFlipH?: boolean;
5
5
  forceFlipV?: boolean;
6
6
  forceFlipH?: boolean;
7
+ /** Add the menu directly to the element which raised the event */
8
+ asChild?: boolean;
7
9
  }
8
10
  export declare const Menu: m.Component<{
9
11
  x: number | undefined;
@@ -2,6 +2,8 @@ import m from "mithril";
2
2
  import { MenuOptions } from "./Menu";
3
3
  export declare class MenuManager {
4
4
  private containerEl;
5
+ private directParentEl;
6
+ private directParentWrapperEl;
5
7
  private _menuVnode;
6
8
  menuVnode$: import("rxjs").Observable<m.Vnode<any, any> | undefined>;
7
9
  get menuVnode(): m.Vnode<any, any> | undefined;
@@ -25,6 +25,7 @@ class MenuManager {
25
25
  constructor() {
26
26
  this._menuVnode = new rxjs_1.BehaviorSubject(undefined);
27
27
  this.menuVnode$ = this._menuVnode.asObservable();
28
+ // Set up the default container element for the menu
28
29
  this.containerEl = document.createElement("div");
29
30
  this.containerEl.classList.add("menu-container");
30
31
  document.body.append(this.containerEl);
@@ -65,13 +66,29 @@ class MenuManager {
65
66
  menuContents,
66
67
  ]);
67
68
  this._menuVnode.next(menuVnode);
68
- mithril_1.default.render(this.containerEl, menuVnode);
69
+ // m.render(this.containerEl, menuVnode);
70
+ if ((options === null || options === void 0 ? void 0 : options.asChild) && (ev === null || ev === void 0 ? void 0 : ev.target) && ev.target instanceof HTMLElement) {
71
+ this.directParentEl = ev.target;
72
+ // m.render(ev.target, menuVnode);
73
+ // this.containerEl = ev.target;
74
+ this.directParentWrapperEl = document.createElement("div");
75
+ this.directParentEl.append(this.directParentWrapperEl);
76
+ mithril_1.default.render(this.directParentWrapperEl, menuVnode);
77
+ }
78
+ else {
79
+ mithril_1.default.render(this.containerEl, menuVnode);
80
+ }
81
+ // m.render(this.containerEl, menuVnode);
69
82
  // console.log("Added menu");
70
83
  });
71
84
  }
72
85
  hide() {
86
+ var _a;
73
87
  this._menuVnode.next(undefined);
74
88
  mithril_1.default.render(this.containerEl, []);
89
+ (_a = this.directParentWrapperEl) === null || _a === void 0 ? void 0 : _a.remove();
90
+ this.directParentWrapperEl = undefined;
91
+ this.directParentEl = undefined;
75
92
  // console.log("Closed menu");
76
93
  }
77
94
  }
@@ -21,6 +21,10 @@ export interface TableAttrs<T> {
21
21
  layout?: "auto" | "fixed";
22
22
  /** Override the default message displayed when there are no data items */
23
23
  emptyMessage?: string;
24
+ /** Optional function to apply custom styles to rows */
25
+ rowStyle?: (item: T, index: number) => string | undefined;
26
+ /** Optional function to apply custom classes to rows */
27
+ rowClass?: (item: T, index: number) => string | undefined;
24
28
  /** Any CSS classes to apply to the table */
25
29
  class?: string;
26
30
  /** Any CSS styles to apply to the table */
@@ -50,7 +50,11 @@ exports.Table = {
50
50
  ]),
51
51
  (0, mithril_1.default)("tbody", [
52
52
  attrs.data.map((item, dataIndex) => {
53
- return (0, mithril_1.default)("tr", [
53
+ var _a, _b;
54
+ return (0, mithril_1.default)("tr", {
55
+ class: (_a = attrs.rowClass) === null || _a === void 0 ? void 0 : _a.call(attrs, item, dataIndex),
56
+ style: (_b = attrs.rowStyle) === null || _b === void 0 ? void 0 : _b.call(attrs, item, dataIndex),
57
+ }, [
54
58
  attrs.columns.map((col, colIndex) => {
55
59
  var _a, _b, _c;
56
60
  return (0, mithril_1.default)("td", {
@@ -23,7 +23,7 @@ export declare function tooltip(ev: MouseEvent, tooltip: string, opts?: Partial<
23
23
  * }, "Click me"),
24
24
  * // is equivalent to:
25
25
  * m("button", {
26
- * onmousenter: (ev: Mousevent) => tooltip(ev, "Click the button"),
26
+ * onmouseenter: (ev: MouseEvent) => tooltip(ev, "Click the button"),
27
27
  * }, "Click me"),
28
28
  * ```
29
29
  * @param value
@@ -73,7 +73,7 @@ exports.tooltip = tooltip;
73
73
  * }, "Click me"),
74
74
  * // is equivalent to:
75
75
  * m("button", {
76
- * onmousenter: (ev: Mousevent) => tooltip(ev, "Click the button"),
76
+ * onmouseenter: (ev: MouseEvent) => tooltip(ev, "Click the button"),
77
77
  * }, "Click me"),
78
78
  * ```
79
79
  * @param value
@@ -0,0 +1 @@
1
+ export {};
@@ -1 +1,2 @@
1
1
  "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1 @@
1
+ export {};
@@ -1 +1,2 @@
1
1
  "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1 @@
1
+ export {};
@@ -1 +1,2 @@
1
1
  "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,4 +1,5 @@
1
- export {};
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
2
3
  // export const Dialog: m.Component<{
3
4
  // created?: (args: {}) => any,
4
5
  // }> = {
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
3
  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
4
  return new (P || (P = Promise))(function (resolve, reject) {
@@ -7,9 +8,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
7
8
  step((generator = generator.apply(thisArg, _arguments || [])).next());
8
9
  });
9
10
  };
10
- import m from "mithril";
11
- import { mouseWithinElement } from "../../utils";
12
- export class DialogManager {
11
+ var __importDefault = (this && this.__importDefault) || function (mod) {
12
+ return (mod && mod.__esModule) ? mod : { "default": mod };
13
+ };
14
+ Object.defineProperty(exports, "__esModule", { value: true });
15
+ exports.dialogMgr = exports.DialogManager = void 0;
16
+ const mithril_1 = __importDefault(require("mithril"));
17
+ const utils_1 = require("../../utils");
18
+ class DialogManager {
13
19
  get isOpen() { return this.currentDialog !== undefined; }
14
20
  constructor(options) {
15
21
  this.debug = false;
@@ -47,7 +53,7 @@ export class DialogManager {
47
53
  const dialogId = `${Math.random().toString().replace("0.", "")}`;
48
54
  return new Promise((resolve, reject) => {
49
55
  const backdropDismissAvailableAt = Date.now() + this.backdropDismissTimeout;
50
- m.mount(element, {
56
+ mithril_1.default.mount(element, {
51
57
  oninit() {
52
58
  //
53
59
  },
@@ -64,7 +70,7 @@ export class DialogManager {
64
70
  // console.log(ev);
65
71
  if (ev.target !== dom)
66
72
  return;
67
- const isInDialog = mouseWithinElement(ev, dom);
73
+ const isInDialog = (0, utils_1.mouseWithinElement)(ev, dom);
68
74
  if (!isInDialog)
69
75
  manager.close();
70
76
  });
@@ -76,13 +82,13 @@ export class DialogManager {
76
82
  resolve(undefined);
77
83
  },
78
84
  view() {
79
- return m("dialog", {
85
+ return (0, mithril_1.default)("dialog", {
80
86
  id: dialogId,
81
87
  key: dialogId,
82
88
  class: "mico-dialog",
83
89
  onclose: () => {
84
90
  manager.debug && console.log("dialog onclose()");
85
- m.mount(manager.containerEl, null);
91
+ mithril_1.default.mount(manager.containerEl, null);
86
92
  },
87
93
  oncancel: (ev) => {
88
94
  if ((opts === null || opts === void 0 ? void 0 : opts.noEscape) === true) {
@@ -91,7 +97,7 @@ export class DialogManager {
91
97
  },
92
98
  }, [
93
99
  ("view" in dialog)
94
- ? m(dialog, Object.assign({}, attrs))
100
+ ? (0, mithril_1.default)(dialog, Object.assign({}, attrs))
95
101
  : dialog,
96
102
  ]);
97
103
  },
@@ -113,7 +119,7 @@ export class DialogManager {
113
119
  // }
114
120
  // }
115
121
  return new Promise((resolve, reject) => {
116
- m.mount(element, {
122
+ mithril_1.default.mount(element, {
117
123
  oninit() {
118
124
  //
119
125
  },
@@ -128,16 +134,16 @@ export class DialogManager {
128
134
  resolve(undefined);
129
135
  },
130
136
  view() {
131
- return m("dialog", {
137
+ return (0, mithril_1.default)("dialog", {
132
138
  id: dialogId,
133
139
  key: dialogId,
134
140
  onclose: () => {
135
141
  console.log("dialog onclose()");
136
- m.mount(manager.containerEl, null);
142
+ mithril_1.default.mount(manager.containerEl, null);
137
143
  },
138
144
  }, [
139
145
  ("view" in dialog)
140
- ? m(dialog, Object.assign({}, attrs))
146
+ ? (0, mithril_1.default)(dialog, Object.assign({}, attrs))
141
147
  : dialog,
142
148
  ]);
143
149
  },
@@ -164,4 +170,5 @@ export class DialogManager {
164
170
  console.log(dialog.prototype);
165
171
  }
166
172
  }
167
- export const dialogMgr = new DialogManager();
173
+ exports.DialogManager = DialogManager;
174
+ exports.dialogMgr = new DialogManager();
@@ -1,2 +1,18 @@
1
+ "use strict";
1
2
  // export * from "./Dialog";
2
- export * from "./dialog-manager";
3
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
+ if (k2 === undefined) k2 = k;
5
+ var desc = Object.getOwnPropertyDescriptor(m, k);
6
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
+ desc = { enumerable: true, get: function() { return m[k]; } };
8
+ }
9
+ Object.defineProperty(o, k2, desc);
10
+ }) : (function(o, m, k, k2) {
11
+ if (k2 === undefined) k2 = k;
12
+ o[k2] = m[k];
13
+ }));
14
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
16
+ };
17
+ Object.defineProperty(exports, "__esModule", { value: true });
18
+ __exportStar(require("./dialog-manager"), exports);
@@ -1,13 +1,19 @@
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.DragHandler = void 0;
7
+ const mithril_1 = __importDefault(require("mithril"));
2
8
  const DEFAULT_DATA_FORMAT = "application/mico-drag-handler";
3
- export const DragHandler = {
9
+ exports.DragHandler = {
4
10
  oninit() {
5
11
  this.isDragging = false;
6
12
  this.isDraggingOver = false;
7
13
  },
8
14
  view({ attrs, children }) {
9
15
  var _a, _b, _c, _d, _e, _f;
10
- return m("", {
16
+ return (0, mithril_1.default)("", {
11
17
  class: `${(_a = attrs.class) !== null && _a !== void 0 ? _a : ""} ${this.isDragging ? (_b = attrs.classDragging) !== null && _b !== void 0 ? _b : "" : ""} ${this.isDraggingOver ? (_c = attrs.classDraggingOver) !== null && _c !== void 0 ? _c : "" : ""}`,
12
18
  style: `${(_d = attrs.style) !== null && _d !== void 0 ? _d : ""} ${this.isDragging ? (_e = attrs.classDragging) !== null && _e !== void 0 ? _e : "" : ""} ${this.isDraggingOver ? (_f = attrs.classDraggingOver) !== null && _f !== void 0 ? _f : "" : ""}`,
13
19
  draggable: attrs.enableDrag,
@@ -1 +1,17 @@
1
- export * from "./DragHandler";
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("./DragHandler"), exports);
@@ -0,0 +1 @@
1
+ export {};
@@ -1 +1,2 @@
1
1
  "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -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
  };