@umbraco-cms/backoffice 14.0.0-rc2 → 14.0.0-rc3

package/dist-cms/packages/core/collection/components/pagination/collection-pagination.element.js

@@ -4,28 +4,34 @@ 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;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbCollectionPaginationElement_instances, _UmbCollectionPaginationElement_observeCurrentPage, _UmbCollectionPaginationElement_observerTotalPages, _UmbCollectionPaginationElement_onChange;
-import { UMB_DEFAULT_COLLECTION_CONTEXT } from '../../default/collection-default.context.js';
+import { UMB_COLLECTION_CONTEXT } from '../../default/collection-default.context.js';
 import { UmbTextStyles } from '../../../style/index.js';
 import { css, html, customElement, nothing, state } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../lit-element/index.js';
 let UmbCollectionPaginationElement = class UmbCollectionPaginationElement extends UmbLitElement {
     constructor() {
         super();
-        _UmbCollectionPaginationElement_instances.add(this);
         this._totalPages = 1;
         this._currentPage = 1;
-        this.consumeContext(UMB_DEFAULT_COLLECTION_CONTEXT, (instance) => {
+        this.consumeContext(UMB_COLLECTION_CONTEXT, (instance) => {
             this._collectionContext = instance;
-            __classPrivateFieldGet(this, _UmbCollectionPaginationElement_instances, "m", _UmbCollectionPaginationElement_observeCurrentPage).call(this);
-            __classPrivateFieldGet(this, _UmbCollectionPaginationElement_instances, "m", _UmbCollectionPaginationElement_observerTotalPages).call(this);
+            this.#observeCurrentPage();
+            this.#observerTotalPages();
         });
     }
+    #observeCurrentPage() {
+        this.observe(this._collectionContext.pagination.currentPage, (currentPage) => {
+            this._currentPage = currentPage;
+        }, 'umbCurrentPageObserver');
+    }
+    #observerTotalPages() {
+        this.observe(this._collectionContext.pagination.totalPages, (totalPages) => {
+            this._totalPages = totalPages;
+        }, 'umbTotalPagesObserver');
+    }
+    #onChange(event) {
+        this._collectionContext?.pagination.setCurrentPageNumber(event.target.current);
+    }
     render() {
         if (this._totalPages <= 1) {
             return nothing;
@@ -33,32 +39,18 @@ let UmbCollectionPaginationElement = class UmbCollectionPaginationElement extend
         return html `<uui-pagination
 			.current=${this._currentPage}
 			.total=${this._totalPages}
-			@change=${__classPrivateFieldGet(this, _UmbCollectionPaginationElement_instances, "m", _UmbCollectionPaginationElement_onChange)}></uui-pagination>`;
+			@change=${this.#onChange}></uui-pagination>`;
     }
-};
-_UmbCollectionPaginationElement_instances = new WeakSet();
-_UmbCollectionPaginationElement_observeCurrentPage = function _UmbCollectionPaginationElement_observeCurrentPage() {
-    this.observe(this._collectionContext.pagination.currentPage, (currentPage) => {
-        this._currentPage = currentPage;
-    }, 'umbCurrentPageObserver');
-};
-_UmbCollectionPaginationElement_observerTotalPages = function _UmbCollectionPaginationElement_observerTotalPages() {
-    this.observe(this._collectionContext.pagination.totalPages, (totalPages) => {
-        this._totalPages = totalPages;
-    }, 'umbTotalPagesObserver');
-};
-_UmbCollectionPaginationElement_onChange = function _UmbCollectionPaginationElement_onChange(event) {
-    this._collectionContext?.pagination.setCurrentPageNumber(event.target.current);
-};
-UmbCollectionPaginationElement.styles = [
-    UmbTextStyles,
-    css `
+    static { this.styles = [
+        UmbTextStyles,
+        css `
 			:host {
 				display: block;
 				margin-top: var(--uui-size-layout-1);
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     state()
 ], UmbCollectionPaginationElement.prototype, "_totalPages", void 0);

package/dist-cms/packages/core/collection/dashboards/dashboard-collection.element.js

@@ -11,9 +11,8 @@ let UmbDashboardCollectionElement = class UmbDashboardCollectionElement extends
     render() {
         return html `<umb-collection></umb-collection>`;
     }
-};
-UmbDashboardCollectionElement.styles = [
-    css `
+    static { this.styles = [
+        css `
 			:host {
 				display: flex;
 				flex-direction: column;
@@ -22,7 +21,8 @@ UmbDashboardCollectionElement.styles = [
 				height: 100%;
 			}
 		`,
-];
+    ]; }
+};
 UmbDashboardCollectionElement = __decorate([
     customElement('umb-dashboard-collection')
 ], UmbDashboardCollectionElement);

package/dist-cms/packages/core/collection/default/collection-default.context.d.ts

@@ -9,6 +9,7 @@ import type { UmbCollectionFilterModel } from '../index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 export declare class UmbDefaultCollectionContext<CollectionItemType = any, FilterModelType extends UmbCollectionFilterModel = any> extends UmbContextBase<UmbDefaultCollectionContext> implements UmbCollectionContext, UmbApi {
     #private;
+    readonly loading: import("rxjs/internal/Observable").Observable<boolean>;
     readonly items: import("rxjs/internal/Observable").Observable<CollectionItemType[]>;
     readonly totalItems: import("rxjs/internal/Observable").Observable<number>;
     readonly filter: import("rxjs/internal/Observable").Observable<object | FilterModelType>;
@@ -52,4 +53,8 @@ export declare class UmbDefaultCollectionContext<CollectionItemType = any, Filte
     getLastSelectedView(unique: string | undefined): string | undefined;
     setLastSelectedView(unique: string | undefined, viewAlias: string): void;
 }
-export declare const UMB_DEFAULT_COLLECTION_CONTEXT: UmbContextToken<UmbDefaultCollectionContext<any, any>, UmbDefaultCollectionContext<any, any>>;
+export declare const UMB_COLLECTION_CONTEXT: UmbContextToken<UmbDefaultCollectionContext<any, any>, UmbDefaultCollectionContext<any, any>>;
+/**
+ * @deprecated Use UMB_COLLECTION_CONTEXT instead.
+ */
+export { UMB_COLLECTION_CONTEXT as UMB_DEFAULT_COLLECTION_CONTEXT };

package/dist-cms/packages/core/collection/default/collection-default.context.js

@@ -1,15 +1,3 @@
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbDefaultCollectionContext_instances, _UmbDefaultCollectionContext_config, _UmbDefaultCollectionContext_manifest, _UmbDefaultCollectionContext_repository, _UmbDefaultCollectionContext_items, _UmbDefaultCollectionContext_totalItems, _UmbDefaultCollectionContext_filter, _UmbDefaultCollectionContext_userDefinedProperties, _UmbDefaultCollectionContext_viewLayouts, _UmbDefaultCollectionContext_defaultViewAlias, _UmbDefaultCollectionContext_defaultFilter, _UmbDefaultCollectionContext_initResolver, _UmbDefaultCollectionContext_initialized, _UmbDefaultCollectionContext_init, _UmbDefaultCollectionContext_configured, _UmbDefaultCollectionContext_configure, _UmbDefaultCollectionContext_checkIfInitialized, _UmbDefaultCollectionContext_observeRepository, _UmbDefaultCollectionContext_onPageChange;
 import { UmbCollectionViewManager } from '../collection-view.manager.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
 import { UmbArrayState, UmbNumberState, UmbObjectState } from '../../../../libs/observable-api/index.js';
@@ -20,52 +8,100 @@ import { UmbExtensionApiInitializer } from '../../../../libs/extension-api/index
 import { UmbSelectionManager, UmbPaginationManager } from '../../utils/index.js';
 const LOCAL_STORAGE_KEY = 'umb-collection-view';
 export class UmbDefaultCollectionContext extends UmbContextBase {
+    #config;
+    #manifest;
+    #repository;
+    #loading;
+    #items;
+    #totalItems;
+    #filter;
+    #userDefinedProperties;
+    #viewLayouts;
+    #defaultViewAlias;
+    #defaultFilter;
+    #initResolver;
+    #initialized;
+    #init;
     constructor(host, defaultViewAlias, defaultFilter = {}) {
-        super(host, UMB_DEFAULT_COLLECTION_CONTEXT);
-        _UmbDefaultCollectionContext_instances.add(this);
-        _UmbDefaultCollectionContext_config.set(this, { pageSize: 50 });
-        _UmbDefaultCollectionContext_manifest.set(this, void 0);
-        _UmbDefaultCollectionContext_repository.set(this, void 0);
-        _UmbDefaultCollectionContext_items.set(this, new UmbArrayState([], (x) => x));
-        this.items = __classPrivateFieldGet(this, _UmbDefaultCollectionContext_items, "f").asObservable();
-        _UmbDefaultCollectionContext_totalItems.set(this, new UmbNumberState(0));
-        this.totalItems = __classPrivateFieldGet(this, _UmbDefaultCollectionContext_totalItems, "f").asObservable();
-        _UmbDefaultCollectionContext_filter.set(this, new UmbObjectState({}));
-        this.filter = __classPrivateFieldGet(this, _UmbDefaultCollectionContext_filter, "f").asObservable();
-        _UmbDefaultCollectionContext_userDefinedProperties.set(this, new UmbArrayState([], (x) => x.alias));
-        this.userDefinedProperties = __classPrivateFieldGet(this, _UmbDefaultCollectionContext_userDefinedProperties, "f").asObservable();
-        _UmbDefaultCollectionContext_viewLayouts.set(this, new UmbArrayState([], (x) => x.collectionView));
-        this.viewLayouts = __classPrivateFieldGet(this, _UmbDefaultCollectionContext_viewLayouts, "f").asObservable();
+        super(host, UMB_COLLECTION_CONTEXT);
+        this.#config = { pageSize: 50 };
+        this.#loading = new UmbObjectState(false);
+        this.loading = this.#loading.asObservable();
+        this.#items = new UmbArrayState([], (x) => x);
+        this.items = this.#items.asObservable();
+        this.#totalItems = new UmbNumberState(0);
+        this.totalItems = this.#totalItems.asObservable();
+        this.#filter = new UmbObjectState({});
+        this.filter = this.#filter.asObservable();
+        this.#userDefinedProperties = new UmbArrayState([], (x) => x.alias);
+        this.userDefinedProperties = this.#userDefinedProperties.asObservable();
+        this.#viewLayouts = new UmbArrayState([], (x) => x.collectionView);
+        this.viewLayouts = this.#viewLayouts.asObservable();
         this.pagination = new UmbPaginationManager();
         this.selection = new UmbSelectionManager(this);
         this.view = new UmbCollectionViewManager(this);
-        _UmbDefaultCollectionContext_defaultViewAlias.set(this, void 0);
-        _UmbDefaultCollectionContext_defaultFilter.set(this, void 0);
-        _UmbDefaultCollectionContext_initResolver.set(this, void 0);
-        _UmbDefaultCollectionContext_initialized.set(this, false);
-        _UmbDefaultCollectionContext_init.set(this, new Promise((resolve) => {
-            __classPrivateFieldGet(this, _UmbDefaultCollectionContext_initialized, "f") ? resolve() : (__classPrivateFieldSet(this, _UmbDefaultCollectionContext_initResolver, resolve, "f"));
-        }));
-        _UmbDefaultCollectionContext_configured.set(this, false);
-        _UmbDefaultCollectionContext_onPageChange.set(this, (event) => {
+        this.#initialized = false;
+        this.#init = new Promise((resolve) => {
+            this.#initialized ? resolve() : (this.#initResolver = resolve);
+        });
+        this.#configured = false;
+        this.#onPageChange = (event) => {
             const target = event.target;
             const skipFilter = { skip: target.getSkip() };
             this.setFilter(skipFilter);
+        };
+        this.#defaultViewAlias = defaultViewAlias;
+        this.#defaultFilter = defaultFilter;
+        this.pagination.addEventListener(UmbChangeEvent.TYPE, this.#onPageChange);
+    }
+    #configured;
+    #configure() {
+        if (!this.#config)
+            return;
+        this.selection.setMultiple(true);
+        if (this.#config.pageSize) {
+            this.pagination.setPageSize(this.#config.pageSize);
+        }
+        this.#filter.setValue({
+            ...this.#defaultFilter,
+            ...this.#config,
+            ...this.#filter.getValue(),
+            skip: 0,
+            take: this.#config.pageSize,
+        });
+        this.#userDefinedProperties.setValue(this.#config?.userDefinedProperties ?? []);
+        const viewManagerConfig = { defaultViewAlias: this.#defaultViewAlias };
+        if (this.#config.layouts && this.#config.layouts.length > 0) {
+            this.#viewLayouts.setValue(this.#config.layouts);
+            const aliases = this.#config.layouts.map((layout) => layout.collectionView);
+            viewManagerConfig.manifestFilter = (manifest) => aliases.includes(manifest.alias);
+        }
+        this.view.setConfig(viewManagerConfig);
+        this.#configured = true;
+    }
+    #checkIfInitialized() {
+        if (this.#repository) {
+            this.#initialized = true;
+            this.#initResolver?.();
+        }
+    }
+    #observeRepository(repositoryAlias) {
+        new UmbExtensionApiInitializer(this, umbExtensionsRegistry, repositoryAlias, [this._host], (permitted, ctrl) => {
+            this.#repository = permitted ? ctrl.api : undefined;
+            this.#checkIfInitialized();
         });
-        __classPrivateFieldSet(this, _UmbDefaultCollectionContext_defaultViewAlias, defaultViewAlias, "f");
-        __classPrivateFieldSet(this, _UmbDefaultCollectionContext_defaultFilter, defaultFilter, "f");
-        this.pagination.addEventListener(UmbChangeEvent.TYPE, __classPrivateFieldGet(this, _UmbDefaultCollectionContext_onPageChange, "f"));
     }
+    #onPageChange;
     /**
      * Sets the configuration for the collection.
      * @param {UmbCollectionConfiguration} config
      * @memberof UmbCollectionContext
      */
     setConfig(config) {
-        __classPrivateFieldSet(this, _UmbDefaultCollectionContext_config, config, "f");
+        this.#config = config;
     }
     getConfig() {
-        return __classPrivateFieldGet(this, _UmbDefaultCollectionContext_config, "f");
+        return this.#config;
     }
     /**
      * Sets the manifest for the collection.
@@ -73,12 +109,12 @@ export class UmbDefaultCollectionContext extends UmbContextBase {
      * @memberof UmbCollectionContext
      */
     setManifest(manifest) {
-        if (__classPrivateFieldGet(this, _UmbDefaultCollectionContext_manifest, "f") === manifest)
+        if (this.#manifest === manifest)
             return;
-        __classPrivateFieldSet(this, _UmbDefaultCollectionContext_manifest, manifest, "f");
-        if (!__classPrivateFieldGet(this, _UmbDefaultCollectionContext_manifest, "f"))
+        this.#manifest = manifest;
+        if (!this.#manifest)
             return;
-        __classPrivateFieldGet(this, _UmbDefaultCollectionContext_instances, "m", _UmbDefaultCollectionContext_observeRepository).call(this, __classPrivateFieldGet(this, _UmbDefaultCollectionContext_manifest, "f").meta.repositoryAlias);
+        this.#observeRepository(this.#manifest.meta.repositoryAlias);
     }
     /**
      * Returns the manifest for the collection.
@@ -86,7 +122,7 @@ export class UmbDefaultCollectionContext extends UmbContextBase {
      * @memberof UmbCollectionContext
      */
     getManifest() {
-        return __classPrivateFieldGet(this, _UmbDefaultCollectionContext_manifest, "f");
+        return this.#manifest;
     }
     /**
      * Requests the collection from the repository.
@@ -94,18 +130,20 @@ export class UmbDefaultCollectionContext extends UmbContextBase {
      * @memberof UmbCollectionContext
      */
     async requestCollection() {
-        await __classPrivateFieldGet(this, _UmbDefaultCollectionContext_init, "f");
-        if (!__classPrivateFieldGet(this, _UmbDefaultCollectionContext_configured, "f"))
-            __classPrivateFieldGet(this, _UmbDefaultCollectionContext_instances, "m", _UmbDefaultCollectionContext_configure).call(this);
-        if (!__classPrivateFieldGet(this, _UmbDefaultCollectionContext_repository, "f"))
-            throw new Error(`Missing repository for ${__classPrivateFieldGet(this, _UmbDefaultCollectionContext_manifest, "f")}`);
-        const filter = __classPrivateFieldGet(this, _UmbDefaultCollectionContext_filter, "f").getValue();
-        const { data } = await __classPrivateFieldGet(this, _UmbDefaultCollectionContext_repository, "f").requestCollection(filter);
+        await this.#init;
+        if (!this.#configured)
+            this.#configure();
+        if (!this.#repository)
+            throw new Error(`Missing repository for ${this.#manifest}`);
+        this.#loading.setValue(true);
+        const filter = this.#filter.getValue();
+        const { data } = await this.#repository.requestCollection(filter);
         if (data) {
-            __classPrivateFieldGet(this, _UmbDefaultCollectionContext_items, "f").setValue(data.items);
-            __classPrivateFieldGet(this, _UmbDefaultCollectionContext_totalItems, "f").setValue(data.total);
+            this.#items.setValue(data.items);
+            this.#totalItems.setValue(data.total);
             this.pagination.setTotalItems(data.total);
         }
+        this.#loading.setValue(false);
     }
     /**
      * Sets the filter for the collection and refreshes the collection.
@@ -113,7 +151,7 @@ export class UmbDefaultCollectionContext extends UmbContextBase {
      * @memberof UmbCollectionContext
      */
     setFilter(filter) {
-        __classPrivateFieldGet(this, _UmbDefaultCollectionContext_filter, "f").setValue({ ...__classPrivateFieldGet(this, _UmbDefaultCollectionContext_filter, "f").getValue(), ...filter });
+        this.#filter.setValue({ ...this.#filter.getValue(), ...filter });
         this.requestCollection();
     }
     getLastSelectedView(unique) {
@@ -134,38 +172,8 @@ export class UmbDefaultCollectionContext extends UmbContextBase {
         localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(layouts));
     }
 }
-_UmbDefaultCollectionContext_config = new WeakMap(), _UmbDefaultCollectionContext_manifest = new WeakMap(), _UmbDefaultCollectionContext_repository = new WeakMap(), _UmbDefaultCollectionContext_items = new WeakMap(), _UmbDefaultCollectionContext_totalItems = new WeakMap(), _UmbDefaultCollectionContext_filter = new WeakMap(), _UmbDefaultCollectionContext_userDefinedProperties = new WeakMap(), _UmbDefaultCollectionContext_viewLayouts = new WeakMap(), _UmbDefaultCollectionContext_defaultViewAlias = new WeakMap(), _UmbDefaultCollectionContext_defaultFilter = new WeakMap(), _UmbDefaultCollectionContext_initResolver = new WeakMap(), _UmbDefaultCollectionContext_initialized = new WeakMap(), _UmbDefaultCollectionContext_init = new WeakMap(), _UmbDefaultCollectionContext_configured = new WeakMap(), _UmbDefaultCollectionContext_onPageChange = new WeakMap(), _UmbDefaultCollectionContext_instances = new WeakSet(), _UmbDefaultCollectionContext_configure = function _UmbDefaultCollectionContext_configure() {
-    if (!__classPrivateFieldGet(this, _UmbDefaultCollectionContext_config, "f"))
-        return;
-    this.selection.setMultiple(true);
-    if (__classPrivateFieldGet(this, _UmbDefaultCollectionContext_config, "f").pageSize) {
-        this.pagination.setPageSize(__classPrivateFieldGet(this, _UmbDefaultCollectionContext_config, "f").pageSize);
-    }
-    __classPrivateFieldGet(this, _UmbDefaultCollectionContext_filter, "f").setValue({
-        ...__classPrivateFieldGet(this, _UmbDefaultCollectionContext_defaultFilter, "f"),
-        ...__classPrivateFieldGet(this, _UmbDefaultCollectionContext_config, "f"),
-        ...__classPrivateFieldGet(this, _UmbDefaultCollectionContext_filter, "f").getValue(),
-        skip: 0,
-        take: __classPrivateFieldGet(this, _UmbDefaultCollectionContext_config, "f").pageSize,
-    });
-    __classPrivateFieldGet(this, _UmbDefaultCollectionContext_userDefinedProperties, "f").setValue(__classPrivateFieldGet(this, _UmbDefaultCollectionContext_config, "f")?.userDefinedProperties ?? []);
-    const viewManagerConfig = { defaultViewAlias: __classPrivateFieldGet(this, _UmbDefaultCollectionContext_defaultViewAlias, "f") };
-    if (__classPrivateFieldGet(this, _UmbDefaultCollectionContext_config, "f").layouts && __classPrivateFieldGet(this, _UmbDefaultCollectionContext_config, "f").layouts.length > 0) {
-        __classPrivateFieldGet(this, _UmbDefaultCollectionContext_viewLayouts, "f").setValue(__classPrivateFieldGet(this, _UmbDefaultCollectionContext_config, "f").layouts);
-        const aliases = __classPrivateFieldGet(this, _UmbDefaultCollectionContext_config, "f").layouts.map((layout) => layout.collectionView);
-        viewManagerConfig.manifestFilter = (manifest) => aliases.includes(manifest.alias);
-    }
-    this.view.setConfig(viewManagerConfig);
-    __classPrivateFieldSet(this, _UmbDefaultCollectionContext_configured, true, "f");
-}, _UmbDefaultCollectionContext_checkIfInitialized = function _UmbDefaultCollectionContext_checkIfInitialized() {
-    if (__classPrivateFieldGet(this, _UmbDefaultCollectionContext_repository, "f")) {
-        __classPrivateFieldSet(this, _UmbDefaultCollectionContext_initialized, true, "f");
-        __classPrivateFieldGet(this, _UmbDefaultCollectionContext_initResolver, "f")?.call(this);
-    }
-}, _UmbDefaultCollectionContext_observeRepository = function _UmbDefaultCollectionContext_observeRepository(repositoryAlias) {
-    new UmbExtensionApiInitializer(this, umbExtensionsRegistry, repositoryAlias, [this._host], (permitted, ctrl) => {
-        __classPrivateFieldSet(this, _UmbDefaultCollectionContext_repository, permitted ? ctrl.api : undefined, "f");
-        __classPrivateFieldGet(this, _UmbDefaultCollectionContext_instances, "m", _UmbDefaultCollectionContext_checkIfInitialized).call(this);
-    });
-};
-export const UMB_DEFAULT_COLLECTION_CONTEXT = new UmbContextToken('UmbCollectionContext');
+export const UMB_COLLECTION_CONTEXT = new UmbContextToken('UmbCollectionContext');
+/**
+ * @deprecated Use UMB_COLLECTION_CONTEXT instead.
+ */
+export { UMB_COLLECTION_CONTEXT as UMB_DEFAULT_COLLECTION_CONTEXT };

package/dist-cms/packages/core/collection/default/collection-default.element.js

@@ -4,19 +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;
 };
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbCollectionDefaultElement_instances, _UmbCollectionDefaultElement_collectionContext, _UmbCollectionDefaultElement_observeCollectionRoutes;
-import { UMB_DEFAULT_COLLECTION_CONTEXT, UmbDefaultCollectionContext } from './collection-default.context.js';
+import { UMB_COLLECTION_CONTEXT, UmbDefaultCollectionContext } from './collection-default.context.js';
 import { css, html, customElement, state } from '../../../../external/lit/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
