@wavemaker/app-ng-runtime 11.11.4-rc.6172 → 11.11.5-rc.214

package/components/input/slider/bundles/index.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@wm/components/base'), require('@angular/forms'), require('@angular/core'), require('@wm/components/input'), require('@wm/core')) :
     typeof define === 'function' && define.amd ? define(['exports', '@angular/common', '@wm/components/base', '@angular/forms', '@angular/core', '@wm/components/input', '@wm/core'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.input = global.wm.components.input || {}, global.wm.components.input.slider = {}), global.ng.common, global.wm.components.base, global.ng.forms, global.ng.core, global.wm.components.input, global.wm.core));
-})(this, (function (exports, common, i1, i2, i0, input, core) { 'use strict';
+})(this, (function (exports, i1, i2, i3, i0, input, core) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -23,32 +23,71 @@
 
     var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
     var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
+    var i3__namespace = /*#__PURE__*/_interopNamespaceDefault(i3);
     var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
 
     const sliderProps = new Map([
-        ['class', i1.PROP_STRING],
-        ['datavalue', i1.PROP_STRING],
-        ['disabled', i1.PROP_BOOLEAN],
-        ['hint', i1.PROP_STRING],
-        ['arialabel', i1.PROP_STRING],
-        ['maxvalue', i1.PROP_NUMBER],
-        ['minvalue', i1.PROP_NUMBER],
-        ['name', i1.PROP_STRING],
-        ['readonly', i1.PROP_BOOLEAN],
-        ['shortcutkey', i1.PROP_STRING],
-        ['show', { value: true, ...i1.PROP_BOOLEAN }],
-        ['step', i1.PROP_NUMBER],
-        ['tabindex', { value: 0, ...i1.PROP_NUMBER }]
+        ['class', i2.PROP_STRING],
+        ['datavalue', i2.PROP_STRING],
+        ['disabled', i2.PROP_BOOLEAN],
+        ['hint', i2.PROP_STRING],
+        ['arialabel', i2.PROP_STRING],
+        ['maxvalue', i2.PROP_NUMBER],
+        ['minvalue', i2.PROP_NUMBER],
+        ['name', i2.PROP_STRING],
+        ['readonly', i2.PROP_BOOLEAN],
+        ['shortcutkey', i2.PROP_STRING],
+        ['show', { value: true, ...i2.PROP_BOOLEAN }],
+        ['step', i2.PROP_NUMBER],
+        ['tabindex', { value: 0, ...i2.PROP_NUMBER }],
+        ['showmarkers', { value: false, ...i2.PROP_BOOLEAN }],
+        ['markerlabeltext', i2.PROP_ANY],
     ]);
     const registerProps = () => {
-        i1.register('wm-slider', sliderProps);
-        i1.registerFormWidget(core.FormWidgetType.SLIDER, new Map(sliderProps));
+        i2.register('wm-slider', sliderProps);
+        i2.registerFormWidget(core.FormWidgetType.SLIDER, new Map(sliderProps));
     };
 
     const _c0 = ["wmSlider", ""];
     const _c1 = () => ({ standalone: true });
+    const _c2 = a0 => ({ left: a0 });
+    function SliderComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelement(0, "span", 3)(1, "span", 4);
+    } if (rf & 2) {
+        const ctx_r0 = i0__namespace.ɵɵnextContext();
+        i0__namespace.ɵɵproperty("textContent", ctx_r0.minvalue);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("textContent", ctx_r0.maxvalue);
+    } }
+    function SliderComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelement(0, "div", 1);
+    } }
+    function SliderComponent_Conditional_3_div_1_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "div", 6)(1, "div", 7);
+        i0__namespace.ɵɵtext(2);
+        i0__namespace.ɵɵelementEnd();
+        i0__namespace.ɵɵelement(3, "div", 8);
+        i0__namespace.ɵɵelementEnd();
+    } if (rf & 2) {
+        const marker_r2 = ctx.$implicit;
+        i0__namespace.ɵɵproperty("ngStyle", i0__namespace.ɵɵpureFunction1(6, _c2, marker_r2.left + "px"));
+        i0__namespace.ɵɵattribute("title", marker_r2.label);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("ngClass", marker_r2.position);
+        i0__namespace.ɵɵattribute("title", marker_r2.label);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵtextInterpolate1(" ", marker_r2.label, " ");
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵattribute("title", marker_r2.label);
+    } }
     function SliderComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "div", 3);
+        i0__namespace.ɵɵelementStart(0, "div", 2);
+        i0__namespace.ɵɵtemplate(1, SliderComponent_Conditional_3_div_1_Template, 4, 8, "div", 5);
+        i0__namespace.ɵɵelementEnd();
+    } if (rf & 2) {
+        const ctx_r0 = i0__namespace.ɵɵnextContext();
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("ngForOf", ctx_r0.markerItems);
     } }
     const DEFAULT_CLS = 'app-slider slider';
     const WIDGET_CONFIG = {
@@ -59,7 +98,7 @@
         static { this.initializeProps = registerProps(); }
         constructor(inj, explicitContext) {
             super(inj, WIDGET_CONFIG, explicitContext);
-            i1.styler(this.nativeElement, this);
+            i2.styler(this.nativeElement, this);
         }
         // change and blur events are added from the template
         handleEvent(node, eventName, callback, locals) {
@@ -74,43 +113,73 @@
             if (key === 'tabindex') {
                 return;
             }
+            else if (key === 'showmarkers' || key === 'markerlabeltext' || key === 'minvalue' || key === 'maxvalue' || key === 'step') {
+                if (this.showmarkers) {
+                    this.renderMarkers();
+                }
+            }
             super.onPropertyChange(key, nv, ov);
         }
+        renderMarkers() {
+            const sliderTrack = this.nativeElement.querySelector('.range-input');
+            const trackWidth = sliderTrack?.offsetWidth - 9 || 0;
+            let tickCount = 0;
+            if (core.isDefined(this.minvalue) && core.isDefined(this.maxvalue)) {
+                tickCount = this.step > 0 ? Math.floor((this.maxvalue - this.minvalue) / this.step) + 1 : 0;
+            }
+            else {
+                tickCount = this.step > 0 ? Math.floor(100 / this.step) + 1 : 0;
+            }
+            const labels = i2.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);
+            }
+        }
         static { this.ɵfac = function SliderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
         static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: SliderComponent, selectors: [["", "wmSlider", ""]], viewQuery: function SliderComponent_Query(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(i2.NgModel, 5);
+                i0__namespace.ɵɵviewQuery(i3.NgModel, 5);
             } if (rf & 2) {
                 let _t;
                 i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.ngModel = _t.first);
             } }, standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
