@messaia/cdk 13.3.5 → 13.3.6-rc01

package/lib/base/base.module.d.ts

@@ -1,4 +1,5 @@
 import { BaseComponent } from './components/base.component';
+import { VdDynamicTableConfigDialogComponent } from './components/dynamic-table-config-dialog.comnponent';
 import { GenericFormBaseComponent } from './components/generic-form-base.component';
 import { GenericFormComponent } from './components/generic-form.component';
 import { GenericListComponent } from './components/generic-list.component';
@@ -14,12 +15,20 @@ import { FileService } from './services/file.service';
 import { LoadingScreenService } from './services/loading-screen.service';
 import { PrintService } from './services/print.service';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@angular/material/dialog";
-export { AuthUser, MessageType, AuthHelper, BaseComponent, GenericListComponent, GenericFormComponent, GenericFormBaseComponent, GenericReactiveFormComponent, Common, BaseInterceptor, CachingInterceptor, LoadingScreenInterceptor, FileService, LoadingScreenService, PrintService };
+import * as i1 from "@angular/material/button";
+import * as i2 from "./components/dynamic-table-config-dialog.comnponent";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/dialog";
+import * as i6 from "../table/table.module";
+export { AuthUser, MessageType, AuthHelper, BaseComponent, GenericListComponent, GenericFormComponent, GenericFormBaseComponent, GenericReactiveFormComponent, VdDynamicTableConfigDialogComponent, BaseInterceptor, CachingInterceptor, LoadingScreenInterceptor, FileService, LoadingScreenService, PrintService, Common };
+export declare class MaterialModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MaterialModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MaterialModule, never, never, [typeof i1.MatButtonModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MaterialModule>;
+}
 export declare class VdBaseModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<VdBaseModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<VdBaseModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.MatDialogModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VdBaseModule, [typeof i2.VdDynamicTableConfigDialogComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.MatDialogModule, typeof i6.VdTableModule, typeof MaterialModule], [typeof i2.VdDynamicTableConfigDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<VdBaseModule>;
 }

package/lib/base/components/dynamic-table-config-dialog.comnponent.d.ts

