@bizy/core 20.3.1 → 20.4.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/fesm2022/bizy-core.mjs +386 -98
- package/fesm2022/bizy-core.mjs.map +1 -1
- package/index.d.ts +56 -4
- package/package.json +1 -1
- package/styles/variables.css +10 -0
package/fesm2022/bizy-core.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { inject, ChangeDetectorRef, ElementRef, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule, DOCUMENT, Renderer2, Injectable, Inject, Directive, ViewChild, ContentChildren, ContentChild, Pipe, ViewContainerRef, TemplateRef, RendererFactory2, HostListener, Host } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
|
-
import { CommonModule, registerLocaleData, DatePipe } from '@angular/common';
|
|
4
|
+
import { CommonModule, registerLocaleData, DatePipe, DOCUMENT as DOCUMENT$1 } from '@angular/common';
|
|
5
5
|
import { Subject, Subscription, BehaviorSubject, filter, take, skip, auditTime, throttleTime, debounceTime as debounceTime$1, interval, fromEvent, merge } from 'rxjs';
|
|
6
6
|
import { debounceTime, distinctUntilChanged, takeUntil, map, filter as filter$1, take as take$1 } from 'rxjs/operators';
|
|
7
7
|
import html2canvas from 'html2canvas';
|
|
@@ -77,19 +77,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
77
77
|
type: Output
|
|
78
78
|
}] } });
|
|
79
79
|
|
|
80
|
-
const COMPONENTS$
|
|
80
|
+
const COMPONENTS$w = [
|
|
81
81
|
BizyAccordionComponent,
|
|
82
82
|
];
|
|
83
83
|
class BizyAccordionModule {
|
|
84
84
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
85
85
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyAccordionModule, imports: [BizyAccordionComponent], exports: [BizyAccordionComponent] });
|
|
86
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAccordionModule, imports: [COMPONENTS$
|
|
86
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAccordionModule, imports: [COMPONENTS$w] });
|
|
87
87
|
}
|
|
88
88
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAccordionModule, decorators: [{
|
|
89
89
|
type: NgModule,
|
|
90
90
|
args: [{
|
|
91
|
-
imports: COMPONENTS$
|
|
92
|
-
exports: COMPONENTS$
|
|
91
|
+
imports: COMPONENTS$w,
|
|
92
|
+
exports: COMPONENTS$w
|
|
93
93
|
}]
|
|
94
94
|
}] });
|
|
95
95
|
|
|
@@ -133,19 +133,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
133
133
|
type: Output
|
|
134
134
|
}] } });
|
|
135
135
|
|
|
136
|
-
const COMPONENTS$
|
|
136
|
+
const COMPONENTS$v = [
|
|
137
137
|
BizyButtonComponent,
|
|
138
138
|
];
|
|
139
139
|
class BizyButtonModule {
|
|
140
140
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
141
141
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyButtonModule, imports: [BizyButtonComponent], exports: [BizyButtonComponent] });
|
|
142
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyButtonModule, imports: [COMPONENTS$
|
|
142
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyButtonModule, imports: [COMPONENTS$v] });
|
|
143
143
|
}
|
|
144
144
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyButtonModule, decorators: [{
|
|
145
145
|
type: NgModule,
|
|
146
146
|
args: [{
|
|
147
|
-
imports: COMPONENTS$
|
|
148
|
-
exports: COMPONENTS$
|
|
147
|
+
imports: COMPONENTS$v,
|
|
148
|
+
exports: COMPONENTS$v
|
|
149
149
|
}]
|
|
150
150
|
}] });
|
|
151
151
|
|
|
@@ -297,23 +297,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
297
297
|
type: Input
|
|
298
298
|
}] } });
|
|
299
299
|
|
|
300
|
-
const COMPONENTS$
|
|
300
|
+
const COMPONENTS$u = [
|
|
301
301
|
BizyAudioPlayerComponent,
|
|
302
302
|
];
|
|
303
303
|
class BizyAudioPlayerModule {
|
|
304
304
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAudioPlayerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
305
305
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyAudioPlayerModule, imports: [BizyAudioPlayerComponent], exports: [BizyAudioPlayerComponent] });
|
|
306
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAudioPlayerModule, imports: [COMPONENTS$
|
|
306
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAudioPlayerModule, imports: [COMPONENTS$u] });
|
|
307
307
|
}
|
|
308
308
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAudioPlayerModule, decorators: [{
|
|
309
309
|
type: NgModule,
|
|
310
310
|
args: [{
|
|
311
|
-
imports: COMPONENTS$
|
|
312
|
-
exports: COMPONENTS$
|
|
311
|
+
imports: COMPONENTS$u,
|
|
312
|
+
exports: COMPONENTS$u
|
|
313
313
|
}]
|
|
314
314
|
}] });
|
|
315
315
|
|
|
316
|
-
const MIN_CHART_SIZE
|
|
316
|
+
const MIN_CHART_SIZE = 350; // px;
|
|
317
317
|
const Y_AXIS_OFFSET = 80;
|
|
318
318
|
const GRID_BOTTOM = 30;
|
|
319
319
|
class BizyBarLineChartComponent {
|
|
@@ -592,10 +592,10 @@ class BizyBarLineChartComponent {
|
|
|
592
592
|
if (this.#chartContainer || !this.#elementRef || !this.#elementRef.nativeElement) {
|
|
593
593
|
return;
|
|
594
594
|
}
|
|
595
|
-
let elementWidth = this.#elementRef.nativeElement.offsetWidth || MIN_CHART_SIZE
|
|
596
|
-
let elementHeight = this.#elementRef.nativeElement.offsetHeight || MIN_CHART_SIZE
|
|
597
|
-
let minWidth = MIN_CHART_SIZE
|
|
598
|
-
let minHeight = MIN_CHART_SIZE
|
|
595
|
+
let elementWidth = this.#elementRef.nativeElement.offsetWidth || MIN_CHART_SIZE;
|
|
596
|
+
let elementHeight = this.#elementRef.nativeElement.offsetHeight || MIN_CHART_SIZE;
|
|
597
|
+
let minWidth = MIN_CHART_SIZE;
|
|
598
|
+
let minHeight = MIN_CHART_SIZE;
|
|
599
599
|
const barChartMinWidth = getComputedStyle(this.#document.body).getPropertyValue('--bizy-chart-min-width');
|
|
600
600
|
const barChartMinHeight = getComputedStyle(this.#document.body).getPropertyValue('--bizy-chart-min-height');
|
|
601
601
|
if (Number(barChartMinWidth)) {
|
|
@@ -667,19 +667,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
667
667
|
type: Input
|
|
668
668
|
}] } });
|
|
669
669
|
|
|
670
|
-
const COMPONENTS$
|
|
670
|
+
const COMPONENTS$t = [
|
|
671
671
|
BizyBarLineChartComponent,
|
|
672
672
|
];
|
|
673
673
|
class BizyBarLineChartModule {
|
|
674
674
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBarLineChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
675
675
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyBarLineChartModule, imports: [BizyBarLineChartComponent], exports: [BizyBarLineChartComponent] });
|
|
676
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBarLineChartModule, imports: [COMPONENTS$
|
|
676
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBarLineChartModule, imports: [COMPONENTS$t] });
|
|
677
677
|
}
|
|
678
678
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBarLineChartModule, decorators: [{
|
|
679
679
|
type: NgModule,
|
|
680
680
|
args: [{
|
|
681
|
-
imports: COMPONENTS$
|
|
682
|
-
exports: COMPONENTS$
|
|
681
|
+
imports: COMPONENTS$t,
|
|
682
|
+
exports: COMPONENTS$t
|
|
683
683
|
}]
|
|
684
684
|
}] });
|
|
685
685
|
|
|
@@ -738,19 +738,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
738
738
|
type: Input
|
|
739
739
|
}] } });
|
|
740
740
|
|
|
741
|
-
const COMPONENTS$
|
|
741
|
+
const COMPONENTS$s = [
|
|
742
742
|
BizyBreadcrumbComponent,
|
|
743
743
|
];
|
|
744
744
|
class BizyBreadcrumbModule {
|
|
745
745
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
746
746
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyBreadcrumbModule, imports: [BizyBreadcrumbComponent], exports: [BizyBreadcrumbComponent] });
|
|
747
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBreadcrumbModule, imports: [COMPONENTS$
|
|
747
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBreadcrumbModule, imports: [COMPONENTS$s] });
|
|
748
748
|
}
|
|
749
749
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBreadcrumbModule, decorators: [{
|
|
750
750
|
type: NgModule,
|
|
751
751
|
args: [{
|
|
752
|
-
imports: COMPONENTS$
|
|
753
|
-
exports: COMPONENTS$
|
|
752
|
+
imports: COMPONENTS$s,
|
|
753
|
+
exports: COMPONENTS$s
|
|
754
754
|
}]
|
|
755
755
|
}] });
|
|
756
756
|
|
|
@@ -1021,19 +1021,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
1021
1021
|
type: Input
|
|
1022
1022
|
}] } });
|
|
1023
1023
|
|
|
1024
|
-
const COMPONENTS$
|
|
1024
|
+
const COMPONENTS$r = [
|
|
1025
1025
|
BizyCalendarComponent,
|
|
1026
1026
|
];
|
|
1027
1027
|
class BizyCalendarModule {
|
|
1028
1028
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1029
1029
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyCalendarModule, imports: [BizyCalendarComponent], exports: [BizyCalendarComponent] });
|
|
1030
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCalendarModule, imports: [COMPONENTS$
|
|
1030
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCalendarModule, imports: [COMPONENTS$r] });
|
|
1031
1031
|
}
|
|
1032
1032
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCalendarModule, decorators: [{
|
|
1033
1033
|
type: NgModule,
|
|
1034
1034
|
args: [{
|
|
1035
|
-
imports: COMPONENTS$
|
|
1036
|
-
exports: COMPONENTS$
|
|
1035
|
+
imports: COMPONENTS$r,
|
|
1036
|
+
exports: COMPONENTS$r
|
|
1037
1037
|
}]
|
|
1038
1038
|
}] });
|
|
1039
1039
|
|
|
@@ -1069,19 +1069,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
1069
1069
|
type: Output
|
|
1070
1070
|
}] } });
|
|
1071
1071
|
|
|
1072
|
-
const COMPONENTS$
|
|
1072
|
+
const COMPONENTS$q = [
|
|
1073
1073
|
BizyCardComponent,
|
|
1074
1074
|
];
|
|
1075
1075
|
class BizyCardModule {
|
|
1076
1076
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1077
1077
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyCardModule, imports: [BizyCardComponent], exports: [BizyCardComponent] });
|
|
1078
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCardModule, imports: [COMPONENTS$
|
|
1078
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCardModule, imports: [COMPONENTS$q] });
|
|
1079
1079
|
}
|
|
1080
1080
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCardModule, decorators: [{
|
|
1081
1081
|
type: NgModule,
|
|
1082
1082
|
args: [{
|
|
1083
|
-
imports: COMPONENTS$
|
|
1084
|
-
exports: COMPONENTS$
|
|
1083
|
+
imports: COMPONENTS$q,
|
|
1084
|
+
exports: COMPONENTS$q
|
|
1085
1085
|
}]
|
|
1086
1086
|
}] });
|
|
1087
1087
|
|
|
@@ -1119,19 +1119,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
1119
1119
|
type: Output
|
|
1120
1120
|
}] } });
|
|
1121
1121
|
|
|
1122
|
-
const COMPONENTS$
|
|
1122
|
+
const COMPONENTS$p = [
|
|
1123
1123
|
BizyCheckboxComponent,
|
|
1124
1124
|
];
|
|
1125
1125
|
class BizyCheckboxModule {
|
|
1126
1126
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1127
1127
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyCheckboxModule, imports: [BizyCheckboxComponent], exports: [BizyCheckboxComponent] });
|
|
1128
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCheckboxModule, imports: [COMPONENTS$
|
|
1128
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCheckboxModule, imports: [COMPONENTS$p] });
|
|
1129
1129
|
}
|
|
1130
1130
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCheckboxModule, decorators: [{
|
|
1131
1131
|
type: NgModule,
|
|
1132
1132
|
args: [{
|
|
1133
|
-
imports: COMPONENTS$
|
|
1134
|
-
exports: COMPONENTS$
|
|
1133
|
+
imports: COMPONENTS$p,
|
|
1134
|
+
exports: COMPONENTS$p
|
|
1135
1135
|
}]
|
|
1136
1136
|
}] });
|
|
1137
1137
|
|
|
@@ -1146,19 +1146,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
1146
1146
|
args: [{ selector: 'bizy-content', imports: [CommonModule], template: "<ng-content></ng-content>", styles: [":host{flex:1;padding:var(--bizy-content-padding);width:var(--bizy-content-width);height:var(--bizy-content-height);overflow:auto;display:flex;flex-direction:var(--bizy-content-flex-direction);row-gap:var(--bizy-content-row-gap)}\n"] }]
|
|
1147
1147
|
}] });
|
|
1148
1148
|
|
|
1149
|
-
const COMPONENTS$
|
|
1149
|
+
const COMPONENTS$o = [
|
|
1150
1150
|
BizyContentComponent,
|
|
1151
1151
|
];
|
|
1152
1152
|
class BizyContentModule {
|
|
1153
1153
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1154
1154
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyContentModule, imports: [BizyContentComponent], exports: [BizyContentComponent] });
|
|
1155
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyContentModule, imports: [COMPONENTS$
|
|
1155
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyContentModule, imports: [COMPONENTS$o] });
|
|
1156
1156
|
}
|
|
1157
1157
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyContentModule, decorators: [{
|
|
1158
1158
|
type: NgModule,
|
|
1159
1159
|
args: [{
|
|
1160
|
-
imports: COMPONENTS$
|
|
1161
|
-
exports: COMPONENTS$
|
|
1160
|
+
imports: COMPONENTS$o,
|
|
1161
|
+
exports: COMPONENTS$o
|
|
1162
1162
|
}]
|
|
1163
1163
|
}] });
|
|
1164
1164
|
|
|
@@ -1666,19 +1666,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
1666
1666
|
type: Input
|
|
1667
1667
|
}] } });
|
|
1668
1668
|
|
|
1669
|
-
const COMPONENTS$
|
|
1669
|
+
const COMPONENTS$n = [
|
|
1670
1670
|
BizyDatePickerComponent,
|
|
1671
1671
|
];
|
|
1672
1672
|
class BizyDatePickerModule {
|
|
1673
1673
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1674
1674
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyDatePickerModule, imports: [BizyDatePickerComponent], exports: [BizyDatePickerComponent] });
|
|
1675
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyDatePickerModule, imports: [COMPONENTS$
|
|
1675
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyDatePickerModule, imports: [COMPONENTS$n] });
|
|
1676
1676
|
}
|
|
1677
1677
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyDatePickerModule, decorators: [{
|
|
1678
1678
|
type: NgModule,
|
|
1679
1679
|
args: [{
|
|
1680
|
-
imports: COMPONENTS$
|
|
1681
|
-
exports: COMPONENTS$
|
|
1680
|
+
imports: COMPONENTS$n,
|
|
1681
|
+
exports: COMPONENTS$n
|
|
1682
1682
|
}]
|
|
1683
1683
|
}] });
|
|
1684
1684
|
|
|
@@ -2020,7 +2020,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
2020
2020
|
type: Output
|
|
2021
2021
|
}] } });
|
|
2022
2022
|
|
|
2023
|
-
const COMPONENTS$
|
|
2023
|
+
const COMPONENTS$m = [
|
|
2024
2024
|
BizyFileUploaderComponent,
|
|
2025
2025
|
];
|
|
2026
2026
|
class BizyFileUploaderModule {
|
|
@@ -2031,8 +2031,8 @@ class BizyFileUploaderModule {
|
|
|
2031
2031
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyFileUploaderModule, decorators: [{
|
|
2032
2032
|
type: NgModule,
|
|
2033
2033
|
args: [{
|
|
2034
|
-
imports: COMPONENTS$
|
|
2035
|
-
exports: COMPONENTS$
|
|
2034
|
+
imports: COMPONENTS$m,
|
|
2035
|
+
exports: COMPONENTS$m,
|
|
2036
2036
|
providers: [BizyFileUploaderService]
|
|
2037
2037
|
}]
|
|
2038
2038
|
}] });
|
|
@@ -2637,7 +2637,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
2637
2637
|
}]
|
|
2638
2638
|
}] });
|
|
2639
2639
|
|
|
2640
|
-
const COMPONENTS$
|
|
2640
|
+
const COMPONENTS$l = [
|
|
2641
2641
|
BizyFilterComponent,
|
|
2642
2642
|
BizyFilterSectionComponent,
|
|
2643
2643
|
BizyFilterContentComponent,
|
|
@@ -2676,8 +2676,8 @@ class BizyFilterModule {
|
|
|
2676
2676
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyFilterModule, decorators: [{
|
|
2677
2677
|
type: NgModule,
|
|
2678
2678
|
args: [{
|
|
2679
|
-
imports: COMPONENTS$
|
|
2680
|
-
exports: COMPONENTS$
|
|
2679
|
+
imports: COMPONENTS$l.concat(PIPES$1),
|
|
2680
|
+
exports: COMPONENTS$l.concat(PIPES$1),
|
|
2681
2681
|
providers: PIPES$1
|
|
2682
2682
|
}]
|
|
2683
2683
|
}] });
|
|
@@ -2910,19 +2910,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
2910
2910
|
type: Input
|
|
2911
2911
|
}] } });
|
|
2912
2912
|
|
|
2913
|
-
const COMPONENTS$
|
|
2913
|
+
const COMPONENTS$k = [
|
|
2914
2914
|
BizyFormComponent,
|
|
2915
2915
|
];
|
|
2916
2916
|
class BizyFormModule {
|
|
2917
2917
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2918
2918
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyFormModule, imports: [BizyFormComponent], exports: [BizyFormComponent] });
|
|
2919
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyFormModule, imports: [COMPONENTS$
|
|
2919
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyFormModule, imports: [COMPONENTS$k] });
|
|
2920
2920
|
}
|
|
2921
2921
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyFormModule, decorators: [{
|
|
2922
2922
|
type: NgModule,
|
|
2923
2923
|
args: [{
|
|
2924
|
-
imports: COMPONENTS$
|
|
2925
|
-
exports: COMPONENTS$
|
|
2924
|
+
imports: COMPONENTS$k,
|
|
2925
|
+
exports: COMPONENTS$k,
|
|
2926
2926
|
}]
|
|
2927
2927
|
}] });
|
|
2928
2928
|
|
|
@@ -3110,7 +3110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
3110
3110
|
type: Input
|
|
3111
3111
|
}] } });
|
|
3112
3112
|
|
|
3113
|
-
const COMPONENTS$
|
|
3113
|
+
const COMPONENTS$j = [
|
|
3114
3114
|
BizyGridComponent,
|
|
3115
3115
|
BizyGridRowComponent
|
|
3116
3116
|
];
|
|
@@ -3128,8 +3128,264 @@ class BizyGridModule {
|
|
|
3128
3128
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyGridModule, decorators: [{
|
|
3129
3129
|
type: NgModule,
|
|
3130
3130
|
args: [{
|
|
3131
|
-
imports: COMPONENTS$
|
|
3132
|
-
exports: COMPONENTS$
|
|
3131
|
+
imports: COMPONENTS$j.concat(DIRECTIVES$2),
|
|
3132
|
+
exports: COMPONENTS$j.concat(DIRECTIVES$2),
|
|
3133
|
+
}]
|
|
3134
|
+
}] });
|
|
3135
|
+
|
|
3136
|
+
const EMPTY_CHART$1 = [0];
|
|
3137
|
+
const DEFAULT_CHART_SIZE$1 = '300px';
|
|
3138
|
+
class BizyHeatMapChartComponent {
|
|
3139
|
+
#elementRef = inject(ElementRef);
|
|
3140
|
+
#document = inject(DOCUMENT$1);
|
|
3141
|
+
#ref = inject(ChangeDetectorRef);
|
|
3142
|
+
#renderer = inject(Renderer2);
|
|
3143
|
+
resizeRef = null;
|
|
3144
|
+
tooltip = true;
|
|
3145
|
+
ranges = [];
|
|
3146
|
+
download = { show: true, label: 'Descargar', name: 'Bizy' };
|
|
3147
|
+
xAxisLabels = [];
|
|
3148
|
+
yAxisLabels = [];
|
|
3149
|
+
onTooltipFormatter;
|
|
3150
|
+
onXAxisLabelFormatter;
|
|
3151
|
+
onYAxisLabelFormatter;
|
|
3152
|
+
onDownload = new EventEmitter();
|
|
3153
|
+
onSelect = new EventEmitter();
|
|
3154
|
+
#echarts = null;
|
|
3155
|
+
#resizeObserver = null;
|
|
3156
|
+
#subscription = new Subscription();
|
|
3157
|
+
#chartContainer = null;
|
|
3158
|
+
#afterViewInit = new BehaviorSubject(false);
|
|
3159
|
+
#resize$ = new Subject();
|
|
3160
|
+
#data = EMPTY_CHART$1;
|
|
3161
|
+
ngAfterViewInit() {
|
|
3162
|
+
this.#afterViewInit.next(true);
|
|
3163
|
+
}
|
|
3164
|
+
set data(data) {
|
|
3165
|
+
if (!data) {
|
|
3166
|
+
return;
|
|
3167
|
+
}
|
|
3168
|
+
if (data.length > 0) {
|
|
3169
|
+
this.#setChartData(data);
|
|
3170
|
+
}
|
|
3171
|
+
else {
|
|
3172
|
+
this.#deleteChartContainer();
|
|
3173
|
+
}
|
|
3174
|
+
}
|
|
3175
|
+
async #setChartData(data) {
|
|
3176
|
+
this.#data = data;
|
|
3177
|
+
this.#subscription.add(this.#afterViewInit.pipe(filter(value => value === true), take(1)).subscribe(() => {
|
|
3178
|
+
this.#createChartContainer();
|
|
3179
|
+
if (!this.#chartContainer) {
|
|
3180
|
+
return;
|
|
3181
|
+
}
|
|
3182
|
+
const series = [{
|
|
3183
|
+
type: 'heatmap',
|
|
3184
|
+
data: this.#data.map(_cell => [_cell.x, _cell.y, _cell.value ?? '-'])
|
|
3185
|
+
}];
|
|
3186
|
+
const tooltip = {
|
|
3187
|
+
show: this.tooltip,
|
|
3188
|
+
trigger: 'item',
|
|
3189
|
+
appendToBody: true,
|
|
3190
|
+
formatter: this.onTooltipFormatter
|
|
3191
|
+
};
|
|
3192
|
+
const xAxis = [
|
|
3193
|
+
{
|
|
3194
|
+
type: 'category',
|
|
3195
|
+
splitArea: {
|
|
3196
|
+
show: true
|
|
3197
|
+
},
|
|
3198
|
+
position: 'top',
|
|
3199
|
+
data: this.xAxisLabels,
|
|
3200
|
+
axisLabel: {
|
|
3201
|
+
formatter: this.onXAxisLabelFormatter,
|
|
3202
|
+
}
|
|
3203
|
+
}
|
|
3204
|
+
];
|
|
3205
|
+
const yAxis = [
|
|
3206
|
+
{
|
|
3207
|
+
type: 'category',
|
|
3208
|
+
data: this.yAxisLabels,
|
|
3209
|
+
splitArea: {
|
|
3210
|
+
show: true
|
|
3211
|
+
},
|
|
3212
|
+
axisLabel: {
|
|
3213
|
+
formatter: this.onYAxisLabelFormatter,
|
|
3214
|
+
}
|
|
3215
|
+
}
|
|
3216
|
+
];
|
|
3217
|
+
const outOfRangeColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-out-of-range-color');
|
|
3218
|
+
const visualMap = {
|
|
3219
|
+
type: 'piecewise',
|
|
3220
|
+
orient: 'horizontal',
|
|
3221
|
+
left: 'center',
|
|
3222
|
+
pieces: this.ranges,
|
|
3223
|
+
outOfRange: {
|
|
3224
|
+
color: outOfRangeColor
|
|
3225
|
+
}
|
|
3226
|
+
};
|
|
3227
|
+
const textColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-tooltip-color');
|
|
3228
|
+
const textBackgroundColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-tooltip-background-color');
|
|
3229
|
+
const borderColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-tooltip-border-color');
|
|
3230
|
+
const toolbox = {
|
|
3231
|
+
show: true,
|
|
3232
|
+
feature: {
|
|
3233
|
+
mySaveAsImage: {
|
|
3234
|
+
show: this.download.show,
|
|
3235
|
+
icon: 'path://M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-101.5 0-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352 64 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z',
|
|
3236
|
+
title: this.download.label,
|
|
3237
|
+
onclick: () => {
|
|
3238
|
+
setTimeout(() => {
|
|
3239
|
+
html2canvas(this.#chartContainer).then(canvas => {
|
|
3240
|
+
var link = this.#renderer.createElement('a');
|
|
3241
|
+
link.href = canvas.toDataURL('image/png');
|
|
3242
|
+
link.download = `${this.download.name}.png`;
|
|
3243
|
+
this.#renderer.appendChild(this.#document.body, link);
|
|
3244
|
+
link.click();
|
|
3245
|
+
this.#renderer.removeChild(this.#document.body, link);
|
|
3246
|
+
this.onDownload.emit();
|
|
3247
|
+
});
|
|
3248
|
+
}, 500);
|
|
3249
|
+
}
|
|
3250
|
+
}
|
|
3251
|
+
},
|
|
3252
|
+
emphasis: {
|
|
3253
|
+
iconStyle: {
|
|
3254
|
+
color: textColor,
|
|
3255
|
+
borderColor,
|
|
3256
|
+
borderWidth: 1,
|
|
3257
|
+
textBackgroundColor,
|
|
3258
|
+
textPadding: 5,
|
|
3259
|
+
}
|
|
3260
|
+
}
|
|
3261
|
+
};
|
|
3262
|
+
const option = {
|
|
3263
|
+
tooltip,
|
|
3264
|
+
xAxis,
|
|
3265
|
+
yAxis,
|
|
3266
|
+
toolbox,
|
|
3267
|
+
series,
|
|
3268
|
+
visualMap
|
|
3269
|
+
};
|
|
3270
|
+
import('echarts').then(echarts => {
|
|
3271
|
+
this.#echarts = echarts.init(this.#chartContainer);
|
|
3272
|
+
this.#echarts.setOption(option);
|
|
3273
|
+
this.#echarts.on('click', params => {
|
|
3274
|
+
this.onSelect.emit(params.name);
|
|
3275
|
+
});
|
|
3276
|
+
this.#resizeObserver = new ResizeObserver(() => this.#resize$.next());
|
|
3277
|
+
const resizeRef = this.resizeRef ? this.resizeRef : this.#renderer.parentNode(this.#elementRef.nativeElement) ? this.#renderer.parentNode(this.#elementRef.nativeElement) : this.#elementRef.nativeElement;
|
|
3278
|
+
this.#resizeObserver.observe(resizeRef);
|
|
3279
|
+
this.#subscription.add(this.#resize$.pipe(skip(1), auditTime(300), throttleTime(500)).subscribe(() => {
|
|
3280
|
+
this.#deleteChartContainer();
|
|
3281
|
+
this.#createChartContainer();
|
|
3282
|
+
if (!this.#chartContainer) {
|
|
3283
|
+
return;
|
|
3284
|
+
}
|
|
3285
|
+
this.#echarts = echarts.init(this.#chartContainer);
|
|
3286
|
+
this.#echarts.setOption(option);
|
|
3287
|
+
this.#echarts.on('click', params => {
|
|
3288
|
+
this.onSelect.emit(params.name);
|
|
3289
|
+
});
|
|
3290
|
+
}));
|
|
3291
|
+
});
|
|
3292
|
+
}));
|
|
3293
|
+
}
|
|
3294
|
+
#createChartContainer = () => {
|
|
3295
|
+
if (this.#chartContainer || !this.#elementRef || !this.#elementRef.nativeElement) {
|
|
3296
|
+
return;
|
|
3297
|
+
}
|
|
3298
|
+
let elementWidth = this.#elementRef.nativeElement.offsetWidth;
|
|
3299
|
+
let elementHeight = this.#elementRef.nativeElement.offsetHeight;
|
|
3300
|
+
let minWidth = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-width');
|
|
3301
|
+
let minHeight = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-height');
|
|
3302
|
+
const width = minWidth ? minWidth : elementWidth ? `${elementWidth}px` : DEFAULT_CHART_SIZE$1;
|
|
3303
|
+
const height = minHeight ? minHeight : elementHeight ? `${elementHeight}px` : DEFAULT_CHART_SIZE$1;
|
|
3304
|
+
this.#chartContainer = this.#renderer.createElement('div');
|
|
3305
|
+
this.#renderer.setStyle(this.#chartContainer, 'width', width);
|
|
3306
|
+
this.#renderer.setStyle(this.#chartContainer, 'height', height);
|
|
3307
|
+
this.#renderer.appendChild(this.#elementRef.nativeElement, this.#chartContainer);
|
|
3308
|
+
this.#ref.detectChanges();
|
|
3309
|
+
};
|
|
3310
|
+
#deleteChartContainer = () => {
|
|
3311
|
+
if (!this.#chartContainer || !this.#elementRef || !this.#elementRef.nativeElement) {
|
|
3312
|
+
return;
|
|
3313
|
+
}
|
|
3314
|
+
this.#echarts.clear();
|
|
3315
|
+
this.#renderer.removeChild(this.#elementRef.nativeElement, this.#chartContainer);
|
|
3316
|
+
this.#chartContainer = null;
|
|
3317
|
+
this.#ref.detectChanges();
|
|
3318
|
+
};
|
|
3319
|
+
#getClosestCssVariable = (element, cssVariable) => {
|
|
3320
|
+
while (element) {
|
|
3321
|
+
const value = getComputedStyle(element).getPropertyValue(cssVariable).trim();
|
|
3322
|
+
if (value) {
|
|
3323
|
+
return value;
|
|
3324
|
+
}
|
|
3325
|
+
element = element.parentElement;
|
|
3326
|
+
}
|
|
3327
|
+
const rootValue = getComputedStyle(this.#document.documentElement).getPropertyValue(cssVariable).trim();
|
|
3328
|
+
return rootValue;
|
|
3329
|
+
};
|
|
3330
|
+
ngOnDestroy() {
|
|
3331
|
+
this.#subscription.unsubscribe();
|
|
3332
|
+
if (this.#resizeObserver) {
|
|
3333
|
+
this.#resizeObserver.disconnect();
|
|
3334
|
+
}
|
|
3335
|
+
if (this.#echarts) {
|
|
3336
|
+
this.#echarts.clear();
|
|
3337
|
+
}
|
|
3338
|
+
}
|
|
3339
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyHeatMapChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3340
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyHeatMapChartComponent, isStandalone: true, selector: "bizy-heat-map-chart", inputs: { resizeRef: "resizeRef", tooltip: "tooltip", ranges: "ranges", download: "download", xAxisLabels: "xAxisLabels", yAxisLabels: "yAxisLabels", onTooltipFormatter: "onTooltipFormatter", onXAxisLabelFormatter: "onXAxisLabelFormatter", onYAxisLabelFormatter: "onYAxisLabelFormatter", data: "data" }, outputs: { onDownload: "onDownload", onSelect: "onSelect" }, ngImport: i0, template: '', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3341
|
+
}
|
|
3342
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyHeatMapChartComponent, decorators: [{
|
|
3343
|
+
type: Component,
|
|
3344
|
+
args: [{
|
|
3345
|
+
selector: 'bizy-heat-map-chart',
|
|
3346
|
+
template: '',
|
|
3347
|
+
imports: [CommonModule],
|
|
3348
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
|
3349
|
+
}]
|
|
3350
|
+
}], propDecorators: { resizeRef: [{
|
|
3351
|
+
type: Input
|
|
3352
|
+
}], tooltip: [{
|
|
3353
|
+
type: Input
|
|
3354
|
+
}], ranges: [{
|
|
3355
|
+
type: Input
|
|
3356
|
+
}], download: [{
|
|
3357
|
+
type: Input
|
|
3358
|
+
}], xAxisLabels: [{
|
|
3359
|
+
type: Input
|
|
3360
|
+
}], yAxisLabels: [{
|
|
3361
|
+
type: Input
|
|
3362
|
+
}], onTooltipFormatter: [{
|
|
3363
|
+
type: Input
|
|
3364
|
+
}], onXAxisLabelFormatter: [{
|
|
3365
|
+
type: Input
|
|
3366
|
+
}], onYAxisLabelFormatter: [{
|
|
3367
|
+
type: Input
|
|
3368
|
+
}], onDownload: [{
|
|
3369
|
+
type: Output
|
|
3370
|
+
}], onSelect: [{
|
|
3371
|
+
type: Output
|
|
3372
|
+
}], data: [{
|
|
3373
|
+
type: Input
|
|
3374
|
+
}] } });
|
|
3375
|
+
|
|
3376
|
+
const COMPONENTS$i = [
|
|
3377
|
+
BizyHeatMapChartComponent,
|
|
3378
|
+
];
|
|
3379
|
+
class BizyHeatMapChartModule {
|
|
3380
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyHeatMapChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3381
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyHeatMapChartModule, imports: [BizyHeatMapChartComponent], exports: [BizyHeatMapChartComponent] });
|
|
3382
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyHeatMapChartModule, imports: [COMPONENTS$i] });
|
|
3383
|
+
}
|
|
3384
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyHeatMapChartModule, decorators: [{
|
|
3385
|
+
type: NgModule,
|
|
3386
|
+
args: [{
|
|
3387
|
+
imports: COMPONENTS$i,
|
|
3388
|
+
exports: COMPONENTS$i,
|
|
3133
3389
|
}]
|
|
3134
3390
|
}] });
|
|
3135
3391
|
|
|
@@ -3350,7 +3606,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
3350
3606
|
}] });
|
|
3351
3607
|
|
|
3352
3608
|
const EMPTY_CHART = [0];
|
|
3353
|
-
const
|
|
3609
|
+
const DEFAULT_CHART_SIZE = '300px';
|
|
3354
3610
|
class BizyPieChartComponent {
|
|
3355
3611
|
#elementRef = inject(ElementRef);
|
|
3356
3612
|
#document = inject(DOCUMENT);
|
|
@@ -3358,14 +3614,15 @@ class BizyPieChartComponent {
|
|
|
3358
3614
|
#renderer = inject(Renderer2);
|
|
3359
3615
|
resizeRef = null;
|
|
3360
3616
|
tooltip = true;
|
|
3617
|
+
centerLabel = null;
|
|
3361
3618
|
type = 'pie';
|
|
3362
|
-
|
|
3619
|
+
legend = null;
|
|
3620
|
+
download = { show: true, label: 'Descargar', name: 'Bizy' };
|
|
3363
3621
|
onLabelFormatter;
|
|
3364
3622
|
onTooltipFormatter;
|
|
3365
3623
|
onSelect = new EventEmitter();
|
|
3366
3624
|
onDownload = new EventEmitter();
|
|
3367
3625
|
#echarts = null;
|
|
3368
|
-
#mutationObserver = null;
|
|
3369
3626
|
#resizeObserver = null;
|
|
3370
3627
|
#subscription = new Subscription();
|
|
3371
3628
|
#chartContainer = null;
|
|
@@ -3373,13 +3630,7 @@ class BizyPieChartComponent {
|
|
|
3373
3630
|
#resize$ = new Subject();
|
|
3374
3631
|
#data = EMPTY_CHART;
|
|
3375
3632
|
ngAfterViewInit() {
|
|
3376
|
-
this.#
|
|
3377
|
-
if (this.#elementRef && this.#elementRef.nativeElement && (this.#elementRef.nativeElement.offsetWidth || this.#elementRef.nativeElement.offsetHeight)) {
|
|
3378
|
-
this.#afterViewInit.next(true);
|
|
3379
|
-
this.#mutationObserver.disconnect();
|
|
3380
|
-
}
|
|
3381
|
-
});
|
|
3382
|
-
this.#mutationObserver.observe(this.#document.body, { childList: true, subtree: true });
|
|
3633
|
+
this.#afterViewInit.next(true);
|
|
3383
3634
|
}
|
|
3384
3635
|
getNativeElement = () => this.#elementRef?.nativeElement;
|
|
3385
3636
|
set data(data) {
|
|
@@ -3444,26 +3695,26 @@ class BizyPieChartComponent {
|
|
|
3444
3695
|
const label = this.type === 'pie' ? undefined : { show: false, position: 'center' };
|
|
3445
3696
|
const series = [{
|
|
3446
3697
|
type: 'pie',
|
|
3447
|
-
radius: this.type === 'pie' ? '50%' : ['
|
|
3698
|
+
radius: this.type === 'pie' ? '50%' : ['50%', '70%'],
|
|
3448
3699
|
center: ['50%', '50%'],
|
|
3449
3700
|
data: this.#data,
|
|
3450
3701
|
itemStyle,
|
|
3451
3702
|
label
|
|
3452
3703
|
}];
|
|
3453
|
-
const textColor =
|
|
3454
|
-
const textBackgroundColor =
|
|
3455
|
-
const borderColor =
|
|
3704
|
+
const textColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-pie-chart-tooltip-color');
|
|
3705
|
+
const textBackgroundColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-pie-chart-tooltip-background-color');
|
|
3706
|
+
const borderColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-pie-chart-tooltip-border-color');
|
|
3456
3707
|
const toolbox = {
|
|
3457
3708
|
show: true,
|
|
3458
3709
|
feature: {
|
|
3459
3710
|
mySaveAsImage: {
|
|
3460
|
-
show:
|
|
3711
|
+
show: this.download.show,
|
|
3461
3712
|
icon: 'path://M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-101.5 0-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352 64 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z',
|
|
3462
3713
|
title: this.download.label,
|
|
3463
3714
|
onclick: () => {
|
|
3464
3715
|
setTimeout(() => {
|
|
3465
3716
|
html2canvas(this.#chartContainer).then(canvas => {
|
|
3466
|
-
var link =
|
|
3717
|
+
var link = this.#renderer.createElement('a');
|
|
3467
3718
|
link.href = canvas.toDataURL('image/png');
|
|
3468
3719
|
link.download = `${this.download.name}.png`;
|
|
3469
3720
|
this.#renderer.appendChild(this.#document.body, link);
|
|
@@ -3491,12 +3742,45 @@ class BizyPieChartComponent {
|
|
|
3491
3742
|
appendToBody: true,
|
|
3492
3743
|
formatter: this.onTooltipFormatter
|
|
3493
3744
|
};
|
|
3494
|
-
|
|
3745
|
+
let legend = {};
|
|
3746
|
+
if (this.legend) {
|
|
3747
|
+
legend.show = this.legend.show;
|
|
3748
|
+
legend.orient = this.legend.orient;
|
|
3749
|
+
legend.left = this.legend.position ? this.legend.position.x : 'auto';
|
|
3750
|
+
legend.top = this.legend.position ? this.legend.position.y : 'auto';
|
|
3751
|
+
}
|
|
3752
|
+
else {
|
|
3753
|
+
legend = this.type === 'pie' ? { show: false } : {
|
|
3754
|
+
show: true,
|
|
3755
|
+
orient: 'vertical',
|
|
3756
|
+
left: 'left'
|
|
3757
|
+
};
|
|
3758
|
+
}
|
|
3759
|
+
let graphic;
|
|
3760
|
+
if (this.centerLabel) {
|
|
3761
|
+
let centerLabelColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-pie-chart-center-label-color');
|
|
3762
|
+
let { width, height } = this.#chartContainer.getBoundingClientRect();
|
|
3763
|
+
let base = Math.min(width, height);
|
|
3764
|
+
let fontSize = base / 6;
|
|
3765
|
+
graphic = {
|
|
3766
|
+
type: 'text',
|
|
3767
|
+
left: 'center',
|
|
3768
|
+
top: 'center',
|
|
3769
|
+
style: {
|
|
3770
|
+
text: this.centerLabel,
|
|
3771
|
+
fill: centerLabelColor,
|
|
3772
|
+
textAlign: 'center',
|
|
3773
|
+
fontSize,
|
|
3774
|
+
fontWeight: 'bold'
|
|
3775
|
+
}
|
|
3776
|
+
};
|
|
3777
|
+
}
|
|
3495
3778
|
const option = {
|
|
3496
3779
|
tooltip,
|
|
3497
3780
|
toolbox,
|
|
3498
3781
|
legend,
|
|
3499
|
-
series
|
|
3782
|
+
series,
|
|
3783
|
+
graphic
|
|
3500
3784
|
};
|
|
3501
3785
|
import('echarts').then(echarts => {
|
|
3502
3786
|
this.#echarts = echarts.init(this.#chartContainer);
|
|
@@ -3526,23 +3810,15 @@ class BizyPieChartComponent {
|
|
|
3526
3810
|
if (this.#chartContainer || !this.#elementRef || !this.#elementRef.nativeElement) {
|
|
3527
3811
|
return;
|
|
3528
3812
|
}
|
|
3529
|
-
let elementWidth = this.#elementRef.nativeElement.offsetWidth
|
|
3530
|
-
let elementHeight = this.#elementRef.nativeElement.offsetHeight
|
|
3531
|
-
let minWidth =
|
|
3532
|
-
let minHeight =
|
|
3533
|
-
const
|
|
3534
|
-
const
|
|
3535
|
-
if (Number(chartMinWidth)) {
|
|
3536
|
-
minWidth = Number(chartMinWidth);
|
|
3537
|
-
}
|
|
3538
|
-
if (Number(pieChartMinHeight)) {
|
|
3539
|
-
minHeight = Number(pieChartMinHeight);
|
|
3540
|
-
}
|
|
3541
|
-
const width = Math.max(elementWidth, minWidth);
|
|
3542
|
-
const height = Math.max(elementHeight, minHeight);
|
|
3813
|
+
let elementWidth = this.#elementRef.nativeElement.offsetWidth;
|
|
3814
|
+
let elementHeight = this.#elementRef.nativeElement.offsetHeight;
|
|
3815
|
+
let minWidth = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-pie-chart-width');
|
|
3816
|
+
let minHeight = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-pie-chart-height');
|
|
3817
|
+
const width = minWidth ? minWidth : elementWidth ? `${elementWidth}px` : DEFAULT_CHART_SIZE;
|
|
3818
|
+
const height = minHeight ? minHeight : elementHeight ? `${elementHeight}px` : DEFAULT_CHART_SIZE;
|
|
3543
3819
|
this.#chartContainer = this.#renderer.createElement('div');
|
|
3544
|
-
this.#renderer.setStyle(this.#chartContainer, 'width',
|
|
3545
|
-
this.#renderer.setStyle(this.#chartContainer, 'height',
|
|
3820
|
+
this.#renderer.setStyle(this.#chartContainer, 'width', width);
|
|
3821
|
+
this.#renderer.setStyle(this.#chartContainer, 'height', height);
|
|
3546
3822
|
this.#renderer.appendChild(this.#elementRef.nativeElement, this.#chartContainer);
|
|
3547
3823
|
this.#ref.detectChanges();
|
|
3548
3824
|
};
|
|
@@ -3555,11 +3831,19 @@ class BizyPieChartComponent {
|
|
|
3555
3831
|
this.#chartContainer = null;
|
|
3556
3832
|
this.#ref.detectChanges();
|
|
3557
3833
|
};
|
|
3834
|
+
#getClosestCssVariable = (element, cssVariable) => {
|
|
3835
|
+
while (element) {
|
|
3836
|
+
const value = getComputedStyle(element).getPropertyValue(cssVariable).trim();
|
|
3837
|
+
if (value) {
|
|
3838
|
+
return value;
|
|
3839
|
+
}
|
|
3840
|
+
element = element.parentElement;
|
|
3841
|
+
}
|
|
3842
|
+
const rootValue = getComputedStyle(document.documentElement).getPropertyValue(cssVariable).trim();
|
|
3843
|
+
return rootValue || null;
|
|
3844
|
+
};
|
|
3558
3845
|
ngOnDestroy() {
|
|
3559
3846
|
this.#subscription.unsubscribe();
|
|
3560
|
-
if (this.#mutationObserver) {
|
|
3561
|
-
this.#mutationObserver.disconnect();
|
|
3562
|
-
}
|
|
3563
3847
|
if (this.#resizeObserver) {
|
|
3564
3848
|
this.#resizeObserver.disconnect();
|
|
3565
3849
|
}
|
|
@@ -3568,7 +3852,7 @@ class BizyPieChartComponent {
|
|
|
3568
3852
|
}
|
|
3569
3853
|
}
|
|
3570
3854
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyPieChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3571
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyPieChartComponent, isStandalone: true, selector: "bizy-pie-chart", inputs: { resizeRef: "resizeRef", tooltip: "tooltip", type: "type", download: "download", onLabelFormatter: "onLabelFormatter", onTooltipFormatter: "onTooltipFormatter", data: "data" }, outputs: { onSelect: "onSelect", onDownload: "onDownload" }, ngImport: i0, template: '', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3855
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyPieChartComponent, isStandalone: true, selector: "bizy-pie-chart", inputs: { resizeRef: "resizeRef", tooltip: "tooltip", centerLabel: "centerLabel", type: "type", legend: "legend", download: "download", onLabelFormatter: "onLabelFormatter", onTooltipFormatter: "onTooltipFormatter", data: "data" }, outputs: { onSelect: "onSelect", onDownload: "onDownload" }, ngImport: i0, template: '', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3572
3856
|
}
|
|
3573
3857
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyPieChartComponent, decorators: [{
|
|
3574
3858
|
type: Component,
|
|
@@ -3582,8 +3866,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
3582
3866
|
type: Input
|
|
3583
3867
|
}], tooltip: [{
|
|
3584
3868
|
type: Input
|
|
3869
|
+
}], centerLabel: [{
|
|
3870
|
+
type: Input
|
|
3585
3871
|
}], type: [{
|
|
3586
3872
|
type: Input
|
|
3873
|
+
}], legend: [{
|
|
3874
|
+
type: Input
|
|
3587
3875
|
}], download: [{
|
|
3588
3876
|
type: Input
|
|
3589
3877
|
}], onLabelFormatter: [{
|
|
@@ -8168,5 +8456,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
8168
8456
|
* Generated bundle index. Do not edit.
|
|
8169
8457
|
*/
|
|
8170
8458
|
|
|
8171
|
-
export { BIZY_ANIMATION, BIZY_CALENDAR_DAY, BIZY_CALENDAR_EVENT_ACTION, BIZY_CALENDAR_LANGUAGE, BIZY_CALENDAR_MODE, BIZY_FORMAT_SECONDS_FORMAT, BIZY_FORMAT_SECONDS_LANGUAGE, BIZY_SKELETON_SHAPE, BIZY_TAG_TYPE, BizyAccordionComponent, BizyAccordionModule, BizyAnimationService, BizyAudioPlayerComponent, BizyAudioPlayerModule, BizyAutoFocusDirective, BizyAveragePipe, BizyBarLineChartComponent, BizyBarLineChartModule, BizyBreadcrumbComponent, BizyBreadcrumbModule, BizyButtonComponent, BizyButtonModule, BizyCacheService, BizyCalendarComponent, BizyCalendarModule, BizyCardComponent, BizyCardModule, BizyCheckboxComponent, BizyCheckboxModule, BizyContentComponent, BizyContentModule, BizyCopyToClipboardDirective, BizyCopyToClipboardService, BizyCurrencyFormatDirective, BizyDatePickerComponent, BizyDatePickerModule, BizyDeviceService, BizyDirectivesModule, BizyEnumToArrayPipe, BizyExportToCSVService, BizyExtractNumbersPipe, BizyFileUploaderComponent, BizyFileUploaderModule, BizyFileUploaderService, BizyFilterComponent, BizyFilterContentComponent, BizyFilterModule, BizyFilterPipe, BizyFilterSectionCheckboxOptionComponent, BizyFilterSectionComponent, BizyFilterSectionRangeOptionComponent, BizyFilterSectionSearchOptionComponent, BizyFilterSectionsComponent, BizyFormComponent, BizyFormModule, BizyFormatSecondsPipe, BizyFormatSecondsService, BizyFullScreenPopupWrapperComponent, BizyGridComponent, BizyGridForDirective, BizyGridModule, BizyGridRowComponent, BizyInputComponent, BizyInputModule, BizyInputOptionComponent, BizyKeyboardService, BizyListComponent, BizyListModule, BizyLoadingDirective, BizyLogService, BizyLongPressDirective, BizyMenuComponent, BizyMenuModule, BizyMenuOptionComponent, BizyMenuTitleComponent, BizyOnlyNumbersDirective, BizyOnlyPhoneDigitsDirective, BizyOrderByPipe, BizyPieChartComponent, BizyPieChartModule, BizyPipesModule, BizyPopupModule, BizyPopupService, BizyPopupWrapperComponent, BizyProgressBarComponent, BizyProgressBarModule, BizyRadioComponent, BizyRadioModule, BizyRangeFilterPipe, BizyReducePipe, BizyReloadDirective, BizyRepeatPipe, BizyRouterService, BizySafePipe, BizySearchPipe, BizySectionCenterComponent, BizySectionComponent, BizySectionEndComponent, BizySectionModule, BizySectionStartComponent, BizySelectComponent, BizySelectModule, BizySelectOptionComponent, BizyServicesModule, BizySetToArrayPipe, BizySidebarComponent, BizySidebarFloatingOptionComponent, BizySidebarFloatingOptionTitleComponent, BizySidebarModule, BizySidebarOptionComponent, BizySkeletonComponent, BizySkeletonModule, BizySliderComponent, BizySliderModule, BizyStorageService, BizyTabComponent, BizyTableColumnArrowsComponent, BizyTableColumnComponent, BizyTableColumnFixedDirective, BizyTableComponent, BizyTableFooterComponent, BizyTableHeaderComponent, BizyTableModule, BizyTableRowComponent, BizyTableRowExpandContentComponent, BizyTableScrollingComponent, BizyTableScrollingDirective, BizyTabsComponent, BizyTabsModule, BizyTagComponent, BizyTagModule, BizyTextEllipsisDirective, BizyTimelineComponent, BizyTimelineEventComponent, BizyTimelineModule, BizyToastModule, BizyToastService, BizyToastWrapperComponent, BizyToggleComponent, BizyToggleModule, BizyToolbarComponent, BizyToolbarModule, BizyTooltipDirective, BizyTrackByIdDirective, BizyTranslateModule, BizyTranslatePipe, BizyTranslateService, BizyValidatorService, BizyViewportService, LANGUAGE, LOADING_TYPE, MIME_TYPE };
|
|
8459
|
+
export { BIZY_ANIMATION, BIZY_CALENDAR_DAY, BIZY_CALENDAR_EVENT_ACTION, BIZY_CALENDAR_LANGUAGE, BIZY_CALENDAR_MODE, BIZY_FORMAT_SECONDS_FORMAT, BIZY_FORMAT_SECONDS_LANGUAGE, BIZY_SKELETON_SHAPE, BIZY_TAG_TYPE, BizyAccordionComponent, BizyAccordionModule, BizyAnimationService, BizyAudioPlayerComponent, BizyAudioPlayerModule, BizyAutoFocusDirective, BizyAveragePipe, BizyBarLineChartComponent, BizyBarLineChartModule, BizyBreadcrumbComponent, BizyBreadcrumbModule, BizyButtonComponent, BizyButtonModule, BizyCacheService, BizyCalendarComponent, BizyCalendarModule, BizyCardComponent, BizyCardModule, BizyCheckboxComponent, BizyCheckboxModule, BizyContentComponent, BizyContentModule, BizyCopyToClipboardDirective, BizyCopyToClipboardService, BizyCurrencyFormatDirective, BizyDatePickerComponent, BizyDatePickerModule, BizyDeviceService, BizyDirectivesModule, BizyEnumToArrayPipe, BizyExportToCSVService, BizyExtractNumbersPipe, BizyFileUploaderComponent, BizyFileUploaderModule, BizyFileUploaderService, BizyFilterComponent, BizyFilterContentComponent, BizyFilterModule, BizyFilterPipe, BizyFilterSectionCheckboxOptionComponent, BizyFilterSectionComponent, BizyFilterSectionRangeOptionComponent, BizyFilterSectionSearchOptionComponent, BizyFilterSectionsComponent, BizyFormComponent, BizyFormModule, BizyFormatSecondsPipe, BizyFormatSecondsService, BizyFullScreenPopupWrapperComponent, BizyGridComponent, BizyGridForDirective, BizyGridModule, BizyGridRowComponent, BizyHeatMapChartComponent, BizyHeatMapChartModule, BizyInputComponent, BizyInputModule, BizyInputOptionComponent, BizyKeyboardService, BizyListComponent, BizyListModule, BizyLoadingDirective, BizyLogService, BizyLongPressDirective, BizyMenuComponent, BizyMenuModule, BizyMenuOptionComponent, BizyMenuTitleComponent, BizyOnlyNumbersDirective, BizyOnlyPhoneDigitsDirective, BizyOrderByPipe, BizyPieChartComponent, BizyPieChartModule, BizyPipesModule, BizyPopupModule, BizyPopupService, BizyPopupWrapperComponent, BizyProgressBarComponent, BizyProgressBarModule, BizyRadioComponent, BizyRadioModule, BizyRangeFilterPipe, BizyReducePipe, BizyReloadDirective, BizyRepeatPipe, BizyRouterService, BizySafePipe, BizySearchPipe, BizySectionCenterComponent, BizySectionComponent, BizySectionEndComponent, BizySectionModule, BizySectionStartComponent, BizySelectComponent, BizySelectModule, BizySelectOptionComponent, BizyServicesModule, BizySetToArrayPipe, BizySidebarComponent, BizySidebarFloatingOptionComponent, BizySidebarFloatingOptionTitleComponent, BizySidebarModule, BizySidebarOptionComponent, BizySkeletonComponent, BizySkeletonModule, BizySliderComponent, BizySliderModule, BizyStorageService, BizyTabComponent, BizyTableColumnArrowsComponent, BizyTableColumnComponent, BizyTableColumnFixedDirective, BizyTableComponent, BizyTableFooterComponent, BizyTableHeaderComponent, BizyTableModule, BizyTableRowComponent, BizyTableRowExpandContentComponent, BizyTableScrollingComponent, BizyTableScrollingDirective, BizyTabsComponent, BizyTabsModule, BizyTagComponent, BizyTagModule, BizyTextEllipsisDirective, BizyTimelineComponent, BizyTimelineEventComponent, BizyTimelineModule, BizyToastModule, BizyToastService, BizyToastWrapperComponent, BizyToggleComponent, BizyToggleModule, BizyToolbarComponent, BizyToolbarModule, BizyTooltipDirective, BizyTrackByIdDirective, BizyTranslateModule, BizyTranslatePipe, BizyTranslateService, BizyValidatorService, BizyViewportService, LANGUAGE, LOADING_TYPE, MIME_TYPE };
|
|
8172
8460
|
//# sourceMappingURL=bizy-core.mjs.map
|