@trebco/treb 31.8.2 → 31.9.1

package/dist/treb.d.ts

@@ -1,4 +1,4 @@
-/*! API v31.8. Copyright 2018-2024 trebco, llc. All rights reserved. LGPL: https://treb.app/license */
+/*! API v31.9. Copyright 2018-2024 trebco, llc. All rights reserved. LGPL: https://treb.app/license */
 
 /**
  * add our tag to the map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trebco/treb",
-  "version": "31.8.2",
+  "version": "31.9.1",
   "license": "LGPL-3.0-or-later",
   "homepage": "https://treb.app",
   "repository": {
@@ -16,7 +16,7 @@
     "@types/uzip": "^0.20201231.0",
     "base64-js": "^1.5.1",
     "cssnano": "^7.0.4",
-    "esbuild": "^0.23.1",
+    "esbuild": "^0.24.0",
     "eslint": "^9.9.1",
     "fast-xml-parser": "^4.0.7",
     "html-minifier-terser": "^7.2.0",

package/treb-embed/style/autocomplete.scss

@@ -19,6 +19,10 @@
  * 
  */
 
+@use 'z-index.scss' as *;
+@use 'defaults.scss' as *;
+ 
+
 /**
  * this is getting attached to the document (why? b/c fixed pos?)
  * so it inherits a lot. that's not good.

package/treb-embed/style/dropdown-select.scss

@@ -19,6 +19,9 @@
  * 
  */
 