@@ -0,0 +1,39 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { ActivatedRoute } from '@angular/router';
+import { VdDynamicTableComponent } from '../../table/components/dynamic-table/dynamic-table.component';
+import { TableColumnConfig } from '../../table/models/table-column-config';
+import { BaseComponent } from './base.component';
+import * as i0 from "@angular/core";
+export declare class VdDynamicTableConfigDialogComponent extends BaseComponent {
+    protected route: ActivatedRoute;
+    protected changeDetectorRef: ChangeDetectorRef;
+    dialogRef: MatDialogRef<VdDynamicTableConfigDialogComponent>;
+    dynamicTable: VdDynamicTableComponent;
+    /**
+     * columns: TableColumn[]
+     */
+    columns: TableColumnConfig[];
+    /**
+     * classType: typeof TableColumnConfig
+     */
+    classType: typeof TableColumnConfig;
+    /**
+     * Constructor
+     */
+    constructor(route: ActivatedRoute, changeDetectorRef: ChangeDetectorRef, dialogRef: MatDialogRef<VdDynamicTableConfigDialogComponent>, dynamicTable: VdDynamicTableComponent);
+    /**
+     * Saves config
+     */
+    save(): void;
+    /**
+     * Applies config
+     */
+    apply(): void;
+    /**
+     * Updates the columns
+     */
+    updateColumns(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VdDynamicTableConfigDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdDynamicTableConfigDialogComponent, "vd-dynamic-table-config-dialog", never, {}, {}, never, never>;
+}

package/lib/base/components/generic-list.component.d.ts

@@ -219,6 +219,10 @@ export declare abstract class GenericListComponent<TEntity extends IEntity | any
      * @param item
      */
     trackById(_: number, item: any): any;
+    /**
+     * Opens the config dialog
+     */
+    openConfigDialog(): void;
     /**
      * Includes some navigations
      * @param inc

package/lib/common/styles/_layout.scss

@@ -4,7 +4,8 @@
 // ------------------------------
 
 $baseline-grid: 8px !default;
-$layout-gutter-width: ($baseline-grid * 2) !default;
+$layout-gutter-width: (
+    $baseline-grid * 2) !default;
 
 $layout-breakpoint-xs: 600px !default;
 $layout-breakpoint-sm: 960px !default;
@@ -21,7 +22,7 @@ $layout-breakpoint-lg: 1920px !default;
 }
 
 @mixin flex-order-for-name($sizes: null) {
-    @if $sizes == null {
+    @if $sizes ==null {
         $sizes: '';
 
         [flex-order] {
@@ -34,9 +35,11 @@ $layout-breakpoint-lg: 1920px !default;
         $suffix: '';
 
         @each $s in $sizes {
-            @if $s != '' {
+            @if $s  !='' {
                 $suffix: '-#{$s}="#{$i}"';
-            } @else {
+            }
+
+            @else {
                 $suffix: '="#{$i}"';
             }
 
@@ -50,7 +53,7 @@ $layout-breakpoint-lg: 1920px !default;
 }
 
 @mixin offset-for-name($sizes: null) {
-    @if $sizes == null {
+    @if $sizes ==null {
         $sizes: '';
     }
 
@@ -59,9 +62,11 @@ $layout-breakpoint-lg: 1920px !default;
         $suffix: '';
 
         @each $s in $sizes {
-            @if $s != '' {
+            @if $s  !='' {
                 $suffix: '-#{$s}="#{$i * 5}"';
-            } @else {
+            }
+
+            @else {
                 $suffix: '="#{$i * 5}"';
             }
 
@@ -78,9 +83,11 @@ $layout-breakpoint-lg: 1920px !default;
         $suffix: '';
 
         @each $s in $sizes {
-            @if $s != '' {
+            @if $s  !='' {
                 $suffix: '-#{$s}="#{$i}"';
-            } @else {
+            }
+
+            @else {
                 $suffix: '="#{$i}"';
             }
 
@@ -88,35 +95,39 @@ $layout-breakpoint-lg: 1920px !default;
         }
 
         #{$offsets} {
-            margin-left: calc(100% / 3);
-        }
+            margin-left: calc(100% / 3
+            );
     }
+}
 
-    @each $i in 66 {
-        $offsets: '';
-        $suffix: '';
-
-        @each $s in $sizes {
-            @if $s != '' {
-                $suffix: '-#{$s}="#{$i}"';
-            } @else {
-                $suffix: '="#{$i}"';
-            }
+@each $i in 66 {
+    $offsets: '';
+    $suffix: '';
 
-            $offsets: '[flex-offset#{$suffix}]';
+    @each $s in $sizes {
+        @if $s  !='' {
+            $suffix: '-#{$s}="#{$i}"';
         }
 
-        #{$offsets} {
-            margin-left: calc(200% / 3);
+        @else {
+            $suffix: '="#{$i}"';
         }
+
+        $offsets: '[flex-offset#{$suffix}]';
+    }
+
+    #{$offsets} {
+        margin-left: calc(200% / 3);
     }
 }
+}
 
 @mixin layout-for-name($name: null) {
-    @if $name == null {
+    @if $name ==null {
         $name: '';
     }
-    @if $name != '' {
+
+    @if $name  !='' {
         $name: '-#{$name}';
     }
 
@@ -130,9 +141,11 @@ $layout-breakpoint-lg: 1920px !default;
         display: -ms-flexbox;
         display: flex;
     }
+
     [layout#{$name}='column'] {
         flex-direction: column;
     }
+
     [layout#{$name}='row'] {
         flex-direction: row;
     }
@@ -140,10 +153,13 @@ $layout-breakpoint-lg: 1920px !default;
 
 @mixin flex-properties-for-name($name: null) {
     $flexName: 'flex';
-    @if $name != null {
+
+    @if $name  !=null {
         $flexName: 'flex-#{$name}';
         $name: '-#{$name}';
-    } @else {
+    }
+
+    @else {
         $name: '';
     }
 
@@ -151,6 +167,7 @@ $layout-breakpoint-lg: 1920px !default;
         flex: 1;
         box-sizing: border-box;
     }
+
     // === flex: 1 1 0%;
 
     // IE mediaQuery hack for 8,9,10 to set the flex-basis properly for 'flex' values
@@ -169,26 +186,31 @@ $layout-breakpoint-lg: 1920px !default;
         flex: 1 1 100%;
         box-sizing: border-box;
     }
+
     [#{$flexName}='initial'],
     [#{$flexName}-initial] {
         flex: 0 1 auto;
         box-sizing: border-box;
     }
+
     [#{$flexName}='auto'],
     [#{$flexName}-auto] {
         flex: 1 1 auto;
         box-sizing: border-box;
     }
+
     [#{$flexName}='none'],
     [#{$flexName}-none] {
         flex: 0 0 auto;
         box-sizing: border-box;
     }
+
     [#{$flexName}='noshrink'],
     [#{$flexName}-noshrink] {
         flex: 1 0 auto;
         box-sizing: border-box;
     }
+
     [#{$flexName}='nogrow'],
     [#{$flexName}-nogrow] {
         flex: 0 1 auto;
@@ -206,16 +228,16 @@ $layout-breakpoint-lg: 1920px !default;
             box-sizing: border-box;
         }
 
-        [layout='row'] > [#{$flexName}='#{$i * 5}'],
-        [layout#{$name}='row'] > [#{$flexName}='#{$i * 5}'] {
+        [layout='row']>[#{$flexName}='#{$i * 5}'],
+        [layout#{$name}='row']>[#{$flexName}='#{$i * 5}'] {
             flex: 1 1 #{$value};
             max-width: #{$value};
             max-height: 100%;
             box-sizing: border-box;
         }
 
-        [layout='column'] > [#{$flexName}='#{$i * 5}'],
-        [layout#{$name}='column'] > [#{$flexName}='#{$i * 5}'] {
+        [layout='column']>[#{$flexName}='#{$i * 5}'],
+        [layout#{$name}='column']>[#{$flexName}='#{$i * 5}'] {
             flex: 1 1 #{$value};
             max-width: 100%;
             max-height: #{$value};
@@ -225,60 +247,69 @@ $layout-breakpoint-lg: 1920px !default;
 
     [layout='row'],
     [layout#{$name}='row'] {
-        > [#{$flexName}='33'],
-        > [#{$flexName}='33'] {
+
+        >[#{$flexName}='33'],
+        >[#{$flexName}='33'] {
             flex: 1 1 33%;
             max-width: calc(100% / 3);
             max-height: 100%;
             box-sizing: border-box;
         }
-        > [#{$flexName}='34'],
-        > [#{$flexName}='34'] {
+
+        >[#{$flexName}='34'],
+        >[#{$flexName}='34'] {
             flex: 1 1 34%;
             max-width: 34%;
             max-height: 100%;
             box-sizing: border-box;
         }
-        > [#{$flexName}='66'],
-        > [#{$flexName}='66'] {
+
+        >[#{$flexName}='66'],
+        >[#{$flexName}='66'] {
             flex: 1 1 66%;
             max-width: calc(200% / 3);
             max-height: 100%;
             box-sizing: border-box;
         }
-        > [#{$flexName}='67'],
-        > [#{$flexName}='67'] {
+
+        >[#{$flexName}='67'],
+        >[#{$flexName}='67'] {
             flex: 1 1 67%;
             max-width: 67%;
             max-height: 100%;
             box-sizing: border-box;
         }
     }
+
     [layout='column'],
     [layout#{$name}='column'] {
-        > [#{$flexName}='33'],
-        > [#{$flexName}='33'] {
+
+        >[#{$flexName}='33'],
+        >[#{$flexName}='33'] {
             flex: 1 1 33%;
             max-width: 100%;
             max-height: calc(100% / 3);
             box-sizing: border-box;
         }
-        > [#{$flexName}='34'],
-        > [#{$flexName}='34'] {
+
+        >[#{$flexName}='34'],
+        >[#{$flexName}='34'] {
             flex: 1 1 34%;
             max-width: 100%;
             max-height: 34%;
             box-sizing: border-box;
         }
-        > [#{$flexName}='66'],
-        > [#{$flexName}='66'] {
+
+        >[#{$flexName}='66'],
+        >[#{$flexName}='66'] {
             flex: 1 1 66%;
             max-width: 100%;
             max-height: calc(200% / 3);
             box-sizing: border-box;
         }
-        > [#{$flexName}='67'],
-        > [#{$flexName}='67'] {
+
+        >[#{$flexName}='67'],
+        >[#{$flexName}='67'] {
             flex: 1 1 67%;
             max-width: 100%;
             max-height: 67%;
@@ -295,17 +326,20 @@ $layout-breakpoint-lg: 1920px !default;
     // ------------------------------
 
     $name: 'layout-align';
-    @if $suffix != null {
+
+    @if $suffix  !=null {
         $name: 'layout-align-#{$suffix}';
     }
 
     [#{$name}],
-  [#{$name}="start stretch"] // defaults
-    {
+    [#{$name}="start stretch"] // defaults
+
+        {
         justify-content: flex-start;
         align-content: stretch;
         align-items: stretch;
     }
+
     // Main Axis Center
     [#{$name}='start'],
     [#{$name}='start start'],
@@ -325,29 +359,32 @@ $layout-breakpoint-lg: 1920px !default;
     }
 
     // Main Axis End
-    [#{$name}="end"], //stretch
-  [#{$name}="end center"],
-  [#{$name}="end start"],
-  [#{$name}="end end"],
-  [#{$name}="end stretch"] {
+    [#{$name}="end"],
+    //stretch
+    [#{$name}="end center"],
+    [#{$name}="end start"],
+    [#{$name}="end end"],
+    [#{$name}="end stretch"] {
         justify-content: flex-end;
     }
 
     // Main Axis Space Around
-    [#{$name}="space-around"], //stretch
-  [#{$name}="space-around center"],
-  [#{$name}="space-around start"],
-  [#{$name}="space-around end"],
-  [#{$name}="space-around stretch"] {
+    [#{$name}="space-around"],
+    //stretch
+    [#{$name}="space-around center"],
+    [#{$name}="space-around start"],
+    [#{$name}="space-around end"],
+    [#{$name}="space-around stretch"] {
         justify-content: space-around;
     }
 
     // Main Axis Space Between
-    [#{$name}="space-between"], //stretch
-  [#{$name}="space-between center"],
-  [#{$name}="space-between start"],
-  [#{$name}="space-between end"],
-  [#{$name}="space-between stretch"] {
+    [#{$name}="space-between"],
+    //stretch
+    [#{$name}="space-between center"],
+    [#{$name}="space-between start"],
+    [#{$name}="space-between end"],
+    [#{$name}="space-between stretch"] {
         justify-content: space-between;
     }
 
@@ -377,18 +414,18 @@ $layout-breakpoint-lg: 1920px !default;
         max-width: 100%;
 
         // IE11 overflow https://github.com/philipwalton/flexbugs#2-column-flex-items-set-to-align-itemscenter-overflow-their-container
-        & > * {
+        &>* {
             max-width: 100%;
             box-sizing: border-box;
         }
     }
 
     // Cross Axis Center IE overflow fix
-    [#{$name}='start center'] > *,
-    [#{$name}='center center'] > *,
-    [#{$name}='end center'] > *,
-    [#{$name}='space-between center'] > *,
-    [#{$name}='space-around center'] > * {
+    [#{$name}='start center']>*,
+    [#{$name}='center center']>*,
+    [#{$name}='end center']>*,
+    [#{$name}='space-between center']>*,
+    [#{$name}='space-around center']>* {
         max-width: 100%;
         box-sizing: border-box;
     }
@@ -415,37 +452,40 @@ $layout-breakpoint-lg: 1920px !default;
 }
 
 @mixin layout-padding-margin() {
-    [layout-padding] > [flex-sm],
-    [layout-padding] > [flex-lt-md] {
+
+    [layout-padding]>[flex-sm],
+    [layout-padding]>[flex-lt-md] {
         padding: math.div($layout-gutter-width, 4);
     }
+
     [layout-padding],
-    [layout-padding] > [flex],
-    [layout-padding] > [flex-gt-sm],
-    [layout-padding] > [flex-md],
-    [layout-padding] > [flex-lt-lg] {
+    [layout-padding]>[flex],
+    [layout-padding]>[flex-gt-sm],
+    [layout-padding]>[flex-md],
+    [layout-padding]>[flex-lt-lg] {
         padding: math.div($layout-gutter-width, 2);
     }
-    [layout-padding] > [flex-gt-md],
-    [layout-padding] > [flex-lg] {
+
+    [layout-padding]>[flex-gt-md],
+    [layout-padding]>[flex-lg] {
         padding: math.div($layout-gutter-width, 1);
     }
 
-    [layout-margin] > [flex-sm],
-    [layout-margin] > [flex-lt-md] {
+    [layout-margin]>[flex-sm],
+    [layout-margin]>[flex-lt-md] {
         margin: math.div($layout-gutter-width, 4);
     }
 
     [layout-margin],
-    [layout-margin] > [flex],
-    [layout-margin] > [flex-gt-sm],
-    [layout-margin] > [flex-md],
-    [layout-margin] > [flex-lt-lg] {
+    [layout-margin]>[flex],
+    [layout-margin]>[flex-gt-sm],
+    [layout-margin]>[flex-md],
+    [layout-margin]>[flex-lt-lg] {
         margin: math.div($layout-gutter-width, 2);
     }
 
-    [layout-margin] > [flex-gt-md],
-    [layout-margin] > [flex-lg] {
+    [layout-margin]>[flex-gt-md],
+    [layout-margin]>[flex-lg] {
         margin: math.div($layout-gutter-width, 1);
     }
 
@@ -494,7 +534,8 @@ $layout-breakpoint-lg: 1920px !default;
     *         $layout-breakpoint-md:     1280px !default;
     *         $layout-breakpoint-lg:     1920px !default;
     */
-    @media (max-width: $layout-breakpoint-xs - 1) {
+    @media (max-width: ($layout-breakpoint-xs - 1)) {
+
         // Xtra-SMALL  SCREEN
         [hide-xs],
         [hide] {
@@ -502,6 +543,7 @@ $layout-breakpoint-lg: 1920px !default;
                 display: none;
             }
         }
+
         @include layouts_for_breakpoint(xs);
     }
 
@@ -510,7 +552,8 @@ $layout-breakpoint-lg: 1920px !default;
         @include layouts_for_breakpoint(gt-xs);
     }
 
