@tetacom/ng-components 1.0.46 → 1.0.50

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@tetacom/ng-components",
-  "version": "1.0.46",
+  "version": "1.0.50",
   "private": false,
   "peerDependencies": {
-    "@angular/common": "^13.0.0",
-    "@angular/core": "^13.0.0",
+    "@angular/common": "^14.0.0",
+    "@angular/core": "^14.0.0",
     "d3": "^7.1.1",
     "@ngneat/transloco": "^3.1.0",
     "object-hash": "^2.2.0",
-    "three": "^0.139.2"
+    "three": "^0.139.2",
+    "html-to-image": "^1.9.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/style/presets/color-presets.scss

@@ -88,16 +88,16 @@ $themes: (
       '5': rgba(37, 44, 77, 1),
     ),
     'text': (
-      '90': rgba(211, 213, 215, 1),
-      '80': rgba(147, 151, 155, 1),
-      '70': rgba(128, 131, 137, 1),
-      '60': rgba(90, 91, 98, 1),
-      '50': rgba(62, 62, 69, 1),
-      '40': rgba(81, 81, 88, 1),
-      '30': rgba(71, 71, 78, 1),
-      '20': rgba(61, 61, 68, 1),
-      '10': rgba(51, 51, 58, 1),
-      '5': rgba(41, 41, 48, 1),
+      '90': rgba(239, 239, 241, 1),
+      '80': rgba(215, 216, 221, 1),
+      '70': rgba(189, 189, 198, 1),
+      '60': rgba(162, 163, 174, 1),
+      '50': rgba(142, 143, 157, 1),
+      '40': rgba(122, 123, 139, 1),
+      '30': rgba(107, 109, 123, 1),
+      '20': rgba(88, 90, 101, 1),
+      '10': rgba(71, 71, 81, 1),
+      '5': rgba(57, 57, 65, 1)
     ),
     'red': (
       '90': rgba(168, 46, 38, 1),
@@ -151,5 +151,5 @@ $themes: (
   )
 );
 
-$palettes: 'primary', 'text', 'red', 'green', 'yellow', 'background', 'white', 'backdrop';
+$palettes: 'primary', 'text', 'red', 'green', 'yellow', 'background', 'white', 'backdrop', 'black';
 $grades: '90', '80', '70', '60', '50', '40', '30', '20', '10', '5', '0';

package/style/table.scss

@@ -16,8 +16,8 @@
     display: flex;
     overflow: hidden;
     flex-shrink: 0;
-    background-color: getColorVar('text', '50');
-    color: getColorVar('white', '50');
+    background-color: getColorVar('text', '10');
+    color: getColorVar('text', '90');
     @include getFont($fonts, 'table-header');
 
     &_locked {
@@ -122,15 +122,17 @@
         width: 8px;
         background: transparent;
         z-index: 10;
-        display: none;
         padding: 0 4px;
 
         &_drag {
-          background: getColorVar('white', '50');
-          width: 1px;
+          background: getColorVar('primary', '50');
+          width: 2px;
           height: 100%;
+          display: none;
+        }
+        &:hover &_drag {
+          display: block;
         }
-
         &:hover {
           cursor: col-resize;
         }

package/util/export-dom-image.d.ts

@@ -0,0 +1,12 @@
+export declare enum ExportType {
+    png = 0,
+    svg = 1,
+    jpeg = 2,
+    blob = 3,
+    canvas = 4,
+    pixelData = 5
+}
+export declare type ExportOptions = {
+    filter: (node: HTMLElement) => boolean;
+};
+export declare const exportDomToImage: (node: HTMLElement, type?: ExportType, options?: ExportOptions) => any;

package/util/public-api.d.ts

@@ -1,3 +1,4 @@
 export * from './date-util';
 export * from './forms-util';
 export * from './string-util';
+export * from './export-dom-image';