npm - @pepperi-addons/ngx-lib - Versions diffs - 0.2.60 → 0.2.61-beta.1 - Mend

@pepperi-addons/ngx-lib 0.2.60 → 0.2.61-beta.1

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

package/fesm2015/pepperi-addons-ngx-lib-color.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pepperi-addons-ngx-lib-color.js","sources":["../../../projects/ngx-lib/color/color-picker.component.ts","../../../projects/ngx-lib/color/color.component.ts","../../../projects/ngx-lib/color/color.module.ts","../../../projects/ngx-lib/color/public-api.ts","../../../projects/ngx-lib/color/pepperi-addons-ngx-lib-color.ts"],"sourcesContent":["import { Component, OnInit, Inject } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\n// import {\n// hex2hsl,\n// hslString2hsl,\n// rgbString2hsl,\n// IPepHslColor,\n// findClosestAccessibleColor,\n// hsl2hex,\n// convertHslToStringHsl,\n// } from './color-utils';\nimport { PepColorService, IPepHslColor } from '@pepperi-addons/ngx-lib';\n\nimport { PepColorType } from './color.model';\n\nenum PepContrastRatioType {\n AA = 4.5,\n AAA = 7,\n}\n\ninterface IPepColorPickerDialogData {\n value: string;\n type: PepColorType;\n showAAComplient: boolean;\n textColor: string;\n contrastRatio: PepContrastRatioType;\n}\n\n@Component({\n templateUrl: './color-picker.component.html',\n styleUrls: ['./color-picker.component.scss'],\n})\nexport class PepColorPickerComponent implements OnInit {\n static CURRENT_HUE = '--pep-color-picker-current-hue';\n private readonly defaultColor = '#ccc';\n\n checkAAComplient = true;\n\n constructor(\n private colorService: PepColorService,\n private dialogRef: MatDialogRef<PepColorPickerComponent>,\n @Inject(MAT_DIALOG_DATA) public data: IPepColorPickerDialogData\n ) {\n this.data.type = data ? data.type : 'any';\n this.data.showAAComplient = !data\n ? false\n : data.showAAComplient ?? true;\n this.data.textColor = data && data.textColor ? data.textColor : '#fff';\n this.data.contrastRatio =\n data && data.contrastRatio\n ? data.contrastRatio\n : PepContrastRatioType.AA;\n }\n\n private defaultHueBackground = `linear-gradient(to right,\n hsl(0, 100%, 50%) 0%,\n hsl(60, 100%, 50%) 17%,\n hsl(120, 100%, 50%) 33%,\n hsl(180, 100%, 50%) 50%,\n hsl(240, 100%, 50%) 67%,\n hsl(300, 100%, 50%) 83%,\n hsl(360, 100%, 50%) 100%)`;\n\n currentHue = 100;\n currentHueMin = 0;\n currentHueMax = 360;\n currentHueBackground = this.defaultHueBackground;\n\n private defaultSaturationBackground = `linear-gradient(to right,\n hsl(var(--pep-color-picker-current-hue), 0.01%, 50%) 0%,\n hsl(var(--pep-color-picker-current-hue), 100%, 50%) 100%)`;\n\n currentSaturation = 50;\n currentSaturationMin = 0;\n currentSaturationMax = 100;\n currentSaturationBackground = this.defaultSaturationBackground;\n\n private defaultLightnessBackground = `linear-gradient(to right,\n hsl(var(--pep-color-picker-current-hue), 100%, 100%) 0%,\n hsl(var(--pep-color-picker-current-hue), 100%, 50%) 50%,\n hsl(var(--pep-color-picker-current-hue), 100%, 0.01%) 100%)`;\n\n currentLightness = 50;\n currentLightnessMin = 0;\n currentLightnessMax = 100;\n currentLightnessBackground = this.defaultLightnessBackground;\n\n complientColor: string;\n isUserChooseAAComplientColor: boolean;\n\n ngOnInit(): void {\n this.initVars();\n this.checkAAComplient = this.data.showAAComplient;\n this.convertValueStringToColor(this.data.value);\n }\n\n initVars(): void {\n if (this.data.type === 'main') {\n this.currentLightnessMax = 10;\n this.currentLightness = 5;\n this.currentHueBackground = this.defaultHueBackground;\n this.currentSaturationBackground = this.defaultSaturationBackground;\n this.currentLightnessBackground = this.defaultLightnessBackground;\n } else if (this.data.type === 'success') {\n this.currentHueMin = 70;\n this.currentHueMax = 150;\n this.currentHue = 100;\n\n this.currentSaturationMin = 50;\n this.currentSaturationMax = 100;\n this.currentSaturation = 50;\n\n this.currentLightnessMin = 10;\n this.currentLightnessMax = 65;\n this.currentLightness = 50;\n\n this.currentHueBackground = `linear-gradient(to right,\n hsl(70, 100%, 50%) 0%,\n hsl(150, 100%, 50%) 100%)`;\n this.currentSaturationBackground = `linear-gradient(to right,\n hsl(var(--pep-color-picker-current-hue), 50%, 50%) 50%,\n hsl(var(--pep-color-picker-current-hue), 100%, 50%) 100%)`;\n this.currentLightnessBackground = `linear-gradient(to right,\n hsl(var(--pep-color-picker-current-hue), 100%, 65%) 10%,\n hsl(var(--pep-color-picker-current-hue), 100%, 35%) 35%,\n hsl(var(--pep-color-picker-current-hue), 100%, 10%) 65%)`;\n\n } else if (this.data.type === 'caution') {\n this.currentHueMin = -20;\n this.currentHueMax = 20;\n this.currentHue = 10;\n\n this.currentSaturationMin = 75;\n this.currentSaturationMax = 100;\n this.currentSaturation = 75;\n\n this.currentLightnessMin = 25;\n this.currentLightnessMax = 75;\n this.currentLightness = 50;\n\n this.currentHueBackground = `linear-gradient(to right,\n hsl(340, 100%, 50%) 0%,\n hsl(20, 100%, 50%) 100%)`;\n this.currentSaturationBackground = `linear-gradient(to right,\n hsl(var(--pep-color-picker-current-hue), 75%, 50%) 75%,\n hsl(var(--pep-color-picker-current-hue), 100%, 50%) 100%)`;\n this.currentLightnessBackground = `linear-gradient(to right,\n hsl(var(--pep-color-picker-current-hue), 100%, 75%) 25%,\n hsl(var(--pep-color-picker-current-hue), 100%, 50%) 50%,\n hsl(var(--pep-color-picker-current-hue), 100%, 25%) 75%)`;\n }\n }\n\n setCurrentHueInCss(): void {\n document.documentElement.style.setProperty(\n PepColorPickerComponent.CURRENT_HUE,\n this.currentHue.toString()\n );\n }\n\n convertValueStringToColor(color): void {\n if (color.indexOf('hsl') === 0) {\n const hsl = this.colorService.hslString2hsl(color);\n this.convertColorToValueString(hsl);\n } else if (color.indexOf('rgb') === 0) {\n const hsl = this.colorService.rgbString2hsl(color);\n this.convertColorToValueString(hsl);\n } else if (color.indexOf('#') === 0) {\n const hsl = this.colorService.hex2hsl(color);\n this.convertColorToValueString(hsl);\n } else {\n // Handle default.\n const hsl = this.colorService.hex2hsl(this.defaultColor);\n this.convertColorToValueString(hsl);\n }\n\n this.setCurrentHueInCss();\n }\n\n convertColorToValueString(hslColor: IPepHslColor): void {\n // Regular hue\n if (\n hslColor.h >= this.currentHueMin &&\n hslColor.h <= this.currentHueMax\n ) {\n this.currentHue = hslColor.h;\n } else if (\n this.currentHueMin < 0 &&\n hslColor.h >= 0 &&\n hslColor.h <= 360\n ) {\n // For min with - (change to the other side of the circle)\n hslColor.h = hslColor.h - 360;\n\n if (\n hslColor.h >= this.currentHueMin &&\n hslColor.h <= this.currentHueMax\n ) {\n this.currentHue = hslColor.h;\n }\n }\n\n this.currentSaturation =\n hslColor.s >= this.currentSaturationMin &&\n hslColor.s <= this.currentSaturationMax\n ? hslColor.s\n : this.currentSaturation;\n\n this.currentLightness =\n hslColor.l >= this.currentLightnessMin &&\n hslColor.l <= this.currentLightnessMax\n ? hslColor.l\n : this.currentLightness;\n\n // Write the value (if hue is changed to the other side of the circle return it back).\n const hsl = {\n h: this.currentHue,\n s: this.currentSaturation,\n l: this.currentLightness,\n };\n this.data.value = this.colorService.convertHslToStringHsl(hsl);\n\n // Check the contrast ratio - set the closest accessible color to complientColor\n // and update isUserChooseAAComplientColor.\n const adjustableColor = this.colorService.hsl2hex(hsl);\n const closestHex = this.colorService.findClosestAccessibleColor(\n adjustableColor,\n this.data.textColor,\n this.data.contrastRatio\n );\n\n this.isUserChooseAAComplientColor = adjustableColor === closestHex;\n this.complientColor = this.colorService.convertHslToStringHsl(\n this.colorService.hex2hsl(closestHex)\n );\n }\n\n onHueChange(value): void {\n this.convertColorToValueString({ h: value });\n this.setCurrentHueInCss();\n }\n\n onSaturationChange(value): void {\n // this.currentSaturation = event.value;\n this.convertColorToValueString({ s: value });\n }\n\n onLightnessChange(value): void {\n // this.currentLightness = event.value;\n this.convertColorToValueString({\n l:\n this.currentLightnessMax -\n value +\n this.currentLightnessMin,\n });\n }\n\n onColorValueChange(event): void {\n this.convertValueStringToColor(event.value);\n }\n\n onSave(event): void {\n const color = this.checkAAComplient\n ? this.complientColor\n : this.data.value;\n\n // this.notify.emit({ key: this.key, value: color });\n this.dialogRef.close(color);\n }\n}\n","import {\n Component,\n OnInit,\n Input,\n Output,\n Renderer2,\n ElementRef,\n EventEmitter,\n OnChanges,\n OnDestroy,\n} from '@angular/core';\nimport {\n PepCustomizationService,\n PepLayoutType,\n PepHorizontalAlignment,\n DEFAULT_HORIZONTAL_ALIGNMENT,\n} from '@pepperi-addons/ngx-lib';\nimport { PepDialogService } from '@pepperi-addons/ngx-lib/dialog';\nimport { PepColorPickerComponent } from './color-picker.component';\nimport { PepColorType } from './color.model';\n\n@Component({\n selector: 'pep-color',\n templateUrl: './color.component.html',\n styleUrls: ['./color.component.scss'],\n})\nexport class PepColorComponent implements OnInit, OnDestroy {\n @Input() key = '';\n @Input() value = '';\n @Input() label = '';\n @Input() disabled = false;\n @Input() xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\n @Input() rowSpan = 1;\n @Input() type: PepColorType = 'any';\n\n @Input() showTitle = true;\n @Input() showAAComplient = true;\n @Input() layoutType: PepLayoutType = 'form';\n\n @Output()\n valueChange: EventEmitter<string> = new EventEmitter<string>();\n\n constructor(\n private dialogService: PepDialogService,\n private renderer: Renderer2,\n private element: ElementRef\n ) {}\n\n ngOnInit(): void {\n this.renderer.addClass(\n this.element.nativeElement,\n PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME\n );\n }\n\n ngOnDestroy(): void {\n //\n }\n\n changeColor(value: any): void {\n this.value = value;\n this.valueChange.emit(value);\n }\n\n chooseColor(): void {\n const dialogRef = this.dialogService.openDialog(\n PepColorPickerComponent,\n {\n value: this.value,\n type: this.type,\n showAAComplient: this.showAAComplient,\n }\n );\n\n dialogRef.afterClosed().subscribe((value) => {\n if (value !== undefined && value !== null) {\n this.changeColor(value);\n }\n });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { MatCommonModule } from '@angular/material/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatSliderModule } from '@angular/material/slider';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\nimport {\n PepIconModule,\n PepIconRegistry,\n pepIconSystemEdit,\n pepIconSystemOk,\n pepIconSystemClose,\n} from '@pepperi-addons/ngx-lib/icon';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';\n\nimport { PepColorComponent } from './color.component';\nimport { PepColorPickerComponent } from './color-picker.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n // Material modules\n MatCommonModule,\n MatButtonModule,\n MatFormFieldModule,\n MatCheckboxModule,\n MatDialogModule,\n MatIconModule,\n MatSliderModule,\n // ngx-lib modules\n PepNgxLibModule,\n PepDialogModule,\n PepIconModule,\n PepSliderModule,\n PepFieldTitleModule,\n PepTextboxModule,\n ],\n exports: [PepColorComponent],\n declarations: [PepColorComponent, PepColorPickerComponent],\n entryComponents: [PepColorPickerComponent],\n})\nexport class PepColorModule {\n constructor(private pepIconRegistry: PepIconRegistry) {\n this.pepIconRegistry.registerIcons([\n pepIconSystemEdit,\n pepIconSystemOk,\n pepIconSystemClose,\n ]);\n }\n}\n","/\n Public API Surface of ngx-lib/color\n /\nexport from './color.module';\nexport * from './color.model';\nexport * from './color.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n\nexport {PepColorPickerComponent as ɵa} from './color-picker.component';"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"pepperi-addons-ngx-lib-color.js","sources":["../../../projects/ngx-lib/color/color-picker.component.ts","../../../projects/ngx-lib/color/color.component.ts","../../../projects/ngx-lib/color/color.module.ts","../../../projects/ngx-lib/color/public-api.ts","../../../projects/ngx-lib/color/pepperi-addons-ngx-lib-color.ts"],"sourcesContent":["import { Component, OnInit, Inject } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\n// import {\n// hex2hsl,\n// hslString2hsl,\n// rgbString2hsl,\n// IPepHslColor,\n// findClosestAccessibleColor,\n// hsl2hex,\n// convertHslToStringHsl,\n// } from './color-utils';\nimport { PepColorService, IPepHslColor } from '@pepperi-addons/ngx-lib';\n\nimport { PepColorType } from './color.model';\n\nenum PepContrastRatioType {\n AA = 4.5,\n AAA = 7,\n}\n\ninterface IPepColorPickerDialogData {\n value: string;\n type: PepColorType;\n showAAComplient: boolean;\n textColor: string;\n contrastRatio: PepContrastRatioType;\n}\n\n@Component({\n templateUrl: './color-picker.component.html',\n styleUrls: ['./color-picker.component.scss', './color-picker.component.theme.scss'],\n})\nexport class PepColorPickerComponent implements OnInit {\n static CURRENT_HUE = '--pep-color-picker-current-hue';\n private readonly defaultColor = '#ccc';\n\n checkAAComplient = true;\n\n constructor(\n private colorService: PepColorService,\n private dialogRef: MatDialogRef<PepColorPickerComponent>,\n @Inject(MAT_DIALOG_DATA) public data: IPepColorPickerDialogData\n ) {\n this.data.type = data ? data.type : 'any';\n this.data.showAAComplient = !data\n ? false\n : data.showAAComplient ?? true;\n this.data.textColor = data && data.textColor ? data.textColor : '#fff';\n this.data.contrastRatio =\n data && data.contrastRatio\n ? data.contrastRatio\n : PepContrastRatioType.AA;\n }\n\n private defaultHueBackground = `linear-gradient(to right,\n hsl(0, 100%, 50%) 0%,\n hsl(60, 100%, 50%) 17%,\n hsl(120, 100%, 50%) 33%,\n hsl(180, 100%, 50%) 50%,\n hsl(240, 100%, 50%) 67%,\n hsl(300, 100%, 50%) 83%,\n hsl(360, 100%, 50%) 100%)`;\n\n currentHue = 100;\n currentHueMin = 0;\n currentHueMax = 360;\n currentHueBackground = this.defaultHueBackground;\n\n private defaultSaturationBackground = `linear-gradient(to right,\n hsl(var(--pep-color-picker-current-hue), 0.01%, 50%) 0%,\n hsl(var(--pep-color-picker-current-hue), 100%, 50%) 100%)`;\n\n currentSaturation = 50;\n currentSaturationMin = 0;\n currentSaturationMax = 100;\n currentSaturationBackground = this.defaultSaturationBackground;\n\n private defaultLightnessBackground = `linear-gradient(to right,\n hsl(var(--pep-color-picker-current-hue), 100%, 100%) 0%,\n hsl(var(--pep-color-picker-current-hue), 100%, 50%) 50%,\n hsl(var(--pep-color-picker-current-hue), 100%, 0.01%) 100%)`;\n\n currentLightness = 50;\n currentLightnessMin = 0;\n currentLightnessMax = 100;\n currentLightnessBackground = this.defaultLightnessBackground;\n\n complientColor: string;\n isUserChooseAAComplientColor: boolean;\n\n ngOnInit(): void {\n this.initVars();\n this.checkAAComplient = this.data.showAAComplient;\n this.convertValueStringToColor(this.data.value);\n }\n\n initVars(): void {\n if (this.data.type === 'main') {\n this.currentLightnessMax = 10;\n this.currentLightness = 5;\n this.currentHueBackground = this.defaultHueBackground;\n this.currentSaturationBackground = this.defaultSaturationBackground;\n this.currentLightnessBackground = this.defaultLightnessBackground;\n } else if (this.data.type === 'success') {\n this.currentHueMin = 70;\n this.currentHueMax = 150;\n this.currentHue = 100;\n\n this.currentSaturationMin = 50;\n this.currentSaturationMax = 100;\n this.currentSaturation = 50;\n\n this.currentLightnessMin = 10;\n this.currentLightnessMax = 65;\n this.currentLightness = 50;\n\n this.currentHueBackground = `linear-gradient(to right,\n hsl(70, 100%, 50%) 0%,\n hsl(150, 100%, 50%) 100%)`;\n this.currentSaturationBackground = `linear-gradient(to right,\n hsl(var(--pep-color-picker-current-hue), 50%, 50%) 50%,\n hsl(var(--pep-color-picker-current-hue), 100%, 50%) 100%)`;\n this.currentLightnessBackground = `linear-gradient(to right,\n hsl(var(--pep-color-picker-current-hue), 100%, 65%) 10%,\n hsl(var(--pep-color-picker-current-hue), 100%, 35%) 35%,\n hsl(var(--pep-color-picker-current-hue), 100%, 10%) 65%)`;\n\n } else if (this.data.type === 'caution') {\n this.currentHueMin = -20;\n this.currentHueMax = 20;\n this.currentHue = 10;\n\n this.currentSaturationMin = 75;\n this.currentSaturationMax = 100;\n this.currentSaturation = 75;\n\n this.currentLightnessMin = 25;\n this.currentLightnessMax = 75;\n this.currentLightness = 50;\n\n this.currentHueBackground = `linear-gradient(to right,\n hsl(340, 100%, 50%) 0%,\n hsl(20, 100%, 50%) 100%)`;\n this.currentSaturationBackground = `linear-gradient(to right,\n hsl(var(--pep-color-picker-current-hue), 75%, 50%) 75%,\n hsl(var(--pep-color-picker-current-hue), 100%, 50%) 100%)`;\n this.currentLightnessBackground = `linear-gradient(to right,\n hsl(var(--pep-color-picker-current-hue), 100%, 75%) 25%,\n hsl(var(--pep-color-picker-current-hue), 100%, 50%) 50%,\n hsl(var(--pep-color-picker-current-hue), 100%, 25%) 75%)`;\n }\n }\n\n setCurrentHueInCss(): void {\n document.documentElement.style.setProperty(\n PepColorPickerComponent.CURRENT_HUE,\n this.currentHue.toString()\n );\n }\n\n convertValueStringToColor(color): void {\n if (color.indexOf('hsl') === 0) {\n const hsl = this.colorService.hslString2hsl(color);\n this.convertColorToValueString(hsl);\n } else if (color.indexOf('rgb') === 0) {\n const hsl = this.colorService.rgbString2hsl(color);\n this.convertColorToValueString(hsl);\n } else if (color.indexOf('#') === 0) {\n const hsl = this.colorService.hex2hsl(color);\n this.convertColorToValueString(hsl);\n } else {\n // Handle default.\n const hsl = this.colorService.hex2hsl(this.defaultColor);\n this.convertColorToValueString(hsl);\n }\n\n this.setCurrentHueInCss();\n }\n\n convertColorToValueString(hslColor: IPepHslColor): void {\n // Regular hue\n if (\n hslColor.h >= this.currentHueMin &&\n hslColor.h <= this.currentHueMax\n ) {\n this.currentHue = hslColor.h;\n } else if (\n this.currentHueMin < 0 &&\n hslColor.h >= 0 &&\n hslColor.h <= 360\n ) {\n // For min with - (change to the other side of the circle)\n hslColor.h = hslColor.h - 360;\n\n if (\n hslColor.h >= this.currentHueMin &&\n hslColor.h <= this.currentHueMax\n ) {\n this.currentHue = hslColor.h;\n }\n }\n\n this.currentSaturation =\n hslColor.s >= this.currentSaturationMin &&\n hslColor.s <= this.currentSaturationMax\n ? hslColor.s\n : this.currentSaturation;\n\n this.currentLightness =\n hslColor.l >= this.currentLightnessMin &&\n hslColor.l <= this.currentLightnessMax\n ? hslColor.l\n : this.currentLightness;\n\n // Write the value (if hue is changed to the other side of the circle return it back).\n const hsl = {\n h: this.currentHue,\n s: this.currentSaturation,\n l: this.currentLightness,\n };\n this.data.value = this.colorService.convertHslToStringHsl(hsl);\n\n // Check the contrast ratio - set the closest accessible color to complientColor\n // and update isUserChooseAAComplientColor.\n const adjustableColor = this.colorService.hsl2hex(hsl);\n const closestHex = this.colorService.findClosestAccessibleColor(\n adjustableColor,\n this.data.textColor,\n this.data.contrastRatio\n );\n\n this.isUserChooseAAComplientColor = adjustableColor === closestHex;\n this.complientColor = this.colorService.convertHslToStringHsl(\n this.colorService.hex2hsl(closestHex)\n );\n }\n\n onHueChange(value): void {\n this.convertColorToValueString({ h: value });\n this.setCurrentHueInCss();\n }\n\n onSaturationChange(value): void {\n // this.currentSaturation = event.value;\n this.convertColorToValueString({ s: value });\n }\n\n onLightnessChange(value): void {\n // this.currentLightness = event.value;\n this.convertColorToValueString({\n l:\n this.currentLightnessMax -\n value +\n this.currentLightnessMin,\n });\n }\n\n onColorValueChange(event): void {\n this.convertValueStringToColor(event.value);\n }\n\n onSave(event): void {\n const color = this.checkAAComplient\n ? this.complientColor\n : this.data.value;\n\n // this.notify.emit({ key: this.key, value: color });\n this.dialogRef.close(color);\n }\n}\n","import {\n Component,\n OnInit,\n Input,\n Output,\n Renderer2,\n ElementRef,\n EventEmitter,\n OnChanges,\n OnDestroy,\n} from '@angular/core';\nimport {\n PepCustomizationService,\n PepLayoutType,\n PepHorizontalAlignment,\n DEFAULT_HORIZONTAL_ALIGNMENT,\n} from '@pepperi-addons/ngx-lib';\nimport { PepDialogService } from '@pepperi-addons/ngx-lib/dialog';\nimport { PepColorPickerComponent } from './color-picker.component';\nimport { PepColorType } from './color.model';\n\n@Component({\n selector: 'pep-color',\n templateUrl: './color.component.html',\n styleUrls: ['./color.component.scss', './color.component.theme.scss'],\n})\nexport class PepColorComponent implements OnInit, OnDestroy {\n @Input() key = '';\n @Input() value = '';\n @Input() label = '';\n @Input() disabled = false;\n @Input() xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\n @Input() rowSpan = 1;\n @Input() type: PepColorType = 'any';\n\n @Input() showTitle = true;\n @Input() renderTitle = true;\n\n @Input() showAAComplient = true;\n @Input() layoutType: PepLayoutType = 'form';\n\n @Output()\n valueChange: EventEmitter<string> = new EventEmitter<string>();\n\n constructor(\n private dialogService: PepDialogService,\n private renderer: Renderer2,\n private element: ElementRef\n ) { }\n\n ngOnInit(): void {\n this.renderer.addClass(\n this.element.nativeElement,\n PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME\n );\n\n if (!this.renderTitle) {\n this.renderer.addClass(\n this.element.nativeElement,\n PepCustomizationService.STAND_ALONE_FIELD_NO_SPACING_CLASS_NAME\n );\n }\n }\n\n ngOnDestroy(): void {\n //\n }\n\n changeColor(value: any): void {\n this.value = value;\n this.valueChange.emit(value);\n }\n\n chooseColor(): void {\n const dialogRef = this.dialogService.openDialog(\n PepColorPickerComponent,\n {\n value: this.value,\n type: this.type,\n showAAComplient: this.showAAComplient,\n }\n );\n\n dialogRef.afterClosed().subscribe((value) => {\n if (value !== undefined && value !== null) {\n this.changeColor(value);\n }\n });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { MatCommonModule } from '@angular/material/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatSliderModule } from '@angular/material/slider';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\nimport {\n PepIconModule,\n PepIconRegistry,\n pepIconSystemEdit,\n pepIconSystemOk,\n pepIconSystemClose,\n} from '@pepperi-addons/ngx-lib/icon';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';\n\nimport { PepColorComponent } from './color.component';\nimport { PepColorPickerComponent } from './color-picker.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n // Material modules\n MatCommonModule,\n MatButtonModule,\n MatFormFieldModule,\n MatCheckboxModule,\n MatDialogModule,\n MatIconModule,\n MatSliderModule,\n // ngx-lib modules\n PepNgxLibModule,\n PepDialogModule,\n PepIconModule,\n PepSliderModule,\n PepFieldTitleModule,\n PepTextboxModule,\n ],\n exports: [PepColorComponent],\n declarations: [PepColorComponent, PepColorPickerComponent],\n entryComponents: [PepColorPickerComponent],\n})\nexport class PepColorModule {\n constructor(private pepIconRegistry: PepIconRegistry) {\n this.pepIconRegistry.registerIcons([\n pepIconSystemEdit,\n pepIconSystemOk,\n pepIconSystemClose,\n ]);\n }\n}\n","/\n Public API Surface of ngx-lib/color\n /\nexport from './color.module';\nexport * from './color.model';\nexport * from './color.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n\nexport {PepColorPickerComponent as ɵa} from './color-picker.component';"],"names":[],"mappings":"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"}

