From f692a3831014dd75e2d6bb6014f9e4d2ebbe907c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= Date: Thu, 18 Apr 2024 09:18:15 +0200 Subject: [PATCH] allow for undefined in number range --- .../input-number-range/input-number-range.element.ts | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/components/input-number-range/input-number-range.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/components/input-number-range/input-number-range.element.ts index ed974e2950..5b07b235c6 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/core/components/input-number-range/input-number-range.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/core/components/input-number-range/input-number-range.element.ts @@ -9,7 +9,7 @@ function getNumberOrUndefined(value: string) { } @customElement('umb-input-number-range') -export class UmbInputNumberRangeElement extends UmbFormControlMixin(UmbLitElement, '') { +export class UmbInputNumberRangeElement extends UmbFormControlMixin(UmbLitElement) { @property({ type: String, attribute: 'min-label' }) minLabel = 'Low value'; @@ -41,7 +41,8 @@ export class UmbInputNumberRangeElement extends UmbFormControlMixin(UmbLitElemen } private updateValue() { - const newValue = this._minValue || this._maxValue ? (this._minValue ?? '') + ',' + (this._maxValue ?? '') : ''; + const newValue = + this._minValue || this._maxValue ? (this._minValue ?? '') + ',' + (this._maxValue ?? '') : undefined; if (super.value !== newValue) { super.value = newValue; } @@ -56,7 +57,7 @@ export class UmbInputNumberRangeElement extends UmbFormControlMixin(UmbLitElemen } } public get value(): string { - return this.minValue || this.maxValue ? (this.minValue || '') + ',' + (this.maxValue || '') : ''; + return this.minValue || this.maxValue ? (this.minValue || '') + ',' + (this.maxValue || '') : undefined; } constructor() {