@hypericon/mico 0.4.1 → 0.5.0

package/dist/cjs/components/dialog/dialog-manager.js

@@ -19,7 +19,7 @@ class DialogManager {
     get isOpen() { return this.currentDialog !== undefined; }
     constructor(options) {
         this.debug = false;
-        this.backdropDismissTimeout = 10;
+        this.backdropDismissTimeout = 100;
         if (options === null || options === void 0 ? void 0 : options.debug)
             this.debug = options.debug;
         if (options === null || options === void 0 ? void 0 : options.containerEl) {

package/dist/cjs/components/markdown-editor/MarkdownEditor.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MarkdownEditor = void 0;
 const mithril_1 = __importStar(require("mithril"));

package/dist/cjs/components/select/SelectOptionsPanel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import m from "mithril";
 import { Subscription } from "rxjs";
 export declare const SelectOptionsPanel: m.Component<{}, {

package/dist/cjs/components/table/Table.d.ts

@@ -21,6 +21,10 @@ export interface TableAttrs<T> {
     layout?: "auto" | "fixed";
     /** Override the default message displayed when there are no data items */
     emptyMessage?: string;
+    /** Optional function to apply custom styles to rows */
+    rowStyle?: (item: T, index: number) => string | undefined;
+    /** Optional function to apply custom classes to rows */
+    rowClass?: (item: T, index: number) => string | undefined;
     /** Any CSS classes to apply to the table */
     class?: string;
     /** Any CSS styles to apply to the table */
@@ -55,10 +59,10 @@ export declare function typedTable<T>(): {
     col: TableColumnDefinitionFn<T>;
     oninit?(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.Vnode<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): any;
     oncreate?(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.VnodeDOM<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): any;
-    onbeforeremove?(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.VnodeDOM<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): void | Promise<any>;
+    onbeforeremove?(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.VnodeDOM<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): Promise<any> | void;
     onremove?(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.VnodeDOM<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): any;
     onbeforeupdate?(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.Vnode<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>, old: m.VnodeDOM<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): boolean | void;
     onupdate?(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.VnodeDOM<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): any;
-    view(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.Vnode<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): void | m.Children;
+    view(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.Vnode<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): m.Children | null | void;
 };
 export declare const Table: m.Component<TableAttrs<any>, TableState<any>>;

package/dist/cjs/components/table/Table.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Table = exports.typedTable = void 0;
+exports.Table = void 0;
+exports.typedTable = typedTable;
 const mithril_1 = __importDefault(require("mithril"));
 /**
  * Build a typed Table component which includes type checking for column definitions
@@ -27,7 +28,6 @@ function typedTable() {
     };
     return Object.assign(Object.assign({}, typedTable), { col });
 }
-exports.typedTable = typedTable;
 exports.Table = {
     view({ attrs }) {
         var _a, _b, _c, _d;
@@ -50,7 +50,11 @@ exports.Table = {
             ]),
             (0, mithril_1.default)("tbody", [
                 attrs.data.map((item, dataIndex) => {
-                    return (0, mithril_1.default)("tr", [
+                    var _a, _b;
+                    return (0, mithril_1.default)("tr", {
+                        class: (_a = attrs.rowClass) === null || _a === void 0 ? void 0 : _a.call(attrs, item, dataIndex),
+                        style: (_b = attrs.rowStyle) === null || _b === void 0 ? void 0 : _b.call(attrs, item, dataIndex),
+                    }, [
                         attrs.columns.map((col, colIndex) => {
                             var _a, _b, _c;
                             return (0, mithril_1.default)("td", {

package/dist/cjs/components/toast/toast.js

@@ -15,18 +15,29 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toast = exports.DefaultToastOptions = void 0;
+exports.DefaultToastOptions = void 0;
+exports.toast = toast;
 const toastify_js_1 = __importStar(require("toastify-js"));
 const mithril_1 = __importDefault(require("mithril"));
 require("toastify-js/src/toastify.css");
@@ -58,4 +69,3 @@ function toast(message, options) {
         hide: () => toastify.hideToast(),
     };
 }
-exports.toast = toast;

package/dist/cjs/components/tooltip/tooltip-function.d.ts

@@ -23,7 +23,7 @@ export declare function tooltip(ev: MouseEvent, tooltip: string, opts?: Partial<
  * }, "Click me"),
  * // is equivalent to:
  * m("button", {
-*    onmousenter: (ev: Mousevent) => tooltip(ev, "Click the button"),
+*    onmouseenter: (ev: MouseEvent) => tooltip(ev, "Click the button"),
  * }, "Click me"),
  * ```
  * @param value

package/dist/cjs/components/tooltip/tooltip-function.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tooltipSpread = exports.tooltip = void 0;
+exports.tooltip = tooltip;
+exports.tooltipSpread = tooltipSpread;
 const tooltip_defaults_1 = require("./tooltip-defaults");
 /**
  * Display a tooltip using the given mouse event.
@@ -62,7 +63,6 @@ function tooltip(ev, tooltip, opts) {
     };
     target.addEventListener("mouseleave", clearFn);
 }
-exports.tooltip = tooltip;
 /**
  * Return an object that can be spread into an element's attrs to add a tooltip using the mouseenter event
  *
@@ -73,7 +73,7 @@ exports.tooltip = tooltip;
  * }, "Click me"),
  * // is equivalent to:
  * m("button", {
-*    onmousenter: (ev: Mousevent) => tooltip(ev, "Click the button"),
+*    onmouseenter: (ev: MouseEvent) => tooltip(ev, "Click the button"),
  * }, "Click me"),
  * ```
  * @param value
@@ -85,7 +85,6 @@ function tooltipSpread(value, opts) {
         onmouseenter: (ev) => tooltip(ev, value, opts),
     };
 }
-exports.tooltipSpread = tooltipSpread;
 /**
  * TODO: consider adding arrows to top/bottom/left/right positioned tooltips
  * e.g.: https://getbootstrap.com/docs/3.4/javascript/#tooltips

package/dist/cjs/components/tree/Tree.d.ts

@@ -7,11 +7,11 @@ export declare const Tree: m.Component<{
     /** The root list of nodes to display in the tree (circular references will crash) */
     nodes: TreeNode<any>[];
     /** Enable drag and drop reordering */
-    enableReordering?: boolean | undefined;
+    enableReordering?: boolean;
     /** Enable expanding/collapsing of nodes with children */
-    enableToggling?: boolean | undefined;
+    enableToggling?: boolean;
     /** Enable debug logging of certain events */
-    enableLogging?: boolean | undefined;
+    enableLogging?: boolean;
     /** Function called when a node with children is toggled */
     ontoggle?: ((toggle: {
         node: TreeNode<any>;
@@ -30,23 +30,23 @@ export declare const Tree: m.Component<{
         above: boolean;
     }) => void) | undefined;
     /** Optional message to display in defined but empty children lists */
-    emptyChildrenMessage?: string | undefined;
+    emptyChildrenMessage?: string;
     /** Optionally override the default icon for a collapsed node */
-    collapsedIcon?: m.Vnode<any, any> | undefined;
+    collapsedIcon?: m.Vnode<any, any>;
     /** Optionally override the default icon for an expanded node */
-    expandedIcon?: m.Vnode<any, any> | undefined;
+    expandedIcon?: m.Vnode<any, any>;
     /** Optionally override the default toggle icon for a node that cannot toggle */
-    noToggleIcon?: m.Vnode<any, any> | undefined;
+    noToggleIcon?: m.Vnode<any, any>;
     /** Optionally enable toggling of expansion nodes by clicking their labels */
-    toggleExpansionWithLabel?: boolean | undefined;
+    toggleExpansionWithLabel?: boolean;
     /** Optionally override the default nesting width */
-    nestingWidth?: string | undefined;
+    nestingWidth?: string;
     /** Optionally override the default toggle button width */
-    toggleButtonWidth?: string | undefined;
+    toggleButtonWidth?: string;
     /** Optional CSS classes to apply to the root div */
-    class?: string | undefined;
+    class?: string;
     /** Optional CSS styles to apply to the root div */
-    style?: string | undefined;
+    style?: string;
 }, {
     isReordering: boolean;
     thisEl: Element;
@@ -62,46 +62,46 @@ export declare function createTree<TNodeData extends object = {}>(): m.Component
     /** The root list of nodes to display in the tree (circular references will crash) */
     nodes: TreeNode<TNodeData>[];
     /** Enable drag and drop reordering */
-    enableReordering?: boolean | undefined;
+    enableReordering?: boolean;
     /** Enable expanding/collapsing of nodes with children */
-    enableToggling?: boolean | undefined;
+    enableToggling?: boolean;
     /** Enable debug logging of certain events */
-    enableLogging?: boolean | undefined;
+    enableLogging?: boolean;
     /** Function called when a node with children is toggled */
-    ontoggle?: ((toggle: {
+    ontoggle?: (toggle: {
         node: TreeNode<TNodeData>;
         expanded: boolean;
         recursive: boolean;
-    }) => void) | undefined;
+    }) => void;
     /** Function called when a node label is clicked */
-    onclick?: ((click: {
+    onclick?: (click: {
         ev: MouseEvent;
         node: TreeNode<TNodeData>;
-    }) => void) | undefined;
+    }) => void;
     /** Function called when a node has been dragged to a new position in the tree */
-    onreorder?: ((reorder: {
+    onreorder?: (reorder: {
         moved: TNodeData;
         target: TNodeData;
         above: boolean;
-    }) => void) | undefined;
+    }) => void;
     /** Optional message to display in defined but empty children lists */
-    emptyChildrenMessage?: string | undefined;
+    emptyChildrenMessage?: string;
     /** Optionally override the default icon for a collapsed node */
-    collapsedIcon?: m.Vnode<any, any> | undefined;
+    collapsedIcon?: m.Vnode<any, any>;
     /** Optionally override the default icon for an expanded node */
-    expandedIcon?: m.Vnode<any, any> | undefined;
+    expandedIcon?: m.Vnode<any, any>;
     /** Optionally override the default toggle icon for a node that cannot toggle */
-    noToggleIcon?: m.Vnode<any, any> | undefined;
+    noToggleIcon?: m.Vnode<any, any>;
     /** Optionally enable toggling of expansion nodes by clicking their labels */
-    toggleExpansionWithLabel?: boolean | undefined;
+    toggleExpansionWithLabel?: boolean;
     /** Optionally override the default nesting width */
-    nestingWidth?: string | undefined;
+    nestingWidth?: string;
     /** Optionally override the default toggle button width */
-    toggleButtonWidth?: string | undefined;
+    toggleButtonWidth?: string;
     /** Optional CSS classes to apply to the root div */
-    class?: string | undefined;
+    class?: string;
     /** Optional CSS styles to apply to the root div */
-    style?: string | undefined;
+    style?: string;
 }, {
     isReordering: boolean;
     thisEl: Element;

package/dist/cjs/components/tree/Tree.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTree = exports.Tree = void 0;
+exports.Tree = void 0;
+exports.createTree = createTree;
 const utils_1 = require("@hypericon/utils");
 const mithril_1 = __importDefault(require("mithril"));
 const icon_1 = require("../icon");
@@ -167,7 +168,7 @@ function createTree() {
                     }, attrs.noToggleIcon || (0, mithril_1.default)(icon_1.Icon, { fas: "caret-right" })) : [],
                     (0, mithril_1.default)(".mico-tree-label", {
                         class: `${targettingDragClass}`,
-                        style: "position: relative; flex: 1 1 0%; overflow-x: hidden;",
+                        style: "position: relative; flex: 1 1 0%; overflow-x: hidden;", // width: calc(100% - 1.5rem);
                         draggable: enableReordering && (node.draggable !== false),
                         onclick: (ev) => {
                             var _a;
@@ -226,4 +227,3 @@ function createTree() {
     };
     return Tree;
 }
-exports.createTree = createTree;

package/dist/cjs/components/tree/tree-utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.allTreeDescendants = void 0;
+exports.allTreeDescendants = allTreeDescendants;
 /**
  * Recursively find the list of all descendants of the given node.
  *
@@ -19,4 +19,3 @@ function allTreeDescendants(node) {
     }
     return descendants;
 }
-exports.allTreeDescendants = allTreeDescendants;

package/dist/cjs/utils/date-time.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dateToHtmlUTC = exports.dateToHtml = void 0;
+exports.dateToHtml = dateToHtml;
+exports.dateToHtmlUTC = dateToHtmlUTC;
 function dateToHtml(d) {
     if (d === undefined)
         return undefined;
@@ -12,7 +13,6 @@ function dateToHtml(d) {
         String(d.getDate()).padStart(2, "0"),
     ].join("-");
 }
-exports.dateToHtml = dateToHtml;
 function dateToHtmlUTC(d) {
     if (d === undefined)
         return undefined;
@@ -24,4 +24,3 @@ function dateToHtmlUTC(d) {
         String(d.getUTCDate()).padStart(2, "0"),
     ].join("-");
 }
-exports.dateToHtmlUTC = dateToHtmlUTC;

package/dist/cjs/utils/dom.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mouseWithinElement = exports.coordsWithinElement = void 0;
+exports.coordsWithinElement = coordsWithinElement;
+exports.mouseWithinElement = mouseWithinElement;
 /**
  *
  * @param x
@@ -15,7 +16,6 @@ function coordsWithinElement(x, y, element, strict = false) {
         ? (rect.left < x && x < rect.right && rect.top < y && y < rect.bottom)
         : (rect.left <= x && x <= rect.right && rect.top <= y && y <= rect.bottom);
 }
-exports.coordsWithinElement = coordsWithinElement;
 /**
  * Find whether a mouse event is within a given DOM element using clientX/Y and the bounding client rect
  * @param ev
@@ -30,4 +30,3 @@ function mouseWithinElement(ev, element) {
         (ev.clientX <= elementRect.right);
     return isWithin;
 }
-exports.mouseWithinElement = mouseWithinElement;

package/dist/cjs/utils/events.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dragEventFiles = void 0;
+exports.dragEventFiles = dragEventFiles;
 function dragEventFiles(ev) {
     var _a, _b, _c;
     const files = [];
@@ -26,4 +26,3 @@ function dragEventFiles(ev) {
     }
     return files;
 }
-exports.dragEventFiles = dragEventFiles;

package/dist/esm/components/accordion/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/accordion/index.js

@@ -1 +1,2 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/esm/components/data-grid/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/data-grid/index.js

@@ -1 +1,2 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/esm/components/data-table/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/data-table/index.js

@@ -1 +1,2 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/esm/components/dialog/Dialog.js

@@ -1,4 +1,5 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 // export const Dialog: m.Component<{
 //   created?: (args: {}) => any,
 // }> = {

package/dist/esm/components/dialog/dialog-manager.js

@@ -1,3 +1,4 @@
+"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -7,13 +8,18 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import m from "mithril";
-import { mouseWithinElement } from "../../utils";
-export class DialogManager {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogMgr = exports.DialogManager = void 0;
+const mithril_1 = __importDefault(require("mithril"));
+const utils_1 = require("../../utils");
+class DialogManager {
     get isOpen() { return this.currentDialog !== undefined; }
     constructor(options) {
         this.debug = false;
-        this.backdropDismissTimeout = 10;
+        this.backdropDismissTimeout = 100;
         if (options === null || options === void 0 ? void 0 : options.debug)
             this.debug = options.debug;
         if (options === null || options === void 0 ? void 0 : options.containerEl) {
@@ -47,7 +53,7 @@ export class DialogManager {
             const dialogId = `${Math.random().toString().replace("0.", "")}`;
             return new Promise((resolve, reject) => {
                 const backdropDismissAvailableAt = Date.now() + this.backdropDismissTimeout;
-                m.mount(element, {
+                mithril_1.default.mount(element, {
                     oninit() {
                         // 
                     },
@@ -64,7 +70,7 @@ export class DialogManager {
                                 // console.log(ev);
                                 if (ev.target !== dom)
                                     return;
-                                const isInDialog = mouseWithinElement(ev, dom);
+                                const isInDialog = (0, utils_1.mouseWithinElement)(ev, dom);
                                 if (!isInDialog)
                                     manager.close();
                             });
@@ -76,13 +82,13 @@ export class DialogManager {
                         resolve(undefined);
                     },
                     view() {
-                        return m("dialog", {
+                        return (0, mithril_1.default)("dialog", {
                             id: dialogId,
                             key: dialogId,
                             class: "mico-dialog",
                             onclose: () => {
                                 manager.debug && console.log("dialog onclose()");
-                                m.mount(manager.containerEl, null);
+                                mithril_1.default.mount(manager.containerEl, null);
                             },
                             oncancel: (ev) => {
                                 if ((opts === null || opts === void 0 ? void 0 : opts.noEscape) === true) {
@@ -91,7 +97,7 @@ export class DialogManager {
                             },
                         }, [
                             ("view" in dialog)
-                                ? m(dialog, Object.assign({}, attrs))
+                                ? (0, mithril_1.default)(dialog, Object.assign({}, attrs))
                                 : dialog,
                         ]);
                     },
@@ -113,7 +119,7 @@ export class DialogManager {
             //   }
             // }
             return new Promise((resolve, reject) => {
-                m.mount(element, {
+                mithril_1.default.mount(element, {
                     oninit() {
                         // 
                     },
@@ -128,16 +134,16 @@ export class DialogManager {
                         resolve(undefined);
                     },
                     view() {
-                        return m("dialog", {
+                        return (0, mithril_1.default)("dialog", {
                             id: dialogId,
                             key: dialogId,
                             onclose: () => {
                                 console.log("dialog onclose()");
-                                m.mount(manager.containerEl, null);
+                                mithril_1.default.mount(manager.containerEl, null);
                             },
                         }, [
                             ("view" in dialog)
-                                ? m(dialog, Object.assign({}, attrs))
+                                ? (0, mithril_1.default)(dialog, Object.assign({}, attrs))
                                 : dialog,
                         ]);
                     },
@@ -164,4 +170,5 @@ export class DialogManager {
         console.log(dialog.prototype);
     }
 }
-export const dialogMgr = new DialogManager();
+exports.DialogManager = DialogManager;
+exports.dialogMgr = new DialogManager();

package/dist/esm/components/dialog/index.js

@@ -1,2 +1,18 @@
+"use strict";
 // export * from "./Dialog";
-export * from "./dialog-manager";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./dialog-manager"), exports);

package/dist/esm/components/drag-handler/DragHandler.js

@@ -1,13 +1,19 @@
-import m from "mithril";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DragHandler = void 0;
+const mithril_1 = __importDefault(require("mithril"));
 const DEFAULT_DATA_FORMAT = "application/mico-drag-handler";
-export const DragHandler = {
+exports.DragHandler = {
     oninit() {
         this.isDragging = false;
         this.isDraggingOver = false;
     },
     view({ attrs, children }) {
         var _a, _b, _c, _d, _e, _f;
-        return m("", {
+        return (0, mithril_1.default)("", {
             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 : "" : ""}`,
             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 : "" : ""}`,
             draggable: attrs.enableDrag,

package/dist/esm/components/drag-handler/index.js

@@ -1 +1,17 @@
-export * from "./DragHandler";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DragHandler"), exports);

package/dist/esm/components/drawer/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/drawer/index.js

@@ -1 +1,2 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });