@schukai/monster 3.112.0 → 3.112.2

package/source/components/time/timeline/item.mjs

@@ -12,173 +12,181 @@
 
 import { ID } from "../../../types/id.mjs";
 import { isArray } from "../../../types/is.mjs";
-import {BaseWithOptions} from "../../../types/basewithoptions.mjs";
+import { BaseWithOptions } from "../../../types/basewithoptions.mjs";
 
 const AppointmentType = {
-    TODO: "todo",
-    TASK: "task",
-    MILESTONE: "milestone",
-    EVENT: "event",
-    REMINDER: "reminder",
-    MEETING: "meeting",
-    CALL: "call",
-    APPOINTMENT: "appointment",
-    DEADLINE: "deadline",
-    BIRTHDAY: "birthday",
-    ANNIVERSARY: "anniversary",
-    HOLIDAY: "holiday",
-    VACATION: "vacation",
-    SICKDAY: "sickday",
-    OOO: "ooo",
-    CUSTOM: "custom"
+	TODO: "todo",
+	TASK: "task",
+	MILESTONE: "milestone",
+	EVENT: "event",
+	REMINDER: "reminder",
+	MEETING: "meeting",
+	CALL: "call",
+	APPOINTMENT: "appointment",
+	DEADLINE: "deadline",
+	BIRTHDAY: "birthday",
+	ANNIVERSARY: "anniversary",
+	HOLIDAY: "holiday",
+	VACATION: "vacation",
+	SICKDAY: "sickday",
+	OOO: "ooo",
+	CUSTOM: "custom",
 };
 
 class Item extends BaseWithOptions {
-    /**
-     * Creates a new Item.
-     *
-     * @param {Object} params - Parameters for creating the item.
-     * @param {string} [params.id] - Optional ID. If not provided, one will be generated.
-     * @param {string} params.title - Title of the item.
-     * @param {string} params.type - Type of the item (must be one of AppointmentType values).
-     * @param {string|Date} params.startDate - Start date/time.
-     * @param {string|Date} params.endDate - End date/time.
-     * @param {string} [params.description=""] - Optional description.
-     * @param {string|string[]} [params.userIds=[]] - One or more user IDs associated with this item.
-     * @throws {Error} If type is invalid or dates are not valid or startDate is after endDate.
-     */
-    constructor({ id, title, type, startDate, endDate, description = "", userIds = [] }) {
-        // Validate item type
-        if (!Object.values(AppointmentType).includes(type)) {
-            throw new Error(`Invalid appointment type: ${type}`);
-        }
+	/**
+	 * Creates a new Item.
+	 *
+	 * @param {Object} params - Parameters for creating the item.
+	 * @param {string} [params.id] - Optional ID. If not provided, one will be generated.
+	 * @param {string} params.title - Title of the item.
+	 * @param {string} params.type - Type of the item (must be one of AppointmentType values).
+	 * @param {string|Date} params.startDate - Start date/time.
+	 * @param {string|Date} params.endDate - End date/time.
+	 * @param {string} [params.description=""] - Optional description.
+	 * @param {string|string[]} [params.userIds=[]] - One or more user IDs associated with this item.
+	 * @throws {Error} If type is invalid or dates are not valid or startDate is after endDate.
+	 */
+	constructor({
+		id,
+		title,
+		type,
+		startDate,
+		endDate,
+		description = "",
+		userIds = [],
+	}) {
+		// Validate item type
+		if (!Object.values(AppointmentType).includes(type)) {
+			throw new Error(`Invalid appointment type: ${type}`);
+		}
 
-        // Convert startDate and endDate to Date objects
-        this.startDate = new Date(startDate);
-        this.endDate = new Date(endDate);
-        if (isNaN(this.startDate.getTime()) || isNaN(this.endDate.getTime())) {
-            throw new Error("Invalid start or end date");
-        }
-        // Ensure startDate is not after endDate
-        if (this.startDate > this.endDate) {
-            throw new Error("Start date cannot be after end date");
-        }
+		// Convert startDate and endDate to Date objects
+		this.startDate = new Date(startDate);
+		this.endDate = new Date(endDate);
+		if (isNaN(this.startDate.getTime()) || isNaN(this.endDate.getTime())) {
+			throw new Error("Invalid start or end date");
+		}
+		// Ensure startDate is not after endDate
+		if (this.startDate > this.endDate) {
+			throw new Error("Start date cannot be after end date");
+		}
 
-        // Initialize fields
-        this.id = id || new ID().toString();
-        this.title = title || "new appointment";
-        this.type = type || AppointmentType.CUSTOM;
-        this.description = description || "";
+		// Initialize fields
+		this.id = id || new ID().toString();
+		this.title = title || "new appointment";
+		this.type = type || AppointmentType.CUSTOM;
+		this.description = description || "";
 
-        // Ensure userIds is stored as an array
-        this.userIds = isArray(userIds) ? userIds : [userIds];
-    }
+		// Ensure userIds is stored as an array
+		this.userIds = isArray(userIds) ? userIds : [userIds];
+	}
 
-    /**
-     * Calculates the duration of the item in days.
-     *
-     * @returns {number} Duration in days.
-     */
-    getDurationInDays() {
-        const msPerDay = 1000 * 60 * 60 * 24;
-        return Math.ceil((this.endDate - this.startDate) / msPerDay);
-    }
+	/**
+	 * Calculates the duration of the item in days.
+	 *
+	 * @returns {number} Duration in days.
+	 */
+	getDurationInDays() {
+		const msPerDay = 1000 * 60 * 60 * 24;
+		return Math.ceil((this.endDate - this.startDate) / msPerDay);
+	}
 
-    /**
-     * Calculates the duration of the item in hours.
-     *
-     * @returns {number} Duration in hours.
-     */
-    getDurationInHours() {
-        const msPerHour = 1000 * 60 * 60;
-        return Math.ceil((this.endDate - this.startDate) / msPerHour);
-    }
+	/**
+	 * Calculates the duration of the item in hours.
+	 *
+	 * @returns {number} Duration in hours.
+	 */
+	getDurationInHours() {
+		const msPerHour = 1000 * 60 * 60;
+		return Math.ceil((this.endDate - this.startDate) / msPerHour);
+	}
 
-    /**
-     * Calculates the duration of the item in minutes.
-     *
-     * @returns {number} Duration in minutes.
-     */
-    getDurationInMinutes() {
-        const msPerMinute = 1000 * 60;
-        return Math.ceil((this.endDate - this.startDate) / msPerMinute);
-    }
+	/**
+	 * Calculates the duration of the item in minutes.
+	 *
+	 * @returns {number} Duration in minutes.
+	 */
+	getDurationInMinutes() {
+		const msPerMinute = 1000 * 60;
+		return Math.ceil((this.endDate - this.startDate) / msPerMinute);
+	}
 
-    /**
-     * Calculates the duration of the item in seconds.
-     *
-     * @returns {number} Duration in seconds.
-     */
-    getDurationInSeconds() {
-        const msPerSecond = 1000;
-        return Math.ceil((this.endDate - this.startDate) / msPerSecond);
-    }
+	/**
+	 * Calculates the duration of the item in seconds.
+	 *
+	 * @returns {number} Duration in seconds.
+	 */
+	getDurationInSeconds() {
+		const msPerSecond = 1000;
+		return Math.ceil((this.endDate - this.startDate) / msPerSecond);
+	}
 
-    /**
-     * Checks if the item is active on the specified date.
-     *
-     * @param {string|Date} date - The date to check.
-     * @returns {boolean} True if the item is active on the given date.
-     * @throws {Error} If the provided date is invalid.
-     */
-    isActiveOn(date) {
-        const d = new Date(date);
-        if (isNaN(d.getTime())) {
-            throw new Error("Invalid date");
-        }
-        return this.startDate <= d && this.endDate >= d;
-    }
+	/**
+	 * Checks if the item is active on the specified date.
+	 *
+	 * @param {string|Date} date - The date to check.
+	 * @returns {boolean} True if the item is active on the given date.
+	 * @throws {Error} If the provided date is invalid.
+	 */
+	isActiveOn(date) {
+		const d = new Date(date);
+		if (isNaN(d.getTime())) {
+			throw new Error("Invalid date");
+		}
+		return this.startDate <= d && this.endDate >= d;
+	}
 
-    /**
-     * Returns a JSON-compatible object representing the item.
-     *
-     * @returns {Object} JSON representation of the item.
-     */
-    toJSON() {
-        return {
-            id: this.id,
-            title: this.title,
-            type: this.type,
-            description: this.description,
-            userIds: this.userIds,
-            startDate: this.startDate.toISOString(),
-            endDate: this.endDate.toISOString()
-        };
-    }
+	/**
+	 * Returns a JSON-compatible object representing the item.
+	 *
+	 * @returns {Object} JSON representation of the item.
+	 */
+	toJSON() {
+		return {
+			id: this.id,
+			title: this.title,
+			type: this.type,
+			description: this.description,
+			userIds: this.userIds,
+			startDate: this.startDate.toISOString(),
+			endDate: this.endDate.toISOString(),
+		};
+	}
 
-    /**
-     * Creates a new Item instance from a JSON object.
-     *
-     * @param {Object} json - The JSON object.
-     * @param {string} json.id - The ID of the item.
-     * @param {string} json.title - The title of the item.
-     * @param {string} json.type - The type of the item.
-     * @param {string} json.startDate - The start date in ISO format.
-     * @param {string} json.endDate - The end date in ISO format.
-     * @param {string} [json.description=""] - The description of the item.
-     * @param {string|string[]} [json.userIds=[]] - One or more user IDs.
-     * @returns {Item} A new Item instance.
-     */
-    static fromJson(json) {
-        return new Item({
-            id: json.id,
-            title: json.title,
-            type: json.type,
-            startDate: json.startDate,
-            endDate: json.endDate,
-            description: json.description,
-            userIds: json.userIds
-        });
-    }
+	/**
+	 * Creates a new Item instance from a JSON object.
+	 *
+	 * @param {Object} json - The JSON object.
+	 * @param {string} json.id - The ID of the item.
+	 * @param {string} json.title - The title of the item.
+	 * @param {string} json.type - The type of the item.
+	 * @param {string} json.startDate - The start date in ISO format.
+	 * @param {string} json.endDate - The end date in ISO format.
+	 * @param {string} [json.description=""] - The description of the item.
+	 * @param {string|string[]} [json.userIds=[]] - One or more user IDs.
+	 * @returns {Item} A new Item instance.
+	 */
+	static fromJson(json) {
+		return new Item({
+			id: json.id,
+			title: json.title,
+			type: json.type,
+			startDate: json.startDate,
+			endDate: json.endDate,
+			description: json.description,
+			userIds: json.userIds,
+		});
+	}
 
-    /**
-     * Returns a readable string representation of the item.
-     *
-     * @returns {string} String representation of the item.
-     */
-    toString() {
-        return `[${this.type}] ${this.title} (${this.startDate.toLocaleString()} - ${this.endDate.toLocaleString()})`;
-    }
+	/**
+	 * Returns a readable string representation of the item.
+	 *
+	 * @returns {string} String representation of the item.
+	 */
+	toString() {
+		return `[${this.type}] ${this.title} (${this.startDate.toLocaleString()} - ${this.endDate.toLocaleString()})`;
+	}
 }
 
 export { Item, AppointmentType };

