@umbraco-cms/backoffice 1.0.0-next.ea1e6e6f → 1.0.0-next.ed0b8881

package/dist-cms/packages/members/members/workspace/{member-workspace-edit.element.d.ts → member-workspace-editor.element.d.ts}

@@ -1,11 +1,11 @@
 import { LitElement } from '../../../../external/lit/index.js';
-export declare class UmbMemberWorkspaceEditElement extends LitElement {
+export declare class UmbMemberWorkspaceEditorElement extends LitElement {
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }
-export default UmbMemberWorkspaceEditElement;
+export default UmbMemberWorkspaceEditorElement;
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-member-workspace-edit': UmbMemberWorkspaceEditElement;
+        'umb-member-workspace-editor': UmbMemberWorkspaceEditorElement;
     }
 }

package/dist-cms/packages/members/members/workspace/{member-workspace-edit.element.js → member-workspace-editor.element.js}

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UUITextStyles } from '../../../../external/uui/index.js';
 import { css, html, LitElement, customElement } from '../../../../external/lit/index.js';
-let UmbMemberWorkspaceEditElement = class UmbMemberWorkspaceEditElement extends LitElement {
+let UmbMemberWorkspaceEditorElement = class UmbMemberWorkspaceEditorElement extends LitElement {
     render() {
         return html ` <umb-workspace-editor alias="Umb.Workspace.Member">Member Workspace</umb-workspace-editor> `;
     }
@@ -21,8 +21,8 @@ let UmbMemberWorkspaceEditElement = class UmbMemberWorkspaceEditElement extends
 		`,
     ]; }
 };
-UmbMemberWorkspaceEditElement = __decorate([
-    customElement('umb-member-workspace-edit')
-], UmbMemberWorkspaceEditElement);
-export { UmbMemberWorkspaceEditElement };
-export default UmbMemberWorkspaceEditElement;
+UmbMemberWorkspaceEditorElement = __decorate([
+    customElement('umb-member-workspace-editor')
+], UmbMemberWorkspaceEditorElement);
+export { UmbMemberWorkspaceEditorElement };
+export default UmbMemberWorkspaceEditorElement;

package/dist-cms/packages/members/members/workspace/member-workspace.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 { UmbMemberWorkspaceEditElement } from './member-workspace-edit.element.js';
+import { UmbMemberWorkspaceEditorElement } from './member-workspace-editor.element.js';
 import { UmbMemberWorkspaceContext } from './member-workspace.context.js';
 import { UUITextStyles } from '../../../../external/uui/index.js';
 import { css, html, customElement, state } from '../../../../external/lit/index.js';
@@ -13,7 +13,7 @@ let UmbMemberWorkspaceElement = class UmbMemberWorkspaceElement extends UmbLitEl
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbMemberWorkspaceContext(this);
-        this.#element = new UmbMemberWorkspaceEditElement();
+        this.#element = new UmbMemberWorkspaceEditorElement();
         this._routes = [
             {
                 path: 'edit/:id',

package/dist-cms/packages/packages/package-section/views/created/created-packages-section-view.element.js

@@ -43,7 +43,7 @@ let UmbCreatedPackagesSectionViewElement = class UmbCreatedPackagesSectionViewEl
             });
         });
         routes.push({
-            path: '**',
+            path: '',
             redirectTo: 'overview',
         });
         this._routes = routes;

package/dist-cms/packages/packages/package-section/views/created/packages-created-overview.element.js

@@ -103,7 +103,7 @@ let UmbPackagesCreatedOverviewElement = class UmbPackagesCreatedOverviewElement
         css `
 			:host {
 				display: block;
-				margin: var(--uui-size-layout-1);
+				padding: var(--uui-size-layout-1);
 			}
 			uui-box {
 				margin: var(--uui-size-space-5) 0;

package/dist-cms/packages/packages/package-section/views/installed/installed-packages-section-view.element.js

@@ -92,7 +92,7 @@ let UmbInstalledPackagesSectionViewElement = class UmbInstalledPackagesSectionVi
         css `
 			:host {
 				display: block;
-				margin: var(--uui-size-layout-1);
+				padding: var(--uui-size-layout-1);
 			}
 			uui-box {
 				margin-top: var(--uui-size-space-5);

package/dist-cms/packages/search/examine-management-dashboard/views/section-view-examine-overview.js

@@ -104,7 +104,7 @@ let UmbDashboardExamineOverviewElement = class UmbDashboardExamineOverviewElemen
         css `
 			:host {
 				display: block;
-				margin: var(--uui-size-layout-1);
+				padding: var(--uui-size-layout-1);
 			}
 
 			uui-box + uui-box {

package/dist-cms/packages/settings/dashboards/health-check/views/health-check-overview.element.js

@@ -45,7 +45,7 @@ let UmbDashboardHealthCheckOverviewElement = class UmbDashboardHealthCheckOvervi
         css `
 			:host {
 				display: block;
-				margin: var(--uui-size-layout-1);
+				padding: var(--uui-size-layout-1);
 			}
 
 			uui-box + uui-box {

package/dist-cms/packages/settings/dashboards/models-builder/dashboard-models-builder.element.js

@@ -120,7 +120,7 @@ let UmbDashboardModelsBuilderElement = class UmbDashboardModelsBuilderElement ex
         css `
 			:host {
 				display: block;
-				margin: var(--uui-size-layout-1);
+				padding: var(--uui-size-layout-1);
 			}
 
 			.headline {

package/dist-cms/packages/settings/dashboards/performance-profiling/dashboard-performance-profiling.element.js

@@ -85,7 +85,7 @@ let UmbDashboardPerformanceProfilingElement = class UmbDashboardPerformanceProfi
         css `
 			:host {
 				display: block;
-				margin: var(--uui-size-layout-1);
+				padding: var(--uui-size-layout-1);
 			}
 
 			uui-toggle {

package/dist-cms/packages/settings/dashboards/published-status/dashboard-published-status.element.js

@@ -173,7 +173,7 @@ let UmbDashboardPublishedStatusElement = class UmbDashboardPublishedStatusElemen
         css `
 			:host {
 				display: block;
-				margin: var(--uui-size-layout-1);
+				padding: var(--uui-size-layout-1);
 			}
 
 			uui-box + uui-box {

package/dist-cms/packages/settings/dashboards/settings-welcome/dashboard-settings-welcome.element.js

@@ -96,7 +96,7 @@ let UmbDashboardSettingsWelcomeElement = class UmbDashboardSettingsWelcomeElemen
 				display: grid;
 				grid-gap: var(--uui-size-7);
 				grid-template-columns: repeat(3, 1fr);
-				margin: var(--uui-size-layout-1);
+				padding: var(--uui-size-layout-1);
 			}
 
 			@media (max-width: 1200px) {

package/dist-cms/packages/settings/dashboards/telemetry/dashboard-telemetry.element.js

@@ -117,7 +117,7 @@ let UmbDashboardTelemetryElement = class UmbDashboardTelemetryElement extends Um
         css `
 			:host {
 				display: block;
-				margin: var(--uui-size-layout-1);
+				padding: var(--uui-size-layout-1);
 			}
 		`,
     ]; }

package/dist-cms/packages/settings/data-types/entities.d.ts

@@ -0,0 +1,3 @@
+export declare const DATA_TYPE_ROOT_ENTITY_TYPE = "data-type-root";
+export declare const DATA_TYPE_ENTITY_TYPE = "data-type";
+export declare const DATA_TYPE_FOLDER_ENTITY_TYPE = "data-type-folder";

package/dist-cms/packages/settings/data-types/entities.js

@@ -0,0 +1,3 @@
+export const DATA_TYPE_ROOT_ENTITY_TYPE = 'data-type-root';
+export const DATA_TYPE_ENTITY_TYPE = 'data-type';
+export const DATA_TYPE_FOLDER_ENTITY_TYPE = 'data-type-folder';

package/dist-cms/packages/settings/data-types/entity-actions/copy/manifests.js

@@ -1,4 +1,4 @@
-import { DATA_TYPE_ENTITY_TYPE } from '../../index.js';
+import { DATA_TYPE_ENTITY_TYPE } from '../../entities.js';
 import { DATA_TYPE_REPOSITORY_ALIAS } from '../../repository/manifests.js';
 import { UmbCopyDataTypeEntityAction } from './copy.action.js';
 const entityActions = [

package/dist-cms/packages/settings/data-types/entity-actions/create/manifests.js

@@ -1,4 +1,4 @@
-import { DATA_TYPE_ENTITY_TYPE, DATA_TYPE_FOLDER_ENTITY_TYPE, DATA_TYPE_ROOT_ENTITY_TYPE } from '../../index.js';
+import { DATA_TYPE_ENTITY_TYPE, DATA_TYPE_FOLDER_ENTITY_TYPE, DATA_TYPE_ROOT_ENTITY_TYPE } from '../../entities.js';
 import { DATA_TYPE_REPOSITORY_ALIAS } from '../../repository/manifests.js';
 import { UmbCreateDataTypeEntityAction } from './create.action.js';
 const entityActions = [

package/dist-cms/packages/settings/data-types/entity-actions/manifests.js

@@ -1,4 +1,4 @@
-import { DATA_TYPE_FOLDER_ENTITY_TYPE, DATA_TYPE_ENTITY_TYPE } from '../index.js';
+import { DATA_TYPE_FOLDER_ENTITY_TYPE, DATA_TYPE_ENTITY_TYPE } from '../entities.js';
 import { DATA_TYPE_REPOSITORY_ALIAS } from '../repository/manifests.js';
 import { manifests as createManifests } from './create/manifests.js';
 import { manifests as moveManifests } from './move/manifests.js';

package/dist-cms/packages/settings/data-types/entity-actions/move/manifests.js

@@ -1,4 +1,4 @@
-import { DATA_TYPE_ENTITY_TYPE } from '../../index.js';
+import { DATA_TYPE_ENTITY_TYPE } from '../../entities.js';
 import { DATA_TYPE_REPOSITORY_ALIAS } from '../../repository/manifests.js';
 import { UmbMoveDataTypeEntityAction } from './move.action.js';
 const entityActions = [

package/dist-cms/packages/settings/data-types/index.d.ts

@@ -1,6 +1,4 @@
 import './components/index.js';
-export declare const DATA_TYPE_ROOT_ENTITY_TYPE = "data-type-root";
-export declare const DATA_TYPE_ENTITY_TYPE = "data-type";
-export declare const DATA_TYPE_FOLDER_ENTITY_TYPE = "data-type-folder";
 export type { UmbDataTypeModel } from './models.js';
+export * from './entities.js';
 export * from './repository/index.js';

package/dist-cms/packages/settings/data-types/index.js

@@ -1,5 +1,3 @@
 import './components/index.js';
-export const DATA_TYPE_ROOT_ENTITY_TYPE = 'data-type-root';
-export const DATA_TYPE_ENTITY_TYPE = 'data-type';
-export const DATA_TYPE_FOLDER_ENTITY_TYPE = 'data-type-folder';
+export * from './entities.js';
 export * from './repository/index.js';

package/dist-cms/packages/settings/data-types/modals/data-type-picker-flow/data-type-picker-flow-modal.element.js

@@ -40,12 +40,12 @@ let UmbDataTypePickerFlowModalElement = class UmbDataTypePickerFlowModalElement
             this.#dataTypes = items;
             this._performFiltering();
         }, '_repositoryItemsObserver');
-        this.observe(umbExtensionsRegistry.extensionsOfType('propertyEditorUI'), (propertyEditorUIs) => {
+        this.observe(umbExtensionsRegistry.extensionsOfType('propertyEditorUi'), (propertyEditorUIs) => {
             this.#propertyEditorUIs = propertyEditorUIs;
             this._performFiltering();
         });
     }
-    _handleUIClick(propertyEditorUI) {
+    _handleUIClick(propertyEditorUi) {
         alert('To BE DONE.');
     }
     _handleDataTypeClick(dataType) {

package/dist-cms/packages/settings/data-types/modals/property-editor-ui-picker/property-editor-ui-picker-modal.element.js

@@ -26,13 +26,13 @@ let UmbPropertyEditorUIPickerModalElement = class UmbPropertyEditorUIPickerModal
     _usePropertyEditorUIs() {
         if (!this.data)
             return;
-        this.observe(umbExtensionsRegistry.extensionsOfType('propertyEditorUI'), (propertyEditorUIs) => {
+        this.observe(umbExtensionsRegistry.extensionsOfType('propertyEditorUi'), (propertyEditorUIs) => {
             this._propertyEditorUIs = propertyEditorUIs;
             this._groupedPropertyEditorUIs = groupBy(propertyEditorUIs, 'meta.group');
         });
     }
-    _handleClick(propertyEditorUI) {
-        this._select(propertyEditorUI.alias);
+    _handleClick(propertyEditorUi) {
+        this._select(propertyEditorUi.alias);
     }
     _select(alias) {
         this._selection = [alias];

package/dist-cms/packages/settings/data-types/repository/data-type.repository.d.ts

@@ -36,7 +36,7 @@ export declare class UmbDataTypeRepository implements UmbItemRepository<DataType
         data: DataTypeResponseModel | undefined;
         error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;
     }>;
-    byId(id: string): Promise<import("rxjs").Observable<any>>;
+    byId(id: string): Promise<import("rxjs").Observable<DataTypeResponseModel | undefined>>;
     create(dataType: CreateDataTypeRequestModel): Promise<{
         error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;
     }>;

package/dist-cms/packages/settings/data-types/repository/data-type.repository.js

@@ -1,4 +1,4 @@
-import { DATA_TYPE_ROOT_ENTITY_TYPE } from '../index.js';
+import { DATA_TYPE_ROOT_ENTITY_TYPE } from '../entities.js';
 import { UmbDataTypeTreeServerDataSource } from './sources/data-type.tree.server.data.js';
 import { UmbDataTypeMoveServerDataSource } from './sources/data-type-move.server.data.js';
 import { UMB_DATA_TYPE_STORE_CONTEXT_TOKEN } from './data-type.store.js';

package/dist-cms/packages/settings/data-types/repository/data-type.store.d.ts

@@ -9,7 +9,7 @@ export declare const UMB_DATA_TYPE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDataT
  * @extends {UmbStoreBase}
  * @description - Data Store for Template Details
  */
-export declare class UmbDataTypeStore extends UmbStoreBase {
+export declare class UmbDataTypeStore extends UmbStoreBase<DataTypeResponseModel> {
     /**
      * Creates an instance of UmbDataTypeStore.
      * @param {UmbControllerHostElement} host
@@ -27,7 +27,7 @@ export declare class UmbDataTypeStore extends UmbStoreBase {
      * @param {id} string id.
      * @memberof UmbDataTypeStore
      */
-    byId(id: DataTypeResponseModel['id']): import("rxjs").Observable<any>;
+    byId(id: DataTypeResponseModel['id']): import("rxjs").Observable<DataTypeResponseModel | undefined>;
     /**
      * Removes data-types in the store with the given uniques
      * @param {string[]} uniques

package/dist-cms/packages/settings/data-types/workspace/{data-type-workspace-edit.element.d.ts → data-type-workspace-editor.element.d.ts}

@@ -1,10 +1,10 @@
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { ManifestWorkspace } from '../../../core/extension-registry/index.js';
 /**
- * @element umb-data-type-workspace-edit-element
+ * @element umb-data-type-workspace-editor
  * @description - Element for displaying the Data Type Workspace edit route.
  */
-export declare class UmbDataTypeWorkspaceEditElement extends UmbLitElement {
+export declare class UmbDataTypeWorkspaceEditorElement extends UmbLitElement {
     #private;
     manifest?: ManifestWorkspace;
     private _dataTypeName;
@@ -12,9 +12,9 @@ export declare class UmbDataTypeWorkspaceEditElement extends UmbLitElement {
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
-export default UmbDataTypeWorkspaceEditElement;
+export default UmbDataTypeWorkspaceEditorElement;
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-data-type-workspace-edit-element': UmbDataTypeWorkspaceEditElement;
+        'umb-data-type-workspace-editor': UmbDataTypeWorkspaceEditorElement;
     }
 }

package/dist-cms/packages/settings/data-types/workspace/{data-type-workspace-edit.element.js → data-type-workspace-editor.element.js}

@@ -9,10 +9,10 @@ import { css, html, customElement, property, state } from '../../../../external/
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
 /**
- * @element umb-data-type-workspace-edit-element
+ * @element umb-data-type-workspace-editor
  * @description - Element for displaying the Data Type Workspace edit route.
  */
-let UmbDataTypeWorkspaceEditElement = class UmbDataTypeWorkspaceEditElement extends UmbLitElement {
+let UmbDataTypeWorkspaceEditorElement = class UmbDataTypeWorkspaceEditorElement extends UmbLitElement {
     #workspaceContext;
     constructor() {
         super();
@@ -66,12 +66,12 @@ let UmbDataTypeWorkspaceEditElement = class UmbDataTypeWorkspaceEditElement exte
 };
 __decorate([
     property()
-], UmbDataTypeWorkspaceEditElement.prototype, "manifest", void 0);
+], UmbDataTypeWorkspaceEditorElement.prototype, "manifest", void 0);
 __decorate([
     state()
-], UmbDataTypeWorkspaceEditElement.prototype, "_dataTypeName", void 0);
-UmbDataTypeWorkspaceEditElement = __decorate([
-    customElement('umb-data-type-workspace-edit-element')
-], UmbDataTypeWorkspaceEditElement);
-export { UmbDataTypeWorkspaceEditElement };
-export default UmbDataTypeWorkspaceEditElement;
+], UmbDataTypeWorkspaceEditorElement.prototype, "_dataTypeName", void 0);
+UmbDataTypeWorkspaceEditorElement = __decorate([
+    customElement('umb-data-type-workspace-editor')
+], UmbDataTypeWorkspaceEditorElement);
+export { UmbDataTypeWorkspaceEditorElement };
+export default UmbDataTypeWorkspaceEditorElement;

package/dist-cms/packages/settings/data-types/workspace/data-type-workspace.element.d.ts

@@ -1,6 +1,6 @@
 import type { UmbRoute } from '../../../../shared/router/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import './data-type-workspace-edit.element.js';
+import './data-type-workspace-editor.element.js';
 export declare class UmbDataTypeWorkspaceElement extends UmbLitElement {
     #private;
     _routes: UmbRoute[];

package/dist-cms/packages/settings/data-types/workspace/data-type-workspace.element.js

@@ -8,12 +8,12 @@ import { UmbDataTypeWorkspaceContext } from './data-type-workspace.context.js';
 import { UUITextStyles } from '../../../../external/uui/index.js';
 import { css, html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import './data-type-workspace-edit.element.js';
+import './data-type-workspace-editor.element.js';
 let UmbDataTypeWorkspaceElement = class UmbDataTypeWorkspaceElement extends UmbLitElement {
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbDataTypeWorkspaceContext(this);
-        this.#element = document.createElement('umb-data-type-workspace-edit-element');
+        this.#element = document.createElement('umb-data-type-workspace-editor');
         this._routes = [
             {
                 path: 'create/:parentId',

package/dist-cms/packages/settings/data-types/workspace/views/details/data-type-details-workspace-view.element.d.ts

@@ -3,15 +3,16 @@ import type { DataTypeResponseModel } from '../../../../../../external/backend-a
 import { UmbWorkspaceEditorViewExtensionElement } from '../../../../../core/extension-registry/index.js';
 export declare class UmbDataTypeDetailsWorkspaceViewEditElement extends UmbLitElement implements UmbWorkspaceEditorViewExtensionElement {
     _dataType?: DataTypeResponseModel;
-    private _propertyEditorUIIcon;
-    private _propertyEditorUIName;
-    private _propertyEditorUiAlias;
-    private _propertyEditorAlias;
+    private _propertyEditorUiIcon?;
+    private _propertyEditorUiName?;
+    private _propertyEditorUiAlias?;
+    private _propertyEditorAlias?;
     private _data;
     private _workspaceContext?;
     private _modalContext?;
     constructor();
     private _observeDataType;
+    private _setPropertyEditorUiAlias;
     private _observePropertyEditorUI;
     private _openPropertyEditorUIPicker;
     private _selectPropertyEditorUI;

package/dist-cms/packages/settings/data-types/workspace/views/details/data-type-details-workspace-view.element.js

@@ -13,10 +13,6 @@ import { umbExtensionsRegistry, } from '../../../../../core/extension-registry/i
 let UmbDataTypeDetailsWorkspaceViewEditElement = class UmbDataTypeDetailsWorkspaceViewEditElement extends UmbLitElement {
     constructor() {
         super();
-        this._propertyEditorUIIcon = '';
-        this._propertyEditorUIName = '';
-        this._propertyEditorUiAlias = '';
-        this._propertyEditorAlias = '';
         this._data = [];
         this.consumeContext(UMB_MODAL_CONTEXT_TOKEN, (instance) => {
             this._modalContext = instance;
@@ -36,27 +32,53 @@ let UmbDataTypeDetailsWorkspaceViewEditElement = class UmbDataTypeDetailsWorkspa
                 return;
             // TODO: handle if model is not of the type wanted.
             this._dataType = dataType;
-            if (this._dataType.propertyEditorUiAlias !== this._propertyEditorUiAlias) {
-                this._observePropertyEditorUI(this._dataType.propertyEditorUiAlias || undefined);
+            if (!this._dataType.propertyEditorUiAlias) {
+                if (this._dataType.propertyEditorAlias) {
+                    // Get the property editor UI alias from the property editor alias:
+                    this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorModel', this._dataType.propertyEditorAlias), (propertyEditorModel) => {
+                        // TODO: show error. We have stored a PropertyEditorModelAlias and can't find the PropertyEditorModel in the registry.
+                        if (!propertyEditorModel)
+                            return;
+                        this._setPropertyEditorUiAlias(propertyEditorModel.meta.defaultPropertyEditorUiAlias ?? undefined);
+                    }, '_observePropertyEditorModelForDefaultUI');
+                }
+                else {
+                    this._setPropertyEditorUiAlias(undefined);
+                }
+            }
+            else {
+                this._setPropertyEditorUiAlias(this._dataType.propertyEditorUiAlias);
             }
             if (this._dataType.values && this._dataType.values !== this._data) {
                 this._data = this._dataType.values;
             }
         });
     }
+    _setPropertyEditorUiAlias(value) {
+        const oldValue = this._propertyEditorUiAlias;
+        if (oldValue !== value) {
+            this._propertyEditorUiAlias = value;
+            this._observePropertyEditorUI(value || undefined);
+        }
+    }
     _observePropertyEditorUI(propertyEditorUiAlias) {
-        if (!propertyEditorUiAlias)
+        if (!propertyEditorUiAlias) {
+            this._propertyEditorUiName = this._propertyEditorUiIcon = this._propertyEditorUiAlias = undefined;
+            this.removeControllerByUnique('_observePropertyEditorUI');
             return;
-        this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorUI', propertyEditorUiAlias), (propertyEditorUI) => {
+        }
+        // remove the '_observePropertyEditorModelForDefaultUI' controller, as we do not want to observe for default value anymore:
+        this.removeControllerByUnique('_observePropertyEditorModelForDefaultUI');
+        this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorUi', propertyEditorUiAlias), (propertyEditorUI) => {
             // TODO: show error. We have stored a PropertyEditorUIAlias and can't find the PropertyEditorUI in the registry.
             if (!propertyEditorUI)
                 return;
-            this._propertyEditorUIName = propertyEditorUI?.meta.label ?? propertyEditorUI?.name ?? '';
+            this._propertyEditorUiName = propertyEditorUI?.meta.label ?? propertyEditorUI?.name ?? '';
             this._propertyEditorUiAlias = propertyEditorUI?.alias ?? '';
-            this._propertyEditorUIIcon = propertyEditorUI?.meta.icon ?? '';
-            this._propertyEditorAlias = propertyEditorUI?.meta.propertyEditorModel ?? '';
+            this._propertyEditorUiIcon = propertyEditorUI?.meta.icon ?? '';
+            this._propertyEditorAlias = propertyEditorUI?.meta.propertyEditorAlias ?? '';
             this._workspaceContext?.setPropertyEditorAlias(this._propertyEditorAlias);
-        });
+        }, '_observePropertyEditorUI');
     }
     _openPropertyEditorUIPicker() {
         if (!this._dataType)
@@ -69,14 +91,11 @@ let UmbDataTypeDetailsWorkspaceViewEditElement = class UmbDataTypeDetailsWorkspa
         });
     }
     _selectPropertyEditorUI(propertyEditorUiAlias) {
-        if (!this._dataType || this._dataType.propertyEditorUiAlias === propertyEditorUiAlias)
-            return;
         this._workspaceContext?.setPropertyEditorUiAlias(propertyEditorUiAlias);
-        this._observePropertyEditorUI(propertyEditorUiAlias);
     }
     render() {
         return html `
-			<uui-box style="margin-bottom: var(--uui-size-space-5);"> ${this._renderPropertyEditorUI()} </uui-box>
+			<uui-box> ${this._renderPropertyEditorUI()} </uui-box>
 			${this._renderConfig()} </uui-box>
 		`;
     }
@@ -88,11 +107,11 @@ let UmbDataTypeDetailsWorkspaceViewEditElement = class UmbDataTypeDetailsWorkspa
 							<!-- TODO: border is a bit weird attribute name. Maybe single or standalone would be better? -->
 							<umb-ref-property-editor-ui
 								slot="editor"
-								name=${this._propertyEditorUIName}
+								name=${this._propertyEditorUiName}
 								alias=${this._propertyEditorUiAlias}
 								property-editor-model-alias=${this._propertyEditorAlias}
 								border>
-								<uui-icon name="${this._propertyEditorUIIcon}" slot="icon"></uui-icon>
+								<uui-icon name="${this._propertyEditorUiIcon}" slot="icon"></uui-icon>
 								<uui-action-bar slot="actions">
 									<uui-button label="Change" @click=${this._openPropertyEditorUIPicker}></uui-button>
 								</uui-action-bar>
@@ -113,7 +132,7 @@ let UmbDataTypeDetailsWorkspaceViewEditElement = class UmbDataTypeDetailsWorkspa
         return html `
 			${this._propertyEditorAlias && this._propertyEditorUiAlias
             ? html `
-						<uui-box headline="Config">
+						<uui-box headline="Settings">
 							<umb-property-editor-config
 								property-editor-ui-alias="${this._propertyEditorUiAlias}"
 								.data="${this._data}"></umb-property-editor-config>
@@ -127,7 +146,7 @@ let UmbDataTypeDetailsWorkspaceViewEditElement = class UmbDataTypeDetailsWorkspa
         css `
 			:host {
 				display: block;
-				margin: var(--uui-size-layout-1);
+				padding: var(--uui-size-layout-1);
 			}
 		`,
     ]; }
@@ -137,10 +156,10 @@ __decorate([
 ], UmbDataTypeDetailsWorkspaceViewEditElement.prototype, "_dataType", void 0);
 __decorate([
     state()
-], UmbDataTypeDetailsWorkspaceViewEditElement.prototype, "_propertyEditorUIIcon", void 0);
+], UmbDataTypeDetailsWorkspaceViewEditElement.prototype, "_propertyEditorUiIcon", void 0);
 __decorate([
     state()
-], UmbDataTypeDetailsWorkspaceViewEditElement.prototype, "_propertyEditorUIName", void 0);
+], UmbDataTypeDetailsWorkspaceViewEditElement.prototype, "_propertyEditorUiName", void 0);
 __decorate([
     state()
 ], UmbDataTypeDetailsWorkspaceViewEditElement.prototype, "_propertyEditorUiAlias", void 0);

package/dist-cms/packages/settings/data-types/workspace/views/info/workspace-view-data-type-info.element.js

@@ -53,7 +53,7 @@ let UmbWorkspaceViewDataTypeInfoElement = class UmbWorkspaceViewDataTypeInfoElem
         css `
 			:host {
 				display: block;
-				margin: var(--uui-size-layout-1);
+				padding: var(--uui-size-layout-1);
 			}
 		`,
     ]; }

package/dist-cms/packages/settings/languages/app-language-select/app-language-select.element.js

@@ -92,12 +92,11 @@ let UmbAppLanguageSelectElement = class UmbAppLanguageSelectElement extends UmbL
 			}
 
 			#toggle {
-				display: block;
-				width: 100%;
+				width: var(--umb-section-sidebar-width);
 				text-align: left;
 				background: none;
 				border: none;
-				height: 70px;
+				height: var(--umb-header-layout-height);
 				padding: 0 var(--uui-size-8);
 				border-bottom: 1px solid var(--uui-color-border);
 				font-size: 14px;
@@ -110,6 +109,10 @@ let UmbAppLanguageSelectElement = class UmbAppLanguageSelectElement extends UmbL
 			#toggle:hover {
 				background-color: var(--uui-color-surface-emphasis);
 			}
+
+			[open] uui-symbol-expand {
+				transform: rotate(90deg);
+			}
 		`,
     ]; }
 };

package/dist-cms/packages/settings/languages/workspace/language/{language-workspace-edit.element.d.ts → language-workspace-editor.element.d.ts}

@@ -1,6 +1,6 @@
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 import { LanguageResponseModel } from '../../../../../external/backend-api/index.js';
-export declare class UmbLanguageWorkspaceEditElement extends UmbLitElement {
+export declare class UmbLanguageWorkspaceEditorElement extends UmbLitElement {
     #private;
     _language?: LanguageResponseModel;
     _isNew?: boolean;
@@ -8,9 +8,9 @@ export declare class UmbLanguageWorkspaceEditElement extends UmbLitElement {
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
-export default UmbLanguageWorkspaceEditElement;
+export default UmbLanguageWorkspaceEditorElement;
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-language-workspace-edit': UmbLanguageWorkspaceEditElement;
+        'umb-language-workspace-editor': UmbLanguageWorkspaceEditorElement;
     }
 }