@ardium-ui/ui 5.0.0-alpha.80 → 5.0.0-alpha.81

package/fesm2022/ardium-ui-ui.mjs

@@ -11351,7 +11351,6 @@ class _SelectableListComponentBase extends _FormFieldComponentBase {
         if (selected.length > 0) {
             this.addEvent.emit(selected);
             this._emitChange();
-            this._emitTouched();
         }
     }
     unselectItem(...items) {
@@ -11359,7 +11358,6 @@ class _SelectableListComponentBase extends _FormFieldComponentBase {
         if (unselected.length > 0)
             this.removeEvent.emit(unselected);
         this._emitChange();
-        this._emitTouched();
     }
     onMouseMove() {
         this.isMouseBeingUsed.set(true);
@@ -11783,6 +11781,7 @@ const _asbtractSliderDefaults = {
     tooltipBehavior: SliderTooltipBehavior.Auto,
     selectionBehavior: ArdRangeSelectionBehavior.Allow,
     minimumDistance: 0,
+    emitTouchedOnEveryChange: false,
 };
 class _AbstractSlider extends _NgModelComponentBase {
     constructor() {
@@ -11906,6 +11905,9 @@ class _AbstractSlider extends _NgModelComponentBase {
         this._grabbedHandleId = signal(null);
         this._shouldCheckForMovement = false;
         this._bodyHasClass = false;
+        this.emitTouchedOnEveryChange = input(this._DEFAULTS.emitTouchedOnEveryChange, {
+            transform: v => coerceBooleanProperty(v),
+        });
         this.isSliderHandleGrabbed = computed(() => !!this._grabbedHandleId());
         this.grabbedHandleEffect = effect(() => {
             if (this.isSliderHandleGrabbed()) {
@@ -11932,6 +11934,12 @@ class _AbstractSlider extends _NgModelComponentBase {
         newPercent = this._clampPercentValue(newPercent);
         this._setValueFromPercent(newPercent);
     }
+    _decrement(event, forceShift = false) {
+        this._offset(-1, forceShift || event.shiftKey);
+    }
+    _increment(event, forceShift = false) {
+        this._offset(+1, forceShift || event.shiftKey);
+    }
     //! helper methods
     _clampValue(v) {
         //clamp between min and max
@@ -11977,6 +11985,9 @@ class _AbstractSlider extends _NgModelComponentBase {
             return;
         this._value.set(this._percentValueToValue(percent, handleId));
         this._emitChange();
+        if (this.emitTouchedOnEveryChange()) {
+            this._emitTouched();
+        }
     }
     _writeValueFromEvent(event, handleId) {
         const percent = this._getPercentValueFromEvent(event);
@@ -12038,14 +12049,8 @@ class _AbstractSlider extends _NgModelComponentBase {
             }
         }
     }
-    _decrement(event, forceShift = false) {
-        this._offset(-1, forceShift || event.shiftKey);
-    }
-    _increment(event, forceShift = false) {
-        this._offset(+1, forceShift || event.shiftKey);
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: _AbstractSlider, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.15", type: _AbstractSlider, isStandalone: true, inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, shiftMultiplier: { classPropertyName: "shiftMultiplier", publicName: "shiftMultiplier", isSignal: true, isRequired: false, transformFunction: null }, showValueTicks: { classPropertyName: "showValueTicks", publicName: "showValueTicks", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, noTooltip: { classPropertyName: "noTooltip", publicName: "noTooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipFormatFn: { classPropertyName: "tooltipFormatFn", publicName: "tooltipFormatFn", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, tooltipBehavior: { classPropertyName: "tooltipBehavior", publicName: "tooltipBehavior", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { listeners: { "document:pointerup": "onPointerUp()", "document:touchend": "onPointerUp()", "keydown": "onKeyPress($event)" } }, queries: [{ propertyName: "tooltipTemplate", first: true, predicate: ArdSliderTooltipDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["track"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.15", type: _AbstractSlider, isStandalone: true, inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, shiftMultiplier: { classPropertyName: "shiftMultiplier", publicName: "shiftMultiplier", isSignal: true, isRequired: false, transformFunction: null }, showValueTicks: { classPropertyName: "showValueTicks", publicName: "showValueTicks", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, noTooltip: { classPropertyName: "noTooltip", publicName: "noTooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipFormatFn: { classPropertyName: "tooltipFormatFn", publicName: "tooltipFormatFn", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, tooltipBehavior: { classPropertyName: "tooltipBehavior", publicName: "tooltipBehavior", isSignal: true, isRequired: false, transformFunction: null }, emitTouchedOnEveryChange: { classPropertyName: "emitTouchedOnEveryChange", publicName: "emitTouchedOnEveryChange", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { listeners: { "document:pointerup": "onPointerUp()", "document:touchend": "onPointerUp()", "keydown": "onKeyPress($event)" } }, queries: [{ propertyName: "tooltipTemplate", first: true, predicate: ArdSliderTooltipDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["track"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: _AbstractSlider, decorators: [{
             type: Directive