@umbraco-cms/backoffice 17.4.1 → 17.5.0-rc

package/dist-cms/packages/core/vite.config.js

@@ -68,6 +68,8 @@ export default defineConfig({
             'tree/index': './tree/index.ts',
             'utils/index': './utils/index.ts',
             'validation/index': './validation/index.ts',
+            'value-summary/index': './value-summary/index.ts',
+            'value-type/index': './value-type/index.ts',
             'variant/index': './variant/index.ts',
             'view/index': './view/index.ts',
             'workspace/index': './workspace/index.ts',

package/dist-cms/packages/core/workspace/components/workspace-action/common/save/save.action.js

@@ -3,6 +3,9 @@ import { UmbWorkspaceActionBase } from '../../workspace-action-base.controller.j
 export class UmbSaveWorkspaceAction extends UmbWorkspaceActionBase {
     constructor(host, args) {
         super(host, args);
+        // Opt in to isExecuting feedback so the workspace-action element waits
+        // for the save modal (when present) before showing the spinner.
+        this.setExecuting(false);
         this._retrieveWorkspaceContext = this.consumeContext(args.workspaceContextToken ?? UMB_SAVEABLE_WORKSPACE_CONTEXT, (context) => {
             this._workspaceContext = context;
             this.#observeUnique();
@@ -27,7 +30,14 @@ export class UmbSaveWorkspaceAction extends UmbWorkspaceActionBase {
         // Override in subclass
     }
     async execute() {
-        await this._retrieveWorkspaceContext;
-        await this._workspaceContext?.requestSave();
+        try {
+            await this._retrieveWorkspaceContext;
+            await this._workspaceContext?.requestSave({
+                onActionStarting: () => this.setExecuting(true),
+            });
+        }
+        finally {
+            this.setExecuting(false);
+        }
     }
 }

package/dist-cms/packages/core/workspace/components/workspace-action/default/manifests.js

@@ -1,3 +1,4 @@
+import UmbWorkspaceActionElement from './workspace-action.element.js';
 export const manifest = {
     type: 'kind',
     alias: 'Umb.Kind.WorkspaceAction.Default',
@@ -7,7 +8,7 @@ export const manifest = {
         type: 'workspaceAction',
         kind: 'default',
         weight: 1000,
-        element: () => import('./workspace-action.element.js'),
+        element: UmbWorkspaceActionElement,
         meta: {
             label: '(Missing label in manifest)',
         },

package/dist-cms/packages/core/workspace/components/workspace-action/default/workspace-action.element.js

@@ -16,6 +16,11 @@ let UmbWorkspaceActionElement = class UmbWorkspaceActionElement extends UmbLitEl
         this._isDisabled = false;
         this._items = [];
         this.#buttonStateResetTimeoutId = null;
+        // When the api exposes an `isExecuting` observable we wait for it to flip
+        // true before showing the waiting state, so the spinner only appears once
+        // real work begins (after any preceding modal/dialog). When absent we fall
+        // back to setting waiting eagerly on click for backwards compatibility.
+        this.#executionStarted = false;
     }
     #manifest;
     #api;
@@ -47,6 +52,11 @@ let UmbWorkspaceActionElement = class UmbWorkspaceActionElement extends UmbLitEl
         return this.#api;
     }
     #buttonStateResetTimeoutId;
+    // When the api exposes an `isExecuting` observable we wait for it to flip
+    // true before showing the waiting state, so the spinner only appears once
+    // real work begins (after any preceding modal/dialog). When absent we fall
+    // back to setting waiting eagerly on click for backwards compatibility.
+    #executionStarted;
     /**
      * Create a list of original and overwritten aliases of workspace actions for the action.
      */
@@ -73,28 +83,57 @@ let UmbWorkspaceActionElement = class UmbWorkspaceActionElement extends UmbLitEl
         if (this._href) {
             event.stopPropagation();
         }
-        // If its a link or has additional options, then we do not want to display state on the button. [NL]
-        if (!this._href) {
-            if (!this._additionalOptions) {
+        else {
+            // _actionApi is typed as the narrower UmbAction; widen to UmbWorkspaceAction
+            // here so we can probe the optional isExecuting observable.
+            const api = (this._actionApi ?? this.#api);
+            await this.#runApiAction(api);
+        }
+        this.dispatchEvent(new UmbActionExecutedEvent());
+    }
+    async #runApiAction(api) {
+        this.#executionStarted = false;
+        // Observe isExecuting on the api we're about to invoke - which may be
+        // _actionApi (set dynamically by subclasses like save-and-preview) or #api.
+        // The shared alias replaces any previous observation so re-clicks track
+        // the right api each time.
+        this.observe(api?.isExecuting, (isExecuting) => {
+            if (isExecuting) {
                 this._buttonState = 'waiting';
+                this.#executionStarted = true;
             }
-            try {
-                const api = this._actionApi ?? this.#api;
-                if (!api)
-                    throw new Error('No api defined');
-                await api.execute();
+        }, 'isExecutingObserver');
+        // If the api doesn't opt in to isExecuting feedback, fall back to
+        // showing the waiting state immediately (legacy behaviour).
+        if (!api?.isExecuting) {
+            this._buttonState = 'waiting';
+            this.#executionStarted = true;
+        }
+        try {
+            if (!api)
+                throw new Error('No api defined');
+            await api.execute();
+            // Only show success if real work actually started. A modal-aware
+            // action that the user cancelled will resolve without ever signalling
+            // execution - in that case we leave the button idle.
+            if (this.#executionStarted) {
                 this._buttonState = 'success';
                 this.#initButtonStateReset();
             }
-            catch (reason) {
-                if (reason) {
-                    console.warn(reason);
-                }
+        }
+        catch (reason) {
+            if (reason) {
+                console.warn(reason);
+            }
+            // Only communicate failures once real work has started. Pre-flight
+            // rejections (e.g. user cancelling a variant-picker modal) leave the
+            // button idle - matching the silent-cancel path of actions that simply
+            // return without rejecting.
+            if (this.#executionStarted) {
                 this._buttonState = 'failed';
                 this.#initButtonStateReset();
             }
         }
-        this.dispatchEvent(new UmbActionExecutedEvent());
     }
     #observeIsDisabled() {
         this.observe(this.#api?.isDisabled, (isDisabled) => {
@@ -102,8 +141,6 @@ let UmbWorkspaceActionElement = class UmbWorkspaceActionElement extends UmbLitEl
         }, 'isDisabledObserver');
     }
     #initButtonStateReset() {
-        /* When the button has additional options, we do not show the waiting state.
-    Therefore, we need to ensure the button state is reset, so we are able to show the success state again. */
         this.#clearButtonStateResetTimeout();
         this.#buttonStateResetTimeoutId = window.setTimeout(() => {
             this._buttonState = undefined;

package/dist-cms/packages/core/workspace/components/workspace-action/workspace-action-base.controller.d.ts

@@ -2,6 +2,7 @@ import type { UmbWorkspaceActionArgs } from './types.js';
 import type { UmbWorkspaceAction } from './workspace-action.interface.js';
 import { UmbBooleanState } from '../../../../../libs/observable-api/index.js';
 import { UmbActionBase } from '../../../action/index.js';
+import type { Observable } from '../../../../../external/rxjs/index.js';
 /**
  * Base class for an workspace action.
  * @abstract
@@ -12,7 +13,9 @@ import { UmbActionBase } from '../../../action/index.js';
  */
 export declare abstract class UmbWorkspaceActionBase<ArgsMetaType = never> extends UmbActionBase<UmbWorkspaceActionArgs<ArgsMetaType>> implements UmbWorkspaceAction<ArgsMetaType> {
     protected _isDisabled: UmbBooleanState<false>;
-    isDisabled: import("rxjs").Observable<boolean>;
+    isDisabled: Observable<boolean>;
+    protected _isExecuting?: UmbBooleanState<boolean>;
+    isExecuting?: Observable<boolean>;
     /**
      * By specifying the href, the action will act as a link.
      * The `execute` method will not be called.
@@ -36,4 +39,21 @@ export declare abstract class UmbWorkspaceActionBase<ArgsMetaType = never> exten
      * @memberof UmbWorkspaceActionBase
      */
     enable(): void;
+    /**
+     * Signals whether `execute()` is currently performing real work. Subclasses
+     * that opt in to modal-aware execution feedback should:
+     *
+     * 1. Call `this.setExecuting(false)` in their constructor so `isExecuting`
+     *    is exposed before the workspace-action element observes it.
+     * 2. Call `this.setExecuting(true)` once any preceding modal has been
+     *    confirmed and real work is about to begin.
+     * 3. Wrap the work in `try/finally` and call `this.setExecuting(false)` on
+     *    completion so the observable honours its contract.
+     *
+     * Subclasses that never call this method keep `isExecuting` undefined,
+     * which signals consumers to fall back to legacy eager-feedback behaviour.
+     * @param {boolean} value - `true` while real work is in flight; `false` otherwise.
+     * @memberof UmbWorkspaceActionBase
+     */
+    protected setExecuting(value: boolean): void;
 }

package/dist-cms/packages/core/workspace/components/workspace-action/workspace-action-base.controller.js

@@ -45,4 +45,27 @@ export class UmbWorkspaceActionBase extends UmbActionBase {
     enable() {
         this._isDisabled.setValue(false);
     }
+    /**
+     * Signals whether `execute()` is currently performing real work. Subclasses
+     * that opt in to modal-aware execution feedback should:
+     *
+     * 1. Call `this.setExecuting(false)` in their constructor so `isExecuting`
+     *    is exposed before the workspace-action element observes it.
+     * 2. Call `this.setExecuting(true)` once any preceding modal has been
+     *    confirmed and real work is about to begin.
+     * 3. Wrap the work in `try/finally` and call `this.setExecuting(false)` on
+     *    completion so the observable honours its contract.
+     *
+     * Subclasses that never call this method keep `isExecuting` undefined,
+     * which signals consumers to fall back to legacy eager-feedback behaviour.
+     * @param {boolean} value - `true` while real work is in flight; `false` otherwise.
+     * @memberof UmbWorkspaceActionBase
+     */
+    setExecuting(value) {
+        if (!this._isExecuting) {
+            this._isExecuting = new UmbBooleanState(false);
+            this.isExecuting = this._isExecuting.asObservable();
+        }
+        this._isExecuting.setValue(value);
+    }
 }

package/dist-cms/packages/core/workspace/components/workspace-action/workspace-action.interface.d.ts

@@ -3,6 +3,18 @@ import type { Observable } from '../../../../../external/rxjs/index.js';
 import type { UmbAction } from '../../../action/index.js';
 export interface UmbWorkspaceAction<ArgsMetaType = never> extends UmbAction<UmbWorkspaceActionArgs<ArgsMetaType>> {
     isDisabled: Observable<boolean>;
+    /**
+     * Emits `true` while `execute()` is performing real work (e.g. after a
+     * preceding modal/dialog has been confirmed) and `false` otherwise.
+     *
+     * Consumers (such as the workspace action element) use this to show
+     * in-flight UI - e.g. a button spinner - only while work is actually
+     * happening, not while a user is interacting with a modal.
+     *
+     * Optional; when not exposed, consumers fall back to assuming work
+     * begins immediately on `execute()`.
+     */
+    isExecuting?: Observable<boolean>;
     /**
      * The href location, the action will act as a link.
      * @returns {Promise<string | undefined>}

package/dist-cms/packages/core/workspace/components/workspace-action-menu-item/default/default.action.kind.js

@@ -1,3 +1,4 @@
+import UmbWorkspaceActionMenuItemElement from './workspace-action-menu-item.element.js';
 export const manifest = {
     type: 'kind',
     alias: 'Umb.Kind.WorkspaceActionMenuItem.Default',
@@ -7,7 +8,7 @@ export const manifest = {
         type: 'workspaceActionMenuItem',
         kind: 'default',
         weight: 1000,
-        element: () => import('./workspace-action-menu-item.element.js'),
+        element: UmbWorkspaceActionMenuItemElement,
         meta: {
             icon: '',
             label: '(Missing label in manifest)',

package/dist-cms/packages/core/workspace/components/workspace-breadcrumb/workspace-menu-breadcrumb/workspace-menu-breadcrumb.kind.js

@@ -1,3 +1,4 @@
+import UmbWorkspaceBreadcrumbElement from './workspace-menu-breadcrumb.element.js';
 export const manifest = {
     type: 'kind',
     alias: 'Umb.Kind.WorkspaceFooterApp.MenuBreadcrumb',
@@ -6,7 +7,7 @@ export const manifest = {
     manifest: {
         type: 'workspaceFooterApp',
         kind: 'menuBreadcrumb',
-        element: () => import('./workspace-menu-breadcrumb.element.js'),
+        element: UmbWorkspaceBreadcrumbElement,
         weight: 1000,
     },
 };

package/dist-cms/packages/core/workspace/components/workspace-breadcrumb/workspace-variant-menu-breadcrumb/workspace-variant-menu-breadcrumb.kind.js

@@ -1,3 +1,4 @@
+import UmbWorkspaceVariantMenuBreadcrumbElement from './workspace-variant-menu-breadcrumb.element.js';
 export const manifest = {
     type: 'kind',
     alias: 'Umb.Kind.WorkspaceFooterApp.VariantMenuBreadcrumb',
@@ -6,7 +7,7 @@ export const manifest = {
     manifest: {
         type: 'workspaceFooterApp',
         kind: 'variantMenuBreadcrumb',
-        element: () => import('./workspace-variant-menu-breadcrumb.element.js'),
+        element: UmbWorkspaceVariantMenuBreadcrumbElement,
         weight: 1000,
     },
 };

package/dist-cms/packages/core/workspace/components/workspace-split-view/workspace-split-view-variant-selector.element.js

@@ -386,7 +386,6 @@ let UmbWorkspaceSplitViewVariantSelectorElement = class UmbWorkspaceSplitViewVar
         const active = this.#isVariantActive(variantId);
         return html `
 			<div class="variant segment-variant ${this.#isVariantActive(variantId) ? 'selected' : ''}">
-				${notCreated ? nothing : html `<div class="expand-area"></div>`}
 				<button
 					class="switch-button ${notCreated ? 'add-mode' : ''} ${this.#isReadOnlyCulture(variantId.culture)
             ? 'readonly-mode'
@@ -568,11 +567,7 @@ let UmbWorkspaceSplitViewVariantSelectorElement = class UmbWorkspaceSplitViewVar
 			}
 
 			.expand-area + .switch-button {
-				padding-left: var(--uui-size-space-3);
-			}
-
-			.segment-variant > .switch-button {
-				padding-left: var(--uui-size-space-6);
+				padding-left: var(--uui-size-space-1);
 			}
 
 			.switch-button:hover {
@@ -613,6 +608,14 @@ let UmbWorkspaceSplitViewVariantSelectorElement = class UmbWorkspaceSplitViewVar
 			.switch-button.add-mode {
 				position: relative;
 				color: var(--uui-palette-dusty-grey-dark);
+				padding-left: var(--uui-size-space-4);
+			}
+
+			.segment-variant > .switch-button {
+				padding-left: var(--uui-size-space-6);
+			}
+			.segment-variant > .switch-button:not(.add-mode) {
+				padding-left: var(--uui-size-16);
 			}
 
 			.switch-button.add-mode:after {
@@ -638,7 +641,7 @@ let UmbWorkspaceSplitViewVariantSelectorElement = class UmbWorkspaceSplitViewVar
 
 			.add-icon {
 				font-size: var(--uui-type-small-size);
-				margin-right: 21px;
+				margin-right: var(--uui-size-space-4);
 			}
 
 			.split-view {

package/dist-cms/packages/core/workspace/conditions/workspace-is-loaded/manifests.js

@@ -1,7 +1,8 @@
 import { UMB_CONTENT_WORKSPACE_IS_LOADED_CONDITION_ALIAS } from './constants.js';
+import { UmbContentWorkspaceIsLoadedCondition } from './workspace-is-loaded.condition.js';
 export const manifest = {
     type: 'condition',
     name: 'Content Workspace Is Loaded Condition',
     alias: UMB_CONTENT_WORKSPACE_IS_LOADED_CONDITION_ALIAS,
-    api: () => import('./workspace-is-loaded.condition.js'),
+    api: UmbContentWorkspaceIsLoadedCondition,
 };

package/dist-cms/packages/core/workspace/contexts/tokens/index.d.ts

@@ -1,4 +1,5 @@
 export * from './entity-workspace.context-token.js';
+export * from './notify-workspace-action-starting.function.js';
 export * from './publishable-workspace.context-token.js';
 export * from './routable-workspace.context-token.js';
 export * from './submittable-tree-entity-workspace.context-token.js';
@@ -14,3 +15,4 @@ export type * from './submittable-tree-entity-workspace-context.interface.js';
 export type * from './submittable-workspace-context.interface.js';
 export type * from './saveable-workspace-context.interface.js';
 export type * from './variant-dataset-workspace-context.interface.js';
+export type * from './workspace-action-execution-options.interface.js';

package/dist-cms/packages/core/workspace/contexts/tokens/index.js

@@ -1,4 +1,5 @@
 export * from './entity-workspace.context-token.js';
+export * from './notify-workspace-action-starting.function.js';
 export * from './publishable-workspace.context-token.js';
 export * from './routable-workspace.context-token.js';
 export * from './submittable-tree-entity-workspace.context-token.js';

package/dist-cms/packages/core/workspace/contexts/tokens/notify-workspace-action-starting.function.d.ts

@@ -0,0 +1,12 @@
+import type { UmbWorkspaceActionExecutionOptions } from './workspace-action-execution-options.interface.js';
+/**
+ * Invokes the `onActionStarting` callback from {@link UmbWorkspaceActionExecutionOptions}
+ * when present, otherwise a no-op.
+ *
+ * Workspace context implementations should call this at the point where the
+ * user has committed to the action (e.g. after a confirmation modal has
+ * resolved with a positive result) so that callers can surface in-flight UI
+ * only while real work is about to begin.
+ * @param {UmbWorkspaceActionExecutionOptions} [options] The execution options forwarded by the caller.
+ */
+export declare function notifyWorkspaceActionStarting(options?: UmbWorkspaceActionExecutionOptions): void;

package/dist-cms/packages/core/workspace/contexts/tokens/notify-workspace-action-starting.function.js

@@ -0,0 +1,13 @@
+/**
+ * Invokes the `onActionStarting` callback from {@link UmbWorkspaceActionExecutionOptions}
+ * when present, otherwise a no-op.
+ *
+ * Workspace context implementations should call this at the point where the
+ * user has committed to the action (e.g. after a confirmation modal has
+ * resolved with a positive result) so that callers can surface in-flight UI
+ * only while real work is about to begin.
+ * @param {UmbWorkspaceActionExecutionOptions} [options] The execution options forwarded by the caller.
+ */
+export function notifyWorkspaceActionStarting(options) {
+    options?.onActionStarting?.();
+}

package/dist-cms/packages/core/workspace/contexts/tokens/publishable-workspace-context.interface.d.ts

@@ -1,6 +1,7 @@
+import type { UmbWorkspaceActionExecutionOptions } from './workspace-action-execution-options.interface.js';
 import type { UmbWorkspaceContext } from '../../workspace-context.interface.js';
 export interface UmbPublishableWorkspaceContext extends UmbWorkspaceContext {
-    saveAndPublish(): Promise<void>;
+    saveAndPublish(options?: UmbWorkspaceActionExecutionOptions): Promise<void>;
     publish(): Promise<void>;
     unpublish(): Promise<void>;
 }

package/dist-cms/packages/core/workspace/contexts/tokens/saveable-workspace-context.interface.d.ts

@@ -1,4 +1,5 @@
+import type { UmbWorkspaceActionExecutionOptions } from './workspace-action-execution-options.interface.js';
 import type { UmbSubmittableWorkspaceContext } from './submittable-workspace-context.interface.js';
 export interface UmbSaveableWorkspaceContext extends UmbSubmittableWorkspaceContext {
-    requestSave(): Promise<void>;
+    requestSave(options?: UmbWorkspaceActionExecutionOptions): Promise<void>;
 }

package/dist-cms/packages/core/workspace/contexts/tokens/variant-dataset-workspace-context.interface.d.ts

@@ -1,5 +1,5 @@
 import type { UmbWorkspaceSplitViewManager } from '../../controllers/workspace-split-view-manager.controller.js';
-import type { UmbPropertyDatasetContext } from '../../../property/property-dataset/property-dataset-context.interface.js';
+import type { UmbPropertyDatasetContext } from '../../../property/index.js';
 import type { UmbSubmittableWorkspaceContext } from './submittable-workspace-context.interface.js';
 import type { Observable } from '../../../../../external/rxjs/index.js';
 import type { UmbVariantId, UmbEntityVariantModel, UmbEntityVariantOptionModel } from '../../../variant/index.js';

package/dist-cms/packages/core/workspace/contexts/tokens/workspace-action-execution-options.interface.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Options for workspace context methods that may open a modal before doing work.
+ */
+export interface UmbWorkspaceActionExecutionOptions {
+    /**
+     * Invoked when the action has passed any preceding modal/dialog and real
+     * work is about to begin. Allows callers (typically workspace actions) to
+     * surface in-flight UI only while work is actually happening.
+     *
+     * When the user cancels a preceding modal, this callback is not invoked.
+     */
+    onActionStarting?: () => void;
+}

package/dist-cms/packages/core/workspace/contexts/tokens/workspace-action-execution-options.interface.js

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

package/dist-cms/packages/core/workspace/entity-detail/entity-detail-workspace-base.js

@@ -164,6 +164,10 @@ export class UmbEntityDetailWorkspaceContextBase extends UmbSubmittableWorkspace
      * @returns { string | undefined } The unique identifier
      */
     getUnique() {
+        // Return undefined before load or create so callers can distinguish "not yet loaded".
+        // TODO: Remove this guard once UmbEntityContext accepts undefined as its initial value.
+        if (this.getData() === undefined && this._getDataPromise === undefined)
+            return undefined;
         return this.#entityContext.getUnique();
     }
     setUnique(unique) {

package/dist-cms/packages/core/workspace/kinds/default/manifests.js

@@ -1,3 +1,5 @@
+import { UmbDefaultWorkspaceElement } from './default-workspace.element.js';
+import { UmbDefaultWorkspaceContext } from './default-workspace.context.js';
 export const manifests = [
     {
         type: 'kind',
@@ -7,8 +9,8 @@ export const manifests = [
         manifest: {
             type: 'workspace',
             kind: 'default',
-            element: () => import('./default-workspace.element.js'),
-            api: () => import('./default-workspace.context.js'),
+            element: UmbDefaultWorkspaceElement,
+            api: UmbDefaultWorkspaceContext,
         },
     },
 ];

package/dist-cms/packages/core/workspace/kinds/routable/routable-workspace.kind.js

@@ -1,3 +1,4 @@
+import UmbRoutableWorkspaceElement from './routable-workspace.element.js';
 export const manifest = {
     type: 'kind',
     alias: 'Umb.Kind.Workspace.Routable',
@@ -6,6 +7,6 @@ export const manifest = {
     manifest: {
         type: 'workspace',
         kind: 'routable',
-        element: () => import('./routable-workspace.element.js'),
+        element: UmbRoutableWorkspaceElement,
     },
 };

package/dist-cms/packages/core/workspace/modals/manifests.js

@@ -1,8 +1,9 @@
+import UmbWorkspaceModalElement from './workspace-modal.element.js';
 export const manifests = [
     {
         type: 'modal',
         alias: 'Umb.Modal.Workspace',
         name: 'Workspace Modal',
-        element: () => import('./workspace-modal.element.js'),
+        element: UmbWorkspaceModalElement,
     },
 ];

package/dist-cms/packages/core/workspace/section-routes/manifests.js

@@ -1,9 +1,11 @@
+import { UmbWorkspaceElement } from '../workspace.element.js';
+import { UmbWorkspaceSectionRouteEntry } from './workspace-section-route.route-entry.js';
 export const manifests = [
     {
         type: 'sectionRoute',
         alias: 'Umb.SectionRoute.Workspace',
         name: 'Workspace Section Route',
-        element: () => import('../workspace.element.js'),
-        api: () => import('./workspace-section-route.route-entry.js'),
+        element: UmbWorkspaceElement,
+        api: UmbWorkspaceSectionRouteEntry,
     },
 ];

package/dist-cms/packages/core/workspace/utils/object-to-property-value-array.function.d.ts

@@ -1,4 +1,4 @@
-import type { UmbPropertyValueData } from '../../property/types.js';
+import type { UmbPropertyValueData } from '../../property/index.js';
 /**
  * @function UmbObjectToPropertyValueArray
  * @param {object} data - an object with properties to be converted.

package/dist-cms/packages/core/workspace/workspace.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 { UmbDefaultWorkspaceContext } from './kinds/default/default-workspace.context.js';
 import { customElement, property, state, html } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../lit-element/index.js';
 import { UmbExtensionsApiInitializer, UmbExtensionsElementAndApiInitializer, } from '../../../libs/extension-api/index.js';
@@ -37,7 +38,7 @@ let UmbWorkspaceElement = class UmbWorkspaceElement extends UmbLitElement {
                 new UmbExtensionsApiInitializer(api, umbExtensionsRegistry, 'workspaceContext', [api]);
             }
         }, undefined, // We can leave the alias to undefined, as we destroy this our selfs.
-        undefined, () => import('./kinds/default/default-workspace.context.js'), { single: true });
+        undefined, UmbDefaultWorkspaceContext, { single: true });
     }
     render() {
         return this._component ?? html `<umb-view-loader></umb-view-loader>`;

package/dist-cms/packages/data-type/components/data-type-flow-input/data-type-flow-input.element.d.ts

@@ -12,6 +12,10 @@ export declare class UmbInputDataTypeElement extends UmbInputDataTypeElement_bas
     #private;
     protected getFormElement(): undefined;
     private _ids?;
+    /**
+     * Optional query string for suggesting property editors.
+     */
+    suggestionQuery?: string;
     /**
      * @param {string} dataTypeId
      * @default

package/dist-cms/packages/data-type/components/data-type-flow-input/data-type-flow-input.element.js

@@ -43,7 +43,7 @@ let UmbInputDataTypeElement = class UmbInputDataTypeElement extends UmbFormContr
         new UmbModalRouteRegistrationController(this, UMB_DATA_TYPE_PICKER_FLOW_MODAL)
             .onSetup(() => {
             return {
-                data: {},
+                data: { suggestionQuery: this.suggestionQuery },
                 value: { selection: this._ids ?? [] },
             };
         })
@@ -108,6 +108,9 @@ let UmbInputDataTypeElement = class UmbInputDataTypeElement extends UmbFormContr
 __decorate([
     state()
 ], UmbInputDataTypeElement.prototype, "_ids", void 0);
+__decorate([
+    property({ type: String })
+], UmbInputDataTypeElement.prototype, "suggestionQuery", void 0);
 __decorate([
     property({ type: String, attribute: false })
 ], UmbInputDataTypeElement.prototype, "value", null);