@yuneta/gobj-ui 7.23.68 → 7.23.69

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.
@@ -61638,6 +61638,7 @@ function ac_set_operation_mode(gobj, event, kw, src) {
61638
61638
  * card's graph icon travels — as EV_TOPIC_SELECTED, which the host turns
61639
61639
  * into the URL, so what you are looking at stays linkable.
61640
61640
  ************************************************************/
61641
+ var LEGEND_GLYPH_STYLE = "font-size:1.5em; line-height:1; color:inherit;";
61641
61642
  function refresh_legend(gobj) {
61642
61643
  let priv = gobj.priv;
61643
61644
  let $container = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "$container");
@@ -61707,7 +61708,11 @@ function refresh_legend(gobj) {
61707
61708
  "aria-label": (0, i18next.t)("main topic"),
61708
61709
  "aria-pressed": "true"
61709
61710
  },
61710
- "★",
61711
+ [[
61712
+ "span",
61713
+ { style: LEGEND_GLYPH_STYLE },
61714
+ "★"
61715
+ ]],
61711
61716
  { click: (evt) => {
61712
61717
  evt.stopPropagation();
61713
61718
  (0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_LEGEND_TOPIC", {
@@ -61724,7 +61729,11 @@ function refresh_legend(gobj) {
61724
61729
  title: (0, i18next.t)("main topic"),
61725
61730
  "data-i18n-title": "main topic"
61726
61731
  },
61727
- "★"
61732
+ [[
61733
+ "span",
61734
+ { style: LEGEND_GLYPH_STYLE },
61735
+ "★"
61736
+ ]]
61728
61737
  ]);
61729
61738
  else if (!hidden) extras.push([
61730
61739
  "button",
@@ -61736,7 +61745,11 @@ function refresh_legend(gobj) {
61736
61745
  "data-i18n-title": "main topic",
61737
61746
  "aria-label": (0, i18next.t)("main topic")
61738
61747
  },
61739
- "☆",
61748
+ [[
61749
+ "span",
61750
+ { style: LEGEND_GLYPH_STYLE },
61751
+ "☆"
61752
+ ]],
61740
61753
  { click: (evt) => {
61741
61754
  evt.stopPropagation();
61742
61755
  (0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_LEGEND_TOPIC", {
@@ -61776,7 +61789,10 @@ function refresh_legend(gobj) {
61776
61789
  "aria-label": (0, i18next.t)("highlight topic"),
61777
61790
  "aria-pressed": focused ? "true" : "false"
61778
61791
  },
61779
- [["i", { class: "yi-location-crosshairs" }]],
61792
+ [["i", {
61793
+ class: "yi-location-crosshairs",
61794
+ style: LEGEND_GLYPH_STYLE
61795
+ }]],
61780
61796
  { click: (evt) => {
61781
61797
  evt.stopPropagation();
61782
61798
  (0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_LEGEND_TOPIC", {
@@ -61633,6 +61633,7 @@ function ac_set_operation_mode(gobj, event, kw, src) {
61633
61633
  * card's graph icon travels — as EV_TOPIC_SELECTED, which the host turns
61634
61634
  * into the URL, so what you are looking at stays linkable.
61635
61635
  ************************************************************/
61636
+ var LEGEND_GLYPH_STYLE = "font-size:1.5em; line-height:1; color:inherit;";
61636
61637
  function refresh_legend(gobj) {
61637
61638
  let priv = gobj.priv;
61638
61639
  let $container = gobj_read_attr(gobj, "$container");
@@ -61702,7 +61703,11 @@ function refresh_legend(gobj) {
61702
61703
  "aria-label": t("main topic"),
61703
61704
  "aria-pressed": "true"
61704
61705
  },
61705
- "★",
61706
+ [[
61707
+ "span",
61708
+ { style: LEGEND_GLYPH_STYLE },
61709
+ "★"
61710
+ ]],
61706
61711
  { click: (evt) => {
61707
61712
  evt.stopPropagation();
61708
61713
  gobj_send_event(gobj, "EV_LEGEND_TOPIC", {
@@ -61719,7 +61724,11 @@ function refresh_legend(gobj) {
61719
61724
  title: t("main topic"),
61720
61725
  "data-i18n-title": "main topic"
61721
61726
  },
61722
- "★"
61727
+ [[
61728
+ "span",
61729
+ { style: LEGEND_GLYPH_STYLE },
61730
+ "★"
61731
+ ]]
61723
61732
  ]);
61724
61733
  else if (!hidden) extras.push([
61725
61734
  "button",
@@ -61731,7 +61740,11 @@ function refresh_legend(gobj) {
61731
61740
  "data-i18n-title": "main topic",
61732
61741
  "aria-label": t("main topic")
61733
61742
  },
61734
- "☆",
61743
+ [[
61744
+ "span",
61745
+ { style: LEGEND_GLYPH_STYLE },
61746
+ "☆"
61747
+ ]],
61735
61748
  { click: (evt) => {
61736
61749
  evt.stopPropagation();
61737
61750
  gobj_send_event(gobj, "EV_LEGEND_TOPIC", {
@@ -61771,7 +61784,10 @@ function refresh_legend(gobj) {
61771
61784
  "aria-label": t("highlight topic"),
61772
61785
  "aria-pressed": focused ? "true" : "false"
61773
61786
  },
61774
- [["i", { class: "yi-location-crosshairs" }]],
61787
+ [["i", {
61788
+ class: "yi-location-crosshairs",
61789
+ style: LEGEND_GLYPH_STYLE
61790
+ }]],
61775
61791
  { click: (evt) => {
61776
61792
  evt.stopPropagation();
61777
61793
  gobj_send_event(gobj, "EV_LEGEND_TOPIC", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yuneta/gobj-ui",
3
- "version": "7.23.68",
3
+ "version": "7.23.69",
4
4
  "type": "module",
5
5
  "main": "dist/gobj-ui.cjs.js",
6
6
  "module": "dist/gobj-ui.es.js",
@@ -2328,6 +2328,11 @@ function ac_set_operation_mode(gobj, event, kw, src)
2328
2328
  * card's graph icon travels — as EV_TOPIC_SELECTED, which the host turns
2329
2329
  * into the URL, so what you are looking at stays linkable.
2330
2330
  ************************************************************/
2331
+ /* The glyphs of a chip's small buttons: `is-small` sets a 0.75rem
2332
+ * font and a star or a crosshair at that size is a speck. The BUTTON
2333
+ * stays small so the strip keeps its height; the glyph inside grows. */
2334
+ const LEGEND_GLYPH_STYLE = 'font-size:1.5em; line-height:1; color:inherit;';
2335
+
2331
2336
  function refresh_legend(gobj)
2332
2337
  {
2333
2338
  let priv = gobj.priv;
@@ -2423,7 +2428,7 @@ function refresh_legend(gobj)
2423
2428
  type: 'button', style: 'padding:0 .4rem;',
2424
2429
  title: t('main topic'), 'data-i18n-title': 'main topic',
2425
2430
  'aria-label': t('main topic'), 'aria-pressed': 'true'},
2426
- '★', {
2431
+ [['span', {style: LEGEND_GLYPH_STYLE}, '★']], {
2427
2432
  click: (evt) => {
2428
2433
  evt.stopPropagation();
2429
2434
  gobj_send_event(gobj, "EV_LEGEND_TOPIC",
@@ -2434,13 +2439,13 @@ function refresh_legend(gobj)
2434
2439
  extras.push(['span', {class: 'GRAPH_LEGEND_STAR button is-small is-static',
2435
2440
  style: 'padding:0 .4rem;',
2436
2441
  title: t('main topic'), 'data-i18n-title': 'main topic'},
2437
- '★']);
2442
+ [['span', {style: LEGEND_GLYPH_STYLE}, '★']]]);
2438
2443
  } else if(!hidden) {
2439
2444
  extras.push(['button', {class: 'GRAPH_LEGEND_STAR button is-small',
2440
2445
  type: 'button', style: 'padding:0 .4rem;',
2441
2446
  title: t('main topic'), 'data-i18n-title': 'main topic',
2442
2447
  'aria-label': t('main topic')},
2443
- '☆', {
2448
+ [['span', {style: LEGEND_GLYPH_STYLE}, '☆']], {
2444
2449
  click: (evt) => {
2445
2450
  evt.stopPropagation();
2446
2451
  gobj_send_event(gobj, "EV_LEGEND_TOPIC",
@@ -2477,7 +2482,7 @@ function refresh_legend(gobj)
2477
2482
  title: t('highlight topic'), 'data-i18n-title': 'highlight topic',
2478
2483
  'aria-label': t('highlight topic'),
2479
2484
  'aria-pressed': focused? 'true' : 'false'
2480
- }, [['i', {class: 'yi-location-crosshairs'}]], {
2485
+ }, [['i', {class: 'yi-location-crosshairs', style: LEGEND_GLYPH_STYLE}]], {
2481
2486
  click: (evt) => {
2482
2487
  evt.stopPropagation();
2483
2488
  gobj_send_event(gobj, "EV_LEGEND_TOPIC",