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

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

@@ -19,14 +19,14 @@ export declare class UmbMediaTypeTreeServerDataSource implements UmbTreeDataSour
      * @return {*}
      * @memberof UmbMediaTypeTreeServerDataSource
      */
-    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").PagedMediaTypeTreeItemResponseModel>>;
     /**
      * Fetches the children of a given parent id from the server
      * @param {(string | null)} parentId
      * @return {*}
      * @memberof UmbMediaTypeTreeServerDataSource
      */
-    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").PagedMediaTypeTreeItemResponseModel>>;
     /**
      * Fetches the items for the given ids from the server
      * @param {Array<string>} ids

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

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

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

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

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

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

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

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

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

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

package/dist-cms/packages/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/dashboards/published-status/dashboard-published-status.element.js

@@ -56,7 +56,7 @@ export let UmbDashboardPublishedStatusElement = class UmbDashboardPublishedStatu
     async _onReloadCacheHandler() {
         const modalContext = this._modalContext?.open(UMB_CONFIRM_MODAL, {
             headline: 'Reload',
-            content: html ` Trigger a in-memory and local file cache reload on all servers. `,
+            content: html ` Trigger a in-memory and local file cache reload on all servers.`,
             color: 'danger',
             confirmLabel: 'Continue',
         });
@@ -88,6 +88,7 @@ export let UmbDashboardPublishedStatusElement = class UmbDashboardPublishedStatu
     }
     //Collect
     async _cacheCollect() {
+        this._buttonStateCollect = 'waiting';
         const { error } = await tryExecuteAndNotify(this, PublishedCacheResource.postPublishedCacheCollect());
         if (error) {
             this._buttonStateCollect = 'failed';
@@ -97,8 +98,15 @@ export let UmbDashboardPublishedStatusElement = class UmbDashboardPublishedStatu
         }
     }
     async _onSnapshotCacheHandler() {
-        this._buttonStateCollect = 'waiting';
-        await this._cacheCollect();
+        const modalContex = this._modalContext?.open(UMB_CONFIRM_MODAL, {
+            headline: 'Snapshot',
+            content: html ` Trigger a NuCache snapshots collection.`,
+            color: 'danger',
+            confirmLabel: 'Continue',
+        });
+        modalContex?.onSubmit().then(() => {
+            this._cacheCollect();
+        });
     }
     render() {
         return html `

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,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) {