+@use 'z-index.scss' as *;
+@use 'defaults.scss' as *;
+ 
 .treb-main.treb-main {
 
   .treb-dropdown-caret {

package/treb-embed/style/font-stacks.scss

@@ -19,6 +19,8 @@
  * 
  */
 
+@use './defaults.scss' as *;
+
 //
 // thanks to 
 // https://modernfontstacks.com/

package/treb-embed/style/grid.scss

@@ -21,20 +21,20 @@
 
 // sass vars only
 
-@import 'z-index.scss';
-@import 'defaults.scss';
+@use 'z-index.scss' as *;
+@use 'defaults.scss' as *;
 
 // clean, no imports (but use sass vars)
 
-@import 'mouse-mask.scss';
-@import 'note.scss';
-@import 'table.scss';
-@import 'tooltip.scss';
-@import 'dropdown-select.scss';
-@import 'autocomplete.scss';
-@import 'formula-bar.scss';
-@import 'tab-bar.scss';
-@import 'overlay-editor.scss';
+@use 'mouse-mask.scss';
+@use 'note.scss';
+@use 'table.scss';
+@use 'tooltip.scss';
+@use 'dropdown-select.scss';
+@use 'autocomplete.scss';
+@use 'formula-bar.scss';
+@use 'tab-bar.scss';
+@use 'overlay-editor.scss';
 
 .treb-main.treb-main {
 

package/treb-embed/style/layout.scss

@@ -1,13 +1,16 @@
 
-@import './grid.scss';
-@import './theme-defaults.scss';
-@import './dark-theme.scss';
-@import '../../treb-charts/style/charts.scss';
-@import './dialog.scss';
-@import './spinner.scss';
-@import './treb-icons.scss';
-@import './toolbar.scss';
-@import './font-stacks.scss';
+@use './defaults.scss' as *;
+@use './z-index.scss' as *;
+
+@use './grid.scss';
+@use './theme-defaults.scss';
+@use './dark-theme.scss';
+@use '../../treb-charts/style/charts.scss';
+@use './dialog.scss';
+@use './spinner.scss';
+@use './treb-icons.scss';
+@use './toolbar.scss';
+@use './font-stacks.scss';
 
 /*
  * switching to a double-selector to increase specificity. the particular

package/treb-embed/style/mouse-mask.scss

@@ -19,6 +19,9 @@
  * 
  */
 
+@use 'z-index.scss' as *;
+@use 'defaults.scss' as *;
+ 
 .treb-main.treb-main {
 
   /**

package/treb-embed/style/note.scss

@@ -19,6 +19,10 @@
  * 
  */
 
+@use 'z-index.scss' as *;
+@use 'defaults.scss' as *;
+ 
+
 .treb-main.treb-main {
 
   // are these exactly the same? clearly we copied-and-pasted

package/treb-embed/style/overlay-editor.scss

@@ -19,6 +19,9 @@
  * 
  */
 
+@use 'z-index.scss' as *;
+@use 'defaults.scss' as *;
+
 .treb-main.treb-main {
 
   .treb-grid {

package/treb-embed/style/tab-bar.scss

@@ -19,6 +19,10 @@
  * 
  */
 
+@use 'z-index.scss' as *;
+@use 'defaults.scss' as *;
+ 
+
 .treb-main.treb-main {
 
   .treb-mouse-mask .ghost-tab {

package/treb-embed/style/table.scss

@@ -19,6 +19,9 @@
  * 
  */
 
+@use 'z-index.scss' as *;
+@use 'defaults.scss' as *;
+
 .treb-main.treb-main {
 
   .treb-sort-button {

package/treb-embed/style/theme-defaults.scss

@@ -19,6 +19,8 @@
  * 
  */
 
+@use './defaults.scss' as *;
+
 /**
  * we're using variables for selection colors because the colors are used
  * in more than one place; that's a drawback of using CSS, but I think overall

package/treb-embed/style/tooltip.scss

@@ -19,6 +19,10 @@
  * 
  */
 
+@use 'z-index.scss' as *;
+@use 'defaults.scss' as *;
+ 
+
 .treb-main.treb-main {
 
   .treb-tooltip {

package/treb-embed/style/treb-spreadsheet-element.scss

@@ -1,5 +1,5 @@
 
-@import 'layout.scss';
+@use 'layout.scss';
 
 /**
  * default styles for custom element. we basically want 

package/treb-export/src/workbook-style2.ts

@@ -983,45 +983,6 @@ export class StyleCache {
     const new_fill: Fill = {...fill};
     this.fills.push(new_fill);
 
-    /*
-    // add the node structure
-
-    if (!this.dom) throw new Error('missing dom');
-    const fills = this.dom.find('./fills');
-
-    if (!fills) throw new Error('fills not found');
-    fills.attrib.count = (Number(fills.attrib.count || 0) + 1).toString();
-
-    const new_element = Element('fill');
-    const pattern_fill = Element('patternFill', { patternType: fill.pattern_type });
-
-    switch (fill.pattern_type) {
-      case 'none':
-        break;
-      case 'solid':
-        if (fill.fg_color) {
-          const attrs: Record<string, string> = {};
-
-          if (fill.fg_color.argb) { attrs.rgb = fill.fg_color.argb; }
-          if (fill.fg_color.indexed) { attrs.indexed = fill.fg_color.indexed.toString(); }
-          if (fill.fg_color.tint) { attrs.tint = fill.fg_color.tint.toString(); }
-          if (typeof fill.fg_color.theme !== 'undefined') { attrs.theme = fill.fg_color.theme.toString(); }
-
-          pattern_fill.append(Element('fgColor', attrs));
-        }
-        break;
-      case 'gray':
-
-        // ...
-
-        break;
-    }
-
-    new_element.append(pattern_fill);
-
-    fills.append(new_element);
-    */
-
     return this.fills.length - 1;
   }
 

package/treb-grid/src/render/svg_selection_block.ts

@@ -78,7 +78,7 @@ export class SVGSelectionBlock {
       // and use currentColor, but we can't set opacity separately so we
       // need another node. which is a waste, but ergonomics ftw!
 
-      this.fill = DOM.SVG('rect', 'fill');
+      this.fill = DOM.SVG('rect', 'treb-selection-fill');
 
       // this.SetThemeColor(0);
       // if (theme.additional_selection_line_dash_array) {
@@ -95,42 +95,6 @@ export class SVGSelectionBlock {
     this.g.setAttribute('transform', `translate(${offset.x}, ${offset.y})`);
   }
 
-  /*
-  public SetThemeColor(index = 0) {
-
-    if (Array.isArray(this.theme.additional_selection_color)) {
-      if (index >= this.theme.additional_selection_color.length) {
-        index = index % this.theme.additional_selection_color.length;
-      }
-    }
-
-    if (this.theme.additional_selection_overlay_color) {
-      if (typeof this.theme.additional_selection_overlay_color === 'string') {
-        this.outline.setAttribute('fill', this.theme.additional_selection_overlay_color);
-      }
-      else {
-        this.outline.setAttribute('fill', this.theme.additional_selection_overlay_color[index] || '');
-      }
-    }
-    else {
-      this.outline.setAttribute('fill', '');
-    }
-
-    if (this.theme.additional_selection_color) {
-      if (typeof this.theme.additional_selection_color === 'string') {
-        this.outline.setAttribute('stroke', this.theme.additional_selection_color);
-      }
-      else {
-        this.outline.setAttribute('stroke', this.theme.additional_selection_color[index] || '');
-      }
-    }
-    else {
-      this.outline.setAttribute('stroke', '');
-    }
-
-  }
-  */
-
   public Show(show = true) {
     this.g.style.display = show ? 'block' : 'none';
   }