@colijnit/corecomponents_v12 254.1.1 → 254.1.3

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -11370,6 +11370,9 @@
         // for single select
         ListOfValuesPopupComponent.prototype.selectOptionAndClosePopup = function () {
             var _this = this;
+            if (this.viewModels.length === 1) {
+                this.selectNextOption();
+            }
             if (!this.model && this.searchTerm) {
                 var wishModel = this.viewModelsMain.find(function (vmm) { return vmm.model[_this.displayField] === _this.searchTerm; });
                 if (wishModel) {
@@ -11457,7 +11460,7 @@
     ListOfValuesPopupComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-list-of-values-popup',
-                    template: "\n        <div class=\"lov-options\" [overlay]=\"parentForOverlay\" [inheritWidth]=\"true\" [ngClass]=\"customCssClass\" id=\"lov-popup\"\n             role=\"listbox\" [tabindex]=\"-1\"\n             (clickOutside)=\"closePopup.emit($event)\">\n            <co-input-search *ngIf=\"multiselect\"\n                             tabindex=\"-1\"\n                             [(model)]=\"searchTerm\"\n                             [placeholder]=\"searchPlaceholder\"\n                             (keydown)=\"handleInputKeyDown($event)\"\n                             (modelChange)=\"filterViewModels()\"></co-input-search>\n            <ul class=\"dropdown-list\" #dropDownList>\n                <li #lovItem *ngFor=\"let viewModel of viewModels; let index = index\" [class.selected]=\"viewModel === highLightModel\"\n                    (click)=\"selectViewModel(viewModel, !multiselect)\" role=\"option\">\n                    <ng-container *ngIf=\"!multiselect\">\n                        <span class=\"lov-options-text\" [textContent]=\"viewModel.model[displayField]\"></span>\n                    </ng-container>\n                    <ng-container *ngIf=\"multiselect\">\n                        <co-input-checkbox [model]=\"viewModel.checked\" (modelChange)=\"selectViewModel(viewModel, false)\"></co-input-checkbox>\n                        <span class=\"lov-options-text\" [textContent]=\"viewModel.model[displayField]\"></span>\n                    </ng-container>\n                </li>\n            </ul>\n        </div>\n    ",
+                    template: "\n    <div class=\"lov-options\" [overlay]=\"parentForOverlay\" [inheritWidth]=\"true\" [ngClass]=\"customCssClass\"\n         id=\"lov-popup\"\n         role=\"listbox\" [tabindex]=\"-1\"\n         (clickOutside)=\"closePopup.emit($event)\">\n      <co-input-search *ngIf=\"multiselect\"\n                       tabindex=\"-1\"\n                       [(model)]=\"searchTerm\"\n                       [placeholder]=\"searchPlaceholder\"\n                       (keydown)=\"handleInputKeyDown($event)\"\n                       (modelChange)=\"filterViewModels()\"></co-input-search>\n      <ul class=\"dropdown-list\" #dropDownList>\n        <li\n          #lovItem\n          *ngFor=\"let viewModel of viewModels; let index = index\"\n          [class.selected]=\"viewModel === highLightModel || viewModels.length === 1\"\n          (click)=\"selectViewModel(viewModel, !multiselect)\"\n          role=\"option\">\n          <ng-container *ngIf=\"!multiselect\">\n            <span class=\"lov-options-text\" [textContent]=\"viewModel.model[displayField]\"></span>\n          </ng-container>\n          <ng-container *ngIf=\"multiselect\">\n            <co-input-checkbox [model]=\"viewModel.checked\"\n                               (modelChange)=\"selectViewModel(viewModel, false)\"></co-input-checkbox>\n            <span class=\"lov-options-text\" [textContent]=\"viewModel.model[displayField]\"></span>\n          </ng-container>\n        </li>\n      </ul>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -13975,6 +13978,32 @@
             this.colors.set(id, result);
             return result;
         };
+        ColorSequenceService.prototype.GetRandomColorWithSettings = function (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];
+            }
+            var hue = this.GetRandomNumber(h[0], h[1]);
+            var saturation = this.GetRandomNumber(s[0], s[1]);
+            var lightness = this.GetRandomNumber(l[0], l[1]);
+            var alpha = this.GetRandomNumber(a[0] * 100, a[1] * 100) / 100;
+            return this.GetHSLAColor(hue, saturation, lightness, alpha);
+        };
+        ColorSequenceService.prototype.GetRandomNumber = function (low, high) {
+            var r = Math.floor(Math.random() * (high - low + 1)) + low;
+            return r;
+        };
+        ColorSequenceService.prototype.GetHSLAColor = function (h, s, l, a) {
+            return "hsl(" + h + ", " + s + "%, " + l + "%, " + a + ")";
+        };
         return ColorSequenceService;
     }());
     ColorSequenceService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ColorSequenceService_Factory() { return new ColorSequenceService(); }, token: ColorSequenceService, providedIn: "root" });