@umbraco-cms/backoffice 16.1.1 → 16.2.0-rc

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

@@ -1,5 +1,6 @@
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import type { UmbPropertyEditorUiElement } from '@umbraco-cms/backoffice/property-editor';
+import '../block-scale-handler/block-scale-handler.element.js';
 /**
  * @element umb-block-area-config-entry
  */
@@ -9,9 +10,9 @@ export declare class UmbBlockGridAreaConfigEntryElement extends UmbLitElement im
     set key(key: string | undefined);
     private _key?;
     workspacePath?: string;
-    _columnSpan?: number;
-    _rowSpan?: number;
-    _alias: string;
+    private _columnSpan?;
+    private _rowSpan?;
+    private _alias;
     constructor();
     connectedCallback(): void;
     render(): "" | import("lit-html").TemplateResult<1>;

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

@@ -5,8 +5,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbBlockGridAreaConfigEntryContext } from './block-grid-area-config-entry.context.js';
+import { css, customElement, html, property, state } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
-import { html, css, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
+import '../block-scale-handler/block-scale-handler.element.js';
 /**
  * @element umb-block-area-config-entry
  */

package/dist-cms/packages/block/block-grid/components/block-grid-area-config-entry/workspace/block-grid-area-type-workspace-editor.element.d.ts

@@ -1,7 +1,7 @@
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 export declare class UmbBlockGridAreaTypeWorkspaceEditorElement extends UmbLitElement {
     #private;
-    _name?: string;
+    private _name?;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

package/dist-cms/packages/block/block-grid/components/block-grid-area-config-entry/workspace/views/settings.element.d.ts

@@ -2,8 +2,8 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import type { UmbWorkspaceViewElement } from '@umbraco-cms/backoffice/workspace';
 export declare class UmbBlockGridAreaTypeWorkspaceViewSettingsElement extends UmbLitElement implements UmbWorkspaceViewElement {
     #private;
-    _minValue?: number;
-    _maxValue?: number;
+    private _minValue?;
+    private _maxValue?;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

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

@@ -1,13 +1,12 @@
-import type { UmbBlockGridTypeAreaType } from '../../types.js';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 /**
  * @description
  * This element is used to render the block grid areas.
  */
 export declare class UmbBlockGridAreasContainerElement extends UmbLitElement {
-    _styleElement?: HTMLLinkElement;
-    _areas?: Array<UmbBlockGridTypeAreaType>;
-    _areaGridColumns?: number;
+    private _styleElement?;
+    private _areas?;
+    private _areaGridColumns?;
     constructor();
     render(): "" | import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

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

@@ -8,6 +8,7 @@ export declare class UmbBlockGridBlockElement extends UmbLitElement {
     config?: UmbBlockEditorCustomViewConfiguration;
     unpublished?: boolean;
     content?: UmbBlockDataType;
+    settings?: UmbBlockDataType;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

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

@@ -5,22 +5,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
-import { css, customElement, html, nothing, property } from '@umbraco-cms/backoffice/external/lit';
+import { css, customElement, html, property, when } from '@umbraco-cms/backoffice/external/lit';
 import '@umbraco-cms/backoffice/ufm';
 let UmbBlockGridBlockElement = class UmbBlockGridBlockElement extends UmbLitElement {
     render() {
-        return html `<umb-ref-grid-block
-			standalone
-			href=${(this.config?.showContentEdit ? this.config?.editContentPath : undefined) ?? ''}>
-			<umb-icon slot="icon" .name=${this.icon}></umb-icon>
-			<umb-ufm-render slot="name" inline .markdown=${this.label} .value=${this.content}></umb-ufm-render>
-			${this.unpublished
-            ? html `<uui-tag slot="name" look="secondary" title=${this.localize.term('blockEditor_notExposedDescription')}
-						><umb-localize key="blockEditor_notExposedLabel"></umb-localize
-					></uui-tag>`
-            : nothing}
-			<umb-block-grid-areas-container slot="areas" draggable="false"></umb-block-grid-areas-container>
-		</umb-ref-grid-block>`;
+        const blockValue = { ...this.content, $settings: this.settings };
+        return html `
+			<umb-ref-grid-block
+				standalone
+				href=${(this.config?.showContentEdit ? this.config?.editContentPath : undefined) ?? ''}>
+				<umb-icon slot="icon" .name=${this.icon}></umb-icon>
+				<umb-ufm-render slot="name" inline .markdown=${this.label} .value=${blockValue}></umb-ufm-render>
+				${when(this.unpublished, () => html `<uui-tag slot="name" look="secondary" title=${this.localize.term('blockEditor_notExposedDescription')}
+							><umb-localize key="blockEditor_notExposedLabel"></umb-localize
+						></uui-tag>`)}
+				<umb-block-grid-areas-container slot="areas" draggable="false"></umb-block-grid-areas-container>
+			</umb-ref-grid-block>
+		`;
     }
     static { this.styles = [
         css `
@@ -59,6 +60,9 @@ __decorate([
 __decorate([
     property({ attribute: false })
 ], UmbBlockGridBlockElement.prototype, "content", void 0);
+__decorate([
+    property({ attribute: false })
+], UmbBlockGridBlockElement.prototype, "settings", void 0);
 UmbBlockGridBlockElement = __decorate([
     customElement('umb-block-grid-block')
 ], UmbBlockGridBlockElement);

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

@@ -1,7 +1,6 @@
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
-import type { UmbPropertyTypeModel } from '@umbraco-cms/backoffice/content-type';
 import type { UmbBlockEditorCustomViewConfiguration } from '@umbraco-cms/backoffice/block-custom-view';
-import { type UmbBlockDataType } from '@umbraco-cms/backoffice/block';
+import type { UmbBlockDataType } from '@umbraco-cms/backoffice/block';
 export declare class UmbBlockGridBlockInlineElement extends UmbLitElement {
     #private;
     config?: UmbBlockEditorCustomViewConfiguration;
@@ -9,8 +8,9 @@ export declare class UmbBlockGridBlockInlineElement extends UmbLitElement {
     icon?: string;
     unpublished?: boolean;
     content?: UmbBlockDataType;
-    _inlineProperty?: UmbPropertyTypeModel;
-    _inlinePropertyDataPath?: string;
+    settings?: UmbBlockDataType;
+    private _inlineProperty?;
+    private _inlinePropertyDataPath?;
     private _ownerContentTypeName?;
     private _variantName?;
     constructor();

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

@@ -6,14 +6,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UMB_BLOCK_GRID_ENTRY_CONTEXT } from '../block-grid-entry/constants.js';
 import { UMB_BLOCK_GRID_ENTRIES_CONTEXT } from '../block-grid-entries/constants.js';
-import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
-import { css, customElement, html, nothing, property, state } from '@umbraco-cms/backoffice/external/lit';
-import { UMB_BLOCK_WORKSPACE_ALIAS, } from '@umbraco-cms/backoffice/block';
+import { css, customElement, html, property, state, when } from '@umbraco-cms/backoffice/external/lit';
 import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
-import { UmbExtensionApiInitializer, UmbExtensionsApiInitializer, } from '@umbraco-cms/backoffice/extension-api';
+import { UmbDataPathPropertyValueQuery } from '@umbraco-cms/backoffice/validation';
+import { UmbExtensionApiInitializer, UmbExtensionsApiInitializer } from '@umbraco-cms/backoffice/extension-api';
 import { UmbLanguageItemRepository } from '@umbraco-cms/backoffice/language';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
-import { UmbDataPathPropertyValueQuery } from '@umbraco-cms/backoffice/validation';
+import { UMB_BLOCK_WORKSPACE_ALIAS } from '@umbraco-cms/backoffice/block';
 const apiArgsCreator = (manifest) => {
     return [{ manifest }];
 };
@@ -108,20 +108,19 @@ let UmbBlockGridBlockInlineElement = class UmbBlockGridBlockInlineElement extend
 		`;
     }
     #renderBlockInfo() {
+        const blockValue = { ...this.content, $settings: this.settings };
         return html `
 			<span id="content">
 				<span id="icon">
 					<umb-icon .name=${this.icon}></umb-icon>
 				</span>
 				<div id="info">
-					<umb-ufm-render id="name" inline .markdown=${this.label} .value=${this.content}></umb-ufm-render>
+					<umb-ufm-render id="name" inline .markdown=${this.label} .value=${blockValue}></umb-ufm-render>
 				</div>
 			</span>
-			${this.unpublished
-            ? html `<uui-tag slot="name" look="secondary" title=${this.localize.term('blockEditor_notExposedDescription')}
+			${when(this.unpublished, () => html `<uui-tag slot="name" look="secondary" title=${this.localize.term('blockEditor_notExposedDescription')}
 						><umb-localize key="blockEditor_notExposedLabel"></umb-localize
-					></uui-tag>`
-            : nothing}
+					></uui-tag>`)}
 		`;
     }
     #renderInside() {
@@ -299,6 +298,9 @@ __decorate([
 __decorate([
     property({ attribute: false })
 ], UmbBlockGridBlockInlineElement.prototype, "content", void 0);
+__decorate([
+    property({ attribute: false })
+], UmbBlockGridBlockInlineElement.prototype, "settings", void 0);
 __decorate([
     state()
 ], UmbBlockGridBlockInlineElement.prototype, "_inlineProperty", void 0);

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

@@ -47,8 +47,8 @@ export declare class UmbBlockGridEntryContext extends UmbBlockEntryContext<typeo
      * @returns {number} The row span.
      */
     getRowSpan(): number | undefined;
-    _gotManager(): void;
-    _gotEntries(): void;
-    _gotContentType(): void;
+    protected _gotManager(): void;
+    protected _gotEntries(): void;
+    protected _gotContentType(): void;
     copyToClipboard(): Promise<void>;
 }

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

@@ -1,9 +1,7 @@
-import type { UmbBlockGridLayoutModel } from '../../types.js';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { nothing } from '@umbraco-cms/backoffice/external/lit';
 import type { PropertyValueMap } from '@umbraco-cms/backoffice/external/lit';
 import type { UmbPropertyEditorUiElement } from '@umbraco-cms/backoffice/property-editor';
-import type { UmbBlockEditorCustomViewProperties } from '@umbraco-cms/backoffice/block-custom-view';
 /**
  * @element umb-block-grid-entry
  */
@@ -14,30 +12,30 @@ export declare class UmbBlockGridEntryElement extends UmbLitElement implements U
     get contentKey(): string | undefined;
     set contentKey(key: string | undefined);
     private _contentKey?;
-    _contentTypeAlias?: string;
-    _contentTypeName?: string;
-    _columnSpan?: number;
-    _rowSpan?: number;
-    _showContentEdit: boolean;
-    _hasSettings: boolean;
-    _createBeforePath?: string;
-    _createAfterPath?: string;
-    _label: string;
-    _icon?: string;
-    _exposed?: boolean;
-    _unsupported?: boolean;
-    _showActions?: boolean;
-    _workspaceEditContentPath?: string;
-    _workspaceEditSettingsPath?: string;
-    _inlineEditingMode?: boolean;
-    _canScale?: boolean;
-    _showInlineCreateBefore?: boolean;
-    _showInlineCreateAfter?: boolean;
-    _inlineCreateAboveWidth?: string;
+    private _contentTypeAlias?;
+    private _contentTypeName?;
+    private _columnSpan?;
+    private _rowSpan?;
+    private _showContentEdit;
+    private _hasSettings;
+    private _createBeforePath?;
+    private _createAfterPath?;
+    private _label;
+    private _icon?;
+    private _exposed?;
+    private _unsupported?;
+    private _showActions?;
+    private _workspaceEditContentPath?;
+    private _workspaceEditSettingsPath?;
+    private _inlineEditingMode?;
+    private _canScale?;
+    private _showInlineCreateBefore?;
+    private _showInlineCreateAfter?;
+    private _inlineCreateAboveWidth?;
     _invalidLocation?: boolean;
     _contentInvalid?: boolean;
     _settingsInvalid?: boolean;
-    _blockViewProps: UmbBlockEditorCustomViewProperties<UmbBlockGridLayoutModel>;
+    private _blockViewProps;
     private _isReadOnly;
     constructor();
     connectedCallback(): void;

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

@@ -590,12 +590,15 @@ __decorate([
 ], UmbBlockGridEntryElement.prototype, "_inlineCreateAboveWidth", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'location-invalid', reflect: true })
+    // eslint-disable-next-line @typescript-eslint/naming-convention
 ], UmbBlockGridEntryElement.prototype, "_invalidLocation", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'content-invalid', reflect: true })
+    // eslint-disable-next-line @typescript-eslint/naming-convention
 ], UmbBlockGridEntryElement.prototype, "_contentInvalid", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'settings-invalid', reflect: true })
+    // eslint-disable-next-line @typescript-eslint/naming-convention
 ], UmbBlockGridEntryElement.prototype, "_settingsInvalid", void 0);
 __decorate([
     state()

package/dist-cms/packages/block/block-grid/context/block-grid-scale-manager/block-grid-scale-manager.controller.d.ts

@@ -15,7 +15,7 @@ export interface UmbBlockGridScalableContainerContext extends UmbControllerHost
 export declare class UmbBlockGridScaleManager extends UmbControllerBase {
     #private;
     _host: UmbBlockGridScalableContext;
-    _entries?: UmbBlockGridScalableContainerContext;
+    protected _entries?: UmbBlockGridScalableContainerContext;
     constructor(host: UmbBlockGridScalableContext);
     setEntriesContext(entriesContext: UmbBlockGridScalableContainerContext | undefined): void;
     onScaleMouseDown(event: MouseEvent): void;

package/dist-cms/packages/block/block-grid/property-editors/block-grid-areas-config/property-editor-ui-block-grid-areas-config.element.d.ts

@@ -13,6 +13,7 @@ export declare class UmbPropertyEditorUIBlockGridAreasConfigElement extends UmbL
     private _areaGridColumns?;
     constructor();
     render(): "" | import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
 }
 export default UmbPropertyEditorUIBlockGridAreasConfigElement;
 declare global {

package/dist-cms/packages/block/block-grid/property-editors/block-grid-areas-config/property-editor-ui-block-grid-areas-config.element.js

@@ -7,11 +7,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UMB_BLOCK_GRID_DEFAULT_LAYOUT_STYLESHEET } from '../../index.js';
 import { UMB_BLOCK_GRID_AREA_TYPE_WORKSPACE_MODAL } from '../../components/block-grid-area-config-entry/constants.js';
 import { UmbBlockGridAreaTypeEntriesContext } from './block-grid-area-type-entries.context.js';
+import { css, customElement, html, property, repeat, state } from '@umbraco-cms/backoffice/external/lit';
+import { incrementString } from '@umbraco-cms/backoffice/utils';
+import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
-import { html, customElement, property, state, repeat } from '@umbraco-cms/backoffice/external/lit';
-import { UMB_PROPERTY_DATASET_CONTEXT } from '@umbraco-cms/backoffice/property';
 import { UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/router';
-import { incrementString } from '@umbraco-cms/backoffice/utils';
+import { UmbSorterController, UmbSorterResolvePlacementAsGrid } from '@umbraco-cms/backoffice/sorter';
+import { UMB_PROPERTY_DATASET_CONTEXT } from '@umbraco-cms/backoffice/property';
 import '../../components/block-grid-area-config-entry/block-grid-area-config-entry.element.js';
 let UmbPropertyEditorUIBlockGridAreasConfigElement = class UmbPropertyEditorUIBlockGridAreasConfigElement extends UmbLitElement {
     //
@@ -19,8 +21,10 @@ let UmbPropertyEditorUIBlockGridAreasConfigElement = class UmbPropertyEditorUIBl
     // local vars:
     #defaultAreaGridColumns;
     #valueOfAreaGridColumns;
+    #sorter;
     set value(value) {
         this._value = value ?? [];
+        this.#sorter.setModel(this._value);
     }
     get value() {
         return this._value;
@@ -41,6 +45,23 @@ let UmbPropertyEditorUIBlockGridAreasConfigElement = class UmbPropertyEditorUIBl
         this.#context = new UmbBlockGridAreaTypeEntriesContext(this);
         // local vars:
         this.#defaultAreaGridColumns = 12;
+        this.#sorter = new UmbSorterController(this, {
+            itemSelector: 'umb-block-area-config-entry',
+            containerSelector: '.umb-block-grid__area-container',
+            resolvePlacement: UmbSorterResolvePlacementAsGrid,
+            getUniqueOfElement: (element) => {
+                return element.key;
+            },
+            getUniqueOfModel: (modelEntry) => {
+                return modelEntry.key;
+            },
+            onChange: ({ model }) => {
+                const oldValue = this._value;
+                this._value = model;
+                this.requestUpdate('_value', oldValue);
+                this.dispatchEvent(new UmbChangeEvent());
+            },
+        });
         this._value = [];
         new UmbModalRouteRegistrationController(this, UMB_BLOCK_GRID_AREA_TYPE_WORKSPACE_MODAL)
             .addAdditionalPath('block-grid-area-type')
@@ -103,6 +124,13 @@ let UmbPropertyEditorUIBlockGridAreasConfigElement = class UmbPropertyEditorUIBl
 					<uui-button look="placeholder" label=${'Add area'} href=${this._workspacePath + 'create'}></uui-button>`
             : '';
     }
+    static { this.styles = [
+        css `
+			.umb-block-grid__area {
+				cursor: move;
+			}
+		`,
+    ]; }
 };
 __decorate([
     property({ type: Array })

package/dist-cms/packages/block/block-grid/property-editors/block-grid-editor/property-editor-ui-block-grid.element.d.ts

@@ -20,7 +20,7 @@ export declare class UmbPropertyEditorUIBlockGridElement extends UmbPropertyEdit
     private _layoutColumns?;
     set value(value: UmbBlockGridValueModel | undefined);
     get value(): UmbBlockGridValueModel | undefined;
-    _notSupportedVariantSetting?: boolean;
+    private _notSupportedVariantSetting?;
     constructor();
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     render(): typeof nothing | import("lit-html").TemplateResult<1>;

package/dist-cms/packages/block/block-grid/property-editors/block-grid-type-configuration/property-editor-ui-block-grid-type-configuration.element.d.ts

@@ -1,6 +1,7 @@
 import type { UmbBlockTypeWithGroupKey } from '@umbraco-cms/backoffice/block-type';
 import type { UmbPropertyEditorUiElement, UmbPropertyEditorConfigCollection } from '@umbraco-cms/backoffice/property-editor';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import '@umbraco-cms/backoffice/block-type';
 /**
  * @element umb-property-editor-ui-block-grid-type-configuration
  */
@@ -8,7 +9,7 @@ export declare class UmbPropertyEditorUIBlockGridTypeConfigurationElement extend
     #private;
     get value(): Array<UmbBlockTypeWithGroupKey>;
     set value(value: Array<UmbBlockTypeWithGroupKey>);
-    _alias?: string;
+    private _alias?;
     config?: UmbPropertyEditorConfigCollection;
     private _groupsWithBlockTypes;
     private _notGroupedBlockTypes;

package/dist-cms/packages/block/block-grid/property-editors/block-grid-type-configuration/property-editor-ui-block-grid-type-configuration.element.js

@@ -14,6 +14,8 @@ import { UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/rou
 import { UmbSorterController } from '@umbraco-cms/backoffice/sorter';
 import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
 import { umbConfirmModal } from '@umbraco-cms/backoffice/modal';
+// TODO: This is across packages, how should we go about getting just a single element from another package? like here we just need the `umb-input-block-type` element.
+import '@umbraco-cms/backoffice/block-type';
 /**
  * @element umb-property-editor-ui-block-grid-type-configuration
  */

package/dist-cms/packages/block/block-grid/property-value-cloner/property-value-cloner-block-grid.cloner.d.ts

@@ -3,6 +3,6 @@ import { UmbBlockPropertyValueCloner, type UmbBlockPropertyValueClonerArgs } fro
 export declare class UmbBlockGridPropertyValueCloner extends UmbBlockPropertyValueCloner<UmbBlockGridValueModel, UmbBlockGridLayoutModel> {
     #private;
     constructor(args: UmbBlockPropertyValueClonerArgs);
-    _cloneLayout(layouts: Array<UmbBlockGridLayoutModel> | undefined): Promise<Array<UmbBlockGridLayoutModel> | undefined> | undefined;
+    protected _cloneLayout(layouts: Array<UmbBlockGridLayoutModel> | undefined): Promise<Array<UmbBlockGridLayoutModel> | undefined> | undefined;
 }
 export { UmbBlockGridPropertyValueCloner as api };

package/dist-cms/packages/block/block-grid/workspace/views/block-grid-type-workspace-view-areas.element.d.ts

@@ -1,10 +1,9 @@
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { nothing } from '@umbraco-cms/backoffice/external/lit';
 import type { UmbWorkspaceViewElement } from '@umbraco-cms/backoffice/workspace';
-import type { UmbPropertyEditorConfig } from '@umbraco-cms/backoffice/property-editor';
 export declare class UmbBlockGridTypeWorkspaceViewAreasElement extends UmbLitElement implements UmbWorkspaceViewElement {
-    _areaColumnsConfigurationObject?: UmbPropertyEditorConfig;
-    _areaConfigConfigurationObject?: UmbPropertyEditorConfig;
+    private _areaColumnsConfigurationObject?;
+    private _areaConfigConfigurationObject?;
     constructor();
     render(): typeof nothing | import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

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

@@ -1,8 +1,6 @@
-import type { UmbBlockListLayoutModel } from '../../types.js';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { nothing } from '@umbraco-cms/backoffice/external/lit';
 import type { UmbPropertyEditorUiElement } from '@umbraco-cms/backoffice/property-editor';
-import type { UmbBlockEditorCustomViewProperties } from '@umbraco-cms/backoffice/block-custom-view';
 import '../ref-list-block/index.js';
 import '../inline-list-block/index.js';
 import '../unsupported-list-block/index.js';
@@ -16,21 +14,21 @@ export declare class UmbBlockListEntryElement extends UmbLitElement implements U
     get contentKey(): string | undefined;
     set contentKey(value: string | undefined);
     private _contentKey?;
-    _contentTypeAlias?: string;
-    _contentTypeName?: string;
-    _showContentEdit: boolean;
-    _hasSettings: boolean;
-    _label: string;
-    _icon?: string;
-    _exposed?: boolean;
-    _unsupported?: boolean;
-    _showActions?: boolean;
-    _workspaceEditContentPath?: string;
-    _workspaceEditSettingsPath?: string;
-    _inlineEditingMode?: boolean;
-    _contentInvalid?: boolean;
-    _settingsInvalid?: boolean;
-    _blockViewProps: UmbBlockEditorCustomViewProperties<UmbBlockListLayoutModel>;
+    private _contentTypeAlias?;
+    private _contentTypeName?;
+    private _showContentEdit;
+    private _hasSettings;
+    private _label;
+    private _icon?;
+    private _exposed?;
+    private _unsupported?;
+    private _showActions?;
+    private _workspaceEditContentPath?;
+    private _workspaceEditSettingsPath?;
+    private _inlineEditingMode?;
+    private _contentInvalid?;
+    private _settingsInvalid?;
+    private _blockViewProps;
     private _isReadOnly;
     constructor();
     connectedCallback(): void;

package/dist-cms/packages/block/block-list/components/inline-list-block/inline-list-block.element.d.ts

@@ -1,5 +1,5 @@
-import { type UmbBlockDataType } from '@umbraco-cms/backoffice/block';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import type { UmbBlockDataType } from '@umbraco-cms/backoffice/block';
 import '../../../block/workspace/views/edit/block-workspace-view-edit-content-no-router.element.js';
 /**
  * @element umb-inline-list-block
@@ -10,8 +10,9 @@ export declare class UmbInlineListBlockElement extends UmbLitElement {
     icon?: string;
     unpublished?: boolean;
     content?: UmbBlockDataType;
+    settings?: UmbBlockDataType;
     private _exposed?;
-    _isOpen: boolean;
+    private _isOpen;
     private _ownerContentTypeName?;
     private _variantName?;
     constructor();

package/dist-cms/packages/block/block-list/components/inline-list-block/inline-list-block.element.js

@@ -5,14 +5,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UMB_BLOCK_LIST_ENTRY_CONTEXT } from '../../context/index.js';
-import { UMB_BLOCK_WORKSPACE_ALIAS, } from '@umbraco-cms/backoffice/block';
-import { UmbExtensionApiInitializer, UmbExtensionsApiInitializer, } from '@umbraco-cms/backoffice/extension-api';
+import { UMB_BLOCK_WORKSPACE_ALIAS } from '@umbraco-cms/backoffice/block';
+import { css, customElement, html, nothing, property, state, when } from '@umbraco-cms/backoffice/external/lit';
+import { UmbExtensionApiInitializer, UmbExtensionsApiInitializer } from '@umbraco-cms/backoffice/extension-api';
 import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
-import { css, customElement, html, nothing, property, state } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLanguageItemRepository } from '@umbraco-cms/backoffice/language';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import '../../../block/workspace/views/edit/block-workspace-view-edit-content-no-router.element.js';
-import { UmbLanguageItemRepository } from '@umbraco-cms/backoffice/language';
 const apiArgsCreator = (manifest) => {
     return [{ manifest }];
 };
@@ -97,20 +97,19 @@ let UmbInlineListBlockElement = class UmbInlineListBlockElement extends UmbLitEl
 		`;
     }
     #renderBlockInfo() {
+        const blockValue = { ...this.content, $settings: this.settings };
         return html `
 			<span id="content">
 				<span id="icon">
 					<umb-icon .name=${this.icon}></umb-icon>
 				</span>
 				<div id="info">
-					<umb-ufm-render id="name" inline .markdown=${this.label} .value=${this.content}></umb-ufm-render>
+					<umb-ufm-render id="name" inline .markdown=${this.label} .value=${blockValue}></umb-ufm-render>
 				</div>
 			</span>
-			${this.unpublished
-            ? html `<uui-tag slot="name" look="secondary" title=${this.localize.term('blockEditor_notExposedDescription')}
+			${when(this.unpublished, () => html `<uui-tag slot="name" look="secondary" title=${this.localize.term('blockEditor_notExposedDescription')}
 						><umb-localize key="blockEditor_notExposedLabel"></umb-localize
-					></uui-tag>`
-            : nothing}
+					></uui-tag>`)}
 		`;
     }
     #renderInside() {
@@ -268,6 +267,9 @@ __decorate([
 __decorate([
     property({ attribute: false })
 ], UmbInlineListBlockElement.prototype, "content", void 0);
+__decorate([
+    property({ attribute: false })
+], UmbInlineListBlockElement.prototype, "settings", void 0);
 __decorate([
     state()
 ], UmbInlineListBlockElement.prototype, "_exposed", void 0);

package/dist-cms/packages/block/block-list/components/ref-list-block/ref-list-block.element.d.ts

@@ -7,6 +7,7 @@ export declare class UmbRefListBlockElement extends UmbLitElement {
     icon?: string;
     unpublished?: boolean;
     content?: UmbBlockDataType;
+    settings?: UmbBlockDataType;
     config?: UmbBlockEditorCustomViewConfiguration;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

package/dist-cms/packages/block/block-list/components/ref-list-block/ref-list-block.element.js

@@ -4,20 +4,19 @@ 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 { css, customElement, html, nothing, property } from '@umbraco-cms/backoffice/external/lit';
+import { css, customElement, html, property, when } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import '@umbraco-cms/backoffice/ufm';
 let UmbRefListBlockElement = class UmbRefListBlockElement extends UmbLitElement {
     render() {
+        const blockValue = { ...this.content, $settings: this.settings };
         return html `
 			<uui-ref-node standalone href=${(this.config?.showContentEdit ? this.config?.editContentPath : undefined) ?? ''}>
 				<umb-icon slot="icon" .name=${this.icon}></umb-icon>
-				<umb-ufm-render slot="name" inline .markdown=${this.label} .value=${this.content}></umb-ufm-render>
-				${this.unpublished
-            ? html `<uui-tag slot="name" look="secondary" title=${this.localize.term('blockEditor_notExposedDescription')}
+				<umb-ufm-render slot="name" inline .markdown=${this.label} .value=${blockValue}></umb-ufm-render>
+				${when(this.unpublished, () => html `<uui-tag slot="name" look="secondary" title=${this.localize.term('blockEditor_notExposedDescription')}
 							><umb-localize key="blockEditor_notExposedLabel"></umb-localize
-						></uui-tag>`
-            : nothing}
+						></uui-tag>`)}
 			</uui-ref-node>
 		`;
     }
@@ -51,6 +50,9 @@ __decorate([
 __decorate([
     property({ attribute: false })
 ], UmbRefListBlockElement.prototype, "content", void 0);
+__decorate([
+    property({ attribute: false })
+], UmbRefListBlockElement.prototype, "settings", void 0);
 __decorate([
     property({ attribute: false })
 ], UmbRefListBlockElement.prototype, "config", void 0);

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

@@ -8,7 +8,7 @@ export declare class UmbBlockListEntryContext extends UmbBlockEntryContext<typeo
     readonly forceHideContentEditorInOverlay: import("rxjs").Observable<boolean | undefined>;
     readonly showContentEdit: import("rxjs").Observable<boolean>;
     constructor(host: UmbControllerHost);
-    _gotManager(): void;
-    _gotEntries(): void;
-    _gotContentType(): void;
+    protected _gotManager(): void;
+    protected _gotEntries(): void;
+    protected _gotContentType(): void;
 }