@acorex/core 5.4.0 → 5.7.0
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/config/ax-preset.js +6 -0
- package/esm2020/lib/config/configs.mjs +2 -2
- package/esm2020/lib/core.module.mjs +5 -5
- package/esm2020/lib/dateTime/datetime.class.mjs +2 -2
- package/esm2020/lib/dateTime/datetime.module.mjs +5 -5
- package/esm2020/lib/dateTime/datetime.pipe.mjs +3 -3
- package/esm2020/lib/events/event.service.mjs +3 -3
- package/esm2020/lib/hotkeys/hotkeys.service.mjs +6 -5
- package/esm2020/lib/platform/platform.service.mjs +3 -3
- package/esm2020/lib/translation/translation.module.mjs +5 -5
- package/esm2020/lib/translation/translator.mjs +5 -4
- package/esm2020/lib/translation/translator.pipe.mjs +6 -6
- package/esm2020/lib/utils/color-util.mjs +42 -24
- package/esm2020/lib/utils/safe.pipe.mjs +3 -3
- package/fesm2015/acorex-core.mjs +79 -59
- package/fesm2015/acorex-core.mjs.map +1 -1
- package/fesm2020/acorex-core.mjs +79 -59
- package/fesm2020/acorex-core.mjs.map +1 -1
- package/{acorex-core.d.ts → index.d.ts} +0 -0
- package/lib/dateTime/datetime.pipe.d.ts +1 -1
- package/lib/translation/translator.d.ts +1 -1
- package/lib/translation/translator.pipe.d.ts +2 -2
- package/lib/utils/color-util.d.ts +17 -6
- package/lib/utils/safe.pipe.d.ts +1 -1
- package/package.json +3 -3
package/fesm2020/acorex-core.mjs
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Pipe, NgModule, Injectable, Inject } from '@angular/core';
|
|
3
3
|
import tinycolor from 'tinycolor2';
|
|
4
|
+
import tinygradient from 'tinygradient';
|
|
4
5
|
import * as i1 from '@angular/platform-browser';
|
|
5
|
-
import _ from 'lodash';
|
|
6
|
+
import * as _ from 'lodash';
|
|
6
7
|
import { Subject, fromEvent } from 'rxjs';
|
|
7
8
|
import { DOCUMENT } from '@angular/common';
|
|
8
9
|
import { Observable } from 'rxjs/internal/Observable';
|
|
@@ -95,11 +96,22 @@ class AXStringUtil {
|
|
|
95
96
|
}
|
|
96
97
|
|
|
97
98
|
class AXColorUtil {
|
|
98
|
-
static testa(color) {
|
|
99
|
-
var _color = tinycolor(color);
|
|
100
|
-
console.log(_color);
|
|
101
|
-
}
|
|
102
99
|
static to(color, mode) {
|
|
100
|
+
const _color = tinycolor(color);
|
|
101
|
+
switch (mode) {
|
|
102
|
+
case 'rgba':
|
|
103
|
+
;
|
|
104
|
+
return _color.toRgb();
|
|
105
|
+
case 'hsla':
|
|
106
|
+
return _color.toHsl();
|
|
107
|
+
case 'hsva':
|
|
108
|
+
return _color.toHsv();
|
|
109
|
+
default:
|
|
110
|
+
return _color.toHex();
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
;
|
|
114
|
+
static toString(color, mode) {
|
|
103
115
|
const _color = tinycolor(color);
|
|
104
116
|
switch (mode) {
|
|
105
117
|
case 'rgba':
|
|
@@ -113,37 +125,43 @@ class AXColorUtil {
|
|
|
113
125
|
}
|
|
114
126
|
}
|
|
115
127
|
;
|
|
116
|
-
static
|
|
128
|
+
static mix(baseColor, hex, percentage) {
|
|
129
|
+
return tinycolor.mix(baseColor, hex, percentage).toString('rgb');
|
|
130
|
+
}
|
|
131
|
+
static multiply(color1, color2) {
|
|
132
|
+
let rgb1 = tinycolor(color1).toRgb();
|
|
133
|
+
let rgb2 = tinycolor(color2).toRgb();
|
|
134
|
+
rgb1.b = Math.floor(rgb1.b * rgb2.b / 255);
|
|
135
|
+
rgb1.g = Math.floor(rgb1.g * rgb2.g / 255);
|
|
136
|
+
rgb1.r = Math.floor(rgb1.r * rgb2.r / 255);
|
|
137
|
+
return tinycolor('rgb ' + rgb1.r + ' ' + rgb1.g + ' ' + rgb1.b).toString('rgb');
|
|
138
|
+
}
|
|
139
|
+
static toHexSting(color) {
|
|
117
140
|
const _color = tinycolor(color);
|
|
118
141
|
return _color.toHexString();
|
|
119
142
|
}
|
|
120
143
|
;
|
|
121
|
-
static
|
|
144
|
+
static toRGBString(color) {
|
|
122
145
|
const _color = tinycolor(color);
|
|
123
146
|
return _color.toRgbString();
|
|
124
147
|
}
|
|
125
148
|
;
|
|
126
|
-
static illuminance(hexColor) {
|
|
127
|
-
let rgbColor = AXColorUtil.toRGB(hexColor);
|
|
128
|
-
if (!rgbColor)
|
|
129
|
-
return -1;
|
|
130
|
-
let r = rgbColor.r, g = rgbColor.g, b = rgbColor.b;
|
|
131
|
-
let a = [r, g, b].map(v => {
|
|
132
|
-
v /= 255;
|
|
133
|
-
return (v <= 0.03928) ?
|
|
134
|
-
v / 12.92 :
|
|
135
|
-
Math.pow(((v + 0.055) / 1.055), 2.4);
|
|
136
|
-
});
|
|
137
|
-
return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
|
|
138
|
-
}
|
|
139
|
-
;
|
|
140
149
|
static contrastToWhite(color) {
|
|
141
|
-
// let whiteIlluminance = 1;
|
|
142
|
-
// let illuminance = AXColorUtil.illuminance(hexColor);
|
|
143
|
-
// return whiteIlluminance / illuminance;
|
|
144
150
|
return tinycolor.readability("#fff", color);
|
|
145
151
|
}
|
|
146
152
|
;
|
|
153
|
+
static lighten(hex, percentage) {
|
|
154
|
+
return tinycolor(hex).lighten(percentage);
|
|
155
|
+
}
|
|
156
|
+
static darken(hex, percentage) {
|
|
157
|
+
return tinycolor(hex).darken(percentage);
|
|
158
|
+
}
|
|
159
|
+
static equal(color1, color2) {
|
|
160
|
+
return tinycolor.equals(color1, color2);
|
|
161
|
+
}
|
|
162
|
+
static gradient(values) {
|
|
163
|
+
return tinygradient([...values]);
|
|
164
|
+
}
|
|
147
165
|
}
|
|
148
166
|
|
|
149
167
|
class AXSafePipe {
|
|
@@ -163,9 +181,9 @@ class AXSafePipe {
|
|
|
163
181
|
}
|
|
164
182
|
}
|
|
165
183
|
}
|
|
166
|
-
AXSafePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
167
|
-
AXSafePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "
|
|
168
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
184
|
+
AXSafePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXSafePipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
185
|
+
AXSafePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: AXSafePipe, name: "safe" });
|
|
186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXSafePipe, decorators: [{
|
|
169
187
|
type: Pipe,
|
|
170
188
|
args: [{
|
|
171
189
|
name: 'safe',
|
|
@@ -175,10 +193,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImpor
|
|
|
175
193
|
|
|
176
194
|
class AXCoreModule {
|
|
177
195
|
}
|
|
178
|
-
AXCoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
179
|
-
AXCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
180
|
-
AXCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
181
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
196
|
+
AXCoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
197
|
+
AXCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: AXCoreModule, declarations: [AXSafePipe], exports: [AXSafePipe] });
|
|
198
|
+
AXCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXCoreModule, providers: [] });
|
|
199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXCoreModule, decorators: [{
|
|
182
200
|
type: NgModule,
|
|
183
201
|
args: [{
|
|
184
202
|
imports: [],
|
|
@@ -523,9 +541,9 @@ class AXDateTimePipe {
|
|
|
523
541
|
}
|
|
524
542
|
}
|
|
525
543
|
}
|
|
526
|
-
AXDateTimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
527
|
-
AXDateTimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "
|
|
528
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
544
|
+
AXDateTimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXDateTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
545
|
+
AXDateTimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: AXDateTimePipe, name: "axDate" });
|
|
546
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXDateTimePipe, decorators: [{
|
|
529
547
|
type: Pipe,
|
|
530
548
|
args: [{ name: 'axDate' }]
|
|
531
549
|
}], ctorParameters: function () { return []; } });
|
|
@@ -1090,10 +1108,10 @@ class AXDateTimeModule {
|
|
|
1090
1108
|
});
|
|
1091
1109
|
}
|
|
1092
1110
|
}
|
|
1093
|
-
AXDateTimeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1094
|
-
AXDateTimeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
1095
|
-
AXDateTimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1096
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1111
|
+
AXDateTimeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXDateTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1112
|
+
AXDateTimeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: AXDateTimeModule, declarations: [AXDateTimePipe], exports: [AXDateTimePipe] });
|
|
1113
|
+
AXDateTimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXDateTimeModule, providers: [] });
|
|
1114
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXDateTimeModule, decorators: [{
|
|
1097
1115
|
type: NgModule,
|
|
1098
1116
|
args: [{
|
|
1099
1117
|
imports: [],
|
|
@@ -1130,9 +1148,9 @@ class AXEventService {
|
|
|
1130
1148
|
}
|
|
1131
1149
|
}
|
|
1132
1150
|
}
|
|
1133
|
-
AXEventService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1134
|
-
AXEventService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1135
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1151
|
+
AXEventService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXEventService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1152
|
+
AXEventService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXEventService, providedIn: 'root' });
|
|
1153
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXEventService, decorators: [{
|
|
1136
1154
|
type: Injectable,
|
|
1137
1155
|
args: [{ providedIn: 'root' }]
|
|
1138
1156
|
}] });
|
|
@@ -1160,10 +1178,11 @@ class AXHotkeysService {
|
|
|
1160
1178
|
});
|
|
1161
1179
|
}
|
|
1162
1180
|
}
|
|
1163
|
-
AXHotkeysService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1164
|
-
AXHotkeysService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1165
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1166
|
-
type: Injectable
|
|
1181
|
+
AXHotkeysService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXHotkeysService, deps: [{ token: i1.EventManager }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1182
|
+
AXHotkeysService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXHotkeysService, providedIn: 'root' });
|
|
1183
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXHotkeysService, decorators: [{
|
|
1184
|
+
type: Injectable,
|
|
1185
|
+
args: [{ providedIn: 'root' }]
|
|
1167
1186
|
}], ctorParameters: function () { return [{ type: i1.EventManager }, { type: Document, decorators: [{
|
|
1168
1187
|
type: Inject,
|
|
1169
1188
|
args: [DOCUMENT]
|
|
@@ -1185,8 +1204,9 @@ class AXTranslator {
|
|
|
1185
1204
|
static use(lang) {
|
|
1186
1205
|
AXTranslator.lang = lang;
|
|
1187
1206
|
}
|
|
1188
|
-
static get(key,
|
|
1189
|
-
lang =
|
|
1207
|
+
static get(key, arg1, arg2) {
|
|
1208
|
+
const lang = arg1 && typeof arg1 == 'string' ? arg1 : AXTranslator.lang;
|
|
1209
|
+
const params = arg1 && typeof arg1 == 'object' ? arg1 : arg2;
|
|
1190
1210
|
let result = _.get(AXTranslator[`__data__${lang}`], key, key);
|
|
1191
1211
|
const vars = typeof (result) == 'string' ? result?.match(this._varsRegx) : [];
|
|
1192
1212
|
if (vars?.length) {
|
|
@@ -1209,23 +1229,23 @@ AXTranslator._varsRegx = /((\$\{[a-zA-Z_0-9\.]+\})+)/gm;
|
|
|
1209
1229
|
AXTranslator._varNameRegx = /[a-zA-Z_0-9\.]+/gm;
|
|
1210
1230
|
|
|
1211
1231
|
class AXTranslatorPipe {
|
|
1212
|
-
transform(value,
|
|
1213
|
-
return AXTranslator.get(value,
|
|
1232
|
+
transform(value, arg1, arg2) {
|
|
1233
|
+
return AXTranslator.get(value, arg1, arg2);
|
|
1214
1234
|
}
|
|
1215
1235
|
}
|
|
1216
|
-
AXTranslatorPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1217
|
-
AXTranslatorPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "
|
|
1218
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1236
|
+
AXTranslatorPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXTranslatorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
1237
|
+
AXTranslatorPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: AXTranslatorPipe, name: "trans" });
|
|
1238
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXTranslatorPipe, decorators: [{
|
|
1219
1239
|
type: Pipe,
|
|
1220
1240
|
args: [{ name: 'trans', pure: true }]
|
|
1221
1241
|
}] });
|
|
1222
1242
|
|
|
1223
1243
|
class AXTranslationModule {
|
|
1224
1244
|
}
|
|
1225
|
-
AXTranslationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1226
|
-
AXTranslationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
1227
|
-
AXTranslationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1228
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1245
|
+
AXTranslationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXTranslationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1246
|
+
AXTranslationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: AXTranslationModule, declarations: [AXTranslatorPipe], exports: [AXTranslatorPipe] });
|
|
1247
|
+
AXTranslationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXTranslationModule, providers: [] });
|
|
1248
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXTranslationModule, decorators: [{
|
|
1229
1249
|
type: NgModule,
|
|
1230
1250
|
args: [{
|
|
1231
1251
|
imports: [],
|
|
@@ -1360,9 +1380,9 @@ class AXPlatform {
|
|
|
1360
1380
|
document.querySelector(':root').style.setProperty('--ax-vh', window.innerHeight / 100 + 'px');
|
|
1361
1381
|
}
|
|
1362
1382
|
}
|
|
1363
|
-
AXPlatform.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1364
|
-
AXPlatform.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1365
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1383
|
+
AXPlatform.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXPlatform, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1384
|
+
AXPlatform.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXPlatform, providedIn: 'platform' });
|
|
1385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AXPlatform, decorators: [{
|
|
1366
1386
|
type: Injectable,
|
|
1367
1387
|
args: [{
|
|
1368
1388
|
providedIn: 'platform',
|