@umbraco-cms/backoffice 17.1.0 → 17.2.0-rc2

package/dist-cms/libs/extension-api/functions/load-manifest-api.function.js

@@ -10,7 +10,7 @@ export async function loadManifestApi(property) {
             return property;
         }
         else {
-            // Promise function
+            // Promise function (dynamic import)
             const result = await property();
             if (typeof result === 'object' && result != null) {
                 const exportValue = ('api' in result ? result.api : undefined) ||
@@ -31,5 +31,13 @@ export async function loadManifestApi(property) {
             }
         }
     }
+    else if (propType === 'object' && property !== null) {
+        // Already resolved module object (statically imported)
+        const result = property;
+        const exportValue = ('api' in result ? result.api : undefined) || ('default' in result ? result.default : undefined);
+        if (exportValue && typeof exportValue === 'function') {
+            return exportValue;
+        }
+    }
     return undefined;
 }

package/dist-cms/libs/extension-api/functions/load-manifest-element.function.js

@@ -10,7 +10,7 @@ export async function loadManifestElement(property) {
             return property;
         }
         else {
-            // Promise function
+            // Promise function (dynamic import)
             const result = await property();
             if (typeof result === 'object' && result !== null) {
                 const exportValue = ('element' in result ? result.element : undefined) ||
@@ -32,5 +32,13 @@ export async function loadManifestElement(property) {
             }
         }
     }
+    else if (propType === 'object' && property !== null) {
+        // Already resolved module object (statically imported)
+        const result = property;
+        const exportValue = ('element' in result ? result.element : undefined) || ('default' in result ? result.default : undefined);
+        if (exportValue && typeof exportValue === 'function') {
+            return exportValue;
+        }
+    }
     return undefined;
 }

package/dist-cms/libs/extension-api/functions/load-manifest-plain-js.function.d.ts

@@ -1,6 +1,6 @@
-import type { JsLoaderProperty } from '../types/utils.js';
+import type { JsLoaderPromise } from '../types/utils.js';
 /**
  *
  * @param property
  */
-export declare function loadManifestPlainJs<JsType>(property: JsLoaderProperty<JsType>): Promise<JsType | undefined>;
+export declare function loadManifestPlainJs<JsType>(property: string | JsLoaderPromise<JsType> | JsType): Promise<JsType | undefined>;

package/dist-cms/libs/extension-api/functions/load-manifest-plain-js.function.js

@@ -3,20 +3,23 @@
  * @param property
  */
 export async function loadManifestPlainJs(property) {
-    const propType = typeof property;
-    if (propType === 'function') {
-        // Promise function
+    if (typeof property === 'function') {
+        // Promise function (dynamic import)
         const result = await property();
         if (typeof result === 'object' && result != null) {
             return result;
         }
     }
-    else if (propType === 'string') {
+    else if (typeof property === 'string') {
         // Import string
         const result = await import(/* @vite-ignore */ property);
         if (typeof result === 'object' && result != null) {
             return result;
         }
     }
+    else if (typeof property === 'object' && property != null) {
+        // Already resolved module object (statically imported)
+        return property;
+    }
     return undefined;
 }

package/dist-cms/libs/extension-api/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "@umbraco-backoffice-lib/extension-api",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "build": "vite build"
+    }
+}

package/dist-cms/libs/extension-api/types/utils.d.ts

@@ -30,7 +30,7 @@ export type ElementLoaderPromise<ElementType extends HTMLElement = HTMLElement>
 export type ApiLoaderPromise<ApiType extends UmbApi = UmbApi> = () => Promise<ApiLoaderExports<ApiType>>;
 export type ElementAndApiLoaderPromise<ElementType extends HTMLElement = HTMLElement, ApiType extends UmbApi = UmbApi> = () => Promise<ElementAndApiLoaderExports<ElementType, ApiType>>;
 export type CssLoaderProperty<CssType extends string = string> = string | CssLoaderPromise<CssType>;