-                    i1.provideAs(SliderComponent, i2.NG_VALUE_ACCESSOR, true),
-                    i1.provideAsWidgetRef(SliderComponent)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵStandaloneFeature], attrs: _c0, decls: 4, vars: 15, consts: [[1, "app-slider-value", "pull-left", 3, "textContent"], [1, "app-slider-value", "pull-right", 3, "textContent"], ["aria-orientation", "horizontal", "focus-target", "", "type", "range", 1, "range-input", 3, "ngModelChange", "blur", "title", "ngModel", "ngModelOptions", "disabled", "tabindex"], ["aria-readonly", "true", 1, "readonly-wrapper"]], template: function SliderComponent_Template(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵelement(0, "span", 0)(1, "span", 1);
-                i0__namespace.ɵɵelementStart(2, "input", 2);
-                i0__namespace.ɵɵtwoWayListener("ngModelChange", function SliderComponent_Template_input_ngModelChange_2_listener($event) { i0__namespace.ɵɵtwoWayBindingSet(ctx.datavalue, $event) || (ctx.datavalue = $event); return $event; });
-                i0__namespace.ɵɵlistener("blur", function SliderComponent_Template_input_blur_2_listener($event) { return ctx.invokeOnTouched($event); })("ngModelChange", function SliderComponent_Template_input_ngModelChange_2_listener($event) { return ctx.handleChange($event); });
+                    i2.provideAs(SliderComponent, i3.NG_VALUE_ACCESSOR, true),
+                    i2.provideAsWidgetRef(SliderComponent)
+                ]), i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵStandaloneFeature], attrs: _c0, decls: 4, vars: 15, consts: [["aria-orientation", "horizontal", "focus-target", "", "type", "range", 1, "range-input", 3, "ngModelChange", "blur", "title", "ngModel", "ngModelOptions", "disabled", "tabindex"], ["aria-readonly", "true", 1, "readonly-wrapper"], [1, "marker-container"], [1, "app-slider-value", "pull-left", 3, "textContent"], [1, "app-slider-value", "pull-right", 3, "textContent"], ["class", "marker-wrapper", 3, "ngStyle", 4, "ngFor", "ngForOf"], [1, "marker-wrapper", 3, "ngStyle"], [1, "marker-label", 3, "ngClass"], [1, "marker-dot"]], template: function SliderComponent_Template(rf, ctx) { if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, SliderComponent_Conditional_0_Template, 2, 2);
+                i0__namespace.ɵɵelementStart(1, "input", 0);
+                i0__namespace.ɵɵtwoWayListener("ngModelChange", function SliderComponent_Template_input_ngModelChange_1_listener($event) { i0__namespace.ɵɵtwoWayBindingSet(ctx.datavalue, $event) || (ctx.datavalue = $event); return $event; });
+                i0__namespace.ɵɵlistener("blur", function SliderComponent_Template_input_blur_1_listener($event) { return ctx.invokeOnTouched($event); })("ngModelChange", function SliderComponent_Template_input_ngModelChange_1_listener($event) { return ctx.handleChange($event); });
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(3, SliderComponent_Conditional_3_Template, 1, 0, "div", 3);
+                i0__namespace.ɵɵtemplate(2, SliderComponent_Conditional_2_Template, 1, 0, "div", 1)(3, SliderComponent_Conditional_3_Template, 2, 1, "div", 2);
             } if (rf & 2) {
-                i0__namespace.ɵɵproperty("textContent", ctx.minvalue);
-                i0__namespace.ɵɵadvance();
-                i0__namespace.ɵɵproperty("textContent", ctx.maxvalue);
+                i0__namespace.ɵɵconditional(!ctx.showmarkers ? 0 : -1);
                 i0__namespace.ɵɵadvance();
                 i0__namespace.ɵɵproperty("title", ctx.datavalue);
                 i0__namespace.ɵɵtwoWayProperty("ngModel", ctx.datavalue);
                 i0__namespace.ɵɵproperty("ngModelOptions", i0__namespace.ɵɵpureFunction0(14, _c1))("disabled", ctx.disabled)("tabindex", ctx.tabindex);
                 i0__namespace.ɵɵattribute("min", ctx.minvalue)("max", ctx.maxvalue)("step", ctx.step)("accesskey", ctx.shortcutkey)("aria-label", ctx.arialabel)("name", ctx.name);
                 i0__namespace.ɵɵadvance();
-                i0__namespace.ɵɵconditional(ctx.readonly || ctx.disabled ? 3 : -1);
-            } }, dependencies: [common.CommonModule, i1.WmComponentsModule, i1__namespace.TextContentDirective, i2.FormsModule, i2__namespace.DefaultValueAccessor, i2__namespace.RangeValueAccessor, i2__namespace.NgControlStatus, i2__namespace.NgModel], encapsulation: 2 }); }
+                i0__namespace.ɵɵconditional(ctx.readonly || ctx.disabled ? 2 : -1);
+                i0__namespace.ɵɵadvance();
+                i0__namespace.ɵɵconditional(ctx.showmarkers ? 3 : -1);
+            } }, dependencies: [i1.CommonModule, i1__namespace.NgClass, i1__namespace.NgForOf, i1__namespace.NgStyle, i2.WmComponentsModule, i2__namespace.TextContentDirective, i3.FormsModule, i3__namespace.DefaultValueAccessor, i3__namespace.RangeValueAccessor, i3__namespace.NgControlStatus, i3__namespace.NgModel], encapsulation: 2 }); }
     }
     (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SliderComponent, [{
             type: i0.Component,
-            args: [{ standalone: true, imports: [common.CommonModule, i1.WmComponentsModule, i2.FormsModule], selector: '[wmSlider]', providers: [
-                        i1.provideAs(SliderComponent, i2.NG_VALUE_ACCESSOR, true),
-                        i1.provideAsWidgetRef(SliderComponent)
-                    ], template: "<span [textContent]=\"minvalue\" class=\"app-slider-value pull-left\"></span>\n<span [textContent]=\"maxvalue\" class=\"app-slider-value pull-right\"></span>\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\"\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@if (readonly || disabled) {\n  <div aria-readonly=\"true\" class=\"readonly-wrapper\"></div>\n}\n" }]
+            args: [{ standalone: true, imports: [i1.CommonModule, i2.WmComponentsModule, i3.FormsModule], selector: '[wmSlider]', providers: [
+                        i2.provideAs(SliderComponent, i3.NG_VALUE_ACCESSOR, true),
+                        i2.provideAsWidgetRef(SliderComponent)
+                    ], template: "@if(!showmarkers){\n  <span [textContent]=\"minvalue\" class=\"app-slider-value pull-left\"></span>\n  <span [textContent]=\"maxvalue\" 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\"\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@if (readonly || disabled) {\n  <div aria-readonly=\"true\" class=\"readonly-wrapper\"></div>\n}\n@if(showmarkers){\n    <div class=\"marker-container\">\n        <div *ngFor=\"let marker of markerItems\"\n             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    </div>\n\n}\n" }]
         }], () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
                     type: i0.Inject,
                     args: ['EXPLICIT_CONTEXT']
@@ -118,9 +187,9 @@
                     type: i0.Optional
                 }] }], { ngModel: [{
                 type: i0.ViewChild,
-                args: [i2.NgModel]
+                args: [i3.NgModel]
             }] }); })();
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(SliderComponent, { className: "SliderComponent", filePath: "slider.component.ts", lineNumber: 29 }); })();
+    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(SliderComponent, { className: "SliderComponent", filePath: "slider.component.ts", lineNumber: 30 }); })();
 
     exports.SliderComponent = SliderComponent;
 

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

@@ -1,18 +1,56 @@
 import { CommonModule } from '@angular/common';
-import { WmComponentsModule } from "@wm/components/base";
+import { convertDataToObject, WmComponentsModule } from "@wm/components/base";
 import { FormsModule } from '@angular/forms';
 import { Component, Inject, Injector, Optional, ViewChild } from '@angular/core';
 import { NG_VALUE_ACCESSOR, NgModel } from '@angular/forms';
 import { provideAs, provideAsWidgetRef, styler } from '@wm/components/base';
 import { BaseFormCustomComponent } from '@wm/components/input';
 import { registerProps } from './slider.props';
+import { isDefined } from "@wm/core";
 import * as i0 from "@angular/core";
-import * as i1 from "@wm/components/base";
-import * as i2 from "@angular/forms";
+import * as i1 from "@angular/common";
+import * as i2 from "@wm/components/base";
+import * as i3 from "@angular/forms";
 const _c0 = ["wmSlider", ""];
 const _c1 = () => ({ standalone: true });
