@umbraco-cms/backoffice 14.2.0 → 14.3.0

package/dist-cms/packages/block/block-grid/components/block-grid-block-inline/block-grid-inline-property-dataset.context.js

@@ -2,8 +2,10 @@ import { UMB_BLOCK_GRID_INLINE_PROPERTY_DATASET_CONTEXT } from './block-grid-inl
 import { UMB_PROPERTY_DATASET_CONTEXT } from '../../../../core/property/index.js';
 import { UmbControllerBase } from '../../../../../libs/class-api/index.js';
 import { UmbVariantId } from '../../../../core/variant/index.js';
+import { UmbBooleanState } from '../../../../../libs/observable-api/index.js';
 export class UmbBlockGridInlinePropertyDatasetContext extends UmbControllerBase {
     #entryContext;
+    #readOnly;
     // default data:
     getVariantId() {
         return UmbVariantId.CreateInvariant();
@@ -20,25 +22,39 @@ export class UmbBlockGridInlinePropertyDatasetContext extends UmbControllerBase
     constructor(host, entryContext) {
         // The controller alias, is a very generic name cause we want only one of these for this controller host.
         super(host, UMB_PROPERTY_DATASET_CONTEXT.toString());
+        this.#readOnly = new UmbBooleanState(false);
+        this.readOnly = this.#readOnly.asObservable();
         this.name = 'TODO: get label observable';
         this.#entryContext = entryContext;
         this.provideContext(UMB_BLOCK_GRID_INLINE_PROPERTY_DATASET_CONTEXT, this);
     }
     /**
-     * TODO: Write proper JSDocs here.
-     * @param propertyAlias
+     * @function propertyValueByAlias
+     * @param {string} propertyAlias
+     * @returns {Promise<Observable<ReturnType | undefined> | undefined>}
+     * @description Get an Observable for the value of this property.
      */
     async propertyValueByAlias(propertyAlias) {
         // TODO: Investigate how I do that with the workspaces..
         return await this.#entryContext.contentPropertyValueByAlias(propertyAlias);
     }
     /**
-     * TODO: Write proper JSDocs here.
-     * @param propertyAlias
-     * @param value
+     * @function setPropertyValue
+     * @param {string} propertyAlias
+     * @param {unknown} value - value can be a promise resolving into the actual value or the raw value it self.
+     * @returns {Promise<void>}
+     * @description Set the value of this property.
      */
     async setPropertyValue(propertyAlias, value) {
         // TODO: Investigate how I do that with the workspaces..
         return this.#entryContext.setContentPropertyValue(propertyAlias, value);
     }
+    /**
+     * Gets the read-only state of the current variant culture.
+     * @returns {*}  {boolean}
+     * @memberof UmbBlockGridInlinePropertyDatasetContext
+     */
+    getReadOnly() {
+        return this.#readOnly.getValue();
+    }
 }

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

@@ -4,6 +4,7 @@ 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 { UmbBlockGridEntriesContext } from '../../context/block-grid-entries.context.js';
 import { getAccumulatedValueOfIndex, getInterpolatedIndexOfPositionInWeightMap, isWithinRect, } from '../../../../core/utils/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { html, customElement, state, repeat, css, property, nothing } from '../../../../../external/lit/index.js';
@@ -11,10 +12,10 @@ import { UmbTextStyles } from '../../../../core/style/index.js';
 import '../block-grid-entry/index.js';
 import { UmbSorterController } from '../../../../core/sorter/index.js';
 import { UmbFormControlMixin, UmbFormControlValidator, } from '../../../../core/validation/index.js';
-import { UmbBlockGridEntriesContext } from '../../context/block-grid-entries.context.js';
 /**
  * Notice this utility method is not really shareable with others as it also takes areas into account. [NL]
  * @param args
+ * @returns { null | true }
  */
 function resolvePlacementAsGrid(args) {
     // If this has areas, we do not want to move, unless we are at the edge
@@ -88,9 +89,20 @@ let UmbBlockGridEntriesElement = class UmbBlockGridEntriesElement extends UmbFor
     //
     #sorter;
     #context;
+    #controlValidator;
+    #typeLimitValidator;
+    #rangeUnderflowValidator;
+    #rangeOverflowValidator;
     set areaKey(value) {
         this._areaKey = value;
         this.#context.setAreaKey(value ?? null);
+        this.#controlValidator?.destroy();
+        if (this.areaKey) {
+            // Only when there is a area key we should create a validator, otherwise it is the root entries element, which is taking part of the Property Editor Form Control. [NL]
+            // Currently there is no server validation for areas. So we can leave out the data path for it for now. [NL]
+            this.#controlValidator = new UmbFormControlValidator(this, this);
+            //new UmbBindServerValidationToFormControl(this, this, "$.values.[?(@.alias = 'my-input-alias')].value");
+        }
     }
     get areaKey() {
         return this._areaKey;
@@ -149,6 +161,9 @@ let UmbBlockGridEntriesElement = class UmbBlockGridEntriesElement extends UmbFor
         this.observe(this.#context.rangeLimits, (rangeLimits) => {
             this.#setupRangeValidation(rangeLimits);
         }, null);
+        this.observe(this.#context.hasTypeLimits, (hasTypeLimits) => {
+            this.#setupBlockTypeLimitValidation(hasTypeLimits);
+        }, null);
         this.#context.getManager().then((manager) => {
             this.observe(manager.layoutStylesheet, (stylesheet) => {
                 if (!stylesheet || this._styleElement?.href === stylesheet)
@@ -160,8 +175,6 @@ let UmbBlockGridEntriesElement = class UmbBlockGridEntriesElement extends UmbFor
         });
         new UmbFormControlValidator(this, this /*, this.#dataPath*/);
     }
