@tetacom/ng-components 1.0.38 → 1.0.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tetacom/ng-components",
-  "version": "1.0.38",
+  "version": "1.0.41",
   "private": false,
   "peerDependencies": {
     "@angular/common": "^13.0.0",
@@ -21,13 +21,13 @@
   "esm2020": "esm2020/tetacom-ng-components.mjs",
   "fesm2020": "fesm2020/tetacom-ng-components.mjs",
   "fesm2015": "fesm2015/tetacom-ng-components.mjs",
-  "typings": "tetacom-ng-components.d.ts",
+  "typings": "index.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./tetacom-ng-components.d.ts",
+      "types": "./index.d.ts",
       "esm2020": "./esm2020/tetacom-ng-components.mjs",
       "es2020": "./fesm2020/tetacom-ng-components.mjs",
       "es2015": "./fesm2015/tetacom-ng-components.mjs",

package/pipe/number-pipe/number.pipe.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class NumberPipe implements PipeTransform {
     transform(value: number, decimalLength?: number, chunkDelimiter?: string, decimalDelimiter?: string, chunkLength?: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<NumberPipe, "tetaNumber">;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NumberPipe, "tetaNumber", false>;
 }

package/pipe/prepend-zero/prepend-zero.pipe.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class PrependZeroPipe implements PipeTransform {
     transform(value: number, length: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PrependZeroPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<PrependZeroPipe, "tetaPrependZero">;
+    static ɵpipe: i0.ɵɵPipeDeclaration<PrependZeroPipe, "tetaPrependZero", false>;
 }

package/style/layout.scss

@@ -1,7 +1,8 @@
+@use "sass:math";
 @import "util/color-util";
 
 @function widthCol($n) {
-  @return (100% / $columns-count) * $n
+  @return math.div(100%, $columns-count) * $n
 }
 
 body {

package/style/presets/color-presets.scss

@@ -67,78 +67,84 @@ $themes: (
     'white': (
       '50': rgba(255, 255, 255)
     ),
+    'black': (
+      '50': rgba(28, 27, 33, 1)
+    ),
     'backdrop': (
       '50': rgba(144, 148, 153, 0.4)
     )
   ),
   'dark': (
     'primary': (
-      '90': rgba(118,173,255,1),
-      '80': rgba(89,155,255,1),
-      '70': rgba(59,138,255,1),
-      '60': rgba(46,122,255,1),
-      '50': rgba(40,108,253,1),
-      '40': rgba(45,93,212,1),
-      '30': rgba(47,80,175,1),
-      '20': rgba(46,68,139,1),
-      '10': rgba(43,56,107,1),
-      '5': rgba(37,44,77,1),
+      '90': rgba(118, 173, 255, 1),
+      '80': rgba(89, 155, 255, 1),
+      '70': rgba(59, 138, 255, 1),
+      '60': rgba(46, 122, 255, 1),
+      '50': rgba(40, 108, 253, 1),
+      '40': rgba(45, 93, 212, 1),
+      '30': rgba(47, 80, 175, 1),
+      '20': rgba(46, 68, 139, 1),
+      '10': rgba(43, 56, 107, 1),
+      '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(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),
     ),
     'red': (
-      '90': rgba(168,46,38,1),
-      '80': rgba(183,56,49,1),
-      '70': rgba(194,63,56,1),
-      '60': rgba(212,72,62,1),
-      '50': rgba(226,82,65,1),
-      '40': rgba(222,94,86,1),
-      '30': rgba(215,121,118,1),
-      '20': rgba(227,158,156,1),
-      '10': rgba(247,207,211,1),
-      '5': rgba(252,236,238,1),
+      '90': rgba(168, 46, 38, 1),
+      '80': rgba(183, 56, 49, 1),
+      '70': rgba(194, 63, 56, 1),
+      '60': rgba(212, 72, 62, 1),
+      '50': rgba(226, 82, 65, 1),
+      '40': rgba(222, 94, 86, 1),
+      '30': rgba(215, 121, 118, 1),
+      '20': rgba(227, 158, 156, 1),
+      '10': rgba(247, 207, 211, 1),
+      '5': rgba(252, 236, 238, 1),
     ),
     'green': (
-      '90': rgba(40,95,27,1),
-      '80': rgba(55,126,48,1),
-      '70': rgba(66,142,59,1),
-      '60': rgba(78,160,70,1),
-      '50': rgba(89,174,80,1),
-      '40': rgba(111,187,105,1),
-      '30': rgba(136,198,131,1),
-      '20': rgba(169,214,166,1),
-      '10': rgba(203,230,201,1),
-      '5': rgba(233,245,233,1),
+      '90': rgba(40, 95, 27, 1),
+      '80': rgba(55, 126, 48, 1),
+      '70': rgba(66, 142, 59, 1),
+      '60': rgba(78, 160, 70, 1),
+      '50': rgba(89, 174, 80, 1),
+      '40': rgba(111, 187, 105, 1),
+      '30': rgba(136, 198, 131, 1),
+      '20': rgba(169, 214, 166, 1),
+      '10': rgba(203, 230, 201, 1),
+      '5': rgba(233, 245, 233, 1),
     ),
     'yellow': (
-      '90': rgba(238,104,0,1),
-      '80': rgba(238,136,0,1),
-      '70': rgba(238,152,0,1),
-      '60': rgba(238,171,0,1),
-      '50': rgba(237,184,0,1),
-      '40': rgba(239,194,27,1),
-      '30': rgba(241,206,72,1),
-      '20': rgba(245,219,126,1),
-      '10': rgba(249,233,177,1),
-      '5': rgba(252,247,225,1),
+      '90': rgba(238, 104, 0, 1),
+      '80': rgba(238, 136, 0, 1),
+      '70': rgba(238, 152, 0, 1),
+      '60': rgba(238, 171, 0, 1),
+      '50': rgba(237, 184, 0, 1),
+      '40': rgba(239, 194, 27, 1),
+      '30': rgba(241, 206, 72, 1),
+      '20': rgba(245, 219, 126, 1),
+      '10': rgba(249, 233, 177, 1),
+      '5': rgba(252, 247, 225, 1),
     ),
     'background': (
-      '50': rgba(34,34,41,1),
-      '0': rgba(28,27,33,1),
+      '50': rgba(34, 34, 41, 1),
+      '0': rgba(28, 27, 33, 1),
     ),
     'white': (
       '50': rgba(255, 255, 255, 1)
     ),
+    'black': (
+      '50': rgba(28, 27, 33, 1)
+    ),
     'backdrop': (
       '50': rgba(144, 148, 153, 0.4)
     )

package/style/table.scss

@@ -122,11 +122,24 @@
         width: 8px;
         background: transparent;
         z-index: 10;
+        display: none;
+        padding: 0 4px;
+
+        &_drag {
+          background: getColorVar('white', '50');
+          width: 1px;
+          height: 100%;
+        }
 
         &:hover {
-          background-color: getColorVar('text', '20');
+          cursor: col-resize;
         }
       }
+
+      &:hover &__resize {
+        display: block;
+      }
+
     }
 
     &__dropdown {

package/util/forms-util.d.ts

@@ -1,11 +1,11 @@
-import { AbstractControl, FormGroup, ValidationErrors } from '@angular/forms';
+import { AbstractControl, UntypedFormGroup, ValidationErrors } from '@angular/forms';
 import { TableColumn } from '../component/table/contract/table-column';
 export declare class FormsUtil {
-    static validateAllFormFields(formGroup: FormGroup): void;
-    static controlIsInvalid(formGroup: FormGroup, controlName: string): boolean;
-    static getControlErrors(formGroup: FormGroup, controlName: string): string[];
+    static validateAllFormFields(formGroup: UntypedFormGroup): void;
+    static controlIsInvalid(formGroup: UntypedFormGroup, controlName: string): boolean;
+    static getControlErrors(formGroup: UntypedFormGroup, controlName: string): string[];
     static matchValuesValidator(matchTo: string): (control: AbstractControl) => ValidationErrors | null;
     static requiredIf(value: boolean): (control: AbstractControl) => ValidationErrors | null;
-    static initFormFromColumns(columns: TableColumn[], dataItem: any): FormGroup;
+    static initFormFromColumns(columns: TableColumn[], dataItem: any): UntypedFormGroup;
     static getValidators(column: TableColumn): any[];
 }