@yuneta/gobj-ui 7.23.111 → 7.23.112

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/gobj-ui.cjs.js +36 -17
  2. package/dist/gobj-ui.es.js +36 -17
  3. package/package.json +1 -1
  4. package/src/c_yui_form.js +9 -6
  5. package/src/c_yui_nav.js +4 -1
  6. package/src/c_yui_treedb_topic_with_form.js +7 -1
  7. package/src/lib_maplibre.js +6 -0
package/dist/gobj-ui.cjs.js CHANGED
@@ -7012,8 +7012,10 @@ function toolbar_button$1(gobj, name) {
7012
7012
  "button",
7013
7013
  {
7014
7014
  class: "button p-1 button-save",
7015
- title: "save",
7016
- "aria-label": "save",
7015
+ title: (0, i18next.t)("save"),
7016
+ "data-i18n-title": "save",
7017
+ "aria-label": (0, i18next.t)("save"),
7018
+ "data-i18n-aria-label": "save",
7017
7019
  disabled: true
7018
7020
  },
7019
7021
  [[
@@ -7037,8 +7039,10 @@ function toolbar_button$1(gobj, name) {
7037
7039
  "button",
7038
7040
  {
7039
7041
  class: "button p-1 button-undo",
7040
- title: "undo",
7041
- "aria-label": "undo",
7042
+ title: (0, i18next.t)("undo"),
7043
+ "data-i18n-title": "undo",
7044
+ "aria-label": (0, i18next.t)("undo"),
7045
+ "data-i18n-aria-label": "undo",
7042
7046
  disabled: true
7043
7047
  },
7044
7048
  [[
@@ -7062,8 +7066,10 @@ function toolbar_button$1(gobj, name) {
7062
7066
  "button",
7063
7067
  {
7064
7068
  class: "button p-1 button-clear",
7065
- title: "clear",
7066
- "aria-label": "clear"
7069
+ title: (0, i18next.t)("clear"),
7070
+ "data-i18n-title": "clear",
7071
+ "aria-label": (0, i18next.t)("clear"),
7072
+ "data-i18n-aria-label": "clear"
7067
7073
  },
7068
7074
  [[
7069
7075
  "span",
@@ -7086,8 +7092,10 @@ function toolbar_button$1(gobj, name) {
7086
7092
  "button",
7087
7093
  {
7088
7094
  class: "button p-1 button-copy",
7089
- title: "copy",
7090
- "aria-label": "copy"
7095
+ title: (0, i18next.t)("copy"),
7096
+ "data-i18n-title": "copy",
7097
+ "aria-label": (0, i18next.t)("copy"),
7098
+ "data-i18n-aria-label": "copy"
7091
7099
  },
7092
7100
  [[
7093
7101
  "span",
@@ -7110,8 +7118,10 @@ function toolbar_button$1(gobj, name) {
7110
7118
  "button",
7111
7119
  {
7112
7120
  class: "button p-1 button-paste",
7113
- title: "paste",
7114
- "aria-label": "paste"
7121
+ title: (0, i18next.t)("paste"),
7122
+ "data-i18n-title": "paste",
7123
+ "aria-label": (0, i18next.t)("paste"),
7124
+ "data-i18n-aria-label": "paste"
7115
7125
  },
7116
7126
  [[
7117
7127
  "span",
@@ -8372,7 +8382,7 @@ function template2columns(gobj, columns, template, sub_elements) {
8372
8382
  column.editorParams = {
8373
8383
  format: "dd/MM/yyyy hh:mm",
8374
8384
  verticalNavigation: "table",
8375
- elementAttributes: { title: "slide bar to choose option" }
8385
+ elementAttributes: { title: (0, i18next.t)("slide bar to choose option") }
8376
8386
  };
8377
8387
  field_desc.real_type;
8378
8388
  break;
@@ -9314,7 +9324,9 @@ var EditControl = class {
9314
9324
  {
9315
9325
  class: "button is-small is-flex is-align-items-center is-justify-content-center",
9316
9326
  title: (0, i18next.t)("maplibre.drag_mark"),
9317
- "aria-label": (0, i18next.t)("maplibre.drag_mark")
9327
+ "data-i18n-title": "maplibre.drag_mark",
9328
+ "aria-label": (0, i18next.t)("maplibre.drag_mark"),
9329
+ "data-i18n-aria-label": "maplibre.drag_mark"
9318
9330
  },
9319
9331
  (0, _yuneta_gobj_js.parseSVG)(`
9320
9332
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="22" height="22" fill="#CCCCCC"><path d="M273 7c-9.4-9.4-24.6-9.4-33.9 0L167 79c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l31-31L232 232 81.9 232l31-31c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239c-9.4 9.4-9.4 24.6 0 33.9l72 72c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-31-31L232 280l0 150.1-31-31c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l72 72c9.4 9.4 24.6 9.4 33.9 0l72-72c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-31 31L280 280l150.1 0-31 31c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l72-72c9.4-9.4 9.4-24.6 0-33.9l-72-72c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l31 31L280 232l0-150.1 31 31c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L273 7z"/></svg>
@@ -9373,7 +9385,9 @@ var MarkerControl = class {
9373
9385
  {
9374
9386
  class: "button is-small is-flex is-align-items-center is-justify-content-center",
9375
9387
  title: (0, i18next.t)("maplibre.center_map"),
9376
- "aria-label": (0, i18next.t)("maplibre.center_map")
9388
+ "data-i18n-title": "maplibre.center_map",
9389
+ "aria-label": (0, i18next.t)("maplibre.center_map"),
9390
+ "data-i18n-aria-label": "maplibre.center_map"
9377
9391
  },
9378
9392
  (0, _yuneta_gobj_js.parseSVG)(`
9379
9393
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" width="22" height="22"><path d="M15 15C24.4 5.7 39.6 5.7 49 15l63 63L112 40c0-13.3 10.7-24 24-24s24 10.7 24 24l0 96c0 13.3-10.7 24-24 24l-96 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l38.1 0L15 49C5.7 39.6 5.7 24.4 15 15zM133.5 243.9C158.6 193.6 222.7 112 320 112s161.4 81.6 186.5 131.9c3.8 7.6 3.8 16.5 0 24.2C481.4 318.4 417.3 400 320 400s-161.4-81.6-186.5-131.9c-3.8-7.6-3.8-16.5 0-24.2zM320 320a64 64 0 1 0 0-128 64 64 0 1 0 0 128zM591 15c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-63 63 38.1 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-96 0c-13.3 0-24-10.7-24-24l0-96c0-13.3 10.7-24 24-24s24 10.7 24 24l0 38.1 63-63zM15 497c-9.4-9.4-9.4-24.6 0-33.9l63-63L40 400c-13.3 0-24-10.7-24-24s10.7-24 24-24l96 0c13.3 0 24 10.7 24 24l0 96c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-38.1L49 497c-9.4 9.4-24.6 9.4-33.9 0zm576 0l-63-63 0 38.1c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-96c0-13.3 10.7-24 24-24l96 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-38.1 0 63 63c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0z"/></svg>
@@ -9390,7 +9404,9 @@ var MarkerControl = class {
9390
9404
  {
9391
9405
  class: "button is-small is-flex is-align-items-center is-justify-content-center",
9392
9406
  title: (0, i18next.t)("maplibre.user_location"),
9393
- "aria-label": (0, i18next.t)("maplibre.user_location")
9407
+ "data-i18n-title": "maplibre.user_location",
9408
+ "aria-label": (0, i18next.t)("maplibre.user_location"),
9409
+ "data-i18n-aria-label": "maplibre.user_location"
9394
9410
  },
9395
9411
  (0, _yuneta_gobj_js.parseSVG)(`
9396
9412
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="22" height="22" fill="#CCCCCC"><path d="M256 0c17.7 0 32 14.3 32 32l0 34.7C368.4 80.1 431.9 143.6 445.3 224l34.7 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-34.7 0C431.9 368.4 368.4 431.9 288 445.3l0 34.7c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-34.7C143.6 431.9 80.1 368.4 66.7 288L32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l34.7 0C80.1 143.6 143.6 80.1 224 66.7L224 32c0-17.7 14.3-32 32-32zM128 256a128 128 0 1 0 256 0 128 128 0 1 0 -256 0zm128-80a80 80 0 1 1 0 160 80 80 0 1 1 0-160z"/></svg>
@@ -20538,8 +20554,10 @@ function render_tabs(gobj, items) {
20538
20554
  class: "icon is-small yui-nav-close ml-2",
20539
20555
  "data-close-item": it.id,
20540
20556
  role: "button",
20541
- "aria-label": "close",
20542
- title: "close"
20557
+ "aria-label": (0, i18next.t)("close"),
20558
+ "data-i18n-aria-label": "close",
20559
+ title: (0, i18next.t)("close"),
20560
+ "data-i18n-title": "close"
20543
20561
  },
20544
20562
  ["i", {
20545
20563
  class: "yi-xmark",
@@ -24987,7 +25005,8 @@ function create_tabulator(gobj) {
24987
25005
  }
24988
25006
  if (write_plan(gobj).in_row_icons) columns.push({
24989
25007
  field: "_operation",
24990
- title: "Op",
25008
+ title: "",
25009
+ titleFormatter: () => (0, i18next.t)("operations"),
24991
25010
  hozAlign: "center",
24992
25011
  frozen: "right",
24993
25012
  visible: false,
package/dist/gobj-ui.es.js CHANGED
@@ -7007,8 +7007,10 @@ function toolbar_button$1(gobj, name) {
7007
7007
  "button",
7008
7008
  {
7009
7009
  class: "button p-1 button-save",
7010
- title: "save",
7011
- "aria-label": "save",
7010
+ title: t("save"),
7011
+ "data-i18n-title": "save",
7012
+ "aria-label": t("save"),
7013
+ "data-i18n-aria-label": "save",
7012
7014
  disabled: true
7013
7015
  },
7014
7016
  [[
@@ -7032,8 +7034,10 @@ function toolbar_button$1(gobj, name) {
7032
7034
  "button",
7033
7035
  {
7034
7036
  class: "button p-1 button-undo",
7035
- title: "undo",
7036
- "aria-label": "undo",
7037
+ title: t("undo"),
7038
+ "data-i18n-title": "undo",
7039
+ "aria-label": t("undo"),
7040
+ "data-i18n-aria-label": "undo",
7037
7041
  disabled: true
7038
7042
  },
7039
7043
  [[
@@ -7057,8 +7061,10 @@ function toolbar_button$1(gobj, name) {
7057
7061
  "button",
7058
7062
  {
7059
7063
  class: "button p-1 button-clear",
7060
- title: "clear",
7061
- "aria-label": "clear"
7064
+ title: t("clear"),
7065
+ "data-i18n-title": "clear",
7066
+ "aria-label": t("clear"),
7067
+ "data-i18n-aria-label": "clear"
7062
7068
  },
7063
7069
  [[
7064
7070
  "span",
@@ -7081,8 +7087,10 @@ function toolbar_button$1(gobj, name) {
7081
7087
  "button",
7082
7088
  {
7083
7089
  class: "button p-1 button-copy",
7084
- title: "copy",
7085
- "aria-label": "copy"
7090
+ title: t("copy"),
7091
+ "data-i18n-title": "copy",
7092
+ "aria-label": t("copy"),
7093
+ "data-i18n-aria-label": "copy"
7086
7094
  },
7087
7095
  [[
7088
7096
  "span",
@@ -7105,8 +7113,10 @@ function toolbar_button$1(gobj, name) {
7105
7113
  "button",
7106
7114
  {
7107
7115
  class: "button p-1 button-paste",
7108
- title: "paste",
7109
- "aria-label": "paste"
7116
+ title: t("paste"),
7117
+ "data-i18n-title": "paste",
7118
+ "aria-label": t("paste"),
7119
+ "data-i18n-aria-label": "paste"
7110
7120
  },
7111
7121
  [[
7112
7122
  "span",
@@ -8367,7 +8377,7 @@ function template2columns(gobj, columns, template, sub_elements) {
8367
8377
  column.editorParams = {
8368
8378
  format: "dd/MM/yyyy hh:mm",
8369
8379
  verticalNavigation: "table",
8370
- elementAttributes: { title: "slide bar to choose option" }
8380
+ elementAttributes: { title: t("slide bar to choose option") }
8371
8381
  };
8372
8382
  field_desc.real_type;
8373
8383
  break;
@@ -9309,7 +9319,9 @@ var EditControl = class {
9309
9319
  {
9310
9320
  class: "button is-small is-flex is-align-items-center is-justify-content-center",
9311
9321
  title: t("maplibre.drag_mark"),
9312
- "aria-label": t("maplibre.drag_mark")
9322
+ "data-i18n-title": "maplibre.drag_mark",
9323
+ "aria-label": t("maplibre.drag_mark"),
9324
+ "data-i18n-aria-label": "maplibre.drag_mark"
9313
9325
  },
9314
9326
  parseSVG(`
9315
9327
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="22" height="22" fill="#CCCCCC"><path d="M273 7c-9.4-9.4-24.6-9.4-33.9 0L167 79c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l31-31L232 232 81.9 232l31-31c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239c-9.4 9.4-9.4 24.6 0 33.9l72 72c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-31-31L232 280l0 150.1-31-31c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l72 72c9.4 9.4 24.6 9.4 33.9 0l72-72c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-31 31L280 280l150.1 0-31 31c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l72-72c9.4-9.4 9.4-24.6 0-33.9l-72-72c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l31 31L280 232l0-150.1 31 31c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L273 7z"/></svg>
@@ -9368,7 +9380,9 @@ var MarkerControl = class {
9368
9380
  {
9369
9381
  class: "button is-small is-flex is-align-items-center is-justify-content-center",
9370
9382
  title: t("maplibre.center_map"),
9371
- "aria-label": t("maplibre.center_map")
9383
+ "data-i18n-title": "maplibre.center_map",
9384
+ "aria-label": t("maplibre.center_map"),
9385
+ "data-i18n-aria-label": "maplibre.center_map"
9372
9386
  },
9373
9387
  parseSVG(`
9374
9388
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" width="22" height="22"><path d="M15 15C24.4 5.7 39.6 5.7 49 15l63 63L112 40c0-13.3 10.7-24 24-24s24 10.7 24 24l0 96c0 13.3-10.7 24-24 24l-96 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l38.1 0L15 49C5.7 39.6 5.7 24.4 15 15zM133.5 243.9C158.6 193.6 222.7 112 320 112s161.4 81.6 186.5 131.9c3.8 7.6 3.8 16.5 0 24.2C481.4 318.4 417.3 400 320 400s-161.4-81.6-186.5-131.9c-3.8-7.6-3.8-16.5 0-24.2zM320 320a64 64 0 1 0 0-128 64 64 0 1 0 0 128zM591 15c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-63 63 38.1 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-96 0c-13.3 0-24-10.7-24-24l0-96c0-13.3 10.7-24 24-24s24 10.7 24 24l0 38.1 63-63zM15 497c-9.4-9.4-9.4-24.6 0-33.9l63-63L40 400c-13.3 0-24-10.7-24-24s10.7-24 24-24l96 0c13.3 0 24 10.7 24 24l0 96c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-38.1L49 497c-9.4 9.4-24.6 9.4-33.9 0zm576 0l-63-63 0 38.1c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-96c0-13.3 10.7-24 24-24l96 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-38.1 0 63 63c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0z"/></svg>
@@ -9385,7 +9399,9 @@ var MarkerControl = class {
9385
9399
  {
9386
9400
  class: "button is-small is-flex is-align-items-center is-justify-content-center",
9387
9401
  title: t("maplibre.user_location"),
9388
- "aria-label": t("maplibre.user_location")
9402
+ "data-i18n-title": "maplibre.user_location",
9403
+ "aria-label": t("maplibre.user_location"),
9404
+ "data-i18n-aria-label": "maplibre.user_location"
9389
9405
  },
9390
9406
  parseSVG(`
9391
9407
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="22" height="22" fill="#CCCCCC"><path d="M256 0c17.7 0 32 14.3 32 32l0 34.7C368.4 80.1 431.9 143.6 445.3 224l34.7 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-34.7 0C431.9 368.4 368.4 431.9 288 445.3l0 34.7c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-34.7C143.6 431.9 80.1 368.4 66.7 288L32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l34.7 0C80.1 143.6 143.6 80.1 224 66.7L224 32c0-17.7 14.3-32 32-32zM128 256a128 128 0 1 0 256 0 128 128 0 1 0 -256 0zm128-80a80 80 0 1 1 0 160 80 80 0 1 1 0-160z"/></svg>
@@ -20533,8 +20549,10 @@ function render_tabs(gobj, items) {
20533
20549
  class: "icon is-small yui-nav-close ml-2",
20534
20550
  "data-close-item": it.id,
20535
20551
  role: "button",
20536
- "aria-label": "close",
20537
- title: "close"
20552
+ "aria-label": t("close"),
20553
+ "data-i18n-aria-label": "close",
20554
+ title: t("close"),
20555
+ "data-i18n-title": "close"
20538
20556
  },
20539
20557
  ["i", {
20540
20558
  class: "yi-xmark",
@@ -24982,7 +25000,8 @@ function create_tabulator(gobj) {
24982
25000
  }
24983
25001
  if (write_plan(gobj).in_row_icons) columns.push({
24984
25002
  field: "_operation",
24985
- title: "Op",
25003
+ title: "",
25004
+ titleFormatter: () => t("operations"),
24986
25005
  hozAlign: "center",
24987
25006
  frozen: "right",
24988
25007
  visible: false,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yuneta/gobj-ui",
3
- "version": "7.23.111",
3
+ "version": "7.23.112",
4
4
  "type": "module",
5
5
  "main": "dist/gobj-ui.cjs.js",
6
6
  "module": "dist/gobj-ui.es.js",
package/src/c_yui_form.js CHANGED
@@ -347,7 +347,7 @@ function toolbar_button(gobj, name)
347
347
  {
348
348
  switch(name) {
349
349
  case "save":
350
- return ['button', {class: 'button p-1 button-save', title: 'save', 'aria-label': 'save', disabled: true}, [
350
+ return ['button', {class: 'button p-1 button-save', title: t('save'), 'data-i18n-title': 'save', 'aria-label': t('save'), 'data-i18n-aria-label': 'save', disabled: true}, [
351
351
  ['span', {class: 'icon m-0'}, '<i class="yi-floppy-disk"></i>'],
352
352
  ['span', {class: 'is-hidden-mobile pl-1 pr-1', i18n: 'save'}, 'save']
353
353
  ], {
@@ -357,7 +357,7 @@ function toolbar_button(gobj, name)
357
357
  }
358
358
  }];
359
359
  case "undo":
360
- return ['button', {class: 'button p-1 button-undo', title: 'undo', 'aria-label': 'undo', disabled: true}, [
360
+ return ['button', {class: 'button p-1 button-undo', title: t('undo'), 'data-i18n-title': 'undo', 'aria-label': t('undo'), 'data-i18n-aria-label': 'undo', disabled: true}, [
361
361
  ['span', {class: 'icon m-0'}, '<i class="yi-arrow-rotate-left"></i>'],
362
362
  ['span', {class: 'is-hidden-mobile pl-1 pr-1', i18n: 'undo'}, 'undo']
363
363
  ], {
@@ -367,7 +367,7 @@ function toolbar_button(gobj, name)
367
367
  }
368
368
  }];
369
369
  case "clear":
370
- return ['button', {class: 'button p-1 button-clear', title: 'clear', 'aria-label': 'clear'}, [
370
+ return ['button', {class: 'button p-1 button-clear', title: t('clear'), 'data-i18n-title': 'clear', 'aria-label': t('clear'), 'data-i18n-aria-label': 'clear'}, [
371
371
  ['span', {class: 'icon m-0'}, '<i class="yi-broom-wide"></i>'],
372
372
  ['span', {class: 'is-hidden-mobile pl-1 pr-1', i18n: 'clear'}, 'clear']
373
373
  ], {
@@ -377,7 +377,7 @@ function toolbar_button(gobj, name)
377
377
  }
378
378
  }];
379
379
  case "copy":
380
- return ['button', {class: 'button p-1 button-copy', title: 'copy', 'aria-label': 'copy'}, [
380
+ return ['button', {class: 'button p-1 button-copy', title: t('copy'), 'data-i18n-title': 'copy', 'aria-label': t('copy'), 'data-i18n-aria-label': 'copy'}, [
381
381
  ['span', {class: 'icon m-0'}, '<i class="yi-copy"></i>'],
382
382
  ['span', {class: 'is-hidden-mobile pl-1 pr-1', i18n: 'copy'}, 'copy']
383
383
  ], {click: function(evt) {
@@ -386,7 +386,7 @@ function toolbar_button(gobj, name)
386
386
  }
387
387
  }];
388
388
  case "paste":
389
- return ['button', {class: 'button p-1 button-paste', title: 'paste', 'aria-label': 'paste'}, [
389
+ return ['button', {class: 'button p-1 button-paste', title: t('paste'), 'data-i18n-title': 'paste', 'aria-label': t('paste'), 'data-i18n-aria-label': 'paste'}, [
390
390
  ['span', {class: 'icon m-0'}, '<i class="yi-paste"></i>'],
391
391
  ['span', {class: 'is-hidden-mobile pl-1 pr-1', i18n: 'paste'}, 'paste']
392
392
  ], {click: async function(evt) {
@@ -2011,7 +2011,10 @@ function template2columns(gobj, columns, template, sub_elements)
2011
2011
  format: "dd/MM/yyyy hh:mm", // the format of the date value stored in the cell
2012
2012
  verticalNavigation: "table", //navigate cursor around table without changing the value
2013
2013
  elementAttributes: {
2014
- title:"slide bar to choose option" // custom tooltip
2014
+ /* Tabulator writes this attribute once, when the
2015
+ * editor opens, so it is translated then -- which
2016
+ * is also when it is read. */
2017
+ title: t("slide bar to choose option")
2015
2018
  }
2016
2019
  };
2017
2020
  switch(field_desc.real_type) {
package/src/c_yui_nav.js CHANGED
@@ -74,6 +74,8 @@ import {
74
74
  createElement2, empty_string, is_array, is_object, is_string,
75
75
  } from "@yuneta/gobj-js";
76
76
 
77
+ import {t} from "i18next";
78
+
77
79
  import { cards_grid_descriptor } from "./nav_cards_helpers.js";
78
80
  import {
79
81
  BULMA_BP_ORDER,
@@ -407,7 +409,8 @@ function render_tabs(gobj, items)
407
409
  if(it.closable) {
408
410
  children.push(["span", {class: "icon is-small yui-nav-close ml-2",
409
411
  "data-close-item": it.id, role: "button",
410
- "aria-label": "close", title: "close"},
412
+ "aria-label": t("close"), "data-i18n-aria-label": "close",
413
+ title: t("close"), "data-i18n-title": "close"},
411
414
  ["i", {class: "yi-xmark", "aria-hidden":"true"}]]);
412
415
  }
413
416
  let a_attrs = {
package/src/c_yui_treedb_topic_with_form.js CHANGED
@@ -1384,7 +1384,13 @@ function create_tabulator(gobj)
1384
1384
  if(with_in_row_edit_icons) {
1385
1385
  columns.push({
1386
1386
  field: '_operation',
1387
- title: 'Op',
1387
+ /* A FORMATTER and not a `title`, like every other column of
1388
+ * this table: a language change re-runs `setColumns()` over
1389
+ * the SAME definitions, so a title decided when they were
1390
+ * built -- `'Op'`, in English and abbreviated -- is frozen
1391
+ * there for the life of the view. */
1392
+ title: '',
1393
+ titleFormatter: () => t('operations'),
1388
1394
  hozAlign: 'center',
1389
1395
  frozen: "right",
1390
1396
  visible: false,
package/src/lib_maplibre.js CHANGED
@@ -61,7 +61,9 @@ class EditControl {
61
61
  {
62
62
  class: 'button is-small is-flex is-align-items-center is-justify-content-center',
63
63
  title: t('maplibre.drag_mark'),
64
+ "data-i18n-title": 'maplibre.drag_mark',
64
65
  "aria-label": t('maplibre.drag_mark'),
66
+ "data-i18n-aria-label": 'maplibre.drag_mark',
65
67
  },
66
68
  parseSVG(`
67
69
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="22" height="22" fill="#CCCCCC"><path d="M273 7c-9.4-9.4-24.6-9.4-33.9 0L167 79c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l31-31L232 232 81.9 232l31-31c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239c-9.4 9.4-9.4 24.6 0 33.9l72 72c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-31-31L232 280l0 150.1-31-31c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l72 72c9.4 9.4 24.6 9.4 33.9 0l72-72c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-31 31L280 280l150.1 0-31 31c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l72-72c9.4-9.4 9.4-24.6 0-33.9l-72-72c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l31 31L280 232l0-150.1 31 31c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L273 7z"/></svg>
@@ -144,7 +146,9 @@ class MarkerControl {
144
146
  {
145
147
  class: 'button is-small is-flex is-align-items-center is-justify-content-center',
146
148
  title: t('maplibre.center_map'),
149
+ "data-i18n-title": 'maplibre.center_map',
147
150
  "aria-label": t('maplibre.center_map'),
151
+ "data-i18n-aria-label": 'maplibre.center_map',
148
152
  },
149
153
  parseSVG(`
150
154
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" width="22" height="22"><path d="M15 15C24.4 5.7 39.6 5.7 49 15l63 63L112 40c0-13.3 10.7-24 24-24s24 10.7 24 24l0 96c0 13.3-10.7 24-24 24l-96 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l38.1 0L15 49C5.7 39.6 5.7 24.4 15 15zM133.5 243.9C158.6 193.6 222.7 112 320 112s161.4 81.6 186.5 131.9c3.8 7.6 3.8 16.5 0 24.2C481.4 318.4 417.3 400 320 400s-161.4-81.6-186.5-131.9c-3.8-7.6-3.8-16.5 0-24.2zM320 320a64 64 0 1 0 0-128 64 64 0 1 0 0 128zM591 15c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-63 63 38.1 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-96 0c-13.3 0-24-10.7-24-24l0-96c0-13.3 10.7-24 24-24s24 10.7 24 24l0 38.1 63-63zM15 497c-9.4-9.4-9.4-24.6 0-33.9l63-63L40 400c-13.3 0-24-10.7-24-24s10.7-24 24-24l96 0c13.3 0 24 10.7 24 24l0 96c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-38.1L49 497c-9.4 9.4-24.6 9.4-33.9 0zm576 0l-63-63 0 38.1c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-96c0-13.3 10.7-24 24-24l96 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-38.1 0 63 63c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0z"/></svg>
@@ -166,7 +170,9 @@ class MarkerControl {
166
170
  {
167
171
  class: 'button is-small is-flex is-align-items-center is-justify-content-center',
168
172
  title: t('maplibre.user_location'),
173
+ "data-i18n-title": 'maplibre.user_location',
169
174
  "aria-label": t('maplibre.user_location'),
175
+ "data-i18n-aria-label": 'maplibre.user_location',
170
176
  },
171
177
  parseSVG(`
172
178
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="22" height="22" fill="#CCCCCC"><path d="M256 0c17.7 0 32 14.3 32 32l0 34.7C368.4 80.1 431.9 143.6 445.3 224l34.7 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-34.7 0C431.9 368.4 368.4 431.9 288 445.3l0 34.7c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-34.7C143.6 431.9 80.1 368.4 66.7 288L32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l34.7 0C80.1 143.6 143.6 80.1 224 66.7L224 32c0-17.7 14.3-32 32-32zM128 256a128 128 0 1 0 256 0 128 128 0 1 0 -256 0zm128-80a80 80 0 1 1 0 160 80 80 0 1 1 0-160z"/></svg>