-export type JsLoaderProperty<JsExportType> = string | JsLoaderPromise<JsExportType>;
-export type ElementLoaderProperty<ElementType extends HTMLElement = HTMLElement> = string | ElementLoaderPromise<ElementType> | ClassConstructor<ElementType>;
-export type ApiLoaderProperty<ApiType extends UmbApi = UmbApi> = string | ApiLoaderPromise<ApiType> | ClassConstructor<ApiType>;
-export type ElementAndApiLoaderProperty<ElementType extends HTMLElement = HTMLElement, ApiType extends UmbApi = UmbApi> = string | ElementAndApiLoaderPromise<ElementType, ApiType> | ElementLoaderPromise<ElementType> | ApiLoaderPromise<ApiType>;
+export type JsLoaderProperty<JsExportType> = string | JsLoaderPromise<JsExportType> | (JsExportType extends object ? JsExportType : never);
+export type ElementLoaderProperty<ElementType extends HTMLElement = HTMLElement> = string | ElementLoaderPromise<ElementType> | ElementLoaderExports<ElementType> | ClassConstructor<ElementType>;
+export type ApiLoaderProperty<ApiType extends UmbApi = UmbApi> = string | ApiLoaderPromise<ApiType> | ApiLoaderExports<ApiType> | ClassConstructor<ApiType>;
+export type ElementAndApiLoaderProperty<ElementType extends HTMLElement = HTMLElement, ApiType extends UmbApi = UmbApi> = string | ElementAndApiLoaderPromise<ElementType, ApiType> | ElementAndApiLoaderExports<ElementType, ApiType> | ElementLoaderPromise<ElementType> | ElementLoaderExports<ElementType> | ApiLoaderPromise<ApiType> | ApiLoaderExports<ApiType>;

package/dist-cms/libs/extension-api/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/dist-cms/libs/extension-api/vite.config.js

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+import { rmSync } from 'fs';
+import { getDefaultConfig } from '../../vite-config-base.js';
+const dist = '../../../dist-cms/libs/extension-api';
+// delete the unbundled dist folder
+rmSync(dist, { recursive: true, force: true });
+export default defineConfig({
+    ...getDefaultConfig({
+        dist,
+        base: '/umbraco/backoffice/libs/extension-api',
+        entry: {
+            index: './index.ts',
+        },
+    }),
+});

package/dist-cms/libs/localization-api/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "@umbraco-backoffice-lib/localization-api",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "build": "vite build"
+    }
+}

package/dist-cms/libs/localization-api/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/dist-cms/libs/localization-api/vite.config.js

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+import { rmSync } from 'fs';
+import { getDefaultConfig } from '../../vite-config-base.js';
+const dist = '../../../dist-cms/libs/localization-api';
+// delete the unbundled dist folder
+rmSync(dist, { recursive: true, force: true });
+export default defineConfig({
+    ...getDefaultConfig({
+        dist,
+        base: '/umbraco/backoffice/libs/localization-api',
+        entry: {
+            index: './index.ts',
+        },
+    }),
+});

package/dist-cms/libs/observable-api/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "@umbraco-backoffice-lib/observable-api",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "build": "vite build"
+    }
+}

package/dist-cms/libs/observable-api/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/dist-cms/libs/observable-api/vite.config.js

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+import { rmSync } from 'fs';
+import { getDefaultConfig } from '../../vite-config-base.js';
+const dist = '../../../dist-cms/libs/observable-api';
+// delete the unbundled dist folder
+rmSync(dist, { recursive: true, force: true });
+export default defineConfig({
+    ...getDefaultConfig({
+        dist,
+        base: '/umbraco/backoffice/libs/observable-api',
+        entry: {
+            index: './index.ts',
+        },
+    }),
+});

package/dist-cms/packages/block/block/conditions/manifests.js

@@ -1,20 +1,23 @@
+import UmbBlockEntryShowContentEditCondition from './block-entry-show-content-edit.condition.js';
+import UmbBlockWorkspaceHasSettingsCondition from './block-workspace-has-settings.condition.js';
+import UmbBlockEntryIsExposedCondition from './block-workspace-is-exposed.condition.js';
 export const manifests = [
     {
         type: 'condition',
         name: 'Block Has Settings Condition',
         alias: 'Umb.Condition.BlockWorkspaceHasSettings',
-        api: () => import('./block-workspace-has-settings.condition.js'),
+        api: UmbBlockWorkspaceHasSettingsCondition,
     },
     {
         type: 'condition',
         name: 'Block Show Content Edit Condition',
         alias: 'Umb.Condition.BlockEntryShowContentEdit',
-        api: () => import('./block-entry-show-content-edit.condition.js'),
+        api: UmbBlockEntryShowContentEditCondition,
     },
     {
         type: 'condition',
         name: 'Block Workspace Is Exposed Condition',
         alias: 'Umb.Condition.BlockWorkspaceIsExposed',
-        api: () => import('./block-workspace-is-exposed.condition.js'),
+        api: UmbBlockEntryIsExposedCondition,
     },
 ];

