@umbraco-cms/backoffice 14.0.0-41f35ef1 → 14.0.0-49dc460b

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/members/members/repository/sources/member.tree.server.data.js

@@ -36,7 +36,7 @@ export class UmbMemberTreeServerDataSource {
         const data = await response.json();
         return { data, error: undefined };
         // if (ids) {
-        // 	const error: ProblemDetailsModel = { title: 'Ids are missing' };
+        // 	const error: ProblemDetails = { title: 'Ids are missing' };
         // 	return { error };
         // }
         // return tryExecuteAndNotify(

package/dist-cms/packages/search/examine-management-dashboard/views/modal-views/fields-viewer.element.d.ts

@@ -5,7 +5,7 @@ export declare class UmbModalElementFieldsViewerElement extends UmbModalBaseElem
     name: string;
 }> {
     private _handleClose;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }
 declare global {

package/dist-cms/packages/settings/dashboards/health-check/views/health-check-group.element.d.ts

@@ -14,7 +14,7 @@ export declare class UmbDashboardHealthCheckGroupElement extends UmbLitElement {
     private _buttonHandler;
     private _onActionClick;
     render(): import("lit-html").TemplateResult<1>;
-    renderCheckResults(id: string): typeof nothing | import("lit-html").TemplateResult<1>;
+    renderCheckResults(id: string): import("lit-html").TemplateResult<1> | typeof nothing;
     private renderIcon;
     private renderActions;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];

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

@@ -68,7 +68,7 @@ export let UmbDataTypePickerFlowDataTypePickerModalElement = class UmbDataTypePi
                 ? html ` <li class="item">
 												<uui-button label="dataType.name" type="button" @click="${() => this._handleClick(dataType)}">
 													<div class="item-content">
-														<uui-icon name="${dataType.icon ?? 'umb:bug'}" class="icon"></uui-icon>
+														<uui-icon name="${'umb:bug'}" class="icon"></uui-icon>
 														${dataType.name}
 													</div>
 												</uui-button>

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

@@ -191,9 +191,9 @@ export let UmbDataTypePickerFlowModalElement = class UmbDataTypePickerFlowModalE
     _renderGroupDataTypes(dataTypes) {
         return html ` <ul id="item-grid">
 			${repeat(dataTypes, (dataType) => dataType.id, (dataType) => html `<li class="item" ?selected=${this._selection.includes(dataType.id)}>
-					<uui-button label=${dataType.name} type="button" @click="${() => this._handleDataTypeClick(dataType)}">
+					<uui-button .label=${dataType.name} type="button" @click="${() => this._handleDataTypeClick(dataType)}">
 						<div class="item-content">
-							<uui-icon name="${dataType.icon ?? 'umb:bug'}" class="icon"></uui-icon>
+							<uui-icon name="${'umb:bug'}" class="icon"></uui-icon>
 							${dataType.name}
 						</div>
 					</uui-button>

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

@@ -1,4 +1,4 @@
 import { DataTypeResponseModel } from '../../../external/backend-api/index.js';
-export interface UmbDataTypeModel extends Omit<DataTypeResponseModel, '$type'> {
+export interface UmbDataTypeModel extends DataTypeResponseModel {
     type: 'data-type' | 'data-type-folder' | 'data-type-root';
 }

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.repository.js

@@ -279,7 +279,6 @@ export const createTreeItem = (item) => {
     if (!item.id)
         throw new Error('item.id is null or undefined');
     return {
-        $type: 'FolderTreeItemResponseModel',
         type: 'data-type',
         parentId: item.parentId,
         name: item.name,

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/repository/sources/data-type-folder.server.data.js

@@ -25,7 +25,6 @@ export class UmbDataTypeFolderServerDataSource {
      */
     async createScaffold(parentId) {
         const scaffold = {
-            $type: 'FolderReponseModel',
             name: '',
             id: UmbId.new(),
             parentId,

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

@@ -19,14 +19,14 @@ export declare class UmbDataTypeTreeServerDataSource implements UmbTreeDataSourc
      * @return {*}
      * @memberof UmbDataTypeTreeServerDataSource
      */
-    getRootItems(): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").PagedFolderTreeItemResponseModel>>;
+    getRootItems(): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").PagedDataTypeTreeItemResponseModel>>;
     /**
      * Fetches the children of a given parent id from the server
      * @param {(string)} parentId
      * @return {*}
      * @memberof UmbDataTypeTreeServerDataSource
      */
-    getChildrenOf(parentId: string | null): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").PagedFolderTreeItemResponseModel>>;
+    getChildrenOf(parentId: string | null): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").PagedDataTypeTreeItemResponseModel>>;
     /**
      * Fetches the items for the given ids from the server
      * @param {Array<string>} ids

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/data-types/workspace/data-type-workspace.element.js

@@ -9,6 +9,7 @@ import { UUITextStyles } from '../../../../external/uui/index.js';
 import { html, customElement } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import './data-type-workspace-editor.element.js';
+import { UmbWorkspaceIsNewRedirectController } from '../../../core/workspace/index.js';
 export let UmbDataTypeWorkspaceElement = class UmbDataTypeWorkspaceElement extends UmbLitElement {
     constructor() {
         super(...arguments);
@@ -21,6 +22,7 @@ export let UmbDataTypeWorkspaceElement = class UmbDataTypeWorkspaceElement exten
                 setup: (_component, info) => {
                     const parentId = info.match.params.parentId === 'null' ? null : info.match.params.parentId;
                     this.#workspaceContext.create(parentId);
+                    new UmbWorkspaceIsNewRedirectController(this, this.#workspaceContext, this.shadowRoot.querySelector('umb-router-slot'));
                 },
             },
             {

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/languages/workspace/language/language-workspace.element.js

@@ -7,14 +7,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UmbLanguageWorkspaceContext } from './language-workspace.context.js';
 import { UUITextStyles } from '../../../../../external/uui/index.js';
 import { css, html, customElement, state } from '../../../../../external/lit/index.js';
-import { generateRoutePathBuilder } from '../../../../../shared/router/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 import './language-workspace-editor.element.js';
+import { UmbWorkspaceIsNewRedirectController } from '../../../../core/workspace/index.js';
 export let UmbLanguageWorkspaceElement = class UmbLanguageWorkspaceElement extends UmbLitElement {
     constructor() {
         super(...arguments);
         this.#languageWorkspaceContext = new UmbLanguageWorkspaceContext(this);
-        this.#routerPath = '';
         this.#getComponentElement = async () => {
             if (this.#editorElement) {
                 return this.#editorElement;
@@ -36,18 +35,7 @@ export let UmbLanguageWorkspaceElement = class UmbLanguageWorkspaceElement exten
                 component: this.#getComponentElement,
                 setup: async () => {
                     this.#languageWorkspaceContext.create();
-                    // Navigate to edit route when language is created:
-                    this.observe(this.#languageWorkspaceContext.isNew, (isNew) => {
-                        if (isNew === false) {
-                            const isoCode = this.#languageWorkspaceContext.getEntityId();
-                            if (this.#routerPath && isoCode) {
-                                const routeBasePath = this.#routerPath.endsWith('/') ? this.#routerPath : this.#routerPath + '/';
-                                // TODO: Revisit if this is the right way to change URL:
-                                const newPath = generateRoutePathBuilder(routeBasePath + 'edit/:isoCode')({ isoCode });
-                                window.history.pushState({}, '', newPath);
-                            }
-                        }
-                    }, '_observeIsNew');
+                    new UmbWorkspaceIsNewRedirectController(this, this.#languageWorkspaceContext, this.shadowRoot.querySelector('umb-router-slot'));
                 },
             },
         ];
@@ -57,14 +45,9 @@ export let UmbLanguageWorkspaceElement = class UmbLanguageWorkspaceElement exten
      * Workspace editor element, lazy loaded but shared across several user flows.
      */
     #editorElement;
-    #routerPath;
     #getComponentElement;
     render() {
-        return html `<umb-router-slot
-			.routes=${this._routes}
-			@init=${(event) => {
-            this.#routerPath = event.target.absoluteRouterPath;
-        }}></umb-router-slot>`;
+        return html `<umb-router-slot .routes=${this._routes}></umb-router-slot>`;
     }
     static { this.styles = [UUITextStyles, css ``]; }
 };

package/dist-cms/packages/settings/languages/workspace/language-root/components/language-root-table-delete-column-layout.element.d.ts

@@ -5,7 +5,7 @@ export declare class UmbLanguageRootTableDeleteColumnLayoutElement extends UmbLi
     #private;
     value: LanguageResponseModel;
     _isOpen: boolean;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }
 declare global {

package/dist-cms/packages/settings/languages/workspace/language-root/components/language-root-table-name-column-layout.element.d.ts

@@ -4,7 +4,7 @@ export declare class UmbLanguageRootTableNameColumnLayoutElement extends LitElem
         isoCode: string;
         name: string;
     };
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }
 declare global {

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/settings/relation-types/workspace/relation-type-workspace.element.js

@@ -9,6 +9,7 @@ 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 './relation-type-workspace-editor.element.js';
+import { UmbWorkspaceIsNewRedirectController } from '../../../core/workspace/index.js';
 /**
  * @element umb-relation-type-workspace
  * @description - Element for displaying a Relation Type Workspace
@@ -27,6 +28,7 @@ export let UmbRelationTypeWorkspaceElement = class UmbRelationTypeWorkspaceEleme
                 setup: (_component, info) => {
                     const parentId = info.match.params.parentId;
                     this.#workspaceContext.createScaffold(parentId);
+                    new UmbWorkspaceIsNewRedirectController(this, this.#workspaceContext, this.shadowRoot.querySelector('umb-router-slot'));
                 },
             },
             {

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',

package/dist-cms/packages/tags/repository/tag.store.js

@@ -32,10 +32,10 @@ export class UmbTagStore extends UmbStoreBase {
      * @memberof UmbTagStore
      */
     byId(id) {
-        return this._data.getObservablePart((x) => x.find((y) => y.id === id));
+        return this._data.asObservablePart((x) => x.find((y) => y.id === id));
     }
     items(group, culture) {
-        return this._data.getObservablePart((items) => items.filter((item) => item.group === group && item.culture === culture));
+        return this._data.asObservablePart((items) => items.filter((item) => item.group === group && item.culture === culture));
     }
     // TODO
     // There isnt really any way to exclude certain tags when searching for suggestions.
@@ -43,7 +43,7 @@ export class UmbTagStore extends UmbStoreBase {
     // Forexample: we have 10 different tags that includes "berry" (and searched for "berry") and we have a skip of 0 and take of 5.
     // If we already has picked lets say 4 of them, the list will only show 1 more, even though there is more remaining in the database.
     byQuery(group, culture, query) {
-        return this._data.getObservablePart((items) => items.filter((item) => item.group === group &&
+        return this._data.asObservablePart((items) => items.filter((item) => item.group === group &&
             item.culture === culture &&
             item.query?.toLocaleLowerCase().includes(query.toLocaleLowerCase())));
     }

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

@@ -1,2 +1 @@
-export * from './file-system-tree-item/file-system-tree-item.element.js';
 export * from './insert-menu/templating-insert-menu.element.js';

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

@@ -1,2 +1 @@
-export * from './file-system-tree-item/file-system-tree-item.element.js';
 export * from './insert-menu/templating-insert-menu.element.js';

package/dist-cms/packages/templating/components/insert-menu/templating-insert-menu.element.js

@@ -4,8 +4,8 @@ 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 { UmbDictionaryRepository } from '../../../dictionary/dictionary/index.js';
 import { UMB_MODAL_TEMPLATING_INSERT_CHOOSE_TYPE_SIDEBAR_ALIAS } from '../../modals/manifests.js';
-import { UmbDictionaryRepository } from '../../../translation/dictionary/repository/dictionary.repository.js';
 import { getInsertDictionarySnippet, getInsertPartialSnippet } from '../../utils.js';
 import { CodeSnippetType } from '../../modals/insert-choose-type-sidebar.element.js';
 import { customElement, property, css, html } from '../../../../external/lit/index.js';

package/dist-cms/packages/templating/manifests.d.ts

@@ -1 +1,6 @@
-export declare const manifests: (import("../core/index.js").ManifestEntityAction | import("../core/index.js").ManifestMenu | import("../core/index.js").ManifestMenuItemTreeKind | import("../core/index.js").ManifestModal | import("../core/index.js").ManifestRepository | import("../core/index.js").ManifestSectionSidebarApp | import("../core/index.js").ManifestStore | import("../core/index.js").ManifestTreeStore | import("../core/index.js").ManifestItemStore | import("../core/index.js").ManifestTree | import("../core/index.js").ManifestTreeItem | import("../core/index.js").ManifestWorkspace | import("../core/index.js").ManifestWorkspaceAction | import("../core/index.js").ManifestWorkspaceEditorView)[];
+export declare const manifests: (import("../core/index.js").ManifestEntityAction | import("../core/index.js").ManifestMenu | import("../core/index.js").ManifestMenuItemTreeKind | import("../core/index.js").ManifestModal | import("../core/index.js").ManifestRepository | import("../core/index.js").ManifestSectionSidebarApp | import("../core/index.js").ManifestStore | import("../core/index.js").ManifestTreeStore | import("../core/index.js").ManifestItemStore | import("../core/index.js").ManifestTree | import("../core/index.js").ManifestTreeItem | import("../core/index.js").ManifestWorkspace | import("../core/index.js").ManifestWorkspaceAction | import("../core/index.js").ManifestWorkspaceEditorView | {
+    type: string;
+    alias: string;
+    name: string;
+    loader: () => Promise<typeof import("./partial-views/entity-actions/create/create-from-snippet.modal.js")>;
+})[];

package/dist-cms/packages/templating/partial-views/config.d.ts

@@ -1,9 +1,9 @@
-import { FileSystemTreeItemPresentationModel } from '../../../external/backend-api/index.js';
-export interface PartialViewDetails extends FileSystemTreeItemPresentationModel {
-    content: string;
-}
+import { PartialViewResponseModel } from '../../../external/backend-api/index.js';
+export type PartialViewDetails = PartialViewResponseModel;
 export declare const PARTIAL_VIEW_ENTITY_TYPE = "partial-view";
-export declare const PARTIAL_VIEW_FOLDER_ENTITY_TYPE = "partial-view";
+export declare const PARTIAL_VIEW_ROOT_ENTITY_TYPE = "partial-view-root";
+export declare const PARTIAL_VIEW_FOLDER_ENTITY_TYPE = "partial-view-folder";
+export declare const PARTIAL_VIEW_FOLDER_EMPTY_ENTITY_TYPE = "partial-view-folder-empty";
 export declare const PARTIAL_VIEW_REPOSITORY_ALIAS = "Umb.Repository.PartialViews";
 export declare const PARTIAL_VIEW_TREE_ALIAS = "Umb.Tree.PartialViews";
 export declare const UMB_PARTIAL_VIEW_TREE_STORE_CONTEXT_TOKEN_ALIAS = "Umb.Store.PartialViews.Tree";

package/dist-cms/packages/templating/partial-views/config.js

@@ -1,5 +1,7 @@
 export const PARTIAL_VIEW_ENTITY_TYPE = 'partial-view';
-export const PARTIAL_VIEW_FOLDER_ENTITY_TYPE = 'partial-view';
+export const PARTIAL_VIEW_ROOT_ENTITY_TYPE = 'partial-view-root';
+export const PARTIAL_VIEW_FOLDER_ENTITY_TYPE = 'partial-view-folder';
+export const PARTIAL_VIEW_FOLDER_EMPTY_ENTITY_TYPE = 'partial-view-folder-empty';
 export const PARTIAL_VIEW_REPOSITORY_ALIAS = 'Umb.Repository.PartialViews';
 export const PARTIAL_VIEW_TREE_ALIAS = 'Umb.Tree.PartialViews';
 export const UMB_PARTIAL_VIEW_TREE_STORE_CONTEXT_TOKEN_ALIAS = 'Umb.Store.PartialViews.Tree';

package/dist-cms/packages/templating/partial-views/entity-actions/create/create-empty.action.js

@@ -4,6 +4,6 @@ export class UmbCreateEmptyPartialViewAction extends UmbEntityActionBase {
         super(host, repositoryAlias, unique);
     }
     async execute() {
-        throw new Error('Method not implemented.');
+        history.pushState(null, '', `section/settings/workspace/partial-view/create/${this.unique ?? 'null'}/Empty`);
     }
 }

package/dist-cms/packages/templating/partial-views/entity-actions/create/create-from-snippet.action.d.ts

@@ -1,8 +1,17 @@
+import { UmbPartialViewsRepository } from '../../repository/index.js';
 import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
 import { UmbControllerHostElement } from '../../../../../libs/controller-api/index.js';
+import { UmbModalToken } from '../../../../core/modal/index.js';
+import { SnippetItemResponseModel } from '../../../../../external/backend-api/index.js';
+export interface UmbCreateFromSnippetPartialViewModalData {
+    snippets: SnippetItemResponseModel[];
+}
+export type UmbConfirmModalResult = undefined;
+export declare const UMB_PARTIAL_VIEW_FROM_SNIPPET_MODAL: UmbModalToken<UmbCreateFromSnippetPartialViewModalData, string>;
 export declare class UmbCreateFromSnippetPartialViewAction<T extends {
     copy(): Promise<void>;
-}> extends UmbEntityActionBase<T> {
+}> extends UmbEntityActionBase<UmbPartialViewsRepository> {
+    #private;
     constructor(host: UmbControllerHostElement, repositoryAlias: string, unique: string);
     execute(): Promise<void>;
 }

package/dist-cms/packages/templating/partial-views/entity-actions/create/create-from-snippet.action.js

@@ -1,9 +1,24 @@
 import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
+import { UmbContextConsumerController } from '../../../../../libs/context-api/index.js';
+import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UmbModalToken } from '../../../../core/modal/index.js';
+export const UMB_PARTIAL_VIEW_FROM_SNIPPET_MODAL = new UmbModalToken('Umb.Modal.CreateFromSnippetPartialView', {
+    type: 'sidebar',
+});
 export class UmbCreateFromSnippetPartialViewAction extends UmbEntityActionBase {
     constructor(host, repositoryAlias, unique) {
         super(host, repositoryAlias, unique);
+        new UmbContextConsumerController(this.host, UMB_MODAL_MANAGER_CONTEXT_TOKEN, (instance) => {
+            this.#modalContext = instance;
+        });
     }
+    #modalContext;
     async execute() {
-        throw new Error('Method not implemented.');
+        const snippets = (await this.repository?.getSnippets({}))?.data?.items ?? [];
+        const modalContext = this.#modalContext?.open(UMB_PARTIAL_VIEW_FROM_SNIPPET_MODAL, {
+            snippets,
+        });
+        await modalContext?.onSubmit().then((snippetName) => {
+            history.pushState(null, '', `section/settings/workspace/partial-view/create/${this.unique ?? 'null'}/${snippetName}`);
+        });
     }
 }

package/dist-cms/packages/templating/partial-views/entity-actions/create/create-from-snippet.modal.d.ts

@@ -0,0 +1,16 @@
+import { UmbCreateFromSnippetPartialViewModalData } from './create-from-snippet.action.js';
+import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
+import { SnippetItemResponseModel } from '../../../../../external/backend-api/index.js';
+export default class UmbPartialViewCreateFromSnippetModalElement extends UmbModalBaseElement<UmbCreateFromSnippetPartialViewModalData, string> {
+    _snippets: Array<SnippetItemResponseModel>;
+    connectedCallback(): void;
+    private _submit;
+    private _close;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-partial-view-create-from-snippet-modal': UmbPartialViewCreateFromSnippetModalElement;
+    }
+}

package/dist-cms/packages/templating/partial-views/entity-actions/create/create-from-snippet.modal.js

@@ -0,0 +1,73 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { UUITextStyles } from '../../../../../external/uui/index.js';
+import { css, html, customElement, state } from '../../../../../external/lit/index.js';
+import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
+let UmbPartialViewCreateFromSnippetModalElement = class UmbPartialViewCreateFromSnippetModalElement extends UmbModalBaseElement {
+    constructor() {
+        super(...arguments);
+        this._snippets = [];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._snippets = this.data?.snippets ?? [];
+    }
+    _submit(snippetName) {
+        this.modalContext?.submit(snippetName);
+    }
+    _close() {
+        this.modalContext?.reject();
+    }
+    render() {
+        return html `
+			<umb-body-layout headline="Create partial view from snippet">
+				<div id="main">
+					<uui-box>
+						${this._snippets.map((snippet) => html `<uui-menu-item label="${snippet.name ?? ''}" @click-label=${() => this._submit(snippet.name ?? '')}
+									><uui-icon name="umb:article" slot="icon"></uui-icon
+								></uui-menu-item>`)}
+					</uui-box>
+				</div>
+				<div slot="actions">
+					<uui-button @click=${this._close} look="secondary">Close</uui-button>
+				</div>
+			</umb-body-layout>
+		`;
+    }
+    static { this.styles = [
+        UUITextStyles,
+        css `
+			:host {
+				display: block;
+				color: var(--uui-color-text);
+				--umb-header-layout-height: 70px;
+			}
+			#main {
+				box-sizing: border-box;
+				height: calc(
+					100dvh - var(--umb-header-layout-height) - var(--umb-footer-layout-height) - 2 * var(--uui-size-layout-1)
+				);
+			}
+
+			#main uui-button {
+				width: 100%;
+			}
+
+			h3,
+			p {
+				text-align: left;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    state()
+], UmbPartialViewCreateFromSnippetModalElement.prototype, "_snippets", void 0);
+UmbPartialViewCreateFromSnippetModalElement = __decorate([
+    customElement('umb-partial-view-create-from-snippet-modal')
+], UmbPartialViewCreateFromSnippetModalElement);
+export default UmbPartialViewCreateFromSnippetModalElement;

