@umbraco-cms/backoffice 18.2.0 → 18.3.0-rc

package/dist-cms/external/uui/package.json

@@ -6,6 +6,6 @@
         "build": "vite build"
     },
     "dependencies": {
-        "@umbraco-ui/uui": "^2.0.2"
+        "@umbraco-ui/uui": "^2.1.1"
     }
 }

package/dist-cms/libs/localization-api/known-keys.const.generated.js

@@ -83,6 +83,7 @@ export const KNOWN_LOCALIZATION_KEYS = [
     'actions_refreshNode',
     'actions_remove',
     'actions_rename',
+    'actions_replace',
     'actions_republish',
     'actions_resendInvite',
     'actions_restore',
@@ -396,6 +397,7 @@ export const KNOWN_LOCALIZATION_KEYS = [
     'clipboard_labelForCopyAllEntries',
     'clipboard_labelForCopyToClipboard',
     'clipboard_labelForRemoveAllEntries',
+    'clipboard_noItemsMessage',
     'codeEditor_heightConfigDescription',
     'codeEditor_heightConfigLabel',
     'codeEditor_label',
@@ -411,6 +413,8 @@ export const KNOWN_LOCALIZATION_KEYS = [
     'codefile_deleteItemFailed',
     'collection_addCollectionConfiguration',
     'collection_cardViewLabel',
+    'collection_gridViewLabel',
+    'collection_listViewLabel',
     'collection_noItemsTitle',
     'collection_tableViewLabel',
     'colorpicker_noColors',
@@ -1183,6 +1187,7 @@ export const KNOWN_LOCALIZATION_KEYS = [
     'general_status',
     'general_submit',
     'general_success',
+    'general_switchView',
     'general_systemField',
     'general_to',
     'general_toggleFor',
@@ -1487,9 +1492,11 @@ export const KNOWN_LOCALIZATION_KEYS = [
     'logViewer_searchOurUmbraco',
     'logViewer_searchOurUmbracoForumsUsingGoogle',
     'logViewer_searchOurUmbracoWithGoogle',
+    'logViewer_searchThisMessageInUmbracoDocs',
     'logViewer_searchThisMessageOnOurUmbracoForumsAndDocs',
     'logViewer_searchThisMessageWithBing',
     'logViewer_searchThisMessageWithGoogle',
+    'logViewer_searchUmbracoDocs',
     'logViewer_searchUmbracoIssues',
     'logViewer_searchUmbracoIssuesOnGithub',
     'logViewer_searchUmbracoSource',
@@ -1720,6 +1727,8 @@ export const KNOWN_LOCALIZATION_KEYS = [
     'placeholders_usernameHint',
     'preview_connectionFailed',
     'preview_connectionLost',
+    'preview_connectionReconnecting',
+    'preview_connectionRestored',
     'preview_endLabel',
     'preview_endTitle',
     'preview_openWebsiteLabel',
@@ -1848,6 +1857,7 @@ export const KNOWN_LOCALIZATION_KEYS = [
     'references_labelUsedByMediaTypes',
     'references_labelUsedByMembers',
     'references_labelUsedByMemberTypes',
+    'references_labelUsedByOtherContent',
     'references_labelUsedDescendants',
     'references_labelUsedItems',
     'references_listViewDialogWarning',
@@ -1916,6 +1926,7 @@ export const KNOWN_LOCALIZATION_KEYS = [
     'rte_config_overlaySize_description',
     'rte_label',
     'scripts_editscript',
+    'scripts_tabCode',
     'sections_content',
     'sections_library',
     'sections_marketplace',
@@ -1978,10 +1989,21 @@ export const KNOWN_LOCALIZATION_KEYS = [
     'shortcuts_toggleAllowAsRoot',
     'shortcuts_toggleAllowCultureVariants',
     'shortcuts_toggleListView',
+    'sort_sortByFieldAscending',
+    'sort_sortByFieldCreateDateOption',
+    'sort_sortByFieldCultureLabel',
+    'sort_sortByFieldCultureSentence',
+    'sort_sortByFieldDescending',
+    'sort_sortByFieldDirectionLabel',
+    'sort_sortByFieldHeadline',
+    'sort_sortByFieldNameOption',
+    'sort_sortByFieldSentence',
+    'sort_sortByFieldUpdateDateOption',
     'sort_sortCreationDate',
     'sort_sortDone',
     'sort_sortEmptyState',
     'sort_sortHelp',
+    'sort_sortIndividuallyHeadline',
     'sort_sortOrder',
     'sort_sortPleaseWait',
     'speechBubbles_cannotCopyInformation',
@@ -2193,6 +2215,7 @@ export const KNOWN_LOCALIZATION_KEYS = [
     'template_sectionMandatoryDesc',
     'template_sectionName',
     'template_systemFields',
+    'template_tabCode',
     'template_template',
     'template_websiteRoot',
     'template_where',
@@ -2441,11 +2464,15 @@ export const KNOWN_LOCALIZATION_KEYS = [
     'user_deleteUserConfirmation',
     'user_descriptionField',
     'user_disabled',
+    'user_disableUserConfirmation',
+    'user_disableUserHeadline',
     'user_documentType',
     'user_duplicateLogin',
     'user_editors',
     'user_emailDescription',
     'user_emailRequired',
+    'user_enableUserConfirmation',
+    'user_enableUserHeadline',
     'user_entityPermissionsDescription',
     'user_entityPermissionsLabel',
     'user_excerptField',
@@ -2545,7 +2572,10 @@ export const KNOWN_LOCALIZATION_KEYS = [
     'user_stateInactive',
     'user_stateInvited',
     'user_stateLockedOut',
+    'user_type',
     'user_unknownFailure',
+    'user_unlockUserConfirmation',
+    'user_unlockUserHeadline',
     'user_updateDate',
     'user_userCreated',
     'user_userCreatedApiSuccessHelp',

package/dist-cms/libs/localization-api/known-keys.types.generated.d.ts

@@ -93,6 +93,7 @@ declare global {
         actions_refreshNode: string;
         actions_remove: string;
         actions_rename: string;
+        actions_replace: string;
         actions_republish: string;
         actions_resendInvite: string;
         actions_restore: string;
@@ -406,6 +407,7 @@ declare global {
         clipboard_labelForCopyAllEntries: string;
         clipboard_labelForCopyToClipboard: string;
         clipboard_labelForRemoveAllEntries: string;
+        clipboard_noItemsMessage: string;
         codeEditor_heightConfigDescription: string;
         codeEditor_heightConfigLabel: string;
         codeEditor_label: string;
@@ -421,6 +423,8 @@ declare global {
         codefile_deleteItemFailed: string;
         collection_addCollectionConfiguration: string;
         collection_cardViewLabel: string;
+        collection_gridViewLabel: string;
+        collection_listViewLabel: string;
         collection_noItemsTitle: string;
         collection_tableViewLabel: string;
         colorpicker_noColors: string;
@@ -1193,6 +1197,7 @@ declare global {
         general_status: string;
         general_submit: string;
         general_success: string;
+        general_switchView: string;
         general_systemField: string;
         general_to: string;
         general_toggleFor: string;
@@ -1497,9 +1502,11 @@ declare global {
         logViewer_searchOurUmbraco: string;
         logViewer_searchOurUmbracoForumsUsingGoogle: string;
         logViewer_searchOurUmbracoWithGoogle: string;
+        logViewer_searchThisMessageInUmbracoDocs: string;
         logViewer_searchThisMessageOnOurUmbracoForumsAndDocs: string;
         logViewer_searchThisMessageWithBing: string;
         logViewer_searchThisMessageWithGoogle: string;
+        logViewer_searchUmbracoDocs: string;
         logViewer_searchUmbracoIssues: string;
         logViewer_searchUmbracoIssuesOnGithub: string;
         logViewer_searchUmbracoSource: string;
@@ -1730,6 +1737,8 @@ declare global {
         placeholders_usernameHint: string;
         preview_connectionFailed: string;
         preview_connectionLost: string;
+        preview_connectionReconnecting: string;
+        preview_connectionRestored: string;
         preview_endLabel: string;
         preview_endTitle: string;
         preview_openWebsiteLabel: string;
@@ -1858,6 +1867,7 @@ declare global {
         references_labelUsedByMediaTypes: string;
         references_labelUsedByMembers: string;
         references_labelUsedByMemberTypes: string;
+        references_labelUsedByOtherContent: string;
         references_labelUsedDescendants: string;
         references_labelUsedItems: string;
         references_listViewDialogWarning: string;
@@ -1926,6 +1936,7 @@ declare global {
         rte_config_overlaySize_description: string;
         rte_label: string;
         scripts_editscript: string;
+        scripts_tabCode: string;
         sections_content: string;
         sections_library: string;
         sections_marketplace: string;
@@ -1988,10 +1999,21 @@ declare global {
         shortcuts_toggleAllowAsRoot: string;
         shortcuts_toggleAllowCultureVariants: string;
         shortcuts_toggleListView: string;
+        sort_sortByFieldAscending: string;
+        sort_sortByFieldCreateDateOption: string;
+        sort_sortByFieldCultureLabel: string;
+        sort_sortByFieldCultureSentence: string;
+        sort_sortByFieldDescending: string;
+        sort_sortByFieldDirectionLabel: string;
+        sort_sortByFieldHeadline: string;
+        sort_sortByFieldNameOption: string;
+        sort_sortByFieldSentence: string;
+        sort_sortByFieldUpdateDateOption: string;
         sort_sortCreationDate: string;
         sort_sortDone: string;
         sort_sortEmptyState: string;
         sort_sortHelp: string;
+        sort_sortIndividuallyHeadline: string;
         sort_sortOrder: string;
         sort_sortPleaseWait: string;
         speechBubbles_cannotCopyInformation: string;
@@ -2203,6 +2225,7 @@ declare global {
         template_sectionMandatoryDesc: string;
         template_sectionName: string;
         template_systemFields: string;
+        template_tabCode: string;
         template_template: string;
         template_websiteRoot: string;
         template_where: string;
@@ -2451,11 +2474,15 @@ declare global {
         user_deleteUserConfirmation: string;
         user_descriptionField: string;
         user_disabled: string;
+        user_disableUserConfirmation: string;
+        user_disableUserHeadline: (name: string) => string;
         user_documentType: string;
         user_duplicateLogin: string;
         user_editors: string;
         user_emailDescription: (usernameIsEmail: boolean) => string;
         user_emailRequired: string;
+        user_enableUserConfirmation: string;
+        user_enableUserHeadline: (name: string) => string;
         user_entityPermissionsDescription: string;
         user_entityPermissionsLabel: string;
         user_excerptField: string;
@@ -2555,7 +2582,10 @@ declare global {
         user_stateInactive: string;
         user_stateInvited: string;
         user_stateLockedOut: string;
+        user_type: string;
         user_unknownFailure: string;
+        user_unlockUserConfirmation: string;
+        user_unlockUserHeadline: (name: string) => string;
         user_updateDate: string;
         user_userCreated: string;
         user_userCreatedApiSuccessHelp: string;

package/dist-cms/libs/localization-api/localization.manager.d.ts

@@ -32,12 +32,21 @@ export declare class UmbLocalizationManager {
     connectedControllers: Set<UmbLocalizationConsumer>;
     localizations: Map<string, UmbLocalizationSetBase>;
     /**
-     * The currently active language and direction. Read-only from a consumer perspective —
+     * The direction of the currently active language. Read-only from a consumer perspective —
      * to change the active language, call `umbLocalizationRegistry.loadLanguage(locale)`.
-     * The fields stay publicly writable for the registry's pipeline; consumers writing here
+     * The field stays publicly writable for the registry's pipeline; consumers writing here
      * directly will only sync the field without loading the matching dictionaries.
      */
     documentDirection: 'ltr' | 'rtl';
+    /**
+     * The locale used for locale-sensitive formatting, such as dates and numbers.
+     *
+     * This is not necessarily the locale that was requested. Where the region `Intl` infers from
+     * a language-only tag does not match the dictionary registered under that tag, the registry
+     * corrects it — a bare `en`, for example, is served as `en-gb`.
+     *
+     * Read-only from a consumer perspective, as with {@link documentDirection}.
+     */
     documentLanguage: string;
     get fallback(): UmbLocalizationSet | undefined;
     appendConsumer(consumer: UmbLocalizationConsumer): void;

package/dist-cms/libs/localization-api/localization.manager.js

@@ -14,12 +14,21 @@ export class UmbLocalizationManager {
         this.#requestUpdateChangedKeysId = undefined;
         this.localizations = new Map();
         /**
-         * The currently active language and direction. Read-only from a consumer perspective —
+         * The direction of the currently active language. Read-only from a consumer perspective —
          * to change the active language, call `umbLocalizationRegistry.loadLanguage(locale)`.
-         * The fields stay publicly writable for the registry's pipeline; consumers writing here
+         * The field stays publicly writable for the registry's pipeline; consumers writing here
          * directly will only sync the field without loading the matching dictionaries.
          */
         this.documentDirection = document.documentElement.dir || 'ltr';
+        /**
+         * The locale used for locale-sensitive formatting, such as dates and numbers.
+         *
+         * This is not necessarily the locale that was requested. Where the region `Intl` infers from
+         * a language-only tag does not match the dictionary registered under that tag, the registry
+         * corrects it — a bare `en`, for example, is served as `en-gb`.
+         *
+         * Read-only from a consumer perspective, as with {@link documentDirection}.
+         */
         this.documentLanguage = document.documentElement.lang || navigator.language;
         this.#registerLocalizationBind = this.registerLocalization.bind(this);
         this.#updateChangedKeys = () => {

package/dist-cms/packages/block/block/action/block-action.interface.d.ts

@@ -1,9 +1,18 @@
 import type { UmbBlockActionArgs } from './types.js';
+import type { Observable } from '../../../../libs/observable-api/index.js';
 import type { UmbAction } from '../../../core/action/index.js';
 export interface UmbBlockAction<ArgsMetaType> extends UmbAction<UmbBlockActionArgs<ArgsMetaType>> {
+    /**
+     * Optional, but recommended, observable for the href location, the action will act as a link.
+     * The `execute` method will not be called.
+     * @returns {Promise<Observable<string | undefined> | undefined> | undefined}
+     */
+    getHrefObservable?: () => Promise<Observable<string | undefined> | undefined> | undefined;
     /**
      * The href location, the action will act as a link.
      * The `execute` method will not be called.
+     * Kept alongside `getHrefObservable` for actions whose href never changes after resolving once;
+     * implement the observable variant instead when the href can change during the action's lifetime.
      * @returns {Promise<string | undefined>}
      */
     getHref(): Promise<string | undefined>;
@@ -13,10 +22,18 @@ export interface UmbBlockAction<ArgsMetaType> extends UmbAction<UmbBlockActionAr
      */
     execute(): Promise<void>;
     /**
+     * @deprecated Use `getValidationDataPathObservable()` instead. Optional validation data path for displaying an invalid badge on the action button.
      * Optional validation data path for displaying an invalid badge on the action button.
      * When provided, the default kind element creates a validation state controller
      * and renders a badge when validation messages exist at the given path.
      * @returns {Promise<string | undefined>}
      */
     getValidationDataPath(): Promise<string | undefined>;
+    /**
+     * Optional validation data path observable for displaying an invalid badge on the action button.
+     * When provided, the default kind element creates a validation state controller
+     * and renders a badge when validation messages exist at the given path.
+     * @returns {Promise<Observable<string | undefined> | undefined> | undefined}
+     */
+    getValidationDataPathObservable?(): Promise<Observable<string | undefined> | undefined> | undefined;
 }

package/dist-cms/packages/block/block/action/common/copy-to-clipboard/copy-to-clipboard-block.action.d.ts

@@ -1,13 +1,9 @@
 import type { MetaBlockActionDefaultKind } from '../../default/types.js';
-import type { UmbBlockActionArgs } from '../../types.js';
 import { UmbBlockActionBase } from '../../block-action-base.js';
-import type { UmbControllerHost } from '../../../../../../libs/controller-api/index.js';
 /**
  * Block action that copies the block entry data to the clipboard via `context.copyToClipboard()`.
  */
 export declare class UmbCopyToClipboardBlockAction extends UmbBlockActionBase<MetaBlockActionDefaultKind> {
-    #private;
-    constructor(host: UmbControllerHost, args: UmbBlockActionArgs<MetaBlockActionDefaultKind>);
     execute(): Promise<void>;
 }
 export { UmbCopyToClipboardBlockAction as api };

package/dist-cms/packages/block/block/action/common/copy-to-clipboard/copy-to-clipboard-block.action.js

@@ -4,15 +4,9 @@ import { UMB_BLOCK_ENTRY_CONTEXT } from '../../../context/block-entry.context-to
  * Block action that copies the block entry data to the clipboard via `context.copyToClipboard()`.
  */
 export class UmbCopyToClipboardBlockAction extends UmbBlockActionBase {
-    #blockEntryContext;
-    constructor(host, args) {
-        super(host, args);
-        this.consumeContext(UMB_BLOCK_ENTRY_CONTEXT, (context) => {
-            this.#blockEntryContext = context;
-        });
-    }
     async execute() {
-        await this.#blockEntryContext?.copyToClipboard();
+        const context = await this.getContext(UMB_BLOCK_ENTRY_CONTEXT);
+        await context?.copyToClipboard();
     }
 }
 export { UmbCopyToClipboardBlockAction as api };

package/dist-cms/packages/block/block/action/common/edit-content/edit-content-block.action.d.ts

@@ -2,6 +2,7 @@ import type { MetaBlockActionDefaultKind } from '../../default/types.js';
 import type { UmbBlockActionArgs } from '../../types.js';
 import { UmbBlockActionBase } from '../../block-action-base.js';
 import type { UmbControllerHost } from '../../../../../../libs/controller-api/index.js';
+import { type Observable } from '../../../../../../libs/observable-api/index.js';
 /**
  * Block action that navigates to the block's content editor workspace.
  * Exposes the workspace edit path via `getHref()` and the content validation data path via `getValidationDataPath()`.
@@ -9,7 +10,7 @@ import type { UmbControllerHost } from '../../../../../../libs/controller-api/in
 export declare class UmbEditContentBlockAction extends UmbBlockActionBase<MetaBlockActionDefaultKind> {
     #private;
     constructor(host: UmbControllerHost, args: UmbBlockActionArgs<MetaBlockActionDefaultKind>);
-    getHref(): Promise<string | undefined>;
-    getValidationDataPath(): Promise<string | undefined>;
+    getHrefObservable(): Promise<Observable<string | undefined> | undefined>;
+    getValidationDataPathObservable(): Promise<Observable<string | undefined> | undefined>;
 }
 export { UmbEditContentBlockAction as api };

package/dist-cms/packages/block/block/action/common/edit-content/edit-content-block.action.js

@@ -1,6 +1,8 @@
 import { UmbBlockActionBase } from '../../block-action-base.js';
-import { UmbDataPathBlockElementDataQuery } from '../../../validation/data-path-element-data-query.function.js';
 import { UMB_BLOCK_ENTRY_CONTEXT } from '../../../context/block-entry.context-token.js';
+import { UmbDataPathGeneratorForBlockElementData } from '../../../validation/index.js';
+import { mergeObservables } from '../../../../../../libs/observable-api/index.js';
+import { UMB_BLOCK_CONTENT_DATA_PATH_PROPERTY_NAME } from '../../../constants.js';
 /**
  * Block action that navigates to the block's content editor workspace.
  * Exposes the workspace edit path via `getHref()` and the content validation data path via `getValidationDataPath()`.
@@ -19,17 +21,19 @@ export class UmbEditContentBlockAction extends UmbBlockActionBase {
             this.#resolveContext();
         });
     }
-    async getHref() {
+    async getHrefObservable() {
         await this.#contextReady;
-        const path = await this.observe(this.#context?.workspaceEditContentPath)?.asPromise();
-        return path || undefined;
+        return this.#context?.workspaceEditContentPath;
     }
-    async getValidationDataPath() {
+    async getValidationDataPathObservable() {
         await this.#contextReady;
-        const contentKey = await this.observe(this.#context?.contentKey)?.asPromise();
-        if (!contentKey)
+        if (!this.#context)
             return undefined;
-        return `$.contentData[${UmbDataPathBlockElementDataQuery({ key: contentKey })}]`;
+        return mergeObservables([this.#context.contentKey], ([contentKey]) => {
+            if (!contentKey)
+                return undefined;
+            return UmbDataPathGeneratorForBlockElementData(UMB_BLOCK_CONTENT_DATA_PATH_PROPERTY_NAME, { key: contentKey });
+        });
     }
 }
 export { UmbEditContentBlockAction as api };

package/dist-cms/packages/block/block/action/common/edit-settings/edit-settings-block.action.d.ts

@@ -2,6 +2,7 @@ import type { MetaBlockActionDefaultKind } from '../../default/types.js';
 import type { UmbBlockActionArgs } from '../../types.js';
 import { UmbBlockActionBase } from '../../block-action-base.js';
 import type { UmbControllerHost } from '../../../../../../libs/controller-api/index.js';
+import { type Observable } from '../../../../../../libs/observable-api/index.js';
 /**
  * Block action that navigates to the block's settings editor workspace.
  * Exposes the workspace edit path via `getHref()` and the settings validation data path via `getValidationDataPath()`.
@@ -9,7 +10,7 @@ import type { UmbControllerHost } from '../../../../../../libs/controller-api/in
 export declare class UmbEditSettingsBlockAction extends UmbBlockActionBase<MetaBlockActionDefaultKind> {
     #private;
     constructor(host: UmbControllerHost, args: UmbBlockActionArgs<MetaBlockActionDefaultKind>);
-    getHref(): Promise<string | undefined>;
-    getValidationDataPath(): Promise<string | undefined>;
+    getHrefObservable(): Promise<Observable<string | undefined> | undefined>;
+    getValidationDataPathObservable(): Promise<Observable<string | undefined> | undefined>;
 }
 export { UmbEditSettingsBlockAction as api };

package/dist-cms/packages/block/block/action/common/edit-settings/edit-settings-block.action.js

@@ -1,6 +1,8 @@
 import { UmbBlockActionBase } from '../../block-action-base.js';
-import { UmbDataPathBlockElementDataQuery } from '../../../validation/data-path-element-data-query.function.js';
 import { UMB_BLOCK_ENTRY_CONTEXT } from '../../../context/block-entry.context-token.js';
+import { UmbDataPathGeneratorForBlockElementData } from '../../../validation/index.js';
+import { mergeObservables } from '../../../../../../libs/observable-api/index.js';
+import { UMB_BLOCK_SETTINGS_DATA_PATH_PROPERTY_NAME } from '../../../constants.js';
 /**
  * Block action that navigates to the block's settings editor workspace.
  * Exposes the workspace edit path via `getHref()` and the settings validation data path via `getValidationDataPath()`.
@@ -19,17 +21,19 @@ export class UmbEditSettingsBlockAction extends UmbBlockActionBase {
             this.#resolveContext();
         });
     }
-    async getHref() {
+    async getHrefObservable() {
         await this.#contextReady;
-        const path = await this.observe(this.#context?.workspaceEditSettingsPath)?.asPromise();
-        return path || undefined;
+        return this.#context?.workspaceEditSettingsPath;
     }
-    async getValidationDataPath() {
+    async getValidationDataPathObservable() {
         await this.#contextReady;
-        const settingsKey = await this.observe(this.#context?.settingsKey)?.asPromise();
-        if (!settingsKey)
+        if (!this.#context)
             return undefined;
-        return `$.settingsData[${UmbDataPathBlockElementDataQuery({ key: settingsKey })}]`;
+        return mergeObservables([this.#context.settingsKey], ([settingsKey]) => {
+            if (!settingsKey)
+                return undefined;
+            return UmbDataPathGeneratorForBlockElementData(UMB_BLOCK_SETTINGS_DATA_PATH_PROPERTY_NAME, { key: settingsKey });
+        });
     }
 }
 export { UmbEditSettingsBlockAction as api };

package/dist-cms/packages/block/block/action/common/expose-content/expose-content-block.action.d.ts

@@ -1,14 +1,10 @@
 import type { MetaBlockActionDefaultKind } from '../../default/types.js';
-import type { UmbBlockActionArgs } from '../../types.js';
 import { UmbBlockActionBase } from '../../block-action-base.js';
-import type { UmbControllerHost } from '../../../../../../libs/controller-api/index.js';
 /**
  * Block action that exposes (creates) the block for the current variant via `context.expose()`.
  * Shown as an alternative to the Edit Content button when the block has not yet been exposed.
  */
 export declare class UmbExposeContentBlockAction extends UmbBlockActionBase<MetaBlockActionDefaultKind> {
-    #private;
-    constructor(host: UmbControllerHost, args: UmbBlockActionArgs<MetaBlockActionDefaultKind>);
     execute(): Promise<void>;
 }
 export { UmbExposeContentBlockAction as api };

package/dist-cms/packages/block/block/action/common/expose-content/expose-content-block.action.js

@@ -5,15 +5,9 @@ import { UMB_BLOCK_ENTRY_CONTEXT } from '../../../context/block-entry.context-to
  * Shown as an alternative to the Edit Content button when the block has not yet been exposed.
  */
 export class UmbExposeContentBlockAction extends UmbBlockActionBase {
-    #context;
-    constructor(host, args) {
-        super(host, args);
-        this.consumeContext(UMB_BLOCK_ENTRY_CONTEXT, (context) => {
-            this.#context = context;
-        });
-    }
     async execute() {
-        this.#context?.expose();
+        const context = await this.getContext(UMB_BLOCK_ENTRY_CONTEXT);
+        context?.expose();
     }
 }
 export { UmbExposeContentBlockAction as api };

package/dist-cms/packages/block/block/action/default/block-action.element.js

@@ -8,6 +8,7 @@ import { css, customElement, html, ifDefined, nothing, property, state, when, }
 import { UmbActionExecutedEvent } from '../../../../core/event/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UmbObserveValidationStateController } from '../../../../core/validation/index.js';
+import { UmbDeprecation } from '../../../../core/utils/index.js';
 /**
  * Default element for the `blockAction` extension type.
  * Renders a `<uui-button>` with icon and validation badge, honoring `href`, `execute`, and `getValidationDataPath` from the action API.
@@ -22,17 +23,51 @@ let UmbBlockActionDefaultElement = class UmbBlockActionDefaultElement extends Um
     set api(api) {
         this.#api = api;
         this._href = undefined;
-        // TODO: getHref() and getValidationDataPath() resolve once. If the underlying observable values
-        // change, the button won't update. Consider making these reactive in a future iteration. [LK]
-        this.#api?.getHref?.().then((href) => {
-            this._href = href;
-        });
-        this.#api?.getValidationDataPath?.().then((path) => {
+        this.#gotApi();
+    }
+    async #gotApi() {
+        // Captured, so we can detect if the api has changed while awaiting async calls.
+        const api = this.#api;
+        // TODO: Ideally the this.observe would accept a Promise<Observable> and handle the async resolution internally, but for now we await it here. [NL]
+        const hrefObservable = await api?.getHrefObservable?.();
+        if (this.#api !== api)
+            return;
+        if (hrefObservable) {
+            this.observe(hrefObservable, (href) => (this._href = href), 'observeHref');
+        }
+        else {
+            this._href = await api?.getHref?.();
+            if (this.#api !== api)
+                return;
+        }
+        let pathObservable = undefined;
+        if (api?.getValidationDataPathObservable) {
+            pathObservable = await api.getValidationDataPathObservable();
+            if (this.#api !== api)
+                return;
+        }
+        this.observe(pathObservable, async (path) => {
             this.removeUmbControllerByAlias('observeValidation');
             if (path) {
                 new UmbObserveValidationStateController(this, path, (hasMessages) => (this._invalid = hasMessages), 'observeValidation');
             }
-        });
+            else {
+                this._invalid = false;
+            }
+        }, 'observeValidationPath');
+        if (api && !pathObservable && !!api.getValidationDataPath) {
+            const path = await api.getValidationDataPath();
+            if (this.#api !== api)
+                return;
+            if (path) {
+                new UmbObserveValidationStateController(this, path, (hasMessages) => (this._invalid = hasMessages), 'observeValidation');
+                new UmbDeprecation({
+                    deprecated: 'Block Action getValidationDataPath is deprecated.',
+                    removeInVersion: '20.0.0',
+                    solution: 'Use getValidationDataPathObservable instead.',
+                }).warn();
+            }
+        }
     }
     async #onClick(event) {
         if (this._href)

package/dist-cms/packages/block/block/constants.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The property name of the Block content data, as used in validation data paths.
+ */
+export declare const UMB_BLOCK_CONTENT_DATA_PATH_PROPERTY_NAME = "contentData";
+/**
+ * The property name of the Block settings data, as used in validation data paths.
+ */
+export declare const UMB_BLOCK_SETTINGS_DATA_PATH_PROPERTY_NAME = "settingsData";

package/dist-cms/packages/block/block/constants.js

@@ -0,0 +1,8 @@
+/**
+ * The property name of the Block content data, as used in validation data paths.
+ */
+export const UMB_BLOCK_CONTENT_DATA_PATH_PROPERTY_NAME = 'contentData';
+/**
+ * The property name of the Block settings data, as used in validation data paths.
+ */
+export const UMB_BLOCK_SETTINGS_DATA_PATH_PROPERTY_NAME = 'settingsData';

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

@@ -51,7 +51,7 @@ export declare abstract class UmbBlockManagerContext<BlockType extends UmbBlockT
      * Set all contents.
      * @param {Array<UmbBlockDataModel>} contents - All contents.
      */
-    setContents(contents: Array<UmbBlockDataModel>): void;
+    setContents(contents: Array<UmbBlockDataModel> | undefined): void;
     /**
      * Get all contents.
      * @returns {Array<UmbBlockDataModel>} - All contents.
@@ -61,7 +61,7 @@ export declare abstract class UmbBlockManagerContext<BlockType extends UmbBlockT
      * Set all settings.
      * @param {Array<UmbBlockDataModel>} settings - All settings.
      */
-    setSettings(settings: Array<UmbBlockDataModel>): void;
+    setSettings(settings: Array<UmbBlockDataModel> | undefined): void;
     /**
      * Get all settings.
      * @returns {Array<UmbBlockDataModel>} - All settings.
@@ -103,9 +103,21 @@ export declare abstract class UmbBlockManagerContext<BlockType extends UmbBlockT
     removeManySettings(settingsKeys: Array<string>): void;
     removeExposesOf(contentKey: string): void;
     removeCurrentExpose(contentKey: string): void;
+    /**
+     * @deprecated this is not working, use the Property Dataset instead.
+     */
     setOneContentProperty(key: string, propertyAlias: string, value: unknown): void;
+    /**
+     * @deprecated this is not working, use the Property Dataset instead.
+     */
     setOneSettingsProperty(key: string, propertyAlias: string, value: unknown): void;
+    /**
+     * @deprecated this is not working, use the Property Dataset instead.
+     */
     contentProperty(key: string, propertyAlias: string): void;
+    /**
+     * @deprecated this is not working, use the Property Dataset instead.
+     */
     settingsProperty(key: string, propertyAlias: string): void;
     abstract createWithPresets(contentElementTypeKey: string, partialLayoutEntry?: Omit<BlockLayoutType, 'contentKey'>, originData?: BlockOriginDataType): Promise<UmbBlockDataObjectModel<BlockLayoutType> | undefined>;
     createBlockSettingsData(contentElementTypeKey: string): Promise<{