@umbraco-cms/backoffice 14.0.0-a8a86579 → 14.0.0-b0704cee

package/dist-cms/packages/core/modal/token/dictionary-item-picker-modal.token.d.ts

@@ -2,5 +2,4 @@ import type { EntityTreeItemResponseModel } from '../../../../external/backend-a
 import { UmbModalToken, UmbPickerModalResult, UmbTreePickerModalData } from '../index.js';
 export type UmbDictionaryItemPickerModalData = UmbTreePickerModalData<EntityTreeItemResponseModel>;
 export type UmbDictionaryItemPickerModalResult = UmbPickerModalResult;
-export declare const UMB_DICTIONARY_ITEM_PICKER_MODAL_ALIAS = "Umb.Modal.DictionaryItemPicker";
 export declare const UMB_DICTIONARY_ITEM_PICKER_MODAL: UmbModalToken<UmbDictionaryItemPickerModalData, UmbPickerModalResult>;

package/dist-cms/packages/core/modal/token/dictionary-item-picker-modal.token.js

@@ -1,6 +1,5 @@
 import { UmbModalToken } from '../index.js';
-export const UMB_DICTIONARY_ITEM_PICKER_MODAL_ALIAS = 'Umb.Modal.DictionaryItemPicker';
-export const UMB_DICTIONARY_ITEM_PICKER_MODAL = new UmbModalToken(UMB_DICTIONARY_ITEM_PICKER_MODAL_ALIAS, {
+export const UMB_DICTIONARY_ITEM_PICKER_MODAL = new UmbModalToken('Umb.Modal.TreePicker', {
     type: 'sidebar',
     size: 'small',
 }, {

package/dist-cms/packages/core/property-editor/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types/index.js';
+export * from './events/index.js';
+export declare const UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT = "Umbraco.JSON";

package/dist-cms/packages/core/property-editor/index.js

@@ -0,0 +1,3 @@
+export * from './types/index.js';
+export * from './events/index.js';
+export const UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT = 'Umbraco.JSON';

package/dist-cms/packages/core/{property-editors → property-editor}/uis/date-picker/property-editor-ui-date-picker.element.js

@@ -68,7 +68,7 @@ export let UmbPropertyEditorUIDatePickerElement = class UmbPropertyEditorUIDateP
 			.min=${this._min}
 			.max=${this._max}
 			.step=${this._step}
-			.offsetTime=${this._offsetTime}
+			.offsetTime=${this._offsetTime || false}
 			label="Pick a date or time"></umb-input-date>`;
     }
     static { this.styles = [UUITextStyles]; }

package/dist-cms/packages/core/section/section-views/section-views.element.js

@@ -11,6 +11,7 @@ import { map, of } from '../../../../external/rxjs/index.js';
 import { umbExtensionsRegistry, } from '../../extension-registry/index.js';
 import { createExtensionElement } from '../../../../libs/extension-api/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
+import { pathFolderName } from '../../../../shared/utils/index.js';
 // TODO: this might need a new name, since it's both view and dashboard now
 export let UmbSectionViewsElement = class UmbSectionViewsElement extends UmbLitElement {
     constructor() {
@@ -23,10 +24,18 @@ export let UmbSectionViewsElement = class UmbSectionViewsElement extends UmbLitE
             this._observeSectionAlias();
         });
     }
+    #constructDashboardPath(manifest) {
+        const dashboardName = manifest.meta.label ?? manifest.name;
+        return 'dashboard/' + (manifest.meta.pathname ? manifest.meta.pathname : pathFolderName(dashboardName));
+    }
+    #constructViewPath(manifest) {
+        const viewName = manifest.meta.label ?? manifest.name;
+        return 'view/' + (manifest.meta.pathname ? manifest.meta.pathname : pathFolderName(viewName));
+    }
     async #createRoutes() {
         const dashboardRoutes = this._dashboards?.map((manifest) => {
             return {
-                path: 'dashboard/' + manifest.meta.pathname,
+                path: this.#constructDashboardPath(manifest),
                 component: () => createExtensionElement(manifest),
                 setup: (component) => {
                     component.manifest = manifest;
@@ -35,7 +44,7 @@ export let UmbSectionViewsElement = class UmbSectionViewsElement extends UmbLitE
         });
         const viewRoutes = this._views?.map((manifest) => {
             return {
-                path: 'view/' + manifest.meta.pathname,
+                path: this.#constructViewPath(manifest),
                 component: () => createExtensionElement(manifest),
                 setup: (component) => {
                     component.manifest = manifest;
@@ -97,14 +106,16 @@ export let UmbSectionViewsElement = class UmbSectionViewsElement extends UmbLitE
         return this._dashboards.length > 0
             ? html `
 					<uui-tab-group slot="header" id="dashboards">
-						${this._dashboards.map((dashboard) => html `
+						${this._dashboards.map((dashboard) => {
+                const dashboardName = dashboard.meta.label ?? dashboard.name;
+                const dashboardPath = this.#constructDashboardPath(dashboard);
+                return html `
 								<uui-tab
-									.label="${dashboard.meta.label || dashboard.name}"
-									href="${this._routerPath}/dashboard/${dashboard.meta.pathname}"
-									?active="${this._activePath === 'dashboard/' + dashboard.meta.pathname}">
-									${dashboard.meta.label || dashboard.name}
-								</uui-tab>
-							`)}
+									.label="${dashboardName}"
+									href="${this._routerPath}/${dashboardPath}"
+									?active="${this._activePath === dashboardPath}"></uui-tab>
+							`;
+            })}
 					</uui-tab-group>
 			  `
             : '';
@@ -113,15 +124,19 @@ export let UmbSectionViewsElement = class UmbSectionViewsElement extends UmbLitE
         return this._views.length > 0
             ? html `
 					<uui-tab-group slot="navigation" id="views">
-						${this._views.map((view) => html `
+						${this._views.map((view) => {
+                const viewName = view.meta.label ?? view.name;
+                const viewPath = this.#constructViewPath(view);
+                return html `
 								<uui-tab
-									.label="${view.meta.label || view.name}"
-									href="${this._routerPath}/view/${view.meta.pathname}"
-									?active="${this._activePath === 'view/' + view.meta.pathname}">
+									.label="${viewName}"
+									href="${this._routerPath}/${viewPath}"
+									?active="${this._activePath === viewPath}">
 									<uui-icon slot="icon" name=${view.meta.icon}></uui-icon>
-									${view.meta.label || view.name}
+									${viewName}
 								</uui-tab>
-							`)}
+							`;
+            })}
 					</uui-tab-group>
 			  `
             : '';

package/dist-cms/packages/core/store/entity-tree-store.js

@@ -13,7 +13,7 @@ export class UmbEntityTreeStore extends UmbStoreBase {
          * An observable to observe the root items
          * @memberof UmbEntityTreeStore
          */
-        this.rootItems = this._data.getObservablePart((items) => items.filter((item) => item.parentId === null));
+        this.rootItems = this._data.asObservablePart((items) => items.filter((item) => item.parentId === null));
     }
     /**
      * Returns an observable to observe the children of a given parent
@@ -22,7 +22,7 @@ export class UmbEntityTreeStore extends UmbStoreBase {
      * @memberof UmbEntityTreeStore
      */
     childrenOf(parentId) {
-        return this._data.getObservablePart((items) => items.filter((item) => item.parentId === parentId));
+        return this._data.asObservablePart((items) => items.filter((item) => item.parentId === parentId));
     }
     /**
      * Returns an observable to observe the items with the given ids
@@ -31,6 +31,6 @@ export class UmbEntityTreeStore extends UmbStoreBase {
      * @memberof UmbEntityTreeStore
      */
     items(ids) {
-        return this._data.getObservablePart((items) => items.filter((item) => ids.includes(item.id ?? '')));
+        return this._data.asObservablePart((items) => items.filter((item) => ids.includes(item.id ?? '')));
     }
 }

package/dist-cms/packages/core/store/file-system-tree.store.js

@@ -13,7 +13,7 @@ export class UmbFileSystemTreeStore extends UmbStoreBase {
          * An observable to observe the root items
          * @memberof UmbFileSystemTreeStore
          */
-        this.rootItems = this._data.getObservablePart((items) => items.filter((item) => item.path?.includes('/') === false));
+        this.rootItems = this._data.asObservablePart((items) => items.filter((item) => item.path?.includes('/') === false));
     }
     /**
      * Returns an observable to observe the children of a given parent
@@ -22,7 +22,7 @@ export class UmbFileSystemTreeStore extends UmbStoreBase {
      * @memberof UmbFileSystemTreeStore
      */
     childrenOf(parentPath) {
-        return this._data.getObservablePart((items) => items.filter((item) => item.path?.startsWith(parentPath + '/') || parentPath === null));
+        return this._data.asObservablePart((items) => items.filter((item) => item.path?.startsWith(parentPath + '/') || parentPath === null));
     }
     /**
      * Returns an observable to observe the items with the given ids
@@ -31,6 +31,6 @@ export class UmbFileSystemTreeStore extends UmbStoreBase {
      * @memberof UmbFileSystemTreeStore
      */
     items(paths) {
-        return this._data.getObservablePart((items) => items.filter((item) => paths.includes(item.path ?? '')));
+        return this._data.asObservablePart((items) => items.filter((item) => paths.includes(item.path ?? '')));
     }
 }

package/dist-cms/packages/core/tree/tree.context.js

@@ -1,4 +1,3 @@
-import { map } from '../../../external/rxjs/index.js';
 import { umbExtensionsRegistry } from '../extension-registry/index.js';
 import { UmbBooleanState } from '../../../libs/observable-api/index.js';
 import { UmbBaseController } from '../../../libs/controller-api/index.js';
@@ -36,9 +35,7 @@ export class UmbTreeContextBase extends UmbBaseController {
         if (this.#treeAlias === treeAlias)
             return;
         this.#treeAlias = treeAlias;
-        if (treeAlias) {
-            this.#observeTreeManifest();
-        }
+        this.#observeTreeManifest();
     }
     getTreeAlias() {
         return this.#treeAlias;
@@ -94,13 +91,13 @@ export class UmbTreeContextBase extends UmbBaseController {
         return this.repository.treeItemsOf(parentUnique);
     }
     #observeTreeManifest() {
-        this.observe(umbExtensionsRegistry
-            .extensionsOfType('tree')
-            .pipe(map((treeManifests) => treeManifests.find((treeManifest) => treeManifest.alias === this.#treeAlias))), async (treeManifest) => {
-            if (!treeManifest)
-                return;
-            this.#observeRepository(treeManifest);
-        }, '_observeTreeManifest');
+        if (this.#treeAlias) {
+            this.observe(umbExtensionsRegistry.getByTypeAndAlias('tree', this.#treeAlias), async (treeManifest) => {
+                if (!treeManifest)
+                    return;
+                this.#observeRepository(treeManifest);
+            }, '_observeTreeManifest');
+        }
     }
     #observeRepository(treeManifest) {
         const repositoryAlias = treeManifest.meta.repositoryAlias;

package/dist-cms/packages/core/workspace/types/workspace-property-data.type.d.ts

@@ -1,4 +1,4 @@
-import { type UmbDataTypeConfig } from '../../property-editors/index.js';
+import { type UmbDataTypeConfig } from '../../property-editor/index.js';
 export type WorkspacePropertyData<ValueType> = {
     alias?: string;
     label?: string;

package/dist-cms/packages/core/workspace/workspace-property/workspace-property.context.js

@@ -16,11 +16,11 @@ export class UmbWorkspacePropertyContext {
     #variantId;
     constructor(host) {
         this.#data = new UmbObjectState({});
-        this.alias = this.#data.getObservablePart((data) => data.alias);
-        this.label = this.#data.getObservablePart((data) => data.label);
-        this.description = this.#data.getObservablePart((data) => data.description);
-        this.value = this.#data.getObservablePart((data) => data.value);
-        this.configValues = this.#data.getObservablePart((data) => data.config);
+        this.alias = this.#data.asObservablePart((data) => data.alias);
+        this.label = this.#data.asObservablePart((data) => data.label);
+        this.description = this.#data.asObservablePart((data) => data.description);
+        this.value = this.#data.asObservablePart((data) => data.value);
+        this.configValues = this.#data.asObservablePart((data) => data.config);
         this.#configCollection = new UmbClassState(undefined);
         this.config = this.#configCollection.asObservable();
         this._editor = new UmbBasicState(undefined);

package/dist-cms/packages/core/workspace/workspace-property/workspace-property.element.d.ts

@@ -1,4 +1,4 @@
-import { type UmbDataTypeConfig } from '../../property-editors/index.js';
+import { type UmbDataTypeConfig } from '../../property-editor/index.js';
 import { UmbVariantId } from '../../variant/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 /**

package/dist-cms/packages/core/workspace/workspace-property-layout/workspace-property-layout.element.js

@@ -49,13 +49,13 @@ export let UmbWorkspacePropertyLayoutElement = class UmbWorkspacePropertyLayoutE
     render() {
         // TODO: Only show alias on label if user has access to DocumentType within settings:
         return html `
-			<div id="header">
+			<div id="headerColumn">
 				<uui-label title=${this.alias}>${this.label}</uui-label>
 				<slot name="property-action-menu"></slot>
 				<div id="description">${this.description}</div>
 				<slot name="description"></slot>
 			</div>
-			<div>
+			<div id="editorColumn">
 				<uui-form-validation-message>
 					<slot name="editor"></slot>
 				</uui-form-validation-message>
@@ -74,33 +74,42 @@ export let UmbWorkspacePropertyLayoutElement = class UmbWorkspacePropertyLayoutE
 				container-type: inline-size;
 			}
 
+			:host(:last-of-type) {
+				border-bottom: none;
+			}
+
 			:host > div {
 				grid-column: span 2;
 			}
-
 			@container (width > 600px) {
 				:host(:not([orientation='vertical'])) > div {
 					grid-column: span 1;
 				}
 			}
 
-			:host(:last-of-type) {
-				border-bottom: none;
+			#headerColumn {
+				position: relative;
+				height: min-content;
+				z-index: 2;
 			}
-
-			:host-context(umb-variantable-property:first-of-type) {
-				padding-top: 0;
+			@container (width > 600px) {
+				#headerColumn {
+					position: sticky;
+					top: calc(var(--uui-size-space-2) * -1);
+				}
 			}
 
 			#description {
 				color: var(--uui-color-text-alt);
 			}
 
