diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/property-editors/block-grid-type-configuration/property-editor-ui-block-grid-type-configuration.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/property-editors/block-grid-type-configuration/property-editor-ui-block-grid-type-configuration.element.ts
index 1184683ea9..9714e9cd08 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/property-editors/block-grid-type-configuration/property-editor-ui-block-grid-type-configuration.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/property-editors/block-grid-type-configuration/property-editor-ui-block-grid-type-configuration.element.ts
@@ -1,23 +1,18 @@
import type { UmbBlockTypeWithGroupKey, UmbInputBlockTypeElement } from '../../../block-type/index.js';
import '../../../block-type/components/input-block-type/index.js';
import type { UmbPropertyEditorUiElement } from '@umbraco-cms/backoffice/extension-registry';
-import {
- html,
- customElement,
- property,
- state,
- repeat,
- nothing,
- css,
- ifDefined,
-} from '@umbraco-cms/backoffice/external/lit';
+import { html, customElement, property, state, repeat, nothing, css } from '@umbraco-cms/backoffice/external/lit';
import {
UmbPropertyValueChangeEvent,
type UmbPropertyEditorConfigCollection,
} from '@umbraco-cms/backoffice/property-editor';
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
-import type { UmbBlockGridGroupType, UmbBlockGridGroupTypeConfiguration } from '@umbraco-cms/backoffice/block';
+import {
+ UMB_BLOCK_GRID_TYPE,
+ type UmbBlockGridGroupType,
+ type UmbBlockGridGroupTypeConfiguration,
+} from '@umbraco-cms/backoffice/block';
import type { UUIInputEvent } from '@umbraco-cms/backoffice/external/uui';
import { UMB_PROPERTY_DATASET_CONTEXT, type UmbPropertyDatasetContext } from '@umbraco-cms/backoffice/property';
import { UMB_WORKSPACE_MODAL, UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/modal';
@@ -66,12 +61,10 @@ export class UmbPropertyEditorUIBlockGridTypeConfigurationElement
this.#blockTypeWorkspaceModalRegistration?.destroy();
- const entityType = 'block-grid-type';
-
this.#blockTypeWorkspaceModalRegistration = new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
- .addAdditionalPath(entityType)
+ .addAdditionalPath(UMB_BLOCK_GRID_TYPE)
.onSetup(() => {
- return { data: { entityType: entityType, preset: {} }, modal: { size: 'large' } };
+ return { data: { entityType: UMB_BLOCK_GRID_TYPE, preset: {} }, modal: { size: 'large' } };
})
.observeRouteBuilder((routeBuilder) => {
const newpath = routeBuilder({});
@@ -141,9 +134,8 @@ export class UmbPropertyEditorUIBlockGridTypeConfigurationElement
(group) =>
html`${group.key ? this.#renderGroupInput(group.key, group.name) : nothing}
this.#onCreate(e, group.key ?? null)}
@change=${(e: CustomEvent) => this.#onChange(e, group.key)}>`,
)}`;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/types.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/types.ts
index a3fb79a2f7..3a51638811 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/types.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/types.ts
@@ -1,5 +1,7 @@
import type { UmbBlockTypeBaseModel, UmbBlockTypeWithGroupKey } from '../block-type/index.js';
+export const UMB_BLOCK_GRID_TYPE = 'block-grid-type';
+
export interface UmbBlockGridType extends UmbBlockTypeBaseModel {
columnSpanOptions: Array;
allowAtRoot: boolean;