@seniorsistemas/angular-components 17.31.2 → 18.0.0-develop-ae6477c0

package/fesm2022/seniorsistemas-angular-components-slide-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-slide-panel.mjs","sources":["../../projects/angular-components/slide-panel/src/lib/slide-panel/slide-panel.service.ts","../../projects/angular-components/slide-panel/src/lib/slide-panel/slide-panel.component.ts","../../projects/angular-components/slide-panel/src/lib/slide-panel/slide-panel.component.html","../../projects/angular-components/slide-panel/src/lib/slide-panel/slide-panel.module.ts","../../projects/angular-components/slide-panel/src/seniorsistemas-angular-components-slide-panel.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\n\nimport { Observable, Subject } from \"rxjs\";\n\n@Injectable()\nexport class SlidePanelService {\n    private modalCloseMap = new Map<string, Subject<void>>();\n\n    public createSlidePanel(id: string): Observable<void> {\n        const panelSubject = new Subject<void>();\n\n        this.modalCloseMap.set(id, panelSubject);\n        return panelSubject.asObservable();\n    }\n\n    public getModalCloseObservable(id: string): Observable<void> | null {\n        return this.modalCloseMap.get(id)?.asObservable() ?? null;\n    }\n\n    public closeModal(id: string): void {\n        const subject = this.modalCloseMap.get(id);\n        if (subject) {\n            subject.next();\n        }\n    }\n}","import { animate, state, style, transition, trigger } from \"@angular/animations\";\nimport {\n    AfterViewChecked,\n    AfterViewInit,\n    Component,\n    EventEmitter,\n    HostListener,\n    Input,\n    OnDestroy,\n    OnInit,\n    Output\n} from \"@angular/core\";\n\nimport { Subject } from \"rxjs\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { SlidePanelService } from \"./slide-panel.service\";\n\nconst SMALL_DEVICE_BREAKPOINT = 420;\n\n@Component({\n    selector: \"s-slide-panel\",\n    templateUrl: \"./slide-panel.component.html\",\n    styleUrls: [\"./slide-panel.component.scss\"],\n    animations: [\n        trigger(\"cachelessAnimation\", [\n            transition(\":enter\", [\n                style({ width: \"0\" }),\n                animate(\"200ms linear\", style({ width: \"*\" })),\n            ]),\n            transition(\":leave\", [\n                style({ width: \"*\" }),\n                animate(\"200ms linear\", style({ width: \"0\" })),\n            ]),\n        ]),\n        trigger(\"cacheAnimation\", [\n            state(\"true\", style({ width: \"*\", padding: '0 16px' })),\n            state(\"false\", style({ width: '0px', padding: '0' })),\n            transition(\"* => *\", animate(\"200ms\")),\n        ]),\n    ],\n})\nexport class SlidePanelComponent implements OnInit, AfterViewChecked, AfterViewInit, OnDestroy {\n    public static nextId = 0;\n\n    @Input()\n    public id = `slide-panel-${++SlidePanelComponent.nextId}`;\n\n    @Input()\n    public openIcon = \"fas fa-chevron-right\";\n\n    @Input()\n    public closeIcon = \"fas fa-chevron-left\";\n\n    @Input()\n    public cache = false;\n\n    @Input()\n    public createOpen = false;\n\n    @Input()\n    public noOverlap = false;\n\n    @Output()\n    public panelOpened = new EventEmitter<void>();\n\n    @Output()\n    public panelClosed = new EventEmitter<void>();\n\n    public isOpen = false;\n    public isSlideOver = false;\n    public isAnimating = false;\n    public isContentAnimationDisabled = true;\n\n    private _unsubscribe$ = new Subject<void>();\n\n    @HostListener(\"window:resize\")\n    public onResize(): void {\n        this._checkOverBehavior();\n    }\n\n    constructor(\n        private readonly slidePanelService: SlidePanelService\n    ) { }\n\n    public ngOnInit(): void {\n        this._checkOverBehavior();\n        this.slidePanelService.createSlidePanel(this.id)\n            .pipe(takeUntil(this._unsubscribe$))\n            .subscribe(() => {\n                this.isOpen = false;\n            });\n    }\n\n    public ngAfterViewInit(): void {\n        queueMicrotask(() => {\n            if (this.createOpen) {\n                this.isOpen = true;\n            }\n        });\n    }\n\n    public ngAfterViewChecked() {\n        return;\n        // to executed at a safe time prior to control returning to the browser's event loop\n        // queueMicrotask(() => {\n        //     this._calculateSlideHeight();\n        //     this.isContentAnimationDisabled = false;\n        // });\n    }\n\n    public ngOnDestroy(): void {\n        this._unsubscribe$.next();\n        this._unsubscribe$.complete();\n    }\n\n    public onClickButton() {\n        if (this.isAnimating) {\n            return;\n        }\n\n        this.isOpen = !this.isOpen;\n\n        if (this.isOpen) {\n            this.panelOpened.emit();\n        } else {\n            this.panelClosed.emit();\n        }\n    }\n\n    public onContentAnimationStart() {\n        this.isAnimating = true;\n    }\n\n    public onContentAnimationDone() {\n        this.isAnimating = false;\n    }\n\n    private _checkOverBehavior() {\n        this.isSlideOver = window.innerWidth <= SMALL_DEVICE_BREAKPOINT;\n    }\n}\n","<div class=\"slide-panel\">\n    <div\n        class=\"slide-content\"\n        [ngClass]=\"{\n            'slide-content--closed': !isOpen,\n            'slide-content--over': isSlideOver,\n            'slide-content--no-overlap': noOverlap,\n        }\"\n    >\n        <div\n            #mainContainer\n            class=\"main-container\"\n        >\n            @if (cache) {\n                <div\n                    class=\"content-container\"\n                    [@cacheAnimation]=\"isOpen\"\n                    [@.disabled]=\"isContentAnimationDisabled\"\n                    (@cacheAnimation.start)=\"onContentAnimationStart()\"\n                    (@cacheAnimation.done)=\"onContentAnimationDone()\"\n                >\n                    <ng-container [ngTemplateOutlet]=\"slideContentTemplate\"></ng-container>\n                </div>\n            } @else {\n                @if (isOpen) {\n                    <div\n                        class=\"content-container\"\n                        @cachelessAnimation\n                        [@.disabled]=\"isContentAnimationDisabled\"\n                        (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n                        (@cachelessAnimation.done)=\"onContentAnimationDone()\"\n                    >\n                        <ng-container [ngTemplateOutlet]=\"slideContentTemplate\"></ng-container>\n                    </div>\n                }\n            }\n        </div>\n        <button\n            class=\"button\"\n            [ngClass]=\"isOpen ? closeIcon : openIcon\"\n            (click)=\"onClickButton()\"\n        ></button>\n    </div>\n    <div\n        class=\"side-content\"\n    >\n        <ng-content select=\"[side-content]\"></ng-content>\n    </div>\n</div>\n\n<ng-template #slideContentTemplate>\n    <ng-content select=\"[slide-content]\"></ng-content>\n</ng-template>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { SlidePanelComponent } from \"./slide-panel.component\";\nimport { SlidePanelService } from \"./slide-panel.service\";\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [SlidePanelComponent],\n    exports: [SlidePanelComponent],\n    providers: [SlidePanelService],\n})\nexport class SlidePanelModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.SlidePanelService"],"mappings":";;;;;;;;MAKa,iBAAiB,CAAA;AAClB,IAAA,aAAa,GAAG,IAAI,GAAG,EAAyB,CAAC;AAElD,IAAA,gBAAgB,CAAC,EAAU,EAAA;AAC9B,QAAA,MAAM,YAAY,GAAG,IAAI,OAAO,EAAQ,CAAC;QAEzC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;AACzC,QAAA,OAAO,YAAY,CAAC,YAAY,EAAE,CAAC;KACtC;AAEM,IAAA,uBAAuB,CAAC,EAAU,EAAA;AACrC,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,IAAI,IAAI,CAAC;KAC7D;AAEM,IAAA,UAAU,CAAC,EAAU,EAAA;QACxB,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC3C,IAAI,OAAO,EAAE;YACT,OAAO,CAAC,IAAI,EAAE,CAAC;SAClB;KACJ;wGAnBQ,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;4GAAjB,iBAAiB,EAAA,CAAA,CAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B,UAAU;;;ACcX,MAAM,uBAAuB,GAAG,GAAG,CAAC;MAwBvB,mBAAmB,CAAA;AAwCP,IAAA,iBAAA,CAAA;AAvCd,IAAA,OAAO,MAAM,GAAG,CAAC,CAAC;AAGlB,IAAA,EAAE,GAAG,CAAe,YAAA,EAAA,EAAE,mBAAmB,CAAC,MAAM,EAAE,CAAC;IAGnD,QAAQ,GAAG,sBAAsB,CAAC;IAGlC,SAAS,GAAG,qBAAqB,CAAC;IAGlC,KAAK,GAAG,KAAK,CAAC;IAGd,UAAU,GAAG,KAAK,CAAC;IAGnB,SAAS,GAAG,KAAK,CAAC;AAGlB,IAAA,WAAW,GAAG,IAAI,YAAY,EAAQ,CAAC;AAGvC,IAAA,WAAW,GAAG,IAAI,YAAY,EAAQ,CAAC;IAEvC,MAAM,GAAG,KAAK,CAAC;IACf,WAAW,GAAG,KAAK,CAAC;IACpB,WAAW,GAAG,KAAK,CAAC;IACpB,0BAA0B,GAAG,IAAI,CAAC;AAEjC,IAAA,aAAa,GAAG,IAAI,OAAO,EAAQ,CAAC;IAGrC,QAAQ,GAAA;QACX,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC7B;AAED,IAAA,WAAA,CACqB,iBAAoC,EAAA;QAApC,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB,CAAmB;KACpD;IAEE,QAAQ,GAAA;QACX,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;AAC3C,aAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aACnC,SAAS,CAAC,MAAK;AACZ,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;AACxB,SAAC,CAAC,CAAC;KACV;IAEM,eAAe,GAAA;QAClB,cAAc,CAAC,MAAK;AAChB,YAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACjB,gBAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;aACtB;AACL,SAAC,CAAC,CAAC;KACN;IAEM,kBAAkB,GAAA;QACrB,OAAO;;;;;;KAMV;IAEM,WAAW,GAAA;AACd,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;AAC1B,QAAA,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;KACjC;IAEM,aAAa,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YAClB,OAAO;SACV;AAED,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;AAE3B,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACb,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;SAC3B;aAAM;AACH,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;SAC3B;KACJ;IAEM,uBAAuB,GAAA;AAC1B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;KAC3B;IAEM,sBAAsB,GAAA;AACzB,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;KAC5B;IAEO,kBAAkB,GAAA;QACtB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,IAAI,uBAAuB,CAAC;KACnE;wGAlGQ,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4FAAnB,mBAAmB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1ChC,g2DAqDA,ED7BgB,MAAA,EAAA,CAAA,86BAAA,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,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA;YACR,OAAO,CAAC,oBAAoB,EAAE;gBAC1B,UAAU,CAAC,QAAQ,EAAE;AACjB,oBAAA,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;oBACrB,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;iBACjD,CAAC;gBACF,UAAU,CAAC,QAAQ,EAAE;AACjB,oBAAA,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;oBACrB,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;iBACjD,CAAC;aACL,CAAC;YACF,OAAO,CAAC,gBAAgB,EAAE;AACtB,gBAAA,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;AACvD,gBAAA,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;AACrD,gBAAA,UAAU,CAAC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;aACzC,CAAC;AACL,SAAA,EAAA,CAAA,CAAA;;4FAEQ,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAtB/B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAGb,UAAA,EAAA;wBACR,OAAO,CAAC,oBAAoB,EAAE;4BAC1B,UAAU,CAAC,QAAQ,EAAE;AACjB,gCAAA,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;gCACrB,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;6BACjD,CAAC;4BACF,UAAU,CAAC,QAAQ,EAAE;AACjB,gCAAA,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;gCACrB,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;6BACjD,CAAC;yBACL,CAAC;wBACF,OAAO,CAAC,gBAAgB,EAAE;AACtB,4BAAA,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;AACvD,4BAAA,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;AACrD,4BAAA,UAAU,CAAC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;yBACzC,CAAC;AACL,qBAAA,EAAA,QAAA,EAAA,g2DAAA,EAAA,MAAA,EAAA,CAAA,86BAAA,CAAA,EAAA,CAAA;mFAMM,EAAE,EAAA,CAAA;sBADR,KAAK;gBAIC,QAAQ,EAAA,CAAA;sBADd,KAAK;gBAIC,SAAS,EAAA,CAAA;sBADf,KAAK;gBAIC,KAAK,EAAA,CAAA;sBADX,KAAK;gBAIC,UAAU,EAAA,CAAA;sBADhB,KAAK;gBAIC,SAAS,EAAA,CAAA;sBADf,KAAK;gBAIC,WAAW,EAAA,CAAA;sBADjB,MAAM;gBAIA,WAAW,EAAA,CAAA;sBADjB,MAAM;gBAWA,QAAQ,EAAA,CAAA;sBADd,YAAY;uBAAC,eAAe,CAAA;;;MEhEpB,gBAAgB,CAAA;wGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAJV,YAAA,EAAA,CAAA,mBAAmB,CADxB,EAAA,OAAA,EAAA,CAAA,YAAY,aAEZ,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAGpB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAFd,SAAA,EAAA,CAAC,iBAAiB,CAAC,YAHpB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAKb,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,mBAAmB,CAAC;oBACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;oBAC9B,SAAS,EAAE,CAAC,iBAAiB,CAAC;AACjC,iBAAA,CAAA;;;ACXD;;AAEG;;;;"}