package/dist-cms/packages/templating/partial-views/entity-actions/manifests.d.ts

@@ -1,2 +1,7 @@
 import { ManifestEntityAction } from '../../../core/extension-registry/index.js';
-export declare const manifests: ManifestEntityAction[];
+export declare const manifests: (ManifestEntityAction | {
+    type: string;
+    alias: string;
+    name: string;
+    loader: () => Promise<typeof import("./create/create-from-snippet.modal.js")>;
+})[];

package/dist-cms/packages/templating/partial-views/entity-actions/manifests.js

@@ -1,7 +1,7 @@
-import { PARTIAL_VIEW_ENTITY_TYPE, PARTIAL_VIEW_FOLDER_ENTITY_TYPE, PARTIAL_VIEW_REPOSITORY_ALIAS } from '../config.js';
+import { PARTIAL_VIEW_ENTITY_TYPE, PARTIAL_VIEW_FOLDER_EMPTY_ENTITY_TYPE, PARTIAL_VIEW_FOLDER_ENTITY_TYPE, PARTIAL_VIEW_REPOSITORY_ALIAS, PARTIAL_VIEW_ROOT_ENTITY_TYPE, } from '../config.js';
 import { UmbCreateFromSnippetPartialViewAction } from './create/create-from-snippet.action.js';
 import { UmbCreateEmptyPartialViewAction } from './create/create-empty.action.js';
