@hypericon/mico 0.5.2 → 0.5.4

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/menu/Menu.d.ts

@@ -6,6 +6,10 @@ export interface MenuOptions {
     forceFlipH?: boolean;
     /** Add the menu directly to the element which raised the event */
     asChild?: boolean;
+    /** Optionally display a menu using an HTMLDialogElement */
+    asDialog?: boolean;
+    /** Whether the menu is within a dialog, and should be displayed differently */
+    isWithinDialog?: boolean;
 }
 export declare const Menu: m.Component<{
     x: number | undefined;

package/dist/cjs/components/menu/Menu.js

@@ -19,7 +19,7 @@ exports.Menu = {
         // if (dom) this.el = dom as HTMLDivElement;
     },
     view({ attrs, children }) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         const maxWidthPx = Math.min(window.innerWidth, menu_constants_1.MENU_CONSTANTS.MAX_WIDTH_PX);
         const maxHeightPx = window.innerHeight / 2;
         const xPx = (_a = attrs.x) !== null && _a !== void 0 ? _a : 0;
@@ -36,6 +36,11 @@ exports.Menu = {
             flipH = true;
         if (((_f = attrs.options) === null || _f === void 0 ? void 0 : _f.forceFlipV) === true)
             flipV = true;
+        // if the menu is a dialog, don't flip vertically or horizontally
+        if ((_g = attrs.options) === null || _g === void 0 ? void 0 : _g.asDialog) {
+            flipV = false;
+            flipH = false;
+        }
         // console.log({
         //   "yPx": yPx,
         //   "maxHeightPx": maxHeightPx,
@@ -46,10 +51,13 @@ exports.Menu = {
         // TODO: don't let the menu width actually touch the screen width; it will fall off the left hand side
         const posH = flipH ? `right: ${window.innerWidth - xPx}px;` : `left: ${xPx}px;`;
         const posV = flipV ? `bottom: ${window.innerHeight - yPx}px;` : `top: ${yPx}px;`;
+        const position = ((_h = attrs.options) === null || _h === void 0 ? void 0 : _h.isWithinDialog)
+            ? `fixed`
+            : `absolute`;
         return (0, mithril_1.default)("", {
             key: Date.now(),
             class: `mico-menu ${menu_settings_1.MENU_SETTINGS.MENU_CLASS}`,
-            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;`,
+            style: `position: ${position}; 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;`,
             tabIndex: -1,
             onkeydown: (ev) => {
                 var _a, _b, _c, _d, _e, _f;

package/dist/cjs/components/menu/menu-manager.d.ts

@@ -4,6 +4,7 @@ export declare class MenuManager {
     private containerEl;
     private directParentEl;
     private directParentWrapperEl;
+    private dialogEl;
     private _menuVnode;
     menuVnode$: import("rxjs").Observable<m.Vnode<any, any> | undefined>;
     get menuVnode(): m.Vnode<any, any> | undefined;

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

@@ -39,6 +39,17 @@ class MenuManager {
                 this.hide();
             }
         });
+        // Create the empty dialog element
+        this.dialogEl = document.createElement("dialog");
+        this.dialogEl.classList.add("mico-menu-dialog");
+        // this.dialogEl.style.position = "";
+        this.dialogEl.style.top = "0";
+        // this.dialogEl.style.left = "0";
+        this.dialogEl.style.margin = "0";
+        this.dialogEl.style.padding = "0";
+        this.dialogEl.style.backgroundColor = "transparent";
+        this.dialogEl.style.border = "none";
+        document.body.append(this.dialogEl);
     }
     /**
      * Show a new "right-click" menu at the position of the given mouse event,
@@ -50,8 +61,8 @@ class MenuManager {
      * @param menuContents
      */
     show(ev, menuContents, options) {
-        var _a;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
             ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
             if (this.isOpen) {
                 this.hide();
@@ -59,16 +70,37 @@ class MenuManager {
             yield new Promise((resolve, reject) => {
                 setTimeout(() => resolve(), 0);
             });
+            let y = menu_settings_1.MENU_SETTINGS.ANCHOR === "page" ? ev === null || ev === void 0 ? void 0 : ev.pageY : ev === null || ev === void 0 ? void 0 : ev.clientY;
+            // When the event is raised from within a dialog element,
+            // automatically set the menu to be a dialog as well.
+            // This makes menus that are opened from within a dialog automatically function correctly.
+            if (menu_settings_1.MENU_SETTINGS.DETECT_MENU_IN_DIALOG) {
+                if ((ev === null || ev === void 0 ? void 0 : ev.target) instanceof HTMLElement && ev.target.closest("dialog")) {
+                    options = options || {};
+                    options.isWithinDialog = true;
+                    options.asChild = true;
+                    y = (_a = ev === null || ev === void 0 ? void 0 : ev.clientY) !== null && _a !== void 0 ? _a : 0; // Use clientY to position the menu within the dialog
+                }
+            }
             const menuVnode = (0, mithril_1.default)(Menu_1.Menu, {
                 x: ev === null || ev === void 0 ? void 0 : ev.clientX,
-                y: menu_settings_1.MENU_SETTINGS.ANCHOR === "page" ? ev === null || ev === void 0 ? void 0 : ev.pageY : ev === null || ev === void 0 ? void 0 : ev.clientY,
+                y: y,
                 options,
             }, [
                 menuContents,
             ]);
             this._menuVnode.next(menuVnode);
+            // If the menu is to be shown as a dialog, we need to mount it to a dialog element
+            if (options === null || options === void 0 ? void 0 : options.asDialog) {
+                // this.dialogEl = document.createElement("dialog");
+                // this.dialogEl.classList.add("mico-menu-dialog");
+                // document.body.append(this.dialogEl);
+                this.dialogEl.show();
+                mithril_1.default.render(this.dialogEl, menuVnode);
+                return;
+            }
             // m.render(this.containerEl, menuVnode);
-            const asChild = (_a = options === null || options === void 0 ? void 0 : options.asChild) !== null && _a !== void 0 ? _a : menu_settings_1.MENU_SETTINGS.AS_CHILD;
+            const asChild = (_b = options === null || options === void 0 ? void 0 : options.asChild) !== null && _b !== void 0 ? _b : menu_settings_1.MENU_SETTINGS.AS_CHILD;
             if (asChild && (ev === null || ev === void 0 ? void 0 : ev.target) && ev.target instanceof HTMLElement) {
                 this.directParentEl = ev.target;
                 this.directParentWrapperEl = document.createElement("div");
@@ -78,15 +110,18 @@ class MenuManager {
             else {
                 mithril_1.default.render(this.containerEl, menuVnode);
             }
+            // console.log("Added menu");
         });
     }
     hide() {
-        var _a;
+        var _a, _b;
         this._menuVnode.next(undefined);
         mithril_1.default.render(this.containerEl, []);
         (_a = this.directParentWrapperEl) === null || _a === void 0 ? void 0 : _a.remove();
         this.directParentWrapperEl = undefined;
         this.directParentEl = undefined;
+        (_b = this.dialogEl) === null || _b === void 0 ? void 0 : _b.close();
+        mithril_1.default.render(this.dialogEl, []);
         // console.log("Closed menu");
     }
     /**

package/dist/cjs/components/menu/menu-settings.d.ts

@@ -7,4 +7,6 @@ export declare const MENU_SETTINGS: {
     MENU_BUTTON_HINT_CLASS: string;
     MENU_SEPARATOR_CLASS: string;
     AS_CHILD: boolean;
+    /** Automatically display menus differently when opened from within a dialog */
+    DETECT_MENU_IN_DIALOG: boolean;
 };

package/dist/cjs/components/menu/menu-settings.js

@@ -10,4 +10,6 @@ exports.MENU_SETTINGS = {
     MENU_BUTTON_HINT_CLASS: "",
     MENU_SEPARATOR_CLASS: "",
     AS_CHILD: false, // Default to not adding the menu as a child of the element that raised the event
+    /** Automatically display menus differently when opened from within a dialog */
+    DETECT_MENU_IN_DIALOG: true,
 };

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

@@ -59,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;

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.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
  *
@@ -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/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/esm/components/menu/Menu.d.ts

@@ -6,6 +6,10 @@ export interface MenuOptions {
     forceFlipH?: boolean;
     /** Add the menu directly to the element which raised the event */
     asChild?: boolean;
+    /** Optionally display a menu using an HTMLDialogElement */
+    asDialog?: boolean;
+    /** Whether the menu is within a dialog, and should be displayed differently */
+    isWithinDialog?: boolean;
 }
 export declare const Menu: m.Component<{
     x: number | undefined;

package/dist/esm/components/menu/Menu.js

@@ -19,7 +19,7 @@ exports.Menu = {
         // if (dom) this.el = dom as HTMLDivElement;
     },
     view({ attrs, children }) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         const maxWidthPx = Math.min(window.innerWidth, menu_constants_1.MENU_CONSTANTS.MAX_WIDTH_PX);
         const maxHeightPx = window.innerHeight / 2;
         const xPx = (_a = attrs.x) !== null && _a !== void 0 ? _a : 0;
@@ -36,6 +36,11 @@ exports.Menu = {
             flipH = true;
         if (((_f = attrs.options) === null || _f === void 0 ? void 0 : _f.forceFlipV) === true)
             flipV = true;
+        // if the menu is a dialog, don't flip vertically or horizontally
+        if ((_g = attrs.options) === null || _g === void 0 ? void 0 : _g.asDialog) {
+            flipV = false;
+            flipH = false;
+        }
         // console.log({
         //   "yPx": yPx,
         //   "maxHeightPx": maxHeightPx,
@@ -46,10 +51,13 @@ exports.Menu = {
         // TODO: don't let the menu width actually touch the screen width; it will fall off the left hand side
         const posH = flipH ? `right: ${window.innerWidth - xPx}px;` : `left: ${xPx}px;`;
         const posV = flipV ? `bottom: ${window.innerHeight - yPx}px;` : `top: ${yPx}px;`;
+        const position = ((_h = attrs.options) === null || _h === void 0 ? void 0 : _h.isWithinDialog)
+            ? `fixed`
+            : `absolute`;
         return (0, mithril_1.default)("", {
             key: Date.now(),
             class: `mico-menu ${menu_settings_1.MENU_SETTINGS.MENU_CLASS}`,
-            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;`,
+            style: `position: ${position}; 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;`,
             tabIndex: -1,
             onkeydown: (ev) => {
                 var _a, _b, _c, _d, _e, _f;

package/dist/esm/components/menu/menu-manager.d.ts

@@ -4,6 +4,7 @@ export declare class MenuManager {
     private containerEl;
     private directParentEl;
     private directParentWrapperEl;
+    private dialogEl;
     private _menuVnode;
     menuVnode$: import("rxjs").Observable<m.Vnode<any, any> | undefined>;
     get menuVnode(): m.Vnode<any, any> | undefined;

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

@@ -39,6 +39,17 @@ class MenuManager {
                 this.hide();
             }
         });
+        // Create the empty dialog element
+        this.dialogEl = document.createElement("dialog");
+        this.dialogEl.classList.add("mico-menu-dialog");
+        // this.dialogEl.style.position = "";
+        this.dialogEl.style.top = "0";
+        // this.dialogEl.style.left = "0";
+        this.dialogEl.style.margin = "0";
+        this.dialogEl.style.padding = "0";
+        this.dialogEl.style.backgroundColor = "transparent";
+        this.dialogEl.style.border = "none";
+        document.body.append(this.dialogEl);
     }
     /**
      * Show a new "right-click" menu at the position of the given mouse event,
@@ -50,8 +61,8 @@ class MenuManager {
      * @param menuContents
      */
     show(ev, menuContents, options) {
-        var _a;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
             ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
             if (this.isOpen) {
                 this.hide();
@@ -59,16 +70,37 @@ class MenuManager {
             yield new Promise((resolve, reject) => {
                 setTimeout(() => resolve(), 0);
             });
+            let y = menu_settings_1.MENU_SETTINGS.ANCHOR === "page" ? ev === null || ev === void 0 ? void 0 : ev.pageY : ev === null || ev === void 0 ? void 0 : ev.clientY;
+            // When the event is raised from within a dialog element,
+            // automatically set the menu to be a dialog as well.
+            // This makes menus that are opened from within a dialog automatically function correctly.
+            if (menu_settings_1.MENU_SETTINGS.DETECT_MENU_IN_DIALOG) {
+                if ((ev === null || ev === void 0 ? void 0 : ev.target) instanceof HTMLElement && ev.target.closest("dialog")) {
+                    options = options || {};
+                    options.isWithinDialog = true;
+                    options.asChild = true;
+                    y = (_a = ev === null || ev === void 0 ? void 0 : ev.clientY) !== null && _a !== void 0 ? _a : 0; // Use clientY to position the menu within the dialog
+                }
+            }
             const menuVnode = (0, mithril_1.default)(Menu_1.Menu, {
                 x: ev === null || ev === void 0 ? void 0 : ev.clientX,
-                y: menu_settings_1.MENU_SETTINGS.ANCHOR === "page" ? ev === null || ev === void 0 ? void 0 : ev.pageY : ev === null || ev === void 0 ? void 0 : ev.clientY,
+                y: y,
                 options,
             }, [
                 menuContents,
             ]);
             this._menuVnode.next(menuVnode);
+            // If the menu is to be shown as a dialog, we need to mount it to a dialog element
+            if (options === null || options === void 0 ? void 0 : options.asDialog) {
+                // this.dialogEl = document.createElement("dialog");
+                // this.dialogEl.classList.add("mico-menu-dialog");
+                // document.body.append(this.dialogEl);
+                this.dialogEl.show();
+                mithril_1.default.render(this.dialogEl, menuVnode);
+                return;
+            }
             // m.render(this.containerEl, menuVnode);
-            const asChild = (_a = options === null || options === void 0 ? void 0 : options.asChild) !== null && _a !== void 0 ? _a : menu_settings_1.MENU_SETTINGS.AS_CHILD;
+            const asChild = (_b = options === null || options === void 0 ? void 0 : options.asChild) !== null && _b !== void 0 ? _b : menu_settings_1.MENU_SETTINGS.AS_CHILD;
             if (asChild && (ev === null || ev === void 0 ? void 0 : ev.target) && ev.target instanceof HTMLElement) {
                 this.directParentEl = ev.target;
                 this.directParentWrapperEl = document.createElement("div");
@@ -78,15 +110,18 @@ class MenuManager {
             else {
                 mithril_1.default.render(this.containerEl, menuVnode);
             }
+            // console.log("Added menu");
         });
     }
     hide() {
-        var _a;
+        var _a, _b;
         this._menuVnode.next(undefined);
         mithril_1.default.render(this.containerEl, []);
         (_a = this.directParentWrapperEl) === null || _a === void 0 ? void 0 : _a.remove();
         this.directParentWrapperEl = undefined;
         this.directParentEl = undefined;
+        (_b = this.dialogEl) === null || _b === void 0 ? void 0 : _b.close();
+        mithril_1.default.render(this.dialogEl, []);
         // console.log("Closed menu");
     }
     /**

package/dist/esm/components/menu/menu-settings.d.ts

@@ -7,4 +7,6 @@ export declare const MENU_SETTINGS: {
     MENU_BUTTON_HINT_CLASS: string;
     MENU_SEPARATOR_CLASS: string;
     AS_CHILD: boolean;
+    /** Automatically display menus differently when opened from within a dialog */
+    DETECT_MENU_IN_DIALOG: boolean;
 };

package/dist/esm/components/menu/menu-settings.js

@@ -10,4 +10,6 @@ exports.MENU_SETTINGS = {
     MENU_BUTTON_HINT_CLASS: "",
     MENU_SEPARATOR_CLASS: "",
     AS_CHILD: false, // Default to not adding the menu as a child of the element that raised the event
+    /** Automatically display menus differently when opened from within a dialog */
+    DETECT_MENU_IN_DIALOG: true,
 };

package/dist/esm/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/esm/components/table/Table.d.ts

@@ -59,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/esm/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;

package/dist/esm/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/esm/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
  *
@@ -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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hypericon/mico",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "description": "UI components and utilities with Mithril",
   "author": "Ed Johnson, Hypericon Ltd",
   "license": "MIT",