@umbraco-cms/backoffice 14.0.0-3aaba617 → 14.0.0-3e938fa1

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

@@ -4,10 +4,10 @@ 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, UMB_MODAL_TEMPLATING_INSERT_FIELD_SIDEBAR_MODAL, } from '../../modals/insert-choose-type-sidebar.element.js';
+import { CodeSnippetType } from '../../modals/insert-choose-type-sidebar.element.js';
 import { customElement, property, css, html } from '../../../../external/lit/index.js';
 import { UUITextStyles } from '../../../../external/uui/index.js';
 import { UMB_DICTIONARY_ITEM_PICKER_MODAL, UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_PARTIAL_VIEW_PICKER_MODAL, UmbModalToken, } from '../../../core/modal/index.js';
@@ -30,10 +30,6 @@ export let UmbTemplatingInsertMenuElement = class UmbTemplatingInsertMenuElement
             const { data } = await this.#dictionaryRepository.requestById(id);
             this.value = getInsertDictionarySnippet(data?.name ?? '');
         };
-        this.#getUmbracoFieldValueSnippet = async (value) => {
-            this.value = value;
-            this.#dispatchInsertEvent();
-        };
         this.#getPartialViewSnippet = async (modalResult) => {
             this.value = getInsertPartialSnippet(modalResult.selection?.[0] ?? '');
         };
@@ -53,10 +49,6 @@ export let UmbTemplatingInsertMenuElement = class UmbTemplatingInsertMenuElement
     async determineInsertValue(modalResult) {
         const { type, value } = modalResult;
         switch (type) {
-            case CodeSnippetType.umbracoField: {
-                this.#getUmbracoFieldValueSnippet(value);
-                break;
-            }
             case CodeSnippetType.partialView: {
                 this.#getPartialViewSnippet(value);
                 break;
@@ -72,16 +64,8 @@ export let UmbTemplatingInsertMenuElement = class UmbTemplatingInsertMenuElement
         }
     }
     #getDictionaryItemSnippet;
-    #getUmbracoFieldValueSnippet;
     #getPartialViewSnippet;
     #openChooseTypeModal;
-    #openInsertValueSidebar() {
-        this.#openModal = this._modalContext?.open(UMB_MODAL_TEMPLATING_INSERT_FIELD_SIDEBAR_MODAL);
-        this.#openModal?.onSubmit().then((value) => {
-            this.value = value;
-            this.#dispatchInsertEvent();
-        });
-    }
     #openInsertPartialViewSidebar() {
         this.#openModal = this._modalContext?.open(UMB_PARTIAL_VIEW_PICKER_MODAL);
         this.#openModal?.onSubmit().then((value) => {