-    #rangeUnderflowValidator;
-    #rangeOverflowValidator;
     async #setupRangeValidation(rangeLimit) {
         if (this.#rangeUnderflowValidator) {
             this.removeValidator(this.#rangeUnderflowValidator);
@@ -170,9 +183,7 @@ let UmbBlockGridEntriesElement = class UmbBlockGridEntriesElement extends UmbFor
         if (rangeLimit?.min !== 0) {
             this.#rangeUnderflowValidator = this.addValidator('rangeUnderflow', () => {
                 return this.localize.term('validation_entriesShort', rangeLimit.min, (rangeLimit.min ?? 0) - this._layoutEntries.length);
-            }, () => {
-                return this._layoutEntries.length < (rangeLimit?.min ?? 0);
-            });
+            }, () => this._layoutEntries.length < (rangeLimit?.min ?? 0));
         }
         if (this.#rangeOverflowValidator) {
             this.removeValidator(this.#rangeOverflowValidator);
@@ -181,8 +192,24 @@ let UmbBlockGridEntriesElement = class UmbBlockGridEntriesElement extends UmbFor
         if (rangeLimit?.max !== Infinity) {
             this.#rangeOverflowValidator = this.addValidator('rangeOverflow', () => {
                 return this.localize.term('validation_entriesExceed', rangeLimit.max, this._layoutEntries.length - (rangeLimit.max ?? this._layoutEntries.length));
+            }, () => this._layoutEntries.length > (rangeLimit?.max ?? Infinity));
+        }
+    }
+    async #setupBlockTypeLimitValidation(hasTypeLimits) {
+        if (this.#typeLimitValidator) {
+            this.removeValidator(this.#typeLimitValidator);
+            this.#typeLimitValidator = undefined;
+        }
+        if (hasTypeLimits) {
+            this.#typeLimitValidator = this.addValidator('customError', () => {
+                const invalids = this.#context.getInvalidBlockTypeLimits();
+                return invalids
+                    .map((invalidRule) => this.localize.term(invalidRule.amount < invalidRule.minRequirement
+                    ? 'blockEditor_areaValidationEntriesShort'
+                    : 'blockEditor_areaValidationEntriesExceed', invalidRule.name, invalidRule.amount, invalidRule.minRequirement, invalidRule.maxRequirement))
+                    .join(', ');
             }, () => {
-                return (this._layoutEntries.length ?? 0) > (rangeLimit?.max ?? Infinity);
+                return !this.#context.checkBlockTypeLimitsValidity();
             });
         }
     }
