@biit-solutions/wizardry-theme 1.22.14 → 1.22.15
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/assets/i18n/login-welcome/de.json +1 -0
- package/assets/i18n/login-welcome/fr.json +1 -0
- package/assets/i18n/login-welcome/it.json +1 -0
- package/assets/i18n/utils/de.json +1 -0
- package/assets/i18n/utils/fr.json +1 -0
- package/assets/i18n/utils/it.json +1 -0
- package/esm2020/button/biit-action-button/biit-action-button.component.mjs +2 -2
- package/esm2020/button/biit-icon-button/biit-icon-button.component.mjs +2 -2
- package/esm2020/charts/bar-chart/bar-chart.component.mjs +2 -2
- package/esm2020/charts/line-chart/line-chart.component.mjs +2 -2
- package/esm2020/charts/meta-view-chart/meta-view-chart.component.mjs +2 -2
- package/esm2020/charts/pie-chart/pie-chart.component.mjs +2 -2
- package/esm2020/charts/radar-chart/radar-chart.component.mjs +2 -2
- package/esm2020/charts/radial-chart/radial-chart.component.mjs +2 -2
- package/esm2020/charts/timeline-viewer-chart/timeline-viewer-chart.component.mjs +2 -2
- package/esm2020/popup/biit-popup/biit-popup.component.mjs +2 -2
- package/esm2020/table/biit-datatable/biit-datatable.component.mjs +2 -2
- package/esm2020/table/biit-paginator/biit-paginator.component.mjs +2 -2
- package/esm2020/table/biit-table/biit-table.component.mjs +2 -2
- package/fesm2015/biit-solutions-wizardry-theme-button.mjs +4 -4
- package/fesm2015/biit-solutions-wizardry-theme-button.mjs.map +1 -1
- package/fesm2015/biit-solutions-wizardry-theme-charts.mjs +14 -14
- package/fesm2015/biit-solutions-wizardry-theme-popup.mjs +2 -2
- package/fesm2015/biit-solutions-wizardry-theme-popup.mjs.map +1 -1
- package/fesm2015/biit-solutions-wizardry-theme-table.mjs +6 -6
- package/fesm2020/biit-solutions-wizardry-theme-button.mjs +4 -4
- package/fesm2020/biit-solutions-wizardry-theme-button.mjs.map +1 -1
- package/fesm2020/biit-solutions-wizardry-theme-charts.mjs +14 -14
- package/fesm2020/biit-solutions-wizardry-theme-popup.mjs +2 -2
- package/fesm2020/biit-solutions-wizardry-theme-popup.mjs.map +1 -1
- package/fesm2020/biit-solutions-wizardry-theme-table.mjs +6 -6
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{}
|
|
@@ -51,10 +51,10 @@ export class BiitActionButtonComponent {
|
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
BiitActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitActionButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
54
|
-
BiitActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitActionButtonComponent, selector: "biit-action-button", inputs: { position: "position", additionalX: "additionalX", additionalY: "additionalY" }, queries: [{ propertyName: "inputButtons", predicate: BiitIconButtonComponent }], ngImport: i0, template: "<div id=\"fab\" class=\"floating-action-button\" [ngStyle]=\"positionStyle()\" (pointerover)=\"hover = true;\" (pointerleave)=\"hover = false\">\n <ng-content></ng-content>\n</div>\n", styles: [":root{--main-color: #F20D5E;--main-background: #D9D9D9;--body-background: #EDEDED;--light-background: #D7D7D7;--error-color: #A1093F;--warning-color: var(--main-color);--floating-background: white;--main-font-color: white;--secondary-color: #808080;--secondary-text-color: #EDEDED;--secondary-background-color: #808080;--disabled-primary-color: #808080;--disabled-menu-color: #D9D9D9;--disabled-secondary-color: var(--main-color);--component-color: #262626;--active-color: var(--component-color);--hover-color: #EDEDED;--hover-primary-color: var(--main-color);--secondary-button-color: var(--component-color);--secondary-button-background-color: var(--main-font-color);--secondary-button-hover-background: var(--main-background);--secondary-button-active-background: var(--main-background);--quaternary-button-color: var(--main-font-color);--quaternary-button-background-color: var(--error-color);--quaternary-button-hover-background: var(--main-color);--quaternary-button-active-background: var(--main-color);--text-hover-color: #5A6473;--selected-color: #FBAEC9;--
|
|
54
|
+
BiitActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitActionButtonComponent, selector: "biit-action-button", inputs: { position: "position", additionalX: "additionalX", additionalY: "additionalY" }, queries: [{ propertyName: "inputButtons", predicate: BiitIconButtonComponent }], ngImport: i0, template: "<div id=\"fab\" class=\"floating-action-button\" [ngStyle]=\"positionStyle()\" (pointerover)=\"hover = true;\" (pointerleave)=\"hover = false\">\n <ng-content></ng-content>\n</div>\n", styles: [":root{--main-color: #F20D5E;--popup-background-color: rgba(0, 0, 0, .15);--main-background: #D9D9D9;--body-background: #EDEDED;--light-background: #D7D7D7;--error-color: #A1093F;--warning-color: var(--main-color);--floating-background: white;--main-font-color: white;--secondary-color: #808080;--secondary-text-color: #EDEDED;--secondary-background-color: #808080;--disabled-primary-color: #808080;--disabled-menu-color: #D9D9D9;--disabled-menu-color-hover: #FFFFFF;--disabled-secondary-color: var(--main-color);--component-color: #262626;--active-color: var(--component-color);--hover-color: #EDEDED;--hover-primary-color: var(--main-color);--secondary-button-color: var(--component-color);--secondary-button-background-color: var(--main-font-color);--secondary-button-hover-background: var(--main-background);--secondary-button-active-background: var(--main-background);--quaternary-button-color: var(--main-font-color);--quaternary-button-background-color: var(--error-color);--quaternary-button-hover-background: var(--main-color);--quaternary-button-active-background: var(--main-color);--text-hover-color: #5A6473;--selected-color: #FBAEC9;--chart-background: #FFFFFF;--icon-color: var(--main-color);--table-header-color: var(--component-color);--table-border-color: var(--table-header-color);--scrollbar-color: var(--main-color)}.floating-action-button{box-sizing:border-box;position:fixed;z-index:999;opacity:50%;background:white;border:3px solid var(--component-color);display:flex;flex-direction:column;justify-content:flex-end}.floating-action-button:hover{opacity:100%}.floating-action-button:hover ::ng-deep button:not(:first-child){display:flex}.floating-action-button ::ng-deep button:not(:first-child){display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
55
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitActionButtonComponent, decorators: [{
|
|
56
56
|
type: Component,
|
|
57
|
-
args: [{ selector: 'biit-action-button', template: "<div id=\"fab\" class=\"floating-action-button\" [ngStyle]=\"positionStyle()\" (pointerover)=\"hover = true;\" (pointerleave)=\"hover = false\">\n <ng-content></ng-content>\n</div>\n", styles: [":root{--main-color: #F20D5E;--main-background: #D9D9D9;--body-background: #EDEDED;--light-background: #D7D7D7;--error-color: #A1093F;--warning-color: var(--main-color);--floating-background: white;--main-font-color: white;--secondary-color: #808080;--secondary-text-color: #EDEDED;--secondary-background-color: #808080;--disabled-primary-color: #808080;--disabled-menu-color: #D9D9D9;--disabled-secondary-color: var(--main-color);--component-color: #262626;--active-color: var(--component-color);--hover-color: #EDEDED;--hover-primary-color: var(--main-color);--secondary-button-color: var(--component-color);--secondary-button-background-color: var(--main-font-color);--secondary-button-hover-background: var(--main-background);--secondary-button-active-background: var(--main-background);--quaternary-button-color: var(--main-font-color);--quaternary-button-background-color: var(--error-color);--quaternary-button-hover-background: var(--main-color);--quaternary-button-active-background: var(--main-color);--text-hover-color: #5A6473;--selected-color: #FBAEC9;--
|
|
57
|
+
args: [{ selector: 'biit-action-button', template: "<div id=\"fab\" class=\"floating-action-button\" [ngStyle]=\"positionStyle()\" (pointerover)=\"hover = true;\" (pointerleave)=\"hover = false\">\n <ng-content></ng-content>\n</div>\n", styles: [":root{--main-color: #F20D5E;--popup-background-color: rgba(0, 0, 0, .15);--main-background: #D9D9D9;--body-background: #EDEDED;--light-background: #D7D7D7;--error-color: #A1093F;--warning-color: var(--main-color);--floating-background: white;--main-font-color: white;--secondary-color: #808080;--secondary-text-color: #EDEDED;--secondary-background-color: #808080;--disabled-primary-color: #808080;--disabled-menu-color: #D9D9D9;--disabled-menu-color-hover: #FFFFFF;--disabled-secondary-color: var(--main-color);--component-color: #262626;--active-color: var(--component-color);--hover-color: #EDEDED;--hover-primary-color: var(--main-color);--secondary-button-color: var(--component-color);--secondary-button-background-color: var(--main-font-color);--secondary-button-hover-background: var(--main-background);--secondary-button-active-background: var(--main-background);--quaternary-button-color: var(--main-font-color);--quaternary-button-background-color: var(--error-color);--quaternary-button-hover-background: var(--main-color);--quaternary-button-active-background: var(--main-color);--text-hover-color: #5A6473;--selected-color: #FBAEC9;--chart-background: #FFFFFF;--icon-color: var(--main-color);--table-header-color: var(--component-color);--table-border-color: var(--table-header-color);--scrollbar-color: var(--main-color)}.floating-action-button{box-sizing:border-box;position:fixed;z-index:999;opacity:50%;background:white;border:3px solid var(--component-color);display:flex;flex-direction:column;justify-content:flex-end}.floating-action-button:hover{opacity:100%}.floating-action-button:hover ::ng-deep button:not(:first-child){display:flex}.floating-action-button ::ng-deep button:not(:first-child){display:none}\n"] }]
|
|
58
58
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { position: [{
|
|
59
59
|
type: Input
|
|
60
60
|
}], additionalX: [{
|
|
@@ -7,10 +7,10 @@ export class BiitIconButtonComponent {
|
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
9
|
BiitIconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
BiitIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitIconButtonComponent, selector: "button[biit-icon]", inputs: { icon: "icon", checked: "checked" }, ngImport: i0, template: "<div [class.checked]=\"checked\" style=\"display: flex;\">\n <biit-icon [name]=\"icon\"\n [pathStyle]=\"{fill: '#262626'}\"\n class=\"icon-button-svg\"\n ></biit-icon>\n <ng-content></ng-content>\n</div>\n", styles: [":host{background:none;color:inherit;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;height:2.125em;width:2.125em}:host:hover,:host:focus-visible,:host:has(.checked){background-color:var(--main-background)}:host:active ::ng-deep biit-icon path{fill:var(--main-color)!important}:host:disabled{pointer-events:none}:host:disabled:hover,:host:disabled:focus-visible{background-color:var(--
|
|
10
|
+
BiitIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitIconButtonComponent, selector: "button[biit-icon]", inputs: { icon: "icon", checked: "checked" }, ngImport: i0, template: "<div [class.checked]=\"checked\" style=\"display: flex;\">\n <biit-icon [name]=\"icon\"\n [pathStyle]=\"{fill: '#262626'}\"\n class=\"icon-button-svg\"\n ></biit-icon>\n <ng-content></ng-content>\n</div>\n", styles: [":host{background:none;color:inherit;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;height:2.125em;width:2.125em}:host:hover,:host:focus-visible,:host:has(.checked){background-color:var(--main-background)}:host:active ::ng-deep biit-icon path{fill:var(--main-color)!important}:host:disabled{pointer-events:none}:host:disabled:hover,:host:disabled:focus-visible{background-color:var(--disabled-menu-color-hover)}:host:disabled ::ng-deep biit-icon path{fill:var(--disabled-menu-color)!important}:host:has(.checked) ::ng-deep biit-icon path{fill:var(--main-color)!important}.icon-button-svg{display:inline-flex;pointer-events:none;width:1em;height:1em}\n"], dependencies: [{ kind: "component", type: i1.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }] });
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitIconButtonComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
|
-
args: [{ selector: 'button[biit-icon]', template: "<div [class.checked]=\"checked\" style=\"display: flex;\">\n <biit-icon [name]=\"icon\"\n [pathStyle]=\"{fill: '#262626'}\"\n class=\"icon-button-svg\"\n ></biit-icon>\n <ng-content></ng-content>\n</div>\n", styles: [":host{background:none;color:inherit;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;height:2.125em;width:2.125em}:host:hover,:host:focus-visible,:host:has(.checked){background-color:var(--main-background)}:host:active ::ng-deep biit-icon path{fill:var(--main-color)!important}:host:disabled{pointer-events:none}:host:disabled:hover,:host:disabled:focus-visible{background-color:var(--
|
|
13
|
+
args: [{ selector: 'button[biit-icon]', template: "<div [class.checked]=\"checked\" style=\"display: flex;\">\n <biit-icon [name]=\"icon\"\n [pathStyle]=\"{fill: '#262626'}\"\n class=\"icon-button-svg\"\n ></biit-icon>\n <ng-content></ng-content>\n</div>\n", styles: [":host{background:none;color:inherit;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;height:2.125em;width:2.125em}:host:hover,:host:focus-visible,:host:has(.checked){background-color:var(--main-background)}:host:active ::ng-deep biit-icon path{fill:var(--main-color)!important}:host:disabled{pointer-events:none}:host:disabled:hover,:host:disabled:focus-visible{background-color:var(--disabled-menu-color-hover)}:host:disabled ::ng-deep biit-icon path{fill:var(--disabled-menu-color)!important}:host:has(.checked) ::ng-deep biit-icon path{fill:var(--main-color)!important}.icon-button-svg{display:inline-flex;pointer-events:none;width:1em;height:1em}\n"] }]
|
|
14
14
|
}], propDecorators: { icon: [{
|
|
15
15
|
type: Input
|
|
16
16
|
}], checked: [{
|
|
@@ -165,12 +165,12 @@ export class BarChartComponent {
|
|
|
165
165
|
}
|
|
166
166
|
}
|
|
167
167
|
BarChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BarChartComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
168
|
-
BarChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BarChartComponent, selector: "biit-bar-chart", inputs: { data: "data", title: "title", width: "width", min: "min", max: "max", compact: "compact" }, host: { listeners: { "document:scroll": "handleScroll($event)" } }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"bar-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [series]=\"chartOptions.series\"\n [chart]=\"chartOptions.chart\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [colors]=\"chartOptions.colors\"\n [plotOptions]=\"chartOptions.plotOptions\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [legend]=\"chartOptions.legend\"\n [title]=\"chartOptions.title\"\n [tooltip]=\"chartOptions.tooltip\"\n [grid]=\"chartOptions.grid\"\n [fill]=\"chartOptions.fill\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--
|
|
168
|
+
BarChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BarChartComponent, selector: "biit-bar-chart", inputs: { data: "data", title: "title", width: "width", min: "min", max: "max", compact: "compact" }, host: { listeners: { "document:scroll": "handleScroll($event)" } }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"bar-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [series]=\"chartOptions.series\"\n [chart]=\"chartOptions.chart\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [colors]=\"chartOptions.colors\"\n [plotOptions]=\"chartOptions.plotOptions\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [legend]=\"chartOptions.legend\"\n [title]=\"chartOptions.title\"\n [tooltip]=\"chartOptions.tooltip\"\n [grid]=\"chartOptions.grid\"\n [fill]=\"chartOptions.fill\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--chart-background)}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-header{background:var(--component-color);color:var(--chart-background);padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid var(--component-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ChartComponent, selector: "apx-chart", inputs: ["chart", "annotations", "colors", "dataLabels", "series", "stroke", "labels", "legend", "markers", "noData", "fill", "tooltip", "plotOptions", "responsive", "xaxis", "yaxis", "forecastDataPoints", "grid", "states", "title", "subtitle", "theme", "autoUpdateSeries"] }] });
|
|
169
169
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BarChartComponent, decorators: [{
|
|
170
170
|
type: Component,
|
|
171
171
|
args: [{ selector: 'biit-bar-chart', host: {
|
|
172
172
|
'(document:scroll)': 'handleScroll($event)'
|
|
173
|
-
}, template: "<div id=\"bar-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [series]=\"chartOptions.series\"\n [chart]=\"chartOptions.chart\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [colors]=\"chartOptions.colors\"\n [plotOptions]=\"chartOptions.plotOptions\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [legend]=\"chartOptions.legend\"\n [title]=\"chartOptions.title\"\n [tooltip]=\"chartOptions.tooltip\"\n [grid]=\"chartOptions.grid\"\n [fill]=\"chartOptions.fill\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--
|
|
173
|
+
}, template: "<div id=\"bar-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [series]=\"chartOptions.series\"\n [chart]=\"chartOptions.chart\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [colors]=\"chartOptions.colors\"\n [plotOptions]=\"chartOptions.plotOptions\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [legend]=\"chartOptions.legend\"\n [title]=\"chartOptions.title\"\n [tooltip]=\"chartOptions.tooltip\"\n [grid]=\"chartOptions.grid\"\n [fill]=\"chartOptions.fill\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--chart-background)}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-header{background:var(--component-color);color:var(--chart-background);padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid var(--component-color)}\n"] }]
|
|
174
174
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { apexChart: [{
|
|
175
175
|
type: ViewChild,
|
|
176
176
|
args: ['apexChart']
|
|
@@ -166,10 +166,10 @@ export class LineChartComponent {
|
|
|
166
166
|
}
|
|
167
167
|
}
|
|
168
168
|
LineChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
169
|
-
LineChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LineChartComponent, selector: "biit-line-chart", inputs: { data: "data", title: "title", xTitle: "xTitle", yTitle: "yTitle", min: "min", max: "max", enabledLabelsOnSeries: "enabledLabelsOnSeries" }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"line-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [chart]=\"chartOptions.chart\"\n [series]=\"chartOptions.series\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [colors]=\"chartOptions.colors\"\n [stroke]=\"chartOptions.stroke\"\n [title]=\"chartOptions.title\"\n [grid]=\"chartOptions.grid\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [markers]=\"chartOptions.markers\"\n [legend]=\"chartOptions.legend\"\n [fill]=\"chartOptions.fill\"\n [tooltip]=\"chartOptions.tooltip\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#line-chart{display:block;height:inherit;width:inherit;transition:1s ease-in-out}#line-chart ::ng-deep apx-chart .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--
|
|
169
|
+
LineChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LineChartComponent, selector: "biit-line-chart", inputs: { data: "data", title: "title", xTitle: "xTitle", yTitle: "yTitle", min: "min", max: "max", enabledLabelsOnSeries: "enabledLabelsOnSeries" }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"line-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [chart]=\"chartOptions.chart\"\n [series]=\"chartOptions.series\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [colors]=\"chartOptions.colors\"\n [stroke]=\"chartOptions.stroke\"\n [title]=\"chartOptions.title\"\n [grid]=\"chartOptions.grid\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [markers]=\"chartOptions.markers\"\n [legend]=\"chartOptions.legend\"\n [fill]=\"chartOptions.fill\"\n [tooltip]=\"chartOptions.tooltip\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#line-chart{display:block;height:inherit;width:inherit;transition:1s ease-in-out}#line-chart ::ng-deep apx-chart .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--chart-background)}#line-chart ::ng-deep apx-chart .apexcharts-tooltip *{box-sizing:border-box}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-header{background:var(--component-color);color:var(--chart-background);padding:.45rem .7rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#line-chart ::ng-deep apx-chart .apexcharts-legend-series{display:flex}#line-chart ::ng-deep apx-chart .apexcharts-legend-series .apexcharts-legend-marker{border-radius:0!important;margin-right:7px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ChartComponent, selector: "apx-chart", inputs: ["chart", "annotations", "colors", "dataLabels", "series", "stroke", "labels", "legend", "markers", "noData", "fill", "tooltip", "plotOptions", "responsive", "xaxis", "yaxis", "forecastDataPoints", "grid", "states", "title", "subtitle", "theme", "autoUpdateSeries"] }] });
|
|
170
170
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LineChartComponent, decorators: [{
|
|
171
171
|
type: Component,
|
|
172
|
-
args: [{ selector: 'biit-line-chart', template: "<div id=\"line-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [chart]=\"chartOptions.chart\"\n [series]=\"chartOptions.series\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [colors]=\"chartOptions.colors\"\n [stroke]=\"chartOptions.stroke\"\n [title]=\"chartOptions.title\"\n [grid]=\"chartOptions.grid\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [markers]=\"chartOptions.markers\"\n [legend]=\"chartOptions.legend\"\n [fill]=\"chartOptions.fill\"\n [tooltip]=\"chartOptions.tooltip\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#line-chart{display:block;height:inherit;width:inherit;transition:1s ease-in-out}#line-chart ::ng-deep apx-chart .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--
|
|
172
|
+
args: [{ selector: 'biit-line-chart', template: "<div id=\"line-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [chart]=\"chartOptions.chart\"\n [series]=\"chartOptions.series\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [colors]=\"chartOptions.colors\"\n [stroke]=\"chartOptions.stroke\"\n [title]=\"chartOptions.title\"\n [grid]=\"chartOptions.grid\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [markers]=\"chartOptions.markers\"\n [legend]=\"chartOptions.legend\"\n [fill]=\"chartOptions.fill\"\n [tooltip]=\"chartOptions.tooltip\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#line-chart{display:block;height:inherit;width:inherit;transition:1s ease-in-out}#line-chart ::ng-deep apx-chart .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--chart-background)}#line-chart ::ng-deep apx-chart .apexcharts-tooltip *{box-sizing:border-box}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-header{background:var(--component-color);color:var(--chart-background);padding:.45rem .7rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#line-chart ::ng-deep apx-chart .apexcharts-legend-series{display:flex}#line-chart ::ng-deep apx-chart .apexcharts-legend-series .apexcharts-legend-marker{border-radius:0!important;margin-right:7px}\n"] }]
|
|
173
173
|
}], ctorParameters: function () { return []; }, propDecorators: { apexChart: [{
|
|
174
174
|
type: ViewChild,
|
|
175
175
|
args: ['apexChart']
|
|
@@ -105,7 +105,7 @@ MetaViewChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", v
|
|
|
105
105
|
MetaViewChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MetaViewChartComponent, selector: "biit-meta-view-chart", inputs: { _data: ["data", "_data"], view: "view" }, outputs: { selected: "selected", unselected: "unselected" }, providers: [{
|
|
106
106
|
provide: TRANSLOCO_SCOPE,
|
|
107
107
|
useValue: { scope: 'wizardry-theme/chart', alias: "charts" }
|
|
108
|
-
}], ngImport: i0, template: "<div class=\"meta-view-chart-board\" id=\"metaviewer-chart\" *transloco=\"let t\">\n <button biit-icon icon=\"hamburger\" *ngIf=\"!showMenu\" (click)=\"showMenu=true\"></button>\n <div class=\"meta-view-column\" *ngIf=\"showMenu\">\n <button biit-icon icon=\"hamburger\" (click)=\"showMenu=false\" style=\"position:absolute;\"></button>\n <biit-meta-filter [metadata]=\"data\" (filterChange)=\"onFilter($event)\"/>\n </div>\n <biit-meta-board id=\"metaviewer-board\" *ngIf=\"view === View.GRID\"\n [data]=\"elements\"\n [selected]=\"selectedElement\"\n (elementClick)=\"onElementClick($event)\"\n />\n <biit-timeline-viewer-chart id=\"metaviewer-timeline\" *ngIf=\"view === View.TIMELINE && timelineOptions && timelineOptions.date\"\n [data]=\"elements | extractData\"\n [options]=\"timelineOptions\"\n (onItemClick)=\"onTimeLineElementClick($event)\"\n style=\"overflow: hidden\"\n />\n <div class=\"error-view\" id=\"metaviewer-error\" *ngIf=\"view === View.TIMELINE && !timelineOptions?.date\">\n <div>\n <biit-icon name=\"exclamation\" style=\"display:block; width: 1rem;\" />\n </div>\n <div>{{ t('charts.configuration-not-meets-requirements') }}</div>\n </div>\n <div class=\"meta-view-column rtl\" id=\"metadata-viewer\" *ngIf=\"selectedElement\" @fadeInOut>\n <biit-metadata-viewer class=\"ltr\"\n [data]=\"selectedElement\"\n [fields]=\"data.fields\"\n [titleField]=\"data.titleField\"\n (onClose)=\"unselectElement()\"/>\n </div>\n</div>\n", styles: ["biit-meta-board{display:block;width:100%;height:100%}.meta-view-chart-board{display:flex;flex-direction:row;gap:1em;height:100%;transition:transform .3s ease-in-out}.meta-view-chart-board>:not(:nth-child(2)){flex:0 1 auto}.meta-view-chart-board>:nth-child(2){flex:1}.meta-view-column{min-width:14em;max-width:23em;width:18em;flex:0 1 auto;resize:horizontal;overflow:auto;border:3px solid var(--component-color)}.rtl{direction:rtl}.ltr{direction:ltr}.padding-1{padding:.1em}.error-view{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}@media screen and (max-width: 800px){.meta-view-column{position:absolute;background:var(--
|
|
108
|
+
}], ngImport: i0, template: "<div class=\"meta-view-chart-board\" id=\"metaviewer-chart\" *transloco=\"let t\">\n <button biit-icon icon=\"hamburger\" *ngIf=\"!showMenu\" (click)=\"showMenu=true\"></button>\n <div class=\"meta-view-column\" *ngIf=\"showMenu\">\n <button biit-icon icon=\"hamburger\" (click)=\"showMenu=false\" style=\"position:absolute;\"></button>\n <biit-meta-filter [metadata]=\"data\" (filterChange)=\"onFilter($event)\"/>\n </div>\n <biit-meta-board id=\"metaviewer-board\" *ngIf=\"view === View.GRID\"\n [data]=\"elements\"\n [selected]=\"selectedElement\"\n (elementClick)=\"onElementClick($event)\"\n />\n <biit-timeline-viewer-chart id=\"metaviewer-timeline\" *ngIf=\"view === View.TIMELINE && timelineOptions && timelineOptions.date\"\n [data]=\"elements | extractData\"\n [options]=\"timelineOptions\"\n (onItemClick)=\"onTimeLineElementClick($event)\"\n style=\"overflow: hidden\"\n />\n <div class=\"error-view\" id=\"metaviewer-error\" *ngIf=\"view === View.TIMELINE && !timelineOptions?.date\">\n <div>\n <biit-icon name=\"exclamation\" style=\"display:block; width: 1rem;\" />\n </div>\n <div>{{ t('charts.configuration-not-meets-requirements') }}</div>\n </div>\n <div class=\"meta-view-column rtl\" id=\"metadata-viewer\" *ngIf=\"selectedElement\" @fadeInOut>\n <biit-metadata-viewer class=\"ltr\"\n [data]=\"selectedElement\"\n [fields]=\"data.fields\"\n [titleField]=\"data.titleField\"\n (onClose)=\"unselectElement()\"/>\n </div>\n</div>\n", styles: ["biit-meta-board{display:block;width:100%;height:100%}.meta-view-chart-board{display:flex;flex-direction:row;gap:1em;height:100%;transition:transform .3s ease-in-out}.meta-view-chart-board>:not(:nth-child(2)){flex:0 1 auto}.meta-view-chart-board>:nth-child(2){flex:1}.meta-view-column{min-width:14em;max-width:23em;width:18em;flex:0 1 auto;resize:horizontal;overflow:auto;border:3px solid var(--component-color)}.rtl{direction:rtl}.ltr{direction:ltr}.padding-1{padding:.1em}.error-view{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}@media screen and (max-width: 800px){.meta-view-column{position:absolute;background:var(--chart-background);z-index:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MetaBoardComponent, selector: "biit-meta-board", inputs: ["data", "selected"], outputs: ["elementClick"] }, { kind: "component", type: i3.MetaFilterComponent, selector: "biit-meta-filter", inputs: ["metadata"], outputs: ["filterChange"] }, { kind: "component", type: i4.MetadataViewerComponent, selector: "biit-metadata-viewer", inputs: ["data", "fields", "titleField"], outputs: ["onClose"] }, { kind: "component", type: i5.TimelineViewerChartComponent, selector: "biit-timeline-viewer-chart", inputs: ["data", "options"], outputs: ["onItemClick"] }, { kind: "component", type: i6.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }, { kind: "directive", type: i7.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: i8.BiitIconButtonComponent, selector: "button[biit-icon]", inputs: ["icon", "checked"] }, { kind: "pipe", type: i9.ExtractDataPipe, name: "extractData" }], animations: [
|
|
109
109
|
trigger('fadeInOut', [
|
|
110
110
|
transition(':enter', [
|
|
111
111
|
style({ opacity: 0 }),
|
|
@@ -133,7 +133,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
133
133
|
animate('300ms ease-out', style({ opacity: 0 }))
|
|
134
134
|
])
|
|
135
135
|
])
|
|
136
|
-
], template: "<div class=\"meta-view-chart-board\" id=\"metaviewer-chart\" *transloco=\"let t\">\n <button biit-icon icon=\"hamburger\" *ngIf=\"!showMenu\" (click)=\"showMenu=true\"></button>\n <div class=\"meta-view-column\" *ngIf=\"showMenu\">\n <button biit-icon icon=\"hamburger\" (click)=\"showMenu=false\" style=\"position:absolute;\"></button>\n <biit-meta-filter [metadata]=\"data\" (filterChange)=\"onFilter($event)\"/>\n </div>\n <biit-meta-board id=\"metaviewer-board\" *ngIf=\"view === View.GRID\"\n [data]=\"elements\"\n [selected]=\"selectedElement\"\n (elementClick)=\"onElementClick($event)\"\n />\n <biit-timeline-viewer-chart id=\"metaviewer-timeline\" *ngIf=\"view === View.TIMELINE && timelineOptions && timelineOptions.date\"\n [data]=\"elements | extractData\"\n [options]=\"timelineOptions\"\n (onItemClick)=\"onTimeLineElementClick($event)\"\n style=\"overflow: hidden\"\n />\n <div class=\"error-view\" id=\"metaviewer-error\" *ngIf=\"view === View.TIMELINE && !timelineOptions?.date\">\n <div>\n <biit-icon name=\"exclamation\" style=\"display:block; width: 1rem;\" />\n </div>\n <div>{{ t('charts.configuration-not-meets-requirements') }}</div>\n </div>\n <div class=\"meta-view-column rtl\" id=\"metadata-viewer\" *ngIf=\"selectedElement\" @fadeInOut>\n <biit-metadata-viewer class=\"ltr\"\n [data]=\"selectedElement\"\n [fields]=\"data.fields\"\n [titleField]=\"data.titleField\"\n (onClose)=\"unselectElement()\"/>\n </div>\n</div>\n", styles: ["biit-meta-board{display:block;width:100%;height:100%}.meta-view-chart-board{display:flex;flex-direction:row;gap:1em;height:100%;transition:transform .3s ease-in-out}.meta-view-chart-board>:not(:nth-child(2)){flex:0 1 auto}.meta-view-chart-board>:nth-child(2){flex:1}.meta-view-column{min-width:14em;max-width:23em;width:18em;flex:0 1 auto;resize:horizontal;overflow:auto;border:3px solid var(--component-color)}.rtl{direction:rtl}.ltr{direction:ltr}.padding-1{padding:.1em}.error-view{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}@media screen and (max-width: 800px){.meta-view-column{position:absolute;background:var(--
|
|
136
|
+
], template: "<div class=\"meta-view-chart-board\" id=\"metaviewer-chart\" *transloco=\"let t\">\n <button biit-icon icon=\"hamburger\" *ngIf=\"!showMenu\" (click)=\"showMenu=true\"></button>\n <div class=\"meta-view-column\" *ngIf=\"showMenu\">\n <button biit-icon icon=\"hamburger\" (click)=\"showMenu=false\" style=\"position:absolute;\"></button>\n <biit-meta-filter [metadata]=\"data\" (filterChange)=\"onFilter($event)\"/>\n </div>\n <biit-meta-board id=\"metaviewer-board\" *ngIf=\"view === View.GRID\"\n [data]=\"elements\"\n [selected]=\"selectedElement\"\n (elementClick)=\"onElementClick($event)\"\n />\n <biit-timeline-viewer-chart id=\"metaviewer-timeline\" *ngIf=\"view === View.TIMELINE && timelineOptions && timelineOptions.date\"\n [data]=\"elements | extractData\"\n [options]=\"timelineOptions\"\n (onItemClick)=\"onTimeLineElementClick($event)\"\n style=\"overflow: hidden\"\n />\n <div class=\"error-view\" id=\"metaviewer-error\" *ngIf=\"view === View.TIMELINE && !timelineOptions?.date\">\n <div>\n <biit-icon name=\"exclamation\" style=\"display:block; width: 1rem;\" />\n </div>\n <div>{{ t('charts.configuration-not-meets-requirements') }}</div>\n </div>\n <div class=\"meta-view-column rtl\" id=\"metadata-viewer\" *ngIf=\"selectedElement\" @fadeInOut>\n <biit-metadata-viewer class=\"ltr\"\n [data]=\"selectedElement\"\n [fields]=\"data.fields\"\n [titleField]=\"data.titleField\"\n (onClose)=\"unselectElement()\"/>\n </div>\n</div>\n", styles: ["biit-meta-board{display:block;width:100%;height:100%}.meta-view-chart-board{display:flex;flex-direction:row;gap:1em;height:100%;transition:transform .3s ease-in-out}.meta-view-chart-board>:not(:nth-child(2)){flex:0 1 auto}.meta-view-chart-board>:nth-child(2){flex:1}.meta-view-column{min-width:14em;max-width:23em;width:18em;flex:0 1 auto;resize:horizontal;overflow:auto;border:3px solid var(--component-color)}.rtl{direction:rtl}.ltr{direction:ltr}.padding-1{padding:.1em}.error-view{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}@media screen and (max-width: 800px){.meta-view-column{position:absolute;background:var(--chart-background);z-index:1}}\n"] }]
|
|
137
137
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { _data: [{
|
|
138
138
|
type: Input,
|
|
139
139
|
args: ['data']
|
|
@@ -111,10 +111,10 @@ export class PieChartComponent {
|
|
|
111
111
|
}
|
|
112
112
|
}
|
|
113
113
|
PieChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PieChartComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
114
|
-
PieChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PieChartComponent, selector: "biit-pie-chart", inputs: { data: "data", title: "title", width: "width", min: "min", max: "max" }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"bar-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [series]=\"chartOptions.series\"\n [chart]=\"chartOptions.chart\"\n [labels]=\"chartOptions.labels\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [colors]=\"chartOptions.colors\"\n [plotOptions]=\"chartOptions.plotOptions\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [legend]=\"chartOptions.legend\"\n [title]=\"chartOptions.title\"\n [tooltip]=\"chartOptions.tooltip\"\n [grid]=\"chartOptions.grid\"\n [fill]=\"chartOptions.fill\"\n [states]=\"chartOptions.states\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--
|
|
114
|
+
PieChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PieChartComponent, selector: "biit-pie-chart", inputs: { data: "data", title: "title", width: "width", min: "min", max: "max" }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"bar-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [series]=\"chartOptions.series\"\n [chart]=\"chartOptions.chart\"\n [labels]=\"chartOptions.labels\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [colors]=\"chartOptions.colors\"\n [plotOptions]=\"chartOptions.plotOptions\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [legend]=\"chartOptions.legend\"\n [title]=\"chartOptions.title\"\n [tooltip]=\"chartOptions.tooltip\"\n [grid]=\"chartOptions.grid\"\n [fill]=\"chartOptions.fill\"\n [states]=\"chartOptions.states\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--chart-background)}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem;color:var(--component-color)}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid var(--component-color)}#bar-chart ::ng-deep .apexcharts-legend-series .apexcharts-legend-marker{margin-right:7px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ChartComponent, selector: "apx-chart", inputs: ["chart", "annotations", "colors", "dataLabels", "series", "stroke", "labels", "legend", "markers", "noData", "fill", "tooltip", "plotOptions", "responsive", "xaxis", "yaxis", "forecastDataPoints", "grid", "states", "title", "subtitle", "theme", "autoUpdateSeries"] }] });
|
|
115
115
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PieChartComponent, decorators: [{
|
|
116
116
|
type: Component,
|
|
117
|
-
args: [{ selector: 'biit-pie-chart', template: "<div id=\"bar-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [series]=\"chartOptions.series\"\n [chart]=\"chartOptions.chart\"\n [labels]=\"chartOptions.labels\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [colors]=\"chartOptions.colors\"\n [plotOptions]=\"chartOptions.plotOptions\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [legend]=\"chartOptions.legend\"\n [title]=\"chartOptions.title\"\n [tooltip]=\"chartOptions.tooltip\"\n [grid]=\"chartOptions.grid\"\n [fill]=\"chartOptions.fill\"\n [states]=\"chartOptions.states\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--
|
|
117
|
+
args: [{ selector: 'biit-pie-chart', template: "<div id=\"bar-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [series]=\"chartOptions.series\"\n [chart]=\"chartOptions.chart\"\n [labels]=\"chartOptions.labels\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [colors]=\"chartOptions.colors\"\n [plotOptions]=\"chartOptions.plotOptions\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [legend]=\"chartOptions.legend\"\n [title]=\"chartOptions.title\"\n [tooltip]=\"chartOptions.tooltip\"\n [grid]=\"chartOptions.grid\"\n [fill]=\"chartOptions.fill\"\n [states]=\"chartOptions.states\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--chart-background)}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem;color:var(--component-color)}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid var(--component-color)}#bar-chart ::ng-deep .apexcharts-legend-series .apexcharts-legend-marker{margin-right:7px}\n"] }]
|
|
118
118
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { apexChart: [{
|
|
119
119
|
type: ViewChild,
|
|
120
120
|
args: ['apexChart']
|
|
@@ -119,10 +119,10 @@ export class RadarChartComponent {
|
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
RadarChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadarChartComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
122
|
-
RadarChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadarChartComponent, selector: "biit-radar-chart", inputs: { data: "data", title: "title", width: "width", min: "min", max: "max" }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"bar-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [series]=\"chartOptions.series\"\n [chart]=\"chartOptions.chart\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [plotOptions]=\"chartOptions.plotOptions\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [legend]=\"chartOptions.legend\"\n [title]=\"chartOptions.title\"\n [tooltip]=\"chartOptions.tooltip\"\n [fill]=\"chartOptions.fill\"\n [states]=\"chartOptions.states\"\n [markers]=\"chartOptions.markers\"\n [stroke]=\"chartOptions.stroke\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--
|
|
122
|
+
RadarChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadarChartComponent, selector: "biit-radar-chart", inputs: { data: "data", title: "title", width: "width", min: "min", max: "max" }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"bar-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [series]=\"chartOptions.series\"\n [chart]=\"chartOptions.chart\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [plotOptions]=\"chartOptions.plotOptions\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [legend]=\"chartOptions.legend\"\n [title]=\"chartOptions.title\"\n [tooltip]=\"chartOptions.tooltip\"\n [fill]=\"chartOptions.fill\"\n [states]=\"chartOptions.states\"\n [markers]=\"chartOptions.markers\"\n [stroke]=\"chartOptions.stroke\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--chart-background)}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-header{background:var(--component-color);color:var(--chart-background);padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid var(--component-color)}#bar-chart ::ng-deep .apexcharts-legend-series .apexcharts-legend-marker{margin-right:7px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ChartComponent, selector: "apx-chart", inputs: ["chart", "annotations", "colors", "dataLabels", "series", "stroke", "labels", "legend", "markers", "noData", "fill", "tooltip", "plotOptions", "responsive", "xaxis", "yaxis", "forecastDataPoints", "grid", "states", "title", "subtitle", "theme", "autoUpdateSeries"] }] });
|
|
123
123
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadarChartComponent, decorators: [{
|
|
124
124
|
type: Component,
|
|
125
|
-
args: [{ selector: 'biit-radar-chart', template: "<div id=\"bar-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [series]=\"chartOptions.series\"\n [chart]=\"chartOptions.chart\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [plotOptions]=\"chartOptions.plotOptions\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [legend]=\"chartOptions.legend\"\n [title]=\"chartOptions.title\"\n [tooltip]=\"chartOptions.tooltip\"\n [fill]=\"chartOptions.fill\"\n [states]=\"chartOptions.states\"\n [markers]=\"chartOptions.markers\"\n [stroke]=\"chartOptions.stroke\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--
|
|
125
|
+
args: [{ selector: 'biit-radar-chart', template: "<div id=\"bar-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [series]=\"chartOptions.series\"\n [chart]=\"chartOptions.chart\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [plotOptions]=\"chartOptions.plotOptions\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [legend]=\"chartOptions.legend\"\n [title]=\"chartOptions.title\"\n [tooltip]=\"chartOptions.tooltip\"\n [fill]=\"chartOptions.fill\"\n [states]=\"chartOptions.states\"\n [markers]=\"chartOptions.markers\"\n [stroke]=\"chartOptions.stroke\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--chart-background)}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-header{background:var(--component-color);color:var(--chart-background);padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid var(--component-color)}#bar-chart ::ng-deep .apexcharts-legend-series .apexcharts-legend-marker{margin-right:7px}\n"] }]
|
|
126
126
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { apexChart: [{
|
|
127
127
|
type: ViewChild,
|
|
128
128
|
args: ['apexChart']
|
|
@@ -122,10 +122,10 @@ export class RadialChartComponent {
|
|
|
122
122
|
}
|
|
123
123
|
}
|
|
124
124
|
RadialChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialChartComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
125
|
-
RadialChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialChartComponent, selector: "biit-radial-chart", inputs: { data: "data", title: "title", width: "width", min: "min", max: "max", gauge: "gauge" }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"bar-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [series]=\"chartOptions.series\"\n [chart]=\"chartOptions.chart\"\n [labels]=\"chartOptions.labels\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [colors]=\"chartOptions.colors\"\n [plotOptions]=\"chartOptions.plotOptions\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [legend]=\"chartOptions.legend\"\n [title]=\"chartOptions.title\"\n [tooltip]=\"chartOptions.tooltip\"\n [grid]=\"chartOptions.grid\"\n [fill]=\"chartOptions.fill\"\n [states]=\"chartOptions.states\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid #262626;border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--
|
|
125
|
+
RadialChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialChartComponent, selector: "biit-radial-chart", inputs: { data: "data", title: "title", width: "width", min: "min", max: "max", gauge: "gauge" }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"bar-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [series]=\"chartOptions.series\"\n [chart]=\"chartOptions.chart\"\n [labels]=\"chartOptions.labels\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [colors]=\"chartOptions.colors\"\n [plotOptions]=\"chartOptions.plotOptions\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [legend]=\"chartOptions.legend\"\n [title]=\"chartOptions.title\"\n [tooltip]=\"chartOptions.tooltip\"\n [grid]=\"chartOptions.grid\"\n [fill]=\"chartOptions.fill\"\n [states]=\"chartOptions.states\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid #262626;border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--chart-background)}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem;color:var(--component-color)}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid var(--component-color)}#bar-chart ::ng-deep .apexcharts-legend-series .apexcharts-legend-marker{margin-right:7px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ChartComponent, selector: "apx-chart", inputs: ["chart", "annotations", "colors", "dataLabels", "series", "stroke", "labels", "legend", "markers", "noData", "fill", "tooltip", "plotOptions", "responsive", "xaxis", "yaxis", "forecastDataPoints", "grid", "states", "title", "subtitle", "theme", "autoUpdateSeries"] }] });
|
|
126
126
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialChartComponent, decorators: [{
|
|
127
127
|
type: Component,
|
|
128
|
-
args: [{ selector: 'biit-radial-chart', template: "<div id=\"bar-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [series]=\"chartOptions.series\"\n [chart]=\"chartOptions.chart\"\n [labels]=\"chartOptions.labels\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [colors]=\"chartOptions.colors\"\n [plotOptions]=\"chartOptions.plotOptions\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [legend]=\"chartOptions.legend\"\n [title]=\"chartOptions.title\"\n [tooltip]=\"chartOptions.tooltip\"\n [grid]=\"chartOptions.grid\"\n [fill]=\"chartOptions.fill\"\n [states]=\"chartOptions.states\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid #262626;border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--
|
|
128
|
+
args: [{ selector: 'biit-radial-chart', template: "<div id=\"bar-chart\"\n [style.opacity]=\"chartOptions ? '1' : '0'\">\n <apx-chart *ngIf=\"chartOptions\"\n [series]=\"chartOptions.series\"\n [chart]=\"chartOptions.chart\"\n [labels]=\"chartOptions.labels\"\n [dataLabels]=\"chartOptions.dataLabels\"\n [colors]=\"chartOptions.colors\"\n [plotOptions]=\"chartOptions.plotOptions\"\n [xaxis]=\"chartOptions.xaxis\"\n [yaxis]=\"chartOptions.yaxis\"\n [legend]=\"chartOptions.legend\"\n [title]=\"chartOptions.title\"\n [tooltip]=\"chartOptions.tooltip\"\n [grid]=\"chartOptions.grid\"\n [fill]=\"chartOptions.fill\"\n [states]=\"chartOptions.states\"\n style=\"display: block; height: 100%;\"\n #apexChart\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid #262626;border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--chart-background)}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem;color:var(--component-color)}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid var(--component-color)}#bar-chart ::ng-deep .apexcharts-legend-series .apexcharts-legend-marker{margin-right:7px}\n"] }]
|
|
129
129
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { apexChart: [{
|
|
130
130
|
type: ViewChild,
|
|
131
131
|
args: ['apexChart']
|
|
@@ -189,10 +189,10 @@ export class TimelineViewerChartComponent {
|
|
|
189
189
|
}
|
|
190
190
|
}
|
|
191
191
|
TimelineViewerChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineViewerChartComponent, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
192
|
-
TimelineViewerChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimelineViewerChartComponent, selector: "biit-timeline-viewer-chart", inputs: { data: "data", options: "options" }, outputs: { onItemClick: "onItemClick" }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"bar-chart\"\n>\n <apx-chart *ngIf=\"scatterChartOptions\"\n [dataLabels]=\"scatterChartOptions.dataLabels\"\n [fill]=\"scatterChartOptions.fill\"\n [xaxis]=\"scatterChartOptions.xaxis\"\n [yaxis]=\"scatterChartOptions.yaxis\"\n [stroke]=\"scatterChartOptions.stroke\"\n [series]=\"scatterChartOptions.series\"\n [chart]=\"scatterChartOptions.chart\"\n [colors]=\"scatterChartOptions.colors\"\n [legend]=\"scatterChartOptions.legend\"\n [markers]=\"scatterChartOptions.markers\"\n [tooltip]=\"scatterChartOptions.tooltip\"\n style=\"display: block; width: 100%; height: 100%\"\n #apexChart\n ></apx-chart>\n <apx-chart *ngIf=\"areaChartOptions\"\n [dataLabels]=\"areaChartOptions.dataLabels\"\n [fill]=\"areaChartOptions.fill\"\n [xaxis]=\"areaChartOptions.xaxis\"\n [stroke]=\"areaChartOptions.stroke\"\n [series]=\"areaChartOptions.series\"\n [chart]=\"areaChartOptions.chart\"\n [colors]=\"areaChartOptions.colors\"\n [yaxis]=\"areaChartOptions.yaxis\"\n style=\"display: block; width: 100%\"\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:flex;flex-direction:column;height:100%;width:100%;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--
|
|
192
|
+
TimelineViewerChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimelineViewerChartComponent, selector: "biit-timeline-viewer-chart", inputs: { data: "data", options: "options" }, outputs: { onItemClick: "onItemClick" }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"bar-chart\"\n>\n <apx-chart *ngIf=\"scatterChartOptions\"\n [dataLabels]=\"scatterChartOptions.dataLabels\"\n [fill]=\"scatterChartOptions.fill\"\n [xaxis]=\"scatterChartOptions.xaxis\"\n [yaxis]=\"scatterChartOptions.yaxis\"\n [stroke]=\"scatterChartOptions.stroke\"\n [series]=\"scatterChartOptions.series\"\n [chart]=\"scatterChartOptions.chart\"\n [colors]=\"scatterChartOptions.colors\"\n [legend]=\"scatterChartOptions.legend\"\n [markers]=\"scatterChartOptions.markers\"\n [tooltip]=\"scatterChartOptions.tooltip\"\n style=\"display: block; width: 100%; height: 100%\"\n #apexChart\n ></apx-chart>\n <apx-chart *ngIf=\"areaChartOptions\"\n [dataLabels]=\"areaChartOptions.dataLabels\"\n [fill]=\"areaChartOptions.fill\"\n [xaxis]=\"areaChartOptions.xaxis\"\n [stroke]=\"areaChartOptions.stroke\"\n [series]=\"areaChartOptions.series\"\n [chart]=\"areaChartOptions.chart\"\n [colors]=\"areaChartOptions.colors\"\n [yaxis]=\"areaChartOptions.yaxis\"\n style=\"display: block; width: 100%\"\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:flex;flex-direction:column;height:100%;width:100%;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--chart-background);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--chart-background)}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-header{background:var(--chart-background);color:var(--chart-background);padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid var(--chart-background)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ChartComponent, selector: "apx-chart", inputs: ["chart", "annotations", "colors", "dataLabels", "series", "stroke", "labels", "legend", "markers", "noData", "fill", "tooltip", "plotOptions", "responsive", "xaxis", "yaxis", "forecastDataPoints", "grid", "states", "title", "subtitle", "theme", "autoUpdateSeries"] }] });
|
|
193
193
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineViewerChartComponent, decorators: [{
|
|
194
194
|
type: Component,
|
|
195
|
-
args: [{ selector: 'biit-timeline-viewer-chart', template: "<div id=\"bar-chart\"\n>\n <apx-chart *ngIf=\"scatterChartOptions\"\n [dataLabels]=\"scatterChartOptions.dataLabels\"\n [fill]=\"scatterChartOptions.fill\"\n [xaxis]=\"scatterChartOptions.xaxis\"\n [yaxis]=\"scatterChartOptions.yaxis\"\n [stroke]=\"scatterChartOptions.stroke\"\n [series]=\"scatterChartOptions.series\"\n [chart]=\"scatterChartOptions.chart\"\n [colors]=\"scatterChartOptions.colors\"\n [legend]=\"scatterChartOptions.legend\"\n [markers]=\"scatterChartOptions.markers\"\n [tooltip]=\"scatterChartOptions.tooltip\"\n style=\"display: block; width: 100%; height: 100%\"\n #apexChart\n ></apx-chart>\n <apx-chart *ngIf=\"areaChartOptions\"\n [dataLabels]=\"areaChartOptions.dataLabels\"\n [fill]=\"areaChartOptions.fill\"\n [xaxis]=\"areaChartOptions.xaxis\"\n [stroke]=\"areaChartOptions.stroke\"\n [series]=\"areaChartOptions.series\"\n [chart]=\"areaChartOptions.chart\"\n [colors]=\"areaChartOptions.colors\"\n [yaxis]=\"areaChartOptions.yaxis\"\n style=\"display: block; width: 100%\"\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:flex;flex-direction:column;height:100%;width:100%;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--
|
|
195
|
+
args: [{ selector: 'biit-timeline-viewer-chart', template: "<div id=\"bar-chart\"\n>\n <apx-chart *ngIf=\"scatterChartOptions\"\n [dataLabels]=\"scatterChartOptions.dataLabels\"\n [fill]=\"scatterChartOptions.fill\"\n [xaxis]=\"scatterChartOptions.xaxis\"\n [yaxis]=\"scatterChartOptions.yaxis\"\n [stroke]=\"scatterChartOptions.stroke\"\n [series]=\"scatterChartOptions.series\"\n [chart]=\"scatterChartOptions.chart\"\n [colors]=\"scatterChartOptions.colors\"\n [legend]=\"scatterChartOptions.legend\"\n [markers]=\"scatterChartOptions.markers\"\n [tooltip]=\"scatterChartOptions.tooltip\"\n style=\"display: block; width: 100%; height: 100%\"\n #apexChart\n ></apx-chart>\n <apx-chart *ngIf=\"areaChartOptions\"\n [dataLabels]=\"areaChartOptions.dataLabels\"\n [fill]=\"areaChartOptions.fill\"\n [xaxis]=\"areaChartOptions.xaxis\"\n [stroke]=\"areaChartOptions.stroke\"\n [series]=\"areaChartOptions.series\"\n [chart]=\"areaChartOptions.chart\"\n [colors]=\"areaChartOptions.colors\"\n [yaxis]=\"areaChartOptions.yaxis\"\n style=\"display: block; width: 100%\"\n ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:flex;flex-direction:column;height:100%;width:100%;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--chart-background);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--chart-background)}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-header{background:var(--chart-background);color:var(--chart-background);padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid var(--chart-background)}\n"] }]
|
|
196
196
|
}], ctorParameters: function () { return [{ type: i1.DatePipe }]; }, propDecorators: { apexChart: [{
|
|
197
197
|
type: ViewChild,
|
|
198
198
|
args: ['apexChart']
|
|
@@ -130,10 +130,10 @@ export class BiitPopupComponent {
|
|
|
130
130
|
}
|
|
131
131
|
}
|
|
132
132
|
BiitPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
133
|
-
BiitPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitPopupComponent, selector: "biit-popup", inputs: { title: "title", mouseEvent: "mouseEvent" }, outputs: { onClosed: "onClosed" }, host: { listeners: { "document:keydown.escape": "onEscPress($event)" } }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"type !== Type.INFO_BOX\" [class.dark-bg]=\"background\" class=\"popup-background\"\n (click)=\"closableOutside ? onClosed.emit() : false\">\n</div>\n<div #popup id=\"biit-popup\"\n [class.popup-canvas]=\"type == Type.DEFAULT\"\n [class.sixty-canvas]=\"type == Type.SIXTY\"\n [class.info-box-canvas]=\"type == Type.INFO_BOX\"\n [ngStyle]=\"type == Type.INFO_BOX ? {top: coordinates.y, left: coordinates.x} : undefined\">\n <div *ngIf=\"header\" id=\"header\"\n class=\"header\">\n <div class=\"title\">\n <a>{{ title }}</a>\n </div>\n <div class=\"bar\"></div>\n <biit-icon *ngIf=\"closable\" id=\"popup-x-button\"\n class=\"close\"\n [name]=\"'cross_wide'\"\n [pathStyle]=\"{fill: '#000000'}\"\n (click)=\"onClosed.emit()\"\n ></biit-icon>\n </div>\n <div class=\"content\" id=\"content\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n</div>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".popup-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}.popup-background.dark-bg{background-color
|
|
133
|
+
BiitPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitPopupComponent, selector: "biit-popup", inputs: { title: "title", mouseEvent: "mouseEvent" }, outputs: { onClosed: "onClosed" }, host: { listeners: { "document:keydown.escape": "onEscPress($event)" } }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"type !== Type.INFO_BOX\" [class.dark-bg]=\"background\" class=\"popup-background\"\n (click)=\"closableOutside ? onClosed.emit() : false\">\n</div>\n<div #popup id=\"biit-popup\"\n [class.popup-canvas]=\"type == Type.DEFAULT\"\n [class.sixty-canvas]=\"type == Type.SIXTY\"\n [class.info-box-canvas]=\"type == Type.INFO_BOX\"\n [ngStyle]=\"type == Type.INFO_BOX ? {top: coordinates.y, left: coordinates.x} : undefined\">\n <div *ngIf=\"header\" id=\"header\"\n class=\"header\">\n <div class=\"title\">\n <a>{{ title }}</a>\n </div>\n <div class=\"bar\"></div>\n <biit-icon *ngIf=\"closable\" id=\"popup-x-button\"\n class=\"close\"\n [name]=\"'cross_wide'\"\n [pathStyle]=\"{fill: '#000000'}\"\n (click)=\"onClosed.emit()\"\n ></biit-icon>\n </div>\n <div class=\"content\" id=\"content\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n</div>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".popup-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}.popup-background.dark-bg{background-color:var(--popup-background-color)}.popup-canvas{position:fixed;display:flex;flex-direction:column;row-gap:.7rem;top:50%;left:50%;transform:translate(-50%,-50%);min-width:30rem;background-color:var(--chart-background);z-index:12;border:3px solid var(--component-color);box-sizing:border-box;padding:2.1rem}.popup-canvas>.content{display:inline-flex}@media screen and (max-width: 600px){.popup-canvas{top:0!important;left:0!important;transform:unset!important;height:100%!important;width:100%!important;text-align:center;min-width:unset!important}}@media screen and (max-width: 800px){.sixty-canvas{width:100vw!important;padding:1rem!important}}.sixty-canvas{position:fixed;display:flex;flex-direction:column;row-gap:.7rem;top:0;right:0;width:60vw;height:100vh;background-color:var(--chart-background);z-index:11;border:3px solid var(--component-color);box-sizing:border-box;padding:2.1rem 2.1rem 3rem}.sixty-canvas>.content{display:inline-flex;width:100%;height:-moz-fit-content;height:fit-content;flex-grow:1;overflow-y:auto}.popup-canvas .header,.sixty-canvas .header{position:relative;display:flex;align-items:center;justify-content:flex-end;height:2.1rem;width:100%;flex-shrink:0}.popup-canvas .header .title,.sixty-canvas .header .title{display:inline-flex;flex-grow:1;max-width:90%;text-transform:uppercase;font-size:1.5rem;font-weight:bolder;position:absolute;left:0}.popup-canvas .header .title a,.sixty-canvas .header .title a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-canvas .header .bar,.sixty-canvas .header .bar{position:absolute;bottom:0;left:0;height:3px;width:60%;background:var(--component-color)}.popup-canvas .header .close,.sixty-canvas .header .close{display:inline-flex;height:.9rem;width:.9rem;cursor:pointer}.info-box-canvas{position:fixed;width:23.5rem;display:flex;flex-direction:column;padding:1.5rem;background:var(--chart-background);border:3px solid var(--component-color);gap:.75rem}.info-box-canvas .bar{display:none}.info-box-canvas .header{display:flex;align-items:start}.info-box-canvas .header .title{font-weight:700;text-transform:uppercase;flex-grow:1;padding-right:.5rem}.info-box-canvas .close{height:.8rem;width:1rem;flex-shrink:0;margin-top:.2rem;cursor:pointer}.info-box-canvas>.content{display:inline-flex}@media screen and (max-width: 600px){.popup-canvas>.content{justify-content:center}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }] });
|
|
134
134
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupComponent, decorators: [{
|
|
135
135
|
type: Component,
|
|
136
|
-
args: [{ selector: 'biit-popup', template: "<div *ngIf=\"type !== Type.INFO_BOX\" [class.dark-bg]=\"background\" class=\"popup-background\"\n (click)=\"closableOutside ? onClosed.emit() : false\">\n</div>\n<div #popup id=\"biit-popup\"\n [class.popup-canvas]=\"type == Type.DEFAULT\"\n [class.sixty-canvas]=\"type == Type.SIXTY\"\n [class.info-box-canvas]=\"type == Type.INFO_BOX\"\n [ngStyle]=\"type == Type.INFO_BOX ? {top: coordinates.y, left: coordinates.x} : undefined\">\n <div *ngIf=\"header\" id=\"header\"\n class=\"header\">\n <div class=\"title\">\n <a>{{ title }}</a>\n </div>\n <div class=\"bar\"></div>\n <biit-icon *ngIf=\"closable\" id=\"popup-x-button\"\n class=\"close\"\n [name]=\"'cross_wide'\"\n [pathStyle]=\"{fill: '#000000'}\"\n (click)=\"onClosed.emit()\"\n ></biit-icon>\n </div>\n <div class=\"content\" id=\"content\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n</div>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".popup-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}.popup-background.dark-bg{background-color
|
|
136
|
+
args: [{ selector: 'biit-popup', template: "<div *ngIf=\"type !== Type.INFO_BOX\" [class.dark-bg]=\"background\" class=\"popup-background\"\n (click)=\"closableOutside ? onClosed.emit() : false\">\n</div>\n<div #popup id=\"biit-popup\"\n [class.popup-canvas]=\"type == Type.DEFAULT\"\n [class.sixty-canvas]=\"type == Type.SIXTY\"\n [class.info-box-canvas]=\"type == Type.INFO_BOX\"\n [ngStyle]=\"type == Type.INFO_BOX ? {top: coordinates.y, left: coordinates.x} : undefined\">\n <div *ngIf=\"header\" id=\"header\"\n class=\"header\">\n <div class=\"title\">\n <a>{{ title }}</a>\n </div>\n <div class=\"bar\"></div>\n <biit-icon *ngIf=\"closable\" id=\"popup-x-button\"\n class=\"close\"\n [name]=\"'cross_wide'\"\n [pathStyle]=\"{fill: '#000000'}\"\n (click)=\"onClosed.emit()\"\n ></biit-icon>\n </div>\n <div class=\"content\" id=\"content\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n</div>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".popup-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}.popup-background.dark-bg{background-color:var(--popup-background-color)}.popup-canvas{position:fixed;display:flex;flex-direction:column;row-gap:.7rem;top:50%;left:50%;transform:translate(-50%,-50%);min-width:30rem;background-color:var(--chart-background);z-index:12;border:3px solid var(--component-color);box-sizing:border-box;padding:2.1rem}.popup-canvas>.content{display:inline-flex}@media screen and (max-width: 600px){.popup-canvas{top:0!important;left:0!important;transform:unset!important;height:100%!important;width:100%!important;text-align:center;min-width:unset!important}}@media screen and (max-width: 800px){.sixty-canvas{width:100vw!important;padding:1rem!important}}.sixty-canvas{position:fixed;display:flex;flex-direction:column;row-gap:.7rem;top:0;right:0;width:60vw;height:100vh;background-color:var(--chart-background);z-index:11;border:3px solid var(--component-color);box-sizing:border-box;padding:2.1rem 2.1rem 3rem}.sixty-canvas>.content{display:inline-flex;width:100%;height:-moz-fit-content;height:fit-content;flex-grow:1;overflow-y:auto}.popup-canvas .header,.sixty-canvas .header{position:relative;display:flex;align-items:center;justify-content:flex-end;height:2.1rem;width:100%;flex-shrink:0}.popup-canvas .header .title,.sixty-canvas .header .title{display:inline-flex;flex-grow:1;max-width:90%;text-transform:uppercase;font-size:1.5rem;font-weight:bolder;position:absolute;left:0}.popup-canvas .header .title a,.sixty-canvas .header .title a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-canvas .header .bar,.sixty-canvas .header .bar{position:absolute;bottom:0;left:0;height:3px;width:60%;background:var(--component-color)}.popup-canvas .header .close,.sixty-canvas .header .close{display:inline-flex;height:.9rem;width:.9rem;cursor:pointer}.info-box-canvas{position:fixed;width:23.5rem;display:flex;flex-direction:column;padding:1.5rem;background:var(--chart-background);border:3px solid var(--component-color);gap:.75rem}.info-box-canvas .bar{display:none}.info-box-canvas .header{display:flex;align-items:start}.info-box-canvas .header .title{font-weight:700;text-transform:uppercase;flex-grow:1;padding-right:.5rem}.info-box-canvas .close{height:.8rem;width:1rem;flex-shrink:0;margin-top:.2rem;cursor:pointer}.info-box-canvas>.content{display:inline-flex}@media screen and (max-width: 600px){.popup-canvas>.content{justify-content:center}}\n"] }]
|
|
137
137
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
|
|
138
138
|
type: Input
|
|
139
139
|
}], mouseEvent: [{
|