@@ -106,7 +90,7 @@ export let UmbTemplatingInsertMenuElement = class UmbTemplatingInsertMenuElement
     render() {
         return html `
 			<uui-button-group>
-				<uui-button look="secondary" @click=${this.#openChooseTypeModal}>
+				<uui-button look="secondary" @click=${this.#openChooseTypeModal} label="Choose value to insert">
 					<uui-icon name="umb:add"></uui-icon>Insert</uui-button
 				>
 				<umb-button-with-dropdown
@@ -116,18 +100,6 @@ export let UmbTemplatingInsertMenuElement = class UmbTemplatingInsertMenuElement
 					id="insert-button"
 					label="open insert menu">
 					<ul id="insert-menu" slot="dropdown">
-						<!--
-						TODO: uncomment when insert value has endpoint and is properly implemented
-						<li>
-							<uui-menu-item
-								class="insert-menu-item"
-								target="_blank"
-								label="Value"
-								title="Value"
-								>
-							</uui-menu-item>
-						</li> -->
-
 						<li>
 							<uui-menu-item
 								class="insert-menu-item"
@@ -200,7 +172,7 @@ __decorate([
     property()
 ], UmbTemplatingInsertMenuElement.prototype, "value", void 0);
 __decorate([
-    property()
+    property({ type: Boolean })
 ], UmbTemplatingInsertMenuElement.prototype, "hidePartialView", void 0);
 UmbTemplatingInsertMenuElement = __decorate([
     customElement('umb-templating-insert-menu')

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/modals/insert-choose-type-sidebar.element.d.ts

@@ -1,12 +1,10 @@
 import { UmbModalBaseElement } from '../../../shared/modal/index.js';
-import { UmbModalToken, UmbDictionaryItemPickerModalResult } from '../../core/modal/index.js';
-export declare const UMB_MODAL_TEMPLATING_INSERT_FIELD_SIDEBAR_MODAL: UmbModalToken<object, unknown>;
+import { UmbDictionaryItemPickerModalResult } from '../../core/modal/index.js';
 export interface ChooseInsertTypeModalData {
     hidePartialViews?: boolean;
 }
 export declare enum CodeSnippetType {
     partialView = "partialView",
-    umbracoField = "umbracoField",
     dictionaryItem = "dictionaryItem",
     macro = "macro"
 }
@@ -20,7 +18,7 @@ export default class UmbChooseInsertTypeModalElement extends UmbModalBaseElement
     private _modalContext?;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist-cms/packages/templating/modals/insert-choose-type-sidebar.element.js

@@ -4,19 +4,13 @@ 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_MODAL_TEMPLATING_INSERT_FIELD_SIDEBAR_ALIAS } from './manifests.js';
 import { UUITextStyles } from '../../../external/uui/index.js';
 import { css, html, customElement } from '../../../external/lit/index.js';
 import { UmbModalBaseElement } from '../../../shared/modal/index.js';
-import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UmbModalToken, UMB_PARTIAL_VIEW_PICKER_MODAL, UMB_DICTIONARY_ITEM_PICKER_MODAL, } from '../../core/modal/index.js';
-export const UMB_MODAL_TEMPLATING_INSERT_FIELD_SIDEBAR_MODAL = new UmbModalToken(UMB_MODAL_TEMPLATING_INSERT_FIELD_SIDEBAR_ALIAS, {
-    type: 'sidebar',
-    size: 'small',
-});
+import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_PARTIAL_VIEW_PICKER_MODAL, UMB_DICTIONARY_ITEM_PICKER_MODAL, } from '../../core/modal/index.js';
 export var CodeSnippetType;
 (function (CodeSnippetType) {
     CodeSnippetType["partialView"] = "partialView";
-    CodeSnippetType["umbracoField"] = "umbracoField";
     CodeSnippetType["dictionaryItem"] = "dictionaryItem";
     CodeSnippetType["macro"] = "macro";
 })(CodeSnippetType || (CodeSnippetType = {}));
@@ -31,13 +25,6 @@ let UmbChooseInsertTypeModalElement = class UmbChooseInsertTypeModalElement exte
         });
     }
     #openModal;
-    #openInsertValueSidebar() {
-        this.#openModal = this._modalContext?.open(UMB_MODAL_TEMPLATING_INSERT_FIELD_SIDEBAR_MODAL);
-        this.#openModal?.onSubmit().then((chosenValue) => {
-            if (chosenValue)
-                this.modalContext?.submit({ value: chosenValue, type: CodeSnippetType.umbracoField });
-        });
-    }
     #openInsertPartialViewSidebar() {
         this.#openModal = this._modalContext?.open(UMB_PARTIAL_VIEW_PICKER_MODAL);
         this.#openModal?.onSubmit().then((partialViewPickerModalResult) => {
@@ -57,16 +44,6 @@ let UmbChooseInsertTypeModalElement = class UmbChooseInsertTypeModalElement exte
                 this.modalContext?.submit({ value: dictionaryItemPickerModalResult, type: CodeSnippetType.dictionaryItem });
         });
     }
-    //TODO: insert this when we have insert value implemented
-    #renderInsertValueButton() {
-        return html `<uui-button @click=${this.#openInsertValueSidebar} look="placeholder" label="Insert value"
-			><h3>Value</h3>
-			<p>
-				Displays the value of a named field from the current page, with options to modify the value or fallback to
-				alternative values.
-			</p></uui-button
-		>`;
-    }
     //TODO: insert this when we have partial views
     #renderInsertPartialViewButton() {
         return html `${this.data?.hidePartialViews
@@ -94,7 +71,7 @@ let UmbChooseInsertTypeModalElement = class UmbChooseInsertTypeModalElement exte
 					</uui-box>
 				</div>
 				<div slot="actions">
-					<uui-button @click=${this._close} look="secondary">Close</uui-button>
+					<uui-button @click=${this._close} look="secondary" label="Close">Close</uui-button>
 				</div>
 			</umb-body-layout>
 		`;
@@ -110,8 +87,9 @@ let UmbChooseInsertTypeModalElement = class UmbChooseInsertTypeModalElement exte
 
 			#main {
 				box-sizing: border-box;
-				padding: var(--uui-size-space-5);
-				height: calc(100vh - 124px);
+				height: calc(
+					100dvh - var(--umb-header-layout-height) - var(--umb-footer-layout-height) - 2 * var(--uui-size-layout-1)
+				);
 			}
 
 			#main uui-button:not(:last-of-type) {

package/dist-cms/packages/templating/modals/insert-section-modal/insert-section-input.element.js

@@ -52,6 +52,7 @@ export let UmbInsertSectionCheckboxElement = class UmbInsertSectionCheckboxEleme
 								<uui-input
 									required
 									placeholder="Enter section name"
+									label="Section name"
 									id="section-name-input"></uui-input> </uui-form-layout-item
 							>${this.showMandatory
                 ? html `<p slot="if-checked">

package/dist-cms/packages/templating/modals/insert-section-modal/insert-section-modal.element.js

@@ -91,8 +91,8 @@ let UmbTemplatingInsertSectionModalElement = class UmbTemplatingInsertSectionMod
 					</uui-box>
 				</div>
 				<div slot="actions">
-					<uui-button @click=${this.#close} look="secondary">Close</uui-button>
-					<uui-button @click=${this.#submit} look="primary" color="positive">Submit</uui-button>
+					<uui-button @click=${this.#close} look="secondary" label="Close">Close</uui-button>
+					<uui-button @click=${this.#submit} look="primary" color="positive" label="Submit">Submit</uui-button>
 				</div>
 			</umb-body-layout>
 		`;
@@ -108,8 +108,9 @@ let UmbTemplatingInsertSectionModalElement = class UmbTemplatingInsertSectionMod
 
 			#main {
 				box-sizing: border-box;
-				padding: var(--uui-size-space-5);
-				height: calc(100vh - 124px);
+				height: calc(
+					100dvh - var(--umb-header-layout-height) - var(--umb-footer-layout-height) - 2 * var(--uui-size-layout-1)
+				);
 			}
 
 			#main umb-insert-section-checkbox:not(:last-of-type) {

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

@@ -1,5 +1,4 @@
 import { ManifestModal } from '../../core/extension-registry/index.js';
 export declare const UMB_MODAL_TEMPLATING_INSERT_CHOOSE_TYPE_SIDEBAR_ALIAS = "Umb.Modal.Templating.Insert.ChooseType.Sidebar";
-export declare const UMB_MODAL_TEMPLATING_INSERT_FIELD_SIDEBAR_ALIAS = "Umb.Modal.Templating.Insert.Value.Sidebar";
 export declare const UMB_MODAL_TEMPLATING_INSERT_SECTION_SIDEBAR_ALIAS = "Umb.Modal.Templating.Insert.Section.Sidebar";
 export declare const manifests: ManifestModal[];

package/dist-cms/packages/templating/modals/manifests.js

@@ -1,6 +1,5 @@
 import { UMB_PARTIAL_VIEW_PICKER_MODAL_ALIAS } from '../../core/modal/index.js';
 export const UMB_MODAL_TEMPLATING_INSERT_CHOOSE_TYPE_SIDEBAR_ALIAS = 'Umb.Modal.Templating.Insert.ChooseType.Sidebar';
-export const UMB_MODAL_TEMPLATING_INSERT_FIELD_SIDEBAR_ALIAS = 'Umb.Modal.Templating.Insert.Value.Sidebar';
 export const UMB_MODAL_TEMPLATING_INSERT_SECTION_SIDEBAR_ALIAS = 'Umb.Modal.Templating.Insert.Section.Sidebar';
 const modals = [
     {
@@ -9,12 +8,6 @@ const modals = [
         name: 'Choose insert type sidebar',
         loader: () => import('./insert-choose-type-sidebar.element.js'),
     },
-    {
-        type: 'modal',
-        alias: UMB_MODAL_TEMPLATING_INSERT_FIELD_SIDEBAR_ALIAS,
-        name: 'Insert value type sidebar',
-        loader: () => import('./insert-value-sidebar.element.js'),
-    },
     {
         type: 'modal',
         alias: UMB_PARTIAL_VIEW_PICKER_MODAL_ALIAS,

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];

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

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

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

@@ -1,4 +1,4 @@
-import { UmbTemplateRepository } from '../repository/partial-views.repository.js';
+import { UmbPartialViewsRepository } from '../repository/partial-views.repository.js';
 import { PARTIAL_VIEW_REPOSITORY_ALIAS } from '../config.js';
 import { UmbPartialViewsTreeStore } from './partial-views.tree.store.js';
 import { UmbPartialViewsStore } from './partial-views.store.js';
@@ -6,7 +6,7 @@ const repository = {
     type: 'repository',
     alias: PARTIAL_VIEW_REPOSITORY_ALIAS,
     name: 'Partial Views Repository',
-    class: UmbTemplateRepository,
+    class: UmbPartialViewsRepository,
 };
 export const PARTIAL_VIEW_STORE_ALIAS = 'Umb.Store.PartialViews';
 export const PARTIAL_VIEW_TREE_STORE_ALIAS = 'Umb.Store.PartialViewsTree';