@colijnit/corecomponents_v12 12.2.29 → 254.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/colijnit-corecomponents_v12.umd.js +26 -0
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/service/color-sequence.service.js +27 -1
- package/fesm2015/colijnit-corecomponents_v12.js +26 -0
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/button/style/_layout.scss +31 -1
- package/lib/components/simple-grid/style/_layout.scss +0 -3
- package/lib/service/color-sequence.service.d.ts +3 -0
- package/package.json +4 -3
|
@@ -13,6 +13,32 @@ export class ColorSequenceService {
|
|
|
13
13
|
this.colors.set(id, result);
|
|
14
14
|
return result;
|
|
15
15
|
}
|
|
16
|
+
GetRandomColorWithSettings(h, s, l, a) {
|
|
17
|
+
if (!h || !Array.isArray(h) || h.length < 2) {
|
|
18
|
+
h = [0, 360];
|
|
19
|
+
}
|
|
20
|
+
if (!s || !Array.isArray(s) || s.length < 2) {
|
|
21
|
+
s = [0, 100];
|
|
22
|
+
}
|
|
23
|
+
if (!l || !Array.isArray(l) || l.length < 2) {
|
|
24
|
+
l = [0, 100];
|
|
25
|
+
}
|
|
26
|
+
if (!a || !Array.isArray(a) || a.length < 2) {
|
|
27
|
+
a = [0, 1];
|
|
28
|
+
}
|
|
29
|
+
let hue = this.GetRandomNumber(h[0], h[1]);
|
|
30
|
+
let saturation = this.GetRandomNumber(s[0], s[1]);
|
|
31
|
+
let lightness = this.GetRandomNumber(l[0], l[1]);
|
|
32
|
+
let alpha = this.GetRandomNumber(a[0] * 100, a[1] * 100) / 100;
|
|
33
|
+
return this.GetHSLAColor(hue, saturation, lightness, alpha);
|
|
34
|
+
}
|
|
35
|
+
GetRandomNumber(low, high) {
|
|
36
|
+
let r = Math.floor(Math.random() * (high - low + 1)) + low;
|
|
37
|
+
return r;
|
|
38
|
+
}
|
|
39
|
+
GetHSLAColor(h, s, l, a) {
|
|
40
|
+
return `hsl(${h}, ${s}%, ${l}%, ${a})`;
|
|
41
|
+
}
|
|
16
42
|
}
|
|
17
43
|
ColorSequenceService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ColorSequenceService_Factory() { return new ColorSequenceService(); }, token: ColorSequenceService, providedIn: "root" });
|
|
18
44
|
ColorSequenceService.decorators = [
|
|
@@ -20,4 +46,4 @@ ColorSequenceService.decorators = [
|
|
|
20
46
|
providedIn: 'root'
|
|
21
47
|
},] }
|
|
22
48
|
];
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3Itc2VxdWVuY2Uuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmVjb21wb25lbnRzL3NyYy9saWIvc2VydmljZS9jb2xvci1zZXF1ZW5jZS5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBS3pDLE1BQU0sT0FBTyxvQkFBb0I7SUFIakM7UUFLUyxXQUFNLEdBQXdCLElBQUksR0FBRyxFQUFrQixDQUFDO0tBMENoRTtJQXhDUSxjQUFjLENBQUMsRUFBVTtRQUM5QixJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxFQUFFO1lBQ3ZCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUM7U0FDNUI7UUFDRCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxRQUFRLENBQUMsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDdEUsTUFBTSxNQUFNLEdBQVcsR0FBRyxHQUFHLFdBQVcsQ0FBQztRQUN6QyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFDNUIsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztJQUVNLDBCQUEwQixDQUFDLENBQVksRUFBRSxDQUFZLEVBQUUsQ0FBWSxFQUFFLENBQVk7UUFDdEYsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDM0MsQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1NBQ2Q7UUFDRCxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUMzQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7U0FDZDtRQUNELElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQzNDLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztTQUNkO1FBQ0QsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDM0MsQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1NBQ1o7UUFFRCxJQUFJLEdBQUcsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUMzQyxJQUFJLFVBQVUsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNsRCxJQUFJLFNBQVMsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNqRCxJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsQ0FBQztRQUMvRCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUVNLGVBQWUsQ0FBQyxHQUFHLEVBQUUsSUFBSTtRQUM5QixJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxDQUFDLElBQUksR0FBRyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUM7UUFDM0QsT0FBTyxDQUFDLENBQUM7SUFDWCxDQUFDO0lBRU0sWUFBWSxDQUFDLENBQVMsRUFBRSxDQUFTLEVBQUUsQ0FBUyxFQUFFLENBQVM7UUFDNUQsT0FBTyxPQUFPLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDO0lBQ3pDLENBQUM7Ozs7WUE3Q0YsVUFBVSxTQUFDO2dCQUNWLFVBQVUsRUFBRSxNQUFNO2FBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtJbmplY3RhYmxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBJbmplY3RhYmxlKHtcclxuICBwcm92aWRlZEluOiAncm9vdCdcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbG9yU2VxdWVuY2VTZXJ2aWNlIHtcclxuXHJcbiAgcHVibGljIGNvbG9yczogTWFwPG51bWJlciwgc3RyaW5nPiA9IG5ldyBNYXA8bnVtYmVyLCBzdHJpbmc+KCk7XHJcblxyXG4gIHB1YmxpYyBnZXRSYW5kb21Db2xvcihpZDogbnVtYmVyKTogc3RyaW5nIHtcclxuICAgIGlmICh0aGlzLmNvbG9ycy5oYXMoaWQpKSB7XHJcbiAgICAgIHJldHVybiB0aGlzLmNvbG9ycy5nZXQoaWQpO1xyXG4gICAgfVxyXG4gICAgY29uc3QgcmFuZG9tQ29sb3IgPSBNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiAxNjc3NzIxNSkudG9TdHJpbmcoMTYpO1xyXG4gICAgY29uc3QgcmVzdWx0OiBzdHJpbmcgPSAnIycgKyByYW5kb21Db2xvcjtcclxuICAgIHRoaXMuY29sb3JzLnNldChpZCwgcmVzdWx0KTtcclxuICAgIHJldHVybiByZXN1bHQ7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgR2V0UmFuZG9tQ29sb3JXaXRoU2V0dGluZ3MoaD86IG51bWJlcltdLCBzPzogbnVtYmVyW10sIGw/OiBudW1iZXJbXSwgYT86IG51bWJlcltdKTogc3RyaW5nIHtcclxuICAgIGlmICghaCB8fCAhQXJyYXkuaXNBcnJheShoKSB8fCBoLmxlbmd0aCA8IDIpIHtcclxuICAgICAgaCA9IFswLCAzNjBdO1xyXG4gICAgfVxyXG4gICAgaWYgKCFzIHx8ICFBcnJheS5pc0FycmF5KHMpIHx8IHMubGVuZ3RoIDwgMikge1xyXG4gICAgICBzID0gWzAsIDEwMF07XHJcbiAgICB9XHJcbiAgICBpZiAoIWwgfHwgIUFycmF5LmlzQXJyYXkobCkgfHwgbC5sZW5ndGggPCAyKSB7XHJcbiAgICAgIGwgPSBbMCwgMTAwXTtcclxuICAgIH1cclxuICAgIGlmICghYSB8fCAhQXJyYXkuaXNBcnJheShhKSB8fCBhLmxlbmd0aCA8IDIpIHtcclxuICAgICAgYSA9IFswLCAxXTtcclxuICAgIH1cclxuXHJcbiAgICBsZXQgaHVlID0gdGhpcy5HZXRSYW5kb21OdW1iZXIoaFswXSwgaFsxXSk7XHJcbiAgICBsZXQgc2F0dXJhdGlvbiA9IHRoaXMuR2V0UmFuZG9tTnVtYmVyKHNbMF0sIHNbMV0pO1xyXG4gICAgbGV0IGxpZ2h0bmVzcyA9IHRoaXMuR2V0UmFuZG9tTnVtYmVyKGxbMF0sIGxbMV0pO1xyXG4gICAgbGV0IGFscGhhID0gdGhpcy5HZXRSYW5kb21OdW1iZXIoYVswXSAqIDEwMCwgYVsxXSAqIDEwMCkgLyAxMDA7XHJcbiAgICByZXR1cm4gdGhpcy5HZXRIU0xBQ29sb3IoaHVlLCBzYXR1cmF0aW9uLCBsaWdodG5lc3MsIGFscGhhKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBHZXRSYW5kb21OdW1iZXIobG93LCBoaWdoKTogbnVtYmVyIHtcclxuICAgIGxldCByID0gTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogKGhpZ2ggLSBsb3cgKyAxKSkgKyBsb3c7XHJcbiAgICByZXR1cm4gcjtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBHZXRIU0xBQ29sb3IoaDogbnVtYmVyLCBzOiBudW1iZXIsIGw6IG51bWJlciwgYTogbnVtYmVyKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgaHNsKCR7aH0sICR7c30lLCAke2x9JSwgJHthfSlgO1xyXG4gIH1cclxuXHJcbn1cclxuIl19
|
|
@@ -13526,6 +13526,32 @@ class ColorSequenceService {
|
|
|
13526
13526
|
this.colors.set(id, result);
|
|
13527
13527
|
return result;
|
|
13528
13528
|
}
|
|
13529
|
+
GetRandomColorWithSettings(h, s, l, a) {
|
|
13530
|
+
if (!h || !Array.isArray(h) || h.length < 2) {
|
|
13531
|
+
h = [0, 360];
|
|
13532
|
+
}
|
|
13533
|
+
if (!s || !Array.isArray(s) || s.length < 2) {
|
|
13534
|
+
s = [0, 100];
|
|
13535
|
+
}
|
|
13536
|
+
if (!l || !Array.isArray(l) || l.length < 2) {
|
|
13537
|
+
l = [0, 100];
|
|
13538
|
+
}
|
|
13539
|
+
if (!a || !Array.isArray(a) || a.length < 2) {
|
|
13540
|
+
a = [0, 1];
|
|
13541
|
+
}
|
|
13542
|
+
let hue = this.GetRandomNumber(h[0], h[1]);
|
|
13543
|
+
let saturation = this.GetRandomNumber(s[0], s[1]);
|
|
13544
|
+
let lightness = this.GetRandomNumber(l[0], l[1]);
|
|
13545
|
+
let alpha = this.GetRandomNumber(a[0] * 100, a[1] * 100) / 100;
|
|
13546
|
+
return this.GetHSLAColor(hue, saturation, lightness, alpha);
|
|
13547
|
+
}
|
|
13548
|
+
GetRandomNumber(low, high) {
|
|
13549
|
+
let r = Math.floor(Math.random() * (high - low + 1)) + low;
|
|
13550
|
+
return r;
|
|
13551
|
+
}
|
|
13552
|
+
GetHSLAColor(h, s, l, a) {
|
|
13553
|
+
return `hsl(${h}, ${s}%, ${l}%, ${a})`;
|
|
13554
|
+
}
|
|
13529
13555
|
}
|
|
13530
13556
|
ColorSequenceService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ColorSequenceService_Factory() { return new ColorSequenceService(); }, token: ColorSequenceService, providedIn: "root" });
|
|
13531
13557
|
ColorSequenceService.decorators = [
|