@yuneta/gobj-ui 7.26.30 → 7.26.32

package/dist/gobj-ui.cjs.js

@@ -4050,7 +4050,7 @@ var MOBILE_MAX = 768;
 ***************************************************************/
 var attrs_table$21 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
-	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "$parent", 0, null, "$container will be appended to $parent if not null, else to document.body"),
+	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "$parent", 0, null, "$container will be appended to $parent if not null, else to the overlay layer of the shell (document.body when there is none)"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_INTEGER, "x", 0, "300", "X position"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_INTEGER, "y", 0, "100", "Y position"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_INTEGER, "width", 0, "700", "Width of the window"),
@@ -4545,8 +4545,8 @@ function build_ui$18(gobj) {
 	}
 	(0, _yuneta_gobj_js.refresh_language)($container, i18next.t);
 	let $parent = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "$parent");
-	if ($parent) $parent.appendChild($container);
-	else document.body.appendChild($container);
+	if (!$parent) $parent = default_parent(gobj);
+	$parent.appendChild($container);
 	if ((0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "openMaximized")) max$2(gobj);
 	else if (!mobile) {
 		if ((0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "content_size")) $container.style.height = "auto";
@@ -4632,6 +4632,30 @@ function close_window(gobj) {
 	};
 }
 /************************************************************
+*  Where a window lives when its host names no `$parent`: the
+*  OVERLAY layer of the shell -- above the content, below the
+*  toolbar's dropdowns, the dialogs and the toasts.
+*
+*  It used to be document.body, and that put every window above
+*  the WHOLE shell: `.yui-shell` is position:fixed, a stacking
+*  context of its own, so the z-index of its modal layer (99)
+*  counted only inside it, and a window at z-index 11 on the body
+*  covered it. The confirmation a window's own close asks ("all
+*  changes will be lost") opened UNDER the window that asked it,
+*  where no click could reach it; a toast, a dropdown of the
+*  toolbar, any dialog opened with a window on screen, the same.
+*
+*  Inside the layer the dock's z-index still orders the windows
+*  among themselves. No shell (a page with windows and no shell):
+*  the body, as before.
+************************************************************/
+function default_parent(gobj) {
+	let shell = yui_shell_of(gobj);
+	let layers = shell && shell.priv && shell.priv.layers;
+	if (layers && layers.overlay) return layers.overlay;
+	return document.body;
+}
+/************************************************************
 *
 ************************************************************/
 function toggle(gobj) {
@@ -6734,7 +6758,9 @@ function yui_tabulator_name_filters(table, t) {
 			let $title = $el.querySelector(".tabulator-col-title");
 			if (!title && $title) title = $title.textContent.trim();
 			if (!title) continue;
-			$input.setAttribute("aria-label", t("filter by column", { column: title }));
+			let name = t("filter by column", { column: title });
+			$input.setAttribute("aria-label", name);
+			$input.setAttribute("title", name);
 		}
 	} catch (e) {}
 }
@@ -6765,6 +6791,8 @@ function yui_tabulator_name_row_selects(table, t) {
 		for (let $box of boxes) {
 			$box.setAttribute("aria-label", t("select row"));
 			$box.setAttribute("data-i18n-aria-label", "select row");
+			$box.setAttribute("title", t("select row"));
+			$box.setAttribute("data-i18n-title", "select row");
 		}
 	} catch (e) {}
 }
@@ -9163,11 +9191,19 @@ function name_form_control$1($field, conf) {
 		$control.setAttribute("aria-label", (0, i18next.t)(key));
 		$control.setAttribute("data-i18n-aria-label", key);
 	}
+	if ($control && !$control.getAttribute("title")) {
+		$control.setAttribute("title", (0, i18next.t)(key));
+		$control.setAttribute("data-i18n-title", key);
+	}
 	let $ts = $field.querySelector(".ts-control input");
 	if ($ts && !$ts.getAttribute("aria-label")) {
 		$ts.setAttribute("aria-label", (0, i18next.t)(key));
 		$ts.setAttribute("data-i18n-aria-label", key);
 	}
