npm - @provoly/dashboard - Versions diffs - 1.4.14 → 1.4.16 - Mend

@provoly/dashboard 1.4.14 → 1.4.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (203) hide show

package/fesm2022/provoly-dashboard-components-scheme-picker.mjs CHANGED Viewed

@@ -1,14 +1,14 @@
-import * as i3 from '@angular/common';
+import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Injectable, forwardRef, Component, NgModule } from '@angular/core';
-import * as i4 from '@angular/forms';
+import * as i3 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { BehaviorSubject, map } from 'rxjs';
 import * as i2 from '@provoly/dashboard';
 import { VegaColorType, PryI18nModule, PrySelectModule, PryIconModule } from '@provoly/dashboard';
 import { vega } from 'vega-embed';
-import * as i5 from '@provoly/dashboard/components/color-picker';
+import * as i4 from '@provoly/dashboard/components/color-picker';
 import { PryColorPickerModule } from '@provoly/dashboard/components/color-picker';
 class PrySchemeService {
@@ -126,13 +126,13 @@ class PrySchemePickerComponent {
         this.writeValue(newScheme.join(','));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PrySchemePickerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: PrySchemeService }, { token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: PrySchemePickerComponent, selector: "pry-scheme-picker", providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PrySchemePickerComponent, selector: "pry-scheme-picker", providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PrySchemePickerComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<div class=\"m-color-scheme\">\n  <label class=\"a-label\" for=\"scheme\">{{ '@pry.widget.colorScheme' | i18n }}</label>\n  <pry-select\n    (ngModelChange)=\"changeColorScheme($event)\"\n    [ngModel]=\"scheme$ | async\"\n    [items]=\"schemes$ | async\"\n    id=\"scheme\"\n    bindValue=\"id\"\n    bindLabel=\"label\"\n  ></pry-select>\n</div>\n\n<div class=\"m-color-scheme__display\">\n  <div class=\"m-color-scheme__display__item\" *ngFor=\"let colorScheme of schemeColors$ | async; let i = index\">\n    <pry-color-picker [ngModel]=\"colorScheme\" (ngModelChange)=\"modifyColorScheme($event, i)\"></pry-color-picker>\n    <button\n      (click)=\"removeColorFromScheme(i)\"\n      class=\"a-btn a-btn--icon-only\"\n      title=\"{{ '@pry.widget.removeColor' | i18n }}\"\n    >\n      <span class=\"u-visually-hidden\">{{ '@pry.widget.removeColor' | i18n }}</span>\n      <pry-icon iconSvg=\"trash\"></pry-icon>\n    </button>\n  </div>\n  <button\n    (click)=\"addColorToScheme()\"\n    class=\"a-btn a-btn--primary a-btn--icon-only\"\n    title=\"{{ '@pry.widget.addColor' | i18n }}\"\n  >\n    <span class=\"u-visually-hidden\">{{ '@pry.widget.addColor' | i18n }}</span>\n    <pry-icon iconSvg=\"add\"></pry-icon>\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: i5.PryColorPickerComponent, selector: "pry-color-picker" }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+        ], ngImport: i0, template: "<div class=\"m-color-scheme\">\n  <label class=\"a-label\" for=\"scheme\">{{ '@pry.widget.colorScheme' | i18n }}</label>\n  <pry-select\n    (ngModelChange)=\"changeColorScheme($event)\"\n    [ngModel]=\"scheme$ | async\"\n    [items]=\"schemes$ | async\"\n    id=\"scheme\"\n    bindValue=\"id\"\n    bindLabel=\"label\"\n  ></pry-select>\n</div>\n\n<div class=\"m-color-scheme__display\">\n  @for (colorScheme of schemeColors$ | async; track colorScheme; let i = $index) {\n    <div class=\"m-color-scheme__display__item\">\n      <pry-color-picker [ngModel]=\"colorScheme\" (ngModelChange)=\"modifyColorScheme($event, i)\"></pry-color-picker>\n      <button\n        (click)=\"removeColorFromScheme(i)\"\n        class=\"a-btn a-btn--icon-only\"\n        title=\"{{ '@pry.widget.removeColor' | i18n }}\"\n        >\n        <span class=\"u-visually-hidden\">{{ '@pry.widget.removeColor' | i18n }}</span>\n        <pry-icon iconSvg=\"trash\"></pry-icon>\n      </button>\n    </div>\n  }\n  <button\n    (click)=\"addColorToScheme()\"\n    class=\"a-btn a-btn--primary a-btn--icon-only\"\n    title=\"{{ '@pry.widget.addColor' | i18n }}\"\n    >\n    <span class=\"u-visually-hidden\">{{ '@pry.widget.addColor' | i18n }}</span>\n    <pry-icon iconSvg=\"add\"></pry-icon>\n  </button>\n</div>\n", dependencies: [{ 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.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.PryColorPickerComponent, selector: "pry-color-picker" }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PrySchemePickerComponent, decorators: [{
             type: Component,
@@ -142,7 +142,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                             useExisting: forwardRef(() => PrySchemePickerComponent),
                             multi: true
                         }
-                    ], template: "<div class=\"m-color-scheme\">\n  <label class=\"a-label\" for=\"scheme\">{{ '@pry.widget.colorScheme' | i18n }}</label>\n  <pry-select\n    (ngModelChange)=\"changeColorScheme($event)\"\n    [ngModel]=\"scheme$ | async\"\n    [items]=\"schemes$ | async\"\n    id=\"scheme\"\n    bindValue=\"id\"\n    bindLabel=\"label\"\n  ></pry-select>\n</div>\n\n<div class=\"m-color-scheme__display\">\n  <div class=\"m-color-scheme__display__item\" *ngFor=\"let colorScheme of schemeColors$ | async; let i = index\">\n    <pry-color-picker [ngModel]=\"colorScheme\" (ngModelChange)=\"modifyColorScheme($event, i)\"></pry-color-picker>\n    <button\n      (click)=\"removeColorFromScheme(i)\"\n      class=\"a-btn a-btn--icon-only\"\n      title=\"{{ '@pry.widget.removeColor' | i18n }}\"\n    >\n      <span class=\"u-visually-hidden\">{{ '@pry.widget.removeColor' | i18n }}</span>\n      <pry-icon iconSvg=\"trash\"></pry-icon>\n    </button>\n  </div>\n  <button\n    (click)=\"addColorToScheme()\"\n    class=\"a-btn a-btn--primary a-btn--icon-only\"\n    title=\"{{ '@pry.widget.addColor' | i18n }}\"\n  >\n    <span class=\"u-visually-hidden\">{{ '@pry.widget.addColor' | i18n }}</span>\n    <pry-icon iconSvg=\"add\"></pry-icon>\n  </button>\n</div>\n" }]
+                    ], template: "<div class=\"m-color-scheme\">\n  <label class=\"a-label\" for=\"scheme\">{{ '@pry.widget.colorScheme' | i18n }}</label>\n  <pry-select\n    (ngModelChange)=\"changeColorScheme($event)\"\n    [ngModel]=\"scheme$ | async\"\n    [items]=\"schemes$ | async\"\n    id=\"scheme\"\n    bindValue=\"id\"\n    bindLabel=\"label\"\n  ></pry-select>\n</div>\n\n<div class=\"m-color-scheme__display\">\n  @for (colorScheme of schemeColors$ | async; track colorScheme; let i = $index) {\n    <div class=\"m-color-scheme__display__item\">\n      <pry-color-picker [ngModel]=\"colorScheme\" (ngModelChange)=\"modifyColorScheme($event, i)\"></pry-color-picker>\n      <button\n        (click)=\"removeColorFromScheme(i)\"\n        class=\"a-btn a-btn--icon-only\"\n        title=\"{{ '@pry.widget.removeColor' | i18n }}\"\n        >\n        <span class=\"u-visually-hidden\">{{ '@pry.widget.removeColor' | i18n }}</span>\n        <pry-icon iconSvg=\"trash\"></pry-icon>\n      </button>\n    </div>\n  }\n  <button\n    (click)=\"addColorToScheme()\"\n    class=\"a-btn a-btn--primary a-btn--icon-only\"\n    title=\"{{ '@pry.widget.addColor' | i18n }}\"\n    >\n    <span class=\"u-visually-hidden\">{{ '@pry.widget.addColor' | i18n }}</span>\n    <pry-icon iconSvg=\"add\"></pry-icon>\n  </button>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: PrySchemeService }, { type: i2.PryI18nService }] });
 const PRY_SCHEMEPICKER_COMPONENTS = [PrySchemePickerComponent];