@@ -35,25 +23,31 @@ const manifest = {
 };
 umbExtensionsRegistry.register(manifest);
 let UmbCollectionDefaultElement = class UmbCollectionDefaultElement extends UmbLitElement {
+    #collectionContext;
     constructor() {
         super();
-        _UmbCollectionDefaultElement_instances.add(this);
         this._routes = [];
-        _UmbCollectionDefaultElement_collectionContext.set(this, void 0);
-        this.consumeContext(UMB_DEFAULT_COLLECTION_CONTEXT, (context) => {
-            __classPrivateFieldSet(this, _UmbCollectionDefaultElement_collectionContext, context, "f");
-            __classPrivateFieldGet(this, _UmbCollectionDefaultElement_instances, "m", _UmbCollectionDefaultElement_observeCollectionRoutes).call(this);
+        this.consumeContext(UMB_COLLECTION_CONTEXT, (context) => {
+            this.#collectionContext = context;
+            this.#observeCollectionRoutes();
         });
     }
     firstUpdated(_changedProperties) {
         super.firstUpdated(_changedProperties);
-        __classPrivateFieldGet(this, _UmbCollectionDefaultElement_collectionContext, "f")?.requestCollection();
+        this.#collectionContext?.requestCollection();
+    }
+    #observeCollectionRoutes() {
+        if (!this.#collectionContext)
+            return;
+        this.observe(this.#collectionContext.view.routes, (routes) => {
+            this._routes = routes;
+        }, 'umbCollectionRoutesObserver');
     }
     render() {
         return html `
 			<umb-body-layout header-transparent>
 				${this.renderToolbar()}
-				<umb-router-slot id="router-slot" .routes="${this._routes}"></umb-router-slot>
+				<umb-router-slot id="router-slot" .routes=${this._routes}></umb-router-slot>
 				${this.renderPagination()} ${this.renderSelectionActions()}
 			</umb-body-layout>
 		`;
@@ -67,19 +61,9 @@ let UmbCollectionDefaultElement = class UmbCollectionDefaultElement extends UmbL
     renderSelectionActions() {
         return html `<umb-collection-selection-actions slot="footer"></umb-collection-selection-actions>`;
     }
-};
-_UmbCollectionDefaultElement_collectionContext = new WeakMap();
-_UmbCollectionDefaultElement_instances = new WeakSet();
-_UmbCollectionDefaultElement_observeCollectionRoutes = function _UmbCollectionDefaultElement_observeCollectionRoutes() {
-    if (!__classPrivateFieldGet(this, _UmbCollectionDefaultElement_collectionContext, "f"))
-        return;
-    this.observe(__classPrivateFieldGet(this, _UmbCollectionDefaultElement_collectionContext, "f").view.routes, (routes) => {
-        this._routes = routes;
-    }, 'umbCollectionRoutesObserver');
-};
-UmbCollectionDefaultElement.styles = [
-    UmbTextStyles,
-    css `
+    static { this.styles = [
+        UmbTextStyles,
+        css `
 			:host {
 				display: flex;
 				flex-direction: column;
@@ -92,7 +76,8 @@ UmbCollectionDefaultElement.styles = [
 				height: 100%;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     state()
 ], UmbCollectionDefaultElement.prototype, "_routes", void 0);

package/dist-cms/packages/core/components/backoffice-modal-container/backoffice-modal-container.element.js

@@ -4,12 +4,6 @@ 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;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbBackofficeModalContainerElement_instances, _UmbBackofficeModalContainerElement_createModalElements, _UmbBackofficeModalContainerElement_onCloseEnd, _UmbBackofficeModalContainerElement_renderModal;
 import { UmbTextStyles } from '../../style/index.js';
 import { css, html, repeat, customElement, state, nothing, property } from '../../../../external/lit/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT, UmbModalElement } from '../../modal/index.js';
@@ -17,7 +11,6 @@ import { UmbLitElement } from '../../lit-element/index.js';
 let UmbBackofficeModalContainerElement = class UmbBackofficeModalContainerElement extends UmbLitElement {
     constructor() {
         super();
-        _UmbBackofficeModalContainerElement_instances.add(this);
         this._modalElementMap = new Map();
         this._modals = [];
         this.fillBackground = false;
@@ -31,74 +24,80 @@ let UmbBackofficeModalContainerElement = class UmbBackofficeModalContainerElemen
         if (!this._modalManager)
             return;
         this.observe(this._modalManager.modals, (modals) => {
-            __classPrivateFieldGet(this, _UmbBackofficeModalContainerElement_instances, "m", _UmbBackofficeModalContainerElement_createModalElements).call(this, modals);
+            this.#createModalElements(modals);
         });
     }
+    /** We cannot render the umb-modal element directly in the uui-modal-container because it wont get recognized by UUI.
+     *  We therefore have a helper class which creates the uui-modal element and returns it. */
+    #createModalElements(modals) {
+        this.removeAttribute('fill-background');
+        const oldValue = this._modals;
+        this._modals = modals;
+        const oldModals = oldValue.filter((oldModal) => !modals.some((modal) => modal.key === oldModal.key));
+        oldModals.forEach((modal) => {
+            // TODO: I would not think this works as expected, the callback method has to be the exact same instance as the one added: [NL]
+            this._modalElementMap.get(modal.key)?.removeEventListener('close-end', this.#onCloseEnd.bind(this, modal.key));
+            this._modalElementMap.delete(modal.key);
+        });
+        if (this._modals.length === 0) {
+            //this._modalElementMap.clear(); // should not make a difference now that we clean it above. [NL]
+            return;
+        }
+        this._modals.forEach((modal) => {
+            if (this._modalElementMap.has(modal.key))
+                return;
+            const modalElement = new UmbModalElement();
+            modalElement.modalContext = modal;
+            modalElement.element?.addEventListener('close-end', this.#onCloseEnd.bind(this, modal.key));
+            modal.addEventListener('umb:destroy', this.#onCloseEnd.bind(this, modal.key));
+            this._modalElementMap.set(modal.key, modalElement);
+            // If any of the modals are fillBackground, set the fillBackground property to true
+            if (modal.backdropBackground) {
+                this.fillBackground = true;
+                this.shadowRoot
+                    ?.getElementById('container')
+                    ?.style.setProperty('--backdrop-background', modal.backdropBackground);
+            }
+            this.requestUpdate();
+        });
+    }
+    #onCloseEnd(key) {
+        this._modalManager?.remove(key);
+    }
+    #renderModal(key) {
+        const modalElement = this._modalElementMap.get(key);
+        if (!modalElement)
+            return nothing;
+        return modalElement.render();
+    }
     render() {
         return html `
 			<uui-modal-container id="container">
 				${this._modals.length > 0
-            ? repeat(this._modals, (modal) => modal.key, (modal) => __classPrivateFieldGet(this, _UmbBackofficeModalContainerElement_instances, "m", _UmbBackofficeModalContainerElement_renderModal).call(this, modal.key))
+            ? repeat(this._modals, (modal) => modal.key, (modal) => this.#renderModal(modal.key))
             : ''}
 			</uui-modal-container>
 		`;
     }
-};
-_UmbBackofficeModalContainerElement_instances = new WeakSet();
-_UmbBackofficeModalContainerElement_createModalElements = function _UmbBackofficeModalContainerElement_createModalElements(modals) {
-    this.removeAttribute('fill-background');
-    const oldValue = this._modals;
-    this._modals = modals;
-    const oldModals = oldValue.filter((oldModal) => !modals.some((modal) => modal.key === oldModal.key));
-    oldModals.forEach((modal) => {
-        // TODO: I would not think this works as expected, the callback method has to be the exact same instance as the one added: [NL]
-        this._modalElementMap.get(modal.key)?.removeEventListener('close-end', __classPrivateFieldGet(this, _UmbBackofficeModalContainerElement_instances, "m", _UmbBackofficeModalContainerElement_onCloseEnd).bind(this, modal.key));
-        this._modalElementMap.delete(modal.key);
-    });
-    if (this._modals.length === 0) {
-        //this._modalElementMap.clear(); // should not make a difference now that we clean it above. [NL]
-        return;
-    }
-    this._modals.forEach((modal) => {
-        if (this._modalElementMap.has(modal.key))
-            return;
-        const modalElement = new UmbModalElement();
-        modalElement.modalContext = modal;
-        modalElement.element?.addEventListener('close-end', __classPrivateFieldGet(this, _UmbBackofficeModalContainerElement_instances, "m", _UmbBackofficeModalContainerElement_onCloseEnd).bind(this, modal.key));
-        modal.addEventListener('umb:destroy', __classPrivateFieldGet(this, _UmbBackofficeModalContainerElement_instances, "m", _UmbBackofficeModalContainerElement_onCloseEnd).bind(this, modal.key));
-        this._modalElementMap.set(modal.key, modalElement);
-        // If any of the modals are fillBackground, set the fillBackground property to true
-        if (modal.backdropBackground) {
-            this.fillBackground = true;
-            this.shadowRoot
-                ?.getElementById('container')
-                ?.style.setProperty('--backdrop-background', modal.backdropBackground);
-        }
-        this.requestUpdate();
-    });
-};
-_UmbBackofficeModalContainerElement_onCloseEnd = function _UmbBackofficeModalContainerElement_onCloseEnd(key) {
-    this._modalManager?.remove(key);
-};
-_UmbBackofficeModalContainerElement_renderModal = function _UmbBackofficeModalContainerElement_renderModal(key) {
-    const modalElement = this._modalElementMap.get(key);
-    if (!modalElement)
-        return nothing;
-    return modalElement.render();
-};
-UmbBackofficeModalContainerElement.styles = [
-    UmbTextStyles,
-    css `
+    static { this.styles = [
+        UmbTextStyles,
+        css `
 			:host {
 				position: absolute;
 				z-index: 1000;
 			}
 
+			:host([fill-background]) {
+				--uui-modal-dialog-border-radius: 0;
+				--uui-shadow-depth-5: 0;
+			}
+
 			:host([fill-background]) #container::after {
 				background: var(--backdrop-background);
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     state()
 ], UmbBackofficeModalContainerElement.prototype, "_modalElementMap", void 0);