@wavemaker-ai/app-ng-runtime 1.0.0-rc.647469

package/components/input/slider/esm2022/slider.component.mjs

@@ -0,0 +1,157 @@
+import { convertDataToObject, provideAs, provideAsWidgetRef, styler, TextContentDirective } from "@wm/components/base";
+import { FormsModule, NG_VALUE_ACCESSOR, NgModel } from '@angular/forms';
+import { Component, Inject, Injector, Optional, ViewChild } from '@angular/core';
+import { BaseFormCustomComponent } from '@wm/components/input/base-form-custom';
+import { registerProps } from './slider.props';
+import { App, switchClass } from "@wm/core";
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import * as i1 from "@wm/core";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/common";
+const DEFAULT_CLS = 'app-slider slider';
+const WIDGET_CONFIG = {
+    widgetType: 'wm-slider',
+    hostClass: DEFAULT_CLS
+};
+const RANGE_LABEL_POSITION = {
+    top: 'range-label-top',
+    side: 'range-label-side',
+    bottom: 'range-label-bottom',
+};
+export class SliderComponent extends BaseFormCustomComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, explicitContext, app) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        this.app = app;
+        this.isPrism = false;
+        styler(this.nativeElement, this);
+        this.isPrism = this.app.isPrism;
+    }
+    // change and blur events are added from the template
+    handleEvent(node, eventName, callback, locals) {
+        if (eventName !== 'change' && eventName !== 'blur') {
+            super.handleEvent(node, eventName, callback, locals);
+        }
+    }
+    handleChange(newVal) {
+        this.updateSliderValue();
+        this.invokeOnChange(this.datavalue, { type: 'change' }, this.ngModel.valid);
+    }
+    updateSliderValue() {
+        const sliderValue = 100 - ((((Number(this.datavalue) || 0) - (this.minvalue || 0)) / ((this.maxvalue || 100) - (this.minvalue || 0))) * 100);
+        const slider = this.nativeElement.querySelector('.slider-control');
+        if (slider) {
+            const safePercent = Math.min(100, Math.max(0, sliderValue));
+            slider.style.setProperty('--end', `${safePercent}%`);
+        }
+    }
+    onPropertyChange(key, nv, ov) {
+        if (key === 'tabindex') {
+            return;
+        }
+        else if (key === 'showmarkers' || key === 'markerlabeltext' || key === 'minvalue' || key === 'maxvalue' || key === 'step') {
+            if (this.showmarkers) {
+                this.renderMarkers();
+            }
+        }
+        else if (key === 'rangelabelposition') {
+            switchClass(this.nativeElement, RANGE_LABEL_POSITION[nv], RANGE_LABEL_POSITION[ov]);
+        }
+        else if (key === 'datavalue') {
+            this.datavalue = (nv === "" || nv === null) ? (this.datavalue ?? 50) : nv;
+            this.updateSliderValue();
+        }
+        super.onPropertyChange(key, nv, ov);
+    }
+    renderMarkers() {
+        const sliderTrack = this.nativeElement.querySelector('.range-input');
+        const trackWidth = sliderTrack?.offsetWidth - 9 || 0;
+        const tickCount = this.step > 0 ? Math.floor((this.maxvalue || 100 - this.minvalue || 0) / this.step) + 1 : 0;
+        const labels = convertDataToObject(this.markerlabeltext);
+        this.markerItems = [];
+        for (let i = 0; i < tickCount; i++) {
+            const left = ((trackWidth / (tickCount - 1)) * i);
+            const label = labels?.[i]?.dataValue ?? (Array.isArray(labels) ? (typeof labels[i] === 'object' && labels[i]?.title ? labels[i].title : labels[i]) : `${i}`);
+            const position = Array.isArray(labels) && typeof labels[i] === 'object' && labels[i]?.position ? labels[i].position : 'up';
+            this.markerItems.push({ label, position, left });
+        }
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        if (this.showmarkers) {
+            setTimeout(() => { this.renderMarkers(); }, 40);
+        }
+        if (this.datavalue) {
+            setTimeout(() => { this.updateSliderValue(); });
+        }
+    }
+    decrementButtonClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.disabled) {
+            return;
+        }
+        const step = Number(this.step) || 1;
+        const min = Number(this.minvalue) || 0;
+        let value = Number(this.datavalue ?? 50);
+        value = value - step;
+        if (value <= min) {
+            return;
+        }
+        if (!isNaN(min)) {
+            value = Math.max(value, min);
+        }
+        this.datavalue = value;
+        this.handleChange();
+    }
+    incrementButtonClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.disabled) {
+            return;
+        }
+        const step = Number(this.step) || 1;
+        const max = Number(this.maxvalue) || 100;
+        let value = Number(this.datavalue ?? 50);
+        value = value + step;
+        if (value >= max)
+            return;
+        if (!isNaN(max)) {
+            value = Math.min(value, max);
+        }
+        this.datavalue = value;
+        this.handleChange();
+    }
+    ngOnDestroy() {
+        // MEMORY LEAK FIX: Clear ViewChild reference
+        this.ngModel = null;
+        // MEMORY LEAK FIX: Clear marker items array
+        if (this.markerItems) {
+            this.markerItems = [];
+        }
+        // Call parent ngOnDestroy
+        super.ngOnDestroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SliderComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }, { token: i1.App }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SliderComponent, isStandalone: true, selector: "[wmSlider]", providers: [
+            provideAs(SliderComponent, NG_VALUE_ACCESSOR, true),
+            provideAsWidgetRef(SliderComponent)
+        ], viewQueries: [{ propertyName: "ngModel", first: true, predicate: NgModel, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (isPrism) {\n<div class=\"slider-container\">\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"decrementButton\" (click)=\"decrementButtonClick($event)\">\n    <i aria-hidden=\"true\" [ngClass]=\"starticon\"></i></button>\n  }\n  <div class=\"slider-control\">\n    @if(!showmarkers){\n    <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n    <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n    }\n    <input class=\"range-input\" type=\"range\" aria-orientation=\"horizontal\" focus-target [title]=\"datavalue\"\n      [attr.min]=\"minvalue\" [attr.max]=\"maxvalue\" [attr.step]=\"step\" [(ngModel)]=\"datavalue\"\n      [ngModelOptions]=\"{ standalone: true }\" [disabled]=\"disabled||readonly\" [attr.accesskey]=\"shortcutkey\"\n      [attr.aria-label]=\"arialabel\" (blur)=\"invokeOnTouched($event)\" (ngModelChange)=\"handleChange($event)\"\n      [attr.name]=\"name\" [tabindex]=\"tabindex\" />\n    <p class=\"active-slider\"></p>\n  </div>\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"incrementButton\" (click)=\"incrementButtonClick($event)\">\n    <i aria-hidden=\"true\" [ngClass]=\"endicon\"></i>\n  </button>\n  }\n</div>\n\n} @else {\n  @if(!showmarkers){\n  <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n  <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n}\n<input class=\"range-input\" aria-orientation=\"horizontal\"\n  focus-target\n  type=\"range\" [title]=\"datavalue\"\n  [attr.min]=\"minvalue\"\n  [attr.max]=\"maxvalue\"\n  [attr.step]=\"step\"\n  [(ngModel)]=\"datavalue\"\n  [ngModelOptions]=\"{standalone: true}\"\n  [disabled]=\"disabled||readonly\"\n  [attr.accesskey]=\"shortcutkey\"\n  [attr.aria-label]=\"arialabel\"\n  (blur)=\"invokeOnTouched($event)\"\n  (ngModelChange)=\"handleChange($event)\"\n  [attr.name]=\"name\"\n  [tabindex]=\"tabindex\"/>\n}\n@if (readonly || disabled) {\n  <div aria-readonly=\"true\" class=\"readonly-wrapper\"></div>\n}\n@if(showmarkers){\n    <div class=\"marker-container\">\n@for (marker of markerItems; track marker) {\n        <div class=\"marker-wrapper\"\n             [ngStyle]=\"{ left: marker.left + 'px' }\"\n             [attr.title]=\"marker.label\">\n            <div class=\"marker-label\" [ngClass]=\"marker.position\" [attr.title]=\"marker.label\">\n                {{ marker.label }}\n            </div>\n            <div class=\"marker-dot\" [attr.title]=\"marker.label\"></div>\n        </div>\n      }\n    </div>\n\n}\n", dependencies: [{ kind: "directive", type: TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SliderComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [TextContentDirective, FormsModule, CommonModule], selector: '[wmSlider]', providers: [
+                        provideAs(SliderComponent, NG_VALUE_ACCESSOR, true),
+                        provideAsWidgetRef(SliderComponent)
+                    ], template: "@if (isPrism) {\n<div class=\"slider-container\">\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"decrementButton\" (click)=\"decrementButtonClick($event)\">\n    <i aria-hidden=\"true\" [ngClass]=\"starticon\"></i></button>\n  }\n  <div class=\"slider-control\">\n    @if(!showmarkers){\n    <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n    <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n    }\n    <input class=\"range-input\" type=\"range\" aria-orientation=\"horizontal\" focus-target [title]=\"datavalue\"\n      [attr.min]=\"minvalue\" [attr.max]=\"maxvalue\" [attr.step]=\"step\" [(ngModel)]=\"datavalue\"\n      [ngModelOptions]=\"{ standalone: true }\" [disabled]=\"disabled||readonly\" [attr.accesskey]=\"shortcutkey\"\n      [attr.aria-label]=\"arialabel\" (blur)=\"invokeOnTouched($event)\" (ngModelChange)=\"handleChange($event)\"\n      [attr.name]=\"name\" [tabindex]=\"tabindex\" />\n    <p class=\"active-slider\"></p>\n  </div>\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"incrementButton\" (click)=\"incrementButtonClick($event)\">\n    <i aria-hidden=\"true\" [ngClass]=\"endicon\"></i>\n  </button>\n  }\n</div>\n\n} @else {\n  @if(!showmarkers){\n  <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n  <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n}\n<input class=\"range-input\" aria-orientation=\"horizontal\"\n  focus-target\n  type=\"range\" [title]=\"datavalue\"\n  [attr.min]=\"minvalue\"\n  [attr.max]=\"maxvalue\"\n  [attr.step]=\"step\"\n  [(ngModel)]=\"datavalue\"\n  [ngModelOptions]=\"{standalone: true}\"\n  [disabled]=\"disabled||readonly\"\n  [attr.accesskey]=\"shortcutkey\"\n  [attr.aria-label]=\"arialabel\"\n  (blur)=\"invokeOnTouched($event)\"\n  (ngModelChange)=\"handleChange($event)\"\n  [attr.name]=\"name\"\n  [tabindex]=\"tabindex\"/>\n}\n@if (readonly || disabled) {\n  <div aria-readonly=\"true\" class=\"readonly-wrapper\"></div>\n}\n@if(showmarkers){\n    <div class=\"marker-container\">\n@for (marker of markerItems; track marker) {\n        <div class=\"marker-wrapper\"\n             [ngStyle]=\"{ left: marker.left + 'px' }\"\n             [attr.title]=\"marker.label\">\n            <div class=\"marker-label\" [ngClass]=\"marker.position\" [attr.title]=\"marker.label\">\n                {{ marker.label }}\n            </div>\n            <div class=\"marker-dot\" [attr.title]=\"marker.label\"></div>\n        </div>\n      }\n    </div>\n\n}\n" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }, { type: i1.App }], propDecorators: { ngModel: [{
+                type: ViewChild,
+                args: [NgModel]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9pbnB1dC9zbGlkZXIvc3JjL3NsaWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvaW5wdXQvc2xpZGVyL3NyYy9zbGlkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILG1CQUFtQixFQUVuQixTQUFTLEVBQ1Qsa0JBQWtCLEVBQ2xCLE1BQU0sRUFDTixvQkFBb0IsRUFDdkIsTUFBTSxxQkFBcUIsQ0FBQztBQUM3QixPQUFPLEVBQUMsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE9BQU8sRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ3ZFLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBYSxRQUFRLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBQyx1QkFBdUIsRUFBQyxNQUFNLHVDQUF1QyxDQUFDO0FBRTlFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUMsR0FBRyxFQUFhLFdBQVcsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7O0FBRy9DLE1BQU0sV0FBVyxHQUFHLG1CQUFtQixDQUFDO0FBQ3hDLE1BQU0sYUFBYSxHQUFrQjtJQUNqQyxVQUFVLEVBQUUsV0FBVztJQUN2QixTQUFTLEVBQUUsV0FBVztDQUN6QixDQUFDO0FBQ0YsTUFBTSxvQkFBb0IsR0FBNEI7SUFDcEQsR0FBRyxFQUFFLGlCQUFpQjtJQUN0QixJQUFJLEVBQUUsa0JBQWtCO0lBQ3hCLE1BQU0sRUFBRSxvQkFBb0I7Q0FDN0IsQ0FBQztBQVdGLE1B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c291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBjb252ZXJ0RGF0YVRvT2JqZWN0LFxuICAgIElXaWRnZXRDb25maWcsXG4gICAgcHJvdmlkZUFzLFxuICAgIHByb3ZpZGVBc1dpZGdldFJlZixcbiAgICBzdHlsZXIsXG4gICAgVGV4dENvbnRlbnREaXJlY3RpdmVcbn0gZnJvbSBcIkB3bS9jb21wb25lbnRzL2Jhc2VcIjtcbmltcG9ydCB7Rm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SLCBOZ01vZGVsfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBJbmplY3RvciwgT25EZXN0cm95LCBPcHRpb25hbCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QmFzZUZvcm1DdXN0b21Db21wb25lbnR9IGZyb20gJ0B3bS9jb21wb25lbnRzL2lucHV0L2Jhc2UtZm9ybS1jdXN0b20nO1xuXG5pbXBvcnQge3JlZ2lzdGVyUHJvcHN9IGZyb20gJy4vc2xpZGVyLnByb3BzJztcbmltcG9ydCB7QXBwLCBpc0RlZmluZWQsIHN3aXRjaENsYXNzfSBmcm9tIFwiQHdtL2NvcmVcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcblxuXG5jb25zdCBERUZBVUxUX0NMUyA9ICdhcHAtc2xpZGVyIHNsaWRlcic7XG5jb25zdCBXSURHRVRfQ09ORklHOiBJV2lkZ2V0Q29uZmlnID0ge1xuICAgIHdpZGdldFR5cGU6ICd3bS1zbGlkZXInLFxuICAgIGhvc3RDbGFzczogREVGQVVMVF9DTFNcbn07XG5jb25zdCBSQU5HRV9MQUJFTF9QT1NJVElPTjoge1trZXk6IHN0cmluZ106IHN0cmluZ30gPSB7XG4gIHRvcDogJ3JhbmdlLWxhYmVsLXRvcCcsXG4gIHNpZGU6ICdyYW5nZS1sYWJlbC1zaWRlJyxcbiAgYm90dG9tOiAncmFuZ2UtbGFiZWwtYm90dG9tJyxcbn07XG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtUZXh0Q29udGVudERpcmVjdGl2ZSwgRm9ybXNNb2R1bGUsIENvbW1vbk1vZHVsZV0sXG4gICAgc2VsZWN0b3I6ICdbd21TbGlkZXJdJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgcHJvdmlkZUFzKFNsaWRlckNvbXBvbmVudCwgTkdfVkFMVUVfQUNDRVNTT1IsIHRydWUpLFxuICAgICAgICBwcm92aWRlQXNXaWRnZXRSZWYoU2xpZGVyQ29tcG9uZW50KVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgU2xpZGVyQ29tcG9uZW50IGV4dGVuZHMgQmFzZUZvcm1DdXN0b21Db21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICAgIHN0YXRpYyBpbml0aWFsaXplUHJvcHMgPSByZWdpc3RlclByb3BzKCk7XG5cbiAgICBwdWJsaWMgbWludmFsdWU6IG51bWJlcjtcbiAgICBwdWJsaWMgbWF4dmFsdWU6IG51bWJlcjtcbiAgICBwdWJsaWMgZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgcHVibGljIHN0ZXA6IG51bWJlcjtcbiAgICBwdWJsaWMgc2hvcnRjdXRrZXk6IHN0cmluZztcbiAgICBwdWJsaWMgdGFiaW5kZXg6IGFueTtcbiAgICBwdWJsaWMgbmFtZTogc3RyaW5nO1xuICAgIHB1YmxpYyByZWFkb25seTogYm9vbGVhbjtcbiAgICBwdWJsaWMgaGludDogc3RyaW5nO1xuICAgIHB1YmxpYyBhcmlhbGFiZWw6IHN0cmluZztcbiAgICBwdWJsaWMgbWFya2VybGFiZWx0ZXh0OiBzdHJpbmdcbiAgICBwdWJsaWMgc2hvd21hcmtlcnM6IGJvb2xlYW47XG4gICAgcHVibGljIHNob3dpY29uczogYm9vbGVhbjtcbiAgICBwdWJsaWMgc3RhcnRpY29uOiBzdHJpbmc7XG4gICAgcHVibGljIGVuZGljb246c3RyaW5nO1xuICAgIHB1YmxpYyBpc1ByaXNtOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICBAVmlld0NoaWxkKE5nTW9kZWwpIG5nTW9kZWw6IE5nTW9kZWw7XG4gICAgcHVibGljIG1hcmtlckl0ZW1zOiBhbnlbXTtcblxuICAgIGNvbnN0cnVjdG9yKGluajogSW5qZWN0b3IsIEBJbmplY3QoJ0VYUExJQ0lUX0NPTlRFWFQnKSBAT3B0aW9uYWwoKSBleHBsaWNpdENvbnRleHQ6IGFueSwgcHVibGljIGFwcD86IEFwcCkge1xuICAgICAgICBzdXBlcihpbmosIFdJREdFVF9DT05GSUcsIGV4cGxpY2l0Q29udGV4dCk7XG4gICAgICAgIHN0eWxlcih0aGlzLm5hdGl2ZUVsZW1lbnQsIHRoaXMpO1xuICAgICAgICB0aGlzLmlzUHJpc20gPSB0aGlzLmFwcC5pc1ByaXNtO1xuICAgIH1cblxuICAgIC8vIGNoYW5nZSBhbmQgYmx1ciBldmVudHMgYXJlIGFkZGVkIGZyb20gdGhlIHRlbXBsYXRlXG4gICAgcHJvdGVjdGVkIGhhbmRsZUV2ZW50KG5vZGU6IEhUTUxFbGVtZW50LCBldmVudE5hbWU6IHN0cmluZywgY2FsbGJhY2s6IEZ1bmN0aW9uLCBsb2NhbHM6IGFueSkge1xuICAgICAgICBpZiAoZXZlbnROYW1lICE9PSAnY2hhbmdlJyAmJiBldmVudE5hbWUgIT09ICdibHVyJykge1xuICAgICAgICAgICAgc3VwZXIuaGFuZGxlRXZlbnQobm9kZSwgZXZlbnROYW1lLCBjYWxsYmFjaywgbG9jYWxzKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBoYW5kbGVDaGFuZ2UobmV3VmFsPzogYm9vbGVhbikge1xuICAgICAgICB0aGlzLnVwZGF0ZVNsaWRlclZhbHVlKCk7XG4gICAgICAgIHRoaXMuaW52b2tlT25DaGFuZ2UodGhpcy5kYXRhdmFsdWUsIHt0eXBlOiAnY2hhbmdlJ30sIHRoaXMubmdNb2RlbC52YWxpZCk7XG4gICAgfVxuXG4gICAgdXBkYXRlU2xpZGVyVmFsdWUoKSB7XG4gICAgICAgIGNvbnN0IHNsaWRlclZhbHVlID0gMTAwIC0gKCgoKE51bWJlcih0aGlzLmRhdGF2YWx1ZSkgfHwgMCkgLSAodGhpcy5taW52YWx1ZSB8fCAwKSkgLyAoKHRoaXMubWF4dmFsdWUgfHwgMTAwKSAtICh0aGlzLm1pbnZhbHVlIHx8IDApKSkgKiAxMDApO1xuICAgICAgICBjb25zdCBzbGlkZXIgPSB0aGlzLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignLnNsaWRlci1jb250cm9sJykgYXMgSFRNTEVsZW1lbnQ7XG4gICAgICAgIGlmIChzbGlkZXIpIHtcbiAgICAgICAgICAgIGNvbnN0IHNhZmVQZXJjZW50ID0gTWF0aC5taW4oMTAwLCBNYXRoLm1heCgwLCBzbGlkZXJWYWx1ZSkpO1xuICAgICAgICAgICAgc2xpZGVyLnN0eWxlLnNldFByb3BlcnR5KCctLWVuZCcsIGAke3NhZmVQZXJjZW50fSVgKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uUHJvcGVydHlDaGFuZ2Uoa2V5OiBzdHJpbmcsIG52OiBhbnksIG92PzogYW55KSB7XG4gICAgICAgIGlmIChrZXkgPT09ICd0YWJpbmRleCcpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIGlmKGtleSA9PT0gJ3Nob3dtYXJrZXJzJ3x8a2V5ID09PSAnbWFya2VybGFiZWx0ZXh0JyB8fCBrZXkgPT09ICdtaW52YWx1ZSd8fGtleSA9PT0gJ21heHZhbHVlJ3x8a2V5ID09PSAnc3RlcCcpIHtcbiAgICAgICAgICAgIGlmKHRoaXMuc2hvd21hcmtlcnMpIHtcbiAgICAgICAgICAgICAgICB0aGlzLnJlbmRlck1hcmtlcnMoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIGlmKGtleSA9PT0gJ3JhbmdlbGFiZWxwb3NpdGlvbicpe1xuICAgICAgICAgICAgIHN3aXRjaENsYXNzKHRoaXMubmF0aXZlRWxlbWVudCwgUkFOR0VfTEFCRUxfUE9TSVRJT05bbnZdLCBSQU5HRV9MQUJFTF9QT1NJVElPTltvdl0pO1xuICAgICAgICB9ZWxzZSBpZihrZXkgPT09ICdkYXRhdmFsdWUnKXtcbiAgICAgICAgICAgICB0aGlzLmRhdGF2YWx1ZSA9IChudiA9PT0gXCJcIiB8fCBudiA9PT0gbnVsbCkgPyAodGhpcy5kYXRhdmFsdWUgPz8gNTApIDogbnZcbiAgICAgICAgICAgICB0aGlzLnVwZGF0ZVNsaWRlclZhbHVlKClcbiAgICAgICAgfVxuICAgICAgICBzdXBlci5vblByb3BlcnR5Q2hhbmdlKGtleSwgbnYsIG92KTtcbiAgICB9XG4gICAgcHJpdmF0ZSByZW5kZXJNYXJrZXJzKCkge1xuICAgICAgICBjb25zdCBzbGlkZXJUcmFjayA9IHRoaXMubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCcucmFuZ2UtaW5wdXQnKSBhcyBIVE1MRWxlbWVudDtcbiAgICAgICAgY29uc3QgdHJhY2tXaWR0aCA9IHNsaWRlclRyYWNrPy5vZmZzZXRXaWR0aC05fHwgMDtcbiAgICAgICAgY29uc3QgdGlja0NvdW50ID0gdGhpcy5zdGVwID4gMCA/IE1hdGguZmxvb3IoKHRoaXMubWF4dmFsdWV8fDEwMCAtIHRoaXMubWludmFsdWV8fDApIC8gdGhpcy5zdGVwKSArIDEgOiAwO1xuICAgICAgICBjb25zdCBsYWJlbHMgPSBjb252ZXJ0RGF0YVRvT2JqZWN0KHRoaXMubWFya2VybGFiZWx0ZXh0KTtcbiAgICAgICAgdGhpcy5tYXJrZXJJdGVtcyA9IFtdO1xuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRpY2tDb3VudDsgaSsrKSB7XG4gICAgICAgICAgICBjb25zdCBsZWZ0ID0gKCh0cmFja1dpZHRoIC8gKHRpY2tDb3VudCAtIDEpKSAqIGkpO1xuICAgICAgICAgICAgY29uc3QgbGFiZWwgPSBsYWJlbHM/LltpXT8uZGF0YVZhbHVlID8/IChBcnJheS5pc0FycmF5KGxhYmVscykgPyAodHlwZW9mIGxhYmVsc1tpXSA9PT0gJ29iamVjdCcgJiYgbGFiZWxzW2ldPy50aXRsZSA/IGxhYmVsc1tpXS50aXRsZSA6IGxhYmVsc1tpXSkgOiBgJHtpfWApO1xuICAgICAgICAgICAgY29uc3QgcG9zaXRpb24gPSBBcnJheS5pc0FycmF5KGxhYmVscykgJiYgdHlwZW9mIGxhYmVsc1tpXSA9PT0gJ29iamVjdCcgJiYgbGFiZWxzW2ldPy5wb3NpdGlvbiA/IGxhYmVsc1tpXS5wb3NpdGlvbiA6ICd1cCc7XG4gICAgICAgICAgICB0aGlzLm1hcmtlckl0ZW1zLnB1c2goeyBsYWJlbCwgcG9zaXRpb24sIGxlZnQgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgICAgIHN1cGVyLm5nQWZ0ZXJWaWV3SW5pdCgpO1xuICAgICAgICBpZih0aGlzLnNob3dtYXJrZXJzKSB7XG4gICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHt0aGlzLnJlbmRlck1hcmtlcnMoKTt9LCA0MCk7XG4gICAgICAgIH1cbiAgICAgICAgaWYodGhpcy5kYXRhdmFsdWUpe1xuICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge3RoaXMudXBkYXRlU2xpZGVyVmFsdWUoKTt9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGRlY3JlbWVudEJ1dHRvbkNsaWNrKGV2ZW50OiBFdmVudCkge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgICAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3Qgc3RlcCA9IE51bWJlcih0aGlzLnN0ZXApIHx8IDE7XG4gICAgICAgIGNvbnN0IG1pbiA9IE51bWJlcih0aGlzLm1pbnZhbHVlKSB8fCAwO1xuXG4gICAgICAgIGxldCB2YWx1ZSA9IE51bWJlcih0aGlzLmRhdGF2YWx1ZSA/PyA1MCk7XG4gICAgICAgIHZhbHVlID0gdmFsdWUgLSBzdGVwO1xuICAgICAgICBpZiAodmFsdWUgPD0gbWluKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgaWYgKCFpc05hTihtaW4pKSB7XG4gICAgICAgICAgICB2YWx1ZSA9IE1hdGgubWF4KHZhbHVlLCBtaW4pO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5kYXRhdmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5oYW5kbGVDaGFuZ2UoKVxuICAgIH1cblxuXG4gICAgaW5jcmVtZW50QnV0dG9uQ2xpY2soZXZlbnQ6IEV2ZW50KSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBzdGVwID0gTnVtYmVyKHRoaXMuc3RlcCkgfHwgMTtcbiAgICAgICAgY29uc3QgbWF4ID0gTnVtYmVyKHRoaXMubWF4dmFsdWUpIHx8IDEwMDtcblxuICAgICAgICBsZXQgdmFsdWUgPSBOdW1iZXIodGhpcy5kYXRhdmFsdWUgPz8gNTApO1xuICAgICAgICB2YWx1ZSA9IHZhbHVlICsgc3RlcDtcbiAgICAgICAgaWYgKHZhbHVlID49IG1heCkgIHJldHVybjtcblxuICAgICAgICBpZiAoIWlzTmFOKG1heCkpIHtcbiAgICAgICAgICAgIHZhbHVlID0gTWF0aC5taW4odmFsdWUsIG1heCk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmRhdGF2YWx1ZSA9IHZhbHVlO1xuICAgICAgICB0aGlzLmhhbmRsZUNoYW5nZSgpXG4gICAgfVxuXG5cbiAgICBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgLy8gTUVNT1JZIExFQUsgRklYOiBDbGVhciBWaWV3Q2hpbGQgcmVmZXJlbmNlXG4gICAgICAgIHRoaXMubmdNb2RlbCA9IG51bGw7XG5cbiAgICAgICAgLy8gTUVNT1JZIExFQUsgRklYOiBDbGVhciBtYXJrZXIgaXRlbXMgYXJyYXlcbiAgICAgICAgaWYgKHRoaXMubWFya2VySXRlbXMpIHtcbiAgICAgICAgICAgIHRoaXMubWFya2VySXRlbXMgPSBbXTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIENhbGwgcGFyZW50IG5nT25EZXN0cm95XG4gICAgICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgfVxufVxuIiwiQGlmIChpc1ByaXNtKSB7XG48ZGl2IGNsYXNzPVwic2xpZGVyLWNvbnRhaW5lclwiPlxuICBAaWYgKHNob3dpY29ucykge1xuICA8YnV0dG9uIGNsYXNzPVwiYnRuLWljb25cIiB0eXBlPVwiYnV0dG9uXCIgbmFtZT1cImRlY3JlbWVudEJ1dHRvblwiIChjbGljayk9XCJkZWNyZW1lbnRCdXR0b25DbGljaygkZXZlbnQpXCI+XG4gICAgPGkgYXJpYS1oaWRkZW49XCJ0cnVlXCIgW25nQ2xhc3NdPVwic3RhcnRpY29uXCI+PC9pPjwvYnV0dG9uPlxuICB9XG4gIDxkaXYgY2xhc3M9XCJzbGlkZXItY29udHJvbFwiPlxuICAgIEBpZighc2hvd21hcmtlcnMpe1xuICAgIDxzcGFuIFt0ZXh0Q29udGVudF09XCJtaW52YWx1ZXx8MFwiIGNsYXNzPVwiYXBwLXNsaWRlci12YWx1ZSBwdWxsLWxlZnRcIj48L3NwYW4+XG4gICAgPHNwYW4gW3RleHRDb250ZW50XT1cIm1heHZhbHVlfHwxMDBcIiBjbGFzcz1cImFwcC1zbGlkZXItdmFsdWUgcHVsbC1yaWdodFwiPjwvc3Bhbj5cbiAgICB9XG4gICAgPGlucHV0IGNsYXNzPVwicmFuZ2UtaW5wdXRcIiB0eXBlPVwicmFuZ2VcIiBhcmlhLW9yaWVudGF0aW9uPVwiaG9yaXpvbnRhbFwiIGZvY3VzLXRhcmdldCBbdGl0bGVdPVwiZGF0YXZhbHVlXCJcbiAgICAgIFthdHRyLm1pbl09XCJtaW52YWx1ZVwiIFthdHRyLm1heF09XCJtYXh2YWx1ZVwiIFthdHRyLnN0ZXBdPVwic3RlcFwiIFsobmdNb2RlbCldPVwiZGF0YXZhbHVlXCJcbiAgICAgIFtuZ01vZGVsT3B0aW9uc109XCJ7IHN0YW5kYWxvbmU6IHRydWUgfVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZHx8cmVhZG9ubHlcIiBbYXR0ci5hY2Nlc3NrZXldPVwic2hvcnRjdXRrZXlcIlxuICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhbGFiZWxcIiAoYmx1cik9XCJpbnZva2VPblRvdWNoZWQoJGV2ZW50KVwiIChuZ01vZGVsQ2hhbmdlKT1cImhhbmRsZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIFthdHRyLm5hbWVdPVwibmFtZVwiIFt0YWJpbmRleF09XCJ0YWJpbmRleFwiIC8+XG4gICAgPHAgY2xhc3M9XCJhY3RpdmUtc2xpZGVyXCI+PC9wPlxuICA8L2Rpdj5cbiAgQGlmIChzaG93aWNvbnMpIHtcbiAgPGJ1dHRvbiBjbGFzcz1cImJ0bi1pY29uXCIgdHlwZT1cImJ1dHRvblwiIG5hbWU9XCJpbmNyZW1lbnRCdXR0b25cIiAoY2xpY2spPVwiaW5jcmVtZW50QnV0dG9uQ2xpY2soJGV2ZW50KVwiPlxuICAgIDxpIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIFtuZ0NsYXNzXT1cImVuZGljb25cIj48L2k+XG4gIDwvYnV0dG9uPlxuICB9XG48L2Rpdj5cblxufSBAZWxzZSB7XG4gIEBpZighc2hvd21hcmtlcnMpe1xuICA8c3BhbiBbdGV4dENvbnRlbnRdPVwibWludmFsdWV8fDBcIiBjbGFzcz1cImFwcC1zbGlkZXItdmFsdWUgcHVsbC1sZWZ0XCI+PC9zcGFuPlxuICA8c3BhbiBbdGV4dENvbnRlbnRdPVwibWF4dmFsdWV8fDEwMFwiIGNsYXNzPVwiYXBwLXNsaWRlci12YWx1ZSBwdWxsLXJpZ2h0XCI+PC9zcGFuPlxufVxuPGlucHV0IGNsYXNzPVwicmFuZ2UtaW5wdXRcIiBhcmlhLW9yaWVudGF0aW9uPVwiaG9yaXpvbnRhbFwiXG4gIGZvY3VzLXRhcmdldFxuICB0eXBlPVwicmFuZ2VcIiBbdGl0bGVdPVwiZGF0YXZhbHVlXCJcbiAgW2F0dHIubWluXT1cIm1pbnZhbHVlXCJcbiAgW2F0dHIubWF4XT1cIm1heHZhbHVlXCJcbiAgW2F0dHIuc3RlcF09XCJzdGVwXCJcbiAgWyhuZ01vZGVsKV09XCJkYXRhdmFsdWVcIlxuICBbbmdNb2RlbE9wdGlvbnNdPVwie3N0YW5kYWxvbmU6IHRydWV9XCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkfHxyZWFkb25seVwiXG4gIFthdHRyLmFjY2Vzc2tleV09XCJzaG9ydGN1dGtleVwiXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYWxhYmVsXCJcbiAgKGJsdXIpPVwiaW52b2tlT25Ub3VjaGVkKCRldmVudClcIlxuICAobmdNb2RlbENoYW5nZSk9XCJoYW5kbGVDaGFuZ2UoJGV2ZW50KVwiXG4gIFthdHRyLm5hbWVdPVwibmFtZVwiXG4gIFt0YWJpbmRleF09XCJ0YWJpbmRleFwiLz5cbn1cbkBpZiAocmVhZG9ubHkgfHwgZGlzYWJsZWQpIHtcbiAgPGRpdiBhcmlhLXJlYWRvbmx5PVwidHJ1ZVwiIGNsYXNzPVwicmVhZG9ubHktd3JhcHBlclwiPjwvZGl2PlxufVxuQGlmKHNob3dtYXJrZXJzKXtcbiAgICA8ZGl2IGNsYXNzPVwibWFya2VyLWNvbnRhaW5lclwiPlxuQGZvciAobWFya2VyIG9mIG1hcmtlckl0ZW1zOyB0cmFjayBtYXJrZXIpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1hcmtlci13cmFwcGVyXCJcbiAgICAgICAgICAgICBbbmdTdHlsZV09XCJ7IGxlZnQ6IG1hcmtlci5sZWZ0ICsgJ3B4JyB9XCJcbiAgICAgICAgICAgICBbYXR0ci50aXRsZV09XCJtYXJrZXIubGFiZWxcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtYXJrZXItbGFiZWxcIiBbbmdDbGFzc109XCJtYXJrZXIucG9zaXRpb25cIiBbYXR0ci50aXRsZV09XCJtYXJrZXIubGFiZWxcIj5cbiAgICAgICAgICAgICAgICB7eyBtYXJrZXIubGFiZWwgfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1hcmtlci1kb3RcIiBbYXR0ci50aXRsZV09XCJtYXJrZXIubGFiZWxcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG4gICAgPC9kaXY+XG5cbn1cbiJdfQ==

package/components/input/slider/esm2022/slider.props.mjs

@@ -0,0 +1,28 @@
+import { PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register, registerFormWidget } from '@wm/components/base';
+import { FormWidgetType } from '@wm/core';
+export const sliderProps = new Map([
+    ['class', PROP_STRING],
+    ['datavalue', PROP_STRING],
+    ['disabled', PROP_BOOLEAN],
+    ['hint', PROP_STRING],
+    ['arialabel', PROP_STRING],
+    ['maxvalue', PROP_NUMBER],
+    ['minvalue', PROP_NUMBER],
+    ['name', PROP_STRING],
+    ['readonly', PROP_BOOLEAN],
+    ['shortcutkey', PROP_STRING],
+    ['show', { value: true, ...PROP_BOOLEAN }],
+    ['step', PROP_NUMBER],
+    ['tabindex', { value: 0, ...PROP_NUMBER }],
+    ['showmarkers', { value: false, ...PROP_BOOLEAN }],
+    ['markerlabeltext', PROP_ANY],
+    ['showicons', PROP_BOOLEAN],
+    ['starticon', { value: 'wi wi-minus', ...PROP_STRING }],
+    ['endicon', { value: 'wi wi-plus', ...PROP_STRING }],
+    ['rangelabelposition', { value: 'bottom', ...PROP_STRING }],
+]);
+export const registerProps = () => {
+    register('wm-slider', sliderProps);
+    registerFormWidget(FormWidgetType.SLIDER, new Map(sliderProps));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLnByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2lucHV0L3NsaWRlci9zcmMvc2xpZGVyLnByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLGtCQUFrQixFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDbkgsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUV4QyxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsSUFBSSxHQUFHLENBQzlCO0lBQ0ksQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDO0lBQ3RCLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQztJQUMxQixDQUFDLFVBQVUsRUFBRSxZQUFZLENBQUM7SUFDMUIsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDO0lBQ3JCLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQztJQUMxQixDQUFDLFVBQVUsRUFBRSxXQUFXLENBQUM7SUFDekIsQ0FBQyxVQUFVLEVBQUUsV0FBVyxDQUFDO0lBQ3pCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztJQUNyQixDQUFDLFVBQVUsRUFBRSxZQUFZLENBQUM7SUFDMUIsQ0FBQyxhQUFhLEVBQUUsV0FBVyxDQUFDO0lBQzVCLENBQUMsTUFBTSxFQUFFLEVBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLFlBQVksRUFBQyxDQUFDO0lBQ3hDLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztJQUNyQixDQUFDLFVBQVUsRUFBRSxFQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztJQUN4QyxDQUFDLGFBQWEsRUFBQyxFQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsR0FBRyxZQUFZLEVBQUMsQ0FBQztJQUMvQyxDQUFDLGlCQUFpQixFQUFDLFFBQVEsQ0FBQztJQUM1QixDQUFDLFdBQVcsRUFBRSxZQUFZLENBQUM7SUFDM0IsQ0FBQyxXQUFXLEVBQUMsRUFBQyxLQUFLLEVBQUcsYUFBYSxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7SUFDckQsQ0FBQyxTQUFTLEVBQUMsRUFBQyxLQUFLLEVBQUcsWUFBWSxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7SUFDbEQsQ0FBQyxvQkFBb0IsRUFBQyxFQUFDLEtBQUssRUFBRyxRQUFRLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztDQUM1RCxDQUNKLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsR0FBRyxFQUFFO0lBQzlCLFFBQVEsQ0FDSixXQUFXLEVBQ1gsV0FBVyxDQUNkLENBQUM7SUFDRixrQkFBa0IsQ0FDZCxjQUFjLENBQUMsTUFBTSxFQUNyQixJQUFJLEdBQUcsQ0FBQyxXQUFXLENBQUMsQ0FDdkIsQ0FBQztBQUNOLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7UFJPUF9BTlksIFBST1BfQk9PTEVBTiwgUFJPUF9OVU1CRVIsIFBST1BfU1RSSU5HLCByZWdpc3RlciwgcmVnaXN0ZXJGb3JtV2lkZ2V0fSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcbmltcG9ydCB7Rm9ybVdpZGdldFR5cGV9IGZyb20gJ0B3bS9jb3JlJztcblxuZXhwb3J0IGNvbnN0IHNsaWRlclByb3BzID0gbmV3IE1hcChcbiAgICBbXG4gICAgICAgIFsnY2xhc3MnLCBQUk9QX1NUUklOR10sXG4gICAgICAgIFsnZGF0YXZhbHVlJywgUFJPUF9TVFJJTkddLFxuICAgICAgICBbJ2Rpc2FibGVkJywgUFJPUF9CT09MRUFOXSxcbiAgICAgICAgWydoaW50JywgUFJPUF9TVFJJTkddLFxuICAgICAgICBbJ2FyaWFsYWJlbCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgWydtYXh2YWx1ZScsIFBST1BfTlVNQkVSXSxcbiAgICAgICAgWydtaW52YWx1ZScsIFBST1BfTlVNQkVSXSxcbiAgICAgICAgWyduYW1lJywgUFJPUF9TVFJJTkddLFxuICAgICAgICBbJ3JlYWRvbmx5JywgUFJPUF9CT09MRUFOXSxcbiAgICAgICAgWydzaG9ydGN1dGtleScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgWydzaG93Jywge3ZhbHVlOiB0cnVlLCAuLi5QUk9QX0JPT0xFQU59XSxcbiAgICAgICAgWydzdGVwJywgUFJPUF9OVU1CRVJdLFxuICAgICAgICBbJ3RhYmluZGV4Jywge3ZhbHVlOiAwLCAuLi5QUk9QX05VTUJFUn1dLFxuICAgICAgICBbJ3Nob3dtYXJrZXJzJyx7dmFsdWU6IGZhbHNlLCAuLi5QUk9QX0JPT0xFQU59XSxcbiAgICAgICAgWydtYXJrZXJsYWJlbHRleHQnLFBST1BfQU5ZXSxcbiAgICAgICAgWydzaG93aWNvbnMnLCBQUk9QX0JPT0xFQU5dLFxuICAgICAgICBbJ3N0YXJ0aWNvbicse3ZhbHVlIDogJ3dpIHdpLW1pbnVzJywgLi4uUFJPUF9TVFJJTkd9XSxcbiAgICAgICAgWydlbmRpY29uJyx7dmFsdWUgOiAnd2kgd2ktcGx1cycsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgIFsncmFuZ2VsYWJlbHBvc2l0aW9uJyx7dmFsdWUgOiAnYm90dG9tJywgLi4uUFJPUF9TVFJJTkd9XSxcbiAgICBdXG4pO1xuXG5leHBvcnQgY29uc3QgcmVnaXN0ZXJQcm9wcyA9ICgpID0+IHtcbiAgICByZWdpc3RlcihcbiAgICAgICAgJ3dtLXNsaWRlcicsXG4gICAgICAgIHNsaWRlclByb3BzXG4gICAgKTtcbiAgICByZWdpc3RlckZvcm1XaWRnZXQoXG4gICAgICAgIEZvcm1XaWRnZXRUeXBlLlNMSURFUixcbiAgICAgICAgbmV3IE1hcChzbGlkZXJQcm9wcylcbiAgICApO1xufTtcbiJdfQ==

package/components/input/slider/fesm2022/index.mjs

@@ -0,0 +1,189 @@
+import { PROP_STRING, PROP_BOOLEAN, PROP_NUMBER, PROP_ANY, register, registerFormWidget, styler, convertDataToObject, TextContentDirective, provideAs, provideAsWidgetRef } from '@wm/components/base';
+import * as i2 from '@angular/forms';
+import { FormsModule, NgModel, NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from '@angular/core';
+import { ViewChild, Inject, Optional, Component } from '@angular/core';
+import { BaseFormCustomComponent } from '@wm/components/input/base-form-custom';
+import * as i1 from '@wm/core';
+import { FormWidgetType, switchClass } from '@wm/core';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+const sliderProps = new Map([
+    ['class', PROP_STRING],
+    ['datavalue', PROP_STRING],
+    ['disabled', PROP_BOOLEAN],
+    ['hint', PROP_STRING],
+    ['arialabel', PROP_STRING],
+    ['maxvalue', PROP_NUMBER],
+    ['minvalue', PROP_NUMBER],
+    ['name', PROP_STRING],
+    ['readonly', PROP_BOOLEAN],
+    ['shortcutkey', PROP_STRING],
+    ['show', { value: true, ...PROP_BOOLEAN }],
+    ['step', PROP_NUMBER],
+    ['tabindex', { value: 0, ...PROP_NUMBER }],
+    ['showmarkers', { value: false, ...PROP_BOOLEAN }],
+    ['markerlabeltext', PROP_ANY],
+    ['showicons', PROP_BOOLEAN],
+    ['starticon', { value: 'wi wi-minus', ...PROP_STRING }],
+    ['endicon', { value: 'wi wi-plus', ...PROP_STRING }],
+    ['rangelabelposition', { value: 'bottom', ...PROP_STRING }],
+]);
+const registerProps = () => {
+    register('wm-slider', sliderProps);
+    registerFormWidget(FormWidgetType.SLIDER, new Map(sliderProps));
+};
+
+const DEFAULT_CLS = 'app-slider slider';
+const WIDGET_CONFIG = {
+    widgetType: 'wm-slider',
+    hostClass: DEFAULT_CLS
+};
+const RANGE_LABEL_POSITION = {
+    top: 'range-label-top',
+    side: 'range-label-side',
+    bottom: 'range-label-bottom',
+};
+class SliderComponent extends BaseFormCustomComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, explicitContext, app) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        this.app = app;
+        this.isPrism = false;
+        styler(this.nativeElement, this);
+        this.isPrism = this.app.isPrism;
+    }
+    // change and blur events are added from the template
+    handleEvent(node, eventName, callback, locals) {
+        if (eventName !== 'change' && eventName !== 'blur') {
+            super.handleEvent(node, eventName, callback, locals);
+        }
+    }
+    handleChange(newVal) {
+        this.updateSliderValue();
+        this.invokeOnChange(this.datavalue, { type: 'change' }, this.ngModel.valid);
+    }
+    updateSliderValue() {
+        const sliderValue = 100 - ((((Number(this.datavalue) || 0) - (this.minvalue || 0)) / ((this.maxvalue || 100) - (this.minvalue || 0))) * 100);
+        const slider = this.nativeElement.querySelector('.slider-control');
+        if (slider) {
+            const safePercent = Math.min(100, Math.max(0, sliderValue));
+            slider.style.setProperty('--end', `${safePercent}%`);
+        }
+    }
+    onPropertyChange(key, nv, ov) {
+        if (key === 'tabindex') {
+            return;
+        }
+        else if (key === 'showmarkers' || key === 'markerlabeltext' || key === 'minvalue' || key === 'maxvalue' || key === 'step') {
+            if (this.showmarkers) {
+                this.renderMarkers();
+            }
+        }
+        else if (key === 'rangelabelposition') {
+            switchClass(this.nativeElement, RANGE_LABEL_POSITION[nv], RANGE_LABEL_POSITION[ov]);
+        }
+        else if (key === 'datavalue') {
+            this.datavalue = (nv === "" || nv === null) ? (this.datavalue ?? 50) : nv;
+            this.updateSliderValue();
+        }
+        super.onPropertyChange(key, nv, ov);
+    }
+    renderMarkers() {
+        const sliderTrack = this.nativeElement.querySelector('.range-input');
+        const trackWidth = sliderTrack?.offsetWidth - 9 || 0;
+        const tickCount = this.step > 0 ? Math.floor((this.maxvalue || 100 - this.minvalue || 0) / this.step) + 1 : 0;
+        const labels = convertDataToObject(this.markerlabeltext);
+        this.markerItems = [];
+        for (let i = 0; i < tickCount; i++) {
+            const left = ((trackWidth / (tickCount - 1)) * i);
+            const label = labels?.[i]?.dataValue ?? (Array.isArray(labels) ? (typeof labels[i] === 'object' && labels[i]?.title ? labels[i].title : labels[i]) : `${i}`);
+            const position = Array.isArray(labels) && typeof labels[i] === 'object' && labels[i]?.position ? labels[i].position : 'up';
+            this.markerItems.push({ label, position, left });
+        }
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        if (this.showmarkers) {
+            setTimeout(() => { this.renderMarkers(); }, 40);
+        }
+        if (this.datavalue) {
+            setTimeout(() => { this.updateSliderValue(); });
+        }
+    }
+    decrementButtonClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.disabled) {
+            return;
+        }
+        const step = Number(this.step) || 1;
+        const min = Number(this.minvalue) || 0;
+        let value = Number(this.datavalue ?? 50);
+        value = value - step;
+        if (value <= min) {
+            return;
+        }
+        if (!isNaN(min)) {
+            value = Math.max(value, min);
+        }
+        this.datavalue = value;
+        this.handleChange();
+    }
+    incrementButtonClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.disabled) {
+            return;
+        }
+        const step = Number(this.step) || 1;
+        const max = Number(this.maxvalue) || 100;
+        let value = Number(this.datavalue ?? 50);
+        value = value + step;
+        if (value >= max)
+            return;
+        if (!isNaN(max)) {
+            value = Math.min(value, max);
+        }
+        this.datavalue = value;
+        this.handleChange();
+    }
+    ngOnDestroy() {
+        // MEMORY LEAK FIX: Clear ViewChild reference
+        this.ngModel = null;
+        // MEMORY LEAK FIX: Clear marker items array
+        if (this.markerItems) {
+            this.markerItems = [];
+        }
+        // Call parent ngOnDestroy
+        super.ngOnDestroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SliderComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }, { token: i1.App }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SliderComponent, isStandalone: true, selector: "[wmSlider]", providers: [
+            provideAs(SliderComponent, NG_VALUE_ACCESSOR, true),
+            provideAsWidgetRef(SliderComponent)
+        ], viewQueries: [{ propertyName: "ngModel", first: true, predicate: NgModel, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (isPrism) {\n<div class=\"slider-container\">\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"decrementButton\" (click)=\"decrementButtonClick($event)\">\n    <i aria-hidden=\"true\" [ngClass]=\"starticon\"></i></button>\n  }\n  <div class=\"slider-control\">\n    @if(!showmarkers){\n    <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n    <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n    }\n    <input class=\"range-input\" type=\"range\" aria-orientation=\"horizontal\" focus-target [title]=\"datavalue\"\n      [attr.min]=\"minvalue\" [attr.max]=\"maxvalue\" [attr.step]=\"step\" [(ngModel)]=\"datavalue\"\n      [ngModelOptions]=\"{ standalone: true }\" [disabled]=\"disabled||readonly\" [attr.accesskey]=\"shortcutkey\"\n      [attr.aria-label]=\"arialabel\" (blur)=\"invokeOnTouched($event)\" (ngModelChange)=\"handleChange($event)\"\n      [attr.name]=\"name\" [tabindex]=\"tabindex\" />\n    <p class=\"active-slider\"></p>\n  </div>\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"incrementButton\" (click)=\"incrementButtonClick($event)\">\n    <i aria-hidden=\"true\" [ngClass]=\"endicon\"></i>\n  </button>\n  }\n</div>\n\n} @else {\n  @if(!showmarkers){\n  <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n  <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n}\n<input class=\"range-input\" aria-orientation=\"horizontal\"\n  focus-target\n  type=\"range\" [title]=\"datavalue\"\n  [attr.min]=\"minvalue\"\n  [attr.max]=\"maxvalue\"\n  [attr.step]=\"step\"\n  [(ngModel)]=\"datavalue\"\n  [ngModelOptions]=\"{standalone: true}\"\n  [disabled]=\"disabled||readonly\"\n  [attr.accesskey]=\"shortcutkey\"\n  [attr.aria-label]=\"arialabel\"\n  (blur)=\"invokeOnTouched($event)\"\n  (ngModelChange)=\"handleChange($event)\"\n  [attr.name]=\"name\"\n  [tabindex]=\"tabindex\"/>\n}\n@if (readonly || disabled) {\n  <div aria-readonly=\"true\" class=\"readonly-wrapper\"></div>\n}\n@if(showmarkers){\n    <div class=\"marker-container\">\n@for (marker of markerItems; track marker) {\n        <div class=\"marker-wrapper\"\n             [ngStyle]=\"{ left: marker.left + 'px' }\"\n             [attr.title]=\"marker.label\">\n            <div class=\"marker-label\" [ngClass]=\"marker.position\" [attr.title]=\"marker.label\">\n                {{ marker.label }}\n            </div>\n            <div class=\"marker-dot\" [attr.title]=\"marker.label\"></div>\n        </div>\n      }\n    </div>\n\n}\n", dependencies: [{ kind: "directive", type: TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SliderComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [TextContentDirective, FormsModule, CommonModule], selector: '[wmSlider]', providers: [
+                        provideAs(SliderComponent, NG_VALUE_ACCESSOR, true),
+                        provideAsWidgetRef(SliderComponent)
+                    ], template: "@if (isPrism) {\n<div class=\"slider-container\">\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"decrementButton\" (click)=\"decrementButtonClick($event)\">\n    <i aria-hidden=\"true\" [ngClass]=\"starticon\"></i></button>\n  }\n  <div class=\"slider-control\">\n    @if(!showmarkers){\n    <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n    <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n    }\n    <input class=\"range-input\" type=\"range\" aria-orientation=\"horizontal\" focus-target [title]=\"datavalue\"\n      [attr.min]=\"minvalue\" [attr.max]=\"maxvalue\" [attr.step]=\"step\" [(ngModel)]=\"datavalue\"\n      [ngModelOptions]=\"{ standalone: true }\" [disabled]=\"disabled||readonly\" [attr.accesskey]=\"shortcutkey\"\n      [attr.aria-label]=\"arialabel\" (blur)=\"invokeOnTouched($event)\" (ngModelChange)=\"handleChange($event)\"\n      [attr.name]=\"name\" [tabindex]=\"tabindex\" />\n    <p class=\"active-slider\"></p>\n  </div>\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"incrementButton\" (click)=\"incrementButtonClick($event)\">\n    <i aria-hidden=\"true\" [ngClass]=\"endicon\"></i>\n  </button>\n  }\n</div>\n\n} @else {\n  @if(!showmarkers){\n  <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n  <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n}\n<input class=\"range-input\" aria-orientation=\"horizontal\"\n  focus-target\n  type=\"range\" [title]=\"datavalue\"\n  [attr.min]=\"minvalue\"\n  [attr.max]=\"maxvalue\"\n  [attr.step]=\"step\"\n  [(ngModel)]=\"datavalue\"\n  [ngModelOptions]=\"{standalone: true}\"\n  [disabled]=\"disabled||readonly\"\n  [attr.accesskey]=\"shortcutkey\"\n  [attr.aria-label]=\"arialabel\"\n  (blur)=\"invokeOnTouched($event)\"\n  (ngModelChange)=\"handleChange($event)\"\n  [attr.name]=\"name\"\n  [tabindex]=\"tabindex\"/>\n}\n@if (readonly || disabled) {\n  <div aria-readonly=\"true\" class=\"readonly-wrapper\"></div>\n}\n@if(showmarkers){\n    <div class=\"marker-container\">\n@for (marker of markerItems; track marker) {\n        <div class=\"marker-wrapper\"\n             [ngStyle]=\"{ left: marker.left + 'px' }\"\n             [attr.title]=\"marker.label\">\n            <div class=\"marker-label\" [ngClass]=\"marker.position\" [attr.title]=\"marker.label\">\n                {{ marker.label }}\n            </div>\n            <div class=\"marker-dot\" [attr.title]=\"marker.label\"></div>\n        </div>\n      }\n    </div>\n\n}\n" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }, { type: i1.App }], propDecorators: { ngModel: [{
+                type: ViewChild,
+                args: [NgModel]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SliderComponent };
+//# sourceMappingURL=index.mjs.map

package/components/input/slider/fesm2022/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/input/slider/src/slider.props.ts","../../../../../projects/components/widgets/input/slider/src/slider.component.ts","../../../../../projects/components/widgets/input/slider/src/slider.component.html","../../../../../projects/components/widgets/input/slider/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register, registerFormWidget} from '@wm/components/base';\nimport {FormWidgetType} from '@wm/core';\n\nexport const sliderProps = new Map(\n    [\n        ['class', PROP_STRING],\n        ['datavalue', PROP_STRING],\n        ['disabled', PROP_BOOLEAN],\n        ['hint', PROP_STRING],\n        ['arialabel', PROP_STRING],\n        ['maxvalue', PROP_NUMBER],\n        ['minvalue', PROP_NUMBER],\n        ['name', PROP_STRING],\n        ['readonly', PROP_BOOLEAN],\n        ['shortcutkey', PROP_STRING],\n        ['show', {value: true, ...PROP_BOOLEAN}],\n        ['step', PROP_NUMBER],\n        ['tabindex', {value: 0, ...PROP_NUMBER}],\n        ['showmarkers',{value: false, ...PROP_BOOLEAN}],\n        ['markerlabeltext',PROP_ANY],\n        ['showicons', PROP_BOOLEAN],\n        ['starticon',{value : 'wi wi-minus', ...PROP_STRING}],\n        ['endicon',{value : 'wi wi-plus', ...PROP_STRING}],\n        ['rangelabelposition',{value : 'bottom', ...PROP_STRING}],\n    ]\n);\n\nexport const registerProps = () => {\n    register(\n        'wm-slider',\n        sliderProps\n    );\n    registerFormWidget(\n        FormWidgetType.SLIDER,\n        new Map(sliderProps)\n    );\n};\n","import {\n    convertDataToObject,\n    IWidgetConfig,\n    provideAs,\n    provideAsWidgetRef,\n    styler,\n    TextContentDirective\n} from \"@wm/components/base\";\nimport {FormsModule, NG_VALUE_ACCESSOR, NgModel} from '@angular/forms';\nimport {Component, Inject, Injector, OnDestroy, Optional, ViewChild} from '@angular/core';\nimport {BaseFormCustomComponent} from '@wm/components/input/base-form-custom';\n\nimport {registerProps} from './slider.props';\nimport {App, isDefined, switchClass} from \"@wm/core\";\nimport { CommonModule } from \"@angular/common\";\n\n\nconst DEFAULT_CLS = 'app-slider slider';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-slider',\n    hostClass: DEFAULT_CLS\n};\nconst RANGE_LABEL_POSITION: {[key: string]: string} = {\n  top: 'range-label-top',\n  side: 'range-label-side',\n  bottom: 'range-label-bottom',\n};\n@Component({\n    standalone: true,\n    imports: [TextContentDirective, FormsModule, CommonModule],\n    selector: '[wmSlider]',\n    templateUrl: './slider.component.html',\n    providers: [\n        provideAs(SliderComponent, NG_VALUE_ACCESSOR, true),\n        provideAsWidgetRef(SliderComponent)\n    ]\n})\nexport class SliderComponent extends BaseFormCustomComponent implements OnDestroy {\n    static initializeProps = registerProps();\n\n    public minvalue: number;\n    public maxvalue: number;\n    public disabled: boolean;\n    public step: number;\n    public shortcutkey: string;\n    public tabindex: any;\n    public name: string;\n    public readonly: boolean;\n    public hint: string;\n    public arialabel: string;\n    public markerlabeltext: string\n    public showmarkers: boolean;\n    public showicons: boolean;\n    public starticon: string;\n    public endicon:string;\n    public isPrism: boolean = false;\n\n    @ViewChild(NgModel) ngModel: NgModel;\n    public markerItems: any[];\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any, public app?: App) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this);\n        this.isPrism = this.app.isPrism;\n    }\n\n    // change and blur events are added from the template\n    protected handleEvent(node: HTMLElement, eventName: string, callback: Function, locals: any) {\n        if (eventName !== 'change' && eventName !== 'blur') {\n            super.handleEvent(node, eventName, callback, locals);\n        }\n    }\n\n    public handleChange(newVal?: boolean) {\n        this.updateSliderValue();\n        this.invokeOnChange(this.datavalue, {type: 'change'}, this.ngModel.valid);\n    }\n\n    updateSliderValue() {\n        const sliderValue = 100 - ((((Number(this.datavalue) || 0) - (this.minvalue || 0)) / ((this.maxvalue || 100) - (this.minvalue || 0))) * 100);\n        const slider = this.nativeElement.querySelector('.slider-control') as HTMLElement;\n        if (slider) {\n            const safePercent = Math.min(100, Math.max(0, sliderValue));\n            slider.style.setProperty('--end', `${safePercent}%`);\n        }\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'tabindex') {\n            return;\n        }\n        else if(key === 'showmarkers'||key === 'markerlabeltext' || key === 'minvalue'||key === 'maxvalue'||key === 'step') {\n            if(this.showmarkers) {\n                this.renderMarkers();\n            }\n        } else if(key === 'rangelabelposition'){\n             switchClass(this.nativeElement, RANGE_LABEL_POSITION[nv], RANGE_LABEL_POSITION[ov]);\n        }else if(key === 'datavalue'){\n             this.datavalue = (nv === \"\" || nv === null) ? (this.datavalue ?? 50) : nv\n             this.updateSliderValue()\n        }\n        super.onPropertyChange(key, nv, ov);\n    }\n    private renderMarkers() {\n        const sliderTrack = this.nativeElement.querySelector('.range-input') as HTMLElement;\n        const trackWidth = sliderTrack?.offsetWidth-9|| 0;\n        const tickCount = this.step > 0 ? Math.floor((this.maxvalue||100 - this.minvalue||0) / this.step) + 1 : 0;\n        const labels = convertDataToObject(this.markerlabeltext);\n        this.markerItems = [];\n        for (let i = 0; i < tickCount; i++) {\n            const left = ((trackWidth / (tickCount - 1)) * i);\n            const label = labels?.[i]?.dataValue ?? (Array.isArray(labels) ? (typeof labels[i] === 'object' && labels[i]?.title ? labels[i].title : labels[i]) : `${i}`);\n            const position = Array.isArray(labels) && typeof labels[i] === 'object' && labels[i]?.position ? labels[i].position : 'up';\n            this.markerItems.push({ label, position, left });\n        }\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n        if(this.showmarkers) {\n            setTimeout(() => {this.renderMarkers();}, 40);\n        }\n        if(this.datavalue){\n          setTimeout(() => {this.updateSliderValue();});\n        }\n    }\n\n    decrementButtonClick(event: Event) {\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (this.disabled) {\n            return;\n        }\n\n        const step = Number(this.step) || 1;\n        const min = Number(this.minvalue) || 0;\n\n        let value = Number(this.datavalue ?? 50);\n        value = value - step;\n        if (value <= min) {\n            return;\n        }\n        if (!isNaN(min)) {\n            value = Math.max(value, min);\n        }\n\n        this.datavalue = value;\n        this.handleChange()\n    }\n\n\n    incrementButtonClick(event: Event) {\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (this.disabled) {\n            return;\n        }\n\n        const step = Number(this.step) || 1;\n        const max = Number(this.maxvalue) || 100;\n\n        let value = Number(this.datavalue ?? 50);\n        value = value + step;\n        if (value >= max)  return;\n\n        if (!isNaN(max)) {\n            value = Math.min(value, max);\n        }\n\n        this.datavalue = value;\n        this.handleChange()\n    }\n\n\n    ngOnDestroy() {\n        // MEMORY LEAK FIX: Clear ViewChild reference\n        this.ngModel = null;\n\n        // MEMORY LEAK FIX: Clear marker items array\n        if (this.markerItems) {\n            this.markerItems = [];\n        }\n\n        // Call parent ngOnDestroy\n        super.ngOnDestroy();\n    }\n}\n","@if (isPrism) {\n<div class=\"slider-container\">\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"decrementButton\" (click)=\"decrementButtonClick($event)\">\n    <i aria-hidden=\"true\" [ngClass]=\"starticon\"></i></button>\n  }\n  <div class=\"slider-control\">\n    @if(!showmarkers){\n    <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n    <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n    }\n    <input class=\"range-input\" type=\"range\" aria-orientation=\"horizontal\" focus-target [title]=\"datavalue\"\n      [attr.min]=\"minvalue\" [attr.max]=\"maxvalue\" [attr.step]=\"step\" [(ngModel)]=\"datavalue\"\n      [ngModelOptions]=\"{ standalone: true }\" [disabled]=\"disabled||readonly\" [attr.accesskey]=\"shortcutkey\"\n      [attr.aria-label]=\"arialabel\" (blur)=\"invokeOnTouched($event)\" (ngModelChange)=\"handleChange($event)\"\n      [attr.name]=\"name\" [tabindex]=\"tabindex\" />\n    <p class=\"active-slider\"></p>\n  </div>\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"incrementButton\" (click)=\"incrementButtonClick($event)\">\n    <i aria-hidden=\"true\" [ngClass]=\"endicon\"></i>\n  </button>\n  }\n</div>\n\n} @else {\n  @if(!showmarkers){\n  <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n  <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n}\n<input class=\"range-input\" aria-orientation=\"horizontal\"\n  focus-target\n  type=\"range\" [title]=\"datavalue\"\n  [attr.min]=\"minvalue\"\n  [attr.max]=\"maxvalue\"\n  [attr.step]=\"step\"\n  [(ngModel)]=\"datavalue\"\n  [ngModelOptions]=\"{standalone: true}\"\n  [disabled]=\"disabled||readonly\"\n  [attr.accesskey]=\"shortcutkey\"\n  [attr.aria-label]=\"arialabel\"\n  (blur)=\"invokeOnTouched($event)\"\n  (ngModelChange)=\"handleChange($event)\"\n  [attr.name]=\"name\"\n  [tabindex]=\"tabindex\"/>\n}\n@if (readonly || disabled) {\n  <div aria-readonly=\"true\" class=\"readonly-wrapper\"></div>\n}\n@if(showmarkers){\n    <div class=\"marker-container\">\n@for (marker of markerItems; track marker) {\n        <div class=\"marker-wrapper\"\n             [ngStyle]=\"{ left: marker.left + 'px' }\"\n             [attr.title]=\"marker.label\">\n            <div class=\"marker-label\" [ngClass]=\"marker.position\" [attr.title]=\"marker.label\">\n                {{ marker.label }}\n            </div>\n            <div class=\"marker-dot\" [attr.title]=\"marker.label\"></div>\n        </div>\n      }\n    </div>\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/components/input/slider/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@wm/components/input/slider" />
+export * from './public_api';

package/components/input/slider/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@wm/components/input/slider",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "module": "fesm2022/index.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/index.mjs",
+      "esm": "./esm2022/index.mjs",
+      "default": "./fesm2022/index.mjs"
+    }
+  }
+}

package/components/input/slider/public_api.d.ts

@@ -0,0 +1 @@
+export * from './slider.component';

package/components/input/slider/slider.component.d.ts

@@ -0,0 +1,39 @@
+import { NgModel } from '@angular/forms';
+import { Injector, OnDestroy } from '@angular/core';
+import { BaseFormCustomComponent } from '@wm/components/input/base-form-custom';
+import { App } from "@wm/core";
+import * as i0 from "@angular/core";
+export declare class SliderComponent extends BaseFormCustomComponent implements OnDestroy {
+    app?: App;
+    static initializeProps: void;
+    minvalue: number;
+    maxvalue: number;
+    disabled: boolean;
+    step: number;
+    shortcutkey: string;
+    tabindex: any;
+    name: string;
+    readonly: boolean;
+    hint: string;
+    arialabel: string;
+    markerlabeltext: string;
+    showmarkers: boolean;
+    showicons: boolean;
+    starticon: string;
+    endicon: string;
+    isPrism: boolean;
+    ngModel: NgModel;
+    markerItems: any[];
+    constructor(inj: Injector, explicitContext: any, app?: App);
+    protected handleEvent(node: HTMLElement, eventName: string, callback: Function, locals: any): void;
+    handleChange(newVal?: boolean): void;
+    updateSliderValue(): void;
+    onPropertyChange(key: string, nv: any, ov?: any): void;
+    private renderMarkers;
+    ngAfterViewInit(): void;
+    decrementButtonClick(event: Event): void;
+    incrementButtonClick(event: Event): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, [null, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "[wmSlider]", never, {}, {}, never, never, true, never>;
+}

package/components/input/slider/slider.props.d.ts

@@ -0,0 +1,2 @@
+export declare const sliderProps: Map<string, any>;
+export declare const registerProps: () => void;

package/components/input/switch/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json