package/fesm2022/provoly-dashboard-components-scheme-picker.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"provoly-dashboard-components-scheme-picker.mjs","sources":["../../../../projects/provoly/dashboard/components/scheme-picker/scheme.service.ts","../../../../projects/provoly/dashboard/components/scheme-picker/scheme-picker.component.ts","../../../../projects/provoly/dashboard/components/scheme-picker/scheme-picker.component.html","../../../../projects/provoly/dashboard/components/scheme-picker/scheme-picker.module.ts","../../../../projects/provoly/dashboard/components/scheme-picker/provoly-dashboard-components-scheme-picker.ts"],"sourcesContent":["import {Injectable} from '@angular/core';\nimport {BehaviorSubject} from 'rxjs';\nimport {VegaColorType} from '@provoly/dashboard';\nimport {vega} from 'vega-embed';\n\n@Injectable({ providedIn: 'root' })\nexport class PrySchemeService {\n schemeIds$ = new BehaviorSubject<string[]>([]);\n\n constructor() {\n vega.scheme('KO/W/OK', ['#C04D3F', '#FD9843', '#9ABE29']);\n vega.scheme('Provoly', ['#113B6E', '#4E92E4', '#40B688', '#7BCCAD', '#FFC971', '#FD9843', '#EC547A']);\n this.schemeIds$.next(Object.values(VegaColorType));\n }\n\n getSchemeColors(scheme: string): string[] {\n if (!scheme) {\n return this.getSchemeColors(this.getDefaultScheme());\n }\n if (scheme.indexOf('#') === 0) {\n return scheme.split(',').map((color) => (color.indexOf('#') === 0 ? color : `#${color}`));\n }\n return vega.scheme(scheme) as string[];\n }\n\n getDefaultScheme() {\n return this.schemeIds$.getValue()[0];\n }\n\n randomColor() {\n return (\n '#' +\n Math.floor(Math.random() * 16777215)\n .toString(16)\n .padStart(6, '0')\n .toUpperCase()\n );\n }\n\n assertScheme(scheme: string) {\n if (!!scheme) {\n if (scheme.indexOf('#') === 0) {\n vega.scheme(scheme, scheme.split(','));\n this.schemeIds$.next([...new Set([...this.schemeIds$.getValue(), scheme])]);\n }\n }\n }\n}\n","import { AfterViewInit, ChangeDetectorRef, Component, forwardRef } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { PrySchemeService } from './scheme.service';\nimport { BehaviorSubject, map, Observable } from 'rxjs';\nimport { PryI18nService } from '@provoly/dashboard';\n\n@Component({\n selector: 'pry-scheme-picker',\n templateUrl: './scheme-picker.component.html',\n\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => PrySchemePickerComponent),\n multi: true\n }\n ]\n})\nexport class PrySchemePickerComponent implements ControlValueAccessor, AfterViewInit {\n onChange: any = () => {};\n onTouch: any = () => {};\n scheme$ = new BehaviorSubject<string>('Provoly');\n schemes$: Observable<{ id: string; label: string }[]>;\n inhibate = true;\n disabled = false;\n schemeColors$: Observable<string[]>;\n\n constructor(\n private _cd: ChangeDetectorRef,\n private schemeService: PrySchemeService,\n private i18nService: PryI18nService\n ) {\n this.schemes$ = this.schemeService.schemeIds$.pipe(\n map((schemes) => {\n let customNumber = 1;\n return schemes.map((scheme, idx) => ({\n id: scheme,\n label:\n scheme.indexOf('#') === 0 ? this.i18nService.instant('@pry.widget.custom', { id: customNumber++ }) : scheme\n }));\n })\n );\n this.schemeColors$ = this.scheme$.pipe(map((scheme) => this.schemeService.getSchemeColors(scheme)));\n }\n\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: any): void {\n this.onTouch = fn;\n }\n\n // Define what should happen in this component, if something changes outside\n writeValue(scheme: string) {\n if (this.scheme$.getValue() !== scheme && !this.inhibate) {\n this.scheme$.next(scheme);\n this.onChange(this.scheme$.getValue());\n this.onTouch();\n this._cd.markForCheck();\n this.schemeService.assertScheme(this.scheme$.getValue());\n this.temporaryDisable();\n }\n }\n\n setDisabledState(isDisabled: boolean) {\n this.disabled = isDisabled;\n this._cd.markForCheck();\n }\n\n temporaryDisable() {\n this.inhibate = true;\n setTimeout(() => {\n this.inhibate = false;\n }, 100);\n }\n\n ngAfterViewInit(): void {\n this.temporaryDisable();\n }\n\n changeColorScheme($event: any) {\n if ($event === '#') {\n this.writeValue(this.schemeService.getSchemeColors(this.schemeService.getDefaultScheme()).join(','));\n } else {\n this.writeValue($event);\n }\n }\n\n modifyColorScheme($event: string, index: number) {\n if (!this.inhibate) {\n const newScheme = [...this.schemeService.getSchemeColors(this.scheme$.getValue())];\n newScheme[index] = $event;\n this.writeValue(newScheme.join(','));\n }\n }\n\n addColorToScheme() {\n this.writeValue(\n [this.schemeService.getSchemeColors(this.scheme$.getValue()), this.schemeService.randomColor()].join(',')\n );\n }\n\n removeColorFromScheme(index: number) {\n const newScheme = [...this.schemeService.getSchemeColors(this.scheme$.getValue())];\n newScheme.splice(index, 1);\n this.writeValue(newScheme.join(','));\n }\n}\n","<div class=\"m-color-scheme\">\n <label class=\"a-label\" for=\"scheme\">{{ '@pry.widget.colorScheme' \| i18n }}</label>\n <pry-select\n (ngModelChange)=\"changeColorScheme($event)\"\n [ngModel]=\"scheme$ \| async\"\n [items]=\"schemes$ \| async\"\n id=\"scheme\"\n bindValue=\"id\"\n bindLabel=\"label\"\n ></pry-select>\n</div>\n\n<div class=\"m-color-scheme__display\">\n <div class=\"m-color-scheme__display__item\" ngFor=\"let colorScheme of schemeColors$ \| async; let i = index\">\n <pry-color-picker [ngModel]=\"colorScheme\" (ngModelChange)=\"modifyColorScheme($event, i)\"></pry-color-picker>\n <button\n (click)=\"removeColorFromScheme(i)\"\n class=\"a-btn a-btn--icon-only\"\n title=\"{{ '@pry.widget.removeColor' \| i18n }}\"\n >\n <span class=\"u-visually-hidden\">{{ '@pry.widget.removeColor' \| i18n }}</span>\n <pry-icon iconSvg=\"trash\"></pry-icon>\n </button>\n </div>\n <button\n (click)=\"addColorToScheme()\"\n class=\"a-btn a-btn--primary a-btn--icon-only\"\n title=\"{{ '@pry.widget.addColor' \| i18n }}\"\n >\n <span class=\"u-visually-hidden\">{{ '@pry.widget.addColor' \| i18n }}</span>\n <pry-icon iconSvg=\"add\"></pry-icon>\n </button>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { PrySchemePickerComponent } from './scheme-picker.component';\nimport { PryI18nModule, PryIconModule, PrySelectModule } from '@provoly/dashboard';\nimport { PryColorPickerModule } from '@provoly/dashboard/components/color-picker';\n\nconst PRY_SCHEMEPICKER_COMPONENTS = [PrySchemePickerComponent];\n\n@NgModule({\n imports: [CommonModule, FormsModule, PryI18nModule, PrySelectModule, PryColorPickerModule, PryIconModule],\n declarations: [...PRY_SCHEMEPICKER_COMPONENTS],\n exports: [...PRY_SCHEMEPICKER_COMPONENTS]\n})\nexport class PrySchemePickerModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i1.PrySchemeService"],"mappings":"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"}
1	+ {"version":3,"file":"provoly-dashboard-components-scheme-picker.mjs","sources":["../../../../projects/provoly/dashboard/components/scheme-picker/scheme.service.ts","../../../../projects/provoly/dashboard/components/scheme-picker/scheme-picker.component.ts","../../../../projects/provoly/dashboard/components/scheme-picker/scheme-picker.component.html","../../../../projects/provoly/dashboard/components/scheme-picker/scheme-picker.module.ts","../../../../projects/provoly/dashboard/components/scheme-picker/provoly-dashboard-components-scheme-picker.ts"],"sourcesContent":["import {Injectable} from '@angular/core';\nimport {BehaviorSubject} from 'rxjs';\nimport {VegaColorType} from '@provoly/dashboard';\nimport {vega} from 'vega-embed';\n\n@Injectable({ providedIn: 'root' })\nexport class PrySchemeService {\n schemeIds$ = new BehaviorSubject<string[]>([]);\n\n constructor() {\n vega.scheme('KO/W/OK', ['#C04D3F', '#FD9843', '#9ABE29']);\n vega.scheme('Provoly', ['#113B6E', '#4E92E4', '#40B688', '#7BCCAD', '#FFC971', '#FD9843', '#EC547A']);\n this.schemeIds$.next(Object.values(VegaColorType));\n }\n\n getSchemeColors(scheme: string): string[] {\n if (!scheme) {\n return this.getSchemeColors(this.getDefaultScheme());\n }\n if (scheme.indexOf('#') === 0) {\n return scheme.split(',').map((color) => (color.indexOf('#') === 0 ? color : `#${color}`));\n }\n return vega.scheme(scheme) as string[];\n }\n\n getDefaultScheme() {\n return this.schemeIds$.getValue()[0];\n }\n\n randomColor() {\n return (\n '#' +\n Math.floor(Math.random() * 16777215)\n .toString(16)\n .padStart(6, '0')\n .toUpperCase()\n );\n }\n\n assertScheme(scheme: string) {\n if (!!scheme) {\n if (scheme.indexOf('#') === 0) {\n vega.scheme(scheme, scheme.split(','));\n this.schemeIds$.next([...new Set([...this.schemeIds$.getValue(), scheme])]);\n }\n }\n }\n}\n","import { AfterViewInit, ChangeDetectorRef, Component, forwardRef } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { PrySchemeService } from './scheme.service';\nimport { BehaviorSubject, map, Observable } from 'rxjs';\nimport { PryI18nService } from '@provoly/dashboard';\n\n@Component({\n selector: 'pry-scheme-picker',\n templateUrl: './scheme-picker.component.html',\n\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => PrySchemePickerComponent),\n multi: true\n }\n ]\n})\nexport class PrySchemePickerComponent implements ControlValueAccessor, AfterViewInit {\n onChange: any = () => {};\n onTouch: any = () => {};\n scheme$ = new BehaviorSubject<string>('Provoly');\n schemes$: Observable<{ id: string; label: string }[]>;\n inhibate = true;\n disabled = false;\n schemeColors$: Observable<string[]>;\n\n constructor(\n private _cd: ChangeDetectorRef,\n private schemeService: PrySchemeService,\n private i18nService: PryI18nService\n ) {\n this.schemes$ = this.schemeService.schemeIds$.pipe(\n map((schemes) => {\n let customNumber = 1;\n return schemes.map((scheme, idx) => ({\n id: scheme,\n label:\n scheme.indexOf('#') === 0 ? this.i18nService.instant('@pry.widget.custom', { id: customNumber++ }) : scheme\n }));\n })\n );\n this.schemeColors$ = this.scheme$.pipe(map((scheme) => this.schemeService.getSchemeColors(scheme)));\n }\n\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: any): void {\n this.onTouch = fn;\n }\n\n // Define what should happen in this component, if something changes outside\n writeValue(scheme: string) {\n if (this.scheme$.getValue() !== scheme && !this.inhibate) {\n this.scheme$.next(scheme);\n this.onChange(this.scheme$.getValue());\n this.onTouch();\n this._cd.markForCheck();\n this.schemeService.assertScheme(this.scheme$.getValue());\n this.temporaryDisable();\n }\n }\n\n setDisabledState(isDisabled: boolean) {\n this.disabled = isDisabled;\n this._cd.markForCheck();\n }\n\n temporaryDisable() {\n this.inhibate = true;\n setTimeout(() => {\n this.inhibate = false;\n }, 100);\n }\n\n ngAfterViewInit(): void {\n this.temporaryDisable();\n }\n\n changeColorScheme($event: any) {\n if ($event === '#') {\n this.writeValue(this.schemeService.getSchemeColors(this.schemeService.getDefaultScheme()).join(','));\n } else {\n this.writeValue($event);\n }\n }\n\n modifyColorScheme($event: string, index: number) {\n if (!this.inhibate) {\n const newScheme = [...this.schemeService.getSchemeColors(this.scheme$.getValue())];\n newScheme[index] = $event;\n this.writeValue(newScheme.join(','));\n }\n }\n\n addColorToScheme() {\n this.writeValue(\n [this.schemeService.getSchemeColors(this.scheme$.getValue()), this.schemeService.randomColor()].join(',')\n );\n }\n\n removeColorFromScheme(index: number) {\n const newScheme = [...this.schemeService.getSchemeColors(this.scheme$.getValue())];\n newScheme.splice(index, 1);\n this.writeValue(newScheme.join(','));\n }\n}\n","<div class=\"m-color-scheme\">\n <label class=\"a-label\" for=\"scheme\">{{ '@pry.widget.colorScheme' \| i18n }}</label>\n <pry-select\n (ngModelChange)=\"changeColorScheme($event)\"\n [ngModel]=\"scheme$ \| async\"\n [items]=\"schemes$ \| async\"\n id=\"scheme\"\n bindValue=\"id\"\n bindLabel=\"label\"\n ></pry-select>\n</div>\n\n<div class=\"m-color-scheme__display\">\n @for (colorScheme of schemeColors$ \| async; track colorScheme; let i = $index) {\n <div class=\"m-color-scheme__display__item\">\n <pry-color-picker [ngModel]=\"colorScheme\" (ngModelChange)=\"modifyColorScheme($event, i)\"></pry-color-picker>\n <button\n (click)=\"removeColorFromScheme(i)\"\n class=\"a-btn a-btn--icon-only\"\n title=\"{{ '@pry.widget.removeColor' \| i18n }}\"\n >\n <span class=\"u-visually-hidden\">{{ '@pry.widget.removeColor' \| i18n }}</span>\n <pry-icon iconSvg=\"trash\"></pry-icon>\n </button>\n </div>\n }\n <button\n (click)=\"addColorToScheme()\"\n class=\"a-btn a-btn--primary a-btn--icon-only\"\n title=\"{{ '@pry.widget.addColor' \| i18n }}\"\n >\n <span class=\"u-visually-hidden\">{{ '@pry.widget.addColor' \| i18n }}</span>\n <pry-icon iconSvg=\"add\"></pry-icon>\n </button>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { PrySchemePickerComponent } from './scheme-picker.component';\nimport { PryI18nModule, PryIconModule, PrySelectModule } from '@provoly/dashboard';\nimport { PryColorPickerModule } from '@provoly/dashboard/components/color-picker';\n\nconst PRY_SCHEMEPICKER_COMPONENTS = [PrySchemePickerComponent];\n\n@NgModule({\n imports: [CommonModule, FormsModule, PryI18nModule, PrySelectModule, PryColorPickerModule, PryIconModule],\n declarations: [...PRY_SCHEMEPICKER_COMPONENTS],\n exports: [...PRY_SCHEMEPICKER_COMPONENTS]\n})\nexport class PrySchemePickerModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i1.PrySchemeService"],"mappings":"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"}

