@colijnit/corecomponents_v12 12.2.28 → 253.1.1

package/fesm2015/colijnit-corecomponents_v12.js

@@ -9254,6 +9254,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         this.showDelete = false;
         this.editOnCellClick = true;
         this.rightToolbar = false;
+        this.showGridSettings = false;
         this.rowsPerPage = 1000;
         this.editing = false;
         this.isSettingsMenuOpen = false;
@@ -9457,6 +9458,9 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         this.isSettingsMenuOpen = !this.isSettingsMenuOpen;
     }
     toggleColumnMenu(col) {
+        if (!this.showGridSettings) {
+            return;
+        }
         this.isSettingsMenuOpen = false;
         if (col.isSelected) {
             col.isSelected = false;
@@ -9726,6 +9730,7 @@ SimpleGridComponent.decorators = [
             <ng-template #noHeaderTemplate>
               <div class="simple-grid-column-header-label"
                    [ngClass]="column.textAlign ? column.textAlign : defaultTextAlign"
+                   [class.with-menu]="showGridSettings"
                    [textContent]="column.headerText || '&nbsp;'"
                    (click)="toggleColumnMenu(column)">
               </div>
@@ -9743,7 +9748,7 @@ SimpleGridComponent.decorators = [
             ></div>
           </div>
         </th>
-        <th class="simple-grid-column-header grid-settings">
+        <th *ngIf="showGridSettings" class="simple-grid-column-header grid-settings">
           <co-button
             [class.selected]="isSettingsMenuOpen"
             [iconData]="icons.getIcon(Icons.CogWheels)"
@@ -9801,7 +9806,7 @@ SimpleGridComponent.decorators = [
               </td>
             </ng-container>
           </ng-container>
-          <td></td>
+          <td *ngIf="showGridSettings"></td>
         </co-form>
       </tr>
       </tbody>
@@ -9834,6 +9839,7 @@ SimpleGridComponent.propDecorators = {
     showDelete: [{ type: Input }],
     editOnCellClick: [{ type: Input }],
     rightToolbar: [{ type: Input }],
+    showGridSettings: [{ type: Input }],
     rowsPerPage: [{ type: Input }],
     rowDisabledFn: [{ type: Input }],
     canRowBeEdittedFn: [{ type: Input }],
@@ -10795,6 +10801,9 @@ class ListOfValuesPopupComponent {
     }
     // for single select
     selectOptionAndClosePopup() {
+        if (this.viewModels.length === 1) {
+            this.selectNextOption();
+        }
         if (!this.model && this.searchTerm) {
             const wishModel = this.viewModelsMain.find(vmm => vmm.model[this.displayField] === this.searchTerm);
             if (wishModel) {
@@ -10877,29 +10886,35 @@ ListOfValuesPopupComponent.decorators = [
     { type: Component, args: [{
                 selector: 'co-list-of-values-popup',
                 template: `
-        <div class="lov-options" [overlay]="parentForOverlay" [inheritWidth]="true" [ngClass]="customCssClass" id="lov-popup"
-             role="listbox" [tabindex]="-1"
-             (clickOutside)="closePopup.emit($event)">
-            <co-input-search *ngIf="multiselect"
-                             tabindex="-1"
-                             [(model)]="searchTerm"
-                             [placeholder]="searchPlaceholder"
-                             (keydown)="handleInputKeyDown($event)"
-                             (modelChange)="filterViewModels()"></co-input-search>
-            <ul class="dropdown-list" #dropDownList>
-                <li #lovItem *ngFor="let viewModel of viewModels; let index = index" [class.selected]="viewModel === highLightModel"
-                    (click)="selectViewModel(viewModel, !multiselect)" role="option">
-                    <ng-container *ngIf="!multiselect">
-                        <span class="lov-options-text" [textContent]="viewModel.model[displayField]"></span>
-                    </ng-container>
-                    <ng-container *ngIf="multiselect">
-                        <co-input-checkbox [model]="viewModel.checked" (modelChange)="selectViewModel(viewModel, false)"></co-input-checkbox>
-                        <span class="lov-options-text" [textContent]="viewModel.model[displayField]"></span>
-                    </ng-container>
-                </li>
-            </ul>
-        </div>
-    `,
+    <div class="lov-options" [overlay]="parentForOverlay" [inheritWidth]="true" [ngClass]="customCssClass"
+         id="lov-popup"
+         role="listbox" [tabindex]="-1"
+         (clickOutside)="closePopup.emit($event)">
+      <co-input-search *ngIf="multiselect"
+                       tabindex="-1"
+                       [(model)]="searchTerm"
+                       [placeholder]="searchPlaceholder"
+                       (keydown)="handleInputKeyDown($event)"
+                       (modelChange)="filterViewModels()"></co-input-search>
+      <ul class="dropdown-list" #dropDownList>
+        <li
+          #lovItem
+          *ngFor="let viewModel of viewModels; let index = index"
+          [class.selected]="viewModel === highLightModel || viewModels.length === 1"
+          (click)="selectViewModel(viewModel, !multiselect)"
+          role="option">
+          <ng-container *ngIf="!multiselect">
+            <span class="lov-options-text" [textContent]="viewModel.model[displayField]"></span>
+          </ng-container>
+          <ng-container *ngIf="multiselect">
+            <co-input-checkbox [model]="viewModel.checked"
+                               (modelChange)="selectViewModel(viewModel, false)"></co-input-checkbox>
+            <span class="lov-options-text" [textContent]="viewModel.model[displayField]"></span>
+          </ng-container>
+        </li>
+      </ul>
+    </div>
+  `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
@@ -13520,6 +13535,32 @@ class ColorSequenceService {
         this.colors.set(id, result);
         return result;
     }
+    GetRandomColorWithSettings(h, s, l, a) {
+        if (!h || !Array.isArray(h) || h.length < 2) {
+            h = [0, 360];
+        }
+        if (!s || !Array.isArray(s) || s.length < 2) {
+            s = [0, 100];
+        }
+        if (!l || !Array.isArray(l) || l.length < 2) {
+            l = [0, 100];
+        }
+        if (!a || !Array.isArray(a) || a.length < 2) {
+            a = [0, 1];
+        }
+        let hue = this.GetRandomNumber(h[0], h[1]);
+        let saturation = this.GetRandomNumber(s[0], s[1]);
+        let lightness = this.GetRandomNumber(l[0], l[1]);
+        let alpha = this.GetRandomNumber(a[0] * 100, a[1] * 100) / 100;
+        return this.GetHSLAColor(hue, saturation, lightness, alpha);
+    }
+    GetRandomNumber(low, high) {
+        let r = Math.floor(Math.random() * (high - low + 1)) + low;
+        return r;
+    }
+    GetHSLAColor(h, s, l, a) {
+        return `hsl(${h}, ${s}%, ${l}%, ${a})`;
+    }
 }
 ColorSequenceService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ColorSequenceService_Factory() { return new ColorSequenceService(); }, token: ColorSequenceService, providedIn: "root" });
 ColorSequenceService.decorators = [