-    @media (min-width: $layout-breakpoint-xs) and (max-width: $layout-breakpoint-sm - 1) {
+    @media (min-width: $layout-breakpoint-xs) and (max-width: ($layout-breakpoint-sm - 1)) {
+
         // SMALL SCREEN
         [hide-sm],
         [hide-gt-xs] {
@@ -518,9 +561,11 @@ $layout-breakpoint-lg: 1920px !default;
                 display: none;
             }
         }
+
         [hide-sm]:not([show-sm]):not([show]) {
             display: none;
         }
+
         @include layouts_for_breakpoint(sm);
     }
 
@@ -529,7 +574,8 @@ $layout-breakpoint-lg: 1920px !default;
         @include layouts_for_breakpoint(gt-sm);
     }
 
-    @media (min-width: $layout-breakpoint-sm) and (max-width: $layout-breakpoint-md - 1) {
+    @media (min-width: $layout-breakpoint-sm) and (max-width: ($layout-breakpoint-md - 1)) {
+
         // MEDIUM SCREEN
         [hide],
         [hide-gt-xs],
@@ -538,9 +584,11 @@ $layout-breakpoint-lg: 1920px !default;
                 display: none;
             }
         }
+
         [hide-md]:not([show-md]):not([show]) {
             display: none;
         }
