@colijnit/corecomponents_v12 12.2.14 → 12.2.16

package/lib/components/loader/loader.component.d.ts

@@ -0,0 +1,3 @@
+export declare class LoaderComponent {
+    showClass(): boolean;
+}

package/lib/components/loader/loader.module.d.ts

@@ -0,0 +1,2 @@
+export declare class LoaderModule {
+}

package/lib/components/loader/style/_layout.scss

@@ -0,0 +1,65 @@
+@include export-module('co-loader-layout') {
+  .co-loader {
+    display: block;
+    height: $cc-co-loader-size;
+    width: auto;
+    aspect-ratio: 1;
+    .circle {
+      fill: none;
+    }
+    .main-color {
+      fill: $cc-co-loader-main-color;
+    }
+
+    .second-color {
+      fill: $cc-co-loader-second-color;
+    }
+    #ring {
+      stroke-width: $cc-co-loader-ring-width;
+      fill: $cc-co-loader-background-color;
+      stroke: $cc-co-loader-main-color;
+      transform-origin: center;
+      animation: spin $cc-co-loader-ring-animation-duration linear infinite;
+      stroke-linecap: round;
+      stroke-dasharray: 270 50;
+    }
+    .spinner-gradient-stop {
+      stop-color: $cc-co-loader-main-color;
+    }
+    #i, #o, #n, #e {
+      transform-origin: center;
+      animation: morphingLetters $cc-co-loader-letter-animation-duration ease-in-out infinite;
+      animation-direction: alternate;
+    }
+    #o {
+      animation-delay: .2s;
+    }
+    #n {
+      animation-delay: .4s;
+    }
+    #e {
+      animation-delay: .6s;
+    }
+  }
+}
+
+@keyframes morphingLetters {
+  0% {
+    transform: scale(0);
+  }
+  20% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/lib/components/loader/style/_material-definition.scss

@@ -0,0 +1,7 @@
+$cc-co-loader-size: 100px !default;
+$cc-co-loader-background-color: #171721 !default;
+$cc-co-loader-main-color: #3EE2BE !default;
+$cc-co-loader-second-color: white !default;
+$cc-co-loader-ring-width: 6px !default;
+$cc-co-loader-ring-animation-duration: 2s !default;
+$cc-co-loader-letter-animation-duration: 2s !default;

package/lib/components/loader/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-loader-theme') {
+  .co-loader {
+  }
+}

package/lib/components/loader/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/components/simple-grid/simple-grid.component.d.ts

@@ -9,9 +9,14 @@ export declare class SimpleGridComponent extends BaseSimpleGridComponent {
     set headerCells(cells: any);
     showAdd: boolean;
     showDelete: boolean;
+    editOnCellClick: boolean;
     rightToolbar: boolean;
     rowsPerPage: number;
     rowDisabledFn: Function;
+    /**
+     * Promise function, if provided should return boolean
+     */
+    canRowBeEdittedFn: Function;
     showClass(): boolean;
     handleKeyDown(event: KeyboardEvent): void;
     editing: boolean;
@@ -33,7 +38,7 @@ export declare class SimpleGridComponent extends BaseSimpleGridComponent {
     removeRow(): void;
     handleClickRow(event: MouseEvent, index: number, row: any): void;
     selectTheRow(index: number, emit?: boolean): void;
-    handleDblClickRow(event: MouseEvent, index: number, row: any): void;
+    handleDblClickRow(event: MouseEvent, index: number, row: any): Promise<void>;
     editRow(event: MouseEvent, selectCell?: boolean): void;
     handleCellClick(event: MouseEvent, row: any, rowIndex: number, cellIndex: number): void;
     private _resetDblClick;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/corecomponents_v12",
-  "version": "12.2.14",
+  "version": "12.2.16",
   "description": "Colijn IT core components for Angular 12",
   "private": false,
   "peerDependencies": {

package/public-api.d.ts

@@ -91,6 +91,8 @@ export * from './lib/components/filter-item/filter-item-viewmodel';
 export * from './lib/components/filter-item/filter-viewmodel';
 export * from './lib/components/input-scanner/input-scanner.component';
 export * from './lib/components/input-scanner/input-scanner.module';
+export * from './lib/components/loader/loader.module';
+export * from './lib/components/loader/loader.component';
 export * from './lib/pipes/price-display.pipe';
 export * from './lib/pipes/price-display-pipe.module';
 export * from './lib/pipes/filter.pipe';