@umbraco-cms/backoffice 18.0.0-beta2 → 18.0.0-rc1

package/dist-cms/packages/core/entity-bulk-action/common/bulk-delete/bulk-delete.action.kind.js

@@ -1,4 +1,5 @@
 import { UMB_ENTITY_BULK_ACTION_DEFAULT_KIND_MANIFEST } from '../../default/default.action.kind.js';
+import { UmbDeleteEntityBulkAction } from './bulk-delete.action.js';
 export const UMB_ENTITY_BULK_ACTION_DELETE_KIND = 'delete';
 export const UMB_ENTITY_BULK_ACTION_DELETE_KIND_MANIFEST = {
     type: 'kind',
@@ -9,7 +10,7 @@ export const UMB_ENTITY_BULK_ACTION_DELETE_KIND_MANIFEST = {
         ...UMB_ENTITY_BULK_ACTION_DEFAULT_KIND_MANIFEST.manifest,
         type: 'entityBulkAction',
         kind: UMB_ENTITY_BULK_ACTION_DELETE_KIND,
-        api: () => import('./bulk-delete.action.js'),
+        api: UmbDeleteEntityBulkAction,
         weight: 1100,
         meta: {
             icon: 'icon-trash',

package/dist-cms/packages/core/entity-bulk-action/common/duplicate-to/duplicate-to-repository.interface.d.ts

@@ -1,4 +1,4 @@
-import type { UmbRepositoryErrorResponse } from '../../../repository/types.js';
+import type { UmbRepositoryErrorResponse } from '../../../repository/index.js';
 import type { UmbBulkDuplicateToRequestArgs } from './types.js';
 import type { UmbApi } from '../../../../../libs/extension-api/index.js';
 export interface UmbBulkDuplicateToRepository extends UmbApi {

package/dist-cms/packages/core/entity-bulk-action/common/duplicate-to/duplicate-to.action.kind.js

@@ -1,4 +1,5 @@
 import { UMB_ENTITY_BULK_ACTION_DEFAULT_KIND_MANIFEST } from '../../default/default.action.kind.js';
+import { UmbMediaDuplicateEntityBulkAction } from './duplicate-to.action.js';
 export const manifest = {
     type: 'kind',
     alias: 'Umb.Kind.EntityBulkAction.DuplicateTo',
@@ -8,7 +9,7 @@ export const manifest = {
         ...UMB_ENTITY_BULK_ACTION_DEFAULT_KIND_MANIFEST.manifest,
         type: 'entityBulkAction',
         kind: 'duplicateTo',
-        api: () => import('./duplicate-to.action.js'),
+        api: UmbMediaDuplicateEntityBulkAction,
         weight: 700,
         forEntityTypes: [],
         meta: {

package/dist-cms/packages/core/entity-bulk-action/common/move-to/move-to-repository.interface.d.ts

@@ -1,4 +1,4 @@
-import type { UmbRepositoryErrorResponse } from '../../../repository/types.js';
+import type { UmbRepositoryErrorResponse } from '../../../repository/index.js';
 import type { UmbBulkMoveToRequestArgs } from './types.js';
 import type { UmbApi } from '../../../../../libs/extension-api/index.js';
 export interface UmbBulkMoveToRepository extends UmbApi {

package/dist-cms/packages/core/entity-bulk-action/common/move-to/move-to.action.kind.js

@@ -1,4 +1,5 @@
 import { UMB_ENTITY_BULK_ACTION_DEFAULT_KIND_MANIFEST } from '../../default/default.action.kind.js';
+import { UmbMediaMoveEntityBulkAction } from './move-to.action.js';
 export const manifest = {
     type: 'kind',
     alias: 'Umb.Kind.EntityBulkAction.MoveTo',
@@ -8,7 +9,7 @@ export const manifest = {
         ...UMB_ENTITY_BULK_ACTION_DEFAULT_KIND_MANIFEST.manifest,
         type: 'entityBulkAction',
         kind: 'moveTo',
-        api: () => import('./move-to.action.js'),
+        api: UmbMediaMoveEntityBulkAction,
         weight: 700,
         forEntityTypes: [],
         meta: {

package/dist-cms/packages/core/entity-bulk-action/default/default.action.kind.js

@@ -1,3 +1,4 @@
+import UmbEntityBulkActionDefaultElement from '../entity-bulk-action.element.js';
 export const UMB_ENTITY_BULK_ACTION_DEFAULT_KIND_MANIFEST = {
     type: 'kind',
     alias: 'Umb.Kind.EntityBulkAction.Default',
@@ -7,7 +8,7 @@ export const UMB_ENTITY_BULK_ACTION_DEFAULT_KIND_MANIFEST = {
         type: 'entityBulkAction',
         kind: 'default',
         weight: 1000,
-        element: () => import('../entity-bulk-action.element.js'),
+        element: UmbEntityBulkActionDefaultElement,
         meta: {
             icon: '',
             label: 'Default Entity Bulk Action',

package/dist-cms/packages/core/entity-sign/components/entity-sign-bundle.element.d.ts

@@ -1,4 +1,4 @@
-import { UmbLitElement } from '../../lit-element/lit-element.element.js';
+import { UmbLitElement } from '../../lit-element/index.js';
 import type { UmbEntityFlag } from '../../entity-flag/index.js';
 export declare class UmbEntitySignBundleElement extends UmbLitElement {
     #private;

package/dist-cms/packages/core/entity-sign/components/entity-sign-bundle.element.js

@@ -4,7 +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 { UmbLitElement } from '../../lit-element/lit-element.element.js';
+import { UmbLitElement } from '../../lit-element/index.js';
 import { customElement, html, nothing, property, repeat, state, css } from '../../../../external/lit/index.js';
 import { UmbExtensionsElementAndApiInitializer, createExtensionElementWithApi, } from '../../../../libs/extension-api/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';

package/dist-cms/packages/core/extension/collection/manifests.js

@@ -1,6 +1,7 @@
 import { UMB_EXTENSION_COLLECTION_REPOSITORY_ALIAS } from './repository/index.js';
 import { manifests as collectionRepositoryManifests } from './repository/manifests.js';
 import { manifests as collectionViewManifests } from './views/manifests.js';
+import UmbExtensionCollectionElement from './extension-collection.element.js';
 export const UMB_EXTENSION_COLLECTION_ALIAS = 'Umb.Collection.Extension';
 export const manifests = [
     {
@@ -8,7 +9,7 @@ export const manifests = [
         kind: 'default',
         alias: UMB_EXTENSION_COLLECTION_ALIAS,
         name: 'Extension Collection',
-        element: () => import('./extension-collection.element.js'),
+        element: UmbExtensionCollectionElement,
         meta: {
             repositoryAlias: UMB_EXTENSION_COLLECTION_REPOSITORY_ALIAS,
         },

package/dist-cms/packages/core/extension/collection/repository/manifests.js

@@ -1,9 +1,10 @@
+import { UmbExtensionCollectionRepository } from './extension-collection.repository.js';
 export const UMB_EXTENSION_COLLECTION_REPOSITORY_ALIAS = 'Umb.Repository.ExtensionCollection';
 export const manifests = [
     {
         type: 'repository',
         alias: UMB_EXTENSION_COLLECTION_REPOSITORY_ALIAS,
         name: 'Extension Collection Repository',
-        api: () => import('./extension-collection.repository.js'),
+        api: UmbExtensionCollectionRepository,
     },
 ];

package/dist-cms/packages/core/extension/collection/views/manifests.js

@@ -1,10 +1,11 @@
 import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../collection/index.js';
+import UmbExtensionTableCollectionViewElement from './table/extension-table-collection-view.element.js';
 export const manifests = [
     {
         type: 'collectionView',
         alias: 'Umb.CollectionView.Extension.Table',
         name: 'Extension Table Collection View',
-        element: () => import('./table/extension-table-collection-view.element.js'),
+        element: UmbExtensionTableCollectionViewElement,
         meta: {
             label: 'Table',
             icon: 'icon-table',

package/dist-cms/packages/core/extension/item/data/manifests.js

@@ -1,10 +1,11 @@
 import { UmbExtensionItemStore } from './item.store.js';
+import { UmbExtensionItemRepository } from './item.repository.js';
 export const manifests = [
     {
         type: 'repository',
         alias: 'Umb.Repository.ExtensionItem',
         name: 'Extension Item Repository',
-        api: () => import('./item.repository.js'),
+        api: UmbExtensionItemRepository,
     },
     {
         type: 'itemStore',

package/dist-cms/packages/core/extension/unregister/entity-action/manifests.d.ts

@@ -1,9 +1,10 @@
+import { UmbUnregisterExtensionEntityAction } from './unregister-extension.action.js';
 export declare const manifests: {
     type: string;
     kind: string;
     alias: string;
     name: string;
-    api: () => Promise<typeof import("./unregister-extension.action.js")>;
+    api: typeof UmbUnregisterExtensionEntityAction;
     forEntityTypes: string[];
     meta: {
         label: string;

package/dist-cms/packages/core/extension/unregister/entity-action/manifests.js

@@ -1,11 +1,12 @@
 import { UMB_EXTENSION_ENTITY_TYPE } from '../../entity.js';
+import { UmbUnregisterExtensionEntityAction } from './unregister-extension.action.js';
 export const manifests = [
     {
         type: 'entityAction',
         kind: 'default',
         alias: 'Umb.EntityAction.Extension.Unregister',
         name: 'Unregister Extension Entity Action',
-        api: () => import('./unregister-extension.action.js'),
+        api: UmbUnregisterExtensionEntityAction,
         forEntityTypes: [UMB_EXTENSION_ENTITY_TYPE],
         meta: {
             label: 'Unregister',

package/dist-cms/packages/core/extension/unregister/manifests.d.ts

@@ -3,7 +3,7 @@ export declare const manifests: {
     kind: string;
     alias: string;
     name: string;
-    api: () => Promise<typeof import("./entity-action/unregister-extension.action.js")>;
+    api: typeof import("./entity-action/unregister-extension.action.js").UmbUnregisterExtensionEntityAction;
     forEntityTypes: string[];
     meta: {
         label: string;

package/dist-cms/packages/core/extension-registry/conditions/index.d.ts

@@ -1,4 +1,4 @@
-export { UmbDelayCondition } from './delay.condition.js';
-export { UmbSwitchCondition } from './switch.condition.js';
+export { UmbDelayCondition, type DelayConditionConfig } from './delay.condition.js';
+export { UmbSwitchCondition, type SwitchConditionConfig } from './switch.condition.js';
 export { UmbConditionBase } from './condition-base.controller.js';
 export type { UmbCoreConditionConfigs } from './types.js';

package/dist-cms/packages/core/hint/context/hint.controller.d.ts

@@ -1,4 +1,4 @@
-import type { UmbPartialSome } from '../../utils/type/index.js';
+import type { UmbPartialSome } from '../../utils/index.js';
 import type { UmbHint, UmbIncomingHintBase } from '../types.js';
 import { UmbControllerBase, type UmbClassInterface } from '../../../../libs/class-api/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';

package/dist-cms/packages/core/icon-registry/icon-picker-modal/manifests.js

@@ -1,8 +1,9 @@
+import UmbIconPickerModalElement from './icon-picker-modal.element.js';
 export const manifests = [
     {
         type: 'modal',
         alias: 'Umb.Modal.IconPicker',
         name: 'Icon Picker Modal',
-        element: () => import('./icon-picker-modal.element.js'),
+        element: UmbIconPickerModalElement,
     },
 ];

package/dist-cms/packages/core/localization/registry/localization.registry.d.ts

@@ -11,7 +11,7 @@ export declare class UmbLocalizationRegistry {
     constructor(extensionRegistry: UmbBackofficeExtensionRegistry);
     /**
      * Load a language from the extension registry.
-     * @param {string} locale The locale to load.
+     * @param {string} locale The locale to load. Invalid or empty input falls back to the default culture.
      */
     loadLanguage(locale: string): void;
     destroy(): void;

package/dist-cms/packages/core/localization/registry/localization.registry.js

@@ -1,4 +1,4 @@
-import { catchError, distinctUntilChanged, filter, from, map, of, switchMap, } from '../../../../external/rxjs/index.js';
+import { catchError, distinctUntilChanged, filter, from, map, of, switchMap, tap, } from '../../../../external/rxjs/index.js';
 import { hasDefaultExport, loadManifestPlainJs } from '../../../../libs/extension-api/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
 import { umbLocalizationManager, UMB_DEFAULT_LOCALIZATION_CULTURE } from '../../../../libs/localization-api/index.js';
@@ -14,7 +14,38 @@ function addOrUpdateDictionary(innerDictionary, dictionaryName, dictionary) {
         innerDictionary[`${dictionaryName}_${key}`] = value;
     }
 }
+/**
+ * Returns the canonical form of the given locale, or the default culture if the input is empty or
+ * cannot be canonicalised. `Intl.getCanonicalLocales` throws RangeError for malformed input so we
+ * intentionally swallow it here — a misconfigured DefaultUILanguage should fall back, not crash.
+ * @param {string} locale - the locale to canonicalise.
+ * @returns {string} the canonical locale, or the default culture if invalid.
+ */
+function toCanonicalLocale(locale) {
+    if (!locale)
+        return UMB_DEFAULT_LOCALIZATION_CULTURE;
+    try {
+        return Intl.getCanonicalLocales(locale)[0] ?? UMB_DEFAULT_LOCALIZATION_CULTURE;
+    }
+    catch {
+        return UMB_DEFAULT_LOCALIZATION_CULTURE;
+    }
+}
+/**
+ * Returns the lowercase BCP-47 base name (`language[-script][-region]`) of a locale tag, e.g.
+ * `'en-US'` → `'en-us'`, `'zh-Hant-TW'` → `'zh-hant-tw'`. The input is expected to already be
+ * a canonical locale (use {@link toCanonicalLocale} first if it might not be).
+ * @param {string} locale - the locale to extract the base name from.
+ * @returns {string} the lowercase base name of the locale.
+ */
+function baseLocaleOf(locale) {
+    return new Intl.Locale(locale).baseName.toLowerCase();
+}
 export class UmbLocalizationRegistry {
+    // The active language is driven by the consuming host element (<umb-app>, <umb-auth>) via
+    // `loadLanguage()` — Razor sets `lang="@DefaultUILanguage"` on those, the element passes
+    // it through on connect, and current-user.context takes over after login. The default here
+    // is just the bootstrap value before any host has connected.
     #currentLanguage;
     /**
      * Get the current registered translations.
@@ -25,7 +56,11 @@ export class UmbLocalizationRegistry {
     }
     #subscription;
     constructor(extensionRegistry) {
-        this.#currentLanguage = new UmbStringState(document.documentElement.lang !== '' ? document.documentElement.lang : UMB_DEFAULT_LOCALIZATION_CULTURE);
+        // The active language is driven by the consuming host element (<umb-app>, <umb-auth>) via
+        // `loadLanguage()` — Razor sets `lang="@DefaultUILanguage"` on those, the element passes
+        // it through on connect, and current-user.context takes over after login. The default here
+        // is just the bootstrap value before any host has connected.
+        this.#currentLanguage = new UmbStringState(UMB_DEFAULT_LOCALIZATION_CULTURE);
         this.currentLanguage = this.#currentLanguage.asObservable();
         this.#loadExtension = async (extension) => {
             const innerDictionary = {};
@@ -60,15 +95,28 @@ export class UmbLocalizationRegistry {
         filter((currentLanguage) => !!currentLanguage), 
         // Use distinctUntilChanged to avoid unnecessary re-renders when the language hasn't changed
         distinctUntilChanged(), 
+        // Mirror the active language onto the manager synchronously, so a fresh element
+        // rendering between now and the async translation load picks up the requested
+        // language on its first render. Direction and the actual consumer notification
+        // happen below, once the dictionaries are in place.
+        tap((currentLanguage) => {
+            umbLocalizationManager.documentLanguage = baseLocaleOf(currentLanguage);
+        }), 
         // Switch to the extensions registry to get the current language and the extensions for that language
         // Note: This also cancels the previous subscription if the language changes
         switchMap((currentLanguage) => {
             return extensionRegistry.byType('localization').pipe(
-            // Filter the extensions to only those that match the current language
+            // Filter the extensions to those matching the current language; we also always
+            // include the default culture so the manager has it available as a key-level
+            // fallback when the active language is missing a translation.
             map((extensions) => {
                 locale = new Intl.Locale(currentLanguage);
-                return extensions.filter((ext) => ext.meta.culture.toLowerCase() === locale.baseName.toLowerCase() ||
-                    ext.meta.culture.toLowerCase() === locale.language.toLowerCase());
+                const baseName = locale.baseName.toLowerCase();
+                const language = locale.language.toLowerCase();
+                return extensions.filter((ext) => {
+                    const culture = ext.meta.culture.toLowerCase();
+                    return culture === UMB_DEFAULT_LOCALIZATION_CULTURE || culture === baseName || culture === language;
+                });
             }));
         }), 
         // Ensure we only process extensions that are registered
@@ -104,35 +152,25 @@ export class UmbLocalizationRegistry {
         }))
             // Subscribe to the observable to trigger the loading of translations
             .subscribe();
-        // Always register the fallback language (en) to ensure there is always at least one language available
-        this.loadLanguage(UMB_DEFAULT_LOCALIZATION_CULTURE);
     }
     #loadExtension;
     #setBrowserLanguage(locale, translations) {
-        // Set the document language
         const newLang = locale.baseName.toLowerCase();
-        if (document.documentElement.lang.toLowerCase() !== newLang) {
-            document.documentElement.lang = newLang;
-        }
-        // We need to find the direction of the new language, so we look for the best match
-        // If the new language is not found, we default to 'ltr'
+        // Regional match wins, then language-only match, then default to LTR.
         const reverseTranslations = translations.slice().reverse();
-        // Look for a direct match first
-        const directMatch = reverseTranslations.find((t) => t.$code.toLowerCase() === newLang);
-        if (directMatch) {
-            document.documentElement.dir = directMatch.$dir;
-            return;
-        }
-        // If no direct match, look for a match with the language code only
-        const langOnlyDirectMatch = reverseTranslations.find((t) => t.$code.toLowerCase() === locale.language.toLowerCase());
-        if (langOnlyDirectMatch) {
-            document.documentElement.dir = langOnlyDirectMatch.$dir;
-            return;
-        }
-        // If no match is found, default to 'ltr'
-        if (document.documentElement.dir !== 'ltr') {
-            document.documentElement.dir = 'ltr';
+        const bestMatch = reverseTranslations.find((t) => t.$code.toLowerCase() === newLang) ??
+            reverseTranslations.find((t) => t.$code.toLowerCase() === locale.language.toLowerCase());
+        const direction = bestMatch?.$dir ?? 'ltr';
+        if (document.documentElement.dir !== direction) {
+            document.documentElement.dir = direction;
         }
+        // Write the active language and direction onto the manager, then tell every connected
+        // controller to re-render against the freshly loaded dictionaries. Inlined here because
+        // it's the only place this happens — no need for another public method on the manager
+        // that we'd just have to retire when the manager and registry get merged.
+        umbLocalizationManager.documentLanguage = newLang;
+        umbLocalizationManager.documentDirection = direction;
+        umbLocalizationManager.connectedControllers.forEach((ctrl) => ctrl.documentUpdate());
     }
     #arraysEqual(a, b) {
         if (a.length !== b.length)
@@ -145,11 +183,10 @@ export class UmbLocalizationRegistry {
     }
     /**
      * Load a language from the extension registry.
-     * @param {string} locale The locale to load.
+     * @param {string} locale The locale to load. Invalid or empty input falls back to the default culture.
      */
     loadLanguage(locale) {
-        const canonicalLocale = Intl.getCanonicalLocales(locale)[0];
-        this.#currentLanguage.setValue(canonicalLocale);
+        this.#currentLanguage.setValue(toCanonicalLocale(locale));
     }
     destroy() {
         this.#subscription.unsubscribe();

package/dist-cms/packages/core/menu/components/menu-item/action/manifests.js

@@ -1,3 +1,5 @@
+import UmbActionMenuItemApi from './action-menu-item.api.js';
+import UmbActionMenuItemElement from './action-menu-item.element.js';
 export const manifests = [
     {
         type: 'kind',
@@ -7,8 +9,8 @@ export const manifests = [
         manifest: {
             type: 'menuItem',
             kind: 'action',
-            api: () => import('./action-menu-item.api.js'),
-            element: () => import('./action-menu-item.element.js'),
+            api: UmbActionMenuItemApi,
+            element: UmbActionMenuItemElement,
         },
     },
 ];

package/dist-cms/packages/core/menu/components/menu-item/link/manifests.js

@@ -1,3 +1,4 @@
+import { UmbLinkMenuItemElement } from './link-menu-item.element.js';
 export const manifests = [
     {
         type: 'kind',
@@ -6,7 +7,7 @@ export const manifests = [
         matchType: 'menuItem',
         manifest: {
             type: 'menuItem',
-            element: () => import('./link-menu-item.element.js'),
+            element: UmbLinkMenuItemElement,
         },
     },
 ];

package/dist-cms/packages/core/menu/conditions/menu-alias.condition.d.ts

@@ -1,4 +1,4 @@
-import { UmbConditionBase } from '../../extension-registry/conditions/condition-base.controller.js';
+import { UmbConditionBase } from '../../extension-registry/index.js';
 import type { MenuAliasConditionConfig } from './types.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 import type { ManifestCondition, UmbConditionControllerArguments, UmbExtensionCondition } from '../../../../libs/extension-api/index.js';

package/dist-cms/packages/core/menu/conditions/menu-alias.condition.js

@@ -1,4 +1,4 @@
-import { UmbConditionBase } from '../../extension-registry/conditions/condition-base.controller.js';
+import { UmbConditionBase } from '../../extension-registry/index.js';
 export class UmbMenuAliasCondition extends UmbConditionBase {
     constructor(host, args) {
         super(host, args);

package/dist-cms/packages/core/menu/section-sidebar-menu/global-context/manifests.js

@@ -1,8 +1,9 @@
+import { UmbSectionSidebarMenuGlobalContext } from './section-sidebar-menu.global-context.js';
 export const manifests = [
     {
         type: 'globalContext',
         alias: 'Umb.GlobalContext.SectionSidebarMenu',
         name: 'Section Sidebar Menu Global Context',
-        api: () => import('./section-sidebar-menu.global-context.js'),
+        api: UmbSectionSidebarMenuGlobalContext,
     },
 ];

package/dist-cms/packages/core/menu/section-sidebar-menu/manifests.js

@@ -1,5 +1,6 @@
 import { manifests as sectionContextManifests } from './section-context/manifests.js';
 import { manifests as globalContextManifests } from './global-context/manifests.js';
+import UmbSectionSidebarMenuElement from './section-sidebar-menu.element.js';
 export const manifests = [
     {
         type: 'kind',
@@ -8,7 +9,7 @@ export const manifests = [
         matchType: 'sectionSidebarApp',
         manifest: {
             type: 'sectionSidebarApp',
-            element: () => import('./section-sidebar-menu.element.js'),
+            element: UmbSectionSidebarMenuElement,
         },
     },
     ...sectionContextManifests,

package/dist-cms/packages/core/menu/section-sidebar-menu/section-context/manifests.js

@@ -1,8 +1,9 @@
+import { UmbSectionSidebarMenuSectionContext } from './section-sidebar-menu.section-context.js';
 export const manifests = [
     {
         type: 'sectionContext',
         alias: 'Umb.SectionContext.SectionSidebarMenu',
         name: 'Section Sidebar Menu Section Context',
-        api: () => import('./section-sidebar-menu.section-context.js'),
+        api: UmbSectionSidebarMenuSectionContext,
     },
 ];

package/dist-cms/packages/core/menu/section-sidebar-menu-with-entity-actions/manifests.js

@@ -1,3 +1,4 @@
+import UmbSectionSidebarMenuWithEntityActionsElement from './section-sidebar-menu-with-entity-actions.element.js';
 export const manifests = [
     {
         type: 'kind',
@@ -6,7 +7,7 @@ export const manifests = [
         matchType: 'sectionSidebarApp',
         manifest: {
             type: 'sectionSidebarApp',
-            element: () => import('./section-sidebar-menu-with-entity-actions.element.js'),
+            element: UmbSectionSidebarMenuWithEntityActionsElement,
         },
     },
 ];

package/dist-cms/packages/core/modal/common/confirm/manifests.js

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

package/dist-cms/packages/core/modal/common/discard-changes/manifests.js

@@ -1,8 +1,9 @@
+import { UmbDiscardChangesModalElement } from './discard-changes-modal.element.js';
 export const manifests = [
     {
         type: 'modal',
         alias: 'Umb.Modal.DiscardChanges',
         name: 'Discard Changes Modal',
-        element: () => import('./discard-changes-modal.element.js'),
+        element: UmbDiscardChangesModalElement,
     },
 ];

package/dist-cms/packages/core/modal/common/error-viewer/manifest.js

@@ -1,8 +1,9 @@
+import UmbErrorViewerModalElement from './error-viewer-modal.element.js';
 export const manifests = [
     {
         type: 'modal',
         alias: 'Umb.Modal.ErrorViewer',
         name: 'Error Viewer Modal',
-        element: () => import('./error-viewer-modal.element.js'),
+        element: UmbErrorViewerModalElement,
     },
 ];

package/dist-cms/packages/core/modal/common/info/manifests.js

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

package/dist-cms/packages/core/modal/common/item-picker/manifests.js

@@ -1,8 +1,9 @@
+import UmbItemPickerModalElement from './item-picker-modal.element.js';
 export const manifests = [
     {
         type: 'modal',
         alias: 'Umb.Modal.ItemPicker',
         name: 'Item Picker Modal',
-        element: () => import('./item-picker-modal.element.js'),
+        element: UmbItemPickerModalElement,
     },
 ];

package/dist-cms/packages/core/picker/search/result-item/default/manifests.js

@@ -1,3 +1,5 @@
+import { UmbDefaultPickerSearchResultItemContext } from './default-picker-search-result-item.context.js';
+import { UmbDefaultPickerSearchResultItemElement } from './default-picker-search-result-item.element.js';
 export const manifests = [
     {
         type: 'kind',
@@ -6,8 +8,8 @@ export const manifests = [
         matchType: 'pickerSearchResultItem',
         manifest: {
             type: 'pickerSearchResultItem',
-            api: () => import('./default-picker-search-result-item.context.js'),
-            element: () => import('./default-picker-search-result-item.element.js'),
+            api: UmbDefaultPickerSearchResultItemContext,
+            element: UmbDefaultPickerSearchResultItemElement,
         },
     },
 ];

package/dist-cms/packages/core/picker-data-source/data-source/types.d.ts

@@ -1,8 +1,16 @@
-import type { UmbItemModel } from '../../entity-item/index.js';
+import type { UmbItemDataResolver, UmbItemModel } from '../../entity-item/index.js';
 import type { UmbApi } from '../../../../libs/extension-api/index.js';
 import type { UmbItemRepository } from '../../repository/index.js';
 import type { UmbConfigCollectionModel } from '../../utils/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 export interface UmbPickerDataSource<PickedItemType extends UmbItemModel = UmbItemModel> extends UmbItemRepository<PickedItemType>, UmbApi {
     setConfig?(config: UmbConfigCollectionModel | undefined): void;
     getConfig?(): UmbConfigCollectionModel | undefined;
+    /**
+     * Creates an item data resolver for this data source, bound to the given host.
+     * Pass the consuming element or context as host so the resolver can reach local DOM contexts (e.g. `UMB_VARIANT_CONTEXT`).
+     * @param {UmbControllerHost} host The controller host of the picker consumer.
+     * @returns {UmbItemDataResolver} A resolver that can provide the display name, icon, and other metadata for an item.
+     */
+    createItemDataResolver?(host: UmbControllerHost): UmbItemDataResolver;
 }

package/dist-cms/packages/core/property/conditions/has-value/manifests.js

@@ -1,9 +1,10 @@
 import { UMB_PROPERTY_HAS_VALUE_CONDITION_ALIAS } from './constants.js';
+import { UmbPropertyHasValueCondition } from './has-value.condition.js';
 export const manifests = [
     {
         type: 'condition',
         name: 'Property Has Value Condition',
         alias: UMB_PROPERTY_HAS_VALUE_CONDITION_ALIAS,
-        api: () => import('./has-value.condition.js'),
+        api: UmbPropertyHasValueCondition,
     },
 ];

package/dist-cms/packages/core/property/conditions/writable/manifests.js

@@ -1,9 +1,10 @@
 import { UMB_WRITABLE_PROPERTY_CONDITION_ALIAS } from './constants.js';
+import { UmbWritablePropertyCondition } from './writable-property.condition.js';
 export const manifests = [
     {
         type: 'condition',
         name: 'Writable Property Condition',
         alias: UMB_WRITABLE_PROPERTY_CONDITION_ALIAS,
-        api: () => import('./writable-property.condition.js'),
+        api: UmbWritablePropertyCondition,
     },
 ];