@colijnit/corecomponents_v12 259.1.11 → 259.1.13

package/fesm2015/colijnit-corecomponents_v12.js

@@ -1039,6 +1039,8 @@ var CoreComponentsIcon;
     CoreComponentsIcon["Cancel"] = "cancel";
     CoreComponentsIcon["CancelRoundFilled"] = "cancel_round_filled";
     CoreComponentsIcon["CancelRoundOpen"] = "cancel_round_open";
+    CoreComponentsIcon["CaretDownSolid"] = "caret_down_solid";
+    CoreComponentsIcon["CaretUpSolid"] = "caret_up_solid";
     CoreComponentsIcon["Cart"] = "cart";
     CoreComponentsIcon["CartOpen"] = "cart_open";
     CoreComponentsIcon["CaseManager"] = "case_manager";
@@ -1343,6 +1345,8 @@ const CoreComponentsIconSvg = {
     "cancel": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"36 35.16 30.45 35.16 14 14.84 19.55 14.84 36 35.16\" fill=\"#484f60\"/><polygon points=\"14 35.16 19.55 35.16 36 14.84 30.45 14.84 14 35.16\" fill=\"#484f60\"/></svg>",
     "cancel_round_filled": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M25,10A15,15,0,1,0,40,25,15,15,0,0,0,25,10Zm9.38,23.32h-5.3L25,28.27l-4.08,5.05H15.63L22.35,25l-6.72-8.32h5.29L25,21.73l4.08-5.05h5.3L27.64,25Z\" fill=\"#484f60\"/></svg>",
     "cancel_round_open": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M25,40.17a15,15,0,1,1,15-15A15,15,0,0,1,25,40.17Zm0-29a14,14,0,1,0,14,14A14,14,0,0,0,25,11.13Z\" fill=\"#484f60\"/><polygon points=\"29.41 32.25 25 26.79 20.59 32.25 17.96 32.25 23.68 25.17 17.96 18.09 20.59 18.09 25 23.54 29.41 18.09 32.04 18.09 26.32 25.17 32.04 32.25 29.41 32.25\" fill=\"#484f60\"/></svg>",
+    "caret_down_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\"><path d=\"M480 224C492.9 224 504.6 231.8 509.6 243.8C514.6 255.8 511.8 269.5 502.7 278.7L342.7 438.7C330.2 451.2 309.9 451.2 297.4 438.7L137.4 278.7C128.2 269.5 125.5 255.8 130.5 243.8C135.5 231.8 147.1 224 160 224L480 224z\"/></svg>",
+    "caret_up_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\"><path d=\"M160 416C147.1 416 135.4 408.2 130.4 396.2C125.4 384.2 128.2 370.5 137.4 361.4L297.4 201.4C309.9 188.9 330.2 188.9 342.7 201.4L502.7 361.4C511.9 370.6 514.6 384.3 509.6 396.3C504.6 408.3 492.9 416 480 416L160 416z\"/></svg>",
     "cart": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M16.58,34.84a1.8,1.8,0,1,0,1.8,1.8A1.79,1.79,0,0,0,16.58,34.84Z\" fill=\"#484f60\"/><path d=\"M31.49,34.84a1.8,1.8,0,1,0,1.8,1.8A1.79,1.79,0,0,0,31.49,34.84Z\" fill=\"#484f60\"/><path d=\"M13.39,31.55A1.73,1.73,0,0,0,15,32.72H32.64a1.51,1.51,0,0,0,1.43-1.2L36.6,19a.89.89,0,0,0-1-1.09L10.92,20.83a1,1,0,0,0-.87,1.28Zm19-2.05a1.52,1.52,0,0,1-1.44,1.2H16.51a1.75,1.75,0,0,1-1.57-1.17l-2.31-5.6a1,1,0,0,1,.85-1.29l19.71-2.51a.88.88,0,0,1,1,1.08Z\" fill=\"#484f60\"/><path d=\"M39,17a1.87,1.87,0,0,0-1.36,1.46l-.42,2.89c-.1.67.31,1,.9.7a2.75,2.75,0,0,0,1.33-1.7L40,18A.73.73,0,0,0,39,17Z\" fill=\"#484f60\"/></svg>",
     "cart_open": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><circle cx=\"17.08\" cy=\"34.14\" r=\"1.8\" fill=\"#4d5050\"/><circle cx=\"31.99\" cy=\"34.14\" r=\"1.8\" fill=\"#4d5050\"/><path d=\"M672.39,388.55a1.73,1.73,0,0,0,1.56,1.17h17.69a1.51,1.51,0,0,0,1.43-1.2L695.6,376a.88.88,0,0,0-1-1.08l-24.68,2.93a1,1,0,0,0-.87,1.28Zm19-2.05a1.52,1.52,0,0,1-1.43,1.2h-14.4a1.75,1.75,0,0,1-1.57-1.16l-2.31-5.61a1,1,0,0,1,.86-1.28l19.71-2.51a.87.87,0,0,1,1,1.08Z\" transform=\"translate(-658.5 -359.5)\" fill=\"#4d5050\"/><path d=\"M698,374a1.88,1.88,0,0,0-1.37,1.46l-.42,2.9c-.1.66.31,1,.9.7a2.74,2.74,0,0,0,1.33-1.7L699,375A.74.74,0,0,0,698,374Z\" transform=\"translate(-658.5 -359.5)\" fill=\"#4d5050\"/></svg>",
     "case_manager": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M26.85,29H23.46a.89.89,0,0,0-.88.88v5.28L24,32.3c.08-.74.69-1.32,2.86-1.36H36v-1.1a.89.89,0,0,0-.88-.88H26.85Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M35.38,38.29a.88.88,0,0,1-.88.88H23.76a.88.88,0,0,1-.88-.88l2.2-5.38A.88.88,0,0,1,26,32H36.7a.88.88,0,0,1,.88.88Z\" fill=\"#484f60\" opacity=\"0.75\"/><path d=\"M20.58,35.11V29.83A2.89,2.89,0,0,1,23.46,27h7.4l1.72-1.89a4.22,4.22,0,0,0-4-3.87h-.49c-1.11,1.57-3.41,3.44-5.56,3.44S18,22.76,16.94,21.19h-.49a4.21,4.21,0,0,0-4,3.87l2.68,3c0,1.77,1.81,8.15,4,8.15h1.44Z\" fill=\"#484f60\"/><path d=\"M28.68,16.31c0,2.71-2.77,5.77-6.18,5.77S16.31,19,16.31,16.31s2.77-5.14,6.19-5.14S28.68,13.59,28.68,16.31Z\" fill=\"#484f60\"/></svg>",
@@ -4533,7 +4537,7 @@ CoDialogWizardComponent.decorators = [
       <div class="dialog-header">
         <ng-content select="[header]"></ng-content>
         <div class="dialog-close-button" *ngIf="showCloseIcon" (click)="closeClick.emit($event)">
-          <co-icon [icon]="icons.Cancel"></co-icon>
+          <co-icon [icon]="icons.CrossSkinny"></co-icon>
         </div>
       </div>
 
@@ -9321,7 +9325,8 @@ SimpleGridColumnDirective.propDecorators = {
 };
 
 class BaseSimpleGridComponent {
-    constructor() {
+    constructor(changeDetection) {
+        this.changeDetection = changeDetection;
         this.MIN_COLUMN_WIDTH = 50;
         this.dataChanged = new Subject();
         this.dragDropEnabled = false;
@@ -9337,6 +9342,7 @@ class BaseSimpleGridComponent {
         this.emitDragDrop = false;
         this.onDrop = new EventEmitter();
         this.selectRow = new EventEmitter();
+        this.deselectRow = new EventEmitter();
         this.dblClickRow = new EventEmitter();
         this.saveRow = new EventEmitter();
         this.deleteRow = new EventEmitter();
@@ -9414,40 +9420,52 @@ class BaseSimpleGridComponent {
         return row.singleColumnIndex;
     }
     prepareDataRow(row, index) {
+        return __awaiter(this, void 0, void 0, function* () {
+        });
     }
     _setColumns(columns) {
         this.columns.push(...columns);
         this.columns.sort((a, b) => a.order < b.order ? -1 : 1);
     }
     _prepareData() {
-        if (this._prepared) {
-            return;
-        }
-        this.disabledRows.length = 0;
-        if (this.columns && this.columns.length > 0) {
-            this.headerColumns = this.columns.filter(c => !c.singleColumn);
-            this.headerColumnsCopy = this.headerColumns;
-            let singleColumnIndex = -1;
-            for (let i = 0; i < this.columns.length; i++) {
-                if (this.columns[i].singleColumn) {
-                    singleColumnIndex = i;
-                    break;
-                }
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this._prepared) {
+                return;
             }
-            // first check if there's single column data
-            if (singleColumnIndex > -1 && this.data && this.data.length > 0) {
-                const field = this.columns[singleColumnIndex].field;
-                for (let i = 0; i < this.data.length; i++) { // then mark row as single column row
-                    if (this.data[i][field] !== undefined && this.data[i][field] !== null && this.data[i][field] !== "") {
-                        // bit nasty to add prop, but cool for now
-                        this.data[i].singleColumnIndex = singleColumnIndex;
+            this.disabledRows.length = 0;
+            if (this.columns && this.columns.length > 0) {
+                this.headerColumns = this.columns.filter(c => !c.singleColumn);
+                this.headerColumnsCopy = this.headerColumns;
+                let singleColumnIndex = -1;
+                for (let i = 0; i < this.columns.length; i++) {
+                    if (this.columns[i].singleColumn) {
+                        singleColumnIndex = i;
+                        break;
+                    }
+                }
+                // first check if there's single column data
+                if (this.data && this.data.length > 0) {
+                    if (singleColumnIndex > -1) {
+                        const field = this.columns[singleColumnIndex].field;
+                        for (let i = 0; i < this.data.length; i++) { // then mark row as single column row
+                            if (this.data[i][field] !== undefined && this.data[i][field] !== null && this.data[i][field] !== "") {
+                                // bit nasty to add prop, but cool for now
+                                this.data[i].singleColumnIndex = singleColumnIndex;
+                            }
+                            yield this.prepareDataRow(this.data[i], i);
+                        }
+                    }
+                    else {
+                        for (let j = 0; j < this.data.length; j++) {
+                            yield this.prepareDataRow(this.data[j], j);
+                        }
                     }
-                    this.prepareDataRow(this.data[i], i);
                 }
+                this._prepared = true;
             }
-            this._prepared = true;
-        }
-        this._resizeColumnsToFit();
+            this._resizeColumnsToFit();
+            this.changeDetection.detectChanges();
+        });
     }
     _resizeColumnsToFit() {
         const calculateColumns = this.columns.filter(c => !c.autoFit && !c.width);
@@ -9467,6 +9485,9 @@ class BaseSimpleGridComponent {
 BaseSimpleGridComponent.decorators = [
     { type: Directive }
 ];
+BaseSimpleGridComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
 BaseSimpleGridComponent.propDecorators = {
     content: [{ type: ContentChildren, args: [SimpleGridColumnDirective,] }],
     data: [{ type: Input }],
@@ -9481,6 +9502,7 @@ BaseSimpleGridComponent.propDecorators = {
     extraColumns: [{ type: Input }],
     onDrop: [{ type: Output }],
     selectRow: [{ type: Output }],
+    deselectRow: [{ type: Output }],
     dblClickRow: [{ type: Output }],
     saveRow: [{ type: Output }],
     deleteRow: [{ type: Output }],
@@ -9491,14 +9513,15 @@ BaseSimpleGridComponent.propDecorators = {
 };
 
 class SimpleGridComponent extends BaseSimpleGridComponent {
-    constructor(icons, _changeDetection, _formMaster) {
-        super();
+    constructor(icons, changeDetection, _formMaster) {
+        super(changeDetection);
         this.icons = icons;
-        this._changeDetection = _changeDetection;
+        this.changeDetection = changeDetection;
         this._formMaster = _formMaster;
         this.defaultTextAlign = ColumnAlign.Left;
         this.showAdd = false;
         this.showDelete = false;
+        this.deselectAllowed = false;
         this.editOnCellClick = true;
         this.rightToolbar = false;
         this.showGridSettings = false;
@@ -9540,7 +9563,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
             this._nextAvailableCellToEdit(!event.shiftKey, this.editCellIndex)
                 .then((index) => {
                 this.editCellIndex = index;
-                this._changeDetection.markForCheck();
+                this.changeDetection.markForCheck();
             });
             this._detectChanges();
         }
@@ -9683,6 +9706,12 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
                 this.selectRow.next(this.data[absoluteIndex]);
             }
         }
+        else if (this.selectedRowIndex === index && this.deselectAllowed && ((this.editing && this.validateAndSave()) || !this.editing)) {
+            this.selectedRowIndex = -1;
+            if (emit) {
+                this.deselectRow.next();
+            }
+        }
         this._detectChanges();
     }
     handleDblClickRow(event, index, row) {
@@ -9881,7 +9910,9 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         return hasSelectedTrue ? items.filter(item => item.selected === true) : items;
     }
     prepareDataRow(row, index) {
-        this.isRowDisabled(row, index);
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.isRowDisabled(row, index);
+        });
     }
     _resetDblClick() {
         setTimeout(() => {
@@ -10018,7 +10049,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         this._detectChanges();
     }
     _detectChanges() {
-        this._changeDetection.detectChanges();
+        this.changeDetection.detectChanges();
     }
     _resetEdit() {
         this._newRow = false;
@@ -10219,6 +10250,7 @@ SimpleGridComponent.propDecorators = {
     rowElements: [{ type: ViewChildren, args: ['rowElement',] }],
     showAdd: [{ type: Input }],
     showDelete: [{ type: Input }],
+    deselectAllowed: [{ type: Input }],
     editOnCellClick: [{ type: Input }],
     rightToolbar: [{ type: Input }],
     showGridSettings: [{ type: Input }],
@@ -11835,7 +11867,8 @@ ListOfIconsComponent.decorators = [
                 template: `
     <div class="icon-item active" [class.menu-opened]="showMenu" (click)="toggleMenu()">
       <co-icon [iconData]="activeItem.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
-      <co-icon class="drop-arrow" [iconData]="icons.getIcon(Icon.ArrowPointDown)"></co-icon>
+      <co-icon *ngIf="!showMenu" class="drop-arrow" [iconData]="icons.getIcon(Icon.CaretDownSolid)"></co-icon>
+      <co-icon *ngIf="showMenu" class="drop-arrow" [iconData]="icons.getIcon(Icon.CaretUpSolid)"></co-icon>
     </div>
     <div class="dropdown-menu" *ngIf="showMenu" (clickOutside)="onClickOutside()">
       <div class="icon-item" *ngFor="let item of collection" (click)="selectItem(item)"