npm - @provoly/dashboard - Versions diffs - 1.4.58 → 1.4.60 - Mend

@provoly/dashboard 1.4.58 → 1.4.60

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.

Files changed (101) hide show

package/fesm2022/provoly-dashboard-widgets-widget-analytic.mjs CHANGED Viewed

@@ -180,7 +180,7 @@ class WidgetAnalyticComponent extends DataWidgetComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetAnalyticComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: WidgetAnalyticComponent, selector: "pry-widget-analytic", usesInheritance: true, ngImport: i0, template: "<pry-widget-analytic-css></pry-widget-analytic-css>\n<div class=\"o-widget o-widget__analytic\">\n  @if (displayHeader$ | async) {\n    <pry-widget-header\n      [widgetIndex]=\"widgetIndex\"\n      [manifest]=\"manifest\"\n      (manifestModified)=\"manifestModified.emit($event)\"\n      #header\n      [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n      [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n    >\n      <pry-settings\n        (saveTriggered)=\"emitManifest()\"\n        (changeTitle)=\"changeWidgetTitle($event)\"\n        [headerPresent]=\"displayHeader$ | async\"\n        [widgetIndex]=\"widgetIndex\"\n        [header]=\"header\"\n        [open$]=\"open$\"\n        class=\"o-settings\"\n      >\n        <div class=\"o-settings__fields\">\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"primaryProp\">{{ '@pry.widget.analytic.primaryProp' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"change($event, 'primaryProp')\"\n              [items]=\"availableProperties$ | async\"\n              [ngModel]=\"optionsCopy.primaryProp\"\n              bindLabel=\"name\"\n              bindValue=\"name\"\n              id=\"primaryProp\"\n            ></pry-select>\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"secondaryProp\">{{ '@pry.widget.analytic.secondaryProp' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"change($event, 'secondaryProp')\"\n              [items]=\"availableProperties$ | async\"\n              [ngModel]=\"optionsCopy.secondaryProp\"\n              bindLabel=\"name\"\n              bindValue=\"name\"\n              id=\"secondaryProp\"\n              [clearable]=\"true\"\n            ></pry-select>\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"verticalProp\">{{ '@pry.widget.analytic.verticalProp' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"change($event, 'verticalProp')\"\n              [items]=\"availableProperties$ | async\"\n              [ngModel]=\"optionsCopy.verticalProp\"\n              bindLabel=\"name\"\n              bindValue=\"name\"\n              id=\"verticalProp\"\n            ></pry-select>\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"valueProp\">{{ '@pry.widget.analytic.valueProp' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"change($event, 'valueProp')\"\n              [items]=\"availableProperties$ | async\"\n              [ngModel]=\"optionsCopy.valueProp\"\n              bindLabel=\"name\"\n              bindValue=\"name\"\n              id=\"valueProp\"\n            ></pry-select>\n          </div>\n          <div class=\"m-form-label-field\">\n            <pry-checkbox (ngModelChange)=\"toggleColorConfig($event)\" [ngModel]=\"!!optionsCopy.colorConfig\">\n              {{ '@pry.widget.analytic.colorConfig' | i18n }}\n            </pry-checkbox>\n            @if (optionsCopy.colorConfig) {\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"colorProp\">{{ '@pry.widget.analytic.colorProp' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"changeColorConfig($event, 'prop')\"\n                  [items]=\"availableProperties$ | async\"\n                  [ngModel]=\"optionsCopy.colorConfig.prop\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"colorProp\"\n                ></pry-select>\n              </div>\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"colorProp\">{{ '@pry.widget.analytic.colors' | i18n }}</label>\n                <div\n                  class=\"o-widget__analytic__color-picker-container u-display-flex -align-center\"\n                  cdkDropList\n                  (cdkDropListDropped)=\"drop($event)\"\n                  cdkDropListOrientation=\"horizontal\"\n                >\n                  @for (color of optionsCopy.colorConfig.colors; track color; let i = $index) {\n                    <div class=\"o-widget__analytic__color-picker\" cdkDrag>\n                      <pry-color-picker\n                        [ngModel]=\"color\"\n                        (ngModelChange)=\"modifyColorScheme($event, i)\"\n                      ></pry-color-picker>\n                      <button (click)=\"removeColor(i)\" class=\"o-widget__analytic__color-picker-remove\">\n                        <pry-icon iconSvg=\"close\" [height]=\"15\" [width]=\"15\"></pry-icon>\n                      </button>\n                      <div *cdkDragPreview>\n                        <pry-color-picker [ngModel]=\"color\"></pry-color-picker>\n                      </div>\n                    </div>\n                  }\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-only o-widget__analytic__color-picker-add\"\n                    (click)=\"modifyColorScheme()\"\n                  >\n                    <pry-icon iconSvg=\"add\" [height]=\"20\" [width]=\"20\"></pry-icon>\n                  </button>\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      </pry-settings>\n    </pry-widget-header>\n  }\n  <div class=\"o-widget__analytic__table\">\n    <table [style.height.px]=\"height$ | async\">\n      <thead>\n        <tr class=\"primary-header\">\n          <th></th>\n          @for (primary of primaryProperty$ | async; track primary) {\n            <th [colSpan]=\"(secondaryProperty$ | async)?.length ?? 1\">\n              {{ primary }}\n            </th>\n          }\n        </tr>\n        @if (optionsCopy.secondaryProp) {\n          <tr class=\"secondary-header\">\n            <th></th>\n            @for (primary of primaryProperty$ | async; track primary) {\n              @for (secondary of secondaryProperty$ | async; track secondary) {\n                <th>{{ secondary }}</th>\n              }\n            }\n          </tr>\n        }\n      </thead>\n      @if (this.valuePropField$ | async; as field) {\n        <tbody>\n          @for (line of lines$ | async; track line.name) {\n            <tr>\n              <th>{{ line.name }}</th>\n              @for (primary of primaryProperty$ | async; track primary) {\n                @if (optionsCopy.secondaryProp) {\n                  @for (secondary of secondaryProperty$ | async; track secondary) {\n                    <td\n                      [ngStyle]=\"\n                        optionsCopy.colorConfig\n                          ? { 'background-color': (colorMap$ | async)?.[line.name]?.[primary] }\n                          : {}\n                      \"\n                    >\n                      {{ line.value[primary][secondary] | dataFormat: field }}\n                    </td>\n                  }\n                } @else {\n                  <td\n                    [ngStyle]=\"\n                      optionsCopy.colorConfig ? { 'background-color': (colorMap$ | async)?.[line.name]?.[primary] } : {}\n                    \"\n                  >\n                    {{ line.value[primary] | dataFormat: field }}\n                  </td>\n                }\n              }\n            </tr>\n          }\n        </tbody>\n        <tfoot>\n          @for (line of totals$ | async; track line.name) {\n            <tr class=\"partial-total\">\n              <th>{{ line.name }}</th>\n              @for (primary of primaryProperty$ | async; track primary) {\n                @for (secondary of secondaryProperty$ | async; track secondary) {\n                  <td>\n                    {{ line.value[primary][secondary] | dataFormat: field }}\n                  </td>\n                }\n              }\n            </tr>\n          }\n          @for (line of grandTotals$ | async; track line.name) {\n            <tr class=\"grand-total\">\n              <th>{{ line.name }}</th>\n              @for (primary of primaryProperty$ | async; track primary) {\n                <td [colSpan]=\"(secondaryProperty$ | async)?.length ?? 1\">\n                  {{ line.value[primary] | dataFormat: field }}\n                </td>\n              }\n            </tr>\n          }\n        </tfoot>\n      }\n    </table>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["triggerClick", "saveTriggered", "changeTitle"] }, { kind: "component", type: i4.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i6.PryColorPickerComponent, selector: "pry-color-picker" }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "component", type: PryWidgetAnalyticCssComponent, selector: "pry-widget-analytic-css" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }, { kind: "pipe", type: i9.DataFormatPipe, name: "dataFormat" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: WidgetAnalyticComponent, selector: "pry-widget-analytic", usesInheritance: true, ngImport: i0, template: "<pry-widget-analytic-css></pry-widget-analytic-css>\n<div class=\"o-widget o-widget__analytic\">\n  @if (displayHeader$ | async) {\n    <pry-widget-header\n      [widgetIndex]=\"widgetIndex\"\n      [manifest]=\"manifest\"\n      (manifestModified)=\"manifestModified.emit($event)\"\n      #header\n      [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n      [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n    >\n      <pry-settings\n        (saveTriggered)=\"emitManifest()\"\n        (changeTitle)=\"changeWidgetTitle($event)\"\n        [headerPresent]=\"displayHeader$ | async\"\n        [widgetIndex]=\"widgetIndex\"\n        [header]=\"header\"\n        [open$]=\"open$\"\n        class=\"o-settings\"\n      >\n        <div class=\"o-settings__fields\">\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"primaryProp\">{{ '@pry.widget.analytic.primaryProp' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"change($event, 'primaryProp')\"\n              [items]=\"availableProperties$ | async\"\n              [ngModel]=\"optionsCopy.primaryProp\"\n              bindLabel=\"name\"\n              bindValue=\"name\"\n              id=\"primaryProp\"\n            ></pry-select>\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"secondaryProp\">{{ '@pry.widget.analytic.secondaryProp' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"change($event, 'secondaryProp')\"\n              [items]=\"availableProperties$ | async\"\n              [ngModel]=\"optionsCopy.secondaryProp\"\n              bindLabel=\"name\"\n              bindValue=\"name\"\n              id=\"secondaryProp\"\n              [clearable]=\"true\"\n            ></pry-select>\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"verticalProp\">{{ '@pry.widget.analytic.verticalProp' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"change($event, 'verticalProp')\"\n              [items]=\"availableProperties$ | async\"\n              [ngModel]=\"optionsCopy.verticalProp\"\n              bindLabel=\"name\"\n              bindValue=\"name\"\n              id=\"verticalProp\"\n            ></pry-select>\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"valueProp\">{{ '@pry.widget.analytic.valueProp' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"change($event, 'valueProp')\"\n              [items]=\"availableProperties$ | async\"\n              [ngModel]=\"optionsCopy.valueProp\"\n              bindLabel=\"name\"\n              bindValue=\"name\"\n              id=\"valueProp\"\n            ></pry-select>\n          </div>\n          <div class=\"m-form-label-field\">\n            <pry-checkbox (ngModelChange)=\"toggleColorConfig($event)\" [ngModel]=\"!!optionsCopy.colorConfig\">\n              {{ '@pry.widget.analytic.colorConfig' | i18n }}\n            </pry-checkbox>\n            @if (optionsCopy.colorConfig) {\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"colorProp\">{{ '@pry.widget.analytic.colorProp' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"changeColorConfig($event, 'prop')\"\n                  [items]=\"availableProperties$ | async\"\n                  [ngModel]=\"optionsCopy.colorConfig.prop\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"colorProp\"\n                ></pry-select>\n              </div>\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"colorProp\">{{ '@pry.widget.analytic.colors' | i18n }}</label>\n                <div\n                  class=\"o-widget__analytic__color-picker-container u-display-flex -align-center\"\n                  cdkDropList\n                  (cdkDropListDropped)=\"drop($event)\"\n                  cdkDropListOrientation=\"horizontal\"\n                >\n                  @for (color of optionsCopy.colorConfig.colors; track color; let i = $index) {\n                    <div class=\"o-widget__analytic__color-picker\" cdkDrag>\n                      <pry-color-picker\n                        [ngModel]=\"color\"\n                        (ngModelChange)=\"modifyColorScheme($event, i)\"\n                      ></pry-color-picker>\n                      <button (click)=\"removeColor(i)\" class=\"o-widget__analytic__color-picker-remove\">\n                        <pry-icon iconSvg=\"close\" [height]=\"15\" [width]=\"15\"></pry-icon>\n                      </button>\n                      <div *cdkDragPreview>\n                        <pry-color-picker [ngModel]=\"color\"></pry-color-picker>\n                      </div>\n                    </div>\n                  }\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-only o-widget__analytic__color-picker-add\"\n                    (click)=\"modifyColorScheme()\"\n                  >\n                    <pry-icon iconSvg=\"add\" [height]=\"20\" [width]=\"20\"></pry-icon>\n                  </button>\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      </pry-settings>\n    </pry-widget-header>\n  }\n  <div class=\"o-widget__analytic__table\">\n    <table [style.height.px]=\"height$ | async\">\n      <thead>\n        <tr class=\"primary-header\">\n          <th></th>\n          @for (primary of primaryProperty$ | async; track primary) {\n            <th [colSpan]=\"(secondaryProperty$ | async)?.length ?? 1\">\n              {{ primary }}\n            </th>\n          }\n        </tr>\n        @if (optionsCopy.secondaryProp) {\n          <tr class=\"secondary-header\">\n            <th></th>\n            @for (primary of primaryProperty$ | async; track primary) {\n              @for (secondary of secondaryProperty$ | async; track secondary) {\n                <th>{{ secondary }}</th>\n              }\n            }\n          </tr>\n        }\n      </thead>\n      @if (this.valuePropField$ | async; as field) {\n        <tbody>\n          @for (line of lines$ | async; track line.name) {\n            <tr>\n              <th>{{ line.name }}</th>\n              @for (primary of primaryProperty$ | async; track primary) {\n                @if (optionsCopy.secondaryProp) {\n                  @for (secondary of secondaryProperty$ | async; track secondary) {\n                    <td\n                      [ngStyle]=\"\n                        optionsCopy.colorConfig\n                          ? { 'background-color': (colorMap$ | async)?.[line.name]?.[primary] }\n                          : {}\n                      \"\n                    >\n                      {{ line.value[primary][secondary] | dataFormat: field }}\n                    </td>\n                  }\n                } @else {\n                  <td\n                    [ngStyle]=\"\n                      optionsCopy.colorConfig ? { 'background-color': (colorMap$ | async)?.[line.name]?.[primary] } : {}\n                    \"\n                  >\n                    {{ line.value[primary] | dataFormat: field }}\n                  </td>\n                }\n              }\n            </tr>\n          }\n        </tbody>\n        <tfoot>\n          @for (line of totals$ | async; track line.name) {\n            <tr class=\"partial-total\">\n              <th>{{ line.name }}</th>\n              @for (primary of primaryProperty$ | async; track primary) {\n                @for (secondary of secondaryProperty$ | async; track secondary) {\n                  <td>\n                    {{ line.value[primary][secondary] | dataFormat: field }}\n                  </td>\n                }\n              }\n            </tr>\n          }\n          @for (line of grandTotals$ | async; track line.name) {\n            <tr class=\"grand-total\">\n              <th>{{ line.name }}</th>\n              @for (primary of primaryProperty$ | async; track primary) {\n                <td [colSpan]=\"(secondaryProperty$ | async)?.length ?? 1\">\n                  {{ line.value[primary] | dataFormat: field }}\n                </td>\n              }\n            </tr>\n          }\n        </tfoot>\n      }\n    </table>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["triggerClick", "saveTriggered", "changeTitle"] }, { kind: "component", type: i4.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i6.PryColorPickerComponent, selector: "pry-color-picker" }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "component", type: PryWidgetAnalyticCssComponent, selector: "pry-widget-analytic-css" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }, { kind: "pipe", type: i9.DataFormatPipe, name: "dataFormat" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetAnalyticComponent, decorators: [{
             type: Component,

