@yuneta/gobj-ui 7.10.0 → 7.10.2

package/dist/gobj-ui.cjs.js

@@ -18483,54 +18483,43 @@ function ac_show_schema(gobj, event, kw, src) {
 function build_delete_question(gobj, records) {
 	let desc = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "desc");
 	let impact = delete_impact(desc, records);
+	const ROW = "display:flex; align-items:baseline; gap:.35rem; flex-wrap:wrap;";
 	let lines = [];
 	let pkey = desc && desc.pkey || "id";
 	let one = impact.records === 1 && Array.isArray(records) ? records[0] : impact.records === 1 ? records : null;
 	if (one && one[pkey] !== void 0 && one[pkey] !== null) lines.push([
 		"p",
-		{ class: "DELETE_ASK_WHAT" },
-		[
-			[
-				"span",
-				{ i18n: "delete" },
-				(0, i18next.t)("delete")
-			],
-			[
-				"span",
-				{},
-				" "
-			],
-			[
-				"strong",
-				{},
-				String(one[pkey])
-			]
-		]
+		{
+			class: "DELETE_ASK_WHAT",
+			style: ROW
+		},
+		[[
+			"span",
+			{ i18n: "delete" },
+			(0, i18next.t)("delete")
+		], [
+			"strong",
+			{},
+			String(one[pkey])
+		]]
 	]);
 	else lines.push([
 		"p",
-		{ class: "DELETE_ASK_WHAT" },
+		{
+			class: "DELETE_ASK_WHAT",
+			style: ROW
+		},
 		[
 			[
 				"span",
 				{ i18n: "delete" },
 				(0, i18next.t)("delete")
 			],
-			[
-				"span",
-				{},
-				" "
-			],
 			[
 				"strong",
 				{},
 				String(impact.records)
 			],
-			[
-				"span",
-				{},
-				" "
-			],
 			[
 				"span",
 				{ i18n: "records" },
@@ -18540,53 +18529,41 @@ function build_delete_question(gobj, records) {
 	]);
 	if (impact.children > 0) lines.push([
 		"p",
-		{ class: "DELETE_ASK_CHILDREN has-text-weight-semibold" },
-		[
-			[
-				"strong",
-				{},
-				String(impact.children)
-			],
-			[
-				"span",
-				{},
-				" "
-			],
-			[
-				"span",
-				{ i18n: "children will be unlinked, not deleted" },
-				(0, i18next.t)("children will be unlinked, not deleted")
-			]
-		]
+		{
+			class: "DELETE_ASK_CHILDREN has-text-weight-semibold",
+			style: ROW
+		},
+		[[
+			"strong",
+			{},
+			String(impact.children)
+		], [
+			"span",
+			{ i18n: "children will be unlinked, not deleted" },
+			(0, i18next.t)("children will be unlinked, not deleted", { count: impact.children })
+		]]
 	]);
 	if (impact.parents > 0) lines.push([
 		"p",
-		{ class: "DELETE_ASK_PARENTS" },
+		{
+			class: "DELETE_ASK_PARENTS",
+			style: ROW
+		},
 		[
 			[
 				"span",
 				{ i18n: "it will be detached from" },
 				(0, i18next.t)("it will be detached from")
 			],
-			[
-				"span",
-				{},
-				" "
-			],
 			[
 				"strong",
 				{},
 				String(impact.parents)
 			],
-			[
-				"span",
-				{},
-				" "
-			],
 			[
 				"span",
 				{ i18n: "parents" },
-				(0, i18next.t)("parents")
+				(0, i18next.t)("parents", { count: impact.parents })
 			]
 		]
 	]);
@@ -56669,8 +56646,8 @@ function show_delete_confirm(gobj, nodeData) {
 	let topic_name = nodeData.data.desc.topic_name;
 	let impact = delete_impact(nodeData.data.desc, record);
 	let question = (0, i18next.t)("delete") + " " + topic_name + ": " + record.id + "?";
-	if (impact.children > 0) question += "\n" + impact.children + " " + (0, i18next.t)("children will be unlinked, not deleted");
-	if (impact.parents > 0) question += "\n" + (0, i18next.t)("it will be detached from") + " " + impact.parents + " " + (0, i18next.t)("parents");
+	if (impact.children > 0) question += "\n" + impact.children + " " + (0, i18next.t)("children will be unlinked, not deleted", { count: impact.children });
+	if (impact.parents > 0) question += "\n" + (0, i18next.t)("it will be detached from") + " " + impact.parents + " " + (0, i18next.t)("parents", { count: impact.parents });
 	show_confirm_popover(gobj, priv._node_delete_el, question, "delete", "#ff4d4f", () => execute_delete_node(gobj, nodeData), "_delete_confirm_el");
 }
 function hide_delete_confirm(gobj) {

package/dist/gobj-ui.es.js

@@ -18478,54 +18478,43 @@ function ac_show_schema(gobj, event, kw, src) {
 function build_delete_question(gobj, records) {
 	let desc = gobj_read_attr(gobj, "desc");
 	let impact = delete_impact(desc, records);
+	const ROW = "display:flex; align-items:baseline; gap:.35rem; flex-wrap:wrap;";
 	let lines = [];
 	let pkey = desc && desc.pkey || "id";
 	let one = impact.records === 1 && Array.isArray(records) ? records[0] : impact.records === 1 ? records : null;
 	if (one && one[pkey] !== void 0 && one[pkey] !== null) lines.push([
 		"p",
-		{ class: "DELETE_ASK_WHAT" },
-		[
-			[
-				"span",
-				{ i18n: "delete" },
-				t("delete")
-			],
-			[
-				"span",
-				{},
-				" "
-			],
-			[
-				"strong",
-				{},
-				String(one[pkey])
-			]
-		]
+		{
+			class: "DELETE_ASK_WHAT",
+			style: ROW
+		},
+		[[
+			"span",
+			{ i18n: "delete" },
+			t("delete")
+		], [
+			"strong",
+			{},
+			String(one[pkey])
+		]]
 	]);
 	else lines.push([
 		"p",
-		{ class: "DELETE_ASK_WHAT" },
+		{
+			class: "DELETE_ASK_WHAT",
+			style: ROW
+		},
 		[
 			[
 				"span",
 				{ i18n: "delete" },
 				t("delete")
 			],
-			[
-				"span",
-				{},
-				" "
-			],
 			[
 				"strong",
 				{},
 				String(impact.records)
 			],
-			[
-				"span",
-				{},
-				" "
-			],
 			[
 				"span",
 				{ i18n: "records" },
@@ -18535,53 +18524,41 @@ function build_delete_question(gobj, records) {
 	]);
 	if (impact.children > 0) lines.push([
 		"p",
-		{ class: "DELETE_ASK_CHILDREN has-text-weight-semibold" },
-		[
-			[
-				"strong",
-				{},
-				String(impact.children)
-			],
-			[
-				"span",
-				{},
-				" "
-			],
-			[
-				"span",
-				{ i18n: "children will be unlinked, not deleted" },
-				t("children will be unlinked, not deleted")
-			]
-		]
+		{
+			class: "DELETE_ASK_CHILDREN has-text-weight-semibold",
+			style: ROW
+		},
+		[[
+			"strong",
+			{},
+			String(impact.children)
+		], [
+			"span",
+			{ i18n: "children will be unlinked, not deleted" },
+			t("children will be unlinked, not deleted", { count: impact.children })
+		]]
 	]);
 	if (impact.parents > 0) lines.push([
 		"p",
-		{ class: "DELETE_ASK_PARENTS" },
+		{
+			class: "DELETE_ASK_PARENTS",
+			style: ROW
+		},
 		[
 			[
 				"span",
 				{ i18n: "it will be detached from" },
 				t("it will be detached from")
 			],
-			[
-				"span",
-				{},
-				" "
-			],
 			[
 				"strong",
 				{},
 				String(impact.parents)
 			],
-			[
-				"span",
-				{},
-				" "
-			],
 			[
 				"span",
 				{ i18n: "parents" },
-				t("parents")
+				t("parents", { count: impact.parents })
 			]
 		]
 	]);
@@ -56656,8 +56633,8 @@ function show_delete_confirm(gobj, nodeData) {
 	let topic_name = nodeData.data.desc.topic_name;
 	let impact = delete_impact(nodeData.data.desc, record);
 	let question = t("delete") + " " + topic_name + ": " + record.id + "?";
-	if (impact.children > 0) question += "\n" + impact.children + " " + t("children will be unlinked, not deleted");
-	if (impact.parents > 0) question += "\n" + t("it will be detached from") + " " + impact.parents + " " + t("parents");
+	if (impact.children > 0) question += "\n" + impact.children + " " + t("children will be unlinked, not deleted", { count: impact.children });
+	if (impact.parents > 0) question += "\n" + t("it will be detached from") + " " + impact.parents + " " + t("parents", { count: impact.parents });
 	show_confirm_popover(gobj, priv._node_delete_el, question, "delete", "#ff4d4f", () => execute_delete_node(gobj, nodeData), "_delete_confirm_el");
 }
 function hide_delete_confirm(gobj) {

package/package.json

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

package/src/c_g6_nodes_tree.js

@@ -5012,11 +5012,11 @@ function show_delete_confirm(gobj, nodeData)
     let question = t('delete') + ' ' + topic_name + ': ' + record.id + '?';
     if(impact.children > 0) {
         question += '\n' + impact.children + ' ' +
-                    t('children will be unlinked, not deleted');
+                    t('children will be unlinked, not deleted', {count: impact.children});
     }
     if(impact.parents > 0) {
         question += '\n' + t('it will be detached from') + ' ' +
-                    impact.parents + ' ' + t('parents');
+                    impact.parents + ' ' + t('parents', {count: impact.parents});
     }
 
     show_confirm_popover(gobj, priv._node_delete_el,

package/src/c_yui_treedb_topic_with_form.js

@@ -3040,6 +3040,11 @@ function build_delete_question(gobj, records)
     let desc = gobj_read_attr(gobj, "desc");
     let impact = delete_impact(desc, records);
 
+    /*  Every line is a flex row with a GAP, and the words carry no spaces of
+     *  their own: `createElement2` TRIMS text nodes, so a `["span", {}, " "]`
+     *  separator vanishes and the question reads "BorrarDeveloper". Spacing
+     *  is CSS here, as it has to be anywhere text is composed from keys. */
+    const ROW = "display:flex; align-items:baseline; gap:.35rem; flex-wrap:wrap;";
     let lines = [];
 
     /*  What is being deleted: one named record, or how many. */
@@ -3047,17 +3052,14 @@ function build_delete_question(gobj, records)
     let one = (impact.records === 1 && Array.isArray(records))? records[0] :
               (impact.records === 1? records : null);
     if(one && one[pkey] !== undefined && one[pkey] !== null) {
-        lines.push(["p", {class: "DELETE_ASK_WHAT"}, [
+        lines.push(["p", {class: "DELETE_ASK_WHAT", style: ROW}, [
             ["span", {i18n: "delete"}, t("delete")],
-            ["span", {}, " "],
             ["strong", {}, String(one[pkey])]
         ]]);
     } else {
-        lines.push(["p", {class: "DELETE_ASK_WHAT"}, [
+        lines.push(["p", {class: "DELETE_ASK_WHAT", style: ROW}, [
             ["span", {i18n: "delete"}, t("delete")],
-            ["span", {}, " "],
             ["strong", {}, String(impact.records)],
-            ["span", {}, " "],
             ["span", {i18n: "records"}, t("records")]
         ]]);
     }
@@ -3065,20 +3067,23 @@ function build_delete_question(gobj, records)
     /*  What goes with it. Said only when there IS something: a loose
      *  record must not be dressed up as a dangerous one. */
     if(impact.children > 0) {
-        lines.push(["p", {class: "DELETE_ASK_CHILDREN has-text-weight-semibold"}, [
+        lines.push(["p", {class: "DELETE_ASK_CHILDREN has-text-weight-semibold",
+                          style: ROW}, [
             ["strong", {}, String(impact.children)],
-            ["span", {}, " "],
+            /*  `count` picks the singular: i18next looks for the `_one`
+             *  variant and falls back to the base key for the plural, so
+             *  the validator still sees a key it can find. Safe against a
+             *  language switch because this is a MODAL — a dialog with a
+             *  backdrop never sees one; the language button is behind it. */
             ["span", {i18n: "children will be unlinked, not deleted"},
-                t("children will be unlinked, not deleted")]
+                t("children will be unlinked, not deleted", {count: impact.children})]
         ]]);
     }
     if(impact.parents > 0) {
-        lines.push(["p", {class: "DELETE_ASK_PARENTS"}, [
+        lines.push(["p", {class: "DELETE_ASK_PARENTS", style: ROW}, [
             ["span", {i18n: "it will be detached from"}, t("it will be detached from")],
-            ["span", {}, " "],
             ["strong", {}, String(impact.parents)],
-            ["span", {}, " "],
-            ["span", {i18n: "parents"}, t("parents")]
+            ["span", {i18n: "parents"}, t("parents", {count: impact.parents})]
         ]]);
     }