@umbraco-cms/backoffice 14.0.0-d335c2c2 → 14.0.0-d87d656d

package/dist-cms/packages/core/components/index.d.ts

@@ -2,6 +2,7 @@ export * from './backoffice-modal-container/backoffice-modal-container.element.j
 export * from './backoffice-notification-container/backoffice-notification-container.element.js';
 export * from './body-layout/body-layout.element.js';
 export * from './button-with-dropdown/button-with-dropdown.element.js';
+export * from './code-block/index.js';
 export * from './data-type/index.js';
 export * from './input-date/index.js';
 export * from './dropdown/index.js';

package/dist-cms/packages/core/components/index.js

@@ -4,7 +4,7 @@ export * from './backoffice-modal-container/backoffice-modal-container.element.j
 export * from './backoffice-notification-container/backoffice-notification-container.element.js';
 export * from './body-layout/body-layout.element.js';
 export * from './button-with-dropdown/button-with-dropdown.element.js'; // TODO: delete this and change usage to umb-dropdown
-// export * from './code-block.js';
+export * from './code-block/index.js';
 export * from './data-type/index.js';
 export * from './input-date/index.js';
 export * from './dropdown/index.js';

package/dist-cms/packages/core/components/input-checkbox-list/input-checkbox-list.element.d.ts

