input mode for property editor text box

src/Umbraco.Web.UI.Client/src/mocks/data/data-type.data.ts

@@ -269,7 +269,7 @@ export const data: Array<DataTypeResponseModel | FolderTreeItemResponseModel> =
 		propertyEditorUiAlias: 'Umb.PropertyEditorUi.Email',
 		values: [
 			{
-				alias: 'inputType',
+				alias: 'inputMode',
 				value: 'email',
 			},
 		],

src/Umbraco.Web.UI.Client/src/packages/core/property-editor/uis/text-box/property-editor-ui-text-box.element.ts

@@ -17,12 +17,16 @@ export class UmbPropertyEditorUITextBoxElement extends UmbLitElement implements
 	@state()
 	private _type: UuiInputTypeType = this.#defaultType;
 
+	@state()
+	private _inputMode?: string;
+
 	@state()
 	private _maxChars?: number;
 
 	@property({ attribute: false })
 	public set config(config: UmbPropertyEditorConfigCollection | undefined) {
 		this._type = config?.getValueByAlias<UuiInputTypeType>('inputType') ?? this.#defaultType;
+		this._inputMode = config?.getValueByAlias('inputMode');
 		this._maxChars = config?.getValueByAlias('maxChars');
 	}
 
@@ -35,6 +39,7 @@ export class UmbPropertyEditorUITextBoxElement extends UmbLitElement implements
 		return html`<uui-input
 			.value=${this.value ?? ''}
 			.type=${this._type}
+			inputMode=${ifDefined(this._inputMode)}
 			maxlength=${ifDefined(this._maxChars)}
 			@change=${this.onChange}></uui-input>`;
 	}