package/fesm2022/seniorsistemas-angular-components-slider.mjs

@@ -0,0 +1,624 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, forwardRef, Component, ViewChild, Input, Output, HostListener, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@seniorsistemas/angular-components/tooltip';
+import { TooltipModule } from '@seniorsistemas/angular-components/tooltip';
+
+class SliderComponent {
+    MAX_RANGE_VALUE = 100;
+    MIN_RANGE_VALUE = 0;
+    track;
+    multiple = false;
+    value = 0;
+    valueChange = new EventEmitter();
+    step = 1;
+    hiddenThumb = false;
+    disabled = false;
+    min = this.MIN_RANGE_VALUE;
+    max = this.MAX_RANGE_VALUE;
+    minValueLabel;
+    maxValueLabel;
+    tabindex = 0;
+    startValue = 0;
+    endValue = 0;
+    movingProgressBar = false;
+    progressLeft = 0;
+    progressWidth = '';
+    onChange = () => { };
+    onTouched = () => { };
+    draggingThumb = null;
+    progressBarEventPositionStart = -1;
+    startValueBeforeProgressBarEvent = -1;
+    rangeBetweenElementsBeforeProgressBarEvent = -1;
+    totalRangeBeforeProgressBarEvent = -1;
+    /**
+     * Map of valid values for values in range.
+     * @example
+     * with min = -10 and max = 10 will have this map.
+     * {
+     *     -10: { 0 },
+     *     -9: { 10 },
+     *      ...
+     *     10: { 10 }
+     * }
+     */
+    mapRangeValuesForSlider = new Map();
+    activeMouseDown = false;
+    focusActive = false;
+    ngOnInit() {
+        this.setUserRangeMapValues();
+    }
+    ngOnChanges(changes) {
+        const hasChangesOnMin = changes['min'] && !changes['min'].firstChange;
+        const hasChangesOnMax = changes['max'] && !changes['max'].firstChange;
+        const hasChanges = hasChangesOnMin || hasChangesOnMax;
+        if (hasChanges) {
+            this.setUserRangeMapValues();
+            setTimeout(() => {
+                this.setRangeValues();
+            });
+        }
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.setRangeValues();
+        });
+    }
+    onKeydown($event) {
+        if (this.focusActive && !this.disabled) {
+            const isArrowKeyLeft = $event.key === 'ArrowLeft';
+            const isArrowKeyRight = $event.key === 'ArrowRight';
+            if (isArrowKeyLeft) {
+                this.handleArrowKeyLeft();
+            }
+            else if (isArrowKeyRight) {
+                this.handleArrowKeyRight();
+            }
+        }
+    }
+    get tooltipStartText() {
+        return Array.isArray(this.value) ? this.value[0]?.toString() : this.value?.toString();
+    }
+    get tooltipEndText() {
+        return Array.isArray(this.value) ? this.value[1]?.toString() : this.value?.toString();
+    }
+    writeValue(obj) {
+        this.value = obj;
+        this.setRangeValues();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    onFocusIn() {
+        this.focusActive = true;
+    }
+    onBlur() {
+        this.focusActive = false;
+    }
+    onTrackClick(evt) {
+        if (this.disabled || this.movingProgressBar || this.activeMouseDown) {
+            return;
+        }
+        const trackClickPercentage = this.getPercentageByEvent(evt);
+        const trackClickToUserRange = this.getValueFromMapByValue(trackClickPercentage);
+        const _trackClickValid = this.needParseValues ? trackClickToUserRange : trackClickPercentage;
+        const _setEndValue = () => {
+            const _endValueUserValue = this.getValueFromMapByValue(this.endValue);
+            const _endValue = (this.needParseValues ? this.mapRangeValuesForSlider.get(trackClickToUserRange) : trackClickPercentage) ?? 0;
+            if (this.needParseValues && _endValueUserValue !== trackClickToUserRange) {
+                this.endValue = _endValue;
+            }
+            else if (!this.needParseValues) {
+                this.endValue = trackClickPercentage;
+            }
+        };
+        const _setStartValue = () => {
+            const _startValueUserValue = this.getValueFromMapByValue(this.startValue);
+            if (this.needParseValues && _startValueUserValue !== trackClickToUserRange) {
+                const _startValue = (this.needParseValues ? this.mapRangeValuesForSlider.get(trackClickToUserRange) : trackClickPercentage) ?? 0;
+                this.startValue = _startValue;
+            }
+            else if (!this.needParseValues) {
+                this.startValue = trackClickPercentage;
+            }
+        };
+        if (this.multiple) {
+            const [start, end] = this.value;
+            const validStart = (this.needParseValues ? this.mapRangeValuesForSlider.get(start) : start) ?? 0;
+            const validEnd = (this.needParseValues ? this.mapRangeValuesForSlider.get(end) : end) ?? 0;
+            const _updateStart = () => {
+                _setStartValue();
+                this.setValue([trackClickPercentage, validEnd]);
+            };
+            const _updateEnd = () => {
+                _setEndValue();
+                this.setValue([validStart, trackClickPercentage]);
+            };
+            const clickPercentageBetweenRange = isInRange(_trackClickValid, start, end);
+            if (_trackClickValid < start) {
+                _updateStart();
+            }
+            else if (_trackClickValid > end) {
+                _updateEnd();
+            }
+            else if (clickPercentageBetweenRange) {
+                const middle = (start + end) / 2;
+                const trackClickPercentageIsExactiddle = _trackClickValid === middle;
+                if (trackClickPercentageIsExactiddle) {
+                    _updateStart();
+                }
+                else {
+                    const setStart = _trackClickValid < middle;
+                    const setEnd = _trackClickValid > middle;
+                    if (setStart) {
+                        _updateStart();
+                    }
+                    else if (setEnd) {
+                        _updateEnd();
+                    }
+                }
+            }
+        }
+        else {
+            this.setValue(trackClickPercentage);
+            _setEndValue();
+        }
+        this.setProgress();
+    }
+    onProgressMouseDown(evt) {
+        if (!this.multiple || this.disabled) {
+            return;
+        }
+        this.progressBarEventPositionStart = this.getPercentageByEvent(evt);
+        this.startValueBeforeProgressBarEvent = this.startValue;
+        this.rangeBetweenElementsBeforeProgressBarEvent = this.endValue - this.startValue;
+        if (this.multiple) {
+            const [start, end] = this.value;
+            this.totalRangeBeforeProgressBarEvent = end - start;
+        }
+        document.addEventListener('mousemove', this.handleProgressBarMove);
+        document.addEventListener('mouseup', this.handleProgressBarMoveEnd);
+    }
+    onMouseDown(_, thumb) {
+        if (this.disabled)
+            return;
+        this.draggingThumb = thumb;
+        this.activeMouseDown = true;
+        document.addEventListener('mousemove', this.onThumbMove);
+        document.addEventListener('mouseup', this.onMouseUp);
+    }
+    setRangeValues() {
+        const _setStartAndEndValue = (startValue, endValue) => {
+            this.startValue = this.getClosestValueFromMapSlider(startValue);
+            this.endValue = this.getClosestValueFromMapSlider(endValue);
+        };
+        if (this.value === null || this.value === undefined) {
+            return;
+        }
+        if (Array.isArray(this.value) && !this.multiple) {
+            throw new Error('You must use "multiple" with value as array');
+        }
+        if (this.multiple && Array.isArray(this.value)) {
+            this.startValue = this.value[0];
+            this.endValue = this.value[1];
+        }
+        else if (!this.multiple) {
+            this.startValue = this.value;
+            this.endValue = this.value;
+        }
+        _setStartAndEndValue(this.startValue, this.endValue);
+        if (this.multiple) {
+            let [_startValue, _endValue] = this.value;
+            const difference = getDifference(_endValue, _startValue);
+            const endValueIsGreatherThanMax = _endValue > this.max;
+            const startValueIsLessThanMin = _startValue < this.min;
+            const needUpdateValues = endValueIsGreatherThanMax || startValueIsLessThanMin;
+            if (endValueIsGreatherThanMax) {
+                _endValue = this.max;
+                _startValue = _endValue - difference;
+            }
+            else if (startValueIsLessThanMin) {
+                _startValue = this.min;
+                _endValue = _startValue + difference;
+            }
+            if (needUpdateValues) {
+                _setStartAndEndValue(_startValue, _endValue);
+                this.setValue([this.startValue, this.endValue]);
+            }
+        }
+        else {
+            let _value = this.value;
+            const valueGreatherThanMax = _value > this.max;
+            const valueLessThanMin = _value < this.min;
+            const needUpdateValue = valueGreatherThanMax || valueLessThanMin;
+            if (valueGreatherThanMax) {
+                _value = this.max;
+            }
+            else if (valueLessThanMin) {
+                _value = this.min;
+            }
+            if (needUpdateValue) {
+                this.setValue(_value, false);
+            }
+        }
+        this.setProgress();
+    }
+    onThumbMove = (event) => {
+        if (this.movingProgressBar || !this.draggingThumb)
+            return;
+        let newPosition = this.getPercentageByEvent(event);
+        if ((this.multiple && this.draggingThumb === 'start' && newPosition > this.endValue) ||
+            (this.multiple && this.draggingThumb === 'end' && newPosition < this.startValue)) {
+            return;
+        }
+        const positionInUserRange = this.getValueFromMapByValue(newPosition);
+        if (this.multiple) {
+            if (this.draggingThumb === 'start') {
+                this.startValue = (this.needParseValues ? this.mapRangeValuesForSlider.get(positionInUserRange) : newPosition) ?? 0;
+            }
+            else if (this.draggingThumb === 'end') {
+                this.endValue = (this.needParseValues ? this.mapRangeValuesForSlider.get(positionInUserRange) : newPosition) ?? 0;
+            }
+            this.setValue([this.startValue, this.endValue]);
+            const [start, end] = this.value;
+            if (start === end && this.draggingThumb === 'start') {
+                this.startValue = this.endValue;
+            }
+            else if (start === end && this.draggingThumb === 'end') {
+                this.endValue = this.startValue;
+            }
+        }
+        else {
+            const currentValue = this.value;
+            const _value = this.needParseValues ? positionInUserRange : newPosition;
+            const isAtSameValue = this.needParseValues ? positionInUserRange === this.value : false;
+            const hasStep = this.step !== 0;
+            const newValueIsValidByStep = hasStep ? currentValue + this.step === _value || currentValue - this.step === _value : false;
+            if (isAtSameValue && !newValueIsValidByStep) {
+                return;
+            }
+            this.endValue = (this.needParseValues ? this.mapRangeValuesForSlider.get(positionInUserRange) : newPosition) ?? 0;
+            this.startValue = this.endValue;
+            this.setValue(this.endValue);
+        }
+        this.setProgress();
+    };
+    onMouseUp = () => {
+        this.draggingThumb = null;
+        document.removeEventListener('mousemove', this.onThumbMove);
+        document.removeEventListener('mouseup', this.onMouseUp);
+        setTimeout(() => {
+            this.activeMouseDown = false;
+        }, 150);
+    };
+    handleProgressBarMove = (event) => {
+        this.movingProgressBar = true;
+        const newCenter = this.getPercentageByEvent(event);
+        const startPositionBeforeEvent = this.progressBarEventPositionStart;
+        const startValueBeforeEvent = this.startValueBeforeProgressBarEvent;
+        const range = this.rangeBetweenElementsBeforeProgressBarEvent;
+        let { newStart, newEnd } = calculateNewRange(startValueBeforeEvent, startValueBeforeEvent + range, startPositionBeforeEvent, newCenter);
+        if (newStart < this.MIN_RANGE_VALUE || newEnd > this.MAX_RANGE_VALUE) {
+            return;
+        }
+        if (this.needParseValues) {
+            const startValueBeforeEventUserRange = this.getValueFromMapByValue(startValueBeforeEvent);
+            const startPositionBeforeEventUserRange = this.getValueFromMapByValue(startPositionBeforeEvent);
+            const centerUserRange = this.getValueFromMapByValue(newCenter);
+            const valueRange = this.totalRangeBeforeProgressBarEvent;
+            let { newStart, newEnd } = calculateNewRange(startValueBeforeEventUserRange, startValueBeforeEventUserRange + valueRange, startPositionBeforeEventUserRange, centerUserRange);
+            if (newStart < this.min || newEnd > this.max) {
+                return;
+            }
+            this.startValue = this.mapRangeValuesForSlider.get(newStart) ?? 0;
+            this.endValue = this.mapRangeValuesForSlider.get(newEnd) ?? 0;
+        }
+        else {
+            this.startValue = newStart;
+            this.endValue = newEnd;
+        }
+        this.setValue([this.startValue, this.endValue]);
+        this.setProgress();
+    };
+    handleProgressBarMoveEnd = () => {
+        this.progressBarEventPositionStart = -1;
+        this.startValueBeforeProgressBarEvent = -1;
+        this.rangeBetweenElementsBeforeProgressBarEvent = -1;
+        this.totalRangeBeforeProgressBarEvent = -1;
+        document.removeEventListener('mousemove', this.handleProgressBarMove);
+        document.removeEventListener('mouseup', this.handleProgressBarMoveEnd);
+        setTimeout(() => {
+            this.movingProgressBar = false;
+        }, 150);
+    };
+    setProgress() {
+        if (this.multiple) {
+            this.progressLeft = this.startValue;
+            this.progressWidth = `calc(${this.endValue - this.startValue}% + 10px)`;
+        }
+        else {
+            this.progressLeft = 0;
+            this.progressWidth = `calc(${this.endValue}% + 10px)`;
+        }
+    }
+    /**
+     * Get the percentage of a mouse event from the track's left edge
+     * @param mouseEvent mouse event
+     * @returns percentage from the left edge
+     */
+    getPercentageByEvent(mouseEvent) {
+        const trackRect = this.track.nativeElement.getBoundingClientRect();
+        let newLeft = Math.round(((mouseEvent.clientX - trackRect.left) / trackRect.width) * this.MAX_RANGE_VALUE);
+        newLeft = Math.max(0, Math.min(newLeft, this.MAX_RANGE_VALUE));
+        return newLeft;
+    }
+    setValue(value, parse = true) {
+        if (this.disabled) {
+            return;
+        }
+        if (this.needParseValues && parse) {
+            if (Array.isArray(value)) {
+                value = value.map((x) => this.getValueFromMapByValue(x));
+            }
+            else {
+                value = this.getValueFromMapByValue(value);
+            }
+        }
+        this.value = value;
+        this.valueChange.emit(value);
+        this.writeValue(this.value);
+        this.onChange(this.value);
+        this.onTouched(this.value);
+    }
+    setUserRangeMapValues() {
+        const start = this.min;
+        const end = this.max;
+        if (start > end) {
+            throw new Error('Max value must be greater than min value');
+        }
+        this.mapRangeValuesForSlider.clear();
+        const range = end - start;
+        const decimalPlaces = 2;
+        const stepCount = Math.floor(range / this.step);
+        const values = [];
+        for (let value = start; value <= end; value += this.step) {
+            values.push(value);
+        }
+        if (values[values.length - 1] !== end) {
+            values.push(end);
+        }
+        const mappedValues = values.map((value) => {
+            let mapped = ((value - start) / range) * this.MAX_RANGE_VALUE;
+            return parseFloat(mapped.toFixed(decimalPlaces));
+        });
+        mappedValues[0] = 0;
+        mappedValues[mappedValues.length - 1] = this.MAX_RANGE_VALUE;
+        const error = this.MAX_RANGE_VALUE - mappedValues[mappedValues.length - 1];
+        const errorPerStep = error / stepCount;
+        for (let i = 1; i < mappedValues.length - 1; i++) {
+            mappedValues[i] += errorPerStep;
+            mappedValues[i] = parseFloat(mappedValues[i].toFixed(decimalPlaces));
+        }
+        values.forEach((value, index) => {
+            this.mapRangeValuesForSlider.set(value, mappedValues[index]);
+        });
+    }
+    /**
+     * Returns the user value from the given slider value by using the map of range values.
+     * @example
+     * If the map is 0: { 0 }, 1: { 10 }, 2: { 30 }, 3: { 40 }, 4: { 50 }
+     * and the sliderValue is 37, the function returns 3
+     * or the slider value is 40, the function returns 4
+     * @param sliderValue the value of the slider (values only between range MIN and MAX)
+     * @returns the user value from the given slider value
+     */
+    getValueFromMapByValue(sliderValue) {
+        const mapToArray = Array.from(this.mapRangeValuesForSlider).map(([value, mapped]) => ({ value, mapped }));
+        const exactValue = mapToArray.find((x) => x.mapped == sliderValue);
+        const closest = mapToArray.reduce((prev, curr) => (Math.abs(curr.mapped - sliderValue) < Math.abs(prev.mapped - sliderValue) ? curr : prev));
+        return exactValue ? exactValue.value : closest.value;
+    }
+    /**
+     * Retrieves the key from the map that is closest to the given slider value.
+     * @param userValue - The value to find the closest key for. (values only between 0 - 100)
+     * @returns The key that corresponds to the closest mapped value.
+     */
+    getClosestValueFromMapSlider(userValue) {
+        const mapToArray = Array.from(this.mapRangeValuesForSlider).map(([value, mapped]) => ({ value, mapped }));
+        if (userValue >= this.max) {
+            return mapToArray[mapToArray.length - 1].mapped;
+        }
+        else if (userValue <= this.min) {
+            return mapToArray[0].mapped;
+        }
+        const exactValue = mapToArray.find((x) => x.value == userValue);
+        const closestValue = mapToArray.reduce((prev, curr) => (Math.abs(curr.value - userValue) < Math.abs(prev.value - userValue) ? curr : prev));
+        const item = exactValue || closestValue;
+        const isFirstItem = mapToArray[0] === item;
+        const isLastItem = mapToArray[mapToArray.length - 1] === item;
+        if (isFirstItem && userValue > this.min) {
+            return getMidpoint(item.mapped, mapToArray[1].mapped);
+        }
+        else if (isLastItem && userValue < this.max) {
+            return getMidpoint(item.mapped, mapToArray[mapToArray.length - 2].mapped);
+        }
+        else {
+            return item.mapped;
+        }
+    }
+    handleArrowKeyLeft() {
+        if (this.multiple) {
+            this._incrementOrDecrementStartAndEndValue(false);
+        }
+        else {
+            this._incrementOrDecrementEndValue(false);
+        }
+        this.setProgress();
+    }
+    handleArrowKeyRight() {
+        if (this.multiple) {
+            this._incrementOrDecrementStartAndEndValue(true);
+        }
+        else {
+            this._incrementOrDecrementEndValue(true);
+        }
+        this.setProgress();
+    }
+    _incrementOrDecrementStartAndEndValue(increment) {
+        let [start, end] = this.value;
+        const difference = getDifference(end, start);
+        if (increment) {
+            start += this.step;
+            end += this.step;
+        }
+        else {
+            start -= this.step;
+            end -= this.step;
+        }
+        const startLessThanMin = start < this.min;
+        const endGreaterThanMax = end > this.max;
+        if (startLessThanMin || endGreaterThanMax) {
+            if (startLessThanMin) {
+                start = this.min;
+                end = start + difference;
+            }
+            else if (endGreaterThanMax) {
+                end = this.max;
+                start = end - difference;
+            }
+        }
+        if (start < this.min || end > this.max) {
+            return;
+        }
+        this.setValue([start, end], false);
+        if (this.needParseValues) {
+            start = this.getClosestValueFromMapSlider(start);
+            end = this.getClosestValueFromMapSlider(end);
+        }
+        this.startValue = start;
+        this.endValue = end;
+    }
+    _incrementOrDecrementEndValue(increment) {
+        let value = this.value;
+        if (increment) {
+            value += this.step;
+        }
+        else {
+            value -= this.step;
+        }
+        let _newEndValue = value;
+        if (this.needParseValues) {
+            _newEndValue = this.getClosestValueFromMapSlider(_newEndValue);
+        }
+        if (_newEndValue < this.MIN_RANGE_VALUE || _newEndValue > this.MAX_RANGE_VALUE) {
+            return;
+        }
+        this.endValue = _newEndValue;
+        this.startValue = this.endValue;
+        this.setValue(_newEndValue);
+    }
+    get needParseValues() {
+        return this.max !== this.MAX_RANGE_VALUE || this.min !== this.MIN_RANGE_VALUE;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SliderComponent, selector: "s-slider", inputs: { multiple: "multiple", value: "value", step: "step", hiddenThumb: "hiddenThumb", disabled: "disabled", min: "min", max: "max", minValueLabel: "minValueLabel", maxValueLabel: "maxValueLabel", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "document:keydown": "onKeydown($event)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SliderComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "track", first: true, predicate: ["track"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"slider-container\"\n    [ngClass]=\"{ 'slider-container--disabled': disabled }\"\n    [tabindex]=\"tabindex\"\n    (click)=\"onTrackClick($event)\"\n    (focus)=\"onFocusIn()\"\n    (blur)=\"onBlur()\">\n    <div\n        #track\n        class=\"slider-track\"\n        [ngClass]=\"{\n            'slider-track--hidden-thumb': hiddenThumb,\n            'slider-track--moving-multiple-thumbs': movingProgressBar\n        }\">\n        <div\n            class=\"slider-progress\"\n            (mousedown)=\"onProgressMouseDown($event)\"\n            [style.left.%]=\"progressLeft\"\n            [style.width]=\"progressWidth\"\n        ></div>\n        <div\n            *ngIf=\"multiple\"\n            class=\"slider-thumb\"\n            [sTooltip]=\"tooltipStartText\"\n            [showDelay]=\"0\"\n            (mousedown)=\"onMouseDown($event, 'start')\"\n            [style.left.%]=\"startValue\"\n        ></div>\n        <div\n            [sTooltip]=\"tooltipEndText\"\n            class=\"slider-thumb\"\n            [showDelay]=\"0\"\n            (mousedown)=\"onMouseDown($event, 'end')\"\n            [style.left.%]=\"endValue\"></div>\n    </div>\n    <div class=\"footer\">\n        <span>{{ minValueLabel || min }}</span>\n        <span>{{ maxValueLabel || max }}</span>\n    </div>\n</div>\n", styles: [".slider-container{height:20px;padding:16px 0 40px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.slider-container .slider-track{background-color:#ddd;border-radius:3px;cursor:pointer;height:6px;position:relative;width:100%}.slider-container .slider-track .slider-progress{background-color:#428bca;border-radius:3px;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:0}.slider-container .slider-track .slider-thumb{background-color:#fff;border:2px solid #428bca;border-radius:50%;cursor:pointer;height:20px;position:absolute;transform:translateY(-50%);top:50%;width:20px}.slider-container .slider-track .slider-thumb:active{box-shadow:0 0 0 4px #428bca33}.slider-container .slider-track--hidden-thumb:not(:hover) .slider-thumb{opacity:0}.slider-container .slider-track--moving-multiple-thumbs .slider-thumb{box-shadow:0 0 0 4px #428bca33}.slider-container .footer{color:#212533;display:flex;font-family:Open Sans,sans-serif;font-size:14px;justify-content:space-between;margin-top:8px}.slider-container--disabled .slider-track{cursor:default}.slider-container--disabled .slider-track .slider-thumb{border-color:#a5a5b2;cursor:default}.slider-container--disabled .slider-track .slider-thumb:active{box-shadow:none}.slider-container--disabled .slider-track .slider-progress{background-color:#a5a5b2;cursor:default}.slider-container:focus-visible{outline:none}.slider-container:focus-visible .slider-thumb{box-shadow:0 0 0 4px #428bca33}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-slider', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SliderComponent),
+                            multi: true,
+                        },
+                    ], template: "<div\n    class=\"slider-container\"\n    [ngClass]=\"{ 'slider-container--disabled': disabled }\"\n    [tabindex]=\"tabindex\"\n    (click)=\"onTrackClick($event)\"\n    (focus)=\"onFocusIn()\"\n    (blur)=\"onBlur()\">\n    <div\n        #track\n        class=\"slider-track\"\n        [ngClass]=\"{\n            'slider-track--hidden-thumb': hiddenThumb,\n            'slider-track--moving-multiple-thumbs': movingProgressBar\n        }\">\n        <div\n            class=\"slider-progress\"\n            (mousedown)=\"onProgressMouseDown($event)\"\n            [style.left.%]=\"progressLeft\"\n            [style.width]=\"progressWidth\"\n        ></div>\n        <div\n            *ngIf=\"multiple\"\n            class=\"slider-thumb\"\n            [sTooltip]=\"tooltipStartText\"\n            [showDelay]=\"0\"\n            (mousedown)=\"onMouseDown($event, 'start')\"\n            [style.left.%]=\"startValue\"\n        ></div>\n        <div\n            [sTooltip]=\"tooltipEndText\"\n            class=\"slider-thumb\"\n            [showDelay]=\"0\"\n            (mousedown)=\"onMouseDown($event, 'end')\"\n            [style.left.%]=\"endValue\"></div>\n    </div>\n    <div class=\"footer\">\n        <span>{{ minValueLabel || min }}</span>\n        <span>{{ maxValueLabel || max }}</span>\n    </div>\n</div>\n", styles: [".slider-container{height:20px;padding:16px 0 40px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.slider-container .slider-track{background-color:#ddd;border-radius:3px;cursor:pointer;height:6px;position:relative;width:100%}.slider-container .slider-track .slider-progress{background-color:#428bca;border-radius:3px;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:0}.slider-container .slider-track .slider-thumb{background-color:#fff;border:2px solid #428bca;border-radius:50%;cursor:pointer;height:20px;position:absolute;transform:translateY(-50%);top:50%;width:20px}.slider-container .slider-track .slider-thumb:active{box-shadow:0 0 0 4px #428bca33}.slider-container .slider-track--hidden-thumb:not(:hover) .slider-thumb{opacity:0}.slider-container .slider-track--moving-multiple-thumbs .slider-thumb{box-shadow:0 0 0 4px #428bca33}.slider-container .footer{color:#212533;display:flex;font-family:Open Sans,sans-serif;font-size:14px;justify-content:space-between;margin-top:8px}.slider-container--disabled .slider-track{cursor:default}.slider-container--disabled .slider-track .slider-thumb{border-color:#a5a5b2;cursor:default}.slider-container--disabled .slider-track .slider-thumb:active{box-shadow:none}.slider-container--disabled .slider-track .slider-progress{background-color:#a5a5b2;cursor:default}.slider-container:focus-visible{outline:none}.slider-container:focus-visible .slider-thumb{box-shadow:0 0 0 4px #428bca33}\n"] }]
+        }], propDecorators: { track: [{
+                type: ViewChild,
+                args: ['track']
+            }], multiple: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], step: [{
+                type: Input
+            }], hiddenThumb: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], minValueLabel: [{
+                type: Input
+            }], maxValueLabel: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
+            }] } });
+/**
+ * Calculates a new range based on the old range and the positions clicked and finalized.
+ *
+ * @param oldStart - The starting value of the old range.
+ * @param oldEnd - The ending value of the old range.
+ * @param clickedPosition - The position where the click occurred.
+ * @param finalPosition - The position where the range should end.
+ * @returns An object containing the new start and end values of the range.
+ */
+const calculateNewRange = (oldStart, oldEnd, clickedPosition, finalPosition) => {
+    const range = oldEnd - oldStart;
+    const newStart = finalPosition - (clickedPosition - oldStart);
+    const newEnd = newStart + range;
+    return { newStart, newEnd };
+};
+const isInRange = (value, rangeStart, rangeEnd) => {
+    const [min, max] = rangeStart < rangeEnd ? [rangeStart, rangeEnd] : [rangeEnd, rangeStart];
+    return value >= min && value <= max;
+};
+const getMidpoint = (start, end) => {
+    const midpoint = (start + end) / 2;
+    return parseFloat(midpoint.toFixed(2));
+};
+const getDifference = (end, start) => {
+    return Math.abs(end - start);
+};
+
+class SliderModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: SliderModule, declarations: [SliderComponent], imports: [CommonModule, TooltipModule], exports: [SliderComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SliderModule, imports: [CommonModule, TooltipModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SliderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TooltipModule],
+                    declarations: [SliderComponent],
+                    exports: [SliderComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SliderComponent, SliderModule };
+//# sourceMappingURL=seniorsistemas-angular-components-slider.mjs.map