@@ -15,7 +15,7 @@ export declare class UmbInputCheckboxListElement extends UmbInputCheckboxListEle
     set selected(keys: Array<string>);
     set value(keysString: string);
     protected getFormElement(): undefined;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     renderCheckbox(item: {
         key: string;
         checked: boolean;

package/dist-cms/packages/core/components/input-radio-button-list/input-radio-button-list.element.d.ts

@@ -15,7 +15,7 @@ export declare class UmbInputRadioButtonListElement extends UmbInputRadioButtonL
     set selected(key: string);
     set value(key: string);
     protected getFormElement(): undefined;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     renderRadioButton(item: {
         key: string;
         sortOrder: number;

package/dist-cms/packages/core/components/input-tiny-mce/input-tiny-mce.element.js

@@ -237,6 +237,11 @@ export let UmbInputTinyMceElement = class UmbInputTinyMceElement extends FormCon
 				min-height: 100px;
 			}
 
+			.tox-tinymce {
+				border-radius: 0;
+				border: var(--uui-input-border-width, 1px) solid var(--uui-input-border-color, var(--uui-color-border, #d8d7d9));
+			}
+
 			.tox-tinymce-aux {
 				z-index: 9000;
 			}

package/dist-cms/packages/core/components/input-tiny-mce/input-tiny-mce.handlers.js

@@ -32,7 +32,7 @@ export const uploadImageHandler = (blobInfo, progress) => {
             resolve(blobInfo.blobUri());
         };
         const formData = new FormData();
-        formData.append('file', blobInfo.blob(), blobInfo.blob().name);
+        formData.append('file', blobInfo.blob(), blobInfo.filename());
         xhr.send(formData);
     });
 };

package/dist-cms/packages/core/components/property-editor-config/property-editor-config.element.js

@@ -8,6 +8,7 @@ import { html, customElement, property, state, ifDefined } from '../../../../ext
 import { UUITextStyles } from '../../../../external/uui/index.js';
 import { umbExtensionsRegistry, } from '../../extension-registry/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
+import { UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT } from '../../property-editor/index.js';
 /**
  *  @element umb-property-editor-config
  *  @description - Element for displaying the configuration for a Property Editor based on a Property Editor UI Alias and a Property Editor Model alias.
@@ -49,7 +50,7 @@ export let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement
         if (!this._propertyEditorUiAlias)
             return;
         this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorUi', this.propertyEditorUiAlias), (manifest) => {
-            this._observePropertyEditorSchemaConfig(manifest?.meta.propertyEditorSchemaAlias);
+            this._observePropertyEditorSchemaConfig(manifest?.meta.propertyEditorSchemaAlias || UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT);
             this._propertyEditorUISettingsProperties = manifest?.meta.settings?.properties || [];
             this._propertyEditorUISettingsDefaultData = manifest?.meta.settings?.defaultData || [];
             this._mergeConfigProperties();
@@ -57,8 +58,6 @@ export let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement
         });
     }
     _observePropertyEditorSchemaConfig(propertyEditorSchemaAlias) {
-        if (!propertyEditorSchemaAlias)
-            return;
         this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorSchema', propertyEditorSchemaAlias), (manifest) => {
             this._propertyEditorSchemaConfigProperties = manifest?.meta.settings?.properties || [];
             this._propertyEditorSchemaConfigDefaultData = manifest?.meta.settings?.defaultData || [];

package/dist-cms/packages/core/components/ref-property-editor-ui/ref-property-editor-ui.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 { UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT } from '../../property-editor/index.js';
 import { UUIRefNodeElement } from '../../../../external/uui/index.js';
 import { html, customElement, property } from '../../../../external/lit/index.js';
 /**
@@ -39,7 +40,7 @@ export let UmbRefPropertyEditorUIElement = class UmbRefPropertyEditorUIElement e
             details.push(this.propertyEditorSchemaAlias);
         }
         else {
-            details.push('Property Editor Missing');
+            details.push(UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT);
         }
         if (this.detail !== '') {
             details.push(this.detail);

package/dist-cms/packages/core/content-type/content-type-structure-manager.class.js

@@ -14,7 +14,7 @@ export class UmbContentTypePropertyStructureManager {
         this.#documentTypeObservers = new Array();
         this.#documentTypes = new UmbArrayState([], (x) => x.id);
         this.documentTypes = this.#documentTypes.asObservable();
-        this._documentTypeContainers = this.#documentTypes.getObservablePart((x) => x.flatMap((x) => x.containers ?? []));
+        this._documentTypeContainers = this.#documentTypes.asObservablePart((x) => x.flatMap((x) => x.containers ?? []));
         this.#containers = new UmbArrayState([], (x) => x.id);
         this.#host = host;
         this.#contentTypeRepository = typeRepository;
@@ -114,7 +114,7 @@ export class UmbContentTypePropertyStructureManager {
     */
     /** Public methods for consuming structure: */
     ownerDocumentType() {
-        return this.#documentTypes.getObservablePart((x) => x.find((y) => y.id === this.#ownerDocumentTypeId));
+        return this.#documentTypes.asObservablePart((x) => x.find((y) => y.id === this.#ownerDocumentTypeId));
     }
     getOwnerDocumentType() {
         return this.#documentTypes.getValue().find((y) => y.id === this.#ownerDocumentTypeId);
@@ -214,28 +214,28 @@ export class UmbContentTypePropertyStructureManager {
     }
     /*
     rootDocumentTypeName() {
-        return this.#documentTypes.getObservablePart((docTypes) => {
+        return this.#documentTypes.asObservablePart((docTypes) => {
             const docType = docTypes.find((x) => x.id === this.#rootDocumentTypeKey);
             return docType?.name ?? '';
         });
     }
     */
     ownerDocumentTypeObservablePart(mappingFunction) {
-        return this.#documentTypes.getObservablePart((docTypes) => {
+        return this.#documentTypes.asObservablePart((docTypes) => {
             const docType = docTypes.find((x) => x.id === this.#ownerDocumentTypeId);
             return docType ? mappingFunction(docType) : undefined;
         });
     }
     /*
     nameOfDocumentType(id: string) {
-        return this.#documentTypes.getObservablePart((docTypes) => {
+        return this.#documentTypes.asObservablePart((docTypes) => {
             const docType = docTypes.find((x) => x.id === id);
             return docType?.name ?? '';
         });
     }
     */
     hasPropertyStructuresOf(containerId) {
-        return this.#documentTypes.getObservablePart((docTypes) => {
+        return this.#documentTypes.asObservablePart((docTypes) => {
             return (docTypes.find((docType) => {
                 return docType.properties?.find((property) => property.containerId === containerId);
             }) !== undefined);
@@ -245,7 +245,7 @@ export class UmbContentTypePropertyStructureManager {
         return this.propertyStructuresOf(null);
     }
     propertyStructuresOf(containerId) {
-        return this.#documentTypes.getObservablePart((docTypes) => {
+        return this.#documentTypes.asObservablePart((docTypes) => {
             const props = [];
             docTypes.forEach((docType) => {
                 docType.properties?.forEach((property) => {
@@ -258,7 +258,7 @@ export class UmbContentTypePropertyStructureManager {
         });
     }
     rootContainers(containerType) {
-        return this.#containers.getObservablePart((data) => {
+        return this.#containers.asObservablePart((data) => {
             return data.filter((x) => x.parentId === null && x.type === containerType);
         });
     }
@@ -266,7 +266,7 @@ export class UmbContentTypePropertyStructureManager {
         return this.#containers.getValue().filter((x) => x.parentId === null && x.type === containerType);
     }
     hasRootContainers(containerType) {
-        return this.#containers.getObservablePart((data) => {
+        return this.#containers.asObservablePart((data) => {
             return data.filter((x) => x.parentId === null && x.type === containerType).length > 0;
         });
     }
@@ -280,13 +280,13 @@ export class UmbContentTypePropertyStructureManager {
         return this.getOwnerDocumentType()?.containers?.filter((x) => x.id === containerId);
     }
     containersOfParentKey(parentId, containerType) {
-        return this.#containers.getObservablePart((data) => {
+        return this.#containers.asObservablePart((data) => {
             return data.filter((x) => x.parentId === parentId && x.type === containerType);
         });
     }
     // In future this might need to take parentName(parentId lookup) into account as well? otherwise containers that share same name and type will always be merged, but their position might be different and they should not be merged.
     containersByNameAndType(name, containerType) {
-        return this.#containers.getObservablePart((data) => {
+        return this.#containers.asObservablePart((data) => {
             return data.filter((x) => x.name === name && x.type === containerType);
         });
     }

