@umbraco-cms/backoffice 14.0.0-rc3 → 14.0.0-rc4

package/dist-cms/packages/property-editors/content-picker/property-editor-ui-content-picker.element.js

@@ -9,6 +9,9 @@ import { html, customElement, property, state } from '../../../external/lit/inde
 import { UmbLitElement } from '../../core/lit-element/index.js';
 import { UmbPropertyValueChangeEvent } from '../../core/property-editor/index.js';
 import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../core/workspace/index.js';
+import { UMB_DOCUMENT_ENTITY_TYPE } from '../../documents/documents/index.js';
+import { UMB_MEDIA_ENTITY_TYPE } from '../../media/media/index.js';
+import { UMB_MEMBER_ENTITY_TYPE } from '../../members/member/index.js';
 // import of local component
 import './components/input-content/index.js';
 /**
@@ -18,44 +21,54 @@ let UmbPropertyEditorUIContentPickerElement = class UmbPropertyEditorUIContentPi
     constructor() {
         super(...arguments);
         this.value = [];
-        this.type = 'content';
-        this.min = 0;
-        this.max = Infinity;
+        this._type = 'content';
+        this._min = 0;
+        this._max = Infinity;
         this.#dynamicRootRepository = new UmbContentPickerDynamicRootRepository(this);
+        this.#entityTypeDictionary = {
+            content: UMB_DOCUMENT_ENTITY_TYPE,
+            media: UMB_MEDIA_ENTITY_TYPE,
+            member: UMB_MEMBER_ENTITY_TYPE,
+        };
     }
     #dynamicRoot;
     #dynamicRootRepository;
+    #entityTypeDictionary;
     set config(config) {
         if (!config)
             return;
         const startNode = config.getValueByAlias('startNode');
         if (startNode) {
-            this.type = startNode.type;
-            this.startNodeId = startNode.id;
+            this._type = startNode.type;
+            this._rootUnique = startNode.id;
+            this._rootEntityType = this.#entityTypeDictionary[startNode.type];
             this.#dynamicRoot = startNode.dynamicRoot;
         }
-        this.min = Number(config.getValueByAlias('minNumber')) || 0;
-        this.max = Number(config.getValueByAlias('maxNumber')) || Infinity;
-        this.allowedContentTypeIds = config.getValueByAlias('filter');
-        this.showOpenButton = config.getValueByAlias('showOpenButton');
-        this.ignoreUserStartNodes = config.getValueByAlias('ignoreUserStartNodes');
+        this._min = Number(config.getValueByAlias('minNumber')) || 0;
+        this._max = Number(config.getValueByAlias('maxNumber')) || Infinity;
+        this._allowedContentTypeUniques = config.getValueByAlias('filter');
+        this._showOpenButton = config.getValueByAlias('showOpenButton');
     }
     connectedCallback() {
         super.connectedCallback();
-        this.#setStartNodeId();
+        this.#setPickerRootUnique();
     }
-    async #setStartNodeId() {
-        if (this.startNodeId)
+    async #setPickerRootUnique() {
+        // If we have a root unique value, we don't need to fetch it from the dynamic root
+        if (this._rootUnique)
+            return;
+        if (!this.#dynamicRoot)
             return;
-        // TODO: Awaiting the workspace context to have a parent entity ID value. [LK]
-        // e.g. const parentEntityId = this.#workspaceContext?.getParentEntityId();
         const workspaceContext = await this.getContext(UMB_ENTITY_WORKSPACE_CONTEXT);
         const unique = workspaceContext.getUnique();
-        if (unique && this.#dynamicRoot) {
-            const result = await this.#dynamicRootRepository.requestRoot(this.#dynamicRoot, unique);
-            if (result && result.length > 0) {
-                this.startNodeId = result[0];
-            }
+        if (!unique)
+            return;
+        const menuStructureWorkspaceContext = (await this.getContext('UmbMenuStructureWorkspaceContext'));
+        const parent = (await this.observe(menuStructureWorkspaceContext.parent, () => { })?.asPromise());
+        const parentUnique = parent?.unique;
+        const result = await this.#dynamicRootRepository.requestRoot(this.#dynamicRoot, unique, parentUnique);
+        if (result && result.length > 0) {
+            this._rootUnique = result[0];
         }
     }
     #onChange(event) {
@@ -63,15 +76,17 @@ let UmbPropertyEditorUIContentPickerElement = class UmbPropertyEditorUIContentPi
         this.dispatchEvent(new UmbPropertyValueChangeEvent());
     }
     render() {
+        const startNode = this._rootUnique && this._rootEntityType
+            ? { unique: this._rootUnique, entityType: this._rootEntityType }
+            : undefined;
         return html `<umb-input-content
 			.items=${this.value}
-			.type=${this.type}
-			.startNodeId=${this.startNodeId ?? ''}
-			.min=${this.min}
-			.max=${this.max}
-			.allowedContentTypeIds=${this.allowedContentTypeIds ?? ''}
-			?showOpenButton=${this.showOpenButton}
-			?ignoreUserStartNodes=${this.ignoreUserStartNodes}
+			.type=${this._type}
+			.min=${this._min}
+			.max=${this._max}
+			.startNode=${startNode}
+			.allowedContentTypeIds=${this._allowedContentTypeUniques ?? ''}
+			?showOpenButton=${this._showOpenButton}
 			@change=${this.#onChange}></umb-input-content>`;
     }
 };
@@ -80,25 +95,25 @@ __decorate([
 ], UmbPropertyEditorUIContentPickerElement.prototype, "value", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUIContentPickerElement.prototype, "type", void 0);
+], UmbPropertyEditorUIContentPickerElement.prototype, "_type", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUIContentPickerElement.prototype, "startNodeId", void 0);
+], UmbPropertyEditorUIContentPickerElement.prototype, "_min", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUIContentPickerElement.prototype, "min", void 0);
+], UmbPropertyEditorUIContentPickerElement.prototype, "_max", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUIContentPickerElement.prototype, "max", void 0);
+], UmbPropertyEditorUIContentPickerElement.prototype, "_allowedContentTypeUniques", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUIContentPickerElement.prototype, "allowedContentTypeIds", void 0);
+], UmbPropertyEditorUIContentPickerElement.prototype, "_showOpenButton", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUIContentPickerElement.prototype, "showOpenButton", void 0);
+], UmbPropertyEditorUIContentPickerElement.prototype, "_rootUnique", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUIContentPickerElement.prototype, "ignoreUserStartNodes", void 0);
+], UmbPropertyEditorUIContentPickerElement.prototype, "_rootEntityType", void 0);
 UmbPropertyEditorUIContentPickerElement = __decorate([
     customElement('umb-property-editor-ui-content-picker')
 ], UmbPropertyEditorUIContentPickerElement);

package/dist-cms/packages/property-editors/dropdown/property-editor-ui-dropdown.element.d.ts

@@ -8,9 +8,9 @@ export declare class UmbPropertyEditorUIDropdownElement extends UmbLitElement im
     #private;
     set value(value: Array<string> | string | undefined);
     get value(): Array<string> | undefined;
-    private _items;
-    private _multiple;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
+    private _multiple;
+    private _options;
     render(): import("lit-html").TemplateResult<1>;
     static styles: (import("@lit/reactive-element/css-tag.js").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResult[])[];
 }

package/dist-cms/packages/property-editors/dropdown/property-editor-ui-dropdown.element.js

@@ -15,8 +15,8 @@ let UmbPropertyEditorUIDropdownElement = class UmbPropertyEditorUIDropdownElemen
     constructor() {
         super(...arguments);
         this.#selection = [];
-        this._items = [];
         this._multiple = false;
+        this._options = [];
     }
     #selection;
     set value(value) {
@@ -29,8 +29,17 @@ let UmbPropertyEditorUIDropdownElement = class UmbPropertyEditorUIDropdownElemen
         if (!config)
             return;
         const items = config.getValueByAlias('items');
-        this._items = items?.map((item) => ({ value: item, name: item, selected: this.#selection.includes(item) })) ?? [];
-        this._multiple = config?.getValueByAlias('multiple') ?? false;
+        if (Array.isArray(items) && items.length > 0) {
+            this._options =
+                typeof items[0] === 'string'
+                    ? items.map((item) => ({ name: item, value: item, selected: this.#selection.includes(item) }))
+                    : items.map((item) => ({
+                        name: item.name,
+                        value: item.value,
+                        selected: this.#selection.includes(item.value),
+                    }));
+        }
+        this._multiple = config.getValueByAlias('multiple') ?? false;
     }
     #onChange(event) {
         const value = event.target.value;
@@ -53,12 +62,14 @@ let UmbPropertyEditorUIDropdownElement = class UmbPropertyEditorUIDropdownElemen
     #renderDropdownMultiple() {
         return html `
 			<select id="native" multiple @change=${this.#onChangeMulitple}>
-				${map(this._items, (item) => html `<option value=${item.value} ?selected=${item.selected}>${item.name}</option>`)}
+				${map(this._options, (item) => html `<option value=${item.value} ?selected=${item.selected}>${item.name}</option>`)}
 			</select>
 		`;
     }
     #renderDropdownSingle() {
-        return html `<umb-input-dropdown-list .options=${this._items} @change=${this.#onChange}></umb-input-dropdown-list>`;
+        return html `
+			<umb-input-dropdown-list .options=${this._options} @change=${this.#onChange}></umb-input-dropdown-list>
+		`;
     }
     static { this.styles = [
         UUISelectElement.styles,
@@ -74,10 +85,10 @@ __decorate([
 ], UmbPropertyEditorUIDropdownElement.prototype, "value", null);
 __decorate([
     state()
-], UmbPropertyEditorUIDropdownElement.prototype, "_items", void 0);
+], UmbPropertyEditorUIDropdownElement.prototype, "_multiple", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUIDropdownElement.prototype, "_multiple", void 0);
+], UmbPropertyEditorUIDropdownElement.prototype, "_options", void 0);
 UmbPropertyEditorUIDropdownElement = __decorate([
     customElement('umb-property-editor-ui-dropdown')
 ], UmbPropertyEditorUIDropdownElement);

package/dist-cms/packages/property-editors/eye-dropper/property-editor-ui-eye-dropper.element.d.ts

@@ -8,7 +8,7 @@ export declare class UmbPropertyEditorUIEyeDropperElement extends UmbLitElement
     #private;
     value: string;
     private _opacity;
-    private _swatches;
+    private _showPalette;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist-cms/packages/property-editors/eye-dropper/property-editor-ui-eye-dropper.element.js

@@ -13,36 +13,15 @@ import { UmbPropertyValueChangeEvent } from '../../core/property-editor/index.js
 let UmbPropertyEditorUIEyeDropperElement = class UmbPropertyEditorUIEyeDropperElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        this.#defaultOpacity = false;
         this.value = '';
-        this._opacity = this.#defaultOpacity;
-        this._swatches = [];
+        this._opacity = false;
+        this._showPalette = false;
     }
-    #defaultOpacity;
     set config(config) {
-        this._opacity = config?.getValueByAlias('showAlpha') ?? this.#defaultOpacity;
-        const showPalette = config?.getValueByAlias('showPalette') ?? false;
-        if (showPalette) {
-            // TODO: This is a temporary solution until we have a proper way to get the palette from the config. [LK]
-            this._swatches = [
-                '#d0021b',
-                '#f5a623',
-                '#f8e71c',
-                '#8b572a',
-                '#7ed321',
-                '#417505',
-                '#bd10e0',
-                '#9013fe',
-                '#4a90e2',
-                '#50e3c2',
-                '#b8e986',
-                '#000',
-                '#444',
-                '#888',
-                '#ccc',
-                '#fff',
-            ];
-        }
+        if (!config)
+            return;
+        this._opacity = config.getValueByAlias('showAlpha') ?? false;
+        this._showPalette = config.getValueByAlias('showPalette') ?? false;
     }
     #onChange(event) {
         this.value = event.target.value;
@@ -52,7 +31,7 @@ let UmbPropertyEditorUIEyeDropperElement = class UmbPropertyEditorUIEyeDropperEl
         return html `
 			<umb-input-eye-dropper
 				.opacity=${this._opacity}
-				.swatches=${this._swatches}
+				.showPalette=${this._showPalette}
 				value=${this.value}
 				@change=${this.#onChange}></umb-input-eye-dropper>
 		`;
@@ -66,7 +45,7 @@ __decorate([
 ], UmbPropertyEditorUIEyeDropperElement.prototype, "_opacity", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUIEyeDropperElement.prototype, "_swatches", void 0);
+], UmbPropertyEditorUIEyeDropperElement.prototype, "_showPalette", void 0);
 UmbPropertyEditorUIEyeDropperElement = __decorate([
     customElement('umb-property-editor-ui-eye-dropper')
 ], UmbPropertyEditorUIEyeDropperElement);

package/dist-cms/packages/property-editors/manifests.js

@@ -13,7 +13,6 @@ import { manifests as eyeDropperManifests } from './eye-dropper/manifests.js';
 import { manifests as iconPickerManifests } from './icon-picker/manifests.js';
 import { manifests as labelManifests } from './label/manifests.js';
 import { manifests as multipleTextStringManifests } from './multiple-text-string/manifests.js';
-import { manifests as multiUrlPickerManifests } from './multi-url-picker/manifests.js';
 import { manifests as numberManifests } from './number/manifests.js';
 import { manifests as radioButtonListManifests } from './radio-button-list/manifests.js';
 import { manifests as sliderManifests } from './slider/manifests.js';
@@ -32,7 +31,6 @@ export const manifests = [
     ...iconPickerManifests,
     ...labelManifests,
     ...multipleTextStringManifests,
-    ...multiUrlPickerManifests,
     ...numberManifests,
     ...radioButtonListManifests,
     ...sliderManifests,

package/dist-cms/packages/property-editors/multiple-text-string/Umbraco.MultipleTextString.js

@@ -11,14 +11,14 @@ export const manifests = [
                         alias: 'min',
                         label: 'Minimum',
                         description: 'Enter the minimum amount of text boxes to be displayed',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                         config: [{ alias: 'min', value: 0 }],
                     },
                     {
                         alias: 'max',
                         label: 'Maximum',
                         description: 'Enter the maximum amount of text boxes to be displayed, enter 0 for unlimited',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                         config: [{ alias: 'min', value: 0 }],
                     },
                 ],

package/dist-cms/packages/property-editors/number/Umbraco.Integer.js

@@ -4,26 +4,26 @@ export const manifests = [
         name: 'Integer',
         alias: 'Umbraco.Integer',
         meta: {
-            defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+            defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
             settings: {
                 properties: [
                     {
                         alias: 'min',
                         label: 'Minimum',
                         description: 'Enter the minimum amount of number to be entered',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                     },
                     {
                         alias: 'max',
                         label: 'Maximum',
                         description: 'Enter the maximum amount of number to be entered',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                     },
                     {
                         alias: 'step',
                         label: 'Step size',
                         description: 'Enter the intervals amount between each step of number to be entered',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                     },
                 ],
             },

package/dist-cms/packages/property-editors/number/manifests.js

@@ -12,7 +12,14 @@ export const manifests = [
             icon: 'icon-autofill',
             group: 'common',
             settings: {
-                properties: [],
+                properties: [
+                    {
+                        alias: 'placeholder',
+                        label: 'Placeholder text',
+                        description: 'Enter the text to be displayed when the value is empty',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.TextBox',
+                    },
+                ],
                 defaultData: [
                     {
                         alias: 'step',
@@ -24,11 +31,11 @@ export const manifests = [
     },
     {
         type: 'propertyEditorUi',
-        alias: 'Umb.PropertyEditorUi.Number',
-        name: 'Number Property Editor UI',
+        alias: 'Umb.PropertyEditorUi.Integer',
+        name: 'Numeric Property Editor UI',
         element: () => import('./property-editor-ui-number.element.js'),
         meta: {
-            label: 'Number',
+            label: 'Numeric',
             icon: 'icon-autofill',
             group: 'common',
             propertyEditorSchemaAlias: 'Umbraco.Integer',

package/dist-cms/packages/property-editors/number/property-editor-ui-number.element.d.ts

@@ -7,6 +7,7 @@ export declare class UmbPropertyEditorUINumberElement extends UmbLitElement impl
     private _max?;
     private _min?;
     private _step?;
+    private _placeholder?;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];

package/dist-cms/packages/property-editors/number/property-editor-ui-number.element.js

@@ -14,6 +14,7 @@ let UmbPropertyEditorUINumberElement = class UmbPropertyEditorUINumberElement ex
         this._min = this.#parseInt(config.getValueByAlias('min'));
         this._max = this.#parseInt(config.getValueByAlias('max'));
         this._step = this.#parseInt(config.getValueByAlias('step'));
+        this._placeholder = config.getValueByAlias('placeholder');
     }
     #parseInt(input) {
         const num = Number(input);
@@ -30,7 +31,8 @@ let UmbPropertyEditorUINumberElement = class UmbPropertyEditorUINumberElement ex
 				min=${ifDefined(this._min)}
 				max=${ifDefined(this._max)}
 				step=${ifDefined(this._step)}
-				.value=${this.value ?? 0}
+				placeholder=${ifDefined(this._placeholder)}
+				.value=${this.value ?? (this._placeholder ? undefined : 0)}
 				@input=${this.#onInput}>
 			</uui-input>
 		`;
@@ -55,6 +57,9 @@ __decorate([
 __decorate([
     state()
 ], UmbPropertyEditorUINumberElement.prototype, "_step", void 0);
+__decorate([
+    state()
+], UmbPropertyEditorUINumberElement.prototype, "_placeholder", void 0);
 UmbPropertyEditorUINumberElement = __decorate([
     customElement('umb-property-editor-ui-number')
 ], UmbPropertyEditorUINumberElement);

package/dist-cms/packages/property-editors/radio-button-list/property-editor-ui-radio-button-list.element.js

@@ -18,19 +18,27 @@ let UmbPropertyEditorUIRadioButtonListElement = class UmbPropertyEditorUIRadioBu
         this._list = [];
     }
     set config(config) {
-        const listData = config?.getValueByAlias('items');
-        this._list = listData?.map((item) => ({ label: item, value: item })) ?? [];
+        if (!config)
+            return;
+        const items = config.getValueByAlias('items');
+        if (Array.isArray(items) && items.length > 0) {
+            this._list =
+                typeof items[0] === 'string'
+                    ? items.map((item) => ({ label: item, value: item }))
+                    : items.map((item) => ({ label: item.name, value: item.value }));
+        }
     }
     #onChange(event) {
-        const element = event.target;
-        this.value = element.value;
+        this.value = event.target.value;
         this.dispatchEvent(new UmbPropertyValueChangeEvent());
     }
     render() {
-        return html `<umb-input-radio-button-list
-			.list=${this._list}
-			.value=${this.value ?? ''}
-			@change=${this.#onChange}></umb-input-radio-button-list>`;
+        return html `
+			<umb-input-radio-button-list
+				.list=${this._list}
+				.value=${this.value ?? ''}
+				@change=${this.#onChange}></umb-input-radio-button-list>
+		`;
     }
 };
 __decorate([

package/dist-cms/packages/property-editors/select/property-editor-ui-select.element.d.ts

@@ -7,8 +7,8 @@ import type { UmbPropertyEditorUiElement } from '../../core/extension-registry/i
 export declare class UmbPropertyEditorUISelectElement extends UmbLitElement implements UmbPropertyEditorUiElement {
     #private;
     value?: string;
-    private _list;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
+    private _options;
     render(): import("lit-html").TemplateResult<1>;
 }
 export default UmbPropertyEditorUISelectElement;

package/dist-cms/packages/property-editors/select/property-editor-ui-select.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, customElement, property, state } from '../../../external/lit/index.js';
+import { customElement, html, property, state } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
 import { UmbPropertyValueChangeEvent } from '../../core/property-editor/index.js';
 /**
@@ -14,20 +14,25 @@ let UmbPropertyEditorUISelectElement = class UmbPropertyEditorUISelectElement ex
     constructor() {
         super(...arguments);
         this.value = '';
-        this._list = [];
+        this._options = [];
     }
     set config(config) {
         if (!config)
             return;
-        const listData = config.getValueByAlias('items');
-        this._list = listData?.map((option) => ({ value: option, name: option, selected: option === this.value })) ?? [];
+        const items = config.getValueByAlias('items');
+        if (Array.isArray(items) && items.length > 0) {
+            this._options =
+                typeof items[0] === 'string'
+                    ? items.map((item) => ({ name: item, value: item, selected: item === this.value }))
+                    : items.map((item) => ({ name: item.name, value: item.value, selected: item.value === this.value }));
+        }
     }
     #onChange(event) {
         this.value = event.target.value;
         this.dispatchEvent(new UmbPropertyValueChangeEvent());
     }
     render() {
-        return html `<uui-select .options=${this._list} @change=${this.#onChange}></uui-select>`;
+        return html `<uui-select .options=${this._options} @change=${this.#onChange}></uui-select>`;
     }
 };
 __decorate([
@@ -35,7 +40,7 @@ __decorate([
 ], UmbPropertyEditorUISelectElement.prototype, "value", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUISelectElement.prototype, "_list", void 0);
+], UmbPropertyEditorUISelectElement.prototype, "_options", void 0);
 UmbPropertyEditorUISelectElement = __decorate([
     customElement('umb-property-editor-ui-select')
 ], UmbPropertyEditorUISelectElement);

package/dist-cms/packages/property-editors/slider/Umbraco.Slider.js

@@ -10,13 +10,13 @@ export const manifest = {
                     alias: 'minVal',
                     label: 'Minimum value',
                     description: '',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                 },
                 {
                     alias: 'maxVal',
                     label: 'Maximum value',
                     description: '',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                 },
             ],
             defaultData: [

package/dist-cms/packages/property-editors/slider/manifests.js

@@ -22,19 +22,19 @@ export const manifests = [
                         alias: 'initVal1',
                         label: 'Initial value',
                         description: '',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                     },
                     {
                         alias: 'initVal2',
                         label: 'Initial value 2',
                         description: 'Used when range is enabled',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                     },
                     {
                         alias: 'step',
                         label: 'Step increments',
                         description: '',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                     },
                 ],
                 defaultData: [

package/dist-cms/packages/property-editors/text-box/Umbraco.TextBox.js

@@ -10,7 +10,7 @@ export const manifest = {
                     alias: 'maxChars',
                     label: 'Maximum allowed characters',
                     description: 'If empty, 512 character limit',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                 },
             ],
             defaultData: [

package/dist-cms/packages/property-editors/textarea/Umbraco.TextArea.js

@@ -10,7 +10,7 @@ export const manifest = {
                     alias: 'maxChars',
                     label: 'Maximum allowed characters',
                     description: 'If empty - no character limit',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                     config: [{ alias: 'min', value: 0 }],
                 },
             ],

package/dist-cms/packages/property-editors/textarea/manifests.js

@@ -16,21 +16,21 @@ export const manifests = [
                         alias: 'rows',
                         label: 'Number of rows',
                         description: 'If empty or zero, the textarea is set to auto-height',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                         config: [{ alias: 'min', value: 0 }],
                     },
                     {
                         alias: 'minHeight',
                         label: 'Min height (pixels)',
                         description: 'Sets the minimum height of the textarea',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                         config: [{ alias: 'min', value: 0 }],
                     },
                     {
                         alias: 'maxHeight',
                         label: 'Max height (pixels)',
                         description: 'Sets the maximum height of the textarea',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                         config: [{ alias: 'min', value: 0 }],
                     },
                 ],

package/dist-cms/packages/property-editors/upload-field/property-editor-ui-upload-field.element.d.ts

@@ -1,15 +1,18 @@
 import type { UmbPropertyEditorUiElement } from '../../core/extension-registry/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
 import { type UmbPropertyEditorConfigCollection } from '../../core/property-editor/index.js';
+export interface MediaValueType {
+    temporaryFileId?: string | null;
+    src?: string;
+}
 /**
  * @element umb-property-editor-ui-upload-field
  */
 export declare class UmbPropertyEditorUIUploadFieldElement extends UmbLitElement implements UmbPropertyEditorUiElement {
-    value: string;
-    set config(config: UmbPropertyEditorConfigCollection | undefined);
+    #private;
+    value: MediaValueType;
     private _fileExtensions?;
-    private _multiple?;
-    private _onChange;
+    set config(config: UmbPropertyEditorConfigCollection | undefined);
     render(): import("lit-html").TemplateResult<1>;
 }
 export default UmbPropertyEditorUIUploadFieldElement;