@@ -198,13 +225,13 @@ let UmbBlockGridEntriesElement = class UmbBlockGridEntriesElement extends UmbFor
 							.layout=${layoutEntry}>
 						</umb-block-grid-entry>`)}
 			</div>
-			<uui-form-validation-message .for=${this}></uui-form-validation-message>
 			${this._canCreate ? this.#renderCreateButton() : nothing}
+			${this._areaKey ? html ` <uui-form-validation-message .for=${this}></uui-form-validation-message>` : nothing}
 		`;
     }
     #renderCreateButton() {
         if (this._areaKey === null || this._layoutEntries.length === 0) {
-            return html `<uui-button-group>
+            return html `<uui-button-group id="createButton">
 				<uui-button
 					look="placeholder"
 					label=${this._singleBlockTypeName
@@ -256,19 +283,31 @@ let UmbBlockGridEntriesElement = class UmbBlockGridEntriesElement extends UmbFor
 				opacity: 0.2;
 				pointer-events: none;
 			}
+
 			> div {
 				display: flex;
 				flex-direction: column;
 				align-items: stretch;
 			}
 
-			uui-button-group {
+			#createButton {
 				padding-top: 1px;
 				grid-template-columns: 1fr auto;
+				display: grid;
+			}
 
+			// Only when we are n an area, we like to hide the button on drag
+			:host([area-key]) #createButton {
 				--umb-block-grid--is-dragging--variable: var(--umb-block-grid--is-dragging) none;
 				display: var(--umb-block-grid--is-dragging--variable, grid);
 			}
+			:host(:not([pristine]):invalid) #createButton {
+				--uui-button-contrast: var(--uui-color-danger);
+				--uui-button-contrast-hover: var(--uui-color-danger);
+				--uui-color-default-emphasis: var(--uui-color-danger);
+				--uui-button-border-color: var(--uui-color-danger);
+				--uui-button-border-color-hover: var(--uui-color-danger);
+			}
 
 			.umb-block-grid__layout-container[data-area-length='0'] {
 				--umb-block-grid--is-dragging--variable: var(--umb-block-grid--is-dragging) 1;
@@ -280,7 +319,7 @@ let UmbBlockGridEntriesElement = class UmbBlockGridEntriesElement extends UmbFor
     ]; }
 };
 __decorate([
-    property({ attribute: false })
+    property({ type: String, attribute: 'area-key', reflect: true })
 ], UmbBlockGridEntriesElement.prototype, "areaKey", null);
 __decorate([
     property({ attribute: false })

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

@@ -32,6 +32,8 @@ export declare class UmbBlockGridEntryElement extends UmbLitElement implements U
     _showInlineCreateBefore?: boolean;
     _showInlineCreateAfter?: boolean;
     _inlineCreateAboveWidth?: string;
+    _contentInvalid?: boolean;
+    _settingsInvalid?: boolean;
     _blockViewProps: UmbBlockEditorCustomViewProperties<UmbBlockGridLayoutModel>;
     constructor();
     connectedCallback(): void;

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

@@ -12,6 +12,9 @@ import { UMB_BLOCK_GRID } from '../../index.js';
 import '../block-grid-block-inline/index.js';
 import '../block-grid-block/index.js';
 import '../block-scale-handler/index.js';
+import { UmbObserveValidationStateController } from '../../../../core/validation/index.js';
+import { UmbDataPathBlockElementDataQuery } from '../../../block/index.js';
+import { UUIBlinkAnimationValue, UUIBlinkKeyframes } from '../../../../../external/uui/index.js';
 /**
  * @element umb-block-grid-entry
  */
@@ -33,6 +36,10 @@ let UmbBlockGridEntryElement = class UmbBlockGridEntryElement extends UmbLitElem
         this._blockViewProps.contentUdi = value;
         this.setAttribute('data-element-udi', value);
         this.#context.setContentUdi(value);
+        new UmbObserveValidationStateController(this, `$.contentData[${UmbDataPathBlockElementDataQuery({ udi: value })}]`, (hasMessages) => {
+            this._contentInvalid = hasMessages;
+            this._blockViewProps.contentInvalid = hasMessages;
+        }, 'observeMessagesForContent');
     }
     //
     #context;
@@ -91,6 +98,12 @@ let UmbBlockGridEntryElement = class UmbBlockGridEntryElement extends UmbLitElem
             }
             return true;
         };