package/dist-cms/packages/core/debug/debug.element.d.ts

@@ -9,7 +9,7 @@ export declare class UmbDebugElement extends UmbLitElement {
     private _modalContext?;
     constructor();
     connectedCallback(): void;
-    render(): typeof nothing | TemplateResult<1>;
+    render(): TemplateResult<1> | typeof nothing;
     private _toggleDebugPane;
     private _openDialog;
     private _renderDialog;

package/dist-cms/packages/core/entity-action/common/create-folder/create-folder.action.d.ts

@@ -0,0 +1,8 @@
+import { UmbEntityActionBase } from '../../entity-action.js';
+import { UmbControllerHostElement } from '../../../../../libs/controller-api/index.js';
+import { UmbFolderRepository } from '../../../../../shared/repository/index.js';
+export declare class UmbCreateFolderEntityAction<T extends UmbFolderRepository> extends UmbEntityActionBase<T> {
+    #private;
+    constructor(host: UmbControllerHostElement, repositoryAlias: string, unique: string);
+    execute(): Promise<void>;
+}

package/dist-cms/packages/core/entity-action/common/create-folder/create-folder.action.js

@@ -0,0 +1,21 @@
+import { UmbEntityActionBase } from '../../entity-action.js';
+import { UmbContextConsumerController } from '../../../../../libs/context-api/index.js';
+import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_FOLDER_MODAL, } from '../../../modal/index.js';
+export class UmbCreateFolderEntityAction extends UmbEntityActionBase {
+    #modalContext;
+    constructor(host, repositoryAlias, unique) {
+        super(host, repositoryAlias, unique);
+        new UmbContextConsumerController(this.host, UMB_MODAL_MANAGER_CONTEXT_TOKEN, (instance) => {
+            this.#modalContext = instance;
+        });
+    }
+    async execute() {
+        if (!this.repository || !this.#modalContext)
+            return;
+        const modalContext = this.#modalContext.open(UMB_FOLDER_MODAL, {
+            repositoryAlias: this.repositoryAlias,
+            parentUnique: this.unique ?? null,
+        });
+        await modalContext.onSubmit();
+    }
+}

package/dist-cms/packages/core/entity-action/common/index.d.ts

@@ -5,3 +5,4 @@ export * from './folder-update/folder-update.action.js';
 export * from './move/move.action.js';
 export * from './sort-children-of/sort-children-of.action.js';
 export * from './trash/trash.action.js';
+export * from './create-folder/create-folder.action.js';

package/dist-cms/packages/core/entity-action/common/index.js

@@ -5,3 +5,4 @@ export * from './folder-update/folder-update.action.js';
 export * from './move/move.action.js';
 export * from './sort-children-of/sort-children-of.action.js';
 export * from './trash/trash.action.js';
+export * from './create-folder/create-folder.action.js';

package/dist-cms/packages/core/extension-registry/models/dashboard.model.d.ts