package/fesm2015/pepperi-addons-ngx-lib-date.js CHANGED Viewed

@@ -153,6 +153,9 @@ class PepDateComponent {
             this.standAlone = true;
             this.setDefaultForm();
             this.renderer.addClass(this.element.nativeElement, PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME);
+            if (!this.renderTitle) {
+                this.renderer.addClass(this.element.nativeElement, PepCustomizationService.STAND_ALONE_FIELD_NO_SPACING_CLASS_NAME);
+            }
         }
         const culture = this.layoutService.getCurrentLanguage();
         this.adapter.setLocale(culture);
@@ -188,8 +191,7 @@ class PepDateComponent {
             this.dateModel = null;
         }
         else {
-            const parseDate = this.utilitiesService.parseDate(this.value, this.showTime);
-            this.dateModel = utc(parseDate);
+            this.dateModel = utc(this.utilitiesService.parseDate(this.value, this.showTime));
         }
         this.setFormattedValueFromModel();
     }
@@ -252,7 +254,7 @@ PepDateComponent.decorators = [
                     //{ provide: MAT_DATETIME_FORMATS, useValue: MAT_NATIVE_DATETIME_FORMATS }
                     { provide: MAT_DATETIME_FORMATS, useValue: ɵ1 },
                 ],
-                styles: [":host{height:inherit;display:grid}:host>*{align-self:center}"]
+                styles: [":host{height:inherit;display:grid}:host>*{align-self:center}::ng-deep .mat-form-field .mat-form-field-wrapper .mat-form-field-prefix .mat-datetimepicker-toggle.mat-button,::ng-deep .mat-form-field .mat-form-field-wrapper .mat-form-field-suffix .mat-datetimepicker-toggle.mat-button{padding:0}", "::ng-deep .mat-datetimepicker-dialog{max-width:90vw!important}::ng-deep .mat-datetimepicker-content{border-radius:inherit}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-header{font-weight:600;font-weight:var(--pep-font-weight-bold,600);background:#5d8109;background:hsl(var(--pep-color-strong-h,78),var(--pep-color-strong-s,87%),var(--pep-color-strong-l,27%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-sm-offset,0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);color:#fff;color:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-header .svg-icon{fill:#fff;fill:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-header .svg-icon.stroke{fill:unset;stroke:#fff;stroke:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls{color:#1a1a1a;color:hsl(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-previous-button{content:url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgaWQ9InN2ZzQiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICBoZWlnaHQ9IjE2IgogICB3aWR0aD0iMTYiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8cGF0aAogICAgIGlkPSJwYXRoMiIKICAgICBkPSJNNS44MDAzMjE0OCw5LjI4Njc0MzU0IEwxMS4yNTQyODI0LDEzLjIwMjc1ODMgQzExLjY2NjEzMDksMTMuNTg1MDgzIDEyLjMzMzg2OTEsMTMuNTg1MDgzIDEyLjc0NTcxNzYsMTMuMjAyNzU4MyBMMTguMTk5Njc4NSw5LjI4Njc0MzU0IEMxOC42MTE1MjcsOC45MDQ0MTg4MiAxOS4yNzkyNjUyLDguOTA0NDE4ODIgMTkuNjkxMTEzNyw5LjI4Njc0MzU0IEMyMC4xMDI5NjIxLDkuNjY5MDY4MjYgMjAuMTAyOTYyMSwxMC4yODg5MzkxIDE5LjY5MTExMzcsMTAuNjcxMjYzOCBMMTMuNDkxNDM1MSwxNi40MjY1MTI5IEMxMi42Njc3MzgzLDE3LjE5MTE2MjQgMTEuMzMyMjYxNywxNy4xOTExNjI0IDEwLjUwODU2NDksMTYuNDI2NTEyOSBMNC4zMDg4ODYzMywxMC42NzEyNjM4IEMzLjg5NzAzNzg5LDEwLjI4ODkzOTEgMy44OTcwMzc4OSw5LjY2OTA2ODI2IDQuMzA4ODg2MzMsOS4yODY3NDM1NCBDNC43MjA3MzQ3OCw4LjkwNDQxODgyIDUuMzg4NDczMDMsOC45MDQ0MTg4MiA1LjgwMDMyMTQ4LDkuMjg2NzQzNTQgWiIKICAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICAgZmlsbC1vcGFjaXR5PSIuNSIgLz4KPC9zdmc+Cg==\");transform:rotate(90deg)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-previous-button svg{fill:rgba(26,26,26,.8);fill:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.8)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-previous-button svg.stroke{fill:unset;stroke:rgba(26,26,26,.8);stroke:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.8)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-previous-button svg:hover{fill:rgba(26,26,26,.97);fill:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.97)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-previous-button svg:hover.stroke{fill:unset;stroke:rgba(26,26,26,.97);stroke:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.97)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-previous-button svg:active{fill:#1a1a1a;fill:hsl(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-previous-button svg:active.stroke{fill:unset;stroke:#1a1a1a;stroke:hsl(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-previous-button svg:disabled{fill:rgba(26,26,26,.35);fill:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.35)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-previous-button svg:disabled.stroke{fill:unset;stroke:rgba(26,26,26,.35);stroke:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.35)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-next-button{content:url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgaWQ9InN2ZzQiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICBoZWlnaHQ9IjE2IgogICB3aWR0aD0iMTYiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8cGF0aAogICAgIGlkPSJwYXRoMiIKICAgICBkPSJNNS44MDAzMjE0OCw5LjI4Njc0MzU0IEwxMS4yNTQyODI0LDEzLjIwMjc1ODMgQzExLjY2NjEzMDksMTMuNTg1MDgzIDEyLjMzMzg2OTEsMTMuNTg1MDgzIDEyLjc0NTcxNzYsMTMuMjAyNzU4MyBMMTguMTk5Njc4NSw5LjI4Njc0MzU0IEMxOC42MTE1MjcsOC45MDQ0MTg4MiAxOS4yNzkyNjUyLDguOTA0NDE4ODIgMTkuNjkxMTEzNyw5LjI4Njc0MzU0IEMyMC4xMDI5NjIxLDkuNjY5MDY4MjYgMjAuMTAyOTYyMSwxMC4yODg5MzkxIDE5LjY5MTExMzcsMTAuNjcxMjYzOCBMMTMuNDkxNDM1MSwxNi40MjY1MTI5IEMxMi42Njc3MzgzLDE3LjE5MTE2MjQgMTEuMzMyMjYxNywxNy4xOTExNjI0IDEwLjUwODU2NDksMTYuNDI2NTEyOSBMNC4zMDg4ODYzMywxMC42NzEyNjM4IEMzLjg5NzAzNzg5LDEwLjI4ODkzOTEgMy44OTcwMzc4OSw5LjY2OTA2ODI2IDQuMzA4ODg2MzMsOS4yODY3NDM1NCBDNC43MjA3MzQ3OCw4LjkwNDQxODgyIDUuMzg4NDczMDMsOC45MDQ0MTg4MiA1LjgwMDMyMTQ4LDkuMjg2NzQzNTQgWiIKICAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICAgZmlsbC1vcGFjaXR5PSIuNSIgLz4KPC9zdmc+Cg==\");transform:rotate(-90deg)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-next-button svg{fill:rgba(26,26,26,.8);fill:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.8)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-next-button svg.stroke{fill:unset;stroke:rgba(26,26,26,.8);stroke:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.8)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-next-button svg:hover{fill:rgba(26,26,26,.97);fill:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.97)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-next-button svg:hover.stroke{fill:unset;stroke:rgba(26,26,26,.97);stroke:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.97)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-next-button svg:active{fill:#1a1a1a;fill:hsl(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-next-button svg:active.stroke{fill:unset;stroke:#1a1a1a;stroke:hsl(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-next-button svg:disabled{fill:rgba(26,26,26,.35);fill:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.35)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content .mat-month-content .mat-datetimepicker-calendar-controls .mat-datetimepicker-calendar-next-button svg:disabled.stroke{fill:unset;stroke:rgba(26,26,26,.35);stroke:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.35)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-month-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-table-header,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-year-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-table-header{color:rgba(26,26,26,.7);color:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.7)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-month-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-year-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body{color:#1a1a1a;color:hsl(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-month-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-label,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-year-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-label{color:rgba(26,26,26,.7);color:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.7)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-month-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-year-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{background:rgba(26,26,26,.16);background:hsla(var(--pep-color-weak-h,0),var(--pep-color-weak-s,0%),var(--pep-color-weak-l,10%),.16)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-month-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-year-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-xs-offset,0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);border:1px solid #1a1a1a;border:1px solid hsl(var(--pep-color-weak-h,0),var(--pep-color-weak-s,0%),var(--pep-color-weak-l,10%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-month-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content:not(.keep-background-on-focus),::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-year-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content:not(.keep-background-on-focus){background:#fff;background:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-month-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-today,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-year-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-today{background:#fafafa;background:hsl(var(--pep-color-regular-h,0),var(--pep-color-regular-s,0%),98%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-xs-offset,0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);border:1px solid hsl(0,0%,calc(10% + 30%));border:1px solid hsl(var(--pep-color-regular-h,0),var(--pep-color-regular-s,0%),calc(var(--pep-color-regular-l, 10%) + 30%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-month-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-today:hover,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-year-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-today:hover{background:#fafafa;background:hsl(var(--pep-color-regular-h,0),var(--pep-color-regular-s,0%),98%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.16);box-shadow:var(--pep-shadow-xs-offset,0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.16);border:1px solid hsl(0,0%,calc(10% + 20%));border:1px solid hsl(var(--pep-color-regular-h,0),var(--pep-color-regular-s,0%),calc(var(--pep-color-regular-l, 10%) + 20%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-month-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-today:active,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-year-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-today:active{background:#e0e0e0;background:hsl(var(--pep-color-regular-h,0),var(--pep-color-regular-s,0%),88%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.16);box-shadow:var(--pep-shadow-xs-offset,0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.16);border:1px solid #1a1a1a;border:1px solid hsl(var(--pep-color-regular-h,0),var(--pep-color-regular-s,0%),var(--pep-color-regular-l,10%));box-shadow:0 0 0 .25rem rgba(23,102,166,.5);box-shadow:0 0 0 var(--pep-spacing-xs,.25rem) hsla(var(--pep-color-text-link-h,207),var(--pep-color-text-link-s,76%),var(--pep-color-text-link-l,37%),.5)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-month-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-selected,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-year-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-selected{font-weight:600;font-weight:var(--pep-font-weight-bold,600);background:#5d8109;background:hsl(var(--pep-color-strong-h,78),var(--pep-color-strong-s,87%),var(--pep-color-strong-l,27%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-sm-offset,0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);color:#fff;color:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-month-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-selected .svg-icon,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-year-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-selected .svg-icon{fill:#fff;fill:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-month-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-selected .svg-icon.stroke,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-year-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-selected .svg-icon.stroke{fill:unset;stroke:#fff;stroke:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-month-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-selected:hover,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-year-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-selected:hover{background:hsl(78,87%,calc(27% - 8%));background:hsl(var(--pep-color-strong-h,78),var(--pep-color-strong-s,87%),calc(var(--pep-color-strong-l, 27%) - 8%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.16);box-shadow:var(--pep-shadow-sm-offset,0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.16)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-month-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-selected:active,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-year-view .mat-datetimepicker-calendar-table .mat-datetimepicker-calendar-body .mat-datetimepicker-calendar-body-cell .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-selected:active{background:hsl(78,87%,calc(27% - 15%));background:hsl(var(--pep-color-strong-h,78),var(--pep-color-strong-s,87%),calc(var(--pep-color-strong-l, 27%) - 15%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-sm-offset,0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);box-shadow:0 0 0 .25rem rgba(23,102,166,.5);box-shadow:0 0 0 var(--pep-spacing-xs,.25rem) hsla(var(--pep-color-text-link-h,207),var(--pep-color-text-link-s,76%),var(--pep-color-text-link-l,37%),.5)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background:rgba(26,26,26,.12);background:hsla(var(--pep-color-weak-h,0),var(--pep-color-weak-s,0%),var(--pep-color-weak-l,10%),.12)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-center{font-weight:600;font-weight:var(--pep-font-weight-bold,600);background:#5d8109;background:hsl(var(--pep-color-strong-h,78),var(--pep-color-strong-s,87%),var(--pep-color-strong-l,27%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-sm-offset,0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);color:#fff;color:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-center .svg-icon{fill:#fff;fill:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-center .svg-icon.stroke{fill:unset;stroke:#fff;stroke:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-hand{font-weight:600;font-weight:var(--pep-font-weight-bold,600);background:#5d8109;background:hsl(var(--pep-color-strong-h,78),var(--pep-color-strong-s,87%),var(--pep-color-strong-l,27%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-sm-offset,0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);color:#fff;color:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-hand .svg-icon{fill:#fff;fill:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-hand .svg-icon.stroke{fill:unset;stroke:#fff;stroke:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-hand:before{font-weight:600;font-weight:var(--pep-font-weight-bold,600);background:#5d8109;background:hsl(var(--pep-color-strong-h,78),var(--pep-color-strong-s,87%),var(--pep-color-strong-l,27%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-sm-offset,0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);color:#fff;color:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-hand:before .svg-icon{fill:#fff;fill:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-hand:before .svg-icon.stroke{fill:unset;stroke:#fff;stroke:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-hours .mat-datetimepicker-clock-cell,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-minutes .mat-datetimepicker-clock-cell{color:#1a1a1a;color:hsl(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-hours .mat-datetimepicker-clock-cell:hover,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-minutes .mat-datetimepicker-clock-cell:hover{background:rgba(26,26,26,.16);background:hsla(var(--pep-color-weak-h,0),var(--pep-color-weak-s,0%),var(--pep-color-weak-l,10%),.16)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-hours .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-minutes .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{font-weight:600;font-weight:var(--pep-font-weight-bold,600);background:#5d8109;background:hsl(var(--pep-color-strong-h,78),var(--pep-color-strong-s,87%),var(--pep-color-strong-l,27%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-sm-offset,0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);color:#fff;color:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-hours .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected .svg-icon,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-minutes .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected .svg-icon{fill:#fff;fill:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-hours .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected .svg-icon.stroke,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-minutes .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected .svg-icon.stroke{fill:unset;stroke:#fff;stroke:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-hours .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected:hover,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-minutes .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected:hover{background:hsl(78,87%,calc(27% - 8%));background:hsl(var(--pep-color-strong-h,78),var(--pep-color-strong-s,87%),calc(var(--pep-color-strong-l, 27%) - 8%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.16);box-shadow:var(--pep-shadow-sm-offset,0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.16)}::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-hours .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected:active,::ng-deep .mat-datetimepicker-content .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-minutes .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected:active{background:hsl(78,87%,calc(27% - 15%));background:hsl(var(--pep-color-strong-h,78),var(--pep-color-strong-s,87%),calc(var(--pep-color-strong-l, 27%) - 15%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-sm-offset,0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);box-shadow:0 0 0 .25rem rgba(23,102,166,.5);box-shadow:0 0 0 var(--pep-spacing-xs,.25rem) hsla(var(--pep-color-text-link-h,207),var(--pep-color-text-link-s,76%),var(--pep-color-text-link-l,37%),.5)}"]
             },] }
 ];
 PepDateComponent.ctorParameters = () => [

package/fesm2015/pepperi-addons-ngx-lib-date.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pepperi-addons-ngx-lib-date.js","sources":["../../../projects/ngx-lib/date/date.model.ts","../../../projects/ngx-lib/date/date.component.ts","../../../projects/ngx-lib/date/date.module.ts","../../../projects/ngx-lib/date/public-api.ts","../../../projects/ngx-lib/date/pepperi-addons-ngx-lib-date.ts"],"sourcesContent":["import { Inject, Injectable, Optional } from \"@angular/core\";\r\nimport { MAT_DATE_LOCALE } from \"@angular/material/core\";\r\nimport { MomentDateAdapter } from \"@angular/material-moment-adapter\";\r\nimport { MomentDatetimeAdapter } from '@mat-datetimepicker/moment';\r\n\r\n@Injectable()\r\nexport class MomentUtcDateAdapter extends MomentDateAdapter {\r\n constructor(@Optional() @Inject(MAT_DATE_LOCALE) dateLocale: string) {\r\n super(dateLocale);\r\n }\r\n}\r\n\r\n@Injectable()\r\nexport class MomentUtcDateTimeAdapter extends MomentDatetimeAdapter {\r\n constructor(@Optional() @Inject(MAT_DATE_LOCALE) dateLocale: string) {\r\n super(dateLocale, { strict: false, useUtc: false }, new MomentUtcDateAdapter(dateLocale));\r\n }\r\n}\r\n\r\nexport const MY_DATE_FORMATS = {\r\n parse: {\r\n dateInput: 'L',\r\n monthInput: 'MMMM',\r\n timeInput: 'LT',\r\n datetimeInput: 'L LT',\r\n },\r\n display: {\r\n dateInput: 'L',\r\n monthInput: 'MMMM',\r\n timeInput: 'LT',\r\n datetimeInput: 'L LT',\r\n monthYearLabel: 'MMM YYYY',\r\n dateA11yLabel: 'LL',\r\n monthYearA11yLabel: 'MMMM YYYY',\r\n popupHeaderDateLabel: 'ddd, DD MMM',\r\n },\r\n};\r\n","import {\n Component,\n ElementRef,\n OnInit,\n Input,\n Output,\n EventEmitter,\n ChangeDetectionStrategy,\n ViewChild,\n Renderer2,\n OnDestroy,\n OnChanges,\n Optional,\n} from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { MomentDateAdapter } from '@angular/material-moment-adapter';\nimport { DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';\nimport {\n DatetimeAdapter,\n MatDatetimepickerInputEvent,\n MAT_DATETIME_FORMATS,\n} from '@mat-datetimepicker/core';\nimport { MomentDatetimeAdapter } from '@mat-datetimepicker/moment';\nimport {\n PepLayoutService,\n PepUtilitiesService,\n PepLayoutType,\n PepCustomizationService,\n PepHorizontalAlignment,\n DEFAULT_HORIZONTAL_ALIGNMENT,\n PepDateFieldType,\n PepDateField,\n} from '@pepperi-addons/ngx-lib';\nimport { Moment, utc } from 'moment/moment';\nimport { MomentUtcDateAdapter, MomentUtcDateTimeAdapter, MY_DATE_FORMATS } from './date.model';\n\n@Component({\n selector: 'pep-date',\n templateUrl: './date.component.html',\n styleUrls: ['./date.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n // CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR,\n // The locale would typically be provided on the root module of your application. We do it at\n // the component level here, due to limitations of our example generation script.\n //{ provide: MAT_DATE_LOCALE, useValue: 'en-US' },\n\n // `MomentDateAdapter` and `MAT_MOMENT_DATE_FORMATS` can be automatically provided by importing\n // `MatMomentDateModule` in your applications root module. We provide it at the component level\n // here, due to limitations of our example generation script.\n //{ provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },\n //{ provide: MAT_DATE_FORMATS, useValue: MAT_MOMENT_DATE_FORMATS },\n { provide: DateAdapter, useClass: MomentUtcDateAdapter },\n { provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS },\n { provide: DatetimeAdapter, useClass: MomentUtcDateTimeAdapter },\n //{ provide: MAT_DATETIME_FORMATS, useValue: MAT_NATIVE_DATETIME_FORMATS }\n { provide: MAT_DATETIME_FORMATS, useValue: MY_DATE_FORMATS },\n ],\n})\nexport class PepDateComponent implements OnInit, OnChanges, OnDestroy {\n @Input() key = '';\n\n private _value = '';\n @Input()\n set value(value: string) {\n this._value = value;\n this.setDateModel();\n }\n get value() {\n return this._value;\n }\n\n @Input() formattedValue = '';\n @Input() label = '';\n\n private _type: PepDateFieldType = 'date';\n @Input()\n set type(type: PepDateFieldType) {\n this._type = type;\n this.showTime = type === 'datetime';\n }\n get type(): PepDateFieldType {\n return this._type;\n }\n\n @Input() mandatory = false;\n @Input() disabled = false;\n @Input() readonly = false;\n @Input() textColor = '';\n @Input() xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\n @Input() rowSpan = 1;\n\n private _visible = true;\n @Input()\n set visible(visible: boolean) {\n this._visible = visible;\n if (visible) {\n this.renderer.removeClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n } else {\n this.renderer.addClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n }\n }\n get visible(): boolean {\n return this._visible;\n }\n\n // Minimum in thicks\n @Input()\n set minValue(value: number) {\n if (value > 0) {\n this.minDate = new Date(value * 1000 * 60 * 60 * 24);\n }\n }\n\n // Maximum in thicks\n @Input()\n set maxValue(value: number) {\n if (value > 0) {\n this.maxDate = new Date(value * 1000 * 60 * 60 * 24);\n }\n }\n\n // Minimum in date\n @Input()\n set minDateValue(date: string) {\n this.minDate = date ? new Date(date) : null;\n }\n\n // Maximum in date\n @Input()\n set maxDateValue(date: string) {\n this.maxDate = date ? new Date(date) : null;\n }\n\n controlType = 'date';\n\n @Input() form: FormGroup = null;\n @Input() isActive = false;\n @Input() showTitle = true;\n @Input() renderTitle = true;\n @Input() renderError = true;\n @Input() renderSymbol = true;\n @Input() layoutType: PepLayoutType = 'form';\n\n @Output()\n valueChange: EventEmitter<string> = new EventEmitter<string>();\n @ViewChild('datetimePicker') datetimePicker: any;\n\n @ViewChild('input') input: ElementRef;\n\n standAlone = false;\n isInEditMode = false;\n dateModel: Moment;\n minDate: Date;\n maxDate: Date;\n showDatepicker = false;\n showTime = false;\n\n constructor(\n private adapter: DateAdapter<any>,\n private element: ElementRef,\n private layoutService: PepLayoutService,\n private utilitiesService: PepUtilitiesService,\n private customizationService: PepCustomizationService,\n private renderer: Renderer2\n ) { }\n\n private setDefaultForm(): void {\n const pepField = new PepDateField({\n key: this.key,\n value: this.value,\n mandatory: this.mandatory,\n readonly: this.readonly,\n disabled: this.disabled,\n });\n this.form = this.customizationService.getDefaultFromGroup(pepField);\n }\n\n ngOnInit(): void {\n if (this.form === null) {\n this.standAlone = true;\n this.setDefaultForm();\n\n this.renderer.addClass(\n this.element.nativeElement,\n PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME\n );\n }\n\n const culture = this.layoutService.getCurrentLanguage();\n this.adapter.setLocale(culture);\n\n this.setDateModel();\n }\n\n ngOnChanges(changes: any): void {\n if (this.standAlone) {\n this.setDefaultForm();\n }\n }\n\n ngOnDestroy(): void {\n //\n }\n\n private setFormattedValueFromModel(): void {\n if (this.dateModel === null \|\| !this.dateModel.isValid()) {\n this.formattedValue = '';\n } else {\n const format = this.showTime\n ? MY_DATE_FORMATS.display.datetimeInput\n : MY_DATE_FORMATS.display.dateInput;\n this.formattedValue = this.adapter.format(this.dateModel, format);\n }\n }\n\n private setDateModel(): void {\n if (\n this.value === null \|\|\n this.value === '' \|\|\n this.value.indexOf('1900-1-1') >= 0 \|\|\n this.value.indexOf('1900-01-01') >= 0 \|\|\n this.value.indexOf('1970-1-1') >= 0 \|\|\n this.value.indexOf('1970-01-01') >= 0\n ) {\n this._value = '';\n this.dateModel = null;\n } else {\n const parseDate = this.utilitiesService.parseDate(this.value, this.showTime);\n this.dateModel = utc(parseDate);\n }\n\n this.setFormattedValueFromModel();\n }\n\n openDatetimePicker(datetimePicker): void {\n datetimePicker.opened = false;\n datetimePicker.open();\n }\n\n onBlur(event: any): void {\n // Don't remove the timeout cause a bug DI-17819.\n setTimeout(() => {\n if (this.isInEditMode && !this.datetimePicker.opened) {\n this.isInEditMode = false;\n }\n }, 0);\n }\n\n onDateChange(event: MatDatetimepickerInputEvent<Moment>): void {\n let value = '';\n if (event.value != null) {\n const date: Date = event.value.toDate();\n\n value = this.utilitiesService.stringifyDate(date, this.showTime);\n\n // Update the formatted value.\n this.setFormattedValueFromModel();\n }\n\n this.customizationService.updateFormFieldValue(\n this.form,\n this.key,\n // this.formattedValue\n value\n );\n\n this.valueChange.emit(value);\n\n setTimeout(() => {\n if (this.isInEditMode) {\n this.isInEditMode = false;\n }\n }, 0);\n }\n\n cardTemplateClicked(event): void {\n this.isInEditMode = true;\n\n setTimeout(() => {\n this.input.nativeElement.focus();\n this.openDatetimePicker(this.datetimePicker);\n }, 0);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\n\nimport { MatCommonModule, MatNativeDateModule } from '@angular/material/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport {\n MatDatetimepickerModule,\n MatNativeDatetimeModule,\n} from '@mat-datetimepicker/core';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport {\n PepIconModule,\n PepIconRegistry,\n pepIconSystemEdit,\n} from '@pepperi-addons/ngx-lib/icon';\nimport { PepTextboxIconModule } from '@pepperi-addons/ngx-lib/textbox-icon';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\n\nimport { PepDateComponent } from './date.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n FormsModule,\n // Material modules,\n MatCommonModule,\n MatButtonModule,\n MatNativeDateModule,\n MatDatepickerModule,\n MatDatetimepickerModule,\n MatNativeDatetimeModule,\n MatFormFieldModule,\n MatInputModule,\n MatIconModule,\n // ngx-lib modules\n PepNgxLibModule,\n PepIconModule,\n PepFieldTitleModule,\n PepTextboxIconModule,\n ],\n exports: [PepDateComponent],\n declarations: [PepDateComponent],\n})\nexport class PepDateModule {\n constructor(private pepIconRegistry: PepIconRegistry) {\n this.pepIconRegistry.registerIcons([pepIconSystemEdit]);\n }\n}\n","/\n Public API Surface of ngx-lib/date\n /\nexport from './date.module';\nexport * from './date.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n\nexport {MY_DATE_FORMATS as ɵc,MomentUtcDateAdapter as ɵa,MomentUtcDateTimeAdapter as ɵb} from './date.model';"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"pepperi-addons-ngx-lib-date.js","sources":["../../../projects/ngx-lib/date/date.model.ts","../../../projects/ngx-lib/date/date.component.ts","../../../projects/ngx-lib/date/date.module.ts","../../../projects/ngx-lib/date/public-api.ts","../../../projects/ngx-lib/date/pepperi-addons-ngx-lib-date.ts"],"sourcesContent":["import { Inject, Injectable, Optional } from \"@angular/core\";\r\nimport { MAT_DATE_LOCALE } from \"@angular/material/core\";\r\nimport { MomentDateAdapter } from \"@angular/material-moment-adapter\";\r\nimport { MomentDatetimeAdapter } from '@mat-datetimepicker/moment';\r\n\r\n@Injectable()\r\nexport class MomentUtcDateAdapter extends MomentDateAdapter {\r\n constructor(@Optional() @Inject(MAT_DATE_LOCALE) dateLocale: string) {\r\n super(dateLocale);\r\n }\r\n}\r\n\r\n@Injectable()\r\nexport class MomentUtcDateTimeAdapter extends MomentDatetimeAdapter {\r\n constructor(@Optional() @Inject(MAT_DATE_LOCALE) dateLocale: string) {\r\n super(dateLocale, { strict: false, useUtc: false }, new MomentUtcDateAdapter(dateLocale));\r\n }\r\n}\r\n\r\nexport const MY_DATE_FORMATS = {\r\n parse: {\r\n dateInput: 'L',\r\n monthInput: 'MMMM',\r\n timeInput: 'LT',\r\n datetimeInput: 'L LT',\r\n },\r\n display: {\r\n dateInput: 'L',\r\n monthInput: 'MMMM',\r\n timeInput: 'LT',\r\n datetimeInput: 'L LT',\r\n monthYearLabel: 'MMM YYYY',\r\n dateA11yLabel: 'LL',\r\n monthYearA11yLabel: 'MMMM YYYY',\r\n popupHeaderDateLabel: 'ddd, DD MMM',\r\n },\r\n};\r\n","import {\n Component,\n ElementRef,\n OnInit,\n Input,\n Output,\n EventEmitter,\n ChangeDetectionStrategy,\n ViewChild,\n Renderer2,\n OnDestroy,\n OnChanges,\n Optional,\n} from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { MomentDateAdapter } from '@angular/material-moment-adapter';\nimport { DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';\nimport {\n DatetimeAdapter,\n MatDatetimepickerInputEvent,\n MAT_DATETIME_FORMATS,\n} from '@mat-datetimepicker/core';\nimport { MomentDatetimeAdapter } from '@mat-datetimepicker/moment';\nimport {\n PepLayoutService,\n PepUtilitiesService,\n PepLayoutType,\n PepCustomizationService,\n PepHorizontalAlignment,\n DEFAULT_HORIZONTAL_ALIGNMENT,\n PepDateFieldType,\n PepDateField,\n} from '@pepperi-addons/ngx-lib';\nimport { Moment, utc } from 'moment/moment';\nimport { MomentUtcDateAdapter, MomentUtcDateTimeAdapter, MY_DATE_FORMATS } from './date.model';\n\n@Component({\n selector: 'pep-date',\n templateUrl: './date.component.html',\n styleUrls: ['./date.component.scss', './date.component.theme.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n // CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR,\n // The locale would typically be provided on the root module of your application. We do it at\n // the component level here, due to limitations of our example generation script.\n //{ provide: MAT_DATE_LOCALE, useValue: 'en-US' },\n\n // `MomentDateAdapter` and `MAT_MOMENT_DATE_FORMATS` can be automatically provided by importing\n // `MatMomentDateModule` in your applications root module. We provide it at the component level\n // here, due to limitations of our example generation script.\n //{ provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },\n //{ provide: MAT_DATE_FORMATS, useValue: MAT_MOMENT_DATE_FORMATS },\n { provide: DateAdapter, useClass: MomentUtcDateAdapter },\n { provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS },\n { provide: DatetimeAdapter, useClass: MomentUtcDateTimeAdapter },\n //{ provide: MAT_DATETIME_FORMATS, useValue: MAT_NATIVE_DATETIME_FORMATS }\n { provide: MAT_DATETIME_FORMATS, useValue: MY_DATE_FORMATS },\n ],\n})\nexport class PepDateComponent implements OnInit, OnChanges, OnDestroy {\n @Input() key = '';\n\n private _value = '';\n @Input()\n set value(value: string) {\n this._value = value;\n this.setDateModel();\n }\n get value() {\n return this._value;\n }\n\n @Input() formattedValue = '';\n @Input() label = '';\n\n private _type: PepDateFieldType = 'date';\n @Input()\n set type(type: PepDateFieldType) {\n this._type = type;\n this.showTime = type === 'datetime';\n }\n get type(): PepDateFieldType {\n return this._type;\n }\n\n @Input() mandatory = false;\n @Input() disabled = false;\n @Input() readonly = false;\n @Input() textColor = '';\n @Input() xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\n @Input() rowSpan = 1;\n\n private _visible = true;\n @Input()\n set visible(visible: boolean) {\n this._visible = visible;\n if (visible) {\n this.renderer.removeClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n } else {\n this.renderer.addClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n }\n }\n get visible(): boolean {\n return this._visible;\n }\n\n // Minimum in thicks\n @Input()\n set minValue(value: number) {\n if (value > 0) {\n this.minDate = new Date(value * 1000 * 60 * 60 * 24);\n }\n }\n\n // Maximum in thicks\n @Input()\n set maxValue(value: number) {\n if (value > 0) {\n this.maxDate = new Date(value * 1000 * 60 * 60 * 24);\n }\n }\n\n // Minimum in date\n @Input()\n set minDateValue(date: string) {\n this.minDate = date ? new Date(date) : null;\n }\n\n // Maximum in date\n @Input()\n set maxDateValue(date: string) {\n this.maxDate = date ? new Date(date) : null;\n }\n\n controlType = 'date';\n\n @Input() form: FormGroup = null;\n @Input() isActive = false;\n @Input() showTitle = true;\n @Input() renderTitle = true;\n @Input() renderError = true;\n @Input() renderSymbol = true;\n @Input() layoutType: PepLayoutType = 'form';\n\n @Output()\n valueChange: EventEmitter<string> = new EventEmitter<string>();\n @ViewChild('datetimePicker') datetimePicker: any;\n\n @ViewChild('input') input: ElementRef;\n\n standAlone = false;\n isInEditMode = false;\n dateModel: Moment;\n minDate: Date;\n maxDate: Date;\n showDatepicker = false;\n showTime = false;\n\n constructor(\n private adapter: DateAdapter<any>,\n private element: ElementRef,\n private layoutService: PepLayoutService,\n private utilitiesService: PepUtilitiesService,\n private customizationService: PepCustomizationService,\n private renderer: Renderer2\n ) { }\n\n private setDefaultForm(): void {\n const pepField = new PepDateField({\n key: this.key,\n value: this.value,\n mandatory: this.mandatory,\n readonly: this.readonly,\n disabled: this.disabled,\n });\n this.form = this.customizationService.getDefaultFromGroup(pepField);\n }\n\n ngOnInit(): void {\n if (this.form === null) {\n this.standAlone = true;\n this.setDefaultForm();\n\n this.renderer.addClass(\n this.element.nativeElement,\n PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME\n );\n\n if (!this.renderTitle) {\n this.renderer.addClass(\n this.element.nativeElement,\n PepCustomizationService.STAND_ALONE_FIELD_NO_SPACING_CLASS_NAME\n );\n }\n }\n\n const culture = this.layoutService.getCurrentLanguage();\n this.adapter.setLocale(culture);\n\n this.setDateModel();\n }\n\n ngOnChanges(changes: any): void {\n if (this.standAlone) {\n this.setDefaultForm();\n }\n }\n\n ngOnDestroy(): void {\n //\n }\n\n private setFormattedValueFromModel(): void {\n if (this.dateModel === null \|\| !this.dateModel.isValid()) {\n this.formattedValue = '';\n } else {\n const format = this.showTime\n ? MY_DATE_FORMATS.display.datetimeInput\n : MY_DATE_FORMATS.display.dateInput;\n this.formattedValue = this.adapter.format(this.dateModel, format);\n }\n }\n\n private setDateModel(): void {\n if (\n this.value === null \|\|\n this.value === '' \|\|\n this.value.indexOf('1900-1-1') >= 0 \|\|\n this.value.indexOf('1900-01-01') >= 0 \|\|\n this.value.indexOf('1970-1-1') >= 0 \|\|\n this.value.indexOf('1970-01-01') >= 0\n ) {\n this._value = '';\n this.dateModel = null;\n } else {\n this.dateModel = utc(this.utilitiesService.parseDate(this.value, this.showTime));\n }\n\n this.setFormattedValueFromModel();\n }\n\n openDatetimePicker(datetimePicker): void {\n datetimePicker.opened = false;\n datetimePicker.open();\n }\n\n onBlur(event: any): void {\n // Don't remove the timeout cause a bug DI-17819.\n setTimeout(() => {\n if (this.isInEditMode && !this.datetimePicker.opened) {\n this.isInEditMode = false;\n }\n }, 0);\n }\n\n onDateChange(event: MatDatetimepickerInputEvent<Moment>): void {\n let value = '';\n if (event.value != null) {\n const date: Date = event.value.toDate();\n\n value = this.utilitiesService.stringifyDate(date, this.showTime);\n\n // Update the formatted value.\n this.setFormattedValueFromModel();\n }\n\n this.customizationService.updateFormFieldValue(\n this.form,\n this.key,\n // this.formattedValue\n value\n );\n\n this.valueChange.emit(value);\n\n setTimeout(() => {\n if (this.isInEditMode) {\n this.isInEditMode = false;\n }\n }, 0);\n }\n\n cardTemplateClicked(event): void {\n this.isInEditMode = true;\n\n setTimeout(() => {\n this.input.nativeElement.focus();\n this.openDatetimePicker(this.datetimePicker);\n }, 0);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\n\nimport { MatCommonModule, MatNativeDateModule } from '@angular/material/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport {\n MatDatetimepickerModule,\n MatNativeDatetimeModule,\n} from '@mat-datetimepicker/core';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport {\n PepIconModule,\n PepIconRegistry,\n pepIconSystemEdit,\n} from '@pepperi-addons/ngx-lib/icon';\nimport { PepTextboxIconModule } from '@pepperi-addons/ngx-lib/textbox-icon';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\n\nimport { PepDateComponent } from './date.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n FormsModule,\n // Material modules,\n MatCommonModule,\n MatButtonModule,\n MatNativeDateModule,\n MatDatepickerModule,\n MatDatetimepickerModule,\n MatNativeDatetimeModule,\n MatFormFieldModule,\n MatInputModule,\n MatIconModule,\n // ngx-lib modules\n PepNgxLibModule,\n PepIconModule,\n PepFieldTitleModule,\n PepTextboxIconModule,\n ],\n exports: [PepDateComponent],\n declarations: [PepDateComponent],\n})\nexport class PepDateModule {\n constructor(private pepIconRegistry: PepIconRegistry) {\n this.pepIconRegistry.registerIcons([pepIconSystemEdit]);\n }\n}\n","/\n Public API Surface of ngx-lib/date\n /\nexport from './date.module';\nexport * from './date.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n\nexport {MY_DATE_FORMATS as ɵc,MomentUtcDateAdapter as ɵa,MomentUtcDateTimeAdapter as ɵb} from './date.model';"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;MAMa,oBAAqB,SAAQ,iBAAiB;IACvD,YAAiD,UAAkB;QAC/D,KAAK,CAAC,UAAU,CAAC,CAAC;KACrB;;;YAJJ,UAAU;;;yCAEM,QAAQ,YAAI,MAAM,SAAC,eAAe;;MAMtC,wBAAyB,SAAQ,qBAAqB;IAC/D,YAAiD,UAAkB;QAC/D,KAAK,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,IAAI,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC;KAC7F;;;YAJJ,UAAU;;;yCAEM,QAAQ,YAAI,MAAM,SAAC,eAAe;;MAKtC,eAAe,GAAG;IAC3B,KAAK,EAAE;QACH,SAAS,EAAE,GAAG;QACd,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,IAAI;QACf,aAAa,EAAE,MAAM;KACxB;IACD,OAAO,EAAE;QACL,SAAS,EAAE,GAAG;QACd,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,IAAI;QACf,aAAa,EAAE,MAAM;QACrB,cAAc,EAAE,UAAU;QAC1B,aAAa,EAAE,IAAI;QACnB,kBAAkB,EAAE,WAAW;QAC/B,oBAAoB,EAAE,aAAa;KACtC;;;WCkB0C,eAAe,OAGX;MAGtC,gBAAgB;IAyGzB,YACY,OAAyB,EACzB,OAAmB,EACnB,aAA+B,EAC/B,gBAAqC,EACrC,oBAA6C,EAC7C,QAAmB;QALnB,YAAO,GAAP,OAAO,CAAkB;QACzB,YAAO,GAAP,OAAO,CAAY;QACnB,kBAAa,GAAb,aAAa,CAAkB;QAC/B,qBAAgB,GAAhB,gBAAgB,CAAqB;QACrC,yBAAoB,GAApB,oBAAoB,CAAyB;QAC7C,aAAQ,GAAR,QAAQ,CAAW;QA9GtB,QAAG,GAAG,EAAE,CAAC;QAEV,WAAM,GAAG,EAAE,CAAC;QAUX,mBAAc,GAAG,EAAE,CAAC;QACpB,UAAK,GAAG,EAAE,CAAC;QAEZ,UAAK,GAAqB,MAAM,CAAC;QAUhC,cAAS,GAAG,KAAK,CAAC;QAClB,aAAQ,GAAG,KAAK,CAAC;QACjB,aAAQ,GAAG,KAAK,CAAC;QACjB,cAAS,GAAG,EAAE,CAAC;QACf,eAAU,GAA2B,4BAA4B,CAAC;QAClE,YAAO,GAAG,CAAC,CAAC;QAEb,aAAQ,GAAG,IAAI,CAAC;QAgDxB,gBAAW,GAAG,MAAM,CAAC;QAEZ,SAAI,GAAc,IAAI,CAAC;QACvB,aAAQ,GAAG,KAAK,CAAC;QACjB,cAAS,GAAG,IAAI,CAAC;QACjB,gBAAW,GAAG,IAAI,CAAC;QACnB,gBAAW,GAAG,IAAI,CAAC;QACnB,iBAAY,GAAG,IAAI,CAAC;QACpB,eAAU,GAAkB,MAAM,CAAC;QAG5C,gBAAW,GAAyB,IAAI,YAAY,EAAU,CAAC;QAK/D,eAAU,GAAG,KAAK,CAAC;QACnB,iBAAY,GAAG,KAAK,CAAC;QAIrB,mBAAc,GAAG,KAAK,CAAC;QACvB,aAAQ,GAAG,KAAK,CAAC;KASZ;IA5GL,IACI,KAAK,CAAC,KAAa;QACnB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,YAAY,EAAE,CAAC;KACvB;IACD,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,MAAM,CAAC;KACtB;IAMD,IACI,IAAI,CAAC,IAAsB;QAC3B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,KAAK,UAAU,CAAC;KACvC;IACD,IAAI,IAAI;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC;KACrB;IAUD,IACI,OAAO,CAAC,OAAgB;QACxB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,OAAO,EAAE;YACT,IAAI,CAAC,QAAQ,CAAC,WAAW,CACrB,IAAI,CAAC,OAAO,CAAC,aAAa,EAC1B,gBAAgB,CACnB,CAAC;SACL;aAAM;YACH,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAClB,IAAI,CAAC,OAAO,CAAC,aAAa,EAC1B,gBAAgB,CACnB,CAAC;SACL;KACJ;IACD,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,QAAQ,CAAC;KACxB;;IAGD,IACI,QAAQ,CAAC,KAAa;QACtB,IAAI,KAAK,GAAG,CAAC,EAAE;YACX,IAAI,CAAC,OAAO,GAAG,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;SACxD;KACJ;;IAGD,IACI,QAAQ,CAAC,KAAa;QACtB,IAAI,KAAK,GAAG,CAAC,EAAE;YACX,IAAI,CAAC,OAAO,GAAG,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;SACxD;KACJ;;IAGD,IACI,YAAY,CAAC,IAAY;QACzB,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;KAC/C;;IAGD,IACI,YAAY,CAAC,IAAY;QACzB,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;KAC/C;IAmCO,cAAc;QAClB,MAAM,QAAQ,GAAG,IAAI,YAAY,CAAC;YAC9B,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SAC1B,CAAC,CAAC;QACH,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;KACvE;IAED,QAAQ;QACJ,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;YACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,IAAI,CAAC,cAAc,EAAE,CAAC;YAEtB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAClB,IAAI,CAAC,OAAO,CAAC,aAAa,EAC1B,uBAAuB,CAAC,4BAA4B,CACvD,CAAC;YAEF,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;gBACnB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAClB,IAAI,CAAC,OAAO,CAAC,aAAa,EAC1B,uBAAuB,CAAC,uCAAuC,CAClE,CAAC;aACL;SACJ;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,kBAAkB,EAAE,CAAC;QACxD,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAEhC,IAAI,CAAC,YAAY,EAAE,CAAC;KACvB;IAED,WAAW,CAAC,OAAY;QACpB,IAAI,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,cAAc,EAAE,CAAC;SACzB;KACJ;IAED,WAAW;;KAEV;IAEO,0BAA0B;QAC9B,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE;YACtD,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;SAC5B;aAAM;YACH,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ;kBACtB,eAAe,CAAC,OAAO,CAAC,aAAa;kBACrC,eAAe,CAAC,OAAO,CAAC,SAAS,CAAC;YACxC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;SACrE;KACJ;IAEO,YAAY;QAChB,IACI,IAAI,CAAC,KAAK,KAAK,IAAI;YACnB,IAAI,CAAC,KAAK,KAAK,EAAE;YACjB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC;YACrC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EACvC;YACE,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;YACjB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;SACzB;aAAM;YACH,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;SACpF;QAED,IAAI,CAAC,0BAA0B,EAAE,CAAC;KACrC;IAED,kBAAkB,CAAC,cAAc;QAC7B,cAAc,CAAC,MAAM,GAAG,KAAK,CAAC;QAC9B,cAAc,CAAC,IAAI,EAAE,CAAC;KACzB;IAED,MAAM,CAAC,KAAU;;QAEb,UAAU,CAAC;YACP,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;gBAClD,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;aAC7B;SACJ,EAAE,CAAC,CAAC,CAAC;KACT;IAED,YAAY,CAAC,KAA0C;QACnD,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,EAAE;YACrB,MAAM,IAAI,GAAS,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAExC,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;;YAGjE,IAAI,CAAC,0BAA0B,EAAE,CAAC;SACrC;QAED,IAAI,CAAC,oBAAoB,CAAC,oBAAoB,CAC1C,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,GAAG;;QAER,KAAK,CACR,CAAC;QAEF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE7B,UAAU,CAAC;YACP,IAAI,IAAI,CAAC,YAAY,EAAE;gBACnB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;aAC7B;SACJ,EAAE,CAAC,CAAC,CAAC;KACT;IAED,mBAAmB,CAAC,KAAK;QACrB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAEzB,UAAU,CAAC;YACP,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;YACjC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;SAChD,EAAE,CAAC,CAAC,CAAC;KACT;;;YAnQJ,SAAS,SAAC;gBACP,QAAQ,EAAE,UAAU;gBACpB,o6JAAoC;gBAEpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,SAAS,EAAE;;;;;;;;;;oBAWP,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,oBAAoB,EAAE;oBACxD,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAiB,EAAE;oBACxD,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,wBAAwB,EAAE;;oBAEhE,EAAE,OAAO,EAAE,oBAAoB,EAAE,QAAQ,IAAiB,EAAE;iBAC/D;;aACJ;;;YA1CQ,WAAW;YAdhB,UAAU;YAsBV,gBAAgB;YAChB,mBAAmB;YAEnB,uBAAuB;YAlBvB,SAAS;;;kBAmDR,KAAK;oBAGL,KAAK;6BASL,KAAK;oBACL,KAAK;mBAGL,KAAK;wBASL,KAAK;uBACL,KAAK;uBACL,KAAK;wBACL,KAAK;yBACL,KAAK;sBACL,KAAK;sBAGL,KAAK;uBAoBL,KAAK;uBAQL,KAAK;2BAQL,KAAK;2BAML,KAAK;mBAOL,KAAK;uBACL,KAAK;wBACL,KAAK;0BACL,KAAK;0BACL,KAAK;2BACL,KAAK;yBACL,KAAK;0BAEL,MAAM;6BAEN,SAAS,SAAC,gBAAgB;oBAE1B,SAAS,SAAC,OAAO;;;MCvGT,aAAa;IACtB,YAAoB,eAAgC;QAAhC,oBAAe,GAAf,eAAe,CAAiB;QAChD,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;KAC3D;;;YA3BJ,QAAQ,SAAC;gBACN,OAAO,EAAE;oBACL,YAAY;oBACZ,mBAAmB;oBACnB,WAAW;;oBAEX,eAAe;oBACf,eAAe;oBACf,mBAAmB;oBACnB,mBAAmB;oBACnB,uBAAuB;oBACvB,uBAAuB;oBACvB,kBAAkB;oBAClB,cAAc;oBACd,aAAa;;oBAEb,eAAe;oBACf,aAAa;oBACb,mBAAmB;oBACnB,oBAAoB;iBACvB;gBACD,OAAO,EAAE,CAAC,gBAAgB,CAAC;gBAC3B,YAAY,EAAE,CAAC,gBAAgB,CAAC;aACnC;;;YA/BG,eAAe;;;ACnBnB;;;;ACAA;;;;;;"}

package/fesm2015/pepperi-addons-ngx-lib-dialog.js CHANGED Viewed

@@ -71,7 +71,7 @@ PepDialogComponent.decorators = [
     { type: Component, args: [{
                 selector: 'pep-dialog',
                 template: "<div mat-dialog-title *ngIf=\"showHeader\" class=\"dialog-header-container\">\n    <span class=\"dialog-title\" *ngIf=\"title?.length\">\n        {{ title }}\n    </span>\n    <button mat-button *ngIf=\"showClose\" [mat-dialog-close]=\"null\" class=\"pep-button icon-button md weak dialog-close\">\n        <mat-icon>\n            <pep-icon name=\"system_close\">\n            </pep-icon>\n        </mat-icon>\n    </button>\n</div>\n<div mat-dialog-content>\n    <ng-content select=\"[pep-dialog-content]\"></ng-content>\n</div>\n<div mat-dialog-actions *ngIf=\"showFooter\" class=\"pep-border-top\">\n    <ng-content select=\"[pep-dialog-actions]\"></ng-content>\n</div>",
-                styles: [""]
+                styles: ["", ".pep-dialog,.pepperi-dialog{box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.32)!important;box-shadow:var(--pep-shadow-sm-offset,0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.32)!important}"]
             },] }
 ];
 PepDialogComponent.propDecorators = {

package/fesm2015/pepperi-addons-ngx-lib-dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pepperi-addons-ngx-lib-dialog.js","sources":["../../../projects/ngx-lib/dialog/dialog.model.ts","../../../projects/ngx-lib/dialog/default-dialog.component.ts","../../../projects/ngx-lib/dialog/dialog.component.ts","../../../projects/ngx-lib/dialog/dialog.service.ts","../../../projects/ngx-lib/dialog/dialog.module.ts","../../../projects/ngx-lib/dialog/public-api.ts","../../../projects/ngx-lib/dialog/pepperi-addons-ngx-lib-dialog.ts"],"sourcesContent":["export type PepDialogSizeType =\n \| 'inline'\n \| 'small'\n \| 'regular'\n \| 'large'\n \| 'full-screen';\n\nexport type PepDialogActionsType =\n \| 'close'\n \| 'cancel-continue'\n \| 'cancel-ok'\n \| 'cancel-delete'\n \| 'custom';\n\nexport class PepDialogActionButton {\n title = '';\n className = '';\n callback: () => void;\n\n constructor(title = '', className = '', callback: () => void = null) {\n this.title = title;\n this.className = className;\n this.callback = callback;\n }\n}\n\nexport class PepDialogData {\n title: string;\n actionsType: PepDialogActionsType;\n content: any;\n showClose: boolean;\n showHeader: boolean;\n showFooter: boolean;\n actionButtons: Array<PepDialogActionButton>;\n\n constructor(options: {\n title?: string;\n actionsType?: PepDialogActionsType;\n content?: any;\n contentDisabled?: boolean;\n showClose?: boolean;\n showHeader?: boolean;\n showFooter?: boolean;\n actionButtons?: Array<PepDialogActionButton>;\n }) {\n this.title = options.title \|\| '';\n this.actionsType = options.actionsType \|\| 'close';\n this.content = options.content \|\| '';\n this.showClose = options.showClose ?? true;\n this.showHeader = options.showHeader ?? true;\n this.showFooter = options.showFooter ?? true;\n this.actionButtons = options.actionButtons ?? null;\n }\n}\n","import { Component, Inject, ViewEncapsulation } from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { PepDialogData, PepDialogActionButton } from './dialog.model';\n\n@Component({\n templateUrl: './default-dialog.component.html',\n styleUrls: ['./default-dialog.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class PepDefaultDialogComponent {\n constructor(\n @Inject(MAT_DIALOG_DATA) public data: PepDialogData,\n public dialogRef: MatDialogRef<any>\n ) {}\n\n onActionButtonClicked(button: PepDialogActionButton): void {\n this.dialogRef.close(true);\n this.dialogRef.afterClosed().subscribe((isActionButtonClicked) => {\n if (isActionButtonClicked && button?.callback) {\n button.callback();\n }\n });\n }\n}\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'pep-dialog',\n styleUrls: ['./dialog.component.scss'],\n templateUrl: './dialog.component.html',\n})\nexport class PepDialogComponent {\n @Input() title: string;\n @Input() showClose = true;\n @Input() showHeader = true;\n @Input() showFooter = true;\n}\n","import { Injectable, TemplateRef } from '@angular/core';\nimport {\n MatDialog,\n MatDialogConfig,\n MatDialogRef,\n} from '@angular/material/dialog';\nimport { PepLayoutService } from '@pepperi-addons/ngx-lib';\nimport { Overlay } from '@angular/cdk/overlay';\nimport { ComponentType } from '@angular/cdk/portal';\nimport { PepDialogSizeType, PepDialogData } from './dialog.model';\nimport { PepDefaultDialogComponent } from './default-dialog.component';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class PepDialogService {\n constructor(\n private dialog: MatDialog,\n private layoutService: PepLayoutService,\n private overlay: Overlay\n ) { }\n\n private fixConfigIfNeeded(data: PepDialogData, config: MatDialogConfig) {\n if (config.disableClose) {\n if (\n (((data.showClose !== undefined && !data.showClose) \|\| (data.showHeader !== undefined && !data.showHeader)) && (data.showFooter !== undefined && !data.showFooter)) \|\|\n (data.actionsType === 'custom' &&\n (data.actionButtons === null \|\|\n data.actionButtons.length === 0))\n ) {\n config.disableClose = false;\n }\n }\n }\n\n getDialogConfig(\n options: {\n disableClose?: boolean;\n height?: string;\n minWidth?: string;\n maxWidth?: string;\n maxHeight?: string;\n panelClass?: string;\n } = {},\n size: PepDialogSizeType = 'regular'\n ): MatDialogConfig {\n const dialogConfig = new MatDialogConfig();\n\n dialogConfig.autoFocus = false;\n dialogConfig.direction = this.layoutService.isRtl() ? 'rtl' : 'ltr';\n dialogConfig.disableClose = options.disableClose ?? true;\n dialogConfig.panelClass = ['pep-dialog', options.panelClass \|\| ''];\n\n if (size === 'inline') {\n dialogConfig.height = options.height \|\| 'auto';\n dialogConfig.maxWidth = options.maxWidth \|\| '100vw';\n dialogConfig.maxHeight = options.maxHeight \|\| '100vh';\n dialogConfig.minWidth = options.minWidth \|\| '300px';\n }\n\n dialogConfig.panelClass.push(size);\n\n dialogConfig.scrollStrategy = this.overlay.scrollStrategies.noop();\n // dialogConfig.scrollStrategy = this.overlay.scrollStrategies.block();\n\n return dialogConfig;\n }\n\n openDefaultDialog(\n data: PepDialogData,\n config: MatDialogConfig = null\n ): MatDialogRef<PepDefaultDialogComponent> {\n if (!config) {\n config = this.getDialogConfig();\n }\n this.fixConfigIfNeeded(data, config);\n\n config.data = data;\n const dialogRef = this.dialog.open(PepDefaultDialogComponent, config);\n return dialogRef;\n }\n\n openDialog<T>(\n componentOrTemplateRef: ComponentType<T> \| TemplateRef<T>,\n data: any = {},\n config: MatDialogConfig = null\n ): MatDialogRef<T> {\n if (!config) {\n config = this.getDialogConfig();\n }\n this.fixConfigIfNeeded(data, config);\n\n config.data = data;\n const dialogRef = this.dialog.open(componentOrTemplateRef, config);\n return dialogRef;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatCommonModule } from '@angular/material/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatDialogModule } from '@angular/material/dialog';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport {\n PepIconModule,\n PepIconRegistry,\n pepIconSystemClose,\n} from '@pepperi-addons/ngx-lib/icon';\n\nimport { PepDefaultDialogComponent } from './default-dialog.component';\nimport { PepDialogComponent } from './dialog.component';\nimport { PepDialogService } from './dialog.service';\n\n@NgModule({\n imports: [\n CommonModule,\n // Material modules,\n MatCommonModule,\n MatButtonModule,\n MatIconModule,\n MatDialogModule,\n // ngx-lib modules\n PepNgxLibModule,\n PepIconModule,\n ],\n exports: [PepDialogComponent],\n declarations: [PepDefaultDialogComponent, PepDialogComponent],\n entryComponents: [PepDefaultDialogComponent],\n providers: [PepDialogService]\n})\nexport class PepDialogModule {\n constructor(private pepIconRegistry: PepIconRegistry) {\n this.pepIconRegistry.registerIcons([pepIconSystemClose]);\n }\n}\n","/\n Public API Surface of ngx-lib/dialog\n /\nexport from './dialog.module';\nexport * from './dialog.model';\nexport * from './dialog.component';\nexport * from './dialog.service';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n\nexport {PepDefaultDialogComponent as ɵa} from './default-dialog.component';"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"pepperi-addons-ngx-lib-dialog.js","sources":["../../../projects/ngx-lib/dialog/dialog.model.ts","../../../projects/ngx-lib/dialog/default-dialog.component.ts","../../../projects/ngx-lib/dialog/dialog.component.ts","../../../projects/ngx-lib/dialog/dialog.service.ts","../../../projects/ngx-lib/dialog/dialog.module.ts","../../../projects/ngx-lib/dialog/public-api.ts","../../../projects/ngx-lib/dialog/pepperi-addons-ngx-lib-dialog.ts"],"sourcesContent":["export type PepDialogSizeType =\n \| 'inline'\n \| 'small'\n \| 'regular'\n \| 'large'\n \| 'full-screen';\n\nexport type PepDialogActionsType =\n \| 'close'\n \| 'cancel-continue'\n \| 'cancel-ok'\n \| 'cancel-delete'\n \| 'custom';\n\nexport class PepDialogActionButton {\n title = '';\n className = '';\n callback: () => void;\n\n constructor(title = '', className = '', callback: () => void = null) {\n this.title = title;\n this.className = className;\n this.callback = callback;\n }\n}\n\nexport class PepDialogData {\n title: string;\n actionsType: PepDialogActionsType;\n content: any;\n showClose: boolean;\n showHeader: boolean;\n showFooter: boolean;\n actionButtons: Array<PepDialogActionButton>;\n\n constructor(options: {\n title?: string;\n actionsType?: PepDialogActionsType;\n content?: any;\n contentDisabled?: boolean;\n showClose?: boolean;\n showHeader?: boolean;\n showFooter?: boolean;\n actionButtons?: Array<PepDialogActionButton>;\n }) {\n this.title = options.title \|\| '';\n this.actionsType = options.actionsType \|\| 'close';\n this.content = options.content \|\| '';\n this.showClose = options.showClose ?? true;\n this.showHeader = options.showHeader ?? true;\n this.showFooter = options.showFooter ?? true;\n this.actionButtons = options.actionButtons ?? null;\n }\n}\n","import { Component, Inject, ViewEncapsulation } from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { PepDialogData, PepDialogActionButton } from './dialog.model';\n\n@Component({\n templateUrl: './default-dialog.component.html',\n styleUrls: ['./default-dialog.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class PepDefaultDialogComponent {\n constructor(\n @Inject(MAT_DIALOG_DATA) public data: PepDialogData,\n public dialogRef: MatDialogRef<any>\n ) {}\n\n onActionButtonClicked(button: PepDialogActionButton): void {\n this.dialogRef.close(true);\n this.dialogRef.afterClosed().subscribe((isActionButtonClicked) => {\n if (isActionButtonClicked && button?.callback) {\n button.callback();\n }\n });\n }\n}\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'pep-dialog',\n styleUrls: ['./dialog.component.scss', './dialog.component.theme.scss'],\n templateUrl: './dialog.component.html',\n})\nexport class PepDialogComponent {\n @Input() title: string;\n @Input() showClose = true;\n @Input() showHeader = true;\n @Input() showFooter = true;\n}\n","import { Injectable, TemplateRef } from '@angular/core';\nimport {\n MatDialog,\n MatDialogConfig,\n MatDialogRef,\n} from '@angular/material/dialog';\nimport { PepLayoutService } from '@pepperi-addons/ngx-lib';\nimport { Overlay } from '@angular/cdk/overlay';\nimport { ComponentType } from '@angular/cdk/portal';\nimport { PepDialogSizeType, PepDialogData } from './dialog.model';\nimport { PepDefaultDialogComponent } from './default-dialog.component';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class PepDialogService {\n constructor(\n private dialog: MatDialog,\n private layoutService: PepLayoutService,\n private overlay: Overlay\n ) { }\n\n private fixConfigIfNeeded(data: PepDialogData, config: MatDialogConfig) {\n if (config.disableClose) {\n if (\n (((data.showClose !== undefined && !data.showClose) \|\| (data.showHeader !== undefined && !data.showHeader)) && (data.showFooter !== undefined && !data.showFooter)) \|\|\n (data.actionsType === 'custom' &&\n (data.actionButtons === null \|\|\n data.actionButtons.length === 0))\n ) {\n config.disableClose = false;\n }\n }\n }\n\n getDialogConfig(\n options: {\n disableClose?: boolean;\n height?: string;\n minWidth?: string;\n maxWidth?: string;\n maxHeight?: string;\n panelClass?: string;\n } = {},\n size: PepDialogSizeType = 'regular'\n ): MatDialogConfig {\n const dialogConfig = new MatDialogConfig();\n\n dialogConfig.autoFocus = false;\n dialogConfig.direction = this.layoutService.isRtl() ? 'rtl' : 'ltr';\n dialogConfig.disableClose = options.disableClose ?? true;\n dialogConfig.panelClass = ['pep-dialog', options.panelClass \|\| ''];\n\n if (size === 'inline') {\n dialogConfig.height = options.height \|\| 'auto';\n dialogConfig.maxWidth = options.maxWidth \|\| '100vw';\n dialogConfig.maxHeight = options.maxHeight \|\| '100vh';\n dialogConfig.minWidth = options.minWidth \|\| '300px';\n }\n\n dialogConfig.panelClass.push(size);\n\n dialogConfig.scrollStrategy = this.overlay.scrollStrategies.noop();\n // dialogConfig.scrollStrategy = this.overlay.scrollStrategies.block();\n\n return dialogConfig;\n }\n\n openDefaultDialog(\n data: PepDialogData,\n config: MatDialogConfig = null\n ): MatDialogRef<PepDefaultDialogComponent> {\n if (!config) {\n config = this.getDialogConfig();\n }\n this.fixConfigIfNeeded(data, config);\n\n config.data = data;\n const dialogRef = this.dialog.open(PepDefaultDialogComponent, config);\n return dialogRef;\n }\n\n openDialog<T>(\n componentOrTemplateRef: ComponentType<T> \| TemplateRef<T>,\n data: any = {},\n config: MatDialogConfig = null\n ): MatDialogRef<T> {\n if (!config) {\n config = this.getDialogConfig();\n }\n this.fixConfigIfNeeded(data, config);\n\n config.data = data;\n const dialogRef = this.dialog.open(componentOrTemplateRef, config);\n return dialogRef;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatCommonModule } from '@angular/material/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatDialogModule } from '@angular/material/dialog';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport {\n PepIconModule,\n PepIconRegistry,\n pepIconSystemClose,\n} from '@pepperi-addons/ngx-lib/icon';\n\nimport { PepDefaultDialogComponent } from './default-dialog.component';\nimport { PepDialogComponent } from './dialog.component';\nimport { PepDialogService } from './dialog.service';\n\n@NgModule({\n imports: [\n CommonModule,\n // Material modules,\n MatCommonModule,\n MatButtonModule,\n MatIconModule,\n MatDialogModule,\n // ngx-lib modules\n PepNgxLibModule,\n PepIconModule,\n ],\n exports: [PepDialogComponent],\n declarations: [PepDefaultDialogComponent, PepDialogComponent],\n entryComponents: [PepDefaultDialogComponent],\n providers: [PepDialogService]\n})\nexport class PepDialogModule {\n constructor(private pepIconRegistry: PepIconRegistry) {\n this.pepIconRegistry.registerIcons([pepIconSystemClose]);\n }\n}\n","/\n Public API Surface of ngx-lib/dialog\n /\nexport from './dialog.module';\nexport * from './dialog.model';\nexport * from './dialog.component';\nexport * from './dialog.service';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n\nexport {PepDefaultDialogComponent as ɵa} from './default-dialog.component';"],"names":[],"mappings":"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"}

package/fesm2015/pepperi-addons-ngx-lib-field-title.js CHANGED Viewed

@@ -22,7 +22,7 @@ PepFieldTitleComponent.decorators = [
     { type: Component, args: [{
                 selector: 'pep-field-title',
                 template: "<div class=\"mat-form-title\" [ngClass]=\"{disable: disabled}\" [ngStyle]=\"{'text-align': xAlignment }\">\n    <ng-container *ngIf=\"xAlignment == 'right' then rightTemplate else leftTemplate\">\n    </ng-container>\n    <ng-template #rightTemplate>\n        <ng-container *ngTemplateOutlet=\"hintTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"requiredTemplate\"></ng-container>\n    </ng-template>\n    <ng-template #leftTemplate>\n        <ng-container *ngTemplateOutlet=\"requiredTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"hintTemplate\"></ng-container>\n    </ng-template>\n\n    <ng-template #requiredTemplate>\n        <mat-icon *ngIf=\"mandatory\" class=\"pep-spacing-element\">\n            <pep-icon name=\"system_must\"></pep-icon>\n        </mat-icon>\n        <!-- For the grid template () -->\n        <span *ngIf=\"!mandatory\"></span>\n    </ng-template>\n    <ng-template #titleTemplate>\n        <mat-label *ngIf=\"showTitle\" [title]=\"label\" class=\"body-xs\">\n            {{ label }}\n        </mat-label>\n        <!-- For the grid template () -->\n        <span *ngIf=\"!showTitle\"></span>\n    </ng-template>\n    <ng-template #hintTemplate>\n        <ng-container *ngIf=\"hint?.length > 0 then hintTextTemplate else maxCharactersTemplate\">\n        </ng-container>\n        <ng-template #hintTextTemplate>\n            <span class=\"body-xs\">\n                &nbsp;{{ hint }}\n            </span>\n        </ng-template>\n        <ng-template #maxCharactersTemplate>\n            <span *ngIf=\"maxFieldCharacters > 0\" class=\"body-xs\">\n                &nbsp;{{ inputLength || 0 }}/{{ maxFieldCharacters }}\n            </span>\n            <!-- For the grid template () -->\n            <span *ngIf=\"maxFieldCharacters === 0\"></span>\n        </ng-template>\n    </ng-template>\n</div>",
-                styles: [":host{display:grid;width:inherit}"]
+                styles: [":host{display:grid;width:inherit}", ""]
             },] }
 ];
 PepFieldTitleComponent.propDecorators = {

package/fesm2015/pepperi-addons-ngx-lib-field-title.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pepperi-addons-ngx-lib-field-title.js","sources":["../../../projects/ngx-lib/field-title/field-title.component.ts","../../../projects/ngx-lib/field-title/field-title.module.ts","../../../projects/ngx-lib/field-title/public-api.ts","../../../projects/ngx-lib/field-title/pepperi-addons-ngx-lib-field-title.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport {\n PepHorizontalAlignment,\n DEFAULT_HORIZONTAL_ALIGNMENT,\n} from '@pepperi-addons/ngx-lib';\n\n@Component({\n selector: 'pep-field-title',\n templateUrl: './field-title.component.html',\n styleUrls: ['./field-title.component.scss'],\n})\nexport class PepFieldTitleComponent {\n @Input() label = '';\n @Input() mandatory = false;\n @Input() disabled = false;\n @Input() maxFieldCharacters = 0;\n @Input() hint = '';\n @Input() xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\n\n @Input() showTitle = true;\n @Input() inputLength = 0;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatCommonModule } from '@angular/material/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatFormFieldModule } from '@angular/material/form-field';\n\nimport {\n PepIconModule,\n PepIconRegistry,\n pepIconSystemMust,\n} from '@pepperi-addons/ngx-lib/icon';\n\nimport { PepFieldTitleComponent } from './field-title.component';\n\n@NgModule({\n imports: [\n CommonModule,\n // Material modules,\n MatCommonModule,\n MatIconModule,\n MatFormFieldModule,\n // ngx-lib modules\n PepIconModule,\n ],\n exports: [PepFieldTitleComponent],\n declarations: [PepFieldTitleComponent],\n})\nexport class PepFieldTitleModule {\n constructor(private pepIconRegistry: PepIconRegistry) {\n this.pepIconRegistry.registerIcons([pepIconSystemMust]);\n }\n}\n","/\n Public API Surface of ngx-lib/field-title\n /\nexport from './field-title.module';\nexport * from './field-title.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAWa,sBAAsB;IALnC;QAMa,UAAK,GAAG,EAAE,CAAC;QACX,cAAS,GAAG,KAAK,CAAC;QAClB,aAAQ,GAAG,KAAK,CAAC;QACjB,uBAAkB,GAAG,CAAC,CAAC;QACvB,SAAI,GAAG,EAAE,CAAC;QACV,eAAU,GAA2B,4BAA4B,CAAC;QAElE,cAAS,GAAG,IAAI,CAAC;QACjB,gBAAW,GAAG,CAAC,CAAC;KAC5B;;;YAfA,SAAS,SAAC;gBACP,QAAQ,EAAE,iBAAiB;gBAC3B,i/DAA2C;;aAE9C;;;oBAEI,KAAK;wBACL,KAAK;uBACL,KAAK;iCACL,KAAK;mBACL,KAAK;yBACL,KAAK;wBAEL,KAAK;0BACL,KAAK;;;MCQG,mBAAmB;IAC5B,YAAoB,eAAgC;QAAhC,oBAAe,GAAf,eAAe,CAAiB;QAChD,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;KAC3D;;;YAhBJ,QAAQ,SAAC;gBACN,OAAO,EAAE;oBACL,YAAY;;oBAEZ,eAAe;oBACf,aAAa;oBACb,kBAAkB;;oBAElB,aAAa;iBAChB;gBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;gBACjC,YAAY,EAAE,CAAC,sBAAsB,CAAC;aACzC;;;YAlBG,eAAe;;;ACTnB;;;;ACAA;;;;;;"}
1	+ {"version":3,"file":"pepperi-addons-ngx-lib-field-title.js","sources":["../../../projects/ngx-lib/field-title/field-title.component.ts","../../../projects/ngx-lib/field-title/field-title.module.ts","../../../projects/ngx-lib/field-title/public-api.ts","../../../projects/ngx-lib/field-title/pepperi-addons-ngx-lib-field-title.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport {\n PepHorizontalAlignment,\n DEFAULT_HORIZONTAL_ALIGNMENT,\n} from '@pepperi-addons/ngx-lib';\n\n@Component({\n selector: 'pep-field-title',\n templateUrl: './field-title.component.html',\n styleUrls: ['./field-title.component.scss', './field-title.component.theme.scss'],\n})\nexport class PepFieldTitleComponent {\n @Input() label = '';\n @Input() mandatory = false;\n @Input() disabled = false;\n @Input() maxFieldCharacters = 0;\n @Input() hint = '';\n @Input() xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\n\n @Input() showTitle = true;\n @Input() inputLength = 0;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatCommonModule } from '@angular/material/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatFormFieldModule } from '@angular/material/form-field';\n\nimport {\n PepIconModule,\n PepIconRegistry,\n pepIconSystemMust,\n} from '@pepperi-addons/ngx-lib/icon';\n\nimport { PepFieldTitleComponent } from './field-title.component';\n\n@NgModule({\n imports: [\n CommonModule,\n // Material modules,\n MatCommonModule,\n MatIconModule,\n MatFormFieldModule,\n // ngx-lib modules\n PepIconModule,\n ],\n exports: [PepFieldTitleComponent],\n declarations: [PepFieldTitleComponent],\n})\nexport class PepFieldTitleModule {\n constructor(private pepIconRegistry: PepIconRegistry) {\n this.pepIconRegistry.registerIcons([pepIconSystemMust]);\n }\n}\n","/\n Public API Surface of ngx-lib/field-title\n /\nexport from './field-title.module';\nexport * from './field-title.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAWa,sBAAsB;IALnC;QAMa,UAAK,GAAG,EAAE,CAAC;QACX,cAAS,GAAG,KAAK,CAAC;QAClB,aAAQ,GAAG,KAAK,CAAC;QACjB,uBAAkB,GAAG,CAAC,CAAC;QACvB,SAAI,GAAG,EAAE,CAAC;QACV,eAAU,GAA2B,4BAA4B,CAAC;QAElE,cAAS,GAAG,IAAI,CAAC;QACjB,gBAAW,GAAG,CAAC,CAAC;KAC5B;;;YAfA,SAAS,SAAC;gBACP,QAAQ,EAAE,iBAAiB;gBAC3B,i/DAA2C;;aAE9C;;;oBAEI,KAAK;wBACL,KAAK;uBACL,KAAK;iCACL,KAAK;mBACL,KAAK;yBACL,KAAK;wBAEL,KAAK;0BACL,KAAK;;;MCQG,mBAAmB;IAC5B,YAAoB,eAAgC;QAAhC,oBAAe,GAAf,eAAe,CAAiB;QAChD,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;KAC3D;;;YAhBJ,QAAQ,SAAC;gBACN,OAAO,EAAE;oBACL,YAAY;;oBAEZ,eAAe;oBACf,aAAa;oBACb,kBAAkB;;oBAElB,aAAa;iBAChB;gBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;gBACjC,YAAY,EAAE,CAAC,sBAAsB,CAAC;aACzC;;;YAlBG,eAAe;;;ACTnB;;;;ACAA;;;;;;"}

package/fesm2015/pepperi-addons-ngx-lib-files-uploader.js CHANGED Viewed

@@ -185,7 +185,7 @@ PepFilesUploaderComponent.decorators = [
                 selector: 'pep-files-uploader',
                 template: "<ng-template #pepTemplate>\n    <mat-form-field [formGroup]=\"form\" appearance=\"outline\">\n        <div class=\"pep-file-wrapper\">\n            <div class=\"pep-file body-sm\" [style.height]=\"fieldHeight\" [ngClass]=\"{\n                    'one-row': rowSpan == 1,\n                    disable: disabled\n                }\">\n                <ng-container *ngIf=\"src != ''; then withImg; else noImg\"></ng-container>\n                <ng-template #withImg>\n                    <button *ngIf=\"!disabled\" mat-button (click)=\"deleteFile()\"\n                        class=\"pep-button icon-button weak md delete\" tabindex=\"-1\"\n                        [ngClass]=\"{ 'right-alignment': xAlignment == 'right' }\">\n                        <mat-icon>\n                            <pep-icon name=\"system_bin\"></pep-icon>\n                        </mat-icon>\n                    </button>\n                    <div class=\"pep-file-preview\" (click)=\"onElementClicked($event)\">\n                        <img *ngIf=\"controlType === 'image'\" #imagePreview [src]=\"src\" class=\"pep-file-preview-img\"\n                            [style.max-height]=\"fieldHeight\" (error)=\"errorHandler($event)\" [alt]=\"label\"\n                            [ngClass]=\"['text-align-' + xAlignment]\" />\n                        <div *ngIf=\"controlType === 'attachment'\" class=\"ellipsis pep-file-message\">\n                            <a *ngIf=\"src != ''\" href=\"javascript:void(0)\">\n                                <mat-icon class=\"pep-spacing-element\">\n                                    <pep-icon name=\"system_attach\"></pep-icon>\n                                </mat-icon>\n                                <span class=\"body-sm ellipsis\">{{ 'FILE.SEE_ORIGINAL' | translate }}</span>\n                            </a>\n                        </div>\n                    </div>\n                </ng-template>\n                <ng-template #noImg>\n                    <div class=\"ellipsis pep-file-message\">\n                        <mat-icon *ngIf=\"controlType === 'attachment'\" class=\"pep-spacing-element\">\n                            <pep-icon name=\"system_attach\"></pep-icon>\n                        </mat-icon>\n                        <mat-icon *ngIf=\"controlType === 'image'\" class=\"pep-spacing-element\">\n                            <pep-icon name=\"system_file_upload_cloud\"></pep-icon>\n                        </mat-icon>\n                        <span class=\"body-sm ellipsis\" *ngIf=\"progress == 0\">\n                            {{ (disabled ? (controlType === 'image' ? 'MESSAGES.INFO_MISSING_IMAGE' :\n                            'MESSAGES.INFO_MISSING_FILE') : 'FILE.HINT') | translate }}\n                        </span>\n                        <!-- <p *ngIf=\"progress != 0\" class=\"pull-left flip\"\n                            [ngClass]=\"{ 'pull-left flip': rowSpan == 1, image: controlType == 'image', attachment: controlType == 'attachment' }\">\n                            {{ 'FILE.UPLOADING_FILE' | translate }}\n                        </p> -->\n                    </div>\n                    <ng-container *ngIf=\"!disabled\">\n                        <input #fileInput id=\"pep-file-{{ key }}\" tabindex=\"-1\" type=\"file\" accept=\"acceptedExtensions\"\n                            ng2FileSelect [uploader]=\"uploader\" autocomplete=\"off\" />\n                        <button *ngIf=\"progress != 0\" mat-button class=\"pep-button icon-button weak md delete\"\n                            [ngClass]=\"{ 'right-alignment': xAlignment == 'right' }\">\n                            <mat-icon>\n                                <pep-icon name=\"system_processing\" [spin]=\"true\">\n                                </pep-icon>\n                            </mat-icon>\n                        </button>\n                    </ng-container>\n                </ng-template>\n            </div>\n            <input [id]=\"key\" matInput [name]=\"key\" [formControlName]=\"key\" class=\"hidden-input\" type=\"text\"\n                [value]=\"src\" (click)=\"onClick_ChooseFile($event)\" (keypress)=\"onKeyPress_ChooseFile($event)\"\n                autocomplete=\"off\" />\n        </div>\n\n        <mat-error><span class=\"body-xs\"\n                [title]=\"mandatory && src.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: { field: label }) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: { field: label })\"\n                [innerText]=\"mandatory && src.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: { field: label }) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: { field: label })\"></span>\n        </mat-error>\n    </mat-form-field>\n</ng-template>\n\n<ng-container *ngIf=\"layoutType === 'form'\">\n    <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n    <!-- <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container> -->\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n    <!-- <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container> -->\n</ng-container>",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:grid;height:inherit}"]
+                styles: [".pep-file-container .mat-form-field .pep-file-wrapper,.pep-file-container .mat-form-field .pepperi-file-wrapper,.pepperi-file-container .mat-form-field .pep-file-wrapper,.pepperi-file-container .mat-form-field .pepperi-file-wrapper{position:relative;border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);cursor:pointer;padding:1px .25rem}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file{border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);display:grid;justify-content:center;align-items:center;width:100%;max-width:100%;height:inherit;text-align:center}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-message,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-message a,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message a,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message a,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message a,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message a,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message a,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message a,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message a,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-message,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-message a,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message a,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message a,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message a,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message a,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message a,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message a,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message a{display:grid;align-items:center;justify-items:center}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-message span,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message span,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message span,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message span,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message span,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message span,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message span,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message span,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-message span,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message span,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message span,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message span,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message span,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message span,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message span,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message span{width:100%}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-preview,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-preview,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-preview,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-preview,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-preview,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-preview,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-preview,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-preview,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-preview,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-preview,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-preview,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-preview,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-preview,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-preview,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-preview,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-preview{display:grid;align-items:center;justify-items:center;z-index:2}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-preview img,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-preview img,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-preview img,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-preview img,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-preview img,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-preview img,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-preview img,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-preview img,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-preview img,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-preview img,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-preview img,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-preview img,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-preview img,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-preview img,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-preview img,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-preview img{-o-object-fit:contain;object-fit:contain;max-height:100%;max-height:-webkit-fill-available;max-height:-moz-available;max-height:stretch;max-width:100%;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button{height:calc(2.5rem + 2px);max-height:calc(2.5rem + 2px);width:2.5rem;max-width:2.5rem;position:absolute;z-index:9;top:0;right:0;border-radius:0 .25rem 0 .25rem;border-radius:0 var(--pep-border-radius-md,.25rem) 0 var(--pep-border-radius-md,.25rem);padding:0;justify-content:center}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button mat-icon,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button mat-icon,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button mat-icon,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button mat-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button mat-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button mat-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button mat-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button mat-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button mat-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button mat-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button mat-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button mat-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button mat-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button mat-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button mat-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button mat-icon{vertical-align:middle}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button.right-alignment,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button.right-alignment,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button.right-alignment,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button.right-alignment,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button.right-alignment,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button.right-alignment,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button.right-alignment,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button.right-alignment,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button.right-alignment,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button.right-alignment,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button.right-alignment,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button.right-alignment,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button.right-alignment,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button.right-alignment,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button.right-alignment,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button.right-alignment{right:unset;left:0;border-radius:.25rem 0 .25rem 0;border-radius:var(--pep-border-radius-md,.25rem) 0 var(--pep-border-radius-md,.25rem) 0}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file input,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file input,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file input,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file input,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file input,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file input,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file input,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file input{position:absolute;height:100%;width:100%;opacity:0;cursor:pointer;z-index:5}.pep-file-container .mat-form-field .pep-file-wrapper .hidden-input,.pep-file-container .mat-form-field .pepperi-file-wrapper .hidden-input,.pepperi-file-container .mat-form-field .pep-file-wrapper .hidden-input,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .hidden-input{position:absolute;top:0;opacity:0;cursor:pointer;z-index:1;width:100%;height:100%}.pep-file-container .mat-form-field .pep-file-wrapper .hidden-input.signature,.pep-file-container .mat-form-field .pepperi-file-wrapper .hidden-input.signature,.pepperi-file-container .mat-form-field .pep-file-wrapper .hidden-input.signature,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .hidden-input.signature{z-index:6}.pep-file-container .mat-form-field.mat-form-field-disabled .hidden-input,.pepperi-file-container .mat-form-field.mat-form-field-disabled .hidden-input{cursor:auto!important}.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pep-file-message,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pep-file-message a,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message a,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message a,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message a,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message a,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message a,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message a,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message a,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pep-file-message,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pep-file-message a,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message a,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message a,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message a,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message a,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message a,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message a,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message a{display:flex}.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pep-button,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pepperi-button,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pep-button,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pep-button,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pep-button,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pepperi-button,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pep-button,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pep-button,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button{border-radius:0 .25rem .25rem 0;border-radius:0 var(--pep-border-radius-md,.25rem) var(--pep-border-radius-md,.25rem) 0}.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pep-button.right-alignment,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pepperi-button.right-alignment,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pep-button.right-alignment,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button.right-alignment,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pep-button.right-alignment,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button.right-alignment,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button.right-alignment,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button.right-alignment,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pep-button.right-alignment,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pepperi-button.right-alignment,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pep-button.right-alignment,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button.right-alignment,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pep-button.right-alignment,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button.right-alignment,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button.right-alignment,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button.right-alignment{right:unset;left:.0625rem;border-radius:.25rem 0 0 .25rem;border-radius:var(--pep-border-radius-md,.25rem) 0 0 var(--pep-border-radius-md,.25rem)}.pep-report-file,.pepperi-report-file{cursor:pointer;border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem)}.pep-file-container,.pepperi-file-container{display:grid}.pep-file-container .mat-form-field .mat-form-field-flex,.pepperi-file-container .mat-form-field .mat-form-field-flex{padding:0!important}.pep-file-container .mat-form-field .mat-form-field-flex .mat-form-field-infix,.pepperi-file-container .mat-form-field .mat-form-field-flex .mat-form-field-infix{display:block!important;width:100%}:host{display:grid;height:inherit}", ".pep-file-container .mat-form-field .pep-file-wrapper,.pep-file-container .mat-form-field .pepperi-file-wrapper,.pepperi-file-container .mat-form-field .pep-file-wrapper,.pepperi-file-container .mat-form-field .pepperi-file-wrapper{border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);cursor:pointer;padding:1px .25rem}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file{border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);display:grid;justify-content:center;align-items:center;width:100%;max-width:100%;height:inherit;text-align:center}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-message,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-message a,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message a,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message a,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message a,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message a,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message a,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message a,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message a,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-message,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-message a,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message a,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message a,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message a,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message a,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message a,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message a,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message a{display:grid;align-items:center;justify-items:center}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-message span,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message span,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message span,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message span,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message span,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message span,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message span,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message span,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-message span,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message span,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message span,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message span,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message span,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message span,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message span,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message span{width:100%}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-preview,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-preview,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-preview,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-preview,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-preview,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-preview,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-preview,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-preview,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-preview,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-preview,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-preview,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-preview,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-preview,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-preview,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-preview,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-preview{display:grid;align-items:center;justify-items:center;z-index:2}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-preview img,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-preview img,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-preview img,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-preview img,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-preview img,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-preview img,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-preview img,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-preview img,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-preview img,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-preview img,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-preview img,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-preview img,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-preview img,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-preview img,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-preview img,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-preview img{-o-object-fit:contain;object-fit:contain;max-height:100%;max-height:-webkit-fill-available;max-height:-moz-available;max-height:stretch;max-width:100%;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button{height:calc(2.5rem + 2px);max-height:calc(2.5rem + 2px);width:2.5rem;max-width:2.5rem;position:absolute;z-index:9;top:0;right:0;border-radius:0 .25rem 0 .25rem;border-radius:0 var(--pep-border-radius-md,.25rem) 0 var(--pep-border-radius-md,.25rem);padding:0;justify-content:center}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button mat-icon,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button mat-icon,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button mat-icon,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button mat-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button mat-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button mat-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button mat-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button mat-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button mat-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button mat-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button mat-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button mat-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button mat-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button mat-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button mat-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button mat-icon{vertical-align:middle}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button.right-alignment,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button.right-alignment,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button.right-alignment,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button.right-alignment,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button.right-alignment,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button.right-alignment,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button.right-alignment,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button.right-alignment,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button.right-alignment,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button.right-alignment,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button.right-alignment,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button.right-alignment,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button.right-alignment,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button.right-alignment,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button.right-alignment,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button.right-alignment{right:unset;left:0;border-radius:.25rem 0 .25rem 0;border-radius:var(--pep-border-radius-md,.25rem) 0 var(--pep-border-radius-md,.25rem) 0}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file input,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file input,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file input,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file input,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file input,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file input,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file input,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file input{position:absolute;height:100%;width:100%;opacity:0;cursor:pointer;z-index:5}.pep-file-container .mat-form-field .pep-file-wrapper .hidden-input,.pep-file-container .mat-form-field .pepperi-file-wrapper .hidden-input,.pepperi-file-container .mat-form-field .pep-file-wrapper .hidden-input,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .hidden-input{position:absolute;top:0;opacity:0;cursor:pointer;z-index:1;width:100%;height:100%}.pep-file-container .mat-form-field .pep-file-wrapper .hidden-input.signature,.pep-file-container .mat-form-field .pepperi-file-wrapper .hidden-input.signature,.pepperi-file-container .mat-form-field .pep-file-wrapper .hidden-input.signature,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .hidden-input.signature{z-index:6}.pep-file-container .mat-form-field.mat-form-field-disabled .hidden-input,.pepperi-file-container .mat-form-field.mat-form-field-disabled .hidden-input{cursor:auto!important}.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pep-file-message,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pep-file-message a,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message a,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message a,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message a,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message a,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message a,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message a,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message a,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pep-file-message,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pep-file-message a,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-message a,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-message a,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-message a,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-message a,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-message a,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-message a,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-message a{display:flex}.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pep-button,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pepperi-button,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pep-button,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pep-button,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pep-button,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pepperi-button,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pep-button,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pep-button,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button{border-radius:0 .25rem .25rem 0;border-radius:0 var(--pep-border-radius-md,.25rem) var(--pep-border-radius-md,.25rem) 0}.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pep-button.right-alignment,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pepperi-button.right-alignment,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pep-button.right-alignment,.pep-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button.right-alignment,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pep-button.right-alignment,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button.right-alignment,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button.right-alignment,.pep-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button.right-alignment,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pep-button.right-alignment,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pep-file .pepperi-button.right-alignment,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pep-button.right-alignment,.pepperi-file-container.one-row .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button.right-alignment,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pep-button.right-alignment,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button.right-alignment,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button.right-alignment,.pepperi-file-container.one-row .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button.right-alignment{right:unset;left:.0625rem;border-radius:.25rem 0 0 .25rem;border-radius:var(--pep-border-radius-md,.25rem) 0 0 var(--pep-border-radius-md,.25rem)}.pep-report-file,.pepperi-report-file{cursor:pointer;border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem)}.pep-file-container,.pepperi-file-container{display:grid}.pep-file-container .mat-form-field .mat-form-field-flex,.pepperi-file-container .mat-form-field .mat-form-field-flex{padding:0!important}.pep-file-container .mat-form-field .mat-form-field-flex .mat-form-field-infix,.pepperi-file-container .mat-form-field .mat-form-field-flex .mat-form-field-infix{display:block!important;width:100%}.pep-file-container .mat-form-field .pep-file-wrapper,.pep-file-container .mat-form-field .pepperi-file-wrapper,.pepperi-file-container .mat-form-field .pep-file-wrapper,.pepperi-file-container .mat-form-field .pepperi-file-wrapper{color:rgba(26,26,26,.7);color:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.7);position:relative}.pep-file-container .mat-form-field .pep-file-wrapper:after,.pep-file-container .mat-form-field .pepperi-file-wrapper:after,.pepperi-file-container .mat-form-field .pep-file-wrapper:after,.pepperi-file-container .mat-form-field .pepperi-file-wrapper:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:inherit;border:1px dashed hsl(0,0%,calc(10% + 30%));border:1px dashed hsl(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),calc(var(--pep-color-system-primary-l, 10%) + 30%))}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button{color:#fff;color:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button.delete,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button.delete,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button.delete,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button.delete,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button.delete,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button.delete,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button.delete,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button.delete,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button.delete,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button.delete,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button.delete,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button.delete,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button.delete,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button.delete,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button.delete,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button.delete{background-color:rgba(26,26,26,.5);background-color:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.5)}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button.delete .svg-icon,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button.delete .svg-icon,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button.delete .svg-icon,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button.delete .svg-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button.delete .svg-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button.delete .svg-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button.delete .svg-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button.delete .svg-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button.delete .svg-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button.delete .svg-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button.delete .svg-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button.delete .svg-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button.delete .svg-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button.delete .svg-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button.delete .svg-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button.delete .svg-icon{fill:#fff;fill:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button.delete:hover,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button.delete:hover,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button.delete:hover,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button.delete:hover,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button.delete:hover,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button.delete:hover,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button.delete:hover,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button.delete:hover,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-button.delete:hover,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-button.delete:hover,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-button.delete:hover,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-button.delete:hover,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-button.delete:hover,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-button.delete:hover,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-button.delete:hover,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-button.delete:hover{background:#e60000;background:hsl(var(--pep-color-system-caution-h,360),var(--pep-color-system-caution-s,100%),var(--pep-color-system-caution-l,45%));box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.16);box-shadow:var(--pep-shadow-xs-offset,0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.16)}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .svg-icon,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .svg-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .svg-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .svg-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .svg-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .svg-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .svg-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .svg-icon{fill:rgba(26,26,26,.7);fill:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.7)}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-preview a,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-preview a,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-preview a,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-preview a,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-preview a,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-preview a,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-preview a,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-preview a,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-preview a,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-preview a,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-preview a,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-preview a,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-preview a,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-preview a,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-preview a,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-preview a{color:#1766a6;color:hsl(var(--pep-color-text-link-h,207),var(--pep-color-text-link-s,76%),var(--pep-color-text-link-l,37%))}.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-preview a .svg-icon,.pep-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-preview a .svg-icon,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-preview a .svg-icon,.pep-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-preview a .svg-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-preview a .svg-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-preview a .svg-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-preview a .svg-icon,.pep-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-preview a .svg-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pep-file-preview a .svg-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pep-file .pepperi-file-preview a .svg-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pep-file-preview a .svg-icon,.pepperi-file-container .mat-form-field .pep-file-wrapper .pepperi-file .pepperi-file-preview a .svg-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pep-file-preview a .svg-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pep-file .pepperi-file-preview a .svg-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pep-file-preview a .svg-icon,.pepperi-file-container .mat-form-field .pepperi-file-wrapper .pepperi-file .pepperi-file-preview a .svg-icon{fill:#1766a6;fill:hsl(var(--pep-color-text-link-h,207),var(--pep-color-text-link-s,76%),var(--pep-color-text-link-l,37%))}.pep-file-container .mat-form-field.mat-form-field-disabled .pep-file-wrapper:after,.pep-file-container .mat-form-field.mat-form-field-disabled .pepperi-file-wrapper:after,.pepperi-file-container .mat-form-field.mat-form-field-disabled .pep-file-wrapper:after,.pepperi-file-container .mat-form-field.mat-form-field-disabled .pepperi-file-wrapper:after{border:unset}.pep-file-container .modal-dialog .modal-content,.pepperi-file-container .modal-dialog .modal-content{color:rgba(26,26,26,.7);color:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.7)}"]
             },] },
     { type: Injectable }
 ];