package/fesm2022/provoly-dashboard-widgets-widget-analytic.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"provoly-dashboard-widgets-widget-analytic.mjs","sources":["../../../../projects/provoly/dashboard/widgets/widget-analytic/style/css.component.ts","../../../../projects/provoly/dashboard/widgets/widget-analytic/component/widget-analytic.component.ts","../../../../projects/provoly/dashboard/widgets/widget-analytic/component/widget-analytic.component.html","../../../../projects/provoly/dashboard/widgets/widget-analytic/i18n/en.translations.ts","../../../../projects/provoly/dashboard/widgets/widget-analytic/i18n/fr.translations.ts","../../../../projects/provoly/dashboard/widgets/widget-analytic/widget-analytic.module.ts","../../../../projects/provoly/dashboard/widgets/widget-analytic/provoly-dashboard-widgets-widget-analytic.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'pry-widget-analytic-css',\n template: '',\n styleUrls: ['./_o-widget-analytic.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class PryWidgetAnalyticCssComponent {}\n","import { Component, ElementRef } from '@angular/core';\nimport {\n AnalyticWidgetOptions,\n Attribute,\n AttributeSimpleValue,\n Class,\n ClassSelectors,\n DataWidgetComponent,\n Field,\n Item,\n ResultSet,\n WIDGET_HEADER_HEIGHT\n} from '@provoly/dashboard';\nimport { combineLatest, map, Observable, startWith } from 'rxjs';\nimport { Store } from '@ngrx/store';\nimport { filter } from 'rxjs';\nimport { CdkDragDrop } from '@angular/cdk/drag-drop';\n\n@Component({\n selector: 'pry-widget-analytic',\n templateUrl: './widget-analytic.component.html'\n})\nexport class WidgetAnalyticComponent extends DataWidgetComponent {\n optionsCopy: AnalyticWidgetOptions = { primaryProp: '', secondaryProp: '', verticalProp: '', valueProp: '' };\n options$: Observable<AnalyticWidgetOptions>;\n\n primaryProperty$: Observable<string[]>;\n secondaryProperty$: Observable<string[]>;\n verticalProperty$: Observable<string[]>;\n totalProperty$: Observable<string[]>;\n grandTotalProperty$: Observable<string[]>;\n lines$: Observable<{ name: string; value: { [key: string]: { [key: string]: any } \| any } }[]>;\n totals$: Observable<{ name: string; value: { [key: string]: { [key: string]: any } } }[]>;\n grandTotals$: Observable<{ name: any; value: { [p: string]: any } }[]>;\n colorMap$: Observable<{ [vertical: string]: { [primary: string]: string \| undefined } }>;\n height$: Observable<number>;\n classes$: Observable<Class[]>;\n availableProperties$: Observable<Attribute[]>;\n valuePropField$: Observable<Field \| undefined>;\n\n change($event: string, prop: 'primaryProp' \| 'secondaryProp' \| 'valueProp' \| 'verticalProp') {\n this.optionsCopy[prop] = $event;\n }\n\n changeColorConfig($event: string \| string[], prop: 'prop' \| 'colors') {\n switch (prop) {\n case 'prop': {\n this.optionsCopy.colorConfig!.prop = $event as string;\n break;\n }\n case 'colors': {\n this.optionsCopy.colorConfig!.colors = $event as string[];\n break;\n }\n }\n }\n\n constructor(store: Store<any>, el: ElementRef) {\n super(store, el);\n this.options$ = this.manifest$.pipe(map((manifest) => (manifest.options ?? {}) as AnalyticWidgetOptions));\n this.classes$ = this.store.select(ClassSelectors.classes);\n this.height$ = combineLatest([this.widgetSize$, this.displayHeader$]).pipe(\n map(([size, header]) => size.height - (header ? WIDGET_HEADER_HEIGHT.value : 0))\n );\n this.subscriptions.add(\n this.options$.subscribe((options) => {\n this.optionsCopy = structuredClone(options);\n })\n );\n this.primaryProperty$ = combineLatest([this.options$, this.resultSet$]).pipe(\n filter(([options]) => !!options.primaryProp),\n map(([options, rs]) => this.getPropertyLabelsForLevel(rs, options.primaryProp))\n );\n this.secondaryProperty$ = combineLatest([this.options$, this.resultSet$]).pipe(\n filter(([options]) => !!options.secondaryProp),\n map(([options, rs]) => this.getPropertyLabelsForLevel(rs, options.secondaryProp!, 1))\n );\n this.verticalProperty$ = combineLatest([this.options$, this.resultSet$]).pipe(\n filter(([options]) => !!options.verticalProp),\n map(([options, rs]) => this.getPropertyLabelsForLevel(rs, options.verticalProp, 1))\n );\n this.totalProperty$ = combineLatest([this.options$, this.resultSet$]).pipe(\n map(([options, rs]) => this.getPropertyLabelsForLevel(rs, options.verticalProp, 2))\n );\n this.grandTotalProperty$ = combineLatest([this.options$, this.resultSet$]).pipe(\n map(([options, rs]) => this.getPropertyLabelsForLevel(rs, options.verticalProp, 3))\n );\n\n this.lines$ = combineLatest([\n this.options$,\n this.primaryProperty$.pipe(startWith([])),\n this.secondaryProperty$.pipe(startWith(undefined)),\n this.verticalProperty$.pipe(startWith([])),\n this.resultSet$\n ]).pipe(\n map(([options, primaryProps, secondaryProps, verticalProps, rs]) =>\n this.createValueMap(verticalProps, primaryProps, secondaryProps, rs, options, 1)\n )\n );\n\n this.totals$ = combineLatest([\n this.options$,\n this.primaryProperty$,\n this.secondaryProperty$,\n this.totalProperty$,\n this.resultSet$\n ]).pipe(\n map(([options, primaryProps, secondaryProps, verticalProps, rs]) =>\n this.createValueMap(verticalProps, primaryProps, secondaryProps, rs, options, 2)\n )\n );\n\n this.grandTotals$ = combineLatest([\n this.options$,\n this.primaryProperty$,\n this.grandTotalProperty$,\n this.resultSet$\n ]).pipe(\n map(([options, primaryProps, verticalProps, rs]) =>\n this.createValueMap(verticalProps, primaryProps, undefined, rs, options, 3)\n )\n );\n\n this.colorMap$ = combineLatest([\n this.options$,\n this.resultSet$,\n this.verticalProperty$,\n this.primaryProperty$\n ]).pipe(\n filter(([options]) => !!options.colorConfig),\n map(([options, rs, vertical, primary]) => this.createColorMap(vertical, primary, rs, options))\n );\n\n this.availableProperties$ = combineLatest([this.classes$, this.resultSet$]).pipe(\n map(([classes, rs]) => {\n const presentClassesId = Object.keys(rs.items);\n const presentClasses = presentClassesId\n .map((classId) => classes.find((cl) => cl.id === classId))\n .filter((cl) => !!cl) as Class[];\n return presentClasses.map((cl) => cl.attributes).flat();\n })\n );\n\n this.valuePropField$ = combineLatest([this.availableProperties$, this.options$]).pipe(\n map(([attributes, options]) => attributes.find((attr) => attr.technicalName === options.valueProp)?.field)\n );\n }\n\n private matchAttributeValue(item: Item, prop?: string, comparisonValue?: string) {\n if (prop === 'level' && !('level' in item.attributes)) {\n return comparisonValue === '1';\n }\n return comparisonValue && prop ? (item.attributes[prop] as AttributeSimpleValue).value == comparisonValue : true;\n }\n\n private createValueMap(\n verticalProps: string[],\n primaryProps: string[],\n secondaryProps: string[] \| undefined,\n rs: ResultSet,\n options: AnalyticWidgetOptions,\n level?: number\n ) {\n return verticalProps.map((vertical) => {\n const value = {} as { [key: string]: { [key: string]: any } \| any };\n primaryProps.forEach((primary) => {\n (secondaryProps ?? [undefined]).forEach((secondary) => {\n const matchingItem = (rs.items[Object.keys(rs.items)[0]] ?? []).find(\n (item) =>\n this.matchAttributeValue(item, options.primaryProp, primary) &&\n this.matchAttributeValue(item, options.secondaryProp, secondary) &&\n this.matchAttributeValue(item, options.verticalProp, vertical) &&\n this.matchAttributeValue(item, 'level', level + '')\n );\n if (!!matchingItem) {\n if (!!secondary) {\n if (!value[primary]) {\n value[primary] = {};\n }\n value[primary][secondary] = (matchingItem!.attributes[options.valueProp] as AttributeSimpleValue).value;\n } else {\n value[primary] = (matchingItem!.attributes[options.valueProp] as AttributeSimpleValue)?.value;\n }\n }\n });\n });\n return { name: vertical, value };\n });\n }\n\n private getPropertyLabelsForLevel(rs: ResultSet, property: string, level?: number) {\n const values = Object.values(rs.items)\n .map((items) =>\n items\n .filter((item) =>\n level && 'level' in item.attributes\n ? [level, '' + level].includes(\n (item.attributes['level'] as AttributeSimpleValue).value as string \| number\n )\n : level === undefined \|\| level === 1\n )\n .map((item) => (item.attributes[property] as AttributeSimpleValue)?.value + '')\n )\n .flat()\n .flat();\n return [...new Set(values)];\n }\n\n createColorMap(verticalProps: string[], primaryProps: string[], rs: ResultSet, options: AnalyticWidgetOptions) {\n return options.colorConfig\n ? Object.fromEntries(\n verticalProps.map((vertical) => [\n vertical,\n Object.fromEntries(\n primaryProps.map((primary) => {\n const matchingItem = (rs.items[Object.keys(rs.items)[0]] ?? []).find(\n (item) =>\n this.matchAttributeValue(item, options.primaryProp, primary) &&\n this.matchAttributeValue(item, options.verticalProp, vertical)\n );\n\n return [\n primary,\n matchingItem && (matchingItem.attributes[options.valueProp] as AttributeSimpleValue).value !== 0\n ? options.colorConfig?.colors[\n ((matchingItem.attributes[options.colorConfig!.prop] as AttributeSimpleValue).value as number) -\n 1\n ]\n : '#FFFFFF'\n ];\n })\n )\n ])\n )\n : {};\n }\n\n toggleColorConfig($event: boolean) {\n if ($event !== !!this.optionsCopy.colorConfig) {\n if (!this.optionsCopy.colorConfig) {\n this.optionsCopy.colorConfig = { prop: '', colors: [] };\n } else {\n this.optionsCopy.colorConfig = undefined;\n }\n }\n }\n\n modifyColorScheme($event?: string, index?: number) {\n $event && index !== undefined\n ? (this.optionsCopy.colorConfig!.colors[index] = $event)\n : this.optionsCopy.colorConfig!.colors.push('#FFFFFF');\n }\n\n removeColor(index: number) {\n this.optionsCopy.colorConfig!.colors.splice(index, 1);\n }\n\n drop(event: CdkDragDrop<string[]>) {\n this.optionsCopy.colorConfig!.colors.splice(\n event.currentIndex,\n 0,\n this.optionsCopy.colorConfig!.colors.splice(event.previousIndex, 1)[0]\n );\n }\n\n override emitManifest() {\n this.manifestModified.emit({\n widgetIndex: this.widgetIndex,\n manifest: { ...this.manifest, options: this.optionsCopy }\n });\n }\n}\n","<pry-widget-analytic-css></pry-widget-analytic-css>\n<div class=\"o-widget o-widget__analytic\">\n @if (displayHeader$ \| async) {\n <pry-widget-header\n [widgetIndex]=\"widgetIndex\"\n [manifest]=\"manifest\"\n (manifestModified)=\"manifestModified.emit($event)\"\n #header\n [headerOptions]=\"(displayHeader$ \| async) ?? {}\"\n [datasourceIds]=\"(datasourceIds$ \| async) ?? []\"\n >\n <pry-settings\n (saveTriggered)=\"emitManifest()\"\n (changeTitle)=\"changeWidgetTitle($event)\"\n [headerPresent]=\"displayHeader$ \| async\"\n [widgetIndex]=\"widgetIndex\"\n [header]=\"header\"\n [open$]=\"open$\"\n class=\"o-settings\"\n >\n <div class=\"o-settings__fields\">\n <div class=\"m-form-label-field\">\n <label class=\"a-label\" for=\"primaryProp\">{{ '@pry.widget.analytic.primaryProp' \| i18n }}</label>\n <pry-select\n (ngModelChange)=\"change($event, 'primaryProp')\"\n [items]=\"availableProperties$ \| async\"\n [ngModel]=\"optionsCopy.primaryProp\"\n bindLabel=\"name\"\n bindValue=\"name\"\n id=\"primaryProp\"\n ></pry-select>\n </div>\n <div class=\"m-form-label-field\">\n <label class=\"a-label\" for=\"secondaryProp\">{{ '@pry.widget.analytic.secondaryProp' \| i18n }}</label>\n <pry-select\n (ngModelChange)=\"change($event, 'secondaryProp')\"\n [items]=\"availableProperties$ \| async\"\n [ngModel]=\"optionsCopy.secondaryProp\"\n bindLabel=\"name\"\n bindValue=\"name\"\n id=\"secondaryProp\"\n [clearable]=\"true\"\n ></pry-select>\n </div>\n <div class=\"m-form-label-field\">\n <label class=\"a-label\" for=\"verticalProp\">{{ '@pry.widget.analytic.verticalProp' \| i18n }}</label>\n <pry-select\n (ngModelChange)=\"change($event, 'verticalProp')\"\n [items]=\"availableProperties$ \| async\"\n [ngModel]=\"optionsCopy.verticalProp\"\n bindLabel=\"name\"\n bindValue=\"name\"\n id=\"verticalProp\"\n ></pry-select>\n </div>\n <div class=\"m-form-label-field\">\n <label class=\"a-label\" for=\"valueProp\">{{ '@pry.widget.analytic.valueProp' \| i18n }}</label>\n <pry-select\n (ngModelChange)=\"change($event, 'valueProp')\"\n [items]=\"availableProperties$ \| async\"\n [ngModel]=\"optionsCopy.valueProp\"\n bindLabel=\"name\"\n bindValue=\"name\"\n id=\"valueProp\"\n ></pry-select>\n </div>\n <div class=\"m-form-label-field\">\n <pry-checkbox (ngModelChange)=\"toggleColorConfig($event)\" [ngModel]=\"!!optionsCopy.colorConfig\">\n {{ '@pry.widget.analytic.colorConfig' \| i18n }}\n </pry-checkbox>\n @if (optionsCopy.colorConfig) {\n <div class=\"m-form-label-field\">\n <label class=\"a-label\" for=\"colorProp\">{{ '@pry.widget.analytic.colorProp' \| i18n }}</label>\n <pry-select\n (ngModelChange)=\"changeColorConfig($event, 'prop')\"\n [items]=\"availableProperties$ \| async\"\n [ngModel]=\"optionsCopy.colorConfig.prop\"\n bindLabel=\"name\"\n bindValue=\"name\"\n id=\"colorProp\"\n ></pry-select>\n </div>\n <div class=\"m-form-label-field\">\n <label class=\"a-label\" for=\"colorProp\">{{ '@pry.widget.analytic.colors' \| i18n }}</label>\n <div\n class=\"o-widget__analytic__color-picker-container u-display-flex -align-center\"\n cdkDropList\n (cdkDropListDropped)=\"drop($event)\"\n cdkDropListOrientation=\"horizontal\"\n >\n @for (color of optionsCopy.colorConfig.colors; track color; let i = $index) {\n <div class=\"o-widget__analytic__color-picker\" cdkDrag>\n <pry-color-picker\n [ngModel]=\"color\"\n (ngModelChange)=\"modifyColorScheme($event, i)\"\n ></pry-color-picker>\n <button (click)=\"removeColor(i)\" class=\"o-widget__analytic__color-picker-remove\">\n <pry-icon iconSvg=\"close\" [height]=\"15\" [width]=\"15\"></pry-icon>\n </button>\n <div cdkDragPreview>\n <pry-color-picker [ngModel]=\"color\"></pry-color-picker>\n </div>\n </div>\n }\n <button\n type=\"button\"\n class=\"a-btn a-btn--icon-only o-widget__analytic__color-picker-add\"\n (click)=\"modifyColorScheme()\"\n >\n <pry-icon iconSvg=\"add\" [height]=\"20\" [width]=\"20\"></pry-icon>\n </button>\n </div>\n </div>\n }\n </div>\n </div>\n </pry-settings>\n </pry-widget-header>\n }\n <div class=\"o-widget__analytic__table\">\n <table [style.height.px]=\"height$ \| async\">\n <thead>\n <tr class=\"primary-header\">\n <th></th>\n @for (primary of primaryProperty$ \| async; track primary) {\n <th [colSpan]=\"(secondaryProperty$ \| async)?.length ?? 1\">\n {{ primary }}\n </th>\n }\n </tr>\n @if (optionsCopy.secondaryProp) {\n <tr class=\"secondary-header\">\n <th></th>\n @for (primary of primaryProperty$ \| async; track primary) {\n @for (secondary of secondaryProperty$ \| async; track secondary) {\n <th>{{ secondary }}</th>\n }\n }\n </tr>\n }\n </thead>\n @if (this.valuePropField$ \| async; as field) {\n <tbody>\n @for (line of lines$ \| async; track line.name) {\n <tr>\n <th>{{ line.name }}</th>\n @for (primary of primaryProperty$ \| async; track primary) {\n @if (optionsCopy.secondaryProp) {\n @for (secondary of secondaryProperty$ \| async; track secondary) {\n <td\n [ngStyle]=\"\n optionsCopy.colorConfig\n ? { 'background-color': (colorMap$ \| async)?.[line.name]?.[primary] }\n : {}\n \"\n >\n {{ line.value[primary][secondary] \| dataFormat: field }}\n </td>\n }\n } @else {\n <td\n [ngStyle]=\"\n optionsCopy.colorConfig ? { 'background-color': (colorMap$ \| async)?.[line.name]?.[primary] } : {}\n \"\n >\n {{ line.value[primary] \| dataFormat: field }}\n </td>\n }\n }\n </tr>\n }\n </tbody>\n <tfoot>\n @for (line of totals$ \| async; track line.name) {\n <tr class=\"partial-total\">\n <th>{{ line.name }}</th>\n @for (primary of primaryProperty$ \| async; track primary) {\n @for (secondary of secondaryProperty$ \| async; track secondary) {\n <td>\n {{ line.value[primary][secondary] \| dataFormat: field }}\n </td>\n }\n }\n </tr>\n }\n @for (line of grandTotals$ \| async; track line.name) {\n <tr class=\"grand-total\">\n <th>{{ line.name }}</th>\n @for (primary of primaryProperty$ \| async; track primary) {\n <td [colSpan]=\"(secondaryProperty$ \| async)?.length ?? 1\">\n {{ line.value[primary] \| dataFormat: field }}\n </td>\n }\n </tr>\n }\n </tfoot>\n }\n </table>\n </div>\n</div>\n","export const enTranslations = {\n '@pry': {\n widget: {\n analytic: {\n primaryProp: 'Attribute that contains the horizontal primary field',\n secondaryProp: 'Attribute that contains the horizontal secondary field',\n verticalProp: 'Attribute that contains the vertical attribute',\n valueProp: 'Attribute that contains the value',\n colorConfig: 'Cell color configuration',\n colorProp: 'Color attribute',\n colors: 'Colors',\n format: 'Value formatting',\n suffix: 'Suffix'\n }\n }\n }\n};\n","export const frTranslations = {\n '@pry': {\n widget: {\n analytic: {\n primaryProp: 'Attribut horizontal primaire',\n secondaryProp: 'Attribut horizontal secondaire',\n verticalProp: 'Attribut vertical',\n valueProp: 'Attribut contenant la valeur',\n colorConfig: 'Configuration des couleurs de cellules',\n colorProp: 'Attribut de la couleur',\n colors: 'Couleurs',\n format: 'Formattage des valeurs',\n suffix: 'Suffixe'\n }\n }\n }\n};\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { AsyncPipe, CommonModule } from '@angular/common';\nimport { NgModule, Type } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n BaseWidgetComponent,\n BaseWidgetModule,\n PryCoreModule,\n PryDashboardModule,\n PryI18nModule,\n PryI18nService,\n PryIconModule,\n PrySelectModule,\n PryToggleModule\n} from '@provoly/dashboard';\nimport { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';\nimport { WidgetAnalyticComponent } from './component/widget-analytic.component';\nimport { enTranslations } from './i18n/en.translations';\nimport { frTranslations } from './i18n/fr.translations';\nimport { PryWidgetAnalyticCssComponent } from './style/css.component';\nimport { PryColorPickerModule } from '@provoly/dashboard/components/color-picker';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { PryDataFormatModule } from '@provoly/dashboard/components/data-format';\n\n@NgModule({\n declarations: [WidgetAnalyticComponent, PryWidgetAnalyticCssComponent],\n imports: [\n CommonModule,\n FormsModule,\n OverlayModule,\n PryCoreModule,\n PryDashboardModule,\n PrySelectModule,\n PryIconModule,\n PryCheckboxModule,\n PryToggleModule,\n PryI18nModule,\n AsyncPipe,\n PryColorPickerModule,\n DragDropModule,\n PryDataFormatModule\n ],\n exports: [WidgetAnalyticComponent]\n})\nexport class WidgetAnalyticModule extends BaseWidgetModule {\n constructor(private pryTranslateService: PryI18nService) {\n super();\n this.pryTranslateService.addLangObject('fr', 'widget-vega', frTranslations);\n this.pryTranslateService.addLangObject('en', 'widget-vega', enTranslations);\n }\n\n override getComponent() {\n return WidgetAnalyticComponent as Type<BaseWidgetComponent>;\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i8.PryWidgetAnalyticCssComponent","i1"],"mappings":"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"}
1	+ {"version":3,"file":"provoly-dashboard-widgets-widget-analytic.mjs","sources":["../../../../projects/provoly/dashboard/widgets/widget-analytic/style/css.component.ts","../../../../projects/provoly/dashboard/widgets/widget-analytic/component/widget-analytic.component.ts","../../../../projects/provoly/dashboard/widgets/widget-analytic/component/widget-analytic.component.html","../../../../projects/provoly/dashboard/widgets/widget-analytic/i18n/en.translations.ts","../../../../projects/provoly/dashboard/widgets/widget-analytic/i18n/fr.translations.ts","../../../../projects/provoly/dashboard/widgets/widget-analytic/widget-analytic.module.ts","../../../../projects/provoly/dashboard/widgets/widget-analytic/provoly-dashboard-widgets-widget-analytic.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'pry-widget-analytic-css',\n template: '',\n styleUrls: ['./_o-widget-analytic.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class PryWidgetAnalyticCssComponent {}\n","import { Component, ElementRef } from '@angular/core';\nimport {\n AnalyticWidgetOptions,\n Attribute,\n AttributeSimpleValue,\n Class,\n ClassSelectors,\n DataWidgetComponent,\n Field,\n Item,\n ResultSet,\n WIDGET_HEADER_HEIGHT\n} from '@provoly/dashboard';\nimport { combineLatest, map, Observable, startWith } from 'rxjs';\nimport { Store } from '@ngrx/store';\nimport { filter } from 'rxjs';\nimport { CdkDragDrop } from '@angular/cdk/drag-drop';\n\n@Component({\n selector: 'pry-widget-analytic',\n templateUrl: './widget-analytic.component.html'\n})\nexport class WidgetAnalyticComponent extends DataWidgetComponent {\n optionsCopy: AnalyticWidgetOptions = { primaryProp: '', secondaryProp: '', verticalProp: '', valueProp: '' };\n options$: Observable<AnalyticWidgetOptions>;\n\n primaryProperty$: Observable<string[]>;\n secondaryProperty$: Observable<string[]>;\n verticalProperty$: Observable<string[]>;\n totalProperty$: Observable<string[]>;\n grandTotalProperty$: Observable<string[]>;\n lines$: Observable<{ name: string; value: { [key: string]: { [key: string]: any } \| any } }[]>;\n totals$: Observable<{ name: string; value: { [key: string]: { [key: string]: any } } }[]>;\n grandTotals$: Observable<{ name: any; value: { [p: string]: any } }[]>;\n colorMap$: Observable<{ [vertical: string]: { [primary: string]: string \| undefined } }>;\n height$: Observable<number>;\n classes$: Observable<Class[]>;\n availableProperties$: Observable<Attribute[]>;\n valuePropField$: Observable<Field \| undefined>;\n\n change($event: string, prop: 'primaryProp' \| 'secondaryProp' \| 'valueProp' \| 'verticalProp') {\n this.optionsCopy[prop] = $event;\n }\n\n changeColorConfig($event: string \| string[], prop: 'prop' \| 'colors') {\n switch (prop) {\n case 'prop': {\n this.optionsCopy.colorConfig!.prop = $event as string;\n break;\n }\n case 'colors': {\n this.optionsCopy.colorConfig!.colors = $event as string[];\n break;\n }\n }\n }\n\n constructor(store: Store<any>, el: ElementRef) {\n super(store, el);\n this.options$ = this.manifest$.pipe(map((manifest) => (manifest.options ?? {}) as AnalyticWidgetOptions));\n this.classes$ = this.store.select(ClassSelectors.classes);\n this.height$ = combineLatest([this.widgetSize$, this.displayHeader$]).pipe(\n map(([size, header]) => size.height - (header ? WIDGET_HEADER_HEIGHT.value : 0))\n );\n this.subscriptions.add(\n this.options$.subscribe((options) => {\n this.optionsCopy = structuredClone(options);\n })\n );\n this.primaryProperty$ = combineLatest([this.options$, this.resultSet$]).pipe(\n filter(([options]) => !!options.primaryProp),\n map(([options, rs]) => this.getPropertyLabelsForLevel(rs, options.primaryProp))\n );\n this.secondaryProperty$ = combineLatest([this.options$, this.resultSet$]).pipe(\n filter(([options]) => !!options.secondaryProp),\n map(([options, rs]) => this.getPropertyLabelsForLevel(rs, options.secondaryProp!, 1))\n );\n this.verticalProperty$ = combineLatest([this.options$, this.resultSet$]).pipe(\n filter(([options]) => !!options.verticalProp),\n map(([options, rs]) => this.getPropertyLabelsForLevel(rs, options.verticalProp, 1))\n );\n this.totalProperty$ = combineLatest([this.options$, this.resultSet$]).pipe(\n map(([options, rs]) => this.getPropertyLabelsForLevel(rs, options.verticalProp, 2))\n );\n this.grandTotalProperty$ = combineLatest([this.options$, this.resultSet$]).pipe(\n map(([options, rs]) => this.getPropertyLabelsForLevel(rs, options.verticalProp, 3))\n );\n\n this.lines$ = combineLatest([\n this.options$,\n this.primaryProperty$.pipe(startWith([])),\n this.secondaryProperty$.pipe(startWith(undefined)),\n this.verticalProperty$.pipe(startWith([])),\n this.resultSet$\n ]).pipe(\n map(([options, primaryProps, secondaryProps, verticalProps, rs]) =>\n this.createValueMap(verticalProps, primaryProps, secondaryProps, rs, options, 1)\n )\n );\n\n this.totals$ = combineLatest([\n this.options$,\n this.primaryProperty$,\n this.secondaryProperty$,\n this.totalProperty$,\n this.resultSet$\n ]).pipe(\n map(([options, primaryProps, secondaryProps, verticalProps, rs]) =>\n this.createValueMap(verticalProps, primaryProps, secondaryProps, rs, options, 2)\n )\n );\n\n this.grandTotals$ = combineLatest([\n this.options$,\n this.primaryProperty$,\n this.grandTotalProperty$,\n this.resultSet$\n ]).pipe(\n map(([options, primaryProps, verticalProps, rs]) =>\n this.createValueMap(verticalProps, primaryProps, undefined, rs, options, 3)\n )\n );\n\n this.colorMap$ = combineLatest([\n this.options$,\n this.resultSet$,\n this.verticalProperty$,\n this.primaryProperty$\n ]).pipe(\n filter(([options]) => !!options.colorConfig),\n map(([options, rs, vertical, primary]) => this.createColorMap(vertical, primary, rs, options))\n );\n\n this.availableProperties$ = combineLatest([this.classes$, this.resultSet$]).pipe(\n map(([classes, rs]) => {\n const presentClassesId = Object.keys(rs.items);\n const presentClasses = presentClassesId\n .map((classId) => classes.find((cl) => cl.id === classId))\n .filter((cl) => !!cl) as Class[];\n return presentClasses.map((cl) => cl.attributes).flat();\n })\n );\n\n this.valuePropField$ = combineLatest([this.availableProperties$, this.options$]).pipe(\n map(([attributes, options]) => attributes.find((attr) => attr.technicalName === options.valueProp)?.field)\n );\n }\n\n private matchAttributeValue(item: Item, prop?: string, comparisonValue?: string) {\n if (prop === 'level' && !('level' in item.attributes)) {\n return comparisonValue === '1';\n }\n return comparisonValue && prop ? (item.attributes[prop] as AttributeSimpleValue).value == comparisonValue : true;\n }\n\n private createValueMap(\n verticalProps: string[],\n primaryProps: string[],\n secondaryProps: string[] \| undefined,\n rs: ResultSet,\n options: AnalyticWidgetOptions,\n level?: number\n ) {\n return verticalProps.map((vertical) => {\n const value = {} as { [key: string]: { [key: string]: any } \| any };\n primaryProps.forEach((primary) => {\n (secondaryProps ?? [undefined]).forEach((secondary) => {\n const matchingItem = (rs.items[Object.keys(rs.items)[0]] ?? []).find(\n (item) =>\n this.matchAttributeValue(item, options.primaryProp, primary) &&\n this.matchAttributeValue(item, options.secondaryProp, secondary) &&\n this.matchAttributeValue(item, options.verticalProp, vertical) &&\n this.matchAttributeValue(item, 'level', level + '')\n );\n if (!!matchingItem) {\n if (!!secondary) {\n if (!value[primary]) {\n value[primary] = {};\n }\n value[primary][secondary] = (matchingItem!.attributes[options.valueProp] as AttributeSimpleValue).value;\n } else {\n value[primary] = (matchingItem!.attributes[options.valueProp] as AttributeSimpleValue)?.value;\n }\n }\n });\n });\n return { name: vertical, value };\n });\n }\n\n private getPropertyLabelsForLevel(rs: ResultSet, property: string, level?: number) {\n const values = Object.values(rs.items)\n .map((items) =>\n items\n .filter((item) =>\n level && 'level' in item.attributes\n ? [level, '' + level].includes(\n (item.attributes['level'] as AttributeSimpleValue).value as string \| number\n )\n : level === undefined \|\| level === 1\n )\n .map((item) => (item.attributes[property] as AttributeSimpleValue)?.value + '')\n )\n .flat()\n .flat();\n return [...new Set(values)];\n }\n\n createColorMap(verticalProps: string[], primaryProps: string[], rs: ResultSet, options: AnalyticWidgetOptions) {\n return options.colorConfig\n ? Object.fromEntries(\n verticalProps.map((vertical) => [\n vertical,\n Object.fromEntries(\n primaryProps.map((primary) => {\n const matchingItem = (rs.items[Object.keys(rs.items)[0]] ?? []).find(\n (item) =>\n this.matchAttributeValue(item, options.primaryProp, primary) &&\n this.matchAttributeValue(item, options.verticalProp, vertical)\n );\n\n return [\n primary,\n matchingItem && (matchingItem.attributes[options.valueProp] as AttributeSimpleValue).value !== 0\n ? options.colorConfig?.colors[\n ((matchingItem.attributes[options.colorConfig!.prop] as AttributeSimpleValue).value as number) -\n 1\n ]\n : '#FFFFFF'\n ];\n })\n )\n ])\n )\n : {};\n }\n\n toggleColorConfig($event: boolean) {\n if ($event !== !!this.optionsCopy.colorConfig) {\n if (!this.optionsCopy.colorConfig) {\n this.optionsCopy.colorConfig = { prop: '', colors: [] };\n } else {\n this.optionsCopy.colorConfig = undefined;\n }\n }\n }\n\n modifyColorScheme($event?: string, index?: number) {\n $event && index !== undefined\n ? (this.optionsCopy.colorConfig!.colors[index] = $event)\n : this.optionsCopy.colorConfig!.colors.push('#FFFFFF');\n }\n\n removeColor(index: number) {\n this.optionsCopy.colorConfig!.colors.splice(index, 1);\n }\n\n drop(event: CdkDragDrop<string[]>) {\n this.optionsCopy.colorConfig!.colors.splice(\n event.currentIndex,\n 0,\n this.optionsCopy.colorConfig!.colors.splice(event.previousIndex, 1)[0]\n );\n }\n\n override emitManifest() {\n this.manifestModified.emit({\n widgetIndex: this.widgetIndex,\n manifest: { ...this.manifest, options: this.optionsCopy }\n });\n }\n}\n","<pry-widget-analytic-css></pry-widget-analytic-css>\n<div class=\"o-widget o-widget__analytic\">\n @if (displayHeader$ \| async) {\n <pry-widget-header\n [widgetIndex]=\"widgetIndex\"\n [manifest]=\"manifest\"\n (manifestModified)=\"manifestModified.emit($event)\"\n #header\n [headerOptions]=\"(displayHeader$ \| async) ?? {}\"\n [datasourceIds]=\"(datasourceIds$ \| async) ?? []\"\n >\n <pry-settings\n (saveTriggered)=\"emitManifest()\"\n (changeTitle)=\"changeWidgetTitle($event)\"\n [headerPresent]=\"displayHeader$ \| async\"\n [widgetIndex]=\"widgetIndex\"\n [header]=\"header\"\n [open$]=\"open$\"\n class=\"o-settings\"\n >\n <div class=\"o-settings__fields\">\n <div class=\"m-form-label-field\">\n <label class=\"a-label\" for=\"primaryProp\">{{ '@pry.widget.analytic.primaryProp' \| i18n }}</label>\n <pry-select\n (ngModelChange)=\"change($event, 'primaryProp')\"\n [items]=\"availableProperties$ \| async\"\n [ngModel]=\"optionsCopy.primaryProp\"\n bindLabel=\"name\"\n bindValue=\"name\"\n id=\"primaryProp\"\n ></pry-select>\n </div>\n <div class=\"m-form-label-field\">\n <label class=\"a-label\" for=\"secondaryProp\">{{ '@pry.widget.analytic.secondaryProp' \| i18n }}</label>\n <pry-select\n (ngModelChange)=\"change($event, 'secondaryProp')\"\n [items]=\"availableProperties$ \| async\"\n [ngModel]=\"optionsCopy.secondaryProp\"\n bindLabel=\"name\"\n bindValue=\"name\"\n id=\"secondaryProp\"\n [clearable]=\"true\"\n ></pry-select>\n </div>\n <div class=\"m-form-label-field\">\n <label class=\"a-label\" for=\"verticalProp\">{{ '@pry.widget.analytic.verticalProp' \| i18n }}</label>\n <pry-select\n (ngModelChange)=\"change($event, 'verticalProp')\"\n [items]=\"availableProperties$ \| async\"\n [ngModel]=\"optionsCopy.verticalProp\"\n bindLabel=\"name\"\n bindValue=\"name\"\n id=\"verticalProp\"\n ></pry-select>\n </div>\n <div class=\"m-form-label-field\">\n <label class=\"a-label\" for=\"valueProp\">{{ '@pry.widget.analytic.valueProp' \| i18n }}</label>\n <pry-select\n (ngModelChange)=\"change($event, 'valueProp')\"\n [items]=\"availableProperties$ \| async\"\n [ngModel]=\"optionsCopy.valueProp\"\n bindLabel=\"name\"\n bindValue=\"name\"\n id=\"valueProp\"\n ></pry-select>\n </div>\n <div class=\"m-form-label-field\">\n <pry-checkbox (ngModelChange)=\"toggleColorConfig($event)\" [ngModel]=\"!!optionsCopy.colorConfig\">\n {{ '@pry.widget.analytic.colorConfig' \| i18n }}\n </pry-checkbox>\n @if (optionsCopy.colorConfig) {\n <div class=\"m-form-label-field\">\n <label class=\"a-label\" for=\"colorProp\">{{ '@pry.widget.analytic.colorProp' \| i18n }}</label>\n <pry-select\n (ngModelChange)=\"changeColorConfig($event, 'prop')\"\n [items]=\"availableProperties$ \| async\"\n [ngModel]=\"optionsCopy.colorConfig.prop\"\n bindLabel=\"name\"\n bindValue=\"name\"\n id=\"colorProp\"\n ></pry-select>\n </div>\n <div class=\"m-form-label-field\">\n <label class=\"a-label\" for=\"colorProp\">{{ '@pry.widget.analytic.colors' \| i18n }}</label>\n <div\n class=\"o-widget__analytic__color-picker-container u-display-flex -align-center\"\n cdkDropList\n (cdkDropListDropped)=\"drop($event)\"\n cdkDropListOrientation=\"horizontal\"\n >\n @for (color of optionsCopy.colorConfig.colors; track color; let i = $index) {\n <div class=\"o-widget__analytic__color-picker\" cdkDrag>\n <pry-color-picker\n [ngModel]=\"color\"\n (ngModelChange)=\"modifyColorScheme($event, i)\"\n ></pry-color-picker>\n <button (click)=\"removeColor(i)\" class=\"o-widget__analytic__color-picker-remove\">\n <pry-icon iconSvg=\"close\" [height]=\"15\" [width]=\"15\"></pry-icon>\n </button>\n <div cdkDragPreview>\n <pry-color-picker [ngModel]=\"color\"></pry-color-picker>\n </div>\n </div>\n }\n <button\n type=\"button\"\n class=\"a-btn a-btn--icon-only o-widget__analytic__color-picker-add\"\n (click)=\"modifyColorScheme()\"\n >\n <pry-icon iconSvg=\"add\" [height]=\"20\" [width]=\"20\"></pry-icon>\n </button>\n </div>\n </div>\n }\n </div>\n </div>\n </pry-settings>\n </pry-widget-header>\n }\n <div class=\"o-widget__analytic__table\">\n <table [style.height.px]=\"height$ \| async\">\n <thead>\n <tr class=\"primary-header\">\n <th></th>\n @for (primary of primaryProperty$ \| async; track primary) {\n <th [colSpan]=\"(secondaryProperty$ \| async)?.length ?? 1\">\n {{ primary }}\n </th>\n }\n </tr>\n @if (optionsCopy.secondaryProp) {\n <tr class=\"secondary-header\">\n <th></th>\n @for (primary of primaryProperty$ \| async; track primary) {\n @for (secondary of secondaryProperty$ \| async; track secondary) {\n <th>{{ secondary }}</th>\n }\n }\n </tr>\n }\n </thead>\n @if (this.valuePropField$ \| async; as field) {\n <tbody>\n @for (line of lines$ \| async; track line.name) {\n <tr>\n <th>{{ line.name }}</th>\n @for (primary of primaryProperty$ \| async; track primary) {\n @if (optionsCopy.secondaryProp) {\n @for (secondary of secondaryProperty$ \| async; track secondary) {\n <td\n [ngStyle]=\"\n optionsCopy.colorConfig\n ? { 'background-color': (colorMap$ \| async)?.[line.name]?.[primary] }\n : {}\n \"\n >\n {{ line.value[primary][secondary] \| dataFormat: field }}\n </td>\n }\n } @else {\n <td\n [ngStyle]=\"\n optionsCopy.colorConfig ? { 'background-color': (colorMap$ \| async)?.[line.name]?.[primary] } : {}\n \"\n >\n {{ line.value[primary] \| dataFormat: field }}\n </td>\n }\n }\n </tr>\n }\n </tbody>\n <tfoot>\n @for (line of totals$ \| async; track line.name) {\n <tr class=\"partial-total\">\n <th>{{ line.name }}</th>\n @for (primary of primaryProperty$ \| async; track primary) {\n @for (secondary of secondaryProperty$ \| async; track secondary) {\n <td>\n {{ line.value[primary][secondary] \| dataFormat: field }}\n </td>\n }\n }\n </tr>\n }\n @for (line of grandTotals$ \| async; track line.name) {\n <tr class=\"grand-total\">\n <th>{{ line.name }}</th>\n @for (primary of primaryProperty$ \| async; track primary) {\n <td [colSpan]=\"(secondaryProperty$ \| async)?.length ?? 1\">\n {{ line.value[primary] \| dataFormat: field }}\n </td>\n }\n </tr>\n }\n </tfoot>\n }\n </table>\n </div>\n</div>\n","export const enTranslations = {\n '@pry': {\n widget: {\n analytic: {\n primaryProp: 'Attribute that contains the horizontal primary field',\n secondaryProp: 'Attribute that contains the horizontal secondary field',\n verticalProp: 'Attribute that contains the vertical attribute',\n valueProp: 'Attribute that contains the value',\n colorConfig: 'Cell color configuration',\n colorProp: 'Color attribute',\n colors: 'Colors',\n format: 'Value formatting',\n suffix: 'Suffix'\n }\n }\n }\n};\n","export const frTranslations = {\n '@pry': {\n widget: {\n analytic: {\n primaryProp: 'Attribut horizontal primaire',\n secondaryProp: 'Attribut horizontal secondaire',\n verticalProp: 'Attribut vertical',\n valueProp: 'Attribut contenant la valeur',\n colorConfig: 'Configuration des couleurs de cellules',\n colorProp: 'Attribut de la couleur',\n colors: 'Couleurs',\n format: 'Formattage des valeurs',\n suffix: 'Suffixe'\n }\n }\n }\n};\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { AsyncPipe, CommonModule } from '@angular/common';\nimport { NgModule, Type } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n BaseWidgetComponent,\n BaseWidgetModule,\n PryCoreModule,\n PryDashboardModule,\n PryI18nModule,\n PryI18nService,\n PryIconModule,\n PrySelectModule,\n PryToggleModule\n} from '@provoly/dashboard';\nimport { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';\nimport { WidgetAnalyticComponent } from './component/widget-analytic.component';\nimport { enTranslations } from './i18n/en.translations';\nimport { frTranslations } from './i18n/fr.translations';\nimport { PryWidgetAnalyticCssComponent } from './style/css.component';\nimport { PryColorPickerModule } from '@provoly/dashboard/components/color-picker';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { PryDataFormatModule } from '@provoly/dashboard/components/data-format';\n\n@NgModule({\n declarations: [WidgetAnalyticComponent, PryWidgetAnalyticCssComponent],\n imports: [\n CommonModule,\n FormsModule,\n OverlayModule,\n PryCoreModule,\n PryDashboardModule,\n PrySelectModule,\n PryIconModule,\n PryCheckboxModule,\n PryToggleModule,\n PryI18nModule,\n AsyncPipe,\n PryColorPickerModule,\n DragDropModule,\n PryDataFormatModule\n ],\n exports: [WidgetAnalyticComponent]\n})\nexport class WidgetAnalyticModule extends BaseWidgetModule {\n constructor(private pryTranslateService: PryI18nService) {\n super();\n this.pryTranslateService.addLangObject('fr', 'widget-vega', frTranslations);\n this.pryTranslateService.addLangObject('en', 'widget-vega', enTranslations);\n }\n\n override getComponent() {\n return WidgetAnalyticComponent as Type<BaseWidgetComponent>;\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i8.PryWidgetAnalyticCssComponent","i1"],"mappings":"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"}