+        this.#extensionSlotRenderMethod = (ext) => {
+            if (ext.component) {
+                ext.component.classList.add('umb-block-grid__block--view');
+            }
+            return ext.component;
+        };
         // Misc:
         this.observe(this.#context.showContentEdit, (showContentEdit) => {
             this._showContentEdit = showContentEdit;
@@ -127,6 +140,14 @@ let UmbBlockGridEntryElement = class UmbBlockGridEntryElement extends UmbLitElem
         }, null);
         this.observe(this.#context.settings, (settings) => {
             this.#updateBlockViewProps({ settings });
+            this.removeUmbControllerByAlias('observeMessagesForSettings');
+            if (settings) {
+                // Observe settings validation state:
+                new UmbObserveValidationStateController(this, `$.settingsData[${UmbDataPathBlockElementDataQuery(settings)}]`, (hasMessages) => {
+                    this._settingsInvalid = hasMessages;
+                    this._blockViewProps.settingsInvalid = hasMessages;
+                }, 'observeMessagesForSettings');
+            }
         }, null);
         // Paths:
         this.observe(this.#context.createBeforePath, (createPath) => {
@@ -186,11 +207,16 @@ let UmbBlockGridEntryElement = class UmbBlockGridEntryElement extends UmbLitElem
     }
     #updateInlineCreateButtons;
     #extensionSlotFilterMethod;
+    #extensionSlotRenderMethod;
     #renderInlineEditBlock() {
-        return html `<umb-block-grid-block-inline .label=${this._label}></umb-block-grid-block-inline>`;
+        return html `<umb-block-grid-block-inline
+			class="umb-block-grid__block--view"
+			.label=${this._label}></umb-block-grid-block-inline>`;
     }
     #renderRefBlock() {
-        return html `<umb-block-grid-block .label=${this._label}></umb-block-grid-block>`;
+        return html `<umb-block-grid-block
+			class="umb-block-grid__block--view"
+			.label=${this._label}></umb-block-grid-block>`;
     }
     #renderBlock() {
         return this.contentUdi && this._contentTypeAlias
@@ -205,28 +231,47 @@ let UmbBlockGridEntryElement = class UmbBlockGridEntryElement extends UmbLitElem
                 : nothing}
 					<div class="umb-block-grid__block" part="umb-block-grid__block">
 						<umb-extension-slot
