From 1754c1e80244cb7f3be4b2ba6fdbadb6390cef8d Mon Sep 17 00:00:00 2001 From: Mads Rasmussen Date: Fri, 21 Jun 2024 23:27:21 +0200 Subject: [PATCH] implement readonly mode --- .../number/property-editor-ui-number.element.ts | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/src/Umbraco.Web.UI.Client/src/packages/property-editors/number/property-editor-ui-number.element.ts b/src/Umbraco.Web.UI.Client/src/packages/property-editors/number/property-editor-ui-number.element.ts index e95cd74ca5..5065015dd7 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/property-editors/number/property-editor-ui-number.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/property-editors/number/property-editor-ui-number.element.ts @@ -9,6 +9,15 @@ export class UmbPropertyEditorUINumberElement extends UmbLitElement implements U @property({ type: Number }) value?: number; + /** + * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content. + * @type {boolean} + * @attr + * @default false + */ + @property({ type: Boolean, reflect: true }) + readonly = false; + @state() private _max?: number; @@ -48,7 +57,8 @@ export class UmbPropertyEditorUINumberElement extends UmbLitElement implements U step=${ifDefined(this._step)} placeholder=${ifDefined(this._placeholder)} .value=${this.value ?? (this._placeholder ? undefined : 0)} - @input=${this.#onInput}> + @input=${this.#onInput} + ?readonly=${this.readonly}> `; }