package/fesm2022/provoly-dashboard-widgets-widget-chart.mjs CHANGED Viewed

@@ -932,7 +932,7 @@ class WidgetChartComponent extends DataWidgetComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetChartComponent, deps: [{ token: i1.Store }, { token: i2.PryI18nService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: WidgetChartComponent, selector: "pry-widget-chart", viewQueries: [{ propertyName: "vega", first: true, predicate: ["vega"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-widget-chart-css></pry-widget-chart-css>\n<div class=\"o-widget o-widget--chart\">\n  @if (displayHeader$ | async) {\n    <pry-widget-header\n      [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n      [widgetIndex]=\"widgetIndex\"\n      [manifest]=\"manifest\"\n      (manifestModified)=\"manifestModified.emit($event)\"\n      #header\n      [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n      >\n      <pry-settings\n        (saveTriggered)=\"emitManifest()\"\n        (changeTitle)=\"changeWidgetTitle($event)\"\n        [headerPresent]=\"displayHeader$ | async\"\n        [isDisable]=\"(filterDataForOptionsCopy$ | async)?.length === 0 || hasNoType(optionsCopy)\"\n        [widgetIndex]=\"widgetIndex\"\n        [open$]=\"open$\"\n        [header]=\"header\"\n        class=\"o-settings\"\n        >\n        <div class=\"o-settings__popup__content__fields -condensed\">\n          <pry-edit-input\n            label=\"@pry.widget.chart.title\"\n            (ngModelChange)=\"changeChartTitle($event)\"\n            [ngModel]=\"optionsCopy.customTitle ?? optionsCopy.title\"\n          ></pry-edit-input>\n          <div class=\"m-form-label-field\">\n            @if ((filterDataForOptionsCopy$ | async)?.length === 0) {\n              <p class=\"a-label a-label--help -error\">{{ '@pry.widget.chart.params.noParams' | i18n }}</p>\n            } @else {\n              @if (optionsCopy?.type !== MarkType.RADAR) {\n                <div>\n                  {{ '@pry.widget.chart.params.multipleParams' | i18n }}{{ (filterDataForOptionsCopy$ | async)?.length }}\n                </div>\n              }\n            }\n          </div>\n          @if (optionsCopy) {\n            <div class=\"m-form-label-field\">\n              <label class=\"a-label\" for=\"chart_type\">{{ '@pry.widget.chart.type' | i18n }}</label>\n              <pry-select\n                (ngModelChange)=\"changeType($event)\"\n                [items]=\"typeOptions\"\n                [ngModel]=\"optionsCopy.type + '-' + optionsCopy.subType\"\n                i18nPrefix=\"@pry.widget.chart.markType.\"\n                bindLabel=\"label\"\n                bindValue=\"id\"\n                id=\"chart_type\"\n              ></pry-select>\n            </div>\n          }\n        </div>\n        @if (optionsCopy?.type !== MarkType.RADAR && optionsCopy?.type !== MarkType.CIRCLE_PACK) {\n          @if (optionsCopy?.subType === MarkSubType.DONUT) {\n            <pry-range\n              [ngModel]=\"optionsCopy.innerRadius\"\n              (ngModelChange)=\"changeInnerRadius($event)\"\n              labelTranslate=\"@pry.widget.chart.innerRadius\"\n              min=\"1\"\n              max=\"500\"\n            ></pry-range>\n          }\n          @for (variableDef of optionsCopy?.selectedVariables; track variableDef; let i = $index) {\n            <div\n              class=\"o-settings__popup__content__fields -condensed\"\n              >\n              @if (i === 1) {\n                <div class=\"m-form-label-field\">\n                  <label class=\"a-label\" for=\"aggregations\">{{ '@pry.widget.chart.encoding.group' | i18n }}</label>\n                  @if (i === 1) {\n                    <pry-select\n                      (ngModelChange)=\"changeAggregation($event)\"\n                      [items]=\"aggregations\"\n                      [ngModel]=\"optionsCopy.aggregation\"\n                      id=\"aggregations\"\n                      i18nPrefix=\"@pry.widget.chart.aggregation.\"\n                    ></pry-select>\n                  }\n                </div>\n              }\n              @if (i !== 1 || optionsCopy.aggregation !== 'count') {\n                <div class=\"m-form-label-field\">\n                  <label class=\"a-label\" for=\"aggregation_property\">\n                    {{ axeLabel(i, optionsCopy) | i18n }}\n                  </label>\n                  <pry-select\n                    (ngModelChange)=\"changeProperty($event, i)\"\n                    [items]=\"(i !== 1 ? variableAttributes$ : possibleSecondaryAttributes$) | async\"\n                    [ngModel]=\"variableDef.name\"\n                    bindLabel=\"name\"\n                    bindValue=\"technicalName\"\n                    id=\"aggregation_property\"\n                  ></pry-select>\n                </div>\n              }\n              <pry-edit-input\n                label=\"@pry.widget.chart.dataLabel\"\n                (ngModelChange)=\"changeLabel($event, i)\"\n                [ngModel]=\"variableDef.label\"\n              ></pry-edit-input>\n              @if (variableDef.type === 'temporal') {\n                <div class=\"m-form-label-field\">\n                  <label class=\"a-label\" for=\"chart_timeUnit\">{{ '@pry.widget.chart.timeUnit' | i18n }}</label>\n                  <pry-select\n                    (ngModelChange)=\"changeTimeUnit($event, variableDef)\"\n                    [items]=\"timeUnits\"\n                    [ngModel]=\"variableDef.timeUnit\"\n                    i18nPrefix=\"@pry.widget.chart.timeUnitList.\"\n                    id=\"chart_timeUnit\"\n                  ></pry-select>\n                </div>\n              }\n              @if (variableDef.type === 'quantitative' && optionsCopy?.type !== 'arc') {\n                <div class=\"m-form-label-field\">\n                  <pry-checkbox (ngModelChange)=\"toggleOriginAtZero(variableDef, $event)\" [ngModel]=\"variableDef.origin0\"\n                    >{{ '@pry.widget.chart.origin' | i18n }}\n                  </pry-checkbox>\n                </div>\n              }\n            </div>\n          }\n          <div class=\"o-settings__popup__content__fields -condensed\">\n            <div class=\"m-form-label-field\">\n              @if (optionsCopy?.type !== MarkType.ARC && optionsCopy?.type !== MarkType.RADAR) {\n                <pry-checkbox\n                  (ngModelChange)=\"toggleSeries($event)\"\n                  [ngModel]=\"!!optionsCopy.series\"\n              [disabled]=\"\n                this.optionsCopy.subType === MarkSubType.AREASTACKED ||\n                this.optionsCopy.subType === MarkSubType.HISTOSTACKED\n              \"\n                  >{{ '@pry.widget.chart.series' | i18n }}\n                </pry-checkbox>\n              }\n            </div>\n            @if (optionsCopy?.type !== MarkType.ARC && optionsCopy?.type !== MarkType.RADAR && !!optionsCopy.series) {\n              <div\n                class=\"m-form-label-field\"\n                >\n                <label class=\"a-label\" for=\"chart_seriesAttr\">{{ '@pry.widget.chart.seriesAttr' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"changeSeries($event)\"\n                  [ngModel]=\"optionsCopy.series.groupBy!\"\n                  [items]=\"variableAttributes$ | async\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"chart_seriesAttr\"\n                ></pry-select>\n              </div>\n            }\n            @if (\n              (optionsCopy?.type === MarkType.ARC || optionsCopy?.type === MarkType.RADAR || !!optionsCopy.series) &&\n              schemes\n              ) {\n              <div\n                class=\"m-form-label-field\"\n                >\n                <label class=\"a-label\" for=\"chart_seriesScheme\" [title]=\"'@pry.widget.chart.seriesSchemeAlt' | i18n\">{{\n                  '@pry.widget.chart.seriesScheme' | i18n\n                }}</label>\n                <pry-select\n                  (ngModelChange)=\"changeSeriesScheme($event)\"\n                  [ngModel]=\"optionsCopy.series?.scheme!\"\n                  [items]=\"schemes\"\n                  id=\"chart_seriesScheme\"\n                  i18nPrefix=\"@pry.widget.chart.scheme.\"\n                  bindValue=\"id\"\n                  bindLabel=\"id\"\n                ></pry-select>\n              </div>\n            }\n            <div class=\"o-widget--chart-color-thumb\">\n              @for (schemeColor of scheme(); track schemeColor) {\n                <div\n                  class=\"o-widget--chart-color-thumb-item\"\n                  [title]=\"schemeColor\"\n                  [style.background-color]=\"schemeColor\"\n                ></div>\n              }\n            </div>\n            <div class=\"m-form-label-field\">\n              @if (optionsCopy?.type !== MarkType.RADAR || !!optionsCopy.series) {\n                <pry-checkbox\n                  (ngModelChange)=\"toggleSeriesLegend($event)\"\n                  [ngModel]=\"!!optionsCopy.legend!\"\n                  >{{ '@pry.widget.chart.seriesLegend' | i18n }}\n                </pry-checkbox>\n              }\n            </div>\n            <div class=\"m-form-label-field\">\n              <pry-checkbox (ngModelChange)=\"toggleTooltip($event)\" [ngModel]=\"!!optionsCopy.tooltip!\"\n                >{{ '@pry.widget.chart.tooltip' | i18n }}\n              </pry-checkbox>\n            </div>\n          </div>\n        }\n        @if (optionsCopy?.type === MarkType.RADAR && optionsCopy.radar !== undefined) {\n          <div class=\"o-settings__popup__content__fields -condensed\">\n            <div class=\"m-form-label-field\">\n              <pry-select\n                (ngModelChange)=\"trigger(); proposeTitle()\"\n                [(ngModel)]=\"optionsCopy.radar.compare\"\n                [items]=\"comparisons\"\n                bindLabel=\"name\"\n                bindValue=\"id\"\n              ></pry-select>\n            </div>\n            @if (optionsCopy.radar.compare === 'item') {\n              <div class=\"m-form-label-field\">\n                <pry-select\n                  (ngModelChange)=\"trigger(); proposeTitle()\"\n                  [(ngModel)]=\"optionsCopy.radar.props\"\n                  [items]=\"numericProperties$ | async\"\n                  [multiple]=\"true\"\n                  [closeOnSelect]=\"false\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                ></pry-select>\n              </div>\n            }\n            @if (optionsCopy.radar.compare === 'value') {\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"comparison_key\">{{ '@pry.widget.chart.comparison.key' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"trigger(); proposeTitle()\"\n                  [(ngModel)]=\"optionsCopy.radar.keyProp\"\n                  [items]=\"textProperties$ | async\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"comparison_key\"\n                ></pry-select>\n              </div>\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"comparison_values\">{{ '@pry.widget.chart.comparison.values' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"trigger(); proposeTitle()\"\n                  [(ngModel)]=\"optionsCopy.radar.valueProp\"\n                  [items]=\"numericProperties$ | async\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"comparison_values\"\n                ></pry-select>\n              </div>\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"comparison_category\">{{\n                  '@pry.widget.chart.comparison.category' | i18n\n                }}</label>\n                <pry-select\n                  (ngModelChange)=\"trigger(); proposeTitle()\"\n                  [(ngModel)]=\"optionsCopy.radar.categoryProp\"\n                  [items]=\"textProperties$ | async\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"comparison_category\"\n                ></pry-select>\n              </div>\n            }\n            @if (schemes) {\n              <label\n                class=\"a-label\"\n                for=\"chart_seriesScheme_radar\"\n                [title]=\"'@pry.widget.chart.seriesSchemeAlt' | i18n\"\n                >{{ '@pry.widget.chart.seriesScheme' | i18n }}</label\n                >\n                <pry-select\n                  (ngModelChange)=\"changeSeriesScheme($event)\"\n                  [ngModel]=\"optionsCopy.series?.scheme!\"\n                  [items]=\"schemes\"\n                  id=\"chart_seriesScheme_radar\"\n                ></pry-select>\n              }\n            </div>\n          }\n          @if (optionsCopy?.type === MarkType.CIRCLE_PACK && optionsCopy.packing !== undefined) {\n            <div class=\"o-settings__popup__content__fields -condensed\">\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_circle_id\">{{ '@pry.widget.chart.circle.id' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"trigger(); proposeTitle()\"\n                  [(ngModel)]=\"optionsCopy.packing.id\"\n                  [items]=\"variableAttributes$ | async\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"chart_circle_id\"\n                ></pry-select>\n              </div>\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_circle_pid\">{{ '@pry.widget.chart.circle.pid' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"trigger(); proposeTitle()\"\n                  [(ngModel)]=\"optionsCopy.packing.parentId\"\n                  [items]=\"variableAttributes$ | async\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"chart_circle_pid\"\n                ></pry-select>\n              </div>\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_circle_field\">{{ '@pry.widget.chart.circle.field' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"trigger(); proposeTitle()\"\n                  [(ngModel)]=\"optionsCopy.packing.packField\"\n                  [items]=\"numericProperties$ | async\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"chart_circle_field\"\n                ></pry-select>\n              </div>\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_circle_tooltip\">{{ '@pry.widget.chart.circle.tooltip' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"trigger(); proposeTitle()\"\n                  [(ngModel)]=\"optionsCopy.packing.tooltip\"\n                  [items]=\"variableAttributes$ | async\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"chart_circle_tooltip\"\n                ></pry-select>\n              </div>\n            </div>\n          }\n          <div class=\"o-settings__popup__content__fields -condensed\">\n            <pry-checkbox (ngModelChange)=\"toggleSpecToMerge($event)\" [ngModel]=\"!!optionsCopy.specToMerge\"\n              >{{ '@pry.widget.chart.moreOptions' | i18n }}\n            </pry-checkbox>\n            @if (!!optionsCopy.specToMerge) {\n              <textarea\n                [ngModel]=\"advancedEdit\"\n                (focusout)=\"updateAdvancedEdit($event)\"\n                class=\"o-settings__popup__content__area\"\n                [class.-invalid]=\"invalidJson\"\n              ></textarea>\n            }\n          </div>\n        </pry-settings>\n      </pry-widget-header>\n    }\n    @if (isChartValid$ | async) {\n      <div\n        #vega\n      [style.height.px]=\"\n        ((widgetSize$ | async)?.height ?? 0) - ((displayHeader$ | async) ? 1 : 0) * WIDGET_HEADER_HEIGHT\n      \"\n        [style.width.px]=\"(widgetSize$ | async)?.width\"\n      ></div>\n    }\n\n    @if (!(isChartValid$ | async)) {\n      <div class=\"o-widget__choose-parameters\">\n        <p class=\"a-p\">\n          {{ '@pry.widget.chart.chooseParameters' | i18n }}\n        </p>\n        <button type=\"button\" (click)=\"openSettings()\" class=\"a-btn a-btn--primary\">\n          <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n          <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n        </button>\n      </div>\n    }\n  </div>\n", dependencies: [{ kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["triggerClick", "saveTriggered", "changeTitle"] }, { kind: "component", type: i2.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i2.PryEditInputComponent, selector: "pry-edit-input", inputs: ["label", "editButtonTooltip", "confirmButtonTooltip"], outputs: ["validated"] }, { kind: "component", type: i2.PryRangeComponent, selector: "pry-range", inputs: ["min", "max", "step", "disabled", "labelTranslate"] }, { kind: "component", type: PryWidgetChartCssComponent, selector: "pry-widget-chart-css" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: WidgetChartComponent, selector: "pry-widget-chart", viewQueries: [{ propertyName: "vega", first: true, predicate: ["vega"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-widget-chart-css></pry-widget-chart-css>\n<div class=\"o-widget o-widget--chart\">\n  @if (displayHeader$ | async) {\n    <pry-widget-header\n      [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n      [widgetIndex]=\"widgetIndex\"\n      [manifest]=\"manifest\"\n      (manifestModified)=\"manifestModified.emit($event)\"\n      #header\n      [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n      >\n      <pry-settings\n        (saveTriggered)=\"emitManifest()\"\n        (changeTitle)=\"changeWidgetTitle($event)\"\n        [headerPresent]=\"displayHeader$ | async\"\n        [isDisable]=\"(filterDataForOptionsCopy$ | async)?.length === 0 || hasNoType(optionsCopy)\"\n        [widgetIndex]=\"widgetIndex\"\n        [open$]=\"open$\"\n        [header]=\"header\"\n        class=\"o-settings\"\n        >\n        <div class=\"o-settings__popup__content__fields -condensed\">\n          <pry-edit-input\n            label=\"@pry.widget.chart.title\"\n            (ngModelChange)=\"changeChartTitle($event)\"\n            [ngModel]=\"optionsCopy.customTitle ?? optionsCopy.title\"\n          ></pry-edit-input>\n          <div class=\"m-form-label-field\">\n            @if ((filterDataForOptionsCopy$ | async)?.length === 0) {\n              <p class=\"a-label a-label--help -error\">{{ '@pry.widget.chart.params.noParams' | i18n }}</p>\n            } @else {\n              @if (optionsCopy?.type !== MarkType.RADAR) {\n                <div>\n                  {{ '@pry.widget.chart.params.multipleParams' | i18n }}{{ (filterDataForOptionsCopy$ | async)?.length }}\n                </div>\n              }\n            }\n          </div>\n          @if (optionsCopy) {\n            <div class=\"m-form-label-field\">\n              <label class=\"a-label\" for=\"chart_type\">{{ '@pry.widget.chart.type' | i18n }}</label>\n              <pry-select\n                (ngModelChange)=\"changeType($event)\"\n                [items]=\"typeOptions\"\n                [ngModel]=\"optionsCopy.type + '-' + optionsCopy.subType\"\n                i18nPrefix=\"@pry.widget.chart.markType.\"\n                bindLabel=\"label\"\n                bindValue=\"id\"\n                id=\"chart_type\"\n              ></pry-select>\n            </div>\n          }\n        </div>\n        @if (optionsCopy?.type !== MarkType.RADAR && optionsCopy?.type !== MarkType.CIRCLE_PACK) {\n          @if (optionsCopy?.subType === MarkSubType.DONUT) {\n            <pry-range\n              [ngModel]=\"optionsCopy.innerRadius\"\n              (ngModelChange)=\"changeInnerRadius($event)\"\n              labelTranslate=\"@pry.widget.chart.innerRadius\"\n              min=\"1\"\n              max=\"500\"\n            ></pry-range>\n          }\n          @for (variableDef of optionsCopy?.selectedVariables; track variableDef; let i = $index) {\n            <div\n              class=\"o-settings__popup__content__fields -condensed\"\n              >\n              @if (i === 1) {\n                <div class=\"m-form-label-field\">\n                  <label class=\"a-label\" for=\"aggregations\">{{ '@pry.widget.chart.encoding.group' | i18n }}</label>\n                  @if (i === 1) {\n                    <pry-select\n                      (ngModelChange)=\"changeAggregation($event)\"\n                      [items]=\"aggregations\"\n                      [ngModel]=\"optionsCopy.aggregation\"\n                      id=\"aggregations\"\n                      i18nPrefix=\"@pry.widget.chart.aggregation.\"\n                    ></pry-select>\n                  }\n                </div>\n              }\n              @if (i !== 1 || optionsCopy.aggregation !== 'count') {\n                <div class=\"m-form-label-field\">\n                  <label class=\"a-label\" for=\"aggregation_property\">\n                    {{ axeLabel(i, optionsCopy) | i18n }}\n                  </label>\n                  <pry-select\n                    (ngModelChange)=\"changeProperty($event, i)\"\n                    [items]=\"(i !== 1 ? variableAttributes$ : possibleSecondaryAttributes$) | async\"\n                    [ngModel]=\"variableDef.name\"\n                    bindLabel=\"name\"\n                    bindValue=\"technicalName\"\n                    id=\"aggregation_property\"\n                  ></pry-select>\n                </div>\n              }\n              <pry-edit-input\n                label=\"@pry.widget.chart.dataLabel\"\n                (ngModelChange)=\"changeLabel($event, i)\"\n                [ngModel]=\"variableDef.label\"\n              ></pry-edit-input>\n              @if (variableDef.type === 'temporal') {\n                <div class=\"m-form-label-field\">\n                  <label class=\"a-label\" for=\"chart_timeUnit\">{{ '@pry.widget.chart.timeUnit' | i18n }}</label>\n                  <pry-select\n                    (ngModelChange)=\"changeTimeUnit($event, variableDef)\"\n                    [items]=\"timeUnits\"\n                    [ngModel]=\"variableDef.timeUnit\"\n                    i18nPrefix=\"@pry.widget.chart.timeUnitList.\"\n                    id=\"chart_timeUnit\"\n                  ></pry-select>\n                </div>\n              }\n              @if (variableDef.type === 'quantitative' && optionsCopy?.type !== 'arc') {\n                <div class=\"m-form-label-field\">\n                  <pry-checkbox (ngModelChange)=\"toggleOriginAtZero(variableDef, $event)\" [ngModel]=\"variableDef.origin0\"\n                    >{{ '@pry.widget.chart.origin' | i18n }}\n                  </pry-checkbox>\n                </div>\n              }\n            </div>\n          }\n          <div class=\"o-settings__popup__content__fields -condensed\">\n            <div class=\"m-form-label-field\">\n              @if (optionsCopy?.type !== MarkType.ARC && optionsCopy?.type !== MarkType.RADAR) {\n                <pry-checkbox\n                  (ngModelChange)=\"toggleSeries($event)\"\n                  [ngModel]=\"!!optionsCopy.series\"\n              [disabled]=\"\n                this.optionsCopy.subType === MarkSubType.AREASTACKED ||\n                this.optionsCopy.subType === MarkSubType.HISTOSTACKED\n              \"\n                  >{{ '@pry.widget.chart.series' | i18n }}\n                </pry-checkbox>\n              }\n            </div>\n            @if (optionsCopy?.type !== MarkType.ARC && optionsCopy?.type !== MarkType.RADAR && !!optionsCopy.series) {\n              <div\n                class=\"m-form-label-field\"\n                >\n                <label class=\"a-label\" for=\"chart_seriesAttr\">{{ '@pry.widget.chart.seriesAttr' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"changeSeries($event)\"\n                  [ngModel]=\"optionsCopy.series.groupBy!\"\n                  [items]=\"variableAttributes$ | async\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"chart_seriesAttr\"\n                ></pry-select>\n              </div>\n            }\n            @if (\n              (optionsCopy?.type === MarkType.ARC || optionsCopy?.type === MarkType.RADAR || !!optionsCopy.series) &&\n              schemes\n              ) {\n              <div\n                class=\"m-form-label-field\"\n                >\n                <label class=\"a-label\" for=\"chart_seriesScheme\" [title]=\"'@pry.widget.chart.seriesSchemeAlt' | i18n\">{{\n                  '@pry.widget.chart.seriesScheme' | i18n\n                }}</label>\n                <pry-select\n                  (ngModelChange)=\"changeSeriesScheme($event)\"\n                  [ngModel]=\"optionsCopy.series?.scheme!\"\n                  [items]=\"schemes\"\n                  id=\"chart_seriesScheme\"\n                  i18nPrefix=\"@pry.widget.chart.scheme.\"\n                  bindValue=\"id\"\n                  bindLabel=\"id\"\n                ></pry-select>\n              </div>\n            }\n            <div class=\"o-widget--chart-color-thumb\">\n              @for (schemeColor of scheme(); track schemeColor) {\n                <div\n                  class=\"o-widget--chart-color-thumb-item\"\n                  [title]=\"schemeColor\"\n                  [style.background-color]=\"schemeColor\"\n                ></div>\n              }\n            </div>\n            <div class=\"m-form-label-field\">\n              @if (optionsCopy?.type !== MarkType.RADAR || !!optionsCopy.series) {\n                <pry-checkbox\n                  (ngModelChange)=\"toggleSeriesLegend($event)\"\n                  [ngModel]=\"!!optionsCopy.legend!\"\n                  >{{ '@pry.widget.chart.seriesLegend' | i18n }}\n                </pry-checkbox>\n              }\n            </div>\n            <div class=\"m-form-label-field\">\n              <pry-checkbox (ngModelChange)=\"toggleTooltip($event)\" [ngModel]=\"!!optionsCopy.tooltip!\"\n                >{{ '@pry.widget.chart.tooltip' | i18n }}\n              </pry-checkbox>\n            </div>\n          </div>\n        }\n        @if (optionsCopy?.type === MarkType.RADAR && optionsCopy.radar !== undefined) {\n          <div class=\"o-settings__popup__content__fields -condensed\">\n            <div class=\"m-form-label-field\">\n              <pry-select\n                (ngModelChange)=\"trigger(); proposeTitle()\"\n                [(ngModel)]=\"optionsCopy.radar.compare\"\n                [items]=\"comparisons\"\n                bindLabel=\"name\"\n                bindValue=\"id\"\n              ></pry-select>\n            </div>\n            @if (optionsCopy.radar.compare === 'item') {\n              <div class=\"m-form-label-field\">\n                <pry-select\n                  (ngModelChange)=\"trigger(); proposeTitle()\"\n                  [(ngModel)]=\"optionsCopy.radar.props\"\n                  [items]=\"numericProperties$ | async\"\n                  [multiple]=\"true\"\n                  [closeOnSelect]=\"false\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                ></pry-select>\n              </div>\n            }\n            @if (optionsCopy.radar.compare === 'value') {\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"comparison_key\">{{ '@pry.widget.chart.comparison.key' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"trigger(); proposeTitle()\"\n                  [(ngModel)]=\"optionsCopy.radar.keyProp\"\n                  [items]=\"textProperties$ | async\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"comparison_key\"\n                ></pry-select>\n              </div>\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"comparison_values\">{{ '@pry.widget.chart.comparison.values' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"trigger(); proposeTitle()\"\n                  [(ngModel)]=\"optionsCopy.radar.valueProp\"\n                  [items]=\"numericProperties$ | async\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"comparison_values\"\n                ></pry-select>\n              </div>\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"comparison_category\">{{\n                  '@pry.widget.chart.comparison.category' | i18n\n                }}</label>\n                <pry-select\n                  (ngModelChange)=\"trigger(); proposeTitle()\"\n                  [(ngModel)]=\"optionsCopy.radar.categoryProp\"\n                  [items]=\"textProperties$ | async\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"comparison_category\"\n                ></pry-select>\n              </div>\n            }\n            @if (schemes) {\n              <label\n                class=\"a-label\"\n                for=\"chart_seriesScheme_radar\"\n                [title]=\"'@pry.widget.chart.seriesSchemeAlt' | i18n\"\n                >{{ '@pry.widget.chart.seriesScheme' | i18n }}</label\n                >\n                <pry-select\n                  (ngModelChange)=\"changeSeriesScheme($event)\"\n                  [ngModel]=\"optionsCopy.series?.scheme!\"\n                  [items]=\"schemes\"\n                  id=\"chart_seriesScheme_radar\"\n                ></pry-select>\n              }\n            </div>\n          }\n          @if (optionsCopy?.type === MarkType.CIRCLE_PACK && optionsCopy.packing !== undefined) {\n            <div class=\"o-settings__popup__content__fields -condensed\">\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_circle_id\">{{ '@pry.widget.chart.circle.id' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"trigger(); proposeTitle()\"\n                  [(ngModel)]=\"optionsCopy.packing.id\"\n                  [items]=\"variableAttributes$ | async\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"chart_circle_id\"\n                ></pry-select>\n              </div>\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_circle_pid\">{{ '@pry.widget.chart.circle.pid' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"trigger(); proposeTitle()\"\n                  [(ngModel)]=\"optionsCopy.packing.parentId\"\n                  [items]=\"variableAttributes$ | async\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"chart_circle_pid\"\n                ></pry-select>\n              </div>\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_circle_field\">{{ '@pry.widget.chart.circle.field' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"trigger(); proposeTitle()\"\n                  [(ngModel)]=\"optionsCopy.packing.packField\"\n                  [items]=\"numericProperties$ | async\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"chart_circle_field\"\n                ></pry-select>\n              </div>\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_circle_tooltip\">{{ '@pry.widget.chart.circle.tooltip' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"trigger(); proposeTitle()\"\n                  [(ngModel)]=\"optionsCopy.packing.tooltip\"\n                  [items]=\"variableAttributes$ | async\"\n                  bindLabel=\"name\"\n                  bindValue=\"name\"\n                  id=\"chart_circle_tooltip\"\n                ></pry-select>\n              </div>\n            </div>\n          }\n          <div class=\"o-settings__popup__content__fields -condensed\">\n            <pry-checkbox (ngModelChange)=\"toggleSpecToMerge($event)\" [ngModel]=\"!!optionsCopy.specToMerge\"\n              >{{ '@pry.widget.chart.moreOptions' | i18n }}\n            </pry-checkbox>\n            @if (!!optionsCopy.specToMerge) {\n              <textarea\n                [ngModel]=\"advancedEdit\"\n                (focusout)=\"updateAdvancedEdit($event)\"\n                class=\"o-settings__popup__content__area\"\n                [class.-invalid]=\"invalidJson\"\n              ></textarea>\n            }\n          </div>\n        </pry-settings>\n      </pry-widget-header>\n    }\n    @if (isChartValid$ | async) {\n      <div\n        #vega\n      [style.height.px]=\"\n        ((widgetSize$ | async)?.height ?? 0) - ((displayHeader$ | async) ? 1 : 0) * WIDGET_HEADER_HEIGHT\n      \"\n        [style.width.px]=\"(widgetSize$ | async)?.width\"\n      ></div>\n    }\n\n    @if (!(isChartValid$ | async)) {\n      <div class=\"o-widget__choose-parameters\">\n        <p class=\"a-p\">\n          {{ '@pry.widget.chart.chooseParameters' | i18n }}\n        </p>\n        <button type=\"button\" (click)=\"openSettings()\" class=\"a-btn a-btn--primary\">\n          <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n          <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n        </button>\n      </div>\n    }\n  </div>\n", dependencies: [{ kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["triggerClick", "saveTriggered", "changeTitle"] }, { kind: "component", type: i2.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i2.PryEditInputComponent, selector: "pry-edit-input", inputs: ["label", "editButtonTooltip", "confirmButtonTooltip"], outputs: ["validated"] }, { kind: "component", type: i2.PryRangeComponent, selector: "pry-range", inputs: ["min", "max", "step", "disabled", "labelTranslate"] }, { kind: "component", type: PryWidgetChartCssComponent, selector: "pry-widget-chart-css" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetChartComponent, decorators: [{
             type: Component,