package/fesm2022/provoly-dashboard-components-stepper.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Directive, Component, ContentChild, HostBinding, Input, EventEmitter, ViewContainerRef, ContentChildren, ViewChildren, Output, NgModule } from '@angular/core';
@@ -137,11 +136,11 @@ class PryStepperComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: PryStepperComponent, selector: "pry-stepper", inputs: { isConsultMode: "isConsultMode" }, outputs: { lastStepCompleted: "lastStepCompleted", activeIndexChange: "activeIndexChange" }, queries: [{ propertyName: "steps", predicate: PryStepComponent }], viewQueries: [{ propertyName: "stepViewRef", predicate: ["vc"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"o-pry-stepper\">\n  <div class=\"o-pry-stepper__header\">\n    <div\n      class=\"m-stepper-item-wrapper\"\n      [class.has-step-line]=\"i !== steps.length - 1\"\n      *ngFor=\"let step of steps; index as i\"\n    >\n      <div class=\"m-stepper-item\" (click)=\"goTo(i)\" [class.-pointer]=\"step.status !== 'pending'\">\n        <div\n          class=\"m-stepper-item__count\"\n          [class.-complete]=\"step.status === 'completed'\"\n          [class.-active]=\"step.status === 'in progress'\"\n        >\n          <span>{{ i + 1 }}</span>\n        </div>\n        <ng-container #vc>{{ step.title }}</ng-container>\n      </div>\n      <div class=\"m-stepper-line\" *ngIf=\"i !== steps.length - 1\">\n        <div\n          class=\"m-stepper-line__percent\"\n          [class.-complete]=\"step.status === 'completed' && i < activeIndex\"\n          [class.-active]=\"step.status === 'in progress'\"\n        ></div>\n      </div>\n    </div>\n  </div>\n  <div class=\"o-pry-stepper__content\">\n    <ng-content select=\"pry-step\"></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PryStepperComponent, selector: "pry-stepper", inputs: { isConsultMode: "isConsultMode" }, outputs: { lastStepCompleted: "lastStepCompleted", activeIndexChange: "activeIndexChange" }, queries: [{ propertyName: "steps", predicate: PryStepComponent }], viewQueries: [{ propertyName: "stepViewRef", predicate: ["vc"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"o-pry-stepper\">\n  <div class=\"o-pry-stepper__header\">\n    @for (step of steps; track step; let i = $index) {\n      <div\n        class=\"m-stepper-item-wrapper\"\n        [class.has-step-line]=\"i !== steps.length - 1\"\n        >\n        <div class=\"m-stepper-item\" (click)=\"goTo(i)\" [class.-pointer]=\"step.status !== 'pending'\">\n          <div\n            class=\"m-stepper-item__count\"\n            [class.-complete]=\"step.status === 'completed'\"\n            [class.-active]=\"step.status === 'in progress'\"\n            >\n            <span>{{ i + 1 }}</span>\n          </div>\n          <ng-container #vc>{{ step.title }}</ng-container>\n        </div>\n        @if (i !== steps.length - 1) {\n          <div class=\"m-stepper-line\">\n            <div\n              class=\"m-stepper-line__percent\"\n              [class.-complete]=\"step.status === 'completed' && i < activeIndex\"\n              [class.-active]=\"step.status === 'in progress'\"\n            ></div>\n          </div>\n        }\n      </div>\n    }\n  </div>\n  <div class=\"o-pry-stepper__content\">\n    <ng-content select=\"pry-step\"></ng-content>\n  </div>\n</div>\n" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryStepperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-stepper', template: "<div class=\"o-pry-stepper\">\n  <div class=\"o-pry-stepper__header\">\n    <div\n      class=\"m-stepper-item-wrapper\"\n      [class.has-step-line]=\"i !== steps.length - 1\"\n      *ngFor=\"let step of steps; index as i\"\n    >\n      <div class=\"m-stepper-item\" (click)=\"goTo(i)\" [class.-pointer]=\"step.status !== 'pending'\">\n        <div\n          class=\"m-stepper-item__count\"\n          [class.-complete]=\"step.status === 'completed'\"\n          [class.-active]=\"step.status === 'in progress'\"\n        >\n          <span>{{ i + 1 }}</span>\n        </div>\n        <ng-container #vc>{{ step.title }}</ng-container>\n      </div>\n      <div class=\"m-stepper-line\" *ngIf=\"i !== steps.length - 1\">\n        <div\n          class=\"m-stepper-line__percent\"\n          [class.-complete]=\"step.status === 'completed' && i < activeIndex\"\n          [class.-active]=\"step.status === 'in progress'\"\n        ></div>\n      </div>\n    </div>\n  </div>\n  <div class=\"o-pry-stepper__content\">\n    <ng-content select=\"pry-step\"></ng-content>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'pry-stepper', template: "<div class=\"o-pry-stepper\">\n  <div class=\"o-pry-stepper__header\">\n    @for (step of steps; track step; let i = $index) {\n      <div\n        class=\"m-stepper-item-wrapper\"\n        [class.has-step-line]=\"i !== steps.length - 1\"\n        >\n        <div class=\"m-stepper-item\" (click)=\"goTo(i)\" [class.-pointer]=\"step.status !== 'pending'\">\n          <div\n            class=\"m-stepper-item__count\"\n            [class.-complete]=\"step.status === 'completed'\"\n            [class.-active]=\"step.status === 'in progress'\"\n            >\n            <span>{{ i + 1 }}</span>\n          </div>\n          <ng-container #vc>{{ step.title }}</ng-container>\n        </div>\n        @if (i !== steps.length - 1) {\n          <div class=\"m-stepper-line\">\n            <div\n              class=\"m-stepper-line__percent\"\n              [class.-complete]=\"step.status === 'completed' && i < activeIndex\"\n              [class.-active]=\"step.status === 'in progress'\"\n            ></div>\n          </div>\n        }\n      </div>\n    }\n  </div>\n  <div class=\"o-pry-stepper__content\">\n    <ng-content select=\"pry-step\"></ng-content>\n  </div>\n</div>\n" }]
         }], propDecorators: { steps: [{
                 type: ContentChildren,
                 args: [PryStepComponent]

package/fesm2022/provoly-dashboard-components-stepper.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"provoly-dashboard-components-stepper.mjs","sources":["../../../../projects/provoly/dashboard/components/stepper/step-title.directive.ts","../../../../projects/provoly/dashboard/components/stepper/step/step.component.ts","../../../../projects/provoly/dashboard/components/stepper/step/step.component.html","../../../../projects/provoly/dashboard/components/stepper/stepper.component.ts","../../../../projects/provoly/dashboard/components/stepper/stepper.component.html","../../../../projects/provoly/dashboard/components/stepper/stepper.module.ts","../../../../projects/provoly/dashboard/components/stepper/provoly-dashboard-components-stepper.ts"],"sourcesContent":["import { Directive, TemplateRef } from '@angular/core';\n\n@Directive({ selector: '[stepTitle]' })\nexport class PryStepTitleDirective {\n constructor(public templateRef: TemplateRef<any>) {}\n}\n","import { Component, ContentChild, HostBinding, Input, TemplateRef } from '@angular/core';\nimport { PryStepTitleDirective } from '../step-title.directive';\n\n@Component({\n selector: 'pry-step',\n templateUrl: './step.component.html'\n})\nexport class PryStepComponent {\n @ContentChild(PryStepTitleDirective) stepTitleElement: PryStepTitleDirective \| undefined;\n\n @HostBinding('class.active-step')\n isActive = false;\n\n stepIndex: number = 1;\n status: string = '';\n title: string = '';\n\n @Input() setActiveState(step: this) {\n this.isActive = step === this;\n }\n\n getTitleTemplateRef(): TemplateRef<any> {\n // @ts-ignore\n return this.stepTitleElement ? this.stepTitleElement.templateRef : null;\n }\n\n hasTemplateRef(): boolean {\n return Boolean(this.stepTitleElement);\n }\n}\n","<ng-content></ng-content>\n","import {\n AfterContentInit,\n AfterViewInit,\n Component,\n ContentChildren,\n EventEmitter,\n Input,\n Output,\n QueryList,\n ViewChildren,\n ViewContainerRef\n} from '@angular/core';\nimport { PryStepComponent } from './step/step.component';\n\nexport enum Status {\n PENDING = 'pending',\n IN_PROGRESS = 'in progress',\n COMPLETED = 'completed'\n}\n\n@Component({\n selector: 'pry-stepper',\n templateUrl: './stepper.component.html'\n})\nexport class PryStepperComponent implements AfterContentInit, AfterViewInit {\n activeIndex: number = 0;\n // @ts-ignore\n @ContentChildren(PryStepComponent) public steps: QueryList<PryStepComponent>;\n // @ts-ignore\n @ViewChildren('vc', { read: ViewContainerRef }) stepViewRef: Array<ViewContainerRef>;\n @Input() isConsultMode: boolean = false;\n @Output() lastStepCompleted: EventEmitter<void> = new EventEmitter<void>();\n @Output() activeIndexChange: EventEmitter<number> = new EventEmitter<number>();\n\n get stepperSteps(): PryStepComponent[] {\n return this.steps.toArray();\n }\n\n ngAfterContentInit() {\n this.steps.forEach((step, index) => {\n step.stepIndex = index;\n if (this.isConsultMode) {\n step.status = index === this.activeIndex ? Status.IN_PROGRESS : Status.COMPLETED;\n } else {\n step.status = index === this.activeIndex ? Status.IN_PROGRESS : Status.PENDING;\n }\n if (index === this.activeIndex) {\n step.setActiveState(step);\n }\n });\n }\n\n ngAfterViewInit(): void {\n this.stepViewRef.forEach((vcr, index) => {\n const step = this.steps.toArray()[index];\n if (step.hasTemplateRef()) {\n vcr.createEmbeddedView(step.getTitleTemplateRef());\n vcr.get(0)?.detectChanges();\n }\n });\n }\n\n updateActiveStep(index: number) {\n this.activeIndex = index;\n this.steps.forEach((step) => (step.isActive = false));\n this.stepperSteps[index].setActiveState(this.stepperSteps[index]);\n this.activeIndexChange.emit(index);\n }\n\n completeLastStep() {\n this.stepperSteps[this.activeIndex].status = Status.COMPLETED;\n this.lastStepCompleted.emit();\n }\n\n undoLastComplete() {\n this.stepperSteps[this.activeIndex].status = Status.IN_PROGRESS;\n }\n\n switchStatusNext(index: number): void {\n this.stepperSteps[this.activeIndex - 1].status = Status.COMPLETED;\n this.stepperSteps[index].status = Status.IN_PROGRESS;\n }\n\n switchStatusPrev(index: number) {\n this.stepperSteps[this.activeIndex + 1].status = Status.PENDING;\n this.stepperSteps[index].status = Status.IN_PROGRESS;\n }\n\n next() {\n if (this.activeIndex === this.steps.length - 1 && this.stepperSteps[this.activeIndex].status !== Status.COMPLETED) {\n this.completeLastStep();\n }\n\n if (this.activeIndex < this.steps.length - 1) {\n this.updateActiveStep(this.activeIndex + 1);\n this.switchStatusNext(this.activeIndex);\n }\n }\n\n prev() {\n if (this.activeIndex === this.steps.length - 1 && this.stepperSteps[this.activeIndex].status === Status.COMPLETED) {\n this.undoLastComplete();\n return;\n }\n if (this.activeIndex > 0) {\n this.updateActiveStep(this.activeIndex - 1);\n this.switchStatusPrev(this.activeIndex);\n }\n }\n\n goTo(index: number) {\n if (\n this.stepperSteps[index].status === Status.COMPLETED \|\|\n this.stepperSteps[index].status === Status.IN_PROGRESS\n ) {\n this.stepperSteps[this.activeIndex].status = Status.COMPLETED;\n this.updateActiveStep(index);\n this.updateActiveStep(this.activeIndex);\n this.stepperSteps[index].status = Status.IN_PROGRESS;\n }\n }\n}\n","<div class=\"o-pry-stepper\">\n <div class=\"o-pry-stepper__header\">\n <div\n class=\"m-stepper-item-wrapper\"\n [class.has-step-line]=\"i !== steps.length - 1\"\n ngFor=\"let step of steps; index as i\"\n >\n <div class=\"m-stepper-item\" (click)=\"goTo(i)\" [class.-pointer]=\"step.status !== 'pending'\">\n <div\n class=\"m-stepper-item__count\"\n [class.-complete]=\"step.status === 'completed'\"\n [class.-active]=\"step.status === 'in progress'\"\n >\n <span>{{ i + 1 }}</span>\n </div>\n <ng-container #vc>{{ step.title }}</ng-container>\n </div>\n <div class=\"m-stepper-line\" ngIf=\"i !== steps.length - 1\">\n <div\n class=\"m-stepper-line__percent\"\n [class.-complete]=\"step.status === 'completed' && i < activeIndex\"\n [class.-active]=\"step.status === 'in progress'\"\n ></div>\n </div>\n </div>\n </div>\n <div class=\"o-pry-stepper__content\">\n <ng-content select=\"pry-step\"></ng-content>\n </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { PryStepTitleDirective } from './step-title.directive';\nimport { PryStepComponent } from './step/step.component';\nimport { PryStepperComponent } from './stepper.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [PryStepperComponent, PryStepComponent, PryStepTitleDirective],\n exports: [PryStepperComponent, PryStepComponent, PryStepTitleDirective]\n})\nexport class PryStepperModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"provoly-dashboard-components-stepper.mjs","sources":["../../../../projects/provoly/dashboard/components/stepper/step-title.directive.ts","../../../../projects/provoly/dashboard/components/stepper/step/step.component.ts","../../../../projects/provoly/dashboard/components/stepper/step/step.component.html","../../../../projects/provoly/dashboard/components/stepper/stepper.component.ts","../../../../projects/provoly/dashboard/components/stepper/stepper.component.html","../../../../projects/provoly/dashboard/components/stepper/stepper.module.ts","../../../../projects/provoly/dashboard/components/stepper/provoly-dashboard-components-stepper.ts"],"sourcesContent":["import { Directive, TemplateRef } from '@angular/core';\n\n@Directive({ selector: '[stepTitle]' })\nexport class PryStepTitleDirective {\n constructor(public templateRef: TemplateRef<any>) {}\n}\n","import { Component, ContentChild, HostBinding, Input, TemplateRef } from '@angular/core';\nimport { PryStepTitleDirective } from '../step-title.directive';\n\n@Component({\n selector: 'pry-step',\n templateUrl: './step.component.html'\n})\nexport class PryStepComponent {\n @ContentChild(PryStepTitleDirective) stepTitleElement: PryStepTitleDirective \| undefined;\n\n @HostBinding('class.active-step')\n isActive = false;\n\n stepIndex: number = 1;\n status: string = '';\n title: string = '';\n\n @Input() setActiveState(step: this) {\n this.isActive = step === this;\n }\n\n getTitleTemplateRef(): TemplateRef<any> {\n // @ts-ignore\n return this.stepTitleElement ? this.stepTitleElement.templateRef : null;\n }\n\n hasTemplateRef(): boolean {\n return Boolean(this.stepTitleElement);\n }\n}\n","<ng-content></ng-content>\n","import {\n AfterContentInit,\n AfterViewInit,\n Component,\n ContentChildren,\n EventEmitter,\n Input,\n Output,\n QueryList,\n ViewChildren,\n ViewContainerRef\n} from '@angular/core';\nimport { PryStepComponent } from './step/step.component';\n\nexport enum Status {\n PENDING = 'pending',\n IN_PROGRESS = 'in progress',\n COMPLETED = 'completed'\n}\n\n@Component({\n selector: 'pry-stepper',\n templateUrl: './stepper.component.html'\n})\nexport class PryStepperComponent implements AfterContentInit, AfterViewInit {\n activeIndex: number = 0;\n // @ts-ignore\n @ContentChildren(PryStepComponent) public steps: QueryList<PryStepComponent>;\n // @ts-ignore\n @ViewChildren('vc', { read: ViewContainerRef }) stepViewRef: Array<ViewContainerRef>;\n @Input() isConsultMode: boolean = false;\n @Output() lastStepCompleted: EventEmitter<void> = new EventEmitter<void>();\n @Output() activeIndexChange: EventEmitter<number> = new EventEmitter<number>();\n\n get stepperSteps(): PryStepComponent[] {\n return this.steps.toArray();\n }\n\n ngAfterContentInit() {\n this.steps.forEach((step, index) => {\n step.stepIndex = index;\n if (this.isConsultMode) {\n step.status = index === this.activeIndex ? Status.IN_PROGRESS : Status.COMPLETED;\n } else {\n step.status = index === this.activeIndex ? Status.IN_PROGRESS : Status.PENDING;\n }\n if (index === this.activeIndex) {\n step.setActiveState(step);\n }\n });\n }\n\n ngAfterViewInit(): void {\n this.stepViewRef.forEach((vcr, index) => {\n const step = this.steps.toArray()[index];\n if (step.hasTemplateRef()) {\n vcr.createEmbeddedView(step.getTitleTemplateRef());\n vcr.get(0)?.detectChanges();\n }\n });\n }\n\n updateActiveStep(index: number) {\n this.activeIndex = index;\n this.steps.forEach((step) => (step.isActive = false));\n this.stepperSteps[index].setActiveState(this.stepperSteps[index]);\n this.activeIndexChange.emit(index);\n }\n\n completeLastStep() {\n this.stepperSteps[this.activeIndex].status = Status.COMPLETED;\n this.lastStepCompleted.emit();\n }\n\n undoLastComplete() {\n this.stepperSteps[this.activeIndex].status = Status.IN_PROGRESS;\n }\n\n switchStatusNext(index: number): void {\n this.stepperSteps[this.activeIndex - 1].status = Status.COMPLETED;\n this.stepperSteps[index].status = Status.IN_PROGRESS;\n }\n\n switchStatusPrev(index: number) {\n this.stepperSteps[this.activeIndex + 1].status = Status.PENDING;\n this.stepperSteps[index].status = Status.IN_PROGRESS;\n }\n\n next() {\n if (this.activeIndex === this.steps.length - 1 && this.stepperSteps[this.activeIndex].status !== Status.COMPLETED) {\n this.completeLastStep();\n }\n\n if (this.activeIndex < this.steps.length - 1) {\n this.updateActiveStep(this.activeIndex + 1);\n this.switchStatusNext(this.activeIndex);\n }\n }\n\n prev() {\n if (this.activeIndex === this.steps.length - 1 && this.stepperSteps[this.activeIndex].status === Status.COMPLETED) {\n this.undoLastComplete();\n return;\n }\n if (this.activeIndex > 0) {\n this.updateActiveStep(this.activeIndex - 1);\n this.switchStatusPrev(this.activeIndex);\n }\n }\n\n goTo(index: number) {\n if (\n this.stepperSteps[index].status === Status.COMPLETED \|\|\n this.stepperSteps[index].status === Status.IN_PROGRESS\n ) {\n this.stepperSteps[this.activeIndex].status = Status.COMPLETED;\n this.updateActiveStep(index);\n this.updateActiveStep(this.activeIndex);\n this.stepperSteps[index].status = Status.IN_PROGRESS;\n }\n }\n}\n","<div class=\"o-pry-stepper\">\n <div class=\"o-pry-stepper__header\">\n @for (step of steps; track step; let i = $index) {\n <div\n class=\"m-stepper-item-wrapper\"\n [class.has-step-line]=\"i !== steps.length - 1\"\n >\n <div class=\"m-stepper-item\" (click)=\"goTo(i)\" [class.-pointer]=\"step.status !== 'pending'\">\n <div\n class=\"m-stepper-item__count\"\n [class.-complete]=\"step.status === 'completed'\"\n [class.-active]=\"step.status === 'in progress'\"\n >\n <span>{{ i + 1 }}</span>\n </div>\n <ng-container #vc>{{ step.title }}</ng-container>\n </div>\n @if (i !== steps.length - 1) {\n <div class=\"m-stepper-line\">\n <div\n class=\"m-stepper-line__percent\"\n [class.-complete]=\"step.status === 'completed' && i < activeIndex\"\n [class.-active]=\"step.status === 'in progress'\"\n ></div>\n </div>\n }\n </div>\n }\n </div>\n <div class=\"o-pry-stepper__content\">\n <ng-content select=\"pry-step\"></ng-content>\n </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { PryStepTitleDirective } from './step-title.directive';\nimport { PryStepComponent } from './step/step.component';\nimport { PryStepperComponent } from './stepper.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [PryStepperComponent, PryStepComponent, PryStepTitleDirective],\n exports: [PryStepperComponent, PryStepComponent, PryStepTitleDirective]\n})\nexport class PryStepperModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/provoly-dashboard-dataset.mjs CHANGED Viewed

@@ -1,15 +1,15 @@
-import * as i3 from '@angular/common';
+import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, Input, Output, Optional, Inject, ViewEncapsulation, NgModule } from '@angular/core';
-import * as i3$1 from '@angular/forms';
+import * as i2 from '@angular/forms';
 import { FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i2 from '@provoly/dashboard';
+import * as i2$1 from '@provoly/dashboard';
 import { DateUtils, DataSourceActions, SubscriptionnerDirective, ViewMode, DashboardSelectors, DashboardActions, DataSourceSelectors, SearchActions, PryStatusModalComponent, PRY_ACCESS_TOKEN, ClassActions, FieldActions, ConfigActions, PryIconModule, PryCoreModule, PryOverlayModule, PryI18nModule, PryDashboardModule, PrySelectModule, PrySinceDateModule } from '@provoly/dashboard';
 import { of, map } from 'rxjs';
 import { tap } from 'rxjs/operators';
 import * as i1 from '@ngrx/store';
-import * as i4 from '@provoly/dashboard/components/text-editor';
+import * as i3 from '@provoly/dashboard/components/text-editor';
 import { PryTextEditorModule } from '@provoly/dashboard/components/text-editor';
 class PryDatasetVersionFormComponent {
@@ -61,11 +61,11 @@ class PryDatasetVersionFormComponent {
         this.formValidated.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetVersionFormComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PryDatasetVersionFormComponent, selector: "pry-dataset-version-form", inputs: { version: "version" }, outputs: { formValidated: "formValidated" }, ngImport: i0, template: "<form class=\"o-dataset-version-form u-display-flex -column\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\" for=\"productionDate\">{{ '@pry.dataset.version.productionDate' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"datetime-local\"\n      [max]=\"maxDate\"\n      formControlName=\"productionDate\"\n      id=\"productionDate\"\n      [attr.aria-invalid]=\"productionDate?.invalid\"\n    />\n    @if (productionDate?.invalid) {\n      <label id=\"productionDate-error\" for=\"productionDate\" class=\"a-label a-label--help -error\">\n        @if (productionDate?.errors?.['required']) {\n          <span>{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n        } @else if (productionDate?.errors?.['dateValidator']) {\n          <span>{{ '@pry.dataset.form.date' | i18n }}</span>\n        }\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"text\"\n      formControlName=\"producer\"\n      id=\"producer\"\n      [attr.aria-invalid]=\"producer?.invalid\"\n    />\n    <label *ngIf=\"producer?.invalid\" id=\"producer-error\" for=\"producer\" class=\"a-label a-label--help -error\">\n      <span *ngIf=\"producer?.errors?.['required'] ?? false\">{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n    </label>\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</label>\n    <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n  </div>\n  <button class=\"a-btn a-btn--primary u-self-end\" type=\"submit\" [disabled]=\"form.invalid\">\n    {{ '@pry.toolbox.manifest.validate' | i18n }}\n  </button>\n</form>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.PryTextEditorComponent, selector: "pry-text-editor", inputs: ["tabView"] }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PryDatasetVersionFormComponent, selector: "pry-dataset-version-form", inputs: { version: "version" }, outputs: { formValidated: "formValidated" }, ngImport: i0, template: "<form class=\"o-dataset-version-form u-display-flex -column\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\" for=\"productionDate\">{{ '@pry.dataset.version.productionDate' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"datetime-local\"\n      [max]=\"maxDate\"\n      formControlName=\"productionDate\"\n      id=\"productionDate\"\n      [attr.aria-invalid]=\"productionDate?.invalid\"\n      />\n    @if (productionDate?.invalid) {\n      <label id=\"productionDate-error\" for=\"productionDate\" class=\"a-label a-label--help -error\">\n        @if (productionDate?.errors?.['required']) {\n          <span>{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n        } @else if (productionDate?.errors?.['dateValidator']) {\n          <span>{{ '@pry.dataset.form.date' | i18n }}</span>\n        }\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"text\"\n      formControlName=\"producer\"\n      id=\"producer\"\n      [attr.aria-invalid]=\"producer?.invalid\"\n      />\n    @if (producer?.invalid) {\n      <label id=\"producer-error\" for=\"producer\" class=\"a-label a-label--help -error\">\n        @if (producer?.errors?.['required'] ?? false) {\n          <span>{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n        }\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</label>\n    <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n  </div>\n  <button class=\"a-btn a-btn--primary u-self-end\" type=\"submit\" [disabled]=\"form.invalid\">\n    {{ '@pry.toolbox.manifest.validate' | i18n }}\n  </button>\n</form>\n", dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.PryTextEditorComponent, selector: "pry-text-editor", inputs: ["tabView"] }, { kind: "pipe", type: i2$1.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetVersionFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-dataset-version-form', template: "<form class=\"o-dataset-version-form u-display-flex -column\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\" for=\"productionDate\">{{ '@pry.dataset.version.productionDate' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"datetime-local\"\n      [max]=\"maxDate\"\n      formControlName=\"productionDate\"\n      id=\"productionDate\"\n      [attr.aria-invalid]=\"productionDate?.invalid\"\n    />\n    @if (productionDate?.invalid) {\n      <label id=\"productionDate-error\" for=\"productionDate\" class=\"a-label a-label--help -error\">\n        @if (productionDate?.errors?.['required']) {\n          <span>{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n        } @else if (productionDate?.errors?.['dateValidator']) {\n          <span>{{ '@pry.dataset.form.date' | i18n }}</span>\n        }\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"text\"\n      formControlName=\"producer\"\n      id=\"producer\"\n      [attr.aria-invalid]=\"producer?.invalid\"\n    />\n    <label *ngIf=\"producer?.invalid\" id=\"producer-error\" for=\"producer\" class=\"a-label a-label--help -error\">\n      <span *ngIf=\"producer?.errors?.['required'] ?? false\">{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n    </label>\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</label>\n    <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n  </div>\n  <button class=\"a-btn a-btn--primary u-self-end\" type=\"submit\" [disabled]=\"form.invalid\">\n    {{ '@pry.toolbox.manifest.validate' | i18n }}\n  </button>\n</form>\n" }]
+            args: [{ selector: 'pry-dataset-version-form', template: "<form class=\"o-dataset-version-form u-display-flex -column\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\" for=\"productionDate\">{{ '@pry.dataset.version.productionDate' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"datetime-local\"\n      [max]=\"maxDate\"\n      formControlName=\"productionDate\"\n      id=\"productionDate\"\n      [attr.aria-invalid]=\"productionDate?.invalid\"\n      />\n    @if (productionDate?.invalid) {\n      <label id=\"productionDate-error\" for=\"productionDate\" class=\"a-label a-label--help -error\">\n        @if (productionDate?.errors?.['required']) {\n          <span>{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n        } @else if (productionDate?.errors?.['dateValidator']) {\n          <span>{{ '@pry.dataset.form.date' | i18n }}</span>\n        }\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"text\"\n      formControlName=\"producer\"\n      id=\"producer\"\n      [attr.aria-invalid]=\"producer?.invalid\"\n      />\n    @if (producer?.invalid) {\n      <label id=\"producer-error\" for=\"producer\" class=\"a-label a-label--help -error\">\n        @if (producer?.errors?.['required'] ?? false) {\n          <span>{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n        }\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</label>\n    <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n  </div>\n  <button class=\"a-btn a-btn--primary u-self-end\" type=\"submit\" [disabled]=\"form.invalid\">\n    {{ '@pry.toolbox.manifest.validate' | i18n }}\n  </button>\n</form>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }], propDecorators: { version: [{
                 type: Input
             }], formValidated: [{
@@ -229,18 +229,18 @@ class PryDatasetDetailComponent extends SubscriptionnerDirective {
         this.store.dispatch(DataSourceActions.dataset.confirmDeleteVersion({ version }));
         $event?.stopPropagation();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetDetailComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }, { token: i2.PryDialogService }, { token: i2.PryTitleService }, { token: i2.PryI18nService }, { token: i2.WidgetFactoryService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PryDatasetDetailComponent, selector: "pry-dataset-detail", inputs: { dataset: "dataset" }, outputs: { goToCatalog: "goToCatalog" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-manifest-layout__toolbox\">\n  <button class=\"a-btn a-btn--primary\" (click)=\"goBack()\">{{ '@pry.dataset.returnToList' | i18n }}</button>\n  <button class=\"a-btn a-btn--secondary\" (click)=\"refresh()\">\n    {{ '@pry.dataset.refresh' | i18n }}\n    <pry-icon iconSvg=\"synchro\"></pry-icon>\n  </button>\n</div>\n\n<div class=\"o-dataset-layout\">\n  <div class=\"o-dataset-layout__content\">\n    <div class=\"a-p\">\n      <h1 class=\"a-h1\">{{ (currentDataset$ | async)?.name }}</h1>\n    </div>\n\n    <div class=\"o-dataset-detail\">\n      <div class=\"o-dataset-detail__content\">\n        <pry-tab-group translationStringBase=\"@pry.dataset.\" (clickedTabIdx)=\"onTabSwitch($event)\">\n          <pry-tab [templateRef]=\"information\" name=\"information\"></pry-tab>\n          <pry-tab [templateRef]=\"table\" name=\"data\"></pry-tab>\n          <pry-tab [templateRef]=\"map\" name=\"map\"></pry-tab>\n          <pry-tab [templateRef]=\"datasetVersions\" name=\"versionHistory\"></pry-tab>\n        </pry-tab-group>\n      </div>\n    </div>\n  </div>\n  @if (isPanelOpen) {\n    <div class=\"o-dataset-layout__panel\">\n      <div class=\"panel__header u-display-flex -justify-space-between\">\n        <h3>{{ '@pry.dataset.information' | i18n }}</h3>\n        <button role=\"button\" (click)=\"togglePanel()\">\n          <pry-icon iconSvg=\"close\"></pry-icon>\n        </button>\n      </div>\n      <div class=\"panel__content u-display-flex -column\">\n        @if (!isEditingVersion) {\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n            <span>{{\n              (selectedVersion?.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n                ('@pry.dataset.version.notProvided' | i18n)\n            }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n            <span>{{ selectedVersion?.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n            <div\n              class=\"version-information\"\n              [innerHTML]=\"\n                selectedVersion?.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n              \"\n            ></div>\n          </div>\n          <button\n            *pryAccess=\"{ module: 'admin', page: 'list-dataset', action: 'edit_version' }\"\n            role=\"button\"\n            class=\"a-btn a-btn--primary u-self-end\"\n            (click)=\"editVersion()\"\n          >\n            {{ '@pry.action.edit' | i18n }}\n          </button>\n        } @else {\n          <pry-dataset-version-form\n            [version]=\"selectedVersion\"\n            (formValidated)=\"formValidated($event)\"\n          ></pry-dataset-version-form>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n<ng-template #information>\n  <div class=\"u-display-flex -column o-dataset-detail__information\">\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.description' | i18n }}</span>\n      <span>{{ dataset.description ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n    </div>\n    @if (dataset.activeVersion) {\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n        <span>{{\n          (dataset.activeVersion.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n            ('@pry.dataset.version.notProvided' | i18n)\n        }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n        <span>{{ dataset.activeVersion.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n        <div\n          class=\"version-information\"\n          [innerHTML]=\"\n            dataset.activeVersion.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n          \"\n        ></div>\n      </div>\n    } @else {\n      <div class=\"a-p\">\n        <p>{{ '@pry.dataset.noActiveVersion' | i18n }}</p>\n      </div>\n    }\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.tags' | i18n }}</span>\n      <div class=\"u-display-flex -wrap\">\n        @for (category of dataset.categories; track category.id) {\n          <span class=\"a-chip -md\"> {{ category.name }}</span>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #table>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['table']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #map>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['map']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #datasetVersions>\n  <div class=\"dataset-detail__table table-container\">\n    <table class=\"a-table\">\n      <caption>\n        {{\n          '@pry.admin.dataset.title' | i18n\n        }},\n        {{\n          '@pry.action.sortableColumnHeader' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th>{{ '@pry.dataset.version.title' | i18n }}</th>\n          <th>{{ '@pry.dataset.date' | i18n }}</th>\n          <th>{{ '@pry.dataset.status' | i18n }}</th>\n          <th></th>\n          <th></th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          *ngFor=\"let version of datasetVersions$ | async\"\n          (click)=\"togglePanel(version)\"\n          [class.-selected]=\"version.id === selectedVersion?.id\"\n        >\n          <td>\n            {{ version.version }}\n            <pry-icon\n              *ngIf=\"(currentDataset$ | async)?.activeVersion?.id === version.id\"\n              iconSvg=\"check\"\n              class=\"check\"\n            ></pry-icon>\n          </td>\n          <td>\n            <div\n              class=\"a-tooltip\"\n              [attr.data-tooltip]=\"version.lastModified | sinceDate: { onlyLocale: true }\"\n              data-tooltip-position=\"right\"\n            >\n              {{ version.lastModified | sinceDate: { onlyLocale: true } }}\n            </div>\n          </td>\n          <td>\n            {{\n              (version.id === (currentDataset$ | async)?.activeVersion?.id\n                ? '@pry.dataset.version.state.currentlyActive'\n                : '@pry.dataset.version.state.' + version.state\n              ) | i18n\n            }}\n            <div\n              *ngIf=\"version.state !== 'DELETING'\"\n              class=\"m-info-icon a-tooltip -tooltip-width-md\"\n              [attr.data-tooltip]=\"\n                '@pry.dataset.tooltip.' +\n                  getVersionTooltipContent(version, (currentDataset$ | async)?.activeVersion?.id) | i18n\n              \"\n              data-tooltip-position=\"right\"\n            >\n              <span>i</span>\n            </div>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                version.state !== 'LOADING' &&\n                version.state !== 'INDEXING' &&\n                version.state !== 'ERROR' &&\n                version.state !== 'DELETING'\n              \"\n            >\n              <ng-container\n                *ngIf=\"(canModify$ | async) && (version.state === 'ACTIVE' || version.state === 'INACTIVE')\"\n              >\n                <ng-container *pryAccess=\"{ module: 'dashboard', page: 'list-dataset', action: 'activate' }\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--primary a-btn--icon-text ng-star-inserted\"\n                    (click)=\"handleButtonAction($event, version)\"\n                  >\n                    {{ '@pry.dataset.buttonAction.' + version.state | i18n }}\n                  </button>\n                  <ng-container *ngIf=\"version.state === 'ACTIVE' || version.state === 'INACTIVE'\">\n                    <div\n                      class=\"m-info-icon a-tooltip -tooltip-width-lg\"\n                      [attr.data-tooltip]=\"\n                        (version.state === 'ACTIVE'\n                          ? '@pry.dataset.tooltip.invalidateButton'\n                          : '@pry.dataset.tooltip.validateButton'\n                        ) | i18n\n                      \"\n                      data-tooltip-position=\"right\"\n                    >\n                      <span>i</span>\n                    </div>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container *ngIf=\"version.hasWarnings || version.state === 'ERROR'\">\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"consultErrors($event, version)\"\n              >\n                {{\n                  (version.state === 'ERROR' ? '@pry.dataset.buttonAction.ERROR' : '@pry.dataset.buttonAction.WARNING')\n                    | i18n\n                }}\n              </button>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                (canModify$ | async) &&\n                (version.state === 'ACTIVE' || version.state === 'ERROR' || version.state === 'INACTIVE')\n              \"\n            >\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"askDelete(version, $event)\"\n              >\n                {{ '@pry.dataset.buttonAction.delete' | i18n }}\n              </button>\n            </ng-container>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i2.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i2.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"], outputs: ["clickedTabIdx"] }, { kind: "component", type: i2.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i2.DashboardComponent, selector: "pry-dashboard", inputs: ["staticDashboard", "forceModeEdition", "CloseOnDragOut", "displayOptions", "noBackground", "breakpoint"], outputs: ["rowHeight", "rows"] }, { kind: "component", type: PryDatasetVersionFormComponent, selector: "pry-dataset-version-form", inputs: ["version"], outputs: ["formValidated"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i4.MdToHtmlPipe, name: "mdToHtml" }, { kind: "pipe", type: i2.SinceDatePipe, name: "sinceDate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetDetailComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }, { token: i2$1.PryDialogService }, { token: i2$1.PryTitleService }, { token: i2$1.PryI18nService }, { token: i2$1.WidgetFactoryService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PryDatasetDetailComponent, selector: "pry-dataset-detail", inputs: { dataset: "dataset" }, outputs: { goToCatalog: "goToCatalog" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-manifest-layout__toolbox\">\n  <button class=\"a-btn a-btn--primary\" (click)=\"goBack()\">{{ '@pry.dataset.returnToList' | i18n }}</button>\n  <button class=\"a-btn a-btn--secondary\" (click)=\"refresh()\">\n    {{ '@pry.dataset.refresh' | i18n }}\n    <pry-icon iconSvg=\"synchro\"></pry-icon>\n  </button>\n</div>\n\n<div class=\"o-dataset-layout\">\n  <div class=\"o-dataset-layout__content\">\n    <div class=\"a-p\">\n      <h1 class=\"a-h1\">{{ (currentDataset$ | async)?.name }}</h1>\n    </div>\n\n    <div class=\"o-dataset-detail\">\n      <div class=\"o-dataset-detail__content\">\n        <pry-tab-group translationStringBase=\"@pry.dataset.\" (clickedTabIdx)=\"onTabSwitch($event)\">\n          <pry-tab [templateRef]=\"information\" name=\"information\"></pry-tab>\n          <pry-tab [templateRef]=\"table\" name=\"data\"></pry-tab>\n          <pry-tab [templateRef]=\"map\" name=\"map\"></pry-tab>\n          <pry-tab [templateRef]=\"datasetVersions\" name=\"versionHistory\"></pry-tab>\n        </pry-tab-group>\n      </div>\n    </div>\n  </div>\n  @if (isPanelOpen) {\n    <div class=\"o-dataset-layout__panel\">\n      <div class=\"panel__header u-display-flex -justify-space-between\">\n        <h3>{{ '@pry.dataset.information' | i18n }}</h3>\n        <button role=\"button\" (click)=\"togglePanel()\">\n          <pry-icon iconSvg=\"close\"></pry-icon>\n        </button>\n      </div>\n      <div class=\"panel__content u-display-flex -column\">\n        @if (!isEditingVersion) {\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n            <span>{{\n              (selectedVersion?.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n              ('@pry.dataset.version.notProvided' | i18n)\n            }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n            <span>{{ selectedVersion?.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n            <div\n              class=\"version-information\"\n              [innerHTML]=\"\n                selectedVersion?.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n              \"\n            ></div>\n          </div>\n          <button\n            *pryAccess=\"{ module: 'admin', page: 'list-dataset', action: 'edit_version' }\"\n            role=\"button\"\n            class=\"a-btn a-btn--primary u-self-end\"\n            (click)=\"editVersion()\"\n            >\n            {{ '@pry.action.edit' | i18n }}\n          </button>\n        } @else {\n          <pry-dataset-version-form\n            [version]=\"selectedVersion\"\n            (formValidated)=\"formValidated($event)\"\n          ></pry-dataset-version-form>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n<ng-template #information>\n  <div class=\"u-display-flex -column o-dataset-detail__information\">\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.description' | i18n }}</span>\n      <span>{{ dataset.description ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n    </div>\n    @if (dataset.activeVersion) {\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n        <span>{{\n          (dataset.activeVersion.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n          ('@pry.dataset.version.notProvided' | i18n)\n        }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n        <span>{{ dataset.activeVersion.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n        <div\n          class=\"version-information\"\n          [innerHTML]=\"\n            dataset.activeVersion.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n          \"\n        ></div>\n      </div>\n    } @else {\n      <div class=\"a-p\">\n        <p>{{ '@pry.dataset.noActiveVersion' | i18n }}</p>\n      </div>\n    }\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.tags' | i18n }}</span>\n      <div class=\"u-display-flex -wrap\">\n        @for (category of dataset.categories; track category.id) {\n          <span class=\"a-chip -md\"> {{ category.name }}</span>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #table>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['table']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #map>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['map']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #datasetVersions>\n  <div class=\"dataset-detail__table table-container\">\n    <table class=\"a-table\">\n      <caption>\n        {{\n        '@pry.admin.dataset.title' | i18n\n        }},\n        {{\n        '@pry.action.sortableColumnHeader' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th>{{ '@pry.dataset.version.title' | i18n }}</th>\n          <th>{{ '@pry.dataset.date' | i18n }}</th>\n          <th>{{ '@pry.dataset.status' | i18n }}</th>\n          <th></th>\n          <th></th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (version of datasetVersions$ | async; track version) {\n          <tr\n            (click)=\"togglePanel(version)\"\n            [class.-selected]=\"version.id === selectedVersion?.id\"\n            >\n            <td>\n              {{ version.version }}\n              @if ((currentDataset$ | async)?.activeVersion?.id === version.id) {\n                <pry-icon\n                  iconSvg=\"check\"\n                  class=\"check\"\n                ></pry-icon>\n              }\n            </td>\n            <td>\n              <div\n                class=\"a-tooltip\"\n                [attr.data-tooltip]=\"version.lastModified | sinceDate: { onlyLocale: true }\"\n                data-tooltip-position=\"right\"\n                >\n                {{ version.lastModified | sinceDate: { onlyLocale: true } }}\n              </div>\n            </td>\n            <td>\n              {{\n              (version.id === (currentDataset$ | async)?.activeVersion?.id\n              ? '@pry.dataset.version.state.currentlyActive'\n              : '@pry.dataset.version.state.' + version.state\n              ) | i18n\n              }}\n              @if (version.state !== 'DELETING') {\n                <div\n                  class=\"m-info-icon a-tooltip -tooltip-width-md\"\n              [attr.data-tooltip]=\"\n                '@pry.dataset.tooltip.' +\n                  getVersionTooltipContent(version, (currentDataset$ | async)?.activeVersion?.id) | i18n\n              \"\n                  data-tooltip-position=\"right\"\n                  >\n                  <span>i</span>\n                </div>\n              }\n            </td>\n            <td>\n              @if (\n                version.state !== 'LOADING' &&\n                version.state !== 'INDEXING' &&\n                version.state !== 'ERROR' &&\n                version.state !== 'DELETING'\n                ) {\n                @if ((canModify$ | async) && (version.state === 'ACTIVE' || version.state === 'INACTIVE')) {\n                  <ng-container *pryAccess=\"{ module: 'dashboard', page: 'list-dataset', action: 'activate' }\">\n                    <button\n                      type=\"button\"\n                      class=\"a-btn a-btn--primary a-btn--icon-text ng-star-inserted\"\n                      (click)=\"handleButtonAction($event, version)\"\n                      >\n                      {{ '@pry.dataset.buttonAction.' + version.state | i18n }}\n                    </button>\n                    @if (version.state === 'ACTIVE' || version.state === 'INACTIVE') {\n                      <div\n                        class=\"m-info-icon a-tooltip -tooltip-width-lg\"\n                      [attr.data-tooltip]=\"\n                        (version.state === 'ACTIVE'\n                          ? '@pry.dataset.tooltip.invalidateButton'\n                          : '@pry.dataset.tooltip.validateButton'\n                        ) | i18n\n                      \"\n                        data-tooltip-position=\"right\"\n                        >\n                        <span>i</span>\n                      </div>\n                    }\n                  </ng-container>\n                }\n              }\n            </td>\n            <td>\n              @if (version.hasWarnings || version.state === 'ERROR') {\n                <button\n                  type=\"button\"\n                  class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                  (click)=\"consultErrors($event, version)\"\n                  >\n                  {{\n                  (version.state === 'ERROR' ? '@pry.dataset.buttonAction.ERROR' : '@pry.dataset.buttonAction.WARNING')\n                  | i18n\n                  }}\n                </button>\n              }\n            </td>\n            <td>\n              @if (\n                (canModify$ | async) &&\n                (version.state === 'ACTIVE' || version.state === 'ERROR' || version.state === 'INACTIVE')\n                ) {\n                <button\n                  type=\"button\"\n                  class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                  (click)=\"askDelete(version, $event)\"\n                  >\n                  {{ '@pry.dataset.buttonAction.delete' | i18n }}\n                </button>\n              }\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i2$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i2$1.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i2$1.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"], outputs: ["clickedTabIdx"] }, { kind: "component", type: i2$1.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i2$1.DashboardComponent, selector: "pry-dashboard", inputs: ["staticDashboard", "forceModeEdition", "CloseOnDragOut", "displayOptions", "noBackground", "breakpoint"], outputs: ["rowHeight", "rows"] }, { kind: "component", type: PryDatasetVersionFormComponent, selector: "pry-dataset-version-form", inputs: ["version"], outputs: ["formValidated"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.DatePipe, name: "date" }, { kind: "pipe", type: i2$1.I18nPipe, name: "i18n" }, { kind: "pipe", type: i3.MdToHtmlPipe, name: "mdToHtml" }, { kind: "pipe", type: i2$1.SinceDatePipe, name: "sinceDate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-dataset-detail', template: "<div class=\"o-manifest-layout__toolbox\">\n  <button class=\"a-btn a-btn--primary\" (click)=\"goBack()\">{{ '@pry.dataset.returnToList' | i18n }}</button>\n  <button class=\"a-btn a-btn--secondary\" (click)=\"refresh()\">\n    {{ '@pry.dataset.refresh' | i18n }}\n    <pry-icon iconSvg=\"synchro\"></pry-icon>\n  </button>\n</div>\n\n<div class=\"o-dataset-layout\">\n  <div class=\"o-dataset-layout__content\">\n    <div class=\"a-p\">\n      <h1 class=\"a-h1\">{{ (currentDataset$ | async)?.name }}</h1>\n    </div>\n\n    <div class=\"o-dataset-detail\">\n      <div class=\"o-dataset-detail__content\">\n        <pry-tab-group translationStringBase=\"@pry.dataset.\" (clickedTabIdx)=\"onTabSwitch($event)\">\n          <pry-tab [templateRef]=\"information\" name=\"information\"></pry-tab>\n          <pry-tab [templateRef]=\"table\" name=\"data\"></pry-tab>\n          <pry-tab [templateRef]=\"map\" name=\"map\"></pry-tab>\n          <pry-tab [templateRef]=\"datasetVersions\" name=\"versionHistory\"></pry-tab>\n        </pry-tab-group>\n      </div>\n    </div>\n  </div>\n  @if (isPanelOpen) {\n    <div class=\"o-dataset-layout__panel\">\n      <div class=\"panel__header u-display-flex -justify-space-between\">\n        <h3>{{ '@pry.dataset.information' | i18n }}</h3>\n        <button role=\"button\" (click)=\"togglePanel()\">\n          <pry-icon iconSvg=\"close\"></pry-icon>\n        </button>\n      </div>\n      <div class=\"panel__content u-display-flex -column\">\n        @if (!isEditingVersion) {\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n            <span>{{\n              (selectedVersion?.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n                ('@pry.dataset.version.notProvided' | i18n)\n            }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n            <span>{{ selectedVersion?.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n            <div\n              class=\"version-information\"\n              [innerHTML]=\"\n                selectedVersion?.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n              \"\n            ></div>\n          </div>\n          <button\n            *pryAccess=\"{ module: 'admin', page: 'list-dataset', action: 'edit_version' }\"\n            role=\"button\"\n            class=\"a-btn a-btn--primary u-self-end\"\n            (click)=\"editVersion()\"\n          >\n            {{ '@pry.action.edit' | i18n }}\n          </button>\n        } @else {\n          <pry-dataset-version-form\n            [version]=\"selectedVersion\"\n            (formValidated)=\"formValidated($event)\"\n          ></pry-dataset-version-form>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n<ng-template #information>\n  <div class=\"u-display-flex -column o-dataset-detail__information\">\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.description' | i18n }}</span>\n      <span>{{ dataset.description ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n    </div>\n    @if (dataset.activeVersion) {\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n        <span>{{\n          (dataset.activeVersion.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n            ('@pry.dataset.version.notProvided' | i18n)\n        }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n        <span>{{ dataset.activeVersion.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n        <div\n          class=\"version-information\"\n          [innerHTML]=\"\n            dataset.activeVersion.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n          \"\n        ></div>\n      </div>\n    } @else {\n      <div class=\"a-p\">\n        <p>{{ '@pry.dataset.noActiveVersion' | i18n }}</p>\n      </div>\n    }\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.tags' | i18n }}</span>\n      <div class=\"u-display-flex -wrap\">\n        @for (category of dataset.categories; track category.id) {\n          <span class=\"a-chip -md\"> {{ category.name }}</span>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #table>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['table']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #map>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['map']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #datasetVersions>\n  <div class=\"dataset-detail__table table-container\">\n    <table class=\"a-table\">\n      <caption>\n        {{\n          '@pry.admin.dataset.title' | i18n\n        }},\n        {{\n          '@pry.action.sortableColumnHeader' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th>{{ '@pry.dataset.version.title' | i18n }}</th>\n          <th>{{ '@pry.dataset.date' | i18n }}</th>\n          <th>{{ '@pry.dataset.status' | i18n }}</th>\n          <th></th>\n          <th></th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          *ngFor=\"let version of datasetVersions$ | async\"\n          (click)=\"togglePanel(version)\"\n          [class.-selected]=\"version.id === selectedVersion?.id\"\n        >\n          <td>\n            {{ version.version }}\n            <pry-icon\n              *ngIf=\"(currentDataset$ | async)?.activeVersion?.id === version.id\"\n              iconSvg=\"check\"\n              class=\"check\"\n            ></pry-icon>\n          </td>\n          <td>\n            <div\n              class=\"a-tooltip\"\n              [attr.data-tooltip]=\"version.lastModified | sinceDate: { onlyLocale: true }\"\n              data-tooltip-position=\"right\"\n            >\n              {{ version.lastModified | sinceDate: { onlyLocale: true } }}\n            </div>\n          </td>\n          <td>\n            {{\n              (version.id === (currentDataset$ | async)?.activeVersion?.id\n                ? '@pry.dataset.version.state.currentlyActive'\n                : '@pry.dataset.version.state.' + version.state\n              ) | i18n\n            }}\n            <div\n              *ngIf=\"version.state !== 'DELETING'\"\n              class=\"m-info-icon a-tooltip -tooltip-width-md\"\n              [attr.data-tooltip]=\"\n                '@pry.dataset.tooltip.' +\n                  getVersionTooltipContent(version, (currentDataset$ | async)?.activeVersion?.id) | i18n\n              \"\n              data-tooltip-position=\"right\"\n            >\n              <span>i</span>\n            </div>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                version.state !== 'LOADING' &&\n                version.state !== 'INDEXING' &&\n                version.state !== 'ERROR' &&\n                version.state !== 'DELETING'\n              \"\n            >\n              <ng-container\n                *ngIf=\"(canModify$ | async) && (version.state === 'ACTIVE' || version.state === 'INACTIVE')\"\n              >\n                <ng-container *pryAccess=\"{ module: 'dashboard', page: 'list-dataset', action: 'activate' }\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--primary a-btn--icon-text ng-star-inserted\"\n                    (click)=\"handleButtonAction($event, version)\"\n                  >\n                    {{ '@pry.dataset.buttonAction.' + version.state | i18n }}\n                  </button>\n                  <ng-container *ngIf=\"version.state === 'ACTIVE' || version.state === 'INACTIVE'\">\n                    <div\n                      class=\"m-info-icon a-tooltip -tooltip-width-lg\"\n                      [attr.data-tooltip]=\"\n                        (version.state === 'ACTIVE'\n                          ? '@pry.dataset.tooltip.invalidateButton'\n                          : '@pry.dataset.tooltip.validateButton'\n                        ) | i18n\n                      \"\n                      data-tooltip-position=\"right\"\n                    >\n                      <span>i</span>\n                    </div>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container *ngIf=\"version.hasWarnings || version.state === 'ERROR'\">\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"consultErrors($event, version)\"\n              >\n                {{\n                  (version.state === 'ERROR' ? '@pry.dataset.buttonAction.ERROR' : '@pry.dataset.buttonAction.WARNING')\n                    | i18n\n                }}\n              </button>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                (canModify$ | async) &&\n                (version.state === 'ACTIVE' || version.state === 'ERROR' || version.state === 'INACTIVE')\n              \"\n            >\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"askDelete(version, $event)\"\n              >\n                {{ '@pry.dataset.buttonAction.delete' | i18n }}\n              </button>\n            </ng-container>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.PryBaseAccess, decorators: [{
+            args: [{ selector: 'pry-dataset-detail', template: "<div class=\"o-manifest-layout__toolbox\">\n  <button class=\"a-btn a-btn--primary\" (click)=\"goBack()\">{{ '@pry.dataset.returnToList' | i18n }}</button>\n  <button class=\"a-btn a-btn--secondary\" (click)=\"refresh()\">\n    {{ '@pry.dataset.refresh' | i18n }}\n    <pry-icon iconSvg=\"synchro\"></pry-icon>\n  </button>\n</div>\n\n<div class=\"o-dataset-layout\">\n  <div class=\"o-dataset-layout__content\">\n    <div class=\"a-p\">\n      <h1 class=\"a-h1\">{{ (currentDataset$ | async)?.name }}</h1>\n    </div>\n\n    <div class=\"o-dataset-detail\">\n      <div class=\"o-dataset-detail__content\">\n        <pry-tab-group translationStringBase=\"@pry.dataset.\" (clickedTabIdx)=\"onTabSwitch($event)\">\n          <pry-tab [templateRef]=\"information\" name=\"information\"></pry-tab>\n          <pry-tab [templateRef]=\"table\" name=\"data\"></pry-tab>\n          <pry-tab [templateRef]=\"map\" name=\"map\"></pry-tab>\n          <pry-tab [templateRef]=\"datasetVersions\" name=\"versionHistory\"></pry-tab>\n        </pry-tab-group>\n      </div>\n    </div>\n  </div>\n  @if (isPanelOpen) {\n    <div class=\"o-dataset-layout__panel\">\n      <div class=\"panel__header u-display-flex -justify-space-between\">\n        <h3>{{ '@pry.dataset.information' | i18n }}</h3>\n        <button role=\"button\" (click)=\"togglePanel()\">\n          <pry-icon iconSvg=\"close\"></pry-icon>\n        </button>\n      </div>\n      <div class=\"panel__content u-display-flex -column\">\n        @if (!isEditingVersion) {\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n            <span>{{\n              (selectedVersion?.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n              ('@pry.dataset.version.notProvided' | i18n)\n            }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n            <span>{{ selectedVersion?.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n            <div\n              class=\"version-information\"\n              [innerHTML]=\"\n                selectedVersion?.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n              \"\n            ></div>\n          </div>\n          <button\n            *pryAccess=\"{ module: 'admin', page: 'list-dataset', action: 'edit_version' }\"\n            role=\"button\"\n            class=\"a-btn a-btn--primary u-self-end\"\n            (click)=\"editVersion()\"\n            >\n            {{ '@pry.action.edit' | i18n }}\n          </button>\n        } @else {\n          <pry-dataset-version-form\n            [version]=\"selectedVersion\"\n            (formValidated)=\"formValidated($event)\"\n          ></pry-dataset-version-form>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n<ng-template #information>\n  <div class=\"u-display-flex -column o-dataset-detail__information\">\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.description' | i18n }}</span>\n      <span>{{ dataset.description ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n    </div>\n    @if (dataset.activeVersion) {\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n        <span>{{\n          (dataset.activeVersion.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n          ('@pry.dataset.version.notProvided' | i18n)\n        }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n        <span>{{ dataset.activeVersion.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n        <div\n          class=\"version-information\"\n          [innerHTML]=\"\n            dataset.activeVersion.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n          \"\n        ></div>\n      </div>\n    } @else {\n      <div class=\"a-p\">\n        <p>{{ '@pry.dataset.noActiveVersion' | i18n }}</p>\n      </div>\n    }\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.tags' | i18n }}</span>\n      <div class=\"u-display-flex -wrap\">\n        @for (category of dataset.categories; track category.id) {\n          <span class=\"a-chip -md\"> {{ category.name }}</span>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #table>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['table']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #map>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['map']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #datasetVersions>\n  <div class=\"dataset-detail__table table-container\">\n    <table class=\"a-table\">\n      <caption>\n        {{\n        '@pry.admin.dataset.title' | i18n\n        }},\n        {{\n        '@pry.action.sortableColumnHeader' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th>{{ '@pry.dataset.version.title' | i18n }}</th>\n          <th>{{ '@pry.dataset.date' | i18n }}</th>\n          <th>{{ '@pry.dataset.status' | i18n }}</th>\n          <th></th>\n          <th></th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (version of datasetVersions$ | async; track version) {\n          <tr\n            (click)=\"togglePanel(version)\"\n            [class.-selected]=\"version.id === selectedVersion?.id\"\n            >\n            <td>\n              {{ version.version }}\n              @if ((currentDataset$ | async)?.activeVersion?.id === version.id) {\n                <pry-icon\n                  iconSvg=\"check\"\n                  class=\"check\"\n                ></pry-icon>\n              }\n            </td>\n            <td>\n              <div\n                class=\"a-tooltip\"\n                [attr.data-tooltip]=\"version.lastModified | sinceDate: { onlyLocale: true }\"\n                data-tooltip-position=\"right\"\n                >\n                {{ version.lastModified | sinceDate: { onlyLocale: true } }}\n              </div>\n            </td>\n            <td>\n              {{\n              (version.id === (currentDataset$ | async)?.activeVersion?.id\n              ? '@pry.dataset.version.state.currentlyActive'\n              : '@pry.dataset.version.state.' + version.state\n              ) | i18n\n              }}\n              @if (version.state !== 'DELETING') {\n                <div\n                  class=\"m-info-icon a-tooltip -tooltip-width-md\"\n              [attr.data-tooltip]=\"\n                '@pry.dataset.tooltip.' +\n                  getVersionTooltipContent(version, (currentDataset$ | async)?.activeVersion?.id) | i18n\n              \"\n                  data-tooltip-position=\"right\"\n                  >\n                  <span>i</span>\n                </div>\n              }\n            </td>\n            <td>\n              @if (\n                version.state !== 'LOADING' &&\n                version.state !== 'INDEXING' &&\n                version.state !== 'ERROR' &&\n                version.state !== 'DELETING'\n                ) {\n                @if ((canModify$ | async) && (version.state === 'ACTIVE' || version.state === 'INACTIVE')) {\n                  <ng-container *pryAccess=\"{ module: 'dashboard', page: 'list-dataset', action: 'activate' }\">\n                    <button\n                      type=\"button\"\n                      class=\"a-btn a-btn--primary a-btn--icon-text ng-star-inserted\"\n                      (click)=\"handleButtonAction($event, version)\"\n                      >\n                      {{ '@pry.dataset.buttonAction.' + version.state | i18n }}\n                    </button>\n                    @if (version.state === 'ACTIVE' || version.state === 'INACTIVE') {\n                      <div\n                        class=\"m-info-icon a-tooltip -tooltip-width-lg\"\n                      [attr.data-tooltip]=\"\n                        (version.state === 'ACTIVE'\n                          ? '@pry.dataset.tooltip.invalidateButton'\n                          : '@pry.dataset.tooltip.validateButton'\n                        ) | i18n\n                      \"\n                        data-tooltip-position=\"right\"\n                        >\n                        <span>i</span>\n                      </div>\n                    }\n                  </ng-container>\n                }\n              }\n            </td>\n            <td>\n              @if (version.hasWarnings || version.state === 'ERROR') {\n                <button\n                  type=\"button\"\n                  class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                  (click)=\"consultErrors($event, version)\"\n                  >\n                  {{\n                  (version.state === 'ERROR' ? '@pry.dataset.buttonAction.ERROR' : '@pry.dataset.buttonAction.WARNING')\n                  | i18n\n                  }}\n                </button>\n              }\n            </td>\n            <td>\n              @if (\n                (canModify$ | async) &&\n                (version.state === 'ACTIVE' || version.state === 'ERROR' || version.state === 'INACTIVE')\n                ) {\n                <button\n                  type=\"button\"\n                  class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                  (click)=\"askDelete(version, $event)\"\n                  >\n                  {{ '@pry.dataset.buttonAction.delete' | i18n }}\n                </button>\n              }\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i2$1.PryBaseAccess, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [PRY_ACCESS_TOKEN]
-                }] }, { type: i2.PryDialogService }, { type: i2.PryTitleService }, { type: i2.PryI18nService }, { type: i2.WidgetFactoryService }], propDecorators: { dataset: [{
+                }] }, { type: i2$1.PryDialogService }, { type: i2$1.PryTitleService }, { type: i2$1.PryI18nService }, { type: i2$1.WidgetFactoryService }], propDecorators: { dataset: [{
                 type: Input
             }], goToCatalog: [{
                 type: Output
@@ -269,7 +269,7 @@ class PryDatasetComponent {
         this.selectedMode = ViewMode.CONSULT;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PryDatasetComponent, selector: "pry-dataset", ngImport: i0, template: "<pry-dataset-css></pry-dataset-css>\n<div class=\"o-dataset-layout u-display-flex -column\">\n  @switch (selectedMode) {\n    @case (ViewMode.CATALOG) {\n      <h1 class=\"a-h1 u-self-start\">{{ '@pry.dataset.title' | i18n }}</h1>\n      <pry-datasource-list (consultedDataset)=\"consult($event)\"></pry-datasource-list>\n    }\n    @case (ViewMode.CONSULT) {\n      @if (selectedDataset) {\n        <pry-dataset-detail\n          [dataset]=\"selectedDataset\"\n          (goToCatalog)=\"selectedMode = ViewMode.CATALOG\"\n        ></pry-dataset-detail>\n      }\n    }\n  }\n</div>\n", dependencies: [{ kind: "component", type: i2.PryDatasourceListComponent, selector: "pry-datasource-list", inputs: ["mode", "selectedDatasources"], outputs: ["consultedDataset", "datasourceSelected", "searchOrCategoryChanged"] }, { kind: "component", type: PryDatasetCssComponent, selector: "pry-dataset-css" }, { kind: "component", type: PryDatasetDetailComponent, selector: "pry-dataset-detail", inputs: ["dataset"], outputs: ["goToCatalog"] }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PryDatasetComponent, selector: "pry-dataset", ngImport: i0, template: "<pry-dataset-css></pry-dataset-css>\n<div class=\"o-dataset-layout u-display-flex -column\">\n  @switch (selectedMode) {\n    @case (ViewMode.CATALOG) {\n      <h1 class=\"a-h1 u-self-start\">{{ '@pry.dataset.title' | i18n }}</h1>\n      <pry-datasource-list (consultedDataset)=\"consult($event)\"></pry-datasource-list>\n    }\n    @case (ViewMode.CONSULT) {\n      @if (selectedDataset) {\n        <pry-dataset-detail\n          [dataset]=\"selectedDataset\"\n          (goToCatalog)=\"selectedMode = ViewMode.CATALOG\"\n        ></pry-dataset-detail>\n      }\n    }\n  }\n</div>\n", dependencies: [{ kind: "component", type: i2$1.PryDatasourceListComponent, selector: "pry-datasource-list", inputs: ["mode", "selectedDatasources"], outputs: ["consultedDataset", "datasourceSelected", "searchOrCategoryChanged"] }, { kind: "component", type: PryDatasetCssComponent, selector: "pry-dataset-css" }, { kind: "component", type: PryDatasetDetailComponent, selector: "pry-dataset-detail", inputs: ["dataset"], outputs: ["goToCatalog"] }, { kind: "pipe", type: i2$1.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetComponent, decorators: [{
             type: Component,
@@ -452,7 +452,7 @@ class PryDatasetModule {
         this.pryTranslateService.addLangObject('fr', 'dataset', frTranslations);
         this.pryTranslateService.addLangObject('en', 'dataset', enTranslations);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetModule, deps: [{ token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetModule, deps: [{ token: i2$1.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetModule, declarations: [PryDatasetComponent,
             PryDatasetCssComponent,
             PryDatasetDetailComponent,
@@ -503,7 +503,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                     ],
                     exports: [PryDatasetComponent, PryDatasetCssComponent, PryDatasetDetailComponent]
                 }]
-        }], ctorParameters: () => [{ type: i2.PryI18nService }] });
+        }], ctorParameters: () => [{ type: i2$1.PryI18nService }] });
 /**
  * Generated bundle index. Do not edit.