@umbraco-cms/backoffice 14.0.0--preview005-268981cb → 14.0.0--preview005-d8ecd776

package/dist-cms/custom-elements.json

@@ -4021,21 +4021,21 @@
       ]
     },
     {
-      "name": "umb-property-editor-ui-color-editor",
-      "path": "./../src/packages/core/property-editor/uis/color-editor/property-editor-ui-color-editor.element.ts",
+      "name": "umb-property-editor-ui-color-picker",
+      "path": "./../src/packages/core/property-editor/uis/color-picker/property-editor-ui-color-picker.element.ts",
       "attributes": [
         {
           "name": "value",
-          "type": "UmbSwatchDetails[]",
-          "default": "[]"
+          "type": "string",
+          "default": "\"\""
         }
       ],
       "properties": [
         {
           "name": "value",
           "attribute": "value",
-          "type": "UmbSwatchDetails[]",
-          "default": "[]"
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "config"
@@ -4048,21 +4048,21 @@
       ]
     },
     {
-      "name": "umb-property-editor-ui-color-picker",
-      "path": "./../src/packages/core/property-editor/uis/color-picker/property-editor-ui-color-picker.element.ts",
+      "name": "umb-property-editor-ui-color-swatches-editor",
+      "path": "./../src/packages/core/property-editor/uis/color-swatches-editor/property-editor-ui-color-swatches-editor.element.ts",
       "attributes": [
         {
           "name": "value",
-          "type": "string",
-          "default": "\"\""
+          "type": "UmbSwatchDetails[]",
+          "default": "[]"
         }
       ],
       "properties": [
         {
           "name": "value",
           "attribute": "value",
-          "type": "string",
-          "default": "\"\""
+          "type": "UmbSwatchDetails[]",
+          "default": "[]"
         },
         {
           "name": "config"

package/dist-cms/libs/class-api/class.mixin.d.ts

@@ -7,8 +7,29 @@ import { UmbObserverController } from '../observable-api/index.js';
 type UmbClassMixinConstructor = new (host: UmbControllerHost, controllerAlias?: UmbControllerAlias) => UmbClassMixinDeclaration;
 declare class UmbClassMixinDeclaration extends EventTarget implements UmbClassMixinInterface {
     _host: UmbControllerHost;
+    /**
+     * @description Observe a RxJS source of choice.
+     * @param {Observable<T>} source RxJS source
+     * @param {method} callback Callback method called when data is changed.
+     * @return {UmbObserverController} Reference to a Observer Controller instance
+     * @memberof UmbClassMixin
+     */
     observe<T>(source: Observable<T>, callback: (_value: T) => void, controllerAlias?: UmbControllerAlias): UmbObserverController<T>;
+    /**
+     * @description Provide a context API for this or child elements.
+     * @param {string} contextAlias
+     * @param {instance} instance The API instance to be exposed.
+     * @return {UmbContextProviderController} Reference to a Context Provider Controller instance
+     * @memberof UmbClassMixin
+     */
     provideContext<BaseType = unknown, ResultType extends BaseType = BaseType, InstanceType extends ResultType = ResultType>(alias: string | UmbContextToken<BaseType, ResultType>, instance: InstanceType): UmbContextProviderController<BaseType, ResultType, InstanceType>;
+    /**
+     * @description Setup a subscription for a context. The callback is called when the context is resolved.
+     * @param {string} contextAlias
+     * @param {method} callback Callback method called when context is resolved.
+     * @return {UmbContextConsumerController} Reference to a Context Consumer Controller instance
+     * @memberof UmbClassMixin
+     */
     consumeContext<BaseType = unknown, ResultType extends BaseType = BaseType>(alias: string | UmbContextToken<BaseType, ResultType>, callback: UmbContextCallback<ResultType>): UmbContextConsumerController<BaseType, ResultType>;
     hasController(controller: UmbController): boolean;
     getControllers(filterMethod: (ctrl: UmbController) => boolean): UmbController[];
@@ -19,6 +40,10 @@ declare class UmbClassMixinDeclaration extends EventTarget implements UmbClassMi
     get controllerAlias(): UmbControllerAlias;
     hostConnected(): void;
     hostDisconnected(): void;
+    /**
+     * @description Destroys the controller and removes it from the host.
+     * @memberof UmbClassMixin
+     */
     destroy(): void;
 }
 export declare const UmbClassMixin: <T extends ClassConstructor>(superClass: T) => UmbClassMixinConstructor & UmbClassMixinDeclaration;

package/dist-cms/libs/class-api/class.mixin.js

@@ -15,40 +15,15 @@ export const UmbClassMixin = (superClass) => {
         get controllerAlias() {
             return this._controllerAlias;
         }
-        /**
-         * @description Observe a RxJS source of choice.
-         * @param {Observable<T>} source RxJS source
-         * @param {method} callback Callback method called when data is changed.
-         * @return {UmbObserverController} Reference to a Observer Controller instance
-         * @memberof UmbElementMixin
-         */
         observe(source, callback, controllerAlias) {
             return new UmbObserverController(this, source, callback, controllerAlias);
         }
-        /**
-         * @description Provide a context API for this or child elements.
-         * @param {string} contextAlias
-         * @param {instance} instance The API instance to be exposed.
-         * @return {UmbContextProviderController} Reference to a Context Provider Controller instance
-         * @memberof UmbElementMixin
-         */
         provideContext(contextAlias, instance) {
             return new UmbContextProviderController(this, contextAlias, instance);
         }
-        /**
-         * @description Setup a subscription for a context. The callback is called when the context is resolved.
-         * @param {string} contextAlias
-         * @param {method} callback Callback method called when context is resolved.
-         * @return {UmbContextConsumerController} Reference to a Context Consumer Controller instance
-         * @memberof UmbElementMixin
-         */
         consumeContext(contextAlias, callback) {
             return new UmbContextConsumerController(this, contextAlias, callback);
         }
-        /**
-         * @description Destroys the controller and removes it from the host.
-         * @memberof UmbClassMixin
-         */
         destroy() {
             if (this._host) {
                 this._host.removeController(this);

package/dist-cms/mocks/data/user/user.db.d.ts

@@ -24,7 +24,7 @@ declare class UmbUserData extends UmbEntityData<UserResponseModel> {
     setUserGroups(data: UpdateUserGroupsOnUserRequestModel): void;
     /**
      * Get current user
-     * @return {*}  {UmbLoggedInUser}
+     * @return {*}  {UmbCurrentUser}
      * @memberof UmbUserData
      */
     getCurrentUser(): UmbCurrentUser;

package/dist-cms/mocks/data/user/user.db.js

@@ -3,7 +3,7 @@ import { umbUserGroupData } from '../user-group/user-group.db.js';
 import { arrayFilter, stringFilter, queryFilter } from '../utils.js';
 import { data } from './user.data.js';
 import { UmbId } from '../../../packages/core/id/index.js';
-import { UserStateModel, } from '../../../external/backend-api/index.js';
+import { UserStateModel } from '../../../external/backend-api/index.js';
 const createUserItem = (item) => {
     return {
         name: item.name,
@@ -67,7 +67,7 @@ class UmbUserData extends UmbEntityData {
     }
     /**
      * Get current user
-     * @return {*}  {UmbLoggedInUser}
+     * @return {*}  {UmbCurrentUser}
      * @memberof UmbUserData
      */
     getCurrentUser() {

package/dist-cms/packages/block/block/workspace/views/edit/block-workspace-view-edit-no-router.element.js

@@ -113,6 +113,9 @@ UmbBlockWorkspaceViewEditNoRouterElement.styles = [
 			}
 		`,
 ];
+__decorate([
+    state()
+], UmbBlockWorkspaceViewEditNoRouterElement.prototype, "_hasRootGroups", void 0);
 __decorate([
     state()
 ], UmbBlockWorkspaceViewEditNoRouterElement.prototype, "_tabs", void 0);

package/dist-cms/packages/core/property-editor/schemas/Umbraco.ColorPicker.js

@@ -16,7 +16,7 @@ export const manifest = {
                     alias: 'items',
                     label: 'Colors',
                     description: 'Add, remove or sort colors',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.ColorEditor',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.ColorSwatchesEditor',
                 },
             ],
         },

package/dist-cms/packages/core/property-editor/uis/checkbox-list/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.CheckboxList',
     name: 'Checkbox List Property Editor UI',
-    js: () => import('./property-editor-ui-checkbox-list.element.js'),
+    element: () => import('./property-editor-ui-checkbox-list.element.js'),
     meta: {
         label: 'Checkbox List',
         propertyEditorSchemaAlias: 'Umbraco.CheckboxList',

package/dist-cms/packages/core/property-editor/uis/collection-view/config/bulk-action-permissions/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.CollectionView.BulkActionPermissions',
     name: 'Collection View Bulk Action Permissions Property Editor UI',
-    js: () => import('./property-editor-ui-collection-view-bulk-action-permissions.element.js'),
+    element: () => import('./property-editor-ui-collection-view-bulk-action-permissions.element.js'),
     meta: {
         label: 'Collection View Bulk Action Permissions',
         propertyEditorSchemaAlias: '',

package/dist-cms/packages/core/property-editor/uis/collection-view/config/column-configuration/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.CollectionView.ColumnConfiguration',
     name: 'Collection View Column Configuration Property Editor UI',
-    js: () => import('./property-editor-ui-collection-view-column-configuration.element.js'),
+    element: () => import('./property-editor-ui-collection-view-column-configuration.element.js'),
     meta: {
         label: 'Collection View Column Configuration',
         propertyEditorSchemaAlias: '',

package/dist-cms/packages/core/property-editor/uis/collection-view/config/layout-configuration/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.CollectionView.LayoutConfiguration',
     name: 'Collection View Column Configuration Property Editor UI',
-    js: () => import('./property-editor-ui-collection-view-layout-configuration.element.js'),
+    element: () => import('./property-editor-ui-collection-view-layout-configuration.element.js'),
     meta: {
         label: 'Collection View Layout Configuration',
         propertyEditorSchemaAlias: '',

package/dist-cms/packages/core/property-editor/uis/collection-view/config/order-by/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.CollectionView.OrderBy',
     name: 'Collection View Column Configuration Property Editor UI',
-    js: () => import('./property-editor-ui-collection-view-order-by.element.js'),
+    element: () => import('./property-editor-ui-collection-view-order-by.element.js'),
     meta: {
         label: 'Collection View Order By',
         propertyEditorSchemaAlias: '',

package/dist-cms/packages/core/property-editor/uis/collection-view/manifests.js

@@ -6,7 +6,7 @@ const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.CollectionView',
     name: 'Collection View Property Editor UI',
-    js: () => import('./property-editor-ui-collection-view.element.js'),
+    element: () => import('./property-editor-ui-collection-view.element.js'),
     meta: {
         label: 'Collection View',
         propertyEditorSchemaAlias: 'Umbraco.ListView',

package/dist-cms/packages/core/property-editor/uis/color-picker/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.ColorPicker',
     name: 'Color Picker Property Editor UI',
-    js: () => import('./property-editor-ui-color-picker.element.js'),
+    element: () => import('./property-editor-ui-color-picker.element.js'),
     meta: {
         label: 'Color Picker',
         propertyEditorSchemaAlias: 'Umbraco.ColorPicker',

package/dist-cms/packages/core/property-editor/uis/color-swatches-editor/manifests.js

@@ -0,0 +1,11 @@
+export const manifest = {
+    type: 'propertyEditorUi',
+    alias: 'Umb.PropertyEditorUi.ColorSwatchesEditor',
+    name: 'Color Swatches Editor Property Editor UI',
+    element: () => import('./property-editor-ui-color-swatches-editor.element.js'),
+    meta: {
+        label: 'Color Swatches Editor',
+        icon: 'icon-page-add',
+        group: 'Umbraco.DropDown.Flexible',
+    },
+};

package/dist-cms/packages/core/property-editor/uis/{color-editor/property-editor-ui-color-editor.element.d.ts → color-swatches-editor/property-editor-ui-color-swatches-editor.element.d.ts}

@@ -3,18 +3,18 @@ import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 import type { UmbSwatchDetails } from '../../../../../shared/models/index.js';
 import type { UmbPropertyEditorConfigCollection } from '../../index.js';
 /**
- * @element umb-property-editor-ui-color-editor
+ * @element umb-property-editor-ui-color-swatches-editor
  */
-export declare class UmbPropertyEditorUIColorEditorElement extends UmbLitElement implements UmbPropertyEditorUiElement {
+export declare class UmbPropertyEditorUIColorSwatchesEditorElement extends UmbLitElement implements UmbPropertyEditorUiElement {
     #private;
     value: Array<UmbSwatchDetails>;
     private _showLabels;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
     render(): import("lit-html").TemplateResult<1>;
 }
-export default UmbPropertyEditorUIColorEditorElement;
+export default UmbPropertyEditorUIColorSwatchesEditorElement;
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-property-editor-ui-color-editor': UmbPropertyEditorUIColorEditorElement;
+        'umb-property-editor-ui-color-swatches-editor': UmbPropertyEditorUIColorSwatchesEditorElement;
     }
 }

package/dist-cms/packages/core/property-editor/uis/{color-editor/property-editor-ui-color-editor.element.js → color-swatches-editor/property-editor-ui-color-swatches-editor.element.js}

@@ -9,48 +9,48 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _UmbPropertyEditorUIColorEditorElement_instances, _UmbPropertyEditorUIColorEditorElement_defaultShowLabels, _UmbPropertyEditorUIColorEditorElement_onChange;
+var _UmbPropertyEditorUIColorSwatchesEditorElement_instances, _UmbPropertyEditorUIColorSwatchesEditorElement_defaultShowLabels, _UmbPropertyEditorUIColorSwatchesEditorElement_onChange;
 import { html, customElement, property, state } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 /**
- * @element umb-property-editor-ui-color-editor
+ * @element umb-property-editor-ui-color-swatches-editor
  */
-let UmbPropertyEditorUIColorEditorElement = class UmbPropertyEditorUIColorEditorElement extends UmbLitElement {
+let UmbPropertyEditorUIColorSwatchesEditorElement = class UmbPropertyEditorUIColorSwatchesEditorElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        _UmbPropertyEditorUIColorEditorElement_instances.add(this);
-        _UmbPropertyEditorUIColorEditorElement_defaultShowLabels.set(this, true);
+        _UmbPropertyEditorUIColorSwatchesEditorElement_instances.add(this);
+        _UmbPropertyEditorUIColorSwatchesEditorElement_defaultShowLabels.set(this, true);
         this.value = [];
-        this._showLabels = __classPrivateFieldGet(this, _UmbPropertyEditorUIColorEditorElement_defaultShowLabels, "f");
+        this._showLabels = __classPrivateFieldGet(this, _UmbPropertyEditorUIColorSwatchesEditorElement_defaultShowLabels, "f");
     }
     set config(config) {
-        this._showLabels = config?.getValueByAlias('useLabel') ?? __classPrivateFieldGet(this, _UmbPropertyEditorUIColorEditorElement_defaultShowLabels, "f");
+        this._showLabels = config?.getValueByAlias('useLabel') ?? __classPrivateFieldGet(this, _UmbPropertyEditorUIColorSwatchesEditorElement_defaultShowLabels, "f");
         this.value = config?.getValueByAlias('items') ?? [];
     }
     render() {
         return html `<umb-multiple-color-picker-input
 			?showLabels=${this._showLabels}
 			.items="${this.value ?? []}"
-			@change=${__classPrivateFieldGet(this, _UmbPropertyEditorUIColorEditorElement_instances, "m", _UmbPropertyEditorUIColorEditorElement_onChange)}></umb-multiple-color-picker-input>`;
+			@change=${__classPrivateFieldGet(this, _UmbPropertyEditorUIColorSwatchesEditorElement_instances, "m", _UmbPropertyEditorUIColorSwatchesEditorElement_onChange)}></umb-multiple-color-picker-input>`;
     }
 };
-_UmbPropertyEditorUIColorEditorElement_defaultShowLabels = new WeakMap();
-_UmbPropertyEditorUIColorEditorElement_instances = new WeakSet();
-_UmbPropertyEditorUIColorEditorElement_onChange = function _UmbPropertyEditorUIColorEditorElement_onChange(event) {
+_UmbPropertyEditorUIColorSwatchesEditorElement_defaultShowLabels = new WeakMap();
+_UmbPropertyEditorUIColorSwatchesEditorElement_instances = new WeakSet();
+_UmbPropertyEditorUIColorSwatchesEditorElement_onChange = function _UmbPropertyEditorUIColorSwatchesEditorElement_onChange(event) {
     this.value = event.target.items;
     this.dispatchEvent(new CustomEvent('property-value-change'));
 };
 __decorate([
     property({ type: Array })
-], UmbPropertyEditorUIColorEditorElement.prototype, "value", void 0);
+], UmbPropertyEditorUIColorSwatchesEditorElement.prototype, "value", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUIColorEditorElement.prototype, "_showLabels", void 0);
+], UmbPropertyEditorUIColorSwatchesEditorElement.prototype, "_showLabels", void 0);
 __decorate([
     property({ attribute: false })
-], UmbPropertyEditorUIColorEditorElement.prototype, "config", null);
-UmbPropertyEditorUIColorEditorElement = __decorate([
-    customElement('umb-property-editor-ui-color-editor')
-], UmbPropertyEditorUIColorEditorElement);
-export { UmbPropertyEditorUIColorEditorElement };
-export default UmbPropertyEditorUIColorEditorElement;
+], UmbPropertyEditorUIColorSwatchesEditorElement.prototype, "config", null);
+UmbPropertyEditorUIColorSwatchesEditorElement = __decorate([
+    customElement('umb-property-editor-ui-color-swatches-editor')
+], UmbPropertyEditorUIColorSwatchesEditorElement);
+export { UmbPropertyEditorUIColorSwatchesEditorElement };
+export default UmbPropertyEditorUIColorSwatchesEditorElement;

package/dist-cms/packages/core/property-editor/uis/date-picker/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.DatePicker',
     name: 'Date Picker Property Editor UI',
-    js: () => import('./property-editor-ui-date-picker.element.js'),
+    element: () => import('./property-editor-ui-date-picker.element.js'),
     meta: {
         label: 'Date Picker',
         propertyEditorSchemaAlias: 'Umbraco.DateTime',

package/dist-cms/packages/core/property-editor/uis/dropdown/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.Dropdown',
     name: 'Dropdown Property Editor UI',
-    js: () => import('./property-editor-ui-dropdown.element.js'),
+    element: () => import('./property-editor-ui-dropdown.element.js'),
     meta: {
         label: 'Dropdown',
         propertyEditorSchemaAlias: 'Umbraco.DropDown.Flexible',

package/dist-cms/packages/core/property-editor/uis/eye-dropper/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.EyeDropper',
     name: 'Eye Dropper Color Picker Property Editor UI',
-    js: () => import('./property-editor-ui-eye-dropper.element.js'),
+    element: () => import('./property-editor-ui-eye-dropper.element.js'),
     meta: {
         label: 'Eye Dropper Color Picker',
         icon: 'icon-colorpicker',

package/dist-cms/packages/core/property-editor/uis/icon-picker/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.IconPicker',
     name: 'Icon Picker Property Editor UI',
-    js: () => import('./property-editor-ui-icon-picker.element.js'),
+    element: () => import('./property-editor-ui-icon-picker.element.js'),
     meta: {
         label: 'Icon Picker',
         propertyEditorSchemaAlias: 'Umbraco.IconPicker',

package/dist-cms/packages/core/property-editor/uis/label/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.Label',
     name: 'Label Property Editor UI',
-    js: () => import('./property-editor-ui-label.element.js'),
+    element: () => import('./property-editor-ui-label.element.js'),
     meta: {
         label: 'Label',
         icon: 'icon-readonly',

package/dist-cms/packages/core/property-editor/uis/manifests.js

@@ -1,70 +1,58 @@
+import { manifest as checkboxList } from './checkbox-list/manifests.js';
+import { manifest as colorEditor } from './color-swatches-editor/manifests.js';
 import { manifest as colorPicker } from './color-picker/manifests.js';
-import { manifest as colorEditor } from './color-editor/manifests.js';
 import { manifest as datePicker } from './date-picker/manifests.js';
+import { manifest as dropdown } from './dropdown/manifests.js';
 import { manifest as eyeDropper } from './eye-dropper/manifests.js';
+import { manifest as iconPicker } from './icon-picker/manifests.js';
+import { manifest as label } from './label/manifests.js';
+import { manifest as markdownEditor } from './markdown-editor/manifests.js';
+import { manifest as memberGroupPicker } from './member-group-picker/manifests.js';
+import { manifest as memberPicker } from './member-picker/manifests.js';
+import { manifest as multipleTextString } from './multiple-text-string/manifests.js';
 import { manifest as multiUrlPicker } from './multi-url-picker/manifests.js';
+import { manifest as numberRange } from './number-range/manifests.js';
+import { manifest as orderDirection } from './order-direction/manifests.js';
 import { manifest as overlaySize } from './overlay-size/manifests.js';
-import { manifests as treePicker } from './tree-picker/manifests.js';
-import { manifests as textBoxes } from './text-box/manifests.js';
-import { manifest as dropdown } from './dropdown/manifests.js';
-import { manifest as multipleTextString } from './multiple-text-string/manifests.js';
-import { manifest as textArea } from './textarea/manifests.js';
+import { manifest as radioButtonList } from './radio-button-list/manifests.js';
 import { manifest as slider } from './slider/manifests.js';
+import { manifest as textArea } from './textarea/manifests.js';
 import { manifest as toggle } from './toggle/manifests.js';
-import { manifest as markdownEditor } from './markdown-editor/manifests.js';
-import { manifest as radioButtonList } from './radio-button-list/manifests.js';
-import { manifest as checkboxList } from './checkbox-list/manifests.js';
-import { manifest as numberRange } from './number-range/manifests.js';
 import { manifest as uploadField } from './upload-field/manifests.js';
-import { manifest as orderDirection } from './order-direction/manifests.js';
-import { manifests as collectionView } from './collection-view/manifests.js';
-import { manifests as tinyMCE } from './tiny-mce/manifests.js';
-import { manifest as iconPicker } from './icon-picker/manifests.js';
-import { manifest as label } from './label/manifests.js';
+import { manifest as userPicker } from './user-picker/manifests.js';
 import { manifest as valueType } from './value-type/manifests.js';
+import { manifests as collectionView } from './collection-view/manifests.js';
 import { manifests as numbers } from './number/manifests.js';
-import { manifest as userPicker } from './user-picker/manifests.js';
-import { manifest as memberPicker } from './member-picker/manifests.js';
-import { manifest as memberGroupPicker } from './member-group-picker/manifests.js';
+import { manifests as textBoxes } from './text-box/manifests.js';
+import { manifests as tinyMCE } from './tiny-mce/manifests.js';
+import { manifests as treePicker } from './tree-picker/manifests.js';
 export const manifests = [
-    colorPicker,
+    checkboxList,
     colorEditor,
+    colorPicker,
     datePicker,
+    dropdown,
     eyeDropper,
+    iconPicker,
+    label,
+    markdownEditor,
+    memberGroupPicker,
+    memberPicker,
+    multipleTextString,
     multiUrlPicker,
+    numberRange,
+    orderDirection,
     overlaySize,
-    dropdown,
-    multipleTextString,
-    textArea,
+    radioButtonList,
     slider,
+    textArea,
     toggle,
-    markdownEditor,
-    radioButtonList,
-    checkboxList,
-    numberRange,
     uploadField,
-    orderDirection,
-    iconPicker,
-    label,
-    valueType,
     userPicker,
-    memberPicker,
-    memberGroupPicker,
+    valueType,
+    ...collectionView,
     ...numbers,
     ...textBoxes,
-    ...treePicker,
-    ...collectionView,
     ...tinyMCE,
-    {
-        type: 'propertyEditorUi',
-        alias: 'Umb.PropertyEditorUi.Number',
-        name: 'Number Property Editor UI',
-        js: () => import('./number/property-editor-ui-number.element.js'),
-        meta: {
-            label: 'Number',
-            icon: 'icon-autofill',
-            group: 'common',
-            propertyEditorSchemaAlias: 'Umbraco.Integer',
-        },
-    },
+    ...treePicker,
 ];

package/dist-cms/packages/core/property-editor/uis/member-group-picker/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.MemberGroupPicker',
     name: 'Member Group Picker Property Editor UI',
-    js: () => import('./property-editor-ui-member-group-picker.element.js'),
+    element: () => import('./property-editor-ui-member-group-picker.element.js'),
     meta: {
         label: 'Member Group Picker',
         propertyEditorSchemaAlias: 'Umbraco.MemberGroupPicker',

package/dist-cms/packages/core/property-editor/uis/member-picker/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.MemberPicker',
     name: 'Member Picker Property Editor UI',
-    js: () => import('./property-editor-ui-member-picker.element.js'),
+    element: () => import('./property-editor-ui-member-picker.element.js'),
     meta: {
         label: 'Member Picker',
         propertyEditorSchemaAlias: 'Umbraco.MemberPicker',

package/dist-cms/packages/core/property-editor/uis/multi-url-picker/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.MultiUrlPicker',
     name: 'Multi URL Picker Property Editor UI',
-    js: () => import('./property-editor-ui-multi-url-picker.element.js'),
+    element: () => import('./property-editor-ui-multi-url-picker.element.js'),
     meta: {
         label: 'Multi URL Picker',
         propertyEditorSchemaAlias: 'Umbraco.MultiUrlPicker',

package/dist-cms/packages/core/property-editor/uis/multiple-text-string/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.MultipleTextString',
     name: 'Multiple Text String Property Editor UI',
-    js: () => import('./property-editor-ui-multiple-text-string.element.js'),
+    element: () => import('./property-editor-ui-multiple-text-string.element.js'),
     meta: {
         label: 'Multiple Text String',
         propertyEditorSchemaAlias: 'Umbraco.MultipleTextString',

package/dist-cms/packages/core/property-editor/uis/number/manifests.js

@@ -9,7 +9,7 @@ export const manifests = [
         type: 'propertyEditorUi',
         alias: 'Umb.PropertyEditorUi.Integer',
         name: 'Integer Property Editor UI',
-        js: () => import('./property-editor-ui-number.element.js'),
+        element: () => import('./property-editor-ui-number.element.js'),
         meta: {
             label: 'Integer',
             propertyEditorSchemaAlias: 'Umbraco.Integer',
@@ -30,7 +30,7 @@ export const manifests = [
         type: 'propertyEditorUi',
         alias: 'Umb.PropertyEditorUi.Decimal',
         name: 'Decimal Property Editor UI',
-        js: () => import('./property-editor-ui-number.element.js'),
+        element: () => import('./property-editor-ui-number.element.js'),
         meta: {
             label: 'Decimal',
             propertyEditorSchemaAlias: 'Umbraco.Decimal',
@@ -47,4 +47,16 @@ export const manifests = [
             },
         },
     },
+    {
+        type: 'propertyEditorUi',
+        alias: 'Umb.PropertyEditorUi.Number',
+        name: 'Number Property Editor UI',
+        element: () => import('./property-editor-ui-number.element.js'),
+        meta: {
+            label: 'Number',
+            icon: 'icon-autofill',
+            group: 'common',
+            propertyEditorSchemaAlias: 'Umbraco.Integer',
+        },
+    },
 ];

package/dist-cms/packages/core/property-editor/uis/number-range/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.NumberRange',
     name: 'Number Range Property Editor UI',
-    js: () => import('./property-editor-ui-number-range.element.js'),
+    element: () => import('./property-editor-ui-number-range.element.js'),
     meta: {
         label: 'Number Range',
         propertyEditorSchemaAlias: '',

package/dist-cms/packages/core/property-editor/uis/order-direction/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.OrderDirection',
     name: 'Order Direction Property Editor UI',
-    js: () => import('./property-editor-ui-order-direction.element.js'),
+    element: () => import('./property-editor-ui-order-direction.element.js'),
     meta: {
         label: 'Order Direction',
         propertyEditorSchemaAlias: '',

package/dist-cms/packages/core/property-editor/uis/overlay-size/manifests.js

@@ -2,7 +2,7 @@ export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.OverlaySize',
     name: 'Overlay Size Property Editor UI',
-    js: () => import('./property-editor-ui-overlay-size.element.js'),
+    element: () => import('./property-editor-ui-overlay-size.element.js'),
     meta: {
         label: 'Overlay Size',
         propertyEditorSchemaAlias: '',