-import { UmbDeleteEntityAction } from '../../../core/entity-action/index.js';
+import { UmbCreateFolderEntityAction, UmbDeleteEntityAction, UmbDeleteFolderEntityAction, } from '../../../core/entity-action/index.js';
 //TODO: this is temporary until we have a proper way of registering actions for folder types in a specific tree
 //Actions for partial view files
 const partialViewActions = [
@@ -34,7 +34,7 @@ const partialViewFolderActions = [
             repositoryAlias: PARTIAL_VIEW_REPOSITORY_ALIAS,
         },
         conditions: {
-            entityTypes: [PARTIAL_VIEW_FOLDER_ENTITY_TYPE],
+            entityTypes: [PARTIAL_VIEW_FOLDER_ENTITY_TYPE, PARTIAL_VIEW_ROOT_ENTITY_TYPE],
         },
     },
     {
@@ -48,8 +48,46 @@ const partialViewFolderActions = [
             repositoryAlias: PARTIAL_VIEW_REPOSITORY_ALIAS,
         },
         conditions: {
-            entityTypes: [PARTIAL_VIEW_FOLDER_ENTITY_TYPE],
+            entityTypes: [PARTIAL_VIEW_FOLDER_ENTITY_TYPE, PARTIAL_VIEW_ROOT_ENTITY_TYPE],
+        },
+    },
+    {
+        type: 'entityAction',
+        alias: 'Umb.EntityAction.PartialViewFolder.DeleteFolder',
+        name: 'Remove empty folder',
+        meta: {
+            icon: 'umb:trash',
+            label: 'Remove folder',
+            api: UmbDeleteFolderEntityAction,
+            repositoryAlias: PARTIAL_VIEW_REPOSITORY_ALIAS,
+        },
+        conditions: {
+            entityTypes: [PARTIAL_VIEW_FOLDER_EMPTY_ENTITY_TYPE],
+        },
+    },
+    {
+        type: 'entityAction',
+        alias: 'Umb.EntityAction.PartialViewFolder.CreateFolder',
+        name: 'Create empty folder',
+        meta: {
+            icon: 'umb:add',
+            label: 'Create folder',
+            api: UmbCreateFolderEntityAction,
+            repositoryAlias: PARTIAL_VIEW_REPOSITORY_ALIAS,
+        },
+        conditions: {
+            entityTypes: [
+                PARTIAL_VIEW_FOLDER_EMPTY_ENTITY_TYPE,
+                PARTIAL_VIEW_FOLDER_ENTITY_TYPE,
+                PARTIAL_VIEW_ROOT_ENTITY_TYPE,
+            ],
         },
     },
 ];
-export const manifests = [...partialViewActions, ...partialViewFolderActions];
+const createFromSnippetActionModal = {
+    type: 'modal',
+    alias: 'Umb.Modal.CreateFromSnippetPartialView',
+    name: 'Choose insert type sidebar',
+    loader: () => import('./create/create-from-snippet.modal.js'),
+};
+export const manifests = [...partialViewActions, ...partialViewFolderActions, createFromSnippetActionModal];