@@ -6,7 +6,11 @@ export interface ManifestDashboard extends ManifestElement<UmbDashboardExtension
 }
 export interface MetaDashboard {
     /**
-     * This is the URL path for the dashboard which is used for navigating or deep linking directly to the dashboard
+     * The displayed name (label) in the navigation.
+     */
+    label?: string;
+    /**
+     * This is the URL path part for this view. This is used for navigating or deep linking directly to the dashboard
      * https://yoursite.com/section/settings/dashboard/my-dashboard-path
      *
      * @example my-dashboard-path
@@ -14,11 +18,7 @@ export interface MetaDashboard {
      *  "my-dashboard-path"
      * ]
      */
-    pathname: string;
-    /**
-     * The displayed name (label) for the tab of the dashboard
-     */
-    label?: string;
+    pathname?: string;
 }
 export interface ConditionsDashboard {
     /**

package/dist-cms/packages/core/extension-registry/models/property-editor.model.d.ts

@@ -1,5 +1,5 @@
 import type { UmbPropertyEditorExtensionElement } from '../interfaces/index.js';
-import { type UmbDataTypeConfig } from '../../property-editors/index.js';
+import { type UmbDataTypeConfig } from '../../property-editor/index.js';
 import type { ManifestElement, ManifestBase } from '../../../../libs/extension-api/index.js';
 export interface ManifestPropertyEditorUi extends ManifestElement<UmbPropertyEditorExtensionElement> {
     type: 'propertyEditorUi';

package/dist-cms/packages/core/extension-registry/models/section-view.model.d.ts

@@ -5,8 +5,27 @@ export interface ManifestSectionView extends ManifestElement<UmbSectionViewExten
     meta: MetaSectionView;
 }
 export interface MetaSectionView {
-    label: string;
-    pathname: string;
+    /**
+     * The displayed name (label) in the navigation.
+     */
+    label?: string;
+    /**
+     * This is the URL path part for this view. This is used for navigating or deep linking directly to the view
+     * https://yoursite.com/section/settings/view/my-view-path
+     *
+     * @example my-view-path
+     * @examples [
+     *  "my-view-path"
+     * ]
+     */
+    pathname?: string;
+    /**
+     * The icon displayed for this view in the navigation.
+     * @example "box"
+     * @examples [
+     *  "box"
+     * ]
+     */
     icon: string;
 }
 export interface ConditionsSectionView {

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

@@ -13,8 +13,8 @@ export * from './menu/index.js';
 export * from './modal/index.js';
 export * from './notification/index.js';
 export * from './picker-input/index.js';
-export * from './property-actions/index.js';
-export * from './property-editors/index.js';
+export * from './property-action/index.js';
+export * from './property-editor/index.js';
 export * from './section/index.js';
 export * from './sorter/index.js';
 export * from './store/index.js';

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

@@ -1,8 +1,8 @@
 import { UmbBackofficeNotificationContainerElement, UmbBackofficeModalContainerElement } from './components/index.js';
 import { manifests as debugManifests } from './debug/manifests.js';
-import { manifests as propertyActionManifests } from './property-actions/manifests.js';
-import { manifests as propertyEditorManifests } from './property-editors/manifests.js';
-import { manifests as tinyMcePluginManifests } from './property-editors/uis/tiny-mce/plugins/manifests.js';
+import { manifests as propertyActionManifests } from './property-action/manifests.js';
+import { manifests as propertyEditorManifests } from './property-editor/manifests.js';
+import { manifests as tinyMcePluginManifests } from './property-editor/uis/tiny-mce/plugins/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
 import { manifests as modalManifests } from './modal/common/manifests.js';
 import { manifests as themeManifests } from './themes/manifests.js';
@@ -24,8 +24,8 @@ export * from './menu/index.js';
 export * from './modal/index.js';
 export * from './notification/index.js';
 export * from './picker-input/index.js';
-export * from './property-actions/index.js';
-export * from './property-editors/index.js';
+export * from './property-action/index.js';
+export * from './property-editor/index.js';
 export * from './section/index.js';
 export * from './sorter/index.js';
 export * from './store/index.js';

package/dist-cms/packages/core/modal/common/folder/folder-modal.element.js

@@ -13,6 +13,7 @@ export let UmbFolderModalElement = class UmbFolderModalElement extends UmbLitEle
     constructor() {
         super(...arguments);
         this.#unique = null;
+        this.#parentUnique = null;
         this._isNew = false;
     }
     get data() {
@@ -21,11 +22,13 @@ export let UmbFolderModalElement = class UmbFolderModalElement extends UmbLitEle
     set data(value) {
         this._data = value;
         this.#unique = value?.unique || null;
+        this.#parentUnique = value?.parentUnique || null;
         this.#repositoryAlias = value?.repositoryAlias;
         this.#observeRepository();
     }
     #repositoryAlias;
     #unique;
+    #parentUnique;
     #repository;
     #repositoryObserver;
     #observeRepository() {
@@ -58,7 +61,7 @@ export let UmbFolderModalElement = class UmbFolderModalElement extends UmbLitEle
     async #create() {
         if (!this.#repository)
             throw new Error('Repository is required to create folder');
-        const { data } = await this.#repository.createFolderScaffold(this.#unique);
+        const { data } = await this.#repository.createFolderScaffold(this.#parentUnique);
         this._folder = data;
         this._isNew = true;
     }

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/modal/token/embedded-media-modal.token.js

@@ -5,7 +5,6 @@ export var OEmbedStatus;
     OEmbedStatus[OEmbedStatus["Error"] = 1] = "Error";
     OEmbedStatus[OEmbedStatus["Success"] = 2] = "Success";
 })(OEmbedStatus || (OEmbedStatus = {}));
