@hypericon/mico 0.4.2 → 0.5.0

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

@@ -1,55 +1,61 @@
-import m from "mithril";
-import { Icon } from "../icon";
-import { MENU_SETTINGS } from "./menu-settings";
-export const MenuButton = {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuButton = void 0;
+const mithril_1 = __importDefault(require("mithril"));
+const icon_1 = require("../icon");
+const menu_settings_1 = require("./menu-settings");
+exports.MenuButton = {
     view({ attrs }) {
         var _a, _b, _c, _d;
         return (attrs.href !== undefined) ? [
-            m(m.route.Link, {
-                class: `mico-menu-button ${(_a = attrs.class) !== null && _a !== void 0 ? _a : ""} ${MENU_SETTINGS.MENU_BUTTON_CLASS}`,
+            (0, mithril_1.default)(mithril_1.default.route.Link, {
+                class: `mico-menu-button ${(_a = attrs.class) !== null && _a !== void 0 ? _a : ""} ${menu_settings_1.MENU_SETTINGS.MENU_BUTTON_CLASS}`,
                 style: `${(_b = attrs.style) !== null && _b !== void 0 ? _b : ""} width: 100%; height: 1.5rem; padding-right: 0.5rem; display: flex; align-items: center;`,
                 href: attrs.href,
                 disabled: attrs.disabled,
                 onclick: (ev) => {
                     var _a;
                     (_a = attrs.onclick) === null || _a === void 0 ? void 0 : _a.call(attrs, ev);
-                    m.redraw();
+                    mithril_1.default.redraw();
                 },
             }, [
-                m(ButtonIcon, { icon: attrs.icon }),
-                m(ButtonLabel, { label: attrs.label }),
-                m("", { style: "flex: 1 1 0%;" }),
-                m(ButtonHint, { hint: attrs.hint }),
+                (0, mithril_1.default)(ButtonIcon, { icon: attrs.icon }),
+                (0, mithril_1.default)(ButtonLabel, { label: attrs.label }),
+                (0, mithril_1.default)("", { style: "flex: 1 1 0%;" }),
+                (0, mithril_1.default)(ButtonHint, { hint: attrs.hint }),
             ]),
         ] : [
-            m("button", {
-                class: `mico-menu-button ${(_c = attrs.class) !== null && _c !== void 0 ? _c : ""} ${MENU_SETTINGS.MENU_BUTTON_CLASS}`,
+            (0, mithril_1.default)("button", {
+                class: `mico-menu-button ${(_c = attrs.class) !== null && _c !== void 0 ? _c : ""} ${menu_settings_1.MENU_SETTINGS.MENU_BUTTON_CLASS}`,
                 style: `${(_d = attrs.style) !== null && _d !== void 0 ? _d : ""} width: 100%; height: 1.5rem; padding-right: 0.5rem; display: flex; align-items: center;`,
                 disabled: attrs.disabled,
                 onclick: (ev) => {
                     var _a;
                     (_a = attrs.onclick) === null || _a === void 0 ? void 0 : _a.call(attrs, ev);
-                    m.redraw();
+                    mithril_1.default.redraw();
                 },
             }, [
-                m(ButtonIcon, { icon: attrs.icon }),
-                m(ButtonLabel, { label: attrs.label }),
-                m("", { style: "flex: 1 1 0%;" }),
-                m(ButtonHint, { hint: attrs.hint }),
+                (0, mithril_1.default)(ButtonIcon, { icon: attrs.icon }),
+                (0, mithril_1.default)(ButtonLabel, { label: attrs.label }),
+                (0, mithril_1.default)("", { style: "flex: 1 1 0%;" }),
+                (0, mithril_1.default)(ButtonHint, { hint: attrs.hint }),
             ]),
         ];
     }
 };
 const ButtonIcon = {
     view({ attrs }) {
-        return m("", {
+        return (0, mithril_1.default)("", {
             // class: attrs.disabled ? "text-disabled" : "text-icon",
-            class: `mico-menu-button-icon ${MENU_SETTINGS.MENU_BUTTON_ICON_CLASS}`,
+            class: `mico-menu-button-icon ${menu_settings_1.MENU_SETTINGS.MENU_BUTTON_ICON_CLASS}`,
             style: "width: 2rem; flex: none; display: flex; align-items: center; justify-content: space-around;",
         }, [
             attrs.icon ? [
                 ("fas" in attrs.icon || "far" in attrs.icon || "fab" in attrs.icon)
-                    ? m(Icon, Object.assign({}, attrs.icon))
+                    ? (0, mithril_1.default)(icon_1.Icon, Object.assign({}, attrs.icon))
                     : attrs.icon,
             ] : [],
         ]);
@@ -57,8 +63,8 @@ const ButtonIcon = {
 };
 const ButtonLabel = {
     view({ attrs }) {
-        return m("span", {
-            class: `mico-menu-button-label ${MENU_SETTINGS.MENU_BUTTON_LABEL_CLASS}`,
+        return (0, mithril_1.default)("span", {
+            class: `mico-menu-button-label ${menu_settings_1.MENU_SETTINGS.MENU_BUTTON_LABEL_CLASS}`,
             style: "overflow: hidden; text-overflow: ellipsis; white-space: nowrap;",
         }, attrs.label);
     }
@@ -66,8 +72,8 @@ const ButtonLabel = {
 const ButtonHint = {
     view({ attrs }) {
         return attrs.hint
-            ? m("span", {
-                class: `mico-menu-button-hint ${MENU_SETTINGS.MENU_BUTTON_HINT_CLASS}`,
+            ? (0, mithril_1.default)("span", {
+                class: `mico-menu-button-hint ${menu_settings_1.MENU_SETTINGS.MENU_BUTTON_HINT_CLASS}`,
                 style: "overflow: hidden; text-overflow: ellipsis; white-space: nowrap;",
             }, attrs.hint)
             : [];

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

@@ -1,10 +1,16 @@
-import m from "mithril";
-import { MENU_SETTINGS } from "./menu-settings";
-export const MenuSeparator = {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuSeparator = void 0;
+const mithril_1 = __importDefault(require("mithril"));
+const menu_settings_1 = require("./menu-settings");
+exports.MenuSeparator = {
     view() {
         // return m(".my-2.ml-8.mr-2.border-b.border-slate-300");
-        return m("", {
-            class: `mico-menu-separator ${MENU_SETTINGS.MENU_SEPARATOR_CLASS}`,
+        return (0, mithril_1.default)("", {
+            class: `mico-menu-separator ${menu_settings_1.MENU_SETTINGS.MENU_SEPARATOR_CLASS}`,
             style: "margin: 0.25rem 0; border-bottom-width: 1px; border-bottom-style: solid;",
         });
     }

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

@@ -1,6 +1,22 @@
-export * from "./Menu";
-export * from "./MenuButton";
-export * from "./MenuSeparator";
-export * from "./menu-constants";
-export * from "./menu-manager";
-export * from "./menu-settings";
+"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("./Menu"), exports);
+__exportStar(require("./MenuButton"), exports);
+__exportStar(require("./MenuSeparator"), exports);
+__exportStar(require("./menu-constants"), exports);
+__exportStar(require("./menu-manager"), exports);
+__exportStar(require("./menu-settings"), exports);

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

@@ -1,4 +1,7 @@
-export const MENU_CONSTANTS = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MENU_CONSTANTS = void 0;
+exports.MENU_CONSTANTS = {
     MIN_WIDTH_PX: 200,
     MAX_WIDTH_PX: 500,
 };

package/dist/esm/components/menu/menu-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,17 +8,22 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import m from "mithril";
-import { BehaviorSubject } from "rxjs";
-import { Menu } from "./Menu";
-import { MENU_SETTINGS } from "./menu-settings";
-export class MenuManager {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.menuMgr = exports.MenuManager = void 0;
+const mithril_1 = __importDefault(require("mithril"));
+const rxjs_1 = require("rxjs");
+const Menu_1 = require("./Menu");
+const menu_settings_1 = require("./menu-settings");
+class MenuManager {
     get menuVnode() { return this._menuVnode.value; }
     get isOpen() {
         return Boolean(this.menuVnode);
     }
     constructor() {
-        this._menuVnode = new BehaviorSubject(undefined);
+        this._menuVnode = new rxjs_1.BehaviorSubject(undefined);
         this.menuVnode$ = this._menuVnode.asObservable();
         this.containerEl = document.createElement("div");
         this.containerEl.classList.add("menu-container");
@@ -51,22 +57,23 @@ export class MenuManager {
             yield new Promise((resolve, reject) => {
                 setTimeout(() => resolve(), 0);
             });
-            const menuVnode = m(Menu, {
+            const menuVnode = (0, mithril_1.default)(Menu_1.Menu, {
                 x: ev === null || ev === void 0 ? void 0 : ev.clientX,
-                y: MENU_SETTINGS.ANCHOR === "page" ? ev === null || ev === void 0 ? void 0 : ev.pageY : ev === null || ev === void 0 ? void 0 : ev.clientY,
+                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,
                 options,
             }, [
                 menuContents,
             ]);
             this._menuVnode.next(menuVnode);
-            m.render(this.containerEl, menuVnode);
+            mithril_1.default.render(this.containerEl, menuVnode);
             // console.log("Added menu");
         });
     }
     hide() {
         this._menuVnode.next(undefined);
-        m.render(this.containerEl, []);
+        mithril_1.default.render(this.containerEl, []);
         // console.log("Closed menu");
     }
 }
-export const menuMgr = new MenuManager();
+exports.MenuManager = MenuManager;
+exports.menuMgr = new MenuManager();

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

@@ -1,4 +1,7 @@
-export const MENU_SETTINGS = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MENU_SETTINGS = void 0;
+exports.MENU_SETTINGS = {
     ANCHOR: "page",
     MENU_CLASS: "",
     MENU_BUTTON_CLASS: "",

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

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

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

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

package/dist/esm/components/pagination/Pagination.js

@@ -1,66 +1,72 @@
-import m from "mithril";
-import { PAGINATION_DEFAULT_SETTINGS as SETTINGS } from "./pagination-settings";
-import { Icon } from "../icon";
-export const Pagination = {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pagination = void 0;
+const mithril_1 = __importDefault(require("mithril"));
+const pagination_settings_1 = require("./pagination-settings");
+const icon_1 = require("../icon");
+exports.Pagination = {
     view({ attrs }) {
         var _a, _b;
-        const layout = (attrs.layout || SETTINGS.layout);
-        return m(".mico-pagination", {
+        const layout = (attrs.layout || pagination_settings_1.PAGINATION_DEFAULT_SETTINGS.layout);
+        return (0, mithril_1.default)(".mico-pagination", {
             class: `${(_a = attrs.class) !== null && _a !== void 0 ? _a : ""}`,
             style: `${(_b = attrs.style) !== null && _b !== void 0 ? _b : ""} display: flex; align-items: center;`,
         }, [
-            (layout === "middle" || layout === "right") ? m("", { style: "flex: 1;" }) : [],
+            (layout === "middle" || layout === "right") ? (0, mithril_1.default)("", { style: "flex: 1;" }) : [],
             (attrs.size) ? [
-                m("span", `Page size:`),
-                m("select.mico-pagination-select", {
+                (0, mithril_1.default)("span", `Page size:`),
+                (0, mithril_1.default)("select.mico-pagination-select", {
                     value: attrs.size.size,
                     oninput: (e) => attrs.size.onselect(Number(e.target.value)),
-                }, (attrs.size.sizes || SETTINGS.pageSizes).map(s => m("option", s))),
+                }, (attrs.size.sizes || pagination_settings_1.PAGINATION_DEFAULT_SETTINGS.pageSizes).map(s => (0, mithril_1.default)("option", s))),
             ] : [],
             (attrs.xToYOfZ !== undefined) ? [
                 (attrs.xToYOfZ === false) ? [] :
-                    (typeof attrs.xToYOfZ === "string") ? m("span.mico-pagination-xtoyofz", attrs.xToYOfZ) :
+                    (typeof attrs.xToYOfZ === "string") ? (0, mithril_1.default)("span.mico-pagination-xtoyofz", attrs.xToYOfZ) :
                         attrs.xToYOfZ,
             ] : [
-                m("span.mico-pagination-xtoyofz", `${attrs.from}-${attrs.to} of ${attrs.of}`),
+                (0, mithril_1.default)("span.mico-pagination-xtoyofz", `${attrs.from}-${attrs.to} of ${attrs.of}`),
             ],
-            (attrs.first !== undefined) ? m("button.mico-pagination-button", {
+            (attrs.first !== undefined) ? (0, mithril_1.default)("button.mico-pagination-button", {
                 disabled: attrs.isAtStart,
                 title: "First page",
                 onclick: (ev) => { var _a; return (_a = attrs.first) === null || _a === void 0 ? void 0 : _a.call(attrs, ev); },
             }, [
-                SETTINGS.iconComponents.first
-                    ? m(SETTINGS.iconComponents.first)
-                    : m(Icon, { fas: "angles-left" }),
+                pagination_settings_1.PAGINATION_DEFAULT_SETTINGS.iconComponents.first
+                    ? (0, mithril_1.default)(pagination_settings_1.PAGINATION_DEFAULT_SETTINGS.iconComponents.first)
+                    : (0, mithril_1.default)(icon_1.Icon, { fas: "angles-left" }),
             ]) : [],
-            (attrs.prev !== undefined) ? m("button.mico-pagination-button", {
+            (attrs.prev !== undefined) ? (0, mithril_1.default)("button.mico-pagination-button", {
                 disabled: attrs.isAtStart,
                 title: "Previous page",
                 onclick: (ev) => { var _a; return (_a = attrs.prev) === null || _a === void 0 ? void 0 : _a.call(attrs, ev); },
             }, [
-                SETTINGS.iconComponents.prev
-                    ? m(SETTINGS.iconComponents.prev)
-                    : m(Icon, { fas: "angle-left" }),
+                pagination_settings_1.PAGINATION_DEFAULT_SETTINGS.iconComponents.prev
+                    ? (0, mithril_1.default)(pagination_settings_1.PAGINATION_DEFAULT_SETTINGS.iconComponents.prev)
+                    : (0, mithril_1.default)(icon_1.Icon, { fas: "angle-left" }),
             ]) : [],
-            (attrs.next !== undefined) ? m("button.mico-pagination-button", {
+            (attrs.next !== undefined) ? (0, mithril_1.default)("button.mico-pagination-button", {
                 disabled: attrs.isAtEnd,
                 title: "Next page",
                 onclick: (ev) => { var _a; return (_a = attrs.next) === null || _a === void 0 ? void 0 : _a.call(attrs, ev); },
             }, [
-                SETTINGS.iconComponents.next
-                    ? m(SETTINGS.iconComponents.next)
-                    : m(Icon, { fas: "angle-right" }),
+                pagination_settings_1.PAGINATION_DEFAULT_SETTINGS.iconComponents.next
+                    ? (0, mithril_1.default)(pagination_settings_1.PAGINATION_DEFAULT_SETTINGS.iconComponents.next)
+                    : (0, mithril_1.default)(icon_1.Icon, { fas: "angle-right" }),
             ]) : [],
-            (attrs.last !== undefined) ? m("button.mico-pagination-button", {
+            (attrs.last !== undefined) ? (0, mithril_1.default)("button.mico-pagination-button", {
                 disabled: attrs.isAtEnd,
                 title: "Last page",
                 onclick: (ev) => { var _a; return (_a = attrs.last) === null || _a === void 0 ? void 0 : _a.call(attrs, ev); },
             }, [
-                SETTINGS.iconComponents.last
-                    ? m(SETTINGS.iconComponents.last)
-                    : m(Icon, { fas: "angles-right" }),
+                pagination_settings_1.PAGINATION_DEFAULT_SETTINGS.iconComponents.last
+                    ? (0, mithril_1.default)(pagination_settings_1.PAGINATION_DEFAULT_SETTINGS.iconComponents.last)
+                    : (0, mithril_1.default)(icon_1.Icon, { fas: "angles-right" }),
             ]) : [],
-            (layout === "middle" || layout === "left") ? m("", { style: "flex: 1;" }) : [],
+            (layout === "middle" || layout === "left") ? (0, mithril_1.default)("", { style: "flex: 1;" }) : [],
         ]);
     },
 };

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

@@ -1,2 +1,18 @@
-export * from "./Pagination";
-export * from "./pagination-settings";
+"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("./Pagination"), exports);
+__exportStar(require("./pagination-settings"), exports);

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

@@ -1,7 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PAGINATION_DEFAULT_SETTINGS = void 0;
 /**
  * Default common settings for pagination components
  */
-export const PAGINATION_DEFAULT_SETTINGS = {
+exports.PAGINATION_DEFAULT_SETTINGS = {
     /** "left" | "middle" | "right" */
     layout: "right",
     pageSize: 25,

package/dist/esm/components/panel-tree/PanelTree.js

@@ -1,10 +1,16 @@
-import m from "mithril";
-import { PANEL_TREE_DEBUG, PANEL_TREE_PANEL_CLASS } from "./panel-tree-constants";
-import { PanelTreeStore } from "./panel-tree-store";
-import { PanelTreeUtils as PTUtils } from "./panel-tree-utils";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanelTreeHandle = exports.PanelTreePanel = void 0;
+const mithril_1 = __importDefault(require("mithril"));
+const panel_tree_constants_1 = require("./panel-tree-constants");
+const panel_tree_store_1 = require("./panel-tree-store");
+const panel_tree_utils_1 = require("./panel-tree-utils");
 /** Data about the state of the ongoing drag operation */
-const PTStore = new PanelTreeStore();
-export const PanelTreePanel = {
+const PTStore = new panel_tree_store_1.PanelTreeStore();
+exports.PanelTreePanel = {
     oninit() {
         // this.isDragOver = false;
     },
@@ -45,7 +51,7 @@ export const PanelTreePanel = {
             ev.stopImmediatePropagation();
             ev.preventDefault();
             // PANEL_TREE_DEBUG ?? console.debug("is dragging over panel with parent " + parentType);
-            const { dragEv, touchEv } = PTUtils.dragOrTouch(ev);
+            const { dragEv, touchEv } = panel_tree_utils_1.PanelTreeUtils.dragOrTouch(ev);
             PTStore.overEl = this.el;
             const isRecursive = (_a = PTStore.draggedPanel) === null || _a === void 0 ? void 0 : _a.contains(this.el);
             const isValidTarget = parentType !== undefined && PTStore.draggedData !== data && !isRecursive;
@@ -59,19 +65,19 @@ export const PanelTreePanel = {
                 const overDiv = ev.currentTarget;
                 const targetRect = overDiv.getBoundingClientRect();
                 if (parentType === "row") {
-                    const leftToMouse = PTUtils.eventXPos(ev) - targetRect.left;
+                    const leftToMouse = panel_tree_utils_1.PanelTreeUtils.eventXPos(ev) - targetRect.left;
                     const isLeft = leftToMouse < (targetRect.width - leftToMouse);
                     this.isOverStart = isLeft;
                 }
                 else {
-                    const topToMouse = PTUtils.eventYPos(ev) - targetRect.top;
+                    const topToMouse = panel_tree_utils_1.PanelTreeUtils.eventYPos(ev) - targetRect.top;
                     const isAbove = topToMouse < (targetRect.height - topToMouse);
                     this.isOverStart = isAbove;
                 }
-                PANEL_TREE_DEBUG !== null && PANEL_TREE_DEBUG !== void 0 ? PANEL_TREE_DEBUG : console.debug(`dragging over valid target, ${this.isOverStart ? "over start" : "over end"}`);
+                panel_tree_constants_1.PANEL_TREE_DEBUG !== null && panel_tree_constants_1.PANEL_TREE_DEBUG !== void 0 ? panel_tree_constants_1.PANEL_TREE_DEBUG : console.debug(`dragging over valid target, ${this.isOverStart ? "over start" : "over end"}`);
             }
             else {
-                PANEL_TREE_DEBUG !== null && PANEL_TREE_DEBUG !== void 0 ? PANEL_TREE_DEBUG : console.debug(`dragging over invalid target`);
+                panel_tree_constants_1.PANEL_TREE_DEBUG !== null && panel_tree_constants_1.PANEL_TREE_DEBUG !== void 0 ? panel_tree_constants_1.PANEL_TREE_DEBUG : console.debug(`dragging over invalid target`);
             }
         };
         const onDrop = (ev) => {
@@ -84,12 +90,12 @@ export const PanelTreePanel = {
             PTStore.dropTargetPanel = this.el;
             const isRecursive = (_a = PTStore.draggedPanel) === null || _a === void 0 ? void 0 : _a.contains(this.el);
             const movedData = PTStore.draggedData;
-            PANEL_TREE_DEBUG !== null && PANEL_TREE_DEBUG !== void 0 ? PANEL_TREE_DEBUG : console.debug(`drag dropped, dataTransfer data: ${JSON.stringify(movedData)}`);
+            panel_tree_constants_1.PANEL_TREE_DEBUG !== null && panel_tree_constants_1.PANEL_TREE_DEBUG !== void 0 ? panel_tree_constants_1.PANEL_TREE_DEBUG : console.debug(`drag dropped, dataTransfer data: ${JSON.stringify(movedData)}`);
             if (movedData && movedData !== data && !isRecursive) {
                 setTimeout(() => {
-                    PANEL_TREE_DEBUG !== null && PANEL_TREE_DEBUG !== void 0 ? PANEL_TREE_DEBUG : console.debug(`Instruct tree to insert subtree: ${JSON.stringify(movedData)}`);
+                    panel_tree_constants_1.PANEL_TREE_DEBUG !== null && panel_tree_constants_1.PANEL_TREE_DEBUG !== void 0 ? panel_tree_constants_1.PANEL_TREE_DEBUG : console.debug(`Instruct tree to insert subtree: ${JSON.stringify(movedData)}`);
                     attrs.insert(movedData, this.isOverStart);
-                    m.redraw();
+                    mithril_1.default.redraw();
                 }, 1);
             }
             PTStore.isDragging = false;
@@ -97,11 +103,11 @@ export const PanelTreePanel = {
         const onEnd = (ev) => {
             // ev.stopImmediatePropagation();
             // this.isDragOver = false;
-            PANEL_TREE_DEBUG !== null && PANEL_TREE_DEBUG !== void 0 ? PANEL_TREE_DEBUG : console.debug("drag ended");
+            panel_tree_constants_1.PANEL_TREE_DEBUG !== null && panel_tree_constants_1.PANEL_TREE_DEBUG !== void 0 ? panel_tree_constants_1.PANEL_TREE_DEBUG : console.debug("drag ended");
             // No op?
             PTStore.isDragging = false;
         };
-        return m(`.${PANEL_TREE_PANEL_CLASS}.flex-1.rounded.shadow-md`, {
+        return (0, mithril_1.default)(`.${panel_tree_constants_1.PANEL_TREE_PANEL_CLASS}.flex-1.rounded.shadow-md`, {
             // TODO
             // class: `${attrs.class ?? ""} ${mobileMode.isMob ? "p-1" : "p-2"} ${dragBorder}`,
             class: `${(_b = attrs.class) !== null && _b !== void 0 ? _b : ""} p-1 ${dragBorder}`,
@@ -135,14 +141,14 @@ export const PanelTreePanel = {
         }, children);
     },
 };
-export const PanelTreeHandle = {
+exports.PanelTreeHandle = {
     oninit() { },
     oncreate({ dom }) {
         this.el = dom;
     },
     view({ attrs }) {
         const { data } = attrs;
-        return m(".px-2.py-1.flex.items-center.cursor-move", {
+        return (0, mithril_1.default)(".px-2.py-1.flex.items-center.cursor-move", {
             // TODO
             // ...tooltipSpread("Reposition this element", { delay: 1_000 }),
             draggable: true,
@@ -155,12 +161,12 @@ export const PanelTreeHandle = {
                     // Disable scrolling if there is an ongoing drag
                     ev.stopImmediatePropagation();
                     ev.preventDefault();
-                    PTUtils.dispatchTouchEventToHoveredPanel(ev);
+                    panel_tree_utils_1.PanelTreeUtils.dispatchTouchEventToHoveredPanel(ev);
                 }
             },
             ontouchend: (ev) => {
                 // Re-dispatch the event first to set the drop target data
-                PTUtils.dispatchTouchEventToLastHoveredPanel(ev);
+                panel_tree_utils_1.PanelTreeUtils.dispatchTouchEventToLastHoveredPanel(ev);
                 // Next, handle the end of the drag and possibly call the function to remove the panel
                 PTStore.onEndDraggingHandle(ev, data, () => { var _a; return (_a = attrs.remove) === null || _a === void 0 ? void 0 : _a.call(attrs); });
             },
@@ -168,7 +174,7 @@ export const PanelTreeHandle = {
                 PTStore.isDragging = false;
             },
         }, [
-            m("i.fas.fa-grip-vertical.text-icon"),
+            (0, mithril_1.default)("i.fas.fa-grip-vertical.text-icon"),
         ]);
     },
 };

package/dist/esm/components/panel-tree/index.d.ts

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

package/dist/esm/components/panel-tree/index.js

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

package/dist/esm/components/panel-tree/panel-tree-constants.js

@@ -1,3 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PANEL_TREE_DEBUG = exports.PANEL_TREE_PANEL_CLASS = void 0;
 /** The CSS class applied all panel tree panels */
-export const PANEL_TREE_PANEL_CLASS = "panel-tree-panel";
-export const PANEL_TREE_DEBUG = false;
+exports.PANEL_TREE_PANEL_CLASS = "panel-tree-panel";
+exports.PANEL_TREE_DEBUG = false;

package/dist/esm/components/panel-tree/panel-tree-store.js

@@ -1,6 +1,9 @@
-import { PANEL_TREE_DEBUG } from "./panel-tree-constants";
-import { PanelTreeUtils as PTUtils } from "./panel-tree-utils";
-export class PanelTreeStore {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanelTreeStore = void 0;
+const panel_tree_constants_1 = require("./panel-tree-constants");
+const panel_tree_utils_1 = require("./panel-tree-utils");
+class PanelTreeStore {
     /** Whether the current drop operation is recursive */
     get isRecursive() {
         return (this.draggedPanel !== undefined) &&
@@ -28,14 +31,14 @@ export class PanelTreeStore {
         var _a;
         ev.stopImmediatePropagation();
         // ev.preventDefault();
-        const { dragEv, touchEv } = PTUtils.dragOrTouch(ev);
-        const parentPanel = PTUtils.findParentPanel(ev.currentTarget);
+        const { dragEv, touchEv } = panel_tree_utils_1.PanelTreeUtils.dragOrTouch(ev);
+        const parentPanel = panel_tree_utils_1.PanelTreeUtils.findParentPanel(ev.currentTarget);
         // logger.debug(``)
         if (parentPanel) {
             this.isDragging = true;
             this.draggedData = data;
             this.draggedPanel = parentPanel;
-            PANEL_TREE_DEBUG !== null && PANEL_TREE_DEBUG !== void 0 ? PANEL_TREE_DEBUG : console.debug(`Begin dragging, handle data: ${JSON.stringify(data)}`);
+            panel_tree_constants_1.PANEL_TREE_DEBUG !== null && panel_tree_constants_1.PANEL_TREE_DEBUG !== void 0 ? panel_tree_constants_1.PANEL_TREE_DEBUG : console.debug(`Begin dragging, handle data: ${JSON.stringify(data)}`);
             const parentRect = parentPanel.getBoundingClientRect();
             if (dragEv) {
                 (_a = dragEv.dataTransfer) === null || _a === void 0 ? void 0 : _a.setDragImage(parentPanel, dragEv.clientX - parentRect.left, dragEv.clientY - parentRect.top);
@@ -45,15 +48,16 @@ export class PanelTreeStore {
     /** The user has stopped dragging a handle of a panel */
     onEndDraggingHandle(ev, data, remove) {
         ev.stopImmediatePropagation();
-        const { dragEv, touchEv } = PTUtils.dragOrTouch(ev);
+        const { dragEv, touchEv } = panel_tree_utils_1.PanelTreeUtils.dragOrTouch(ev);
         const isRecursive = this.isRecursive; // STORE.dropTargetPanel && STORE.draggedPanel?.contains(STORE.dropTargetPanel);
-        PANEL_TREE_DEBUG !== null && PANEL_TREE_DEBUG !== void 0 ? PANEL_TREE_DEBUG : console.debug(`End dragging, dropEffect: ${this.dropEffect}, handle data: ${JSON.stringify(data)}`);
+        panel_tree_constants_1.PANEL_TREE_DEBUG !== null && panel_tree_constants_1.PANEL_TREE_DEBUG !== void 0 ? panel_tree_constants_1.PANEL_TREE_DEBUG : console.debug(`End dragging, dropEffect: ${this.dropEffect}, handle data: ${JSON.stringify(data)}`);
         if (this.dropEffect === "move") {
             if (this.dropTargetData !== data && !isRecursive) {
-                PANEL_TREE_DEBUG !== null && PANEL_TREE_DEBUG !== void 0 ? PANEL_TREE_DEBUG : console.debug(`Instruct tree to remove subtree: ${JSON.stringify(data)}`);
+                panel_tree_constants_1.PANEL_TREE_DEBUG !== null && panel_tree_constants_1.PANEL_TREE_DEBUG !== void 0 ? panel_tree_constants_1.PANEL_TREE_DEBUG : console.debug(`Instruct tree to remove subtree: ${JSON.stringify(data)}`);
                 remove === null || remove === void 0 ? void 0 : remove();
             }
         }
         this.isDragging = false;
     }
 }
+exports.PanelTreeStore = PanelTreeStore;

package/dist/esm/components/panel-tree/panel-tree-utils.js

@@ -1,14 +1,17 @@
-import { PANEL_TREE_PANEL_CLASS } from "./panel-tree-constants";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanelTreeUtils = void 0;
+const panel_tree_constants_1 = require("./panel-tree-constants");
 /**
  * Stateless utility functions used by the PanelTree component
  */
-export class PanelTreeUtils {
+class PanelTreeUtils {
     /** Find the first parent element of the given element that contains the CSS class for panel tree panels */
     static findParentPanel(handleEl) {
         const parent = handleEl.parentElement;
         if (!parent)
             return;
-        if (parent.classList.contains(PANEL_TREE_PANEL_CLASS))
+        if (parent.classList.contains(panel_tree_constants_1.PANEL_TREE_PANEL_CLASS))
             return parent;
         return this.findParentPanel(parent);
     }
@@ -53,3 +56,4 @@ export class PanelTreeUtils {
         }
     }
 }
+exports.PanelTreeUtils = PanelTreeUtils;

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

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

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

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