@pepperi-addons/ngx-lib 0.5.0-ng15.2 → 0.5.0-ng16.1

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,139 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, HostListener, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule } from '@angular/forms';
+import { FlexLayoutModule } from '@ngbracket/ngx-layout';
+import * as i1 from '@pepperi-addons/ngx-lib';
+import { PepScreenSizeType, PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import * as i3 from '@ngbracket/ngx-layout/extended';
+
+class PepSizeDetectorComponent {
+    hostElement;
+    layoutService;
+    showScreenSize = false;
+    _useAsWebComponent = false;
+    set useAsWebComponent(value) {
+        if (value) {
+            this.exportFunctionsOnHostElement();
+        }
+    }
+    get useAsWebComponent() {
+        return this._useAsWebComponent;
+    }
+    sizeChange = new EventEmitter();
+    prefix = 'is-';
+    sizes = [
+        {
+            id: PepScreenSizeType.XS,
+            name: 'xs',
+            css: `d-block d-sm-none`,
+        },
+        {
+            id: PepScreenSizeType.SM,
+            name: 'sm',
+            css: `d-none d-sm-block d-md-none`,
+        },
+        {
+            id: PepScreenSizeType.MD,
+            name: 'md',
+            css: `d-none d-md-block d-lg-none`,
+        },
+        {
+            id: PepScreenSizeType.LG,
+            name: 'lg',
+            css: `d-none d-lg-block d-xl-none`,
+        },
+        {
+            id: PepScreenSizeType.XL,
+            name: 'xl',
+            css: `d-none d-xl-block`,
+        },
+    ];
+    currentSize;
+    constructor(hostElement, layoutService) {
+        this.hostElement = hostElement;
+        this.layoutService = layoutService;
+        this.layoutService.onResize$.subscribe((size) => {
+            this.currentSize = this.sizes.find((s) => s.id === size);
+            this.sizeChange.emit(this.currentSize);
+        });
+    }
+    onResize(event) {
+        setTimeout(() => {
+            this.detectScreenSize();
+        }, 0);
+    }
+    ngAfterViewInit() {
+        this.detectScreenSize();
+    }
+    detectScreenSize() {
+        this.currentSize = this.sizes.find((x) => {
+            const el = this.hostElement.nativeElement.querySelector(`.${this.prefix}${x.id}`);
+            const isVisible = getComputedStyle(el).display !== 'none';
+            return isVisible;
+        });
+        this.layoutService.onResize(this.currentSize.id);
+    }
+    exportFunctionsOnHostElement() {
+        // This is for web component usage for use those functions.
+        this.hostElement.nativeElement.getCurrentSize = this.getCurrentSize.bind(this);
+    }
+    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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.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: [{
+                type: Input
+            }], useAsWebComponent: [{
+                type: Input
+            }], sizeChange: [{
+                type: Output
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+
+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,
+            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,
+            ReactiveFormsModule,
+            FlexLayoutModule,
+            // ngx-lib modules
+            PepNgxLibModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSizeDetectorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FlexLayoutModule,
+                        // ngx-lib modules
+                        PepNgxLibModule,
+                    ],
+                    exports: [PepSizeDetectorComponent],
+                    declarations: [PepSizeDetectorComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of ngx-lib/size-detector
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PepSizeDetectorComponent, PepSizeDetectorModule };
+//# sourceMappingURL=pepperi-addons-ngx-lib-size-detector.mjs.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,78 @@
+import * as i0 from '@angular/core';
+import { Component, Optional, Inject, Input, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import * as i1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+
+class PepSkeletonLoaderComponent {
+    dialogRef;
+    data;
+    rowHeightType = 'md'; // Each row heigth
+    rowsNumber = 3; // number of rows
+    lastRowOffset = true; // If the last row is with offset or not
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        if (dialogRef && data) {
+            this.rowsNumber = data.rowsNumber || 3;
+            this.rowHeightType = data.rowHeightType || 'md';
+            this.lastRowOffset = data.lastRowOffset || true;
+        }
+        // num of rectangles - User defined, default → 3, Minimum → 2
+        this.rowsNumber = this.rowsNumber >= 2 ? this.rowsNumber : 2;
+    }
+    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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.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: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; }, propDecorators: { rowHeightType: [{
+                type: Input
+            }], rowsNumber: [{
+                type: Input
+            }], lastRowOffset: [{
+                type: Input
+            }] } });
+
+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,
+            PepNgxLibModule], exports: [PepSkeletonLoaderComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSkeletonLoaderModule, imports: [CommonModule,
+            PepNgxLibModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSkeletonLoaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        PepNgxLibModule
+                    ],
+                    exports: [PepSkeletonLoaderComponent],
+                    declarations: [PepSkeletonLoaderComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of ngx-lib/skeleton-loader
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PepSkeletonLoaderComponent, PepSkeletonLoaderModule };
+//# sourceMappingURL=pepperi-addons-ngx-lib-skeleton-loader.mjs.map

package/{fesm2015 → fesm2022}/pepperi-addons-ngx-lib-skeleton-loader.mjs.map

@@ -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":"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"}
+{"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":"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"}

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

@@ -0,0 +1,154 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatCommonModule } from '@angular/material/core';
+import * as i2 from '@angular/material/slider';
+import { MatSliderModule } from '@angular/material/slider';
+import * as i3 from '@pepperi-addons/ngx-lib/field-title';
+import { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';
+import * as i1 from '@pepperi-addons/ngx-lib';
+import { DEFAULT_HORIZONTAL_ALIGNMENT, PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+
+/**
+ * This is a slider component that support pepperi theme
+ * style & state & sizes
+ *
+ * @export
+ * @class PepSliderComponent
+ * @implements {OnDestroy}
+ */
+class PepSliderComponent {
+    renderer;
+    element;
+    pepLayoutService;
+    label = '';
+    disabled = false;
+    hint = '';
+    _background = '';
+    set background(background) {
+        if (!background) {
+            background = '';
+        }
+        this._background = background;
+        this.setBackground();
+    }
+    get background() {
+        return this._background;
+    }
+    step = 1;
+    minValue = NaN;
+    maxValue = NaN;
+    _value = NaN;
+    set value(value) {
+        this._value = value;
+    }
+    get value() {
+        return this._value;
+    }
+    valueChange = new EventEmitter();
+    inputChange = new EventEmitter();
+    xAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;
+    sliderWrapper = null;
+    constructor(renderer, element, pepLayoutService) {
+        this.renderer = renderer;
+        this.element = element;
+        this.pepLayoutService = pepLayoutService;
+    }
+    setBackground() {
+        // Get the wrapper for set the background.
+        if (!this.sliderWrapper) {
+            this.sliderWrapper = this.element.nativeElement.querySelector('.mat-slider-wrapper, .mdc-slider__track');
+            debugger;
+        }
+        if (this.sliderWrapper) {
+            this.renderer.setStyle(this.sliderWrapper, 'background', this.background?.length > 0 ? this.background : '');
+            if (this.background?.length > 0) {
+                this.renderer.removeClass(this.sliderWrapper, 'background-color-dimmed');
+            }
+            else {
+                this.renderer.addClass(this.sliderWrapper, 'background-color-dimmed');
+            }
+        }
+    }
+    ngOnInit() {
+        this.xAlignment = this.pepLayoutService.isRtl() ? 'right' : 'left';
+        this.setBackground();
+    }
+    onValueChange(event) {
+        this.valueChange.emit(event.value);
+    }
+    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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.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: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], background: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], minValue: [{
+                type: Input
+            }], maxValue: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], inputChange: [{
+                type: Output
+            }] } });
+
+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,
+            // 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,
+            // Material modules
+            MatCommonModule,
+            MatSliderModule,
+            // ngx-lib modules
+            PepNgxLibModule,
+            PepFieldTitleModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSliderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        // Material modules
+                        MatCommonModule,
+                        MatSliderModule,
+                        // ngx-lib modules
+                        PepNgxLibModule,
+                        PepFieldTitleModule,
+                    ],
+                    exports: [PepSliderComponent],
+                    declarations: [PepSliderComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of ngx-lib/slider
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PepSliderComponent, PepSliderModule };
+//# sourceMappingURL=pepperi-addons-ngx-lib-slider.mjs.map