+
         @include layouts_for_breakpoint(md);
     }
 
@@ -549,7 +597,8 @@ $layout-breakpoint-lg: 1920px !default;
         @include layouts_for_breakpoint(gt-md);
     }
 
-    @media (min-width: $layout-breakpoint-md) and (max-width: $layout-breakpoint-lg - 1) {
+    @media (min-width: $layout-breakpoint-md) and (max-width: ($layout-breakpoint-lg - 1)) {
+
         // LARGE SCREEN
         [hide],
         [hide-gt-xs],
@@ -559,6 +608,7 @@ $layout-breakpoint-lg: 1920px !default;
                 display: none;
             }
         }
+
         [hide-lg]:not([show-lg]):not([show]) {
             display: none;
         }
@@ -581,8 +631,15 @@ $layout-breakpoint-lg: 1920px !default;
                 display: none;
             }
         }
+
         [hide-xl]:not([show-xl]):not([show-gt-lg]):not([show]) {
             display: none;
         }
     }
+}
+
+.flat-dialog {
+    .mat-dialog-container {
+        padding: 0 !important;
+    }
 }

package/lib/forms/components/generic-form/generic-form.component.d.ts

@@ -44,6 +44,10 @@ export declare class VdGenericFormComponent implements OnInit {
      * form: FormGroup
      */
     formGroup: FormGroup;
+    /**
+     * classType: any
+     */
+    classType: any;
     /**
      * fieldGroups: FormFieldGroup[]
      */
@@ -134,5 +138,5 @@ export declare class VdGenericFormComponent implements OnInit {
      */
     isFunction(obj: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdGenericFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdGenericFormComponent, "vd-generic-form", never, { "formGroup": "formGroup"; "fieldGroups": "fieldGroups"; "groupName": "groupName"; "context": "context"; "separatorKeysCodes": "separatorKeysCodes"; }, {}, ["editorTemplate", "codeTemplate", "fileTemplate", "customTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdGenericFormComponent, "vd-generic-form", never, { "formGroup": "formGroup"; "classType": "classType"; "fieldGroups": "fieldGroups"; "groupName": "groupName"; "context": "context"; "separatorKeysCodes": "separatorKeysCodes"; }, {}, ["editorTemplate", "codeTemplate", "fileTemplate", "customTemplate"], never>;
 }