package/dist-cms/packages/block/block/modals/block-catalogue/block-catalogue-modal.element.js

@@ -75,7 +75,7 @@ let UmbBlockCatalogueModalElement = class UmbBlockCatalogueModalElement extends
         const blockGroups = this.data?.blockGroups ?? [];
         const noGroupBlocks = blocks.filter((block) => !blockGroups.find((group) => group.key === block.groupKey));
         const grouped = blockGroups.map((group) => ({
-            name: group.name,
+            name: this.localize.string(group.name),
             blocks: blocks.filter((block) => block.groupKey === group.key),
         }));
         this._groupedBlocks = [{ blocks: noGroupBlocks }, ...grouped];

package/dist-cms/packages/block/block/workspace/block-element-property-dataset.context.js

@@ -1,4 +1,3 @@
-import { UMB_BLOCK_WORKSPACE_CONTEXT } from './block-workspace.context-token.js';
 import { UmbElementPropertyDatasetContext } from '../../../content/content/index.js';
 import { createObservablePart } from '../../../../libs/observable-api/index.js';
 export class UmbBlockElementPropertyDatasetContext extends UmbElementPropertyDatasetContext {
@@ -10,10 +9,5 @@ export class UmbBlockElementPropertyDatasetContext extends UmbElementPropertyDat
         this.getName = elementManager.getName;
         this.culture = createObservablePart(elementManager.variantId, (v) => v?.culture);
         this.segment = createObservablePart(elementManager.variantId, (v) => v?.segment);
-        this.consumeContext(UMB_BLOCK_WORKSPACE_CONTEXT, (workspace) => {
-            this.observe(workspace?.readOnlyGuard.isPermittedForVariant(elementManager.getVariantId()), (isReadOnly) => {
-                this._readOnly.setValue(isReadOnly ?? false);
-            }, 'umbObserveReadOnlyStates');
-        });
     }
 }

package/dist-cms/packages/block/block/workspace/views/edit/block-workspace-view-edit-content-no-router.element.d.ts

@@ -8,7 +8,8 @@ import type { UmbWorkspaceViewElement } from '../../../../../core/workspace/inde
  */
 export declare class UmbBlockWorkspaceViewEditContentNoRouterElement extends UmbLitElement implements UmbWorkspaceViewElement {
     #private;
-    private _hasRootGroups;
+    private _hasRootProperties?;
+    private _hasRootGroups?;
     private _tabs?;
     private _activeTabKey?;
     constructor();

package/dist-cms/packages/block/block/workspace/views/edit/block-workspace-view-edit-content-no-router.element.js

@@ -17,19 +17,19 @@ import { UmbLitElement } from '../../../../../core/lit-element/index.js';
  */
 let UmbBlockWorkspaceViewEditContentNoRouterElement = class UmbBlockWorkspaceViewEditContentNoRouterElement extends UmbLitElement {
     #blockWorkspace;
-    #tabsStructureHelper;
+    #tabsStructureHelper = new UmbContentTypeContainerStructureHelper(this);
     constructor() {
         super();
-        // private _hasRootProperties = false;
-        this._hasRootGroups = false;
-        this.#tabsStructureHelper = new UmbContentTypeContainerStructureHelper(this);
         this.#tabsStructureHelper.setIsRoot(true);
         this.#tabsStructureHelper.setContainerChildType('Tab');
         this.observe(this.#tabsStructureHelper.childContainers, (tabs) => {
             this._tabs = tabs;
             this.#checkDefaultTabName();
         });
-        // _hasRootProperties can be gotten via _tabsStructureHelper.hasProperties. But we do not support root properties currently.
+        this.observe(this.#tabsStructureHelper.hasProperties, (hasRootProperties) => {
+            this._hasRootProperties = hasRootProperties;
+            this.#checkDefaultTabName();
+        }, 'observeRootProperties');
         this.consumeContext(UMB_BLOCK_WORKSPACE_CONTEXT, (context) => {
             this.#blockWorkspace = context;
             this.#tabsStructureHelper.setStructureManager(context?.content.structure);
@@ -45,11 +45,15 @@ let UmbBlockWorkspaceViewEditContentNoRouterElement = class UmbBlockWorkspaceVie
         }, 'observeGroups');
     }
     #checkDefaultTabName() {
