@biit-solutions/wizardry-theme 1.22.14 → 1.22.16
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 +3 -3
- package/esm2020/charts/bar-chart/bar-chart.component.mjs +4 -4
- package/esm2020/charts/heatmap-chart/heatmap-chart.component.mjs +2 -2
- package/esm2020/charts/line-chart/line-chart.component.mjs +6 -6
- package/esm2020/charts/meta-view-chart/components/meta-board/meta-board.component.mjs +3 -3
- package/esm2020/charts/meta-view-chart/components/meta-sorter/meta-filter.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 +4 -4
- package/esm2020/charts/radar-chart/radar-chart.component.mjs +2 -2
- package/esm2020/charts/radial-chart/radial-chart.component.mjs +4 -4
- package/esm2020/charts/timeline-viewer-chart/timeline-viewer-chart.component.mjs +4 -4
- package/esm2020/inputs/biit-datepicker/biit-datepicker.component.mjs +3 -3
- package/esm2020/inputs/biit-dropdown/biit-dropdown.component.mjs +3 -3
- package/esm2020/inputs/biit-input-text/biit-input-text.component.mjs +3 -3
- package/esm2020/inputs/biit-multiselect/biit-multiselect.component.mjs +3 -3
- package/esm2020/inputs/biit-radio-button/biit-radio-button.component.mjs +3 -3
- package/esm2020/inputs/biit-slider/biit-slider.component.mjs +4 -4
- package/esm2020/inputs/biit-slider-option/biit-slider-option.component.mjs +5 -5
- package/esm2020/inputs/biit-slider-option-vertical/biit-slider-option-vertical.component.mjs +3 -3
- package/esm2020/inputs/biit-slider-range/biit-slider-range.component.mjs +4 -4
- package/esm2020/inputs/biit-textarea/biit-textarea.component.mjs +2 -2
- package/esm2020/inputs/biit-toggle-group/biit-toggle-group.component.mjs +3 -3
- package/esm2020/login/biit-login/biit-login.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 +3 -3
- 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 +26 -26
- package/fesm2015/biit-solutions-wizardry-theme-charts.mjs.map +1 -1
- package/fesm2015/biit-solutions-wizardry-theme-inputs.mjs +26 -26
- package/fesm2015/biit-solutions-wizardry-theme-inputs.mjs.map +1 -1
- package/fesm2015/biit-solutions-wizardry-theme-login.mjs +2 -2
- package/fesm2015/biit-solutions-wizardry-theme-login.mjs.map +1 -1
- 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/fesm2015/biit-solutions-wizardry-theme-table.mjs.map +1 -1
- 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 +26 -26
- package/fesm2020/biit-solutions-wizardry-theme-charts.mjs.map +1 -1
- package/fesm2020/biit-solutions-wizardry-theme-inputs.mjs +26 -26
- package/fesm2020/biit-solutions-wizardry-theme-inputs.mjs.map +1 -1
- package/fesm2020/biit-solutions-wizardry-theme-login.mjs +2 -2
- package/fesm2020/biit-solutions-wizardry-theme-login.mjs.map +1 -1
- 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/fesm2020/biit-solutions-wizardry-theme-table.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -119,10 +119,10 @@ class BiitIconButtonComponent {
|
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
BiitIconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
122
|
-
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: '
|
|
122
|
+
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: 'var(--component-color)'}\"\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(--menu-button-active)!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(--menu-button-active)!important}.icon-button-svg{display:inline-flex;pointer-events:none;width:1em;height:1em}\n"], dependencies: [{ kind: "component", type: i1$1.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }] });
|
|
123
123
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitIconButtonComponent, decorators: [{
|
|
124
124
|
type: Component,
|
|
125
|
-
args: [{ selector: 'button[biit-icon]', template: "<div [class.checked]=\"checked\" style=\"display: flex;\">\n <biit-icon [name]=\"icon\"\n [pathStyle]=\"{fill: '
|
|
125
|
+
args: [{ selector: 'button[biit-icon]', template: "<div [class.checked]=\"checked\" style=\"display: flex;\">\n <biit-icon [name]=\"icon\"\n [pathStyle]=\"{fill: 'var(--component-color)'}\"\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(--menu-button-active)!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(--menu-button-active)!important}.icon-button-svg{display:inline-flex;pointer-events:none;width:1em;height:1em}\n"] }]
|
|
126
126
|
}], propDecorators: { icon: [{
|
|
127
127
|
type: Input
|
|
128
128
|
}], checked: [{
|
|
@@ -198,10 +198,10 @@ class BiitActionButtonComponent {
|
|
|
198
198
|
}
|
|
199
199
|
}
|
|
200
200
|
BiitActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitActionButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
201
|
-
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-
|
|
201
|
+
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-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;--chart-component-color: var(--component-color);--icon-color: var(--main-color);--table-header-color: var(--component-color);--table-border-color: var(--table-header-color);--table-selected-row-color: var(--main-background);--scrollbar-color: var(--main-color);--menu-button-active: var(--main-color);--disabled-menu-color: #D9D9D9;--disabled-menu-color-hover: #FFFFFF}.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"] }] });
|
|
202
202
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitActionButtonComponent, decorators: [{
|
|
203
203
|
type: Component,
|
|
204
|
-
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-
|
|
204
|
+
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-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;--chart-component-color: var(--component-color);--icon-color: var(--main-color);--table-header-color: var(--component-color);--table-border-color: var(--table-header-color);--table-selected-row-color: var(--main-background);--scrollbar-color: var(--main-color);--menu-button-active: var(--main-color);--disabled-menu-color: #D9D9D9;--disabled-menu-color-hover: #FFFFFF}.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"] }]
|
|
205
205
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { position: [{
|
|
206
206
|
type: Input
|
|
207
207
|
}], additionalX: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"biit-solutions-wizardry-theme-button.mjs","sources":["../../../projects/wizardry-theme/button/src/biit-button/biit-button.component.ts","../../../projects/wizardry-theme/button/src/biit-button/biit-button.component.html","../../../projects/wizardry-theme/button/src/biit-button/biit-button.module.ts","../../../projects/wizardry-theme/button/src/biit-icon-button/biit-icon-button.component.ts","../../../projects/wizardry-theme/button/src/biit-icon-button/biit-icon-button.component.html","../../../projects/wizardry-theme/button/src/biit-icon-button/biit-icon-button.module.ts","../../../projects/wizardry-theme/button/src/biit-action-button/biit-action-button.component.ts","../../../projects/wizardry-theme/button/src/biit-action-button/biit-action-button.component.html","../../../projects/wizardry-theme/button/src/biit-action-button/biit-action-button.module.ts","../../../projects/wizardry-theme/button/src/public-api.ts","../../../projects/wizardry-theme/button/src/biit-solutions-wizardry-theme-button.ts"],"sourcesContent":["import {Component, Directive} from '@angular/core';\n\n@Directive({\n selector: '[primary]'\n})\nexport class BiitButtonPrimaryDirective {\n constructor(private parent: BiitButtonComponent) {\n parent.color = 'primary';\n }\n}\n\n@Directive({\n selector: '[secondary]'\n})\nexport class BiitButtonSecondaryDirective {\n constructor(private parent: BiitButtonComponent) {\n parent.color = 'secondary';\n }\n}\n\n@Directive({\n selector: '[tertiary]'\n})\nexport class BiitButtonTertiaryDirective {\n constructor(private parent: BiitButtonComponent) {\n parent.color = 'tertiary';\n }\n}\n\n@Directive({\n selector: '[quaternary]'\n})\nexport class BiitButtonQuaternaryDirective {\n constructor(private parent: BiitButtonComponent) {\n parent.color = 'quaternary';\n }\n}\n\n@Component({\n selector: 'button[biit-button]',\n templateUrl: 'biit-button.component.html',\n styleUrls: ['biit-button.component.scss'],\n})\n\nexport class BiitButtonComponent {\n color = 'primary';\n\n constructor() { }\n}\n","<div class=\"button-base prevent-select {{color}}\">\n <div class=\"button-content\">\n <span #text>\n <ng-content></ng-content>\n </span>\n <div *ngIf=\"color == 'tertiary'\" class=\"bar\" [ngStyle]=\"{'width.px': text.offsetWidth }\"></div>\n </div>\n</div>\n","import {NgModule} from '@angular/core';\nimport {\n BiitButtonComponent,\n BiitButtonPrimaryDirective, BiitButtonQuaternaryDirective,\n BiitButtonSecondaryDirective,\n BiitButtonTertiaryDirective\n} from './biit-button.component';\nimport {CommonModule} from \"@angular/common\";\nimport {FormsModule} from '@angular/forms';\n\n@NgModule({\n declarations: [\n BiitButtonComponent,\n BiitButtonPrimaryDirective,\n BiitButtonSecondaryDirective,\n BiitButtonTertiaryDirective,\n BiitButtonQuaternaryDirective\n ],\n imports: [\n CommonModule,\n FormsModule\n ],\n exports: [\n BiitButtonComponent,\n BiitButtonPrimaryDirective,\n BiitButtonSecondaryDirective,\n BiitButtonTertiaryDirective,\n BiitButtonQuaternaryDirective\n ]\n})\nexport class BiitButtonModule { }\n","import {Component, Input} from '@angular/core';\nimport {biitIcon} from '@biit-solutions/biit-icons-collection';\n\n@Component({\n selector: 'button[biit-icon]',\n templateUrl: 'biit-icon-button.component.html',\n styleUrls: ['biit-icon-button.component.scss'],\n})\n\nexport class BiitIconButtonComponent {\n\n @Input() icon: biitIcon;\n @Input() checked: boolean = false;\n}\n","<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","import {NgModule} from '@angular/core';\nimport {BiitIconButtonComponent} from './biit-icon-button.component';\nimport {BiitIconModule} from '@biit-solutions/wizardry-theme/icon';\n\n@NgModule({\n declarations: [\n BiitIconButtonComponent\n ],\n imports: [\n BiitIconModule\n ],\n exports: [\n BiitIconButtonComponent\n ]\n})\nexport class BiitIconButtonModule { }\n","import {AfterContentInit, Component, ContentChildren, ElementRef, Input, QueryList} from '@angular/core';\nimport {BiitIconButtonComponent} from \"../biit-icon-button/biit-icon-button.component\";\n\n@Component({\n selector: 'biit-action-button',\n templateUrl: './biit-action-button.component.html',\n styleUrls: ['./biit-action-button.component.scss']\n})\nexport class BiitActionButtonComponent implements AfterContentInit {\n\n @Input() position: FabPosition = 'bottom-right';\n @Input() additionalX: number = 0;\n @Input() additionalY: number = 0;\n @ContentChildren(BiitIconButtonComponent) inputButtons: QueryList<BiitIconButtonComponent>;\n protected buttons: BiitIconButtonComponent[];\n protected hover = false;\n\n constructor(private elementRef: ElementRef) {\n }\n\n ngAfterContentInit(): void {\n this.buttons = this.inputButtons.toArray();\n }\n\n positionStyle(): Object {\n const parentBoundingRect = this.elementRef.nativeElement.parentElement.getBoundingClientRect();\n const rem = parseFloat(getComputedStyle(document.documentElement).fontSize);\n const fabWidth = (rem * 2.125) + 6;\n const desiredOffsetX = (rem * 1.5) + this.additionalX;\n const desiredOffsetY = rem + this.additionalY;\n const bottomOffsetX = desiredOffsetY + (this.hover ? (rem * 2.125)*(this.buttons.length-1) : 0);\n\n const leftLeft = `${parentBoundingRect.left + desiredOffsetX}px`;\n const leftMid = `${parentBoundingRect.left + (parentBoundingRect.width / 2) - (fabWidth / 2) + this.additionalX}px`;\n const leftRight = `${parentBoundingRect.right - (fabWidth + desiredOffsetX)}px`;\n\n const topTop = `${parentBoundingRect.top + desiredOffsetY}px`;\n const topMid = `${parentBoundingRect.top + (parentBoundingRect.height / 2) - (fabWidth / 2) + this.additionalY}px`;\n const topBottom = `${parentBoundingRect.bottom - (fabWidth + bottomOffsetX)}px`;\n\n switch (this.position) {\n case 'top-left':\n return {top: topTop, left: leftLeft};\n case 'top-middle':\n return {top: topTop, left: leftMid};\n case 'top-right':\n return {top: topTop, left: leftRight};\n case 'middle-left':\n return {top: topMid, left: leftLeft};\n case 'middle-right':\n return {top: topMid, left: leftRight};\n case 'middle-middle':\n return {top: topMid, left: leftMid};\n case 'bottom-left':\n return {top: topBottom, left: leftLeft, 'flex-direction': 'column-reverse'};\n case 'bottom-middle':\n return {top: topBottom, left: leftMid, 'flex-direction': 'column-reverse'};\n case 'bottom-right':\n return {top: topBottom, left: leftRight, 'flex-direction': 'column-reverse'};\n default:\n return {};\n }\n }\n}\n\nexport type FabPosition = 'top-left' | 'top-middle' | 'top-right' | 'middle-left' | 'middle-middle' | 'middle-right' | 'bottom-left' | 'bottom-middle' | 'bottom-right' | 'custom';\n","<div id=\"fab\" class=\"floating-action-button\" [ngStyle]=\"positionStyle()\" (pointerover)=\"hover = true;\" (pointerleave)=\"hover = false\">\n <ng-content></ng-content>\n</div>\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from \"@angular/common\";\nimport {FormsModule} from '@angular/forms';\nimport {BiitActionButtonComponent} from \"./biit-action-button.component\";\nimport {BiitIconButtonModule} from \"../biit-icon-button/biit-icon-button.module\";\n\n@NgModule({\n declarations: [\n BiitActionButtonComponent\n ],\n imports: [\n CommonModule,\n FormsModule,\n BiitIconButtonModule\n ],\n exports: [\n BiitActionButtonComponent\n ]\n})\nexport class BiitActionButtonModule { }\n","/*\n * Public API Surface of wizardry-theme/button\n */\n\nexport * from './biit-button/biit-button.component';\nexport * from './biit-button/biit-button.module';\nexport * from './biit-icon-button/biit-icon-button.component';\nexport * from './biit-icon-button/biit-icon-button.module';\nexport * from './biit-action-button/biit-action-button.component';\nexport * from './biit-action-button/biit-action-button.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"biit-solutions-wizardry-theme-button.mjs","sources":["../../../projects/wizardry-theme/button/src/biit-button/biit-button.component.ts","../../../projects/wizardry-theme/button/src/biit-button/biit-button.component.html","../../../projects/wizardry-theme/button/src/biit-button/biit-button.module.ts","../../../projects/wizardry-theme/button/src/biit-icon-button/biit-icon-button.component.ts","../../../projects/wizardry-theme/button/src/biit-icon-button/biit-icon-button.component.html","../../../projects/wizardry-theme/button/src/biit-icon-button/biit-icon-button.module.ts","../../../projects/wizardry-theme/button/src/biit-action-button/biit-action-button.component.ts","../../../projects/wizardry-theme/button/src/biit-action-button/biit-action-button.component.html","../../../projects/wizardry-theme/button/src/biit-action-button/biit-action-button.module.ts","../../../projects/wizardry-theme/button/src/public-api.ts","../../../projects/wizardry-theme/button/src/biit-solutions-wizardry-theme-button.ts"],"sourcesContent":["import {Component, Directive} from '@angular/core';\n\n@Directive({\n selector: '[primary]'\n})\nexport class BiitButtonPrimaryDirective {\n constructor(private parent: BiitButtonComponent) {\n parent.color = 'primary';\n }\n}\n\n@Directive({\n selector: '[secondary]'\n})\nexport class BiitButtonSecondaryDirective {\n constructor(private parent: BiitButtonComponent) {\n parent.color = 'secondary';\n }\n}\n\n@Directive({\n selector: '[tertiary]'\n})\nexport class BiitButtonTertiaryDirective {\n constructor(private parent: BiitButtonComponent) {\n parent.color = 'tertiary';\n }\n}\n\n@Directive({\n selector: '[quaternary]'\n})\nexport class BiitButtonQuaternaryDirective {\n constructor(private parent: BiitButtonComponent) {\n parent.color = 'quaternary';\n }\n}\n\n@Component({\n selector: 'button[biit-button]',\n templateUrl: 'biit-button.component.html',\n styleUrls: ['biit-button.component.scss'],\n})\n\nexport class BiitButtonComponent {\n color = 'primary';\n\n constructor() { }\n}\n","<div class=\"button-base prevent-select {{color}}\">\n <div class=\"button-content\">\n <span #text>\n <ng-content></ng-content>\n </span>\n <div *ngIf=\"color == 'tertiary'\" class=\"bar\" [ngStyle]=\"{'width.px': text.offsetWidth }\"></div>\n </div>\n</div>\n","import {NgModule} from '@angular/core';\nimport {\n BiitButtonComponent,\n BiitButtonPrimaryDirective, BiitButtonQuaternaryDirective,\n BiitButtonSecondaryDirective,\n BiitButtonTertiaryDirective\n} from './biit-button.component';\nimport {CommonModule} from \"@angular/common\";\nimport {FormsModule} from '@angular/forms';\n\n@NgModule({\n declarations: [\n BiitButtonComponent,\n BiitButtonPrimaryDirective,\n BiitButtonSecondaryDirective,\n BiitButtonTertiaryDirective,\n BiitButtonQuaternaryDirective\n ],\n imports: [\n CommonModule,\n FormsModule\n ],\n exports: [\n BiitButtonComponent,\n BiitButtonPrimaryDirective,\n BiitButtonSecondaryDirective,\n BiitButtonTertiaryDirective,\n BiitButtonQuaternaryDirective\n ]\n})\nexport class BiitButtonModule { }\n","import {Component, Input} from '@angular/core';\nimport {biitIcon} from '@biit-solutions/biit-icons-collection';\n\n@Component({\n selector: 'button[biit-icon]',\n templateUrl: 'biit-icon-button.component.html',\n styleUrls: ['biit-icon-button.component.scss'],\n})\n\nexport class BiitIconButtonComponent {\n\n @Input() icon: biitIcon;\n @Input() checked: boolean = false;\n}\n","<div [class.checked]=\"checked\" style=\"display: flex;\">\n <biit-icon [name]=\"icon\"\n [pathStyle]=\"{fill: 'var(--component-color)'}\"\n class=\"icon-button-svg\"\n ></biit-icon>\n <ng-content></ng-content>\n</div>\n","import {NgModule} from '@angular/core';\nimport {BiitIconButtonComponent} from './biit-icon-button.component';\nimport {BiitIconModule} from '@biit-solutions/wizardry-theme/icon';\n\n@NgModule({\n declarations: [\n BiitIconButtonComponent\n ],\n imports: [\n BiitIconModule\n ],\n exports: [\n BiitIconButtonComponent\n ]\n})\nexport class BiitIconButtonModule { }\n","import {AfterContentInit, Component, ContentChildren, ElementRef, Input, QueryList} from '@angular/core';\nimport {BiitIconButtonComponent} from \"../biit-icon-button/biit-icon-button.component\";\n\n@Component({\n selector: 'biit-action-button',\n templateUrl: './biit-action-button.component.html',\n styleUrls: ['./biit-action-button.component.scss']\n})\nexport class BiitActionButtonComponent implements AfterContentInit {\n\n @Input() position: FabPosition = 'bottom-right';\n @Input() additionalX: number = 0;\n @Input() additionalY: number = 0;\n @ContentChildren(BiitIconButtonComponent) inputButtons: QueryList<BiitIconButtonComponent>;\n protected buttons: BiitIconButtonComponent[];\n protected hover = false;\n\n constructor(private elementRef: ElementRef) {\n }\n\n ngAfterContentInit(): void {\n this.buttons = this.inputButtons.toArray();\n }\n\n positionStyle(): Object {\n const parentBoundingRect = this.elementRef.nativeElement.parentElement.getBoundingClientRect();\n const rem = parseFloat(getComputedStyle(document.documentElement).fontSize);\n const fabWidth = (rem * 2.125) + 6;\n const desiredOffsetX = (rem * 1.5) + this.additionalX;\n const desiredOffsetY = rem + this.additionalY;\n const bottomOffsetX = desiredOffsetY + (this.hover ? (rem * 2.125)*(this.buttons.length-1) : 0);\n\n const leftLeft = `${parentBoundingRect.left + desiredOffsetX}px`;\n const leftMid = `${parentBoundingRect.left + (parentBoundingRect.width / 2) - (fabWidth / 2) + this.additionalX}px`;\n const leftRight = `${parentBoundingRect.right - (fabWidth + desiredOffsetX)}px`;\n\n const topTop = `${parentBoundingRect.top + desiredOffsetY}px`;\n const topMid = `${parentBoundingRect.top + (parentBoundingRect.height / 2) - (fabWidth / 2) + this.additionalY}px`;\n const topBottom = `${parentBoundingRect.bottom - (fabWidth + bottomOffsetX)}px`;\n\n switch (this.position) {\n case 'top-left':\n return {top: topTop, left: leftLeft};\n case 'top-middle':\n return {top: topTop, left: leftMid};\n case 'top-right':\n return {top: topTop, left: leftRight};\n case 'middle-left':\n return {top: topMid, left: leftLeft};\n case 'middle-right':\n return {top: topMid, left: leftRight};\n case 'middle-middle':\n return {top: topMid, left: leftMid};\n case 'bottom-left':\n return {top: topBottom, left: leftLeft, 'flex-direction': 'column-reverse'};\n case 'bottom-middle':\n return {top: topBottom, left: leftMid, 'flex-direction': 'column-reverse'};\n case 'bottom-right':\n return {top: topBottom, left: leftRight, 'flex-direction': 'column-reverse'};\n default:\n return {};\n }\n }\n}\n\nexport type FabPosition = 'top-left' | 'top-middle' | 'top-right' | 'middle-left' | 'middle-middle' | 'middle-right' | 'bottom-left' | 'bottom-middle' | 'bottom-right' | 'custom';\n","<div id=\"fab\" class=\"floating-action-button\" [ngStyle]=\"positionStyle()\" (pointerover)=\"hover = true;\" (pointerleave)=\"hover = false\">\n <ng-content></ng-content>\n</div>\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from \"@angular/common\";\nimport {FormsModule} from '@angular/forms';\nimport {BiitActionButtonComponent} from \"./biit-action-button.component\";\nimport {BiitIconButtonModule} from \"../biit-icon-button/biit-icon-button.module\";\n\n@NgModule({\n declarations: [\n BiitActionButtonComponent\n ],\n imports: [\n CommonModule,\n FormsModule,\n BiitIconButtonModule\n ],\n exports: [\n BiitActionButtonComponent\n ]\n})\nexport class BiitActionButtonModule { }\n","/*\n * Public API Surface of wizardry-theme/button\n */\n\nexport * from './biit-button/biit-button.component';\nexport * from './biit-button/biit-button.module';\nexport * from './biit-icon-button/biit-icon-button.component';\nexport * from './biit-icon-button/biit-icon-button.module';\nexport * from './biit-action-button/biit-action-button.component';\nexport * from './biit-action-button/biit-action-button.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
|
|
@@ -151,7 +151,7 @@ class BarChartComponent {
|
|
|
151
151
|
}
|
|
152
152
|
},
|
|
153
153
|
grid: {
|
|
154
|
-
borderColor: '
|
|
154
|
+
borderColor: 'var(--chart-component-color)',
|
|
155
155
|
},
|
|
156
156
|
tooltip: {
|
|
157
157
|
custom: function ({ series, seriesIndex, dataPointIndex, w }) {
|
|
@@ -191,12 +191,12 @@ class BarChartComponent {
|
|
|
191
191
|
}
|
|
192
192
|
}
|
|
193
193
|
BarChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BarChartComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
194
|
-
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(--
|
|
194
|
+
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"] }] });
|
|
195
195
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BarChartComponent, decorators: [{
|
|
196
196
|
type: Component,
|
|
197
197
|
args: [{ selector: 'biit-bar-chart', host: {
|
|
198
198
|
'(document:scroll)': 'handleScroll($event)'
|
|
199
|
-
}, 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(--
|
|
199
|
+
}, 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"] }]
|
|
200
200
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { apexChart: [{
|
|
201
201
|
type: ViewChild,
|
|
202
202
|
args: ['apexChart']
|
|
@@ -335,7 +335,7 @@ class LineChartComponent {
|
|
|
335
335
|
}
|
|
336
336
|
},
|
|
337
337
|
grid: {
|
|
338
|
-
borderColor: "
|
|
338
|
+
borderColor: "var(--chart-component-color)",
|
|
339
339
|
position: 'back',
|
|
340
340
|
strokeDashArray: 0,
|
|
341
341
|
padding: {
|
|
@@ -357,7 +357,7 @@ class LineChartComponent {
|
|
|
357
357
|
fontSize: '14px',
|
|
358
358
|
fontFamily: 'Montserrat',
|
|
359
359
|
fontWeight: 900,
|
|
360
|
-
color: "
|
|
360
|
+
color: "var(--chart-component-color)"
|
|
361
361
|
}
|
|
362
362
|
},
|
|
363
363
|
crosshairs: {
|
|
@@ -387,7 +387,7 @@ class LineChartComponent {
|
|
|
387
387
|
fontSize: '14px',
|
|
388
388
|
fontFamily: 'Montserrat',
|
|
389
389
|
fontWeight: 900,
|
|
390
|
-
color: "
|
|
390
|
+
color: "var(--chart-component-color)"
|
|
391
391
|
}
|
|
392
392
|
},
|
|
393
393
|
labels: {
|
|
@@ -440,10 +440,10 @@ class LineChartComponent {
|
|
|
440
440
|
}
|
|
441
441
|
}
|
|
442
442
|
LineChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
443
|
-
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(--
|
|
443
|
+
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"] }] });
|
|
444
444
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LineChartComponent, decorators: [{
|
|
445
445
|
type: Component,
|
|
446
|
-
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(--
|
|
446
|
+
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"] }]
|
|
447
447
|
}], ctorParameters: function () { return []; }, propDecorators: { apexChart: [{
|
|
448
448
|
type: ViewChild,
|
|
449
449
|
args: ['apexChart']
|
|
@@ -574,7 +574,7 @@ class PieChartComponent {
|
|
|
574
574
|
}
|
|
575
575
|
},
|
|
576
576
|
grid: {
|
|
577
|
-
borderColor: '
|
|
577
|
+
borderColor: 'var(--chart-component-color)',
|
|
578
578
|
},
|
|
579
579
|
tooltip: {
|
|
580
580
|
custom: function ({ series, seriesIndex, dataPointIndex, w }) {
|
|
@@ -610,10 +610,10 @@ class PieChartComponent {
|
|
|
610
610
|
}
|
|
611
611
|
}
|
|
612
612
|
PieChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PieChartComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
613
|
-
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(--
|
|
613
|
+
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"] }] });
|
|
614
614
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PieChartComponent, decorators: [{
|
|
615
615
|
type: Component,
|
|
616
|
-
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(--
|
|
616
|
+
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"] }]
|
|
617
617
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { apexChart: [{
|
|
618
618
|
type: ViewChild,
|
|
619
619
|
args: ['apexChart']
|
|
@@ -776,10 +776,10 @@ class RadarChartComponent {
|
|
|
776
776
|
}
|
|
777
777
|
}
|
|
778
778
|
RadarChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadarChartComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
779
|
-
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(--
|
|
779
|
+
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"] }] });
|
|
780
780
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadarChartComponent, decorators: [{
|
|
781
781
|
type: Component,
|
|
782
|
-
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(--
|
|
782
|
+
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"] }]
|
|
783
783
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { apexChart: [{
|
|
784
784
|
type: ViewChild,
|
|
785
785
|
args: ['apexChart']
|
|
@@ -916,7 +916,7 @@ class RadialChartComponent {
|
|
|
916
916
|
}
|
|
917
917
|
},
|
|
918
918
|
grid: {
|
|
919
|
-
borderColor: '
|
|
919
|
+
borderColor: 'var(--chart-component-color)',
|
|
920
920
|
},
|
|
921
921
|
tooltip: {
|
|
922
922
|
custom: function ({ series, seriesIndex, dataPointIndex, w }) {
|
|
@@ -952,10 +952,10 @@ class RadialChartComponent {
|
|
|
952
952
|
}
|
|
953
953
|
}
|
|
954
954
|
RadialChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialChartComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
955
|
-
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
|
|
955
|
+
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 var(--chart-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"] }] });
|
|
956
956
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialChartComponent, decorators: [{
|
|
957
957
|
type: Component,
|
|
958
|
-
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
|
|
958
|
+
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 var(--chart-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"] }]
|
|
959
959
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { apexChart: [{
|
|
960
960
|
type: ViewChild,
|
|
961
961
|
args: ['apexChart']
|
|
@@ -1181,7 +1181,7 @@ class HeatmapChartComponent {
|
|
|
1181
1181
|
enabled: false
|
|
1182
1182
|
},
|
|
1183
1183
|
grid: {
|
|
1184
|
-
borderColor: '
|
|
1184
|
+
borderColor: 'var(--chart-component-color)',
|
|
1185
1185
|
position: 'front',
|
|
1186
1186
|
xaxis: {
|
|
1187
1187
|
lines: {
|
|
@@ -1382,7 +1382,7 @@ class MetaBoardComponent {
|
|
|
1382
1382
|
}
|
|
1383
1383
|
}
|
|
1384
1384
|
MetaBoardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MetaBoardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1385
|
-
MetaBoardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MetaBoardComponent, selector: "biit-meta-board", inputs: { data: "data", selected: "selected" }, outputs: { elementClick: "elementClick" }, ngImport: i0, template: "<div class=\"meta-board\" id=\"metaviewer-board\"\n [style.grid-template-columns]=\"'repeat(auto-fill, minmax(' + this.size + ', 1fr))'\"\n>\n <biit-meta-element class=\"metaviewer-element\" [style.width]=\"this.size\"\n *ngFor=\"let element of data; let index = index\"\n [styles]=\"element.styles\"\n [classes]=\"element.classes\"\n [class.selected]=\"element === selected\"\n [icon]=\"element.icon\"\n (click)=\"onElementClick(element)\"\n @fadeInOut\n ><div *ngIf=\"element.custom\" [innerHTML]=\"element.custom.innerHTML\"></div></biit-meta-element>\n</div>\n", styles: [".meta-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(2em,1fr));grid-auto-rows:2em;gap:.2em;overflow-y:auto;height:100%;width:100%;padding-right:.2em;&>biit-meta-element{display:flex;align-content:center;justify-content:center;justify-self:center}}.selected{box-sizing:border-box;border:2px solid
|
|
1385
|
+
MetaBoardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MetaBoardComponent, selector: "biit-meta-board", inputs: { data: "data", selected: "selected" }, outputs: { elementClick: "elementClick" }, ngImport: i0, template: "<div class=\"meta-board\" id=\"metaviewer-board\"\n [style.grid-template-columns]=\"'repeat(auto-fill, minmax(' + this.size + ', 1fr))'\"\n>\n <biit-meta-element class=\"metaviewer-element\" [style.width]=\"this.size\"\n *ngFor=\"let element of data; let index = index\"\n [styles]=\"element.styles\"\n [classes]=\"element.classes\"\n [class.selected]=\"element === selected\"\n [icon]=\"element.icon\"\n (click)=\"onElementClick(element)\"\n @fadeInOut\n ><div *ngIf=\"element.custom\" [innerHTML]=\"element.custom.innerHTML\"></div></biit-meta-element>\n</div>\n", styles: [".meta-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(2em,1fr));grid-auto-rows:2em;gap:.2em;overflow-y:auto;height:100%;width:100%;padding-right:.2em;&>biit-meta-element{display:flex;align-content:center;justify-content:center;justify-self:center}}.selected{box-sizing:border-box;border:2px solid var(--component-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MetaElementComponent, selector: "biit-meta-element", inputs: ["icon", "styles", "classes"] }], animations: [
|
|
1386
1386
|
trigger('fadeInOut', [
|
|
1387
1387
|
transition(':enter', [
|
|
1388
1388
|
style({ width: 0, height: 0, opacity: 0, 'align-self': 'center' }),
|
|
@@ -1407,7 +1407,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1407
1407
|
animate('300ms ease-in', style({ width: 0, height: 0, opacity: 0, 'align-self': 'center' }))
|
|
1408
1408
|
])
|
|
1409
1409
|
])
|
|
1410
|
-
], template: "<div class=\"meta-board\" id=\"metaviewer-board\"\n [style.grid-template-columns]=\"'repeat(auto-fill, minmax(' + this.size + ', 1fr))'\"\n>\n <biit-meta-element class=\"metaviewer-element\" [style.width]=\"this.size\"\n *ngFor=\"let element of data; let index = index\"\n [styles]=\"element.styles\"\n [classes]=\"element.classes\"\n [class.selected]=\"element === selected\"\n [icon]=\"element.icon\"\n (click)=\"onElementClick(element)\"\n @fadeInOut\n ><div *ngIf=\"element.custom\" [innerHTML]=\"element.custom.innerHTML\"></div></biit-meta-element>\n</div>\n", styles: [".meta-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(2em,1fr));grid-auto-rows:2em;gap:.2em;overflow-y:auto;height:100%;width:100%;padding-right:.2em;&>biit-meta-element{display:flex;align-content:center;justify-content:center;justify-self:center}}.selected{box-sizing:border-box;border:2px solid
|
|
1410
|
+
], template: "<div class=\"meta-board\" id=\"metaviewer-board\"\n [style.grid-template-columns]=\"'repeat(auto-fill, minmax(' + this.size + ', 1fr))'\"\n>\n <biit-meta-element class=\"metaviewer-element\" [style.width]=\"this.size\"\n *ngFor=\"let element of data; let index = index\"\n [styles]=\"element.styles\"\n [classes]=\"element.classes\"\n [class.selected]=\"element === selected\"\n [icon]=\"element.icon\"\n (click)=\"onElementClick(element)\"\n @fadeInOut\n ><div *ngIf=\"element.custom\" [innerHTML]=\"element.custom.innerHTML\"></div></biit-meta-element>\n</div>\n", styles: [".meta-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(2em,1fr));grid-auto-rows:2em;gap:.2em;overflow-y:auto;height:100%;width:100%;padding-right:.2em;&>biit-meta-element{display:flex;align-content:center;justify-content:center;justify-self:center}}.selected{box-sizing:border-box;border:2px solid var(--component-color)}\n"] }]
|
|
1411
1411
|
}], propDecorators: { data: [{
|
|
1412
1412
|
type: Input
|
|
1413
1413
|
}], selected: [{
|
|
@@ -1894,10 +1894,10 @@ class MetaFilterComponent {
|
|
|
1894
1894
|
}
|
|
1895
1895
|
}
|
|
1896
1896
|
MetaFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MetaFilterComponent, deps: [{ token: FieldTypePipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
1897
|
-
MetaFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MetaFilterComponent, selector: "biit-meta-filter", inputs: { _metadata: ["metadata", "_metadata"] }, outputs: { filterChange: "filterChange" }, providers: [FieldTypePipe], ngImport: i0, template: "<div class=\"filter-view\" id=\"metadata-filter\">\n <div class=\"filter-container\">\n <div class=\"filter-clear\">\n <div *ngIf=\"filter.size\">\n <div>\n Clear All\n </div>\n <div>\n <button biit-icon\n [icon]=\"'cross_wide'\"\n (click)=\"clearFilters()\"\n ></button>\n </div>\n </div>\n </div>\n <div class=\"filter-search\">\n <biit-input-text\n placeholder=\"search\"\n icon=\"search\"\n [(ngModel)]=\"search\"\n />\n </div>\n <div class=\"filter-sections\">\n <div *ngFor=\"let field of (metadata.fields | filterBy: search)\" class=\"filter-section\">\n <div class=\"filter-title\" (click)=\"onFieldClick(field)\">\n <div>\n <div>{{field}}</div>\n <div class=\"align-content-center\" *ngIf=\"(field | fieldType: metadata.data) === FieldType.BOOLEAN\">\n <biit-boolean-filter\n [filter]=\"filter.get(field)\"\n (filterChange)=\"onBooleanFilterChanged(field, $event)\"/>\n </div>\n </div>\n <div *ngIf=\"filter | has : field\" class=\"filter-remove\">\n <button biit-icon\n [icon]=\"'cross_wide'\"\n (click)=\"$event.stopImmediatePropagation(); removeFilter(field)\"\n ></button>\n </div>\n </div>\n <div *ngIf=\"field === selectedField && (field | fieldType: metadata.data) !== FieldType.BOOLEAN\"\n class=\"filter-body\"\n [ngSwitch]=\"field | fieldType: metadata.data\"\n >\n <biit-bar-range *ngSwitchCase=\"FieldType.NUMBER\"\n [field]=\"field\"\n [items]=\"metadata.data\"\n [range]=\"filter.get(field)\"\n (rangeChange)=\"onRangeChanged(field, $event)\"/>\n <biit-date-filter-selector *ngSwitchCase=\"FieldType.DATE\"\n [field]=\"field\"\n [items]=\"metadata.data\"\n [range]=\"filter.get(field)\"\n (rangeChange)=\"onDateRangeChanged(field, $event)\"/>\n <biit-text-filter *ngSwitchCase=\"FieldType.STRING\"\n [filter]=\"filter.get(field)\"\n (filterChange)=\"onFilterChanged(field, $event)\"/>\n <div *ngSwitchDefault>Unknown</div>\n </div>\n </div>\n </div>\n\n </div>\n</div>\n", styles: [".filter-view{font-size:1em;transition:.3s;height:100%;width:100%;display:block}.filter-container{height:100%;display:flex;flex-direction:column;background-color:#fff}.filter-sections{overflow-y:auto;height:100%;padding:0 1em}.filter-clear{margin:1em;min-height:2.25em;align-self:end;&>div:first-child{display:inline-flex;align-items:center}}.filter-search{margin:0 1em}.filter-title{display:flex;flex-direction:row;&>div:first-child{flex-grow:1;display:flex;flex-direction:row;gap:1em}}.filter-remove{align-content:center;&>biit-icon{display:block;width:1em;height:1em}}.filter-body{margin:.5em 0}.filter-section{cursor:pointer;-webkit-user-select:none;user-select:none;&>div:first-child{min-height:2.25em;align-items:center;font-size:1em}border-bottom:1px solid
|
|
1897
|
+
MetaFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MetaFilterComponent, selector: "biit-meta-filter", inputs: { _metadata: ["metadata", "_metadata"] }, outputs: { filterChange: "filterChange" }, providers: [FieldTypePipe], ngImport: i0, template: "<div class=\"filter-view\" id=\"metadata-filter\">\n <div class=\"filter-container\">\n <div class=\"filter-clear\">\n <div *ngIf=\"filter.size\">\n <div>\n Clear All\n </div>\n <div>\n <button biit-icon\n [icon]=\"'cross_wide'\"\n (click)=\"clearFilters()\"\n ></button>\n </div>\n </div>\n </div>\n <div class=\"filter-search\">\n <biit-input-text\n placeholder=\"search\"\n icon=\"search\"\n [(ngModel)]=\"search\"\n />\n </div>\n <div class=\"filter-sections\">\n <div *ngFor=\"let field of (metadata.fields | filterBy: search)\" class=\"filter-section\">\n <div class=\"filter-title\" (click)=\"onFieldClick(field)\">\n <div>\n <div>{{field}}</div>\n <div class=\"align-content-center\" *ngIf=\"(field | fieldType: metadata.data) === FieldType.BOOLEAN\">\n <biit-boolean-filter\n [filter]=\"filter.get(field)\"\n (filterChange)=\"onBooleanFilterChanged(field, $event)\"/>\n </div>\n </div>\n <div *ngIf=\"filter | has : field\" class=\"filter-remove\">\n <button biit-icon\n [icon]=\"'cross_wide'\"\n (click)=\"$event.stopImmediatePropagation(); removeFilter(field)\"\n ></button>\n </div>\n </div>\n <div *ngIf=\"field === selectedField && (field | fieldType: metadata.data) !== FieldType.BOOLEAN\"\n class=\"filter-body\"\n [ngSwitch]=\"field | fieldType: metadata.data\"\n >\n <biit-bar-range *ngSwitchCase=\"FieldType.NUMBER\"\n [field]=\"field\"\n [items]=\"metadata.data\"\n [range]=\"filter.get(field)\"\n (rangeChange)=\"onRangeChanged(field, $event)\"/>\n <biit-date-filter-selector *ngSwitchCase=\"FieldType.DATE\"\n [field]=\"field\"\n [items]=\"metadata.data\"\n [range]=\"filter.get(field)\"\n (rangeChange)=\"onDateRangeChanged(field, $event)\"/>\n <biit-text-filter *ngSwitchCase=\"FieldType.STRING\"\n [filter]=\"filter.get(field)\"\n (filterChange)=\"onFilterChanged(field, $event)\"/>\n <div *ngSwitchDefault>Unknown</div>\n </div>\n </div>\n </div>\n\n </div>\n</div>\n", styles: [".filter-view{font-size:1em;transition:.3s;height:100%;width:100%;display:block}.filter-container{height:100%;display:flex;flex-direction:column;background-color:#fff}.filter-sections{overflow-y:auto;height:100%;padding:0 1em}.filter-clear{margin:1em;min-height:2.25em;align-self:end;&>div:first-child{display:inline-flex;align-items:center}}.filter-search{margin:0 1em}.filter-title{display:flex;flex-direction:row;&>div:first-child{flex-grow:1;display:flex;flex-direction:row;gap:1em}}.filter-remove{align-content:center;&>biit-icon{display:block;width:1em;height:1em}}.filter-body{margin:.5em 0}.filter-section{cursor:pointer;-webkit-user-select:none;user-select:none;&>div:first-child{min-height:2.25em;align-items:center;font-size:1em}border-bottom:1px solid var(--chart-component-color)}biit-date-filter-selector{font-size:1em}::ng-deep .filter-search>biit-input-text>.biit-input{min-width:unset!important}.align-content-center{align-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2$2.BiitInputTextComponent, selector: "biit-input-text", inputs: ["placeholder", "error", "description", "info", "type", "icon", "fieldName", "disabled", "required", "readonly", "min", "max", "minLength", "maxLength", "regEx"], outputs: ["onActionPerformed"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BarRangeComponent, selector: "biit-bar-range", inputs: ["items", "field", "range"], outputs: ["rangeChange"] }, { kind: "component", type: DateFilterSelectorComponent, selector: "biit-date-filter-selector", inputs: ["items", "field", "range"], outputs: ["rangeChange"] }, { kind: "component", type: TextFilterComponent, selector: "biit-text-filter", inputs: ["filter"], outputs: ["filterChange"] }, { kind: "component", type: BooleanFilterComponent, selector: "biit-boolean-filter", inputs: ["filter"], outputs: ["filterChange"] }, { kind: "component", type: i4.BiitIconButtonComponent, selector: "button[biit-icon]", inputs: ["icon", "checked"] }, { kind: "pipe", type: FilterByPipe, name: "filterBy" }, { kind: "pipe", type: FieldTypePipe, name: "fieldType" }, { kind: "pipe", type: HasPipe, name: "has" }] });
|
|
1898
1898
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MetaFilterComponent, decorators: [{
|
|
1899
1899
|
type: Component,
|
|
1900
|
-
args: [{ selector: 'biit-meta-filter', providers: [FieldTypePipe], template: "<div class=\"filter-view\" id=\"metadata-filter\">\n <div class=\"filter-container\">\n <div class=\"filter-clear\">\n <div *ngIf=\"filter.size\">\n <div>\n Clear All\n </div>\n <div>\n <button biit-icon\n [icon]=\"'cross_wide'\"\n (click)=\"clearFilters()\"\n ></button>\n </div>\n </div>\n </div>\n <div class=\"filter-search\">\n <biit-input-text\n placeholder=\"search\"\n icon=\"search\"\n [(ngModel)]=\"search\"\n />\n </div>\n <div class=\"filter-sections\">\n <div *ngFor=\"let field of (metadata.fields | filterBy: search)\" class=\"filter-section\">\n <div class=\"filter-title\" (click)=\"onFieldClick(field)\">\n <div>\n <div>{{field}}</div>\n <div class=\"align-content-center\" *ngIf=\"(field | fieldType: metadata.data) === FieldType.BOOLEAN\">\n <biit-boolean-filter\n [filter]=\"filter.get(field)\"\n (filterChange)=\"onBooleanFilterChanged(field, $event)\"/>\n </div>\n </div>\n <div *ngIf=\"filter | has : field\" class=\"filter-remove\">\n <button biit-icon\n [icon]=\"'cross_wide'\"\n (click)=\"$event.stopImmediatePropagation(); removeFilter(field)\"\n ></button>\n </div>\n </div>\n <div *ngIf=\"field === selectedField && (field | fieldType: metadata.data) !== FieldType.BOOLEAN\"\n class=\"filter-body\"\n [ngSwitch]=\"field | fieldType: metadata.data\"\n >\n <biit-bar-range *ngSwitchCase=\"FieldType.NUMBER\"\n [field]=\"field\"\n [items]=\"metadata.data\"\n [range]=\"filter.get(field)\"\n (rangeChange)=\"onRangeChanged(field, $event)\"/>\n <biit-date-filter-selector *ngSwitchCase=\"FieldType.DATE\"\n [field]=\"field\"\n [items]=\"metadata.data\"\n [range]=\"filter.get(field)\"\n (rangeChange)=\"onDateRangeChanged(field, $event)\"/>\n <biit-text-filter *ngSwitchCase=\"FieldType.STRING\"\n [filter]=\"filter.get(field)\"\n (filterChange)=\"onFilterChanged(field, $event)\"/>\n <div *ngSwitchDefault>Unknown</div>\n </div>\n </div>\n </div>\n\n </div>\n</div>\n", styles: [".filter-view{font-size:1em;transition:.3s;height:100%;width:100%;display:block}.filter-container{height:100%;display:flex;flex-direction:column;background-color:#fff}.filter-sections{overflow-y:auto;height:100%;padding:0 1em}.filter-clear{margin:1em;min-height:2.25em;align-self:end;&>div:first-child{display:inline-flex;align-items:center}}.filter-search{margin:0 1em}.filter-title{display:flex;flex-direction:row;&>div:first-child{flex-grow:1;display:flex;flex-direction:row;gap:1em}}.filter-remove{align-content:center;&>biit-icon{display:block;width:1em;height:1em}}.filter-body{margin:.5em 0}.filter-section{cursor:pointer;-webkit-user-select:none;user-select:none;&>div:first-child{min-height:2.25em;align-items:center;font-size:1em}border-bottom:1px solid
|
|
1900
|
+
args: [{ selector: 'biit-meta-filter', providers: [FieldTypePipe], template: "<div class=\"filter-view\" id=\"metadata-filter\">\n <div class=\"filter-container\">\n <div class=\"filter-clear\">\n <div *ngIf=\"filter.size\">\n <div>\n Clear All\n </div>\n <div>\n <button biit-icon\n [icon]=\"'cross_wide'\"\n (click)=\"clearFilters()\"\n ></button>\n </div>\n </div>\n </div>\n <div class=\"filter-search\">\n <biit-input-text\n placeholder=\"search\"\n icon=\"search\"\n [(ngModel)]=\"search\"\n />\n </div>\n <div class=\"filter-sections\">\n <div *ngFor=\"let field of (metadata.fields | filterBy: search)\" class=\"filter-section\">\n <div class=\"filter-title\" (click)=\"onFieldClick(field)\">\n <div>\n <div>{{field}}</div>\n <div class=\"align-content-center\" *ngIf=\"(field | fieldType: metadata.data) === FieldType.BOOLEAN\">\n <biit-boolean-filter\n [filter]=\"filter.get(field)\"\n (filterChange)=\"onBooleanFilterChanged(field, $event)\"/>\n </div>\n </div>\n <div *ngIf=\"filter | has : field\" class=\"filter-remove\">\n <button biit-icon\n [icon]=\"'cross_wide'\"\n (click)=\"$event.stopImmediatePropagation(); removeFilter(field)\"\n ></button>\n </div>\n </div>\n <div *ngIf=\"field === selectedField && (field | fieldType: metadata.data) !== FieldType.BOOLEAN\"\n class=\"filter-body\"\n [ngSwitch]=\"field | fieldType: metadata.data\"\n >\n <biit-bar-range *ngSwitchCase=\"FieldType.NUMBER\"\n [field]=\"field\"\n [items]=\"metadata.data\"\n [range]=\"filter.get(field)\"\n (rangeChange)=\"onRangeChanged(field, $event)\"/>\n <biit-date-filter-selector *ngSwitchCase=\"FieldType.DATE\"\n [field]=\"field\"\n [items]=\"metadata.data\"\n [range]=\"filter.get(field)\"\n (rangeChange)=\"onDateRangeChanged(field, $event)\"/>\n <biit-text-filter *ngSwitchCase=\"FieldType.STRING\"\n [filter]=\"filter.get(field)\"\n (filterChange)=\"onFilterChanged(field, $event)\"/>\n <div *ngSwitchDefault>Unknown</div>\n </div>\n </div>\n </div>\n\n </div>\n</div>\n", styles: [".filter-view{font-size:1em;transition:.3s;height:100%;width:100%;display:block}.filter-container{height:100%;display:flex;flex-direction:column;background-color:#fff}.filter-sections{overflow-y:auto;height:100%;padding:0 1em}.filter-clear{margin:1em;min-height:2.25em;align-self:end;&>div:first-child{display:inline-flex;align-items:center}}.filter-search{margin:0 1em}.filter-title{display:flex;flex-direction:row;&>div:first-child{flex-grow:1;display:flex;flex-direction:row;gap:1em}}.filter-remove{align-content:center;&>biit-icon{display:block;width:1em;height:1em}}.filter-body{margin:.5em 0}.filter-section{cursor:pointer;-webkit-user-select:none;user-select:none;&>div:first-child{min-height:2.25em;align-items:center;font-size:1em}border-bottom:1px solid var(--chart-component-color)}biit-date-filter-selector{font-size:1em}::ng-deep .filter-search>biit-input-text>.biit-input{min-width:unset!important}.align-content-center{align-content:center}\n"] }]
|
|
1901
1901
|
}], ctorParameters: function () { return [{ type: FieldTypePipe }]; }, propDecorators: { _metadata: [{
|
|
1902
1902
|
type: Input,
|
|
1903
1903
|
args: ['metadata']
|
|
@@ -2153,7 +2153,7 @@ class TimelineViewerChartComponent {
|
|
|
2153
2153
|
seriesIndex: 0,
|
|
2154
2154
|
dataPointIndex: dataPointIndex,
|
|
2155
2155
|
fillColor: '#fff',
|
|
2156
|
-
strokeColor: (_a = value.color) !== null && _a !== void 0 ? _a : '
|
|
2156
|
+
strokeColor: (_a = value.color) !== null && _a !== void 0 ? _a : 'var(--chart-component-color)',
|
|
2157
2157
|
size: 7
|
|
2158
2158
|
});
|
|
2159
2159
|
})
|
|
@@ -2194,10 +2194,10 @@ class TimelineViewerChartComponent {
|
|
|
2194
2194
|
}
|
|
2195
2195
|
}
|
|
2196
2196
|
TimelineViewerChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineViewerChartComponent, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
2197
|
-
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(--
|
|
2197
|
+
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"] }] });
|
|
2198
2198
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineViewerChartComponent, decorators: [{
|
|
2199
2199
|
type: Component,
|
|
2200
|
-
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(--
|
|
2200
|
+
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"] }]
|
|
2201
2201
|
}], ctorParameters: function () { return [{ type: i1.DatePipe }]; }, propDecorators: { apexChart: [{
|
|
2202
2202
|
type: ViewChild,
|
|
2203
2203
|
args: ['apexChart']
|
|
@@ -2315,7 +2315,7 @@ MetaViewChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", v
|
|
|
2315
2315
|
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: [{
|
|
2316
2316
|
provide: TRANSLOCO_SCOPE,
|
|
2317
2317
|
useValue: { scope: 'wizardry-theme/chart', alias: "charts" }
|
|
2318
|
-
}], 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(--
|
|
2318
|
+
}], 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: MetaBoardComponent, selector: "biit-meta-board", inputs: ["data", "selected"], outputs: ["elementClick"] }, { kind: "component", type: MetaFilterComponent, selector: "biit-meta-filter", inputs: ["metadata"], outputs: ["filterChange"] }, { kind: "component", type: MetadataViewerComponent, selector: "biit-metadata-viewer", inputs: ["data", "fields", "titleField"], outputs: ["onClose"] }, { kind: "component", type: TimelineViewerChartComponent, selector: "biit-timeline-viewer-chart", inputs: ["data", "options"], outputs: ["onItemClick"] }, { kind: "component", type: i1$1.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: i4.BiitIconButtonComponent, selector: "button[biit-icon]", inputs: ["icon", "checked"] }, { kind: "pipe", type: ExtractDataPipe, name: "extractData" }], animations: [
|
|
2319
2319
|
trigger('fadeInOut', [
|
|
2320
2320
|
transition(':enter', [
|
|
2321
2321
|
style({ opacity: 0 }),
|
|
@@ -2343,7 +2343,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2343
2343
|
animate('300ms ease-out', style({ opacity: 0 }))
|
|
2344
2344
|
])
|
|
2345
2345
|
])
|
|
2346
|
-
], 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(--
|
|
2346
|
+
], 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"] }]
|
|
2347
2347
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { _data: [{
|
|
2348
2348
|
type: Input,
|
|
2349
2349
|
args: ['data']
|