-			#header {
-				position: sticky;
-				top: var(--uui-size-space-4);
-				height: min-content;
-				z-index: 2;
+			#editorColumn {
+				margin-top: var(--uui-size-space-3);
+			}
+			@container (width > 600px) {
+				#editorColumn {
+					margin-top: 0;
+				}
 			}
 		`,
     ]; }

package/dist-cms/packages/core/workspace/workspace-split-view-manager.class.js

@@ -31,7 +31,7 @@ export class UmbWorkspaceSplitViewManager {
         }
     }
     activeVariantByIndex(index) {
-        return this.#activeVariantsInfo.getObservablePart((data) => data[index] || undefined);
+        return this.#activeVariantsInfo.asObservablePart((data) => data[index] || undefined);
     }
     switchVariant(index, variantId) {
         // TODO: remember current path and extend url with it.

package/dist-cms/packages/core/workspace/workspace-variant/workspace-variant.context.js

@@ -17,9 +17,9 @@ export class UmbWorkspaceVariantContext {
         this.index = this.#index.asObservable();
         this.#currentVariant = new UmbObjectState(undefined);
         this.currentVariant = this.#currentVariant.asObservable();
-        this.name = this.#currentVariant.getObservablePart((x) => x?.name);
-        this.culture = this.#currentVariant.getObservablePart((x) => x?.culture);
-        this.segment = this.#currentVariant.getObservablePart((x) => x?.segment);
+        this.name = this.#currentVariant.asObservablePart((x) => x?.name);
+        this.culture = this.#currentVariant.asObservablePart((x) => x?.culture);
+        this.segment = this.#currentVariant.asObservablePart((x) => x?.segment);
         this.#variantId = new UmbClassState(undefined);
         this.variantId = this.#variantId.asObservable();
         this.#host = host;

package/dist-cms/packages/documents/document-blueprints/document-blueprint.detail.store.js

@@ -26,7 +26,7 @@ export class UmbDocumentBlueprintStore extends UmbStoreBase {
             .then((data) => {
             this._data.append(data);
         });
-        return this._data.getObservablePart((documents) => documents.find((document) => document.id === id));
+        return this._data.asObservablePart((documents) => documents.find((document) => document.id === id));
     }
     getScaffold(entityType, parentId) {
         return {};

package/dist-cms/packages/documents/document-types/repository/document-type.store.js

@@ -30,7 +30,7 @@ export class UmbDocumentTypeStore extends UmbStoreBase {
      * @memberof UmbDocumentTypeStore
      */
     byId(id) {
-        return this._data.getObservablePart((x) => x.find((y) => y.id === id));
+        return this._data.asObservablePart((x) => x.find((y) => y.id === id));
     }
     /**
      * Removes document-types in the store with the given uniques

package/dist-cms/packages/documents/document-types/workspace/views/templates/document-type-workspace-view-templates.element.d.ts

@@ -1,3 +1,4 @@
+import '../../../../../templating/templates/components/input-template/input-template.element.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 import { UmbWorkspaceEditorViewExtensionElement } from '../../../../../core/extension-registry/index.js';
 export declare class UmbDocumentTypeWorkspaceViewTemplatesElement extends UmbLitElement implements UmbWorkspaceEditorViewExtensionElement {

package/dist-cms/packages/documents/document-types/workspace/views/templates/document-type-workspace-view-templates.element.js

@@ -4,6 +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 '../../../../../templating/templates/components/input-template/input-template.element.js';
 import { css, html, customElement, state } from '../../../../../../external/lit/index.js';
 import { UUITextStyles } from '../../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
@@ -34,7 +35,7 @@ export let UmbDocumentTypeWorkspaceViewTemplatesElement = class UmbDocumentTypeW
     #templateInputChange(e) {
         // save new allowed ids
         const input = e.target;
-        const idsWithoutRoot = input.selectedIds.filter((id) => id !== null);
+        const idsWithoutRoot = input.selectedIds?.filter((id) => id !== null) ?? [];
         this.#workspaceContext?.setAllowedTemplateIds(idsWithoutRoot);
         this.#workspaceContext?.setDefaultTemplateId(input.defaultId);
     }

package/dist-cms/packages/documents/documents/repository/document.store.js

@@ -30,7 +30,7 @@ export class UmbDocumentStore extends UmbStoreBase {
      * @memberof UmbDocumentStore
      */
     byId(id) {
-        return this._data.getObservablePart((x) => x.find((y) => y.id === id));
+        return this._data.asObservablePart((x) => x.find((y) => y.id === id));
     }
     /**
      * Removes documents in the store with the given uniques

package/dist-cms/packages/documents/documents/workspace/document-workspace.context.js

@@ -26,11 +26,11 @@ export class UmbDocumentWorkspaceContext extends UmbWorkspaceContext {
          * The document is the current state/draft version of the document.
          */
         this.#draft = new UmbObjectState(undefined);
-        this.unique = this.#draft.getObservablePart((data) => data?.id);
-        this.documentTypeKey = this.#draft.getObservablePart((data) => data?.contentTypeId);
-        this.variants = this.#draft.getObservablePart((data) => data?.variants || []);
-        this.urls = this.#draft.getObservablePart((data) => data?.urls || []);
-        this.templateId = this.#draft.getObservablePart((data) => data?.templateId || null);
+        this.unique = this.#draft.asObservablePart((data) => data?.id);
+        this.documentTypeKey = this.#draft.asObservablePart((data) => data?.contentTypeId);
+        this.variants = this.#draft.asObservablePart((data) => data?.variants || []);
+        this.urls = this.#draft.asObservablePart((data) => data?.urls || []);
+        this.templateId = this.#draft.asObservablePart((data) => data?.templateId || null);
         this.structure = new UmbContentTypePropertyStructureManager(this.host, new UmbDocumentTypeRepository(this.host));
         this.splitView = new UmbWorkspaceSplitViewManager(this.host);
         new UmbObserverController(this.host, this.documentTypeKey, (id) => this.structure.loadType(id));
@@ -93,13 +93,13 @@ export class UmbDocumentWorkspaceContext extends UmbWorkspaceContext {
         this.#draft.update({ variants });
     }
     propertyValuesOf(variantId) {
-        return this.#draft.getObservablePart((data) => variantId ? data?.values?.filter((x) => variantId.compare(x)) : data?.values);
+        return this.#draft.asObservablePart((data) => variantId ? data?.values?.filter((x) => variantId.compare(x)) : data?.values);
     }
     propertyDataByAlias(propertyAlias, variantId) {
-        return this.#draft.getObservablePart((data) => data?.values?.find((x) => x?.alias === propertyAlias && (variantId ? variantId.compare(x) : true)));
+        return this.#draft.asObservablePart((data) => data?.values?.find((x) => x?.alias === propertyAlias && (variantId ? variantId.compare(x) : true)));
     }
     propertyValueByAlias(propertyAlias, variantId) {
-        return this.#draft.getObservablePart((data) => data?.values?.find((x) => x?.alias === propertyAlias && (variantId ? variantId.compare(x) : true))?.value);
+        return this.#draft.asObservablePart((data) => data?.values?.find((x) => x?.alias === propertyAlias && (variantId ? variantId.compare(x) : true))?.value);
     }
     getPropertyValue(alias, variantId) {
         const currentData = this.#draft.value;

package/dist-cms/packages/documents/documents/workspace/views/edit/document-workspace-view-edit-tab.element.js

@@ -58,6 +58,7 @@ export let UmbDocumentWorkspaceViewEditTabElement = class UmbDocumentWorkspaceVi
             ? html `
 						<uui-box>
 							<umb-document-workspace-view-edit-properties