-        if (!this._tabs || !this.#blockWorkspace)
+        if (!this._tabs ||
+            !this.#blockWorkspace ||
+            this._hasRootGroups === undefined ||
+            this._hasRootProperties === undefined) {
             return;
+        }
         // Find the default tab to grab
         if (this._activeTabKey === undefined) {
-            if (this._hasRootGroups) {
+            if (this._hasRootGroups || this._hasRootProperties) {
                 this._activeTabKey = null;
             }
             else if (this._tabs.length > 0) {
@@ -65,15 +69,13 @@ let UmbBlockWorkspaceViewEditContentNoRouterElement = class UmbBlockWorkspaceVie
         if (!this._tabs)
             return;
         return html `
-			${this._tabs.length > 1 || (this._tabs.length === 1 && this._hasRootGroups)
+			${this._tabs.length > 1 || (this._tabs.length === 1 && (this._hasRootGroups || this._hasRootProperties))
             ? html `<uui-tab-group slot="header">
-						${this._hasRootGroups && this._tabs.length > 0
+						${(this._hasRootGroups || this._hasRootProperties) && this._tabs.length > 0
                 ? html `<uui-tab
 									label=${this.localize.term('general_generic')}
 									.active=${this._activeTabKey === null}
-									@click=${() => this.#setTabKey(null)}
-									>Content</uui-tab
-								>`
+									@click=${() => this.#setTabKey(null)}></uui-tab>`
                 : nothing}
 						${repeat(this._tabs, (tab) => tab.name, (tab) => {
                 const tabKey = tab.ownerId ?? tab.ids[0];
@@ -109,6 +111,9 @@ let UmbBlockWorkspaceViewEditContentNoRouterElement = class UmbBlockWorkspaceVie
 		`,
     ]; }
 };
+__decorate([
+    state()
+], UmbBlockWorkspaceViewEditContentNoRouterElement.prototype, "_hasRootProperties", void 0);
 __decorate([
     state()
 ], UmbBlockWorkspaceViewEditContentNoRouterElement.prototype, "_hasRootGroups", void 0);

package/dist-cms/packages/block/block/workspace/views/edit/block-workspace-view-edit.element.d.ts

@@ -4,6 +4,7 @@ export declare class UmbBlockWorkspaceViewEditElement extends UmbLitElement impl
     #private;
     set manifest(value: ManifestWorkspaceView | undefined);
     get manifest(): ManifestWorkspaceView | undefined;
+    private _hasRootProperties;
     private _hasRootGroups;
     private _routes;
     private _tabs?;

package/dist-cms/packages/block/block/workspace/views/edit/block-workspace-view-edit.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UMB_BLOCK_WORKSPACE_CONTEXT } from '../../block-workspace.context-token.js';
-import { css, html, customElement, state, repeat, property } from '../../../../../../external/lit/index.js';
+import { css, html, customElement, state, repeat, property, nothing } from '../../../../../../external/lit/index.js';
 import { UmbTextStyles } from '../../../../../core/style/index.js';
 import { UmbContentTypeContainerStructureHelper } from '../../../../../content/content-type/index.js';
 import { encodeFolderName } from '../../../../../core/router/index.js';
@@ -24,8 +24,7 @@ let UmbBlockWorkspaceViewEditElement = class UmbBlockWorkspaceViewEditElement ex
     constructor() {
         super();
         this.#tabsStructureHelper = new UmbContentTypeContainerStructureHelper(this);
-        //@state()
-        //private _hasRootProperties = false;
+        this._hasRootProperties = false;
         this._hasRootGroups = false;
         this._routes = [];
         this._activePath = '';
@@ -35,7 +34,10 @@ let UmbBlockWorkspaceViewEditElement = class UmbBlockWorkspaceViewEditElement ex
             this._tabs = tabs;
             this.#createRoutes();
         }, null);
-        // _hasRootProperties can be gotten via _tabsStructureHelper.hasProperties. But we do not support root properties currently.
+        this.observe(this.#tabsStructureHelper.hasProperties, (hasRootProperties) => {
+            this._hasRootProperties = hasRootProperties;
+            this.#createRoutes();
+        }, 'observeRootProperties');
         this.consumeContext(UMB_BLOCK_WORKSPACE_CONTEXT, (workspaceContext) => {
             this.#blockWorkspace = workspaceContext;
             this.#setStructureManager();
@@ -61,6 +63,16 @@ let UmbBlockWorkspaceViewEditElement = class UmbBlockWorkspaceViewEditElement ex
         if (!this._tabs || !this.#blockWorkspace)
             return;
         const routes = [];
+        if (this._hasRootGroups || this._hasRootProperties) {
+            routes.push({
+                path: 'root',
+                component: () => import('./block-workspace-view-edit-tab.element.js'),
+                setup: (component) => {
+                    component.managerName = this.#managerName;
+                    component.containerId = null;
+                },
+            });
+        }
         if (this._tabs.length > 0) {
             this._tabs?.forEach((tab) => {
                 const tabName = tab.name ?? '';
@@ -74,24 +86,12 @@ let UmbBlockWorkspaceViewEditElement = class UmbBlockWorkspaceViewEditElement ex
                 });
             });
         }
-        if (this._hasRootGroups) {
+        if (routes.length !== 0) {
             routes.push({
+                ...routes[0],
+                unique: 'emptyPathFor_' + routes[0].path,
                 path: '',
-                component: () => import('./block-workspace-view-edit-tab.element.js'),
-                setup: (component) => {
-                    component.managerName = this.#managerName;
-                    component.containerId = null;
-                },
             });
-        }
-        if (routes.length !== 0) {
-            if (!this._hasRootGroups) {
-                routes.push({
-                    path: '',
-                    pathMatch: 'full',
-                    redirectTo: routes[0]?.path,
-                });
-            }
             routes.push({
                 path: `**`,
                 component: async () => (await import('../../../../../core/router/index.js')).UmbRouteNotFoundElement,
@@ -104,26 +104,15 @@ let UmbBlockWorkspaceViewEditElement = class UmbBlockWorkspaceViewEditElement ex
             return;
         return html `
 			<umb-body-layout header-fit-height>
-				${this._routerPath && (this._tabs.length > 1 || (this._tabs.length === 1 && this._hasRootGroups))
+				${this._routerPath &&
+            (this._tabs.length > 1 || (this._tabs.length === 1 && (this._hasRootGroups || this._hasRootProperties)))
             ? html ` <uui-tab-group slot="header">
-							${this._hasRootGroups && this._tabs.length > 0
-                ? html `
-										<uui-tab
-											label="Content"
-											.active=${this._routerPath + '/' === this._activePath}
-											href=${this._routerPath + '/'}>
-											<umb-localize key="general_content">Content</umb-localize>
-										</uui-tab>
-									`
-                : ''}
-							${repeat(this._tabs, (tab) => tab.name, (tab) => {
-                const path = this._routerPath + '/tab/' + encodeFolderName(tab.name || '');
-                return html `<uui-tab
-										label=${this.localize.string(tab.name ?? '#general_unknown')}
-										.active=${path === this._activePath}
-										href=${path}>
-										${this.localize.string(tab.name)}
-									</uui-tab>`;
+							${(this._hasRootGroups || this._hasRootProperties) && this._tabs.length > 0
+                ? this.#renderTab(null, '#general_generic')
+                : nothing}
+							${repeat(this._tabs, (tab) => tab.name, (tab, index) => {
+                const path = 'tab/' + encodeFolderName(tab.name || '');
+                return this.#renderTab(path, tab.name, index);
             })}
 						</uui-tab-group>`
             : ''}
@@ -140,6 +129,22 @@ let UmbBlockWorkspaceViewEditElement = class UmbBlockWorkspaceViewEditElement ex
 			</umb-body-layout>
 		`;
     }
+    #renderTab(path, name, index = 0) {
+        const isRootTab = path === null;
+        const hasRootItems = this._hasRootGroups || this._hasRootProperties;
+        const basePath = this._routerPath + '/';
+        const fullPath = basePath + (path ? path : 'root');
+        const active = fullPath === this._activePath ||
+            // When there are no root items, the first tab should be active on the alias path.
+            (!hasRootItems && index === 0 && basePath === this._activePath) ||
+            // When there are root items, the root tab should be active on both the canonical `/root` and alias `/` paths.
+            (hasRootItems && isRootTab && basePath === this._activePath);
+        return html `<uui-tab
+			label=${this.localize.string(name ?? '#general_unnamed')}
+			.active=${active}
+			href=${isRootTab ? basePath : fullPath}
+			data-mark="content-tab:${path ?? 'root'}"></uui-tab>`;
+    }
     static { this.styles = [
         UmbTextStyles,
         css `
@@ -154,6 +159,9 @@ let UmbBlockWorkspaceViewEditElement = class UmbBlockWorkspaceViewEditElement ex
 __decorate([
     property({ attribute: false })
 ], UmbBlockWorkspaceViewEditElement.prototype, "manifest", null);
+__decorate([
+    state()
+], UmbBlockWorkspaceViewEditElement.prototype, "_hasRootProperties", void 0);
 __decorate([
     state()
 ], UmbBlockWorkspaceViewEditElement.prototype, "_hasRootGroups", void 0);

package/dist-cms/packages/block/block-grid/components/block-grid-area/block-grid-area.element.d.ts

@@ -3,13 +3,13 @@ import { UmbBlockGridEntriesElement } from '../block-grid-entries/block-grid-ent
  * @description
  * This element is used to render a single block grid area.
  */
-export declare class UmbBlockGridAreasContainerElement extends UmbBlockGridEntriesElement {
+export declare class UmbBlockGridAreaElement extends UmbBlockGridEntriesElement {
     constructor();
     connectedCallback(): void;
 }
-export default UmbBlockGridAreasContainerElement;
+export default UmbBlockGridAreaElement;
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-block-grid-area': UmbBlockGridAreasContainerElement;
+        'umb-block-grid-area': UmbBlockGridAreaElement;
     }
 }

package/dist-cms/packages/block/block-grid/components/block-grid-area/block-grid-area.element.js

@@ -11,7 +11,7 @@ import { customElement } from '../../../../../external/lit/index.js';
  * @description
  * This element is used to render a single block grid area.
  */
-let UmbBlockGridAreasContainerElement = class UmbBlockGridAreasContainerElement extends UmbBlockGridEntriesElement {
+let UmbBlockGridAreaElement = class UmbBlockGridAreaElement extends UmbBlockGridEntriesElement {
     //
     constructor() {
         super();
@@ -27,8 +27,8 @@ let UmbBlockGridAreasContainerElement = class UmbBlockGridAreasContainerElement
         this.classList.add('umb-block-grid__area');
     }
 };
-UmbBlockGridAreasContainerElement = __decorate([
+UmbBlockGridAreaElement = __decorate([
     customElement('umb-block-grid-area')
-], UmbBlockGridAreasContainerElement);
-export { UmbBlockGridAreasContainerElement };
-export default UmbBlockGridAreasContainerElement;
+], UmbBlockGridAreaElement);
+export { UmbBlockGridAreaElement };
+export default UmbBlockGridAreaElement;

package/dist-cms/packages/block/block-grid/components/block-grid-entries/block-grid-entries.context.js

@@ -441,12 +441,16 @@ export class UmbBlockGridEntriesContext extends UmbBlockEntriesContext {
         const layoutEntries = this._layoutEntries.getValue();
         this.#invalidBlockTypeLimits = areaType.specifiedAllowance
             .map((rule) => {
+            if (!this._manager) {
+                // There is no manager at this point so we cannot validate, this is properly in a very early or a deconstruction phase.
+                return undefined;
+            }
             const minAllowed = rule.minAllowed || 0;
             const maxAllowed = rule.maxAllowed || 0;
             // For block groups:
             if (rule.groupKey) {
                 const groupElementTypeKeys = this._manager
-                    ?.getBlockTypes()
+                    .getBlockTypes()
                     .filter((blockType) => blockType.groupKey === rule.groupKey && blockType.allowInAreas === true)
                     .map((x) => x.contentElementTypeKey) ?? [];
                 const groupAmount = layoutEntries.filter((entry) => {

package/dist-cms/packages/block/block-grid/property-editors/block-grid-area-type-permission/block-grid-area-type-permission.element.js

@@ -142,7 +142,7 @@ let UmbPropertyEditorUIBlockGridAreaTypePermissionElement = class UmbPropertyEdi
     #renderBlockGroups(area) {
         return repeat(this._blockGroups, (group) => group.key, (group) => html `<uui-combobox-list-option .value=${group.key} ?selected=${area.groupKey === group.key}>
 					<umb-icon name="icon-folder"></umb-icon>
-					${group.name}
+					${this.localize.string(group.name)}
 				</uui-combobox-list-option>`);
     }
     #renderBlockTypes(area) {
@@ -150,7 +150,7 @@ let UmbPropertyEditorUIBlockGridAreaTypePermissionElement = class UmbPropertyEdi
 					.value=${block.type.contentElementTypeKey}
 					?selected=${area.elementTypeKey === block.type.contentElementTypeKey}>
 					<umb-icon name=${block.icon}></umb-icon>
-					${block.name}
+					${this.localize.string(block.name)}
 				</uui-combobox-list-option>`);
     }
     static { this.styles = [

package/dist-cms/packages/block/block-list/property-editors/block-list-editor/manifests.js

@@ -15,12 +15,6 @@ const propertyEditorUi = {
         supportsReadOnly: true,
         settings: {
             properties: [
-                {
-                    alias: 'useSingleBlockMode',
-                    label: 'Single block mode',
-                    description: 'When in Single block mode, the output will be BlockListItem<>, instead of BlockListModel.\n\n**NOTE:**\nSingle block mode requires a maximum of one available block, and an amount set to minimum 1 and maximum 1 blocks.',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
-                },
                 {
                     alias: 'useLiveEditing',
                     label: 'Live editing mode',
@@ -39,6 +33,12 @@ const propertyEditorUi = {
                     description: 'Optional CSS override, example: 800px or 100%',
                     propertyEditorUiAlias: 'Umb.PropertyEditorUi.TextBox',
                 },
+                {
+                    alias: 'useSingleBlockMode',
+                    label: 'Single block mode',
+                    description: '_Deprecated: Use the Property Editor "Single Block" instead._',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
+                },
             ],
         },
     },

package/dist-cms/packages/block/block-list/property-editors/block-list-editor/property-editor-ui-block-list.element.js

@@ -184,7 +184,12 @@ let UmbPropertyEditorUIBlockListElement = class UmbPropertyEditorUIBlockListElem
         this.observe(this.#managerContext.isSortMode, (isSortMode) => (this._isSortMode = isSortMode ?? false));
         this.addValidator('rangeUnderflow', () => this.localize.term('validation_entriesShort', this._limitMin, (this._limitMin ?? 0) - this.#entriesContext.getLength()), () => !!this._limitMin && this.#entriesContext.getLength() < this._limitMin);
         this.addValidator('rangeOverflow', () => this.localize.term('validation_entriesExceed', this._limitMax, this.#entriesContext.getLength() - (this._limitMax || 0)), () => !!this._limitMax && this.#entriesContext.getLength() > this._limitMax);
-        this.addValidator('valueMissing', () => this.mandatoryMessage ?? UMB_VALIDATION_EMPTY_LOCALIZATION_KEY, () => !!this.mandatory && this.#entriesContext.getLength() === 0);
+        this.addValidator('valueMissing', () => this.mandatoryMessage ?? UMB_VALIDATION_EMPTY_LOCALIZATION_KEY, () => {
+            if (!this.mandatory || this.readonly)
+                return false;
+            const count = this.value?.layout?.[UMB_BLOCK_LIST_PROPERTY_EDITOR_SCHEMA_ALIAS]?.length ?? 0;
+            return count === 0;
+        });
         this.observe(this.#entriesContext.layoutEntries, (layouts) => {
             this._layouts = layouts;
             // Update sorter.

package/dist-cms/packages/block/block-rte/context/block-rte-entry.context.d.ts

@@ -4,6 +4,7 @@ import { UMB_BLOCK_RTE_ENTRIES_CONTEXT } from './block-rte-entries.context-token
 import { UmbBlockEntryContext } from '../../block/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 export declare class UmbBlockRteEntryContext extends UmbBlockEntryContext<typeof UMB_BLOCK_RTE_MANAGER_CONTEXT, typeof UMB_BLOCK_RTE_MANAGER_CONTEXT.TYPE, typeof UMB_BLOCK_RTE_ENTRIES_CONTEXT, typeof UMB_BLOCK_RTE_ENTRIES_CONTEXT.TYPE, UmbBlockRteTypeModel, UmbBlockRteLayoutModel> {
+    /** @deprecated Use `displayInlineConfig` instead. This field will be removed in Umbraco 19. [LK] */
     readonly displayInline: import("rxjs").Observable<boolean | undefined>;
     readonly displayInlineConfig: import("rxjs").Observable<boolean | undefined>;
     readonly forceHideContentEditorInOverlay: import("rxjs").Observable<boolean | undefined>;