npm - @pepperi-addons/ngx-lib - Versions diffs - 0.5.0-ng16.7 → 0.5.0-ng17.1 - Mend

@pepperi-addons/ngx-lib 0.5.0-ng16.7 → 0.5.0-ng17.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 (274) hide show

package/fesm2022/pepperi-addons-ngx-lib-signature.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pepperi-addons-ngx-lib-signature.mjs","sources":["../../../projects/ngx-lib/signature/signature-dialog.component.ts","../../../projects/ngx-lib/signature/signature-dialog.component.html","../../../projects/ngx-lib/signature/signature.component.ts","../../../projects/ngx-lib/signature/signature.component.html","../../../projects/ngx-lib/signature/signature.module.ts","../../../projects/ngx-lib/signature/public-api.ts","../../../projects/ngx-lib/signature/pepperi-addons-ngx-lib-signature.ts"],"sourcesContent":["import { Component, OnInit, Inject, ViewChild, AfterViewInit } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { SignaturePadComponent } from '@almothafar/angular-signature-pad';\n\ninterface IPepSignatureDialogData {\n title: string;\n value: string;\n showActionBtn: boolean;\n disabled: boolean;\n}\n\n@Component({\n templateUrl: './signature-dialog.component.html',\n styleUrls: ['./signature-dialog.component.scss'],\n})\nexport class PepSignatureDialogComponent implements OnInit, AfterViewInit {\n private signatureURL = '';\n private acceptSignatureType = 'png';\n\n protected signaturePadOptions: any = {\n // passed through to szimek/signature_pad constructor\n minWidth: 2,\n canvasWidth: 500,\n canvasHeight: 300,\n penColor: 'rgb(151, 151, 151)',\n };\n\n @ViewChild('signaturePad') signaturePad: SignaturePadComponent;\n\n constructor(\n private dialogRef: MatDialogRef<PepSignatureDialogComponent>,\n @Inject(MAT_DIALOG_DATA) public data: IPepSignatureDialogData\n ) {\n if (data) {\n this.signatureURL = data.value ?? '';\n this.data.showActionBtn = data.showActionBtn ?? true;\n this.data.disabled = data.disabled ?? false;\n }\n }\n\n ngOnInit(): void {\n // Do nothing.\n }\n\n ngAfterViewInit(): void {\n if (this.signatureURL && this.signatureURL !== '') {\n this.signaturePad.fromDataURL(this.signatureURL);\n this.signaturePad.off();\n }\n }\n\n drawComplete(): void {\n // will be notified of szimek/signature_pad's onEnd event\n }\n\n drawStart(): void {\n // will be notified of szimek/signature_pad's onBegin event\n }\n\n clearSignModal(): void {\n this.signatureURL = '';\n this.signaturePad.clear();\n this.signaturePad.on();\n }\n\n saveSignModal(event: any): void {\n let value: any;\n\n if (!this.signaturePad.isEmpty()) {\n this.signatureURL = this.signaturePad.toDataURL('image/png');\n value = {\n acceptedExtensions: this.acceptSignatureType,\n fileStr: this.signatureURL,\n fileExt: this.acceptSignatureType,\n };\n } else {\n value = '';\n }\n\n this.dialogRef.close(value);\n }\n\n closeDialog(event) {\n this.dialogRef.close(event);\n }\n}\n","<pep-dialog [title]=\"data.title \|\| ('SIGNATURE.DIALOG_TITLE' \| translate)\" [showFooter]=\"data.showActionBtn\" [showClose]=\"true\" (close)=\"closeDialog($event)\">\n <ng-container pep-dialog-content>\n <signature-pad #signaturePad [options]=\"signaturePadOptions\" (onBeginEvent)=\"drawStart()\"\n (onEndEvent)=\"drawComplete()\">\n </signature-pad>\n </ng-container>\n <div pep-dialog-actions class=\"pep-spacing-element-negative\">\n <button mat-button class=\"pep-spacing-element pep-button md weak\" [disabled]=\"data.disabled\"\n (click)=\"clearSignModal()\">\n {{ 'ACTIONS.CLEAR' \| translate }}\n </button>\n <button mat-button class=\"pep-spacing-element pep-button md strong\" [disabled]=\"data.disabled\"\n (click)=\"saveSignModal($event)\">\n {{ 'ACTIONS.DONE' \| translate }}\n </button>\n </div>\n</pep-dialog>","import {\n Component,\n OnInit,\n OnDestroy,\n ViewChild,\n Input,\n Output,\n EventEmitter,\n ChangeDetectorRef,\n ChangeDetectionStrategy,\n OnChanges,\n ElementRef,\n Renderer2,\n TemplateRef,\n} from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { SignaturePadComponent } from '@almothafar/angular-signature-pad';\nimport {\n PepFileService,\n PepLayoutType,\n PepCustomizationService,\n PepHorizontalAlignment,\n DEFAULT_HORIZONTAL_ALIGNMENT,\n PepSignatureField,\n IPepFieldClickEvent,\n} from '@pepperi-addons/ngx-lib';\nimport { PepDialogService } from '@pepperi-addons/ngx-lib/dialog';\nimport { MatDialogRef } from '@angular/material/dialog';\nimport { PepSignatureDialogComponent } from './signature-dialog.component';\n\n@Component({\n selector: 'pep-signature',\n styleUrls: ['./signature.component.scss', './signature.component.theme.scss'],\n templateUrl: './signature.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PepSignatureComponent implements OnInit, OnChanges, OnDestroy {\n @Input() key = '';\n @Input() src = '';\n @Input() label = '';\n @Input() mandatory = false;\n @Input() disabled = false;\n @Input() readonly = false;\n @Input() xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\n\n private _rowSpan = 1;\n @Input()\n set rowSpan(value) {\n this._rowSpan = value;\n this.setFieldHeight();\n }\n get rowSpan(): number {\n return this._rowSpan;\n }\n\n @Input() signatureURL = '';\n // @Input() inDialog = false;\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 controlType = 'signature';\n\n @Input() form: FormGroup = null;\n @Input() showTitle = true;\n @Input() renderTitle = true;\n\n private _layoutType: PepLayoutType = 'form';\n @Input()\n set layoutType(value: PepLayoutType) {\n this._layoutType = value;\n this.setFieldHeight();\n }\n get layoutType(): PepLayoutType {\n return this._layoutType;\n }\n\n @Input() isActive = false;\n\n // To know if handle actions or just raise them as output\n @Input() handleActions = true;\n\n @Output()\n chooseFile: EventEmitter<void> = new EventEmitter<void>(); // This event will fired only when handleActions Input is false\n \n @Output()\n fileChange: EventEmitter<any> = new EventEmitter<any>();\n\n @Output()\n elementClick: EventEmitter<IPepFieldClickEvent> = new EventEmitter<IPepFieldClickEvent>();\n\n @Output()\n validationChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n // @ViewChild('signaturePad') signaturePad: SignaturePad;\n // @ViewChild('signaturePad', {static: true}) private signaturePad!: SignaturePad; \n\n // @ViewChild('signaturePopupPad', { read: TemplateRef }) signaturePopupPad: TemplateRef<any>;\n dialogRef: MatDialogRef<any>;\n\n fieldHeight = '';\n standAlone = false;\n dataURI = null;\n showActionBtn = true;\n\n // public isVisibleModal = false;\n // acceptSignatureType = 'png';\n\n // public signaturePadOptions: any = {\n // // passed through to szimek/signature_pad constructor\n // minWidth: 2,\n // canvasWidth: 500,\n // canvasHeight: 300,\n // penColor: 'rgb(151, 151, 151)',\n // };\n\n constructor(\n private dialogService: PepDialogService,\n private customizationService: PepCustomizationService,\n private fileService: PepFileService,\n private cd: ChangeDetectorRef,\n private renderer: Renderer2,\n private element: ElementRef\n ) { }\n\n private setFieldHeight(): void {\n this.fieldHeight = this.customizationService.calculateFieldHeight(\n this.layoutType,\n this.rowSpan,\n this.standAlone\n );\n }\n\n private setDefaultForm(): void {\n const pepField = new PepSignatureField({\n key: this.key,\n value: this.src,\n mandatory: this.mandatory,\n readonly: this.readonly,\n disabled: this.disabled,\n });\n this.form = this.customizationService.getDefaultFromGroup(pepField);\n }\n\n private openSignatoreDlg(src = ''): void {\n this.showActionBtn = this.signatureURL && this.signatureURL !== '' ? false : true;\n\n // this.dialogRef = this.dialogService.openDialog(this.signaturePopupPad);\n // this.dialogRef.afterOpened().subscribe(() => {\n // this.afterDialogOpened();\n // });\n \n this.dialogRef = this.dialogService.openDialog(\n PepSignatureDialogComponent,\n {\n value: this.signatureURL,\n showActionBtn: this.showActionBtn,\n disabled: this.disabled \|\| this.readonly\n }\n );\n\n this.dialogRef.afterClosed().subscribe((value) => {\n if (value !== undefined && value !== null) {\n if (value !== '') {\n this.signatureURL = value.fileStr;\n this.changeValue(value);\n } else {\n this.signatureURL = '';\n this.changeValue(this.signatureURL);\n }\n }\n });\n }\n\n // private afterDialogOpened(): void {\n // if (this.signatureURL && this.signatureURL !== '') {\n // this.signaturePad.fromDataURL(this.signatureURL);\n // this.signaturePad.off();\n // }\n // }\n\n ngOnInit(): void {\n if (this.form === null) {\n this.standAlone = true;\n this.setFieldHeight();\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\n ngOnChanges(changes: any): void {\n if (this.standAlone) {\n this.setDefaultForm();\n }\n\n if (changes.src && changes.src.currentValue?.length > 0) {\n // Empty dataURI if there is change in the src.\n this.dataURI = null;\n\n // For clean the cache.\n // this.src = this.src ? this.src + '?t=' + new Date().toTimeString() : '';\n }\n }\n\n ngOnDestroy(): void {\n //\n }\n\n // drawComplete(): void {\n // // will be notified of szimek/signature_pad's onEnd event\n // }\n\n // drawStart(): void {\n // // will be notified of szimek/signature_pad's onBegin event\n // }\n\n openSignModal(): void {\n if (this.handleActions) {\n // If the signature is not empty open it in image viewer.\n //! Remove this `if` to always open signature in modal \n if (this.standAlone && this.dataURI) {\n const fileStrArr = this.dataURI.fileStr.split(';');\n\n if (fileStrArr.length === 2) {\n const win = window.open('', '_blank');\n const blob = this.fileService.convertFromb64toBlob(\n this.dataURI.fileStr\n );\n const url = URL.createObjectURL(blob);\n win.location.href = url;\n }\n // signature allready exits\n } else {\n this.signatureURL = this.src;\n this.openSignatoreDlg(this.signatureURL);\n }\n } else {\n if (this.src?.length > 0) {\n this.elementClick.emit({\n key: this.key,\n value: this.signatureURL\n });\n } else {\n this.chooseFile.emit();\n }\n }\n }\n\n deleteSignature(event: any): void {\n this.signatureURL = '';\n this.changeValue(this.signatureURL);\n this.cd.detectChanges();\n }\n\n // clearSignModal(): void {\n // this.signatureURL = '';\n // this.signaturePad.clear();\n // this.signaturePad.on();\n // }\n\n // saveSignModal(event: any): void {\n // if (!this.signaturePad.isEmpty()) {\n // this.signatureURL = this.signaturePad.toDataURL('image/png');\n // const fileValue = {\n // acceptedExtensions: this.acceptSignatureType,\n // fileStr: this.signatureURL,\n // fileExt: this.acceptSignatureType,\n // };\n // this.changeValue(fileValue);\n // } else {\n // this.signatureURL = '';\n // this.changeValue(this.signatureURL);\n // }\n\n // this.dialogRef.close(this.signatureURL);\n // }\n \n // closeDialog(event) {\n // this.dialogRef.close(event);\n // }\n\n errorHandler(event: any): void {\n this.signatureURL = this.src = ''; // this.blankImage;\n }\n\n changeValue(fileData: any): void {\n if (this.handleActions) {\n this.dataURI = fileData;\n this.src = this.standAlone && this.dataURI ? this.dataURI.fileStr : '';\n this.customizationService.updateFormFieldValue(\n this.form,\n this.key,\n this.dataURI ? this.dataURI.fileExt : ''\n );\n\n // Raise this only for stand alone fields, If false then the usage for this field is inside a form. \n // Then the form will take care of raising the (onFormValidationChanged) event\n if (this.standAlone) {\n const isValid = (this.disabled \|\| this.readonly) ? true : this.form.valid; \n this.validationChange.emit(isValid);\n }\n }\n this.fileChange.emit(fileData);\n }\n\n onKeyPress_OpenSignModal(event: any): void {\n const e = event as KeyboardEvent;\n\n if ([13, 32].indexOf(e.which) !== -1) {\n this.openSignModal();\n }\n e.preventDefault();\n }\n}","<ng-container [formGroup]=\"form\">\n <ng-container>\n <ng-template #pepTemplate>\n <mat-form-field [formGroup]=\"form\" appearance=\"outline\">\n <div class=\"pep-file-wrapper\">\n <div class=\"pep-file body-sm\" [ngClass]=\"{ disable: disabled }\" [style.height]=\"fieldHeight\">\n <ng-container ngIf=\"src != ''; then withImg; else noImg\"></ng-container>\n <ng-template #withImg>\n <button ngIf=\"!disabled\" mat-button (click)=\"deleteSignature($event)\"\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)=\"openSignModal()\">\n <img [src]=\"src\" [style.max-height]=\"fieldHeight\" class=\"pep-file-preview-img\"\n (error)=\"errorHandler($event)\" [alt]=\"label\"\n [ngClass]=\"['text-align-' + xAlignment]\" />\n </div>\n </ng-template>\n <ng-template #noImg>\n <div class=\"ellipsis pep-file-message\">\n <mat-icon class=\"pep-spacing-element\">\n <pep-icon name=\"system_signature\"></pep-icon>\n </mat-icon>\n <span class=\"body-sm ellipsis\">\n {{ (disabled ? 'MESSAGES.INFO_MISSING_SIGNATURE' : 'SIGNATURE.HINT') \| translate }}\n </span>\n </div>\n </ng-template>\n </div>\n <input [id]=\"key\" matInput [formControlName]=\"key\" class=\"hidden-input signature\" type=\"text\"\n [value]=\"src\" (click)=\"openSignModal()\" (keypress)=\"onKeyPress_OpenSignModal($event)\"\n autocomplete=\"off\" readonly />\n </div>\n\n <mat-error><span class=\"body-xs\"\n [title]=\"mandatory && (!src \|\| src?.length == 0) ? ('MESSAGES.ERROR_IS_REQUIRED' \| translate: { field: label }) : ('MESSAGES.ERROR_IS_NOT_VALID' \| translate: { field: label })\"\n [innerText]=\"mandatory && (!src \|\| 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 ngIf=\"!readonly; then formBlock; else readonlyBlock\">\n </ng-container>\n <ng-template #formBlock>\n <div class=\"pep-file-container\" [ngClass]=\"{ 'one-row': rowSpan == 1, 'stand-alone': standAlone}\">\n <pep-field-title ngIf=\"renderTitle\" [label]=\"label\" [mandatory]=\"mandatory\" [disabled]=\"disabled\"\n [xAlignment]=\"xAlignment\" [showTitle]=\"showTitle\">\n </pep-field-title>\n <ng-container ngTemplateOutlet=\"pepTemplate\"></ng-container>\n </div>\n </ng-template>\n <ng-template #readonlyBlock>\n <div class=\"pep-file-container\" [ngClass]=\"{ 'one-row': rowSpan == 1 }\">\n <ng-container ngTemplateOutlet=\"pepReadonlyTemplate; context: { isTableView: false}\">\n </ng-container>\n </div>\n </ng-template>\n </ng-container>\n\n <ng-container ngIf=\"layoutType === 'card'\">\n <ng-container ngIf=\"false && isActive && !disabled && !readonly; then selectedBlock; else notSelectedBlock\">\n </ng-container>\n <ng-template #selectedBlock>\n <div class=\"pep-file-container\" [ngClass]=\"{ 'one-row': rowSpan == 1}\">\n <ng-container ngTemplateOutlet=\"pepTemplate\"></ng-container>\n </div>\n </ng-template>\n <ng-template #notSelectedBlock>\n <div class=\"pep-file-container\" [ngClass]=\"{ 'one-row': rowSpan == 1 }\">\n <ng-container ngTemplateOutlet=\"pepReadonlyTemplate; context: { isTableView: false}\">\n </ng-container>\n </div>\n </ng-template>\n </ng-container>\n\n <ng-container ngIf=\"layoutType === 'table'\">\n <ng-container ngIf=\"false && isActive && !disabled && !readonly; then selectedBlock; else notSelectedBlock\">\n </ng-container>\n <ng-template #selectedBlock>\n <div class=\"pep-file-container one-row\">\n <ng-container ngTemplateOutlet=\"pepTemplate\"></ng-container>\n </div>\n </ng-template>\n <ng-template #notSelectedBlock>\n <div class=\"pep-file-container one-row\">\n <ng-container ngTemplateOutlet=\"pepReadonlyTemplate; context: { isTableView: true}\">\n </ng-container>\n </div>\n </ng-template>\n </ng-container>\n </ng-container>\n\n <!-- <ng-container ngIf=\"inDialog === true\">\n <ng-container ngTemplateOutlet=\"signaturePopupPad\"></ng-container>\n </ng-container> -->\n\n <!-- <div ngIf=\"inDialog === false\" class=\"signature-backdrop modal\" [ngClass]=\"{ fade: !isVisibleModal }\" tabindex=\"-1\"\n role=\"dialog\" aria-labelledby=\"gridModalLabel\" aria-hidden=\"true\"\n [ngStyle]=\"{ display: isVisibleModal ? 'block' : 'none' }\">\n <div class=\"signature-modal modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <ng-container ngTemplateOutlet=\"signaturePopupPad\"></ng-container>\n </div>\n </div>\n </div> -->\n\n <ng-template #pepReadonlyTemplate let-isTableView=\"isTableView\">\n <div class=\"pep-file-container\">\n <div class=\"pep-file-wrapper\">\n <div class=\"pep-file body-sm disable\">\n <ng-container ngIf=\"src != ''; then withImg; else noImg\"></ng-container>\n <ng-template #withImg>\n <div class=\"pep-file-preview\" (click)=\"openSignModal()\">\n <img ngIf=\"!isTableView\" [src]=\"src\" [style.max-height]=\"fieldHeight\"\n class=\"pep-file-preview-img\" (error)=\"errorHandler($event)\" [alt]=\"label\"\n [ngClass]=\"['text-align-' + xAlignment]\" />\n <img ngIf=\"isTableView\" [src]=\"src\" [style.max-height]=\"fieldHeight\"\n class=\"pep-report-file pep-file-preview-img\" (error)=\"errorHandler($event)\"\n [alt]=\"label\" [ngClass]=\"['text-align-' + xAlignment]\" />\n </div>\n </ng-template>\n <ng-template #noImg></ng-template>\n </div>\n </div>\n </div>\n </ng-template>\n\n <!-- <ng-template #signaturePopupPad>\n <pep-dialog [title]=\"'SIGNATURE.DIALOG_TITLE' \| translate\" [showFooter]=\"showActionBtn\" [showClose]=\"true\" (close)=\"closeDialog($event)\">\n <ng-container pep-dialog-content>\n <signature-pad #signaturePad [options]=\"signaturePadOptions\" (onBeginEvent)=\"drawStart()\"\n (onEndEvent)=\"drawComplete()\">\n </signature-pad>\n </ng-container>\n <div pep-dialog-actions class=\"pep-spacing-element-negative\">\n <button mat-button class=\"pep-spacing-element pep-button md weak\" [disabled]=\"readonly \|\| disabled\"\n (click)=\"clearSignModal()\">\n {{ 'ACTIONS.CLEAR' \| translate }}\n </button>\n <button mat-button class=\"pep-spacing-element pep-button md strong\" [disabled]=\"readonly \|\| disabled\"\n (click)=\"saveSignModal($event)\">\n {{ 'ACTIONS.DONE' \| translate }}\n </button>\n </div>\n </pep-dialog>\n </ng-template> -->\n\n</ng-container>","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 { MatInputModule } from '@angular/material/input';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { AngularSignaturePadModule } from '@almothafar/angular-signature-pad';\n\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport {\n PepIconModule,\n PepIconRegistry,\n pepIconSystemBin,\n pepIconSystemSignature,\n pepIconSystemClose,\n} from '@pepperi-addons/ngx-lib/icon';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepFilesUploaderModule } from '@pepperi-addons/ngx-lib/files-uploader';\nimport { PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';\n\nimport { PepSignatureComponent } from './signature.component';\nimport { PepSignatureDialogComponent } from './signature-dialog.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n // Material modules\n MatCommonModule,\n MatButtonModule,\n MatFormFieldModule,\n MatInputModule,\n MatIconModule,\n MatDialogModule,\n // External modules\n AngularSignaturePadModule,\n // ngx-lib modules\n PepNgxLibModule,\n PepIconModule,\n PepFieldTitleModule,\n PepFilesUploaderModule,\n PepDialogModule,\n ],\n exports: [PepSignatureComponent, PepSignatureDialogComponent],\n declarations: [PepSignatureComponent, PepSignatureDialogComponent],\n})\nexport class PepSignatureModule {\n constructor(private pepIconRegistry: PepIconRegistry) {\n this.pepIconRegistry.registerIcons([\n pepIconSystemBin,\n pepIconSystemSignature,\n pepIconSystemClose,\n ]);\n }\n}\n","/\n Public API Surface of ngx-lib/signature\n /\nexport from './signature.module';\nexport * from './signature.component';\nexport * from './signature-dialog.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i4","i1","i2","i3","i5","i9","i11"],"mappings":"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"}
1	+ {"version":3,"file":"pepperi-addons-ngx-lib-signature.mjs","sources":["../../../projects/ngx-lib/signature/signature-dialog.component.ts","../../../projects/ngx-lib/signature/signature-dialog.component.html","../../../projects/ngx-lib/signature/signature.component.ts","../../../projects/ngx-lib/signature/signature.component.html","../../../projects/ngx-lib/signature/signature.module.ts","../../../projects/ngx-lib/signature/public-api.ts","../../../projects/ngx-lib/signature/pepperi-addons-ngx-lib-signature.ts"],"sourcesContent":["import { Component, OnInit, Inject, ViewChild, AfterViewInit } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { SignaturePadComponent } from '@almothafar/angular-signature-pad';\n\ninterface IPepSignatureDialogData {\n title: string;\n value: string;\n showActionBtn: boolean;\n disabled: boolean;\n}\n\n@Component({templateUrl: './signature-dialog.component.html',\n styleUrls: ['./signature-dialog.component.scss']})\nexport class PepSignatureDialogComponent implements OnInit, AfterViewInit {\n private signatureURL = '';\n private acceptSignatureType = 'png';\n\n protected signaturePadOptions: any = {\n // passed through to szimek/signature_pad constructor\n minWidth: 2,\n canvasWidth: 500,\n canvasHeight: 300,\n penColor: 'rgb(151, 151, 151)',\n };\n\n @ViewChild('signaturePad') signaturePad: SignaturePadComponent;\n\n constructor(\n private dialogRef: MatDialogRef<PepSignatureDialogComponent>,\n @Inject(MAT_DIALOG_DATA) public data: IPepSignatureDialogData\n ) {\n if (data) {\n this.signatureURL = data.value ?? '';\n this.data.showActionBtn = data.showActionBtn ?? true;\n this.data.disabled = data.disabled ?? false;\n }\n }\n\n ngOnInit(): void {\n // Do nothing.\n }\n\n ngAfterViewInit(): void {\n if (this.signatureURL && this.signatureURL !== '') {\n this.signaturePad.fromDataURL(this.signatureURL);\n this.signaturePad.off();\n }\n }\n\n drawComplete(): void {\n // will be notified of szimek/signature_pad's onEnd event\n }\n\n drawStart(): void {\n // will be notified of szimek/signature_pad's onBegin event\n }\n\n clearSignModal(): void {\n this.signatureURL = '';\n this.signaturePad.clear();\n this.signaturePad.on();\n }\n\n saveSignModal(event: any): void {\n let value: any;\n\n if (!this.signaturePad.isEmpty()) {\n this.signatureURL = this.signaturePad.toDataURL('image/png');\n value = {\n acceptedExtensions: this.acceptSignatureType,\n fileStr: this.signatureURL,\n fileExt: this.acceptSignatureType,\n };\n } else {\n value = '';\n }\n\n this.dialogRef.close(value);\n }\n\n closeDialog(event) {\n this.dialogRef.close(event);\n }\n}\n","<pep-dialog [title]=\"data.title \|\| ('SIGNATURE.DIALOG_TITLE' \| translate)\" [showFooter]=\"data.showActionBtn\" [showClose]=\"true\" (close)=\"closeDialog($event)\">\n <ng-container pep-dialog-content>\n <signature-pad #signaturePad [options]=\"signaturePadOptions\" (onBeginEvent)=\"drawStart()\"\n (onEndEvent)=\"drawComplete()\">\n </signature-pad>\n </ng-container>\n <div pep-dialog-actions class=\"pep-spacing-element-negative\">\n <button mat-button class=\"pep-spacing-element pep-button md weak\" [disabled]=\"data.disabled\"\n (click)=\"clearSignModal()\">\n {{ 'ACTIONS.CLEAR' \| translate }}\n </button>\n <button mat-button class=\"pep-spacing-element pep-button md strong\" [disabled]=\"data.disabled\"\n (click)=\"saveSignModal($event)\">\n {{ 'ACTIONS.DONE' \| translate }}\n </button>\n </div>\n</pep-dialog>","import {\n Component,\n OnInit,\n OnDestroy,\n ViewChild,\n Input,\n Output,\n EventEmitter,\n ChangeDetectorRef,\n ChangeDetectionStrategy,\n OnChanges,\n ElementRef,\n Renderer2,\n TemplateRef,\n} from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { SignaturePadComponent } from '@almothafar/angular-signature-pad';\nimport {\n PepFileService,\n PepLayoutType,\n PepCustomizationService,\n PepHorizontalAlignment,\n DEFAULT_HORIZONTAL_ALIGNMENT,\n PepSignatureField,\n IPepFieldClickEvent,\n} from '@pepperi-addons/ngx-lib';\nimport { PepDialogService } from '@pepperi-addons/ngx-lib/dialog';\nimport { MatDialogRef } from '@angular/material/dialog';\nimport { PepSignatureDialogComponent } from './signature-dialog.component';\n\n@Component({selector: 'pep-signature',\n styleUrls: ['./signature.component.scss', './signature.component.theme.scss'],\n templateUrl: './signature.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush})\nexport class PepSignatureComponent implements OnInit, OnChanges, OnDestroy {\n @Input() key = '';\n @Input() src = '';\n @Input() label = '';\n @Input() mandatory = false;\n @Input() disabled = false;\n @Input() readonly = false;\n @Input() xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\n\n private _rowSpan = 1;\n @Input()\n set rowSpan(value) {\n this._rowSpan = value;\n this.setFieldHeight();\n }\n get rowSpan(): number {\n return this._rowSpan;\n }\n\n @Input() signatureURL = '';\n // @Input() inDialog = false;\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 controlType = 'signature';\n\n @Input() form: FormGroup = null;\n @Input() showTitle = true;\n @Input() renderTitle = true;\n\n private _layoutType: PepLayoutType = 'form';\n @Input()\n set layoutType(value: PepLayoutType) {\n this._layoutType = value;\n this.setFieldHeight();\n }\n get layoutType(): PepLayoutType {\n return this._layoutType;\n }\n\n @Input() isActive = false;\n\n // To know if handle actions or just raise them as output\n @Input() handleActions = true;\n\n @Output()\n chooseFile: EventEmitter<void> = new EventEmitter<void>(); // This event will fired only when handleActions Input is false\n \n @Output()\n fileChange: EventEmitter<any> = new EventEmitter<any>();\n\n @Output()\n elementClick: EventEmitter<IPepFieldClickEvent> = new EventEmitter<IPepFieldClickEvent>();\n\n @Output()\n validationChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n // @ViewChild('signaturePad') signaturePad: SignaturePad;\n // @ViewChild('signaturePad', {static: true}) private signaturePad!: SignaturePad; \n\n // @ViewChild('signaturePopupPad', { read: TemplateRef }) signaturePopupPad: TemplateRef<any>;\n dialogRef: MatDialogRef<any>;\n\n fieldHeight = '';\n standAlone = false;\n dataURI = null;\n showActionBtn = true;\n\n // public isVisibleModal = false;\n // acceptSignatureType = 'png';\n\n // public signaturePadOptions: any = {\n // // passed through to szimek/signature_pad constructor\n // minWidth: 2,\n // canvasWidth: 500,\n // canvasHeight: 300,\n // penColor: 'rgb(151, 151, 151)',\n // };\n\n constructor(\n private dialogService: PepDialogService,\n private customizationService: PepCustomizationService,\n private fileService: PepFileService,\n private cd: ChangeDetectorRef,\n private renderer: Renderer2,\n private element: ElementRef\n ) { }\n\n private setFieldHeight(): void {\n this.fieldHeight = this.customizationService.calculateFieldHeight(\n this.layoutType,\n this.rowSpan,\n this.standAlone\n );\n }\n\n private setDefaultForm(): void {\n const pepField = new PepSignatureField({\n key: this.key,\n value: this.src,\n mandatory: this.mandatory,\n readonly: this.readonly,\n disabled: this.disabled,\n });\n this.form = this.customizationService.getDefaultFromGroup(pepField);\n }\n\n private openSignatoreDlg(src = ''): void {\n this.showActionBtn = this.signatureURL && this.signatureURL !== '' ? false : true;\n\n // this.dialogRef = this.dialogService.openDialog(this.signaturePopupPad);\n // this.dialogRef.afterOpened().subscribe(() => {\n // this.afterDialogOpened();\n // });\n \n this.dialogRef = this.dialogService.openDialog(\n PepSignatureDialogComponent,\n {\n value: this.signatureURL,\n showActionBtn: this.showActionBtn,\n disabled: this.disabled \|\| this.readonly\n }\n );\n\n this.dialogRef.afterClosed().subscribe((value) => {\n if (value !== undefined && value !== null) {\n if (value !== '') {\n this.signatureURL = value.fileStr;\n this.changeValue(value);\n } else {\n this.signatureURL = '';\n this.changeValue(this.signatureURL);\n }\n }\n });\n }\n\n // private afterDialogOpened(): void {\n // if (this.signatureURL && this.signatureURL !== '') {\n // this.signaturePad.fromDataURL(this.signatureURL);\n // this.signaturePad.off();\n // }\n // }\n\n ngOnInit(): void {\n if (this.form === null) {\n this.standAlone = true;\n this.setFieldHeight();\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\n ngOnChanges(changes: any): void {\n if (this.standAlone) {\n this.setDefaultForm();\n }\n\n if (changes.src && changes.src.currentValue?.length > 0) {\n // Empty dataURI if there is change in the src.\n this.dataURI = null;\n\n // For clean the cache.\n // this.src = this.src ? this.src + '?t=' + new Date().toTimeString() : '';\n }\n }\n\n ngOnDestroy(): void {\n //\n }\n\n // drawComplete(): void {\n // // will be notified of szimek/signature_pad's onEnd event\n // }\n\n // drawStart(): void {\n // // will be notified of szimek/signature_pad's onBegin event\n // }\n\n openSignModal(): void {\n if (this.handleActions) {\n // If the signature is not empty open it in image viewer.\n //! Remove this `if` to always open signature in modal \n if (this.standAlone && this.dataURI) {\n const fileStrArr = this.dataURI.fileStr.split(';');\n\n if (fileStrArr.length === 2) {\n const win = window.open('', '_blank');\n const blob = this.fileService.convertFromb64toBlob(\n this.dataURI.fileStr\n );\n const url = URL.createObjectURL(blob);\n win.location.href = url;\n }\n // signature allready exits\n } else {\n this.signatureURL = this.src;\n this.openSignatoreDlg(this.signatureURL);\n }\n } else {\n if (this.src?.length > 0) {\n this.elementClick.emit({\n key: this.key,\n value: this.signatureURL\n });\n } else {\n this.chooseFile.emit();\n }\n }\n }\n\n deleteSignature(event: any): void {\n this.signatureURL = '';\n this.changeValue(this.signatureURL);\n this.cd.detectChanges();\n }\n\n // clearSignModal(): void {\n // this.signatureURL = '';\n // this.signaturePad.clear();\n // this.signaturePad.on();\n // }\n\n // saveSignModal(event: any): void {\n // if (!this.signaturePad.isEmpty()) {\n // this.signatureURL = this.signaturePad.toDataURL('image/png');\n // const fileValue = {\n // acceptedExtensions: this.acceptSignatureType,\n // fileStr: this.signatureURL,\n // fileExt: this.acceptSignatureType,\n // };\n // this.changeValue(fileValue);\n // } else {\n // this.signatureURL = '';\n // this.changeValue(this.signatureURL);\n // }\n\n // this.dialogRef.close(this.signatureURL);\n // }\n \n // closeDialog(event) {\n // this.dialogRef.close(event);\n // }\n\n errorHandler(event: any): void {\n this.signatureURL = this.src = ''; // this.blankImage;\n }\n\n changeValue(fileData: any): void {\n if (this.handleActions) {\n this.dataURI = fileData;\n this.src = this.standAlone && this.dataURI ? this.dataURI.fileStr : '';\n this.customizationService.updateFormFieldValue(\n this.form,\n this.key,\n this.dataURI ? this.dataURI.fileExt : ''\n );\n\n // Raise this only for stand alone fields, If false then the usage for this field is inside a form. \n // Then the form will take care of raising the (onFormValidationChanged) event\n if (this.standAlone) {\n const isValid = (this.disabled \|\| this.readonly) ? true : this.form.valid; \n this.validationChange.emit(isValid);\n }\n }\n this.fileChange.emit(fileData);\n }\n\n onKeyPress_OpenSignModal(event: any): void {\n const e = event as KeyboardEvent;\n\n if ([13, 32].indexOf(e.which) !== -1) {\n this.openSignModal();\n }\n e.preventDefault();\n }\n}","<ng-container [formGroup]=\"form\">\n <ng-container>\n <ng-template #pepTemplate>\n <mat-form-field [formGroup]=\"form\" appearance=\"outline\">\n <div class=\"pep-file-wrapper\">\n <div class=\"pep-file body-sm\" [ngClass]=\"{ disable: disabled }\" [style.height]=\"fieldHeight\">\n <ng-container ngIf=\"src != ''; then withImg; else noImg\"></ng-container>\n <ng-template #withImg>\n <button ngIf=\"!disabled\" mat-button (click)=\"deleteSignature($event)\"\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)=\"openSignModal()\">\n <img [src]=\"src\" [style.max-height]=\"fieldHeight\" class=\"pep-file-preview-img\"\n (error)=\"errorHandler($event)\" [alt]=\"label\"\n [ngClass]=\"['text-align-' + xAlignment]\" />\n </div>\n </ng-template>\n <ng-template #noImg>\n <div class=\"ellipsis pep-file-message\">\n <mat-icon class=\"pep-spacing-element\">\n <pep-icon name=\"system_signature\"></pep-icon>\n </mat-icon>\n <span class=\"body-sm ellipsis\">\n {{ (disabled ? 'MESSAGES.INFO_MISSING_SIGNATURE' : 'SIGNATURE.HINT') \| translate }}\n </span>\n </div>\n </ng-template>\n </div>\n <input [id]=\"key\" matInput [formControlName]=\"key\" class=\"hidden-input signature\" type=\"text\"\n [value]=\"src\" (click)=\"openSignModal()\" (keypress)=\"onKeyPress_OpenSignModal($event)\"\n autocomplete=\"off\" readonly />\n </div>\n\n <mat-error><span class=\"body-xs\"\n [title]=\"mandatory && (!src \|\| src?.length == 0) ? ('MESSAGES.ERROR_IS_REQUIRED' \| translate: { field: label }) : ('MESSAGES.ERROR_IS_NOT_VALID' \| translate: { field: label })\"\n [innerText]=\"mandatory && (!src \|\| 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 ngIf=\"!readonly; then formBlock; else readonlyBlock\">\n </ng-container>\n <ng-template #formBlock>\n <div class=\"pep-file-container\" [ngClass]=\"{ 'one-row': rowSpan == 1, 'stand-alone': standAlone}\">\n <pep-field-title ngIf=\"renderTitle\" [label]=\"label\" [mandatory]=\"mandatory\" [disabled]=\"disabled\"\n [xAlignment]=\"xAlignment\" [showTitle]=\"showTitle\">\n </pep-field-title>\n <ng-container ngTemplateOutlet=\"pepTemplate\"></ng-container>\n </div>\n </ng-template>\n <ng-template #readonlyBlock>\n <div class=\"pep-file-container\" [ngClass]=\"{ 'one-row': rowSpan == 1 }\">\n <ng-container ngTemplateOutlet=\"pepReadonlyTemplate; context: { isTableView: false}\">\n </ng-container>\n </div>\n </ng-template>\n </ng-container>\n\n <ng-container ngIf=\"layoutType === 'card'\">\n <ng-container ngIf=\"false && isActive && !disabled && !readonly; then selectedBlock; else notSelectedBlock\">\n </ng-container>\n <ng-template #selectedBlock>\n <div class=\"pep-file-container\" [ngClass]=\"{ 'one-row': rowSpan == 1}\">\n <ng-container ngTemplateOutlet=\"pepTemplate\"></ng-container>\n </div>\n </ng-template>\n <ng-template #notSelectedBlock>\n <div class=\"pep-file-container\" [ngClass]=\"{ 'one-row': rowSpan == 1 }\">\n <ng-container ngTemplateOutlet=\"pepReadonlyTemplate; context: { isTableView: false}\">\n </ng-container>\n </div>\n </ng-template>\n </ng-container>\n\n <ng-container ngIf=\"layoutType === 'table'\">\n <ng-container ngIf=\"false && isActive && !disabled && !readonly; then selectedBlock; else notSelectedBlock\">\n </ng-container>\n <ng-template #selectedBlock>\n <div class=\"pep-file-container one-row\">\n <ng-container ngTemplateOutlet=\"pepTemplate\"></ng-container>\n </div>\n </ng-template>\n <ng-template #notSelectedBlock>\n <div class=\"pep-file-container one-row\">\n <ng-container ngTemplateOutlet=\"pepReadonlyTemplate; context: { isTableView: true}\">\n </ng-container>\n </div>\n </ng-template>\n </ng-container>\n </ng-container>\n\n <!-- <ng-container ngIf=\"inDialog === true\">\n <ng-container ngTemplateOutlet=\"signaturePopupPad\"></ng-container>\n </ng-container> -->\n\n <!-- <div ngIf=\"inDialog === false\" class=\"signature-backdrop modal\" [ngClass]=\"{ fade: !isVisibleModal }\" tabindex=\"-1\"\n role=\"dialog\" aria-labelledby=\"gridModalLabel\" aria-hidden=\"true\"\n [ngStyle]=\"{ display: isVisibleModal ? 'block' : 'none' }\">\n <div class=\"signature-modal modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <ng-container ngTemplateOutlet=\"signaturePopupPad\"></ng-container>\n </div>\n </div>\n </div> -->\n\n <ng-template #pepReadonlyTemplate let-isTableView=\"isTableView\">\n <div class=\"pep-file-container\">\n <div class=\"pep-file-wrapper\">\n <div class=\"pep-file body-sm disable\">\n <ng-container ngIf=\"src != ''; then withImg; else noImg\"></ng-container>\n <ng-template #withImg>\n <div class=\"pep-file-preview\" (click)=\"openSignModal()\">\n <img ngIf=\"!isTableView\" [src]=\"src\" [style.max-height]=\"fieldHeight\"\n class=\"pep-file-preview-img\" (error)=\"errorHandler($event)\" [alt]=\"label\"\n [ngClass]=\"['text-align-' + xAlignment]\" />\n <img ngIf=\"isTableView\" [src]=\"src\" [style.max-height]=\"fieldHeight\"\n class=\"pep-report-file pep-file-preview-img\" (error)=\"errorHandler($event)\"\n [alt]=\"label\" [ngClass]=\"['text-align-' + xAlignment]\" />\n </div>\n </ng-template>\n <ng-template #noImg></ng-template>\n </div>\n </div>\n </div>\n </ng-template>\n\n <!-- <ng-template #signaturePopupPad>\n <pep-dialog [title]=\"'SIGNATURE.DIALOG_TITLE' \| translate\" [showFooter]=\"showActionBtn\" [showClose]=\"true\" (close)=\"closeDialog($event)\">\n <ng-container pep-dialog-content>\n <signature-pad #signaturePad [options]=\"signaturePadOptions\" (onBeginEvent)=\"drawStart()\"\n (onEndEvent)=\"drawComplete()\">\n </signature-pad>\n </ng-container>\n <div pep-dialog-actions class=\"pep-spacing-element-negative\">\n <button mat-button class=\"pep-spacing-element pep-button md weak\" [disabled]=\"readonly \|\| disabled\"\n (click)=\"clearSignModal()\">\n {{ 'ACTIONS.CLEAR' \| translate }}\n </button>\n <button mat-button class=\"pep-spacing-element pep-button md strong\" [disabled]=\"readonly \|\| disabled\"\n (click)=\"saveSignModal($event)\">\n {{ 'ACTIONS.DONE' \| translate }}\n </button>\n </div>\n </pep-dialog>\n </ng-template> -->\n\n</ng-container>","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 { MatInputModule } from '@angular/material/input';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { AngularSignaturePadModule } from '@almothafar/angular-signature-pad';\n\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport {\n PepIconModule,\n PepIconRegistry,\n pepIconSystemBin,\n pepIconSystemSignature,\n pepIconSystemClose,\n} from '@pepperi-addons/ngx-lib/icon';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepFilesUploaderModule } from '@pepperi-addons/ngx-lib/files-uploader';\nimport { PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';\n\nimport { PepSignatureComponent } from './signature.component';\nimport { PepSignatureDialogComponent } from './signature-dialog.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n // Material modules\n MatCommonModule,\n MatButtonModule,\n MatFormFieldModule,\n MatInputModule,\n MatIconModule,\n MatDialogModule,\n // External modules\n AngularSignaturePadModule,\n // ngx-lib modules\n PepNgxLibModule,\n PepIconModule,\n PepFieldTitleModule,\n PepFilesUploaderModule,\n PepDialogModule,\n ],\n exports: [PepSignatureComponent, PepSignatureDialogComponent],\n declarations: [PepSignatureComponent, PepSignatureDialogComponent],\n})\nexport class PepSignatureModule {\n constructor(private pepIconRegistry: PepIconRegistry) {\n this.pepIconRegistry.registerIcons([\n pepIconSystemBin,\n pepIconSystemSignature,\n pepIconSystemClose,\n ]);\n }\n}\n","/\n Public API Surface of ngx-lib/signature\n /\nexport from './signature.module';\nexport * from './signature.component';\nexport * from './signature-dialog.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i4","i1","i2","i3","i5","i9","i11"],"mappings":"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"}

package/fesm2022/pepperi-addons-ngx-lib-size-detector.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, HostListener, NgModule } from '@angular/core';
+import { EventEmitter, HostListener, Output, Input, Component, NgModule } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule } from '@angular/forms';
@@ -82,13 +82,13 @@ class PepSizeDetectorComponent {
     getCurrentSize() {
         return this.currentSize;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSizeDetectorComponent, deps: [{ token: i0.ElementRef }, { token: i1.PepLayoutService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepSizeDetectorComponent, selector: "pep-size-detector", inputs: { showScreenSize: "showScreenSize", useAsWebComponent: "useAsWebComponent" }, outputs: { sizeChange: "sizeChange" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<!-- Bootstrap -->\n<!-- <div *ngFor=\"let s of sizes\" class=\"{{s.css + ' ' + (prefix + s.id) }}\">{{s.name}}</div> -->\n\n<!-- Angular flex-layout -->\n<div *ngFor=\"let s of sizes\" fxShow.xs=\"{{s.name == 'xs'}}\" fxShow.sm=\"{{s.name == 'sm'}}\"\n  fxShow.md=\"{{s.name == 'md'}}\" fxShow.lg=\"{{s.name == 'lg'}}\" fxShow.xl=\"{{s.name == 'xl'}}\"\n  class=\"{{s.css + ' ' + (prefix + s.id) }}\">\n  <ng-container *ngIf=\"showScreenSize\"> The current screen size is - {{s.name}}</ng-container>\n</div>", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepSizeDetectorComponent, deps: [{ token: i0.ElementRef }, { token: i1.PepLayoutService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PepSizeDetectorComponent, selector: "pep-size-detector", inputs: { showScreenSize: "showScreenSize", useAsWebComponent: "useAsWebComponent" }, outputs: { sizeChange: "sizeChange" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<!-- Bootstrap -->\n<!-- <div *ngFor=\"let s of sizes\" class=\"{{s.css + ' ' + (prefix + s.id) }}\">{{s.name}}</div> -->\n\n<!-- Angular flex-layout -->\n<div *ngFor=\"let s of sizes\" fxShow.xs=\"{{s.name == 'xs'}}\" fxShow.sm=\"{{s.name == 'sm'}}\"\n  fxShow.md=\"{{s.name == 'md'}}\" fxShow.lg=\"{{s.name == 'lg'}}\" fxShow.xl=\"{{s.name == 'xl'}}\"\n  class=\"{{s.css + ' ' + (prefix + s.id) }}\">\n  <ng-container *ngIf=\"showScreenSize\"> The current screen size is - {{s.name}}</ng-container>\n</div>", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSizeDetectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepSizeDetectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pep-size-detector', template: "<!-- Bootstrap -->\n<!-- <div *ngFor=\"let s of sizes\" class=\"{{s.css + ' ' + (prefix + s.id) }}\">{{s.name}}</div> -->\n\n<!-- Angular flex-layout -->\n<div *ngFor=\"let s of sizes\" fxShow.xs=\"{{s.name == 'xs'}}\" fxShow.sm=\"{{s.name == 'sm'}}\"\n  fxShow.md=\"{{s.name == 'md'}}\" fxShow.lg=\"{{s.name == 'lg'}}\" fxShow.xl=\"{{s.name == 'xl'}}\"\n  class=\"{{s.css + ' ' + (prefix + s.id) }}\">\n  <ng-container *ngIf=\"showScreenSize\"> The current screen size is - {{s.name}}</ng-container>\n</div>" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.PepLayoutService }]; }, propDecorators: { showScreenSize: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.PepLayoutService }], propDecorators: { showScreenSize: [{
                 type: Input
             }], useAsWebComponent: [{
                 type: Input
@@ -100,19 +100,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 class PepSizeDetectorModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSizeDetectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepSizeDetectorModule, declarations: [PepSizeDetectorComponent], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepSizeDetectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: PepSizeDetectorModule, declarations: [PepSizeDetectorComponent], imports: [CommonModule,
             ReactiveFormsModule,
             FlexLayoutModule,
             // ngx-lib modules
             PepNgxLibModule], exports: [PepSizeDetectorComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSizeDetectorModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepSizeDetectorModule, imports: [CommonModule,
             ReactiveFormsModule,
             FlexLayoutModule,
             // ngx-lib modules
             PepNgxLibModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSizeDetectorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepSizeDetectorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/pepperi-addons-ngx-lib-size-detector.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pepperi-addons-ngx-lib-size-detector.mjs","sources":["../../../projects/ngx-lib/size-detector/size-detector.component.ts","../../../projects/ngx-lib/size-detector/size-detector.component.html","../../../projects/ngx-lib/size-detector/size-detector.module.ts","../../../projects/ngx-lib/size-detector/public-api.ts","../../../projects/ngx-lib/size-detector/pepperi-addons-ngx-lib-size-detector.ts"],"sourcesContent":["import {\n Component,\n OnInit,\n AfterViewInit,\n HostListener,\n ElementRef,\n Input,\n Output,\n EventEmitter,\n} from '@angular/core';\nimport { PepLayoutService, PepScreenSizeType } from '@pepperi-addons/ngx-lib';\n\ninterface IPepSizeDetectorItem {\n id: PepScreenSizeType;\n name: string;\n css: string;\n}\n\n@Component({\n selector: 'pep-size-detector',\n templateUrl: './size-detector.component.html'~~,\n~~})\nexport class PepSizeDetectorComponent implements AfterViewInit {\n @Input() showScreenSize = false;\n\n private _useAsWebComponent = false;\n @Input()\n set useAsWebComponent(value: boolean) {\n if (value) {\n this.exportFunctionsOnHostElement();\n }\n }\n get useAsWebComponent(): boolean {\n return this._useAsWebComponent;\n }\n\n @Output()\n sizeChange: EventEmitter<IPepSizeDetectorItem> = new EventEmitter<IPepSizeDetectorItem>();\n\n prefix = 'is-';\n sizes: Array<IPepSizeDetectorItem> = [\n {\n id: PepScreenSizeType.XS,\n name: 'xs',\n css: `d-block d-sm-none`,\n },\n {\n id: PepScreenSizeType.SM,\n name: 'sm',\n css: `d-none d-sm-block d-md-none`,\n },\n {\n id: PepScreenSizeType.MD,\n name: 'md',\n css: `d-none d-md-block d-lg-none`,\n },\n {\n id: PepScreenSizeType.LG,\n name: 'lg',\n css: `d-none d-lg-block d-xl-none`,\n },\n {\n id: PepScreenSizeType.XL,\n name: 'xl',\n css: `d-none d-xl-block`,\n },\n ];\n\n private currentSize: IPepSizeDetectorItem;\n\n constructor(\n private hostElement: ElementRef,\n private layoutService: PepLayoutService\n ) {\n this.layoutService.onResize$.subscribe((size: PepScreenSizeType) => {\n this.currentSize = this.sizes.find((s) => s.id === size);\n this.sizeChange.emit(this.currentSize);\n });\n }\n\n @HostListener('window:resize', ['$event'])\n onResize(event): void {\n setTimeout(() => {\n this.detectScreenSize();\n }, 0);\n }\n\n ngAfterViewInit(): void {\n this.detectScreenSize();\n }\n\n private detectScreenSize(): void {\n this.currentSize = this.sizes.find((x) => {\n const el = this.hostElement.nativeElement.querySelector(\n `.${this.prefix}${x.id}`\n );\n const isVisible = getComputedStyle(el).display !== 'none';\n\n return isVisible;\n });\n\n this.layoutService.onResize(this.currentSize.id);\n }\n\n private exportFunctionsOnHostElement() {\n // This is for web component usage for use those functions.\n this.hostElement.nativeElement.getCurrentSize = this.getCurrentSize.bind(\n this\n );\n }\n\n getCurrentSize(): IPepSizeDetectorItem {\n return this.currentSize;\n }\n}\n","<!-- Bootstrap -->\n<!-- <div ngFor=\"let s of sizes\" class=\"{{s.css + ' ' + (prefix + s.id) }}\">{{s.name}}</div> -->\n\n<!-- Angular flex-layout -->\n<div ngFor=\"let s of sizes\" fxShow.xs=\"{{s.name == 'xs'}}\" fxShow.sm=\"{{s.name == 'sm'}}\"\n fxShow.md=\"{{s.name == 'md'}}\" fxShow.lg=\"{{s.name == 'lg'}}\" fxShow.xl=\"{{s.name == 'xl'}}\"\n class=\"{{s.css + ' ' + (prefix + s.id) }}\">\n <ng-container ngIf=\"showScreenSize\"> The current screen size is - {{s.name}}</ng-container>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FlexLayoutModule } from '@ngbracket/ngx-layout';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\n\nimport { PepSizeDetectorComponent } from './size-detector.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n FlexLayoutModule,\n // ngx-lib modules\n PepNgxLibModule,\n ],\n exports: [PepSizeDetectorComponent],\n declarations: [PepSizeDetectorComponent],\n})\nexport class PepSizeDetectorModule {}\n","/\n * Public API Surface of ngx-lib/size-detector\n /\nexport from './size-detector.module';\nexport * from './size-detector.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;~~MAsBa~~,wBAAwB,CAAA;AAiDrB,IAAA,WAAA~~,CAAA~~;AACA,IAAA,aAAA~~,CAAA~~;IAjDH,cAAc,GAAG,KAAK~~,CAAC~~;~~IAExB~~,kBAAkB,GAAG,KAAK~~,CAAC~~;~~IACnC~~,IACI,iBAAiB,CAAC,KAAc,EAAA;AAChC,QAAA,IAAI,KAAK,EAAE;YACP,IAAI,CAAC,4BAA4B,EAAE~~,CAAC~~;~~AACvC~~,~~SAAA~~;~~KACJ~~;~~AACD~~,IAAA,IAAI,iBAAiB,GAAA;QACjB,OAAO,IAAI,CAAC,kBAAkB~~,CAAC~~;~~KAClC~~;~~AAGD~~,IAAA,UAAU,GAAuC,IAAI,YAAY,EAAwB~~,CAAC~~;~~IAE1F~~,MAAM,GAAG,KAAK~~,CAAC~~;~~AACf~~,IAAA,KAAK,GAAgC;AACjC,QAAA;YACI,EAAE,EAAE,iBAAiB,CAAC,EAAE;AACxB,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,GAAG,EAAE,~~CAAmB~~,iBAAA,~~CAAA~~;AAC3B,SAAA;AACD,QAAA;YACI,EAAE,EAAE,iBAAiB,CAAC,EAAE;AACxB,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,GAAG,EAAE,~~CAA6B~~,2BAAA,~~CAAA~~;AACrC,SAAA;AACD,QAAA;YACI,EAAE,EAAE,iBAAiB,CAAC,EAAE;AACxB,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,GAAG,EAAE,~~CAA6B~~,2BAAA,~~CAAA~~;AACrC,SAAA;AACD,QAAA;YACI,EAAE,EAAE,iBAAiB,CAAC,EAAE;AACxB,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,GAAG,EAAE,~~CAA6B~~,2BAAA,~~CAAA~~;AACrC,SAAA;AACD,QAAA;YACI,EAAE,EAAE,iBAAiB,CAAC,EAAE;AACxB,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,GAAG,EAAE,~~CAAmB~~,iBAAA,~~CAAA~~;AAC3B,SAAA;KACJ~~,CAAC~~;~~AAEM~~,IAAA,WAAW~~,CAAuB~~;~~IAE1C~~,~~WACY~~,~~CAAA~~,WAAuB,EACvB,aAA+B,EAAA;QAD/B,~~IAAW~~,CAAA,~~WAAA~~,GAAX,WAAW~~,CAAY~~;~~QACvB~~,~~IAAa~~,CAAA,~~aAAA~~,GAAb,aAAa~~,CAAkB~~;~~QAEvC~~,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,IAAuB,KAAI;YAC/D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC~~,CAAC~~;~~YACzD~~,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC~~,CAAC~~;~~AAC3C~~,~~SAAC~~,CAAC,CAAC;~~KACN~~;~~AAGD~~,IAAA,QAAQ,CAAC,KAAK,EAAA;QACV,UAAU,CAAC,MAAK;YACZ,IAAI,CAAC,gBAAgB,EAAE,CAAC~~;SAC3B~~,EAAE,CAAC,CAAC~~,CAAC~~;~~KACT~~;~~IAED~~,eAAe,GAAA;QACX,IAAI,CAAC,gBAAgB,EAAE~~,CAAC~~;~~KAC3B~~;~~IAEO~~,gBAAgB,GAAA;AACpB,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAI;YACrC,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,aAAa,CACnD,IAAI,IAAI,CAAC,MAAM,~~CAAG~~,~~EAAA~~,CAAC,CAAC,EAAE,CAAA,CAAE,CAC3B~~,CAAC~~;~~YACF~~,MAAM,SAAS,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC,OAAO,KAAK,MAAM~~,CAAC~~;~~AAE1D~~,YAAA,OAAO,SAAS~~,CAAC~~;~~AACrB~~,~~SAAC~~,CAAC,CAAC;~~QAEH~~,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC~~,CAAC~~;~~KACpD~~;~~IAEO~~,4BAA4B,GAAA;;AAEhC,QAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CACpE,IAAI,CACP~~,CAAC~~;~~KACL~~;~~IAED~~,cAAc,GAAA;QACV,OAAO,IAAI,CAAC,WAAW~~,CAAC~~;~~KAC3B~~;~~wGA3FQ~~,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA~~,CAAA~~;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,~~oPCtBrC~~,8fAQM,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,+bAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,cAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,cAAA,EAAA,cAAA,EAAA,cAAA,EAAA,cAAA,EAAA,cAAA,EAAA,cAAA,EAAA,cAAA,EAAA,QAAA,EAAA,cAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,cAAA,EAAA,cAAA,EAAA,cAAA,EAAA,cAAA,EAAA,cAAA,EAAA,cAAA,EAAA,cAAA,CAAA,EAAA,CAAA,EAAA,CAAA~~,CAAA~~;;~~4FDcO~~,wBAAwB,EAAA,UAAA,EAAA,CAAA;~~kBAJpC~~,SAAS;+~~BACI~~,mBAAmB,EAAA,QAAA,EAAA,8fAAA,EAAA~~,CAAA~~;~~gIAIpB~~,cAAc,EAAA,CAAA;sBAAtB~~,KAAK~~;~~gBAIF~~,iBAAiB,EAAA,CAAA;sBADpB~~,KAAK~~;~~gBAWN~~,UAAU,EAAA,CAAA;sBADT~~,MAAM~~;~~gBA6CP~~,QAAQ,EAAA,CAAA;sBADP,YAAY;uBAAC,eAAe,EAAE,CAAC,QAAQ,CAAC~~,CAAA~~;;;~~ME5DhC~~,qBAAqB,CAAA;wGAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA~~,CAAA~~;yGAArB,qBAAqB,EAAA,YAAA,EAAA,CAFf,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAPnC,YAAY;YACZ,mBAAmB;YACnB,gBAAgB;;AAEhB,YAAA,eAAe,aAET,wBAAwB,CAAA,EAAA,CAAA~~,CAAA~~;AAGzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAT1B,YAAY;YACZ,mBAAmB;YACnB,gBAAgB;;YAEhB,eAAe,CAAA,EAAA,CAAA~~,CAAA~~;;4FAKV,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAXjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,mBAAmB;wBACnB,gBAAgB;;wBAEhB,eAAe;AAClB,qBAAA;oBACD,OAAO,EAAE,CAAC,wBAAwB,CAAC;oBACnC,YAAY,EAAE,CAAC,wBAAwB,CAAC;AAC3C,iBAAA~~,CAAA~~;;;ACnBD;;AAEG;;ACFH;;AAEG;;;;"}
1	+ {"version":3,"file":"pepperi-addons-ngx-lib-size-detector.mjs","sources":["../../../projects/ngx-lib/size-detector/size-detector.component.ts","../../../projects/ngx-lib/size-detector/size-detector.component.html","../../../projects/ngx-lib/size-detector/size-detector.module.ts","../../../projects/ngx-lib/size-detector/public-api.ts","../../../projects/ngx-lib/size-detector/pepperi-addons-ngx-lib-size-detector.ts"],"sourcesContent":["import {\n Component,\n OnInit,\n AfterViewInit,\n HostListener,\n ElementRef,\n Input,\n Output,\n EventEmitter,\n} from '@angular/core';\nimport { PepLayoutService, PepScreenSizeType } from '@pepperi-addons/ngx-lib';\n\ninterface IPepSizeDetectorItem {\n id: PepScreenSizeType;\n name: string;\n css: string;\n}\n\n@Component({selector: 'pep-size-detector',\n templateUrl: './size-detector.component.html'})\nexport class PepSizeDetectorComponent implements AfterViewInit {\n @Input() showScreenSize = false;\n\n private _useAsWebComponent = false;\n @Input()\n set useAsWebComponent(value: boolean) {\n if (value) {\n this.exportFunctionsOnHostElement();\n }\n }\n get useAsWebComponent(): boolean {\n return this._useAsWebComponent;\n }\n\n @Output()\n sizeChange: EventEmitter<IPepSizeDetectorItem> = new EventEmitter<IPepSizeDetectorItem>();\n\n prefix = 'is-';\n sizes: Array<IPepSizeDetectorItem> = [\n {\n id: PepScreenSizeType.XS,\n name: 'xs',\n css: `d-block d-sm-none`,\n },\n {\n id: PepScreenSizeType.SM,\n name: 'sm',\n css: `d-none d-sm-block d-md-none`,\n },\n {\n id: PepScreenSizeType.MD,\n name: 'md',\n css: `d-none d-md-block d-lg-none`,\n },\n {\n id: PepScreenSizeType.LG,\n name: 'lg',\n css: `d-none d-lg-block d-xl-none`,\n },\n {\n id: PepScreenSizeType.XL,\n name: 'xl',\n css: `d-none d-xl-block`,\n },\n ];\n\n private currentSize: IPepSizeDetectorItem;\n\n constructor(\n private hostElement: ElementRef,\n private layoutService: PepLayoutService\n ) {\n this.layoutService.onResize$.subscribe((size: PepScreenSizeType) => {\n this.currentSize = this.sizes.find((s) => s.id === size);\n this.sizeChange.emit(this.currentSize);\n });\n }\n\n @HostListener('window:resize', ['$event'])\n onResize(event): void {\n setTimeout(() => {\n this.detectScreenSize();\n }, 0);\n }\n\n ngAfterViewInit(): void {\n this.detectScreenSize();\n }\n\n private detectScreenSize(): void {\n this.currentSize = this.sizes.find((x) => {\n const el = this.hostElement.nativeElement.querySelector(\n `.${this.prefix}${x.id}`\n );\n const isVisible = getComputedStyle(el).display !== 'none';\n\n return isVisible;\n });\n\n this.layoutService.onResize(this.currentSize.id);\n }\n\n private exportFunctionsOnHostElement() {\n // This is for web component usage for use those functions.\n this.hostElement.nativeElement.getCurrentSize = this.getCurrentSize.bind(\n this\n );\n }\n\n getCurrentSize(): IPepSizeDetectorItem {\n return this.currentSize;\n }\n}\n","<!-- Bootstrap -->\n<!-- <div ngFor=\"let s of sizes\" class=\"{{s.css + ' ' + (prefix + s.id) }}\">{{s.name}}</div> -->\n\n<!-- Angular flex-layout -->\n<div ngFor=\"let s of sizes\" fxShow.xs=\"{{s.name == 'xs'}}\" fxShow.sm=\"{{s.name == 'sm'}}\"\n fxShow.md=\"{{s.name == 'md'}}\" fxShow.lg=\"{{s.name == 'lg'}}\" fxShow.xl=\"{{s.name == 'xl'}}\"\n class=\"{{s.css + ' ' + (prefix + s.id) }}\">\n <ng-container ngIf=\"showScreenSize\"> The current screen size is - {{s.name}}</ng-container>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FlexLayoutModule } from '@ngbracket/ngx-layout';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\n\nimport { PepSizeDetectorComponent } from './size-detector.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n FlexLayoutModule,\n // ngx-lib modules\n PepNgxLibModule,\n ],\n exports: [PepSizeDetectorComponent],\n declarations: [PepSizeDetectorComponent],\n})\nexport class PepSizeDetectorModule {}\n","/\n * Public API Surface of ngx-lib/size-detector\n /\nexport from './size-detector.module';\nexport * from './size-detector.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/pepperi-addons-ngx-lib-skeleton-loader.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Optional, Inject, Input, NgModule } from '@angular/core';
+import { Input, Optional, Inject, Component, NgModule } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
@@ -26,20 +26,20 @@ class PepSkeletonLoaderComponent {
     counter(i) {
         return new Array(i);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSkeletonLoaderComponent, deps: [{ token: i1.MatDialogRef, optional: true }, { token: MAT_DIALOG_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepSkeletonLoaderComponent, selector: "pep-skeleton-loader", inputs: { rowHeightType: "rowHeightType", rowsNumber: "rowsNumber", lastRowOffset: "lastRowOffset" }, ngImport: i0, template: "<div class=\"skeleton-loader\">\n    <div *ngFor='let in of counter(rowsNumber) ;let last = last' class=\"skeleton-row\" [ngClass]=\"[\n    lastRowOffset === true && last == true ? 'last-row-offset' : '', 'height-' + rowHeightType ]\">\n    </div>\n</div>", styles: [":host{display:block;height:inherit}.skeleton-loader{display:flex;height:inherit;flex-direction:column;gap:var(--pep-spacing-lg, 1rem)}.skeleton-loader .skeleton-row{height:var(--pep-spacing-xl, 1.5rem);background-color:#f0f0f0;border-radius:var(--pep-border-radius-md, .25rem);background:linear-gradient(.25turn,#f0f0f0,#fafafa,#f0f0f0 50%);background-size:200% 200%;transition:.5s;animation:2s infinite ease-in-out slidein}.skeleton-loader .skeleton-row.last-row-offset{width:75%}.skeleton-loader .skeleton-row.height-xs{height:var(--pep-spacing-md, .75rem)}.skeleton-loader .skeleton-row.height-sm{height:var(--pep-spacing-lg, 1rem)}.skeleton-loader .skeleton-row.height-md{height:var(--pep-spacing-xl, 1.5rem)}.skeleton-loader .skeleton-row.height-lg{height:var(--pep-spacing-2xl, 2rem)}.skeleton-loader .skeleton-row.height-xl{height:var(--pep-spacing-4xl, 3rem)}.skeleton-loader .skeleton-row.height-max{height:100%}@keyframes slidein{0%{background-position:100%}50%{background-position:-100%}to{background-position:-100%}}\n", ".group-buttons-container .toggle-buttons .is-selected.weak{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);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(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.group-buttons-container .toggle-buttons .is-selected.weak:hover{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);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(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 20%))}.group-buttons-container .toggle-buttons .is-selected.weak:focus{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%);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(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%));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)}.group-buttons-container .toggle-buttons .is-selected.weak:active{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%);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%),.32);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%))}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;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%),.04)!important;border:1px solid hsla(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%),.08)}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled):after{border:unset}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color){color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%)!important}.group-buttons-container .toggle-buttons .is-selected.regular{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}.group-buttons-container .toggle-buttons .is-selected.regular:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}.group-buttons-container .toggle-buttons .is-selected.regular:focus{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);position:relative;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)}.group-buttons-container .toggle-buttons .is-selected.regular:focus:not(.keep-background-on-focus){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%))}.group-buttons-container .toggle-buttons .is-selected.regular:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}.group-buttons-container .toggle-buttons .is-selected.regular:active{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);position:relative}.group-buttons-container .toggle-buttons .is-selected.regular:active:not(.keep-background-on-focus){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%))}.group-buttons-container .toggle-buttons .is-selected.regular:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled){box-shadow:unset;border:unset}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled):after{border:unset}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color){color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepSkeletonLoaderComponent, deps: [{ token: i1.MatDialogRef, optional: true }, { token: MAT_DIALOG_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PepSkeletonLoaderComponent, selector: "pep-skeleton-loader", inputs: { rowHeightType: "rowHeightType", rowsNumber: "rowsNumber", lastRowOffset: "lastRowOffset" }, ngImport: i0, template: "<div class=\"skeleton-loader\">\n    <div *ngFor='let in of counter(rowsNumber) ;let last = last' class=\"skeleton-row\" [ngClass]=\"[\n    lastRowOffset === true && last == true ? 'last-row-offset' : '', 'height-' + rowHeightType ]\">\n    </div>\n</div>", styles: [":host{display:block;height:inherit}.skeleton-loader{display:flex;height:inherit;flex-direction:column;gap:var(--pep-spacing-lg, 1rem)}.skeleton-loader .skeleton-row{height:var(--pep-spacing-xl, 1.5rem);background-color:#f0f0f0;border-radius:var(--pep-border-radius-md, .25rem);background:linear-gradient(.25turn,#f0f0f0,#fafafa,#f0f0f0 50%);background-size:200% 200%;transition:.5s;animation:2s infinite ease-in-out slidein}.skeleton-loader .skeleton-row.last-row-offset{width:75%}.skeleton-loader .skeleton-row.height-xs{height:var(--pep-spacing-md, .75rem)}.skeleton-loader .skeleton-row.height-sm{height:var(--pep-spacing-lg, 1rem)}.skeleton-loader .skeleton-row.height-md{height:var(--pep-spacing-xl, 1.5rem)}.skeleton-loader .skeleton-row.height-lg{height:var(--pep-spacing-2xl, 2rem)}.skeleton-loader .skeleton-row.height-xl{height:var(--pep-spacing-4xl, 3rem)}.skeleton-loader .skeleton-row.height-max{height:100%}@keyframes slidein{0%{background-position:100%}50%{background-position:-100%}to{background-position:-100%}}\n", ".group-buttons-container .toggle-buttons .is-selected.weak{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);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(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.group-buttons-container .toggle-buttons .is-selected.weak:hover{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);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(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 20%))}.group-buttons-container .toggle-buttons .is-selected.weak:focus{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%);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(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%));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)}.group-buttons-container .toggle-buttons .is-selected.weak:active{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%);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%),.32);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%))}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;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%),.04)!important;border:1px solid hsla(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%),.08)}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled):after{border:unset}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color){color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%)!important}.group-buttons-container .toggle-buttons .is-selected.regular{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}.group-buttons-container .toggle-buttons .is-selected.regular:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}.group-buttons-container .toggle-buttons .is-selected.regular:focus{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);position:relative;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)}.group-buttons-container .toggle-buttons .is-selected.regular:focus:not(.keep-background-on-focus){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%))}.group-buttons-container .toggle-buttons .is-selected.regular:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}.group-buttons-container .toggle-buttons .is-selected.regular:active{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);position:relative}.group-buttons-container .toggle-buttons .is-selected.regular:active:not(.keep-background-on-focus){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%))}.group-buttons-container .toggle-buttons .is-selected.regular:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled){box-shadow:unset;border:unset}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled):after{border:unset}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color){color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSkeletonLoaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepSkeletonLoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pep-skeleton-loader', template: "<div class=\"skeleton-loader\">\n    <div *ngFor='let in of counter(rowsNumber) ;let last = last' class=\"skeleton-row\" [ngClass]=\"[\n    lastRowOffset === true && last == true ? 'last-row-offset' : '', 'height-' + rowHeightType ]\">\n    </div>\n</div>", styles: [":host{display:block;height:inherit}.skeleton-loader{display:flex;height:inherit;flex-direction:column;gap:var(--pep-spacing-lg, 1rem)}.skeleton-loader .skeleton-row{height:var(--pep-spacing-xl, 1.5rem);background-color:#f0f0f0;border-radius:var(--pep-border-radius-md, .25rem);background:linear-gradient(.25turn,#f0f0f0,#fafafa,#f0f0f0 50%);background-size:200% 200%;transition:.5s;animation:2s infinite ease-in-out slidein}.skeleton-loader .skeleton-row.last-row-offset{width:75%}.skeleton-loader .skeleton-row.height-xs{height:var(--pep-spacing-md, .75rem)}.skeleton-loader .skeleton-row.height-sm{height:var(--pep-spacing-lg, 1rem)}.skeleton-loader .skeleton-row.height-md{height:var(--pep-spacing-xl, 1.5rem)}.skeleton-loader .skeleton-row.height-lg{height:var(--pep-spacing-2xl, 2rem)}.skeleton-loader .skeleton-row.height-xl{height:var(--pep-spacing-4xl, 3rem)}.skeleton-loader .skeleton-row.height-max{height:100%}@keyframes slidein{0%{background-position:100%}50%{background-position:-100%}to{background-position:-100%}}\n", ".group-buttons-container .toggle-buttons .is-selected.weak{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);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(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.group-buttons-container .toggle-buttons .is-selected.weak:hover{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);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(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 20%))}.group-buttons-container .toggle-buttons .is-selected.weak:focus{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%);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(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%));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)}.group-buttons-container .toggle-buttons .is-selected.weak:active{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%);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%),.32);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%))}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;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%),.04)!important;border:1px solid hsla(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%),.08)}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled):after{border:unset}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color){color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%)!important}.group-buttons-container .toggle-buttons .is-selected.regular{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}.group-buttons-container .toggle-buttons .is-selected.regular:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}.group-buttons-container .toggle-buttons .is-selected.regular:focus{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);position:relative;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)}.group-buttons-container .toggle-buttons .is-selected.regular:focus:not(.keep-background-on-focus){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%))}.group-buttons-container .toggle-buttons .is-selected.regular:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}.group-buttons-container .toggle-buttons .is-selected.regular:active{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);position:relative}.group-buttons-container .toggle-buttons .is-selected.regular:active:not(.keep-background-on-focus){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%))}.group-buttons-container .toggle-buttons .is-selected.regular:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled){box-shadow:unset;border:unset}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled):after{border:unset}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color){color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04)!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.MatDialogRef, decorators: [{
+        }], ctorParameters: () => [{ type: i1.MatDialogRef, decorators: [{
                     type: Optional
                 }] }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }]; }, propDecorators: { rowHeightType: [{
+                }] }], propDecorators: { rowHeightType: [{
                 type: Input
             }], rowsNumber: [{
                 type: Input
@@ -48,13 +48,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 class PepSkeletonLoaderModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSkeletonLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepSkeletonLoaderModule, declarations: [PepSkeletonLoaderComponent], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepSkeletonLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: PepSkeletonLoaderModule, declarations: [PepSkeletonLoaderComponent], imports: [CommonModule,
             PepNgxLibModule], exports: [PepSkeletonLoaderComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSkeletonLoaderModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepSkeletonLoaderModule, imports: [CommonModule,
             PepNgxLibModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSkeletonLoaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepSkeletonLoaderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/pepperi-addons-ngx-lib-skeleton-loader.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pepperi-addons-ngx-lib-skeleton-loader.mjs","sources":["../../../projects/ngx-lib/skeleton-loader/skeleton-loader.component.ts","../../../projects/ngx-lib/skeleton-loader/skeleton-loader.component.html","../../../projects/ngx-lib/skeleton-loader/skeleton-loader.module.ts","../../../projects/ngx-lib/skeleton-loader/public-api.ts","../../../projects/ngx-lib/skeleton-loader/pepperi-addons-ngx-lib-skeleton-loader.ts"],"sourcesContent":["import { Component,Inject,Input, Optional } from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\n\nexport type PepSkeletonSizeType = 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'max';\n\n\ninterface IPepSkeletonLoaderDialogData {\n rowHeightType: PepSkeletonSizeType;\n rowsNumber: number;\n lastRowOffset: boolean;\n}\n\n@Component({\n selector: 'pep-skeleton-loader',\n templateUrl: './skeleton-loader.component.html',\n styleUrls: ['./skeleton-loader.component.scss', './skeleton-loader.component.theme.scss']~~,\n~~})\nexport class PepSkeletonLoaderComponent{\n @Input() rowHeightType: PepSkeletonSizeType = 'md'; // Each row heigth\n @Input() rowsNumber = 3; // number of rows\n @Input() lastRowOffset = true; // If the last row is with offset or not\n \n constructor(@Optional()\n private dialogRef: MatDialogRef<PepSkeletonLoaderComponent>,\n @Optional()\n @Inject(MAT_DIALOG_DATA)\n private data: IPepSkeletonLoaderDialogData) {\n\n if (dialogRef && data) {\n this.rowsNumber = data.rowsNumber \|\| 3;\n this.rowHeightType = data.rowHeightType \|\| 'md';\n this.lastRowOffset = data.lastRowOffset \|\| true;\n }\n\n // num of rectangles - User defined, default → 3, Minimum → 2\n this.rowsNumber = this.rowsNumber >= 2 ? this.rowsNumber : 2;\n }\n\n counter(i: number) {\n return new Array(i);\n }\n}\n","<div class=\"skeleton-loader\">\n <div ngFor='let in of counter(rowsNumber) ;let last = last' class=\"skeleton-row\" [ngClass]=\"[\n lastRowOffset === true && last == true ? 'last-row-offset' : '', 'height-' + rowHeightType ]\">\n </div>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepSkeletonLoaderComponent } from './skeleton-loader.component';\n\n@NgModule({\n imports: [\n CommonModule,\n PepNgxLibModule\n ],\n exports: [PepSkeletonLoaderComponent],\n declarations: [PepSkeletonLoaderComponent],\n})\nexport class PepSkeletonLoaderModule { }\n","/\n * Public API Surface of ngx-lib/skeleton-loader\n /\nexport from './skeleton-loader.module';\nexport * from './skeleton-loader.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;~~MAiBa~~,0BAA0B,CAAA;AAMvB,IAAA,SAAA~~,CAAA~~;AAGA,IAAA,IAAA~~,CAAA~~;AARH,IAAA,aAAa,GAAwB,IAAI,CAAC;AAC1C,IAAA,UAAU,GAAG,CAAC,CAAC;AACf,IAAA,aAAa,GAAG,IAAI,CAAC;IAE9B,~~WACY~~,~~CAAA~~,SAAmD,EAGnD,IAAkC,EAAA;QAHlC,~~IAAS~~,CAAA,~~SAAA~~,GAAT,SAAS~~,CAA0C~~;~~QAGnD~~,~~IAAI~~,CAAA,~~IAAA~~,GAAJ,IAAI~~,CAA8B~~;~~QAE1C~~,IAAI,SAAS,IAAI,IAAI,EAAE;YACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,CAAC~~,CAAC~~;~~YACvC~~,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,IAAI,IAAI~~,CAAC~~;~~YAChD~~,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,IAAI,IAAI~~,CAAC~~;~~AACnD~~,~~SAAA~~;;AAGD,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,CAAC,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC~~,CAAC~~;~~KAChE~~;~~AAED~~,IAAA,OAAO,CAAC,CAAS,EAAA;AACb,QAAA,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC~~,CAAC~~;~~KACvB~~;~~AAvBQ~~,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,8DAQvB,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA~~,CAAA~~;AARlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,~~iKCjBvC~~,iQAIM,EAAA,MAAA,EAAA,CAAA,wgCAAA,EAAA,g6MAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,CAAA~~,CAAA~~;;~~4FDaO~~,0BAA0B,EAAA,UAAA,EAAA,CAAA;~~kBALtC~~,SAAS;+~~BACI~~,qBAAqB,EAAA,QAAA,EAAA,iQAAA,EAAA,MAAA,EAAA,CAAA,wgCAAA,EAAA,g6MAAA,CAAA,EAAA~~,CAAA~~;;~~0BASlB,QAAQ~~;;~~0BAEhB,QAAQ~~;;~~0BACR~~,MAAM;2BAAC,eAAe~~,CAAA~~;~~4CAPlB~~,aAAa,EAAA,CAAA;sBAArB~~,KAAK~~;~~gBACG~~,UAAU,EAAA,CAAA;sBAAlB~~,KAAK~~;~~gBACG~~,aAAa,EAAA,CAAA;sBAArB~~,KAAK~~;;;~~MEPG~~,uBAAuB,CAAA;wGAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA~~,CAAA~~;yGAAvB,uBAAuB,EAAA,YAAA,EAAA,CAFjB,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAJrC,YAAY;AACZ,YAAA,eAAe,aAET,0BAA0B,CAAA,EAAA,CAAA~~,CAAA~~;AAG3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAN5B,YAAY;YACZ,eAAe,CAAA,EAAA,CAAA~~,CAAA~~;;4FAKV,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBARnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ~~,eAAe~~;~~AAClB~~,qBAAA;oBACD,OAAO,EAAE,CAAC,0BAA0B,CAAC;oBACrC,YAAY,EAAE,CAAC,0BAA0B,CAAC;AAC7C,iBAAA~~,CAAA~~;;;ACZD;;AAEG;;ACFH;;AAEG;;;;"}
1	+ {"version":3,"file":"pepperi-addons-ngx-lib-skeleton-loader.mjs","sources":["../../../projects/ngx-lib/skeleton-loader/skeleton-loader.component.ts","../../../projects/ngx-lib/skeleton-loader/skeleton-loader.component.html","../../../projects/ngx-lib/skeleton-loader/skeleton-loader.module.ts","../../../projects/ngx-lib/skeleton-loader/public-api.ts","../../../projects/ngx-lib/skeleton-loader/pepperi-addons-ngx-lib-skeleton-loader.ts"],"sourcesContent":["import { Component,Inject,Input, Optional } from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\n\nexport type PepSkeletonSizeType = 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'max';\n\n\ninterface IPepSkeletonLoaderDialogData {\n rowHeightType: PepSkeletonSizeType;\n rowsNumber: number;\n lastRowOffset: boolean;\n}\n\n@Component({selector: 'pep-skeleton-loader',\n templateUrl: './skeleton-loader.component.html',\n styleUrls: ['./skeleton-loader.component.scss', './skeleton-loader.component.theme.scss']})\nexport class PepSkeletonLoaderComponent{\n @Input() rowHeightType: PepSkeletonSizeType = 'md'; // Each row heigth\n @Input() rowsNumber = 3; // number of rows\n @Input() lastRowOffset = true; // If the last row is with offset or not\n \n constructor(@Optional()\n private dialogRef: MatDialogRef<PepSkeletonLoaderComponent>,\n @Optional()\n @Inject(MAT_DIALOG_DATA)\n private data: IPepSkeletonLoaderDialogData) {\n\n if (dialogRef && data) {\n this.rowsNumber = data.rowsNumber \|\| 3;\n this.rowHeightType = data.rowHeightType \|\| 'md';\n this.lastRowOffset = data.lastRowOffset \|\| true;\n }\n\n // num of rectangles - User defined, default → 3, Minimum → 2\n this.rowsNumber = this.rowsNumber >= 2 ? this.rowsNumber : 2;\n }\n\n counter(i: number) {\n return new Array(i);\n }\n}\n","<div class=\"skeleton-loader\">\n <div ngFor='let in of counter(rowsNumber) ;let last = last' class=\"skeleton-row\" [ngClass]=\"[\n lastRowOffset === true && last == true ? 'last-row-offset' : '', 'height-' + rowHeightType ]\">\n </div>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepSkeletonLoaderComponent } from './skeleton-loader.component';\n\n@NgModule({\n imports: [\n CommonModule,\n PepNgxLibModule\n ],\n exports: [PepSkeletonLoaderComponent],\n declarations: [PepSkeletonLoaderComponent],\n})\nexport class PepSkeletonLoaderModule { }\n","/\n * Public API Surface of ngx-lib/skeleton-loader\n /\nexport from './skeleton-loader.module';\nexport * from './skeleton-loader.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/pepperi-addons-ngx-lib-slider.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import { EventEmitter, Output, Input, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatCommonModule } from '@angular/material/core';
 import * as i2 from '@angular/material/slider';
@@ -79,13 +79,13 @@ class PepSliderComponent {
     onInputChange(event) {
         this.inputChange.emit(event.value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSliderComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.PepLayoutService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepSliderComponent, selector: "pep-slider", inputs: { label: "label", disabled: "disabled", hint: "hint", background: "background", step: "step", minValue: "minValue", maxValue: "maxValue", value: "value" }, outputs: { valueChange: "valueChange", inputChange: "inputChange" }, ngImport: i0, template: "<div class=\"pep-slider-container\">\n    <pep-field-title [label]=\"label\" [disabled]=\"disabled\" [hint]=\"hint\" [xAlignment]=\"xAlignment\">\n    </pep-field-title>\n    <mat-slider [min]=\"minValue\" [max]=\"maxValue\" [step]=\"step\" [disabled]=\"disabled\" [title]=\"value\" #ngSlider><input matSliderThumb [value]=\"value\" (change)=\"onValueChange({source: ngSliderThumb, parent: ngSlider, value: ngSliderThumb.value})\" #ngSliderThumb=\"matSliderThumb\" (input)=\"onInputChange({source: ngSliderThumb, parent: ngSlider, value: ngSliderThumb.value})\" />\n    </mat-slider>\n</div>", styles: ["", ".pep-slider-container ::ng-deep .mat-slider,.pep-slider-container ::ng-deep .mat-mdc-slider{background:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.12)}.pep-slider-container ::ng-deep .mat-slider.mat-slider-disabled,.pep-slider-container ::ng-deep .mat-slider.mdc-slider--disabled,.pep-slider-container ::ng-deep .mat-mdc-slider.mat-slider-disabled,.pep-slider-container ::ng-deep .mat-mdc-slider.mdc-slider--disabled{opacity:.5}.pep-slider-container ::ng-deep .mat-slider.mat-slider-horizontal,.pep-slider-container ::ng-deep .mat-slider.mdc-slider,.pep-slider-container ::ng-deep .mat-mdc-slider.mat-slider-horizontal,.pep-slider-container ::ng-deep .mat-mdc-slider.mdc-slider{height:1rem;width:100%;padding:.5rem .25rem;border-radius:var(--pep-border-radius-lg, .5rem);margin:0}.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track,.pep-slider-container ::ng-deep .mat-slider .mdc-slider,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider{height:.375rem;position:relative;left:unset;right:unset;border-radius:var(--pep-border-radius-md, .25rem)}.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mdc-slider__track--active,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mdc-slider__track--active,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mdc-slider__track--active,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mdc-slider__track--active,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mdc-slider__track--active,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mdc-slider__track--active{display:none}.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mdc-slider__thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mdc-slider__thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mdc-slider__thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mdc-slider__thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mdc-slider__thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mdc-slider__thumb{width:94%;left:3%}.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mdc-slider__thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mdc-slider__thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mdc-slider__thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mdc-slider__thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mdc-slider__thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mdc-slider__thumb .mdc-slider__thumb-knob{width:18px;height:18px;right:-9px;bottom:-9px;transform:scale(.7)!important;border-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%));border-width:5px;background-color:transparent!important;box-shadow:0 0 0 var(--pep-spacing-2xs, .125rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}\n"], dependencies: [{ kind: "component", type: i2.MatSlider, selector: "mat-slider", inputs: ["color", "disableRipple", "disabled", "discrete", "showTickMarks", "min", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i2.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "component", type: i3.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType", "multiLine"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepSliderComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.PepLayoutService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PepSliderComponent, selector: "pep-slider", inputs: { label: "label", disabled: "disabled", hint: "hint", background: "background", step: "step", minValue: "minValue", maxValue: "maxValue", value: "value" }, outputs: { valueChange: "valueChange", inputChange: "inputChange" }, ngImport: i0, template: "<div class=\"pep-slider-container\">\n    <pep-field-title [label]=\"label\" [disabled]=\"disabled\" [hint]=\"hint\" [xAlignment]=\"xAlignment\">\n    </pep-field-title>\n    <mat-slider [min]=\"minValue\" [max]=\"maxValue\" [step]=\"step\" [disabled]=\"disabled\" [title]=\"value\" #ngSlider><input matSliderThumb [value]=\"value\" (change)=\"onValueChange({source: ngSliderThumb, parent: ngSlider, value: ngSliderThumb.value})\" #ngSliderThumb=\"matSliderThumb\" (input)=\"onInputChange({source: ngSliderThumb, parent: ngSlider, value: ngSliderThumb.value})\" />\n    </mat-slider>\n</div>", styles: ["", ".pep-slider-container ::ng-deep .mat-slider,.pep-slider-container ::ng-deep .mat-mdc-slider{background:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.12)}.pep-slider-container ::ng-deep .mat-slider.mat-slider-disabled,.pep-slider-container ::ng-deep .mat-slider.mdc-slider--disabled,.pep-slider-container ::ng-deep .mat-mdc-slider.mat-slider-disabled,.pep-slider-container ::ng-deep .mat-mdc-slider.mdc-slider--disabled{opacity:.5}.pep-slider-container ::ng-deep .mat-slider.mat-slider-horizontal,.pep-slider-container ::ng-deep .mat-slider.mdc-slider,.pep-slider-container ::ng-deep .mat-mdc-slider.mat-slider-horizontal,.pep-slider-container ::ng-deep .mat-mdc-slider.mdc-slider{height:1rem;width:100%;padding:.5rem .25rem;border-radius:var(--pep-border-radius-lg, .5rem);margin:0}.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track,.pep-slider-container ::ng-deep .mat-slider .mdc-slider,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider{height:.375rem;position:relative;left:unset;right:unset;border-radius:var(--pep-border-radius-md, .25rem)}.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mdc-slider__track--active,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mdc-slider__track--active,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mdc-slider__track--active,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mdc-slider__track--active,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mdc-slider__track--active,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mdc-slider__track--active{display:none}.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mdc-slider__thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mdc-slider__thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mdc-slider__thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mdc-slider__thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mdc-slider__thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mdc-slider__thumb{width:94%;left:3%}.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mdc-slider__thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mdc-slider__thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mdc-slider__thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mdc-slider__thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mdc-slider__thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mdc-slider__thumb .mdc-slider__thumb-knob{width:18px;height:18px;right:-9px;bottom:-9px;transform:scale(.7)!important;border-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%));border-width:5px;background-color:transparent!important;box-shadow:0 0 0 var(--pep-spacing-2xs, .125rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}\n"], dependencies: [{ kind: "component", type: i2.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i2.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "component", type: i3.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType", "multiLine"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSliderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepSliderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pep-slider', template: "<div class=\"pep-slider-container\">\n    <pep-field-title [label]=\"label\" [disabled]=\"disabled\" [hint]=\"hint\" [xAlignment]=\"xAlignment\">\n    </pep-field-title>\n    <mat-slider [min]=\"minValue\" [max]=\"maxValue\" [step]=\"step\" [disabled]=\"disabled\" [title]=\"value\" #ngSlider><input matSliderThumb [value]=\"value\" (change)=\"onValueChange({source: ngSliderThumb, parent: ngSlider, value: ngSliderThumb.value})\" #ngSliderThumb=\"matSliderThumb\" (input)=\"onInputChange({source: ngSliderThumb, parent: ngSlider, value: ngSliderThumb.value})\" />\n    </mat-slider>\n</div>", styles: [".pep-slider-container ::ng-deep .mat-slider,.pep-slider-container ::ng-deep .mat-mdc-slider{background:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.12)}.pep-slider-container ::ng-deep .mat-slider.mat-slider-disabled,.pep-slider-container ::ng-deep .mat-slider.mdc-slider--disabled,.pep-slider-container ::ng-deep .mat-mdc-slider.mat-slider-disabled,.pep-slider-container ::ng-deep .mat-mdc-slider.mdc-slider--disabled{opacity:.5}.pep-slider-container ::ng-deep .mat-slider.mat-slider-horizontal,.pep-slider-container ::ng-deep .mat-slider.mdc-slider,.pep-slider-container ::ng-deep .mat-mdc-slider.mat-slider-horizontal,.pep-slider-container ::ng-deep .mat-mdc-slider.mdc-slider{height:1rem;width:100%;padding:.5rem .25rem;border-radius:var(--pep-border-radius-lg, .5rem);margin:0}.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track,.pep-slider-container ::ng-deep .mat-slider .mdc-slider,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider{height:.375rem;position:relative;left:unset;right:unset;border-radius:var(--pep-border-radius-md, .25rem)}.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mdc-slider__track--active,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mdc-slider__track--active,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mdc-slider__track--active,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mdc-slider__track--active,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mdc-slider__track--active,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-slider-track-wrapper,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mdc-slider__track--inactive,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mdc-slider__track--active{display:none}.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mdc-slider__thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mdc-slider__thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mdc-slider__thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mdc-slider__thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mdc-slider__thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-mdc-slider-visual-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-slider-thumb-container,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mdc-slider__thumb{width:94%;left:3%}.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mat-slider-wrapper .mdc-slider__thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider__track .mdc-slider__thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-slider .mdc-slider .mdc-slider__thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mat-slider-wrapper .mdc-slider__thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider__track .mdc-slider__thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-mdc-slider-visual-thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-mdc-slider-visual-thumb .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-slider-thumb-container .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mat-slider-thumb-container .mdc-slider__thumb-knob,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mdc-slider__thumb .mat-slider-thumb,.pep-slider-container ::ng-deep .mat-mdc-slider .mdc-slider .mdc-slider__thumb .mdc-slider__thumb-knob{width:18px;height:18px;right:-9px;bottom:-9px;transform:scale(.7)!important;border-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%));border-width:5px;background-color:transparent!important;box-shadow:0 0 0 var(--pep-spacing-2xs, .125rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.PepLayoutService }]; }, propDecorators: { label: [{
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.PepLayoutService }], propDecorators: { label: [{
                 type: Input
             }], disabled: [{
                 type: Input
@@ -108,15 +108,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 class PepSliderModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepSliderModule, declarations: [PepSliderComponent], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: PepSliderModule, declarations: [PepSliderComponent], imports: [CommonModule,
             // Material modules
             MatCommonModule,
             MatSliderModule,
             // ngx-lib modules
             PepNgxLibModule,
             PepFieldTitleModule], exports: [PepSliderComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSliderModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepSliderModule, imports: [CommonModule,
             // Material modules
             MatCommonModule,
             MatSliderModule,
@@ -124,7 +124,7 @@ class PepSliderModule {
             PepNgxLibModule,
             PepFieldTitleModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSliderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepSliderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [