npm - @provoly/dashboard - Versions diffs - 1.2.5 → 1.2.6 - Mend

@provoly/dashboard 1.2.5 → 1.2.6

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 (109) hide show

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

@@ -141,7 +141,7 @@ class PryColorPickerComponent {
         $event.stopPropagation();
     }
     inputColor($event) {
-        const possibleColor = !!$event ? ($event.indexOf('#') === -1 ? '#' + $event : $event) : '#40B688';
+        const possibleColor = $event !== undefined ? ($event.indexOf('#') === -1 ? '#' + $event : $event) : '#40B688';
         if (/^#[0-9A-F]{6}$/i.test(possibleColor)) {
             this.writeValue(possibleColor);
             const rgba = this.strToRGBA(this.color);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"provoly-dashboard-components-color-picker.mjs","sources":["../../../../projects/provoly/dashboard/components/color-picker/color-picker.component.ts","../../../../projects/provoly/dashboard/components/color-picker/color-picker.component.html","../../../../projects/provoly/dashboard/components/color-picker/color-picker.module.ts","../../../../projects/provoly/dashboard/components/color-picker/provoly-dashboard-components-color-picker.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, forwardRef, ViewChild } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n selector: 'pry-color-picker',\n templateUrl: './color-picker.component.html',\n\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => PryColorPickerComponent),\n multi: true\n }\n ]\n})\nexport class PryColorPickerComponent implements ControlValueAccessor, AfterViewInit {\n onChange: any = () => {};\n onTouch: any = () => {};\n color? = '#000000';\n barColor: string = '#0000ff';\n disabled = false;\n inhibate = true;\n picking: boolean = false;\n\n @ViewChild('selector') selector!: ElementRef<HTMLCanvasElement>;\n selectorContext!: CanvasRenderingContext2D;\n @ViewChild('bar') bar!: ElementRef<HTMLCanvasElement>;\n barContext!: CanvasRenderingContext2D;\n markerSelectorPosition: [number, number] = [0, 0];\n markerBarPosition = 0;\n\n @ViewChild('input') input!: ElementRef<HTMLInputElement>;\n innerRadius = 3;\n outerRadius = 8;\n temporaryColor?: string;\n\n constructor(private _cd: ChangeDetectorRef) {}\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(color: string) {\n if (this.color !== color && !this.inhibate) {\n this.color = color;\n this.onChange(this.color);\n this.onTouch();\n this._cd.markForCheck();\n this.inputColor(color);\n }\n }\n\n setDisabledState(isDisabled: boolean) {\n this.disabled = isDisabled;\n this._cd.markForCheck();\n }\n\n ngAfterViewInit(): void {\n this.inhibate = false;\n this.selectorContext = this.selector.nativeElement.getContext('2d', { willReadFrequently: true })!;\n this.barContext = this.bar.nativeElement.getContext('2d', { willReadFrequently: true })!;\n }\n\n togglePicker($event: MouseEvent) {\n this.picking = !this.disabled && !this.picking;\n if (!this.picking && this.temporaryColor) {\n this.writeValue(this.temporaryColor);\n }\n if (this.picking) {\n this.redrawSelector();\n this.redrawBar();\n }\n }\n\n redrawSelector() {\n this.selectorContext.clearRect(0, 0, this.selectorContext.canvas.width, this.selectorContext.canvas.height);\n this.drawColorGradient(this.selectorContext, false, ['#ffffff', this.barColor]);\n this.drawColorGradient(this.selectorContext, true, ['rgba(0,0,0,0)', '#000']);\n this.drawSelectorMarker();\n }\n\n redrawBar() {\n this.barContext.clearRect(0, 0, this.barContext.canvas.width, this.barContext.canvas.height);\n this.drawColorGradient(this.barContext, true, [\n '#FF0000',\n '#ffff00',\n '#00FF00',\n '#00FFFF',\n '#0000FF',\n '#FF00FF',\n '#FF0000'\n ]);\n this.drawBarMarker();\n }\n\n drawColorGradient(ctxt: CanvasRenderingContext2D, vertical = true, colors: string[]) {\n const gradientArgs: [number, number, number, number] = vertical\n ? [0, 0, 0, ctxt.canvas.height]\n : [0, 0, ctxt.canvas.width, 0];\n let gradient = ctxt.createLinearGradient(...gradientArgs);\n colors.forEach((color, idx) => {\n gradient.addColorStop(idx / (colors.length - 1), color);\n });\n ctxt.fillStyle = gradient;\n ctxt.fillRect(0, 0, ctxt.canvas.width, ctxt.canvas.height);\n }\n\n drawSelectorMarker() {\n const gradient = this.selectorContext.createRadialGradient(\n this.markerSelectorPosition[0],\n this.markerSelectorPosition[1],\n this.innerRadius,\n this.markerSelectorPosition[0],\n this.markerSelectorPosition[1],\n this.outerRadius\n );\n gradient.addColorStop(0, 'rgba(0,0,0,0)');\n gradient.addColorStop(1, '#ffffff');\n\n this.selectorContext.beginPath();\n this.selectorContext.arc(\n this.markerSelectorPosition[0],\n this.markerSelectorPosition[1],\n this.outerRadius,\n 0,\n 2 * Math.PI\n );\n this.selectorContext.fillStyle = gradient;\n this.selectorContext.fill();\n this.selectorContext.stroke();\n }\n\n drawBarMarker() {\n this.barContext.strokeStyle = '2px solid black';\n this.barContext.beginPath();\n this.barContext.moveTo(0, this.markerBarPosition - this.innerRadius);\n this.barContext.lineTo(this.barContext.canvas.width, this.markerBarPosition - this.innerRadius);\n this.barContext.stroke();\n this.barContext.beginPath();\n this.barContext.moveTo(0, this.markerBarPosition + this.innerRadius);\n this.barContext.lineTo(this.barContext.canvas.width, this.markerBarPosition + this.innerRadius);\n this.barContext.stroke();\n }\n\n selectColor($event: MouseEvent, temporary = false) {\n // Read pixel Color\n const pixelColor = this.rgbToHex(\n ...(this.selectorContext.getImageData($event.offsetX, $event.offsetY, 1, 1)['data'] as unknown as [\n number,\n number,\n number\n ])\n );\n if (!temporary) {\n this.writeValue(pixelColor);\n } else {\n this.temporaryColor = pixelColor;\n }\n\n this.markerSelectorPosition = [$event.offsetX, $event.offsetY];\n this.redrawSelector();\n $event.stopPropagation();\n }\n\n selectColorFromBar($event: MouseEvent) {\n this.markerBarPosition = $event.offsetY;\n this.barColor = this.rgbToHex(\n ...(this.barContext.getImageData(20, $event.offsetY, 1, 1)['data'] as unknown as [number, number, number])\n );\n this.redrawBar();\n this.redrawSelector();\n this.selectColor(\n {\n offsetX: this.markerSelectorPosition[0],\n offsetY: this.markerSelectorPosition[1],\n stopPropagation: () => $event.stopPropagation()\n } as unknown as MouseEvent,\n true\n );\n $event.stopPropagation();\n }\n\n componentToHex(c: number) {\n return c.toString(16).padStart(2, '0');\n }\n\n rgbToHex(r: number, g: number, b: number) {\n return '#' + this.componentToHex(r) + this.componentToHex(g) + this.componentToHex(b);\n }\n\n clickInput($event: MouseEvent) {\n this.input.nativeElement.focus();\n $event.stopPropagation();\n }\n\n inputColor($event: any) {\n const possibleColor = !!$event ? ($event.indexOf('#') === -1 ? '#' + $event : $event) : '#40B688';\n if (/^#[0-9A-F]{6}$/i.test(possibleColor)) {\n this.writeValue(possibleColor);\n const rgba = this.strToRGBA(this.color!);\n const hsva = this.RGBAtoHSVA(rgba);\n this.markerBarPosition = (this.barContext.canvas.height * hsva.h) / 360;\n this.markerSelectorPosition = [\n (this.selectorContext.canvas.width * hsva.s) / 100,\n this.selectorContext.canvas.height * (1 - hsva.v / 100)\n ];\n this.barColor = this.hslToHex(hsva.h, 100, 50);\n this.redrawBar();\n this.redrawSelector();\n }\n }\n\n strToRGBA(str: string) {\n const regex = /^((rgba)\|rgb)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]?([\\d.]+\|$)/i;\n let match, rgba;\n\n // Default to black for invalid color strings\n this.selectorContext.fillStyle = '#000';\n\n // Use canvas to convert the string to a valid color string\n this.selectorContext.fillStyle = str;\n match = regex.exec(this.selectorContext.fillStyle);\n\n if (match) {\n rgba = {\n // @ts-ignore\n r: match[3] 1,\n // @ts-ignore\n g: match[4] * 1,\n // @ts-ignore\n b: match[5] * 1,\n // @ts-ignore\n a: match[6] * 1\n };\n\n // Workaround to mitigate a Chromium bug where the alpha value is rounded incorrectly\n rgba.a = +rgba.a.toFixed(2);\n } else {\n match = this.selectorContext.fillStyle\n .replace('#', '')\n .match(/.{2}/g)!\n .map((h) => parseInt(h, 16));\n rgba = {\n r: match[0],\n g: match[1],\n b: match[2],\n a: 1\n };\n }\n\n return rgba;\n }\n\n RGBAtoHSVA(rgba: any) {\n const red = rgba.r / 255;\n const green = rgba.g / 255;\n const blue = rgba.b / 255;\n const xmax = Math.max(red, green, blue);\n const xmin = Math.min(red, green, blue);\n const chroma = xmax - xmin;\n const value = xmax;\n let hue = 0;\n let saturation = 0;\n\n if (chroma) {\n if (xmax === red) {\n hue = (green - blue) / chroma;\n }\n if (xmax === green) {\n hue = 2 + (blue - red) / chroma;\n }\n if (xmax === blue) {\n hue = 4 + (red - green) / chroma;\n }\n if (xmax) {\n saturation = chroma / xmax;\n }\n }\n\n hue = Math.floor(hue * 60);\n\n return {\n h: hue < 0 ? hue + 360 : hue,\n s: Math.round(saturation * 100),\n v: Math.round(value * 100),\n a: rgba.a\n };\n }\n\n hslToHex(h: number, s: number, l: number) {\n s /= 100;\n l /= 100;\n\n let c = (1 - Math.abs(2 * l - 1)) * s,\n x = c * (1 - Math.abs(((h / 60) % 2) - 1)),\n m = l - c / 2,\n r = 0,\n g = 0,\n b = 0;\n\n if (0 <= h && h < 60) {\n r = c;\n g = x;\n b = 0;\n } else if (60 <= h && h < 120) {\n r = x;\n g = c;\n b = 0;\n } else if (120 <= h && h < 180) {\n r = 0;\n g = c;\n b = x;\n } else if (180 <= h && h < 240) {\n r = 0;\n g = x;\n b = c;\n } else if (240 <= h && h < 300) {\n r = x;\n g = 0;\n b = c;\n } else if (300 <= h && h < 360) {\n r = c;\n g = 0;\n b = x;\n }\n // Having obtained RGB, convert channels to hex\n // @ts-ignore\n r = Math.round((r + m) * 255).toString(16);\n // @ts-ignore\n g = Math.round((g + m) * 255).toString(16);\n // @ts-ignore\n b = Math.round((b + m) * 255).toString(16);\n\n // Prepend 0s, if necessary\n // @ts-ignore\n if (r.length == 1) r = '0' + r;\n // @ts-ignore\n if (g.length == 1) g = '0' + g;\n // @ts-ignore\n if (b.length == 1) b = '0' + b;\n\n return '#' + r + g + b;\n }\n\n mouseMove($event: MouseEvent) {\n if ($event.buttons > 0) {\n this.selectColor($event, true);\n }\n }\n\n mouseUp($event: MouseEvent) {\n this.selectColor($event, false);\n }\n}\n","<div\n class=\"a-color-picker\"\n (click)=\"togglePicker($event)\"\n [style.background-color]=\"temporaryColor ?? color\"\n [title]=\"color\"\n role=\"button\"\n>\n <div class=\"a-color-picker__modal\" [style.display]=\"picking ? 'flex' : 'none'\">\n <div class=\"a-color-picker__modal__backdrop\">\n <canvas\n #selector\n class=\"a-color-picker__modal__selector\"\n (mousemove)=\"mouseMove($event)\"\n (mouseup)=\"mouseUp($event)\"\n height=\"300\"\n width=\"300\"\n ></canvas>\n <canvas\n #bar\n class=\"a-color-picker__modal__bar\"\n (click)=\"selectColorFromBar($event)\"\n height=\"300\"\n width=\"40\"\n ></canvas>\n <div class=\"a-color-picker__modal__input\" (click)=\"clickInput($event)\">\n #<input [ngModel]=\"(color ?? '#').substring(1)\" (ngModelChange)=\"inputColor($event)\" #input />\n </div>\n </div>\n </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { PryColorPickerComponent } from './color-picker.component';\n\nconst PRY_COLORPICKER_COMPONENTS = [PryColorPickerComponent];\n\n@NgModule({\n imports: [CommonModule, FormsModule],\n declarations: [...PRY_COLORPICKER_COMPONENTS],\n exports: [...PRY_COLORPICKER_COMPONENTS]\n})\nexport class PryColorPickerModule {}\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-color-picker.mjs","sources":["../../../../projects/provoly/dashboard/components/color-picker/color-picker.component.ts","../../../../projects/provoly/dashboard/components/color-picker/color-picker.component.html","../../../../projects/provoly/dashboard/components/color-picker/color-picker.module.ts","../../../../projects/provoly/dashboard/components/color-picker/provoly-dashboard-components-color-picker.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, forwardRef, ViewChild } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n selector: 'pry-color-picker',\n templateUrl: './color-picker.component.html',\n\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => PryColorPickerComponent),\n multi: true\n }\n ]\n})\nexport class PryColorPickerComponent implements ControlValueAccessor, AfterViewInit {\n onChange: any = () => {};\n onTouch: any = () => {};\n color? = '#000000';\n barColor: string = '#0000ff';\n disabled = false;\n inhibate = true;\n picking: boolean = false;\n\n @ViewChild('selector') selector!: ElementRef<HTMLCanvasElement>;\n selectorContext!: CanvasRenderingContext2D;\n @ViewChild('bar') bar!: ElementRef<HTMLCanvasElement>;\n barContext!: CanvasRenderingContext2D;\n markerSelectorPosition: [number, number] = [0, 0];\n markerBarPosition = 0;\n\n @ViewChild('input') input!: ElementRef<HTMLInputElement>;\n innerRadius = 3;\n outerRadius = 8;\n temporaryColor?: string;\n\n constructor(private _cd: ChangeDetectorRef) {}\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(color: string) {\n if (this.color !== color && !this.inhibate) {\n this.color = color;\n this.onChange(this.color);\n this.onTouch();\n this._cd.markForCheck();\n this.inputColor(color);\n }\n }\n\n setDisabledState(isDisabled: boolean) {\n this.disabled = isDisabled;\n this._cd.markForCheck();\n }\n\n ngAfterViewInit(): void {\n this.inhibate = false;\n this.selectorContext = this.selector.nativeElement.getContext('2d', { willReadFrequently: true })!;\n this.barContext = this.bar.nativeElement.getContext('2d', { willReadFrequently: true })!;\n }\n\n togglePicker($event: MouseEvent) {\n this.picking = !this.disabled && !this.picking;\n if (!this.picking && this.temporaryColor) {\n this.writeValue(this.temporaryColor);\n }\n if (this.picking) {\n this.redrawSelector();\n this.redrawBar();\n }\n }\n\n redrawSelector() {\n this.selectorContext.clearRect(0, 0, this.selectorContext.canvas.width, this.selectorContext.canvas.height);\n this.drawColorGradient(this.selectorContext, false, ['#ffffff', this.barColor]);\n this.drawColorGradient(this.selectorContext, true, ['rgba(0,0,0,0)', '#000']);\n this.drawSelectorMarker();\n }\n\n redrawBar() {\n this.barContext.clearRect(0, 0, this.barContext.canvas.width, this.barContext.canvas.height);\n this.drawColorGradient(this.barContext, true, [\n '#FF0000',\n '#ffff00',\n '#00FF00',\n '#00FFFF',\n '#0000FF',\n '#FF00FF',\n '#FF0000'\n ]);\n this.drawBarMarker();\n }\n\n drawColorGradient(ctxt: CanvasRenderingContext2D, vertical = true, colors: string[]) {\n const gradientArgs: [number, number, number, number] = vertical\n ? [0, 0, 0, ctxt.canvas.height]\n : [0, 0, ctxt.canvas.width, 0];\n let gradient = ctxt.createLinearGradient(...gradientArgs);\n colors.forEach((color, idx) => {\n gradient.addColorStop(idx / (colors.length - 1), color);\n });\n ctxt.fillStyle = gradient;\n ctxt.fillRect(0, 0, ctxt.canvas.width, ctxt.canvas.height);\n }\n\n drawSelectorMarker() {\n const gradient = this.selectorContext.createRadialGradient(\n this.markerSelectorPosition[0],\n this.markerSelectorPosition[1],\n this.innerRadius,\n this.markerSelectorPosition[0],\n this.markerSelectorPosition[1],\n this.outerRadius\n );\n gradient.addColorStop(0, 'rgba(0,0,0,0)');\n gradient.addColorStop(1, '#ffffff');\n\n this.selectorContext.beginPath();\n this.selectorContext.arc(\n this.markerSelectorPosition[0],\n this.markerSelectorPosition[1],\n this.outerRadius,\n 0,\n 2 * Math.PI\n );\n this.selectorContext.fillStyle = gradient;\n this.selectorContext.fill();\n this.selectorContext.stroke();\n }\n\n drawBarMarker() {\n this.barContext.strokeStyle = '2px solid black';\n this.barContext.beginPath();\n this.barContext.moveTo(0, this.markerBarPosition - this.innerRadius);\n this.barContext.lineTo(this.barContext.canvas.width, this.markerBarPosition - this.innerRadius);\n this.barContext.stroke();\n this.barContext.beginPath();\n this.barContext.moveTo(0, this.markerBarPosition + this.innerRadius);\n this.barContext.lineTo(this.barContext.canvas.width, this.markerBarPosition + this.innerRadius);\n this.barContext.stroke();\n }\n\n selectColor($event: MouseEvent, temporary = false) {\n // Read pixel Color\n const pixelColor = this.rgbToHex(\n ...(this.selectorContext.getImageData($event.offsetX, $event.offsetY, 1, 1)['data'] as unknown as [\n number,\n number,\n number\n ])\n );\n if (!temporary) {\n this.writeValue(pixelColor);\n } else {\n this.temporaryColor = pixelColor;\n }\n\n this.markerSelectorPosition = [$event.offsetX, $event.offsetY];\n this.redrawSelector();\n $event.stopPropagation();\n }\n\n selectColorFromBar($event: MouseEvent) {\n this.markerBarPosition = $event.offsetY;\n this.barColor = this.rgbToHex(\n ...(this.barContext.getImageData(20, $event.offsetY, 1, 1)['data'] as unknown as [number, number, number])\n );\n this.redrawBar();\n this.redrawSelector();\n this.selectColor(\n {\n offsetX: this.markerSelectorPosition[0],\n offsetY: this.markerSelectorPosition[1],\n stopPropagation: () => $event.stopPropagation()\n } as unknown as MouseEvent,\n true\n );\n $event.stopPropagation();\n }\n\n componentToHex(c: number) {\n return c.toString(16).padStart(2, '0');\n }\n\n rgbToHex(r: number, g: number, b: number) {\n return '#' + this.componentToHex(r) + this.componentToHex(g) + this.componentToHex(b);\n }\n\n clickInput($event: MouseEvent) {\n this.input.nativeElement.focus();\n $event.stopPropagation();\n }\n\n inputColor($event?: any) {\n const possibleColor = $event !== undefined ? ($event.indexOf('#') === -1 ? '#' + $event : $event) : '#40B688';\n if (/^#[0-9A-F]{6}$/i.test(possibleColor)) {\n this.writeValue(possibleColor);\n const rgba = this.strToRGBA(this.color!);\n const hsva = this.RGBAtoHSVA(rgba);\n this.markerBarPosition = (this.barContext.canvas.height * hsva.h) / 360;\n this.markerSelectorPosition = [\n (this.selectorContext.canvas.width * hsva.s) / 100,\n this.selectorContext.canvas.height * (1 - hsva.v / 100)\n ];\n this.barColor = this.hslToHex(hsva.h, 100, 50);\n this.redrawBar();\n this.redrawSelector();\n }\n }\n\n strToRGBA(str: string) {\n const regex = /^((rgba)\|rgb)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]?([\\d.]+\|$)/i;\n let match, rgba;\n\n // Default to black for invalid color strings\n this.selectorContext.fillStyle = '#000';\n\n // Use canvas to convert the string to a valid color string\n this.selectorContext.fillStyle = str;\n match = regex.exec(this.selectorContext.fillStyle);\n\n if (match) {\n rgba = {\n // @ts-ignore\n r: match[3] 1,\n // @ts-ignore\n g: match[4] * 1,\n // @ts-ignore\n b: match[5] * 1,\n // @ts-ignore\n a: match[6] * 1\n };\n\n // Workaround to mitigate a Chromium bug where the alpha value is rounded incorrectly\n rgba.a = +rgba.a.toFixed(2);\n } else {\n match = this.selectorContext.fillStyle\n .replace('#', '')\n .match(/.{2}/g)!\n .map((h) => parseInt(h, 16));\n rgba = {\n r: match[0],\n g: match[1],\n b: match[2],\n a: 1\n };\n }\n\n return rgba;\n }\n\n RGBAtoHSVA(rgba: any) {\n const red = rgba.r / 255;\n const green = rgba.g / 255;\n const blue = rgba.b / 255;\n const xmax = Math.max(red, green, blue);\n const xmin = Math.min(red, green, blue);\n const chroma = xmax - xmin;\n const value = xmax;\n let hue = 0;\n let saturation = 0;\n\n if (chroma) {\n if (xmax === red) {\n hue = (green - blue) / chroma;\n }\n if (xmax === green) {\n hue = 2 + (blue - red) / chroma;\n }\n if (xmax === blue) {\n hue = 4 + (red - green) / chroma;\n }\n if (xmax) {\n saturation = chroma / xmax;\n }\n }\n\n hue = Math.floor(hue * 60);\n\n return {\n h: hue < 0 ? hue + 360 : hue,\n s: Math.round(saturation * 100),\n v: Math.round(value * 100),\n a: rgba.a\n };\n }\n\n hslToHex(h: number, s: number, l: number) {\n s /= 100;\n l /= 100;\n\n let c = (1 - Math.abs(2 * l - 1)) * s,\n x = c * (1 - Math.abs(((h / 60) % 2) - 1)),\n m = l - c / 2,\n r = 0,\n g = 0,\n b = 0;\n\n if (0 <= h && h < 60) {\n r = c;\n g = x;\n b = 0;\n } else if (60 <= h && h < 120) {\n r = x;\n g = c;\n b = 0;\n } else if (120 <= h && h < 180) {\n r = 0;\n g = c;\n b = x;\n } else if (180 <= h && h < 240) {\n r = 0;\n g = x;\n b = c;\n } else if (240 <= h && h < 300) {\n r = x;\n g = 0;\n b = c;\n } else if (300 <= h && h < 360) {\n r = c;\n g = 0;\n b = x;\n }\n // Having obtained RGB, convert channels to hex\n // @ts-ignore\n r = Math.round((r + m) * 255).toString(16);\n // @ts-ignore\n g = Math.round((g + m) * 255).toString(16);\n // @ts-ignore\n b = Math.round((b + m) * 255).toString(16);\n\n // Prepend 0s, if necessary\n // @ts-ignore\n if (r.length == 1) r = '0' + r;\n // @ts-ignore\n if (g.length == 1) g = '0' + g;\n // @ts-ignore\n if (b.length == 1) b = '0' + b;\n\n return '#' + r + g + b;\n }\n\n mouseMove($event: MouseEvent) {\n if ($event.buttons > 0) {\n this.selectColor($event, true);\n }\n }\n\n mouseUp($event: MouseEvent) {\n this.selectColor($event, false);\n }\n}\n","<div\n class=\"a-color-picker\"\n (click)=\"togglePicker($event)\"\n [style.background-color]=\"temporaryColor ?? color\"\n [title]=\"color\"\n role=\"button\"\n>\n <div class=\"a-color-picker__modal\" [style.display]=\"picking ? 'flex' : 'none'\">\n <div class=\"a-color-picker__modal__backdrop\">\n <canvas\n #selector\n class=\"a-color-picker__modal__selector\"\n (mousemove)=\"mouseMove($event)\"\n (mouseup)=\"mouseUp($event)\"\n height=\"300\"\n width=\"300\"\n ></canvas>\n <canvas\n #bar\n class=\"a-color-picker__modal__bar\"\n (click)=\"selectColorFromBar($event)\"\n height=\"300\"\n width=\"40\"\n ></canvas>\n <div class=\"a-color-picker__modal__input\" (click)=\"clickInput($event)\">\n #<input [ngModel]=\"(color ?? '#').substring(1)\" (ngModelChange)=\"inputColor($event)\" #input />\n </div>\n </div>\n </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { PryColorPickerComponent } from './color-picker.component';\n\nconst PRY_COLORPICKER_COMPONENTS = [PryColorPickerComponent];\n\n@NgModule({\n imports: [CommonModule, FormsModule],\n declarations: [...PRY_COLORPICKER_COMPONENTS],\n exports: [...PRY_COLORPICKER_COMPONENTS]\n})\nexport class PryColorPickerModule {}\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-components-scheme-picker.mjs CHANGED Viewed

@@ -118,10 +118,7 @@ class PrySchemePickerComponent {
         }
     }
     addColorToScheme() {
-        this.writeValue(this.schemeService
-            .getSchemeColors(this.scheme$.getValue())
-            .concat('#' + this.schemeService.randomColor())
-            .join(','));
+        this.writeValue([this.schemeService.getSchemeColors(this.scheme$.getValue()), this.schemeService.randomColor()].join(','));
     }
     removeColorFromScheme(index) {
         const newScheme = [...this.schemeService.getSchemeColors(this.scheme$.getValue())];

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\n .getSchemeColors(this.scheme$.getValue())\n .concat('#' + this.schemeService.randomColor())\n .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 <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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"}

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

@@ -15,11 +15,11 @@ import { PryTextEditorModule } from '@provoly/dashboard/components/text-editor';
 class PryDatasetCssComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasetCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryDatasetCssComponent, selector: "pry-dataset-css", ngImport: i0, template: '', isInline: true, styles: [".o-pry-dataset{margin:0;padding:0}.o-pry-dataset li{list-style:none}.dataset-layout{display:flex;flex-direction:column;align-items:center}.dataset-layout__content{width:100%;padding:.625rem 1.25rem 3.125rem;height:100%;overflow:auto}.o-pry-dataset{display:grid;grid-template-columns:repeat(auto-fill,minmax(20.625rem,0fr));grid-gap:.625rem;column-gap:1.5rem;row-gap:2rem;padding-bottom:9.375rem}.o-pry-dataset__search{position:relative}.o-pry-dataset__search .a-icon{position:absolute;right:.6875rem;bottom:.5625rem;opacity:.5;pointer-events:none}.o-pry-dataset__item{display:flex;flex-direction:column;align-items:stretch}.o-dataset-layout{position:relative;overflow:hidden;height:100%}\n", ".o-pry-dataset-card{display:flex;flex-direction:column;align-items:stretch;position:relative;margin:0 auto;border-collapse:collapse;font-size:.875rem;min-width:20.625rem;height:9.375rem}.o-pry-dataset-card:hover{cursor:pointer}.o-pry-dataset-card:hover .o-pry-dataset-card__footer pry-icon{visibility:visible;opacity:1}.o-pry-dataset-card__header{display:flex;gap:.9375rem;padding:.625rem;max-width:20.625rem}.o-pry-dataset-card__description-container{position:relative;width:100%}.o-pry-dataset-card__description-container.a-tooltip[data-tooltip]:after{width:100%}.o-pry-dataset-card__txt{flex-grow:1;padding:.625rem .9375rem}.o-pry-dataset-card__txt .a-h3{font-size:.875rem}.o-pry-dataset-card__txt .a-p{font-size:.8125rem}.o-pry-dataset-card__txt .a-p.-date{margin-bottom:0}.o-pry-dataset-card__footer{display:flex;align-items:center;justify-content:center}.o-pry-dataset-card__footer .a-btn{margin-left:1.25rem}.o-pry-dataset-card__footer pry-icon{visibility:hidden;opacity:0;transition:visibility .1s linear,opacity .1s linear;margin-left:.1875rem}.o-pry-dataset-card .dataset-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n", "pry-dataset-detail .o-dataset-layout__panel .version-information h1,pry-dataset-detail .o-dataset-layout__panel .version-information h2,pry-dataset-detail .o-dataset-layout__panel .version-information h3,pry-dataset-detail .o-dataset-layout__panel .version-information h4,pry-dataset-detail .o-dataset-layout__panel .version-information h5,pry-dataset-detail .o-dataset-layout__panel .version-information h6{padding:0;margin:0;color:#253043}pry-dataset-detail .o-dataset-layout__panel .version-information h5{font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information span,pry-dataset-detail .o-dataset-layout__panel .version-information p{font-size:.875rem;color:#263340;white-space:pre-wrap}pry-dataset-detail .o-dataset-layout__panel .version-information div{padding-bottom:10px}pry-dataset-detail .o-dataset-layout__panel .version-information ul,pry-dataset-detail .o-dataset-layout__panel .version-information ol{margin:0;line-height:1rem}pry-dataset-detail .o-dataset-layout__panel .version-information li{color:#253043;font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information table{border-collapse:collapse}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr th{padding-top:.75rem;padding-bottom:.75rem;text-align:left}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr td{padding:.75rem .5rem;text-align:left}pry-dataset-detail{height:100%;width:100%}pry-dataset-detail .o-dataset-layout{display:flex}pry-dataset-detail .o-dataset-layout__content{overflow:hidden;height:100%;padding-left:2rem;padding-top:1.25rem;flex:1}pry-dataset-detail .o-dataset-layout__panel{width:20.625rem;border-left:solid 1px #D8E7F7;padding:.625rem;font-size:.875rem;color:#263340}pry-dataset-detail .o-dataset-layout__panel .a-label{font-weight:700}pry-dataset-detail .o-dataset-layout .panel__content{gap:.9375rem}pry-dataset-detail .dashboard-container{height:100%}pry-dataset-detail .table-container{flex:1 1}pry-dataset-detail .table-container pry-icon{position:relative;top:.3125rem}pry-dataset-detail .state-button{text-decoration:underline}pry-dataset-detail .m-info-icon{margin:0 .5rem}.o-dataset-detail{height:80%}.o-dataset-detail__content{height:100%;margin:0 2rem}.o-dataset-detail__information{padding:.625rem;font-size:.875rem;color:#263340;background:#fff;border-radius:4px;gap:.9375rem}.o-dataset-detail__information .a-label{font-weight:700}.o-dataset-detail pry-tab-group .o-tabs{height:100%}.o-dataset-detail pry-tab-group .o-tabs__panel__content{height:100%}.o-dataset-detail tr{height:1.875rem}.o-dataset-detail tr.-selected{background-color:#f5f7f9}.o-dataset-detail td .a-btn+.a-btn{margin-left:.625rem}\n", ".o-dataset-version-form .a-label{font-weight:700}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryDatasetCssComponent, selector: "pry-dataset-css", ngImport: i0, template: '', isInline: true, styles: [".o-pry-dataset{margin:0;padding:0}.o-pry-dataset li{list-style:none}.dataset-layout{display:flex;flex-direction:column;align-items:center}.dataset-layout__content{width:100%;padding:.625rem 1.25rem 3.125rem;height:100%;overflow:auto}.o-pry-dataset{display:grid;grid-template-columns:repeat(auto-fill,minmax(20.625rem,0fr));grid-gap:.625rem;column-gap:1.5rem;row-gap:2rem;padding-bottom:9.375rem}.o-pry-dataset__search{position:relative}.o-pry-dataset__search .a-icon{position:absolute;right:.6875rem;bottom:.5625rem;opacity:.5;pointer-events:none}.o-pry-dataset__item{display:flex;flex-direction:column;align-items:stretch}.o-dataset-layout{position:relative;overflow:hidden;height:100%}\n", ".o-pry-dataset-card{display:flex;flex-direction:column;align-items:stretch;position:relative;margin:0 auto;border-collapse:collapse;font-size:.875rem;min-width:20.625rem;height:9.375rem}.o-pry-dataset-card:hover{cursor:pointer}.o-pry-dataset-card:hover .o-pry-dataset-card__footer pry-icon{visibility:visible;opacity:1}.o-pry-dataset-card__header{display:flex;gap:.9375rem;padding:.625rem;max-width:20.625rem}.o-pry-dataset-card__description-container{position:relative;width:100%}.o-pry-dataset-card__description-container.a-tooltip[data-tooltip]:after{width:100%}.o-pry-dataset-card__txt{flex-grow:1;padding:.625rem .9375rem}.o-pry-dataset-card__txt .a-h3{font-size:.875rem}.o-pry-dataset-card__txt .a-p{font-size:.8125rem}.o-pry-dataset-card__txt .a-p.-date{margin-bottom:0}.o-pry-dataset-card__footer{display:flex;align-items:center;justify-content:center}.o-pry-dataset-card__footer .a-btn{margin-left:1.25rem}.o-pry-dataset-card__footer pry-icon{visibility:hidden;opacity:0;transition:visibility .1s linear,opacity .1s linear;margin-left:.1875rem}.o-pry-dataset-card .dataset-name{width:16.875rem}.o-pry-dataset-card .dataset-name.a-tooltip[data-tooltip]:after{top:calc(100% - 15px);max-width:18.75rem;word-break:break-word}\n", "pry-dataset-detail .o-dataset-layout__panel .version-information h1,pry-dataset-detail .o-dataset-layout__panel .version-information h2,pry-dataset-detail .o-dataset-layout__panel .version-information h3,pry-dataset-detail .o-dataset-layout__panel .version-information h4,pry-dataset-detail .o-dataset-layout__panel .version-information h5,pry-dataset-detail .o-dataset-layout__panel .version-information h6{padding:0;margin:0;color:#253043}pry-dataset-detail .o-dataset-layout__panel .version-information h5{font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information span,pry-dataset-detail .o-dataset-layout__panel .version-information p{font-size:.875rem;color:#263340;white-space:pre-wrap}pry-dataset-detail .o-dataset-layout__panel .version-information div{padding-bottom:10px}pry-dataset-detail .o-dataset-layout__panel .version-information ul,pry-dataset-detail .o-dataset-layout__panel .version-information ol{margin:0;line-height:1rem}pry-dataset-detail .o-dataset-layout__panel .version-information li{color:#253043;font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information table{border-collapse:collapse}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr th{padding-top:.75rem;padding-bottom:.75rem;text-align:left}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr td{padding:.75rem .5rem;text-align:left}pry-dataset-detail{height:100%;width:100%}pry-dataset-detail .o-dataset-layout{display:flex}pry-dataset-detail .o-dataset-layout__content{overflow:hidden;height:100%;padding-left:2rem;padding-top:1.25rem;flex:1}pry-dataset-detail .o-dataset-layout__panel{width:20.625rem;border-left:solid 1px #D8E7F7;padding:.625rem;font-size:.875rem;color:#263340}pry-dataset-detail .o-dataset-layout__panel .a-label{font-weight:700}pry-dataset-detail .o-dataset-layout .panel__content{gap:.9375rem}pry-dataset-detail .dashboard-container{height:100%}pry-dataset-detail .table-container{flex:1 1}pry-dataset-detail .table-container pry-icon{position:relative;top:.3125rem}pry-dataset-detail .state-button{text-decoration:underline}pry-dataset-detail .m-info-icon{margin:0 .5rem}.o-dataset-detail{height:80%}.o-dataset-detail__content{height:100%;margin:0 2rem}.o-dataset-detail__information{padding:.625rem;font-size:.875rem;color:#263340;background:#fff;border-radius:4px;gap:.9375rem}.o-dataset-detail__information .a-label{font-weight:700}.o-dataset-detail pry-tab-group .o-tabs{height:100%}.o-dataset-detail pry-tab-group .o-tabs__panel__content{height:100%}.o-dataset-detail tr{height:1.875rem}.o-dataset-detail tr.-selected{background-color:#f5f7f9}.o-dataset-detail td .a-btn+.a-btn{margin-left:.625rem}\n", ".o-dataset-version-form .a-label{font-weight:700}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasetCssComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-dataset-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-pry-dataset{margin:0;padding:0}.o-pry-dataset li{list-style:none}.dataset-layout{display:flex;flex-direction:column;align-items:center}.dataset-layout__content{width:100%;padding:.625rem 1.25rem 3.125rem;height:100%;overflow:auto}.o-pry-dataset{display:grid;grid-template-columns:repeat(auto-fill,minmax(20.625rem,0fr));grid-gap:.625rem;column-gap:1.5rem;row-gap:2rem;padding-bottom:9.375rem}.o-pry-dataset__search{position:relative}.o-pry-dataset__search .a-icon{position:absolute;right:.6875rem;bottom:.5625rem;opacity:.5;pointer-events:none}.o-pry-dataset__item{display:flex;flex-direction:column;align-items:stretch}.o-dataset-layout{position:relative;overflow:hidden;height:100%}\n", ".o-pry-dataset-card{display:flex;flex-direction:column;align-items:stretch;position:relative;margin:0 auto;border-collapse:collapse;font-size:.875rem;min-width:20.625rem;height:9.375rem}.o-pry-dataset-card:hover{cursor:pointer}.o-pry-dataset-card:hover .o-pry-dataset-card__footer pry-icon{visibility:visible;opacity:1}.o-pry-dataset-card__header{display:flex;gap:.9375rem;padding:.625rem;max-width:20.625rem}.o-pry-dataset-card__description-container{position:relative;width:100%}.o-pry-dataset-card__description-container.a-tooltip[data-tooltip]:after{width:100%}.o-pry-dataset-card__txt{flex-grow:1;padding:.625rem .9375rem}.o-pry-dataset-card__txt .a-h3{font-size:.875rem}.o-pry-dataset-card__txt .a-p{font-size:.8125rem}.o-pry-dataset-card__txt .a-p.-date{margin-bottom:0}.o-pry-dataset-card__footer{display:flex;align-items:center;justify-content:center}.o-pry-dataset-card__footer .a-btn{margin-left:1.25rem}.o-pry-dataset-card__footer pry-icon{visibility:hidden;opacity:0;transition:visibility .1s linear,opacity .1s linear;margin-left:.1875rem}.o-pry-dataset-card .dataset-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n", "pry-dataset-detail .o-dataset-layout__panel .version-information h1,pry-dataset-detail .o-dataset-layout__panel .version-information h2,pry-dataset-detail .o-dataset-layout__panel .version-information h3,pry-dataset-detail .o-dataset-layout__panel .version-information h4,pry-dataset-detail .o-dataset-layout__panel .version-information h5,pry-dataset-detail .o-dataset-layout__panel .version-information h6{padding:0;margin:0;color:#253043}pry-dataset-detail .o-dataset-layout__panel .version-information h5{font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information span,pry-dataset-detail .o-dataset-layout__panel .version-information p{font-size:.875rem;color:#263340;white-space:pre-wrap}pry-dataset-detail .o-dataset-layout__panel .version-information div{padding-bottom:10px}pry-dataset-detail .o-dataset-layout__panel .version-information ul,pry-dataset-detail .o-dataset-layout__panel .version-information ol{margin:0;line-height:1rem}pry-dataset-detail .o-dataset-layout__panel .version-information li{color:#253043;font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information table{border-collapse:collapse}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr th{padding-top:.75rem;padding-bottom:.75rem;text-align:left}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr td{padding:.75rem .5rem;text-align:left}pry-dataset-detail{height:100%;width:100%}pry-dataset-detail .o-dataset-layout{display:flex}pry-dataset-detail .o-dataset-layout__content{overflow:hidden;height:100%;padding-left:2rem;padding-top:1.25rem;flex:1}pry-dataset-detail .o-dataset-layout__panel{width:20.625rem;border-left:solid 1px #D8E7F7;padding:.625rem;font-size:.875rem;color:#263340}pry-dataset-detail .o-dataset-layout__panel .a-label{font-weight:700}pry-dataset-detail .o-dataset-layout .panel__content{gap:.9375rem}pry-dataset-detail .dashboard-container{height:100%}pry-dataset-detail .table-container{flex:1 1}pry-dataset-detail .table-container pry-icon{position:relative;top:.3125rem}pry-dataset-detail .state-button{text-decoration:underline}pry-dataset-detail .m-info-icon{margin:0 .5rem}.o-dataset-detail{height:80%}.o-dataset-detail__content{height:100%;margin:0 2rem}.o-dataset-detail__information{padding:.625rem;font-size:.875rem;color:#263340;background:#fff;border-radius:4px;gap:.9375rem}.o-dataset-detail__information .a-label{font-weight:700}.o-dataset-detail pry-tab-group .o-tabs{height:100%}.o-dataset-detail pry-tab-group .o-tabs__panel__content{height:100%}.o-dataset-detail tr{height:1.875rem}.o-dataset-detail tr.-selected{background-color:#f5f7f9}.o-dataset-detail td .a-btn+.a-btn{margin-left:.625rem}\n", ".o-dataset-version-form .a-label{font-weight:700}\n"] }]
+            args: [{ selector: 'pry-dataset-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-pry-dataset{margin:0;padding:0}.o-pry-dataset li{list-style:none}.dataset-layout{display:flex;flex-direction:column;align-items:center}.dataset-layout__content{width:100%;padding:.625rem 1.25rem 3.125rem;height:100%;overflow:auto}.o-pry-dataset{display:grid;grid-template-columns:repeat(auto-fill,minmax(20.625rem,0fr));grid-gap:.625rem;column-gap:1.5rem;row-gap:2rem;padding-bottom:9.375rem}.o-pry-dataset__search{position:relative}.o-pry-dataset__search .a-icon{position:absolute;right:.6875rem;bottom:.5625rem;opacity:.5;pointer-events:none}.o-pry-dataset__item{display:flex;flex-direction:column;align-items:stretch}.o-dataset-layout{position:relative;overflow:hidden;height:100%}\n", ".o-pry-dataset-card{display:flex;flex-direction:column;align-items:stretch;position:relative;margin:0 auto;border-collapse:collapse;font-size:.875rem;min-width:20.625rem;height:9.375rem}.o-pry-dataset-card:hover{cursor:pointer}.o-pry-dataset-card:hover .o-pry-dataset-card__footer pry-icon{visibility:visible;opacity:1}.o-pry-dataset-card__header{display:flex;gap:.9375rem;padding:.625rem;max-width:20.625rem}.o-pry-dataset-card__description-container{position:relative;width:100%}.o-pry-dataset-card__description-container.a-tooltip[data-tooltip]:after{width:100%}.o-pry-dataset-card__txt{flex-grow:1;padding:.625rem .9375rem}.o-pry-dataset-card__txt .a-h3{font-size:.875rem}.o-pry-dataset-card__txt .a-p{font-size:.8125rem}.o-pry-dataset-card__txt .a-p.-date{margin-bottom:0}.o-pry-dataset-card__footer{display:flex;align-items:center;justify-content:center}.o-pry-dataset-card__footer .a-btn{margin-left:1.25rem}.o-pry-dataset-card__footer pry-icon{visibility:hidden;opacity:0;transition:visibility .1s linear,opacity .1s linear;margin-left:.1875rem}.o-pry-dataset-card .dataset-name{width:16.875rem}.o-pry-dataset-card .dataset-name.a-tooltip[data-tooltip]:after{top:calc(100% - 15px);max-width:18.75rem;word-break:break-word}\n", "pry-dataset-detail .o-dataset-layout__panel .version-information h1,pry-dataset-detail .o-dataset-layout__panel .version-information h2,pry-dataset-detail .o-dataset-layout__panel .version-information h3,pry-dataset-detail .o-dataset-layout__panel .version-information h4,pry-dataset-detail .o-dataset-layout__panel .version-information h5,pry-dataset-detail .o-dataset-layout__panel .version-information h6{padding:0;margin:0;color:#253043}pry-dataset-detail .o-dataset-layout__panel .version-information h5{font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information span,pry-dataset-detail .o-dataset-layout__panel .version-information p{font-size:.875rem;color:#263340;white-space:pre-wrap}pry-dataset-detail .o-dataset-layout__panel .version-information div{padding-bottom:10px}pry-dataset-detail .o-dataset-layout__panel .version-information ul,pry-dataset-detail .o-dataset-layout__panel .version-information ol{margin:0;line-height:1rem}pry-dataset-detail .o-dataset-layout__panel .version-information li{color:#253043;font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information table{border-collapse:collapse}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr th{padding-top:.75rem;padding-bottom:.75rem;text-align:left}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr td{padding:.75rem .5rem;text-align:left}pry-dataset-detail{height:100%;width:100%}pry-dataset-detail .o-dataset-layout{display:flex}pry-dataset-detail .o-dataset-layout__content{overflow:hidden;height:100%;padding-left:2rem;padding-top:1.25rem;flex:1}pry-dataset-detail .o-dataset-layout__panel{width:20.625rem;border-left:solid 1px #D8E7F7;padding:.625rem;font-size:.875rem;color:#263340}pry-dataset-detail .o-dataset-layout__panel .a-label{font-weight:700}pry-dataset-detail .o-dataset-layout .panel__content{gap:.9375rem}pry-dataset-detail .dashboard-container{height:100%}pry-dataset-detail .table-container{flex:1 1}pry-dataset-detail .table-container pry-icon{position:relative;top:.3125rem}pry-dataset-detail .state-button{text-decoration:underline}pry-dataset-detail .m-info-icon{margin:0 .5rem}.o-dataset-detail{height:80%}.o-dataset-detail__content{height:100%;margin:0 2rem}.o-dataset-detail__information{padding:.625rem;font-size:.875rem;color:#263340;background:#fff;border-radius:4px;gap:.9375rem}.o-dataset-detail__information .a-label{font-weight:700}.o-dataset-detail pry-tab-group .o-tabs{height:100%}.o-dataset-detail pry-tab-group .o-tabs__panel__content{height:100%}.o-dataset-detail tr{height:1.875rem}.o-dataset-detail tr.-selected{background-color:#f5f7f9}.o-dataset-detail td .a-btn+.a-btn{margin-left:.625rem}\n", ".o-dataset-version-form .a-label{font-weight:700}\n"] }]
         }] });
 class PryDatasetCardComponent {
@@ -43,11 +43,11 @@ class PryDatasetCardComponent {
         this.consult.emit(this.dataset);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasetCardComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryDatasetCardComponent, selector: "pry-dataset-card", inputs: { dataset: "dataset" }, outputs: { consult: "consult" }, ngImport: i0, template: "<pry-dataset-css></pry-dataset-css>\n<div class=\"o-pry-dataset-card\" (click)=\"goToDetailView()\">\n  <div class=\"o-pry-dataset-card__header\">\n    <img\n      alt=\"\"\n      [height]=\"25\"\n      [width]=\"25\"\n      [src]=\"dataset.id | translateId : { type: 'datasource', output: 'icon' } | async\"\n    />\n    <div class=\"a-h4 dataset-name\">{{ dataset.name }}</div>\n  </div>\n  <div class=\"o-pry-dataset-card__txt\">\n    <div class=\"a-p\">\n      <ng-container *ngIf=\"activeVersion$ | async; else noActiveVersion\">\n        <p class=\"a-p -date\">{{ '@pry.dataset.since_day' | i18n }} {{ (activeVersion$ | async)! | sinceDate }}</p>\n      </ng-container>\n      <ng-template #noActiveVersion>\n        <span> {{ '@pry.dataset.noActiveVersion' | i18n }}</span>\n      </ng-template>\n      <div class=\"o-pry-dataset-card__description-container\" ellipsis textElementSelector=\".description\">\n        <div class=\"description\">{{ truncateDescription(dataset.description, 100) }}</div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"o-pry-dataset-card__footer\">\n    <button class=\"a-btn\">\n      {{ '@pry.dataset.consult' | i18n }}\n      <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"arrow_right\"></pry-icon>\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.EllipsisDirective, selector: "[ellipsis]", inputs: ["textElementSelector"] }, { kind: "component", type: PryDatasetCssComponent, selector: "pry-dataset-css" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i5.PrySinceDatePipe, name: "sinceDate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryDatasetCardComponent, selector: "pry-dataset-card", inputs: { dataset: "dataset" }, outputs: { consult: "consult" }, ngImport: i0, template: "<pry-dataset-css></pry-dataset-css>\n<div class=\"o-pry-dataset-card\" (click)=\"goToDetailView()\">\n  <div class=\"o-pry-dataset-card__header\">\n    <img\n      alt=\"\"\n      [height]=\"25\"\n      [width]=\"25\"\n      [src]=\"dataset.id | translateId: { type: 'datasource', output: 'icon' } | async\"\n    />\n    <div class=\"a-h4 dataset-name\" ellipsis textElementSelector=\".a-h4\">\n      <h4 class=\"a-h4\">{{ dataset.name }}</h4>\n    </div>\n  </div>\n  <div class=\"o-pry-dataset-card__txt\">\n    <div class=\"a-p\">\n      <ng-container *ngIf=\"activeVersion$ | async; else noActiveVersion\">\n        <p class=\"a-p -date\">{{ '@pry.dataset.since_day' | i18n }} {{ (activeVersion$ | async)! | sinceDate }}</p>\n      </ng-container>\n      <ng-template #noActiveVersion>\n        <span> {{ '@pry.dataset.noActiveVersion' | i18n }}</span>\n      </ng-template>\n      <div class=\"o-pry-dataset-card__description-container\" ellipsis textElementSelector=\".description\">\n        <div class=\"description\">{{ truncateDescription(dataset.description, 100) }}</div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"o-pry-dataset-card__footer\">\n    <button class=\"a-btn\">\n      {{ '@pry.dataset.consult' | i18n }}\n      <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"arrow_right\"></pry-icon>\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.EllipsisDirective, selector: "[ellipsis]", inputs: ["textElementSelector"] }, { kind: "component", type: PryDatasetCssComponent, selector: "pry-dataset-css" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i5.PrySinceDatePipe, name: "sinceDate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasetCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-dataset-card', template: "<pry-dataset-css></pry-dataset-css>\n<div class=\"o-pry-dataset-card\" (click)=\"goToDetailView()\">\n  <div class=\"o-pry-dataset-card__header\">\n    <img\n      alt=\"\"\n      [height]=\"25\"\n      [width]=\"25\"\n      [src]=\"dataset.id | translateId : { type: 'datasource', output: 'icon' } | async\"\n    />\n    <div class=\"a-h4 dataset-name\">{{ dataset.name }}</div>\n  </div>\n  <div class=\"o-pry-dataset-card__txt\">\n    <div class=\"a-p\">\n      <ng-container *ngIf=\"activeVersion$ | async; else noActiveVersion\">\n        <p class=\"a-p -date\">{{ '@pry.dataset.since_day' | i18n }} {{ (activeVersion$ | async)! | sinceDate }}</p>\n      </ng-container>\n      <ng-template #noActiveVersion>\n        <span> {{ '@pry.dataset.noActiveVersion' | i18n }}</span>\n      </ng-template>\n      <div class=\"o-pry-dataset-card__description-container\" ellipsis textElementSelector=\".description\">\n        <div class=\"description\">{{ truncateDescription(dataset.description, 100) }}</div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"o-pry-dataset-card__footer\">\n    <button class=\"a-btn\">\n      {{ '@pry.dataset.consult' | i18n }}\n      <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"arrow_right\"></pry-icon>\n    </button>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'pry-dataset-card', template: "<pry-dataset-css></pry-dataset-css>\n<div class=\"o-pry-dataset-card\" (click)=\"goToDetailView()\">\n  <div class=\"o-pry-dataset-card__header\">\n    <img\n      alt=\"\"\n      [height]=\"25\"\n      [width]=\"25\"\n      [src]=\"dataset.id | translateId: { type: 'datasource', output: 'icon' } | async\"\n    />\n    <div class=\"a-h4 dataset-name\" ellipsis textElementSelector=\".a-h4\">\n      <h4 class=\"a-h4\">{{ dataset.name }}</h4>\n    </div>\n  </div>\n  <div class=\"o-pry-dataset-card__txt\">\n    <div class=\"a-p\">\n      <ng-container *ngIf=\"activeVersion$ | async; else noActiveVersion\">\n        <p class=\"a-p -date\">{{ '@pry.dataset.since_day' | i18n }} {{ (activeVersion$ | async)! | sinceDate }}</p>\n      </ng-container>\n      <ng-template #noActiveVersion>\n        <span> {{ '@pry.dataset.noActiveVersion' | i18n }}</span>\n      </ng-template>\n      <div class=\"o-pry-dataset-card__description-container\" ellipsis textElementSelector=\".description\">\n        <div class=\"description\">{{ truncateDescription(dataset.description, 100) }}</div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"o-pry-dataset-card__footer\">\n    <button class=\"a-btn\">\n      {{ '@pry.dataset.consult' | i18n }}\n      <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"arrow_right\"></pry-icon>\n    </button>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }], propDecorators: { dataset: [{
                 type: Input
             }], consult: [{
@@ -150,8 +150,13 @@ class PryDatasetDetailComponent extends SubscriptionnerDirective {
         this.isPanelOpen = false;
         this.datasetItems$ = this.store.select(DashboardSelectors.resultSets);
         this.compId = nextCompId++;
+        this.subscriptions.add(this.store.select(DashboardSelectors.dashboardEditionMode).subscribe((editionMode) => {
+            if (editionMode)
+                this.store.dispatch(DashboardActions.toggleEditionMode({}));
+        }));
     }
     ngOnInit() {
+        this.canModify$ = this.access?.canModifyDataset(this.dataset) ?? of(false);
         this.store.dispatch(DataSourceActions.dataset.listVersionsByDatasetId({ id: this.dataset.id }));
         this.store.dispatch(DashboardActions.removeFilters());
         this.store.dispatch(SearchActions.getDatasourceItems({
@@ -269,15 +274,12 @@ class PryDatasetDetailComponent extends SubscriptionnerDirective {
         this.store.dispatch(DataSourceActions.dataset.confirmDeleteVersion({ version }));
         $event?.stopPropagation();
     }
-    canModify$() {
-        return this.access ? this.access.canModifyDataset(this.dataset) : of(false);
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasetDetailComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", 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      <h2 class=\"a-h1\">{{ dataset.name }}</h2>\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 (activeVersion$ | async; as activeVersion) {\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n        <span>{{\n          (activeVersion?.productionDate | date: 'dd-MM-yyyy, HH:mm') ?? ('@pry.dataset.version.notProvided' | i18n)\n        }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n        <span>{{ 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]=\"activeVersion?.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\"\n        ></div>\n      </div>\n    } @else {\n      <div class=\"a-p\">\n        <p>{{ '@pry.dataset.noActiveVersion' | i18n }}</p>\n      </div>\n    }\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 *ngIf=\"activeVersionId$ | async as activeVersionId\" 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 *ngIf=\"activeVersionId === version.id\" iconSvg=\"check\" class=\"check\"></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              (activeVersionId === version.id\n                ? '@pry.dataset.version.currentlyActive'\n                : '@pry.dataset.version.' + 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]=\"'@pry.dataset.tooltip.' + getVersionTooltipContent(version, activeVersionId) | i18n\"\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 *ngIf=\"canModify$() && (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                  <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=\"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            </ng-container>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</ng-template>\n\n<ng-container *ngIf=\"showModalStatus\">\n  <pry-modal-status [version]=\"selectedDatasetVersion\" (gotoConsult)=\"goToConsult($event)\"></pry-modal-status>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i3.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"], outputs: ["clickedTabIdx"] }, { kind: "component", type: i3.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i3.DashboardComponent, selector: "pry-dashboard", inputs: ["staticDashboard", "forceModeEdition", "CloseOnDragOut", "displayOptions", "noBackground", "breakpoint"], outputs: ["rowHeight", "rows"] }, { kind: "component", type: i3.PryModalStatusComponent, selector: "pry-modal-status", inputs: ["version"], outputs: ["gotoConsult"] }, { kind: "component", type: PryDatasetVersionFormComponent, selector: "pry-dataset-version-form", inputs: ["version"], outputs: ["formValidated"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i5.PrySinceDatePipe, name: "sinceDate" }, { kind: "pipe", type: i4.MdToHtmlPipe, name: "mdToHtml" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", 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      <h2 class=\"a-h1\">{{ dataset.name }}</h2>\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 (activeVersion$ | async; as activeVersion) {\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n        <span>{{\n          (activeVersion?.productionDate | date: 'dd-MM-yyyy, HH:mm') ?? ('@pry.dataset.version.notProvided' | i18n)\n        }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n        <span>{{ 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]=\"activeVersion?.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\"\n        ></div>\n      </div>\n    } @else {\n      <div class=\"a-p\">\n        <p>{{ '@pry.dataset.noActiveVersion' | i18n }}</p>\n      </div>\n    }\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 *ngIf=\"activeVersionId$ | async as activeVersionId\" 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 *ngIf=\"activeVersionId === version.id\" iconSvg=\"check\" class=\"check\"></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              (activeVersionId === version.id\n                ? '@pry.dataset.version.currentlyActive'\n                : '@pry.dataset.version.' + 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]=\"'@pry.dataset.tooltip.' + getVersionTooltipContent(version, activeVersionId) | i18n\"\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\n<ng-container *ngIf=\"showModalStatus\">\n  <pry-modal-status [version]=\"selectedDatasetVersion\" (gotoConsult)=\"goToConsult($event)\"></pry-modal-status>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i3.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"], outputs: ["clickedTabIdx"] }, { kind: "component", type: i3.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i3.DashboardComponent, selector: "pry-dashboard", inputs: ["staticDashboard", "forceModeEdition", "CloseOnDragOut", "displayOptions", "noBackground", "breakpoint"], outputs: ["rowHeight", "rows"] }, { kind: "component", type: i3.PryModalStatusComponent, selector: "pry-modal-status", inputs: ["version"], outputs: ["gotoConsult"] }, { kind: "component", type: PryDatasetVersionFormComponent, selector: "pry-dataset-version-form", inputs: ["version"], outputs: ["formValidated"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i5.PrySinceDatePipe, name: "sinceDate" }, { kind: "pipe", type: i4.MdToHtmlPipe, name: "mdToHtml" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", 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      <h2 class=\"a-h1\">{{ dataset.name }}</h2>\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 (activeVersion$ | async; as activeVersion) {\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n        <span>{{\n          (activeVersion?.productionDate | date: 'dd-MM-yyyy, HH:mm') ?? ('@pry.dataset.version.notProvided' | i18n)\n        }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n        <span>{{ 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]=\"activeVersion?.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\"\n        ></div>\n      </div>\n    } @else {\n      <div class=\"a-p\">\n        <p>{{ '@pry.dataset.noActiveVersion' | i18n }}</p>\n      </div>\n    }\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 *ngIf=\"activeVersionId$ | async as activeVersionId\" 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 *ngIf=\"activeVersionId === version.id\" iconSvg=\"check\" class=\"check\"></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              (activeVersionId === version.id\n                ? '@pry.dataset.version.currentlyActive'\n                : '@pry.dataset.version.' + 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]=\"'@pry.dataset.tooltip.' + getVersionTooltipContent(version, activeVersionId) | i18n\"\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 *ngIf=\"canModify$() && (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                  <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=\"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            </ng-container>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</ng-template>\n\n<ng-container *ngIf=\"showModalStatus\">\n  <pry-modal-status [version]=\"selectedDatasetVersion\" (gotoConsult)=\"goToConsult($event)\"></pry-modal-status>\n</ng-container>\n" }]
+            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      <h2 class=\"a-h1\">{{ dataset.name }}</h2>\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 (activeVersion$ | async; as activeVersion) {\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n        <span>{{\n          (activeVersion?.productionDate | date: 'dd-MM-yyyy, HH:mm') ?? ('@pry.dataset.version.notProvided' | i18n)\n        }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n        <span>{{ 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]=\"activeVersion?.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\"\n        ></div>\n      </div>\n    } @else {\n      <div class=\"a-p\">\n        <p>{{ '@pry.dataset.noActiveVersion' | i18n }}</p>\n      </div>\n    }\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 *ngIf=\"activeVersionId$ | async as activeVersionId\" 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 *ngIf=\"activeVersionId === version.id\" iconSvg=\"check\" class=\"check\"></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              (activeVersionId === version.id\n                ? '@pry.dataset.version.currentlyActive'\n                : '@pry.dataset.version.' + 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]=\"'@pry.dataset.tooltip.' + getVersionTooltipContent(version, activeVersionId) | i18n\"\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\n<ng-container *ngIf=\"showModalStatus\">\n  <pry-modal-status [version]=\"selectedDatasetVersion\" (gotoConsult)=\"goToConsult($event)\"></pry-modal-status>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryBaseAccess, decorators: [{
                     type: Optional
                 }, {