+	if ($ts && !$ts.getAttribute("title")) {
+		$ts.setAttribute("title", (0, i18next.t)(key));
+		$ts.setAttribute("data-i18n-title", key);
+	}
 	let $clear = $field.querySelector(".ts-wrapper .clear-button");
 	if ($clear) {
 		const CLEAR_KEY = "remove all selected options";
@@ -10257,6 +10293,8 @@ function create_coordinates(gobj, attrs) {
 					type: "text",
 					placeholder: (0, i18next.t)("coordinates..."),
 					"data-i18n-placeholder": "coordinates...",
+					title: (0, i18next.t)("coordinates"),
+					"data-i18n-title": "coordinates",
 					"aria-label": (0, i18next.t)("coordinates"),
 					"data-i18n-aria-label": "coordinates"
 				},
@@ -27152,12 +27190,14 @@ function answer_print_tranger_refused$1(gobj, path, answer) {
 }
 /************************************************************
 *  The text of a transport's refusal: gobj_command() answers a string,
-*  a command response or a number.
+*  a command response or a number. Data only ("" when it says
+*  nothing): the caller writes its own key as the fallback, where
+*  validate-locales reads it.
 ************************************************************/
 function refusal_text$1(ret) {
 	if (typeof ret === "string" && ret) return ret;
 	if (ret && typeof ret === "object" && typeof ret.comment === "string" && ret.comment) return ret.comment;
-	return "print-tranger failed";
+	return "";
 }
 /************************************************************
 *  The whole tranger, for the raw-json viewer.
@@ -27185,7 +27225,7 @@ function request_print_tranger$1(gobj, path) {
 	}, gobj);
 	if (ret) {
 		(0, _yuneta_gobj_js.log_error)(ret);
-		answer_print_tranger_refused$1(gobj, path, { error: refusal_text$1(ret) });
+		answer_print_tranger_refused$1(gobj, path, { error: refusal_text$1(ret) || "print-tranger failed" });
 		return;
 	}
 	if (path) priv.drills_in_flight.add(path);
@@ -28326,8 +28366,8 @@ function yui_clear_selection(tabulator) {
 *      through `refresh_language()`. Call it on EV_LANGUAGE_CHANGED.
 ***************************************************************/
 function yui_selection_bar(t, opts) {
-	let o = opts || {};
-	let actions = Array.isArray(o.actions) ? o.actions : [];
+	const o = opts || {};
+	const actions = Array.isArray(o.actions) ? o.actions : [];
 	let name = o.name || "TABLE";
 	let count = 0;
 	let $count = (0, _yuneta_gobj_js.createElement2)([
@@ -28354,7 +28394,6 @@ function yui_selection_bar(t, opts) {
 			]],
 			{ click: action.on_click }
 		]);
-		$b._yui_label = action.label || "";
 		$buttons.push($b);
 	}
 	let $clear = (0, _yuneta_gobj_js.createElement2)([
@@ -28387,15 +28426,18 @@ function yui_selection_bar(t, opts) {
 	function label_of($b) {
 		return $b.querySelector("span.icon ~ span");
 	}
+	function paint_label($b, key) {
+		let $label = label_of($b);
+		if ($label && key) $label.textContent = t(key);
+		$b.title = key ? t(key) : "";
+		$b.setAttribute("aria-label", $b.title);
+	}
 	function refresh() {
 		$count.textContent = t("{{n}} selected", { n: count });
-		for (let $b of $buttons.concat([$clear])) {
-			let $label = label_of($b);
-			const key = $b === $clear ? "clear selection" : $b._yui_label;
-			if ($label && key) $label.textContent = t(key);
-			$b.title = key ? t(key) : "";
-			$b.setAttribute("aria-label", $b.title);
-		}
+		actions.forEach((action, i) => {
+			paint_label($buttons[i], action.label || "");
+		});
+		paint_label($clear, "clear selection");
 		$el.classList.toggle("is-hidden", count <= 0);
 	}
 	function set_count(n) {
@@ -71240,12 +71282,14 @@ function answer_print_tranger_refused(gobj, path, answer) {
 }
 /************************************************************
 *  The text of a transport's refusal: gobj_command() answers a string,
-*  a command response or a number.
+*  a command response or a number. Data only ("" when it says
+*  nothing): the caller writes its own key as the fallback, where
+*  validate-locales reads it.
 ************************************************************/
 function refusal_text(ret) {
 	if (typeof ret === "string" && ret) return ret;
 	if (ret && typeof ret === "object" && typeof ret.comment === "string" && ret.comment) return ret.comment;
-	return "print-tranger failed";
+	return "";
 }
 /************************************************************
 *  Fetch the treedb's raw tranger (or one subtree when `path` is set) as
@@ -71274,7 +71318,7 @@ function request_print_tranger(gobj, path) {
 	}, gobj);
 	if (ret) {
 		(0, _yuneta_gobj_js.log_error)(ret);
-		answer_print_tranger_refused(gobj, path, { error: refusal_text(ret) });
+		answer_print_tranger_refused(gobj, path, { error: refusal_text(ret) || "print-tranger failed" });
 		return;
 	}
 	if (path) priv.drills_in_flight.add(path);

package/dist/gobj-ui.es.js

@@ -4045,7 +4045,7 @@ var MOBILE_MAX = 768;
 ***************************************************************/
 var attrs_table$21 = [
 	SDATA(data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
-	SDATA(data_type_t.DTP_POINTER, "$parent", 0, null, "$container will be appended to $parent if not null, else to document.body"),
+	SDATA(data_type_t.DTP_POINTER, "$parent", 0, null, "$container will be appended to $parent if not null, else to the overlay layer of the shell (document.body when there is none)"),
 	SDATA(data_type_t.DTP_INTEGER, "x", 0, "300", "X position"),
 	SDATA(data_type_t.DTP_INTEGER, "y", 0, "100", "Y position"),
 	SDATA(data_type_t.DTP_INTEGER, "width", 0, "700", "Width of the window"),
@@ -4540,8 +4540,8 @@ function build_ui$18(gobj) {
 	}
 	refresh_language($container, t);
 	let $parent = gobj_read_attr(gobj, "$parent");
-	if ($parent) $parent.appendChild($container);
-	else document.body.appendChild($container);
+	if (!$parent) $parent = default_parent(gobj);
+	$parent.appendChild($container);
 	if (gobj_read_bool_attr(gobj, "openMaximized")) max$2(gobj);
 	else if (!mobile) {
 		if (gobj_read_bool_attr(gobj, "content_size")) $container.style.height = "auto";
@@ -4627,6 +4627,30 @@ function close_window(gobj) {
 	};
 }
 /************************************************************
+*  Where a window lives when its host names no `$parent`: the
+*  OVERLAY layer of the shell -- above the content, below the
+*  toolbar's dropdowns, the dialogs and the toasts.
+*
+*  It used to be document.body, and that put every window above
+*  the WHOLE shell: `.yui-shell` is position:fixed, a stacking
+*  context of its own, so the z-index of its modal layer (99)
+*  counted only inside it, and a window at z-index 11 on the body
+*  covered it. The confirmation a window's own close asks ("all
+*  changes will be lost") opened UNDER the window that asked it,
+*  where no click could reach it; a toast, a dropdown of the
+*  toolbar, any dialog opened with a window on screen, the same.
+*
+*  Inside the layer the dock's z-index still orders the windows
+*  among themselves. No shell (a page with windows and no shell):
+*  the body, as before.
+************************************************************/
+function default_parent(gobj) {
+	let shell = yui_shell_of(gobj);
+	let layers = shell && shell.priv && shell.priv.layers;
+	if (layers && layers.overlay) return layers.overlay;
+	return document.body;
+}
+/************************************************************
 *
 ************************************************************/
 function toggle(gobj) {
@@ -6729,7 +6753,9 @@ function yui_tabulator_name_filters(table, t) {
 			let $title = $el.querySelector(".tabulator-col-title");
 			if (!title && $title) title = $title.textContent.trim();
 			if (!title) continue;
-			$input.setAttribute("aria-label", t("filter by column", { column: title }));
+			let name = t("filter by column", { column: title });
+			$input.setAttribute("aria-label", name);
+			$input.setAttribute("title", name);
 		}
 	} catch (e) {}
 }
@@ -6760,6 +6786,8 @@ function yui_tabulator_name_row_selects(table, t) {
 		for (let $box of boxes) {
 			$box.setAttribute("aria-label", t("select row"));
 			$box.setAttribute("data-i18n-aria-label", "select row");
+			$box.setAttribute("title", t("select row"));
+			$box.setAttribute("data-i18n-title", "select row");
 		}
 	} catch (e) {}
 }
@@ -9158,11 +9186,19 @@ function name_form_control$1($field, conf) {
 		$control.setAttribute("aria-label", t(key));
 		$control.setAttribute("data-i18n-aria-label", key);
 	}
+	if ($control && !$control.getAttribute("title")) {
+		$control.setAttribute("title", t(key));
+		$control.setAttribute("data-i18n-title", key);
+	}
 	let $ts = $field.querySelector(".ts-control input");
 	if ($ts && !$ts.getAttribute("aria-label")) {
 		$ts.setAttribute("aria-label", t(key));
 		$ts.setAttribute("data-i18n-aria-label", key);
 	}
+	if ($ts && !$ts.getAttribute("title")) {
+		$ts.setAttribute("title", t(key));
+		$ts.setAttribute("data-i18n-title", key);
+	}
 	let $clear = $field.querySelector(".ts-wrapper .clear-button");
 	if ($clear) {
 		const CLEAR_KEY = "remove all selected options";
@@ -10252,6 +10288,8 @@ function create_coordinates(gobj, attrs) {
 					type: "text",
 					placeholder: t("coordinates..."),
 					"data-i18n-placeholder": "coordinates...",
+					title: t("coordinates"),
+					"data-i18n-title": "coordinates",
 					"aria-label": t("coordinates"),
 					"data-i18n-aria-label": "coordinates"
 				},
@@ -27147,12 +27185,14 @@ function answer_print_tranger_refused$1(gobj, path, answer) {
 }
 /************************************************************
 *  The text of a transport's refusal: gobj_command() answers a string,
-*  a command response or a number.
+*  a command response or a number. Data only ("" when it says
+*  nothing): the caller writes its own key as the fallback, where
+*  validate-locales reads it.
 ************************************************************/
 function refusal_text$1(ret) {
 	if (typeof ret === "string" && ret) return ret;
 	if (ret && typeof ret === "object" && typeof ret.comment === "string" && ret.comment) return ret.comment;
-	return "print-tranger failed";
+	return "";
 }
 /************************************************************
 *  The whole tranger, for the raw-json viewer.
@@ -27180,7 +27220,7 @@ function request_print_tranger$1(gobj, path) {
 	}, gobj);
 	if (ret) {
 		log_error(ret);
-		answer_print_tranger_refused$1(gobj, path, { error: refusal_text$1(ret) });
+		answer_print_tranger_refused$1(gobj, path, { error: refusal_text$1(ret) || "print-tranger failed" });
 		return;
 	}
 	if (path) priv.drills_in_flight.add(path);
@@ -28321,8 +28361,8 @@ function yui_clear_selection(tabulator) {
 *      through `refresh_language()`. Call it on EV_LANGUAGE_CHANGED.
 ***************************************************************/
 function yui_selection_bar(t, opts) {
-	let o = opts || {};
-	let actions = Array.isArray(o.actions) ? o.actions : [];
+	const o = opts || {};
+	const actions = Array.isArray(o.actions) ? o.actions : [];
 	let name = o.name || "TABLE";
 	let count = 0;
 	let $count = createElement2([
@@ -28349,7 +28389,6 @@ function yui_selection_bar(t, opts) {
 			]],
 			{ click: action.on_click }
 		]);
-		$b._yui_label = action.label || "";
 		$buttons.push($b);
 	}
 	let $clear = createElement2([
@@ -28382,15 +28421,18 @@ function yui_selection_bar(t, opts) {
 	function label_of($b) {
 		return $b.querySelector("span.icon ~ span");
 	}
+	function paint_label($b, key) {
+		let $label = label_of($b);
+		if ($label && key) $label.textContent = t(key);
+		$b.title = key ? t(key) : "";
+		$b.setAttribute("aria-label", $b.title);
+	}
 	function refresh() {
 		$count.textContent = t("{{n}} selected", { n: count });
-		for (let $b of $buttons.concat([$clear])) {
-			let $label = label_of($b);
-			const key = $b === $clear ? "clear selection" : $b._yui_label;
-			if ($label && key) $label.textContent = t(key);
-			$b.title = key ? t(key) : "";
-			$b.setAttribute("aria-label", $b.title);
-		}
+		actions.forEach((action, i) => {
+			paint_label($buttons[i], action.label || "");
+		});
+		paint_label($clear, "clear selection");
 		$el.classList.toggle("is-hidden", count <= 0);
 	}
 	function set_count(n) {
@@ -71235,12 +71277,14 @@ function answer_print_tranger_refused(gobj, path, answer) {
 }
 /************************************************************
 *  The text of a transport's refusal: gobj_command() answers a string,
-*  a command response or a number.
+*  a command response or a number. Data only ("" when it says
+*  nothing): the caller writes its own key as the fallback, where
+*  validate-locales reads it.
 ************************************************************/
 function refusal_text(ret) {
 	if (typeof ret === "string" && ret) return ret;
 	if (ret && typeof ret === "object" && typeof ret.comment === "string" && ret.comment) return ret.comment;
-	return "print-tranger failed";
+	return "";
 }
 /************************************************************
 *  Fetch the treedb's raw tranger (or one subtree when `path` is set) as
@@ -71269,7 +71313,7 @@ function request_print_tranger(gobj, path) {
 	}, gobj);
 	if (ret) {
 		log_error(ret);
-		answer_print_tranger_refused(gobj, path, { error: refusal_text(ret) });
+		answer_print_tranger_refused(gobj, path, { error: refusal_text(ret) || "print-tranger failed" });
 		return;
 	}
 	if (path) priv.drills_in_flight.add(path);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuneta/gobj-ui",
-  "version": "7.26.30",
+  "version": "7.26.32",
   "type": "module",
   "main": "dist/gobj-ui.cjs.js",
   "module": "dist/gobj-ui.es.js",