-;
 export const UMB_EMBEDDED_MEDIA_MODAL = new UmbModalToken('Umb.Modal.EmbeddedMedia', {
     type: 'sidebar',
     size: 'medium',

package/dist-cms/packages/core/modal/token/folder-modal.token.d.ts

@@ -3,6 +3,7 @@ import { FolderReponseModel } from '../../../../external/backend-api/index.js';
 export interface UmbFolderModalData {
     repositoryAlias: string;
     unique?: string;
+    parentUnique?: string | null;
 }
 export interface UmbFolderModalResult {
     folder: FolderReponseModel;

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

@@ -1,6 +1,6 @@
 import { UmbModalToken, UmbPickerModalData } from '../index.js';
-import { UserResponseModel } from '../../../../external/backend-api/index.js';
-export type UmbUserPickerModalData = UmbPickerModalData<UserResponseModel>;
+import { UmbUserDetail } from '../../../users/users/index.js';
+export type UmbUserPickerModalData = UmbPickerModalData<UmbUserDetail>;
 export interface UmbUserPickerModalResult {
     selection: Array<string | null>;
 }

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/{property-editors → property-editor}/uis/textarea/property-editor-ui-textarea.element.js

@@ -26,7 +26,6 @@ export let UmbPropertyEditorUITextareaElement = class UmbPropertyEditorUITextare
         this.value = e.target.value;
         this.dispatchEvent(new CustomEvent('property-value-change'));
     }
-    //TODO: uui-textarea needs a rows property
     render() {
         return html ` <uui-textarea
 			label="Textarea"

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/entity-tree-item/entity-tree-item.element.d.ts

@@ -7,7 +7,7 @@ export declare class UmbEntityTreeItemElement extends UmbLitElement implements U
     private _item?;
     get item(): EntityTreeItemResponseModel | undefined;
     set item(value: EntityTreeItemResponseModel | undefined);
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
 declare global {

package/dist-cms/packages/{templating/components → core/tree}/file-system-tree-item/file-system-tree-item.context.d.ts

@@ -1,7 +1,15 @@
-import { UmbTreeItemContextBase } from '../../../core/tree/index.js';
+import { UmbTreeItemContextBase } from '../tree-item-base/tree-item-base.context.js';
 import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
 import { FileSystemTreeItemPresentationModel } from '../../../../external/backend-api/index.js';
+/**
+ * Tree item context for file system tree items. Uses the path as the unique identifier.
+ *
+ * @export
+ * @class UmbFileSystemTreeItemContext
+ * @extends {UmbTreeItemContextBase<FileSystemTreeItemPresentationModel>}
+ */
 export declare class UmbFileSystemTreeItemContext extends UmbTreeItemContextBase<FileSystemTreeItemPresentationModel> {
     constructor(host: UmbControllerHostElement);
+    checkIfIsFolder(): void;
     constructPath(pathname: string, entityType: string, path: string): string;
 }