package/source/components/tree-menu/tree-menu.mjs

@@ -70,6 +70,12 @@ const controlElementSymbol = Symbol("controlElement");
  */
 const openEntryEventHandlerSymbol = Symbol("openEntryEventHandler");
 
+/**
+ * @private
+ * @type {symbol}
+ */
+const firstRunDoneSymbol = Symbol("firstRunDone");
+
 /**
  * TreeMenu
  *
@@ -161,23 +167,16 @@ class TreeMenu extends CustomElement {
 		});
 	}
 
-	/**
-	 *
-	 */
-	[initMethodSymbol]() {
-		super[initMethodSymbol]();
-	}
-
 	/**
 	 * @return {void}
 	 */
 	[assembleMethodSymbol]() {
 		super[assembleMethodSymbol]();
 
-		initControlReferences.call(this);
-		initEventHandler.call(this);
-		initObserver.call(this);
 		queueMicrotask(() => {
+			initControlReferences.call(this);
+			initEventHandler.call(this);
+			initObserver.call(this);
 			copyIconMap.call(this);
 		});
 	}
@@ -230,15 +229,15 @@ class TreeMenu extends CustomElement {
 
 		currentNode.click();
 
-		let intend = parseInt(currentNode.getAttribute(ATTRIBUTE_INTEND));
+		let intend = Number.parseInt(currentNode.getAttribute(ATTRIBUTE_INTEND));
 
 		if (intend > 0) {
 			const refSet = new Set();
 			let ref = currentNode.previousElementSibling;
-			while (ref && ref.hasAttribute(ATTRIBUTE_INTEND)) {
-				const i = parseInt(ref.getAttribute(ATTRIBUTE_INTEND));
+			while (ref?.hasAttribute(ATTRIBUTE_INTEND)) {
+				const i = Number.parseInt(ref.getAttribute(ATTRIBUTE_INTEND));
 
-				if (isNaN(i)) {
+				if (Number.isNaN(i)) {
 					break;
 				}
 
@@ -342,10 +341,10 @@ function initEventHandler() {
 			let intend = currentEntry.intend;
 			if (intend > 0) {
 				let ref = container.previousElementSibling;
-				while (ref && ref.hasAttribute(ATTRIBUTE_INTEND)) {
-					const i = parseInt(ref.getAttribute(ATTRIBUTE_INTEND));
+				while (ref?.hasAttribute(ATTRIBUTE_INTEND)) {
+					const i = Number.parseInt(ref.getAttribute(ATTRIBUTE_INTEND));
 
-					if (isNaN(i)) {
+					if (Number.isNaN(i)) {
 						break;
 					}
 
@@ -393,10 +392,10 @@ function initEventHandler() {
 				return a >= b;
 			};
 
-			while (ref && ref.hasAttribute(ATTRIBUTE_INTEND)) {
+			while (ref?.hasAttribute(ATTRIBUTE_INTEND)) {
 				const refIntend = ref.getAttribute(ATTRIBUTE_INTEND);
 
-				if (!cmp(parseInt(refIntend), childIntend)) {
+				if (!cmp(Number.parseInt(refIntend), childIntend)) {
 					if (refIntend === intend) {
 						break;
 					}
@@ -456,9 +455,26 @@ function importEntries() {
 
 	const selector = mappingOptions?.["selector"];
 
+	let filteredData;
+	if (this[firstRunDoneSymbol] !== true) {
+		filteredData = data.filter(
+			(entry) =>
+				!entry[parentKey] ||
+				entry[parentKey] === null ||
+				entry[parentKey] === undefined ||
+				entry[parentKey] === 0,
+		);
+		setTimeout(() => {
+			this[firstRunDoneSymbol] = true;
+			importEntries.call(this);
+		}, 0);
+	} else {
+		filteredData = data;
+	}
+
 	let nodes;
 	try {
-		nodes = buildTree(data, selector, id, parentKey, {
+		nodes = buildTree(filteredData, selector, id, parentKey, {
 			filter,
 			rootReferences,
 		});

package/source/monster.mjs

@@ -31,7 +31,7 @@ export * from "./components/content/viewer.mjs";
 export * from "./components/content/copy.mjs";
 export * from "./components/content/camera.mjs";
 export * from "./components/time/timeline/segment.mjs";
-export * from "./components/time/appointment.mjs";
+export * from "./components/time/timeline/item.mjs";
 export * from "./components/time/month-calendar.mjs";
 export * from "./components/form/message-state-button.mjs";
 export * from "./components/form/password.mjs";

package/source/types/version.mjs

@@ -156,7 +156,7 @@ function getMonsterVersion() {
 	}
 
 	/** don't touch, replaced by make with package.json version */
-	monsterVersion = new Version("3.111.0");
+	monsterVersion = new Version("3.112.0");
 
 	return monsterVersion;
 }

package/test/cases/monster.mjs

@@ -7,7 +7,7 @@ describe('Monster', function () {
         let monsterVersion
 
         /** don´t touch, replaced by make with package.json version */
-        monsterVersion = new Version("3.111.0")
+        monsterVersion = new Version("3.112.0")
 
         let m = getMonsterVersion();
 

package/test/web/test.html

@@ -9,8 +9,8 @@
 </head>
 <body>
 <div id="headline" style="display: flex;align-items: center;justify-content: center;flex-direction: column;">
-  <h1 style='margin-bottom: 0.1em;'>Monster 3.111.0</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Mi 5. Mär 13:29:26 CET 2025</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 3.112.0</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Sa 8. Mär 00:49:17 CET 2025</div>
 </div>
 <div id="mocha-errors"
      style="color: red;font-weight: bold;display: flex;align-items: center;justify-content: center;flex-direction: column;margin:20px;"></div>