@trebco/treb 28.3.4 → 28.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trebco/treb",
-  "version": "28.3.4",
+  "version": "28.3.6",
   "license": "LGPL-3.0-or-later",
   "homepage": "https://treb.app",
   "repository": {

package/treb-embed/markup/toolbar.html

@@ -14,7 +14,7 @@
   <div composite narrow>
     <button data-command="justify-left" data-target="justify" title="Left-align text"></button>
     <div class="treb-menu">
-      <button dropdown></button>
+      <button dropdown title="Text justify options"></button>
       <div class="treb-icon-buttons" data-replace="justify">
         <button data-command="justify-left" title="Left-align text"></button>
         <button data-command="justify-center" title="Center-align text"></button>
@@ -26,7 +26,7 @@
   <div composite narrow>
     <button data-command="align-top" data-target="align" title="Align to top"></button>
     <div class="treb-menu">
-      <button dropdown></button>
+      <button dropdown title="Text align options"></button>
       <div class="treb-icon-buttons" data-replace="align">
         <button data-command="align-top" title="Align to top"></button>
         <button data-command="align-middle" title="Align to middle"></button>
@@ -68,7 +68,7 @@
   <div composite>
     <button data-command="fill-color" data-color-bar="fill" data-color="{}" title="Fill color"></button>
     <div class="treb-menu treb-color-menu" data-color-command="fill-color" data-replace-color="fill" data-default-color-text="No fill">
-      <button dropdown></button>
+      <button dropdown title="Color options"></button>
       <div class="treb-color-chooser">
         <div class="treb-caption">Theme colors</div>
         <div class="treb-swatches"></div>
@@ -90,14 +90,14 @@
   <div composite>
     <button data-command="text-color" data-color-bar="text" data-color="{}" title="Text color"></button>
     <div class="treb-menu treb-color-menu" data-color-command="text-color" data-replace-color="text" data-default-color-text="Default text color">
-      <button dropdown></button>
+      <button dropdown title="Color options"></button>
     </div>
   </div>
 
   <div composite>
     <button data-command="border-bottom" data-target="border" title="Bottom border"></button>
     <div class="treb-menu">
-      <button dropdown></button>
+      <button dropdown title="Border options"></button>
       <div class="treb-icon-buttons" data-replace="border">
         <button data-command="border-top" title="Top border"></button>        
         <button data-command="border-left" title="Left border"></button>        
@@ -118,7 +118,7 @@
   <div composite font-scale>
     <input class="treb-font-scale" title="Font scale">
     <div class="treb-menu">
-      <button dropdown></button>
+      <button dropdown title="Font scale options"></button>
       <div>
         <button data-command="font-scale" data-scale="0.8">0.80</button>
         <button data-command="font-scale" data-scale="0.9">0.90</button>
@@ -147,7 +147,7 @@
   <div composite>
     <input class="treb-number-format" title="Number format">
     <div class="treb-menu">
-      <button dropdown></button>
+      <button dropdown title="Number formats"></button>
       <div class="treb-number-format-menu"></div>
     </div>
   </div>
@@ -160,7 +160,7 @@
   <div composite chart-menu>
     <button data-command="insert-column-chart" data-target="annotation" title="Insert column chart"></button>
     <div class="treb-menu">
-      <button dropdown></button>
+      <button dropdown title="Chart options"></button>
       <div class="treb-icon-buttons" data-replace="annotation">
         <button data-command="insert-column-chart" title="Insert column chart"></button>
         <button data-command="insert-donut-chart" title="Insert donut chart"></button>

package/treb-grid/package.json

@@ -1,5 +1,5 @@
 {
   "name": "treb-grid",
-  "version": "16.1.0",
+  "version": "16.1.10",
   "main": "src/index.ts"
 }

package/treb-grid/src/types/grid.ts

@@ -652,7 +652,7 @@ export class Grid extends GridBase {
       const resize_target = this.DOM.Div('annotation-resize-target', node);
 
       node.addEventListener('keydown', (event) => {
-      
+    
           const rect = annotation.scaled_rect;
           if (!rect) {
             console.info('missing scaled rect!');
@@ -714,6 +714,13 @@ export class Grid extends GridBase {
               this.Focus();
               break;
 
+            case 'Backspace':
+              if (event.metaKey && UA.is_mac) {
+                this.Focus();
+                this.RemoveAnnotation(annotation);  
+              }
+              break;
+
             case 'Delete':
             case 'Del':
               this.Focus();
@@ -4494,6 +4501,14 @@ export class Grid extends GridBase {
           delta.columns++;
           break;
 
+        case 'Backspace':
+          if (event.metaKey && UA.is_mac) {
+            if (!selection.empty) {
+              this.DeleteSelection(selection);
+            }  
+          }
+          break;
+
         case 'Delete':
         case 'Del':
           // if (event.shiftKey) // ctrl+shift+delete seems to be "delete history" in all browsers...