@umbraco-cms/backoffice 14.0.0--preview004-49507162 → 14.0.0--preview004-14ef63c3

package/dist-cms/mocks/data/data-type.data.js

@@ -260,7 +260,12 @@ export const data = [
         parentId: null,
         propertyEditorAlias: 'Umbraco.EmailAddress',
         propertyEditorUiAlias: 'Umb.PropertyEditorUi.Email',
-        values: [],
+        values: [
+            {
+                alias: 'inputMode',
+                value: 'email',
+            },
+        ],
     },
     {
         type: 'data-type',

package/dist-cms/packages/core/property-editor/uis/text-box/property-editor-ui-text-box.element.d.ts

@@ -4,10 +4,11 @@ import type { UmbPropertyEditorConfigCollection } from '../../index.js';
 export declare class UmbPropertyEditorUITextBoxElement extends UmbLitElement implements UmbPropertyEditorExtensionElement {
     #private;
     value: string;
-    private _type?;
+    private _type;
+    private _inputMode?;
     private _maxChars?;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
-    private onInput;
+    private onChange;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }

package/dist-cms/packages/core/property-editor/uis/text-box/property-editor-ui-text-box.element.js

@@ -5,29 +5,32 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, customElement, property, state, ifDefined } from '../../../../../external/lit/index.js';
-import { UmbTextStyles } from "../../../../../shared/style/index.js";
+import { UmbTextStyles } from '../../../../../shared/style/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 export let UmbPropertyEditorUITextBoxElement = class UmbPropertyEditorUITextBoxElement extends UmbLitElement {
     constructor() {
         super(...arguments);
         this.#defaultType = 'text';
         this.value = '';
+        this._type = this.#defaultType;
     }
     #defaultType;
     set config(config) {
         this._type = config?.getValueByAlias('inputType') ?? this.#defaultType;
+        this._inputMode = config?.getValueByAlias('inputMode');
         this._maxChars = config?.getValueByAlias('maxChars');
     }
-    onInput(e) {
+    onChange(e) {
         this.value = e.target.value;
         this.dispatchEvent(new CustomEvent('property-value-change'));
     }
     render() {
         return html `<uui-input
 			.value=${this.value ?? ''}
-			type="${this._type}"
-			maxlength="${ifDefined(this._maxChars)}"
-			@input=${this.onInput}></uui-input>`;
+			.type=${this._type}
+			inputMode=${ifDefined(this._inputMode)}
+			maxlength=${ifDefined(this._maxChars)}
+			@change=${this.onChange}></uui-input>`;
     }
     static { this.styles = [
         UmbTextStyles,
@@ -44,6 +47,9 @@ __decorate([
 __decorate([
     state()
 ], UmbPropertyEditorUITextBoxElement.prototype, "_type", void 0);
+__decorate([
+    state()
+], UmbPropertyEditorUITextBoxElement.prototype, "_inputMode", void 0);
 __decorate([
     state()
 ], UmbPropertyEditorUITextBoxElement.prototype, "_maxChars", void 0);