-							type="blockEditorCustomView"
-							default-element="umb-block-grid-block"
-							.props=${this._blockViewProps}
 							.filter=${this.#extensionSlotFilterMethod}
+							.renderMethod=${this.#extensionSlotRenderMethod}
+							.props=${this._blockViewProps}
+							default-element=${this._inlineEditingMode ? 'umb-block-grid-block-inline' : 'umb-block-grid-block'}
+							type="blockEditorCustomView"
+							single
 							>${this._inlineEditingMode ? this.#renderInlineEditBlock() : this.#renderRefBlock()}</umb-extension-slot
 						>
 						<uui-action-bar>
 							${this._showContentEdit && this._workspaceEditContentPath
-                ? html `<uui-button label="edit" compact href=${this._workspaceEditContentPath}>
+                ? html `<uui-button
+										label="edit"
+										look="secondary"
+										color=${this._contentInvalid ? 'danger' : ''}
+										href=${this._workspaceEditContentPath}>
 										<uui-icon name="icon-edit"></uui-icon>
+										${this._contentInvalid
+                    ? html `<uui-badge attention color="danger" label="Invalid content">!</uui-badge>`
+                    : nothing}
 									</uui-button>`
                 : nothing}
 							${this._hasSettings && this._workspaceEditSettingsPath
-                ? html `<uui-button label="Edit settings" compact href=${this._workspaceEditSettingsPath}>
+                ? html `<uui-button
+										label="Edit settings"
+										look="secondary"
+										color=${this._settingsInvalid ? 'danger' : ''}
+										href=${this._workspaceEditSettingsPath}>
 										<uui-icon name="icon-settings"></uui-icon>
+										${this._settingsInvalid
+                    ? html `<uui-badge attention color="danger" label="Invalid settings">!</uui-badge>`
+                    : nothing}
 									</uui-button>`
                 : nothing}
-							<uui-button label="delete" compact @click=${() => this.#context.requestDelete()}>
+							<uui-button label="delete" look="secondary" @click=${() => this.#context.requestDelete()}>
 								<uui-icon name="icon-remove"></uui-icon>
 							</uui-button>
 						</uui-action-bar>
 
+						${!this._showContentEdit && this._contentInvalid
+                ? html `<uui-badge attention color="danger" label="Invalid content">!</uui-badge>`
+                : nothing}
 						${this._canScale
                 ? html ` <umb-block-scale-handler
 									@mousedown=${(e) => this.#context.scaleManager.onScaleMouseDown(e)}>
@@ -247,21 +292,31 @@ let UmbBlockGridEntryElement = class UmbBlockGridEntryElement extends UmbLitElem
         return this.#renderBlock();
     }
     static { this.styles = [
+        UUIBlinkKeyframes,
         css `
 			:host {
 				position: relative;
 				display: block;
+				--umb-block-grid-entry-actions-opacity: 0;
+			}
+			:host([settings-invalid]),
+			:host([content-invalid]),
+			:host(:hover),
+			:host(:focus-within) {
+				--umb-block-grid-entry-actions-opacity: 1;
 			}
+
 			uui-action-bar {
 				position: absolute;
 				top: var(--uui-size-2);
 				right: var(--uui-size-2);
+				opacity: var(--umb-block-grid-entry-actions-opacity, 0);
+				transition: opacity 120ms;
 			}
 			uui-button-inline-create {
 				top: 0px;
 				position: absolute;
 
-				// Avoid showing inline-create in dragging-mode
 				--umb-block-grid__block--inline-create-button-display--condition: var(--umb-block-grid--dragging-mode) none;
 				display: var(--umb-block-grid__block--inline-create-button-display--condition);
 			}
@@ -276,35 +331,60 @@ let UmbBlockGridEntryElement = class UmbBlockGridEntryElement extends UmbLitElem
 				right: calc(1px - (var(--umb-block-grid--column-gap, 0px) * 0.5));
 			}
 
-			:host([drag-placeholder]) {
-				opacity: 0.2;
+			.umb-block-grid__block {
+				height: 100%;
 			}
 
-			:host(::after) {
+			:host::after {
 				content: '';
 				position: absolute;
 				z-index: 1;
 				pointer-events: none;
-				display: none;
 				inset: 0;
 				border: 1px solid transparent;
-				border-radius: 3px;
+				border-radius: var(--uui-border-radius);
 				box-shadow:
 					0 0 0 1px rgba(255, 255, 255, 0.7),
 					inset 0 0 0 1px rgba(255, 255, 255, 0.7);
 
 				transition: border-color 240ms ease-in;
 			}
+			:host(:hover):not(:drop)::after {
+				display: block;
+				border-color: var(--uui-color-interactive-emphasis);
+			}
 
-			:host(:hover::after) {
-				// TODO: Look at the feature I out-commented here, what was that suppose to do [NL]:
-				//display: var(--umb-block-grid--block-ui-display, block);
+			:host([drag-placeholder])::after {
 				display: block;
-				border-color: var(--uui-color-interactive);
+				border-width: 2px;
+				border-color: var(--uui-color-interactive-emphasis);
+				animation: ${UUIBlinkAnimationValue};
+			}
+			:host([drag-placeholder])::before {
+				content: '';
+				position: absolute;
+				pointer-events: none;
+				inset: 0;
+				border-radius: var(--uui-border-radius);
+				background-color: var(--uui-color-interactive-emphasis);
+				opacity: 0.12;
+			}
+			:host([drag-placeholder]) .umb-block-grid__block {
+				transition: opacity 50ms 16ms;
+				opacity: 0;
 			}
 
-			.umb-block-grid__block {
-				height: 100%;
+			:host([settings-invalid])::after,
+			:host([content-invalid])::after {
+				border-color: var(--uui-color-danger);
+			}
+			:host([settings-invalid])::before,
+			:host([content-invalid])::before {
+				background-color: var(--uui-color-danger);
+			}
+
+			uui-badge {
+				z-index: 2;
 			}
 		`,
     ]; }
@@ -363,6 +443,12 @@ __decorate([
 __decorate([
     state()
 ], UmbBlockGridEntryElement.prototype, "_inlineCreateAboveWidth", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'content-invalid', reflect: true })
+], UmbBlockGridEntryElement.prototype, "_contentInvalid", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'settings-invalid', reflect: true })
+], UmbBlockGridEntryElement.prototype, "_settingsInvalid", void 0);
 __decorate([
     state()
 ], UmbBlockGridEntryElement.prototype, "_blockViewProps", void 0);

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

@@ -0,0 +1 @@
+export {};

package/dist-cms/packages/block/block-grid/components/index.js

@@ -1 +1 @@
-"use strict";
+export {};

package/dist-cms/packages/block/block-grid/context/block-grid-entries.context.d.ts

@@ -1,29 +1,40 @@
 import type { UmbBlockDataType } from '../../block/index.js';
 import { UmbBlockEntriesContext } from '../../block/index.js';
-import { type UmbBlockGridWorkspaceData } from '../index.js';
+import { type UmbBlockGridWorkspaceOriginData } from '../index.js';
 import type { UmbBlockGridLayoutModel, UmbBlockGridTypeModel } from '../types.js';
 import { UMB_BLOCK_GRID_MANAGER_CONTEXT } from './block-grid-manager.context-token.js';
 import type { UmbBlockGridScalableContainerContext } from './block-grid-scale-manager/block-grid-scale-manager.controller.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 import type { UmbNumberRangeValueType } from '../../../core/models/index.js';
-export declare class UmbBlockGridEntriesContext extends UmbBlockEntriesContext<typeof UMB_BLOCK_GRID_MANAGER_CONTEXT, typeof UMB_BLOCK_GRID_MANAGER_CONTEXT.TYPE, UmbBlockGridTypeModel, UmbBlockGridLayoutModel> implements UmbBlockGridScalableContainerContext {
+interface UmbBlockGridAreaTypeInvalidRuleType {
+    groupKey?: string;
+    key?: string;
+    name: string;
+    amount: number;
+    minRequirement: number;
+    maxRequirement: number;
+}
+export declare class UmbBlockGridEntriesContext extends UmbBlockEntriesContext<typeof UMB_BLOCK_GRID_MANAGER_CONTEXT, typeof UMB_BLOCK_GRID_MANAGER_CONTEXT.TYPE, UmbBlockGridTypeModel, UmbBlockGridLayoutModel, UmbBlockGridWorkspaceOriginData> implements UmbBlockGridScalableContainerContext {
     #private;
     readonly layoutColumns: import("rxjs/internal/Observable").Observable<number | undefined>;
     readonly rangeLimits: import("rxjs/internal/Observable").Observable<UmbNumberRangeValueType | undefined>;
     readonly allowedBlockTypes: import("rxjs/internal/Observable").Observable<UmbBlockGridTypeModel[]>;
     readonly amountOfAllowedBlockTypes: import("rxjs/internal/Observable").Observable<number>;
     readonly canCreate: import("rxjs/internal/Observable").Observable<boolean>;
+    readonly hasTypeLimits: import("rxjs/internal/Observable").Observable<boolean | undefined>;
     firstAllowedBlockTypeName(): import("rxjs/internal/Observable").Observable<string | undefined>;
     setParentUnique(contentUdi: string | null): void;
     setAreaKey(areaKey: string | null): void;
     setLayoutColumns(columns: number | undefined): void;
     getLayoutColumns(): number | undefined;
+    getMinAllowed(): number;
+    getMaxAllowed(): number;
     getLayoutContainerElement(): HTMLElement | undefined;
     constructor(host: UmbControllerHost);
     protected _gotBlockManager(): void;
     getPathForCreateBlock(index: number): string | undefined;
     getPathForClipboard(index: number): string | undefined;
-    create(contentElementTypeKey: string, partialLayoutEntry?: Omit<UmbBlockGridLayoutModel, 'contentUdi'>, modalData?: UmbBlockGridWorkspaceData): Promise<{
+    create(contentElementTypeKey: string, partialLayoutEntry?: Omit<UmbBlockGridLayoutModel, 'contentUdi'>, originData?: UmbBlockGridWorkspaceOriginData): Promise<{
         layout: UmbBlockGridLayoutModel;
         content: {
             udi: string;
@@ -31,8 +42,14 @@ export declare class UmbBlockGridEntriesContext extends UmbBlockEntriesContext<t
         };
         settings: UmbBlockDataType | undefined;
     } | undefined>;
-    insert(layoutEntry: UmbBlockGridLayoutModel, content: UmbBlockDataType, settings: UmbBlockDataType | undefined, modalData: UmbBlockGridWorkspaceData): Promise<boolean>;
+    insert(layoutEntry: UmbBlockGridLayoutModel, content: UmbBlockDataType, settings: UmbBlockDataType | undefined, originData: UmbBlockGridWorkspaceOriginData): Promise<boolean>;
     delete(contentUdi: string): Promise<void>;
+    getInvalidBlockTypeLimits(): UmbBlockGridAreaTypeInvalidRuleType[];
+    /**
+     * @internal
+     * @returns {boolean} - True if the block type limits are valid, otherwise false.
+     */
+    checkBlockTypeLimitsValidity(): boolean;
     /**
      * Check if given contentUdi is allowed in the current area.
      * @param contentUdi {string} - The contentUdi of the content to check.
@@ -42,3 +59,4 @@ export declare class UmbBlockGridEntriesContext extends UmbBlockEntriesContext<t
     onDragStart(): void;
     onDragEnd(): void;
 }
+export {};