+const _c2 = a0 => ({ left: a0 });
+function SliderComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 3)(1, "span", 4);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("textContent", ctx_r0.minvalue);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("textContent", ctx_r0.maxvalue);
+} }
+function SliderComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 1);
+} }
+function SliderComponent_Conditional_3_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "div", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const marker_r2 = ctx.$implicit;
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(6, _c2, marker_r2.left + "px"));
+    i0.ɵɵattribute("title", marker_r2.label);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", marker_r2.position);
+    i0.ɵɵattribute("title", marker_r2.label);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", marker_r2.label, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("title", marker_r2.label);
+} }
 function SliderComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 3);
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵtemplate(1, SliderComponent_Conditional_3_div_1_Template, 4, 8, "div", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r0.markerItems);
 } }
 const DEFAULT_CLS = 'app-slider slider';
 const WIDGET_CONFIG = {
@@ -38,8 +76,38 @@ export class SliderComponent extends BaseFormCustomComponent {
         if (key === 'tabindex') {
             return;
         }
+        else if (key === 'showmarkers' || key === 'markerlabeltext' || key === 'minvalue' || key === 'maxvalue' || key === 'step') {
+            if (this.showmarkers) {
+                this.renderMarkers();
+            }
+        }
         super.onPropertyChange(key, nv, ov);
     }
+    renderMarkers() {
+        const sliderTrack = this.nativeElement.querySelector('.range-input');
+        const trackWidth = sliderTrack?.offsetWidth - 9 || 0;
+        let tickCount = 0;
+        if (isDefined(this.minvalue) && isDefined(this.maxvalue)) {
+            tickCount = this.step > 0 ? Math.floor((this.maxvalue - this.minvalue) / this.step) + 1 : 0;
+        }
+        else {
+            tickCount = this.step > 0 ? Math.floor(100 / 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);
+        }
+    }
     static { this.ɵfac = function SliderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SliderComponent, selectors: [["", "wmSlider", ""]], viewQuery: function SliderComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(NgModel, 5);
@@ -49,32 +117,32 @@ export class SliderComponent extends BaseFormCustomComponent {
         } }, standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAs(SliderComponent, NG_VALUE_ACCESSOR, true),
                 provideAsWidgetRef(SliderComponent)
-            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c0, decls: 4, vars: 15, consts: [[1, "app-slider-value", "pull-left", 3, "textContent"], [1, "app-slider-value", "pull-right", 3, "textContent"], ["aria-orientation", "horizontal", "focus-target", "", "type", "range", 1, "range-input", 3, "ngModelChange", "blur", "title", "ngModel", "ngModelOptions", "disabled", "tabindex"], ["aria-readonly", "true", 1, "readonly-wrapper"]], template: function SliderComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelement(0, "span", 0)(1, "span", 1);
-            i0.ɵɵelementStart(2, "input", 2);
-            i0.ɵɵtwoWayListener("ngModelChange", function SliderComponent_Template_input_ngModelChange_2_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.datavalue, $event) || (ctx.datavalue = $event); return $event; });
-            i0.ɵɵlistener("blur", function SliderComponent_Template_input_blur_2_listener($event) { return ctx.invokeOnTouched($event); })("ngModelChange", function SliderComponent_Template_input_ngModelChange_2_listener($event) { return ctx.handleChange($event); });
+            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c0, decls: 4, vars: 15, consts: [["aria-orientation", "horizontal", "focus-target", "", "type", "range", 1, "range-input", 3, "ngModelChange", "blur", "title", "ngModel", "ngModelOptions", "disabled", "tabindex"], ["aria-readonly", "true", 1, "readonly-wrapper"], [1, "marker-container"], [1, "app-slider-value", "pull-left", 3, "textContent"], [1, "app-slider-value", "pull-right", 3, "textContent"], ["class", "marker-wrapper", 3, "ngStyle", 4, "ngFor", "ngForOf"], [1, "marker-wrapper", 3, "ngStyle"], [1, "marker-label", 3, "ngClass"], [1, "marker-dot"]], template: function SliderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, SliderComponent_Conditional_0_Template, 2, 2);
+            i0.ɵɵelementStart(1, "input", 0);
+            i0.ɵɵtwoWayListener("ngModelChange", function SliderComponent_Template_input_ngModelChange_1_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.datavalue, $event) || (ctx.datavalue = $event); return $event; });
+            i0.ɵɵlistener("blur", function SliderComponent_Template_input_blur_1_listener($event) { return ctx.invokeOnTouched($event); })("ngModelChange", function SliderComponent_Template_input_ngModelChange_1_listener($event) { return ctx.handleChange($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(3, SliderComponent_Conditional_3_Template, 1, 0, "div", 3);
+            i0.ɵɵtemplate(2, SliderComponent_Conditional_2_Template, 1, 0, "div", 1)(3, SliderComponent_Conditional_3_Template, 2, 1, "div", 2);
         } if (rf & 2) {
-            i0.ɵɵproperty("textContent", ctx.minvalue);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("textContent", ctx.maxvalue);
+            i0.ɵɵconditional(!ctx.showmarkers ? 0 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("title", ctx.datavalue);
             i0.ɵɵtwoWayProperty("ngModel", ctx.datavalue);
             i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(14, _c1))("disabled", ctx.disabled)("tabindex", ctx.tabindex);
             i0.ɵɵattribute("min", ctx.minvalue)("max", ctx.maxvalue)("step", ctx.step)("accesskey", ctx.shortcutkey)("aria-label", ctx.arialabel)("name", ctx.name);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.readonly || ctx.disabled ? 3 : -1);
-        } }, dependencies: [CommonModule, WmComponentsModule, i1.TextContentDirective, FormsModule, i2.DefaultValueAccessor, i2.RangeValueAccessor, i2.NgControlStatus, i2.NgModel], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.readonly || ctx.disabled ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showmarkers ? 3 : -1);
+        } }, dependencies: [CommonModule, i1.NgClass, i1.NgForOf, i1.NgStyle, WmComponentsModule, i2.TextContentDirective, FormsModule, i3.DefaultValueAccessor, i3.RangeValueAccessor, i3.NgControlStatus, i3.NgModel], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderComponent, [{
         type: Component,
         args: [{ standalone: true, imports: [CommonModule, WmComponentsModule, FormsModule], selector: '[wmSlider]', providers: [
                     provideAs(SliderComponent, NG_VALUE_ACCESSOR, true),
                     provideAsWidgetRef(SliderComponent)
-                ], template: "<span [textContent]=\"minvalue\" class=\"app-slider-value pull-left\"></span>\n<span [textContent]=\"maxvalue\" class=\"app-slider-value pull-right\"></span>\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\"\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@if (readonly || disabled) {\n  <div aria-readonly=\"true\" class=\"readonly-wrapper\"></div>\n}\n" }]
+                ], template: "@if(!showmarkers){\n  <span [textContent]=\"minvalue\" class=\"app-slider-value pull-left\"></span>\n  <span [textContent]=\"maxvalue\" 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\"\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@if (readonly || disabled) {\n  <div aria-readonly=\"true\" class=\"readonly-wrapper\"></div>\n}\n@if(showmarkers){\n    <div class=\"marker-container\">\n        <div *ngFor=\"let marker of markerItems\"\n             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    </div>\n\n}\n" }]
     }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
                 type: Inject,
                 args: ['EXPLICIT_CONTEXT']