+								class="properties"
 								container-type="Tab"
 								container-name=${this.tabName || ''}></umb-document-workspace-view-edit-properties>
 						</uui-box>
@@ -65,6 +66,7 @@ export let UmbDocumentWorkspaceViewEditTabElement = class UmbDocumentWorkspaceVi
             : ''}
 			${repeat(this._groups, (group) => group.name, (group) => html `<uui-box .headline=${group.name || ''}>
 					<umb-document-workspace-view-edit-properties
+						class="properties"
 						container-type="Group"
 						container-name=${group.name || ''}></umb-document-workspace-view-edit-properties>
 				</uui-box>`)}
@@ -73,6 +75,9 @@ export let UmbDocumentWorkspaceViewEditTabElement = class UmbDocumentWorkspaceVi
     static { this.styles = [
         UUITextStyles,
         css `
+			uui-box {
+				--uui-box-default-padding: 0 var(--uui-size-space-5);
+			}
 			uui-box:not(:first-child) {
 				margin-top: var(--uui-size-layout-1);
 			}

package/dist-cms/packages/documents/documents/workspace/views/info/document-info-workspace-view.element.js

@@ -75,6 +75,7 @@ export let UmbDocumentInfoWorkspaceViewElement = class UmbDocumentInfoWorkspaceV
         this.itemsPerPage = 10;
         this._editDocumentTypePath = '';
         new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
+            .addAdditionalPath('document-type')
             .onSetup(() => {
             return { entityType: 'document-type', preset: {} };
         })

package/dist-cms/packages/media/media/repository/media.store.js

@@ -30,7 +30,7 @@ export class UmbMediaStore extends UmbStoreBase {
      * @memberof UmbMediaStore
      */
     byId(id) {
-        return this._data.getObservablePart((x) => x.find((y) => y.id === id));
+        return this._data.asObservablePart((x) => x.find((y) => y.id === id));
     }
     /**
      * Removes media in the store with the given uniques

package/dist-cms/packages/media/media/workspace/media-workspace.context.js

@@ -7,7 +7,7 @@ export class UmbMediaWorkspaceContext extends UmbWorkspaceContext {
         super(host, new UmbMediaRepository(host));
         this.#data = new UmbObjectState(undefined);
         this.data = this.#data.asObservable();
-        this.name = this.#data.getObservablePart((data) => data?.name);
+        this.name = this.#data.asObservablePart((data) => data?.name);
     }
     getData() {
         return this.#data.getValue();

package/dist-cms/packages/media/media-types/workspace/media-type-workspace.context.js

@@ -7,7 +7,7 @@ export class UmbWorkspaceMediaTypeContext extends UmbWorkspaceContext {
         super(host, new UmbMediaTypeRepository(host));
         this.#data = new UmbObjectState(undefined);
         this.data = this.#data.asObservable();
-        this.name = this.#data.getObservablePart((data) => data?.name);
+        this.name = this.#data.asObservablePart((data) => data?.name);
     }
     getData() {
         return this.#data.getValue();

package/dist-cms/packages/members/member-groups/repository/member-group.store.js

@@ -21,7 +21,7 @@ export class UmbMemberGroupStore extends UmbStoreBase {
      * @memberof UmbMemberGroupStore
      */
     byId(id) {
-        return this._data.getObservablePart((x) => x.find((y) => y.id === id));
+        return this._data.asObservablePart((x) => x.find((y) => y.id === id));
     }
     remove(uniques) {
         this._data.remove(uniques);

package/dist-cms/packages/members/member-groups/workspace/member-group-workspace.context.js

@@ -7,7 +7,7 @@ export class UmbWorkspaceMemberGroupContext extends UmbWorkspaceContext {
         super(host, new UmbMemberGroupRepository(host));
         this.#data = new UmbObjectState(undefined);
         this.data = this.#data.asObservable();
-        this.name = this.#data.getObservablePart((data) => data?.name);
+        this.name = this.#data.asObservablePart((data) => data?.name);
     }
     getData() {
         return this.#data.getValue();

package/dist-cms/packages/members/member-types/repository/member-type.store.js

@@ -20,7 +20,7 @@ export class UmbMemberTypeStore extends UmbStoreBase {
      * @memberof UmbMemberTypeStore
      */
     byId(id) {
-        return this._data.getObservablePart((x) => x.find((y) => y.id === id));
+        return this._data.asObservablePart((x) => x.find((y) => y.id === id));
     }
     remove(uniques) {
         this._data.remove(uniques);

package/dist-cms/packages/members/member-types/workspace/member-type-workspace.context.js

@@ -6,7 +6,7 @@ export class UmbMemberTypeWorkspaceContext extends UmbWorkspaceContext {
     constructor(host) {
         super(host, new UmbMemberTypeRepository(host));
         this.#data = new UmbObjectState(undefined);
-        this.name = this.#data.getObservablePart((data) => data?.name);
+        this.name = this.#data.asObservablePart((data) => data?.name);
     }
     async load(entityId) {
         const { data } = await this.repository.requestById(entityId);

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

@@ -17,7 +17,7 @@ export class UmbDataTypeItemStore extends UmbStoreBase {
         super(host, UMB_DATA_TYPE_ITEM_STORE_CONTEXT_TOKEN.toString(), new UmbArrayState([], (x) => x.id));
     }
     items(ids) {
-        return this._data.getObservablePart((items) => items.filter((item) => ids.includes(item.id ?? '')));
+        return this._data.asObservablePart((items) => items.filter((item) => ids.includes(item.id ?? '')));
     }
 }
 export const UMB_DATA_TYPE_ITEM_STORE_CONTEXT_TOKEN = new UmbContextToken('UmbDataTypeItemStore');

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

@@ -31,7 +31,7 @@ export class UmbDataTypeStore extends UmbStoreBase {
      * @memberof UmbDataTypeStore
      */
     byId(id) {
-        return this._data.getObservablePart((x) => x.find((y) => y.id === id));
+        return this._data.asObservablePart((x) => x.find((y) => y.id === id));
     }
     /**
      * Removes data-types in the store with the given uniques
@@ -43,6 +43,6 @@ export class UmbDataTypeStore extends UmbStoreBase {
     }
     withPropertyEditorUiAlias(propertyEditorUiAlias) {
         // TODO: Use a model for the data-type tree items: ^^Most likely it should be parsed to the UmbEntityTreeStore as a generic type.
-        return this._data.getObservablePart((items) => items.filter((item) => item.propertyEditorUiAlias === propertyEditorUiAlias));
+        return this._data.asObservablePart((items) => items.filter((item) => item.propertyEditorUiAlias === propertyEditorUiAlias));
     }
 }

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

@@ -9,8 +9,8 @@ export class UmbDataTypeWorkspaceContext extends UmbWorkspaceContext {
         // TODO: revisit. temp solution because the create and response models are different.
         this.#data = new UmbObjectState(undefined);
         this.data = this.#data.asObservable();
-        this.name = this.#data.getObservablePart((data) => data?.name);
-        this.id = this.#data.getObservablePart((data) => data?.id);
+        this.name = this.#data.asObservablePart((data) => data?.name);
+        this.id = this.#data.asObservablePart((data) => data?.id);
     }
     async load(id) {
         const { data } = await this.repository.requestById(id);

package/dist-cms/packages/settings/languages/repository/language-item.store.js

@@ -13,6 +13,6 @@ export class UmbLanguageItemStore extends UmbStoreBase {
         super(host, UMB_LANGUAGE_ITEM_STORE_CONTEXT_TOKEN.toString(), new UmbArrayState([], (x) => x.isoCode));
     }
     items(isoCodes) {
-        return this._data.getObservablePart((items) => items.filter((item) => isoCodes.includes(item.isoCode ?? '')));
+        return this._data.asObservablePart((items) => items.filter((item) => isoCodes.includes(item.isoCode ?? '')));
     }
 }

package/dist-cms/packages/settings/languages/repository/language.store.js

@@ -21,6 +21,6 @@ export class UmbLanguageStore extends UmbStoreBase {
     }
     // TODO: how do we best handle this? They might have a smaller data set than the details
     items(isoCodes) {
-        return this._data.getObservablePart((items) => items.filter((item) => isoCodes.includes(item.isoCode ?? '')));
+        return this._data.asObservablePart((items) => items.filter((item) => isoCodes.includes(item.isoCode ?? '')));
     }
 }

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

@@ -31,7 +31,7 @@ export class UmbRelationTypeStore extends UmbStoreBase {
      * @memberof UmbRelationTypeStore
      */
     byId(id) {
-        return this._data.getObservablePart((x) => x.find((y) => y.id === id));
+        return this._data.asObservablePart((x) => x.find((y) => y.id === id));
     }
     /**
      * Removes relation-types in the store with the given uniques

package/dist-cms/packages/settings/relation-types/workspace/relation-type-workspace.context.js

@@ -7,8 +7,8 @@ export class UmbRelationTypeWorkspaceContext extends UmbWorkspaceContext {
         super(host, new UmbRelationTypeRepository(host));
         this.#data = new UmbObjectState(undefined);
         this.data = this.#data.asObservable();
-        this.name = this.#data.getObservablePart((data) => data?.name);
-        this.id = this.#data.getObservablePart((data) => data?.id);
+        this.name = this.#data.asObservablePart((data) => data?.name);
+        this.id = this.#data.asObservablePart((data) => data?.id);
     }
     async load(id) {
         const { data } = await this.repository.requestById(id);

package/dist-cms/packages/tags/property-editors/tags/config/storage-type/manifests.js

@@ -1,3 +1,4 @@
+// TODO: Missing propertyEditorSchemaAlias ?
 export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.Tags.StorageType',