@@ -84,5 +152,5 @@ export class SliderComponent extends BaseFormCustomComponent {
             type: ViewChild,
             args: [NgModel]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderComponent, { className: "SliderComponent", filePath: "slider.component.ts", lineNumber: 29 }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9pbnB1dC9zbGlkZXIvc3JjL3NsaWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvaW5wdXQvc2xpZGVyL3NyYy9zbGlkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUMsaUJBQWlCLEVBQUUsT0FBTyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFMUQsT0FBTyxFQUFnQixTQUFTLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDekYsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFFN0QsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7O0lDUzNDLHlCQUF5RDs7QUROM0QsTUFBTSxXQUFXLEdBQUcsbUJBQW1CLENBQUM7QUFDeEMsTUFBTSxhQUFhLEdBQWtCO0lBQ2pDLFVBQVUsRUFBRSxXQUFXO0lBQ3ZCLFNBQVMsRUFBRSxXQUFXO0NBQ3pCLENBQUM7QUFZRixNQUFNLE9BQU8sZUFBZ0IsU0FBUSx1QkFBdUI7YUFDakQsb0JBQWUsR0FBRyxhQUFhLEVBQUUsQUFBbEIsQ0FBbUI7SUFlekMsWUFBWSxHQUFhLEVBQTBDLGVBQW9CO1FBQ25GLEtBQUssQ0FBQyxHQUFHLEVBQUUsYUFBYSxFQUFFLGVBQWUsQ0FBQyxDQUFDO1FBQzNDLE1BQU0sQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxxREFBcUQ7SUFDM0MsV0FBVyxDQUFDLElBQWlCLEVBQUUsU0FBaUIsRUFBRSxRQUFrQixFQUFFLE1BQVc7UUFDdkYsSUFBSSxTQUFTLEtBQUssUUFBUSxJQUFJLFNBQVMsS0FBSyxNQUFNLEVBQUUsQ0FBQztZQUNqRCxLQUFLLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQ3pELENBQUM7SUFDTCxDQUFDO0lBRU0sWUFBWSxDQUFDLE1BQWU7UUFDL0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUMsSUFBSSxFQUFFLFFBQVEsRUFBQyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUUsQ0FBQztJQUVELGdCQUFnQixDQUFDLEdBQVcsRUFBRSxFQUFPLEVBQUUsRUFBUTtRQUMzQyxJQUFJLEdBQUcsS0FBSyxVQUFVLEVBQUUsQ0FBQztZQUNyQixPQUFPO1FBQ1gsQ0FBQztRQUVELEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7Z0hBdENRLGVBQWUsMERBZ0JXLGtCQUFrQjtvRUFoQjVDLGVBQWU7MkJBY2IsT0FBTzs7OztnRUFuQlA7Z0JBQ1AsU0FBUyxDQUFDLGVBQWUsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLENBQUM7Z0JBQ25ELGtCQUFrQixDQUFDLGVBQWUsQ0FBQzthQUN0QztZQ3pCTCxBQURBLDBCQUF5RSxjQUNDO1lBQzFFLGdDQWN5QjtZQVJ2QiwyTUFBdUI7WUFNdkIsQUFEQSwrRkFBUSwyQkFBdUIsSUFBQyxvR0FDZix3QkFBb0IsSUFBQztZQVp4QyxpQkFjeUI7WUFDekIsd0VBQTRCOztZQWpCdEIsMENBQXdCO1lBQ3hCLGNBQXdCO1lBQXhCLDBDQUF3QjtZQUdmLGNBQW1CO1lBQW5CLHFDQUFtQjtZQUloQyw2Q0FBdUI7WUFRdkIsQUFOQSxBQURBLDREQUFxQywwQkFDaEIsMEJBTUE7O1lBQ3ZCLGNBRUM7WUFGRCx1REFFQzs0QkRDVyxZQUFZLEVBQUUsa0JBQWtCLDJCQUFFLFdBQVc7O2lGQVE1QyxlQUFlO2NBVjNCLFNBQVM7NkJBQ0ksSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGtCQUFrQixFQUFFLFdBQVcsQ0FBQyxZQUM1QyxZQUFZLGFBRVg7b0JBQ1AsU0FBUyxrQkFBa0IsaUJBQWlCLEVBQUUsSUFBSSxDQUFDO29CQUNuRCxrQkFBa0IsaUJBQWlCO2lCQUN0Qzs7c0JBa0IyQixNQUFNO3VCQUFDLGtCQUFrQjs7c0JBQUcsUUFBUTtxQkFGNUMsT0FBTztrQkFBMUIsU0FBUzttQkFBQyxPQUFPOztrRkFkVCxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFdtQ29tcG9uZW50c01vZHVsZSB9IGZyb20gXCJAd20vY29tcG9uZW50cy9iYXNlXCI7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIEluamVjdG9yLCBPcHRpb25hbCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TkdfVkFMVUVfQUNDRVNTT1IsIE5nTW9kZWx9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHtJV2lkZ2V0Q29uZmlnLCBwcm92aWRlQXMsIHByb3ZpZGVBc1dpZGdldFJlZiwgc3R5bGVyfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcbmltcG9ydCB7QmFzZUZvcm1DdXN0b21Db21wb25lbnR9IGZyb20gJ0B3bS9jb21wb25lbnRzL2lucHV0JztcblxuaW1wb3J0IHtyZWdpc3RlclByb3BzfSBmcm9tICcuL3NsaWRlci5wcm9wcyc7XG5cblxuY29uc3QgREVGQVVMVF9DTFMgPSAnYXBwLXNsaWRlciBzbGlkZXInO1xuY29uc3QgV0lER0VUX0NPTkZJRzogSVdpZGdldENvbmZpZyA9IHtcbiAgICB3aWRnZXRUeXBlOiAnd20tc2xpZGVyJyxcbiAgICBob3N0Q2xhc3M6IERFRkFVTFRfQ0xTXG59O1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgV21Db21wb25lbnRzTW9kdWxlLCBGb3Jtc01vZHVsZV0sXG4gICAgc2VsZWN0b3I6ICdbd21TbGlkZXJdJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgcHJvdmlkZUFzKFNsaWRlckNvbXBvbmVudCwgTkdfVkFMVUVfQUNDRVNTT1IsIHRydWUpLFxuICAgICAgICBwcm92aWRlQXNXaWRnZXRSZWYoU2xpZGVyQ29tcG9uZW50KVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgU2xpZGVyQ29tcG9uZW50IGV4dGVuZHMgQmFzZUZvcm1DdXN0b21Db21wb25lbnQge1xuICAgIHN0YXRpYyBpbml0aWFsaXplUHJvcHMgPSByZWdpc3RlclByb3BzKCk7XG5cbiAgICBwdWJsaWMgbWludmFsdWU6IG51bWJlcjtcbiAgICBwdWJsaWMgbWF4dmFsdWU6IG51bWJlcjtcbiAgICBwdWJsaWMgZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgcHVibGljIHN0ZXA6IG51bWJlcjtcbiAgICBwdWJsaWMgc2hvcnRjdXRrZXk6IHN0cmluZztcbiAgICBwdWJsaWMgdGFiaW5kZXg6IGFueTtcbiAgICBwdWJsaWMgbmFtZTogc3RyaW5nO1xuICAgIHB1YmxpYyByZWFkb25seTogYm9vbGVhbjtcbiAgICBwdWJsaWMgaGludDogc3RyaW5nO1xuICAgIHB1YmxpYyBhcmlhbGFiZWw6IHN0cmluZztcblxuICAgIEBWaWV3Q2hpbGQoTmdNb2RlbCkgbmdNb2RlbDogTmdNb2RlbDtcblxuICAgIGNvbnN0cnVjdG9yKGluajogSW5qZWN0b3IsIEBJbmplY3QoJ0VYUExJQ0lUX0NPTlRFWFQnKSBAT3B0aW9uYWwoKSBleHBsaWNpdENvbnRleHQ6IGFueSkge1xuICAgICAgICBzdXBlcihpbmosIFdJREdFVF9DT05GSUcsIGV4cGxpY2l0Q29udGV4dCk7XG4gICAgICAgIHN0eWxlcih0aGlzLm5hdGl2ZUVsZW1lbnQsIHRoaXMpO1xuICAgIH1cblxuICAgIC8vIGNoYW5nZSBhbmQgYmx1ciBldmVudHMgYXJlIGFkZGVkIGZyb20gdGhlIHRlbXBsYXRlXG4gICAgcHJvdGVjdGVkIGhhbmRsZUV2ZW50KG5vZGU6IEhUTUxFbGVtZW50LCBldmVudE5hbWU6IHN0cmluZywgY2FsbGJhY2s6IEZ1bmN0aW9uLCBsb2NhbHM6IGFueSkge1xuICAgICAgICBpZiAoZXZlbnROYW1lICE9PSAnY2hhbmdlJyAmJiBldmVudE5hbWUgIT09ICdibHVyJykge1xuICAgICAgICAgICAgc3VwZXIuaGFuZGxlRXZlbnQobm9kZSwgZXZlbnROYW1lLCBjYWxsYmFjaywgbG9jYWxzKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBoYW5kbGVDaGFuZ2UobmV3VmFsOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuaW52b2tlT25DaGFuZ2UodGhpcy5kYXRhdmFsdWUsIHt0eXBlOiAnY2hhbmdlJ30sIHRoaXMubmdNb2RlbC52YWxpZCk7XG4gICAgfVxuXG4gICAgb25Qcm9wZXJ0eUNoYW5nZShrZXk6IHN0cmluZywgbnY6IGFueSwgb3Y/OiBhbnkpIHtcbiAgICAgICAgaWYgKGtleSA9PT0gJ3RhYmluZGV4Jykge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgc3VwZXIub25Qcm9wZXJ0eUNoYW5nZShrZXksIG52LCBvdik7XG4gICAgfVxufVxuIiwiPHNwYW4gW3RleHRDb250ZW50XT1cIm1pbnZhbHVlXCIgY2xhc3M9XCJhcHAtc2xpZGVyLXZhbHVlIHB1bGwtbGVmdFwiPjwvc3Bhbj5cbjxzcGFuIFt0ZXh0Q29udGVudF09XCJtYXh2YWx1ZVwiIGNsYXNzPVwiYXBwLXNsaWRlci12YWx1ZSBwdWxsLXJpZ2h0XCI+PC9zcGFuPlxuPGlucHV0IGNsYXNzPVwicmFuZ2UtaW5wdXRcIiBhcmlhLW9yaWVudGF0aW9uPVwiaG9yaXpvbnRhbFwiXG4gIGZvY3VzLXRhcmdldFxuICB0eXBlPVwicmFuZ2VcIiBbdGl0bGVdPVwiZGF0YXZhbHVlXCJcbiAgW2F0dHIubWluXT1cIm1pbnZhbHVlXCJcbiAgW2F0dHIubWF4XT1cIm1heHZhbHVlXCJcbiAgW2F0dHIuc3RlcF09XCJzdGVwXCJcbiAgWyhuZ01vZGVsKV09XCJkYXRhdmFsdWVcIlxuICBbbmdNb2RlbE9wdGlvbnNdPVwie3N0YW5kYWxvbmU6IHRydWV9XCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgW2F0dHIuYWNjZXNza2V5XT1cInNob3J0Y3V0a2V5XCJcbiAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhbGFiZWxcIlxuICAoYmx1cik9XCJpbnZva2VPblRvdWNoZWQoJGV2ZW50KVwiXG4gIChuZ01vZGVsQ2hhbmdlKT1cImhhbmRsZUNoYW5nZSgkZXZlbnQpXCJcbiAgW2F0dHIubmFtZV09XCJuYW1lXCJcbiAgW3RhYmluZGV4XT1cInRhYmluZGV4XCIvPlxuQGlmIChyZWFkb25seSB8fCBkaXNhYmxlZCkge1xuICA8ZGl2IGFyaWEtcmVhZG9ubHk9XCJ0cnVlXCIgY2xhc3M9XCJyZWFkb25seS13cmFwcGVyXCI+PC9kaXY+XG59XG4iXX0=
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderComponent, { className: "SliderComponent", filePath: "slider.component.ts", lineNumber: 30 }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9pbnB1dC9zbGlkZXIvc3JjL3NsaWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvaW5wdXQvc2xpZGVyL3NyYy9zbGlkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBQyxtQkFBbUIsRUFBRSxrQkFBa0IsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUMsaUJBQWlCLEVBQUUsT0FBTyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFMUQsT0FBTyxFQUFnQixTQUFTLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDekYsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFFN0QsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxVQUFVLENBQUM7Ozs7Ozs7OztJQ1JqQyxBQURBLDBCQUF5RSxjQUNDOzs7SUFEcEUsNkNBQXdCO0lBQ3hCLGNBQXdCO0lBQXhCLDZDQUF3Qjs7O0lBa0I5Qix5QkFBeUQ7OztJQVEvQyxBQUpKLDhCQUdpQyxhQUNxRDtJQUM5RSxZQUNKO0lBQUEsaUJBQU07SUFDTix5QkFBMEQ7SUFDOUQsaUJBQU07OztJQU5ELDJF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QUFDO1FBQ3hCLElBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ2xCLFVBQVUsQ0FBQyxHQUFHLEVBQUUsR0FBRSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUMsQ0FBQSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDbEQsQ0FBQztJQUNMLENBQUM7Z0hBdEVRLGVBQWUsMERBbUJXLGtCQUFrQjtvRUFuQjVDLGVBQWU7MkJBZ0JiLE9BQU87Ozs7Z0VBckJQO2dCQUNQLFNBQVMsQ0FBQyxlQUFlLEVBQUUsaUJBQWlCLEVBQUUsSUFBSSxDQUFDO2dCQUNuRCxrQkFBa0IsQ0FBQyxlQUFlLENBQUM7YUFDdEM7WUMzQkwsOERBQWtCO1lBSWxCLGdDQWN5QjtZQVJ2QiwyTUFBdUI7WUFNdkIsQUFEQSwrRkFBUSwyQkFBdUIsSUFBQyxvR0FDZix3QkFBb0IsSUFBQztZQVp4QyxpQkFjeUI7WUFJekIsQUFIQSx3RUFBNEIsMkRBR1g7O1lBdEJqQiwyQ0FHQztZQUdjLGNBQW1CO1lBQW5CLHFDQUFtQjtZQUloQyw2Q0FBdUI7WUFRdkIsQUFOQSxBQURBLDREQUFxQywwQkFDaEIsMEJBTUE7O1lBQ3ZCLGNBRUM7WUFGRCx1REFFQztZQUNELGNBYUM7WUFiRCwwQ0FhQzs0QkRkVyxZQUFZLHNDQUFFLGtCQUFrQiwyQkFBRSxXQUFXOztpRkFRNUMsZUFBZTtjQVYzQixTQUFTOzZCQUNJLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxrQkFBa0IsRUFBRSxXQUFXLENBQUMsWUFDNUMsWUFBWSxhQUVYO29CQUNQLFNBQVMsa0JBQWtCLGlCQUFpQixFQUFFLElBQUksQ0FBQztvQkFDbkQsa0JBQWtCLGlCQUFpQjtpQkFDdEM7O3NCQXFCMkIsTUFBTTt1QkFBQyxrQkFBa0I7O3NCQUFHLFFBQVE7cUJBSDVDLE9BQU87a0JBQTFCLFNBQVM7bUJBQUMsT0FBTzs7a0ZBaEJULGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtjb252ZXJ0RGF0YVRvT2JqZWN0LCBXbUNvbXBvbmVudHNNb2R1bGV9IGZyb20gXCJAd20vY29tcG9uZW50cy9iYXNlXCI7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIEluamVjdG9yLCBPcHRpb25hbCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TkdfVkFMVUVfQUNDRVNTT1IsIE5nTW9kZWx9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHtJV2lkZ2V0Q29uZmlnLCBwcm92aWRlQXMsIHByb3ZpZGVBc1dpZGdldFJlZiwgc3R5bGVyfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcbmltcG9ydCB7QmFzZUZvcm1DdXN0b21Db21wb25lbnR9IGZyb20gJ0B3bS9jb21wb25lbnRzL2lucHV0JztcblxuaW1wb3J0IHtyZWdpc3RlclByb3BzfSBmcm9tICcuL3NsaWRlci5wcm9wcyc7XG5pbXBvcnQge2lzRGVmaW5lZH0gZnJvbSBcIkB3bS9jb3JlXCI7XG5cblxuY29uc3QgREVGQVVMVF9DTFMgPSAnYXBwLXNsaWRlciBzbGlkZXInO1xuY29uc3QgV0lER0VUX0NPTkZJRzogSVdpZGdldENvbmZpZyA9IHtcbiAgICB3aWRnZXRUeXBlOiAnd20tc2xpZGVyJyxcbiAgICBob3N0Q2xhc3M6IERFRkFVTFRfQ0xTXG59O1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgV21Db21wb25lbnRzTW9kdWxlLCBGb3Jtc01vZHVsZV0sXG4gICAgc2VsZWN0b3I6ICdbd21TbGlkZXJdJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgcHJvdmlkZUFzKFNsaWRlckNvbXBvbmVudCwgTkdfVkFMVUVfQUNDRVNTT1IsIHRydWUpLFxuICAgICAgICBwcm92aWRlQXNXaWRnZXRSZWYoU2xpZGVyQ29tcG9uZW50KVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgU2xpZGVyQ29tcG9uZW50IGV4dGVuZHMgQmFzZUZvcm1DdXN0b21Db21wb25lbnQge1xuICAgIHN0YXRpYyBpbml0aWFsaXplUHJvcHMgPSByZWdpc3RlclByb3BzKCk7XG5cbiAgICBwdWJsaWMgbWludmFsdWU6IG51bWJlcjtcbiAgICBwdWJsaWMgbWF4dmFsdWU6IG51bWJlcjtcbiAgICBwdWJsaWMgZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgcHVibGljIHN0ZXA6IG51bWJlcjtcbiAgICBwdWJsaWMgc2hvcnRjdXRrZXk6IHN0cmluZztcbiAgICBwdWJsaWMgdGFiaW5kZXg6IGFueTtcbiAgICBwdWJsaWMgbmFtZTogc3RyaW5nO1xuICAgIHB1YmxpYyByZWFkb25seTogYm9vbGVhbjtcbiAgICBwdWJsaWMgaGludDogc3RyaW5nO1xuICAgIHB1YmxpYyBhcmlhbGFiZWw6IHN0cmluZztcbiAgICBwdWJsaWMgbWFya2VybGFiZWx0ZXh0OiBzdHJpbmdcbiAgICBwdWJsaWMgc2hvd21hcmtlcnM6IGJvb2xlYW47XG5cbiAgICBAVmlld0NoaWxkKE5nTW9kZWwpIG5nTW9kZWw6IE5nTW9kZWw7XG4gICAgcHVibGljIG1hcmtlckl0ZW1zOiBhbnlbXTtcblxuICAgIGNvbnN0cnVjdG9yKGluajogSW5qZWN0b3IsIEBJbmplY3QoJ0VYUExJQ0lUX0NPTlRFWFQnKSBAT3B0aW9uYWwoKSBleHBsaWNpdENvbnRleHQ6IGFueSkge1xuICAgICAgICBzdXBlcihpbmosIFdJREdFVF9DT05GSUcsIGV4cGxpY2l0Q29udGV4dCk7XG4gICAgICAgIHN0eWxlcih0aGlzLm5hdGl2ZUVsZW1lbnQsIHRoaXMpO1xuICAgIH1cblxuICAgIC8vIGNoYW5nZSBhbmQgYmx1ciBldmVudHMgYXJlIGFkZGVkIGZyb20gdGhlIHRlbXBsYXRlXG4gICAgcHJvdGVjdGVkIGhhbmRsZUV2ZW50KG5vZGU6IEhUTUxFbGVtZW50LCBldmVudE5hbWU6IHN0cmluZywgY2FsbGJhY2s6IEZ1bmN0aW9uLCBsb2NhbHM6IGFueSkge1xuICAgICAgICBpZiAoZXZlbnROYW1lICE9PSAnY2hhbmdlJyAmJiBldmVudE5hbWUgIT09ICdibHVyJykge1xuICAgICAgICAgICAgc3VwZXIuaGFuZGxlRXZlbnQobm9kZSwgZXZlbnROYW1lLCBjYWxsYmFjaywgbG9jYWxzKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBoYW5kbGVDaGFuZ2UobmV3VmFsOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuaW52b2tlT25DaGFuZ2UodGhpcy5kYXRhdmFsdWUsIHt0eXBlOiAnY2hhbmdlJ30sIHRoaXMubmdNb2RlbC52YWxpZCk7XG4gICAgfVxuXG4gICAgb25Qcm9wZXJ0eUNoYW5nZShrZXk6IHN0cmluZywgbnY6IGFueSwgb3Y/OiBhbnkpIHtcbiAgICAgICAgaWYgKGtleSA9PT0gJ3RhYmluZGV4Jykge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIGVsc2UgaWYoa2V5ID09PSAnc2hvd21hcmtlcnMnfHxrZXkgPT09ICdtYXJrZXJsYWJlbHRleHQnIHx8IGtleSA9PT0gJ21pbnZhbHVlJ3x8a2V5ID09PSAnbWF4dmFsdWUnfHxrZXkgPT09ICdzdGVwJykge1xuICAgICAgICAgICAgaWYodGhpcy5zaG93bWFya2Vycykge1xuICAgICAgICAgICAgICAgIHRoaXMucmVuZGVyTWFya2VycygpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHN1cGVyLm9uUHJvcGVydHlDaGFuZ2Uoa2V5LCBudiwgb3YpO1xuICAgIH1cbiAgICBwcml2YXRlIHJlbmRlck1hcmtlcnMoKSB7XG4gICAgICAgIGNvbnN0IHNsaWRlclRyYWNrID0gdGhpcy5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJy5yYW5nZS1pbnB1dCcpIGFzIEhUTUxFbGVtZW50O1xuICAgICAgICBjb25zdCB0cmFja1dpZHRoID0gc2xpZGVyVHJhY2s/Lm9mZnNldFdpZHRoLTl8fCAwO1xuICAgICAgICBsZXQgdGlja0NvdW50PTA7XG4gICAgICAgIGlmKGlzRGVmaW5lZCh0aGlzLm1pbnZhbHVlKSAmJiBpc0RlZmluZWQodGhpcy5tYXh2YWx1ZSkpe1xuICAgICAgICAgICAgdGlja0NvdW50ID0gdGhpcy5zdGVwID4gMCA/IE1hdGguZmxvb3IoKHRoaXMubWF4dmFsdWUgLSB0aGlzLm1pbnZhbHVlKSAvIHRoaXMuc3RlcCkgKyAxIDogMDtcbiAgICAgICAgfSBlbHNle1xuICAgICAgICAgICAgdGlja0NvdW50ID0gdGhpcy5zdGVwID4gMCA/IE1hdGguZmxvb3IoMTAwIC8gdGhpcy5zdGVwKSArIDEgOiAwO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IGxhYmVscyA9IGNvbnZlcnREYXRhVG9PYmplY3QodGhpcy5tYXJrZXJsYWJlbHRleHQpO1xuICAgICAgICB0aGlzLm1hcmtlckl0ZW1zID0gW107XG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGlja0NvdW50OyBpKyspIHtcbiAgICAgICAgICAgIGNvbnN0IGxlZnQgPSAoKHRyYWNrV2lkdGggLyAodGlja0NvdW50IC0gMSkpICogaSk7XG4gICAgICAgICAgICBjb25zdCBsYWJlbCA9IGxhYmVscz8uW2ldPy5kYXRhVmFsdWUgPz8gKEFycmF5LmlzQXJyYXkobGFiZWxzKSA/ICh0eXBlb2YgbGFiZWxzW2ldID09PSAnb2JqZWN0JyAmJiBsYWJlbHNbaV0/LnRpdGxlID8gbGFiZWxzW2ldLnRpdGxlIDogbGFiZWxzW2ldKSA6IGAke2l9YCk7XG4gICAgICAgICAgICBjb25zdCBwb3NpdGlvbiA9IEFycmF5LmlzQXJyYXkobGFiZWxzKSAmJiB0eXBlb2YgbGFiZWxzW2ldID09PSAnb2JqZWN0JyAmJiBsYWJlbHNbaV0/LnBvc2l0aW9uID8gbGFiZWxzW2ldLnBvc2l0aW9uIDogJ3VwJztcbiAgICAgICAgICAgIHRoaXMubWFya2VySXRlbXMucHVzaCh7IGxhYmVsLCBwb3NpdGlvbiwgbGVmdCB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICAgICAgc3VwZXIubmdBZnRlclZpZXdJbml0KCk7XG4gICAgICAgIGlmKHRoaXMuc2hvd21hcmtlcnMpIHtcbiAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge3RoaXMucmVuZGVyTWFya2VycygpO30sIDQwKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkBpZighc2hvd21hcmtlcnMpe1xuICA8c3BhbiBbdGV4dENvbnRlbnRdPVwibWludmFsdWVcIiBjbGFzcz1cImFwcC1zbGlkZXItdmFsdWUgcHVsbC1sZWZ0XCI+PC9zcGFuPlxuICA8c3BhbiBbdGV4dENvbnRlbnRdPVwibWF4dmFsdWVcIiBjbGFzcz1cImFwcC1zbGlkZXItdmFsdWUgcHVsbC1yaWdodFwiPjwvc3Bhbj5cbn1cbjxpbnB1dCBjbGFzcz1cInJhbmdlLWlucHV0XCIgYXJpYS1vcmllbnRhdGlvbj1cImhvcml6b250YWxcIlxuICBmb2N1cy10YXJnZXRcbiAgdHlwZT1cInJhbmdlXCIgW3RpdGxlXT1cImRhdGF2YWx1ZVwiXG4gIFthdHRyLm1pbl09XCJtaW52YWx1ZVwiXG4gIFthdHRyLm1heF09XCJtYXh2YWx1ZVwiXG4gIFthdHRyLnN0ZXBdPVwic3RlcFwiXG4gIFsobmdNb2RlbCldPVwiZGF0YXZhbHVlXCJcbiAgW25nTW9kZWxPcHRpb25zXT1cIntzdGFuZGFsb25lOiB0cnVlfVwiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIFthdHRyLmFjY2Vzc2tleV09XCJzaG9ydGN1dGtleVwiXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYWxhYmVsXCJcbiAgKGJsdXIpPVwiaW52b2tlT25Ub3VjaGVkKCRldmVudClcIlxuICAobmdNb2RlbENoYW5nZSk9XCJoYW5kbGVDaGFuZ2UoJGV2ZW50KVwiXG4gIFthdHRyLm5hbWVdPVwibmFtZVwiXG4gIFt0YWJpbmRleF09XCJ0YWJpbmRleFwiLz5cbkBpZiAocmVhZG9ubHkgfHwgZGlzYWJsZWQpIHtcbiAgPGRpdiBhcmlhLXJlYWRvbmx5PVwidHJ1ZVwiIGNsYXNzPVwicmVhZG9ubHktd3JhcHBlclwiPjwvZGl2PlxufVxuQGlmKHNob3dtYXJrZXJzKXtcbiAgICA8ZGl2IGNsYXNzPVwibWFya2VyLWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBtYXJrZXIgb2YgbWFya2VySXRlbXNcIlxuICAgICAgICAgICAgIGNsYXNzPVwibWFya2VyLXdyYXBwZXJcIlxuICAgICAgICAgICAgIFtuZ1N0eWxlXT1cInsgbGVmdDogbWFya2VyLmxlZnQgKyAncHgnIH1cIlxuICAgICAgICAgICAgIFthdHRyLnRpdGxlXT1cIm1hcmtlci5sYWJlbFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1hcmtlci1sYWJlbFwiIFtuZ0NsYXNzXT1cIm1hcmtlci5wb3NpdGlvblwiIFthdHRyLnRpdGxlXT1cIm1hcmtlci5sYWJlbFwiPlxuICAgICAgICAgICAgICAgIHt7IG1hcmtlci5sYWJlbCB9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWFya2VyLWRvdFwiIFthdHRyLnRpdGxlXT1cIm1hcmtlci5sYWJlbFwiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxufVxuIl19

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

@@ -1,4 +1,4 @@
-import { PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register, registerFormWidget } from '@wm/components/base';
+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],
@@ -13,10 +13,12 @@ export const sliderProps = new Map([
     ['shortcutkey', PROP_STRING],
     ['show', { value: true, ...PROP_BOOLEAN }],
     ['step', PROP_NUMBER],
-    ['tabindex', { value: 0, ...PROP_NUMBER }]
+    ['tabindex', { value: 0, ...PROP_NUMBER }],
+    ['showmarkers', { value: false, ...PROP_BOOLEAN }],
+    ['markerlabeltext', PROP_ANY],
 ]);
 export const registerProps = () => {
     register('wm-slider', sliderProps);
     registerFormWidget(FormWidgetType.SLIDER, new Map(sliderProps));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLnByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2lucHV0L3NsaWRlci9zcmMvc2xpZGVyLnByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsa0JBQWtCLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUN6RyxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sVUFBVSxDQUFDO0FBRXhDLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxJQUFJLEdBQUcsQ0FDOUI7SUFDSSxDQUFDLE9BQU8sRUFBRSxXQUFXLENBQUM7SUFDdEIsQ0FBQyxXQUFXLEVBQUUsV0FBVyxDQUFDO0lBQzFCLENBQUMsVUFBVSxFQUFFLFlBQVksQ0FBQztJQUMxQixDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7SUFDckIsQ0FBQyxXQUFXLEVBQUUsV0FBVyxDQUFDO0lBQzFCLENBQUMsVUFBVSxFQUFFLFdBQVcsQ0FBQztJQUN6QixDQUFDLFVBQVUsRUFBRSxXQUFXLENBQUM7SUFDekIsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDO0lBQ3JCLENBQUMsVUFBVSxFQUFFLFlBQVksQ0FBQztJQUMxQixDQUFDLGFBQWEsRUFBRSxXQUFXLENBQUM7SUFDNUIsQ0FBQyxNQUFNLEVBQUUsRUFBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsWUFBWSxFQUFDLENBQUM7SUFDeEMsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDO0lBQ3JCLENBQUMsVUFBVSxFQUFFLEVBQUMsS0FBSyxFQUFFLENBQUMsRUFBRSxHQUFHLFdBQVcsRUFBQyxDQUFDO0NBQzNDLENBQ0osQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxHQUFHLEVBQUU7SUFDOUIsUUFBUSxDQUNKLFdBQVcsRUFDWCxXQUFXLENBQ2QsQ0FBQztJQUNGLGtCQUFrQixDQUNkLGNBQWMsQ0FBQyxNQUFNLEVBQ3JCLElBQUksR0FBRyxDQUFDLFdBQVcsQ0FBQyxDQUN2QixDQUFDO0FBQ04sQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtQUk9QX0JPT0xFQU4sIFBST1BfTlVNQkVSLCBQUk9QX1NUUklORywgcmVnaXN0ZXIsIHJlZ2lzdGVyRm9ybVdpZGdldH0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5pbXBvcnQge0Zvcm1XaWRnZXRUeXBlfSBmcm9tICdAd20vY29yZSc7XG5cbmV4cG9ydCBjb25zdCBzbGlkZXJQcm9wcyA9IG5ldyBNYXAoXG4gICAgW1xuICAgICAgICBbJ2NsYXNzJywgUFJPUF9TVFJJTkddLFxuICAgICAgICBbJ2RhdGF2YWx1ZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgWydkaXNhYmxlZCcsIFBST1BfQk9PTEVBTl0sXG4gICAgICAgIFsnaGludCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgWydhcmlhbGFiZWwnLCBQUk9QX1NUUklOR10sXG4gICAgICAgIFsnbWF4dmFsdWUnLCBQUk9QX05VTUJFUl0sXG4gICAgICAgIFsnbWludmFsdWUnLCBQUk9QX05VTUJFUl0sXG4gICAgICAgIFsnbmFtZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgWydyZWFkb25seScsIFBST1BfQk9PTEVBTl0sXG4gICAgICAgIFsnc2hvcnRjdXRrZXknLCBQUk9QX1NUUklOR10sXG4gICAgICAgIFsnc2hvdycsIHt2YWx1ZTogdHJ1ZSwgLi4uUFJPUF9CT09MRUFOfV0sXG4gICAgICAgIFsnc3RlcCcsIFBST1BfTlVNQkVSXSxcbiAgICAgICAgWyd0YWJpbmRleCcsIHt2YWx1ZTogMCwgLi4uUFJPUF9OVU1CRVJ9XVxuICAgIF1cbik7XG5cbmV4cG9ydCBjb25zdCByZWdpc3RlclByb3BzID0gKCkgPT4ge1xuICAgIHJlZ2lzdGVyKFxuICAgICAgICAnd20tc2xpZGVyJyxcbiAgICAgICAgc2xpZGVyUHJvcHNcbiAgICApO1xuICAgIHJlZ2lzdGVyRm9ybVdpZGdldChcbiAgICAgICAgRm9ybVdpZGdldFR5cGUuU0xJREVSLFxuICAgICAgICBuZXcgTWFwKHNsaWRlclByb3BzKVxuICAgICk7XG59O1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLnByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2lucHV0L3NsaWRlci9zcmMvc2xpZGVyLnByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsWUFBWSxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLGtCQUFrQixFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDbEgsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUV4QyxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsSUFBSSxHQUFHLENBQzlCO0lBQ0ksQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDO0lBQ3RCLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQztJQUMxQixDQUFDLFVBQVUsRUFBRSxZQUFZLENBQUM7SUFDMUIsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDO0lBQ3JCLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQztJQUMxQixDQUFDLFVBQVUsRUFBRSxXQUFXLENBQUM7SUFDekIsQ0FBQyxVQUFVLEVBQUUsV0FBVyxDQUFDO0lBQ3pCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztJQUNyQixDQUFDLFVBQVUsRUFBRSxZQUFZLENBQUM7SUFDMUIsQ0FBQyxhQUFhLEVBQUUsV0FBVyxDQUFDO0lBQzVCLENBQUMsTUFBTSxFQUFFLEVBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLFlBQVksRUFBQyxDQUFDO0lBQ3hDLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztJQUNyQixDQUFDLFVBQVUsRUFBRSxFQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztJQUN4QyxDQUFDLGFBQWEsRUFBQyxFQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsR0FBRyxZQUFZLEVBQUMsQ0FBQztJQUMvQyxDQUFDLGlCQUFpQixFQUFDLFFBQVEsQ0FBQztDQUMvQixDQUNKLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsR0FBRyxFQUFFO0lBQzlCLFFBQVEsQ0FDSixXQUFXLEVBQ1gsV0FBVyxDQUNkLENBQUM7SUFDRixrQkFBa0IsQ0FDZCxjQUFjLENBQUMsTUFBTSxFQUNyQixJQUFJLEdBQUcsQ0FBQyxXQUFXLENBQUMsQ0FDdkIsQ0FBQztBQUNOLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7UFJPUF9BTlksUFJPUF9CT09MRUFOLCBQUk9QX05VTUJFUiwgUFJPUF9TVFJJTkcsIHJlZ2lzdGVyLCByZWdpc3RlckZvcm1XaWRnZXR9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuaW1wb3J0IHtGb3JtV2lkZ2V0VHlwZX0gZnJvbSAnQHdtL2NvcmUnO1xuXG5leHBvcnQgY29uc3Qgc2xpZGVyUHJvcHMgPSBuZXcgTWFwKFxuICAgIFtcbiAgICAgICAgWydjbGFzcycsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgWydkYXRhdmFsdWUnLCBQUk9QX1NUUklOR10sXG4gICAgICAgIFsnZGlzYWJsZWQnLCBQUk9QX0JPT0xFQU5dLFxuICAgICAgICBbJ2hpbnQnLCBQUk9QX1NUUklOR10sXG4gICAgICAgIFsnYXJpYWxhYmVsJywgUFJPUF9TVFJJTkddLFxuICAgICAgICBbJ21heHZhbHVlJywgUFJPUF9OVU1CRVJdLFxuICAgICAgICBbJ21pbnZhbHVlJywgUFJPUF9OVU1CRVJdLFxuICAgICAgICBbJ25hbWUnLCBQUk9QX1NUUklOR10sXG4gICAgICAgIFsncmVhZG9ubHknLCBQUk9QX0JPT0xFQU5dLFxuICAgICAgICBbJ3Nob3J0Y3V0a2V5JywgUFJPUF9TVFJJTkddLFxuICAgICAgICBbJ3Nob3cnLCB7dmFsdWU6IHRydWUsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICBbJ3N0ZXAnLCBQUk9QX05VTUJFUl0sXG4gICAgICAgIFsndGFiaW5kZXgnLCB7dmFsdWU6IDAsIC4uLlBST1BfTlVNQkVSfV0sXG4gICAgICAgIFsnc2hvd21hcmtlcnMnLHt2YWx1ZTogZmFsc2UsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICBbJ21hcmtlcmxhYmVsdGV4dCcsUFJPUF9BTlldLFxuICAgIF1cbik7XG5cbmV4cG9ydCBjb25zdCByZWdpc3RlclByb3BzID0gKCkgPT4ge1xuICAgIHJlZ2lzdGVyKFxuICAgICAgICAnd20tc2xpZGVyJyxcbiAgICAgICAgc2xpZGVyUHJvcHNcbiAgICApO1xuICAgIHJlZ2lzdGVyRm9ybVdpZGdldChcbiAgICAgICAgRm9ybVdpZGdldFR5cGUuU0xJREVSLFxuICAgICAgICBuZXcgTWFwKHNsaWRlclByb3BzKVxuICAgICk7XG59O1xuIl19